/*容器*/
.container{width: 1200px;margin-right: auto;margin-left: auto;}
.idx-title{width: 100%;display: block;text-align: center;}
.idx-title h2{font-size: 36px;line-height: 40px;}
.idx-title h3 a{font-size: 14px;color: #999;width: 110px;text-align: center;height: 40px;line-height: 38px;border-top: solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;margin:20px auto 0px;transition: all .5s;display: block; }
.idx-title h3 a:hover{background: #6ed5b7;color: #fff;border-color: #6ed5b7;}

/*头部*/
.animated {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.animated.slideDown {top: -120px;}
.animated.slideUp {top: 0;}

.top-height{height: 120px;}
.top{width: 100%;border-top: solid 3px #6ed5b7;background: #fff;border-bottom: solid 1px #eee;position: fixed;left: 0px;top: 0px;z-index: 99;}
.top-box{position: relative;z-index: 99;}
.top-logo{position: absolute;left: 0px;top: 50%;margin-top:-36px;z-index: 105;}
.top-logo a{display: block;width: 100%;}
.top-logo a img{}

.top-main{position: relative;z-index: 100;padding: 0px 200px;}
.top-main .top-nav{display: block;width: 100%;text-align: center;}
.top-main .top-nav li{display: inline-block;}
.top-main .top-nav li a{display:block;font-size: 16px;color: #282828;line-height: 24px;padding:46px 30px; }
.top-main .top-nav li a:hover{color: #6ed5b7;}
.top-main .top-nav li.on a{background: #6ed5b7;color: #fff;}

.top-r{position: absolute;z-index: 105;right: 0px;top: 50%;margin-top: -13px;}
.top-r .top-lang a{display: block;line-height: 26px;margin-right: 10px;}
.top-r .top-search{margin-left: 15px;}
.top-r .top-search form{position: relative;display: block;height: 26px;}
.top-r .top-search .top-searchbtn{width:26px;height: 26px;overflow: hidden;border: none;background-color: transparent;background-image: url(../images/top-search.png);background-repeat: no-repeat;background-position: center center;cursor: pointer; transition: all .3s;}
.top-r .top-search .top-searchtext{position: absolute;z-index: 105;width: 0px;height: 26px;border:solid 0px transparent;background: #fff;padding: 0px;line-height: 24px;top: 0px;right: 26px;transition: all .3s;font-size:12px;} 
.top-r .top-search:hover .top-searchbtn{background-color: #6ed5b7;}
.top-r .top-search:hover .top-searchtext{width: 170px;padding: 0 10px;border:solid 1px #6ed5b7;}

/*banner图*/
.banner{width:100%;height:460px;overflow:hidden; position:relative;}
.banner .hd{overflow:hidden;position:absolute;z-index:1;width: 100%;left: 0px;bottom: 20px; }
.banner .hd ul{overflow:hidden; zoom:1;width: 100%;text-align: center;}
.banner .hd ul li{display: inline-block;margin:0px 6px;width:11px; height:12px;text-align:center;cursor:pointer;background-image: url(../images/banner-page01.png);background-repeat: no-repeat;background-position: center center;}
.banner .hd ul li.on{background-image: url(../images/banner-page02.png)}
.banner .bd{position:relative;width:100%;height:460px;z-index:0;}
.banner .bd ul{display: block;width: 100%;height: 460px;}
.banner .bd ul li{display: block;width: 100%;height: 100%;}
.banner .bd ul li a{ width:100%;height:100%;display:block;text-align: center;background-repeat: no-repeat;background-position: center center;background-size: cover;}

.banner .prev,
.banner .next{position:absolute;top:50%; margin-top:-23px;display:block; width:46px; height:46px;filter:alpha(opacity=0);opacity:0;background-repeat: no-repeat;background-position: center center;transition: all .3s;}
.banner .prev{background-image: url(../images/banner-l.png);left: 3%;}
.banner .next{background-image: url(../images/banner-r.png);right: 3%;}
.banner:hover .prev,
.banner:hover .next{filter:alpha(opacity=50);opacity:.5;}
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{display:none;  }
.banner .nextStop{display:none;  }

/*推荐产品*/
.idxrecom-box{margin-top: 60px;}
.idxrecom-box ul{margin-top: 60px;}
.idxrecom-box ul li{margin-bottom: 0px;}
.product-ul{display: block;width: 100%;}
.product-ul li{float:left;width: 277px;height: 277px;margin-left:30px;overflow: hidden;transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transition: all .3s;margin-bottom: 30px;}
.product-ul li a{display: block;width: 100%;height: 100%;position: relative;z-index: 1;}
.product-ul .img{text-align: center;width: 100%;}
.product-ul .share{position: absolute;z-index:2;width: 100%;height: 100%;left: 0px;top: 0px;background: #6ed5b7;filter:alpha(opacity=0);opacity:0;transition: all .3s;}
.product-ul .info{position: absolute;z-index: 5;width: 100%;height: auto;left: 0px;bottom: -100%;color: #fff;padding: 0 30px;transition: all .3s;}
.product-ul .info h3{font-size: 20px;text-align: center;}
.product-ul .info p{font-size: 14px;line-height: 22px;height:68px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;margin: 20px 0px 50px;}
.product-ul .info span{display: block;width:32px;height: 32px;overflow: hidden;margin:0 auto; }
.idxrecom-box ul.product-ul li:hover{transform:translateY(-30px);-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);}
.product-ul li:hover{transform:translateY(-15px);-ms-transform:translateY(-15px);-webkit-transform:translateY(-15px);}
.product-ul li a:hover .share{filter:alpha(opacity=80);opacity:.8;}
.product-ul li a:hover .info{top: 50%;margin-top:-98px;bottom: auto;}

/*关于零碳*/
.idxabout{width: 100%;padding: 120px 0px 195px;background: url(../images/idxabout-bj.png) no-repeat center top;margin-top: 80px;}
.idxabout-box{background: #fff;padding: 60px;}
.idxabout-info{margin: 30px 0px;}
.idxabout-info p{font-size: 14px;color: #666;line-height: 28px;height: 56px;}

.idxvideo{position: relative;width:128px;height: 128px;border-radius: 50%;overflow: hidden;text-align: center;margin: 0 auto;cursor: pointer;}
.idxvideo-round{position: absolute;width: 100%;height: 100%;overflow: hidden;left: 0px;top: 0px;background: url(../images/round.png) no-repeat center center;z-index: 2;}
.idxvideo .img1{display: block;transform: scale(1);transition: all .6s ease 0s;-webkit-transform: scale(1);-webkit-transform: all .6s ease 0s;border-radius: 50%; }
.idxvideo .img2{position: absolute;width: 46px;height: 40px;z-index: 5;left: 50%;margin-left: -23px;top: 50%;margin-top: -20px;}
.idxvideo:hover .img1{transform: scale(1.1);transition: all .6s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all .6s ease 0s;}

/*视频弹出*/
.idxvideo-share{position: fixed;width: 100%;height: 100%;background: #000;filter:alpha(opacity=80);opacity:.8;z-index: 999;left: 0px;top: 0px;display: none;}
.idxvideo-pop{position: fixed;z-index: 1000;width: 100%;height: 100%;top:0%;left: 0%;background: transparent;display: none;}
.video-wrap{position: relative;width: 80%;height: 60%;margin: 0 auto;top: 20%;}
.videotop{position: absolute;width: 28px;height: 28px;line-height: 16px; z-index: 1001;right: 20px;top:20px;background: #fff;padding: 5px;border-radius: 50%;overflow:hidden;cursor: pointer;text-align: center;}
.videobox{width: 100%;height: 100%;text-align: center;font-size: 20px;color: #6ed5b7;}
.videobox video{max-width: 100%;max-height: 100%;height: 100%;}

/*推荐新闻*/
.idxnews{margin-top: 60px;}
.idxnews ul{margin-top: 30px;}
.idxnews ul li{margin-bottom: 0px;}
.news-ul{display: block;width: 100%;}
.news-ul li{float: left;width: 380px;overflow: hidden;background: #f5f5f5;margin-left: 30px;margin-bottom: 30px;}
.newslst-img{display: block;width: 100%;height: 180px;overflow: hidden;}
.newslst-img img{transform: scale(1);transition: all .6s ease 0s;-webkit-transform: scale(1);-webkit-transform: all .6s ease 0s;}
.newslst-img:hover img{transform: scale(1.1);transition: all .6s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all .6s ease 0s; }
.newslst-info{display: block;width: 100%;padding: 25px 30px;}
.newslst-info h2{font-size: 20px;}
.newslst-info h3{font-size: 14px;color: #666;line-height: 22px;height: 44px;overflow: hidden;margin: 10px 0px 20px;}
.newslst-info p{font-size: 13px;color: #999;line-height: 20px;}
.newslst-info p span{margin-right: 20px;}
.newslst-info p a{}
.newslst-info p a img{margin-right: 5px;vertical-align: bottom;}
.newslst-info p a img.img02{display: none;}
.newslst-info p a:hover,
.newslst-info h2 a:hover{color: #6ed5b7;}
.newslst-info p a:hover img.img02{display: inline-block;}
.newslst-info p a:hover img.img01{display: none;}

/*底部*/
.bot{display: block;width: 100%;background: url(../images/bot-bj.jpg) no-repeat center top;position: relative;z-index: 0;margin-top: 120px;}
.bot-share{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: #000;filter:alpha(opacity=85);opacity:.85;z-index: 1;}
.bot-box{position: relative;z-index: 5;padding: 80px 0px;}
.bot-logo{text-align: center;}
.bot-dh{text-align: center;margin-top: 40px;margin-bottom: 30px;}
.bot-text{font-size: 16px;color: #fff;text-align: center;}
.bot-text span{display: inline-block;border-top: solid 1px #242727;padding-top: 15px;padding-bottom: 10px;}
.box-line{position: relative;z-index: 5;width: 100%;height: 1px;background: #202423;}
.bot-footer{position: relative;z-index: 5;padding: 25px 0px 15px;font-size: 14px;color: #fff;}
.bot-footer p{line-height: 20px;margin-bottom: 10px;text-align: center;}
.bot-footer p span{margin: 0 10px;}
.bot-footer a:hover{color: #6ed5b7;}

/*内页banner*/
.pagebanner{width: 100%;background-repeat: no-repeat;background-position: center center;height:360px; }

/*面包屑*/
.crumb{border-bottom: solid 1px #eee;}
.crumb-l{font-size: 12px;color: #999;line-height: 20px;margin-top: 17px;}
.crumb-l span{margin: 0px 5px;}
.crumb-l a:hover,
.crumb-l a.on{color: #6ed5b7;}
.crumb-r{font-size: 14px;color: #000;line-height:30px; }
.crumb-r li{float: left;}
.crumb-r li a{display: block;padding:16px 20px;border-bottom: solid 2px transparent;margin-bottom: -1px;}
.crumb-r li a:hover{color: #6ed5b7;}
.crumb-r li.on a{border-bottom: solid 2px #6ed5b7;color: #6ed5b7;}

/*内页内容*/
.frame-main{margin-top: 60px;min-height: 380px;}
.frame-title{width: 128px;text-align: center;height: 36px;line-height: 36px;color: #fff;background: #6ed5b7;font-size: 16px;}
.about-title{border-left: solid 2px #999;padding-left: 10px;font-size: 14px;color: #999;margin-bottom:30px;margin-top: 20px; }
.about-title h1{font-size: 24px;line-height: 28px;color: #6ed5b7;}
.about-title h2{line-height: 20px;}
.about-info{font-size: 14px;color: #999;line-height: 26px;}
.about-info img{max-width: 100%;}
.about-info p{font-size: 14px;color: #999;line-height: 26px;}

/*联系我们*/
.contact-box{width: 100%;background: #f7f7f7;padding:30px 60px;border-top: solid 3px #6ed5b7; }
.contact-box h1{font-size: 24px;color: #999;margin: 10px 0px 35px;}
.contact-l{width: 500px;}
.contact-lybox{}
.contact-lylst{display: block;width: 100%;font-size: 14px;margin-bottom: 15px;}
.contact-lytext{display: block;width: 100%;border:solid 1px #eee;line-height: 20px;background: #fff;padding: 10px 15px;}
.contact-lynr{display: block;width: 100%;border:solid 1px #eee;line-height: 20px;background: #fff;padding: 10px 15px;height: 120px;font-family: "微软雅黑",Arial, Helvetica;font-size: 14px;}
.contact-lybtn{width: 110px;height: 42px;text-align: center;line-height: 42px;font-size: 16px;color: #fff;background: #6ed5b7;cursor: pointer;}
.contact-lybtn:hover{background: #54bc9e;}

.contact-r{width: 520px;}
.contact-lst li{display: block;width: 100%;margin-bottom: 20px;}
.contact-lst li .img{width:42px;height: 42px;margin-right: 20px; }
.contact-lst li .info{font-size: 14px;color: #000;width: 458px;}
.contact-lst li .info h2{color: #999;}

.map{width: 100%;height: 420px;overflow: hidden;-webkit-box-sizing: initial;-moz-box-sizing: initial;box-sizing: initial;}
.map div{-webkit-box-sizing: initial;-moz-box-sizing: initial;box-sizing: initial;}
.map .iw_poi_title{color: #6ed5b7;}
.map img{max-width: none;}

/*新闻列表*/
.news-top{padding: 30px;background: #f5f5f5;border-bottom: solid 3px #6ed5b7;margin-bottom: 60px;}
.news-topl{width: 730px;}
.news-topl .newslst-info{padding: 0px;}
.news-topl .newslst-info h3{-webkit-line-clamp: 3;height: 68px;margin: 25px 0px 35px;}
.news-topr{width: 380px;}

/*页码*/
.page01{text-align:center;height:30px;width:100%;float:left;margin-top:20px;margin-bottom:20px;font-size: 14px;}
.page01 a,
.page01 span{border:1px solid transparent; padding:11px 16px;font-family:"Arial"; color:#666;font-size: 14px;cursor: pointer; text-align:center;}
.page01 em{padding: 10px 0px;color: #000;}
.page01 span.current{ color:#fff;border:1px solid #e40000;background: #e40000;}
.page01 a:hover{color: #e40000;}
.page01 .pageentry{width: 50px;padding: 10px 5px;background: #eee;color: #000;border: none;font-size: 14px;line-height: 20px;text-align: center;}
.page01 .pagebtn{padding:11px 16px;border:1px solid #e40000;background: transparent;color: #e40000;text-align: center;margin-left: 10px;cursor: pointer;transition: all .3s;}
.page01 .pagebtn:hover{background: #e40000;color: #fff;}

/*新闻详情*/
.news-title{padding: 15px 0 10px;width: 100%;text-align: center;border-bottom: 1px dashed #ccc;margin-bottom: 35px;}
.news-title h1 {font-size: 18px;line-height: 30px;margin-bottom: 10px;font-weight: normal;color: #000;}
.news-title p {color: #aaa;font-size: 12px;line-height: 20px;}
.news-title p span {display: inline-block;margin: 0 15px;}
.substance-wrap p{font-size: 14px;color: #777;line-height: 28px;}
.con_back { margin:25px 0 10px;}
.con_back a{ color:#6ed5b7;font-family:"微软雅黑"; font-size:15px; }
.con_back  span { font-family:"宋体"; margin-right:8px;}
.pages { width:100%; padding:0px 0 10px;}
.pages p { line-height:20px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.pages p a { font-family:"微软雅黑"; font-size:12px; color:#666;}
.pages p a span {font-size:12px; margin-right:5px; color:#999;}
.pages p:hover a { color:#6ed5b7;}
.pages p:hover a span { color:#666;}
.bshare-custom{margin-top: 30px;}

/*产品中心列表*/
.pro-nav{text-align: center;margin-bottom: 50px;}
.pro-nav a{font-size: 14px;color: #666;display: inline-block;padding: 0 30px;height: 38px;line-height: 38px;background: #f3f3f3;margin: 15px 5px 0px;transition: all .3s;}
.pro-nav a.on,
.pro-nav a:hover{background: #6ed5b7;color: #fff;}

/*产品详情*/
.pro-main{}
.prophoto{width: 520px;}
.pro-mainr{width: 630px;}
.pro-mainr h1{font-size: 30px;color: #333;line-height: 34px;margin-bottom: 15px;}
.pro-mainr h2{font-size: 16px;color: #6ed5b7;line-height: 22px;}
.pro-mainr .ingo{padding: 30px 30px 15px;background: #f8f8f8;margin-top: 30px;min-height: 420px;margin-bottom: 25px;}
.pro-mainr .ingo p{font-size: 12px;color: #777;line-height: 16px;margin-bottom: 15px;}
.download-btn{font-size: 18px;width: 200px;text-align: center;height: 45px;line-height: 45px;color: #fff;background: #6ed5b7;border: none;cursor: pointer;}
.download-btn img{margin-right: 10px;}
.download-btn:hover{background: #5bbea1;}

.product-info{padding: 30px;border: solid 1px #eee;margin-top: 35px;}
.product-info .hd{}
.product-info .hd ul{border-bottom:1px solid #eee;position:relative; }
.product-info .hd ul li{ float:left;cursor:pointer;padding-bottom: 15px;border-bottom: solid 2px transparent;font-size: 22px;margin-right: 50px;margin-bottom: -1px;}
.product-info .hd ul li.on{border-bottom: solid 2px #6ed5b7;color: #6ed5b7;}
.product-info .bd{margin: 50px 0;}
.product-info .bd .product-cart{padding: 0 15px;font-size: 12px;color: #666;line-height: 24px;}
.product-info .bd .product-cart p{font-size: 12px;color: #666;line-height: 24px;}

/*搜索结果页*/
.search-top{border-bottom: solid 1px #ddd;padding-bottom: 15px;}
.search-main{width: 560px;display: block;margin: 0 auto;}
.search-main .text{width: 500px;border: solid 1px #6ed5b7;padding: 10px 15px;font-size: 14px;line-height: 22px;}
.search-main .but{width: 60px;height: 44px;border: none;background: #6ed5b7 url(../images/searchicon.png) no-repeat center center;background-size: 26px; overflow: hidden;cursor: pointer;}
.search-top h3{margin-top: 20px;font-size: 14px;color: #999;text-align: center;}
.search-top h3 span{color: #6ed5b7;}

.search-ul{margin: 15px 0px;}
.search-ul li{display: block;width: 100%;border-bottom: dashed 1px #eee;padding: 30px 0px;}
.search-ul li .img{width: 200px;overflow: hidden;}
.search-ul li .img a{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;padding-bottom:60%;background-size: cover;}
.search-ul li .info{width: 970px;}
.search-ul li .info h2{font-size: 18px;color: #333;line-height: 40px;}
.search-ul li .info p{font-size: 14px;color: #999;line-height: 30px;margin-top: 10px;height: 56px;overflow: hidden;}
.search-ul li .info a:hover{color: #6ed5b7;}