@charset "utf-8";


html{font-size:100px;}
.main-width{width:83.33333vw;margin:0 auto;}
.m-Top{margin-top:6.8vw;}
.other-banner img{width:100%;height:auto;}
.other-banner.mob{display:none;}
.bread{display:none;}


.header{position:fixed;left:0;top:0;width:100vw;height:6.8vw;background-color:#fafafa;box-shadow:0 0 5px #999;z-index:9999;transition:all .5s;background:url("/images/head-img.png");background-size:100%;}
.header .logo{position:absolute;left:50%;top:50%;width:11.66666vw;height:1.71875vw;margin:-0.859375vw 0 0 -5.83333vw;transition:all .5s;opacity:0;}
.header .logo .pic{height:2vw;text-align:center;}
.header .logo .pic img{width:auto;height:100%;}
.header .logo .phone-menu{display:none;position:absolute;top:18px;left:3.125vw;width:28px;height:18px;cursor:pointer;}
.header .logo .phone-menu span{display:block;width:28px;height:2px;background-color:#333;border-radius:1px;-moz-transform-origin:9.5% 50%;-webkit-transform-origin:9.5% 50%;-o-transform-origin:9.5% 50%;transition:all .3s;}
.header .logo .phone-menu .b1,.header .logo .phone-menu .b2{margin-bottom:6px;}
.header .logo .lang{display:none;}
.header .nav{}
.header .nav .left{float:left;margin-left:-1.25vw;}
.header .nav .left > li{margin-right:3.125vw;}
.header .nav .right{float:right;margin-right:0vw;}
.header .nav .right > li{margin-left:3.125vw;}
.header .nav .one > li{float:left;line-height:1.8vw;font-size:0.9375vw;font-family:"Montserrat-Regular";transition:all .5s;margin:4vw 1.25vw;border-radius:1vw;padding:0 0.6125vw;margin-bottom:0vw;}
.header .nav  .left > li{margin:4vw 1.65vw;margin-bottom:0;}
.header .nav  .right > li{margin:4vw 0.8vw;margin-bottom:0;}
.header .nav .one > li.active{background:-webkit-linear-gradient(left,#7dc02c,#1fa943);color:white;}
.header .nav .one > li.active a{color:white;}
.header .nav .one > li a{}
.header .nav .one > li.search{width:1.5625vw;height:1.5625vw;margin-top:1.75vw;position:absolute;right:13%;}
.header .nav .one > li.lang{position:absolute;right:8%;top:0;margin-top:1.75vw;}
.header .nav .one > li.search .box{position:relative;float:right;width:1.5625vw;height:1.5625vw;}
.header .nav .one > li.search .box .text{display:none;float:right;width:100%;height:1.5625vw;padding:0 1.5625vw 0 0.4vw;vertical-align:top;box-sizing:border-box;background:none;border:1px solid #666;color:#333;border-radius:0.78125vw;}
.header .nav .one > li.search .box .btn,.header .nav .one > li.search .box .sub{position:absolute;right:0.25vw;top:0.25vw;width:1vw;height:1.075vw;cursor:pointer;background:url(/images/search.png) no-repeat;background-size:100% 100%;}
.header .nav .one > li.search .box .sub{display:none;}
.header .lang{width:3.64583vw;height:1.5625vw;margin-top:1.81875vw;margin-left:2.08333vw;}
.header .lang p{width:3.64583vw;height:1.5625vw;line-height:1.5625vw;background-color:#2da832;border-radius:0.78125vw;color:#fff;font-size:0.729vw;font-family:"Montserrat-Light";text-align:center;cursor:pointer;}
.header .lang p .i{display:inline-block;vertical-align:middle;width:0.52vw;height:0.52vw;margin:-0.2vw 0 0 0.2vw;position:relative;}
.header .lang p .i i{width:100%;height:1px;background:white;margin-bottom:0.2vw;display:block;}
/*.header.flow{height:3.5vw;background:white;}
.header.flow .nav .one > li{margin:0.75vw 0.75vw;margin-top:0.75vw;}
.header.flow .nav .one > li.search{margin-top:0.78125vw;}
.header.flow .nav .right{margin-right:4%;}
.header.flow .nav .left{margin-left:7.5vw;}
.header.flow .logo{opacity:1;}
.header.flow .nav .one > li.lang{margin-top:0.78125vw;}*/


.header.active .logo .phone-menu .b1{transform:rotate(45deg);}
.header.active .logo .phone-menu .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.header.active .logo .phone-menu .b3{transform:rotate(-45deg);}


.header-title{width:40px;position:fixed;right:10px;top:calc(50% - 84px);z-index:-1;opacity:0;transition:all .5s;}
.header-title.on{z-index:99999;opacity:1;}
.header-title li{width:100%;float:left;height:40px;margin-bottom:2px;background:#444444;cursor:pointer;position:relative;}
.header-title li a{width:100%;height:100%;}
.header-title li:hover{background:#2da832;}
.header-title .a1 i{width:20px;height:20px;background:url(/images/header-a1.png);background-size:100%;position:absolute;top:10px;left:10px;}
.header-title .a2 i{width:20px;height:15px;background:url(/images/header-a2.png);background-size:100%;position:absolute;top:13px;left:10px;}
.header-title .a3 i{width:20px;height:17px;background:url(/images/header-a3.png);background-size:100%;position:absolute;top:12.5px;left:10px;}
.header-title .a4 i{width:20px;height:10px;background:url(/images/header-a4.png);background-size:100%;position:absolute;top:15px;left:10px;}
.header-title li div{display:none;line-height:40px;background:#444444;min-width:180px;text-align:center;position:absolute; top:0; left:-210px;color:white;font-size:16px;transition:all .5s;overflow:hidden; margin:0 10px;}
.header-title li:hover div{display:block;}


.footer{padding:3.64583vw 0 2vw;background:url(/images/footer-bg.jpg) no-repeat;background-size:100% 100%;overflow:hidden;}
.footer a{color:#fff;}
.footer h3{line-height:1.3vw;margin-bottom:1.3vw;font-size:1.2vw;font-family:"Montserrat-Regular";color:#fff;}
.footer li{line-height:1.04vw;margin-bottom:0.52vw;font-size:0.9375vw;}
.footer .funcbox{float:left;color:#fff;margin-right:2.5vw;max-width:17.2vw;}
.footer .contact{margin-right:0;}
.footer .contact li{position:relative;padding-left:3.5vw;}
.footer .contact li a{text-decoration:underline;}
.footer .contact li span{position:absolute;left:0;top:0;}
.footer .contact li p{line-height:1.30208vw;}
.footer .intbox{float:right;width:16.14583vw;}
.footer .intbox .box{position:relative;height:2.083vw;}
.footer .intbox .box input[type="text"]{width:100%;height:2.083vw;line-height:2.08vw;padding:0 2.6vw 0 0.52vw;font-size:0.9375vw;;border:1px solid #fff;box-sizing:border-box;background:none;color:#fff;}
.footer .intbox .box input[type="text"]::placeholder{color:white;}
.footer .intbox .box .button{position:absolute;right:0;top:0;width:2.6vw;height:2.083vw;background:url(/images/input-arrow.png) no-repeat;background-size:100% 100%;cursor:pointer;}
.footer .intbox .box .button.load{background:url(/images/loadinglit.gif) no-repeat;background-size:80% 80%;background-position:center;}
.footer .intbox .sns{overflow:hidden;margin-top:1vw;}
.footer .intbox .sns a{display:block;width:30px;height:30px;margin-right:10px;float:left;border-radius:30px;border:solid 1px white;position:relative;}
.footer .intbox .sns a i{font-size:0;}
.footer .intbox .sns a:hover{background:#009909;border:solid 1px #009909;}
.footer .intbox .sns .twitter i{width:15px;height:13px;position:absolute;top:9.5px;left:8.5px;background:url(/images/footer-twitter.png);}
.footer .intbox .sns .facebook i{width:7px;height:13px;position:absolute;top:8.5px;left:11.5px;background:url(/images/footer-facebook.png);}
.footer .intbox .sns .youtube i{width:16px;height:12px;position:absolute;top:9px;left:7px;background:url(/images/footer-youtube.png);}
.footer .intbox .sns .instagram i{width:14px;height:14px;position:absolute;top:8px;left:8px;background:url(/images/footer-instagram.png);}


.playbox .vbox{position:relative;width:100%;height:100%;background-color:#000;background-image:url(/images/loadinglit.gif);background-repeat:no-repeat;background-position:center;}
.playbox .vbox .close{position:absolute;top:0;right:-30px;width:30px;height:30px;background-image:url(/images/close.png);background-size:100% 100%;cursor:pointer;}
.playbox .vbox iframe{width:100%;height:100%;box-sizing:border-box;border:none;}
.playbox.over{position:static;}
.playbox.over .vbox{position:fixed;bottom:2vw;right:2vw;width:16vw;height:9vw;z-index:99;}


.copy-right{overflow:hidden;background:url(/images/footer-bg.jpg) no-repeat;background-size:100% 100%;}
.copy-right .main-width{padding:1.4583vw 0;border-top:1px solid #4d962d;}
.copy-right .store{float:right;}
.copy-right .store img{width:auto;height:1.979vw;margin-left:0.52vw;}
.copy-right span{line-height:1.979vw;color:#fff;font-size:0.73vw;}

.back{font-family:"Montserrat-Light";}


.titlename{display:none;}
.page{padding-top:2vw;text-align:center;clear:both;}
.page .back{display:block;width:7.8125vw;line-height:2.1vw;margin:2vw auto 0;text-align:right;color:white;font-size:0.9375vw;border:none;background:-webkit-linear-gradient(left,#83c22d,#22aa3e);cursor:pointer;box-shadow:0 0 1vw #a6a4a4;}
.page .back i{width:1.1458333vw;height:0.885416vw;background:url(/images/news/return.png);background-size:100%;float:right;margin-top:0.5vw;margin-right:1vw;margin-left:0.7vw;}
.page ul{display:inline-block;vertical-align:top;}
.page ul li{display:inline-block;margin:0 4px;vertical-align:top;}
.page ul li a{display:block;line-height:36px;padding:0 14px;background-color:#ccc;}
.page ul li.thisclass a{background:-webkit-linear-gradient(left,#7dc02c,#1fa943);color:#fff;}
.page ul li a:hover{background:-webkit-linear-gradient(left,#7dc02c,#1fa943);color:#fff;}
.page .jump{display:inline-block;line-height:36px;font-size:14px;margin-left:10px;vertical-align:top;}
.page .jump input{width:50px;height:36px;line-height:34px;margin:0 5px;text-align:center;border:1px solid #ccc;box-sizing:border-box;vertical-align:top;}
.page .jump a{display:inline-block;height:36px;padding:0 10px;margin-left:5px;border:none;background-color:#ccc;vertical-align:top;cursor:pointer;}
.page .jump a:hover{background:-webkit-linear-gradient(left,#7dc02c,#1fa943);color:#fff;}
.page .jump.none{display:none;}


.index-main h2{line-height:2.4vw;font-size:2.4vw;font-family:"Montserrat-Bold";text-transform:uppercase;}
.index-main h2 span{color:#2da832;}

.index-main .slidebox{width:100%;position:relative;z-index:99;overflow:hidden;}
.index-main .slidebox .slideshow{width:100%;margin:0 auto;overflow:hidden;position:relative;}
.index-main .slidebox .slideshow ul{position:relative;width:4000%;overflow:hidden;}
.index-main .slidebox .slideshow ul li{float:left;}
.index-main .slidebox .slideshow ul li img{width:100%;height:auto;}
.index-main .slidebox .slidelist{position:absolute;left:0;bottom:0;width:100vw;height:2.6vw;text-align:center;background:#00000038;}
.index-main .slidebox .slidelist ul{display:inline-block;*display:inline;*zoom:1;margin-top:0.883335vw;}
.index-main .slidebox .slidelist ul li{float:left;width:0.83333vw;height:0.83333vw;margin:0 0.83333vw;background-color:#fff;border-radius:50%;cursor:pointer;}
.index-main .slidebox .slidelist ul li.active{background-color:#2da832;}
.index-main .slidebox .item-btn{position:absolute;width:52px;height:52px;top:50%;margin-top:-26px;background:url(/images/all-icon.png) no-repeat;cursor:pointer;}
.index-main .slidebox .prev{left:0;background-position:-5px -5px;}
.index-main .slidebox .next{right:0;background-position:-57px -5px;}
.index-main .slidemob{display:none;width:100%;position:relative;z-index:99;overflow:hidden;}
.index-main .slidemob .slide-pic{width:100%;margin:0 auto;overflow:hidden;position:relative;}
.index-main .slidemob .slide-pic ul{position:relative;width:4000%;overflow:hidden;}
.index-main .slidemob .slide-pic ul li{float:left;width:100vw;}
.index-main .slidemob .slide-pic ul li img{width:100%;height:auto;}
.index-main .slidemob .slide-dot{position:absolute;left:0;bottom:0;width:100vw;height:2.6vw;text-align:center;background:#00000038;}
.index-main .slidemob .slide-dot ul{display:inline-block;*display:inline;*zoom:1;margin-top:0.883335vw;}
.index-main .slidemob .slide-dot ul li{float:left;width:0.83333vw;height:0.83333vw;margin:0 0.83333vw;background-color:#fff;border-radius:50%;cursor:pointer;}
.index-main .slidemob .slide-dot ul li.active{background-color:#2da832;}

.index-products{padding:3.64583vw 0;background-color:white;overflow:hidden;position:relative;}
.index-products .tit{margin-bottom:2.34375vw;text-align:center;}
.index-products .tit h2{position:relative;display:inline-block;*display:inline;*zoom:1;margin-bottom:0.78125vw;}


.index-products .tit h2:before{content:"";position:absolute;left:-3.3854vw;top:0.3vw;width:2.5vw;height:1.35416vw;background:url(/images/tit-icon-01.png) no-repeat;background-size:100% 100%;}
.index-products .tit h2:after{content:"";position:absolute;right:-3.3854vw;top:0.3vw;width:2.5vw;height:1.35416vw;background:url(/images/tit-icon-02.png) no-repeat;background-size:100% 100%;}
.index-products .tit p{line-height:1.30208vw;font-size:0.83333vw;}
.index-products .button,.index-news .button{width:6.5vw;height:1.823vw;line-height:1.823vw;text-align:center;font-size:0.73vw;transition:all .5s;box-sizing:border-box;border:solid 0.05vw #cfcfcf;cursor:pointer;position:relative;top:-4vw;float:right;}
.index-products .button:hover a,.index-news .button:hover a{color:#2da832;}
.index-products .button:hover,.index-news .button:hover{border:solid 0.05vw #2da832;}
.index-products .cont{overflow:hidden;float:left;}
.index-products .cont ul{width:100%;}
.index-products .cont li{position:relative;float:left;width:16.08333269vw;margin-right:0.58333331vw;cursor:pointer;}
.index-products .cont li .bg img{width:100%;height:auto;}
.index-products .cont li .pic{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.index-products .cont li .pic img{position:absolute;left:0;top:0;width:100%;height:auto;}
.index-products .cont li .pic .on{top:0 !important;width:100%;height:auto;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;}
.index-products .cont li .text{position:absolute;left:13%;top:60%;width:80%;z-index:3;}
.index-products .cont li.on .text{top:10%;}
.index-products .cont li:nth-child(2n+1) .pic img{top:initial;bottom:0.365vw;}
.index-products .cont li:nth-child(2n+1) .text{top:10%;}
.index-products .cont li .text h3{position:relative;line-height:1.30208vw;margin-bottom:0.6vw;font-size:1vw;transition:all .5s;font-family:"Montserrat-Regular";}
.index-products .cont li .text h3:before{content:"";position:absolute;left:-1.04166vw;top:0.052085vw;width:0.41666vw;height:1.04166vw;background:url(/images/green-bg.jpg) no-repeat;background-size:100% 100%;}
.index-products .cont li .text a{display:block;width:6.5vw;height:1.823vw;margin-top:1.5625vw;line-height:1.823vw;text-align:center;background-color:#50545a;color:#fff;font-size:0.73vw;transition:all .5s;}
.index-products .cont li.big{width:41.14583vw;}
.index-products .cont li.big .text{left:3.5vw;top:2.60416vw;z-index:2;}
.index-products .cont li.big .text h3{font-family:"Montserrat-Bold";}
.index-products .cont li.big .text p{line-height:1.14583vw;font-size:0.78125vw;transition:all .5s;}
.index-products .cont li.big:after{display:none;}
.index-products .cont li:hover .pic .on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.index-products .cont li .text p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:0.83vw;line-height:1.2vw;}
.index-products .cont li:hover .text h3{color:#fff;text-shadow:2px 2px 3px #000;}
.index-products .cont li:hover .text p{color:#fff;text-shadow:2px 2px 3px #000;}
.index-products .cont li:hover .text a{background-color:#2da832;}


.index-products .next,.index-products .pre{position:absolute;width:0.9375vw;height:1.510416vw;background-size:100%;top:21vw;cursor:pointer;}
.index-products .next{background-image:url(/images/about/next.png);left:-2.5vw;}
.index-products .pre{background-image:url(/images/about/pre.png);right:-2vw;}
.index-products .next:hover{background-image:url(/images/about/next-on.png);}
.index-products .pre:hover{background-image:url(/images/about/pre-on.png);}


.index-about .video{position:relative;height:28.9vw;padding-top:3.64583vw;background:#f0fbff url(/images/index-about-bg.png) no-repeat center bottom;background-size:100% auto;}
.index-about .video i{display:block;width:6.77083vw;height:5.10416vw;margin:3.3854vw auto 0;background:url(/images/play-icon.png) no-repeat;background-size:100% 100%;cursor:pointer;}
.index-about .video .playbox{display:none;position:absolute;width:32vw;height:18vw;left:50%;top:2.5vw;margin-left:-16vw;}
.index-about .video .playbox.on{display:block;}
.index-about .text{position:relative;height:18.23vw;padding-top:3.125vw;margin-top:-9.115vw;background:url(/images/index-about-text-bg.jpg) no-repeat;background-size:100% 100%;text-align:center;box-sizing:border-box;}
.index-about .text i{position:absolute;left:50%;top:2.34375vw;line-height:3.64583vw;margin-left:-14.3229vw;font-size:5.20833vw;font-family:"Montserrat-Bold";text-transform:uppercase;color:#fff;filter:alpha(opacity=10);-moz-opacity:.1;-khtml-opacity:.1;opacity:.1;}
.index-about .text h2{margin-bottom:2vw;color:#fff;}
.index-about .text p{line-height:1.3vw;font-size:0.9375vw;color:#fff;}
.index-about .text a{display:block;width:5.2vw;margin:1.5625vw auto 0;color:#fff;font-size:0.78125vw;}
.index-about .text .tinfo{padding:0 3vw;line-height:1.3vw;font-size:0.9375vw;color:#fff;}



.index-project{padding:3.64583vw 0;background-color:white;overflow:hidden;}
.index-project .tit{margin-bottom:2.34375vw;text-align:center;}
.index-project .tit h2{position:relative;display:inline-block;*display:inline;*zoom:1;margin-bottom:0.78125vw;}



.index-project .tit h2:before{content:"";position:absolute;left:-3.3854vw;top:0.3vw;width:2.5vw;height:1.35416vw;background:url(/images/tit-icon-01.png) no-repeat;background-size:100% 100%;}
.index-project .tit h2:after{content:"";position:absolute;right:-3.3854vw;top:0.3vw;width:2.5vw;height:1.35416vw;background:url(/images/tit-icon-01.png) no-repeat;background-size:100% 100%;}
.index-project .button{width:6.5vw;height:1.823vw;line-height:1.823vw;text-align:center;font-size:0.73vw;transition:all .5s;box-sizing:border-box;border:solid 0.05vw #cfcfcf;cursor:pointer;position:relative;top:-4vw;float:right;}
.index-project .button:hover a{color:#2da832;}
.index-project .button:hover{border:solid 0.05vw #2da832;}
.index-project ul{width:101.15%;margin-top:-1vw;float:left;}
.index-project li{width:23.85%;float:left;padding:1%;border:1px solid #d5d5d5;margin-right:1.15%;margin-bottom:1.15%;position:relative;cursor:pointer;box-sizing:border-box;transition:all .5s;}
.index-project li:hover .text{opacity:0.9;z-index:5;}
.index-project li .img{width:100%;height:0;padding-bottom:62%;overflow:hidden;}
.index-project li .img img{width:100%;height:auto;}
.index-project li .text{width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;padding:2.2vw 1.5vw 3.125vw;color:white;opacity:0;z-index:-1;background:-webkit-linear-gradient(top,#33ad4c,#86c741);transition:all .5s;}
.index-project li .text p{line-height:1.3vw;font-size:0.83vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;float:left;width:100%;}
.index-project li .text a{width:6.5vw;height:1.823vw;line-height:1.823vw;text-align:center;font-size:0.73vw;transition:all .5s;box-sizing:border-box;border:solid 0.05vw white;cursor:pointer;color:white;display:block;margin-top:2vw;float:left;}
.index-project li .text a:hover{color:#2da832;border:solid 0.05vw #2da832;}
.index-project li .data{display:none;}



.index-news{padding-bottom:4.6875vw;overflow:hidden;}
.index-news h2{margin-bottom:2.60416vw;text-align:center;}
.index-news ul{width:86.81vw;overflow:hidden;}
.index-news li{float:left;width:18.22916vw;margin-right:3.47222vw;overflow:hidden;}
.index-news li .pic{height:0;padding-bottom:64%;overflow:hidden;}
.index-news li .pic img{width:100%;height:auto;}
.index-news li .text{position:relative;padding:1.2vw 0 1.04vw;border-bottom:1px solid #dbdddf;}
.index-news li .text h3{height:2.08332vw;line-height:1.04166vw;font-size:0.73vw;overflow:hidden;text-overflow:ellipsis;display:overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-news li .text h3 a{transition:all .5s;}
.index-news li .text p{position:relative;height:1.3vw;line-height:1.3vw;font-size:0.73vw;font-family:"Montserrat-Light";font-style:italic;color:#999;}
.index-news li .text p a{position:absolute;right:0;top:0;width:1.5625vw;height:1.3vw;background:url(/images/index-news-arrow.png) no-repeat;background-size:100% 100%;transition:all .5s;}
.index-news li .text:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:0.5vw;transition:all .5s;opacity:0;background:white;}
.index-news li:hover .text h3 a{color:#2da832;}
.index-news li:hover .text p a{background:url(/images/index-news-arrow-on.png) no-repeat;background-size:100% 100%;}
.index-news li:hover .text:after{background:url(/images/index-products-line.jpg) no-repeat;opacity:1;background-size:100% 100%;}


.index-box.on{opacity:1;z-index:10000;}
.index-box{width:100%;height:100%;position:fixed;top:0;left:0;background:#00000066;z-index:-1;opacity:0;transition:all .5s;}
.index-box .box{width:800px;height:auto;position:absolute;top:50%;left:calc(50% - 400px);transform:translateY(-50%);border-radius:5px;background:white;box-sizing:border-box;padding:45px;}
.index-box .box .top{width:100%;height:20px;position:absolute;top:0;left:0;background:-webkit-linear-gradient(left,#33ad4c,#86c741); border-radius:5px 5px 0 0 ;}
.index-box .box h2{line-height:60px;text-align:center;color:#444444;font-size:30px;}
.index-box .box .text{padding:30px 0;margin-bottom:20px;border-top:solid 1px #e3e3e3;border-bottom:solid 1px #e3e3e3;overflow-y:hidden;}
.index-box .box .text p{font-size:16px;line-height:25px;color:#444444;}
.index-box .box .text .tbox{float:left;min-width:50%;}
.index-box .box .time{line-height:25px;font-size:16px;text-align:right;font-family:"Montserrat-Medium";}
.index-box .box .data{line-height:30px;font-size:14px;text-align:right;color:#444444;padding:10px 0;}
.index-box .box .return{position:absolute;top:30px;right:10px;width:35px;height:35px;cursor:pointer;background-image:url(/images/index4-return.png);background-size:100%;}



.other-banner{margin-top:6.25vw;}
.list-products{padding:3.64583vw 0 0.78vw;}
.list-products .item{padding-bottom:1.30208vw;margin-bottom:2.865vw;overflow:hidden;}
.list-products .item h2{line-height:3vw;font-size:0.9375vw;font-family:"Montserrat-Medium";color:white;float:left;padding:0 2vw;background:-webkit-linear-gradient(right,#33ad4c,#86c741);border-radius:0.5vw 0.5vw 0 0;text-align:center;}
.list-products .item ul{width:85.94vw;float:left;border-top:1px solid #dddddd;}
.list-products .item li{float:left;width:14.58333vw;margin:0 2.60416vw 1.30208vw 0;text-align:center;margin-top:2vw;}
.list-products .item li .pic{height:0;padding-bottom:64.2857%;overflow:hidden;}
.list-products .item li img{width:100%;height:auto;}
.list-products .item li p{line-height:1.30208vw;margin-top:0.78vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.list-products-son{padding-bottom:3.125vw;overflow:hidden;}
.list-products-son h1{line-height:2vw;font-size:1.2vw;padding:2.5vw 0;}
.list-products-son .head{padding-top:3.125vw;width:100%;box-shadow:0 0 1vw #e3e3e3;border-bottom:solid 0.075vw #c0c0c0;overflow:hidden;}
.list-products-son .head li{position:relative;width:10.5vw;height:2.8645vw;text-align:center;background:-webkit-linear-gradient(top,#f3f3f3,#d3d3d3);border-radius:0.5vw 0.5vw 0 0;border:solid 0.075vw #c0c0c0;float:left;margin-right:0.25vw;cursor:pointer;transition:all .5s;box-sizing:border-box;overflow:hidden;padding:0 0.5vw;margin-top:0.25vw;}
.list-products-son .head li a{display:block;position:absolute;left:0;top:50%;width:100%;line-height:1vw;padding:1vw 0;color:#333333;font-size:0.8333vw;transform:translateY(-50%);}
.list-products-son .head li:hover,.list-products-son .head li.active{background: -webkit-linear-gradient(left,#83c22d,#22aa3e);}
.list-products-son .head li:hover a,.list-products-son .head li.active a{color:white;}
.list-products-son .title{width:100%;float:left;margin:2.5vw 0;border:solid 0.05vw #f3f3f3;box-sizing:border-box;}


.list-products-son .title li .species-box i{display:none;position:absolute;right:0.7vw;bottom:0.7vw;height:1.6vw;line-height:1.6vw;padding:0 1vw;font-size:0.73vw;background-color:#eee;color:#666;cursor:pointer;}
.list-products-son .title li .species-box i:hover{background-color:#078f0c;color:#fff;}
.list-products-son .title li.fold .species-box i{display:block;}
.list-products-son .title li.open{max-height:none;}


.list-products-son .title li{position:relative;width:100%;max-height:6vw;float:left;border-bottom:solid 0.05vw #dddddd6e;transition:all .5s;box-sizing:border-box;overflow:hidden;}
.list-products-son .title li .species-tit{width:10%;text-align:left;float:left;background:#f9f9f9;}
.list-products-son .title li .species-tit h4{line-height:3vw;font-size:0.9375vw;padding-left:1vw;background:#f9f9f9;color:#999;}
.list-products-son .title li .species-tit h4:after{content:":";line-height:2vw;font-size:0.9375vw;}
.list-products-son .title li .species-box{width:87.5%;padding-right:5%;float:left;margin-left:2.5%;box-sizing:border-box;}
.list-products-son .title li .species-box a,.list-products-son .title li .species-box span{padding:0 1vw;margin:0 1vw;float:left;line-height:3vw;font-size:0.9375vw;}
.list-products-son .title li .species-box a.a2{line-height:1.5vw;padding-top:0.5vw;}
.list-products-son .title li .species-box span{color:#078f0c;}
.list-products-son .title li .species-box p{display:none;}
.list-products-son .title li .species-box a:hover,.list-products-son .title li .species-box a.main{color:#078f0c;}
.list-products-son .list{overflow:hidden;float:left;width:100%;}
.list-products-son .list > ul{width:101.875%;}
.list-products-son .list > ul > li{float:left;width:48.1595%;padding:2.08333vw;margin:0 1.8405% 1.8405% 0;border:1px solid #e3e3e3;box-sizing:border-box;overflow:hidden;transition:all .5s;}
.list-products-son .list > ul > li .pic{position:relative;;float:left;width:41.13475%;height:0;padding-bottom:41.13475%;overflow:hidden;}
.list-products-son .list > ul > li .pic img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);}
.list-products-son .list > ul > li .text{float:right;width:51.0638%;padding-top:0.52vw;}
.list-products-son .list > ul > li .text h3{line-height:1.3vw;margin-bottom:0.8vw;font-size:0.9375vw;font-family:"Montserrat-Medium";overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-products-son .list > ul > li .text p{line-height:1.3vw;font-size:0.83vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
.list-products-son .list > ul > li .text ul{height:6.5104vw;overflow:hidden;}
.list-products-son .list > ul > li .text li{line-height:1.30208vw;font-size:0.78125vw;}
.list-products-son .list > ul > li .text .more{display:block;width:6.5vw;height:1.823vw;line-height:1.823vw;margin-top:1.3vw;text-align:center;background-color:#555;color:#fff;font-size:0.73vw;transition:all .5s;overflow:hidden;}
.list-products-son .list > ul > li .text .more i{display:inline-block;transform:translate(0.26vw,-0.052vw) scale(0.8,1.6);vertical-align:top;}
.list-products-son .list > ul > li:hover{border-color:#29a737;}
.list-products-son .list > ul > li:hover .text .more{background-color:#29a737;}



.pro-cly{height:3.125vw;margin-bottom:1.823vw;background-color:#29a737;}
.pro-cly li{position:relative;float:left;width:18.125%;line-height:3.125vw;text-align:center;font-size:0.9375vw;}
.pro-cly li a{display:block;color:#fff;}
.pro-cly li.active{background-color:#107308;}
.pro-cly li:after{content:"";position:absolute;right:0;top:;width:1px;height:0.83333vw;background:rgba(255,255,255,0.5);}


.main-products{padding:3.64583vw 0;margin-top:8vw;}
.main-products.a1{margin-top:0;}
.main-products h1{line-height:1.5625vw;margin-bottom:1.04166vw;font-size:1.14583vw;font-family:"Montserrat-Medium";}
.main-products h2{line-height:1.5625vw;margin-bottom:1.04166vw;font-size:1.14583vw;font-family:"Montserrat-Medium";}
.main-products hr{border:none;border-top:1px solid #dbdddf;margin-bottom:1.04166vw;}
.main-products section ul{margin-top:2vw;width:101.5625%;overflow:hidden;}
.main-products section ul li{width:23.4375%;height:0;padding-bottom:23.4375%;float:left;margin-right:1.5625%;margin-bottom:4vw;overflow:hidden;}
.main-products section ul li img{width:100% !important;height:auto !important;}
.main-products p{line-height:1.5vw;font-size:0.9375vw;}
.main-products table{width:100%;min-width:100%;margin-bottom:1.5vw;}
.main-products table th,.main-products table td{line-height:1.3vw;padding:0.8vw 0.5vw;border:1px solid #dbdddf;font-size:0.9375vw;}
.main-products table th{background-color:#f8f8f8;}
.main-products table td{text-align:center;}
.main-products section,.main-products .part{margin-bottom:2.6vw;}
.main-products .overview{margin-bottom:3.64583vw;overflow:hidden;}
.main-products .overview .slide-pro{float:right;width:32.291666vw;}
.main-products .overview .slide-pic{width:100%;height:0;padding-bottom:80.645166%;margin-bottom:0.78125vw;background-color:#f1f1f1;overflow:hidden;}
.main-products .overview .slide-pic img{width:100%;height:auto;}
.main-products .overview .slide-dot{position:relative;margin-bottom:2.35vw;}
.main-products .overview .slide-dot .pos{width:24.21875vw;margin:0 auto;overflow:hidden;}
.main-products .overview .slide-dot .pos ul{width:1000%}
.main-products .overview .slide-dot .pos li{float:left;width:7.55208vw;margin-right:0.78125vw;border:1px solid #e3e3e3;box-sizing:border-box;cursor:pointer;overflow:hidden;}
.main-products .overview .slide-dot .pos li img{width:100%;height:auto;}
.main-products .overview .slide-dot .pos li.active{border-color:#29a737;}
.main-products .overview .slide-dot .btn{position:absolute;top:50%;width:0.625vw;height:1.1979vw;margin-top:-0.59895vw;background-size:100% 100%;cursor:pointer;}
.main-products .overview .slide-dot .prev{left:0;background-image:url(/images/products/btn-prev.png);}
.main-products .overview .slide-dot .next{right:0;background-image:url(/images/products/btn-next.png);}
.main-products .overview .slide-dot .prev:hover{background-image:url(/images/products/btn-prev-on.png);}
.main-products .overview .slide-dot .next:hover{background-image:url(/images/products/btn-next-on.png);}
.main-products .overview .func{overflow:hidden;font-size:0;}
.main-products .overview .func .mall-btn{float:left;}
.main-products .overview .func .mall-btn img{width:6.5104vw;height:2.86458vw;margin-right:0.625vw;border-radius:0.26vw;}
.main-products .overview .func .sns{float:right;overflow:hidden;padding-top:0.78125vw;}
.main-products .overview .func .sns a{float:left;display:block;width:1.25vw;height:1.25vw;margin-left:0.41666vw;background-size:100% 100%;}
.main-products .overview .func .sns .facebook{background-image:url(/images/products/sns-facebook.png);}
.main-products .overview .func .sns .twitter{background-image:url(/images/products/sns-twitter.png);}
.main-products .overview .func .sns .google{background-image:url(/images/products/sns-google.png);}
.main-products .overview .func .sns .linkedin{background-image:url(/images/products/sns-linkedin.png);}
.main-products .overview .text{float:left;width:45.83333vw;}
.main-products .overview .text .overpar{margin-bottom:2vw;padding:0.52vw 0;overflow:hidden;}
.main-products .overview .text .overpar ul{width:111.363636%;}
.main-products .overview .text .overpar li{position:relative;float:left;width:39.7959%;line-height:1.5vw;padding-left:0.78125vw;margin-right:10.2041%;margin-bottom:0.78125vw;font-size:0.9375vw;box-sizing:border-box;}
.main-products .overview .text .overpar li:after{content:"";position:absolute;left:0;top:0.6vw;width:0.3125vw;height:0.3125vw;margin-top:-0.15625vw;background-color:#29a737;border-radius:50%;}
.main-products .centerbox{text-align:center;}
.main-products .back{width:7.8125vw;line-height:2.1vw;text-align:right;color:white;font-size:0.9375vw;border:none;background:-webkit-linear-gradient(left,#83c22d,#22aa3e);cursor:pointer;margin-top:-0.25vw;box-shadow:0 0 1vw #a6a4a4;}
.main-products .back i{width:1.1458333vw;height:0.885416vw;background:url(/images/news/return.png);background-size:100%;float:right;margin-top:0.5vw;margin-right:1vw;margin-left:0.7vw;}








.main-products .flow-menu{height:3.125vw;margin-bottom:2.6vw;}
.main-products .flow-menu ul{width:83.33333vw;overflow:hidden;border-bottom:solid 0.05vw #e2e2e2;}
.main-products .flow-menu li{position:relative;float:left;width:11.71875vw;height:3.125vw;font-size:0.9375vw;box-sizing:border-box;text-align:center;cursor:pointer;margin-right:0.2vw;background-color:#e8e8e8;border:solid 0.05vw #e2e2e2;}
.main-products .flow-menu li span{position:absolute;left:5%;top:50%;width:90%;line-height:1.04166vw;transform:translateY(-50%);font-family:"Montserrat-Regular";color:#333;}
.main-products .flow-menu li.active,.main-products .flow-menu li:hover{background:-webkit-linear-gradient(left,#7dc02c,#1fa943);border-color:#29a737;}
.main-products .flow-menu li.active span,.main-products .flow-menu li:hover span{color:white;}
/*.main-products .flow-menu.fixed ul{position:fixed;top:6.8vw;z-index:100;}*/







.products-index-1{background:#f1f1f1;width:100%;box-sizing:border-box;padding:2.5vw 0;overflow:hidden;position:relative;}
.products-index-1 .main{width:calc(100% - 5vw);float:left;position:relative;overflow:hidden;box-sizing:border-box;margin:0 2.5vw;}
.products-index-1 h2{line-height:1.5625vw;margin-bottom:1.04166vw;font-size:1.14583vw;font-family:"Montserrat-Medium";}
.products-index-1 .main ul{padding-top:1vw;}
.products-index-1 .main li{width:15vw;float:left;margin-right:1.2vw;box-sizing:border-box;cursor:pointer;}
.products-index-1 .main li .img{width:100%;height:0;padding-bottom:99%;box-sizing:border-box;border:solid 1px #ffffff;float:left;margin-top:0.1vw;overflow:hidden;}
.products-index-1 .main li .img img{width:100%;height:auto;}
.products-index-1 .main li h4{text-align:center;width:100%;float:left;line-height:1.2vw;font-size:0.9375vw;color:#333333;margin:1vw 0;}
.products-index-1 .main li:hover .img,.products-index-1 .main li.active .img{border:solid 1px #29a737;}
.products-index-1 .main li:hover h4,.products-index-1 .main li.active h4{color:#29a737;}
.products-index-1 .next,.products-index-1 .pre{position:absolute;width:0.9375vw;height:1.510416vw;background-size:100%;top:8.5vw;cursor:pointer;}
.products-index-1 .next{background-image:url(/images/about/next.png);left:0vw;}
.products-index-1 .pre{background-image:url(/images/about/pre.png);right:-1.5vw;}
.products-index-1 .next:hover{background-image:url(/images/about/next-on.png);}
.products-index-1 .pre:hover{background-image:url(/images/about/pre-on.png);}








/*联系我们页面-周琳恒*/







.main-contact{width:100%;overflow:hidden;}
.main-contact .banner{width:100%;float:left;}
.main-contact .banner img{width:100%;}
.main-contact .index{width:100%;float:left;margin-top:4.0625vw;overflow:hidden;}
.main-contact .index .left{width:100%;float:left;}
.main-contact .index .left h2{color:#333333;line-height:3vw;font-size:1.822916vw;padding-bottom:2vw;overflow:hidden;}
.main-contact .index .left .ul{width:100%;border-top:solid 0.05vw #e3e3e3;float:left;}
.main-contact .index .left .ul .li{width:100%;float:left;position:relative;padding:1vw 0;border-bottom:solid 0.05vw #e3e3e3;}
.main-contact .index .left .ul .li img {width:1.5625vw;height:1.5625vw;float:left;margin-right:1.5vw;}
.main-contact .index .left .ul .li p{float:left;line-height:1.5625vw;font-size:0.9375vw;font-weight:bold;color:#333333;margin-right:1.75vw;}
.main-contact .index .left .ul .li span{display:block;float:left;line-height:1.5625vw;color:#666666;font-size:0.9375vw;}
.main-contact .index .left .ul.a1 .li span{width:100%;box-sizing:border-box;padding-left:3.0625vw;}
.main-contact .index .right{width:100%;float:left;box-shadow:-1vw 0vw 1vw #e4e3e3;box-sizing:border-box;padding-bottom:4vw;margin-top:5vw;margin-bottom:1vw;}
.main-contact .index .right h2{color:#333333;line-height:7vw;font-size:1.822916vw;/* padding-bottom:2vw; */overflow:hidden;}
.main-contact .index .right .form{width:100%;float:left;overflow-x:hidden;}
.main-contact .index .right .form input{width:100%;line-height:3.125vw;font-size:0.9375vw;color:#666666;padding:0 2.5%;box-sizing:border-box;background:#f9f9f9;border:solid 0.05vw #e3e3e3;margin-bottom:1.25vw;float:left;}
.main-contact .index .right .form .input1{width:49%;float:left;}
.main-contact .index .right .form textarea{width:49%;line-height:1.75vw;font-size:0.83vw;color:#666666;padding:1vw 2.5%;box-sizing:border-box;background:#f9f9f9;border:solid 0.05vw #e3e3e3;margin-bottom:1.5vw;padding-right:2.5%;height:12.25vw;margin-left:2%;}
.main-contact .index .right .form .button{width:8.3333vw;line-height:2.6041666vw;text-align:center;color:white;font-size:1vw;border:none;background:#29a737;border-radius:2.6041666vw;cursor:pointer;margin-left:calc(50% - 4.16666vw);}
.main-contact .index .right .form .button.load{font-size:0;background-image:url(/images/loadinglit.gif);background-repeat:no-repeat;background-position:center;}








.main-contact .index-1{width:100%;float:left;margin-top:2vw;margin-bottom:3.125vw;}
.main-contact .index-1 h2{color:#333333;line-height:3vw;font-size:1.822916vw;padding-bottom:1vw;border-bottom:solid 0.05vw #e3e3e3;}
.main-contact .index-1  ul{width:100%;float:left;margin-top:3.125vw;}
.main-contact .index-1  li{width:33.3333%;box-sizing:border-box;float:left;padding:0 2.6041666vw;border-left:solid 0.05vw #e3e3e3;padding-bottom:3.125vw;}
.main-contact .index-1  li.on{padding-bottom:;}
.main-contact .index-1  li h4{line-height:1.6vw;font-size:1.1vw;color:#333333;margin-bottom:1vw;}
.main-contact .index-1  li p{line-height:1.2vw;font-size:0.8333vw;color:#777777;}
#allmap{width:100%;margin-top:1vw;height:30vw;overflow:hidden;}
























/*定制页面-周琳恒*/







.cust{overflow:hidden;}
.cust .banner{width:100%;float:left;}
.cust .banner img{width:100%;}
.cust .index{width:100%;float:left;background:#f7f7f7;padding-bottom:10vw;}
.cust .index h2{line-height:3vw;font-size:1.8vw;color:#333333;text-align:center;margin:2.5vw 0 1vw 0;}
.cust .index .text{width:100%;padding:5% 5% 7% 5%;box-sizing:border-box;float:left;background:white;border:solid 0.05vw #bbbbbb;}
.cust .index .text h4{color:#3f3f3f;font-size:1.35vw;line-height:2vw;}
.cust .index .text p{line-height:1.5vw;font-size:0.9375vw;color:#888888;padding:2vw 40% 2vw 0;}
.cust .index .text label{display:block;line-height:1.5vw;font-size:0.9375vw;}
.cust .index .text label i{color:red;font-size:0.9375vw;}
.cust .index .text input{width:100%;height:2.5vw;line-height:2.5vw;border:solid 0.05vw #e3e3e3;font-size:0.9375vw;color:#888888;padding:0 1vw;box-sizing:border-box;margin-bottom:1.5vw;}
.cust .index .text textarea{width:100%;float:left;line-height:2.5vw;border:solid 0.05vw #e3e3e3;font-size:0.83vw;color:#888888;padding:0 1vw;box-sizing:border-box;margin-bottom:1.5vw;height:10vw;}
.cust .index .text button{width:8.333vw;line-height:2.8vw;text-align:center;color:white;font-size:0.9875vw;border:none;border-radius:2.8vw;background:-webkit-linear-gradient(left,#83c22d,#22aa3e);margin:0 auto;margin-left:calc(50% - 4.16666vw); cursor:pointer;margin-top:0.5vw;font-family:"Montserrat-Light";}
.cust .index .text button.load{font-size:0;background-image:url(/images/loadinglit.gif);background-repeat:no-repeat;background-position:center;}
















/*下载列表页面-周琳恒*/







.down .banner{width:100%;}
.down .banner img{width:100%;height:auto;}
.down .head{padding-top:3.125vw;width:100%;overflow:hidden;box-shadow:0 0 1vw #e3e3e3;border-bottom:solid 0.075vw #c0c0c0;}
.down .head li{width:10.5vw;line-height:2.8645vw;text-align:center;background:-webkit-linear-gradient(top,#f3f3f3,#d3d3d3);border-radius:0.5vw 0.5vw 0 0;border:solid 0.075vw #c0c0c0;float:left;margin-right:0.25vw;cursor:pointer;transition:all .5s;box-sizing:border-box;}
.down .head li a{color:#333333;font-size:0.8333vw;font-weight:bold;}
.down .head li:hover,.down .head li.active{background: -webkit-linear-gradient(left,#83c22d,#22aa3e);}
.down .head li:hover a,.down .head li.active a{color:white;}
.down .index{background:#fbfbfb;width:100%;padding:1vw 0 0;overflow:hidden;}
.down .index ul{width:100%;float:left;}
.down .index li{width:100%;float:left;padding:3.5vw 4.6875vw 3.5vw 1.5vw;box-sizing:border-box;border-bottom:solid 0.05vw #e7e7e7;position:relative;cursor:pointer;}
.down .index li h4{color:#666666;line-height:2vw;margin-bottom:1vw;font-size:1.2vw;}
.down .index li p{color:#999999;line-height:1.6vw;font-size:0.8333vw;font-style:italic;}
.down .index li .body{display:none;}
.down .index li .img{position:absolute;width:6.35vw;height:6.35vw;border:solid 0.05vw #e7e7e7;border-radius:50%;right:5vw;top:2.5vw;transition:all .5s;}
.down .index li .img img{width:3.125vw;height:auto;position:absolute;left:calc(50% - 1.5625vw);top:calc(50% - 1.5625vw);}
.down .index li .img:hover{border:solid 0.05vw #1c9f0d;}
.down .index li:hover h4{color:#149c05;}
.down .page{padding:5vw 0;background:#fbfbfb;}
.down-box.on{z-index:9999;opacity:1;}
.down-box{width:100%;height:100%;position:fixed;top:0;left:0;background:#00000073;z-index:-1;opacity:0;transition:all .5s;}
.down-box .index{width:500px;height:330px;padding:40px 40px 50px 40px;box-sizing:border-box;position:absolute;top:calc(50% - 170px);left:calc(50% - 250px);background:white;}
.down-box .index .top{width:100%;position:absolute;top:0px;background: -webkit-linear-gradient(right,#83c22d,#22aa3e);height:10px;left:0px;}
.down-box .index h4{color:#444444;font-size:18px;line-height:50px;border-bottom:solid 1px #efefef;}
.down-box .index p{color:#999999;line-height:30px;padding:20px 0;font-size:16px;}
.down-box .index input{width:100%;line-height:34px;border:solid 1px #eeeeee;background:#f8f8f8;font-size:16px;border-radius:2.5px;}
.down-box .index button,.down-box .index a{display:inline-block;width:100px;line-height:30px;text-align:center;color:white;font-size:14px;border:none;background:#555555;margin-top:40px;cursor:pointer;margin-right:20px;transition:all .5s;}
.down-box .index button:hover,.down-box .index a:hover{background:-webkit-linear-gradient(right,#83c22d,#22aa3e);}
.down-box .delete{position:absolute;width:36px;height:36px;background:url(/images/close.png);background-size:100%;top:10px;right:0;cursor:pointer;}
















/*新闻列表页面-周琳恒*/







.list-news{padding-bottom:3vw;overflow:hidden;width:100%;}
.list-news .head{padding-top:3.125vw;width:100%;float:left;box-shadow:0 0 1vw #e3e3e3;border-bottom:solid 0.075vw #c0c0c0;}
.list-news .head li{width:10.5vw;line-height:2.8645vw;text-align:center;background:-webkit-linear-gradient(top,#f3f3f3,#d3d3d3);border-radius:0.5vw 0.5vw 0 0;border:solid 0.075vw #c0c0c0;float:left;margin-right:0.25vw;cursor:pointer;transition:all .5s;box-sizing:border-box;}
.list-news .head li a{display:block;color:#333333;font-size:0.8333vw;font-weight:bold;}
.list-news .head li:hover,.list-news .head li.active{background: -webkit-linear-gradient(left,#83c22d,#22aa3e);}
.list-news .head li:hover a,.list-news .head li.active a{color:white;}
.list-news .index{width:100%;float:left;}
.list-news h2{line-height:2vw;padding:3vw 0;text-align:center;float:left;width:100%;font-size:1.8vw;}
.list-news .index ul{width:102%;float:left;}
.list-news .index li{width:23%;float:left;margin-right:2%;cursor:pointer;margin-bottom:2vw;}
.list-news .index li .img{width:100%;height:0;padding-bottom:64%;overflow:hidden;}
.list-news .index li .img img{width:100%;}
.list-news .index li .text{width:100%;}
.list-news .index li .text h4{line-height:2vw;font-size:1vw;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1vw 0;font-weight:bold;margin-top:1vw;}
.list-news .index li .text p{line-height:1.5vw;font-size:0.9375vw;color:#333333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.list-news .index li .text .data{padding:1.5vw 0;color:#999999;font-size:0.78125vw;line-height:1.2vw;font-style:italic;width:100%;position:relative;}
.list-news .index li .text .data i{width:1.14vw;height:0.73vw;position:absolute;background:url(/images/news/new-li-down.png);background-size:100%;right:0.5vw;top:1.75vw;cursor:pointer;}
.list-news .index li .down{width:100%;height:0.5vw;background:white;border-bottom:solid 0.05vw #f4f4f4;float:left;transition:all .5s;opacity:0;}
.list-news .index li:hover .text h4{color:#22aa3e; }
.list-news .index li:hover .down{background:-webkit-linear-gradient(right,#83c22d,#22aa3e);opacity:1;}
























/*新闻详情页面-周琳恒*/







.main-news{width:100%;margin-top:6.25vw;background:#efefef;overflow:hidden;}
.main-news .head{padding:2vw 0;line-height:1.2vw;font-size:0.8333vw;color:#999999;padding-top:5.6vw;}
.main-news .head a{margin:0 0.5vw;color:#999999;}
.main-news .head a:hover{color:#2da832; }
.main-news .index{width:100%;float:left;background:white;padding:4.6875vw 8.125%;box-sizing:border-box;margin-bottom:3vw;}
.main-news .index .h2{color:#333333;line-height:4vw;font-size:1.6vw;width:100%;font-weight:bold;float:left;}
.main-news .index .index1{width:100%;float:left;padding:1.5vw 0;line-height:1.5vw;font-size:0.9375vw;}
.main-news .index .index1 a{display:block;float:left;width:1.1vw;height:1.1vw;margin-right:1.5625vw;background:url(/images/sns.png);background-size:300% 100%;}
.main-news .index .index1 .facebook{background-position-x:0;}
.main-news .index .index1 .twitter{background-position-x:-100%;}
.main-news .index .index1 .youtube{background-position-x:-200%;}
.main-news .index .index1 span{display:inline-block;line-height:1.1vw;color:#999999;font-size:0.78125vw;padding-left:3vw;border-left:solid 0.05vw #999999;vertical-align:top;}
.main-news .index img{max-width:100% !important;height:auto !important;}
.main-news .index p{color:#555555;line-height:1.5vw;font-size:1vw;padding:0.5vw 0;float:left;width:100%;}
.main-news .index p.img{text-align:center;}
.main-news .index .index2{padding-top:4vw;width:100%;float:left;padding-bottom:2vw;border-bottom:solid 0.05vw #e1e1e1;}
.main-news .index .index2 span{line-height:1.8vw;font-size:0.9375vw;color:#333333;font-weight:bold;width:30%;display:block;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-news .index .index2 span a{border-bottom:solid 0.05vw white;}
.main-news .index .index2 span a:hover{border-bottom:solid 0.05vw #149c05;}
.main-news .index .index2 button{width:7.8125vw;line-height:2.1vw;text-align:right;margin:0 calc(20% - 3.90625vw);float:left;color:white;font-size:0.9375vw;border:none;background:-webkit-linear-gradient(left,#83c22d,#22aa3e);cursor:pointer;margin-top:-0.25vw;box-shadow:0 0 1vw #a6a4a4;}
.main-news .index .index2 button i{width:1.1458333vw;height:0.885416vw;background:url(/images/news/return.png);background-size:100%;float:right;margin-top:0.5vw;margin-right:1vw;margin-left:0.7vw;}
.main-news .index .index3-list{width:100%;float:left;position:relative;}
.main-news .index .index3-list h3{margin-top:4vw;line-height:2vw;font-size:1.1459vw;color:#333333;text-align:center;}
.main-news .index .index3-list .list{width:100%;float:left;overflow:hidden;}
.main-news .index .index3-list .ul{overflow:hidden;position:relative;margin-top:3vw;}
.main-news .index .index3-list .ul li{float:left;width:16.2vw;margin-right:1.5625vw;}
.main-news .index .index3-list .ul li .img{width:100%;height:0;padding-bottom:63.8%;}
.main-news .index .index3-list .ul li .img img{width:100%;height:auto;}
.main-news .index .index3-list .ul li p{line-height:1.8vw;color:#333333;float:left;width:100%;padding-top:1vw;font-size:0.9375vw;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-news .index .index3-list .ul li p.i{margin-top:-0.5vw;line-height:1.2vw;font-size:0.78125vw;color:#999999;font-weight:inherit;font-style:italic;padding-top:0;}
.main-news .index .index3-list .ul li:hover .p{color:#149c05;}
.main-news .index .index3-list .next,.main-news .index .index3-list .pre{width:0.9875vw;height:1.51vw;position:absolute;top:13.5vw;background-size:100%;cursor:pointer;}
.main-news .index .index3-list .next{background-image:url(/images/news/next.png);left:-3vw;}
.main-news .index .index3-list .pre{background-image:url(/images/news/pre.png);right:-3vw;}
.main-news .index .index3-list .next:hover{background-image:url(/images/news/next-on.png);}
.main-news .index .index3-list .pre:hover{background-image:url(/images/news/pre-on.png);}








/*FAQ页面-周琳恒*/







.faq .list{width:100%;float:left;}
.faq .list li{width:100%;float:left;position:relative;margin-bottom:2vw;}
.faq .list li .top{width:100%;float:left;position:relative;box-sizing:border-box;padding-left:4vw;height:2.8vw;background:#f2f3f4;}
.faq .list li .top .i{line-height:2.8vw;width:2.8vw;background:#333333;color:white;text-align:center;font-size:1.45vw;position:absolute;left:0;top:0;}
.faq .list li .top h4{color:#333333;line-height:2.8vw;font-size:1vw;font-weight:bold;}
.faq .list li .down{width:100%;float:left;margin-top:1.5vw;position:relative;box-sizing:border-box;padding:0 4vw;background:#f2f3f4;}
.faq .list li .down .i{line-height:2.8vw;width:2.8vw;background:#2da832;color:white;text-align:center;font-size:1.45vw;position:absolute;left:0;top:0;}
.faq .list li .down .text{width:100%;float:left;padding:1vw 0;}
.faq .list li .down p{color:#555555;line-height:1.6vw;font-size:1vw;}
















/*案例列表页面*/







.app{width:100%;padding-bottom:3vw;overflow:hidden;}
.app .head{padding-top:3.125vw;width:100%;float:left;box-shadow:0 0 1vw #e3e3e3;border-bottom:solid 0.075vw #c0c0c0;}
.app .head li{position:relative;width:10.5vw;height:2.8645vw;text-align:center;background:-webkit-linear-gradient(top,#f3f3f3,#d3d3d3);border-radius:0.5vw 0.5vw 0 0;border:solid 0.075vw #c0c0c0;float:left;margin-right:1px;cursor:pointer;transition:all .5s;box-sizing:border-box;overflow:hidden;}
.app .head li a{position:absolute;left:0;top:50%;width:100%;line-height:1vw;padding:1vw 0;display:block;color:#333333;font-size:0.8333vw;font-weight:bold;transform:translateY(-50%);}
.app .head li:hover,.app .head li.active{background: -webkit-linear-gradient(left,#83c22d,#22aa3e);}
.app .head li:hover a,.app .head li.active a{color:white;}
.app .index{width:100%;float:left;margin:3.125vw 0 1vw;}
.app .index ul{width:103.333%;float:left;}
.app .index li{width:30%;float:left;margin-right:3.333%;padding:0.78125vw;box-sizing:border-box;border:solid 0.05vw #f1f1f1;box-shadow:0 0.5vw 0.5vw #dadada;cursor:pointer;margin-bottom:3.125vw;transition:all .5s;background:white;position:relative;background:-webkit-linear-gradient(left,#83c22d,#22aa3e);}
.app .index li:after{content:'';width:100%;height:100%;position:absolute;background:white;z-index:0;top:0;left:0;transition:all .5s;}
.app .index li .li{width:100%;position:relative;top:0;left:0;z-index:1;}
.app .index li .img{width:100%;height:0;padding-bottom:62.14%;overflow:hidden;}
.app .index li .img img{width:100%;height:auto;}
.app .index li .text{width:95%;float:left;border-bottom:solid 0.05vw #e3e3e3;margin:0 2.5%;padding-bottom:1.5vw;box-sizing:border-box;}
.app .index li .text h4{line-height:1.2vw;font-size:0.9375vw;color:#333333;margin:1vw 0;font-weight:bold;transition:all .5s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.app .index li .text p{line-height:1.5vw;font-size:0.9375vw;color:#3f3f3f;padding-right:10%;transition:all .5s;overflow :hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.app .index li .a{width:95%;float:left;margin-left:2.5%;line-height:2vw;font-size:0.733vw;color:#333333;padding-top:0.5vw;}
.app .index li .a a{transition:all .5s;}
.app .index li:hover:after{ opacity:0;}
.app .index li:hover h4,.app .index li:hover p,.app .index li:hover .a a{color:white;}
















/*案例详情页面-周琳恒*/







.app-index{width:100%;overflow:hidden;padding:13.75vw 0 5vw;}
.app-index .head{width:100%;float:left;box-shadow:-1vw 1vw 1vw #f0f0f0;}
.app-index .head li{width:10.9375vw;line-height:3.125vw;text-align:center;font-size:0.9375vw;font-weight:bold;background:-webkit-linear-gradient(left,#e1e1e1,#f4f4f4);margin-right:0.2vw;float:left;cursor:pointer; }
.app-index .head li a{display:block;}
.app-index .head li:hover{background:-webkit-linear-gradient(left,#83c22d,#22aa3e);}
.app-index .head li:hover a{color:white;}
.app-index .index1{width:100%;float:left;margin-top:3.65vw;margin-bottom:2vw;}
.app-index .index1 .left{width:50%;float:left;}
.app-index h3{line-height:4vw;font-weight:bold;font-size:1.1458333vw;color:#333333;width:100%;border-bottom:solid 1px #edeeef;}
.app-index p{color:#555555;font-size:0.9375vw;line-height:1.5vw;}
.app-index table{width:100%;min-width:100%;margin-bottom:1.5vw;}
.app-index table th,.app-index table td{line-height:1.3vw;padding:0.8vw 0.5vw;border:1px solid #dbdddf;font-size:0.9375vw;}
.app-index table th{background-color:#f8f8f8;}
.app-index table td{text-align:center;}
.app-index .index1 .left p{padding-top:1vw;}
.app-index .index1 .right{width:45.25%;float:right;padding:0.7vw;background:#d5d3d3;box-sizing:border-box;box-shadow:-1vw 1vw 1vw #f0f0f0;}
.app-index .index1 .right img{width:100%;}
.app-index .index2{width:100%;float:left;}
.app-index .index2 .left{width:28.75%;float:left;margin-top:2vw;background:#f4f4f4;}
.app-index .index2 .left img{width:100%;}
.app-index .index2 .right{float:right;width:68.75%;}
.app-index .index2 .right .p{width:100%;float:left;padding:1.6vw 0;border-bottom:solid 0.05vw #f4f4f4;position:relative;}
.app-index .index2 .right h4{float:left;width:100%;padding-left:2vw;line-height:1.5vw;margin-bottom:0.5vw;font-size:1.1458333vw;color:#555555;box-sizing:border-box;position:relative;font-weight:bold;}
.app-index .index2 .right h4 i{background:#2fa93c;position:absolute;width:0.5vw;height:0.5vw;top:0.75vw;left:0.75vw;border-radius:50%;}
.app-index .index2 .right p{padding-top:1vw;width:100%;box-sizing:border-box;padding-left:2vw;padding-right:15%;}
.app-index .index3{margin-top:3.125vw;width:100%;float:left;overflow:auto;}
/* .app-index .index3 h3{line-height:2vw;border:none;} */







.app-index .index3 hr{margin-top:1vw;border:none;border-top:1px solid #edeeef;}
.app-index .index3 .table{width:100%;float:left;overflow:auto;min-width:1000px;margin-top:1.5vw;}
.app-index .index3 .table table{width:100%;min-width:100%;overflow:auto;}
.app-index .index3 .table th{color:#555555;background:#f8f8f8;text-align:center;line-height:1.5vw;padding:0.4vw 0;font-size:0.78125vw;border:solid 0.05vw #dbdddf;}
.app-index .index3 .table td{color:#555555;text-align:center;line-height:1.5vw;padding:0.4vw 0;font-size:0.9375vw;border:solid 1px #dbdddf;}
.app-index .index4{width:100%;float:left;margin-top:3.125vw;position:relative;margin-bottom:6.5vw;}
.app-index .index4 .slide{width:62.5vw;height:28.65vw;position:relative;margin:3.125vw auto 0;}
.app-index .index4 .slide .next,.app-index .index4 .slide .pre{position:absolute;width:0.9375vw;height:1.510416vw;background-size:100%;top:50%;margin-top:-0.8vw;cursor:pointer;}
.app-index .index4 .slide .next{background-image:url(/images/application/next.png);left:-2vw;}
.app-index .index4 .slide .pre{background-image:url(/images/application/pre.png);right:-2vw;}
.app-index .index4 .slide .next:hover{background-image:url(/images/application/next-on.png);}
.app-index .index4 .slide .pre:hover{background-image:url(/images/application/pre-on.png);}
.app-index .index4 .ul{overflow:hidden;}
.app-index .index4 .ul li{width:62.5vw;height:28.65vw;float:left;}
.app-index .index4 .ul li img{width:100% !important;height:100% !important;}
.app-index .index4 .main{position:absolute;bottom:1vw;height:0.75vw;text-align:center;width:100%;}
.app-index .index4 .main ul{height:0.75vw;}
.app-index .index4 .main li{display:inline-block;width:0.75vw;height:0.75vw;background:white;margin-right:0.5vw;border-radius:50%;cursor:pointer;vertical-align:top;background-color:#aaa;}
.app-index .index4 .main li.active{background:#149c05;}
.app-index .back-btn{text-align:center;}
.app-index .back{width:7.8125vw;line-height:2.1vw;text-align:right;color:white;font-size:0.9375vw;border:none;background:-webkit-linear-gradient(left,#83c22d,#22aa3e);cursor:pointer;margin-top:-0.25vw;box-shadow:0 0 1vw #a6a4a4;}
.app-index .back i{width:1.1458333vw;height:0.885416vw;background:url(/images/news/return.png);background-size:100%;float:right;margin-top:0.5vw;margin-right:1vw;margin-left:0.7vw;}
.app-down{width:100%;overflow:hidden;padding-top:2.6vw;background:#f1f1f1;padding-bottom:6vw;}
.app-down h3{color:#333333;line-height:4vw;font-size:1.145833vw;font-weight:bold;}
.app-down .index{width:100%;float:left;margin-top:3vw;position:relative;}
.app-down .index .ul{width:100%;position:relative;overflow:hidden;}
.app-down .index .ul li{width:15vw;float:left;margin-right:2vw;cursor:pointer;}
.app-down .index .ul li .img{width:100%;float:left;box-sizing:border-box;border:solid 1px white;margin-top:0.1vw;overflow:hidden;}
.app-down .index .ul li .img img{width:100%;height:auto;}
.app-down .index .ul li p{width:100%;text-align:center;color:#333333;line-height:2vw;font-size:0.9375vw;margin-top:1vw;float:left;}
.app-down .index .next,.app-down .index .pre{position:absolute;width:0.9375vw;height:1.510416vw;background-size:100%;top:3.5vw;cursor:pointer;}
.app-down .index .next{background-image:url(/images/application/next.png);left:-2vw;}
.app-down .index .pre{background-image:url(/images/application/pre.png);right:-2vw;}
.app-down .index .next:hover{background-image:url(/images/application/next-on.png);}
.app-down .index .pre:hover{background-image:url(/images/application/pre-on.png);}
.app-down .index .ul li.active .img,.app-down .index .ul li:hover .img{border:solid 1px #149c05;}
.app-down .index .ul li.active p,.app-down .index .ul li:hover p{color:#149c05;}
























/*关于公司页面-周琳恒*/







.main-about{overflow:hidden;width:100%;}
.main-about .head{padding-top:3.125vw;width:100%;overflow:hidden;box-shadow:0 0 1vw #e3e3e3;border-bottom:solid 0.075vw #c0c0c0;}
.main-about .head li{width:10vw;line-height:2.8645vw;text-align:center;background:-webkit-linear-gradient(top,#f3f3f3,#d3d3d3);border-radius:0.5vw 0.5vw 0 0;border:solid 0.075vw #c0c0c0;float:left;margin-right:0.25vw;cursor:pointer;transition:all .5s;box-sizing:border-box;}
.main-about .head li a{display:block;color:#333333;font-size:0.8333vw;font-weight:bold;}
.main-about .head li:hover,.main-about .head li.active{background: -webkit-linear-gradient(left,#83c22d,#22aa3e);}
.main-about .head li:hover a,.main-about .head li.active a{color:white;}
.main-about .index{background:#f4f4f4;width:100%;float:left;}
.main-about .index h2{text-align:center;float:left;width:100%;color:#333333;line-height:4vw;font-size:1.83vw;padding:1vw 0;margin-top:0.5vw; }
.main-about .index .text{width:100%;background:white;float:left;margin-bottom:3.7vw;}
.main-about .index .text .left{box-sizing:border-box;padding:1.71875vw;padding-bottom:0;}
.main-about .index .text .left h4{color:#222222;line-height:2vw;font-size:1.14583vw;font-weight:bold;margin-bottom:1vw;}
.main-about .index .text .left p{color:#555555;line-height:1.5vw;margin-bottom:0.8vw;font-size:0.9375vw;text-align:justify;}
.main-about .index .text .right{width:48.75%;float:right;position:relative;margin:0 0 1.72vw 1.72vw;}
.main-about .index .text .right .ul{width:100%;overflow:hidden;position:relative;}
.main-about .index .text .right .ul li{float:left;width:40.625vw;}
.main-about .index .text .right .ul li img{width:100%;height:auto;}
.main-about .index .text .right .main{width:100%;height:3.125vw;position:absolute;bottom:0;left:0;background:#333333c2;text-align:center;}
.main-about .index .text .right .main ul{margin-top:1.05vw;}
.main-about .index .text .right .main li{width:0.75vw;height:0.75vw;border-radius:50%;background:white;display:inline-block;margin-right:0.5vw;cursor:pointer;}
.main-about .index .text .right .main li:hover,.main-about .index .text .right .main li.active{background:#29a737;}
.main-about .index .text .p{width:100%;float:left;line-height:1.2vw;font-size:0.73vw;color:#555555;padding:0 1.71875vw;box-sizing:border-box;}
.main-about .index .text .down{margin:3.125vw 0;padding:0 1.71875vw;width:100%;box-sizing:border-box;float:left;}
.main-about .index .text .down .li{width:33.33333%;float:left;box-sizing:border-box;text-align:center;}
.main-about .index .text .down .li h3{color:#29a737;line-height:2.4vw;font-size:1.2vw;text-align:center;overflow:hidden;height:2.3vw;}
.main-about .index .text .down .li h3 span{display:inline-block;width:0.9375vw;line-height:1.875vw;position:relative;height:1.875vw;font-size:1.875vw;}
.main-about .index .text .down .li h3 span i{width:100%;position:absolute;font-weight:normal;top:0.25vw;left:0;word-wrap:break-word;transition:all 2s;}
.main-about .index .text .down .li p{color:#555555;line-height:4vw;font-size:0.9375vw;text-align:center;font-weight:bold;}
.main-about .index .text .down .li.on{border-left:solid 0.05vw #d2d2d2;border-right:solid 0.05vw #d2d2d2;}
.main-about .index .text .i{width:calc(100% - 3.4375vw);height:0.05vw;background:#d2d2d2;float:left;margin:0 1.71875vw;}
.main-about.on .index .text .down .li h3 span.a1 i{top:0.25vw;}
.main-about.on .index .text .down .li h3 span.a2 i{top:-1.625vw;}
.main-about.on .index .text .down .li h3 span.a3 i{top:-3.5vw;}
.main-about.on .index .text .down .li h3 span.a4 i{top:-5.375vw;}
.main-about.on .index .text .down .li h3 span.a5 i{top:-7.25vw;}
.main-about.on .index .text .down .li h3 span.a6 i{top:-9.125vw;}
.main-about.on .index .text .down .li h3 span.a7 i{top:-11vw;}
.main-about.on .index .text .down .li h3 span.a8 i{top:-12.875vw;}
.main-about.on .index .text .down .li h3 span.a9 i{top:-14.75vw;}
.main-about.on .index .text .down .li h3 span.a10 i{top:-16.625vw;}
















.main-about .index1{width:100%;float:left;background:white;}
.main-about .index1 .text{padding:2vw 0;width:100%;position:relative;margin-bottom:2vw;}
.main-about .index1 .text h2{line-height:4vw;font-size:1.83vw;color:#333333;text-align:center;width:100%;float:left;margin:1vw 0;}
.main-about .index1 .text .left{width:23.4375vw;float:left;position:relative;overflow:hidden;}
.main-about .index1 .text .left li{float:left;width:23.4375vw;}
.main-about .index1 .text .left li .img{height:0;padding-bottom:66.666%;overflow:hidden;}
.main-about .index1 .text .left li .img img{width:23.4375vw;height:auto;}
.main-about .index1 .text .left li .txt{padding:1.71875vw;box-sizing:border-box;width:23.4375vw;background: -webkit-linear-gradient(left,#83c22d,#22aa3e);height:10vw;}
.main-about .index1 .text .left li .txt h4{color:white;font-size:1.3vw;line-height:2vw;margin-bottom:1vw;}
.main-about .index1 .text .left li .txt p{font-size:0.9375vw;line-height:1.2vw;color:white;}
.main-about .index1 .text .right{width:59.8958vw;float:left;position:relative;overflow:hidden;background:#f4f4f4;}
.main-about .index1 .text .right ul li{width:19.965vw;float:left;background:#f4f4f4;cursor:pointer;}
.main-about .index1 .text:after{content:"";display:block;height:0;clear:both;}








.main-about .index .text .right .next,.main-about .index .text .right .pre{position:absolute;width:0.9375vw;height:1.510416vw;background-size:100%;top:14vw;cursor:pointer;border:solid 1vw #5a5959fa;background-color:#5a5959fa;}
.main-about .index .text .right .next{background-image:url(/images/about/next.png);left:1vw;}
.main-about .index .text .right .pre{background-image:url(/images/about/pre.png);right:1vw;}
.main-about .index .text .right .next:hover{background-image:url(/images/about/next-on.png);}
.main-about .index .text .right .pre:hover{background-image:url(/images/about/pre-on.png);}








.main-about .index1 .text .right ul li .top{width:100%;padding-top:7vw;float:left;box-sizing:border-box;border-bottom:solid 0.1vw #2da832;position:relative;padding-left:1vw;padding-right:1vw;}
.main-about .index1 .text .right ul li .top h4{color:#333333;line-height:2vw;font-size:1.25vw;font-weight:bold;padding-bottom:1.71875vw;}
.main-about .index1 .text .right ul li .top i{width:0.75vw;height:0.75vw;border-radius:50%;position:absolute;bottom:-0.375vw;left:calc(30% - 0.375vw);background:#149c05;}
.main-about .index1 .text .right ul li .down{height:14.85vw;width:100%;float:left;box-sizing:border-box;border-bottom:solid 0.5vw #f4f4f4;padding:0 1vw;padding-top:2vw;}
.main-about .index1 .text .right ul li .down p{line-height:1.6vw;font-size:0.9375vw;color:#333333;}
.main-about .index1 .text .right ul li:hover .down,.main-about .index1 .text .right ul li.active .down{border-bottom:solid 0.5vw #22aa3e;}
.main-about .index1 .text .next,.main-about .index1 .text .pre{position:absolute;width:0.9375vw;height:1.510416vw;background-size:100%;bottom:14vw;cursor:pointer;}
.main-about .index1 .text .next{background-image:url(/images/about/next.png);left:-3vw;}
.main-about .index1 .text .pre{background-image:url(/images/about/pre.png);right:-3vw;}
.main-about .index1 .text .next:hover{background-image:url(/images/about/next-on.png);}
.main-about .index1 .text .pre:hover{background-image:url(/images/about/pre-on.png);}
















.main-about .index2{width:100%;float:left;background:#f4f4f4;padding:4vw 0;}
.main-about .index2 h2{line-height:4vw;font-size:1.83vw;color:#333333;text-align:center;width:100%;float:left;padding-bottom:1.5vw}
.main-about .index2 ul{width:102%;float:left;}
.main-about .index2 ul li{width:23%;float:left;height:19vw;background:white;margin-right:2%;position:relative;top:10px;transition:all .5s;}
.main-about .index2 ul li:hover{top:0;}
.main-about .index2 ul li .img{width:5.73vw;float:left;margin-left:calc(50% - 2.865vw);margin-top:3vw;}
.main-about .index2 ul li .img img{width:100%;height:auto;}
.main-about .index2 ul li h4{width:100%;float:left;line-height:1.8vw;font-size:0.9375vw;color:#333333;font-weight:bold;margin-top:1vw;margin-bottom:0.5vw;padding:0 1vw;box-sizing:border-box;text-align:center;}
.main-about .index2 ul li p{width:100%;float:left;line-height:1.2vw;font-size:0.9vw;color:#555555;text-align:center;padding:0 1vw;box-sizing:border-box;}
















.main-about .index3{width:100%;float:left;background:white;padding:4vw 0;}
.main-about .index3 h2{line-height:4vw;font-size:1.83vw;color:#333333;text-align:center;width:100%;float:left;padding-bottom:2vw}
.main-about .index3 .text{float:left;width:100%;margin-left:0;position:relative;}
.main-about .index3 .text .ul{width:100%;overflow:hidden;float:left;}
.main-about .index3 .text li{width:18.125vw;margin-right:3vw;float:left;cursor:pointer;}
.main-about .index3 .text li .html{position:relative;}
.main-about .index3 .text li .img{width:100%;height:0;padding-bottom:141.65%;overflow:hidden;}
.main-about .index3 .text li .img img{width:100%;}
.main-about .index3 .text li .txt{width:100%;background:-webkit-linear-gradient(bottom,#83c22dbf,#22aa3ee3);opacity:0;position:absolute;top:0px;left:0;height:100%;padding:6vw 1.5vw;box-sizing:border-box;transition:all .5s;}
.main-about .index3 .text li .txt p{width:100%;line-height:1.2vw;font-size:0.83vw;color:white;margin-top:1vw}
.main-about .index3 .text li:hover .txt{opacity:1;}
.main-about .index3 .text li .p{margin-top:1vw;line-height:2vw;font-size:0.9375vw;text-align:center;width:100%;float:left;color:#333333;font-weight:bold;}
.main-about .index3 .text .next,.main-about .index3 .text .pre{position:absolute;width:0.9375vw;height:1.510416vw;background-size:100%;top:17vw;cursor:pointer;}
.main-about .index3 .text .next{background-image:url(/images/about/next.png);left:-3vw;}
.main-about .index3 .text .pre{background-image:url(/images/about/pre.png);right:-1.5vw;}
.main-about .index3 .text .next:hover{background-image:url(/images/about/next-on.png);}
.main-about .index3 .text .pre:hover{background-image:url(/images/about/pre-on.png);}








.main-about .index4{width:100%;float:left;background:#e9e9e9;padding:4vw 0;position:relative;}
.main-about .index4 h2{line-height:4vw;font-size:1.83vw;color:#333333;text-align:center;width:100%;padding-bottom:2vw}
.main-about .index4 .left{width:50%;float:left;background:white;box-sizing:border-box;padding:2.5vw;}
.main-about .index4 .left .text h2{padding-bottom:0;text-align:left;line-height:3vw;}
.main-about .index4 .left .text{width:100%;float:left;padding-bottom:0.75vw;border-bottom:solid 0.05vw #dedede;margin-bottom:0.75vw;}
.main-about .index4 .left .text h4{color:#4e4e4e;line-height:1.2vw;font-size:0.9375vw;font-weight:bold;}
.main-about .index4 .left .ul{width:100%;float:left;height:16vw;overflow:auto;overflow-x:hidden;margin-top:1vw;}
.main-about .index4 .left .ul ul{margin-top:-1vw;}
.main-about .index4 .left .ul li{width:36.666665vw;line-height:1.2vw;font-size:0.9375vw;color:#777777;margin-top:1.5625vw;float:left;cursor:pointer;}
.main-about .index4 .left .ul li:hover,.main-about .index4 .left .ul li.active{color:#2da832;}
.main-about .index4 .right{position:relative;width:50%;float:right;height:27.75vw;background:#f4f4f4;padding:2.0833vw;box-sizing:border-box;}
.main-about .index4 .right .text{width:100%;height:100%;background:white;box-sizing:border-box;padding:2.5vw 1.5vw 0;}
.main-about .index4 .right .text .ul{width:26vw;margin-left:calc(50% - 13vw);overflow:hidden;}
.main-about .index4 .right .text .ul li{width:26vw;float:left;position:relative;}
.main-about .index4 .right .text .ul li .html{width:100%;height:0;padding-bottom:72.5%;overflow:hidden;}
.main-about .index4 .right .text .ul li .html img{width:100%;height:auto;}
.main-about .index4 .right .text .ul li .txt{opacity:0;position:absolute;width:100%;height:100%;background:-webkit-linear-gradient(bottom,#83c22dbf,#22aa3ee3);top:0px;left:0;padding:4vw 1.5vw;box-sizing:border-box;transition:all .5s;}
.main-about .index4 .right .text .ul li .txt p{line-height:1.2vw;font-size:0.83vw;color:white;}
.main-about .index4 .right .text .ul li .txt .button{width:6vw;margin-left:calc(50% - 3vw);line-height:2vw;text-align:center;color:white;font-size:0.73vw;cursor:pointer;box-sizing:border-box;border:solid 0.05vw white;margin-top:1.5vw;}
.main-about .index4 .right .text .ul li.on .txt{opacity:1;}
.main-about .index4 .next,.main-about .index4 .pre{position:absolute;width:0.9375vw;height:1.510416vw;background-size:100%;top:50%;margin-top:-0.755vw;cursor:pointer;}
.main-about .index4 .next{background-image:url(/images/about/next.png);left:5vw;}
.main-about .index4 .pre{background-image:url(/images/about/pre.png);right:5vw;}
.main-about .index4 .next:hover{background-image:url(/images/about/next-on.png);}
.main-about .index4 .pre:hover{background-image:url(/images/about/pre-on.png);}








.about-index4-click{width:100%;height:100%;position:fixed;background:#1818187a;top:0;left:0;transition:all .5s;opacity:0;z-index:-1;}
.about-index4-click.on{opacity:1;z-index:100000;}
.about-index4-click .box{width:576px;height:auto;position:absolute;top:50%;left:calc(50% - 288px);transform:translateY(-50%);}
.about-index4-click .box img{width:100%;}
.about-index4-click .return{width:60px;height:60px;background-image:url(/images/about/index4-return.png);background-size:100%;position:absolute;right:30px;top:30px;cursor:pointer;}
.about-index4-click .btn{position:absolute;width:3.6vw;height:3.6vw;top:50%;margin-top:-1.8vw;cursor:pointer;background-color:rgba(255,255,255,.3);border-radius:50%;transition:all .5s;}
.about-index4-click .btn:after{content:"";position:absolute;width:10px;height:16px;left:50%;top:50%;margin:-8px 0 0 -5px;background-image:url(/images/arrow.png);background-repeat:no-repeat;}
.about-index4-click .btn:hover{background-color:rgba(255,255,255,1);}
.about-index4-click .prev{left:50%;margin-left:-370px;}
.about-index4-click .prev:after{background-position:left;}
.about-index4-click .next{right:50%;margin-right:-370px;}
.about-index4-click .next:after{background-position:right;}
























/*质量报告列表页面-周琳恒*/







.main-about.third{padding-bottom:4vw;}
.main-about.third .third{width:100%;float:left;}
.main-about.third .third h2{line-height:5vw;font-size:1.83vw;color:#333333;text-align:center;width:100%;float:left;margin-bottom:6vw;margin-top:2vw;border-bottom:solid 0.05vw #dddddd;}
.main-about.third .third ul{width:105%;float:left;}
.main-about.third .third li{width:45%;float:left;margin-right:5%;margin-bottom:3vw;}
.main-about.third .third li .img{position:relative;width:40%;height:0;padding-bottom:40%;float:left;overflow:hidden;background-color:#f5f5f5;}
.main-about.third .third li .img img{position:absolute;left:0;top:0;width:100%;height:100%;}
.main-about.third .third li .text{width:55%;float:right;margin-top:2.8vw;padding-bottom:2vw;border-bottom:solid 0.05vw #dddddd;position:relative;overflow:hidden;cursor:pointer;}
.main-about.third .third li .body{display:none;}
.main-about.third .third li .text h4{color:#444444;line-height:2vw;font-size:0.9375vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;}
.main-about.third .third li .text p{color:#333333;line-height:1.5vw;font-size:0.9375vw;margin:1vw 0;overflow :hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.main-about.third .third li .text .p{line-height:1.2vw;font-size:0.78125vw;color:#999999;font-style:italic;float:left;}
.main-about.third .third li .text a{float:right;line-height:1.5vw;font-size:0.9375vw;color:#444444;border-bottom:solid 0.05vw #444444;}








.main-about.third .third li .text h4:hover{color:#2da832;}
.main-about.third .third li .text a:hover{color:#2da832;border-bottom:solid 0.05vw #2da832;}
.main-about.third .third li .text i{width:100%;position:absolute;bottom:0vw;height:0.5vw;display:block;left:0;transition:all .5s;opacity:0;}
.main-about.third .third li .text:hover i{background:-webkit-linear-gradient(left,#83c22dbf,#22aa3ee3);opacity:1;}
















/*质量检测页面-周琳恒*/















.quality .title{padding-bottom:2vw;background-color:#f4f4f4}
.quality .title h2{line-height:4vw;font-size:1.83vw;color:#333333;text-align:center;width:100%;float:left;padding-bottom:1vw;margin-top:2vw;}
.quality .title .tab{text-align:center;}
.quality .title .tab span{display:inline-block;vertical-align:top;line-height:3vw;padding:0 3vw;margin:0 1vw;background:#e1e1e1;font-size:0.9375vw;cursor:pointer;}
.quality .title .tab .on{background: -webkit-linear-gradient(left,#83c22dbf,#22aa3ee3);color: #fff;}
.quality .show .itembox{display:none;}
.quality .show .itembox.on{display:block;}
.quality .index1{width:100%;background:#f4f4f4;}
.quality .index1 .text{width:100%;float:left;background:white;position:relative;box-sizing:border-box;padding:2.8645vw 1.71875vw;}
.quality .index1 .text .top{width:100%;float:left;border-bottom:solid 0.05vw #e6e6e6;}
.quality .index1 .text .top li{width:10.15125vw;line-height:2.460416vw;text-align:center;background:-webkit-linear-gradient(left,#e1e1e1,#f3f3f3); ;float:left;margin-right:0.5vw;font-size:0.9375vw;color:#333333;transition:all .5s;cursor:pointer;}
.quality .index1 .text .top li:hover,.quality .index1 .text .top li.on{background:-webkit-linear-gradient(left,#83c22dbf,#22aa3ee3);color:white; }
.quality .index1 .text .down{width:100%;float:left;position:relative;margin-top:3.64583vw;overflow:hidden; }
.quality .index1 .text .down li ul.indexul li{width:79.89583vw;}
.quality .index1 .text .down .item{position:fixed;width:79.89583vw;z-index:-1;opacity:0;overflow:hidden;}
.quality .index1 .text .down .item .p{width:100%;}
.quality .index1 .text .down .item .p p{line-height:1.5vw;font-size:0.9375vw;color:#555555;}
.quality .index1 .text .down .item .slide-pic{width:70.3vw;margin:3vw auto 0;overflow:hidden;}
.quality .index1 .text .down .item .slide-pic li{width:70.3vw !important;float:left;}
.quality .index1 .text .down .item .slide-pic li .box{width:33.75vw;float:left;}
.quality .index1 .text .down .item .slide-pic li .box:nth-child(2n+1){margin-right:2.8vw;}
.quality .index1 .text .down .item .slide-pic li .img{width:100%;cursor:pointer;overflow:hidden;}
.quality .index1 .text .down .item .slide-pic li .img img{width:100%;height:auto;transition:all .5s;}
.quality .index1 .text .down .item .slide-pic li .img img:hover{transform:scale(1.1);}
.quality .index1 .text .down .item .slide-pic li p{color:#555555;line-height:3vw;text-align:center;font-size:0.9375vw;font-weight:bold;}
.quality .index1 .text .down .item .smob{display:none;}
.quality .index1 .text .down .item.on{position:relative;z-index:1;opacity:1;}
.quality .index1 .text .next, .quality .index1 .text .pre{top:initial;top:50%;z-index:99;}
.quality .index1 .text .next{left:1.5vw;}
.quality .index1 .text .pre{right:1.5vw;}








.quality .index02{width:100%;padding-top:2vw;box-shadow:1vw 1vw 1vw #e7e7e7;margin-bottom:1vw;overflow:hidden;}
.quality .index02 h2{line-height:4vw;font-size:1.83vw;color:#333333;text-align:center;width:100%;float:left;margin-bottom:2vw;margin-top:1vw;}
.quality .index02 .li{width:86.4375%;float:left;margin-bottom:5.7vw;margin-left:6.26875%;}
.quality .index02 .li .left{float:left;}
.quality .index02 .li .right{float:right;}
.quality .index02 .li .img{float:left;}
.quality .index02 .li .text{float:right;}
.quality .index02 .li .img{width:35vw;position:relative;overflow:hidden;}
.quality .index02 .li .img img{width:100%;height:auto;}
.quality .index02 .li .img .ul1{width:100%;float:left;position:relative;}
.quality .index02 .li .img .ul1 li{width:35vw;height:auto;float:left;}
.quality .index02 .li .img .ul1 li img{width:100%;height:auto;}
.quality .index02 .li .img .ul2{display:none;width:100%;height:3.125vw;position:absolute;bottom:0;left:0;background:#333333c2;text-align:center;}
.quality .index02 .li .img .ul2 ul{position:relative;}
.quality .index02 .li .img .ul2 li{width:0.75vw;height:0.75vw;border-radius:50%;background:white;display:inline-block;margin-right:0.5vw;cursor:pointer;margin-top:1.05vw;}
.quality .index02 .li .img .ul2 li:hover,.quality .index02 .li .img .ul2 li.active{background:#29a737;}
.quality .index02 .li .text{width:29vw;margin-top:4vw;}
.quality .index02 .li .text h4{line-height:2.864vw;width:80%;float:left;box-sizing:border-box;padding:0 2.2vw;font-size:1.25vw;color:white;background:-webkit-linear-gradient(left,#83c22dbf,#22aa3ee3);}
.quality .index02 .li .text p{width:100%;float:left;line-height:1.5vw;font-size:0.9375vw;color:#444444;margin:2.5vw 0;}
.quality .index02 .li:nth-child(2n) .img{float:right;}
.quality .index02 .li:nth-child(2n) .text{float:left;}








.quality .index03{width:100%;padding-bottom:4vw;position:relative;background-image:url(/images/about/quality-index3-bg.png);background-size:100%;background-size:cover;}
.quality .index03 h2{line-height:4vw;font-size:1.83vw;color:#333333;text-align:center;width:100%;float:left;padding-bottom:3vw;margin-top:3vw;}
.quality .index03 .text{width:43.22vw;margin:0 auto;overflow:hidden;}
.quality .index03 .text ul{position:relative;left:0;width:1000%;}
.quality .index03 .text li{width:43.22vw;float:left;}
.quality .index03 .text li .video{width:100%;position:relative;overflow:hidden;}
.quality .index03 .text li .video img{width:100%;height:auto;}
.quality .index03 .text li .video i{display:block;width:3.2vw;height:3.2vw;background-image:url(/images/about/quality-index3-button.png);background-size:100%;position:absolute;top:calc(50% - 1.6vw);left:calc(50% - 1.6vw);cursor:pointer;}
.quality .index03 .text li .video .playbox{display:none;position:absolute;left:0;top:0;width:100%;height:100%;}
.quality .index03 .text li .video .playbox.on{display:block;}
.quality .index03 .text li p{line-height:1.2vw;margin-top:0.5vw;font-size:0.73vw;color:#222222;width:100%;text-align:center;}
.quality .index03 .pre,.quality .index03 .next{position:absolute;width:0.9375vw;height:1.510416vw;background-size:100%;top:22vw;cursor:pointer;}
.quality .index03 .pre{background-image:url(/images/about/pre.png);right:15vw;}
.quality .index03 .next{background-image:url(/images/about/next.png);left:15vw;}
.quality .index03 .next:hover{background-image:url(/images/about/next-on.png);}
.quality .index03 .pre:hover{background-image:url(/images/about/pre-on.png);}
































/* .page{text-align:center;clear:both;}
.page ul{display:inline-block;}
.page ul li{float:left;margin:0 5px;}
.page ul li a{display:block;line-height:36px;padding:0 14px;background-color:#ccc;border-radius:5px;}
.page ul li.thisclass a{background-color:#f08836;color:#fff;}
.page ul li a:hover{background-color:#f08836;color:#fff;} */



















.sitemap{padding:6vw 0;}

.sitemap .one > li{margin-bottom:40px;}

.sitemap .one > li h2{line-height:30px;margin-bottom:10px;font-size:24px;}

.sitemap .two{overflow:hidden;}

.sitemap .two li{float:left;line-height:25px;font-size:16px;;margin-bottom:10px;margin-right:50px;}
















.an-overall .animate{transform:translateY(80px);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:transform .8s ease,opacity .8s ease;}
.an-overall .t1{transition-delay:.2s;}
.an-overall .t2{transition-delay:.4s;}
.an-overall .t3{transition-delay:.6s;}
.an-overall .t4{transition-delay:.8s;}
.an-overall .t5{transition-delay:1s;}
.an-overall .t6{transition-delay:1.2s;}
.an-overall .t7{transition-delay:1.4s;}
.an-overall .t8{transition-delay:1.6s;}
.an-overall.action .animate{transform:translateY(0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}