@font-face {
  font-family: "NotoSansHans";
  src: url("../fonts/NotoSansHans-Regular.ttf");    
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: Humanist521BT;
  src: url("../fonts/Humanist521BT.TTF");    
  font-weight: normal;
  font-style: normal;
}
@font-face {
font-family: DIN;
  src: url("../fonts/DIN-Medium.otf");    
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Human;
  src: url("../fonts/Humanist 521 BT.ttf");    
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Humnst777 Blk BT;
  src: url("../fonts/Humnst777 Blk BT.TTF");    
  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,html{min-height:100%;-webkit-filter:grayscale(100%); filter: grayscale(100%);}*/
body{ font-family: "NotoSansHans";font-size:14px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#ffffff;}
pre{ font-family: "NotoSansHans"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#333333; outline:none;}
.clearfix:after{content:""; display:block; clear:both;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none; font-family: "NotoSansHans";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.fl,.fl_warp{float:left;}
.fr,.fr_warp{float:right;}
.z-container {width:1400px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width:87.5%;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.z_flex{ display: flex; align-items: center;}
.z_flex_ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
.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;}
.imgbgs{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 
.swiper-container-vertical>.swiper-wrapper {flex-direction: column;}

.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; display: none;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../img/close.png) no-repeat center #DA251D; z-index: 100; cursor: pointer;}
#video{width:100%; max-height: 100%;}

.z_header{ width: 100%; height: 90px; transition: ease 1s; display: flex; align-items: center; position: fixed; left: 0; top: 0; z-index: 9; padding-left:8.33333vw ; padding-right: 30px; box-sizing: border-box;}
.z_header.on{ background: #fff;}
.z_logo{ float: left;}
.z_logo img{ height: 2.8vw; display: block;}
.z_header_fr{ float: right; margin-left: auto;}
.z_header_nav{ float: left; }
.z_header_nav li{ display: inline-block; line-height: 46px; margin-right: 2.08vw; position: relative; }
.z_header_nav li::before{content: ""; width: 20px; z-index: 1; transition: ease 1s;  height: 7px; background: url(../img/line.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,100%); opacity: 0;}
.z_header_nav li a{ font-size: 15px; display: block; }
.z_header_nav li:hover::before,.z_header_nav li.active::before{ transform: translate(-50%,0); opacity: 1;}
.z_header_nav li:hover a,.z_header_nav li.active a{ color: #DA251D;}
.z_menu_btn{ float: right; position: relative; width: 50px; text-align: center;  display: flex; align-items: center; justify-content: center; cursor: pointer; line-height: 50px; height: 50px; border-radius: 25px; background: #000000; transition: ease .6s;}
.z_menu_btn::before{content: ""; display: block;animation: circle-opacity 1s infinite; width: 50px;height: 50px; border-radius: 50%; background: rgba(0,0,0,.4); position: absolute;animation: circle-opacity 2s infinite; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0);}

.z_menu_btn img{ transition: ease 1s; vertical-align: middle;}
.z_menu_btn:hover{ background: #DA251D;}
.z_menu_btn:hover img{ transform: rotate(360deg);}

.z_menu_mask{ width: 100%; height: 100vh; transition: ease 1s; transform: translateY(-100%); visibility: hidden;  position: fixed; left: 0; top: 0; padding: 6.25vw 8.33333vw; padding-top: 10vw; box-sizing: border-box; background: url(../img/bg.jpg) no-repeat center; background-size: cover; z-index: 10;}
.z_menu_mask.on{ opacity: 1; visibility: visible;transform: translateY(0%);}
.z_menu_close{ position: absolute; right: 4vw; top: 4vw; text-align: center; cursor: pointer;}
.z_menu_close img{ transition: ease .5s;}
.z_menu_close h3{ color: #fff;}
.z_menu_close:hover img{ transform: rotate(180deg);}
.z_menu_mask .flwarp{ float: left;}
.z_slg{ margin-bottom: 2vw; margin-top: 2vw;}
.z_slg img{ display:block; height: 8.07291vw;}
.z_slg2{ font-size: 2.08333vw; font-weight: bold; color: #fff; margin-bottom: 2.6vw;}
.z_slg3{ font-size: 16px;color: #FFFFFF;}
.z_menu_btm{ position: absolute; left: 0; width: 100%; bottom: 5.25vw; padding: 0 8.33333vw;box-sizing: border-box;}
.z_menu_nav dl{ display: inline-block;  width: 10.41666vw; margin-left: 2.08vw;padding-top: 1.5vw; border-top: 2px solid #C65550; margin-bottom: 2.5vw;}
.z_menu_mask .frwarp{ width: 50vw; float: right;}
.z_menu_nav dl a{ display: block; color: #fff; }
.z_menu_nav dl dt{ margin-bottom: 15px;}
.z_menu_nav dl dt a{ font-size: 1.25vw; font-weight: bold;}
.z_menu_nav dl dd a{ line-height: 1.875vw;}
.z_menu_nav dl a:hover{font-weight: bold;}
.z_menu_copy{ color: #fff; float: left; line-height: 44px;}
.bshare-custom{ float: right;}
.bshare-custom a{  padding: 0!important; transition: ease .6s; display: inline-block; font-size: 20px!important; color: #D60011!important; margin-left: 1vw!important; width: 44px!important;height: 44px!important;background: #FFFFFF!important;border-radius: 50%!important; line-height: 40px!important; text-align: center;}
.bshare-custom a:hover{ background: #DA251D!important; color: #fff!important; opacity: 1!important; text-decoration: none!important;}
 .z_page_swiper>.swiper-slide{height: 100vh} 
 /* 内页banner */
.innerBanner{width: 100vw;}
.innerBanner .innerBannerBg{width: 100%;height: 44.79166vw;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;}
.innerBanner .bannerText{position: absolute; width: 100%; top: 50%;left: 50%;color: #FFF;text-align: center;transform: translate(-50%,-50%);}
.innerBanner .bannerText .en{font-size:2.8125vw; line-height: 2.8vw; font-family: Human;text-transform: uppercase;}
.innerBanner .bannerText .cn{font-size:2.08333vw; line-height: 2.08vw; font-family: "NotoSansHans";margin-top: 10px; font-weight: bold;}
.innerBanner .bannerNav{height: 5.20833vw;width: 100%;background-color: #FFF;}
.innerBanner .bannerNav .clearfix{width: 83.33333vw;margin: auto;height: 100%;line-height: 5.20833vw;}
.innerBanner .bannerNav .fl{font-size: 14px;color: #888888;font-family: "NotoSansHans";}
.innerBanner .bannerNav .fl span{vertical-align: middle;}
.innerBanner .bannerNav .fl a{color: #888888;margin-right: 35px;vertical-align: middle;transition: 0.3s;position: relative;}
.innerBanner .bannerNav .fl a:hover{color: #242424;}
.innerBanner .bannerNav .fl a::after{content: "";background-image: url(../l_img/navArr.png);width: 5px;height: 10px;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;top: 50%;transform: translateY(-50%);right: -17px;z-index: 9;}
.innerBanner .bannerNav .fl a:last-child::after{display: none;}
.innerBanner .bannerNav .fr a{color: #000000;font-size: 16px;font-family: "NotoSansHans";margin-left: 6.25vw;transition: 0.3s;}
.innerBanner .bannerNav .fr a:hover{color: #d60011;}
.bannerNavSe{color: #d60011 !important;}
.bannerTextred .en{ color: #d60011;}
.bannerTextred .cn{ color: #000000;} 
 
 
 

/* 
*/
.z_page_swiper{ width: 100%; height: 100vh; overflow: hidden;}
.z_banner{ width: 100%;position: relative; overflow: hidden;}
.z_banner:hover .z_wave{ transform: translate(-50%,0);}
.z_banner .bd li{ width: 100%; height: 100vh; overflow: hidden;}
.z_banner .picBox{position:relative;overflow:hidden; width: 100%; height: 100vh;}
.z_banner_play{width: 180px;height: 52px; transition: ease 1s;  cursor: pointer; background: #DA251D;border-radius: 26px; line-height: 52px; padding: 0 10px 0 20px; color: #fff; position: absolute; left: 50%; top: 28.04166vw; transform: translateX(-50%);}
.z_banner_play em{ display: inline-block; width: 32px; height: 32px; transition: ease 1s; background: url(../img/play.png) no-repeat center; background-size: cover; float: right; margin-top: 10px;}
.z_banner_play:hover em{ transform: translateX(-10px);}
.z_banner_play:hover{ border-radius: 10px; width: 140px;}
.z_banner_num{ position: absolute; left: 8.33333vw; bottom: 2.6vw; z-index: 2; color: #fff;font-family: Humanist521BT;}
.z_banner_num .index{ font-size: 2.08333vw; font-weight: bold;}
.z_copy{ position: absolute; right:8.33333vw ; bottom: 2.6vw;z-index: 2; color: #fff; font-size: 12px; }
.z_banner_sb{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 2vw; color: #fff; z-index: 2; text-align:center;}
.z_banner_sb .icon{ display: block; margin: 0 auto; animation:moves 2s linear  infinite;}
@keyframes moves {
	0%{transform: translateY(0px);} 
50%{transform: translateY(-15px);} 
	100%{transform: translateY(0px);}
}
.z_wave{ position: absolute; left: 50%; transform: translate(-50%) translateY(10vw); bottom: -11vw; z-index: 1; transition: ease 2s;}
.z_wave .wave,.z_menu_close .wave1,.z_wave .wave2 {z-index: -1;position: absolute;width: 19vw;height: 19vw; background:#DA251D;border-radius: 45%;animation: rotate 6s linear infinite;// mix-blend-mode: multiply;}
.z_wave .wave1 { background: #DA251D;transform: translate(-20%, 0) rotate(0deg); opacity: .8; width: 17vw;height: 17vw; animation: rotate1 6s linear -4s infinite;border-radius: 65%;}
.z_wave .wave2 { background: #DA251D;transform: translate(20%, 0) rotate(0deg);animation: rotate2 8s linear -2s infinite;width:15vw;height: 15vw;border-radius: 30%;}
.z_wave .icon{ position: absolute;     left: 32%;
    bottom: 24%; z-index: 2;}

@keyframes rotate {
    50% {
        border-radius: 38%;
        transform: rotate(180deg);
    } 100% {
        border-radius: 45%;
        transform: rotate(360deg);
    }
}

@keyframes rotate1 {
    50% {
        border-radius: 38%;
        transform: translate(-30%, 8%) rotate(180deg);
    }100% {
        border-radius: 45%;
        transform: translate(-20%, 0%) rotate(360deg);
    }
}

@keyframes rotate2 {
    50% {
        transform: translate(30%, 8%) rotate(180deg);
    }100% {
        transform: translate(20%, 0%) rotate(360deg);
    }
}
.z_banner .btn{ position: absolute;  cursor: pointer; width: 40px;   line-height: 40px; padding: 15px 0; text-align: center; top: 50%; transform: translateY(-50%); writing-mode:vertical-rl; 

    writing-mode: tb-rl; color: #fff; z-index: 2; text-transform: uppercase;}
.z_banner .btn::before{ content: ""; display: block; height: 100%; width: 0; position: absolute; left: 50%; top: 0;border-radius: 20px;transition: ease .4s;background: #DA251D;}
.z_banner .prev{ left: 3vw;}
.z_banner .next{ right: 3vw;}
.z_banner .btn em{ display: inline-block;width: 2px;height: 50px;background: #FFFFFF; margin: 0 auto; margin-bottom: 10px;}
.z_banner .btn:hover::before{ width: 100%; left: 0; }

.z_index_slide{ height: 100vh;}
.z_index_about{ height: 100vh;}

.z_index_about .z_about_video{ width: 50%; height: 100vh; float: left; position: relative; overflow: hidden;}
.z_about_video .imgbg{ transform: scale(1.1,1.1); transition: ease 2s;}
.z_about_play{ position: absolute; left: 50%; top: 50%; cursor: pointer; transform: translate(-50%,-50%); z-index: 1;}
.z_about_play img{ animation: rotate 10s linear infinite; transition: ease 1s; }
.z_about_play:hover img{ transform:rotate(0deg) ;animation: unset;}
@keyframes rotate{
    0%{
        transform: rotate(0);
      }
    50%{
    	transform:rotate(360deg);
    }
    100%{
         transform: rotate(0);
    	}
	}
.z_about_con{width: 50%; height: 100vh; float: right; padding: 6.25vw;position: relative; padding-top: 7.29166vw; box-sizing: border-box; background-size: 100% auto ;} 
.z_about_con::before{ content: ""; display: block; width: 100%; background: url(../img/bg2.png) no-repeat right center; background-size: 100% auto;height: 18.59375vw; position: absolute; bottom:12.5vw; left: 0 ;}
.z_about_logo{ transform: translateX(50%); opacity: 0; transition: ease 2s;}
.z_about_logo img{display: block; height: 4.6875vw;}

.z_about_con .tit{ font-size: 1.45833vw; font-weight: bold; color: #000; margin-top: 1.2vw;}
.z_about_con .desc{color: #000000;line-height: 30px; margin-top: 2.2vw; transform: translateY(100%); transition: ease 2s;}
.z_about_num{ position: absolute; left: 0; bottom: 0; width: 100%;background: #FAFAFA; }
.z_about_num li{ width: 33.3%; opacity: 0; float: left; height: 12.5vw; z-index: 1;  position: relative; background: #FAFAFA; display: flex; align-items: center; justify-content: center; text-align: center;}
.z_about_num li  .h3{ display: flex; align-items: flex-end; margin-bottom: 9px; justify-content: center;}
.z_about_num li .timer{font-size: 3.125vw; line-height: 2.9vw; font-family: DIN;font-weight: bold;color: #000000;}
.z_about_num li em{ display: inline-block;width: 30px;height: 30px; margin-left: 5px;  background: #DA251D;border-radius: 50%; vertical-align: middle; text-align: center; line-height: 30px; color: #fff;}
.z_about_num li h4{ color: #000; font-size: 16px;}
.z_about_num li::before{ content: ""; display: block;z-index: -1; width: 100%; height: 100%; background: url(../img/line3.png) no-repeat center; position: absolute; left: 0; top: 0;}
.z_about_num li:nth-child(2){ background: #efefef;}
.z_about_num li:nth-child(3){ background: #dfdfdf;}
.z_index_more{ line-height: 28px; display: inline-block;}
.z_index_more .en{font-size: 14px;font-family: Humanist521BT;font-weight: bold;text-decoration: underline;color: #000000; margin-right: 10px;}
.z_index_more .icon{ display: inline-block;width: 28px; transition: ease .6s; height: 28px; background: url(../img/arr2.jpg) no-repeat center; vertical-align: middle; background-size: 100% 100%;}
.z_about_con .z_index_more{ margin-top: 4vw;}
.z_index_more:hover .icon{ transform: rotate(45deg);}
.z_index_about.swiper-slide-active .z_about_logo{ transform: translateX(0); opacity: 1;}
.z_index_about.swiper-slide-active .z_about_video .imgbg{ transform: scale(1,1);}
.z_index_about.swiper-slide-active .desc{ transform: translateY(0);}

.z_index_layout{ position: relative; overflow: hidden; height: 100vh; z-index: 1; padding: 6.25vw 8.33333vw; box-sizing: border-box;}
.z_index_layout::before{ content: ""; display: block; width: 100%; height: 100%; background: url(../img/bg4.png) no-repeat center; background-size: cover; position: absolute; left: 0; bottom: 0; z-index: -1;}
.z_index_layout .imgbg{ position: absolute; left: 0; top: 0; z-index: -2; transform: scale(1.2,1.2); transition: ease 2s;}
.z_index_layout.swiper-slide-active .imgbg{ transform: scale(1,1);}
.z_index_tit{ color: #fff;}
.z_page_swiper .z_index_tit{ transform: translateY(100%); opacity: 0; transition: ease 2s;}
.z_page_swiper .swiper-slide-active .z_index_tit{ transform: translateY(0); opacity: 1;}
.z_index_tit h3{font-size:2.70833vw; line-height: 2.7vw; font-family: Humanist777BT;font-weight:bold; text-transform: uppercase;}
.z_index_tit h4{font-size: 1.875vw; font-weight: bold;}
.z_index_tit .desc{ margin-top: 15px;}
.z_layout_box{ width: 100%; height: 100%; position: absolute;left: 0; top: 0; transform: translateY(-50%); transition: ease 1s; background: url(../img/line4.png) no-repeat center; background-size: 100% 100%;}
.z_layout_box::before{ content: ""; width: 100%; height: 100%;position: absolute;left: 0; top: 0;transition: ease 1s; opacity: .4; background: url(../img/line4.png) no-repeat center; background-size: 100% 100%;}
.z_layout_box.on::before{ opacity: 1; background: url(../img/line44.png) no-repeat center; background-size: 100% 100%;}
.z_layout_box.on2::before{animation: zy 1s linear forwards;}
.z_index_layout.swiper-slide-active  .z_layout_box{ transform: translateY(0);}
.z_layout_box li{position:absolute;}
.z_layout_box li a{ display: block;}
.z_layout_box li:nth-child(1){  left: 12.5vw; top: 46.6%;}
.z_layout_box li:nth-child(2){ left: 27.76041vw; top:53.5%;}
.z_layout_box li:nth-child(3){ left: 42.44791vw; top: 57.3%;}
.z_layout_box li:nth-child(4){ left: 57.1875vw; top:62.9%;}
.z_layout_box li:nth-child(5){ left: 71.875vw; top:67.08%;}
.z_layout_box li:nth-child(6){ left: 86.5625vw; top:57.7%;}
.z_layout_box li .dot{ width: 7px; display: block;height: 7px;background: #FFFFFF;border-radius: 50%;cursor: pointer; position: relative;}
.z_layout_box li .dot::before{ content: ""; display: block; width: 29px; height: 29px; border: 1px solid #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.z_layout_box li h3{ position: relative; cursor: pointer; margin-left: -50%; margin-top: -40px; margin-bottom: 20px; color: #fff; white-space: nowrap; color: #fff;}
.z_layout_box li.on .dot::before{animation: circle-opacity 1s infinite; border-color: #D60011; background: #D60011;}
.z_layout_box ul{ display: none;}
.z_layout_box ul.active{ display: block;}

.z_layout_box ul:nth-child(2) li:nth-child(2){left: 42.44791vw; top: 57.3%;}
.z_layout_box ul:nth-child(2) li:nth-child(3){ left: 57.1875vw; top:62.9%;}
.z_layout_box ul:nth-child(2) li:nth-child(4){left: 86.5625vw; top:57.7%;}
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1);
    }
    to {
        opacity: 0;
        transform:translate(-50%,-50%) scale(2);
    }
}
.z_layout_con{ position: absolute; left:8.33333vw; bottom: 7.29166vw ; z-index: 2; color: #fff; width: 23vw;}
.z_layout_num{ display: flex; align-items: flex-start;font-size: 18px;font-family: Humanist521BT; margin-bottom: 1.5vw;}
.z_layout_num .all{font-size: 18px;font-family: Humanist521BT;font-weight: bold;color: #FFFFFF; margin-right: 5px; margin-left: -30px;}
.z_layout_num .index{ font-size: 3.22916vw; line-height: 2.8vw;font-family: Humanist521BT;}
.z_layout_con li h3{font-size: 1.45833vw;font-weight: bold;color: #FFFFFF; white-space: nowrap; margin-bottom: 15px;}
.z_layout_con li h4{font-size: 18px;font-weight: normal;color: #FFFFFF; line-height: 18px;}
.z_layout_con li .con{ margin-bottom: 2vw;}
.z_layout_con ul{ position: relative;}
.z_layout_con .child{ display: none;}
.z_layout_con .child.active{ display: block;}
.z_layout_con li{ position: absolute; left: 0; top: 0; opacity: 0; transition: ease 1s; visibility: hidden; transform: translateY(100%); }
.z_layout_con li a{ display: block;}
.z_layout_con li:first-child{ position: relative;}
.z_layout_con li.on{ opacity: 1; visibility: visible; transform: translateY(0);} 
.z_index_more2{ display: inline-block; width: 40px; height: 40px; background: url(../img/arr2.jpg) no-repeat center; background-size: cover; transition: ease 1s;}
.z_layout_con li:hover .z_index_more2{ transform: rotate(45deg);}

.z_layout_tab{ position: absolute; right: 0; bottom: 0;z-index: 1;}
.z_layout_tab li{ width:31.25vw; height: 12.5vw ; opacity: 0; padding: 20px; box-sizing: border-box; background: #DA251D; float: left; text-align: center;transition: ease 1s; position: relative; }
.z_layout_tab li a{ display: flex; transition: ease 1s; align-items: center; position: relative; justify-content: center; width: 100%; height: 100%; color: #fff; background: url(../img/line5.png) no-repeat center;}
.z_layout_tab li h3{ font-size:1.66666vw; font-weight: bold;}
.z_layout_tab li h4{ font-size: 18px;}
.z_layout_tab li.on{ background: #2F3035;}
.z_layout_tab li.on a{ background: url(../img/line6.png) no-repeat center;}
.z_layout_tab li a::before{ content: ""; display: block; z-index: 1; width: 0%; height:0%; position: absolute; left: 0; top: 0; border-left: 1px solid #4F5056; border-top: 1px solid #4F5056;transition: ease 1s;}
.z_layout_tab li a::after{ content: ""; display: block; z-index: 1; width: 0%; height: 0%; position: absolute; right: 0; bottom: 0; border-right: 1px solid #4F5056; border-bottom: 1px solid #4F5056;transition: ease 1s;}
.z_layout_tab li.on a::before,.z_layout_tab li.on a::after{ width: 100%; height: 100%;}
.z_index_school{ height: 100vh; overflow: hidden; position: relative;padding: 6.25vw 8.33333vw; box-sizing: border-box;}
.z_school_bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.z_school_bg li{width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: ease 1s; transform: scale(1.1); opacity: 0;}
.z_school_bg li.on{ transform: scale(1,1); opacity: 1;}
.z_school_swiper{ width: 37.5%; overflow: hidden; background: url(../img/bg5.jpg) no-repeat center; background-size: cover; position: absolute; left: -37.5%; bottom: 0;transition: cubic-bezier(0.215,.61,.355,1) 2s;  }
/* .z_index_school.swiper-slide-active .z_school_swiper{transform: perspective(600px) rotate(0);} */
.z_index_school.swiper-slide-active .z_school_swiper{left: 0;}
.z_school_swiper li a{ display: block; width: 100%; height: 100%; padding: 3vw 4.8vw; box-sizing: border-box; text-align: center;}
.z_school_swiper .z_school_logo img{ display: block; margin: 0 auto; height: 3.64583vw; width: auto;}
.z_school_swiper li .desc{ margin: 1.5vw 0;color: #000000;line-height: 30px; margin-bottom: 2.2vw;}
.z_school_btnbox{ width: 100%; height: 6.25vw; background: #2f3035; display: flex; align-items: center; justify-content: center;}
.z_school_hd{ margin: 0 4vw; height: 20px; display: flex; align-items: center;}
.z_school_hd span{ display: inline-block; width: 30px; text-align: center; height: 20px; line-height: 20px; position: relative;  margin: 0 2vw; }
.z_school_hd span::before{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #777777; z-index: 1;font-family: Gotham;}
.z_school_hd span:nth-child(1)::before{ content: "01";}
.z_school_hd span:nth-child(2)::before{ content: "02";}
.z_school_hd span:nth-child(3)::before{ content: "03";}
.z_school_hd span:nth-child(2)::after,.z_school_hd span:nth-child(3)::after{ content: ""; z-index: 1; display: block;width: 4vw;height: 1px;background: #FFFFFF; position: absolute; left: -4vw; top: 50%; transform: translateY(-50%); }
.z_school_swiper .btn{ color: #fff; cursor: pointer; outline: none; margin-top: -2px;} 
.z_school_swiper .btn:hover{ color: #D60011;}
.z_school_hd span.swiper-pagination-bullet-active::before{ color: #fff;}
.z_school_tab{ width: 62.5%; position: absolute; right: 0;bottom: 0; z-index: 1; border-top: 1px solid #fff; transform: translateX(100%); opacity: 0; transition: ease 2s;}
.z_school_tab li{ width: 33.3%;  overflow: hidden; float: left; z-index: 1; cursor: pointer; transition: ease 1s; position: relative; height: 6.25vw; line-height: 6.25vw; text-align: center; color: #fff; font-size: 16px;}
.z_school_tab li::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;background: #DA251D; transition: ease 1s; transform: translateX(-100%); opacity: 0;}
.z_school_tab li em{font-family: Gotham;}
.z_school_tab li.active::before{ transform: translateX(0); opacity: 1;}
.z_index_school.swiper-slide-active  .z_school_tab{ transform: translateX(0); opacity: 1;}
.z_index_news{ padding:5.2vw 9.375vw; box-sizing: border-box; background: #EFEFEF; }
.z_news_head{ display: flex; align-items: center; position: relative; margin-bottom: 3vw; transform: translateY(100%); transition: ease 2s; opacity: 0;}
.z_index_news.swiper-slide-active .z_news_head{transform: translateY(0%);opacity: 1;}
.z_news_head .titbox{ font-size: 1.875vw; font-weight: bold; display: flex; align-items: center;}
.z_news_head .titbox em{ text-transform: uppercase;font-family: Humanist777BT; font-weight: bold; font-size: 2.70833vw; margin-right: 5px;}
.z_news_nav{ margin-left: auto;}
.z_news_nav a{ display: inline-block; margin-right: 2vw; font-size: 16px; line-height: 32px; position: relative;}
.z_news_nav a::before{ content: ""; display: block; width:0%; z-index: 1; height: 2px; background: #da251d; position: absolute; left: 50%; bottom: 0; transition: ease 1s; }
.z_news_nav a:hover::before,.z_news_nav a.active::before{ left: 0; width: 100%;}
.z_news_nav a:hover,.z_news_nav a.active{color:#da251d ; }
.z_news_More{ position: absolute; right: -2.6vw; top: 50%; transform: translateY(-50%); text-align: center;}
.z_news_More .iconfont{ display: block;}
.z_news_More:hover{ color: #D60011;}
.z_news_swiper{ width: 100%; overflow: hidden; padding-bottom: 10px}
.z_news_swiper .bd li{ position: relative;}
.z_news_swiper .bd li a{ display: block; padding: 20px; box-sizing: border-box; background: #fff; padding-bottom: 3vw;}
.z_news_swiper .bd li .imgbox{ width: 100%; height: 14.0625vw; overflow: hidden;position: relative;}
.z_news_swiper .bd li .timebox{width: 5.2vw;height: 5.2vw;background: #2F3035; transition: ease .6s; position: absolute; padding-top: .3vw; box-sizing: border-box; right: 0; top: 0; text-align: center; color: #fff; text-transform: uppercase;}
.z_news_swiper .bd li .timebox em{ display: block; font-size: 2.08vw; font-weight: bold;}
.z_news_swiper .bd li:hover .imgbg{ transform: scale(1.05,1.05);}
.z_news_swiper .bd li:hover .timebox{ background: #D60011;}
.z_news_swiper .bd li .infobox{ margin-top: 20px;}
.z_news_swiper .bd li h3{font-size: 1.04vw;font-weight:bold;color: #000000;line-height: 1.77083vw;height: 3.33333vw;}
.z_news_swiper .bd li .desc{color: #666666;line-height: 28px; height: 56px; margin: 1vw 0; margin-bottom: 1.5vw;}
/* .z_news_swiper li:hover h3{ color: #D60011;} */
.z_news_swiper .bd li:hover .z_index_more .icon{ transform: rotate(45deg);}
.z_news_swiper .bd li::before{ content: ""; display: block; z-index: 1; width: 0; height: 2px; background: #D60011; position: absolute; left: 50%; bottom: 0; transition: ease 1s; }
.z_news_swiper .bd li:hover::before{ left: 0; width: 100%;}
.z_news_hd{ width: 100%; text-align: center; margin-top: 3vw;}
.z_news_hd li{ display: inline-block; transition: ease .6s; width: 8px;height: 8px;background: #CCCCCC;border-radius: 50%;cursor: pointer;outline: none; margin: 0 13px; position: relative;}
.z_news_hd li::before{ content: ""; display: block; opacity: 0; transition: ease .6s; z-index: 1; pointer-events: none; cursor: pointer;  width: 24px;height: 24px;border: 2px solid #DA251D;border-radius: 50%; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_news_hd li.on::before{ opacity: 1;}
.z_news_hd li.on,.z_news_hd li:hover{ background:#DA251D ;}
.z_news_swiper .bd li:hover{background: #FFFFFF;box-shadow: 0px 25px 43px 8px rgba(47, 48, 53, 0.08);}
.z_news_tabcon .child{ display: none;}
.z_news_tabcon .child.active{ display: block;}
.z_index_csr{ padding: 7.29166vw 8.33333vw; box-sizing: border-box;}
.z_index_csr .z_index_tit{ text-align: center; color: #333;}
.z_index_csr .z_index_more{ margin-top: 3vw;}
.z_csr_btm{ position: absolute; left: 0%; width: 100%;bottom: 0; padding: 0 8.33333vw; box-sizing: border-box;}
.z_csr_box{ width: 50%;background: #DA251D; float: left; position: relative;  transition: ease 2s;  opacity: 0;}
.z_csr_box a{ display: block; width: 100%; height: 100%;color: #fff;}
.z_csr_box::before{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 37.5%; top: 0; background: rgba(255,255,255,.5); z-index: 1;}
.z_csr_box .flwarp{ width: 37.5%; float: left; display: flex; transition: ease 1s;  height: 20.8vw;  align-items: center; justify-content: center; text-align: center; color: #fff;}
.z_csr_box .frwarp{ width: 62.5%; float: left; height: 20.8vw;transition: ease 1s; padding: 5vw 3vw; box-sizing: border-box; position: relative; }
.z_csr_box .flwarp .imgbox{ width: 6.77083vw; height: 6.77083vw; border-radius: 50%;}
.z_csr_box .flwarp h3{ font-size: 1.35416vw; margin-top: 10px;}
.z_csr_box:nth-child(1){ transform: translateX(-100%);}
.z_csr_box:nth-child(2){ background: #2F3035;transform: translateX(100%); }
.z_index_csr.swiper-slide-active .z_csr_box{ transform: translateX(0)!important; opacity: 1;}
.z_csr_box .frwarp h3{ font-size: 18px; font-weight: bold;}
.z_csr_box .frwarp .desc{line-height: 28px; height: 84px; margin: 1.5vw 0;}
.z_csr_box .frwarp .z_more_bar{ position: absolute; transition: ease 1s; left: 0; bottom: 0; width: 100%; display: block; height: 60px; background: rgba(255,255,255,.5); padding: 0 2vw; box-sizing: border-box; text-align: right; color: #fff; line-height: 60px;}
.z_csr_box .frwarp .z_more_bar .iconfont{ margin-left: 5px;}
.z_csr_box:hover .z_more_bar{ background: rgb(255,255,255,0); }
.z_csr_box:hover  .flwarp{ padding-bottom: 2vw;}

.z_footer{ padding:6.25vw  8.33333vw; box-sizing: border-box; color: #fff; }
.z_footer_logo{ float: left;}
.z_footer_logo img{ display: block; height: 4.47916vw;}
.z_footer_search{ float: right; color: #fff;}
.z_footer_search h3{ margin-bottom: 15px;}
.z_search_box .input_text{ width: 22.91666vw; height: 3.125vw; background: #fff; padding: 0 1.5vw; box-sizing: border-box; float: left;}
.z_search_box .sou{ display: block; width: 6.25vw;text-align: center; height: 3.125vw; line-height: 3.125vw; font-size: 16px; color: #fff; background: #DA251D; float: left;}
.z_footer_center{ border-bottom: 1px solid #fff; border-top: 1px solid #fff; margin: 1.5vw 0; margin-bottom: 2vw;}
.z_footer_nav{ width: 65%; float: left; display: flex; padding: 4vw 0; }
.z_footer_nav dl{display: inline-block; flex: 1;}
.z_footer_nav dl a{ display: block; color: #fff;}
.z_footer_nav dl dt{ margin-bottom: 1vw;}
.z_footer_nav dl a{font-size: 18px;}
.z_footer_nav dl dd a{ display: block; height: 30px; line-height: 30px; font-size: 14px;}
.z_footer_nav dl a:hover{ color: #D60011;}
.z_footer_center .frwarp{ width: 35%; float: left; border-left: 1px solid #fff; box-sizing: border-box; padding: 4vw 3.33333vw; box-sizing: border-box;}
.z_footer_center .frwarp h3{ font-size: 18px; color: #fff;margin-bottom: 1vw;}
.z_footer_addre{ line-height: 40px; color: #fff; margin-bottom: 2vw;}
.z_footer_addre .tel{ font-size: 1.875vw;}
.z_footer_code img{ display: block; height: 6.25vw;}
.z_footer_bar{ margin-top: 14px;}
.z_footer_bar a{ color: #fff; display: inline-block; padding: 0 10px;}
.z_footer_bar a:first-child{ padding-left: 0;}
.z_footer_link{ width: 200px; cursor: pointer; position: relative; height: 50px; border: 1px solid rgba(255,255,255,.5); float: left;}
.z_footer_link:nth-child(2){ border-left: none;}
.z_footer_link .tit{ line-height: 50px; color: #fff; padding: 0 20px; box-sizing: border-box;}
.z_footer_link  .iconfont{ float: right; color: #999999; 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_footer_link:nth-child(1) .z_link_down{ height: 40px; top:-40px;}
.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: #D60011;}


.z_about_banner{  height:44.79166vw; position: relative;}
.z_about_banner .bd,.z_about_banner .bd li,.z_about_banner .bd li .img,.z_about_banner .bd li .show{width:100%; overflow: hidden; height:100%; position:relative;}
.z_about_banner .bd li .img{ background-position:  bottom center; background-repeat:no-repeat; background-size:cover;}
.z_about_banner .bd li .show{transform:scale(1.1); transition:ease 2s; opacity:.8;}
.z_about_banner .bd li.swiper-slide-active .show,.z_about_banner .bd li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}
.z_swiper_hd li{ display: inline-block;margin:0 5px; width: 10px; height: 10px; border-radius: 50%; background: #fff;}
.z_banner_hd{ width: 100%; padding: 0 5%; box-sizing: border-box; position: absolute; left: 0; bottom: 50px; z-index: 2;}
.z_banner_hd li{ margin-right: 10px;}
.z_swiper_hd li.on{ background: #0072bc; }
.z_banner_text{ position: absolute; text-align: center; color: #fff; left: 0; top: 16.30208vw; z-index: 2; width: 100%; transition: ease 1s;transform: translateY(200px); opacity: 0;}
.z_banner_text img{ display: block; margin: 0 auto;}
.z_about_banner .bd li.swiper-slide-active .z_banner_text,.z_about_banner .bd li.swiper-slide-duplicate-active .z_banner_text{transform: translateY(0%); opacity:1; transition-delay:.5s;}
.z_banner_text span{ display: inline-block;min-width: 120px;height: 46px; line-height: 46px; color: #fff; font-size: 1.14583vw; text-align: center;background: #D60011;}
.z_banner_text h3{ font-size: 2.08333vw; font-weight: bold; margin-top: 20px;}
.z_about_banner .bd li:nth-child(2) .z_banner_text h3{ color: #333;}
.z_about_hd{ width: 100%; position: absolute; left: 0; bottom: 2.08vw; text-align: center; z-index: 2;}
.z_about_hd li{width: 10px;height: 10px; display: inline-block; background: #FFFFFF;border-radius: 50%; margin: 0 10px; outline: none; transition: ease 1s; cursor: pointer;}
.z_about_hd li.on{width: 32px;height: 10px;background: #D60011;border-radius: 5px;}
.z_page_bar{  width: 100%; padding: 0 8.33333vw; box-sizing: border-box; position: relative;}
.z_page_bar::before{ content: ""; display: block; width: 0%; height: 4px; background: #d60011; position: absolute; left: 0; top: 0; transition: ease 2s;}
.z_page_bar.animated::before{ width: 100%;}
.z_page_wz{ float: left; color: #888888;height: 5.2vw; line-height: 5.2vw;} 
.z_page_wz a{color: #888888;margin-right: 35px;transition: 0.3s;position: relative;}
.z_page_wz a::after{content: "";background-image: url(../l_img/navArr.png);width: 5px;height: 10px;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;top: 50%;transform: translateY(-50%);right: -22px;z-index: 9;}
.z_page_wz a:last-child::after{display: none;}
.z_page_nav{ float: right;height: 5.2vw; line-height: 5.2vw;}
.z_page_nav li{ float: left; margin-left: 4vw; color: #000000;}
.z_page_nav li a{font-size: 16px; display: block;}
.z_page_nav li:hover a,.z_page_nav li.cur a{ color: #D60011;}
.z_about_warp .flwarp,.z_about_warp .frwarp{ width: 50%; height: 51vw; float: left;}
.z_about_warp .flwarp{ display: flex; text-align: center; align-items: center; justify-content: center; background: url(../img/bg8.png) no-repeat left bottom; background-size: cover;}
.z_about_warp .flwarp .warp,.z_about_bj .flwarp .warp{ width: 68.4%;}
.z_about_tit .en{ text-transform: uppercase;color: #D60011;font-family: Humnst777 Blk BT; font-size: 2.08vw; line-height: 2vw;}
.z_about_tit h3{font-size: 28px;font-weight: bold;color: #000000; font-size: 1.45833vw; margin-top: 5px;}
.z_about_desc{color: #555555;line-height: 32px; font-size: 16px;}
.z_about_warp .z_about_desc,.z_about_bj .z_about_desc{ margin: 2.3vw 0 4vw 0;}
.z_scroll_bar .icon{ display:block; margin: 0 auto; width: 40px;height: 63px;background:url(../img/arr3.png) no-repeat center;animation: moves 2s linear infinite; background-size: auto 100%; margin-bottom: 5px;}
.z_scroll_bar{text-align: center;}
.z_scroll_bar h3{ display:inline-block;  text-decoration: underline;text-transform: uppercase; text-transform: uppercase;font-family: Humnst777 Blk BT; }
.z_about_num2{ overflow: hidden;}
.z_about_num2 li{width: 33.3%; position: relative; float: left; color: #fff; text-align: center; height: 25vw; background: #DB202F; display: flex; align-items: center; justify-content: center;}
.z_about_num2 li:nth-child(2){ background: #D60011;}
.z_about_num2 li:nth-child(3){ background: #C80515;}
.z_about_num2 li .timer{font-size: 3.125vw; line-height: 3vw; font-family: DIN;font-weight: bold;}
.z_about_num2 li .dw{ display: inline-block;width: 30px;height: 30px;background: rgba(255,255,255,.5); text-align: center;line-height: 30px;border-radius: 50%; vertical-align:8px; margin-left: 5px;}
.z_about_num2 li h3{ margin-bottom: 10px; font-size: 16px;}
.z_about_img{ width: 100%; height: 26vw; overflow: hidden; position: relative;}
.z_about_img::before{ content:""; display: block; width: 100%; height: 100%; z-index: 1; background: #D60011; position: absolute; left: 0; top: 0; transition: ease 1s; }
.z_about_img.animated::before{ transform: translateX(-100%);}

.z_about_cultrue{ width: 100%; overflow: hidden; height: 52.08333vw;padding:11vw 8.33333vw; box-sizing: border-box; padding-bottom: 0; position: relative;}
.z_about_cultrue .z_about_desc{ width: 630px;color: #000000; margin-top: 2vw; margin-bottom: 4vw;}
.z_cultrue_list{ position: absolute; left: 0; bottom: 0;}
.z_cultrue_list li{ width: 12.5vw;z-index: 1; position: relative; overflow: hidden;  float: left; height: 13.54166vw; border-right: 1px solid #696969; position: relative; transition: ease 1s; background: #2F3035;}
.z_cultrue_list li::before{ content: ""; display: block; width: 100%; height: 100%; background: #D60011; position: absolute; left: 0; top: 0; transition: ease 1s; transform: translateY(100%);}
.z_cultrue_list li:last-child{ border-right: none;}
.z_cultrue_list li a{  color: #fff;display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.z_cultrue_list li img{ display: block;height: 1.97916vw; margin: 0 auto;}
.z_cultrue_list li h3{ font-size: 16px; margin-top: 10px;}
.z_cultrue_list li:hover img{animation: overturn 2s;}
.z_cultrue_list li:hover::before{ transform: translateY(0);}
@keyframes overturn
{
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(360deg);}
    100% {transform: rotateY(0deg);}
}
.z_about_procees{ width: 100%; min-height: 50vw; padding: 6vw 0; padding-bottom: 15.5vw; position: relative;}
.z_procees_swiper{ width: 100%; text-align: center; color: #fff;}
.z_procees_swiper .year{ width:50%; margin: 0 auto; border-bottom: 2px solid #fff; text-align: center;
font-family: Humanst521 BT; font-size: 4.16666vw; font-weight: bold; line-height:4vw; padding-bottom: 2.2vw ; margin-bottom: 2.2vw;}
.z_procees_swiper .desc{font-size: 16px; line-height: 34px; height: 374px; overflow-y: auto;    width: 50%;
    margin: 0 auto;
}
.z_procees_swiper .desc::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

.z_procees_swiper .btn{ position: absolute; outline: none; cursor: pointer; top: 50%; width: 50px; height: 50px; text-align: center; line-height: 50px; z-index: 2; font-weight: bold; transform: translateY(-50%); color: #fff; font-size: 20px;}
.z_procees_swiper .prev{ left: 8.3333vw;}
.z_procees_swiper .next{ right: 8.3333vw;}
.z_year_warp{ width: 100%; position: absolute; left: 0; bottom: 0;  padding: 0 8.33333vw;box-sizing: border-box; z-index: 1;}
.z_year_swiper{height: 12.5vw;}
.z_year_swiper li{ display: flex; align-items: center; justify-content: center; color: #fff; position: relative;}
.z_year_swiper li::before{ content: ""; width: calc(50% - 10px); transition: ease 1s; height: 1px; background: #fff;position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.z_year_swiper li::after{ content: ""; width: calc(50% - 10px); transition: ease 1s;  height: 1px; background: #fff;position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.z_year_swiper li .yearbox{ position: relative; width: 130px; height:130px; text-align: center;font-size: 16px; }
.z_year_swiper li .yearbox::after{ content: ""; display: block; width: 100%; transition: ease 1s; opacity: 0; height: 100%; border: 1px solid #fff;position: absolute; left: 0; top: 0; border-radius: 50%;}
.z_year_swiper li .yearbox::before{ content: ""; display: block; width: 7px; height: 7px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); bottom: 0; background: #fff; border-radius: 50%;}
.z_year_swiper li.swiper-slide-active .yearbox::after{ opacity: 1;}
.z_year_swiper li.swiper-slide-active .yearbox em{ transform: translateY(25px);font-size: 30px; }
.z_year_swiper li .yearbox em{ transition: ease .2s; display: block; transform: translateY(35px);font-family: Humanst521 BT; }
.z_year_swiper li.swiper-slide-active::before{width: calc(50% - 75px);}
.z_year_swiper li.swiper-slide-active::after{width: calc(50% - 75px);}
.z_next_year{ position: absolute; right: -0.5vw; transition: ease 1s;  opacity: .4; top: 50%; transform: translateY(-50%);font-size: 10.41666vw;font-family: Humanst521 BT;font-weight: bold;color: rgba(0, 0, 0, 0);line-height: 28px;-webkit-text-stroke: 1px #FFFFFF;text-stroke: 1px #FFFFFF;}
.z_prev_year{position: absolute; left: -1vw; transition: ease 1s;  opacity: .4; top: 50%; transform: translateY(-50%);font-size: 10.41666vw;font-family: Humanst521 BT;font-weight: bold;color: rgba(0, 0, 0, 0);line-height: 28px;-webkit-text-stroke: 1px #FFFFFF;text-stroke: 1px #FFFFFF;}
.z_about_procees .tit{ text-align: center; color: #fff; font-size: 18px; }
.z_about_bj .flwarp,.z_about_bj .frwarp{ width: 50%; height: 50vw; float: left; position: relative; overflow: hidden;}
.z_about_bj .flwarp{ display: flex; background: #f4f4f4; z-index: 1; align-items: center; justify-content: center; text-align: center;}
.z_about_bj .flwarp .warp{ width: 62.5%;}
.z_about_bj .flwarp::before{ content: ""; display: block;animation: rotate 100s linear infinite; width: 100%; height: 100%; background: url(../img/abg3.png) no-repeat center; background-size:100% auto; position: absolute; left: 0; top: 0;}
@keyframes rotate{
    0%{
        transform: rotate(0);
      }
    50%{
    	transform:rotate(360deg);
    }
    100%{
         transform: rotate(0);
    	}
}
.z_bj_box .box{ width: 50%; color: #fff; height: 50vw; float: left; position: relative; position: relative; overflow: hidden;}
.z_bj_box .box::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.2);  pointer-events: none; transition: ease 1s; z-index: 1; position: absolute;left: 0;top: 0;}
.z_bj_box .box::after{ content: ""; display: block; width: 92%; height: 96%; position: absolute; left: 4%;top: 2%; opacity: 0; transition: ease 1s; border: 1px solid #fff; box-sizing: border-box; z-index: 1; }
.z_bj_box .box .infobox{ width: 100%; position: absolute;z-index: 2; left: 0; top: 50%; padding: 0 10px; box-sizing: border-box; text-align: center; transform: translateY(-50%); color: #fff;}
.z_bj_box .box a{display: block; width: 100%; height: 100%;}
.z_bj_box .tit h3{font-size: 1.66666vw; color: #fff;}
.z_bj_box .tit h4{font-size: 18px;font-family: Humanst521 BT;font-weight: normal; color: #fff;}
.z_bj_box .desc{ margin: 2vw 0; color: #fff;}
.z_bj_box .box .infobox .warp{display: none; }
.z_bj_box .box:hover .infobox .warp{ display: block;}
.z_bj_box .box:hover::before{ background: #2F3035;}
.z_bj_box .box:hover .imgbg{ transform: scale(1.1,1.1);}
.z_bj_box .box:hover::after{ opacity: 1;}
.z_bj_box .box .z_index_more .en{ color: #fff;}
.z_bj_box .box .z_index_more .icon{ border-radius: 50%;}
.z_bj_box .box .desc{ line-height: 36px;}
.z_bj_box .box .desc a{ display: block; color: #fff;}
.z_bj_box .box .desc a:hover{ text-decoration: underline;}

.z_video_warp { width: 100%; padding:7vw 8.33333vw; min-height: 50vw; box-sizing: border-box;}
.z_video_box{ position: relative; margin-top: 4vw;}
.z_video_swiper { width:68.75vw; overflow: hidden;}
.z_video_swiper li{ height:20.83333vw ; cursor: pointer; border-radius: 6px; overflow: hidden; position: relative;}
.z_video_swiper li .z_play{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #fff; width: 100%;}
.z_video_bar{ width: 25vw; height: 28.125vw;  text-align: center; padding-left: 10.4vw; box-sizing: border-box; color: #fff; padding-top: 2.6vw; position: absolute; right: 0; bottom: 0; background: url(../img/abg5.jpg) no-repeat center; background-size: cover;}
.z_video_btn{ text-align: center;}
.z_video_btn .iconfont{ font-size: 20px!important;outline: none; cursor: pointer; font-weight: bold; width: 4vw; text-align: center; display: inline-block;}
.z_video_btn .prev{ border-right: 1px  solid rgba(255,255,255,.5);}
.z_video_num{font-family: Humanst521 BT;font-weight: bold;color: #fdb4b9;line-height: 32px;  font-size: 2.08vw; text-align: center;margin-top: 7.8125vw;}
.z_video_num .index{ font-size: 4.16vw; color: #fff; }
.z_video_bar .slg{ display: inline-block; text-decoration: underline; font-size: 16px; margin-top: 9vw;}

.z_culture_warp{ width: 100%; background: #f1f1f1; padding:6vw  8.33333vw; box-sizing: border-box; display: flex; align-items: center;}
.z_culture_circle{ width: 31.77083vw; height: 34.375vw; float: left; position: relative;}
.z_culture_circle li{ width: 13.54166vw; height: 13.54166vw;position: absolute; transition: ease 1s; border-radius: 50%; background: rgba(214,0,17,.8); }
.z_culture_circle li a{ display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff;}
.z_culture_circle li h3{ font-size: 16px; margin-top: 10px;}
.z_culture_circle li:nth-child(1){ left: 50%; top: 0; margin-left:-6.77083vw ;}
.z_culture_circle li:nth-child(2){ right: 0; top: 5.2vw;}
.z_culture_circle li:nth-child(3){ right: 0; bottom: 5.2vw;}
.z_culture_circle li:nth-child(4){ left: 50%; bottom: 0;margin-left:-6.77083vw ;}
.z_culture_circle li:nth-child(5){ left: 0; bottom: 5.2vw;}
.z_culture_circle li:nth-child(6){ left: 0; top: 5.2vw;}
.z_culture_circle li:hover{background: rgba(214,0,17,1); }
.z_culture_circle li:hover img{animation: overturn 2s;}
.z_culture_text{ width: 31.77083vw; float: right; margin-left: auto;}
.z_culture_warp .descbox{color: #000000;line-height: 36px;border-left: 2px solid #d60011; margin-top: 3vw; padding-left: 2.08vw; font-size: 18px;}

.z_jiazhi_box .imgbox{ width:62.5%; height: 37.5vw ; float: left; position: relative; overflow: hidden;}
.z_culture_box .imgbox{ position: relative; overflow: hidden;}
.z_culture_box .imgbox::before{ content: ""; display: block; width: 100%; height: 100%; z-index: 1; background: #fff; position: absolute;left: 0; top: 0; transition: ease 1s;}
.z_culture_box.animated .imgbox::before{ transform: translateX(100%);}
.z_jiazhi_box .infobox{ background: #fff; width: 37.5%;height: 37.5vw ; float: right; display: flex; align-items: center; padding-left: 4.16vw; padding-right:8.33333vw; box-sizing: border-box ; }
.z_culture_box .titwarp{ border-bottom: 2px solid #d60011; position: relative; padding-bottom: 1.6vw; margin-bottom: 1.5vw;}
.z_culture_box .titwarp .icon{ position: absolute; right: 0; bottom: 1.6vw;}
.z_culture_box .infobox .warp{ width: 100%;}
.z_zl_box .imgbox::before{ display: none; }
.z_zl_box .imgbox{ overflow:unset}

.z_jiazhi_box .desc{font-size: 16px;font-weight: 400;color: #000000;line-height: 1.875vw;}
.z_pinpai_warp{ padding: 5.8vw 8.33333vw; box-sizing: border-box; min-height: 38vw; box-sizing: border-box;}
.z_pinpai_warp .icon { margin-bottom: 10px;}
.z_pinpai_warp .icon img{ display: block; margin: 0 auto;}
.z_pinpai_warp  .z_about_tit{ text-align: center;}

.z_pinpai_list{ margin-top: 3.5vw;}
.z_pinpai_list ul{ margin-left: -3.3%;}
.z_pinpai_list li{ width: 30%; float: left; margin-left: 3.3%; border-top: 2px solid #D60011; padding-top: 1.6vw; font-weight: bold;}
.z_pinpai_list li h3{ font-size: 1.25vw; margin-bottom: 1.1vw;}
.z_pinpai_list li .desc{font-size: 16px;font-weight: 400;color: #666666;line-height: 28px;}

.z_culture_two .z_culture_box .imgbox{ width: 60.4%; float: left; height: 41.66666vw;}
.z_culture_two .z_culture_box .infobox{ float: right; width: 39.6%;height: 41.66666vw; display: flex; align-items: center; padding-left: 6.25vw; padding-right:8.33333vw; box-sizing: border-box ;}
.z_culture_two .z_culture_box .infobox .tit{ font-size: 20px; font-weight: bold; margin-bottom: 1.4vw;}
.z_culture_two .z_culture_box .desc{color: #666666;line-height: 28px;}
.z_culture_two .z_culture_box:nth-child(odd) .imgbox{ float: right;}
.z_culture_two .z_culture_box:nth-child(odd) .infobox{ float: left; padding-left:8.33333vw ; padding-right:6.25vw; box-sizing: border-box ;}

.z_wenhua_warp{ text-align: center; padding: 9.375vw 0 13.5vw 0; text-align: center;}
.z_wenhua_warp .icon img{ display: block; margin: 0 auto; margin-bottom: 15px;}
.z_wenhua_warp .desc{color: #000000;line-height: 40px; font-size: 18px; margin-top: 2.6vw;}

.z_zl_box{padding: 7.8125vw 8.33333vw; position: relative;}
.z_zl_box::before{ content: ""; display: block; width: 23.95833vw; height: 100%; 
background: #F4F4F4; position: absolute; left: 0; top: 0;}
.z_zl_box .infobox{width: 33.33333vw; float: left;}
.z_zl_box .imgbox{ float: right; width: 41.66666vw; height: 29.16666vw; position: relative; }
.z_zl_box .infobox .desc{ 
color: #666666;
line-height: 32px; font-size: 16px;}
.z_zl_box  .titwarp{ padding-bottom: 2.1vw; margin-bottom: 2vw;}
.z_zl_box .dot{ display: block;width: 118px;height: 78px; background: url(../img/dot.png) no-repeat center; position: absolute; left: -59px; bottom: 40px;}
.z_zr_warp .z_zl_box:nth-child(odd) .infobox{ float: left; width: 34.89583vw;}
.z_zr_warp .z_zl_box .desc{ margin: 2.6vw 0;}
.z_zr_warp .z_zl_box .z_about_tit{ border-top: 2px solid #D60011; padding-top: 2vw;}
.z_zr_warp .z_zl_box .imgbox{ width:41.66666vw ; height: 31.25vw;}
.z_zl_box{ position: relative;}
.z_zl_box::before{ content: ""; display:block; width: 66.6%; background: #f1f1f1; height: 100%; position: absolute; left: auto; right: 0; top: 0;}
.z_zl_box .z_about_tit .en{ font-family: Human;}
.z_edu_head{ width: 100%; background: #f1f1f1; text-align: center; padding: 3.5vw 0;}
.z_edu_tit{text-align: center; text-transform: uppercase;}
.z_edu_tit .en{ font-size: 2.29166vw; line-height: 2vw; font-family: Human; color: #d60011;}
.z_edu_tit h3{ font-size:1.875vw ; margin-top: 8px;}
.z_edu_tit h4{ font-size: 16px; color: #888888; margin-top: 10px;}
.z_edu_swiper{ position: relative;}
.z_edu_swiper::before{ content: ""; display: block; position: absolute; top: 50%; right: -19vw; transform: translateY(-50%); width:38.54166vw; height: 36.82291vw; background:url(../img/ebg1.png) no-repeat center; background-size: 100% auto ;}

.z_edu_swiper li .imgbox{ width: 66.6%; height: 50vw; float: left; overflow: hidden;}
.z_edu_swiper li .imgbox .imgbg{ transform: scale(1.1,1.1); transition:ease 2s;}
.z_edu_swiper li .infobox{ width: 33.4%; height: 50vw; float: right; padding: 8.33333vw 8.33333vw 0 4.16vw; box-sizing: border-box; text-align: left;}
.z_edu_swiper li .z_edu_tit{ text-align: left;}
.z_edu_swiper li .z_edu_tit h3{ margin-top: 15px;}
.z_edu_swiper li .desc{ margin: 2.6vw 0; margin-bottom:8vw; color: #444444; line-height: 32px; height: 192px;}
.z_edu_swiper li.swiper-slide-active .imgbox .imgbg{ transform: scale(1,1);}
.z_edu_nav{ min-width: 300px; background: #2f3035; padding: 70px 50px; box-sizing: border-box; position: absolute; right: 33.4%; top: 50%; transform: translateY(-50%); z-index: 2;}
.z_edu_nav ul{ border-left: 2px solid #48494c; }
.z_edu_nav ul li{padding: 0 30px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; cursor: pointer; position: relative;}
.z_edu_nav ul li::before{ content: ""; display: block; width: 10px; height: 2px; background: #48494c;position: absolute; left: -6px; top: 50%; transform: translateY(-50%);}
.z_edu_nav ul li::after{ content: ""; display: block; width: 0%; height: 100%; position: absolute; left: 0; top: 0; transition: ease 1s; background: #d60011; border-radius: 0 25px 25px 0;}
.z_edu_nav ul li.active::after{width: 100%;}
.z_edu_dot{ width: 66.6%; text-align: center; position: absolute; left: 0; bottom:3.125vw; z-index: 2;}
.z_edu_dot span{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #fff; margin: 0 10px; position: relative;}
.z_edu_dot span::before{ content: ""; display: block; width: 24px; height: 24px; border-radius: 50%; border: 2px solid #fff; box-sizing: border-box; position: absolute; left: -8px; top: -8px; transition: ease 1s; opacity: 0;}
.z_edu_dot span.swiper-pagination-bullet-active::before{ opacity: 1; }
.z_edu_num{ position: absolute; left: 70.4vw; top:4.5vw; z-index: 2; font-size: 20px;}
.z_edu_num .index{ font-size: 40px; color: #D60011;}

.z_company_box{ width: 100%; height: 46.875vw; position: relative;}
.z_company_box a{ display: block; width: 100%; height: 100%; color: #fff;}
.z_company_box .infobox{ width: 35.41666vw;height: 100%; transition: ease 1s; position: absolute; left: 8.33333vw; top: 0; background: rgba(0,0,0,.6); display: flex; align-items: center; padding: 0 3.90625vw; box-sizing: border-box;}
.z_company_tit .en{font-size: 2.29166vw;font-family: Human;font-weight: normal;line-height: 2.29166vw; text-transform: uppercase;}
.z_company_tit h3{ margin-top: 15px; font-size: 2.08vw; }
.z_company_tit{ border-bottom: 2px solid #fff; padding-bottom: 2vw; margin-bottom: 2vw;}
.z_company_box .name{ font-size: 1.45833vw;}
.z_company_box .desc{ line-height: 24px; margin-top: 1.5vw;  margin-bottom: 4.16666vw;}
.z_company_box .z_index_more .en{ color: #fff; }
.z_company_box:nth-child(even) .infobox{right: 8.33333vw; left: auto; }
/* .z_company_box:hover .infobox{ left: 50%; transform: translateX(-10%);} */
.z_header2{ background: #fff;}
.z_detail_page{ background: #f1f1f1; padding: 90px 0; box-sizing: border-box;}
.z_detail_warp{ padding: 0 8.33333vw; box-sizing: border-box;}
.z_detail_fl{ width: 27.5%; float: left;}
.z_detail_fr{ width: 65%; float: right;}
.z_jiaoyu_fl{ border: 3px solid #d60011; padding: 2.5vw 2vw; box-sizing: border-box;}
.z_jiaoyu_tit .en{ font-size: 2.08333vw; line-height: 2.08vw; text-transform: uppercase; color: #D60011;font-family: Humnst777 Blk BT;}
.z_jiaoyu_tit h3{font-size: 1.97916vw; font-weight: bold; margin: 22px 0;}
.z_jiaoyu_num{ font-size: 20px; color: #aaaaaa;}
.z_jiaoyu_num .index{ color: #010101; font-size: 40px;font-family: Humanst521 BT; font-weight: bold;}
.z_jydetail_tit{ margin-bottom: 40px;}
.z_jydetail_tit h3{ font-size: 1.45833vw; font-weight: bold;}
.z_jydetail_tit h4{ font-size: 1.04vw; text-transform: uppercase; color: #999999;}
.z_jydetail_con{ margin-bottom: 50px; font-size: 16px; line-height: 32px;}
.z_detail_logo{ border-top: 2px solid #dddddd; border-bottom: 2px solid #cccccc; padding-bottom: 2vw;}
.z_detail_logo .title{ font-size: 1.35416vw; padding-top: 20px; margin-bottom: 25px; color: #d60011; display: inline-block; position: relative;}
.z_detail_logo .title::before{ content: ""; display: block; width: 100%; height: 2px; background: #D60011; position: absolute; left: 0; top: -2px; z-index: 1;}
.z_detlogo_list ul{ margin-left: -0.8%;}
.z_detlogo_list li{ width: 19.2%; float: left;  margin-left: 0.8%;height: 100px; margin-bottom: 1.04vw; background: #FFFFFF;border: 1px solid #DDDDDD; display: flex; align-items: center; justify-content: center;}
.z_detlogo_list li img{  display: block; max-width: 100%; max-height: 100%;}
.z_topbtm_bar{ text-align: center; margin-top: 2.5vw;}
.z_topbtm_bar a{ font-size: 16px;}
.z_topbtm_bar a:hover{ color: #D60011;}
.z_topbtm_bar .iconfont{ display: inline-block; margin: 0 5px; vertical-align: 1px;}

.z_school_page{ padding: 8.333vw; box-sizing: border-box;}
.z_slogo_box{ width: 27vw; height: 27vw;  position: relative; z-index: 1;}
.z_slogo_box::before{ content: ""; display: block; width: 100%; height: 100%; background: url(../img/sbg2.png) no-repeat center;animation: rotate 100s linear infinite; background-size: 100% 100%; position: absolute; left: 0; top: 0;}
.z_slogo1{ position: absolute; left: 50%; top: 50%; width: 13vw; height: 13vw; transform: translate(-50%,-50%);}
.z_slogo a{ display: block; width: 100%; height: 100%; border-radius: 50%; }
.z_slogo a img{ display: block; max-width: 100%; max-height: 100%;}
.z_slogo2{ width: 8vw; height: 8vw; position: absolute; left: 0; top: 0; }
.z_slogo3{  width: 8vw; height: 8vw; position: absolute; right: 0; top: 50%; margin-top: -4vw; margin-right: -4vw;}
.z_slogo4{  width: 8vw; height: 8vw; position: absolute; left: 13%; bottom: -2vw;}
.z_slogo_warp{ width: 50vw; height: 50vw; position: relative; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.z_slogo_warp::before{content: ""; display: block; width: 100%; height: 100%; background: url(../img/sbg3.png) no-repeat center;animation: rotate 100s linear infinite; background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: 1;pointer-events: none;}
.z_lclogo{ }
.z_lclogo{ width: 6.2vw; height: 6.2vw; z-index: 2; position: absolute;}
.z_lclogo a{ display: block; width: 100%; height: 100%;}
.z_lclogo1{ left: 50%; margin-left: -3.1vw; top: -3.1vw;animation:moves2 2s linear  infinite;}
.z_lclogo2{ left: 28%; top: -2.9%;animation:moves2 3s linear  infinite;}
.z_lclogo3{ left: 14%; top: 5%;animation:moves2 4s linear  infinite;}
.z_lclogo4{ left: 3%; top: 17%;animation:moves2 1s linear  infinite;}
.z_lclogo5{ left: -4%; top: 32%;animation:moves2 3s linear  infinite;}
.z_lclogo6{  
    top: -4%;
    left: 60%;animation:moves2 4s linear  infinite;}
.z_jrlogo1{ right: -4%; top: 32%;animation:moves2 2s linear  infinite;}
.z_jrlogo2{ right: -6%; top: 50%;animation:moves2 4s linear  infinite;}
.z_jrlogo3{ right: -1%; top: 67%;animation:moves2 1s linear  infinite;}
.z_ctlogo1{ left: -3.5%; bottom: 30%;animation:moves2 2s linear  infinite;}
.z_ctlogo2{ left: 3%; bottom: 15%;animation:moves2 3s linear  infinite;}
.z_ctlogo3{ left: 16%; bottom: 3%;animation:moves2 4s linear  infinite;}
.z_ctlogo4{ left: 31%; bottom: -4%;animation:moves2 2s linear  infinite;}
.z_ctlogo5{ left: 48%; bottom: -5%;animation:moves2 1s linear  infinite;}
.z_ctlogo6{ left: 63%; bottom: -2%;animation:moves2 3s linear  infinite;}
.z_school_page img{ transition: ease 1s; }
.z_school_page img:hover{ margin-left: 10px;}
@keyframes moves2 {
	0%{transform: translateY(0px);} 
50%{transform: translateY(-5px);} 
	100%{transform: translateY(0px);}
}
.z_fenxiao_page{ width: 100%; background: url(../img/zbg.png) no-repeat center; background-size: cover; background-color: #f1f1f1; padding: 80px 0; text-align: center;}
.z_fenxiao_con{ width: 54%; margin: 0 auto;}
.z_fenxiao_title .en{font-size:2.29166vw;font-family: Human;font-weight: normal;color: #89599A; line-height: 2.29166vw; text-transform: uppercase;}
.z_fenxiao_title h3{ font-size: 36px; color: #000; font-weight: bold;}
.z_fenxiao_title{ }
.z_fenxiao_con .desc{font-size: 16px;font-weight: 400;color: #000;line-height: 32px; margin: 2vw 0;}
.z_fenxiao_con .www{ display: inline-block;min-width: 160px; line-height: 46px; text-align: center;color: #89599A; font-size: 16px;height: 50px;border: 2px solid #89599A;border-radius: 25px;}
.z_fenxiao_con .www:hover{ background: #89599A; color: #fff;}
.z_fenxiao_circle{ width: 41.66666vw; height: 41.66666vw; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; z-index: 1; margin: 80px auto;}
.z_fenxiao_circle::before{ content: ""; display: block; width: 100%;animation: rotate 100s linear infinite; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/qfrbg.png) no-repeat center; background-size: 100% 100%;}
.z_fenxiao_center{ width: 25vw; height: 25vw; display: flex; align-items: center; justify-content: center;}
.z_fenxiao_img img{ display: block; max-width: 100%; max-height: 100%;}
.z_fenxiao_center img{ display: block;width: 17.70833vw; height: 17.70833vw;}
.z_fenxiao_1{ position: absolute; left: -2.6vw; top: 5vw;}
.z_fenxiao_2{ position: absolute; right: -2.6vw; top: 5vw;}
.z_fenxiao_3{ position: absolute; left:50%; margin-left: -5.7vw; bottom:-5.7vw;}
.z_fenxiao_img{ width:11.5vw; height: 11.5vw ;}

.z_fenxiao_box .imgbox{ width: 56.25%; overflow: hidden; float: left; height: 41.66666vw; position: relative;}
.z_fenxiao_box .infobox{ width: 43.75%; padding: 0 6.25vw; box-sizing: border-box; float: right;height: 41.66666vw; display: flex; align-items: center; justify-content: center; }
.z_fenxiao_box .num{font-size: 30px;font-family: Humanst521 BT;font-weight: bold;line-height: 32px;}
.z_fenxiao_box .titbox{ margin: 1vw 0; }
.z_fenxiao_box .tel{ font-size: 1.2vw; margin-bottom: 1.5vw;font-family: Humanst521 BT;} 
.z_fenxiao_box .tel .iconfont{font-size: 1.2vw; color: #AB2025; display: inline-block; margin-right: 10px;}
.z_fenxiao_box .titbox .en{font-size: 2.29166vw;font-family: Humanst521 BT;font-weight: normal; text-transform: uppercase; line-height: 2.2vw;}
.z_fenxiao_box .titbox h3{ font-size: 1.66666vw; margin-top:4px;}
.z_fenxiao_box .desc{ line-height: 24px; height: 144px; margin-bottom: 4vw;}
.z_fenxiao_box .bar{ display: flex; align-items: center; }
.z_qfr_warp .infobox{ color: #fff; background: #d56853;}
.z_qfr_warp .infobox a{ color: #fff;}
.z_qfr_warp .infobox .z_index_more .en{color: #fff;}
.z_qfr_warp .infobox .z_index_more .icon{ background-image: url(../img/arr5.png);}
.z_fenxiao_box .www{ display: inline-block; margin-left: auto; font-size: 16px; float: right; width: 140px;height: 44px;border: 2px solid #FFFFFF;border-radius: 22px; line-height: 40px; text-align: center;}
.z_fenxiao_box .www:hover{ background: #fff; color: #89599A;}
.z_fenxiao_box:nth-child(even) .imgbox{ float: right}
.z_fenxiao_box:nth-child(even) .infobox{ float: left;}
.z_qfr_warp .z_fenxiao_box:nth-child(3n) .infobox{ background: #a68255;}
.z_qfr_warp .z_fenxiao_box:nth-child(3n-1) .infobox{ background:#9cad47 ;}
.z_qfr_warp .z_fenxiao_box .imgbox::before{content: ""; width: 100%; z-index: 1; height: 100%; background:#d56853;position: absolute ; left: 0; top: 0; transition: ease 1s; transform-origin: right center;}
.z_fenxiao_box.animated .imgbox::before{ transform: translateX(100%);}
.z_qfr_warp .z_fenxiao_box:nth-child(3n) .imgbox::before{ background: #a68255;}
.z_qfr_warp .z_fenxiao_box:nth-child(3n-1) .imgbox::before{ background:#9cad47;}
.z_fenxiao_box:hover .imgbg{ transform: scale(1.1,1.1);}

.z_lc_con .z_fenxiao_title .en{color: #AB2025;}
.z_lc_con .www{color: #AB2025; border-color:#AB2025 ;}
.z_lc_center{ background: url(../img/lcbg2.png) no-repeat center; background-size: 100% 100%;}
.z_lingchuan_center{}
.z_lc_circle::before{ background-image: url(../img/lcbg.png);}
.z_wh_circle::before{ background-image: url(../img/whbg.png);}
.z_lc_1,.z_wh_1{ position: absolute; left: 50%; top: 0; margin-left: -3.6vw; margin-top: -3.6vw;}
.z_lc_img{ width: 7.3vw; height: 7.3vw;}
.z_lc_circle,.z_wh_circle{ margin-top: 150px;}
.z_lc_2{ position: absolute; right: -6%; top: 12vw;}
.z_lc_3{ position: absolute; right: 12%; bottom: 0vw;}
.z_lc_4{ position: absolute; left: 12%; bottom: 0vw;}
.z_lc_5{ position: absolute;left: -6%; top: 12vw;}

.z_lc_warp .z_fenxiao_box .www{ border-color: #AB2025; color: #AB2025;}
.z_lc_warp .z_fenxiao_box .www:hover{ background: #AB2025; color: #fff;}
.z_lc_warp .z_fenxiao_box .en{ color:#AB2025 ;}
.z_lc_img{ position: absolute;}
.z_wh_center{ background: url(../img/wh_bg2.png) no-repeat center; background-size: 100% 100%;}
.z_lingchuan_center{background: url(../img/lcbg2.png) no-repeat center; background-size: 100% 100%;}
.z_lingchun::before{ background-image: url(../img/lcbg.png);}
.z_wh_2{    right: -2.5%;top: 8vw;}
.z_wh_3{   right: -2.5%;bottom: 7vw;}
.z_wh_4{   left: 50%; margin-left: -3.6vw; bottom: -3.6vw;}
.z_wh_5{  left: -2.5%;bottom: 7vw;}
.z_wh_6{  left: -2.5%;top: 8vw;}

.z_wh_con .en{ color: #d9b96a;}
.z_wh_con .www{color: #d9b96a; border-color:#d9b96a ;}
.z_wh_warp .z_fenxiao_box .www{color: #d9b96a; border-color:#d9b96a ;}
.z_wh_warp .z_fenxiao_box .www:hover{background: #d9b96a; color: #fff;}
.z_wh_warp .z_fenxiao_box .titbox .en{ color: #d9b96a;}

.z_qfr_center{background: url(../img/qfrbg2.png) no-repeat center; background-size: 100% 100%;}

.z_three_tit{ text-align: center; margin-bottom: 4vw;}
.z_three_tit .en{font-size:2.39583vw;font-family: Humanst521 BT;font-weight: normal;color: #D60011;line-height: 2.3vw; text-transform: uppercase;}
.z_three_tit h3{ font-size: 1.875vw; margin-top: 4px;}
.z_three_list li a{ display: block; width: 100%; height: 100%;}
.z_three_list li .imgbox,.z_three_list li .infobox{ width: 50%; height: 31.25vw; float: left; background: #fff;}
.z_three_list li .infobox{ padding: 6.25vw; box-sizing: border-box;}
.z_three_list li .logo{ display: block; height: 3.64583vw;}
.z_three_list li .desc{ font-size: 16px; line-height: 32px; height: 96px; margin: 2vw 0;}
.z_three_list li:nth-child(even) .imgbox{ float: right;}
.z_three_list li:nth-child(even) .infobox{ float: left;}
.z_three_list li .imgbox{ position: relative; overflow: hidden;}
.z_three_list li .imgbox::before{ content: ""; display: block; width: 100%; height: 100%; background: #fff; transition: ease 2s; position: absolute; left: 0; top: 0; z-index: 1;}
.z_three_list li.animated .imgbox::before{ transform: translateX(100%);}
.z_three_list li.animated .imgbg{ transform: scale(1.1,1.1); transition-delay: .5s;}
.z_three_list li .tel{ font-size: 1.2vw;
    margin-top:2vw;
    font-family: Humanst521 BT;}
.z_three_list li .iconfont{font-size: 1.2vw; color: #AB2025; display: inline-block; margin-right: 10px;}
.z_xq_logo{ background: #fff; height:11.45833vw; padding: 2vw; box-sizing: border-box; border: 1px solid #c8c8c8; box-sizing: border-box; display: flex; align-items: center;}
.z_xq_logo img{ display: block; max-width: 100%; max-height: 100%; margin: 0 auto;}

.z_xinwen_fl{ border: 4px solid #d60011; background: #ffffff;padding: 1.875vw; box-sizing: border-box; width: 26.04166vw; }

.z_xinwen_fl h3{ line-height: 2.5vw; font-size: 1.66666vw; font-weight: bold; color: #000; padding-bottom: 1vw; border-bottom: 1px solid #dddddd;}
.z_xinwen_fl .bar{ margin: 20px 0; color: #999999;}
.bshare-custom2{ float: none; margin-right: auto;}
.bshare-custom2 a{ background:#cccccc!important; color: #fff!important; font-size: 22px!important; margin-left: auto!important; margin-right: 1vw!important;}

.z_zren_box{ padding: 9.375vw 8.33333vw; overflow: hidden; box-sizing: border-box; z-index: 1; position: relative;}
.z_zren_box::before{ content: ""; display: block; width: 66.6%; height: 100%; background: #f1f1f1; position: absolute; right: 0;top: 0;}
.z_zren_box::after{ content: ""; display: block; width: 23.95833vw; height: 23.95833vw; background:url(../img/quan1.png) no-repeat center; z-index: 1; background-size: 100% 100%; position: absolute; right: -5vw; top: -3vw;}
.z_zren_box .imgbox{ width:41.66666vw; height: 31.25vw ; float: right; position: relative;}
.z_zren_box .infobox{ float: left; width: 35.41666vw;}
.z_zren_box .infobox::before{}
.z_zren_box .z_about_tit .en{font-family: Human;}
.z_zren_box .z_about_tit{ border-top: 2px solid #D60011; padding-top:1.8vw;}
.z_zren_box .desc{color: #666666;line-height: 32px; font-size: 16px; height: 128px; margin: 2vw 0 4vw 0;}
.z_zren_box .dot{ display: block;width: 118px;height: 78px; background: url(../img/dot.png) no-repeat center; position: absolute; left: -59px; bottom: 40px;}
.z_zren_box:nth-child(even) .imgbox{ float: left;}
.z_zren_box:nth-child(even) .infobox{ float: right;}
.z_zren_box:nth-child(even)::before{ left: 0; right: auto;}
.z_zren_box:nth-child(even)::after{ left: -5vw; right: auto; background-image: url(../img/quan2.png);}
.z_zren_box:nth-child(even) .dot{ left: auto; right: -59px;}

.z_yuanz_warp{ padding: 5.2vw 10.4vw; box-sizing: border-box;}
.z_yuanz_warp .z_about_tit .en{ font-family:Human; }
.z_yuanz_warp .z_about_tit{ text-align: center; margin-bottom: 4vw;}
.z_yuanz_list ul{ margin-left: -1.8%;}
.z_yuanz_list li{ width: 31.5%; float: left; margin-left: 1.8%; background:#f5f5f5;}
.z_yuanz_list li .topbar{border-bottom: 1px solid #dddddd; display: flex; align-items: center;}
.z_yuanz_list li .timebox{ width:120px; height: 120px; font-size: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-weight: bold; border-right: 1px solid #dddddd; text-align: center; color: #D60011;}
.z_yuanz_list li .timebox em{display: block;font-size: 2.6vw;font-family: Humanst521 BT;color: #D60011}
.z_yuanz_list li .titbox{ padding: 0 1vw; box-sizing: border-box;font-size: 18px;font-weight: bold;color: #000000;line-height: 30px;}
.z_yuanz_list li .infobox{ padding:1.5vw 1.1vw; padding-bottom:3vw; box-sizing: border-box;}
.z_yuanz_list li .desc{color: #444444;line-height: 28px; margin-bottom: 1.5vw;}
.z_yuanz_list li:hover .titbox{ color: #D60011;}
.z_yuanz_warp .Pagination{ text-align: center; margin-top: 3.125vw;}


.z_open_footer{ width: 60px; height:60px; cursor: pointer; position: relative;  border-radius: 50%; text-align: center;  line-height: 60px; background: #2f3035; color: #fff;}
.z_open_footer::before{ content: ""; display: block; width: 70px;height: 70px; border-radius: 50%; background: rgba(0,0,0,.4); position: absolute;animation: circle-opacity 2s infinite; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0);}
.z_open_footer .iconfont{ font-size: 20px; display: inline-block; transition: ease .5s;}
.z_open_footer.on .iconfont{ transform: rotate(180deg);}
.z_retop{position: fixed; right: 30px; bottom: 30px; z-index: 99;}
.z_retop::before{ width: 50px; height: 50px;animation: circle-opacity 1s infinite;}
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1);
    }
    to {
        opacity: 0;
        transform:translate(-50%,-50%) scale(2);
    }
}

@media screen and (max-width:1440px){
.z_menu_nav dl dd a{ line-height: 30px;}
.z_layout_box li .dot{ margin-top: -1px;}
.z_csr_box .frwarp{ padding-top: 3vw;}
.z_footer_nav dl a,.z_footer_center .frwarp h3{ font-size: 16px;}
.z_edu_num{ top: 2.5vw;}
.z_footer_nav{ padding: 2vw 0;}
.z_footer_center .frwarp{padding-top: 2vw; padding-bottom: 2vw;}
}

@media screen and (max-width:980px){
.z_menu_nav dl dd a{ line-height: 30px;}	
.z_header{ width: 100%; height: 50px; background: #fff; padding: 0 10px;}
.z_logo img{ height: 30px;}
.z_header_nav{ width: 100%; transition: ease 1s; transform: translateY(-100vh); z-index: -1; visibility: hidden; height: calc(100vh - 50px); position: fixed; display: flex; align-items: center; justify-content: center; left: 0; top: 50px; background: url(../img/bg.jpg) no-repeat center; background-size: cover;}
.z_menu_btn{ width:40px; height: 40px;}
.z_header_nav.on{ transform: translateY(0); visibility: visible;}
.z_header_nav li{ display: block; margin: 10px 0;}
.z_header_nav li a{ color: #fff;}
.z_header_nav li.active::before,.z_header_nav li:hover::before{ background: url(../img/line2.png) no-repeat center; background-size: 100% 100%;}
.z_header_nav li.active a,.z_header_nav li:hover a{ color: #fff;}
.z_banner{ height:70vw; width: 100vw; margin-top: 50px;}
.z_banner .bd li,.z_banner .picBox{ height: 100%;}
.z_copy,.z_banner .btn,.z_banner_sb,.z_wave{ display: none;}
.z_banner_num .index{ font-size: 18px;}
.z_banner_play{ height: 30px; line-height: 30px; width: auto; top: auto; bottom: 20vw;}
.z_banner_play em{ margin-top: 5px; height: 20px; width: 20px; background-size: 100% 100%; margin-left: 10px;}
.z_index_about{ height: auto;} 
.z_index_about .z_about_video,.z_index_about .z_about_con{ height: auto; width: 100%;}
.z_index_about .z_about_video{ height: 70vw;}
.z_about_play img{ height: 80px;}
.z_about_num{ position: relative;}
.z_about_con{ padding: 0;}
.z_about_logo img{ height: 30px; margin: 0 auto;}
.z_about_con .tit{ font-size: 18px;text-align: center; margin: 10px 0;}
.z_about_con .desc{ line-height: 24px;}
.z_about_num li{ height:20vw;}
.z_about_num li em{ width: 20px; height: 20px; font-size: 12px; line-height: 20px;}
.z_about_num li .timer{ font-size: 20px; line-height: normal;}
.z_about_num li h4{ font-size: 12px; margin-top: 0;}
.z_about_num li .h3{ margin-bottom: 5px;}

.z_about_top{ padding: 20px 10px; text-align: center;}
.z_about_con::before{ height: 40vw;}

 .z_index_layout{ padding: 20px 0px;  height: 100vh;}
.z_index_tit {text-align: center;} 
.z_index_tit h3{ font-size: 20px;line-height: 20px ;}
.z_index_tit h4{ font-size: 20px;}
.z_index_tit .desc{ margin-top: 10px;}
.z_layout_tab{ width: 100%;}
.z_layout_tab li{ width: 50%; height: 80px; padding: 10px;}
.z_layout_tab li h3{ font-size: 18px;}
.z_layout_tab li h4{font-size: 12px;}
.z_layout_tab li a{ background-size: auto 100%;}
.z_layout_box{  background: url(../img/phone.png) no-repeat center; background-size: cover;}
.z_layout_con{ position: relative;}
.z_layout_num { font-size: 12px; display: flex; align-items: center; margin-bottom: 10px;}
.z_layout_num .all{ font-size: 12px; margin-right: 2px;}
.z_layout_num .index{ font-size: 20px; line-height: 20px; margin-left: 2px;}
.z_layout_con li h3{ font-size: 16px;}
.z_layout_con li h4{ font-size: 12px;}
.z_layout_con{ display: none;}
.z_index_more2{ width: 30px; height: 30px;}

.z_layout_box li .dot{ width: 4px; height: 4px;}
.z_layout_box li .dot::before{ width: 15px; height: 15px;}
.z_layout_box li h3{ margin-bottom: -13px; margin-left: 15px;}
.z_layout_box li:nth-child(1) {
    left: 12.9vw;
    top: 30%;
}
.z_layout_box li:nth-child(2) {
   left: 19.4vw;
       top: 40.5%;
}
.z_layout_box li:nth-child(3) {
   left: 24.7vw;
       top: 49.3%;
}
.z_layout_box li:nth-child(4) {
  left: 30vw;
    top: 57.9%;
}
.z_layout_box li:nth-child(5) {
    left: 35.875vw;
    top: 67.08%;
}
.z_layout_box li:nth-child(6) {
    left: 42.8vw;
    top: 76.7%;
}
.z_index_school{}
.z_school_swiper{ width: 100%; position: relative; margin-top: 20px; }
.z_index_school{ height: auto; padding: 20px 10px; padding-bottom: 70px;}
.z_school_swiper .z_school_logo img{ height: 40px;}
.z_school_swiper li a{ padding:15px 10px;}
.z_school_swiper li .desc{ line-height: 24px; margin: 15px 0;}
.z_school_btnbox{ height: 40px; line-height: 40px;}
.z_school_tab{ width: 100%;}
.z_school_tab li{ height: 50px; line-height: 50px;    font-size: 12px;}
.z_school_hd span{ margin: 0 20px;}
.z_school_hd span:nth-child(2)::after{ width: 40px; left: -40px;}
.z_index_news{ padding: 20px 10px;}
.z_news_head{ display: block; margin-bottom: 20px;}
.z_news_head .titbox em{ font-size: 18px;}
.z_news_head .titbox{ font-size: 18px; text-align: center; width: 100%; }

.z_news_More{ top: 0;transform: translateY(0); line-height:14px; right: 0;}
.z_news_nav{ text-align: center; margin-top: 10px;}
.z_news_nav a{ font-size: 14px;}
.z_news_swiper{ padding-bottom: 0;}
.z_news_swiper .bd li a{ padding: 10px;}
.z_news_swiper .bd li .imgbox{ height: 50vw;}
.z_news_swiper .bd li .timebox{ width: 60px; height: 60px; padding-top: 8px; font-size: 12px;}
.z_news_swiper .bd li .imgbox em{ font-size: 18px;}
.z_news_swiper .bd li h3{ font-size: 14px; line-height: 24px;}
.z_news_swiper .bd li .desc{ line-height: 20px; margin: 10px 0;}
.z_news_swiper .bd li .infobox{ margin-top: 10px;}
.z_news_hd{ margin-top: 10px; }
.z_news_hd li::before{ display: none;}
.z_news_hd li{ width: 5px; height: 5px; margin: 0 2px;}
.z_index_slide{ height: auto;}
.z_csr_btm{ position: relative; width: 100%; padding: 0;}
.z_csr_box{ width: 100%;}
.z_index_csr{ padding: 0;}
.z_index_csr .z_index_tit{ padding: 20px 0;}
.z_csr_box .flwarp,.z_csr_box .frwarp{ height: 135px;}
.z_csr_box .flwarp .imgbox{ width: 90px; height: 90px;}
.z_csr_box .flwarp h3{ font-size: 16px;}
.z_csr_box .frwarp{ padding: 10px;}
.z_csr_box .frwarp h3{ font-size: 16px;}
.z_csr_box .frwarp .desc{ line-height: 24px; margin: 10px 0; height: 48px;-webkit-line-clamp: 2;}
.z_csr_box .frwarp .z_more_bar{ height: 40px; line-height: 40px;}
.z_footer{ padding: 25px 10px; }
.z_footer_nav{ display: none;}
.z_footer_center .frwarp{ width: 100%; border: none;}
.z_footer_search{ display: none;}
.z_footer_logo{ float: none; }
.z_footer_logo img{ height: 40px; margin: 0 auto;}
.z_footer_center{ margin: 10px 0; border: none;}
.z_footer_addre{ padding: 5px 0; line-height: 24px; font-size: 12px;}
.z_footer_center .frwarp{ padding: 0;}
.z_footer_addre .tel{ font-size: 16px;}
.z_footer_center .frwarp h3{ display: none;}
.z_footer_code { margin-left: auto; flex-shrink: 0;}
.z_footer_code img{ display: block; height: 70px; margin: 0 auto;} 
.z_footer_center .frwarp{ display: flex; align-items: center;}
.z_footer_copy{ text-align: center; font-size: 12px;}
.z_footer_bar{ text-align: center; margin-top: 0;}
.z_footer_bar a{ font-size: 12px; padding: 0 4px;}
.z_footer_link{ width: 50%;height: 40px; flex: 1; }
.z_footer_link .tit{line-height:40px; padding: 0 10px; font-size: 12px; }
.z_footer_btm .frwarp{ display: flex; align-items: center; width: 100%; margin-top: 10px;}
.z_footer{background-attachment: inherit;}
.z_page_swiper{ height: auto;}
.z_page_swiper > .swiper-wrapper{ display: block;}
.frist_slide{ display: none;}
.z_about_con .desc,.z_about_logo,.z_about_num li,.z_about_video .imgbg,.z_page_swiper .z_index_tit,.z_layout_tab li,.z_school_tab,.z_news_head,.z_csr_box{ transform: translate(0) scale(1,1)!important; opacity: 1;}
.z_about_num li::before{ background-size: auto 100%;}
.z_school_swiper{transform: perspective(600px) rotate(0); left: 0;}

.z_layout_box{ width: 375px; height: 667px; position: relative; transform: translateY(0);}
.z_index_layout .z_index_tit{ position: absolute; width: 100%; padding: 0 10px;}
.z_about_banner{ margin-top: 50px; height: 50vw; overflow: hidden;}
.z_banner_text span{ height: 30px; line-height: 30px; font-size: 14px;}
.z_banner_text h3{ font-size: 16px; margin-top: 5px;}
.z_about_hd li{ width: 6px; height: 6px; margin: 0 2px;}
.z_about_hd li.on{ width: 12px; height: 6px;}
.z_page_wz{ display: none;}
.z_page_bar{padding: 0 12px; border-bottom: 1px solid #ddd;}
.z_page_nav{float: none; height: 40px; line-height: 40px;}
.z_page_nav li{ margin-left: 0; }
.z_page_nav li a{ font-size: 14px;padding: 0 10px; display: block;}
.z_about_warp .flwarp, .z_about_warp .frwarp{ width: 100%; height: auto;}
.z_about_warp .flwarp{ padding: 30px 12px;}
.z_about_warp .flwarp .warp{ width: 100%;}
.z_about_tit .en,.z_about_tit h3{ font-size: 18px; line-height: normal;}
.z_about_warp .z_about_desc{ font-size: 14px;line-height: 24px; margin: 20px 0; margin-bottom: 30px;}
.z_scroll_bar .icon{ height: 30px;}
.z_scroll_bar h3{ font-size: 12px;}
.z_about_num2 li { font-size: 12px;}
.z_about_num2 li .dw{ width: 20px; height: 20px; line-height: 20px;  font-size: 12px; vertical-align: 3px;}
.z_about_num2 li .timer{ font-size: 24px; line-height: 20px;}
.z_about_num2 li h3{ margin-bottom: 5px;}
.z_about_img{ height: 50vw;}
.z_about_img::before{ display: none;}
.z_about_cultrue{ padding: 30px 0px; padding-bottom: 0; text-align: center;}
.z_about_desc{ line-height: 24px; font-size: 14px;}
.z_about_cultrue{ height: auto;background-size: cover;background-position: left center;}
.z_about_cultrue .z_about_desc{ width: 100%; margin: 20px 0; padding: 0 12px;}
.z_cultrue_list{ position: relative; margin-top: 30px;}
.z_cultrue_list li{ width: 33.3%; height: 33.3vw;border-bottom: 1px solid #696969;}
.z_cultrue_list li img{ max-height: 30px; max-width: 30px; height: auto;}
.z_year_warp{ display: none;}
.z_procees_swiper .desc{ height: auto; line-height: 24px; font-size: 14px; width: 90%; margin: 0 auto;}
.z_procees_swiper .year{ font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px;}
.z_about_procees{ padding: 30px 0;}
.z_procees_swiper .prev{ left: 0;}
.z_procees_swiper .next{ right: 0;}
.z_about_bj .flwarp, .z_about_bj .frwarp{ width: 100%; height: auto;}
.z_about_bj .flwarp{ padding: 30px 12px;}
.z_about_bj .flwarp .warp{ width: 100%;}
.z_about_bj .z_about_desc{ margin: 20px 0; margin-bottom: 30px;}
.z_bj_box .box{ height: 100vw;}
.z_bj_box .tit h3{ font-size: 18px;}
.z_bj_box .box:hover .infobox .warp{ padding: 0 10px; box-sizing: border-box;}
.z_bj_box .box .desc{ line-height: 28px;}
.z_bj_box .desc{ margin: 30px 0;}
.z_bj_box .box:hover .infobox .warp{ height: 180px;}
.z_video_warp{ padding: 30px 15px;}
.z_video_swiper li{ height: 50vw;}
.z_video_swiper { width: 75vw;}
.z_video_btn .iconfont{ width: auto; font-size: 18px!important;}
.z_video_num{ font-size: 16px;}
.z_video_num .index{ font-size:20px;}
.z_video_btn .iconfont{ width: 28px;}
.z_video_bar{ padding-left: 7vw;}
.z_video_box{ margin-top: 30px;}
.z_culture_warp{ padding: 30px 10px; display: block;}
.z_culture_circle{ width: 80vw; height: 80vw; margin: 0 auto; float: none;}
.z_culture_circle li{ width:34vw; height: 34vw;}
.z_culture_circle li:nth-child(1),.z_culture_circle li:nth-child(4){ margin-left: -17vw;}
.z_culture_circle li:nth-child(2),.z_culture_circle li:nth-child(6){ top: 9vw;}
.z_culture_circle li:nth-child(3),.z_culture_circle li:nth-child(5){ bottom: 9vw;}
.z_culture_circle li img{ display: block; margin: 0 auto; max-height:26px;}
.z_culture_circle li h3{font-size: 14px;} 
.z_culture_text{ width: 100%; margin-top: 30px; text-align: center;}
.z_culture_warp .descbox{ height: auto; line-height: 24px; font-size: 14px;}
.z_jiazhi_box .imgbox{ width: 100%; height: 60vw;}
.z_jiazhi_box .infobox{ width: 100%; height: auto; padding: 30px 15px;}
.z_about_tit .en, .z_about_tit h3{line-height: 18px;}
.z_culture_box .titwarp { padding-bottom: 20px; margin-bottom: 20px;}
.z_culture_box .titwarp .icon{ bottom: 20px;}
.z_culture_box .titwarp .icon img{ display: block; max-height: 30px;}
.z_jiazhi_box .desc{ font-size: 14px; line-height: 24px;}
.z_pinpai_warp .icon img{ max-height: 30px;}
.z_pinpai_warp{padding: 30px 15px;}
.z_pinpai_list ul{ margin-left: 0;}
.z_pinpai_list li{ width: 100%; margin-left: 0;}
.z_pinpai_list{ margin-top: 20px;}
.z_pinpai_list li{ padding: 15px 0;}
.z_pinpai_list li h3{ font-size: 16px; margin-bottom: 10px;}
.z_pinpai_list li .desc{ line-height: 24px; font-size: 14px;}
.z_culture_two .z_culture_box .imgbox{ width: 100%; height: 60vw;}
.z_culture_two .z_culture_box:nth-child(odd) .infobox,.z_culture_two .z_culture_box .infobox{ width: 100%; padding: 20px 15px; height: auto;}
.z_culture_two .z_culture_box .infobox .tit{ font-size: 16px; margin-bottom: 10px;}
.z_culture_two .z_culture_box .desc{ font-size: 14px; line-height: 24px;}
.z_wenhua_warp{ padding: 30px 15px;}
.z_wenhua_warp .icon img{ max-height: 30px; margin-bottom: 5px;}
.z_wenhua_warp .desc{ font-size: 14px; line-height: 24px; margin-top: 20px;}
.z_zl_box{ padding: 0px 0px;}
.z_zl_box .imgbox{ width: 100%; height: 60vw;}
.z_zl_box .dot{ display: none;}
.z_zl_box .infobox{ width: 100%; height: auto; padding: 20px 15px;}
.z_zl_box .infobox .desc{ font-size: 14px; line-height: 24px;}
.z_edu_swiper li .imgbox,.z_edu_swiper li .infobox{ width: 100%; height: auto;}
.z_edu_nav,.z_edu_num{ display: none;}
.z_edu_swiper li .imgbox{ height: 60vw;}
.z_edu_tit .en{ font-size: 18px; line-height: normal;}
.z_edu_tit h3{font-size: 18px; margin-top: 0;}
.z_edu_tit h4{ font-size: 14px;}
.z_edu_head{ padding: 30px 10px;}
.z_edu_swiper{ overflow: hidden;}
.z_edu_swiper li .infobox{ padding: 30px 12px; text-align: center;}
.z_edu_swiper li .z_edu_tit{ text-align: center;}
.z_edu_swiper li .z_edu_tit h3{ margin-top: 0;}
.z_edu_swiper li .desc{ line-height: 24px; margin: 15px 0; height: 144px;}
.z_edu_dot{ width: 100%; bottom: auto; top: 50vw;}
.z_edu_dot span{ width: 6px; height: 6px;}
.z_edu_dot span::before{ width: 18px; height: 18px; left: -6px; top: -6px;}
.z_company_box{ height: auto;}
.z_company_box .imgbgs{ height: 60vw;}
.z_company_box .infobox{ width: 100%; left: 0; top: auto; height: auto; position: relative; padding: 30px 12px; background: none;}
.z_company_box a{ color: #333; text-align: center;} 
.z_company_tit { text-align: center;}
.z_company_tit .en{ font-size: 18px; line-height: 18px;}
.z_company_tit h3{ font-size: 18px; line-height: normal; margin-top: 0;}
.z_company_tit{ border-bottom-color: #333; padding-bottom: 15px; margin-bottom: 15px;}
.z_company_box .name{ font-size: 16px;}
.z_company_box .desc{ margin: 10px 0;}
.z_company_box .z_index_more .en{ color: #333;}
.innerBanner{margin-top: 50px;}
.innerBanner .bannerText .en{ font-size: 18px; line-height: 20px;}
.innerBanner .bannerText .cn{ font-size: 18px; line-height: normal; margin-top: 0;}
.z_detail_page{ padding-top: 50px;}
.z_detail_warp{ padding: 20px 10px;}
.z_jiaoyu_fl{ width: 100%; padding: 15px; position: relative; border-width: 1px; margin-bottom: 20px;}
.z_jiaoyu_tit .en{ font-size: 18px; line-height: normal;}
.z_jiaoyu_tit h3{ font-size: 18px; margin-top: 10px; margin-bottom: 0;} 
.z_jiaoyu_num{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.z_detail_fr{ width: 100%;}
.z_jydetail_tit{ font-size: 16px;}
.z_jydetail_con{ font-size: 14px; line-height: 24px;}
.z_jiaoyu_num .index{ font-size: 24px;}
.z_jiaoyu_num{ font-size: 16px;}
.z_detail_logo .title{ font-size: 16px; padding-top: 10px; margin-bottom: 10px;}
.z_detlogo_list li{ width: 32.5%; height: 60px; margin-bottom: 3px;}
.z_detail_page{ padding-bottom: 0;}
.z_topbtm_bar a{ font-size: 14px;}
.z_detail_logo{ padding-bottom: 20px;}
.z_lingc_logo,.z_jingrong_logo,.z_ct_logo{ display: none;}
.z_slogo_warp::before{ display: none;}
.z_slogo_box{ width: 70vw; height:70vw;}
.z_slogo_warp{ width: auto; height: auto;}
.z_school_page{ padding: 50px 0;}
.z_slogo2,.z_slogo3,.z_slogo4{ width: 20vw; height: 20vw;}
.z_slogo1{ width: 30vw; height: 30vw;}
.z_slogo3{ right: -6%;}
.z_fenxiao_page{ padding: 30px 10px;}
.z_fenxiao_con{ width: 100%;}
.z_fenxiao_title .en{ font-size: 18px; line-height: normal;}
.z_fenxiao_title h3{ font-size: 18px;}
.z_fenxiao_con .desc{ font-size: 14px; line-height: 24px; margin: 20px 0;}
.z_fenxiao_con .www{ height: 40px; line-height: 36px; min-width: 120px;}
.z_fenxiao_circle{ width: 70vw; height: 70vw; margin: 50px auto;}
.z_fenxiao_img{ width: 20vw; height: 20vw;}
.z_fenxiao_3{ margin-left: -10vw; bottom: -10vw;}
.z_qfr_warp .z_fenxiao_box .imgbox::before{ display: none;}
.z_fenxiao_box .imgbox{ width: 100%; height: 60vw;}
.z_fenxiao_box  .infobox{ width: 100%; height: auto; padding:20px 15px;}
.z_fenxiao_box .num{ font-size: 20px;}
.z_fenxiao_box .titbox .en{ font-size: 18px; line-height: 18px;}
.z_fenxiao_box .titbox h3{ font-size: 18px; margin: 0;}
.z_fenxiao_box .titbox{ margin: 15px 0;}
.z_fenxiao_box .www{ width: 100px; height: 30px; line-height: 26px; font-size: 14px;}
.z_fenxiao_box .desc{ margin-bottom: 20px;}
.z_lc_img{ width: 20vw; height: 20vw;}
.z_lc_1,.z_wh_1{ margin-left: -10vw; margin-top: -10vw;}
.z_lc_2{ right: -9%;}
.z_lc_5{ left: -9%;}
.z_lc_4,.z_lc_3{ bottom: -4%;}
.z_lc_3 { right: 4%;}
.z_lc_4{ left: 4%;}
.z_lc_circle,.z_wh_circle{ margin-top: 80px;}
.z_wh_4{ margin-left: -10vw; bottom: -10vw;}
.z_wh_2{ right: -5.8%;} 
.z_wh_3{ right: -5.5%;}
.z_wh_5{ left: -5.5%;}
.z_wh_6{ left: -5.8%;}
.z_fenxiao_center{ width: 35vw; height: 35vw;}
.z_three_page .z_page_bar{ display: none;}
.z_three_tit{ margin: 0 ; padding: 20px 0;}
.z_three_tit .en{ font-size: 18px;line-height: 18px;}
.z_three_tit h3{ font-size: 18px;}
.z_three_list li .imgbox, .z_three_list li .infobox{ width: 100%; height: auto;}
.z_three_list li .imgbox{ height: 50vw;}
.z_three_list li .infobox{ padding: 30px 12px;}
.z_three_list li .logo{ height: 30px;}
.z_three_list li .desc{ margin: 20px 0; line-height: 24px; font-size: 14px;}
.z_xq_logo{ width: 100%; height: auto; justify-content: center; margin-bottom: 20px;}
.z_xq_logo img{ max-height: 60px;}
.z_jydetail_tit h3{ font-size: 18px;}
.z_topbtm_bar{ margin-top: 20px;}
.z_xinwen_fl{ width: 100%; height: auto;border-width: 2px; padding: 20px 10px; margin-bottom: 25px;}
.z_xinwen_fl h3{ font-size: 18px; line-height: normal; padding-bottom: 15px;}
.z_xinwen_fl .bar{ font-size: 12px; margin: 10px 0; margin-bottom: 0;}
.bshare-custom2{ display: none;}
.z_culture_box .imgbox::before{ display: none;}
.z_culture_circle li:nth-child(1){z-index: 2;}
.z_culture_warp .descbox{ border: none;}
.innerBanner .bannerText .en,.innerBanner .bannerText .cn{ font-size: 20px!important;}
.innerBanner .bannerText{ width: 100%!important; text-align: center;}
.innerBanner{ height: auto!important;}
.z_company_box:nth-child(even) .infobox{ right: auto;}
.z_jydetail_tit{ margin-bottom: 15px;}
.z_three_list li .imgbox::before{ display: none;}
.z_zren_box{ padding: 30px 12px;}
.z_zren_box .imgbox{ width: 100%; height: 60vw;}
.z_zren_box .dot{ display: none;}
.z_zren_box .infobox{ width: 100%; margin-top: 20px;}
.z_zren_box .z_about_tit{ padding-top: 15px;}
.z_zren_box .desc{ font-size: 14px; line-height: 24px; margin: 20px 0; height: auto;}
.z_yuanz_warp{ padding: 30px 12px;}
.z_yuanz_warp .z_about_tit{ margin-bottom: 25px;}
.z_yuanz_list ul{ margin-left: 0;}
.z_yuanz_list li{ width: 100%; margin-left: 0; margin-bottom: 10px;}
.z_yuanz_list li .timebox{ width: 80px; height: 80px; font-size: 14px;}
.z_yuanz_list li .timebox em{ font-size: 20px;}
.z_yuanz_list li .titbox{ padding: 0 15px; font-size: 16px; line-height: 28px;}
.z_yuanz_list li .infobox{ padding:15px 10px;}
.z_yuanz_list li .desc{ line-height: 24px;}
.z_page_swiper{ height: auto;}
.z_banner_slide{ position: relative!important;}
.z_fenxiao_box .tel,.z_three_list li .tel{ font-size: 18px; margin-bottom: 20px;}
.z_fenxiao_box .tel .iconfont,.z_three_list li .tel .iconfont{ font-size: 20px;}
.z_three_list li .tel{ margin-top: 20px;}
}