.hidden{position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0;}
#wrapper.new-wrap2025 *{font-family: "Microsoft YaHei", sans-serif;}
#wrapper.new-wrap2025{float: none;}
#header2025{width: 100%;margin: 0 auto;position: relative;}
.logo2025 > a{display: inline-block;}
.header-wid{width: calc(100% - 20px);max-width: 1720px;margin: 0 auto;height: 140px;display: flex;align-items: center;justify-content: space-between;}
a.menu-open{position: absolute;font-size: 0;right: calc((100% - 1720px) / 2);top: 50%;margin-top: -15px;width: 36px;height: 30px;background: url('/static/chn/img/common/menu_open.png') no-repeat center center;}
a.menu-open.on{background: url('/static/chn/img/common/menu_out.png') no-repeat center center;}
.hr-area{padding-right: 65px;display: flex;}
.hr-area > li{position: relative;}
.hr-area > li + li{margin-left: 30px;}
.hr-area > li > a{display: block;font-size: 18px;color: #000;line-height: 19px;}
.hr-area > li > a > span{display: inline-block;padding-left: 25px;}
.hr-area > li.sitemap > a > span{background: url('/static/chn/img/common/tic1.png') no-repeat left center;}
.hr-area > li.lang-box > a > span{background: url('/static/chn/img/common/tic2.png') no-repeat left center;}
.hr-area > li.lang-box > .lang-dp{display: none;position: absolute;left: 0;right: 0;top: 100%;z-index: 9;text-align: center;padding: 10px;border: 1px solid #dfdfdf;background: #fff;border-radius: 15px;}
.hr-area > li.lang-box > .lang-dp > li + li{margin-top: 5px;}

.menu-area{width: 60%;}
.menu-box{display: flex; justify-content: space-between;}
.menu-box > li > a{text-align: center;padding: 0 40px;font-size: 22px;color: #000;font-weight: bold;width: 100%;height: 140px;display: table;box-sizing: border-box;}
.menu-box > li > a > span{display: table-cell;vertical-align: middle;}
.menu-box > li > .menu-dp2{display: none;text-align: left;position: absolute;left: 0;top: 140px;right: 0;box-sizing: border-box;background: #fce9e7;box-shadow: 0 6px 10px -10px rgba(0, 0, 0, 0.3);z-index: 99;}
.menu-box > li > .menu-dp2:after{content: "";position: absolute;left: 0;top: 0;right: 0;height: 38px;background: url('/static/chn/img/common/msd.png') repeat-x left top;}
.menu-box > li > .menu-dp2 > ul{position: relative;width: 100%;max-width: 1600px;margin: 0 auto;background: #fff;}
.menu-box > li > .menu-dp2 > ul:after{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 340px;background: #e85141;}
.menu-box > li > .menu-dp2 > ul > li{position: relative;z-index: 1;border-bottom: 1px solid #e5e5e5;display: flex;align-items: center;min-height: 60px;box-sizing: border-box;padding: 20px 0;}
.menu-box > li > .menu-dp2 > ul > li:last-child{border-bottom: 0;}
.menu-box > li > .menu-dp2 > ul > li > a{display: block;width: 340px;box-sizing: border-box;padding-left: 30px;font-size: 20px;color: #fff;font-weight: bold;}
.menu-box > li > .menu-dp2 > ul > li > ul{width: calc(100% - 340px);font-size: 0;}
.menu-box > li > .menu-dp2 > ul > li > ul > li{display: inline-block;margin: 5px 0 5px 30px;}
.menu-box > li > .menu-dp2 > ul > li > ul > li > a{display: block;font-size: 18px;color: #333;padding-left: 12px;position: relative;}
.menu-box > li > .menu-dp2 > ul > li > ul > li > a:after{content: "";position: absolute;left: 0;top: 10px;width: 7px;height: 2px;background: #333;}

.all-menu-wp{display: none;position: absolute;left: 0;top: 100%;right: 0;background: #fce9e7;box-shadow: 0 6px 10px -10px rgba(0, 0, 0, 0.3);z-index: 999;}
.all-menu-wp:after{content: "";position: absolute;left: 0;top: 0;right: 0;height: 38px;background: url('/static/chn/img/common/msd.png') repeat-x left top;}
.all-menu-wid{position: relative;width: 100%;max-width: 1600px;margin: 0 auto;background: #fff;box-sizing: border-box;padding: 40px;}
.all-menu-box{margin-left: -40px;display: flex;flex-wrap: wrap;}
.all-menu-box > li{width: calc(25% - 40px);margin-left: 40px;}
.all-menu-box > li > a{display: table;width: 100%;text-align: center;height: 60px;border: 1px solid #000;font-size: 25px;color: #000;}
.all-menu-box > li > a span{display: table-cell;vertical-align: middle;}
.all-menu-box > li:hover > a{color: #fff;background: #e85141;border: 1px solid #e85142;}
.all-menu-box > li > div{padding: 30px 20px;}
.all-menu-box > li > div > ul > li + li{margin-top: 25px;}
.all-menu-box > li > div > ul > li{position: relative;padding-left: 14px;}
.all-menu-box > li > div > ul > li:after{content:"";position: absolute;left: 0;top: 9px;width: 8px;height: 4px;background: #333;}
.all-menu-box > li > div > ul > li > a{margin-bottom: 10px;display: block;font-size: 20px;color: #222;font-weight: 500;}
.all-menu-box > li > div > ul > li > ul > li{margin-top: 7px;}
.all-menu-box > li > div > ul > li > ul > li > a{display: block;padding-left: 12px;position: relative;font-size: 16px;color: #666;}
.all-menu-box > li > div > ul > li > ul > li > a:after{content: "";position: absolute;left: 5px;top: 10px;width: 2px;height: 2px;background: #666;}
.all-menu-box > li > div > ul > li:hover:after{background: #e85141;}
.all-menu-box > li > div > ul > li:hover > a{color: #e85141;}
.all-menu-box > li > div > ul > li > ul > li:hover > a{color: #e85141;}
.all-menu-box > li > div > ul > li > ul > li:hover > a:after{background: #e85141;}


#container.main{max-width: 100%;}
.msection.bg1{background: #eef3ff;}
.mconts-wid{width: calc(100% - 20px);max-width: 1600px;margin: 0 auto;padding: 110px 0;}

h3.m-title{text-align: center;margin-bottom: 70px;font-size: 45px;color: #000;line-height: 1.25;font-family: 'Archivo', sans-serif !important;}
.m-info-area{display: flex;flex-wrap: wrap;justify-content: space-between;}
.m-info-area > li{width: 21%;text-align: center;}
.m-info-area > li > a{display: block;transition: .3s;}
.m-info-area > li > a > p{margin-top: 25px;font-size: 20px;color: #333;font-weight: 500;}
.m-info-area > li:hover > a{transform: translate(0, -40px);}
.m-info-area > li:hover > a > p{color: #e60045;font-weight: bold;text-decoration: underline;}

.wic-line{margin-left: -40px;margin-top: -20px;display: flex;flex-wrap: wrap;}
.wic-line > li{margin-left: 40px;margin-top: 20px;width: calc(33.333333% - 40px);}
.wic-line > li > a{display: table;transition: .3s;width: 100%;height: 240px;text-align: center;background: #fff;border: 1px solid #fff;border-radius: 30px;box-shadow: 0px 0px 20px 0px rgba(22, 104, 227, 0.2);}
.wic-line > li > a > div{display: table-cell;vertical-align: middle;padding: 10px;}
.wic-line > li > a > div > p{margin-top: 25px;font-size: 25px;color: #333;font-weight: 500;}
.wic-line > li:hover > a{transform: translate(0, -40px);border: 1px solid #e60045;}
.wic-line > li:hover > a > div > p{color: #e60045;font-weight: bold;text-decoration: underline;}

.m-gp-ls{display: flex; flex-wrap: wrap;     justify-content: space-around;}
.m-gp-ls > li{width: 18%; }
.m-gp-ls > li > div{padding-bottom: 100%; position: relative; text-align: center;}
.m-gp-ls > li > div > a{position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: #333; padding-top: 25%; background: #f5f5f5; border-radius: 50%;  border: 1px solid transparent; transition: .3s;}
.m-gp-ls > li > div > a > i{display: block; margin-bottom: 8%;}
.m-gp-ls > li > div > a > span{display: block; font-size: 20px; line-height: 24px; font-weight: 500;}
.m-gp-ls > li > div > a:hover{transform: translate(0, -40px); border-color: #ec4275; background: #fff; color: #e60045;}

.msection.ibg{background: url(/static/chn/img/main/mc_info_bg.jpg) center 0 no-repeat; background-size: cover;}
.msection.ibg .m-title span{display: inline-block; width: 500px; max-width: 90%; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 40px 50px rgba(255, 255, 255, 0.9); padding: 5px 16px; border-radius: 30%;}
.mc-inf-ls{display: flex; flex-wrap: wrap;     justify-content: space-between;}
.mc-inf-ls > li{width: 15%; }
.mc-inf-ls > li > div{padding-bottom: 100%; position: relative; text-align: center;}
.mc-inf-ls > li > div > a{position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: #333; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(8px); border-radius: 20px; border: 1px solid transparent; transition: .3s;}
.mc-inf-ls > li > div > a:before{content: ''; display: block; height: 60%; margin-bottom: 4%; background: center bottom no-repeat;}
.mc-inf-ls > li > div > a > span{display: block; font-size: 20px; line-height: 24px;  font-weight: 500;}
.mc-inf-ls > li > div > a:hover{transform: translate(0, -40px); border-color: #ec4275; color: #e60045;}
.mc-inf-ls > li > div > a.bg1:before{background-image: url(/static/chn/img/main/mc_info_ic1.png);}
.mc-inf-ls > li > div > a.bg2:before{background-image: url(/static/chn/img/main/mc_info_ic2.png);}
.mc-inf-ls > li > div > a.bg3:before{background-image: url(/static/chn/img/main/mc_info_ic3.png);}
.mc-inf-ls > li > div > a.bg4:before{background-image: url(/static/chn/img/main/mc_info_ic4.png);}
.mc-inf-ls > li > div > a.bg5:before{background-image: url(/static/chn/img/main/mc_info_ic5.png);}
.mc-inf-ls > li > div > a.bg6:before{background-image: url(/static/chn/img/main/mc_info_ic6.png);}
.mc-inf-ls > li > div > a.bg1:hover:before{background-image: url(/static/chn/img/main/mc_info_ic1a.png);}
.mc-inf-ls > li > div > a.bg2:hover:before{background-image: url(/static/chn/img/main/mc_info_ic2a.png);}
.mc-inf-ls > li > div > a.bg3:hover:before{background-image: url(/static/chn/img/main/mc_info_ic3a.png);}
.mc-inf-ls > li > div > a.bg4:hover:before{background-image: url(/static/chn/img/main/mc_info_ic4a.png);}
.mc-inf-ls > li > div > a.bg5:hover:before{background-image: url(/static/chn/img/main/mc_info_ic5a.png);}
.mc-inf-ls > li > div > a.bg6:hover:before{background-image: url(/static/chn/img/main/mc_info_ic6a.png);}

.mc-mft{overflow: hidden;}
.mc-mft > ul{display: flex; flex-wrap: wrap;     justify-content: space-between; margin: 0 -20px;}
.mc-mft > ul > li{flex-grow: 1; width: calc(33.33% - 40px); margin: 20px; background: #fbfbfb; border: 1px solid #eee; padding: 10px; display: flex; align-items: center;  justify-content: center; height: 260px; border-radius: 30px;}
.mc-mft > ul > li > div{padding: 10px 0; padding-left: 120px; position: relative;}
.mc-mft > ul > li > div:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 120px; background: center center no-repeat;}
.mc-mft > ul > li > div.bg2:before{background-image: url(/static/chn/img/main/mc_mft_ic2.png); }
.mc-mft > ul > li > div.bg3:before{background-image: url(/static/chn/img/main/mc_mft_ic3.png); }
.mc-mft > ul > li > div.bg4:before{background-image: url(/static/chn/img/main/mc_mft_ic4.png); }
.mc-mft > ul > li > div.bg5:before{background-image: url(/static/chn/img/main/mc_mft_ic5.png); }
.mc-mft > ul > li > div.bg6:before{background-image: url(/static/chn/img/main/mc_mft_ic6.png); }
.mc-mft > ul > li > div.fll{padding: 0;}
.mc-mft > ul > li > div.fll:before{display: none;}
.mc-mft > ul > li > div > b{display: block;  font-size: 40px; color: #000; margin-bottom: 10px; line-height: 1;}
.mc-mft > ul > li > div > p{font-size: 20px; color: #333; font-weight: 500; line-height: 24px;}
.mc-mft > ul > li > div > ul > li{font-size: 20px; color: #000; line-height: 24px; padding-left: 12px; position: relative;}
.mc-mft > ul > li > div > ul > li:before{content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background: #000; border-radius: 50%;}
.mc-mft > ul > li > div > ul > li + li{margin-top: 6px;}
#wrapper.new-wrap2025 .mc-mft > ul > li > div > b{font-family: 'Archivo'; }

.m-visual{padding-bottom: 5%; position: relative; z-index: 1;}
.m-visual:after{content: ''; position: absolute; right: 0; left: 10%; top: 7%; bottom: 0; z-index: -1; background: #e5f6ff; border-radius: 0 0 0 200px;}
.m-visual-bx{margin-right: 6%;}
.sl-u{height: 790px; border-radius: 0 0 410px 0; position: relative; z-index: 1; padding-left: 6.38%; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.sl-u.bg1:before{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: url(/static/chn/img/main/m_vsl_bg1.png) center bottom no-repeat;     background-size: cover;}
.sl-u.bg2:before{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: url(/static/chn/img/main/m_vsl_bg2.png) center bottom no-repeat;     background-size: cover;}

.m-visual-bx .slick-current .sl-u:before{animation: vslBgAni 3s;}
.sl-u .ibx{width: 90%; max-width: 710px; text-align: center; position: relative;}
.sl-u .v-lk1{position: absolute; right: 100%; top: -29px; margin-right: 8%; width: 380px;}
.m-visual-btn{position: absolute; bottom: 10%; right: 6%; font-size: 0; line-height: 1;}
.m-visual-btn a{font-size: 0; display: inline-block; vertical-align: top; width: 36px; height: 20px;}
.m-visual-btn .prev{background: url(/static/chn/img/main/vsl_slbt1.png) 0 center no-repeat;}
.m-visual-btn .next{background: url(/static/chn/img/main/vsl_slbt2.png) right center no-repeat;}
.m-visual-btn .ap{display: inline-block; vertical-align: top; margin: 0 20px;}
.m-visual-btn .ap a{width: 20px; height: 20px;}
.m-visual-btn .stop{background: url(/static/chn/img/main/vsl_slbt3.png) 0 center no-repeat;}
.m-visual-btn .play{display: none; background: url(/static/chn/img/main/vsl_slbt4.png) 0 center no-repeat;}

@keyframes vslBgAni{
    from{transform:scale(1.2);}
    to{transform:scale(1);}
}


#footer2025{width: 100%;margin: 0 auto;background: #eee;}
.foot-box{text-align: center;width: calc(100% - 20px);max-width: 1720px;margin: 0 auto;padding: 75px 0;}
.foot-box > h1 > a{display: inline-block;}
.foot-box p{font-size: 18px;color: #333;margin-top: 20px;}
.foot-box p span{font-weight: bold;}
.foot-box > div > p{display: inline-block;}
.foot-box > div > p + p{margin-left: 40px;}


@media screen and (max-width: 1720px){
	a.menu-open{right: 10px;}
}
@media screen and (max-width: 1680px){
.sl-u{padding-left: 16%;}
.sl-u .v-lk1{ top: 50px; margin-right: 6%; width: 300px;}
}

@media screen and (max-width: 1540px){
	.hr-area{padding-right: 50px;display: flex;}
	.hr-area > li + li{margin-left: 15px;}
	.menu-box > li > a{padding: 0 15px;font-size: 20px;}

.m-gp-ls > li > div > a > span{font-size: 18px; line-height: 22px; letter-spacing: -0.5px;}
.mc-inf-ls > li > div > a > span{font-size: 18px; line-height: 22px; letter-spacing: -0.5px;}
.mc-inf-ls > li > div > a:before{background-size: auto 80px; margin-bottom: 6%;}
.mc-mft > ul{    margin: 0 -10px;}
.mc-mft > ul > li{width: calc(33.33% - 20px);   margin: 10px; height: 220px;}
.mc-mft > ul > li > div{padding-left: 90px;}
.mc-mft > ul > li > div:before{width: 70px; background-size: 100%;}
.mc-mft > ul > li > div > b{font-size: 34px; letter-spacing: -1px;}

}

@media screen and (max-width: 1280px){
.m-gp-ls > li > div > a{padding-top: 18%;}


.mc-inf-ls > li > div > a > span{font-size: 16px; line-height: 18px; }
.mc-inf-ls > li > div > a:before{background-size: auto 72%;}

.m-visual{background: #e5f6ff; padding-bottom: 80px;}
.m-visual:after{display: none;}
.m-visual-bx{margin-right: 0;}
.sl-u{ border-radius: 0; padding-left: 22%;}
.sl-u.bg1:before{background-size: auto; background-position: 32% bottom;}
.sl-u.bg2:before{background-size: auto; background-position: 32% bottom;}

.sl-u .ibx{width: 60%; position: static;}

.sl-u .v-lk1{transform: translateY(-50%);  left: 6%;  top: 50%;  width: 24%;}
.m-visual-btn{bottom: 30px; left: 0; right: 0; text-align: center;}
}
@media screen and (max-width: 1200px){
.mc-mft > ul > li{width: calc(50% - 20px); }
}

@media screen and (max-width: 1024px){
	.menu-area{display: none;}
	.all-menu-wid{padding: 40px 20px;}
	.all-menu-box{display: flex;flex-wrap: wrap;}
	.all-menu-box > li{width: calc(100% - 40px);}
	.all-menu-box > li + li{margin-top: 20px;}
	.all-menu-box > li > div{display: none;}
	.all-menu-box > li > a{text-align: left;height: 60px;border: 0;background: #eee;padding-left: 20px;}
	.all-menu-box > li > a > span{background: url('/static/chn/img/common/m-off.png') no-repeat right 20px center;}
	.all-menu-box > li > a.on > span{background: url('/static/chn/img/common/m-on.png') no-repeat right 20px center;}
	.all-menu-box > li:hover > a{color: #000;background: #eee;border: 0;}
	.all-menu-box > li > a.on{background: #e85141;color: #fff;}

.sl-u{height: 560px;  padding-left: 30%;}
.sl-u .ibx{width: 80%; max-width: 500px;}
}

@media screen and (max-width: 900px){
.m-gp-ls{max-width: 750px; margin: 0 auto; justify-content: center;}
.m-gp-ls > li{width: 30%; margin: 10px;}
.m-gp-ls > li > div > a{padding-top: 18%;}
.msection.ibg .m-title span{border-radius: 0;}
.mc-inf-ls > li{width: 30%; margin: 10px 0;}
.mc-inf-ls > li > div > a:hover{transform: translate(0, -10px);}
.mc-inf-ls > li > div > a > span{font-size: 18px; line-height: 22px;}
}

@media screen and (max-width: 767px){
	.header-wid{height: 90px;}
	.logo2025 > a{max-width: 65px;}
	.all-menu-box > li > a{font-size: 18px;}
	.all-menu-box > li > div{padding: 20px 15px 10px 15px;}
	.all-menu-box > li > div > ul > li + li{margin-top: 15px;}
	.all-menu-box > li > div > ul > li:after{content:"";position: absolute;left: 0;top: 9px;width: 8px;height: 4px;background: #333;}
	.all-menu-box > li > div > ul > li > a{font-size: 16px;}
	.all-menu-box > li > div > ul > li > ul > li{margin-top: 5px;}
	.all-menu-box > li > div > ul > li > ul > li > a{padding-left: 10px;font-size: 15px;}


	.mconts-wid{padding: 80px 0;}

	.msection h3.m-title{margin-bottom: 50px;font-size: 30px;}
	.m-info-area{margin-top: -30px;}
	.m-info-area > li{width: 48%;margin-top: 30px;}
	.m-info-area > li > a > p{margin-top: 15px;font-size: 16px;}
	.m-info-area > li:hover > a{transform: translate(0, -10px);}

	.wic-line > li{width: calc(100% - 40px);}
	.wic-line > li > a > div > p{margin-top: 15px;font-size: 18px;}
	.wic-line > li:hover > a{transform: translate(0, -10px);}

.mc-mft > ul{max-width: 500px; margin: 0 auto;}
.mc-mft > ul > li{width: 100%; margin: 10px 0; height: auto; min-height: 160px; padding: 20px 10px;}

.sl-u{height: auto;}
.sl-u{padding: 50px 0; display: block; text-align: center; }
.sl-u.bg1:before{background: url(/static/chn/img/main/m_vsl_bg1_mo.png) center bottom no-repeat; background-size: cover;}
.sl-u.bg2:before{background: url(/static/chn/img/main/m_vsl_bg2_mo.png) center bottom no-repeat; background-size: cover;}
.sl-u .ibx{max-width: 80%; margin: 0 auto;}
.sl-u .v-lk1{position: static; width: 380px; padding: 0; margin: 50px auto 0;         transform: translateY(0);}
}


@media screen and (max-width: 650px){
.m-gp-ls{max-width: 480px; }
.m-gp-ls > li{width: calc(50% - 20px); }
}


@media screen and (max-width: 600px){
.hr-area > li > a{font-size: 14px;}
.m-visual{padding-bottom: 50px;}
.mc-inf-ls{max-width: 400px; margin: 0 auto;}
.mc-inf-ls > li{width: calc(50% - 10px);}
.sl-u .ibx{width: calc(100% - 20px);  max-width: none;}
.m-visual-btn{bottom: 15px;}

.sl-u .v-lk1{width: 280px;}
}

@media screen and (max-width: 450px){
.m-gp-ls > li > div > a{padding-top: 16%;}
.m-gp-ls > li > div > a > span{font-size: 16px; line-height: 18px; }
.mc-inf-ls > li > div > a > span{font-size: 16px; line-height: 18px;}
.sl-u .v-lk1{width: 200px;}
}

@media screen and (max-width: 370px){
.m-gp-ls > li > div > a > span{font-size: 14px; line-height: 16px;}
.m-gp-ls > li > div > a img{max-height: 48px;}
.mc-mft > ul > li > div{padding-left: 75px;}
.mc-mft > ul > li > div:before{width: 60px;}
.mc-mft > ul > li > div > b{font-size: 26px;}
.mc-mft > ul > li > div > p{font-size: 18px; line-height: 22px; letter-spacing: -0.5px;}
.mc-mft > ul > li > div > ul > li{font-size: 18px; letter-spacing: -0.5px;}
	/* .m-gp-ls{max-width: 240px;}
	.m-gp-ls > li{width: 100%;} */
}