@charset "utf-8";

.view{
	padding: 0 .3rem;
}
.banner{
	position: relative;
}
.banner img{
	width: 100%;
}
.banner .text-box{
	padding: .48rem .65rem;
	background: #fff;
	width: 5.6rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}
.banner .text-box .tit{
	font-size: .32rem;
	line-height: .42rem;
	text-align: center;
	color:#fa4b7e;
}
.banner .text-box .tit span{
	font-size: .43rem;
	font-weight: bold;
	letter-spacing: 2px;
	padding:0 2px;
}
.banner .text-box .tel-box{
	margin-top: .3rem;
}
.banner .text-box .tel-box input{
	display: block;
}
.banner .text-box .tel-box input[type=text]{
	padding: .2rem .4rem;
	width: 4.8rem;
	height: .45rem;
	line-height: .45rem;
	background-color: #fff;
	border-radius: .425rem;
	border: 1px solid #c5c5c5;
	outline: none;
	color: #585656;
	font-size: .32rem;
	-webkit-appearance: none;
}
.banner .text-box .tel-box input[type=tel]{
	padding: .2rem .4rem;
	width: 4.8rem;
	height: .45rem;
	line-height: .45rem;
	background-color: #fff;
	border-radius: .425rem;
	border: 1px solid #c5c5c5;
	outline: none;
	color: #585656;
	font-size: .32rem;
	-webkit-appearance: none;
}
.banner .text-box input::-webkit-input-placeholder{
    color:#c5c5c5;
}
.banner .text-box input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#c5c5c5;
}
.banner .text-box input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#c5c5c5;
}
.banner .text-box input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#c5c5c5;
}
.banner .text-box .tel-box input[type=submit]{
	width: 5.6rem;
	height: .85rem;
	border-radius: .425rem;
	color: #fff;
	font-size: .26rem;
	text-align: center;
	border: none;
	outline: none;
	-webkit-appearance: none;
	background-color: #fa4b7e;
	margin-top: .2rem;
}

.banner .text-box .tel-box .txt{
	font-size: .24rem;
	color: #fa4b7e;
	line-height: .4rem;
	margin-top: .3rem;
	text-align: center;
}
.banner .text-box .tel-box .txt a{
	color: #fa4b7e;
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding-bottom: .05rem;
	border-bottom: 1px solid #fff;
}
.save-box{
	padding: .6rem 0 .4rem;
}
.index-tit{
	text-align: center;
}
.index-tit .sub-tit1{
	font-size: .46rem;
	line-height: .68rem;
}
.index-tit .sub-tit1 .yin{
	color: #05a0db;
	font-size: .41rem;
}
.index-tit .sub-tit2{
	font-size: .28rem;
	line-height: .38rem;
	color: #666;
	margin-top: .1rem;
}
.save{
	margin-top: .5rem;
	overflow: hidden;
	padding: .7rem 0;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}
.save .swiper-slide .text{
	float: left;
	width: 3.9rem;
}
.save .swiper-slide .text .tit{
	font-size: .36rem;
	line-height: .46rem;
	color: #000;
}
.save .swiper-slide .text .con{
	font-size: .24rem;
	line-height: .4rem;
	margin-top: .15rem;
	color: #666;
}
.save .swiper-slide .img{
	float: right;
	width: 2.36rem;
}
.save .swiper-slide .img img{
	width: 100%;
}
.save-box .btns{
	font-size: 0;
	text-align: center;
	margin-top: .45rem;
}
.save-box .btns .swiper-pagination-bullet{
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 10px;
	height: 10px;
	margin: 0 .16rem;
	background-color: #bababa;
	border-radius: 100%;
}
.save-box .btns .swiper-pagination-bullet-active{
	background-color: #eb688f;
}
.exclusive-box{
	padding: .6rem 0 1rem;
	background-color: #fef9f4;
}
.exclusive{
	margin-top: .45rem;
}
.exclusive .img{
	position: relative;
	box-shadow: 0 4px 10px rgba(114,65,24,.2);
}
.exclusive .img img{
	width: 100%;
}
.exclusive .img .play-btn{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: .54rem;
	height: .54rem;
}
.exclusive .list{
	margin-top: .8rem;
}
.exclusive .list .item{
	margin-bottom: .7rem;
}
.exclusive .list .item:last-child{
	margin-bottom: 0;
}
.exclusive .list .item .icon{
	float: left;
	width: .9rem;
	height: .8rem;
}
.exclusive .list .item .icon img{
	width: 100%;
}
.exclusive .list .item .text{
	float: right;
	width: 5.6rem;
}

.exclusive .list .item .text h3{
	font-size: .36rem;
	line-height: .46rem;
}
.exclusive .list .item .text .con{
	font-size: .24rem;
	color: #666666;
	line-height: .4rem;
	margin-top: .15rem;
}
.fit-box img{
	width: 100%;
}
.fit-box .fit{
	padding: .7rem 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.fit-box .fit .con{
	margin-top: .5rem;
	font-size: .24rem;
	color: #333;
	line-height: .4rem;
	text-align: center;
}
.fit-box .fit .experience{
	display: block;
	width: 2.67rem;
	height: .7rem;
	line-height: .7rem;
	border: 2px solid #eb688f;
	text-align: center;
	font-size: .24rem;
	color: #db5077;
	margin: .6rem auto 0;
	border-radius: .38rem;
}
.pub-con{
	font-size: .24rem;
	line-height: .4rem;
}
.center-box{
	padding: .9rem 0 .7rem;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.center-box .pub-con{
	margin-top: .3rem;
	color: #666666;
}
.center-box .list{
	margin-top: .5rem;
}
.center-box li{
	float: left;
	width: 3.28rem;
	margin-bottom: .2rem;
	border-radius: 2px;
	overflow: hidden;
}
.center-box li:nth-child(2n){
	float: right;
}
.center-box li img{
	width: 100%;
}
.promise-box{
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 3rem 0 .7rem;
}
.promise-box .promise{
	overflow: hidden;
}
.promise-box .index-tit .sub-tit1,
.promise-box .index-tit .sub-tit2{
	color: #fff;
}
.promise-box .promise{
	margin-top: .45rem;
}
.promise-box .promise .swiper-slide{
	background-color: rgba(138,138,138,.2);
	border: 3px solid rgba(255,255,255,.2);
	padding: .35rem .4rem;
	border-radius: 10px;
	box-sizing: border-box;
}
.promise-box .promise .tit{
	font-size: .38rem;
	line-height: .48rem;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: .65rem;
	background-size: .48rem;
	color: #fff;
	font-size: .38rem;
	margin-bottom: .3rem;
}
.promise-box .promise .con-box{
	padding-top: .25rem;
	border-top: 1px solid rgba(255,255,255,.2);
}
.promise-box .promise .con-box .promise-tit{
	font-size: .28rem;
	line-height: .4rem;
	color: #fff;
}
.promise-box .promise .con-box .pub-con{
	color: #fff;
	opacity: .6;
	filter: alpha(opacity=60);
	margin-top: .1rem;
}
.promise-box .promise .btns{
	margin-top: .6rem;
	font-size: 0;
	text-align: center;
}
.promise-box .promise .btns .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	margin: 0 .16rem;
	border-radius: 100%;
	background-color: #bababa;
	opacity: .5;
	filter: alpha(opacity=50);
}
.promise-box .promise .btns .swiper-pagination-bullet-active{
	background-color: #eb688f;
	opacity: 1;
	filter: alpha(opacity=100);
}
.trust-box{
	padding: .55rem 0 .9rem;
}
.trust-box .trust{
	padding: .4rem 0;
	background-color: #f5f5f5;
	overflow: hidden;
	margin-top: .3rem;
}
.trust-box .trust img{
	width: 100%;
}
.trust-box .trust .txt{
	font-size: .24rem;
	color: #333333;
	line-height: .4rem;
	margin-top: .2rem;
	text-align: center;
}
.trust-box .btns{
	font-size: 0;
	text-align: center;
	margin-top: .3rem;
}
.trust-box .btns .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #bababa;
	margin: 0 .16rem;
}
.trust-box .btns .swiper-pagination-bullet-active{
	background-color: #eb688f;
}
footer{
	background-color: #272727;
	font-size: .24rem;
	line-height: .4rem;
	text-align: center;
}
footer .top{
	padding: .5rem 0 .4rem;
	color: #999;
}
footer .bottom{
	padding: .3rem 0 .45rem;
	color: #fff;
	opacity: .3;
	filter: alpha(opacity=30);
	border-top: 1px solid #434343;
}
footer a{
	color: #fff;
}
.clearfixed{
	height: 2.2rem;
}
.foot-fixed{
	position: fixed;
	bottom: 0;
	/* background-color: #0097d8; */
	background-color: #fa4b7e;
	padding: .15rem 0 .15rem;
	width: 100%;
	text-align: center;
	z-index: 39;
}
.foot-fixed .txt{
	font-size: .4rem;
	color: #fff;
	line-height: .5rem;
}
.foot-fixed .txt b{
	letter-spacing: 2px;
	padding-left: 2px;
}
.foot-fixed .once{
	display: block;
	width: 3rem;
	height: .7rem;
	text-align: center;
	margin: .2rem auto 0;
	background-color: #fff;
	font-size: .26rem;
	color: #fa4b7e;
	line-height: .7rem;
	border-radius: .35rem;
}
.video-box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 130;
	display: none;
}
.video-box .mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}
.video-box .video{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 4.2rem;
	transform: translateY(-50%);
}
.video-box .video video{
	width: 100%;
	height: 100%;
}
.video-box .video .video-close{
	position: absolute;
	right: 0;
	width:.7rem;
	height: .7rem;
	top:-.7rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(../img/video-close.png);
}
/* index end */
.ban-login{
	position: relative;
}
.ban-login img{
	width: 100%;
}
.sub-nav{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: .88rem;
	box-sizing: border-box;
	padding: 0 .18rem;
	font-size: 0;
	background-image: url('../img/sub-bg1.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.sub-nav.on{
	background-image: url('../img/sub-bg2.png')
}
.sub-nav a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .32rem;
	color: #fff;
	width: 50%;
	text-align: center;
	height: .88rem;
	line-height: .88rem;
}
.sub-nav a.cur{
	color: #069fdf;
}
.form-box{
	padding: .75rem 0 1.1rem;
	width: 6rem;
	margin: 0 auto;
}
.form-box .item{
	display: none;
}
.form-box input[type=text],
.form-box input[type=password]{
	display: block;
	padding: .2rem .35rem;
	height: .45rem;
	line-height: .45rem;
	width: 5.3rem;
	background-color: #f0f0f0;
	border: none;
	outline: none;
	border-radius: .425rem;
	color: #999;
	font-size: .28rem;
	/* margin-bottom: .3rem; */
}
.form-box .tel{
	margin-bottom: .3rem;
}
.form-box .check-box,
.form-box .password{
	margin-bottom: .3rem;
}
.form-box .check-box input{
	float: left;
	width: 3.1rem;
}
.form-box .check-box input[type=button]{
	float: right;
	width: 2rem;
	height: .84rem;
	background-color: #069fe3;
	color: #fff;
	border: none;
	outline: none;
	border-radius: .42rem;
}
.form-box .password{
	position: relative;
}
.form-box .password .eye{
	position: absolute;
	right: .45rem;
	top: 50%;
	width: .32rem;
	height: .24rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/eye.png');
	background-size: cover;
	transform: translateY(-50%);
}
.forget{
	text-align: right;
}
.forget a{
	display: inline-block;
	font-size: .28rem;
	color: #666;
	text-decoration: underline;
}
.form-box input[type=submit]{
	display: block;
	width: 100%;
	height: .85rem;
	border-radius: .425rem;
	background: #eb688f;
	color: #fff;
	font-size: .28rem;
	border: none;
	margin-top: .85rem;
}

.form-box input::-webkit-input-placeholder{
    color:#999;
}
.form-box input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999;
}
.form-box input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999;
}
.form-box input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#999;
}