@charset "utf-8";

/* CSS Document */
@font-face {
	font-family: "OPPOS";
	src: url("../font/OPPOSans-Regular.woff2");
}

@font-face {
	font-family: "GOT-L";
	src: url("../font/GOTHAM-SSM-LIGHT.OTF");
}

@font-face {
	font-family: "GOT-B";
	src: url("../font/GOTHAM-SSM-BOLD.OTF");
}

@font-face {
	font-family: "GOT";
	src: url("../font/GOTHAM-SSM-BOOK.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: -apple-system, "Microsoft YaHei","system-ui";
	font-size: 100%;
	color: #000000;
	margin: 0;
	padding: 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;}

.clear {clear: both;}

.ce {display: flex;align-items: center;justify-content: 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 {
	position: relative;
	width: 95%;
	max-width: 1600px;
	margin: 0 auto;
}

.gm {
	position: relative;
	width: 97%;
	max-width: 1400px;
	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: #a61f22;border-radius: 5px;}
.green-black .linkpl {font-family: "宋体";font-weight: bold;}
.npages ul{display:flex;align-items: center;justify-content: space-between;}
.npages ul li {width:100px;min-width:160px;height:48px;line-height: 48px;text-align: center;font-size:18px;transition: all 0.3s;}
.npages ul li a {display: flex;align-items: center;justify-content: center;color:#fff;}
.npages ul li a span {padding:0 6px;opacity: 33%;}

@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: 90%;position: absolute;top: 30px;left: 50%;transform: translateX(-50%);z-index: 999;background-color: rgba(255, 255, 255, 0.9);border-radius: 50px;transition: width 0.3s ease;}
.top_nav {width: 100%;font-family: "GOT";}
.nax-box {display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 1;}
.nax-logo {flex:0 1 15%;text-align: left;}
.nax-logo img {width:130px}
.nax-list {flex: 1;overflow: hidden;display: flex;justify-content: end;position: relative;height: 90px;}
.nax-list ul {display: flex;justify-content: flex-end;position: absolute;top: 0;right: 0;height: 100%;z-index: 9999;}
.nax-list ul li {position: relative;width: max-content;height: 100%;text-align: center;transition: .5s;}
.nax-list ul li>a {display: block;position: relative;height: 100%;line-height: 90px;padding: 0 25px;}
.nax-list ul li>a span {font-size: 14px;color:#000;font-weight: bold;position: relative;text-transform: capitalize;}
.nax-list ul li>a:hover span {color:#a61f22;}
.nax-list ul li>a i {width: 14px;height: 14px;position: absolute;top: 50%;left: 50%;transform: translateY(-50%);opacity: 0;transition: transform .5s ease-in-out, opacity 0.2s ease;}
.nax-list ul li.xd>a span {color: #a61f22;}
.nax-list ul li.xd>a i {left: 8px;opacity: 1;}
.nax-list dl {display: flex;align-items: center;gap: 10px;height: 100%;padding: 0 20px;}
.nax-list dl dd {font-size: 24px;color:#fff;font-family: "OPPOS"}
.nax-list dl em {display: block;width: 30px;height: 30px;border-radius: 50%;background: #b68951;overflow: hidden;}
.nax-list ul li.ewm dl {gap: 20px;}
.nax-list ul li.ewm dl em {width: 70px;height: 70px;border-radius: 6px;overflow: hidden;}
.nax-list ul li.ewm dl p {font-size: 12px;color: #fff;text-align: center;margin-top: 6px;}
.nax-last {flex:0 1 10%;}
.nax-last ul {display: flex;align-items: center;justify-content: end;gap: 12px;}
.nax-last ul li i {width: 24px;height: 24px;border-radius: 50%;background-color: #a61f22;}
.nax-last ul li img {display: block;}
.top_box_move {position: fixed;top: 0;left: 0;transform: translateX(0);border-radius: 0;width: 100%;background: rgba(248, 248, 248, 0.9);}
/*  二级菜单  */
.nax-last ul li.gb {position: relative;cursor: pointer;}
.xs {position: absolute;top: 10px;left: 50%;transform: translateX(-50%);width: max-content;height: auto;z-index: 99;padding: 5px 10px;opacity: 0;}
.xs a {color: transparent;}
/* 搜索框 */
.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 {width: 100%;position: sticky;top: 0;left: 0;transform: translateX(0);border-radius: 0;}
	.top_nav {display: none;}
	.mob_inner_box {display: block;z-index: 10;}
	.mob_inner img {width:40%;}
	.top-logo {display: flex;align-items: center;height:60px;padding-left: 10px;}
	.menu_bg {width:180px;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;}
	.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;}
	.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: #a61f22;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 {background: #fff url(../img/foot-bg.jpg) no-repeat center/cover;padding: 80px 0 50px;border-top: 5px solid #eaeaea;font-family: "GOT";}
.footer ul, .footer ol {display: flex;}
.footer .ft-a, .footer .ft-b {display: flex;justify-content: space-between;}
.footer p {font-size: 15px;}
.footer a {color: #000;}
.ft-a {margin-bottom: 100px;}
.ft-a dl {display: flex;align-items: center;gap: 13px;margin-bottom: 25px;}
.ft-a dl.ft-als {gap: 20px;}
.ft-a dl:last-child {margin-bottom: 0;}
.ft-a dl h4 {font-size: 18px;font-weight: 600;}
.ft-a dl h5 {font-size: 18px;font-weight: 600;opacity: 48%;}
.ft-a ol {justify-content: space-between;}
.ft-a ol li h2 {font-size: 18px;opacity: 48%;font-weight: 600;margin-bottom: 25px;}
.ft-a ol li a {display: block;line-height: 26px;font-size: 16px;font-weight: 600;color: #000;}
.ft-al {flex: 1;}
.ft-ar {flex: 0 1 52%;}
.ft-b {align-items: flex-end;}
.ft-bl, .ft-br {flex: 1;}
.ft-b ul {justify-content: end;align-items: center;gap: 25px;}
.ft-b ul li p {font-size: 15px;font-weight: 600;opacity: 60%;;}
.ft-b ul li a {display: flex;gap: 5px;align-items: center;color: #a61f22;font-weight: bold;}
.ft-b ul li a i {width: 30px;height: 30px;border-radius: 50%;background: #a61f22;}
.ft-b ul li a img {transform: scale(0.75);transition: all 0.5s ease-in-out;}
.ft-b ul li a:hover img {transform: scale(1);}

@media screen and (max-width:768px) {
	.ymca {position: fixed;bottom: 0;z-index: 996;width: 100vw;background: #a61f22;}
	.ymca ul {padding: 0px;margin: 0px;list-style-type: none;border-top: 2px solid #a61f22;}
	.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 #fafafa;}
	.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;border-radius: 0 0 30px 30px;}
.banner .swiper-slide {position: relative; overflow: hidden;}
.banner-swiper-button {position: absolute;left: 13vw;bottom: 6%;z-index: 11;width: 100%;}
.banner-swiper-button .swiper-pagination-bullet {opacity: 1 ;background: transparent;width: 12px !important;height: 12px !important;margin: 0 10px !important;border-radius: 50% !important;border: 2px solid #fff;transition: all .5s;}
.banner-swiper-button .swiper-pagination-bullet-active {position: relative;background: #e50012;border: 2px solid #e50012;}
.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>div {overflow: hidden;position: relative;}
.in-top {padding: 80px 0;color: #000;}
.in-top h2 {line-height: 1;font-size: 72px;font-weight: bold;}
.in-top h2 span {color: #a61f22;}
.in-top h3 {font-size: 18px;margin-top: 0px;}
.in-top h3 b {font-size: 24px;}
.in-top ul {display: flex;align-items: flex-end;gap: 20px;}

/* 首页产品 */
.ina {background: url(../img/ina-bg.jpg) no-repeat top center/cover;}
.ina-content {position: relative;}
.ina-sa {position: relative;bottom: 0;left: 35%;}
.ina-sa img {width: 38%;padding-top: 5%;}
.ina-sb {position: absolute;top: 6%;left: 0;width: 100%;height: 100%;z-index: 90;}
.ina-sb h4 {font-size: 72px;color: #a61f22;font-weight: bold;}
.ina-sb p {line-height: 1.5;font-size: 18px;color: #6c6c6c;width: 450px;}
.ina-sb i {display: block;width: 35px;height: 6px;background: #ddd;border-radius: 3px;margin: 30px 0 35px;}
.ina-sb span {width: 130px;height: 48px;font-size: 18px;color: #fff;background: #000;border-radius: 30px;margin-top: 30px;}
.ina-button {display: block;width: 50%;position: absolute;top: 10%;right: 10%;z-index: 95;}
.ina-button .ina-bullet {display: flex;align-items: center;justify-content: flex-end;gap: 10px;width: 100%;margin-bottom: 80px;cursor: pointer;}
.ina-button .ina-bullet em {display: block;width: 15px;height: 15px;background: #7f7f7f;border-radius: 50%;}
.ina-button .ina-bullet p {text-align: right;font-size: 20px;color: #7f7f7f;transition: all 0.5s ease-in-out;}
.ina-button .ina-bullet.xd em {background: #a61f22;}
.ina-button .ina-bullet.xd p {color: #a61f22;}
.ina-button .gm {position: relative;}
.ina-button .gm>div {position: relative;z-index: 10;}
.ina-button .gm::after {content: "";display: block;width: 1px;height: 100%;background: #aaa;position: absolute;right: 7px;top: 0;z-index: 0;}

/* 首页关于我们 */
.inb {background: #fff url(../img/inb-bg.jpg) no-repeat top center fixed;background-size: cover;}
.inb-content {padding: 150px 0;font-family: "GOT";}
.inb-content ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.inb-content ul li {flex: 0 1 48%;}
.inba h4 {line-height: 1;font-size: 72px;color: #000;font-weight: 800;}
.inba h4 span {color: #a61f22;display: block;}
.inba a {display: inline-block;margin-top: 50px;font-size: 18px;color: #000;position: relative;}
.inba a::after {content: "";display: block;width: 54px;height: 8px;background-color: #f91f24;border-radius: 4px;}
.inba a span {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 10;font-weight: 600;}
.inbb {color: #535353;}
.inbb ol {display: flex;gap: 8%;margin-top: 30px;}
.inbb ol li {flex: 0 1 28%;}
.inbb h5 {font-size: 36px;color: #292929;}
.inbb h6 {font-size: 14px;}
.inbb p {line-height: 1.5;font-size: 14px;font-weight: 300;}
.inbc {margin-top: 100px;}
.inbc ol {display: flex;flex-wrap: wrap;}
.inbc ol li {flex: 0 1 48%;height: 150px;padding-left: 20px;background: url(../img/inbc-left.png) no-repeat left top;}
.inbc ol h4 {font-size: 60px;color: #a61f22;font-weight: 600;}
.inbc ol p {font-size: 14px;color: #5c5c5c;font-weight: 300;}

/* 首页诱使 */
.inc {background: #fff;}
.inc .gallery-top {position: relative;}
.inc .gallery-top::before, .gallery-top::after {content: "";display: block;width: 30%;height: 100%;position: absolute;z-index: 10;}
.inc .gallery-top::before {left: 0;top: 0;background: linear-gradient(90deg, #fff 10%, transparent);}
.inc .gallery-top::after {right: 0;top: 0;background: linear-gradient(270deg, #fff 10%, transparent);}
.inc .gallery-thumbs {padding: 60px 0;}
.inc .gallery-thumbs .swiper-slide {text-align: center;}
.inc .gallery-thumbs .swiper-slide {filter: grayscale(1);opacity: 48%;cursor: pointer;}
.inc .gallery-thumbs .swiper-slide-thumb-active {filter: grayscale(0);opacity: 100%;}
.inc .inc-content {border-radius: 20px;overflow: hidden;}
.inc .joe {position: relative;}
.inc .joe::after {content: "";display: block;width: 100%;height: 100%;background: linear-gradient(180deg, transparent 75%, #000);position: absolute;top: 0;left: 0;z-index: 10;}
.inc .joe p {position: absolute;left: 20px;bottom: 20px;font-size: 24px;color: #fff;width: 100%;z-index: 11;}
.top-buttons {position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 20;width: 100%;}
.top-buttons .swiper-button-next::after, .top-buttons .swiper-button-prev::after {color: #a61f22;-webkit-text-stroke: 1px;}

/* 首页应用 */
.ind {position: relative;background: url(../img/ind-bg.jpg) no-repeat center/cover;padding-bottom: 100px;}
.ind .in-top {color: #fff;}
.ind .in-top h2 {margin-bottom: 20px;}
.ind-content {margin-top: 60px;}
.ind-content ul {display: flex;justify-content: space-between;gap: 55px;}
.ind-content ul li {flex: 1;border-radius: 20px;overflow: hidden;background-color: rgba(255, 255, 255, 0.8);}
.ind-content ul li a {display: block;padding: 68px 30px;}
.ind-content dl {display: flex;align-items: center;justify-content: space-between;}
.ind-content dl h4 {font-size: 24px;color: #000;font-weight: 600;margin-top: 10px;}
.ind-content dl i {width: 50px;height: 50px;border-radius: 50%;background: #fff;}
.ind-content dl i img {filter: brightness(25%);transition: transform 0.3s ease-in-out;}
.ind-content ul li a:hover dl i {background-color: #a61f22;}
.ind-content ul li a:hover dl i img {filter: brightness(100%);transform: rotate(45deg);}

/* 首页新闻 */
.ine {position:relative;padding-bottom: 100px;background: #fff;}
.ine .more {margin-top: 50px;}
.ine .more span {width: 100px;height: 40px;color: #fff;border-radius: 20px;background: #a61f22;margin: auto;}
.ine-newss {display: flex;justify-content: space-between;}
.newsl {width: 450px;margin-right: 10%;}
.newsl .newspic {border-radius: 20px;overflow: hidden;}
.newsr {flex: 1;}
.newspoi {position: relative;}
.newspoi a {display: block;padding: 30px 0;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;margin-top: -1px;position: relative;;z-index: 0;}
.poi {display: flex;align-items: baseline;color: #000;}
.poi .poi-img {flex: 0 1 150px;}
.poi .poi-txt {flex: 1;padding: 20px;}
.poi .poi-txt h4 {line-height: 1.25;font-size: 30px;font-weight: bold;margin-bottom: 18px;}
.poi .poi-txt p {font-size: 18px;opacity: 60%;}
.newspoi a:hover {border-top: 1px solid #a61f22;border-bottom: 1px solid #a61f22;z-index: 1;}
.newspoi a:hover .poi {color: #a61f22;}
.newspoi a:hover .poi .poi-txt p {opacity: 100%;}

/* about */
.ban {position: relative;overflow: hidden;}
.ban-top {position: absolute;bottom: 25%;left: 0;width: 100%;}
.ban-top .gm {display: flex;justify-content: space-between;}
.ban-top h1 {font-size: 48px;color: #fff;font-weight: bold;font-family: "GOT";}
.ban-top ul {display: flex;gap: 10px;justify-content: flex-end;}
.ban-top ul li {border-radius: 30px;background: #fff;overflow: hidden;}
.ban-top ul li a {display: flex;align-items: center;justify-content: center;width: 360px;height: 50px;font-size: 20px;color: #5b5b5b;}
.ban-top ul li.xjp {background: #a61f22;}
.ban-top ul li.xjp a {color: #fff;}
.aio {position: relative;padding: 0px 0;}
.aio ul {display: flex;align-items: center;justify-content: flex-end;}
.aio ul li.sp {padding: 0 3px;}
.aio ul li a {font-size: 15px;color: #000;}
.aio.bigban {position: absolute;top: 170px;left: 0;z-index: 11;width: 100%;color: #fff;}
.aio.bigban ul li a {color: #fff;}
.aio.bigban ul li img {filter: brightness(100);}

.aboutus {padding: 170px 0;background: url(../img/banner-about.jpg) top center no-repeat;background-size: contain;}
.aboutus h1 {font-size :32px;font-weight: 400;font-family: "GOT";}
.aboutus h1 span {line-height: 1;font-size: 42px;color: #a61f22;font-weight: 600;}
.aboutus h2 {font-size: 30px;color: #575757;}
.ab1 {padding-top: 120px;color: #000;}
.ab1 h3 {font-size: 60px;color: #a61f22;font-weight: 800;font-family: "GOT";}
.ab1 h4 {font-size: 16px;color: #212121;}
.ab1 h5 {line-height: 22px;font-size: 14px;color: #000;font-weight: 600;margin-bottom: 25px;}
.ab1 p {line-height: 1.5;font-size: 16px;}
.ab1 ul, .ab1 ol {display: flex;} 
.ab1 li {flex: 0 1 50%;}
.ab1r ol {padding: 30px 0;}
.ab1r .count-number {transition: all 0.3s ease;}
.tata {position: relative;margin-top: -50px;}
.tata .ab1-txt {width: 100%;position: absolute;right: 0;top: 15%;}
.tata .ab1-txt .gm {display: flex;justify-content: space-between;}
.tata .ab1-txt .gm>div {flex: 0 1 50%;}
.ab2 {padding: 100px 0;}
.ab2-content {margin-top: 60px;}
.ab2-content ul {display: flex; gap: 25px;}
.ab2-content ul li {flex: 1;border: 1px solid #ddd;border-radius: 20px;padding: 30px 25px;}
.ab2-content ul li h4 {font-size: 30px;margin: 10px 0 20px;color: #a61f22;}
.ab2-content ul li p {font-size: 14px;color: #000;}
.ab2-content ul li:nth-child(2n) {border: 1px solid #f1f1f1;background: #f1f1f1;}
.ab3-top {position: absolute;top: 10%;left: 5%;z-index: 10;}
.ab3-top h1 {line-height: 1;font-size: 42px;color: #a61f22;font-weight: 600;text-transform: uppercase;}
.ab3-top p {margin-top: 30px;font-size: 16px;color: #575757;font-weight: 300;width: 380px;}
.ab3-img {border-radius: 20px;overflow: hidden;}
.ab4 {padding-top: 100px;}
.ab4-content {margin-top: 60px;}
.ab4-content ul {display: flex;justify-content: space-between;}
.ab4-content ul li {flex: 1 1 50%;display: flex;align-items: center;}
.ab4-content ul li img {display: block;}
.ab4-cr {border-radius: 20px;overflow: hidden;}
.ab4-con {padding: 60px;background: linear-gradient(320deg, #7d0000 , #e50012);color: #fff;}
.ab4-con h4 {font-size: 30px;}
.ab4-con p {line-height: 1.5;font-size: 24px;font-weight: 300;width: 88%;}
.ab4-con i {display: block;width: 20px;height: 3px;background-color: #fff;margin: 20px 0 30px;}
.ab4-content ul:nth-child(2n) {flex-direction: row-reverse;}
.ab4-content ul:nth-child(2n+1) .ab4-con {border-radius: 20px 0 0 20px;}
.ab4-content ul:nth-child(2n) .ab4-con {border-radius: 0 20px 20px 0;}

/* product */
.pro-content {padding: 80px 0;}
.pro-content ul {display: flex;flex-wrap: wrap;gap: 40px;}
.pro-content ul li {width: calc((100% - 80px) / 3);margin-bottom: 20px;}
.pro-list {padding: 15px;border-radius: 20px;background: #f3f3f3;position: relative;}
.pro_img {border-radius: 20px;overflow: hidden;}
.pro_txt {padding: 15px 0;}
.pro_txt h4 {font-size: 20px;color: #000000;font-weight: 600;margin-bottom: 10px;}
.pro_txt h5 {font-size: 16px;color: #6b6b6b;font-weight: 300;}

/* productshow */
.proshow-content {position: relative;}
.proshow-a-txt {position: absolute;top: 30%;left: 0;z-index: 10;width: 100%;}
.proshow-a-txt .pro-desc {width: 470px;}
.proshow-a-contact {margin-top: 60px;}
.proshow-a-contact span {width: 140px;height: 50px;color: #fff;background: #a61f22;border-radius: 30px;}
.pro-desc2 {padding: 60px 0 100px}

/* news */
.news {padding: 170px 0;background: url(../img/banner-news.jpg) top center no-repeat;background-size: contain;}
.news .a-top {margin-bottom: 40px;}
.news .a-top h1 {font-size: 48px;color: #a61f22;font-weight: 600;}
.news .a-top h2 {font-size: 36px;color: #000;}
.newsa {display: flex;align-items: center;padding: 30px;border-radius: 20px;overflow: hidden;background: #fff;}
.newsa_l {width: 680px;border-radius: 20px;overflow: hidden;}
.newsa_l img {width: 100%;object-fit: fill;}
.newsa_r {flex: 1;margin-left: 50px}
.newsa_r h2 {font-size: 16px;color: #a61f22;font-weight: 600;margin-bottom: 50px;}
.newsa_r h3 {font-size: 30px;color: #000;font-weight: 600;margin-bottom: 30px;}
.newsa_r p {line-height: 1.5;font-size: 18px;color: #484848;}
.newsa_r span {width: 140px;height: 48px;border: 1px solid #a61f22;border-radius: 30px;}
.newsa_r .more {margin-top: 40px;}
.news-list {margin-top: 100px;padding: 0 30px;}
.news-list ul {display: flex;gap: 55px;flex-wrap: wrap;}
.news-list ul li {width: calc((100% - 110px)/ 3);border-radius: 20px;overflow: hidden;background: #f3f3f3;}
.news-txt {padding: 30px 20px;}
.news-txt h3 {font-size: 20px;color: #000;font-weight: 600;}
.news-txt p {font-size: 16px;color: #484848;font-weight: 300;margin-bottom: 8px;}

/* newshow */
.newsshow {padding: 170px 0 100px;background-size: contain;}
.newsshow-titles {width: 80%;margin: auto;text-align: center;}
.newsshow-title h4 {font-size:30px;color:#a61f22;font-weight: 600;margin-bottom: 10px;}
.newsshow-title p {font-size:16px;color:#868686;}
.newsshow-content {margin: 30px 0 60px;}
.newsshow-content .ngm {padding:50px 30px;border-radius: 30px;box-shadow: 0 0 13px 5px rgb(222 222 222 / 66%);}
.news_pn ul {display: flex;align-items: center;justify-content: space-between;}
.news_pn ul li {background: #ededed;}
.news_pn ul li a {display: block;width: 100px;height: 48px;line-height: 48px;text-align: center;color: #252525;transition: all 0.3s ease;}
.news_pn ul li:hover {background: #a61f22;}
.news_pn ul li:hover a {color: #fff;}

/* suv */
.svu {position: relative;padding: 80px 0;}
.svu .gm>div {position: relative;width: 100%;height: 500px;background: linear-gradient(300deg, #7d0000 , #e50012);border-radius: 20px;margin-bottom: 80px;}
.svu .svu-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.svu-content {width: 92.85%;height: 400px;background: #fff;border-radius: 10px;padding: 0 50px;}
.svu-content ul {display: flex;justify-content: space-between;align-items: center;position: relative;height: 100%;}
.svu-content ul li.oj {flex: 0 1 90%;position: relative;z-index: 10;}
.svu-content ul li.oj img {display: block;}
.svu-content ul li h4 {line-height: 1;font-size: 56px;color: #000;text-transform: uppercase;}
.svu-content ul li h4 b {font-weight: 800;display: block;}
.svu-content ul li h5 {line-height: 1.25;font-size: 15px;font-weight: 600;color: #000;margin-top: 10px;}
.svu-content ul li p {line-height: 1.5;font-size: 16px;font-weight: 300;color: #252525;margin: 20px 0;}
.svu-content ol {display: flex;gap: 15px;}
.svu-content ol li {flex: 0 1 20%;}
.svu-content ol li i {width: 100px;height: 100px;background: #a61f22;}
.svu .gm>div:nth-child(2n) {background: linear-gradient(90deg, #7d0000, #e50012);}
.svu .gm>div:nth-child(2n) ul {flex-direction: row-reverse;}
.svu .gm>div:nth-child(2n) ul li {text-align: right;text-align: -webkit-right;}
.svu .gm>div:nth-child(2n) ul li.jo {text-align: left;}
.svu .gm>div:nth-child(2n) ol {justify-content: flex-end;}
.svu-s1 .jo {position: absolute;bottom: 0;right: 0;text-align: right;}
.svu-s2 .jo {position: absolute;bottom: -20%;left: -10%;text-align: left;}
.svu-s3 .jo {position: absolute;bottom: -5px;right: -50px;text-align: right;}
.svu-s3 .jo img {width: 96%;}

/* Case */
.case_pic {border-radius: 20px;overflow: hidden;}
.case_txt {padding: 10px 0;}
.case_txt h4 {font-size: 18px;color: #000;font-weight: 600;}

/* 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 */
.contact {padding-top: 20px;}
.contact h1 {font-size: 36px;color: #000;}
.contact h1 b {color: #a61f22;}
.contact-content {margin-top: 60px;}
.contact-content ul {display: flex;justify-content: space-between;gap: 20px;}
.con1 ul>li {border-radius: 20px;border: 1px solid #dadada;}
.con1-l {flex: 0 1 74%;background: #fff url(../img/con1-bg.jpg);}
.con1-r {flex: 1;}
.con1-txt {padding: 100px 50px;}
.con1-txt h3 {font-size: 16px;color: #828282;}
.con1-txt h4 {font-size: 18px;color: #000;font-family: "GOT";width: 80%;margin-bottom: 50px;}
.con1-txt h4:last-child {margin-bottom: 0;}
.con1-txt2 {padding: 60px 30px;}
.con1-txt2 h5 {line-height: 1;font-size: 32px;color: #000;}
.con1-txt2 ol.con {display: flex;gap: 18px;margin-top: 40px;}
.con1-txt2 ol.con li {cursor: pointer;}
.con1-txt2 ol.con li i {width: 50px;height: 50px;border-radius: 50%;border: 1px solid #dadada;background: #fff;overflow: hidden;}
.con1-txt2 ol.com {margin-top: 30px;overflow: hidden;}
.con1-txt2 ol.com li i {border-radius: 16px;padding: 10px;border: 1px solid #dadada;background: #fff;max-width: 160px;margin: auto;}
.com {position: relative;width: 100%;height: 180px;}
.com-item {position: absolute;top: 0;transform: translateY(100%);transition: transform 0.5s ease-in-out;opacity: 0;width: 100%;text-align: center;}
.com-item.active {transform: translateY(0);opacity: 1;}

.con2 {margin-top: 100px;}
.con2 h5 {font-size: 48px;color: #000;font-weight: bold;}
.con2 p {line-height: 1.5;font-size: 16px;color: #828282;width: 75%;margin-top: 10px;}
.con2 ul li {flex: 0 1 50%;}
.mbc input, .mbc textarea {border-bottom: 1px solid #e0e0e0;width: 100%;padding: 50px 10px 10px;font-size: 16px;color: #666;text-transform: capitalize;}
.mbc input::placeholder, .mbc textarea::placeholder {letter-spacing: 1px;font-family: "GOT";transition: opacity 0.3s ease;}
.mbc input:focus::placeholder, .mbc textarea:focus::placeholder {opacity: 15%;transition: opacity 0.5s ease;}
.mbc textarea {height: 200px;resize: vertical;}
.submit-botton {margin-top: 60px;}
.submit-botton button {width: 152px;height: 50px;color: #fff;background: #a61f22;border-radius: 30px;cursor: pointer;overflow: hidden;transition: all 0.3s ease-in-out;}
.submit-botton button:hover {font-size: 18px;}

/* Sweet Chin Music */

@media (max-width: 1280px) { 
	.aio.bigban {top: 130px;}
	.ban-top {bottom: 10%;}
	.ban-top ul li a {width: 300px;font-size: 18px;}
	.aboutus, .news, .newsshow {padding: 130px 0 100px;}
	/* index */
	.in-top h2 {font-size: 60px;}
	.ina-button {right: 2%;}
	.ina-sa {left: 38%;}
	.ina-sa img {width: 40%;}
	.ina-sb h4 {font-size: 60px;}
	.inba h4 {font-size: 60px;}
	.inbc ol h4 {font-size: 48px;}
	/* product */
	.proshow-a-txt {top: 24%;left: 5%;}
	/* solutions */
	.svu-s1 .jo img {width: 90%;}
	.svu-s2 .jo {bottom: -10%;}
	.svu-s2 .jo img {width: 80%;}
	.svu-s3 .jo img {width: 85%;}
	/* about */
	.ab1 {padding-top: 80px;}
	.tata .ab1-txt .gm>div {flex: auto;}
	.tata .ab1-txt .gm .txt-content {flex: 0 1 90%;margin: 20px auto;}
	.ab1-img {opacity: 23%;padding-top: 18vh;}
	.liubai {display: none;}
	/* news */
	.news-list {margin-top: 60px;}

	.con2 ul {flex-wrap: wrap;}
	.con2 ul li {flex: 0 1 100%;}
}

@media (max-width: 1024px) { 
	.nav_box {width: 95%;}
	.top_box_move {width: 100%;}
	.nax-list ul li>a {padding:  0 15px;}
	.nax-list ul li.xd>a i {left: 0px;}
	.footer {padding: 50px 0 20px;}
	.ft-a {margin-bottom: 60px;}
	.ft-ar {flex: 0 1 60%;}
	.ft-a ol li a {font-size: 15px;}
	.ft-bl img {width: 60%;}
	.ft-br {flex: 0 1 70%;}
	.aboutus, .news, .newsshow {padding: 70px 0 50px;}
	.aio.bigban {top: 70px;}
	.ban-top .gm {display: block;}
	.ban-top ul {justify-content: flex-start;}
	.ban-top ul li a {width: auto;height: 40px;font-size: 16px;padding: 0 20px;}
	/* index */
	.ina-sb p {font-size: 16px;width: 38%;}
	.ina-button {top: 50%;transform: translateY(-50%);}
	.ina-button .ina-bullet:last-child {margin-bottom: 0;}
	.ina-button .ina-bullet p {font-size: 18px;}
	.inb-content {padding: 100px 0;}
	.inb-content ul {display: block;}
	.inbb {margin-top: 30px;}
	.inbc {margin-top: 50px;}
	.inbc ol li {flex: 0 1 33.3%;}
	.inc .gallery-top::before, .inc .gallery-top::after {display: none;}
	.inc-content {width: 95%;height: fit-content;margin: auto;}
	.inc-content img {width: 100%;object-fit: contain;} 
	.top-buttons .swiper-button-next, .top-buttons .swiper-button-prev {color: #fafafa;}
	.top-buttons .swiper-button-next {right: 4%;}
	.top-buttons .swiper-button-prev {left: 4%;}
	.ind-content dl {display: block;}
	.ind-content dl dt h4 {min-height: 100px;}
	.ind-content dl i {margin: 0 auto;}
	.newsl {width: 300px;margin-right: 5%;}
	.poi .poi-txt h4 {line-height: 1.2;font-size: 25px;}
	.newspoi a {display: block;padding: 15px 0;}
	/* product */
	.proshow-a-txt {position: static;padding: 50px 0;}
	.proshow-a-txt .pro-desc {width: 100%;}
	/* solutions */
	.jo {display: none;}
	.svu-content {height: auto;min-height: 400px;overflow: hidden;}
	.svu-content::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff; opacity: 0.75;}
	.svu-s1 .svu-content {background: #fff url(../img/svu-s1.png) no-repeat right bottom;background-position: 100% 20px;}
	.svu-s2 .svu-content {background: #fff url(../img/svu-s2.png) no-repeat left bottom;background-position: -60% 90%;}
	.svu-s3 .svu-content {background: #fff url(../img/svu-s3.png) no-repeat right bottom;}
	.svu-content ul li.oj {padding: 30px 0;}
	.svu-content ol li {flex: 0 1 25%;}
	/* about */
	.ab2 {padding: 60px 0;}
	.ab2-content ul {flex-wrap: wrap;}
	.ab2-content ul li {flex: 0 1 calc((100% - 50px)/ 3 );}
	.ab3-top {position: static;margin-bottom: 50px;}
	/* news */
	.newsa_l {width: 480px;}
	.news-list {margin-top: 0px;}
	.news-list ul {gap: 30px;}
	.news-list ul li {width: calc((100% - 60px) / 3);}
}

@media (max-width: 768px) { 
	.nav_box {width: 100%;}
	.footer {padding: 30px 0 60px;}
	.ft-ar {display: none;}
	.ft-a {margin-bottom: 20px;}
	.ft-a dl { margin-bottom: 5px;}
	.ft-a dl h4 {font-size: 15px;}
	.ft-a dl h5 {font-size: 16px;}
	.footer .ft-b {display: block;}
	.ft-b ul {display: block;}
	.ft-b ul li p {font-size: 13px;margin: 8px 0 15px;}
	.ft-b ul li a {width: fit-content;margin: auto;}
	.ft-bl img {width: 25%;}

	.ina-content, .inb-content {padding: 30px 0}
	.in-top {padding: 40px 0 10px;}
	.in-top ul {display: block;}
	.in-top ul li:nth-child(1) {margin-bottom: 20px;}
	.ina-sb {position: relative;top: 0;left: 0;}
	.ina-sb h4, .inba h4, .in-top h2 {font-size: 30px;}
	.ina-sb p {width: 100%;}
	.ina-sb span {width: 100px;height: 32px;font-size: 14px;margin: auto;margin-top: 20px;}
	.ina-sa {bottom: auto;left: 0;text-align: center;}
	.ina-sa img {width: 75%;}
	.ina-sb i {margin: 15px 0 24px;}
	.ina-button {position: relative;right: auto;left: 0;top: 0;transform: translateY(0);width: 100%;}
	.ina-button .gm {display: flex;gap: 10px;}
	.ina-button .ina-bullet {justify-content: center;margin-bottom: 15px}
	.ina-button .ina-bullet p {display: block;text-align: center;font-size: 15px}
	.ina-button .ina-bullet em {display: none;}
	.ina-button .gm::after {display: none;}
	.ina-button .ina-bullet:last-child {margin-bottom: auto;}
	.inbb ol {flex-wrap: wrap;gap: 4%;}
	.inbb ol li {flex: 0 1 48%;margin-bottom: 20px;}
	.inbb ol li h5 {font-size: 25px;font-weight: 600;}
	.inbc {margin-top: 20px;}
	.inbc ol li {flex: 0 1 48%;background: none;height: auto;margin-bottom: 20px;}
	.inbc ol h4 {font-size: 25px;}
	.inc .gallery-thumbs {padding: 20px 0;}
	.top-buttons .swiper-button-next::after, .top-buttons .swiper-button-prev::after {font-size: 20px;}
	.inc .joe p {font-size: 15px;}
	.ind {padding-bottom: 30px;}
	.ind-content {margin-top: 15px;}
	.ind-content ul {flex-wrap: wrap;gap: 15px;}
	.ind-content ul li {flex: 0 1 100%;}
	.ind-content ul li a {padding: 30px 15px;}
	.ind-content dl i {display: none;}
	.ind-content dl dt {display: flex;gap: 10px;align-items: center;}
	.ind-content dl dt h4 {min-height: auto;font-size: 18px;}
	.ine-newss {display: block;}
	.newsl {width: 100%;margin-right: 0;}
	.poi {display: block;}
	.newspoi a {border-top: 0;}
	.poi .poi-txt {padding: 20px 0;}
	.poi .poi-txt h4 {font-size: 18px;margin-bottom: 6px;}
	.poi .poi-txt p {font-size: 15px;}
	.ine .more span {width: 100px;height: 32px;font-size: 14px;margin: auto;}
	.ine .more {margin-top: 30px;}
	.ine {padding-bottom: 30px;}

	.ban>img {width: 200%;max-width: none;}
	.ban-top {bottom: auto;top: 25%;}
	.ban-top h1 {font-size: 30px;}
	.ban-top ul li a {font-size: 13px;}
	.aio.bigban {top: auto;bottom: 5%;}
	.gm-r {margin-top: 10px;padding: 0 5%;}
	.gm-r ul {display: flex;column-gap: 20px;row-gap: 0;flex-wrap: wrap;}
	.gm-r ul li {width: auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.gm-r ul li a {display: flex;align-items: center;gap: 6px;font-size: 15px;margin-bottom: 8px;}
	.gm-r ul li a::before {content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background: #666;}
	.gm-r ul li.xjp a {-webkit-text-stroke: 1px;color: #7d0000;}
	.gm-r ul li.xjp a::before {background: #7d0000;}
	.pro-content {padding: 20px 0;}
	.pro-content ul {gap: 13px;}
	.pro-content ul li {width: calc((100% - 13px)/ 2);}
	.pro-list {padding: 8px;}
	.pro_txt h4 {font-size: 16px;}
	.pro_txt h5 {font-size: 13px;}
	.proshow-a-txt {padding: 20px 0;}
	.proshow-a-contact  {margin-top: 30px;}
	.proshow-a-contact span {width: 120px;height: 40px;font-size: 15px;margin: auto;}
	.pro-desc2 {padding: 0;padding-bottom: 30px;}

	.case_txt h4 {font-size: 15px;}
	.svu {position: relative;padding: 30px 0;}
	.svu .svu-content {position: relative;top: 0;left: 0;transform: translate(0, 0);width: 100%;margin: auto;padding: 10px;}
	.svu-content ul li.oj {padding: 15px 0;flex: 0 1 100%;}
	.svu-content ul li h4 {text-align: center;line-height: 1.2;font-size: 25px;font-weight: 300;}
	.svu-content ul li h5 {flex: 1;margin-top: 0;}
	.svu-content ul li h5 br {display: none;}
	.svu-content ul li p {width: 95%;font-size: 15px;font-weight: 400;}
	.svu-content ol {flex-wrap: wrap;}
	.svu-content ol li {flex: 0 1 100%;display: flex;gap: 15px;align-items: center;}
	.svu-content ol li i {width: 60px;height: 60px;}
	.svu-content ol li i img {width: 75%;}
	.svu .gm>div, .svu .gm>div:nth-child(2n) {position: relative;width: 100%;height: auto; background: none;border-radius: 0;margin-bottom: 20px;}
	.svu .gm>div:nth-child(2n) ul {flex-direction: row;}
	.svu .gm>div:nth-child(2n) ul li {text-align: left;text-align: -webkit-left;}
	.svu-s2 .svu-content {background-position: 0% 0%;}

	.ab1 {padding-top: 30px;}
	.ab1 ul {display: block;}
	.ab-top {margin-bottom: 20px;}
	.aboutus .ab-top h1 {font-size: 20px;}
	.aboutus .ab-top h1 span {font-size: 30px;}
	.ab1 h3 {font-size: 30px;}
	.ab1 h4 {font-size: 14px;}
	.tata {margin-top: -20px;}
	.tata .ab1-txt {width: 100%;position: static;}
	.tata .ab1-txt .gm .txt-content {flex: 0 1 100%;margin: 20px auto;}
	.ab1-img {opacity: 100%;padding-top: 0;}
	.ab1 h5 {margin-bottom: 15px;font-weight: 500;}
	.ab2 {padding: 10px 0 30px;}
	.ab2-content {margin-top: 0px;}
	.ab2-content ul li {flex: 0 1 100%;}
	.ab2-con {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
	.ab2-con img {width: 36px;margin-right: 15px;}
	.ab2-content ul li h4 {font-size: 25px;margin: 0;}
	.ab2-content ul li p {width: 100%;margin-top: 10px;}
	.ab2-content ul li p br {display: none;}
	.ab3-top {margin-bottom: 20px;}
	.ab3-top h1 {font-size: 25px;}
	.ab3-top h2 {font-size: 20px;}
	.ab3-top p {width: 95%;margin-top: 13px;font-size: 15px;}
	.ab4 {padding-top: 30px;}
	.ab4-content {margin-top: 20px;}
	.ab4-content ul {display: block;margin-top: 10px;}
	.ab4-con {padding: 20px 10px;}
	.ab4-con {border-radius: 0 !important;}
	.ab4-con h4 {font-size: 20px;}
	.ab4-con p {line-height: 1.5;font-size: 16px;}
	.ab4-cr {border-radius: 0;}

	.news {padding: 110px 0 50px;}
	.news .a-top {margin-bottom: 0px;}
	.news .a-top h1 {font-size: 25px;}
	.news .a-top h2 {font-size: 20px;}
	.newsa {display: block;padding: 20px 10px;border-radius: 0;}
	.newsa_l {width: 100%;}
	.newsa_r {width: 100%;margin-left: 0;}
	.newsa_r h2 {margin: 15px 0;}
	.newsa_r h3 {font-size: 20px;margin-bottom: 8px;}
	.newsa_r p {font-size: 15px;color: #6a6a6a;}
	.newsa_r span {width: 100px;height: 36px;margin: auto;margin-top: 25px;}
	.news-list ul {gap: 0;}
	.news-list ul li {width: 100%;margin-bottom: 10px;}
	.news-list {padding: 0;}
	.news-img {display: none;}
	.news-txt h3 {font-size: 18px;}
	.newsshow {padding: 0;}
	.newsshow-content .ngm {padding: 30px 10px;border-radius: 0;box-shadow: none;}
	.newsshow-title h4 {font-size: 24px;}
	.news_pn ul li a {width: 80px;height: 36px;line-height: 36px;font-size: 15px;}

	.contact h1 {font-size: 20px;}
	.contact-content {margin-top: 0;width: 100%;}
	.contact-content ul {display: block;}
	.con1 ul>li {border: 0;border-radius: 0;background: none;}
	.con1 ul>li.con1-r {background: #f5f5f5;}
	.con1-txt, .con1-txt2 {padding: 30px 10px;}
	.con1-txt h4 {font-size: 16px;width: 100%;margin-bottom: 13px;}
	.con1-txt2 h5 {text-align: center;font-size: 20px;}
	.con1-txt2 ol.con {justify-content: center;}
	.con2 {margin-top: 30px;}
	.con2 h5 {font-size: 20px;}
	.con2 p {font-size: 15px;width: 100%;margin-top: 10px;}
	.mbc input, .mbc textarea {padding: 15px 10px;font-size: 14px;}
	.submit-botton {margin-top: 20px;}
	.submit-botton button {width: 100px;height: 40px;margin: auto;}
}