*{font-family:"微软雅黑";}
body{margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑";}
p,form,h1,h2,h3,h4,dd,dt,dl,em{margin:0px; padding:0px; font-weight: normal;font-style: normal;}
ul{margin:0px; padding:0px; list-style:none;}
img{vertical-align:middle; border:none;max-width: 100%;transition: all 0.6s;}
a{text-decoration:none;
	-webkit-transition: all .5s;   
	-moz-transition: all .5s;   
	-ms-transition: all .5s;   
	-o-transition: all .5s;   
	transition: all .5s;  
}
i,em{font-style: normal;}
.clear{clear:both;}
.pc{display: block;}
.wap{display: none;}
input,button{outline: none;}

#pages{padding: 20px 0; height: 30px; text-align: center; display: flex; justify-content: center; align-items: center;}
#pages ul{display: inline-block;}
#pages li{float: left; margin: 0 2px; height: 27px; line-height: 27px; color: #333; border: 1px solid #ddd; margin-bottom: 5px; }
#pages a{background-color: #fff; color: #333; background-image: none !important; border: none; padding: 5px 10px; display: block; margin: 0 3px; border: 1px solid #ddd;}
#pages a:hover{background-color: #eee; background-image: none !important;}
#pages li span{display: inline-block; padding: 0 10px;}
#pages .disabled span{display: inline-block; padding: 0px 10px;background-color: #eee; color: #333;}
#pages .on_pages{background-color: #0e357d; color: #fff;}

.banner .swiper {
	width: 100%;
	height: 800px;
}
.banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.banner .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner .swiper-slide .title{
	position: absolute; color: #fff; font-size: 58px; font-weight: bold; text-shadow: 0px 5px 5px #666; display: flex; flex-direction: column;
}
.banner .swiper-slide .title span:last-child{
	text-indent: 6em;
}

.top{
	height: 99px; border-bottom: 1px solid #CECCCF; display: flex; justify-content: space-between; position: fixed;
	width: 90%; left: 0; top: 0; z-index: 9999; align-items: center; padding: 0 5%;
}
.topx{
	background-color: #0e357d;
}
.topx .nav li span a{
	color: #fff;
}
.topx .nav li span i{
	color: #fff;
}
.topx .tel span{
	color: #fff;
}
.topa img{
	height: 36px;
}
.logo1{
	display: block;
}
.logo2{
	display: none;
}
.topb{
	display: flex; justify-content: space-between; height: 100%;
}
.nav{
	display: flex; align-self: center; height: 100%;
}
.nav ul{
	display: flex; align-self: center; height: 100%;
}
.nav li{
	margin: 0 15px; height: 100%; cursor: pointer; position: relative; display: flex; justify-content: center; align-items: center;
}
.nav li:hover span a{
	color: #0e357d;
}
.nav li:hover span i{
	color: #0e357d;
}
.topx li:hover span a{
	color: #fff;
}
.topx li:hover span i{
	color: #fff;
}
.nav li span{
	display: flex; align-items: center;
}
.nav li span a{
	font-size: 17px; color: #fff;
}
.nav li span i{
	color: #fff; margin-left: 8px; font-weight: normal; font-size: 20px;
}
.nav li div{
	display: none; position: fixed; left: 0; top: 99px; width: 100%; height: 80px; background-color: #f4f4f4;
}
.nav li p{
	justify-content: center; align-items: center; display: flex; height: 100%;
}
.nav li p a{
	padding: 10px 5px; font-size: 17px; color: #333; background-color: #F3F3F4; margin: 0 10px;
}
.nav li p a:hover{
	color: #0e357d;
}
.tel{
	display: flex; align-items: center; margin-left: 30px;
}
.tel i{
	color: #0e357d; font-size: 20px; display: flex; width: 30px; height: 30px; background-color: #fff; border-radius: 50%;
	justify-content: center; align-items: center; margin-right: 10px;
}
.tel span{
	font-weight: bold; font-family: 'Arial'; font-size: 22px; color: #fff;
}
.inab{
	height: 544px; display: flex; justify-content: space-between;
}
.innews{
	width: 50%;
	position: relative;
}
.innews .swiper {
	width: 100%;
	height: 545px;
}
.innews .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}
.innews .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.innews .swiper-slide .inn{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 120px;
	background: rgba(0,0,0,0.7);
}
.innews .swiper-slide .inn div{
	padding: 20px 180px 0 50px;
}
.innews .swiper-slide .inn div h1{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: left;
}
.innews .swiper-slide .inn div h1 a{
	color: #fff;
}
.innews .swiper-slide .inn div p{
	margin-top: 10px;
	font-size: 16px;
	color: #fff;
	text-align: left;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	text-align: justify;
}
.qbx{
	position: absolute; width: 120px; height: 120px; background-color: #0e357d; right: 0; bottom: 0; z-index: 9;
}
.qbx a{
	width: 100%; height: 100%;
	display: flex; justify-content: center; align-items: center; flex-direction: column;
	font-size: 16px; color: #fff;
}
.inabout{
	width: 50%; height: 100%;
	background-image: url(../image/comBg.png); background-repeat: no-repeat; background-size: 100% 100%;
}
.inabc{
	padding: 70px;
}
.inabc p{
	color: #ebebeb; font-family: 'Arial'; font-weight: bold; font-size: 50px;
}
.inabc h1{
	color: #222; font-weight: bold; font-size: 30px;
}
.inabc div{
	color: #999; line-height: 30px; height: 150px; font-size: 16px; text-align: justify; overflow: hidden; margin: 30px 0;
}
.inabc h2 a{
	font-size: 16px; color: #0e357d;
}
.footer{
	background-color: #0e357d;
}
.fbox{
	padding: 0 10%;
}
.ft{
	padding: 50px 0; display: flex; justify-content: space-between;
}
.fta{
	display: flex; align-items: center;
}
.fta ul{
	display: flex;
}
.fta li{
	margin-right: 40px;
}
.fta li h1{
	font-size: 17px; font-weight: bold; color: #fff;
}
.fta li h1 a{
	color: #fff;
}
.fta li h1 a:hover{
	color: #fff;
}
.fta li div{
	display: flex; flex-direction: column; margin-top: 30px;
}
.fta li div a{
	font-size: 15px; color: #666; margin: 5px 0;
}
.fta li div a:hover{
	color: #fff;
}
.ftb{
	display: flex; flex-direction: column; align-items: flex-end;
}
.ftb h1{
	font-size: 30px; font-family: 'Arial'; font-weight: bold; color: #fff;
}
.ftb h2{
	color: #fff; font-weight: normal; font-size: 14px; margin: 10px 0;
}
.ftb select{
	width: 200px; height: 35px;
}
.ff{
	border-top: 1px solid #DADADA; padding: 30px 0; display: flex; justify-content: space-between;
}
.ffa{
	color: #fff; font-size: 14px;
}
.ffa a{
	color: #fff;
}
.ffb{
	color: #fff; font-size: 14px;
}
.ffb a{
	color: #fff;
}
.lm{
	border-bottom: 1px solid #f5f5f5; padding: 40px 0; text-align: center;
}
.lm a{
	font-size: 17px; color: #666; margin: 0 30px;
}
.lm a:hover{
	color: #0e357d;
}
.lm .lmcur{
	color: #0e357d;
}
.about{
	padding: 70px 0 100px 0; width: 1200px; margin: auto; max-width: 94%;
}
.aba{
	color: #ebebeb; font-size: 50px; font-family: 'Arial'; font-weight: bold; text-align: center;
}
.abb{
	text-align: center; font-size: 26px; font-weight: bold; margin: 20px 0; color: #0e357d;
	border-bottom: 1px solid #f5f5f5; padding-bottom: 30px;
}
.abc{
	font-size: 16px; line-height: 30px; color: #777; text-align: justify;
}
.plist{
	display: flex; justify-content: space-between; flex-wrap: wrap;
}
.plist:after{
	content: '';
	width: 30%;
}
.plist div{
	width: 370px; background-color: #F7F7F7; display: flex; flex-direction: column; margin-bottom: 50px;
}
.plist div label{
	display: flex; padding: 50px; height: 250px; justify-content: center; align-items: center;
}
.plist div label img{
	max-width: 100%; max-height: 100%;
}
.plist div p{
	text-align: center; font-size: 16px; color: #999; text-align: center; padding-bottom: 50px;
}
.nlist{
	padding: 50px 0;
}
.nlist a{
	display: flex; justify-content: space-between; padding: 30px; border-bottom: 1px solid #e6e6e6;
}
.nlist a:hover{
	background-color: #f8f8f8;
}
.nla{
	display: flex; margin-right: 30px; width: 125px;
}
.nla span{
	font-family: 'Arial'; font-size: 48px; color: #333;
}
.nla small{
	font-family: 'Arial'; font-size: 16px; color: #333; margin-left: 10px; margin-top: 30px;
}
.nlb{
	width: 1115px;
}
.nlb h1{
	font-size: 22px; color: #333; margin-bottom: 30px;
}
.nlb p{
	font-size: 16px; color: #666; height: 60px; line-height: 30px; overflow: hidden; text-align: justify;
}
.nlist a:hover h1{
	color: #0e357d;
}
.ncon{
	width: 1100px; margin: auto; max-width: 94%; padding: 50px 0;
}
.ncbt{
	font-size: 24px; color: #202020; font-weight: bold; text-align: center;
}
.ncsj{
	font-size: 15px; color: #202020; text-align: center; padding: 20px 0; border-bottom: 1px dashed #e1e0e6;
}
.ncbc{
	padding: 50px 0; text-align: justify; line-height: 35px; font-size: 16px; color: #333;
}
.ncbc img{
	display: block; margin: 10px auto;
}
.ye{
	padding-top: 80px;
}
.tit{
	display: flex; justify-content: center; flex-direction: column; align-items: center;
}
.tit h1{
	color: #f0f0f0; font-size: 50px; font-weight: bold; font-family: 'Arial';
}
.tit p{
	font-size: 30px; color: #0e357d; font-weight: bold;
}
.lianxi{
	padding: 50px 0; display: flex; justify-content: space-between; width: 1280px; margin: auto; max-width: 94%;
}
.lxa{
	width: 45%;
}
.lxa h1{
	font-size: 50px; color: #e5e5e5; font-weight: bold; font-family: 'Arial';
}
.lxa h2{
	font-size: 30px; color: #333; border-bottom: #666666 solid 2px; padding-bottom: 20px;
}
.lxa div{
	border-bottom: #e6e6e6 solid 1px; margin-top: 20px; display: flex; justify-content: space-between; padding-bottom: 40px;
}
.lxa div p{
	font-size: 16px; color: #666;
}
.lxa div span{
	color: #999; font-size: 16px;
}
.lxb{
	width: 45%;
}
.lxb iframe{
	width: 100%; height: 370px;
}
.ab{
	height: 545px; overflow: hidden;
}
.inxm{
	padding: 0 5%;
}
.inxm .swiper {
	width: 100%;
	height: 340px;
	margin-top: 50px;
	margin-bottom: 80px;
}
.inxm .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}
.inxm .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.inxm .swiper-slide p{
	position: absolute; width: 100%; height: 100%; left: 0; top: 0; justify-content: center; align-items: center; background: rgba(0,0,0,0.5);
	color: #fff; cursor: pointer; display: none;
}
.inxm .swiper-slide:hover p{
	display: flex;
}
.inser{
	background-image: url(../image/service_bg.png); background-position: center; background-repeat: no-repeat;
	height: 600px; margin-top: 50px;
}
.ins{
	display: flex; justify-content: space-between; align-items: center; height: 100%; max-width: 94%; width: 1400px; margin: auto;
}
.ins a{
	display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.ins a label{
	display: flex; justify-content: center; align-items: center; overflow: hidden; width: 90px; height: 90px; cursor: pointer;
	border-radius: 50%;
}
.ins a label img{
	max-width: 100%; height: 100%;
}
.ins a p{
	font-size: 16px; color: #fff; margin-top: 30px;
}
.ins span{
	border-top: 1px solid #C7CCD5; width: 120px; height: 43px;
}
.ins span:last-child{
	display: none;
}
.sanxian{
	display: none;
}
.sanxian i{
	font-size: 30px; color: #fff; cursor: pointer;
}
.wapnav{
	width:100%; background-color:#F8F8F8; height:auto; position: fixed; z-index: 999; top: 60px; display: none;
}
.wapnav li{
	padding:0px; font-size:16px; color:#777777;
}
.wapnav li a{
	color:#777777;
}
.wapnav dl{
	padding-left:30px; border-bottom:1px solid #E7E7E7; display:none;
}
.wapnav dl dd{
	line-height:35px; font-size:14px;
}
.wapnav span{
	 display:block; line-height:40px; padding-left:10px; border-bottom:1px dashed #E7E7E7;
}
.wapnav .navmoon{
	 background-color:#E6E6E6;
}
.xlist{
	display: flex; justify-content: space-between; flex-wrap: wrap;
}
.xlist:after{
	content: '';
	width: 30%;
}
.xlist a{
	width: 370px; background-color: #F7F7F7; display: flex; flex-direction: column; margin-bottom: 50px;
}
.xlist a label{
	display: flex; padding: 20px; height: 250px; justify-content: center; align-items: center; cursor: pointer;
}
.xlist a label img{
	max-width: 100%; max-height: 100%;
}
.xlist a p{
	text-align: center; font-size: 16px; color: #999; text-align: center; padding-bottom: 30px;
}