@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 ; }
a{font-size:16px;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}




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




/*标题*/
.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}

/*标题*/
.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}




/*标题和副标题*/
.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;}
	
}