@charset "UTF-8";
a{
	color: #3D446E;
}
.link-class{
	list-style: none;
}
.link-class li{
	margin-right: 20px;
}
.link-class li a{
	color: #BFBFBF;
}
.swiper-container {
	/* height: 100px; */
	width: calc(100% - 100px);
	margin: 0 auto;
	overflow: hidden;
}
.hzhb{
	background-color: #fff;
	width: 100%;
	height: 509px;
	padding-top: 50px;
}
.footer{
	width: 100%;
	height: 334px;
	background: #252D35;
	padding-top: 50px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 16px;
	color: #BFBFBF;
}
.footer-link{
	height: 90px;
	border-bottom: 1px solid #404A53;
	margin-bottom: 36px;
	line-height: 36px;
}
a, a:hover{
	text-decoration: none;
}
.min-1300{
	min-width: 1300px;
}
.zx-box{
	height: 260px;
	width: 100%;
	padding-top: 50px;
	background-image: url('./img/zx.jpg');
	background-size: 1920px 260px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #deeeff;
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 24px;
	color: #515151;
}
.contact-msg{
	font-size: 18px;
	margin-top: 20px;
}
.contact-msg div{
	display: flex;
	align-items: center;
	margin-right: 30px;
}
.contact-msg div img{
	margin-right: 7px;
}

.zx-button{
	width: 130px;
	height: 36px;
	background: #1697FF;
	border-radius: 5px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 36px;
	margin-top: 32px;
	text-align: center;
}
.hg-fa-title{
	height: 177px;
	width: 100%;
	padding-top: 70px;
	background-color: #fff;
}
.hg-fa-bg{
	background-image: linear-gradient(to right, #3380e9, #3380e9, #f6fcff, #f6fcff);
}
.hg-fa{
	height: 597px;
	width: 100%;
	background-image: url('./img/hg-fa.jpg');
	background-size: 1919px 597px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.hg-fa .title{
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 22px;
	color: #FFFFFF;
	padding-top: 50px;
}
.hg-fa .sub-title{
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 12px;
}
.hg-fa-item-box{
	margin-top: 45px;
	border-left: 1px solid #FFFFFF;
}
.hg-fa-item{
	margin-top: 30px;
	width: 280px;
	height: 62px;
	border-left: 7px solid rgba(0, 0, 0, 0);
	padding-left: 20px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 22px;
	color: #FFFFFF;
	line-height: 62px;
	cursor: pointer;
}
.hg-fa-item.active{
	background-image: linear-gradient(to right, rgba(255,255,255,0.29), rgba(255,255,255,0));
	border-left: 7px solid #fff;
}
.hg-fa-item:nth-of-type(1){
	margin-top: 0;
}
.hg-fa-wt{
	width: 960px;
	height: 382px;
	position: absolute;
	top: 117px;
	right: 0;
	background-color: rgba(255, 255, 255, 0.88);
	border-radius: 10px;
	padding: 50px 60px 0 75px;
	opacity: 0;
}
.hg-fa-wt-title{
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 22px;
	color: #3D446E;
}
.hg-fa-wt-sub-title{
	margin-top: 34px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 16px;
	color: #64698B;
	line-height: 36px;
	height: 160px;
}
.hg-fa-button{
	width: 124px;
	height: 40px;
	background: #FFFFFF;
	border-radius: 5px;
	border: 1px solid #4C94FF;
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 16px;
	color: #4C94FF;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}
.hg-fa-sub-button{
	width: 124px;
	height: 40px;
	background: #4C94FF;
	border-radius: 5px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	margin-right: 36px;
	cursor: pointer;
}
.hg-sv{
	height: 656px;
	width: 100%;
	padding-top: 70px;
	background-image: url('./img/hg-sv.jpg');
	background-size: 1919px 656px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #eaf7ff;
}
.hg-sv-item{
	width: 216px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 18px;
	color: #3D446E;
	line-height: 28px;
}
.hg-sv-item-img{
	width: 100px;
	height: 85px;
	cursor: pointer;
}
.ys-box{
	width: 100%;
	height: 689px;
	background-image: url('./img/ys.png');
	background-size: 1919px 689px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #e6eafa;
}
.hg-sy{
	background-color: #fff;
	width: 100%;
	height: 668px;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 50px;
	background-image: url('./img/hg-sy-bg.png');
}
.sy1{
	background-image: url('./img/sy1.png');
}
.sy2{
	background-image: url('./img/sy2.png');
}
.sy3{
	background-image: url('./img/sy3.png');
}
.sy4{
	background-image: url('./img/sy4.png');
}
.sy5{
	background-image: url('./img/sy5.png');
}
.sy6{
	background-image: url('./img/sy6.png');
}
.hg-sy-item {
	width: 387px;
	height: 140px;
	background-size: 100% 100%;
	padding: 42px 0 0 25px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 18px;
	color: #3D446E;
	cursor: pointer;
}
.hg-sy-item.fade-in:hover{
	position: relative;
	transform: translateY(-6px);
	transition: all 0.5s;
}
.hg-sy-item .hg-sy-button{
	font-family: Source Han Sans CN;
	font-weight: 500;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 14px;
	color: #006EFF;
	margin-top: 18px;
	border-radius: 5px;
	border: 1px solid #4C94FF;
	width: 87px;
}
.hg-data-item .title{
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 18px;
	color: #3D446E;
}
.hg-data-item .sub-title{
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 14px;
	color: #8B8FA8;
}
.hg-data-item-img{
	width: 42px;
	height: 42px;
	margin-left: 20px;
	margin-right: 10px;
}
.hg-data{
	width: 100%;
	/* height: 570px; */
	background-image: url('./img/data-bg01.jpg');
	background-size: 1920px 100%;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 40px 0 60px;
}
.top-bar{
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 22px;
	color: #1B1E24;
	height: 80px;
	background-color: #FFFFFF;
	position: sticky;
	top: 0;
	z-index: 2;
}
.top-bar-item{
	width: 23%;
	height: 80px;
	color: #353C58;
}
.tob-bar-item-img{
	width: 65px;
	height: 60px;
}
.bar-line{
	width: 1px;
	height: 50px;
	background: #CAE1FF;
}
.box-fisrt-title{
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 28px;
	color: #353C58;
}
.box-second-title{
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 14px;
	color: #64698B;
}
.hg-data-box{
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	padding: 28px 84px 28px 84px;
	margin-top: 32px;
	background-image: url('./img/data-box-gb.png');
	background-repeat: no-repeat;
	background-position: right bottom;
}
.hg-flex-box::after{
	content: '';
	display: block;
	width: 302px;
	border:1px solid transparent;
}
.hdfwBox-line{
	justify-content: flex-start !important;
}
.hdfwBox-line::after{
	content: '';
	display: block;
	/* width: 216px; */
	border:1px solid transparent;
}

.hgxtBox-line::after{
	content: '';
	display: block;
	width: 387px;
	border:1px solid transparent;
}
.hg-data-item{
	height: 80px;
	width: 302px;
	border-radius: 5px;
	cursor: pointer;
}
.hg-data-item:hover{
	background: #F0F6F9;
	transition: all 0s;
}
.hg-data-item:hover .title{
	color: #1669E3;
}

*{box-sizing: border-box;margin: 0;padding: 0;}
body{background-color: #F7F9FF;min-width: 1200px; overflow-x: hidden;}
a:hover{text-decoration-line: none;color: unset;}
.unset{color: unset;}
.margin{margin: 16px;}
.margin-left{margin-left: 16px;}
.margin-right{margin-right: 16px;}
.margin-top{margin-top: 16px;}
.margin-bottom{margin-bottom: 16px;}
.padding{padding: 16px;}
.padding-left{padding-left: 16px;}
.padding-right{padding-right: 16px;}
.padding-top{padding-top: 16px;}
.padding-bottom{padding-bottom: 16px;}
.margin-20{margin: 20px;}
.margin-left-20{margin-left: 20px;}
.margin-right-20{margin-right: 20px;}
.margin-top-20{margin-top: 20px;}
.margin-bottom-20{margin-bottom: 20px;}
.padding-20{padding: 20px;}
.padding-left-20{padding-left: 20px;}
.padding-right-20{padding-right: 20px;}
.padding-top-20{padding-top: 20px;}
.padding-bottom-20{padding-bottom: 20px;}
.margin-12{margin: 12px;}
.margin-left-12{margin-left: 12px;}
.margin-right-12{margin-right: 12px;}
.margin-top-12{margin-top: 12px;}
.margin-bottom-12{margin-bottom: 12px;}
.padding-12{padding: 12px;}
.padding-left-12{padding-left: 12px;}
.padding-right-12{padding-right: 12px;}
.padding-top-12{padding-top: 12px;}
.padding-bottom-12{padding-bottom: 12px;}
.margin-40{margin: 40px;}
.margin-left-40{margin-left: 40px;}
.margin-right-40{margin-right: 40px;}
.margin-top-40{margin-top: 40px;}
.margin-bottom-40{margin-bottom: 40px;}
.padding-40{padding: 40px;}
.padding-left-40{padding-left: 40px;}
.padding-right-40{padding-right: 40px;}
.padding-top-40{padding-top: 40px;}
.padding-bottom-40{padding-bottom: 40px;}
.margin-4{margin: 4px;}
.margin-left-4{margin-left: 4px;}
.margin-right-4{margin-right: 4px;}
.margin-top-4{margin-top: 4px;}
.margin-bottom-4{margin-bottom: 4px;}
.padding-4{padding: 4px;}
.padding-left-4{padding-left: 4px;}
.padding-right-4{padding-right: 4px;}
.padding-top-4{padding-top: 4px;}
.padding-bottom-4{padding-bottom: 4px;}
.margin-8{margin: 8px;}
.margin-left-8{margin-left: 8px;}
.margin-right-8{margin-right: 8px;}
.margin-top-8{margin-top: 8px;}
.margin-bottom-8{margin-bottom: 8px;}
.padding-8{padding: 8px;}
.padding-left-8{padding-left: 8px;}
.padding-right-8{padding-right: 8px;}
.padding-top-8{padding-top: 8px;}
.padding-bottom-8{padding-bottom: 8px;}
.margin-14{margin: 14px;}
.margin-left-14{margin-left: 14px;}
.margin-right-14{margin-right: 14px;}
.margin-top-14{margin-top: 14px;}
.margin-bottom-14{margin-bottom: 14px;}
.padding-14{padding: 14px;}
.padding-left-14{padding-left: 14px;}
.padding-right-14{padding-right: 14px;}
.padding-top-14{padding-top: 14px;}
.padding-bottom-14{padding-bottom: 14px;}
.margin-10{margin: 10px;}
.margin-left-10{margin-left: 10px;}
.margin-right-10{margin-right: 10px;}
.margin-top-10{margin-top: 10px;}
.margin-bottom-10{margin-bottom: 10px;}
.padding-10{padding: 10px;}
.padding-left-10{padding-left: 10px;}
.padding-right-10{padding-right: 10px;}
.padding-top-10{padding-top: 10px;}
.padding-bottom-10{padding-bottom: 10px;}
.margin-60{margin: 60px;}
.margin-left-60{margin-left: 60px;}
.margin-right-60{margin-right: 60px;}
.margin-top-60{margin-top: 60px;}
.margin-bottom-60{margin-bottom: 60px;}
.padding-60{padding: 60px;}
.padding-left-60{padding-left: 60px;}
.padding-right-60{padding-right: 60px;}
.padding-top-60{padding-top: 60px;}
.padding-bottom-60{padding-bottom: 60px;}

.icon-12{width: 12px;height: 12px;}
.icon-14{width: 14px;height: 14px;}
.icon-16{width: 16px;height: 16px;}
.icon-20{width: 20px;height: 20px;}
.text-12{font-size: 12px;}
.text-16{font-size: 16px;}
.theme{color: #1B64D8;}
a.theme:hover{color: #1B64D8;}
.grey{color: grey !important;}
.bold{font-size: bold;}
.round{border-radius: 5000px;}
.relative{position: relative;}

.h-100{height: 100%;}

/* 弹性布局 */
.flex{display: flex;display: -webkit-flex;display: -ms-flexbox;}
.flex-column{display: flex;display: -webkit-flex;display: -ms-flexbox;flex-direction: column;}
.wrap{flex-wrap: wrap;}
.align-center{align-items: center;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-stretch{align-items: stretch;}
.justify-start{justify-content: flex-start;}
.justify-end{justify-content: flex-end;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-around{justify-content: space-around;}

.line-one{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.line-two{overflow: hidden;text-overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;white-space: normal;}
.line-three{overflow: hidden;text-overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;white-space: normal;}
.relative{position: relative;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pointer{cursor: pointer;}
.border-bottom {border-bottom: 1px solid #D0D2E3;}
.shadow{box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.06);}



.header-infobox{
  height: 78px;
  width: 100%;
  box-shadow: 0px 7px 21px 0px rgba(49,49,49,0.24);
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.box-width{
  width: 1300px;
  margin: 0 auto;
}

.header-left{
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 28px;
	color: #3E3E3E;
}
.header-left span:nth-of-type(1) {
	color: #1550DA;
}
.header-right{
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 14px;
	color: #3E3E3E;
}
.header-right div{
	cursor: pointer;
}

.fade-in{
  transition: all 1s ease;
}
/*  */
.rotate-x{
  transform: rotateX(90deg);
}
.rotate-y{
  transform: rotateY(90deg);
  transition: all 1.5s ease;
}
.fade-in-up{
  transform: translateY(100px);
  opacity: 0;
}
.fade-in-right{
  transform: translateX(100px);
  opacity: 0;
}
.fade-in-left{
  transform: translateX(-100px);
  opacity: 0;
}
.fade-in.s4{
	transition: all 0.4s ease;
}
.fade-in.s7{
	transition: all 0.7s ease;
}
.fade-in.active{
  opacity: 1;
	transform: none;
}


/* 弹窗 */
#dialogIframe{
	position: fixed;
	width: 100%;
	height: 100vh;
	/* background-color: rgba(0, 0, 0, 0.5); */
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	align-items: center;
	justify-content: center;
}
#dialogIframe iframe,.dialog-body{
	width: 900px;
	height: 730px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 14px rgba(0,0,0,0.5);
}
.dialog-content{
	width: 900px;
	height: 730px;
	border-radius: 10px;
	overflow: hidden;
}
.dialog-content .title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	height: 50px;
	background: linear-gradient(to bottom, #6ba5f1, #4a8ae9);
	color: #fff;
	font-size: 20px;
	letter-spacing: 4px;
}
.dialog-content #closeBtn{
	cursor: pointer;
}
.dialog-content .content{
	background: #fff;
	height: calc(100% - 60px);
	padding: 15px 30px;
}
.input-line{
	margin-bottom: 14px;
}
.input-line .item{
	line-height: 24px;
	font-weight: bold;
	font-size: 14px;
	flex-direction: column;
	width: 46%;
}
.input-line .item-sq{
	line-height: 24px;
	font-weight: bold;
	font-size: 14px;
	flex-direction: column;
}
.input-line span{
	color: #ff0000;
	margin-left: 2px;
}
.input-line .item input{
	width: 95%;
}
.input-line .check-item input{
	width: auto;
}
.input-line input{
	border: 1px solid #aaa;
	line-height: 30px;
	border-radius: 4px;
	padding: 0 10px;
	outline: none;
}

.ckeck-line{
	font-weight: normal;
	margin-bottom: 5px;
}
.ckeck-line input{
	margin-right: 5px;
	cursor: pointer;
}
.ckeck-line label,#zxBtn{
	cursor: pointer;
}
.check-item{
	flex: 0.33;
}
.input-line.textarea-line .item{
	flex-direction: row;
}

.input-line.textarea-line .item textarea{
	width: calc(100% - 70px);
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 10px;
	outline: none;
}

.form-btn{
	cursor: pointer;
	background: #3380e9;
	color: #fff;
	border-radius: 6px;
	padding: 8px 12px 8px 14px;
	margin: 0 10px;
	margin-top: 15px;
	font-size: 14px;
	letter-spacing: 4px;
}
.form-btn:hover{
	background: #4f96f8;
}

#successTip{
	position: absolute;
	z-index: 99999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
}
#successTip span{
	width: 200px;
	height: 40px;
	line-height: 40px;
	background: #4f96f8;
	color: #fff;
	text-align: center;
	border-radius: 4px;
}

.code-start{
	padding: 6px 15px;
	border-radius: 4px;
	background: #3792df;
	color: #fff;
	letter-spacing: 4px;
	cursor: pointer;
}

#codeBox{
	position: absolute;
	z-index: 99999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
}

.code-main{
	background-color: #fff;
	width: 400px;
	height: 320px;
	border-radius: 10px;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
}
#codeImg{
	cursor: pointer;
	position: relative;
}
#codeImg img{
	width: 100%;
	height: 100%;
}
#codeImg div{
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #18dd6a;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
#tipText{
	color: #999;
	margin: 10px auto;
}
#tipText span{
	color: #ff0000;
	font-weight: bold;
}

.refresh-code{
	cursor: pointer;
	margin: 0 10px;
}
.code-line{
	margin-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.code-line div{
	width: 150px;
	height: 1px;
	background: #dbdbdb;
}
.load{
	position: absolute;
	width: 400px;
	height: 320px;
	background: rgba(255, 255, 255,0.8);
	z-index: 99;
	border-radius: 10px;
	line-height: 320px;
	text-align: center;
	color: #666;
}

#backToTopBtn{
  background: url(./img/gotop.png) no-repeat;
}

#dialogWaiting{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.01);
	z-index: 1000;
	display: none;
	justify-content: center;
	align-items: center;
}
#dialogWaiting .w-main{
	width: 520px;
	height: 320px;
	border-radius: 10px;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
#dialogWaiting .w-main div{
	font-size: 18px;
	color: #333;
	margin-top: 20px;
}

.swiper-slide{
	padding: 0 10px;
}
.swiper-slide div{
	padding: 10px;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 15px 0px;
	border-radius: 4px;
	overflow: hidden;
}
.swiper-slide img{
	height: 40px;
	width: auto;
}

.type-title{
	font-size: 16px;
	color: #666;
	line-height: 20px;
	margin: 10px 0;
	font-weight: normal;
}

#dialogLogin{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 100;
	display: none;
	justify-content: center;
	align-items: center;
}
#dialogLogin .w-main{
	width: 560px;
	height: 400px;
	background-color: #fff;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
#dialogLogin .group{
	background: url(./img/login_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 480px;
	height: 140px;
	padding: 30px;
	display: flex;
	justify-content: space-between;
	align-items: end;
}
#dialogLogin .group:first-child{
	margin-bottom: 38px;
}
#dialogLogin .group_l div{
	margin-top: 10px;
	font-weight: bold;
	font-size: 18px;
}
#dialogLogin .b_btn{
	width: 133px;
	line-height: 33px;
	color: #fff;
	border-radius: 20px;
	background-color: #1E6BD1;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
#dialogLogin .y_btn{
	width: 133px;
	line-height: 33px;
	color: #fff;
	border-radius: 20px;
	background-color: #FAAD14 ;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
#dialogLogin .b_btn img{
	margin-left: 5px;
}