
.layout {
	overflow:hidden;
}
.wrap {
	padding:0 4.166666666666667rem;
	max-width:100rem;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:111;
	padding:3.0208333333333335rem 0;
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.logo img {
	height:3.4895833333333335rem;
	display:block;
}
.naver ul {
	display:flex;
	align-items:center;
}
.naver li {
	margin-left:0.5208333333333334rem;
}
.naver h3 a {
	font-size:0.9375rem;
	color:#ffffff;
	line-height:3.0208333333333335rem;
	display:block;
	padding:0 2.0833333333333335rem;
	border-radius:3.125rem;
}
.naver li.on h3 a,.naver h3 a:hover {
	background:rgba(42,42,42,0.64);
}
.naver li:last-child h3 a {
	background:linear-gradient(to right,#2e8796,#191f7a);
}
.banner {
	height:100vh;
	min-height:36.458333333333336rem;
	position:relative;
	overflow:hidden;
}
.banner .swiper-slide {
	display:flex;
	justify-content:center;
	align-items:center;
}
.banner .txt h3 {
	font-size:3.4375rem;
	line-height:1.2;
	color:#ffffff;
	text-align:center;
	margin-bottom:3.90625rem;
}
.banner .txt h3 i {
	display:inline-block;
	font-size:4.6875rem;
	font-weight:bold;
	background-image:linear-gradient(to right,#1bd4d1,#1d6cb8);
	-webkit-background-clip:text;
	background-clip:text;
	margin:0 2.0833333333333335rem;
	-webkit-text-fill-color:transparent;
}
.pad100 {
	padding:5.208333333333334rem 0;
}
.tit h2 {
	font-size:3.3333333333333335rem;
	color:#333333;
	text-align:center;
	font-weight:bold;
	line-height:1.4;
	text-transform:uppercase;
}
.tit.wh h2 {
	color:#fff;
}
.hsection .flexicontxt {
	margin-top:4.166666666666667rem;
}
.flexicontxt ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.flexicontxt li {
	width:calc((100% - 3.6458333333333335rem)/2);
	margin-top:1.0416666666666667rem;
	background:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:1.5625rem;
	padding:2.34375rem;
}
.flexicon {
	display:flex;
	align-items:center;
}
.flexicon img {
	width:3.6458333333333335rem;
	display:block;
	margin-right:2.34375rem;
}
.flexicon h4 {
	flex:1;
	font-size:1.6666666666666667rem;
	color:#000000;
	font-weight:bold;
	line-height:1.2;
}
.txtp {
	font-size:0.9375rem;
	color:#666666;
	line-height:1.6;
}
.flexicontxt li .txtp {
	margin-top:1.5625rem;
}
.ticon img {
	display:block;
	margin:0.36458333333333337rem auto 0;
	height:10.989583333333334rem;
}
.boricop ul {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin:-3.125rem -9.375rem 1.5625rem;
}
.boricop ul li {
	display:flex;
	align-items:center;
	background:linear-gradient(to right,rgba(255,255,255,0.2),rgba(255,255,255,1),rgba(255,255,255,0.2));
	border-radius:3.125rem;
	padding:0 2.34375rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	width:28.125rem;
	height:3.125rem;
	margin:0 10.9375rem 1.0416666666666667rem;
}
.boricop ul li p {
	font-size:0.9375rem;
	color:#333333;
	line-height:1.4;
}
.boricop ul li img {
	width:2.0833333333333335rem;
	margin-right:0.78125rem;
	display:block;
	height:2.0833333333333335rem;
	object-fit:contain;
}
.flexbtn a {
	display:flex;
	justify-content:center;
	align-items:center;
}
.flexbtn a i {
	width:11.458333333333334rem;
	line-height:3.125rem;
	border-radius:3.125rem;
	background:#1e23ac;
	font-size:0.8333333333333334rem;
	color:#ffffff;
	text-align:center;
}
.flexbtn a span {
	width:3.125rem;
	margin-left:0.15625rem;
	height:3.125rem;
	border-radius:50%;
	background:#1bd4d1;
	display:flex;
	justify-content:center;
	align-items:center;
}
.flexbtn a span img {
	width:0.9375rem;
	display:block;
}
.hsection2 .flextxpic {
	margin-top:3.125rem;
	margin-bottom:2.0833333333333335rem;
}
.flextxpic {
	display:flex;
	justify-content:space-between;
}
.flextxpic ul {
	width:44.79166666666667rem;
}
.flextxpic li {
	background:rgba(55,103,170,0.8);
	border-radius:1.5625rem;
	padding:2.604166666666667rem 2.34375rem;
	margin-bottom:0.625rem;
}
.flextxpic li:last-child {
	margin-bottom:0;
}
.flexicon.wh h4 {
	color:#fff;
}
.flextxpic li p {
	margin-top:1.8229166666666667rem;
}
.flextxpic li p a {
	display:inline-block;
	font-size:0.9375rem;
	line-height:1.6;
	color:rgba(255,255,255,0.7);
	line-height:1.6;
	margin-bottom:0.3125rem;
}
.flextxpic .pic {
	flex:1;
	margin-left:1.5625rem;
	background:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:2.604166666666667rem 3.385416666666667rem 1.0416666666666667rem;
	border-radius:1.5625rem;
}
.flextxpic .pic img {
	width:100%;
	display:block;
}
.tit h4 {
	text-align:center;
	font-size:2.1875rem;
	line-height:1.2;
	color:#1bd4d1;
	margin-top:2.604166666666667rem;
	text-transform:uppercase;
}
.hsection3 .pictxtul {
	margin-top:2.604166666666667rem;
}
.pictxtul ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.pictxtul li {
	width:calc((100% - 3.6458333333333335rem)/2);
	margin-bottom:1.8229166666666667rem;
}
.pictxtul li a {
	background:#fff;
	border-radius:1.5625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:2.604166666666667rem;
	display:block;
}
.pictxtul li .icon .hovs img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.pictxtul li .icon .hovs{
	border-radius:1.0416666666666667rem;
	overflow: hidden;
}
.pictxtul li .icon {
	position:relative;
}
.pictxtul li .icon i {
	position:absolute;
	right:1.3020833333333335rem;
	bottom:0;
	transform:translateY(50%);
	width:3.125rem;
	height:3.125rem;
	background:#fff;
	display:block;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	box-shadow:0 0.5208333333333334rem 0.78125rem 0 #e7e8f6;
}
.pictxtul li .icon i img{
	width: 0.9375rem;display: block;
}
.pictxtul li .flexicon {
	margin:2.34375rem 0;
}
.footer {
	background:url(../images/hbg4.jpg) no-repeat center/cover;
	padding-top:7.8125rem;
	position:relative;
}
.footer .flex {
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
}
.footer .lt {
	width:36.458333333333336rem;
}
.footer .lt h3 {
	font-size:1.6666666666666667rem;
	line-height:1.4;
	color:#ffffff;
	text-transform:uppercase;
}
.footer .lt h3 i {
	display:inline-block;
	font-weight:bold;
	background-image:linear-gradient(to right,#1bd4d1,#1d6cb8);
	-webkit-background-clip:text;
	background-clip:text;
	margin:0 1.0416666666666667rem;
	font-size:2.1875rem;
	-webkit-text-fill-color:transparent;
}
.footer .lt h6 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#999999;
	margin-top:8.854166666666668rem;
}
.footer .lt .linebt {
	font-size:2.291666666666667rem;
	color:#01c7b8;
	line-height:1.4;
	display:inline-block;
	text-decoration:underline !important;
}
.footer .lt ul {
	display:flex;
	margin-top:3.6458333333333335rem;
}
.footer .lt ul li {
	margin-right:1.5625rem;
}
.footer .lt ul li img {
	height:1.5625rem;
	display:block;
}
.footer .rt {
	width:16.666666666666668rem;
}
.footer .rt .logo img {
	height:4.0625rem;
	display:block;
	margin-bottom:9.895833333333334rem;
}
.footer .nav li a {
	display:flex;
	align-items:center;
	font-size:1.1458333333333335rem;
	color:#999999;
	line-height:1.8;
	margin-bottom:2.0833333333333335rem;
}
.footer .nav li a i {
	color:#1bd4d1;
	margin-right:0.3125rem;
	display:inline-block;
}
.copyright {
	padding:6.25rem 0 2.604166666666667rem;
}
.copyright a {
	font-size:0.8333333333333334rem;
	color:#999999;
	line-height:1.6;
	display:inline-block;
}
.footer .ftop {
	cursor:pointer;
	position:absolute;
	right:0.5208333333333334rem;
	top:-2.96875rem;
	width:3.3333333333333335rem;
	padding:1.0416666666666667rem 0 1.3020833333333335rem;
	text-align:center;
	font-size:0.8333333333333334rem;
	color:#fff;
	line-height:2;
	height:6.770833333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../images/tp1.png) no-repeat center/100% 100%;
}
.footer .ftop img {
	display:block;
	width:1.1458333333333335rem;
	margin:0 auto;
	margin-bottom:1.1458333333333335rem;
}
.banner .spans {
	position:absolute;
	z-index:22;
	left:4.166666666666667rem;
	bottom:4.166666666666667rem;
	width: auto;
}
.banner .spans span {
	width:0.5208333333333334rem;
	height:0.5208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:50%;
	border:2px solid #777882;
	position:relative;
	opacity:1;
	margin-right:0.4166666666666667rem !important;
	background: none;
}
.banner .spans span.swiper-pagination-bullet-active{
	margin-right:4.7rem !important;
}
.banner .spans span::before,.banner .spans span::after {
	content:"";
	width:3.9583333333333335rem;
	position:absolute;
	height:0.15625rem;
	top: 0.08rem;
	left:0.8854166666666667rem;
	background:#2a2c3d;
	border-radius:2.604166666666667rem;
	width: 0;
}
.banner .spans span::after {
	background:#1bd4d1;
}
.banner .spans span.swiper-pagination-bullet-active::before,.banner .spans span.swiper-pagination-bullet-active::after{
	display: block !important;
}
.banner .spans span.swiper-pagination-bullet-active::before{
	width:3.9583333333333335rem !important;
}
.banner .spans span.swiper-pagination-bullet-active::after{
	-webkit-animation:widthw 5s 0s ease both;
	-moz-animation:widthw 5s 0s ease both;
}


@-webkit-keyframes widthw{
0%{width: 0;}
100%{width:3.9583333333333335rem}
}
@-moz-keyframes widthw{
0%{width: 0;}
100%{width:3.9583333333333335rem}
}


.scroll {
	position:absolute;
	right:4.166666666666667rem;
	bottom:1.5625rem;
	z-index:11;
	display:flex;
	align-items:center;
}
.scroll h5 {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	color:#ffffff;
	margin-right:1.25rem;
}
.sline {
	width:0.15625rem;
	height:2.604166666666667rem;
	background:#626370;
	overflow:hidden;
	border-radius:2.604166666666667rem;
}
.sline i {
	width:100%;
	height:0;
	background:#1fcecc;
	display:block;
}
.wbanner {
	position:relative;
	overflow:hidden;
	height:45.052083333333336rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.wbanner .txt h3 {
	font-size:4.583333333333334rem;
	background-image:linear-gradient(to bottom,#2fd8d5,#b4e0e2);
	-webkit-background-clip:text;
	background-clip:text;
	margin:0 2.0833333333333335rem;
	-webkit-text-fill-color:transparent;
	text-align:center;
	font-weight:bold;
}
.tit.color h2 {
	color:#1e23ac;
}
.txtp2 {
	color:#fff;
}
.hsection4 .flextxpic {
	display:block;
	margin-top:6.25rem;
}
.hsection4 .flextxpic ul {
	width:auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.hsection4 .flextxpic ul li {
	width:calc((100% - 1.6666666666666667rem)/2);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:rgba(21,68,135,0.37);
	margin-bottom:1.5625rem;
}
.hsection4 .flextxpic ul li:nth-child(1) {
	margin-right:50%;
}
.quntit {
	background:url(../images/wico6.png) no-repeat center/auto 100%;
	height:19.53125rem;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.quntit h3 {
	font-size:2.7083333333333335rem;
	color:#333333;
	line-height:1.2;
	font-weight:bold;
}
.ulicotxt ul {
	display:flex;
	justify-content:space-between;
	margin-top:-2.604166666666667rem;
	align-items:flex-start;
}
.ulicotxt li {
	width:calc((100% - 3.541666666666667rem)/3);
	background:#fff;
	border-radius:1.5625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:2.0833333333333335rem;
	text-align:center;
}
.ulicotxt li img {
	display:block;
	margin:0 auto;
	width:4.0625rem;
	height:4.0625rem;
	object-fit: contain;
}
.ulicotxt li h4 {
	font-size:1.7708333333333335rem;
	color:#000000;
	font-weight:bold;
	line-height:1.2;
	margin:1.3020833333333335rem 0 2.34375rem;
}
.ulicotxt li:nth-child(3n+2) {
	margin-top:7.8125rem;
}
.hsection6 {
	padding:2.0833333333333335rem 0;
}
.hsection6 .wrap {
	display:flex;
	justify-content:space-between;
}
.hsection6 .tit {
	width:36.458333333333336rem;
	margin-top:2.604166666666667rem;
}
.tit h3 {
	font-size:2.7083333333333335rem;
	font-weight:bold;
	line-height:1.2;
	color:#fff;
}
.hsection6 .flextxpic {
	display:block;
}
.hsection6 .flextxpic ul {
	width:44.01041666666667rem;
}
.hsection6 .flextxpic ul li {
	background:rgba(3,29,115,0.21);
	padding:2.34375rem;
}
.hsection6 .flextxpic ul li {
	margin-bottom:1.25rem;
}
.hsection6 .flextxpic ul li:last-child {
	margin-bottom:0;
}
.future {
	margin-top:4.427083333333334rem;
	padding:5.208333333333334rem 3.6458333333333335rem 3.6458333333333335rem;
	border-radius:1.5625rem;
}
.future ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:3.125rem;
}
.future ul li {
	width:calc((100% - 3.6458333333333335rem)/2);
	margin-top:10.416666666666668rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:rgba(21,68,135,0.61);
	border-radius:1.5625rem;
	padding:2.604166666666667rem 2.34375rem 2.0833333333333335rem;
	position:relative;
	text-align:center;
}
.future ul li:nth-child(1),.future ul li:nth-child(2) {
	margin-top:0;
}
.future ul li h4 {
	font-size:1.7708333333333335rem;
	color:#ffffff;
	font-weight:bold;
	line-height:1.6;
	margin-bottom:1.5625rem;
}
.txt3 {
	color:rgba(255,255,255,0.7);
}
.future ul li img {
	position:absolute;
	left:11.458333333333334rem;
	top:calc(100% - 1.4583333333333335rem);
	width:4.84375rem;
}
.future ul li:nth-child(4) img,.future ul li:nth-child(3) img {
	bottom:calc(100% - 1.4583333333333335rem);
	top:auto;
	left:auto;
	right:6.25rem;
}
.future ul li:nth-child(4) img {
	right:10.9375rem;
}
.tit h5 {
	font-size:2.7083333333333335rem;
	color:#333333;
	font-weight:bold;
	line-height:1.2;
	margin-top:1.0416666666666667rem;
	text-align:center;
}
.picullist {
	display:flex;
	justify-content:space-between;
	margin-top:3.6458333333333335rem;
}
.picullist .pic {
	width:44.01041666666667rem;
	border-radius:1.5625rem;
	background:url(../images/epic1.jpg) no-repeat center/cover;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:4.6875rem 1.5625rem 0;
	text-align:center;
	min-height:31.25rem;
}
.picullist .pic h4 {
	font-size:1.9791666666666667rem;
	color:#1bd4d1;
	line-height:1.2;
}
.picullist .rt {
	flex:1;
	margin-left:3.6458333333333335rem;
	margin-top:3.6458333333333335rem;
}
.picullist .rt li {
	display:flex;
	align-items:flex-start;
	margin-bottom:1.4583333333333335rem;
	background:url(../images/ar2.png) no-repeat left 1.0416666666666667rem bottom/2.34375rem auto;
}
.picullist .rt li i {
	width:4.53125rem;
	line-height:4.53125rem;
	background:url(../images/eico2.png) no-repeat center/contain;
	text-align:center;
	font-size:0.9375rem;
	color:#ffffff;
	font-weight:bold;
	margin-right:2.5rem;
	display:inline-block;
}
.picullist .rt li:nth-child(1) i {
	background:url(../images/eico1.png) no-repeat center/contain;
}
.picullist .rt li:last-child i {
	background:url(../images/eico3.png) no-repeat center/contain;
}
.picullist .rt li .txt {
	flex:1;
}
.picullist .rt li .txt h5 {
	font-size:1.25rem;
	line-height:1.9270833333333335rem;
	color:#333333;
	margin:1.3020833333333335rem 0;
}
.picullist .rt li:last-child {
	background:none;
}
.hsection8 {
	padding:5.729166666666667rem 0 1.5625rem;
}
.hsection8 .flextxpic {
	display:block;
	margin-top:4.6875rem;
}
.hsection8 .flextxpic ul {
	width:auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.hsection8 .flextxpic ul li {
	width:calc((100% - 1.5625rem)/2);
	margin-bottom:2.0833333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:rgba(21,68,135,0.37);
}
.hsection8 .flextxpic ul li:nth-child(1) {
	margin-right:50%;
}
.hsection8 .flextxpic li p {
	color:rgba(255,255,255,0.7);
}
.hsection9 .flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.hsection9 .flex h3 {
	font-size:2.7083333333333335rem;
	color:#tit;
	font-weight:bold;
	line-height:1.2;
	width:36.458333333333336rem;
}
.hsection9 .flex .pic {
	border-radius:1.5625rem;
	background:#fff;
	padding:2.604166666666667rem 3.6458333333333335rem 2.0833333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	width:calc((100% - 1.8229166666666667rem)/2);
}
.hsection9 ul {
	margin-top:2.8645833333333335rem;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.hsection9 ul li {
	width:calc((100% - 1.8229166666666667rem)/2);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:1.5625rem;
	background:#fff;
	padding:3.385416666666667rem 2.0833333333333335rem 1.5625rem;
}
.hsection9 ul li dd {
	display:flex;
	margin-top:1.5625rem;
	margin-left:0.9375rem;
	position:relative;
}
.hsection9 ul li dd i {
	width:1.8229166666666667rem;
	height:1.8229166666666667rem;
	background:url(../images/eico9.png) no-repeat center/contain;
}
.hsection9 ul li dd::before {
	content:"";
	position:absolute;
	left:0.8854166666666667rem;
	width:0.052083333333333336rem;
	background:#7ce6e5;
	top:1.1458333333333335rem;
	bottom:-2.447916666666667rem;
}
.hsection9 ul li dd:last-child::before {
	display:none;
}
.hsection9 ul li dd:last-child i {
	background:url(../images/eico10.png) no-repeat center/contain;
}
.hsection9 ul li dd p {
	flex:1;
	margin-left:2.8645833333333335rem;
}
.hsection9 ul li dd p strong {
	color:#333333;
}
.hsection9 ul li dd p span {
	font-size:0.9375rem;
	color:#1bd4d1;
	font-weight:bold;
}
.quntit2 {
	background:url(../images/rc1.png) no-repeat center/contain;
	height:11.614583333333334rem;
	margin:2.604166666666667rem auto 0;
}
.quntit2 h3 {
	font-size:2.7083333333333335rem;
	color:#1bd4d1;
}
.ulicotxt2 li {
	background:rgba(21,58,135,0.37);
}
.ulicotxt2 li h4 {
	color:#fff;
}
.ulicotxt2 li p {
	color:rgba(255,255,255,0.7);
}
.quntit3 {
	background:url(../images/r7.png) no-repeat center/contain;
	height:15.625rem;
}
.quntit2 h3 {
	font-size:2.7083333333333335rem;
	color:#1bd4d1;
}
.principlebor2 {
	margin-top:3.90625rem;
	background:linear-gradient(to right,#1bbfcd,#1e39b1);
	border-radius:1.5625rem;
	padding:2.0833333333333335rem;
}
.principlebor2 ul {
	width:43.75rem;
}
.principlebor2 ul li {
	background:rgba(3,29,115,0.21);
	margin-bottom:1.3020833333333335rem;
}
.principlebor2 ul li p {
	color:rgba(255,255,255,0.7);
}
.principlebor2 ul li:last-child {
	margin-bottom:0;
}
.principlebor2 .pic {
	background:none;
	padding:0;
	margin:3.90625rem -2.0833333333333335rem 0 0;
}
.principlebor2 .pic img {
	width:100%;
	height:auto;
	margin:4.166666666666667rem auto 0;
}
.principlebor2 .pic h4 {
	font-size:2.7083333333333335rem;
	font-weight:bold;
	color:#ffffff;
	line-height:1.2;
	text-align:center;
}
.piflisticon {
	display:flex;
	justify-content:space-between;
	padding:5.989583333333334rem 0 8.333333333333334rem;
	background:url(../images/dian.png) no-repeat center/71.66666666666667rem auto;
}
.piflisticon .pic {
	width:45.833333333333336rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:4.166666666666667rem 3.6458333333333335rem;
	border-radius:1.5625rem;
}
.piflisticon .pic h3 {
	font-size:2.7083333333333335rem;
	color:#ffffff;
	font-weight:bold;
	line-height:1.2;
}
.piflisticon ul {
	width:51.5625rem;
	margin-left:-5.729166666666667rem;
	position:relative;
	z-index:2;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:2.34375rem;
	padding-bottom:6.25rem;
}
.piflisticon ul li {
	width:calc((100% - 1.3020833333333335rem)/2);
	border-radius:1.5625rem;
	background:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:1.3020833333333335rem 2.0833333333333335rem 1.5625rem;
	text-align:center;
	margin-top:1.3020833333333335rem;
}
.piflisticon ul li img {
	display:block;
	width:3.59375rem;
	height:3.59375rem;
	margin:0 auto;
}
.piflisticon ul li h4 {
	margin:1.0416666666666667rem 0 1.8229166666666667rem;
	font-size:1.4583333333333335rem;
	color:#000000;
	font-weight:bold;
	line-height:1.2;
}
.piflisticon ul li:nth-child(2n) {
	transform:translateY(6.25rem);
}
.tit.bk h3 {
	color:#000000;
	text-align:center;
}
.delivery .th ul {
	display:flex;
	margin:3.385416666666667rem 3.6458333333333335rem 0;
}
.delivery .th ul li {
	margin:0 -1.8229166666666667rem;
	flex:1;
	background:url(../images/ri1.png) no-repeat center/100% 100%;
	padding:2.34375rem 5.208333333333334rem 2.0833333333333335rem 3.385416666666667rem;
}
.delivery .th ul li:nth-child(n+2) {
	padding-left:7.552083333333334rem;
	background:url(../images/ri2.png) no-repeat center/100% 100%;
}
.delivery .th ul li:nth-child(3) {
	background:url(../images/ri3.png) no-repeat center/100% 100%;
}
.delivery .th ul li img {
	width:3.75rem;
	height:3.75rem;
	display:block;
	object-fit:contain;
}
.delivery .th ul li h4 {
	font-size:1.7708333333333335rem;
	color:#333333;
	font-weight:bold;
	line-height:1.2;
	margin:1.0416666666666667rem 0;
}
.delivery .th ul li p {
	color:#333333;
	opacity:0.7;
}
.quanitem {
	position:relative;
	padding:4.947916666666667rem 0 5.729166666666667rem;
}
.quanitem li {
	width:35.41666666666667rem;
	margin:0 6.770833333333334rem;
	text-align:center;
	position:relative;
}
.quanitem ul {
	display:flex;
	justify-content:center;
	position:relative;
	z-index:11;
}
.quanitem li .ico {
	width:4.791666666666667rem;
	height:4.791666666666667rem;
	border-radius:50%;
	background:linear-gradient(to bottom,#1e38b0,#1bbecc);
	display:flex;
	justify-content:center;
	align-items:center;
}
.quanitem li .ico img {
	display:block;
	width:2.5520833333333335rem;
	height:2.5520833333333335rem;
	object-fit:contain;
}
.quanitem .ul1 .ico {
	margin:1.5625rem auto 0;
}
.quanitem .ul1 li {
	display:flex;
	flex-direction:column-reverse;
	justify-content:flex-end;
}
.quanitem li h4 {
	width:30.46875rem;
	background:#fff;
	border-radius:2.604166666666667rem;
	line-height:3.541666666666667rem;
	font-size:1.4583333333333335rem;
	color:#000000;
	font-weight:bold;
	-webkit-box-sizing:border-box;
	text-align:center;
	-moz-box-sizing:border-box;
	margin:0 auto;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
.quanitem li p {
	font-size:0.9375rem;
	color:#666666;
	line-height:1.6;
	margin:1.5625rem 0;
}
.quanitem .ul1 li h4::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1.5625rem;
	background:url(../images/ri7.png) no-repeat center;
	height:2.03125rem;
	width:22.03125rem;
	margin:0 auto;
}
.quanitem .ul2 {
	margin-top:7.1875rem;
}
.quanitem .ul2 li {
	padding-top:4.947916666666667rem;
}
.quanitem .ul2 .ico {
	position:absolute;
	right:-3.6458333333333335rem;
	top:0;
	z-index:2;
}
.quanitem .ul2 .ico::before {
	content:"";
	position:absolute;
	height:1.7708333333333335rem;
	width:2.8125rem;
	background:url(../images/ri8.png) no-repeat center/100% 100%;
	left:-2.34375rem;
	top:3.6458333333333335rem;
}
.quanitem .ul2 li:nth-child(2) .ico {
	right:auto;
	left:-3.6458333333333335rem;
}
.quanitem .ul2 li:nth-child(2) .ico::before {
	content:"";
	position:absolute;
	height:1.7708333333333335rem;
	left:auto;
	width:2.8125rem;
	background:url(../images/ri10.png) no-repeat center/100% 100%;
	right:-2.34375rem;
	top:3.6458333333333335rem;
}
.quanitem h3 {
	background:url(../images/r8.png) no-repeat center/contain;
	height:15.625rem;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:2.7083333333333335rem;
	color:#000000;
	text-align:center;
	font-weight:bold;
	position:absolute;
	left:0;
	right:0;
	top:50%;
	margin-top:-6.25rem;
}
.hsection10 {
	background:linear-gradient(to right,#172e99,#156ea7);
}
.hsection10 .flex {
	display:flex;
	justify-content:space-between;
	margin-top:2.604166666666667rem;
	align-items:center;
}
.hsection10 .flex .txt {
	width:calc((100% - 3.6458333333333335rem)/2);
	border-radius:1.5625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:2.604166666666667rem 2.34375rem 3.6458333333333335rem;
	background:linear-gradient(to right,rgba(255,255,255,0.06),rgba(255,255,255,0));
	padding-right:32.8125rem;
	width:76.04166666666667rem;
	margin-right:-31.25rem;
	position:relative;
	z-index:2;
}
.hsection10 .flex .txt h4 {
	font-size:1.7708333333333335rem;
	color:#fff;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:1.3541666666666667rem;
}
.hsection10 .flex .txt p {
	font-size:0.9375rem;
	color:#ffffff;
	line-height:1.6;
	opacity:0.7;
}
.hsection10 .flex img {
	width:38.125rem;
	display:block;
	margin-right:6.770833333333334rem;
}
.hsection11 .th {
	margin-top:4.166666666666667rem;
}
.hsection11 .th ul {
	display:flex;
}
.hsection11 .th ul li {
	width:calc((100% - 2.5rem)/5);
	margin:0 0.625rem 0.625rem 0;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
}
.hsection11 .th ul li:nth-child(5n) {
	margin-right:0;
}
.hsection11 .th .arhd {
	background:url(../images/yico6.png) no-repeat center/100% 100%;
	padding:2.34375rem 1.5625rem 1.3020833333333335rem;
	height:13.28125rem;
	width:calc(100% + 0.5208333333333334rem);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hsection11 .th li:nth-child(n+2) .arhd {
	width:calc(100% + 1.8229166666666667rem);
	margin-left:-1.3020833333333335rem;
}
.hsection11 .th .arhd img {
	display:block;
	width:4.479166666666667rem;
	margin:0 auto;
	height:4.479166666666667rem;
	object-fit:contain;
}
.hsection11 .th .arhd h4 {
	font-size:1.4583333333333335rem;
	text-align:center;
	line-height:1.2;
	color:#333333;
	font-weight:bold;
	margin-top:1.5625rem;
}
.hsection11 .item {
	background:linear-gradient(to bottom,#ebfdfd 1.3020833333333335rem,#ddfdfc,#ddfdfc) #ddfdfc;
	border-radius:0 0 1.0416666666666667rem 1.0416666666666667rem;
	padding:1.3020833333333335rem 2.0833333333333335rem 2.0833333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:0.8333333333333334rem;
	color:#666666;
	line-height:1.6;
	flex:1;
}
.hsection11 .th li:nth-child(2) .arhd {
	background:url(../images/yico7.png) no-repeat center/100% 100%;
}
.hsection11 .th li:nth-child(3) .arhd {
	background:url(../images/yico8.png) no-repeat center/100% 100%;
}
.hsection11 .th li:nth-child(4) .arhd {
	background:url(../images/yico9.png) no-repeat center/100% 100%;
}
.hsection11 .th li:nth-child(5) .arhd {
	background:url(../images/yico10.png) no-repeat center/100% 100%;
}
.hsection11 .tb {
	margin-top:6.770833333333334rem;
	padding-bottom:2.604166666666667rem;
}
.quntit4 {
	background:url(../images/rico4.png) no-repeat center/auto 100%;
	height:11.614583333333334rem;
}
.pictxtul li a{
	height: 100%;
}
.pictxtul li a,
.flextxpic li,
.flexicontxt li,
.ulicotxt li {
	border:1px solid #7ae6e4;
}
.sline i{
	-webkit-animation:srcoll 3s 0s linear infinite;
	-moz-animation:srcoll 3s 0s linear infinite;
}

@-webkit-keyframes srcoll{
0%{height: 0;}
100%{height: 100%;}
}
@-moz-keyframes srcoll{
0%{height: 0;}
100%{height: 100%;}
}
.pictxtul li .icon i img,
.pictxtul li .icon .hovs img,
.flexbtn a span img,
.flexbtn a i{
	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;
}
.hovs{
	overflow: hidden;
	height: 100%;
}
.flexbtn a:hover i{
	background: #1bd4d1;color: #1e23ac;
}
.pictxtul li a:hover .icon i img,
.flexbtn a:hover span img{
	transform: rotate(45deg);
}
.pictxtul li a:hover .icon .hovs 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); 
}
.pictxtul li a:hover h4{
	color: #1e23ac;
}
.copyright a:hover,
.footer .nav li a:hover{
	color: #fff;
}
.header{
	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;
}
.active .header{
	padding: 0.8rem 0;background: #000;
}
