body, html {
  font-family: PingFangSC, PingFangSC-Regular, Microsoft YaHei, 微软雅黑;
}
.enterTc{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:20;
}
.enterBody{
	width:26.56rem;
	height:35rem;
	background:url(../../c_images/tc.png) no-repeat center;
	background-size:100% 100%;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
	overflow: hidden;
}
.enterBody a{
	display: block;
	width:6.4rem;
	position:absolute;
	left:50%;
	margin-left:-3.2rem;
	top:22rem;
}
.enterBody a img{
	display: block;
	width:100%;
}
.enClose{
	display: block;
	width: 2.2rem;
	height:2.2rem;
	position: absolute;
	right: 3.4rem;
	top: 2.8rem;
	cursor: pointer;
}

.header{
	width:100%;
	height:4.16rem;
	background-color:rgba(36,36,36,.9);
	position: fixed;
	top:0;
	left:0;
	z-index:10;
}
.icon{
	display:block;
	width:4.44rem;
	height:4.44rem;
	float:left;
	margin:0 0.88rem 0 0.6rem;
}
.icon img{
	border-radius: .4rem;
}
.header_txt{
	float:left;
	font-size:1.12rem;
	color:#fff;
}
.header_txt p:nth-child(1){
	margin-top:0.8rem;
}
.header_txt p:nth-child(2){
	font-size:0.8rem;
	color:#a1a4a9;
	margin-top:0.24rem;
}
.header .header_tab{
	width:2.08rem;
	height:2.08rem;
	border:0.08rem solid #c1baa1;
	border-radius: .4rem;
	float:right;
	margin:0.88rem 1.12rem 0 0;
	position: relative;
}
.header .header_tab span{
	display:block;
	width:1.12rem;
	height:0.12rem;
	background-color:#bfb89e;
	position: absolute;
	left:50%;
	margin-left:-0.56rem;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.header .header_tab span:nth-child(1){
	top:.56rem;
}
.header .header_tab span:nth-child(2){
	top:1rem;
}
.header .header_tab span:nth-child(3){
	top:1.4rem;
}
.header .header_tab.active span:nth-child(1){
	transform: rotate(45deg);
	top:1rem;
}
.header .header_tab.active span:nth-child(3){
	transform: rotate(-45deg);
	top:1rem;
}
.header .header_tab.active span:nth-child(2){
	display: none;
}
.kv{
	width:100%;
	height:45.12rem;
	background:url(/c_images/mobile.jpg) no-repeat center;
	background-size:100% 100%;
	position: relative;
	padding-top:4.1rem;
	box-sizing: border-box;
}
.slo{
	width:27.28rem;
	height:14.4rem;
	background:url(../c_images/sl.png) no-repeat center;
	background-size:100% 100%;
	position: absolute;
	left:1rem;
	top:32.32rem;
}
.slo a{
	display:block;
	width:3.76rem;
	height:2.72rem;
	animation: vGo 2s linear infinite;
	-webkit-animation: vGo 2s linear infinite;
	position: absolute;
	top:5rem;
	left:2.24rem;
}
.logo{
	display:block;
	width:7rem;
	height:auto;
	position: absolute;
	left:11.52rem;
	top:4.64rem;
}
.kv_main{
	width:18.64rem;
	height:8.08rem;
	background-size:100% 100%;
	position: absolute;
	left:50%;
	bottom: -2rem;
	margin-left:-9.32rem;
	justify-content: space-between;
}
.kv_main .k_banner{
	width:9.12rem;
	height:5.32rem;
	overflow: hidden;
	position: relative;
	margin:0.4rem 0.4rem 0 0.4rem;
}
.kv_main .k_banner li a img{
	display: block;
	width:9.12rem;
	height:100%;
	border-radius: .4rem;
}
.kv_main .k_banner .swiper-pagination1{
	bottom:0.2rem;
	position: absolute;
	z-index:2;
	text-align: right;
}
.kv_main .k_banner .swiper-pagination1 .swiper-pagination-bullet{
	width:0.44rem;
	height:0.44rem;
	opacity: 1;
	background-color:#626c7c;
	margin:0 0.08rem;
}
.kv_main .k_banner .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#9b8c6b;
}
.kv_main .k_down{
	width: 100%;
	height: 100%;
	background: url("../c_images/download_btn.png") no-repeat center;
	background-size: 100% 100%;
	z-index: 1;
	position: absolute;
}
.kv_main .k_down a{
	display: none;
	width:100%;
	height:100%;
}
.second{
	width:100%;
	position: relative;
	overflow: hidden;
}
.tit{
	display:block;
	width:28.52rem;
	height:auto;
	margin:2.64rem auto 0;
}
.label{
	width:26.56rem;
	height:1.52rem;
	margin:1.04rem auto 0;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
}
.label>img:nth-child(1){
	display:block;
	width:6.2rem;
	height:100%;
}
.label a{
	display:block;
	width:5.6rem;
	height:1.2rem;
	margin-top:0.32rem;
}
.se_ul{
	width:100%;
	overflow: hidden;
	position: relative;
	margin-top:.32rem;
	margin-left:0.88rem;
	padding-bottom: 3rem;
}
.se_ul li{
	width:12.72rem;
	height:100%;
	background-color:#fff;
	float:left;
	position: relative;
	margin-left:0.88rem;
	margin-top:.88rem;
}
.se_ul li .li_img{
	width:100%;
	height:9.36rem;
}
.se_ul li .li_p{
	width:100%;
	height:3.04rem;
}
.se_ul li .li_p p:nth-child(1){
	font-size:0.8rem;
	color:#5f6368;
	margin:.4rem 0 0 .4rem;
}
.se_ul li .li_p p:nth-child(2){
	margin-top:.4rem;
}
.se_ul li .li_p p:nth-child(2) span{
	font-size:.56rem;
	color:#9a855d;
	float:left;
	display:block;
	margin:.2rem 0 0 .4rem;
}
.se_ul li .li_p p:nth-child(2) img{
	display:block;
	width:3.04rem;
	height:1.04rem;
	float:right;
	margin-right:.32rem;
}
.se_ul li a{
	display:block;
	width:100%;
	height:100%;
}
.se_ul li a img{
	display:block;
	width:100%;
	height:100%;
}
.label.ne{
	margin-top:1.52rem;
}
.th_main{
	width:26.8rem;
	height: 36.8rem;
	background-color:#f4f5f6;
	position: relative;
	margin:2rem auto 0;
}
.th_main .read-more {
	width: 7.6rem;
	height: 2.36rem;
	display: block;
	margin: 0 auto;
}
.th_main .left_banner{
	width:100%;
	height:16.27rem;
	position: relative;
	overflow: hidden;
}
.th_main .left_banner ul li a img{
	display:block;
	width:100%;
	height:16.27rem;
}
.th_main .left_banner .swiper-pagination1 {
	width:100%;
	position: absolute;
	bottom: .88rem;
	text-align: right;
	padding: 0 .68rem;
	z-index:5;
	box-sizing: border-box;
}
.th_main .left_banner .swiper-pagination1 .swiper-pagination-bullet{
	width: .56rem;
	height: .56rem;
	border-radius: .56rem;
	opacity: 1;
	background-color: #ebddbb;
	margin: 0 .2rem;
	transition: width .2s;
}
.th_main .left_banner .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 1.88rem;
	background-color: #d3af82;
}
.right_news{
	width:24.4rem;
	position: relative;
	overflow: hidden;
	margin:0 auto 0;
}
.right_news .news_ul{
	width: 24.4rem;
	overflow: hidden;
	position: relative;
	margin:1.28rem 0 0 0;
	border-bottom:0.04rem solid #969697;
}
.right_news .news_ul li{
	width:3.4rem;
	height:auto;
	overflow: hidden;
	position: relative;
	font-size:1.04rem;
	color:#212121;
	float:left;
	text-align: center;
	padding-bottom:0.16rem;
	margin-left:.4rem;
	border-radius: 0;
	opacity: 1;
	background:none;
}
.right_news .news_ul li.swiper-pagination-bullet-active{
	color:#a29171;
	border-bottom:0.16rem solid #a29171;
	background:none;
}
.right_news .tj_news{
	width:100%;
	text-align: center;
	margin-top:1rem;
	font-size:1.12rem;
	font-weight:bold;
	margin-bottom:.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.right_news .tj_news a{
	color:#a29171
}
.news_div{
	width:100%;
	overflow: hidden;
	position: relative;
}
.news_div ul{
	width:100%;
	position: relative;
	overflow: hidden;
	height: 13.6rem;
}
.news_div ul li{
	width:100%;
	overflow: hidden;
	font-size:.88rem;
	line-height:2.32rem;
}
.news_div ul li a{
	display:block;
	width:100%;
	overflow: hidden;
}
.news_div ul li a img{
	display:block;
	width:.92rem;
	height:.92rem;
	float:left;
	margin-top:.65rem;
	margin-right:.4rem;
}
.news_div ul li a p{
	width:17.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float:left;
	color:#2a2a2a;
}
.news_div ul li a em{
	display:block;
	float:right;
	color:#a29171;
	margin-right:0.64rem
}
.third{
	width:100%;
	height: 76.8rem;
	background:url(../c_images/th.jpg) no-repeat center;
	background-size:100% 100%;
	position: relative;
	overflow: hidden;
}

.zy_main{
	width:26.6rem;
	height:38.92rem;
	position: absolute;
	left:50%;
	margin-left:-13.3rem;
	top:7.6rem;
}
.zy_main .zy_img{
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
}
.zy_main .zy_img li{
	width:100%;
	overflow: hidden;
	position: relative;
	display:none;
}
.zy_main .zy_img li img{
	display:block;
	width:100%;
	height:100%;
}
.zy_main .zy_img li.active{
	display:block;
}
.per_img{
	width:21.6rem;
	height:31.2rem;
	position: absolute;
	left:-1.68rem;
	top:-1.5rem;
	z-index:3;
}
.per_img li{
	width:100%;
	position: relative;
	display: none;
}
.per_img li.active{
	display:block;
}
.per_img li img{
	display: block;
	width:100%;
	height:100%;
}
.per_div{
	width:16.68rem;
	height:24.84rem;
	position: absolute;
	left:9.6rem;
	z-index:5;
}
.per_div>div{
	display: none;
	width:100%;
	height:24.84rem;
	position: relative;
}
.per_div>div.active{
	display:block;
}
.per_div>div .p_img{
	width:13.52rem;
	height:12.56rem;
	position: relative;
	margin:2rem 0 0 2.8rem;
}
.per_div>div .p_img img:nth-child(1){
	display:block;
	width:10.36rem;
	height:6.32rem;
}
.per_div>div .p_img img:nth-child(2){
	display:block;
	width:13.52rem;
	height:5.32rem;
	margin-top:0.96rem;
}
.per_div>div .per_cz{
	width:11.44rem;
	height:1.04rem;
	background:url(../images/cz.png) no-repeat center;
	background-size:100% 100%;
	position: relative;
	margin:.88rem 0 0 3.84rem;
	display:flex;
	display:-webkit-flex;
	justify-content: center;
}
.per_div>div .per_cz span{
	display:block;
	width:1.08rem;
	height:1rem;
	background:url(../../images/star.png) no-repeat center;
	background-size:100% 100%;
	margin-left:0.24rem;
}
.per_div>div .per_cz span:nth-child(1){
	margin-left:5.4rem;
}
.per_div>div .per_cz span.active{
	background:url(../../images/starc.png) no-repeat center;
	background-size:100% 100%;
}
.per_div>div .per_tab{
	width:16.68rem;
	height:9.08rem;
	position: relative;
	margin-top:1.36rem;
}
.bb_img{
	width:16.68rem;
	height:9.08rem;
	position: absolute;
	left:9.6rem;
	top:17.92rem;
}
.bb_img li{
	width:100%;
	height:100%;
	position: relative;
	overflow: hidden;
	display:none;
}
.bb_img li.active{
	display:block;
}
.per_div>div .per_tab ul{
	width:12.76rem;
	overflow: hidden;
	position: relative;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
	margin-left:2.8rem;
}
.per_div>div:nth-child(1) .per_tab ul{
	justify-content: space-around
}
.per_div>div .per_tab ul li{
	width:4rem;
	height:4rem;
	position: relative;
	overflow: hidden;
}
.per_div>div .per_tab ul li p{
	font-size:.8rem;
	color:#c8b88f;
	text-align: center;
	line-height:4rem;
}
.per_div>div:nth-child(1) .per_tab ul li{
	background:url(../images/tt.png) no-repeat center;
	background-size:100% 100%;
}
.per_div>div:nth-child(2) .per_tab ul li{
	background:url(../images/t.png) no-repeat center;
	background-size:100% 100%;
}
.per_div>div:nth-child(3) .per_tab ul li{
	background:url(../images/t1.png) no-repeat center;
	background-size:100% 100%;
}
.per_div>div:nth-child(4) .per_tab ul li{
	background:url(../images/w.png) no-repeat center;
	background-size:100% 100%;
}
.per_div>div:nth-child(5) .per_tab ul li{
	background:url(../images/t2.png) no-repeat center;
	background-size:100% 100%;
}
.per_div>div:nth-child(6) .per_tab ul li{
	background:url(../images/t3.png) no-repeat center;
	background-size:100% 100%;
}
.per_div>div .per_tab ul li.active{
	background:url(../images/h.png) no-repeat center;
	background-size:100% 100%;
}
.per_div>div .per_tab ul li.active p{
	color:#fff;
}
.per_div>div .per_tab .per_txt{
	width:13.44rem;
	height:4rem;
	margin:.88rem 0 0 2.8rem;
}
.per_div>div .per_tab .per_txt p{
	display: none;
	width:12rem;
	overflow: hidden;
	margin:1.8rem auto 0;
	font-size:.64rem;
	color:#37393d;
	line-height:.8rem;
}
.per_div>div .per_tab .per_txt p.active{
	display:block;
}
.zy_main .bg_img{
	width:26.68rem;
	height:12.84rem;
	position: absolute;
	right:0;
	bottom:1.6rem;
}
.zy_main .bg_img li{
	width:100%;
	height:100%;
	position: relative;
	display: none;
}
.zy_main .bg_img li.active{
	display:block;
}
.per_sel{
	width:30rem;
	height:12.84rem;
	position: absolute;
	left:-1.68rem;
	bottom:-2rem;
}
.per_sel ul{
	width:100%;
	height:100%;
	position: relative;
	overflow: hidden;
}
.per_sel ul li{
	width:4.8rem;
	height:5.24rem;
	overflow: hidden;
	position: relative;
	float:left;
}
.per_sel ul li img{
	display:block;
	width:100%;
	height:100%;
}
.per_sel ul li:nth-child(1){
	margin:0 0 0 .6rem;
}
.per_sel ul li:nth-child(2){
	margin:2.26rem 0 0 0rem;
}
.per_sel ul li:nth-child(3){
	margin:4rem 0 0 0rem;
}
.per_sel ul li:nth-child(4){
	margin:4rem 0 0 0rem;
}
.per_sel ul li:nth-child(5){
	margin:2.26rem 0 0 0rem;
}
.per_sel ul li:nth-child(6){
	margin:0 0 0 0rem;
}
.per_sel ul li.active img:nth-child(1){
	display: none;
}
.four{
	width:100%;
	height:46.44rem;
	background:url(../images/fo.jpg) no-repeat center;
	background-size:100% 100%;
	position: relative;
	overflow: hidden;
}
.a1{
	display:block;
	width:20.92rem;
	height:12.32rem;
	position: absolute;
	left:3.44rem;
	top:11.56rem;
}
.a2{
	display:block;
	width:18.32rem;
	height:19.84rem;
	position: absolute;
	left:0.56rem;
	top:20.2rem;
}
.a3{
	display:block;
	width:14.28rem;
	height:16.6rem;
	position: absolute;
	right:0;
	top:19.96rem;
}
.last{
	width:100%;
	height:18.12rem;
	background:url(../images/c_la.jpg) no-repeat center;
	background-size:100% 100%;
	position: relative;
	overflow: hidden;
}
.last ul{
	width:100%;
	height:9.6rem;
	position: relative;
	margin:2.4rem auto 0;
	display: flex;
	justify-content: space-around;
}
.last ul li{
	/* width:7.36rem; */
	/* height:8.52rem; */
	/* background:url(../images/la.png) no-repeat center; */
	background-size:100% 100%;
	position: relative;
	float:left;
	/* margin-left:2.8rem; */
}
.last ul li:nth-child(1){
	/* margin-left:1.4rem; */
}
.last ul li a{
	display: block;
	width:3.2rem;
	height:0.76rem;
	border:0.04rem solid #cec8b8;
	border-radius: .8rem;
	text-align: center;
	font-size:.56rem;
	line-height:0.88rem;
	color:#ffeeda;
	margin:0.28rem 0 0 4.56rem;
}
.last ul li img{
	display: block;
	width:calc(2.13rem*4);
	height:calc(2.81rem*4);
	/* margin:.88rem 0.8rem 0; */
}
.last ul li p{
	width:6.64rem;
	height:0.88rem;
	margin:0.48rem 0 0 .72rem;
	text-align: center;
	font-size:0.64rem;
	color:#ffeeda;
	line-height:0.88rem;
	white-space: nowrap;
}
.bg-wrapper {
	background: url("../c_images/wrapper-bg.png") no-repeat center;
	background-size: 100% 100%;
	width: 100%;
	height: 70rem;
	padding-top: 20.6rem;
	padding-bottom: 1rem;
	margin-top: -17.6rem;
	box-sizing: border-box;
	background-position: 0 1.6rem;
}
.th-5 {
	position: relative;
}
.th-5:after {
	content: '';
	display: block;
	width: 8.4rem;
	height: 15.52rem;
	background: url("../c_images/girl.png") no-repeat center;
	background-size: 8.4rem 15.52rem;
	position: absolute;
	left: 0;
	top: 6rem;
	z-index: 0;
}
.th-5 .pic {
	width: 27.64rem;
	height: auto;
	margin: 0 auto;
	display: block;
	margin-top: 2rem;
	z-index: 1;
	position: relative;
}
.third .feature {
	position: absolute;
	top: 48rem;
	width: 100%;
}
.swiper-card {
	position: relative;
	margin: 0 auto;
	margin-top: 2.4rem;
	background: url('../../c_images/img_border.png') no-repeat center;
	background-size: 100% 100%;
	width: 26.8rem;
	height: 16.48rem;
	padding: .88rem;
	box-sizing: border-box;
}
.p4-swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.p4-swiper .swiper-wrapper .swiper-slide {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.p4-swiper .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: 100%;
	z-index: 1;
	border: 1px solid #a7925d;
}

.p4-button-prev {
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	left: -1.6rem;
	margin: auto 0;
	width: 2.92rem;
	height: 2.36rem;
	background: url('../../c_images/slide_left.png') no-repeat center;
	background-size: 100% 100%;
	cursor: pointer;
}

.p4-button-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -1.6rem;
	z-index: 1;
	margin: auto 0;
	width: 2.92rem;
	height: 2.36rem;
	background: url('../../c_images/slide_right.png') no-repeat center;
	background-size: 100% 100%;
	cursor: pointer;
}
.p4-swiper .p4-pagination {
	position: absolute;
	bottom: -3.2rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	text-align: center;
	width: 100%;
	padding: 0 1.2rem;
}
.swiper-pagination-bullet {
	width: .92rem;
	height: .88rem;
	background: url('../../c_images/pagination-btn.png') no-repeat center;
	background-size: 100% 100%;
	cursor: pointer;
	opacity: 1;
}

.swiper-pagination-bullet:hover {
	background-image: url('../../c_images/pagination-btn_active.png');
}

.swiper-pagination-bullet-active {
	width: .92rem;
	height: .88rem;
	background: url('../../c_images/pagination-btn_active.png') no-repeat center;
	background-size: 100% 100%;
}