@charset "utf-8";
@import url(common.css);
body{padding-top: 0 !important;}

.Header{color: #fff;border-bottom: 1px solid rgba(255,255,255,0.1);}
.Header .Ver dt:before{border:1px solid #fff;background:url(../images/diqiu_white.gif) no-repeat center center/128%;}
.Header .Logo .cai{opacity: 0;}
.Header:after{opacity: 0;filter: blur(10px);}
.MainNav span a{color: #fff;}
.MainNav span a:after{background: #fff;}
.MainNav li.onnav span a{color: #fff;}
.openbtn i{background-color: #fff;}

/*首页第一屏 s*/

.HomeBan{position: relative; z-index: 1; overflow:hidden;background: url(../images/loading.gif) center center no-repeat;left: 0;top:0;transition: all 0.5s;}
.HomeBan .item{position:relative;transition: all 0.3s;z-index: 10;}
.HomeBan .info{left:50%;top:50%;z-index: 3;color:#fff;position: absolute;transform: translate(-50%,-50%);max-width: 16rem;width: 88%;text-shadow: 0 0 2px rgba(0,0,0,0.13);}
.HomeBan .info p{font-size: 0.36rem;line-height: 1.25;font-family: "harmonyOS_Light";}
.HomeBan .info p i{display: inline-block;vertical-align: middle;margin-left: 0.19rem;width: 0.4rem;height: 2px;background-color: rgba(255,255,255,0.8);}
.HomeBan .info h2{font-size: 0.6rem;line-height: 1.43;}

.HomeBan .item .imgbox{padding-top: 100vh;}
.HomeBan .item .imgbox .wap{display: none;}
.HomeBan .video{position: relative;padding-top: 100vh;}
.HomeBan .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.HomeBan .item.slick-current .info p{animation:fadeInRightSmall 0.5s .3s ease both;}
.HomeBan .item.slick-current .info h2{animation:fadeInLeftSmall 0.5s .6s ease both;}
.HomeBan .item.slick-current .imgbox{animation:fadeInscale 8s .4s ease both;-webkit-animation:fadeInscale 8s .4s ease both;-moz-animation:fadeInscale 8s .4s ease both;}

.HomeBan .slick-arrow{width: 0.7rem;height:0.7rem;border: 1px solid #fff;background-color: transparent;position: static;display: block;box-shadow: 0 0 0 rgba(0,0,0,0);}
.HomeBan .slick-prev{background-image: url(../images/arrleft_white.svg);margin-bottom: 0.2rem;}
.HomeBan .slick-next{background-image: url(../images/arrright_white.svg);}
.HomeBan .slick-dots{bottom: 0.7rem;}
.HomeBan .slick-dots li{width: 0.3rem;height: 0.06rem;border-radius: 2px;}
.HomeBan .slick-dots li button{background-color: transparent !important;}
.HomeBan .slick-dots li.slick-active:after{position: absolute;content: "";left: 0;top: 0;z-index: 20;width: 100%;height: 100%;background:#fff;animation: linew 6.6s linear infinite;}
.HomeBan .arrows{position: absolute;right: 12.5vw;top: 50%;transform: translateY(-50%);z-index: 10;}

@media(max-width:1024px){
.HomeBan .item .imgbox .pc{display: none;}
.HomeBan .item .imgbox .wap{display: block;}
.HomeBan .slick-arrow{display: none !important;}
}

.titHead{text-align: center;padding-bottom: 0.42rem;}
.titHead h2{line-height: 1.25;font-size: var(--f48);color: #000000;}
.titHead h3{line-height: 1.66;font-size: var(--f24);color: #333333;opacity: 0.85;}

.TabNavs{margin-bottom: 0.37rem;}
.TabNavs li{border-radius: 0.48rem;border: 1px solid #999999;text-align: center;cursor: pointer;min-width: 1.6rem;padding: 0.09rem 0.25rem;transition: all 0.5s;}
.TabNavs li:not(:last-child){margin-right: 0.2rem;}
.TabNavs li.on{background: var(--main-color);color: #fff;border: 1px solid var(--main-color);}

.page{position: relative;z-index: 2;overflow: hidden;padding: 4.792vw 0 6.146vw;}

.homeSolution .item {flex: 1;transition: all 0.5s;}
.homeSolution .item a{display: block;position: relative;color: #fff;}
.homeSolution .item .outInfo{position: absolute;left: 0;text-align: center;top: 0;height: 100%;z-index: 2;padding: 5.729vw 1.302vw 0;width: 100%;}
.homeSolution .item .inInfo{position: absolute;padding: 0 4.063vw 3.75vw;left: 0;bottom: 0;width: 100%;z-index: 2;opacity: 0; transition: all 0.7s ease-out 0s;}
.homeSolution .item .more{width: 0.56rem;height: 0.56rem;border-radius: 50%;opacity: 0.5;border: 1px solid #fff;background: url(../images/arrright_white.svg) no-repeat center center;position: absolute;left: 50%;transform: translateX(-50%);bottom: 5.052vw;transition: all 0.5s;}
.homeSolution .item .tit{font-size: var(--f24);transition: all 0.5s;}
.homeSolution .item .desc{margin: 0.27rem 0 0.33rem;opacity: 0.8;}
.homeSolution .item .imgbox{padding-top: 31.25vw;}
.homeSolution .item .imgbox:after{content: "";left: 0;top: 0;width: 100%;height:100%;position: absolute;background: var(--main-color-op4);transition: all 0.5s;}
/* .homeSolution .item:hover {flex: 2.5;} */
.homeSolution .item:hover .imgbox:after{background-image: linear-gradient(to bottom, var(--main-color-op0) , var(--main-color));background-color: transparent;}
.homeSolution .item:hover .outInfo .tit{transform: translateY(-0.25rem);opacity: 0;}
.homeSolution .item:hover .outInfo .more{bottom: 0;opacity: 0;}
.homeSolution .item:hover .inInfo {opacity: 1;}
.homeSolution .item:hover .inInfo .tit{animation:fadeInLeftSmall 0.8s .3s ease both;}
.homeSolution .item:hover .inInfo .desc{animation:fadeInLeftSmall 0.8s .5s ease both;}
.homeSolution .item:hover .inInfo .mores{animation:fadeInLeftSmall 0.8s .7s ease both;}

.homeProduct .bg{background: url(../images/homepro_bg.jpg) no-repeat center center/cover;width: 100%;height: 120%;left: 0;top: -30%;position: absolute;}
.homeProduct .TabNav{text-align: center;margin-top: 5.365vw;}
.homeProduct .TabNav ul{display: inline-block;background-color: #fff;border-radius: 0.9rem;box-shadow: 4px 0 30px rgba(1,43,83,0.1);}
.homeProduct .TabNav li{min-width: 15.417vw;cursor: pointer;display: inline-block;}
.homeProduct .TabNav li a{min-height: 0.9rem;padding: 0.23rem 0.3rem;position: relative;}
.homeProduct .TabNav li a:after{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 0;content: "";height: 2px;background-color: var(--main-color);transition: all 0.5s;}
.homeProduct .TabNav li:not(:last-child){margin-right: 0.1rem;}
.homeProduct .TabNav .ico-zoom{width: 0.44rem;height: 0.44rem;border: 1px dashed #cccccc;border-radius: 50%;margin-right: 0.13rem;}
.homeProduct .TabNav .ico-zoom:after{content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: var(--main-color);position: absolute;transition: all 0.5s;width: 0;height: 0;border-radius: 50%;}
.homeProduct .TabNav .ico-zoom:before{content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);border:1px dashed var(--main-color);position: absolute;transition: all 0.6s;width: 0;height: 0;border-radius: 50%;}
.homeProduct .TabNav .ico-zoom img{width: 22px;height: 22px;}
.homeProduct .TabNav .item:hover .ico-zoom:after,
.homeProduct .TabNav .item.on .ico-zoom:after{width: 100%;height: 100%;}
.homeProduct .TabNav .item:hover .ico-zoom:before,
.homeProduct .TabNav .item.on .ico-zoom:before{width: 140%;height: 140%;}
.homeProduct .TabNav .item:hover a:after,.homeProduct .TabNav .item.on a:after{width: 1rem;}

.homeProduct .TabCon {align-items: flex-end;}
.homeProduct .TabCon .info{width: 42.08%;}
.homeProduct .TabCon .tit{color: #000000;font-size: var(--f48);line-height: 1.25;margin-bottom: 0.12rem;}
.homeProduct .TabCon .name{font-size: var(--f24);margin: 0.12rem 0 0.36rem;opacity: 0.85;}
.homeProduct .TabCon .desc{color: #666666;margin-bottom: 3.438vw;}
.homeProduct .TabCon .imgbox{width: 45.9%;overflow: visible;}
.homeProduct .TabCon .imgbox a{display: inline-block;position: relative;}
.homeProduct .TabCon .imgbox img{position: relative;z-index: 1;margin-bottom: -0.4rem;}
.homeProduct .TabCon.fadeIn .info h2{animation:fadeInRightSmall 0.5s 0.3s ease both;}
.homeProduct .TabCon.fadeIn .info .name{animation:fadeInRightSmall 0.5s 0.5s ease both;}
.homeProduct .TabCon.fadeIn .info .desc{animation:fadeInRightSmall 0.5s 0.7s ease both;}
.homeProduct .TabCon.fadeIn .info .moreBtn{animation:fadeInRightSmall 0.5s 0.9s ease both;}
.homeProduct .TabCon.fadeIn .imgbox{animation:fadeInLeftSmall 0.5s 0.3s ease both;}

.homeService .slider ul{width: 66.11%;}
.homeService .slider ul .item{width: 48.9%;}
.homeService .slider ol{width: 32.5%;}
.homeService .slider ol .item a{min-height: 12.5vw;}
.homeService .slider ol .item:not(:last-child) {margin-bottom: 0.2rem;}

.homeService .item{background-position: center bottom;background-repeat: no-repeat;background-size: cover;position: relative;overflow: hidden;background-color: #f0f5f9;}
.homeService .item:After{left: 0;height: 100%;width: 100%;content: "";top: 0;position: absolute;background-image: linear-gradient(to bottom, var(--main-color) , var(--main-color-op3));opacity: 0;transition: all 0.5s;}
.homeService ul .item:before{left: 0;height: 100%;width: 100%;content: "";top: 0;position: absolute;background:rgba(255,255,255,0.8);opacity: 0;transition: all 0.5s;}
.homeService .item a{min-height: 26.042vw;padding: 1.875vw 2.604vw;position: relative;z-index: 2;display: block;}
.homeService .item .tit{font-size: var(--f24);line-height: 2.2;overflow: visible;}
.homeService .item .tit:after{display: block;width: 0.2rem;height: 0.31rem;border-top: 3px solid var(--main-color);content: "";}
.homeService .item .mores{margin-top: 0.24rem;transition: all 0.5s;transform: translateY(0.25rem);opacity: 0;}
.homeService .item .ico-rotate{position: absolute;top: 0.38rem;right: 0.5rem;width: 0.38rem;height: 0.38rem;}
.homeService .item:hover:after {opacity: 1;height: 100%;}
.homeService .item:hover .tit:after{border-top: 3px solid #fff;}
.homeService .item:hover a,
.homeService .item:hover .desc{color: #fff;}
.homeService .item:hover .mores{opacity: 1;transform: translateY(0);}

.listNews .slider{margin: 0 -0.15rem;}
.listNews .item{padding: 0 0.15rem;}
.listNews .item .imgbox{border-radius: 0.1rem;padding-top: 75%;margin-bottom: 0.33rem;}
.listNews .item .date{color: #666666;}
.listNews .item .tit{margin: 0.08rem 0 0.16rem;font-size: var(--f24);}
.listNews .item .desc{color: #666666;margin-bottom: 0.27rem;}
.listNews .slick-arrow{transform: translateY(0);top: 26%;}
.listNews .slick-prev{left: -2.604vw;}
.listNews .slick-next{right: -2.604vw;}

.homeAbout .bg{background: url(../images/homeabout_bg.jpg) no-repeat center top/cover;width: 102%;height: 105%;left: -1%;top: -50%;position: absolute;}
.homeAbout .numList{margin: 0.33rem 0 0.46rem;}
.homeAbout .numList .item{position: relative;min-width: 1.95rem;}
.homeAbout .numList .item:not(:last-child):after{right: 0;top: 0.16rem;height: calc(100% - 0.32rem);width: 1px;content: "";position: absolute;background-color: var(--main-color-op2);}
.homeAbout .numList .item:not(:last-child):before{right: 0;top: 0.16rem;height: 0.2rem;width: 1px;content: "";position: absolute;background-color: var(--main-color);}
.homeAbout .numList .item:not(:first-child){margin-left: 0.55rem;}
.homeAbout .numList .item .num{height: 0.75rem;line-height:0.75rem;color: var(--main-color);font-size: var(--f18);}
.homeAbout .numList .item .num span{margin-right: 0.09rem;font-family: 'harmonyOS_Medium';font-size: 0.52rem;vertical-align: sub;}
.homeAbout .numList .item .num em{line-height: 0.3rem;}
.homeAbout .info{height: 5.3rem;z-index: 3;position: relative;}
.homeAbout .info article{width: 6.68rem;right: 0;top: 5.729vw;position: absolute;}
.homeAbout .info .text{margin-bottom: 3.958vw;max-height: 1.68rem;overflow-y: auto;}
.homeAbout .imgbox{position: absolute;bottom: 26%;left: -13.021vw;width: 77.292vw;z-index: 2;}
.homeAbout .imgbox img{height: 46.615vw;}
.homeAbout .infobg{position: absolute;right: -2.4rem;bottom: 0;height: 5.3rem;width: 13.71rem;z-index: 0;background: url(../images/about_textbg.png) no-repeat 0 bottom/cover;}

@media(max-width:1024px){
	.homeSolution .slick-list{padding: 0 10%;margin: 0 -8%;}
	.homeSolution .item{padding: 0 0.15rem;opacity: 0.2;}
	.homeSolution .slick-current{opacity: 1;}
	.homeSolution .item .outInfo{opacity: 0;}
	.homeSolution .item .inInfo{opacity: 1;}
	.homeSolution .item .imgbox{padding-top: 80%;}
	.homeSolution .slick-prev{left: -17px;}
	.homeSolution .slick-next{right: -17px;}

	.homeService .slider ul{width: 100%;margin-bottom: 0.2rem;}
	.homeService .slider ol{width: 100%;}
	.homeService ul .item{box-shadow: 0 0 15px var(--main-color-op2);}
	.homeService ul .item:before{opacity: 1;}
}
@media(max-width:640px){
	.page{padding: 0.65rem 0;}
	.homeProduct .TabCon .info{width: 52%;}
	.homeProduct .TabCon .imgbox img{margin-bottom: 0;}
	.homeProduct .TabCon .tit{font-size: 0.4rem;}

	.homeAbout .info{height: auto;background-image: linear-gradient(to top, rgba(0,0,0,0) , rgba(255,255,255,0.5));padding: 0.35rem;min-height: 3rem;}
	.homeAbout .info article{position: static;width: auto;}
	.homeAbout .infobg{display: none;}
	.homeAbout .info .text{max-height: none;}
	.homeAbout .imgbox{left: auto;right: -2rem;bottom: 30%;}
}
/* 首页 end*/