.z_banner_warp{position: relative;}
.z_banner{ width: 100%; height: 36.45833vw; position: relative; overflow: hidden;}
.z_banner_search{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center;z-index: 2; width: 100%;}
.z_banner_search .tit{font-size:3.43750vw;line-height: 3.4vw; font-weight: bold;color: #FFFFFF;text-shadow: 0px 0px 8px rgba(116,116,116,0.6000); margin-bottom: 1.8vw;}
.z_search_box{ display: flex;align-items: center;width: 580px; margin: 0 auto;border-radius: 0px 4px 4px 0px; overflow: hidden;}
.z_search_box .text{ width: 100%;height: 56px;font-size: 16px;background: #FFFFFF;border-radius: 4px; padding: 0 1.2vw; box-sizing: border-box;}
.z_search_box .sou{ width: 160px;height: 56px; font-size: 16px;background: #C72226; flex-shrink: 0; text-align: center; display: flex;align-items: center; justify-content: center; color: #fff;}

.z_header{ height: 100px; display: flex; align-items: center; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; justify-content: center; transition: ease 1s; background: #fff; border-bottom: 1px solid #DDDDDD;}
.z_header::before{ content: ""; display: block; width: 0; height: 3px;
background: #C72226; position: absolute; left: 0; top: 0; animation: move 2s linear forwards;}
@keyframes move{
	from{
		width: 0;
	}
	to{
		width: 100%;
	}
}
.z_header.on{ background: #fff;}
.z_logo img{ display: block; height: 2.6vw;}
.z_header_nav{ margin: 0 7vw;}
.z_header_nav a{ display: inline-block; line-height: 100px; margin: 0 1.7vw; font-size: 16px;}
.z_header_nav a.active,.z_header_nav a:hover{color: #C72226; font-weight: bold;}
.z_header_fr a{ margin-right: 3vw; display: flex; align-items: center;font-size: 16px;}
.z_header_fr a:last-child{ margin-right: 0;}
.z_header_fr .icon{ margin-right: 10px;}

.z_icon_list{ padding: 2.6vw 0;}
.z_icon_list ul{ display: flex;justify-content: space-between;}
.z_icon_list li a{ display: flex; align-items: center;}
.z_icon_list li .icon{ display: block;width: 4.58333vw; margin-right: 1vw;}
.z_icon_list li h3{ font-size: 1.25vw; font-weight: bold; margin-bottom: 5px;}
.z_icon_list li h4{color: #888888; font-size: 16px;}
.z_icon_list li:hover h3{ color: #C72226;}

.z_index_hot,.z_index_store{ padding: 3.5vw 0;}
.z_index_hot .z_index_tit,.z_index_store .z_index_tit{margin-bottom: 2vw;}
.z_index_tit h3{ display: flex;align-items: center; font-size: 2.08vw; line-height: 2vw; font-weight: bold;}
.z_index_tit .icon{ display: block; margin-right: 10px; }
.z_more{ margin-left: auto; background: url(../img/arr.png) no-repeat right center; padding-right: 25px;font-weight: bold; }
.z_more:hover{ color: #C72226;}
.z_hot_list ul{margin-left: -2.2%;}
.z_hot_list li{ width: 22.8%; float: left; margin-left: 2.2%; margin-bottom: 2vw; height:20.83333vw; position: relative; overflow: hidden;}
.z_hot_list li a{ display: block; width: 100%; height: 100%;}
.z_hot_list li .infobox{ position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.6); width: 100%; color: #fff; padding: 1vw; box-sizing: border-box;}
.z_hot_list li span{ display: block; position: relative;}
.z_hot_list li span::before{ content: ""; display: block; width: 8px;
height: 18px;
background: #FF9328; z-index: 1; position: absolute; left: -1vw; top: 50%; transform: translateY(-50%);}
.z_hot_list li h3{ font-size: 1.25vw;  margin: 4px 0;}
.z_hot_list li:first-child{ width: 47.8%;}
/*.z_hot_list li:first-child .infobox{ width: 53%;}*/
.z_hot_list li:hover .imgbg{ transform: scale(1.05,1.05);}

.z_index_store{ background: #f4f4f4;}
.z_store_list ul{margin-left: -2.2%;}
.z_store_list li{width: 22.8%; float: left; min-height: 10vw; margin-left: 2.2%; margin-bottom: 2vw; background: #fff;  box-sizing: border-box;}
.z_store_list li a{padding:2.6vw 2vw; display: block;}
.z_store_list li h3{ font-size: 1.25vw;line-height: 1.2vw; position: relative;}
.z_store_list li h3::before{ content: ""; display: block;width: 8px;
height: 26px; z-index: 1;
background: #C72226; position: absolute; left: -2vw;top: 50%; transform: translateY(-50%);}
.z_store_list .desc{font-size: 15px; margin: 2vw 0;
font-weight: 400;
color: #888888;
line-height: 32px;}

.z_store_list li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow:ellipsis;}
.z_store_list .iconfont{ display: inline-block;width: 28px;
height: 28px; font-size: 12px; transition: ease 1s;
background: #DEDEDE; text-align: center; line-height: 28px; color: #fff; border-radius: 50%;}
.z_store_list li:hover .iconfont{ background: #C72226;}
.z_store_list li:hover h3{ color: #C72226;}

.z_index_about{ padding: 8vw 0; text-align: center;}
.z_index_about .warps{ width: 810px; margin: 0 auto;}
.z_about_tit h3{font-size:1.97916vw; font-weight: bold;}
.z_about_tit h4{font-size: 16px;}
.z_index_about .desc{font-size: 15px;font-weight: 400;color: #666666;line-height: 26px; margin: 2.6vw 0;}
.z_index_about .desc p{}

.z_index_more{ display: inline-block; font-weight: bold; padding-left: 30px; background: url(../img/arr.png) no-repeat left center;}
.z_index_more:hover{ color: #C72226;}


.z_btm_list{background: #C72226; padding: 2.6vw 0;}
.z_btm_list ul{ display: flex; justify-content: space-between;}
.z_btm_list li{ display: flex; align-items: center; color: #fff;}
.z_btm_list li .icon{ display: block; margin-right: 1vw;}
.z_btm_list li h3{ font-size: 1.14583vw; margin-bottom: 4px;}
.z_btm_list li h4{ opacity: .6;}

.z_footer{background: #333333;}
.z_footer .z-container{ display: flex;}
.z_footer .fl_warp{ width: 65%; padding: 4vw 0; position: relative; padding-right: 2vw; box-sizing: border-box;}
.z_footer_nav a{ display: inline-block;font-size: 16px; color: #fff; position: relative; padding: 0 1vw;}
.z_footer_nav{ display: inline-block; border-bottom: 1px solid rgba(255,255,255,.2);width: 35.41666vw; padding-bottom: 20px; margin-bottom: 20px;}
.z_footer_nav a:first-child{ padding-left: 0;}
.z_footer_nav a::after{ content: "/";  opacity: .4; position: absolute; right: -2px; z-index: 1;}
.z_footer_nav a:hover{ color: #C72226;}
.z_foot_logo img{ display: block; height: 2.6vw;}
.z_foot_logo{ margin-bottom: 2.6vw; display: block;}
.z_foot_link,.z_footer_copy,.z_footer_a,.z_footer_a a{color: #888888;}
.z_foot_link a,.z_footer_copy a{ color: #888;}
.z_foot_link a{ display: inline-block;padding: 0 5px;}
.z_foot_link a:hover{ color: #fff;}
.z_footer .fr_warp{ width: 35%;padding: 4vw 0; padding-left: 4vw; border-left: 1px solid rgba(255,255,255,.2); box-sizing: border-box; color: #fff;position: relative;}
.z_footer_addre p{ line-height: 24px; margin-bottom: 10px;}
.z_footer_addre .tel{font-size:1.25vw;
font-family: AlibabaSans,AlibabaPuHuiTi;}
.z_footer_addre .yx{text-decoration: underline;}
.z_footer_code li .img{width:6.25vw;
height: 6.25vw; overflow: hidden; padding: 5px; box-sizing: border-box;
background: #FFFFFF; margin-bottom: 8px;
border-radius: 4px; display: flex; align-items: center; justify-content: center;}
.z_footer_code{ margin-top: 2vw; margin-bottom: 4vw;}
.z_footer_code li img{ display: block;}
.z_footer_code li{ float: left; margin-right: 1vw; text-align: center;}
.z_footer_copy,.z_footer_a{position: absolute; left: 0; bottom: 2vw;}
.z_footer_a{ left: 4vw;}

.z_top_warp{ margin-top: 100px; padding: 1px 0;}
.z_page_bar{padding: 30px 0;}
.z_page_wz{color: #AAAAAA; }
.z_page_wz a{color: #AAAAAA;}
.z_page_search{width: 320px; align-items: center; display: flex;
 padding: 0 1vw; box-sizing: border-box;
border: 1px solid #AAAAAA;
border-radius: 4px; }
.z_page_search .text{height: 46px; width: 100%; margin-right: 1vw;}
.z_page_search .iconfont{ flex-shrink: 0;color: #C72226;font-weight: bold; font-size: 20px;}
.z_fillter_warp{ background: #F3F3F3; padding:1vw 2vw;box-sizing: border-box;}
.z_fillter_warp dl{display: flex; align-items: flex-start; line-height:40px;margin-bottom: 10px;}
.z_fillter_warp dt{font-size: 16px; font-weight: bold; flex-shrink: 0; margin-right: 20px;}
.z_fillter_warp dd{ width: 100%;}
.z_swiper_nav{overflow: hidden;}
.z_swiper_nav ul{ display: block;}
.z_swiper_nav li{ width: auto; display: inline-block; margin-right: 2vw; }
.z_swiper_nav li:last-child{ margin-right: 0;}
.z_swiper_nav a,.z_three_nav a,.z_mj_a a{color: #666666;font-size: 14px; }
.z_swiper_nav li.active a,.z_swiper_nav li:hover a,.z_mj_a a.active,.z_mj_a a:hover{ color: #C72226;font-weight: bold; }
.z_three_nav{ background: #FFFFFF; padding:0px 20px; box-sizing: border-box;}
.z_mj_a a{ margin-right: 1.5vw; display: inline-block; }
.z_three_nav em{ text-transform: uppercase; color: #C72226; font-weight: bold; display: inline-block;margin-right: 5px; font-size: 16px;}
.z_mj_a { display: inline-block;}
.z_tx_box{color: #666666; flex-shrink: 0; display: inline-block;}
.z_tx_box .text{width: 72px;
height: 28px;
border: 1px solid #CCCCCC;
border-radius: 2px;text-align: center; margin: 0 10px;}
.z_reset_btn{width: 110px;
height: 34px; margin: 30px 0; cursor: pointer;
border: 1px solid #DDDDDD;
border-radius: 2px; display: flex; align-items: center; justify-content: center;color: #C72226;}
.z_reset_btn img{ margin-right: 7px;}
.z_page_con { padding: 50px 0; padding-bottom: 80px;}
.z_page_con .fl_warp{ width: 74%; background: #fff; padding: 10px 40px; box-sizing: border-box;}
.z_page_con .fr_warp{ width: 22.8%; background: #fff;padding: 10px 20px; box-sizing: border-box; position: relative;}
.z_flwarp_tit{ border-bottom: 1px solid #DDDDDD; color: #666666;line-height: 70px; font-size: 16px;}
.z_frwarp_tit{line-height: 70px;font-size: 24px; font-weight: bold;border-bottom: 1px solid #DDDDDD;}
.z_flwarp_tit em{ color: #C72226; font-size: 18px; font-weight: bold;}
.z_fy_list li{ padding: 20px 0;border-bottom: 1px solid #DDDDDD;}
.z_fy_list li a{ display: flex; align-items: center;}
.z_fy_list li .imgbox{width: 214px;height: 160px; flex-shrink: 0; margin-right: 1.5vw; position: relative; }
.z_fy_list li.hot .imgbox::before{ content: ""; width: 56px; height: 56px; position: absolute; left: 0; top: 0; background: url(../img/rm.png) no-repeat left top; background-size: 100% auto; z-index: 1;}
.z_fy_list li h3{font-size: 22px;font-weight: bold;color: #000000;}
.z_fy_list li .desc{color: #888888;
line-height: 28px; margin-top: 20px;}
.z_fy_list li .infobox{ width: 100%; position: relative;}
.z_fy_list li .jgbox{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);color: #444444; font-size: 16px;}
.z_fy_list li .jgbox .price{color: #C72226; font-size: 24px; font-weight: bold;}
.z_fy_list li:hover h3{ color: #C72226;}
.z_fy_list2{background: #fff;padding: 20px; }
.z_fy_list2 li a{
align-items: unset;
}
.z_fy_list2 li{ display:flex;}
.z_fy_list2 .beizhu{ flex-shrink: 0; width: 30%;
display: flex;
align-items: flex-start;}
.z_fy_list2 .beizhu .tt{flex-shrink: 0; color: #C72226; font-weight: bold;}
.z_fy_list2 .imgbox{position: relative;}
.z_fy_list2 .beizhu .con{background: #f4f4f4; padding:10px 20px; color: #666;line-height: 24px;  height: 100%; flex: 1;}
.z_big_img{background: #000;display: none;
position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; }
.z_big_img img{ display: block; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_big_img .colse{position: absolute; right: 20px; top: 20px; background: #C72226; color: #fff; padding: 8px 12px; cursor: pointer;;}

.z_pages_bar {overflow: auto;}
.z_pages_bar .pagination {display: flex; align-items: center;}
.z_pages_bar li.page-item {margin: 0; border: 0; padding: 0;}
.z_pages_bar .sr-only{ display: none; }
.z_pages_bar{ text-align: center; margin: 30px 0;}
.z_pages_bar .page-link{ display: flex; align-items:center; justify-content: center; width: 34px;
height: 34px; margin: 0 5px; font-size: 16px;
border-radius: 17px; text-align: center; line-height: 34px;}
.z_pages_bar .page-item.active .page-link,
.z_pages_bar .page-link:hover{background: #C72226; color: #fff;}
.z_pages_bar .page-link.btn{ width: auto;border-radius: 0;}
.z_pages_bar .page-link.btn:hover{ background: none; color: #000;}

.z_fx_xg li{ width: 100%;border: 1px solid #DDDDDD; margin-bottom: 20px;}
.z_fx_xg li .imgbox{ height: 160px;}
.z_fx_xg li .infobox{ padding: 20px; box-sizing: border-box;}
.z_fx_xg li h3{font-size: 18px; font-weight: bold;}
.z_fx_xg li .desc{color: #888888;
line-height: 22px; margin: 10px 0;}.z_fx_xg li pre{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.z_fx_xg li .price{color: #C72226; font-size: 18px; font-weight: bold;}

.z_xq_head{ padding-bottom: 60px; display: flex;}
.z_xq_head .fl_warp,.z_xq_head .fr_warp{ width: 48.5%;}
.z_big_swiper{ width: 100%; height: 460px; overflow: hidden;}
.z_small_swiper{ height: 100px; overflow: hidden;}
.z_swiper_warp{ padding: 20px 30px; box-sizing: border-box;border: 1px solid #DDDDDD; position: relative;}
.z_swiper_warp .btn{ width: 30px; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0;cursor: pointer; overflow: hidden;}
.z_swiper_warp .btn img{ filter:drop-shadow(30px 0px 0 #c72226);}
.z_swiper_warp .btn:hover img{ transform: translateX(-30px);}
.z_swiper_warp .swiper-button-next{ right: 0;}
.z_swiper_warp .swiper-button-prev{ left: 0;}
.z_small_swiper li{ cursor: pointer;position: relative; z-index: 1;}
.z_small_swiper li::before{ content: ""; display: block; width: 100%; height: 100%; border: 3px solid #C72226; position: absolute; left: 0; top: 0; transition: ease 1s; opacity: 0; pointer-events: none; z-index: 1;}
.z_small_swiper .swiper-slide-thumb-active::before {
        opacity: 1;
      }
.z_xq_head .fr_warp{ padding: 20px 0; position: relative; margin-left: auto;}
.z_xq_head .fr_warp .tit{font-size: 26px; margin-bottom: 10px;}
.z_xq_head .fr_warp .spanbar{color: #777777; font-size: 18px;}
.z_xq_head .fr_warp .spanbar span{ display: inline-block; margin-right: 30px;}
.z_xq_head .fr_warp .spanbar em{ color: #C72226; font-weight: bold;}
.z_xq_li{ margin: 20px 0;}
.z_xq_li ul{ display: flex; justify-content: space-between;}
.z_xq_li li{ width: 32%;height: 100px; padding: 20px; box-sizing: border-box;
background: #F4F4F4; display: flex; align-items: center; }
.z_xq_li li em{font-size: 1.45833vw;color: #C72226; font-weight: bold; display: inline-block; margin-left: 5px;}
.z_xq_li li i{ font-size: 18px;}
.z_xq_head .fr_warp .desc{color: #666666;line-height: 28px; max-height: 230px; overflow-y: auto;}
.z_btn_bar{ position: absolute; left: 0; bottom: 0;}
.z_btn_bar .btn{min-width: 180px; display: flex; align-items: center; justify-content: center; color: #fff;height: 60px;font-size: 18px;background: #C72226;border-radius: 30px; margin-right: 30px;}
.z_btn_bar .btn img{ margin-right: 10px;}
.z_btn_bar .btn:last-child{background: #F1861C;}
.z_btn_bar .bz{color: #C72226;font-size: 16px; margin: 10px 0;}
.z_xq_container{ width: 1400px;}

.z_flcon_box{ background: #fff;padding:30px 40px; box-sizing: border-box; margin-bottom: 20px;}
.z_flcon_box .titbar{font-size: 24px; margin-bottom: 20px; font-weight: bold;}
.z_pt_icon li{ width: 12.5%; float: left;display: flex; align-items: center; height: 60px;}
.z_pt_icon li .icon{ height: 23px; overflow: hidden; margin-right: 5px;}
.z_pt_icon li img{ display: block;filter:drop-shadow(0px 23px 0 #c72226);}
.z_pt_icon li.active{ color: #C72226;}
.z_pt_icon li.active img{ transform: translateY(-23px);}
.z_flcon_box .desccon{font-size: 16px;font-weight: 400;color: #666666;line-height: 32px;}
.z_flcon_box .desccon img{ height: auto!important; max-width: 100%!important;}
.z_pic_list li{ width: 49%; height: 318px; float: left; margin-bottom: 20px;}
.z_pic_list li:nth-child(even){ float: right;}

.z_xg_list li{ padding: 20px 0; border-bottom: 1px solid #DDDDDD;}
.z_xg_list li a{ display: flex; align-items: center;}
.z_xg_list li .imgbg{width: 100px;
height: 100px; flex-shrink: 0; margin-right: 20px;}
.z_xg_list li h3{ font-size: 16px; font-weight: bold;}.z_xg_list li .infobox{ width: 55%;}
.z_xg_list li .price{font-size: 18px;font-weight: bold; color: #C72226; margin: 6px 0;}.z_xg_list li pre{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow:ellipsis;}
.z_xg_list li h4{color: #666666;}
.z_xg_list li:last-child{ border-bottom: none;}
.z_xqpage_con .fr_warp{ padding: 10px 20px;}
.z_xg_list li:hover h3{ color: #C72226;}

.z_qiugou_list li{ padding: 20px 0;border-bottom: 1px solid #DDDDDD; position: relative; z-index: 1;}
.z_qiugou_list li::before{ content: ""; display: block; width: calc(100% + 80px);position: absolute; left: -40px; top: 0; height: 100%; background: #fbf2f2; opacity: 0; transition: ease 1s;}
.z_qiugou_list li h3{font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.z_qiugou_list li p{ width: 33.3%; float: left;color: #888888;
line-height: 28px;}
.z_qiugou_list li:hover h3{ color: #C72226;}
.z_qiugou_list li:hover::before{opacity: 1; }

.z_page_con .z_qiugou_frwarp{ position: relative; padding-top: 150px; padding-left: 20px;padding-right: 20px;}
.z_fabu_btn{ position: absolute; left: 0; top: 0; background: #f4f4f4; width: 100%; height: 150px;}
.z_fabu_btn a{ display: block; width: 100%;font-size: 18px; display: flex; align-items: center; justify-content: center; color: #fff;height: 60px;
background: #C72226; margin-bottom: 10px;}
.z_fabu_btn a:last-child{ background: #F1861C; }
.z_qgxg_list li a{ display: block;}
.z_qgxg_list li .desc{color: #888888;
line-height: 24px; margin-top: 10px;}
.z_qg_warp { display: flex; padding: 0; padding-bottom: 100px;}
.z_qg_warp .titbars h3{font-size: 24px; margin-bottom: 5px; font-weight: bold;}
.z_qg_warp .titbars h4{color: #666666; font-size: 16px;}
.z_qg_warp .titbars{ border-bottom: 1px solid #ddd; padding: 20px 0;}
.z_qg_warp .fl_warp .desc{color: #1E1E1E;
line-height: 36px; font-size: 16px; padding: 30px 0;}
.z_qg_warp .fr_warp{ margin-left: auto;}

.z_zhuanchu_list li.hot .imgbox::before{ background-image: url(../img/zc.png); width: 70px;}
.z_xg_list .day{ font-size: 16px; color: #C72226; margin-top: 10px; font-weight: bold;}
.z_pic_list2 li{ height: 400px;}

.z_form{ width: 820px; margin: 0 auto;font-size: 16px; margin-bottom: 8vw;}
.z_form li{ display: flex; align-items: flex-start; margin-bottom: 20px;}
.z_form li .tit{ text-align: right; flex-shrink: 0; line-height: 56px; margin-right: 20px; min-width: 80px; font-size: 16px;}
.z_form li .tit em{ color: #C72226;font-weight: bold;}
.z_form .conwarp{ width: 100%; flex: 1;}
.z_form .text{width: 100%; display: block;height: 56px; padding: 0 20px; box-sizing: border-box;
border: 1px solid #DDDDDD; font-size: 16px;
border-radius: 4px;}
.z_upimg{ width: 100%;}
.z_upimg li{ width: 80px; float: left; margin-right: 10px; margin-bottom: 10px;
height: 80px;
border: 1px solid #DDDDDD;
border-radius: 4px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
/*.z_upimg li img{ min-height: 100%; max-width: none;}*/
.z_addbtn{cursor: pointer; position: relative;}
.z_addbtn .files{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.z_upimg li.z_addbtn img{ min-height: auto; max-width: 100%;}
.z_form .sel{width: 350px;
height: 56px;font-size: 16px;
border: 1px solid #DDDDDD;
border-radius: 4px; padding: 0 20px; background: url(../img/arr2.png) no-repeat right 20px center;}
.z_form li .z_txtext{width: 350px;}
.radio-item{ display: inline-block; position: relative; cursor: pointer; width: 16%; line-height: 56px;font-size: 15px;color: #888888; outline: none;}
.radio-item .radio{display: inline-block;width: 16px;height: 16px;border:2px solid #CCCCCC;border-radius: 50%; vertical-align: -3px; margin-right: 5px;}
.radio-item input:checked+.radio{/* //更改单选框选中颜色 */border-color:#C72226 ;}
.radio-item input:checked+.radio::after{/* //在选中单选框里面添加一个小圆心 */content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background: #C72226;margin-top:3px ;margin-left: 3px;}
.radio-item input:checked~span{/* //将文字颜色变成定义颜色 */color: #C72226;}
.radio-item input[type="radio"]{/* //隐藏单选框 */display: none;}
.checkbox-item{ display: inline-block; position: relative; cursor: pointer; width: 16%; line-height: 36px;font-size: 15px;color: #888888; outline: none;}
.checkbox-item .checkbox{display: inline-block;width: 16px;height: 16px;border:2px solid #CCCCCC;border-radius:2px; vertical-align: -3px;margin-right: 5px;}
.checkbox-item input:checked+.checkbox{/* //更改单选框选中颜色 *//* border-color:#C72226 ; */}
.checkbox-item input:checked+.checkbox::after{/* //在选中单选框里面添加一个小圆心 */content: "";display: block;width: 16px;height: 16px;background: url(../img/gou.png) no-repeat center;position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.checkbox-item input:checked~span{/* //将文字颜色变成定义颜色 */color: #000; font-weight: bold;}
.checkbox-item input[type="checkbox"]{/* //隐藏单选框 */display: none;}
.checkbox-item span{ outline: none;}
.z_check_box{ margin-top: 10px;}
.z_zrbtn{ display: flex;}
.z_zrbtn .btn{ width: 20%; margin-right: 20px; cursor: pointer;
height: 56px;display: flex; align-items: center; justify-content: center;
border: 1px solid #C72226;color: #C72226;
border-radius: 4px; }
.z_zrbtn .btn.active{ background: #C72226; color: #fff;}
.zrfbox .text{ width: 160px; margin-right: 10px;}
.zrfbox{ display: none;}
.z_form .texra{ height:200px; padding: 20px;}
.z_sumitbtn{ cursor: pointer;width: 350px;
height: 56px;
background: #CCCCCC;
border-radius: 4px;color: #fff; display: flex; align-items: center; justify-content: center;}
.z_sumitbtn:hover{ background: #C72226;}

.z_index_sb{ display: flex; margin-top: 30px;}
.z_index_sb .text{width: 280px;height: 54px;border: 1px solid #BBBBBB; padding: 0 20px;font-size: 15px;}
.z_index_sb a{width: 160px;
height: 54px; margin-left: 20px;
border: 1px solid #F1861C; display: inline-block; text-align: center; line-height: 52px;color: #F1861C; font-size: 16px;}
.z_index_sb a:last-child{ color: #C72226; border-color: #C72226;}
.z_index_fillter{background: #F3F3F3;padding: 50px 0!important;}
.z_index_fillter .z_fillter_warp{ }
.z_index_sb a:hover{background:#C72226; color: #fff; border-color: #C72226 ;}
.z_index_fillter{ background: #F3F3F3; }






@media screen and (max-width:1440px){
.z_footer_nav{ width: 100%;}
.z-container{ width: 88%;}
.z_big_swiper{ height: 400px;}
.z_small_swiper{ height: 80px;}
.z_xq_head .fr_warp .desc{ max-height:148px}
.z_btn_bar .btn{ height: 50px;}
.z_xq_li li{ height: 80px;}
.z_xq_li li i{ font-size: 14px;}
.z_pic_list li{ height: 280px;}
}
@media screen and (max-width:1366px){

}
@media screen and (max-width:980px){
.z_header{ height: 50px; background: #fff!important; padding: 0 10px; justify-content: space-between;}
.z_header_nav{ width: 60%; background: #fff; position: fixed; right: -100%; padding-top: 50px; box-sizing: border-box; top: 50px; height: calc(100vh - 50px); margin: 0; transition: ease 1s;}
.z_header_nav::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; background: rgba(0,0,0,.5);transition: ease 1s; visibility: hidden; opacity: 0;}
.z_header_nav.on::before{opacity: 1; visibility: visible;}
.z_header_nav.on,.z_header_fr.on{ right: 0;}
.z_header_fr{ width: 60%; position: fixed;padding: 0 10px; box-sizing: border-box; right: -100%; bottom: 0;transition: ease 1s; display: block;}

.z_header_fr a{ font-size: 14px; margin-bottom: 20px;}
.z_header_nav a{ display: block; text-align: center; line-height: 50px;}
.z_banner_search{ /* position: relative;top: auto; transform: translateY(0); */padding: 30px 0;}
.z_banner_search .tit{ font-size: 20px; line-height: normal; margin-bottom: 20px; color: #000000;}
.z_search_box{ width: 94%;}
.z_search_box .text{ background: #f3f3f3; padding: 0 15px;}
.z_search_box .text,.z_search_box .sou{ height: 48px; font-size: 14px;}
.z_search_box .sou{ width: 70px;}
.z_logo img{ height:35px;}
.z_menu_btn{ display: flex; height: 50px;  align-items: center; overflow: hidden; justify-content: center; cursor: pointer;z-index: 11;}
.z_menu_btn span{ display: block; transition: ease .6s; width: 28px; height:2px; background: #C72226;}
.z_menu_btn .line2{ margin:4px 0;}
.z_menu_btn.on .line1{ transform:translateY(6px) rotate(45deg);}
.z_menu_btn.on .line3{ transform:translateY(-6px) rotate(-45deg); width: 28px; }
.z_menu_btn.on .line2{ opacity: 0;}
.z_banner{ height: 50vw; margin-top: 50px;}
.z_icon_list {padding: 0 12px; box-sizing: border-box; margin-top: 20px;}
.z_icon_list ul{ display: block;}
.z_icon_list li{ width: 49%; display: inline-block;}
.z_icon_list li .icon{ width: 40px;}
.z-container{ width: 100%;}
.z_icon_list li h3{ font-size: 16px; margin-bottom: 0;}
.z_icon_list li h4{ font-size: 12px;}
.z_icon_list li{ margin-bottom: 15px;}
.z_index_hot,.z_index_store,.z_index_about{ padding: 40px 12px;}
.z_index_hot .z_index_tit,.z_index_store .z_index_tit{ margin-bottom: 20px;}
.z_index_tit h3{ font-size: 20px;}
.z_hot_list li,.z_store_list li{ width: 47.8%; height: 55vw;}
/* .z_hot_list li:first-child{ width: 97.8%;} */
.z_hot_list li:first-child .infobox{ width: 100%;}
.z_hot_list li .infobox{ padding: 10px;}
.z_hot_list li span::before{ left: -10px; width: 4px;}
.z_hot_list li h3,.z_store_list li h3{ font-size: 16px; line-height: normal;}
.z_store_list li a{ padding: 15px;}
.z_store_list li{ height: auto;}
.z_store_list li h3::before{ width: 4px; left: -15px; height: 18px;}
.z_store_list .desc{ line-height: 24px; font-size: 13px!important; margin: 15px 0;}
.z_index_about .warps{ width: 100%;}
.z_about_tit h3{ font-size: 20px; margin-bottom: 4px;}
.z_index_about .desc{ margin: 30px 0;}
.z_btm_list ul li{display: block; text-align: center;}
.z_btm_list li .icon{ height: 50px; margin: 0 auto; margin-bottom: 10px;}
.z_btm_list li h3{ font-size: 14px;}
.z_btm_list li h4{ font-size: 12px;}
.z_btm_list{ padding: 20px 12px; box-sizing: border-box;}
.z_footer_nav,.z_foot_link,.z_foot_logo{ display: none;}
.z_footer .z-container{ display: block;}
.z_footer .fl_warp,.z_footer .fr_warp{ width: 100%;padding:20px 12px; box-sizing: border-box;}
.z_footer .fl_warp{ padding-bottom: 0;}
.z_footer_copy,.z_footer_a{ position: relative; left: 0; bottom: 0;}
.z_footer_code li .img{ width: 80px; height: 80px;}
.z_footer_code li{ margin-right: 20px; }
.z_page_bar{ padding: 20px 12px; box-sizing: border-box;}
.z_page_bar{ display: block;}
.z_page_search{ width: 100%; margin-top: 20px; padding: 0 20px;}
.z_fillter_warp{ padding: 15px 10px; overflow: hidden;}
/* .z_swiper_nav ul{ overflow-x: auto; white-space: nowrap;} */
.z_swiper_nav{ overflow: hidden;}
.z_swiper_nav li{ margin-right: 15px;}
.z_three_nav{ margin-top: 0;}
.z_reset_btn{ margin: 20px auto;}
.z_page_con .fr_warp{ display: none;}
.z_page_con{ padding: 30px 12px;}
.z_page_con .fl_warp{ width: 100%; padding: 0 12px;}
.z_flwarp_tit{ line-height: 50px;}
.z_fy_list li{padding: 10px 0;}
.z_fy_list li a{ display: block; }
.z_fy_list li .imgbox{ width: 100%; height: 55vw;}
.z_fy_list li .infobox{ padding: 15px 0; padding-bottom: 0;}
.z_fy_list li h3{ font-size: 16px;}
.z_fy_list li .jgbox{ font-size: 14px; transform: translateY(0);}
.z_fy_list li .desc{ margin-bottom: 0;}
.z_fy_list li .jgbox .price{ font-size: 18px;}
.z_fillter_warp dt{ margin-right: 8px;}
.z_xq_head{ display: block;}
.z_xq_head .fl_warp, .z_xq_head .fr_warp{ width: 100%;}
.z_big_swiper{ height:60vw;}
.z_small_swiper{ height: 50px;}
.z_swiper_warp{ padding: 10px 30px;}
.z_xq_head .fr_warp{ padding: 20px 12px;}
.z_xq_head .fr_warp .tit{ font-size: 18px; margin-bottom: 10px;}
.z_xq_head .fr_warp .spanbar{ font-size: 14px;}
.z_xq_li li{ padding: 10px; display: block; text-align: center; height: auto;}
.z_xq_li li em{ display: block; margin-left: auto; font-size: 20px;}
.z_btn_bar{ position: relative; left: auto; bottom: auto; margin-top: 20px;}
.z_btn_bar .btn{ min-width: auto; padding: 0 20px; margin-right: 10px; font-size: 16px; height: 40px;}
.z_flcon_box{ padding: 20px 15px;}
.z_flcon_box .titbar{ font-size: 18px;}
.z_pt_icon li{ width: 33.3%;height: 40px;}
.z_flcon_box .desccon{ font-size: 14px; line-height: 24px;}
.z_pic_list li{ height: 30vw; margin-bottom: 8px;}
.z_xq_head{ padding-bottom: 20px;}
.z_qiugou_list li h3{font-size: 16px; margin-bottom: 10px;}
.z_qiugou_list li p{ width: 100%;}
.z_qiugou_list li::before{ display: none;}
.z_qg_warp{ padding-top: 0;}
.z_qg_warp .fl_warp{ padding:0 15px;}
.z_qg_warp .titbars h3{ font-size: 18px; margin-bottom: 10px;}
.z_qg_warp .titbars h4{ font-size: 14px;}
.z_qg_warp .fl_warp .desc{ padding: 20px 0; line-height: 24px; font-size: 14px;}
.z_top_warp{ margin-top: 50px;}
.z_form li{ margin-bottom: 10px;}
.z_form .text,.z_form .sel{ width: 100%!important; height: 45px;font-size: 14px;padding: 0 10px;}
.z_form .sel:nth-child(2){ margin-top: 10px;}
.z_form{ width: 94%;}
.z_form li .tit{ line-height: 45px; font-size: 14px;min-width: 65px; margin-right: 10px;}
.radio-item{ width: 49%; line-height: 45px;}
.z_form li .z_txtext{ width: 80%!important;}
.checkbox-item{ width: 49%;}
.z_check_box{ margin-top: 5px;}
.z_zrbtn{ display: block;}
.z_zrbtn .btn{ width: 100%; height: 45px; margin-bottom: 10px;}
.z_zrbtn .btn{ margin-right: 0;}
.z_form .texra{ height: 200px;padding: 10px;}
.z_sumitbtn{ width: 100%;}
.z_footer_addre .tel{font-size: 20px;}
.z_index_sb a{ margin-left: 10px;}
.z_index_sb .text{ width: 60%; padding: 0 10px; height: 45px;}
.z_index_sb a{ height: 45px; line-height: 43px;}
.z_mj_a{ display: none;}
.z_index_sb{ margin-top: 0;}
.z_lya{ display: block;}
.z_index_fillter{ padding: 20px 10px!important;}
.z_fillter_warp dd{ width: 80%;}
.z_fillter_warp dl:nth-child(3),.z_fillter_warp dl:nth-child(4){ display: none;}
}



.z_login_btn{ display: inline-block; padding: 5px 15px; background: #c72226; color: #fff;border-radius: 5px; cursor: pointer;}
.z_login_pop{position: fixed; left: 50%;top: 50%; transform: translate(-50%,-50%); z-index: 9999; background: #fff; border-radius:0.8vw; padding: 15px; display: none;}
.z_login_pop .warps{ display: flex;}
.z_login_pop .flbox{width: 15vw; border-radius: 0.8vw; overflow: hidden; display: flex;flex-flow: column; justify-content: space-between; padding: 3vw 0; align-items: center;background-size: cover; background-position: center; background-repeat: no-repeat;}
.z_login_pop .z_slg img{ display: block; height: 6vw;}
.z_login_pop .flbox .btn{ width: 130px; height: 50px; font-size: 16px; box-sizing: border-box; text-align: center; line-height: 46px; border-radius: 10px; border: 2px solid #fff; color: #fff; cursor: pointer;outline:none;}
.z_login_pop .frbox{ width: 26vw; padding: 1vw 2.6vw;}
.z_login_pop .tits{ font-size: 1.5625vw; font-weight: bold; color: #C72226;}
.z_login_pop .slg{ font-weight: bold;font-size: 1.25vw; margin: 10px 0; margin-bottom:25px;}
.z_login_form li{ display: flex; align-items: center;font-size: 16px; padding: 0 1.25vw; background: #f3f3f3; margin-bottom: 18px; border-radius: 8px; overflow: hidden;}
.z_login_form li .text{ width: 100%; margin-left: 1.25vw; height: 52px;font-size: 15px;}
.z_login_form li label{ flex-shrink: 0;  font-weight: bold;}
.z_login_form .btnwarp{ display: flex; justify-content: space-between; align-items: center; margin-top:25px;}
.z_login_form .btn{width: 48%; height: 52px; display: flex; align-items: center;justify-content: center; border-radius: 8px; background: #dcdcdc; font-size: 16px; color: #fff; cursor: pointer;outline: none;}
.z_login_form .btn.on{ background: #C72226;}
.z_mask{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: rgba(0,0,0,.6); display: none;}
.z_login_show{display: block;}
.z_resg_show{display: none;}
@media screen and (max-width:980px){
.z_login_pop{ width: 90%;padding: 10px;}
.z_login_pop .warps{ display:block;}
.z_login_pop .flbox{ width: 100%; flex-flow: wrap; padding: 15px;}
.z_login_pop .z_slg img{ height: 60px;}
.z_login_pop .frbox{ width: 100%; padding: 0; margin-top: 20px;}
.z_login_pop .tits{ font-size: 20px;}
.z_login_pop .slg{ font-size: 16px;}
.z_login_form li{padding: 0 12px; margin-bottom: 10px;}
.z_login_form li .text{ margin-left: 14px;}
.z_login_form .btnwarp{ margin-top: 15px;}
.z_fy_list2 .beizhu{width: 100%; margin-top: 20px;}
.z_fy_list2 li{display: block;}
}

.login-btn{
	display: inline;
}
@media screen and (max-width: 980px) {
	.login-btn{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 20px;
	}
}