.warp{
	width: 1700px;margin: 0 auto;
}
.header{
	background: #ba000c;padding: 20px 0;
	position: fixed;left: 0;right: 0;
	top: 0;z-index: 999;
}
.header .logo{
	float: left;margin-top: 10px;width: 166px;
}
.header .logo img{
	height: 31px;display: block;
}
.header .naver{
	float: right;
}
.header .naver li{
	float: left;text-align: center;position: relative;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.header .naver li h3{
	font-size:20px ;
	line-height: 28px;
	color: #fff;
}
.footer .nav li:first-child{
	margin-left: 0;
}
.header .naver li p{
	font-size:15px ;
	line-height: 22px;
	color: #fff;text-transform: uppercase;
}
.header .naver li span{
	margin: 0 40px;height: 50px;background: #FFFFFF;display: block;width: 1px;
}
.header .naver li:before{
	width: 8px;height: 8px;border-radius: 50%;background: #FFFFFF;position: absolute;bottom: -12px;left: 0;right: 0;margin: 0 auto;
	content: "";transform:scale(2);
	-ms-transform:scale(2);  /* IE 9 */
	-moz-transform:scale(2);     /* Firefox */
	-webkit-transform:scale(2); /* Safari 和 Chrome */
	-o-transform:scale(2); 
	opacity: 0;transition:all 0.5s;
	-ms-transition:all 0.5s;  /* IE 9 */
	-moz-transition:all 0.5s;     /* Firefox */
	-webkit-transition:all 0.5s; /* Safari 和 Chrome */
	-o-transition:all 0.5s;
}
.header .naver li.on:before,
.header .naver li:hover::before{
	transform:scale(1);
	-ms-transform:scale(1);  /* IE 9 */
	-moz-transform:scale(1);     /* Firefox */
	-webkit-transform:scale(1); /* Safari 和 Chrome */
	-o-transform:scale(1); 
	opacity: 1;
}
.header .naver li:nth-child(2n)::before{
	display: none;
}
.footer .box{
	background: #FFFFFF;padding: 30px 0;
}
.footer .logo{
	float: left;margin-top: 20px;width: 168px;
}
.footer .logo img{
	height: 31px;display: block;
}
.footer .nav{
	float: right;
}
.footer .nav li{
	float: left;text-align: center;margin-left: 140px;
}
.footer .nav li h3{
	font-size:25px ;
	line-height: 36px;
	color: #333333;
}
.footer .nav li p{
	font-size:20px ;
	line-height: 28px;
	color: #333333;text-transform: uppercase;
}
.footer .copyright{
	line-height: 72px;background: #ba000c;font-size: 20px;color: #FFFFFF;
}
.b_ban{
	height: 610px;position: relative;
}
.b_ban .img{
	position: absolute;
	left: 0;right: 0;
	top: 50%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
	width: 284px;height: 52px;margin: 0 auto;margin-top: -26px;
}
.b_ban .img img{
	display: block;
}
.contact{
	background: #dddddd;padding-top: 120px;
}
.contact .text{
	padding-left: 320px;float: left;width: calc(100% - 810px);-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;padding-bottom: 0;
}
.contact .img{
	width: 460px;float: right;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;margin-right: 320px;margin-top: 80px;
}
.contact .img img{
	display: block;
}
.contact h2{
	font-size:40px ;
	line-height:46px;
	color: #1f1b1b;
}
.contact .list{
	margin-top: 46px;
}
.contact .list li{
	overflow: hidden;margin-bottom: 16px;
}
.contact .list li h3{
	float: left;font-size:24px ;
	line-height: 34px;font-weight:bold ;
	color: #1d1d1d;padding-left: 30px;
}
.contact .list li h6{
	font-size:18px ;
	line-height: 40px;
	color: #1d1d1d;padding-left: 30px;
}
.contact .list li p{
	float: left;margin-left:26px;font-size:18px ;
	line-height: 34px;
	color: #1d1d1d;
}
.contact .list li:nth-child(1) h3{
	background: url(../images/qico1.png) no-repeat left center;float: none;
}
.contact .list li:nth-child(2) h3{
	background: url(../images/qico2.png) no-repeat left center;
}
.contact .list li:nth-child(3) h3{
	background: url(../images/qico3.png) no-repeat left center;
}
.contact .list li:nth-child(4) h3{
	background: url(../images/qico4.png) no-repeat left center;
}
.s_ban{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 150px 0;
}
.s_ban h2{
 font-size:42px ;
	line-height: 50px;
	color: #e8374a;margin-top: 235px;float: left;margin-left: 240px;
}
.wap{
	width: 1750px;margin: 0 auto;
}
.s_ban .rt{
	float: right;width: calc(100% - 675px);
}
.s_ban .rt li{
	float: left;position: relative;height: 590px;width: 300px;margin-right: 44px;
}
.s_ban .rt li:last-child{
	margin-right: 0;
}
.s_ban .rt li a{
	display: block;
	    position: relative;
		z-index: 11;
		width: 100%;
		height: 100%;
}
.s_ban .rt li .ico{
	position: absolute;top: 90px;left: -20px;z-index: 111;
}
.s_ban .rt li .ico img{
	display: block;
}
.s_ban .rt li:last-child .ico{
	left: 0;
}
.s_ban .rt .txt{
	position: absolute;bottom: 50px;left: 30px;
}
.he100{
	height: 100%;
}
.s_ban .rt .txt h3{
	font-size:32px ;
	line-height: 42px;
	color: #0073aa;
}
.s_ban .rt .txt p{
	font-size:22px ;
	line-height: 30px;
	color: #0073aa;
}
.s_ban li:nth-child(1) .txt p,
.s_ban li:nth-child(1) .txt h3{
	color: #3474d3;
}
.success .box .tit{
	background: url(../images/img20.jpg) no-repeat center/cover;
}
.success .box .tit h3{
	padding-left: 122px;font-size:40px ;
	line-height: 120px;
	color: #333333;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.success .box .tit h3 i{
	font-size: 20px;margin-left: 20px;
}
.success .box .list{
	padding: 60px 0 0;
}
.success .box li{
	margin-bottom: 60px;
}
.success .box .pt{
	padding-left: 70px;
}
.success .box .pt h4{
	font-size:32px ;
	line-height: 46px;
	color: #1a1a1a;padding-left: 60px;font-weight: bold;
}
.success .box li:nth-child(1) .pt h4{
	background: url(../images/img21.png) no-repeat left center;
}
.success .box li:nth-child(2) .pt h4{
	background: url(../images/img65.png) no-repeat left center;
}
.success .box li:nth-child(3) .pt h4{
	background: url(../images/img66.png) no-repeat left center;
}
.success .box li:nth-child(4) .pt h4{
	background: url(../images/img67.png) no-repeat left center;
}
.success .box .pt p{
	font-size:20px ;
	line-height:30px;
	color: #1a1a1a;padding-left: 60px;
	text-transform: uppercase;
}
.success .box .dit{
	margin-top: 40px;background: url(../images/img68.png) no-repeat center/95% auto;height: 664px;position: relative;left: 90px;padding: 0;
}
.success .box .dit dd{
	width:274px;float: left;position: relative;margin-top: 100px;margin-right: 22px;
}
.success .box .dit dd:hover p,
.success .box .dit dd:hover h5,
.success .box .dit dd.on p,
.success .box .dit dd.on h5{
	color: #ba000c;
}
.success .box .dit dd:hover .txt::before,
.success .box .dit dd.on .txt::before{
	background: url(../images/qico51.png) no-repeat center;
}
.success .box .dit dd:first-child{
	margin-left: -90px;
}
.success .box .dit dd .img{
	width: 100%;height: 274px;
}
.success .box .dit dd .img img{
	width: 100%;height: 100%;display: block;border-radius: 50%;
}
.success .box .dit dd .txt{
	position: relative;margin-top: 94px;text-align: center;
}
.success .box .dit dd .txt::before{
	content: "";
	position: absolute;
	background: url(../images/qico5.png) no-repeat center;
	width: 24px;
	height: 53px;
	display: block;
	top: -65px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.success .box .dit dd h5{
	font-size:24px ;
	line-height: 32px;
	color: #808080;
}
.success .box .dit dd p{
	font-size:22px ;
	line-height: 32px;
	color: #808080;
}
.success .box .dit dd:nth-child(2n) .img{
	position: absolute;left: 0;right: 0;top: 190px;
}
.success .box .dit dd:nth-child(2n) .txt{
	margin-top: 46px;
}
.success .box .dit dd:nth-child(2n) .txt::before{
	top: 73px;
}
.success .box dl{
	margin-top: 76px;padding: 0 60px;
}
.success .box dd{
	width: calc((100% - 110px)/6);height: 253px;border-radius: 50%;margin-right: 21px;
	margin-bottom: 34px;float: left;
}
.success .box dd a{
	display: block;
	height: 100%;
}
.success .box dd:nth-child(6n){
	margin-right: 0;
}
.success .box dd img{
	border-radius: 50%;display: block;height: 100%;width: 100%;
}

.success .box .case{
	padding: 70px 225px 20px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.success .box .case li{
	float: left;width: calc((100% - 150px)/3);margin-right: 75px;margin-bottom: 30px;
}
.success .box .case li:nth-child(3n){
	margin-right: 0;
}
.success .box .case li img{
	display: block;width: 100%;height: 238px;
}
.success .box .case li h6{
	font-size:24px ;
	line-height:36px;text-align: center;
	color: #727171;margin-top: 22px;
}
.mask{
	position: fixed;left: 0;right: 0;
	top: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 1112;display: none;
}
.video{
	width: 900px;margin: 0 auto;position: fixed;
	left: 0;right: 0;
	top: 50%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); z-index: 1113;display: none;
	max-height:400px;
}
video{
	height:500px;
	display:block;width:100%;
}
.success .bd .tit{
	background: #e8374a;
}
.success .bd .tit h3{
	font-size:40px ;
	line-height: 120px;
	color: #fff;padding-left: 120px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.success .bd .list{
	padding: 95px 100px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.success .bd .list ul{
	border-left: 2px solid #dcdcdc;
	border-right: 2px solid #dcdcdc;
}
.success .bd .list li{
	float: left;border-right: 1px solid #b8b8b8;border-bottom: 1px solid #b8b8b8;position: relative;
	height: 145px;width: calc(100% / 6.01);-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.success .bd .list li:nth-child(6n){
	border-right: 0;
}
.success .bd .list li:nth-child(n+7){
	border-bottom: 0;
}
.success .bd .list li img{
	position: absolute;
	left: 0;right: 0;
	top: 50%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%);   max-width: 80%;
	    max-height: 80%;margin: 0 auto;transition:all 0.3s;
	    -ms-transition:all 0.3s;  /* IE 9 */
	    -moz-transition:all 0.3s;     /* Firefox */
	    -webkit-transition:all 0.3s; /* Safari 和 Chrome */
	    -o-transition:all 0.3s;
}
.success .bd .list li:hover img{
	transform:scale(1.2) translateY(-50%);
	-ms-transform:scale(1.2) translateY(-50%);  /* IE 9 */
	-moz-transform:scale(1.2) translateY(-50%);     /* Firefox */
	-webkit-transform:scale(1.2) translateY(-50%); /* Safari 和 Chrome */
	-o-transform:scale(1.2) translateY(-50%); 
}
.success .ft{
	margin-top: 70px;padding-bottom: 90px;
}
.success .ft .img img{
	display: block;margin: 0 auto;
}
.success .ft .list{
	position: relative;top: -30px;
}
.success .ft .list ul{
	font-size: 0;text-align: center;
}
.success .ft .list li{
	display: inline-block;padding: 40px 0;width: 380px;
}
.success .ft .list li h3{
	font-size:32px ;
	line-height:42px;
	color: #fff;
}
.success .ft .list li p{
	font-size:22px ;
	line-height: 36px;
	color: #fff;
}
.success .ft .list li:nth-child(1){
	background: #f7f8f8;
}
.success .ft .list li:nth-child(2){
	background: #262626;
}
.success .ft .list li:nth-child(3){
	background: #e7364a;
}
.success .ft .list li:nth-child(1) h3,
.success .ft .list li:nth-child(1) p{
	 color: #727171;
}
.team .hd{
	padding: 124px 0 85px;
}
.twap{
	width: 1520px;margin: 0 auto;
}
.team .hd .logo{
	float: left;margin-top: 156px;width: 820px;
	position: relative;
}
.team .hd .logo .cs1{
	position: absolute;
	right: 45px;top: 45px;
	z-index: 11;
	-webkit-animation:pulsesa 1s .2s linear infinite;
	-moz-animation:pulsesa 1s .2s linear infinite;
}

@-webkit-keyframes pulsesa{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.2)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulsesa{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.2)}
100%{-moz-transform:scale(1)}
}


.team .hd .img img,
.team .hd .logo img{
	display: block;
}
.team .hd .img{
	float: right;width:calc(100% - 820px);
}
.team .bd{
	position: relative;
}
.team .bd .list{
	position: relative;
}
.team .bd .list li{
	float: left;width: 33.33%;overflow: hidden;z-index: 11;position: relative;transition:all 1s;
	-ms-transition:all 1s;  /* IE 9 */
	-moz-transition:all 1s;     /* Firefox */
	-webkit-transition:all 1s; /* Safari 和 Chrome */
	-o-transition:all 1s;
}
.team .bd .list li::before{
	content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #818181;
	opacity: 0.6;transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;z-index: 11;
}
.team .bd li img{
	width: 100%;height: 100%;display: block;
	transition:all 1s;
	-ms-transition:all 1s;  /* IE 9 */
	-moz-transition:all 1s;     /* Firefox */
	-webkit-transition:all 1s; /* Safari 和 Chrome */
	-o-transition:all 1s;
}
.team .bd .list li:hover::before{
	opacity: 0;
}
.team .bd li:hover img{	
	    opacity: 1;transform:scale(1.1);
	    -ms-transform:scale(1.1);  /* IE 9 */
	    -moz-transform:scale(1.1);     /* Firefox */
	    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
	    -o-transform:scale(1.1); 
		
}
.team .bd .mask{
	position: absolute;
	left: 0;right: 0;
	top: 0;bottom: 0;
	display: block;
}
.team .bd .txt{
	position: absolute;
	left: 0;right: 0;
	top: 50%;z-index: 11;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); text-align: center;
}
.team .bd h2{
	font-size:140px ;
	line-height:42px;opacity: 0.5;
	color: #fff;margin-bottom: 12px;text-transform: uppercase;font-weight: bold;
}
.team .bd p{
	font-size:22px ;
	line-height: 1.4;
	color: #333333;
	display: none;
}
.particles-js,
.particles-js1{
	position: absolute;
	left: 0;right: 0;top: 0;
	bottom: 0;
	background: #fafafa;
}
.particles-js2{
	background: none;
}
.about .box{
	height: 748px;
	position: relative;
}

.about .box .txt{
	padding-top: 220px;text-align: center;
}
.about .box .txt h2{
	font-size:38px ;
	line-height: 42px;
	color: #e8374a;text-transform: uppercase;margin-bottom: 20px;
}
.about .box .txt h3{
	font-size:30px;
	line-height: 50px;
	color: #e8374a;text-transform: uppercase;
}
.about .box .txt h4{
	font-size:24px ;
	line-height: 1.7;
	color: #e8374a;text-transform: uppercase;margin-bottom: 10px;
}
.about .box .txt p{
	font-size:20px ;
	line-height: 1.2;
	color: #333333;padding: 0 420px;
}
.about .box .txt h6{
	font-size:18px ;
	line-height: 1.6;
	color: #333333;margin-bottom: 20px;
}
.about .box1{
	padding: 68px 0 136px;
}
.about .box1 h2{
	font-size:30px ;
	line-height: 42px;
	color: #e8374a;
}
.about .box1 h2 span{
	display: inline-block;font-size: 20px;margin-left: 10px;
}
.about .box1 .list{
	margin-top: 56px;
}
.about .box1 .list ul{
	font-size: 0;text-align: center;
}
.about .box1 .list li{
	display: inline-block;width: 300px;height: 300px;background: #dcdddd;border-radius: 50%;vertical-align: middle;margin: 0 -7px;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.about .box1 .list li:hover{
	background:  rgba(231,54,74,0.8);
}
.about .box1 .list li:nth-child(2n){
	width: 380px;height: 380px;border-radius: 50%;background: rgba(231,54,74,0.8);position: relative;z-index: 11;
}
.about .box1 .list li:hover p,
.about .box1 .list li:hover h3{
	color: #fff;
}
.about .box1 .txt{
	padding-top: 110px;
}
.about .box1 .logo{
	margin-top: 150px;
}
.about .box1 .logo img{
	display: block;margin: 0 auto;
}
.about .box1 h3{
	font-size: 26px;
	line-height: 32px;
	color: #e7364a;margin-bottom: 5px;
}
.about .box1 h4{
	font-size: 35px;
	line-height: 1.7;
	color: #fff;text-align: center;margin-top: 10px;
}
.about .box1 p{
	font-size:18px ;
	line-height: 1.7;
	color: #e8374a;
}
.about .box2{
	background: #e7364a;padding: 142px 0 108px;
}
.about .box2 ul{
	font-size: 0;text-align: center;
}
.about .box2 li{
	display: inline-block;position: relative;height: 300px;width: 440px;position: relative;top: 0;transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.about .box2 li:hover{
	position: relative;top: -10px;
}
.about .box2 li::before{
	width: 300px;height: 300px;border-radius: 50%;background: rgba(255,255,255,0.2);content: "";display: block;position: absolute;left: 0;right: 0;top: 0;
	margin: 0 auto;
}
.about .box2 .ico{
	height: 73px;overflow: hidden;margin-top: 70px;margin-bottom: 18px;
}
.about .box2 .ico img{
	display: block;margin: 0 auto;
}
.about .box2 .txt h3{
	font-size: 24px;
	line-height:32px ;
	color: #fff;
}
.about .box2 .txt p{
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}
.about .box2 .txt{
	position: relative;z-index: 11;text-align: center;
}
.about .box2 .text{
	margin-top: 80px;text-align: center;
}
.about .box2 .text h2{
	font-size: 28px;
	line-height: 36px;
	color: #fff;margin-bottom: 10px;
}
.about .box2 .text p{
	font-size:20px ;
	line-height: 26px;
	color: #fff;
}
.about .box3{
	height: 748px;
}
.about .box3 .txt{
	text-align: center;padding-top: 200px;
}
.about .box3 .txt h2{
	font-size:30px ;
	line-height:36px;
	color: #e8374a;font-weight: bold;
}
.about .box3 .txt h3{
	margin: 20px 0;font-size:26px ;
	line-height: 36px;
	color: #e8374a;
}
.about .box3 .txt h6{
	font-size:22px ;
	line-height: 30px;
	color: #333333;margin-bottom: 20px;
}
.about .box3 .txt p{
	font-size:20px ;
	line-height: 1.4;
	color: #333333;
}
.about .box4{
	background: #e7e7e7;padding-top: 80px;padding-bottom: 66px;
}
.about .box4 .txt{
	text-align: center;
}
.about .box4 .txt h2{
	font-size:32px ;
	line-height: 40px;
	color: #a67c52;font-weight: bold;margin-bottom: 30px;position: relative;display: inline-block;
}
.about .box4 .txt h2::before,
.about .box4 .txt h2::after{
	content: "";background: url(../images/qico7.png) no-repeat center;width: 25px;height: 25px;display: block;position: absolute;left: -50px;top: 8px;
}
.about .box4 .txt h2::after{
	left: auto;right: -50px;
}
.about .box4 .txt h3{
	font-size:26px ;
	line-height: 30px;
	color: #333333;
}
.about .box4 .txt p{
	margin-bottom: 30px;font-size:20px ;
	line-height:1.7;
	color: #333333;
}
.about .box4 .txt h5{
	font-size:26px ;
	line-height: 44px;
	color: #a67c52;padding-left: 44px;background: url(../images/qico6.png) no-repeat left center;display: inline-block;
}
.about .box4 .txt h6{
	font-size:20px ;
	line-height: 40px;
	color: #a67c52;margin: 10px 0;
}
.about .box4 .txt dl{
	font-size: 0;text-align: center;
}
.about .box4 .txt dd{
	font-size:20px ;
	line-height: 30px;
	color: #333;display: inline-block;margin-right: 30px;
}
.about .box4 .txt dd span{
	color: #8c6239;
}
.about .box4 .txt ul{
	font-size: 0;text-align: center;margin-top: 20px;
}
.about .box4 .txt li{
	height: 230px;margin-right: 30px;display: inline-block;width: 388px;border: 10px solid #FFFFFF;
}
.about .box4 .txt li img{
	display: block;height: 100%;width: 100%;
}
.page{
	position: relative;
	height:100% ;
}


html,body,.index{
	height: 100%;
}
.swiper-container{
	height:100%;
}
.page .bg{
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;
	transition:all 4s;
	-ms-transition:all 4s;  /* IE 9 */
	-moz-transition:all 4s;     /* Firefox */
	-webkit-transition:all 4s; /* Safari 和 Chrome */
	-o-transition:all 4s;
}
.page2 .txt,
.page1 .txt{
	position: absolute;
	left: 0;right: 0;
	top: 50%;z-index: 11;text-align: center;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
	
}
.page1 .txt h2{
	font-size:38px ;
	line-height: 42px;
	color: #fff;font-weight: bold;
}
.page1 .txt p{
	font-size:28px ;
	line-height: 42px;
	color: #fff;text-transform: uppercase
}
.page3 .txt,
.page2 .txt{
	position: absolute;
	left: 0;right: 0;
	top: 50%;z-index: 11;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); text-align: center;
}
.page2 .txt h2{
	font-size:32px ;
	line-height: 42px;
	color: #fff;margin-bottom: 10px;font-weight: bold;
}
.page2 .txt p{
	font-size: 26px;
	line-height: 30px;
	color: #FFFFFF;
}
.page2 .txt h2 span{
	font-size: 42px;margin-right: 15px;
}
.page2 .txt h2 i{
	font-size: 42px;
}
.page3 .txt h3,
.page3 .txt h2{
	font-size:34px ;
	line-height: 42px;
	color: #fff;font-weight: bold;
}
.page3 .txt h3{
	margin-bottom: 10px;
}
.page3 .txt p{
	font-size:26px ;
	line-height: 36px;
	color: #fff;
}
.page4 .txt .logo img{
	display: block;
}
.page4 .txt{
	position: absolute;
	left: 0;right: 0;
	top: 35%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
}
.page4 .txt h2{
	margin-top: 10px;font-size:32px ;
	line-height: 46px;text-align: center;
	color: #fff;font-weight: bold;
}
.page4 .txt p{
	font-size:28px ;
	line-height: 46px;
	color: #fff;text-align: center;
}
.page5 .txt{
	position: absolute;
	left: 0;
	top: 20%;z-index: 1;
}
.page5 .txt{
	background: url(../images/img2.png) no-repeat center/cover;padding: 60px 0;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;right: 0;text-align: center;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.page5 .txt .logo img{
	display: block;
}
.page5 .txt h2{
	margin-top: 10px;font-size:32px ;
	line-height: 46px;
	color: #fff;font-weight: bold;
}
.page5 .txt p{
	font-size:26px ;
	line-height:42px;
	color: #fff;
}	
.index .swiper-pagination-bullet-active{
	background: #FFFFFF;
}

.layout.index{
	overflow: hidden;
	border-top: 0px solid #fff;
}


.svg{
	position: fixed;
	left: 0;right: 0;
	top: -10%;z-index: 9999;
	background: #ba000c;
	bottom: 0;
}

.svgs{
	width: 200px;
	position: absolute;
	left: 0;right: 0;
	top: 50%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
	margin: 0 auto;
}


.path { 
	stroke-dasharray: 700; 
	stroke-dashoffset: 0;
	 animation: dash 2s linear; 
		 fill:#fff 
	 
}
 @keyframes dash {
	 0% {
		 stroke-dashoffset: 700; 
		 fill:transparent
		 }
	 99% {
		 stroke-dashoffset: 0; 
		 fill:transparent
		 }
	 100% {
		 stroke-dashoffset: 0; 
		 } 
}


.ykx .header{
	-webkit-animation:fadeInDown 1s 2s ease both;
	-moz-animation:fadeInDown 1s 2s ease both;
}
.ykx .index .header{
	-webkit-animation:fadeInDown 1s 0s ease both;
	-moz-animation:fadeInDown 1s 0s ease both;
}
.amis .page.swiper-slide-active .txt .ami1{
	-webkit-animation:bounceIn 1s 2s ease both;
	-moz-animation:bounceIn 1s 2s ease both;
}
.ykx .svg{
	-webkit-animation:bounceOut 1s .5s ease both;
	-moz-animation:bounceOut 1s .5s ease both
}
.page.swiper-slide-active .ami{
	-webkit-animation:fadeInUp 1s .1s ease both;
	-moz-animation:fadeInUp 1s .1s ease both
}
.page.swiper-slide-active .bg{
	transform:scale(1.2);
	-ms-transform:scale(1.2);  /* IE 9 */
	-moz-transform:scale(1.2);     /* Firefox */
	-webkit-transform:scale(1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2); 
}
.layout{
	border-top: 100px solid #ba000c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.header{
	
}
.ykhd{
	position: fixed;
	left: 0;top: 0;right: 0;
	z-index: 112;
	padding: 30px 0;
}
.gh{
	display: block !important;
	position: absolute;right: 20px;
	top: 40px;z-index: 121;
}
.gh:hover a::after,
.gh:hover a::before,
.gh:hover a{
	width: 30px;
}
.yknaver{
	position: fixed;
	left: 0;right: 0;
	top: 0;bottom: 0;
	z-index: 111;
	background: #000;
	display: none;
}
.yknaver ul{
	position: absolute;
	left: 0;right: 0;
	top: 50%;z-index: 1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%); 
	text-align: center;
}
.yknaver li{
	margin-bottom: 10px;
}
.yknaver li a{
	font-size:26px ;
	line-height: 1.7;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.yknaver li{
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
	transform:translateY(50%);
	-ms-transform:translateY(50%);  /* IE 9 */
	-moz-transform:translateY(50%);     /* Firefox */
	-webkit-transform:translateY(50%); /* Safari 和 Chrome */
	-o-transform:translateY(50%);
	opacity: 0;
}
.yknaver li:nth-child(1){
	-webkit-animation:fadeInUp 1s .2s ease both;
	-moz-animation:fadeInUp 1s .2s ease both
}
.yknaver li:nth-child(2){
	-webkit-animation:fadeInUp 1s .4s ease both;
	-moz-animation:fadeInUp 1s .4s ease both
}
.yknaver li:nth-child(3){
	-webkit-animation:fadeInUp 1s .6s ease both;
	-moz-animation:fadeInUp 1s .6s ease both
}
.yknaver li:nth-child(4){
	-webkit-animation:fadeInUp 1s .8s ease both;
	-moz-animation:fadeInUp 1s .8s ease both
}
.yknaver li:nth-child(5){
	-webkit-animation:fadeInUp 1s 1s ease both;
	-moz-animation:fadeInUp 1s 1s ease both
}
.success .box dd:hover img {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); 
}
/* .success .box .case li:hover img {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); 
} */	
.ykhd .lo{
	-webkit-animation:fadeOutLeftBig 0.5s .04s ease both;
	-moz-animation:fadeOutLeftBig 0.5s .04s ease both;
}	
.ykhd .gh{
	-webkit-animation:fadeOutRightBig 0.5s .04s ease both;
	-moz-animation:fadeOutRightBig 0.5s .04s ease both;
}


.sco .ykhd .lo{
	-webkit-animation:fadeInLeftBig 0.5s 0.5s ease both;
	-moz-animation:fadeInLeftBig 0.5s 0.5s ease both;
}

.sco .ykhd .gh{
	-webkit-animation:fadeInRightBig 0.5s 0.5s ease both;
	-moz-animation:fadeInRightBig 0.5s 0.5s ease both;
}
.header .logo{
	-webkit-animation:fadeInLeftBig 0.5s .04s ease both;
	-moz-animation:fadeInLeftBig 0.5s .04s ease both;
}
.header .naver li:nth-child(1){
	-webkit-animation:fadeInRightBig 0.5s .04s ease both;
	-moz-animation:fadeInRightBig 0.5s .04s ease both;
}
.header .naver li:nth-child(2){
	-webkit-animation:fadeInRightBig 0.5s .08s ease both;
	-moz-animation:fadeInRightBig 0.5s .08s ease both;
}
.header .naver li:nth-child(3){
	-webkit-animation:fadeInRightBig 0.5s .12s ease both;
	-moz-animation:fadeInRightBig 0.5s .12s ease both;
}
.header .naver li:nth-child(4){
	-webkit-animation:fadeInRightBig 0.5s .16s ease both;
	-moz-animation:fadeInRightBig 0.5s .16s ease both;
}
.header .naver li:nth-child(5){
	-webkit-animation:fadeInRightBig 0.5s .2s ease both;
	-moz-animation:fadeInRightBig 0.5s .2s ease both;
}
.header .naver li:nth-child(6){
	-webkit-animation:fadeInRightBig 0.5s .24s ease both;
	-moz-animation:fadeInRightBig 0.5s .24s ease both;
}
.header .naver li:nth-child(7){
	-webkit-animation:fadeInRightBig 0.5s .28s ease both;
	-moz-animation:fadeInRightBig 0.5s .28s ease both;
}
.header .naver li:nth-child(8){
	-webkit-animation:fadeInRightBig 0.5s .32s ease both;
	-moz-animation:fadeInRightBig 0.5s .32s ease both;
}
.header .naver li:nth-child(9){
	-webkit-animation:fadeInRightBig 0.5s .36s ease both;
	-moz-animation:fadeInRightBig 0.5s .36s ease both;
}
.header .naver li:nth-child(10){
	-webkit-animation:fadeInRightBig 0.5s .4s ease both;
	-moz-animation:fadeInRightBig 0.5s .4s ease both;
}



.sco .header .logo{
	-webkit-animation:fadeOutLeftBig 0.5s .04s ease both;
	-moz-animation:fadeOutLeftBig 0.5s .04s ease both;
}

.sco .header .naver li:nth-child(10){
	-webkit-animation:fadeOutRightBig 0.5s .04s ease both;
	-moz-animation:fadeOutRightBig 0.5s .04s ease both;
}
.sco .header .naver li:nth-child(9){
	-webkit-animation:fadeOutRightBig 0.5s .08s ease both;
	-moz-animation:fadeOutRightBig 0.5s .08s ease both;
}
.sco .header .naver li:nth-child(8){
	-webkit-animation:fadeOutRightBig 0.5s .12s ease both;
	-moz-animation:fadeOutRightBig 0.5s .12s ease both;
}
.sco .header .naver li:nth-child(7){
	-webkit-animation:fadeOutRightBig 0.5s .16s ease both;
	-moz-animation:fadeOutRightBig 0.5s .16s ease both;
}
.sco .header .naver li:nth-child(6){
	-webkit-animation:fadeOutRightBig 0.5s .2s ease both;
	-moz-animation:fadeOutRightBig 0.5s .2s ease both;
}
.sco .header .naver li:nth-child(5){
	-webkit-animation:fadeOutRightBig 0.5s .24s ease both;
	-moz-animation:fadeOutRightBig 0.5s .24s ease both;
}
.sco .header .naver li:nth-child(4){
	-webkit-animation:fadeOutRightBig 0.5s .28s ease both;
	-moz-animation:fadeOutRightBig 0.5s .28s ease both;
}
.sco .header .naver li:nth-child(3){
	-webkit-animation:fadeOutRightBig 0.5s .32s ease both;
	-moz-animation:fadeOutRightBig 0.5s .32s ease both;
}
.sco .header .naver li:nth-child(2){
	-webkit-animation:fadeOutRightBig 0.5s .36s ease both;
	-moz-animation:fadeOutRightBig 0.5s .36s ease both;
}
.sco .header .naver li:nth-child(1){
	-webkit-animation:fadeOutRightBig 0.5s .4s ease both;
	-moz-animation:fadeOutRightBig 0.5s .4s ease both;
}
.header{
	-webkit-animation:fadeInDownBig  1s .2s ease both;
-moz-animation:fadeInDownBig  1s .2s ease both;
}
.sco .index .header,
.sco .header{
	-webkit-animation:fadeOutUpBig 0.5s 0.5s ease both;
	-moz-animation:fadeOutUpBig 0.5s 0.5s ease both;
}
.sco .ykhd .lo{
	display: none;
}


.footer .nav li a:hover p,
.footer .nav li a:hover h3,
.yknaver li.on a,
.yknaver li a:hover{
	color: #e8374a;
}


#swiper-container1 .swiper-pagination{
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);  /* IE 9 */
	-moz-transform:translateY(-50%);     /* Firefox */
	-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
	-o-transform:translateY(-50%);
}
.footer{
	height: auto;
	background: #fff;
}

#baguetteBox-overlay .full-image img{
	width: 800px !important;height: 534px !important;
}
.page{
	overflow: hidden;
}
.page.swiper-slide-active{
	z-index: 111;
}
.page1 .arrow{
	position: static;
	margin-top: 50px;
}
.arrow{
	position: absolute;
	left: 0;right: 0;
	bottom: 10px;z-index: 11;
	background: url(../images/arrow.png) no-repeat center bottom /cover;
	width: 40px;height:40px;margin: 0 auto;
	/* -webkit-animation: bounce-up 1.5s linear infinite;
	    animation: bounce-up 1.5s linear infinite; */
		cursor: pointer;
}

.pc{
		display: block;
	}
	.web{
		display: none;
	}

@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-10px);
    }
}


@keyframes bounce-up {
    25% {
        transform: translateY(10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-10px);
    }
}


*{
        -webkit-touch-callout:none;  /*系统默认菜单被禁用*/
        -webkit-user-select:none; /*webkit浏览器*/
        -khtml-user-select:none; /*早期浏览器*/
        -moz-user-select:none;/*火狐*/
        -ms-user-select:none; /*IE10*/
        user-select:none;
      }
.page .picn{z-index: 11;
	position: absolute;
	right: 3%;bottom: 3%;
	text-align: right;
}
.page .picn h6{
	font-size: 20px;
	color: #fff;
	line-height: 1.7;
}


.bgimgs{
	height: 100%;
	border-radius: 50%;
}