body{
	font-family: 'microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background: #fff;
}
a{
	color: #333;
}
a:hover{
	color: #333; text-decoration: none; 
}
::-webkit-scrollbar {
  width : 7px;
  height: 1px;
  }
::-webkit-scrollbar-thumb {
  background   : #d7d7d7;
  }
::-webkit-scrollbar-track {
  background   : #f0f0f0;
  }
/* header */
.pt-20{
	padding-top: 20px;
}
.pb-40{
	padding-bottom: 40px;
}
.wrapper{
	width:1280px; margin: 0 auto;
}
.yxheader{
	height: 90px;width: 100%;position: fixed;z-index: 99999;top: 0px; 
}
.yxheader .yxlogo{
	float: left; padding-top:5px;display: flex;align-items: center;padding-left: 20px;height: 90px;
}
.yxheader .yxnav{
	float: right;height: 50px; padding-top: 25px;line-height: 40px;text-align: center;color: #fff;font-size:18px;
}
.yxheader .yxnav>li{
	display: inline-block;vertical-align: top;
}
.yxheader .yxnav>li>a{
	padding: 0 9px; color: #fff; display: block; line-height: 40px; min-width: 110px;
}
.yxheader .yxnav>li>a:hover{
	color: rgba(255,255,255,1);background-image: url(../images/xian.png); background-repeat: no-repeat; background-position: 0px bottom; background-color: rgba(0, 0, 0, 0.19);
}
.yxheader .yxnav a{
	color: #fff;
}
.yxheader.on{
	background-color: #FFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);transition: all 0.5s;
}
.yxheader.on .yxnav>li>a{
	color: #333;
}
.yxheader.on .yxnav>li>a:hover{
	background: none; font-weight: bold;
}
.banner{
	position: relative;
}
.banner .swiper-pagination{
	z-index: 9999; bottom: 45px;
}
.banner .swiper-pagination-bullet{
	width: 10px; height: 10px; background-color: #fff; border-radius: 10px; opacity: 0.3;
	transition: all 0.3s;
}
.banner .swiper-pagination-bullet-active{
	width: 28px; border-radius: 10px; opacity: 1;
}
.banner-img{
	height:640px; background-size:cover;    background-repeat: no-repeat; background-position:  center ; position: relative;
}
.banner-zz{
	height: 120px;width: 100%;background-image: url(../images/banner_zhezhao.png); background-repeat: no-repeat;background-position: center center;
	    position: absolute;
	    z-index: 999;
	    bottom: 0px;
	    background-size: 100% 100%;
}
.banner-info{
	position: absolute; left: 0; top: 220px; right: 0;  color: #fff; width: 40%; margin: 0 auto;
}
.banner-info .tit{
	font-size: 36px; text-shadow: 0 1px 10px rgba(0,0,0,0.8);text-align: center;
}
.banner-info .txt{
	padding-top: 5px;font-size: 16px; text-shadow: 0 1px 10px rgba(0,0,0,0.8); letter-spacing: 5px; line-height: 1.7;
}
.swiper-slide-active .banner-info .tit{animation: myfirst; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards;}
.swiper-slide-active .banner-info .txt{animation: myfirst2; animation-duration: 0.8s; animation-iteration-count: 1; animation-fill-mode: forwards;}
@keyframes myfirst { 
from {
opacity:0;
transform: translateY(-20px);
}
to {
opacity:1;
transform: translateY(0px);
}
}

@keyframes myfirst2 { 
from {
opacity:0;
transform: translateY(-50px);
}
to {
bopacity:1;
transform: translateY(0px);
}
}
.htxt .title{
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	margin-top: 10px;
	color: #0080cc;
}
.htxt .desc{
	line-height: 30px;
	    font-weight: normal;
	    color: #807f85;
	    text-align: center;
	    margin-top: 10px;
	    font-size: 18px;
}
.htxt .down{
	text-align: center;
}
.hdata{
		background: url(../images/databg.png) no-repeat center; background-size:cover;
	    height: 470px;
	    width: 100%;
	    padding-top: 60px;text-align: center;
}
.hdata li{
	display: inline-block;vertical-align: top; color: #0080CC; width: 380px; position: relative;

}
.hdata li .txt,.hdata li .small{
	transition: transform 0.3s;
}
.hdata li:hover .txt,.hdata li:hover .small{
	transform: translateY(-50px);
}
.hdata li::after{
	display: inline-block;vertical-align: middle; background-color: #d3d3d3; width: 1px; height: 60px; content: "";
position: absolute; right: 0; top: 50%; margin-top: -30px;
}
.hdata li:last-child::after{
	display: none;
}
.hdata ul{
	padding: 40px 0;
}

.hdata .txt{
	/* height: 80px;
	    width: 190px; */
	    font-size: 72px;
	    text-align: right;
		display: inline-block;vertical-align: middle;
}
.hdata .small{
	display: inline-block;vertical-align: middle; font-size: 18px; padding-left: 10px;text-align: left; line-height: 1.7;
}
.hline{
	
}
.hhead{
	padding: 15px 135px;
}
.hhead-tit{
	display: inline-block;vertical-align: top; font-size: 30px; line-height: 1.15; color: #005bac; font-weight: bold; padding: 28px; border: 8px solid #005aab; position: relative;
}
.hhead-info{
	display: inline-block;vertical-align: top; margin-left: 30px;
}
.hhead-info .en{
	font-size: 40px; color: #005bac; font-weight: bold;
}
.hhead-info .cn{
	font-size: 36px; color: #005bac; font-weight: bold; letter-spacing: 8px;
}
.hhead-tit::after{
	position: absolute; content: ""; right:-25px; top: 0; height: 40px; width:41px ; background: url(../images/line.png) no-repeat center #fff;
}
.hline-list{
	padding: 0 60px 65px 60px; margin: 0 60px; position: relative;
}
.hline-list .swiper-button-prev,.hline-list  .swiper-button-next{
	margin-top: -60px;
}
.hline-list .swiper-pagination{
	left: 0; right: 0; bottom: 30px;
}
.hline-list .swiper-pagination-bullet{
	width: 10px; height: 10px; background: #7d7d7d; margin: 0 6px; opacity: 0.5;
}
.hline-list .swiper-pagination-bullet-active{
	opacity: 1;
}
.hline-list .img img{
	width: 100%;
}
.hline-list .tit{
	padding: 5px 10px; font-weight: bold; font-size: 14px;
}
.hslogan{
	background: url(../images/sloganbg.png) no-repeat center; background-size:cover ; text-align: center;
}
.hslogan .wrapper{
}
.hslogan ul{
	height: auto; overflow: hidden;padding: 20px 50px; 
}
.hslogan li{
	width: 25%; float: left;
	transition: all 0.3s;
}
.hslogan li:hover{
	transform: translateY(-10px);
}
.hslogan .hbox{
	width: 110px; height: 110px; line-height: 106px; text-align: center; border: 2px solid #4997e1; border-radius: 50%; font-size: 24px; color: #0e7cdb; font-weight: bold; margin: 0 auto;
}
.hslogan .bbox{
	font-size: 14px; color: #333; margin-top: 12px;
}
.yxdetail{
	padding-bottom: 30px;
}
.htit{
	text-align: center;  margin-bottom: 40px;
}
.htit h2{
	display: inline-block;padding: 15px 30px; font-size: 30px; font-weight: bold; color: #1375d6; border-bottom: 1px solid #e1e1e1; position: relative;
}
.htit h2::after{
	position: absolute; left: 50%; bottom: -2px;  margin-left: -12px; width: 24px; height: 3px; background: #e10d0c; content: "";
}
.hinfo{
	font-size: 14px; line-height: 1.8;text-align: justify;
}
.news_introduce {
	display: -webkit-box;
	color: #999999;
	margin: 0px;
	text-overflow: ellipsis;
	overflow: hidden;
	box-sizing: content-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	width: 100%;
	height: 100%;
}
.sites-links {color: #a5b4c2; font-size: 12px; line-height: 120%;text-align: center;margin:10px 10px 0px 10px;}
.sites-links ul::after {
	content: "";
	display: block;
	clear: both;
}
.sites-links li {float: left; width: 100px;  text-align: center; }
.sites-links li div {display: inline-block; width: 200px;line-height: 120%;background-color: #333a46; border-radius: 20px;padding: 5px; margin: 10px;}