@charset "utf-8";
/*初始样式*/
*{webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{ color:#292e33;font:14px "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a{ color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;}
a:hover{text-decoration:none;}
img{border:none;}
.vam{ vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:0;font-family: "Microsoft Yahei";}
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}
i,em{ font-style:normal;}

.tr {text-align:right;}
.tl {text-align:left;}
.center{ text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;}
.pic img{-webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}






/*广告*/
.banner{height: auto;max-width: 1920px; width:100%; margin:0 auto!important;position: relative;}
.banner .bd li{float: left;width: 100%;line-height: 0;}
.banner .bd li img{width: 100%;}
.banner .bd li a{display: block;height: 100%;}
.banner .prev{position:absolute;top:45%;left:1.2%;z-index: 10;cursor: pointer;}
.banner .next{position:absolute;top:45%;right:1.2%;z-index: 10;cursor: pointer;}
.banner i{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(0,0,0,0.5);}
.banner i img{height: 30px;display: inline-block;margin-top: 15px;}
.banner .hd{z-index: 1; margin: 0 auto; text-align: center; position: absolute; left: 50%; width: 1200px; bottom:40px;margin-left: -600px;line-height: 0;}
.banner .hd li{width:12px;height:12px;background: #fff;margin: 0 16px;display: inline-block;border-radius: 20px;}
.banner .hd li.on{background: #EF8301;border: 3px solid #fff;background: none;box-sizing: border-box;}


/*板块标题*/
.title{text-align: center;font-size: 60px;line-height: 60px;}
.title a{display: block;color: #0146AE;}
.title span{display: block;font-size: 22px;line-height: 22px;font-weight: normal;margin-top: 12px;color: #222;}
.title span:before{content: "";display: inline-block;width: 93px;height: 1px;background: #e6e6e6;vertical-align: middle;margin-right: 18px;}
.title span:after{content: "";display: inline-block;width: 93px;height: 1px;background: #e6e6e6;vertical-align: middle;margin-left: 18px;}


/*引子*/
.yz{background: url(/skins/default/images/yz-bg.jpg) no-repeat center top;height: 158px;}
.yz li{float: left;height: 158px;text-align: center;padding-top: 28px;box-sizing: border-box;}
.yz li > b{font-size: 30px;line-height: 30px;color: #fff;display: block;margin-bottom: 13px;}
.yz li > span{font-size: 20px;line-height: 30px;color: #fff;font-weight: normal;}
.yz li:first-child{width: 350px;}
.yz li:nth-child(2){width: 500px;}
.yz li:last-child{width: 350px;text-align: left;}
.yz li:last-child em{background: url(/skins/default/images/yz-tel.png) no-repeat left center;color: #fff;font-size: 38px;line-height: 38px;font-family: impact;padding-left: 58px;display: block;}
.yz li:last-child em i{display: block;font-size: 18px;font-weight: normal;line-height: 18px;margin-bottom: 3px;}


/*采购直通车*/
.pro{padding-top: 100px;padding-bottom: 76px;}
.pro-t{margin-top: 30px;border:1px solid #D6D6D6;margin-bottom: 30px;border-bottom: none; white-space:nowrap;}
.pro-t h3{display: inline-block;height: 60px;line-height: 60px;color: #333;width: 150px;text-align: center;border-right: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;vertical-align: top;}
.pro-t h3 a{display: block;color: #333;}
.pro-t p{display: inline-block;width: 1047px;border-bottom: 1px solid #d6d6d6;height: 60px;line-height: 60px;vertical-align: top;box-sizing: border-box;padding-left: 23px;}
.pro-t p a{color: #666;margin-right: 64px;position: relative;display: inline-block;font-size: 15px;}
.pro-t p a:last-child:after{display: none;}
.pro-t p a:hover{color: #0146AE;text-decoration: underline;}
.pro-t p a:after{content: "/";position: absolute;right: -42px;top: 0;font-weight: lighter;opacity: 0.9;}
.pro-c li{float: left;width: 390px;margin-right: 15px;display: inline;text-align: center;margin-bottom: 23px;}
.pro-c li:nth-child(3n){margin-right: 0;}
.pro-c li em{width: 390px;height: 229px;display: block;line-height: 0;overflow: hidden;}
.pro-c li img{width: 390px;height: 229px;display: block;}
.pro-c li h4{display: block;font-size: 18px;line-height: 18px;color: #555;margin-top: 16px;font-weight: normal;}


/*环保先锋 品质取胜*/
.pz{background: url(/skins/default/images/pz-bg.jpg) no-repeat center top;height: 1030px;box-sizing: border-box;padding-top: 100px;}
.pz-t{float: left;width: 200px;margin-top: 40px;}
.pz-t ul{background: #fff;}
.pz-t ul li{width: 200px;height: 140px;box-sizing: border-box;text-align: center;padding-top: 71px;border-bottom: 1px solid #f5f5f5;}
.pz-t ul li b{display: block;font-size: 24px;line-height: 24px;color: #222;font-weight: normal;}
.pz-t ul li span{display: block;font-size: 12px;line-height: 12px;color: #222;opacity: 0.2;margin-top: 4px;}
.pz-t ul li.cur{background: #1848B8;border-bottom: none;}
.pz-t ul li.cur b{color: #fff;}
.pz-t ul li.cur span{color: #fff;}
.pz-t ul li:nth-child(1){background: url(/skins/default/images/pz-num1.png) no-repeat center 28px;}
.pz-t ul li:nth-child(1).cur{background:#1848B8 url(/skins/default/images/pz-num1h.png) no-repeat center 28px;}
.pz-t ul li:nth-child(2){background: url(/skins/default/images/pz-num2.png) no-repeat center 28px;}
.pz-t ul li:nth-child(2).cur{background:#1848B8 url(/skins/default/images/pz-num2h.png) no-repeat center 28px;}
.pz-t ul li:nth-child(3){background: url(/skins/default/images/pz-num3.png) no-repeat center 28px;}
.pz-t ul li:nth-child(3).cur{background:#1848B8 url(/skins/default/images/pz-num3h.png) no-repeat center 28px;}
.pz-t ul li:nth-child(4){background: url(/skins/default/images/pz-num4.png) no-repeat center 28px;}
.pz-t ul li:nth-child(4).cur{background:#1848B8 url(/skins/default/images/pz-num4h.png) no-repeat center 28px;}
.pz-t .qh{margin-top: 1px;}
.pz-t .qh i img{width: 99px;height: 140px;}
.pz-t .qh .prev{float: left;cursor: pointer;}
.pz-t .qh .next{float: right;cursor: pointer;}
.pz-c{float: right;margin-top: 40px;width: 999px;height: 697px;overflow: hidden;position: relative;}
.pz-c dl{}
.pz-c dl dt{line-height: 0;width: 999px;height: 563px;}
.pz-c dl dt img{width: 999px;height: 563px;display: block;}
.pz-c dl dd{padding-top: 26px;padding-left: 31px;width: 380px;}
.pz-c dl dd h3{font-size: 30px;line-height: 30px;display: block;color: #1848B8;margin-bottom: 11px;}
.pz-c dl dd p{font-size: 16px;line-height: 24px;color: #666;}
.pz-c-t{position: absolute;right: 0;bottom: 0;}
.pz-c-t li{float: left;width: 135px;height: 115px;margin-right: 3px;display: inline;overflow: hidden;position: relative;}
.pz-c-t li:last-child{margin-right: 0;}
.pz-c-t li img{height: 109px;width: auto;position: absolute;left: 50%;margin-left: -98px;}
.pz-c-t li.cur{border: 3px solid #0043a9;box-sizing: border-box;height: 109px;}


/*合作单位*/
.hz{padding-top: 100px;}
.hz-c{margin-top: 40px;}
.hz-c i{width: 32px;height:32px;display: block;margin-top: 40px;}
.hz-c i.prev{margin-left: -72px;float: left;cursor: pointer;}
.hz-c i.next{float: right;margin-right: -72px;cursor: pointer;}
.hz-c ul{width: 1200px;}
.hz-c .tempWrap{float: left;width: 1200px!important;}
.hz-c ul li{width: 280px;height: 114px;float: left;margin-right: 26px;transition: all .2s linear;}
.hz-c ul li:last-child{margin-right: 0;}
.hz-c ul li img{width: 280px;height: 112px; border:1px solid #dedede; box-sizing:border-box; }
.hz-c ul li:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.hz-tel{margin: 70px auto 0;width: 478px;height: 60px;line-height: 60px;background: url(/skins/default/images/hz-tel.png) no-repeat;font-size: 38px;color: #0146AE;font-family: impact;;}
.hz-tel span{font-size: 24px;color: #fff;margin-left: 60px;width: 132px;display: inline-block;margin-right: 15px;vertical-align: top}


/*中国环保垃圾桶定制厂家*/
.ys{padding-top: 100px;padding-bottom: 75px;}
.ys-c{margin-top: 30px;background: url(/skins/default/images/ys-bg.png) no-repeat center 316px;}
.ys-c dt{float: left;}
.ys-c dt img{transition: all .15s linear;}
.ys-c dt img:hover{filter: contrast(120%);}
.ys-c dd{float: right;width: 520px;padding-top: 76px;}
.ys-c dd i{display: block;line-height: 0;}
.ys-c dd h3{font-size: 36px;line-height: 36px;color: #0146AE;margin-top: 27px;background: url(/skins/default/images/ys-line.png) no-repeat left bottom;padding-bottom: 24px;}
.ys-c dd h3 span{font-weight: lighter;font-family: SimSun,arial;margin-left: 10px;margin-right: 3px;}
.ys-c dd h3 em{font-size: 14px;color: #C7C7C7;text-transform: uppercase;}
.ys-c dd h3 b{display: block;font-size: 24px;line-height: 24px;color: #333;font-weight: normal;}
.ys-c dd p{font-size: 15px;line-height: 24px;background: url(/skins/default/images/ys-dot.png) no-repeat left 8px;margin-top: 25px;padding-left: 20px;}
.ys-c dl:nth-child(2n) dt{float: right;}
.ys-c dl:nth-child(2n) dd{float: left;}
.ys-c dl:nth-child(1) dt{margin-left:-4px;}
.ys-c dl:nth-child(2) dt{margin-top: -82px;}
.ys-c dl:nth-child(2) dd{padding-top: 16px;}
.ys-c dl:nth-child(3) dt{margin-top: -35px;margin-left: -40px;}
.ys-c dl:nth-child(3) dd{padding-top: 55px;width: 500px;}
.ys-c dl:nth-child(4) dt{margin-top: -106px;}
.ys-c dl:nth-child(4) dd{padding-top: 39px;}


/*全国工程 绿色守护*/
.case{background: url(/skins/default/images/case-bg.jpg) no-repeat center top;box-sizing: border-box;padding-top: 100px;padding-bottom: 90px;}
.case-l{float: left;width: 255px;margin-top: 40px;}
.case-l li{height: 60px;background: #0146AE;position: relative;margin-bottom: 17px;line-height: 60px;font-size: 24px;text-align: center;}
.case-l li:last-child{margin-bottom: 0;}
.case-l li:before{content: "";display: block;width:15px; height:15px; background:rgba(255,255,255,1); border:3px solid rgba(1,70,174,1); border-radius:50%;box-sizing: border-box;position: absolute;left: -8px;top:22px;}
.case-l li a{display: block;color: #fff;}
.case-l li.cur{background: #FF9500;}
.case-l li.cur a{color: #000;}
.case-l li.cur:before{border-color:#FF9500;}
.case-r{float: right;width: 920px;margin-top: 40px;position: relative;height: 443px;overflow: hidden;}
.case-r dt{width: 615px;height: 345px;overflow: hidden;}
.case-r dt img{width: 615px;height: 345px;}
.case-r dd{padding-top: 18px;}
.case-r dd h3 a{font-size: 24px;line-height: 24px;color: #222;display: block;}
.case-r dd h3 a:hover{color: #0146AE;}
.case-r dd p{font-size: 15px;line-height: 24px;color: #666;margin-top: 13px;}
.case-r dd p a{color: #0146AE;}
.case-r ul{position: absolute;right: 0;top: 0;width: 296px;}
.case-r ul li{position: relative;line-height: 0;margin-bottom: 13px;width: 296px;height: 166px;overflow: hidden;}
.case-r ul li a{display: block;}
.case-r ul li img{display: block;width: 296px;height: 166px;}
.case-r ul li h4{font-size: 18px;line-height: 35px;height: 35px;background: rgba(0,0,0,0.5);position: absolute;left: 0;bottom
  : 0;width: 100%;text-align: center;font-weight: normal;color: #fff;}
.case-r ul li:hover h4{background:#0146AE;}

.liuyan{background: url(/skins/default/images/liuyan-bg.jpg) no-repeat center top;height: 230px;margin-top: 100px;box-shadow:0px 4px 17px 1px rgba(7,0,2,0.27);box-sizing: border-box;padding: 32px 0 0 44px;}
.liuyan h3{font-size: 36px;line-height: 36px;display: block;color: #000;margin-bottom: 20px;}
.liuyan h3 span{font-size: 18px;line-height: 18px;color: #666;font-weight: normal;display: inline-block;vertical-align: bottom;margin-left: 8px;}
.liuyan li{float: left;width: 340px;height: 40px;border:1px solid #DCDCDC;background: #fff;margin-bottom: 20px;margin-right: 40px;}
.liuyan li:nth-child(3){margin-right: 0;}
.liuyan input{width: 340px;height: 40px;border:none;background: none;text-indent: 10px;color: #666;}
.liuyan li:nth-child(4),.liuyan input.message{width: 930px;height: 40px;margin-right: 20px;}
.liuyan li:nth-child(5),.liuyan input.btn{width: 153px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 18px;font-weight: bold;background: #FF9500;border:none;margin-right: 0;}