.cx_b {
	font-family: 'Satoshi-Bold';
	color: #333;
	text-align: center;
}

.cx_line {
	width: 85px;
	height: 1px;
	background: var(--yx_Color);
	margin: 30px auto 0;
}

.cx_con_s {
	font-weight: 350;
	color: #333333;
	line-height: 24px;
}

.cx_con1_list {
	position: relative;
	border: 1px solid #D9D9D9;
	border-radius: 0px 50px;
	padding: 30px 8%;
}

.cx_con1_list_top {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	border-bottom: #EDEFF2 2px solid;
}

.cx_con1_list_top_li {
	font-family: 'Satoshi-Bold';
	color: #333333;
	text-align: center;
	position: relative;
	padding-bottom: 20px;
	margin: 0 2vw;
	cursor: pointer;
}

.cx_con1_list_top_li:after {
	content: '';
	width: 0%;
	height: 2px;
	background: var(--yx_Color);
	position: absolute;
	left: 0;
	bottom: -2px;
	transition: 0.6s all;
}

.cx_con1_list_top_li.cur {
	color: var(--yx_Color);
}

.cx_con1_list_top_li.cur:after {
	width: 100%;
}

.cx_con1_list_bot {
	width: 100%;
	position: relative;
	height: 400px;
}

.cx_con1_list_bot_item {
	width: 100%;
	position: absolute;
	opacity: 0;
	height: 400px;
	overflow: auto;
	visibility: hidden;
	transform: translateY(30px);
	transition: 0.4s all;
}

.cx_con1_list_bot_item.cur {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.con1_bot_li {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.con1_bot_li:not(:last-child) {
	margin-bottom: 40px;
}

.con1_bot_li_lr {
	font-family: 'Satoshi-Bold';
	color: var(--yx_Color);
	line-height: 1;
	width: 24%;
	padding-right: 5%;
	position: relative;
}

.con1_bot_li:not(:last-child) .con1_bot_li_lr:after {
	content: '';
	width: 9px;
	height: 27px;
	background-image: url(/static/en/img/Arrow_2.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 4vw;
	bottom: -20px;
}

.con1_bot_li_ri {
	width: 70%;
	margin-left: auto;
}

.con1_bot_li_ri_t {
	font-weight: 350;
	color: #333333;
	line-height: 24px;
}

.con1_bot_li_ri_s {
	font-family: 'Satoshi-Bold';
	color: #333333;
	text-align: left;
	line-height: 1.4;
	margin-top: 5px;
	min-height: 65px;
}

.con1_bot_li_l {
	width: 1px;
	height: 100%;
	border: 1px solid;
	border-image: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(102, 102, 102, 1)) 1 1;
	position: absolute;
	opacity: 0.1;
	left: 24%;
	top: 0;
}

.cx_con2 {
	width: 100%;
	overflow: hidden;
}

.gdBox {
	overflow: hidden;
	width: 100%;
	position: relative;
}



.section1 .section_box {
	width: 100%;
	height: 100%;
}

.section1 .section_box>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section1_box_b {
	max-width: 773px;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 8vw;
	color: #fff;
	font-family: 'Satoshi-Bold';
}

.section1_list {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 3vw;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
}

.section1_list_li {
	width: 18.8%;
	overflow: hidden;
	border-radius: 0 50px;
	border: 1px solid #fff;
	padding: 25px;
}

.section1_list_li img {
	width: auto;
	max-width: 100%;
}

.section1_list_li_t {
	color: #fff;
	font-family: 'Satoshi-Bold';
	line-height: 1.5;
	text-align: left;
	margin-top: 10px;
}

.section1_list_li:hover {
	background: var(--yx_Color);
	border-color: var(--yx_Color);
}

.section1_list_li:hover * {
	color: #fff;
}

.section2 {
	background: #F8F8FB;
	display: flex;
	align-items: center;
}

.section2_box_b {
	text-align: center;
	font-family: 'Satoshi-Bold';
	color: #333;
}

.section2_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.section2_list_li {
	width: 32%;
	position: relative;
	overflow: hidden;
}

.section2_img {
	width: 5.8vw;
	height: 5.8vw;
	min-width: 80px;
	min-height: 80px;
	background: #fff;
	border: 10px solid #F8F8F8;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.section2_img img {
	width: auto;
	max-width: 100%;
}

.section2_t {
	text-align: center;
	font-family: 'Satoshi-Bold';
	color: #333;
	width: 80%;
	line-height: 1.4;
	margin: 20px auto 0;
}

.section2_line {
	margin: 15px auto 10px;
	width: 46px;
	height: 3px;
	background: var(--yx_Color);
}

.section2_s {
	width: 80%;
	text-align: center;
	font-weight: 350;
	color: #666666;
	margin: 0 auto;
	min-height: 175px;
	padding-bottom: 25px;
}

.section2_list_li:before {
	content: '';
	width: 99%;
	height: 85%;
	position: absolute;
	left: 0;
	bottom: 0;
	border: 1px solid #DBDBDB;
	overflow: hidden;
	border-radius: 0px 50px;
	z-index: -1;
	background: #fff;
}

.section2_list_li:hover:before{
    background-color: var(--yx_Color);
}

.section2_list_li:hover .section2_t{
    color: #fff;
}

.section2_list_li:hover .section2_s{
    color: #fff;
}

.section2_list_li:hover .section2_line{
    background: #fff;
}

.section3 {
	background: #f8f8fb;
	display: flex;
	align-items: center;
}

.section3 .section_box {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.section3_lr {
	width: 35%;
}

.section3_ri {
	width: 60%;
	overflow: hidden;
}

.section3_ri img {
	width: 100%;
}

.section3_lr_t {
	font-family: 'Satoshi-Bold';
	color: #333;
}

.section3_lr_ft {
	font-weight: 400;
	color: rgb(51, 51, 51);
	text-align: left;
	margin-top: 10px;
}

.section3_ri_t {
	font-family: 'Satoshi-Bold';
	color: var(--yx_Color);
	margin-left: 6vw;
	margin-top: 25px;
}

.section3_line {
	width: 45px;
	height: 2px;
	background: var(--yx_Color);
	margin: 30px 0;
}

.section3_lr_s {
	color: #666;
	line-height: 1.6;
	font-weight: 350;

}

.section3_lr_s li {
	margin-bottom: 5px;
	position: relative;
	padding-left: 15px;
}

.section3_lr_s * {
	text-align: left;
}

.section3_lr_s li:before {
	content: '';
	width: 5px;
	height: 5px;
	background: #666;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 9px;
}

.swiper_but {
	width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid var(--yx_Color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--yx_Color);
	z-index: 10;
	opacity: 0;
	cursor: pointer;
}

.swiper_prev {
	left: 3%;
}

.swiper_next {
	right: 3%;
}

.swiper_but svg {
	width: 20px;
    height: 20px;
    fill: currentColor;
}

#arrow-svg-home {
	transform: translateY(353px);
}

.swiper_next #arrow-svg-home {
	transform: translateY(353px) rotateY(180deg);
	transform-origin: 80px 0px 0px;
}

.cls-1 {
	transition: 0.5s;
	opacity: 0.4;
	transform-origin: -20px 40px;
	opacity: 1;
}

.cls-4 {
	transition: 0.5s;
	stroke-width: 2px;
	stroke: #fff;
	fill: none;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	opacity: 0.4;
	transform-origin: 0px 0px 0px;
}

#arrow-trg {
	transition: 0.5s;
	fill: #fff;
	transform: rotateY(180deg) translate(-53px, 39px);
}

#line {
	transition: 0.5s;
	stroke: #fff;
	transform: translate(50px, 42px);
}

.your-custom-class .cls-4{
    stroke: #333;
}

.your-custom-class #arrow-trg{
    fill: #333;
}

.your-custom-class #line{
    stroke: #333;
}

.gdBox:hover .swiper_but {
	opacity: 1;
}

.cx_con3 {
	width: 100%;
	overflow: hidden;
}

.shuz_t {
	font-size: calc(24px + 9vw);
	line-height: 0.8;
	text-align: center;
	font-family: 'Satoshi-Bold';
	color: transparent;
	background: linear-gradient(to bottom, rgb(37 101 197 / 20%) 0, transparent 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.item_b {
	text-align: center;
	font-family: 'Satoshi-Bold';
	color: #333;
	margin-top: 20px;
}

.item_s {
	font-weight: 350;
	color: #333333;
	line-height: 24px;
	margin-top: 20px;
}

.item1_list {
	width: 100%;

}

.item1_list li {
	width: 100%;
	margin-bottom: 14px;
}

.item1_list_top {
	width: 100%;
	background: #F6F7F9;
	position: relative;
	overflow: hidden;
	height: 86px;
	display: flex;
	align-items: center;
	padding: 0 2.4vw;
	border-left: 6px solid var(--yx_Color);
	cursor: pointer;
}

.item1_list_top_t {
	color: #333;
	font-family: 'Satoshi-Bold';
	line-height: 1.4;
}

.tb01 {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	right: 2.4vw;
}

.tb01:before {
	content: '';
	width: 18px;
	height: 2px;
	background: var(--yx_Color);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.tb01:after {
	content: '';
	width: 2px;
	height: 18px;
	background: var(--yx_Color);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.item1_list_top.cur .tb01:after {
	opacity: 0;
}

.item1_list_bot {
	width: 100%;
	padding: 2.4vw;
	display: none;
}

.item1_list_bot .flex {
	align-items: center;
	flex-wrap: wrap;
	display: flex;
}

.item1_list_bot_lr {
	width: 32%;
	overflow: hidden;
	border-radius: 0 50px;
	position: relative;
	padding-bottom: 15%;
}

.item1_list_bot_lr img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.item1_list_bot_lr:hover img {
    transform: translate(-50%, -50%) scale(1.05);
}

.item1_list_bot_ri {
	width: 61%;
	margin-left: auto;
}

.item1_list_bot_ri p {
	position: relative;
	padding-left: 15px;
}

.item1_list_bot_ri p:before {
	content: '';
	width: 5px;
	height: 5px;
	background: #333;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 10px;
}

.swiper_Green .swiper-slide {
	background: linear-gradient(180deg, #E8EFF6 0%, rgba(232, 239, 246, 0.3) 100%);
	border-radius: 0px 50px 0px 50px;
}

.item2_list_img {
	width: 100%;
	position: relative;
	padding-bottom: 85%;
	overflow: hidden;
}

.item2_list_img img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.item2_list_text {
	width: 100%;
	height: 96px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Satoshi-Bold';
	color: #333333;
	text-align: center;
	line-height: 1.4;
	border-top: 1px solid rgba(0 0 0 / 10%);
}

.swiper_Green .swiper-slide:hover img {
	transform: translate(-50%, -50%) scale(1.05);
}

.item3_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.item3_list li {
	border-top: 1px solid #DDDDDD;
	padding-top: 1.5vw;
	margin-bottom: 20px;
}

.item3_list_gd {
	width: 100%;
	display: flex;
	align-items: flex-start;
}

.shuzi {
	line-height: 1;
	font-family: 'Satoshi-Bold';
	color: var(--yx_Color);
}

.danwei {
	color: #333333;
	line-height: 1;
	font-weight: 350;
	margin-left: 10px;
}

.item3_list_s {
	margin-top: 10px;
	font-weight: 350;
	color: #333333;
	line-height: 24px;
	text-align: left;
	min-height: 96px;
}

.item4_list {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.item4_list>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.item4_text {
	margin-top: 8.8vw;
	margin-bottom: 8.3vw;
	position: relative;
	width: 517px;
	height: 517px;
	border-radius: 50%;
	border: 1px dashed rgb(255 255 255 / 50%);
}

.item4_text:before {
	content: '';
	width: 93%;
	height: 93%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.item4_text_top {
	width: 100%;
	height: 100%;
	position: absolute;
}

.item4_text_cen {
	width: 100%;
	height: 100%;
	position: relative;
}

.item4_text_item {
	width: 90%;
	position: absolute;
	left: 50%;
	top: 70%;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	transition: 0.5s all;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 3vw;
}

.item4_text_item.cur {
	opacity: 1;
	visibility: visible;
	top: 50%;
}

.item4_text_item_t {
	color: #fff;
	text-align: center;
	font-family: 'Satoshi-Bold';
}

.item4_text_item_l {
	width: 56px;
	height: 3px;
	background: #FFFFFF;
	margin: 15px auto;
}

.item4_text_item_s {
	color: #fff;
	font-weight: 350;
	text-align: center;
}

.item4_text_item_s.yc {
	height: 235px;
	overflow: auto;
}

.item4_text_top_t {
	width: 210px;
	text-align: center;
	position: absolute;
	color: #fff;
	cursor: pointer;
	font-weight: 350;
	z-index: 100;
}

.item4_text1 {
	left: -220px;
	top: 160px;
}

.item4_text2 {
	right: -220px;
	top: 160px;
}

.item4_text3 {
	left: 50%;
	transform: translateX(-50%);
	bottom: -75px;
}

.item4_text_top_t:before {
	content: '';
	width: 18px;
	height: 18px;
	border: 2px solid #fff;
	border-radius: 50%;
	position: absolute;
}

.item4_text_top_t.cur:before {
	background: #fff;
}


.item4_text1:before {
	right: -35px;
	top: 2px;
}

.item4_text2:before {
	left: -35px;
	top: 2px;
}

.item4_text3:before {
	left: 50%;
	transform: translateX(-50%);
	top: -34px;
}


.cx_con4 {
	width: 100%;
	overflow: hidden;
	background: url(/static/en/img/bg013.jpg) no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.cx_con4_list .swiper{
    padding: 10px 0;
}
.cx_con4_list .swiper-slide {
	overflow: hidden;
	border-radius: 15px;
	position: relative;
	transition: all .5s;
}

.cx_con4_list .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	;
}

.cx_con4_list .swiper-slide:hover{
	transform: translateY(-10px);
}

@media only screen and (min-width: 768px) {
	.item3_list li {
		width: calc((100% - 90px) / 4);
		margin-right: 30px;
	}

	.item3_list li:nth-child(4n) {
		margin-right: 0;
	}

	.section1_list_li:not(:last-child) {
		margin-right: 1.5%;
	}
	
	.swiper_cxqie {
	height: 100vh;
	max-height: 960px;
}

.swiper_cxqie .swiper-slide {
	overflow: hidden;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
}

@media only screen and (max-width: 769px) {
	.cx_con1_list_top_li {
		font-size: 12px;
	}

	.con1_bot_li_lr {
		width: 100%;
	}

	.con1_bot_li_ri {
		width: 100%;
	}

	.con1_bot_li_l {
		width: 55px;
		height: 2px;
		position: unset;
		margin: 15px 0;
		opacity: 0.3;
	}

	.con1_bot_li:not(:last-child) .con1_bot_li_lr:after {
		display: none;
	}

	.con1_bot_li_ri_s {
		font-size: 16px;
	}

	.con1_bot_li:not(:last-child) {
		margin-bottom: 25px;
	}

	.cx_con1_list_bot_item {
		padding-right: 20px;
	}

	.item1_list_top_t {
		font-size: 18px;
	}

	.item1_list_top {
		height: 60px;
	}

	.tb01 {
		width: 30px;
		height: 30px;
	}

	.tb01:before {
		width: 14px;
	}

	.tb01:after {
		height: 14px;
	}

	.item1_list_bot_lr {
		width: 100%;
		padding-bottom: 45%;
		border-radius: 0 30px;
	}

	.item1_list_bot_ri {
		width: 100%;
		margin-top: 20px;
	}

	.item1_list_bot {
		padding: 15px 2.4vw;
	}

	.swiper_Green .swiper-slide {
		border-radius: 0 30px;
	}

	.item2_list_img img {
		max-width: 80%;
	}

	.item2_list_text {
		padding: 10px;
		height: auto;
	}

	.item2_list_text div {
		font-size: 14px;
		text-align: center;
	}

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

	.item3_list li {
		width: 48%;
		padding-top: 15px;
	}

	.item3_list_gd {
		flex-wrap: wrap;
	}

	.danwei {
		display: block;
		width: 100%;
		margin: 10px 0 0;
	}

	.item3_list_s {
		min-height: 0;
	}

	.item4_text_top {
		display: none;
	}

	.item4_text {
		margin: 50px auto 60px;
		width: 90%;
		height: auto;
		border-radius: 0;
		border: none;
	}

	.item4_text_item {
		width: 100%;
		position: unset;
		transform: translate(0%, 0%);
		padding: 25px 15px;
		opacity: 1;
		visibility: visible;
		margin: 20px auto;
		background: rgba(255, 255, 255, 0.1);
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
	}

	.item4_text:before {
		display: none;
	}
	
	.swiper_but{
	    zoom: 0.5;
	}
	
	.section1_box_b{
        position: unset;
        transform: translateX(0%);
        margin-top: 50px;
	}
	
	.section1_list{
        justify-content: space-between;
        position: unset;
        transform: translateX(0%);
        margin-top: 35px;
                margin-bottom: 50px;
	}
	
	.section1_list_li{
        width: 49%;
        padding: 15px 10px;
        margin: 5px 0;
        border-radius: 0 30px;
	}
	
	.section1_list_li_t{
	    font-size: 12px;
	}
	
	.section2_list_li{
	    width: 100%;
	    margin: 10px 0;
	}
	
	.swiper_cxqie .swiper-wrapper{
	    flex-wrap: wrap;
	}
	
	.section1 .section_box>img{
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	}
	
	.section2{
	    padding: 50px 0 60px;
	    z-index: 10;
	}
	
	.section3_lr {
    width: 100%;
}

.section3_ri{
    width: 100%;
    margin-top: 35px;
}

.section3{
    padding-bottom: 60px;
}

.section2_box_b{
    text-align: left;
}
}