@font-face{
	font-family: impact;
	src:url(../Fonts/impact-webfont.ttf);
}

html{-webkit-text-size-adjust:100%;font-size:100px}

body{padding:0; margin:0px auto; font-size:16px;line-height:30px; color:#333333; width:100%; zoom:1;font-family: Arial,"微软雅黑","宋体";background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
img{ max-width:100%; border:none; border:0;display: inline-block;vertical-align: middle;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/*transition: all ease 0.3s;*/}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#1689db;}

/*公用样式*/
.clear{ clear:both;}
.nones{ position:absolute !important; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -1;left: 0;}

/*font*/
.iconfont{ font-size:24px; vertical-align:middle;display: inline-block;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.desc,.dot1,.dot2,.dot3,.dot4,.dot5,.dot6{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.dot1{-webkit-line-clamp: 1;}
.dot3{-webkit-line-clamp: 3;}
.w1600{ z-index:3; position:relative; clear:both; max-width:16rem;width: 90%; margin:0px auto;}
@media(max-width:1600px){
	html{font-size:6.25vw}
}
@media ( max-width:1024px){
	html{font-size:9.765625vw}
	.w1600{width:92%;min-width: 300px;}
}
@media(max-width:768px){
	html{font-size:12.02083vw}
}


/*effict*/
.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:auto; max-height:100%;}

.FloatRight{position: fixed;right: 0.5rem;bottom: 0.5rem;z-index: 1000;}
.FloatRight li{margin-bottom: 10px;position: relative;}
.FloatRight .btn{width: 40px;height: 40px;line-height: 40px;background:rgba(255,255,255,0.2);display: block;text-align: center;border-radius: 50%;color:#fff;position: relative;z-index: 2;cursor: pointer;}
.FloatRight .btn a{color:#fff;}.FloatRight .btn a:hover{color:#fff !important;}
.FloatRight .btn i{font-size: 22px;}
.FloatRight li .info{position:absolute;right: 0px;top: 0;padding:10px;background:#fff;visibility: hidden;opacity: 0;transition: all 0.3s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);border-radius: 5px;}
.FloatRight li .info i{display: block;font-size: 14px;color:#36adad;line-height: 24px;}
.FloatRight li .telinfo{width: 240px;font-size: 20px;}
.FloatRight li .ewm{text-align: center;font-size: 14px;}
.FloatRight li .ewm img{display:block;width:120px;height:120px;max-width: none;margin:0px auto 5px;}
.FloatRight .totop{visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;transform: translateY(-40px);}
.FloatRight .totop.cd-is-visible {visibility: visible;opacity: 1;transform: translateY(0);}
.FloatRight.cur .btn{background:#fff;color:#75797d;}
.FloatRight.cur .btn a{color:#75797d;}
.FloatRight li.on .info{right: 80px;opacity: 1;visibility: visible;}
.FloatRight li.on .btn{background:#36adad;color:#fff;}


/*******第一屏 s*******/
.active .ani1{
	animation:fadeInUp 1s .4s ease both;
	-webkit-animation:fadeInUp 1s .4s ease both;
	-moz-animation:fadeInUp 1s .4s ease both;
}
.active .ani2{
	animation: flipInX 1s .2s ease both;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation: flipInX 1s .2s ease both;
	-moz-animation:flipInX 1s .2s ease both;
}
.active .ani3{
	animation:fadeInDown 1s .4s ease both;
	-webkit-animation:fadeInDown 1s .4s ease both;
	-moz-animation:fadeInDown 1s .4s ease both;
}
.active .ani4{
	animation:fadeInUp 1s .4s ease both;
	-webkit-animation:fadeInUp 1s .4s ease both;
	-moz-animation:fadeInUp 1s .4s ease both;
}

#FixMenu{position: fixed;left: 1%;z-index: 100;top: 50%;transform: translate(0,-50%);}
#FixMenu li {height:30px;line-height: 30px;position: relative;font-family: "DINMedium";color:#1689db;font-size: 16px;cursor: pointer;width: 55px;}
#FixMenu li:after {content: "";position: absolute;left: 0;top: 50%;transform: translate(0,-50%);width: 15px;height: 1px;background:#1689db;transition: all 0.3s;}
#FixMenu li span{position: absolute;left: 0;opacity: 0;}
#FixMenu li a{color:#1689db;}
#FixMenu li.active span{left: 30px;opacity: 1;}
#FixMenu li.active:after{width: 25px;height: 2px;}

.section{background-position: center center;background-size: cover;overflow: hidden;}

/*banner 上向下滚动的箭头效果*/
.downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both; color:#fff;width:45px; height:45px; line-height:45px; position:absolute; bottom:60px; left:50%; margin-left:-17px; z-index:999; text-align:center;}
@-webkit-keyframes rightan
{
  from{bottom: 12%;opacity: 0;}
  to{bottom: 8%;opacity: 1;}
}
/*banner 上向下滚动的箭头效果*/

.HomeBan{position: relative; z-index: 1; overflow:hidden; height:100%; background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .item{ position:relative;height: 100vh;}
.HomeBan .item .desc{position: absolute;left: 50%;top: 50%;z-index: 10;font-size: 0.4rem;line-height: 1.6;color:#fff;width: 100%;text-align: center;transform: translate(-50%,-50%);}
.HomeBan .item video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.HomeBan .item .imgbox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.HomeBan .item .videobtn{cursor:pointer;}
.HomeBan .item .videobtn i{font-size: 0.72rem;transition: all 0.3s;}
.HomeBan .item .videobtn:hover i{transform: scale(1.2);}
.home_video_box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;}
.home_video_box video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 101;object-fit: cover;}
.home_video_box .close{position: absolute;right: 5%;top: 15%;color:#1689db;border: 1px solid #fff;width:50px;height:50px;line-height:50px;border-radius: 50%;text-align: center;cursor: pointer;z-index: 200;background:#fff;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}

.HomeBan .slick-dots{ bottom: 45px;}
.HomeBan .slick-dots li.slick-active button{font-size: 30px;color:#fff;position: absolute;left: 0.9rem;bottom: 0px;display: block;}

.HomeBan:hover .slick-prev { left:5%;}
.HomeBan:hover .slick-next { right:5%;}

.HomeBan .controls{position: absolute;left: 0.9rem;z-index: 100;font-family: impact;bottom: 50px;color:#fff;}
.HomeBan .controls .total{font-size: 20px;opacity: 0.5;}
.HomeBan .controls em{display: inline-block;vertical-align: middle;width: 50px;height: 3px;border-bottom: 1px solid rgba(255,255,255,0.5);position: relative;margin:0 13px 0 37px;}
.HomeBan .controls em:after{position: absolute;left: 0;bottom: 0px;height: 2px;width: 20px;background:#16dbdb;content: "";}

@media ( max-width:1024px){
	.HomeBan,.HomeBan .item{height: auto;}
	.HomeBan .item .imgbox,.HomeBan .item .video{padding-top: 60%;position: relative;}
	.home_video_box .close {width: 30px;height: 30px;line-height: 30px;}
	.HomeBan .item .desc{font-size: 0.4rem;line-height: 1.2;}
	.HomeBan .slick-arrow{display: none !important;}
	#FixMenu{display: none;}
}
@media(max-width:640px){
	.HomeBan .controls{bottom: 35px;left: 20px;}
	.HomeBan .slick-dots li.slick-active button{left: 17px;bottom: -9px;font-size: 20px;}
	.downarr{width: 20px;height: 30px;}
	.HomeBan .controls em{width: 30px;margin-left: 20px;}
}
/*******第一屏 end*******/


/*******第二屏 s/*******/
.Mores{clear: both;}
.Mores i{display: inline-block;vertical-align: middle;width: 34px;height: 8px;transition: all 0.3s;background:url(../images/more.svg) right center no-repeat;margin-right: 10px;}
.Mores a{color:#3599e0;}
.Mores.white i{background:url(../images/more2.svg) right center no-repeat;}
.Mores.white a{color:#fff;}
.Mores:hover i{width: 20px;}

.HomeTit{position: relative;}
.HomeTit h2{font-size: 0.52rem;line-height: 1.3;font-weight: normal;color:#000000;}
.HomeTit.white h2{color:#fff;}

.sec-2:After{background-image: url(../images/homebg1.jpg);width: 100%;height: 100%;left: 0;top: 0;content: "";position: absolute;background-position: center center;background-repeat: no-repeat;background-size: cover;z-index: 0;}
.sec-2 canvas{position: absolute;left: 0;top: 0;width: 100%;z-index: 1;}
.sec-2 .Video{width: 50%;float: left;position: relative;z-index: 10;}
.sec-2 .Video .imgbox{padding-top: 6.4rem;}
.sec-2 .Video .imgbox:after{left: 0;top: 0;width: 100%;height: 100%;content: "";position: absolute;background:rgba(0,0,0,0.1);z-index: 1;transition: all 0.3s;}
.sec-2 .Video .imgbox .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;font-size: 0.2rem;color:#fff;text-align: center;display: block;cursor:pointer;}
.sec-2 .Video .imgbox .play i{font-size: 0.7rem;margin:0px auto 10px;display: block;line-height: 0.7rem;transition: all 0.3s;}
.sec-2 .Video:hover .imgbox:after{background:transparent;}
.sec-2 .Video .play:hover i{transform: scale(1.2);color:#c10e23;}

.video_files{position: fixed;left: 50%;top: 50%;width: 80%;height: 80%;z-index:10005;box-shadow: 0 10px 10px rgba(0,0,0,0.1);transform: translate(-50%,-50%);}
.video_files video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.video_files .close{position: absolute;right: 5%;top: 5%;color:#1689db;border: 1px solid #fff;width:50px;height:50px;line-height:50px;border-radius: 50%;text-align: center;cursor: pointer;z-index: 200;background:#fff;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}

.sec-2 .Info{width: 50%;padding:0.52rem 1.6rem 0 1.18rem;float: left;position: relative;z-index: 10;}
.sec-2 .text{padding:0.66rem 0 0.95rem 0;line-height: 0.3rem;}
.sec-2 .text h3{font-size: 0.24rem;font-weight: normal;margin-bottom: 0.11rem;color:#000000;}
.sec-2 .text p{font-weight: lighter;}
.sec-2 .numlist{display: flex;justify-content: space-between;margin-bottom: 0.68rem;}
.sec-2 .numlist li{padding-left: 0.62rem;position: relative;color:#737373;font-size: 0.18rem;padding-top: 5px;}
.sec-2 .numlist li .ico{position: absolute;top: 8px;height: 0.63rem;width: 0.46rem;border-right:1px solid #e4e5e5;display: block;left: 0;}
.sec-2 .numlist li .ico img{width: 0.31rem;}
.sec-2 .numlist li .num{line-height: 0.45rem;}
.sec-2 .numlist li:nth-child(1) .num{width: 150px;}
.sec-2 .numlist li .num span{font-size: 0.5rem;font-family: impact;margin-right: 6px;background-image: linear-gradient(#1689db,#36adad);background-clip: text;-webkit-background-clip: text;color: transparent;vertical-align: bottom;}
.sec-2 .numlist li .num sub{display: inline-block;line-height: 20px;bottom: -6px;position: relative;font-size: 16px;}
@keyframes scaleIn {
	0% {
				-webkit-transform:scale(2.5); transform:scale(2.5); transition:500ms;
	}
	100% {
				-webkit-transform:scale(1); transform:scale(1); transition:500ms;
	}
}
@-webkit-keyframes scaleIn {
	0% {
					-webkit-transform:scale(2.5); transform:scale(2.5); transition:500ms;
	}
	100% {
					-webkit-transform:scale(1); transform:scale(1); transition:500ms;
	}
}
@media(max-width:1600px){
	.sec-2 .Info{padding:0.52rem 1.2rem 0 0.8rem;}
	.sec-2 .numlist li:nth-child(1) .num{width: 135px;}
}
@media(max-width:1366px){
	.sec-2 .Video{margin-top: 4%;}
	.sec-2 .Video .imgbox{padding-top: 5.8rem;}
	.sec-2 .Info{margin-top: 4%;}
	.sec-2 .text{padding:0.5rem 0 0.7rem 0;}
	.sec-2 .numlist{margin-bottom: 0.4rem;}
}
@media(min-width:1024px){
	.sec-2 .Video{transform:translateX(-280px);-webkit-transform:translateX(-280px);opacity:0;transition:all 1s 0.1s;}
	.sec-2 .Info{transform:translateX(280px);-webkit-transform:translateX(280px);opacity:0;transition:all 1s 0.4s;}
	.sec-2.active .Video,.sec-2.active .Info{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
	.sec-2.active:After{-webkit-animation:scaleIn 2s 1; animation:scaleIn 2s 1;}
}
@media(max-width:1024px){
	.sec-2{width: 90% !important;margin:0.5rem auto;}
	.sec-2 .Video{width: auto;float: none;margin-top: 0;}
	.sec-2 .Video .imgbox{padding-top: 64%;}
	.sec-2 .Info{width: auto;float: none;padding:0.5rem;margin-top: 0;}
}
@media(max-width:767px){
	.HomeTit h2{font-size: 20px;}
	.sec-2 .text{padding:10px 0 20px;line-height: 24px;}
	.sec-2 .text h3{font-size: 16px;}
	.sec-2 .numlist{display: block;}
	.sec-2 .numlist li{padding-left: 45px;}
	.sec-2 .numlist li .num{line-height: 30px;}
	.sec-2 .numlist li .num sub{font-size: 14px;bottom: -2px;}
	.sec-2 .numlist li .num span{font-size: 24px;}
	.sec-2 .numlist li .ico{width: 35px;}
	.sec-2 .numlist li .ico img{width: 25px;}
	.sec-2 .Video .imgbox .play i{font-size: 38px;line-height: 38px;}
	.sec-2 .Video .imgbox .play{font-size: 16px;}
}
/*******第二屏 end/*******/

.sec-3:After{background-image: linear-gradient(160deg, #1689db,#1f93cf, #36adad);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100vh;}
.sec-3 .Info{width: 50%;float: left;height: 100vh;display: flex;padding:0 1.17rem 0 1.6rem;color:#fff;flex-direction: column;justify-content: center;position: relative;z-index: 10;}
.sec-3 .Nav{line-height: 0.62rem;border-bottom: 1px solid rgba(255,255,255,0.12);font-size:0;margin:0.7rem 0 0.27rem 0;}
.sec-3 .Nav li{position: relative;cursor: pointer;font-size:0.24rem;display: inline-block;width: 33.333%;vertical-align: bottom;}
.sec-3 .Nav li a{position: relative;display: inline-block;color:#fff;}
.sec-3 .Nav li a:After{width: 0;content: "";height: 1px;bottom: -1px;position: absolute;background:#fff;transition: all 0.3s;left: 0;}
.sec-3 .Nav li.on{font-weight: bold;}
.sec-3 .Nav li.on a:After{width: 100%;}
.sec-3 .text{margin-bottom: 0.65rem;height: 90px;}
.sec-3 .ImgRight{width: 50%;float: right;height: 100vh;position: relative;z-index: 10;}
.sec-3 .ImgRight .List{overflow: hidden;}
.sec-3 .ImgRight .item{height: 100vh;position: relative;}
.sec-3 .ImgRight .imgbox{position: absolute;left: 0;width: 100%;height: 100%;}
.sec-3 .ImgRight:hover .slick-prev{left: 2%;}
.sec-3 .ImgRight:hover .slick-next{right: 2%;}
.sec-3 canvas{position: absolute;left: 0;top: 0;width: 100%;z-index: 1;opacity: 0.5;}
	@media(max-width:1600px){
		.sec-3 .Info{padding:0 0.8rem 0 0.8rem;}
	}
	@media(min-width:1024px){
		.sec-3:After{background-image: linear-gradient(160deg, #1689db,#1f93cf, #36adad);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100vh;
			transform: scale(0.6); opacity: 0.5;  transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
		.sec-3 .ImgRight{transform:translateX(100%);-webkit-transform:translateX(100%);opacity:0;transition:all 1s 0.1s;}
		.sec-3.active .ImgRight{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
		.sec-3.active:after{
			transform: translate(0px,0px) scale(1);
			transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
			-webkit-transition: transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
			opacity: 1;}
	}
	@media(max-width:1024px){
		.sec-3 .Info{width: auto;float: none;background-image: linear-gradient(160deg, #1689db,#1f93cf, #36adad);height: auto;padding:5%;}
		.sec-3 .ImgRight{width: auto;float: none;}
		.sec-3 .ImgRight .slick-arrow{display: none !important;}
		.sec-3 .ImgRight,.sec-3 .ImgRight .item{height: auto;}
		.sec-3 .ImgRight .imgbox{position: relative;height: auto;padding-top: 64%;}
		.sec-3 .text{height: auto;margin-bottom: 0.3rem;}
		.sec-3:After{display: none;}
	}
	@media(max-width:767px){
		.sec-3 .Nav li{font-size: 16px;}
		.sec-3 .Nav{margin:0.4rem 0 0.2rem;}
	}
/*******第三屏 end/*******/

.sec-4 .HomeTit{margin-bottom: 0.48rem;}
.sec-4:after{left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: -1;background:url(../images/homebg2.jpg);position: absolute;}
.sec-4 .HomeTit .Mores{position: absolute;right: 0;top: 0;}
.sec-4 .Focus{width: 46.875%;float: left;overflow: hidden;}
.sec-4 .Focus .item{position: relative;}
.sec-4 .Focus .imgbox{padding-top: 5.25rem;}
.sec-4 .Focus .imgbox:After{content:"";position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;height: 40%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));transition: all 0.3s;}
.sec-4 .Focus .tit{position: absolute;left: 0;bottom: 0;width: 100%;line-height: 60px;padding:0 105px 0 30px;font-size: 0.2rem;color:#fff;z-index: 3;}
.sec-4 .Focus:hover .slick-prev{left: 2%;}
.sec-4 .Focus:hover .slick-next{right: 2%;}
.sec-4 .Focus:hover .imgbox:after{height: 20%;}
.sec-4 .Focus .slick-dots{left: auto;right: 0;width: 105px;bottom: 25px;}
.sec-4 .Focus .slick-dots li{margin:0 7px;}
.sec-4 .Focus .slick-dots li.slick-active{background:#1689db;border:1px solid #1689db !important;}

.sec-4 .List{width: 46.875%;float: right;}
.sec-4 .List .item{margin-bottom: 0.3rem;height: 0.8rem;padding: 8px 0 0 105px;position: relative;line-height: 0.3rem;}
.sec-4 .List .item .date{position: absolute;width: 86px;background:#ebeef0;display: flex;flex-direction: column;font-weight: lighter;height:0.8rem;justify-content: center;align-items: center;left: 0;top: 0;}
.sec-4 .List .item .date b{font-size: 0.36rem;padding-top: 10px;font-weight: normal;width: 100%;text-align: center;}
.sec-4 .List .item .tit{font-size: 0.2rem;margin-bottom: 7px;}
.sec-4 .List .item .desc{font-weight: lighter;color:#666666;}
.sec-4 .List .item:hover .date{color:#fff;background:#1689db;}
.sec-4 .List .item:last-child{margin-bottom: 0;}

@media(max-width:1366px){
	.sec-4 .w1600{padding-top: 6%;}
	.sec-4 .HomeTit{margin-bottom: 0.28rem;}
	.sec-4 .Focus .imgbox{padding-top: 4.8rem;}
	.sec-4 .List .item{padding-top: 0;margin-bottom: 0.2rem;}
}
@media(min-width:1024px){
		.sec-4.active:After{-webkit-animation:scaleIn 2s 1; animation:scaleIn 2s 1;}
}
@media(max-width:1024px){
	.sec-4{padding:0.5rem 0;}
	.sec-4 .w1600{padding-top: 0;}
	.active .ani1,.active .ani3{
		animation:s 1s .4s ease both;
		-webkit-animation:s 1s .4s ease both;
		-moz-animation:s 1s .4s ease both;}
	.sec-4 .Focus .slick-arrow{display: none !important;}	
}
@media(max-width:768px){
	.sec-4 .Focus{width: auto;float: none;margin-bottom: 0.4rem;}
	.sec-4 .Focus .imgbox{padding-top: 64%;}
	.sec-4 .List{width: auto;float: none;}
	.sec-4 .Focus .tit{font-size: 15px;line-height: 40px;padding: 0px 100px 0 12px;}
	.sec-4 .List .item{height: 60px;line-height: 24px;padding-left: 72px;}
	.sec-4 .List .item .date{height: 60px;font-size: 12px;width: 60px;}
	.sec-4 .List .item .date b{font-size: 24px;}
	.sec-4 .List .item .tit{font-size: 15px;margin-bottom: 0;}
	.sec-4 .Focus .slick-dots {bottom: 16px;width: 100px;}
	.sec-4 .Focus .slick-dots li {margin:0 4px;}
}
/*******第四屏 end/*******/