meis@charset "utf-8";
/* CSS Document */
body, button, input, select, textarea { background: none repeat scroll 0 0 #ecf6ef; color: #333333; font: 14px/1 Arial,微软雅黑; margin: 0; padding: 0; overflow: hidden; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; 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: #333333; } /* 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: #333333; }
:visited { text-decoration: none; color: #333333; }
.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:148px; background:url(../images/head_bg.jpg) repeat-x; margin: 0 auto; }
.header_con { width:1199px; height:148px; margin:0 auto; position: relative; }
.logo { width:463px; height:97px; position:absolute; top:0; left:0; background:url(../images/logo.jpg) no-repeat;}
.logo a { display:block; width:463px; height:97px; text-indent:-9999px;}
.cn { width:21px; height:15px; position:absolute; top:40px; left:482px; background:url(../images/cn.jpg) no-repeat;}
.en { width:21px; height:15px; position:absolute; top:40px; left:509px; background:url(../images/en.jpg) no-repeat;}
.cn a, .en a { display:block; width:21px; height:15px; text-indent:-9999px;}
.top_tel { width:309px; height:97px; position:absolute; top:0; right:0; background:url(../images/top_tel.jpg) no-repeat;}
.menu { width:1199px; height:51px; position:absolute; top:97px; left:0;}
.menu li { display:block; line-height:50px; padding: 0 42px;  font-size:16px; background: url(../images/line.jpg) no-repeat left; float:left;}



/*======================首页样式=======================*/
.main { width:1199px; margin:46px auto 0; position:relative;}
.main_1 { width:1199px; height:469px;}
.left { width:207px; float:left; background:#6cabd4;}
.left_cat { width:207px; height:469px;  background:#75b5db;}
.left_cat h2{ width:216px; height:66px; line-height:68px; position:relative; left:-9px; background:url(../images/left_cat_tit.jpg) no-repeat; text-indent:29px; font-size:18px; color:#fff;}
.left_cat_tit { width:216px; height:66px; line-height:68px; position:relative; left:-9px; background:url(../images/left_cat_tit.jpg) no-repeat; text-indent:29px; font-size:18px; color:#fff;}
.left_cat ul { display:block; width:207px; font-size: 14px;}
.left_cat ul.main_cat li{ position:relative;}
.left_cat ul.main_cat li ul.sub_cat{ position:absolute; display:none; width:260px; left:206px; z-index:9999; background:#004e74; top:0px; height:auto;}
.left_cat ul.main_cat li ul.sub_cat li{ width:100%;}
.left_cat ul.main_cat li ul.sub_cat li a:hover{background:#6cabd4;width:100%;}

.left_cat ul > li {display:block; width:207px; height:26px;text-indent:25px; line-height:26px;}
.left_cat ul li a { display:block; line-height:26px; color:#fff;}
.left_cat ul li a:hover { display:block; width:207px; height:26px;  background:url(../images/left_cata.jpg) no-repeat;}

.left_contact { width:207px; height:329px; background:url(../images/left_contactbg.jpg) no-repeat top ; position:relative; padding-bottom:145px;}
.left_contact .txt { width:177px; height:189px; position:absolute; top:140px; left:15px; line-height:18px; color:#fff;}

.pro_new { width:678px; height:469px; float:left; background:url(../images/pronewbg.jpg) no-repeat; margin-left:7px;}
.pro_new h2{ height:65px; line-height:63px; text-indent:45px;font-size: 18px;}
.pro_new_main { width:649px; height:388px; margin-left:15px;}
.pro_new_main .tp { width:517px; height:388px; float:left;}
.pro_new_main .tp img { width:517px; height:299px; display:block;}
.pro_new_main .tp_txt { width:517px; height:89px; display:block; color:#fff;}
.pro_new_main .tp_txt span { display:block; line-height:32px; font-size:20px; text-indent:15px;}
.pro_new_main .tp_txt em { display:block; line-height:19px; padding:0 17px; font-size: 14px;}

.pro_new_qh { width:121px; height:388px; float:left; margin-left:11px; position:relative;}
.pro_new_qh .link_top { width:121px; height:12px; position:absolute; top:0; left:0;}
.pro_new_qh .link_bottom {width:121px; height:12px; position:absolute; bottom:0; left:0;}
.pro_new_qh ul { display:block;width:121px; height:364px; position:absolute; top:12px; left:0;}
.pro_new_qh ul li { width:121px; height:70px; margin:16px 0;}
.pro_new_qh ul li img{ width:121px; height:70px;}

.index_about {width:298px; height:469px; background:url(../images/index_aboutbg.jpg) no-repeat; position:relative; float:left; margin-left:9px;}
.index_about h2{ line-height:65px; text-indent:16px; font-size:18px; position:absolute; top:0; left:0;}
/*.index_about_tit { line-height:65px; text-indent:16px; font-size:18px; position:absolute; top:0; left:0;}*/
.index_about_mor { width:32px; height:22px; position:absolute; top:21px; left:252px;}
.index_about_mor a{ width:32px; height:22px; display:block; text-indent:-9999px;}
.index_about_main { width:270px; height:247px; position:absolute; top:210px; left:15px; line-height: 25px; text-indent: 27px; font-size: 14px;}
.index_con { width:1199px; height:566px; margin:20px auto 0;}
.swiper-container{  padding-bottom: 20px !important;}
.index_pro { width:892px; height:542px; float:left;}
.index_pro_tit { width:892px; height:38px; background:url(../images/index_pro_tit.jpg) no-repeat; position:relative;}
.index_pro_tit h2{ line-height:38px; display:block; text-indent:15px; font-size:18px; color:#fff;}
.index_pro .link_fl { width:38px; height:27px; position:absolute; top:4px; left:810px;}
.index_pro .link_fl a { display:block; width:38px; height:27px; text-indent:-9999px;}
.index_pro .link_fr {width:39px; height:27px; position:absolute; top:4px; left:851px;}
.index_pro .link_fr a { display:block; width:39px; height:27px; text-indent:-9999px;}
.index_pro .scroll_wrap{width:892px; height:530px;overflow:hidden;  padding-top:6px;}
.index_pro ul.main_scroll { margin-top:5px; display:block;/*width:2676px; */width:892px;height:490px;}
.index_pro ul li.scr_main { width:892px; height:490px; float:left; display:block; }
.index_pro ul li.scr_main  dl{height:486px;}
.index_pro ul li.scr_main  dl.scr_sub dt { width:220px; height:240px; float:left; display:block; background:url(../images/libg.jpg) no-repeat; padding:0 1px; margin-bottom:6px; position:relative;}
.index_pro ul li.scr_main dl.scr_sub dt img { width: 178px;
height: 178px;
display: block;
position: absolute;
top: 1px;
left: 16px;}
.index_pro ul li.scr_main dl.scr_sub dt span { display:block; width:207px; height: 50px; line-height: 25px; text-align:center; position:absolute; top: 182px; left:6px; font-size:14px;}
/*.index_pro ul { margin-top:5px; display:block;}
.index_pro ul li { width:220px; height:240px; float:left; display:block; background:url(../images/libg.jpg) no-repeat; padding:0 1px; margin-bottom:7px; position:relative;}
.index_pro ul li img { width:218px; height:178px; display:block; position:absolute; top:1px; left:1px;}
.index_pro ul li span { display:block; width:207px; height:55px; line-height:55px; text-align:center; position:absolute; top:179px; left:6px; font-size:14px;}
*/

.index_new { width:298px; height:542px; float:left; margin-left:9px; background:url(../images/index_newbg.jpg) no-repeat; position:relative;}
.index_new_tit1 { line-height:32px; font-size:18px; text-indent:19px; position:absolute; top:0; left:0; color:#fff;}
.index_new_tit1 h2{ font-size:18px;}
.index_new_tit1 span { display:block; width:32px; height:22px; position:absolute; top:5px; left:255px;}
.index_new_tit1 span a { display:block; width:32px; height:22px; text-indent:-9999px;}
.index_new_gs { width:260px; height:207px; position:absolute; top:52px; left:20px;}
.index_new_gs li { width:260px; height:23px; line-height:23px; overflow:hidden; background:url(../images/na1.jpg) no-repeat 0 10px;}
.index_new_gs li a { display:block; color:#fff; text-indent:10px; font-size: 14px;}

.index_new_tit2 { line-height:42px; font-size:18px; text-indent:19px; position:absolute; top:277px; left:0; color:#fff;}
.index_new_tit2 h2{ font-size:18px;}
.index_new_tit2 span { display:block; width:32px; height:22px; position:absolute; top:6px; left:255px;}
.index_new_tit2 span a { display:block; width:32px; height:22px; text-indent:-9999px;}
.index_new_hy { width: 260px; height: 185px; position:absolute; top: 334px; left:20px;}
.index_new_hy li { width: 260px; height: 23px; line-height: 23px; overflow:hidden; background: url(../images/na1.jpg) no-repeat 0 10px;}
.index_new_hy li a { display:block; color:#fff; text-indent: 10px; font-size: 14px;}


.index_xx { width:1199px; height:288px; margin:8px auto 0;}
.index_eq { width:353px; height:288px; float:left; background:url(../images/index_eqbg.jpg) no-repeat; position:relative;}
.index_eq h2{ line-height:57px; text-indent:48px; font-size:18px; position:absolute; top:0; left:0;}
.index_eq_tit { line-height:57px; text-indent:48px; font-size:18px; position:absolute; top:0; left:0;}
.index_eq_main { width:299px; height:193px; position:absolute; top:67px; left:26px;}
.index_eq_main .eq_link_fl { width:15px; height:193px; position:absolute; top:0; left:0; background:url(../images/eq_link_fl.jpg) no-repeat;}
.index_eq_main .eq_link_fr {width:15px; height:193px; position:absolute; top:0; left:284px; background:url(../images/eq_link_fr.jpg) no-repeat;}
.index_eq_main .eq_link_fl a, .index_eq_main .eq_link_fr a { display:block; width:15px; height:193px; text-indent:-9999px;}

.index_eq_main .scroll_inner{width:269px; height:193px; position:absolute; overflow:hidden;  top:0; left:15px;}

.index_eq_main li {width:269px; height:193px; float:left;}

.index_contact { width:837px; height:288px; background:url(../images/index_contact_bg.jpg) no-repeat; float:left; margin-left:9px; background:url(../images/index_contact_bg.jpg) no-repeat; position:relative;}
.index_contact h2{ line-height:57px; text-indent:48px; font-size:18px; position:absolute; top:0; left:0;}
/*.index_contact_tit { line-height:57px; text-indent:48px; font-size:18px; position:absolute; top:0; left:0;}*/
.index_contact span { display:block; width: 170px; height: 180px; position:absolute; font-size: 12px; top: 65px; left: 335px; line-height: 20px; color:#fff;}
.index_contact em { display:block; width:32px; height:22px; position:absolute; top:18px; right:10px;}
.index_contact em a {display:block; width:32px; height:22px; text-indent:-9999px;}
/*======================Banner样式=======================*/
#full-screen-slider { width:100%; height:494px; margin:0 auto; position:relative;}
#slides { display: block; width: 100%; height:494px; list-style: none; padding: 0; margin: 0; position: relative }
#slides li { display: block; width: 100%; height:494px; 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:31px; height:6px; float: left; margin-left: 5px; background: #ffffff; }
#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
#pagination li.current { background: #004e74; }
/*=======================内页样式=======================*/
.inner_ban { width:100%; height:494px; margin:0 auto; background:url(../images/inner_ban.jpg) no-repeat center;}
.inner {width:1199px; overflow:hidden; margin:0 auto;}
.location {width:1199px; height:46px; position:relative;}
.location span {line-height:53px; position:absolute; top:0; right:14px;}


.right { width:983px; margin-left:7px; overflow:hidden; background:#fff; border:1px solid #d3d3d3; float:left;}
.right_tit { width:983px; height:61px; line-height:61px; background:url(../images/right_titbg.jpg) no-repeat; text-indent:43px; font-size:18px;}

.inner_pro { width:904px; overflow:hidden; margin-top:14px; margin-left:38px;}
.inner_pro li { width:220px; height:260px; float:left; display:block; background:url(../images/libg.jpg) no-repeat; margin-right:5px; margin-bottom:17px; position:relative;}

.inner_pro li.margin_left0{margin-left:0px;}
.inner_pro li img { width:208px; height:auto; max-height:208px; /*height:178px;*/ display:block; position:absolute; top:1px; left:5px; zoom:1; 
overflow:hidden;}
.inner_pro li span { display:block; width:207px; height: 25px; line-height: 25px; text-align:center; position:absolute; top: 210px; left:6px; font-size:14px; overflow:hidden;}
.show_pro { padding:20px 30px; overflow: hidden;}
.about { line-height:25px; overflow:hidden; padding:10px 30px;}
.news_con { overflow: hidden;}
.news_con li { display: block;  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: #72b2d8; }
.news_con li .date span { font-size: 27px; line-height: 40px; color: #fff; }
.news_con li .date p { color: #fff; }
.news_con li .txt { width:840px; height: 67px; overflow: hidden; float: left; line-height: 20px; padding-left: 8px; background: #004e74; }
.news_con li .txt span { font-size: 13px; line-height: 25px; }
.news_con li .txt p { display: block; width:800px; overflow: hidden; color: #ababab; }

.shownews { /*padding: 20px;*/ line-height: 20px; overflow: hidden; }
.shownews_tit { height: 100px; background: #e9e9e9; border-bottom: 6px #348dc2 solid; }
.shownews_tit h1 { text-align: center; height: 60px; line-height: 60px; font-size: 20px; color: #014e73; }
.shownews_tit span { display: block; line-height: 20px; text-align: center; color: #666; }
.shownews a { }
.shownews a:hover { text-decoration: underline; }
.shownews_text { padding: 20px; line-height: 28px; font-size: 14px;}
.shownews_text p{ margin:10px 0; }
.hr a { color: #D2211F; padding: 0 10px; text-decoration: underline; }
.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; }44
/*======================产品终端页产品图片切换效果样式=======================*/
.products_4 { overflow:hidden;}
.products_5 { width: 250px; padding-top: 10px; padding-left: 30px; float: left; }

#preview { float: none; padding: 15px 0; width: 400px; 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; clear:both; }
.proinfo_two .pro_description { background: none repeat scroll 0 0 #4F5152; 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; }
.pro_description_cont p{ margin: 10px 0; }
#spec-n1 img { width:400px;/* height:327px; */ max-height:400px;background: #fff; border: 1px solid #ccc; padding: 1px; }
#spec-n5 { width: 400px; 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: 400px; float: left; }
#spec-list ul { float: left; height:70px; }
#spec-list ul li { width:106px; height:70px; float:left;}
#spec-list ul li img { width: 100px; height:65px; 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_product{ float: left; margin-bottom: 10px;}
.other_product h2 { text-indent: 10px; font-size:14px; height: 40px; line-height: 40px; }
.other_product ul { }
.other_product li { float: left; margin: 0 15px; width: 152px; }
.other_product li a { display:block;}
.other_product li a:hover { display:block; text-decoration: underline;}
.other_product img { border: 1px solid #ccc; display: block; width: 150px; height:150px; }
.other_product span { display: block; font-size: 14px; height: 25px; line-height: 25px; overflow:hidden; text-align: center; }

.other_news{ float: left; width: 100%; margin-top: 5px;}
.other_news h2{ line-height: 40px; font-size: 15px; text-indent: 10px;}
.other_news ul{ width:100%; zoom:1; overflow:hidden; }
.other_news ul li{ float:left; height:25px; line-height:25px;font-size:14px; width: 32%;border-bottom: #CCC 1px dashed; margin-right: 8px; overflow:hidden;text-indent:5px;}

/*======================分页样式=======================*/
.pager { margin:20px auto 0; border-top: #ccc 1px solid;  padding: 5px 0; clear:both; }
.page_link { height: 22px; padding: 0 20px; font-size: 12px; color: #777; }
.pager span { 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_now { font-weight: bold; color: #d2211f; }
/*======================底部样式=======================*/
.foot { width:100%; height: auto; margin:24px auto 0; padding-bottom: 10px; background:#67a5ce;}
.foot_con {width:1200px; text-align:center; line-height:25px; padding-top: 10px;margin:0 auto;color:#fff;}
.foot_con a { color:#fff;}
.foot_fl { line-height:20px; position:absolute; top:43px; left:22px;}
.foot_fr { line-height:20px; position:absolute; top:43px; right:25px;}