.uityouce {
	position:fixed;
	right:1%;
	bottom:24%;
	z-index:999;
}
.uityouce li {
	background:#fff;
	width:3.90625rem;
	height:3.90625rem;
	border-radius:0.3125rem;
	text-align:center;
	margin-bottom:0.2604166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	padding-top:0.10416666666666667rem;
	box-shadow:0 0 0.5208333333333334rem 0 #d6e8ff;
}
.uityouce li h6 {
	font-size:0.625rem;
	line-height:1.6;
	color:#666666;
	text-align:center;
	margin-top:0.20833333333333334rem;
}
.uityouce li .icon {
	width:1.93rem;
	margin:0 auto;
}
.uityouce li .icon img {
	margin:0 auto;
	display:block;
	max-width:100%;
	max-height:100%;
	object-fit:contain;
}
.uityouce li .weixs {
	width:7.604166666666667rem;
	position:absolute;
	right:100%;
	margin-right:1.0416666666666667rem;
	top:-1.71875rem;
	z-index:11;
	background:#fff;
	border-radius:0.3125rem;
	padding:0.5208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:none;
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.uityouce li .phone::before {
	content:"";
	position:absolute;
	right:-0.5208333333333334rem;
	top:50%;
	z-index:-1;
	background:url(../images/qms12.png) no-repeat center;
	width:0.5208333333333334rem;
	height:1.40625rem;
	margin-top:-0.6770833333333334rem;
}
.uityouce li .weixs::before {
	content:"";
	position:absolute;
	right:-0.5208333333333334rem;
	top:50%;
	z-index:1;
	background:url(../images/qms12.png) no-repeat center;
	width:0.5208333333333334rem;
	height:1.40625rem;
	margin-top:-0.6770833333333334rem;
}
.uityouce li .weixs img {
	display:block;
	width:100%;
}
.uityouce li a {
	padding:0.4166666666666667rem 0;
	display:block;
}
.uityouce li:hover .hover {
	display:block;
}
.uityouce .phone {
	position:absolute;
	right:100%;
	top:18%;
	line-height:2.604166666666667rem;
	padding:0 1.0416666666666667rem;
	background:#fff;
	white-space:nowrap;
	font-size:0.9375rem;
	color:#333;
	border-radius:0.3125rem;
	margin-right:0.78125rem;
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.2);
	display:none;
}
.uityouce li:hover .hover {
	display:block;
}
.wrap {
	width:78.125rem;
	margin:0 auto;
}
.layout {
	overflow:hidden;
	position:relative;
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:23;
	height:4.479166666666667rem;
}
.header.on {
	background:rgba(15, 96, 243, 0.75) !important;
    backdrop-filter: blur(8px);
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.header .logo {
	max-width:9.270833333333334rem;
	display:block;
}
.header .logo img {
	width:100%;
	display:block;
}
.header .naver ul {
	display:flex;
}
.header .naver li a {
	font-size:0.8333333333333334rem;
	line-height:4.479166666666667rem;
	color:#fff;
}
.header .naver li:last-child {
	margin-right:0;
}
.header .naver li {
	margin-right:3.4375rem;
}
.hbanner {
	height:33.333333333333336rem;
	position:relative;
}
.hbanner .wrap {
	height:100%;
	position:relative;
}
.hbanner .txt {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	z-index:1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 和 Chrome*/
	-o-transform:translateY(-50%);
}
.hbanner .txt h2 {
	font-size:3.4375rem;
	line-height:1.1;
	color:#fff;
	font-weight:bold;
}
.hbanner .txt h2 span {
	color:#ff7a29;
	font-size:3.9583333333333335rem;
	font-weight:bold;
}
.hbanner .txt h3 {
	font-size:2.0833333333333335rem;
	line-height:1.6;
	color:#ffffff;
}
.hbanner .txt dl {
	margin-top:2.604166666666667rem;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.hbanner .txt dd {
	margin-right:1.0416666666666667rem;
}
.hbanner .txt dd a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:8.59375rem;
	border:1px solid #ff7a29;
	border-radius:1.25rem;
	height:2.604166666666667rem;
	padding:0 0.15625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	transition:all 0s;
}
.hbanner .txt dd .ico {
	width:2.291666666666667rem;
	height:2.291666666666667rem;
	border-radius:100%;
	background:linear-gradient(to bottom,#ff7c2c,#ffa066);
	overflow:hidden;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
}
.hbanner .txt dd .tico {
	height:1.25rem;
	overflow:hidden;
	position:relative;
	margin:auto;
}
.hbanner .txt dd .ico img {
	max-width:100%;
	max-height:100%;
	display:block;
	position:relative;
	top:0;
	margin:auto;
	object-fit:contain;
	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;
}
.hbanner .txt dd a:hover .ico img {
	top:-100%;
}
.hbanner .txt dd:nth-child(2) a:hover .ico img {
	top:-90%;
}
.hbanner .txt dd p {
	font-size:1.1458333333333335rem;
	line-height:2.291666666666667rem;
	color:#ff7a29;
	width:calc(100% - 2.291666666666667rem);
	text-align:center;
}
.hbanner .txt dd a:hover .ico {
	background:#fff;
}
.hbanner .txt dd a:hover {
	background:#ff7a29;
}
.hbanner .txt dd a:hover p {
	color:#fff;
}
.hbanner .spot {
	position:absolute;
	left:0;
	right:0;
	bottom:1.0416666666666667rem;
	z-index:223;
	text-align:center;
}
.hbanner .spot span {
	width:2.0833333333333335rem;
	height:0.10416666666666667rem;
	background:rgba(255,255,255,0.3);
	margin:0 0.4166666666666667rem !important;
	border-radius:initial;
	opacity:1;
}
.hbanner .spot .swiper-pagination-bullet-active {
	height:0.2604166666666667rem;
	background:#ff7a29;
}
.hbanner .swiper-slide-active .wrap {
	-webkit-animation:fadeInUp 1s 0s ease both;
	-moz-animation:fadeInUp 1s 0s ease both;
}
.footer {
	background:#313b46;
	padding:3.125rem 0 2.0833333333333335rem;
}
.footer .tps {
	border-bottom:0.052083333333333336rem solid #464f59;
	padding-bottom:0.78125rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.footer .tps .logo {
	display:block;
	max-width:9.270833333333334rem;
}
.footer .tps .logo img {
	width:100%;
	display:block;
}
.footer .tps .nav ul {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.footer .tps .nav li a {
	font-size:0.8333333333333334rem;
	line-height:2.604166666666667rem;
	color:#fff;
	display:block;
}
.footer .tps .nav li:last-child {
	margin-right:0;
}
.footer .tps .nav li {
	margin-right:3.125rem;
}
.footer .tbs {
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
	align-items:center;
	margin-top:1.5625rem;
}
.footer .tbs .rts {
	width:5.9375rem;
}
.footer .tbs .rts .wx img {
	width:100%;
	height:100%;
	display:block;
}
.footer .tbs .rts .wx {
	width:100%;
	height:5.9375rem;
	overflow:hidden;
}
.footer .tbs .rts h6 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#aeb0b3;
	text-align:center;
	margin-top:0.20833333333333334rem;
}
.footer .tbs .text {
	width:calc(100% - 14.0625rem);
}
.footer .tbs dl {
	padding-bottom:0.9375rem;
	border-bottom:0.052083333333333336rem solid #464f59;
}
.footer .tbs dd {
	font-size:0.7291666666666667rem;
	line-height:1.25rem;
	color:#aeb0b3;
}
.footer .tbs .copyright {
	font-size:0.7291666666666667rem;
	line-height:1.25rem;
	color:#aeb0b3;
	padding-top:0.5208333333333334rem;
}
.footer .tbs .copyright a {
	color:#aeb0b3;
}
.tit {
	text-align:center;
}
.tit p {
	font-size:0.9375rem;
	line-height:1.6;
	color:#666666;
}
.tit h2 {
	font-size:1.875rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
	margin-bottom:0.2604166666666667rem;
	position:relative;
	display:inline-block;
}
.tit h2::before {
	content:"";
	position:absolute;
	left:-1.0416666666666667rem;
	top:-0.2604166666666667rem;
	z-index:1;
	background:url(../images/qms3.png) no-repeat center/cover;
	width:1.9791666666666667rem;
	height:1.9791666666666667rem;
}
.tit h2::after {
	content:"";
	position:absolute;
	right:-1.40625rem;
	bottom:0.20833333333333334rem;
	z-index:1;
	background:url(../images/qms19.png) no-repeat center/cover;
	width:1.1458333333333335rem;
	height:1.40625rem;
}
.hpage2 {
	padding:4.479166666666667rem 0 5.729166666666667rem;
}
.hpage2 ul {
	margin-top:1.5625rem;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.hpage2 li {
	margin-right:2.0833333333333335rem;
	width:calc((100% - 4.270833333333334rem)/3);
	background:#fff;
	border-radius:0.4166666666666667rem;
	overflow:hidden;
}
.hpage2 li:last-child {
	margin-right:0;
}
.hpage2 li .tbs {
	padding:1.4583333333333335rem 1.5625rem 2.604166666666667rem;
}
.hpage2 li .tbs h5 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#2184ff;
	font-weight:bold;
	margin-bottom:0.2604166666666667rem;
}
.hpage2 li .tbs p {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#666666;
}
.hpage2 li .tps {
	background:linear-gradient(to right,#f6f9ff,#eef2fd);
	position:relative;
	overflow:hidden;
	padding:2.916666666666667rem 1.5625rem;
}
.hpage2 li .tps h3 {
	font-size:1.3541666666666667rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
}
.hpage2 li .tps .img {
	width:9.479166666666668rem;
	position:absolute;
	right:0.5208333333333334rem;
	bottom:-1.25rem;
	z-index:1;
}
.hpage2 li .tps .img img {
	width:100%;
	display:block;
}
.hpage4 {
	padding:3.854166666666667rem 0 4.375rem;
	background:#f8fbff;
}
.hpage4 ul {
	margin-top:1.0416666666666667rem;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.hpage4 li {
	margin-right:2.0833333333333335rem;
	width:calc((100% - 4.270833333333334rem)/3);
	background:#fff;
	border-radius:0.4166666666666667rem;
	box-shadow:0 0.2604166666666667rem 0.5208333333333334rem 0 #ebf3ff;
	overflow:hidden;
	padding:1.25rem 1.4583333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage4 li:last-child {
	margin-right:0;
}
.hpage4 li h3 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#ff7a29;
	font-weight:bold;
}
.hpage4 li .pic {
	background:#f8fbff;
	height:10.833333333333334rem;
	margin:0.5208333333333334rem 0 0.9375rem;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
}
.hpage4 li .pic img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
	margin: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;
}
.hpage4 li:hover .pic 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);
}
.hpage4 li dd {
	font-size:0.8333333333333334rem;
	line-height:1.4583333333333335rem;
	color:#666666;
	background:url(../images/qms17.png) no-repeat left top 0.5208333333333334rem;
	background-size:0.46875rem auto;
	padding-left:0.8333333333333334rem;
	margin-bottom:0.625rem;
}
.hpage1 {
	position:relative;
	padding:4.895833333333334rem 0;
	z-index:2;
}
.hpage1::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:50%;
	z-index:-1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 和 Chrome*/
	-o-transform:translateY(-50%);
	background:url(../images/qms20.png) no-repeat center/cover;
	width:100%;
	height:24.583333333333336rem;
}
.hpage1 .tps {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:1.0416666666666667rem;
}
.hpage1 .tps ul {
	background:#f3f5fa;
	height:2.604166666666667rem;
	border-radius:1.5625rem;
	text-align:center;
	font-size:0;
}
.hpage1 .tps li {
	width:9.375rem;
	font-size:0.9375rem;
	line-height:2.604166666666667rem;
	color:#232323;
	display:inline-block;
	border-radius:1.5625rem;
	cursor:pointer;
}
.hpage1 .tps li.on,.hpage1 .tps li:hover {
	background:linear-gradient(to bottom,#2486ff,#4c9bff);
	color:#fff;
}
.hpage1 .ovs {
	margin-top:2.34375rem;
}
.hpage1 .tbs .flax {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hpage1 .tbs .pic {
	width:50%;
	padding-left:2.8125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage1 .tbs .pic img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
}
.hpage1 .tbs .txt {
	width:50%;
	padding-left:3.3333333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage1 .tbs .txt .ico {
	width:2.0833333333333335rem;
	display:block;
}
.hpage1 .tbs .txt h4 {
	font-size:1.25rem;
	line-height:1.6;
	color:#232323;
}
.hpage1 .tbs .txt h6 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#ff7a29;
	font-weight:bold;
	margin:0.9375rem 0;
}
.hpage1 .tbs .txt .del {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#666666;
}
.more {
	width:7.8125rem;
	line-height:2.0833333333333335rem;
	text-align:center;
	display:block;
	font-size:0.8333333333333334rem;
	color:#fff;
	background:linear-gradient(to right,#2586ff,#4c9cff);
	border-radius:1.5625rem;
	margin-top:3.90625rem;
}
.hpage5 {
	padding:4.166666666666667rem 0 5.208333333333334rem;
}
.hpage5 .tps ul {
	display:flex;
	justify-content:center;
	align-items:center;
}
.hpage5 .tps li {
	margin:0 1.5625rem;
	cursor:pointer;
}
.hpage5 .tps li span {
	display:inline-block;
	position:relative;
	font-size:1.25rem;
	line-height:1.7;
	color:#999999;
	z-index:1;
	font-weight:bold;
	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;
}
.hpage5 .tps li span::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0.3125rem;
	z-index:-1;
	width:0;
	height:0.4166666666666667rem;
	background:#d0e5ff;
	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;
	margin:0 auto;
}
.hpage5 .tps li.on span::before,.hpage5 .tps li:hover span::before {
	width:100%;
}
.hpage5 .tps li.on span,.hpage5 .tps li:hover span {
	font-size:1.6666666666666667rem;
	color:#2184ff;
	font-weight:bold;
}
.hpage5 .more {
	margin:2.34375rem auto 0;
}
.hpage5 .ovs {
	margin-top:1.5625rem;
}
.hpage5 .bds .flax {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hpage5 .bds .swiplts {
	width:calc(100% - 40.625rem);
	position:relative;
	height:22.8125rem;
	overflow:hidden;
	border-radius:0.5208333333333334rem;
}
.hpage5 .bds .rts {
	width:37.5rem;
}
.hpage5 .bds .rts li a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.3541666666666667rem 0;
	border-bottom:0.052083333333333336rem solid #eeeeee;
}
.hpage5 .bds .rts li:last-child a {
	border-bottom:none;
}
.hpage5 .bds .rts li:nth-child(1) a {
	padding-top:0;
}
.hpage5 .bds .rts li .nms {
	width:4.166666666666667rem;
	text-align:center;
}
.hpage5 .bds .rts li .ts {
	width:calc(100% - 4.947916666666667rem);
}
.hpage5 .bds .rts li h3 {
	font-size:1.6666666666666667rem;
	line-height:1.2;
	color:#232323;
	font-weight:bold;
}
.hpage5 .bds .rts li h4 {
	font-size:0.9375rem;
	line-height:1.2;
	color:#999999;
}
.hpage5 .bds .rts li h5 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#232323;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight:bold;
	margin-bottom:0.2604166666666667rem;
}
.hpage5 .bds .rts li p {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#666666;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hpage5 .bds .swiplts img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage5 .bds .swiplts .txt {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.9));
	padding:1.25rem;
}
.hpage5 .bds .swiplts .txt h3 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	margin-bottom:0.5208333333333334rem;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hpage5 .bds .swiplts .txt p {
	font-size:0.7291666666666667rem;
	line-height:1.1458333333333335rem;
	height:2.291666666666667rem;
	overflow:hidden;
	color:#b4b4b4;
}
.hpage5 .bds .swiplts .prev,.hpage5 .bds .swiplts .next {
	position:absolute;
	left:1.4583333333333335rem;
	top:50%;
	z-index:3;
	background:url(../images/prev.png) no-repeat center/cover;
	width:0.8854166666666667rem;
	height:1.6145833333333335rem;
	margin-top:-0.78125rem;
	cursor:pointer;
}
.hpage5 .bds .swiplts .next {
	left:auto;
	right:1.4583333333333335rem;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
}
.hpage3 {
	padding:5.208333333333334rem 0 7.8125rem;
}
.hpage3 .tit h2::before {
	content:"";
	background:url(../images/qms21.png) no-repeat center/cover;
}
.hpage3 .tit h2::after {
	content:"";
	background:url(../images/qms22.png) no-repeat center/cover;
}
.hpage3 .tit h2 {
	color:#fff;
}
.hpage3 .ovs {
	margin-top:2.0833333333333335rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hpage3 .lts {
	width:13.020833333333334rem;
}
.hpage3 .box {
	width:calc(100% - 17.96875rem);
}
.hpage3 .lts li {
	background:#3790ec;
	margin-bottom:0.20833333333333334rem;
	border-radius:0.5208333333333334rem;
	height:9.375rem;
	position:relative;
	cursor:pointer;
}
.hpage3 .lts li .ts {
	overflow:hidden;
	width:100%;
	height:100%;
	position:relative;
}
.hpage3 .lts li::before {
	content:"";
	position:absolute;
	right:-0.5208333333333334rem;
	top:50%;
	z-index:1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 和 Chrome*/
	-o-transform:translateY(-50%);
	background:url(../images/qms12.png) no-repeat center/cover;
	width:0.5208333333333334rem;
	height:1.40625rem;
	display:none;
}
.hpage3 .lts li .img {
	width:11.354166666666668rem;
	position:absolute;
	right:-1.4583333333333335rem;
	bottom:-1.25rem;
	z-index:1;
}
.hpage3 .lts li .img img {
	width:100%;
	display:block;
}
.hpage3 .lts li h3 {
	padding-top:1.6666666666666667rem;
	padding-left:1.1458333333333335rem;
	font-size:0.9375rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
}
.hpage3 .lts li.on,.hpage3 .lts li:hover {
	background:#fff;
}
.hpage3 .lts li.on h3,.hpage3 .lts li:hover h3 {
	color:#2184ff;
}
.hpage3 .lts li.on::before,.hpage3 .lts li:hover::before {
	display:block;
}
.hpage3 .bds .flax {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hpage3 .bds .pictuban {
	width:50%;
	overflow:hidden;
	position:relative;padding-bottom: 1.842rem;
}
.hpage3 .bds .pictuban .spot {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	text-align:center;
}
.hpage3 .bds .pictuban .spot span {
	width:0.5333333333333334rem;
	height:0.5333333333333334rem;
	border-radius:100%;
	margin:0 0.3604166666666667rem !important;background: #fff;border-radius: 50%;
}
.hpage3 .bds .pictuban .spot .swiper-pagination-bullet-active {
	opacity:1;
}
.hpage3 .bds .pictuban img {
	display:block;
	margin:0 auto;
}
.hpage3 .bds .txt {
	width:47%;
}
.hpage3 .bds .txt h5 {
	font-size:1.5625rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	margin-bottom:1.3020833333333335rem;
}
.hpage3 .bds .txt .del {
	font-size:0.9375rem;
	line-height:1.6;
	color:#fff;
	margin-bottom:3.6458333333333335rem;
}
.hpage3 .bds .txt .btn {
	width:7.8125rem;
	line-height:2.0833333333333335rem;
	text-align:center;
	display:block;
	font-size:0.8333333333333334rem;
	color:#fff;
	background:linear-gradient(to right,#fc9925,#f18d16);
	border-radius:1.5625rem;
}
.hpage5 .bds,.hpage3 .bds,.hpage1 .tbs {
	display:none;
}
/* .hpage5 .bds:nth-child(1),.hpage3 .bds:nth-child(1),.hpage1 .tbs:nth-child(1) {
	display:block;
} */
.more:hover {
	background:linear-gradient(to right,#2177e3,#478bdf);
}
.hpage4 li,.hpage2 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;
}
.hpage4 li:hover,.hpage2 li:hover {
	top:-0.5208333333333334rem;
}
.hpage3 .bds .txt .btn:hover {
	background:linear-gradient(to right,#ea9026,#d88d35);
}
.hpage5 .bds .rts li:hover h5 {
	color:#2184ff;
}
.header .naver li.on a,.header .naver li:hover a,.footer .tps .nav li a:hover {
	color:#ff7a29;
}
.hpage4s {
	padding:5.520833333333334rem 0;
}
.hpage4s .del {
	font-size:0.8333333333333334rem;
	line-height:1.8;
	color:#666666;
	text-align:center;
	margin:1.3541666666666667rem 0 1.5625rem;
}


.hpage5 .bds.on,.hpage3 .bds.on,.hpage1 .tbs.on{
	display: block;-webkit-animation:fadeInUp 1s .2s ease both;
-moz-animation:fadeInUp 1s .2s ease both
}



.hpage3 .bds .pictuban{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: auto;
}
.hpage3 .bds .prev,
.hpage3 .bds .next{
	width: 40px;
	height: 40px;
	background: url(../images/prev1.png) no-repeat center/50% auto;
	position: absolute;
	left: -40px;
	top: 50%;z-index: 99;
	margin: -20px 0 0;
	cursor: pointer;
}
.hpage3 .bds .next{
	left: auto;right: -40px;
	transform: rotate(180deg);
}
.hpage3 .bds .por{
	position: relative;
	width: 50%;
}




.probanner {
	height:20.833333333333336rem;
}
.probanner .wrap {
	height:100%;
	position:relative;
}
.probanner .txt {
	position:absolute;
	left:0;
	right:0;
	top:40%;
	z-index:1;
	text-align:center;
}
.probanner .txt h2 {
	font-size:2.8645833333333335rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
}
.probanner .txt p {
	font-size:1.1979166666666667rem;
	line-height:1.6;
	color:#ccd0df;
}
.propg4 {
	padding:4.166666666666667rem 0 6.25rem;
}
.propg4 .bds {
	margin-top:1.3020833333333335rem;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.propg4 .bds .pic {
	width:44.270833333333336rem;
	margin-left:-2.604166666666667rem;
}
.propg4 .bds .pic img {
	width:100%;
	display:block;
}
.propg4 .bds .rts {
	width:33.85416666666667rem;
	margin-top:1.25rem;
}
.propg4 .bds h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
	margin-bottom:1.0416666666666667rem;
}
.propg4 .bds li {
	margin-bottom:1.3020833333333335rem;
}
.propg4 .bds .tps {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.propg4 .bds h4 {
	width:2.0833333333333335rem;
	border-radius:100%;
	background:#2285ff;
	font-size:1.25rem;
	line-height:2.0833333333333335rem;
	color:#fff;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}
.propg4 .bds p {
	font-size:1.0416666666666667rem;
	line-height:1.9791666666666667rem;
	color:#fff;
	font-weight:bold;
	background:url(../images/xqm2.png) no-repeat center/cover;
	width:calc(100% - 1.25rem);
	padding:0 1.25rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin-left:-0.46875rem;
}
.propg4 .bds .del {
	font-size:0.8333333333333334rem;
	line-height:1.8;
	color:#666666;
	padding:0.5208333333333334rem 0.5208333333333334rem 0;
}
.propg4 .bds .del span {
	display:block;
	font-size:0.9375rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
	margin:1.0416666666666667rem 0 0.5208333333333334rem;
}
.propg4 .bds .del span.on {
	margin-top:0.2604166666666667rem;
}
.propg3 {
	padding:4.166666666666667rem 0 1.0416666666666667rem;
}
.propg2 {
	padding:4.166666666666667rem 0 5.208333333333334rem;
	position:relative;
	background-size:100% auto !important;
}
.propg2::before {
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	bottom:-0.8333333333333334rem;
	z-index:1;
	background:url(../images/xqm6.png) no-repeat center;
	width:2.03125rem;
	height:0.8854166666666667rem;
	background-size:2.03125rem auto;
}
.propg2 .tit h2::before {
	content:"";
	background:url(../images/qms21.png) no-repeat center/cover;
}
.propg2 .tit h2::after {
	content:"";
	background:url(../images/qms22.png) no-repeat center/cover;
}
.propg2 .tit h2 {
	color:#fff;
}
.propg2 .hds {
	margin-top:2.0833333333333335rem;
}
.propg2 .hds ul {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.propg2 .hds li .ico {
	width:1.5104166666666667rem;
}
.propg2 .hds li .ico img {
	max-width:100%;
	display:block;
	object-fit:contain;
	max-height:100%;
}
.propg2 .hds li h3 {
	line-height:1.3;
	color:#fff;
	font-weight:bold;
	display:flex;
	justify-content:flex-start;
	align-items:flex-end;
}
.propg2 .hds li h3 span {
	font-size:2.34375rem;
	display:block;
}
.propg2 .hds li p {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#fff;
}
.propg2 .hds li h3 i {
	font-size:1.25rem;
	display:block;
	margin-bottom:0.625rem;
	line-height:0.8;
}
.propg2 .hds li h3 font {
	font-size:0.78125rem;
}
.propg2 .hds li {
	position:relative;
}
.propg2 .hds li:nth-child(3)::after,.propg2 .hds li:nth-child(2):before,.propg2 .hds li:nth-child(2)::after {
	content:"";
	position:absolute;
	left:-8.333333333333334rem;
	top:50%;
	z-index:1;
	height:4.6875rem;
	width:0.052083333333333336rem;
	background:rgba(255,255,255,0.2);
	margin-top:-2.34375rem;
}
.propg2 .hds li:nth-child(3)::after,.propg2 .hds li:nth-child(2)::after {
	right:-8.333333333333334rem;
	left:auto;
}
.propg2 .bds {
	margin-top:2.604166666666667rem;
}
.propg2 .bds ul {
	display:flex;
	justify-content:center;
	align-items:center;
}
.propg2 .bds li {
	width:8.333333333333334rem;
	margin:0 0.2%;
	transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	height:25.625rem;
	overflow:hidden;
}
.propg2 .bds li .tps {
	padding:2.604166666666667rem 1.0416666666666667rem 0;
	width:100%;
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:0.5208333333333334rem;
	background:url(../images/xqm17.png) no-repeat center/cover;
	transition:all 0.4s;
	-ms-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-o-transition:all 0.4s;
	height:100%;
	position:relative;
}
.propg2 .bds li .tps h3 {
	font-size:1.0416666666666667rem;
	line-height:1.4;
	color:#fff;
	font-weight:bold;
}
.propg2 .bds li .tps .img {
	position:absolute;
	right:-24%;
	bottom:-2%;
	z-index:1;
	width:9.375rem;
}
.propg2 .bds li .tps .img img {
	width:100%;
	display:block;
}
.propg2 .bds li .tbs {
	transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	height:100%;
	width:52.60416666666667rem;
	margin:0 auto;
	border-radius:0.5208333333333334rem;
	background:url(../images/xqm16.png) no-repeat center/cover;
	padding:2.7083333333333335rem 0 0 2.7083333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.propg2 .bds li .tbs .flax {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.propg2 .bds li .tbs .pic {
	width:25.3125rem;
	margin-right:-10%;
}
.propg2 .bds li .tbs .pic img {
	width:100%;
	display:block;
}
.propg2 .bds li .tbs .ls {
	width:27.864583333333336rem;
}
.propg2 .bds li .tbs h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#232323;
	font-weight:bold;
	margin-bottom:0.4166666666666667rem;
}
.propg2 .bds li .tbs p {
	font-size:0.7291666666666667rem;
	line-height:1.8;
	color:#666666;
}
.propg2 .bds li .tbs .bs {
	margin-top:3.6458333333333335rem;
}
.propg2 .bds li .tbs h4 {
	font-size:0.9375rem;
	line-height:1.6;
	color:#2285ff;
	font-weight:bold;
	margin-bottom:1.0416666666666667rem;
}
.propg2 .bds li .tbs h4 span {
	display:inline-block;
	padding:0 0.3125rem;
	background:#2285ff;
	border-radius:0.20833333333333334rem;
	color:#fff;
	margin-right:0.5208333333333334rem;
}
.propg2 .bds li.on .tbs {
	opacity:1;
}
.propg2 .bds li.on {
	width:52.60416666666667rem;
}
.propg2 .bds li.on .tps {
	opacity:0;
}
.propg1 {
	padding:4.166666666666667rem 0;
	position:relative;
	z-index:10;
}
.propg1 .wrap {
	position:relative;
}
.propg1 .bds {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.propg1 .bds .pic {
	width:38.125rem;
	margin-right:-5%;
	position:absolute;
	right:0;
	top:14%;
	z-index:1;
}
.propg1 .bds .pic img {
	width:100%;
	display:block;
}
.propg1 .bds .lts {
	width:46.145833333333336rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	z-index:3;
}
.propg1 .bds li {
	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;
}
.propg1 .bds li .ds {
	padding:1.875rem 1.7708333333333335rem 2.0833333333333335rem;
	border-radius:0.78125rem;
	box-shadow:0 0 1.0416666666666667rem 0 #ecf4ff;
	background:#fff;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.propg1 .bds .lts .ls {
	width:calc((100% - 1.0416666666666667rem)/2);
}
.propg1 .bds li .ds h4 {
	font-size:0.7291666666666667rem;
	line-height:1.6;
	color:#ff7a29;
	font-weight:bold;
}
.propg1 .bds li .ds h3 {
	font-size:1.3541666666666667rem;
	line-height:1.4;
	color:#232323;
	font-weight:bold;
	margin-bottom:0.78125rem;
}
.propg1 .bds li .ds .del {
	font-size:0.7291666666666667rem;
	line-height:1.8;
	color:#666666;
}
.propg1 .bds li .ds h5 span {
	display:inline-block;
	padding:0 0.3125rem;
	background:#2285ff;
	border-radius:0.20833333333333334rem;
	color:#fff;
	font-size:0.9375rem;
	font-weight:bold;
	line-height:1.25rem;
}
.propg1 .bds li .ds h5 {
	margin-top:1.3020833333333335rem;
}
.propg1 .bds li {
	margin-bottom:1.3541666666666667rem;
	position:relative;
}
.propg1 .bds li.on .ds h4,.propg1 .bds li.on .ds h3,.propg1 .bds li.on .ds .del,.propg1 .bds li:hover .ds h4,.propg1 .bds li:hover .ds h3,.propg1 .bds li:hover .ds .del {
	color:#fff;
}
.propg1 .bds li.on .ds,.propg1 .bds li:hover .ds {
	background:#2285ff;
}
.propg1 .bds li.on .ds h5 span,.propg1 .bds li:hover .ds h5 span {
	color:#2285ff;
	background:#fff;
}
.propg1 .bds li .ds h5.on {
	margin:0 0 0.78125rem;
}
.propg1 .bds li .ds .bns {
	width:5.208333333333334rem;
	line-height:1.25rem;
	display:block;
	border:1px solid #232323;
	border-radius:1.0416666666666667rem;
	font-size:0.7291666666666667rem;
	color:#232323;
	font-weight:bold;
	text-align:center;
	margin-top:0.8333333333333334rem;
	transition:all 0s;
}
.propg1 .bds li:hover .ds .bns {
	color:#fff;
	border-color:#fff;
}
.propg1 .bds li .mskzhib {
	position:absolute;
	left:0;
	right:0;
	top:93%;
	z-index:4;
	background:#f4f4f4;
	border-radius:0.78125rem;
	padding:1.5625rem 1.9791666666666667rem 0.5208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:none;
	box-shadow: 0 0 8px 0 rgba(80,80,80,0.2);
}
.propg1 .bds .ls:nth-child(2) li:last-child .mskzhib{
	width:104.6875rem;
}
.propg1 .bds li .mskzhib .flax {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.propg1 .bds li .mskzhib h6 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#2284ff;
	font-weight:bold;
	margin-bottom:0.3125rem;
}
.propg1 .bds li .mskzhib p {
	font-size:0.7291666666666667rem;
	line-height:1.8;
	color:#666666;
}
.propg1 .bds li .mskzhib .dl {
	width: 100%;
	margin-bottom:1.0416666666666667rem;
}
.propg1 .bds .ls:nth-child(2) li:last-child .mskzhib .dl{
	width:31%;
}
.propg1 .bds li .mskzhib::before {
	content:"";
	position:absolute;
	left:6%;
	top:-0.4166666666666667rem;
	z-index:1;
	background:url(../images/xqm18.png) no-repeat center;
	width:0.9375rem;
	height:0.46875rem;
}


.propg3 .tagcloud {
	width:52.083333333333336rem;
	height:26.041666666666668rem;
	margin:1.0416666666666667rem auto;
	overflow:hidden;
}
.propg3 .bds {
	overflow:hidden;
}
.propg3 .bds i {
	font-size:1.25rem !important;
}