@charset "utf-8";
* { margin: 0; padding: 0; }
li { list-style: none;}
img:not([src]),img[src=""] {opacity: 0;}
img{display:inline-block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;vertical-align: middle;}
a { text-decoration: none; color: #000; outline: none; }
body {font-family: "microsoft yahei";overflow-x: hidden; background-color:#ebeff5;}
input { outline: none; }
.fl {float: left;}
.fr { float: right; }
.wrap {width:90%;margin: 0 auto;}
.clear{clear: both;}
.clear:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden; }
@font-face{
    font-family: 'SourceHanSansSC-Regular';
    src : url('../fonts/SourceHanSansSC-Regular.OTF');
}
@font-face{
    font-family: 'SourceHanSansSC-Light';
    src : url('../fonts/SourceHanSansSC-Light.OTF');
}

.head{width:100%;position: fixed;top:0;left:0;height:180px;z-index:9;background:url(../images/head-bj.png) top repeat-x;background-size: contain;}

.top01{position: relative;}
.nav-box{float:left;z-index:999; width:100%;height:80px;}
.header_right{float:right; position:relative;margin-top:30px;}
.header_right p{float:left;color:#fff; line-height:50px;}
.header_right p a{margin-left:10px;font-size:15px;color:#fff;}
.header_right p a:hover{color:#F90;}
.header_right .map{float:left;padding:0 0px;margin-right:10px;}
.header_right .search{float:left;padding-left:15px;margin-left:10px;margin-top:6px;}
.header_right .search img{ width:40px; height:40px;}

.headon{position:fixed;top:0;left:0;width:100%;height:180px;z-index:9;margin-top:0px;background-color:#2d56a4;}
.headon .nav-box{height:180px; }
.headon .nav-box .logo1{float:left;width:auto; height:75px;margin-top:25px;}
.headon .nav-box .logo1 img{width:auto; height:75px;}
.headon #navul li a{color:#ffffff;}
.headon #navul li ul li a {color: #000;}
.headon{opacity: 1;transform: translateY(-100%);}
.head.showdiv .top01{transform: translateY(-100%);}
.head.showdiv .headon{transition: all 0.4s ease-in-out 0.3s;transform: none;opacity: 1;}	

.container{width:100%; height:1000px;background:#f7f7f7;}

.bodybg {
	width:100%;
	background-color:#eef3ff;
}
.nav-box .logo{float:left;width:auto; height:75px;margin-top:25px;}
.nav-box .logo img{width:auto;height:75px;}

.navbg {float:left;width:100%;height:60px;box-sizing: border-box;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.1); 
margin-top:20px;}
#navul{
	margin:0 auto;
	width:80%;
}
#navul li {
	float: left;
	width: 10%;
	height: 50px;
	text-align: center;
	line-height:60px;
	font-size:20px;
}
#navul li a {color: #fff;}


#navul li ul {
	width:150px;
	display: none;
	position: absolute;
	z-index: 999;
	background:#fff;
	border-top:1px solid #2d56a4;
	margin-left:4px;
}
#navul li ul li {
	display: block;
	width: 100%;
	height:50px;
	line-height:50px;
	font-size:18px;
	text-align: center;
	border-bottom:1px solid #dedede;
}
#navul li ul li a {
	color: #000;
}

#navul li.navmoon {
	width:10%;
	height: 60px;
	line-height: 60px;
	font-size:20px;
	color:#FFF;
	
}
#navul li.navmoon a {
	font-weight:500;
}
#navul li.navmoon a:hover {
	color: #fff;
	font-weight:500;
	display: block;
}
#navul li.navmoon ul {
	display: block;
	
}
#navul li.navmoon ul a:hover {
	background:#734a36;
	color: #fff;
	font-weight:500;
}

.banner_box{margin: 0;}
.banner_box{padding: 0px;position: relative;z-index:3;overflow: hidden;}
.banner{overflow:hidden;}
.banner:after{content: "";position: absolute;right:0;bottom:0;left: 0;z-index:1;height:25vh;background:url(../images/banner-bottom.png)center bottom repeat-x;}
.banner .a{ display: block; position: relative; z-index:1; overflow: hidden; }
.banner .imgBox{overflow:hidden; width:100%; }
.banner .imgBox img{width:100%;}
.banner .imgBox .img{ padding-bottom:0%; transition: 0s;}
.banner.on ul li.swiper-slide-active .a .imgBox img, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox img, .banner.on ul li.swiper-slide-prev .a .imgBox img{ animation: sca 6s linear 0s normal both;}

.banner .bottom{
	margin:0 auto;
	position: absolute;
	width:500px;
	right:35%;
	bottom:5%;
	z-index:999;
	}

.banner .wp{ justify-content: flex-end; align-items: center;}
.banner .time{ position: relative;}
.banner .time img{width:25px;}
.banner .time::before{ content: "";position: absolute;top:50%;left:100%; margin: -.5px 0 0 0;width:100vw;}    
.banner .dots{align-items: center;z-index: 1;}
.banner .dots span{width:90px;height:90px;background: url(../images/banner-icon-3d.png)right no-repeat;opacity:1;transform: scale(1); }
.banner .dots span:nth-child(5){background:none;}
.banner .dots span:before{content: "";position: absolute;top:0;left:0;width:100%;height:100%;background: url(../images/banner-icon.png) 8px no-repeat;}
.banner .dots span.active{background: url(../images/banner-icon-on1.png) center no-repeat; transform: scale(1);
z-index:999;}
.banner .dots span.active:nth-child(5){background: url(../images/banner-icon-on2.png) center no-repeat; }







.big-table-foot {
	width:100%;
	background: url(../images/foot-bj.png)top center no-repeat;
	background-size:cover;
	padding-top:50px;
	
}

.foot-table {
	margin: 0px auto;
	width:80%;
	height:auto;
	padding-bottom:90px;
}
.foot-top {
	float: left;
	width:100%;
	height:60px;
	margin-left:50px;
	padding-top:20px;
}
.foot-logo {
	float: left;
	width:50%;
	height:60px;
}
.foot-logo img{
	width:100%;
	height:auto;
	overflow:hidden;
}

.foot-right {
	float:right;
	width:500px;
	height:60px;
	margin-right:75px;
}

.foot-yqlj {
	float:left;
	width:300px;
	height:56px;
	}
	
.foot-yqlj .typeSelect{
	float:left;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	height:56px;
	box-sizing: border-box;
    border:1px solid rgba(255, 255, 255, 0.2);
	font-size: 18px;
	font-weight: normal;
	line-height: 26px;
    color: rgba(255, 255, 255, 0.95);
    padding-left:20px;
	padding-right:20px;
	background: url(../images/xjt.png)230px 25px no-repeat;
	}
.foot-yqlj .typeSelect:focus {
    outline: none;
    box-shadow: none;
}

.foot-yqlj .typeSelect option{
    background: rgba(51, 95, 179, 0.85);
	font-family: Alibaba PuHuiTi 2.0;
	font-size:15px;
	font-weight: normal;
	line-height: 26px;
}	
.typeSelect option:hover {
  background-color:#335fb3;
}
.typeSelect option:checked {
  background-color: #335fb3;
}

.foot-lxfs {
	float:left;
	width:calc(100% - 90px);
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	margin-left:50px;
	margin-top:45px;
	padding-top:40px;
	padding-bottom:85px;
}
.lxfs {
	float:left;
	font-family: Alibaba PuHuiTi 2.0;
	font-size:16px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 40px;
	padding-right:32px;
}

.lxfs:nth-child(4) {
	float:right;
	width:calc(25% - 100px);
	padding-right:0px;
}
.bq {
	float:left;
	width:100%;
	height:60px;
	color: rgba(255, 255, 255, 0.8);
	font-family: Source Han Sans;
	font-size:16px;
	font-weight: normal;
	line-height:60px;
	letter-spacing: 0em;
	text-align: center;
	background-color:#2d56a4;
}
#gotop{float:right;width:64px;height:64px;z-index:9; margin-right:4%; margin-top:-80px;}
#gotop img{width:64px;height:64px;}


.foot-wxwb {
	float:right;
	width:160px;
	height:50px;
	margin-top:5px;
}	
.icon-wxwb{
	float:left;
	width: 50px;
	height:50px;
	background: rgba(255, 255, 255, 0.2);
	border-radius:25px;
	margin-left:25px;
	position: relative;
}
.icon-wxwb img{
	width:25px;
	height:20px;
	margin-top:15px;
	margin-left:12px;
}

.qrcode-pop{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
	width:100px;
	height:100px;
	background: rgba(255, 255, 255, 0.8);
	border-radius:5px;
	z-index:999;
	transition: opacity 0.95s ease;
	padding:8px;
}
.qrcode-pop img{
	width:100%;
	height:100%;
	margin:0;
}
.qrcode-pop::after{
	content:'';
	position:absolute;
	bottom:-12px;
	left:50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;

	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top:12px solid rgba(255, 255, 255, 0.8);
}
/* hover状态：显示弹窗 */
.icon-wxwb:hover .qrcode-pop{
	opacity: 1;
	visibility: visible;
}