/** Stage container **/
.tabbox.tabbox_11{
    background: #fff;
    border: none;
}
.tabbox.tabbox_11 ul li.active{
    background-color: #fff;
color: #c40c0c;
}
.jpjm_1 .tabbox_11 ul li {
    width: 129px;
    position: relative;
    font-size: 14px;
    border: none;
    background: #fff;    line-height: initial;
    padding: 0px;
}
.jpjm_1 .tabbox_11 ul{width: 100%;}
.tabbox .tabbox_11 .content_1{
    border: none;
}
.tabbox_11 strong{
    height: 18px;
width: 1px;
background: #ddd;
position: absolute;
right: 0px;
display: block;
top: 2px;
z-index: 111;
}

.connected-carousels .stage {
    width: 900px;
    margin: 20px auto;
    position: relative;
}
.z_news_swiper.z_news_swiper-jm .bd li .imgbox{
    height: 25vw;
}
.z_news_swiper.z_news_swiper-jm .bd li .desc{
    margin-bottom:0px;
}
.z_news_swiper.z_news_swiper-jm .bd li a{
    padding-bottom:10px
}
.connected-carousels .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}
.my-5.text-secondary{
    width: 200px;
    margin: 10px auto;
    margin-top:80px;
    padding-top: 123px;
    color: #666;
    height: 200px;
    background: url(../img/nodata.jpg) no-repeat top center;
    text-align: center;
}
.connected-carousels .photo-credits a {
    color: #fff;
}

/** Navigation container **/

.connected-carousels .navigation {
    width: 260px;
    margin: 20px auto;
    position: relative;
}

/** Shared carousel styles **/

.connected-carousels .carousel {
    overflow: hidden;
    position: relative;
}

.connected-carousels .carousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.connected-carousels .carousel li {
    float: left;
}

/** Stage carousel specific styles **/

.connected-carousels .carousel-stage {
    height: 550px;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

/** Navigation carousel specific styles **/

.connected-carousels .carousel-navigation {
    height: 60px;
    width: 240px;
    background: #fff;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.connected-carousels .carousel-navigation li {
    cursor: pointer;
}

.connected-carousels .carousel-navigation li img {
    display: block;
    border: 5px solid #fff;
    width: 50px;
    height: 40px;
}

.connected-carousels .carousel-navigation li.active img {
    border-color: #fc0000;
}

/** Stage carousel controls **/

.connected-carousels .prev-stage,
.connected-carousels .next-stage {
    display: block;
    position: absolute;
    top: 0;
    width: 950px;
    height: 550px;
    color: #fff;
}

.connected-carousels .prev-stage {
    left: 0;
}

.connected-carousels .next-stage {
    right: 0;
}

.connected-carousels .prev-stage.inactive,
.connected-carousels .next-stage.inactive {
    display: none;
}

.connected-carousels .prev-stage span,
.connected-carousels .next-stage span {
    display: none;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.connected-carousels .prev-stage span {
    left: 20px;
}

.connected-carousels .next-stage span {
    right: 20px;
}

.connected-carousels .prev-stage:hover span,
.connected-carousels .next-stage:hover span {
    display: block;
}

/** Navigation carousel controls **/

.connected-carousels .prev-navigation,
.connected-carousels .next-navigation {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 16px/29px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.connected-carousels .prev-navigation {
    left: -15px;
    top: 16px;
    text-indent: 6px;
}

.connected-carousels .next-navigation {
    right: 5px;
    top: 16px;
    text-indent: 20px;
}
#spbf video{
  margin: 0px auto;
  display: block;
  width: 70%
}
.connected-carousels .prev-navigation.inactive,
.connected-carousels .next-navigation.inactive {
    opacity: .5;
    cursor: default;
}
.jpjm_fy{
  border-top: 1px solid #c5c5c5;
  padding-top: 15px;
    font-size: 16px;
    line-height: 40px;
    margin-top: 60px;
}
.jpjm_fy span{
  display: block;
}
.jpjm_fy a{
  font-size: 16px
}
.main{ width: 80%;  float: right; }
.sub{ width:220px;float:left;}
.fixed{ width:220px; height:300px;top: 0px;margin-top:-50px;}

.jpjm_fl_1{
  border-right: 1px solid #fc0000;
  position: relative;
  margin-right: 100px;
  height: 508px;
margin-top: 80px;

}
.content_1 .jpjm_1.jpjm_1_heigth{
    min-height:auto
}
.main-menu li{
	min-width:110px;
	height:40px;
	line-height:40px;
	background-color:#333;
	color:white;
	margin-bottom:10px;
	float:right;
	transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;

	position:relative;
}
.search{
	min-width:110px;
	height:40px;
	line-height:40px;
	background-color:#333;
	color:white;
	margin-bottom:10px;
	float:right;
	transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;

	position:relative;
}

.search button{
	width:40px;
	height:40px;
	background:url(../img/search.png) no-repeat center center;
	background-size:46%;
	float:left;
	display:block;
  cursor: pointer;
  border: none
}
.search button:hover{
  background-color: #000
}

.main-menu li.red{
	background-color:red;
}

.main-menu li:hover{
	background-color:red;
}

.search input[type="text"]{
	padding:0 7px;
	width:69px;
	height:36px;
	margin-top:2px;
	display:block;
	float:right;
	margin-right:1px;
	transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	font-size:14px;
	color:#333;
  background: #fff
}

.search{
	width:100px;
  margin-top: 59px
}

.search:hover{
	width:109%;
	background-color:#333;
}

.search:hover input{
	width:calc(100% - 41px);
}

.main-menu li a{
	display:block;
    cursor: pointer;

  font-size: 16px;
text-align: center;
	color:white;
}
.jpjm_fl_1 i,.jpjm_fl_1 em{
  height: 8px;
  width: 8px;
  position: absolute;
  top:0px;
  right: -4px;
  background: #fc0000;
  border-radius: 50%;
  display: inline-block;
}
.jpjm_fl_1 em{
  bottom:0px;
  top:inherit;
}

.jpjm_1 h1,.jpjm_fc h1{
  font-size: 24px;
  display: block;
  font-weight: bold;
}


.jpjm_fy a:hover,.ycyx_1_fr span b,.ycyx_1_fr em a:hover,.ycyx_4 em a:hover,.ycyx_4 em a.active,.ycyx_4 dd a:hover{
    color: #c40c0c
  }
    .ycyx_4 em a{
      font-size: 16px;padding: 0px 5px
    }
    .ycyx_4 dd span{
      font-size: 16px;
      display: block;
      overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    }
.spot_1{
  width: 24px;
height: 40px;
background: url(../img/spot.png) no-repeat center center;
background-size: 70% auto;
position: absolute;
right: -13px;
bottom:30px;
}
.ycyx_4 dd a{
    position: relative;    display: block;
}
    .ycyx_4 dd i{
        font-size: 14px;
        overflow: hidden;
        display: block;
        text-align: center;
        position: absolute;
        background: rgba(0,0,0,0.4);
        color: #fff;
        padding: 5px 15px;
        right: 0px;
        top: 0px;
        width: 100%;
    }
  .ycyx_4 em {
  font-size: 16px;
  display: block;
  margin-bottom: 20px
  }
    .ycyx_1_fr span{
      font-size: 24px;
      display: block;
      border-bottom: 1px solid #c5c5c5;
      padding-bottom: 20px;
      margin-bottom: 30px
    }
    .ycyx_1_fr em{
      font-size: 16px;
      line-height:40px
    }
      .ycyx_1_fr em a{
        font-size: 16px;
      }
.ycyx_2{
  margin-top: -100px
}
.tabbox {
  background: #e6e7eb;
    border-top: 1px solid #dfdfdf;
        }

        .tabbox ul {
            list-style: none;
            display: table;
        }
        .tabbox ul li {
            float: left;
            line-height: 52px;
            font-size: 16px;
            border-left: 1px solid #dfdfdf;
            border-right: 1px solid #dfdfdf;
            width: 120px;
            cursor: pointer;
            background: #e6e7eb;
            text-align: center;
        }
        .tabbox ul li.active {
            background-color: #c40c0c;
            color: #fff;
        }
        .tabbox .content_1 {
            border-top: 1px solid #dfdfdf;
            background: #fff

        }

        .tabbox .content_1>div {
            display: none;
        }

        .tabbox .content_1>div.active {
            display: block;
        }
  /* about */

.ycyx_1_btn{
    background: #a91815;
    color: #fff;
    text-align: center;
    padding: 8px 0px ;
    border-radius: 3px;
    display: block;
    width: 120px;
    margin-top: -29px;
}
.ycyx_3 img{
    width: 150px;
    padding: 10px;
border: 1px solid #ddd;
    display: block;
    margin-top: 15px;
    border-radius: 5px;

}
.ycyx_1_btn:hover{
    background: #ca110e;
}
.news_det_title{
    padding-top: 50px;
    font-size:28px;
    text-align: center;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
}
.news_det_main_fr .title a img{
    border-radius: 5px;
    width: 25px;
    height: 25px;    vertical-align: sub;

}
.main .jpjm_1 .fxdm{
margin: 20px 0px;
border-bottom: 1px solid #c5c5c5;
margin-bottom: 40px;
padding-bottom: 20px;
}
.main .jpjm_1 strong.strong_jpjm,.jpjm_fc strong{
width: 120px;
height: 8px;
background: #fc0000;
display: block;
margin-bottom: 15px;
}
.main .jpjm_1,.jpjm_fc {
  margin-top:50px;
}.tabCon .hidde {
    display: none;
  }
  .tabCon .on {
    display: block;
  }
.jpjm_2{
    padding-bottom: 20px;
}
.jpjm_2 video{
    width: 50%;
height:400px;
    background: #000;
}
.content_1 .jpjm_1{
  min-height: 400px;

}
.z_footer_addre a{
    color:#fff;
}
.z_footer_addre a:hover{
    text-decoration: underline;
}
.content_1 .jpjm_1 p,.content_1 .jpjm_1 {
  font-size: 16px;
  line-height: 30px
}
.jpjm_1 ul.jpjm_4 li em{
    height: 74px;
}
.jpjm_xlwm .list_map{
  margin-bottom: 20px
}
.jpjm_xlwm img{
    max-width: 100%;
    border:1px solid #ddd;
}
.jpjm_xlwm img:hover{
    border-color: #c40c0c;
}
.jpjm_1{
    margin-top: 40px;
    position: relative;
}
.jpjm_1 p{
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 10px;
    display: block;
}
.jpjm_1 ul,.jpjm_1 dl{
    margin: 0px -10px;
    margin-bottom: 30px;
}
.jpjm_1 dd{
    width: 25%;
    padding: 0px 10px;
    float: left;
    margin-bottom: 15px
}
.jpjm_1 dd img{
    width: 100%;
    height:450px
}
.jpjm_1.ycyx_dd dd img{
    height: auto;
}
.ycyx_2 .content_1 .ycyx_4.jpjm_1 dd{
    width: 20%;
}
.ycyx_2 .content_1 .ycyx_4.jpjm_1{
    padding-bottom:50px;
}
.jpjm_1 dd:hover span{
    color: #c40c0c;
}
.jpjm_1 ul li{
    float: left;
    width: 15%;
    padding: 0px 10px;
}
.jpjm_1 ul li img{
   width: 100%;
   height: 332px;
}
.jpjm_1 ul li span{
    font-size: 18px;
    display: block;
}
.ycyx_1_fl {
  float: left;
  width: 35%
}
.ycyx_1 {
  margin-top: 70px
}
.ycyx_1_fr{
  float: right;
  width: 60%
}
.jpjm_1 ul li em{
   color: #999;
   height: 60px;
   display: block;
   margin-top: 5px;overflow: hidden;
}
.jpjm_1 b{
    font-size: 24px;
    margin-bottom: 15px;
    color: #a91815;
    display: block;
}
.news_det_main_fr .title span{
    margin-right: 20px;
    font-size: 55px;
    letter-spacing: 1px;
    padding-bottom: 35px;
    display: block;
}
.news_det_title span{
    font-size: 14px;
    display: block;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    line-height: 40px;
    color: #999;
    font-weight: 400;
}
.news_det_main {
    font-size: 16px;
    line-height: 30px;
    min-height: 500px;
    padding: 0px 20px;
}
.news_det_main img{
    max-width: 100%;
}
.news_det_main p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 15px;
}
.news_det_main .news_det_main_fl{
    width: 30%;
    float: left;
}
.news_det_main .news_det_main_fl.ysrc_cc1{
    width: 30%;
    float: left;
    padding-top: 20px;
}
.news_det_main .news_det_main_fl img{
    max-width: 100%;
}
.news_det_main .news_det_main_fr{
    width: 68%;
    float: right;
}
.news_det_main .news_det_main_fr.ysrc_cc{
    width: 68%;
    float: right;  padding-top: 20px;
}
.news_det_main .news_det_main_fr .title{
    font-size: 28px;
    margin-bottom: 20px;
    display: block;
    padding-top: 15px;
    font-weight: bold;
}
.about{
    background: url(../img/about_bg.jpg) no-repeat;
    height: 400px;
    position: relative;
}
.about.news{
    background: url(../img/yspx_bg.jpg) no-repeat;
}
.about.wyyt{
    background: url(../img/wyyt_bg.jpg) no-repeat;
}
.about.ysrs{
    background: url(../img/ysrs_bg.jpg) no-repeat;
}
.about.jpjm{
    background: url(../img/jpjm_bg.jpg) no-repeat;
}
.about.ycyx{
    background: url(../img/ycyx_bg.jpg) no-repeat;
}
.about.yspx{
    background: url(../img/news_bg.jpg) no-repeat;
}
.swhz.about{
    background: url(../img/swhz_bg.jpg) no-repeat;
}
.about.lxwm{
    background: url(../img/lxwm_bg.jpg) no-repeat;
}
.contact_1 ul {
    margin: 0px -1.5%;
}
.contact_1 {
    margin: 50px 0px;
    margin-top: 80px;
}
.contact_1_mid {
    border: 1px #ddd solid;
    padding: 0 1em;
    height: 16em;
}.contact_1 ul li {
    margin: 0px 1.5%;
    float: left;
    text-align: center;
    width: 30.3333333%;
}.contact_1_mid_1 {
    margin-top: 2.5em;
    height: 3.9375em;
}.contact_1_mid_1 span {
    display: inline-block;
    position: relative;
}.contact_1_mid_1 span i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
}.contact_1_mid_2 {
    color: #080808;
    font-size: 1.25em;
    font-family: "SourceHanSansCN";
}.contact_1_mid_3 {
    font-size: 1.125em;
    color: #080808;
    line-height: 1.6;
    margin-top: 1em;
}
.contact_1_mid_3 a{
    font-size: 1.125em;
}
.contact_1 ul li:hover {
    -webkit-box-shadow: 0 0.9375em 1.875em rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow: 0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow: 0 0.5375em 1.075em rgb(0 0 0 / 10%);
}
.jpjm .warp .z_search_box{
    position: absolute;
    right: 0px;
    top: 179px;
    z-index: 9;
}
.txtDiv{
    left: 50%;
    margin-left: -800px;
    width: 1600px;
    top: 36%;
    position: absolute;
    z-index: 2;
}
.abouttxtDiv{
    font-size: 40px;
    color: #fff;
    font-weight: 600;
}
.abouttxtDiv .txt2 {
    font-size: 24px;
    color: #fff;
    padding-bottom: 28px;
    position: relative;
    font-weight: 400;
} .abouttxtDiv .txt2 em {
    display: block;
    width: 20px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.warp,.about_menu,.news_ul{
    width: 1600px;
    margin: 0px auto;
}
.about_menu ul{
    position: absolute;
    bottom:0px;
    display: block;
    text-align: center;
}
.about_menu ul li{
    display:block;
 float: left;

}
.about_menu ul li.active a,.about_menu ul li a:hover{
    background: #fff;
    color: #000;
}
.about_menu ul li a{
    padding: 0px 60px;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.4);
    display: inline-block;
    color: #fff;
}
.pageTitle .txt1 {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    line-height: 40px;
    text-transform: capitalize;    padding-top: 100px;
}.pageTitle .txt2 {
    font-size: 20px;
    color: #2f343c;
    padding: 10px 0 28px;
    position: relative;    margin-bottom: 80px;
}.pageTitle .txt2 em {
    display: block;
    width: 20px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.about_main {
    padding-bottom: 150px;    min-height: 500px;
}
.about_main .fl {
    width: 100%;
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 40px;
    padding-top: 60px;


}
.about_main .fr{
    width: 100%;
}
.about_main .fr .z_school_logo{
    float: left;

}
.about_main .fr .z_school_logo img{
    height: 60px;    padding: 10px 20px;
    border-radius: 3px;
    margin: 10px 0px;
    margin-right: 40px;
    box-shadow: 0 3px 10px rgb(0 56 165 / 10%);
}
.fangda:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}.fangda {
    transition: 2s;
    -moz-transition: 2s;
    -webkit-transition: 2s;
    -o-transition: 2s;
}.about_main .fr {
    overflow: hidden;
}
.about_height{
    margin-bottom: -286px;
   z-index: 1;
    background: #fff;
    position: relative;
}
.news_ul{
    margin-top:50px ;
}
.news_ul li{
    display: flex;
    padding: 30px;
    border-bottom: 1px solid #eee
}
.news_ul li:hover,.ysrc_ul li:hover .box_ysrc{
    box-shadow:0 0 10px rgb(255 0 0 / 10%)
}

.ysrc_ul.jtld li:hover .box_ysrc .jtld_1 .name a{
    color: #fff;
}
.jtld li:hover .box_ysrc .jtld_1 span,.jtld li:hover .box_ysrc .jtld_1 p{
    color: #999;
}
.jtld li:hover .box_ysrc .jtld_1 p{
    padding-bottom: 10px;
}
.jtld li:hover .box_ysrc .jtld_1 b{
    padding: 10px 0px;
    color: #fff;
    display: block;
}
.zxbm li{
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.zxbm{
    width: 800px;
    margin: 0px auto;
}
.zxbm span{
    width: 20%;
    display: block;
    text-align: right;
   float: left;
}
.zxbm div label input{
    border: none;
    width: auto;
    text-indent: 0px;
    height: auto;
    margin-left: 15px;
}
.zxbm  li button{
  margin-top: 50px;
    width: 250px;
    height: 40px;
    line-height: 40px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 161px;
    background: #a91815;
    color: #fff;
font-size: 16px;

}.zxbm  li button:hover{
    background-color: #db1d1a
}
.zxbm div{
    width: 80%;
    float: left;
}
.zxbm div input{
    width: 60%;
    border: 1px solid #ddd;
    height: 34px;
    text-indent: 15px;
}
.jtld .jtld_1{
    display: none;
    transform: translateZ(0);
    transition: all .3s;
}

.jtld li:hover .box_ysrc .name{
padding: 0px;
}
.ysrc_ul.jtld li:hover .box_ysrc span{
    height: auto;
    padding: 0px;
    padding-bottom: 10px;
}
.jtld li:hover .jtld_1{
  display: block;
  position: absolute;
  top:0px;
  width: 100%;
   transition: all .3s;
   background: rgba(0, 0, 0, 1);
   padding: 20px;height:516px;
   overflow-y: auto;
}
.jtld .box_ysrc .imgDiv img{
  height: 396px
}.ysrc_ul.jtld .box_ysrc .name a em{
  display: block;
      line-height: 25px;
      padding-top: 5px;
      font-size: 18px;    height: 52px;
      overflow: hidden;
}
.ysrc_ul.jtld .box_ysrc .jtld_1 .name a em{
height: auto;
}
.jpjm_ul .box_ysrc{padding-bottom: 0px}
.news_ul li:hover a,.ysrc_ul li:hover .box_ysrc .name a{
    color: #DA251D
}
.box_ysrc .name,.box_ysrc span,.box_ysrc .botDiv{
    padding:0px 20px;
}
.box_ysrc .botDiv{
    padding-bottom: 20px;
}
.news_ul .date{
    padding: 0 30px;
    text-align: center;
    transition: all .3s ease-in-out;
}
.news_ul .date big{
    display: block;
    font-size: 3rem;
    font-weight: bold;
    padding-top: 9px;
    color: #DA251D;
}.news_ul .date small{
    color: #9c9c9c;
    font-size: 1.15rem;
}
.box_ysrc .imgDiv{
    overflow: hidden;
}
.box_ysrc .imgDiv img{    height: 512px;
    width: 100%;
    -moz-transition: -moz-transform 1.2s;
    -o-transition: -o-transform 1.2s;
    -webkit-transition: -webkit-transform 1.2s;
    transition: transform 1.2s;
}
.jpjm_ul .box_ysrc .name{
    padding: 0px 10px;
    height: 80px;
    text-align: center;
}
.jpjm_ul .box_ysrc .imgDiv img{
height: auto;
max-height: 400px;
}
.jpjm_ul .box_ysrc .imgDiv a{
    height: 400px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.ysrc_ul.jpjm_ul .box_ysrc .name a span{
    font-size: inherit;
    display: initial;
    height: initial;
    padding: 0px 3px;
}
.ysrc_ul.jpjm_ul .box_ysrc .name a{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;padding: 21px 0px;
}
.ysrc_ul li:hover .box_ysrc img{
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.news_ul li:hover .card-img .thumb img{
    transform: translate(-50%, -50%) scale(1.1);
}
.news_ul .card-body{
    flex: 1;
    padding: 0 30px;
    position: relative;
}
.news_ul .card-body a{
    font-size: 1.35rem;
    font-weight: bold;
    line-height: 2.5em;
}
.news_ul .card-body .summary{
    color: #666;
    max-height: 76px;
    line-height: 24px;
    font-size: 16px;
    overflow: hidden;
}
 .card-img{
    flex: 0 0 16%;
}
 .card-img .thumb{
    overflow: hidden;position: relative;
    margin: auto;padding-bottom: 60%;
    text-align: center;
}.card-img .thumb img{
    width: 100%;
    max-width: 100%;
    max-height: none;
    transition: all 1s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}.pageNum {
    height: 96px;
    padding-top: 80px;
    text-align: center;
}
.pageNum a {
    margin: 0 10px;
    display: inline-block;
    color: #353535;
    height: 48px;
    line-height: 48px;
    padding:0px 10px;
    background: #eee;
    min-width: 48px;
    font-size: 13px;
}
.pageNum a:hover, .pageNum .page-num-current {
    background: #2d2d2d;
    color: #FFF;
}
.ysrc_ul{
    margin: 50px -40px;

}
.ysrc_ul li{
float: left;
width: 25%;
padding:30px 40px;
}
.ysrc_ul.jpjm_ul {
    margin: 50px -30px;
}
.ysrc_ul.jpjm_ul li{
    width: 20%;padding:20px 30px;
}
.box_ysrc{
    padding-bottom: 20px;    box-shadow: 0 0 10px rgb(0 0 0 / 10%);

}
.jtld .box_ysrc{
    position: relative;padding-bottom: 0px;
}
.ysrc_ul .box_ysrc .name a{
  font-size: 24px;
  font-weight: bold;
  padding: 15px 0px;
  display: block;
}
.ysrc_ul .box_ysrc  span{
    font-size: 16px;display: block;
    color: #777;    height: 51px;line-height: 25px;
    overflow: hidden;
}
.ysrc_ul .box_ysrc .name a em{
  font-weight: 400;
  font-size: 20px;
}
.box_ysrc .botDiv{
    position: relative;
    color: #999;
}
.box_ysrc .botDiv a{
    position: absolute;
    bottom:20px;
    right: 20px;
}
/* about */
/*  */
.suspension{position:fixed;z-index:55;right:30px;bottom:115px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:50px;height:50px;background:rgba(47,47,47,.7);margin-bottom:4px;cursor:pointer;outline:none; border-radius: 50px;}
.suspension .a.active,
.suspension .a:hover{background:#a91815;}
.suspension .a .i{float:left;width:50px;height:50px;background-image:url(../img/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-97px 4px}
.suspension .a-top{display:none;}

.suspension .d{display:none;padding:0px 20px;background:#fff;position:absolute;right:61px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../img/side_bg_arrow.png) no-repeat;right:-8px;top:20px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:0px;}

.suspension .d-service-item{    width: 180px;
    padding-top: 20px;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service .d-service-item a{
  color: #666;
  font-size: 14px;
  height: 30px;
  padding-bottom: 10px;
  display: block;
}
.suspension .d-service-item .circle{width:17px;height:17px;display:block;float:left;}
.suspension .d-service-item .i-qq{width:17px;height:17px;background:url(../img/side_con_icon03.png) no-repeat center 0px;display:block;transition:all .2s;}
.suspension .d-service-item a:hover h3{
  color: #c8231f
}
.suspension .d-service-item .i-tel{width:34px;height:34px;background:url(../img/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{    float: left;
    font-size: 15px;    margin: 0px;
    margin-left: 12px;
    color: #666;}
.suspension .d-service-item .text{float: left;
    line-height: 22px;
    font-size: 16px;
    margin-left: 12px;}
.suspension .d-service-item .text span{
  color: #000;
  display: block;
}
.suspension .d-service-item .text .red{
  color: #c8231f;font-weight: bold;
  padding-top: 5px;
  font-size: 16px;font-family: auto
}
.suspension .d-service-phone .d-service-item .circle{
  width: 34px;
    height: 34px;
        background: #eee;
        border-radius: 50%;
}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../img/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0; clear: both;width: 180px;float: left;}
.suspension .d-qrcode p{font-size:14px;color:#666;margin-top: 10px;}
.suspension .d-qrcode .inner-box .qrcode-img{
  float: left;
  width:100%;
}

.suspension .d-qrcode .inner-box .qrcode-img img{
  width: 100%
}

article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; width:auto; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{ font-family: "NotoSansHans";font-size:14px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#ffffff;}
pre{ font-family: "NotoSansHans"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#333333; outline:none;}
.clearfix:after{content:""; display:block; clear:both;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none; font-family: "NotoSansHans";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.fl,.fl_warp{float:left;}
.fr,.fr_warp{float:right;}
.z-container {width:1400px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width:87.5%;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.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_index_news_h1{
    font-size: 2.2vw;
    font-weight: bold;
    position: relative;
    top: -58px;
    display: inline-block;
}
.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{background: rgba(0, 0, 0, 0.4); width: 100%; height: 90px; transition: ease 1s; display: flex; align-items: center; position: absolute; left: 0; top: 0; z-index: 9;  padding:0px 30px; box-sizing: border-box;}
.z_header.on{ background: #fff;}
.z_logo{ float: left;}
.z_logo img{ height: 2.2vw; 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;color: #fff; }
.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: #a91815; 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: 4vw; box-sizing: border-box; background:rgba(0, 0, 0, 0.9); 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: 2.4vw;}
.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;margin-bottom: 1.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;}

 .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: 11vw; box-sizing: border-box; background-size: 100% auto ;}
.z_about_con::before{ content: ""; display: block; width: 100%;  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: 3vw;}

.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;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;position:relative;z-index: 12}
.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;margin-bottom: 50px;}
.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(4)::before{ content: "04";}
.z_school_hd span:nth-child(2)::after,.z_school_hd span:nth-child(3)::after,.z_school_hd span:nth-child(4)::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;  transform: translateX(100%); opacity: 0; transition: ease 2s;}
.z_school_tab li{ width: 25%;  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 a{
    color: #fff;
    font-size: 16px;
}
.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;background: rgba(0,0,0,.3);}
.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-top: 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;font-weight: bold;}
.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: 1vw;}
.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: rgba(0, 0, 0, 0.4); 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: 1.43333vw;}
.z_news_swiper .bd li h3 span{
    display: block;    font-weight: 500;
}
 .z_news_swiper .bd li.infobox_ysrc h3{

}
.z_news_swiper .bd li.infobox_ysrc .imgbox{
    height: 20vw;
}
.z_news_swiper .bd li.infobox_ysrc .desc{
    line-height: 23px;
    height: 50px;
    margin-bottom: 0px;
}
.z_index_news_h1 .index-flow{
    position: absolute;
    top: 11px;
    left: 185px;
    z-index: 1111;
}
.z_index_news_h1 .index-flow dl dd a{
    height: 40px;    opacity: 0.5;
}
.z_news_swiper .bd li .desc{color: #666666;line-height: 28px; height: 56px; margin: 0.5vw 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: 2vw;}
.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: #fff;}
.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-index: 11}
.z_csr_box{ width: 100%;background: rgba(0, 0, 0, 0.9); float: left; position: relative;  transition: ease 2s;  opacity: 0;}
.z_csr_box a{float: left; display: block; width: 25%; height: 100%;color: #fff;}
.z_csr_box::before{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 50%; top: 0;  z-index: 1;}
.z_csr_box .flwarp{ width: 37.5%; float: left; display: flex; transition: ease 1s;   align-items: center; justify-content: center; text-align: center; color: #fff;}
.z_csr_box .frwarp{ width:100%; float: left; height: 20vw;transition: ease 1s; padding: 1.5vw; 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: rgba(0, 0, 0, 0.9);transform: translateX(100%); }
.z_index_csr.swiper-slide-active .z_csr_box{ transform: translateX(0)!important; opacity: 1;}
.z_csr_box a:hover h3{
    color: #da251d
}
.z_csr_box .frwarp h3{     font-size: 18px;
    height: 58px;
    overflow: hidden;
    display: block;
    line-height: 27px;
    margin-bottom: 10px;}
    .z_csr_box .frwarp em img{
        vertical-align: middle;
        width: 22px;
    }
    .index-flow dl dd {
        margin:0px 8px;
        position: relative;
      display: inline-block;
    }
    .index-flow  dl dd a {
        display: block;
        width: 60px;
        height: 60px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.11);
        position: relative;
        text-align: center;
        line-height: 60px;
        z-index: 2;
    }
    .index-flow  dl dd .layer {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #fff;
        position: absolute;
        z-index: 1;
        left: 50%;
        right: auto;
        top: 100%;
        bottom: auto;
        margin-top: 0;
        padding:8px;
        opacity: 0;
        visibility: hidden;
        width: 9rem;
        margin-left: -6.7rem;
        transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;


    }
    .index-flow  dl dd .layer .ewm .name {
        font-size: 12px;
        padding-top: 0.03rem;
        color: #727084;
    }
    .index-flow  dl dd .layer:after {
        content: "";
        display: block;
        position: absolute;
        top: -0.06rem;
        right: 1.35rem;
        width: 2rem;
        height: 2rem;
        background: #fff;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
    }
    .index-flow  dl dd .layer .ewm img {
        width: 14rem;
    }
    .index-flow  dl dd .layer .ewm {
        width: 100%;    text-align: center;
    }
    .index-flow  dl dd:hover .layer {
        margin-top: 16px;
        opacity: 1;
        visibility: visible;
    }
.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_csr_box .frwarp span img{
    height: 200px;
    margin-bottom: 10px;
    width: 100%;
}
.z_footer{ padding:6.25vw  2.33333vw; box-sizing: border-box; color: #fff;padding-top: 15vw; }
.z_footer_logo{ float: left;}
.z_footer_logo img{ display: block; height: 4.47916vw;}
.z_footer_search{ float: right; color: #fff;
margin-top: 30px;}
.z_footer_search h3{ margin-bottom: 15px;}
.z_search_box .input_text{ width: 15.91666vw; height: 59px; background: #fff; padding: 0 1.5vw; box-sizing: border-box; float: left;}
.z_search_box .sou{cursor: pointer; border:none;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_search_box .sou:hover{
    background: #f91309;
}
.z_footer_nav{ width: 85%; 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: 15%; float: left;  box-sizing: border-box; padding: 4vw 0vw; 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.3vw;}
.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{z-index: 99; width: 100%; height: 200px; position: absolute; left: 0; top: -200px;transition: ease 1s; visibility: hidden;opacity: 0; overflow-y: auto; background: #fff; }

.z_link_down a{ display: block; height: 40px; line-height: 40px; padding: 0 20px; box-sizing: border-box; border-bottom: 1px solid #eee; color: #666;}
.z_link_down a:hover{ background: #f1f1f1; }
.z_footer_link:hover .z_link_down{ visibility: visible; opacity: 1;}
.z_footer_link:hover .iconfont{ color: #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){
    .jpjm_1 dd img{
        height: 334px;
    }
    .z_news_swiper .bd li .infobox {
        margin-top: 10px;
    }.z_news_swiper .bd li .desc {
        line-height: 21px;
        height: 41px;}
  .z_csr_box .frwarp span img {
    height: 144px;

}.z_csr_box .frwarp h3 {
    font-size: 16px;
    height: 47px;
    line-height: 24px;

}.z_menu_mask{
  padding-top: 0px
}.z_menu_nav dl{
  margin-bottom: 0px
}
  .z_footer_center {
    padding-top: 100px;
}.z_footer_addre {
    line-height: 28px;}
    .jpjm_1 p {
        font-size: 14px;
        line-height: 24px;}
    .z_retop{
        display: none;
    }

    .jpjm_1 ul li img {
        height: 243px;
    }
    .suspension {
        right: 16px;
        bottom: 39px;}
    .contact_1 {
        margin: 30px 0px;
        margin-top: 0px;
    }
    .box_ysrc .imgDiv img {
        height: 380px;}
    .about_menu ul li a {
        padding: 0px 34px;}
        .jpjm_ul .box_ysrc .imgDiv a{
            height: 281px;
        }.ysrc_ul.jpjm_ul .box_ysrc .name a {
        font-size: 18px;    padding: 10px 0px;}
    .jtld .box_ysrc .imgDiv img {
        height: 297px;
    }.jtld li:hover .jtld_1{
        height: 418px;
    }.jpjm_ul .box_ysrc .name {
        height: 49px;}
    .ysrc_ul {
        margin: 40px -30px;
    }.ysrc_ul li {
        padding: 20px 30px;
    }
    .z_header{
        padding: 0px 15px;
    }.z_header_nav li a {
        font-size: 13px;}
    .warp, .about_menu, .news_ul{
        width: 1200px;
    }
    .txtDiv {
        margin-left: -600px;
        width: 1200px;
        top: 36%;
    }.z_footer{
        padding-top:0px
    }.about_height {
       margin-bottom: 0px;}
       .z_index_news {
        padding: 5.2vw 3vw;}
}

@media (max-width: 991px) {
    .z_csr_box a{
        width: 50%;
    }
  .ycyx_2 {
    margin-top: 0px;
}
  .ycyx_1_fl,.ycyx_1_fr{
    width: 90%;
    margin-left: 5%;
    position: relative;
  }.ycyx_1_fl .fxdm{
    position: absolute;
    bottom: 22px;
    background: #fff;
  }
    .jpjm_1 ul li img {
        height: 254px;
    }
    .jpjm_1{
        padding: 0px 15px;
    }
    .jpjm_1 .fxdm {
        position: relative;
    }.jpjm_1 ul li,.jpjm_1 dd{
        width: 50%;}
    .jtld .box_ysrc .imgDiv img {
        height: 408px;
    }.jtld li:hover .jtld_1 {
        height: 524px;
    }.jpjm_ul .box_ysrc .imgDiv img{
        max-height: initial;
    }.box_ysrc .imgDiv img {
        height: 522px;
    }.jpjm_ul .box_ysrc .imgDiv a {
        height: auto;
    }
    .main {
    width: 100%;
    height: auto;
    float: right;
}#spbf video {

    width: 98%;
}.jpjm_fy{
  padding-left: 15px;
}
.jpjm_fc{
  padding: 0px 15px;
}.connected-carousels .stage {
    width: auto;

}.jpjm_fl_1 {
    border-right: none;
    position: relative;
    margin: 5px;
    height: 508px;
    margin-top: 99px;
}.fixed {
    width: 100%;
    height:40px;
 
}.jpjm_1 h1{
    margin-top:80px;
}.jpjm_fl_1 {

    height: 40px;
    margin-top: 71px;
}.main .jpjm_1, .jpjm_fc {
    margin-top:0px;
}.main-menu li {
    min-width: 25%;    float: left;}
.sub {
    width: 100%;
    position: absolute;
    top: 0px;
}
.connected-carousels .carousel-stage {
    height: 300px;}
    .main .jpjm_1 strong, .jpjm_fc strong,.spot_1,.jpjm_fl_1 i, .jpjm_fl_1 em,.search ,.z_retop,.z_index_news_h1,.z_menu_mask .flwarp,.z_school_tab{
    display: none;
}.ysrc_ul .box_ysrc .name a{
    font-size: 20PX;
}.jpjm_ul .box_ysrc .name {
    height: 53px;}.ysrc_ul.jpjm_ul .box_ysrc .name a{
        padding: 10px 0px;
    }
.z_menu_nav dl dd a{ line-height: 30px;}
.z_header{ width: 100%; height: 50px; background: #000; 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: #000; 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-size: 100% 100%;}
.z_header_nav li.active a,.z_header_nav li:hover a{ color: #aa000d;}
.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%;
}.contact_1 {
    margin-top: 0px;
}.contact_1_mid {
    height: 15em;
}
.z_layout_box li:nth-child(3) {
   left: 24.7vw;
       top: 49.3%;
}.contact_1 ul li {
    margin: 2%;
    width: 96%;
}
.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,.jpjm_2 video{ 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%; }
.about{
    background-position: right top !important;
}.contact_1 ul {
    margin: 0px;
}
.pageNum {
    height: auto;    padding-top: 40px;
}.pageNum a {
    margin: 5px;
    height: 34px;
    line-height: 34px;
    padding:0px 5px;
    min-width: 34px;
    font-size: 12px;
}
.news_ul .card-body {
    padding: 10px 0px;}
.news_ul .card-body a {
    font-size: 18px;
    line-height: 26px;white-space: normal;
}.news_ul .card-body .summary {
    max-height: 65px;
    line-height: 21px;
    font-size: 14px;}
.about_main .fl{
    font-size: 14px;
    line-height: 26px;    padding-top:20px;
}.news_ul li{
    display: block;
}.news_ul .date big{
    padding: 0px;
}.news_ul .date {
    padding: 15px;
    background: #efefef;
    display: inline-block;}
.pageTitle{
    padding-left: 20px;
}.about_main {
    padding-bottom: 50px;
}.about_height {
    margin-bottom: 0px;}
.warp, .about_menu, .news_ul{
    width: 100%;
}.about_main .fr .z_school_logo img {
    height: 38px;
    padding: 10px;
    margin: 10px;
    margin-right: 0px;
}.news_ul{
    margin-top: 0px;
}
.z_csr_box .frwarp span img {
    height: 104px;}
    .about_menu ul li {
        padding: 0px 0px;
    }.about_menu ul{
        left: 10px;
    }.pageTitle .txt1{
        padding-top: 30px;
    }.pageTitle .txt2 {
        padding: 5px 0 18px;
        margin-bottom: 40px;
    }
    .about_main .fl p{
        padding:0px 20px
    }
.z_news_More{ top: 0;transform: translateY(0); line-height:14px; right: 0;}
.z_news_nav{ text-align: left;
    margin-left: 20px;}
    .about_menu ul li a {
        padding: 0px 10px;
        line-height: 40px;
        height: 40px;
        font-size: 12px;}
        .about {
            height: 236px;
        }.txtDiv {
            left: 10%;
            margin-left: 0px;
            width: auto;
            top: 32%;
        }.abouttxtDiv {
            font-size: 24px;
        }.abouttxtDiv .txt2 {
            font-size: 16px;
            padding-bottom: 13px;

        }.ysrc_ul {
            margin: 0px;
            margin-top: 20px;
        }.ysrc_ul.jpjm_ul li {
            width: 100%;
            padding: 20PX;
        }
        .ysrc_ul li .box_ysrc{
            box-shadow: 0 0 10px rgb(0 0 0 / 10%);
        }
.z_news_swiper{ padding-bottom: 0;}
.z_news_swiper .bd li a{ padding: 10px;}
.z_news_swiper .bd li .imgbox{ height: 50vw !important;}
.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: 16px;
    line-height: 24px;
    height: auto;}
.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 .frwarp{ height: 180px;}
.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: 14px;
    line-height: 21px;
    height: 46px;}
.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;}
.zxbm{
    width: auto;
    padding: 0px 15px;
}.zxbm li button{
    margin-left: 0px;
}
.zxbm span{
    display: block;
    width: auto;
    float: none;
    text-align: left;
}
.zxbm div input{
    width: 100%;
}.news_det_main .news_det_main_fl,.news_det_main .news_det_main_fr {
    width: 100%;

}



}