/**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} }