@import url(common.css);
.Header{background-color: rgba(255,255,255,0.85);}

/*首页第一屏 s*/
.HomeBan .imgbox {width: 100%;height: 100vh;margin-top: 0;position: relative;display: none;}
.HomeBan .imgbox img{width: 100%;height: 100vh;object-fit: cover;}
.scene {width: 100%;height: 100vh;margin-top: 0;position: relative;}
.scene video {width: 100%;height: 100vh;object-fit: cover;}
.HomeBan .tips {
	position: absolute;
	display: flex;
	justify-content: center;
	z-index: 10;
	pointer-events: none;
}
.HomeBan .tips:hover {
	pointer-events: all;
}
.HomeBan .tips .circle {
	position: relative;
	margin-top: 0.3vw;
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 50%;
	background: #fff;
	border: 0.08rem solid #018CD1;
	pointer-events: all;
}
.HomeBan .tips .circle::before,
.HomeBan .tips .circle::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1vw;
	height: 1vw;
	border-radius: 50%;
	background: #1565b063;
	z-index: -1;
}
.HomeBan .tips .circle::before {	animation: circleAnim 3s .75s infinite;}
.HomeBan .tips .circle::after {	animation: circleAnim 3s infinite;}

@keyframes circleAnim {
	0% {
					transform: translate(-50%, -50%) scale(1);
					opacity: 0
	}

	20% {
					opacity: 1
	}

	75% {
					transform: translate(-50%, -50%) scale(2.5);
					opacity: 0
	}

	100% {
					opacity: 0
	}
}
.HomeBan .tips .content {
	position: relative;
	opacity: 1;
	font-size: 0.8vw;
	font-weight: bold;
	width: auto;
	padding: 0.5vw 1vw;
	line-height: normal;
	border-radius: 1vw;
	color: #333;
	margin-left: 0.5vw;
	transition: all 0.5s;
	white-space: nowrap;
}
.HomeBan .tips .content::before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 2vw;
	height: 100%;
	border-radius: 1vw;
	background: rgba(255,255,255,0.9);
	opacity: 0;
}
.HomeBan .tips:hover .content::before {	transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);	opacity: 1;	width: 100%;}
.HomeBan .tips:hover .content {	opacity: 1;}
.HomeBan .tips .content span {	position: relative;	padding-right: 1vw;}

.HomeBan .tips .content span::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 0.4vw;
	height: 0.8vw;
	background: url(../images/arr.svg) no-repeat;
	background-size: 100%;
}
.HomeBan .tips .content span {	opacity: 0;}
.HomeBan .tips .content span:hover {color: #008ad5;}
.HomeBan .tips:hover .content span {	transition: all 0.3s 0.2s;	opacity: 1;	transition: all 0.1s;}
.scene .t1 {	left: 12vw;	top: 50%;}
.scene .t2 {	left: 17vw;	top: 66%;}
.scene .t3 {	left: 31vw;	top: 20.2%;}
.scene .t4 {	left: 38.6vw;	top: 45.5%;}
.scene .t5 {	left: 39vw;	top: 70.5%;}
.scene .t6 {	left: 65vw;	top: 27.5%;}
.scene .t7 {	left: 61vw;	top: 66.5%;}
.scene .t8 {	left: 85vw;	top: 34.8%;}

.imgbox .t01 {	left: 1vw;	top: 53%;}
.imgbox .t02 {	left: 21vw;	top: 60%;}
.imgbox .t03 {	left: 11vw;	top: 20.2%;}
.imgbox .t04 {	left: 38.6vw;	top: 45.5%;}
.imgbox .t05 {	left: 55vw;	top: 62.5%;}
.imgbox .t06 {	left: 71vw;	top: 31.5%;}
.imgbox .t07 {	left: 76vw;	top: 53.5%;}
.imgbox .t08 {	left: 68vw;	top: 14.8%;}

.section{position: relative;overflow: hidden;}

.TitHead{z-index: 10;position: relative;padding: 1.25vw 0 2.083vw;}
.TitHead h2{font-size: 2.708vw;line-height: 1.25;position: relative;z-index: 1;}
.TitHead .en{position: absolute;left: 0;top: 0;line-height: 0.8;color: #aabfca;opacity: 0.2;text-transform: uppercase;font-family: "BarlowSemiBold";font-size: 3.75vw;text-transform: uppercase;}
.TitHead.tc .en{width: 100%;}

.HomePro .TitTop h2{font-size: 2.708vw;line-height: 1.84;margin-bottom: 2.24vw;position: relative;}
.HomePro .TitTop h2:after{content: "";position: absolute;left: -0.32rem;top: 0;width: 0.32rem;height: 0.52rem;background: url(../images/ico_shadian.png) no-repeat center center/contain;}
.HomePro .TabCon{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;}
.HomePro .TabCon .item{height: 100vh;position: relative;padding-top: 7.031vw;color: #fff;}
.HomePro .TabCon .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.HomePro .TabCon .imgbox span{left: -10%;top: -10%;width: 120%;height: 120%;transition: all 2s;}
.HomePro .TabCon .imgbox .wap{display: none;}
.HomePro .TabCon .info{padding: 0 0.22rem;}
.HomePro .TabCon .tit{line-height: 1.8;width: auto;display: inline-block;color: rgba(255,255,255,0.7);position: relative;}
.HomePro .TabCon .tit:After{position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;content: "";background-color: #fff;}
.HomePro .TabCon .desc{min-height: 0.9rem;color: rgba(255,255,255,0.6);margin:0.18rem 0;max-width: 5.25rem;}
.HomePro .TabCon .slick-current .imgbox span{left: 0%;top: 0%;width: 100%;height: 100%;}
.HomePro .TabCon .slick-current .TitTop{animation:fadeInDownSmall 0.7s 0.3s ease both;-webkit-animation:fadeInDownSmall 0.7s 0.3s ease both;-moz-animation:fadeInDownSmall 0.7s 0.3s ease both;}
.HomePro .TabCon .slick-current .tit{animation:fadeInDownSmall 0.7s 0.5s ease both;-webkit-animation:fadeInDownSmall 0.7s 0.5s ease both;-moz-animation:fadeInDownSmall 0.7s 0.5s ease both;}
.HomePro .TabCon .slick-current .desc{animation:fadeInDownSmall 0.7s 0.7s ease both;-webkit-animation:fadeInDownSmall 0.7s 0.7s ease both;-moz-animation:fadeInDownSmall 0.7s 0.7s ease both;}
.HomePro .TabCon .slick-current .moreBtn{animation:fadeInDownSmall 0.5s 0.9s ease both;-webkit-animation:fadeInDownSmall 0.5s 0.9s ease both;-moz-animation:fadeInDownSmall 0.5s 0.9s ease both;}

.HomePro .TabNav{position: absolute;left: 0;z-index: 100;width: 100%;border-top: 1px solid rgba(255,255,255,0.15);bottom: 0;}
.HomePro .TabNav .slick-track{width: 100% !important;display: flex;justify-content: space-between;flex-wrap: wrap;}
.HomePro .TabNav .item:first-child{border-left: 1px solid rgba(255,255,255,0.15);}
.HomePro .TabNav .item{border-right: 1px solid rgba(255,255,255,0.15);flex: 1;width: auto !important;position: relative;}
.HomePro .TabNav .item .icon img{height: 2.865vw;}
.HomePro .TabNav .item a{min-height: 11.021vw;padding: 2.76vw 2.188vw;color: #fff;display: block;position: relative;}
.HomePro .TabNav .item a:after{top: 0;left: 0;width: 100%;height: 0;content: "";position: absolute;background-image: linear-gradient(to bottom, rgba(0,136,211,0.4) , rgba(0,136,211,0.05));z-index: -1;transition: all 0.5s;}
.HomePro .TabNav .item a:before{top: 0;left: 0;width: 100%;content:"";height:0;background:#007cc0;transition: all 0.3s;position: absolute;}
.HomePro .TabNav .item .ti{line-height: 1.93;position: relative;}
.HomePro .TabNav .item .ti:after{position: absolute;content: "";width: 14px;height: 14px;background: url(../images/arr_right.svg) no-repeat center center/contain;right: -14px;top: 50%;transform: translateY(-50%) rotate(45deg);transition: all 0.3s;opacity: 0;}
.HomePro .TabNav .item.slick-current a:after{height: 100%;}
.HomePro .TabNav .item.slick-current a:before{height: 0.05rem;}
.HomePro .TabNav .item.slick-current .ti:after{transform: translateY(-50%) rotate(0);opacity: 1;right: 0;}

@media(min-width:320px){
	.HomePro.active .TabCon .imgbox{animation:fadeInscale 5.8s .3s ease both;-webkit-animation:fadeInscale 5.8s .3s ease both;-moz-animation:fadeInscale 5.8s .3s ease both;}
	.HomePro.active .TabCon .info{animation:fadeInDownSmall 0.7s 0.3s ease both;-webkit-animation:fadeInDownSmall 0.7s 0.3s ease both;-moz-animation:fadeInDownSmall 0.7s 0.3s ease both;}
	.HomePro.active .TabNav .item:nth-child(1){animation:fadeInDownSmall 0.5s 0.3s ease both;-webkit-animation:fadeInDownSmall 0.5s 0.3s ease both;-moz-animation:fadeInDownSmall 0.5s 0.3s ease both;}
	.HomePro.active .TabNav .item:nth-child(2){animation:fadeInDownSmall 0.5s 0.5s ease both;-webkit-animation:fadeInDownSmall 0.5s 0.5s ease both;-moz-animation:fadeInDownSmall 0.5s 0.5s ease both;}
	.HomePro.active .TabNav .item:nth-child(3){animation:fadeInDownSmall 0.5s 0.7s ease both;-webkit-animation:fadeInDownSmall 0.5s 0.7s ease both;-moz-animation:fadeInDownSmall 0.5s 0.7s ease both;}
	.HomePro.active .TabNav .item:nth-child(4){animation:fadeInDownSmall 0.5s 0.9s ease both;-webkit-animation:fadeInDownSmall 0.5s 0.9s ease both;-moz-animation:fadeInDownSmall 0.5s 0.9s ease both;}
	.HomePro.active .TabNav .item:nth-child(5){animation:fadeInDownSmall 0.5s 1.1s ease both;-webkit-animation:fadeInDownSmall 0.5s 1.1s ease both;-moz-animation:fadeInDownSmall 0.5s 1.1s ease both;}
}
@media(max-width:1024px){
	.HomeBan .imgbox{display: block;}
	.HomeBan .scene{display: none;}
	.HomePro .TabCon .item{padding-top: 1.5rem;}
	.HomePro .TabCon .desc{max-width: none;/*-webkit-line-clamp: 6;*/min-height: auto;}
	.HomePro .TabNav{font-size: 0.2rem;}
	.HomePro .TabNav .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;content: "";}
	.HomePro .TabNav .item a{min-height: 8vw;padding: 1.2vw 2.188vw;}
	.HomePro .TabCon .imgbox .pc{display: none;}
	.HomePro .TabCon .imgbox .wap{display: block;}
}
@media(max-width:768px){
	.HomePro .TitTop h2,.TitHead h2{font-size: 0.4rem;}
	.TitHead .en{font-size: 0.4rem;}
	.HomePro .TabNav .slider{width: 100% !important;}
	.HomePro .TabNav .item .icon img{height: 25px;}
	.HomePro .TabCon .info{padding-top: 1rem;}
	.HomePro .TabCon .imgbox:after{background-color: rgba(0,0,0,0.5);left: 0;top: 0;width: 100%;height: 100%;content: "";position: absolute;}
}
@media(max-width:640px){
	.HomePro .TabNav {font-size: 16px;}
	.HomeBan .tips .content span{padding-right: 10px;}
	.HomeBan .tips .content span::before{width: 4px;height: 8px;top: 51%;}
	.HomeBan .tips .content{font-size: 12px;}
}

.HomeAbout .w1600{padding: 5.833vw 0 4.792vw;background: url(../images/homeabout.jpg) no-repeat 11.979vw bottom;}
.HomeAbout .content{width: 45.12%;}
.HomeAbout .info{color: #4b5a65;}
.HomeAbout .numList{width: 45.2%;}
/* .HomeAbout .numList li:nth-child(1){flex: 1;} */
.HomeAbout .numList .num{color: #008ad5;line-height: 4.844vw;margin-bottom: 2px;}
.HomeAbout .numList .num span{font-size: 3.75vw;font-family: "BarlowSemiBold";display: inline-block;vertical-align: top;}
.HomeAbout .numList .num em{line-height: 3;display: inline-block;vertical-align: top;}
.HomeAbout .numList p{color: #777777;}
.HomeAbout .numList li{padding: 0 3.854vw;position: relative;}
.HomeAbout .numList li:first-child{padding-left: 0;}
.HomeAbout .numList li:last-child{padding-right: 0;}
.HomeAbout .numList li:not(:last-child):after{position: absolute;top: 0.1rem;height: calc(100% - 0.2rem);content: "";width: 1px;background-color: #eeeeee;right: 0;}
.HomeAbout .video{position: absolute;left: 0;bottom: 0;width: 100%;height: 28.125vw;z-index: 1;}
.HomeAbout .video:After{width: 100%;height: 100%;left: 0;top: 0;content: "";background-color: rgba(0,0,0,0.1);position: absolute;transition: all 0.5s;}
.HomeAbout .video:hover:After{background-color: rgba(0,0,0,0.3);}
.HomeAbout .video .play{/*width: 1.4rem;*/height: 1.4rem;left: 50%;top: 50%;z-index: 2;margin: -0.7rem 0 0 -0.7rem;background: rgba(0,138,213,0.8) url(../images/play.png) no-repeat center center/contain;border-radius: 50%;cursor: pointer;position: absolute;animation: turn 3s linear infinite;transition: all 0.5s;}
.HomeAbout .video .play:hover{background-color: rgba(0,138,213,1);animation-play-state: paused;}

@media(min-width:320px){
.HomeAbout.active .TitHead{animation:fadeInDownSmall 0.5s .8s ease both;-webkit-animation:fadeInDownSmall 0.5s .8s ease both;-moz-animation:fadeInDownSmall 0.5s .8s ease both;}
.HomeAbout.active .info{animation:fadeInDownSmall 0.5s 1.2s ease both;-webkit-animation:fadeInDownSmall 0.5s 1.2s ease both;-moz-animation:fadeInDownSmall 0.5s 1.2s ease both;}
.HomeAbout.active .numList{animation:fadeInRightSmall 0.5s 1.2s ease both;-webkit-animation:fadeInRightSmall 0.5s 1.2s ease both;-moz-animation:fadeInRightSmall 0.5s 1.2s ease both;}
.HomeAbout.active .video{animation:fadeInfilter 0.8s .6s ease both;-webkit-animation:fadeInfilter 0.8s .6s ease both;-moz-animation:fadeInfilter 0.8s .6s ease both;}
}
@media(max-width:1024px){
	.HomeAbout .w1600{padding-top: 1.5rem;}
	.HomeAbout .content{width: 100%;}
	.HomeAbout .content{width: 100%;}
	.HomeAbout .numList{width: 100%;padding-top: 0.5rem;}
	.HomeAbout .numList .num{line-height: 0.8rem;}
	.HomeAbout .numList .num span{font-size: 0.48rem;}
	.HomeAbout .numList li{padding: 0 !important;}
	.HomeAbout .numList li:not(:last-child):after{display: none;}
}
@media(max-height:500px){
	.HomePro .TabCon .item{padding-top: 1rem;}
	.HomePro .TitTop h2{margin-bottom: 1vw;}
	.HomePro .TabNav .item a{min-height: 7vw;padding: 0vw 2.188vw;}
	.HomeAbout .numList .num{line-height: 0.5rem;}
	.HomeAbout .numList .num em{line-height: 2;}

	.HomeAbout .w1600{padding-top: 0.9rem;}
	.HomeAbout .numList{padding-top: 0rem;}
	.HomeAbout .video{height: 15vw;}
}
@media(max-width:640px){
	.HomeAbout.active .info{max-height: 120px;}
	.HomeAbout .video{height: 40%;}
}

.HomeNews{background: url(../images/newsbg.jpg) no-repeat center bottom/cover;}
.HomeNews .w1600{padding: 5.833vw 0 0;}
.sliderNews .slick-list{margin: 0 - 0.15rem;}
.sliderNews .item{padding: 0 0.15rem 0.35rem;}
.sliderNews .item a{display: block;margin: 0px auto;background-color: #fff;box-shadow: 2px 12px 24px rgba(0,85,167,0.13);border-radius: 5px;position: relative;}
.sliderNews .info{padding: 1.5vw 2.083vw;min-height: 16vw;background: url(../images/dian.jpg) right bottom no-repeat;}
.sliderNews .ti{font-size: var(--f24);margin-bottom: 0.16rem;}
.sliderNews .date{color: #0055a7;font-family: "BarlowSemiBold";}
.sliderNews .tit{margin: 1.146vw 0;}
.sliderNews .desc{color: #4b5a65;margin-bottom: 1.563vw;}
.sliderNews .tag{padding-bottom: 1.927vw;}
.sliderNews .tag span{color: #fff;background-color: #1995d9;padding: 0 10px;border-radius: 0.26rem;display: inline-block;}
.sliderNews .imgbox{padding-top: 16.406vw;}
.sliderNews .slick-dots{display: none !important;}
.sliderNews .slick-prev{left: -0.35rem;}
.sliderNews .slick-next{right: -0.5rem;}

@media(min-width:320px){
	.HomeNews.active .TitHead{animation:fadeInDownSmall 0.4s .5s ease both;-webkit-animation:fadeInDownSmall 0.4s .5s ease both;-moz-animation:fadeInDownSmall 0.4s .5s ease both;}
	.HomeNews.active .sliderNews{animation:fadeInDownSmall 0.5s 0.8s ease both;-webkit-animation:fadeInDownSmall 0.5s 0.8s ease both;-moz-animation:fadeInDownSmall 0.5s 0.8s ease both;}
}
@media(max-width:1024px){
	.HomeNews .w1600{padding-top: 1.5rem;}
	.sliderNews .tit{font-size: 0.18rem;}
	.sliderNews .info{min-height: 3rem;}
}
@media(max-width:768px){
	.sliderNews .slick-list{padding: 0 20% !important;margin: 0 -13%;}
	.sliderNews .item{padding: 0 0.1rem 0.8rem;}
	.sliderNews .item:not(.slick-current){opacity: 0.3;}
	.sliderNews .item:not(.slick-current) a:After{content: "";background-color: rgba(0,0,0,0.5);left: 0;top: 0;width: 100%;height: 100%;position: absolute;z-index: 10;}
	.sliderNews a{width: auto !important;}
	.sliderNews .imgbox{padding-top: 60% !important;}
	.sliderNews .tag{position: absolute;top: 0.33rem;right: 0.3rem;z-index: 10;}
	.sliderNews .info{padding: 0.25rem !important;min-height: 4.2rem;}
}
@media(max-width:640px){
	.sliderNews .tit{font-size: 15px;}
}
/* 首页 */