@charset "utf-8";
/* CSS Document */

.header{
  padding: 0.32rem 0.4rem 0.25rem;
}
.header .col_left{
  width: 30%;
}
.header .col_right{
  float:right;
  text-align: center;
  line-height: 1.15rem;
}

/* brandsInfo */
.brandsInfo{
    padding: 0.53rem 0.4rem 0.67rem;
    margin: auto;
}
.brandsInfo .pplogo{
    width: 100%;
    padding: 0.4rem 0 0.4rem;
    /* border-right: 0.027rem #eee solid; */
    float: none;
}
.brandsInfo .pplogo .left{
    border: 0.027rem #eee solid;
    text-align: center;
    padding: 0.32rem 1.48rem;
    background: #efefef;
}
.brandsInfo .imgbox{
    width: 100%;
    height: 2.6rem;
}
.brandsInfo .pplogo .right{
    width: 100%;
}
.brandsInfo .info{
    position:relative;
    height: auto;
}
.brandsInfo .name{
    font-size:0.48rem;
    line-height: 3;
    color: #2d64be;
    font-weight: bold;
    text-align: center;
    border-bottom: 0.027rem #ddd dotted;
    margin-bottom: 0.48rem;
}
.dir-syn-sn{
	overflow:hidden;
	margin-bottom: 0.27rem;
}
.dir-syn-sn span{
	height: 0.67rem;
	line-height: 0.67rem;
	display:block;
	font-size:0.32rem;
	font-weight:bold;
	text-align:center;
	background: #fde3dd;
	color: #f86e6e;
	float:left;
	padding: 0 0.32rem;
}
.dir-syn-sn a{
	font-size: 0.43rem;
	color:#333;
	font-weight:bold;
	float:left;
	margin-left:0.27rem;
	max-width: 7rem;
}
.brandsInfo .info #showMore span{
    position:absolute;
    right: 0.27rem;
    font-size: 0.32rem;
    color: #2e6dcb;
}
.brandsInfo .info #showMore span:hover{
    color: #437dd4;
    text-decoration: underline;
}
.brandsInfo .info #showMore .hide{
    top: 0.08rem;
}
.brandsInfo .info #showMore .show{
    bottom: 0.21rem;
}
.brandsInfo .text{
    height:0.67rem;
    background: #e5e5e5;
    padding: 0.027rem 1.87rem 0.027rem 0.53rem;
    color: #999;
    text-align: justify;
    font-size: 0.37rem;
    line-height: 1.68;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.brandsInfo .text.show{
    height:auto;
    padding: 0.21rem 0.53rem;
    white-space: normal;
}
.brandsInfo .btn{
	overflow:hidden;
	margin-top: 0.4rem;
}
.brandsInfo .btn a{
	width: 47%;
	height:1.23rem;
	line-height:1.23rem;
	display:block;
	float:left;
	text-align:center;
	font-size: 0.48rem;
	color:#fff;
	border-radius: 0.08rem;
	margin-right: 6%;
}
.brandsInfo .btn a:last-child{
	margin-right:0;
}
.brandsInfo .btn a.btn3d em{
	padding-left: 0.67rem;
	background: url(../tbh_img/3d.png) left center no-repeat;
}
.brandsInfo .col_right{
    width: 100%;
    float: none;
    margin-bottom: 0.48rem;
}
.syn-tag{
	width: 100%;
	height:0.96rem;
	line-height:0.96rem;
	font-size:0.37rem;
	color:#3399FF;
	margin-bottom: 0.29rem;
	background:#E1EFFF;
	padding-left:0.53rem;
	/* margin-left: 0.13rem; */
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*  */
/* xpmove */
.xpmove.swiper-container{

padding-bottom: 0.6rem;

/* margin-bottom: 0.6rem; */
}
.xpmove .focus_pic{
	overflow:hidden;
	width: 100%;
	height: 5.5rem;
}
.xpmove .focus_text{
	margin-top: 0.4rem;
	width: 100%;
}
.xpmove .focus_text h3{
	padding: 0 0 0.3rem;
	font-weight:normal;
	text-align: center;
	font-size: 0.48rem !important;
	color: #333;
}
.xpmove .focus_text table{
	font-size: 0.37rem;
	color:#999;
	line-height: 2;
	width: 85%;
	margin: auto;
}
.xpmove.swiper-container-horizontal>.swiper-pagination-progressbar{
	top:auto;
	bottom:0;
	background: #e2e2e2;
}
.xpmove .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background:#ff9b9b;
}
.xpmove .focus_text table tr td:first-child{
	width: 28%;
}
.xpmove .swiper-button-next,.xpmove .swiper-button-prev{
	top: 57%;
	outline: none;
}
.xpmove .swiper-button-next:after,.xpmove .swiper-button-prev:after{
	font-size: 0.75rem;
}
.xpmove .swiper-button-prev{
	left: 0;
}
.xpmove .swiper-button-next{
	right:0;
}

/* Huaxu */
.Huaxu .swiper-button-next, .Huaxu .swiper-button-prev{
	top: auto;
	bottom: 5%;
}

/* BrandInfo */
.BrandInfo .imgbox{
  width: 100%;
  height: 5.87rem;
  background:#f5f5f5;
  border: 0.027rem #eee solid;
}
.BrandInfo .Info{
	width: 100%;
	margin-top: 0.48rem;
	padding: 0 0.2rem;
}
.BrandInfo .Info table{
  color: #666;
  font-size: 0.37rem;
  display: inline-block;
}
.BrandInfo .Info td{
	line-height: 1.3;
	vertical-align: middle;
	height: 0.75rem;
}
.BrandInfo .Info td:nth-child(2n-1){
  width: max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  text-align-last: justify;
}