@charset "utf-8";

/* CSS Document */

* {clear: both;margin: 0;padding: 0;box-sizing: border-box;}
html {
	max-width: 1920px;margin: 0 auto;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;
}
body {
	position: relative;background: #fff;
	font-size: 100%;color: #000;font-family: "Pop", "Roboto", "PingFang SC", -apple-system, "Microsoft YaHei", "Noto Sans SC", sans-serif;
}
ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {list-style: none outside none;margin: 0px;padding: 0px;font-weight: normal;}
img {display: block;max-width: 100%;margin: 0;border: none;border-style: none !important;}
a, a:link,a:visited, a:hover,a:active {text-decoration: none;outline: none;color: #000;}
button, input, textarea, .video {border: none;outline: none;background: none;} 
em, i {font-style: normal;}
::-webkit-scrollbar {width: 3px;height: 8px;background-color: #fff;border-radius: 4px;position: relative;}
::-webkit-scrollbar-thumb {background-color: #b1b1b1;border-radius: 3px;}

.gm {position: relative;width: 95%;max-width: 1400px;margin: 0 auto;}
.gm-top {position: relative;width: 95%;max-width: 1600px;margin: 0 auto;}
.gm-in {position: relative;width: 95%;max-width: 1300px;margin: 0 auto;}
.ngm {width: 100%;max-width: 1000px;margin: 0 auto;}
.clear {clear: both;}
.ce {display: flex;align-items: center;justify-content: center;}
.sb {display: flex;align-items: center;justify-content: space-between;}
.manyuan {display: block;width: 100%;height: 100%;}
.omit-1 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.omit-2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;}
.omit-3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;}
.omit-4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;line-clamp: 4;overflow: hidden;}
.echo {position: relative;overflow: hidden;}
.echo::before {position: absolute;display: block;width: 0;height: 100%;transition: width 0.4s ease-out;}
.echo:hover::before {width: 100%;}

/* 媒体查询 */

.b1024 {display: block;}
.n1024 {display: none;}
@media (max-width:1024px) {
	.b1024 {display: none;}
	.n1024 {display: block;}
}
.b768 {display: block;}
.n768 {display: none;}
@media (max-width:768px) {
	.b768 {display: none;}
	.n768 {display: block;}
}

@keyframes fadeInUp {
	from {opacity: 0;transform: translate3d(0, 60px, 0);}
	to {opacity: 1;transform: translate3d(0, 0, 0);}
}

@keyframes loadProgressTransform {
	0% {transform: scaleX(0);}
	100% {transform: scaleX(1);}
}

@keyframes flipoff {
  0% { filter: blur(0px); }
  30% { filter: blur(5px); }
  100% { filter: blur(0px); }
}

/* 分页器 */

.green-black {display: flex;gap: 5px;justify-content: center;width: 100%;padding: 0;margin-top: 60px;text-align: center;}
.green-black a {display: flex;align-items: center;justify-content: center;height: 32px;padding: 0 12px;background: #eee;border-radius: 5px;font-size: 16px;font-weight: 500;opacity: 60%;transition: opactiy 0.4s ease-out;}
.green-black a:hover {opacity: 100%;}
.green-black a.current {padding: 0 16px;background: #0c942c; color: #fff;opacity: 100%;}
.npages {font-family: sans-serif;}
.npages ul {display:flex;gap: 20px;align-items: center;justify-content: end;}
.npages ul li {text-align: center;font-size:18px;transition: all 0.3s;}
.npages ul li a {width: 100px;height: 45px;position: relative;font-size: 18px;cursor: pointer;background-color: #f5f5f5;overflow: hidden;}
.npages ul li a em {
	display: block;width: 100px;height: 100px;background: #2a7f48;border-radius: 50%;opacity: 0;
	position: absolute;transform: scale(0);transition: transform 1s ease-out, opacity 0.6s ease-in-out;
}
.npages ul li a span {position: relative;color: #565656;transition: all 0.3s ease-in-out;}
.npages ul li a:hover em {transform: scale(1.5);opacity: 1;}
.npages ul li a:hover span {color: #fff;}
@media (max-width:768px) {
	.green-black a {font-size: 14px;padding: 2px 10px;}
	.npages ul li a {width: 88px;height: 40px;font-size: 14px;}
}

/*  Head  */
.nav_box {position: fixed;top: 0;left: 0;z-index: 99;width: 100%;background: rgba(0, 0, 0, 0.05);transition: all 0.5s ease-in-out;}
.top_nav {display: block;position: relative;}
.mob_inner_box {display: none;}
.nax-list {display: flex;gap: 3vw;justify-content: space-between;align-items: center;height: 100%;position: relative;}
.nax-list > div {position: relative;}
.nax-logo {width: fit-content;}
.nax-box {flex: 1;display: flex;gap: 3.5vw;align-items: center;justify-content: flex-end;}
.nax-box > div {position: relative;}
.nax-box > div a {position: relative;}
.nax-box > div a.nas::after {content: "﹥";font-size: 18px;font-family: cursive;position: absolute;left: 100%;top: 50%;z-index: 1;transform: translateY(-50%) rotate(90deg);opacity: 60%;}
.nax-box a {position: relative;z-index: 1;height: 90px;color: #fff;}
.nax-box a h1 {font-size: 16px;text-transform: uppercase;transition: all 0.4s ease-in-out;}
.nax-box a em {display: block;width: 0;height: 3px;background: #02a272;border-radius: 5px;position: absolute;left: 50%;bottom: -3px;z-index: 1;;transform: translateX(-50%);transition: width 0.4s ease-in-out;}
.nax-box a:hover em {width: 100%;}
.nax-box .xd a {color: #02a272;}
.nax-box .xd a em {width: 100%;}
.nax-ed {position: relative;;}
.nax-ed a {display: flex;gap: 20px;align-items: center;justify-content: space-around;height: auto;padding: 10px;border-radius: 30px;border: 2px solid rgba(255, 255, 250, .3);transition: all 0.6s ease-in-out;}
.nax-ed a i {width: 34px;height: 34px;border-radius: 50%;background: #02a272;}
.nax-ed a i img {width: 20px;}
.nax-ed a h2 {font-size: 16px;text-transform: capitalize;padding-left: 10px;}
.nax-ed a:hover {border-radius: 13px;}
.nav_box.top_box_move {background: rgba(0, 0, 0, 0.9);border-bottom: 1px solid rgba(255, 255, 250, .1);}
/* fx战士 */
.nav-list2 {
	width: fit-content;height: 0;padding: 15px;background: rgba(255, 255, 255, .9);opacity: 0;visibility: hidden;border-radius: 0 0 10px 10px;overflow: hidden;box-shadow: 0 6px 18px rgba(0, 0, 0, .1);
	position: absolute;top: 100%;left: 50%;transform: translateX(-50%);z-index: -1;transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}
.nav-list2 .mc {line-height: 40px;}
.nav-list2 .mc a {font-size: 16px;color: #676767;transition: all 0.4s ease-in-out;}
.nav-list2 .mc a:hover {color: #0c942c;}
.nax-list > div #n3:hover .nav-list2 {height: 230px;opacity: 1;visibility: visible;}
.xs-l {display: flex;flex-wrap: wrap;gap: 50px;row-gap: 30px;}
@media (max-width:768px) {
	.nav_box {position: sticky;background: rgba(0, 0, 0, 0.9);}
	.top_nav {display: none;}
	.mob_inner {display: flex;align-items: center;height:66px;}
	.top-logo {padding-left: 10px;}
	.top-logo img {height: 50px;}
	.menu_bg {position: absolute;right: 0;top: 66px;width:180px;background:rgba(0, 0, 0, 0.75);display: none;}
	.menu_txt {text-align: center;}
	.menu_txt ul {display: flex;flex-direction: column;}
	.menu_txt ul li {display: flex;align-items: center;justify-content: center;border-bottom: 1px solid rgba(255, 255, 255, 0.4);transition: all 0.5s;}
	.menu_txt ul li.jojo {gap: 20px;position: relative;}
	.menu_txt ul li a {display: block;width: 100%;height: 48px;line-height: 48px;}
	.menu_txt ul li.jojo a {width: fit-content;}
	.menu_txt ul li a h1 {font-size: 14px;color: #fff;text-transform: capitalize;}
	.menu_txt ul li dl {display: flex;align-items: center;}
	.menu_txt ul li dl dd {position: relative;padding: 0 5px;}
	.menu_txt ul li dl dd::after {content: "";display: block;width: 1px;height: 7px;background: rgba(255, 255, 255, 0.2);position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotate(13deg);}
	.menu_txt ul li dl dd:last-child:after {display: none;}
	.menu_txt ul li dl dd a {font-size: 13px;}
	.mob_inner_box {display: block;position: relative;z-index: 10;}
	.mob_ico {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);cursor: pointer;}
	.mob_ico span {display: block;margin-bottom: 8px;width: 34px;height: 2px;background: #02a272;transition: 0.3s;}
	.mob_ico span:nth-child(2) {width: 80%;margin-left: auto;margin-right: 0;}
	.mob_ico span:last-child {margin-bottom: 0;}
	.mob_ico_show span:nth-child(1) {transform: translateY(10px) rotate(-45deg);}
	.mob_ico_show span:nth-child(2) {opacity: 0;}
	.mob_ico_show span:nth-child(3) {transform: translateY(-10px) rotate(45deg);}
}

/*  Foot  */
.footer {position: relative;background: url(../img/foot-bg.jpg) no-repeat center bottom/cover;overflow: hidden;color: #fff;}
.footer a {color: #fff;transition: all .4s ease-in-out;}
.footer em {display: block;width: 100%;height: 1px;background: #fff;opacity: 30%;}
.ft-content {display: flex;justify-content: space-between;gap: 35px;}
.ft1 {padding: 30px 0;}
.ft1 .mygo {text-align: end;}
.ft1 .mygo h4 {font-size: 30px;font-family: "Pop-Bold";line-height: 1;}
.ft1 .mygo h5 {font-size: 30px;font-family: "Pop-ExLight";line-height: 1.25;}
.ft1 .mygo h5 span {font-family: "Pop-Bold";color: #00c16a;}
.ft2 {padding: 50px 0 80px;}
.ft2 .foot-nav {width: 50%;}
.ft2 .foot-nav ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.ft2 .foot-nav ul li {position: relative;}
.ft2 .foot-nav ul li h4 {font-size: 18px;font-family: "Pop-ExLight";margin-bottom: 20px;text-transform: uppercase;opacity: 60%;transition: all 0.4s ease-in-out;}
.ft2 .foot-nav ul li:hover h4 {color: #00c16a;}
.ft2 .foot-nav ul li p {font-size: 22px;margin-bottom: 8px;}
.ft2 .foot-nav ul li p a {display: block;width: fit-content;}
.ft2 .foot-nav ul li p a::after {content: "";display: block;width: 0;height: 2px;background: #fff;opacity: 30%;transition: width 0.4s ease-in-out;}
.ft2 .foot-nav ul li p a:hover::after {width: 100%;}
.ft2 .foot-vist h4 {font-size: 18px;opacity: 40%;}
.ft2 .foot-vist h5 {font-size: 18px;}
.ft2 .foot-vist-input {display: flex;align-items: center;justify-content: space-between;width: 25.52vw;height: 50px;border-radius: 30px;background: #0e3629;overflow: hidden;margin: 30px 0 20px;}
.ft2 .foot-vist-input input {font-size: 16px;padding-left: 15px;color: #fff;}
.ft2 .foot-vist-input input::placeholder {color: #fff;opacity: 20%;}
.ft2 .foot-vist-input button {width: 110px;height: 100%;background: #006437;border-radius: 30px 0 0 30px;cursor: pointer;transition: all 0.4s ease-in-out;}
.ft2 .foot-vist-input button:hover {background: #02a272;}
.ft3 {align-items: center;font-size: 15px;font-family: "Pop-Light";padding: 30px 0;}
.ft3 ul {display: flex;gap: 18px;align-items: center;}
.ft3 ul li a {width: 45px;height: 45px;border-radius: 50%;border: 1px solid rgba(255, 255, 250, .3);transition: transform 0.4s ease-in-out;}
.ft3 ul li a:hover {transform: translateY(-8px);}
@media (max-width:768px) {
	.footer {margin-bottom: 45px;}
	.ymca {position: fixed;bottom: 0;z-index: 996;width: 100%;min-height: 45px;background: #017b53;border-top: 2px solid #118c63;}
	.ymca ul {display: flex;}
	.ymca ul li {position: relative;width: 25%;text-align: center;color: #fff;padding: .3rem 0;}
	.ymca ul li a {display: block;color: #fff;border-left: 1px solid #fff;}
	.ymca ul li:nth-child(1) a {border-left: 0;}
	.ymca ul li.on a {border-left: none;}
	.fnav_pic {width: 24%;margin: 0 auto;}
	.fnav_pic img {max-width: 100%;}
	.fnav_wb {font-size: .75rem;}
}

/*  Banner  */
.banner {position: relative;top: 0;left: 0;background: #fff;overflow: hidden;}
.banner::after {content: "";display: block;width: 100%;max-width: 1600px;height: 8px;position: absolute;z-index: 1;bottom: 0;left: 50%;transform: translateX(-50%);background: #0c942c;border-radius: 5px 5px 0 0;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets {display: flex;align-items: center;bottom: 5%;left: 8vw;width: 100%;}
.banner .swiper-pagination-bullet {position: relative;width: 10px;height: 10px;border-radius: 10px;background: #fff;margin: 0 7px !important;transition: all 0.5s ease-in-out;}
.banner .swiper-pagination-bullet-active {width: 50px;background: #249c3c;}
.banner-top {position: relative;overflow: hidden;}
.banner-img {position: relative;z-index: 1;overflow: hidden;}
.banner-txt {position: absolute;z-index: 2;left: 0;width: 100%;color: #fff;}
.banner-txt.r1 {top: 32vw;}
.banner-txt dl {display: flex;gap: 20px;align-items: center;width: fit-content;transition: all 0.5s ease-in-out;}
.banner-txt dl dt {width: 3.75rem;height: 3.75rem;border-radius: 50%;background: #00b67a;}
.banner-txt dl dt img {width: 60%;filter: invert(1);}
.banner-txt dl dd {font-size: 18px;color: #fff;font-family: "Pop-ExLight";}
.banner-txt dl dd::after {content: "";display: block;width: 0;height: 1px;background: #fff;margin-top: 5px;transition: width 0.5s ease-in-out;}
.banner-txt dl:hover dt {animation-name: pulse; animation-duration: 1s;animation-fill-mode: both;}
.banner-txt dl:hover dd::after {width: 100%;}
.banner .banner-txt .gm-top { opacity: 0; animation-fill-mode: forwards; animation-duration: 0.6s;}
.banner .swiper-slide-active .banner-txt .gm-top {animation: fadeInUp 0.7s ease-out 0.5s 1 alternate forwards;}
.banner .swiper-slide-active .banner-txt .gm-top, .banner .swiper-slide-duplicate-active .banner-txt .gm-top {animation-name: fadeInUp;}
.ban-top {position: absolute;bottom: 3vw;left: 50%;transform: translateX(-50%);z-index: 1;}
.ban-top i {display: block;animation-name: bounce; animation-duration: 2s;animation-iteration-count: infinite;opacity: 60%;}

/* Index */
.invv {position: relative;z-index: 1;padding: 0;background: linear-gradient(#242424, #000 25%);color: #fff;}
.invv > div {position: relative;z-index: 1;}
.ina .gm-top, .inb .gm-top, .inc .gm-top, .ind .gm-top {padding-top: 50px;border-top: 1px solid rgba(255, 255, 250, .2);}
.flax {display: flex;align-items: center;justify-content: space-between;}
.in-top {position: relative;z-index: 5;margin-bottom: 80px;}
.in-top h1 {font-size: clamp(20px, 3.5vw, 30px);color: #00b67a;text-transform: capitalize;}
.in-top h2 {line-height: 1;font-size: clamp(28px, 5vw, 50px);font-weight: 600;}
.in-top h2 span {font-family: "Pop-ExLight";}
.in-top h3 {line-height: 2;font-size: 24px;font-family: "POP-Light";}
.in-top p {margin-top: 50px;line-height: 1.5;font-size: 18px;color: #5f5f5f;}

.ina {padding: 0;}
.ina .in-top {position: absolute;z-index: 5;top: 50px;left: 0;width: 100%;text-align: center;}
.ina-content {position: relative;z-index: 1;padding-top: 5vw;}
.ina-content ul {display: flex;}
.ina-content ul li {flex: 1;height: 40.625vw;border-left: 1px solid rgba(255, 255, 250, .08);position: relative;overflow: hidden;}
.ina-content ul li:first-child {border-left: 0;}
.ina-content ul li::after {content: "";display: block;width: 100%;height: 100%;position: absolute;z-index: 1;top: 0;left: 0;background: linear-gradient(0deg, transparent 21%, #00b67a, transparent 83%);transform: scale(0);transition: transform 0.5s ease-in-out;}
.ina-content ul li a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;position: relative;z-index: 2;}
.ina-content ul li a i {width: 50px;height: 50px;margin: auto;margin-top: 50px;border-radius: 50%;border: 1px solid #fff;color: #fff;transform: translateY(500%);transition: all 0.5s ease-in-out;}
.ina-list {padding-top: 5vw;}
.ina-txt {text-align: center;width: 95%;margin: auto;}
.ina-txt h4 {font-size: 30px;color: #00b67a;transition: all 0.4s ease-in-out;}
.ina-txt h5 {font-size: 16px;color: #fff;font-weight: 300;height: 80px;}
.ina-content ul li:hover::after {transform: scale(1);}
.ina-content ul li:hover .ina-txt h4 {color: #fff;}
.ina-content ul li:hover a i {transform: translateY(0);}

.inb {padding: 100px 0 160px;}
.inb-content {display: flex;gap: 5vw;}
.inb-cl {width: 52%;}
.inb-cl h2 {font-size: 50px;font-weight: 600;color: #00b67a;}
.inb-cl h3 {font-size: 48px;font-weight: 600;}
.inb-cl h4 {border-left: 2px solid #00b67a;padding-left: 20px;font-size: 22px;font-weight: 400;margin-top: 60px;width: 90%;}
.inb-cl dl {display: flex;gap: 15px;align-items: baseline;width: fit-content;border-bottom: 4px solid #00b67a;margin-bottom: 20px;}
.inb-txt {display: none;}
.inb-txt.on {display: block;}
.inb-cr {flex: 1;position: relative;}
.inb-cr i {display: block;overflow: hidden;transform: rotate(45deg);}
.inb-cr i img {transform: rotate(-45deg) scale(1.414);}
.inb-cr .inb-img > div {display: none;}
.inb-cr .inb-img > div.ad {display: block;position: relative;}
.inb-cr .inb-img > div i {width: 420px;height: 420px;border-radius: 50px;box-shadow: 0 0 80px -4px rgba(255, 255, 250, .68);}
.inb-cr .inb-cod {position: absolute;z-index: 1;right: 0;bottom: 0;}
.inb-cr .inb-cod i {width: 100px;height: 100px;border-radius: 24px;border: 2px solid #fff;cursor: pointer;transition: all 0.3s ease-in-out;}
.inb-cr .inb-cod .ac i {border: 2px solid #00b67a;}

.inc {padding: 100px 0;background: url(../img/inc-bg.jpg) no-repeat center/cover;}
.inc-content {display: flex;justify-content: space-between;align-items: center;position: relative;}
.inc-cl {width: 28%;}
.inc-cl h2 {font-size: 48px;font-weight: 600;line-height: 1.3;}
.inc-cl p {font-size: 22px;line-height: 1.5;margin: 30px 0 50px;}
.inc-cl .more a {width: 180px;height: 60px;border: 2px solid #fff;border-radius: 30px;color: #fff;transition: all 0.3s ease-in-out;}
.inc-cl .more a:hover {border-radius: 10px;}
.inc-cr {width: 28%;}
.inc-cr dl {display: flex;gap: 20px;align-items: center;margin-bottom: 20px;}
.inc-cr dl dt {width: 60px;}
.inc-cr dl dt i {width: 60px;height: 60px;border-radius: 50%;border: 2px solid #fff;}
.inc-cr dl dd {flex: 1;}
.inc-cr dl dd h4 {font-size: 18px;font-weight: 600;}
.inc-cr dl dd p {font-size: 14px;font-weight: 300;opacity: 60%;}

.ind {padding: 80px 0 150px;background: url(../img/ind-bg.jpg) no-repeat bottom left/contain;overflow: hidden;}
.ind-content {display: flex;gap: 2%;}
.ind-content > div {width: 49%;}
.ind-cl h2 {font-size: 50px;font-weight: 600;}
.ind-cr em {display: block;width: 80%;height: 1px;background: #fff;opacity: 10%;margin: 40px 0 60px;margin-left: auto;}
.ind-cr01 ul {display: flex;gap: 30px;justify-content: flex-end;}
.ind-cr02 ul {display: flex;flex-wrap: wrap;}
.ind-cr02 ul li {width: 50%;}
.ind-cr02 ul li:nth-child(1) {background: linear-gradient(-45deg, rgb(255 255 255 / 42%), transparent 18%);}
.ind-cr02 ul li:nth-child(4) {background: linear-gradient(135deg, rgb(255 255 255 / 42%), transparent 18%);}
.ind-cr02 ul li > div {padding: 30px 0;text-align: center;}
.ind-cr02 ul li > div img {margin: auto;}
.ind-cr02 ul li > div h4 {font-size: 30px;font-weight: 500;margin: 20px 0 10px;}
.ind-cr02 ul li > div p {font-size: 16px;font-family: "Pop-ExLight";width: 80%;margin: auto;}

.ine {padding-bottom: 50px;overflow: hidden;}
.ine-content {position: relative;}
.ine-imgbg {position: relative;z-index: 0;}
.ine-txt {position: absolute;top: 60px;left: 100px;color: #000;}
.ine-txt h2 {font-size: 70px;font-weight: 600;line-height: 1.2;}
.ine-txt p {font-size: 20px;font-weight: 300;line-height: 1.5;margin: 20px 0;}
.ine-txt a {gap: 16px;width: 220px;height: 60px;background: #fff;border-radius: 30px;transition: all 0.3s ease-in-out;}
.ine-txt a span {font-size: 18px;}
.ine-txt a:hover {border-radius: 12px;}
.ine-pos {position: absolute;right: 2.5vw;bottom: 0;}

/* 其他页面ban样式 */
.bg {position: relative;}
.bg-img {position: relative;z-index: 0;overflow: hidden;}
.bg-title {position: absolute;top: 33%;left: 0;width: 100%;color: #fff;text-transform: uppercase;}
.bg-title .gm-top {display: flex;justify-content: space-between;}
.bg-tl {position: relative;}
.bg-tl h1 {font-size: 50px;font-family: "Pop-Light";line-height: 1;}
.bg-tl h2 {font-size: 72px;color: #02a272;font-weight: 600;line-height: 1;}
.bg-tl em {display: block;width: 30px;height: 3px;background: #fff;}
.bg-tr {display: flex;gap: 8px;justify-content: flex-end;}
.bg-tr > div {position: relative;padding-top: 10px;}
.bg-tr > div a {width: auto;height: 50px;padding: 0 18px;border-radius: 30px;background: #fff;position: relative;overflow: hidden;transition: all 0.4s ease-out;}
.bg-tr > div a h4 {font-size: 16px;transition: all 0.3s ease-out;}
.bg-tr > div a:hover h4 {color: #006baf;}
.bg-tr > div.active a {background: #002f5d;}
.bg-tr > div.active a h4 {color: #fff;}
.bg-nav {position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;}
.bg-nav ul {display: flex;align-items: center;gap: 70px;padding-bottom: 40px;}
.bg-nav ul li {opacity: 40%;transition: opacity 0.3s ease-in-out;}
.bg-nav ul li:hover {opacity: 80%;}
.bg-nav ul li a {font-size: 30px;color: #fff;position: relative;}
.bg-nav ul li a::after {content: "";display: block;width: 8px;height: 8px;background: #02a272;border-radius: 50%;position: absolute;left: 50%;bottom: -13px;transform: translateX(-50%);opacity: 0;transition: all 0.3s ease-in-out;}
.bg-nav ul li.active {opacity: 100%;}
.bg-nav ul li.active a::after {opacity: 100%;}
.bg.pdd {min-height: 300px;background: #006baf;}
.bg.pdd .gm {display: flex;justify-content: space-between;position: relative;z-index: 1;}
.bg.pdd .bg-tl h1 {color: #010101;}
.bg.pdd .bg-tl em {background: #010101;}

.about, .pro, .proshow, .productshow, .search, .case, .caseshow, .news, .newsshow, .contact, .svu, .video {position: relative;overflow: hidden;background: #242424;}
#ab1, #ab2, #ab3, #ab4, #ab5, #ab6 {scroll-margin-top: 90px;}
.hwe {position: fixed;left: 0;top: 66%;transform: translate(-50%, -50%);}
/* About */
.about-content {padding-top: 120px;color: #fff;}
.about-content em {display: block;width: 100%;height: 1px;background: #fff;margin: 5.25vw 0;opacity: 10%;}
.ab-top {text-transform: uppercase;}
.ab-top h1 {font-size: clamp(25px, 3.75vw, 50px);font-weight: 500;line-height: 1.25;}
.ab-top h1 span {color: #02a272;}
.ab-top h2 {font-size: clamp(25px, 3.75vw, 50px);font-family: "Pop-Bold";line-height: 1;}
.ab-top h2 span {color: #02a272;}
.ab-top p {font-size: 16px;line-height: 1.5;opacity: 66%;text-transform: none;}
.ab1 {position: relative;}
.ab1 > div {display: flex;}
.ab1 > div h1 {font-weight: 600;}
.ab1-content1 {align-items: flex-end;margin-bottom: 70px;}
.ab1-content2 {align-items: center;}
.ab1-l, .ab1-r {width: 50%;}
.ab1-l i {display: block;border-radius: 20px;overflow: hidden;border: 4px solid #fff;}
.ab1-r {padding-left: 3vw;}
.ab1-r h4 {font-size: 30px;font-weight: 300;text-transform: uppercase;}
.ab1-r h5 {font-size: 30px;font-family: "Pop-Bold";}
.ab1-r p {font-size: 16px;font-weight: 300;line-height: 1.8;margin-bottom: 30px;opacity: 66%;}
.ab1-r p:last-child {margin-bottom: 0;}
.ab2 {position: relative;padding-bottom: 200px;}
.ab2-content {display: flex;}
.ab2-l {width: 30vw;}
.ab2-r {flex: 1;}
.ab2-r > div {padding: 80px 0;border-bottom: 1px solid rgba(255, 255, 250, .1);}
.ab2-r h4 {font-size: clamp(24px, 3.2vw, 48px);font-weight: 600;}
.ab2-r p {font-size: 24px;line-height: 1.3;opacity: 66%;}
.ab2-r dl {display: flex;gap: 3vw;}
.ab2-r dl dt {width: 300px;}
.ab2-r dl dd {flex: 1;}
.ab3 {padding: 100px 0;background: #303030;}
.ab3 .ab-top {display: flex;gap: 50px;align-items: flex-end;}
.ab3-content {display: flex;gap: 5vw;align-items: flex-end;margin-top: 100px;}
.ab3-cl {width: 350px;padding: 20px 0;border-top: 1px solid rgba(255, 255, 250, .6);border-bottom: 1px solid rgba(255, 255, 250, .6);}
.ab3-cl > div {opacity: 30%;padding: 0 20px;margin-bottom: 15px;transition: opacity .3s ease-in-out;position: relative;}
.ab3-cl > div::after {content: "";position: absolute;top: 50%;left: 0;width: 10px;height: 10px;background: #fff;transform: translateY(-50%);opacity: 0;transition: all .3s ease-in-out;}
.ab3-cl > div:last-child {margin-bottom: 0;}
.ab3-cl > div.ac {opacity: 100%;}
.ab3-cl > div.ac::after {border-radius: 2px;opacity: 100%;}
.ab3-cl p {font-size: 18px;font-weight: 500;transition: all .3s ease-in-out;cursor: pointer;}
.ab3-cr {flex: 1;overflow: hidden;position: relative;height: 420px;}
.ab3-cr > div {position: absolute;left: 0;right: 0;width: 100%;opacity: 0;}
.ab3-cr > div.ad {opacity: 100%;}
.ab3-cr > div img {border-radius: 20px;overflow: hidden;}

/* product */
/* PoPiPa，PiPoPa，PoPiPaPaPiPoPa! */
.pro-content {overflow: hidden;padding: 50px 0 100px;}
.pro-list {display: flex;flex-wrap: wrap;gap: 30px;}
.pro-ds {width: calc((100% - 120px)/ 4);padding: 20px;background: #fff;border-radius: 20px;overflow: hidden;transition: all 0.5s ease-in-out;}
.pro-ds a {display: block;width: 100%;height: 100%;overflow: hidden;}
.pro-ds a dl {display: flex;gap: 8px;align-items: center;transform: translateX(-20px);transition: transform 0.3s ease-in-out;}
.pro-ds a dl dt {width: 16px;}
.pro-ds a dl dt img {filter: invert(1) brightness(0) saturate(1000%);opacity: 30%;}
.pro-ds a dl dd {font-size: 16px;color: #9a9a9a;}
.pro_img {border-radius: 10px;overflow: hidden;margin-bottom: 15px;transition: all 0.5s ease-in-out;}
.pro_img img {transition: transform 0.3s ease-in-out;}
.pro_name {padding: 20px 0;border-top: 1px solid #eee;}
.pro_name h4 {font-size: 24px;font-weight: 500;transition: all 0.3s ease-in-out;}
.pro_name h5 {font-size: 18px;color: #6e6e6e;}
.pro_name p {font-size: 14px;color: #6e6e6e;margin: 15px 0;min-height: 42px;}
.pro-ds:hover {box-shadow: 0 0 40px -3px #02a272;}
.pro-ds:hover .pro_img img {transform: scale(1.06);}
.pro-ds:hover .pro_name h4 {color: #0c942c;}
.pro-ds:hover dl {transform: translateX(0);}
/* productshow */
.proshow {position: relative;padding: 150px 0 170px;background: #242424 url(../img/bg-pros.jpg) no-repeat top center;color: #fff;}
.proshow a {color: #fff;}
.pro-nav {padding: 40px 0;}
.pro-nav ul {display: flex;gap: 6px;}
.pro-nav ul a {transition: all 0.3s ease-in-out;}
.pro-nav ul a:hover {color: #0c942c;}
.pro-nav ul i {font-family: "Pop-ExLight";opacity: 60%;}
.proshow-a {position: relative;padding-bottom: 80px;}
.ps-swp {display: flex;gap: 40px;padding: 40px;position: relative;border-radius: 20px;background: #000 url(../img/swp-bg.png) no-repeat center/cover;}
.ps-swp-1 {flex: 1;overflow: hidden;}
.pro-title h1 {font-size: 70px;color: #02a272;font-family: "Pop-Bold";line-height: 1;}
.pro-title h2 {font-size: 18px;}
.pro-desc {margin: 30px 0;padding: 30px 0 50px;border-top: 1px solid rgba(255, 255, 255, 0.25);border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
.pro-desc p { font-size: 16px;color: #838383;}
.pro-Inquire {margin-top: 30px;}
.pro-Inquire a {width: 220px;height: 55px;background: #02a272;border-radius: 30px;transition: all 0.3s ease-in-out;}
.pro-Inquire a:hover {border-radius: 10px;}
.ps-swp-2 {width: 700px;}
.ps-swp-2 .angel-lock {width: 96%;max-width: 1200px;margin: auto;border-radius: 20px;overflow: hidden;}
.ps-swp-2 .swiper-pagination-bullet {width: 12px;height: 12px;border: 2px solid #fff;border-radius: 5px;background: none;margin: 0 6px !important;}
.ps-swp-2 .swiper-pagination-bullet-active {background: #fff;}
.lst2 {margin-top: 20px;}
.lst2 .swiper-container {padding: 0 40px;}
.lst2 .swiper-button-next {right: 0px}
.lst2 .swiper-button-prev {left: 0px;}
.lst2 .swiper-button-next::after, .lst2 .swiper-button-prev::after {font-size: 30px;color: #fff;}
.proser {position: relative;}
.angel img {border-radius: 20px;}
.angel2 img {border-radius: 12px;cursor: pointer;}
.proshow-b {position: relative;}
.proshow-b .proshow-b-base {padding: 50px 40px;background: #000;border: 1p solid #0e6f52;border-radius: 20px;overflow: hidden;}
.proshow-b .proshow-b-base h2 {font-size: 36px;font-family: "Pop-Bold";color: #fff;}
.proshow-b .proshow-b-base em {display: block;width: 100%;height: 1px;background: rgba(255, 255, 250, .25);margin: 20px 0 50px;}
.pro-desc2 {min-height: 28vw;}
.pro-desc2 p {font-size: 20px;color: #b3b3b3;}

/* Search */
.search-content {position: relative;padding: 60px 0;}
.search-top {padding: 0;}
.search-top form {display: flex;}
.search-top form input {flex: 1;height: 60px;line-height: 60px;padding-left: 20px;background: #fafafa;}
.search-top form button {width: 80px;background: #c80000;cursor: pointer;}

/* Case */
.case-content {position: relative;padding-top: 80px;}
.case-top {margin-bottom: 60px;}
.case-top h2 {font-size: 30px;font-weight: 600;color: #555555;}
.case-list {display: flex;gap: 40px;flex-wrap: wrap;}
.case-list > div {width: calc((100% - 40px)/ 2);}
.case-pic {border-radius: 10px;overflow: hidden;}
.case-pic img {transition: transform .5s ease-in-out;}
.case-txt {padding: 15px 10px;position: relative;}
.case-txt h4 {font-size: 24px;font-weight: 600;width: 95%;min-height: 70px;}
.case-lop {display: flex;gap: 5px;}
.case-lop span {font-size: 16px;color: #797979;text-transform: capitalize;}
.case-list a:hover .case-pic img {transform: scale(1.05);}

/* Download */
.don-list {display: flex;flex-wrap: wrap;gap: 30px;}
.don-list > div {width: calc((100% - 30px)/ 2);}
.don-list > div a {display: block;width: 100%;height: 100%;padding: 40px;background: rgba(255, 255, 250, .15);}
.donald_name {display: flex;gap: 30px;justify-content: space-between;align-items: center;}
.donald_name h4 {font-size: 24px;font-weight: 600;color: #fff;opacity: 60%;transition: opacity 0.5s ease-in-out;}
.donald_name i {width: 40px;animation: flipInX ease-in-out forwards;animation-duration: 1s;}
.don-list > div a:hover .donald_name h4 {opacity: 100%;}
.don-list > div a:hover .donald_name i {animation: flipOutX ease-in-out forwards;animation-duration: 1.5s;}

/* Services */
.svu-content {position: relative;padding: 100px 0;color: #fff;}
.svu-title {text-align: center;margin-bottom: 60px;}
.svu-title h2 {font-size: 48px;font-weight: 600;margin-bottom: 10px;}
.svu-title p {font-size: 16px;font-weight: 300;line-height: 1.5;}
.s1-flax ul {display: flex;gap: 70px;}
.s1-flax ul li {flex: 1;}
.s1-img {border-radius: 20px;overflow: hidden;}
.s1-txt {margin-top: 30px;}
.s1-txt h4 {font-size: 30px;font-weight: 600;margin-bottom: 20px;}
.s1-txt p {font-size: 16px;font-weight: 300;line-height: 1.8;opacity: 60%;}
.svu-s2 {margin-top: 100px;padding: 80px 0;background: rgba(255, 255, 250, .15);border-radius: 30px;overflow: hidden;}
.s2-flax ul {display: flex;flex-wrap: wrap;gap: 5%;row-gap: clamp(30px, 5vw, 60px);justify-content: center;}
.s2-flax ul li {width: 23%;}
.s2-list {position: relative;width: 250px;height: 90px;text-align: center;margin: auto;border-bottom: 6px solid rgba(255, 255, 250, .5);}
.s2-list h2 {font-size: clamp(18px, 1.8vw, 24px);}

/* news */
.news-content {padding: 100px 0;}
.nsw {padding: 50px 0;border-top: 1px solid rgba(255, 255, 250, .1);}
.nsw a {display: flex;gap: 50px;color: #fff;}
.nsw a h1 {font-size: 18px;color: #02a272;}
.nsw a h2 {font-size: 36px;font-weight: 600;transition: all .4s ease-in-out;}
.nsw a h3 {font-size: 18px;opacity: 66%;}
.newss-time {width: 170px;}
.newss-img {width: 23.4375vw;border-radius: 20px;overflow: hidden;}
.newss-img img {width: 100%;height: 100%;object-fit: cover;transition: transform .4s ease-in-out;}
.newss-title {flex: 1;}
.nsw a:hover h2 {color: #00c16a;}
.nsw a:hover .newss-img img {transform: scale(1.05);}
/* newsshow */
.newsshow-content {padding: 150px 0 50px;background: url(../img/bg-newss.jpg) no-repeat center top;color: #fff;}
.newsshow-title {width: 95%;margin: auto;text-align: center;padding-bottom: 30px;border-bottom: 1px solid rgba(255, 255, 250, .1);}
.newsshow-title h1 {font-size: 32px;font-weight: 500;margin-bottom: 13px;}
.newsshow-title ul {display: flex;gap: 3%;align-items: center;justify-content: center;}
.newsshow-title ul li {display: flex;gap: 10px;align-items: center;color: #adadad;}
.newsshow-title ul li img {width: 22px;filter: invert(1);}
.newsshow-base {margin: 50px auto}
.newsshow-txt {line-height: 1.8;font-size: 18px;}
.newsshow-txt img {margin: auto;}
.newsshow-back {margin-top: 60px;}
.newsshow-back a {position: relative;width: 230px;height: 55px;padding: 0 20px;margin: auto;background: #02a272;border-radius: 30px;overflow: hidden;}
.newsshow-back a span {font-size: 20px;color: #fff;position: relative;z-index: 1;transition: all .4s ease-in-out;}
.newsshow-back a:after {content: "";display: block;width: 300px;height: 300px;border-radius: 50%;background: #1ec464;position: absolute;left: 50%;top: 50%;transform: scale(0) translate(-50%, -50%);transition: transform .8s ease-in-out;}
.newsshow-back a:hover::after {transform: scale(1) translate(-50%, -50%);}

/* Video */
.video-content {padding: 100px 0;}
.video-list {display: flex;flex-wrap: wrap;gap: 50px;}
.video-list > div {width: calc((100% - 100px)/ 3);}
.video_pic {border-radius: 20px;overflow: hidden;}
.video_mc {padding: 20px 0;color: #fff;}
.video_mc h3 {text-align: center;font-size: 18px;font-weight: 500;transition: all .4s ease-in-out;}
.video-list > div a:hover .video_mc h3 {color: #02a272;}

/* contact */
.contact-content {padding: 100px 0;color: #fff;}
.contact-content a {color: #fff;}
.doro-wink {display: flex;gap: 30px;}
.doro-al {flex: 1;background: url(../img/doro-al-bg.jpg) no-repeat center/cover;border-radius: 20px;overflow: hidden;}
.doro-al ul {display: flex;justify-content: space-around;justify-content: space-evenly;}
.doro-al ul li {width: 32%;padding: 10vw 0;text-align: center;}
.doro-al ul li img {margin: auto;}
.doro-al ul li h2 {font-size: 24px;font-weight: 600;min-height: 100px;}
.doro-al ul li h3 {font-size: 16px;font-weight: 400;min-height: 100px;}
.doro-al ul li h4 {font-size: 25px;font-weight: 600;opacity: 25%;}
.doro-ar {width: 18.75vw;min-width: 300px;padding: 50px 30px;background: rgba(0, 139, 97, 0.2);border-radius: 20px;overflow: hidden;}
.doro-ar h4 {font-size: 24px;font-weight: 600;}
.doro-ar ul {display: flex;gap: 18px;margin-top: 40px;}
.doro-ar ul li a {width: 45px;height: 45px;border-radius: 50%;border: 1px solid #fff;transition: transform .4s ease-in-out;}
.doro-ar ul li a:hover {transform: translateY(-10px);}
.doro-b {margin-top: 80px;}
.contact-mess {display: flex;}
.contact-mess > div {width: 50%;}
.doro-top {width: 80%;}
.doro-top h2 {font-size: 50px;font-weight: 600;line-height: 1.2;margin-bottom: 30px;}
.doro-top p {font-size: 24px;line-height: 1.5;}
.mess-r p {font-size: 18px;font-weight: 500;margin-bottom: 20px;}
.mess-content {display: flex;flex-wrap: wrap;gap: 20px;overflow: auto;}
.mess-content > div {background: rgba(255, 255, 250, .1);border-radius: 30px;}
.mess-content .ma {width: calc((100% - 20px)/ 2);}
.mess-content .mb {width: 100%;}
.mess-content input, .mess-content textarea {width: 100%;height: 50px;line-height: 50px;padding-left: 15px;position: relative;}
.mess-content textarea {height: 180px;max-height: 280px;line-height: 1.5;padding: 15px;}
.mess-content input::placeholder, .mess-content textarea::placeholder {color: #fff;opacity: 70%;transition: opacity .3s ease-in-out;}
.mess-content input:focus::placeholder, .mess-content textarea:focus::placeholder {opacity: 25%;}
.mess-content .submit-button {width: 100%;background: none;}
.mess-content .submit-button button {width: 100%;height: 55px;background: #02a272;border-radius: 30px;cursor: pointer;transition: all .4s ease-in-out;}
.mess-content .submit-button span {font-size: 18px;color: #fff;}
.mess-content .submit-button button:hover {border-radius: 10px;}



/* Cookie弹窗样式 */
.cookie-modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.66);justify-content: center;align-items: center;}
.cookie-modal.show {display: flex;}
.cookie-modal-content {background-color: #fff;padding: 30px;border-radius: 36px;max-width: 800px;width: 95%;text-align: center;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);}
.cookie-modal-content h3 {margin-top: 0;color: #333;}
.cookie-modal-content p {color: #666;line-height: 1.6;margin: 20px auto 30px;}
.cookie-buttons {display: flex;gap: 15px;justify-content: center;}
.cookie-buttons button {padding: 10px 25px;border: none;border-radius: 5px;cursor: pointer;font-size: 15px;font-weight: 400;}
#acceptCookie {background-color: #2a7f48;color: white;}
#acceptCookie:hover {background-color: #45a049;}
#declineCookie {background-color: #f44336;color: white;}
#declineCookie:hover {background-color: #da190b;}
@media (max-width: 768px) {
	.cookie-buttons {display: block;}
	#acceptCookie, #declineCookie {margin: 8px auto;border-radius: 30px;}
}

/* Sweet Chin Music */

@media (max-width: 1660px) {
	.banner-txt {left: 5vw;}
}

@media (max-width: 1440px) {
	.nax-ed a {padding: 6px 12px;}
	.ina .in-top {position: relative;top: 0;}
	.ina-content ul li {height: auto;}
	.ina-txt h4 {font-size: clamp(20px, 2.65vw, 30px);}
	.inb-cl {width: 48%;}
	.inb-cl h2 {font-size: clamp(22px, 3.75vw, 48px);}
	.inb-cl h3 {font-size: clamp(20px, 3.5vw, 40px);}
	.inb-cr .inb-img > div i {width: 30vw;height: 30vw;}
	.inc-cl h2 {font-size: clamp(20px, 3.25vw, 40px);}
	.ind-cl h2 {font-size: clamp(18px, 3.6vw, 42px);}
	.ine-pos img {width: 40vw;}
	.ine-txt {top: 4vw;left: 5vw;}
	.ine-txt h2 {font-size: clamp(20px, 3.85vw, 50px);}

	.bg-tl h2 {font-size: clamp(22px, 3.85vw, 66px);}
	.bg-nav ul li a {font-size: clamp(16px, 2.15vw, 25px);}
	.pro-title h1 {font-size: clamp(25px, 4.35vw, 60px);}
	.proshow-b .proshow-b-base h2 {font-size: clamp(20px, 3vw, 32px);}

	.svu-title h2 {font-size: clamp(22px, 3.8vw, 45px);}
	.s1-txt h4 {font-size: clamp(18px, 2vw, 28px);}

	.nsw a h2 {font-size: clamp(20px, 2.5vw, 32px);}
	.newsshow-title h1 {font-size: clamp(20px, 2.1vw, 30px);}
	.newsshow-back a span {font-size: 18px;}

	.doro-top h2 {font-size: clamp(22px, 3vw, 45px);}
}

@media (max-width: 1280px) {
	.inc {background: url(../img/inc-bgm.jpg) no-repeat center / cover;}
	.inc-cl {width: 50%;}
	.inc-cr {width: 36%;}

	.bg-title {top: 42%;}
	.ab3-cr {height: 27.5vw;}
}

@media (max-width: 1024px) {
	.nax-box {gap: 2vw;}
	.nax-box a h1 {font-size: 15px;}
	.nax-ed a {gap: 8px;padding: 6px 10px;}
	.nax-ed a i {width: 22px;height: 22px;}
	.nax-ed a i img {width: 16px;}
	.nax-ed a h2 {padding-left: 0;}
	.ft2 .foot-nav ul li p {font-size: 20px;}

	.banner-txt dl {gap: 10px;}
	.banner-txt dl dt {width: 3.75vw;height: 3.75vw;min-width: 30px;min-height: 30px;}
	.in-top {margin-bottom: 40px;}
	.ina-content ul {flex-wrap: wrap;}
	.ina-content ul li {flex: 0 1 50%;}
	.ina-content ul li:nth-child(-n+2) {border-bottom: 1px solid rgba(255, 255, 250, .08);}
	.ina-content ul li:hover a i {transform: translateY(-3vw);}
	.inb-content {flex-wrap: wrap;}
	.inb-content > div {flex: 0 1 100%;width: 100%;padding-left: 0;}
	.inb-cr {margin-top: 100px;padding-left: 8vw;}
	.ind-cr em {width: 100%;}
	.inb-cr .inb-cod {display: flex;justify-content: flex-end;bottom: 50%;transform: translateY(50%);}
	.inc-cl .more a {width: 150px;height: 45px;}
	.ind {padding: 80px 0 0;background-size: 142%;}
	.ind-cr01 ul li img {width: 55px;}
	.ind-content {flex-wrap: wrap;}
	.ind-content > div {width: 100%;}
	.ind-cr02 ul li {background: rgba(0, 0, 0, 0.8) !important;}
	.ind-cr02 ul li > div img {width: 50px;}
	.ine {padding: 30px 0 50px;}
	.ine-pos {bottom: auto;top: 0;}
	.ine-txt {position: relative;top: 0;left: 0;color: #fff;margin-top: 30px;}
	.ine-txt a {gap: 10px;height: 45px;}
	.ine-txt h2 br, .ine-txt p br {display: none;}

	.about-content {padding-top: 50px;}
	.ab1 > div {display: block;}
	.ab1-l, .ab1-r {padding-left: 0;width: fit-content;}
	.ab1-r h4 {font-size: 20px;}
	.ab1-r h5 {font-size: 22px;}
	.ab1-content2 .ab1-r {margin-top: 30px;}
	.ab2 {padding-bottom: 80px;}
	.ab2-content {flex-wrap: wrap;}
	.ab2-l, .ab2-r {flex: 0 1 100%;width: 100%;}
	.ab2-r > div {padding: 50px 0;}
	.ab3 .ab-top {display: block;}
	.ab3 .abt-r {margin-top: 30px;}
	.ab3-content {flex-wrap: wrap;margin-top: 50px;}
	.ab3-cl {width: 100%;}
	.ab3-cr {height: 420px;}

	.pro-ds {width: calc((100% - 80px) / 3);}
	.ps-swp-2 {width: 60%;}
	.pro-Inquire a {width: fit-content;padding: 0 15px;height: 45px;}

	.s1-flax ul {gap: 30px;}
	.s1-txt p {font-size: 15px;}
	.s2-flax ul li {width: 27.5%;}
	.don-list {flex-wrap: wrap;}
	.don-list > div {width: 100%;}

	.news-content {padding: 50px 0;}
	.nsw a {gap: 30px;}
	.nsw a h2 {-webkit-line-clamp: 2;line-clamp: 2;}
	.newss-time {width: 135px;}
	.newss-img {width: 300px;}

	.video-list {gap: 30px;}
	.video-list > div {width: calc((100% - 60px) / 3);}

	.contact-content {padding: 50px 0;}
	.doro-wink {display: block;}
	.doro-al ul li {padding: 8vw 0;}
	.doro-ar {width: 100%;margin-top: 30px;display: flex;gap: 50px;align-items: flex-end;}
	.doro-ar ul {margin-top: 0;}
	.doro-ar h4 br {display: none;}
	.contact-mess {flex-wrap: wrap;gap: 30px;}
	.contact-mess > div {width: 100%;}
	.doro-top {width: 100%;}
	.doro-top h2 {margin-bottom: 15px;}
}

@media (max-width: 768px) {
	.banner-txt {display: none;}
	.ban-top i {width: 18px;margin: auto;}
	.in-top {margin-bottom: 20px;}
	.ina .gm-top, .inb .gm-top, .inc .gm-top, .ind .gm-top {padding-top: 30px;}
	.ina-content {padding-top: 0;}
	.ina-content ul {flex-direction: row;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scroll-behavior: smooth; }
	.ina-content ul li {flex: 0 0 100%;scroll-snap-align: start;scroll-snap-stop: always;border: none;}
	.ina-content ul li::after {transform: scale(1);}
	.ina-content ul::-webkit-scrollbar {height: 5px;}
	.ina-content ul::-webkit-scrollbar-thumb {background: #00b67a;}
	.ina-content ul::-webkit-scrollbar-track {background: #006437;border-radius: 5px;}
	.ina-content ul li a i {transform: translateY(-8vw);}
	.ina-list {padding-top: 0;}
	.ina-img {width: 75%;margin: auto;}
	.inb {padding: 30px 0;}
	.inb-content > div.inb-cl {height: 250px;}
	.inb-cl dl {align-items: center;}
	.inb-cl h4 {border-left: 1px solid #00b67a;padding-left: 15px;font-size: 16px;margin-top: 25px;}
	.inb-cr .inb-cod i {width: 60px;height: 60px;border-radius: 12px;}
	.inb-cr {margin-top: 20px;}
	.inb-cr .inb-img {display: none;}
	.inb-cr .inb-img > div.ad {display: flex;align-items: center;justify-content: center;}
	.inb-cr .inb-img > div i {width: 55vw;height: 55vw;border-radius: 20px;}
	.inb-cr .inb-cod {position: relative;bottom: 0;transform: translateY(0);margin-top: 0;justify-content: space-evenly;gap: 10px;}
	.inc {padding: 30px 0;}
	.inc-content {flex-wrap: wrap;}
	.inc-content > div {flex: 0 1 100%;width: 100%;}
	.inc-cl dl {display: flex;gap: 6px;flex-wrap: wrap;}
	.inc-cl p {font-size: 18px;margin: 20px 0 30px;}
	.inc-cl .more a {margin: auto;}
	.inc-cr {margin-top: 30px;}
	.inc-cr dl dt {width: 45px;}
	.inc-cr dl dt i {width: 45px;height: 45px;}
	.inc-cr dl dt i img {width: 60%;}
	.ind {padding: 0;}
	.ind-cl h2 br {display: none;}
	.ind-cr01 ul {justify-content: center;padding: 10px 0}
	.ind-cr01 ul li img {width: 45px;}
	.ind-cr em {margin: 20px 0 ;}
	.ind-cr02 ul li > div {padding: 15px 0;}
	.ind-cr02 ul li > div h4 {font-size: 22px;margin: 10px 0 0;}
	.ind-cr02 ul li > div p {font-size: 15px;width: 95%;}
	.ine-txt p {font-size: 16px;}
	.ine-txt a {margin: auto;}
	.ine-txt a span {font-size: 16px;}
	.ft-content {display: block;}
	.foot-logo img {width: 50%;margin: auto;}
	.ft1 {padding: 20px 0;}
	.ft1 .mygo {text-align: center;margin-top: 15px;}
	.ft1 .mygo h4 {font-size: 25px;}
	.ft1 .mygo h5 {font-size: 20px;}
	.ft2 {padding: 30px 0;}
	.ft2 .foot-nav {width: 100%;}
	.ft2 .foot-nav ul li {display: flex;flex-wrap: wrap;gap: 20px;row-gap: 8px;}
	.ft2 .foot-nav ul li h4 {width: 100%;margin-bottom: 0;}
	.ft2 .foot-nav ul li p {font-size: 15px;}
	.foot-vist {margin-top: 15px;}
	.ft2 .foot-vist-input {width: 100%;height: 42px;margin: 10px 0;}
	.ft2 .foot-vist-input button {width: 88px;}
	.ft2 .foot-vist h5 {font-size: 14px;}
	.ft3 {padding: 10px 0;text-align: center;}
	.ft3 ul {justify-content: center;padding: 20px 0 10px;}
	.ft3 ul li a {width: 36px;height: 36px;}

	.bg-title {top: 50%;transform: translateY(-50%);}
	.bg-tl h1 {font-size: 20px;}
	.bg-nav {position: relative;background: #242424;}
	.bg-nav ul {flex-wrap: wrap;gap: 15px;row-gap: 10px;padding-bottom: 0;padding: 10px 0;}
	.bg-nav ul li a {font-size: 15px;}

	.ab-top {display: flex;justify-content: center;gap: 8px;}
	.ab1-content1 {margin-bottom: 30px;}
	.ab1-r h5 {font-size: 18px;}
	.ab1-r p {text-align: center;font-size: 15px;}
	.ab2 {padding-bottom: 0;}
	.ab2-r dl {display: block;}
	.ab2-r h4 {font-size: 20px;}
	.ab2-r p {font-size: 16px;}
	.ab2-r p br {display: none;}
	.ab2-r > div {padding: 30px 0;}
	.ab2-r > div:last-child {border-bottom: none;}
	.ab3 {padding: 30px 0;}
	.ab3-content {margin-top: 30px;}
	.ab3-cl > div {margin-bottom: 8px;}
	.ab3-cl p {font-size: 16px;}
	.ab3-cr {height: 285px;}
	.ab3-cr .swiper-container {padding-bottom: 30px;}

	.pro-content {padding: 30px 0;}
	.pro-list {gap: 15px;}
	.pro-ds {width: 100%;}
	.proshow {padding: 30px 0;}
	.pro-nav {padding: 10px 0;}
	.proshow-a {padding-bottom: 0;}
	.ps-swp {display: block;padding: 10px;border-radius: 20px 20px 0 0;}
	.ps-swp-2 {width: 100%;}
	.angel2 img {border-radius: 6px;}
	.lst2 .swiper-button-next::after, .lst2 .swiper-button-prev::after {font-size: 18px;}
	.ps-swp-1 {padding: 20px 0;}
	.pro-desc {margin: 16px 0;padding: 20px 0 30px;}
	.pro-Inquire a {margin: auto;}
	.proshow-b .proshow-b-base {padding: 10px;border-radius: 0 0 20px 20px;}
	.proshow-b .proshow-b-base em {margin: 15px 0 20px;}
	.pro-desc2 p {font-size: 16px;}

	.svu-content {padding: 30px 0;}
	.s1-flax ul {flex-wrap: wrap;gap: 20px;}
	.s1-flax ul li {flex: 0 1 100%;}
	.s1-txt {margin-top: 15px;}
	.s1-txt h4 {margin-bottom: 6px;}
	.s1-txt p {margin-bottom: 20px;}
	.svu-s2 {margin-top: 0;padding: 30px 0;}
	.svu-title {margin-bottom: 30px;}
	.svu-title p br {display: none;}
	.s2-flax ul {flex-wrap: wrap;}
	.s2-flax ul li {width: calc(50% - 15px);}
	.s2-list {width: 90%;height: auto;border-bottom: 3px solid rgba(255, 255, 250, .5);}
	.s2-list h2 {font-size: 15px;line-height: 1.3;height: 48px;;margin-bottom: 10px;}

	.don-list {gap: 15px;}
	.don-list > div a {padding: 20px 10px;}
	.don-list > div a img {width: 28px;}
	.donald_name h4 {font-size: 18px;}

	.nsw {padding: 20px 0;}
	.nsw a {display: block;}
	.newss-img {width: 100%;margin: 10px 0;border-radius: 12px;}
	.nsw a h1 {font-size: 15px;}
	.nsw a h2 {font-size: 18px;}
	.nsw a h3 {font-size: 14px;}
	.newsshow-content {padding: 30px 0;background-size: 150%;}
	.newsshow-title h1 {font-size: 18px;}
	.newsshow-title ul li {font-size: 13px;}
	.newsshow-title ul li img {width: 18px;}
	.newsshow-base {margin: 30px auto;}
	.newsshow-txt {line-height: 1.7;font-size: 16px;}
	.newsshow-back a {position: relative;width: fit-content;height: 40px;padding: 0 20px;}
	.newsshow-back a span {font-size: 15px;}

	.doro-al ul {flex-wrap: wrap;}
	.doro-al ul li {width: 100%;padding: 20px;}
	.doro-al ul li img {width: 30px;}
	.doro-al ul li h2 {font-size: 20px;min-height: auto;}
	.doro-al ul li h4 {display: none;}
	.doro-ar {display: block;padding: 30px 10px;}
	.doro-ar h4 {font-size: 24px;margin-bottom: 15px;}
	.doro-ar ul li a {width: 34px;height: 34px;}
	.doro-ar ul li a img {width: 66%;}
	.doro-b {margin-top: 30px;}
	.doro-top h2 {font-size: 20px;}
	.doro-top p {font-size: 16px;}
	.mess-r p {font-size: 15px;}
	.mess-content .ma {width: 100%;}
	.mess-content input, .mess-content textarea {height: 40px;line-height: 40px;}
	.mess-content .submit-button button {width: 40%;height: 40px;margin: auto;}
	.mess-content .submit-button span {font-size: 16px;}
}