@charset "utf-8";
@import url(common.css);

.Header{color: #fff;}
.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,.Header .navzt{color: #fff;}
.MainNav span a:after{background: #fff;}
.MainNav li.onnav span a{color: #fff;}
.openbtn i{background-color: #fff;}

/*首页第一屏 s*/

.HomeBan{position: fixed; z-index: 1; overflow:hidden;background: url(../images/loading.gif) center center no-repeat;left: 0;width: 100%;top:0;transition: all 0.5s;}
.HomeBan .item{position:relative;transition: all 0.3s;}
.HomeBan .item a{position:absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.HomeBan .info{left:50%;top:45%;z-index: 3;position: absolute;transform: translate(-50%,-50%);max-width: 16rem;width: 88%;text-shadow: 0 0 2px rgba(0,0,0,0.13);color: #020203;display: none;}
.HomeBan .info .t1{font-size: var(--f32);line-height: 1.25;}
.HomeBan .info h2{font-size: 4.167vw;line-height: 1.3875;margin-bottom: 0.28rem;font-family: 'montserrat_Medium';font-weight: bold;}
.HomeBan .info p{opacity: 0.8;font-size: var(--f18);line-height: 1.67;}

.HomeBan .item .imgbox{padding-top: 100vh;}

.HomeBan .item:nth-child(2n+2) .info{color: #fff;}
.HomeBan .item:nth-child(2n+2) .info .t1{font-size: 6.25vw;font-weight: bold;font-family: 'montserrat_Medium';}
.HomeBan .item:nth-child(2n+2) .info h2{font-size: 4.688vw;font-weight: normal;}

.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 {display: block;}
.HomeBan .item.slick-current .info .t1{animation:fadeInRightSmall 0.5s .3s ease both;}
.HomeBan .item.slick-current .info h2{animation:fadeInLeftSmall 0.5s .5s ease both;}
.HomeBan .item.slick-current .info p{animation:fadeInRightSmall 0.5s .7s 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 .item:nth-child(1).slick-current .imgbox{animation:fadeInZoom 8s .4s ease both;-webkit-animation:fadeInZoom 8s .4s ease both;-moz-animation:fadeInZoom 8s .4s ease both;}

.HomeBan .arrows{position: absolute;right: 8.333vw;z-index: 10;bottom: 4.167vw;color: #fff;}
.HomeBan .slick-arrow{position: static;opacity: 0.6;background-color: transparent !important;border-color: #fff !important;}
.HomeBan .slick-arrow:hover{background-color: var(--main-color) !important;opacity: 1 !important;border-color: var(--main-color) !important;}
.HomeBan .slick-prev{background-image: url(../images/arrleft_white.png);margin-right: 0.2rem;}
.HomeBan .slick-next{background-image: url(../images/arrright_white.png);}
.HomeBan .dots{position: absolute;left: 8.333vw;z-index: 10;bottom: 4.167vw;font-size:var(--f24);font-family: 'montserrat_Medium';color: #fff;opacity: 0.4;}
.HomeBan .dots span:not(:last-child){margin-right: 0.45rem;position: relative;}
.HomeBan .dots span:not(:last-child):after{position: absolute;width: 0.02rem;height: 0.13rem;right: -0.24rem;top: 50%;transform: translateY(-50%) rotate(-45deg);content: "";background-color: #fff;}
.HomeBan .dots .slick-dots{margin: 0;background-color: transparent;}
.HomeBan .dots .slick-dots li button{background-color: transparent;}
.HomeBan .dots .slick-dots li.slick-active button{background-color: var(--orange-color);animation-duration: 7000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms;}

@media(max-width:1024px){
.HomeBan .item .imgbox,
.HomeBan .video{height: auto;padding-top: 60vw;}
.HomeBan .slick-arrow{display: none !important;}
}

.titHead{text-align: center;padding-bottom: 1.563vw;}
.titHead h2{line-height: 1.35;font-size: .48rem;color: #000000;}
.titHead .desc{font-size: var(--f18);margin: 0.22rem auto 0;max-width: 7.18rem;}
.titHead.white h2{color: #fff;}

.MainBox{position: relative;z-index: 1;}
.page{position: relative;z-index: 2;overflow: hidden;padding: 6.25vw 0 5.417vw;}

.homeSelect{background-color: #f8f8f6;position: relative;margin-top: 100vh;}
.homeSelect .w1600{position: static;}
.homeSelect:after{width: 100%;height: 4.41rem;left: 0;bottom: 0;content: "";position: absolute;background: url(../images/homeprobg.png) no-repeat center bottom/cover;z-index: 0;}
.homeSelect .bg{position: absolute;width: 57.292vw;height: 34.792vw;border-radius: 50%;content: "";background: linear-gradient(180deg, #469bba 0%, rgba(255,255,255,0.51) 55%, rgba(255,255,255,0) 100%);left: 21.198vw;top: 12.24vw;z-index: -1;} 
.homeSelect .titHead{width: 100%;}
.homeSelect .TabNav{padding-top: 4.844vw;width: 11%;position: relative;z-index: 10;}
.homeSelect .TabNav .item{font-size: var(--f24);margin-bottom: 0.24rem;color: rgba(0,0,0,0.5);position: relative;padding: 0.05rem 0;}
.homeSelect .TabNav .item:after{left: -1.6rem;width: 0;transition: all 0.5s;content: "";position: absolute;height: 0.02rem;background-color: var(--main-color);top: 50%;margin-top: 1px;}
.homeSelect .TabNav .item a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.homeSelect .TabNav .item.on{color: var(--main-color);}
.homeSelect .TabNav .item.on:after{width: 1.2rem;}

.homeSelect .content{width: calc(100% - 15.43%);padding: 3.281vw 0 0 0;text-align: center;position: relative;min-height: 34.792vw;z-index: 10;} 
/* .homeSelect .content:before{position: absolute;width: 57.292vw;height: 100%;border-radius: 50%;content: "";background: linear-gradient(180deg, #5fa3bc 0%, rgba(255,255,255,0.51) 55%, rgba(255,255,255,0) 100%);left: 0;top: 0;z-index: -1;}  */
.homeSelect .TabCon{width: 57.292vw;} 
.homeSelect .slick-list{padding-right: 40%;width: 140%;} 
.homeSelect .item {position: relative;} 
.homeSelect .item a{color: #fff;} 
.homeSelect .item:before{left: 0;top: 0;width: 100%;height: 100%;z-index: 3;content: "";position: absolute;} 
.homeSelect .info h3{line-height: 1.1;font-size: 2vw;font-family: 'montserrat_Medium';font-weight: bold;width: 57%;margin: 0px auto;} 
.homeSelect .info .desc{min-height: 0.6rem;width: 80%;margin: 0px auto 0.16rem;} 
.homeSelect .imgbox{padding-top: 15.104vw;margin-top: 1.458vw;opacity: 0.2;} 
.homeSelect .slick-current:before{display: none;} 
.homeSelect .slick-current .imgbox{opacity: 1;} 
.homeSelect .arrows{height: 0.6rem;text-align: center;margin-top: 0.32rem;}
.homeSelect .arrows .slick-arrow{position: static;transform: translateY(0);}
.homeSelect .arrows .slick-prev{margin-right: 0.2rem;}
.homeSelect .m{position: absolute;width: 100%;height: 100%;bottom: -28%;left: 0;z-index: 1;}

.homeSolution{background-color: #2a363c;background-position: center center;background-size: cover;background-position: no-repeat;}

.homeSolution .TabNav .icon{width: 0.8rem;height: 0.8rem;border: 0.02rem solid rgba(255,255,255,0.4);border-radius: 50%;display: flex;align-items: center;justify-content: center;position: relative;}
.homeSolution .TabNav .icon:After{width: 0.11rem;height: 0.11rem;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;background-color: #fff;position: absolute;content: "";transition: all 1s;}
.homeSolution .TabNav .icon img{width: 0;height: 0;transition: all 0.5s;position: relative;z-index: 1;opacity: 0;}
.homeSolution .TabNav h3{flex: 1;padding-left: 0.28rem;}
.homeSolution .TabNav .item.on .icon {border:1px solid #fff;}
.homeSolution .TabNav .item.on .icon:after {width: 108%;height: 108%;}
.homeSolution .TabNav .item.on .icon img {width: 0.45rem;height: 0.45rem;opacity: 1;}

.homeSolution .innerCon h3{font-size: var(--f48);line-height: 1.2;}
.homeSolution .innerCon .desc{min-height: 1.12rem;margin:0.29rem 0 0.43rem;font-size: var(--f18);}
.homeSolution .innerCon a{display: block;color: #fff;}

.homeSolution .innerCon .TabCon.fadeInLeftSmall h3{animation:fadeInRightSmall 0.3s .4s ease both;}
.homeSolution .innerCon .TabCon.fadeInLeftSmall .desc{animation:fadeInRightSmall 0.3s .6s ease both;}
.homeSolution .innerCon .TabCon.fadeInLeftSmall p{animation:fadeInRightSmall 0.3s .8s ease both;}

.homeSolution .bgSlider{width: 100%;position: absolute;left: 0;top: 0;height: 100%;z-index: -1;}
.homeSolution .bgSlider .item{opacity: 0;z-index: 0;}
.homeSolution .bgSlider .item,.homeSolution .bgSlider .imgbox{height: 100%;position: absolute;left: 0;top: 0;width: 100%;transition: all 0.8s;}
.homeSolution .bgSlider .imgbox:after{height: 100%;position: absolute;left: 0;top: 0;width: 100%;content: "";background-color: rgba(0,0,0,0.4);transition: all 0.5s;}
.homeSolution .bgSlider .item.on{opacity: 1;z-index: 10;}
.homeSolution .bgSlider .item.on .imgbox{animation:fadeInfilter .8s ease both;}
.homeSolution:hover .bgSlider .imgbox:after{background-color: rgba(0,0,0,0.2);}

.homeGlobal{min-height: 48.75vw;background-color: #fff;z-index: 3;}
.homeGlobal .blank{position: absolute;left: 0;top: -1.5rem;height: 1.5rem;width: 100%;}
.homeGlobal .titHead{width: 100%;}

.homeGlobal .numList{padding: 0 1.5rem;}
.homeGlobal .numList .item{color: #222;padding-bottom: 0.25rem;flex: 1;text-align: center;font-size: var(--f18);}
.homeGlobal .numList .item .num{color: var(--main-color);height: 0.71rem;}
.homeGlobal .numList .item .num b{line-height: 0.71rem;font-size: 0.6rem;font-family: 'montserrat_Medium';}
.homeGlobal .numList .item .num span{display: inline-block;vertical-align: bottom;padding-bottom: 0.1rem;margin-left: 0.08rem;}
.homeGlobal .numList .item .num sup{font-size: var(--f32);font-family: 'montserrat_Medium';display: block;}

.homeGlobal .bg{background: url(../images/diqiu.png) no-repeat center bottom/contain;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;}
.homeGlobal .area .info{position: absolute;right: -1rem;bottom:7.5vw;background-color: #fff;border-radius: 0.18rem;padding:1.302vw 2.083vw;box-shadow: 0 0 3.073vw rgba(0,0,0,0.06);font-size: var(--f20);width: 3.6rem;line-height: 1.7;transition: all 0.5s;z-index: 15;left: 37.083vw;}
.homeGlobal .area .info:after{position: absolute;width: 15px;height: 15px;background-color: #fff;content: "";top: 50%;transform: rotate(45deg) translateY(-50%);left: -12px;}
.homeGlobal .area .info span{color: var(--main-color);}

.homeGlobal .area{width: 88.229vw;height: 31.667vw;position: relative;margin: 0px auto;}
.homeGlobal .area ul{width: 88.229vw;height: 31.667vw;position: relative;z-index: 8;}
.homeGlobal .area .item{position: absolute;font-size: var(--f18);z-index: 10;}
.homeGlobal .area .item .line{position: absolute;}
.homeGlobal .area .item .line:after{left:0;top:0;position: absolute;content: "";background-repeat: no-repeat;z-index: -1;opacity: 0.8;background-size: contain;width: 100%;height: 100%;}
.homeGlobal .area .item:nth-child(1){top: 20.3vw;left: 33.854vw;}
.homeGlobal .area .item:nth-child(1) .line{width: 22.135vw;height: 13.594vw;bottom: 0;}
.homeGlobal .area .item:nth-child(1) .line:after{background-image: url(../images/line5.png);}
.homeGlobal .area .item:nth-child(2){top: 17.76vw;left:11.615vw;transform: rotate(-3deg);}
.homeGlobal .area .item:nth-child(2) .line{width: 22.292vw;height: 5.677vw;bottom: 100%;top:-2.352vw;}
.homeGlobal .area .item:nth-child(2) .line:after{background-image: url(../images/line1.png);}
.homeGlobal .area .item:nth-child(3){bottom: 2.917vw;left: 7.188vw;}
.homeGlobal .area .item:nth-child(3) .line{width: 26.667vw;height: 8.906vw;left: 6%;top:-8.5vw;transform: rotate(-3deg);}
.homeGlobal .area .item:nth-child(3) .line:after{background-image: url(../images/line2.png);}
.homeGlobal .area .item:nth-child(4){bottom: 6.719vw;left: 22.76vw;}
.homeGlobal .area .item:nth-child(4) .line{width: 11.094vw;height: 3.438vw;left: 100%;top:-3.1vw;}
.homeGlobal .area .item:nth-child(4) .line:after{background-image: url(../images/line3.png);}
.homeGlobal .area .item:nth-child(5){bottom: 1.563vw;left: 32.708vw;}
.homeGlobal .area .item:nth-child(5) .line{width: 1.198vw;height: 8.333vw;bottom: 100%;transform: translateX(6px);}
.homeGlobal .area .item:nth-child(5) .line:after{background-image: url(../images/line4.png);}
.homeGlobal .area .item:nth-child(6){top: 7.552vw;right: 31.094vw;}
.homeGlobal .area .item:nth-child(6) .line{width: 14.635vw;height: 3.385vw;top:-2.252vw;}
.homeGlobal .area .item:nth-child(6) .line:after{background-image: url(../images/line6.png);}
.homeGlobal .area .item .dot span{border-radius: 50%;background-color: var(--main-color);width: 0.18rem;height: 0.18rem;border: 0.05rem solid #fff;position: relative;z-index: 1;display: block;}

.homeGlobal .area .item:nth-child(1){z-index: 10;}
.homeGlobal .area .item:nth-child(1) .dot::before,
.homeGlobal .area .item:nth-child(1) .dot::after {width: 120%;height: 120%;position: absolute;left: -10%;top: -11%;content: '';border-radius: 50%;-webkit-animation: scaleAnimate 2s linear infinite;opacity: 0;background-color: var(--main-color);margin: 0;z-index: -1;}
.homeGlobal .area .item:nth-child(1) .dot::after {-webkit-animation-delay: .5s;}

@keyframes autoheight {
	0% {
					height: 0;
					width: 100%;
	}
	100% {
					height: 100%;
					width: 100%;
	}
}
@keyframes autowidth {
	0% {
					height: 100%;
					width: 0;
	}
	100% {
					height: 100%;
					width: 100%;
	}
}

.homeNews{background: #eff2f4 url(../images/homenewsbg.jpg) no-repeat center bottom/cover;background-attachment: fixed;}
.homeNews .bg{position: absolute;left: 0;top: 0%;width: 100%;height: 100%;}
.homeNews .slick-list{margin: 0 -1.302vw;}
.homeNews .item{padding: 1.51vw 1.302vw;}
.homeNews .item a{display: block;}
.homeNews .item .imgbox{padding-top: 55.8%;}
.homeNews .item .info{background-color: #fff;min-height: 3.09rem;padding: 2.76vw 2.083vw;}
.homeNews .item .tit{min-height: 1.08rem;font-size: var(--f24);margin: 0.15rem 0 0.2rem;}
.homeNews .item .tag{color: var(--main-color);}

.homeCol{background-color: #fff;}
.homeCol .list{margin-left: -0.2rem;padding-top: 0.11rem;}
.homeCol .item{width: 33.333%;padding: 0.2rem 0 0 0.2rem;}
.homeCol .item:nth-child(1){width: 66.666%;}
.homeCol .item a{display: block;position: relative;}
.homeCol .item .tit{position: absolute;top: 2.917vw;left: 2.917vw;font-size: var(--f32);color: #fff;line-height: 1.25;z-index: 1;transition: all 0.5s;}
.homeCol .item .imgbox{padding-top: 27.083vw;}
.homeCol .item:hover .tit{left:2.083vw;}

@media(min-width:769px){
	.homeSolution .w1600{transform: translateY(-0.31rem);}
	.homeSolution .innerCon{width: 4.44rem;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;text-align: center;color: #fff;}
	.homeSolution .content{width: 6.2rem;height: 6.2rem;position: relative;margin: 0px auto;border-radius: 50%;background: url(../images/linebg.png) no-repeat center center/contain;}
	.homeSolution .TabNav .item {position: absolute;color: #fff;font-size: var(--f18);width: 2.8rem;z-index: 10;cursor: pointer;} 
	.homeSolution .TabNav .item:nth-child(1) { transform: rotate(0deg);right: 0;top: 0.21rem;}  
	.homeSolution .TabNav .item:nth-child(1) .inner{ transform: rotate(0deg) translateX(1.1rem);}  
	.homeSolution .TabNav .item:nth-child(2) { transform: rotate(45deg);top: 3.63rem;right: 0;}  
	.homeSolution .TabNav .item:nth-child(2) .inner{ transform: rotate(-45deg) translateX(2.2rem);}  
	.homeSolution .TabNav .item:nth-child(3) { transform: rotate(180deg) translateX(50%);left: 50%;bottom: -0.78rem;}  
	.homeSolution .TabNav .item:nth-child(3) .inner{ transform: rotate(-180deg);flex-direction: row-reverse;text-align: center;display: block;}  
	.homeSolution .TabNav .item:nth-child(3) .inner .icon{margin: 0px auto 0.1rem;} 
	.homeSolution .TabNav .item:nth-child(3) .inner h3{padding-left: 0;padding-right: 0;} 
	.homeSolution .TabNav .item:nth-child(4) { transform: rotate(180deg);left: 0;top: 3.63rem;}  
	.homeSolution .TabNav .item:nth-child(4) .inner{ transform: rotate(-180deg) translateX(-2.2rem);flex-direction: row-reverse;text-align: right;}  
	.homeSolution .TabNav .item:nth-child(4) .inner h3{padding-left: 0;padding-right: 0.28rem;}  
	.homeSolution .TabNav .item:nth-child(5) { transform: rotate(125deg);left: 0;top: 0.21rem;}
	.homeSolution .TabNav .item:nth-child(5) .inner{ transform: rotate(-125deg) translateX(-1.1rem);flex-direction: row-reverse;text-align: right;}  
	.homeSolution .TabNav .item:nth-child(5) .inner h3{padding-left: 0;padding-right: 0.28rem;}
	.homeSolution .circle{width: 6.24rem;height: 6.24rem;border-radius: 50%;left: 50%;top: 50%;position: absolute;z-index: -1;transform: translate(-50%,-50%);}
	.homeSolution .circle .bg{width: 100%;height: 100%;border-radius: 50%;left: 0;top: 0;position: absolute;background: url(../images/linerun.png) no-repeat center center/contain;transition: all 0.8s;}
	/* end */

}
@media(max-width:1440px){
	.homeSelect .bg{left: 19vw;top: 11.24vw;}
	.homeSolution .content{zoom: 0.85;}
}
@media(max-width:1024px){
	.page{padding: 0.8rem 0;}
	.homeSelect {margin-top: 59.5vw;}
	.homeSelect .TabNav{width: 100%;display: flex;overflow-x: auto;white-space: nowrap;margin-bottom: 0.2rem;padding-top: 0;}
	.homeSelect .TabNav .item:not(:last-child){margin-right: 0.35rem;}
	.homeSelect .TabNav .item{padding-bottom: 0.3rem;margin-bottom: 0;}
	.homeSelect .TabNav .item a{display: none;}
	.homeSelect .TabNav .item:after{display: block;margin: 0px auto;width: 2px !important;left: 50%;transform: translateX(-50%);height: 0;top: auto;bottom: 0;}
	.homeSelect .TabNav .item.on:after{height: 0.3rem;}
	.homeSelect .content,.homeSelect .TabCon{width: 100%;}
	.homeSelect .content:after{position: absolute;width: 93.5%;height: 60%;border-radius: 50%;content: "";background: linear-gradient(180deg, #469bba 0%, rgba(255,255,255,0.51) 65%, rgba(255,255,255,0) 100%);left: 0;top: 0.25rem;z-index: -1;content: "";}
	.homeSelect .bg{display: none;}
	.homeSelect .slick-list{width: 120%;padding-right: 30%;}
	/* end */

	.homeSolution .content{zoom: 1;}
	.homeSolution .innerCon h3{font-size: var(--f32);}
	/* end */

	.homeGlobal .numList{width: 100%;text-align: center;padding: 0;}
	/* end */
}
@media(max-width:768px){
	 .homeSolution{text-align: center;color: #fff;}
		.homeSolution .TabNav{display: none;}
		.homeSolution .bgSlider{display: none;}
		.homeSolution .nones{position: relative;opacity: 1;visibility: visible;}
		.homeSolution:after{height: 100%;position: absolute;left: 0;top: 0;width: 100%;content: "";background-color: rgba(0,0,0,0.3);}
		.homeSolution .slick-dots{position: static;margin-top: 0.5rem;}
		/* end */

		.homeGlobal .numList .item .num{height: 1rem;}
		.homeGlobal .numList .item .num b{display: inline-block;vertical-align: middle;}
		.homeGlobal .numList .item .num span{padding-bottom: 0;line-height: 16px;vertical-align: middle;}
		.homeGlobal .numList .item{width: 50%;flex: none;}
		/* end */
}

@media(max-width:640px){
	.homeSelect .info h3{font-size: 4.6vw;width: 65%;}

	.homeGlobal .area .item h3,.homeGlobal .area .item .info{font-size: 14px;}
    .homeSolution .innerCon a{ margin:.2rem 0;}
	.homeSolution .innerCon .desc{min-height:96px;}

	.homeCol .item{width: 50%;}
	.homeCol .item:nth-child(1){width: 100%;}
	.homeCol .item:nth-child(1) .imgbox{padding-top: 40vw;}
	.homeSelect .item a{ display:block; padding-top:.3rem;}
    .homeSelect .content:after{ height:70%;}
    .homeNews .item .tag,
    .homeNews .item .date{ font-size:12px;}
    .homeGlobal .area .info{ font-size:14px;}
}

/* 首页 end*/