@import url("font_4126490_wzyqf21dpzl.css");
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 100%;
}

h1 {
    font-size: 32px;
    font-weight: 600;
}


h2,h3, h4, h5, h6{
    color: #333333;
    font-size: 23px;
    font-weight: 600;
}
body {
	margin: 0;
	text-align:left;
	/*font-size: 16px;*/
	/*font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;*/
	width: 100%;
}
a {background-color: transparent; -webkit-text-decoration-skip: objects;}
/*a:active,a:hover {outline-width: 0;}*/
/*a,a:visited{text-decoration:none;color:#333;}*/
a:hover{cursor: pointer;}
button, input, select, textarea, a{outline:none;}
/*h1,h2,h3,dl,ul,p {margin: 0; padding: 0;}*/
ul,li,dl,dt,dd {list-style: none;}
i {font-style: unset;}

/* 颜色 */
:root {
	--color-blue: #2878bf;
	--color-light-blue:#05a3f5;
	--color-light-gray:#f2f4ff;
	--color-black:#4d4d4d;
	--color-orange-yellow:#f08519;
	--color-orange:#ff6a00;
	--color-gray: #999;
	--color-white:#fff;
	--color-link:#a1b2f7;
	--color-pink-red:#f9615e;
	--color-clay-yellow:#eb9746;
	--color-light-green:#51d9b2;
}

.bandoss {
	position: absolute;
	bottom: 90px;
	right: 13%;
	z-index: 999;
	height: 240px;
}
		

.continer {
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}
.flex-column {
	display: flex;
	justify-content: space-evenly;
}
.row {
	display: flex;
	justify-content: space-between;
	flex-wrap:warp;
}
.w778 {width: 778px;}
.w416 {width: 416px;}
.w300 {width: 300px;}
.text-center {text-align: center;}
/* 背景颜色 */
.logo > img { width: auto; height: 47px;}

.font-gray {color: var(--color-gray);}
.font-black {color: var(--color-black);}

.text-left {text-align: left;}
.margin-top-10 {margin-top: 10px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-30 {margin-top: 30px;}
.margin-top-50 {margin-top: 50px;}
.margin-top-100 {margin-top: 100px;}
.margin-tb-100 {margin: 100px 0;}

.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-30 {margin-bottom: 30px;}

.padding-top-100 {padding-top: 100px;}
.padding-tb-100 {padding: 80px 0px 0px 0px;}
.padding-tb-50 {padding: 50px 0;}
.padding-tb-30 {padding: 30px 0;}

.bg-gray { background-color: var(--color-light-gray);}

.color-orange {color: var(--color-orange-yellow)!important;}
.color-blue {color: var(--color-light-blue)!important;}
.btn-orange {
	background-color: var(--color-orange);
	border-radius: 10px;
}

header {
	height: 50px;
	padding: 30px 0;
	background-color: var(--color-blue);
}
.nav {
	margin-top: 10px;
	line-height: 30px;
	display: flex;
	justify-content: space-between;
}
.nav>ul {width: calc(100% - 140px);}
.nav>ul {
	display: flex;
	justify-content: space-between;
	color: var(--color-white);
}
.nav>ul>li {
	width: 160px;
	text-align: center;
}
.nav a {color: #fff;}

.nav>.login {
	width: 120px;
	display: flex;
	justify-content: space-between;
}

/* 本例子css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav {position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 20px; font-size:14px; font-weight:bold;  }
.nav .sub {
	box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.06);
	backdrop-filter: blur(12px);
	width:160px; left:0;
	border-radius: 10px; top:34px;
	position:absolute;
	background:var(--color-white);
	line-height:26px;
	padding:5px 0;
	border-top: 2px solid #f80;
	display: none;
}
.nav .sub li{ zoom:1; }
.nav .sub .arrow {
	    position: absolute;
	    top: -7px;
	    left: 50%;
	    width: 14px;
	    height: 7px;
	    margin-left: -7px;
		background: url('../image/extand_arrow_e3ca2.png');
}
.nav .sub a {display:block; padding:5px; margin: 5px; color: var(--color-black); border-radius: 10px;}
.nav .sub a:hover{ background-color: #f80; color: var(--color-white);}


.dot i {font-size: 22px;}
.dot1 {left: 670px; top: 100px; color:var(--color-orange)}
.dot2 {left: 530px; top: 230px; color:var(--color-blue)}
.dot3 {left: 625px; top: 360px; color:var(--color-orange)}
.dot4 {left: 1045px; top: 65px;color:var(--color-blue)}
.dot5 {left: 1020px; top: 145px; color:var(--color-orange)}
.dot6 {left: 845px; top: 215px;color:var(--color-blue)}
.dot7 {left: 1080px; top: 290px;color:var(--color-blue)}


/* .dot1 {left: 45rem; top: 100px; color:var(--color-orange)}
.dot2 {left: 530px; top: 230px; color:var(--color-blue)}
.dot3 {left: 625px; top: 360px; color:var(--color-orange)}
.dot4 {left: 1045px; top: 65px;color:var(--color-blue)}
.dot5 {left: 1020px; top: 145px; color:var(--color-orange)}
.dot6 {left: 845px; top: 215px;color:var(--color-blue)}
.dot7 {left: 1080px; top: 290px;color:var(--color-blue)} */
.banner {
	width: 100%;
	height: auto;
	position: relative;
}
.banner>img {
	width: 100%;
	position: static;
}


.banner_consult {
	margin-top: 30px;
	bottom: 70px;
}
.banner_consult>a {
	border: 1px solid var(--color-light-blue) ;
	padding: 10px 30px;
	border-radius: 30px;
	color: var(--color-blue);
}

.subNav {
	text-align: center;
	border-top: 1px solid var(--color-gray);
	border-bottom: 1px solid var(--color-gray);
	padding: 15px 0;
}
.subNav a {
	padding: 15px 30px;
	font-size: 18px;
	color: var(--color-black);
}
.split-line {position: relative; width:600px; background-color: #dbdbdb; height: 1px; margin: 20px auto;}
.split-line:before {
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 4px;
	background-color: #dfdfdf;
	content: "";
	left: 50%;
	width: 100px;
	margin-left: -50px;
}

.register-warp {
	background-color: var(--color-orange-yellow);
	color: var(--color-white);
}
.register {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.register>a {
	display: inline-flex;
	border: 1px solid var(--color-white);
	padding: 10px 30px;
	color: var(--color-white);
}
.register>div>div {
	line-height: 30px;
}

.dayservice {
	background-color: var(--color-light-gray);
}

.support {
	column-count:3;
	column-gap:40px;
	column-rule-style:dotted;
	column-rule-color:#ddd;

	/* Firefox */
	-moz-column-count:3;
	-moz-column-gap:100px;
	-moz-column-rule-style:outset;
	-moz-column-rule-color:#ddd;

	/* Safari and Chrome */
	-webkit-column-count:3;
	-webkit-column-gap:100px;
	-webkit-column-rule-style:dotted;
	-webkit-column-rule-color:#ddd;
	/* position: relative;
	display: flex;
	justify-content: space-between; */

}

.support>div {
	/* width:300px; */
	display: flex;
	justify-content: center;
	align-items: center;
}
.support>div>img {

	clear: unset;
	/* max-width:66px ;
	max-height: 66px; */
	width: 60px;
	height: 60px;
	margin-right: 20px;
}
.support>div>div>p{
	color: var(--color-gray);
}

.grid-3 .icon {
	position: absolute;
	background-repeat: no-repeat;
	width: 140px;
	height: 140px;
	top: -70px;
	left: 50%;
	margin-left: -70px;
	z-index: 9999;
	/*background-color: white;*/
	background-size: contain;
	background-position: center;
}

.banner_content {
	position: absolute;
	top: 0;
	left: 52%;
	margin-left: -600px;
	height: 100%;
	max-width: 1200px;
	align-items: center;
	vertical-align: middle;
	display: flex;
	overflow: hidden;
}
.banner_txt {
	position: relative;
	width: 570px;
	/* margin-top: 10%; */
}
.banner_txt>.txt_en {
	color: #bbbfec; font-size: 20px; font-weight: 600;
}
.banner_txt>.txt_cn {
	color: #FFFFFF; font-size: 50px; margin-top: 80px;line-height: 50px;
}
.banner_txt>.txt_subtitle {
	font-size: 42px;font-weight: lighter;color: #2778be;
}
.banner_txt>.text_desc {
	margin-top: 20px;
	color: #FFFFFFDE;
    font-size: 16px;
    line-height: 32px;
}

.footer-grid {
	display: grid;
	grid-template-columns: auto auto auto auto 135px auto;
	grid-column-gap:1.5em;
}


footer {
	background-color: var(--color-blue);
}
.footer-logo {

}
.footer-logo>img {
	width: 166px;
	height: auto;
}
.footer-logo>div {
	margin-top: 10px;
	color: var(--color-white);
	font-size: 14px;
	line-height: 24px;
}

.footer-product>h2,.footer-plan>h2,.footer-about>h2 {
	font-size: 20px;
	color: var(--color-white);
	margin-bottom: 20px;
	white-space: nowrap;
}
.footer-product>ul>li,.footer-plan>ul>li,.footer-about>ul>li {
	line-height: 30px;
}
.footer-product>ul>li a ,.footer-plan>ul>li a ,.footer-about>ul>li a {
	color: var(--color-white);
}

.footer-qrcode>img {
	width: 135px;
}
.footer-advice {
	color: var(--color-white);
}

.footer-advice>h2 {
	font-size: 20px;
}
.footer-advice>p {
	margin: 15px 0;
}

.footer-copyright {
	text-align: center;
	border-top: 1px solid #fff;
	margin-top: 30px;
	padding-top: 30px;
	color: var(--color-white);
	line-height: 30px;
}
.footer-copyright>p a {
	color: var(--color-white);
}

.show-md {display: none!important;}
.show-md-box {
	align-items: center;
	height: 100%;
	text-align: center;
	display: flex;
	vertical-align: middle;
}
/*当页面宽度大于1000px且小于1200px的时候执行，1000-1200*/
@media screen and (max-width:1196px) {
	.banner_content {
		left: 10px!important;
		margin-left: unset!important;
	}
	.txt_en {font-size: 14px!important;}
	.txt_cn { font-size: 24px!important;}
	.txt_subtitle {font-size: 24px!important;}
	.text_desc {font-size: 12px!important; margin-top: 10px!important;}
	.banner_consult {margin-top: 10px!important; }
	.banner_consult>a {padding: 5px 10px; font-size: 12px!important;}

	.arrow-warp {
		left: 10px!important;
		margin-left: unset!important;
	}
	.support h1 {font-size: 20px!important;}
	.hide-md {display: none!important;}
	.show-md {display: block!important;}
	.show-md-box>h1 {
		font-size: 42px;
	}

	.show-md-box>p {width: 80%; margin: 30px auto; font-size: 28px; line-height: 180%;}
	.show-md-box>a {
		border: 1px solid var(--color-blue);
		background-color: #fff;
		padding: 15px 30px;
		font-size: 28px;
		border-radius: 30px;
	}
}