@font-face {
    font-family: 'Akrobat'; /* 自定义的字体名称 */
    src: url('../font/Akrobat-Black.ttf') format('truetype'); /* 字体文件的路径和格式 */
}

.section{ overflow: hidden;}

.banner{ width: 100%; height: 100%;}
.banner .swiper-slide img{ width: 100%; height: 100%; display: block;}
.banner .swiper-slide:after{ position: absolute; content: ''; width: 0%; left: 0; bottom: 0; border-bottom: 3px solid #CE2620;}
.banner .swiper-slide.swiper-slide-active:after{ width: 100%;
	transition: all 5000ms linear 0s;
	-webkit-transition: all 5000ms linear 0s;
	-moz-transition: all 5000ms linear 0s;
}
.banner .swiper-button-prev,
.banner .swiper-button-next{opacity:0;z-index:3;border-radius: 50%; background: none; width: 50px; height: 50px; color: #fff; font-size: 28px;
	border: 1px solid #fff; text-align: center; line-height: 50px;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{opacity: 1}
.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover{ color: #fff;/* background-color: #CE2620; border: 1px solid #CE2620;*/opacity: 1}
.banner .swiper-button-next:before{content: '';display: block;position: absolute;width:200px;height: 400px;background: transparent;top:-300%;left: -300%;z-index: -1}
.banner .swiper-button-prev:before{content: '';display: block;position: absolute;width:200px;height: 400px;background: transparent;top:-300%;right: -300%;z-index: -1}

.mousesdown{ position: absolute; bottom:20px; width: 100%; z-index: 9; text-align: center;}
.mousesdown a{ display: block; margin: 0 auto; width: 70px; height: 70px; border-radius: 50%;  border: 1px solid #fff; text-align: center;
	line-height: 70px;transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);}
.mousesdown a img{animation: run 1s linear infinite}

@keyframes run {
	0%{transform: translateY(-3px);-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);}
	50%{transform: translateY(3px);-webkit-transform: translateY(3px);-moz-transform: translateY(3px);}
	100%{transform: translateY(-3px);-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);}
}

.section2{ background: url(../images/in7.jpg) no-repeat left top;}
.section2 .newlist{ float: left; width: 32%; height: 100%; position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding:0 3%;
	padding-left: 7%;
}
.section2 .newlist .neilist{ /*display: table-cell; vertical-align: middle;*/position: absolute;top:50%;transform: translateY(-50%);}
.section2 .newlist h3{ position: relative; margin-bottom: 40px;top: 100px;opacity: 0;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
}
.section2 .newlist h3{top:0;opacity: 1}
.section2 .newlist ul li,.section2 .newlist .index_yinc{opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.section2 .newlist h3:after{ position: absolute; content: ''; left: 0; bottom: -20px; width: 25px; border-top: 2px solid #CE2620;}
.section2 .newlist h3 strong{ display: inline-block; vertical-align: middle; font-size: 40px; color: #363636; font-weight: normal; font-family: Akrobat;}
.section2 .newlist h3 font{ display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 20px; color: #848484;}
.section2 .newlist ul li{ width: 90%; margin-bottom: 30px;opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: 0.3s ease-in-out 0.2s;
	-webkit-transition: 0.3s ease-in-out 0.2s;
	-moz-transition: 0.3s ease-in-out 0.2s;
}
.section2 .newlist ul li:nth-child(2){
	transition: 0.3s ease-in-out 0.5s;
	-webkit-transition: 0.3s ease-in-out 0.5s;
	-moz-transition: 0.3s ease-in-out 0.5s;
}
.section2 .newlist ul li:nth-child(3){
	transition: 0.3s ease-in-out 0.8s;
	-webkit-transition: 0.3s ease-in-out 0.8s;
	-moz-transition: 0.3s ease-in-out 0.8s;
}
.section2 .newlist ul li:nth-child(4){
	transition: 0.3s ease-in-out 1.1s;
	-webkit-transition: 0.3s ease-in-out 1.1s;
	-moz-transition: 0.3s ease-in-out 1.1s;
}
.section2 .index_yinc{opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	transition: 0.3s ease-in-out 1.2s;
	-webkit-transition: 0.3s ease-in-out 1.2s;
	-moz-transition: 0.3s ease-in-out 1.2s;
}

.section2 .newlist ul li h4{ font-size: 18px; color: #363636; font-weight: bold;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
}
.section2 .newlist ul li p{ font-size: 14px; color: #363636; line-height: 1.7;}
.section2 .newlist ul li:hover h4{ color: #CE2620;}
.section2 .ouradvantage{ float: left; width:68%; height: 100%; background-color: #007AFF; overflow: hidden;}
.section2 .advtit{ float: left; width: 7%; height: 100%; background-color: #F4F4F6; position: relative;}
.section2 .advtit h4{ position: absolute; bottom: 10%; width: 100%; text-align: center;}
.section2 .advtit h4 img{opacity: 0;
	transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	transition: 0.5s ease-in-out 0.3s;
	-webkit-transition: 0.5s ease-in-out 0.3s;
	-moz-transition: 0.5s ease-in-out 0.3s;
}
.section2 .advtit h4 img{opacity: 1;
	transform: translateY(0) scale(0.8);
	-webkit-transform: translateY(0) scale(0.8);
	-moz-transform: translateY(0) scale(0.8);
}

.section2 .adfour{ float: left; width: 93%; height: 100%; background-color: #fff; position: relative;}
.section2 .adfour ul{ width: 100%; height: 100%; font-size: 0;/* display: table; */position: relative;}

.section2 .adfour ul li{ float: left;/* display: table; */width: 25%; height: 100%; vertical-align: top; position: relative; z-index: 2;left: 50px;opacity: 0;
	transition: 0.5s ease-in-out 0.3s;
	-webkit-transition: 0.5s ease-in-out 0.3s;
	-moz-transition: 0.5s ease-in-out 0.3s;
}
.section2 .adfour ul li:nth-child(2){
	transition: 0.5s ease-in-out 0.7s;
	-webkit-transition: 0.5s ease-in-out 0.7s;
	-moz-transition: 0.5s ease-in-out 0.7s;
}
.section2 .adfour ul li:nth-child(3){
	transition: 0.5s ease-in-out 1.1s;
	-webkit-transition: 0.5s ease-in-out 1.1s;
	-moz-transition: 0.5s ease-in-out 1.1s;
}
.section2 .adfour ul li:nth-child(4){
	transition: 0.5s ease-in-out 1.4s;
	-webkit-transition: 0.5s ease-in-out 1.4s;
	-moz-transition: 0.5s ease-in-out 1.4s;
}

.section2 .adfour ul li:after{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
}
.section2 .adfour ul li .tbs{ width: 100%; text-align: center; position: absolute; top: 50%; padding: 0 15%;
	transform: translateY(-20%);
	-webkit-transform: translateY(-20%);
	-moz-transform: translateY(-20%);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.section2 .adfour ul li{opacity: 1;left: 0;  }


.section2 .adfour ul li .tbs h4{ font-size: 44px; font-family: Akrobat; color: #CE2620; text-transform: uppercase;}
.section2 .adfour ul li .tbs h5{ font-size: 22px; color: #000000; margin-top: 45px; font-weight: bold;}
.section2 .adfour ul li .tbs i{ display: inline-block; margin-top: 20px; width: 30px; height: 2px; background-color: #CE2620;}
.section2 .adfour ul li .tbs p{ margin-top:15px; text-align: left; font-size: 13px; color: #fff; line-height:2; opacity: 0;height: 130px;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
}
.section2 .adfour ul li .tbs img{ display: inline-block; margin-top: 40px; opacity: 0;}
.section2 .adfour ul li .tbs img,
.section2 .adfour ul li,
.section2 .adfour ul li .tbs h4,
.section2 .adfour ul li .tbs h5,
.section2 .adfour ul li .tbs,
.section2 .adfour ul li .tbs p,
.section2 .adfour ul li .tbs i,
.section2 .adfour ul li .imgs{
	transition: all .6s cubic-bezier(.17,.67,.34,1) 0s;
	-webkit-transition: all .6s cubic-bezier(.17,.67,.34,1) 0s;
	-moz-transition: all .6s cubic-bezier(.17,.67,.34,1) 0s;
}
.section2 .adfour ul li .tbs p:nth-of-type(1){
	transition: all .6s cubic-bezier(.17,.67,.34,1) .1s;
	-webkit-transition: all .6s cubic-bezier(.17,.67,.34,1) .1s;
	-moz-transition: all .6s cubic-bezier(.17,.67,.34,1) .1s;
}
.section2 .adfour ul li .tbs p:nth-of-type(2){
	transition: all .6s cubic-bezier(.17,.67,.34,1) .3s;
	-webkit-transition: all .6s cubic-bezier(.17,.67,.34,1) .3s;
	-moz-transition: all .6s cubic-bezier(.17,.67,.34,1) .3s;
}
.section2 .adfour ul li .tbs img{
	transition: all .6s cubic-bezier(.17,.67,.34,1) .5s;
	-webkit-transition: all .6s cubic-bezier(.17,.67,.34,1) .5s;
	-moz-transition: all .6s cubic-bezier(.17,.67,.34,1) .5s;
}

.section2 .adfour ul li a{display: block;width: 100%;height: 100%;}
.section2 .adfour ul li a:hover{background-color: #CE2620;}
.section2 .adfour ul li a:hover h4{ color: #fff;}
.section2 .adfour ul li a:hover h5{ color: #fff;}
.section2 .adfour ul li a:hover i{ width: 100%; height: 1px; background-color: rgba(255,255,255,0.7);}
.section2 .adfour ul li a:hover .tbs{
	transform: translateY(-63%);
	-webkit-transform: translateY(-63%);
	-moz-transform: translateY(-63%);
}
.section2 .adfour ul li a:hover p{ color: #fff; opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}
.section2 .adfour ul li a:hover .tbs img{ opacity: 1;}
.section2 .adfour ul li .imgs{ position: absolute; bottom: 0; width: 100%;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
}
.section2 .adfour ul li .imgs img{ width: 100%; height: auto; display: block;}
.section2 .adfour ul li:hover .imgs{ 
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
}
.section3 .quantumctek{ position: relative; width: 90%; margin: 0 auto;}
.section3 .lftquan{ float: left; width: 50%; position: relative; padding-top: 80px;left: -200px;opacity: 0;
	transition: 0.8s ease;
	-webkit-transition: 0.8s ease;
	-moz-transition: 0.8s ease;
}
.section3 .lftquan{left: 0;opacity: 1;}

.section3 .lftquan:after{ position: absolute; content: ''; right: -80px; top: 50%; margin-top: -1000px; width: 428px; height: 2000px; background-color: #ECECEC;}
.section3 .lftquan .videos{ width: 100%;}
.section3 .lftquan .videos .swiper-slide img{ width: 100%; height: auto; display: block;}
.section3 .lftquan .swiper-button-prev,
.section3 .lftquan .swiper-button-next{ background: none; font-size: 25px; color: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #484848;}
.section3 .lftquan .swiper-button-prev{ left: auto; right: 40px; top: 42px;}
.section3 .lftquan .swiper-button-next{ right: -1px; top: 42px;}
.section3 .ritquan{ float: left; width: 50%; padding-left: 140px; padding-top: 82px;opacity: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	transform: translateX(200px);
	-webkit-transform: translateX(200px);
	-moz-transform: translateX(200px);
	transition: 0.8s ease;
	-webkit-transition: 0.8s ease;
	-moz-transition: 0.8s ease;
}
.section3 .ritquan{
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	opacity: 1;
}
.section3 .lftquan .swiper-button-next:hover,.section3 .lftquan .swiper-button-prev:hover{ background-color: #CE2620;}
.section3 .ritquan h3{ font-size: 48px; color: #363636; font-family: Akrobat;}
.section3 .ritquan h4{ font-size: 24px; color: #363636;}
.section3 .ritquan i{ display: block; width: 30px; height: 2px; background-color: #CE2620; margin: 20px 0;}
.section3 .ritquan h5{ font-size: 18px; color: #3D3D3D; margin-bottom: 10px;}
.section3 .ritquan h6{ font-size: 14px; color: #A5A5A5; margin-bottom: 25px;}
.section3 .ritquan p{ font-size: 14px; color: #3D3D3D; line-height: 1.8;}
.section3 .ritquan a{font-size: 14px; display: block; margin-top: 50px; width: 185px; height: 42px; text-align: center; line-height: 42px; background-color: #CE2620; text-transform: uppercase; color: #fff;}
.section3 .ritquan a:hover{ background-color: #B21712;}
html,body{overflow: hidden !important;}
.index_footer{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 111;
	transition: 0.4s ease 1s;
	-webkit-transition: 0.4s ease 1s;
	-moz-transition: 0.4s ease 1s;
}
/*.index_footer footer .yqlj{bottom: 93px !important;}*/
.index_footer footer{padding:15px 0;z-index: 1111;}
.index_footer{
	transform: translateY(60px);
	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
}
.index_footer.active{
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}
.index_footer footer .yqlj{padding: 15px 0 10px;top:-73px;}

.index_lefts{position: absolute;  top: 3px;  display: block;font-weight:bold;width: 100%;  z-index: 11;  font-size: 16px;color: black}
.lftquan .swiper-slide{padding-top: 45px;}
.section3 .lftquan .swiper-button-prev, .section3 .lftquan .swiper-button-next{/*top: 86px;*/}
.section3 .lftquan{padding-top: 33px}





.section2 .mousesdown a{border: 1px solid #9C9FA3}
.section2 .mousesdown{bottom: 26px;}
.mousesdown {
	bottom: 20px;
	width: 52.5%;
	z-index: 9;
	text-align: right;
	position: absolute;
}
.mousesdown a{display: inline-block}

.banner .swiper-pagination-bullet{opacity: 0.8 !important;background: transparent}
.banner{display: none;}



.box{width:90%;}
.box_u1{width: 100%;}
.box_u1 img{width: 100%;height: 100%;}
.box_u1 li{position: absolute;left:0px;top:0;}

.btn_left,.btn_right{opacity:0;width:50px;height:50px;background: transparent;position: absolute;top:50%;z-index: 10;border: 1px solid white;text-align: center;line-height: 50px;font-size: 25px;color: white;border-radius: 50%;font-family: kaiti;cursor: pointer;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	box-shadow: 0px 0px 4px 0px white;
}
.btn_right{right:10px;}
.btn_left{left: 10px}
.box:hover .btn_left,.box:hover .btn_right{opacity: 1;}
.box_u2{position: absolute;  z-index: 10;  bottom: 40px;  width:30%;  text-align: center;  right: 0;}
.box_u2 li{display: inline-block;width:10px;height: 10px;border-radius: 50%;margin-left: 15px;background: rgba(250,250,250,0);
	position: relative;cursor: pointer;
	transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
}
.box_u2 li.active{background: rgba(250,250,250,.9)}
.box_u2 li.active:after{content: '';display: block;position: absolute;width: 14px;height: 14px;border: 1px solid rgba(250,250,250,.7);top:-3px;left: -3px;border-radius: 50%;}
.box_u2 li:after{content: '';display: block;position: absolute;width: 14px;height: 14px;border: 1px solid rgba(250,250,250,.7);top:-3px;left: -3px;border-radius: 50%;}



.xiugai_swono .swiper-slide img{width: 20px;margin-right: 10px;margin-top: -5px;}
.xiugai_swono .swiper-slide a{display: block;font-size: 18px;}
.xiugai_swono .swiper-slide a:hover{color: #bf231f;}
.xiugai_swono .swiper-slide a span{display: block;box-sizing: border-box;/*padding-left: 28px;*/font-size: 15px;transition: 0.3s ease;}
.xiugai_swono .swiper-slide a:hover span{color: #444;}






@media screen and (min-width: 1200px) {
	/*.banner .swiper-slide img{width: 100% !important;height: 100% !important;}*/
	.banner .swiper-slide{overflow: hidden}
	.banner .swiper-pagination{bottom: 42px !important;text-align: right;width: 50%;left: inherit;right: 0}
	.banner .swiper-pagination span:last-of-type{margin-right: 10%}
	.banner .swiper-pagination span{position: relative;}
	.banner .swiper-pagination span:after{position: absolute;content: '';display: block;width: 12px;height: 12px;border-radius: 50%;border: 1px solid rgba(250,250,250,.9);left: -3px;top:-3px;}
	.banner .swiper-pagination .swiper-pagination-bullet-active{background: white !important;}
	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 11px;}
	
}
@media screen and (max-width: 1200px){
	.sm{
		display: none
	}
}
@media screen and (min-width: 1200px) and (max-width: 1366px){
	.section2 .adfour ul li .tbs img{margin-top: 10px !important;}
	.section3 .ritquan{padding-top: 40px !important;}
	.section2 .adfour ul li .tbs h4{font-size: 28px;}
	.section2 .adfour ul li .tbs h5{font-size: 16px;}
	/*.section2 .adfour ul li:nth-of-type(4) .tbs{top:48%;}*/
	.section2 .newlist h3{margin-top: 50px;}



}
.section4{display: none !important;}
@media screen and (min-width: 1700px){
	.section3 .ritquan h5{margin-top: 30px;}
	.section3 .ritquan h6{margin-bottom: 30px;}
	.section3 .ritquan a{margin-top:63px;}
}
@media screen and (min-width: 1200px) and (max-width: 1600px){
	.section3 .ritquan h3{font-size: 30px;}
	.section3 .ritquan h4{font-size: 18px;}
	.section3 .ritquan h5{font-size: 17px;}
	.section3 .ritquan h6{font-size: 12px;}
	.section3 .ritquan p{font-size: 12px;}
	.section3 .ritquan {padding-top:58px !important;}
	.section3 .ritquan h6{margin-bottom: 15px !important;}
	.section3 .ritquan a{margin-top: 30px !important;}
	.section2 .adfour ul li .tbs h5{font-size: 18px !important;}


	.lftquan .swiper-slide{height: 323px;background: black;}
	.lftquan .swiper-slide video{height: 300px;}
	.lftquan .swiper-slide iframe{height: 300px;}
	.index_lefts {
		position: absolute;
		top: 13px;
		display: block;
		font-weight: bold;
		width: 100%;
		z-index: 11;
		font-size: 16px;
		color: white;
		text-align: center;
	}
	.section3 .lftquan .swiper-button-next,.section3 .lftquan .swiper-button-prev{
		top: 0;
	}
    .index_imgs{line-height: 323px;}
}


.lftquan .swiper-slide video{position: relative;}
.index_imgs img{  width: auto !important;    display: inline-block !important;  margin-top: -11%;cursor: pointer}
.index_imgs{position: absolute; width: 100%;height: 100%;top:0;left: 0;text-align: center;line-height: 453px;z-index: 1111}
.index_imgs.active{opacity: 0;z-index: -1}
.xiugai_swono{
	transform: translateY(100px);opacity: 0;transition: 0.4s ease-in-out 1.5s;
}
.xiugai_swono{
	transform: translateY(0px);opacity:1;
}
@media screen and (min-width: 1660px){
	.lftquan .swiper-slide{height: 486px;background: black;}
	.lftquan .swiper-slide video{height:453px;}
	.lftquan .swiper-slide iframe{height:453px;}
	.index_lefts {  position: absolute;  top: 13px;  display: block;  font-weight: bold;  width: 100%;  z-index: 11;  font-size: 16px;  color: white;  text-align: center;  }
	.section3 .lftquan .swiper-button-next,.section3 .lftquan .swiper-button-prev{  top: 0;  }
	.index_imgs img{margin-top: 0;}
}



.section2 .newlist ul li h4 img{width: 50px;display: inline-block;vertical-align: middle;margin-left: 10px;margin-top: -3px;}
.sm{
	position: fixed;
	
	left: 0;
	bottom: 0;
	display:none;
	
	width: 15%;
	/* height: 50%; */
	z-index: 10;
}
.sm img{
	width: 100%
}
.sm span{
	font-size: 25px;
	float: right;
	cursor: pointer;
}

.xfc{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 10px;box-sizing: border-box;width: 400px;background: #000000;z-index: 999999;}
.xfc.ac{display: none;}
.xfc img{width: 100%;}
.xfc span{font-size: 30px;position: absolute;top: 5px;right: 5px;color: #fff;cursor: pointer;line-height: 0;}