@charset "utf-8";
.HomeBan{position: relative;}
.HomeBan::before{content:'';display: block;width:100%;height:2rem;background: url(../images/topmask.png) repeat-x bottom center;position: absolute;top:0;left:0;z-index:9;background-size: cover;}
.HomeBan .item{position: relative;}
.HomeBan .item .imgbox{padding-top:50%;}
.HomeBan .item.slick-current .img img{animation: scale linear 6s forwards;}
.HomeBan .item .txt{position: absolute;left:0;bottom:18%;z-index:99;width:100%;}
.HomeBan .item .txt .txtbox{max-width:40%;}
.HomeBan .item .txt .txtbox .tag{line-height: 0.5rem;border-radius: 0.5rem 0.5rem 0.5rem 0;background: #fff;max-width:2rem;text-align: center;font-size: 0.24rem;} 
.HomeBan .item .txt .txtbox .tag span{background: -webkit-linear-gradient(left, #1979a6, #0c9864);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; /* 为了兼容非WebKit浏览器 */
    letter-spacing: 2px;
}
.HomeBan .item .txt .txtbox h2{font-size: 0.56rem;color:#fff;line-height: 1.4; text-shadow: 1px 1px 1px #000000;letter-spacing: 2px;margin:0.2rem 0 0.3rem 0;}
.HomeBan .item .txt .txtbox .eng{font-size: 0.16rem;line-height: 0.3rem;color:#fff;text-transform: uppercase;}
.HomeBan .item .imgbox video{width:100%;height:100%;object-fit: cover;}

.HomeBan .slick-dots{position: absolute;width:100%;bottom:0.6rem;left:0;text-align: center;}
.HomeBan .slick-dots li{display: inline-block;margin:0 0.1rem;}
.HomeBan .slick-dots li button{width:0.4rem;height:4px;border-radius: 4px;background: #fff;opacity: 0.5;transition: all .5s;color:transparent;position: relative;overflow: hidden;}
.HomeBan .slick-dots li button::before{content:"";display: block;height:100%;border-radius: 4px;position: absolute;left:-1px;top:0;background-image: linear-gradient(to right, #1979a6, #0c9864);}
.HomeBan .slick-dots li.slick-active button{opacity: 1;width:1.2rem;}
.HomeBan .slick-dots li.slick-active button:before{left: 0;  width: 100%;
    animation:mymove 5s infinite;
    -moz-animation:mymove 5s infinite; /* Firefox */
    -webkit-animation:mymove 5s infinite; /* Safari and Chrome */
    -o-animation:mymove 5s infinite; /* Opera */
    animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    }

@keyframes scale{
	0%{transform: scale(1);-webkit-transform:scale(1);}
	100%{transform: scale(1.05);-webkit-transform:scale(1.05);}
}
@keyframes mymove{from { width: 0px;}to { width: 100%;}}
@-webkit-keyframes mymove {from { width: 0px;}to { width: 100%;}}


@media(max-width:1024px){
    .HomeBan .item .imgbox{padding-top:55%;}
    .HomeBan .item .txt .txtbox{max-width:45%;}
    .HomeBan .item .txt .txtbox h2{font-size: 28px;}
    .HomeBan .item .txt .txtbox .tag{line-height: 40px;font-size: 15px;}
    .HomeBan .item .txt .txtbox .eng{font-size: 14px;}
}

@media(max-width:640px){
    .HomeBan .item .txt .txtbox{max-width:80%;}
    .HomeBan .item .txt .txtbox h2{font-size: 18px;}
    .HomeBan .item .txt .txtbox .tag{line-height: 30px;font-size: 14px;padding:0 10px;}
    .HomeBan .item .txt .txtbox .eng{font-size: 12px;line-height: 1.5;display: none;}
    .HomeBan .item .txt .txtbox h2{margin:15px 0 0 0;}
    .HomeBan .slick-dots{bottom:10px;}
}



.pd120{padding:1.2rem 0;}
.HomeTit{margin-bottom:0.5rem;}
.HomeTit span{font-size: 0.5rem;font-weight: bold;line-height: 1;position: relative;}
.HomeTit span::after{content:'';display: block;width:5px;height:5px;border-radius: 50%;border:5px solid #73b941;position: absolute;right:-25px;top:-7px;}

@media(max-width:1024px){
    .pd120{padding:60px 0;}
    .HomeTit{margin-bottom:25px;}
    .HomeTit span{font-size: 24px;}
}

@media(max-width:640px){
    .pd120{padding:30px 0;}
    .HomeTit{margin-bottom:15px;}
    .HomeTit span{font-size: 20px;}
    .HomeTit span::after{border:3px solid #73b941;right:-15px;}
}

.HomePro{background-size: cover;background-repeat: no-repeat;background-position: center center;}
.HomePro .HomeProCon{position: relative;}
.HomePro .HomeProTit{position: absolute;left:0;top:0;max-width:2.4rem;}
.HomePro .HomeProTit .con{line-height: 0.3rem;margin-bottom:0.8rem;}
.HomePro .HomeProBox{padding:0 1.1rem 0 3.1rem;padding-bottom:0.3rem;}
.HomePro .HomeProBox ul li{width:3.02rem;height:2.65rem;position: relative;background: url(../images/homeproline.png) no-repeat center center;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;}
.HomePro .HomeProBox ul li::before{content:'';display: block;width:2.54rem;height:2.23rem;background: url(../images/homeprobox.png) no-repeat center center;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background-size: 100% 100%;transition:  all .5s;}
.HomePro .HomeProBox ul li a{position: relative;z-index:9;text-align: center;}
.HomePro .HomeProBox ul li .ico{width:0.6rem;height:0.6rem;position: relative;margin:0 auto;}
.HomePro .HomeProBox ul li .ico img{position: absolute;top:50%;left:50%;transform: scale(0) translate(-50%,-50%);transition: all .5s;max-height:0.6rem;max-width:0.6rem;transform-origin:top left;}
.HomePro .HomeProBox ul li .ico .img1{transform: scale(1) translate(-50%,-50%);}
.HomePro .HomeProBox ul li:hover::before{background-image: url(../images/homeproboxc.png);}
.HomePro .HomeProBox ul li:hover .ico .img1{transform: scale(0) translate(-50%,-50%);}
.HomePro .HomeProBox ul li:hover .ico .img2{transform: scale(1) translate(-50%,-50%);}
.HomePro .HomeProBox ul li .name{font-size: 0.2rem;line-height: 0.28rem;max-width:1.4rem;margin-top:0.2rem;transition: all .5s;-webkit-transition: all .5s;}
.HomePro .HomeProBox ul li:hover .name{color:#fff;}
.HomePro .HomeProBox ul::after{content:'';display: block;clear: both;}
.HomePro .HomeProBox ul{width:11.8rem;height:6.5rem;position: relative;}
.HomePro .HomeProBox ul li{position: absolute;}
.HomePro .HomeProBox ul li:first-child{left:0;top:2.55rem;}
.HomePro .HomeProBox ul li:nth-child(2){left:2.21rem;top:1.28rem;}
.HomePro .HomeProBox ul li:nth-child(3){left:2.21rem;top:3.82rem;}
.HomePro .HomeProBox ul li:nth-child(4){left:4.42rem;top:0;}
.HomePro .HomeProBox ul li:nth-child(5){left:4.42rem;top:2.55rem;}
.HomePro .HomeProBox ul li:nth-child(6){left:6.62rem;top:1.28rem;}
.HomePro .HomeProBox ul li:nth-child(7){left:6.62rem;top:3.82rem;}
.HomePro .HomeProBox ul li:nth-child(8){left:8.82rem;top:0;}
.HomePro .HomeProBox ul li:nth-child(9){left:8.82rem;top:2.55rem;}


.HomePro .HomeProBox dl dd{width:1.24rem;height:1.09rem;background: url(../images/zs.png) no-repeat center center;background-size: 100% 100%;position: absolute;opacity: 0.7;}
.HomePro .HomeProBox dl dd.line{width:0.93rem;height:0.81rem;background: url(../images/line.png) no-repeat center center;background-size: 100% 100%;}
.HomePro .HomeProBox dl dd:nth-child(1){top:0.25rem;left:4.6rem;opacity: 0.7;}
.HomePro .HomeProBox dl dd:nth-child(2){top:3.9rem;left:1.8rem;opacity: 0.7;}
.HomePro .HomeProBox dl dd:nth-child(3){left:7.9rem;top:5.8rem;}
.HomePro .HomeProBox dl dd:nth-child(4){left:12.4rem;top:5.8rem;}
.HomePro .HomeProBox dl dd:nth-child(5){top:1.25rem;right:-0.2rem;}
.HomePro .HomeProBox dl dd:nth-child(6){top:5.4rem;left:3.75rem;opacity: 0.4;}
.HomePro .HomeProBox dl dd:nth-child(7){top:3.7rem;left:0.8rem;width:0.64rem;;height:0.56rem;opacity: 0.3;}

@media(max-width:1024px){
    .HomePro .HomeProBox ul li{position: static;width:2.3rem;height:1.9rem;float:left;}
    .HomePro .HomeProBox dl {display: none;}
    .HomePro .HomeProBox ul{width:auto;height:auto;}
    .HomePro .HomeProBox ul::after{content:"";display: block;clear: both;}
    .HomePro .HomeProBox{padding-right:0;}
    .HomePro .HomeProBox ul li::before{display: none;}
    .HomePro .HomeProBox ul{margin-left:-2%;}
    .HomePro .HomeProBox ul li{width:31.33%;float:left;margin-left:2%;margin-bottom:2%;background: #fff;height:auto;padding:15px 10px;box-sizing: border-box;}
    .HomePro .HomeProBox ul li .ico{width:50px;height:50px;}
    .HomePro .HomeProBox ul li .ico img{max-width:35px;max-height:35px;}
    .HomePro .HomeProBox ul li .name{max-width:100%;font-size: 14px;line-height: 24px;margin-top:10px;height:48px;}
    .HomePro .HomeProBox ul li:hover{background-image: linear-gradient(to right, #1979a6, #0c9864);}
}


@media(max-width:768px){
    .HomePro .HomeProTit{position: static;max-width:100%;}
    .HomePro .HomeProBox{padding:0;margin-top:30px;}
    .HomePro .HomeProTit .con{margin-bottom:20px;}
    .HomePro .HomeProBox ul li .ico{width:40px;height:40px;}
    .HomePro .HomeProBox ul li .ico img{max-width:25px;max-height:25px;}
}


.HomeAbout{background-size: cover;background-repeat: no-repeat;background-position: center center;}
.HomeAbout .HomeTit{color:#fff;text-align: center;}
.HomeAbout .tag{color:#fff;text-align: center;font-size: 0.24rem;margin-bottom:0.2rem;}
.HomeAbout .con{color:#fff;line-height: 1.8;text-align: center;}
.HomeAbout .HomeNum{margin:0.8rem 0;color:#fff;padding:0 1rem;}
.HomeAbout .HomeNum ul{display: flex;justify-content: space-between;}
.HomeAbout .HomeNum ul li .num b{font-size: 0.68rem;line-height: 1;}
.HomeAbout .HomeNum ul li .num span{font-size: 0.24rem;font-weight: bold;position: relative;top:-0.3rem;left:0.1rem;}
.HomeAbout .HomeNum ul li .num i{position: relative;left:-0.1rem;}
.HomeAbout .HomeNum ul li .text{margin-top:0.1rem;}


.HomeAbout .HomeAboutList ul{margin-left:-2%;}
.HomeAbout .HomeAboutList ul li{width:31.33%;float:left;margin-left:2%;position: relative;overflow: hidden;border-radius: 5px;}
.HomeAbout .HomeAboutList ul li::before{content:'';display: block;width:100%;height:100%;background-image: linear-gradient(to right, #1a78a8, #168294);position: absolute;top:0;left:0;opacity: 0.8;}
.HomeAbout .HomeAboutList ul li:nth-child(2)::before{background-image: linear-gradient(to right, #158293, #108f78);}
.HomeAbout .HomeAboutList ul li:nth-child(3)::before{background-image: linear-gradient(to right, #108f78, #0c9864);}
.HomeAbout .HomeAboutList ul li a{display: block;position: relative;}
.HomeAbout .HomeAboutList ul li a::before{content:'';display: block;width:calc(100% - 0.4rem);height:calc(100% - 0.4rem);border:1px solid #fff;border-radius: 5px;opacity: 0.2;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index:99;transition: all .5s;-webkit-transition: all .5s;}

.HomeAbout .HomeAboutList ul li .img{width:100%;height:100%;position: absolute;top:0;left:0;opacity: 0.1;transition: all .5s;-webkit-transition: all .5s;transform: scale(0.7);-webkit-transform: scale(0.7);opacity: 0;}

.HomeAbout .HomeAboutList ul li .txt{display: flex;align-items: center;justify-content: center;height:2.4rem;position: relative;}
.HomeAbout .HomeAboutList ul li .txt .ico{width:0.8rem;display: block;margin:0;}
.HomeAbout .HomeAboutList ul li .txt .text{font-size: 0.26rem;color:#fff;margin-left:0.2rem;letter-spacing: 2px;}

.HomeAbout .HomeAboutList ul li:hover .img{transform: scale(1);-webkit-transform: scale(1);opacity: 0.1;}
.HomeAbout .HomeAboutList ul li:hover a::before{opacity: 0.5;border-radius: 0;}
.HomeAbout .HomeAboutList ul li:hover .txt .ico{ 
    -webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;
}

.HomeAbout .HomeMore{justify-content: center;margin-top:0.5rem;color:#fff;}
.HomeAbout .HomeMore a{color:#fff;}
.HomeAbout .HomeMore a:hover i{border:1px solid transparent;}

@media(max-width:1024px){
    .HomeAbout .tag{font-size: 15px;margin-bottom:10px;font-weight: bold;}
    .HomeAbout .HomeNum{padding:0;margin:30px 0;}
    .HomeAbout .HomeNum ul li .num b{font-size: 40px;}
    .HomeAbout .HomeNum ul li .num span{top:-15px;font-size: 20px;left:7px;}
    .HomeAbout .HomeAboutList ul li .txt{height:150px;}
    .HomeAbout .HomeAboutList ul li a::before{width: calc(100% - 20px);height: calc(100% - 20px);}
    .HomeAbout .HomeAboutList ul li .txt .ico{width:50px;}
    .HomeAbout .HomeAboutList ul li .txt .text{font-size: 16px;}
    .HomeAbout .HomeNum ul li .num i{left:-10px;}
}


@media(max-width:640px){
    .HomeAbout .HomeNum ul{display: block;}
    .HomeAbout .HomeNum ul::after{content:'';display: block;clear: both;}
    .HomeAbout .HomeNum ul li{width:33.33%;float:left;margin-bottom:20px;}
    .HomeAbout .HomeNum ul li .num b{font-size: 30px;}
    .HomeAbout .HomeNum ul li .num i{font-size: 12px;left:-7px;}
    .HomeAbout .HomeNum ul li .num span{font-size: 16px;}
    .HomeAbout .HomeNum{margin-bottom:15px;}
    .HomeAbout .HomeAboutList ul li .txt{flex-direction: column;height:120px;}
    .HomeAbout .HomeAboutList ul li .txt .ico{width:30px;margin-bottom:10px;}
    .HomeAbout .HomeAboutList ul li .txt .text{font-size: 14px;margin-left:0;letter-spacing: 0;}
}

.HomeNews{background: url(../images/homenewsbg.png) no-repeat center center;}
.HomeNews .HomeNewsBox .slick-list{margin-left:-0.4rem;}
.HomeNews .HomeNewsBox .item{margin-left:0.4rem;}
.HomeNews .HomeNewsBox .item .img{padding-top:56%;}
.HomeNews .HomeNewsBox .item:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);}
.HomeNews .HomeNewsBox .item .txt{margin-top:0.3rem;}
.HomeNews .HomeNewsBox .item .txt .tit{font-size: 0.22rem;line-height: 0.36rem;}
.HomeNews .HomeNewsBox .item .txt .dec{color:#666;line-height: 0.3rem;margin:0.2rem 0;}
.HomeNews .HomeNewsBox .item .txt .time{color:#666;}

.HomeNews .slick-arrow{top:-1rem;transform: translateY(0);-webkit-transform: translateY(0);}
.HomeNews .slick-arrow.slick-next{right:0;}
.HomeNews .slick-arrow.slick-prev{right:0.8rem;left:auto;}


@media(max-width:1024px){
    .HomeNews .slick-arrow.slick-prev{right:55px;}
    .HomeNews .slick-arrow{top:-60px;}
    .HomeNews .HomeNewsBox .item .txt{margin-top:20px;}
    .HomeNews .HomeNewsBox .item .txt .tit{font-size: 16px;line-height: 1.6;}
    .HomeNews .HomeNewsBox .item .txt .dec{margin:10px 0;line-height: 24px;}
}

@media(max-width:640px){
    .HomeNews .slick-arrow{top:-40px;}
    .HomeNews .slick-arrow.slick-prev{right:50px;}
    .HomeNews .HomeNewsBox .item .txt .tit{font-size: 15px;}
}

.HomeTec{background: url(../images/hometec.jpg) no-repeat top center;background-size: contain;position: relative;}
.HomeTec::before{content:'';display: block;width:100%;height:6.5rem;position: absolute;bottom:0;left:0;background: url(../images/tecbg.png) no-repeat bottom left;background-size: 100%;}
.HomeTec .HomeTecBox .slider-for{width:55%;float:left;}
.HomeTec .HomeTecBox .slider-for .item{height:5.2rem;position: relative;}
.HomeTec .HomeTecBox .slider-for .item a::after{content:'';display: block;clear: both;}
.HomeTec .HomeTecBox .slider-for .item .img{width:45%;float:left;text-align: center;}
.HomeTec .HomeTecBox .slider-for .item .img img{display: inline-block;max-height:5.2rem;}
.HomeTec .HomeTecBox .slider-for .item .txt{width:45%;float:right;padding-top:1.8rem;}
.HomeTec .HomeTecBox .slider-for .item .txt .tit{font-size: 0.3rem;color:#fff;}
.HomeTec .HomeTecBox .slider-for .item .txt .dec{line-height: 0.3rem;color:#fff;margin:0.3rem 0 0.4rem 0;max-height: 0.9rem}
.HomeTec .HomeTecBox .slider-for .item .txt .HomeMore{color:#fff;}
.HomeTec .HomeTecBox .slider-for .item .txt .HomeMore:hover i{border:1px solid transparent;}
.HomeTec .HomeTecBox .slider-for .item .dotico{height:1.45rem;width:1px;background: #73b941;position: absolute;top:0.5rem;left:51%;}
.HomeTec .HomeTecBox .slider-for .item .dotico::after,
.HomeTec .HomeTecBox .slider-for .item .dotico::before{content:'';display: block;}
.HomeTec .HomeTecBox .slider-for .item .dotico::before{width:0.31rem;height:0.31rem;background: url(../images/dotc.png) no-repeat center center;position: absolute;top:-0.27rem;left:50%;transform: translateX(-50%);background-size: contain;}
.HomeTec .HomeTecBox .slider-for .item .dotico::after{width:9px;height:12px;background: url(../images/dian.png) no-repeat center center;position: absolute;bottom:0;left:50%;margin-left:-4.5px;}

.HomeTec .HomeTecBox .slider-nav{width:38.5%;float:right;box-sizing: border-box;margin-top:-0.6rem;}
.HomeTec .HomeTecBox .slider-nav .slick-track{box-sizing: border-box;height:5.5rem;}
.HomeTec .HomeTecBox .slider-nav .item{padding:0 0.3rem;transition: all .3s;position: relative;}
.HomeTec .HomeTecBox .slider-nav .item .img{position: relative;text-align: center;top:0;left:0;}
.HomeTec .HomeTecBox .slider-nav .item .img img{height:2rem;display: inline-block;}
.HomeTec .HomeTecBox .slider-nav .item .img::before{content:'';display: block;width:1.54rem;height:1.54rem;background: url(../images/tec-yuan.png) no-repeat center center;background-size: contain;position: absolute;right:-0.25rem;top:50%;transform: translateY(-50%);}
.HomeTec .HomeTecBox .slider-nav .item .tit{font-size: 0.18rem;margin-top:0.2rem;padding-left:0.5rem;position: relative;}
.HomeTec .HomeTecBox .slider-nav .item .tit::before{content:'';display: block;width:0.13rem;height:0.13rem;background:url(../images/dot.png) no-repeat center center;background-size: contain;position: absolute;left:0;top:50%;margin-top:-0.065rem;}
.HomeTec .HomeTecBox .slider-nav .item.slick-active{position: relative;left:0.5rem;top:-0;}
.HomeTec .HomeTecBox .slider-nav .item.slick-active + .item.slick-active{left:-0.23rem;top:3rem;}

@media(max-width:1440px){
    .HomeTec .HomeTecBox .slider-for .item .img img{max-height:3.6rem;}
    .HomeTec .HomeTecBox .slider-for .item{margin-top:0.4rem;height:4.3rem;}
    .HomeTec .HomeTecBox .slider-for .item .txt .dec{line-height: 24px;max-height: 72px}
    .HomeTec .HomeTecBox .slider-for .item .dotico{top:0.6rem;}
    .HomeTec .HomeTecBox .slider-nav{position: relative;left:-0.8rem;}
    .HomeTec .HomeTecBox .slider-nav .item.slick-active + .item.slick-active{left:-0.01rem;}
}

@media(max-width:1024px){
    .HomeTec::before{background: none;}
    .HomeTec .HomeTecBox .slider-for{width:100%;}
    .HomeTec .HomeTecBox .slider-nav{width:100%;display: none;}
    .HomeTec .HomeTecBox .slider-for .item .txt{padding-top:80px;}
    .HomeTec .HomeTecBox .slider-for .item .txt .tit{color:#333;}
    .HomeTec .HomeTecBox .slider-for .item .txt .dec{color:#666;}
    .HomeTec .HomeTecBox .slider-for .item .txt .HomeMore{color:#666;}
    .HomeTec .HomeTecBox .slider-for .item .txt .HomeMore1 i{border:1px solid #cfcfcf;}
    .HomeTec .HomeTecBox .slider-for .item .txt .HomeMore1 i::after{background-image: url(../images/next.png);}
    .HomeTec .HomeTecBox .slider-for .item .txt .HomeMore1:hover i::after{background-image: url(../images/nextc.png);}
    .HomeTec .HomeTecBox .slider-for .item{height:auto;}
    .HomeTec .HomeTecBox .slider-for .item .txt .tit{font-size: 16px;}
}


@media(max-width:640px){
    .HomeTec .HomeTecBox .slider-for .item .img{width:35%;}
    .HomeTec .HomeTecBox .slider-for .item .txt{width:54%;padding-top:20px;}
    .HomeTec .HomeTecBox .slider-for .item .img img{max-height:140px;}
    .HomeTec .HomeTecBox .slider-for .item .dotico{left:40%;}
}