.br-pc{
    display: inline-block;
}
.br-phone{
    display: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.mar50{ margin-top: 70px;}
.desc-title { color: initial;}

/*公用标题*/
.lx-title{
    padding: 100px 0 26px;
    width: 100%;
    text-align: center;
    
}
.lx-title .desc-title{
    font-size: 40px;
    
}
.lx-title .desc-title > span > span.word1{ color:#cc9933 !important;}
.lx-title .desc-title > span > span.word3>.char3{ color:#cc9933 !important;}
.lx-title .desc-title > span > span.word3>.char4{ color:#cc9933 !important;}
.lx-subhead{
    font-size: 20px;
    color: #fff;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
/* banner1 start */
.banner-wrap{
    height: 921px;
    width: 100%;
    background: url(/best/img/lixiang/banner_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.banner-box{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 71px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.banner-title{
    font-size: 48px;
    text-align: center;
    color: #60daf6;
    font-weight: bold;
    background: linear-gradient(270deg, #C89A40 0%, #DDBF6D 29.9560546875%, #CA9D43 76.806640625%, #CCAA54 99.6337890625%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing:16px;
	width: 556px;
    margin: 220px auto 0;
    padding-left: 16px;
}
.banner-con{
    font-size: 25px;
    color: #fff;
    text-align: center;
    padding-top: 28px;
    font-weight: 200;
    letter-spacing:5px;
}
.videoimg{
	width: 100%;
	text-align: center; cursor: pointer;
	margin-top:86px;
}

/* banner1 end */



/* lxcp start */
.lxcp-wrap1{
    background: url(/best/img/lixiang/pro_bg.jpg) no-repeat;
}
.lxcp-wrap2{
    background: url(/best/img/lixiang/max_bg.jpg) no-repeat;
}
.lxcp-wrap{
    height: 1091px;
    background-size: cover;
    background-position: center;
}

.lxcp-wrap .lx-subhead{
    font-size: 28px;
    color: #fff;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.lxcp-box{
    width: 1200px;
    margin: 0 auto;
}
.lxcp-btns{
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    padding-top: 0;
    margin-top: 58px;
    margin-bottom: 160px;
    height: 174px;
    position: relative;
}
.lxcp-btn{
    height: 174px;
    font-size: 16px;
    text-align: left;
    color: #fff;
    cursor: pointer;
    user-select: none;
    background-size: cover;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px 18px 0 22px;
}
.lxcp-btn .titleimg{ width: 100%; float: left;}
.lxcp-btn .titleimg img{ float: left;}
.lxcp-btn .x_h{ width: 100%; padding-top: 12px;float: left;}
.lxcp-btn .x_h span{ float: left; font-weight: bold; margin-right: 4px;}
.lxcp-btn .x_h>img{ float: left; margin: 5px 0 0 5px;}
.lxcp-btn .x_h p{ float: right; background: url(/best/img/lixiang/x.png) left 3px no-repeat; background-size: 1px 18px; padding-left: 10px; color: #9f9fa0; font-weight: bold;}
.lxcp-btn .x_h p b{ color: #fff; padding-right: 5px;}
.lxcp-btn .x_h p.fcl{ color: #678ea5;}
.lxcp-btn .subhead{width: 100%; padding-top: 8px;float: left; position: relative;}
.lxcp-btn .subhead img.year{ position: absolute; right: 0; bottom: 7px;}


.lxcp-btn:nth-of-type(1){
    width: 388px;
    margin-right: 18px;
    background: url(/best/img/lixiang/protitbg1.png) no-repeat;
}

.lxcp-btn:nth-of-type(2){
    width: 388px;
    background: url(/best/img/lixiang/maxtitbg1.png) no-repeat;
}
.lxcp-btn-active{
    font-size: 16px;
}
.lxcp-btn:nth-of-type(1).lxcp-btn-active{
    background: url(/best/img/lixiang/protitbg2.png) no-repeat;
}
.lxcp-btn:nth-of-type(2).lxcp-btn-active{
    background: url(/best/img/lixiang/maxtitbg2.png) no-repeat;
}


.lxcp-1{
    display: block;
}
.lxcp-2{
    display: none;
}
.lxcp-desc{
    text-align: center;
    color: #fff;
    font-size: 12.3px;
    line-height: 36px;
    margin: 78px 0 0px;
    opacity: 0.5;
}
.lxcp-desc img{
    height: 16px;
}
.lxcp-detail-box{
    display: flex;
    justify-content: space-between;
}


.pro_icon1,.pro_icon2,.pro_icon3{ width: 100%; text-align: center; height: 110px; display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */}
.pro_icon1 img{height: 48px;}
.pro_icon2 img{height: 44px;}
.pro_icon3 img{height: 53px;}
.max_icon1,.max_icon2,.max_icon3{ width: 100%; text-align: center; height: 110px; display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */}
.max_icon1 img{height: 50px;}
.max_icon2 img{height: 48px;}
.max_icon3 img{height: 53px;}
.lxcp-detail-title{
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 24px;
    font-weight: bold;
    letter-spacing:5px
}
.lxcp-detail-con{
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    height: 100px;
}
.lxcp-detail-con span{
    height: 16px;
}
.lxcp-detail-explain{
    font-size: 14px;
    color: #C69737;
    margin-top: 14px;
    text-align: center;
}
.lxcp-detail-explain img{
    height: 16px;
}

.lxcp-detail-explain2{
    font-size: 14px;
    color: #C69737;
    text-align: left;
}
/* lxcp end */



/* cp-packaging start */
.cp-packaging{
	width: 100%;
    height: 628px;
    background: url(/best/img/lixiang/bzbg.jpg) center no-repeat;
    background-size: cover;
    color: #fff;
}

.packaging{ margin: 0 auto; width: 1200px; padding: 110px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; justify-content:flex-start; display: flex;}
.packaging .cpimg1{ width: 567px; height: 388px; position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.packaging .cpimg1 .imgw {width: 100%; height: 388px; overflow: hidden; display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */}
.packaging .cpimg1 .imgw img.cpimg{ width: 567px; height: 388px;}

.packaging-con{
	width: 638px;
    font-size: 16px;
    color: #fff;
    text-align: left;
    padding: 46px 0 0 0;
}
.packaging-con .lx-title{ text-align: left !important; padding: 0 0 30px !important;}
.packaging-con .lx-subhead {
	font-size: 27px;
	letter-spacing:5.5px;
	display: flex;
	justify-content: left !important;
	align-items: center;
}

.packaging-con .td_img{ width: 100%; padding-top: 80px;}
.packaging-con .td_img img{ width: 100%; max-width:544px; display: block;}
/* cp-packaging end */


/* lx_c */
.lx_c{
	width: 100%;
    height: 881px;
    background: url(/best/img/lixiang/lxbg.jpg) center bottom no-repeat;
    background-size: cover;
    color: #fff;
}
.lx_c .lx-title{ padding: 120px 0 22px !important;}
.lx_c .lx-title .desc-title > span > span.word1{ color:#cc9933 !important;}
.lx_c .lx-title .desc-title > span > span.word3>.char1{ color:#cc9933 !important;}
.lx_c .lx-title .desc-title > span > span.word3>.char2{ color:#cc9933 !important;}
.lx_c .lx-title .desc-title > span > span.word3>.char3{ color:#fff !important;}
.lx_c .lx-title .desc-title > span > span.word3>.char4{ color:#fff !important;}
.lx_c .lx-subhead { font-size: 30px;letter-spacing: 3px;}

.lx_c .lx_carimg{ width: 1200px;  margin:90px auto 0; display: flex;
justify-content:space-between; align-items: top;}
.lx_c .lx_carimg .car{ width: 374px;}
.lx_c .lx_carimg .car .topimg,.lx_c .lx_carimg .car .topimg img{ width: 100%;}
.lx_c .lx_carimg .car .txt{ width: 100%; padding-top: 40px;}
.lx_c .lx_carimg .car .txt h2{ width: 100%; display: block;font-size: 20px; letter-spacing: 5px; line-height: 40px; padding-bottom: 26px;}
.lx_c .lx_carimg .car .txt p{ width: 100%; display: block;font-size: 16px; line-height: 36px;}
/* lx_c end */

/* lx-core start */
.lx-core{ width: 100%;height: 367px;background: url(/best/img/lixiang/corebg.jpg) center no-repeat;background-size: cover;color: #fff;}
.core{ margin: 0 auto; width: 1200px; padding: 90px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; justify-content:flex-start; display: flex; position: relative;}
.core .core-con{ width: 638px; font-size: 16px; color: #fff; text-align: left; padding: 0px 0 0 0;}
.core .core-con .lx-title{ text-align: left !important; padding: 0 0 40px !important;}
.core .core-con .lx-title .desc-title > span > span.word1{ color:#cc9933 !important;}
.core .core-con .lx-title .desc-title > span > span.word3>.char3{ color:#fff !important;}
.core .core-con .lx-title .desc-title > span > span.word3>.char4{ color:#fff !important;}
.core .core-con .lx-subhead { font-size: 20px; line-height: 46px; display: flex; justify-content: left !important; align-items: center;}
.core .cpimg1{ width: 398px; height: 144px; position: absolute; top: 110px; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.core .cpimg1 .imgw {width: 100%; height: 144px; overflow: hidden; display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */}
.core .cpimg1 .imgw img.coreimg{ width: 398px; height:144px;}

/* lx-core end */

@media (max-width: 992px) {
	.dy_m{ display: none !important;}
    .play-wrap{
        width: 100%;
    }
    .close{
        display: none;
    }
    .br-pc{
        display: none;
    }
    .br-phone{
        display:inline-block;
    }
    
    /*公用标题*/
    .lx-title{
        padding:1.00rem 0 .26rem;
    }
    .lx-title .desc-title{
        font-size: .40rem;
    }
    .lx-subhead {
    font-size: 0.20rem;
    color: #fff;
    text-align: center;
	}
    /* banner1 start */
    .banner-wrap{
        width: 100%;
        height: 9.21rem;
        background: url(/best/img/lixiang/banner_bg2.jpg) no-repeat;
        background-size: cover;
    }
    .banner-box{
        width: 100%;
        height: 100%;
        padding-top: .71rem;
    }
    .banner-title{ width: auto; font-size: 0.46rem; margin: 2.40rem auto 0; padding-left: 0.16rem; letter-spacing: 0.16rem;}
    .banner-con{ font-size: .25rem; padding-top: 0.28rem; letter-spacing: 0.04rem;}
	.videoimg { width: 100%; text-align: center; cursor: pointer; margin-top: 0.64rem; }
	.videoimg img{ width: 1.06rem;}
    /* banner1 end */
   
   
   /* lxcp start */
    .lxcp-wrap1{
        background: url(/best/img/lixiang/pro_bg2.jpg) no-repeat;
    }
    .lxcp-wrap2{
        background: url(/best/img/lixiang/max_bg2.jpg) no-repeat;
    }
    .lxcp-wrap{
        height: 14.41rem; 
        /*height: auto;*/
        background-size: cover;
        padding-bottom: .73rem;
    }
    .lxcp-wrap .lx-subhead{
    font-size: 0.28rem;
    color: #fff;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
    .lxcp-box{
        width: 100%;
        height: 100%;
    }
    .lxcp-btns{
        height: 1.74rem;
        margin-top: 0.58rem;
		margin-bottom: 0.20rem;
    }
    .lxcp-btn{
        height: 1.74rem;
        font-size: .16rem;
        padding: 0.25rem 0.18rem 0 0.22rem;
    }
    .lxcp-btn:nth-of-type(1){
    	background: url(/best/img/lixiang/protitbg01.png) no-repeat;
        width: 3.38rem;
        background-size: 3.38rem;
        text-indent: 0;
        margin-right: 0.18rem;
    }
    .lxcp-btn:nth-of-type(2){
    	background: url(/best/img/lixiang/maxtitbg01.png) no-repeat;
        width: 3.38rem;
        background-size: 3.38rem;
        height: 1.74rem;
        text-indent: 0;
    }
    .lxcp-btn:nth-of-type(1).lxcp-btn-active{
    	background: url(/best/img/lixiang/protitbg02.png) no-repeat;
        background-size: 3.38rem;
		height: 1.74rem;
    }
    .lxcp-btn:nth-of-type(2).lxcp-btn-active{
    	background: url(/best/img/lixiang/maxtitbg02.png) no-repeat;
        background-size: 3.38rem;
		height: 1.74rem;
    }
    .lxcp-btn-active{
        font-size: .16rem;
    }
    
    .lxcp-btn .titleimg img { float: left; width: 2.78rem; }
    .lxcp-btn .x_h {
	  padding-top: 0.12rem;
	}
	.lxcp-btn .x_h span {
	  margin-right: 0.04rem;
	}
	.lxcp-btn .x_h > img {
	  float: left;
	  margin: 0.02rem 0 0 0.02rem;
	  width: 0.14rem;
	}
	.lxcp-btn .x_h p {
	  background:none;
	  background-size:inherit;
	  padding-left: 0;
	}
	.lxcp-btn .x_h p b{ color: #fff;padding-right: 0.04rem;}
	.lxcp-btn .subhead {
	  padding-top: 0.08rem;
	}
	.lxcp-btn .subhead img.year {
	  position: absolute;
	  right: 0;
	  bottom: 0.07rem;
	  width: 0.77rem;
	}
	
    .lxcp-desc{
        font-size: .16rem;
        line-height: .26rem;
        padding: 0 .4rem;
        margin: .16rem 0 .44rem;
        text-align: left;
    }
    .lxcp-desc img{
        height: .16rem;
    }
    .lxcp-detail{
        margin-bottom: .36rem;
    }
    .pro_icon1,.pro_icon2,.pro_icon3{height: 1.20rem;}
	.pro_icon1 img{height: 0.54rem;}
	.pro_icon2 img{height: 0.52rem;}
	.pro_icon3 img{height: 0.64rem;}
	.max_icon1,.max_icon2,.max_icon3{height: 1.20rem;}
	.max_icon1 img{height: 0.6rem;}
	.max_icon2 img{height: 0.61rem;}
	.max_icon3 img{height: 0.65rem;}

    .lxcp-detail-box{
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 0 .4rem;
    }
    .lxcp-detail-title{
        font-size: .24rem;
        line-height: .32rem;
        margin-bottom: .17rem;
        letter-spacing: 0.05rem;
    }
    .lxcp-detail-con{
        font-size: .18rem;
        line-height: .32rem;
        height: auto;
    }
    .lxcp-detail-con img{
        height: .16rem;
    }
    .lxcp-detail-con span{
        /*color: #C69737;*/
        font-size: .14rem;
    }
    .left-desc .br-phone{
        color: #C69737;
        font-size: .14rem;
        display: block;
    }
    .lxcp-detail-explain{
        font-size: .14rem;
        line-height: .32rem;
        margin-top: 0;
    }
    .lxcp-detail-explain img{
        height: .16rem;
    }
    
    /* lxcp end */


   
   
   
   /* cp-packaging start */
    .cp-packaging{
        height: 9.51rem;
        background: url(/best/img/lixiang/bzbg2.jpg) top center no-repeat;
        background-size: cover;
        color: #fff;
    }
    .packaging{
    	width: 100%;
        display: inherit;
        padding: 1.00rem 0.40rem 0;
        margin: 0 auto;
    }
    .packaging .cpimg1{ max-width:100%; width: 100% !important; position: relative;}
    .packaging .cpimg1 .imgw {
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
    .packaging .cpimg1 .imgw img.cpimg{ width: 100%; max-width: 5.80rem; height: auto;}
    .packaging-con{
        font-size:.18rem;
	    color: #fff;
	    width: 100% !important;
	    padding-left:0;
	    min-width: 100%;
		max-width: 100%;
		padding: 0rem 0 0 0;
    }
    .packaging-con .lx-title {
	    text-align: center !important;
	    padding: 0 0 0.3rem !important;
	}
	.packaging-con .lx-subhead {
	  font-size: 0.27rem;
	  letter-spacing: 0.05rem;
	  display: flex;
	  justify-content: center !important;
	  align-items: center;
	  font-weight: 200;
	}
	.packaging-con .td_img {
	  width: 100%;
	  padding: 0.60rem 0 0.68rem;
	  text-align: center;
	}
	.packaging-con .td_img img {
	  width: 100%;
	  max-width: 5.44rem;
	  height: 0.98rem;
	  display: block;
	  margin:0 auto;
	}
	.mar50{ margin-top: 0;}
    /* cp-packaging end */
   
   
   /**/
    .lx_c{
	width: 100%;
    height: 20.20rem;
    background: url(/best/img/lixiang/lxbg2.jpg) center no-repeat;
    background-size: cover;
    color: #fff;
	}
	
	.lx_c div, .lx_c p, .lx_c span,.lx-core div,.lx-core p,.lx-core span{line-height: 1;}
	.lx_c .lx-title{ padding: 1rem 0 0 !important;}
	.lx_c .lx-title .desc-title{
	font-weight: 800;
	font-size: 0.4rem;
	/* color: #fff; */
	line-height: 0.41rem;
	}
	.lx_c .lx-subhead { 
	    text-align: center;
	    font-weight: 300;
	    font-size: 0.3rem;
	    color: #FFFFFF;
	    padding-top: 0.30rem;
		letter-spacing: 0.03rem;
	}
	
	.lx_c .lx_carimg{ width: 100%;  margin:0.6rem auto 0; display: block;}
	.lx_c .lx_carimg .car{ width: 100%;}
	.lx_c .lx_carimg .car .topimg,.lx_c .lx_carimg .car .topimg img{ width: 6rem;height: 3.28rem;margin: 0 auto;}
	.lx_c .lx_carimg .car .txt{ width: 100%; padding: 0.3rem 0 0.46rem;}
	.lx_c .lx_carimg .car .txt h2{ width: 100%; display: block; font-size: 0.24rem; letter-spacing: 0.05rem; line-height: 0.4rem; padding-bottom: 0.16rem;text-align: center;}
	.lx_c .lx_carimg .car .txt p{ width: 100%; display: block;font-size: 0.18rem; line-height: 0.36rem;text-align: center;}
	/* lx_c end */
	/* lx-core start */
	.lx-core{ width: 100%;height: 5.59rem;background: url(/best/img/lixiang/corebg.jpg) center no-repeat;background-size: cover;color: #fff;}
	.core{ margin:0 auto; width: 100%; padding:0.9rem 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;display: block;}
	.core .core-con{ width: 6.38rem; font-size: 0.16rem; color: #fff; text-align: left; padding: 0;margin: 0 auto;}
	.core .core-con .lx-title{ text-align: center; padding: 0 0 0.4rem !important;margin: 0 auto;width: 100%;}
	.core .core-con .lx-title .desc-title{text-align: center;}
	.core .core-con .lx-subhead { font-size: 0.2rem; line-height: 0.46rem; display: block;text-align: center;}
	.core .cpimg1{ width: 3.98rem; height: 1.44rem; top: 0.50rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;position: relative;margin: 0 auto;}
	.core .cpimg1 .imgw {width: 100%; height: 1.44rem; overflow: hidden;}
	.core .cpimg1 .imgw img.coreimg{ width: 3.98rem; height:1.44rem;}


}


/*抖音号:VKOOL_China*/
.dy_m{
    width: 100px;
    height: 100px;
    position: fixed;
    right: 0;
    top: 62%;
    display: block;
    z-index: 9;
}

.dy_m img{
  cursor: pointer;
  transition: all 0.6s;
  width: 100%;
  height: 100%;
}



/* 加载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%);
}

.loading-wrap {
			    position: fixed;
			    width: 100%;
			    height: 100%;
			    top: 0;
			    left: 0;
			    /* background: rgba(0, 0, 0, .6); */
			    z-index: 999999;
}
.loading-box {
				position: absolute;
				width: 100px;
				height: 100px;
				border-radius: 10px;
				background-color: rgba(0, 0, 0, .3);
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
}
			
.loading-son {
				position: absolute;
				width: 40px;
				height: 40px;
				border-radius: 50%;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%) rotate(0deg);
				border-top: 3px solid #fff;
				border-right: 3px solid transparent;
				border-bottom: 3px solid transparent;
				border-left: 3px solid transparent;
				animation: roll 1.6s infinite ease-in-out;
}
@keyframes roll {
				from {
					transform: translate(-50%, -50%) rotate(0deg);
				}
			
				to {
					transform: translate(-50%, -50%) rotate(360deg);
				}
}


/* 播放器 start */
.play-box{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 10000;
    display: none;
	top:0;
}
.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 */