@charset "UTF-8";
@import url(animate.css);
/* 
    author:PengJin;
    date:2020-04-15;
*/

/*--index-banner--*/
.index-banner{position:relative;z-index:1;overflow:hidden;}
.index-banner .item{position:relative;overflow:hidden;}
.index-banner .item.swiper-slide-active{height:auto;}
.index-banner .item img{position:relative;display:block;width:100%;}
.index-banner .item video,.index-banner .item iframe{position:relative;display:block;width:100%;}
.index-banner .banner-pager{position:absolute;z-index:333;bottom:20px;width:100%;text-align:center;}
.index-banner .banner-pager span{margin:0 5px !important;width:6px;height:6px;opacity:1;background:#ccc;}
.index-banner .banner-pager span.swiper-pagination-bullet-active{background:#23993A;transform:scale(1.2);}
.index-banner .banner-prev,.index-banner .banner-next{position:absolute;z-index:33;bottom:30%;display:none;width:18px;height:18px;cursor:pointer;}
.index-banner .banner-prev{background:url(../images/banner_prev.png) no-repeat center;}
.index-banner .banner-next{background:url(../images/banner_next.png) no-repeat center;}
.index-banner .text2{position:absolute;top:50%;left:50%;width:780px;text-align: center;color:#fff;transform:translate(-50%,-50%);}
.index-banner .text2 h2{font-weight:normal;font-size:4.25rem;}
.index-banner .text2 p{margin-top:1.25rem;height:7rem;font-size:1rem;line-height:1.75rem;}
.index-banner .text2:after{display:block;margin:1rem auto 0;width:2.5rem;height:0.25rem;content:"";background:#fff;}
@media (min-width:992px){
.m-banner{ display: none; }
.index-banner .item{height:770px;}
.index-banner .item .imgBox{display:none;}
.index-banner .item img,.index-banner .item video,.index-banner .item iframe{left:50%;width:1920px;transform:translateX(-50%);}
.index-banner .banner-pager{left:unset;bottom:58%;width:10px;}
.index-banner .banner-pager span{display:block;margin:0.875rem 0 !important;opacity:1;background:#ccc;}
.index-banner .banner-prev,.index-banner .banner-next{display:block;}
}

@media (max-width:992px){
.index-banner{ display: none; }
.m-banner{height: 86vw !important; display: block;  position: relative;}
.m-banner .text2{position:relative;width:90%;text-align: center;color:#fff;transform:translate(-50%,-50%);}
.m-banner .text2 h2{margin-top: 1.5rem;font-weight:normal;font-size:2.2rem;}
.m-banner .text2 p{margin-top:0.5rem;height:6rem;font-size:1rem;line-height:1.5rem;}
.m-banner .text2:after{display:block;margin:0.5rem auto 0;width:2.5rem;height:0.25rem;content:"";background:#fff;}
.m-banner .item .imgBox{display:block;}
.m-banner .banner-pager{position:absolute;z-index:333;bottom:20px;width:100%;text-align:center;}
.m-banner .banner-pager span{margin:0 5px !important;width:6px;height:6px;opacity:1;background:#ccc;}
.m-banner .banner-pager span.swiper-pagination-bullet-active{background:#23993A;transform:scale(1.2);}
.m-banner .banner-prev,.m-banner .banner-next{position:absolute;z-index:33;bottom:30%;display:none;width:18px;height:18px;cursor:pointer;}
.m-banner .banner-prev{background:url(../images/banner_prev.png) no-repeat center;}
.m-banner .banner-next{background:url(../images/banner_next.png) no-repeat center;}
}
/*--end index-banner--*/

/*--index-ad--*/
.index-ad{position:relative;z-index:3;padding:0.5rem 0;overflow:hidden;}
.index-ad .item{margin:0.625rem;float:left;width:calc(50% - 1.25rem); overflow:hidden;background-image:-webkit-radial-gradient(0px 0px,#dfdfdf,#fff);background-image:-moz-radial-gradient(0px 0px,#dfdfdf,#fff);background-image:-ms-radial-gradient(0px 0px,#dfdfdf,#fff);background-image:-o-radial-gradient(0px 0px,#dfdfdf,#fff);}
.index-ad .item a{position:relative;display:block;}
.index-ad .item a:after{display:block;position:absolute;left:50%;top:50%;width:0;height:0;content:"";transform:translate(-50%,-50%); background:#23993A;border-radius:50%;transition:all 1.5s;}
.index-ad .pic{position:relative;z-index:2;overflow:hidden;}
.index-ad .pic img{display:block;width:100%;}
.index-ad .text{position:absolute;z-index:3;left:0;top:50%;right:0;padding:0 1rem;;transform:translateY(-50%);}
.index-ad .text h3{height:1.875rem;line-height:1.875rem;font-size:1.25rem;font-weight:normal;color:#1e1e1e;overflow:hidden;}
.index-ad .text p{display:none;margin-top:0.875rem;font-size:1.25rem;font-family:"DIN Medium";color:#ccc;}
.index-ad .text p small{display:block;font-size:0.8125rem;}
.index-ad .text i{position:relative;display:block;margin-top:1.875rem;width:1.25rem;height:1.25rem;overflow:hidden;background:#1e1e1e;border-radius:50%;}
.index-ad .text i:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:url(../images/read_white.png) no-repeat center;}
.index-ad .item:hover a:after{width:500px;height:500px;}
.index-ad .item:hover .text h3,.index-ad .item:hover .text p{color:#fff;}
.index-ad .item:hover .text i{background:#fff;}
.index-ad .item:hover .text i:after{background-image:url(../images/read_red.png);}
.index-ad .wow:nth-child(1){animation:fadeInUp 1s ease-in-out;}
.index-ad .wow:nth-child(2){animation:fadeInUp 1.5s ease-in-out;}
.index-ad .wow:nth-child(3){animation:fadeInUp 2s ease-in-out;}
.index-ad .wow:nth-child(4){animation:fadeInUp 2.5s ease-in-out;}
@media (min-width:992px){
.index-ad{margin-top:-7.5rem;padding:0;}
.index-ad .text{padding:0 2.5rem;}
.index-ad .text p{display:block;}
}
@media (min-width:1220px){
.index-ad{margin-top:-7.5rem;padding:0;}
.index-ad .item{width:25%;margin:0.625rem 0.875rem;width:calc(25% - 1.75rem);}
.index-ad .text{padding:0 2rem;}
.index-ad .text p{display:block;}
}
/*--end index-ad--*/

/*--adv--*/
.adv{padding:3rem 0.625rem;overflow:hidden;}
.adv-intro{position:relative;padding-bottom:3rem;animation:fadeInRight 2s ease-in-out;}
.adv-intro:after{display:none;position:absolute;left:0;bottom:0;width:40px;height:4px;content:"";background:#23993A;}
.adv-intro .hd{overflow:hidden;}
.adv-intro .hd h3{font-size:2rem;color:#1e1e1e;font-weight:normal;}
.adv-intro .bd{padding-top:2.5rem;font-size:16px;color:#666;line-height:1.875rem;overflow:hidden;} 
.adv-tab{position:relative;overflow:hidden;}
.adv-menu{position:absolute;z-index:3;left:1rem;top:1rem;overflow:hidden;}
.adv-menu li{padding-left:1.875rem;line-height:1.3;font-size:1.5rem;color:#1e1e1e;cursor:pointer;background:url(../images/adv_menu_list.png) no-repeat 0 center;transition:all 0.5s;}
.adv-menu li.cur{color:#23993A;background-image:url(../images/adv_menu_cur.png);}
.adv-main .item{position:relative;display:block;}
.adv-main .item img{display:block;width:100%;}
.adv-main .item small{display:block;position:absolute;left:1rem;bottom:1rem;font-size:0.875rem;color:#666;}
@media (min-width:768px){

}
@media (min-width:992px){
.adv-intro{float:left;width:50%;padding-right:3.125rem;}
.adv-tab{float:right;width:50%;}
}
@media (min-width:1220px){
.adv{padding:5.625rem 0;}
.adv-tab{overflow:visible;}
.adv-menu{position:absolute;left:3.75rem;top:2.8125rem;}	
.adv-menu li{font-size:2.875rem;font-size:2rem;}
.adv-main .item img{width:960px;}
.adv-intro{padding-right:5rem;height:500px;}
.adv-intro:after{display:block;}
.adv-intro .hd h3{font-size:2.875rem;}
.adv-main .item small{left:3.75rem;bottom:3.625rem;}
}
/*--end adv--*/

/*--partner--*/
.partner{padding:3rem  0.625rem;overflow:hidden;background:#eee;}
.partner-list .item{float:left;margin:5px 1%;width:48%;text-align:center;overflow:hidden;background:#fff;transition:all 0.5s;}
.partner-list .pic{display:block;overflow:hidden;}
.partner-list .pic img{display:block;width:100%;}
.partner-list .tit{display:block;height:3.125rem;line-height:3.125rem;font-size:1rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:#f0f0f0 solid 1px;}
.partner-list .item:hover{background:#23993A;transform:translateY(-20px);}
.partner-list .item:hover .tit{color:#fff;}
@media (min-width:750px){
.partner{padding:4rem 0.625rem;}
.partner-list .item{width:31.33%;}
}
@media (min-width:992px){
.partner{padding:5.625rem 0 3.125rem;}
.partner-list .item{margin:0 0.5%;width:15.66%;}
}
/*--end partner--*/

/*--product--*/
.product{padding:1.875rem  0.625rem 3.75rem;overflow:hidden;background:#fff;}
.product-slide{position:relative;overflow:hidden;}
.product-slide .item{padding:1.875rem;text-align:center;overflow:hidden;background:#fff url(../images/product_shadow.png) no-repeat 0 0;}
.product-slide .pic{overflow:hidden;}
.product-slide .pic img{display:block;width:100%;transition:all 1s;}
.product-slide .text{padding:1.25rem;text-align:center;overflow:hidden;}
.product-slide .text h3{font-weight:normal;font-size:1.625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-slide .text h3 a{color:#1e1e1e;}
.product-slide .text p{margin-top:0.625rem;height:3.125rem;line-height:1.6rem;font-size:1rem;color:#666;line-height:1.75;overflow:hidden;}
.product-slide .text a.read{display:block;margin:2.8125rem auto 0;width:10rem;line-height:3rem;text-align:center;font-size:1.0rem;color:#666;border:#e8e8e8 solid 2px;border-radius:2rem;transition:all 1s;}
.product-slide .text a.read:after{display:inline-block;margin-left:0.625rem;width:1.1875rem;height:1.1875rem;line-height:1.1875rem;color:#fff;content:"";vertical-align:middle;background:#1e1e1e url(../images/read_white.png) no-repeat center;border-radius:50%;}
.product-slide .item:hover .pic img{transform:scale(1.1);}
.product-slide .item:hover .text h3 a{color:#23993A;}
.product-slide .item:hover .text a.read{color:#fff;background:#23993A;}
.product-slide .item:hover .text a.read:after{background-color:#fff;background-image:url(../images/read_red.png);}
.product-slide .scrollBar{position:relative;z-index:33;height:3.8125rem;overflow:hidden;}
.product-slide .scrollBar .pager{position:absolute;left:0;top:50%;width:100%;overflow:hidden;transform:translateY(-50%);height:0.75rem;}
.product-slide .scrollBar .pager span{position:relative;display:block;float:left;height:0.75rem;opacity:1;background:none;}
.product-slide .scrollBar .pager span:after{display:block;position:absolute;left:50%;top:50%;width:0.75rem;height:0.75rem;content:"";transform:translate(-50%,-50%);background:#e8e8e8;border-radius:50%;}
.product-slide .scrollBar .line{position:absolute;top:50%;left:0;width:100%;height:1px;content:"";background:#e8e8e8;}
.product-slide .scrollBar .arrow{position:absolute;left:0;height:3.8125rem;cursor:pointer;transition:all 0.5s linear;background:url(../images/product_arrow.png) no-repeat center;background-size:3.8125rem;}
@media (max-width:768px) {
.product-slide .item{padding:0.5rem;}
.product-slide .scrollBar .arrow{background-size:2rem;}
.product-slide .scrollBar .pager span{display:none;}
}
/*--end product--*/

/*--ad--*/
.ad{padding:0 0.625rem 1.875rem;overflow:hidden;background:#fff;}
.ad .pic{position:relative;overflow:hidden;}
.ad .pic img{display:block;width:100%;transition:all 0.5s;}
.ad .pic a:hover img{opacity:0.8;}
.ad .text{position:relative;padding-top:1.875rem;overflow:hidden;animation:fadeInRight 1s ease-in-out;}
.ad .text .hd{position:relative;padding-bottom:2.8125rem;overflow:hidden;}
.ad .text .hd:after{display:block;position:absolute;left:0;bottom:0;width:40px;height:2px;content:"";background:#23993A;}
.ad .text .hd h3{font-size:2rem;font-weight:normal;color:#1e1e1e;}
.ad .text .bd{padding:2.8125rem 0;font-size:1.25rem;line-height:1.5;color:#666;overflow:hidden;} 
.ad .text .bd em{color:#23993A;}
.ad .text .btnBox{;width:100%;}
.ad .text .btnBox a{display:block;width:100%;line-height:3.25rem;font-size:1rem;color:#fff;text-align:center;background:#23993A;border-radius:5rem;transition:all 0.5s;}
.ad .text .btnBox a:after{display:inline-block;margin-left:0.625rem;width:1.1875rem;height:1.1875rem;line-height:1.1875rem;content:"";vertical-align:middle;background:#fff url(../images/read_red.png) no-repeat center;border-radius:50%;}
.ad .text .btnBox a:hover{background:#1e1e1e;}
.ad .text .btnBox a:hover:after{background-color:#fff;background-image:url(../images/read_red.png);}
@media (min-width:1220px){
.ad{padding-bottom:6.25rem;}
.ad .pic{overflow:visible;height:500px;}
.ad .pic img{position:absolute;right:0;width:960px;}
.ad .text{height:500px;}
.ad .text .hd h3{font-size:2.875rem;}
.ad .text .bd{font-size:1rem;}
.ad .text .btnBox{position:absolute;left:0;bottom:0;}
}
/*--end ad--*/

/*--step--*/
.step{overflow:hidden;}
.step .wrap-title{padding-top:3rem;border-top:#e5e5e5 solid 1px;}
.step .wrap-title h2 em,.step .wrap-title p em{font-family:"DIN Medium";color:#23993A;}
.step .wrap-title p{color:#333;font-size:1.25rem;}
.step-slide{position:relative;padding-top:1.25rem;overflow:hidden;}
.step-slide:after{display:block;position:absolute;z-index:1;left:0;right:0;bottom:1rem;height:1px;content:"";background:#e5e5e5;}
.step-slide .swiper-wrapper{position:relative;z-index:3;}
.step-slide .item{text-align:center;}
.step-slide .item span{display:block;font-size:1.25rem;line-height:1.875rem;color:#333;}
.step-slide .item em{position:relative;display:block;margin:2.25rem auto 0;width:2rem;height:2rem;line-height:2rem;font-size:0.875rem;color:#999;font-family:"DIN Medium";background:#fff;border:#e5e5e5 solid 1px;border-radius:50%;}
.step-slide .item em:before,.step-slide .item em:after{position:absolute;top:50%;display:block;width:0.625rem;height:0.625rem;content:"";background:#fff;transform:translateY(-50%);}
.step-slide .item em:before{right:100%\9;right:calc(100% + 1px);}
.step-slide .item em:after{left:100%\9;left:calc(100% + 1px);}
@media (min-width:992px){
.step .wrap-title{padding-top:5.3125rem;}	
}
/*--end step--*/

/*--news--*/
.news{padding:3rem 0.625rem;overflow:hidden;}
.news-menu{text-align:center;overflow:hidden;}
.news-menu li{float:left;width:33.33%;text-align:center;font-size:1.25rem;color:#999;}
.news-menu li a{position:relative;display:block;padding-bottom:1.25rem;color:#999;}
.news-menu li a:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-1.2rem;width:2.4rem;height:0.25rem;content:"";background:#23993A;transform:scale(0,1);transition:all 0.5s}
.news-menu li.cur a{color:#1e1e1e;}
.news-menu li.cur a:after{transform:scale(1);}
.news-main{margin-top:1.25rem;overflow:hidden;}
.news-main .item{display:block;overflow:hidden;background:#fff;transition:all 0.5s;}
.news-main .pic{overflow:hidden;}
.news-main .pic img{display:block;width:100%;transition:all 1s;}
.news-main .text{padding-top:2.1875rem;overflow:hidden;}
.news-main .text h3{height:2.1875rem;line-height:2.1875rem;font-size:1.25rem;color:#1e1e1e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-main .text p{margin-top:0.625rem;height:5.625rem;line-height:1.875rem;font-size:1rem;color:#666;overflow:hidden;}
.news-main .text em{position:relative;display:block;margin-top:2.5rem;padding-bottom:1.375rem;line-height:1.25rem;font-size:1rem;color:#999;font-family:"DIN Medium";overflow:hidden;border-bottom:#e5e5e5 solid 1px;}
.news-main .text em:after{display:block;position:absolute;right:0;top:0;width:1.25rem;height:1.25rem;content:"";background:#1e1e1e url(../images/read_white.png) no-repeat center;border-radius:50%;}
.news-main .item:hover .pic img{transform:scale(1.1);}
.news-main .item:hover .text h3{color:#23993A;}
.news-main .item:hover .text em:after{background-color:#23993A;}
@media (min-width:992px){
.news-main{margin-top:3.125rem;}
.news{padding:5.625rem 0;}
.news-menu li{float:none;display:inline-block;margin:0 2.5rem;width:auto;font-size:1.625rem;}
.news-main .item{float:left;margin-right:5%;width:30%;}
.news-main .item:last-child{margin-right:0;}
}
/*--end news--*/