@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;}
.but_a{min-width:80px; width: 22%; height: 38px; 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; background: #a7120a; box-sizing: border-box; position: relative;}
.nav_mb div{width:calc(100vw / 3); height: auto; line-height: 1; font-size: 12px; color: #fff; text-shadow: 1px 1px 0px rgba(0,0,0,.2); 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: #FFFFFF;}
.nav_mb div:hover{ background: #cc170c;}
.nav_mb .nuw{background: #cc170c;}


/*热卖*/
.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: #A7120A; 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;}


.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;}

.prolisttswx{width:100%; position: absolute; text-align:right; display: inline-block; margin: 98px 0 0 -130px;}
.prolisttswz{height: 35px; display:inline-block; padding:0 10px 0 20px; border-radius: 30px 0 0 30px; line-height: 35px; background: #A7120A; color: #fff;}

.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;
}