/**zsCMS涓绘帶鍝嶅簲寮廋SS**/
html,body{margin:0;padding:0;overflow-x:hidden;display:block;overflow:hidden}
html{overflow-y:scroll;}
body{}
html, body, div, span, object, iframe, i,
dl, dt, dd, ol, ul, li,address, big, cite, code,
del, dfn, font, img, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, ins, kbd, q, s, samp,
small, strike, sub, sup, tt,nav,
fieldset, form, label, legend{
margin: 0;
padding: 0;
border: none;
outline: none;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
text-decoration: none;
list-style: none;
font-style:normal;
}
*{box-sizing:border-box;outline:0; letter-spacing:1px;}
*{transition:color ease 0.5s; -moz-transition:color ease 0.5s; -webkit-transition:color ease 0.5s; -o-transition:color ease 0.5s}
input,select,textarea{appearance:none; -webkit-appearance:none; -moz-appearance:none;outline:none;}
a{text-decoration:none;transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s}
a:hover{}
.ease{transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s}
/**涓昏壊璋?/
.darkbg{}
.lightbg{}
.text{}
.darktext{}
/*鍩烘湰灏哄*/
.p16{padding:16px;}
.m16{margin:16px;}
.pt16{padding-top:16px;}
.mt16{margin-top:16px!important;margin-top:16px;}
.plr16{padding-left:16px;padding-right:16px;}
.mlr16{margin-left:16px;margin-right:16px}
.pb16{padding-bottom:16px;}
.mb16{margin-bottom:16px;}
.fleft{float:left;}
.fright{float:right}
.tleft{text-align:left;}
.tright{text-align:right}
.tcenter{text-align:center;}
.h300{height:300px;}
.h250{height:250px;}
.h240{height:240px;}
.h210{height:210px;}
.h200{height:200px;}
.h180{height:180px;}
.h120{height:120px;}
.h60{height:60px;}
.h60_2line{height:60px;line-height:30px;}
.font12{font-size:12px!important}
.textshort{text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
/**鍏ㄥ睆瀹藉唴瀹?/
.full{}
/**涓讳綋鍐呭瀹藉害*/
.wrap{width:1200px;margin:0 auto;}
/*椤堕儴*/
.top{margin:0 auto;height:130px;width:100%;}
.top .wrap{height:100%;display:block;overflow:hidden;position:relative;}
.top .wrap .logo{height:100%; vertical-align:middle;float:left;line-height:120px;}
.top .wrap .logotext{font-size:24px;font-weight:bold}
.top .wrap .topmenu{height:50px; vertical-align:middle;float:right;top:40px;position:absolute;right:0px;}
.top .wrap .topmenu ul{list-style:none;padding:0;margin:0;}
.top .wrap .topmenu ul li{list-style:none;padding:0;margin:0;line-height:50px;display:inline-block;}
.top .wrap .topmenu ul li a{display:inline-block;padding-left:10px;padding-right:10px;}
/**绉诲姩绔垨灏忓睆骞曞垪琛ㄥ浘鏍?/
.top .wrap .listicon{position:absolute;top:0;right:0;bottom:0;display:none; vertical-align:middle;line-height:50px; cursor:pointer}
.top .wrap .listicon img{ vertical-align:middle;display:inline;}
.top .wrap .logo >img{height:75px;margin-top:25px;}
.top .wrap .logo >a >img{height:75px;margin-top:25px;}
.toptip{height:40px;line-height:40px;}
.toptip .wrap{position:relative;height:100%;display:block}
.toptip .wrap .smalltext{position:absolute;right:0;top:0;bottom:0;}
.searchitem{display:inline-block;overflow:hidden; vertical-align:top;height:44px;position:relative;width:400px;}
.searchitem >input#q{display:block;border:none; -webkit-appearance:none;height:100%;width:100%;overflow:hidden;line-height:44px;font-size:14px;padding-left:25px;}
.searchitem >.search{display:block;border:none; -webkit-appearance:none;position:absolute;right:0;top:0;bottom:0;line-height:44px;padding-left:10px;padding-right:10px;font-size:14px;cursor:pointer}
.searchitem >dt{background:url(icons/searchgray.png) no-repeat 5px center;position:absolute;left:0;bottom:0;top:0;width:25px;}
@media only screen and (max-width: 800px)
{
.top .wrap .topmenu ul li a{padding-left:6px;padding-right:6px;}
}
/**瀵艰埅鏁版嵁*/
.menudata ul{list-style:none;padding:0;margin:0;}
.menudata li{list-style:none;padding:0;margin:0;}
/**dt鏄剧ず涓€涓澶?/
.menudata li.l1 > span >dt{position:absolute;right:16px;top:0;bottom:0;cursor:pointer;display:none;line-height:49px;}
.menudata li.l1 > span >dt img{vertical-align:middle;margin:0;display:inline-block}
.menudata li.l1 >a{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;position:relative}
.menudata li.l1 >span{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;position:relative}
.menudata li.l1 >ul{display:block;}
.menudata li.l1 >ul >li{ position:relative; }
.menudata li.l1 >ul >li >a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;}
.menudata li.l1 >ul >li >span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;}
.menudata li >ul li > a{display:inline-block;}
/**瀛愯彍鍗曞乏杈圭殑绠ご*/
.menudata li >ul li > img{vertical-align:middle;display:none;margin:0;padding:0;}
/*Mobile瀵艰埅*/
.mnav{margin:0 auto;display:none;background:#fff}
.mnav >div{padding: 0px;}
.mnav >div >ul >li{list-style:none;padding:0;margin:0;}
.mnav >div >ul > li >a{display:block;height:40px;line-height:40px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;cursor:pointer}
.mnav >div >ul > li >span{display:block;height:40px;line-height:40px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;cursor:pointer;
background:#efefef;padding-left:10px;padding-right:10px;
}
.mnav >div >ul >li >ul{display:block;padding-left:26px;overflow:hidden;height:0;}
.mnav >div >ul > li >ul >li >a{display:block;height:35px;line-height:35px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;cursor:pointer}
.mnav >div >ul:before{display:block;content:' ';height:0;width:100%;clear:both}
.mnav >div >ul:after{display:block;content:' ';height:0;width:100%;clear:both}
.mnav >div >ul >li >ul >li{width:33%;overflow:hidden;float:left;display:block;}
@media only screen and (max-width: 800px)
{
.mnav >div >ul >li >ul >li{width:49%;}
}
@media only screen and (max-width: 640px)
{
.mnav >div >ul >li >ul >li{width:100%;float:none;}
}
/*PC瀵艰埅*/
.pcnav{margin:0 auto;width:100%;}
.pcnav .wrap{height:44px;line-height:44px;position:relative}
.pcnav .wrap >ul{list-style:none;padding:0;margin:0;height:44px; vertical-align:top;position:absolute;top:0;left:0;}
.pcnav .wrap >ul >li{list-style:none;padding:0;margin:0;height:44px;display:block;float:left;position:relative;cursor:pointer; overflow:visible}
.pcnav .wrap >ul >li >a{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.pcnav .wrap >ul >li >span{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;}
.pcnav .wrap >ul >li >span >a{display:block;height:100%;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.pcnav .wrap >ul >li >ul{display:block;position:absolute;top:44px;overflow:hidden;list-style:none;padding:0;margin:0;height:0;left:0;max-width:300px;z-index:100}
.pcnav .wrap >ul >li >ul >li{display:block;list-style:none;padding:0;margin:0;height:44px;line-height:44px;position:relative;overflow:visible;
transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s}
.pcnav .wrap >ul >li >ul >li >a{display:block;height:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.pcnav .wrap >ul >li >ul >li:hover{}
.pcnav .wrap >ul >li:hover{}
.pcnav .wrap >ul >li:hover a{}
.pcnav .wrap >ul >li.productmenuhead{width:240px;}
.pcnav .wrap >ul >li.productmenuhead >ul{max-width:300px;display:block}
.pcnav .wrap >ul >li.productmenuhead >ul >li{width:240px;display:block}
.pcnav .wrap >ul >li.productmenuhead >ul >li >span{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;}
.pcnav .wrap >ul >li.productmenuhead >ul >li >span >a{display:block;height:100%;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.pcnav .wrap >ul >li.productmenuhead >ul >li >ul{position:absolute;display:block;left:100%;top:0px;display:none;min-width:200px;max-width:800px;}
.pcnav .wrap >ul >li.productmenuhead >ul >li >ul >li{height:44px;display:block;overflow:hidden;border-bottom:1px solid #fff;position:relative}
.pcnav .wrap >ul >li.productmenuhead >ul:hover{overflow:visible}
.pcnav .wrap >ul >li.productmenuhead >ul:hover >li:hover ul{display:block}
.pcnav .wrap >ul >li.productmenuhead >ul >li >ul >li a{padding-left:16px;padding-right:16px;display:block;height:100%;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.pcnav .wrap .navtel,.scrollpcnav .wrap .navtel{position:absolute;right:0;top:0;bottom:0;}
/**Scroll PC nav*/
.scrollpcnav{position:fixed;top:-80px;left:0;right:0;z-index:100;transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s}
.scrollpcnav .wrap{height:60px;line-height:60px;position:relative;overflow:hidden}
.scrollpcnav .wrap >ul{list-style:none;padding:0;margin:0;height:60px; vertical-align:top;position:absolute;top:0;left:0;}
.scrollpcnav .wrap >ul >li{list-style:none;padding:0;margin:0;height:60px;display:block;float:left;position:relative;cursor:pointer; overflow:visible;transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s}
.scrollpcnav .wrap >ul >li >a{display:block;height:100%;width:100%;padding-left:13px;padding-right:13px;;text-overflow:ellipsis;overflow:hidden}
.scrollpcnav .wrap >ul >li >span{display:block;height:100%;width:100%;padding-left:13px;padding-right:13px;;text-overflow:ellipsis;overflow:hidden}
.scrollpcnav .wrap >ul >li.navlogo >img{height:48px;margin-top:7px;margin-right:10px;}
/**鑿滃崟鍝嶅簲寮?/
@media only screen and (max-width: 1200px)
{
.pcnav{display:none}
.scrollpcnav{display:none}
/*绌哄嚭top鐨勯粯璁ら珮搴?*/
body{padding-top:60px;}
.top{height:60px;position:fixed;top:0;left:0;bottom:auto;right:0;z-index:100;overflow-y:hidden;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-x:hidden}
.top .wrap .logo{line-height:50px;}
.top .wrap .logo >img{height:32px;margin-top:14px;}
.top .wrap .logo >a >img{height:32px;margin-top:14px;}
/*瀵艰埅鑿滃崟寮瑰嚭鍚?/
.top.mact{height:auto;overflow-y:auto;bottom:auto;max-height:100%;}
.toptip{display:none}
.top .wrap{overflow:visible;height:60px;}
.top .wrap .topmenu{top:6px;right:60px;}
.top .wrap .listicon{display:block}
.searchitem{width:300px;}
li.productmenuhead{display:none}
}
@media only screen and (max-width: 640px)
{
/*.top .wrap .topmenu{display:none}*/
.searchitem{width:150px;}
}
/**渚ф爮瀵艰埅*/
.sidenav >div{}
.sidenav >div >ul li.l1 >span{height:50px;line-height:50px;}
.sidenav >div >ul li >ul{height:0;overflow:hidden}
.sidenav >div >ul li >ul li{height:50px;line-height:50px;padding-left:30px;padding-right:16px; vertical-align:middle}
.sidenav >div >ul li >ul li a{display:block;height:50px;line-height:50px;position:absolute;left:40px;right:0;bottom:0;top:0;}
.sidenav >div >ul li >ul li > img{display:inline-block;vertical-align:top;margin-top:20px}
.sidenav >div >ul li.l1 >span >dt >img{transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
/*.sidenav >div >ul li.l1.act >ul{height:auto}*/
.sidenav >div >ul li.l1.act >span >dt >img{
transform:rotate(-90deg);transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 鍜 Chrome */
-o-transform:rotate(-90deg);}
.sidenav >div .menudata li.l1 > span >dt{display:block}
/**Product Menu*/
.sidenav >div >ul li.p1 >span{height:50px;line-height:50px;}
.sidenav >div >ul li.p1 >span >dt >img{transition:all ease 0.5s; -moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
/*.sidenav >div >ul li.l1.act >ul{height:auto}*/
.sidenav >div >ul li.p1.act >span >dt >img{
transform:rotate(-90deg);transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 鍜 Chrome */
-o-transform:rotate(-90deg);}
.sidenav >div .menudata li.l1 > span >dt{display:block}
.sidenav >div .navleftmenuhead li{height:50px;line-height:50px;padding-left:16px;}
.sidenav >div .producttreedata li.p1 > span >dt{display:block}
/**瀵艰埅鏁版嵁*/
.sidenav >div .producttreedata ul{list-style:none;padding:0;margin:0;}
.sidenav >div .producttreedata li{list-style:none;padding:0;margin:0;}
/**dt鏄剧ず涓€涓澶?/
.sidenav >div .producttreedata li.p1 > span >dt{position:absolute;right:16px;top:0;bottom:0;cursor:pointer;display:none;line-height:49px;}
.sidenav >div .producttreedata li.p1 > span >dt img{vertical-align:middle;margin:0;display:inline-block}
.sidenav >div .producttreedata li.p1 >a{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;position:relative}
.sidenav >div .producttreedata li.p1 >span{display:block;height:100%;width:100%;padding-left:16px;padding-right:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;position:relative}
.sidenav >div .producttreedata li.p1 >ul{display:block;}
.sidenav >div .producttreedata li.p1 >ul >li{ position:relative; }
.sidenav >div .producttreedata li.p1 >ul >li >a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;}
.sidenav >div .producttreedata li.p1 >ul >li >span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;}
.sidenav >div .producttreedata li >ul li > a{display:inline-block;}
/**瀛愯彍鍗曞乏杈圭殑绠ご*/
.sidenav >div .producttreedata li >ul li > img{vertical-align:middle;display:none;margin:0;padding:0;}
/**澶у浘Banner*/
.banner{margin:0 auto; visibility:hidden;position:relative;overflow:hidden}
.banner .item{position:absolute;overflow:hidden;z-index:1;left:0;right:0;bottom:0;top:0; opacity:0}
.banner .item .mainimg{ white-space:nowrap;margin:0;padding:0;overflow:hidden;line-height:0;font-size:0;}
.banner .item .mainimg img{width:100%;height:auto;margin:0;padding:0;overflow:hidden;display:block}
@media only screen and (max-width: 1920px)
{
.banner .item .mainimg img{width:auto;height:450px;}
}
/**婊戝姩, 鍙互鍦ㄤ竴涓皬鍖哄煙鍐呬娇鐢?/
.sliders{margin:0 auto; visibility:hidden;overflow:hidden;position:relative}
.sliders .mboard{overflow:hidden;}
.sliders .item .mainimg{ white-space:nowrap;margin:0;padding:0;overflow:hidden;font-size:0;}
.sliders .item{margin:0;padding:0;overflow:hidden;position:relative;z-index:2}
.sliders .item .mainimg img{width:auto;height:auto;margin:0;padding:0;overflow:hidden;display:block}
/**鍏ㄥ睆Slider*/
.sliders.fullwrap .item .mainimg img{width:100%;height:auto;}
/**浠ヤ笂灞傚ぇ灏忎负鍑嗙殑Slider, 鍝嶅簲寮忔椂, 浠arentwrap鐨勪笂绾т綔涓哄搷搴斿璞?/
.sliders.parentwrap{}
.sliders.parentwrap .item .mainimg img{width:auto;height:auto;}
.sliders.h .item{float:left;}
.sliders.v .item{clear:both;}
@media only screen and (max-width: 1920px)
{
.sliders.fullwrap .item .mainimg img{width:auto;height:450px;}
.sliders.parentwrap .item .mainimg img{width:auto;height:auto;}
}
/**Slider*/
.bannertitle{position:absolute;bottom:60px;text-align:left;left:0;right:0;}
.bannertitle p{font-size:36px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
word-break:break-all; word-wrap:break-word;background:rgba(0,0,0,0.5);padding-left:16px;padding-right:16px;}
.bannerbottomtitle{position:absolute;bottom:0px;height:60px;line-height:60px;text-align:left;left:0;right:0;}
.bannerbottomtitle p{font-size:20px;padding-left:16px;padding-right:16px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.bannerlabel{position:absolute;top:50px;text-align:center;left:0;right:0;}
.bannerlabel h1{height:60px;line-height:60px;font-size:36px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.bannerlabel p{font-size:18px;line-height:24px;max-height:72px;overflow:hidden}
@media only screen and (max-width: 800px)
{
.bannertitle p{font-size:30px;}
.bannerbottomtitle p{font-size:16px;}
.bannerlabel{top:100px;}
.bannerlabel h1{font-size:30px;}
.bannerlabel p{display:none}
}
/**Banner,Slider鍐呴儴鐨勬搷浣滄寜閽?/
.op_pre,.op_next{position:absolute;z-index:2;font-size:100px;cursor:pointer}
.op_thumb{position:absolute;z-index:2;text-align:center;bottom:10px;left:0;right:0;}
.op_thumb >span{display:inline-block;width:20px;height:20px;overflow:hidden;cursor:pointer;margin-right:10px;}
.op_thumb >span:last-child{margin-right:0;}
.op_thumb >span.act{}
/**澶栫疆鎸夐挳涓庢寚绀?/
.opbuttons > span{display:inline-block;line-height:20px;}
.opbuttons > span img{ vertical-align:middle}
.preb,.nextb{}
.thumbs{}
.thumbs >span{display:inline-block;width:20px;height:20px;overflow:hidden;cursor:pointer;margin-right:10px; vertical-align:middle}
.thumbs >span:last-child{margin-right:0;}
.thumbs >span.act{}
/**鏈塀anner鐨勪腑闂撮儴鍒嗙殑鏈€灏忛珮搴?/
.mmh_nobanner{min-height:100px}
/**鏈塀anner鐨勪腑闂撮儴鍒嗙殑鏈€灏忛珮搴?/
.minmainheight{min-height:100px}
.blocktitle h1{text-align:center;font-size:20px;}
.blocktitle{padding-top:30px;padding-bottom:30px;text-align:center}
.blocktitle p{display:block;margin:0 auto;text-align:center;padding-left:20px;padding-right:20px;max-width:480px;}
@media only screen and (max-height: 1400px)
{
.mmh_nobanner{min-height:870px}
.minmainheight{min-height:670px}
}
@media only screen and (max-height: 1200px)
{
.mmh_nobanner{min-height:710px}
.minmainheight{min-height:510px}
}
@media only screen and (max-height: 1024px)
{
.mmh_nobanner{min-height:530px}
.minmainheight{min-height:330px}
}
@media only screen and (max-height: 800px)
{
.mmh_nobanner{min-height:500px}
.minmainheight{min-height:300px}
}
@media only screen and (max-height: 640px)
{
.mmh_nobanner{min-height:300px}
.minmainheight{min-height:100px}
}
/**鍒楀潡*/
.cols{clear:both}
.cols:after{display:block;width:100%;height:0px;clear:both;content:' ';overflow:hidden}
.cols:before{display:block;width:100%;height:0px;clear:both;content:' ';overflow:hidden}
.cols >.col{position:relative}
.cols.sp1 >div.col{width:100%;overflow:hidden;}
.cols.sp2 >div.col{width:50%;float:left;overflow:hidden}
.cols >div.col >div{margin-bottom:16px;}
.cols.sp2 >div.col >div{margin-right:8px;margin-left:8px}
.cols.sp2 >div.col:first-child >div{margin-left:0px}
.cols.sp2 >div.col:nth-child(2n+0) >div{margin-right:0px}
.cols.sp2 >div.col:nth-child(2n+1) >div{margin-left:0px}
.cols.sp3 >div.col{width:33.3%;float:left;overflow:hidden}
.cols.sp3 >div.col >div{margin-right:8px;margin-left:8px}
.cols.sp3 >div.col:first-child >div{margin-left:0px}
.cols.sp3 >div.col:nth-child(3n+0) >div{margin-right:0px}
.cols.sp3 >div.col:nth-child(3n+1) >div{margin-left:0px}
.cols.sp4 >div.col{width:25%;float:left;overflow:hidden}
.cols.sp4 >div.col >div{margin-right:8px;margin-left:8px}
.cols.sp4 >div.col:nth-child(4n+0) >div{margin-right:0px}
.cols.sp4 >div.col:nth-child(4n+1) >div{margin-left:0px}
.cols.sp5 >div.col{width:20%;float:left;overflow:hidden}
.cols.sp5 >div.col >div{margin-right:8px;margin-left:8px}
.cols.sp5 >div.col:nth-child(5n+0) >div{margin-right:0px}
.cols.sp5 >div.col:nth-child(5n+1) >div{margin-left:0px}
.cols.sp6 >div.col{width:16.6%;float:left;overflow:hidden}
.cols.sp6 >div.col >div{margin-right:8px;margin-left:8px}
.cols.sp6 >div.col:nth-child(6n+0) >div{margin-right:0px}
.cols.sp6 >div.col:nth-child(6n+1) >div{margin-left:0px}
.cols >div.col10{width:10%;float:left;overflow:hidden}
.cols >div.col20{width:20%;float:left;overflow:hidden}
.cols >div.col25{width:25%;float:left;overflow:hidden}
.cols >div.col30{width:30%;float:left;overflow:hidden}
.cols >div.col35{width:35%;float:left;overflow:hidden}
.cols >div.col40{width:40%;float:left;overflow:hidden}
.cols >div.col50{width:50%;float:left;overflow:hidden}
.cols >div.col60{width:60%;float:left;overflow:hidden}
.cols >div.col70{width:70%;float:left;overflow:hidden}
.cols >div.col65{width:65%;float:left;overflow:hidden}
.cols >div.col75{width:75%;float:left;overflow:hidden}
.cols >div.col80{width:80%;float:left;overflow:hidden}
.cols >div.col90{width:90%;float:left;overflow:hidden}
.cols >div.col10r{width:10%;float:right;overflow:hidden}
.cols >div.col20r{width:20%;float:right;overflow:hidden}
.cols >div.col30r{width:30%;float:right;overflow:hidden}
.cols >div.col40r{width:40%;float:right;overflow:hidden}
.cols >div.col50r{width:50%;float:right;overflow:hidden}
.cols >div.col60r{width:60%;float:right;overflow:hidden}
.cols >div.col70r{width:70%;float:right;overflow:hidden}
.cols >div.col65r{width:65%;float:right;overflow:hidden}
.cols >div.col75r{width:75%;float:right;overflow:hidden}
.cols >div.col80r{width:80%;float:right;overflow:hidden}
.cols >div.col90r{width:90%;float:right;overflow:hidden}
.cols >div.ht100{height:100%;}
.cols .maincontent{padding-left:20px;}
/**涓夊垪鏄剧ず,灏忓睆鏃剁1鍒楁垨绗?鍒椾紭鍏堜娇鐢?00%*/
.cols.sp3.fw3{}
.cols.sp3.fw1{}
/**绗竴鍒楀彸杈瑰姞涓?0px鐨刾adding*/
.cols >.col.onecolp20{padding-right:20px;}
@media only screen and (max-width: 1230px)
{
.wrap{width:97%;}
}
@media only screen and (max-width: 1024px)
{
.wrap{width:96%;}
.cols.sp3 >div.col{width:50%;}
/*.cols.sp4 >div.col{width:33.3%;}
.cols.sp5 >div.col{width:25%;}*/
.cols.sp3.fw1 >div.col:nth-child(3n+1){clear:both;width:100%;margin-right:0;}
.cols.sp3.fw3 >div.col:nth-child(3n+3){clear:both;width:100%;margin-right:0;}
.cols.sp3.fw1 >div.col:nth-child(3n+1) >div{margin-right:0;}
.cols.sp3.fw3 >div.col:nth-child(3n+3) >div{margin-right:0;}
.cols.sp3 >div.col:nth-child(3n+0) >div{margin-right:8px}
.cols.sp3 >div.col:nth-child(3n+1) >div{margin-left:8px}
.cols.sp3 >div.col:nth-child(2n+0) >div{margin-right:0px}
.cols.sp3 >div.col:nth-child(2n+1) >div{margin-left:0px}
.cols >.col.onecolp20{padding-right:0px;}
/**鏈€鍚庝竴鍒楀湪鏄剧ず涓ゅ垪鐨勬椂鍊欙紝鎸?00%瀹藉害鏄剧ず*/
.cols.sp3.lastbig >div.col:nth-child(3n+3){width:100%;}
.cols.sp3.lastbig >div.col:nth-child(3n+3) >div{margin-right:0;}
/*
.cols.sp4 >div.col:nth-child(4n+0) >div{margin-right:8px}
.cols.sp4 >div.col:nth-child(4n+1) >div{margin-left:8px}
.cols.sp4 >div.col:nth-child(3n+0) >div{margin-right:0px}
.cols.sp4 >div.col:nth-child(3n+1) >div{margin-left:0px}
.cols.sp5 >div.col:nth-child(5n+0) >div{margin-right:8px}
.cols.sp5 >div.col:nth-child(5n+1) >div{margin-left:8px}
.cols.sp5 >div.col:nth-child(4n+0) >div{margin-right:0px}
.cols.sp5 >div.col:nth-child(4n+1) >div{margin-left:0px}
*/
.cols >div.colitem{width:100%!important;float:none!important;clear:both!important;width:100%;float:none;clear:both}
.cols .maincontent{padding-left:0px;}
.navproducttree{margin-top:20px;}
}
@media only screen and (max-width: 800px)
{
.wrap{width:95%;}
.cols.sp4 >div.col{width:50%;}
.cols.sp5 >div.col{width:50%;}
.cols.sp4 >div.col:nth-child(3n+0) >div{margin-right:8px}
.cols.sp4 >div.col:nth-child(3n+1) >div{margin-left:8px}
.cols.sp4 >div.col:nth-child(2n+0) >div{margin-right:0px}
.cols.sp4 >div.col:nth-child(2n+1) >div{margin-left:0px}
.cols.sp5 >div.col:nth-child(4n+0) >div{margin-right:8px}
.cols.sp5 >div.col:nth-child(4n+1) >div{margin-left:8px}
.cols.sp5 >div.col:nth-child(2n+0) >div{margin-right:0px}
.cols.sp5 >div.col:nth-child(2n+1) >div{margin-left:0px}
}
@media only screen and (max-width: 640px)
{
.wrap{width:95%;}
.cols.sp2 >div.col{width:100%;}
.cols.sp3 >div.col{width:100%;}
.cols.sp4 >div.col{width:100%;}
.cols.sp5 >div.col{width:100%;}
.cols.sp3 >div.col:nth-child(3n+0) >div{margin-right:0px}
.cols.sp3 >div.col:nth-child(3n+1) >div{margin-left:0px}
.cols.sp4 >div.col:nth-child(3n+0) >div{margin-right:0px}
.cols.sp4 >div.col:nth-child(3n+1) >div{margin-left:0px}
.cols.sp5 >div.col:nth-child(4n+0) >div{margin-right:0px}
.cols.sp5 >div.col:nth-child(4n+1) >div{margin-left:0px}
.cols.sp2 >div.col >div{margin-right:0px;margin-left:0px}
.cols.sp3 >div.col >div{margin-right:0px;margin-left:0px}
.cols.sp4 >div.col >div{margin-right:0px;margin-left:0px}
.cols.sp5 >div.col >div{margin-right:0px;margin-left:0px}
.cols.sp3 >div.col.donotshowsmall{display:none}
/**colmin2*/
.cols.sp5.colmin2 >div.col{width:50%;}
.cols.sp4.colmin2 >div.col:nth-child(3n+0) >div{margin-right:8px}
.cols.sp4.colmin2 >div.col:nth-child(3n+1) >div{margin-left:8px}
.cols.sp4.colmin2 >div.col:nth-child(2n+0) >div{margin-right:0px}
.cols.sp4.colmin2 >div.col:nth-child(2n+1) >div{margin-left:0px}
.cols.sp5.colmin2 >div.col:nth-child(4n+0) >div{margin-right:8px}
.cols.sp5.colmin2 >div.col:nth-child(4n+1) >div{margin-left:8px}
.cols.sp5.colmin2 >div.col:nth-child(2n+0) >div{margin-right:0px}
.cols.sp5.colmin2 >div.col:nth-child(2n+1) >div{margin-left:0px}
}
/*椤甸潰搴曢儴*/
.footer{margin:0;min-height:300px;overflow:hidden}
.footer *{}
.footer .cols .col >div{height:200px;}
.footlogo img{width:90%;margin-top:12%;}
.footaddr p{margin-top:15%;}
@media only screen and (max-width: 640px)
{
.footer .cols .col >div{height:auto;}
.footlogo img{width:90%;margin-top:1%;}
.footaddr p{margin-top:5%;text-align:center}
}
.copyright{margin:0;height:70px;}
.copyright *{text-align:center;font-size:12px;}
.copyright .wrap div{line-height:1.315;padding-top:10px;overflow:hidden}
/**灞呬腑鏄剧ず鍥剧墖, 榛樿涓嶆樉绀? 绛夌郴缁熻繘琛岃皟鏁村悗鍐嶆樉绀?闃叉灞忓箷闂姩*/
.centerimg{visibility:hidden;overflow:hidden;white-space:nowrap;font-size:0;}
.centerimg img{display:block;margin:0;}
.fullcenterimg{visibility:hidden;overflow:hidden;white-space:nowrap;font-size:0;}
.fullcenterimg img{display:inline-block;margin:0;}
.wcenterimg{visibility:visible;overflow:hidden;white-space:nowrap;font-size:0;text-align:center}
.wcenterimg img{display:inline-block;margin:0;width:100%!important;width:100%;}
.hcenterimg{visibility:visible;overflow:hidden;white-space:nowrap;font-size:0;;text-align:center}
.hcenterimg img{display:inline-block;margin:0;height:100%!important;height:100%;}
/**鍐呭鍙戝竷涓庡垪琛?/
.caticon{overflow:hidden}
.caticon .logo{height:180px;overflow:hidden}
.caticon >h1{height:40px;line-height:40px;font-size:16px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.caticon >p{height:66px;line-height:22px;font-size:14px;overflow:hidden}
.caticon >h1 >span{display:block;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.caticon >h1 >a{display:block;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.icontitle{overflow:hidden}
.icontitle .logo{height:180px;overflow:hidden;transition: all ease 0.5s}
.icontitle .logo:hover{transform:scale(1.1); }
.icontitle h1{position:relative;height:50px;line-height:50px;font-size:14px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word;padding-right:100px;}
.icontitle h1 >span{display:block;padding-left:10px;padding-right:10px;line-height:30px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.icontitle h1 >a{display:block;padding-left:10px;padding-right:10px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.icontitle h1 >dt{position:absolute;right:5px;;bottom:0;top:0;max-width:100px;}
.icontitle h1 >i{position:absolute;left:10px;bottom:0;line-height:20px;font-size:12px; font-style:normal}
.serviceflow .col{text-align:center}
.serviceflow h1{font-size:14px;}
/**鏂伴椈鍒楄〃
.cols.articlelist > div.col > div > div.head, ul, div.foot
*/
.articlelist div.head{position:relative;clear:both;overflow:hidden}
.articlelist div.head > h1{line-height:1.5;font-size:20px;padding:30px 0 20px}
.articlelist div.head > h1 a{line-height:1.5;overflow:hidden;font-size:20px;}
.articlelist div.col > div > ul{list-style:none;padding:0;margin:0;min-height:230px;}
.articlelist div.col > div > ul >li{list-style:none;padding:0;margin:0;margin-bottom:10px;line-height:1.2;position:relative}
.articlelist div.col > div > ul.h240{overflow:hidden;min-height:240px;}
.articlelist div.col > div > ul.h240 >li{line-height:20px;height:48px;overflow:hidden;margin-bottom:0;}
.articlelist div.col > div > ul.h300{overflow:hidden;min-height:300px;}
.articlelist div.col > div > ul.h300 >li{line-height:24px;height:60px;overflow:hidden;margin-bottom:0;}
.articlelist div.col > div > ul.topline >li{padding-top:4px;line-height:18px;}
.articlelist div.col > div > ul.oneline >li{height:40px!important;line-height:30px;padding-top:4px;overflow:hidden;}
.articlelist div.col > div > ul.oneline >li >a{display:block;overflow:hidden; text-wrap:none; white-space:nowrap; text-overflow:ellipsis}
.articlelist div.col > div > ul.oneline.colorblock >li >a{padding-left:30px;}
.articlelist div.col > div > ul.oneline.colorblock >li >div{display:block;left:0px;top:0px;height:40px;width:20px;position:absolute}
.articlelist div.col > div > ul.oneline.colorblock >li >div >i{overflow:hidden;display:inline-block;margin-top:10px;width:20px;height:20px;background:#00f;line-height:20px;text-align:center;color:#fff;font-size:12px;}
.articlelist div.col > div > ul li.bluearrow{background:url(statics/icons/right-arrow.png) no-repeat 0px 5px;padding-left:12px;}
.articlelist div.col > div > ul li.date{line-height:1;height:65px;overflow:hidden;margin-bottom:20px}
.articlelist div.col > div > ul li.date >div{position:absolute;left:0;top:0;height:65px;width:65px;text-align:center;line-height:30px;}
.articlelist div.col > div > ul li.date >div >dt{display:block; font-style:normal}
.articlelist div.col > div > ul li.date >div >i{display:block; font-style:normal;position:absolute;bottom:0;left:0;right:0;height:30px;}
.articlelist div.col > div > ul li.date >p{padding-left:85px;line-height:22px;}
.articlelist div.col > div > ul li.date >p *{display:inline;padding:0;margin:0;}
.articlelist div.col > div > ul li.date >p >a{display:block;height:44px;overflow:hidden;}
.articlelist div.col > div > ul li.date >p >span{display:block;clear:both;overflow:hidden; text-wrap:none;font-size:12px;line-height:16px;}
.articlelist div.col > div > ul li.date.small{height:45px;}
.articlelist div.col > div > ul li.date.small >div{height:45px;width:45px;line-height:22px;}
.articlelist div.col > div > ul li.date.small >div >dt{line-height:22px;font-size:12px}
.articlelist div.col > div > ul li.date.small >div >i{line-height:22px;height:22px;font-size:12px;}
.articlelist div.col > div > ul li.date.small >p{padding-left:60px;line-height:22px;}
.articlelist div.col > div > ul li.date.small >p >span{display:none}
.articlelist div.foot{position:relative;height:30px;line-height:30px;text-align:right;margin-top:16px;}
.articlelist div.foot > a{}
/**鏂囩珷鍐呭*/
.contents{font-size:18px;line-height:1.648;text-align:left;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.contents *{font-size:18px;}
.contents p{margin-bottom:15px;line-height:1.648;}
p.firstletter{margin-bottom:0;float:left;line-height:80px;margin-right:16px;height:80px;font-size:80px;text-align:center;font-family:'寰蒋闆呴粦',georgia,serif;color:#0062ac;font-size:80px;}
p.firstletter *{font-size:80px}
.contents >img,.contents >div >img,.contents >p >img,.contents >div >p >img,
.contents >table img,.contents >div >table img
{height:auto!important;max-width:100%!important;height:auto;max-width:100%;}
/*.contents table{max-width:100%!important;width:auto!important;max-width:100%;width:auto;}*/
.contents table{max-width:100%!important;width:100%;max-width:100%;width:100%;}
.contents table tr td{padding-left:5px;padding-right:5px;}
.contents table tr td p{margin-bottom:0;}
.pagedata{padding-bottom:60px;}
.dates{line-height:30px;overflow:hidden;margin-bottom:24px;font-size:12px;font-weight:400}
@media only screen and (max-width: 800px)
{
.contents table{max-width:none!important;width:auto!important;max-width:none;width:auto;}
.contents table td{min-width:100px;}
.contents{overflow-x:auto;}
}
h1.twoline{height:50px;line-height:25px;font-size:16px;overflow:hidden;}
h1.twoline >span{display:block;overflow:hidden;}
h1.twoline >a{display:block;overflow:hidden;}
/**杩炴帴,閫氶亾*/
.flinks{overflow:hidden}
.flinks .col >div >div{display:block;height:40px;line-height:40px;overflow:hidden;text-align:center;margin-bottom:16px;}
.flinks .col >div >div.twoblock{height:96px;line-height:96px;}
.flinks .col >div >div.iconblock{height:96px;line-height:48px;}
.flinks .col >div >div.iconblock >dt{height:48px;}
.flinks .col >div >div.iconblock >dt >img{height:30px;margin-top:16px;}
.flinks .col >div >div.iconblock >a{line-height:40px;height:40px;}
.flinks .col >div >div a{display:block;height:100%;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.breadline{height:70px;line-height:70px; vertical-align:middle;}
.breadline ul li{float:left;display:inline-block; vertical-align:top;margin-right:10px;}
@media only screen and (max-width: 640px)
{
.breadline{line-height:35px;min-height:35px;height:auto;margin-bottom:20px;overflow:hidden}
.breadline ul{ word-break:break-all; word-wrap:break-word}
.breadline ul li{height:35px;float:none;display:inline;line-height:35px;vertical-align:middle}
}
/***/
.titleline{padding-bottom:16px;overflow:hidden;zoom:1}
.catartclelists{}
.catartclelists >h1{font-size:36px;line-height:38px;overflow:hidden;}
.catartclelists >ul{padding:0;margin:0;list-style:none}
.catartclelists >ul >li{height:64px;line-height:64px;clear:both;display:block;border-bottom:1px solid #ccc;overflow:hidden;position:relative}
.catartclelists >ul >li >a{display:block;height:100%;padding-right:100px;font-size:20px;font-weight:350;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:break-all; word-wrap:break-word}
.catartclelists >ul >li >dt{position:absolute;top:0;bottom:0;right:0;width:100px;overflow:hidden;}
.pages{padding-top:16px;}
.footerlist{margin-top:20px;}
.footerlist .footerhead h1{height:40px;line-height:40px;}
.footerlist .footerhead h1,.footerlist .footerhead h1 a{font-size:14px;font-weight:bold;}
.footerlist .col >div >ul >li{min-height:30px;height:30px;overflow:hidden;line-height:30px;color:#333;font-size:14px;}
.footerlist .col >div >ul >li a,.footerlist .col >div >ul >li span{font-size:14px;color:#333;}
.productlist{}
.productlist >div{margin-top:16px;border:1px solid #ccc;border-radius:5px;overflow:hidden;padding:10px;}
.productlist >div.noborder{border:none;}
.productlist >div >div.proinfo{position:relative;}
.productlist >div >div.proinfo .prologo{width:150px;height:150px;}
.productlist >div >div.proinfo .prologo >div{width:140px;height:140px;}
.productlist >div >div.proinfo .prodesc{position:absolute;left:170px;top:5px;right:16px;max-height:150px;overflow:hidden;clear:both;}
.productlist >div >div.proinfo .prodesc:after{content:' ';display:block;clear:both;height:1px;}
.productlist >div >div.proinfo .prodesc h2{font-size:18px;line-height:1.6;}
.productlist >div >div.proinfo .prodesc ul{list-style:none;}
.productlist >div >div.proinfo .prodesc ul li{clear:both;display:block;position:relative;height:25px;line-height:25px;overflow:hidden}
.productlist >div >div.proinfo .prodesc ul li label{width:120px;overflow:hidden;font-size:14px;}
.productlist >div >div.proinfo .prodesc ul li >span{position:absolute;left:125px;font-size:14px;}
.productlist >div >div.proinfo .prodesc >div{font-size:14px;}
.productlist >div >div.proinfo .prodesc >div *{font-size:14px!important;font-size:14px;color:#666}
.productlist >div >div.proinfo .protypes{clear:both;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-x:auto;}
.productlist >div >div.proinfo .protypes table{width:100%!important;width:100%;}
.productlist >div >div.proinfo .protypes table td{font-size:14px;padding:5px;}
.productlist >div >div.proinfo .protypes table tr.prohead td{background:#dce3e0;color:#333;font-weight:bold;}
@media only screen and (max-width: 800px)
{
.productlist >div >div.proinfo .prodesc ul li label{width:80px;}
.productlist >div >div.proinfo .prodesc ul li >span{left:90px;}
.productlist >div >div.proinfo .prodesc{max-height:140px;}
}
.productcontent{}
.productcontent >div{margin-top:16px;border:1px solid #ccc;border-radius:5px;overflow:hidden;padding:0px;}
.productcontent >div.noborder{border:none;}
.productcontent >div >div.proinfo{position:relative;min-height:250px;clear:both;}
.productcontent >div >div.proinfo .prologodesc{min-height:250px;}
.productcontent >div >div.proinfo .prologo{width:250px;height:250px;position:absolute;right:0;top:0;}
.productcontent >div >div.proinfo .prologo >div{width:240px;height:240px;}
.productcontent >div >div.proinfo .prodesc{padding-right:260px;}
.productcontent >div >div.proinfo .prodesc h2{font-size:14px;line-height:1.6;color:#333;font-weight:normal}
.productcontent >div >div.proinfo .prodesc ul{list-style:none;}
.productcontent >div >div.proinfo .prodesc ul li{clear:both;display:block;position:relative;height:25px;line-height:25px;overflow:hidden}
.productcontent >div >div.proinfo .prodesc ul li label{width:120px;overflow:hidden;font-size:14px;}
.productcontent >div >div.proinfo .prodesc ul li >span{position:absolute;left:125px;font-size:14px;}
.productcontent >div >div.proinfo .prodesc >div{font-size:14px;}
.productcontent >div >div.proinfo .prodesc >div *{font-size:14px!important;font-size:14px;color:#666}
.productcontent >div >div.proinfo .protypes{padding-top:20px;padding-bottom:20px;overflow:hidden;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-x:auto;}
.productcontent >div >div.proinfo .protypes table{width:100%!important;width:100%;}
.productcontent >div >div.proinfo .protypes table td{font-size:14px;padding:5px;}
.productcontent >div >div.proinfo .protypes table tr.prohead td{background:#dce3e0;color:#333;font-weight:bold;}
.protitle{height:40px;line-height:40px;border-bottom:2px solid #008149;}
.protitle >span{display:inline-block;height:100%;background:#008149;color:#fff;padding-left:10px;padding-right:10px;}
.protitletop{border-bottom:2px solid #008149;overflow:hidden;display:block;padding:0;margin:0;}
.protitletop >span{display:block;color:#008149;line-height:1.5;clear:both}
.productsubcats{padding-top:16px;padding-bottom:10px;font-weight:bold;background:#efefef}
.productsubcats i{ font-style:normal; display:inline-block;padding-left:10px;padding-right:10px;}
.productsubcats span{display:inline-block;padding-left:10px;padding-right:10px;overflow:hidden; vertical-align:top;}
.productsubcats span.act,.productsubcats span.act a{color:#008149}
@media only screen and (max-width: 800px)
{
.productcontent >div >div.proinfo .prologo{position:static;text-align:center;width:100%;}
.productcontent >div >div.proinfo .prologo .centerimg{margin:0 auto;}
.productcontent >div >div.proinfo .prodesc ul li label{width:80px;}
.productcontent >div >div.proinfo .prodesc{padding-right:0;}
}
@media only screen and (max-width: 640px)
{
.protitletop >span{font-size:18px;}
.catartclelists >h1{font-size:20px;line-height:22px;}
}
.footerqr{text-align:left;height:100%;}
.footerfloat{}
@media only screen and (max-width: 800px)
{
.footerqr{text-align:center}
.footerfloat{clear:both;}
.footerfloat:after{display:block;content:' ';height:1px; overflow:hidden;}
.footerfloat li{float:left;width:33%;overflow:hidden}
}