@import url("ztstyle.css");

a,body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,img,li,ol,table,td,tr,ul{margin:0 auto;padding:0;border:0;font-family:微软雅黑,sans-serif}

.active{background-color: #cad5e7; transition: all 2s ease 2ms; color: #fff!important;}

.clear{clear:both}

.sitetop{margin:auto;width:75pc;height:110px}

.sitetop img[alt=和创环保]{float:left}

.sitetop img[alt=联系电话]{float:right}

.nav{background-color:#003d82}

.fixed{top:0;left:0;width:100%}

.fixed,.fixed1{position:fixed;z-index:999}

.fixed1{top:55px}

.padding0{padding-right: 0!important;}

.navbar{margin:auto;width:75pc}

.navbar,.navbar li{position:relative;height:50px}

.navbar li{float:left;width:150px;list-style-type:none;text-align:center;font-size:1pc;line-height:50px}

.navbar li ul{position:absolute;top:50px;z-index:99999;display:none;padding:0}

.liauto ul li{padding-top:2px;background-color:#003d82}

.navbar a:link,.navbar a:visited{color:#fff;text-decoration:none}

.yywarp{width:100%;height:370px;border-top:1px solid #fff;background-color:#0193de}

.yytitle{margin-top:35px;margin-bottom:40px;width:250px;text-align:center}

.yytitle h1,.yytitle span{display:block;color:#fff}

.cptitle h1,.yytitle h1{font-weight:lighter}

.cptitle span,.yytitle span{font-size:9pt}

.yyfl{width:903pt}

.yyfl,.yyfl>li{text-align:center}

.yyfl>li{float:left;margin-bottom:15px;margin-left:2px;padding:0 25px;padding-top:20px;width:118px;height:148px;border:1px solid #fff;border-radius:8px;list-style-type:none}

.yyfl a,.yyfl img,.yyfl span,.yyfl>li{display:block}

.yyfl img{width:5pc;height:5pc}

.yyfl span{margin-top:15px;color:#fff;text-align:center;font-size:1pc}

.yyfl a:link,.yyfl a:visited{text-decoration:none}

li.qtfl{padding:5px;width:158px;height:158px}

.ystxt{overflow:hidden;width:165px;height:200px}

.qtfl li{height:31px;list-style-type:none;text-align:left;line-height:31px}

.qtfl a:link,.qtfl a:visited{color:#fff}

.cpwarp{margin-bottom:45px;width:1201px}

.cptitle{text-align:center; margin-bottom: 40px;}

.cptitle li,.cptitle span{display:block}

.cptitle span{margin-top:10px;font-size:14px}

.cpnav{position:relative;margin-top:15px;height:50px}

.cpnavbg{position:absolute;top:0;left:0}

.cpnav li{float:left;width:149px;border:1px solid #999;background-image:url(../img/watericon08.png);background-position:7% 50%;background-repeat:no-repeat;list-style-type:none;text-align:center;line-height:50px}

.cpnav a:link,.cpnav a:visited{color:#000;text-decoration:none}

.cpnav li:hover{background-color:#0193de;background-image:url(../img/watericon07.png);transition:all .5s;-ms-transition:all .5s}

.cpnav li:hover a{color:#fff}

.tab{display:none;padding-top:30px;width:1199px;height:450px;border:1px solid #999;border-top:0}

.show{display:block}

.cpimg{float:left;padding-left:2px}

.cpimg img{width:565px;height:420px}

.cpr{float:right;width:625px;height:420px}

.cpr h2{color:#333;text-align:center;font-weight:lighter}

.cpr h2 a{color:#333;text-decoration:none}

.cptext{overflow:hidden;margin-top:40px;padding:0 2px;height:175px;color:#333;text-indent:1em;font-size:14px}

.cptext p{text-align:justify}

.cpr ul{margin-top:27px}

.cpr li{display:inline-table;margin-right:5px;list-style-type:none}

.cpr li img{width:200px;height:148px}

.bdbanner{position:relative;overflow:hidden;margin-top:30px;height:500px}

.bdbanner h1{margin-bottom:30px;width:75pc;font-size:18px}

.bdbanner img{position:absolute;left:50%;margin-left:-60pc}

.us{padding-top:5pc;height:750px;background-color:#f0f0f0}

.ustitle{width:500px;text-align:center}

.ustitle h1{display:block;margin-bottom:15px;font-weight:lighter}

.ustitle span{font-size:14px}

.uscontent{padding-top:81pt;width:75pc}

.usl{float:left;width:620px;height:22pc;background:#333;background-image:url(../img/zjbj.jpg)}

.video{margin-top:25px;width:5in;height:290px;background-color:black}

.usr{float:right;padding:10px 25px;width:510px;height:305px;background-color:#fff}

.usr h2{margin-top:15px;margin-bottom:15px;text-align:center;font-weight:lighter}

.usr p{text-indent:2em;font-size:14px; line-height: 24px;}

.ystitle{margin-top:20px;width:75pc;height:125px}

.ystitle h1,.ystitle span{text-align:center}

.ystitle h1{margin-bottom:15px;font-weight:lighter}

.ystitle span{display:block;font-size:14px}

.yscont{position:inherit;z-index:-3;overflow:auto;background-image:url(../img/hcbj.jpg)}

.yscont ul{position:relative;z-index:10;width:75pc;height:455px}

.yscont li{float:left;padding:20px;width:200px;height:415px;color:#fff;list-style-type:none;transition:all .5s;-ms-transition:all .5s}

.yscont li h3{margin-top:75pt;text-align:center;font-size:30px}

.yscont a{display:block;width:90pt;height:45px;border:1px solid #fff;border-radius:8px;color:#fff;text-align:center;text-decoration:none;font-size:1pc;line-height:45px}

.ystxt p{text-align:justify;font-size:9pt;line-height:30px}

.ysbg{position:absolute;top:0;left:0;z-index:-1;width:15pc;height:455px;background-color:#0193de}

.abt{margin-bottom:10px}

.abttitle{margin-top:65px;margin-bottom:30px;width:75pc;text-align:center}

.abttitle h1{margin-bottom:10px;font-weight:lighter}

.abttitle span{border-bottom:1px solid #0193de;font-size:14px}

.abtcont{position:relative;width:75pc;height:431px;background:url(../img/yxbj.jpg) no-repeat}

.abt1{top:45px}

.abt1,.abt2{position:absolute;left:25pt; text-align: right;}

.abt2{top:275px}

.abt3{top:45px}

.abt3,.abt4{position:absolute;right:5pt; text-align: left;}

.abt4{top:275px}

.abt1 h3,.abt2 h3,.abt3 h3,.abt4 h3{color:#166fc7;font-weight:lighter;font-size:33px;}

.abt2 h3,.abt3 h3{color: #04b9ec;}

.abt1 span,.abt2 span,.abt3 span,.abt4 span{font-size:16px}

.partner{height:510px;border-top:1px solid #0193de;background-image:url(/skin/change/img/bj001.jpg)}

.parttitle{margin-top:35px;width:75pc;text-align:center}

.parttitle h1,.parttitle span{color:#fff}

.parttitle h1{font-weight:lighter}

.parttitle span{font-size:14px}

.partner ul{margin-top:20px;width:915pt}

.partner li{display:inline-block;margin-right:17px;margin-bottom:20px;list-style-type:none}

.case{width:75pc;}

.casetitle{margin-top:30px;margin-bottom:30px;text-align:center}

.casetitle h1{font-weight:lighter}

.casetitle span{font-size:14px}

.newstitle{margin-bottom:50px;border-bottom:1px solid #038cc2}

.newstitle h1{width:130px;border-bottom:10px solid #038cc2;font-weight:lighter}

.newscont{overflow:auto;width:1230px}

.newslist{float:left;margin-right:10px;margin-bottom:5px;width:25pc}

.newsbt{height:45px;border-bottom:3px solid #038cc2;line-height:45px}

.newsbt h3{float:left;font-weight:lighter}

.newsbt a{float:right;display:block;color:#333;text-decoration:none}

.newslist ul{border:1px solid #e2e2e2;border-top:none}

.newslist ul img{width:399px}

.newslist li{overflow:hidden;padding-right:15px;padding-left:15px;height:30px;color:#333;list-style-position:inside;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:30px}

.newslist li a{color:#333;text-decoration:none}

.newslist li a:hover{color:#0193de}

.newslist li span{float:right}

.newslist li:hover{color:#0193de}

.flink{position:relative;bottom:-50px;height:39px;}

.flink ul{width:75pc}

.flink ul img{float:left}

.flink ul li{float:left;margin-right:2px;list-style-type:none;font-size:14px}

.flink li a{color:#fff;text-decoration:none}

.footwarp{overflow:auto;background-color:#003d82}

.footcont{overflow:auto;width:75pc}

.footcont ul{float:left;margin-top:60px}

.footcont ul li{height:40px;color:#fff;list-style:none;font-size:14px;line-height:40px}

.footcont li a{color:#fff;text-decoration:none}

.footcont img{float:right;display:block;margin-top:90px;margin-right:200px}



.box{overflow:hidden;margin-bottom:5pc;width:75pc; height: 245px;}

#boxdiv{width:1500px}

.box ul li{float:left; list-style:none; padding: 0 2px; margin-bottom: 10px;}

.box ul li img, .box ul li span{display: block; text-align: center;}

.box ul li span{font-size: 14px;}

.box ul li a{display: block; color: #444; text-decoration: none;}

#boxdiv img{width:297px;height:220px}

.boxtxt{overflow:hidden;width:297px;}

.boxtxt span{display:block;margin-top:10px;margin-bottom:15px;text-align:center;font-size:14px}

.boxtxt li{float:none!important;font-size:14px}

.boxtxt p{margin:0;margin-bottom:5px;padding-right:5px;padding-left:5px;font-size:14px}

#jnImageroll{position:relative;overflow:hidden;height:650px}

#jnImageroll img{position:absolute;top:0;left:50%;margin-left:-60pc;width:20in;height:650px}

#jnImageroll div{position:absolute;bottom:0;left:0;overflow:hidden}

#jnImageroll div a{float:left;display:inline-block;overflow:hidden;margin-right:2px;padding:5px 15px;width:5pc;height:30px;background-color:#444;color:#fff;text-align:center;line-height:30px}

#jnImageroll div a,#jnImageroll div a:hover{text-decoration:none}

#jnImageroll div a em{display:block;overflow:hidden;font-style:normal;font-size:14px;cursor:pointer}

#jnImageroll .last{margin:0;width:5pc}

.topbar{position:fixed;top:50%;right:0;z-index:999;width:21px;height:68px;background:url(../img/top.gif) no-repeat;cursor:pointer}

.othercp{padding:0 3px}

.othercp li{position:relative;float:left;overflow:hidden;margin-right:2px;padding:5px;width:225px;height:420px;border:1px solid #ccc;list-style-type:none;text-align:center}

.margin0{margin-right:0!important}

.othercp a,.othercp img,.othercp span{display:block}

.othercp img{margin-bottom:5px;width:225px;height:170px}

.othercp span{height:28px;line-height:28px}

.othercp p{margin-top:7px;margin-bottom:0;text-align:left;font-size:9pt}

.othercp a{position:absolute;bottom:10px;left:40%;color:#0193de;font-size:9pt}

.cl_fanwei{margin-top:10px;margin-bottom:30px;height:44px;background:url(/skin/change/img/hz_xx02.gif) repeat-x 0 bottom}

.cl_fanwei p{overflow:hidden;margin:0 0 0 360px;width:900px;height:44px;color:#333;font:9pt "Microsoft Yahei";line-height:44px}

.cl_fanwei p a{margin-right:50px;color:#333}

.bigcp{overflow:auto;width:75pc; margin-bottom: 10px;}

.bigcpl{float:left;width:560px}

.bigcpr{float:right}

.bigcpr img{width:500px;}

.cpfltitle{padding:15px 0 15px 50px;background-image:url(/skin/change/img/cl.jpg);background-position:left center;background-repeat:no-repeat}

.cpfltitle h2{color:#333;font-weight:600;font-size:18px}

.cptxt{border-top:1px dashed #333;text-align:justify;font-size:14px;line-height:25px}

.cptxt p{margin:10px 0}

.cpbutton{float:right;width:236px;height:49px;box-shadow:1px 1px 2px #999}

.cpbutton .buttonl,.cpbutton .buttonr{float:left;width:50%;text-align:center;font-size:14px;line-height:49px}

.cpbutton .buttonl{background-color:#eaeaea;color:#333}

.cpbutton .buttonr{background-color:#23589c;color:#fff}

.biganli{overflow:hidden; margin-bottom: 40px;}

.biganli ul{padding:0;list-style:none; overflow: hidden;}

.biganli ul li{float: left; width: 289px; margin-right: 11px;}

.biganli ul li a:link,.biganli ul li a:visited{color: #333; text-decoration: none;}

.biganli ul li img{width: 100%; display: block;}

.biganli ul li span{display: block; font-size: 14px; padding: 5px 0; text-align: center;}

.biganli .mar{margin:0 11px}

ul.cplist{overflow:hidden;padding:0;list-style-type:none}

ul.cplist li{float:left;overflow:hidden;padding-right:9px;width:250px}

ul.cplist li a{text-decoration: none;}

.bigimg{height:300px;background-position:center;background-repeat:no-repeat}

.cpname{padding:15px 10px;background:#23589c;color:#fff;font-family:黑体}

.cpname h2{margin:2px;font-weight:600;font-size:1pc}

.cpname h3{margin:2px;font-weight:400;font-size:14px;white-space: nowrap; text-overflow: ellipsis;}

.zzbg{width: 1200px; position: relative; margin-bottom: 60px;}

#carrouse{width: 1100px; position: relative; overflow: hidden; height: 325px;}

#carrouse ul{list-style: none;}

#carrouse ul li{position: absolute; left: 0; top: 0; border: 6px solid #efefef; text-align: center;}

#carrouse ul li img{max-width: 100%;}

#carrouse_prev, #carrouse_next{position: absolute; z-index: 9; width: 49px; height: 50px; top: 40%;}

#carrouse_prev{background: url(/skin/change/img/lbtn.png) no-repeat center; left: 0;}

#carrouse_next{background: url(/skin/change/img/rbtn.png) no-repeat center; right: 0;}

.carrouseltitp{width: 1100px; text-align: center;}

.cpshow{width: 960px; overflow: auto; margin-bottom: 50px;}

.cplshow{float: left; width: 450px; height: 338px; border: 2px solid #ccc;}

.cplshow img{min-width: 100%; max-width: 100%;}

.cprshow{width: 480px; height: 342px; overflow: hidden; float: right; position: relative; color: #333; text-align: left;}

.cprshow h1{font-size: 33px; font-weight: 500; margin-top: 0; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.cpmiaoshu{height: 200px; overflow: hidden;}

.cpmiaoshu p{font-size: 22px; background-image: url(/skin/change/img/xbz.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 35px;}

.cplianxi{ border-top: 1px solid #ccc; position: absolute; bottom: 0; padding-top: 10px;}

.cpllianxi{float: left;}

.cprlianxi{float: right;}