@charset "utf-8";
/* CSS Document */
body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #585858; font: 14px/1 Arial,"微软雅黑"; margin: 0; padding: 0; overflow: hidden; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; padding: 0; margin: 0; }
ul, ol, li, dl, dt, dd { list-style: none; text-decoration: none; height: auto; padding: 0; margin: 0; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; }
q:before, q:after { content: ''; }
p { margin: 0; padding: 0; }
/* 重置表单元素 */
legend { color: #585858; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }
/* 重置表格元素 */+*
/* 重置 hr */
hr { border: none; height: 1px; }
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
:link { text-decoration: none; color: #585858; }
:visited { text-decoration: none; color: #585858; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both;overflow: hidden;}
.hidden { display: none; }
/*======================公用样式=======================*/
.warp { width:100%; margin: 0 auto; overflow: hidden; }
.header { width:100%; height:153px; background:url(../images/head_bg.jpg) repeat-x;}
.top { width: 1024px; height:153px; margin:0 auto; position:relative;}
.logo { width:320px; height:72px; position:absolute; top:17px; left:0; background:url(../images/logo.jpg) no-repeat;}
.logo a { display:block; width:320px; height:72px; text-indent:-9999px;}

.cn { width:70px; height:15px; background:url(../images/cn.jpg) no-repeat; position:absolute; top:23px; left:848px;}
.cn a { display:block; width:70px; height:15px; text-indent:-9999px;}
.en { width:87px; height:15px; background:url(../images/en.jpg) no-repeat; position:absolute; top:23px; right:0;}
.en a { display:block; width:87px; height:15px; text-indent:-9999px;}

.search_info { width:280px; height:30px; background: url("../images/nav_search_bg.jpg") no-repeat; position:absolute; top:53px; right:0; }
.search_info_txt { display: inline; float: left; width:245px; height:30px;}
.search_info_txt_css { text-indent: 15px; background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width: 0; color: #c4c4c4; float: left; height:30px; line-height:30px; overflow: hidden; width:245px; }
.search_info_btn { float:right; width:35px; height:30px; }
.search_info_btn_css {background-color:transparent; border-color:-moz-use-text-color; border-style:none; border-width:0; float:left; height:30px; line-height:13px; overflow:hidden; width:35px;}


.menu { width:1024px; height:52px; position:absolute; left:0; top:101px;}
.menu li { float:left; font-size:16px; line-height:49px;}
.menu li a { display:block; padding:0 24px;line-height:52px;}
.menu li a:hover { display:block; color:#fff; background:#990011; border-top:3px solid #444;line-height:49px;}




/*======================Banner样式=======================*/
#full-screen-slider { width:100%; height:600px; margin:0 auto; position:relative;}
#slides { display: block; width: 100%; height:600px; list-style: none; padding: 0; margin: 0; position: relative }
#slides li { display: block; width: 100%; height:600px; list-style: none; padding: 0; margin: 0; position: absolute }
#slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px }
#pagination { display: block; list-style: none; position: absolute; left:50%; top:95%; z-index: 9900; }
#pagination li { display: block; list-style: none; width: 20px; height: 3px; float: left; margin-left: 5px; background: #ccc }
#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
#pagination li.current { background: #990011; }
/*======================首页样式=======================*/


.inner_cp { width:1024px;  margin:21px auto 0;}
.inner_cp .nav_ { width:1024px; height:40px;}
.inner_cp .nav_ ul { display:block; float:left;}
.inner_cp .nav_ ul li { margin-right:50px; line-height:38px; float:left;}
.inner_cp .nav_ ul li a { display:block;}
.inner_cp .nav_ ul li a:hover { display:block; color:#990011; border-bottom:2px solid #990011;}
.inner_cp .lon { float:right; line-height:40px;}
.inner_cp_con { width:1024px;}
.inner_cp_con ul { display:block; overflow:hidden; margin-bottom:40px;}
.inner_cp_con li { width:240px; height:253px; float:left; padding:0 8px; margin-top:40px; position:relative; background:url(../images/pro_li.png) no-repeat;}
.inner_cp_con li img { display:block; position:absolute; top:1px; left:1px; width:238px; height:198px;}
.inner_cp_con li a { display:block;}
.inner_cp_con li:hover { display:block;  width:240px; height:253px; background:url(../images/pro_lia.png) no-repeat;color:#990011;}
.inner_cp_con li span { display:block; position:absolute; top:210px; left:0; font-size:16px;}
.inner_cp_con li em { display:block; position:absolute; top:235px; left:0; font-size:12px;}
.inner_cp_con .more { width:1022px; height:28px; border:1px solid #aaa; text-align:center; line-height:28px;  clear:both;}



.index_main { width:100%; height:942px; background:url(../images/index_pro.jpg) repeat-x;}
.index_main .tit { width:1024px; height:60px; padding-top:65px; margin:0 auto; line-height:32px; text-align:center;}
.index_main .tit span { font-size:26px; font-weight:bold; color:#222; display:block;}
.index_main .tit em { font-size:18px; color:#222; display:block;}
.index_cp { width:1024px;  margin:0 auto;}


.index_cp .nav_ { width:1024px; height:40px;}
.index_cp .nav_ ul { display:block; float:left; padding-left:20px;}
.index_cp .nav_ ul li { margin-right:50px; line-height:38px; float:left;}
.index_cp .nav_ ul li a { display:block;}
.index_cp .nav_ ul li a:hover { display:block; color:#990011; border-bottom:2px solid #990011;}
.index_cp .lon { float:right; line-height:40px;}
.index_cp_con { width:1024px;}
.index_cp_con ul { display:block; overflow:hidden; margin-bottom:40px;}
.index_cp_con li { width:240px; height:238px; float:left; padding:0 8px; margin-top:20px; position:relative; background:url(../images/pro_li2.png) no-repeat;}
.index_cp_con li img { display:block; position:absolute; top:1px; left:1px; width:238px; height:198px;}
.index_cp_con li a { display:block;}
.index_cp_con li:hover { display:block;  width:240px; height:238px; background:url(../images/pro_lia2.png) no-repeat;color:#990011;}
.index_cp_con li span { display:block; position:absolute; top:210px; left:0; font-size:16px;}
.index_cp_con li em { display:block; position:absolute; top:235px; left:0; font-size:12px;}
.index_cp_con .more { width:1022px; height:28px; border:1px solid #aaa; text-align:center; line-height:28px;  clear:both;}

/*
.index_cp .nav_ { width:1024px; height:40px;}
.index_cp .nav_ ul { display:block; float:left;}
.index_cp .nav_ ul li { margin-right:50px; line-height:38px; float:left;}
.index_cp .nav_ ul li a { display:block;}
.index_cp .nav_ ul li a:hover { display:block; color:#990011; border-bottom:2px solid #990011;}
.index_cp .lon { float:right; line-height:40px;}
.index_cp_con { width:1024px;}
.index_cp_con ul { display:block; overflow:hidden; margin-bottom:40px;}
.index_cp_con li { width:240px; height:253px; float:left; padding:0 8px; margin-top:40px; position:relative; background:url(../images/pro_li.png) no-repeat;}
.index_cp_con li img { display:block; position:absolute; top:1px; left:1px; width:238px; height:198px;}
.index_cp_con li a { display:block;}
.index_cp_con li:hover { display:block;  width:240px; height:253px; background:url(../images/pro_lia.png) no-repeat;color:#990011;}
.index_cp_con li span { display:block; position:absolute; top:218px; left:0; font-size:16px;}
.index_cp_con li em { display:block; position:absolute; top:235px; left:0; font-size:12px;}
.index_cp_con .more { width:1022px; height:28px; border:1px solid #aaa; text-align:center; line-height:28px;  clear:both;}*/

.index_con { width:100%; height:606px; background:url(../images/index_con_bg.jpg) repeat-x;}
.index_about { width:1024px; height:606px; background:url(../images/index_about_bg.jpg) no-repeat; margin:0 auto; position:relative;}
.index_about .tit { width:1024px; height:60px; padding-top:55px; margin:0 auto; line-height:32px; text-align:center;}
.index_about .tit span { font-size:26px; font-weight:bold; color:#fff; display:block;}
.index_about .tit em { font-size:18px; color:#fff; display:block;}
.index_about .name { width:471px; position:absolute; top:163px; left:0; font-size:20px; color:#fff;}
.index_about .txt { width:471px; height:135px; line-height:26px; position:absolute; top:229px; left:0; color:#ccc;}
.index_about .more { width:127px; height:29px; background:#990011; color:#fff; text-indent:22px; line-height:29px; position:absolute; top:405px; left:0;}
.index_about .more a { display:block; width:127px; height:29px; color:#fff;}


.index_wp { width:100%; height:572px; background:url(../images/workgroup.jpg) no-repeat center;}
.index_wp_m { width:1024px; height:572px; margin:0 auto; position:relative;}
.index_wp_m .cn_tit { width:160px; position:absolute; top:141px; left:19px; font-size:18px; color:#c30000;}
.index_wp_m .more { width:160px; position:absolute; top:361px; left:19px; font-size:16px; color:#c30000;}
.index_wp_m .more a { color:#c30000;} 

.index_ry { width:100%; height:478px; background:url(../images/index_ry.jpg) no-repeat center;}
.index_ry_tit { width:1024px; height:158px; position:relative; margin:0 auto;}
.index_ry_tit .cn_tit { position:absolute; left:468px; top:101px; font-size:18px; color:#222;}
.index_zs { width:1128px; height:296px; overflow:hidden;  margin:24px auto 0;}

.index_zs_con { width: 1128px; height:252px; position:relative;}
.left_btn { position:absolute; top:113px; left:0; width:22px; height:29px; z-index:999;}
.right_btn { position:absolute; top:113px; right:0;width:22px; height:29px; z-index:999;}
.pro_list_inner { width:1000px; height:252px; overflow: hidden;margin:0 auto; }
.sy_pro_list { width: 1000px; height: 252px; margin:0 auto; }
.sy_pro_list ul { width: 1000px; }
.sy_pro_list li { width:179px; height:250px; float:left; padding:0 10px;}
.sy_pro_list li img { width:179px; height:250px;}

/*=======================内页样式=======================*/
.inner_main { width:100%; margin-bottom:50px; overflow:hidden; background:url(../images/index_pro3.jpg) no-repeat top;}
.inner_main .tit { width:1024px; height:40px; padding-top:30px; margin:0 auto; line-height:32px; text-align:center;}
.inner_main .tit span { font-size:26px; font-weight:bold; color:#222; display:block;}
.inner_main .tit em { font-size:18px; color:#222; display:block;}



.about { padding:35px; line-height: 25px; overflow: hidden;}
.show_pro { padding:35px; line-height: 20px; overflow: hidden;}
.news {padding:35px; overflow: hidden;}
.news ul { list-style-image: none; list-style-type: none; margin-top: 6px; }
.news li { border-bottom: 1px dotted #888A89; height: 50px; line-height: 50px; overflow: hidden; }
.news li a { color: #414141; text-decoration: none; }
.news li span { color: #414141; float: right; margin-right: 30px; }
.news_con { overflow: hidden;}
.news_con li { display: block; width: 1002px; height: 67px; margin-bottom: 14px; }
.news_con li a { display: block; color: #fff; }
.news_con li .date { width: 67px; height: 67px; float: left; text-align: center; background: #b15c1c; }
.news_con li .date span { font-size: 27px; line-height: 47px; color: #fff; }
.news_con li .date p { color: #fca001; }
.news_con li .txt { width: 885px; height: 67px; overflow: hidden; float: left; line-height: 20px; padding-left: 8px; background: #3f3f3f; }
.news_con li .txt span { font-size: 13px; line-height: 25px; }
.news_con li .txt p { display: block; width: 535px; overflow: hidden; color: #ababab; }
.shownews { padding: 10px;  min-height:615px; }
.shownews a { display:block;}
.shownews a:hover { display:block; text-decoration: underline;}
.shownews .title { background:#5a5a5a; height:65px;  text-align: center; }
.shownews .title h1 { color:#fff; font-size:14px; line-height:40px;}
.shownews .title span { line-height:18px; color:#fff;}
.shownews DIV.text { padding-top:25px; }.hr a { color: #D2211F; padding: 0 10px; text-decoration: underline; }
table.job { border-collapse: collapse; color: #777777; width: 100%; }
table.job th, .job td { border: 1px solid #DDDDDD; }
table.job th { background-color: #ffffff; height: 40px; line-height: 40px; text-align: center; }
table.job td { background: none repeat scroll 0 0 #FFFFFF; padding: 10px; text-align: center; }
table.job a.close { height: 28px; line-height: 28px; }
table.job .jobdetail { background: url("../images/jobdetail.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 24px; margin: 0 auto; width: 76px; }
table.job .mydiv { left: 50%; margin: -135px 0 0 -325px; position: fixed !important; top: 30%; width: 650px; z-index: 999; }
table.job .mydiv table { border-collapse: collapse; color: #777777; line-height: 22px; }
table.job .mydiv table .alignleft { text-align: left; }
/*======================产品终端页产品图片切换效果样式=======================*/
.products_4 { overflow:hidden;}
.products_5 { width: 250px; padding-top: 10px; padding-left: 30px; float: left; }
.products_5 span table{ border-collapse:collapse; border:#ccc solid 1px; line-height:25px; width:450px; text-align:center;}
.products_5 span table td{ padding:2px 4px;}
#preview { float: none; padding: 15px 0; width: 448px; float: left; }
.description { clear: both; /*height:400px;*/ overflow: auto }
.description h3, .other h3 { height: 40px; line-height: 40px; color: #005DAA; border-bottom: 1px dashed #999; }
.description .data { overflow-x: auto; margin: 0px 0; }
.description a.iq { display: block; width: 98px; height: 25px; }
.description p { width: 100%; height: auto; color: #000; line-height: 22px; margin: 20px 0; }
.description .txt { border-bottom: 1px solid #999; font-size: 15px; line-height: 34px; padding-left: 10px; color: #13233c; font-weight: bold; }
.description table { width: 100%; text-align: center; border-left: 1px #999 solid; border-top: 1px #999 solid; background: #fff; color: #333; }
.description table td { padding: 6px 5px; border-bottom: 1px #999 solid; border-right: 1px #999 solid; }
/*产品终端样式*/

/*产品终端页产品图片切换效果样式*/
.proinfo_two { border-color: #CCCCCC; border-style: solid; border-width: 1px; height: auto; }
.proinfo_two .pro_description { background: none repeat scroll 0 0 #CCC; font-weight: bold; height: 28px; line-height: 28px; text-indent: 10px; color:#ffffff; }
.proinfo_two .pro_description_cont { height: auto !important; overflow: visible; padding: 10px; }
#spec-n1 img { width:448px; height:373px; background: #fff; border: 1px solid #ccc; padding: 1px; }
#spec-n5 { width:448px; overflow: hidden; zoom: 1; background: #fff; border: 1px solid #ccc; border-top: none; padding: 1px; }
#spec-right { width: 124px;/* height:60px;*/ float: left; }
#spec-right a img { width: 124px; height: 60px; }
#spec-list { width:448px; float: left; }
#spec-list ul { float: left; overflow:hidden;}
#spec-list ul li { width:106px; overflow:hidden; float:left;}
#spec-list ul li img { width: 100px; height:100px; cursor: pointer; border: 1px solid #CCC; padding: 2px; }
ul.product_list { clear: both; margin: 20px 20px 0; border-bottom: 1px solid #CCCCCC; overflow: hidden; zoom: 1; }
ul.product_list li { font-weight: bold; float: left; padding: 0 10px; background-color: #8395A0; display: block; cursor: pointer; border-right: 1px #FFFFFF solid; line-height: 26px }
ul.product_list li a { color: #FFFFFF; }
ul.product_list li.sel { background-color: #47555e; }
/*放大镜样式 开始*/


.jqzoom { position: relative; padding: 0; }
.bigimg { width: 800px; height: auto; }
.zoomdiv { z-index: 8; position: absolute; top: 1px; left: 0px; width: 400px; height: 400px; background: url(i/loading.gif) #fff no-repeat center center; border: 1px solid #e4e4e4; display: none; text-align: left; overflow: hidden; }
.jqZoomPup { z-index: 3; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; border: 1px solid #aaa; background: #FEDE4F 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; }
/*放大镜样式 结束*/

.other, .other ul { float: left; font-size: 12px; line-height: 22px; width: 763px; }
.other_tit { border-bottom: 1px dashed #222222; font-size:14px; height: 40px; line-height: 40px; padding-top: 10px; }
.other ul { margin: 20px 0; }
.other li { float: left; margin: 0 17px; width: 152px; }
.other li a { display:block; color:#fff;}
.other li a:hover { display:block; text-decoration: underline;}
.other img { background: none repeat scroll 0 0; border: 1px solid #ccc; display: block; height:150px; margin: 0 auto; width: 150px; }
.other span { display: block; font-size: 11px; height: 22px; line-height: 22px; text-align: center; }

/*======================分页样式=======================*/
.pager { margin:40px 0; clear:both; border-top: #ccc 1px solid; background: #fff; padding:15px 0; }
.page_link { height: 22px; padding: 0 20px; font-size: 11px; color: #777;  }
.pager span { float: left; line-height: 20px; background: #F0F0F0; margin: 0px 2px; padding: 0 0.6em; float:left; }
.pager span a { display: block; }
.page_link_total { color: #777; }
.page_link_a, {
}
.page_link_now { font-weight: bold; color: #d2211f; }
/*======================底部样式=======================*/
.index_foot { width:100%; height:380px; background:#3e3f41; margin-top:41px; color:#fff;}
.index_foot_con { width:1024px; height:380px; margin:0 auto; position:relative;}
.index_foot .zx_tit { position:absolute; top:65px; left:0;}

.touch { width:456px; height:231px; position:absolute; top:109px; left:0;}
div.index_foot input[type='text'],div.index_foot input[type='submit']{ border-radius:5px 5px 5px 5px;border:none; background:#4B4B4B;width:216px;height:26px;position:absolute;outline:none}
div.index_foot input[type='checkbox']{width:12px;height:12px}
div.index_foot input#index_email{    width: 100%;}
input.username{top:0;left:0;color:#666;text-indent:12px;font-size:12px}
input.tel{top:0;left:240px;color:#666;text-indent:12px;font-size:12px}
input.email{top:46px;left:0;color:#666;text-indent:12px;font-size:12px}
input.add{top:46px;left:240px;color:#666;text-indent:12px;font-size:12px}
input.contact_sub{ width:456px !important; height:26px !important; top:220px; left:0; cursor:pointer; color:#fff;} 
input.contact_sub a { display:block; width:456px; height:26px; color:#fff;}
.index_foot textarea{ width:435px; height:93px; background:#4B4B4B;position:absolute;top:88px;left:0;border:none;border-radius:5px 5px 5px 5px;outline:none;font-size:12px;color:#666;overflow:hidden}
.index_foot textarea, .touch input.username, .touch input.contact {color:#fff;}
.index_foot textarea {padding:10px; font-size:12px;}


.index_foot_lx { width:511px; height:285px; position:absolute; top:65px; right:0;}
.index_foot_lx .tit { width:511px; height:22px;}
.index_foot_lx .txt { width:511px; height:119px; line-height:28px;}
.index_foot_lx .map { width:511px; height:144px; background:url(../images/index_map.jpg) no-repeat;}

.foot { width:100%; height:114px; background:#212224;}
.foot_menu {width:1024px; line-height:35px; padding-top:21px; margin:0 auto; text-align:center; color:#fff;}
.foot_menu a { color:#fff;}
.foot_txt { width:1024px; line-height:35px; text-align:center; margin:0 auto;color:#fff;}