@charset "utf-8";
body{font-size:14px; min-width:87%; }
@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }

@font-face {
	font-family:DIN-Bold;
	src: url('../fonts/DIN-Bold.otf'); }

@font-face {
	font-family:'beba';
	src: url('../fonts/BEBAS.ttf'); }


*{ margin:0; padding:0;}
img{ border:none;}
ul,li{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
a{ text-decoration:none; color:#333}

*{margin:0;padding: 0;}
html body{width: 100%;font-size: 16px; font-family:"微软雅黑"}

.s_width{ width:87%; margin:0 auto; position:relative}
.l{ float:left;}
.r{ float:right;}
div{
	box-sizing: border-box;
}
.wth1280{
	width: 87%;
	margin: 0 auto;
}
.flex{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.clear{
	clear: both;
}
li{
	list-style: none;
}
.top_hello{
	height: 40px;
	line-height: 40px;
	background-color: #e9e9e9;
	font-size: 14px;
}
.top_hello li{
	float: left;
}
.top_hello li a{
	text-decoration: none;
	color: black;
	padding: 0 13px;
	border-right: 1px solid gray;
}
.top_hello li:last-child a{
	border: none;
}
.top_hello li a:hover{
	color: green;
}
.toplogo{
	height: 135px; 
}
.toplogo img{
	height: 90px;
	width: auto; margin-top:12px
}


/*nav*/
.nav{ height:55px; background:#035cac; position:relative; z-index:99999}
.nav ul{ height:55px; width:87%; margin:0 auto; display:flex }
.nav li{ float:left;line-height:55px; height:55px;  color:#fff; text-align:right; font-size:17px; background:url(../images/nav_line.png) no-repeat right center;  position:relative; flex:1}
.nav li a{font-size:16px;line-height:55px; color:#ffffff; text-align:center; text-decoration:none; display:block; }
.nav li a:hover{ font-weight:bold; color:#fff; background:#1879d0;border-right:1px #3a94e5 solid;border-left:1px #3a94e5 solid;}
	
	
	.nav li .cur{  background:#1879d0; color:#fff}
	
.nav li .div_cc {display:none;width:180px;text-align:center;color:#4f4f4f;position:absolute;top:65px; left:; background:#ff7316; z-index:9999999 }
.nav li .div_cc a {display:block;BCOLOR: #fff; LINE-HEIGHT:38px; FONT-SIZE: 15px;font-weight:normal;border-bottom:1px solid #2f3358; margin-top:0;}
.nav li .div_cc a:hover {color:#fff; border-bottom:1px dashed #119931; background:#259e4f; border-top:0; border-right:0; border-left:0; }

.nav li .div_pro {display:none;width:180px;text-align:center;color:#4f4f4f;position:absolute;top:55px; left:; background:#035cac; z-index:9999999 }
.nav li .div_pro a {display:block;BCOLOR: #fff; LINE-HEIGHT:33px; FONT-SIZE: 15px;font-weight:normal;border-bottom:1px solid #1879d0; margin-top:0;}
.nav li .div_pro a:hover {color:#fff; border-bottom:1px dashed #207fd4; background:#1879d0; border-top:0; border-right:0; border-left:0; }

.header .top{ display:flex;justify-content: space-between; padding-top:10px }
.header .top .wenzi{ margin-top:25px; margin-left:10px}
.header .top .wenzi h1{ color:#48484a; font-size:30px; line-height:40px; font-weight:normal}
.header .top .wenzi h4{ color:#666; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; line-height:34px; letter-spacing:0.5px; line-height:30px}

.navbg{ margin:0 auto; width:100%}
.header{ margin:0 auto; width:100%}






/* -- 引子 -- */



/*---简介-----------*/
  
  .aboutBg {
    padding-top:110px; width:100%;  overflow:visible; clear:both; margin:0 auto; position:relative; background:url(../images/bg1.jpg) no-repeat center top
}
  .aboutBgRight {
    height: 100%;
    position: relative;
    z-index: 0;
    padding-bottom:110px; width:87%; margin:0 auto
}.shang {
    width: 100%;
    margin: 0 auto; display:flex;
}
  .ab01_bot dd .fnt_18{
    display: block;
    line-height: 1.2; font-size:18px
}
  
.shang{ width:100%; margin:0 auto;}

.xia{ width:100%; margin:0 auto}
.ab01_bot{ width:100%; margin:0 auto; display:flex; justify-content:  space-between }


.ab01_bot{margin:20px 0 20px; padding:80px 0 0;}
.ab01_bot dd{ float: left; width:25%; padding-left:5%; border-right:1px solid #D2D2D2;}
.ab01_bot dd:first-child{ padding-left:0;}
.ab01_bot dd:last-child{border:none;}
.ab01_bot dd h4{ line-height:1.2;color:#686868;}
.ab01_bot dd h4 em{color:#EA2F39; margin-right:5px; }
.ab01_bot dd h4 i{font-size: 18px; color:#EA2F39;}
.ab01_bot dd span{ display: block;line-height: 1.2;}
.abtous{ width: 45%;  border-radius:10px; overflow:hidden; border:9px solid #fff; box-shadow: 0px 5px 5px 5px rgba(0,0,0,.1)}
.abtous img{ width:100%; height:100%  }
.about_ri {
   
    width: 50%; line-height:40px; margin-right:5%
}
.about_ri h2 {
    
  
}
.about_ri h3 { font-weight:normal; font-size:22px; color:#333; margin-bottom:20px; margin-top:13px }
.about_ri h3 b { color:#0f81ca; font-weight:normal;}
.about_ri h2 i { display:block; font-style:normal;font-size:35px; font-weight:normal;color: #000; margin-top:10px;}
.about_ri h2 b{
   font-size: 18px;
    color: #777777;
   
    font-family:Barlow-Regular; font-weight:normal;
   
    margin-left: 0px;      padding-right: 37px;
}
line {
    width: 40px;
    height: 1px;
    background: #777;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.about_ri p{
box-sizing: border-box;
    color: #686868;
    line-height: 28px;
    font-size: 15px;
    white-space: normal; width:90%
}
.ab01_bot dd h4 em {
    color: #0f81ca;
    margin-right: 5px; font-size:68px; font-weight: 700; font-style:normal; font-family:'DINEngschriftStd';
}


.ab01_bot dd h4 {
    line-height: 1.2;
    color: #686868; font-size:17px; font-weight:normal
}

.innr1frbut i { font-family:"宋体"; font-size:45px; font-style:normal; display:inline-block;  line-height:30px;
	  
	 
	 }


.innr1frbut a{ display: block; color: #fff; width:220px; 

 height:55px; line-height:55px; 
 
 background:#0f81ca; 
 
background: -webkit-linear-gradient(left, #035cac , #0f81ca);

background: -o-linear-gradient(right, #035cac, #0f81ca);

background: -moz-linear-gradient(right, #035cac, #0f81ca);

background: linear-gradient(to right, #035cac , #0f81ca);
 
 
 
  text-align: center; box-shadow: 0px 5px 15px rgba(183,218,240,0.5); margin-top:50px;transition:All 0.4s ease-in-out; border:2px solid #0f81ca;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; color:#fff }
	
.innr1frbut a:hover{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;




   transform: translate(0,-10px);
    -webkit-transform: translate(0,-0px);
    -moz-transform: translate(0,-0px);
    -o-transform: translate(0,-0px);
    -ms-transform: translate(0,-0px); color:#0f81ca; text-decoration:none; border:2px solid #0f81ca; background:none;}

  
  

.pz13{ width:100%; background:url(../images/bb.jpg) no-repeat top center; background-size:100%;background-attachment: fixed;  height:890px; margin:0 auto }

.pz13 h3 {
    font-size: 40px;
    color: #fff;
    text-align: center;
    font-weight: normal;
}
.pz{ width:90%; margin:0 auto; clear:both; padding-top:110px; padding-bottom:50px; height:100px}

.pz13 h3 span{ background:#FFFFFF; width:80px; height:1px; position:absolute; margin-top:45px; margin-left:-94px; }
.pz13 h3 em{ font-size:20px; font-family:Barlow-Regular; line-height:50px}


.pz1{ width:50%; float:left; padding-top:50px;}
.pz1 ul{ width:100%; float:left;}
.pz1 ul li{background:none;box-shadow: 0px 0px 4px #FFF;  margin-bottom:13px; float:left; padding:1.5%; width:45%; height:409px; font-size:17px; text-align:left; margin-right:2%;-webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s; border-radius:5px;}
.pz1 ul li a{ -webkit-transition:.8s; color:#333333;
-moz-transition:.8s;
-o-transition:.8s;}
.pz1 ul li:hover {cursor:pointer;/* transform属性 */transform:translate(0,-5px); -webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;}
.pz1 ul li h5{ float:left; font-size:20px; padding-top:20px; }

.pz1 ul li h4{ float:left; font-size:15px; padding-top:0px; font-family:Arial, Helvetica, sans-serif; color:#999 }
.pz1 ul li h6{ float:left; font-size:16px; padding-top:16px; font-family:Arial, Helvetica, sans-serif; color:#666 }

@font-face {
 font-family:Barlow-Regular;
 src: url('../fonts/Barlow-Regular.ttf'); }
 
 
 
.pz1 ul li h5 span{ float:left; font-size:14px; }
.pz1 ul li img{ float:left; max-height:380px;  max-width:100%;margin-right:10px;border-radius:3px;
}


.m1{background-color:#bababa; width:100%; margin-right:100px; height:30px; text-align:center; line-height:30px;-webkit-transition:.8s; float:left; margin-top:20px;
-moz-transition:.8s;
-o-transition:.8s; color:#FFFFFF; font-size:14px;}

.m1 a:hover {cursor:pointer;/* transform属性 */transform:translate(0,0px); background:#f00000;-webkit-transition:.8s; color:#FFFFFF!important;
-moz-transition:.8s;
-o-transition:.8s;}
.pz2{ width:100%;  padding-top:50px;}
.pz2 ul{ width:100%; display:flex; flex-wrap: wrap; justify-content: space-between}
.pz2 ul li{ width:32%;
}
.pz2 ul li a{ border:#FFF solid 0px;  box-shadow: 0px 0px  4px #FFF;margin-bottom:16px;  width:82%; height:50px; font-size:18px; text-align:left; z-webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;color:#fff!important; border-radius:5px; display:block; padding: 4% 8%}
.pz2 ul li a:hover {cursor:pointer; margin-top:-5px;  border:#035cac solid 1px;background:#035cac;-webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s; color:#fff!important; height:50px;}
.pz2 ul span{ float:left; font-size:14px; line-height:30px; font-family:Barlow-Regular}
.more{ width:240px; height:55px; margin:0 auto;  line-height:55px; background:#1879d0; text-align:center; margin-top:60px; box-shadow: 0px 0px  4px #FFF; transition:all 0.4s;background-image: -webkit-gradient(linear, left top, right top, from(#1766b3), color-stop(51%, transparent), to(transparent));
    background-image: -webkit-linear-gradient(left, #0178f3 0%, transparent 51%, transparent 100%);
    background-image: -moz-linear-gradient(left, #0178f3 0%, transparent 51%, transparent 100%);
    background-image: -o-linear-gradient(left, #0178f3 0%, transparent 51%, transparent 100%);
    background-image: linear-gradient(to right, #0178f3 0%, transparent 51%, transparent 100%);




}
 .more a{ color:#fff; text-align:center} 
 .more:hover{ width:240px; height:55px; margin:0 auto;  line-height:55px;  text-align:center; margin-top:60px; box-shadow: 0px 0px  0px #FFF; background:#fff; transition:All 0.4s ease-in-out;transform: translate(0,10px); border:2px #0178f3 solid}
 

	.more:hover a{ color:#035cac}
	
	.more i {
    font-family: "宋体";
    font-size: 45px;
    font-style: normal;
    display: inline-block;
    line-height: 30px;
}
.news_1{ width: 100%;
    margin: 0 auto;
    background: #f7f7f7; padding-bottom:7%
    
}.mt-tabpage {
	width: 100%;
	margin: 50px auto 0 auto;

}
.mt-tabpage-title {
	height:50px;
	font-size: 0;
	width: 455px;
	margin:0 auto;


}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: 218px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px; background:#efefef; color:#5d5d5d; margin-right:3px; text-decoration:none
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #fff;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #fff;
	font-size: 16px;
 background:#da251c
}
.mt-tabpage-count {
	position: relative;
	width: 100%;
	
	overflow: hidden;
}
.mt-tabpage-cont__wrap {
	 margin-top:0px
}
.mt-tabpage-count .mt-tabpage-item {
	width: 100%;
	
}






.fl{ float:left}. fr{ float:right}


.mt-tabpage-item .item {
    padding: 25px 0;
     width: 49%!important; float:left; height:100px; text-decoration:none
}.mt-tabpage-item  .item .left {
    width: 145px;
    text-align: center;
    line-height: 1;
    color: #222222;
    transition: .5s ease-in-out;
    font-family: 'beba'; height:70px
}.mt-tabpage-item .item .left .num {
    font-size: 40px;font-family: 'beba';line-height: 1;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}.mt-tabpage-item .item .left .num:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 45px;
    background: #dddddd;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.mt-tabpage-item .item .left .time {
    font-size: 16px;font-family: 'beba';
}.mt-tabpage-item .item .right .h0 {
    font-size: 20px;
    color: #222222;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    transition: .5s ease-in-out;
    margin-bottom: 15px;
}.mt-tabpage-item  .item .right .p {
    height: 52px;
    overflow: hidden;
} .mt-tabpage-item .item .right .p {
    transition: .5s ease-in-out;
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}
.mt-tabpage-item .item .right { width: calc(100% - 45px);text-align:left
}.mt-tabpage-item .item:hover {
  background: #035cac;
  transition: .5s ease-in-out;
  color: #ffffff;
}
.mt-tabpage-item .item:hover .left {
  transition: .5s ease-in-out;
  color: #ffffff;
}
.mt-tabpage-item .item:hover .right .h0 {
  transition: .5s ease-in-out;
  color: #ffffff; text-align:left
}
.mt-tabpage-item .item:hover .right .p {
  transition: .5s ease-in-out;
  color: #def1ff;}
  .f-cb:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.news_1 h3 span{ background:#333; width:80px; height:1px; position:absolute; margin-top:25px; margin-left:-34px; }
.news_1 h3 em{ font-size:20px; font-family:Barlow-Regular; line-height:20px; display:block }

.news_1 h3 {
    font-size: 40px;
    color: #333;
    text-align: center;
    font-weight: normal;
}

.pz11{ width:90%; margin:0 auto; padding-top:50px}









.join{ width:100%; background:url(../images/bb1.jpg) no-repeat center; background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment: fixed; height:349px; text-align:center; color:#FFFFFF; font-size:47px; line-height:50px; padding-top:90px;}
.join span{ font-size:22px; font-family:Barlow-Regular}
.a_more{ font-size:17px; color:#fff!important; line-height:40px; width:200px; margin:auto;display:inline-block; 
  border: 1px solid #fff; 
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; margin-top:20px
}
.a_more a{  color:#fff!important;
}
.a_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #035cac;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#fff;}








/*底部*/
footer{  overflow: hidden; background-color: #373737; width: 100%; padding-top:0px;}

.xia{ width:90%; margin:0 auto; display:flex; justify-content:  space-between; margin-top:83px;padding-bottom:80px  }
.xia_lo{ width:42%; text-align:left;}
.xia_lo h4{ color:#FFFFFF; font-size:30px; line-height:30px; text-align:left; padding-top:10px; font-weight:bold}
.xia_lo h4 span{ color:#fff; font-size:17px; font-weight:normal}
.xia_lo p{ width:50%; float:left; color:#fff; font-size:15px; line-height:25px;}
.xia_lo p a{ color:#fff; line-height:34px }
.xia_lo p a:hover{ color:#74b7fc; border-bottom:1px #74b7fc solid; letter-spacing:1px}


.xia ul{ }

.xia ul:nth-child(2){ width:38%; margin:0 7%;border-right:1px #4b4b4b solid;border-left:1px #4b4b4b solid; padding-left:7%}
.xia ul:nth-child(3){ width:15%; float:right}








.xia .iu_tit {
    background: url(../images/lid.jpg) no-repeat left bottom;
    padding-bottom: 8px; font-size: 18px;
    color: #ffffff;
    margin-bottom: 10px; padding-bottom:8px; line-height:34px;
}.xia .iu_tit span{font-family: Barlow-Regular;
    font-weight: normal;
    text-transform: uppercase; line-height:34px}
	
.xia .iu_tit b{ width:50px; height:1px; position:absolute; margin-top:10px; background:#1691d0; float:left}

.xia ul li:first-child span{ font-family:Barlow-Regular; font-weight:normal; text-transform:uppercase}
.xia ul li:first-child b{ width:50px; height:1px; position:absolute; margin-top:10px; background:#1691d0}

.xia ul li:first-child{ font-size:18px; color:#ffffff; margin-bottom:10px }
.xia ul li { line-height:34px; color:#e2e2e2; font-size:15px}
.xia ul li a{color:#e2e2e2; }
.xia ul li a:hover{ color:#00db64; border-bottom:1px #00db64 solid; letter-spacing:2px; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.xia ul li:first-child{ background:url(../images/lid.jpg) no-repeat left bottom; padding-bottom:8px}

.xia ul p{ line-height:34px; color:#b2b2b2; font-size:15px}
.erw{ float:left; margin-right:10px; text-align:center; line-height:30px; color:#fff; font-size:15px; margin-top:20px}
.banquan{ width:100%; height:76px;  text-align:center; color:#818181;  font-size:15px; margin:0 auto ;margin-top:0px; line-height:76px; background:#292929}
.banquan a{color:#818181}

.xia ul .add{ background:url(../images/add.png) no-repeat left center; padding-left:25px; margin-top:20px}
.xia ul .tel{ background:url(../images/tel1.png) no-repeat left center; padding-left:25px}
.xia ul .mol{ background:url(../images/mol.png) no-repeat left top; padding-left:25px}
.xia ul .email{ background:url(../images/email.png) no-repeat left center; padding-left:25px}


.footer,.footer .ftNav,.footer .ftBox{ overflow: hidden; width: 100%;}
.footer .ftNav{ border-bottom: 1px solid #1d47c3; height: 55px;}
.footer .ftNav li{ padding: 0 28px; font-size: 13px; float: left; line-height: 53px;}
.footer .ftNav li a{ color: #fff; text-decoration: none; display: block}
.footer .ftNav li:hover a { border-bottom: 2px solid #ffa200;}
.footer .ftBox{padding: 45px 0 20px;}
.footer .ftDl{ width: 550px; float: left;}
.footer .ftDl dt{ float: left; margin-left: 10px;}
.footer .ftDl dd{ float: right; padding-left:18px; border-left:1px solid #3a5fcd; }
.footer .ftDl dd p{ line-height: 25px; font-size: 13px; color: #fff}
.footer .ftDl dd p a{ color: #fff;}
.footer .ewm{ float: right;}
.footer .ewm p{ margin-top: 15px; font-size: 14px; color: #fff;}

.mbdh{ display:none}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  


.header{ display:none}
.mbdh{ display:block}

.bannerBox{ height:740px!important}
.slick-slider{ height:800px!important}

.slick-slide{ height:800px!important}


.aboutBg {
    padding-top: 50px;
    width: 100%;
    overflow: visible;
    clear: both;
    margin: 0 auto;
    position: relative;
    background: url(../images/bg1.jpg) no-repeat center top;
}
.about_ri {
    width: 100%;
    line-height: 40px;
    margin-right: 0%;
}

.shang {
    width: 100%;
    margin: 0 auto;flex-wrap:  wrap ;
}
.abtous{ display:none}

.about_ri h2 i {
    display: block;
    font-style: normal;
    font-size: 22px;
    font-weight: normal;
    color: #000;
    margin-top: 10px;
}
.about_ri h2 b {
    font-size: 15px;
    color: #777777;
    font-family: Barlow-Regular;
    font-weight: normal;
    margin-left: 0px;
    padding-right: 37px;
}
.about_ri h3 {
    font-weight: normal;
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    margin-top: 7px; line-height:26px
}
.about_ri p {
    box-sizing: border-box;
    color: #686868;
    line-height: 28px;
    font-size: 14px;
    white-space: normal;
    width: 100%;
}

.innr1frbut a {
    display: block;
    color: #fff;
    width: 120px;
    height: 35px;
    line-height: 35px; font-size:14px}

.innr1frbut i {
    font-family: "宋体";
    font-size: 35px;
    font-style: normal;
    display: inline-block;
    line-height: 20px;
}
.aboutBgRight {
    height: 100%;
    position: relative;
    z-index: 0;
    padding-bottom: 80px;
    width: 87%;
    margin: 0 auto;
}

.pz13 {
    width: 100%;
    background: url(../images/bb.jpg) no-repeat top center;
    background-size: 100%;
    background-attachment: scroll;
    height: 780px;
    margin: 0 auto; background-size:300%
}
.pz {
    width: 90%;
    margin: 0 auto;
    clear: both;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 100px;
}.pz13 h3 {
    font-size: 22px;
    color: #fff;
    text-align: center;
    font-weight: normal; line-height:30px
}
.pz13 h3 em {
    font-size: 16px;
    font-family: Barlow-Regular;
    line-height: 20px;
}
.pz2 ul li {
    width: 49%;
}

.pz2 ul li a {
    border: #FFF solid 0px;
    box-shadow: 0px 0px 4px #fff;
    margin-bottom: 16px;
    width: 84%;
    height: 50px;
    font-size: 13px;
    text-align: left;
    z-webkit-transition: .8s;
    -moz-transition: .8s;
    -o-transition: .8s;
    color: #fff!important;
    border-radius: 5px;
    display: block;
    padding: 4% 4%;
}
.more {
    width: 140px;
    height: 37px;
    margin: 0 auto;
    line-height: 37px; margin-top:15px}

.more a{ font-size:13px}


.more i {
    font-family: "宋体";
    font-size: 25px;
    font-style: normal;
    display: inline-block;
    line-height: 30px;
}
.more:hover{ width:140px; height:37px; margin:0 auto;  line-height:37px;  text-align:center; margin-top:10px; box-shadow: 0px 0px  0px #FFF; background:#fff; transition:All 0.4s ease-in-out;transform: translate(0,10px); border:2px #0178f3 solid}
 .news_1 h3 {
    font-size: 22px;
    color: #333;
    text-align: center;
    font-weight: normal;
}

.news_1 h3 em {
    font-size: 16px;
    font-family: Barlow-Regular;
    line-height: 20px;
    display: block;
}


.mt-tabpage-item .item {
    padding: 15px 0;
    width: 99%!important;
    float: left;
    height: 75px;
    text-decoration: none; background:#fff; margin-bottom:1%
}

.mt-tabpage-item .item .right .h0 {
    font-size: 16px;
    color: #222222;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    transition: .5s ease-in-out;
    margin-bottom: 5px;
}
.mt-tabpage-item .item .left .num {
    font-size: 27px;
    font-family: 'beba';
    line-height: 1;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.mt-tabpage-item .item .right .p {
    transition: .5s ease-in-out;
    font-size: 12px;
    color: #666666;
    line-height: 23px;
}
.mt-tabpage-item .item .left .time {
    font-size: 13px;
    font-family: 'beba';
}
.join {
    width: 100%;
    background: url(../images/bb1.jpg) no-repeat center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 349px;
    text-align: center;
    color: #FFFFFF;
    font-size: 22px;
    line-height: 30px;
    padding-top: 70px;
}
.join span {
    font-size: 15px;
    font-family: Barlow-Regular; line-height:25px
}
.a_more {
    font-size: 13px;
    color: #fff!important;
    line-height: 35px;
    width: 120px;
    margin: auto;
    display: inline-block;
    border: 1px solid #fff;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    margin-top: 20px;
}
footer{ display:none!important}
.navbg{ display:none}
}