@font-face {
  font-family: "NotoSansHans";
   src: url("../fonts/NotoSansHans-Regular.ttf");    
  font-weight: normal;
  font-style: normal;}
@font-face {
  
font-family: Messapia;
   src: url("../fonts/Messapia-Bold.otf");    
  font-weight: normal;
  font-style: normal;}

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","microsoft JhengHei";font-size:14px; color:#000;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#fff;}
pre{ font-family:"NotoSansHans","microsoft JhengHei"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#000; 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"],input[type="number"],textarea,select{outline: none;font-family:"NotoSansHans","microsoft JhengHei";-webkit-appearance: none;border-radius: 0;  border:none; background:none; transition:ease .45s;}

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{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow:ellipsis;}
.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;}
.ellipsis7{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;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;}
.imgbgs{ width: 100%; height: 100%; 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;
}
.z_public_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(../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;}
.font32{ font-size: 1.66666vw;}


.cursor{width: 2.6vw; height: 2.6vw;position: absolute;left: 0;top: 0; pointer-events: none;margin: -1.3vw 0 0 -1.3vw;z-index: 120;visibility: hidden;}
.cursor:before{content: '';display: block;width: 100%;height:100%;background:#fff;border-radius: 50%; box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(.4);transition: all .4s cubic-bezier(.3,1.83,.49,.88);}
.cursor{user-select: none;pointer-events: none;mix-blend-mode:difference;}
.cursor.nav::before{transform: translate(-50%,-50%) scale(1); }


/*分享*/
#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}
::-webkit-scrollbar-track-piece{background:#eeeeee}
::-webkit-scrollbar-thumb:vertical{background-color:#7F66CC;}
.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-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-fade .swiper-slide{opacity:0!important;}
.swiper-fade .swiper-slide-active{opacity:1!important;}

.swiper-container-vertical>.swiper-wrapper {flex-direction: column;}

.swiper-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;}
.video_pop .close_btn{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; right: 0; top: 0; background: url(../img/close2.png) no-repeat center; z-index: 100; cursor: pointer;}
.video_pop .close_btn .iconfont{ font-size: 18px;}
#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_header{ width: 100%; position: fixed; transition: ease 1s; left: 0; top: 0; z-index: 9; height: 8.3vw; display: flex; align-items: center; padding: 0 8.3vw; box-sizing: border-box;}
.z_header.on{ background: #fff!important; height: 5vw;}
.z_logo img{ display: block; height: 2.6vw;}
.z_header_nav{ margin-left: auto; opacity: 0;transition: ease 1s;}
.z_header.on .z_header_nav{ opacity: 1;}
.z_header_nav li{ display: inline-block; margin-right:2.2vw;}
.z_header_nav li .downnav{ position: absolute; width: 100vw; position: absolute; left: 0; top: 80%; height: 4.16vw; text-align: center; background: #6f54c3; transition: ease 1s; opacity: 0; visibility: hidden; transform: translateY(1vw);}
.z_header_nav li .downnav a{ color: #fff; display: inline-block; line-height: 4.16vw; margin: 0 2vw;}
.z_header_nav li a{ display: block; position: relative; line-height: 3.64583vw; text-align: center;font-size: 16px; color: #000;  }
.z_header_nav li a.active,.z_header_nav li a:hover{ opacity: 1; font-weight: bold;}
.z_header_nav li:hover .downnav{ transform: translateY(0); visibility: visible; opacity: 1; }
.z_header_nav li:hover .one,.z_header_nav li.active .one{ color: #6f54c3;}
.z_header_nav li .one{ position: relative; }
.z_header_nav li .one::before{content: ""; display: block; width: 0; height: 3px; position: absolute; left: 50%; bottom: 0; background: #6f54c3; transition: ease 1s;}
.z_header_nav li:hover .one::before,.z_header_nav li.active .one::before{ left: 0; width: 100%;}
.z_header.on .z_header_nav li .downnav{ top: 100%;}
/* .z_header_nav li a{ display: block; position: relative; width:3.64583vw; height: 3.64583vw; line-height: 3.64583vw; text-align: center;font-size: 16px; color: #000; font-weight: bold;}
.z_header_nav li a::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0); opacity: 0; background: #7F66CC; border-radius: 50%; transition: ease 1s; }
.z_header_nav li.active a::before,.z_header_nav li:hover a::before{transform: translate(-50%,-50%) scale(1,1);opacity: 1; }
.z_header_nav li.active a,.z_header_nav li:hover a{ color: #fff;} */
.z_menu_btn{ display: flex; height: 50px;  align-items: center; overflow: hidden; justify-content: center; cursor: pointer; position: relative; margin-left: 2vw; }
 .z_menu_btn span{ display: block; transition: ease .6s; width: 30px; height:2px; background: #000;}
 .z_menu_btn .line2{ margin:4px 0;}
  .z_menu_btn .line3{ width: 20px;}
 .z_menu_btn.on .line1{ transform:translateY(6px) rotate(45deg);}
 .z_menu_btn.on .line3{ transform:translateY(-6px) rotate(-45deg); width: 30px; }
 .z_menu_btn.on .line2{ opacity: 0;}
 
.z_banner{ width: 100%; height: 100vh; overflow: hidden; position: relative;}
.banner_mask{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto;max-width: none;}

.z_banner .first_child{ position: relative; z-index: 1; background: url(../img/bg.jpg) no-repeat center; background-size: cover; display: flex;align-items: center; justify-content: center;}
.z_banner_name img{ display: block; height: 14.32291vw;}
.z_banner_c{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);z-index: -1; width: 38.80208vw; height:38.80208vw;}
.z_banner_c img{ display: block; width: 100%; animation: rotation 20s infinite linear;}    
@-webkit-keyframes rotation {

            0% {
                -webkit-transform: rotate(0deg) scale(1,1);
            }
          50% {
                -webkit-transform: rotate(360deg) scale(.5,.5);
            }
            100% {
                -webkit-transform: rotate(0deg) scale(1,1);
            }

 }
 .z_banner_cz{ position: absolute; width: 100%; left: 0; bottom: 3vw; padding: 0 8.3vw;z-index: 2; box-sizing: border-box; align-items: flex-end; justify-content: space-between;} 
 .z_banner_num{  font-size: 22px; color: #939AA1;font-family: Messapia; 
font-weight: bold;} 
 .z_banner_num .index{ font-size: 2.08vw;color: #101010;}
.z_banner_hd span{ display: inline-block; cursor: pointer; height: 24px; margin-left: 5px; position: relative; width: 24px; border-radius: 50%; 
}
.z_banner_hd span::before{ content: ""; display: block; opacity: 0;animation: animtran 10s linear infinite; width: 100%; height: 100%; background: url(../img/dot.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0;}
.z_banner_hd span::after{ content: ""; display: block;width: 6px!important;height: 6px!important;background: #aab3bb;border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_banner_hd span.swiper-pagination-bullet-active::before{ opacity: 1;}
.z_banner_hd span.swiper-pagination-bullet-active::after{ background:#7F66CC;}
.z_banner_arr{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.z_banner_arr img{ display: block; height: 3.54166vw;}
.z_banner_play{width: 5vw;height: 5vw;border-radius: 50%; transition: ease 1s; background: url(../img/play.png) no-repeat center;background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer;}
.z_banner_play:hover{transform: translate(-50%,-50%) scale(.8,.8); }
.z_banner_text{ position: absolute; left: 0; top: 50%; transition: ease 2s;  transform: translateY(-40%); opacity: 0; transition-delay: .5s; width: 100%; padding: 0 8.3vw; box-sizing: border-box;}
.z_banner_text .en{font-size: 6.25vw;font-family: Messapia;font-weight: bold; position: relative; z-index: 1;}
.z_banner_text .cn{font-size:2.70833vw; font-weight: bold;}
.z_banner_text .desc{width: 43.22916vw;font-size: 16px;font-weight: 400;color: #000000;line-height: 28px; margin-top: 3vw;}
.z_banner .swiper-slide-active .z_banner_text{ transform: translateY(-50%); opacity: 1;}
.z_tyuan {width: 16vw; height: 16vw;border-radius: 50%;border: 3px #7F66CC solid;transform-style: preserve-3d;transform: rotateZ(60deg) rotateY(70deg);top: 50%; margin-top:-8vw;left: -2vw; z-index: -1; position: absolute;}
.z_tyuan em {width: 1vw; height: 1vw;border-radius: 50%;background:url(../img/dot2.png) no-repeat center; background-size: 100% 100%;animation: move 2s linear infinite;top: 0;left: 0;right: 0;bottom: 0;margin: auto;position: absolute;}
    
@keyframes move {
    from {
        transform: rotateZ(0) translateX(8vw) rotateZ(0) rotateY(-70deg);
    }
    to {
        transform: rotateZ(360deg) translateX(8vw) rotateZ(-360deg) rotateY(-70deg);
    }
}

.z_menu_mask{ width: 100%; height: 100vh; background: rgba(0,0,0,.8); position: fixed; left: 0; top: 0; z-index: 10; opacity: 0; visibility: hidden;transition: ease .8s;}
.z_menu_mask.on{ opacity: 1; visibility: visible;}
.z_menu_con{ width: 50%; height: 100vh;position: fixed; top: 0; right: 0;  margin-left: auto;z-index: 12; background: #7055c3;transition: ease 1.5s; transform: translate(120%); visibility: hidden;}
.z_menu_con.on{ transform: translateX(0); visibility: visible; }
.z_menu_nav{ position: relative; text-align: center; height: 40vw; display: flex; align-items: center; justify-content: center; }
.z_menu_nav ul{ position: relative; padding-right: 5vw; margin-left: -5vw;}
.z_menu_nav  ul::before{ content: ""; display: block; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: #fff; z-index: 1;}
.z_menu_nav .downnav{  position: absolute; transition: ease 1s; opacity: 0; visibility: hidden ;  left: 13vw; top: 0; text-align: left;}
.z_menu_nav li h3 a{font-size:1.5vw;font-weight: 300;color: #C9BFE5; line-height: 4vw;}
.z_menu_nav li a{ display: block;font-size: 16px; white-space: nowrap;font-weight: normal;color: #FFFFFF;line-height: 2.6vw;}
.z_menu_nav li.active .downnav{ opacity: 1; visibility: visible;}
.z_menu_nav li.active h3 a{ color: #fff;}
.z_menu_close{ width: 2.6vw; height: 12.5vw; color: #fff; background: url(../img/btn.png) no-repeat center; background-size: 100% auto; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; left: -2.6vw; top: 50%; transform: translateY(-50%);}
.z_menu_close .iconfont{ font-size: 20px; cursor: pointer; display: inline-block; transition: ease 1s;}
.z_menu_close .iconfont:hover{ transform: rotate(360deg);}
.z_menu_btm{ display: flex; align-items: flex-end; justify-content: space-between; color: #fff; padding: 0 3.125vw; box-sizing: border-box;}
.z_menu_a a{ display: block; color: #CFC5EE;line-height: 26px;}
.z_menu_dz .yx{color: #CFC5EE;}
.z_menu_share a{width: 40px;height: 40px;background: rgba(255,255,255,.25); margin-left: 10px; cursor: pointer; display: inline-block; text-align: center; line-height: 40px;color: #fff; font-size: 20px ;border-radius: 50%;}
.z_menu_share a:hover{ color: #7F66CC;  background: #fff;}


.z_index_about{background: linear-gradient(0deg, rgba(87, 144, 112, 0.7), #F2F3F2);}
.z_index_hot{background: linear-gradient(0deg, rgba(104, 157, 192, 0.8), #F2F3F2);}
.z_index_about,.z_index_hot,.z_index_service{ background-position: bottom center; padding: 8.3vw; box-sizing: border-box; display: flex; align-items: center;   }
.z_index_about .imgbox{ width: 36.97916vw; height: 36.97916vw;flex-shrink: 0; position: relative;}
.z_index_about .imgbox .imgbg{animation: yuan 3s linear infinite;overflow: hidden;}
.z_index_about .imgbox::before{ content: ""; display: block; width: 6.51041vw; height: 6.51041vw; z-index: 1; background: url(../img/dot3.png) no-repeat center; background-size: 100% 100%; position: absolute;left: 0; top: 2vw;}
.z_index_about .imgbox::after,.z_index_hot .imgbox::after{content: ""; display: block; width: 5.72916vw; height: 2.60416vw;z-index: 1; background: url(../img/dot4.png) no-repeat center; background-size: 100% 100%; position: absolute;right: 0; bottom: 4vw;}
 @keyframes yuan {
            0%{
				border-radius: 55% 40% 50% 40%;
			}
            25% {
                	border-radius: 45% 30% 40% 30%;
            }
			50% {
			    	border-radius: 35% 60% 60% 40%;
			}
			75% {
			    	border-radius: 45% 40% 40% 60%;
			}
			100% {
			    	border-radius: 55% 40% 50% 40%;
			}
        }
.z_index_service{background: linear-gradient(0deg, rgba(118, 118, 196, 0.9), #F2F3F2);}
.z_index_about .infobox{ width: 33.02083vw; margin-left: auto;}
.z_index_tit .en{font-size:1.8vw;font-family: Messapia; display: inline-block; text-transform: uppercase; font-weight: bold; position: relative; z-index: 1;}
.z_index_tit .en::before{ content: ""; display: block;width:2.5vw;height: 2.5vw;background:url(../img/dot2.png) no-repeat center; background-size: 100% 100%;border-radius: 50%; position: absolute; left: -0.5vw; top: -0.5vw;}
.z_index_tit .cn{font-size: 2vw;font-weight: bold;}
.z_index_about .infobox .desc{font-size: 14px;font-weight: 400;color: #111111;line-height: 28px; margin: 3vw 0;}
.z_index_more{width: 8.45833vw;height:3vw;display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;}
.z_index_more::before{ content: ""; display: block; transition: ease 1s; transform: rotate(10deg); width: 100%; height: 100%; border: 1px solid #7F66CC;border-radius: 50%; position: absolute; left: 0; top: 0;}
.z_index_more::after{ content: ""; display: block;  transition: ease 1s;transform: rotate(-10deg); width: 100%; height: 100%; background:#7F66CC;border-radius: 50%; position: absolute; left: 0; top: 0;}
.z_index_about .infobox .z_index_more{ margin-top: 6vw;}
.z_index_more:hover::before,.z_index_more:hover::after{ transform: rotate(0);}
.z_index_more img{ width: 3.54166vw; display: block;}
.z_index_more .arr{ display: inline-block;width:3.54166vw;height: 1.2vw; background: url(../img/arr2.png) no-repeat center; background-size: auto 100%;}

.z_index_hot .infobox{ width: 33.5vw;}
.z_index_hot .infobox .desc{font-weight: 400;color: #111111;line-height: 28px; height: 150px; margin-top: 3vw; margin-bottom: 6vw;}
.z_index_hot .imgbox{ width: 41.66666vw; margin-left: auto; position: relative; z-index: 1; tra}
.z_index_hot .imgbox:hover .imgbg{ border-radius: 0;}
.z_index_hot .imgbg{height:27.08333vw;
border-radius: 4.1vw 0px 4.1vw 0px;}
.z_index_hot .imgbox::after{ right: -3vw;}
.z_index_hot .imgbg::before{ content: ""; display: block;     width: 45.3125vw;
    height: 28.125vw;
    position: absolute;
    left: 51%;
    top: 47%; transform: translate(-50%,-50%);background: url(../img/c2.png) no-repeat center; background-size: 100% auto; z-index: 1;}
.mr{ margin-left: auto;}
.z_all_more { margin-left: auto;}
.z_head_box{ width: 100%; margin-bottom: 2.5vw;}
.z_all_more .qiu{ display: block; width: 4vw; height: 4vw; background: url(../img/qiu.png) no-repeat center; background-size: 100% 100%;}
.yw{  animation:2s rollImg linear infinite normal;
    transform: skewX(-45deg); }

@keyframes rollImg {
    0% {
      transform :rotateZ(5deg);
    }
    100% {
      transform :rotateZ(1000deg);
    }
  }

.z_service_list li{ width: 33.3%; overflow: hidden; float: left;background: #FFFFFF; transition: ease 1s; height: 27.60416vw; border-right: 1px solid #BED6D6;border-bottom: 1px solid #BED6D6; position: relative;}
.z_service_list li .infobox{ width: 100%; height: 100%; padding: 3.5vw; box-sizing: border-box;transition: ease 1s; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; background: #fff; }
.z_service_list li .z_index_more{ width:8.85416vw; margin: 0 auto; transform: translateY(100%); opacity: 0; transition: ease 1s;
height:2.8125vw; }
.z_service_list li .imgbg{ transform: scale(1.1,1.1);}
.z_service_list li .z_index_more .arr{ height: 16px;}
.z_service_list li .icon{ height: 10vw;transition: ease 1s;}
.z_service_list li .icon img{ display: block; margin: 0 auto; height: 100%;}
.z_service_list li .con{transition: ease 1s;}
.z_service_list li h3{ font-size: 1.5625vw; font-weight: bold; margin: 1.5vw 0;}
.z_service_list li h4{color: #444444;line-height: 28px;}
.z_service_list li:hover .infobox{ background: none;}
.z_service_list li:hover .imgbg{ transform: scale(1,1);}
.z_service_list li:hover h3,.z_service_list li:hover h4{ color: #fff;}
.z_service_list li:hover .icon{ transform: translateY(-100%); opacity: 0;}
.z_service_list li:hover .con{  transform: translateY(-5vw); }
.z_service_list li:hover .z_index_more{ transform: translateY(2vw); opacity: 1;}
.z_index_service .z_index_more{ margin: 0 auto; margin-top: 5vw;}


.z_index_pro{ padding:8.3vw; padding-top: 6vw; box-sizing: border-box;background: linear-gradient(0deg, rgba(118, 118, 196, 0.9), #F2F3F2);}
.z_pro_sel{ margin-left: auto;width: 300px;height: 60px;border: 1px solid #CBC4C1; padding: 0 20px; padding-right: 40px; font-size: 16px; box-sizing: border-box; background: url(../img/arr3.png) no-repeat right 20px center;}
.z_pro_swiper{ overflow: hidden;}
.z_pro_swiper li .imgbox{ display: flex; align-items: center; width: 100%; height: 100%; justify-content: center;}
.z_pro_swiper li{border: 1px solid #CCCCCC; width: 18.75vw; height:18.75vw; overflow: hidden; margin-right: 2vw; box-sizing: border-box;}
.z_pro_swiper li:nth-child(3n-1){ width: 35.4vw; height:35.4vw ;}
.z_pro_swiper li:nth-child(3n){width: 25vw; height: 25vw;}
.z_pro_swiper li .tit{ position: absolute; left: 0; bottom:1vw; font-size: 16px; width: 100%; padding: 0 2vw;box-sizing: border-box; color: #fff;}
.z_pro_swiper li img{ max-width: 80%; max-height: 80%; transition: ease 1s;}
.z_pro_swiper li:hover .imgbg{ transform: scale(1.05,1.05);}


.z_pro_warp{ position: relative; margin-top: 2.5vw;}
.z_pro_warp .btn,.z_hz_warp .btn{ position: absolute; outline: none;  z-index: 2; font-size: 20px!important; cursor: pointer; height: 8.3vw; line-height: 8.3vw; width: 8.3vw; text-align: center; top: 50%; transform: translateY(-50%);}
.z_pro_warp .btn:hover{ color: #7F66CC;}
.z_pro_warp .prev{ left: -8.3vw;}
.z_pro_warp .next{ right: -8.3vw;}
.z_index_pro .z_index_more{ margin: 0 auto; margin-top: 6vw;}

.z_index_ms{ width: 100%; height: 50vw; display: flex; align-items: center; justify-content: center; text-align: center;}
.z_index_ms .z_index_more{ margin: 0 auto; margin-top: 5vw;}
.z_index_ms .z_index_tit .cn{ margin-top: 2vw;}

.z_news_head{ padding:7.5vw 8.3vw; box-sizing: border-box; padding-bottom: 5vw; display: flex; align-items: center;}
.z_news_a{ margin-left: auto;}
.z_news_a a{font-size: 16px;font-weight: 500;color: #000000; margin-left: 4vw;}
.z_news_a a.active{ color: #7F66CC;}
.z_news_swiper{ border-top: 1px solid #a9afb5; border-bottom: 1px solid #a9afb5; position: relative; overflow: hidden;}
.z_news_swiper li{ width: 62.5vw; border-right: 1px solid #a9afb5; padding: 5vw 0; padding-left: 8.3vw; padding-right: 5vw; box-sizing: border-box;}
.z_news_swiper li h3{width:36.71875vw;font-size: 1.45833vw;font-weight: bold; margin-bottom: 4vw; transition: ease .5s;}
.z_news_swiper li .infobox{/* display: flex; align-items: flex-end; justify-content: space-between; */}
.z_news_swiper li .time{ flex-shrink: 0;font-size: 12px;font-family: Messapia;font-weight: bold;color: #4DA7A7;}
.z_news_swiper li .imgbg{width: 240px; height: 160px;  flex-shrink: 0; margin-right: 2vw;}
.z_news_swiper li .desc{ width: 80%;font-size: 14px;font-weight: 400;color: #444444;line-height: 28px; margin-bottom: 20px;}
.z_news_swiper li .more{ font-size: 12px;
font-family: Messapia;
font-weight: bold;
color: #000000;
line-height: 28px;}
.z_news_swiper li:hover h3{ color: #7F66CC;}
.z_news_swiper li:hover .more{color: #4DA7A7;}
.z_tab_child{ display: none;}
.z_tab_child.active{display: block;}
.z_swiper_btn{ position: absolute; left: 50vw; top: 2vw; z-index: 3;}
.z_swiper_btn .btn{ display: inline-block;width:4.6875vw;height:2.08vw; outline: none; margin-right: 1vw; background-color: #fff; border: 1px solid #DDDDDD;border-radius: 50%; cursor: pointer; transition: ease 1s; }
.z_swiper_btn .btn:hover{ border-color: #7F66CC;}
.z_swiper_btn .prev{background: url(../img/al1.png) no-repeat center; background-size: 2.08vw auto;}
.z_swiper_btn .next{background: url(../img/ar1.png) no-repeat center;background-size: 2.08vw auto;}
.z_swiper_btn .prev:hover{background: url(../img/al2.png) no-repeat center;background-size: 2.08vw auto;}
.z_swiper_btn .next:hover{background: url(../img/ar2.png) no-repeat center;background-size: 2.08vw auto;}
.z_all_news{ text-align: center; padding: 3vw 0; display:block; width: 100%;font-size: 16px; }
.z_all_news h3{font-weight: bold;}
.z_all_news img{ display: block; margin:0 auto; margin-bottom: 5px;}
.z_footer_link{ width: 10.41666vw; cursor: pointer; position: relative; height: 50px; border: 1px solid #AAAAAA; float: left;}
.z_footer_link:nth-child(2){ border-left: none;}
.z_footer_link .tit{ line-height: 50px; color: #666666; padding: 0 20px; box-sizing: border-box;}
.z_footer_link  .iconfont{ float: right; color: #7F66CC; font-size: 20px;}
.z_link_down{ width: 100%; height: 200px; position: absolute; left: 0; top: -200px;transition: ease 1s; visibility: hidden;opacity: 0; overflow-y: auto; background: #fff; }
.z_link_down a{ display: block; height: 40px; line-height: 40px; padding: 0 20px; box-sizing: border-box; border-bottom: 1px solid #eee; color: #666;}
.z_link_down a:hover{ background: #f1f1f1; }
.z_footer_link:hover .z_link_down{ visibility: visible; opacity: 1;}
.z_footer_link:hover .iconfont{ color: #7F66CC;}

.z_footer{ background: #f1f4f7; position: relative;z-index: 1; padding: 0 8.3vw; box-sizing: border-box;}
.z_footer::before{ content: ""; position: absolute; left: 50%; top:50%; width: 87.39583vw; height: 15.83333vw; transform: translate(-50%,-50%); display: block; background: url(../img/ci.png) no-repeat center; background-size: 100% 100%; }
.z_footer_top{ padding: 7vw 0; justify-content: space-between; display: flex; align-items: flex-start;}
.z_footer_logo img{ display: block; height: 66px;}
.z_footer_desc{color: #000000; margin-top: 2vw;
line-height: 32px;}
.z_footer_desc .tel{ font-size: 20px;font-family: Messapia; display: block;} 
.z_footer_desc .yx{font-family: Messapia; text-decoration: underline;}
.z_footer_code{ margin-top: 20px;}
.z_footer_code li{float: left; margin-right: 10px; text-align: center;}
.z_footer_code li h3{
  font-size: 12px;
}
.z_footer_code li .img{width: 120px; margin-top: 40px;  margin: 0 auto;margin-bottom: 5px;
height: 120px;
background: #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 4px; padding: 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.z_footer_code img{ display: block; width: 100%; height: 100%;}
.z_footer_nav{width: 28.64583vw;}
.z_footer_nav ul{ display: flex; justify-content: space-between;}
.z_footer_nav li{ display: inline-block; vertical-align: top; }
.z_footer_nav li a{ display: block;}
.z_footer_nav li h3 { margin-bottom: 20px;}
.z_footer_nav li h3 a{ font-size: 20px; font-weight: bold;}
.z_footer_nav li .downnav a{font-size: 14px;font-weight: 400;color: #444444;line-height: 30px;}
.z_footer_nav li .downnav a:hover{ color: #000; font-weight: bold;}
.z_footer_top .frwarp span{font-size: 12px; display: block;
font-family: Messapia; text-align: right;
font-weight: bold;
color: #000000; text-transform: uppercase;} 
.z_footer_top .frwarp .line{ display: block; width: 13.54166vw; margin-top: 3vw; margin-left: auto;}
.z_retop img{ display: block; height: 3.54166vw; cursor: pointer;}
.z_retop,.z_all_more{width: 12.5vw; display: flex; margin-left: auto; align-items: center; justify-content: center;height: 9.6875vw; position: relative; z-index: 1;}
.z_retop::before,.z_all_more::before{ content: ""; display: block; animation: rollImg 12s infinite linear; width: 100%; height: 100%; background: url(../img/top.png) no-repeat center; background-size: 100% auto; position: absolute; left: 0; top: 0;}
.z_all_more::before{ background: url(../img/yw.png) no-repeat center; background-size: 100% auto;}
.z_all_more{ width: 14vw; height: 11vw;}
@keyframes rollImg {
    0% {
      transform :rotateZ(5deg);
    }
	50% {
	  transform :rotateZ(50deg);
	}
    100% {
      transform :rotateZ(0deg);
    }
  }
  .z_footer_btm{ display: flex; justify-content: space-between; padding-bottom: 3vw;}
.z_footer_top .flwarp{width: 20.83333vw; flex-shrink: 0;}
.z_footer_top .frwarp{ width: 21vw;}
.z_footer_btm .flwarp{ width: 20.83333vw; border-top: 1px solid #aaaaaa; padding-top: 14px;color: #666666;
line-height: 24px;}
.z_footer_btm a{color: #666666;}
.z_footer_btm .center{ width: 28.64583vw;border-top: 1px solid #aaaaaa; text-align: left; padding-top: 10px;color: #666666;
line-height: 30px;}
.z_footer_a a{ display: inline-block; color: #666666; display: inline-block; padding: 0 10px;}
.z_footer_a a:first-child{ padding-left: 0;}
.z_footer_a a:hover{ color: #7F66CC;}

.z_other_banner{ width: 100%; height: calc(100vh - 5.2vw); position: relative; overflow: hidden;}
.z_other_banner .imgbg{ animation:zoombig 3s forwards linear;}
.z_other_text{ position: absolute; left: 0; top: 45%;  width: 100%; padding: 0 8.3vw; box-sizing: border-box;}
.z_other_text .en{font-size: 3vw; text-transform: uppercase;font-family: Messapia;font-weight: bold;color: rgba(0, 0, 0, 0);-webkit-text-stroke: 1px #000000;text-stroke: 1px #000000;}
.z_other_text .cn{ font-size: 2vw; font-weight: bold;}
  @keyframes zoombig {
  	0%{transform: scale(1.1,1.1);} 
  
  	100%{transform: scale(1,1);}
  }
.z_other_arr{ position: absolute; left: 0; bottom: 3vw; text-align: center; width: 100%;font-family: Messapia;
font-weight: bold; color: #fff; text-transform: uppercase;}
.z_other_arr img{ display: block; margin: 0 auto; height: 3.54166vw; animation: yd 2s linear infinite; margin-bottom: 10px;}
  @keyframes yd {
  	0%{transform: translateY(0px);} 
    50%{transform:translateY(-10px);}
  	100%{transform: translateY(0px);}
  }
.z_page_nav{ height: 5.2vw; line-height: 5.2vw; overflow: hidden; border-bottom: 1px solid #CCCCCC; padding: 0 8.3vw; box-sizing: border-box;}
.z_page_nav li{ float: left; margin-right: 3.5vw;}
.z_page_nav li a{ font-size: 16px;color: #999999; }
.z_page_nav li.cur a,.z_page_nav li:hover a{ color: #000;}
.navFixed .z_page_nav { width: 100%; position: fixed; left: 0; top: 0; z-index: 200;  background: #fff; }

.z_about_warp .z_index_tit{ text-align: left;}
.z_about_warp .z_index_tit .en{ }
.z_about_warp{ padding: 5vw 8.3vw; box-sizing: border-box;}
.z_about_tit .en{font-size: 1.5vw; width: 600px;}
.z_about_tit .cn{ font-size: 1.875vw;}
.z_about_warp .descz{ width: 41.5625vw; margin: 4vw auto; margin-top: 0; line-height: 32px; font-size: 18px;}
.z_about_warp .flwarp{ width: 47.5%; height: 39.58333vw; position: relative;}
.z_about_warp .flwarp::before{ content: ""; display: block;width:5.72916vw;height: 2.6vw; z-index: 1; background: url(../img/dot4.png) no-repeat center; background-size: 100% auto; position: absolute; left: -2vw; top: -1vw;}
.z_about_warp .frwarp{ width: 50%;}
.z_about_warp .frwarp .desc{font-size: 15px;font-weight: 400;color: #666666;line-height: 26px;}
.z_about_warp .frwarp .imgbg{ width: 19.79166vw; height: 19.79166vw;}
.z_about_warp .frwarp .desc3{width:19.79166vw ;}
.z_about_warp .frwarp .fl{width:19.79166vw ;}
.z_about_warp .frwarp .tit{font-size: 18px;font-family: NotoSansHans;font-weight: 500;color: #000000; font-weight: bold; margin:20px 0;}
.z_about_warp .frwarp .desc1{width: 30vw;}
.z_about_warp .frwarp .center{ margin: 3vw 0;}
.z_about_num{ margin-top: 5vw;}
.z_about_num ul{ display: flex; justify-content: space-between; text-align: center;}
.z_about_num li h3{ width: 15.10416vw; height: 6.77083vw; margin-bottom: 10px; display: flex; position: relative; align-items: center; justify-content: center;font-size: 2.1875vw;font-family: Messapia;font-weight: bold;color: #000000;}
.z_about_num li h3::before{ content: ""; display: block; width: 100%; height: 100%; background: url(../img/ty2.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0;}
.z_about_num li h4{font-size: 16px;}
.z_about_warp .z_all_more::before{ opacity: .5;}

.z_about_history { padding: 5vw 0;}
.z_about_history .z_about_tit{ text-align: center;}

.z_history_list{ width: 1360px; margin: 0 auto; margin-top: 6vw; position:relative;}
.z_history_list ul{position:relative; padding: 3.5vw 0;}
.z_history_list ul::before{ content: ""; display: block; width: 2px; height: 100%; position: absolute; left: 50%; top: 0; z-index: 1; background: #656565;}
.z_history_list::before{ content: ""; display: block; z-index: 1; width: 30px;height: 30px; position: absolute; left: 50%; transform: translateX(-50%); top: -30px; background: url(../img/icon2.png) no-repeat center; background-size: 100% 100%;}
.z_history_list::after{ content: ""; display: block; width: 16px;
height: 12px; background: url(../img/arr7.png) no-repeat center; background-size: 100% auto;position: absolute; left: 50%; transform: translateX(-50%); bottom: -2px; z-index: 1;}
.z_history_list li{ position: relative; margin-top: -4vw;}
.z_history_list li:first-child{ margin-top: 0;}
.z_history_list li .boxwarp{width: 50%;position: relative; padding-right: 7%; }
.z_history_list li .con{min-height: 300px;  background: #FFFFFF;border-radius: 8px; padding: 2.5vw;  box-sizing: border-box;}
.z_history_list li .year{font-size: 1.875vw; line-height: 4.0625vw;font-family: Messapia;font-weight: bold;color: #7256C8; background: url(../img/h.png) no-repeat left center; background-size: auto 100%;}
.z_history_list li .desc{ font-size: 14px; line-height: 28px;}
.z_history_list li .boxwarp::before{ content: ""; display: block;width: 40px;height: 2px;background: #656565; position: absolute; right: 0; top: 50%; z-index: 1;}
.z_history_list li::after{ content: "";  z-index: 1; display: block; width: 12px;height: 12px;background: #7F66CC;border-radius: 50%; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -6px;}
.z_history_list li:nth-child(even) .boxwarp{ margin-left: 50%; padding-right: 0; padding-left: 7%;}
.z_history_list li:nth-child(even) .boxwarp::before{ left: 0; right: auto;}

.z_about_history .z_index_more{ margin: 0 auto; margin-top: 5vw;}

.z_about_jg{ padding: 5vw 8.3vw; box-sizing: border-box;}
.z_about_jg .z_index_tit{ text-align: center; margin-bottom: 4vw;}


.z_team_warp{ padding: 5vw 8.3vw; box-sizing: border-box;}
.z_tab_nav a{ display: inline-block; padding: 0 20px; font-size: 18px;}
.z_tab_nav a.active{background: url(../img/arr8.png) no-repeat left center; color: #7F66CC;}
.z_team_list ul{ margin-left: -2%;display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.z_team_list li{ width: 23%; float: left; margin-bottom: 2vw; margin-left: 2%; background: #fff;}
.z_team_list li .imgbox{ width:8.3vw; height: 8.3vw; border-radius: 50%; overflow: hidden; margin: 0 auto; margin-bottom: 2vw; flex-shrink: 0;}
.z_team_list li .imgbox .imgbg{ background-position: top center;}
.z_team_list li a{ padding:2vw 3vw; box-sizing: border-box;display: block; width: 100%; height: 100%; }
.z_team_list li .infobox{ width: 100%; text-align: center; background: #fff; position: relative; flex: 1; box-sizing: border-box;}
.z_team_list li h3{ font-size:1.35416vw;}
.z_team_list li .zw{font-size: 14px;font-family: NotoSansHans;font-weight: 400;color: #555555; margin:10px 0; margin-bottom: 1.5vw; line-height: 24px; height: 96px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis}
.z_team_list li .desc{ font-size: 16px;-webkit-line-clamp: 3; display: none;}
.z_team_list li .more{width: 90px; transition: ease .5s; display: block;height: 40px;border: 1px solid #7d8d89;  background: url(../img/ar1.png) no-repeat center;border-radius: 50%; margin: 0 auto;}
.z_team_list li:hover .more{ background: url(../img/ar2.png) no-repeat center; border-color: #7F66CC;}

.z_team_list .z_index_more{ margin: 0 auto; margin-top: 2vw;}

.z_about_zz{background: linear-gradient(0deg, rgba(118, 118, 196, 0.75), #F2F3F2); padding: 6.25vw 0;}
.z_about_zz .z_index_tit{ text-align: center; margin-bottom: 4vw;}
.z_ry_list{ overflow: hidden;}
.z_ry_list ul{ margin-left: -1.5%; margin-top: 1.5vw;}
.z_ry_list li{width: 23.5%; float: left; margin-bottom: 1.5vw; margin-left: 1.5%; background: #fff; padding: 1vw; padding-bottom: 0; box-sizing: border-box;box-shadow: -6px 0px 28px 2px rgba(87, 144, 170, 0.2);}
.z_ry_list li .imgbox{border: 2px solid #D9E1E8; display: flex; align-items: center; justify-content: center; position: relative; height: 12.5vw;}
.z_ry_list li .imgbox img{ max-height: 90%; max-width: 90%; display: block;}
.z_ry_list li .mask{ position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(127, 102, 204, .9); color: #fff;transition: ease 1s;}
.z_ry_list li .iconfont{ transform: scale(4,4); transition: ease 1s; font-size: 18px;}
.z_ry_list li:hover .mask{ opacity: 1;}
.z_ry_list li:hover .iconfont{ transform: scale(1.2,1.2);}
.z_ry_list li .tit{ height: 4vw; line-height: 4vw;font-size: 16px; text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow:ellipsis;}
.z_ry_list li:hover .tit{ color: #7F66CC;}
.z_ry_warp{ position: relative; padding: 0 8.3vw; box-sizing: border-box; width: 100%;}
.z_swiper_btns{ width:8.3vw; height: 50px; outline: none; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); transition: ease .5s;}
.z_swiper_btns.prev{ left:0 ; background: url(../img/al1.png) no-repeat center;}
.z_swiper_btns.next{ right: 0; background: url(../img/ar1.png) no-repeat center;}
.z_swiper_btns.prev:hover{ background: url(../img/al2.png) no-repeat center;}
.z_swiper_btns.next:hover{ background: url(../img/ar2.png) no-repeat center;}
.z_about_zz .z_banner_hd,.z_js_list .z_banner_hd{ width: 100%; text-align: center; margin-top: 3vw;}
.z_about_zz .z_banner_hd span::before,.z_js_list .z_banner_hd span::before{z-index: 1;}
.z_about_zz .z_banner_hd span::after,.z_js_list .z_banner_hd span::after{ background: #fff;z-index: 1;}

.z_team_page .z_index_tit{ margin-bottom: 4vw;}

.z_pages_bar{ text-align: center; display: flex; align-items: center; justify-content: center;}
.z_pages_bar a{display: inline-block;width: 32px;height: 32px; opacity: .8; margin: 0 5px;border-radius: 16px; text-align: center; line-height: 32px;font-family: Messapia;}
.z_pages_bar a:hover,.z_pages_bar a.active{ background: #7F66CC; color: #fff;} 
.z_pages_bar .arrl{ width: 50px; height: 32px; background: url(../img/al1.png) no-repeat center; margin: 0 10px;}
.z_pages_bar .arrl:hover{ background: url(../img/al2.png) no-repeat center;}
.z_pages_bar .arrr{ width: 50px; height: 32px; background: url(../img/ar1.png) no-repeat center;margin: 0 10px;}
.z_pages_bar .arrr:hover{ background: url(../img/ar2.png) no-repeat center;}

.z_team_xq{ margin-top: 8.3vw;background: linear-gradient(0deg, rgba(87, 144, 112, 0.6), #F2F3F2); }
.z_team_xq .z-container{ display: flex;}
.z_team_xq .flwarp{ width: 32%; border-right: 1px solid #818e87; box-sizing: border-box; flex-shrink: 0; padding: 5.5vw 0; padding-right: 2vw; box-sizing: border-box;}
.z_team_xq .flwarp img{ display: block; max-width: 100%;}
.z_team_xq .frwarp{ flex: 1; padding: 5.5vw 0; padding-left: 3vw; box-sizing: border-box;}
.z_team_xq .frwarp h3{font-size: 1.875vw;font-weight: 500;color: #000000; font-weight: bold; position: relative;}
.z_team_xq .frwarp h3::before{ content: "";z-index: 1; display: block; width: 45px; height: 7px; background: url(../img/line2.png) no-repeat center; background-size: 100% 100%; position: absolute; left: -4vw; top: 50%; transform: translateY(-50%);}
.z_team_xq .frwarp h4{font-size: 1.04vw;font-weight: 400;color: #7157C1; margin: 1.5vw 0;}
.z_team_xq .frwarp .con{font-size: 16px;font-weight: 300;color: #000000;line-height: 32px; margin-bottom: 4vw;}


.z_topbtm_bar{ display: flex; justify-content: space-between;}
.z_topbtm_bar a{ font-size: 16px;}
.z_topbtm_bar a:hover{ color: #7F66CC;}
.z_topbtm_bar a .iconfont{ display: inline-block; margin: 0 5px; font-size: 20px;}


.z_honor_warp{background: linear-gradient(0deg, rgba(118, 118, 196, 0.9), #F2F3F2); padding: 5vw 8.3vw; box-sizing: border-box; overflow: hidden;}
.z_honor_swiper li{ background: #fff; width:30vw; margin-right: 2vw; }
.z_honor_swiper li a{ width: 100%; height: 100%; padding: 1vw; box-sizing: border-box; display: flex; align-items: center;}
.z_honor_swiper li:last-child{ margin-right: 0;}
.z_honor_swiper li .imgbox{ width:14.75vw;overflow: hidden;height: 10vw; position: relative; margin-left:1vw; flex-shrink: 0; background: #EFF0F6; display: flex; align-items: center; justify-content: center;}
.z_honor_swiper li .mask{ position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(127, 102, 204, .9); color: #fff;transition: ease 1s;}
.z_honor_swiper li .mask .iconfont{ transform: scale(4,4); transition: ease 1s; font-size: 18px;}
.z_honor_swiper li:hover .mask{ opacity: 1;}
.z_honor_swiper li:hover .iconfont{ transform: scale(1.2,1.2);}
.z_honor_swiper li img{ display: block; max-height: 100%; transition: ease 1s;}
.z_honor_swiper li h3{font-size:1.45833vw;font-family: Messapia;font-weight: bold; position: relative; padding-bottom: 1vw;}
.z_honor_swiper li h3::before{ content: ""; display: block; width: 2vw; height: 4px; background: #6f54c3; position: absolute; left: 0; bottom: 0;}
.z_honor_swiper li .infobox{ position: relative; height: 10vw; flex: 1; width: 100%;}
.z_honor_swiper li h4{ /* position: absolute; left: 0; bottom: 0; */ width: 100%;line-height: 28px; font-size: 16px; margin-top: 2vw;}
.z_honor_swiper li:hover h4{ text-decoration: underline;}
.z_honor_swiper li:hover img{ transform: scale(1.05,1.05);}
.z_honor_warp .z_swiper_btn .btn{ border-color: #ADADC1;}
.swiper-scrollbar{ width: 100%; height: 3px; background: rgba(255,255,255,.7); margin-top: 6vw; position: relative;}
.swiper-scrollbar .swiper-scrollbar-drag{background: #6E52C3; height: 100%; position: absolute; flex: ; top: 0;}

.z_honor_head { padding: 5.2vw 8.3vw; box-sizing: border-box; width: 100%; justify-content: space-between; align-items: flex-start;}
.z_honor_head .desc{ width: 36.45833vw;
color: #222222;
line-height: 28px; font-weight: bold;}
.z_honor_head .z_index_tit{ padding-top: 1.5vw; flex-shrink: 0; }
.z_ry_icon{ width: 210px; height: 190px; display: flex; align-items: center; justify-content: center; text-align: center;background: url(../img/ry.png) no-repeat center; background-size: 100% auto;font-family: Messapia; text-transform: uppercase;}
.z_ry_icon .year{font-size: 3.64583vw; display: block;font-family: Gilroy;font-weight: bold; line-height:3.7vw;color: #000000; position: relative;}
.zz_index_tit{ width: 22.91666vw; border-top: 2px solid #7F66CC; padding-top: 1.2vw;}
.zz_index_tit .en{font-size: 2.29166vw;
font-family: Messapia;
font-weight: bold;line-height:2.29166vw; text-transform: uppercase;}
.zz_index_tit .cn{font-size: 1.77083vw;font-weight: bold;}

.z_jxgc_warp{background: linear-gradient(0deg, rgba(111, 185, 185, 0.9), #EEEEEE); padding: 5.2vw 8.3vw;box-sizing: border-box;}
.z_jxtit{font-size:2.08vw;font-weight: bold;color: #000000; margin-bottom: 5vw; text-align: center;}
.z_jxlist ul{margin-left: -2.7%; margin-bottom: 2vw;}
.z_jxlist li{ width: 30.6%; margin-bottom: 2.6vw; float: left; margin-left: 2.7%; background: #fff; padding: 1.5vw; box-sizing: border-box;}
.z_jxlist li .imgbox{width:100%;height:14.0625vw;overflow: hidden; position: relative; margin-bottom: 20px;  display: flex;align-items: center; justify-content: center;border: 2px solid #EEEEEE;}
.z_jxlist li img{ display: block; max-height: 100%; transition: ease 1s;}
.z_jxlist li:hover img{ transform: scale(1.05,1.05);}
.z_jxlist li .year{font-size: 18px;font-family: Messapia;font-weight: bold; margin-bottom: 10px;}
.z_jxlist li .con{color: #000000;line-height: 26px;}
.z_jxlist li .mask{ position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(127, 102, 204, .9); color: #fff;transition: ease 1s;}
.z_jxlist li .iconfont{ transform: scale(4,4); transition: ease 1s; font-size: 18px;}
.z_jxlist li:hover .mask{ opacity: 1;}
.z_jxlist li:hover .iconfont{ transform: scale(1.2,1.2);}
.z_jxry_warp{padding: 5.2vw 8.3vw;box-sizing: border-box;}
.z_jx_table{ width: 100%; margin-bottom: 3vw;}
.z_jx_table th{ text-align: left; height: 5.2vw; font-size: 1.04vw; border-bottom: 1px solid #AAAAAA;border-top: 2px solid #444444;}
.z_jx_table td{ padding: 1.2vw 0;font-size: 14px; line-height: 24px;border-bottom: 1px solid #AAAAAA; transition: ease 1s;}
.z_jx_table tr:hover td{background: #7F66CC; color: #fff; }
.z_jx_table tr:hover td:first-child{ padding-left: 20px;}


.z_jshot_warp{background: linear-gradient(0deg, rgba(104, 157, 192, 0.8), #F2F3F2); padding: 6vw 8.3vw; box-sizing: border-box;}
.center{ text-align: center;}
.z_jshot_warp .desc{ width: 1182px;font-size: 14px; text-align: center;margin: 0 auto; margin-top: 3vw; font-weight: 300;color: #111111;line-height: 28px;}
.z_js_tab{ border-top: 1px solid #ACB7BF;  margin-top: 3vw;}
.z_js_nav{padding: 3vw 0;}
.z_js_nav a{font-size:1.97916vw;font-weight: 300;color: #8F9AA1; margin-right: 3.5vw;}
.z_js_nav a.active{ color: #000;}
.z_js_list li .imgbox{ height: 17.70833vw;}
.z_js_list ul{ margin-top: 0;}

.z_js_ky{ padding: 0 8.3vw; padding-bottom: 6vw;}
.z_js_ky .z_head_box{ height: 9.375vw; margin-bottom: 0;}
.z_ky_list .z_pages_bar{ margin-top: 3vw;}
.z_ky_list li{ width: 39.58333vw; float: left; line-height: 4vw; border-bottom: 1px solid #BBBBBB;}
.z_ky_list li:nth-child(even){ float: right;}
.z_ky_list li:nth-child(1),.z_ky_list li:nth-child(2){border-top: 1px solid #BBBBBB;}
.z_ky_list li a{font-size: 14px;}
.z_ky_list li:hover a{ background: #7F66CC; color: #fff; padding-left: 10px; box-sizing: border-box;}

.z_hz_page{ padding: 6.25vw 0; box-sizing: border-box;}
.z_hz_page .z_index_tit{ color: #fff; margin-bottom: 3vw;}
.z_hz_list li{ width: 20%; float: left; height: 110px; display: flex; align-items: center;  justify-content: center; margin-bottom: 20px;}
.z_hz_list li img{ max-width: 90%; max-height: 90%; display: block;}

.z_fw_head{ display: flex; padding: 7.5vw 8.3vw; box-sizing: border-box;background: #F1F5FA;}
.z_fw_head .z_fw_class{ width: 41.66666vw; margin-left: auto;}
.z_fw_class .desc{font-size: 14px;font-weight: 400;color: #000000;line-height: 30px; margin-bottom: 2vw;}
.z_fw_class li{ width: 48%; float: left; border-top: 1px solid #999999; line-height: 3.54166vw;font-size: 18px;}
.z_fw_class li:nth-child(even){ float: right;}



.z_fw_list .item .infobox,.z_fw_list .item .z_img_swiper{ width: 50%; float: left; height: 50vw; position: relative;}
.z_fw_list .item .z_img_swiper{ float: right;}
.z_fw_list .item .infobox{  padding:6vw 8.3vw; box-sizing: border-box; display: flex; align-items: center; }
.z_fw_list .item .infobox .warp{ width: 100%;}
.z_fw_list .item .desc{font-size: 14px;font-weight: 400;color: #666666; max-height: 29vw; overflow-y: auto; line-height: 28px; margin-top: 3vw; margin-bottom: 3vw; text-align: justify;padding-right: 10px;}
.z_fw_list .item:nth-child(even) .z_img_swiper{ float: left;}
.z_fw_list .item:nth-child(even) .infobox{ float: right;}

.z_fw_list .item:nth-child(4n) .z_img_swiper{background: linear-gradient(0deg, rgba(104, 157, 192, 0.8), #FFFFFF);}
.z_fw_list .item:nth-child(4n-3) .z_img_swiper{background: linear-gradient(0deg, rgba(118, 118, 196, 0.9), #FFFFFF);}
.z_fw_list .item:nth-child(4n-2) .z_img_swiper{background: linear-gradient(0deg, rgba(111, 185, 185, 0.9), #FFFFFF);}
.z_fw_list .item:nth-child(4n-1) .z_img_swiper{background: linear-gradient(0deg, rgba(87, 144, 112, 0.7), #FFFFFF);}
.z_img_swiper li{ display: flex; align-items: center; text-align: center; justify-content: center; justify-content: center;}
.z_img_swiper li .imgbg{ width: 29.16666vw; height: 29.16666vw; border-radius: 50%; margin: 0 auto; position: relative; }
.z_img_swiper li .imgbg::before{ content: ""; display: block; width: 110px;height: 50px; z-index: 1;background: url(../img/dot4.png) no-repeat center; background-size: 100% auto; position: absolute; right: 0; top: 2vw;}
.z_fw_list .item:nth-child(even) .z_img_swiper li .imgbg::before{ left: 0; right: auto;}
.z_swiper_bar{  border-top: 1px solid #d8d8dd;
    padding-top: 1vw;
    /* margin-top: 1vw; */
    position: absolute;
    width: 100%;
    bottom: 0;
    box-sizing: border-box;
    padding: 1vw;
    z-index: 2; }
.z_img_swiper li h3{ text-align: center;font-size:1.04vw; font-weight: bold; margin-top: 1vw;}
.z_swiper_num span::before{ content: "0";}
.z_swiper_num{ font-size: 18px;font-family: Messapia; color: #7157C1;}
.z_swiper_num .swiper-pagination-current{ color: #000; font-size: 1.875vw;}
.z_swiper_arr span{  display: inline-block; cursor: pointer; margin-left: 10px;width: 40px; outline: none;
height: 30px;  }
.z_swiper_arr .prev{background: url(../img/al1.png) no-repeat center;background-size: 100% auto;}
.z_swiper_arr .prev:hover{background: url(../img/al2.png) no-repeat center;background-size: 100% auto;}
.z_swiper_arr .next{background: url(../img/ar1.png) no-repeat center;background-size: 100% auto;}
.z_swiper_arr .next:hover{background: url(../img/ar2.png) no-repeat center;background-size: 100% auto;}

.z_fw2_page{ padding: 7vw 8.3vw; padding-left: 16.66666vw; min-height: 80vw; box-sizing: border-box;background: linear-gradient(0deg, rgba(111, 185, 185, 0.8), #F2F3F2); position: relative;}
.z_fw2_page .desc{font-size: 14px;font-weight: 300;color: #000000;line-height: 28px; text-align: justify; margin: 3vw 0;height: 280px;overflow-y: auto;padding: 0 20px; padding-left: 0;
}
.z_fw2_page .conbox{ width: 39.58333vw; position: absolute;left: 8.3vw; top: 7vw; }
.z_gengduo{ display: inline-block; text-align: center; z-index: 2;
color: #7F66CC;}
.z_fw2_page .item{ position: relative; overflow: hidden;z-index: 1;}
.z_fw2_page .item::before{ content: ""; display: block; pointer-events: none; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background:url(../img/mask.png) no-repeat bottom center; background-size: 100% auto; z-index: 1;}
.z_fw2_page .item .tit{ position: absolute; left: 0; bottom: 1.2vw; padding: 0 1.5vw; box-sizing: border-box; color: #fff; z-index: 2;font-size: 18px;}
.z_fw2_page .item1{width: 33.33333vw; height: 33.33333vw; margin-top: 32vw; }
.z_fw2_page .item2{ width: 38.54166vw; height: 38.54166vw; margin: 3.125vw 0;}
.z_fw2_page .item3{ width: 100%; height:29.16666vw;}
.z_fw2_page .item:hover .imgbg{ transform: scale(1.06,1.06);}

.z_zp_page{background: linear-gradient(0deg, rgba(118, 118, 196, 0.8), #F2F3F2); padding: 6vw 8.3vw; box-sizing: border-box;}
.z_zp_page .headbox{ margin-bottom:4vw;}
.z_work_list ul{ margin-left: -3.3%;}
.z_work_list li{ width: 30%; float: left; margin-left: 3.3%; margin-bottom: 2vw;position: relative;}
.z_work_list li .imgbox{ height: 25vw;overflow: hidden;}
.z_work_list li:hover .imgbg{ transform: scale(1.06,1.06);}
.z_work_list li .titbar{ height: 4.5vw; position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 1vw;
    box-sizing: border-box;
    background: rgba(255,255,255,.6);
 }
.z_work_list li .tit{ width: 70%;font-size: 16px;}
.z_work_list li .arr{width: 40px;
height: 16px;background: url(../img/ar1.png) no-repeat center;background-size: 100% auto;}
.z_work_list li:hover .arr{background: url(../img/ar2.png) no-repeat center;background-size: 100% auto;}
.z_zp_page .z_pages_bar{ margin-top: 3vw;}

.z_work_banner{ width: 100%; height: calc(100vh - 8.3vw ); overflow: hidden; position: relative; margin-top: 8.3vw;}
.z_work_banner .btn{width: 5.2vw;height: 3.125vw; cursor: pointer; outline: none; z-index: 2; background:rgba(0,0,0,.2);border-radius: 50%; display:flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%);}
.z_work_banner .prev{ left: 4vw;}
.z_work_banner .next{ right: 4vw;}
.z_work_banner .btn:hover{ background: #7F66CC;}
.z_workxq_warp .flwarp{ padding-right: 10vw; box-sizing: border-box;}
.z_workxq_warp .flwarp,.z_workxq_warp .frwarp{ width: 50%; float: left;}
.z_workxq_page{background: linear-gradient(0deg, rgba(118, 118, 196, 0.75), #F2F3F2); padding: 6.25vw 8.3vw; box-sizing: border-box;}
.z_workxq_warp .desc{font-size: 18px;font-weight: normal;color: #5A41AA;line-height: 36px; margin-top: 2vw;}
.z_xq_box .tit{color: #7F66CC; font-size: 1.25vw;}
.z_xq_box .con{ line-height: 32px; color: #000; font-size: 16px; margin: 25px 0;}
.z_hj_list{ margin-top: 30px;}
.z_hj_list ul{ margin-left: -2%;}
.z_hj_list li{ width: 31.3%; height: 8.85416vw; float: left; margin-bottom: 20px; cursor: pointer; position: relative; margin-left: 2%; background: #fff; display: flex; align-items: center; justify-content: center; padding: 5px; box-sizing: border-box;}
.z_hj_list li img{ display: block; max-height: 100%;}
.z_hj_list li .tits{ position: absolute; left: 0; top: 0; transition: ease 1s; opacity: 0;  text-align: center; width: 100%; height: 100%; background: rgba(127, 102, 204, .85); z-index: 1; display: flex; align-items: center; justify-content: center; color: #fff;}
.z_hj_list li:hover .tits{opacity: 1;}
.z_workxq_warp .z_topbtm_bar{ margin-top: 3vw; border-top: 1px solid #A19DB0; padding-top: 2vw;}
.z_xg_head { margin: 4vw 0; margin-top: 6vw;}
.z_xg_more{ display: block;min-width: 15vw;padding: 0 15px;
height: 3.125vw; margin: 0 auto; margin-top: 2vw; width: 120px;
border: 1px solid #7A7A7A; display: flex; align-items: center; justify-content: center; text-align: center;font-size: 12px;
font-family: Messapia;}
.z_xg_more:hover{ background: #7256C8; color: #fff;border-color:#7256C8;}

.z_news_page{ background:#fff url(../img/bg8.jpg) no-repeat top center; background-size: 100% auto; padding: 5.8vw 8.3vw; box-sizing: border-box;}
.z_news_list{ margin-top: 4vw;}
.z_news_list ul{ margin-left: -2.7%;}
.z_news_list li{ width: 30.6%; float: left; margin-left: 2.7%; margin-bottom: 3vw;}
.z_news_list li a{ display: block; width: 100%; height: 100%;}
.z_news_list li{ padding: 1.5vw 0; padding-bottom: 0; position: relative;}
.z_news_list li::before{ content: ""; display: block; width: 100%; height: 2px; background: #000; position: absolute; left: 0; top: 0;z-index: 1;} 
.z_news_list .noimg{ padding: 1.5vw; box-sizing: border-box;background: linear-gradient(180deg, #4DA7A7, #EEEEEE);border-radius: 8px;}
.z_news_list .noimg::before{ display: none;}
.z_news_list .noimg:nth-child(3n-1){background: linear-gradient(180deg, #7676C4, #EEEEEE);}
.z_news_list .noimg:nth-child(3n){background: linear-gradient(180deg, rgba(104, 157, 192, 0.9), #EEEEEE);}
.z_news_list .timebox{font-family: Messapia; font-size: 12px; display: inline-block;text-align: center;}
.z_news_list .timebox em{ display: block; font-size: 1.875vw;}
.z_news_list h3{font-size: 16px;font-family: NotoSansHans;line-height: 30px; height: 60px; margin: 1.5vw 0;}
.z_news_list .desc{line-height: 24px;opacity: 0.6; color: #000;}
.z_news_list .iconfont{ display: block;width: 34px; margin-top: 2vw;
height: 34px; transition: ease 1s;
background: #212121;
border-radius: 50%; text-align: center; line-height: 34px; color: #fff;}
.z_news_list .imgbox{ width: 100%; height: 14.58333vw;border-radius: 8px;overflow: hidden;}
.z_news_list li:hover .iconfont{ background: #7F66CC;}
.z_news_list li:hover .imgbg{ transform: scale(1.1,1.1);}


.z_newsxq_page{ padding: 5.2vw 8.3vw;margin-top: 8.3vw;background: linear-gradient(0deg, rgba(104, 157, 192, 0.75), #F2F3F2);}
.z_newsxq_warp{ display: flex; align-items: flex-start;}
.z_newsxq_warp .flwarp{width: 26.04166vw;border-top: 4px solid #7F66CC; flex-shrink: 0; padding: 1.5vw 0; box-sizing: border-box;}
.z_newsxq_warp .flwarp .tit{font-size: 1.5vw; }
.z_newsxq_warp .flwarp .ly{color: #757F88; font-size: 15px; padding: 1.5vw 0; border-bottom: 1px solid #DDDDDD; }
.z_share{ margin: 2vw 0;}
.z_newsxq_warp .flwarp .desc{font-size: 16px;font-weight: normal;color: #7F66CC;line-height: 34px; margin: 2vw 0;} 
.z_share a{ display: inline-block; cursor: pointer;width: 50px; margin-right: 0.8vw;
height: 50px;
background: #fff; color: #7F66CC; font-size:22px!important;
border-radius: 25px; text-align: center; line-height: 50px;}
.z_share a:hover{ background: #F36505;}

.z_newsxq_warp .frwarp{ width: 52.08333vw; margin-left: auto;}
.z_newsxq_warp .frwarp .conwarp{ color: #000000;line-height: 32px; font-size: 16px; margin-bottom: 4vw;}
.z_newsxq_warp .frwarp .conwarp img{ width: 100%!important; height: auto!important;}
.z_newsxq_page .z_topbtm_bar{ border-top: 2px solid #57575B; padding-top: 2.6vw;}


.z_job_fillter{ margin: 4vw 0; margin-bottom: 0;}
.z_job_fillter ul{}
.z_job_fillter li{ width: 23%; height: 56px; line-height: 56px; float: left; border-bottom: 2px solid #000000; margin-right: 2.66%;}
.z_job_fillter li:last-child{ margin-right: 0;}
.z_job_fillter li .sel_text{ width: 100%;font-size: 16px;  height: 56px; background: url(../img/arr12.png) no-repeat right center;}
.z_job_fillter li .input_text{ width: 100%; height: 56px; padding-right: 50px;}
.z_job_fillter li{ position: relative;}
.z_job_fillter li .sou{width: 40px; height: 56px; font-size: 16px; position: absolute; right: 0; top: 0; background: url(../img/sou.png) no-repeat center;}
.z_job_list{ margin-bottom: 4vw;}
.z_job_list li{ padding: 3vw 0; position: relative; border-bottom: 2px solid #000000;}
.z_job_list li .tit{ font-size:1.5625vw;font-weight:800;color:rgba(0,0,0,1);line-height:30px;}
.z_job_list li .slg{ margin: 30px 0;}
.z_job_list li .slg span{ display: inline-block;min-width:120px; text-align: center;height:40px; line-height: 40px; color: #333;border: 1px solid #505050;
border-radius: 20px; margin-right: 1vw;}
.z_job_list li .desc{font-size:15px;font-weight:400;color:#333;line-height:30px; width: 55.5vw;}
.z_job_list li .infobox{ position: relative;}
.z_job_list li .more{ position: absolute ;font-size:16px; display: flex; align-items: center; right: 0; top: 50%; transform: translateY(-50%);}
.z_job_list li .more .arr{ display: inline-block; margin-right: 10px; width:60px;height:40px; background: url(../img/arr13.png) no-repeat center; background-size: 100% auto;}
.z_job_list li:hover .arr{ background: url(../img/arr14.png) no-repeat center; background-size: 100% auto;}
.z_job_list li:hover .more{ color: #7F66CC;}
.z_job_list li::before{ content: ""; display: block; width: 0%; height: 2px; background:#7F66CC; position: absolute ; left: 0; bottom: -2px; z-index: 1; transition: ease 1s;}
.z_job_list li:hover::before{ width: 100%;}

.z_workxq_warp .flwarp .desc2{font-size: 16px;font-weight: normal;color: #000000;line-height: 36px; margin-top:1.5vw;}

.z_zpxq .tit{ font-size: 24px; font-weight: bold; margin-bottom: 1vw;}
.z_zpxq{line-height: 32px; font-size: 16px;}
.z_contact_warp{ margin-top: 4vw; }
.z_contact_warp .infobox{ width: 35%; height: 30vw;background: linear-gradient(180deg, #7676C4, #EEEEEE); padding: 3vw 4vw; box-sizing: border-box; }
.z_contact_warp h3{ font-size: 1.875vw; font-weight: bold; margin-bottom: 1.5vw;}
.z_contact_warp p{font-size: 16px;font-weight: 400;color: #000000;line-height: 28px;}
.z_contact_code{width: 6.25vw;height: 6.25vw;background: #FFFFFF;border-radius: 4px; padding: 10px; box-sizing: border-box; margin-top: 2vw; display: flex; align-items: center; justify-content: center;}
.z_contact_code img{ display: block; max-width: 100%; max-height: 100%;}
.z_contact_warp .imgbox{ width: 65%; height: 30vw;}


.z_jg_tit{ text-align: center; margin-top: 3.5vw; border-bottom: 1px solid #000; padding-bottom: 2vw; margin-bottom: 2vw;}
.z_jg_tit h3{font-size: 1.875vw; font-weight: bold;}
.z_jg_tit h4{color: #888888;}
.z_jg_list ul{ margin-left: -6.3%;display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.z_jg_list li{ width: 27%; float: left; margin-left: 6.3%; margin-bottom: 3vw;}
.z_jg_list li h3{font-size: 28px; line-height: 28px; margin-bottom: 15px; border-left: 6px solid #7F66CC; padding-left: 10px; font-weight: bold;}
.z_jg_list li p{color: #666666;
line-height: 24px; margin-bottom: 10px; font-size: 14px;}






.z_gk_page{ background: linear-gradient(0deg, rgba(87, 144, 112, 0.6), #F2F3F2); padding: 70px 0;}
.z_gk_page .flwarp{width: 22.8%; padding: 0 30px; padding-bottom: 80px; box-sizing: border-box; background: #FFFFFF;box-shadow: 0px 5px 30px 0px rgba(156, 174, 164, 0.2);border-radius: 0px 0px 16px 16px;  border-top: 4px solid #7F66CC;}
.z_gk_tit{ height: 120px; display: flex; border-bottom: 2px solid #E6E6E6; align-items: center; justify-content: center; text-align: center;}
.z_gk_tit span{ display: inline-block; font-weight: bold; font-size: 32px;color: #010101; position: relative; z-index: 1;}
.z_gk_tit span::before{ content: ""; display: block; width: 22px;height: 22px;border-radius: 50%; position: absolute; left: 0; top: 0; background: url(../img/dot2.png) no-repeat center; background-size: 100% 100%;}
.z_gk_nav li{ border-bottom: 2px solid #E6E6E6; padding: 0 20px;}
.z_gk_nav li .one{ display: block; line-height: 60px; background: url(../img/arr15.png) no-repeat right center; font-size: 16px; color: #000;}
.z_gk_nav li .one.active{ background: url(../img/arr16.png) no-repeat right center;}
.z_gk_down{ margin-bottom: 20px; display: none;}
.z_gk_down a{ display: block;color:#666666;
line-height: 30px;}
.z_gk_down a.active,.z_gk_down a:hover{ color: #7055C3;}
.z_gk_page .frwarp{width: 74%; background: #fff; padding: 0 40px; padding-bottom: 50px; box-sizing: border-box;}
.z_gk_page .frtit{ min-height: 120px; display: flex; align-items: center; padding: 20px 0;  border-bottom: 2px solid #E6E6E6;font-size: 28px; color: #000;}
.z_gk_deatil{ padding: 40px 0; color: #333333;
line-height: 36px; font-size: 16px;}
.z_gk_deatil img,.z_gkxw_deatil .conwarp img{ max-width: 100%!important; height: auto!important;}
.z_gk_page .z-container{display: flex;}
.z_xxgk_list ul{ padding:20px 0;border-bottom: 2px solid #E6E6E6;}
.z_xxgk_list li .tit{ width: 70%;color: #000000; font-size: 16px; position: relative; padding-left: 12px;}
.z_xxgk_list li a{ display: flex; align-items: center; line-height: 40px;}
.z_xxgk_list li .tit::before{ content: ""; display: block; width: 5px;
height: 5px;
background: #B1B1B1; 
border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; }
.z_xxgk_list li .time{ margin-left: auto;font-size: 15px;
font-family: Gilroy;
font-weight: 400;
color: #888888;}
.z_xxgk_list li:hover .tit,.z_xxgk_list li:hover .time{ color: #7F66CC; text-decoration: underline;}
.z_pages_bar2{ text-align: center; padding: 40px 0; }
.z_pages_bar2 a{ display: inline-block;width: 32px;height: 32px; margin: 0 5px; line-height: 30px; text-align: center;background: #FFFFFF;border: 1px solid #CFD3D8;border-radius: 2px;}
.z_pages_bar2 .iconfont{ color:#7F66CC ;}
.z_pages_bar2 a.active,.z_pages_bar2 a:hover{ border-color:#7F66CC; background: #7F66CC; color: #fff;}
.z_gk_table{border: 1px solid  #378E8E; box-sizing: border-box;}
.z_gk_table table{ width: 100%; table-layout: fixed; text-align: center;}
.z_gk_table th,.z_gk_table td{ height: 80px;font-size: 16px; font-weight: normal; border-right: 1px solid  #378E8E;}
.z_gk_table th{background: #4AA5A5; color: #fff;}
.z_gk_table th:last-child,.z_gk_table td:last-child{ border-right: none;}
.z_gk_table td{border-top: 1px solid  #378E8E;}
.z_gkxw_deatil{padding: 40px 0; color: #333333;border-bottom: 2px solid #E6E6E6; margin-bottom: 40px;}
.z_gkxw_deatil .desc{  margin-bottom: 20px;}
.z_gkxw_deatil .desc span{display: inline-block; margin-right: 30px; color: #777777;}
.z_gkxw_deatil .conwarp{ font-size: 16px; line-height: 28px;}
.z_gknew_tit{ height: 60px; line-height: 60px; padding: 0 30px; box-sizing: border-box; color: #fff;
background: #4AA5A5; font-size: 18px;}


		 .z_index_work{background: linear-gradient(0deg, rgba(118, 118, 196, 0.9), #F2F3F2); padding: 6vw 8.3vw; box-sizing: border-box; position: relative;}
		  .z_index_work .z_index_more{ position: absolute; left: 50%; transform: translate(-50%); bottom: 6vw;}
		 .z_new_work li{position: absolute; }
		 .z_new_work li .imgbox{border-radius: 50%; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  transition: ease .5s; width: 100%; height: 100%; transition: ease 1s; border-radius: 50%; overflow: hidden;background: #eee;box-shadow: 0 10px 15px rgba(0,0,0,0.1); }
		 .z_new_work li:hover{z-index: 8;}
		  .z_new_work li{animation: spin-reverse 3s infinite linear; }
			.z_new_work li:nth-child(3n){animation: spin-reverse2 4s infinite linear;}
			.z_new_work li:nth-child(3n-1){animation: spin-reverse3 5s infinite linear;}
		  .z_new_work li::before{ content: ""; display: block; width: 0%; height: 0%; position: absolute; left: 50%; top: 50%; border-radius: 50%;background:rgba(0, 0, 0, .4) ; transition: ease 1s; z-index: 2;transform: translate(-50%,-50%);  }
			.z_new_work li:hover::before{ width: 22vw;height: 22vw;}
		 .z_new_work li:hover .imgbox{/* transform: translate(-50%,-50%) scale(1.5,1.5) */ width: 22vw; height: 22vw; }
		 .z_new_work li .tit{ position: absolute; left: 50%; top: 50%; opacity: 0; transition: ease 1s;width: 100%; text-align: center; color: #fff; font-size: 18px; width: 20vw; transform: translate(-50%,-50%); z-index: 3; transition-delay: .5s;  } 
		 .z_new_work li:hover .tit{ opacity: 1;}
		 .z_new_work li.w1{width:10.54166vw;height:10.54166vw; left: 8.3vw; top: 24vw; }
		 .z_new_work li.w2{width:11.45833vw;height:11.45833vw; left: 25vw; top: 13.54166vw;animation: spin-reverse 3s infinite linear; }
		 .z_new_work li.w3{width:6.45833vw;height:6.45833vw; left:17.08333vw; top:41.66666vw; }
		 .z_new_work li.w4{width:14vw;height:14vw; left:30vw; top:30vw;}
		 .z_new_work li.w5{width:18vw;height:18vw; left:41vw;top:13.54166vw; }
		 .z_new_work li.w6{width:10vw;height:10vw; right:27.60416vw; top:33.85416vw; }
		 .z_new_work li.w7{width:7.8125vw;height:7.8125vw; right:26vw; top:19.79166vw; }
		 .z_new_work li.w8{width:6.25vw;height:6.25vw; right:20.3125vw; top:11.97916vw; }
		 .z_new_work li.w9{width:12vw;height:12vw; right:8.3vw; top:19.27083vw; }

		 
		 @keyframes spin-reverse{
		    0%{
					transform:translate(0%,0%) rotate(0deg);
				}
				50%{
					transform: translate(5%,10%)  rotate(0deg);
				}
				100%{transform: translate(0%,0%) rotate(0deg);}
		 }
	@keyframes spin-reverse2{
	   0%{
						transform: translate(0%,0%) rotate(0deg);
					}
					50%{
						transform: translate(-5%,-10%) rotate(0deg);
					}
					100%{transform: translate(0%,0%) rotate(0deg);}
	}
	@keyframes spin-reverse3{
	   0%{
						transform: translate(0%,0%) rotate(0deg);
					}
					50%{
						transform: translate(-5%,5%) rotate(0deg);
					}
					100%{transform: translate(0%,0%) rotate(0deg);}
	}

.z_mobie_work{ display: none;}
.z_index_work{background:linear-gradient(0deg,rgba(118,118,196,0.9),#F2F3F2);padding:6vw 8.3vw;box-sizing:border-box;position:relative;position:relative}
.z_works_desc{font-size:1.6vw;font-weight:bold;line-height:2.4vw;width:590px;margin-top:3vw}
.z_works_desc em{color:#7F66CC}
.z_works_desc span{display:inline-block;background:#7F66CC;margin:0 5px;font-size:1.875vw;color:#fff;padding:0 10px}
.z_works_navwarp{width:18.75vw; margin-left: auto; display:flex;align-items:center;text-align:right;min-height:32vw; padding: 1vw 0; align-items:center;border-left:1px solid rgba(0,0,0,.1); justify-content: center; padding-right: 3vw;}
/* .z_fixed_nav{position:relative;z-index:1;margin-bottom:2.6vw}
.z_fixed_nav::before{content:"";display:block;width:11.45833vw;height:140px;background:url(../img/zty.png) no-repeat bottom center;background-size:100% auto;position:absolute;right:-3vw;bottom:-2vw}
.z_fixed_nav .cn{font-size:20px;font-weight:bold;color:#1B1B1B}
.z_fixed_nav .en{font-size:14px;font-family:Messapia;font-weight:bold;color:#000000;text-transform:uppercase;width:11.71875vw;margin-top:12px}
.z_works_navwarp li{font-size:16px;font-weight:500;color:#262626;line-height:42px;cursor:pointer}
.z_works_navwarp li:hover{ font-weight: bold;} */
.z_works_navwarp li::before{content:"";display:block;width:11.45833vw;height:140px;background:url(../img/zty.png) no-repeat bottom center;background-size:100% auto;position:absolute;right:-3vw;bottom:-2vw;opacity:0;transition:ease 1s}
		.z_works_navwarp li.on::before{opacity:1}
		.z_works_navwarp li{position:relative;z-index:1}
		.z_works_navwarp li .cn{font-size:16px;line-height:40px;color:#1B1B1B}
		.z_works_navwarp li.on .cn{font-size:20px;font-weight:bold}
		.z_works_navwarp .en{font-size:14px;font-family:Messapia;font-weight:bold;color:#000000;text-transform:uppercase;width:11.71875vw;max-height:0;overflow:hidden;transition:all .5s}
		.z_works_navwarp li.on .en{transition-timing-function:ease-in;max-height:50px}
		.z_works_navwarp li{font-size:16px;font-weight:500;color:#262626;cursor:pointer}
		.z_works_navwarp li.on{margin:2vw 0}
.z_works_warp{border-top:1px solid rgba(0,0,0,.1);width:100%;display:flex}
.zz_warps{width:59.5vw;overflow:hidden}
.z_works_swiper li{}
.z_works_swiper{width:40.5vw}
.z_works_swiper li .infobox{display:none}
.z_works_swiper li .imgbox{height:25vw;width:100%;float:left;transition:ease 1s}
.z_work_con h3{font-size:1.8vw;font-weight:bold;color:#141311;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.z_works_big{width:18.8vw;height:25vw}
.z_huadong{position:absolute;font-size:16px;left:8vw;bottom:5vw;z-index:3;background:url(../img/zarr.png) no-repeat bottom center;background-size:100% auto;padding-bottom:10px;width:230px}
.z_huadong span{display:inline-block;margin-right:20px;font-weight:bold}
.z_work_con{width:40.5vw;float:left;height:25vw;overflow:hidden}
.z_work_con li{width:100%;padding:4vw 8vw;box-sizing:border-box}
.z_index_work .fls{ padding: 8vw; box-sizing: border-box;}

/* 首页简介修改 */
.lazy{background-size: cover; background-repeat: no-repeat; width: 100%;height: 100%; background-position: bottom center;position: absolute;z-index:-1;left: 0;top: 0; background-attachment: fixed;}
.z_jianjie_warp{ width: 100%; height: 100vh; position: relative; z-index: 1;background: linear-gradient(0deg, #6280b1, #EFF5EF);}
.z_jianjie_warp::before{ content: ""; display: block; width: 83.33333vw; height: 100%; background:url(../img/zadd3.png) no-repeat center; background-size: cover; position: absolute; left: 0; top: 0; pointer-events: none; }
.z_jj_left{ width: 8.33333vw; z-index: 2; border-right: 1px solid rgba(255,255,255,.6); position: absolute; left: 0; top: 0; height: 100%;}
.z_jj_left .sb{ height: 73%;   color: #fff; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ display: flex;align-items: center; justify-content: center; line-height: 8.33333vw;
writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/font-family: Messapia;
font-weight: bold; font-size: 12px;}
.z_jj_left .arr{ height: 27%; display: flex; align-items: center; justify-content: center;border-top: 1px solid rgba(255,255,255,.6);}
.z_jianjie_con{ width: 58.33333vw; background: #fff; height: 73%; position: relative; margin-left: 33.33333vw; padding: 5vw 8.3vw;  box-sizing: border-box;}
.z_jianjie_con .top{ position: relative; z-index: 1;}
.z_jianjie_con .top .en{font-size: 2.08vw;font-family: Messapia;font-weight: bold; color: #000;}
.z_jianjie_con .top .en em{color: #7F66CC;}
.z_jianjie_con .top .cn{font-size: 1.45833vw;font-weight: 500;color: #000000;}
.z_jianjie_con .top .big{font-size: 9.6875vw;font-family: Messapia;font-weight: bold;color: #FFFFFF;text-shadow: 0px 2px 40px rgba(178, 181, 183, 0.25); position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
.z_jianjie_con .top .bz{font-size: 16px;font-weight: 500;color:#7F66CC; margin-top: 20px;}
.z_jianjie_con .line{ width: 100%; height: 1px; background: #D8D8D8; margin: 30px 0;}
.z_jianjie_con .con{font-size: 14px; line-height: 24px;
color: #666666;}
.z_jianjie_more{ display: block; width: 10.4vw; height: 10.4vw; background: #7F66CC; display: flex;align-items: center; justify-content: center; position: relative; position: absolute; right: -5.2vw; top: 50%; margin-top: -5.2vw; border-radius: 50%;}
.z_jianjie_more img{ display: block; height: 3.125vw;}
.z_jianjie_more::before{ content: ""; display: block; width: 100%; height: 100%; background: url(../img/zadd2.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0;z-index: 1; pointer-events: none;animation:rog 10s infinite linear}
@keyframes rog{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.ellipsis11{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 11;overflow: hidden;text-overflow:ellipsis;}
.z_jianjie_con .warp{ width: 630px;}
.z_jianjie_btm{ margin-left: 8.33333vw; height: 27%; border-top: 1px solid rgba(255,255,255,.6); width: 75vw;}
.z_jianjie_btm .since{ width: 25vw; color: #fff;font-size: 1.04vw; position: relative;
font-family: Messapia; background: linear-gradient(0deg, #6767BA, #E9EBE9); justify-content: center; height: 100%;}
.z_jianjie_btm .since em{ display: block;font-size: 2.08vw;font-family: Messapia;font-weight: bold;}
.z_jianjie_btm .cir{ height: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
.z_jianjie_num{ width: 50vw;height: 100%;}
.z_jianjie_num ul{ display: flex; height: 100%;}
.z_jianjie_num li{ flex: 1;height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; border-right: 1px solid rgba(255,255,255,.6);}
.z_jianjie_num li:last-child{ border-right: 0;}
.z_jianjie_num li h3{ font-size: 20px;font-family: Messapia; margin-bottom: 10px;}
.z_jianjie_num li h3 .timer{font-size:2.08vw;}

@media screen and (max-width:1440px){
	.z_jianjie_con .warp{ width: 530px;}
}
@media screen and (max-width:1240px){
	.z_jianjie_con .warp{ width: 430px;}
}
@media screen and (max-width:980px){
.z_jj_left{display: none;}
.z_jianjie_warp{ height: auto;}
.z_jianjie_warp .lazy{ position: relative;width: 100%!important; background-attachment: inherit!important; height: 60vw;}
.z_jianjie_con{ width: 100%; padding: 30px 12px; margin-left: 0;}
.z_jianjie_con .warp{ width: 100%;}
.z_jianjie_con .top .en,.z_jianjie_con .top .cn{ font-size: 20px;}
.z_jianjie_con .top .bz{ font-size: 14px; margin-top: 10px;}
.z_jianjie_con .top .big{ font-size: 60px;}
.z_jianjie_more{ position: relative; top: auto; margin: 0; right: auto; width: 80px; height: 80px; margin-top: 30px;}
.z_jianjie_more img{ height: 30px;}
.z_jianjie_con .line{ margin: 20px 0;}
.z_jianjie_warp::before{ display: none;}
.z_jianjie_btm .since{ width: 100%; display: none;}
.z_jianjie_btm{ height: auto; display: block; width: 100%; margin: 0;}
.z_jianjie_num{ width: 100%;}
.z_jianjie_num li{ font-size: 12px; height: 110px; align-items: flex-start; padding: 20px 10px;}
.z_jianjie_num li h3{ font-size: 14px; margin-bottom: 5px; }
.z_jianjie_num li h3 .timer{ font-size: 20px;}
}
/* 概览 */
.z_gailan_warp{position:relative;z-index:2;}
.z_gailan_warp .flwarp{width:37.5%;height:63.54166vw;position:relative;}
.z_gailan_warp .flwarp .imgbox{width:100%;height:100%;position:relative;}
.z_gailan_warp .flwarp .small{width:23.95833vw;height:29.16666vw;position:absolute;right:0;bottom:-8.3vw;z-index:1;}
.z_gailan_warp .flwarp .small::before{content:"";display:block;width:6.51041vw;height:6.51041vw;background:url(../img/zadd11.png) no-repeat center;background-size:100% 100%;position:absolute;left:-1.5vw;top:-1.5vw;}
.z_gailan_warp .frwarp{width:62.5%;position:relative;min-height:63.54166vw;position:relative;overflow:hidden;padding:5vw 8vw;box-sizing:border-box;}
.z_gailan_warp .frwarp .conwarp{width:720px;}
.z_gailan_tit .en{font-size:2.08vw;font-family:Messapia;color:#000;text-transform:uppercase;}
.z_gailan_tit .en em{color:#5E40BD;}
.z_gailan_tit .cn{font-size:1.77083vw;font-weight:bold;color:#010101;}
.z_gailan_tit .line{height:1px;background:#CCCCCC;margin:1.8vw 0;}
.z_gailan_warp .frwarp .desccon{font-size:14px;font-weight:normal;color:#666666;line-height:28px;height:24vw;overflow-y:auto;}
.z_gailan_num{position:absolute;left:0;bottom:0;width:100%;color:#fff;background:linear-gradient(0deg,#6280b1,#EFF5EF);}
.z_gailan_num ul{display:flex;align-items:center;height:20.8vw;padding:0 8vw;box-sizing:border-box;}
.z_gailan_num li{flex:1;}
.z_gailan_num li h3{font-size:1.04vw;font-family:Messapia;margin-bottom:10px;}
.z_gailan_num li .timer{font-size:2.08vw;}
.z_gailan_about{background:linear-gradient(0deg,rgba(118,118,196,0.9),#F2F3F2);position:relative;padding:10vw 0;padding-bottom:0;z-index:1;overflow:hidden;}
.z_gailan_about .conwarp{width:880px;margin-left:37.5vw;}
.z_gailan_about .z_gailan_tit .line{background:#8c8f97;}
.z_gailan_about .z_gailan_tit .text{font-size:1.45833vw;color:#636363;font-weight:bold;}
.z_gailan_about .desccon{font-size:14px;color:#3E3E3E;line-height:28px;}
.z_gailan_about .imgbox{width:45.83333vw;height:23.95833vw;margin-top:5.2vw;}
.z_gailan_about::before{content:"";display:block;width:100%;height:100%;background:url(../img/zadd12.png) no-repeat bottom center;background-size:100% auto;position:absolute;left:0;bottom:0;}
@media screen and (max-width:1680px){
.z_gailan_warp .frwarp .conwarp{width:620px;}
.z_gailan_about .conwarp{width:720px;}}
@media screen and (max-width:1280px){
.z_gailan_warp .frwarp .conwarp{width:520px;}
.z_gailan_about .conwarp{width:620px;}}
@media screen and (max-width:980px){
.z_gailan_warp .frwarp .conwarp{width:100%;}
.z_gailan_warp .flwarp{width:100%;}
.z_gailan_warp .flwarp .small{width:33.95833vw;height:39.16666vw;}
.z_gailan_warp .flwarp .small::before{width:10vw;height:10vw;}
.z_gailan_warp .frwarp{width:100%;padding:30px 12px;}
.z_gailan_tit .en,.z_gailan_tit .cn{font-size:20px;}
.z_gailan_tit .line{margin:20px auto;}
.z_gailan_warp .frwarp .desccon{height:auto;}
.z_gailan_num{position:relative;margin-top:30px;}
.z_gailan_num ul{padding:0 0px;height:auto;display:block;}
.z_gailan_num ul li{width:50%;float:left;height:100px;padding:15px 10px;border-right:1px solid rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.6);box-sizing:border-box;}
.z_gailan_num li .timer{font-size:20px;}
.z_gailan_num li h3{margin-bottom:5px;}
.z_gailan_about .conwarp{width:100%;margin-left:0;}
.z_gailan_about{padding:30px 12px;}
.z_gailan_about .z_gailan_tit .text{font-size:16px;}
.z_gailan_about .imgbox{width:100%;height:60vw;margin-top:30px;}}

@media screen and (max-width:1700px){
	.z_fw2_page .imgwarp{ margin-top: 4vw;}
	.z_page_nav li{ margin-right: 2vw;}
}
@media screen and (max-width:1440px){
.z_history_list,.z-container{ width: 1200px;}

.z_contact_warp .infobox{padding: 1vw 2vw;}
.z_contact_warp h3{ margin-bottom: 1vw;}
.z_contact_code{ margin-top: 1vw;}
.z_jg_list li h3{ font-size: 20px;}
.z_footer_link .tit,.z_link_down a{ padding: 0 10px;}
.z_footer_top .flwarp,.z_footer_btm .flwarp{ width: 25vw;}
.z_footer_btm .center,.z_footer_nav{ width: 31vw;}
.z_page_nav li{ margin-right: 2.5vw;}

}
@media screen and (max-width:1280px){
	.z_history_list, .z-container{ width: 88%;}
}

@media screen and (max-width:980px){
	.z_mobie_work{ display: block;}
	.z_pc_work{ display: none;}
.z_header{ width: 100%; height: 50px; padding: 0 10px; background: #fff; }
.z_header_nav{ width: 100%; height: calc(100vh - 50px); display: flex; align-items: center; justify-content: center; transform: translateY(100%); visibility:hidden; transition: ease .8s; line-height: 60px; position: fixed; left: 0; top: 50px; background: #7F66CC; z-index: 8; }
.z_header_nav.on{ transform: translateY(0); visibility: visible;}
.z_header_nav li{ width: 100%; text-align: center; margin: 0;}
.z_header_nav li a{ color: #fff; width: auto; height: auto;}
.z_header_nav li a::before{ display: none;}
.z_logo img{ height: 30px;}
.z_menu_btn{ margin-left: auto; display:flex}
.z_banner{ height: 60vw; margin-top: 50px;}
.z_banner_c{ width: 50vw; height: 50vw;}
.z_banner_play{ width: 50px; height: 50px;}
.z_banner_text .cn,.z_banner_text .desc{ display: none;}
.z_banner_num{ font-size: 15px; display: none;}
.z_banner_num .index{ font-size: 20px;}
.z_banner_hd{ text-align: center; width: 100%;}
.z_banner_hd span{ width: 14px; height: 14px;}
.z_banner_arr{ display: none;}
.z_index_about,.z_index_about, .z_index_hot{ padding: 30px 15px; display: block;}
.z_index_about .imgbox{ width: 60vw; height: 60vw; margin: 0 auto;}
.z_index_about .imgbox::before,.z_index_about .imgbox::after{ display: none;}
.z_index_about .infobox{ width: 100%; margin-top: 30px;}
.z_index_tit{ text-align: center;}
.z_index_tit .en{ font-size: 20px; display: inline-block; width: auto;}
.z_index_tit .cn{font-size: 18px;}
.z_index_tit .en::before{ width: 20px;height: 20px;}
.z_index_about .infobox .desc{ font-size: 14px; line-height: 24px; margin: 30px 0;}
.z_index_more{ width: 120px; height: 40px; margin: 0 auto;}
.z_index_more img{ width: 30px;}
.z_index_hot .infobox{ width: 100%;}
.z_index_hot .infobox .desc{ font-size: 14px; line-height: 24px; height: auto; margin: 30px 0;-webkit-line-clamp: 999;}
.z_index_more .arr{ height: 15px; width: 100%;}
.z_index_hot .imgbox{ margin-top: 40px; width: 100%;}
.z_index_hot .imgbox .imgbg{ height: 55vw;}
.z_index_service{padding: 40px 10px;}
.z_head_box .z_index_tit{ text-align: left;}
.z_service_list li{ width: 33.3%; height: 40vw;}
.z_service_list li:nth-child(even){ }
.z_service_list li .icon{ height: 80px;}
.z_service_list li h3{ font-size: 14px; margin: 10px 0;}
.z_service_list li h4{ display: none;}
.z_index_pro{ padding: 30px 15px;}
.z_index_pro .z_flex{ display: block;}
.z_pro_sel{ width: 100%; height: 40px; margin-top: 20px;}
.z_pro_warp{ margin-top: 20px;}
.z_pro_swiper li{ width: 100%!important; height:98vw!important;}
.z_pro_warp .prev{ left: 0;}
.z_pro_warp .next{ right: 0;}
.z_pro_warp .btn{ width: 50px; height: 50px; line-height: 50px;}
.z_pro_warp .z_index_more{ position: relative;}
.z_pro_swiper li .tit{ padding: 0 10px; bottom: 10px; font-size: 14px;}
.z_index_service { position: relative;}

.z_more_warp{  display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.z_index_ms{ height: 70vw;}
.z_other_banner{height: 60vw; margin-top: 50px;}
.z_other_arr{ display: none;}
.z_other_text { text-align: center;}
.z_other_text .en{ font-size: 22px;}
.z_other_text .cn{ font-size: 20px;}
.z_page_nav{ height: 50px; line-height: 50px; padding: 0; overflow: hidden; width: 100%;}
.z_page_nav li{ margin: 0;}
.z_page_nav li a{ display: inline-block; padding: 0 10px; font-size: 14px; font-weight: normal;}
.z_all_more{ width: 100px; height: 80px;}
.z_all_more .qiu{ width: 30px; height:30px;}
.z_about_warp{ padding:30px 15px;}
.z_about_warp .descz{ width: 100%; font-size: 14px;line-height: 24px; margin: 20px 0;}
.z_about_warp .flwarp,.z_about_warp .frwarp .fl{ width: 100%; height: 90vw;}
.z_about_warp .frwarp{ width: 100%; }
.z_about_warp .frwarp .desc1,.z_about_warp .frwarp .desc3{ width: 100%;}
.z_about_warp .frwarp .center{ display: block; margin: 20px 0;}
.z_about_num ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.z_about_num li{ width: 49%; display: inline-block; text-align: left; margin-bottom: 20px;}
.z_about_num li h4{ font-size: 14px;}

.z_about_num li h3{ width: 100px; height: 60px; font-size: 18px;}
.z_about_history{ padding: 30px 15px;}
.z_history_list{ width: 100%;}
.z_about_history .z_about_tit{ margin-bottom:20px;}
.z_history_list::before,.z_history_list ul::before,.z_history_list li .boxwarp::before,.z_history_list li::after{ display: none;}
.z_history_list li .boxwarp{ width: 100%; padding: 0!important; }
.z_history_list li .con{min-height: auto; padding: 12px; padding-bottom: 20px;}
.z_history_list li:nth-child(even) .boxwarp{ margin: 0;}
.z_history_list li{ margin-top: 0; margin-bottom: 10px;}
.z_history_list li .year{ line-height: 60px; background-size: auto 24px; font-size: 18px;}
.z_about_jg{ padding: 30px 12px;}
.z_about_jg .z_index_tit{ margin-bottom: 30px;}
.z_team_warp{ padding: 30px 12px;}
.z_tab_nav a{ font-size: 14px;}
.z_head_box{ margin-bottom:20px;}
.z_team_list li{ width: 100%; margin-bottom: 15px;}
.z_team_list li .imgbox{ width: 35vw; height: 46vw;}
.z_team_list li h3{ font-size: 16px;}
.z_team_list li .infobox{ padding-top: 10px;height: auto;}
.z_team_list li .zw,.z_team_list li .desc{ font-size: 14px;}
.z_team_list li .zw{ margin: 20px 0;}

.z_team_list .z_index_more{ margin-top: 20px;}
.z_about_zz{ padding: 30px 10px; overflow: hidden;}
.z_ry_warp{ padding: 0;}
.z_ry_list li{ width: 48.5%;}
.z_ry_list li .imgbox{ height: 32vw;}
.z_ry_list li .tit{ height: 40px; line-height: 40px; font-size: 14px;}
.z_about_zz .z_swiper_btns{display: none;}
.z_about_zz .z_index_tit,.z_team_page .z_index_tit{margin-bottom: 30px;}
.z_pages_bar{ margin-top: 20px;}
.z_pages_bar a{ font-size: 12px; margin: 0 2px;}
.z_pages_bar .arrl{ background-size: auto 10px; width: 30px;}
.z_pages_bar .arrr{ background-size: auto 10px;width: 30px;}
.z-container{ width: 100%;}
.z_team_xq .z-container{ display: block;}
.z_team_xq .flwarp{ width: 100%; padding: 0; border: none;}
.z_team_xq .flwarp img{ display: block; margin: 0 auto;}
.z_team_xq .frwarp{ padding: 30px 12px;}
.z_team_xq .frwarp h3{ font-size: 18px;}
.z_team_xq .frwarp h3::before{ display: none;}
.z_team_xq .frwarp h4{ font-size: 16px; margin: 20px 0;}
.z_team_xq .frwarp .con{ font-size: 14px; line-height: 24px;}
.z_topbtm_bar{ font-size: 14px; margin-top: 30px;}
.z_honor_warp{ padding: 30px 15px; }
.z_honor_swiper{overflow: hidden;}
.z_honor_swiper li{ width: 100%;margin-right: 10px; padding: 15px;align-items: flex-start; }
.z_honor_swiper li a{ padding: 0; display: block;}
.z_honor_swiper li .imgbox{ width: 100%; height: 60vw; margin: 0; background: none; margin-top: 20px;}
.z_honor_swiper li h3::before{ z-index: 1; width: 20px; height: 3px;}
.z_honor_swiper li h4{ position: relative; font-size: 14px; line-height: 20px;}
.z_honor_swiper li .infobox{ height: auto; width: 100%;}
.z_honor_swiper li h3{ font-size: 18px; margin-bottom: 10px; padding-bottom: 14px;}
.z_swiper_btn .btn{ width: 60px; height: 30px; background-size: auto 12px!important;}
.z_honor_head{display: block; padding: 30px 14px;}
.z_honor_head .desc{ width: 100%;}
.z_honor_head .z_index_tit{ margin-bottom: 15px;}
.z_ry_icon{ margin: 30px auto; width: 170px; height: 150px;}
.z_ry_icon .year{ font-size: 30px; line-height: normal;}
.zz_index_tit .en{ font-size: 20px; line-height:normal;}
.zz_index_tit .cn{ font-size: 18px;}
.zz_index_tit{ width: 100%; text-align: center; border: none; margin-bottom: 30px;}
.z_jxgc_warp{ padding: 30px 15px;}
.z_jxtit{ font-size: 20px; margin-bottom: 30px;}
.z_jxlist ul{ margin: 0;}
.z_jxlist li{ width: 100%; padding: 12px; margin-left: 0; margin-bottom: 10px;}
.z_jxlist li .imgbox{ height: 60vw;}
.z_jxry_warp{ padding: 30px 12px;}
.z_jx_table th{ height: 40px; line-height: 40px;line-height: 20px;
    padding: 15px 0;
    font-size: 14px;}
.z_jx_table td{ font-size: 12px; line-height: 20px; padding: 10px 0; padding-right: 10px; box-sizing: border-box;}
.z_jx_table td:last-child{ padding-right: 0;}
.z_jshot_warp{ padding: 30px 10px;}
.z_jshot_warp .desc{ width: 100%; font-size: 14px; line-height: 24px; margin:30px 0;}
.z_js_nav a{ font-size: 16px; margin-right: 15px;}
.z_js_nav{ padding: 20px 0;}
.z_js_ky{ padding:30px 10px;}
.z_js_ky .z_head_box{ display:block; text-align: center; height: auto;}
.z_js_ky  .z_about_tit .cn{ text-align: center; margin-bottom: 15px;}
.z_js_ky .z_tab_nav a{ line-height: 30px;}
.z_ky_list{ margin-top: 30px;}
.z_ky_list li{ width: 100%; line-height: 40px;}
.z_ky_list li:nth-child(2){border-top: none;}
.z_ky_list li a{ font-size: 14px; height: 40px; overflow: hidden;}
.z_hz_page{ padding: 30px 15px;  background-size: cover; background-attachment: unset!important;background: #2f2385!important;}
.z_hz_list li{ width:50%; height: 60px; margin: 10px 0;}
.z_fw_head{ display: block; padding: 30px 12px;}
.z_fw_head .z_fw_class{ width: 100%; margin-top: 30px;}
.z_fw_class .desc{ font-size: 14px; line-height: 24px; margin-bottom: 30px;}
.z_fw_class li{ width: 48%; line-height: 40px; font-size: 14px;}
.z_fw_list .item .infobox,.z_fw_list .item .z_img_swiper{ width: 100%; height: auto; float: left!important;}
.z_fw_list .item .z_img_swiper{ height: 100vw; padding-bottom: 50px;}
.z_img_swiper li .imgbg{ width: 65vw; height: 65vw;}
.z_img_swiper li .imgbg::before{ width: 60px;}
.z_img_swiper li h3{ font-size: 16px; margin-top: 20px;}
.z_fw_list .item .infobox{ padding: 35px 15px; }
.z_fw_list .item .desc{ height: auto; margin: 30px 0; font-size: 14px; line-height: 24px; max-height: none;}
.z_swiper_bar{ }
.z_swiper_num span{ font-size: 12px;}
.z_swiper_num .swiper-pagination-current{ font-size: 18px;}
.z_swiper_arr span{ width: 30px;}
.z_fw2_page{ padding: 30px 12px;}
.z_fw2_page .conbox{ position: relative; width: 100%; left: auto; top: auto; height: auto; }
.z_fw2_page .desc{ font-size: 14px; line-height: 24px; margin: 30px 0; padding: 0; height: auto;}
.z_fw2_page .item{ width: 100%!important; height: 90vw!important; margin-top: 0!important; margin-bottom: 10px!important;}
.z_fw2_page .fl,.z_fw2_page .fr{ width: 100%;}
.z_fw2_page .item .tit{ font-size: 14px; padding: 0 15px; bottom: 15px;}
.z_zp_page{ padding: 30px 10px;}
.z_zp_page .headbox{ display: block;}
.z_work_list ul{ margin-left: 0;}
.z_work_list li{ width: 100%; margin-left: 0; margin-bottom: 10px;}
.z_work_list li .imgbox{ height: 90vw;}
.z_work_list li .titbar{ height: 50px;}
.z_work_list li .tit{ font-size: 14px;}
.z_work_list li .arr{ width: 30px;}
.z_work_banner{ height: 60vw; margin-top: 50px;}
.z_work_banner .btn{ width: 60px; height: 30px;}
.z_work_banner .btn img{ width: 30px;}
.z_workxq_page{ padding: 30px 12px;}
.z_workxq_warp .flwarp, .z_workxq_warp .frwarp{ width: 100%;}
.z_workxq_warp .desc{ margin: 30px 0; font-size: 14px; line-height: 24px;}
.z_xq_box .tit{ font-size: 16px;}
.z_xq_box .con{ margin: 20px 0;font-size: 14px; line-height: 24px;}
.z_hj_list ul{ margin-left: 0;}
.z_hj_list li{ width: 100%; height: 50vw; margin-left: 0; background: none;}
.z_workxq_warp .z_topbtm_bar{ padding-top: 15px;}
.z_xg_head{ margin-top: 50px;}
.z_xg_head .z_index_tit{ text-align: left;}
.z_xg_head .more{ height: 40px;}
.z_news_page{ padding: 30px 10px;}
.z_news_list{ margin-top: 30px;}
.z_news_list ul{ margin-left: 0; display: block;}
.z_news_list li{ width: 100%; margin-left: 0; margin-bottom: 15px;} 
.z_news_list .noimg{padding: 15px;}
.z_news_list .timebox em{ display: inline-block; font-size: 12px; margin-left: 10px;}
.z_news_list h3{ font-size: 15px; line-height: 24px; height: auto; text-align: justify; margin: 10px 0;}
.z_news_list .iconfont{ width: 36px; height: 36px; line-height: 36px; position: relative; left: auto; bottom: auto; margin-top: 20px;}
.z_news_list li{ padding: 15px 0; padding-bottom: 0;}
.z_news_list .imgbox{ height: 55vw;}
.z_newsxq_page{ padding: 30px 15px; padding-top: 50px;}
.z_newsxq_warp{ display: block;}
.z_newsxq_warp .flwarp,.z_newsxq_warp .frwarp{ width: 100%;}
.z_newsxq_warp .flwarp{ border-width: 2px; padding:20px 10px;}
.z_newsxq_warp .flwarp .tit{ font-size: 18px;}
.z_newsxq_warp .flwarp .ly{ padding: 15px 0; font-size: 13px;}
.z_share { margin-top: 10px;}
.z_share a{ width: 35px; height: 35px; line-height: 35px;}
.z_newsxq_warp .frwarp .conwarp{ margin: 30px 0; font-size: 14px; line-height: 24px;}
.z_topbtm_bar a{ font-size: 14px;}
.z_job_fillter li{ width: 48%; margin-right: 3.5%; border-bottom-width: 1px;  }
.z_job_fillter li:nth-child(2){ margin-right: 0;}
.z_job_fillter li .sel_text,.z_job_fillter li .input_text{ font-size: 14px; height: 40px;}
.z_job_list li{ padding: 20px 0;}
.z_job_list li .tit{ font-size: 16px; line-height: normal;}
.z_job_list li .slg{ margin: 15px 0;}
.z_job_list li .slg span{ display: inline-block; min-width: auto; line-height: 30px; padding: 0 10px; height: 30px; left: 30px; font-size: 12px;}
.z_job_list li .desc{ width: 100%; line-height: 24px; font-size: 12px;}
.z_job_list li .more{ display: none;}
.z_zpxq{ margin-top: 30px; line-height: 24px; font-size: 14px;}
.z_zpxq .tit{ font-size: 16px; margin-bottom: 20px;}
.z_workxq_warp .flwarp .desc2{ font-size: 15px; line-height: 26px; margin-top: 20px;}
.z_news_head{ padding: 30px 15px; display: block;}
.z_news_head .z_news_a{ margin-top: 20px; width: 100%; text-align: center;}
.z_news_swiper li{ width: 100%;}
.z_swiper_btn{right: 10px; left: auto; top: 20px;}
.z_head_box .z_swiper_btn{right: 0;}
.z_news_swiper li{ padding: 25px 10px; padding-top:70px;}
.z_news_swiper li h3{ width: 100%; font-size: 15px; line-height: 24px; height: 48px;}
.z_news_swiper li .infobox{ display: block;}
.z_news_swiper li .desc{ width: 100%; font-size: 14px; line-height: 24px; margin: 15px 0;}
.z_all_news{ padding: 15px 0;}
.z_all_news h3{ font-size: 14px;}
.z_footer_nav,.z_footer_top .frwarp{ display: none;}
.z_footer_logo{ display: none;}
.z_footer{ padding: 0px 10px; padding-top: 20px;}
.z_footer_top .flwarp, .z_footer_btm .flwarp{ width: 100%;}
.z_footer_top{ padding: 20px 0;}
.z_footer_desc{ line-height: 24px; font-size: 14px;}
.z_footer_desc .tel{ font-size: 16px; line-height: 24px; font-weight: normal;font-family: arial;}
.z_footer_desc .yx{font-weight: normal; font-family: arial;}
.z_footer_code{ width: 100px; height: 100px; display: none; margin-top: 10px;}
.z_footer_btm{ display: block; padding-bottom: 20px;}
.z_footer_btm .center{ width: 100%;}
.z_footer_link{ width: 50%; float: none;}

.z_footer_btm .frwarp,.z_footer_btm .flwarp{ width: 100%; float: none;}
.z_footer_btm .frwarp{ display: flex;align-items: center; margin-top: 15px;}
.z_footer_a a{padding: 0 2px;}
.z_footer_btm .center,.z_footer_btm .flwarp{ border: none; padding-top: 0; line-height: 24px;}
.z_team_xq{ margin-top: 50px;}
.z_contact_warp .infobox,.z_contact_warp .imgbox{ width: 100%; height: auto;}
.z_contact_warp .infobox{ padding: 20px 10px;}
.z_contact_warp h3{ font-size: 16px; margin-bottom: 10px;}
.z_contact_warp p{ font-size: 14px;line-height: 24px;}
.z_contact_code{ width: 100px; height: 100px; margin-top: 20px;}
.z_jg_tit h3{ font-size: 18px;}
.z_jg_tit{ margin-bottom: 20px; padding-bottom: 20px; margin-top: 30px;}
.z_jg_list ul{ margin-left: 0;}
.z_jg_list li{ width: 100%; margin-left: 0; margin-bottom: 20px;}
.z_jg_list li h3{ font-size: 16px; line-height: 16px;}
.z_jg_list li p{ font-size: 14px; line-height: 24px;}
.z_menu_con,.z_menu_mask{ display: none;}

.z_gk_page{ padding: 30px 15px;}
.z_gk_page .frwarp{ width: 100%;}
.z_gk_page .z-container{ display: block;}
.z_gk_page .flwarp,.z_gk_page .frwarp{ width: 100%;padding: 0 10px;  border-radius: 0;}
.z_gk_tit{ height: 60px; text-align: left; justify-content: flex-start; background: url(../img/arr16.png) no-repeat right center;}
.z_gk_tit span{ font-size: 20px;}
.z_gk_nav{ display: block;}
.z_gk_nav li .one{ line-height: 40px;}
.z_gk_nav li:last-child{ border: none;}
.z_gk_down a{ display: inline-block; margin-right: 15px;}
.z_gk_down{ margin-bottom: 10px;}
.z_gk_page .frtit{ min-height: auto;padding: 15px 0; font-size: 18px;}
.z_gk_deatil,.z_gkxw_deatil .conwarp{ padding: 20px 0; line-height: 24px; font-size: 14px;}
.z_gkxw_deatil{ margin-bottom: 0px;}
.z_xxgk_list ul{ padding: 20px 0;}
.z_xxgk_list li .tit{ font-size: 14px;}
.z_pages_bar2{ padding: 20px 0;}
.z_pages_bar2 a{ margin: 0 2px;}
.z_gk_table th{ font-size: 14px;}
.z_gk_table td{ height: 50px;}
.z_gk_page .frwarp{ padding-bottom: 20px; margin-top: 20px;}
.z_gk_page .frwarp .z_topbtm_bar{ margin-top: 20px;}
.z_gknew_tit{ line-height: 40px; font-size: 16px; height: 40px;}
.z_xxgk_list li a{ line-height: 30px;}
.z_xxgk_list ul{ padding: 10px 0;}
.z_news_swiper li .desc{ -webkit-line-clamp: 2; width: 100%;}
.z_news_swiper li .imgbg{ width: 140px; height: 100px;}
.z_header_nav li .downnav,.z_index_hot .imgbg::before{ display: none;}
.z_index_work{ padding: 35px 0!important}
.z_works_desc{ width: 100%; font-size: 18px; line-height: 24px;}
.z_index_work .fls{ padding: 0 10px; box-sizing: border-box;}
.z_index_work>.z_flex{ display: block;}
.z_works_navwarp{ width: 100%;}
.z_works_desc span{ font-size: 14px;}
.z_works_desc{ margin: 25px 0;}
.z_work_con{ display: none;}
.z_works_swiper,.zz_warps{ width: 100%;}
.z_works_swiper li .imgbox{ height: 60vw; float: none;}
.z_works_swiper li .infobox{ display: block; float: none; padding: 20px 10px;}
.zz_warps h3{font-size: 16px; font-weight: bold;}
.z_huadong{ position: relative;left: auto; bottom: auto; margin: 0 auto; margin-top: 10px;}
.z_works_navwarp{ display: none;}
.z_index_ms .z_index_tit .cn{ margin: 30px auto; font-size: 16px;}
.z_header_nav{ padding: 0 15px; box-sizing: border-box; opacity: 1;}
.z_header_nav ul{ width: 100%;}
.z_header_nav li:hover .one::before, .z_header_nav li.active .one::before{ display: none;}
.z_header_nav li:hover .one, .z_header_nav li.active .one{ color: #fff;}
.z_header_nav li a{ line-height: normal; opacity: 1;}
.z_header_nav li .downnav{ display: block; opacity: 1; visibility: visible; line-height: 28px; transform: translateY(0); position: relative; left: auto; top: auto; margin-top: 10px; background: none; height: auto; width: 100%;}
.z_header_nav li{ margin-bottom: 20px;}
.z_header_nav li .downnav a{ opacity: .8; font-size: 14px; margin: 0; margin-right: 10px;}
.z_header_nav li .downnav,.z_header_nav li a{ text-align: left;}
.z_about_warp .z_all_more{ display: none;}
.z_team_warp>.z_flex{ display: block; margin-bottom: 30px!important;}
.z_tab_nav { margin-top: 20px; text-align: center;}
.z_tab_nav a{ margin: 0 10px;}
.z_team_list li a{ padding: 20px 15px;}
.z_team_list li .imgbox{ width: 40vw; height: 40vw;}
.z_xg_more{ width: auto; height: 50px;}
.z_gk_nav li{padding: 0;}
.z_about_warp .frwarp .desc{ font-size: 14px;margin-top: 20px;}
.z_banner_cz{ bottom: 0;}
}