.inset-0 {
    inset: 0px
}

.-bottom-4 {
    bottom: -16px
}

.bottom-0 {
    bottom: 0px
}

.bottom-1\/4 {
    bottom: 25%
}

.bottom-10 {
    bottom: 40px
}

.left-0 {
    left: 0px
}

.left-1\/2 {
    left: 50%
}

.left-1\/4 {
    left: 25%
}

.left-10 {
    left: 40px
}

.left-\[30\%\] {
    left: 30%
}

.right-0 {
    right: 0px
}

.right-1\/4 {
    right: 25%
}

.right-10 {
    right: 40px
}

.right-20 {
    right: 80px
}

.right-\[30\%\] {
    right: 30%
}

.top-0 {
    top: 0px
}

.top-1\/2 {
    top: 50%
}

.top-1\/3 {
    top: 33.333333%
}

.top-10 {
    top: 40px
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-50 {
    z-index: 50
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mb-10 {
    margin-bottom: 40px
}

.mb-16 {
    margin-bottom: 64px
}

.mb-2 {
    margin-bottom: 8px
}

.mb-4 {
    margin-bottom: 16px
}

.mb-6 {
    margin-bottom: 24px
}

.mt-10 {
    margin-top: 40px
}

.mt-2 {
    margin-top: 8px
}

.mt-4 {
    margin-top: 16px
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-1 {
    height: 4px
}

.h-10 {
    height: 40px
}

.h-32 {
    height: 128px
}

.h-44 {
    height: 176px
}

.h-48 {
    height: 192px
}

.h-96 {
    height: 384px
}

.h-\[400px\] {
    height: 400px
}

.h-\[800px\] {
    height: 800px
}

.h-full {
    height: 100%
}

.w-10 {
    width: 40px
}

.w-20 {
    width: 80px
}

.w-44 {
    width: 176px
}

.w-48 {
    width: 192px
}

.w-full {
    width: 100%
}

.max-w-2xl {
    max-width: 672px
}

.max-w-4xl {
    max-width: 896px
}

.max-w-7xl {
    max-width: 1920px
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.flex-col {
    flex-direction: column
}

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-12 {
    gap: 48px
}

.gap-4 {
    gap: 16px
}

.gap-24 {
    gap: 24px
}

.gap-8 {
    gap: 32px
}

.space-x-2> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(8px * var(--tw-space-x-reverse));
    margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-3> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(12px * var(--tw-space-x-reverse));
    margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(16px * var(--tw-space-x-reverse));
    margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-8> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(32px * var(--tw-space-x-reverse));
    margin-left: calc(32px * calc(1 - var(--tw-space-x-reverse)))
}

.overflow-hidden {
    overflow: hidden
}

.rounded-2xl {
    border-radius: 16px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: 8px
}

.rounded-xl {
    border-radius: 12px
}

.border {
    border-width: 1px
}

.border-4 {
    border-width: 4px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-blue-600 {
    --tw-border-opacity: 1;
    border-color: #F2E57D;
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}

.border-white\/20 {
    border-color: rgb(255 255 255 / 0.2)
}

.bg-\[\#F2C94C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 201 76 / var(--tw-bg-opacity, 1))
}

.bg-blue-400\/80 {
    background-color: rgb(96 165 250 / 0.8)
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}

.bg-blue-500\/80 {
    background-color: rgb(59 130 246 / 0.8)
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-white\/80 {
    background-color: rgb(255 255 255 / 0.8)
}

.bg-white\/90 {
    background-color: rgb(255 255 255 / 0.9)
}

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1))
}

.object-cover {
    object-fit: cover
}

.p-10 {
    padding: 40px
}

.p-3 {
    padding: 12px
}

.p-4 {
    padding: 16px
}

.p-6 {
    padding: 24px
}

.px-10 {
    padding-left: 40px;
    padding-right: 40px
}

.px-4 {
    padding-left: 16px;
    padding-right: 16px
}

.py-12 {
    padding-top: 48px;
    padding-bottom: 48px
}

.py-2 {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-20 {
    padding-top: 80px;
    padding-bottom: 80px
}

.py-24 {
    padding-top: 96px;
    padding-bottom: 96px
}

.py-4 {
    padding-top: 16px;
    padding-bottom: 16px
}

.pb-1 {
    padding-bottom: 4px
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-serif {
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif
}

.text-3xl {
    font-size: 30px;
    line-height: 36px
}

.text-4xl {
    font-size: 36px;
    line-height: 40px
}

.text-6xl {
    font-size: 60px;
    line-height: 1
}

.text-\[10px\] {
    font-size: 10px
}

.text-lg {
    font-size: 18px;
    line-height: 28px
}

.text-sm {
    font-size: 14px;
    line-height: 20px
}

.text-xl {
    font-size: 20px;
    line-height: 28px
}

.text-xs {
    font-size: 12px;
    line-height: 16px
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}


.uppercase {
    text-transform: uppercase;
    color: #004260;
	font-size: 19px;
}

.leading-none {
    line-height: 1
}

.leading-relaxed {
    line-height: 1.625
}

.tracking-\[0\.2em\] {
    letter-spacing: 0.2em
}

.tracking-widest {
    letter-spacing: 0.1em
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity, 1))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.opacity-10 {
    opacity: 0.1
}

.opacity-60 {
    opacity: 0.6
}

.opacity-80 {
    opacity: 0.8
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.duration-300 {
    transition-duration: 300ms
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-yellow-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1))
}

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

@media (min-width: 640px) {
    .sm\:flex-row {
        flex-direction: row
    }
}

@media (min-width: 768px) {
    .md\:mb-0 {
        margin-bottom: 0px
    }

    .md\:mt-16 {
        margin-top: 64px
    }

    .md\:block {
        display: block
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:text-2xl {
        font-size: 28px;
        line-height: 32px
    }

    .md\:text-7xl {
        font-size: 72px;
        line-height: 1
    }
}

@media (min-width: 1024px) {
    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:flex-row {
        flex-direction: row
    }
}


/*手动修改样式*/
.bgwrap{
	padding-top:100px; 
	height: 919px;
}
.btnblock a{
	color: #C8E6FF;
	font-size: 14px;
	padding:16px 32px;
	font-weight: 600;
}
.btnblock .lbtn1:hover{
	background:  rgba(0, 30, 80, 0.8);
	color: #FFFFFF;
}
.btnblock .lbtn2:hover{
	background: rgba(242, 229, 125, 0.8);
	
}
.btnblock .bga{
	background: #F2E57D;
	color: #201C00;
}
.block1{
	padding-top: 80px;
	padding-bottom: 120px;
	background: #fff;
}
.whygo{
	color: #004260;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 56px; 
	letter-spacing: -0.96px;
}
.whgon{
	color: #40484E;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}
.w-350{
	width: 370px;
	height: 2px;
	margin-top: 8px
}
.max-w-1216{
	max-width: 1216px;
}
.bottom-60{
	bottom:-70px;
	width: 48px;
	height:48px;
	border-radius: 9999px;
	background: rgba(255, 255, 255, 0.00);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
}
.bottom-60 span{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #014260;
	text-align: center;
	padding-top: 8px;
}
.mb-90{
	margin-bottom: 90px;
}
.btext{
	color: #1A1C1E;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; 
}
.btext span{
	color: #004260;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px; 
}
.curved-connector{
	position: absolute;
  	height: 140px;
	bottom: -60px;
	left: 0;
	right: 0;
	z-index: 1;
}
.curved-connector svg{
	position: absolute;
}
.svg1{
	width: 1216px;
	height: 138.391px;
	stroke-width: 1.987px;
	stroke: #8ECEFA;
	opacity: 0.4;
}
.svg2{
	width: 1216px;
	height: 115.514px;
	stroke-width: 1.987px;
	stroke: #8ECEFA;
	margin-top: 40px;
}
.svg3{
	width: 1216px;
	height: 97.315px;
	stroke-width: 1.987px;
	stroke: #F2E57D;
	margin-top: 66px;
}
.bg-grays{
	background: rgba(0, 30, 46, 0.05);
	padding:80px 60px 120px 60px;
}
.title1{
	color: #004260;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 52.8px; 
}
.title2{
	margin-top: 15px;
	color: #40484E;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	
}
.title2 span{
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: 2px solid #F2E57D;
}
.hkvalue{
	width: 1152px;
	height: 594px;
}
.box{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.00);
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	border:none;
}
.boxcen{
	width: 224px;
	height: 224px;
}
.svgbox{
	display: flex;
	width: 48px;
	height: 48px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 50%;
	background: #BAE6FD;
}
.boxcen p{
	color: #004260;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 25px; /* 125% */
	margin-top: 15px;
}
.box1{
	width: 96px;
	height: 96px;
	padding: 8px;
	left: 95px;
	top: -0.3px;
	font-size: 12px;
}
.box2{
	width: 96px;
	height: 96px;
	padding: 8px;
	left: 57.59px;
	top: 148.11px;
	font-size: 12px;
}
.box3{
	width: 96px;
	height: 96px;
	padding: 8px;
	left: 23px;
	bottom: 55px;
	font-size: 12px;
}
.box4{
	width: 176px;
	height: 176px;
	padding: 24px;
	left: 245px;
	top: 49.36px;
	font-size: 16px;
}
.box4 p{
	margin-top: 15px;
}
.box5{
	width: 192px;
	height: 192px;
	padding: 24px;
	left: 199px;
	bottom: 24.67px;
	font-size: 16px;
}
.box5 p{
	margin-top: 15px;
}
.box6{
	width: 160px;
	height: 160px;
	padding: 24px;
	right: 253.44px;
	top: 74.04px;
	font-size: 16px;
}
.box6 p{
	margin-top: 15px;
}
.box7{
	width: 96px;
	height: 96px;
	padding: 8px;
	right: 96px;
	top: 73.7px;
	font-size: 12px;
}

.box8{
	width: 144px;
	height: 144px;
	padding: 24px;
	right: 207.36px;
	bottom: 49.36px;
	font-size: 16px;
}
.box8 p{
	margin-top: 15px;
}
.box9{
	width: 80px;
	height: 80px;
	padding: 8px;
	right: 424px;
	bottom: -19px;
	font-size: 12px;
}
.box10{
	width: 96px;
	height: 96px;
	padding: 8px;
	right: 57.59px;
	bottom: 150.86px;
	font-size: 12px;
}
.box11{
	right: 70px;
	bottom: 9px;
	width: 80px;
	height: 80px;
	padding: 8px;
	font-size: 12px;
}
.bg-Strategy{
	padding:80px 0;
	background: #F9F9FC;
	overflow: hidden;
}
.strategywrap{
	width: 1024px;
	height: 600px;
	margin:0 auto;
}
.yun{
	position: absolute;
	width: 687px;
	height: 687px;
	border-radius:50%;
	
}
.leftyun{
	left: -180px;
	background: linear-gradient(271deg, rgba(205, 223, 247, 0.50) 1.91%, rgba(229, 238, 249, 0.00) 49.95%);
}
.rightyun{
	right:-180px;
	background: linear-gradient(271deg, rgba(229, 238, 249, 0.00) 1.91%, rgba(205, 223, 247, 0.50) 49.95%);
}
.boxy{
	display: flex;
	flex-direction: column;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	padding: 54.5px 0 55.5px 0;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1/1;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; 
}
.boxy1{
	margin-left: -130px;
	background: linear-gradient(135deg, #F0F8FF 0%, #0B5382 100%);
	box-shadow: 0 8px 24px 0 rgba(0, 91, 130, 0.10);
	backdrop-filter: blur(4px);
	z-index: 2;
}
.boxy2{
	margin-right: -145px;
	border: 2px solid rgba(255, 255, 255, 0.20);
	background: linear-gradient(135deg, rgba(0, 91, 130, 0.80) 0%, #2A7394 80.13%);
	backdrop-filter: blur(16px);
	z-index: 4;
}
.boxy3{
	margin-top: 205px;
	border: 2px solid rgba(255, 255, 255, 0.20);
	background: linear-gradient(135deg, #477A8F 0%, #004260 80.13%);
	box-shadow: 0 16px 32px 0 rgba(0, 91, 130, 0.25);
	z-index: 3;
}
.boxf{
	padding: 15px 24px 16.5px 24px;
	color: #004260;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 22.5px;
	border-radius: 9999px;
	border: 1px solid rgba(0, 91, 130, 0.10);
	background: #FFF;
	box-shadow: 0 4px 12px 0 rgba(0, 91, 130, 0.08);
	z-index: 5;
}
.boxf1:before{
	position: absolute;
    content: '';
    width: 108px;
    border-bottom: 2px dashed rgba(0, 91, 130, 0.15);
    transform: rotate(45deg);
    z-index: 1;
    top: 102px;
    left: 122px;
}
.boxf2:before{
	position: absolute;
    content: '';
    width: 108px;
    border-bottom: 2px dashed rgba(0, 91, 130, 0.15);
    transform: rotate(-45deg);
    z-index: 1;
    top: 102px;
    left: -21px;
}
.boxf3:before{
	position: absolute;
    content: '';
    width: 108px;
    border-bottom: 2px dashed rgba(0, 91, 130, 0.15);
    transform: rotate(-45deg);
    z-index: 1;
    top: -48px;
    left: 122px;
}
.boxf4:before{
	position: absolute;
    content: '';
    width: 108px;
    border-bottom: 2px dashed rgba(0, 91, 130, 0.15);
    transform: rotate(45deg);
    z-index: 1;
    top: -45px;
    left: -68px;
}
.boxf3{
	left: 0;
	bottom:-10px;
}
.boxf4{
	right: 0;
	bottom:-10px;
}
.leftbottomyun{
	position: absolute;
	width: 600px;
	height:600px;
	border-radius: 50%;
	background: rgba(0, 66, 96, 0.05);
	z-index: 5;
	filter: blur(32px);
	left: -335px;
    bottom: -276px;
}
.righttopyun{
	position: absolute;
	width: 600px;
	height:600px;
	border-radius: 50%;
	background: rgba(0, 66, 96, 0.05);
	z-index: 5;
	filter: blur(32px);
	right: -335px;
    top: -370px;
}

.serviceSystem{
	padding:80px 60px 120px 60px;
}
.sysbox{
	max-width: 1280px;
}
.items-stretch{
	margin-top:60px;
}
.items-stretch-center{
	justify-content: center;
}
.trackbox{
	position: relative;
	width: 300px;
	height: 300px;
	border-radius: 16px;
	background: #014260;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
}
.tracking-widestling{
	margin-bottom: 40px;
}
.tracking-widest-sm{
	font-size: 20px;
}
.imgb{
	position: absolute;
    top: -97px;
    right: -100px;
    width: 130%;
}
.icow{
	display: flex;
	width: 25px;
	height: 25px;
	padding: 4px;
	align-items: center;
	border-radius: 50%;
	background: #DBF3FF;
}
.tracking-widest-right{
	align-items: center;
	flex: 1;
	gap:40px 0;
}
.gitems{
	width: 298px;
	height: 68px;
	padding: 20px 24px;
	color: #005B82;
	text-align: center;
	justify-content: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
	position: relative;
}


.gitems:before{
	position: absolute;
	content: '';
	left: 0;
	right:0;
	top:0;
	bottom:0;
	z-index: -1;
	background-image:url('../img/itembg2.png'); 
	background-size: contain;
	background-repeat: no-repeat;
}

.bg1:before{
	background-image:url('../img/itembg1.png'); 
}

.gitems2,
.gitems5,
.gitems8{
	margin-left: -20px;
}
.gitems3,
.gitems6,
.gitems9{
	margin-left: -40px;
}
.gitems4:before,
.gitems5:before,
.gitems6:before{
	transform: scaleX(-1);
}
.gitems3:after{
	position: absolute;
    content: '';
    width: 18px;
    height: 46px;
    background: #C8E5F6;
    bottom: -46px;
    right: 100px;
}
.gitems4:after{
	position: absolute;
    content: '';
    width: 18px;
    height: 46px;
    background: #C8E5F6;
    bottom: -46px;
    left: 100px;
}
@media (max-width: 1366px) {
	.hkvalue{
		width: 100%;
	}
	.boxcen {
		width: 180px;
		height: 180px;
	}
	.tracking-widest-right {
		gap: 0;
		max-width: 700px;
	}
	.gitems{
		width: 220px;
		height: 50px;
	}
	.gitems3:after,
	.gitems4:after{
		height: 50px;
    	bottom: -50px
	}
}

@media (max-width: 1024px) {
	.box4 {
		width: 150px;
		height: 150px;
	}
	.box6 {
		width: 125px;
		height: 125px;
	}
	.box5 {
		width: 150px;
		height: 150px;
	}
	.gitems {
        width: 170px;
        height: 40px;
    }
	.gitems3:after, .gitems4:after {
        height: 61px;
        bottom: -60px;
    }
}

/*移动端样式*/
@media (max-width: 768px) {
    .object-cover {
        object-fit: cover;
        object-position: -1178px;
    }
	.items-stretch{
		margin-top: 20px;
		gap: 20px 0;
		flex-direction: column;
	}
	.trackbox{
		width: 240px;
		height: 240px;
		padding: 15px;
		margin: 0 auto 20px;
	}
	.imgb{
		top: -65px;
		right: -67px;
		width: 130%;
	}
	.tracking-widestling{
		font-size: 32px;
		margin-bottom: 20px;
	}
	.tracking-widest-sm{
		font-size: 14px;
	}
	.icow{
		width: 20px;
		height: 20px;
		padding: 3px;
	}
	.tracking-widest-right{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px 0;
		width: 345px;
		margin: 0 auto;
	}
	.gitems{
		width: 120px;
		height: 29px;
		padding: 5px;
		font-size: 12px;
		line-height: 16px;
	}
	.gitems2,
	.gitems5,
	.gitems8{
		margin-left: -3px;
	}
	.gitems3,
	.gitems6,
	.gitems9{
		margin-left: -5px;
	}
	.gitems3:after,
	.gitems4:after{
		width: 10px;
        height: 20px;
        bottom: -20px;
	}
	.gitems3:after{
		right: 30px;
	}
	.gitems4:after{
		left: 30px;
	}
	.strategywrap{
		width: 100%;
		max-width: 450px;
		height: 480px;
	}
	.leftyun {
		left: -490px;
	}
	.rightyun {
    	right: -490px;
	}
	.boxf1{
		top: 60px;
	}
	.boxf2{
		top: 60px;
	}
	.boxf3{
		bottom: 50px;
	}
	.boxf4{
		bottom: 50px;
	}
	.boxy{
		width: 120px;
		height: 120px;
		padding: 28px 0;
		font-size: 18px;
		line-height: 24px;
	}
	.boxy1{
		margin-left: -110px;
	}
	.boxy2{
		margin-right: -120px;
	}
	.boxy3{
		margin-top: 153px;
	}
	.boxf{
		padding: 10px 16px;
		font-size: 12px;
		line-height: 16px;
	}
	.boxf1:before{
		width: 60px;
        top: 62px;
        left: 56px;
	}
	.boxf2:before{
		width: 52px;
        top: 58px;
        right: 60px;
        left: inherit;
	}
	.boxf3:before{
		width: 68px;
        bottom: 55px;
        left: 48px;
	}
	.boxf4:before{
		width: 65px;
        bottom: 59px;
        right: 49px;
        left: inherit;
	}
	.hkvalue{
		width: 100%;
		max-width: 450px;
		height: 267px;
	}
	.box{
		border-radius: 6px;
		box-shadow: 0 12px 25px -6px rgba(0, 0, 0, 0.25);
	}
	.boxcen{
		width: 101px;
		height: 101px;
	}
	.boxcen p{
		font-size: 14px;
		line-height: 14px;
		margin-top: 8px;
	}
	.svgbox{
		width: 22px;
		height: 22px;
	}
	.box1{
		width: 60px;
		height: 60px;
		padding: 4px;
		left: 8px;
        top: 16px;
		font-size: 12px;
	}
	.box2{
		width: 60px;
        height: 60px;
		padding: 4px;
		left: 60px;
        top: 94px;
		font-size: 12px;
	}
	.box3{
		width: 60px;
        height: 60px;
		padding: 4px;
		left: -3px;
        bottom: 104px;
		font-size: 12px;
	}
	.box4{
		width: 85px;
		height: 85px;
		padding: 11px;
		left: 70px;
		top: -10px;
		font-size: 12px;
	}
	.box4 p{
		margin-top: 7px;
	}
	.box5{
		width: 70px;
        height: 70px;
        padding: 11px;
        left: 16px;
        bottom: 11px;
        font-size: 12px;
	}
	.box5 p{
		margin-top: 7px;
	}
	.box6{
		width: 72px;
		height: 72px;
		padding: 11px;
		right: 114px;
		top: 0px;
		font-size: 12px;
	}
	.box6 p{
		margin-top: 7px;
	}
	.box7{
		width: 85px;
        height: 85px;
        padding: 4px;
        right: 10px;
        top: -10px;
        font-size: 12px;
	}
	.box8{
		width: 85px;
        height: 85px;
        padding: 11px;
        right: 93px;
        bottom: 0px;
        font-size: 12px;
	}
	.box8 p{
		margin-top: 7px;
	}
	.box9{
		width: 56px;
        height: 56px;
		padding: 4px;
		right: 191px;
		bottom: -8px;
		font-size: 12px;
	}
	.box10{
		width: 87px;
        height: 87px;
        padding: 4px;
        right: 26px;
        bottom: 95px;
        font-size: 12px;
	}
	.box11{
		width: 60px;
        height: 60px;
        padding: 4px;
        right: 18px;
        bottom: 4px;
        font-size: 12px;
	}
	.block1{
		padding-top: 40px;
        padding-bottom: 50px;
	}
	.title1{
		font-size: 24px;
	}
	.title2{
		font-size: 20px;
		margin-top: 0;
	}
	.goitems2,
	.goitems4{
		margin-top: 0;
	}
	.mb-16{
		margin-bottom: 20px;
	}
	.max-w-7xl{
		max-width: inherit;
		width: 100%;
	}
	.bg-grays{
		padding:40px 15px 50px;
		overflow: hidden;
	}
	.bg-Strategy{
		padding:40px 15px 50px;
	}
	.serviceSystem{
		padding:40px 15px 50px;
	}
}