@charset "utf-8";

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

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

body {
	font-family: "微软雅黑";
	font-size: 100%;
	color: #1a1a1a;
	margin: 0 auto;
	padding: 0px;
	overflow-x: hidden;
	max-width: 1920px;
	background: #fff;
}

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 {
	border: none;
}

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

.fl {
	float: left;
}

.fr {
	float: right;
}

.dw {
	position: relative;
}

.cj {
	overflow: hidden;
}

.gm_top {
	width: 95%;
	max-width: 1400px;
}

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

.agm {
	width: 97%;
	max-width: 1600px;
	margin: 0 auto;
}
.dm{
	width: 97%;
	max-width: 940px;
	margin: 0 auto;;
}
.ppm{
	width: 97%;
	max-width: 1500px;
	margin: 0 auto;
}
.pgm {
	width: 97%;
	max-width: 1200px;
	margin: 0 auto;
}

img {
	max-width: 100%;
	vertical-align: bottom;
	border-style: none !important;
}

*{margin: 0;padding: 0;box-sizing: border-box;}
::-webkit-scrollbar {
	width: 3px;
	height: 8px;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
}

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

#dituContent {
	height: 550px !important;
	box-sizing: border-box;
}

@media screen and (max-width:770px) {
	#dituContent {
		height: 400px !important;
	}
}

.product-item p a{color: #fff;font-size: 22px;display: block;width: 100%;height: 100%;}

NaNremd {
	background: #d8e4ec;
}

NaNremd em {
	transform: scaleX(1) !important;
}

.cxd {
	background: #077ed1;
	color: white !important;
}

.axd {
	background: #077ed1;
	color: white !important;
}

.nxd {
	background: #077ed1;
	color: white !important;
}

.mxd a {
	color: #077ed1 !important;
	font-weight: bold;
}

.MGI {
	margin-right: 400px;
}

@font-face {
	font-family: "D-Bold";
	src: url("../font/D-Bold.ttf");
}

@font-face {
	font-family: "GOT-BOOK";
	src: url("../font/GOT-BOOK.ttf");
}

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

@font-face {
	font-family: "D-Re";
	src: url("../font/D-Re.ttf"),
		url("../font/D-Re.otf");
}

@font-face {
	font-family: "D-Me";
	src: url("../font/D-Medium.ttf"),
		url("../font/D-Medium.otf");
}

@font-face {
	font-family: "st";
	src: url("../font/st.eot"),
			 url("../font/st.ttf");
 }

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

 /* head */
 
.nav_box {
	z-index: 999;
	position: relative;
	width: 100%;
	max-width: 1920px;
	box-sizing: border-box;
	top: 0;
	height: 90px;
	background: #fff;
}

.nav_box .nax-box {
	width: 100%;
	height: 100%;
	color: #fff;
}

.nav_box.index-fixed {
    position: fixed;
    background: transparent !important;;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease; /* 添加过渡动画 */
}

.nav_box.scrolled {
    position: sticky;
    background: url(../img/foot.jpg) no-repeat center !important;; /* 恢复默认背景色 */
}

.top_list {width: 100%;height: 100%;display: flex;align-items: center;justify-content: space-between;}
.top_logo {flex:0 1 10%;}
.top_logo img {width:50%;}
.top_nav{flex:1;height: 100%;margin:0 10%;}
.top_nav>ul {height: 100%;display: flex;justify-content: space-between;align-items: center;}
.top_nav>ul>li {text-align: center;transition: .5s;position: relative;	width: max-content;}
.top_nav>ul>li span{color: #272727;font-size: 22px;}
.top_nav>ul>li:nth-last-child(1) {margin-right: 0;}
.top_nav>ul>li>a {padding: 0;transition: .5s;font-size: 18px;z-index: 9;display: block;color: #1a1a1a;position: relative;text-transform: uppercase;z-index: 1;}
.top_nav>ul>li.xd>a::after{content: ""; position: absolute;display: block;left: 0px;bottom: -10px;width: 100%; height: 4px;background-color: #1c2c61;z-index: -1;border-radius: 2px;}
.top_nas {flex: 0 1 15%}
.top_nas ul {display: flex;align-items: center;justify-content: space-between;}
.top_nas ul li {margin-left:1%;}
.top_nas ul li  a {cursor: pointer;}
.top_r>img {margin-right: 1%;}
.ophne{vertical-align: bottom;}
.mob_logo {display: none;}

.rj i {display:inline-block;transform: rotate(90deg);color:#000;font-style: normal;font-family: cursive;margin-left: 4px;}

.rj>.xs {
	top: 57px;
	display: none;
	background: rgb(255 255 255 / 80%);
	position: absolute;
	width:160px;
	height: auto;
	line-height: 30px;
	left:0;
	z-index: 99;
}

.xs>ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.xs li a {
	display: flex;
	justify-content: center;
	color: #2d2d2d;
	text-align: center;
	font-size: 15px;
	align-items: center;
}
.xs li em{
	background-image: url(../img/xl-jt.png);
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	margin: 0 5px 0 20px;
}
.xs li {
	transition: .5s;
	padding: 5px 10px;
}
.xs li:hover{background-color: #fff;}
.xs li:nth-last-of-type(1) {
	border-bottom: 0;
}

.xs li:hover {
	color: #2a2a2a;
}

.xs h1 i {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8.6992px 5px 0 5px;
	border-color: #1e7f8a transparent transparent transparent;
	display: block;
	right: 20px;
	position: absolute;
	top: 50%;
	transition: .5s;
	transform: translate(0, -50%);
}
#aff-im-root{display: none!important;}

/* 移动端底部导航*/

.fswzj {
	position: fixed;
	bottom: 0;
	z-index: 999;
	width: 100vw;
	display: block;
	background: #21293c;
	border-top: 1px solid #dfdfdf;
}

.fswzj ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.fswzj ul li {
	color: #fff;
	width: 25%;
	text-align: center;
	padding: .3rem 0;
	position: relative;
	float: left;
}

.fswzj ul li a {
	color: #fff;
	display: block;
	border-left: 1px solid #dfdffd;
}

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

.fswzj {
	display: none;
}

/* 移动端导航*/


/* 移动端导航按扭 */
.mob_inner_box {
	display: none;
	z-index: 10;
}

.mob_txt h1 {
	font-size: 1.75rem;
	margin-right: 10px;
}

.mob_ico {
	position: absolute;
	right: 0;
	top: 5px;
}

.mob_ico span {
	margin-bottom: 8px;
	width: 34px;
	height: 2px;
	background: #19aeef;
	display: block;
	transition: 0.3s;
}

.menu_bg {
	background: black;
	opacity: 0.85;
	width:100vw;
	height: 100vh;
	position: absolute;
	display: none;
	right: 0;
	top: 48px;
}

.menu_bg_show {
	transition: 0.5s;
}

.menu_txt {
	text-align: center;
}

.menu_txt ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	transition: all 0.5s;
}
.pro-list{display: none;}
.menu_txt a {
	font-size: 1.125rem;
	color: white;
	padding: 20px 0px;
	line-height: 70px;
	margin-left: 60px;
}

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

/* 延迟加载菜单文字 */
.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;
	}
}

@media screen and (max-width:1800px) {
	.top_nav>ul>li {
		margin-right: 25px;
	}
}

@media screen and (max-width:1024px) {
	.nav_box .gm_top {
		height: 90px;
		position: static;
	}

	.nav_box2 .gm_top {
		height: 90px;
		position: static;
	}

	.top_logo a {
		height: 80px;
		width: auto;
		padding: 5px;
	}

	.top_logo img {
		width: 80%;
	}

	.top_nav {
		width: 75%;
	}
}

/* 移动端导航按��?*/
@media screen and (max-width:768px) {
	.nav_box {
		height: 48px;
	}

	.mob_inner_box {
		display: block;
		position: relative;
		height: 30px;
	}

	.top_r_list {
		display: none;
	}

	.logo h1 {
		font-size: 1.75rem;
	}

	.top_r_list::after {
		display: none;
	}

	.fswzj {
		display: block;
	}

	.logo_box {
		padding: 10px 0;
	}

	.top_nav ul {
		display: none;
	}

	.logo_txt {
		padding-left: 10px;
		margin-left: 10px;
		line-height: 30px;
	}

	.logo_img img {
		width: 17%;
	}

	.top_box_move {
		position: fixed;
		transition: .3s;
		z-index: 999;
		box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, .1);
	}

	.logo i {
		display: block;
		line-height: 20px;
	}


	.menu_txt a {
		font-size: 1.1rem;
		color: rgba(255, 255, 255, 0.9);
		padding: 15px 0;
		display: block;
	}

	.menu_txt ul li {
		padding: 0;
		border-color: rgba(255, 255, 255, 0.2);
	}

	.nav_box {
		background-position: -60px;
	}
}

@media screen and (max-width:520px) {
	.logo_txt p {
		display: none;
	}

	.top_logo>img {
		display: none;
	}

	.top_logo span {
		display: none;
	}

	.logo_txt {
		border: none;
		margin-left: 0;
	}

	.logo_txt h2 {
		display: none;
	}

	.logo_txt h1 {
		font-size: .85rem;
	}

	.mob_ico {
		right: 6px;
		top: 12px;
	}

	.menu_bg {
	}

	.menu_txt a {
		font-size: .875rem;
	}

	.top_logo {
		width: 42%;
		margin-left: 0px;
	}

	.mob_inner {
		top: 22%;
	}

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

	.mob_logo>p {
		margin-left: 5px;
		color: black;
		font-weight: bold;
	}

	.nav_box .gm_top {
		height: 53px;
	}

	.logo i {
		display: none;
	}

	.menu_txt a {
		padding: 0;
	}

	.top_logo a p:nth-child(2) {
		margin-left: 5px;
		padding-left: 5px;
	}

	.nav_box {
		background-position: -225px;
	}

	.top_logo a {
		height: 43px;
	}

	.top_logo img {
		width: 80%;
	}

	.top_box_move {
		background: #fff;
	}
}

/* @media screen and (max-width:375px) {
		.menu_bg{top: 44px;}
		
	} */

.news_con .swiper-slide {
	margin-left: 8px;
}

.news_con .swiper-slide .img>img {
	width: 100%;
}

/* head */

.top_r {
	color: #fff;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 5px;
}

.top_r b.xd{
	background-color: #ff650dc2;
	padding: .1875rem .625rem;
}
.top_r b:hover{
	background-color: #FF650D;

}
.top_r b {
	padding: .1875rem .625rem;
	margin: 0 3px;
	font-weight: normal;
	border-radius: 5px;
}

.top_r span {
	font-size: 1.125rem;
	font-weight: bold;
}

/* banner */

.banner {
	position: relative;
}

.banner .swiper-pagination {
	bottom: 35px !important;
	left: 50%;
	transform: translateX(-50%);
}

.banner .swiper-pagination-bullet {
	opacity: 1 !important;
	background: white !important;
	border-radius: 10px !important;
	transition: .5s;
	width: 12px !important;
	height: 12px !important;
	margin: 0 10px !important;
}

.banner .swiper-pagination-bullet-active {
	width: 12px !important;
	height: 12px !important;
    background: white !important;
    position: relative;
}

.banner .swiper-pagination-bullet-active::before {
    content: '';
    position: absolute;
	display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px; /* 根据需要调整 */
    height: 30px; /* 根据需要调整 */
    border: 1px solid #fff; /* 红色边框 */
    background-color: transparent;
    border-radius: 50%; /* 圆形 */
}
.banner .swiper-pagination span {
	position: relative;
}

.banner .swiper-pagination-bullet-active::after {
	opacity: 1 !important;
}

.banner .swiper-slide img:nth-child(2) {
	display: none;
}

@media screen and (max-width:768px) {
	.banner .swiper-slide img:nth-child(2) {
		display: block;
	}
	.banner .swiper-pagination {
		right: 0% !important;
		left: auto !important;
		bottom: 18px !important;
	}
}

.banner .swiper-container-horizontal>.swiper-paginationProTop {
	bottom: 35px !important;
	position: absolute;
}

.banner .swiper-paginationProTop-bullet {
	opacity: 1 !important;
	background: white !important;
	transition: .5s;
	width: 40px !important;
	height: 2px !important;
	margin: 0 8px !important;
	border-radius: 0 !important;
}

.banner .swiper-paginationProTop-bullet-active {
	background: #0c6297 !important;
	transition: .5s;
}

.banner .swiper-paginationProTop span {
	position: relative;
}

.banner .swiper-paginationProTop-bullet-active::after {
	opacity: 1 !important;
}

.news_con .news_txt {
	background: #f8f8f8;
	padding: 30px;
	border: 1px solid #e3e3e3;
	border-top: 0;
	border-radius: 0 0 20px 20px;
}

.news_con .news_txt h3 {
	font-size: 24px;
	color: #474747;
	font-weight: normal;
	margin-bottom: 20px;
	height: 78px;
	line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-wrap: nowrap;
}

.news_con .news_txt p {
	color: #919191;
}

.news_con>ul>li div.img img {
	transition: all 0.5s;
	width: 100%;
}

.news_con>ul>li:hover div.img img {
	transform: scale(1.1);
}

.news_con>ul>li:hover {
	-webkit-box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.15);
}

/* 隐藏 Shadowbox 容器的滚动条 */
.shadowbox-container {
    overflow: hidden !important; /* 强制隐藏滚动条 */
}
 
/* 如果 Shadowbox 使用 iframe 加载内容，隐藏 iframe 的滚动条 */
.shadowbox-container iframe {
    overflow: hidden !important;
    display: block; /* 确保 iframe 是块级元素 */
}
 
/* 或者针对 Shadowbox 的内容区域隐藏滚动条 */
.shadowbox-content {
    overflow: hidden !important;
}

/* index */

.in-js {padding:80px 0 40px;}
.jsl {display: flex;justify-content: space-between;}
.jsl .left {width: 50%;overflow: hidden;}
.jsl .left img {width: 80%;margin:5%;transition: all 0.5s ease-in-out;}
.jsl .right {flex:1;padding:2em;}
.jsl .right h4 {font-size: 45px;color: #0f0f0f;margin-bottom:30px;}
.jsl .right p {line-height:1.75;font-size: 20px;color: #565656;}
.jsl .left:hover img {transform: scale(1.1) ;transition: all 0.5s ease-in-out;}

/* in-pro */

.in-pp {padding-bottom: 80px;text-align: center;}
.in-pp-top {display: flex;align-items: center;justify-content: center;}
.in-pp-top h2 {font-size: 45px;color: #0f0f0f;font-weight: bold;}
.in-pro-box {margin-top:40px;}
.in-pp-1 {width: 10%;height: 6px;margin: auto 0;}
.in-pp-2 {width: 9px; height: 9px;background-color: #0455DC;border-radius: 50%;margin: auto 1%;}
.atl {background-image: linear-gradient(to right, rgba(255, 0, 0, 0), #0455DC);}
.atr {background-image: linear-gradient(to left, rgba(255, 0, 0, 0), #0455DC);}
.in-pro-list {display:flex;align-items: center;justify-content: center;}
.in-pro-list a {display: block;font-size:20px;padding:0 40px;height:40px;line-height:40px;position: relative;cursor: pointer;;}
.in-pro-list>div:nth-child(1) a::after {content: "";display: inline-block;width:1px;height:18px;background:#afafaf;position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.in-pro {width: 100%;max-width: 1200px;margin: 0 auto;position: relative;margin-top:2em;}
.in-pro ul {display: flex;align-items: center;justify-content: space-evenly;flex-wrap: wrap;}
.in-pro li {flex:0 1 32%;margin-bottom: 2em;}
.in-pro li a {display: block;height: 100%;width: 100%;}
.in-pro li a p {text-align: center;line-height:2;font-size:18px;color:#0f0f0f;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 96%;margin:auto;}
.pin-ro-img {overflow: hidden;border: 1px solid #cdcdcd;}
.in-pro-list a:hover {font-weight: bold;color:#0a173f;}

.in-ab {background-color: #f7f7f7;padding: 80px;}
.abl {display: flex;align-items: center;justify-content: space-between;}
.abl .left {width: 50%;}
.abl .left-img {overflow: hidden;}
.abl .left-img img {width:100%;transition: all .5s ease-in-out;}
.abl .left-img img:hover {transform: scale(1.1) ;transition: all .5s ease-in-out;}
.abl .right {flex:1;margin-left:5%;position: relative;}
.abl .right h2 {font-size: 40px;font-weight: bold;position: relative;margin-bottom:1em;}
.abl .right p {font-size: 20px;color: #565656;margin-bottom: 60px;}
.abl .right span {display:block;width:120px;height:50px;line-height:50px;text-align: center;background:#0059c5;border-radius: 6px;}
.abl .right span a {display:block;width:100%;height:100%;font-size:16px;color:#fff;}

.in-hh {padding: 80px 0;}
.in-hh p {line-height:2;font-size:18px;color:#565656;}
.in-hhl {position: relative;margin-top:60px;}
.in-ha {position: absolute;left: 0;top: 0;width:100%;height:100%;z-index: 10;}
.in-ha ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.in-ha ul li {flex:0 1 28%;}
.in-ha ul li:nth-child(2n+1) {margin-right:10%;}
.in-hal {padding:2em;}
.in-hal img {max-width:10%;}
.in-hal h4 {font-size:24px;color:#333;margin:25px 0 15px;}
.in-hal p {line-height:1.75;font-size:16px;color:#808080;}
.in-hb {text-align:center;}

/* in-case */

.in-zs {padding:80px 0;}
.zsl {margin-top:60px;}
.swiper-box {position: relative;}
.zsl .swiper-container {position: relative;z-index: 1;}
.zsl .swiper-button-prev, .zsl .swiper-button-next {position: absolute;top: 60%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;}
.zsl .swiper-button-prev {left:-40px;}
.zsl .swiper-button-next {right:-40px}
.zsl .swiper-img-box {width: 100%;height: 100%;display: block}
.zsl .swiper-img {width: 100%;height: 100%;display: block;-o-object-fit: cover;object-fit: cover;transition: transform .64s cubic-bezier(.15,.75,.5,1) 0s}
.zsl .img-animation {overflow: hidden; position: relative}
.zsl .img-animation::after {position: absolute;top: 0; left: -75%;z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .3)); transform: skewX(-25deg);}
.zsl .swiper-img:hover {transform: scale(1.03) translateZ(0)}
.zsl .img-animation:hover::after {transition: all .6s ease;left: 90%}
.zsl .img-animation:hover .swiper-img {transform: scale(1.03) translateZ(0)}

.in-zsa {padding:80px 0 0;}
.in-zsa ul {display: flex;align-items: center;justify-content: space-between;}
.in-zsa ul li {flex:0 1 48%;}
.in-zsa ul li h4 {font-size:24px;color:#333;margin-bottom:25px;}
.in-zsa ul li p {font-size: 16px;color:#565656;line-height:1.75;}

/* in-news */

.in-news {padding:80px 0;background:#f5f5f5;}
.in-nl {margin-top:60px;}
.in-nl ul {display: flex;align-items: center;justify-content: space-between;}
.in-nl ul li {flex:0 1 24%;box-shadow:0 2px 10px rgba(0, 0, 0, .1);border-radius: 8px;overflow: hidden;}
.in-nsa {overflow:hidden ;}
.in-nsa img {transition: all .4s;}
.in-nsb {padding:20px;}
.in-nsb h4 {font-size:18px;color:#363636;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.in-nsb span {font-size:12px;color:#565656;display:block;margin-top: 2em;}
.in-nl ul li:hover .in-nsa img {transform: scale(1.15);transition: all .4s;}

/* in-con */
.in-con {padding:80px 0; }
.in-conl ul {display: flex;justify-content: space-between;}
.in-conl ul li {flex:0 1 48%;}
.in-cla {padding:2em;;background:#fff;}
.in-cla h2 {font-size: 40px;color:#0d39b8;margin-bottom:25px;}
.in-cla h3 {font-size: 38px;color:#000;margin-bottom:25px;}
.in-cla h3:after {content: "";display: block;width:100%;height:1px;background:#f0f0f0;margin:20px 0;}
.in-cla h4 {font-size: 25px;color:#252525;margin-bottom: 20px;}
.in-cla p {line-height: 1.75;font-size: 16px;color:#252525;margin-bottom: 40px;}
.in-cla ol {display: flex;justify-content: space-evenly;flex-wrap: wrap;}
.in-cla ol li {flex:0 1 48%;margin-bottom:2em;text-align: center;}
.in-cla ol li img {max-width: 18%;}
.in-cla ol li dd {font-size: 16px;line-height: 2.5;}
.in-clb {background:#f0f0f0 url(../img/in-clb-bg.jpg) no-repeat center/cover;}
.in-clb>div {width: 100%;}

/* in-dd */

.in-dd {padding:40px 0 50px;background: #adadad url(../img/in-ddbg.png) no-repeat center bottom fixed;background-size: cover;text-align:center;}
.in-dd h2 {font-size:38px;color:#fff;font-weight: bold;margin-bottom:25px;}
.in-dd h4 {font-size:20px;color:#fff;margin-bottom:40px;}
.in-dd ul li {margin-top:20px;}
.in-dd textarea {width:100%;max-width:100%;height:48px;line-height:48px;border-radius: 6px;border:none;outline: none;padding-left:1em;resize: none;box-sizing: border-box;}
.in-dd ul li:nth-child(4) textarea {min-height: 160px;max-height: 300px;line-height: 1.5;resize:both;overflow: hidden;padding-top:6px;}
.in-dd input {width:100%;height:48px;border-radius: 6px;border:none;outline: none;padding-left:1em;box-sizing: border-box;}
.in-dd .btn {background:#077ed1;color:#fff;margin-top:40px;cursor: pointer;}

div.green-black{ width:100%; padding:10px 0; text-align:center; margin:20px auto;justify-content: center;}
div.green-black A{ display: inline-block; box-sizing: border-box; line-height: 36px; padding: 0 10px; height: 36px; box-sizing: border-box;  border-radius: 5px; COLOR: #a8a7a7;MARGIN-RIGHT: 6px; TEXT-DECORATION: none;font-size:100%;background-color:transparent;}
div.green-black A:hover{COLOR:#fff; background-color:#a5a5a5;}
div.green-black SPAN.current{padding: 0 13px; height: 36px; display: inline-block; box-sizing: border-box;  line-height: 32px; COLOR: #fff; MARGIN-RIGHT: 6px; background:#0455d9; border-radius: 5px;}
div.green-black .linkPL{ font-family: "宋体"; font-weight: bold; }
@media screen and (max-width:768px) {
	div.green-black {padding:0;margin: 10px auto;display: flex;}
	div.green-black A {height: 26px;line-height: 26px;padding: 0 5px;margin-right:12px;font-size: 13px;}
	div.green-black SPAN.current {height: 26px;line-height: 26px;padding: 0 8px;}
}

/* footer */

.footer {padding: 60px 0 0;background: #21293c;}
.foot_con {display: flex;justify-content: space-between;}
.foot-l {text-align: center;margin-right:25%;}
.foot-l img {max-width:110px;margin-bottom: 10px;filter: brightness(100) grayscale(1);}
.foot-l p{color: #fff;font-size: 16px;}
.foot-r {flex:1;display: flex;justify-content: space-between;}
.foot-r p {margin-bottom:1em;}
.fo_m a {display:block;color:#fff;opacity: .6;}
.fo_m .fl-dx a{opacity: 1;}
.fall p {display: flex;align-items: center;color:#fff;}
.fall p img {display: block;margin-right:10px;width: 8%;}
.fall p span {padding: 0 6px;}
.fot-hq {margin-top: 20px;padding:20px 0;border-top: 1px solid rgba(255,255,255,.2);text-align: center;font-size:14px;color:#fff;}

.fixed-right-center {position: fixed; right: 20px; top: 50%; transform: translateY(-50%); }
.r-item {margin-bottom:10px;cursor: pointer;overflow-y: hidden;}
.r-item span {display:block;width:50px;height:50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border:1px solid #ededed;background:#fff;}
.r-item img {width:60%;margin: auto;}
.fixed-right-center>div:last-child img {width:50%;}
.r-item:hover img {filter: grayscale(100%) brightness(100);}
.r-item:nth-child(1):hover span {background:#fd9d0b;border:1px solid #fd9d0b;}
.r-item:nth-child(2):hover span {background:#37de55;border:1px solid #37de55;}
.r-item:nth-child(3):hover span {background:#ff7e11;border:1px solid #ff7e11;}
.r-item:nth-child(4):hover img {filter: none;}

/* about */

.ab {position: relative;}
.ab-box {padding:80px 0;}
.ab-box h2 {text-align: center;font-size: 36px;color:#0f0f0f;font-weight:bold;} 
.ab-box h3 {font-size: 30px;color: #252525;margin-bottom:25px;}
.am1 p {line-height:1.75;font-size:16px;color:#666;margin-top: 50px;}
.amla {margin-top: 50px;display: flex;align-items: center;justify-content: space-between;}
.amla .left {flex:0 1 48%;margin-right: 40px;overflow: hidden;}
.left-img {padding:5% 0}
.amla .left img {width:80%;margin: auto;transition: all .5s ease-in-out;}
.amla .right {flex: 1;}
.amla .right li {height:36px;line-height: 36px;border-bottom: 1px solid transparent;}
.amla:hover .left img {transform: scale(1.1);transition: all .5s ease-in-out;}
.amlb {margin-top: 50px;}
.am2 {margin-top:80px}
.am2 p {line-height:2;font-size: 18px;color:#565656;}

/* inquiry */

.jk-box {padding:50px 0;}
.jk-box h2 {font-size: 30px;color:#0f0f0f;font-weight: 600;text-align: center;margin-bottom: 40px;}
.jsm {display: flex;justify-content: space-between;}
.jsm .jsm-left {flex:0 1 60%;margin-right:4%;padding:2.5%;}
.jsm-left h4 {font-size:20px;color:#252525;margin-bottom: 25px;}
.jsm-left ul {display: flex;flex-direction: row;}
.jsm-left ul li {flex:1;padding:20px;border:1px solid #ededed;margin-bottom: 10px;}
.jsm .jsm-right {flex:1;padding:60px 40px;background: #f5f5f8;}
.jsm-right ul li {margin-bottom:1em;}
.jsm-right ul li h4 {margin-bottom: .5em;}
.jsm-right textarea {width:100%;max-width:100%;height:50px;line-height:1.5;border-radius: 6px;border:none;outline: none;padding:1em;resize: none;box-sizing: border-box;}
.jsm-right .bookTa {height:150px;max-height:380px;resize:vertical;overflow-y: auto;}
.jsm-right .btm {width: 150px;height: 50px;line-height: 50px;text-align: center;color: #fff;background: #f60;border: none;outline: none;cursor: pointer;border-radius: 6px;}

/* product */

.pro-box {background:#f5f5f8;}
.pro-box h2 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 0;width:90%;margin: auto;}
.pa {padding-left: .5em;border-bottom: 1px solid #e0e0e0;}
.pro-box .pa{color: #767676;height: 50px ;line-height: 50px;}
.pro-box .pa>a{color: #767676;}
.pro-bl {padding:50px 0;background:#f5f5f8;}
.pro-bl ul {display: flex;align-items: center;flex-wrap: wrap;}
.pro-bl ul li {flex:0 1 32%;margin-left:2%;padding:25px;;margin-bottom: 60px;background: #fff;box-shadow: 0 5px 15px rgba(0, 0, 0, .08);}
.pro-bl ul li:nth-child(3n+1) {margin-left:0;}
.pro-bl ul li a {position: relative;display: block;width:100%;height:100%;}
.pro-bl ul li a img {width:100%;}
.pro-bl ul li a h2 {height: 60px;line-height: 60px;font-size: 18px;color:#1a1a1a;}
.pro-l {overflow: hidden;position: relative;}
.pro-l img {max-width: 100%;transition: all .3s ease-in-out;}
.pro-box ul li:hover .pro-l img {transform: scale(1.1);transition: all .4s ease-in-out;}
.pro-js {min-height:60px;}

/* productshow */

.ab-p .pa{color: #767676;height: 50px ;line-height: 50px;}
.ab-p .pa>a{color: #767676;}
.ps-box {padding-top: 50px;display: flex;justify-content: space-between;}
.ps-box a {border-radius: 6px;}
.ps-box .left img {width:100%;}
.ps-box .right, .ps-box .left {width: 48%;}
.ps-box .right h2 {color: #2f2f2f;font-size: 36px;}
.ps-box .right a {display: block;width: 100%;height: 50px;line-height: 50px;margin-top: 80px;background-color: #f60;text-align: center;font-size: 20px;color: #fff;cursor: pointer;}
.ps-box .right-top {display: flex;align-items: center;justify-content: space-between;}
.pro-dist {margin-top:40px;padding:0 10px;background:#f7f7f7;}
.pro-dist ul {display: flex;align-items: center;}
.pro-dist ul li {flex:0 0 auto;padding:8px 24px;background:#fff;border-bottom:2px solid transparent;margin-right:1px;}
.pro-dist ul li h4 {font-size:20px;color:#252525;}
.pro-dist ul li:hover {border-bottom: 2px solid #000;}
.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1002;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-content {
	background: white;
	padding: 20px;
	border-radius: 5px;
	width: 90%;
	max-width: 700px;
	height: 80vh;
	overflow-y: auto;
}

.close {
	float: right;
	font-size: 24px;
	cursor: pointer;
}

.modal-content h2 {
	text-align: center;
	font-size: 24px;
	color: #252525;
	margin-bottom: 30px;
}

.modal-content h4 {
	font-size: 16px;
	color: #000;
	margin-bottom: 10px;
}

.modal-content h4 span {
	color: #a00;
}

.modal-content h5 {
	text-align: center;
	line-height: 1.5;
	font-size: 18px;
	color: #565656;
	margin-bottom: 50px;
}

.modal-content textarea {
	box-sizing: content-box;
	width: 98%;
	padding-left: 1em;
	margin-bottom: 16px;
	height: 40px;
	line-height: 40px;
	color: #ededed;
	resize: none;
	border: 1px solid #dfdfdf;
	outline: none;
	border-radius: 6px;
}

.modal-content .bookTa {
	min-height: 160px;
	resize: horizontal;
}

.modal-content .btm {
	width:150px;
	height:50px;
	line-height:50px;
	text-align: center;
	color:#fff;
	background:#f60;
	border: none;
	outline: none;
	cursor: pointer;
	border-radius: 6px;
}

.share-trigger {border: none;background: transparent;cursor: pointer;}
.share-trigger i {display:flex;align-items: center;justify-content: center;width:48px;height:48px;border: 1px solid #e0e0e0;border-radius: 50%;}
.share-modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 800px;
	background: white;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.3);
	z-index: 1001;
	overflow: hidden;
	animation: modalFadeIn 0.3s ease;
}
@keyframes modalFadeIn {
	from { opacity: 0; transform: translate(-50%, -50%) scale(0.9); }
	to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

.modal-header {
	padding: 20px;
	text-align: center;
	border-bottom: 1px solid #eee;
}

.modal-header h3 {
	margin: 0;
	color: #333;
	font-size: 18px;
}

.modal-body {
	padding: 20px;
}

/* 链接显示区域 */
.link-container {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}

.page-link {
	flex: 1;
	padding-left: 15px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #555;
	background-color: #f9f9f9;
	overflow-x: auto;
	white-space: nowrap;
	border: none;
	outline: none;
}

.copy-btn {
	width: 100px;
	height: 40px;
	line-height: 40px;
	padding: 0 8px;
	background-color: #777;
	color: #fff;
	cursor: pointer;
	transition: background 0.2s;
	border: none;
	outline: none;
}

.copy-btn:hover {
	background-color: #e0e0e0;
}

/* 分享平台按钮 */
.share-platforms {
	display: flex;
	margin-top: 6px;
}

.platform-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: none;
	border: none;
	cursor: pointer;
	padding: 10px;
	border-radius: 10px;
	margin-right:20px;
	transition: all 0.2s;
}

.platform-btn:hover {
	transform: translateY(-3px);
}

.platform-icon {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.platform-name {
	font-size: 14px;
	color: #666;
}

/* 各平台特定样式 */
.weibo .platform-icon { background-color: #e6162d; }
.xiaohongshu .platform-icon { background-color: #ff2442; }
.douyin .platform-icon { background-color: #000000; }

/* 遮罩层 */
.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;
}

/* 关闭按钮 */
.close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	border: none;
	background: none;
	font-size: 20px;
	cursor: pointer;
	color: #999;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.close-btn:hover {
	background-color: #f0f0f0;
	color: #666;
}

.qrcode-container {height: 40px;width: 40px;margin-left:4px;}
.qrcode-container img {filter: brightness(0.5);}
#qrcodeModal .modal-content {
	max-width: 380px;
	height: 380px;
	text-align: center;
	padding: 50px;
  }
  
  #dynamicQrcode {
	margin: 15px auto;
	display: inline-block;
  }
/* news */

.new-box {padding: 50px 0;}
.new-box h2 {font-size:30px;font-weight:600;color:#252525;margin-bottom: 50px;}
.new-box ul {padding:10px 0;}
.new-box li {width: 98%;padding:1em;margin:auto;margin-bottom: 30px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);transition: all .5s;}
.new-box li a {display: flex;width: 100%;height: 100%;}
.new-box li a img {width:100%;height:240px;}
.new-box li a h4 {font-size:1.5rem; line-height:1.5;color:#1f1f1f;margin-top:40px;margin-bottom:10px;}
.new-box li a p {font-size:0.875rem; color:#999; font-weight:normal; padding-top:8px;}
.new-box li a span {font-size: 14px;color: #555;}
.new-box li a span:after {content: "";display: block;width: 100%;height: 1px;background: #ddd;margin: 10px 0;}
.news-l {margin-right: 2em;}
.news-r {flex:1;}
.new-box li:hover {transform: translateY(-10px);transition: all .5s;}

/* newsshow */

.newsDetail {padding:30px 0 50px;}
.newsshow_title {text-align:center;margin-bottom:2em;}
.newsshow_title h2 {line-height: 1.25;font-size:36px;color:#2f2f2f;width: 90%;margin: auto;margin-bottom:16px;}
.newsshow_title p {font-size:16px;color:#888;}
.newsshow_wnnr {line-height: 1.75;font-size: 18px;;color:#555;}
.newsshow_pn {background:#f8f8f8;margin-top:20px;}
.newsshow_pn ul {display: flex;justify-content: space-between;}
.newsshow_pn ul li {height:60px;line-height:60px;}
.newsshow_pn ul li a {color:#555;display: flex;align-items: center;justify-content: center;}
.prev-icon {display: flex;align-items: center;justify-content: center;width: 36px;height:36px;margin: 0 25px;border: 1px solid #aaa;border-radius: 50%;}
.prev-icon img {width:30%;margin: auto;filter: brightness(.3);}
.prev-txt {padding:0 40px;color:#555}
.newsshow_pn ul li:hover {background:#19aeef;}
.newsshow_pn ul li:hover .prev-icon {border:1px solid #fff;}
.newsshow_pn ul li:hover .prev-icon img {filter: brightness(1);}
.newsshow_pn ul li:hover .prev-txt  {color:#fff;}

/* contact */

.ab-o {text-align: center;position: relative;}
.ab-o  h2{font-size: 45px;color: #fff;}
.can-box {padding:40px 0;}
.can-box .in-conl h3 {font-size: 24px;font-weight: 600;}
.xop {background:url(../img/xop-bg.jpg) no-repeat center fixed;}

/* FAQ */

.container {
	max-width: 800px;
	margin: 0 auto;
	padding: 80px 0;
}

.container h2 {
	font-size: 30px;
	color: #333;
	margin-bottom: 30px;
}

.accordion {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.accordion-item {
	border-bottom: 1px solid #eee;
}

.accordion-item:last-child {
	border-bottom: none;
}

.accordion-header {
	padding: 20px;
	cursor: pointer;
	background-color: #fff;
	transition: background-color 0.3s;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.accordion-header:hover {
	background-color: #f5f5f5;
}

.accordion-header h3 {
	font-size:18px;
	color:#252525;
	font-weight: 600;
}

.accordion-icon {
	transition: transform 0.3s;
	color: #252525;
    font-family: 'GOT-BOOK';
    font-weight: 100;
    opacity: 32%;
}

.accordion-content {
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out, padding 0.3s ease-out;
	background-color: #fff;
}

.accordion-content-inner {
	padding: 20px;
	color: #676767;
	line-height: 1.6;
}

.accordion-item.active .accordion-icon {
	transform: rotate(90deg);
}

.accordion-item.active .accordion-content {
	max-height: 500px;
	overflow-y: auto;
}

/* search*/

.pro-s {padding:50px;}
.pro-s h2 {font-size:30px;color:#252525;text-align: center;margin-bottom: 40px;}
.seard form {display:flex;align-items: center;justify-content: center;}
.seard input {flex:1;height:60px;line-height:58px;border:1px solid #ddd;outline:none;padding-left:1em;}
.seard button {width:180px;height:60px;line-height:60px;text-align: center;color:#fff;background:#404040;border:none;outline:none;cursor: pointer;}

/*------------------------------------------------------------------------------------------------------------*/

.tims li {
    display: none;
}

.tims li:first-child {
    display: block;
}

/* 显示活动项（可选） */
.tims li.active {
    display: block;
}

/* 时间轴点选中样式 */
.timeline-dots li.active {
    color: #fff;
}

.timeup {text-align: center;height:480px;display: flex;align-items: center;width:90%;margin:auto;}
.timeup>div {width:100%;max-height: 100%;overflow-y: auto;}
.timeup h4 {line-height:1;font-size:2rem;color:#fff;margin:1em 0;}
.timeup p {line-height:1.5;font-size:1.125rem;color:#fff;opacity: 70%;}

.timeline-nav {position: absolute;bottom: 12%;left: 50%;transform: translateX(-50%);width: 96%;justify-content: space-between;}
.timeline-nav button.disabled {opacity: 0.5;cursor: not-allowed;}

.v-top {padding:2em;border-bottom: 1px solid #005988;}
.v-top h2 {font-size:2rem;color: #252525;}
.v-main {padding:4% 2%;}
.v-main ul {display:flex;justify-content: space-between;flex-wrap: wrap;}
.v-main ul li { flex:0 1 31%;}
.case_mc {font-size:1.125rem;padding:8px;height:3em;}
.pageContent_list {width:100%;text-align:center;}
.shadowbox-iframe {width: 100% !important; max-width: 100vw; /* 防止溢出视口 */}

@media (max-width: 1280px) {
	.nav_box .nax-box {width:97%;margin: auto;}
	.zsl .swiper-button-prev, .zsl .swiper-button-next {display: none;}
	.l-txt {display: block;}
	.in-hh .left {border:0;}
	.in-hh .left h6 {width: 100px;}
	.container {position: relative;height: auto;}
	.product-section {border:0;padding:0;}
	.product-item {height: auto;}
	.product-item p {height: 60px;line-height: 60px;margin-top:0;}
	.product-item p a {color: #fff;}
	.product-item p:hover {background: #e62129;}
	.product-item p:hover a {color: #fff;}
}

@media (max-width: 1024px) {
	.in-ab {height: auto;padding-top:50px;}
	.otk {margin-top: 30px;padding-bottom:50px;}
	.in-zz {height: auto;padding-top: 60px;}
	.in-zz>.agm {flex-wrap: wrap;}
	.in-zz .left, .in-zz .rut {width: 100%;}
	.rut .box {height: 480px;}
	.rut .list {height: 100%;}
	.rut .btn {top: 30%;}
	.in-hh {height: auto;padding-top: 50px;}
	.in-hh>.agm {flex-wrap: wrap;}
	.in-hh .left, .in-hh .right {width:100%;}
	.in-hh .left {padding:30px 60px;}
	.in-hh .right {padding-top: 30px;}
	.in-hh .right ul {margin-top: 30px;padding-bottom: 50px;}
	.in-hal {padding: 1em;}
	.in-hal h4 {font-size: 20px;}
	.in-hal img {max-width: 25%;}
	.am2 p {font-size: 16px;}

	.top_nav {margin: 0 5%;}
	.top_nas {flex: 0 1 20%;}
	.footer>.agm {flex-wrap: wrap;}
	.fo_m {margin-right:0;flex:0 1 25%;}
	.foot_con, .fot-bm {width: 100%;}
	.fot-bm { margin-top: 1.5em;}
	.fot-bm {margin-top:2em;}
	.fot-bm h2 {margin-bottom: 15px;}
	.fot-bm h3 {border-top: 0;padding-top: 0;}

	.ab-box {padding-top: 60px;padding-bottom: 100px;}
	.am1 {flex-wrap: wrap;}
	.ab-box .left, .ab-box .right {width:100%;}
	.ab-box .right h2 {text-align: left;}
	.ab-box .right h3 {text-align: left;}
	.ab-box .midden {display: flex;}
	.ab-box .midden li {flex: 1;}
	.ab-bt {height:auto;padding-top:50px;padding-bottom:60px;}
	.ab-bt .gm>ul {flex-wrap: wrap;}
	.ab-bt .gm>ul>div {flex: 0 1 100%;}
	.ab-bt h3 {margin-bottom: 40px;}
	.a3 {margin-bottom: 1em;}
	.timeup {height:250px;}
	.timeline-nav {bottom: 17%;}
	.timeline-nav button img{width:60%;}

	.pro-bl ul li a h2 {height: 50px;line-height: 50px;}
	
	.new>.gm {height: auto;}
	.new .right {padding-top: 50px;}
}
@media (max-width: 768px) {
	.mob_inner_box .top_nas {position: absolute;top: 3px;right: 16%;width: 25%;}
	.fixed-right-center {display: none;}
	.nav_box .nax-box {width:100vw;}
	.top_list {display:none;}
	.top-logo img {width:13%;margin: 0 5%;}
	.in-js {padding: 40px 0 10px;}
	.jsl {flex-wrap: wrap;}
	.jsl .left {width: 100%;text-align: center;}
	.jsl .right {padding: 2em 10px;}
	.jsl .right h4 {font-size: 25px;margin-bottom: 20px;}
	.jsl .right p {font-size: 16px;}
	.in-pp-top h2 {font-size: 25px;}
	.in-pp {padding-bottom: 0;}
	.in-pp-1 {width: 22%;}
	.in-pp-2 {margin: auto 3%;}
	.in-pro-list a {font-size: 18px;padding: 0 32px;height: 30px;line-height: 30px;}
	.in-pro li {flex:0 1 30%;overflow: hidden;margin-bottom: 1em;}
	.in-pro li a p {font-size: 13px;}
	.in-ab {padding: 20px 0;}
	.abl {flex-wrap: wrap;}
	.abl .left {width: 100%;}
	.abl .right {margin-left: 0;margin-top: 1em;}
	.abl .right h2 {font-size: 25px;margin-bottom: 15px;}
	.abl .right p {font-size: 15px;margin-bottom: 30px;}
	.abl .right span {width: 120px;height: 40px;line-height: 40px;margin:auto;}
	.in-hh {padding-bottom: 0;}
	.in-ha {position: relative;}
	.in-hhl {margin-top: 20px;}
	.in-ha ul li {flex: 0 1 100%;margin-right: 0;}
	.in-ha ul li:nth-child(2n+1) {margin-right: 0;}
	.in-hal img { max-width: 16%;}
	.in-hal h4 {margin: 10px 0 15px;}
	.in-zs {padding: 50px 0;}
	.zsl {margin-top: 20px;padding: 0 33px;}
	.zsl .swiper-button-prev, .zsl .swiper-button-next {display: flex;justify-content: center;align-items: center;}
	.zsl .swiper-button-prev {left: -32px;}
	.zsl .swiper-button-next {right:-32px;}
	.zsl .swiper-button-next:after, .zsl .swiper-button-prev:after {font-size:20px;}
	.in-zsa {padding: 50px 0 0;}
	.in-zsa ul {flex-wrap: wrap;}
	.in-zsa ul li {flex: 0 1 100%;}
	.in-zsa ul li h4 {margin-top: 30px;font-size: 24px;margin-bottom: 20px;}
	.in-news {padding: 50px 0;}
	.in-nl {margin-top: 30px;}
	.in-nl ul {flex-direction: column;}
	.in-nl ul li {margin-bottom: 1em;}
	.in-nsb {padding: 20px 10px;}
	.in-con {padding: 50px 0;}
	.in-conl ul {flex-wrap: wrap;}
	.in-conl ul li {flex: 0 1 98%;margin:auto;}
	.in-cla {padding: 0;}
	.in-cla h2 {text-align: center;font-size: 25px;}
	.in-cla h4 {font-size: 20px;font-weight: 600;}
	.in-cla h3 {font-size: 24px;}
	.in-cla ol {margin-bottom:0;}
	.in-cla ol li {flex: 0 1 48%;margin-bottom:1em;}
	.in-cla ol li img {max-width: 15%;}
	.in-cla ol li dd {font-size: 15px;}
	.in-dd h2 {font-size: 25px;}
	.in-dd h4 {font-size: 15px;}
	.in-dd ul li {margin-top: 12px;}
	.in-dd textarea {height: 38px;line-height: 38px;}
	.in-dd .btn {margin-top: 20px;cursor: pointer;}

	.footer {padding-top: 18px;padding-bottom: 48px;}
	.foot_con, .fot-bm {flex-wrap: wrap;}
	.foot-l {width:100%;margin-right: 0;}
	.foot-l img {max-width: 80px;margin: auto;}
	.foot-l p {display: none;}
	.foot-r {display:none;}
	.fot-hq {margin-top: 0;border-top: 0;padding: 10px 0;font-size: 12px;}

	.randy {overflow: hidden;display: flex;justify-content: center;}
	.randy img{width:100%;max-width: max-content;}
	.pro-s {min-height: 60vh;padding: 30px 20px;}
	.pro-s h2 {font-size: 25px;margin-bottom: 25px;}
	.seard input {height: 40px;line-height: 38px;}
	.seard button {height: 40px;line-height: 40px;}

	.pro-bl {padding-top:20px;}
	.pro-bl ul  {justify-content: space-between;padding: 0 1%;}
	.pro-bl ul li {flex: 0 1 48%;padding: 0;margin:0;margin-bottom: 1em;}
	.pro-box li {margin-bottom: 20px;overflow: hidden;}
	.pro-box li h2 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 88%;margin: auto;}
	.pro-bl ul li a h2 {height: 40px;line-height: 40px;text-align: center;font-size: 15px;}
	.product-section {justify-content: flex-start;}
	.product-item {flex: 0 1 auto;padding:0 .5em;margin-top: 0;}
	.product-item p {height: 48px;line-height: 48px;}
	.product-item p a {font-size: 16px;white-space: nowrap;}
	.container .carousel {
		overflow-x: auto;
		/* 自定义滚动条样式（WebKit浏览器） */
		&::-webkit-scrollbar {
			height: 3px; /* 滚动条宽度 */
		}
		&::-webkit-scrollbar-thumb {
			background-color: #0b6991; /* 滑块颜色 */
			border-radius: 4px; /* 圆角 */
		}
		&::-webkit-scrollbar-thumb:hover {
			background-color: #555; /* 悬停时颜色 */
		}
		&::-webkit-scrollbar-track {
			background-color: #f1f1f1; /* 更柔和的轨道颜色 */
		}
	}

	.ps-box {flex-wrap: wrap;padding-top:0;padding-bottom: 0;}
	.ps-box .right, .ps-box .left {width: 100%;}
	.ps-box .right {padding:20px 10px;}
	.ps-box .right h2 {font-size: 25px;}
	.ps-box .right a {margin:20px auto;height:40px;line-height: 40px;font-size: 16px;}
	.share-trigger i {width: 38px;height: 38px;}
	.share-trigger i img {width:66%;}
	.modal-content form {text-align: center;}
	.modal-content h4 {text-align: justify;}
	.modal-content h5 {font-size: 13px;margin-bottom: 20px;}
	.pro-dist {margin-top: 0;}
	.pro-dist ul li h4 {font-size: 18px;}

	.ab-box {padding-top: 30px;padding-bottom: 50px;}
	.ab-box h2 {text-align: center;font-size: 25px;}
	.am1 p {font-size: 16px;color: #666;margin-top: 16px;}
	.amla {flex-wrap: wrap;margin-top:10px;margin-top: 15px;}
	.amla .left {flex: 0 1 100%;margin-right: 0;}
	.left-img {text-align: center;}
	.ab-box h3 {font-size: 20px;font-weight: 600;margin-top:1em;margin-bottom: 18px;}
	.amla .right li {height: auto;line-height: 1.5;font-size: 14px;color: #565656;margin-bottom: 10px;}
	.amlb {margin-top: 10px;}
	.am2 {margin-top: 30px;}
	.timeline-container {padding: 30px 10px;}
	.timeline-header h2 {font-size: 30px;margin-top: 0px;margin-bottom: 40px;text-align: center;}
	.timeline-header h2 span {display: block;font-size: 16px;padding-top:.5em;}
	.timeup h4 {font-size: 25px;margin: 16px 0 12px;}
	.timeup p {font-size: 16px;}
	.timeline-body {overflow: hidden;padding-top: 0;margin:0;}
	.timeline-dots {overflow: auto;padding-bottom: 13px;overflow-x: auto;white-space: nowrap; }
	.timeline-dots li {flex: 0 0 auto;width: 33%;text-align: center;font-size: 16px;padding: 40px 20px 0;}
	.timeline-dots li::before {
		content: '';
		position: absolute;
		top: 20px; /* 调整垂直位置 */
		left: 50%;
		transform: translateX(-50%);
		width: 12px;
		height: 12px;
		background: #fff;
		border-radius: 50%;
		z-index: 1;
	}
	.timeline-dots li.active::before,
	.timeline-dots li:hover::before, 
	.timeline-dots li.xd::before {
		background: #fff;
		border: 10px solid red;
		box-sizing: border-box;
		width: 40px;
		height: 40px;
		top: 0; /* 调整到顶部 */
	}
	.timeline-dots::before {top: 25%;}

	.timeline-dots::-webkit-scrollbar {
		height: 4px;
	}
	.timeline-dots::-webkit-scrollbar-thumb {
		background: #b1b1b1;
		border-radius: 2px;
	}
	.timeline-nav {width: 100%;bottom: 7%;}
	.timeline-nav button img{width:30%;}
	.timeline-dots li.active::before,.timeline-dots li:hover::before, .timeline-dots li.xd::before {
		background: #C71921;
		border: none;
		box-sizing: border-box;
		width: 12px;
		height: 12px;
		top: 20px; 
	}
	.timeline-dots li.active,.timeline-dots li:hover,.timeline-dots li.xd{font-size: 16px;color: #fff;}

	.new {padding-top: 20px;padding-bottom: 10px;}
	.new>.gm .left {width: 100%;}
	.news-l {margin-right: 0;}
	.new-box {padding-top:30px;}
	.new-box h2 {font-size: 25px;text-align: center;margin-bottom: 20px;}
	.new-box li a {flex-wrap: wrap;}
	.new-box li a h4 {font-size: 20px;margin-top: 10px;}
	.new-box li a span {font-size: 12px;}
	.newsshow_title h2 {line-height: 1.5;font-size: 20px;}
	.newsshow_title p {font-size: 14px;}
	.newsshow_pn ul li {flex: 0 1 50%;height: 50px;line-height: 50px;}
	.prev-txt {padding: 0 20px;}
	.prev-icon {width: 25px;height: 25px;margin: 0 5px;}

	.c0 {flex-wrap: wrap;margin-top: 20px;margin-bottom: 30px;}
	.c1, .c2 {width:100%;}
	.can-box h2 {font-size: 28px;}
	.can-box h3 {margin: 8px 0 1em;}
	.can-box h5 {font-size: 32px;}
	.can-box ul li {width: 100%;align-items: center;margin-bottom: 20px;}
	.can-box ul li>img {width: 8%;margin-right: 20px;}
	.d1 p {font-size: 14px;}
	.can-box .in-conl h3 {font-size: 20px;}

	.v-top {padding: 1em;}
	.v-top h2 {font-size: 25px;}
	.v-main ul li { flex:0 1 48%;}
}