@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "obbos";
	src: url("../../font/OPPOSans-Regular.otf");
}

@font-face {
	font-family: "BK";
	src: url("../../font/BebasKai.otf");
}

@font-face {
	font-family: "BNR";
	src: url("../../font/BebasNeue-Regular.otf");
}

@font-face {
	font-family: "BR";
	src: url("../../font/Bebas-Regular.otf");
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	max-width: 1920px;
	margin: 0 auto
}

body {
	font-family:"Arial","Microsoft YaHei",system-ui,"黑体";
	font-size: 100%;
	color: #1a1a1a;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}

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%;
	vertical-align: bottom;
	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;
}

.clear {clear: both;}

.dora {-webkit-text-stroke: 1px black;}

.flix {
	display: flex;
	align-items: center;
}

::-webkit-scrollbar {
	width: 3px;
	height: 8px;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
}

::-webkit-scrollbar-thumb {
	background-color: #b1b1b1;
	border-radius: 3px;
}

.gm-top {
	width: 95%;
	max-width: 1400px;
	margin: 0 auto;
}

.gm {
	width: 97%;
	max-width: 1300px;
	margin: 0 auto;
}

.ngm {
	width: 97%;
	max-width: 1200px;
	margin: 0 auto;
}

.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;
	}
}

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

.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: #e4ba57;
	border-radius: 5px;
}

.green-black .linkpl {
	font-family: "宋体";
	font-weight: bold;
}

.npages ul{
	display:flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.npages ul li {
	text-align: center;
	transition: all 0.3s;
}

.npages ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	color:#5f5f5f;
}

.npages ul li a span {
	padding:0 6px;
	opacity: 33%;
}

@media screen and (max-width:768px) {
	.green-black {
		margin: 10px auto;
	}

	.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: 100vw;box-sizing: border-box;background: url(../../img/nav_box-bg.png) no-repeat left center;background-size: 100%;border-bottom: 1px solid transparent;border-bottom: 4px solid #e7e7e7;position: sticky;top: 0;z-index: 999;}
.nax-box {display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 1;}
.top_nav {width: 100%;}
.nax-logo {flex:0 1 20%;text-align: center;}
.nax-list {flex:1;z-index: 1;isolation: isolate;position: relative;}
.nax-list ul {display: flex;align-items: center;justify-content: center;position: relative;width: 100%; height: 100%;border-radius: 60px 0 0 60px;}
.nax-list ul li {position: relative;width: max-content;text-align: center;transition: .5s;}
.nax-list ul li>a {display: flex;align-items: center;height: 6.25vw;font-size: 22px;color: #0f0f0f;position: relative;padding: 0 3.3vw;}
.nax-list ul li>a span {font-size: 22px;font-weight: 500;}
.nax-list ul li>a::after{display: block;content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 50px;height: 3px;background-color: #cd0000;opacity: 0;border-radius: 2px;transition: opacity .5s;}
.nax-list ul li>a:hover span {opacity: 1;}
.nax-list ul li.xd>a span {opacity: 1;}
.nax-list ul li.xd>a::after{opacity: 0;}
.nax-list ul li .xs {display: none;position: absolute;left: 50%;transform: translateX(-50%);width: max-content;height: auto;z-index: 99;padding:25px 20px;background: rgba(255, 255, 255, 0.9);}
.nax-list ul li .xs a {height: 48px;line-height: 48px;font-size: 18px;color:#272727;font-weight: 600;padding:  0 10px;}
.nax-list ul li .xs a:hover {color: #e4ba57;}
.nax-list ul li .top_ico {display:flex; align-items: center;}
.nax-list ul li .top_ico a {display:flex; align-items: baseline;}
.nax-list ul li .top_ico1 a i {display: block;width: 36px;height: 36px;border-radius: 50%;border:1px solid #0e58a4;background:#0e58a4;position: relative;}
.nax-list ul li .top_ico1 a i img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.nax-list ul li .top_ico2 a i {display: block;width: 36px;height: 36px;border-radius: 50%;border:1px solid #afafaf;}
.top_ico1 {margin-right:10px;}
.top_ico1 img {width:34px;}
.top_txt {text-align: justify;}
.top_txt a {font-size: 18px;color:#0f0f0f;}
.top_txt a span {line-height: 38px;font-size: 28px;padding-right: 8px;font-weight: bolder;font-family: serif;}
.mob_inner_box {display: none;}
@media screen and (max-width:1480px) {
	.nax-list ul li>a {padding: 0 2vw;}
	.top_txt a span {line-height: 30px;font-size: 24px;}
}
@media screen and (max-width:1360px) {
	.nax-logo img {width: 60%;}
}
@media screen and (max-width:1200px) {
	.nax-list ul li>a {padding: 0 20px;}
	.nax-list ul li>a span {font-size: 18px;}
}
@media screen and (max-width:1024px) {
	.nav_box {height: 60px;background: rgba(255, 255, 255, 0.95);border-bottom: 1px solid #e7e7e7;}
	.top_nav {display: none;}
	.mob_inner_box {display: block;padding: 10px;z-index: 10;height: 60px;}
	.mob_inner img {width: 90px;}
	.menu_bg {width:100vw;position: absolute;right: 0;top: 60px;background:rgba(0, 0, 0, 0.75);display: none;}
	.menu_txt {text-align: center;}
	.menu_txt ul {display: flex;flex-direction: column;height: calc(100vh - 48px);}
	.menu_txt ul li {flex-grow: 1;border-bottom: 1px solid rgba(255, 255, 255, 0.4);transition: all 0.5s;color:#fff;}
	.menu_txt ul li a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;position: relative;color:#fff;}
	.menu_txt ul li a h4 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 18px;}
	.menu_txt ul li>div {padding: 8px 0;font-size: 18px;}
	.menu_txt ul li>div dl {display: flex;justify-content: center;width: 100%;margin-top: 13px;}
	.menu_txt ul li>div dl dd {flex: 1;display: flex;align-items: center;justify-content: center;opacity: 50%;transition: 0.3s;}
	.menu_txt ul li>div dl dd:hover {opacity: 1;}
	.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: #e4ba57;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);}
}

/* 搜索框 */
.seard {position: absolute;right: 0;bottom: 0;width: 100%;text-align: center;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);}

/*  Foot  */

.footer {background: #aaa;padding-top:75px;background:#f8f8f8 url(../../img/foot_bg.jpg) no-repeat;background-size: cover;}
.footer hr {width: 100%;height: 0;border:0;border-top:1px solid #fff;opacity: 10%;}
.ft-a {margin-bottom: 70px;}
.ft-a ul {display: flex;justify-content: space-between;}
.ft-al {flex: 0 1 25%;}
.ft-a1 {color:#fff;}
.ft-a1 h2 {line-height: 2;font-size: 30px;font-family: sans-serif;}
.ft-a1 h3 {font-size: 20px;}
.ft-a2 {margin-top:50px;display: flex;}
.ft-a2 img {width: 126px;}
.ft-a2 p {writing-mode: vertical-rl;text-align: center;font-size: 16px;color:#0f0f0f;margin-left:8px;letter-spacing: 2px;}
.ft-ax {width:36px;height:36px;border-radius: 50%;border:1px solid rgba(255, 255, 255, 0.25);}
.ft-ar {flex: 0 1 70%;margin-top:25px;}
.ft-a3 {display: flex;justify-content: space-between;}
.ft-a3 dl dt {margin-bottom: 20px;}
.ft-a3 dl dt>a {font-size: 22px;color:#0f0f0f;}
.ft-a3 dl dd {display:flex;flex-direction: column;flex-wrap: wrap;}
.ft-a3 dl dd a {font-size: 16px;color:#0f0f0f;margin-bottom: 8px;opacity: 95%;}
.ft-a3 dl dd a:hover {opacity: 48%;color: #fff;}
.ft-a3 dl dd ol {display: flex;flex-direction: column; flex-wrap: wrap;height: 200px;width: 270px;gap: 10px; }
.ft-a3 dl dd ol li {width: 130px;}
.ft-a4 {margin-top: 48px;}
.ft-a4 .ft-ap {display: flex;align-items: flex-start;}
.ft-a4 .ft-ap2 {display: flex;align-items: center;justify-content: flex-end;margin-bottom: 10px;}
.ft-a4l {flex: 1;margin-right: 3%;}
.ft-a4r {flex: 0 1 60%;}
.ft-a4 img {padding-right:10px;}
.ft-a4 p {font-size:16px;color:#0f0f0f;}
.ft-a4 p span {font-size:22px;}
.ft-b {height:68px;display:flex;align-items: center;border-top: 1px solid #f8f8f8;}
.ft-b ul {display: flex;justify-content: space-between;}
.ft-b ul li {color:#0f0f0f;}
.ft-b ul li a{color:#0f0f0f;}

/* 移动端底部导航*/

.ymca {position: fixed;bottom: 0;z-index: 996;width: 100vw;background: #0e0e0e;}
.ymca ul {padding: 0px;margin: 0px;list-style-type: none;border-top: 2px solid #0f0f0f;}
.ymca ul li {color: #fff;width: 25%;text-align: center;padding: .3rem 0;position: relative;float: left;}
.ymca ul li a {color: #fff;display: block;border-left: 1px solid #555555;}
.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 {margin: 0 auto;position: relative;overflow: hidden;}
.banner .swiper-container {background-color: #e4ba57;}
.banner .swiper-slide {text-align: center;display: flex;justify-content: center;align-items: center;transition: transform 0.5s ease;position: relative; overflow: hidden;}
.banner .swiper-slide .img-box img {display: block;width: 100%;height: 100%;object-fit: cover;transform: scale(0.6, 0.6);transition: transform 0.5s ease;opacity: 0.9;overflow: hidden;}
.banner .swiper-slide-active .img-box img {transform: scale(1, 1);}		
.banner .swiper-pagination {display: none;align-items: center;}
.banner .swiper-pagination-bullet {opacity: 1 ;background: transparent;border:2px solid #fff;border-radius: 12px;transition: .5s;width: 12px !important;height: 12px !important;margin: 0 14px !important;}
.banner .swiper-pagination-bullet-active {width: 16px !important;height: 16px !important;background: #a22620;border:2px solid #a22620;transition: .5s;position: relative;}
.banner .swiper-pagination-bullet-active:after {content: '';display: block;width: 36px;height: 36px;border-radius:50% ;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border:1px solid  rgba(255, 255, 255, 0.4);transition: .5s;}
.banner .swiper-pagination span {position: relative;}
.banner .swiper-pagination-bullet-active::after {opacity: 1 !important;}
.banner .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-text {position: absolute;top: 50%;left: 8vw;transform: translateY(-50%);cursor: pointer;z-index: 20;}
.banner-text p {font-size: 48px;color: #fff;}
.banner-text h2 {font-size: 60px;color: #fff;letter-spacing:5px;font-weight: bold;margin-bottom:25px;}
.banner-text img {max-width: 100%;}
.banner-video {position: relative;width: 100%;overflow: hidden;}
.banner .video-container {position: relative;width: 100%;height: 0;padding-bottom:52.083%;overflow: hidden;}
.banner .video-container video {width: 100%;height: auto;object-fit: cover;}
@media screen and (max-width:768px) {
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {bottom:20px;}
}

/* Index */
.invv {position: relative;}
.invv>div {position: relative;overflow: hidden;}
.invv .gtr {padding: 80px 0 60px;position: relative;text-align: center;}
.invv .gtr h2 {font-size:45px;color:#272727;position: absolute;left: 50%;top: 53%;transform: translate(-50%,-50%);z-index: 10;}
.invv .gtr h4 {font-size:120px;color:#e5bf62;font-weight: 800;text-transform: uppercase;opacity: 20%;}
.invv .more span {width: 100px;height:34px;font-size: 18px;color:#fff;background:#e4ba57;border-radius: 30px;}
.invv .more img {width: 32px;}
.mi {display: flex;align-items: center;justify-content: center;}

/* 首页产品 */
.inado ul {display: flex;align-items: center;flex-wrap: wrap;gap: 20px;}
.inado ul li {flex: 1;border: 2px solid #e4ba57;border-radius: 10px;text-align: center;}
.inado ul li a {display: inline-block;font-size: 18px;color:#272727;font-weight: 600;white-space: nowrap;padding: 10px 20px;transition: all 0.5s;}
.inado ul li a:hover {background: #e4ba57;}
.ina-list {margin: 30px 0 60px;position: relative;}
.ina-button {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;z-index: 10;}
.ina-button>div {width: 38px;height: 38px;border-radius: 50%;border: 2px solid #e4ba57;opacity: 48%;}
.ina-button .swiper-button-next {right: -48px;}
.ina-button .swiper-button-prev {left: -48px;}
.ina-button .swiper-button-next:after, .ina-button .swiper-button-prev:after {font-size: 18px;color: #e4ba57;}
.ina-img {border: 2px solid transparent;box-shadow: 0 0 8px 4px rgba(0,0,0,0.1);margin: 10px;border-radius: 20px;overflow: hidden;}
.ina-list a:hover .ina-img {border: 2px solid #e4ba57;}
.ina-button>div:hover {opacity: 100%;}

/* 首页关于我们 */
.inb-content {background:#f5f5f5 url(../../img/inb-bg.jpg) no-repeat top center;padding-bottom: 100px;}
.inb1 {width: 685px;background-color: #fff;padding-bottom: 100px;border-radius: 0 0 30px 30px;position: relative;}
.inb1 .more {position: absolute;bottom: 40px;right: 50px;}
.inb1-top {padding: 50px;background: #e4ba57 url(../../img/inb1-top-bg.png) no-repeat right center;}
.inb1-top h4 {font-size: 66px;color: #fff;font-weight: 600;opacity: 60%;}
.inb1-top h2 {font-size: 40px;color: #272727;font-weight: 600;}
.inb1-mid {margin: 40px 50px;}
.inb1-mid p {line-height: 32px;font-size: 18px;color: #272727;}
.inb1-bottom {padding: 0 50px;}
.inb1-bottom h4 {line-height: 2;font-size: 14px;color: #272727;}
.inb1-bottom ul {display: flex;}
.inb1-bottom ul li {flex: 1;margin-right: 5%;}
.inb1-bottom ul li img {width: 80px;height: fit-content;}
.inb1-bottom ul li:last-child {margin-right: 0;}
.inb1-bottom dl {display: flex;align-items: baseline;margin-top: 10px;}
.inb1-bottom dl dt {font-size: 28px;color: #272727;font-weight: 600;font-family: "obbos";margin-right: 5px;}
.inb1-bottom dl dd {font-size: 15px;color: #272727;}
.inb2 {margin-top: 70px;position: relative;}
.inb2 .swiper-slide {width: auto;}
.inb2-button {position: absolute;bottom: -15%;left: 50%;transform: translateX(-50%);;z-index: 10;}
.inb2-button>div {width: 38px;height: 38px;border-radius: 50%;border: 2px solid #272727;opacity: 48%;transition: opacity .5s;}
.inb2-button .swiper-button-next {right: -48px;}
.inb2-button .swiper-button-prev {left: -48px;}
.inb2-button .swiper-button-next:after, .inb2-button .swiper-button-prev:after {font-size: 18px;color: #272727;}
.inb2-button>div:hover {opacity: 100%;}

/* 首页合作伙伴 */
.inc {padding-bottom: 100px;background:#e4ba57 url(../../img/inc-bg.png) no-repeat right bottom;}
.inc .gtr h4 {color: #fff;}
.inc-list ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.inc-list li {width: 19%;margin-bottom: 40px;border-radius: 10px;overflow: hidden;}

/* 首页优势在我 */
.ind {padding-bottom: 100px;border-bottom: 14px solid #e4ba57;}
.ind-list ul {display: flex;gap: 50px;}
.ind-list li {flex: 1;}
.indna {position: relative;overflow: hidden;}
.indna .ind-dmm {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);width: 100%;height: 100%;z-index: 5;transition: transform 0.8s ease-in-out;}
.indna .ind-txt {position: absolute;bottom: -130px;left: 0;width: 100%;padding: 30px; color: #fff;transition: all 0.3s;z-index: 10;}
.indna .ind-txt.dy {color: #272727;}
.indna .ind-txt h4 {font-size: 35px;font-weight: 600;height: 100px;text-transform: capitalize;}
.indna .ind-txt h5 {font-size: 15px;margin-bottom: 8px;text-transform: uppercase;}
.indna .ind-txt p {font-size: 20px;}
.ind-list .indna:hover .ind-txt {bottom: 0;}
.ind-list .indna:hover .ind-dmm {transform: translate(-50%,-50%) scale(1);}

/* 首页应用 */
.ine {padding-bottom: 100px;border-bottom: 14px solid #e4ba57;}
.ine-1 ul {display: flex;gap: 20px;flex-wrap: wrap;}
.ine-1 li {text-align: center;height: 48px;line-height: 48px;border: 2px solid #e4ba57;border-radius: 18px;font-size: 20px;color: #272727;background: #fff;transition: all .5s;cursor: pointer;}
.ine-1 li span {white-space: nowrap;padding: 0 15px;}
.ine-1 li.active {background: #e4ba57;color: #fff;}
.ine-1 li:hover {background: #e4ba57;}
.ine-2 {margin-top: 60px;position: relative;}
.content-item {display: none;transition: all .5s;}
.content-item.active {display: block;}
.content-item .gym {position: relative;}
.ine-txt {background: rgba(228, 186, 87, 0.88);padding: 30px;min-height: 120px;position: absolute;left: 0;bottom: 0;width: 100%;}
.ine-txt p {line-height: 1.5;font-size: 20px;color: #272727;}
.ine-button {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;z-index: 10;display: flex;align-items: center;}
.ine-button>div {width: 38px;height: 38px;border-radius: 50%;border: 2px solid #e4ba57;opacity: 48%;transition: opacity .5s;}
.ine-button button {background: none;outline: none;border: none;}
.ine-button .swiper-button-next, .ine-button .swiper-button-prev {position: absolute;cursor: pointer;}
.ine-button .swiper-button-next::after, .ine-button .swiper-button-prev::after {font-size: 18px;color: #e4ba57;}
.ine-button .swiper-button-prev {left: -48px;}
.ine-button .swiper-button-next {right: -48px;}
.ine-button>div:hover {opacity: 100%;}

/* 首页新闻 */
.inf {padding-bottom: 100px;}
.inf .inf-news {display: flex;justify-content: space-between;flex-wrap: wrap;}
.inf .news-list {flex: 0 1 48%;margin-bottom: 5%;padding-bottom: 24px;border-bottom: 2px solid #f1f1f1;}
.poi {display: flex;align-items: center;justify-content: space-between;position: relative;}
.poi-img {flex: 0 1 48%;border: 2px solid #f1f1f1;overflow: hidden;}
.poi-img img {width: 100%;transition: all .5s;}
.poi-txt {flex: 0 1 50%;position: relative;}
.poi-txt h3 {font-size: 20px;color: #999999;}
.poi-txt h4 {font-size: 18px;color: #e4ba57;margin: 10px 0;}
.poi-txt h5 {font-size: 16px;color: #e4ba57;transition: all .5s;}
.poi-txt p {font-size: 15px;color: #828282;}
.chip {display: flex;align-items: flex-end;justify-content: flex-end;margin-top: 30px;filter: grayscale(1) brightness(80%);transition: all .3s;}
.poi:hover .poi-img img {scale: 1.08;}
.poi:hover .chip {filter: grayscale(0) brightness(100%);}

/* about */
.aio {position: relative;}
.aio-title {position: absolute;top: 40%;left: 0;width: 100%;text-align: center;z-index: 11;}
.aio-title h1 {font-size: 30px;color: #fff;text-transform: uppercase;}
.aio-top {padding: 25px 0;background: #f8f8f8;}
.aiol {display: flex;align-items: center;justify-content: space-between;}
.aiol ul {display: flex;align-items: center;justify-content: center;}
.aiol ul.right-wing {display: flex;align-items: center;justify-content: end;}
.aiol ul li {width:auto;height:70px;line-height:70px;text-align:center;background:#fff;margin-left:15px;}
.aiol ul li a {display: block;padding: 0 20px;font-size:18px;color:#272727;transition: all .3s;}
.aiol ul li:first-child {margin-left:0;}
.aiol ul li:hover {background: #e4ba57;}
.aiol ul li:hover a {color:#fff;}
.aiol ul li.ali {background: #e4ba57;}
.aiol ul li.ali a {color: #fff;}
.aiol .index-nav ol {display: flex;align-items: center;}
.aiol .index-nav ol li {font-size: 20px;color:#272727;}
.aiol .index-nav ol i {padding: 0 10px;opacity: 48%;}
.aiol .index-nav ol>img {margin-right: 8px;}
.a-top {text-align: center;position: relative;padding: 80px 0;}
.a-top h2 {font-size: 38px;color: #3e3e3e;text-transform: uppercase;font-weight: bold;}
.a-top h3 {font-size: 45px;color: #f1f1f1;text-transform: uppercase;font-weight: bold;}
.ab-button {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;z-index: 10;}
.ab-button>div {width: 38px;height: 38px;border-radius: 50%;background: #e4ba57;}
.ab-button .swiper-button-next {right: -3vw;}
.ab-button .swiper-button-prev {left: -3vw;}
.ab-button .swiper-button-next:after, .ab-button .swiper-button-prev:after {font-size: 18px;color: #fff;}
.a1, .a2, .a3, .a4, .a5 {scroll-margin-top: 80px;}
.a1 p {line-height: 1.8;font-size: 20px;color:#3e3e3e;margin-bottom: 15px;}
.a1 ul {display:flex;justify-content: center;margin:80px 0;}
.a1 ul li {flex:1;text-align: center;}
.a1 ul li h4 {font-size: 20px;font-weight: 500;color:#272727;margin-top: 10px;}
.a1 ul li h4 span {line-height: 1;font-size: 36px;font-weight: 600;padding-right: 5px;}
.a1 ul li p {font-size: 22px;color:#272727;}
.a2 .a-top h3 {color: #fff;}
.a2 .gm-top {background-color: #f5f5f5;}
.fzlc {height: 300px;padding-left: 10%;}
.fzlc h4 {font-size: 28px;color: #e4ba57;margin-bottom: 13px;}
.fzlc p {line-height: 1.5;font-size: 15px;color: #272727;height: 250px;width: 80%;}
.fzlc ul {position: relative;}
.fzlc ul li:nth-child(1) {position: absolute;top: 96px;left: 0;width: 30%;}
.fzlc ul li:nth-child(2) {position: absolute;top: 38px;left: 33%;width: 30%;}
.fzlc ul li:nth-child(3) {position: absolute;top: 26px;left: 66%;width: 30%;}
.fzlc ul li dl {display: flex;}
.fzlc ul li dl dt {position: relative;flex: 0 1 25px;}
.fzlc ul li dl dt i {display: block;width: 18px;height: 18px;background-color: #f5f5f5;border: 2px solid #272727;border-radius: 50%;position: absolute;top: 0;left: 0;z-index: 10;}
.fzlc ul li dl dt i.kob {background: #e4ba57;border: 2px solid #fff;top: auto;bottom: 0;}
.fzlc ul li dl dt em {display: block;width: 3px;height: 96%;position: absolute;top: 50%;left: 8px;transform: translateY(-50%);background: linear-gradient(180deg,#272727, transparent);z-index: 0;}
.fzlc ul li dl dd {flex: 1;}
.a3 {text-align: center;}
.a3-container {position: relative;}
.a3-container .swiper-slide {width: auto;}
.a3-list p {margin-top: 15px;}
.a4 {margin-top: 90px;}
.a4-container {position: relative;}
.a4-container .a-top {position: absolute;top: 0;left: 0;width: 100%;;}
.a4-container .a-top h3 {color:#fff;}
.a4-container ul {display: flex;justify-content: space-between;flex-wrap: wrap;width: 70%;margin: auto;}
.a4-container ul li {flex: 0 1 48%;margin-top: 90px;}
.a4-container dl {text-align: left;font-size: 32px;color: #272727;}
.a4-container dl dt {display: flex;align-items: center;margin-bottom: 15px;font-weight: bold;}
.a4-container dl dt i {width: 36px;height: 36px;background: #e4ba57;border-radius: 4px;margin-left: 15px;}
.a4-container dl dd {font-size: 28px;}
.a5 {margin-bottom: 100px;}
.a5-container {position: relative;}
.a5 .ab-button .swiper-button-next {right: 18.25vw;}
.a5 .ab-button .swiper-button-prev {left: 18.25vw;}
.a5-list {border-radius: 20px;overflow: hidden;}
.liubai {background:#fff;height:250px;}

/* product */
.pro-list {display: flex;}
.pro-list-top, .pro-list-bottom {padding: 30px;background: #e4ba57;}
.pro-left {width: 280px;margin-right: 40px;color:#fff;margin-bottom: 80px;}
.pro-left h2 {font-size: 32px;}
.pro-left h3 {font-size: 28px;}
.pro-left h4 {font-size: 22px;margin-top: 10px;}
.pro-left h4 span {font-size: 16px;}
.pro-left ul {background: #f8f8f8;}
.pro-left ul li {border: 1px solid #c4c4c4;margin-top: -1px;}
.pro-left ul li a {display:block;width: 100%;height: 100%;padding: 20px 30px;font-size: 22px;color:#272727;}
.pro-left ul li:hover {background: #fff;}
.pro-left ul li.active {background: #d4d4d4;}
.pro-right {flex: 1;}
.pro-box ul {display: flex;flex-wrap: wrap;}
.pro-box ul li {width: 32%;margin-right: 2%;margin-bottom: 3%;}
.pro-box ul li:nth-child(3n) {margin-right: 0;}
.pro-box ul li a {display: block;border: 1px solid #d8d8d9;border-radius: 20px;overflow: hidden;}
.pro-box ul li hr {width: 90%;margin: 0 auto;opacity: 20%;}
.pro_txt {padding: 40px 0;text-align: center;position: relative;font-size: 25px;margin: auto;}
.pro_txt em {display: block;width: 100%;height: 100%;background: #e4ba57;position: absolute;top: 0;left: 0;z-index: -1;;transform: translateY(200px);transition: transform 0.5s ease-in-out;}
.pro-box ul li:hover a {box-shadow: 0 0 13px 4px rgba(0,0,0,0.1);}
.pro-box ul li:hover .pro_txt em {transform: translateY(0);}
.pro-box ul li:hover hr {opacity: 0;}

/* productshow */
.pro-a {border-bottom: 30px solid #e4ba57;}
.ps-sw {display: flex;justify-content: space-between;}
.ps-sw .left {flex:0 1 58%;margin-right:2%;}
.ps-sw .right {flex:1;padding:50px;border-left:2px solid #f8f8f8;position: relative;}
.pro-desc {margin-bottom: 80px;}
.pro-ctx {position: absolute;left:10px;bottom:10px;}
.pro-ct span {width:fit-content;;height:44px;line-height: 44px;text-align: center;font-size: 16px;color:#fff;padding: 0 20px;background:#e4ba57;border-radius: 15px;}
.pro-ct p {font-size:30px;font-weight:500;color:#272727;margin-top:30px;}
.pro-ct p i {font-style: normal;font-size: 25px;opacity: 60%;}
.pro-b {padding: 50px 0;}
.ps-swp {position: relative;}
.ps-swp i {display: block;border-radius: 20px;overflow: hidden;border: 1px solid #d4d4d4;margin: 4px;}
.pro-button {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;z-index: 10;display: flex;align-items: center;}
.pro-button>div {width: 38px;height: 38px;border-radius: 50%;border: 2px solid #e4ba57;opacity: 48%;transition: opacity .5s;}
.pro-button button {background: none;outline: none;border: none;}
.pro-button .swiper-button-next, .pro-button .swiper-button-prev {position: absolute;cursor: pointer;}
.pro-button .swiper-button-next::after, .pro-button .swiper-button-prev::after {font-size: 18px;color: #e4ba57;}
.pro-button .swiper-button-prev {left: -48px;}
.pro-button .swiper-button-next {right: -48px;}

/* news */
.newsl ul li {margin-bottom:62px;}
.newsl ul li:last-child {margin-bottom: 0;}
.newsl ul li a {display:flex;justify-content: space-between;align-items: center;overflow: hidden;height:278px;background:#f1f1f1;}
.news-time {width:200px;height:280px;display:flex;align-items: center;justify-content: center;text-align: center;background:#e4ba57;}
.news-time h4 {font-size: 40px;color:#272727;font-family: "obbos"}
.news-time h4 b {font-size: 60px;display: block;padding-bottom: 10px;;}
.news_txt {flex:1;padding:0 48px;overflow: hidden;}
.news_txt span {font-size:14px;color:#8c8c8c;}
.news_txt h2 {line-height:1;font-size:25px;color:#404040;margin-bottom: 20px;}
.news_txt p {line-height:1.5;font-size:18px;color:#404040;margin-bottom: 40px;font-weight: 300;}
.news_txt span {width: 125px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;background: #e4ba57;border-radius: 10px;}
.news_txt span e {font-size: 12px;margin-left: 8px;text-transform: uppercase;}
.news_img {flex: 0 1 36%;border-radius: 20px;overflow: hidden;}
.newsl ul li:hover a {box-shadow: 0 0 24px -6px rgba(0,0,0,.2);}
.ny_news {padding-bottom: 80px;}

/* newshow */
.newShows {padding:100px 0 80px;}
.news-title {text-align: center;}
.news-title h4 {font-size:25px;color:#404040;margin-bottom: 8px;}
.news-title p {font-size:16px;color:#404040;margin-bottom: 40px}
.news-content {padding:50px 0 80px;margin-bottom: 50px;border-top: 1px dashed #0a0a0a;border-bottom: 1px dashed #0a0a0a;}
.newShows .npages ul {justify-content: flex-end;}
.newShows .npages ul li a {width: 110px;height: 42px;height: 42px;color: #fff;background: #e4ba57;}

/* suv */
.svu-po {padding:50px 0 150px;position: relative;}
.svu-oj ul {display: flex;align-items: center;justify-content: space-between;}
.svu-oj ul li {flex:0 1 50%;display: flex;align-items: center;justify-content: space-between;}
.svu-oj ul li p {width:550px;line-height:1.5;font-size:20px;color:#373737;margin: auto;}
.svu-oj ul li>div {flex:0 1 47%;border-radius: 20px;overflow: hidden;}
.svu-oj ul:nth-child(1) {flex-direction: row-reverse;}
.svu-1 {display: flex;margin:40px 0;}
.svul {border-radius: 20px;overflow: hidden;}

/* Case */
.ny_case {padding:50px 0 100px;}
.case-list ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.case-list ul li {flex:0 1 32%;margin-bottom: 3em;margin-left:2%;border-radius: 20px;overflow: hidden;}
.case-list ul li:nth-child(3n+1) {margin-left:0;}
.case_txt {display: flex;align-items: center;padding: 20px;}
.case_txt h4 {font-size: 24px;color: #252525;}
.case_txt i {width:30px;height:30px;border:1px solid #afafaf;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-left: 1em;}
.case_txt i img {max-width: 38%;}
.case-list ul li:hover {background:#0e58a4;}
.case-list ul li:hover .case_txt h4 {color:#fff;}
.case-list ul li:hover .case_txt img {filter: grayscale(100%) brightness(100);}

/* CaseShow */
.ny_caseShow {padding:50px 0 100px;}
.cases-title {border-bottom: 1px solid #e8e8e8;}
.cases-title h4 {font-size:25px;color:#252525;font-weight: 600;}
.cases-title p {font-size:16px;color:#7d7d7d;padding:10px 0 20px;}
.cases-content {padding:30px 0;}

/* video */

.videoo {padding:50px 0;position: relative;}
.v-main ul {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}	
.v-main ul li {flex:0 1 32%;margin-left:2%;margin-bottom:2%;}
.v-main ul li:nth-child(3n+1) {margin-left:0;}
.v-main ul li a {position: relative;}
.video_mc {position: absolute;bottom: -33px;left:0;width: 80%;height: 66px;line-height: 66px;background:#6bb731;color:#fff;}
.video_mc p {width: 300px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 1em;}

/* contact */
.tmdt {padding:80px 0 250px;}
.con-dm {display: flex;justify-content: space-between;align-items: center;}
.con-txt {flex:0 1 70%;}
.con-txt h2 {font-size:42px;color:#e4ba57;}
.con-txt h3 {font-size:18px;color:#e4ba57;margin-bottom:30px;text-transform: uppercase;}
.con-tt {display: flex;align-items: center;margin-bottom: 20px;}
.con-tl {flex:0 1 50px;margin-right:40px;text-align: center;}
.con-dl{flex:1;}
.con-dl h4 {font-size:22px;color:#4b4b4b;}
.con-dl h4 span {font-size:30px;}
.con-ewm {flex:0 1 25%;text-align: center;align-items: center}
.con-ewm i {display: inline-block;border-radius: 13px;overflow: hidden;margin-bottom: 10px;}
.mess-age {padding: 50px 0;background: #e2e2e2;}
.mess-i ul li {margin-bottom: 15px;}
.mess-i ul li input {width: 100%;height:48px;padding-left: 12px;border: 0;outline: none;}
.mess-i ul li .bookTa {height:250px;}
.mess-i button {display: block;margin:1em auto;margin-right:0;width:80px;height:30px;line-height: 30px;cursor: pointer;}
.mess-top {margin-bottom:2em;}
.mess-top h2 {font-size:36px;color:#252525;margin-bottom:12px;}
.mess-top h5 {font-size:22px;color:#252525;}

@media (max-width: 1440px) { 
	.fzlc {padding-left: 2%;}
	.fzlc ul li:nth-child(1) {position: absolute;top: 8.2vw;}
	.fzlc ul li:nth-child(2) {position: absolute;top: 3.2vw;}
	.fzlc ul li:nth-child(3) {position: absolute;top: 2vw;}
}

@media (max-width: 1280px) { 
	.ina-list {padding: 0 50px;}
	.ina-button .swiper-button-prev {left: 0;}
	.ina-button .swiper-button-next {right: 0;}

	.ab-button .swiper-button-prev {left: 10px;}
	.ab-button .swiper-button-next {right: 10px;}
	.a2 .fzlc ul li p {width: 95%;}
	.a4-container ul li {margin-top: 60px;}
	.a5 .ab-button .swiper-button-prev {left: 10px;}
	.a5 .ab-button .swiper-button-next {right: 10px;}

	.ps-sw .left {flex: 0 1 50%;}
	.ps-sw .right {padding: 30px;}
	.pro-button .swiper-button-prev {left: 10px;}
	.pro-button .swiper-button-next {right: 10px;}
}

@media (max-width: 1024px) { 
	.inb1 {width: 100%;}
	.ind-list ul {gap: 30px;}
	.inado ul {gap: 15px;}
	.inado ul li {flex: 0 0 auto;}
	.inado ul li a {font-size: 16px;}
	.indna .ind-txt {bottom: -165px;}
	.ine-1 ul {gap: 8px;}
	.ine-1 ul li {flex: auto;font-size: 18px;}
	.ine-txt p {font-size: 18px ;}
	.ine-button {display: none;}

	.ft-a {margin-bottom: 30px;}
	.ft-a1 img {width: 140px;}
	.ft-ar {flex: 1;margin-left: 2%;}
	.ft-a4 {margin-top: 20px;}
	.ft-a4 ul {display: block;}
	.ft-a4 .ft-ap2 {justify-content: flex-start;}
	.ft-a4l {margin-bottom: 10px;}

	.aiol ul li {height: 50px;line-height: 50px;}
	.a4-container .a-top {position: relative;}
	.a4-container ul {width: 95%;}
	.a4-container ul li {margin-top: 50px;}
	.fzlc p {line-height: 1.25;}

	.pro-left {width: 200px;}
	.pro-left ul li a {padding: 10px 15px;font-size: 18px}
	.pro-left h4 {font-size: 18px;}
	.pro-list-top, .pro-list-bottom {padding: 30px 20px;}
	.pro-ct p {font-size: 20px;}
	.ps-sw {flex-wrap: wrap;}
	.ps-sw .left {flex: 0 1 100%;text-align: center;padding: 20px 0;}
	.ps-sw .right {border-left: 0;}
}

@media (max-width: 768px) { 
	.banner-swiper-button {bottom:20px;}
	.banner .swiper-pagination-bullet {width: 14px !important;height: 14px !important;margin: 0 5px !important;}
	.banner .video-container {padding-bottom: 95%;position: relative;}
	.banner .video-container video {width: 170%;margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.invv .gtr {padding: 30px;}
	.invv .gtr h2 {font-size: 25px;bottom: -10px;}
	.invv .gtr h4 {font-size: 40px;}
	.invv .more span {font-size: 1px;margin: auto;}
	.ina-list {padding: 0 30px;}
	.inado ul {gap: 6px;}
	.inado ul li a {min-width: 100%;font-size: 12px;padding: 6px 10px;}
	.ina-button>div {width: 28px;height: 28px;}
	.ina-button .swiper-button-next:after, .ina-button .swiper-button-prev:after {font-size: 13px;}
	.inb-content {background-size: cover;}
	.inb1-top {padding: 20px;}
	.inb1-top h2 {font-size: 25px;}
	.inb1-top h4 {font-size: 40px;}
	.inb1-mid {margin: 30px 15px;}
	.inb1-mid p {line-height: 1.6;font-size: 15px;}
	.inb1-bottom {padding: 0 10px;}
	.inb1-bottom ul li h4 {line-height: 1.2;font-size: 12px;}
	.inb1-bottom ul li img {width: 48px;}
	.inb1-bottom dl dt {font-size: 20px;}
	.inb1 .more {position: static;margin-top: 25px;}
	.inb1 {padding-bottom: 50px;}
	.inb2 {margin-top: 10px;}
	.inb2 .swiper-slide {text-align: center;}
	.inb2-button>div {width: 28px;height: 28px;border: 1px solid #ffffff;}
	.inb2-button .swiper-button-next:after, .inb2-button .swiper-button-prev:after {font-size: 15px;color: #fff;}
	.inc {padding-bottom: 50px;}
	.inc-list li {width: 32%;margin-bottom: 10px;}
	.ind {padding-bottom: 50px;}
	.indna .ind-txt {bottom: auto;top: 50%;transform: translateY(-50%);text-align: center;}
	.indna .ind-txt.dy {color: #fff;}
	.indna .ind-dmm {display: none;}
	.indna .ind-img img {filter: brightness(0.33);}
	.ind-list .indna:hover .ind-txt {bottom: auto;}
	.ine {padding-bottom: 50px;}
	.ine-1 ul {flex-wrap: nowrap;overflow: auto;padding-bottom: 5px;}
	.ine-1 ul li {height: 38px;line-height: 38px;font-size: 13px;}
	.ine-2 {margin-top: 20px;}
	.ine-txt {padding: 25px 15px;position: static;}
	.ine-txt p {font-size: 16px;}
	.inf {padding-bottom: 0;}
	.inf .news-list {flex: 0 1 100%;}
	.inf .news-list:last-child {border-bottom: 0;margin-bottom: 0;}
	.poi-img {display: none;}
	.poi-txt {flex: 0 1 100%;}
	.poi-txt h5 {font-size: 13px;}
	.chip {padding-right: 5px;}

	.footer {padding-top: 20px;padding-bottom: 50px;}
	.ft-top {text-align: center;}
	.ft-top img {width: 120px;margin: auto;}
	.ft-a {margin-bottom: 30px;}
	.ft-a ul {display: block;margin-top: 20px;}
	.ft-ar {margin-top: 0;}
	.ft-a2 {width: 100%;margin-top: 0;display: block;text-align: center;}
	.ft-a2 img {width: 80px;}
	.ft-a2 p {writing-mode: inherit;margin-top: 6px;margin-left: 0;font-size: 13px;}
	.ft-a3.mutsumi {display: none;}
	.ft-a4 {margin-top: 20px;}
	.ft-a4 p {font-size: 14px;}
	.ft-a4 p span {display: block;font-size: 16px;}
	.ft-a4 ul {gap: 10px;}
	.ft-a4 .ft-ap2 {align-items: flex-start;}
	.ft-b ul {display: block;font-size: 13px;}

	.aio {background: #0a0a0a;}
	.aio-title {top: 50%;transform: translateY(-50%);}
	.aio-title h1 {font-size: 24px;}
	.aio-top {padding: 20px 0;}
	.aio-bg {opacity: 60%;}
	.aiol ul {display: none;}
	.aiol .index-nav {flex: 0 1 100%;}
	.aiol .index-nav ol {width: 100%;overflow: hidden;}
	.aiol .index-nav ol i {padding: 0 4px;}
	.aiol .index-nav ol li {font-size: 15px;}
	.aiol .index-nav ol li:last-child {flex: 1;}
	.aiol .index-nav ol li a {white-space: nowrap;}
	.aiol .index-nav ol li span {display: block;width: 40vw;}
	.aiol .index-nav ol>img {width: 20px;margin-right: 8px;overflow: hidden;}

	.a-top {padding: 30px 0;}
	.a-top h2 {font-size: 25px;top: auto;bottom: 20px;;}
	.a-top h3 {font-size: 30px;}
	.a1 p {line-height: 1.6;font-size: 15px;}
	.a1 ul {margin: 25px 0;}
	.a1 ul li h4 {font-size: 15px;}
	.a1 ul li h4 span {line-height: 1.2;font-size: 25px;}
	.a1 ul li p {line-height: 1.2;font-size: 16px;}
	.a1 ul li img {width: 50%;margin: auto;}
	.fzlc {padding-left: 0;text-align:  center;min-height: 180px;height: auto;}
	.fzlc h4 {font-size: 24px;margin-bottom: 13px;}
	.fzlc p {line-height: 1.5;font-size: 15px;height: auto;width: 90%;margin: auto;}
	.a3-list p {margin-top: 5px;}
	.a4 {margin-top: 30px;}
	.a4 .a-top h2 {bottom: auto;top: 40px;}
	.a4-container .a-top h2 {color: #2f2f2f;position: static;transform: translate(0,0);}
	.a4-container .a-top h3 {color: #f1f1f1;}
	.a4-container ul {flex-wrap: wrap;margin-top: 0;}
	.a4-container ul li {flex: 0 1 100%;margin-top: 30px;}
	.a4-container dl dt {font-size: 20px;margin-bottom: 6px;}
	.a4-container dl dd {font-size: 16px;line-height: 1.6;}
	.a5 {margin-bottom: 30px;}
	.a5 .a-top h2 {bottom: 48px;}
	.a5 .ab-button .swiper-button-prev {left: 10px;}
	.a5 .ab-button .swiper-button-next {right: 10px;}

	.pro-list {display: block;}
	.pro-left {width: 100%;margin-right: 0;margin-bottom: 20px;}
	.pro-left h2 {font-size: 18px;}
	.pro-left ul {display: flex;flex-wrap: wrap;padding: 10px 0;}
	.pro-left ul li {border: none;margin-top: 0;}
	.pro-left ul li a {padding: 5px;font-size: 14px;}
	.pro-list-top, .pro-list-bottom {padding: 15px;}
	.pro-list-bottom {display: none;}
	.pro-box ul li {width: 48%;margin-right: 4%;}
	.pro-box ul li:nth-child(3n) {margin-right: 4%;}
	.pro-box ul li:nth-child(2n) {margin-right: 0;}
	.pro-box ul li a {border-radius: 8px;}
	.pro_txt {font-size: 15px;padding: 18px 0;}
	.ps-sw .right {padding: 20px 0;}
	.pro-desc {margin-bottom: 25px;}
	.pro-ct span {margin: auto;font-size: 15px;border-radius: 50px;}
	.pro-ct p {text-align: center;font-size: 16px;margin-top: 10px;}
	.pro-button {top: auto;bottom: -30px;transform: translateY(0);}
	.pro-button>div {width: 28px;height: 28px;}

	.ny_news {padding-bottom: 30px;}
	.newsl ul li {margin-bottom: 25px;}
	.newsl ul li a {flex-wrap: wrap;height: auto;}
	.news-time {flex: 0 1 100%;width: 100%;height: 40px;}
	.news-time h4 {display: flex;align-items: center;flex-direction: row-reverse;font-size: 20px;}
	.news-time h4 b {font-size: inherit;padding-bottom: 0;padding-left: 0px;font-weight: 500;}
	.news-time h4 b::before {content: "-";}
	.news_txt {padding: 20px 10px;}
	.news_txt h2 {font-size: 20px;}
	.news_txt p {font-size: 15px;margin-bottom: 20px;}
	.news_img {display: none;}
	.news_txt span {margin: auto;font-size: 13px;border-radius: 6px;}
	.newShows {padding: 50px 0;}
	.news-title h4 {font-size: 20px;}
	.news-title p {font-size: 14px;}

	.tmdt {padding: 50px 0;}
	.con-dm {flex-wrap: wrap;}
	.con-txt {flex: 0 1 100%;}
	.con-txt h2 {font-size: 25px;width: 300px;}
	.con-txt h3 {font-size: 14px;}
	.con-tl {flex: 0 1 25px;margin-right: 10px;}
	.con-dl h4 {font-size: 16px;}
	.con-ewm {flex: 0 1 100%;margin-top: 20px;}
}