@charset "utf-8";

body{color:#171926;-webkit-text-size-adjust:none;  }
a{
	text-decoration: none;
	outline: none;
}
		body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}
		h1,h2,h3,h4,h5,h6{font-size:100%;}
		body,button,input,select,textarea {
			font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;font-size:62.5%; line-height:1.5;}
		ol,ul{
			list-style:none;
			
			}
		
		html,body{ width:100%; height:100%; overflow:hidden;}
		.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
		.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
		.section-wrap .section .title{width:100%;position:absolute;top:10%;color:#fff;font-size:2.4em;text-align:center;}
		.section-wrap .section .title.active .tit{ 
			opacity:1;
			transform:translateY(-25px);
			-webkit-transform:translateY(-25px);
			transition:all 2s cubic-bezier(0.86,0,0.8,1);
			-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);
			text-shadow: #F7C951 0 0 1px,#f05d05 2px 2px 5px,#f05d05 -2px -2px 5px, #f05d05 2px 0 15px, #f05d05 0px 0 20px;
			}
		.section-wrap .section-1{ background-color:#171926}
		.section-wrap .section-2{ background-color:#171926}
		.section-wrap .section-3{ background-color:#171926}
		.section-wrap .section-4{ background-color:#171926}
		.section-wrap .section-5{ background-color:#171926}
		.section-wrap .section-6{ background-color:#171926}
		.section-wrap .section-7{ background-color:#171926}
		.section-wrap .section-8{ background-color:#171926}
		.section-wrap .section-9{ background-color:#171926}
		.section-wrap .section-10{ background-color:#171926}
		.section-wrap .section-11{ background-color:#171926}
		.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
		.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
		.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
		.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
		.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
		.put-section-5{ transform:translateY(-400%);-webkit-transform:translateY(-500%);}
		.put-section-6{ transform:translateY(-400%);-webkit-transform:translateY(-600%);}
		.put-section-7{ transform:translateY(-400%);-webkit-transform:translateY(-700%);}
		.put-section-8{ transform:translateY(-400%);-webkit-transform:translateY(-800%);}
		.put-section-9{ transform:translateY(-400%);-webkit-transform:translateY(-900%);}
		.put-section-10{ transform:translateY(-400%);-webkit-transform:translateY(-1000%);}
		.put-section-11{ transform:translateY(-400%);-webkit-transform:translateY(-1100%);}
		.section-btn{ 
			width:100%;
			/*position:relative;*/
			height: 607px;
			
		}
		.section-btn li { 
			position: relative;
			width:100%;		
			text-align:center; 
			margin-top: 3%;			
			}
		.section-btn a{
			display: block;
			font-size: 1.5em;
			line-height: 49px;
			color: #fff;
			text-align: center;
			position: relative;
		}	
			
		.section-btn li.on{ 
			content: '';
			font-size: 1.2em;
			font-weight: bold;
			text-shadow: #3e5bdf 0 0 1px,#3e5bdf 2px 2px 5px,#3e5bdf -2px -2px 5px, #3e5bdf 2px 0 15px, #3e5bdf 0px 0 20px;			
			}
		@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
		@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} 
		
}
.sidnnav{
	/*background-color: #5b869c;*/
	position: fixed;
	left: 3%;
	width: 160px;
	top: 59%;
	height: 597px;
	margin-top: -27%;
	z-index: 500;
	border: 4px solid #fff;
	border-radius: 40px;
	box-shadow: 0px 0px 10px #3e5bdf,0px 0px 20px #3e5bdf;
}

.sidnnav:before,
.sidnnav::after {
    position: absolute;
    height:594px;
    margin: 5px 1px 0px 5px;
    z-index: -1;
	content: '';
	top: -9px;
	left: -11px;
	width: 160px;
	border: 6px #00a1e8 solid;
	border-radius: 40px;
	animation: clipMe 6s linear infinite;
	clip: rect(0px, 170px,100px, 110px);
}



.sidnnav::before {
   animation-delay: -4s;
}

/** 定义线条动画形态  **/
@keyframes clipMe {
    0%,
    100% {
        clip: rect(50px, 80px, 150px, 0px);
    }

    20% {
          clip: rect(500px, 100px,600px, 0px);
    }
    30% {
        clip: rect(600px, 150px,650px, 40px);
    }
    40% {
          clip: rect(500px, 180px,600px, 160px);
    }
    80% {
       clip: rect(0px, 170px,100px, 50px);
    }
    90% {
        clip: rect(0px, 100px,50px, 0px);
    }

}
.area{
	position: absolute;
	margin-bottom: 3%;
	background: url(https://www.amaiche.com/templets/zt/20206Aw/img/top_bj.png) no-repeat center 0;
	width: 800px;
	height: 300px;
	z-index: 5;
	left: 28%;
	top: -13%;
}


.section-body{
	position: relative;
	margin:  0 auto;
	width: 70%;
	height: 550px;
	margin-left: 17%;
}

.section-body-ul{
	width: 100%;
	height: 500px;

}
.section-body-ul li{
	width: 300px;
	height: 200px;
	text-align: center;
	float: left;
	margin: 0% 3% 4% 4%;
	
}
.section-body-ul li a{	
	width: 300px;
	height: 200px;
}
.section-body-ul li img{
	width: 300px;
	height: 200px;
}
.section-body-ul-p{
	width: 100%;
	text-align: center;
	color: white;
	font-size: 1em;
}


.video-show{
	position: absolute;
	margin-top: 8%;
	margin-left: 7%;
	background:#00a4e6 ;
	width: 1000px;
	height: 450px;
	border: 4px solid #00a1e8;
	overflow: hidden;
}
.cur{
	display: inline-block;
}


.video-show-left{
	float: left;
	width: 600px;
	height: 300px;
	
}

.video-show-left-p{
	position: absolute;
	margin-top: -10%;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1em;
	background: rgba(0, 0, 0, 0.7);
}


.video-show-right{
	float: right;
	width: 390px;
	height: 300px;

}
.video-show-right-top{
	text-align: center;
}

.video-show-right-p{
	font-size: 0.7em;
	text-align: justify;
}
.video-show-bottom{
	clear: both;
	width: 1000px;
	border: 1px solid red;
}

.video-show-bottom-ul li
{
	float: left;	
	padding-left: 1.5%;
	padding-top: 1%;
	width: 230px;
	height: 130px;
}
.video-show-bottom-ul-img{
	width: 230px;
	height: 130px;
}
.vs_img{
	width: 600px;
	height:300px ;
	object-fit:cover ;
	
}
.vs_ul{
	width: 600px;
	height: 300px;
}