@charset "utf-8";
/* CSS Document */

/* public */
@font-face {
  font-family: Human;
  src:url(../font/human.ttf);   
  font-weight: normal;
  font-style: normal;
}
pre{white-space: pre-wrap; font-family: 'sy';word-wrap: break-word; }
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0; outline: none;}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size: 14px;  overflow-x:hidden;font-family: 'sy'; color: #000;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-overflow-scrolling : touch ;background: #f5f6f9; }
a{font-size:14px;text-decoration:none;  color: #333;  z-index: 99999;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;font-family: 'sy'; line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{display: none;}
.fl{float:left;}
.fr{float:right;}
.z_container {width: 100%; height:auto;clear: both;margin: 0 auto;}
.w1200 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.percent80{ width:70.16%;height: auto;clear: both;margin: 0 auto;}
.z_container3 {width: 1200px;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;}
.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
button {
    border: none;
}

/*子页面标题*/
.z_center{ text-align:center}
.z_page_tit .h3{ font-size: 2.08vw; line-height: 2vw; font-weight: bold; color:#414141; margin-bottom:20px;}
.z_page_tit p i{ 
    content: "";
    background: url(../images/zi_title_icon.png);
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block; }
.z_page_tit .h4{ font-size: 1.48vw; line-height: 2vw; font-weight: bold; color:#b1b1b1}



/*底部 开始*/
footer{ width: 100%; background: #3a3c43; padding:30px 0}
.footer_nav{ display:flex; justify-content:space-between}
.footer_left ul li{ float:left; font-size:14px; padding:0 10px;}
.footer_left ul li a{ color:#fff}
.footer_left_lianxi{ margin-top:50px;}
.footer_left_lianxi h4{ color:#fff; font-size:24px; margin-bottom:15px;}
.footer_left_lianxi p{font-size:16px; color:#acacac}
.footer_left_lianxi h2{font-size:40px;  color:#fff}
.footer_right{ width:30%}
.footer_right ul li{float: left;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 14px;}
.footer_right ul li img {
    margin: auto;
    border: solid 1px #5e5e5e;
    width: 105px;
}
.footer_right ul li p {
    margin-top: 10px;
    font-size: 14px;
}
.footer_icp{  color:#FFFFFF; text-align:center;  font-size:14px} 
.footer_icp a{ color:#fff; text-decoration:underline}
/*底部 结束*/

/*滑动到顶部*/
.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);
    }
}
/*滑动到顶部结束*/


/*顶部导航栏*/
/*body.fixed .z_header{transform:translateY(-100%);visibility:hidden;}*/
.z_header { height: 130px; box-shadow:0 0 0 rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; width: 100%;z-index: 9999999999999; background: #fff; overflow: hidden;
transition: all .8s; backdrop-filter: saturate(180%) blur(20px);
    background: hsla(0,0%,100%,.9);
    box-shadow: 0 4px 10px 0 rgba(68,68,68,.05);}
.z_header:before{ content: ""; display: block; width: 0; opacity: 0; height: 100%; border-radius: 40px; background: #fff; transition: all .8s; position: absolute; left: 50%; top: 0;}
.z_header_content{ width:1200px; margin:0 auto}
.z_header.on{box-shadow:0 0 10px rgba(0,0,0,0.5)}
.z_header.on .header_nav a{ color: #333;}
.z_header.on:before{ width: 120%; left: -10%; opacity: 1; }
.z_header .logo{ width:22%; display: block; float: left; line-height: 130px;}
.z_header .logo img{ vertical-align: middle; width:100%;}
.z_header .header_r{ float: right;}
.header_nav { float: left;}
.header_nav a{ font-size: 16px;}
.header_nav li:hover a,.header_nav li.active a{color: #20a5a4;}
.header_nav li{ display: inline-block; line-height: 130px; z-index: 1; margin-right: 32px;position: relative;}
/*.header_nav li:nth-child(7) i{ background:url(../images/vip_icon.png) no-repeat; width:24px; height:24px; display: inline-block; background-size:100%}
.header_nav li:nth-child(7) a{ color:#da9c47}*/
.header_nav li a{ font-size: 16px;}
.search_bar{ float: left; height: 80px; line-height: 80px;}
.search_bar .btn{ display: block; width: 80px; z-index: 1; height: 80px; text-align: center; float: right;   position: relative;}
.search_bar .btn:before{ content: ""; display:  block;width: 100%; height: 100%; background:#f2f2f2;position: absolute; left: 0; top: 0;transition: all .6s;}
.search_bar .btn img{ vertical-align: middle}
.search_bar .text{; box-sizing: border-box; border-bottom: 1px solid #27a8a7; height: 40px; width: 0; overflow: hidden;transition: all .6s;}
.search_bar input::-webkit-input-placeholder{ color:#27a8a7; }
.search_bar:hover .btn:before{ width: 0;}
.search_bar:hover .text{ width:140px;}
.mobile_btn{cursor:pointer;z-index: 4; justify-content: center; align-items: center; box-sizing: border-box; width: 80px;height: 80px; float: right;  background: #27a8a7; display:none; }
.mobile_btn.on .line1{ transform: rotate(225deg);}
.mobile_btn.on .line2{display: none;}
.mobile_btn.on .line3{transform: rotate(135deg); }
.mobile_btn span{display:block; width:26px; height:1px;box-shadow: 0 1px #fff; background:#fff; transition:all .45s;}
.mobile_btn .line2{margin:6px 0;/* width:20px; transform:translateX(6px);*/}

/*移动端导航栏*/
.slide_box{background: #fff; width: 650px; height: 100%; visibility: hidden; position: fixed; right: 0; top: 80px; padding: 50px; box-sizing: border-box; opacity: 0; z-index: 3; transform: translateX(100%); transition: all .6s; z-index: 101;}
.slide_box.active{ transform: translateX(0); opacity: 1; visibility: visible;}
.z_mask{ width: 100%; height: 100%; position: fixed; visibility: hidden;  left: 0; top: 0; background: rgba(0,0,0,.8); transition: all .2s; z-index: 101;}
.z_mask.active{opacity: 1;visibility: visible;}
.slide_tit h3{ font-size: 30px; color:#27a8a7;}
.slide_tit{ padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 25px;}
.slide_nav{ margin-top:100px;}
.slide_nav li{ margin-bottom: 40px; text-align:center}
.slide_nav li>a{ font-size: 16px; color:#fff; }
.slide_nav .nav_down{ margin-top: 5px;}
.slide_nav .nav_down a{ color: #888; display: inline-block; margin-right: 20px; position: relative; line-height: 30px;}
.slide_nav .nav_down a:before{ content:""; display: block; width: 0%; transition: all .6s; height: 1px; background:#27a8a7; position: absolute; left: 50%; bottom: 0;}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover{ color: #27a8a7;}
.slide_nav .nav_down a.active:before,.slide_nav .nav_down a:hover:before{ width: 100%; left: 0;}

/*标题*/
.title{}
.title h1{ font-size:36px;  color:#35383d;  line-height:1.5; text-align:center;}
.title h1:before,.title h1:after{ content:""; width:20px; height:20px; background:url(../images/title_icon.png); display:inline-block; margin:0 20px;}
.title p{ text-align:center; color:#727679; font-size:14px; width:60%; margin:0 auto; line-height:1.5}




/*公用大标题样式*/
/*z_index_tit蓝色，从黑到蓝*/
.z_index_tit .h3{display: inline-block;transition: transform 1.5s, background-position 1.5s ease;background: linear-gradient(to right, #024067, #024067 50%, #333 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;text-decoration: none;overflow: hidden;transition-delay: .5s;}
/*z_index_tit2白色，从蓝到白*/
.z_index_tit2 .h3{background: linear-gradient(to right, #fff, #fff 50%, #024067 50%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;text-decoration: none;overflow: hidden; transition-delay: .5s;}
.z_index_tit{z-index: 1;}
.z_other_text h3.animated,.z_index_tit.animated .h3{background-position: 0 100%; opacity: 1;}
.z_index_tit.center {
    text-align: center;
	    margin-bottom: 30px;
}
@keyframes zoombig {
  	0%{transform: scale(1.2,1.2);} 
  100%{transform: scale(1,1);}
 }
 
.z_index_tit{ color: #fff;}
.z_menu_btm{ position:absolute; bottom: 4vw; left: 10vw;transition: ease 1.5s; transform: translateY(4vw); opacity: 0;}

@media screen and (max-width: 1520px){
.z_container{width: 100%;}
.z_banner .banner_text .z_row img{ width:80%}
}
@media screen and (max-width: 1440px){
.z_container{width: 100%;}
.z_banner .banner_text .z_row img{ width:70%}
}
@media screen and (max-width:980px){
.w1200{ width:94%;}	
.z_banner .banner_text .z_row img{ width:100%;}

.percent80{ width:94%; margin:0 auto}
/*导航栏*/
.mobile_btn{    
    width: 50px;
    height: 50px; 
	display: flex;}	
.header_nav {
    display: none;
}
.z_header{   
    width: 100%;
    height: 50px;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;}	
.z_header .logo {
    line-height: 50px;
	margin-left:10px;
	width: 50%;	

}	
.slide_box {
    width: 100%;
    overflow: auto;
    padding: 10px;
    position: fixed;
    transform: translateX(0);
    top: 50px;
    z-index: 9999;
    background: #27a8a7;
    color: #fff;
    transform: translateY(100%);
}
.slide_box.on {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.z_mask.active{ opacity: 0;}
.z_school_swiper li .desc h3{font-size: 18px;}
.foot_addre li span{font-size: 20px;}
.z_header .logo img{ width:100%;}

/*标题*/
.index_tit .h3{font-size: 24px;line-height: 40px;}
.index_tit h4{font-size: 20px; line-height: 28px;}	

.z_page_tit .h3{ font-size: 7.08vw;}
.z_page_tit p i{    width: 16px; height: 16px;}
/*公用标题样式*/
.z_index_tit .h3{ font-size:22px;}
.z_index_tit .dot em{ width:6px; height:6px}
.z_header_content{ width:100%; margin:0 auto}

/*公用底部*/
footer{ padding: 60px 0;}
.footer_nav{display: flex; flex-wrap:wrap}
.footer_left{width:94%; margin:0 auto}
.footer_right{ width:100%; }
.footer_left_lianxi{margin: 50px 0 20px; }
.footer_left_lianxi h2{font-size: 30px;}
.footer_left_lianxi img{width: 22px;height: 22px;margin-right: 6px;}
.footer_left_lianxi h2{font-size: 26px;}
.footer_left ul li{padding: 0 7px;}
.footer_right ul li p{ font-size:12px;}
.footer_icp p{ font-size:12px;}
/*子页面banner*/
.banner{ height:300px;}
.info {padding-top: 110px;}
.info p{font-size: 26px;}
.info h4{font-size: 40px; margin-bottom: 0px;}
/*返回顶部*/
.z_open_footer{width: 40px;height: 40px;}
.z_open_footer img{ width: 80%;}


/*标题和副标题*/
.title h1{ font-size:24px;}
.title p{font-size: 12px;}
.title h1:before, .title h1:after{
	content: "";
    width: 12px;
    height: 12px;
    background: url(../images/title_icon.png);
	background-size:contain;
	background-repeat:no-repeat;
    display: inline-block;
    margin: 0 10px;}
	
}