body img{width: 100%;display: block;}
body{background: #fff;}

.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}

.box_hd{position: relative;font-size: 0;text-align: center;}
.box_hd h2{position: relative;font-size: .54rem;color: #282828;line-height: .66rem;font-weight: bold;}
.box_hd b,.box_hd span{color: #ff3131;margin-right: .15rem;}
.box_hd span{display: block;margin-right: 0;}
.box_hd p{font-size: .24rem;color: #656565;line-height: .36rem;padding-top: .1rem;}
.box_hd2 h2{color: #fff;}
.box_hd2 p{color: #ffd4d4;}
.a_btn{
	position: relative;
	display: block;
	width: 4.46rem;
	height: 1.1rem;
	font-size: .32rem;
	color: #fff;
	text-align: center;
	line-height: 1.06rem;
	font-weight: bold;
	border: .02rem #ff254c solid;
	box-sizing: border-box;
	border-radius: .16rem;
	box-shadow: 0 .16rem .16rem rgba(254,63,82,.11);
	background: -moz-linear-gradient(to right , #fe0b5b, #fe4f4f);
	background: linear-gradient(to right, #fe0b5b,#fe4f4f);
	margin: 0 auto;
	padding-right: .48rem;
}
.a_btn:after{
	position: absolute;
	right: .25rem;
	top: .42rem;
	width: .53rem;
	height: .16rem;
	background: url("../images/btn.png") no-repeat 0 0;
	background-size: .53rem;
	content: "";
}
.a_btn2{border-color: #ff7780;}

/*ban开始*/
.ban .swiper-pagination-bullet{width: .1rem;height: .1rem;background: #ff4321;opacity: 1;}
.ban .swiper-pagination-bullet-active{width: .28rem;border-radius: .05rem;}
.ban .swiper-container-horizontal>.swiper-pagination-bullets,
.ban .swiper-pagination-custom,
.ban .swiper-pagination-fraction{font-size: 0;bottom: 0;}
.wrap{width: 100%;overflow: hidden;}
/*box1开始*/
.box1{position: relative;padding: .35rem 0 .76rem;}
.box1 .box1_con{padding: .6rem 0 0;}
.box1 .box1_con .swiper-container{
	padding: .17rem 0 .65rem .3rem;
}
.box1 .box1_con .swiper-slide{
	height: 5.63rem;
	border-radius: .26rem;
	box-sizing: border-box;
	box-shadow: 0 .13rem .35rem rgba(255,185,191,.51);
	padding: .3rem 0 0;
}
.box1 .box1_con .swiper-slide .pic{
	width: 4.48rem;
	margin: 0 auto .3rem;
}
.box1 .box1_con .swiper-slide h3{
	font-size: .36rem;
	color: #131313;
	font-weight: bold;
	text-align: center;
	line-height: .56rem;
}
.box1 .box1_con .swiper-slide h3 span{color: #ff0042;}
.box1 .box1_con .swiper-slide p{
	font-size: .24rem;
	color: #707070;
	text-align: center;
	line-height: .36rem;
}

.box2{background: #fff7f6;padding: .64rem 0 1rem;}
.box2 .box2_con{padding: .6rem 0 .8rem;}

.js_box3_ui{padding: .98rem 0 .8rem;}
.js_box3_ui .main{margin: .68rem 0 .8rem;}
.js_box3_ui ol{
	text-align: center;
	font-size: 0;
	margin-bottom: .4rem;
}
.js_box3_ui ol li{
	display: inline-block;
	width: 1.64rem;
	height: .7rem;
	font-size: .28rem;
	color: #fff;
	line-height: .7rem;
	border-radius: .08rem;
	background-color: #fe2a55;
	margin: 0 .06rem;
}
.js_box3_ui ol li.cur{
	position: relative;
	color: #343434;
	box-shadow: 0 .16rem .38rem rgba(254,59,83,.26);
	background-color: #fff;
}
.js_box3_ui ol li.cur:after{
	position: absolute;
	left: 50%;
	top: .7rem;
	border-style: solid;
	border-width: .13rem .12rem 0 .12rem;
	border-color: #fff transparent transparent transparent;
	margin-left: -.12rem;
	content: "";
}
.js_box3_ui .btm li{width: 1000px;height: 3.26rem;overflow: hidden;}
.js_box3_ui .btm .con{
	float: left;
	height: 3.26rem;
}
.js_box3_ui .btm img{width: auto;height: 100%;}

.box4{background: #fff7f6;padding: .85rem 0 .98rem;}
.box4 .box4img1{width: auto;height: .99rem;margin: .64rem auto .34rem;}
.box4 .swiper-container{margin-left: .3rem;}
.box4 .box4Slide1{height: 7rem;}
.box4 .box4Slide1 .swiper-slide{
	height: 6.2rem;
	border-radius: .12rem;
	background: #fff;
	padding-top: .31rem;
}
.box4 .box4Slide1 .swiper-slide img{width: auto;height: .7rem;margin: 0 auto;}
.box4 .swiper-slide h3{font-size: 0;text-align: center;margin: .14rem 0 .32rem;}
.box4 .swiper-slide h3 span{
	display: inline-block;
	font-size: .32rem;
	color: #303030;
	font-weight: bold;
	height: .14rem;
	border-radius: .05rem;
	box-shadow: 0 .33rem 0 #ffe5e5;
	padding: 0 .05rem;
}
.box4 .swiper-slide p{
	position: relative;
	font-size: .25rem;
	color: #000;
	line-height: .45rem;
	margin-left: .48rem;
}
.box4 .swiper-slide p:before{
	position: absolute;
	left: -.22rem;
	top: .16rem;
	width: .08rem;
	height: .08rem;
	border: .02rem #d9d9d9 solid;
	border-radius: 50%;
	content: "";
}
.box4 .swiper-container .swiper-pagination{
	left: 50%;
	top: auto;
	bottom: 0;
	width: 2.22rem;
	height: .15rem;
	border-radius: .1rem;
	background: #fce4e7;
	overflow: hidden;
	margin-left: -1.11rem;
}
.box4 .swiper-container .swiper-pagination span{border-radius: .1rem;background: #ff4466;}
.box4 .box4Slide2 .swiper-slide h3{text-align: left;margin: 0 0 .2rem .32rem;}
.box4 .box4Slide2 .swiper-slide p{margin-left: .32rem;}
.box4 .box4Slide2 .swiper-pagination span{background: #7280ec;}
.box4 .box4Slide2{height: 3.36rem;margin: .04rem 0 .6rem .3rem;}
.box4 .box4Slide2 .swiper-slide{
	height: 2.78rem;
	border-radius: .12rem;
	background: #fff;
}
.box4 .box4Slide2 .slidecon{padding-top: .28rem;}
.box4 .box4Slide2 .firstSlide{position: relative;width: 200%;background: #fff;z-index: 3;}
.box4 .box4Slide2 .firstSlide p{line-height: .34rem;}
.box4 .box4Slide2 .swiper-slide p:before{display: none;}
.box4 .box4Slide2 .firstSlide p span{margin-right: .4rem;}
.box4 .box4Slide2 .firstSlide p span:last-child{margin-right: 0;}
.box4 .box4Slide2 .swiper-slide h3 span{box-shadow: 0 .33rem 0 #eff1ff;}

.js_box5_ui{padding: .9rem 0 .86rem;}
.js_box5_ui .main{margin: .58rem 0 0;}
.js_box5_ui ol{
	text-align: center;
	font-size: 0;
	margin-bottom: .5rem;
}
.js_box5_ui ol li{
	display: inline-block;
	width: 1.94rem;
	height: .7rem;
	font-size: .28rem;
	color: #fff;
	line-height: .7rem;
	border-radius: .08rem;
	background: -moz-linear-gradient(to right , #fe0b5b, #fe4f4f);
	background: linear-gradient(to right, #fe0b5b,#fe4f4f);
	margin: 0 .06rem;
}
.js_box5_ui ol li.cur{
	position: relative;
	font-size: .32rem;
	font-weight: bold;
	box-shadow: 0 .16rem .16rem rgba(254,59,83,.41);
}
.js_box5_ui ol li.cur:after{
	position: absolute;
	left: 50%;
	top: .78rem;
	border-style: solid;
	border-width: .16rem .13rem 0 .13rem;
	border-color: #fe2d55 transparent transparent transparent;
	filter: drop-shadow(0 .16rem .16rem rgba(254,59,83,.41));
	margin-left: -.13rem;
	content: "";
}
.js_box5_ui .btm{
	width: 6.9rem;
	margin: 0 auto;
	padding-bottom: .5rem;
}
.js_box5_ui .swiper-container{height: 0;overflow: hidden;}
.js_box5_ui .swiper-container.cur{height: auto;}
.js_box5_ui .swiper-slide{padding-bottom: .45rem;}
.js_box5_ui .swiper-pagination{font-size: 0;}
.js_box5_ui .swiper-pagination .swiper-pagination-bullet{
	width: .2rem;
	height: .2rem;
	background-color: #ff4056;
}
.js_box5_ui .btm .con{
	height: 4.42rem;
	box-shadow: 0 .08rem .1rem rgba(243,215,223,.49);
	border-radius: .17rem;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: .36rem;
}
.js_box5_ui .btm .con .pic{
	height: 2.38rem;
	overflow: hidden;
} 
.js_box5_ui .btm .con p{
	height: 1.68rem;
	font-size: .24rem;
	color: #858585;
	line-height: .32rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	padding: .24rem .18rem 0;
}
.js_box5_ui .btm .con p span{
	display: block;
	font-size: .35rem;
	color: #1b1b1b;
	font-weight: bold;
	margin-bottom: .16rem;
}

.js_box8_ui{padding-bottom: 1.2rem;}
.js_box8_ui ul{width: 6.86rem;margin: .4rem 0 .53rem .3rem;}
.js_box8_ui ul li{position: relative;background: #fff;margin-bottom: .15rem;overflow: hidden;padding: .32rem 0 .3rem;border-radius: .13rem;box-shadow: 0 .08rem .32rem rgba(219,219,219,.47);}
.js_box8_ui ul li img{position: absolute;left: 0;top: .26rem;width: 1.59rem;}
.js_box8_ui ul li p{width: 5.25rem;float: right;font-size: .24rem;color: #8f8f8f;line-height: .38rem;}
.js_box8_ui ul li p span{display: block;font-size: .32rem;color: #272727;padding-bottom: .1rem;}

.box5{background: #fe1959;padding: 1.1rem 0 1.15rem;}
.box5 ol{padding: .5rem 0 .34rem .3rem;}
.box5 ol li{
	float: left;
	width: 2.26rem;
	height: 1.05rem;
	font-size: .24rem;
	color: rgba(255,255,255,.5);
	text-align: center;
	line-height: .4rem;
	border: .01rem #fc8750 solid;
	border-radius: .12rem;
	background: #fe4551;
	margin: 0 .06rem .09rem 0;
}
.box5 ol li b{
	display: block;
	font-size: .32rem;
	color: #fff;
	padding-top: .12rem;
}
.box5 .gallery-top{
	width: 92%;
	height: 4.56rem;
	border-radius: .2rem;
	box-shadow: inset .05rem 0 .57rem rgba(255,148,177,.57), 0 .2rem .1rem rgba(121,0,0,.16);
	background: #fff;
	overflow: visible;
}
.box5 .gallery-top .pic{
	float: left;
	width: 2.65rem;
	height: 3.8rem;
	border-radius: .12rem;
	overflow: hidden;
	margin: .36rem .3rem 0 .26rem;
}
.box5 .gallery-top h3{
	float: left;
	width: 3.22rem;
	font-size: 0;
	padding: .55rem 0 .22rem;
}
.box5 .gallery-top h3 span{
	display: inline-block;
	font-size: .32rem;
	color: #000;
	font-weight: bold;
	height: .1rem;
	border-radius: .05rem;
	box-shadow: 0 .33rem 0 #ffced2;
	padding: 0 .05rem;
}
.box5 .gallery-top p{
	float: left;
	width: 3.22rem;
	height: 3rem;
	font-size: .24rem;
	color: #7b7b7b;
	line-height: .3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
}
.box5 .gallery-top .swiper-pagination{bottom: -1.92rem;font-size: 0;}
.box5 .gallery-top .swiper-pagination-bullet{
	width: .15rem;
	height: .15rem;
	border: .04rem #ff94b1 solid;
	background: none;
	opacity: 1;
}
.box5 .gallery-top .swiper-pagination-bullet-active{
	width: .39rem;
	height: .14rem;
	border-radius: .11rem;
	border-color: #fff;
	background: #fff;
}
.box5 .gallery-thumbs{
	width: 92%;
	margin: .12rem auto 1.2rem;
}
.box5 .gallery-thumbs p{
	width: 1.1rem;
	height: 1.1rem;
	border: .02rem #fff solid;
	border-radius: .08rem;
	background: #000;
	overflow: hidden;
	margin: .09rem auto 0;
}
.box5 .gallery-thumbs p img{opacity: .4;}
.box5 .gallery-thumbs .swiper-slide-thumb-active p{
	width: 1.26rem;
	height: 1.26rem;
	border-radius: .1rem;
	border: .03rem #ffced2 solid;
	margin-top: 0;
}
.box5 .gallery-thumbs .swiper-slide-thumb-active p img{opacity: 1;}

.box6{
	height: 10.67rem;
	background: url("../images/box6bg1.jpg") no-repeat;
	background-size: 100%;
	padding-top: .86rem;
}
.box6 .box6_con{margin: .7rem 0 .56rem;}
.box6 .box6_con .scrollDiv{margin-bottom: .2rem;}
.box6 .box6_con .list{
	float: left;
	height: 1.02rem;
	border-radius: .12rem;
	box-sizing: border-box;
	background: #fff;
	margin-right: .12rem;
	padding: .12rem .38rem 0 .22rem;
}
.box6 .box6_con .list::last-child{margin-right: 0;}
.box6 .box6_con .list img{float: left;width: .76rem;}
.box6 .box6_con .list p{
	float: left;
	font-size: .24rem;
	color: #4d4d4d;
	line-height: .36rem;
	margin: .04rem 0 0 .14rem;
}
.box6 .box6_con .list p b{
	font-size: .28rem;
	color: #202020;
	margin-right: .05rem;
}
.box6 .box6_con .list p span{
	font-size: .24rem;
	color: #fe3d69;
}

.footer_box .footlist{display: none;}