@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;font-family: "Ali_regular","PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;font-size: 100%;color: #000;background: #fff;}
/* 英文样式
body {position: relative;font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Pop", "Roboto", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 100%;color: #000;background: #fff;}
*/
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: auto;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;}
}

/* 分页器 */

.green-black {display: flex;gap: 8px;justify-content: center;width: 100%;padding: 0;text-align: center;font-family: sans-serif;}
.green-black a {display: inline-block;height: 36px;line-height: 36px;text-decoration: none;padding: 0 6px;border-radius: 5px;transition: all 0.4s ease-out;}
.green-black a.current {background: #005090;color: #fff;padding: 0 10px;}
.green-black a span {font-family: "Pop";}
.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;position: absolute;transform: scale(0);opacity: 0;border-radius: 50%;background: #005090;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 {height: 28px;line-height: 28px;font-size: 14px;padding: 0 6px;}
	.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 .5s ease-in-out;}
.nav_box::after {content: "";display: block;width: 580px;height: 100px;border-radius: 0 78px 0 0;background: #005090;position: absolute;left: 0;bottom: 0;z-index: 0;transition: height .6s ease-out;}
.nax-box {display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 1;}
.top_nav {display: block;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.mob_inner_box {display: none;}
.nax-logo {display: flex;align-items: center;gap: 12px;}
.nax-logo img {margin: 0;}
.nax-logo em {display: block;width: 1px;height: 30px;background: #fff;}
.nax-list {display: flex;justify-content: flex-end;gap: 50px;flex: 1;height: 100%;position: relative;}
.nax-list > div {position: relative;z-index: 10;;width: max-content;text-align: center;transition: all .5s ease-in-out;white-space: nowrap;}
.nax-list > div > a {position: relative;z-index: 1;height: 100px;transition: height .5s ease-in-out;}
.nax-list > div > a h1 {position: relative;z-index: 1;line-height:1;font-size: 18px;font-weight: 500;color: #303030;transition: all .4s ease-in-out;}
.nax-list > div > a em {display: block;width: 14px;height: 14px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: #005090;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);opacity: 0;transition: opacity .4s ease-in-out;}
.nax-list > div > a:hover h1 {font-weight: 600;color: #005090;}
.nax-list > div.xd > a em {opacity: 100%;}
.nax-last {display: flex;gap: 8px;align-items: center;height: 100%;}
.nax-last h4 {font-size: 30px;font-weight: bold;color: #005090;}
.nav_box.top_box_move .nax-list > div > a {height: 70px;}
.nav_box.top_box_move::after {height: 70px;}
/* fx战士 */
.dropdown-menu {position: fixed;top: 100px;left: 0;width: 100%;height: 0;opacity: 0;transition: height 0.5s ease-in-out;z-index: 5;overflow: hidden;}
.nav_box.top_box_move .dropdown-menu {top: 70px;}
.nax-list #has-dropdown:hover .dropdown-menu {opacity: 1;height: 230px;}
.mmk {background-color: #ececec;border-top: 2px solid #afafaf;}
.mmk ul {display: flex;gap: 20px;justify-content: space-between;padding: 30px 0;}
.mmk ul li h4 {font-size: 16px;color: #4c4c4c;font-weight: 500;margin-bottom: 25px;}
.mmk ul li>div {margin-bottom: 10px;text-align: left;}
.mmk ul li>div a {display: inline-block;width: fit-content;height: auto;font-size: 15px;font-weight: 600;color: #686868;}
.mmk ul li>div a::after {content: '';display: block;width: 0;height: 2px;background: #4ca1e5;margin-top: 2px;transition: width .4s ease-in-out;}
.mmk ul li>div a:hover::after {width: 100%;}
@media (max-width:1024px) {
	.nav_box {position: sticky;}
	.top_nav {display: none;}
	.mob_inner_box {display: block;position: relative;z-index: 10;}
	.mob_inner {display: flex;align-items: center;height:66px;}
	.top-logo {padding-left: 10px;}
	.top-logo img {max-width: 180px;}
	.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 a {display: block;width: 100%;height: 48px;line-height: 48px;;}
	.menu_txt ul li a h1 {font-size: 14px;color: #fff}
	.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;}
	.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;}
	.nax-last ul li img {width: 80%;}
	.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: #005090;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);}
}
@media (max-width:768px) {
	.top-logo img {max-width: 130px;}
	.mob_inner {height:48px;}
	.menu_bg {top: 48px;}
}

/*  Foot  */
.footer {position: relative;background: #00101e;color: #fff;overflow: hidden;padding: 80px 0 20px;}
.footer a {display: block;color: #fff;transition: all .4s ease-in-out;}
.footer a:hover {color: #25aeeb;}
.footer em {display: block;width: 100%;height: 1px;background: #f8f8f8;margin: 30px 0;}
.ft-nav ul {display: flex;gap: 90px;justify-content: space-between;}
.ft-nav ul li.ls {width: 32%;}
.ft-nav ul li h1 {font-size: 20px;font-weight: 500;}
.ft-nav ul li a {margin-bottom: 28px;}
.ft-nav ul li a:last-child {margin-bottom: 0;}
.foot-ewm {margin-top: 30px;text-align: center;}
.foot-ewm img {display: block;border-radius: 10px;overflow: hidden;margin-bottom: 5px;}
.foot-contact h2 {font-size: 25px;color: #25aeeb;}
.ft-cl {display: flex;gap: 8px;margin-top: 25px;}
.ft-cl i {display: block;width: 20px;}
.ft-cl p {font-size: 15px;white-space: nowrap;}
.ft-cl h4 {line-height: 1;font-size: 22px;font-weight: 600;}
.ft-cl h5 {line-height: 1.5;font-size: 15px;}
.ft-cl h4, .ft-cl h5 {flex: 1;}
.ft-end {display: flex;justify-content: space-between;gap: 20px;}
.ft-end>div {display: flex;gap: 8px;font-size: 15px;}

@media (max-width:1024px) {
}
@media (max-width:768px) {
	.footer {margin-bottom: 45px;}
	.ymca {position: fixed;bottom: 0;z-index: 996;width: 100%;height: 45px;background: #121d33;border-top: 1px solid #3f3f3f;}
	.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;overflow: hidden;background: #fff;position: relative;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets {display: flex;gap: 36px;align-items: center;justify-content: center;bottom: 6%;left: auto;right: 13vw;width: fit-content;height: 48px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0;}
.banner .swiper-pagination-bullet {font-size: 18px;font-weight: 600;font-family: "POP";width: auto;height: auto;background: none;border-radius: 0;opacity: 1;color: #fff;transition: all 0.3s ease-in-out;}
.banner .swiper-pagination-bullet em {display: block;margin-top: 5px;width: 30px;height: 2px;background: #fff;transition: all 0.3s ease-in-out;}
.banner .swiper-pagination-bullet-active {color: #16469b;}
.banner .swiper-pagination-bullet-active em {background: #16469b;}
.banner-top {position: relative; overflow: hidden;}
.banner-img {position: relative;z-index: 1;}
.banner-txt {position: absolute;top: 5vw;left: 0;z-index: 2;width: 100%;text-align: center;}
.banner-txt h1 {font-size: 55px;font-family: "Ali_black";letter-spacing: 2px;color: #005090;margin-bottom: 12px;}
.banner-txt h2 {font-size: 35px;font-weight: 500;color: #343434;}
.banner .swiper-slide {overflow: hidden;}
.banner .swiper-slide {transform: scale(0.8);opacity: 0.5;;transition: transform 0.3s ease-in-out, opacity 0.6s ease-in-out;}
.banner .swiper-slide-active {transform: scale(1);opacity: 1;;}

/* Index */
.invv {position: relative;z-index: 1;padding: 0;background: #fff;}
.invv>div {position: relative;z-index: 1;overflow: hidden;}
.in-top {position: relative;color: #343434;}
.in-top.mashu {color: #fff;}
.in-top.miz {display: flex;align-items: flex-start;justify-content: space-between;}
.in-top h1 {font-size: 45px;font-weight: 600;margin-bottom: 15px;}
.in-top h2 {font-size: 25px;font-weight: 400;}
.miz a {display: flex;align-items: center;}
.miz a i {width: 41px;height: 41px;background: #005090;border-radius: 50%;}
.miz a i img {transition: transform 0.3s ease-in-out;}
.miz a em {display: block;width: 35px;height: 1px;background: #a4a4a4;margin: 0 13px;}
.miz a p {font-size: 18px;font-weight: 500;}
.miz a:hover i img {transform: rotate(45deg);}

.ina {padding: 100px 0;background: #fff url(../img/ina-bg.jpg) no-repeat center right;}
.ina-content {position: relative;}
.ina-top h1 {line-height: 2;font-size: 55px;font-weight: 800;color: #005090;}
.ina-top p {text-align: justify;line-height: 1.5;font-size: 24px;color: #4b4b4b;}
.ina .more {margin: 70px 0 120px;margin-left: auto;margin-right: 0;width: fit-content;}
.ina .more a {display: flex;align-items: center;position: relative;border: 2px solid #005090;background: #fff;overflow: hidden;}
.ina .more a i {padding:  8px 10px;background: #005090;position: relative;z-index: 1;}
.ina .more a p {padding: 0 15px;font-size: 15px;color: #005090;position: relative;z-index: 1;}
.ina .more a::after {content:"";display: block;width: 0;height: 100%;position: absolute;top: 0;left: 0;background: #005090;transition: width 0.3s ease-in-out;}
.ina .more a:hover::after {width: 100%;}
.ina .more a:hover p {color: #fff;}
.ina-img {position: relative;bottom: 0;right: 0;}
.ina-img img {margin: 0;}
.ina-pop ul {display: flex;justify-content: space-between;}
.ina-popi {display: flex;gap: 20px;align-items: flex-end;}
.ina-popi img {margin: 0;}
.ina-popi h4 {font-size: 80px;font-family: "Ali_bold";color: #343434;line-height: 60px;}
.ina-popi h5 {font-size: 16px;color: #4c4c4c;}
.ina-popi h5 span {font-size: 18px;display: block;padding-bottom: 13px;}
.ina-lop {margin-top: 100px;}
.ina-lop::after {content: "";display: block;width: 100%;height: 250px;background: #005090;position: absolute;bottom: 0;left: 0;z-index: 0;}
.ina-lop .gm {position: relative;z-index: 1;}
.ina-swb {display: flex;align-items: center;gap: 20px;width: 120px;height: 60px;margin: auto;position: relative;margin-top: 30px;}
.ina-lop .swiper-button-prev, .ina-lop .swiper-button-next {position: static;margin-top: 0;width: 45px;height: 45px;border-radius: 50%;border: 2px solid #fff;}
.ina-lop .swiper-button-prev::after, .ina-lop .swiper-button-next::after {font-size: 15px;font-weight: 800;color: #fff;}
.ina-lop .swiper-button-prev:hover, .ina-lop .swiper-button-next:hover {background: #fff;}
.ina-lop .swiper-button-prev:hover::after, .ina-lop .swiper-button-next:hover::after {color: #00a1e9;}

.inb {padding: 100px 0;background: url(../img/inb-bg.jpg) no-repeat center/cover;}
.inb-content {display: flex;gap: 50px;align-items: center;}
.inb-left {width: 40%;}
.inb-left ul {display: flex;gap: 20px;row-gap: 50px;flex-wrap: wrap;margin-top: 100px;}
.inb-left ul li {box-sizing: border-box;border: 2px solid #fff;}
.inb-left ul li a {width: 260px;height: 80px;cursor: pointer;position: relative;}
.inb-left ul li a::after {content: "";display: block;width: 0;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;background: #005090;transition: width 0.5s ease-in-out;}
.inb-left ul li a p {position: relative;z-index: 1;text-align: center;font-size: 24px;font-weight: 500;color: #fff;}
.inb-left ul li a p span {display: inline-block;padding: 0 40px;}
.inb-left ul li.act {background: rgba(255, 255, 255, 0.37);}
.inb-left ul li.act a p {color: #050505;}
.inb-left ul li a:hover::after {width: 100%;}
.inb-left ul li a:hover p {color: #fff;}
.inb-right {flex: 1;}
.inb-rt {display: none;opacity: 0;transition: opacity 0.5s ease-in-out;}
.inb-rt.active {display: block;opacity: 1;}
.inb-rt h4 {text-align: center;font-size: 25px;font-weight: 500;color: #005090;}
.inb-rt p {line-height: 1.5;font-size: 20px;color: #4c4c4c;text-indent: 2em;margin: 25px 0 35px;}
.inb-more {text-align: center;margin-bottom: 30px;}
.inb-more a {display: block;width: 100px;height: 38px;text-align: center;line-height: 38px;font-size: 15px;color: #fff;background: #005090;margin: auto;}

.inc {padding: 100px 0;background: url(../img/inc-bg.jpg) no-repeat fixed;min-height: 680px;}
.inc-content {margin-top: 60px;}
.inc-content ul {display: flex;gap: 2px;}
.inc-content ul li {flex: 1;padding: 50px 0 80px;text-align: center;position: relative;}
.inc-content ul li::after {content: "";display: block;width: 100%;height: 0;position: absolute;bottom: 0;right: 0;z-index: 0;background: #00a1e9 url(../img/inc-list-bg.png) no-repeat right bottom;transition: height 0.5s ease-in-out;}
.inc-content ul li:hover::after {height: 100%;}
.inc-content ul li>div {position: relative;z-index: 1;}
.inc-content ul li p {font-size: 20px;color: #fff;margin-top: 30px;}

.ind {padding: 100px 0;background: url(../img/ind-bg.jpg) no-repeat center/cover;}
.ind-contact {overflow: hidden;padding: 30px;}
.ind-contact ul {display: flex;gap: 85px;justify-content: flex-end;margin-bottom: 50px;}
.ind-contact ul:nth-child(2n+1) {padding-right: 100px;}
.ind-contact ul li {width: 330px;height: 110px;background: #fff;border-radius: 0 80px 0 80px;overflow: hidden;box-shadow: 0 0 13px 5px rgba(0, 0, 0, 0.05);transition: all .3s ease-in-out;}
.ind-contact ul li:hover {box-shadow: 0 0 13px 5px rgba(0, 0, 0, 0.2);}

.ine {padding: 100px 0;background: url(../img/ine-bg.jpg) no-repeat center/cover;}
.ine-content {overflow: hidden;margin-top: 80px;}
.ine-content ul {display: flex;gap: 130px;}
.ine-content ul li {flex: 1;position: relative;}
.ine-list>img {filter: grayscale(1) brightness(2);}
.ine-list h3 {text-align: center;font-size: 22px;color: #fff;margin: 20px 0 50px;}
.ine-ki {position: relative;overflow: hidden;}
.ine-ki img {display: block;position: relative;z-index: 1;}
.ine-ki a {display: block;width: 100%;height: 100%;color: #fff;padding: 20px;background: #00a1e9;position: absolute;bottom: 0;left: 0;z-index: 2;transform: translateY(150%);transition: transform 0.5s ease-in-out;}
.ine-ki a h4 {font-size: 30px;font-weight: 500;margin: 50px 0 20px;}
.ine-ki a p {line-height: 1.5;font-size: 20px;}
.ine-content ul li:hover .ine-ki a {transform: translateY(0);}

.inf {padding: 100px 0;background: url(../img/inf-bg.jpg) no-repeat center/cover;}
.inf-content {display: flex;gap: 80px;margin-top: 60px;}
.inf-content .poi-title span {font-size: 25px;font-weight: 400;}
.inf-content .poi-title h4 {font-size: 30px;font-weight: 500;transition: all 0.3s ease-in-out;}
.inf-content .poi-title p {line-height: 1.5;font-size: 22px;margin-top: 10px;}
.inf-content .poi-title .flax {display: flex;gap: 10px;align-items: center;justify-content: flex-end;}
.inf-content .poi-title .flax i {width: 23px;height: 23px;background: #005090;border-radius: 50%;}
.inf-content .poi-title .flax i img {transition: transform 0.3s ease-in-out;}
.inf-content .poi-title .flax h5 {font-size: 16px;line-height: 1;}
.inf-content>div a:hover .poi-title h4 {color: #005090;}
.inf-content>div a:hover .flax i img {transform: rotate(45deg);}
.inf-left {width: 580px;}
.inf-left>div:nth-child(n+2) {display: none;}
.inf-left .poi-title {padding-top: 36px;}
.inf-left .poi-title p {display: none;}
.inf-right {flex: 1;}
.inf-right>div {padding: 20px 0 50px;border-bottom: 1px solid #ccc;}
.inf-right>div:nth-child(1) {display: none;}
.inf-right .poi-img {display: none;}

/* 其他页面ban样式 */
.bg {position: relative;}
.bg-title {position: absolute;top: 56%;left: 0;width: 100%;}
.bg-title .gm {overflow: hidden;}
.bg-title .danz {width: fit-content;color: #fff;}
.bg-title h2 {font-size: 35px;font-weight: 500;}
.bg-title em {display: block;width: 35px;height: 4px;background: #fff;margin-top:13px;}
.bg.fury img {display: block;height: 250px;width: auto;object-fit: cover;}

.nav-top {padding: 20px 0;background: #f5f5f5;}
.nav-top nav {display: flex;align-items: center;gap: 12px;}
.nav-top nav img {margin: 0;}
.nav-top nav p {font-size: 20px;}
.nav-top nav a {font-size: 16px;}
.nav-top nav span {color: #005090;}
.bianca {display: flex;gap: 10px;align-items: flex-end;justify-content: center;}

.about, .product, .productshow, .search, .case, .caseshow, .news, .newsshow, .contact {position: relative;overflow: hidden;}
/* About */
.about {background: #fff}
.ab-content>div {scroll-margin-top: 90px}
.about-list {padding: 30px 0;}
.about-list ul {display: flex;gap: 28px;position: relative;width: fit-content;padding-bottom: 10px;border-bottom: 1px solid #4b4b4b;}
.about-list ul li a {position: relative;padding: 0 5px;font-size: 18px;font-weight: 500;}
.about-list ul li a::after {content: "";display: block;width: 0;height: 3px;background: #005090;position: absolute;bottom: -12px;left: 0;transition: width 0.3s ease-in-out;}
.about-list ul li a:hover::after {width: 100%;}
.about-list ul li.active a::after {width: 100%;}
.ab-top {position: relative;text-align: center;margin-bottom: 80px;}
.ab-top h1 {font-size: 45px;color: #f1f1f1;font-weight: 800;text-transform: uppercase;}
.ab-top h2 {font-size: 38px;font-weight: 600;line-height: 1;margin-top: -25px;}
.ab1 {padding-top: 60px;position: relative;}
.ab1-bg {position: absolute;right: 0;bottom: 0;z-index: 0;}
.ab1 .gm {position: relative;z-index: 2;}
.ab1-content {overflow: hidden;}
.ab1-txt {width: 48%;max-width: 510px;text-align: justify;}
.ab1-txt p {line-height: 1.8;font-size: 20px;color: #4b4b4b;text-indent: 2em;}
.ab1-num {width: 68%;background: rgb(0 80 144 / 95%);margin-top: 80px;}
.ab1-num ul {display: flex;justify-content: space-between;}
.ab1-num ul li {flex: 1;text-align: center;padding: 20px 0 15px;color: #fff;}
.ab1-num dl {display: flex;gap: 5px;align-items: flex-start;justify-content: center;}
.ab1-num dl dt {font-size: 40px;font-weight: 600;}
.ab1-num dl dd {font-size: 14px;}
.ab1-num h3 {font-size: 16px;margin-top: 6px;}
.ab2 {padding: 50px 0;}
.ab2-content {position: relative;}
.ab2-content .ab2-bg {position: relative;}
.ab2-content ul {display: flex;gap: 2px;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;}
.ab2-content ul li {flex: 1;text-align: center;color: #fff;background: rgb(0 80 144 / 50%);position: relative;}
.ab2-content ul li::after {content: "";display: block;width: 100%;height: 2px;background: rgba(255, 255, 255, 0.48);position: absolute;z-index: 0;;bottom: 0;right: 0;transition: height 0.3s ease-in-out;}
.ab2-content ul li > div {position: relative;z-index: 1;top: 60%;transition: transform 0.4s ease-in-out;}
.ab2-content ul li img {filter: grayscale(1) brightness(2);transition: filter 0.3s ease-in-out;}
.ab2-content ul li h4 {font-size: 32px;font-weight: 500;margin: 30px 0}
.ab2-content ul li p {line-height: 1.5;font-size: 24px;}
.ab2-content ul li:hover::after {height: 100%;}
.ab2-content ul li:hover>div {transform: translateY(-60px);}
.ab2-content ul li:hover img {filter: grayscale(0) brightness(1);}
.ab3 {padding: 50px 0;}
.ab3-content {position: relative;background: url(../img/ab3-bgm.jpg) no-repeat center/cover;padding: 80px 85px;}
.ab3-content ul {display: flex;gap: 80px;row-gap: 50px;flex-wrap: wrap;}
.ab3-content ul li {width: calc((100% - 160px)/ 3);background: #fff;}
.ab3-content ul li:hover>div {box-shadow: 0 0 13px rgba(0, 0, 0, .1);}
.ab4 {padding: 50px 0 100px;}
.ab4-content {overflow: hidden;}
.ab4-content ul {display: flex;gap: 90px;flex-wrap: wrap;}
.ab4-content ul li {width: calc((100% - 270px)/ 4);}

/* product */
.product {background: #fff;}
.pro-content {padding: 80px 0;display: flex;gap: 80px;align-items: flex-start;}
.pro-list {width: 24%;max-width: 330px;overflow: hidden;}
.pl-top {padding: 30px 0;background: #005090;}
.pl-top h2 {text-align: center;font-size: 35px;color: #fff;font-weight: 500;}
.phiv {position: relative;padding: 20px 30px;background: #fff;border: 1px solid #ededed;}
.phiv h4 {font-size: 22px;}
.phiv em {display: block;width: 9px;height: 9px;border: 2px solid #005090;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
.phiv i {display: block;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.phiv i img {transition: transform 0.4s ease-in-out;}
.phiv.xd i img {transform: rotate(90deg);} 
.phiv.xd h4 {color: #005090;}
.phid {display: block;font-size: 20px;font-weight: 500;height: 0;overflow: hidden;}
.phid.xd {height: fit-content;}
.phid > div {border: 1px solid #ededed;background: #f5f5f5;}
.phid > div .ja {padding: 10px 30px;background: #e9e9e9;position: relative;}
.phid > div .ja i {display: block;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.phid > div .ja i img {width: 13px;opacity: 80%;transition: transform 0.4s ease-in-out;}
.phid > div .ja.xp a {color: #005090;}
.phid > div .ja.xp i img {transform: rotate(90deg);} 
.phid > div .jb {display: none;}
.phid > div .jb.xp {display: block;}
.phid > div .jb.xp a {display: block;padding: 10px 30px;border-bottom: 1px solid #ededed;transition: all 0.3s ease-out;}
.phid > div .jb.xp a:hover {color: #005090;}

.pro-max {position: relative;flex: 1;}
.pro-max ul {display: flex;flex-wrap: wrap;gap: 70px;}
.pro-max ul li {width: calc((100% - 70px)/ 2);}
.pro_img {overflow: hidden;border-radius: 20px;background: #f1f1f1;}
.pro_img img {transition: transform 0.4s ease-in-out;}
.pro_name {position: relative;padding: 15px 10px;}
.pro_name h4 {font-size: 22px;font-weight: 500;width: calc(100% - 40px);}
.pro_name .ruma {position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
.pro_name .ruma i {width: 30px;height: 30px;border-radius: 50%;background: #0a3d62;transition: transform 0.4s ease-out;}
.pro-max ul li a:hover .pro_img img {transform: scale(1.08);} 
.pro-max ul li a:hover .ruma i {transform: rotate(-90deg);}
/* productshow */
.proshows {flex: 1;background: #f5f5f5;}
.proshows-top {margin-bottom: 75px;} 
.ps-swp {display: flex;gap: 48px;justify-content: space-between;}
.ps-swp-0 {width: 400px;overflow: hidden;}
.ps-swp-1 {flex: 1;padding: 30px 0;}
.pro-desc {width: 95%;}
.pros-title {font-size: 32px;color: #005090;font-weight: 500;margin-bottom: 5px;}
.pros-content p {font-size: 30px;}
.pros-call {margin-top: 40px;}
.pros-call span {padding: 10px 20px;background: #005090;border-radius: 5px;font-size: 18px;color: #fff;}
.pros-call a {display: block;width: fit-content;font-size: 25px;color: #005090;font-weight: 600;margin-top: 20px;}
.pros-call a i {font-family: "Ali_bold";}
.pros-call a::after {content: '';display: block;width: 0;height: 1px;background: #005090;margin-top: 4px;transition: width 0.3s ease-in-out;opacity: 50%;}
.pros-call a:hover::after {width: 100%;}
/* 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: #0a3d62;cursor: pointer;}

/* Svu */
.svu {padding: 50px 0 100px;background: #fff;}
.svu-content>div {padding: 50px 0;scroll-margin-top: 90px;}
.svu-base {padding: 5px;background: #005090;}
.svu-img {position: relative;}
.svu-img img {position: relative;z-index: 0;}
.svu-txt {padding: 30px 15px;}
.svu-txt h4 {text-indent: 2em;font-size: 22px;color: #fff;}
.svu-lo {position: absolute;left: 10vw;top: 50%;transform: translateY(-50%);z-index: 1;color: #fff;}
.svu-lo h4 {font-size: 35px;font-weight: 600;}
.svu-lo h4 span {font-size: 60px;}
.svu-lo h5 {font-size: 24px;margin-top: 5px;}
.svu-lo img {margin: 0;}
.svu-lo em {display: block;height: 100px;}

/* news */
.news {background: #fff;}
.news-content {padding:80px 0;}
.news-list {position: relative;}
.news-list a {display: flex;gap: 75px;align-items: center;padding: 13px;background: #f5f5f5;margin-bottom: 50px;color: #4b4b4b;}
.newss-img {width: 430px;overflow: hidden;}
.newss-img img {margin: 0;transition: transform 0.4s ease-in-out;}
.newss-title {flex: 1;padding: 20px 0;overflow: hidden;}
.newss-title h2 {font-size: 24px;transition: all .3s ease-in-out;}
.newss-title p {line-height: 1.5;font-size: 18px;}
.newss-title span {width: 88px;height: 28px;background: #005090;color: #fff;border-radius: 12px;margin-top: 30px;}
.newss-title em {display: block;width: 100%;height: 2px;background: #dadada;margin: 15px 0;}
.newss-time {width: 145px;text-align: center;padding: 30px 0;border: 2px solid #005090;}
.newss-time h4 {font-size: 60px;font-family: "Ali_bold";color: #005090;}
.newss-time h5 {font-size: 30px;font-weight: 500;}
.newss-time em {display: block;width: 100%;height: 2px;background: #005090;margin-bottom: 10px;}
.news-list a:hover .newss-img img {transform: scale(1.08);}
.news-list a:hover .newss-title h2 {color: #005090;}
/* newsshow */
.newsshow {background: #fff;}
.newsshow-content {padding:60px 0;}
.newsshow-title {width: 90%;margin: auto;text-align: center;}
.newsshow-title h1 {font-size:25px;font-weight: 500;margin-bottom: 8px;}
.newsshow-title p {font-size:16px;color:#868686;}
.newsshow-title p span {padding-right: 25px;}
.newsshow-txt {padding: 40px 0;margin: 40px 0 80px;border-top: 1px dashed #dfdfdf;border-bottom: 1px dashed #aaa;}
.newsshow-txt {line-height: 1.8;font-size: 18px;color: #333;}
.newsshower .npages ul {justify-content: flex-end;gap: 22px;margin-top: 50px;}
.newsshower .npages ul li a {width: 100px;height: 42px;background-color: #2bcad6;color: #fff;}

/* contact */
.contact {background: #fff;}
.contact-content {padding: 80px 0;overflow: hidden;}
.doro-a {display: flex;justify-content: space-between;gap: 80px;}
.doro-aleft {width: 660px;}
.doro-aleft h1 {font-size: 30px;margin-bottom: 15px;}
.doro-aleft h2 {font-size: 38px;font-weight: 500;color: #00a1e9;}
.doro-aleft h3 {font-size: 22px;font-weight: 200;text-transform: uppercase;}
.doro-aleft ul {display: flex;gap: 30px;margin-top: 30px;}
.doro-aleft ul li {text-align: center;}
.doro-aleft ul li i {display: block;width: 130px;height: 130px;border-radius: 5px;border: 1px solid #eee;}
.doro-aleft ul li p {line-height: 2;font-size: 18px;;font-weight: 200;}
.doro-aright {flex: 1;color: #4b4b4b;}
.doro-ac {margin-bottom: 25px;}
.doro-aright h2 {font-size: 25px;opacity: 60%;}
.doro-aright h3 {font-size: 45px;font-weight: 800;line-height: 1;}
.doro-aright h4 {font-size: 25px;font-weight: 600;margin-top: 8px;}
.doro-aright h5 {font-size: 24px;margin-top: 8px;}
.doro-b {min-height: 100px;}

/* Sweet Chin Music */
@media (max-width: 1660px) {
	.nav_box::after {width: 28vw;}

	.ina-top h1 {font-size: 50px;}
}

@media (max-width: 1440px) {
	.nav_box::after {width: 25vw;}

	.banner-txt h1 {font-size: 48px;}
	.banner-txt h2 {font-size: 32px;}
	.ina-top h1 {font-size: 45px;}
	.inb-left ul {gap: 30px;margin-top: 60px;}
	.inb-left ul li a {height: 70px;}
	.inb-left ul li a p {font-size: 22px;}
	.ind-contact ul li {width: 300px;}

	.ab1-bg {width: 55vw;}
}

@media (max-width: 1360px) {
	.nax-list {gap: 2.5vw;}
}

@media (max-width: 1280px) {
	.nav_box::after {width: 30vw;min-width: 315px;}
	.nax-last {display: none;}
	.ft-end {display: block;}

	.in-top h1 {font-size: 40px;}
	.ina-top h1 {font-size: 40px;}
	.ina-top p {line-height: 1.6;font-size: 22px;}
	.ina-popi h4 {font-size: 70px;}
	.ine-content ul {gap: 5vw;}

	.ab2-content ul li > div {top: 50%;transform: translateY(-50%);}
	.ab2-content ul li:hover>div {transform: translateY(-60%);}
	.ab2-content ul li h4 {font-size: 30px;}
	.ab2-content ul li p {font-size: 20px;}

	.news-list a {gap: 50px;margin-bottom: 30px;}

	.doro-aleft {width: 600px;}
	.doro-aleft h2 {font-size: 35px;}
	.doro-aleft h3 {font-size: 19px;}
	.doro-aright h3 {font-size: 40px;}
	.doro-aright h5 {font-size: 20px;}
}

@media (max-width: 1024px) {
	.nav_box::after {height: 66px;border-radius: 0 48px 0 0;}
	.ft-nav ul {flex-wrap: wrap;gap: 8vw;row-gap: 30px;justify-content: flex-start;}
	.ft-nav ul li.ls {width: 100%;}
	.ft-nav ul li a {margin-bottom: 18px;}
	.ft-cl {margin-top: 20px;}
	.ft-end>div:nth-child(1) {display: block;}
	.ft-end>div span {display: block;width: 100%;}

	.banner-txt h1 {font-size: 40px;}
	.in-top h1 {font-size: 35px;}
	.in-top h2 {font-size: 22px;}
	.ina-top h1 {font-size: 36px;}
	.ina-top p {font-size: 20px;}
	.ina {padding: 80px 0;}
	.ina-img {max-width: 60vw;}
	.ina-popi h4 {font-size: 60px;}
	.inb-content {display: block;}
	.inb-left {width: 100%;margin-bottom: 50px;}
	.inb-left ul {gap: 20px;row-gap: 15px;}
	.inb-left ul li {width: calc((100% - 72px)/ 4);}
	.inb-left ul li a {width: 100%;height: 60px;}
	.inb-left ul li a p {font-size: 20px;}
	.inc-content ul {flex-wrap: wrap;gap: 10px;}
	.inc-content ul li {flex: 0 1 calc((100% - 20px)/ 3);padding: 30px 0;}
	.ind-contact {padding: 10px;margin-top: 40px;}
	.ine-content ul {gap: 20px;}
	.inf-left {width: 50%;}
	.inf-content {gap: 40px;}
	.inf-content .poi-title span {font-size: 20px;}
	.inf-content .poi-title h4 {font-size: 25px;}
	.inf-content .poi-title p {font-size: 18px;}

	.bg-title {top: 40%;}
	.ab-top {margin-bottom: 40px;}
	.ab-top h2 {font-size: 32px;}
	.ab1-txt {width: 100%;max-width: none;padding-bottom: 33vh;}
	.ab1-txt p {font-size: 18px;}
	.ab2-content ul li h4 {font-size: 25px;}
	.ab2-content ul li p {font-size: 18px;min-height: 83px;}
	.ab3-content ul {gap: 30px;row-gap: 30px;}
	.ab3-content ul li {width: calc((100% - 60px) / 3);}
	.ab4-content ul {gap: 30px;}
	.ab4-content ul li {width: calc((100% - 90px) / 4);}

	.pro-content, .news-content, .newsshow-content {display: block;padding: 50px 0}
	.pro-list {width: 100%;max-width: none;}
	.pl-top {padding: 20px 0;}
	.pl-top h2 {font-size: 20px;}
	.phiv {padding: 10px 30px;}
	.phiv h4 {font-size: 18px;}
	.phiv i img {width: 13px;}
	.phid {font-size: 16px;}
	.phid > div .ja {padding: 6px 30px;}
	.phid > div .jb.xp a {font-size: 14px;}
	.pro-max {margin-top: 50px;}
	.pro-max ul {gap: 30px;}
	.pro-max ul li {width: calc((100% - 30px) / 2);}
	.pros-title {font-size: 28px;}
	.pros-content p {font-size: 24px;}
	.pros-call span {font-size: 16px;padding: 8px 15px;}
	.pros-call a {font-size: 24px;}

	.svu-txt h4 {font-size: 20px;}
	.svu-lo {left: 6vw;}
	.svu-lo em {height: 5vw;}
	.svu-lo h4 span {font-size: 50px;}

	.newss-img {width: 35vw;}
	.newss-title p.omit-3 {-webkit-line-clamp: 2;line-clamp: 2;font-size: 16px;}
	.newss-time {width: 130px;}
	.newss-time h4 {font-size: 48px;}
	.newss-time h5 {font-size: 25px;}

	.doro-a {gap: 50px;}
	.doro-aleft {width: 48vw;}
	.doro-aleft h1 {font-size: 25px;}
	.doro-aleft h2 {font-size: 30px;}
	.doro-aleft h3 {font-size: 16px;}
	.doro-aleft ul li p {font-size: 15px;}
	.doro-aright h2 {font-size: 22px;}
	.doro-aright h3 {font-size: 36px;}
	.doro-aright h4 {font-size: 22px;}
	.doro-aright h5 br {display: none;}
}

@media (max-width: 768px) {
	.banner-txt h1 {font-size: 25px;}
	.banner-txt h2 {font-size: 20px;width: 85%;margin: auto;}
	.ina, .inb, .inc, .ind, .ine, .inf {padding: 50px 0;40px 0;min-height: auto;}
	.ina-img img {filter: brightness(97%);}
	.ina-top h1 {font-size: 25px;}
	.ina-top p {font-size: 16px;}
	.ina .more {margin: 30px auto 50px;}
	.ina-pop ul {flex-wrap: wrap;}
	.ina-pop ul li {width: 100%;}
	.ina-popi {align-items: center;}
	.ina-popi h4 {font-size: 36px;}
	.ina-popi h5 {font-size: 14px;}
	.ina-popi h5 span {font-size: 16px;padding-bottom: 0;}
	.ina-lop {margin-top: 35px;}
	.ina-swb {width: fit-content;}
	.ina-lop .swiper-button-prev, .ina-lop .swiper-button-next {width: 36px;height: 36px;}
	.in-top h1 {font-size: 24px;margin-bottom: 0;}
	.in-top h2 {font-size: 18px;}
	.inb-left ul {gap: 15px;}
	.inb-left ul li {width: calc((100% - 30px)/ 3);}
	.inb-left ul li a p {font-size: 14px;}
	.inb-left ul li a p span {padding: 0;}
	.inb-rt h4 {font-size: 20PX;font-weight: 600;}
	.inb-rt p {line-height: 1.5;font-size: 15px;margin: 20px 0;}
	.inc-content {margin-top: 30px;}
	.inc-content ul li {padding: 20px 0;}
	.inc-content ul li i img {width: 88px;}
	.inc-content ul li p {font-size: 15px;margin-top: 15px;}
	.ind-contact ul {gap: 20px;justify-content: center;margin-bottom: 15px;}
	.ind-contact ul:nth-child(2n+1) {padding-right: 0;}
	.ind-contact ul li {width: calc((100% - 40px)/ 3);height: auto;padding: 20px 10px;border-radius: 0 30px 0 30px;}
	.ine-content {margin-top: 50px;}
	.ine-content ul {flex-wrap: wrap;row-gap: 30px;}
	.ine-content ul li {flex: 0 1 calc((100% - 20px)/ 2);}
	.ine-list > img {width: 50px;}
	.ine-list h3 {margin: 10px 0;font-size: 18px;}
	.in-top.miz {align-items: center;}
	.miz a i, .miz a em {display: none;}
	.miz a p {font-size: 15px;}
	.inf-content {margin-top: 30px;}
	.inf-left {display: none;}
	.inf-right > div:nth-child(1) {display: block;}
	.inf-right > div {padding: 20px 0;}
	.inf-content .poi-title span {font-size: 15px;}
	.inf-content .poi-title h4 {font-size: 20px;}
	.inf-content .poi-title p {font-size: 14px;margin: 15px 0;}

	.footer {padding: 20px 0;}
	.ft-nav ul li {width: 100%;}
	.ft-nav ul li:nth-child(n+2) {display: none;}
	.ft-nav ul li > img {width: 38%;margin: auto;}
	.foot-ewm img {width: 80px;margin: auto;margin-bottom: 10px;}
	.ft-end > div {font-size: 13px;}

	.bg-title h2 {font-size: 22px;}
	.nav-top {padding: 10px 0;}
	.nav-top nav p {font-size: 15px;}
	.nav-top nav img {width: 7px;}
	.nav-top nav img:nth-child(1) {width: 20px;}
	.about-list {padding: 0;margin-top: 10px;}
	.about-list ul {gap: 18px;padding-bottom: 6px;}
	.about-list ul li a {font-size: 16px;}
	.about-list ul li a::after {bottom: -6px;}
	.ab1, .ab2, .ab3, .ab4 {padding: 0;margin-bottom: 30px;}
	.ab-top h1 {font-size: 38px;}
	.ab-top h2 {font-size: 25px;}
	.ab1-txt {padding-bottom: 10px;}
	.ab1-txt p {font-size: 16px;line-height: 1.6;}
	.ab1-num {width: 100%;margin-top: 20px;}
	.ab1-num dl dt {font-size: 25px;}
	.ab1-num h3 {font-size: 13px;}
	.ab2-content {background: url(../img/ab2-bgm.jpg) no-repeat center;}
	.ab2-content ul {flex-wrap: wrap;position: relative;}
	.ab2-content ul li {flex: 0 1 calc((100% - 2px)/ 2);}
	.ab2-content ul li::after {display: none;}
	.ab2-content ul li > div {top: 0;transform: translateY(0);padding: 20px 0}
	.ab2-content ul li img {width: 50px;}
	.ab2-content ul li h4 {font-size: 18px;margin: 15px 0 10px;}
	.ab2-content ul li p {font-size: 15px;min-height: 70px;}
	.ab2-content .ab2-bg {display: none;}
	.ab2-content ul li:hover>div {transform: translateY(0);}
	.ab3-content {padding: 30px 10px;}
	.ab3-content ul, .ab4-content ul {gap: 20px;}
	.ab3-content ul li, .ab4-content ul li {width: calc((100% - 40px) / 3);}

	.pro-content {padding-top: 20px;}
	.pl-top {padding: 10px 0;}
	.phiv h4 {font-size: 16px;}
	.pro-max {margin-top: 30px;}
	.pro-max ul {gap: 20px;}
	.pro-max ul li {width: calc(50% -10px);}
	.proshows {margin-top: 30px;}
	.ps-swp {display: block;}
	.ps-swp-0 {width: 100%;}
	.ps-swp-1 {padding: 20px 10px;}
	.proshows-top {margin-bottom: 20px;}
	.pros-title {font-size: 22px;}
	.pros-content p {font-size: 18px;}
	.pros-call {text-align: center;}
	.pros-call a {font-size: 20px;margin: auto;margin-top: 20px;}

	.svu {padding: 30px 0 50px;}
	.svu-content>div {padding: 0;margin-bottom: 30px;}
	.svu-txt h4 {font-size: 16px;}
	.svu-lo {display: flex;gap: 30px;}
	.svu-lo img {width: 42px;}
	.svu-lo h4 {font-size: 20px;line-height: 1;padding: 10px 0 5px;}
	.svu-lo h4 span {font-size: 38px;}
	.svu-lo h5 {font-size: 16px;}

	.news-content {padding: 30px 0;}
	.news-list a {display: block;}
	.newss-img {width: 100%;}
	.newss-title h2 {font-size: 20px;}
	.newss-title p {font-size: 15px;}
	.newss-title span {margin: auto;margin-top: 20px;font-size: 15px;}
	.newss-time {display: none;}
	.newsshow-content {padding: 30px 0;}
	.newsshow-title h1 {font-size: 20px;}
	.newsshow-title p {font-size: 14px;}
	.newsshow-txt {padding: 30px 0;margin: 30px 0 50px;}

	.contact-content {padding: 30px 0;}
	.doro-a {display: block;}
	.doro-aleft {width: 100%;margin-bottom: 20px;}
	.doro-aleft h1 {font-size: 20px;}
	.doro-aleft h2 {font-size: 20px;}
	.doro-aleft h3 {font-size: 11px;}
	.doro-aleft ul {justify-content: center;display: none;}
	.doro-aleft ul li i {width: 80px;height: 80px;}
	.doro-aright h2 {font-size: 18px;}
	.doro-aright h3 {font-size: 28px;}
	.doro-aright h4 {font-size: 18px;}
	.doro-aright h5 {font-size: 16px;}
	.doro-b {display: none;}
}