﻿/*css重置*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
a {text-decoration: none;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
/*通用父子盒子嵌套浮动问题解决，开始*/
.clear {margin: 0px auto;width: 100%;height: 1px;font-size: 1px;clear: both;background: none;overflow: hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin:0;}
/*通用父子盒子嵌套浮动问题解决，结束*/

/*间隙层开始*/
.space_hx { /*横向间隙*/clear: both;width: 100%;height: 8px;font-size: 1px;overflow: hidden;}
.space_zx { /*纵向间隙*/float: left;width: 10px;font-size: 1px;overflow: hidden;}
/*间隙层结束*/
body{font-family:"Microsoft Yahei";font-size:14px;color:#333; padding:0; margin:0;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#333; font-size:14px;}
a{ color:#333;}
a:hover{ color:#FC4549;}
/*头部*/
.i_top{ width:100%; height:40px; background:#222629; color:#BFBFBF; font-size:12px; line-height:40px; position:relative;}

.wrap{ width:1200px; margin:0 auto; position:relative;}

.i_top .tel{ display:inline-block; *display:inline; zoom:1; padding-left:20px; background:url(../images/ico1.jpg) no-repeat left center; height:40px; vertical-align:top; position:absolute; right:0; top:0; background-size:15px;color:#BFBFBF;}

.header{ width:100%; margin:0px auto; position:absolute; left:0; top:40px; background:rgba(255,255,255,.7); z-index:9; height:90px;}

.head .logo{ width:300px; float:left; margin-top:10px;}

.head .logo img{ width:100%; height:auto; vertical-align:top;}

.head .nav{ width:880px; float:right;text-align:right;}

.head .nav li{ display:inline-block; *display:inline; zoom:1; height:90px;}

.head .nav form{ display:inline-block; *display:inline; zoom:1; height:88px;}

.head .nav li input{ font-size:15px;zoom:1; height:40px; line-height:40px; vertical-align:top; margin-top:25px;}

.head .nav li a{ font-size:15px; color:#393939; display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; vertical-align:top; margin-top:25px; margin-left:30px;}

.head .nav li.now a,.head .nav li a:hover{ color:#FC4549;}

.nav_m .n_icon{ display:inline-block; *display:inline; zoom:1; height:18px; line-height:18px; color:#333; padding-left:25px; background:url(../images/nav_ico.png) no-repeat left center; position:absolute; right:10px; top:25px; z-index:9999; cursor:pointer;display:none; font-size:16px;}

.i_ma .i_name{ width:100%; text-align:center; padding-top:30px; font-size:22px; line-height:165%;}

.i_ma .i_name a{ color:#222;}

.i_ma .i_name .line{ width:200px; display:block; height:5px; border-bottom:1px solid #e5e5e5; margin:0 auto; position:relative;}

.i_ma .i_name .line em{ display:block; width:40px; height:3px; background:#FC4549; position:absolute; left:50%; margin-left:-20px; bottom:-2px; z-index:9;}

.i_ma .pro{ width:100%;}

.i_ma .pro li{ width:270px; float:left; margin-right:40px;}

.i_ma .pro li img{ width:270px; height:340px; vertical-align:top; border:1px solid #e5e5e5;}

.i_ma .pro li p{ width:100%; height:40px; line-height:40px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px;}

.i_mb{ width:100%; background:#222629; margin-top:10px; padding:50px 0;}

.i_mbm dt{  background:#2B2F33; height:430px;}

.i_mbm dd{ width:520px; float:right;}

.i_mbm .i_about{ width:100%;}

.i_mbm .i_about dt{ width:630px; height:430px; float:left;}

.i_mbm .i_about dt img{ width:100%;height:430px; height:auto; vertical-align:top;}

.i_mbm .i_about dd{  float:right; margin-right:12px; color:#9F9F9F;}

.i_about dd h1{ width:100%; font-size:16px; color:#FFF; text-align:center; padding:40px 0 15px; line-height:165%; font-weight:normal;}

.i_about dd .ctn{ width:100%; height:255px; line-height:200%; overflow:hidden;}

.i_about dd .i_more{ display:block; width:120px; height:32px; text-align:center; line-height:32px; margin-top:10px; background:#023692; color:#FFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

.i_mbm .i_mbr{ width:100%; height:200px; margin-bottom:30px; background:#023692;}

.i_mbm .i_mbr dt{ width:370px; height:200px;}

.i_mbm .i_mbr dt img{ width:100%; height:auto; vertical-align:top;}

.i_mbm .i_mbr dd{ width:210px; float:right; text-align:center; color:#FFF;}

.i_mbm .i_mbr dd .title{ width:100%; padding-top:50px; font-size:16px;}

.i_mbm .i_mbr dd p{ width:100%; font-size:14px; margin-bottom:20px;}

.i_mbm .i_mbr dd .i_more{display:block; width:120px; height:32px; text-align:center; line-height:32px; margin-top:10px; color:#FFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #fff; margin:0 auto;}

.i_mac{ padding:30px 0;}

.i_namea{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #e5e5e5; font-size:22px; position:relative; margin-bottom:10px;}

.i_namea .left{ float:left;} .i_namea .right{ padding-left:25px; background:url(../images/home.jpg) left no-repeat; float:right; font-size:14px;}

.i_namea span{ font-size:14px; color:#888; margin-left:10px;}

.i_namea i{ display:block; width:88px; height:1px; background:#FC4549;  position:absolute; left:0; bottom:0; z-index:9;}

.i_mac .i_news{ width:680px; float:left;}

.i_mac .i_contact{ width:480px; float:right;}

.i_mac .i_news ul{ width:100%;}

.i_mac .i_news li{ width:100%; height:40px; line-height:40px; border-bottom:1px dashed #e5e5e5; position:relative; padding-right:100px;}

.i_mac .i_news li a{ display:block;}

.i_mac .i_news li p{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:15px; background:url(../images/ico2.jpg) no-repeat left center;}

.i_mac .i_news li span{ display:block; text-align:right; position:absolute; right:0; top:0;}

.i_mac .i_contact .ctt_m{ width:100%;}

.i_mac .i_contact .ctt_m p{ width:100%; line-height:165%; padding:4px 0;}

.slidegrid {float: left;position: relative;overflow: hidden;}

.slideitems {width: 20000em;position: absolute;}

.slideitems li {float: left;}

.mainPhoto {height:120px;margin: 30px auto;position: relative;overflow: hidden}

.mainPhoto span.goleft, .mainPhoto span.goright {display: block;width: 21px;height:41px;position: absolute;top:50%; margin-top:-40px;}

.mainPhoto span.goleft {left:10px;}

.mainPhoto span.goright {right:10px}

.mainPhoto .go {width:1070px;height:120px;position: relative;left:65px;overflow: hidden}

.mainPhoto .go li {width:162px;margin-right:19px;overflow: hidden}

.mainPhoto .go li .img {height:82px; width:162px; border:1px solid #e5e5e5; text-align:center;display: table-cell;vertical-align: middle;}

.mainPhoto .go li img {max-width: 160px;vertical-align:top; max-height:80px;}

.mainPhoto .go li p{ width:100%; height:30px; line-height:30px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.foot{ width:100%; padding:30px 0; background:#222629; text-align:center;color:#9F9F9F; line-height:165%; }

.foot a{color:#9F9F9F;}

.foot a:hover{color:#fff;}

.foot p{ width:100%; padding:5px 0;}

.banner {margin-top:90px;}

.banner,.banner img{ width:100%; height:auto; vertical-align:top;}

.second .s_left{ width:260px; float:left;}

.second .s_right{ width:900px; float:right;}

.second{ padding:40px 0;}

.second .s_right .scd_m{ width:100%; padding:15px 0; line-height:175%;}

.second .s_right .scd_m img{ max-width:100%; height:auto; vertical-align:top;}

.second .s_left .l_nav,.second .s_left .l_contact{ width:100%;}

.l_nav li{ width:100%;}

.l_nav li .li_m{ width:100%; background:url(../images/ico6.png) no-repeat right center; background-size:12px; border-bottom:1px solid #e9e9e9;}

.l_nav li a{ display:block; width:80%; height:40px; line-height:40px; padding-left:18px; background:url(../images/ico5.png) no-repeat left center; background-size:12px;}

.l_nav li ul li a{ color:#666666;} .l_nav li ul li a:hover,.l_nav li ul li a.now{ color:#FF0000;}

.l_contact .ctt_c{ width:100%;}

.l_contact .ctt_c img{ width:100%; height:auto; vertical-align:top; display:block; margin-bottom:10px; border:1px solid #e5e5e5;}

.l_contact .ctt_c p{ width:100%; line-height:165%; padding:3px 0;}

.l_nav li ul li{ width:100%; border-bottom:1px solid #e5e5e5; padding-left:15px; font-size:13px;overflow:hidden;   }
.l_nav li ul{ display:none;}

div.onnext a{ color:red;}
.l_nav li.on .li_m{ }
.l_nav li.onnext a{ color:red;}
.l_nav li.on ul{ display:block;}

.l_nav form{border:none}
.l_nav .txttitle{border:1px;width:130px;height:30px;}
.l_nav .btsearch{border:none;background-color:#F7B52D;width:100px;height:30px;}
.pro{ width:100%;}

.pro li{ width:195px; float:left; margin-right:40px;}

.pro li img{ width:195px; height:235px; border:1px solid #e5e5e5; vertical-align:top; display:block; margin-bottom:5px;}

.pro li p{ width:100%; padding:0 10px; height:60px; text-align:center; line-height:165%;}

.pages{ width:100%; text-align:center; padding-top:20px;}

.pages a{ display:inline-block; *display:inline; zoom:1; vertical-align:top; height:32px; line-height:30px; border:1px solid #e5e5e5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 1px; padding:0 8px; min-width:32px;}

.pages a.cur,.pages a.cur:hover{ color:#FFF; background:#023692; border-color:#023692;}

.pages a:hover{color:#023692; border-color:#023692;}

.preview{width:412px; float:left; }

/* smallImg */

.smallImg{position:relative; height:97px; margin-top:1px;  padding:6px 0px; width:414px; overflow:hidden;float:left;}

.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }

.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}

.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:84px; width:500px; overflow:hidden; margin-left:0; float:left; }

#imageMenu li {height:80px; width:95px;  float:left; text-align:center; margin-right:10px; }

#imageMenu li img{width:95px; height:80px;cursor:pointer;border:1px solid #d4d4d4}

#imageMenu li#onlickImg img, #imageMenu li:hover img{  border:2px solid #18AFE6;}

/* bigImg */

.bigImg{ overflow:hidden; border:1px solid #d4d4d4;

display: table-cell;

vertical-align:middle;/*设置水平居中*/

text-align:center;/* 针对IE的Hack */ 

*display: block; 

*font-size: 240px;/*约为高度的0.873，200*0.873 约为175*/ 

*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

width:410px;  height:300px; 

 }

.bigImg img{vertical-align:middle;max-width:410px;_width:expression(this.width > 410 ? "410px" : this.width);_width:expression(this.height > 300 ? "300px" : this.height);max-height:300px;}

.bigImg #winSelector{width:235px; height:210px;}

#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}

/* bigView */

#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999; left:0px;}

#bigView img{position:absolute;}

.prodetail_r{ width:410px; float:left; padding-left:30px; font-size:14px;}

.prodetail_r .pro_t{ color:#010101; font-size:18px; font-weight:bold; padding-bottom:10px;}

.prodetail_r .des{ line-height:26px;  color:#666}

.prodetail_r .p_tel{ width:355px; height:120px; background-color:#eee; margin-top:30px; color:#666; padding:20px; padding-top:25px;}

.prodetail_r .p_tel span{ font-size:24px; color:#0052a4; font-family:Arial, Helvetica, sans-serif;}

.prodetail_r .p_tel a{ width:110px; height:35px; line-height:35px; text-align:center; display:inline-block; margin-top:10px; background-color:#7dbd2b; color:#fff; font-size:16px;}

.prodetail_r .p_tel a.liuyan{ margin-left:10px; background-color:#999999;}

.pro_t2,.pro_t2en{ height:38px; line-height:38px; background-color:#f2f2f2;}

.pro_t2:after{content:"产品详情"; background-color:#18AFE6;  color:#fff; display:inline-block; width:110px; line-height:42px; font-size:14px; font-weight:bold; height:42px; margin-top:-2px; text-align:center;}

.pro_t2en:after{content:"Product Details"; background-color:#18AFE6;  color:#fff; display:inline-block; width:150px; line-height:42px; font-size:14px; font-weight:bold; height:42px; margin-top:-2px;  text-align:center;}

.pro_content{ line-height:26px; font-size:14px; padding:20px 10px; color:#666;}

.in_pro_detail{ padding-top:0px;}

/*列表内容页*/

.listConts{line-height:26px;color:#666;}

.listConts .title{font-size:24px;text-align:center;line-height:40px;color:#000;}

.listConts .info{width:400px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}

.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}

.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}

.listConts .info .small{font-size:10px;padding-right:3px;}

.listConts .info .big{color:#003ba6;padding-left:3px;}

.listConts .desc{margin:20px 0 15px;padding:15px;line-height:24px;border:1px solid #f4e4b4;background:#fffff0; }

.listConts .showimg{margin:20px 0;text-align:center;}

.listConts .showimg a img{border:1px solid #ccc;padding:1px;}

.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}

.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}

.listConts .author{text-align:right;color:#999;}

.listConts #textarea{ font-size:14px;}

/*详细页功能区*/

.preNext{position:relative;}

.preNext .line{overflow:hidden;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}

.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}

.preNext .text{color:#999;font-size:14px;}

.preNext .actBox{position:absolute;top:25px;right:0;}

.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px; }

.preNext .actBox li a{color:#666; }

.preNext .actBox li#act-fav{background-position:4px 0px;}

.preNext .actBox li#act-err{background-position:4px -37px;}

.preNext .actBox li#act-pus{background-position:4px -73px;}

.preNext .actBox li#act-pnt{background-position:4px -109px;}

.book_m{ width:100%; padding:30px 0;}.book_m ul li .msg_input_bar{ width:70px; height:35px; line-height:35px; padding:0 5px; border:1px solid #ddd;}

.book .book_m{ width:100%; padding:20px 0;}

.book .s_bh{ width:100%; padding:0px 0 10px; text-align:left; height:40px; line-height:40px; font-size:24px; color:#F12A33;}

.book_m ul{ width:100%; float:left;}

.book_m ul li{ width:100%; margin-bottom:15px;}

.book_m ul li .name,.book_m ul li input,.book_m ul li textarea{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}

.book_m ul li .name{ width:125px; height:35px; text-align:right; line-height:35px;}

.book_m ul li input{ width:470px; height:35px; line-height:35px; padding:0 5px; border:1px solid #ddd;}

.book_m ul li .name i{ display:block; text-align:right; font-style:normal; color:#F00; line-height:20px;}

.book_m ul li textarea{ width:580px; height:194px; border:1px solid #ddd; line-height:175%;}

.book_m ul li input[type="submit"]{ width:100px; text-align:center; color:#fff; cursor:pointer; background-color:#048F4C; color:#FFFFFF; border:1px solid #048F4C; font-family:'微软雅黑'; }

.pro_title{ border-bottom:1px solid #dddddd; padding-bottom:10px; font-size:16px; color:#007ED6; margin-bottom:10px;}

.pro_qita{ padding-bottom:30px;}.pro_qita ul{ width:102%;}

.pro_qita ul li{ float:left; width:200px; line-height:30px; margin-right:14px; text-align:center; border:0px; height:auto; }

.pro_qita ul li a{ color:#666666;}

.pro_qita ul li a:hover{color:#A25425;} 

.pro_qita ul li:hover{ border:0px;}

.pro_qita ul li .img{ border:1px solid #cfcfcf;

display: table-cell;

vertical-align:middle;/*设置水平居中*/

text-align:center;/* 针对IE的Hack */ 

*display: block; 

*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/ 

*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

 width:200px; height:180px; 

 }

.pro_qita ul li .img img{vertical-align:middle;max-width:190px;_width:expression(this.width > 190 ? "190px" : this.width);_width:expression(this.height > 120 ? "120px" : this.height);max-height:120px;}

.down{ width:100%; padding-bottom:10px;}

.down li{ width:100%; height:55px; border-bottom:1px dashed #ddd; position:relative; line-height:55px;}

.down li p{ width:452px; position:absolute; left:30px; height:55px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:55px; top:0;}

.down li em{ display:block; text-align:right; position:absolute; right:0; top:0;}

ul.news_c_list{	padding-top:0px;}

ul.news_c_list li{	line-height:48px;	border-bottom:1px solid #eee;	padding:0 10px 0 8px;}

ul.news_c_list li a{font-size:14px;	color:#333;		padding-left:5px;	width:438px;	overflow: hidden; text-overflow: ellipsis; display:block; white-space: nowrap;}

ul.news_c_list li a:hover{ color:#EC0006}

ul.news_c_list li span{	color:#ccc; float:right;}

.about{ line-height:26px;}

.book_m{ width:680px; padding:30px 0; margin:0 auto;}

.book .book_m{ width:100%; padding:20px 0;}

.book .s_bh{ width:100%; padding:0px 0 10px; text-align:left; height:40px; line-height:40px; font-size:24px; color:#F12A33;}

.book_m ul{ width:100%; float:left;}

.book_m ul li{ width:100%; margin-bottom:15px;}

.book_m ul li .name,.book_m ul li input,.book_m ul li textarea{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}

.book_m ul li .name{ width:155px; height:35px; text-align:right; line-height:35px;}

.book_m ul li input{ width:470px; height:35px; line-height:35px; padding:0 5px; border:1px solid #ddd;}

.book_m ul li .name i{ display:block; text-align:right; font-style:normal; color:#F00; line-height:20px;}

.book_m ul li textarea{ width:580px; height:194px; border:1px solid #ddd; line-height:175%;}

.book_m ul li input[type="submit"]{ width:100px; text-align:center; color:#fff; cursor:pointer; background-color:#1B7FB9; color:#FFFFFF; border:0px; }

.weixiu_tip{ background-color:#FFE8C7; border:1px solid #FFD087; padding:20px; width:100%; text-align:center;border-radius:10px;}