@charset "utf-8";

/* CSS Document */

* {clear: both;margin: 0;padding: 0;box-sizing: border-box;}
html {max-width: 1920px;margin: 0 auto}
body {font-family: -apple-system, Arial, sans-serif, "Microsoft YaHei", "system-ui";font-size: 100%;color: #232323;margin: 0;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6 {list-style: none outside none;margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
img {max-width: 100%;border: none;border-style: none !important;}
a:link,a:visited {color: #323232;text-decoration: none;outline: none;}
a:hover,a:active {color: #323232;text-decoration: none;outline: none;}
button, input, textarea {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-bop {position: relative;width: 95%;max-width: 1750px;margin: 0 auto;}
.gm-top {position: relative;width: 95%;max-width: 1600px;margin: 0 auto;}
.gym {position: relative;width: 95%;max-width: 1500px;margin: 0 auto;}
.gm {position: relative;width: 95%;max-width: 1400px;margin: 0 auto;}
.ngm {width: 97%;max-width: 1200px;margin: 0 auto;}
.clear {clear: both;}
.ce {display: flex;align-items: center;justify-content: center;}
.ct {display: flex;align-items: center;justify-content: space-between;}

.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;            	/* 隐藏超出容器的内容 */
}

/* 媒体查询 */

.mutsumi {display: block;}
.mortis {display: none;}
@media screen and (max-width:768px) {
	.mutsumi {display: none;}
	.mortis {display: block;}
}

.b1024 {display: block;}
.n1024 {display: none;}
@media screen and (max-width:1024px) {
	.b1024 {display: none;}
	.n1024 {display: block;}
}

/* 延迟加载菜单文字 */

.menu_txt a {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: returnToNormal;
	animation-name: returnToNormal;
}

@-webkit-keyframes returnToNormal {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes returnToNormal {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		transform: none;
	}
}

/* 分页器 */

.green-black {display: flex;justify-content: center;width: 100%;padding: 0;margin: 20px auto;text-align: center;}
.green-black a {display: inline-block;box-sizing: border-box;height: 36px;line-height: 36px;text-decoration: none;font-size: 100%;color: #a8a7a7;padding: 0 10px;margin-right: 10px;background-color: transparent;border-radius: 5px;}
.green-black a:hover {color: #fff;background-color: #a5a5a5;}
.green-black span.current {display: inline-block;box-sizing: border-box;padding: 0 13px;height: 36px;line-height: 36px;color: #fff;margin-right: 6px;background: #1661ab;border-radius: 5px;}
.green-black .linkpl {font-family: "宋体";font-weight: bold;}
.npages {margin-top: 30px;}
.npages ul{display:flex;align-items: center;justify-content: space-between;}
.npages ul li {text-align: center;font-size:18px;transition: all 0.3s;}
.npages ul li a {display: flex;align-items: center;justify-content: center;font-size: 18px;cursor: pointer;}
.npages ul li a:hover {color: #1661ab;}
@media screen and (max-width:768px) {
	.green-black {margin: auto;margin-top: 20px;}
	.green-black a {height: 26px;line-height: 26px;font-size: 13px;padding: 0 6px;}
	.green-black span.current {height: 26px;line-height: 26px;}
}

/*  Head  */
.nav_box {width: 93.75%;position: fixed;top: 20px;left: 50%;transform: translateX(-50%);z-index: 999;background: #fff;margin: auto;border-radius: 10px;transition: all .5s ease-in-out;}
.top_nav {position: relative;font-family: "GOT";}
.nax-box {display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 11;}
.nax-logo {display: flex;align-items: center;justify-content: flex-start;gap: 30px;}
.nax-list {flex: 1;position: relative;height: 100%;}
.nax-list ul {display: flex;justify-content: flex-end;align-items: center;z-index: 9999;gap: 50px;}
.nax-list ul li {position: relative;width: max-content;text-align: center;transition: all .5s ease-out;white-space: nowrap;}
.nax-list ul li>a {position: relative;display: flex;align-items: center;justify-content: center;height: 90px;transition: height .3s ease-out;}
.nax-list ul li>a::after {content: "";position: absolute;top: 50%;left: -13px;transform: translateY(-50%);display: block;width: 4px;height: 4px;border: 2px solid #1661ab;border-radius: 5px;opacity: 0;transition: opacity .3s ease-out;}
.nax-list ul li>a.sc::after {display: none;}
.nax-list ul li>a h1 {line-height:1.5;font-size: 16px;color: #222;letter-spacing: -1px;}
.nax-list ul li>a h1 span {display: block;text-transform: uppercase;opacity: 50%;font-size: 12px;font-family: "DIN-400";}
.nax-list ul li>a:hover h1::after {opacity: 90%;}
.nax-list ul li.xd>a h1 {color: #1661ab;}
.nax-list ul li.xd>a::after {opacity: 100%;}
.nax-last {display: flex;}
.nax-last span {width: 120px;height: 36px;font-size: 16px;color: #fff;background: #1661ab;border-radius: 20px;}
.nav_box.top_box_move {width: 100%;height: 70px;top: 0;border-radius: 0;}
.nav_box.top_box_move .nax-list ul li>a {height: 70px;}
.nax-web {display: flex;align-items: center;gap: 6px;}
.nax-web a {opacity: 50%;transition: all .3s ease-out;}
.nax-web a.xjp {opacity: 100%;}
.nax-web a:hover {opacity: 100%;color: #1661ab;}
/*  二级菜单  */
.nax-list ul li dl {transition: transform .5s ease-in-out;background-color: rgba(255, 255, 255, 0.95);padding: 10px 30px !important;}
.nax-list ul li dl.xs {display: none;}
.nax-list ul li dl dd a {line-height: 2;font-size: 16px;transition: all 0.3s ease;}
.nax-list ul li dl dd a:hover {color: #2bcad6;}
/* 搜索框 */
.seard {position: absolute;right: 0;bottom: 0;width: 100%;z-index: 11;left: 0;margin: 0 auto;transform: translate(0,100%);display: none;}
.seard::before {content: "";width: 100%;height: 100%;background: #f8f8f8;left: 0;top: 0px;display: block;position: absolute;transition: .5s;}
.seard form {width: 50%;margin: 0 auto;position: relative;}
.d1 {padding: 20px 0;box-sizing: border-box;}
.d1 input {box-sizing: border-box;width: 100%; height: 42px;padding-left: 10px; border: 2px solid #6bb731; border-radius: 50px; outline: none; background: #fff;color: #9E9C9C;}
.d1 button {box-sizing: border-box;position: absolute; top: 0; right: 0px; width: 42px;height: 42px; border: none; background: #6bb731; border-radius: 50px; cursor: pointer;}
.d1 button img {filter: brightness(0) invert(1);}
.nax-box-bg {width: 100vw;height: 90px;position: absolute;left: 0;top: 0;transform: translateX(100%);transition: transform 0.2s ease-in-out;}
.nax-box-bg.on {transform: translateX(0);}
.nax-box-bg.sb1 {background: rgba(0, 0, 0, 0.66);}
.nax-box-bg.sb2 {background: rgba(255, 255, 255, 0.88);}
.sb1 {display: none;}
.sb2 {display: inline-block;}

@media screen and (max-width:768px) {
	.nav_box {position: sticky;}
	.top_nav {display: none;}
	.mob_inner_box {display: block;z-index: 10;}
	.top-logo {display: flex;align-items: center;height:50px;gap: 10px;padding-left: 10px;}
	.top-logo a {display: flex;align-items: center;gap: 6px;}
	.menu_bg {width:180px;position: absolute;right: 0;top: 50px;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 a {display: block;width: 100%;height: 48px;line-height: 48px;font-size: 14px;color: #fff;}
	.nax-last {position: absolute;right: 60px;top: 50%;transform: translateY(-50%);}
	.nax-last ul {gap: 0;}
	.nax-last ul li i {width: 32px;height: 32px;}
	.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: #1661ab;transition: 0.3s;}
	.mob_ico span:last-child {margin-bottom: 0;}
	.mob_ico_show span:nth-of-type(1) {transform: translateY(10px) rotate(-45deg);}
	.mob_ico_show span:nth-of-type(2) {opacity: 0;}
	.mob_ico_show span:nth-of-type(3) {transform: translateY(-10px) rotate(45deg);}
}

/*  Foot  */
.footer {position: relative;padding: 80px 0 20px;background: #00062f url(../img/foot-bg.jpg) no-repeat bottom center;background-size: cover;font-family: sans-serif;}
.footer ul {display: flex;}
.footer a {color: #777777;}
.ft-1 {display: flex;justify-content: space-between;}
.ft-1 .ftl {width: 36%;}
.ft-1 .ftl h2 {font-size: 36px;color: #1661ab;font-weight: 600;}
.ft-1 .ftl P {line-height: 1.25;font-size: 16px;color: #000;}
.ft-1 .ftl .ftl-logo {margin-bottom: 50px;}
.ft-1 .ftl ul {gap: 15px;align-items: center;margin-top: 27px;}
.ft-1 .ftl ul li:nth-child(1) {width: 20px;}
.ft-1 .ftl ul li:nth-child(2) {flex: 1;}
.ft-1 .ftr {flex: 1;}
.ft-1 .ftr ul {display: flex;justify-content: flex-end;gap: 6%;}
.ft-1 .ftr ul h4 {font-size: 24px;margin-bottom: 60px;color: #1661ab;}
.ft-1 .ftr ol li a {line-height: 26px;font-size: 16px;color: #777;transition: opacity .3s ease-out;text-transform: capitalize;}
.ft-1 .ftr ol li a:hover {opacity: 60%;}
.ftl-2 {display: flex;justify-content: space-between;align-items: flex-end;margin-top: 60px;position: relative;}
.ftl-2 ul {align-items: flex-end;gap: 10px;white-space: nowrap;}
.ftl-2 ul li span {padding-left: 5%;}
.meilin a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;width: 90%;}
@media screen and (max-width:768px) {
	.footer {margin-bottom: 48px;}
	.ymca {position: fixed;bottom: 0;z-index: 996;width: 100%;background: #1661ab;}
	.ymca ul {display: flex;}
	.ymca ul li {color: #fff;width: 25%;text-align: center;padding: .3rem 0;position: relative;}
	.ymca ul li a {color: #fff;display: block;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;background: #fff;z-index: 2;overflow: hidden;}
.banner .swiper-slide {position: relative;z-index: 1;overflow: hidden;}
.banner-swiper-button {position: absolute;left: 10%;bottom: 8%;z-index: 11;width: 100%;}
.banner-swiper-button .swiper-pagination-bullet {opacity: 1 ;background: transparent;width: 15px;height: 15px;margin: 0 8px;border-radius: 50%;border: 2px solid #fff;transition: all .3s;}
.banner-swiper-button .swiper-pagination-bullet-active {position: relative;background: #75baff;border: 2px solid #75baff;}
.banner-swiper-button .swiper-pagination span {position: relative;}
.banner-swiper-button .swiper-pagination-bullet-active::after {opacity: 1 !important;}
.banner-swiper-button .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {width: auto;left: 50%;transform: translateX(-50%);bottom: 35px;}
.banner-content {position: absolute; top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
.banner-video {position: relative;width: 100%;height:888px;overflow: hidden;}
.banner .video-container {position: relative;width: 100%;height: 100%;overflow: hidden;}
.banner .video-container video {width: 100%;height: 100%;object-fit: cover;}
.banner-txt {position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 99;width: 100%;color: #fff;}
.banner-txt h2 {line-height: 1;font-size: 68px;font-weight: 700;text-transform: uppercase;}
.banner-txt h3 {font-size: 25px;font-weight: 100;letter-spacing: 2px;text-transform: uppercase;margin-bottom:40px;}
.banner-txt h4 {line-height: 60px;font-size: 56px;font-weight: 400;margin-bottom:50px;}
.banner-txt span {display: flex;align-items: center;justify-content: center;width: 150px;height: 50px;font-size: 20px;color:#252525;background: #fff;border-radius: 30px;}
.kmr {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.48);z-index: 90;}
.kmr img {position: absolute;bottom: 0;right: 0;}
@media screen and (max-width:768px) {
	.banner-swiper-button {bottom:30px;}
	.banner .swiper-pagination-bullet {width: 13px !important;height: 13px !important;margin: 0 5px !important;}
}

/* Index */
.invv {padding: 0;background: #fff;position: relative;z-index: 1;margin-top: 10px;}
.invv::before {content: "";display: block;width: 90%; max-width: 1400px;height: 10px;background: #1661ab;border-radius: 0 0 8px 8px; z-index: 0;position: absolute;top: -10px;left: 50%;transform: translateX(-50%);}
.invv>div {padding: 80px 0 140px;overflow: hidden;position: relative;}
.in-top {margin-bottom: 70px;font-family: sans-serif;text-align: center;}
.in-top h1 {line-height: 1;font-size: 50px;color: #000;font-weight: 600;margin-bottom: 20px;text-transform: uppercase;}
.in-top h2 {line-height: 1.2;font-size: 48px;color: #3b3b3b;}
.in-top h3 {line-height: 1;font-size: 60px;font-weight: 600;}
.in-top h4 {line-height: 1.5;font-size: 18px;color: #424242;}
.in-top h5 {font-size: 22px;margin-bottom: 10px;}
.in-top p {font-size: 24px;}
.in-top span {color: #1661ab;}
.in-top emi {display: block;width: 20px;height: 3px;background: #1661ab;}
.in-top.flex {display: flex;justify-content: space-between;}
.more a {display: flex;align-items: center;justify-content: center;gap: 6px;width: 160px;height: 50px;border: 1px solid #ddd;border-radius: 30px;font-size: 18px;color: #000;font-family: "GOT";transition: all .3s ease-in-out;} 
.more a::before {content: "";display: block;width: 15px;height: 15px;background: #ccc;border-radius: 50%;transition: all .3s ease-in-out;}
.more a:hover {border: 1px solid #1661ab;color: #1661ab;}
.more a:hover::before {background: #1661ab;}
.hid {overflow: hidden;}
.hid img {display: block;width: 100%;object-fit: cover;transition: scale .8s ease-in-out;}
.hid:hover img {scale: 1.1;}

/* 首页关于我们 */
.ina {background: #fff url(../img/ina-bg.jpg) no-repeat bottom;background-size: cover;border-radius: 0 0 50px 50px;overflow: hidden;}
.ina .ina-bottom {margin: 50px auto;position: relative;}
.ina-base {padding: 8% 0 5%;}
.ina-base .swiper-container {transform: scale(1.75);}
.ina-base .swiper-slide img {transition: all .3s ease-in-out;}
.yls {position: relative;max-width: 1800px;margin: auto;}
.ina-swp {position: relative;z-index: 0;box-sizing: border-box;border: 3px solid #fff;border-radius: 30px;overflow: hidden;}
.ina-swp::after {content: '';display: block;height: 30%;width: 100%;background: linear-gradient(0deg, rgb(0, 0, 0) 3%, transparent);position: absolute;bottom: 0;opacity: 80%;;}
.ina-t1 {position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);width: 90%;margin: auto;display: flex;gap: 20px;color: #fff;}
.ina-t1 h2 {flex: 0 1 40%;line-height: 1;font-size: 23px;font-weight: 800;}
.ina-t1 h3 {flex: 1;line-height: 1.5;font-size: 10px;font-weight: 500;}
.ina-t1 i {position: relative;}
.ina-t1 i::after {content: '';display: block;width: 60px;height: 60px;background: #1661ab;position: absolute;top: 50%;left: -18px;transform: translateY(-50%);z-index: 0;}
.ina-t1 i h4 {position: relative;z-index: 1;font-size: 18px;text-transform: uppercase;}
.ina-t2 h2 {font-size: 13px;color: #fff;opacity: 60%;}
.swiper-slide-thumb-active .ina-swp2 img {filter: brightness(1);opacity: 100%;}
.ina-base .swiper-slide .ina-t1 {display: none;}
.ina-base .swiper-slide .ina-t2 {display: block;}
.ina-base .swiper-slide-active .ina-t1 {display: flex;align-items: center;}
.ina-base .swiper-slide-active .ina-t2 {display: none;}
.ina-base .swiper-slide-prev .ina-t2 {position: absolute;bottom: 10%;right: 5%;left: auto;}
.ina-base .swiper-slide-next .ina-t2 {position: absolute;bottom: 10%;left: 5%;right: auto;}
.ina-base .swiper-slide-prev img, .ina-base .swiper-slide-next img {filter: brightness(.48);}

/* 首页产品 */
.inb {background: #fff;}
.inb-base ul {display: flex;gap: 27px;}
.inb-base ul li {position: relative;border-radius: 30px;overflow: hidden;background: #004386;}
.inb-1 {position: relative;z-index: 0;}
.inb-1::after {content: '';display: block;width: 100%;height: 36%;background: linear-gradient(0deg, #004386, transparent);position: absolute;left: 0;bottom: 0;z-index: 1;}
.inb-1 img {position: relative;z-index: 0;transition: all .5s ease-in-out;}
.inb-2 {position: absolute;bottom: 35px;left: 5%;width: 90%;color: #fff;}
.inb-2 h4 {font-size: 30px;font-weight: 600;margin-bottom: 13px;text-transform: capitalize;}
.inb-2 p {font-size: 16px;font-weight: 400;}
.inb-base ul li:hover .inb-1 img {transform: scale(1.1);opacity: 48%;}

/* 首页有势 */
.inc {background: #fff url(../img/inc-bg.jpg) no-repeat top center;}
.inc-content {position: relative;z-index: 1;}
.inc-content .in-top {text-align: start;}
.inc-content .in-top.flex {gap: 5%;position: relative;z-index: 2;}
.inc-content .in-top h4 {margin: 50px 0 60px;}
.inc-tl {flex: 1;}
.inc-tl a {display: flex;align-items: center;justify-content: center;width: 170px;height: 50px;border-radius: 30px;background: #1661ab;line-height: 1;font-size: 18px;color: #fff;}
.inc-tl a em {background: #fff;height:42px;width: 42px;border-radius: 30px;color: #1661ab;font-family: cursive;-webkit-text-stroke: 1px;transition: all .3s ease-in-out;position: relative;right: -6%;}
.inc-tl a:hover em {transform: scale(1.1);}
.inc-tr {width: 640px;}
.inc-bg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
.inc-base {background: #fff url(../img/inc-bg.jpg) no-repeat top center;padding-top: 50px;margin-top: -2.5%;}
.inc-base ul {display: flex;gap: 20px;}
.inc-base ul li {flex: 1;position: relative;}
.inc-base .inc-br {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;width: 100%;height: 100%;padding: 50px 40px 70px;color: #fff;}
.inc-base .inc-br h4 {font-size: 36px;}
.inc-base .inc-br p {line-height: 1.5;font-size: 22px;position: relative;padding-left: 1em;}
.inc-base .inc-br p::before {content: "•";position: absolute;left: 6px;top: 0;}
.inc-base .inc-br em {display: block;width: 48px;height: 4px;background: rgba(255, 255, 255, 0.9);border-radius: 4px;margin: 20px 0;}
.inc-base .inc-br>div {padding: 10px 0;height: 180px;overflow: auto;}
.inc-base .inc-bl {position: relative;z-index: 0;}

/* 首页新闻 */
.ind {background: #e6edf3;border-radius: 50px 50px 0 0;}
.ind-base ul {display: flex;gap: 48px;}
.poi-img {border-radius: 20px;overflow: hidden;}
.poi-img img {width: 100%;object-fit: contain;transition: transform .5s ease-in-out;}
.poi-title h4 {font-weight: 500;margin-bottom: 30px;width: 85%;transition: all .3s ease-in-out;}
.poi-title dl {display: flex;justify-content: space-between;font-size: 16px;}
.news-l {width: 45%;}
.news-l>div {display: none;border-radius: 20px;background: #fff;}
.news-l>div:nth-child(1) {display: block;}
.news-l .poi {display: block}
.news-l .poi-title {padding: 30px;}
.news-l .poi-title h4 {font-size: 30px;margin-top: 20px;}
.news-r {flex: 1;}
.news-r>div {display: block;border-top: 1px solid #c3d2df;}
.news-r>div:nth-child(1) {display: none;}
.news-r>div:last-child {border-bottom: 1px solid #c3d2df;}
.news-r .poi {display: flex;align-items: center;gap: 25px;padding: 20px 0;border-bottom: 1px solid #ededed;}
.news-r .poi-img {width: 250px;}
.news-r .poi-title {flex: 1;}
.news-r .poi-title h4 {font-size: 24px;color: #585858;}
.ind-base ul li a:hover .poi-img img {transform: scale(1.1);}
.ind-base ul li a:hover .poi-title h4 {color: #1661ab;}

/* 其他页面ban样式 */
.be {position: relative;min-height: 250px;background: #fafafa;}
.be .lop {position: absolute;left: 0;top: 50%;width: 100%;z-index: 1;color: #fff;}
.be .lop h1 {font-size: 40px;font-weight: 600;font-family: sans-serif;text-transform: capitalize;}
.be .lop span {color: #1661ab;}
.be .lop em {display: block;width: 25px;height: 2px;background: #fff;margin-top: 20px;}
.be .lof {position: absolute;left: 0;top: 130px;width: 100%;z-index: 1;}
.be .lof nav {display: flex;align-items: center;gap: 7px;font-family: serif;font-weight: 600;}
.be .lof nav a {line-height: 1;font-size: 16px;transition: all .3s ease-in-out;text-transform: capitalize;}
.be .lof nav a:hover {color: #1661ab;}
.be .lof nav i {font-family: cursive;opacity: 60%;}

/* About */
.about {padding: 100px 0;overflow: hidden;background: #fff;position: relative;}
.about-top {position: relative;}
.about-top::after {content: '';display: block;width: 100%;height: 30%;background: #e6edf3;border-radius: 50px 50px 0 0;position: absolute;bottom: 0;left: 0;}
.about-top h1 {line-height: 1.25;font-size: 48px;font-weight: 800;color: #1661ab;text-transform: uppercase;}
.about-top h1 em {display: block;height: 20px;}
.about-top h2 {font-size: 30px;font-weight: 400;margin-bottom: 10px;}
.about-top p {line-height: 1.5;font-size: 18px;color: #494949;margin-bottom: 25px;}
.about-top .gm {position: relative;z-index: 1;}
.about-top-content {display: flex;justify-content: space-between;gap: 50px;}
.about-cl {width: 33%;}
.about-cr {flex: 1;}
.about-pic {position: relative;margin-top: 80px;width: 100%;text-align: center;}
.about-pic em {display: block;height: 30px;}
.picc {border-radius: 20px;box-sizing: border-box;border: 4px solid #fff;overflow: hidden;}
.about-base {background: #e6edf3;padding: 80px 0;border-radius: 0 0 50px 50px;}
.about-base-title h2 {font-size: 48px;font-weight: 600;color: #1661ab;margin-bottom: 15px;}
.about-base-title p {font-size: 24px}
.team-list {border-radius: 20px;padding: 50px;background: #fff url(../img/persona-bg.png) no-repeat center right;margin-top: 80px;}
.team-list ul {display: flex;gap: 30px;align-items: center;position: relative;margin-bottom: 30px;}
.team-list p {line-height: 1.5;font-size: 20px;color: #5c5c5c;width: 94%;}
.momo img {display: block;margin: auto;}
.nono {flex: 1;}
.nono>div h4 {font-size: 36px;font-weight: 600;}
.nono>div h5 {line-height: 1.5;font-size: 20px;font-weight: 400;color: #5c5c5c;margin-top: 20px ;}
.about-team2 {padding: 100px 0;border-bottom: 2px solid #fff;}
.about-team2 ul {display: flex;justify-content: space-between;}
.about-team2 ul li.momo {width: 37%;margin-left: 50px;}
.about-team2 ul li h2 {font-size: 36px;font-weight: 800;text-transform: uppercase;}
.about-team2 ul li p {line-height: 1.6;font-size: 18px;font-weight: 400;color: #3e3e3e;width: 98%;}

@keyframes zoomInOut {
    from {opacity: 0;transform: scale(0.25);}
	to {opacity: 1;transform: scale(1);}
}

/* product */
.product {position: relative;background: #fff;}
.pro-content {padding: 100px 0;}
.pro-list a {display: block;padding: 40px;background: #e6edf3;border-radius: 30px;margin-bottom: 55px;}
.pro-ds {display: flex;justify-content: space-between;gap: 8%;}
.pro_img {width: 700px;border-radius: 20px;overflow: hidden;}
.pro_img img {transition: transform .5s ease-in-out;}
.pro_name {flex: 1;position: relative;}
.pro_name h4 {font-size: 40px;margin-top: 30px;}
.pro_name h3 {line-height: 1.5;font-size: 22px;margin-top: 30px;}
.pro_name h5 {position: absolute;left: 20px;bottom: 20px;width: 180px;height: 60px;background: #aaa;border-radius: 10px;color: #fff;overflow: hidden;}
.pro_name h5::after {content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #004386;transition: width .5s ease-in-out;}
.pro_name h5 span {display: block;position: relative;z-index: 1;}
.pro-list a:hover .pro_name h5::after {width: 100%;}
.pro-list a:hover .pro_img img {transform: scale(1.1);}

/* Search */
.search-content {position: relative;padding: 60px 0;}
.search-top {padding: 20px 0 50px;}
.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: #1661ab;cursor: pointer;}

/* productshow */
.productshow {background: #f7f7f7;}
.proshow-a {padding: 0;margin-top: -13%;}
.ps-swp {display: flex;justify-content: space-between;gap: 5%;}
.ps-swp-l {width: 780px;overflow: hidden;}
.ps-swp-l .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 5%;}
.ps-swp-l .swiper-pagination-bullet {width: 13px;height: 13px;background: #fff;}
.ps-swp-l .swiper-pagination-bullet-active {background: #1661ab;}
.ps-swp-l .mew {box-sizing: border-box;border: 4px solid #fff;border-radius: 20px;overflow: hidden;}
.ps-swp-r {flex: 1;position: relative;padding-top: 40px;}
.pro-title h2 {font-size: 40px;font-weight: 800;margin-bottom: 80px;text-transform: capitalize;}
.pro-title h4 {font-size: 24px;font-weight: 600;}
.pro-title p {line-height: 1.5;font-size: 16px;color: #6f6f6f;margin: 30px 0;}
.pro-title emi {display: block;width: 100%;height: 1px;background: #a7bed5;margin: 0 0 120px;}
.proshow-b {padding: 100px 0;overflow: hidden;}
.proshow-btop {border-radius: 20px 20px 0 0;border-top: 6px solid #a7bed5;padding: 30px;border-bottom: 1px solid #edededed;background: #fff;}
.proshow-btop h1 {font-size: 36px;color: #1661ab;font-weight: 600;white-space: nowrap;text-transform: capitalize;}
.proshow-bdown {background: #fff;border-radius: 0 0 20px 20px;}
.pro-desc2 {padding: 80px 0 100px;min-height: 300px;}

/* Case */
.case {position: relative;}
.case-base {padding: 120px 0 100px;}
.case-base ul {display: flex;gap: 40px;flex-wrap: wrap;}
.case-base ul li {width: calc((100% - 80px)/ 3);margin-bottom: 30px;transition: filter 0.3s ease-in-out;border-radius: 30px;overflow: hidden;}
.case-base ul li a {display: block;position: relative;background: #f5f5f5;}
.case-base ul li a i {display: block;position: absolute;top: 264px;right: 0;z-index: 1;}
.case_txt {padding: 45px 24px;}
.case_txt h4 {font-size: 30px;font-weight: 600;transition: all 0.3s ease-out;}
.case_txt h5 {margin-top: 10px;color: #727272;}
.case_txt dl {display: flex;gap: 9px;align-items: center;margin-top: 8px;}
.case_txt dl dd {font-size: 18px;color: #727272;}
.case-base ul li:hover {filter: drop-shadow(0 10px 13px rgba(0, 0, 0, 0.2));}
.case-base ul li:hover a {background-color: #fff;}
.case-base ul li:hover .case_txt h4 {color: #1661ab;}

/* suv */
.svu {position: relative;}
.svu-content {position: absolute;top: -40px;left: 0;width: 100%;z-index: 1;}
.svu-content ul {display: flex;justify-content: space-evenly;align-items: center;border-radius: 20px;background: #e6edf3;padding: 10px;} 
.svu-content ul li {flex: 1;text-align: center;position: relative;}
.svu-content ul li::after {content: '';display: block;width: 1px;height: 25px;background: #b8bec2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.svu-content ul li:last-child:after {display: none;}
.svu-content ul li a {width: 200px;height: 60px;margin: auto;border-radius: 30px;font-size: 18px;background: transparent;transition: all 0.3s ease-out;}
.svu-content ul li a:hover {color: #1661ab;}
.svu-content ul li.xd a {color: #fff;background: #1661ab;}
.svu-base {padding: 120px 0 100px;}
.svu-base ul {flex-wrap: wrap;gap: 60px;}
.svu-base ul li {width: calc(50% - 30px);}

/* news */
.news {position: relative;}
.news-base {padding: 120px 0 100px;}
.news-base ul li {border-radius: 30px;border: 1px solid #dfdfdf;margin-bottom: 48px;transition: all 0.3s ease-out;}
.news-base ul li a {display: flex;align-items: center;justify-content: space-between;gap: 50px;padding: 40px;}
.news-time {width: 200px;padding: 10px 0;text-align: center;border-right: 1px solid #d9d9d9;}
.news-time h1 {font-size: 60px;font-weight: 800;}
.news-time h2 {font-size: 24px;color: #838383}
.news-img {width: 360px;border-radius: 20px;overflow: hidden;}
.news-txt {flex: 1;}
.news-txt h3 {font-size: 30px;font-weight: 500;color: #2a2a2a;}
.news-txt p {line-height: 1.5;font-size: 16px;margin-top: 30px;}
.news-base ul li:hover {box-shadow: 0 0 16px 6px rgba(0, 0, 0, 0.06);}
.newsshow {position: relative;;}
.newsshow-title {width: 80%;margin: auto;text-align: center;margin-bottom: 40px;}
.newsshow-title h4 {font-size:30px;color:#000;font-weight: 600;margin-bottom: 10px;}
.newsshow-title p {font-size:16px;color:#868686;}
.newsshow-title dl {display: flex;align-items: center;justify-content: center;gap: 20px;font-size: 15px;color: #555;}
.newsshow-txt {padding: 30px 0 60px;border-top: 1px solid #dfdfdf;border-bottom: 1px solid #aaa;line-height: 1.8;font-size: 18px;color: #333;}
.newsshow .hap {margin-top: 50px;}
.newsshow .hap ol {display: flex;justify-content: space-between;width: 95%;margin: auto;}
.newsshow .hap ol li {position: relative;display: flex;align-items: center;justify-content: center;width: 180px;height: 45px;text-align: center;background: #eee;}
.newsshow .hap ol li::after {content: '';display: block;width: 0;height: 100%;position: absolute;top: 0;z-index: 0;background: #1661ab;transition: width .5s ease-in-out;}
.newsshow .hap ol li:nth-child(1)::after {right: 0;left: auto;}
.newsshow .hap ol li:nth-child(2)::after {right: auto;left: 0;}
.newsshow .hap ol li a {position: relative;z-index: 1;font-size: 18px;}
.newsshow .hap ol li:hover::after {width: 100%;} 
.newsshow .hap ol li:hover a {color: #fff;}

/* contact */
.contact {position: relative;overflow: hidden;}
.contact-content {padding: 100px 0;}
.contact-top {position: relative;}
.contact-top i {-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.contact-top ul {display: flex;justify-content: space-between;}
.contact-top ul li {flex: 1;text-align: center;}
.contact-top ul li i {width: 160px;height: 180px;background: linear-gradient(31deg, #2d3993 50%, #328fcb);margin: auto;}
.contact-top ul li i img {transition: transform .5s ease-in-out;}
.contact-top ul li h4 {font-size: 18px;font-weight: 400;color: #989898;margin: 20px 0;text-transform: uppercase;}
.contact-top ul li h5 {line-height: 1.5;font-size: 24px;}
.contact-top ul li h5.sam {font-size: 18px;font-weight: 600;font-family: serif;}
.contact-top ul li:hover i img {transform: scaleX(-1);}
.contact-title {margin-bottom: 80px;}
.contact-title h1 {font-size: 48px;font-weight: 600;margin-bottom: 10px;text-transform: uppercase;}
.contact-title h2 {font-size: 40px;font-weight: 400;color: #1661ab;}
.contact-title em {display: block;width: 100px;height: 3px;background: #1661ab;}
.contact-title>div {display: flex;align-items: center;gap: 10px;}
.contact-base {margin-top: 80px;}
.mess-i {padding: 80px 125px;box-shadow: 0 0 23px 8px rgba(0,0,0,.06);border-radius: 30px;background: #e6edf3}
.mess-top {margin-bottom: 50px;text-align: center;}
.mess-top h1 {font-size: 40px;font-weight: 500;}
.mess-top h2 {font-size: 18px;color: #898989;}
.mac {display: flex;flex-wrap: wrap;gap: 50px;}
.mbc-lista {width: calc((100% - 50px)/ 2);}
.mbc-listb {width: calc((100% - 150px)/ 3);}
.mbc-listc {width: 100%;}
.mac input {width: 100%;height: 75px;line-height: 60px;padding-left: 20px;font-size: 16px;color: #666;text-transform: capitalize;background: rgba(255, 255, 255, 0.95);border-radius: 20px;}
.mac textarea {width: 100%;line-height: 1.5;padding-left: 20px;padding-top: 20px;font-size: 16px;color: #666;text-transform: capitalize;background: rgba(255, 255, 255, 0.95);border-radius: 20px;}
.mac input:focus::placeholder, .mac textarea:focus::placeholder {opacity: 15%;transition: opacity 0.5s ease;}
.mac textarea {height: 200px;resize: vertical;}
.mbc {margin-top: 40px;}
.login-ipt {flex: 1;display: flex;justify-content: space-between;align-items: center;}
.login-ipt input {background-color: #eee;width: 100px;height: 50px;line-height: 60px;padding-left: 10px;font-size: 16px;color: #666;}
.submit-botton {margin-top: 42px}
.submit-botton button {width: 180px;height: 60px;cursor: pointer;background: #328fcb;overflow: hidden;position: relative;margin: auto;border-radius: 40px;}
.submit-botton button::after {content: '';width: 0;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;background: linear-gradient(90deg, #2d3993 50%, #328fcb);transition: width 0.4s ease-in-out;}
.submit-botton button p {position: relative;z-index: 1;font-size: 18px;color: #fff;}
.submit-botton button:hover::after {width: 100%;}
.submit-botton button:hover p {color: #fff;}

/* Sweet Chin Music */

@media (max-width: 1280px) {
	.nax-logo {gap: 15px;}
	.nax-list ul {gap: 30px;}
	.ps-swp-l {width: 60%;}
	.pro-title h2 {font-size: 40px;margin-bottom: 50px;}
	.svu-base ul {gap: 40px;}
}

@media (max-width: 1024px) { 
	.nax-logo>img {width: 130px;}
	.nax-web {gap: 4px;font-size: 13px;}
	.nax-list ul li>a::after {left: -10px;}
	.footer {padding: 40px 0 20px;}
	.ft-1 {display: block;}
	.ft-1 .ftr ul {justify-content: space-between;margin-top: 50px;}
	.ft-1 .ftr ul h4 {font-size: 20px;margin-bottom: 20px;}
	.ft-1 .ftr ol li a {line-height: 2;font-size: 16px;}
	.invv>div {padding: 40px 0 60px;}
	.in-top {margin-bottom: 40px;}
	.in-top.flex {flex-wrap: wrap;gap: 30px;}
	.in-top.flex>div {width: 100%;}
	.in-top h1 {font-size: 32px;}
	.in-top p {font-size: 22px;}
	.be {min-height: auto;overflow: hidden;}
	.be.sr>img {width: 100%;max-width: 100%;max-height: 180px;object-fit: cover;}
	.be .lof {top: auto;bottom: 20px;}
	.be .lop h1 {font-size: 25px;}
	.be .lop h2 {font-size: 30px;}

	.ina-base {padding: 0;}
	.ina-base .swiper-container {transform: scale(1);width: 90%;margin: auto;}
	.ina-t1 h3 {font-size: 18px;margin-top: 10px;}
	.ina-base .swiper-slide-active .ina-t1 {display: block;}
	.ina-base .swiper-slide .ina-t2 {display: none;}
	.inb-2 h4 {font-size: 22px;}
	.inc .gm-top {width: 100%;}
	.inc-base {margin-top: -8%;padding-top: 70px;}
	.inc-tl a {margin: auto;}
	.inc-tr {text-align: center;margin-top: 50px;}
	.inc-base .inc-br>div {height: 130px;}
	.inc-base .inc-br h4 {font-size: 20px;}
	.inc-base .inc-br p {line-height: 1.5;font-size: 14px;}
	.news-l {display: none;}
	.news-r>div:nth-child(1) {display: block;}
	.news-r .poi-title h4 {font-size: 18px;}

	.about {padding: 60px 0;}
	.about-top::after {height: 48vw;}
	.about-top-content {display: block;}
	.about-top h1 {font-size: 36px;font-weight: 800;}
	.about-top h1 em {height: 0px;}
	.about-top h1 br {display: none;}
	.about-top h2 {font-size: 20px;margin-bottom: 8px;}
	.about-pic {margin-top: 50px;}
	.about-cl {width: 100%;margin-bottom: 40px;}
	.about-base-title h2 {font-size: 30px;}
	.about-base-title p {font-size: 20px;}
	.team-list p {font-size: 18px;width: 100%;}
	.nono>div h4 {font-size: 25px;}
	.nono>div h5 {font-size: 18px;margin: 20px 0 30px;}
	.about-team2 {padding: 50px 0;}
	.about-team2 ul {display: block;}
	.about-team2 ul li.momo {width: 100%;margin-left: 0;}
	.about-team2 ul li h2 {padding-left: 0;margin-bottom: 18px;font-size: 25px;}
	.about-team2 ul li p {line-height: 1.6;font-size: 16px;}

	.pro-content {padding: 60px 0;}
	.pro-list a {padding: 30px;}
	.pro_name h4 {font-size: 30px;}
	.pro_name h3 {line-height: 1.5;font-size: 18px;}
	.pro_img {width: 55%;}
	.pro_name h5 {left: 0;bottom: 20px;width: 150px;height: 48px;}
	.proshow-a {margin-top: 0;padding-top: 30px}
	.ps-swp {display: block;}
	.ps-swp-l {width: 780px;margin: auto;}
	.pro-title h2 {font-size: 32px;margin-bottom: 30px;}
	.pro-title h4 {color: #888;}
	.proshow-b {padding: 60px 0;}
	.proshow-btop h1 {font-size: 25px;}

	.svu-base {padding: 60px 0;}
	.svu-base ul {gap: 30px;}
	.svu-content ul li a {width: auto;}

	.news-base {padding: 80px 0 60px;}
	.news-base ul li a {gap: 30px;padding: 20px;}
	.news-time {width: auto;padding: 10px 20px 10px 0;}
	.news-txt h3 {font-size: 24px;}

	.contact-content {padding: 60px 0;}
	.contact-title h1 {font-size: 30px;}
	.contact-title h2 {font-size: 25px;}
	.contact-title em {width: 48px;}
	.contact-top ul li h5 {font-size: 18px;}
	.contact-top ul li h5.sam {font-size: 16px;}
	.contact-top ul li h5.sam br {display: none;}
	.mess-i {padding: 50px 30px;}
	.mess-top h1 {font-size: 25px;}
	.mac input {height: 50px;line-height: 50px;}
}

@media (max-width: 768px) {  
	.nav_box {width: 100%;top: 0;left: 0;transform: translateX(0);border-radius: 0;}
	.nav_box.top_box_move {height: 50px;}
	.top-logo a>img {width: 90px;}
	.footer {padding: 30px 0 10px;border-top: 0;}
	.ftl-logo img {width: 130px;}
	.ft-1 .ftl {width: 100%;}
	.ft-1 .ftl ul {gap: 10px;margin-top: 15px;}
	.ft-1 .ftl .ftl-logo {margin-bottom: 20px;}
	.ft-1 .ftl h2 {font-size: 30px;}
	.ftr {display: none;}
	.ftl-2 {display: block;margin-top: 25px;}
	.ftl-2 ul {display: block;white-space: normal;}
	.ftl-2 ul li {text-align: center;}
	.ftl-2 ul li span {display: block;padding-left: 0;margin-top: 20px;font-size: 14px;}
	.foot-icon {text-align: center;font-size: 13px;margin-top: 5px;}

	.invv>div {padding: 30px 0;}
    .in-top {margin-bottom: 20px;}
	.in-top h1 {font-size: 20px;}
	.in-top p {width: 66%;margin: auto;font-size: 16px;}
	.be>img {width: 180%;}
	.be .lof {bottom: 10px;}
	.be .lof nav a {font-size: 13px;}
	.be .lop {position: absolute;left: 0;top: 40%;text-align: center;}
	.be .lop h1 {font-size: 18px;margin-bottom: 4px;}
	.be .lop h2 {font-size: 20px;}
	.svu-content {top: -22px;}
	.svu-content ul li {flex: 0 0 auto;}
	.svu-content ul li::after {display: none;}
	.svu-content ul li a {width: auto;height: auto;font-size: 13px;padding: 6px 0;}
	.svu-content ul li.xd a {background: none;color: #1661ab;}

	.ina {border-radius: 0 0 20px 20px;}
	.ina-swp {border-radius: 10px;}
	.ina-t1 {position: relative;bottom: 0;left: 0;transform: translateX(0);margin-top: 15px;width: 85%;}
	.ina-t1 h2 {font-size: 18px;color: #1661ab;}
	.ina-t1 h3 {font-size: 16px;color: #555;}
	.ina-base .swiper-container {width: 95%;}
	.gal .swiper-button-next, .gal .swiper-button-prev {top: 75%;}
	.gal .swiper-button-next {right: -4px;}
	.gal .swiper-button-prev {left: -4px;}
	.gal .swiper-button-next:after, .gal .swiper-button-prev:after {font-size: 16px;}
	.inb-2 {bottom: 15px;}
	.inb-base ul {flex-wrap: wrap; gap: 10px;}
	.inb-base ul li {width: calc(50% - 5px);border-radius: 10px;}
	.inb-2 h4 {font-size: 18px;}
	.inb-2 p {font-size: 14px;}
	.inb-1 img {opacity: 48%;}
	.inc-content .in-top {text-align: center;}
	.inc-content .in-top h4 {margin: 20px 0 30px;line-height: 1.6;font-size: 15px;}
	.inc-tl a { width: 120px;height: 30px;font-size: 12px;}
	.inc-tl a em {height: 24px;width: 24px;right: -10%;}
	.inc-tr {margin-top: 30px;}
	.inc-base {margin-top: -20vw;}
	.inc-base ul {flex-wrap: wrap;gap: 10px;}
	.inc-base ul li {flex: 0 1 100%;}
	.inc-base .inc-br {padding: 20px 10px;}    
	.inc-base .inc-br>div {height: 95px;}
	.inc-base .inc-br h4 {text-align: center;font-size: 18px;}
	.inc-base .inc-br p {line-height: 1.5;font-size: 14px;}
	.inc-base .inc-br em {margin: 15px auto;}
	.ind {border-radius: 20px 20px 0 0;}
	.news-r .poi {display: block;}
	.news-r .poi-img, .news-r .poi-title {width: 95%;margin: auto;}
	.news-r .poi-title {margin-top: 15px;}
	.news-r .poi-title h4 {font-size: 16px;width: 100%;}
	.poi-title dl {font-size: 13px;}

    .about {padding: 30px 0;}
	.about-cl {margin-bottom: 25px;}
	.about-top h2 {font-size: 16px;}
	.about-top h1 {font-size: 23px;}
	.about-top p{line-height: 1.8;font-size: 15px;}
	.about-top::after {border-radius: 20px 20px 0 0;height: 55vw;}
	.about-pic {margin-top: 20px;}
	.about-pic em {height: 15px;}
	.about-base {padding: 30px 0;border-radius: 0 0 20px 20px;}
	.about-base-title h2 {font-size: 20px;}
	.about-base-title p {font-size: 16px;}
	.team-list {margin-top: 25px;padding: 20px 15px;background: #fff url(../img/persona-bg.png) no-repeat center bottom;background-position-y: 88vw;}
	.team-list ul {display: block;}
	.team-list p {font-size: 15px;}
	.team-list .momo {text-align: center;}
	.team-list .momo img {width: 48%;margin: auto;}
	.team-list .nono h4 {font-size: 20px;}
	.team-list .nono>div h5 {font-size: 16px;margin: 18px 0;}
	.about-team2 {padding: 25px 0 0;text-align: center;border-bottom: 0;}
	.about-team2 ul li p {font-size: 15px;width: 95%;margin: auto;}

	.pro-content {padding: 30px 0;}
	.pro-list a {border-radius: 20px;padding: 13px;margin-bottom: 25px;}
	.pro-ds {flex-wrap: wrap;flex-direction: column-reverse;}
	.pro_img {width: 100%;border-radius: 14px;}
	.pro_name h4 {font-size: 20px;}
	.pro_name h3 {font-size: 16px;margin-top: 12px;margin-bottom: 20px;}
	.pro_name h5 {position: relative;bottom: 0;width: 118px;height: 40px;font-size: 15px;margin: auto;}
	.ps-swp-l {width: 100%;}
	.pro-title h2 {font-size: 20px;margin-bottom: 15px;}
	.pro-title h4 {font-size: 18px;}
	.pro-title p {font-size: 15px;margin: 10px 0 15px;}
	.proshow-b {padding: 30px 0;}
	.proshow-btop {text-align: center;padding: 14px 0;}
	.proshow-btop h1 {font-size: 20px;}

	.svu-base {padding: 30px 0;}
	.inb-base ul {flex-wrap: wrap;}
	.inb-base ul li {width: 100%;}
	.inb-2 p {font-size: 15px;}

	.news-base {padding: 50px 0 30px;}
	.news-base ul li {margin-bottom: 20px;border-radius: 20px;}
	.news-base ul li a {display: block;padding: 12px;}
	.news-time {padding: 0;margin-bottom: 13px;border-right: 0;}
	.news-time h1 {font-size: 40px;}
	.news-time h2 {font-size: 20px;}
	.news-time h2::after {content: "";}
	.news-time>div {display: flex;align-items: baseline;gap: 6px;flex-direction: row-reverse;}
	.news-txt h3 {font-size: 18px;text-align: center;}
	.news-txt p {font-size: 14px;margin-top: 10px;margin-bottom: 20px;}
	.news-img {width: 100%;}
	.newsshow-title {width: 90%; margin-bottom: 20px;}
	.newsshow-title h4 {font-size: 20px;}
	.newsshow-txt {line-height: 1.5;font-size: 15px;padding: 30px 0;}
	.newsshow .hap ol li {width: 80px;height: 36px;} 
	.newsshow .hap ol li a {font-size: 14px;}
	.newsshow .hap {margin-top: 25px;}

	.contact-content {padding: 30px 0;}
	.contact-title {margin-bottom: 20px;}
	.contact-title h1 {font-size: 20px;}
	.contact-title h2 {font-size: 18px;}
	.contact-title em {width: 40px;}
	.contact-title>div {gap: 6px;}
	.contact-top ul {flex-wrap: wrap;}
	.contact-top ul li {flex: 0 1 100%;margin-bottom: 20px;display: flex;gap: 15px;align-items: center;justify-content: flex-start;}
	.contact-top ul li i {width: 40px;height: 40px;}
	.contact-top ul li i img {width: 30px;margin: auto;}
	.contact-top ul li .cont-top {flex: 1;}
	.contact-top ul li h4 {font-size: 15px;margin: 0;margin-top: 0;}
	.contact-top ul li h5 {width: 90%;}
	.contact-base {margin-top: 30px;}
	.mess-i {padding: 20px;border-radius: 18px;}
	.mess-top {margin-bottom: 20px;}
	.mess-top h1 {font-size: 18px;}
	.mac {gap: 15px;}
	.mac input {height: 35px;line-height: 35px;font-size: 14px;border-radius: 6px;}
	.mac textarea {height: 150px;resize: vertical;font-size: 14px;border-radius: 6px;padding-top: 6px;}
	.mbc-lista {width: 100%;}
	.submit-botton button {width: 88px;height: 32px;}
	.submit-botton button p {font-size: 14px;}
}

#a1, #a2 {scroll-margin-top: 90px;}