@charset "utf-8";
.h1,.h2,.h3,.h4,.h5{font-weight:700}
.banner .banner-slider{width:100%;position:relative;overflow:hidden}
.banner .banner-slider img{margin:0px auto;max-width:100%;width:100%;height:auto;display:block}
.banner .banner-slider .bdbd{border-radius:15px;padding:7px;background:rgba(0,0,0,.5)}
.banner .banner-slider .wmuSliderNext,.banner .banner-slider .wmuSliderPrev{display:none}
.about-us,.hot-products,.news{*zoom:1;width:100%}
.about-us:after,.about-us:before,.hot-products:after,.hot-products:before,.news:after,.news:before{content:"";display:table}
.about-us:after,.hot-products:after,.news:after{clear:both}
.about-us .container,.hot-products .container,.news .container{margin:0 auto}
.about-us .container-title,.hot-products .container-title,.news .container-title{width:100%;text-align:center}
.about-us .close-icon,.hot-products .close-icon,.news .close-icon{display:block;width:100%;margin-top:5%;height:12px;background:url(close-icon.png) no-repeat center center}
.about-us .container-desc,.hot-products .container-desc,.news .container-desc{width:92%;margin:0 auto 5% auto;text-align:center;color:#afb5b7}
@media screen and (min-width:1200px){
.about-us .container,.hot-products .container,.news .container{max-width:1200px}
.about-us .container-title,.hot-products .container-title,.news .container-title{font-size:54px}
.about-us .container-desc,.hot-products .container-desc,.news .container-desc{font-size:16px}}
@media screen and (max-width:1200px) and (min-width:992px){
.about-us .container,.hot-products .container,.news .container{max-width:1000px}
.about-us .container-title,.hot-products .container-title,.news .container-title{font-size:48px}
.about-us .container-desc,.hot-products .container-desc,.news .container-desc{font-size:14px}}
@media screen and (max-width:992px) and (min-width:762px){
.about-us .container,.hot-products .container,.news .container{max-width:800px}
.about-us .container-title,.hot-products .container-title,.news .container-title{font-size:32px}
.about-us .container-desc,.hot-products .container-desc,.news .container-desc{font-size:12px}}
@media screen and (max-width:762px){
.about-us .container,.hot-products .container,.news .container{width:90%}
.about-us .container-title,.hot-products .container-title,.news .container-title{font-size:28px}
.about-us .container-desc,.hot-products .container-desc,.news .container-desc{font-size:12px}}
@media screen and (max-width:375px){
.about-us .container,.hot-products .container,.news .container{max-width:375px}}
.hot-products .products-list{margin:0px auto;width:100%;*zoom:1}
.hot-products .products-list:after,.hot-products .products-list:before{content:"";display:table}
.hot-products .products-list:after{clear:both}
.hot-products .pro-items{width:380px;float:left;margin-bottom:5%;margin-right:20px}
.hot-products .pro-items img{width:380px;height:380px}
.hot-products .pro-items a{display:block;position:relative;*zoom:1}
.hot-products .pro-items a:after,.hot-products .pro-items a:before{content:"";display:table}
.hot-products .pro-items a:after{clear:both}
.hot-products .pro-items a .img-desc{position:absolute;bottom:34px;left:0;width:255px;height:55px;float:left;padding:30px;background:rgba(0,0,0,.85);border-right:2px solid #96c51d}
.hot-products .pro-items a .img-desc h3,.hot-products .pro-items a .img-desc .h3{color:#fff;font-size:14px;font-weight:400;margin-bottom:20px}
.hot-products .pro-items a .img-desc p{color:#efefef;font-size:14px}
.hot-products .pro-items a .icon{display:block;width:48px;height:48px;position:absolute;left:290px;bottom:14px;background:url(product-icon.png) #96c51d no-repeat center center}
@media screen and (max-width:1250px){
.hot-products .products-list{width:801px}}
@media screen and (max-width:801px){
.hot-products .products-list{width:100%}
.hot-products .pro-items:nth-of-type(2n){margin-right:0}
.hot-products .pro-items{width:45%;margin-right:10%}
.hot-products .pro-items img{width:100%;height:auto}
.hot-products .pro-items a .img-desc{width:205px;height:auto;padding:20px}
.hot-products .pro-items a .icon{left:220px}}
@media screen and (max-width:700px){
.hot-products .pro-items{width:45%;margin-right:10%}
.hot-products .pro-items img{width:100%;height:auto}
.hot-products .pro-items a .img-desc{width:155px;height:auto;padding:20px}
.hot-products .pro-items a .img-desc h3,.hot-products .pro-items a .img-desc .h3{font-size:12px}
.hot-products .pro-items a .img-desc p{font-size:12px}
.hot-products .pro-items a .icon{left:170px}}
@media screen and (max-width:560px){
.hot-products .pro-items a .img-desc{width:95px;height:auto;padding:10px;background:rgba(0,0,0,.35);bottom:0}
.hot-products .pro-items a .img-desc h3,.hot-products .pro-items a .img-desc .h3{font-size:10px}
.hot-products .pro-items a .img-desc p{font-size:10px}
.hot-products .pro-items a .icon{left:110px;bottom:0}}
@media screen and (max-width:375px){
.hot-products .products-list{max-width:310px}
.hot-products .pro-items{position:relative;height:auto}
.hot-products .pro-items a img{width:100%;height:auto}
.hot-products .pro-items a .img-desc{position:absolute;width:115px;height:77px;padding:10px 10px 0 10px;bottom:0}
.hot-products .pro-items a .img-desc h3,.hot-products .pro-items a .img-desc .h3{font-size:10px;margin-bottom:5px}
.hot-products .pro-items a .img-desc p{font-size:10px;word-break:break-word}
.hot-products .pro-items a .icon{width:20px;height:20px;z-index:2;background-size:50%;bottom:36px;left:126px}
.hot-products .pro-items a .line{left:133px;height:87px;bottom:0}
.hot-products li:nth-of-type(even){margin-right:0}}
.about-us{width:100%;margin-top:-107px;background-color:#f8fafb;padding-bottom:65px}
.about-us .container{*zoom:1}
.about-us .container:after,.about-us .container:before{content:"";display:table}
.about-us .container:after{clear:both}
.about-us .container .close-icon{margin-top:130px}
.about-us .container .slider{margin:0 auto}
.about-us .container .slider .slide-item{display:none}
.about-us .container .slider .large_box{*zoom:1;position:relative}
.about-us .container .slider .large_box:after,.about-us .container .slider .large_box:before{content:"";display:table}
.about-us .container .slider .large_box:after{clear:both}
.about-us .container .slider .large_box img{width:38%;height:auto;position:relative;z-index:2;float:left;margin-top:17px}
.about-us .container .slider .large_box .pro-desc{float:left;padding:63px 0 0 92px;width:54%;height:380px;background-color:#96c51d;margin:0px auto;margin-bottom:17px;margin-left:-1%}
.about-us .container .slider .large_box .pro-desc h3,.about-us .container .slider .large_box .pro-desc .h3{color:#fff;margin-bottom:55px}
.about-us .container .slider .large_box .pro-desc .desc-list{color:#fff;margin-bottom:10px;font-size:18px}
.about-us .container .slider .large_box .pro-desc h4,.about-us .container .slider .large_box .pro-desc .h4{margin-bottom:14px}
.about-us .container .slider .large_box .pro-desc p{font-size:14px;color:#e7f6c0;line-height:25px}
.about-us .container .slider .large_box .pro-desc p .square{display:block;margin:11px 3px 0 0;float:left;width:4px;height:4px;background-color:#e7f6c0;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.about-us .container .slider .large_box .pro-desc .mmv{background:url(arrow.png) #032b36 no-repeat 128px center;color:#fff;font-size:18px;width:141px;height:40px;text-align:center;line-height:40px;vertical-align:middle;display:inline-block;position:relative;box-shadow:0 0 1px rgba(0,0,0,0);transform:translateZ(0);transition-property:color;transition-duration:.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.about-us .container .slider .large_box .pro-desc .mmv:before{background-color:#192634;transform-origin:0 50%;left:0;top:0;right:0;bottom:0;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.about-us .container .slider .large_box .pro-desc .mmv:hover{color:#fff;text-decoration:underline}
.about-us .container .slider .large_box .pro-desc .mmv:focus{color:#fff}
.about-us .container .slider .large_box .pro-desc .mmv:active{color:#fff}
.about-us .container .slider .large_box .pro-desc .mmv:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.about-us .container .slider .large_box .pro-desc .mmv:focus::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.about-us .container .slider .large_box .pro-desc .mmv:active::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.about-us .container .slider .small_box{position:relative;width:100%;margin:0px auto;margin-top:5px}
.about-us .container .slider .small_box .btn{cursor:pointer;display:block;position:absolute;width:36px;height:26px;top:50%;margin-top:-13px}
.about-us .container .slider .small_box .left_btn:hover{background:url(arrow-left.png) #96c51d no-repeat center center}
.about-us .container .slider .small_box .left_btn{left:-25px;background:url(arrow-left.png) #032b36 no-repeat center center}
.about-us .container .slider .small_box .right_btn{right:-25px;background:url(arrow.png) #032b36 no-repeat center center}
.about-us .container .slider .small_box .right_btn:hover{background:url(arrow.png) #96c51d no-repeat center center}
.about-us .container .slider .small_box .small_list{overflow:hidden;*zoom:1}
.about-us .container .slider .small_box .small_list:after,.about-us .container .slider .small_box .small_list:before{content:"";display:table}
.about-us .container .slider .small_box .small_list:after{clear:both}
.about-us .container .slider .small_box .small_list li{margin-right:5px;float:left;width:170px;height:170px;overflow:hidden}
.about-us .container .slider .small_box .small_list li .pic-desc{padding:20px 0 0 15px;text-align:center;width:101px;height:170px;display:block;float:left;background-color:#96c51d}
.about-us .container .slider .small_box .small_list li .pic-desc h3{color:#fff;font-size:18px}
.about-us .container .slider .small_box .small_list li .pic-desc p{color:#fff;font-size:14px}
.about-us .container .slider .small_box .small_list li img{float:left;display:block;width:170px;height:170px}
.about-us .container .slider .small_box .small_list li.on{width:282px;height:170px;border:2px solid #96c51d}
.about-us .container .slider .small_box .small_list li.on img{display:block;width:166px;height:170px}
@media screen and (min-width:1200px){
.about-us .container .slider{width:1160px}
.about-us .container .slider .large_box .pro-desc h3,.about-us .container .slider .large_box .pro-desc .h3{font-size:36px}}
@media screen and (max-width:1200px){
.about-us .container .slider{max-width:1160px}
.about-us .container .slider .large_box{display:block}
.about-us .container .slider .large_box img{width:36%;height:auto;padding-right:3%;margin-left:17px}
.about-us .container .slider .large_box .pro-desc{padding:73px 0 0 80px;height:330px;width:92%;float:none}
.about-us .container .slider .large_box .pro-desc h3,.about-us .container .slider .large_box .pro-desc .h3{font-size:26px}
.about-us .container .slider .large_box .pro-desc h4,.about-us .container .slider .large_box .pro-desc .h4{font-size:16px}
.about-us .container .slider .small_box .small_list li{width:136px}
.about-us .container .slider .small_box .left_btn{left:-15px}
.about-us .container .slider .small_box .right_btn{right:-15px}}
@media screen and (max-width:992px){
.about-us .container .slider{max-width:992px}
.about-us .container .slider .large_box img{width:32%;margin:0px auto;margin-top:12px;padding-right:3%}
.about-us .container .slider .large_box .pro-desc{padding:4% 4% 4% 3%;height:auto;width:92%;float:none}
.about-us .container .slider .large_box .pro-desc h3,.about-us .container .slider .large_box .pro-desc .h3{font-size:22px;margin-bottom:15px}
.about-us .container .slider .large_box .pro-desc h4,.about-us .container .slider .large_box .pro-desc .h4{font-size:14px}
.about-us .container .slider .large_box .pro-desc p{font-size:12px}
.about-us .container .slider .small_box .small_list li{width:95px}}
@media screen and (max-width:762px){
.about-us .container .slider{width:90%}
.about-us .container .slider .large_box h3{font-size:30px}
.about-us .container .slider .small_box .small_list li{width:93px;height:auto}
.about-us .container .slider .small_box .small_list li img{width:93px;height:auto}
.about-us .container .slider .small_box .small_list li .pic-desc{display:none}
.about-us .container .slider .small_box .small_list li.on{width:93px;height:auto}
.about-us .container .slider .small_box .small_list li.on img{width:100%;height:auto}}
@media screen and (max-width:700px){
.about-us .container .slider .small_box .small_list li{width:85px}
.about-us .container .slider .small_box .small_list li img{width:100%}
.about-us .container .slider .small_box .small_list li.on{width:85px;height:auto}}
@media screen and (max-width:650px){
.about-us .container .slider .small_box .small_list li{width:76px}
.about-us .container .slider .small_box .small_list li img{width:100%}
.about-us .container .slider .small_box .small_list li.on{width:76px;height:auto}}
@media screen and (max-width:580px){
.about-us .container .slider .small_box .small_list{width:90%;margin:0 auto}
.about-us .container .slider .small_box .small_list li{width:66px}
.about-us .container .slider .small_box .small_list li img{width:100%}
.about-us .container .slider .small_box .small_list li.on{width:66px;height:auto}}
@media screen and (max-width:570px){
.about-us .container .slider .small_box .small_list{width:100%}}
@media screen and (max-width:500px){
.about-us .container .slider .small_box .small_list{width:90%}
.about-us .container .slider .small_box .small_list li{width:56px}
.about-us .container .slider .small_box .small_list li img{width:100%}
.about-us .container .slider .small_box .small_list li.on{width:56px;height:auto}}
@media screen and (max-width:480px){
.about-us .container .slider .small_box .small_list{width:94%}}
@media screen and (max-width:450px){
.about-us .container .slider .small_box .small_list li{width:53px}
.about-us .container .slider .small_box .small_list li img{width:100%}
.about-us .container .slider .small_box .small_list li.on{width:53px;height:auto}}
@media screen and (max-width:420px){
.about-us .container .slider .small_box .small_list{width:100%}}
@media screen and (max-width:375px){
.about-us .container .slider .large_box .pro-desc{padding:30px 0 20px 10px}
.about-us .container .slider .large_box .pro-desc .mmv{background-position-x:105px;font-size:14px;width:120px;height:30px;line-height:30px}
.about-us .container .slider .large_box .pro-desc h3,.about-us .container .slider .large_box .pro-desc .h3{font-size:18px;margin-bottom:15px}
.about-us .container .slider .large_box .pro-desc .desc-list h4{font-size:14px}
.about-us .container .slider .large_box .pro-desc .desc-list p{font-size:12px}
.about-us .container .slider .small_box{width:85%!important;margin:5px auto}
.about-us .container .slider .small_box .small_list li{width:100px!important;height:100px!important}
.about-us .container .slider .small_box .small_list li img{width:100px!important;height:100px!important}
.about-us .container .slider .small_box .small_list li.on{width:186px!important;height:100px!important}
.about-us .container .slider .small_box .small_list li.on .pic-desc{display:block;padding:5px;width:76px;height:98px!important}
.about-us .container .slider .small_box .small_list li.on .pic-desc h3{font-size:12px}
.about-us .container .slider .small_box .small_list li.on .pic-desc p{font-size:10px}}
.news{padding-bottom:120px;position:relative}
.news .container .icon{width:52px;height:70px;border-radius:30px;position:absolute;top:-35px;left:50%;margin-left:-26px;background:url(public-icon.png) #fff no-repeat center center}
.news .container .news-content{margin:0px auto;margin-top:20px;*zoom:1}
.news .container .news-content:after,.news .container .news-content:before{content:"";display:table}
.news .container .news-content:after{clear:both}
.news .container .news-content .content-left{width:749px;float:left;position:relative}
.news .container .news-content .content-left img{width:749px;height:526px;height:auto;position:relative;margin:0px auto;z-index:2}
.news .container .news-content .content-left .square{width:127px;height:127px;background-color:#96c51d;position:absolute}
.news .container .news-content .content-left .square-left{left:-2.5%;bottom:-3%}
.news .container .news-content .content-left .square-right{top:-3%;right:-2.5%}
.news .container .news-content .content-right{float:left;margin-left:35px}
.news .container .news-content .content-right .desc-box h3 a,.news .container .news-content .content-right .desc-box .h3 a{display:block;color:#032b36;font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news .container .news-content .content-right .desc-box p{color:#afb5b7}
.news .container .news-content .content-right .news-icon{background:#96c51d;position:absolute;display:block;width:64px;height:64px;right:-31px;top:12px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.news .container .news-content .content-right .news-icon .icon-inner{display:block;width:64px;height:64px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.news .container .news-content .content-right .tip:first-child .icon-pic{background:url(index-news-icon1.png) no-repeat center center}
.news .container .news-content .content-right .tip:nth-child(2n) .icon-pic{background:url(index-news-icon2.png) no-repeat center center}
.news .container .news-content .content-right .tip:nth-child(3n) .icon-pic{background:url(index-news-icon3.png) no-repeat center center}
.news .container .news-content .content-right .tip:nth-child(4n) .icon-pic{background:url(index-news-icon4.html) no-repeat center center}
@media screen and (min-width:1200px){
.news .container .news-content{width:1200px}
.news .container .content-right{width:400px}
.news .container .content-right .desc-box h3,.news .container .content-right .desc-box .h3{font-size:20px;margin:26px 0 15px 0}
.news .container .content-right .desc-box p{font-size:16px;margin-bottom:33px;line-height:22px}
.news .container .content-right .tips-list{padding:5px 0 0 5px;width:395px}
.news .container .content-right .tips-list .tip{margin-bottom:5px;position:relative;width:332px;height:73px;padding:15px 0 0 15px;background-color:#f9fbf5}
.news .container .content-right .tips-list .tip h4,.news .container .content-right .tips-list .tip .h4{width:80%}
.news .container .content-right .tips-list .tip h4 a,.news .container .content-right .tips-list .tip .h4 a{display:block;color:#96c51d;font-size:18px}
.news .container .content-right .tips-list .tip p{width:265px;color:#62787e;font-size:14px;margin:0}}
@media screen and (min-width:992px) and (max-width:1200px){
.news .container .icon{width:45px;height:60px;background-size:60%}
.news .container .news-content{max-width:800px}
.news .container .news-content .content-right{width:100%;margin:20px 0 0 0}
.news .container .news-content .content-right .desc-box{width:400px;float:left}
.news .container .news-content .content-right .desc-box h3{margin:26px 0 15px 0}
.news .container .news-content .content-right .desc-box p{font-size:16px;margin-bottom:33px;line-height:22px}
.news .container .news-content .content-right .tips-list{padding:5px 0 0 5px;width:395px;float:right}
.news .container .news-content .content-right .tips-list .tip{margin-bottom:5px;position:relative;width:332px;height:73px;padding:15px 0 0 15px;background-color:#f9fbf5}
.news .container .news-content .content-right .tips-list .tip h4,.news .container .news-content .content-right .tips-list .tip h4 a{color:#96c51d;font-size:18px}
.news .container .news-content .content-right .tips-list .tip p{width:265px;color:#62787e;font-size:14px;margin:0}}
@media screen and (max-width:992px){
.news .container .icon{width:40px;height:53px;background-size:55%}
.news .container .news-content{max-width:750px}
.news .container .news-content .content-right{max-width:750px;margin:0px auto;float:none}
.news .container .news-content .desc-box{width:42%;float:left}
.news .container .news-content .desc-box h3{font-size:18px;margin:26px 0 15px 0}
.news .container .news-content .desc-box p{font-size:12px;margin-bottom:33px;line-height:22px}
.news .container .news-content .tips-list{padding:5px 0 0 5px;float:right;margin:5% auto;width:50%;*zoom:1}
.news .container .news-content .tips-list:after,.news .container .news-content .tips-list:before{content:"";display:table}
.news .container .news-content .tips-list:after{clear:both}
.news .container .news-content .tips-list .tip{float:left;margin:0 55px 5px 0;position:relative;width:332px;height:73px;padding:15px 0 0 15px;background-color:#f9fbf5}
.news .container .news-content .tips-list .tip h4 a{color:#96c51d;font-size:16px}
.news .container .news-content .tips-list .tip p{width:265px;color:#62787e;font-size:12px;margin:0}
.news .container .news-content .tips-list .news-icon{width:50px;height:50px;right:-24px;top:20px}
.news .container .news-content .tips-list .news-icon .icon-inner{width:50px;height:50px}}
@media screen and (max-width:800px){
.news .container .icon{width:40px;height:53px;background-size:50%}
.news .container .news-content .content-left{width:90%;margin:0px auto;float:none}
.news .container .news-content .content-left img{width:100%;height:auto}
.news .container .news-content .content-right{width:90%;margin:0px auto;float:none}
.news .container .news-content .tips-list .tip{width:90%}
.news .container .news-content .tips-list .tip p{width:80%}}
@media screen and (max-width:500px){
.news .container .icon{width:30px;height:38px;background-size:50%;top:-10px;margin-left:-15px}
.news .container .news-content .tips-list .tip{height:auto;padding:15px;margin-bottom:20%}
.news .container .news-content .tips-list .tip h4 a{font-size:12px}
.news .container .news-content .tips-list .tip p{font-size:10px}}
@media screen and (max-width:375px){
.news .container .news-content .content-left{float:none;width:90%}
.news .container .news-content .content-left .square{width:70px;height:70px}
.news .container .news-content .content-left .square-right{top:-7px;right:-20px}
.news .container .news-content .content-left .square-left{left:4px;bottom:-8px}
.news .container .news-content .content-left img{left:12px}
.news .container .news-content .content-right{*zoom:1;overflow:hidden}
.news .container .news-content .content-right:after,.news .container .news-content .content-right:before{content:"";display:table}
.news .container .news-content .content-right:after{clear:both}
.news .container .news-content .tips-list{float:left;margin-top:26px}
.news .container .news-content .tips-list .tip{float:none;margin:0 0 25% 0}
.news .container .news-content .tips-list .news-icon{width:30px;height:30px;right:-14px;top:30px}
.news .container .news-content .tips-list .news-icon .icon-inner{width:30px;height:30px;background-size:50%}}
@media screen and (max-width:375px){
.news{padding-bottom:60px}
.news .container .news-content .tips-list .tip{width:76%}
.news .container .news-content .tips-list .news-icon{top:50%;margin-top:-15px}}
.news .container .content-right .tips-list .tip h4 a,.news .container .content-right .tips-list .tip .h4 a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}