@charset "utf-8";
*{
	margin:0;
	padding:0;
}
html, body {
    width:100%;
    max-width:1080px;
    margin:0 auto;
    position:relative;
}
body{
	-webkit-overflow-scrolling: touch;
}
.main{
	position:relative;
	background-color:#18282e;
	line-height:0;
}
.main>div{
	font-size:0;
	line-height:0;
    border: none;
    outline: none;
}
.main img{
	width:100%;
}
video::-webkit-media-controls-fullscreen-button {
	display: none !important;
}
.title{
	text-align:center;
}
.noscroll{
	overflow: hidden; 
}
/* ************************************** 头部+ICON标题部分 ************************************** */
.top{
	width:100%;
	height:0;
	padding-bottom:169.351%;
	position: relative;
	overflow:hidden;
	background-image:url(../img/p_01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% 100%;
}
.header-info-wrap{
	width:100%;
	position: absolute;
	left:0;
	bottom:0;
}
.header-info-wrap .icon{
	width:1.52rem;
	margin-left:0.39rem;
	float:left;
}
.header-info{
	margin-left:2.14rem;
	display:block;
	font-size:0;
	position:relative;
	bottom:0;
}
.header-info h1{
	font-size:0.43rem;
	font-weight:400;
	line-height:1;
	margin-top:0.23rem;
	color:#fff;
}
.header-info p{
	display:block;
	font-size:0.34rem;
	font-weight:normal;
	line-height:1;
	margin-top:0.23rem;
	color:#fff;
}
.header-info a{
	position:absolute;
	right:0.39rem;
	bottom:0;
	display:inline-block;
	width:3.39rem;
	height:0.82rem;
	background-image:url(../img/btn_right.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:auto 100%;
	font-size:0;
	text-indent:-9999px;
	cursor: pointer;
}
/* ************************************** content ************************************** */
.content{
	width: 100%;
	height:0;
	padding-bottom:876.851%;
	position: relative;
	background-image:url(../img/p_02.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}

/* ************************************** parts ************************************** */
.part{
	position: relative;
	overflow: hidden;
}
.part-lot{
	height: 7.9rem;
}
.part-lot .title{
	margin-top:1.03rem;
}
.part-welfare{
	height: 16.37rem;
}
.part-intro{
	height: 14.14rem;
}
.part-scene{
	height: 24rem;
}
.part-partner{
	height: 13.53rem;
}
.part-pics{
	height: 7.81rem;
}
/* ******************************************************************************* */
.part-lot{
	text-align: center;
}
.part-lot-imgs{
	position: relative;
	text-align: center;
	margin: .74rem 0 .83rem 0;
}
.part-lot-imgs img{
	display: inline-block;
	width: 2.31rem;
	height: 2.31rem;
	margin: 0 .32rem;
}
.part-lot .part-lot-btn{
	width: 3.58rem;
}
/* ******************************************************************************* */
.part-welfare-imgs{
	position: relative;
	height:9.3rem;
	margin-top:0.23rem;
}
.part-welfare-imgs img{
	width: 5.31rem;
	height: 4.81rem;
	position: absolute;
}
.part-welfare-imgs img:nth-child(1){
	left:-0.06rem;
	top:0;
}
.part-welfare-imgs img:nth-child(2){
	right:-0.28rem;
	top:0;
}
.part-welfare-imgs img:nth-child(3){
	left:2.5rem;
	top:4.19rem;
}
.part-welfare-process{
	position: relative;
	margin: 0 0 0.55rem 0;
}
.part-welfare-process-bg{
	position: relative;
	background-image:url(../img/welfare_process_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
	width: 100%;
	height: 0.64rem;
	margin: 0.16rem 0;
	overflow: hidden;
}
.part-welfare-process-line{
	position: relative;
	background-image:url(../img/welfare_process_cover.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 100%;
	width: 65.5%;
	height: 0.45rem;
	margin: .01rem 0 0 1.91rem;
}
.part-welfare-textimg{
	width:100%;
}
/* ******************************************************************************* */
.part-intro-content{
	position: relative;
}
.part-intro-text{
	color: #fff3e3;
	font-size: 0.34rem;
	line-height: 0.66rem;
	text-align: center;
	margin: 0.16rem 0.94rem;
	padding-top:0.16rem;
	background-image: url('../img/intro_line.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.part-intro-textimg{
	position: relative;
	text-align: center;
	margin: 0.16rem auto;
	padding-top:0.31rem;
	background-image: url('../img/intro_line.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.part-intro-birds{
	position: relative;
}
.birds-anim{
	width: 10rem;
    height: 8.88rem;
	background-image: url(../img/birds_sprite.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
    animation: fly 2s step-start infinite;
}
@keyframes fly{
	0%{background-position: 0 0;}
	9%{background-position: 0 -8.52rem;}
	18%{background-position: 0 -17.03rem;}
	27%{background-position: 0 -25.55rem;}
	36%{background-position: 0 -34.06rem;}
	45%{background-position: 0 -42.57rem;}
	54%{background-position: 0 -51.11rem;}
	63%{background-position: 0 -59.63rem;}
	72%{background-position: 0 -68.14rem;}
	81%{background-position: 0 -76.66rem;}
	90%{background-position: 0 -85.18rem;}
	100%{background-position: 0 -93.7rem;}
}
@-webkit-keyframes fly{
	0%{background-position: 0 0;}
	9%{background-position: 0 -8.52rem;}
	18%{background-position: 0 -17.03rem;}
	27%{background-position: 0 -25.55rem;}
	36%{background-position: 0 -34.06rem;}
	45%{background-position: 0 -42.57rem;}
	54%{background-position: 0 -51.11rem;}
	63%{background-position: 0 -59.63rem;}
	72%{background-position: 0 -68.14rem;}
	81%{background-position: 0 -76.66rem;}
	90%{background-position: 0 -85.18rem;}
	100%{background-position: 0 -93.7rem;}
}
.part-intro-btn{
	width:1.82rem;
	height:1.82rem;
	position: absolute;
	left: 4.11rem;
	top: 4.77rem;
	z-index: 10;
	display: block;
	outline: none;
	text-decoration: none;
	cursor: pointer;
}
.part-intro-btn span{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width:1.82rem;
	height:1.82rem;
	background-image:url(../img/video_btn.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
	animation:beat 1s infinite ease-in-out;
	-webkit-animation:beat 1s infinite ease-in-out;
	z-index: 12;
}
.part-intro-btn .part-intro-btn-bg{
	width:1.82rem;
	height:1.82rem;
	background-image:url(../img/video_btn_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
	animation:rotate 4s infinite linear;
	-webkit-animation:rotate 4s infinite linear;
	z-index: 11;
}
@-webkit-keyframes rotate {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes rotate {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-webkit-keyframes beat {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes beat {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
/* 视频弹窗 */

.popvideo{
	background-color: rgba(0,0,0,0.7);
	display: none;
	z-index: 99;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.popvideo-wrap{
	width:100%;
	max-width:640px;
	height:100%;
	margin:0 auto;
	position:relative;
}
.popvideo-content{
	width: 100%;
	height: 0;
	padding-bottom:57%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.popvideo-content video{
	width:100%;
	height:auto;
	background:transparent;
	outline:none;
	-webkit-tap-highlight-color: transparent;
	visibility: hidden;
	z-index:99;
	position:absolute;
	left:0;
	top:0;
}
.popvideo-close-btn{
	position: absolute;
	z-index:99;
	bottom:5%;
	left:4.61rem;
	width:0.78rem;
	height:0.78rem;
	background-image:url(../img/btn_close.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
} 

/* ******************************************************************************* */
.part-scene-content{
	position: relative;
	margin-top:0.77rem;
}
.part-scene-img{
	width:8.41rem;
	height:3.82rem;
	margin:0 auto;
	background-image:url(../img/scene_img_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% 100%;
	position: relative;
	overflow: hidden;
}
.part-scene-img img{
	width:8.25rem;
	height:3.7rem;
	margin: 0.06rem 0.07rem;
}
.part-scene-txt{
	width:100%;
	margin:0.55rem auto 1.41rem auto;
}
/* ******************************************************************************* */
.part-partner .title{
	z-index:50;
	position: relative;
}
.part-partner-content{
	position: relative;
	z-index:1;
}
.part-partner-swiper{
	margin-top:-0.93rem;
}
.part-partner-heads-swiper{
	position: relative;
	margin-top:-1.88rem;
}
.part-partner-heads-swiper .swiper-container{
	margin:0 0.94rem;
}
.part-partner-heads-swiper .swiper-slide{
	position: relative;
	width:1.91rem;
	height:1.91rem;
}
.part-pics-swiper .swiper-slide .pic{
	position: relative;
	width:5.97rem;
	height:3.55rem;
	margin:0 auto;
}
.part-partner-heads-swiper .swiper-slide::after{
	content: '';
	width:0.13rem;
	height: 0.13rem;
	background: #f1d48e;
	position: absolute;
	right:-0.16rem;
	top:0.91rem;
	transform: rotate(45deg);
}
.part-partner-heads-swiper .swiper-slide .partner-head{
	position: relative;
	width:1.91rem;
	height:1.91rem;
	background-image: url(../img/partner_dot_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:1.91rem auto;
	margin:0 auto;
}
.part-partner-heads-swiper .swiper-slide.swiper-slide-active .partner-head::before{
	content: '';
	display: block;
	width:1.91rem;
	height:1.91rem;
	background-image: url(../img/partner_dot_current.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:1.91rem auto;
	position: absolute;
	left:0;
	top:0;
}
.part-partner-heads-swiper .swiper-slide img{
	width: 1.55rem;
	height: 1.55rem;
	margin: 0.19rem 0 0 0.18rem;
}
.part-partner-heads-swiper .swiper-button-next{
	width:0.7rem;
	height:0.7rem;
	top:0.59rem;
	right:0.39rem;
	margin-top:0;
	background-image: url(../img/partner_dot_btn_next.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
.part-partner-heads-swiper .swiper-button-prev{
	width:0.7rem;
	height:0.7rem;
	top:0.59rem;
	left:0.39rem;
	margin-top:0;
	background-image: url(../img/partner_dot_btn_prev.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
/* ******************************************************************************* */
.part-pics-content{
	position: relative;
	padding-top: 0.66rem;
	margin-top:0.16rem;
	background-image: url(../img/pics_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
.part-pics-content .part-pics-swiper{
	position: relative;
}
.part-pics-swiper .swiper-slide{
	position: relative;
	width:100%;
	height:5.55rem;
}
.part-pics-swiper .swiper-slide .pic{
	position: relative;
	width:9.32rem;
	height:5.55rem;
	margin:0 auto;
}
.part-pics-swiper .swiper-button-next{
	width:0.93rem;
	height:0.93rem;
	top:2.23rem;
	right:0.16rem;
	margin-top:0;
	background-image: url(../img/pics_next.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
.part-pics-swiper .swiper-button-prev{
	width:0.93rem;
	height:0.93rem;
	top:2.23rem;
	left:0.16rem;
	margin-top:0;
	background-image: url(../img/pics_prev.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
/* ******************************************************************************* */
.part-end{
	text-align: center;
	padding-top:0.31rem;
}
.part-end img{
	width:3.91rem;
	height:0.95rem;
}