.bgc{ background: #000000; width: 100%;}
.block{ display: block;}
.none{ display: none;}
.b_x{text-decoration:underline;}
.pad_tb20{ padding: 20px 0;}
.pad_t50{ padding-top: 50px;}
hr { border: 0; height: 1px; background: #fff; text-align: left;}
.form-desc hr { max-width:62px; text-align: left; margin: 28px 0 30px !important;}
.info-desc hr { max-width:62px; text-align: left; margin: 28px 0 30px !important;}

/* 加载GIF */

.loading {
	width      : 100%;
	height     : 100%;
	background : #000;
	position   : fixed;
	top        : 0;
	left       : 0;
	z-index    : 10001;
	line-height: 100%;
	text-align : center;
}

.loading img {
	position         : absolute;
	top              : 50%;
	left             : 50%;
	-webkit-transform: translate(-50%, -50%);
	transform        : translate(-50%, -50%);
}

@media (max-width:992px) {
	.loading img {
		width: 5rem;
	}
}
/*banner*/
.storeBanner{width: 100%;position: relative;}
.store_img{width: 100%; }
.storeBanner img {width: 100%;}
.mobile_banner {display: none;}
.web_banner {display: block;}


/*kc_che*/
.kc_che{ width: 100%; display: block; margin:0 auto; background: url(../images/VP/video-bg.jpg) center no-repeat; background-size: auto 828px; height: 828px;}
.kc_che>.che_img{ width: 1200px; text-align: center; margin: 0 auto; padding-top: 154px;}

/*kc_cp*/
.kc_cp{ width:100%; background: url(../images/VP/cp-bg.jpg) center top no-repeat; height: 836px;}
/*tab*/
.tab {position: relative; width: 1200px; overflow: hidden; margin: 0 auto;}
.tab-nav { width: 100%; height: 98px; margin: 54px auto 170px; text-align: center; padding: 0 0 0 18%;}
.tab-nav a { display:block; float: left; width: 286px; background:url(../images/VP/cp_bg1.png) center top no-repeat; background-size: 100%; color: #c79830; height: 98px; line-height: 96px; text-align: center; text-decoration: none; color: #fff; font-size: 26px; margin: 0 -15px;}
.tab-nav a.current { background:url(../images/VP/cp_bg2.png) center top no-repeat;  background-size: 100%; color: #c79830; font-size: 34px; font-weight: bold;}
.tab-con {position: relative; width: 1200px; overflow: hidden;  }
.tab-con-item { display: none; width: 1200px; color: #fff; }
.w540{ width: 540px; float: left;}

.year{ float: right;}

/*kc_case*/

.kc_case{ width: 100%; display: block; margin:0 auto; background: url(../images/VP/casebg.jpg) center no-repeat; background-size: auto 828px; height: 828px;}

.kc_case>.kc_txt{ font-size: 16px; color: #fff; width: 100%;  padding-top: 90px; text-align: center; font-family:"Noto Sans S Chinese",arial;}
.kc_case>.kc_txt>.desc-title{font-size:40px; font-weight:500 !important;}
.kc_case>.kc_txt>.desc-title > span > span.word1{ color: #c79830 !important;}
.kc_case>.kc_txt>hr {  margin-top: 28px; margin-bottom: 30px;  max-width: 62px; text-align: left;}
.kc_case>.kc_txt>p.pad_b{ padding-bottom: 130px;font-size:20px; line-height: 38px; opacity: 0.9;}
.kc_case>.kc_txt>p.pad_b span{ color: #c79830;}
.cs_cp{ display: block;}
.cs_wap{ display: none;}

.kc_case>.che_list{ width: 1200px; text-align: center; margin: 0 auto;}
.kc_case>.che_list dl{ display: block; width: 382px; float: left; margin: 0 18px 0 0;}
.kc_case>.che_list dl:nth-of-type(3){ margin-right: 0;}
.kc_case>.che_list dl dt{ display: block; width: 100%;}
.kc_case>.che_list dl dt video,.kc_case>.che_list dl dt img{ height: 238px;}
.kc_case>.che_list dl dd{ display: block; width: 100%; text-align: center;}

/*kc_trait*/

.kc_trait{ width: 100%; display: block; margin:0 auto; background: url(../images/VP/vp_bg.jpg) center no-repeat; background-size: auto 828px; height: 828px;}

.kc_trait>.kc_txt{ font-size: 16px; color: #fff; width: 100%;  padding-top: 40px; text-align: center; font-family:"Noto Sans S Chinese",arial;}
.kc_trait>.kc_txt>.desc-title{font-size:40px; font-weight:500 !important;}
.kc_trait>.kc_txt>.desc-title > span > span.word1{ color: #c79830 !important;}
.kc_trait>.kc_txt>hr {  margin-top: 28px; margin-bottom: 30px;  max-width: 62px; text-align: left;}
.kc_trait>.kc_txt>p.pad_b{ padding-bottom: 60px;font-size:20px; line-height: 38px; opacity: 0.9;}
.kc_trait>.kc_txt>p.pad_b span{ color: #c79830;}
.kt_cp{ display: block;}
.kt_wap{ display: none;}

.kc_trait>.trait_list{ width: 1200px; text-align: center; margin: 0 auto;}
.kc_trait>.trait_list dl{ display: block; width: 430px; float: left; margin: 0 0 0 0; text-align: left;}
.kc_trait>.trait_list dl:nth-of-type(3){ margin-right: 0;}
.kc_trait>.trait_list dl dt{ display: block; width: 100%;}
.kc_trait>.trait_list dl dt img{height: 290px; margin-left: -40px;}
.kc_trait>.trait_list dl dd{ display: block; width: 100%;  font-family:"Noto Sans S Chinese",arial;}
.kc_trait>.trait_list dl dd h2{ display: block; width: 100%; font-size: 24px; color: #c79830; padding-top: 20px;}
.kc_trait>.trait_list dl dd span{ display: block; width: 100%; font-size: 18px; color: #fff; line-height: 36px;}
.kc_trait>.trait_list dl dd span img{ height: 18px; margin-top: -2px;}
.kc_trait>.trait_list dl dd p{ width: 100%; font-size: 14px; color: #fff; line-height: 36px; font-weight: 100; font-family:"Noto Sans S Chinese",arial;}
.kc_trait>.trait_list dl dd p img{ height: 14px; margin-top: -2px;}
.kc_trait>.trait_list dl.wap_kc2 dd{ padding-left: 20px;}
.kc_trait>.trait_list dl.wap_kc3{ width: 336px;}
.kc_trait>.trait_list dl.wap_kc4{ display: none;}

@media (max-width:992px){
	.play-wrap{
	    width: 100% !important;
	}
	.close{
	    display: none;
	}
	hr { border: 0; height: 0.01rem; background: #fff; text-align: left;}
	.pad_tb20{ padding: 0.20rem 0;}
	.mobile_banner {display: block;}
	.web_banner {display: none;}
	.banner-info {width: 7.3rem;height: 100%; position:absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform:translateX(-50%);}

	.info-desc {position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	.desc-title { font-size: .26rem;}
	.pad_b{line-height: .40rem;}
	.storeBanner .banner-info {width:7.30rem;height: 100%; position:absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform:translateX(-50%);}
	.storeBanner .info-desc { width: 3.9rem; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	.desc_title { font-size: .26rem; font-weight: 900; color: #fff; /*opacity  : 0;*/}
	.desc_title>span>span.word1 {color: #c79836;}
	.desc_content { max-width: 100%; font-size: .18rem; color: #fff; line-height: .40rem;}
	.form-desc hr { max-width:0.62rem; text-align: left; margin: 0.28rem 0 0.30rem !important; text-align: left;}
	.info-desc hr { max-width:0.62rem; text-align: left; margin: 0.28rem 0 0.30rem !important; text-align: left;}


	/*kc_che_wap*/
	.kc_che_wap{ width: 100%; display: block; margin:0 auto; background: url(../images/VP/video-bg-wap.jpg) center top no-repeat; background-size: 100% auto; height: auto; min-height: 6.05rem;}
	.kc_che_wap>.che_img{ width: 100%; height: auto; text-align: center; padding-top: 1.30rem; padding-bottom: 1.1rem;}



	/*kc_cp_wap*/
	.kc_cp_wap{ width:100%; background: url(../images/VP/cp-bg-wap.jpg) center top no-repeat; background-size: 100% auto; height: 7.64rem;}
	/*tab*/
	.tab {position: relative; width: 100%; overflow: hidden; margin: 0 auto;}
	.tab-nav { width: 100%; height: 0.79rem; margin: 0.82rem auto 1.02rem; text-align: center; padding: 0 0 0 0;}
	.tab-nav a { display:inline-block; float:none; width: 2.30rem; background:url(../images/VP/cp_bg1_wap.png) center top no-repeat; background-size: 100%; color: #c79830; height: 0.79rem; line-height: 0.78rem; text-align: center; text-decoration: none; color: #fff; font-size: 0.22rem; margin: 0 -0.15rem;}
	.tab-nav a.current { background:url(../images/VP/cp_bg2_wap.png) center top no-repeat; background-size: 100%; color: #c79830; font-size: 0.28rem; font-weight: bold;}
	.tab-con {position: relative; width: 100%; overflow: hidden; padding: 0 0.48rem;  }
	.tab-con-item { display: none; width: 100%; color: #fff; }
	.w540{ width: 5.40rem; float: left;}
	
	.year{ float: right;}
	.year img{ width: 0.95rem;}
	
	/*kc_case_wap*/

	.kc_case_wap{ width: 100%; display: block; margin:0 auto; background: url(../images/VP/casebg-wap.jpg) center top no-repeat; background-size: 100% auto; height: auto; min-height: 11.09rem;}
	.kc_case_wap>.kc_txt{ padding: 0 0.50rem; font-size:0.18rem; color: #fff; width: 100%; text-align: center; }
	.kc_case_wap>.kc_txt>.desc-title{font-size:0.46rem; font-weight: 500 !important; padding-top: 0.96rem;}
	.kc_case_wap>.kc_txt>.desc-title > span > span.word1{ color: #c79830 !important;}
	.kc_case_wap>.kc_txt>p.pad_b{ padding-bottom: 0.78rem; font-size:0.20rem; line-height: 0.38rem; opacity: 1;}
	.kc_case_wap>.kc_txt>p.pad_b span{ color: #c79830;}
	.cs_cp{ display: none;}
	.cs_wap{ display: block;}

	.kc_case_wap>.che_list{ width: 100%; height: auto; text-align: center;}
	.kc_case_wap>.che_list dl{ display: inline-block; width: 100%; float: none; margin: 0 0; padding: 0 0.50rem;}
	.kc_case_wap>.che_list dl dt{ display: block; width: 3.30rem;}
	.kc_case_wap>.che_list dl dt video,.kc_case_wap>.che_list dl dt img{ height: 2.06rem;}
	.kc_case_wap>.che_list dl dd{ display: block; width:auto;}
	.kc_case_wap>.che_list dl.wap_cs1,.kc_case_wap>.che_list dl.wap_cs2{ padding-bottom: 0.30rem;}
	.kc_case_wap>.che_list dl.wap_cs1 dt{ float: left;}
	.kc_case_wap>.che_list dl.wap_cs1 dd{ float: right;}
	.kc_case_wap>.che_list dl.wap_cs2 dt{ float: right;}
	.kc_case_wap>.che_list dl.wap_cs2 dd{ float: left;}
	
	
	
	/*kc_trait_wap*/
	.kc_trait_wap{ width: 100%; display: block; margin:0 auto; background: url(../images/VP/vp_bg_wap.png) center top no-repeat; background-size: 100% auto; height: auto; min-height: 13.62rem;}
	.kc_trait_wap>.kc_txt{ padding: 0 0.50rem; font-size:0.18rem; color: #fff; width: 100%; text-align: center; }
	.kc_trait_wap>.kc_txt>.desc-title{font-size:0.46rem; font-weight: 500 !important; padding-top: 0.96rem;}
	.kc_trait_wap>.kc_txt>.desc-title > span > span.word1{ color: #c79830 !important;}
	.kc_trait_wap>.kc_txt>p.pad_b{ padding-bottom: 0.28rem; font-size:0.20rem; line-height: 0.38rem; opacity: 1;}
	.kc_trait_wap>.kc_txt>p.pad_b span{ color: #c79830;}
	.kc_trait_wap>.kc_txt>p.pad_b img{ height: 0.21rem;}
	.kt_cp{ display: none;}
	.kt_wap{ display: block;}


	.kc_trait>.trait_list{ width: 100%; text-align: center; margin: 0 auto; padding:0 0 0 0.56rem;}
	.kc_trait>.trait_list dl{ display: block; width: 50%; float: left; margin: 0 0 0 0; text-align: left;}
	.kc_trait>.trait_list dl:nth-of-type(3){ margin-right: 0;}
	.kc_trait>.trait_list dl dt{ display: block; width: 100%;}
	.kc_trait>.trait_list dl dt img{height: 2.9rem; margin-left: -0.4rem;}
	.kc_trait>.trait_list dl dd{ display: block; width: 100%; font-family:"Noto Sans S Chinese",arial; height: 2.3rem;}
	.kc_trait>.trait_list dl dd h2{ display: block; width: 100%; font-size: 0.24rem; color: #c79830; padding-top: 0.20rem; padding-bottom: 0.16rem;}
	.kc_trait>.trait_list dl dd span{ display: block; width: 100%; font-size: 0.18rem; color: #fff; line-height: 0.36rem;}
	.kc_trait>.trait_list dl dd span img{ height: 0.18rem; margin-top: -0.02rem;}
	.kc_trait>.trait_list dl dd p{ width: 100%; font-size: 0.18rem; color: #8f8f8f; line-height: 0.30rem; font-weight: 100; font-family:"Noto Sans S Chinese",arial;}
	.kc_trait>.trait_list dl dd p img{ height: 0.14rem; margin-top: -0.02rem; padding: 0 0.02rem;}
	.kc_trait>.trait_list dl.wap_kc2 dd{ padding-left: 0.20rem;}
	.kc_trait>.trait_list dl.wap_kc3,.kc_trait>.trait_list dl.wap_kc4{ width:50%; }
	.kc_trait>.trait_list dl.wap_kc4{ display: block;}
		
}


/* 播放器 start */
.play-box{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 10000;
    display: none;
}
.play-wrap{
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.play{
    width: 100%;
}
.close{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .8);
    text-align: center;
    line-height: 40px;
    color: rgba(0, 0, 0, .8);
    font-size: 22px;
    position: absolute;
    top: -20px;
    right: -20px;
    user-select: none;
    cursor: pointer;
}
/* 播放器 end */