@font-face {
  font-family: "NotoSansHans";
   src: url("/html/themes/simpleboot3/public/assets/dezhuang/fonts/NotoSansHans-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
:root{--swiper-theme-color:#B71A23}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; width:auto; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{ font-family: "NotoSansHans";font-size:14px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#ffffff;}
pre{ font-family: "NotoSansHans"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#333333; outline:none;}
.clearfix:after{content:""; display:block; clear:both;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none; font-family: "NotoSansHans";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.fl,.fl_warp{float:left;}
.fr,.fr_warp{float:right;}
.z-container {width:1400px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width:87.5%;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.ellipsis8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow:ellipsis;}
.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.z_flex{ display: flex; align-items: center;}
.z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
.mr{ margin-left: auto;}
.z_public_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/bgs.png) no-repeat center; background-size: cover; background-attachment: fixed; pointer-events: none;}
.flwarp{ float: left;}
.frwarp{ float: right;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#d3d3d3;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#b0b0b0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;}
.swiper-container-vertical>.swiper-wrapper {flex-direction: column;}
.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; display: none;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/close.png) no-repeat center; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}
.video_pop .warp{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh;}
/*分享二维码*/
#zCode{display: block;left: 50%;top: 50%;margin-left: -110px;margin-top: -122.5px;position: fixed; background: #fff;height: 245px;width: 220px; z-index:3000;border-radius: 5px; border: 6px solid #7f7f7f; box-sizing: border-box;}
#zCode>h2{     color: #666;background: #f2f2f2;height: 24px;line-height: 24px;border-bottom: 1px solid #e8e8e8; font-size: 14px; padding: 0 10px; box-sizing: border-box;}
#zCode>h2>i{cursor:pointer; float:right; width:24px; height:24px; text-align:center;}
#zCode>.ewm{width:100%; height:208px;padding: 20px; box-sizing: border-box; }
#zCode>.ewm canvas{width:100%; height:100%;}

.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.6); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; display: flex; justify-content: center;align-items: center; }
.rebox-contents .rebox-content {  border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; opacity: 1; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0);
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; background: #BF2E2E;}
.rebox-close { right: 10px; top: 10px;  font-size: 30px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}
.z_loadd_warp{ position: relative;}
.z_loadding{ width: 100%; height: 100vh; position: fixed; transition: ease 1s; left: 0; top: 0; z-index: 14; background: #fff; justify-content: center;}
.z_loadding.on{ opacity: 0; visibility: hidden;}
.z_load_img{ position: relative;}
.z_load_img .img1{ display: block; width: 22.70833vw;}
.z_load_img::before{ content: ""; display: block; width: 100%; height:0%; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/load2.png) no-repeat bottom center; background-size: 100% auto; position: absolute; left: 0; bottom: 0; animation: loadd 3s linear infinite;}
 @keyframes loadd{
  	0%{height: 0;}
  	100%{height: 100%;}

  }
.z_load_logo{ position: absolute; left: 45%; top: 45%;  height: 5.98958vw; display: block; transform: translate(-50%,-50%); }
.z_load_logo img{ display: block; height: 100%;animation: zoomIn 1s linear forwards;}
.z_load_tip{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 5vw;font-size: 2.5vw;
white-space: nowrap;
font-weight: 500; letter-spacing: 2px;
color: #000000; }
.z_load_tip span{ color: #B71A23;}
.z_load_tip .wow{animation: fadeIn 3s linear forwards;}


.z_header{ position: fixed; transition: ease 1s;  left: 0; top: 0; width: 100%;z-index: 12;padding: 2vw 2.6vw; box-sizing: border-box;}
.z_header.on{ background: #B71A23;padding: 10px 2.6vw;}
.z_header .z_header_fr > a{color: #fff; display: block; position: relative;}
.z_header.on .z_header_fr > a{color: #fff;}
.z_sp_header .z_header_fr > a{color: #333;}
.z_header .z_header_fr > a::after {
    content: "";
    display: block;
    width: 3.54166vw;
    height: 3.54166vw;
    background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/slg.png) no-repeat center;
    transition: ease 1s;
    opacity: 0;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.z_header .z_header_fr > a:hover::after{opacity: 0.2;}
.z_header.on .z_header_fr > a:hover::after{opacity: 1;}
.z_header .z_header_fr > a:hover{color: #C9A16B;}

.z_header_fl{ float: left; transition: ease .8s;min-width: 50%;}
.z_header_fl.on{ opacity: 0; transform: translateX(-100%);}
.z_logo{ height: 58px; float: left;}
.z_logo:hover{cursor: pointer;}
.z_logo img{ display: block; height: 100%;}
.z_header_nav{ line-height: 58px; margin-left: 3vw; float: left;}
.z_header_nav li{ display: inline-block; position: relative; transition: 0.5s;}
.z_header_nav li dd{position: absolute; background: #B71A23; width: 100%; display: none;}
.z_header_nav li dd dl > a{padding: 0; text-align: center;}
.z_header_nav li:hover > dd{display: block;}
.z_sp_header .z_header_nav li dd a{color: #fff;}
.z_sp_header .z_header_nav li dd a:hover{color: #c9a46a;}
.z_header_nav li a{ color: #fff;font-size: 16px; padding: 0 2vw; display: block; height: 100%;}
.z_header_nav li a.on{font-weight: bold;color: #C79564;}
.z_header_nav li:hover > a{color: #C79564; transition: 0.5s;}
.z_header_nav li dd a:hover{color: #c9a46a;}

.z_header_fr{ float: right; color: #fff;}
.z_words{ background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/yy.png) no-repeat left center;  height: 30px; padding-left: 30px; float: left; position: relative; }
.z_words .z_sel{ color: #fff;line-height: 30px;/* padding-right: 30px; */}
/* .z_words::before{ content: ""; display: block; width: 1px; height: 20px; background: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} */
 .z_menu_btn{  cursor: pointer; margin-left: 30px;  display: flex;float: right; align-items: center; justify-content: center;height: 48px; display: none;}
 .z_menu_btn span{ display: block; transition: ease .6s; width: 20px; height:2px; background: #fff;}
 .z_menu_btn .line2{ margin:3px 0;}
 .z_menu_btn.on .line1{ transform:translateY(5px) rotate(45deg);}
 .z_menu_btn.on .line3{ transform:translateY(-5px) rotate(-45deg);}
 .z_menu_btn.on .line2{ opacity: 0;}

.z_menu_mask{ width: 100%;align-items:center; transition: ease 1s; opacity: 0; visibility: hidden; height: 100%; position: fixed; left: 0; top: 0;z-index: 10; padding: 2.6vw; box-sizing: border-box;}
.z_menu_mask.on{opacity: 1; visibility: visible;}
.z_menu_mask .z_frwarp{ margin-left: auto;}
.z_menu_mask .z_logo2 img{ display: block; max-height: 13.38541vw;}
.z_menu_mask .z_logo2{ margin-bottom: 1vw;}
.z_menu_mask .z_flwarp .tit{font-size:1.875vw; margin-top: 10px; font-weight: bold;color: #C79564; line-height:2vw ;}
.z_menu_mask .z_flwarp p{color: #c9a16b;font-size: 18px;margin-top: 10px;font-weight: bold;}
.z_mask_nav a{ color: #fff; display: block;}
.z_mask_nav dl{ display:inline-block; vertical-align: top; margin-left: 9.375vw; border-top:2px solid  #C9A16B; padding-right: 2.6vw;}
.z_mask_nav dl dt a{font-size: 1.875vw; line-height: 5.2vw;}
.z_mask_nav dd a{ display: block;font-size:1.04vw; line-height: 38px;font-weight: 500;color: #FFFFFF; transition: ease .5s; }
.z_mask_warp{ width: 100%;}
.z_mask_nav dd a:hover{ color: #C79564; padding-left: 10px;}
.z_shop{ position: absolute; right: 2.6vw; bottom: 3.5vw;}
.z_shop  a{ color: #fff;display: flex; align-items: center; float: left; line-height: 36px; margin-left: 50px;}
.z_shop  a img{ display: block; margin-right:10px;}


.z_banner{ position:fixed; width: 100%; height: 100vh; overflow: hidden; left: 0; top: 0;z-index: -1;}
.z_banner:hover .z_wave{ transform: translate(-50%,0);}
.z_banner .bd li{ width: 100%; height: 100vh; overflow: hidden;}
.z_banner .picBox{position:relative;overflow:hidden; width: 100%; height: 100vh;}
.z_banner_num{width: 74px; z-index:9; height: 74px; border-radius: 50%; display: none; align-items: center; justify-content: center; position: absolute; left:2.6vw; bottom: 2.6vw; color: #828282; font-size: 18px;}
.z_banner_num .index{ color: #fff;}
.z_banner_num::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/circle.png) no-repeat center; background-size: 100% 100%; animation: animtran 10s linear infinite;}
 @keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }
.home-swiper-navigation {
 z-index: 9;  position: absolute; right: 2.6vw; bottom:3.125vw; display: none;
}
.home-swiper-navigation .next{ width: 48px; height: 48px; background: #b71a23;  display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff;cursor: pointer;}
.home-swiper-navigation .next::before{ z-index: 2;}


.z_index_class{ margin-top: 100vh; overflow: hidden;}
.z_index_class ul{ display: flex;}
.z_index_class li{ width: 33.3%; float: left;background: #B71A23; position: relative; min-height: 50.52083vw;}
.z_index_class li a{ display: block; padding: 5.2vw 0 2.6vw 0;}
.z_dot_title span{font-size: 1.875vw;font-weight: bold;color: #C9A46A; display: inline-block; position: relative;}
.z_dot_title span::before{ content:""; display: block; width: 1.5625vw; position: absolute; right: -2vw; top: 0; z-index: 1;
height: 1.5625vw; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/dot.png) no-repeat center; background-size: 100% 100%; animation: animtran 10s linear infinite;}
.z_dot_title h4{font-size:1.875vw;font-weight: 400;color: #C9A46A;}
.z_index_class .z_dot_title,.z_index_class .infobox{ padding: 0 3.59374vw; box-sizing: border-box;}
.z_index_class .imgbox{ width: 100%; height: 21.875vw; margin: 2.6vw 0;}

.z_index_class li:first-child .imgbox{margin-left: -8%;}

.z_index_class .infobox{ margin-bottom: 7vw;}
.z_index_class .desc{ width: 78%;font-size: 18px;font-weight: 500;color: #C8A46B;line-height: 30px;}
.z_index_class  .z_index_more{margin-top: 2.6vw; float: right; position: absolute; right: 3.59374vw; bottom: 2.6vw;}
.z_index_more{width: 5.2vw;height: 5.2vw;border: 1px solid rgba(201,161,107,.5);border-radius: 50%; display: flex;align-items: center; justify-content: center;color: #C8A46B; text-align: center; }
.z_index_more em{ display: block; }
.z_index_class li:nth-child(2){ background: #901D22;}
.z_index_class li:nth-child(3){ background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/bg2.jpg) no-repeat bottom center; background-size: cover;}
.z_index_class li:nth-child(2) .desc{ position: relative;}
.z_index_class li:nth-child(2) .desc::before{ content: ""; display: none; width: 1.14583vw; height: 1.14583vw; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/dh1.png) no-repeat center; background-size:100% auto; position: absolute; left: 0; top: -2vw; z-index: 1;}
.z_index_class li:nth-child(2) .desc::after{ content: ""; display: none; width: 1.14583vw; height:1.14583vw; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/dh2.png) no-repeat center; background-size:100% auto; position: absolute; left: 0; bottom: -2vw; z-index: 1;}
.z_index_more{position: relative; z-index: 1;}
.z_index_more:hover{ }
.z_index_more::before{ content: ""; display: block; width:100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0); background:  #C8A36C; transition: ease 1s; border-radius: 50%;}
.z_index_more:hover::before{ transform: translate(-50%,-50%) scale(1,1);}
.z_index_more:hover,.z_index_class li:hover  .z_index_more{ color: #B71A23;}
.z_index_class li:hover .z_index_more::before{ transform: translate(-50%,-50%) scale(1,1);}
.z_index_class li img{ transition: ease 1s; max-width: 100%; max-height: 100%;}
.z_index_class li:hover img{ transform: scale(.9,.9);}

.z_index_map{background: #e6e6e6; padding: 6.77083vw 0; padding-bottom: 3vw;}
.z_index_map .titbar{text-align: center; }
.z_index_map .titbar h3{font-size: 2.5vw;font-weight: bold;color: #B71A23;}
.z_index_map .titbar h4{font-size: 1.04vw;font-weight: 500;color: #333333;}
.z_index_num{text-align: center;margin: 4vw 0;}
.z_index_num li{ display: inline-block; text-align: left;}
.z_index_num li .timer{font-size: 2.1875vw;font-family: Arial;font-weight: bold;color: #B71A23;}
.z_index_num li h3{font-weight: bold;color: #333333; min-width: 11vw;}
.z_index_num li .add{font-weight: bold; color:#B71A23;vertical-align: top ;font-size: 1.25vw;font-family: Arial;font-weight: bold;}
.z_index_num li h4{color: #666666;font-size: 18px;}

.z_map_warp{ width: 78.125vw; margin: 0 auto; position: relative;}
.z_map_warp img{ display: block; width: 100%;}
.z_dot_warp{width: 35.9375vw;height: 35.9375vw; position: absolute; right: 31vw; top: -2vw;}

.z_dot_warp::before{content: '';display: block;width: 100%;height: 100%;background: #C82226;box-shadow: 0px 0px 30px 0px rgba(200, 34, 38, 0.4);opacity: 0.04;border-radius: 50%;z-index: -1;animation: consult linear 4s infinite;}
 @keyframes consult{
  	0%,100%{transform:scale(.5);}
  	50%{transform:scale(1);}
  }

.z_dot1{width: 18.48958vw;height: 18.48958vw;border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_dot1::before{content: '';display: block;width: 100%;height: 100%;background: #C82226;box-shadow: 0px 0px 30px 0px rgba(200, 34, 38, 0.4);opacity: 0.08;border-radius: 50%;z-index: -1;animation: consult linear 2s infinite;}
.z_map_pic li{border-radius: 50%; width: 11vw; position: absolute;}
.z_map_pic li > div{position: absolute; left: 50%; transform: translateX(-50%);}
.z_map_pic .pic{right:44vw; top: 15vw;}
.z_map_pic .pic1{right:29vw; top: 34.5vw;}
.z_map_pic .pic1 .desc_bg{top: -20vw; left: 8vw;}
.z_map_pic .pic2{ left: 33vw; bottom: 19vw;}
.z_map_pic .pic3{ left: 59vw; top: 7.5vw; width: 15vw;}
.z_map_pic .pic4{ left: 6vw; top: 9vw;}
.z_map_pic .pic4 .desc_bg{top: -19vw; left: 5vw;}
.z_map_pic .pic5{ left: 23.5vw; top: 27.5vw;}
.z_map_pic .pic6{ left: 60vw; top: 11.5vw;}
.z_map_pic .pic7{ left: 21vw; top: 23.5vw;}

.z_map_pic .location{background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/location.png) no-repeat; background-size: cover; width: 1.92708vw; height: 2.44791vw; position: absolute; bottom: 0;}
.z_map_pic .location:hover{cursor: pointer;}
.z_map_pic .desc_bg{background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/desc_bg.png) no-repeat; background-size: cover; width: 26vw; height: 16.5vw; top: -7vw; left: -11vw; opacity: 0; transition: opacity 0.5s;}
.z_map_pic .desc_bg.on{opacity: 1; transition: opacity 0.5s;}
.z_map_pic .title{color: #b71a23; white-space: nowrap; word-break: break-all;}
.z_map_pic .desc{width: 17.5vw; position: absolute; top: 3.5vw; left: 2vw; color: #c9a16b; font-size: 16px;}
.z_map_pic .desc > .addr{margin: 1vw 0;}


.z_index_news{padding: 6.77083vw 5.2vw;box-sizing: border-box;}
.z_page_tit{font-size: 2.5vw;font-weight: bold;color: #333333;}
.z_news_head{margin-bottom: 3vw;}
.z_news_tab{margin-left: auto;}
.z_news_tab a{font-size: 18px;font-weight: 400;color: #333333; margin-left: 30px;}
.z_news_tab a:hover,.z_news_tab a.on{ color: #8E1D22;}
.z_tab_news ul{ display: none;}
.z_tab_news ul.on{ display: block;}
.z_news_warp .first{ width: 49%;position: relative;}
.z_news_warp .first::before{content: ""; display: block;pointer-events: none; width: 100%;z-index: 1;  height: 100%; background: rgba(0,0,0,.46);position: absolute; left: 0; top: 0;}
.z_news_warp li{border-radius: 10px;background: #F7F7F7;  height: 27.5vw;float: left; overflow: hidden;}
.z_news_warp li a{ display: block; width: 100%; height: 100%;}
.z_news_warp .first .infobox{ position: absolute; width: 100%; left: 0; top: 0; padding: 2.08vw;box-sizing: border-box; z-index: 2; color: #fff;}
.z_news_warp .first a{padding: 0;}
.z_news_warp .first .tit{font-size: 1.25vw;font-weight: 500;color: #FFFFFF;line-height: 1.875vw;width: 22vw;}
.z_news_warp .first .timebox{width: 64px;height: 74px;background: rgba(75, 75, 75, 0);border: 1px solid #FFFFFF;border-radius: 10px; text-align: center;}
.z_news_warp .first .timebox em{ display: block; font-size: 24px;padding-top: 5px;}
.z_news_warp .first .arr{width: 3.125vw;height: 3.125vw; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; left: 2.08vw; bottom: 2.08vw;z-index: 2;background: #C82226;border-radius: 50%;}
.z_news_warp .first:hover .tit{ color: #fff;}
.z_news_warp ul{ margin-left: -1%;}
.z_news_warp li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_news_warp li{ width: 24%;  margin-left: 1%;}
.z_news_warp li a{ padding: 2vw 1.5vw; box-sizing: border-box;}
.z_news_warp li .time{color: #474747;}
.z_news_warp li .tit{font-size: 1.25vw;font-weight: 400; height: 5.625vw;color: #414141;line-height:1.875vw; margin: 1.5vw 0; margin-top: 1.4vw;}
.z_news_warp li .imgbox{ overflow: hidden;height: 10.9375vw;background: #8E1D22;border-radius: 10px; margin-bottom: 2vw;}
.z_news_warp li:hover .tit{ color: #8E1D22;}

.z_footer{ padding: 0 5.2vw; box-sizing: border-box; border-bottom: 16px solid #C82226;}
.z_footer_top{ padding: 4vw 0; border-bottom: 1px solid #d3d3d3;}
.z_footer_logo img{ display: block; height: 3.59374vw;}
.z_footer_logo{ margin-bottom: 1.5vw;}
.z_footer_tel{font-size: 15px;font-weight: 400;color: #666666;line-height: 18px;}
.z_footer_tel li{ margin-bottom: 20px;}

.z_footer_nav dl{ display: inline-block;vertical-align: top; margin-left: 6.77083vw;}
.z_footer_nav a{ display: block;}
.z_footer_nav dt a{font-size: 18px;font-weight: 500;color: #000000; font-weight: bold;}
.z_footer_nav dt{ margin-bottom: 15px;}
.z_footer_nav dd a{ line-height: 26px;}
.z_footer_nav dd a:hover{ color: #8E1D22;}

.z_footer_btm{ padding: 2.6vw 0;}

.z_footer .z_shop{ position: relative; right: auto; bottom: auto;}
.z_footer .z_shop  a{ margin-right: 2.6vw; margin-left: 0; color: #000;}
.z_footer_copy{ text-align: right;}
.z_footer_share{ text-align: right; margin-bottom: 20px;}
.z_footer_share  a{ font-size: 20px; color: #ABABAB; cursor: pointer; margin-left: 20px;}
.z_footer_share  a:hover{ color: #C72125;}
.z_footer_copy{font-size: 15px;

font-weight: 400;
color: #666666;
line-height: 24px;}
.z_footer_copy .js{ display: block;}
.z_footer_copy a{color: #666666;}

.z_other_banner{ height: 100vh; position: relative; overflow: hidden;}
.z_other_banner .imgbg{animation: zoombig 2s linear forwards;}
.z_other_banner::before{ content:""; display: block;z-index: 1;  /* background: rgba(0,0,0,.25); */ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.z_other_text{ position: absolute; left: 0; top: 55%;z-index: 2; transform: translateY(-50%); text-align: center; width: 100%; color: #fff;display: none;}
.z_other_text h3{font-size: 2.5vw;font-weight: bold;color: #FFFFFF;}
.z_other_text h4{font-size: 1.875vw;font-weight: 400;color: #FFFFFF;}
@keyframes zoombig {
	0%{transform: scale(1.1,1.1);}

	100%{transform: scale(1,1);}
}
.z_banner_arr{ width: 48px; cursor: pointer;
opacity: 0.5;
height: 48px;
background: #B71A23;
border-radius: 50%; position:absolute; left: 50%; transform: translateX(-50%); bottom: 5.2vw; color: #fff; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 2;}
 .z_pao{ position: relative; }
 .z_pao i{ display: block; width:20px; height: 20px; border-radius: 50%;z-index: -1; transition: ease 1s;position: absolute; left: 50%; bottom: 0px;transform: translateX(-50%); opacity: 0;background-size: 100% 100%; background:#b71a23;}
.z_pao i:nth-child(1){ animation:pao 4s linear infinite;}
.z_pao i:nth-child(2){  animation:pao3 6s linear infinite; animation-delay: .3s;}
.z_pao i:nth-child(3){ animation:pao2 3s linear infinite;animation-delay: .8s;}

.z_pao i:nth-child(4){ animation:pao4 9s linear infinite;}
.z_pao i:nth-child(5){  animation:pao5 7s linear infinite; }

 @keyframes pao {
 	0% {
 		transform: translate(200%,-30px) rotate(360deg) scale(.4,.4);
 		opacity: .8;
 	}

 	50% {
 		transform: translate(0%,-70px) rotate(360deg) scale(.8,.8);
 		opacity: .5;
 	}

 	100% {
 		transform: translate(-200%,-100px) rotate(360deg) scale(1,1);
 		opacity: 0;

 	}
 }
 @keyframes pao2 {
 	0% {
 		transform: translate(-200%,0px) rotate(360deg) scale(1,1);
 		opacity: 1;
 	}

 	50% {
 		transform: translate(250%,-50px) rotate(360deg) scale(.8,.8);
 		opacity: .5;
 	}

 	100% {
 		transform: translate(100%,-100px) rotate(360deg) scale(.4,.4);
 		opacity: 0;

 	}
 }
 @keyframes pao3 {
 	0% {
 		transform: translate(0%,0px) rotate(360deg) scale(1,1);
 		opacity: 1;
 	}

 	50% {
 		transform: translate(-250%,-50px) rotate(360deg) scale(.8,.8);
 		opacity: .5;
 	}

 	100% {
 		transform: translate(-300%,-100px) rotate(360deg) scale(.4,.4);
 		opacity: 0;

 	}
 }
@keyframes pao4 {
	0% {
		transform: translate(400%,0px) rotate(360deg) scale(1,1);
		opacity: 1;
	}

	50% {
		transform: translate(400%,-50px) rotate(360deg) scale(.8,.8);
		opacity: .5;
	}

	100% {
		transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4);
		opacity: 0;

	}
}
@keyframes pao5 {
	0% {
		transform: translate(-400%,0px) rotate(360deg) scale(.1,.1);
		opacity: 1;
	}

	50% {
		transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6);
		opacity: .5;
	}

	100% {
		transform: translate(0%,-100px) rotate(360deg) scale(1,1);
		opacity: 0;

	}
}

.z_jt_about{ padding: 5vw 0; }
.z_jt_tit h3{font-size: 2.1875vw;font-weight: bold;color: #B71A23;text-align: center; }
.z_jt_tit h4,.z_jt_tit .h4{ font-size: 1.25vw;font-family: NotoSansHans;color: #333333;text-align: center; }

.z_jt_tit .two-page-nav{display: flex; align-items: center; justify-content: center; margin-bottom: 1vw;}
.z_jt_tit .two-page-nav a{font-size: 2.1875vw;font-weight: bold; color: #333; transition: 0.5s; margin: 0 1vw;}
.z_jt_tit .two-page-nav a.active{color: #B71A23;}
.z_jt_tit .two-page-nav a:hover{color: #B71A23;}

.z_jt_about .desc{ width: 53.125vw; margin: 0 auto;color: #666666; text-align: unset;
line-height: 24px; margin: 3.5vw auto;}
.z_jt_about .z_index_num ul{ display: flex; justify-content: space-between; width: 80.20833vw; margin: 0 auto;}
.z_jt_about .z_index_num li{ text-align: center; }
.z_index_more2{ margin: 0 auto;width:5.2vw;height: 5.2vw;background: #B71A23;border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative;  transition: ease 1s; color: #fff; z-index: 1; }
.z_index_more2 .iconfont{ display: block; text-align: center;}
.z_index_more2::after{content: '';display: block;width: 100%;height: 100%;background: rgba(183,26,35,.5);position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -1;animation: consult linear 2s infinite;}
@keyframes consult{
  	0%,100%{transform:scale(1);}
  	50%{transform:scale(1.2);}
  }
.z_jt_boss{ overflow: hidden;}
.z_jt_boss .flwarp,.z_jt_boss .frwarp{ width: 50%; height: 50vw;}
.z_jt_boss .flwarp{ position: relative; position: relative;}
.z_jt_boss .flwarp::before{ content: ""; display: block; transition: ease 2s; z-index: 1; width: 100%; height: 100%;background: #eaeaea; position: absolute; right: 0; top: 0;}
.z_jt_boss.animated .flwarp::before{ width: 0;}
.z_jt_boss .infobox{ position: absolute; left: 0; bottom: 0; z-index: 1; background: #B71A23; color: #fff; padding: 3vw; box-sizing: border-box; max-width: 100%;}
.z_jt_boss .infobox h3{font-size: 1.875vw;font-weight: bold;}
.z_jt_boss .infobox h3 span{ text-transform: uppercase;font-size:1.04vw;font-family: Arial;}
.z_jt_boss .infobox .name{ border-bottom: 3px solid #fff; padding-bottom: 15px; margin-bottom: 15px;}
.z_jt_boss .infobox .slg{font-size: 18px;font-family: Arial;font-weight: 400;color: #FFFEFE;line-height: 24px}
.z_jt_boss .frwarp{ padding: 7.8125vw; background: #eaeaea; padding-right: 11.45833vw; box-sizing: border-box;}
.z_jt_boss .titbar h4{font-size: 1.25vw;font-weight: 400;color: #333333;}
.z_jt_boss .titbar{ padding-bottom: 2.6vw; margin-bottom: 2.6vw; border-bottom: 2px solid #B71A23;}
.z_jt_boss .desc1{font-size: 16px;font-weight: bold;color: #333333;line-height: 30px; margin-bottom: 3.2vw;}
/* .z_jt_boss .desc2{font-size: 16px;font-weight: 400;color: #666666;line-height: 24px;} */
.z_jt_boss .desc2{font-size: 16px;font-weight: 400;color: #666666;line-height: 28px;}
.z_jt_boss .descbox{ height:24vw; overflow-y: auto; padding-left: 1vw;}

.z_jt_pz .flwarp,.z_jt_pz .frwarp{ width: 50%; float: left; background: #eaeaea; height: 50vw; position: relative;}
.z_jt_pz .flwarp{ padding: 6vw 5.2vw; box-sizing: border-box;}
.z_jt_pz .flwarp .desc{font-size: 16px;font-weight: 400;color: #666666;line-height: 28px; width: 22.1875vw; margin: 5.2vw 0;}
.z_jt_pz .flwarp .z_jt_tit h4{ width: 299px;}
.z_jt_pz .flwarp .z_index_more2{ float: left;}
.z_icon_nav li{ width: 33.3%; height: 14.5vw; float: left;background: #DB202F; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; }
.z_icon_nav li a{ color: #fff;}
.z_icon_nav li:nth-child(2){background: #D60112;}
.z_icon_nav li:nth-child(3){background: #C80616;}
.z_icon_nav li .icon{ display: block; height: 3.75vw;margin: 0 auto; margin-bottom: 1vw; }
.z_icon_nav li h3{font-size: 1.25vw;}
.z_icon_nav li img{ transition: ease 1s;}
.z_icon_nav li:hover img{ transform: rotate(360deg);}
.z_jt_pz{ overflow: hidden;}
.z_jt_pz .imgbox{ width: 100%; height:35.5vw ; position: relative;}
.z_jt_pz .imgbox::before{ content: ""; display: block; transition: ease 2s; z-index: 1; width: 100%; height: 100%;background:#D60112; position: absolute;left: 0; top: 0;}
.z_jt_pz.animated .imgbox::before{ height: 0;}
.z_jt_kj{ padding: 5.8vw 5.2vw; box-sizing: border-box; position: relative;z-index: 1;}
.z_jt_kj::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5);  position: absolute; left: 0; top: 0;}
.kj_head{ justify-content: space-between;}
.kj_head .z_index_more2{ margin-left: auto; margin: 0;}

.z_jt_kj .z_jt_tit h4{ color: #fff;}
.z_jt_kj .z_index_num{ text-align: left; margin-bottom: 10vw; }
.z_jt_kj .z_index_num h4{color: #fff;}
.z_kj_list ul{ margin-left: -0.5%;}
.z_kj_list li{ width: 24.5%; overflow: hidden; margin-left: 0.5%; float: left; height: 15.10416vw; position: relative; z-index: 1;}
.z_kj_list li::before{ content:""; display: block; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0;}
.z_kj_list li .infobox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;  padding: 1.5vw; box-sizing: border-box;color: #fff;}
.z_kj_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_kj_list li h3{font-size: 1.25vw;font-weight: bold;color: #FFFFFF; margin-bottom: 1vw;}
.z_kj_list li .h4{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 24px;}
.z_arr_btn{width:7vw; text-align: center; line-height: 2.8125vw;
height: 2.8125vw; color: #fff;
background: #B71A23;
border-radius: 30px; display: block;}
.z_kj_list li .z_arr_btn{ position: absolute; right: 1.25vw; bottom: 1.25vw; transition: ease 1s; opacity: 0; transform: translateX(100%);}
.z_kj_list li:hover .z_arr_btn{ transform: translateX(0); opacity: 1;}

.z_jt_news{ padding: 6vw 5.2vw; box-sizing: border-box;}
.z_jt_news .z_jt_tit{ margin-bottom: 2.8vw;}
.z_jt_news .z_index_more2{ margin-top: 4vw;}

.z_jt_culture{ padding: 5.2vw; box-sizing: border-box; height: 50vw; position: relative; overflow: hidden;}
.z_jt_culture .z_jt_tit h3,.z_jt_culture .z_jt_tit h4{ color: #fff;}
.z_jt_culture .z_jt_tit h3{ background: linear-gradient(to right, #fff, #fff 50%, #fff 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.z_jtwh_cir li{text-align: center; transition: ease 1s; z-index: 1;position: absolute;border-radius: 50%; }
.z_jtwh_cir li a{ color: #fff;display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;border-radius: 50%;   overflow: hidden; }
.z_jtwh_cir li:nth-child(1){width: 16.14583vw;height: 16.14583vw;background: #C9A16B;  left: 5.2vw; top: 15.10416vw;}
.z_jtwh_cir li:nth-child(2){width: 15vw;height: 15vw;background: #F8DEC8; top: 23.38541vw; left: 33.54166vw;}
.z_jtwh_cir li:nth-child(3){width: 25.41666vw;height: 25.41666vw;top: 14.0625vw; right: 4.42708vw;}
.z_jtwh_cir li h3{ font-size: 1.5625vw; margin-bottom: 1vw;}
.z_jtwh_cir li .desc{line-height: 24px;}
.z_jtwh_cir li .imgbg{ position: absolute; z-index: -1; left:50%; top: 50%; transform:translate(-50%,-50%) scale(.5,.5); opacity: 0; border-radius: 50%; overflow: hidden;}
.z_jtwh_cir li .imgbg::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0;}
.z_jtwh_cir li .z_arr_btn{ margin: 0 auto;  margin-top: 20px; opacity: 0; transition: ease 1s; position: absolute; left: 50%; transform: translate(-50%,50%); bottom: 2vw;}

.z_jtwh_cir li .infobx{ transition: ease 1s; width: 70%;}
.z_jtwh_cir li:nth-child(3) .imgbg{
	transform: translate(-50%,-50%) scale(1,1);opacity: 1;}
}

@media screen and (min-width: 980px) {
	.z_jtwh_cir li:hover .infobx{transform: translateY(-2vw); color: #fff!important;}
	.z_jtwh_cir li:hover{  background: none;}
	.z_jtwh_cir li:hover .z_arr_btn{ opacity: 1; transform: translate(-50%,0%);}
	.z_jtwh_cir li:hover .imgbg{
	transform: translate(-50%,-50%) scale(1,1);opacity: 1;}
}

.z_jtwh_cir li:nth-child(2) .infobx{ color: #B08750;}
.z_jtwh_cir li:nth-child(3) .infobx{ width: 200px;}
.z_jtwh_cir li:nth-child(3) .z_arr_btn{ transform: translate(-50%,-100%);}
.z_jtwh_cir li:nth-child(3)::before{ content: ""; display: block; width: 6.77083vw;
height:6.77083vw;
background: #C9A16B;
border-radius: 50%; position: absolute; left: 0; top: 0; z-index: 1;}
.z_wh_dot span{ display: block; border-radius: 50%; position: absolute;background: #D33F4F;}
.z_wh_dot span:nth-child(1){width: 3.75vw;height: 3.75vw;left:18.07291vw; bottom: 13.75000vw ;animation:pao6 10s linear infinite;animation-delay: .2s;}
.z_wh_dot span:nth-child(2){width: 8.125vw;height: 8.125vw;left:42.1875vw; bottom: 17.5vw ;animation:pao6 17s linear infinite;animation-delay: .3s;}
.z_wh_dot span:nth-child(3){width: 72px;height: 72px;left:57.29166vw; top: 10.3125vw ;animation:pao7 18s linear infinite;animation-delay: .4s;}
 @keyframes pao6 {
 	0% {
 		transform: translate(0%,0px) rotate(360deg) scale(1,1);

 	}

 	25% {
 		transform: translate(-250%,-50px) rotate(360deg) scale(.8,.8);

 	}
	50% {
		transform: translate(250%,-350px) rotate(360deg) scale(.4,.4);

	}
	75% {
		transform: translate(-550%,50px) rotate(360deg) scale(.8,.8);

	}

 	100% {
 		transform: translate(300%,-100px) rotate(360deg) scale(1,1);


 	}
 }
@keyframes pao7 {
	0% {
		transform: translate(400%,0px) rotate(360deg) scale(1,1);

	}

	50% {
		transform: translate(-400%,-250px) rotate(360deg) scale(.8,.8);

	}

	100% {
		transform: translate(0%,100px) rotate(360deg) scale(1,1);


	}
}
.z_jt_culture .z_index_more{ position: absolute;  right: 36.04166vw; bottom: 8.54166vw;}

.z_jt_process{ min-height: 50vw; position: relative; overflow: hidden; }
.z_process_swiper{ width: 100%; overflow: hidden; position: absolute; left: 0; top: 13%;padding: 2vw 0;/* transform: translateY(-50%); */}
.z_process_swiper li{ height: 20vw;  background-size: 100% auto; position: relative;}

.z_process_swiper li:nth-child(6n-5){  background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/x_01.png) no-repeat center; background-size: 100% auto}
.z_process_swiper li:nth-child(6n-4){  background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/x_02.png) no-repeat center; background-size: 100% auto}
.z_process_swiper li:nth-child(6n-3){  background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/x_03.png) no-repeat center; background-size: 100% auto}
.z_process_swiper li:nth-child(6n-2){  background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/x_04.png) no-repeat center; background-size: 100% auto}
.z_process_swiper li:nth-child(6n-1){  background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/x_05.png) no-repeat center; background-size: 100% auto}
.z_process_swiper li:nth-child(6n){  background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/x_06.png) no-repeat center; background-size: 100% auto}
.z_jt_process .z_jt_tit{ position: absolute; left: 5.2vw; top: 2vw;}
.z_jt_process .z_jt_tit h4{ color: #fff;}
.z_process_swiper li{cursor: pointer;  }
.z_process_swiper li .year{ position: absolute; left: 50%; transform: translateX(-50%); bottom:0; }
.z_process_swiper li .year{color: #fff; padding-bottom: 25px; cursor: pointer;    white-space: nowrap; }
.z_process_swiper li .year::before{ content: ""; display: block; width: 12px;height: 12px;background: #FFFFFF;border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.z_process_swiper li .conbox{width: 12px;height: 12px;border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%);}
.z_process_swiper li:nth-child(6n-5) .conbox{bottom:34.5%;}
.z_process_swiper li:nth-child(6n-4) .conbox{bottom: 59.2%;}
.z_process_swiper li:nth-child(6n-3) .conbox{bottom:79%;}
.z_process_swiper li:nth-child(6n-2) .conbox{bottom:72%;}
.z_process_swiper li:nth-child(6n-1) .conbox{bottom:45%;}
.z_process_swiper li:nth-child(6n) .conbox{bottom:30.5%;}
.z_process_swiper li .imgbox{width:10vw;z-index: 1; padding: 1.2vw; box-sizing: border-box; background: rgba(183,26,35,.5); overflow: hidden;height: 10vw;border-radius: 50%; position: absolute;   left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0); transition: ease 1s;}
.z_process_swiper li .imgbg{ border-radius: 50%; overflow: hidden;}
.z_process_swiper li.swiper-slide-thumb-active .imgbox{ transform: translate(-50%,-50%) scale(1,1);}

.z_process_con{ position: absolute; width: 35vw; right: 5.2vw; bottom: 2vw; color: #fff;}
.z_process_con .year{ font-size: 1.25vw;}
.z_process_con .year .num{font-size: 3.125vw;}
.z_process_con .desc{ font-size: 16px; min-height: 2.5vw;}
.z_process_con .btn{ margin-right: 16px;width: 2.8125vw; margin-top: 1vw; cursor: pointer; outline: none; transition: ease 1s;height: 2.8125vw;border: 1px solid #FFFFFF; color: #fff;border-radius: 50%; display: flex;align-items: center; justify-content: center; }
.z_process_con .btn:hover{ background: #B71A23; border-color: #B71A23;}

.z_jt_honor{ padding: 6vw 5.2vw; padding-right: 11.97916vw; box-sizing: border-box; overflow: hidden;}
.z_btn_warp .btn{width: 3.22916vw;height: 3.22916vw; transition: ease 1s; margin-left: 15px; cursor: pointer;outline: none; display: inline-block; background: rgba(183, 26, 35, 0);border: 2px solid #E6E6E6;border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.z_btn_warp .btn:hover{ background: #B71A23; border-color: #B71A23; color: #fff;}
.z_jt_honor .honor_head{ margin-bottom: 2.4vw;}
.z_jt_honor .z_index_more2{ margin-left: 0;}
.z_honor_swiper li{ background: #f7f7f7; padding: 2.5vw; box-sizing: border-box;}
.z_honor_swiper li .infobox{ width: 43%; float: left;height: 14.58333vw; position: relative;font-size: 18px;}
.z_honor_swiper li .imgbox{ width: 56%; float: right; display: flex;align-items: center; justify-content: center; height: 14.58333vw;}
.z_honor_swiper li .imgbox img{max-width: 100%; max-height: 100%;}
.z_honor_swiper li .desc{position: absolute; left: 0; line-height: 24px; max-height: 72px; bottom: 0;font-weight: bold;color: #333333;}
.z_honor_swiper li .year{color: #414141;
}
/* .swiper-pagination {background:  #E6E6E6; width: 100%; position: relative;height: 4px; margin: 3.5vw 0;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#B71A23;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(0);transform-origin: left top;} */

.z_brand_warp{ width: 38.54166vw; height: 38.54166vw; margin: 0 auto; position: relative;}
.z_brand_logo{ background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 22.08333vw; height: 22.08333vw; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center;border: 2.34375vw solid #B71A23; box-sizing: border-box;}
.z_brand_logo img{ max-width: 100%; max-height: 100%;}
.z_jt_brand{ padding: 6vw 5.2vw; box-sizing: border-box; overflow: hidden; position: relative;}
.z_jt_brand .z_jt_tit{ width: 410px;}
.z_brand_warp .bg1{ position: absolute; left: 0; width: 100%; height: 100%; top: 0;background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/yuan.png) no-repeat center; background-size: 100% 100%;   animation: animtran 30s linear infinite;  }
.z_brand_warp .icon{
	--size: 6.77083vw;
	width: var(--size);
	height: var(--size);
	animation: animtrans 30s linear infinite;
	background: #FFFFFF;
	position: absolute;
	border: 0.41666vw solid #B71A23;
	border-radius: 50%;
	overflow: hidden;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.z_brand_warp .icon img{ display: block; max-width: 80%; max-height: 80%;}

.z_brand_warp .icon1{top: calc(0px - (var(--size) / 2) ); left: calc(50% - (var(--size) / 2) );}
.z_brand_warp .icon2{top: 16%; right: 0;}
.z_brand_warp .icon3{bottom: 16%; right: 0;}
.z_brand_warp .icon4{bottom: calc(0px - (var(--size) / 2) ); left: calc(50% - (var(--size) / 2) );}
.z_brand_warp .icon5{bottom: 16%; left: 0;}
.z_brand_warp .icon6{top: 16%; left: 0;}

/* .z_brand_warp .icon1{ left: 21.9%; top: -3.5%;} */
/* .z_brand_warp .icon2{ right:21.9%; top: -3.5%;}
.z_brand_warp .icon3{ right: -3.64%; top:20.8%;}
.z_brand_warp .icon4{ right: -3.64%; bottom:22.5%;}
.z_brand_warp .icon5{ right: 21.9%; bottom: -3.5%;}
.z_brand_warp .icon6{ left: 21.9%;  bottom: -3.5%;}
.z_brand_warp .icon7{ left: -3.64%; bottom:20.8%;}
.z_brand_warp .icon8 {left: -3.64%; top:20.8%;} */

.z_jt_brand .z_index_more2{ right: 5.2vw;  margin-right: 0;}

 @keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }

        @keyframes animtrans {
            from {
                transform: rotateZ(360deg);
            }
            to {
                transform: rotateZ(0deg);
            }
        }

        @-webkit-keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }

        @-webkit-keyframes animtrans {
            from {
                transform: rotateZ(360deg);
            }
            to {
                transform: rotateZ(0deg);
            }
        }


.z_footer2{ color: #C5C5C5;}
.z_footer2 .z_footer_tel{ color: #C5C5C5;}
.z_footer2 .z_footer_nav a{color: #C5C5C5;}
.z_footer2 .z_footer_nav dt a{color: #FFFFFF;}
.z_footer2 .z_footer_top{ border-bottom: none;}
.z_footer2 .z_shop a{ color: #fff;}
.z_footer2 .z_footer_copy,.z_footer2 .z_footer_copy a{color: #C5C5C5; font-size: inherit;}

.z_page_nav{ width: 100%; height: 3.75vw;
background: #B71A23; line-height: 3.75vw; text-align: center;}
.z_page_nav li{ display: inline-block; margin: 0 1.5vw; position: relative; z-index: 1;}
.z_page_nav li a{ display: block;font-size: 16px;font-weight: bold;color: #fff;}
.z_page_nav li::before{ content: ""; display: block; width:0%; height: 4px;
background: #C9A16B; transition: ease 1s; position: absolute; left: 50%; bottom: 0;  z-index: 1;}
.z_page_nav li.cur::before,.z_page_nav li:hover::before{ width: 100%; left: 0;}
.z_page_nav li.cur a,.z_page_nav li:hover a{color: #C9A16B;}
.z_page_nav li::after{ content: ""; display: block; width: 3.54166vw; height: 3.54166vw; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/slg.png) no-repeat center;transition: ease 1s; opacity: 0; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_page_nav li.cur::after,.z_page_nav li:hover::after{ opacity: 1;}

#foot-page-nav{background: #C79564;}
#foot-page-nav li:hover a{color: #B71A23; transition: 0.5s;}
#foot-page-nav li:hover::after{ opacity: 0.2;}

.z_jt_video{ width: 100%; position: relative; height: 42.39583vw;}
.z_jt_video::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; left: 0; top: 0; z-index: 1;}
.z_jt_video .z_play{ position: absolute; left: 50%; top: 50%; cursor: pointer; transform: translate(-50%,-50%); z-index: 2; text-align: center; color: #fff;}
.z_jt_video .z_play h3{ font-size: 18px; margin-top: 10px;}
.z_jt_video .z_play .icon{ display: block; margin: 0 auto; height:3.75vw ;}

.z_kj_ld{ position: relative; padding: 5.2vw; box-sizing: border-box; height: 50vw;}
.z_kj_ld .logo{ margin-bottom: 20px;}
.z_kj_ld .logo img{ display: block;height: 5.46875vw;}
.z_kj_ld h3{font-size: 2.1875vw;font-weight: bold;color: #FFFFFF;}
.z_kj_ld h4{font-size: 1.25vw;font-weight: 400;color: #FFFFFF;line-height: 1.875vw; border-top: 2px solid #fff; width: 260px; padding-top: 10px; margin-top: 10px;}
.z_kj_ld .desc{width: 392px;font-weight: 400;color: #FFFFFF;line-height: 24px; margin: 3.5vw 0;}
.z_kj_ld .z_index_more2{ margin-left: 0;}
.z_ls_img{ width: 54.16666vw; position: absolute; right: 5.2vw; bottom: 0;}
.z_ls_img img{ display: block;}
.z_kj_md{ height: 50vw; position: relative; padding: 5.2vw; box-sizing:border-box; color: #fff;}
.z_kj_md .z_jt_tit h4{ color: #fff;}
.z_kj_md .desc{font-size: 14px;width: 434px; margin-top: 3.2vw;font-weight: 400;color: #FFFFFF;line-height: 24px;}
.z_kj_md .z_index_more2{ margin-right: 0; position: absolute; right: 2.6vw; bottom:3vw;}

.z_kj_warp .imgbox,.z_kj_warp .infobox{ width: 50%; height: 50vw;}
.z_kj_warp .infobox{ padding: 5.2vw;  box-sizing: border-box;background: #E6E6E6; display: flex; justify-content: center; align-items: center;}
.z_kj_warp .infobox .warp{overflow-y: auto; height: 100%;}
.z_kj_warp .z_jt_tit{ margin-bottom: 3vw;}
.z_kj_warp .desc{color: #666666;line-height: 24px; width: 55%;}
.z_kj_li li{ border-bottom: 1px dashed #C7C7C7; width: 80%; padding: 1.2vw 0;}
.z_kj_li li h3{font-size: 18px;font-weight: bold;color: #333333;}
.z_kj_li li h3 em{font-size: 2.1875vw;font-family: Arial;font-weight: bold;color: #B71A23;}
.z_kj_li li .desc{ width: 100%;}

.z_ls_adv{ height:44.79166vw;}
.z_ls_dy{  position: relative; padding-top: 8.7vw;overflow: hidden ;}
.z_ld_img{ position: absolute; height: 100%; left: 0; top: 0; display: flex; align-items: center;}
.z_ld_img img{ display: block; max-height: 80%;}
.z_ls_dy .lsinfo{ margin-left: 44.53125vw; width: 41.14583vw; color: #fff;}
.z_ls_dy .lsinfo .tit{font-size: 2.1875vw;font-weight: bold; margin-bottom: 10px;}
.z_ls_dy .lsinfo .h4{font-size:1.25vw;line-height:1.875vw;}
.z_ls_dy .lsinfo .desc{ margin-top: 2vw; line-height: 24px;}

.z_ld_swiper{ width: 60%; margin-left: 40%; margin-top: 6.77083vw; overflow: hidden;}
.z_ld_swiper li{ background: #F5F5F5; padding: 2.5vw 3vw; box-sizing: border-box;}
.z_ld_swiper li .imgbg{width: 90px;height: 90px;border-radius: 50%; overflow: hidden;}
.z_ld_swiper li h3{font-size: 18px;font-weight: bold; margin: 20px 0;}
.z_ld_swiper li .desc{color: #666666;line-height: 24px; height: 206px; overflow-y: auto;}
.z_ld_swiper li:nth-child(3n-1){ background:  #EAEAEA;}
.z_ld_swiper li:nth-child(3n){ background: #DDDDDD;}

.z_ld_level{ padding:6.8125vw 5.2vw; box-sizing: border-box; padding-right: 11.97916vw; overflow: hidden;}
.z_ld_level .z_btn_warp .btn{ background: #fff; border:none;}
.z_ld_level .z_btn_warp .btn:hover{ background: #B71A23; color: #fff;}
.z_level_swiper{ margin-top: 2.6vw;}
.z_level_swiper li{ background: #fff;}
.z_level_swiper li .infobox{ width: 56%; float: left; height: 27.91666vw; padding: 2.6vw; box-sizing: border-box;}
.z_level_swiper li .imgbox{ width: 44%; float: right; height: 27.91666vw;}
.z_level_swiper li h3{font-size: 1.25vw;}
.z_level_swiper li .du{font-size: 3.75vw;font-family: Arial;font-weight: bold;color: #B71A23;}
.z_level_swiper li .slg{min-width: 82px;height: 30px;background: #B71A23; display: inline-block; color: #fff; border-radius: 15px; text-align: center; line-height: 30px;}
.z_level_swiper li .desc{color: #666666;
line-height: 24px; margin-top: 2vw;}

.z_md_warp{ position: relative; overflow: hidden;}
.z_md_swiper{ height: 50vw; overflow: hidden; }
.z_md_swiper li .imgbg{ transform: scale(1.1,1.1); transition: ease 3s;}
.z_md_swiper li.swiper-slide-active .imgbg{transform: scale(1,1);}
.z_md_info{ position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; background: rgba(255,255,255,.9); padding: 3vw 5.2vw; box-sizing: border-box;  align-items: flex-start;}
.z_md_info .tit{ flex-shrink: 0; color: #B71A23; font-size: 1.875vw; width: 20.875vw; margin-right: 1vw;}
.z_md_info .desc{ width: 36.45833vw;color: #333333;line-height: 24px;}
.z_md_hd{ position: absolute; right: 5.2vw; top: 3.2vw;}
.z_md_hd li{width: 12px;height: 12px; display: inline-block;background: #CDCDCD;border-radius: 50%; cursor: pointer; outline: none; margin-left: 7px;}
.z_md_hd li.on{background: #B71A23;}

.z_jt_pzbox .imgbox,.z_jt_pzbox .infobox{ width: 50%;  height: 39.58333vw;}
.z_jt_pzbox .infobox{ padding: 0 5.2vw; display: flex; align-items: center; box-sizing: border-box;}
.z_jt_pzbox .desc{color: #666666;line-height: 24px; width: auto; margin: 2vw 0; margin-bottom: 5vw;}

.z_pz_cl{ position: relative;}
.z_pz_cl .z_jt_tit{ position: absolute; left: 5.2vw; top: 6vw; z-index: 2;}
.z_pz_cl .z_jt_tit .h4{ color: #fff;}
.z_cl_img{ width: 100%; height: 42.70833vw; position: relative; overflow: hidden;}
.z_cl_img li{ position: absolute;  left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: ease 2s; transform: scale(1.1,1.1);}
.z_cl_img li.on{ opacity: 1; visibility: visible; transform: scale(1,1);}
.z_cl_nav li{ width: 25%; float: left; text-align: center; position: relative; height: 140px;transition: ease 1s;  }
.z_cl_nav li .icon{ width: 62px; height: 62px; transition: ease 1s; background-color: #c2c2c2; margin: 0 auto; border-radius: 50%; overflow: hidden; background-position: top center; background-repeat: no-repeat; background-size: 100% auto;}
.z_cl_nav li.on .icon{ background-position-y: -62px;background-color: #fff;}
.z_cl_nav li h3{font-size: 16px;font-weight: 500; margin: 10px 0;}
.z_cl_nav li.on .warp{ height: 410px; background: #B71A23; color: #fff;padding:40px 25px;}
.z_cl_nav li .warp{ display: block; width: 100%; height: 100%;position: absolute; left: 0; bottom: 0;padding: 25px; overflow: hidden; box-sizing: border-box;}
.z_cl_nav li .desc{width: 68%;height:96px;font-size: 14px;color: #EEB3B7;line-height: 24px; margin: 30px auto}
.z_cl_nav li .z_arr_btn{ margin: 0 auto;width: 54px;height: 54px;line-height:54px ;background: rgba(255,255,255,.2);}
.z_cl_nav li:nth-child(2){background: #F4F4F4;}
.z_cl_nav li:nth-child(3){background: #E6E6E6;}
.z_cl_nav li:nth-child(4){background: #D8D8D8;}

.z_fd_head{ position: relative; padding-bottom: 4vw;}
.z_fd_head img{ display: block; max-width: 72.39583vw;}
.z_fd_head .infobox{ position: absolute; top: 50%; transform: translateY(-50%); right: 15.625vw;}
.z_fd_head .infobox h3{ font-size: 2.1875vw; margin-bottom: 1.5vw;}
.z_fd_head .infobox .h4{ font-size: 18px; line-height: 30px; padding-left: 20px;}
.z_fd_swiper{overflow: hidden;}
.z_fd_swiper li{width: 480px; position: relative; height: 100%; background: #EDEDED; padding: 3vw; box-sizing: border-box;}
.z_fd_swiper li:nth-child(even){background: #F7F7F7;}
.z_fd_swiper li .tit{font-size:1.25vw;color: #B71A23;line-height: 1.875vw; margin-bottom: 3vw;}
.z_fd_swiper li h3{font-size:1.25vw; margin-bottom: 1vw;}
.z_fd_swiper li .desc{color: #666666;line-height: 24px;}

.z_jt_hliwarp{ background: #ededed;}
.z_jt_hliwarp .flwarp{ width: 33.3%; padding: 5.2vw; box-sizing: border-box; transition: ease 1s;}
.z_jt_hliwarp .flwarp.on,.z_store_page .flwarp.on{ position: fixed; left: 0; top: 0; padding-top: 10.4vw;}
.z_jt_hliwarp .frwarp{ width: 66.7%; background: #fff;padding: 5.2vw; box-sizing: border-box;}
.z_hl_nav{ margin-top: 3vw;}
.z_hl_nav a{ display: block; width: 100%;height: 64px;margin-bottom: 2px;transition: ease 1s;
background: #FFFFFF; line-height: 64px; padding: 0 1.4vw; box-sizing: border-box;}
.z_hl_nav .iconfont{ float: right; opacity: 0; transition: ease 1s;color: #fff;}
.z_hl_nav span{ font-weight: bold;font-size: 16px;}
.z_hl_nav a.active,.z_hl_nav a:hover{ background: #B71A23; color: #fff;}
.z_hl_nav a.active .iconfont,.z_hl_nav a:hover .iconfont{ opacity: 1;}
.z_hl_tit h3{font-weight: bold; font-size: 1.25vw;}
.z_hl_tit .line{width: 56px;height: 4px;background:  #B71A23; display: block; margin: 1.6vw 0;}
.z_hl_tit .desc{ line-height: 24px;}
.z_hl_tit{ margin-bottom: 3vw;}
.z_hl_img li{ margin-bottom: 1.5vw;}
.z_hl_img li img{ display: block; height: auto!important;}

.z_jt_gk{ padding: 5.2vw 0;}
.z_jt_gk .z-container{ width: 1114px;}
.z_jt_gk .z_jt_tit{ text-align: center; margin-bottom: 5vw;}
.z_jt_gk .z_jt_tit h3{ margin-bottom: 1.2vw;}
.z_gk_detail{ border-top: 1px dashed #333; padding: 5vw 0;}
.z_gk_detail .tit{ font-size: 1.5625vw; font-weight: bold; color: #333; text-align: center; margin-bottom: 3vw;}
.z_gk_detail,.z_gk_detail .desc{color: #666666;line-height: 24px;}
.z_gk_detail img{ max-width: 100%; height: auto!important;}

.z_pp_box .imgbox,.z_pp_box .infobox{ width: 50%; height: 41.66666vw;}
.z_pp_box .infobox{ padding: 6.2vw 7vw; box-sizing: border-box;}
.z_pp_box .logo img{ display: block;max-height:6.77083vw ;}
.z_pp_box .desc{color: #666666;line-height: 24px; height: 21vw; margin: 2vw 0;overflow-y: auto;}
.z_pp_box .z_index_more2{ margin-top: 3vw;}
.z_pp_box:nth-child(even){background: #f3f3f3;}

.z_jt_honor{ padding: 5.2vw 8.59375vw; box-sizing: border-box; overflow: hidden; position: relative;}
.z_honor_swiper2 li{ width: 49%; float: left; margin-bottom: 1.5625vw;}
.z_honor_swiper2 li:nth-child(even){ float: right;}

.z_load_bar{ text-align: center; margin-top: 3vw; }
.z_load_bar span{ display: block;width: 54px;
height: 54px; margin: 0 auto;
background: #B71A23;
border-radius: 50%; display: flex; align-items: center; color: #fff; justify-content: center; margin-bottom: 10px;}

.z_jt_pzbox2 .z_index_more2{ margin-top: 5vw;}
.z_jt_pzbox2 .h4{ margin-top: 10px;}

.z_news_page{ padding: 6vw 5.2vw; box-sizing: border-box;background: #EAEAEA;}

.z_news_warp2 li{margin-bottom: 20px;}

.z_artic_tit{ font-size: 1.875vw; margin-bottom: 2vw;}
.z_artic_bar{ display: flex;  padding:10px 0;}
.z_artic_bar .fl{ color: #666;}
.z_artic_bar .fl span{ display: inline-block; margin-right: 20px;}
.bshare-custom{ margin-left: auto;}
.bshare-custom a{ background: none!important; width: auto!important; height: auto!important; padding: 0!important; color: #7f7f7f!important; margin-left: 20px!important; font-size: 20px!important;}
.z_artic_bar .bshare-custom .bshare-more-icon{ padding-left: 0!important;}
.bshare-custom a:hover{ color: #BF2E2E!important;}
.z_artic_content{ padding: 2.5vw 0; line-height: 28px; font-size: 16px;border-bottom: 2px solid #333;border-top: 2px solid #333; margin-bottom: 3vw;}
.z_artic_content img{ max-width: 100%!important; height: auto!important;}
.z_topbtm_bar{ position: relative;}
.z_topbtm_bar a{ display: block; width: 70%; line-height: 38px; height: 38px; font-size: 16px;}
.z_topbtm_bar a:hover{ color: #BF2E2E;}
.z_topbtm_bar .z_back{ width: 80px; line-height: normal; height: 80px; border-radius: 50%;  text-align: center; position: relative; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.z_topbtm_bar .z_back:hover{ color: #fff;}
.z_znewsxq_page{ padding-top: 8vw; padding-bottom: 5vw; }
.z_znewsxq_page .z-container{ width: 1000px;}


.z_xq_header{height: 78px!important; padding: 0 2.6vw!important; display: flex; align-items: center;
background: #B71A23!important;position: fixed!important;}
.z_xq_header .z_header_fr{ margin-left: auto;}
.z_xq_header .z_page_nav{ position: absolute; left: 0; top: 0;height: 78px; line-height: 78px; width: 100%; background: none; z-index: -1;}
.z_header_fl.on .z_page_nav{ opacity: 0;}
.z_sp_about{ padding: 8.33333vw 0vw; box-sizing: border-box; color: #fff; text-align: center;}
.z_sp_yearbar{ margin: 0 auto; justify-content: center;display: block;}
.z_sp_yearbar .year{font-size: 1.875vw;font-family: Arial;font-weight: bold;font-style: italic; /* border-right: 5px solid #fff; */ /* padding-right: 40px; *//* margin-right: 40px; */}
.z_sp_yearbar .year em{ font-size: 6.25vw;font-family: Arial;font-weight: bold;font-style: italic; line-height: 5.25vw;}
.z_sp_yearbar .desc{/* text-align: left; */font-size: 1.875vw;margin-top: 1vw; }
.z_sp_about .adesc{ width: 42.70833vw; margin: 0 auto;line-height: 24px; margin: 4vw auto;}
.z_sp_num{ width: 100%; height:6.40624vw; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/x.png) no-repeat bottom center; background-size: 100% 100%; margin-top: 10vw;}
.z_sp_num li{position: relative; padding-bottom:1.30208vw; }
.z_sp_num li::before{ content: ""; display: block; width: 0.83333vw;
height: 0.83333vw;
background: #FEFEFE;
border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 1;}
.z_sp_num li h3{font-size: 1.25vw;
font-family: Arial;
font-weight: bold;
}
.z_sp_num li .timer{font-size:2.1875vw;font-family: Arial;font-weight: bold;}
.z_sp_num li .add{ vertical-align: top;}
.z_sp_num li h4{font-size: 0.9375vw;}
.z_sp_num li{ display: inline-block; width: 20%; position: relative;}
.z_sp_num li:nth-child(1){ bottom: 0.36458vw; }
.z_sp_num li:nth-child(2){ bottom: 3.95833vw; }
.z_sp_num li:nth-child(3){ bottom: -4px; }
.z_sp_num li:nth-child(4){ bottom: 20px; }

.z_sp_proimg{ width: 100%; height: 50vw; position: relative; overflow: hidden;}
.z_sp_proimg li .imgbg{ transform: scale(1.06,1.06); transition: ease 2s;}
.z_sp_proimg li.swiper-slide-active .imgbg{transform: scale(1,1);}
.z_sp_proimg li .infobox{ position: absolute;right: 7.18749vw; top: 9.375vw;width:16.92708vw; transform: translateY(50%); opacity: 0; transition: ease 1.5s; transition-delay: .6s;}
.z_sp_proimg li.swiper-slide-active .infobox{transform: translateY(0%); opacity: 1;}
.z_sp_proimg li h3{ font-size: 1.5625vw;}
.z_sp_proimg li .desc{color: #666666;
line-height: 22px; margin: 2vw 0;}
.z_sp_pro{ position: relative; overflow: hidden;}
.z_tab_swiper{ width: 90%; position: absolute; left: 5%; bottom: 3.125vw;  z-index: 2; background:#fff; text-align: center;/* overflow: hidden; */}
.z_tab_swiper li{ /* position: relative; */ padding: 15px 0; cursor: pointer; color: #999; outline: none;}
.z_tab_swiper li .iconfont{ font-size: 30px; color: #ddd; margin-bottom: 5px; display: inline-block;}
.z_tab_swiper li.swiper-slide-thumb-active ,.z_tab_swiper li.swiper-slide-thumb-active .iconfont{ color: #B71A23;}
.z_tab_swiper li.swiper-slide-thumb-active h3{font-weight: bold;}
.z_sp_pro .z_jt_tit,.z_sp_cp .z_jt_tit{ position: absolute; left: 5.2vw; top: 9vw; z-index: 2;}
.z_sp_cp{ background: #E6E6E6; position: relative; overflow: hidden;}
.z_cp_swiper{ width:65.5% ; position: relative ; background: #fff;}
.z_cp_swiper::before{ content: ""; display: block; position: absolute;right: -60px;top: 0;content: '';z-index: 1;width: 60px;height: 100%;background: url("/html/themes/simpleboot3/public/assets/dezhuang/img/pro-bg.png") center;}
.z_cp_swiper li{}
.z_cp_swiper .bd li a{ display: flex; align-items: center; height: 50vw;}
.z_cp_swiper .bd li .imgbox{ width: 58%; display: flex; position: relative; align-items: center; justify-content: center;}
.z_cp_swiper .bd li .imgbox::before{ content: ""; display: block;width:25.46875vw; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/hua.png) no-repeat center; background-size: auto 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
height: 25.46875vw;}
.z_cp_swiper .bd li .imgbg{ display: block; width: 19.58333vw; overflow: hidden;
height:19.58333vw;
border-radius: 50%;}
.z_cp_swiper .bd li .infobox{ width: 42%; padding: 0 5.72916vw; box-sizing: border-box}
.z_cp_swiper .bd li h3{ font-size: 1.25vw; font-weight: bold; }
.z_cp_swiper .bd li h4{font-size: 1.04vw;font-family: RheemSansB;font-weight: bold;color: #8D8D8D;}
.z_cp_swiper .bd li .desc{ margin: 1.2vw 0; margin-bottom: 4vw;color: #666666;
line-height: 24px;}
.z_arr_more{ display: block; width: 52px;height: 52px; line-height: 52px;background: #D92130;border-radius: 50%; color: #fff; text-align: center; }
.z_cp_swiper .bd li.swiper-slide-next .infobox{ display: none;}
.z_cp_swiper .bd li.swiper-slide-active .infobox{ display: block; }

.z_cp_swiper .next{ position: absolute; color: #c8cad2; right: -60px; font-size: 20px; font-weight: bold;  width: 60px; height: 60px; line-height: 60px; text-align: center; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer;}
.z_cp_swiper .next:hover{ color: #D92130;}

.z_sp_news li{ background: #fff;}

.z_sp_contact{ background-position: bottom center; min-height: 41.92708vw; padding: 7.29166vw 0; box-sizing: border-box; text-align: center;}
.z_sp_contact .desc{width: 501px;font-size: 16px;color: #666666;line-height: 24px; margin: 1.5vw auto; margin-bottom: 3vw;}
.z_contact_btn a{ display: inline-block;min-width: 174px; margin: 0 18px;
height: 54px; text-align: center; line-height: 54px; color: #fff;
background: #B71A23;
border-radius:0 10px 0 10px;font-size: 16px;}
.z_sp_header{ background: #fff!important; height: 82px!important;}
.z_sp_header.on{ background: #B71A23!important;}
.z_sp_header.on .z_header_nav li > a{color: #fff;}
.z_sp_header .z_header_nav li a{ color: #333;}
.z_sp_header  .z_words{ color: #333!important; background-image: url(/html/themes/simpleboot3/public/assets/dezhuang/img/yy2.png)!important;}
.z_sp_header.on .z_words{ color: #fff!important; background-image: url(/html/themes/simpleboot3/public/assets/dezhuang/img/yy.png)!important;}
.z_sp_header .z_words .z_sel{ color: #333!important;}
.z_sp_header.on .z_words .z_sel{ color: #fff!important;}
.z_sp_header .z_words::before,.z_sp_header .z_menu_btn span{background: #333;}
.z_sp_header.on .z_words::before, .z_sp_header.on .z_menu_btn span{background: #fff;}
.z_cp_nav{ width: 100%; position: relative; left: auto; bottom: auto; margin-top:82px; border-top: 1px solid #e5e5e5;}
.z_cp_nav li{ width: 10%; float: left; margin: 0; display: block; padding: 0; /* position: relative; */}
.z_cp_nav li::before{ content: ""; display: block; width: 1px; height: 30px;
background: #DDDDDD; position: absolute;right: 0;top: 50%; transform: translateY(-50%);}
.z_cp_nav li:last-child::before{ display: none;}
.z_cp_nav li a{display: block; padding: 20px 0;font-size: 16px;}
.z_cp_nav li.cur .iconfont,.z_cp_nav li:hover .iconfont{color: #B71A23;}
.z_cp_nav li.cur h3,.z_cp_nav li:hover h3{ color: #B71A23;font-weight: bold;}
.z_cp_menu{ position: relative;}
.z_sub_nav{ position: absolute; width: 100%; z-index: 3; padding: 0 2vw; box-sizing: border-box; left: 0; top: 100%; height: 64px;background: rgba(255,255,255,.5);line-height: 64px;}
.z_sub_nav a{font-size: 16px; display: inline-block; margin-right: 5vw; }
.z_cp_series .bigimg{ width: 100%; height: 44.79166vw; position: relative; overflow: hidden;}
.z_cp_series .bigimg.animated .imgbg{animation: zoombig 2s linear forwards;}
.z_cp_series .infobox{ position: absolute; left: 5.2vw; top: 7.29166vw; z-index: 2;color: #B71A23;}
.z_cp_series .infobox .slg{ display: inline-block;height: 36px;background: #B71A23;border-radius: 18px; padding: 0 16px; color: #fff; line-height: 36px;font-size: 18px;}
.z_cp_series .infobox h3{ font-size: 3.125vw; font-weight:bold;}
.z_cp_series .infobox h4{ font-size: 1.25vw;}
.z_cp_series .infobox2{ color: #fff;}
.z_cp_series .infobox2 .slg{ background: none; border: 1px solid #fff;}
.z_series_tj{ padding: 4.5vw 5.2vw; box-sizing: border-box;}
.tj_head span{ font-size:1.25vw;}
.tj_head{ margin-bottom: 30px;}
.z_series_swiper{ overflow: hidden;}
.z_series_swiper li{ text-align: center; float: left; width: 15vw; margin-right: 4vw;}
.z_series_swiper li:last-child{ margin-right: 0;}
.z_series_swiper li .imgbox{ width: 100%; margin: 0 auto; margin-bottom: 10px; display: flex;align-items: center; justify-content: center; height: 20vw;}
.z_series_swiper li img{ display: block; max-width: 100%; max-height: 100%;}
.z_series_swiper li h3{ font-size: 16px;}
.z_series_swiper li:hover h3{ color:#B71A23;}
.z_cp_series2{ margin-top: 82px;}
.z_sc_list li{ width: 20%; float: left; text-align: center; border-right: 1px solid #E3E3E3;border-bottom: 1px solid #E3E3E3; position: relative; box-sizing: border-box; }
.z_sc_list li::before{ content: ""; opacity: 0; display: block; width: 100%; height: 100%; transition: ease 1s;background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/bg17.jpg) no-repeat center; background-size: cover; position: absolute; left: 0; top: 0;}
.z_sc_list li a{ display: block; width: 100%; height: 100%; padding: 3vw 10px;font-size: 16px; box-sizing: border-box;}
.z_sc_list li .imgbox{ height: 20vw; margin-bottom: 20px;}
.z_sc_list li img{ display: block; margin: 0 auto; max-height: 100%;}
.z_sc_list li .iconfont{ font-size: 30px; position: absolute; left: 10px; top: 10px;  display: block;width: 36px;
height: 36px;
background: #FEFEFE; line-height:36px; transition: ease .6s; opacity: 0;
border-radius: 50%; color: #B71A23;}
.z_sc_list li .add{ position: absolute; width: 100%; left: 0; bottom: 0.5vw; color: #fff; text-align: center; display: block; font-size: 30px;}
.z_sc_list li:hover::before{ opacity: 1;}
.z_sc_list li:hover a{ color: #fff;}
.z_sc_list li:hover .iconfont{ opacity: 1;}

.z_pro_xq{ margin-top: 82px; background: #EAEAEA; position: relative; }
.z_proxq_swiper{ width: 60vw; position: relative; height: 50vw; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/bg18.png) no-repeat center; background-size: 100% auto; margin: 0 auto;}
.z_proxq_swiper li{ display: flex; align-items: center; justify-content: center;}
.z_proxq_swiper li img{ display: block; max-width: 80%; max-height: 34.73958vw; transform: scale(.8,.8); transition: ease 1.5s;}
.z_proxq_swiper li.swiper-slide-active img{ transform: scale(1,1);}
.z_proxq_swiper .z_arr_btn{position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer; outline: none;}
.z_proxq_swiper .prev{ left: -1.4vw;}
.z_proxq_swiper .next{ right:-1.4vw;}
.z_pro_hd{ position: absolute; left: 0; bottom: 3vw; text-align: center; z-index: 2; width: 100%;}
.z_pro_hd li{ display: inline-block;width: 10px;height: 10px;background: #D7D7D7;border-radius: 50%; transition: ease .8s; outline: none; cursor: pointer; margin: 0 5px;}.z_pro_hd li.on{background: #B71A23; }
.z_proxq_info{ position: absolute; left: 2.6vw; top: 5.2vw; z-index: 2;}
.z_proxq_info h3{font-size: 1.5625vw;font-weight: bold;color: #B71A23; margin-bottom: 1vw;}
.z_proxq_info .p{ border-bottom: 1px dashed #D2D2D2; padding: 10px 0; line-height: 30px;font-size: 16px; width: 16.04166vw;}
.z_pro_xq .z_back{width: 48px;height: 48px;background: #FEFEFE;border-radius: 50%; display: inline-block; text-align: center; line-height: 48px; color: #ccc; font-size: 20px; font-weight: bold; position: absolute; right: 40px; top: 40px;}
.z_sp_about2{ color: #333; padding: 8vw 5.2vw; box-sizing: border-box;}
.z_sp_about2 .z_sp_yearbar .year{ color: #B71A23; border-right-color:  #B71A23;}
.z_sp_about2 .adesc{ width: 62vw; margin: 5vw auto;}

.z_sp_kp ul{ margin-left: -1.3%;}
.z_sp_kp li{ width: 32%; float: left; margin-left: 1.3%; height: 16.35416vw; overflow: hidden; position: relative;}
.z_sp_kp li a{ display: block; width: 100%; height: 100%;}
.z_sp_kp li .infobox{ width: 100%; text-align: left; height: 100%; transition: ease 1s; position: absolute; left: 0; top: 0; z-index: 1; color: #fff; padding: 25px; box-sizing: border-box;}
.z_sp_kp li h3{ font-size: 1.25vw;}
.z_sp_kp li h4{ font-size: 16px;}
.z_sp_kp li .more{ position: absolute; left: 25px; bottom: 25px;}
.z_sp_kp li:hover .infobox{ color: #B71A23;}
.z_sp_kp li:hover .imgbg{ transform: scale(1.05,1.05);}

.z_sp_warp{padding: 5.2vw; box-sizing: border-box;}
.z_sp_abox{  position: relative; margin-bottom: 10vw;}

.z_sp_abox .imgbox{ width: 44.79166vw; height: 33.22916vw; position: absolute; right: 0; bottom: 4.6875vw;}
.z_sp_abox .conbox{width: 68.90625vw;
height: 33.22916vw;  padding: 4vw 4.8vw; box-sizing: border-box;
background: #F5F6F8;}

.z_sp_abox h3{ font-size: 2.1875vw;font-weight: bold;color: #B71A23; padding: 2vw 4.8vw; box-sizing: border-box;}
.z_sp_abox .widthbox{ width: 31.25vw;}
.z_sp_abox .h4{font-size: 18px; line-height: 30px; margin-bottom: 2vw;}
.z_sp_abox .desc{color: #666666;
line-height: 24px; margin-bottom: 5vw;}
.z_sp_abox2 .imgbox{ right: auto; left: 0;}
.z_sp_abox2 .infobox,.z_sp_abox2 .conbox{ padding-left: 32.6vw; float: right;}
.z_sp_abox2 h3{padding-left: 32.6vw;}
.z_sp_a a{ display: inline-block; text-align: center; font-size: 16px; margin-right: 5vw;}
.z_sp_a a .icon{ display: block; margin: 0 auto; height: 3.75vw; margin-bottom: 10px;}

.z_sp_gc{ padding: 8.85416vw 5.2vw; box-sizing: border-box;}
.z_gc_box{ position: relative; margin-bottom: 10vw;}
.z_gc_box:last-child{ margin-bottom: 0;}
.z_gc_box .imgbox{ width: 36.97916vw; height: 28.85416vw; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.z_gc_box .infobox{ min-height: 41.14583vw; width: 63.54166vw; float: right; background: #F6F6F6; padding: 5vw; padding-left: 17.1875vw; box-sizing: border-box;}
.z_gc_box h3{ font-weight: bold; font-size: 1.875vw; margin-bottom: 2.4vw;}
.z_gc_box .desc{color: #666666;
line-height: 24px;}
.z_gc_box:nth-child(even) .imgbox{ left: auto; right: 0;}
.z_gc_box:nth-child(even) .infobox{ float: left; padding-left: 5vw; padding-right:17.1875vw ;}

.z_sp_fzpage{ padding: 5.2vw; box-sizing: border-box; padding-bottom: 0;}
.z_fz_tit{ text-align: center; font-size: 1.875vw; font-weight: bold;}
.z_fz_desc{color: #666666;
line-height: 24px; width: 62.5vw; margin: 2.6vw auto; text-align: center;}
.z_fz_nav{ text-align: center; margin-bottom: 2.6vw;}
.z_fz_nav a{ display: inline-block;font-size: 16px; min-width: 137px; text-align: center; margin: 0 16px; line-height: 48px;height: 48px;background: #F2F2F2;border-radius: 24px;}
.z_fz_nav a.active,.z_fz_nav a:hover{ background: #B71A23; color: #fff;}

.z_fz_list{ position: relative; z-index: 1; padding: 3vw 0;}
.z_fz_list::after{ content: ""; display: block;width: 16px;
height: 16px;
background: #B71A23;
border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 1;}
.z_fz_list li{ position: relative;}
.z_fz_list li .imgbox{ margin: 0 auto; width: 30.72916vw; height: 16.97916vw;}
.z_fz_list li .year{ text-align: center; font-size: 3.75vw;font-family: E; background: #fff;}
.z_fz_list::before{ content: ""; display: block; width: 1px; background: #B71A23; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.z_fz_list li .infobox{  width: 51%; background: #fff; display: inline-block; color: #000;  margin: 5vw 0; margin-left: 49%; padding: 20px 0;}
.z_fz_list li .conbox{position: relative; width: 400px;padding-left: 80px;font-size: 16px;font-weight: 400;color: #414141;line-height: 30px; }
.z_fz_list li .infobox .num{ position: absolute; left: 0; top: 0;}
.z_fz_list li .infobox .num::before{ content: ""; z-index: 1; display: block; width: 26px; height: 1px; background: #333; position: absolute; right: -36px; top: 50%;}
.z_fz_list li:nth-child(even) .infobox{ margin-left: 0; display: flex; justify-content: flex-end;}
.z_fz_list li:nth-child(even) .conbox{ padding-left: 0; padding-right: 80px; text-align: right;}
.z_fz_list li:nth-child(even) .infobox .num{ left: auto; right: 0;}
.z_fz_list li:nth-child(even) .infobox .num::before{ right: auto; left: -36px;}

.z_pp_warp{ padding: 8vw 5.2vw; box-sizing: border-box;}
.z_pp_img ul{ margin-left: -1.5%;}
.z_pp_img li{ width: 31.8%; float: left; margin-left: 1.5%; height: 25vw; position: relative;}
.z_pp_img li .infobox{min-width: 208px;min-height: 208px;background: rgba(254,254,254,.9);color: #80807E; font-size: 18px; position: absolute; left: 2.29166vw; top: 2.29166vw;z-index: 2; padding: 20px; box-sizing: border-box;}
.z_pp_img li .icon,.z_sp_wh li .icon{ display: block; height: 3.33333vw; margin-bottom:1.7vw;}
.z_pp_img li h3{ font-size: 1.25vw;margin-bottom: 5px; }
.z_pp_img{ margin-bottom: 1.875vw;}
.z_sp_wh ul{ margin-left: -1.8%;}
.z_sp_wh li{ width: 23.2%;font-size: 18px;color: #80807E;  position: relative; margin-left: 1.8%; float: left; min-height: 21.35416vw; background: #F2F2F2; padding: 3.33333vw; box-sizing: border-box;}
.z_sp_wh li .info{ margin-top: 6.3vw;}
.z_sp_wh li h3{ font-size: 1.25vw; margin-bottom: 5px;}

.z_contact_box{ width: 100%; font-size: 16px; height: 46.875vw; position: relative; }
.z_contact_box .infobox{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; padding: 0 5.2vw; box-sizing: border-box;}
.z_contact_box  h3{font-size: 2.1875vw;font-weight: bold;color: #B71A23;}
.z_contact_box .desc{  margin: 2.6vw 0;line-height: 18px;}
.z_contact_box .way p{ display: flex; align-items: center;line-height: 24px;}
.z_contact_box .way p img{ margin-right: 10px;}
.z_contact_box .btn{ display: flex; align-items: center; justify-content: center;width: 174px;
height: 54px;
background: #B71A23;
border-radius:0 10px 0 10px; color: #fff; font-size: 16px; margin-top: 2.6vw;}
.z_contact_box .btn img{ margin-right: 10px;}

.z_contact_box .btn .iconfont{ margin-left: 10px;}

.z_cdan_list{ padding: 5.2vw 10.4vw; box-sizing: border-box;background: #F2F2F2;}
.z_cdan_list li{ margin-bottom: 34px;}
.z_cdan_list li .imgbox,.z_cdan_list li .infobox{ width: 50%; float: left; height: 436px;background: #FFFFFF;}
.z_cdan_list li .infobox{ padding: 50px 80px; box-sizing: border-box;}
.z_cdan_list li h3{font-size:30px; margin-bottom: 20px;}
.z_cdan_list li .desc{color: #666666;
line-height: 24px; padding: 20px 0;}
.z_cdan_list li .desc:first-child{  border-bottom: 1px dashed  #DBDBDB;}
.z_cdan_list li .z_play{width: 140px;
height: 48px;
background: #B71A23;
border-radius:0 10px 0 10px; display: flex; align-items: center; justify-content: center; color: #fff; margin-top: 1vw;}
.z_cdan_list li .z_play img{ margin-right: 10px; max-height: 30px;}

.z_jt_about .z_index_num2 ul{ display: block;}

.z_dz_store{ padding: 6vw 5.2vw; box-sizing: border-box;}
.z_dz_store .z_jt_tit{ margin-bottom: 3vw;}
.z_store_list ul{ display: flex;}
.z_store_list li{ flex: 1;  height: 27.50000vw; overflow: hidden; transition: ease 1s; position: relative;}
.z_store_list li::before{ content: ""; z-index: 1; transition: ease 1s; pointer-events: none; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0;}
.z_store_list li .infobox{ width: 100%; position: absolute; display: flex; align-items: center; left: 0; bottom: 0; z-index: 2; color: #fff; padding: 1.2vw 2vw; box-sizing: border-box;}
.z_store_list li span{ display: inline-block; width: 70%;font-size: 18px;}
.z_store_list li .iconfont{ margin-left: auto; transform: translateX(300%); opacity: 0;transition: ease 1s;}
.z_store_list li.on{ flex: 2;}
.z_store_list li.on::before{ opacity: 0;}
.z_store_list li.on .imgbg{transform: scale(1.1,1.1);}
.z_store_list li.on .iconfont{ transform: translateX(0); opacity: 1;}

.z_cy_box{ width: 50%; float: left; height: 50vw; position: relative;}
.z_cy_box a{ display: block; width: 100%; height: 100%;}
.z_cy_box .infobox{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; width: 100%; text-align: center;}
.z_cy_box h3,.z_cy_box h4{font-size:1.875vw;font-weight: bold;}
.z_cy_box h4{ font-weight: normal;}
.z_cy_box .z_index_more{ margin: 0 auto; margin-top: 2.5vw;}
.z_cy_box:hover .imgbg{ transform: scale(1.1,1.1);}
.z_index_more3,.z_index_more3:hover{ border-color: #fff; color: #fff;}
.z_index_more3::before{ background: #B71A23;}

.z_cy_jm{ padding-top: 6vw;}
.z_cy_jm .z_jt_tit{ text-align: center; margin-bottom: 3vw;}
.z_jm_list li{ width: 16.66%; overflow: hidden; float: left; border-right: 1px solid #E2E2E2; border-top:1px solid #E2E2E2; box-sizing: border-box ; position: relative;z-index: 1;}
.z_jm_list li::before{ content: ""; display: block; width: 100%; height: 100%; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/bg20.jpg) no-repeat center; background-size: cover; transition: ease 1s;z-index: -1; position: absolute; left: 0; top: 0; opacity: 0;}
.z_jm_list li:last-child{ border-right: none;}
.z_jm_list li a{ display: block; width: 100%; height: 100%; padding: 5vw 3vw; box-sizing: border-box; text-align: center;}
.z_jm_list li .icon{ width: 5.46875vw; transition: ease .8s;
height: 5.46875vw;
background: #B71A23;
border-radius: 50%; text-align: center; line-height: 5.46875vw; color: #fff; margin: 0 auto; margin-bottom: 2.6vw;}
.z_jm_list li  .icon .iconfont{ font-size: 2.1875vw;}
.z_jm_list li h3{font-size: 22px;font-weight: bold;color: #B71A23; margin-bottom: 20px;}
.z_jm_list li .desc{color: #666666;transition: ease .4s;
line-height: 24px;font-size: 15px;}
.z_jm_list li .more{ display: inline-block; margin-top: 2vw; color: #fff; text-decoration: underline;}
.z_jm_list li:hover::before{ opacity: 1;}
.z_jm_list li:hover .icon{ background: #fff; color: #B71A23;}
.z_jm_list li:hover h3,.z_jm_list li:hover .desc{ color: #fff;}

.z_cy_news .z_index_more2{ margin-top: 3vw;}

.z_ts_cp{ padding:4vw 5.2vw; box-sizing: border-box;}
.z_ts_cp .z_jt_tit{ text-align: center; margin-bottom: 4vw;}
.z_tscp_list li{ width: 100%; height: 41.66666vw; position: relative; margin-bottom: 2px;}
.z_tscp_list li .tit{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; font-weight: bold; font-size: 1.875vw; padding: 0 4vw; box-sizing: border-box;}

.z_guodi_list ul{ margin-left: -1%;}
.z_guodi_list li{ width: 49%; margin-bottom: 1vw; margin-left: 1%; float: left; height: 29.16666vw; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/bg21.jpg) no-repeat center; background-size: cover;}
.z_guodi_list li .imgbox{ margin: 1.2vw auto; height: 23.75vw; display: flex; align-items: center; justify-content: center;}
.z_guodi_list li .imgbox img{ display: block; transition: ease 2s; max-width: 100%; max-height: 100%; margin: 0 auto;}
.z_guodi_list li .name{ text-align: center; font-size: 1.25vw;}
/* .z_guodi_list li:hover img{ transform: rotate(360deg);} */
.caipin-list li{width: 32.33%;}
.caipin-list li .imgbox{margin-top: 0;}
.caipin-list li .imgbox img{height: 100%;}

.z_store_page{ padding: 5.2vw 0;}
.z_store_page .flwarp{ width: 27%; padding: 0 5.2vw;transition: ease 1s; box-sizing: border-box;}
.z_store_page .frwarp{ width: 73%; padding-right: 5.2vw; box-sizing: border-box;}
.z_store_page .z_jt_tit{ margin-bottom:10vw;}
.z_store_nav{ width: 186px;}
.z_store_nav li{position: relative; margin-bottom: 10px; }
.z_store_nav li a{ font-size: 18px;  display: flex;align-items: center;}
.z_store_nav li::before{ content: ""; z-index: 1; display: block;width: 0%; transition: ease 1s; height: 1px; background:#B71A23; position: absolute ; left: 0; bottom: 0;}
.z_store_nav li.active a,.z_store_nav li:hover a{ font-size: 24px; color: #B71A23;padding: 10px 0;}
.z_store_nav li .iconfont{display: inline-block;margin-left: auto; opacity: 0; transition: ease 1s;}
.z_store_nav li.active .iconfont,.z_store_nav li:hover .iconfont{ opacity: 1;}
.z_store_nav li.active::before,.z_store_nav li:hover::before{ width: 100%;}

.z_store_swiper{ width: 100%; height: 38.54166vw; margin-bottom: 2.6vw; overflow: hidden; position: relative;}
.z_store_swiper li .tit{ position: absolute; width: 70%; left: 0; bottom: 0; padding: 20px 30px; box-sizing: border-box; color: #fff;font-size: 18px; font-weight: bold;}
.z_store_hd{ position: absolute; right: 30px; bottom: 25px; z-index: 2;}
.z_store_hd li{ display: inline-block;width: 10px;height: 10px; margin-left: 6px;background: #FFFFFF;border-radius: 50%;}
.z_store_hd li.on{background: #B71A23;}
.z_store2_list ul{ margin-left: -2.3%;}
.z_store2_list li{ width: 31%; float: left; margin-left: 2.3%; margin-bottom: 3vw;}
.z_store2_list li .imgbox{ width: 100%; height: 24.89583vw; overflow: hidden; margin-bottom: 15px; }
.z_store2_list li .tit{ font-size: 16px;font-weight: bold;}
.z_store2_list li:hover .imgbg{ transform: scale(1.1,1.1);}

.z_zp_nl{ padding: 7.29166vw 0; text-align: center;}
.z_zp_nl .desc{ width: 730px; margin: 0 auto;font-size: 16px;color: #666666;line-height: 30px; margin-top: 2vw;}

.z_zp_head{ height: 31.25vw; display: flex; align-items: center; justify-content: center; text-align: center;}
.z_zp_head .desc{color: #333333;
font-size: 1.25vw; margin-top: 1.5vw;}
.zp_tit span{ display: block; width: 25%; font-size: 18px; font-weight: bold; margin-bottom: 30px; float: left;}
.rc_box .tit{ background: #fff; color: #444444; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/jia.png) no-repeat right 10.4vw center; line-height: 80px; cursor: pointer; position: relative;}
.zp_tit,.rc_box .tit{ padding: 0 10.4vw; cursor: pointer; box-sizing: border-box; transition: all .6s; z-index: 1;}
.rc_box .tit span{display: block; font-size: 16px; width: 20%; float: left;}

.rc_box .rc_con{ width: 100%;  box-sizing: border-box; padding: 2.6vw 10.4vw; box-sizing: border-box; background: #ececec; display: none; border-top: none;}
.rc_box .tit.on{ background-image: url(/html/themes/simpleboot3/public/assets/dezhuang/img/jian.png);}
.rc_box .rc_con h4{ font-weight: bold;font-size: 18px; margin-bottom: 40px; color: #000;}
.rc_box .rc_con .boxcon{color: #7F7F7F;
line-height: 30px; box-sizing: border-box; color: #7f7f7f;}


.aply_btn{ width: 154px;height: 48px; background: #B71A23; margin-top: 2vw; font-size: 16px; line-height: 48px; border-radius:0 10px 0 10px; color: #fff; text-align: center; cursor: pointer;}

.rc_box{ border-bottom:2px solid #f5f6fa ;}

.aply_pop{ width: 560px; height: 280px; background: #fff;border-radius: 3px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);box-shadow: 7px 0 46px rgba(0,0,0,.2); text-align: center; padding: 10px;box-sizing: border-box; display: none;z-index:999;}
.aply_pop h3{ height: 66px; line-height: 66px; text-align: center; border-bottom:1px solid #cccccc; margin-bottom: 25px; font-size: 24px;}
.aply_pop .uploadbtn{ display: inline-block; width: 100px; height: 33x; text-align: center;line-height: 33px; color: #333; color: #fff; border-radius: 4px; background: #B71A23; position: relative;overflow: hidden;}
.aply_pop .uploadbtn input{ position: absolute; left: 0; bottom: 0; top: 0;right: 0; opacity: 0;}
.aply_pop p{ color: #7f7f7f; margin-top:10px; margin-bottom: 40px;}
.aply_pop .btn_group span{ display: inline-block; cursor: pointer; width: 100px; height: 33px; background: #c6c6c6; border:none; color: #fff; border-radius: 3px;line-height:33px;}
.aply_pop .btn_group .surebtn{ background: #B71A23;}
.aply_pop .closebtn{ width: 27px; height: 27px;background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/colse2.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 15px; top: 15px; cursor: pointer;}
.zp_warp{ border-top:2px solid #f5f6fa ;}
.load_more{ text-align: center;line-height: 5.2vw; font-size: 18px; }
.load_more .iconfont{ color: #D7261E;}

.z_case_warp{ background: #f3f3f3; padding: 6.25vw 5.2vw; box-sizing: border-box;}
.z_case_swiper li{ background: #fff; height: auto;}
.flex{display: flex;}
.z_case_swiper li .flwarp{ width: 33.3%; text-align: center; box-sizing: border-box; flex: 1; position: relative;}
.z_case_swiper li .frwarp{ width: 66.7%; padding: 3vw; box-sizing: border-box;min-height: 380px; border-left: 1px solid #E3E3E3;color: #666666;
line-height: 24px;}
.z_case_swiper li .h3{font-weight: bold;color: #414141; font-weight: bold;font-size: 18px; color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.5)); padding: 3vw 0 1vw;}
.z_case_swiper li .tit{font-weight: bold; margin-bottom:1vw;
 font-size: 18px;}
.z_jm_tj{ overflow: hidden; position: relative; z-index: 1;}
.z_jm_tj .imgbg{ position: absolute; left: 0; top: 0; z-index: -1;}
.z_jm_tj .infobox{ width: 50%; background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/bg5.jpg) no-repeat center; background-size: cover; padding: 8.85416vw 5.2vw; box-sizing: border-box; color: #fff;}
.z_jm_tj .tit{ font-size: 2.1875vw;font-weight: bold; margin-bottom: 2vw;}
.z_tj_list li em{ display: inline-block;width: 36px;height: 36px;background: rgba(165, 34, 37, 0);border: 2px solid #FFFFFF;border-radius: 50%; text-align: center; line-height: 34px; margin-right: 14px;}
.z_tj_list li{line-height: 48px; font-size: 15px;}

.z_jm_zc{ padding: 5.2vw; box-sizing: border-box;background: #F3F3F3; overflow: hidden; }
.z_zc_warp{ margin-top: 40px;position: relative;}
.z_zc_warp .imgbox{width:44.625vw;height: 31vw;}
.z_zc_warp .imgbox .item{display: none;}
.z_zc_warp .imgbox .item:first-child{display: block;}


.z_zc_swiper{ width: 49.29166vw ;height: 26.5625vw; overflow: hidden; background: #fff; position: absolute; right: 0; bottom: 0; }
.z_zc_swiper li{ padding:3.6vw 4.6875vw; box-sizing: border-box;}
.z_zc_swiper li .icon{ height: 54px; margin-bottom: 10px;}
.z_zc_swiper li .icon img{ display: block; max-height: 100%;}
.z_zc_swiper li h3{ font-size: 1.5625vw; font-weight: bold; color: #B71A23;}
.z_zc_swiper li .num{ font-size: 11.875vw;font-family: Arial;font-weight: bold;color: #F3F3F3; opacity: 0;}
.z_zc_swiper li .warp{ position: relative;}
.z_zc_swiper li .desc{color: #666666; line-height: 24px; width: 60%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);font-size: 18px;}
.z_zc_btm{ position: absolute; left: 0; bottom: 0;}
.z_zc_btn{width: 12.70833vw;height: 3.75vw; z-index: 2; line-height: 3.75vw; outline: none; cursor: pointer; background: #B71A23; text-align: center; color: #fff;}
.z_zc_btn .iconfont{ display: block; width: 50%; float: left; font-size: 20px; }
.z_zc_num{ padding-left: 80px; position: relative; margin-left: 20px;font-size: 16px;font-family: Arial;font-weight: bold;color: #666;}
.z_zc_num::before{ content: ""; display: block; z-index: 1; width: 60px; height: 1px;background: #B71A23; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.z_zc_num .index{color: #B71A23;}

.z_jm_tz{ padding: 6vw 5.2vw; box-sizing: border-box; overflow: hidden;}
.z_jm_tz .z_jt_tit{ margin-bottom: 40px;}
.z_tz_warp{ position: relative;}
.z_tz_warp .imgbox{ width: 47.7%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.z_table_box{ width: 52.3%; background: #fff; float: right;}
.z_table_box th{height: 48px;font-size: 18px;padding: 10px 2vw; box-sizing: border-box; text-align: left;
background: #B71A23; color: #fff;}
.z_table_box td{ font-size: 16px; padding: 10px 2vw; box-sizing: border-box;}
.z_table_box span{ display: block;}
.z_table_box tr:nth-child(odd) td{background: #dfdfdf;}
.z_table_box tr:nth-child(even) td:nth-child(2){background:#ebebeb ;}

.z_jm_ys{ padding: 6vw 5.2vw; box-sizing: border-box; background-position: bottom center;}
.z_jm_ys .tit{ color: #fff; font-size: 2.1875vw; text-align: center; margin-bottom: 3vw;}
.z_ys_list ul{ margin-left: -0.3%;}
.z_ys_list li{ width: 24.7%; float: left; margin-bottom: 4px; margin-left: 0.3%; background: #fff; padding: 25px;box-sizing: border-box;}
.z_ys_list li .icon{ height: 50px; margin-bottom: 2.5vw;}
.z_ys_list li img{ display: block; height: 100%;}
.z_ys_list li h3{ font-size: 1.25vw; margin-bottom: 5px;}
.z_ys_list li h4{color: #414141; font-size: 18px;}

.z_jm_lc{ background: #F3F3F3; padding: 5.2vw 0;}
.z_jm_lc .z_jt_tit{ text-align: center; margin-bottom: 5vw;}
.z_lc_warp{ position: relative; padding: 0 5.2vw; overflow: hidden;}
.z_lc_warp::before{ content: ""; display: block; width: 100%; height: 1px;background: #CDCDCD; position: absolute; left: 0; top: 131px; z-index: 1;}
.z_lc_swiper li .iconbox{width: 112px;height: 112px;  z-index: 1; background: #B71A23;border-radius: 50%; margin: 0 auto;margin-bottom: 20px; position: relative; display: flex; align-items: center; justify-content: center;}
.z_lc_swiper li .iconbox .num{ position: absolute; z-index: -1; left: 50%; top: 50%;transform: translate(-50%,-50%);font-size: 3.75vw;font-family: Arial;font-weight: bold;color: #414141;opacity: 0.25;}
.z_lc_swiper li .iconbox img{ max-height: 2.5vw;}
.z_lc_swiper li .infobox{text-align: center; color: #414141;
line-height: 30px; font-size: 18px; padding-top: 20px; position: relative;}
.z_lc_swiper li .infobox::before{ content: ""; display: block;width: 12px;
height: 12px;
background: #B71A23;
border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); top: -6px;}
.z_lc_warp .z_btn_warp{ justify-content: center; margin-top: 5vw;}
.z_lc_warp .z_btn_warp .btn{ margin: 0 10px;}

.z_suggest_warp{ width: 100%; background-color: #f5f6fa; padding: 6.2vw 8.85416vw; box-sizing: border-box; padding-bottom: 17.70833vw; }
.z_suggest_warp .flwarp{ width: 35%; float: left;}
.z_suggest_warp .flwarp .tit{ font-size: 1.875vw;}
.z_suggest_warp .flwarp .desc{ line-height: 24px; color: #666666; font-size: 16px; margin: 2vw 0;}
.z_lx_bar p{ line-height: 30px; display: flex; align-items: center;font-size: 16px;}
.z_lx_bar p img{ max-width: 16px; margin-right: 10px; }
.z_suggest_warp .frwarp{ width: 45.3125vw; float: right;}
.z_suggest_warp .frwarp .tit{ font-size: 18px; padding-bottom: 10px; color:#B71A23;border-bottom: 1px solid #e6dddb; margin-bottom: 2vw;}
.z_suggest_form li{ border-bottom: 1px solid #e6dddb; margin-bottom: 2vw;}
.z_suggest_form li label{ display: block; font-size: 16px; margin-bottom: 10px; color: #000;}
.z_suggest_form li .input_text{ display: block; width: 100%;height: 40px;}
.z_suggest_form  .z_sub_btn{width: 154px;height: 48px;background:#B71A23; cursor: pointer; outline: none; border-radius:0 10px 0 10px; text-align: center; line-height: 48px; color: #fff; font-size: 16px;}
.z_suggest_form  .z_sub_btn .iconfont{ margin-left: 10px; cursor: pointer;}

.z_cynews_page{ padding: 5.2vw; box-sizing: border-box;background: #E6E6E6;}
.z_cynews_first .imgbox{ width: 42%; float: left; height:25.52083vw;}
.z_cynews_first .infobox{ width: 58%; float: right; height:25.52083vw;  position: relative; background: #fff; padding: 3vw 4vw; box-sizing: border-box;}
.z_cynews_first h3{color: #414141; font-size: 1.25vw; width: 60%;}
.z_cynews_first .desc{color: #666666;
line-height: 24px; width: 72%; margin: 3vw 0; margin-bottom: 4vw;}
.z_cynews_first .timebox{ position: absolute; right: 2vw; top: 2vw;width: 64px;padding: 10px 0;text-align: center;color: #B71A23;background: rgba(75, 75, 75, 0);border: 1px solid #B71A23;border-radius: 10px;}
.z_cynews_first .timebox em{ display: block; font-size: 1.25vw;}

.z_cy_page{ background: #fff; padding: 4vw 5vw; box-sizing: border-box;}
.z_cy_nav{ border-bottom: 3px solid #E6E6E6; margin-bottom: 2.5vw;}
.z_cy_nav a{ display: inline-block; position: relative; font-size: 18px;font-family: NotoSansHans;font-weight: bold;color:#414141; margin-right: 3.5vw; padding-bottom: 20px;}
.z_cy_nav a.active,.z_cy_nav a:hover{ color: #B71A23;}
.z_cy_nav a::before{ content: ""; display: block;z-index: 1; width: 0; height: 3px; background: #B71A23; position: absolute; left: 0; bottom: -3px; transition: ease 1s;}
.z_cy_nav a.active::before,.z_cy_nav a:hover::before{ width: 100%;}

.z_sp_gk .titbar{ padding: 3vw 0; margin: 0; margin-top: 3vw;}
.z_sp_gk .titbar h5{ font-size: 1.25vw; margin-bottom: 10px;}
.z_sp_gk .titbar .h4{font-size: 18px;}

.z_cp_nav li dd{width: 100vw; display: flex; position: absolute; top: 100%; left: 0; /* opacity: 0;*/ transition: 0.5s;  display: none;}
.z_cp_nav li:hover > dd{/* opacity: 1; transition: 0.5s; */display: flex;}
.z_cp_nav li dd dl{width: 10%;}
.z_cp_nav li dd dl:hover a{color: #B71A23; transition: 0.5s;}

/* 授权验证 */
.authorize{width: 100vw; background: #f2f2f2; padding-bottom: 3vw;}
.authorize .top{background: url(/html/themes/simpleboot3/public/assets/dezhuang/css/b3.jpg) no-repeat; background-position: center; background-size: cover; width: 100%; height: 170px; display: flex; align-items: flex-end;}
.authorize .top .cont{width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; color: #fff; margin-bottom: 20px;}
.authorize .top h1{font-size: 30px;}
.authorize .top .btns > a{font-size: 15px; color: #fff; list-style: none; text-decoration: none; margin-right: 10px; padding: 5px 10px; transition: 0.5s;}
.authorize .top .btns .on{color: #333; background: #fff;}
.authorize .top .btns > a:hover{color: #333; background: #fff; transition: 0.5s;}
.authorize .container{width: 1200px; height: 400px; margin: 0 auto; background: #fff; margin-top: 3vw; display: flex; align-items: center; justify-content: center;}
.authorize .form_box{width: 50%; margin: 0 auto; border: 1px solid #ccc; padding: 1vw;}
.authorize .form_box h2{font-weight: normal; font-size: 18px; line-height: 40px;}
.authorize .form_box label{font-size: 14px; font-weight: bold; line-height: 40px; width:90px;    flex-shrink: 0; display: inline-block; text-align: right;}
.authorize .form_box input{height: 30px; flex: 1!important; border: 1px solid #999; margin-left: 1vw;}
.authorize .form_box form > div{display: flex; flex-wrap: wrap; align-items: center;}
.authorize .form_box .yzm{width: calc((210px - 8px) / 2);}
.authorize .form_box .yzm:last-child{margin-right: 0;}
.authorize .form_box .sub{width: 200px; height: 40px; margin-left: calc(14px * 6 + 1vw); background: #CC0000; color: #fff; margin-top: 10px;}

/* 地图 */
.edit-box{line-height: 1.5; font-size: 16px;}
.map-container{position: relative; display: none;}
.map-pop-msg{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; width: 25vw; height: 16vw;}
.map-pop-msg .cont{width: 70%; height: 100%; padding: 2vw; overflow: hidden; color: #c9a16b;}
.catering-map{height: 44.8vw; position: relative; background-position: center; background-size: cover;}
.catering-map .info-wrap{display: flex; align-items: flex-end; position: absolute; top: 18vw; left: 50.6vw;}
.catering-map .info-wrap .dot{width: 2vw; height: 2vw; margin-right: 1vw; cursor: pointer;}
.catering-map .info{width: 18vw; height: 11vw; color: #c9a16b; padding: 2vw 1vw 1vw; opacity: 0; transition: 1s;}


/* 供应链 */
.imgbox{
	font-size: 0;
	line-height: 0;
}
.gyl .imgbox{
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.imgbox.hover img{
	transition: 2s;
}
.imgbox.hover:hover img{
	transform: scale(1.1);
}
.gyl{
	padding: 3.39vw 0;
}

.gyl .tit{color: #b71a23; font-weight: bold; font-size: 2.1875vw;}
.gyl .tit::after{
	content: '';
	display: block;
	height: 1px;
	width: 4.69vw;
	background: #b71a23;
	margin-top: 0.5vw;
}
.fs42{font-size: 42px;}
.fs18{font-size: 18px;}
.color666{color: #666;}
.gyl-bg{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0; left: 0;
	z-index: -1;
}
.gyl1{
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 0;
}

.gyl1 > div.text{flex: 1; padding-right: 20vw;}
.gyl1 > div.img-box{width: 50%;}

.gyl1 .imgbox{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.gyl1 .imgbox img{width: 100%;}
.gyl1 .edit-box{
	line-height: 1.67;
	margin-top: 2.5vw;
}
.gyl1 .text{
	padding-left: 10.4vw;
	padding-top: 8vw;
}

.gyl2{
	width: 90vw;
	margin: 0 auto;
}
.gyl2 .item{
	height: 31vw;
	margin-bottom: 3.5vw;
	background: #f2f2f2;
	position: relative;
}
.gyl2 .item > div{
	width: 45%;
	height: 100%;
	position: absolute;
}
.gyl2 .item > .imgbox{
	width: 55%;
}
.gyl2 .item > .imgbox img{
	width: 100%;;
}

.gyl2 .edit-box{
	line-height: 1.5;
	margin-top: 1.5vw;
	color: #666;
	font-size: 18px;
}
.gyl2 .title{
	font-size: 24px;
	color: #B71A23;
	border-bottom: 1px solid;
	padding-bottom: 10px;
}
.gyl2 .text{
	padding: 6.77vw 6.1vw 0;
}
.gyl2 .item:nth-child(odd) .imgbox{
	top: 0;
	left: 0;
}
.gyl2 .item:nth-child(odd) .text{
	top: 0;
	right: 0;
}
.gyl2 .item:nth-child(even) .imgbox{
	top: 0;
	right: 0;
}
.gyl2 .item:nth-child(even) .text{
	top: 0;
	left: 0;
}

.contact{
	--title: 42px;
	--tit: 18px;
	--tel: 20px;
	--addr: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.contact .info-box{
	width: 100%;
	text-align: center;
	padding: 5.2vw 0;
}
.info-box .title{font-size: var(--title);}
.info-box .tit{font-size: var(--tit);}
.info-box .number{font-size: var(--tel); background: #b71a23;	border-radius: 24px; padding: 0.4vw 1vw; width: fit-content; width: -moz-fit-content; margin: 5px auto;}
.info-box .addr{font-size: var(--addr);}
.info-box .tel{margin-top: 2.35vw;}
.info-box .qr{margin-top: 2.6vw;}
.z_foot_code{ text-align: center; margin-top: 5vw;}
.z_foot_code .imgbox{ width: 120px; height: 120px;margin-bottom: 8px; background: #fff; border-radius: 5px; overflow: hidden; }

@media screen and (min-width:980px){

.z_jt_tit h3{ transition: transform 1.5s, background-position 1.5s ease;background: linear-gradient(to right, #B71A23, #B71A23 50%, #333 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;text-decoration: none;overflow: hidden; transition-delay: .5s;font-weight: bold;}
.z_jt_tit h3.animated{ transform: translateX(0);opacity: 1;background-position: 0 100%;}
.submargin{margin-top: 100vh;}

}
@media screen and (max-width:1650px){
		.z_map_pic .desc_bg{width: 28vw; height: 18.5vw;}
		.z_map_pic .desc{width: 19.5vw; top: 2.5vw; left: 2vw;}
}
@media screen and (max-width:1440px){
.z_jtwh_cir li:nth-child(1){ width: 18vw;height: 18vw;}
.z_jtwh_cir li:nth-child(2){ width: 17vw;height: 17vw;}
.z_md_info .desc{ width: 50vw;}
.z_zc_swiper li .desc{width: 100%;}
.z_zc_swiper li{ padding-top: 2.6vw; padding-bottom: 2.6vw;}
.z_index_num li h3{ min-width: 13vw;}
.z_index_num li h3{ font-size: 16px;}
.z_jt_about .z_index_num ul{width: 100%;}
}

@media screen and (max-width:1366px){
.z_index_class .z_index_more{font-size: 12px;}
.z_index_class .desc{font-size: 16px;}
.z_index_more,.z_index_more2{ width: 6vw; height: 6vw;}
.z_jt_about .desc{ width: 65vw;}
.z_jt_boss .desc1{ line-height: 28px;}
.z_cl_nav li .desc{ width: 100%;}
.z_jt_pzbox .desc{ margin-bottom: 2vw;}
.z_pp_box .logo img{ max-height: 5vw;}
.z_pp_box .infobox{ padding: 4vw 6vw;}
.z_sp_num li:nth-child(4){ bottom: 12px;}
.z_sp_about .adesc{ width: 70%;}
.z_sp_wh li,.z_pp_img li{ font-size: 14px;}
		.z_map_pic .desc_bg{width: 34vw; height: 22vw; left: -13vw;}
		.z_map_pic .desc{width: 28.5vw; top: 4.5vw; left: 3vw;}
		.z_map_pic .pic1 .desc_bg{top: -23vw;}
		.z_map_pic .pic4 .desc_bg{top: -23vw;}
}




@media screen and (max-width:980px){
	.catering-map{ height: 100vw;}
.z_banner{ width: 100%; height: 60vw; margin-top: 50px;position: relative; z-index: 2;}
.z_banner_num{ width: 50px; height: 50px; font-size: 12px; color: #fff;}
.home-swiper-navigation .next{ width: 40px; height: 40px;}
.z_header{ background: #b71a23; position: fixed; height: 50px!important; display: flex; align-items: center;}
.z_logo{ height: 35px;}
.z_header_nav{display: none;}
.z_header_fr{ margin-left: auto;}
.z_menu_btn{ margin-left: 15px; display: flex;}
/* .z_words .z_sel{ padding-right: 15px;} */
.z_menu_mask{ display: block; padding-top: 50px; box-sizing: border-box;}
.z_menu_mask .z_flwarp{ margin: 0 auto; float: none; width: auto; margin-bottom: 40px;}
.z_menu_mask .z_frwarp{ margin: 0 auto; float: none;}
.z_mask_nav{ display: flex; justify-content: space-between;}
.z_mask_nav dl{ margin: 0;}
.z_mask_nav dl dt a{ font-size: 16px; line-height: 40px;}
.z_mask_nav dd a{ font-size: 14px;line-height: 24px; opacity: .8;}
.z_menu_mask .z_logo2 img{ margin: 0 auto; max-height: 25vw;}
.z_menu_mask .z_flwarp .tit{ text-align: center; font-size: 18px; line-height: 24px;}
	.z_menu_mask .z_flwarp p{margin-top: 5px;font-size: 14px;}
.z_shop{ width: 100%; right: 0; display: flex; justify-content: center; margin-bottom: 10px;}
.z_shop a{ margin: 0 20px;}
.z_index_class{margin-top: 0;}
#canvas{ animation-name: none;height: 60vw!important;}
.z_index_class ul{ display: block;}
.z_index_class li{ width: 100%; min-height: 60vw; }
.z_index_class li a{padding: 30px 0;}
.z_index_class .desc{width: 100%;line-height: 24px;font-size: 14px;}
.z_index_class {text-align: center;}
.z_index_class li img{display: block; margin: 0 auto;width: 70%;}
.z_index_class .imgbox{height: auto;}
.z_dot_title span{ font-size: 24px;}
.z_dot_title h4{font-size: 14px;}
.z_index_class li:nth-child(2) .desc::after,.z_index_class li:nth-child(2) .desc::before{ display: none;}
.z_index_class .z_index_more{width: 60px;height: 60px;bottom:auto; top:20px;}
.z_index_class li .infobox{margin-bottom: 0;}
.z_index_map{padding: 30px 0;}
.z_index_map .titbar h3{font-size: 20px;}
.z_index_map .titbar h4{font-size: 14px;}
.z_index_num li h4{ font-size: 12px;}
.z_index_num li .timer{font-size: 20px;}
.z_index_num li{margin-bottom: 20px;}
.z_index_num{margin: 40px 0;}
.z_map_warp{width: 82vw;}
.z_index_num li{ margin: 0 2vw; margin-bottom: 10px;}
.z_index_num li h3{ min-width: auto;}
.z_news_tab a{ font-size: 14px; margin-left: 5px;}
.z_page_tit{ font-size: 20px;}
.z_news_warp .first,.z_news_warp  li{ width: 100%!important; margin-left: 0; height: 55vw; margin-bottom: 15px;}
.z_news_warp  li{ height: auto;}
.z_news_warp .first .tit{ width: 70%; font-size: 15px; line-height: 24px; height: auto;}
.z_news_warp .first .timebox{ font-size: 12px; height: auto; padding: 5px 0;}
.z_news_warp .first .timebox em{ font-size: 18px; line-height: 20px; padding-top: 0;}
.z_news_warp .first .arr{ width: 30px; height: 30px;}
.z_news_warp li .tit{ font-size: 14px; line-height: 24px; height: 24px;     -webkit-line-clamp: 1;}
.z_news_warp li .imgbox{ height: 48vw; margin: 10px 0;}
.z_news_warp li a{ padding: 15px;}
.z_index_news{ padding: 30px 15px;}
.z_banner .picBox,.z_banner .bd li{ height: 100%;}
.z_footer{padding: 0 10px;}
.z_footer_nav{ display: none;}
.z_footer_fl{ width: 100%;}
.z_footer_logo{ margin-bottom: 20px;}
.z_footer_logo img{ margin: 0 auto; height: 50px;}
.z_footer_top{ padding: 20px 0; text-align: center; padding-bottom: 10px;}
.z_footer_btm{ display: block; text-align: center;}
.z_footer_copy{ text-align: center; line-height: 20px; font-size: 12px;}
.z_footer_share{ text-align: center; margin: 10px 0;}
.z_footer_share a{ margin: 0 5px;}
.z_footer .z_shop a{ margin: 0 10px;}
.z_footer_share{display: none;}
.z_footer_btm .fr{ width: 100%;}
.z_footer_tel li{ margin-bottom: 10px; display: flex;}
.z_footer_tel li p{ margin-right: 10px; font-size: 12px;}
/* .z_footer_tel li p:first-child{font-size: 14px;} */
.z_footer{ border-bottom-width: 2px;}
.z_other_banner{ margin-top: 50px; height: 60vw;}
.z_other_text h3{ font-size: 20px;}
.z_other_text h4{ font-size: 16px;}
.z_banner_arr{ display: none;}
.z_jt_about{ padding: 30px 15px;}
.z_jt_tit h3{ font-size: 20px;}
.z_jt_tit .two-page-nav a{font-size: 20px;}
.z_jt_tit h4,.z_jt_tit .h4{ font-size: 16px !important;}
.z_jt_about .desc{ width: 100%; margin: 30px 0;}
.z_jt_about .z_index_num ul{ width: 100%; display: block;}
.z_index_more,.z_index_more2{ width: 70px; height: 70px; font-size: 12px;}
.z_jt_about .z_index_num{ margin: 30px 0;}
.z_jt_boss .flwarp, .z_jt_boss .frwarp{ width: 100%; height: 100vw;}
.z_jt_boss .flwarp::before{ display: none;}
.z_jt_boss .infobox h3{ font-size: 16px;}
.z_jt_boss .infobox .slg{ font-size: 14px;}
.z_jt_boss .infobox{ padding: 10px;}
.z_jt_boss .infobox .name{ padding-bottom: 10px; margin-bottom: 10px; border-bottom-width: 1px;}
.z_jt_boss .frwarp{ height: auto; padding:20px 15px;}
.z_jt_boss .titbar h4{ font-size: 16px;}
.z_jt_boss .descbox{ height: auto;}
.z_jt_boss .desc1{ font-size: 14px;line-height: 24px;}
.z_jt_boss .titbar{ padding-bottom: 15px; margin-bottom: 15px;}
.z_jt_pz .flwarp, .z_jt_pz .frwarp{ width: 100%; height: auto;}
.z_jt_pz .flwarp, .z_jt_pz .frwarp{ width: 100%;}
.z_jt_pz .flwarp .desc,.z_jt_boss .desc2{ font-size: 14px; width: 100%;}
.z_icon_nav li{ height: 100px;}
.z_icon_nav li .icon{ height: 40px;}
.z_icon_nav li h3{ font-size: 14px; margin-top: 10px;}
.z_jt_pz .imgbox::before{ display: none;}
.z_jt_pz .imgbox{ height: 60vw; }
.z_jt_kj{ padding: 30px 10px;}
.z_kj_list ul{ margin-left: -2%;}
.z_kj_list li{ width: 48%; margin-bottom: 10px; height: 31vw; margin-left: 2%;}
.z_kj_list li h4{ font-size: 12px; line-height: 20px;}
.z_kj_list li h3{ font-size: 16px;}
.z_kj_list li .infobox{ padding: 10px;}
.z_kj_list li .z_arr_btn{display: none;}
.z_jt_culture{ height: auto; padding: 30px 15px;}
.z_jt_culture .z_jt_tit{ text-align: center; margin-bottom: 20px;}
.z_jtwh_cir li{ position: relative!important; left: auto!important; top: auto!important; right: auto!important; bottom: auto!important; margin: 10px auto; width: 50vw!important; height: 50vw!important;}
.z_jtwh_cir li .infobx{ width: 80%!important;}
.z_jtwh_cir li h3{ font-size: 16px; margin-bottom: 10px;}
.z_jtwh_cir li .desc{ font-size: 13px; line-height: 20px;}
.z_jtwh_cir li .z_arr_btn{ display: none;}

.z_jt_culture .z_index_more{ position: relative; left: auto; bottom: auto; right: auto; margin: 0 auto;}
.z_process_swiper li{ height: 56vw;}
.z_jt_process{ min-height: auto; padding: 30px 0;}
.z_jt_process .z_jt_tit{ position: relative; left: auto; top: auto; margin-left: 15px; margin-bottom: 20px;}
.z_process_swiper{ position: relative; top: auto; transform: translateY(0);}
.z_process_swiper li .imgbox{ width: 25vw; height: 25vw;}
.z_process_swiper li .year{ padding-bottom: 16px;}
.z_process_con { width: 100%; right: 0; padding: 0 15px; box-sizing: border-box; position: relative; bottom: auto;}
.z_process_con .year{ font-size: 14px; }
.z_process_con .year .num{ font-size: 20px;}
.z_process_con .desc{ font-size: 14px;}
.z_process_con .btn{ width: 35px; height: 35px; margin-top: 20px;}
.z_process_swiper li .conbox,.z_process_swiper li .year::before{ width: 10px; height: 10px;}
.z_process_swiper li:nth-child(6n) .conbox{ bottom: 28.5%;}
.z_process_swiper li:nth-child(6n-3) .conbox{ bottom: 81%;}
.z_jt_honor{ padding: 30px 15px; overflow: hidden;}
.z_btn_warp .btn{ width: 35px; height: 35px;}

.z_honor_swiper li { padding: 16px;}
.z_honor_swiper li .imgbox,.z_honor_swiper li .infobox{ width: 100%; float: none; height: auto;}
.z_honor_swiper li .infobox{ font-size: 14px;}
.z_honor_swiper li .desc{ position: relative; bottom: auto; left: auto; margin: 10px 0;}
.z_honor_swiper li .imgbox{ height: 30vw;}
.z_brand_warp {width: 70.54166vw;height:70.54166vw; margin: 30px auto;}
.z_brand_warp .icon {width: 14.77083vw;height: 14.77083vw;}
.z_jt_brand .z_jt_tit{ width: 100%;}
.z_jt_brand{ padding: 30px 15px;}
.z_page_nav{ height: 40px; line-height: 40px; overflow: hidden; width: 100%;}
.z_page_nav li{ display: block; float: left; }
.z_page_nav li a{font-size: 14px; padding: 0 10px;}
.z_page_nav li::before{ height: 2px;}
.z_page_nav li::after{ width: 38px; height: 38px;}
.z_jt_video{ height: 60vw;}
.z_jt_video .z_play .icon{ height: 40px;}
.z_jt_video .z_play h3{ font-size: 14px;}
.z_kj_ld{ height: auto; padding: 30px 14px; padding-bottom: 0vw;background-attachment: inherit!important;}
.z_kj_ld .logo img{ height: 60px;}
.z_kj_ld h3{ font-size: 20px;}
.z_kj_ld h4{ font-size: 16px; line-height: 24px; width: 100%;}
.z_kj_ld .desc{ margin: 20px 0; width: 100%;}
.z_ls_img{ position: relative; right: 0; width: 80%; margin: 0 auto;}
.z_kj_md{ background-attachment:unset!important; height: auto; padding: 30px 14px; padding-bottom: 150px;}
.z_kj_md .desc{ width: 100%; margin-top: 20px;}
.z_kj_warp .imgbox, .z_kj_warp .infobox{ width: 100%; height: 100vw;}
.z_kj_warp .infobox{ height: auto; padding: 30px 15px;}
.z_kj_warp .desc,.z_kj_li li{ width: 100%;}
.z_kj_li li{ padding: 15px 0;}
.z_kj_li li h3{ font-size: 14px; margin-bottom: 10px;}
.z_kj_li li h3 em{ font-size: 20px;}
.z_ld_img{ display: none;}
.z_ls_dy .lsinfo{ width: 100%; margin: 0;}
.z_ls_dy{ padding: 30px 15px;}
.z_ls_dy .lsinfo .tit{ font-size: 20px;}
.z_ls_dy .lsinfo .h4{ font-size: 16px; line-height: normal;}
.z_ls_dy .lsinfo .desc{ margin-top: 20px;}
.z_ld_swiper{ width: 100%; margin-left: 0; margin-top: 30px;}
.z_ld_swiper li{ padding: 20px 15px; box-sizing: border-box;}
.z_ld_swiper li .desc{ height: auto;}
.z_ld_level{ padding: 30px 15px; }
.z_level_swiper{ margin-top: 20px;}
.z_level_swiper li .imgbox,.z_level_swiper li .infobox{ height: 68vw;}
.z_level_swiper li h3{ font-size: 18px;}
.z_level_swiper li .du{ font-size: 20px;}
.z_level_swiper li .desc{ font-size: 12px; line-height: 20px;}
.z_level_swiper li .slg{ height: 24px; line-height: 24px; font-size: 12px; min-width: 62px;}
.z_level_swiper li .infobox{ padding: 10px;}
.z_ld_level .z_jt_tit h4{ font-size: 14px;}
.z_md_info{ position: relative; display: block; text-align: center; padding: 20px 15px;}
.z_md_info .tit{ font-size: 18px; width: auto; margin-right: 0; margin-bottom: 15px;}
.z_md_info .desc{ width: 100%;}
.z_md_hd{ width: 100%; right: 0; top: -30px; position: absolute; margin-bottom: 20px;}
.z_md_hd li{ width: 8px; height: 8px; margin: 0 5px;}
.z_md_swiper{ height: 60vw;}
.z_jt_pzbox .imgbox, .z_jt_pzbox .infobox{ width: 100%;}
.z_jt_pzbox .imgbox{ height: 80vw;}
.z_jt_pzbox .infobox{ height: auto; padding: 20px 15px;}
.z_jt_pzbox .desc{ margin: 20px 0; width: 100%;}
.z_cl_nav li{ width: 50%; height: auto;}
.z_cl_nav li .desc{ display: none;}
.z_cl_nav li .icon{ width: 34px; height: 34px;}
.z_cl_nav li.on .icon{ background-position-y: -34px;}
.z_cl_nav li .warp{ padding: 10px; position: relative;}
.z_cl_nav li.on .warp{ height: 100%; padding: 10px;}
.z_cl_nav li h3{ font-size: 14px; margin-bottom: 0;}
.z_arr_btn{width: 35px; height: 35px; line-height: 35px; font-size: 12px;}
.z_arr_btn span{display: none;}
.z_cl_nav li .z_arr_btn{ width: 35px; height: 35px; line-height: 35px; display: none;}
.z_cl_img{ height: 60vw;}
.z_fd_head .infobox{ position: relative; right: auto; top: auto; transform: translateY(0);}
.z_fd_head img{ width: 100%; max-width: 100%;}
.z_fd_head .infobox{ padding: 20px 10px; box-sizing: border-box;}
.z_fd_head .infobox h3{ font-size: 20px;}
.z_fd_head .infobox .h4{ font-size: 14px; padding-left: 10px;}
.z_fd_swiper li .tit{ font-size: 18px; line-height: 30px;}
.z_fd_swiper li h3{ font-size: 18px; margin-bottom: 15px;}
.z_fd_swiper li{ padding: 20px 15px;}
.z_jt_hliwarp .flwarp,.z_jt_hliwarp .frwarp{ width: 100%;padding: 30px 15px;}
.z_hl_nav{ margin-top: 20px;}
.z_hl_nav a{ height: 45px; line-height: 45px; padding: 0 15px; }
.z_hl_nav a span{font-size: 14px;}
.z_hl_tit{ margin-bottom: 20px;}
.z_hl_tit h3{ font-size: 18px;}
.z_hl_tit .line{ margin: 16px 0;}
.z_hl_img li{ margin-bottom: 10px;}
.z_jt_gk{padding: 30px 15px;}
.z_jt_gk .z-container{ width: 100%; }
.z_jt_gk  .z_jt_tit{ margin-bottom: 30px;}
.z_gk_detail { padding: 30px 0;}
.z_gk_detail .tit{ font-size: 18px; margin-bottom: 20px;}
.z_pp_box .imgbox, .z_pp_box .infobox{ width: 100%; height: 70vw;}
.z_pp_box .infobox{ height: auto; padding: 30px 15px;}
.z_pp_box .logo img{ max-height: 60px; max-width: 100px;}
.z_pp_box .desc{ margin: 20px 0; -webkit-line-clamp: 999; height: auto;}
.z_honor_swiper2 li{ margin-bottom: 7px;}
.z_jt_news{ padding: 30px 13px;}
.z_xq_header .z_page_nav{ display: none;}
.z_znewsxq_page{ padding: 60px 0; padding-top: 80px;}
.z_znewsxq_page .z-container{ width: 92%;}
.z_artic_tit{ font-size: 18px; margin-bottom: 10px;}
.bshare-custom{ display: none;}
.z_artic_content{ padding: 20px 0; line-height: 24px; font-size: 14px;}
.z_artic_content video{ max-width: 100%!important; height: auto!important;}
.z_topbtm_bar .z_back{ font-size: 12px; width: 60px; height: 60px;}
.z_topbtm_bar a{ height: 30px; line-height: 30px; font-size: 14px;}
.z_sp_about{ padding: 30px 14px; background-attachment: inherit!important;}
.z_sp_about .adesc{ width: 100%;}
.z_sp_yearbar .year{ padding-right: 20px; margin-right: 20px; border-width: 2px;}
.z_sp_yearbar .year em{ font-size: 30px; line-height: 28px;}
.z_sp_yearbar .year{ font-size: 16px;}
.z_sp_yearbar .desc{ font-size: 16px; line-height: 20px;}
.z_sp_about .adesc{ margin: 30px auto;}
.z_sp_num{ background: none; width: 100%; margin: 0; height: auto;}
.z_sp_num li{ bottom: auto!important; width: 25%; float: left; padding-bottom: 0;}
.z_sp_num li h3{ font-size: 14px; display: flex; align-items: center; justify-content: center;}
.z_sp_num li h3 .timer{ font-size: 20px;}
.z_sp_num li h4{ font-size: 14px;}
.z_sp_num li::before{ display: none;}
.z_tab_swiper{ width: 100%; left: auto; bottom: auto; position: relative;}
.z_tab_swiper li{ padding: 5px 0; font-size: 12px;}
.z_tab_swiper li .iconfont{ margin-bottom: 0; font-size: 26px;}
.z_sp_proimg li h3{ font-size: 18px; color: #fff;}
.z_sp_proimg li .desc{ display: none;}
.z_sp_pro .z_jt_tit,.z_sp_pro .z_jt_tit, .z_sp_cp .z_jt_tit{ position: relative; left: auto; top: auto; text-align: center; padding: 20px 0;}
.z_sp_proimg { height: 60vw;}
.z_sp_proimg li .infobox{ bottom: 15px; right: 0; width: 100%; top: auto; text-align: center; display: flex; align-items: center; justify-content: space-between; transform: translateY(0); opacity: 1; padding: 0 15px; box-sizing: border-box; bottom: 0; padding-bottom: 4vw; padding-top: 10vw; background: linear-gradient(transparent, rgba(0,0,0,0.6));}
.z_cp_swiper{ width: 100%;  position: relative; overflow: hidden;}
	.z_cp_swiper .bd li a{ height: 65vw;}
	.z_cp_swiper .bd li .infobox{padding: 0 10px; display: block;}
	.z_cp_swiper .bd li.swiper-slide-next .infobox{ display: block;}
	.z_cp_swiper .bd li .desc{ -webkit-line-clamp: 2; }
	.z_cp_swiper .bd li h3{ font-size: 18px; margin-bottom: 10px;}
	.z_cp_swiper .bd li .titbox{ margin-bottom:20px;}
	.z_arr_more{  width: 30px; height: 30px; line-height: 30px;  }
	.z_arr_more .iconfont{ font-size: 12px;}
	.z_cp_swiper .bd li{}
	.z_cp_swiper .bd li .imgbox{ width: 50%;}
	.z_cp_swiper .bd li .infobox{ width: 50%;}
	.z_cp_swiper .bd li .imgbg{ width: 40vw; height: 40vw;}
	.z_cp_swiper .bd li .imgbox::before{ width: 100%; height: 50vw;}
.z_jt_news .z_jt_tit{ margin-bottom: 20px;}
.z_sp_news .z_jt_tit{ text-align: center;}
.z_sp_contact{ padding: 30px 15px;}
.z_sp_contact .desc{ width: 100%; margin: 20px 0; font-size: 13px;}
.z_contact_btn a{ min-width: auto; padding: 0 10px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 6px;}
.tj_head span{ font-size: 18px; display: none;}
.z_series_tj{ padding: 30px 15px;}
.z_series_swiper li{ width: 40vw; margin-right: 10vw;}
.z_series_swiper li .imgbox{ height: 40vw;}
.z_series_swiper li h3{ font-size: 14px;}
.z_cp_series .bigimg{ height: 60vw; position: relative;}
.z_cp_series .bigimg::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; z-index: 1;}
.z_cp_series .infobox .slg{ height: 30px; font-size: 14px; line-height: 30px;}
.z_cp_series .infobox h3{ font-size: 18px; margin: 5px 0;}
.z_cp_series .infobox h4{ font-size: 14px;}
.z_cp_series .infobox{ width: 100%; text-align: center; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; color: #fff;}
.z_cp_nav{ margin-top: 50px;}
.z_cp_nav li{ width: auto;}
.z_cp_nav li a{ padding: 10px 10px; font-size: 14px;}
.z_sub_nav{ height: 40px; line-height: 40px;}
.z_sub_nav a{ font-size: 14px; margin-right: 10px;}
.z_sc_list li{ width: 50%;}
.z_sc_list li a{ padding: 30px 10px;}
.z_sc_list li .imgbox{ height: 35vw; margin-bottom: 10px;}
.z_sc_list li h3{font-size: 14px; }
.z_sc_list li .iconfont{ opacity: 1; font-size: 20px; left: 5px; top: 5px;}
.z_sc_list li .add{ display: none;}
.z_sc_list li::before{ display: none;}
.z_cp_series2{ margin-top: 50px;}
.z_pro_xq{ margin-top: 50px; padding: 30px 0;}
.z_proxq_info{ width: 100^; position: relative; left: auto; top: auto;padding: 0 10px;box-sizing: border-box; margin-top: 30px;}
.z_proxq_swiper{ width: 90vw; height: 90vw;}
.z_proxq_swiper li img{ max-height: 64vw;}
.z_pro_hd li{ width: 8px; height: 8px; margin: 0 3px;}
.z_pro_xq .z_back{ right: 10px; top: 10px; font-size: 18px; width: 36px;height: 36px; line-height: 36px;}
.z_proxq_info .p{ width: 100%; font-size: 14px; line-height: 24px; }
.z_proxq_info h3{ font-size: 18px;}
.z_sp_kp ul{ margin-left: 0;}
.z_sp_kp li{ margin-left: 0; width: 100%; margin-bottom: 10px; height: 50vw;}
.z_sp_kp li h3{ font-size: 18px;}
.z_sp_kp li h4{ font-size: 14px;}
.z_sp_kp li .infobox{ padding: 16px;}
.z_sp_kp li .more{ left: 16px; bottom: 16px;}
.z_sp_abox .imgbox{ width: 100%; height: 70vw; position: relative; left: auto; bottom: auto; right: auto;}
.z_sp_abox .conbox{ width: 100%; padding: 16px; height: auto;}
.z_sp_abox .widthbox{ width: 100%;}
.z_sp_abox h3{ padding:15px  0; font-size: 18px;}
.z_sp_abox .h4{ font-size: 16px;}
.z_sp_abox  .desc{ margin: 20px 0;}
.z_sp_abox2 .infobox{ padding: 0;}
.z_sp_a a{ font-size: 14px; margin-right: 20px;}
.z_sp_a a .icon{ height: 40px;}
.z_sp_abox{ margin-bottom: 20px;}
.z_sp_warp{ padding: 20px 15px; padding-top: 0;}
.z_gc_box{ margin-bottom: 15px;}
.z_gc_box .imgbox{ width: 100%; height: 60vw; position: relative; top: auto; transform: translateY(0);}
.z_gc_box .infobox{ width: 100%; padding:20px 16px!important;}
.z_gc_box .infobox h3{ font-size: 18px; margin-bottom: 16px;}
.z_sp_gc{ padding: 30px 15px;}
.z_sp_fzpage{ padding: 30px 10px; padding-bottom: 0;}
.z_fz_tit{font-size: 20px;}
.z_fz_desc{ width: 100%; margin: 20px 0;}
.z_fz_nav a{ height: 40px;line-height: 40px; margin: 0 10px;min-width: auto; padding: 0 20px;}
.z_fz_list li{ margin-bottom: 30px;}
.z_fz_list li .imgbox{ width: 100%; height: 50vw;}
.z_fz_list{ padding: 50px 0; margin-top: 50px;}
.z_fz_list li .year{ font-size: 24px;}
.z_fz_list li .infobox{ width: 100%!important; padding:15px  0; margin: 0!important;}
.z_fz_list li .conbox{ padding: 0!important; font-size: 14px; width: 100%; line-height: 24px; text-align: center!important;}
.z_fz_list li .conbox .num{ display: none;}
.z_pp_warp{ padding: 30px 15px; }
.z_pp_img ul{ margin-left: 0;}
.z_pp_img li{ width: 100%; margin-left: 0; height: 80vw; margin-bottom: 10px;}
.z_pp_img li .icon, .z_sp_wh li .icon{ height: 40px;}
.z_sp_wh li h3, .z_pp_img li h3{ font-size: 18px;}
.z_sp_wh li h4,.z_pp_img li h4{ font-size: 14px;}
.z_pp_img li .infobox{ min-height: auto; min-width: auto;}
.z_sp_wh li{ width: 48.2%; margin-bottom: 10px;}
.z_contact_box{ height: auto;}
.z_contact_box .infobox{  position: relative; padding:30px 15px; top: 0; transform: translateY(0);}
.z_contact_box  .imgbg{ height: 100%; position: absolute;left: 0; top: 0;}
.z_contact_box h3{ font-size: 18px;}
.z_contact_box .desc{ margin: 15px 0; font-size: 14px;}
.z_contact_box .btn{ height: 40px;width: 120px;}
.z_contact_box .btn img{ height: 26px;}
.z_contact_box .h4{ font-size: 15px; margin: 20px 0;}
.z_cdan_list{ padding: 30px 15px;}
.z_cdan_list li { margin-bottom: 10px;}

.z_cdan_list li .imgbox, .z_cdan_list li .infobox{ width: 100%; height: auto;}
.z_cdan_list li .imgbox{ height: 50vw;}
.z_cdan_list li .infobox{padding: 15px;}
.z_cdan_list li h3{ font-size: 16px; margin-bottom: 10px; }
.z_cdan_list li .desc{ padding: 10px 0;}
.z_cdan_list li .z_play{ margin-top: 10px; height: 35px; line-height: 35px; width: 120px;}

.z_dz_store{ padding: 30px 15px;}
.z_store_list ul{ display: block;}
.z_store_list li{ width: 100%; height: 60vw; margin-bottom: 10px;}
.z_store_list li .infobox{ padding: 15px;}
.z_store_list li span{ font-size: 16px;}
.z_store_list li .iconfont {transform: translateX(0);opacity: 1;}
.z_dz_store .z_jt_tit{margin-bottom: 20px;}
.z_cy_box{ width: 100%; height: 100vw;}
.z_cy_box h3, .z_cy_box h4{ font-size: 20px;}
.z_cy_box .z_index_more{ margin-top: 10vw;}
.z_jm_list li{ width: 50%;}
.z_jm_list li:nth-child(even){ border-right: none;}
.z_jm_list li a{ padding: 20px 10px;}
.z_jm_list li .icon{ width: 50px; height: 50px; line-height: 50px;  margin: 0 auto;}
.z_jm_list li .icon .iconfont{font-size: 24px;}
.z_jm_list li h3{ font-size: 16px; margin:15px 0;}
.z_cy_jm .z_jt_tit{padding:30px 0; margin-bottom: 0;}
.z_cy_jm{ padding-top: 0;}
.z_ts_cp{ padding: 30px 10px;}
.z_ts_cp .z_jt_tit{ margin-bottom: 30px;}
.z_tscp_list li{ height: 50vw; }
.z_tscp_list li .tit{ padding: 0 16px; font-size: 16px;}
.z_guodi_list li{ width: 99%; height: auto; padding: 15px 0; margin-bottom: 10px;}
.z_guodi_list li .imgbox{ height: 50vw; margin: 0;}
.z_guodi_list li .name{ font-size: 16px; margin-top: 10px;}
.z_store_page .flwarp,.z_store_page .frwarp{ width: 100%;}
.z_store_page{ padding: 30px 15px;}
.z_store_page .flwarp{ padding: 0;}
.z_store_page .z_jt_tit{ margin-bottom: 10px; text-align: center;}
.z_store_nav { width: 100%; text-align: center; margin-bottom: 20px;}
.z_store_nav li{ display: inline-block; margin: 0 10px;}
.z_store_nav li::before{ display: none;}
.z_store_nav li a{ font-size: 14px;}
.z_store_nav li .iconfont{ margin-left: 10px; display: none;}
.z_store_nav li.active a, .z_store_nav li:hover a{ font-size: 16px;}
.z_store_page .frwarp{ padding: 0;}
.z_store_swiper{ height: 60vw;}
.z_store_swiper li .tit{ padding: 10px; font-size: 14px;}
.z_store_hd{ right: 10px; bottom: 10px;}
.z_store_hd li{ width: 6px; height: 6px; margin-left: 3px;}
.z_store2_list ul{ margin-left: -2%;}
.z_store2_list li{ width: 48%; margin-left: 2%; margin-bottom: 10px;}
.z_store2_list li .imgbox{ height: 50vw; margin-bottom: 10px;}
.z_store2_list li .tit{ font-size: 14px;}
.z_zp_nl{ padding: 30px 15px;}
.z_zp_nl .desc{ width: 100%; font-size: 14px; margin-top: 20px;}
.sideMenu_tit span{ font-size: 14px;}
.sideMenu_tit span:nth-child(2),.rc_box .tit span:nth-child(2),.sideMenu_tit span:nth-child(3),.rc_box .tit span:nth-child(3),.rc_box .tit span:nth-child(4){ display: none;}
.sideMenu_tit span:nth-child(1),.rc_box .tit span:nth-child(1){ width: 75%; font-size: 15px;}
.rc_box .tit span{ font-size: 12px;}
.rc_box .tit,.sideMenu_tit span{ line-height: 40px;}
.sideMenu{ margin-bottom: 20px;}
.rc_box .rc_con{ padding: 10px;}
.rc_box .rc_con .box{ width: 100%; padding: 0;}
.rc_box .rc_con h4{ font-size: 14px; margin-bottom: 10px;}
.aply_btn{  height: 30px; line-height: 30px; width: 90px;}
.aply_pop{ width: 90%; height: 228px;}
.aply_pop h3{ height: 40px; line-height: 40px; font-size: 18px;}
.aply_pop p{ margin-bottom: 20px;}
.zp_tit, .rc_box .tit{ padding: 0 10px;background: url(/html/themes/simpleboot3/public/assets/dezhuang/img/jia.png) no-repeat right 10px center; background-size: 20px;}
.sideMenu{ margin-bottom: 0;}
.load_more{ font-size: 15px; height: 50px; line-height: 50px;}
.aply_btn{ font-size: 12px;}
.z_zp_head{ height: auto; padding: 30px 10px;}
.z_zp_head .desc{ font-size: 14px; margin-top: 10px;}
.load_more{ font-size: 15px; height: 50px; line-height: 50px;}
.z_case_swiper li .flwarp,.z_case_swiper li .frwarp{ width: 100%; min-height: auto; border: none; padding: 15px;}
.z_case_swiper li .flwarp{ border-bottom: 1px solid #eee;}
.z_case_swiper li .tit{ font-size: 16px; margin-bottom: 15px;}
.z_jt_honor .honor_head{ margin-bottom: 20px;}
.swiper-pagination{ margin: 0px 0;}
.z_jm_tj .imgbg{ position: relative; height:60vw;}
.z_jm_tj .infobox{ padding: 20px 15px; width: 100%;}
.z_jm_tj .tit{ font-size: 18px; margin-bottom: 20px;}
.z_tj_list li{ line-height: 24px; margin-bottom: 10px; font-size: 14px;}
.z_tj_list li em{ width: 24px; height: 24px; line-height: 22px; margin-right: 5px;}
.z_zc_warp .imgbox{ width: 100%; height: 60vw;}
.z_zc_swiper{ width: 100%; position: relative;}
.z_jm_zc{ padding: 30px 10px;}
.z_zc_warp{ margin-top: 20px;  }
.z_zc_swiper{height: auto;padding-bottom: 50px;}
.z_zc_swiper li{ padding: 20px 15px; }
.z_zc_swiper li .icon{ height: 34px;}
.z_zc_swiper li h3{ font-size: 18px; margin: 10px 0;}
.z_zc_swiper li .desc{ position: relative; top: auto; transform: translateY(0);}
.z_zc_swiper li .num{ font-size: 28px;}
.z_zc_btn{ width: 80px; height: 40px; line-height: 40px;}
.z_zc_btn .iconfont{ font-size: 16px;}
.z_tz_warp .imgbox{ width: 100%; height: 60vw; position: relative;}
.z_table_box{ width: 100%;}
.z_table_box th,.z_table_box td{ font-size: 14px;}
.z_jm_tz{ padding: 20px 15px;}
.z_jm_tz .z_jt_tit{ margin-bottom: 20px;}
.z_jm_ys .tit{ font-size: 18px; margin-bottom: 20px;}
.z_jm_ys{ padding: 30px 15px;}
.z_ys_list li{ width: 49.7%; padding: 15px;}
.z_ys_list li .icon{ height: 35px; margin-bottom: 20px;}
.z_ys_list li h3{ font-size: 16px;}
.z_lc_swiper li .iconbox{ width: 80px; height: 80px;}
.z_lc_swiper li .iconbox .num{ font-size: 50px;}
.z_lc_swiper li .iconbox img{ max-height: 40px;}
.z_lc_swiper li .infobox::before{ width: 8px; height: 8px;top: -4px;}
.z_lc_warp::before{ top: 100px;}
.z_lc_swiper li .infobox{ font-size: 14px; line-height: 24px;}
.z_jm_lc .z_jt_tit{ margin-bottom: 30px;}
.z_suggest_warp{ padding: 30px 14px; background-attachment: inherit!important; background: none!important;}
.z_suggest_warp .flwarp{ width: 100%;}

.z_suggest_warp .flwarp .desc{ margin: 20px 0;font-size: 14px;}
.z_suggest_warp .frwarp{ margin-top: 30px; width: 100%;}
.z_suggest_warp .flwarp .tit,.z_suggest_warp .frwarp .tit{ text-align: center;font-size: 18px;}
.z_suggest_warp .frwarp .tit{ margin-bottom: 20px;}
.z_suggest_form li{ margin-bottom: 20px;}
.z_suggest_form .z_sub_btn{ width: 130px; height: 40px; line-height: 40px;}
.z_cynews_first .imgbox{ width: 100%; height:50vw;}
.z_cynews_first .infobox{ width: 100%; height: auto; padding: 20px 10px;}
.z_cynews_first h3{ font-size: 16px; height: 48px; line-height: 24px;}
.z_cynews_first .desc{ width: 100%;}
.z_cynews_first .timebox{ font-size: 12px; padding: 5px 0;}
.z_cynews_first .timebox em{ font-size: 18px;}
.z_cynews_page{ padding: 15px;}
.z_cy_nav{ margin-bottom: 15px;}
.z_cy_nav a{ font-size: 14px; margin-right: 10px; padding-bottom: 10px;}
.z_cy_page{ padding: 15px;}
.z_load_bar span{ width: 35px; height: 35px;}
.z_news_head{ display: block; text-align: center; margin-bottom: 20px;}
.z_news_head .z_jt_tit{ margin-bottom: 16px;}
.z_news_tab{ width: 100%;}
.z_news_tab a{ margin: 0 5px;}
.z_honor_swiper{ margin-bottom: 20px;}
.z_sp_gk .titbar h5{ font-size: 20px;}
.z_load_img .img1{ width: 50vw;}
.z_load_logo { height: 14vw; top: 55%;}
.z_load_tip{ font-size: 20px;}
/* .z_map_pic .title,.z_map_pic .desc_bg{display: none;} */
.authorize .container{width: 100%; margin: 0;}
.authorize{padding: 0;}
.authorize .form_box{width: 90%;}
.authorize .top{display: block;}
.authorize .top .cont{width: 90%; height: 100%; display: block; margin: 0 auto; position: relative;}
.authorize .top h1{position: absolute; left: 0; top: 2vw;}
.authorize .top .btns{position: absolute; right: -4vw; bottom: 5vw;}
.authorize .form_box form > div img{margin: 0 auto;}
.z_map_pic .location{width: 4.92708vw; height: 6.44791vw; bottom: -24px;}
.z_dot_warp::before{display: none;}
.z_map_pic .title{font-size: 12px; top: 25px;}
.z_map_pic .desc{font-size: 12px; width: 60.5vw; top: 14vw; left: 7vw;}
.z_map_pic .desc_bg{width: 85vw; height: 55vw;}
.z_map_pic .pic1 .desc_bg{top: -92vw; left: -2vw;}
.z_map_pic .pic2 .desc_bg{top: -93vw; left: 7vw;}
.z_map_pic .pic3 .desc_bg{top: -65vw; left: -19vw;}
.z_map_pic .pic4 .desc_bg{top: -67vw; left: 34vw;}
.z_map_pic .pic5 .desc_bg{top: -80vw; left: 16vw;}

.z_map_pic .pic2 .title{top: 40px;}

.gyl1{display: block;}
.gyl1 .text{width: 90%; margin: 0 auto;}
.gyl1 .edit-box{width: 100%;}
.fs42{font-size: 26px;}
.fs18{font-size: 14px;}
.gyl .tit::after{width: 15vw;}
.gyl1 .text{padding-bottom: 5vw;}
.gyl1 .imgbox{transform: unset; width: 100%; height: auto;}
.gyl2{width: 90%;}
.gyl2 .item > div{width: 100%; position: static;}
.gyl2 .item{height: auto; margin-bottom: 5vw;}
.gyl2 .text{padding: 6vw;}
.edit-box{font-size: 14px;}
.gyl2 .title{font-size: 22px;}
.z_case_swiper li .imgbg{height: 55.5vw;}
.gyl .tit{font-size: 20px;}
.gyl2 .item > .imgbox{width: 100%;}
.contact .info-box{padding: 10vw 0;}
.contact{
	--title: 30px;
}
.info-box .number{padding: 1vw 4vw;}
.info-box .qr{margin-top: 6vw;}
.z_top_100{ margin-top: 0!important;}
.z_index_class li:first-child .imgbox{margin-left: 0;}
.z_foot_code .imgbox{ width: 100px; height: 100px; margin: 0 auto; margin-bottom: 8px;}
.z_foot_code{ margin: 15px auto!important;}
}