.sustdev-page .mod_ban .std_parga {
	max-width: 772px;
}
.sustdev-page .mod_ban .std_parga p:last-child {
	text-align: right;
	margin-top: 33px;
}
.sustdev-btn-img {
	width: 28px;
}
.sustdev-btn-img img {
	width: 100%;
}
.sustdev-btn-text {
	color: #fff;
	margin-right: 24px;
	flex: 1;
}
.sustdev-btn {
	border-radius: 10px;
	border: 1px solid #FFF;
	padding: 12px 30px;
	width: fit-content;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.sustdev-strategy-le .std_font36 {
	margin-bottom: 24px;
}
.sustdev-strategy-ri {
	width: 48.71%;
}
.sustdev-strategy-le {
}
.sustdev-strategy .ys_cont1400 {
	display: flex;
	align-items: center;
}
.ys-imgbox-contain, .ys-imgbox-cover {
	position: relative;
	overflow: hidden;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.ys-imgbox-contain img, .ys-imgbox-cover img {
	width: 100%;
 transition: all .4s ease;
}
 .ys-imgbox-cover img:nth-child(2) {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
}
 .ys-imgbox-contain img:nth-child(2) {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 object-fit: contain;
}
 .mod_content .sustdev-strategy:nth-child(2) {
 background: #FBFBFB;
}
 .mod_content .sustdev-strategy:nth-child(2) .ys_cont1400 {
 flex-direction: row-reverse;
}
 .mod_content .sustdev-strategy:nth-child(2) .sustdev-strategy-le {
 padding-left: 82px;
 padding-right: 0;
}
.sustdev-road .std_tit3 {
	color: #fff;
	font-weight: unset;
}
.drli-time {
	color: #044f9f;
	font-size: 28px;
	line-height: 1.4;
	margin-bottom: 16px;
}
.drli-cry {
	color: #3A3A3A;
}
.sustdev-road-li-info {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 18px 44px 0px rgba(0, 0, 0, 0.088);
	padding: 49px 43px 38px;
}
.sustdev-road {
	position: relative;
}
.sustdev-road-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	pointer-events: none;
}
.sustdev-road-bg img {
	width: 100%;
}
.sustdev-road-swiper {
	overflow: visible !important;
	padding: 50px !important;
	margin: -50px !important;
}
.sustdev-road-li.swiper-slide {
	height: auto;
}
.sustdev-road-li-info {
	height: 100%;
}
.sustdev-road-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sustdev-road-prev {
	margin-right: 15px;
}
.sustdev-road-btn .ys-imgbox-contain {
	width: 40px;
}
 .sustdev-road-btn .ys-imgbox-contain img:nth-child(2) {
 opacity: 0;
}
.sustdev-road-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 55px;
}
.sustdev-road-btn .ys-imgbox-contain {
	width: 40px;
}
.srcl-num p {
	color: #737979;
	font-size: 14px;
	line-height: 1.6;
	border-radius: 10px;
	background: #EEE;
	padding: 10px 20px;
	display: inline-block;
	transition: all 0.36s ease-in-out;
	cursor: pointer;
}
.sustdev-road-coord-li.active .srcl-num p {
	background: #044f9f;
	color: #fff;
}
.sustdev-road-coord {
	margin-top: 50px;
}
.srcl-line span {
	width: 1px;
	height: 8px;
	transform: translateY(-50%);
	background: #A7A7A7;
	margin: 0 20px;
}
.sustdev-road-coord {
	display: flex;
	position: relative;
}
 .sustdev-road-coord::after {
 content: "";
 width: 100%;
 height: 1px;
 background: linear-gradient(90deg, #FFF 0%, #DADADA 2%, #DADADA 98%, #FFF 100%);
 position: absolute;
 left: 50%;
 top: 50%;
 z-index: -1;
 transform: translate(-50%, -50%);
}
.srcl-line {
	background: transparent;
	width: fit-content;
	display: flex;
	justify-content: space-around;
}
.sustdev-road-coord-li {
	display: flex;
	align-items: center;
}
.srcl-num {
	margin: 0 20px;
}
.sustdev-esc-top .std_tit2 {
	line-height: 1.6;
	font-weight: unset;
	margin-bottom: 24px;
}
.setl-info {
	color: #044f9f;
	line-height: 1.75;
	border-radius: 50px;
	background: rgba(21, 65, 220, 0.10);
	padding: 8px 24px 9px;
	width: fit-content;
	cursor: pointer;
}
.sustdev-esc-tab {
 --jian1: 5px;
 margin: 0 calc(var(--jian1) * -1);
	display: flex;
}
.sustdev-esc-tab-li {
	padding: 0 var(--jian1);
}
.ssll-li-link-text {
	color: #3A3A3A;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.75;
}
.ssll-li-link {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 31px 64px 20px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 35.7px 3px rgba(0, 0, 0, 0.05);
}
.ssll-li-link .ys-imgbox-cover {
	margin-bottom: 34px;
}
.secb-slick-li-list {
 --jian1: 20px;
 margin: 0 calc(var(--jian1) * -1);
 margin-bottom: calc(var(--jian1) * -2);
	display: flex;
	flex-wrap: wrap;
}
.ssll-li {
	padding: 0 var(--jian1);
 margin-bottom: calc(var(--jian1) * 2);
	width: 33.33%;
}
.sustdev-esc {
	background: #F9F9F9;
}
.secb-slick .slick-dots {
	position: unset;
	margin-top: 29px;
}
.secb-slick .slick-dots li {
	width: 8px;
	height: 8px;
	background: #044f9f;
	opacity: 0.3;
	margin: 0 3px;
}
.secb-slick .slick-dots li.slick-active {
	opacity: 1;
}
.sustdev-esc-top {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.secb-slick-li {
	width: 100%;
}
.slib-btn-img {
	width: 14px;
}
.slib-btn-img img {
	width: 100%;
}
.ssbl-li-info-text {
	color: #FFF;
	font-size: 24px;
	line-height: 1.75;
	margin-bottom: 24px;
}
.ssbl-li-info-introd, .ssbl-li-info-introd p {
	color: #FFF;
	font-size: 16px;
	line-height: 1.75;
}
.ssbl-li-info-introd {
	margin-bottom: 59px;
}
.slib-btn-text {
	color: #044f9f;
	font-size: 16px;
	line-height: 1.5;
	margin-right: 16px;
}
.slib-btn {
	border-radius: 10px;
	background: #FFF;
	padding: 14px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: fit-content;
}
.ssbl-li-info {
	background: #044f9f;
	padding: 118px 81px 70px 60px;
}
.ssbl-li {
	border-radius: 30px;
	overflow: hidden;
	display: flex;
}
.ssbl-li .ys-imgbox-cover {
	width: 45.78%;
}
.ssbl-li-info {
	width: 54.22%;
}
.sustdev-move-pagination {
	display: none;
}
.sustdev-move-swiper {
	max-width: 1240px;
	overflow: visible !important;
}
.smli-title {
	margin-bottom: 20px;
	color: #FFF;
	font-size: 24px;
	line-height: 1.75;
}
.smli-cry, .smli-cry p {
	color: #FFF;
	font-size: 16px;
	line-height: 1.75
}
.smli-cry {
	margin-bottom: 50px;
}
.sustdev-move-li {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}
 .sustdev-move-li::before {
 content: "";
 width: 100%;
 height: 62%;
 border-radius: 0px 0px 20px 20px;
 background: linear-gradient(180deg, rgba(21, 65, 220, 0.00) 0%, #044f9f 100%);
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 1;
 overflow: hidden;
}
.sustdev-move-li-info {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	padding: 50px 86px;
}
.sustdev-about {
	background: #F7F8FA;
}
.sustdev-about-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 50px;
}
.sustdev-about-top .std_tit3 {
	font-weight: unset;
}
.sustdev-about-prev {
	margin-right: 15px;
}
.sustdev-about-li-link {
	height: 100%;
}
.sustdev-about-li {
	width: 25%;
}
.sall-time {
	line-height: 1.75;
	margin-bottom: 16px;
}
.sall-title {
	color: #000;
	font-size: 20px;
	line-height: 1.65;
}
.sall-bottom {
	padding: 20px 36px;
}
.sustdev-about-li-link {
	border-radius: 20px;
	background: #FFF;
	height: 100%;
	overflow: hidden;
	display: block;
}
.sustdev-about-swiper {
	max-width: 1320px;
	overflow: visible !important;
	margin: unset !important;
}
.srpl-img {
	width: 18px;
}
.srpl-img img {
	width: 100%;
}
.srpl-text {
	margin-left: 18px;
	color: #044f9f;
	font-size: 16px;
	line-height: 1.5;
}
.sllb-ri-preview-link {
	display: flex;
	align-items: center;
}
.sllb-ri-down-link {
	width: 20px;
	display: inline-block;
}
.sllb-ri-down-link img {
	width: 100%;
}
.sllb-le-img {
	width: 38px;
}
.sllb-le-img img {
	width: 100%;
}
.sllb-le {
	width: 6.11%;
	border-right: 1px solid #E8E8E8;
}
.sllb-cent {
	flex: 1;
	color: #000;
	font-size: 20px;
	line-height: 1.65;
	padding: 0 40px;
}
.sdbi-list-li-box {
	display: flex;
	align-items: center;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10);
	padding: 39px 84px 39px 54px;
}
.sllb-ri {
	width: 10.5%;
	display: flex;
	justify-content: space-between;
}
.sdbi-list-li {
	margin-bottom: 24px;
}
.sdbi-list .sdbi-list-li:last-child {
	margin-bottom: 0 !important;
}
.swiper-slide.sustdev-about-li {
	height: auto;
}
.sustdev-join {
	background: #F9F9F9;
}
.sustdev-join .std_tit2 {
	font-weight: unset;
	line-height: 1.6;
	margin-bottom: 50px;
	text-align: center;
}
.sustdev-join-swiper {
	margin-bottom: 50px;
}
.sustdev-join-swiper-li {
	padding-bottom: 21px;
}
.sustdev-join-swiper .swiper-wrapper {
	position: relative;
}
 .sustdev-join-swiper-li::before {
 content: "";
 background: #044f9f;
 width: 100%;
 height: 3px;
 position: absolute;
 bottom: -3px;
 left: 0;
 z-index: 1;
 transition: all 0.36s ease-in-out;
 opacity: 0;
}
 .sustdev-join-swiper-li.act::before {
 opacity: 1;
}
.sustdev-join-swiper-li {
	color: #333;
	text-align: center;
	font-size: 16px;
	line-height: 1.75;
	transition: all 0.36s ease-in-out;
	border-bottom: 3px solid transparent;
	transition-property: all !important;
	cursor: pointer;
	height: auto !important;
	position: relative;
}
 .sustdev-join-swiper-li::after {
 content: "";
 background: #E3E3E3;
 width: calc(100% + 40px);
 height: 1px;
 position: absolute;
 bottom: -3px;
 left: 0;
 z-index: -1;
}
.sclb-btn-img {
	width: 14px;
}
.sclb-btn-img img {
	width: 100%;
}
.sclb-btn-text {
	color: #FFF;
	font-size: 16px;
	line-height: 1.5;
	margin-right: 16px;
}
.sclb-btn {
	display: flex;
	justify-content: space-between;
	width: fit-content;
	align-items: center;
	border-radius: 10px;
	background: #044f9f;
	padding: 14px 30px;
}
.sjib-cry-le-title {
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 20px;
}
.sjib-cry-le-sub {
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 12px;
}
.sjib-cry-le-text, .sjib-cry-le-text p {
	color: #666;
	font-size: 14px;
	line-height: 1.75;
}
.sjib-cry-le-text {
	margin-bottom: 50px;
}
.sjib-cry-le {
	width: 50%;
	padding-right: 93px;
}
.sjib-cry-ri {
	width: 50%;
	border-radius: 20px;
}
.sjib-cry {
	display: flex;
	align-items: center;
}
.sustdev-download-bottom {
	margin-bottom: 50px;
}
.sustdev-download .sjib-cry-le-btn {
	display: flex;
	justify-content: center;
}
.sustdev-contact-bg-ph {
	display: none;
}
.sustdev-contact-bg {
	width: 100%;
}
.sustdev-contact-bg img {
	width: 100%;
}
.sustdev-contact-info .std_tit2 {
	font-weight: unset;
	color: #fff;
	line-height: 1.6;
	margin-bottom: 27px;
}
.sustdev-contact-info-text, .sustdev-contact-info-text p {
	color: #FFF;
	text-align: center;
	font-size: 20px;
	line-height: 1.75;
}
.sustdev-contact-info-text {
	margin-bottom: 35px;
	max-width: 788px;
}
.sustdev-contact-info {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sustdev-contact {
	position: relative;
}
.sustdev-esc-tab-li.act .setl-info {
	background: #044f9f;
	color: #fff;
}
.setl-info {
	transition: all 0.36s ease-in-out;
}
 .sustdev-esc-cry-box:not(:first-child) {
 display: none;
}
 .ys-slick-item:not(:first-child) {
 display: none;
}
.ys-slick-item {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
.secb-slick .secb-slick-li {
	padding: 50px !important;
}
.secb-slick .slick-list {
	margin: -50px !important;
}
 .ssbl-li:not(:first-child) {
 display: none;
}
.ssbl-li-cent {
	border-radius: 30px;
	overflow: hidden;
	display: flex;
}
 .sustdev-join-info-box:not(:first-child) {
 display: none;
}
 .sustdev-download-bottom-info:not(:first-child) {
 display: none;
}
.downcent-page .std_tit2 {
	font-weight: unset;
	font-size: 40px;
}
.downcent-seach-img {
	width: 20px;
	cursor: pointer;
}
.downcent-seach-img img {
	width: 100%;
}
.downcent-seach {
	width: 336px;
	border-radius: 50px;
	border: 1px solid #D9D9D9;
	background: #FFF;
	padding: 10px 14px 10px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
 .downcent-seach input::placeholder {
 color: #CDCDCD;
 font-size: 14px;
 transform: translateY(-1px);
}
.downcent-seach input {
	color: #333;
	font-size: 16px;
	padding: 0 7px;
	width: 100%;
	height: 18px;
}
.downcent-seach {
	position: relative;
}
 .downcent-seach::before {
 content: "";
 width: 1px;
 height: 15px;
 background: #999;
 position: absolute;
 left: 20px;
 top: 50%;
 z-index: 1;
 transform: translate(-50%, -50%);
}
.sustdev-download-top {
	margin-bottom: 50px;
	display: flex;
	justify-content: flex-end;
}
.downcent-page .mod_bread {
	margin-bottom: 20px;
}
.downcent-page .sustdev-tab {
	margin-bottom: 56px;
}
.sustdev-download {
	padding-bottom: 120px;
}
.sllb-cent {
	transition: all 0.36s ease-in-out;
}
.sustdev-page .mod_ban .slick-dots {
	display: none !important;
}
.sustdev-btn {
	margin-top: 43px;
}
.slib-btn-img, .sclb-btn-img {
	transition: all 0.36s ease-in-out;
}
.sustdev-move-li .ys-imgbox-cover {
	border-radius: 20px;
}
.sustdev-tab {
	margin-bottom: 50px;
}
.sustdev-road-tabbox #mCSB_1_scrollbar_horizontal {
	opacity: 0 !important;
}
.downcent-page .setl-info {
	display: block;
}
.sall-title {
	max-height: 4.95em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.sllb-cent {
	max-height: 3.3em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.sustdev-road .ys_cont1400 {
	margin-top: 140px;
}
.sustdev-road {
	padding-top: 96px;
}
.sustdev-page section {
	overflow: hidden;
}
.sustdev-positioning {
	position: fixed;
	left: 108px;
	top: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	z-index: 30;
}
.sustdev-positioning-list-li {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	position: relative;
	cursor: pointer;
}
.sustdev-positioning-list-li.active .spll-cir {
	border: 2px solid #044f9f;
}
.sustdev-positioning-list-li.active .spll-text {
	color: #044f9f;
}
.sustdev-positioning-list .sustdev-positioning-list-li:last-child {
	margin-bottom: 0 !important;
}
.sustdev-positioning-list {
	position: relative;
}
 .sustdev-positioning-list::before {
 content: "";
 background: #E4E4E4;
 width: 1px;
 height: 97%;
 position: absolute;
 left: 2.5px;
 top: 8px;
}
.sustdev-positioning-info-btn img {
	width: 14px;
	transform: rotate(270deg);
	transition: all 0.36s ease-in-out;
}
.sustdev-positioning-info-btn {
	width: 10px;
	height: 60px;
	border-radius: 0 100px 100px 0;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: -17px;
	top: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	cursor: pointer;
	background: #fff;
}
.sustdev-positioning-info {
	position: relative;
	width: 218px;
	padding: 30px 26px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
	transform: translateX(-100%);
	transition: all 0.36s ease-in-out;
}
.sustdev-positioning-info.on {
	transform: translateX(0);
}
.sustdev-positioning-info.on .sustdev-positioning-info-btn img {
	transform: rotate(90deg);
}
.sustdev-positioning {
	position: fixed;
	left: 108px;
	top: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	z-index: 30;
}
@media screen and (min-width: 1200px) {
 .sustdev-positioning-list-li:hover .spll-cir {
 border: 2px solid #044f9f;
}
 .sustdev-positioning-list-li:hover .spll-text {
 color: #044f9f;
}
}
@media screen and (min-width: 1200px) {
 .sustdev-about-li-link:hover .ys-imgbox-cover img {
 transform: scale(1.05);
}
 .sustdev-move-li:hover .ys-imgbox-cover img {
 transform: scale(1.05);
}
 .sjib-cry:hover .sjib-cry-ri img {
 transform: scale(1.05);
}
 .ssbl-li:hover .ys-imgbox-cover img {
 transform: scale(1.05);
}
 .slib-btn:hover .slib-btn-img {
 transform: translateX(5px);
}
 .sclb-btn:hover .sclb-btn-img {
 transform: translateX(5px);
}
 .sdbi-list-li:hover .sllb-cent {
 color: #044f9f;
}
 .sustdev-esc-tab-li:hover .setl-info {
 background: #044f9f;
 color: #fff;
}
 .sustdev-join-swiper-li:hover::before {
 opacity: 1;
}
 .srcl-num:hover p {
 background: #044f9f;
 color: #fff;
}
 .sustdev-road-btn .ys-imgbox-contain:hover img:nth-child(1) {
 opacity: 0;
}
 .sustdev-road-btn .ys-imgbox-contain:hover img:nth-child(2) {
 opacity: 1;
}
 .sustdev-about .sustdev-road-btn .ys-imgbox-contain:hover img:nth-child(1) {
 opacity: 1;
}
 .sustdev-about .sustdev-road-btn .ys-imgbox-contain:hover img:nth-child(2) {
 opacity: 0;
}
}
@media screen and (max-width: 767px){
        .sustdev-page .ys_pos_center .std_tit2 {
        font-size: 28px;
    }
        .sustdev-btn-img {
        width: 20px;
    }
    .sustdev-btn-text {
        margin-right: 12px;
    }
        .sustdev-btn {
        padding: 6px 16px;
    }
.sustdev-page .inside_ban .std_parga p {
    line-height: 1.7;
}
.sustdev-strategy .ys_cont1400 {
    flex-direction: column;
}
.sustdev-strategy-le {
        padding-right: 0;
        width: 100%;
        margin-bottom: 26px;
    }
    .sustdev-strategy-ri {
    width: 100%;
}
    .sustdev-strategy-le .std_font36 {
        font-size: 24px;
        margin-bottom: 14px;
    }
    .mod_content .sustdev-strategy:nth-child(2) .ys_cont1400 {
    flex-direction: column;
}
    .mod_content .sustdev-strategy:nth-child(2) .sustdev-strategy-le {
        padding-left: 0;
    }
    .sustdev-contact-bg-pc{
        display: none;
    }
    .sustdev-contact-bg-ph{
        display: block;
    }
    .sustdev-road-swiper{
        overflow: hidden !important;
    }
        .sustdev-road-li-info {
        padding: 20px;
        box-shadow: 0px 14px 14px 0px rgba(0, 0, 0, 0.088);
    }
        .sustdev-road-swiper {
        padding: 20px !important;
        margin: -20px !important;
    }
        .sustdev-road-btn .ys-imgbox-contain {
        width: 28px;
    }
    .sustdev-road-prev {
        margin-right: 8px;
    }
    .srcl-num {
        margin: 0 10px;
    }
        .srcl-line span {
        margin: 0 10px;
    }
        .ssll-li {
        width: 100%;
    }
        .ssll-li-link {
        padding: 20px 15px;
    }
    .secb-slick .slick-dots {
        margin-top: 22px;
    }
        .ssll-li-link .ys-imgbox-cover {
        margin-bottom: 12px;
    }
    .ssbl-li-cent {
    flex-direction: column;
}
.ssbl-li .ys-imgbox-cover {
    width: 100%;
}
.ssbl-li-info {
        padding:25px 20px;
        width: 100%;
    }
        .ssbl-li-info-introd {
        margin-bottom: 18px;
    }
        .ssbl-li-info-text {
        margin-bottom: 8px;
    }
        .slib-btn {
        padding: 6px 16px;
    }
    .sjib-cry {
    flex-direction: column-reverse;
}
.sjib-cry-ri {
    width: 100%;
    margin-bottom: 25px;
}
.sjib-cry-le {
        padding-right: 0;
        width: 100%;
    }
        .sjib-cry-le-title {
        margin-bottom: 8px;
    }
.sustdev-join-swiper {
        margin-bottom: 25px;
    }
    .sjib-cry-le-title {
    line-height: 1.5;
}
    .sjib-cry-le-text {
        margin-bottom: 20px;
    }
        .sustdev-esc-tab {
        margin-bottom: 25px;
    }
    .sustdev-esc-tab {
        margin-bottom: 0;
        width: 100%;
		justify-content: center;
    }
    .sustdev-tab{
        margin-bottom: 22px;
    }
    .setl-info {
        white-space: nowrap;
    }
    .sustdev-move-swiper {
    overflow: hidden !important;
}
.sustdev-move-li-info {
    position: relative;
    padding: 18px 15px 25px;
    background: #1541DC;
}
.sustdev-move-li{
    background: #1541DC;
}
.sustdev-move-li::before{
    content: unset;
}
.smli-cry {
        margin-bottom: 20px;
    }
    .smli-title {
    line-height: 1.65;
}
.sustdev-about-prev {
        margin-right: 8px;
    }
    .sdbi-list-li-box {
    flex-wrap: wrap;
}
    .sdbi-list-li-box {
        border-radius: 8px;
        padding: 25px 20px 22px;
    }
        .sllb-ri {
        width: 100%;
        margin-top: 12px;
        justify-content: flex-end;
    }
    .sllb-ri-preview{
        margin-right: 20px;
    }
    .sllb-cent {
        width: 85%;
        line-height: 1.5;
		font-size: 16px;
        padding: 0 20px;
    }
        .sllb-le-img {
        width: 28px;
    }
        .sllb-le {
        width: 15%;
    }
        .sclb-btn {
        padding: 6px 16px;
    }
    .sustdev-contact-info {
    width: 100%;
    padding: 0 20px;
}
    .sustdev-contact-info-text {
        margin-bottom: 16px;
    }
        .sustdev-download-bottom {
        margin-bottom: 25px;
    }
        .sustdev-road-top {
        margin-bottom: 24px;
    }
    .sustdev-tab {
    overflow-x: auto;
    width: 100%;
}
.sustdev-page .mod_ban .slick-dots {
    display: block !important;
    bottom: 42px;
}
.sustdev-page .mod_ban .slick-dots li{
   margin: 0 3px;
}
    .sustdev-page .inside_ban .ys_pos_center {
        top: 45%;
    }
    .sustdev-download {
        padding-bottom: 42px;
        padding-top: 42px;
    }
    .downcent-seach {
    width: 100%;
}
.downcent-seach input {
    font-size: 14px;
}
    .sustdev-download-top {
        margin-bottom: 26px;
    }
        .downcent-page .mod_page {
        margin-top: 26px;
    }
}
.esg-rating-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.esg-card {
	background: #ffffff;
	border-radius: 16px;
	padding: 40px 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 240px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
	transition: all 0.3s ease;
}
.esg-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.esg-card__logo {
	width: 100%;
	max-width: 260px;
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 24px;
}
.esg-card__logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.esg-card__title {
	font-size: 18px;
	color: #333333;
	text-align: center;
	font-weight: 500;
}
/* 平板 */
@media (max-width:992px) {
 .esg-rating-grid {
 grid-template-columns: repeat(2, 1fr);
}
}
/* 移动端 */
@media (max-width:576px) {
 .esg-rating-grid {
 grid-template-columns: 1fr;
}
 .esg-card {
 min-height: 200px;
 padding: 30px 16px;
}
}
.max1100 {
	max-width:1100px;
	margin:0 auto;
}

.eco-three-card{
    padding:70px 0px 0px 0px;
    background:#fff;
}
.card-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}
.card-item{
    text-align:center;
	padding-bottom:50px;
	border-bottom: 1px solid rgba(229, 229, 229, 1);
}
/* 顶部圆角大图 */
.card-img-wrap{
    position:relative;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:-32px;
}
.card-img-wrap img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}
/* 蓝色圆形图标 + 白色半圆缺口 */
.icon-wrap{
    position:relative;
    z-index:2;
    width:72px;
    height:72px;
    margin:0 auto;
}
.icon-circle{
    width:72px;
    height:72px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.icon-circle svg{
    width:34px;
    height:34px;
    fill:#fff;
}
/* 白色半圆，盖住圆的上半部分，形成缺口效果 */
.icon-mask{
    position:absolute;
    top:0;
    left:0;
    width:72px;
    height:36px;
    background:#ffffff;
    border-radius:36px 36px 0 0;
}
/* 标题容器：标题文字在前，大号数字在文字背后 */
.title-box{
    position:relative;
    margin:44px 0 20px;
}
.card-title{
    font-size:24px;
    color:#222;
    font-weight:bold;
    position:relative;
    z-index:2;
}
.card-num{
    font-size:70px;
    color:#e8edf4;
    font-weight:bold;
    position:absolute;
    left:50%;
    top:10%;
    transform:translate(-50%,-50%);
    z-index:1;
	font-family:Arial, Helvetica, sans-serif
}
.card-desc{
    font-size:16px;
    color:#444;
    text-align:left;
    line-height:1.7;
}

/* 响应式适配 */
@media(max-width:992px){
    .card-row{
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }
    .card-num{font-size:64px;}
    .card-title{font-size:24px;}
    .card-img-wrap img{height:220px;}
}
@media(max-width:768px){
    .card-row{
        grid-template-columns:1fr;
        gap:40px;
    }
    .eco-three-card{padding:40px 16px;}
    .card-num{font-size:56px;}
    .card-title{font-size:22px;}
    .card-img-wrap img{height:200px;}
}
</style>