@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: 30px;text-align: center;}
.green-black a {display: flex;align-items: center;justify-content: center;min-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: 8px 16px;background: #303030; 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: sticky;top: 0;left: 0;z-index: 99;width: 100%;background: #fff;transition: all 0.5s ease-in-out;box-shadow: 0 0 18px 3px rgba(0, 0, 0, .1);}
.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: 300px;}
.nax-box {flex: 1;display: flex;gap: 3.5vw;align-items: center;justify-content: end;}
.nax-box > div {position: relative;}
.nax-box > div a {position: relative;}
.nax-box > div a.nas::after {
	content: "";display: block;width: 10px;height: 6px;background: #3f3f3f;-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);clip-path: polygon(0 0, 50% 100%, 100% 0);
	position: absolute;left: 106%;top: 52%;z-index: 1;transform: translateY(-50%);opacity: 60%;
}
.nax-box a {position: relative;z-index: 1;height: 90px;}
.nax-box a h1 {font-size: 16px;font-weight: 500;color: #262626;text-transform: capitalize;transition: all 0.4s ease-in-out;}
.nax-box a em {display: block;width: 0;height: 5px;background: #e60013;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 em {width: 100%;}
.nax-box .xd a h1 {color: #e60013;}
.nax-ed {width: 120px;}
.nav-ed-box {gap: 20px;}
.nav-ed-box a {width: 35px;height: 35px;background: #bebebe;border-radius: 50%;position: relative;overflow: hidden;}
.nav-ed-box a::after {content: '';display: block;width: 100%;height: 100%;border-radius: 50%;background: #e60013;position: absolute;z-index: 0;top: 0;left: 0;transform: scale(0);transition: transform 0.4s ease-in-out;}
.nav-ed-box a img {position: relative;z-index: 1;}
.nav-ed-box a:hover::after {transform: scale(1.2);}
.nav_box.top_box_move {background: #fff;}
/* 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:1024px) {
	.nav_box {background: #fafafa;box-shadow: none;border-bottom: 1px solid #eee;}
	.top_nav {display: none;}
	.mob_inner_box {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_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: #e60013;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;padding: 100px 0 30px;background: #f0f0f0;overflow: hidden;}
.footer a {transition: all .4s ease-in-out;}
.footer em {display: block;width: 100%;height: 1px;background: #bababa;opacity: 30%;margin: 70px 0;}
.ft-content {display: flex;justify-content: space-between;}
.ft1.ft-content {align-items: center;}
.ft1 h1 {font-size: 30px;font-family: "Pop-Bold";}
.ft1 h2 {font-size: 16px;font-weight: 500;line-height: 1.3;margin-bottom: 30px;}
.ftl ul {display: flex;gap: 20px;margin-top: 30px;}
.ftl ul li {width: 100px;text-align: center;}
.ftl ul li p {font-size: 18px;font-weight: 300;padding: 6px 0;}
.ftl ul li i {display: block;border-radius: 8px;overflow: hidden;padding: 4px;background: #fff;}
.ftr ul {display: flex;justify-content: flex-end;gap: 10vw;}
.ftr ul li a {display: block;margin-bottom: 15px;color: #555;width: fit-content;}
.ftr ul li a h4 {font-size: 30px;font-family: "Pop-Bold";color: #000;transition: all 0.4s ease-in-out;}
.ftr ul li:hover a h4 {color: #e60013;}
.ftr ul li .jio a::after {content: "";display: block;width: 0;height: 2px;background: #e60013;margin-top: 2px;transition: width 0.4s ease-in-out;}
.ftr ul li .jio a:hover::after {width: 100%;}
.ft2 {gap: 4vw;align-items: center;}
.ft2 h4 {font-size: 16px;color: #555;}
.foot-Social {flex: 1;}
.foot-Social ul {flex: 1;display: flex;gap: 24px;}
.foot-Social ul li a {transition: transform .3s ease-in-out;}
.foot-Social ul li a img {transition: filter .3s ease-in-out;}
.foot-Social ul li a:hover {transform: translateY(-6px);}
.foot-Social ul li a:hover img {filter: brightness(0.6);}
.foot-backtotop a {display: flex;gap: 9px;align-items: center;justify-content: flex-end;}
.foot-backtotop a p {font-size: 16px;color: #555;font-weight: 600;transition: all .3s ease-out;}
.foot-backtotop a i {width: 30px;height: 30px;background: #f2f2f2;border-radius: 50%;border: 1px solid #d4d4d4;position: relative;overflow: hidden;}
.foot-backtotop a i::after {content: "";display: block;width: 100%;height: 100%;border-radius: 50%;background-color: #e60013;position: absolute;z-index: 0;transform: scale(0);transition: transform 0.4s ease-in-out;}
.foot-backtotop a:hover p {color: #e60013;}
.foot-backtotop a:hover i::after {transform: scale(1.5);}
@media (max-width:768px) {
	.footer {margin-bottom: 45px;}
	.ymca {position: fixed;bottom: 0;z-index: 996;width: 100%;min-height: 45px;background: #e60013;border-top: 2px solid #a90815;}
	.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 .swiper-container-horizontal>.swiper-pagination-bullets {display: flex;align-items: center;justify-content: center;bottom: 2.5vw;left: 0;width: 100%;}
.banner .swiper-pagination-bullet {position: relative;width: 15px;height: 15px;background: none;border: 2px solid #fff;margin: 0 7px !important;transition: all 0.5s ease-in-out;}
.banner .swiper-pagination-bullet-active {border: 2px solid #e60013;background: #e60013;}
.banner-top {position: relative; overflow: hidden;}
.banner-img {position: relative;z-index: 1;}
.banner-txt {position: absolute;z-index: 2;color: #fff;width: fit-content;white-space: nowrap;}
.banner-txt h1 {font-size: 50px;font-weight: 500;line-height: 1.2;}
.banner-txt h2 {font-size: 52px;font-family: "Pop-Bold";text-transform: uppercase;line-height: 1;}
.banner-txt h2 span {color: #e60013;}
.ban-1 {top: 7vw;left: 46vw;}
.ban-1 h1 {font-family: "OPPOS";}
.ban-2 {top: 7vw;left: 0;width: 100%;text-align: center;}
.ban-2 h1 {color: #000;text-transform: uppercase;}
.ban-3 {top: 10vw;left: 50vw;}
.ban-3 h2 {font-size: 73px;} 
.ban-4 {top: 7vw;left: 0;width: 100%;text-align: center;text-shadow: 0 2px 3px rgba(0, 0, 0, .8);}
.ban-4 h3 {font-size: 36px;font-weight: 600;}

/* Index */
.invv {position: relative;z-index: 1;padding: 0;background: #fff;overflow: hidden;}
.invv > div {position: relative;z-index: 1;}
.flax {display: flex;align-items: center;justify-content: space-between;}
.in-top {position: relative;z-index: 5;}
.in-top h1 {font-size: 56px;font-family: "Pop-Bold";line-height: 1;}
.in-top h2 span {font-family: "Pop-ExLight";}
.in-top h3 {line-height: 2;font-size: 24px;font-family: "Pop-Light";}
.in-top p {font-size: 16px;color: #8e8e8e;font-family: "Pop-Light";line-height: 1.5;margin-top: 25px;}
.more a {display: flex;gap: 13px;align-items: center;justify-content: center;width: fit-content;min-width: 140px;height: 50px;padding: 0 20px;background: #e8e8e8;position: relative;}
.more a::before {content: '';display: block;width: 0;height: 100%;background: #e60013;position: absolute;top: 0%;left: 0;z-index: 0;transition: width 0.4s ease-in-out;}
.more a i, .more a span {position: relative;z-index: 1;}
.more a:hover::before {width: 100%;}
.more a:hover i img {filter: brightness(2);}
.more a:hover span {color: #fff;}

.ina {padding: 130px 0;background: #f6f6f6;}
.ina .gm::after {content: '';display: block;width: 75px;height: 100%;background: #fff;position: absolute;top: 0;right: 10px;z-index: 0;}
.ina-content {display: flex;align-items: center;gap: 80px;;position: relative;z-index: 1;}
.ina-cl {width: 40%;}
.ina-cl-title h1 {font-size: 24px;color: #888888;}
.ina-cl-title h2 {font-size: 56px;color: #e60013;font-family: "Pop-Bold";line-height: 1;}
.ina-cl-title h3 {font-size: 30px;font-weight: 500;}
.ina-cl-title p {line-height: 1.4;font-size: 16px;color: #696969;font-family: "Pop-Light";width: 90%;margin: 20px 0 40px;}
.ina-cl .more {margin-top: 42px;}
.ina-cr {flex: 1;display: flex;gap: 40px;position: relative;}
.ina-cr-1 {position: absolute;bottom: 3vw;right: 20px;text-align: right;}
.ina-cr-1 h1 {font-size: 72px;font-family: "Pop-Bold";line-height: 1;}
.ina-cr-1 h2 {font-size: 22px;color: #b4b4b4;font-weight: 500;line-height: 2;}
.ina-cr-1 em {display: block;width: 28px;height: 5px;background: #e60013;margin-left: auto;}
.ina-cr-2 {margin-top: 5.75vw;}

.inb {padding: 100px 0 150px;}
.inb .in-top {text-align: center;}
.inb-content {position: relative;margin-top: 80px;}
.inb-list1 {overflow: hidden;}
.inb-list1 ul {display: flex;gap: 40px;}
.inb-list1 ul li {flex: 1;}
.inb-img {box-sizing: border-box;border: 1px solid #d6d6d6;overflow: hidden;transition: all 0.5s ease-in-out;}
.inb-txt {padding: 30px 15px;}
.inb-txt h4 {font-size: 24px;color: #e60013;font-family: "Pop-Bold";}
.inb-txt p {line-height: 1.3;font-size: 14px;color: #8f8f8f;}
.inb .more {margin-top: 50px}
.inb .more a {margin: auto;}
.inb-list1 ul li a:hover .inb-img {box-shadow: 0 3px 13px rgba(0, 0, 0, .2);}

.inc {position: relative;background: #f6f6f6;}
.inc::before {content: '';display: block;width: 25%;max-width: 440px;height: 140px;border-bottom: 8px solid #e60013;background: #fff;position: absolute;top: 0;left: 0;z-index: 0;}
.inc::after {content: '';display: block;width: 10%;max-width: 160px;height: 60px;border-top: 5px solid #e60013;background: #fff;position: absolute;bottom: 0;right: 0;z-index: 0;}
.inc .gm {padding: 50px 0 150px;position: relative;z-index: 5;}
.inc-content {position: relative;margin-top: 100px;}
.inc-list {display: flex;gap: 50px;align-items: center;justify-content: space-between;}
.inc-ll {flex: 1;}
.inc-ll h1 {font-size: 45px;font-family: "Pop-ExLight";line-height: 1;opacity: 50%;}
.inc-ll h2 {font-size: 48px;font-family: "Pop-Bold";line-height: 1;transition: all 0.3s ease-in-out;}
.inc-ll p {font-size: 18px;color: #5f5f5f;line-height: 1.5;margin-top: 20px;}
.inc-lr {width: 46.875vw;position: relative;}
.inc-lr img {position: relative;z-index: 0;}
.inc-lr h3 {font-size: 24px;color: #fff;font-weight: 500;position: absolute;z-index: 1;left: 25px;bottom: 30px;}
.inc-topr {position: absolute;top: 50px;right: 0;overflow: hidden;width: 384px}
.inc-topr ul {display: flex;gap: 25px;justify-content: flex-end;}
.inc-topr ul li {flex: 1;text-align: center;}
.inc-topr ul li i {width: 60px;height: 60px;background: #fff;margin: auto;}
.inc-topr ul li h4 {font-size: 12px;color: #828282;margin-top: 8px;white-space: nowrap;}
.inc-base .swiper-slide-active .inc-ll h2 {color: #e60013;}
.inc-base .swiper-pagination {width: fit-content !important;}
.inc-base .swiper-pagination-bullet {width: 16px;height: 16px;border-radius: 0;margin: 0 8px !important;}
.inc-base .swiper-pagination-bullet-active {background: #e60013;}

.ind {padding: 150px 0 50px;}
.ind .in-top {text-align: center;}
.ind-content {margin-top: 80px;}
.ind-content ul {display: flex;flex-wrap: wrap;gap: 25px;}
.ind-content ul li {width: calc((100% - 50px)/ 3);}
.ind-content ul li.dc {flex: 1;}
.ind-list {padding: 50px 40px;background: #f6f6f6;height: 350px;position: relative;transition: all 0.3s ease-in-out;}
.ind-list::after {content: '';display: block;width: 0;height: 0;background: linear-gradient(45deg, #5f1f1f, #c75556, #5f1f1f);position: absolute;top: 0;left: 0;z-index: -1;transition: width 0.4s ease-in-out, height 0.4s ease-in-out;}
.ind-list dl {display: flex;justify-content: space-between;align-items: center;gap: 8px;}
.ind-list dl dt h2 {font-size: 72px;font-family: "Pop-Bold";line-height: 1;}
.ind-list dl dt h2 span {font-size: 50px;}
.ind-list dl dd {flex: 1;font-size: 16px;color: #787878;line-height: 1.2;}
.ind-list dl dd b {display: block;font-size: 18px;color: #000;}
.ind-list em {display: block;width: 72px;height: 3px;background: #d8d8d8;position: absolute;top: 60%;left: 35px;}
.ind-list p {font-size: 18px;font-weight: 600;position: absolute;bottom: 50px;left: 40px;}
.ind-list:hover::after {top: -2px;left: -2px;height: calc(100% + 4px);width: calc(100% + 4px);}
.ind-content ul li.dc .ind-list {padding: 40px;background: #b8000f url(../img/ind-list-bg.png) no-repeat bottom right;color: #fff;}
.ind-content ul li.dc .ind-list::after {display: none;}
.ind-content ul li.dc .ind-list h1 {font-size: 40px;font-weight: 600;line-height: 1.2;}

.ine {padding: 50px 0;}
.in-tr {width: 25vw;}
.in-tr p {font-size: 24px;font-family: "Pop-ExLight";line-height: 1.5;}
.in-tr .more {margin-top: 25px;}
.ine-content {margin-top: 80px;}
.poi {padding: 40px;position: relative;border-bottom: 1px solid #eee;}
.poi::after {content: '';display: block;width: 0;height: 100%;background: #b8000f;position: absolute;top: 0;left: 0;z-index: -1;transition: width 0.6s ease-in-out;} 
.poi-title {display: flex;gap: 30px;justify-content: space-between;align-items: center;color: #050505;transition: all 0.3s ease-in-out;}
.poi-title h4 {font-size: 30px;font-weight: 600;line-height: 1.25;width: 45%;}
.poi-title span {flex: 1;font-size: 18px;}
.poi-title img {filter: brightness(0.88);}
.poi-img {position: absolute;transform:translateY(-50%) scale(0);top: 50%;right: 20%;transition: transform 0.5s ease-in-out;max-width: 300px;}
.poi-img img {box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.1);}
.ine-slide a:hover .poi::after {width: 100%;}
.ine-slide a:hover .poi-title {color: #fff;}
.ine-slide a:hover .poi-title img {filter: brightness(1.1);}
.ine-slide a:hover .poi-img {transform: translateY(-50%) scale(1.1);}
.ine-foot {padding: 150px 0 100px;text-align: center;position: relative;}
.ine-foot h2 {font-size: 48px;font-family: "Pop-Bold";line-height: 1;}
.ine-foot h3 {font-size: 24px;color: #696969;}
.ine-foot .more {margin-top: 22px;}
.ine-foot a {margin: auto;background: #e60013;color: #fff;}
.ine-f2 {position: absolute;top: 50%;left: 50%;z-index: -1;transform: translate(-50%, -50%);}
.ine-f2 h1 {font-size: 160px;font-family: "Pop-bold";line-height: 130px;opacity: 7%;-webkit-text-stroke: 5px;}

/* 其他页面ban样式 */
.bg {position: relative;}
.bg-img {position: relative;z-index: 0;overflow: hidden;}
.bg-title {position: absolute;top: 30%;left: 0;width: 100%;color: #fff;text-align: center;}
.bg-tl {position: relative;}
.bg-tl h1 {font-size: 60px;font-weight: 600;line-height: 1;}
.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-list {position: absolute;top: 62%;left: 0;z-index: 1;width: 100%;}
.bg-list ul {display: flex;gap: 50px;justify-content: center;}
.bg-list ul li a {font-size: 18px;color: #fff;position: relative;width: fit-content;}
.bg-list ul li a::after {content: '';display: block;width: 0;height: 3px;background: #fff;position: absolute;left: 0;bottom: -15px;transition: width 0.3s ease-in-out;}
.bg-list ul li a:hover::after {width: 100%;}
.bg-list ul li.active a::after {width: 100%;}

.about, .product, .proshow, .productshow, .search, .case, .caseshow, .news, .newsshow, .contact {position: relative;overflow: hidden;}
.a-top {padding: 50px 0 25px;border-bottom: 1px solid #dcdcdc;}
.a-top ul {display: flex;gap: 6px;align-items: center;position: relative;width: fit-content;}
.a-top ul span {font-size: 15px;font-family: "Pop-ExLight";}
.a-top ul a {font-size: 15px;font-weight: 600;transition: all 0.3s ease-in-out;}
.a-top ul a:hover {color: #e60013;}
.a-top ul::after {content: "";width: 100%;height: 3px;background: #e60013;position: absolute;z-index: 1;;bottom: -26px;left: 0;transition: width 0.3s ease-in-out;}

/* About */
.about-content {position: relative;background: #fff;}
#ab1, #ab2, #ab3 {scroll-margin-top: 90px;}
.ab-top {position: relative;}
.ab-top h1 {font-size: 36px;font-weight: 600;}
.ab-top h2 {font-size: 38px;color: #e60013;font-family: "Pop-Bold";line-height: 1;}
.ab1 {padding: 100px 0 150px;background: #f7f7f7}
.ab1 ul {display: flex;gap: 90px;justify-content: space-between;}
.ab1 ul .ab1-l {width: 410px;}
.ab1 ul .ab1-r {flex: 1;overflow: hidden;}
.ab1-a h1 {font-size: 36px;color: #e60013;}
.ab1-a h1 span {font-family: "Pop-Bold";color: #000;}
.ab1-a h2 {font-size: 40px;font-family: "Pop-Bold";line-height: 1.2;text-align: right;}
.ab1-b {margin-top: 50px;align-items: center;}
.ab1-b em {display: block;width: 100%;height: 5px;background: #e60013;}
.ab1-b h4 {font-size: 24px;color: #e60013;font-family: "Pop-Bold";}
.ab1-b p {font-size: 18px;color: #585858;line-height: 2;font-family: "Pop-Light";margin-top: 40px;}
.ab1-b p span {font-family: "Pop";font-weight: 600;}
.ab2 {padding: 100px 0 80px;background: #fff;}
.ab2-content ul {display: flex;gap: 40px;position: relative;}
.ab2-content ul li {flex: 1;position: relative;overflow: hidden;background-color: #ebebeb;margin-top: auto;margin-bottom: 0;padding: 50px 25px;transition: all 0.6s ease-in-out;}
.ab2-content ul li:nth-child(1) {height: 300px;}
.ab2-content ul li:nth-child(2) {height: 360px;}
.ab2-content ul li:nth-child(3) {height: 420px;}
.ab2-content ul li:nth-child(4) {height: 480px;}
.ab2-content ul li::after {content: "";width: 100%;height: 0;background: #e60013;position: absolute;bottom: 0;left: 0;transition: height 0.5s ease-in-out;}
.ab2-list {display: flex;flex-direction: column;position: relative;z-index: 1;height: 100%;}
.ab2-list p {font-size: 14px;font-weight: 600;position: absolute;bottom: 20px;left: 0;transform: translateY(100%);}
.ab2-list > div {flex: 1;}
.ab2-list > div dl {display: flex;gap: 13px;align-items: center;}
.ab2-list > div dl dt {font-size: 30px;}
.ab2-list > div dl dt span {font-size: 72px;font-family: "Pop-Bold";line-height: 1;}
.ab2-list > div dl dd {font-size: 16px;font-weight: 500;opacity: 75%;}
.ab2-list > div dl dd h4 {font-size: 18px;font-weight: 600;}
.ab2-list > div i {transition: opacity 0.3s ease-in-out;}
.ab2-content ul li:hover {box-shadow: 0 3px 23px -4px rgb(230 0 19 / 66%);}
.ab2-content ul li:hover::after {height: 100%;}
.ab2-content ul li:hover .ab2-list {color: #fff;}
.ab2-content ul li:hover .ab2-list > div i {opacity: 30%;}
.ab3 {padding: 80px 0 150px;background: #fbfbfb;}
.ab3 ul {display: flex;align-items: center;margin-bottom: 55px;}
.ab3 ul:nth-child(2n) {flex-direction: row-reverse;}
.ab3 ul li {flex: 1;}
.ab3-txt {padding: 0 3vw;}
.ab3-txt p {margin-top: 40px;font-size: 16px;color: #969696;line-height: 1.8;}
.ab3-txt p span {font-weight: 600;color: #484848;}

/* product */
/* PoPiPa，PiPoPa，PoPiPaPaPiPoPa! */
.pro-content {position: relative;;background: #fff;padding: 50px 0 100px;}
.pl-title {margin-bottom: 20px;text-align: center;}
.pl-title h2 {font-size: 70px;font-family: "Pop-Bold";line-height: 1;opacity: 3%;text-transform: uppercase;}
.pro-list {display: flex;gap: 15px;row-gap: 20px;flex-wrap: wrap;}
.pro-ds {width: calc((100% - 45px)/ 4);}
.pro-ds a {display: block;box-sizing: border-box;width: 100%;height: 100%;border-radius: 20px;overflow: hidden;transition: all 0.5s ease-in-out;}
.pro_name {text-align: center;padding: 0 10px 40px}
.pro_name h4 {font-size: 24px;font-weight: 600;transition: all 0.3s ease-in-out;}
.pro_name h5 {font-size: 14px;color: #8f8f8f;width: 93%;margin: 10px auto 20px;}
.pro_name span {display: inline-block;font-size: 14px;font-weight: 600;padding: 15px 25px;background: #e5e5e5;transition: all 0.3s ease-in-out;}
.pro-ds a:hover {box-shadow: 0 0 18px -3px rgba(0, 0, 0, .2);}
.pro-ds a:hover .pro_name h4 {color: #e60013;}
.pro-ds a:hover .pro_name span {background: #e60013;color: #fff;}
/* productshow */
.proshow {position: relative;overflow: hidden;}
.proshow .bg-title.tna {text-align:start ;}
.proshow-a {position: relative;padding: 40px 0;}
.ps-swp {display: flex;gap: 100px;}
.ps-swp-1 {flex: 1;overflow: hidden;position: relative;padding-top: 20px;}
.ps-swp-1 span {font-size: 18px;color: #e60013;font-weight: 600;}
.ps-swp-1 em {display: block;width: 100%;height: 2px;background: #f4f4f4;margin: 30px 0 35px;}
.pro-title {font-size: 48px;font-family: "Pop-Bold";color: #2e2e2e;}
.pro-desc p { font-size: 18px;color: #838383;}
.pro-desc p b {color: #000;}
.pro-Inq {margin-top: 50px;}
.pro-Inq a {gap: 20px;width: 200px;height: 60px;background: #e60013;font-size: 18px;color: #fff;overflow: hidden;}
.pro-Inq i img {width: 20px;transition: transform 0.5s ease-in-out;}
.pro-Inq a:hover i img {transform: translateX(15px);}
.pro-pop {display: flex;gap: 18px;margin-top: 30px;}
.pro-pop > div {width: calc((100% - 54px)/ 4);box-sizing: border-box;border: 2px solid #ededed;}
.pro-pop > div.act {border-color: #e60013;}
.ps-swp-2 {width: 600px;position: relative;overflow: hidden;}
.swpt > div {display: none;}
.swpt > div.active {display: block;border: 2px solid #ededed;}
.angel img {border-radius: 20px;}
.proshow-b {padding: 50px 0 100px;}
.proshow-bj {overflow: hidden;}
.proshow-bj ul {display: flex;gap: 13px;align-items: baseline;}
.proshow-bj h2 {font-size: 50px;font-weight: 600;color: #e60013;}
.proshow-bj em {display: block;width: 100%;height: 20px;background: #f7f7f7;}
.pro-desc2 {min-height: 250px;overflow: hidden;background: #fafafa;margin: 40px 0 60px;}
.proshow-bc {display: flex;box-shadow: 0 0 18px -3px rgba(0, 0, 0, .2);}
.proshow-bcl {width: 370px;background: linear-gradient(321deg, #93000c, #e60013);position: relative;}
.proshow-bcl-img {position: absolute;z-index: 1;left: 20px;bottom: -15px;}
.proshow-bcl-img img {max-width: none;width: 400px;}
.proshow-bcl-txt {position: relative;z-index: 2;padding: 35px;color: #fff;}
.proshow-bcl-txt h1 {font-size: 30px;font-weight: 600;}
.proshow-bcl-txt h2 {font-size: 30px;font-family: "Pop-Bold";line-height: 1;margin-bottom: 20px;}
.proshow-bcl-txt p {font-size: 16px;font-weight: 400;}
.proshow-bcr {flex: 1;padding: 60px;overflow: auto;}
.proshow-bcr .mess-content {gap: 36px;row-gap: 10px;padding-bottom: 18px;}
.proshow-bcr .mess-content .mch {width: calc((100% - 50px)/ 2);}
.proshow-bcr .mess-content input {width: 100%;height: 42px;line-height: 60px;padding: 0 15px;background: none;;border: none;border-bottom: 1px solid #e5e5e5;}
.proshow-bcr .mess-content textarea {width: 100%;height: 100px;max-height: 250px;line-height: 1.3;padding: 15px;background: none;;border: none;border-bottom: 1px solid #e5e5e5;}
.proshow-bcr .mess-content .submit {margin-top: 40px;margin-left: auto;margin-right: 0;}
.proshow-bcr .mess-content .submit button {width: 142px;height: 50px;font-size: 18px;color: #fff;cursor: pointer;}

/* 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: 30px 0 80px;}
.case-list {display: flex;gap: 40px;flex-wrap: wrap;}
.case-list > div {width: calc((100% - 40px)/ 2);}
.case-pic {overflow: hidden;}
.case-pic img {transition: transform .5s ease-in-out;}
.case-txt {padding: 15px 10px;position: relative;display: flex;gap: 20px;align-items: center;overflow: hidden;}
.case-txt i {width: 50px;height: 50px;background: #e60013;border-radius: 50%;position: relative;z-index: 2;}
.case-txt i::after {content: '';display: block;width: 100%;height: 100%;background: #e60013;position: absolute;z-index: 1;left: 0;top: 0;transform: scale(0);transition: transform .5s ease-in-out;}
.case-txt i img {width: 22px;transform: rotate(-45deg);}
.case-lop {flex: 1;overflow: hidden;position: relative;z-index: 5;}
.case-lop h4 {font-size: 24px;font-weight: 600;width: 95%;}
.case-lop span {font-size: 16px;color: #5f5f5f;}
.case-list a:hover .case-pic img {transform: scale(1.05);}
.case-list a:hover .case-txt i::after {transform: scale(2700%);}
.case-list a:hover .case-txt {color: #fff;}
.case-list a:hover .case-txt span {color: #fff;}

/* Services */
.svu-content {position: relative;}
.svu-s1 {display: flex;align-items: center;width: 100%;height: 46.875vw;background: url(../img/s1-bg.jpg) no-repeat center fixed;}
.svu-s1 h2 {font-size: 60px;font-family: "Pop-Bold";line-height: 1;margin-bottom: 50px;}
.svu-s1 p {font-size: 22px;font-weight: 500;}
.svu-s1 .more {margin-top: 30px;}
.svu-s1 .more a {width: 170px;}
.svu-s2 {position: relative;;}
.s2-flax {position: relative;top: -7vw;padding: 3vw;background: #fff;border-radius: 20px;box-shadow: 0 0 13px rgba(0, 0, 0, .1);overflow: hidden;}
.s2-flax ul {display: flex;gap: 55px;}
.s2-flax ul li {flex: 1;position: relative;}
.s2-flax ul li::before {content: '';display: block;width: 2px;height: 9.375vw;background: #88b99c;position: absolute;z-index: 1;;left: 0;top: 50%;transform: translateY(-50%);}
.s2-list {padding: 0 20px;}
.s2-list h2 {font-size: 30px;font-family: "Pop-Bold";}

/* news */
.news .green-black {padding-top: 80px;}
.news-content {padding: 30px 0 80px;}
.news-location {text-align: center;}
.news-location-top {margin-bottom: 40px;}
.news-location-top h2 {font-size: 60px;font-weight: 600;}
.news-location-top h2 span {color: #e60013;}
.news-location .nl ul {display: flex;gap: 55px;justify-content: center;}
.news-location .nl ul li {position: relative;;}
.news-location .nl ul li a {width: fit-content;font-size: 18px;color: #8e8e8e;font-weight: 600;position: relative;}
.news-location .nl ul li a::after {content: '';display: block;width: 0;height: 3px;background: #e60013;position: absolute;z-index: 1;left: 0;bottom: -10px;transition: width .4s ease-in-out;}
.news-location .nl ul li a:hover::after {width: 100%;}
.news-location .nl ul li.active a {color: #000;}
.news-location .nl ul li.active a::after {width: 100%;}
.news-list {margin-top: 50px;}
.news-list > div {position: relative;}
.news-list > div::after {content: '';display: block;width: 100%;height: 0;background: #f4f4f4;position: absolute;left: 0;bottom: 0;z-index: 0;transition: height .4s ease-in-out;}
.news-list > div:hover::after {height: 100%;}
.news-list > div > a {display: flex;gap: 100px;padding: 30px 10px;border-bottom: 1px solid #d9d9d9;position: relative;z-index: 1;}
.news-list > div:first-child > a {border-top: 1px solid #d9d9d9;}
.news-list > div i {width: 50px;height: 50px;background: #e60013;border-radius: 50%;}
.news-list > div i img {width: 25px;transform: rotate(-45deg);}
.newss-time {width: 200px;}
.newss-time h1 {font-size: 18px;color: #727272;}
.newss-title {flex: 1;overflow: hidden;}
.newss-title h2 {font-size: 28px;font-weight: 600;transition: all .4s ease-in-out;}
.newss-img {width: 250px;;}
.news-list > div > a:hover .newss-title h2 {color: #e60013;}
/* newsshow */
.newsshow-content {padding:60px 0;color: #3a3a3a;}
.newsshow-title {width: 95%;margin: auto;text-align: center;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
.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: #8f8e8e;}
.newsshow-title ul li img {width: 22px;}
.newsshow-base {margin: 50px auto}
.newsshow-txt {line-height: 1.8;font-size: 18px;color: #333;}
.newsshow-txt img {margin: auto;}
.newsshow-back {margin-top: 60px;}
.newsshow-back a {position: relative;width: 230px;height: 44px;padding: 0 20px;margin: auto;background: #5e5e5e;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: #e60013;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-top: 80px;}
.video-content ul {display: flex;gap: 50px;flex-wrap: wrap;}
.video-content ul li {width: calc((100% - 150px)/ 3);}
.video_pic {position: relative;border-radius: 20px;overflow: hidden;}
.video_pic img {transition: transform .3s ease-in-out;}
.video_mc {padding: 10px;}
.video_mc h3 {font-size: 20px;min-height: 60px;}

/* contact */
.contact-content {position: relative;}
.doro-top {margin-bottom: 70px;}
.doro-top.tma {text-align: center;}
.doro-top h1 {font-size: 48px;font-weight: 600;line-height: 1.2;}
.doro-top h2 {font-size: 48px;font-weight: 600;line-height: 1.2;color: #e60013;}
.doro-top h2 span {font-family: "Pop-Bold";color: #333;}
.doro-top p {font-size: 18px;font-family: "Pop-Light";color: #737373;}
.doro-a {padding: 80px 0 120px;}
.doro-wink {display: flex;}
.doro-wink > div {flex: 1;}
.doro-wink > div ul {display: flex;gap: 50px;align-items: center;padding: 30px;background: #f6f6f6;margin-bottom: 20px;}
.doro-wink > div ul.xd {padding: 10px 30px;}
.doro-wink > div ul li:nth-child(1) {width: 130px;text-align: center;}
.doro-wink > div ul li:nth-child(2) {flex: 1;}
.doro-wink > div ul li h4 {font-size: 24px;color: #7f7f7f;}
.doro-wink > div ul li h5 {font-size: 30px;font-family: "Pop-Bold";line-height: 1;}
.doro-wink > div ul li h6 {font-size: 18px;font-weight: 600;}
.doro-wink dl {display: flex;gap: 40px;align-items: center;}
.doro-wink dl dt {position: relative;}
.doro-wink dl dt a {display: flex;gap: 12px;align-items: center;}
.doro-wink dl dt a i {width: 100px;height: 100px;background: #949494;border-radius: 50%;transition: all .3s ease-in-out;}
.doro-wink dl dt a p {font-size: 18px;color: #7f7f7f;transition: all .3s ease-in-out;}
.doro-wink dl dt em {display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100px;}
.doro-b {padding: 80px 0 100px;background: #f7f7f7 url(../img/mess-i-bg.png) no-repeat center top;}
.mess-i {position: relative;}
.mess-content {display: flex;flex-wrap: wrap;gap: 60px;row-gap: 30px;overflow: auto;}
.mess-content .mch {width: calc((100% - 60px)/ 2);}
.mess-content .mcf {width: 100%;}
.mess-content input {width: 100%;height: 80px;line-height: 80px;padding-left: 15px;background: #fff;border: 1px solid #d9d9d9;position: relative;}
.mess-content textarea {width: 100%;height: 180px;max-height: 280px;line-height: 1.5;padding: 15px;background: #fff;border: 1px solid #d9d9d9;position: relative;}
.mess-content input::placeholder, .mess-content textarea::placeholder {font-size: 20px;font-family: "Pop-light";color: #bababa;transition: opacity .3s ease-in-out;}
.mess-content input:focus::placeholder, .mess-content textarea:focus::placeholder {opacity: 25%;}
.mess-content .submit {margin: auto;}
.mess-content .submit button {width: 180px;height: 50px;background: #000;cursor: pointer;transition: all .4s ease-in-out;}
.mess-content .submit button p {font-size: 18px;color: #fff;}
.mess-content .submit button:hover {background: #e60013;}

/* 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;}

/* 260905 add */
/* 260905 add */
.jswd {margin-top: 20px;}
.jswd > div {padding: 10px;background: #fafafa;}
.jswd > div ul {display: flex;justify-content: space-between;align-items: center;}
.jswd > div ul li h4 {font-size: 20px;}
.zlxz > div {display: none;}
.zlxz > div.active {display: block;padding: 15px;}
.zlxz > div li {display: flex;gap: 20px;align-items: center;margin-bottom: 15px;}
.zlxz > div li a {font-size: 18px;font-weight: 600;transition: all .3s ease-in-out;}
.zlxz > div li a:hover {color: #e60013;}

.tump {position: absolute;top: 18px;right: 18px;z-index: 5;pointer-events: none} 
.tump img {transform: scale(0.8);transition: transform .3s ease-in-out;}
.ps-swp-2:hover .tump img {transform: scale(1);}
@media (max-width: 768px) {
	.cookie-buttons {display: block;}
	#acceptCookie, #declineCookie {margin: 8px auto;border-radius: 30px;}
}

/* Sweet Chin Music */

@media (max-width: 1660px) {
}

@media (max-width: 1440px) {
	.pro-list {gap: 25px;}
	.pro-ds {width: calc((100% - 75px) / 4);}
}

@media (max-width: 1280px) {
	.banner-txt h1 {font-size: 2.5vw}
	.banner-txt h2 {font-size: 3.4vw;}
	.ban-4 {top: 4.3vw;}
	.in-tr {width: 40vw;}
	.ina-cr-1 h1 {font-size: 55px;}
	.ine-f1 {width: 68%;margin: auto;}
	.ine-foot h3 {width: 80%;margin: 20px auto;}
	.ine-f2 h1 {font-size: 13vw;line-height: 1.3;}
	.poi-img {right: 15%;}
	.ab1-a h2 br {display: none;}
}

@media (max-width: 1024px) {
	.in-tr p {font-size: 22px;}
	.ina {padding: 80px 0;}
	.ina-content {gap: 20px;}
	.ina-cl-title h2 {font-size: 45px;}
	.ina-cl-title h3 {font-size: 26px;}
	.inb-list1 ul {gap: 25px;}
	.inb-txt h4 {font-size: 20px;line-height: 1.2;margin-bottom: 10px;}
	.inc-ll {display: flex;flex-wrap: wrap;align-items: center;}
	.inc-ll h2 {font-size: 40px;}
	.ind-list {height: 40vw;}
	.ind-content ul li:nth-child(-n+4) .ind-list dl {flex-wrap: wrap;}
	.ind-content ul li:nth-child(-n+4) .ind-list dl i {display: block;width: 100%;margin: 10px 0 20px;}
	.ind-content ul li:nth-child(-n+4) .ind-list dl i img {margin: auto;}
	.ind-content ul li:nth-child(-n+4) .ind-list dl dt h2 {font-size: 58px;}
	.ind-content ul li:nth-child(-n+4) .ind-list em {position: relative;left: 0;top: 0;margin: auto;}
	.ind-content ul li:nth-child(-n+4) .ind-list p {position: relative;bottom: 0;left: 0;margin-top: 15px;}
	.poi-img {right: 12%;}
	.poi-title h4 {font-size: 24px;}
	.ftr ul {gap: 5vw;}

	.a-top {padding: 25px 0;}
	.ab1 ul {display: block;}
	.ab1 ul .ab1-r {margin-top: 30px;}
	.ab1-a h2 {text-align: left;}
	.ab2-content ul {gap: 15px;}
	.ab2-content ul li {padding: 30px 15px;}
	.ab2-list > div dl dt span {font-size: 50px;}
	.ab2-list > div dl dd {font-size: 13px;}
	.ab2-list > div i img {margin: auto;}

	.bg-img img {max-width: none;height: 200px;}
	.bg-tl h1 {font-size: 45px;}
	.bg-list {top: auto;bottom: 30px;}
	.bg-list ul li a::after {bottom: -8px;height: 2px;}
	.pl-title h2 {font-size: 52px;}
	.pro-ds {width: calc((100% - 50px) / 3);}
	.pro_name span {padding: 10px 20px}
	.ps-swp {flex-wrap: wrap;gap: 50px;}
	.ps-swp-1 {flex: 0 1 100%;}
	.ps-swp-2 {margin: auto;}
	.tump img {width: 3vw;}
	.pro-Inq a {gap: 20px;width: 180px;height: 50px;margin: auto;}
	.proshow-bj h2 {font-size: 40px;}
	.proshow-bcr {padding: 30px;}

	.news-location-top h2 {font-size: 45px;}
	.news-list > div > a {gap: 3vw;}
	.news-list > div i {display: none;}
	.newss-time {width: fit-content;min-width: 130px}

	.doro-wink {display: block;}
	.mess-content {gap: 30px;row-gap: auto;}
	.mess-content .mch {width: calc((100% - 30px) / 2);}
}

@media (max-width: 768px) {
	.banner-txt {display: none;}
	.in-top h1 {font-size: 30px;}
	.in-top p {font-size: 15px;margin-top: 13px;}
	.more a {margin: auto;height: 45px;}
	.ina {padding: 40px 0;}
	.ina-content {display: block;}
	.ina-cl {width: 100%;margin-bottom: 25px;}
	.ina-cl-title h1 {font-size: 18px;}
	.ina-cl-title h2 {font-size: 30px;}
	.ina-cl-title h3 {font-size: 20px;}
	.ina-cl-title p {margin: 20px 0;}
	.ina-cr-1 h1 {font-size: 32px;}
	.ina-cr-1 h2 {font-size: 14px;color: #888;}
	.inb {padding: 40px 0 50px;transform: translateZ(0);backface-visibility: hidden;image-rendering: auto;}
	.inb-content {margin-top: 30px;}
	.inb-list1 .higs {overflow: auto;}
	.inb-list1 ul li {flex: none;width: 240px;outline: 1px solid transparent;}
	.inc::before, .inc::after {height: 0;width: 100%;max-width: none;}
	.inc .gm {padding: 50px 0;}
	.inc-topr {position: relative;top: 0;width: 100%;margin: 20px 0;}
	.inc-topr ul li i {border-radius: 10px;}
	.inc-list {flex-wrap: wrap;flex-direction: column-reverse;gap: 30px;}
	.inc-content {margin-top: 10px;}
	.inc-lr {width: 100%;}
	.inc-lr h3 {left: 15px;bottom: 15px;font-size: 16px;}
	.inc-ll h1 {font-size: 30px;}
	.inc-ll h2 {font-size: 20px;}
	.inc-ll p {font-size: 15px;}
	.inc-base .swiper-container-horizontal>.swiper-pagination-bullets, .inc-base .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 30vw;left: 70vw;}
	.inc-base .swiper-pagination-bullet {width: 12px;height: 12px;}
	.ind {padding: 50px 0;}
	.ind-content {margin-top: 30px;}
	.ind-content ul {gap: 10px;}
	.ind-content ul li {width: 100%;}
	.ind-list {height: auto;padding: 30px 15px;}
	.ind-list em {display: none;}
	.ind-list p {position: relative;bottom: 0;left: 0;}
	.ind-content ul li.dc .ind-list {padding: 30px 15px;}
	.ind-content ul li.dc .ind-list h1 {font-size: 25px;}
	.ind-content ul li.dc .ind-list dl i {display: block;width: 60px;}
	.ind-content ul li:nth-child(-n+4) .ind-list dl {flex-wrap: nowrap;}
	.ind-content ul li:nth-child(-n+4) .ind-list dl i {display: block;width: 60px;margin: auto;}
	.ine {padding: 0;}
	.flax {display: block;}
	.in-tr {width: 100%;}
	.ine-content {margin-top: 20px;}
	.poi {padding: 20px 10px;}
	.poi-img {display: none;}
	.poi-title {gap: 15px;}
	.poi-title span {font-size: 14px;}
	.poi-title img {width: 20px;}
	.poi-title h4 {flex: 1;font-size: 20px;-webkit-line-clamp: 2;line-clamp: 2;}
	.poi-title span {flex: none;width: fit-content;}
	.ine-foot {padding: 50px 0;}
	.ine-f1 {width: 100%;}
	.ine-foot h2 {font-size: 25px;}
	.ine-foot h3 {font-size: 18px;}
	.ine-f2 h1 {font-size: 22vw;line-height: 1;}
	.footer {padding: 50px 0 20px;}
	.ft-content {display: block;}
	.ft1 h1 {font-size: 22px;}
	.ft1 h2 {font-size: 15px;}
	.ft1 h2 br {display: none;}
	.ftl > img {width: 180px;}
	.ftl ul {justify-content: center;}
	.ftl ul li p {font-size: 14px;}
	.ftr {margin-top: 20px;}
	.ftr ul {flex-wrap: wrap;}
	.ftr ul li {width: 100%;}
	.ftr ul li a {font-size: 15px;margin-bottom: 0;}
	.ftr ul li a h4 {font-size: 20px;}
	.jio {display: flex;flex-wrap: wrap;gap: 20px;row-gap: 10px;}
	.footer em {margin: 20px 0;}
	.ft2 h4 {font-size: 13px;}
	.foot-Social ul {justify-content: center;margin: 10px auto 20px;}
	.foot-backtotop a {justify-content: center;}

	.a-top {padding: 10px 0;}
	.a-top ul::after {bottom: -11px;}
	.ab-top h1 {font-size: 20px;}
	.ab-top h2 {font-size: 25px;}
	.ab1 {padding: 50px 0;}
	.ab1-a h1 {font-size: 22px;}
	.ab1-a h2 {font-size: 28px;}
	.ab1 ul .ab1-r {margin-top: 10px;}
	.ab1-b p {font-size: 16px;line-height: 1.8;margin-top: 15px;}
	.ab2 {padding: 50px 0;}
	.ab2-content ul {flex-wrap: wrap;margin-top: 30px;}
	.ab2-content ul li {flex: 0 1 100%;height: auto !important;}
	.ab2-list > div dl {position: relative;z-index: 1;}
	.ab2-list p {position: relative;bottom: auto;transform: translateY(0);z-index: 1;}
	.ab2-list i {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 0;opacity: 50%;}
	.ab3 {padding: 50px 0;}
	.ab3 ul {flex-wrap: wrap;}
	.ab3 ul li {flex: 0 1 100%;}
	.ab3-txt {margin-top: 20px;}
	.ab3-txt p {margin-top: 15px;}

	.bg-img img {height: 130px;}
	.bg-tl h1, .news-location-top h2 {font-size: 30px;}
	.bg-list {position: relative;bottom: 0;padding: 10px 0;background: #fafafa;}
	.bg-list ul {display: flex;gap: 25px;row-gap: 2vw;flex-wrap: wrap;justify-content: flex-start;}
	.bg-list ul li a {font-size: 15px;color: #222;}
	.bg-list ul li.active a {color: #e60013;}
	.bg-list ul li.active a::after {bottom: -3px;background: #e60013;}	
	.pl-title h2 {font-size: 28px;}
	.pro-list {gap: 10px;}
	.pro-ds {width: calc((100% - 10px) / 2);}
	.pro_name h4 {font-size: 20px;}
	.ps-swp {gap: 30px;}
	.pro-title {font-size: 28px;}
	.pro-desc p {font-size: 15px;}
	.jswd > div ul li h4 {font-size: 16px;}
	.pro-Inq a {gap: 10px;width: 150px;height: 45px;font-size: 16px;}
	.proshow-bj h2 {font-size: 30px;}
	.proshow-bc {display: block;}
	.proshow-bcl-txt h1 {font-size: 18px;}
	.proshow-bcl-txt h2 {font-size: 25px;}
	.proshow-bcl-txt p {font-size: 15px;}
	.proshow-bcr {padding: 20px 10px;}
	.proshow-bcr .mess-content .mch {width: 100%;}
	.proshow-bcr .mess-content .submit button {width: 110px;height: 45px;font-size: 16px;}

	.case-list {gap: 20px;}
	.case-list > div {width: 100%;}
	.case-txt i {width: 30px;height: 30px;}
	.case-txt i img {width: 18px;}
	.case-lop h4 {font-size: 20px;}

	.news-location .nl ul li a {font-size: 16px;}
	.news-location .nl ul {gap: 0;justify-content: space-around;}
	.news-list > div > a {flex-wrap: wrap;flex-direction: column-reverse;}
	.newss-img {width: 100%;}
	.news-list > div:nth-child(n+2) .newss-img {display: none;}
	.newss-title h2 {font-size: 20px;}
	.newss-time h1 {font-size: 15px;}
	.news .green-black {padding-top: 20px;}
	.newsshow-content {padding: 30px 0;}
	.newsshow-title h1 {font-size: 25px;margin-bottom: 5px;}
	.newsshow-title ul li img {width: 18px;}
	.newsshow-base {margin: 35px 0;}
	.newsshow-txt {font-size: 16px;}
	.newsshow-back a {width: 140px;}
	.newsshow-back a span {font-size: 15px;}

	.doro-a {padding: 50px 0;}
	.doro-top h1 {font-size: 25px;}
	.doro-wink > div ul {display: block;padding: 20px 10px;}
	.doro-wink > div ul.xd {padding: 20px 10px;}
	.doro-wink > div ul li:nth-child(1) {width: 100%;text-align: left;}
	.doro-wink > div ul li h4 {font-size: 20px;}
	.doro-wink > div ul li h4 br {display: none;}
	.doro-wink > div ul li h5 {font-size: 25px;}
	.doro-wink dl {margin-top: 6px;gap: 25px;}
	.doro-wink dl dt a {display: block;text-align: center;}
	.doro-wink dl dt a i {width: 80px;height: 80px;}
	.doro-wink dl dt a p {font-size: 14px;}
	.doro-top {margin-bottom: 30px;}
	.doro-top h2 {font-size: 30px;}
	.mess-content {gap: 15px;row-gap: auto;}
	.mess-content .mch {width: 100%;}
	.mess-content input {height: 40px;line-height: 1.3;}
	.mess-content input::placeholder, .mess-content textarea::placeholder {font-size: 15px;}
	.mess-content .submit button {width: 150px;height: 45px;}
	.mess-content .submit button p {font-size: 16px;}
}