body {
	padding: 0;
	margin: 0;
	background: #f3f4f6;
}
@font-face {
	font-family: 'din_condensed';
	src: url('../fonts/din_condensed_bold-webfont.woff2') format('woff'),
		 url('../fonts/din_condensed_bold-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;

}

/* 默认样式，适用于小于 750px 的屏幕 */
.container {
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0.3rem;
	box-sizing: border-box;
}
.menu_box {display: none;}
.menu_box_m {background: #FFF; height: 1rem; z-index: 100; position: fixed; width: 100%;}
.menu_sty_m {height: 1rem; display: flex; align-items: center; justify-content: space-between; }
a.a_language_m {color: #000; font-size: 0.32rem; padding-top: 0.05rem; margin-right: 0.4rem;}

/* 菜单按钮样式 */
.menu-button {
	margin-right: 0;
	cursor: pointer;
	width: 0.4rem;
	height: 0.3rem;
	position: relative;
}

/* 菜单按钮的三条横线样式 */
.menu-button span {
	display: block;
	width: 100%;
	height: 0.05rem;
	background-color: black;
	position: absolute;
	transition: all 0.3s ease;
}

/* 三条横线的不同位置 */
.menu-button span:nth-child(1) {
	top: 0;
}

.menu-button span:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
}

.menu-button span:nth-child(3) {
	bottom: 0;
}

/* 按钮变为叉状时的样式 */
.menu-button.open span:nth-child(1) {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}

.menu-button.open span:nth-child(2) {
	opacity: 0;
}

.menu-button.open span:nth-child(3) {
	bottom: 50%;
	transform: translateY(50%) rotate(-45deg);
}

/* 侧边滑出的 div 样式 */
.side-menu {
	position: fixed;
	top: 1rem;
	right: -100%;
	width: 100%;
	height: 100vh;
	background-color:#FFF;
	transition: right 0.3s ease;
	z-index: 100;
	padding: 0.3rem;
	box-sizing: border-box;
	border-top: 1px solid #f1f1f1;
	overflow: auto;
}
/* 侧边菜单展开时的样式 */
.side-menu.open {
	right: 0;
}
.side-menu-ul li {padding: 0.3rem 0;}
.side-menu-ul li a{display: flex; align-items: center; justify-content: space-between; font-size: 0.36rem; color: #000;}
.side-menu-ul li a img {width: 0.32rem; height: 0.32rem; transition: transform 0.3s ease;}
.product-details { display: none;margin-left: 0.2rem;}
.rotate { transform: rotate(180deg);}
.product-details_menu {padding-top: 0.2rem;}
.product-details_menu dd a {font-size: 0.24rem; color: #666; line-height: 0.5rem; padding-top: 0.2rem;}
.side-menu-bottom {border-top: 1px solid #f1f1f1; padding: 0.6rem 0 1rem 0;}
.side-menu-bottom h3 {font-size: 0.36rem; }
.side-menu-bottom p {font-size: 0.4rem; font-family: din_condensed; padding: 0.2rem 0;}
.side-menu-icon {display: flex; align-items: center; gap: 0.2rem; padding-top: 0.2rem;}
.side-menu-icon img {height: 0.48rem; width: auto;}

.products-list {padding: 0.2rem; box-sizing: border-box;}
.products-list .products-item { position: relative; }
.products-list .products-item img {width: 100%; height: auto;}
.products-list .products-item .products-item-info {position: absolute;left: 0; top: 10%; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.products-list .products-item .products-item-info h2 {font-size: 0.36rem; line-height: 0.60rem; color: #000; font-weight: normal;}
.products-list .products-item .products-item-info p {font-size: 0.16rem; padding: 0.10rem 0.20rem 0.30rem 0.20rem; color: #000; text-align: center;}
.products-list .products-item .products-item-info a {font-size: 0.14rem; line-height: 0.3rem; padding: 0.1rem 0.3rem; border-radius: 0.50rem; border: 1px solid #000; color: #000;}

.aboutUs-container {width: 100%; display: flex; flex-direction: column; align-items: center; padding: 0.40rem 0.30rem; margin: 0 auto;}
.aboutUs-container h2 {font-size: 0.48rem; font-weight: 400; color: #000; }
.aboutUs-container p {font-size: 0.24rem;  color: #000; padding: 0.10rem 0 0.30rem 0;}
.aboutUs-news {width: 100%;}
.aboutUs-news-l, .aboutUs-news-r {width: 100%;}
.aboutUs-news-l img{width: 100%; height: 100%;}
.aboutUs-news-r {display: flex; flex-direction: column; gap: 0.2rem; justify-content: space-between;align-content: space-between;}
.aboutUs-news-r .item {width: 100%; height: 3.3rem; box-sizing: border-box; padding: 10% 0 0 5%;}
.aboutUs-news-r .item h3 {font-size: 0.35rem; font-weight: 400;}
.aboutUs-news-r .item p {font-size: 0.24rem; line-height: 0.4rem; padding: 0; text-shadow: -1px -1px 0 #FFF,1px -1px 0 #FFF,-1px 1px 0 #FFF,1px 1px 0 #FFF;}
.aboutUs-news-r .aboutUs_1 {background: url(../images/about_1.jpg); background-size: cover;}
.aboutUs-news-r .aboutUs_2 {background: url(../images/about_2.jpg); background-size: cover;}
.aboutUs-news-r .aboutUs_3 {background: url(../images/about_3.jpg); background-size: cover;}
.aboutUs-news-r .aboutUs_4 {background: url(../images/about_4.jpg); background-size: cover;}

.footer {background: #1f1f1f;; background-size: cover; background-position: center; height: auto; }
.footer-menu {padding-top: 0.5rem; display: flex; flex-wrap: wrap; box-sizing: border-box;}
.footer-menu li {display: flex; flex-direction: column; color: #FFF; width: 50%;}
.footer-menu li p {font-size: 0.20rem; font-weight: bold; padding-top: 0.2rem;}
.footer-menu li a {font-size: 0.20rem; color: #FFF; padding-top: 0.15rem;}
.footer-menu li a:hover {color: rgba(255, 255, 255, 0.8);}
.footer-menu li .tel {font-family: din_condensed; font-size: 0.24rem; padding-top: 0.1rem;}

.footer-menu-list {display: flex; justify-content: space-between; padding: 0.8rem 0 0.2rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.footer-menu-list .footer-menu-list-logo {width: 0.36rem; height: auto;}
.footer-menu-list .footer-menu-list-l {display: flex; align-items: center; }
.footer-menu-list .footer-menu-list-l a {color: #FFF; font-size: 0.16rem; padding-left: 0.2rem;}
.footer-menu-list .footer-menu-list-l a:hover {color: rgba(255, 255, 255, 0.8);}
.footer-menu-list .footer-menu-list-r {display: flex; align-items: center;}
.footer-menu-list .footer-menu-list-r a {padding-left: 0.1rem; font-size: 0.24rem;}
.footer-menu-list .footer-menu-list-r a img {height: 0.24rem; width: auto;}

.footer-txt {padding-top: 0.3rem; padding-bottom: 0.2rem;}
.footer-txt p {font-size: 0.16rem; color: #c8c8c8;}

.position {height: 0.50rem; background-color: #f1f1f1; line-height: 0.50rem; }
.position_nav {font-size: 0.14rem; color: #666;}
.position_nav a {color: #666;}
.position_nav a:hover {color: #000;}

.banner_default {height: 3rem;}
.banner_default_m64 {padding-top: 0.64rem; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #FFF;}
.banner_default_m64 h1 {font-size: 0.36rem; font-weight: 400;}
.banner_default_m64 p {font-size: 0.12rem; padding-top: 0.10rem;}

.about_box {padding: 0.30rem; }
.about_title {font-size: 0.5rem; font-weight: 400; padding-bottom: 0.20rem;}
.about_content p {font-size: 0.24rem; line-height: 0.48rem; text-indent: 0em; }
.contect {padding: 0.30rem 0 0.50rem 0;}
.contect h2 {font-size: 0.4rem; font-weight: 400; padding-bottom: 0.20rem; border-bottom: 1px solid #dedede;}
.contect ul li {margin-top: 0.24rem; font-size: 0.24rem;}

.product_box {padding: 0.30rem 0.30rem 1rem 0.30rem;}
.product_title {font-size: 0.5rem; font-weight: 400; padding-bottom: 0.20rem;}
.product_content p {font-size: 0.24rem; line-height: 0.48rem; text-indent: 0em; margin-top: 0.20rem;}
.product_main {margin-top: 0.20rem; }
.product_left {width: 100%; margin-top: 0.20rem;}
.product_content {width: 100%;}
.product_content_title {width: 100%; height: 0.80rem; line-height: 0.80rem; font-size: 0.4rem; font-weight: 300; color: #1f1f1f; border-bottom:1px solid #cdd4e1;}
.product_content_td {margin-top: 0.20rem; margin-left: 0.20rem;}
.product_content_td ul {display: flex; flex-direction: column; gap: 0.15rem;}
.product_content_td ul li p , .product_content_td ul li::marker{font-size: 0.24rem;}

.jjfa_box {padding: 0.30rem; }
.jjfa_title {font-size: 0.5rem; font-weight: 400; padding-bottom: 0.20rem;}
.jjfa_content p {font-size: 0.24rem; line-height: 0.48rem; margin-top: 0.10rem;}
.jjfa_content p img {width: 100%; height: auto;}
.jjfa_content ul {margin-left: 0.20rem;}
.jjfa_content ul li p , .jjfa_content ul li::marker{font-size: 0.24rem;}

.news_box { padding-top: 0.50rem;}
.news_box ul li {padding-bottom: 0.6rem;}
.news_box ul li h2 {font-size: 0.36rem; font-weight: 400; line-height: 0.48rem; color: #000;}
.news_box .news_box_img {width:100%; height:auto;}
.news_content {padding-top: 0.10rem;  font-size: 0.3rem;}
.news_content p { font-size: 0.3rem; line-height: 0.5rem; color: #888;}
.news_content_more {height: 0.6rem; line-height: 0.6rem; padding: 0; margin: 0;font-size: 0.3rem; }
.news_content_more a {font-size: 0.3rem; color: #005bab; }
.news_box_contactus {display: none;}

.pagination {display: flex; align-items: center; justify-content: center; gap: 0.20rem; padding: 0.30rem 0; color: #333;}
.pagination a {font-size: 0.3rem; color: #005bab;}
.page-num {display: none;}

.newsDetail_box {padding-top: 0.50rem; padding-bottom: 0.50rem;}
.newsDetail_title {font-size: 0.4rem; font-weight: 400; line-height: 0.58rem; color: #000;}
.newsDetail_info {font-size: 0.24rem; color: #666; line-height: 0.48rem; padding-bottom: 0.20rem;}
.newsDetail_content {font-size: 0.32rem; line-height: 0.6rem; color: #333;}
.newsDetail_content img {width: 100%; height: auto;}
.newsDetail_secondary p{font-size: 0.24rem; line-height: 0.48rem; }
.newsDetail_secondary a {color: #005bab;}

a.a_language {color: #FFF; font-size: 14px;}

/* 屏幕宽度大于等于 750px 且小于 980px */
@media (min-width: 750px) and (max-width: 980px) {
	.container {
		max-width: 640px;
		width: 640px;
		margin: 0 auto;
		padding: 0 0.3rem;
		box-sizing: border-box;
	}
	.menu_box {display: none;}
	.products-list {display: flex; flex-direction: column; gap: 0.2rem; padding: 0.2rem; box-sizing: border-box;}
	.products-list .products-item { position: relative; width: 100%;}
	.products-list .products-item img {width: 100%; height: auto;}
	.products-list .products-item .products-item-info {position: absolute;left: 0; top: 10%; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
	.products-list .products-item .products-item-info h2 {font-size: 0.36rem; line-height: 0.60rem; color: #000; font-weight: normal;}
	.products-list .products-item .products-item-info p {font-size: 0.16rem; padding: 0.10rem 0.20rem 0.30rem 0.20rem; color: #000; text-align: center;}
	.products-list .products-item .products-item-info a {font-size: 0.14rem; line-height: 0.36rem; padding: 0.03rem 0.20rem; border-radius: 1rem; border: 1px solid #000; color: #000;}
	
	.aboutUs-container {width: 6.4rem; display: flex; flex-direction: column; align-items: center; padding: 0.40rem 0.30rem; margin: 0 auto;}
	.aboutUs-container h2 {font-size: 0.48rem; font-weight: 400; color: #000; }
	.aboutUs-container p {font-size: 0.24rem;  color: #000; padding: 0.10rem 0 0.30rem 0;}
	.aboutUs-news {width: 100%;}
	.aboutUs-news-l, .aboutUs-news-r {width: 100%;}
	.aboutUs-news-l img{width: 100%; height: 100%;}
	.aboutUs-news-r {display: flex; flex-direction: column; gap: 0.2rem; justify-content: space-between;align-content: space-between;}
	.aboutUs-news-r .item {width: 100%; height: 3.3rem; box-sizing: border-box; padding: 10% 0 0 5%;}
	.aboutUs-news-r .item h3 {font-size: 0.35rem; font-weight: 400;}
	.aboutUs-news-r .item p {font-size: 0.24rem; line-height: 0.4rem; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.aboutUs-news-r .aboutUs_1 {background: url(../images/about_1.jpg); background-size: cover;}
	.aboutUs-news-r .aboutUs_2 {background: url(../images/about_2.jpg); background-size: cover;}
	.aboutUs-news-r .aboutUs_3 {background: url(../images/about_3.jpg); background-size: cover;}
	.aboutUs-news-r .aboutUs_4 {background: url(../images/about_4.jpg); background-size: cover;}
	
	.footer {background: #1f1f1f;; background-size: cover; background-position: center; height:auto; }
	.footer-menu {padding-top: 1rem; display: flex; justify-content: space-between; box-sizing: border-box;}
	.footer-menu li {display: flex; flex-direction: column; color: #FFF;}
	.footer-menu li p {font-size: 0.20rem; font-weight: bold; padding-top: 0.2rem;}
	.footer-menu li a {font-size: 0.20rem; color: #FFF; padding-top: 0.15rem;}
	.footer-menu li a:hover {color: rgba(255, 255, 255, 0.8);}
	.footer-menu li .tel {font-family: din_condensed; font-size: 0.24rem; padding-top: 0.1rem;}
	
	.footer-menu-list {display: flex; justify-content: space-between; padding: 0.8rem 0 0.2rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
	.footer-menu-list .footer-menu-list-logo {width: 0.36rem; height: auto;}
	.footer-menu-list .footer-menu-list-l {display: flex; align-items: center; }
	.footer-menu-list .footer-menu-list-l a {color: #FFF; font-size: 0.16rem; padding-left: 0.2rem;}
	.footer-menu-list .footer-menu-list-l a:hover {color: rgba(255, 255, 255, 0.8);}
	.footer-menu-list .footer-menu-list-r {display: flex; align-items: center;}
	.footer-menu-list .footer-menu-list-r a {padding-left: 0.1rem; font-size: 0.24rem;}
	.footer-menu-list .footer-menu-list-r a img {height: 0.24rem; width: auto;}
	
	.footer-txt {padding-top: 0.3rem; padding-bottom: 0.2rem;}
	.footer-txt p {font-size: 0.16rem; color: #c8c8c8;}
	
	.position {height: 0.50rem; background-color: #f1f1f1; line-height: 0.50rem; }
	.position_nav {font-size: 0.14rem; color: #666;}
	.position_nav a {color: #666;}
	.position_nav a:hover {color: #000;}
	
	.banner_default {height: 3rem;}
	.banner_default_m64 {padding-top: 0.64rem; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #FFF;}
	.banner_default_m64 h1 {font-size: 0.36rem; font-weight: 400;}
	.banner_default_m64 p {font-size: 0.12rem; padding-top: 0.10rem;}
	
	.about_box {padding: 0.30rem; }
	.about_title {font-size: 0.5rem; font-weight: 400; padding-bottom: 0.20rem;}
	.about_content p {font-size: 0.24rem; line-height: 0.48rem; text-indent: 0em; }
	.contect {padding: 0.30rem 0 0.50rem 0;}
	.contect h2 {font-size: 0.4rem; font-weight: 400; padding-bottom: 0.20rem; border-bottom: 1px solid #dedede;}
	.contect ul li {margin-top: 0.24rem; font-size: 0.24rem;}
	
	.product_box {padding: 0.30rem 0.30rem 1rem 0.30rem;}
	.product_title {font-size: 0.46rem; font-weight: 400; padding-bottom: 0.20rem;}
	.product_content p {font-size: 0.2rem; line-height: 0.4rem; text-indent: 0em; margin-top: 0.20rem;}
	.product_main {margin-top: 0.20rem; }
	.product_left {width: 100%; margin-top: 0.20rem;}
	.product_content {width: 100%;}
	.product_content_title {width: 100%; height: 0.60rem; line-height: 0.60rem; font-size: 0.30rem; font-weight: 300; color: #1f1f1f; border-bottom:1px solid #cdd4e1;}
	.product_content_td {margin-top: 0.20rem; margin-left: 0.20rem;}
	.product_content_td ul {display: flex; flex-direction: column; gap: 0.10rem;}
	.product_content_td ul li p , .product_content_td ul li::marker{font-size: 0.2rem;}
	
	.jjfa_box {padding: 0.30rem; }
	.jjfa_title {font-size: 0.32rem; font-weight: 400; padding-bottom: 0.20rem;}
	.jjfa_content p {font-size: 0.2rem; line-height: 0.4rem; margin-top: 0.10rem;}
	.jjfa_content p img {width: 100%; height: auto;}
	.jjfa_content ul {margin-left: 0.20rem;}
	.jjfa_content ul li p , .jjfa_content ul li::marker{font-size: 0.2rem;}
	
	.news_box { padding-top: 0.50rem;}
	.news_box ul li {padding-bottom: 0.6rem;}
	.news_box ul li h2 {font-size: 0.36rem; font-weight: 400; line-height: 0.48rem; color: #000;}
	.news_box .news_box_img {width:100%; height:auto;}
	.news_content {padding-top: 0.10rem;  font-size: 0.2rem;}
	.news_content p { font-size: 0.2rem; line-height: 0.4rem; color: #888;}
	.news_content_more {height: 0.4rem; line-height: 0.4rem; padding: 0; margin: 0;font-size: 0.4rem; }
	.news_content_more a {font-size: 0.2rem; color: #005bab; }
	.news_box_contactus {display: none;}
	
	.pagination {display: flex; align-items: center; justify-content: center; gap: 0.20rem; padding: 0.20rem 0; color: #333;}
	.pagination a {font-size: 0.24rem; color: #005bab;}
	
	.pagination {display: flex; align-items: center; justify-content: center; gap: 0.20rem; padding: 0.20rem 0; color: #333;}
	.pagination a {font-size: 0.2rem; color: #005bab;}
	.page-num {display: none;}
	
	.newsDetail_box {display: flex; gap: 0.30rem; justify-content: space-between; padding-top: 0.50rem; padding-bottom: 0.50rem;}
	.newsDetail_title {font-size: 0.36rem; font-weight: 400; line-height: 0.48rem; color: #000;}
	.newsDetail_info {font-size: 0.24rem; color: #666; line-height: 0.48rem; padding-bottom: 0.20rem;}
	.newsDetail_content {font-size: 0.24rem; line-height: 0.4rem; color: #333;}
	.newsDetail_content img {width: auto; height: auto;}
	.newsDetail_secondary p{font-size: 0.24rem; line-height: 0.48rem; }
	.newsDetail_secondary a {color: #005bab;}
	
}

/* 屏幕宽度大于等于 980px 且小于 1180px */
@media (min-width: 980px) and (max-width: 1179px) {
	.container {
		max-width: 980px;
		width: 980px;
		margin: 0 auto;
		padding: 0 0.3rem;
		box-sizing: border-box;
	}
	.menu_box {display: none;}
	.products-list {display: flex; flex-direction: column; gap: 0.2rem; padding: 0.2rem; box-sizing: border-box;}
	.products-list .products-item { position: relative; width: 100%;}
	.products-list .products-item img {width: 100%; height: auto;}
	.products-list .products-item .products-item-info {position: absolute;left: 0; top: 10%; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
	.products-list .products-item .products-item-info h2 {font-size: 0.36rem; line-height: 0.60rem; color: #000; font-weight: normal;}
	.products-list .products-item .products-item-info p {font-size: 0.16rem; padding: 0.10rem 0.20rem 0.30rem 0.20rem; color: #000; text-align: center;}
	.products-list .products-item .products-item-info a {font-size: 0.14rem; line-height: 0.36rem; padding: 0.03rem 0.20rem; border-radius: 1rem; border: 1px solid #000; color: #000;}
	
	.aboutUs-container {width: 6.4rem; display: flex; flex-direction: column; align-items: center; padding: 0.40rem 0.30rem; margin: 0 auto;}
	.aboutUs-container h2 {font-size: 0.48rem; font-weight: 400; color: #000; }
	.aboutUs-container p {font-size: 0.24rem;  color: #000; padding: 0.10rem 0 0.30rem 0;}
	.aboutUs-news {width: 100%;}
	.aboutUs-news-l, .aboutUs-news-r {width: 100%;}
	.aboutUs-news-l img{width: 100%; height: 100%;}
	.aboutUs-news-r {display: flex; flex-direction: column; gap: 0.2rem; justify-content: space-between;align-content: space-between;}
	.aboutUs-news-r .item {width: 100%; height: 3.3rem; box-sizing: border-box; padding: 10% 0 0 5%;}
	.aboutUs-news-r .item h3 {font-size: 0.35rem; font-weight: 400;}
	.aboutUs-news-r .item p {font-size: 0.24rem; line-height: 0.4rem; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.aboutUs-news-r .aboutUs_1 {background: url(../images/about_1.jpg); background-size: cover;}
	.aboutUs-news-r .aboutUs_2 {background: url(../images/about_2.jpg); background-size: cover;}
	.aboutUs-news-r .aboutUs_3 {background: url(../images/about_3.jpg); background-size: cover;}
	.aboutUs-news-r .aboutUs_4 {background: url(../images/about_4.jpg); background-size: cover;}
	
	.footer {background: #1f1f1f;; background-size: cover; background-position: center; height: 5rem; }
	.footer-menu {padding-top: 1rem; display: flex; flex-wrap: nowrap; justify-content: space-between; box-sizing: border-box;}
	.footer-menu li {display: flex; flex-direction: column; color: #FFF;}
	.footer-menu li p {font-size: 0.14rem; font-weight: bold; padding-top: 20px;}
	.footer-menu li a {font-size: 0.14rem; color: #FFF; padding-top: 15px;}
	.footer-menu li a:hover {color: rgba(255, 255, 255, 0.8);}
	.footer-menu li .tel {font-family: din_condensed; font-size: 24px; padding-top: 10px;}
	
	.footer-menu-list {display: flex; justify-content: space-between; padding: 0.8rem 0 0.2rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
	.footer-menu-list .footer-menu-list-logo {width: 0.36rem; height: auto;}
	.footer-menu-list .footer-menu-list-l {display: flex; align-items: center; }
	.footer-menu-list .footer-menu-list-l a {color: #FFF; font-size: 0.14rem; padding-left: 20px;}
	.footer-menu-list .footer-menu-list-l a:hover {color: rgba(255, 255, 255, 0.8);}
	.footer-menu-list .footer-menu-list-r {display: flex; align-items: center;}
	.footer-menu-list .footer-menu-list-r a {padding-left: 0.1rem; font-size: 0.24rem;}
	.footer-menu-list .footer-menu-list-r a img {height: 0.24rem; width: auto;}
	
	.footer-txt {padding-top: 30px;}
	.footer-txt p {font-size: 12px; color: #c8c8c8;}
	
	.position {height: 0.50rem; background-color: #f1f1f1; line-height: 0.50rem; }
	.position_nav {font-size: 0.14rem; color: #666;}
	.position_nav a {color: #666;}
	.position_nav a:hover {color: #000;}
	
	.banner_default {height: 3rem;}
	.banner_default_m64 {padding-top: 0.64rem; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #FFF;}
	.banner_default_m64 h1 {font-size: 0.36rem; font-weight: 400;}
	.banner_default_m64 p {font-size: 0.12rem; padding-top: 0.10rem;}
	
	.about_box {padding: 0.30rem; }
	.about_title {font-size: 0.32rem; font-weight: 400; padding-bottom: 0.20rem;}
	.about_content p {font-size: 0.20rem; line-height: 0.40rem; text-indent: 0em; }
	.contect {padding: 0.30rem 0 0.50rem 0;}
	.contect h2 {font-size: 0.3rem; font-weight: 400; padding-bottom: 0.20rem; border-bottom: 1px solid #dedede;}
	.contect ul li {margin-top: 0.15rem; font-size: 0.24rem;}
	
	.product_box {padding: 0.30rem 0.30rem 1rem 0.30rem;}
	.product_title {font-size: 0.46rem; font-weight: 400; padding-bottom: 0.20rem;}
	.product_content p {font-size: 0.2rem; line-height: 0.4rem; text-indent: 0em; margin-top: 0.20rem;}
	.product_main {margin-top: 0.20rem; display: flex; justify-content: space-between; gap: 0.40rem;}
	.product_left {width: 50%; margin-top: 0.20rem;}
	.product_content {width: 50%;}
	.product_content_title {width: 100%; height: 0.60rem; line-height: 0.60rem; font-size: 0.30rem; font-weight: 300; color: #1f1f1f; border-bottom:1px solid #cdd4e1;}
	.product_content_td {margin-top: 0.20rem; margin-left: 0.20rem;}
	.product_content_td ul {display: flex; flex-direction: column; gap: 0.10rem;}
	.product_content_td ul li p , .product_content_td ul li::marker{font-size: 0.2rem;}
	
	.jjfa_box {padding: 0.30rem; }
	.jjfa_title {font-size: 0.32rem; font-weight: 400; padding-bottom: 0.20rem;}
	.jjfa_content p {font-size: 0.2rem; line-height: 0.4rem; margin-top: 0.10rem;}
	.jjfa_content p img {width: auto; height: auto;}
	.jjfa_content ul {margin-left: 0.20rem;}
	.jjfa_content ul li p , .jjfa_content ul li::marker{font-size: 0.2rem;}
	
	.news_box { padding-top: 0.50rem;}
	.news_box ul li {display: flex; gap: 0.30rem; padding-bottom: 0.50rem;}
	.news_box ul li h2 {font-size: 0.24rem; font-weight: 400; line-height: 0.36rem; color: #000;}
	.news_box .news_box_img {width: 2.50rem; height: 1.50rem;}
	.news_content {padding-top: 0.10rem;  font-size: 0.2rem;}
	.news_content p { font-size: 0.2rem; line-height: 0.4rem; color: #888;}
	.news_content_more {height: 0.24rem; line-height: 0.24rem; padding: 0; margin: 0;font-size: 0.24rem; }
	.news_content_more a {font-size: 0.14rem; color: #005bab; }
	.news_box_contactus {display: none;}
	
	.pagination {display: flex; align-items: center; justify-content: center; gap: 0.20rem; padding: 0.20rem 0; color: #333;}
	.pagination a {font-size: 0.2rem; color: #005bab;}
	.page-num {display: block;}
	
	.newsDetail_box {padding-top: 0.50rem; padding-bottom: 0.50rem;}
	.newsDetail_title {font-size: 0.36rem; font-weight: 400; line-height: 0.48rem; color: #000;}
	.newsDetail_info {font-size: 0.24rem; color: #666; line-height: 0.48rem; padding-bottom: 0.20rem;}
	.newsDetail_content {font-size: 0.24rem; line-height: 0.4rem; color: #333;}
	.newsDetail_content img {width: 100%; height: auto;}
	.newsDetail_secondary p{font-size: 0.24rem; line-height: 0.48rem; }
	.newsDetail_secondary a {color: #005bab;}
}

/* 屏幕宽度大于等于 1180px */
@media (min-width: 1180px) {
	.container {
		max-width: 1180px;
		width: 1180px;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
	}
	.menu_box_m {display: none;}
	.menu_box {z-index: 100; position: fixed; background: rgba(0, 0, 0, 0.7); width: 100%; height: 64px; display: block;}
	.menu_box .menu_sty { height: 64px;  display: flex; align-items: center; justify-content: space-between; }
	.menu_list {display: flex; gap: 20px; height: 100%; align-items: center;}
	.menu_list li {position: relative; height: 100%;display: flex; justify-content: center; align-items: center;}
	.menu_list li::after {content: ""; position: absolute; width: 0; height: 2px; background: #FFF; bottom: 0;left: 0; transition: width 0.3s ease; }
	.menu_list li:hover::after {width: 100%;}
	.menu_list li a {color: #FFF; display: flex; align-items: center; justify-content: center; font-size: 16px;}
	.menu_list li a i {display: flex; align-items: center; justify-content: center;}
	.sub_menu {
		display: none;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: #fff;
		/* border-radius: 5px; */
		width: 400px;
	}

	.sub_menu dd {
		margin: 0;
		padding: 0;
		
	}

	.sub_menu dd a {
		color: #000;
		font-size: 14px;
		line-height: 40px;
	}
	.sub_menu dd a:hover {
		background: #f1f1f1;
	}
	
	 /* 箭头样式 */
	.menu_list li:has(.sub_menu) a i {
		margin-top: 3px;
		margin-left: 5px;
		display: inline-block;
		transition: transform 0.3s ease;
		display: flex; align-items: center; justify-content: center;
	}
	.menu_list li:has(.sub_menu):hover a i {
		transform: rotate(180deg);
	}
	
	.products-list {display: flex; gap: 20px; padding: 20px; box-sizing: border-box; width: 100%;}
	.products-list .products-item { position: relative; width: 50%;}
	.products-list .products-item img {width: 100%; height: auto;}
	.products-list .products-item .products-item-info {position: absolute;left: 0; top: 10%; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
	.products-list .products-item .products-item-info h2 {font-size: 36px; line-height: 60px; color: #000; font-weight: 400;}
	.products-list .products-item .products-item-info p {font-size: 16px; padding: 10px 20px 30px 20px; color: #000; text-align: center;}
	.products-list .products-item .products-item-info a {font-size: 12px; line-height: 20px; padding: 3px 20px; border-radius: 50px; border: 1px solid #000; color: #000;}
	
	.aboutUs-container {width: 100%; display: flex; flex-direction: column; align-items: center; padding: 40px 60px; }
	.aboutUs-container h2 {font-size: 48px; font-weight: 400; color: #000; }
	.aboutUs-container p {font-size: 14px;  color: #000; padding: 10px 0 30px 0;}
	.aboutUs-news {display: flex; gap: 20px; width: 100%;}
	.aboutUs-news-l, .aboutUs-news-r {width: 100%;}
	.aboutUs-news-l img{width: 100%; height: 100%;}
	.aboutUs-news-r {display: flex;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
	.aboutUs-news-r .item {width: calc(50% - 10px);height: calc(50% - 10px); box-sizing: border-box; padding: 5% 0 0 5%;}
	.aboutUs-news-r .item h3 {font-size: 32px; font-weight: 400;}
	.aboutUs-news-r .item p {font-size: 13px; line-height: 24px; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.aboutUs-news-r .aboutUs_1 {background: url(../images/about_1.jpg); background-size: cover;}
	.aboutUs-news-r .aboutUs_2 {background: url(../images/about_2.jpg); background-size: cover;}
	.aboutUs-news-r .aboutUs_3 {background: url(../images/about_3.jpg); background-size: cover;}
	.aboutUs-news-r .aboutUs_4 {background: url(../images/about_4.jpg); background-size: cover;}
	
	.footer {background: url(../images/bottom_bg.png); background-size: cover; background-position: center; height: 479px; }
	.footer-menu {padding-top: 100px; display: flex; flex-wrap: nowrap; justify-content: space-between; box-sizing: border-box;}
	.footer-menu li {display: flex; flex-direction: column; color: #FFF; width: 100%;}
	.footer-menu li p {font-size: 13px; font-weight: bold; padding-top: 20px;}
	.footer-menu li a {font-size: 13px; color: #FFF; padding-top: 15px;}
	.footer-menu li a:hover {color: rgba(255, 255, 255, 0.8);}
	.footer-menu li .tel {font-family: din_condensed; font-size: 24px; padding-top: 10px;}
	
	.footer-menu-list {display: flex; justify-content: space-between; padding: 80px 0 20px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
	.footer-menu-list .footer-menu-list-logo {width: 36px; height: auto;}
	.footer-menu-list .footer-menu-list-l {display: flex; align-items: center;}
	.footer-menu-list .footer-menu-list-l a {color: #FFF; font-size: 13px; padding-left: 20px;}
	.footer-menu-list .footer-menu-list-l a:hover {color: rgba(255, 255, 255, 0.8);}
	.footer-menu-list .footer-menu-list-r {display: flex; align-items: center;}
	.footer-menu-list .footer-menu-list-r a {padding-left: 10px;}
	.footer-menu-list .footer-menu-list-r a img {height: 24px; width: auto;}
	
	.footer-txt {padding-top: 30px;}
	.footer-txt p {font-size: 12px; color: #c8c8c8;}
	
	.position {height: 50px; background-color: #f1f1f1; line-height: 50px; }
	.position_nav {font-size: 14px; color: #666;}
	.position_nav a {color: #666;}
	.position_nav a:hover {color: #000;}
	
	.banner_default {height: 300px;}
	.banner_default_m64 {padding-top: 64px; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #FFF;}
	.banner_default_m64 h1 {font-size: 36px; font-weight: 400;}
	.banner_default_m64 p {font-size: 12px; padding-top: 10px;}
	
	.about_box {padding: 30px; }
	.about_title {font-size: 32px; font-weight: 400; padding-bottom: 20px;}
	.about_content p {font-size: 16px; line-height: 30px; text-indent: 0em; margin-top: 20px;}
	.about_main {margin-top: 20px; display: flex; justify-content: space-between; gap: 20px;}
	.about_left {width: 50%; margin-top: 20px;}
	.about_content {width: 50%;}
	.contect {padding: 30px 0 50px 0;}
	.contect h2 {font-size: 24px; font-weight: 400; padding-bottom: 20px; border-bottom: 1px solid #dedede;}
	.contect ul li {margin-top: 15px; font-size: 16px;}
	
	.product_box {padding: 30px 30px 100px 30px;}
	.product_title {font-size: 46px; font-weight: 400; padding-bottom: 20px;}
	.product_content p {font-size: 16px; line-height: 32px; text-indent: 0em; margin-top: 20px;}
	.product_main {margin-top: 20px; display: flex; justify-content: space-between; gap: 40px;}
	.product_left {width: 50%; margin-top: 20px;}
	.product_content {width: 50%;}
	.product_content_title {width: 100%; height: 60px; line-height: 60px; font-size: 30px; font-weight: 300; color: #1f1f1f; border-bottom: 1px solid #cdd4e1;}
	.product_content_td {margin-top: 20px; margin-left: 20px;}
	.product_content_td ul {display: flex; flex-direction: column; gap: 10px;}
	.product_content_td ul li p , .product_content_td ul li::marker{font-size: 16px;}
	
	.jjfa_box {padding: 30px; }
	.jjfa_title {font-size: 32px; font-weight: 400; padding-bottom: 20px;}
	.jjfa_content p {font-size: 16px; line-height: 30px; margin-top: 10px;}
	.jjfa_content p img {width: auto; height: auto;}
	.jjfa_content ul {margin-left: 20px;}
	.jjfa_content ul li p , .jjfa_content ul li::marker{font-size: 16px;}
	
	.news_box {display: flex; gap: 30px; justify-content: space-between; padding-top: 50px;}
	.news_box ul li {display: flex; gap: 30px; padding-bottom: 50px;}
	.news_box ul li h2 {font-size: 24px; font-weight: 400; line-height: 36px; color: #000;}
	.news_box .news_box_img {width: 250px; height: 150px;}
	.news_content {padding-top: 10px; font-size: 16px;}
	.news_content p { font-size: 16px; line-height: 28px; color: #888;}
	.news_content_more {height: 36px; line-height: 36px; padding: 0; margin: 0; font-size: 0.36px;}
	.news_content_more a {font-size: 14px; color: #005bab;}
	.news_box_contactus {display: block;}
	
	.pagination {display: flex; align-items: center; justify-content: center; gap: 20px; padding: 20px 0; color: #333;}
	.pagination a {font-size: 14px; color: #005bab;}
	.page-num {display: block;}
	
	.newsDetail_box {display: flex; gap: 30px; justify-content: space-between; padding-top: 50px; padding-bottom: 50px;}
	.newsDetail_title {font-size: 24px; font-weight: 400; line-height: 40px; color: #000;}
	.newsDetail_info {font-size: 12px; color: #666; line-height: 24px; padding-bottom: 20px;}
	.newsDetail_content {font-size: 16px; line-height: 28px; color: #333;}
	.newsDetail_content img {width: auto; height: auto;}
	.newsDetail_secondary p{font-size: 14px; line-height: 28px; }
	.newsDetail_secondary a {color: #005bab;}
}