li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
.relative{ position: relative;}
.tc{ text-align: center;}


.lift-nava{  position: fixed; left: 0; top: 50%; z-index: 99999; padding-left: 30px; margin-top: -150px; }
.lift-nava .lifta{border-left: 2px solid #e2e2e2; padding: 10px 20px;}
.lift-nava .lifta li{ line-height: 30px;position: relative;background: #f6f6f6; border-radius: 5px; padding: 0px 10px; margin-bottom: 10px; }
.lift-nava .lifta li.current{ color: #fff; background: #3b69d1; border-radius: 5px; padding: 0px 10px;}
.lift-nava .lifta li::before{content: ""; width: 10px; height: 10px; border-radius: 5px; background: #e2e2e2; display: block; position: absolute; left: -26px; top: 10px; }
.lift-nava .lifta .current::before{ background: #3b69d1;  }



.rnav{ position: fixed; right: 0; top: 50%; z-index: 99999;  margin-top: -137px; width: 120px; height: 275px;box-shadow: 0px 0px 15px 0px rgba(152,146,142,0.3); background: url(../images/r.png) no-repeat;}
.rnav li{ padding-left: 40px; line-height: 45px;}
.rnav li a{ color: #fff;}
.rnav li.icon1{ background: url(../images/r1.png) 5px 8px no-repeat;}
.rnav li.icon2{ background: url(../images/r2.png) 5px 8px no-repeat;}
.rnav li.icon3{ background: url(../images/r3.png) 5px 8px no-repeat;}
.rnav li.icon4{ background: url(../images/r4.png) 5px 8px no-repeat;}
.rnav li.icon5{ background: url(../images/r5.png) 5px 8px no-repeat;}
.rnav li.icon6{ background: url(../images/r6.png) 5px 8px no-repeat;}
@media screen and (max-width:1600px) {
	.rnav {
		right: -79px !important;
		transition: all linear .2s !important
	}

	.rnav:hover {
		right: 0 !important
	}

	.lift-nava {
		left: -80px !important;
		transition: all linear .2s !important
	}

	.lift-nava:hover {
		left: 0 !important
	}
}

.w1180{ width: 1180px; margin: 0 auto;}
.zt-header{ width: 100%;box-shadow: 0px 0px 5px 0px rgba(152,146,142,0.3); z-index: 999; height: 66px; background-color: #fff; position: fixed; left: 0; top: 0;}
.zt-header h1 img{margin-top: 15px;}
.zt-header .tel{background: #3b69d1; border-radius: 5px; color: #fff; margin-top: 15px; display: inline-block;  padding: 8px 10px;}
.zt-header .tel i{ background: url(../images/tel.png) no-repeat; background-size: 20px 20px; width: 20px; height: 20px; vertical-align: bottom; display: inline-block; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 50%!important; margin-left: -640px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 50%!important;margin-right: -640px;}

.nav_menu {line-height: 66px; margin-left: 150px;text-transform: uppercase;}
.nav_menu-item {display: inline-block;position: relative; float: left; margin-right: 1px; }
.nav_menu-item a{color: #000000;padding: 0 30px; display: block;}
.nav_menu-item:hover,.nav_menu-item.on {background-color: #3b69d1; }
.nav_menu-item:hover a,.nav_menu-item.on a{color: #fff;}
.nav_menu-item:hover .nav_submenu {display: block;}
.nav_submenu {text-transform: none;display: none; z-index: 1;  position: absolute;width: 220px;background-color: #fff;box-shadow: 0px 0px 15px 0px rgba(152,146,142,0.16); border-radius: 5px;}
.nav_submenu-item a{ color: #000!important; line-height: 55px; }
.nav_submenu-item:hover {background: #edf0f5;}
.nav_submenu::before {content: "";position: absolute; z-index: -1;top: -5px;left: 60px;width: 10px;height: 10px;border: 1px solid #e5e5e5;transform: rotate(45deg);border-right: transparent;border-bottom: transparent;background: #fff;}

.zt-banner{ overflow: hidden; margin-top: 66px; background: url(../images/banner.jpg) center 0 no-repeat;}
.zt-banner a{ width: 100%; height: 560px; display: block;}

.zttitle{ text-align: center; margin: 60px auto 40px; height: 120px; position: relative;}
.zttitlebg1{ background: url(../images/t1.png) center 0 no-repeat;}
.zttitlebg2{ background: url(../images/t2.png) center 0 no-repeat;}
.zttitlebg3{ background: url(../images/t3.png) center 0 no-repeat;}
.zttitlebg4{ background: url(../images/t4.png) center 0 no-repeat;}
.zttitlebg5{ background: url(../images/t5.png) center 0 no-repeat;}
.zttitlebg6{ background: url(../images/t6.png) center 0 no-repeat;}
.zttitlebg7{ background: url(../images/t7.png) center 0 no-repeat;}

.zt-box1{ overflow: hidden; text-align:center; position: relative; background:#fafafa url(../images/b1bg.jpg) bottom center no-repeat; min-height: 800px;  }

.zt-box2{ overflow: hidden;}
.zt-box2 ul{}
.zt-box2 ul li{ width: 31.3%; float: left; margin: 0 1%;}
.zt-box2 ul li p{ margin-top: 10px; color: #120380; line-height: 1.5; font-size: 12px;}
.zt-box2 ul li img{ width: 100%;}
.zt-box2 .b2data{color: #120380;}
.zt-box2 .b2data span{ width: 25%; float: left; padding:40px 0 0 20px; box-sizing: border-box;}
.zt-box2 .b2data span b{ font-size: 46px; margin-right: 10px;}

.zt-box3{  padding-top: 30px;}
.zt-box3 .swiper-container{ overflow: inherit;}
.zt-box3 h3{ font-size: 24px;}
.zt-box3 p{ text-align: center; font-size: 14px; color: #999; margin-top: 5px; }
.zt-box3 .swiper-slide div{ width: 90%;height: 600px; padding-top: 30px;}
.zt-box3 .swiper-slide img{ width: 29.3%; float: left; margin: 20px 2%; display: block;}

.zt-box4{ background: url(../images/bg4.gif) center 0 repeat-y; text-align: center; padding: 50px 0; margin-top: 30px;}
.zt-box4 h3{ font-size: 24px; color: #fff;}
.zt-box4 p{ text-align: center; font-size: 14px; color: #fff; margin-top: 10px; }
.zt-box4 img{ margin: 40px 0;}

.zt-box5{ padding: 50px 0; margin-top: 30px;  display: block; height: 1000px;background: url(../images/b5bg.png) center 0 no-repeat;}
.zt-box5 .swiper-slide{ background: none;}
.zt-box5 .swiper-slide div{box-shadow: 0px 0px 15px 0px rgba(152,146,142,0.3); background: #fff; padding: 40px 20px 20px; margin: 20px 0; border-radius: 20px;}
.zt-box5 .swiper-slide div img{ width: 100%; height:775px;}
.zt-box6 {background: url(../images/b6bg.png) center 100px no-repeat;}
.zt-box6 .tab {position: relative;height: 600px;overflow: hidden; border: 2px solid #dfdbdb; margin-bottom: 80px;  }
.tab-nav {height: 60px;overflow: hidden;background: #fff;border-bottom: 1px solid #dfdbdb;}
.tab-nav a {display: block;float: left;width: 25%;height: 60px;line-height: 60px;text-align: center;text-decoration: none;color: #0f0786; font-weight: bold;}
.tab-nav a.current {background: #fad743;color: #0f0786;}
.tab-con {position: relative;width: 100%;height:auto;overflow: hidden;background: #fff; }
.tab-con-item {display: none; height:auto; padding: 30px; color: #0f0786; font-size: 14px;}
.tab-con-item span{ }
.tab-con-item b{}
.zt-box6 img.fl{ margin: 0px 30px 0 0px;}
.zt-box6 h3{ margin-bottom: 20px;}
.zt-box6 .ttbox{ float: left; width:900px ;}
.zt-box6 p{padding: 8px 0; position: relative; display: -webkit-box; width: 100%;}
.zt-box6 p span{ position: relative; display: block; float: left;  width: 800px;}
.zt-box6 b{ padding-left: 30px; position: relative; float: left;}
.zt-box6 b.bb1{ background: url(../images/b61.png) no-repeat; background-size: 20px 20px;}
.zt-box6 b.bb2{ background: url(../images/b62.png) no-repeat; background-size: 20px 20px;}
.zt-box6 b.bb3{ background: url(../images/b63.png) no-repeat; background-size: 20px 20px;}
.zt-box6 b.bb4{ background: url(../images/b64.png) no-repeat; background-size: 20px 20px;}
.zt-box6 b.bb5{ background: url(../images/b61.png) no-repeat; background-size: 20px 20px;}
.zt-box6 b.bb6{ background: url(../images/b65.png) no-repeat; background-size: 20px 20px;}
.zt-box6 .js{ overflow: hidden; display: block; height: 120px;}
.zt-box6 .js span{ text-align: center; width: 60px; float: left; margin-right: 20px;}
.zt-box6 .js span:last-child{ width: 200px; line-height: 80px;}
.zt-box6 .js span img{ width: 60px;}
.zt-box6 .btn{ background: #fdb203; padding: 10px 20px; color: #fff; border-radius: 5px; margin-right: 10px;}
.zt-box6 .btn:hover { background:#025fea ;}

.zt-box7{overflow: hidden; display: block; background: url(../images/bg4.gif) center 0 repeat-y; padding: 0px 0 80px; }
.zpmenu{overflow:hidden; background: #fff; }
.zpmenu dl{width:100%;float:left;height:418px;}
.zpmenu dt{width:100px;float:left;height:418px;box-shadow: 0px 0px 15px 0px rgba(152,146,142,0.3); }
.zpmenu .ss1 dt{ background: url(../images/ztab1.png) no-repeat; background-size: contain;}
.zpmenu .ss1 dt.open{ background: url(../images/ztab1a.png) no-repeat; background-size: contain;}
.zpmenu .ss2 dt{ background: url(../images/ztab2.png) no-repeat; background-size: contain;}
.zpmenu .ss2 dt.open{ background: url(../images/ztab2a.png) no-repeat; background-size: contain;}
.zpmenu .ss3 dt{ background: url(../images/ztab3.png) no-repeat; background-size: contain;}
.zpmenu .ss3 dt.open{ background: url(../images/ztab3a.png) no-repeat; background-size: contain;}
.zpmenu .ss4 dt{ background: url(../images/ztab4.png) no-repeat; background-size: contain;}
.zpmenu .ss4 dt.open{ background: url(../images/ztab4a.png) no-repeat; background-size: contain;}

.zpmenu dt img{width:100px;display:block;float:left;height:418px;cursor:pointer}
.zpmenu dd{position:relative;width:780px;display:block;float:left;height:418px;}
.zpmenu .zpinfor{ padding: 30px 30px 0;width:780px; height: 400px; box-sizing: border-box;}
.zpmenu .zpinfor .swiper-slide div{float:left;background: #f5f7f9; color: #0f0786; margin: 0 10px; width: 190px; height: 350px;}
.zpmenu .zpinfor .swiper-slide div img{ width: 150px; padding: 20px ;}
.zpmenu .zpinfor h3{ font-size: 18px; padding: 0px 10px;}
.zpmenu .zpinfor p{ font-size: 14px;padding: 0 10px; text-align: left; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;}
.zpmenu .swiper-container{ }
.zpmenu .swiper-pagination{ }

.zt-box8{}
.zt-box8 h3{ background: #b9d4ff; color: #0f0786; line-height: 55px;}
.zt-box8 h3.h3{ background: #e3d59a;}
.zt-box8 .swiper-slide div{ padding: 30px;}
.zt-box8 .swiper-slide div p{ color: #0f0786; font-size: 14px; padding-top: 20px; text-align: left;}
.zt-box8 .swiper-slide div p b{ font-size: 18px; color: #f239b4; font-weight: normal;}

.zt-box9{ display: block; padding-bottom: 100px; padding-top: 40px; background: url(../images/b9bg.jpg) center 0 no-repeat; text-align: left; position: relative; }
.zt-box9 .tu{ width: 237px; height: 604px; position: absolute; left: 50%; margin-left: -960px; top: -300px; background: url(../images/b5bg2.png) no-repeat;}
.zt-box9 h3{ line-height: 50px;}
.zt-box9 .b91{ background: url(../images/b91.png) no-repeat; padding: 50px 20px 0 250px; height: 300px; box-sizing: border-box; width: 1065px; margin: 0 auto;}
.zt-box9 .b92{ background: url(../images/b92.png) no-repeat;padding: 50px 250px 0 20px; height: 300px; box-sizing: border-box; width: 1065px; margin: 0 auto;}
.zt-box9 .b93{ background: url(../images/b93.png) no-repeat;padding: 50px 20px 0 250px; height: 300px; box-sizing: border-box; width: 1065px; margin: 0 auto;}

.aui-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative; margin-bottom: 15px;
}

.aui-flex-box {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
	font-size: 14px;
	color: #333
}

.aui-flexView {
	width: 100%;
	height: 100%;
	max-width: 750px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.aui-scrollView {
	width: 100%;
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	position: relative;
	margin-top: 0px
}
.aui-ver-form {
	background: #fff;
	border-radius: 5px;
	width: 500px;
	margin: 50px auto 50px;
	position: relative;
	z-index: 2;
	padding: 30px;
}



.aui-ver-form .aui-flex-box {
	background: #fff;
	position: relative
}

.aui-ver-form .aui-flex-box input {
	height: 50px;
	line-height: 50px;
	padding: 0px 0 0 50px; box-sizing: border-box;
	background: 0 0; font-size: 14px;
	border: 0;
	border-radius: 5px;
	border: 1px solid #e1e1e1;box-sizing: border-box;
	width: 100%
}

.aui-ver-form h2 {
	font-size: 30px;
	font-weight: bold; text-align: center;
	color: #0f0786; line-height: 2;
}

.aui-ver-form .aui-flex {
	padding: .2rem 0 0;
}

.aui-ver-button {
	margin-bottom: .3rem; margin-top: .2rem;
}

.aui-ver-button button {
	background-color: #0f0786;
	border-radius: 5px;
	color: #fff;
	border: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 14px; text-align: center;
	box-shadow: 0 5px 9px #dadefd
}
#code1{ border-top-right-radius: 0;border-bottom-right-radius: 0;}
.aui-button-code input {
	background-color: #3b69d1;
	color:#fff;
	border: 0;
	border-left: 8px solid #fff;/* border: 1px solid #e1e1e1; */
	width: 100%;
	height: 50px;
	border-radius: 5px; padding: 0 10px;
	font-size: 14px;
}
.icon{ width: 30px; height: 30px; display: block; position: absolute; left: 10px; top: 10px;}
.icon-name{ background: url(../images/i1.png) center no-repeat;}
.icon-phone{ background: url(../images/i2.png) center no-repeat;}
.icon-code{ background: url(../images/i3.png) center no-repeat;}
.footer{
	margin-top: -87px;
	background: #3A3F48;
	font-size: 16px;
	line-height: 32px;
	color: #BBBCBD;
	padding: 42px 0 87px;
}
.footerCon{
	width: 1075px;
	margin: 0 auto;
}
.fColumn{
	width: 425px;
	float: left;
}
.fColumn:first-child{
	width: 650px;
}



