.layout {
	position:relative;
	overflow:hidden;
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:100;
	height:5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.header.on {
	background:#fff;
	box-shadow:0 0.20833333333333334rem 0.3125rem 0 rgba(80,80,80,0.2);
}
.layout.ons{
	padding-top: 5.208rem;
}
.ons .header{
	background:#fff;
	box-shadow:0 0.20833333333333334rem 0.3125rem 0 rgba(80,80,80,0.2);
}
.wrap {
	width:72.91666666666667rem;
	margin:0 auto;
}
.banner img{
	width: 100%;display: block;
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.header .logo {
	max-width:7.083333333333334rem;
	display:block;
}
.header .logo img {
	width:100%;
	display:block;
}
.header .rts {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.header .language {
	background:url(../images/qw1.png) no-repeat left center;
	background-size:0.8333333333333334rem auto;
	width:4.166666666666667rem;
	padding-left:1.1458333333333335rem;
	margin-left:3.125rem;
	position:relative;
}
.header .language::before {
	content:"";
	position:absolute;
	left:-3.125rem;
	top:50%;
	z-index:1;
	width:0.052083333333333336rem;
	height:0.7291666666666667rem;
	background:#cbcfd1;
	margin-top:-0.36458333333333337rem;
}
.header .lsele {
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../images/qw2.png) no-repeat right center;
	font-weight:400;
	font-size:14px;
	color:#232323;
	line-height:1.6;
	cursor:pointer;
	border:none;
}
.header .lsele  option {
	color:#333;
}
.header .naver ul {
	display:flex;
	align-content:end;
}
.header .naver li a {
	font-size:0.9375rem;
	line-height:5.208333333333334rem;
	color:#232323;
	display:block;
	margin-right:4.166666666666667rem;
}
.header .naver li.on a,.header .naver li a:hover {
	color:#253f8e;
}
.header .naver li:last-child a {
	margin-right:3.125rem;
}
.footer {
	background:url(../images/qw13.jpg) no-repeat center/cover;
	padding:3.3333333333333335rem 0 3.75rem;
}
.footer .tbs {
	border-bottom:0.052083333333333336rem solid rgba(255,255,255,0.1);
	border-top:0.052083333333333336rem solid rgba(255,255,255,0.1);
	margin:1.0416666666666667rem 0 1.25rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.0416666666666667rem 0 1.8229166666666667rem;
}
.footer .tfs {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.copyright {
	font-size:14px;
	line-height:1.6;
	color:#fff;
}
.copyright a {
	color:#fff;
	display:inline-block;
	margin-left:0.7291666666666667rem;
}
.footer .tfs dl {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.footer .tfs dd {
	width:1.40625rem;
	height:1.40625rem;
	opacity:0.5;
	margin-left:0.5208333333333334rem;
}
.footer .tfs dd img {
	width:100%;
	display:block;
	height:100%;
}
.footer .tfs dd:hover {
	opacity:1;
}
.footer .tfs dd .hweix{
    position: absolute;width: 7rem;padding-bottom: 0.5rem;
    left: 50%;transform:translateX(-50%);bottom: 100%;
    display: none;
}
.footer .tfs dd:hover .hweix{
    display: block;
}
.footer .txt h3 {
	font-size:16px;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	margin-bottom:0.5208333333333334rem;
}
.footer .txt p {
	font-size:14px;
	line-height:2;
	color:rgba(255,255,255,0.6);
}
.footer .txt a {
	color:rgba(255,255,255,0.6);
}
.footer .wxs {
	width:5.520833333333334rem;
}
.footer .wx {
	width:100%;
	height:5.520833333333334rem;
	background:#fff;
	border-radius:0.3125rem;
	padding:0.20833333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.footer .wx img {
	width:100%;
	height:100%;
	display:block;
}
.footer .wxs h6 {
	font-size:14px;
	line-height:2;
	color:rgba(255,255,255,0.6);
	text-align:center;
	margin-top:0.2604166666666667rem;
}
.footer .tps {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.footer .tps .logo {
	display:block;
	max-width:7.291666666666667rem;
}
.footer .nav dl {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.footer .nav dd a {
	margin-left:3.6458333333333335rem;
	font-size:14px;
	line-height:1.7;
	color:rgba(255,255,255,0.6);
	display:block;
}
.yingyzx {
	padding:3.125rem 0 5.208333333333334rem;
}
.tit {
	text-align:center;
}
.tit h4 {
	font-size:2.34375rem;
	line-height:1;
	font-weight:bold;
	text-transform:uppercase;
	background:linear-gradient(to bottom,#cbcfd1 -5.208333333333334rem,#fff);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.tit h3 {
	font-size:1.5625rem;
	line-height:1.5;
	color:#000000;
	margin-top:-1.0416666666666667rem;
	letter-spacing:0.10416666666666667rem;
}
.yingyzx .bds {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:1.5625rem;
}
.yingyzx .pic {
	width:35.41666666666667rem;
	overflow: hidden;
	padding: 2.6rem 0;
	position: relative;
	height: 38.906rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.yingyzx .pic:before{
	content: "";z-index: 11;
	position: absolute;
	left: 0;right: 0;
	top: 0;pointer-events: none;
	bottom: 0;
	background: url(../images/phone1.png) no-repeat center/contain;
}
.yingyzx .pic .swiper-slide-active{
	z-index: 11;
}
.yingyzx .pic img {
	width:100%;
	display:block;
	height: 100%;
	object-fit: contain;
}
.yingyzx .text {
	width:calc(100% - 41.66666666666667rem);
}
.yingyzx .text h3 {
	font-size:1.5625rem;
	line-height:1.5;
	color:#000000;
	font-weight:bold;
}
.yingyzx .text p {
	font-size:16px;
	line-height:2;
	color:#363636;
	margin:1.3541666666666667rem 0 2.604166666666667rem;
}
.yingyzx .text dl {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	max-width:20.833333333333336rem;
}
.yingyzx .text dd {
	width:calc((100% - 1.0416666666666667rem)/2);
	margin-bottom:0.5208333333333334rem;
	position:relative;
	margin-right:1.0416666666666667rem;
}
.yingyzx .text dd:nth-child(2n) {
	margin-right:0;
}
.yingyzx .text dd:nth-child(1) h5 {
	background:#4db315;
}
.yingyzx .text dd h5 {
	width:100%;
	background:#000000;
	height:2.5rem;
	text-align:center;
	border-radius:2.0833333333333335rem;
}
.yingyzx .text dd h5 a {
	display:block;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.yingyzx .text dd h5 i {
	font-size:16px;
	line-height:2.5rem;
	display:inline-block;
	color:#fff;
	background:url(../images/qw26.png) no-repeat left center;
	background-size:1.0416666666666667rem auto;
	padding-left:1.5625rem;
}
.yingyzx .text dd:nth-child(3) h5 i {
	background:url(../images/qw27.png) no-repeat left center;
	background-size:0.9375rem auto;
}
.yingyzx .text dd .wxs {
	position:absolute;
	left:0;
	right:0;
	top:120%;
	z-index:1;
	width:8.333333333333334rem;
	height:8.333333333333334rem;
	border-radius:0.4166666666666667rem;
	background:#fff;
	box-shadow:0 0.3125rem 1.0416666666666667rem 0 rgba(80,80,80,0.2);
	padding:0.4166666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto;
	display:none;
}
.yingyzx .text dd .wxs::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:-0.4166666666666667rem;
	z-index:1;
	background:url(../images/qw25.png) no-repeat center;
	width:0.9895833333333334rem;
	height:0.46875rem;
	background-size:0.9895833333333334rem auto;
	margin:0 auto;
}
.yingyzx .text dd .wxs img {
	width:100%;
	height:100%;
	display:block;
}
.join {
	padding:3.6458333333333335rem 0 4.6875rem;
}
.join h6 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#363636;
	text-align:center;
	margin:1.0416666666666667rem 0 1.5625rem;
}
.join .fms ul {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.join .fms li {
	width:calc((100% - 3.229166666666667rem)/4);
	margin-right:1.0416666666666667rem;
	border:1px solid #898989;
	border-radius:0.4166666666666667rem;
	height:2.3958333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.join .fms li:nth-child(4n) {
	margin-right:0;
}
.join .fms li .lsele {
	width:100%;
	height:100%;
	border:none;
	padding:0 1.5625rem 0 1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	font-size:16px;
	color:#333;
	line-height:1.7;
	box-sizing:border-box;
	background:url(../images/qw14.png) no-repeat right 0.625rem center;
	background-size:0.5208333333333334rem auto;
}
.join .fms li.ons {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.join .fms li .t1 {
	height:100%;
	border:none;
	width:calc(100% - 2.0833333333333335rem);
	padding-left:1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	font-size:16px;
	color:#333;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:none;
}
.join .fms li .sub {
	background:url(../images/qw15.png) no-repeat center;
	width:1.8229166666666667rem;
	height:100%;
	background-size:0.9375rem auto;
	font-size:0;
	cursor:pointer;
	display:block;
	border:none;
}
.join .list {
	margin:2.291666666666667rem 0 2.604166666666667rem;
}
.join .list li {
	background:#f9fafc;
	border-radius:0.7291666666666667rem;
	padding:1.25rem 1.0416666666666667rem 1.0416666666666667rem;
}
.join .list li:nth-child(2n) {
	background:#fff;
}
.join .list li a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.join .list li h5 {
	width:8.125rem;
	height:2.5rem;
	border-radius:0.3125rem;
	background:#001036;
	text-align:center;
}
.join .list li h5 span {
	font-size:16px;
	line-height:2.5rem;
	color:#fff;
	display:inline-block;
	background:url(../images/qw16.png) no-repeat left center;
	padding-left:1.3020833333333335rem;
	background-size:0.9375rem auto;
}
.join .list li h3 {
	font-size:1.1458333333333335rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
}
.join .list li dl {
	margin-top:0.5208333333333334rem;
	display:flex;
	align-items:center;
}
.join .list li dd {
	font-size:14px;
	line-height:1.6;
	color:#666666;
}
.join .list li dd i {
	width:0.052083333333333336rem;
	height:0.625rem;
	background:#d9dadb;
	display:block;
	margin:0 1.5625rem;
}
.pages dl {
	display:flex;
	justify-content:center;
	align-items:center;
}
.pages dd a {
	min-width:1.5625rem;
	line-height:1.5625rem;
	display:block;
	font-size:14px;
	color:#363636;
	text-align:center;
	margin:0 0.4166666666666667rem;
	padding:0 0.625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:0.20833333333333334rem;
	transition:all 0s;
}
.pages dd a:hover,.pages dd.on a {
	background:#001036;
	color:#fff;
}
.ture {
	width:5.46875rem;
	display:block;
	background:#fff;
	line-height:1.875rem;
	text-align:center;
	box-shadow:0 0 0.5208333333333334rem 0 #f3f6fb,0 0.5208333333333334rem 1.0416666666666667rem 0 #f3f6fb;
	border-radius:1.5625rem;
}
.ture span {
	font-size:16px;
	line-height:1.875rem;
	color:#9aa5b0;
	display:inline-block;
	background:url(../images/qw30.png) no-repeat left center;
	background-size:0.36458333333333337rem auto;
	padding-left:0.78125rem;
}
.joindel {
	padding:1.0416666666666667rem 0 5.208333333333334rem;
}
.joindel .hs {
	margin:2.0833333333333335rem 0 1.5625rem;
}
.joindel .hs h3 {
	font-size:1.5625rem;
	line-height:1.6;
	color:#000000;
	font-weight:bold;
}
.joindel .hs dl {
	margin-top:0.7291666666666667rem;
	display:flex;
	align-items:center;
}
.joindel .hs dd {
	font-size:14px;
	line-height:1.6;
	color:#666666;
}
.joindel .hs dd i {
	width:0.052083333333333336rem;
	height:0.625rem;
	background:#d9dadb;
	display:block;
	margin:0 1.5625rem;
}
.joindel .text {
	font-size:16px;
	line-height:2;
	color:#232323;
}
.joindel .text h4 {
	font-size:0.9375rem;
	font-weight:bold;
	margin-bottom:0.3125rem;
}
.joindel .btns {
	width:8.125rem;
	height:2.5rem;
	border-radius:0.3125rem;
	background:#001036;
	text-align:center;
	display:block;
	margin-top:2.604166666666667rem;
}
.joindel .btns span {
	font-size:16px;
	line-height:2.5rem;
	color:#fff;
	display:inline-block;
	background:url(../images/qw16.png) no-repeat left center;
	padding-left:1.3020833333333335rem;
	background-size:0.9375rem auto;
}
.mask {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:12;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	display:none;
}
.mskjianli {
	position:fixed;
	left:0;
	right:0;
	top:15%;
	z-index:12;
	width:32.29166666666667rem;
	border-radius:1.0416666666666667rem;
	background:#fff;
	margin:0 auto;
	padding:2.0833333333333335rem 3.6458333333333335rem 2.604166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:none;
}
.mskjianli .gb {
	position:absolute;
	right:0.7291666666666667rem;
	top:0.7291666666666667rem;
	z-index:1;
	background:url(../images/gb.png) no-repeat center;
	width:1.5625rem;
	height:1.5625rem;
	background-size:0.78125rem auto;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	cursor:pointer;
}
.mskjianli .gb:hover {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	/* IE 9*/
	-moz-transform:rotate(360deg);
	/* Firefox*/
	-webkit-transform:rotate(360deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(360deg);
}
.mskjianli h2 {
	font-size:1.25rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
	text-align:center;
	margin-bottom:1.0416666666666667rem;
}
.mskjianli li h3 {
	font-size:16px;
	line-height:1.6;
	color:#333333;
	margin-bottom:0.5208333333333334rem;
}
.mskjianli li h3 sup {
	color:#ff0000;
}
.mskjianli li .t1 {
	width:100%;
	border:1px solid #e3e9f0;
	border-radius:0.3125rem;
	height:2.5rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 1.0416666666666667rem;
	font-size:16px;
	color:#333333;
}
.mskjianli li {
	margin-bottom:1.3541666666666667rem;
}
.mskjianli .btn {
	width:8.4375rem;
	line-height:2.5rem;
	text-align:center;
	display:block;
	margin:0 auto;
	border-radius:1.5625rem;
	background:linear-gradient(to right,#35a5ed,#0a65cb);
	font-size:16px;
	color:#fff;
}
.mskjianli li p {
	font-size:14px;
	line-height:1.6;
	color:#ff1212;
	margin-top:0.3125rem;
}
.mskjianli .fls {
	width:100%;
	position:relative;
	border:1px solid #e3e9f0;
	border-radius:0.3125rem;
	height:2.5rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:16px;
	color:#333333;
	cursor:pointer;
}
.mskjianli .fls .f1 {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:2;
	width:100%;
	height:100%;
	opacity:0;
	cursor:pointer;
}
.mskjianli .fls h6 {
	width:7.291666666666667rem;
	line-height:2.291666666666667rem;
	background:linear-gradient(to right,#35a5ed,#0a65cb);
	border-radius:0.20833333333333334rem;
	text-align:center;
	position:absolute;
	right:0.10416666666666667rem;
	top:0.052083333333333336rem;
	z-index:1;
}
.mskjianli .fls h6 i {
	display:inline-block;
	font-size:16px;
	line-height:2.291666666666667rem;
	color:#fff;
	padding-left:1.25rem;
	background:url(../images/qw17.png) no-repeat left center;
	background-size:1.09375rem auto;
}
.shouqd {
	position:relative;
	height:46.875rem;
}
.shouqd .map {
	position:absolute;
	left:0;
	right:0;
	.
	top:0;
	z-index:1;
	width:100%;
	height:100%;
}
.shouqd .wrap {
	position:relative;
	z-index:1;
	height:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.shouqd .lts {
	width:24.739583333333336rem;
	border-radius:0.5208333333333334rem;
	background:#fff;
	padding:1.3541666666666667rem 2.0833333333333335rem 1.7708333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	z-index:11;
	left:10%;
	top:5.208333333333334rem;
}
.shouqd .lts .bds {
	margin-top:0.8333333333333334rem;
}
.shouqd .lts .bds h6 {
	font-size:15px;
	line-height:1.6;
	color:#999999;
}
.shouqd .lts .bds h6 i {
	color:#a02f33;
	display:inline-block;
	margin:0 0.20833333333333334rem;
}
.shouqd .lts .bds ul {
	max-height:22.916666666666668rem;
	overflow-y:scroll;
	overflow-x:hidden;
}
.shouqd .lts .bds li {
	padding:1.0416666666666667rem 0;
	border-bottom:0.052083333333333336rem solid #eeeeee;
	cursor:pointer;
}
.shouqd .lts .bds li h4 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
	margin-bottom:0.7291666666666667rem;
}
.shouqd .lts .bds li.active h4 {
	color:#253f8e;
}
.shouqd .lts .bds li p {
	font-size:16px;
	line-height:1.6;
	color:#666666;
	padding-left:1.1458333333333335rem;
	margin-bottom:0.2604166666666667rem;
}
.shouqd .lts .bds li p.s1 {
	background:url(../images/qw20.png) no-repeat left center;
	background-size:0.78125rem auto;
}
.shouqd .lts .bds li p.s2 {
	background:url(../images/qw21.png) no-repeat left center;
	background-size:0.78125rem auto;
}
.shouqd .lts .fms {
	border:1px solid #898989;
	border-radius:0.3125rem;
	height:2.3958333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.shouqd .lts .fms .t1 {
	height:100%;
	border:none;
	width:calc(100% - 2.0833333333333335rem);
	padding-left:1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	font-size:16px;
	color:#333;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:none;
}
.shouqd .lts .fms .sub {
	background:url(../images/qw15.png) no-repeat center;
	width:1.8229166666666667rem;
	height:100%;
	background-size:0.9375rem auto;
	font-size:0;
	cursor:pointer;
	display:block;
	border:none;
}
.shouqd .lts .city {
	background:url(../images/qw18.png) no-repeat left center;
	background-size:0.7291666666666667rem auto;
	margin-bottom:0.5208333333333334rem;
	padding-left:1.0416666666666667rem;
}
.shouqd .lts .city .t1 {
	box-sizing:border-box;
	background-color:transparent;
	outline:0;
	-webkit-appearance:none;
	font-size:16px;
	line-height:1.6;
	color:#666666;
	width:4.583333333333334rem;
	border:none;
	height:1.4583333333333335rem;
	background:url(../images/qw14.png) no-repeat right center;
}
.shouqd .rts {
	width:25.260416666666668rem;
	background:#fff;
	border-radius:1.0416666666666667rem;
	padding:1.5625rem 1.875rem 2.0833333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.shouqd .rts h4 {
	padding:0 0.4166666666666667rem;
	line-height:1.3541666666666667rem;
	border-radius:0.20833333333333334rem;
	background:#f2f2f2;
	font-size:14px;
	color:#999999;
	display:inline-block;
}
.shouqd .rts h3 {
	margin:0.8333333333333334rem 0 0.5208333333333334rem;
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
}
.shouqd .rts p {
	font-size:16px;
	line-height:1.6;
	color:#666666;
	padding-left:1.1458333333333335rem;
	margin-bottom:0.2604166666666667rem;
}
.shouqd .rts p.s1 {
	background:url(../images/qw20.png) no-repeat left center;
	background-size:0.78125rem auto;
}
.shouqd .rts p.s2 {
	background:url(../images/qw21.png) no-repeat left center;
	background-size:0.78125rem auto;
}
.shouqd .rts .btn {
	width:8.125rem;
	height:2.5rem;
	border-radius:1.5625rem;
	background:#001036;
	text-align:center;
	display:block;
	margin-top:1.0416666666666667rem;
}
.shouqd .rts .btn span {
	font-size:16px;
	line-height:2.5rem;
	color:#fff;
	display:inline-block;
	background:url(../images/qw22.png) no-repeat left center;
	padding-left:1.3020833333333335rem;
	background-size:0.9375rem auto;
}
.product .pro1 {
	padding:3.6458333333333335rem 0 4.6875rem;
}
.product .pro1 .wrap {
	display:flex;
	justify-content:space-between;
}
.product .pro1 .pic {
	width:33.85416666666667rem;
	border-radius:1.0416666666666667rem;
	overflow:hidden;
}
.product .pro1 .pic img {
	width:100%;
	display:block;
}
.product .pro1 .txt {
	width:calc(100% - 39.0625rem);
}
.product .pro1 .del {
	margin-top:1.3541666666666667rem;
	font-size:16px;
	line-height:2;
	color:#363636;
}
.product .pro1 .tit {
	text-align:left;
}
.product .tit h3 {
	font-weight:bold;
}
.product .pro5 {
	padding:3.125rem 0 4.6875rem;
}
.product .pro5 ul {
	margin-top:1.5625rem;
	display:flex;
	flex-wrap:wrap;
}
.product .pro5 li {
	margin-right:1.25rem;
	width:calc((100% - 3.854166666666667rem)/4);
}
.product .pro5 li:nth-child(4n) {
	margin-right:0;
}
.product .pro5 li p {
	font-size:0.9375rem;
	line-height:1.6;
	color:#232323;
	text-align:center;
	margin-top:0.625rem;
}
.product .pro5 li p span {
	font-size:16px;
	color:#666666;
}
.product .pro5 li .pic {
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:1.0416666666666667rem;
	overflow:hidden;
	background:#f7f7f7;
	height:11.458333333333334rem;
}
.product .pro5 li .pic img {
	max-width:100%;
	max-height:100%;
	display:block;
	margin:auto;
	object-fit:contain;
}
.product .pro3 {
	padding:3.6458333333333335rem 0 4.6875rem;
}
.product .pro3 .tit h4 {
	background:linear-gradient(to bottom,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 80%);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.product .pro3 .tit h3 {
	color:#fff;
}
.product .pro3 .nav dl {
	margin:1.0416666666666667rem 0 1.3020833333333335rem;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.product .pro3 .nav dd {
	margin-right:0.625rem;
	line-height:2.8125rem;
	font-size:0.9375rem;
	color:#fff;
	text-align:center;
	background:rgba(255,255,255,0.17);
	text-align:center;
	width:calc((100% - 2.604166666666667rem)/5);
	border-radius:1.5625rem;
	cursor:pointer;
}
.product .pro3 .nav dd:nth-child(5n) {
	margin-right:0;
}
.product .pro3 .nav dd.on,.product .pro3 .nav dd:hover {
	color:#001036;
	background:#fff;
}
.product .pro3 .ds {
	display:none;
}
.product .pro3 .ds:nth-child(1) {
	display:block;
}
.product .pro3 .ds {
	background:#fff;
	border-radius:1.0416666666666667rem;
	padding:1.5625rem 1.4583333333333335rem;
}
.product .pro3 .ds .flax {
	display:flex;
	justify-content:space-between;
}
.product .pro3 .ds .pic {
	width:29.479166666666668rem;
}
.product .pro3 .ds .pic img {
	width:100%;
	display:block;
}
.product .pro3 .ds .txt {
	width:calc(100% - 33.85416666666667rem);
	margin-top:1.875rem;
}
.product .pro3 .ds h3 {
	font-size:1.5625rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
}
.product .pro3 .ds p {
	font-size:16px;
	line-height:2;
	color:#363636;
	margin:1.0416666666666667rem 0 2.604166666666667rem;
}
.product .pro3 .ds h4 {
	background:linear-gradient(to bottom,#f1f1f1,#fff);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
	font-size:3.385416666666667rem;
	font-weight:bold;
	font-style:italic;
}
.product .pro4 {
	padding:3.3333333333333335rem 0 5.729166666666667rem;
	background:#f9fafc;
}
.product .pro4 .ovs {
	position:relative;
}
.product .pro2 .ovs .prev,.product .pro2 .ovs .next,.product .pro4 .ovs .prev,.product .pro4 .ovs .next {
	position:absolute;
	left:-3.90625rem;
	top:50%;
	z-index:1;
	background:url(../images/qw32.png) no-repeat center;
	width:2.5rem;
	height:2.5rem;
	border-radius:50%;
	cursor:pointer;
	margin-top:-1.25rem;
}
.product .pro4 .ovs .prev:hover,.product .pro2 .ovs .next:hover,.product .pro2 .ovs .prev:hover,.product .pro4 .ovs .next:hover {
	background:url(../images/qw32-1.png) no-repeat center #001036;
}
.product .pro2 .ovs .next,.product .pro4 .ovs .next {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
	left:auto;
	right:-3.90625rem;
}
.product .pro4 .ovs h3 {
	font-size:1.6666666666666667rem;
	line-height:1.4;
	color:#232323;
	font-weight:bold;
	font-style:italic;
}
.product .pro4 .ovs h4 {
	font-size:1.25rem;
	line-height:1.4;
	color:#232323;
	font-weight:bold;
}
.product .pro4 .ovs p {
	font-size:16px;
	line-height:2;
	color:#363636;
	margin-top:1.0416666666666667rem;
}
.product .pro4 .ovs .swiper-slide {
	width:35.41666666666667rem;
	border-radius:1.0416666666666667rem;
	box-shadow:0 0 1.0416666666666667rem 0 #f3f4f7;
	height:21.875rem;
	overflow:hidden;
}
.product .pro4 .ovs .tps,.product .pro4 .ovs .tbs {
	width:100%;
	position:relative;
}
.product .pro4 .ovs img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.product .pro4 .ovs .ts {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	padding:1.0416666666666667rem 1.5625rem;
	background:linear-gradient(to top,rgba(47,67,114,0.3),rgba(255,255,255,0));
}
.product .pro4 .ovs {
	margin-top:2.0833333333333335rem;
}
.product .pro4 .ovs .tps {
	display:block;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.product .pro4 .ovs .tbs {
	padding:1.5625rem 2.8125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity:0;
}
.product .pro4 .ovs .swiper-slide {
	cursor:pointer;
}
.product .pro4 .ovs .swiper-slide:hover .tps {
	opacity:0;
}
.product .pro4 .ovs .swiper-slide:hover .tbs {
	opacity:1;
}
.product .pro2 h6 {
	font-size:16px;
	line-height:2;
	color:#363636;
	margin:1.0416666666666667rem 0 1.3020833333333335rem;
	text-align:center;
}
.product .pro2 .ovs {
	position:relative;
}
.product .pro2 .swiper-slide {
	width:35.41666666666667rem;
	border-radius:1.0416666666666667rem;
	overflow:hidden;
	height:21.875rem;
}
.product .pro2 .swiper-slide img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.product .pro2 .swiper-slide .msk {
	background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.9));
	padding:1.0416666666666667rem 1.5625rem;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
}
.product .pro2 .swiper-slide h3 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	margin-bottom:0.5208333333333334rem;
}
.product .pro2 .swiper-slide p {
	font-size:16px;
	line-height:1.7;
	color:#fff;
	height:3.4em;
	overflow:hidden;
}
.product .pro2 {
	background:#f9fafc;
	padding:3.854166666666667rem 0 5.208333333333334rem;
}
.hbanner {
	height:48.958333333333336rem;
	overflow:hidden;
	position:relative;
}
.hbanner .wrap {
	height:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.hbanner h3 {
	font-size:2.0833333333333335rem;
	line-height:1.5;
	color:#000000;
	font-weight:bold;
}
.hbanner h4 {
	font-size:1.1979166666666667rem;
	line-height:1.5;
	color:#000000;
	margin:1.5625rem 0 4.6875rem;
}
.hbtns {
	width:8.854166666666668rem;
	height:2.604166666666667rem;
	border-radius:1.5625rem;
	display:block;
	text-align:center;
	background:#001036;
}
.hbtns i {
	font-size:16px;
	line-height:2.604166666666667rem;
	color:#fff;
	display:inline-block;
	background:url(../images/qw48.png) no-repeat right center;
	background-size:0.5729166666666667rem auto;
	padding-right:2.3958333333333335rem;
}
.tit.lft {
	text-align:left;
}
.tit.lft h3 {
	font-weight:bold;
}
.hpage3 {
	padding:4.166666666666667rem 0 5.208333333333334rem;
}
.hpage3 ul {
	margin-top:1.5625rem;
	display:flex;
	flex-wrap:wrap;
}
.hpage3 li {
	width:calc((100% - 4.270833333333334rem)/3);
	margin-right:2.0833333333333335rem;
	border-radius:1.0416666666666667rem;
	overflow:hidden;
	height:27.34375rem;
	position:relative;
}
.hpage3 li:nth-child(3n) {
	margin-right:0;
}
.hpage3 li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage3 li .ts {
	position:absolute;
	left:0;
	right:0;
	top:2.0833333333333335rem;
	z-index:1;
	padding:0 2.3958333333333335rem;
}
.hpage3 li .ico {
	object-fit:contain;
	max-width:1.875rem;
	display:block;
}
.hpage3 li h4 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#000000;
	margin:0.3125rem 0 0.5208333333333334rem;
	font-weight:bold;
}
.hpage3 li p {
	font-size:16px;
	line-height:1.8;
	color:#363636;
}
.hpage5 .wrap {
	display:flex;
	justify-content:space-between;
}
.hpage5 .rts {
	margin-right:-13.541666666666668rem;
	width:39.0625rem;
}
.hpage5 .rts img {
	height:100%;
	display:block;
	object-fit:cover;
	width:100%;
}
.hpage5 .lts {
	width:43.22916666666667rem;
	margin-top:5.208333333333334rem;
}
.hpage5 .lts .bds {
	margin-top:1.3541666666666667rem;
}
.hpage5 .lts .bds li {
	border-bottom:0.052083333333333336rem solid #eeeeee;
	padding:1.0416666666666667rem 0;
}
.hpage5 .lts .bds li h3 {
	font-size:1.0416666666666667rem;
	cursor:pointer;
	line-height:1.6;
	font-weight:bold;
	color:#070707;
	background:url(../images/qw44.png) no-repeat right center;
	background-size:0.36458333333333337rem auto;
	padding-right: 20px;
}
.hpage5 .lts .bds li h3 span {
	font-size:1.3541666666666667rem;
	font-weight:bold;
	font-style:italic;
	margin-right:0.4166666666666667rem;
}
.hpage5 .lts .bds li .txt {
	padding:0.625rem 0 0;
	font-size:16px;
	line-height:2;
	color:#666666;
	display:none;
}
.hpage5 .lts .bds li .txt strong {
	color:#333;
}
.hpage5 .lts .bds li h3.on {
	color:#253f8e;
	background:url(../images/qw45.png) no-repeat right center;
	background-size:0.6770833333333334rem auto;
}
.hpage4 {
	background:#f9fafc;
	padding:3.6458333333333335rem 0 5.729166666666667rem;
}
.hpage4 .flax {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hpage4 .bprv {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.hpage4 .next,.hpage4 .prev {
	background:url(../images/qw32.png) no-repeat center;
	width:2.5rem;
	height:2.5rem;
	border-radius:50%;
	cursor:pointer;
	margin-top:-1.25rem;
}
.hpage4 .next {
	margin-left:1.3541666666666667rem;
}
.hpage4 .next {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
}
.hpage4 .prev.on,.hpage4 .next:hover,.hpage4 .prev:hover {
	background:url(../images/qw32-1.png) no-repeat center #001036;
}
.hpage4 .swipidea {
	margin-top:1.5625rem;
}
.hpage4 .swiper-slide {
	width:35.677083333333336rem;
	height:25.260416666666668rem;
	border-radius:0.9375rem;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.hpage4 .swiper-slide h5 {
	position:absolute;
	left:0;
	right:0;
	bottom:1.5625rem;
	z-index:1;
	font-size:1.6666666666666667rem;
	line-height:1.6;
	color:#fff;
	padding:0 2.604166666666667rem;
	font-weight:bold;
	letter-spacing:0.10416666666666667rem;
}
.hpage4 .swiper-slide h5.ons {
	color:#090909;
}
.hpage4 .swiper-slide .msk {
	position:absolute;
	left:0;
	right:0;
	top:100%;
	z-index:1;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hpage4 .swiper-slide:hover .msk {
	top:0;
}
.hpage4 .swiper-slide:hover  h5 {
	display:none;
}
.hpage4 .swiper-slide .ts {
	padding:3.125rem 2.604166666666667rem 0;
}
.hpage4 .swiper-slide h4 {
	font-size:1.6666666666666667rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	margin-bottom:1.5625rem;
}
.hpage4 .swiper-slide p {
	font-size:0.9375rem;
	line-height:1.7;
	color:#fff;
}
.hpage1 {
	position:relative;
	height:44.270833333333336rem;
}
.hpage1 .wenz {
	position:absolute;
	right:1.8229166666666667rem;
	bottom:0;
	z-index:1;
	width:75.20833333333334rem;
}
.hpage1 .wenz img {
	width:100%;
	display:block;
}
.hpage1 .wrap {
	display:flex;
	justify-content:flex-end;
}
.hpage1 .txt {
	max-width:35.520833333333336rem;
	margin-top:8.854166666666668rem;
}
.hpage1 .txt p {
	font-size:16px;
	line-height:1.8;
	color:#363636;
	margin:1.1458333333333335rem 0 2.3958333333333335rem;
}
.hpage1 .hbtns {
	background:none;
	border:1px solid #707070;
}
.hpage1 .hbtns i {
	color:#232323;
	display:inline-block;
	background:url(../images/qw50.png) no-repeat right center;
	background-size:0.5729166666666667rem auto;
}
.hpage2 {
	position:relative;
}
.hpage2 .tit {
	position:absolute;
	left:13.541666666666668rem;
	top:5.46875rem;
	z-index:1;
}
.hpage2 .tit h4 {
	background:linear-gradient(to bottom,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 80%);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.hpage2 .tit h3 {
	color:#fff;
}
.hpage2 .hd li .wrap {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	height:46.614583333333336rem;
}
.hpage2 .hd li .text {
	max-width:31.770833333333336rem;
}
.hpage2 .hd li h6 i {
	display:inline-block;
	font-size:16px;
	line-height:1.4583333333333335rem;
	color:#fff;
	border-radius:0.3125rem;
	padding:0 0.5208333333333334rem;
	background:rgba(255,255,255,0.1);
}
.hpage2 .hd li h5 {
	font-size:2.0833333333333335rem;
	line-height:1.5;
	color:#fff;
	font-weight:bold;
	margin:0.7291666666666667rem 0 1.5625rem;
}
.hpage2 .hd li p {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:rgba(255,255,255,0.7);
}
.hpage2 .bd {
	position:absolute;
	right:13.541666666666668rem;
	top:6.770833333333334rem;
	z-index:1;
	width:39.375rem;
}
.hpage2 .bd ul {
	display:flex;
	flex-wrap:wrap;
}
.hpage2 .bd li {
	width:calc(100% / 3);
	height:10.9375rem;
	padding:1.0416666666666667rem 1.25rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	cursor:pointer;
}
.hpage2 .bd li h6 {
	font-size:16px;
	line-height:1.6;
	color:rgba(255,255,255,0.7);
	text-align:right;
	margin-bottom:2.0833333333333335rem;
}
.hpage2 .bd li h4 {
	font-size:1.5625rem;
	line-height:1.6;
	color:rgba(255,255,255,0.4);
	font-weight:bold;
	font-style:italic;
}
.hpage2 .bd li p {
	font-size:1.1458333333333335rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
}
.hpage2 .bd li i {
	position:absolute;
	background:rgba(255,255,255,0.3);
}
.hpage2 .bd li i.l {
	left:0;
	top:-0.2604166666666667rem;
	z-index:1;
	height:11.458333333333334rem;
	width:0.052083333333333336rem;
}
.hpage2 .bd li i.r {
	height:11.458333333333334rem;
	width:0.052083333333333336rem;
	right:0;
	top:-0.2604166666666667rem;
	z-index:1;
}
.hpage2 .bd li i.t {
	height:0.052083333333333336rem;
	width:14.0625rem;
	left:-0.4166666666666667rem;
	top:0;
	z-index:1;
}
.hpage2 .bd li i.b {
	height:0.052083333333333336rem;
	width:14.0625rem;
	left:-0.4166666666666667rem;
	bottom:0;
	z-index:1;
}
.hpage2 .bd li i.tw1 {
	height:0.052083333333333336rem;
	width:12.864583333333334rem;
	left:0.5208333333333334rem;
	top:-0.052083333333333336rem;
	z-index:1;
}
.hpage2 .bd li.item.on,.hpage2 .bd li.item:hover {
	background:rgba(255,255,255,0.2);
}
.hbanner .spans {
	position:absolute;
	left:0;
	right:0;
	bottom:1.0416666666666667rem;
	z-index:2;
	width:auto;
	text-align:center;
	top:auto;
}
.hbanner .spans .swiper-slide{
width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
}
.hbanner .spans i {
	width:0.4166666666666667rem;
	height:0.4166666666666667rem;
	background:#c8c9cc;
	border-radius:50%;
	display:block;
}
.hbanner .spans .swiper-slide-thumb-active i{
	opacity: 0;
}
.hbanner .swiper-slide-active .txt {
	-webkit-animation:fadeInUp 1s .2s ease both;
	-moz-animation:fadeInUp 1s .2s ease both;
}
.hpage1 .hbtns:hover {
	background:#001036;
	border-color:#001036;
}
.hpage1 .hbtns:hover i {
	color:#fff;
	background:url(../images/qw48.png) no-repeat right center;
	background-size:0.5729166666666667rem auto;
}
.product .pro5 li,.hpage3 li {
	position:relative;
	top:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	cursor:pointer;
}
.product .pro5 li:hover {
	top:-0.5208333333333334rem;
}
.hpage3 li:hover {
	top:-0.5208333333333334rem;
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.product .pro5 li:hover img,.hpage3 li:hover img {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	/* IE 9*/
	-moz-transform:scale(1.1);
	/* Firefox*/
	-webkit-transform:scale(1.1);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.1);
}
.product .pro2 .swiper-slide img,.product .pro5 li img,.hpage3 li img {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hpage4 .swiper-slide img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.product .pro2 .swiper-slide:hover img,.hpage4 .swiper-slide:hover img {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	/* IE 9*/
	-moz-transform:scale(1.1);
	/* Firefox*/
	-webkit-transform:scale(1.1);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.1);
}
.footer .nav dd a:hover {
	color:#fff;
}
.footer .tfs dd {
	position:relative;
	top:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.footer .tfs dd:hover {
	top:-0.2604166666666667rem;
}
.join .list li:hover h5 {
	background:#010c26;
}
.ture:hover {
	background:#001036;
}
.ture:hover span {
	background:url(../images/qw30-1.png) no-repeat left center;
	background-size:0.36458333333333337rem auto;
	color:#fff;
}
.hpage2 .hd li:nth-child(n+2) {
	display:none;
}
.BMap_bubble_content {
	padding:0 !important;
	margin:0 !important;
}
.BMap_bubble_title {
	display:none !important;
}
.BMap_pop .BMap_top,.BMap_pop .BMap_center,.BMap_pop .BMap_bottom {
	background:none !important;
}
.BMap_pop>div>div {
	background:none !important;
	border:none !important;
}
.BMap_bottom,.BMap_center,.BMap_top,.BMap_pop img {
	display:none !important;
}
.BMap_pop {
	border:none !important;
	box-shadow:none !important;
	background:transparent !important;
}
.BMap_shadow {
	display:none !important;
}



.hbanner .spans .swiper-slide svg {
	position:absolute;
	left:0px;
	right:0px;
	margin:-2px;
	top:0px;
	z-index:1;
	bottom:0px;
	opacity: 0;
}
.hbanner .spans .swiper-slide circle {
	fill:none;
	stroke-width:2;
	stroke-linecap:round;
}
.hbanner .spans .swiper-slide.swiper-slide-thumb-active circle {
	animation:dash 5s ease-in-out both,color-change 2s linear both;
}
.hbanner .spans .swiper-slide.swiper-slide-thumb-active svg{
	opacity: 1;
}
@keyframes dash {
	0% {
	stroke-dashoffset:251.2;
}
100% {
	stroke-dashoffset:0;
}
;}@keyframes color-change {
	0% {
	stroke:#253f8e;
}
50% {
	stroke:#253f8e;
}
100% {
	stroke:#253f8e;
}
;}