@charset "utf-8";
/* CSS Document */
.top{width:90%; height: auto; margin: auto; position: relative; overflow: hidden;}
.top .logo{ width:100%; height: auto; margin: 10px 0; text-align: left; position: relative; z-index: 55; float:inherit;}
.top .top_ad{display: none;}
.top_s{width:100%; padding:0px 0 10px 0; float: inherit; text-align: right; position: relative;}
.input_a{width:50%; max-width: 50%; height: 38px; line-height: 38px; font-size: 14px; color: #999999; text-indent: 10px; overflow: hidden;border: 2px solid #A7120A;}
.but_a{min-width:80px; width: 22%; height: 38px;background:#A7120A; vertical-align: top; border: none; border-radius: 0 5px 5px 0; font-size: 14px; color: #FFFFFF; text-indent: 15px; cursor: pointer;}
.top_fh{display: block; height: 38px; line-height: 38px; text-align: left; position: absolute; top: 0; left: 0; overflow: hidden; font-size: 14px; font-weight: bold; color: #333; cursor: pointer;}
.top_fx{display:none}
.wengan{display: block; width: 100%; height: auto; position: absolute; top:12px; right: 0; z-index: 56; text-align: right; overflow: hidden; font-size: 14px; line-height:18px; color: #333; letter-spacing: .4vw;}
.top_sqfx{display:block;color:#ff0000}
.pc_proul{display: none;}

/* nav */
.nav_a{width:100%; height: 0px; text-align: center; display: none!important;}
.in_nav{width:80%; height: 100%; overflow-y: auto; margin: auto; position:fixed; top: 0; left: -100%; z-index: 999; background: #fff; display: none;}
.in_nav div{ display:block; width: 100%; height: 45px; line-height: 45px; font-size: 18px; border-bottom: 1px solid #ccc; color: #333333; margin:0 auto;  text-shadow: none; text-align: left; padding: 0 10%;}
.in_nav div a{ color: #333;}
.in_nav div:hover{ background: #febf28;}
.in_nav div:hover a,.in_nav .nuw a{ color: #FFFFFF;}
.in_nav .nuw{background: #febf28; color: #FFFFFF;}
.nav_cf{ display: none;}
.in_nav div:last-child{ margin-right:auto;}
.nav_b{ display: none;}

.nav_mb{display: flex; width:100%; height: auto; box-sizing: border-box; position: relative;}
.nav_mb div{width:calc(100vw / 3); height: auto; line-height: 1; font-size: 12px; color: #fff; text-align: center; overflow: hidden; box-sizing: border-box; padding:5px 0;}
.nav_mb div p{width:calc((100vw / 3) - 10px); height: calc((100vw / 3) - 10px); overflow: hidden; margin:0 auto 10px; line-height: 1;}
.nav_mb div p img{width:calc((100vw / 3) - 10px); height: calc((100vw / 3) - 10px);}
.nav_mb div a{color:#000000}
.nav_mb div:hover{ }
.nav_mb .nuw{}


/*热卖*/
.in_tit_a{width:96%;}
.in_bg_a{padding:0; height: auto;}
.in_rm{width:100%; height:50vw; margin: auto; position: relative; overflow: hidden;}
.in_rm_li a{width: 100%; height: 100%; background-position:  center center; background-size: auto 100%; display: block;}
/**/
.in_tit{padding:25px 0;}
.in_tit div{width:100%;}

.in_pro{width:96vw;}
.in_pro .in_pro_li{width:calc((96vw / 3) - 2.6666vw); height: auto; line-height: 0; margin: 0 4vw 30px 0; float: left; overflow: hidden;}
.in_pro .in_pro_li .in_pro_li_a{width:100%; height: auto; min-height: inherit; overflow: hidden;}
.in_pro .in_pro_li .in_pro_li_a img{width:100%; height: 100%; min-height: inherit; overflow: hidden;}
.in_pro .in_pro_li .in_pro_li_b{width:100%; height: auto; padding: 7px; display: table-cell; vertical-align: middle;}
.in_pro .in_pro_li .in_pro_li_b p{width:100%; height:auto; line-height: 20px; font-size: 12px;}
.in_pro .in_pro_li:nth-child(4n){margin-right: 4vw;}
.in_pro .in_pro_li:nth-child(3n){ margin-right: 0;}

.ny_dy{width:96%; padding: 20px 0;}
.ny_dy img{width:100%; height: auto;}

.pro_top{width: 100%; height: auto; background: #fff; margin: 0 auto; overflow: hidden;}
.pro_topimg{width: 100vw; height: 100vw; overflow: hidden; position: relative;}
.pro_topimg .pro_topimg_li{width: 100vw; height: 100vw; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; background: #e2e2e2; overflow: hidden;}
.pro_topimg .pro_topimg_li img{max-width: 100vw; max-height: 100vw; width: auto; height: auto;}
.pro_topimg .tswzb1{width: 100%; display: block; position: relative;}
.pro_topimg .tswzb1 .qiantao1{width:100%; position: absolute; text-align:right; display: inline-block; z-index:1000; margin: 380px 0 0 0px;}
.pro_topimg .tswzb1 .qiantao1 .wenzibg{height: 35px; display:inline-block; padding:0 10px 0 20px; border-radius: 30px 0 0 30px; line-height: 35px; background: #ff6a00; color: #fff;}
.pro_top_txt{width:100vw; height: auto; padding:15px; line-height: 1; overflow: hidden;}
.pro_top_txta{width: 100%; height:auto; line-height: 26px; padding: 15px 0; font-size: 16px; color: #777; overflow: hidden; border-bottom: 1px solid #e2e2e2; box-sizing: border-box;}
.pro_top_txta span{color: #555;}
.pro_top_txta:last-child span{color: red;}


.carBuyBox{width:100%; margin:10px auto;}
.carBuyList{display: flex;flex-wrap: nowrap; flex-direction: row;justify-content:flex-start;}
.carBuyList .imgbox{width: 20%; margin: 0 20px 0 10px;}
.carBuyList .proInfoBox{width: 70%;text-align: left;}

.pro_xjt{width:calc(100vw); height: auto; background: #fff; margin:15px auto 0; border-radius:0px; overflow: hidden; box-sizing: border-box; padding:0 15px 15px;}
.s_text{font-size: 14px; line-height:28px; color: #666; overflow: hidden;}
.s_text img{max-width: 100%; width: auto; height: auto;}

.pro_video{width: 100vw; height: auto; background: #fff; margin:15px auto; border-radius:0px; overflow: hidden; box-sizing: border-box; padding:0 10px 10px;}

.my_video{margin: 0 auto; width: 100%;}


.video iframe{width:100% !important; height:300px !important;}
span.pro_gg_cur{color: #fff;}


.proMainPc{display: none;}
.proMianSj {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items:flex-start;	
}
.proMian_cate {
    flex-grow:1;
	width: 30%;
	background-color: #fff;
	height: calc(100vh - 320px);
	overflow: hidden;
	overflow-y: scroll;	
}
.proMian_cate .title{width: 100%;border-bottom: #e2e2e2 solid 1px; padding: 12px 10px; display: block;}
.proMian_cate .title2{width: 100%;border-bottom: #e2e2e2 solid 1px; padding: 6px 0 6px 20px; display: block; background: #F7F7F7;}
.proMian_list {
    flex-grow: 2;
	width: 70%;
	margin-top: 10px;
	height: calc(100vh - 320px);
	overflow: hidden;
	overflow-y: scroll;
}
.proMianSj .in_pro{width:100%;}
.proMianSj .in_pro .in_pro_li{width:46%; height: auto; line-height: 0; margin: 0 2% 30px 2%; float: left; overflow: hidden;}
.proMianSj .in_pro .in_pro_li .in_pro_li_a{width:100%; height: auto; min-height: inherit; overflow: hidden;}
.proMianSj .in_pro .in_pro_li .in_pro_li_a img{width:100%; height: 100%; min-height: inherit; overflow: hidden;}
.proMianSj .in_pro .in_pro_li .in_pro_li_b{width:100%; height: auto; padding: 7px; display: table-cell; vertical-align: middle;}
.proMianSj .in_pro .in_pro_li .in_pro_li_b p{width:100%; height:auto; line-height: 20px; font-size: 12px;}
.currLeftMenu{font-weight: 800; color: #ff0000;}



.footer {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  border-top: #ccc solid 1px;
  text-align: center;
}
 
.footer .footer-menu {
  display: flex;
  justify-content: center;
  align-items: center;
}
 
.footer .footer-menu a {
  color: #333;
  width: 33.3%;
  line-height: 45px;
  text-decoration: none;
}






