* {
    margin: 0;
    padding: 0;
	box-sizing: border-box;
}

li {
    list-style-type: none;
}

img {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none
}

.clear {
    clear: both;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    /*兼容 IE*/
    zoom: 1;
}

.meirongcontain{
	position:relative;
}

.meirongbox1{
	position: relative;
	width:100%;
	height:793px;
}
.meibigimg{
	position:relative;
	width: 100%;
	height:100%;
	
}
.meibigimg img{
	position: absolute;
	width:100%;
	
}
.mfenleibox{
	position: absolute;
	left:0;
	right:0;
	bottom:160px;
	width:1000px;
	height:358px;
	margin:0 auto;
	/* border:1px solid #e5000c; */
	z-index:999;
}
.boxmain{
	position: relative;
	float:left;
	width:33.33333%;
	height:100%;
}
.smallbox{
	width:66%;
	position:relative;
	height:100%;
	margin:0 auto;
	cursor: pointer;
	overflow: hidden;
}
.tariimgbox{
	position: absolute;
	width:100%;
	height:100%;
	overflow: hidden;
}
.tariimgbox img{
	width:100%;
	/* height:100%; */
}
.odarkmarkbox{
	position: absolute;
	z-index: 99;
	width:100%;
	height:100%;
	
	transform: all 0.5s;
}
div.midboxtu:hover .odarkmarkbox{
	background:#000;
	opacity: 0.3;
}
.descriptionbox{
	position:absolute;
	width:100%;
	height:60%;
	bottom:-124px;

	z-index: 9999;
	color:#999;
	transition: all 0.3s;
	
	font-size:14px;
}
.descriptionbox li.woli,
.descriptionbox ul.qumiaoshu{
	padding: 0 10px;
}
.meirongbox5 .descriptionbox li.woli,
.meirongbox4  .descriptionbox li.woli{
	/* background:#000;
	opacity: 0.3; */
	background:rgba(0, 0, 0, 0.3);
	transition: all 0.1s;
}
.meirongbox5 .descriptionbox li.woli .wochixhs,
.meirongbox4  .descriptionbox li.woli .wochixhs{
	background:none;
	opacity: 1;
	color:#fff;
	position: relative;
}
.meirongbox5  .descriptionbox:hover li.woli,
.meirongbox4  .descriptionbox:hover li.woli{
	background:none;
	opacity: 1;
}


li.woli{
	line-height: 90px;
	font-size: 20px;
	text-align: center;
	white-space: nowrap; 
	  width: 100%; 
	  overflow: hidden;
	  text-overflow:ellipsis;
}
.qumiaoshu{
	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-line-clamp: 7;
	 -webkit-box-orient: vertical;
}
.smallbox:hover .descriptionbox{
	bottom:10px;
	color:#fff;
}
.smallbox:hover .odarkmarkbox{
	opacity: 0.6;
}
.thresbox{
	position:relative;
	width:1200px;
	margin:0 auto;
	min-height:500px;
	
	/* border:1px solid #eee; */
}
.brandleft{
	float:left;
	width:37%;
}
.brandright {
	float:right;
	width:60%;
}

.brandtu1{
	float: left;
	width:49%;
}
.brandtu2{
	float: right;
	width:49%;
}
.tiuttu img{
	width:100%;
	width:325px;
	height:182px;
}
div.tiuttu{
	text-align: right;
}
.titlepin{
	display: inline-block;
	min-width:100px ;
	height:40px;
	line-height: 40px;
	text-align: center;

	font-weight: bold;

	font-size: 24px;
	
	float:left;
	border:1px solid #eee;
	margin-right:20px;
	cursor: pointer;
	padding-left:10px;
	padding-right:10px;
}
.brandjieshao{
	line-height: 80px;
	color:#333;
}
.branddescription{
	color:#666;
	font-size: 12px;
	line-height: 22px;
}
.meirongbox2 {
	border-bottom:2px solid #f2f2f2;
	padding-bottom: 20px;
	margin-top:20px;
}
.bannerbox{
	width:950px;
	height:316px;
	float:left;
	position:relative;
	/* border:1px solid #eee; */
}

.infolimsgbox{
	width:230px;
	height:316px;
	float:right;
	position:relative;
	overflow: hidden;
}
.infolise{
	font-size: 14px;
	color:#333;
	border-bottom:2px solid #e5000c;
	padding-bottom:8px;
	font-weight: bold;
}
.ullistsd{
	font-size: 12px;
	color:#666;
}
.tomoremli{
	float:right;
}
.tomoremli span{
	color:#e5000c;
}
.wulillist{
	margin:8px 0;
	position: relative;
	padding-left:10px;
	/* height:36px; */
}
.wulillist::before{
	content:".";
	position:absolute;
	left:0;
	top:-3px;
}
li.wulillist:hover{
	color:#e5000c;
}
.titlelih3{
	height:130px;
	line-height: 130px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color:#333;
}
.ullistsd a{
	color:inherit;
	font-size: inherit;
}
.boxtu{
	float:left;
	
}
.productbox{
	width:100%;
	/* min-height:400px; */
	position:relative;
}
.zhuangtubox {
	width:100%;
	height:394px;
	position:relative;

}
.boxtu {
	position: relative;
	width:25%;
	height:100%;
}
.midboxtu{
	position:relative;
	margin:0 auto;
	width:96.7%;
	height:100%;
	overflow: hidden;
}
.midboxtu .descriptionbox{
	
	height:300px;
	color:#fff;
	bottom: -240px;
	/* bottom: 0; */
	transition: all 0.3s;
}
.midboxtu li.woli{
	line-height:60px;
}
.caozuosp{
	display:inline-block;
	width:110px;
	height:42px;
	text-align: center;
	line-height: 42px;
	position:relative;
	cursor: pointer;
}

.ulcaozuo{
	text-align: center;
	position:absolute;
	width:100%;
	bottom:35px;
	left:0;
	
}
.meibox{
	position:relative;
	width:100%;
}

span.bgkstext,
span.bgks{
	position:absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
}
span.bgks{

	background:#231f20;

	transition: all 0.5;
}
span.caozuosp:hover span.bgks{
	background:#ccc;
	opacity: 0.5;
}
span.caozuosp:hover span.bgkstext{
	color:#000;
	font-weight: bold;
}
span.liaojiexiangq {
	margin-right:10px;
}
div.midboxtu:hover div.descriptionbox{
	bottom:0;
}
.xplusleft{
	float:left;
	position:relative;
	width:580px;
}
.xplusright{
	float:right;
	position:relative;
	width:590px;
}
.step3li{
	font-size: 22px;
	font-weight: bold;
	color:#333;
}
.meirongbox5 {
	margin-top:70px;
}
.bloxplusbox{
	margin-top:5px;
}
	
}
.goumaibtn{
	
}
.ligoumaibtn{
	margin:10px 0;
	position:relative;
}
.ligoumaibtn>span{
	position: relative;
	width:186px;
	height:60px;
	line-height: 60px;
	text-align: center;
	display: inline-block;
	border-radius: 5px;
	background:#333;
	color:#fff;
	font-size: 20px;
	cursor: pointer;
}
.ligouintro img{
	width:100%;
}
li.gonengjie{
	border-bottom: 2px solid #eaeaea;
	padding-bottom:25px;
	font-size: 20px;
	font-weight: bold;
	color:#333;
}
li.gongtitle{
	font-size: 18px;
	font-weight: bold;
	color:#333;
	line-height: 60px;
}
.thresbox{
	margin-bottom:150px;
}

.titleboxa{
	width:8%;
	float:left;
	position:relative;
}
.nietitleb{
	width:92%;
	float:left;
	position:relative;
	min-height:52px;
}
span.comxuzh{
	float:left;
	padding:5px 10px;
	margin:5px 5px;
}
.tab1xbox {
	border:1px solid #eee;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background: #333;
}
.tab2xbox {
	border:1px solid #eee;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin-top:15px;
	background: #333;
}
.nietitleb {
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	background: #fff;
}
.juzhongle{
	/* 
	left:50%;
	top:50%;
	transform: translate(-50%,-50%); */
	position:relative;
	color:#fff;
	min-height:52px;
	line-height:50px;
	width:100%;
	display:inline-block;
	text-align: center;
	
}
/* .colorcom{
	display:inline-block;
	width:48px;
	height:30px;
} */
.bcolor{
	background: #333;
}
.buxian.comxuzh{
	/* border:1px solid #e5000c; */
	background:#333;
	color:#fff;
	
}
.comxuzh.bcolor{
	color:#fff;
}
.comxuzh:hover{
	cursor: pointer;
}
.threebox{
	position: relative;
	width:33.3333333333333%;
	float:left;
	margin-bottom:18px;
	height:260px;
	overflow: hidden;
}
.tudabox{
	width:96%;
	height:100%;
	position: relative;
	overflow: hidden;
}
.tudabox>a{
	position:absolute;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	display: inline-block;
}
.tudabox img{
	width:100%;
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	/* object-fit: fill; */
}
div.threebox:nth-of-type(3n-1) div.tudabox{
	
	position:relative;
	margin:0 auto;
	text-align: center;
}
div.threebox:nth-of-type(3n-2) div.tudabox{
	position:relative;
	float:left;

}
div.threebox:nth-of-type(3n-3) div.tudabox{
	float:right;
	position:relative;

}
.stextp{
	position:absolute;
	bottom:10px;
	color:#fff;
	/* border:1px solid #e5000c; */
	z-index: 9;
	left:50%;
	transform: translate(-50%,0);
}

div.shilitubox {
	margin-top:70px;
}

.typexbox{
	text-align: center;
}
.qufenspan{
	display:inline-block;
	width:112px;
	height:40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}
span.selactive{
	background:#333;
	color:#fff;
}
.mokuai .boxtu{
	height:400px;
	margin-bottom: 25px;
}

.blackgrd{
	background: #000000;
	color:#fff;
}
div.zhukukai2 .meirongbox5{
	margin-top:10px;
}
.jiagenduo {
    text-align: center;
    max-width: 600px;
    height: 48px;
    line-height: 48px;
    border-radius: 30px;
    background: #fff;
    margin: 0 auto;
    color: #555;
    border: 1px solid #eee;
    cursor: pointer;
    font-size: 14px;
    margin-top: 30px;
}
.wobaoduo{
	position:relative;
	width:100%;
	min-height:48px;
	float:left;
}
/* span.comxuzh.colorcom{
	padding:0;
	width:50px;
	height:33px;
	position:relative;
} */

span.comxuzh.colorcom img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.znawudata{
	position:relative;
	width:100%;
	line-height:100px;
	text-align: center;
}
.meirongbox6 {
    margin-top: 70px;
}
.gongnbox img{
	max-width:100%;
}


/* lunbo开始 */

.bannerwai{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.hy_banner{
	position:relative;
	overflow: hidden;
	width:100%;
	height:100%;
}

.hy_u{
	
	height:100%;
	width:200000px;
	background:#eee;
	position:absolute;
	left:0;
	top:0;
	/* display:flex; */
}


.ul_list{
	height:100%;
	width:950px;
	position:relative;
	float:left;
}
.ul_list a{
	
	display:inline-block;
	position:absolute;
	top:0;
	left: 0;
	width:100%;
	height:100%;
	
}



.ban_click{
	position: absolute;
	width:100%;
	height:20px;
	bottom:0px;
	z-index: 9;
}
.dian_point{
	position: relative;
	width:300px;
	margin:0px auto;
	text-align: center;
}

.dian_point{
	width:300px;

	margin:0px auto;
	text-align: center;
}
.bantoleft{
	position:absolute;
	left:0;
	top:0;
	width:0px;
	
	height:100%;
	background:#ccc;
	z-index: 9999;
	background-color:rgba(0,0,0,0.3);
	border-radius: 5px;
	overflow: hidden;
	transform: all 0.5s;
}
.hy_banner:hover .bantoleft{
	width:30px;
}
.hy_banner:hover .bantoright{
	width:30px;
}
.bantoright{
	position:absolute;
	right:0;
	top:0;
	width:0px;
	height:100%;
	background:#ccc;
	z-index: 9999;
	background-color:rgba(0,0,0,0.3);
	border-radius: 5px;
	overflow: hidden;
	transform: all 0.5s;
}
.spantoleft {
	display:inline-block;
	width:80%;
	height:40px;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	text-align: center;
	line-height: 40px;
	font-size: 24px;
	color:#fff;
	cursor:pointer;
}
.spantoright{
	display:inline-block;
	width:80%;
	height:40px;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	text-align: center;
	line-height: 40px;
	font-size: 24px;
	color:#fff;
	cursor:pointer;
}
.b_dian{
	width:8px;
	height:8px;
	background:#999;
	border-radius: 50%;
	transition:all 0.5s ;
	margin-right: 10px;
	display:inline-block;
	cursor:pointer;
	
}
.b_dian.bactive{
	width:70px;
	background:#e5000c;
	border-radius:5px;
}
div.dakuang{
	position:relative;
	width:49.9%;
	width: 474.5px;
	width: 474px;
	height:100%;
	
}
div.lunzuo {
	float:left;
}
div.lunyou {
	float:right;
}
div.lunwokao{
	/* height:49.74%; */
	height:157.5px;
	height:157px;
	position:relative;
	width:100%;
}
div.banlun{
	width:237px;
	width: 236.75px;
	width: 236px;
	height:100%;
	position:relative;
	overflow: hidden;
}
div.lunbozuo1 {
	float:left;
}
div.lunbozuo2 {
	float:right;
}
div.lunboxia.lunwokao{
	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
}
div.banlun img,
.lunzuo.dakuang img{
	position:absolute;
	/* width:100%; */
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	
	 min-width: 100%;
	 min-height: 100%;
	
}
a.woimgtu{
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
	overflow: hidden;
}
.fumark{
	background-color:rgba(0,0,0,0.3);
	position:absolute;
	width:100%;
	text-align: left;
	color:#fff;
	font-size: 14px;
	height:30px;
	line-height: 30px;
	left:0;
	bottom:-30px;
	bottom:0px;
	text-indent: 1em;
	transform: all 0.5s;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow:ellipsis;
	padding-right:16px;
}
a.woimgtu:hover .fumark{
	bottom:0;
}

.hotinfobox{
	position:relative;
	height:290px;
	border-bottom:1px solid #e5000c;
	overflow: hidden;
}
.ullistsd{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

/* lunbo结束*/

.tohide{
	display:none;
}
.meirongbox3 .tab2xbox,
.meirongbox3 .tab1xbox{
	border: 1px solid #333;
}

.comfirmh3img{
	height:40px;
	line-height:40px;
	font-size: 24px;
	text-align: center;
}
span.hyguanbi {
	float:right;
	display: inline-block;
	width: 30px;
}
span.hyguanbi:hover{
	cursor: pointer;
	color:#333;
	font-weight: bold;
}
div.bx_zimgbox {
	width:100%;
	height:515px;
	position:relative;
	overflow: hidden;
}
div.bx_comforimchaka{
	text-align: center;
	position:relative;

}
div.bx_comforimchaka span{
	cursor: pointer;
	display:inline-block;
	width:76px;
	height:35px;
	text-align: center;
	line-height:35px;
	border-radius: 5px;
	background:#e5000c;
	text-align: center;
	color:#ffff
}
div.gun_box_kuang{

	width:100%;
	height: 510px;;
	position:relative;
	/* left: 0;
	top: 0; */
	
}
div.gun_box_kuang img{
	position: absolute;
	
	min-width: 100%;
	min-height:100%;
	width: 100%;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
}
div.qufumark{
	position:fixed;
	width:70px;
	height:110px;
	top:70%;
	left:10%;
	display:none;
}
.markedcom{
	height:28px;
	line-height: 28px;
	font-size: 14px;
	cursor: pointer;
	padding-left: 5px;
	margin-top:4px;
	margin-bottom:4px;
	font-weight: bold;
	color:#333;
}
.markedcom.addbg{
	color:#fff;
	background:#333;
}
.bofangqi{
	position:absolute;
	z-index: 9;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	object-fit:fill;
}