body{padding: 0;margin: 0;font-family: sans-serif;font-size: 16px;color: #000000;overflow-x:hidden;line-height: 1.5;}
body.noscroll{height: 100vh;overflow-y: hidden;}
.wrap{max-width: 1200px;margin: 0 auto;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
p{margin: 0;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.hidden-xs{display: block;}
.visible-xs{display: none;}
*{box-sizing: border-box;}
.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.c_center{width: 1200px;margin: 0 auto;}
.baibg{background: #ffffff;}
.huibg{background: #e8eae9;}
.heibg{background: #151412;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}
.flexb2{display: flex;align-items: center;justify-content: space-between;}
.flexb3{display: flex;align-items: flex-start;justify-content: space-between;}
.swiper{position: relative;overflow: hidden;}
.bgBox{background: url() center no-repeat;background-size: cover;}
.container{padding: 0 16px;max-width: 1320px;margin: 0 auto;}
@media (max-width:1336px) {.container{max-width: 1024px;}}
@media (max-width:1024px) {.container{max-width: 800px;}}
@media (max-width:800px) {.container{max-width: 100%};}
.row{display: flex;justify-content: flex-start;align-items: center;align-items: stretch;flex-wrap: wrap;}
.row .kuang{height: 100%;}
.col_6{width: calc(100% / 6);}
.col_5{width: calc(100% / 5);}
.col_4{width: calc(100% / 4);}
.col_3{width: calc(100% / 3);}
.col_2{width: calc(100% / 2);}
.imgB{position: relative;padding-top: 100%;display: block;}
.imgB .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.imgB .pic img{width: 100%;height: 100%;object-fit: cover;display: block;}

html{background: linear-gradient(to right,#8d9dfd,#e0c6fb,#b1a5fb);}
body{background: #fff;background-size: 100% auto;}
.banner img{display: block;width: 100%;}
nav{background-color: rgb(15, 83, 228);}
nav ul.flexb{justify-content: space-around;width: 100%;}
nav li{height: 96px;display: flex;justify-content: center;align-items: center;}
nav a{
	font-size: 27px;
	color: rgba(255, 255, 255,0.7);
	line-height: 48px;
	padding: 15px;
	background: url(2026kpy_service-nav1.png) center center no-repeat;
	background-size: 100% 100%;
	min-width: 240px;
	text-align: center;
}
nav li:hover a{background-image: url(2026kpy_service-nav2.png);color: #ffffff;}
.indP{overflow: hidden;}
.pubTit{padding: 3.75vw 0 20px;text-align: center;}
.pubTit img{max-width: 77%;display: block;margin: 0 auto;}
.indP1 .nrBox{
	padding: 48px 0;
	background: url(2026kpy_service-bg1.jpg) center center no-repeat;
	background-size: cover;
}
.indP1 .kkk{flex-direction: row-reverse;}
.ind1R{width: 57%;position: relative;}
.ind1R img{display: none;}
.ind1R img.on{display: block;width: 100%;}
.map-svg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.map-svg polygon{fill: transparent;cursor: pointer;transition: fill 0.3s;}
.map-svg polygon:hover{fill: rgba(255,188,21,0.35);}
.ind1L{width: 35%;margin-left: 50px;position: relative;z-index: 3;}
.moreB{
	font-size: 16px;
	text-align: right;
	background: url(2026kpy_service-more.png) right center no-repeat;
	background-size: 9px 14px;
	color: #ffffff;
	display: block;
	width: 100%;
	padding: 8px 0;
	padding-right: 16px;
}
.moreB2{background-image: url(2026kpy_service-more2.png);color: #969696;}
.ind1Ul{
	border: 2px solid rgb(2, 181, 255);
	height: 565px;
	overflow-y: scroll;
}
.ind1Ul::-webkit-scrollbar{width: 4px;}
.ind1Ul::-webkit-scrollbar-track{background: rgba(2, 181, 255, 0.2);}
.ind1Ul::-webkit-scrollbar-thumb{background: rgba(2, 181, 255, 0.6);border-radius: 2px;}
.ind1Ul li{
	border-top: 2px solid rgb(2, 181, 255);
	cursor: pointer;
	display: block;
	text-align: center;
	font-size: 20px;
	color: rgb(255, 255, 255);
	padding: 0 16px;
	background-color: rgba(4, 31, 180,0.541);
	line-height: 60px;
}
.ind1Ul li a{
	color: rgb(255, 255, 255);
}
.ind1Ul .on{
	background-color: rgba(255, 255, 255,0.851);
}
.ind1L .on a{
	color: #0728b9;
}
.ind1Ul li:first-child{
	border-top: 5px solid #ffbc15;
}
.indP2 .nrBox{margin-top: 12px;}
.ind2L{
	width: 70%;
	position: relative;
	z-index: 1;
}
.ind2L .kuang{
	transform: translateX(-40px);
	z-index: 1;
	background: url(2026kpy_service-bg2.png) center center no-repeat;
	background-size: 100% 100%;
	padding: 7% 8%;
	display: none;
}
.ind2L .kuang:first-child{display: block;}
.ind2L .imgB{padding-top: 55%;}
.ind2R{
	width: 42%;
	position: absolute;right: 0;top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.ind2Ul{
	/* border: 1px solid rgb(10, 89, 251); */
	/* background-image: -moz-linear-gradient( 90deg, rgba(6,112,223,0.99608) 0%, rgb(61,71,231) 34%, rgb(57,174,241) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(6,112,223,0.99608) 0%, rgb(61,71,231) 34%, rgb(57,174,241) 100%);
	background-image: -ms-linear-gradient( 90deg, rgba(6,112,223,0.99608) 0%, rgb(61,71,231) 34%, rgb(57,174,241) 100%); */
	background: #e4ecff;
	padding: 24px 30px;
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 40px;
}
.ind2Ul li{display: flex;justify-content: space-between;align-items: center;padding: 15px 0;}

.ind2Ul a{
	display: block;
	color: #000;
	/* width: calc(100% - 100px); */
	transition: all 0.3s;
	position: relative;
}
.ind2Ul a::after{
	content: "";
	display: block;width: 4px;height: 4px;
	border-radius: 50%;
	background: #ffffff;
	position: absolute;left: 0;top: calc(50% - 2px);
	opacity: 0;
	transition: all 0.3s;
}
.ind2Ul a:hover{padding-left: 16px;color: #00eaff;}
.ind2Ul a:hover::after{opacity: 1;background: #00eaff;}
.ind2Ul span{
	display: block;
	width: 100px;
	text-align: right;
}
.indP3 .nrBox{
	padding: 28px 16px ;
	/* border: 1px solid rgba(0, 255, 234,0.8); */
	background-color: #e4ecff;
}
.ind3Ul li{padding: 0 12px;position: relative;}
.ind3Ul .aaa{display: block;margin-bottom: 8px;}
.ind3Ul > li{cursor: pointer;}
.ind3Ul .imgB{padding-top: 56%;position: relative;z-index: 1;}
.ind3Ul .titB{
	font-size: 20px;
	color: #ffffff;
	background: rgba(0,0,0,0.7);
	position: absolute;left: 0;bottom: 0;
	padding: 4px 16px;
	z-index: 2;
	width: 100%;
	transition: all 0.3s;
}
.ind3Ul .aaa:hover .titB{background: #000000;color: #00eaff;}
.ind3Ul .descB{
	font-size: 18px;
	color: #000;
	line-height: 1.7;
	padding: 12px 0 32px 0;
	width: calc(100% - 40px);
	margin-left: 20px;
	border-bottom: 1px dashed #000;
	position: relative;
}
.ind3Ul .descB .ovh2 *{display: inline !important;margin: 0 !important;padding: 0 !important;text-indent: 0 !important;overflow: visible !important;width: auto !important;height: auto !important;border: 0 !important;font-size: inherit !important;line-height: inherit !important;}
.ind3Ul .descB .ovh2 .app_image_container,.ind3Ul .descB .ovh2 .app_image_container *,.ind3Ul .descB .ovh2 img,.ind3Ul .descB .ovh2 br,.ind3Ul .descB .ovh2 > a.aaa,.ind3Ul .descB > a.aaa{display: none !important;}
.ind3Ul .descB > span{
	color: #49affb;
	position: absolute;
	right: 0;
	top: calc(12px + 2 * 1.7em);
	transform: translateY(-100%);
	padding-left: 2em;
	background: linear-gradient(to right, transparent, rgb(228 236 255) 30%);
}
.ind3Ul .titB2{
	font-size: 18px;
	color: #000;
	display: block;
	margin-top: 12px;
	padding-left: 32px;
	padding-right: 20px;
	position: relative;
	transition: all 0.3s;
}
.ind3Ul .titB2:hover{padding-left: 40px;color: #00eaff;}
.ind3Ul .titB2::before{
	content: "";
	display: block;width: 4px;height: 4px;
	position: absolute;left: 20px;top: calc(50% - 2px);
	background: #000;
	border-radius: 50%;
}
.ind3Ul .titB2:hover::before{opacity: 1;background: #00eaff;}
.indP3 .moreB{margin-top: 28px;}
footer{
	margin-top: 9.375vw;
	background: #4577e6;
	padding: 32px 0 3.375vw;
	display: flex;justify-content: space-between;align-items: center;
}
footer .logo{
	display: block;
	width: 15.625%;
	padding-left: 16px;
	text-align: right;
}
footer .fInfo{
	width: 68.75%;
	padding: 0 6.25vw;
	font-size: 16px;
	color: #ffffff;
}
footer .fInfo a{
	color: #ffffff;
}
footer .icon{
	display: block;
	/* width: 15.625%; */
	text-align: center;
	padding-right: 30px;
    color: #fff;
}
@media (max-width:1336px) {
	nav a {font-size: 24px;line-height: 44px;min-width: 222px;}
	.pubTit img {max-width: 93%;}
	.ind1R{width: 50%;}
	.ind1Ul{height: 476px;}
	.ind1Ul li {font-size: 17px;line-height: 50px;}
	.ind2Ul{padding: 8px 16px;}
	.ind2Ul li{padding: 10px 0;}
	.indP3 .nrBox {padding: 16px 8px;}
	.ind3Ul li{padding: 0 8px;}
	.ind3Ul .titB{font-size: 18px;}
	.ind3Ul .descB{font-size: 14px;padding-bottom: 24px;}
	.ind3Ul .titB2{font-size: 16px;}
	.indP3 .nrBox{margin-top: 0;}
}
@media (max-width:1024px) {
	nav li {height: 76px;}
	nav a {font-size: 20px;line-height: 32px;min-width: 158px;padding: 12px;}
	.pubTit img{max-width: 100%;}
	.indP1 .nrBox{padding: 24px 0;}
	.ind1Ul{height: 383px;}
	.ind1Ul li {font-size: 16px;line-height: 40px;}
	.ind1Ul li:first-child{border-top-width: 3px;}
	.ind2Ul{font-size: 14px;}
	.ind2Ul li{padding: 5px 0;}
	.ind3Ul .descB{width: 100%;margin-left: 0;}
	.ind3Ul .titB2{padding: 0;padding-left: 10px;}
	.ind3Ul .titB2::before{left: 0;}
	.ind3Ul .titB{padding: 4px 8px;font-size: 16px;}
	footer{margin-top: 6vw;padding: 16px 0;}
	footer .logo{width: 20%;}
	footer .icon{width: 6%;padding: 0 8px;}
	footer .fInfo{width: calc(73%);padding: 0 16px;font-size: 14px;}
}
@media (max-width:800px) {
	body{background-size: cover;}
	nav ul.flexb{flex-wrap: nowrap;padding: 8px 0;}
	nav li{height: unset;flex: 1;}
	nav a {font-size: 14px;line-height: 26px;min-width: unset;padding: 4px 6px;width: 100%;}
	.pubTit img {max-width: unset;width: 180%;margin-left: -40%;}
	.pubTit {padding: 6vw 0 2vw;}
	.indP1 .kkk,
	.indP2 .nrBox,
	.indP3 .nrBox{display: block;}
	.ind1R{width: 80%;margin: 0 auto;}
	.ind1L{width: 100%;margin: 16px auto 0;}
	.ind2L{width: 100%;}
	.ind2L .kuang{transform: unset;}
	.ind2R{width: 100%;position: relative;top: unset;right: unset;transform: unset;}
	.ind2Ul{margin-bottom: 0;}
	.indP3 .nrBox{padding: 16px 16px;}
	.ind3Ul{flex-wrap: wrap;}
	.ind3Ul li{width: 100%;padding: 4px 0;}
	.ind3Ul .descB{padding: 8px 0;}
	.ind3Ul .titB2{margin-top: 8px;}
	.ind3Ul .titB2:first-child{margin-top: 0;}
	footer{display: flex;flex-wrap: wrap;padding: 32px 16px 16px;}
	footer .logo{width: 60%;padding: 0;order: 1;}
	footer .fInfo{width: 100%;padding: 16px 0 0;order: 3;}
	footer .icon{width: 20%;text-align: right;padding: 0;order: 2;position: static;}
	footer .icon img{max-width: 10vw;}
}