address,
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

body {
	font-family: "微软雅黑"
}

.chengg {
	width: 100%;
	height: 1px;
}

button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
select,
textarea {
	font-size: 100%;
	vertical-align: middle
}

dl,
li,
ol,
ul {
	list-style: none
}

a {
	text-decoration: none
}

fieldset,
img {
	border: none
}

img {
	display: inline-block;
	overflow: hidden;
	vertical-align: top
}

address,
em {
	font-style: normal
}

sub,
sup {
	vertical-align: baseline
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

q:before {
	content: ""
}

q:after {
	content: ""
}

button {
	cursor: pointer
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none
}
textarea {
	word-wrap: break-word;
	resize: none
}

.sec1_bg{
	width: 100%;
	height: 113%;
	position: absolute;
	top: -5%;
	left: 0%;
	z-index: -1
}

.sec1_bg video{
	height: 100%;
	position: relative;
	left: 50%;
	transform: translate(-50%);
	z-index: -1;
}


.djsTc{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.73);
	position:fixed;
	left:0;
	top:0;
	z-index:100;

}
.djsBody{
	width:903px;
	overflow: hidden;
	position:relative;
	left:49%;
	margin-left:-451.5px;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.djsTit{
	display: block;
	margin:0 auto 0;
}
.djsKua{
	width:553px;
	height:213px;
	background:url(../c_images/kua.png) no-repeat center;
	position:absolute;
	left:120px;
	top:266px;
}
.timeLine{
	font-size: 54px;
    font-family: 'webfont';
    font-weight: bold;
    margin-top: 55px;
    margin-left: 206px;
}
.timeLine span{
	display: inline-block;
	width:76px;
	letter-spacing: 2px;
	background-image:-webkit-linear-gradient(#fcddf6,#fcddf6,#f0e8f0,#f0e8f0); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
    text-shadow: 0 2px 50px #fcddf6;
    text-align: center;
}
.timeLine span:nth-child(2){
	margin:0 16px;
}
.dhm{
	width:247px;
	height:32px;
	overflow: hidden;
	position:absolute;
	right:86px;
	bottom:31px;
	cursor: pointer;
}
.dhm img{
	display: block;
	width:100%;
	height:100%;
}
.dhm.active img:nth-child(1){
	display: none;
}
.dhm.on img:nth-child(1){
	display: none;
}
.dhm.on img:nth-child(2){
	display: none;
}
.dClose{
	display: block;
	width:55px;
	position:absolute;
	left:393px;
	bottom:0;
	cursor: pointer;
	animation: aGo 2s linear infinite;
	-webkit-animation: aGo 2s linear infinite;
}
@keyframes aGo{
	0%{transform:scale(1);-webkit-transform: scale(1);}
	50%{transform: scale(1.1);-webkit-transform: scale(1.1);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}
@-webkit-keyframes aGo{
	0%{transform:scale(1);-webkit-transform: scale(1);}
	50%{transform: scale(1.1);-webkit-transform: scale(1.1);}
	100%{transform: scale(1);-webkit-transform: scale(1);}
}
.youngTc{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	display: none;
}
.youngBody{
	width:826px;
	height:486px;
	background-color:#dde0e3;
	position:relative;
	overflow: hidden;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.close{
	display: block;
	width:34px;
	height:34px;
	position:absolute;
	right:1px;

	cursor: pointer;
	z-index:2;
}
.youngC{
	width:784px;
	overflow: hidden;
	position:relative;
	margin:20px auto 0;
}
.youngTop{
	width:100%;
	height:51px;
	background-color:#DDE0E3;
	position:relative;
}
.youngTop img{
	display: block;
	width:191px;
	height:12px;
	float:left;
	margin-top:19px;
}
.youngTop p{
	font-size:18px;
	color:#252525;
	font-weight:bold;
	line-height:51px;
	float:left;
	margin:0 34px;
}
.youngTop img:nth-child(3){
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.youngTop img:nth-child(1){
	margin-left:131px;
}
.youngTxt{
	width:725px;
	position:relative;
	max-height:300px;
	overflow: auto;
	margin: 14px 0 0 31px;
    padding-right: 26px;
}
.youngTxt p{
	width:100%;
	overflow: hidden;
	font-size:14px;
	color:#3D3D3D;
	line-height:18px;
	margin-top:20px;
}

.wrap {
	width: 1200px;
	height: 100%;
	position: relative;
	margin: 0 auto;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clear {
	clear: both
}

.fl {
	float: left
}

.fr {
	float: right
}

* {
	margin: 0;
	padding: 0
}
.mainWrap{
	width:100%;
	min-width:1200px;
	max-width:1920px;
	position:relative;
	margin:0 auto 0;
	z-index: 10;
}
.header {
	width: 100%;
	height: 153px;
	min-width: 1200px;
	max-width: 1920px;
	background: url(../c_images/top.png) no-repeat center;
	position: fixed;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	top: 0;
	z-index: 5;
}

.kv {
	width: 100%;
	height: 960px;
	min-width: 1200px;
	max-width: 2560px;
	position: relative;
	margin: 0 auto;
	background: url(../common/bg.jpg) no-repeat center;
	overflow: hidden;
	z-index: -2;
}

.icon {
	display: block;
	width: 130px;
	float: left;
	margin: 17px 400px 0 0;
	position: relative;
}

.icon img {
	display: block;
	width: 100%;
	height: 100%;
}

.logo {
	display: block;
	width: 15%;
	float: left;
	margin: 28px 500px 0 0;
	right: -167px;
	position: relative;
}

.logo img {
	display: block;

	width: 100%;
	height: 100%;
}

.tip{
	width:5%;
	position:absolute;
/*	right: 55px;
    top: 45px;*/
    cursor: pointer;
    z-index: 6;
}

.payBtn{
	width:15%;
	position:absolute;
	right: 5%;
    top: 15px;
    cursor: pointer;
    z-index: 6;
}

.payBtn img {
	display: block;

	width: 80%;
	height: 80%;
}

.payBtn .payBtnimg{
	width: 80%;
	height:80%;
}




.header ul {
	float: left;
	position: relative;
}

.header ul li {
	font-size: 22px;
	float: left;
	margin-top: 38px;
	margin-right: 38px;
}

.header ul li a {
	color: #fff;
	text-shadow: 0 2px 20px #000;
}

.header ul li:nth-child(6) {
	margin-right: 0;
}

.slo {
	display: block;
	position: absolute;
		margin-top:3px;
			width: 50%;
	left: 295px;
	bottom: 30%;
}

.light {
	display: block;
	position: absolute;
	left: -360px;
	top: 386px;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
}
@keyframes vGo{
	0%{opacity: .3;}
	50%{opacity: 1;}
	100%{opacity: .3;}
}
.kv ul {
	width: 77px;
	height: 361px;
	position: absolute;
	right: -8px;
	top: 561px;
	z-index:2;
}

.kv ul li {
	width: 100%;
	height: 74px;
	background: url(../c_images/nav.png) no-repeat;
	background-position: 0 0;
	cursor: pointer;
	position:relative;
}
.kv ul li a{
	display: block;
	width:100%;
	height:100%;
}
.kv ul li .liCode{
	width:153px;
	height:167px;
	background:url(../c_images/code.png) no-repeat center;
	position:absolute;
	left:85px;
	top:-40px;
	display: none;
}
.kv ul li:hover .liCode{
	display: block;
}
.kv ul li .liCode img{
	display: block;
	width:130px;
	height:130px;
	margin:7px 0 0 17px;
}
.kv ul li .liCode p{
	font-size:16px;
	color:rgba(100,164,248,.7);
	text-align: center;
	margin-left:16px
}
.kv ul li:nth-child(2) {
	background-position: 0 -73px;
}

.kv ul li:nth-child(3) {
	background-position: 0 -145px;
}

.kv ul li:nth-child(4) {
	background-position: 0 -216px;
}

.kv ul li:nth-child(5) {
	background-position: 0 -288px;
}

.kv ul li:hover {
	background-position-x: -75px;
}





.kv .downBtn {
	width: 100%;
	height:30%;
	position: absolute;
	left: 12%;
/*	margin-left: -260.5px;*/
	bottom: 5%;
	overflow: hidden;
}








.kv .downBtn .leftDown{
/*	height:100%;
	display: flex;
	width: 100%;
	overflow: hidden;
	position:relative;
	float:left;*/
	width: 100%;
	height: 100%;

	margin-top:5%;
/*	justify-content: space-between;*/
/*		margin-left:5%*/

}
.kv .downBtn .leftDown a{
	display: block;
}

.kv .downBtn .leftDown a:hover{

	opacity: .9;
}
.kv .downBtn .leftDown a:nth-child(1){
	height: 100%;
/*	background-size: 100%;*/
/*	margin-top:10px;*/

}
.kv .downBtn .leftDown a:nth-child(2){
	height: 100%;
/*	margin-top:10px;*/
/*	background-size: 100%;*/
  
}
.kv .downBtn .leftDown a:nth-child(3){
	height: 100%;
/*	margin-top:-185px;*/
/*	background-size: 100%;*/

}
.kv .downBtn .leftDown a:nth-child(4){
	height: 100%;
	margin-top:-18%;
/*	margin-left:31%;*/
/*	background-size: 100%;*/
    	z-index:2;
}
.kv .downBtn .leftDown a:nth-child(5){
	height: 100%;
	margin-top:-18%;
/*	margin-left:31%;*/
/*	background-size: 100%;*/
    	z-index:2;
}
.kv .downBtn .leftDown a:nth-child(6){
	height: 100%;
	margin-top:-18%;
/*	margin-left:-31%;*/
/*	background-size: 100%;*/
    	z-index:2;
}


.kv .downBtn .leftDown .downBtnimg{
	width: 90%;
	height:30%;
}



/*.kv .downBtn .leftDown img:nth-child(3){
	display: block;
	width: 40%;
		float:left;
	    height: 50%;
	  
	margin:8px auto 0;
}*/


.kv .middle{
	right: -55%;
	width:100%;
	height:183px;
	background:url(../c_images/ewm.png) no-repeat center;
/*	position:relative;*/
/*	float:left;*/
	overflow: hidden;
/*	margin-left:33px;*/
	position: absolute;
/*	left: 10%;*/
/*	margin-left: -260.5px;*/
	bottom: 10%;

/*	margin-top:140px;*/
}


.kv .middle img{
	/*	right: -39%;*/
	display: block;
	width:145px;
	height:143px;
	margin:0px auto 0;
}


.kv .tip{
	left: -12%;
	bottom: 12%;
	width:8%;
	position:absolute;
/*	right: 55px;
    top: 45px;*/
    cursor: pointer;
    z-index: 6;
}


.kv .downBtn .moni{
	display: block;
	float:right;
	margin-top:7px;
	cursor: pointer;
}
.kv .downBtn .moni:hover{
	opacity: .9;
}
.mumuTc{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	display: none;
	z-index:50;
}
.mumuC{
	width:710px;
	height:437px;
	position:relative;
	background:url(../c_images/tc.png) no-repeat center;
	margin:0 auto;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.mumuC .close{
	display: block;
	width:23px;
	height:23px;
	position:absolute;
	right: 20px;
    top: 20px;
	cursor: pointer;
}
.mumuC a{
	display: block;
	width:172px;
	height:206px;
	position:absolute;
	left:50%;
	margin-left:-86px;
	top:131px;
}
.mumuC a:hover{
	opacity: .9;
}
.mouse {
	display: block;
	width: 28px;
	height: 52px;
	position: absolute;
	left: 50%;
	margin-left: -14px;
	bottom: 22px;
	animation: start infinite 1s ease-in-out;
	-webkit-animation: start infinite 1s ease-in-out;
}

.second{
	width:100%;
	height:1372px;
	min-width:1200px;
	max-width:1920px;
	background:url(../c_images/sec.jpg) no-repeat center;
	position:relative;
	margin:0 auto;
	overflow: hidden;
}
.ydc{
	display: block;
	margin:305px auto 0;
}
.num{
	display: block;
	margin:32px auto 0;
}
.third{
	width:100%;
	height:1010px;
	min-width:1200px;
	max-width:1920px;
	background:url(../c_images/thc.jpg) no-repeat center;
	position:relative;
	overflow: hidden;
	margin:0 auto;
}
.tit{
	display: block;
	margin:91px auto 0;
}
.mainNews{
	width:100%;
	overflow: hidden;
	position:relative;
	margin-top:30px;
}
.left_banner{
	width:443px;
	height:595px;
	position:relative;
	overflow: hidden;
	float:left;
}
.left_banner ul li a img{
	display: block;
	width:443px;
	height:595px;
}
.right_news{
	width:733px;
	overflow: hidden;
	position:relative;
	float:right;
}
.top_ul{
	width:100%;
	overflow: hidden;
	position:relative;
}
.top_ul li{
	width:60px;
	height:40px;
	color:#fff;
	float:left;
	margin-right:50px;
	position:relative;
	cursor: pointer;
}
.top_ul li p{
	position:absolute;
	left:0;
	bottom:0;
	font-size:18px;
}
.top_ul li.active p{
	font-size:28px;
	text-shadow: .2rem 0rem .5rem #634ff7,-.2rem 0rem .5rem #634ff7,0rem .2rem .5rem #634ff7,0rem -.2rem .5rem #634ff7;
}
.top_ul a{
	display: block;
	font-size:16px;
	color:#cbc7ff;
	float:right;
	margin-top:18px;
}
.newsDiv{
	width:100%;
	overflow: hidden;
	position:relative;
	margin-top:10px;
}
.newsDiv ul{
	display: none;
	width:100%;
	overflow: hidden;
	position:relative;
}
.newsDiv ul.active{
	display: block;
}
.newsDiv ul li{
	width:100%;
	height:110px;
	background:url(../c_images/line.png) no-repeat center bottom;
	position:relative;
	line-height:110px;
}
.newsDiv ul li a{
	display: block;
	width:100%;
	height:100%;
}
.newsDiv ul li a em{
	display: block;
	font-size:16px;
	color:#fff;
	float:left;
}
.newsDiv ul li a span{
	display: block;
	width:555px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float:left;
	color:#fff;
}
.newsDiv ul li a i{
	display: block;
	font-size:16px;
	color:#fff;
	font-style: normal;
	float:right;
}
.four{
	width:100%;
	height:1078px;
	min-width:1200px;
	max-width:1920px;
	background:url(../c_images/for.jpg) no-repeat center;
	position:relative;
	overflow: hidden;
	margin:-1px auto 0;
}
.roleBanner{
	width:1582px;
	height:1078px;
	position:relative;
	margin:0 0 0 -23px;
}
.rolePag{
	width:444px;
	height:269px;
	background:url(../c_images/star.png) no-repeat center;
	position:absolute;
	left:19px;
	bottom:0;
	z-index:15;
}
.rolePag .swiper-pagination-bullet{
	display: block;
	width:81px;
	height:81px;
	position:absolute;
	background:none;
	opacity: 1;
	cursor: pointer;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.rolePag .swiper-pagination-bullet.swiper-pagination-bullet-active{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray;
}
.rolePag .swiper-pagination-bullet:nth-child(1){
	top:28px;
	left:44px;
}
.rolePag .swiper-pagination-bullet:nth-child(2){
	top:28px;
	left:147px;
}
.rolePag .swiper-pagination-bullet:nth-child(3){
	top:26px;
	right:99px;
}
.rolePag .swiper-pagination-bullet:nth-child(4){
	top:123px;
	left:97px;
}
.rolePag .swiper-pagination-bullet:nth-child(5){
	top:123px;
	left:204px;
}
.rolePag .swiper-pagination-bullet:nth-child(6){
	top:123px;
	right:53px;
}
.five{
	width:100%;
	height:996px;
	min-width:1200px;
	max-width:1920px;
	background:url(../c_images/five.jpg) no-repeat center;
	position:relative;
	margin:0 auto;
}
.five img{
	display: block;
	margin:254px auto 0;
}
.six{
	width:100%;
	height:1002px;
	min-width:1200px;
	max-width:1920px;
	background:url(../c_images/six.jpg) no-repeat center;
	position:relative;
	overflow: hidden;
	margin:0 auto;
}
.soulBanner{
	width:1003px;
	height:425px;
	position:relative;
	overflow: hidden;
	margin:324px auto 0;
}
.soulBanner ul li.swiper-slide{
	opacity: 0;
}
.soulBanner ul li.swiper-slide.swiper-slide-active{
	opacity: 1;
}
.soulBanner ul li.swiper-slide.swiper-slide-next{
	opacity: 1;
}
.soulBanner ul li.swiper-slide.swiper-slide-prev{
	opacity: 1;
}
.soulBanner ul li.swiper-slide .soul_div{
	width:725px;
	height:425px;
	background:url(../c_images/wp.png) no-repeat center;
	position:relative;
	margin-left:-200px;
	overflow: hidden;
}
.soulBanner ul li.swiper-slide.swiper-slide-active .soul_div{
	background:url(../c_images/hp.png) no-repeat center;
}
.soulBanner ul li.swiper-slide .soul_div img{
	display: block;
	width:690px;
	height:389px;
	margin:19px auto 0;
}
.det{
	display: block;
	width:100%;
	overflow: hidden;
	position:absolute;
	left:0;
	top:0;
}
.detb{
	display: block;
	width:100%;
	overflow: hidden;
	position:absolute;
	left:0;
	top:425px;
}
.nt{
	display: block;
	position:relative;
	margin:157px auto 0;
}
.fen{
	display: block;
	margin:140px auto 0;
	position:relative;
}
.body{
	background-color:#0d2649;
}
.bodyContent{
	width:100%;
	overflow: hidden;
	position:relative;
}
.bodyContent .wrap{
	z-index:2;
	margin-bottom:300px;
}
.bodyContent h3{
	font-size:34px;
	color:#97d8fc;
	text-align: center;
	margin-top:55px;
	font-weight:normal;
}
.timeDate{
	font-size:16px;
	color:#fff;
	text-align: center;
	margin-top:38px;
}
.backHref{
	font-size:16px;
	color:#fff;
	text-align: center;
	margin-top:6px;
}
.backHref a{
	color:#fff;
}
.backHref a:hover{
	text-decoration: underline;]
}
.zhengwen{
	width:100%;
	overflow: hidden;
	position:relative;
	font-size:18px;
	color:#fff;
	line-height:36px;
	margin-top:80px;
}
.zhengwen img{
	display: block;
	max-width:100%;
	margin:40px auto 40px;
}
.bot{
	display: block;
	width:100%;
	overflow: hidden;
	position:absolute;
	left:0;
	bottom:0;
}
.footer{
	width:100%;
	height:280px;
	min-width:1200px;
	max-width:1920px;
	background-color:#000;
	position:relative;
	margin: 0 auto;
	background: url(../c_images/kv.jpg) no-repeat center;
	overflow: hidden;
}



.ju{
	display: block;
	width:100%;
	height:70px;
	margin:129px auto 0;
}
.footer .wrap{
	margin-top:50px;
}
.footer .wrap .left_code{
	width:374px;
	overflow: hidden;
	float:left;
	position:relative;
	margin-left:170px;
	border-right:1px solid #fff;
}
.footer .wrap .left_code img{
	display: block;
	width:132px;
	height:132px;
	float:left;
	margin-right:26px;
}
.footer .wrap .left_code div{
	width:200px;
	overflow: hidden;
	float:left;
	color:#fff;
	font-size:16px;
	line-height:26px;
}
.footer .wrap .left_code div p:nth-child(1){
	font-size:22px;
	margin-bottom:10px;
}
.footer .wrap .left_code div p:nth-child(2){
	margin-bottom:10px;
}
.footer .wrap .left_code div p a{
	color:#2b5ccb;
}
.footer .wrap .right_txt{
	width:497px;
	overflow: hidden;
	float:left;
	position:relative;
	margin-left:45px;
	font-size:18px;
	color:#fff;
}
.footer .wrap .right_txt p:nth-child(1){
	margin-top:0;
}
.footer .wrap .right_txt p{
	margin-top:14px;
}
.footer .wrap .right_txt a{
	color:#2b5ccb;
}
.fo

.login{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	display: none;
}
.c_login{
	width:1062px;
	height:623px;
	background:url(../images/tc.png) no-repeat center;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}

.login_body{
	width:590px;
	overflow: hidden;
	margin:65px 0 0 139px;
	position:relative;
}
.tab_ul{
	width:100%;
	height:28px;
	position:relative;
	overflow: hidden;
}
.tab_ul li{
	width:auto;
	float:left;
	margin-left:170px;
	cursor: pointer;
}
.tab_ul li:nth-child(1){
	margin-left:28px;
}
.tab_ul li em{
	display: block;
	width:28px;
	height:28px;
	overflow: hidden;
	float:left;
	margin-right:14px;
}
.tab_ul li.active em img:nth-child(1){
	display: none;
}
.tab_ul li span{
	display: block;
	float:left;
	font-size:26px;
	line-height:28px;
	color:#fff;
}
.s_put{
	width:100%;
	overflow: hidden;
	position:relative;
	margin-top:50px;
}
.s_put input{
	border:none;
	background:none;
	outline:none;
	-webkit-appearance: none;
	border-radius: 5px;
	font-size:24px;
	color:#fff;
}
.s_put .phone{
	width:100%;
	height:78px;
	background-color:rgba(176,179,179,.18);
	position:relative;
	text-indent:30px;
}
.s_put .t_yzm,.s_put .yzm{
	width:350px;
	height:78px;
	background-color:rgba(176,179,179,.18);
	position:relative;
	text-indent:30px;
	float:left;
}
.s_put .captcha{
	width:210px;
	height:78px;
	background-color:#fff;
	border-radius: 5px;
	float:right;
	font-size:24px;
	color:#000;
	text-align: center;
	line-height:78px;
	cursor: pointer;
}
.s_put .captcha img{
	display: block;
	width:100%;
	height:100%;
}

.tj{
	display: block;
	margin:45px 0 0 158px;
	cursor: pointer;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.tj:hover{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}









@keyframes start {

	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@-webkit-keyframes start {

	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@-ms-keyframes start {

	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

@-moz-keyframes start {

	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -10px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(0, 8px);
	}
}

/* ========== 移动端备用背景图 默认隐藏 ========== */
.sec1_bg_img {
	display: none;
}

/* 移动端slogan 默认隐藏 */
.slo-m {
	display: none !important;
}

/* ========== 移动端适配 ========== */
@media screen and (max-width: 768px) {

	/* 主容器取消固定宽度和zoom */
	.mainWrap {
		width: 100% !important;
		zoom: 1 !important;
		min-width: 0 !important;
		overflow-x: hidden;
	}

	/* header - 悬浮在KV上方，不占空间 */
	.header {
		min-width: 0 !important;
		width: 100%;
		height: auto;
		background: none !important;
		position: absolute;
		left: 0;
		top: 0;
		transform: none;
		-webkit-transform: none;
		z-index: 10;
	}
	.header .logo {
		width: 30%;
		max-width: 150px;
		margin: 10px 0 0 10px;
		right: 0;
		float: none;
	}

	/* KV 区域 */
	.kv {
		width: 100%;
		height: auto;
		min-height: 100vh;
		min-width: 0;
		max-width: 100%;
		background: none;
		overflow: hidden;
		position: relative;
	}

	/* 隐藏视频，显示背景图 */
	.kv .sec1_bg {
		display: none !important;
	}
	.kv .sec1_bg_img {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		object-fit: cover;
		object-position: center top;
	}

	.kv .wrap {
		width: 100%;
		position: relative;
		min-height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 15vw 15px 8vw;
		box-sizing: border-box;
		z-index: 1;
	}

	/* slogan */
	.kv .slo-pc {
		display: none !important;
	}
	.kv .slo-m {
		display: block !important;
	}
	.kv .slo {
		position: relative !important;
		left: auto !important;
		bottom: auto !important;
		top: auto !important;
		right: auto !important;
		width: 70%;
		max-width: 400px;
		margin: 0 auto 10px;
	}

	/* 适龄提示图标 - 右上角固定 */
	.kv .tip {
		position: absolute !important;
		right: 10px;
		top: 10px;
		left: auto !important;
		bottom: auto !important;
		width: 10%;
		margin: 0;
		z-index: 10;
	}

	/* 下载按钮区域 */
	.kv .downBtn {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		top: auto !important;
		width: 80% !important;
		max-width: 350px;
		height: auto !important;
		margin: 10px auto 0 !important;
		overflow: visible !important;
	}

	.kv .downBtn .leftDown {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		width: 100% !important;
		height: auto !important;
		gap: 10px !important;
		margin-top: 0 !important;
	}

	.kv .downBtn .leftDown a {
		width: 70% !important;
		height: auto !important;
		margin: 0 auto !important;
		box-sizing: border-box;
	}

	.kv .downBtn .leftDown a img,
	.kv .downBtn .leftDown .downBtnimg {
		width: 100% !important;
		height: auto !important;
	}

	/* footer */
	.footer {
		width: 100%;
		height: auto;
		min-width: 0;
		max-width: 100%;
		padding: 20px 15px;
		box-sizing: border-box;
	}

	.footer .wrap {
		margin-top: 0;
		width: 100%;
	}

	.footer .wrap .left_code {
		float: none;
		width: 100%;
		margin-left: 0;
		border-right: none;
		border-bottom: 1px solid rgba(255,255,255,.3);
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.footer .wrap .left_code div {
		width: 100%;
		font-size: 13px;
		line-height: 22px;
	}

	.footer .wrap .left_code div p:nth-child(1) {
		font-size: 16px;
	}

	.footer .wrap .right_txt {
		float: none;
		width: 100%;
		margin-left: 0;
		font-size: 12px;
	}

	.footer .wrap .right_txt p {
		margin-top: 8px;
	}

	/* 适龄弹窗 */
	.youngTc .youngBody {
		width: 90%;
		margin: 0 auto;
	}

	.youngTc .youngC .youngTxt {
		max-height: 60vh;
		overflow-y: auto;
	}

	.youngTc .youngC .youngTxt p {
		font-size: 13px;
		line-height: 1.6;
	}

	/* 隐藏桌面端侧边导航 */
	.kv ul {
		display: none;
	}
}