@charset "UTF-8";

/* public */
*{ font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; }
pre{white-space: pre-wrap;  word-wrap: break-word; }
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; outline: none;}
img{border:0;max-width: 100%;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size: 14px;  overflow-x:hidden;   font-family: 'bodys';  color: #000;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-overflow-scrolling : touch ; background: #ffffff;}
a{font-size:14px;text-decoration:none;  color: #333; transition: all .45s; z-index: 99999;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;  font-family: 'bodys';  line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width:83.3%;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;}

.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
/* @font-face {
  font-family: 'bodys'; 
  src: url("../fonts/SourceHanSansCN-Normal.ttf");

} 
 @font-face {
  font-family: 'bodys'; 
  src: url("../fonts/icomoon.ttf");

}
@font-face {
  font-family: 'en';  
  src: url("../fonts/MONTSERRAT-BOLD.OTF");

}
@font-face {
  font-family: 'num';  
  src: url("../fonts/Swiss721BT-Heavy.otf");

}
@font-face {
  font-family: 'num2'; 
  src: url("../fonts/BAHNSCHRIFT.TTF");

}

@font-face {
  font-family: 'num3'; 
  src: url("../fonts/Knockout-HTF69-FullLiteweight.otf");

}*/
.flex{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
/*分享*/
#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:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-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-vertical>.swiper-wrapper {
    flex-direction: column;
}
body.fixed .z_header{transform:translateY(-100%);visibility:hidden;}
.z_header{ width: 100%; z-index: 10; transition: ease 1s; overflow: hidden; background: #fff; position: fixed; left: 0; top: 0; display:table; padding: 0 6%;box-sizing: border-box;}
.z_header.on{height:6.25vw; }
.z_header.on .z_header_nav li{  height:6.25vw;}
.z_header .z_row{ display: table-cell;}
.z_header_logo{ float: left; position: absolute; left: 6%; top: 50%; transform: translateY(-50%);}
.z_header_logo img{ display: block; max-height: 34px;}
.z_header_nav{ margin: 0 auto; text-align: center;}
.z_header_nav li{ display: inline-block; margin: 0 30px; position: relative;line-height: 80px;  }
.z_header_nav li:before{ content: ""; border:1px solid #333; display: block; border-radius: 50%; width: 5px; height: 5px; position: absolute; left: 50%; top: 50%; transform:scale(.2) translateY(-50%); transition: ease .4s; opacity: 0;}
.z_header_nav li:after{ content: "";border:1px solid #333; display: block;border-radius: 50%; width: 5px; height: 5px; position: absolute; right: 50%; top: 50%; transform:scale(.2) translateY(-50%); transition: ease .4s;opacity: 0;}
.z_header_nav li:hover:before,.z_header_nav li.active:before{  left: -15px;transform:scale(1) translateY(-50%);opacity: 1; }
.z_header_nav li:hover:after,.z_header_nav li.active:after{  right: -15px;transform:scale(1) translateY(-50%);opacity: 1; }
.z_header_nav li a{ font-size: 16px; font-weight: bold; font-family: 'bodys'; color: #767676;}
.z_header_fr{position: absolute; right:6%; top: 50%; transform: translateY(-50%);}
.z_header_tel{float: left;}
.z_header_tel span{ float: left; color: #696969;}
.z_header_tel .num{ float: left;line-height: 20px;font-family:Bahnschrift; border-left:1px solid #e5e5e5; font-size: 18px;  margin-left: 20px;}
.z_mobile_btn{ float: right; width: 160px; cursor: pointer; }
.z_header_nav li.active a,.z_header_nav li:hover a{ color: #000000;}

.z_mobile_btn .line{ display: block; width: 38px;  height: 2px; transition: ease .4s; background: #1b1b1b; margin:10px auto;}
.z_mobile_btn.on .line1{ transform:translateY(6px) rotate(45deg);}
.z_mobile_btn.on .line2{ transform:translateY(-6px) rotate(-45deg);}

/* .z_banner{ height:calc(100vh - 80px); margin-top:7.8125vw; overflow: hidden; background: url(../images/bgbg2.png) no-repeat center; background-attachment: fixed; background-size: cover;}
.z_banner .bd li{ background: #000; } */
.z_banner{  overflow: hidden; /*background: url(../images/bgbg2.png) no-repeat center;*/ background-attachment: fixed; background-size: cover;}
.z_banner .bd li{ background: #000; }
.z_banner{  position: relative; margin-top: 0;}
.z_banner img{ display: block; width: 100%;}
.z_banner .bd,.z_banner .bd li,.z_banner .bd li .img,.z_banner .bd li .show{width:100%; overflow: hidden; height:100%; position:relative;}
.z_banner .bd li .img{ background-position:  bottom center; background-repeat:no-repeat; background-size:cover;}
.z_banner .bd li .show{transform:scale(1.1); transition:ease 2s; opacity:.8;}
.z_banner .bd li.swiper-slide-active .show,.zs_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}
.z_banner .bd li.swiper-slide-active .banner_tit,.z_banner .bd li.swiper-slide-duplicate-active .banner_tit{transform: translateY(-42%); opacity:1; transition-delay:.5s;}
.z_banner .bd li.slide2 .banner_tit{ font-size: 5.77vw; line-height: 6vw;}  
.banner_tit{ color: #fff; font-size:5.6vw; transition: ease 1s; transform: translateY(100%); font-weight: bold; opacity: 0;}
.z_banner_text{ width: 100%; height: 100%; padding: 0 8%; padding-top:7.8125vw ; box-sizing: border-box; position: absolute; left: 0; top: 0; display: flex; align-items: center;}

/*.z_banner .bd li .z_banner_fl{ transform: translateY(-100%);}
.z_banner .bd li .z_banner_fr{ transform: translateY(100%);}*/
/*.z_banner .bd li:nth-child(even) .z_banner_fl{ transform: translateY(100px);}
.z_banner .bd li:nth-child(even)  .z_banner_fr{ transform: translateY(-100px);}*/
/*.z_banner .bd li.swiper-slide-active .z_banner_fl,.z_banner .bd li.swiper-slide-duplicate-active .z_banner_fl{ transform: translateY(0); opacity: 1;}
.z_banner .bd li.swiper-slide-active .z_banner_fr,.z_banner .bd li.swiper-slide-duplicate-active .z_banner_fr{ transform: translateY(0); opacity: 1;}*/
            
.jdbar .jding.on{ width: 100%;}
.z_banner_img{ height: 100%; width:100%;background-position: center; background-size: cover; position: relative;}
.z_banner_fr{ float: right;}
.z_banner_fl,.z_banner_fr{ width: 50%; height: 100%; float: left;background-position: center; transition: ease 1s; background-size: cover; position: relative;}

.banner_tit{ color: #fff; font-size:3vw; transition: ease 1s; /*transform: translateY(100%);*/ font-weight: bold; /*opacity: .5;*/}
.gswebsite{ font-size: 16px; color: #646569; font-weight: bold; transform: rotate(-90deg); display: inline-block; margin-bottom: 20vh;}
.gslog{ color: #565a5b; line-height: 36px;}
.gslog h3{font-size: 1.45vw;  color:#f7fbff;}
.banner_jd{ color: #fff; line-height: 20px; margin: 8vh 0; display: flex; align-items: center;}
.banner_jd span{ font-weight: bold;}
.jdbar{ width: 180px; margin: 0 15px; height: 1px; display: inline-block; background: rgba(255,255,255,.3); position: relative;}
.jdbar .jding{ position: absolute; left: 0; top: 0; height: 100%; width: 0%; transition:ease 2s; background: #fff;}
/*.z_banner .swiper-slide-active .banner_tit,.z_banner .swiper-slide-duplicate-active .banner_tit{ transform: translate(0); opacity: 1;}.jdbar .jding.on{ width: 100%;}
*/.index_about{background:#e9e9e9; height: 41vw; position: relative; background-size: cover; background-attachment:fixed; align-items: center; justify-content: center;}
.index_about .z-container{ position: relative; height: 100%}
.index_about_img{ width: 100%; position: absolute; transition: ease 3s; left: 0; top: 0; height: 100%; overflow: hidden;}
.index_about_img .imgbg{ width: 100%; height: 100%; animation-duration: 2S;}
.index_about.on .index_about_img .imgbg{ transform: scale(1,1); opacity: 1;}
.index_about .index_about_desc{  position: absolute; left: 0; top:6.5vw;}
.index_about_desc .tit1{ font-size: 3.125vw; font-weight: bold;  color: #fff;}
.index_about_desc  .line,.index_desc .line,.z_nav_list li .line,.z_line{ width: 170px; height: 12px; margin:2.08vw 0;}
.index_about_desc  .line em,.index_desc .line em,.z_nav_list li .line em,.z_line em{ display: block; width: 100%; height: 100%; background: url(../images/line.jpg) left; background-position: center center;  -webkit-animation: scrollBad 5s linear infinite; -moz-animation: scrollBad 5s linear infinite; animation: scrollBad 5s linear infinite;}
@keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position:-170px 0 ;
    }
}
.index_about_desc .tit2{ font-size: 18px; color: #f6f6f6; line-height: 36px;  }
.index_about_desc .tit3{ font-size: 32px; line-height: 50px; margin-top: 5vh; color:#ECECEC}
.index_about_desc .tit3 .em1{ color: #ce2f32;}
.index_about_desc .tit3 .em2{ color: #484848;}
.index_about_warp{ width: 100%; position: absolute; right: 0; bottom: 35%;}

.about_box{ width: 60%;color: #fff; transition: ease 1s; z-index: 2!important; /*transform: scale(1.4,1.4); opacity: 0;*/ float: left;height: 310px; position: relative; padding: 0 6%; box-sizing: border-box;}
.about_box.on{transform: scale(1,1); opacity:1;}
.about_box1{ float: right;  }
.about_num{ font-size:7.5vw;position: relative; line-height: 110px; font-family: "num";  }
.about_num:before{content: ""; display: block; width: 180px; height: 120px;position: absolute; }
.about_num .num1{-webkit-text-fill-color:transparent; -webkit-text-stroke:1px #b7c4dd;transition: ease .5s; font-weight:bold}
.about_num .num2{ position: absolute; transition: ease .5s; right: 0; top: 0; transform: translateY(100%) scale(.6,.6); opacity: 0;font-weight:bold; color:#b7c4dd }
.about_box:hover .about_num .num2{ transform: translateY(0) scale(1,1); opacity: 1;}
.about_box:hover .about_num .num1{ transform: translateY(-100%) scale(.6,.6); opacity: 0;}
/*.about_box:hover .about_num{  -webkit-text-fill-color:#fff;
  -webkit-text-stroke:1px #fff;}*/
.about_box1{ box-sizing: border-box;}
.about_box1 .z_warp{ width: 82%;}
.about_box1 .about_num{ position: absolute; right:17%; top:0; z-index: 1;}
.about_box1 .about_num:before{ left: 50%; top: -60%; background: url(../images/num1.png) no-repeat center; background-size: cover;}
.about_box1 .desc{line-height: 30px; height: 90px; margin-bottom:8vh; }
.about_list ul{ display: flex; justify-content: space-between;}
.about_list li{ display: inline-block; text-align: center;}
.about_list li h3{ font-size: 36px;font-family: 'num2';}
.about_list li h4{ color: rgba(255,255,255,.5);}
.about_box2{ float: left; background: #3b3136;}
.about_box2 .about_num{ position: absolute; right: 60px; top:130px; z-index: 1;}

.about_box2 .about_num:before{left: 40%; top: 72%; background: url(../images/num2.png) no-repeat center; background-size: cover;}
.about_box2{ padding-top: 13vh; box-sizing: border-box;background: url(../images/zbgs1.jpg) no-repeat center; background-size: cover;}
.about_box2 .tit{ font-size: 16px; font-weight: bold;}
.about_box2 .desc{ line-height: 30px; height: 120px; color: rgba(255,255,255,.5); margin: 30px 0;}
.index_more{ display: inline-block; text-decoration: underline; color: #fff; text-transform:capitalize; font-size: 12px;}
.index_more em{ display: inline-block; vertical-align: -3px; width: 15px; height: 15px; margin-right: 10px; /*background: url(../images/z_more.png) no-repeat center;*/ background-size:100% 100%;}
.about_box3{ background-position: center; position: relative; display: flex; justify-content: flex-end; align-items: center; background-size: cover; text-align: right; background-repeat: no-repeat; z-index: 1;}
.about_box3:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/abou2.png) no-repeat right center; background-size: auto 100%; position: absolute; left: 0; top: 0;}
.about_box3 .tit{ font-size: 24px; font-weight: bold;}
.about_box3 .line{ display: inline-block; width: 176px; margin-top: 20px; height: 40px; background: url(../images/num3.png) no-repeat left center; background-size: cover;}
.about_box3 .desc{ line-height: 30px; margin: 10px 0;}
.about_box3 .more{ display: inline-block; transition: ease .4s; width: 170px; height: 36px; line-height: 36px; background:#fff; text-align: center; font-weight: bold;}
.about_box3 .more:hover{ background: url(../images/casebg.png) no-repeat center; background-size: cover; color: #fff;}

.index_yw_bt{ display:flex; justify-content:space-between}
.index_yw .more {position: relative; display: inline-block; width: 114px; height: 114px; line-height: 114px; border-radius: 50%; text-align: center; background: transparent; transition: all .3s;}
.index_yw .more::before, .more::after {position: absolute; display: block; content: ''; width: 114px; height: 114px; opacity: 1; border-radius: 50%;}
.index_yw .more::before {top: 0; left: 0; border: 1px solid #212121; transition: all .6s;}
.index_yw .more::after {top: 5px; left: 5px; border: 1px solid #e7e7e7; transition: all 1s;}
.more span {position: relative; font-size: 12px;  color: #f47f61; transition: all .3s;}
@media (min-width: 1200px) {
.index_yw .more:hover {color: #fff;   background-image: -moz-linear-gradient( -180deg, rgb(252,155,112) 0%, rgb(244,103,66) 100%);
  background-image: -webkit-linear-gradient( -180deg, rgb(252,155,112) 0%, rgb(244,103,66) 100%);
  background-image: -ms-linear-gradient( -180deg, rgb(252,155,112) 0%, rgb(244,103,66) 100%); box-shadow: 0 21px 32px rgba(0, 0, 0, .21);}
.index_yw .more:hover::before {opacity: 0; transform: scale(1.5);}
.index_yw .more:hover::after {top: 0; left: 0; opacity: 0; transform: scale(1.5);}
.index_yw .more:hover span {color: #fff;}
.subnav .weui-cell:hover .weui-cell__bd {color: #cf263a;}
}

.index_yw{ width: 100%; padding-top: 13vh; padding-bottom: 11vh; box-sizing: border-box; color: #343a43; min-height: 100vh;display: flex; align-items: center; justify-content: center; background-size: cover; position: relative;}
.index_yw:before{ content: ""; display: block; width: 100%; height: 100%; /*background: url(../images/ren.jpg) no-repeat right center;*/ position: absolute; right: 0; top: 0; background-size: cover; }
.index_yw_an{ width: 100%; height: 100%;  display: block; position: absolute; left: 0; top: 0; /*background: url(../images/bg2.jpg) no-repeat center; background-size: cover;*/ z-index: 1; transition: cubic-bezier(0.215,.61,.355,1) 2s;
    }
.index_yw .index_desc{width: 400px; margin-bottom:40px;}
.index_ye:after{content: ""; display: block; width: 50%; height: 50%;}
.index_desc .tit1{font-size: 2.125vw; font-family: "en";  font-weight: bold; line-height:3.125vw; color:#dfe4ea }
.index_desc .line{ margin: 16px 0;}
.index_desc .tit2{ font-size:30px; font-weight: bold; line-height: 36px;}
.index_desc .tit3{ font-size: 16px; line-height: 1.5; font-weight: bold; margin-top: 15px;}
.yw_list dl{ display:flex;  vertical-align: top; text-align: center; margin-bottom:50px;}
.yw_list .yw_wenzi{ width:40%; margin-left:10%; text-align:left}
.yw_list .yw_pic{width:50%}
.yw_list .icon img{ display: block; margin: 0 auto;}
.yw_list .tit{ margin: 40px 0; margin-top: 50px; text-align:left}
.yw_list .tit h3{ font-size: 40px; color: #343a43}
.yw_list .tit h4{font-weight: bold; color: #343a43;  font-size: 30px; }
.yw_nav p{ display: block; line-height: 32px; color:#6e7888; font-size:16px; }
.yw_nav p:before{content: ""; display:inline-block; width: 12px; height: 9px; background: url(../images/list_icon_jt.png) no-repeat  center; margin-right: 6px; background-size: 100% auto;}
.yw_list a.gd{ width:144px; border-radius:100px; text-align:center; display: block; line-height: 36px; color:#fff; font-size:16px; margin-top:20px; background-image: -moz-linear-gradient( -120deg, rgb(163,185,221) 0%, rgb(120,142,177) 100%);
  background-image: -webkit-linear-gradient( -120deg, rgb(163,185,221) 0%, rgb(120,142,177) 100%);
  background-image: -ms-linear-gradient( -120deg, rgb(163,185,221) 0%, rgb(120,142,177) 100%);
  box-shadow: 0px 7px 18px 0px rgba(72, 113, 181, 0.18); }
.yw_list a.gd:after{content: ""; display:inline-block; width: 24px; height: 15px; background: url(../images/jiantou.png) no-repeat  center; margin-left: 6px; background-size: 100% auto;}


.index_case{}
.index_case .z-container{background: #fff;  box-sizing: border-box; margin-top: -11vh; background: #fff;}
.index_case_head .index_desc .line{ margin: 25px 0; margin-bottom: 30px;}
.index_case_head{ padding: 60px 0;}
.index_case_head .desc{ color: #636363;}
.case_nav li{ display: inline-block; padding-top: 25px; box-sizing: border-box; text-align: center; width: 100px; height: 100px; background: #f5f5f5;}
.case_nav li .icon{ height: 24px; overflow: hidden; margin-bottom: 10px;}
.case_nav li .icon img{ margin: 0 auto; display: block; transition: ease .4s;}
.case_nav li.active,.case_nav li:hover{ background: #535353;}
.case_nav li.active img,.case_nav li:hover img{ transform: translateY(-24px);}
.case_nav li.active a,.case_nav li:hover a{ color: #fff;}
.case_nav_desc{ border:1px solid #eeeeee; color: #4b4b4b; height: 100px; display: flex; align-items: center; padding: 0 30px; box-sizing: border-box;}
.case_nav_desc .index_more{ color: #333; display: block; float: right; margin-left: auto;}
.case_nav_desc .fl a{ color: #bb3837; text-decoration: underline; display: inline-block;margin-left: 10px;}
.index_case .z-container{ position: relative;  z-index: 1; padding: 0 5%; box-sizing: border-box;  padding-bottom: 3vh;}
.index_case .z-container:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; /*background: url(../images/bg3.png) no-repeat bottom center; */background-size: 100% auto;}
.z_index_cases .z-container:before{ display: none;}
.index_case_list ul{ margin-left: -2%;}
.index_case_list li{ width: 31.3%; margin-left:2%; margin-bottom: 40px; float: left;}
.index_case_list li .imgbox{ height:17.5vw; position: relative; z-index: 1; overflow: hidden;}
.index_case_list li .imgbox:before{ content: ""; display: block; width: 100%; z-index: 1; height: 100%;background: url(../images/casebg.png) no-repeat bottom center; background-size: cover;  position: absolute; left: 0; top: 0; transition: ease 1s; opacity: 0; }
.imgbg{ width: 100%; height:100%; transition: ease 1s; background-position: center; background-size: cover; background-repeat: no-repeat;}
.index_case_list li:hover .imgbg{ transform: scale(1.1,1.1);-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.index_case_list li:hover .imgbox:before{opacity: 1;}
.index_case_list li .infobox{ height: 120px; z-index: 1;  background-size: cover; background-position: center bottom;  overflow: hidden; position: relative; z-index: 1; padding: 30px; box-sizing: border-box; padding-right: 100px; box-sizing: border-box;}
.index_case_list li .infobox:after{
    content: "";
    overflow: hidden;
       width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: inherit;
    filter: blur(20px);

}
 
  
.index_case_list li .infobox:before{content: "";z-index: 1; display: block; width: 100%; height: 100%; background: rgba(255,255,255,.7); position: absolute; left: 0; top: 0; }
.index_case_list li h3{ font-size: 16px; margin-bottom: 10px; position: relative;z-index: 2;}
.index_case_list li h4{ color: #717171; position: relative;z-index: 2;}

.index_case_list li .index_more{ position: absolute; z-index: 2; color: #333; right: 30px; top: 50%; transform: translateY(-50%);}
/*.index_case_list li:hover .infobox:before{  background: rgba(238,238,238,1);}*/

.index_advantages{ width: 100%; box-sizing: border-box;  color: #333; margin:60px 0 }

/*.index_advantages .index_desc .tit1{color: #ffbe08;}*/
.index_advantages .index_desc .index_more{ margin-top: 50px;}
.index_advantages ul{   margin: 5vw auto;   display: flex;}
.index_advantages ul li{ width:14%; margin-right:3%;}
.index_advantages ul img{ width:66px; height:66px;}
.index_advantages ul li .youshi_list h3{ font-size:20px; font-weight:bold;  margin-top:10px;}
.index_advantages ul li .youshi_list p{ font-size:14px; line-height:1.5; margin-top:16px; color:#666}

.index_case_fl{ width:70%}
.index_case_fr{  margin:0 auto}
.index_case_fr img{  display: block; margin: 4vw auto 0;}

/*底部联系条*/
.lxgw {
    width: 100%;
    background: url(../images/gw-bg.jpg);
    background-size: 100%;
	padding:45px 0;
	background-repeat:no-repeat
	
}
.footer-right .jion-us a{
    height: 1rem;
}
.lxgw-tit {
    /*font-family: "siyuan-r";*/
 
    font-weight: medium;
    font-size: 30px;
    line-height:26px;
    text-align: center;
    padding-top: 12px;
	padding-bottom: 12px;
    color: #fff;
}

.lxgw-href {
    font-size: 14px !important;
    line-height: 1;
    margin: 0;
    text-align: center;
    margin-top: 12px;
}

.lxgw-href a {
    color: #fff;
	font-size: 18px;
}

.lxgw-href a:after
{content: "";
display: inline-block;
width: 24px;
height: 15px;
background: url(../images/jiantou.png) no-repeat center;
margin-left: 6px;
background-size: 100% auto;

}
.lxgw-href .iconfont {
    font-size: .17rem;
}
.foot_copy{ width: 100%; text-align:center; line-height: 20px;}
.foot_copy a{ color:#818181}
@media (max-width: 980px) {
   

    .lxgw-tit {
        padding-top: 1.05rem;
        font-size: .36rem;
        line-height: 1;
    }

    .lxgw-href {
        font-size: .26rem !important;
    }
}





.index_btmwarp{ }
.index_btmwarp .z-container{ background: #fff; margin-top: -11vh;}
.index_contact{ margin: 0 auto; padding: 9vh 0;}
.contact_tit{ margin-bottom: 80px;}
.contact_tit h3{ font-size: 52px; font-weight: bold; text-transform: uppercase; font-family: "en";}
.contact_tit h4{ font-size: 28px; font-weight: bold;}
.contact_desc dl{ display: flex; align-items: center; margin-bottom: 60px;}
.contact_desc dl dt{ flex-shrink: 0; margin-right: 40px;}
.contact_desc dl .icon{ display: block; margin-bottom: 10px;}
.contact_desc dl .icon img{ display: block; margin: 0 auto;}
.contact_desc dl span{ font-size: 18px; font-weight: bold;}
.contact_desc dl h3{ font-size: 24px; margin-bottom: 5px;  font-family: "num2"; font-weight: normal;}
.contact_desc dl h4{ color: #888;}
.contact_desc dl:last-child{ margin-bottom: 0;}
.index_lyform{ width: 40%;}
.index_lyform li{ width:46%; margin-bottom: 10px; float: left; position: relative; border-bottom:1px solid #dcdcdc; z-index: 1; padding-left: 10px; box-sizing: border-box;}
.index_lyform li:before{ content: ""; display: block; width: 4px; height: 4px; background: #bfbfbf; position: absolute; left: 0; top: 50%; margin-top: -2px; border-radius: 50%;}
.index_lyform li:nth-child(even){ float: right;}
.index_lyform .tit{ font-size: 18px; margin-bottom: 20px;}
.index_lyform li label{ display: block; line-height: 68px;}
.index_lyform li .text{ width: 100%; height: 68px; }
.index_lyform li .text::-webkit-input-placeholder { /* WebKit browsers */ color: #212121; font-size: 14px; }
.index_lyform li .text::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #212121; font-size: 14px; }
.index_lyform li .text:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #212121; font-size: 14px; }
.index_lyform li.texta{ width: 100%;}
.index_lyform .z_subbtn{ width: 52px; position: relative; cursor: pointer; margin-top: 4vh; height: 28px; overflow: hidden;}
.index_lyform .z_subbtn img{ display: block; transition: ease .4s;}
.index_lyform .z_subbtn .btn{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
/* .index_lyform .z_subbtn:hover  img{ transform: translateX(-52px);} */
.index_logo{ background: #f6f6f6;border-top:1px solid #efefef;}
.index_logo li{ width: 12.5%; padding: 20px; box-sizing: border-box;  transition: ease .4s; float: left; height: 17vh;border-right:1px solid #efefef;border-bottom:1px solid #efefef; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.index_logo li img{ display: block;filter: grayscale(100%);
　　-webkit-filter: grayscale(100%);
　　-moz-filter: grayscale(100%);
　　-ms-filter: grayscale(100%);
　　-o-filter: grayscale(100%); max-height: 100%; max-width: 100%;}
.index_logo li:hover{ background: #e9e9e9;}
.index_logo li:hover img{filter: grayscale(0%);
　　-webkit-filter: grayscale(0%);
　　-moz-filter: grayscale(0%);
　　-ms-filter: grayscale(0%);
　　-o-filter: grayscale(0%);}
.z_footer{overflow: hidden; width: 100%; background: #1b1b1b; background-size: cover!important; background-attachment: fixed!important; color: #fff; position: relative; z-index: 1;}
.z_footer .z-container3{ width: 1400px;}
.z_footer.z-container{ width: 83.3%;}
.z_footer:before{ content:""; display: block; width: 100%; height: 100%; background: #343a43;position:absolute; left: 0; top: 0;}
.foot_line{ width: 100%; height: 1px; background: url(../images/line2.png) no-repeat center; background-size: cover; background:#505459}
.foot_top{ padding: 7vh 0; display: flex; align-items: flex-start;}
.foot_tel{ float: left; margin-right: 4vw; padding-left: 40px; box-sizing: border-box; background: url(../images/footer_icon01.png) no-repeat left top -3px; }
.foot_email{float: left; margin-right: 4vw; padding-left: 40px; box-sizing: border-box; background: url(../images/footer_icon02.png) no-repeat left top -3px; }
.foot_tel h3,.foot_addre h3,.foot_email h3{ font-size: 18px; color: #ffffff; margin-bottom: 10px; }
.foot_tel h3 span,.foot_addre h3 span,.foot_email h3 span{ color: #b5bbc5;}
.foot_tel h4{ font-size: 24px; font-family: "num2";}
.foot_tel h5{font-family: "num2"; font-size: 16px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.foot_addre{float: left; margin-right: 4vw; padding-left: 40px; box-sizing: border-box; background: url(../images/footer_icon03.png) no-repeat left top -2px; }
.foot_addre h4{ line-height: 24px;}
.foot_fr{ float: right; margin-top:8px; margin-left: auto; display:flex;}
.foot_nav{ margin-bottom: 5vh;}
.foot_nav a{ color: #fff; display: inline-block; padding: 0 10px;}
.z_retop{ float: right; cursor: pointer; position:absolute;bottom: 12%;right: 3%;}
.z_retop .hovers{ position: absolute; left: 0; top: 0;  transition: ease .4s; opacity: 0;}
.z_retop .hovers img{ display: block; }
.z_retop:hover .hovers{ opacity: 1;}
.erweima p{ text-align:center; margin-top:10px; }
.footer_logo{ padding-left:10px;}
.biaoti{ background-image:linear-gradient(to right, #f46742, #fc9b70); -webkit-background-clip:text; -webkit-text-fill-color: transparent; padding:20px 0; font-size:30px; padding-left:10px;}
.foot_fr_l{ margin-right:30px;}

.foot_btm{ padding: 6vh 0;}

#captchaimg{ left: auto!important; right: 0!important;}
.z_nav_mask{ width: 100%; height: 100%; transition: ease .6s; transform: scale(.9,.9); opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; z-index: 99; background: #fff; padding:3.6vw 8.33vw; box-sizing: border-box;}
.z_nav_mask.on{ opacity: 1; visibility: visible; transform: scale(1,1);}
.z_nav_top{ display: flex; align-items: center; margin-bottom:3.2vw; }
.z_nav_top .logo img{ display: block; height: 46px;}
.z_nav_contact{ width: 740px; margin-left: 80px;}
.z_nav_contact .z_top{ border-bottom: 5px solid #373737; display: flex; align-items: flex-start;padding-bottom: 20px; margin-bottom: 20px;}
.z_nav_tel{ font-size: 13px; line-height: 24px; color: #161616; float: left;  font-family: 'en'; }
.z_nav_contact .z_en{ margin-left: auto; font-size: 2.5vw; font-family: "en"; text-transform: uppercase;-webkit-text-fill-color:transparent;
  -webkit-text-stroke:1px #333;transition: ease .5s; float: right; line-height: 48px;}
.z_cn{ font-weight: bold;}

.z_nav_list ul{ margin-left: -1.7%;}
.z_nav_list li{ width: 31.6%; margin-bottom:2.6vw; transition: ease .8s; -webkit-transition: ease .8s; overflow: hidden; float: left; position: relative; margin-left: 1.7%; height: 13.5vw; border:2px solid #434343; box-sizing: border-box;  }
.z_nav_list li a{ display: block; width: 100%; height: 100%;padding:2.08vw; padding-right: 10vw; box-sizing: border-box;}
.z_nav_list li .num{ font-size: 5vw; position:absolute; right: 0; top: 50%; transform: translateY(-50%); width: 10vw; text-align: center;-webkit-text-fill-color:transparent;
  -webkit-text-stroke:1px #d4d4d4;transition: ease .5s;font-family: "num";}

.z_nav_list li .tit h3{ text-transform: uppercase; font-family: "en"; margin-bottom: 10px; font-size: 30px; line-height: 30px;}
.z_nav_list li .tit h4{ font-size: 16px; font-weight: bold;}
.z_nav_list li .line{ margin:1.6vw 0;}
.z_nav_list li .line em{ animation: none;}
.z_nav_list li .more{font-size: 13px;transition: ease .5s; }
.z_nav_list li .desc{font-size: 13px; line-height: 28px; color: #fff;  transform: translateY(100%); transition: ease .5s; }
.z_nav_list li:hover .desc{ transform: translateY(-30%); }
.z_nav_list li:hover .more{ opacity: 0;}
.z_nav_list li:hover{ background: #5ab5ab; border-color: #5AB5AB;}
.z_nav_list li:hover a{ color: #fff;}
.z_nav_list li:hover .num{ -webkit-text-stroke:1px #fff;}
.z_slide_bar{ position: absolute; left: 50%; transform: translateX(-50%); bottom:2.6vw ;}
.z_slide_bar ul{ display: flex;  align-items: center; justify-content: center; position: relative;}
.z_slide_bar li:before{ content: ""; display: block; width: 50px; height: 1px; background: #7f7f7f; position: absolute; right: -65px; top: 50%; transform: translateY(-50%);}
.z_slide_bar li { position: relative; margin: 0 40px; cursor: pointer;}
.z_slide_bar li:last-child:before{ display: none;}
.z_slide_bar li em{ display: block; height: 25px;}
.z_slide_bar li .kf{ background:url(../images/s1.png) no-repeat center; margin-bottom: 5px;}
.z_slide_bar li .code{ background:url(../images/s2.png) no-repeat center; width: 25px; }
.z_slide_bar li .z_slid_code{ width: 60px; height: 60px; position: absolute; left: 50%; margin-left: -30px;transition: ease .4s;  bottom: 30px;transform: scale(0);}
.z_slide_bar li .z_slid_code img{ display: block; width: 100%;}
.z_slide_bar li:hover .z_slid_code{transform:scale(1,1); }
.z_slide_bar2{ position: fixed; opacity: 1; bottom: auto; transition: ease .5s; right: 25px; top: 50%; z-index: 9; transform: translate(0,-50%); left: auto;}
.z_slide_bar2.on{ opacity: 1; visibility: visible;}
.z_slide_bar2 ul{ display: block; text-align: center;}
.z_slide_bar2 li{ margin: 0; margin-bottom: 70px;}
.z_slide_bar2 li:before{ display: none;}
.z_slide_bar2 li .code{ margin: 0 auto;}

.z_slide_bar2 li:nth-child(2):after{ content: ""; display: block; position: absolute; left: 50%; top: -60px; height: 50px; width: 1px; background: #7f7f7f;}
.z_slide_bar2 li:last-child{ margin-bottom: 0;}

.z_small_banner{ width: 40%; height: 40vh; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 6;}
.z_small_banner .imgwarp{ width: 78%;height: 40vh; position: relative;}
.z_small_banner .imgwarp li{ height: 100%; width: 100%; transition: ease 1s; position: absolute; left: 0; top: 0; transform: scale(0,0); opacity: 0;}
.z_small_banner .imgwarp li.on{ opacity: 1; transform: scale(1,1);}
.z_small_banner .imgwarp li img{ display: block; width: 100%;}
.z_small_banner .other_num{ width: 22%; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff;  background: #00a17e; text-align: center;float: right; height: 40vh;}
.z_small_banner .other_num em{ display: block; margin: 3vh 0; font-family: "num2"; font-size: 25px;}
.z_small_banner .other_num .index{ font-size: 48px; line-height: 48px;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease .4s;} 
.z_other_banner{ width: 100%; height: 100vh;}
.other_banner_text{ width: 100%; position: absolute; z-index: 2; color: #fff; left: 0; top: 50%; transform: translateY(-50%);}
.other_banner_text .z-row{ width: 78%; margin: 0 auto}
.other_banner_text h3{ font-size: 4.58vw; color: #00a17e; font-family: "en"; line-height: 80px;}
.other_banner_text .line{ margin: 30px 0;}
 .other_banner_text h4{ line-height: 50px; font-size: 30px; margin-bottom: 20px;}
.other_banner_text .link{ display: inline-block; font-size: 18px; position: relative; line-height: 40px; color: #fff;}
.other_banner_text .link:before{ content: ""; display: block; width: 100%; height: 2px; background: #00a17e; position: absolute; left: 0; bottom: 0;}
.other_banner_text .link:hover{ color: #00A17E;}
.other_banner_text .desc{ width: 270px; line-height: 30px; margin: 30px 0;}
/*案例页面*/
.z_case_page .z_row{ margin: 0 auto; position: relative;}
/*.z_case_page .z-container:before{ content: ""; display: block; width: 100%; height: 12px; background: url(../images/line3.jpg) repeat-x; position: absolute; left: 0; top: 0;}
*/.z_case_page{ position: relative; z-index: 1;}
.z_case_page:before{ content: ""; display: block; width: 40%; background: #fff; height: 100%; position: absolute; left: 0; top: 0;}
.z_case_page .z_row:after{ content: ""; display: block; width: 200%; height: 12px; background: url(../images/line3.jpg) repeat-x; position: absolute; right: 0; top: 0; z-index: 1;}

/*案例详情*/
.z_case_xqpage{ width: 70%; position: relative; padding: 30px 8%; box-sizing: border-box; background: #fff; margin: 0 auto;z-index: 1; float: right; margin-top: 27vh;}
.z_case_xqpage:before,.z_news_page:before{ content: ""; display: block; width: 100%; height: 12px; background: url(../images/line3.jpg) repeat-x; position: absolute; left: 0; top: 0;}
.z_casexq_tit{ color: #5ab5ab; padding: 30px 0; border-bottom: 1px solid #dcdcdc; margin-bottom: 30px;}
.z_casexq_tit .tit{ text-transform: uppercase; font-weight: bold;}
.z_casexq_class{ color: #606060; line-height: 24px; }
.z_casexq_img{ padding: 30px 0;border-bottom: 1px solid #dcdcdc; padding-bottom: 60px; margin-bottom: 60px;}
.z_casexq_img img{ display: block; text-align: center; max-width: 100%;}
.z_casexq_code{ text-align: center; }
.z_casexq_code li{ display: inline-block;text-transform: uppercase; margin: 0 15px; vertical-align: top; line-height: 108px; width: 112px; height: 112px; border:2px solid #dcdcdc; box-sizing: border-box;}
.z_casexq_code li a{ display: block; width: 100%; height: 100%;font-weight: bold; font-family: "en"; }
.z_casexq_code li img{ display: block; width: 100%;}
.z_casexq_code li.code{ background: url(../images/line4.png) no-repeat center; background-size: cover; border: none; padding: 5px;}
.z_casexq_code h3{ color: #5ab5ab; margin-top: 30px;}
.z_other_banner2{ position: fixed; left: 0; top: 0; transition: ease .4s;}
.z_other_banner2 .other_banner_text .z-row{ width: 88%;}
.z_topbtm_bar{ width: 30%; position: fixed;transition: ease .4s; left: 0; bottom: 0; background: #5ab5ab; height: 12vh; line-height: 12vh; z-index:1;}
.z_topbtm_bar.animated{ animation: none;}
.z_topbtm_bar a{ display:block; width: 50%;display: flex; align-items: center; justify-content: center; float: left; color: #fff; text-align: center;}
.z_topbtm_bar .arr{ display: inline-block; width: 24px; height: 20px; overflow: hidden; margin: 0 5px;}
.z_topbtm_bar .arr img{ display: block; max-width: 100%; transition: ease .4s; margin: 0 auto;}
.z_topbtm_bar a:hover .arr img{ transform: translateY(-20px);}
.z_case_share li{ display: inline-block; margin-right: 10px;}
.z_case_share  li .iconfont{ color: #fff; font-size: 24px;}
.z_news_page{ margin-top: 80px; position: relative; padding: 80px 0; box-sizing: border-box;}
.z_news_list li .imgbox{ width: 68%; height: 73vh; overflow: hidden; float: right; transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.z_news_list li{ margin-bottom: 10vh;}
.z_news_list li:hover .imgbg{ transform:scale(1.3);}
.z_news_list li:hover .imgbox{transform:scale(.9);}
.z_news_list li{ position: relative;}
.z_news_list li .infobox{ position: absolute; padding-left: 50px; box-sizing: border-box; width: 37%;z-index: 1; left: 0; top: 50%; transform: translateY(-50%);}
.z_news_list li .infobox:before{ content: ""; display: block; width: 2px; height: 100%; background: #434343; position: absolute; left: -50px; top: 0;}
.z_news_list li .infobox:after{content: ""; display: block; width: 2px; height: 0%; transition: ease 1s; background: #00a17e; position: absolute; left: -50px; top: 0;}
.z_news_list li:hover .infobox:after{ height: 100%;}
.z_news_list li .time{ font-family:"num2"; font-size:65px; color: #00a17e; line-height: 60px;}
.z_news_list li .tit{ font-size: 42px; font-weight: bold; line-height: 60px; margin-bottom: 30px;}
.z_news_list li .index_more{ color: #333;}
canvas { display: block; vertical-align: bottom }
.z_nav_close{ width: 160px; height: 80px; background: url(../images/close.png) no-repeat center; position:absolute; right: 0; top: 0; cursor: pointer;}
#particles-js { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/ren.jpg) no-repeat center; background-size: cover; background-attachment: fixed; z-index: -1; }

.z_header2{ background: #e9e9e9;display: flex;
    justify-content: center;
    align-items: center;}
.z_newsxq_page{ width: 91%; z-index: 1; margin-left: 9%; margin-top: 80px; position: relative;}
.white_bgs{ background: #fff;}
.z_newsxq_page:before{ content: ""; width: 100%; height: 12px; background: url(../images/line3.png) no-repeat center; background-size: cover; position: absolute;left: 0; top: 0;}
.z_newsxq_fl{ width:79.5%; float: left;border-right:1px solid #d2d2d2; padding: 6.7vw; padding-right: 15vw; box-sizing: border-box;}
.z_newsxq_tit .title{ font-size: 3.125vw; margin-top: 14px; font-weight: bold;}
.z_newsxq_tit .slg{ font-size: 16px; font-weight: bold;}
.z_newsxq_tit{ margin-bottom: 3.125vw;}
.z_newsxq_con{ line-height: 30px; font-size: 14px; padding-bottom: 5.7vw;}
.z_newsxq_con img{ max-width: 100%!important; height: auto!important;}
.bshare-custom a{ background: none!important; font-size: 22px; margin: 0!important; cursor: pointer; margin-right: 15px!important; padding: 0!important;}
.bshare-custom a:hover{ color: #BF2E2E!important; text-decoration: none!important; opacity: 1!important;}
.z_newsxq_fr{ width: 20.5%; float: right; display: flex; align-items: center;     position: fixed; transition: ease .4s;
    right: 0;justify-content: center; padding-top: 6.7vw;}
.z_newsxq_fr .warps{ display:inline-block; }
.z_newsxq_fr .en{ font-family: 'en';text-transform: uppercase; margin-bottom: 10px;}
.z_newsxq_fr .h3{ font-weight: bold; font-size: 16px; font-weight: bold;}
.z_newsxq_fr .itmes{ margin-bottom: 4.68vw;}
.z_public_bg{ width: 100%; height: 100%; background: url(../images/bgbg.png) no-repeat center; background-size: cover; background-attachment: fixed; position: absolute; left: 0; top: 0; z-index: -1;}
.z_next_bar a{ display:flex; align-items: center; width: 100%; font-weight: bold; margin-top: 30px; font-size: 1.35vw; color: #7e7e7e;}
.z_next_bar a span{ color: #272727;}
.z_next_bar a:hover{ color: #333;} 
.z_next{  justify-content: center; margin-top: 8vw;}
.z_next div{ display: flex; justify-content: center; align-items: center;}
.z_contact_page{ position: relative;}
.z_contact_page .contact_img{ display: block; width: 100%;}

@keyframes zoombig {
	0%{transform: scale(1.1,1.1);} 

	100%{transform: scale(1,1);}
}
.z_service_banner .imgbg{animation: zoombig 1s linear forwards;}
















.z_news_pages{ margin-top: 80px; position: relative; }
.z_news_pages:before{ content: ""; display:block; width: 100%; height: 12px; background: url(../images/line3.png) no-repeat center; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1;}
.z_news_pages .news_bigimg{ display: block; width: 100%; }
.z_news_box{ width: 46.875%; background: #fff; position: absolute; right: 0; top: 0; height: 48vw; padding: 6.7vw; box-sizing: border-box;}
.z_other_tit span{ font-size: 16px;}
.z_other_tit .title{ font-size: 3.125vw; font-weight: bold; margin: 2vw 0;}
.z_other_tit .entit{ font-size: 24px; font-weight: bold; font-family: 'en'!important;}
.z_bigarr{ display: inline-block; height: 5.2vw;     position: absolute;
    bottom: 5vw;
    left: 49vw;}
.z_bigarr img{ display: block; max-height: 100%;animation:moves 2s linear  infinite;}
.z_news_box .z_bigarr{ margin: 5.6vw 0;}
.z_news_class a{ font-size:1vw; font-weight: bold; color: #9b9b9b; display: inline-block; margin-right: 1.8vw;}
.z_news_class a:hover,.z_news_class a.active{ color: #272727;}
.z_news_conwarp{ padding-left: 6.25vw; box-sizing: border-box; position: relative; margin-top: -9.3vw;}
.z_news_listwarp li{ width: 50%; overflow: hidden; height: 40vw; float: left; position: relative;}

.z_news_listwarp li .imgbg{transition: ease 1s;}
.z_news_listwarp li a{  width: 100%; height: 100%;}
.z_news_listwarp li .imgbox{ width: 100%; height: 100%; transition: ease 1s;transform: scale(1.2);}
.z_news_listwarp li.bg-blur .imgbox{transform: scale(1.2); transition: ease 1s;}
.z_news_listwarp li.bg-blur .imgbg{
    -webkit-filter: blur(5px); /* Chrome, Opera */
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px);   

}
.z_news_listwarp li.colorfff .infobox{ color: #fff!important;}
.z_news_listwarp li.colorfff .index_more{color: #fff!important;}
.z_news_listwarp li.bg-blur {}
.z_news_listwarp li .infobox{ width: 100%; color: #fff; height: 100%;z-index: 2; position: absolute; left: 0; top: 0; padding: 5.2vw; box-sizing: border-box;}
.z_news_listwarp li .z_news_slg span{ display: inline-block; margin-right: 20px;}
.z_news_listwarp li .title{ font-size: 2.4vw;  transition: ease 1s; font-weight: bold; margin: 3.125vw 0;}
.z_news_listwarp li:hover .title{ transform: translateY(30px);}
.z_news_listwarp li .desc{ line-height: 1.75;transition: ease 1s; font-size: 1rem;}
.z_news_listwarp li .index_more{ position: absolute; left:5.2vw; bottom: 5.2vw;}
.z_news_listwarp li.box1:hover .desc{transform: translateY(30px);}
.z_news_listwarp .box2 .title{ font-size: 4vw;}
.z_news_listwarp .box2 .desc{ position: absolute;  width: 100%; padding: 0 5.2vw; box-sizing: border-box; left: 0;    font-size: 24px; line-height: 40px; bottom: 7.2vw; transition: ease 1s; /*opacity: 0; transform: translateX(50px);*/}
.z_news_listwarp .box2 .index_more{transition: ease 1s;/* opacity: 0; transform: translateX(80px);*/}
.z_news_listwarp .box2:hover .desc,.z_news_listwarp .box2:hover .index_more{ opacity: 1; transform: translateY(-50px);}
.z_news_listwarp li:hover .imgbox{ transform: scale(1.3,1.3);}
.z_news_listwarp li .index_more em{ background: url(../images/line5.png) no-repeat center; background-size: cover;}
.z_news_listwarp li:nth-child(16n-15){background: #fff; }
.z_news_listwarp li:nth-child(16n-15) .infobox{color: #000;}
.z_news_listwarp li:nth-child(16n-15) .infobox .index_more{ color: #000;}
.z_news_listwarp li:nth-child(16n-15) .infobox .index_more em{ background: url(../images/more.png); border: none;}

.z_news_listwarp li:nth-child(16n-12){background: #000;}
.z_news_listwarp li:nth-child(16n-11){background: #0c13c1;}
.z_news_listwarp li:nth-child(16n){background: #c9efee; }
.z_news_listwarp li:nth-child(16n) .infobox{color: #000;}
.z_news_listwarp li:nth-child(16n) .infobox .index_more{ color: #000;}
.z_news_listwarp li:nth-child(16n) .infobox .index_more em{ background: url(../images/more.png); border: none;}
.z_news_listwarp li:nth-child(16n-7){background: #4d565b;}
.z_news_listwarp li:nth-child(16n-4){background: #d22851;}
.z_news_listwarp li:nth-child(16n-3){background: #f7ac03;}
.z_news_listwarp li:nth-child(16n-8){background: #fff;}
.z_news_listwarp li:nth-child(16n-8) .infobox{color: #000;}
.z_news_listwarp li:nth-child(16n-8) .infobox .index_more{ color: #000;}
.z_news_listwarp li:nth-child(16n-8) .infobox .index_more em{ background: url(../images/more.png); border: none;}

.z_news_listwarp li:nth-child(16n-14){background: #4bb4e7;}

.z_news_listwarp li:nth-child(16n-13){background: #f7ac03;}
.z_news_listwarp li:nth-child(16n-10){background: #d22851;}
.z_news_listwarp li:nth-child(16n-9){background: #4bb4e7;}
.z_news_listwarp li:nth-child(16n-6){background: #c9efee;}
.z_news_listwarp li:nth-child(16n-6) .infobox{color: #000;}
.z_news_listwarp li:nth-child(16n-6) .infobox .index_more{ color: #000;}
.z_news_listwarp li:nth-child(16n-6) .infobox .index_more em{ background: url(../images/more.png); border: none;}
.z_news_listwarp li:nth-child(16n-5){background: #0c13c1;}
.z_news_listwarp li:nth-child(16n-2){background: #000;}
.z_news_listwarp li:nth-child(16n-1){background: #4d565b;}




.z_news_listwarp li.animated .infobox{ animation: fadeInUp 2s;}
.z_news_listwarp .box2.animated .infobox{ animation: fadeInDown 2s;}
/*.z_news_listwarp .box2.animated .imgbg{animation: zoom 2s;}*/
@keyframes zoom {
	0%{transform: scale(1)} 
50%{transform: scale(1.1)} 
	100%{ttransform: scale(1)}
}
.z_other_footer{ padding: 3.125vw; box-sizing: border-box; line-height: 24px;}
@keyframes moves {
	0%{transform: translateY(0px);} 
50%{transform: translateY(-10px);} 
	100%{transform: translateY(0px);}
}
.z_contact_page{ background:url(../images/contact_img.jpg) no-repeat top center; background-size: 100% auto; background-attachment: fixed;    margin-top: 7.8526vw;}
.z_contact_warp{ width:91.6%; background: rgba(255,255,255,.97); padding: 6.25vw; box-sizing: border-box;}
.conatct_tit span{ font-size: 16px; font-weight: bold;}
.conatct_tit .title{ font-size:3.64vw; line-height: 4vw; font-weight: bold; margin: 30px 0; }
.conatct_tit .line{margin: 3.125vw 0;}
.contact_dl li{ float: left; min-width: 17vw;}
.contact_dl li .tit{ font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.contact_dl li .con{ font-size: 18px; font-weight: bold; line-height: 30px;}
.contact_dl li h4{ font-family: "en";}
.contact_dl li .yx{ text-decoration: underline;}
.conatct_code{ margin-top: 5.2vw;}
.conatct_code .codebox{ width: 100px; text-align: center; float: left;}
.conatct_code .codebox:first-child{ margin-right: 28.5vw;}
.conatct_code .codebox img{ display: block; width: 100%; height: 100px;}
.conatct_code .codebox h3{ font-size: 16px; font-weight: bold; margin-bottom: 25px;}
.z_contact_ly{ width: 91.6%; margin-left: 8.4%; background: #fff; position: relative; margin-top:11.9vw;}
.z_contact_ly:before{ content: "";display: block; width: 100%; height: 12px; background: url(../images/line3.png) no-repeat center;background-size: cover;}
.z_contact_form{padding:5.2vw 0; padding-right: 8.3vw; padding-left: 32vw; box-sizing: border-box; }
.z_contact_form .tit{ font-size: 3.64vw; line-height: 4.68vw; font-weight: bold; margin-bottom: 3.5vw;}
.z_contact_form .form_ul li{ width: 47.4%; float: left;}
.z_contact_form .form_ul li:nth-child(even){ float: right;}
.z_contact_form  .label{ display: block; font-size: 18px; font-weight: bold;} 
.z_contact_form .form_ul li .input_text{ width: 100%; display: block; height: 50px; border-bottom:1px solid #e5e5e5; font-size: 15px; font-weight: bold; margin-bottom: 2.6vw;}
.myinput_text{ width: 100%; display: block; height: 50px; border-bottom:1px solid #e5e5e5; font-size: 15px; font-weight: bold; margin-bottom: 2.6vw;}
.z_contact_way .tit2{ font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.z_way_li li{ display: inline-block; position: relative; font-size: 16px; margin-right: 4vw;}

.z_check_box{ position: relative; display: flex; align-items: center;}
.check_input{ position: absolute; left: 0; top: 0; width: 100%; height:100%;opacity: 0;}
.check_input + label{ width: 15px; display: inline-block; height: 15px; margin-right: 10px;  vertical-align: -1px; background: url(../images/radio1.png) no-repeat center; background-size: 100% 100%; }
.check_input:checked + label{  background: url(../images/radio2.png) no-repeat center; background-size: 100% 100%; }
.z_texta_warp{ margin: 3vw 0;}
.z_texta_warp .texta{ width: 100%; background: #ffffff; border:2px solid #e5e5e5; margin-top: 15px; box-sizing: border-box;; padding: 15px; box-sizing: border-box; height: 280px; box-sizing: border-box;line-height: 20px;}
.z_ly_btn{ font-size: 20px; cursor: pointer; font-weight: bold; background:url(../images/arr4.png) no-repeat right center; padding-right: 60px;}
.z_ly_btn:hover{ font-weight: bold;}

/*服务*/
.z_service_banner{ width: 100%; overflow: hidden; height: 100vh; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed;}
.z_service_banner .imgbg{ position: relative;background-attachment: fixed; }
.z_service_banner .imgbg:after{ content: ""; overflow: hidden;
	width: 50%;
	height: 100%;
	position: absolute;
	right:0;
	top:0;
	background: inherit;
	filter: blur(20px); z-index: 1;
}
.z_banner_con{ width: 50%; height:100vh; display: flex; align-items: center; padding: 6.77vw; box-sizing: border-box;  position: absolute; right: 0; top: 0; background:rgba(255,255,255,.5);}
.z_banner_con .title{ font-size: 3.64vw; font-weight: bold; line-height:4.1vw; margin-bottom: 2.6vw;}
.z_banner_con .slg{ font-size: 16px; font-weight: bold;; margin-bottom: 30px;}
.z_banner_con .en{ font-size: 24px;font-weight: bold; font-family: "en"; margin-bottom:5.2vw;}

.z_service_part1{ background: #e8ecf3; overflow: hidden; z-index: 1;}
.z_service_part1:before{ content:""; width:100%; height:120%; position: absolute; left: 0; bottom: -5vw; background:url(../images/service2.png) no-repeat bottom center; background-attachment: fixed; background-size: 100% auto;}
.z_service_part{ padding: 14.33vw 4.16vw ; color: #fff; box-sizing: border-box; position: relative;}
.z_service_tit{ font-size: 6.5vw; letter-spacing: -5px; margin-bottom: 4.16vw;}
.z_service_textbox{ width: 29vw; margin-bottom: 8.3vw; position:relative; margin-left:5vw }
.z_service_textbox .title{ font-size: 2.875vw; padding-top:25px; color:#343a43;}
.z_service_textbox .desc{ line-height: 24px; margin:2.08vw 0;}
.z_service_textbox .desc_p{ line-height: 30px; color:#6e7888;}
.z_service_textbox .desc_p h3{ font-size: 1.575vw; margin:30px 0 6px; color:#353b44}
.z_service_part1 .z_service_textbox2{ margin-left: 22.9vw;}
.z_service_textbox3{ margin-left: 54.1%;}
.z_service_qy{ margin-top: 2.08vw; width: auto;}
.z_service_qy li{ display: flex; min-height: 40px; width: 300px; margin-bottom: 10px; padding: 10px 0; min-width: 16.1vw; align-items: center; border-bottom: 2px solid #ffffff;}
.z_service_qy li img{ display: block; max-height:50px; float: left;}
.z_service_qy li .txt{ float: right; margin-left: auto;}
.z_service_img1{ width:45.83vw; height: 45.83vw; position:absolute; right: 0;top: 14.8vw;}
.z_service_part1 .z_bigarr{ position: absolute; left:9.9vw; bottom: 15vw ;}
.z_service_img img{ display: block; width: 100%;}
.z_service_part2{  padding-bottom: 8.6vw; position: relative; z-index: 1; background:#f5f6f8}
.z_service_part2:before{ content: ""; display: block; width: 100%; background: url(../images/service4.png) no-repeat bottom center; background-attachment: fixed; background-size:100% auto; height:100%; position: absolute; right: 0; bottom: 0;}
.z_service_img2{ width: 45.8vw; height: 45.8vw; position: absolute; left: 0; top: -11.97vw; z-index: 1;}
.z_service_frwarp{ float: right; width: 39vw;}
.z_service_part2 .z_service_flwarp{ margin-top:1vw; float: left; display: flex;}
.z_service_part3{ color: #333;}
.z_service_part3 .z_service_img{ position: relative; margin-top: -17vw;  z-index: 1;  box-shadow: 0px 23px 65px 0px rgba(175, 192, 207, 0.19); background:#fff; padding: 3vw 0; margin-bottom:5vw}
.z_service_part3 .z_service_img_youshi,.z_service_part3 .z_service_img_liucheng{ padding:4vw 10vw;}
.z_service_part3 .z_service_img_youshi .title,.z_service_part3 .z_service_img_liucheng .title,.z_service_qyal .title{ font-size: 2.875vw; padding-bottom: 25px; color: #343a43; text-align:center}
.z_service_part3 .z_service_img_youshi i{ width:46px; height:46px; display:block}
.z_service_part3 .z_service_img_youshi ul li{ float:left; width:25%; margin-bottom:7vw;}
.z_service_part3 .z_service_img_youshi ul li h4{ font-size:1.575vw;color: #353b44; margin-bottom:10px;}
.z_service_part3 .z_service_img_youshi ul li p{line-height: 30px; color: #6e7888;}

.z_service_part3 .desc_img{margin-top:3.125vw;}
.z_service_flwarp{ float: left;}
.z_service_frwarp{float: right;} 
.z_service_qy2 li{ border-bottom-color: #333;}
.qy_case{ margin-top:2vw}
/*.z_service_part4{ padding-bottom: 14vw; z-index: 1;}
.z_service_part4:before{ content:""; display: block; width:100%; height:100%;background: url(../images/service8.png) no-repeat center; background-size:100% 100%; background-attachment: fixed; position: absolute; right: 0; bottom: 0;}
.z_service_part4 .z_service_img{ width:45.8vw; position: absolute; right: 0; top: -11.9vw;}
.z_service_part4 .z_service_frwarp{ margin-top: 40.5vw;}

.z_service_part5{ color: #333; padding-bottom: 0; padding-top: 13.5vw;}
.z_service_part5 .z_service_img{width:45.8vw; position: absolute; z-index: 1; left: 0; top: -8.3vw;}
.z_service_part5 .ly_tit{ font-size: 36px; margin-top: 20px;}
.z_service_part5 .z_service_tit{ margin-bottom: 0;}
.z_service_form ul{ margin: 4.2vw 0; width: 32.3vw;}
.z_service_form ul li{ border-bottom:1px solid #2f323a; margin-bottom: 10px; }
.z_service_form ul li .text{ display: block; height: 3.125vw;font-size: 16px;}
.z_service_form .z_tjbtn{ width: 170px;cursor: pointer; height: 60px; line-height: 60px; background: #2f323a; color: #fff;}
.z_service_form .z_tjbtn:hover{ background: #005AFF;}
.z_service_part6{ color: #333; background:url(../images/service10.png)no-repeat right center; background-size: auto 11.66vw; display: flex; justify-content: center; align-items: center;}
*/
.z_service_con .tit{ font-size: 3.64vw; margin: 2.1vw 0; font-weight: bold; margin-top: 1vw;}
.z_service_con .desc{ font-size: 16px; font-weight: bold;}
.z_service_textbox .about_num {
    position: absolute;
    right: 0%;
    top: 0;
    z-index: 1;
}
.z_service_textbox:hover .about_num .num2{ transform: translateY(0) scale(1,1); opacity: 1;}
.z_service_textbox:hover .about_num .num1{ transform: translateY(-100%) scale(.6,.6); opacity: 0;}
.z_service_textbox_con{ margin-top:30px;}
.z_service_qyal{width: 60vw;  position: relative; margin: 0 auto; text-align:center}

/*视觉系统建立*/
.product02 .case_nav li{ height:66px}
.index_case_con{ margin-bottom:30px; margin-top:30px;}
.index_case_con p{ font-size:16px; color:#6e7888; line-height:1.5; width:60%}

/*活动支持*/
.product03_hdcon ul li{ width:25%; text-align:center}
.product03_servicecon{ background:url(../images/hdzc_service_bg.jpg) no-repeat; background-size:cover; padding:40px 0 100px}
.product03_servicecon ul{ display:flex; flex-wrap:wrap; margin: 5vw 0;}
.product03_servicecon ul li{ width:47%; margin-left:3%}
.product03_servicecon ul li h3{font-size: 20px; font-weight: bold;}
.product03_servicecon ul li p{font-size: 14px; line-height: 1.5; color: #666; margin-top: 16px; }
.product03_servicecon ul li p span{ font-weight:bold}
.product03_servicecon_list{ width:80%; text-align: left; margin:15px auto 40px}
.product03_servicecon:after{ clear:both}
.product03_anlicon{background:url(../images/anlicon_bg.jpg) no-repeat; background-size:100%; padding: 5vw 0;}
.product03_anlicon .index_case_list{ width:60%; margin:2vw auto 0 }

/*品牌建设全案*/
.product04_ppjsqa_why{ margin:5vw 0}
.product04_ppjsqa_why_con{ margin:20px 0; width:60%}
.product04_ppjsqa_why_con p{}
.product04_ppjsqa_why ul li{ position:relative; width:44%; margin:2%; float:left}
.product04_ppjsqa_why ul li h4{ font-size:26px; margin-bottom:20px }
.product04_ppjsqa_why ul li p{ font-size:16px; line-height:2; color:#666}
.ppjsqa_dn_bg{position:relative;}
.ppjsqa_dnw{ position:absolute; top:10%; left:10%}

.product04_ppjsqa_con{ background:url(../images/ppjsqa_jd_bg.jpg) no-repeat; background-size:100%;position:relative; padding:10vw 0}
.product04_ppjsqa_con .ppjsqa_jd_img{ width: 90%; display: block; margin: 0 auto;}
.ppjsqa_con{ }
.ppjsqa_con_text01{position:absolute; left:19%; top:36%;}
.ppjsqa_con_text02{position:absolute; right:24%; top:33%;}
.ppjsqa_con_text01 h3,.ppjsqa_con_text02 h3{font-size:24px; padding-bottom:10px; border-bottom:1px solid #D7D7D7; margin-bottom:10px;} 
.ppjsqa_con_text01 p,.ppjsqa_con_text02 p{font-size:14px; line-height:1.6; margin-bottom:40px; color:#666} 
.ppjsqa_con_bottom_text{ width:80%; margin:4vw auto 0; }
.ppjsqa_con_bottom_text img{display:block; margin: 0 auto;}

.product04_ppjsqastx{ margin:4vw 0}
.ppjsqastx_list{ }
.ppjsqastx_list ul li{ width:33%; float:left; display:flex; margin:4vw 0;}
.ppjsqastx_list ul li img{ width:30%; display:block; height: 100%;}
.ppjsqastx_list ul li h4{  font-size:26px; margin:10px 0 10px}
.ppjsqastx_list ul li p{ font-size:16px; line-height:1.5; color:#666; width:80%}


/*弹窗*/
.theme-popover-mask {
	z-index: 998;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.4;
	/*filter:alpha(opacity=40);*/
	display:none
}
.theme-popover {
	z-index:999;
	position:fixed;
	top:50%;
	left:50%;
	width:530px;
	height:360px;
	margin:-180px 0 0 -265px;
	border-radius:5px;
	/*border:solid 2px #666;*/
	background-color:#fff;
	display:none;
	box-shadow: 0 0 20px #ccc;
}
.theme-poptit {
	border-bottom:1px solid #f1f1f1;
	padding:20px;
	position: relative;
	font-size:20px;
	text-align:center
}
.theme-popbod {
	padding:40px 15px;
	color:#444;
	height: 148px;
}
.theme-poptit .close {
    float: right;
    color: #000;
    padding: 5px;
    margin: -2px -5px -5px;
    font: bold 14px/14px simsun;
    text-shadow: 0 1px 0 #ddd;
	opacity: .7;
}
.theme-popbod img{
	display: block;
    width: 31%;
    margin: 0 auto;}


/*关于我们*/
.z_about_banner{ height: auto; }
.z_about_banner img{ display: block;width: 100%;}
.z_about_banner .z_banner_con{ z-index: 1; }
.z_about_banner .z_banner_con:before{ content: "";filter: blur(40px); display: block; width: 100%; height: 100%; background:rgba(255,255,255,.8); position:absolute;left: 0; top: 0; ;}
.z_about_warp{ width: 91.66%; margin:0 auto;  padding:6.25vw 8.33vw; box-sizing: border-box;}
.z_about_tit .h3{ font-size: 3.64vw; line-height: 3.125vw; color: #3a3a3a; font-weight: bold; font-family: 'en';}
.z_about_tit h4{ font-size:1.5625vw; font-weight: bold;}
.z_about_desc{ width: 29.7vw; line-height: 32px; font-size: 15px; color: #737373; margin:3.125vw 0;}
.z_about_num {margin-top:2vw; margin-bottom:4vw}
.z_about_num li{ display: inline-block; margin-right: 3.8vw; text-align: center;}
.z_about_num li h3 em{ font-weight: bold; font-size: 3.125vw;}
.z_about_num li h3{font-size: 40px;font-weight: bold; color: #3a3a3a; display: flex; align-items: center;font-family: 'num2'}
.z_about_num li h4{ color: #acacac;}
.z_about_culture{width: 91.66%;  min-height: 86.4vw; color: #fff; padding: 0 5.7vw; box-sizing: border-box; margin-left: 8.34%; background: url(../images/culture_bg.jpg) no-repeat bottom right ; background-attachment: fixed; position: relative; background-size: cover;  padding-top:700px;}
.z_about_culture .index_desc .tit3{ margin-top: 20px;}
.z_culture_info{ position: absolute; left: 5.7vw; bottom: 6.7vw; max-width: 40vw;}
.z_culture_info .num{ font-size: 1.56vw;margin-right: 20px; display: inline-block;}
.z_culture_info h3{ font-size: 1.82vw; margin-bottom: 20px; }
.z_culture_info .desc{ padding-left: 64px; font-size: 18px; font-weight: bold; line-height: 30px;}
.flwarp{ float:left;}
.frwarp{ float:right;}
.z_culture_text{ position: absolute; right: 0; bottom: 6.77vw;}
.z_culture_text .text_img{ height: 5.72vw; margin-top: 2.6vw;}
.z_culture_text .text_img img{ display: block; max-height: 100%;}
.z_culture_cilire{ position: absolute; left: 41.6vw; bottom: 26.15vw;}
.z_culture_cilire img{animation: rotate 5s linear infinite;}
	@keyframes rotate{
    0%{
        transform: rotate(0);
      }
    100%{
    	transform:rotate(360deg);
    }

	}
.z_about_process{ background: #fff; margin-left: 8.34%;width: 91.66%; padding: 30px 40px; box-sizing: border-box;}

/*品牌文化*/
/*.index5 {position: relative; padding-top: 160px; padding-bottom: 140px; height: 960px; color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.index5 .title {position: absolute; left: 15.5%; top: 160px; margin-left: -15px;}
.index5-swiper {position: absolute; left: 38.833333%; right: 15.5%; bottom: 205px; margin-right: -15px;}
.index5-swiper dl {position: absolute; left: 0; bottom: 0; right: 0; opacity: 0; transform: translateY(-75px); transition: all 1s;}
.index5-swiper dl.on {opacity: 1; transform: translateY(0);}
.index5-swiper dt {padding: 30px 20px; font-size: 20px; font-weight: normal;}
.index5-swiper dd {padding: 0 20px; font-size: 16px;}
.index5-btn {right: 15.5%; bottom: 140rem; left: 38.833333%; margin-right: -15px; padding: 20rem 0; font-size: 16px; border-top: 1px solid rgba(255, 255, 255, .2);}
.index5-btn span {display: inline-block; cursor: pointer; padding:0 30px}
.index5-btn span i {position: relative; top: -2px; display: inline-block; margin-right: 10px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 16px solid #fff; vertical-align: middle;}
.index5-btn__line {left: 0; top: -20px; width: 200px; height: 2px; background: #cf263a; transition: all .3s;}
.weui-cell{ display: flex; -webkit-box-align: center;  align-items: center;}
*/

/*品牌文化*/
.z_index_youdian{ height: 85vh; overflow: hidden; position: relative;padding: 6.25vw 8.33333vw; box-sizing: border-box; background: url(../images/about_ppwh.jpg) no-repeat center; background-size:cover;background-attachment: fixed;}
.z_youdian_bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;  }
.z_youdian_bg li{width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: ease 1s; transform: scale(1.1); opacity: 0;}
.z_youdian_bg li.on{ transform: scale(1,1); opacity: 1;}
.z_youdian_swiper{ width: 80%; overflow: hidden; position: absolute; left: 10%; top: 45%; transition: cubic-bezier(0.215,.61,.355,1) 2s;  }
/* .z_index_school.swiper-slide-active .z_school_swiper{transform: perspective(600px) rotate(0);} 
.z_index_school.swiper-slide-active .z_school_swiper{left: 0;}*/
.z_youdian_swiper li a{ width: 100%; height: 100%; padding: 6vw 4.8vw; box-sizing: border-box; text-align: center;  display:flex}
.z_youdian_swiper .z_youdian_logo img{ display: block;  width:43vw; position:relative}
.z_youdian_swiper li .desc{   
	margin: 1.5vw 0 2.2vw 0;
	position: absolute;
	left:41%;
	top: 32%;
	text-align: left;
	width: 54%;
	display:flex;
  }
  .mun_adv{width: 8vw;
    height: 8vw;
    position: absolute;
    right: 15%;
    opacity: 0.25;
    top: 27}
.z_youdian_swiper li .desc h3{ font-size:40px; color:#fff;font-weight: bold; margin-right:20px;  }		
.z_youdian_swiper li .desc h5{font-size: 20px; color:#eeeeee;  line-height: 50px;}
.z_youdian_swiper li .desc p{ font-size:1vw;   line-height: 1.1;  color:#99abb7;    /*text-transform: uppercase;*/}
.z_youdian_btnbox{ width: 100%; height: 6.25vw; background: #2f3035; display: flex; align-items: center; justify-content: center;}
.z_youdian_swiper .btn{ color: #fff; cursor: pointer; outline: none; margin-top: -2px;} 
.z_youdian_swiper .btn:hover{ color: #D60011;}
.z_youdian_tab{ width: 50%; position: absolute; left: 40% ;bottom: 30%; z-index: 1; border-top: 1px solid rgba(255,255,255,.2); transform: translateX(100%); opacity: 0; transition: ease 2s;}
.z_youdian_tab li{ width: 25%;  overflow: hidden; float: left; z-index: 1; cursor: pointer; transition: ease 1s; position: relative; /*height: 6.25vw;*/ line-height: 1.2; text-align: center; color: #cfcfcf; font-size: 1.2vw; padding-top: 37px;}
.z_youdian_tab li i{position: relative; top: -2px; display: inline-block; margin-right: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #f46742; vertical-align: middle;}

.z_youdian_tab li::before{    
    content: "";
    display: block;
    width: 50%;
    height: 4%;
    position: absolute;
    left: 25%;
    top: -1px;
    background: #f46742;
    transition: ease 1s;
    transform: translateX(-100%);
    opacity: 0;
    border-radius: 55px;}
.z_youdian_tab li.active::before{ transform: translateX(0); opacity: 1;}
.z_youdian_tab li.active {color: #fff;   bottom: 8%;}
.z_youdian_tab li em{font-family: Gotham;}
.z_youdian_tab{ transform: translateX(0); opacity: 1;}
.ellipsis3 {
     display: -webkit-box; 
     -webkit-box-orient: vertical; 
     -webkit-line-clamp: 3; 
     overflow: hidden; 
     text-overflow: ellipsis; 
}
.titbox h2{ font-size:3.125vw; color:#fff;}
/*---------------------结束------------------------*/

/*行业优势*/
.about8 {
    margin: 80px 0;
    padding: 20px 20px;
    color: #fff;
    font-size: 36px;
    background: #f67653;
    border-radius: 10px;
    box-shadow: 0 30px 40px rgba(255, 0, 30, .19);
    overflow: hidden;
}
.about8 img{ width:100%}
@media (min-width: 1200px){
.hidden-lg {
    display: none!important;
}}
@media (max-width: 991px){
.hidden-xs{
    display: none!important;
}	
.about8 {
    font-size: 28px;
}
}


.z_process_warp{ border-bottom:5px solid #1b1b1b;border-top:5px solid #1b1b1b; display: flex;align-items: flex-end; margin-top: 3.125vw;}
.z_process_con,.z_process_year{ width: 50%; float: left;}
.z_process_con{ padding: 3.125vw 0; position: relative;}
.z_process_con .child{ }
.z_process_con .child{ position: absolute; opacity: 0; visibility: hidden; transform: translateY(3.5vw); transition: ease .5s;  left: 0;bottom: 0; bottom: 3.125vw;}
.z_process_con .child.on{ opacity: 1; visibility: visible; transform: translateY(0);}
.z_process_con .arrimg{ margin-bottom: 3.125vw;}
.z_process_con .con{font-size: 1.25vw; line-height: 2.5vw;}
.z_process_year{ width:28vw; margin-left: auto; position: relative; float: right; overflow: hidden; height:26vw;}
.z_process_year li{ font-family: 'num3';color: transparent;  box-sizing: border-box;
-webkit-text-stroke: 2px #0d1619;   text-align: center; font-size: 13vw; }
.z_process_year li.swiper-slide-active, .z_process_year li.swiper-slide-duplicate-active{ color:#0d1619;  
-webkit-text-stroke: 0px #0d1619;}
.z_process_year .yearbtn{ position: absolute;cursor: pointer; z-index: 1; top: 55%; transform: translateY(-50%);}
.z_process_year .prev{ left: 0;}
.z_process_year .next{ right: 0;}

.z_about_btmwarp{  padding-left: 8.34%; box-sizing: border-box; position: relative; background: #e9e9e9; z-index: 1;}
.z_about_team{ background: #313131;}
.z_about_btmwarp:before{ content: "";z-index: 1; display: block; width: 8.34%; background:#313131; position: absolute; left: 0; top: 0; height: 100%;}
.z_team_box{ width: 33.5%; min-height: 24.4vw; float: left; background:#2b4fd6; color: #fff; padding: 4.68vw 3.64vw; box-sizing: border-box;}
.z_team_box .z_about_tit .h3{ color: #fff; margin-bottom: 20px;}
.z_team_box .desc{ font-size: 16px; line-height: 30px;}
.z_team_pic{ width: 48.8vw; float: left; position: relative;}
.z_team_pic li{ width: 12.2vw; height: 12.2vw; overflow: hidden; float: left; position: relative;}
.z_team_pic li .imgbg{-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.z_team_pic li .imgbg img{ display: block; width: 100%; height: 100%;}
.z_team_pic li .infobox{ width: 100%; height: 100%; opacity: 0; transition: ease 1s; position: absolute; left: 0; top: 0; background: rgba(43,79,214,.9); padding: 2.08vw 1.56vw; box-sizing: border-box; color: #fff;}
.z_team_pic li h3{font-size: 24px; margin-bottom: 10px;}
.z_team_pic li h4{ font-size: 16px;}
.z_team_pic li:hover .infobox{ opacity: 1;}
.z_team_pic li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_team_pic li:last-child{ position: absolute; left: -12.2vw; bottom: 0;}
.z_about_Journal{ min-height: 53.6vw; position: relative; z-index: 1; padding-right: 9.1%; box-sizing: border-box;}
.z_about_Journal:before{ content: "";  pointer-events: none; display: block; width: 100%; height: 49.3vw;background: #2ccab9; position: absolute; left: 0; top: 0;}
.z_journal_con{ padding: 5.2vw; box-sizing: border-box; padding-right: 0;}
.z_journal_text{ width: 27vw; float: left;}
.z_journal_num{ width: 41vw; float: right; border-bottom:3px solid #313131;border-top:3px solid #313131;}
.z_journal_num ul{ display: flex; justify-content: space-between;}
.z_journal_text .desc{ line-height: 30px; margin-top: 2.08vw;}
.z_journal_num li h4{ font-size: 6.25vw; font-style: italic; line-height: 5.25vw; margin-top: 10px; font-family: "num3";}
.z_journal_num li{padding: 2.6vw 0;}

.z_journal_list .flwarp{ width:48.4%; float: left; height: 48.4vw;}
.z_rz_item{ position: relative;}
.z_rz_item a{ display: block; width: 100%; height: 100%;}
.z_rz_item .infobox{ width: 100%;position: absolute; left: 0; bottom: 0; padding: 2vw; box-sizing: border-box; color: #fff;}
.z_rz_item .touxiang{ width:44px; height: 44px; margin-right: 20px; overflow: hidden; border-radius: 50%;border:2px solid #e9b108;}
.z_rz_item .touxiang img{ display: block; width: 100%; height: 100%;}
.z_rz_item .z_user{display: flex; align-items: center; color: #ffb000; font-weight: bold;}
.z_rz_item .z_user span{ display: inline-block; margin-right: 20px;}
.z_rz_item .desc{ font-size: 1.8vw; line-height: 2.6vw; margin-top: 20px; font-weight: bold; max-height: 5.2vw; overflow: hidden;}
.z_rz_item .imgbg{ transition: ease 1s;}
.z_rz_item:hover .imgbg{ transform: scale(1.05,1.05);}
.z_journal_list .frwarp{ width: 49%; float: right;}
.z_journal_list .z_rz_top{ height: 23.17vw;}
.z_journal_list .z_rz_top .z_rz_item{ height: 100%; width: 47%;}
.z_rz_btm{height: 23.17vw; width: 100%; margin-top: 2.08vw;}

.z_job_head{ background: none;}
.z_czbox{ width: 10%; text-align: center; position: absolute; left: -10%; bottom: 5.2vw; color: #fff;}
.z_journal_bar{ text-align: center; margin: 20px auto;}
.z_journal_bar li{width: 100%; margin: 30px 0; flex: 1; position: relative;}
.z_journal_bar li.on{ color: yellow;}
.z_journal_bar li:nth-child(1):before{ content:"01";}
.z_journal_bar li:nth-child(2):before{ content:"02";}
.z_journal_bar li:nth-child(3):before{ content:"03";}
.z_journal_bar li:nth-child(4):before{ content:"04";}
.z_journal_bar li:nth-child(5):before{ content:"05";}
.z_journal_bar li:nth-child(6):before{ content:"06";}
.z_journal_bar li:nth-child(7):before{ content:"07";}
.z_journal_bar li:nth-child(8):before{ content:"08";}
.z_journal_bar li:nth-child(9):before{ content:"09";}
.z_journal_bar li:nth-child(10):before{ content:"10";}

.z_czbox .btn{ cursor: pointer;}

.z_job_warp{ width: 100%; background: #fff; width: 91.66%; margin-top: 4.68vw; position: relative;}
.z_job_warp .z_job_padd{padding-left: 8.33%; box-sizing: border-box; }
.z_job_warp:before{ content:""; display: block; width: 100%; height: 12px; background:url(../images/line3.png) no-repeat left center; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1;}
.z_job_head{ border-bottom:2px solid #eeeeee; padding: 5.2vw 0; position: relative;}
.z_sb{ position: absolute; bottom: 5.2vw; right: 8.33%;}
.z_sb img{animation:moves 2s linear  infinite;}
.z_job_head:before{ content: ''; display: block; width:13vw; height: 2px; background: #e5e5e5; position: absolute; left: 8.33%; top: 9.7vw;z-index: 1;}

.z_job_item{ padding:30px 0; overflow: hidden; box-sizing: border-box;  position: relative;border-bottom:2px solid #eeeeee; transition: ease 1s;}
.z_job_title{ width: 19.3vw; float: left;}
.z_job_title .h3{ font-size: 1.875vw; font-weight: bold;}
.z_job_title .h4{ color: #717171; font-size: 1.04vw; line-height: 1.8vw; margin: 20px 0;}
.job_more{ background: url(../images/zmore.png) no-repeat left center; cursor: pointer; padding-left: 50px; height: 30px; line-height: 30px;}
.z_job_box{ width: 18.2vw;  overflow-y: auto; float: left; margin-left: 5.2vw;}
.z_job_box h3{ font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.z_job_box .desc{ line-height: 30px; color: #969696;}
.z_job_num{ font-size: 5.8vw; font-family: "num2"; color: #e8e8e8; transition: ease .6s; position: absolute; right: 5.2vw; top:3.9vw;}
.z_job_con{ height: 140px; overflow: hidden; transition: ease .3s;}
.z_job_item.on .z_job_con{ height: auto;}

.z_journal_text .z_line{ margin: 30px 0;}
.z_journal_text .z_line em{ background: url(../images/line6.png) no-repeat center; width: 116px; background-size: cover; animation:none}

	.z_culture_text .text_img{ font-size:7.8125vw; cursor: pointer; transition: ease .5s;  box-sizing: border-box;  font-family: 'en'; color: #fff; text-transform: uppercase;}
				.z_culture_text .text_img.on{color: transparent;
    -webkit-text-stroke: 2px #fff;}
	            .z_child_box{ opacity: 0; position: absolute; left: 0; top: 0; transition: ease .6s; transform: translateY(100px);  }
				.z_child_box.on{opacity: 1;}
				.z_child_box.on{ transform: translateY(0); opacity: 1;}
				.z_child_box:nth-child(1){ position: relative;}
.z_case_subnav{ padding: 30px 0; border-top:1px solid #dcdcdc;}
.z_case_subnav a{ font-size: 16px; color: #9b9b9b; line-height: 20px; display: inline-block; margin-right: 30px; margin-bottom: 10px;}
.z_case_subnav a.active{ color: #0d0000;}
.z_case_subnav a:hover{ color: #0d0000;}
.z_case_pagebar{ text-align: center; border-top:1px solid #dcdcdc; padding-top: 40px; margin-top: 40px; padding-bottom: 40px;} 
.z_case_pagebar li a{ display: inline-block; width: 42px; font-weight: bold; margin: 0 7px; height: 42px; border:1px solid #ccc; box-sizing: border-box; line-height: 40px; text-align: center;}
.z_case_pagebar li.btn a,.z_case_pagebar li.btn span{ width: 78px;}
.z_case_pagebar li{display:inline-block}
.z_case_pagebar li span{display: inline-block; width: 42px; font-weight: bold; margin: 0 7px; height: 42px; border:1px solid #ccc; box-sizing: border-box; line-height: 40px; text-align: center;}
.z_case_pagebar li.active a,.z_case_pagebar a:hover{ border-color: #313131;}
.cursor{width:50px; height:50px; position:absolute; left:0; top:0;pointer-events: none;margin: -25px 0 0 -25px; z-index: 12;  visibility:hidden;}
.cursor:before{content: '';display: block;width: 30px;height: 30px; background:#fff; border-radius: 50%;box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1);transition: all .4s cubic-bezier(.3,1.83,.49,.88);}
.cursor.nav:before{ background: none; border:1px solid #fff;width:80px;height: 30px; border-radius: 15px;}
.cursor.btn:before{width:6rem; height:6rem;}
.cursor.btn2:before{width:30px; height:30px; border:1px solid #f4f4f4; background: none; }
.cursor,
.cursor::after {
	user-select: none;
	pointer-events: none;
	mix-blend-mode: difference
}
.z_message_pop{ width: 535px;  position: fixed;z-index: 12; background: #fff; left:50%; top: 50%; margin-left:-267px; margin-top: -160px; visibility: hidden;transform:translateY(-1000%); visibility:hidden;transition:cubic-bezier(0.215,.61,.355,1) .45s; animation-name:asd; animation-delay: 20s; animation-duration:1.2s; animation-timing-function:cubic-bezier(.8,-.5,.2,1.4);animation-fill-mode: forwards;-webkit-animation-fill-mode:forwards;}
		    .z_message_tit{border: 4px solid #5ab5ab; box-sizing: border-box; border-bottom: none; padding: 65px; box-sizing: border-box;}
			.z_message_tit h3{font-size: 30px; font-weight: bold; margin: 10px 0;}
			.z_message_tit .desc{ line-height: 28px;}
			.z_message_tit .desc span{ text-decoration: underline;}
			.z_message_tit .line{ margin: 25px 0;}
			.z_message_tit .line img{ display: block;}
			.z_message_btn .btn{ display: block; width: 50%; text-align: center;  float: left; height: 42px; line-height: 42px; background: #313131; color: #fff; font-size: 16px; font-weight: bold;}
			.z_message_btn .btn2{background: #5ab5ab;}
			@keyframes asd{
				0%{transform:translateY(-1000%); visibility:hidden;}
				100%{transform:translateY(0); visibility:visible;}	
			}
			.Contact .z_message_pop{animation-name:asd1;visibility:visible;transform:translate(0,0);animation-delay:0s;}
			@keyframes asd1{
				0%{transform:translate(0,0); visibility:visible;}
				100%{transform:translate(350%,0); visibility:hidden;}	
			}
.z_message_close{ width: 40px; height: 40px; background: red; position: absolute; right: -50px; top: -50px; cursor: pointer; background: url(../images/z_closes.png) no-repeat center; background-size: 100% 100%;}
@media screen and (max-width:1600px){
.yw_list dl{ margin-left: 6vw;}	
}

@media screen and (max-width:1440px){
.about_box{ height: 340px;}	
.about_box1 .about_num{ right:0%;}
.about_box1 .z_warp{ width: 100%;}
.about_num{ font-size: 6vw; line-height: 6vw;}
.about_box2 .about_num:before{ top: 50%;}
.about_box1 .about_num:before{ top: -50%;}
.about_box1,.about_box2{ padding-top: 10vh;}
.yw_list dl{ margin-left: 5vw;}	 
.index_desc .tit3,.index_about_desc .tit3{ font-size: 26px; line-height: 36px;}
.index_desc .tit1,.index_about_desc .tit1{ font-size: 40px; line-height: 40px;}
.index_desc .tit3{ line-height: 40px;}

.news_swiper li h4{ font-size: 18px; line-height: 24px; height: 48px;}
.contact_tit h3{ font-size: 40px;}
.about_num:before{ width: 120px; height: 80px;}
.index_yw{ padding: 15vw 0;}
.index_news{ padding: 15vh 0; padding-bottom: 10vh;}
/*.z_nav_list li a{ padding:20px; padding-right: 8vw;}
.z_nav_list li .num{ width: 8vw;}
.z_nav_list li .line{ margin: 10px 0;}
.z_nav_list li .tit h3{ font-size: 26px; line-height: 26px;}
.z_nav_list li .desc{ line-height: 20px; height: 40px;}
.z_news_list li .tit{ font-size: 30px; line-height: 40px;}
.z_news_list li .infobox:before,.z_news_list li .infobox:after{ left: 0;}*/
.z_nav_list li{ margin-bottom: 1.6vw;}
.z_slide_bar{ bottom: 1.6vw;}
.z_nav_mask{ padding: 1.8vw 8.33vw;}
.z_about_desc{width: 40vw;}
.z_about_culture{ min-height: 100vw;}
.yw_list dl{ margin-left: 3vw;}
}
@media screen and (max-width:1366px){
	.z-container{ width: 90%!important;}
	.z_footer .z-container3{ width: 94%;}
	/*.z_nav_top{ margin-bottom: 6vh;}
	.z_nav_list li{ margin-bottom: 20px;}*/
	/*.other_banner_text h3{ font-size: 60px; line-height: 60px;}
	.other_banner_text .z_line{ margin: 20px 0;}
	.other_banner_text h4{ line-height: 40px; font-size: 26px;}
	.z_service_textbox{ width: 25vw;}*/
}
@media screen and (max-width: 980px){
.z_header{ height: 50px; width: 100%; padding: 0 10px;}
.z_header_nav{ width: 100%; display: none; height: 100%; position:fixed; left: 0; top: 50px;}
.z_header_tel{ display: none;}
.z_header_logo{ left: 10px;}
.z_header_logo img{ height: 26px;}
.z_mobile_btn{ width: auto; margin-right: 10px;}
.z_mobile_btn .line{ width: 30px;}
.z-container{ width: 94%;}
.index_about_desc .tit1{ font-size: 20px;}
.index_about_desc .line{ height: 8px; margin: 10px 0;}
.index_about_desc{ position: relative; left: auto; top: auto; padding: 20px 0;}
.index_about_desc .tit2{ line-height: 20px; font-size: 14px;}
.index_about_img .imgbg{ background-size: 100% auto!important;}
.index_about_desc .tit3{ font-size: 16px; line-height: 24px; margin-top: 10px;}
.index_about_warp{ padding-top: 0; position: relative; bottom: auto;}
.about_box{ width: 100%; padding: 20px 10px; transform: scale(1,1); opacity: 1; height: auto;}
.about_box1{ }
.about_box1 .desc{ margin-bottom: 20px; line-height: 24px; height: 72px;  font-size: 14px;}
.about_list li h3{ font-size: 20px;}
.about_num:before{ width: 90px; height: 60px; top: -45px; right: -30px; display: none;}
.about_num{ position: relative!important; margin-bottom: 0px; right: auto!important; top: auto!important;; line-height: 30px; text-align: center;}
.about_box1 .z_warp{ width: 100%;}
.index_about{ height: auto; padding-bottom: 20px;}
.about_box2 .desc{ height: auto; margin: 10px 0; line-height: 24px;}
.about_box3 .tit{ font-size: 18px;}
.index_about_desc .line, .index_desc .line{ width: 100px;}
.index_about .z-container{ height: auto;}
.index_yw{height: auto; padding: 20px 0;} 
.index_desc .tit1{ font-size: 24px; line-height: 20px;}
.index_about_desc .line, .index_desc .line{ height: 6px; margin: 20px 0;}
.index_desc .tit2{ font-size: 14px; line-height: 20px;}
.index_desc .tit3{ font-size: 16px; margin-top: 20px; line-height: 24px;}
.yw_list{ width: 100%;}
.yw_list dl:last-child{ margin-bottom: 0;}
.yw_list dl{ margin: 0;margin-bottom: 20px; text-align: left;  width: 100%; display: flex; align-items: flex-start;}
.yw_list dt{ flex-shrink: 0; width: 70px;text-align: center; margin-right: 10px; }
.yw_list .tit{ margin: 0;}

.yw_list .tit h3{ font-size: 28px; margin-top: 10px;}
.yw_list .tit h4{ display: none;}
.yw_nav a{ display: inline-block; text-align: left; margin-right: 10px; line-height: 24px;}
.index_case .z-container{ top: 0; width: 100%;}
.index_case_head{ padding: 20px 0;}
.index_case_head .index_desc .line{ margin: 20px 0;}
.index_case_fr{width: 100%; margin-top: 20px;}

.case_nav{ background: #f5f5f5; }
.case_nav ul{display: flex;}
.case_nav li{ width:auto; height: auto; flex: 1; padding: 10px 0;}
.case_nav_desc{ padding:10px; height: auto; display: block;}
.case_nav_desc .fl,.case_nav_desc .fr{ float: none;}
.case_nav_desc .fl{margin-bottom: 10px;}
.index_case_list ul{ margin-left: 0;}
.index_case_list li{ width: 100%; margin-left: 0; margin-bottom: 10px;}
.index_case_list li .infobox{ padding: 15px; height: auto;}
.index_case .z-container{ padding-bottom: 10px;}
.news_swiper li h3{font-size: 20px;}
.news_swiper li a{ padding-left: 20px;}
.news_swiper li h4{font-size: 14px; line-height: 20px;}
.news_swiper li:before{left: 0;}
.news_swiper li a{ padding-right: 10px;}
.index_news{ height: auto; margin-top: 0; padding: 20px 0;}
.index_news .z_row{ height: auto;}
.index_btmwarp .z-container,.index_news .index_desc,.index_case .z-container{ margin-top: 0;}
.index_btmwarp .z-container{ width: 100%;}
.index_btmwarp .z-container3,.z-container3{ width: 94%;}
.contact_tit h3{ font-size: 20px;}
.contact_tit h4{ font-size: 18px;}
.index_contact{ padding: 20px 0;}
.contact_tit{ margin-bottom: 20px;}
.contact_desc dl span{ font-size: 16px;}
.contact_desc dl h3{ font-size:18px;}
.contact_desc dl dt{ margin-right: 10px;}
.index_lyform{ width: 100%; margin-top: 30px;}
.index_lyform .tit{ font-size: 16px; margin-bottom: 10px; font-weight: bold;}
.index_lyform li{ width: 100%; margin-bottom: 0;}
.index_lyform li .text{ height: 45px;}
.index_lyform .z_subbtn{ margin-top: 10px;}
.index_case_list li .imgbox{ height: 220px;}
.index_logo li{ width: 33.3%; height: 80px;}
.foot_top{ display: block; padding: 20px 0; padding-bottom: 0; position: relative;}
.foot_tel h4{ font-size: 20px;}
.foot_tel{ margin-bottom: 20px;}
.foot_addre{ width: 100%;}
.foot_nav{ display: none;}
.z_retop{ position: absolute; right: 10px; top: 20px;}
.z_retop img{ display: block; height:20px;}
.foot_btm .fl{ display: none;}
.foot_btm{ padding: 10px 0;}
.foot_copy{ width: 100%; text-align:center; line-height: 20px;}
.z_nav_top,.z_slide_bar{ display: none;}
.z_nav_close{ height: 50px; width: auto; right: 10px; width: 50px; background-size: 15px; display: none;}
.z_nav_mask{ width: 100%; height: calc(100vh - 50px); top: 50px; padding: 10px 20px;}
.z_nav_list ul{ margin-left: 0;}
.z_nav_list li{ width: 100%; height: auto;border-width: 1px; margin-left: 0; margin-bottom: 10px;}
.z_nav_list li .desc{ display: none;}
.z_nav_list li a{padding:10px 15px; padding-right: 60px;}
.z_nav_list li .tit h3{ font-size: 20px; margin-bottom: 0;}
.z_nav_list li .num{ width: 60px; font-size: 30px;}
.z_nav_list li .more,.z_nav_list li .line{ display: none;}
.z_small_banner{ display: none;}
.z_other_banner{height: 40vh; margin-top: 50px;}
.other_banner_text .z_line{ display: none;}
.other_banner_text h4{ font-size: 16px; line-height: 24px; margin: 0;}
.other_banner_text .link{display: none;}
.other_banner_text h3{ font-size: 30px; margin-bottom: 10px; line-height: 30px;}
.z_other_banner2,.z_topbtm_bar{ position: relative; width: 100%;}
.other_banner_text .desc{ margin:10px 0; line-height: 20px; font-size: 12px; height: 80px;}
.z_case_share{ display: none;}
.z_topbtm_bar{ height: 50px; line-height: 50px;}
.z_case_xqpage{  width: 94%; float: none; margin: 0 auto; padding: 10px;margin-top: 20px;}
.z_casexq_tit{ padding: 20px 0; margin-bottom: 20px;}
.z_casexq_img{ padding: 20px 0; margin-bottom: 20px;}
.z_casexq_code li{ width: 100px; height: 100px; margin: 0 5px;}
.z_casexq_code h3{ margin-top: 20px;}
.z_news_list li .infobox{ position: relative; top: auto; transform: translateY(0); width: 100%; padding-left: 0;}
.z_news_list li .infobox:before,.z_news_list li .infobox:after{ display: none;}
.z_news_list li .time{ font-size: 26px; line-height: 26px;}
.z_news_page{ margin-top: 50px; padding: 30px 0; padding-bottom: 0;}
.z_news_page li .z_line{ display: none; }
.z_news_page li{ margin-bottom: 20px;}
.z_news_page li .tit{ line-height: 24px; font-size: 14px; margin-bottom: 10px;}
.z_news_list li .imgbox{ width: 100%; height: 200px; margin-top: 20px;}
.news_swiper,.index_news .index_desc .index_more{ margin-top: 30px;}
.contact_desc dl{ margin-bottom: 20px;}
.case_nav li h3{font-size: 12px;}
.z_newsxq_fr{ display: none;}
.z_newsxq_fl{ width: 100%; padding: 20px;}
.z_newsxq_page{ width: 100%; margin: 0 auto; margin-top: 50px;}
.z_header2{ background: #fff;}
.z_next_bar a{ margin-top: 10px; font-size: 14px;}
.z_newsxq_tit .title{ font-size: 18px; margin-top: 10px;}
.z_news_pages{ margin-top: 50px;}
.z_news_conwarp{ margin-top: 0; padding-left: 0;}
.z_news_listwarp li{ width: 100%; height: 320px;}
.z_news_listwarp .box2 .desc,.z_news_listwarp .box2 .index_more{ opacity: 1; transform: translateX(0);}
.z_news_box{ width: 100%; padding: 20px 0; height: auto; position: relative; text-align: center;}
.z_other_tit .title{font-size: 18px; margin: 20px 0;}
.z_other_tit .entit,.z_bigarr{ display: none;}
.z_news_class a{ font-size: 14px; margin: 0 10px;}
.z_news_listwarp li .title{ font-size: 16px;}
.z_news_listwarp li .desc{ font-size: 14px; line-height: 24px;}
.z_news_listwarp .box2 .title{ font-size: 16px;}
.z_news_listwarp .box2 .desc{ font-size: 14px; line-height: 24px; margin-bottom: 20px;}
.z_footer{ width: 100%;}
.z_other_footer{ font-size: 12px; line-height: 20px;}
.z_contact_warp{ padding: 15px;padding-top: 80px;}
.conatct_tit .title{ font-size: 18px; line-height: 20px; margin: 20px 0;}
.conatct_tit{ text-align: center;}
.conatct_tit .line{margin: 0 auto;}
.contact_dl li{ margin-bottom: 20px; width: 100%; text-align: center;}
.contact_dl li .tit{ margin-bottom: 10px;}
.contact_dl li .con{ line-height: 20px; font-size: 14px;}
.z_header{background: #fff!important;}
.conatct_code{ display: flex; justify-content: center;}
.conatct_code .codebox:first-child{ margin: 0;}
.conatct_code .codebox{ margin: 0 10px;}
.z_contact_form{ padding: 20px;}
.z_contact_form .form_ul li{ width: 100%; margin-bottom: 10px;}
.z_contact_form .label{ font-size: 15px;}
.z_contact_form .form_ul li .input_text{ line-height: 40px;}
.z_contact_way .tit2{ font-size: 16px; margin-bottom: 10px;}
.z_contact_form .tit{ font-size: 18px; line-height: 24px;}
.z_way_li li{ width: 100%; display: block; margin-bottom: 10px;}
.z_texta_warp{ margin: 20px 0;}
.z_texta_warp .texta{ height: 200px;}
.z_ly_btn{ font-size: 18px;background-size: auto 20px; padding-right: 40px;}
.conatct_tit{ display: none;}
.conatct_code .codebox h3{ margin-bottom: 5px;}
.z_contact_ly:before{ height: 6px;}
.z_contact_ly{ margin-top: 30px;}
.z_service_banner{ height: 50vh;margin-top: 50px;}
.z_banner_con .en{font-size: 14px; margin-bottom: 0;}
.z_banner_con .slg{ font-size: 18px; margin-bottom: 0;}
.z_banner_con .title{ margin: 20px 0;}
.z_banner_con{ height: 50%; top: 25%;}
.z_service_textbox{ width: 100%;  text-align: center;margin-left: 0!important;}
.z_service_img{ position: relative; height: auto; width: 100%; margin-bottom: 20px; top: auto; right: auto; left: auto; bottom: auto;}
.z_service_tit{ letter-spacing: 0; font-size: 28px;}
.z_service_part{ padding: 15px;}
.z_service_textbox .title{ font-size: 18px;}
.z_service_qy li{ width: 100%;}
.z_service_part2 .z_service_flwarp{margin-top: 0;}
.z_service_frwarp{ width: 100%;}
.z_service_tit{ text-align: center;}
.z_service_textbox .desc_p{ color:rgba(255,255,255,.5);}
.z_service_part3 .z_service_textbox .desc_p{ color: #666;}
.z_service_part4 .z_service_img,.z_service_part5 .z_service_img{ position: relative; left: auto; top: auto; right: auto; width: 100%;}
.z_service_part4 .z_service_frwarp{ margin-top: 0;}
.z_service_form ul{ width: 100%;}
.z_service_form ul li .text{ height: 40px; font-size: 14px;}
.z_service_part5 .ly_tit{ font-size: 18px; text-align: center; margin-top: 10px;}
.z_service_form .z_tjbtn{ height: 40px; width: 120px; margin: 0 auto; line-height: 40px; display: block;}
}