/* ============================================
   修改时间: 2026-07-22 10:15:00
   修改内容:
   1. 恢复PC端原始样式（删除所有影响PC端的样式修改）
   2. 仅保留 max-width: 600px 的移动端媒体查询
   ============================================ */

/* Layout */
body {margin:0;padding:0;font-size:12px;line-height:25px;font-family:Microsoft YaHei;-webkit-text-size-adjust:none;color:#333333
}

/* Globals */
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
a, a:link, a:visited {text-decoration: none;}
input {margin: 3px; vertical-align: middle;}


/* Clear Fix */
.clearfix {display: inline-block;} 
/* end of clearfix */
/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, form, label, caption, tbody, tfoot, thead, tr, th, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;vertical-align:baseline;}
article, footer, header, navsection {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */


h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0;}
a:focus, a:hover {color:#666666;}
a {color:#666666;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type: none;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

/* forms.css */
form {}
label, input {vertical-align: middle;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.clear {clear:both;}

.inside { background: url(inside_bg.gif) center top repeat-x; }
#home { background:url(inside_bg.gif) center top repeat-x; }

/*   header   */
#header { width: 1200px; height: 90px; margin: 0 auto; padding: 0; }
.logo { width: 253px; height: 71px; float: left; margin-left: 13px; display: inline; }
.lan { width: 300px; float: right; height: 24px; padding-top: 6px; line-height: 30px; text-align: right; }
.lan a { width: 60px; height: 12px; line-height: 12px; text-align: left; padding: 5px 0 5px 25px; color: #6b6b6b; display: inline-block; }
.lan a:hover { text-decoration: underline; }
.lan a.china { background: url(../images/lan_icon.gif) left 5px no-repeat; }
.lan a.englist { background: url(../images/lan_icon.gif) left -15px no-repeat; }
.lan a.ew { background: url(../images/lan_icon.gif) left -33px no-repeat;}


/*   nav   */
.nav { width: auto; height: 40px; margin-top: 15px; padding: 0; float: right;}
.nav ul { height: 40px; margin: 0; padding: 0; }
.nav li { width: auto; height: 40px; padding: 0; float: left; background: none; position: relative; border-right: 1px solid rgba(0,0,0,0.1); }
.nav li:last-child { border-right: none; }
.nav li a { width: auto; height: 40px; line-height: 40px; font-size: 15px; color: #333; display: block; text-align: center; padding: 0 25px; transition: all 0.2s ease; }
.nav li.home { padding: 0 5px; background: none; }
.nav li a:hover { background: #2f8f6b; color: #fff; border-radius: 4px 4px 0 0; }
.nav li.li_light a,
.nav li.li_light_0 a { background: #2f8f6b; color: #fff; border-radius: 4px 4px 0 0; }
.nav li.cur_link a { background: #2f8f6b; color: #fff; border-radius: 4px 4px 0 0; }
.nav dl { position: absolute; margin: 0; padding: 0; display: none; top: 44px; left: 5px; z-index: 100; background-color: #2f8f6b; border-radius: 0 0 4px 4px; min-width: 100px; box-shadow: 0 4px 8px rgba(0,0,0,0.15); }
.nav li#b_4 dl { width: 220px !important; padding: 0 !important; }
.nav li#b_4 dl dd { height: auto !important; line-height: 1.6 !important; padding: 8px 0 !important; overflow: visible !important; }
.nav li#b_4 dl dd a { padding: 0 20px !important; text-align: left !important; white-space: normal !important; line-height: 1.6 !important; display: block !important; }
.nav li#b_5 dl { width: 130px !important; padding: 0 !important; }
.nav li#b_5 dl dd { height: 36px !important; line-height: 36px !important; overflow: visible !important; white-space: nowrap !important; }
.nav li#b_5 dl dd a { padding: 0 10px !important; text-align: center !important; line-height: 36px !important; white-space: nowrap !important; overflow: visible !important; }
.nav li#b_6 dl { width: 190px; padding: 0; }
.nav li#b_6 dl dd a { padding-left: 20px; text-align: left; }

.nav dd { height: 36px; line-height: 36px; border-bottom: solid 1px rgba(255,255,255,0.2); overflow: hidden; margin: 0; text-align: center; }
.nav dd:last-child { border-bottom: none; }
.nav ul li dl dd a { text-align: center; line-height: 36px; font-size: 14px; font-weight: 400; color: #fff; display: block; padding: 0 20px; }
.nav li#b_4 dl dd a, .nav li#b_6 dl dd a { width: auto; }
.nav ul li.cur_link dl dd a { color: #fff; background: none; }
.nav ul li dl dd a:hover { color: #fff; background: rgba(255,255,255,0.15); font-weight: 400; }

.brand_list { width: 1160px; height: 31px; margin: 0px auto; padding: 0 130px 10px; }
.brand_list ul { width: 1160px; margin: 0; padding: 0; }
.brand_list li { float: left; height: 31px; }


.banner { width: 1420px; margin: 15px auto 0; overflow: hidden; position: relative; }
#MSClassBox {
	WIDTH: 1420px; HEIGHT: 430px; position: relative;
}
#TabID {
	bottom: 50px; left: 1050px; position: absolute;
}
.JQ-slide-nav-bg { width: 1200px; height: 36px; z-index: 80; background: url(slide.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="slide.png");
	_background: none; position: absolute; left: 116px; bottom: 0; }
#TabID LI {
	WIDTH: 25px; DISPLAY: inline; MARGIN: 0px 5px 0px 0px; FLOAT: left; HEIGHT: 10px; background: url(../images/slide_btn.png) left top no-repeat;
}
#TabID LI.active {
	background: url(../images/slide_btn.png) right top no-repeat;
}
#TabID LI IMG {
	WIDTH: 25px; DISPLAY: block; HEIGHT: 10px
}


/*  content   */
#content { width: 1200px; margin: 0px auto; padding: 0; }
.product { margin: 0; padding: 0; margin-bottom: 5px; margin-top: 15px; }
.product h2 { width: 100%; height: 40px; margin-bottom: 0; background: transparent; }
.product h2 span { float: left; margin-right: 8px; padding: 0 20px; font-size: 12px; color: #696969; line-height: 34px; display: block; cursor: pointer; margin-top: 3px; border-radius: 4px 4px 0 0; background: #f0f0f0; }
.product h2 span.cur_link { background: #2f8f6b; color: #fff; }
.product .entry { width: 100%; margin-top: 9px; }
.product .slide-content {
	width: 1045px;
	position: relative;
	padding: 0;
	margin: 0 auto;
}
.product .JQ-slide-content {
	width: 10000px !important;
	position: relative;
	padding: 0;
}
.product .JQ-slide-nav {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 10;
}
.product .JQ-slide-nav .prev,
.product .JQ-slide-nav .next,
.product .JQ-slide-nav A {
	z-index: 99 !important;
	position: absolute !important;
	width: 40px !important;
	height: 40px !important;
	top: 50% !important;
	margin-top: -20px !important;
	text-decoration: none !important;
	background: #fff !important;
	border-radius: 50% !important;
	border: 2px solid #d9d9d9 !important;
	pointer-events: auto !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.3s ease !important;
	font-size: 24px !important;
	font-weight: bold !important;
	color: #999 !important;
	line-height: 40px !important;
}
.product .JQ-slide-nav SPAN {
	text-align: center !important;
	width: 40px !important;
	height: 40px !important;
	display: block !important;
	line-height: 40px !important;
	font-size: 0 !important;
	position: relative !important;
	cursor: pointer !important;
}
.product .JQ-slide-nav SPAN IMG { display: none !important; }
.product .JQ-slide-nav .corner {
	border-bottom-color: transparent !important;
	border-top-color: transparent !important;
	border-right-color: transparent !important;
	border-left-color: transparent !important;
}
.product .JQ-slide-nav .prev {
	left: -50px !important;
	position: relative !important;
}
.product .JQ-slide-nav .prev::before {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-30%, -50%) !important;
	width: 0 !important;
	height: 0 !important;
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-right: 10px solid #999 !important;
}
.product .JQ-slide-nav .next {
	right: -50px !important;
	position: relative !important;
}
.product .JQ-slide-nav .next::before {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-70%, -50%) !important;
	width: 0 !important;
	height: 0 !important;
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-left: 10px solid #999 !important;
}
.product .JQ-slide-nav .prev:hover,
.product .JQ-slide-nav .next:hover,
.product .JQ-slide-nav A:hover {
	background: #2f8f6b !important;
	border-color: #2f8f6b !important;
}
.product .JQ-slide-nav .prev:hover::before {
	border-right-color: #fff !important;
}
.product .JQ-slide-nav .next:hover::before {
	border-left-color: #fff !important;
}
.product .wrap {
	position: relative;
	width: 1045px;
	height: auto;
	min-height: 180px;
	overflow: hidden;
	padding: 0;
	box-sizing: border-box;
	margin: 0 auto;
}
.product UL {
	WIDTH: 10000px
}
.product LI {
	width: 199px;
	float: left;
	height: 180px;
	margin-right: 10px;
	padding: 4px;
	position: relative;
	background-color: #fff;
	border: 1px solid #2f8f6b;
	border-radius: 8px;
	box-sizing: border-box;
	overflow: hidden;
	transition: all 0.3s ease;
}
.product LI:hover {
	height: 258px;
	box-shadow: 0 4px 12px rgba(47,143,107,0.15);
}
.product LI p.title {
	width: 182px;
	height: 30px;
	margin: 5px auto 8px;
	line-height: 15px;
	font-size: 12px;
	color: #333;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.product LI a {
	display: none;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #2f8f6b;
	line-height: 26px;
	width: 80px;
	margin: 0 auto;
	text-decoration: none;
	border-radius: 4px;
	transition: all 0.2s ease;
}
.product LI a:hover {
	background: #267a5a;
}
.product LI:hover a {
	display: block;
}
.product LI IMG {
	width: 198px;
	height: 140px;
	display: block;
	margin: 0 auto;
	object-fit: cover;
}

.module h2 { margin-bottom: 0; padding-left: 19px; line-height: 38px; font-size: 18px; color: #696969; position: relative; }
.module h2 span { margin-left: 7px; color: #ff0000; }
.module h2 a{ color:#A6A6A6;}
.module h2 a.more { position: absolute; right: 0; font-size: 12px; font-weight: normal; }
 
.news { width: 880px; float: left; }
.news h2.news_h2 { color: #333; padding-left: 0; position: relative; }
.news h2.news_h2 .news-label { color: #2f8f6b; font-weight: 700; margin-right: 15px; }
.news h2.news_h2 .news-sep { color: #ccc; margin: 0 8px; }
.news h2.news_h2 a { cursor: pointer; color: #666; margin: 0; }
.news h2.news_h2 a.cur_link { color: #c7171c; font-weight: 700; }
.news h2.news_h2 a.hover { color: #c7171c; }
.news h2.news_h2 a.more { position: absolute; right: 0; top: 0; font-size: 12px; color: #999; font-weight: normal; }
.news h2.news_h2 a.more:hover { color: #2f8f6b; }

.news .notice { width: 100%; height: 28px; margin-left: 0; overflow: hidden; }
.news .notice span { width: 66px; overflow: hidden; float: left; display: inline-block; line-height: 24px; font-weight: 700; color: #c7171c; }
.news #colee_left { width: calc(100% - 70px); overflow: hidden; }
.news #colee_left table { margin: 0; }
.news #colee_left td { margin: 0; padding: 0; }
.news #colee_left td td {  line-height: 25px; margin: 0; padding: 0; }
.news #colee_left td a { width: 200px; height: 24px; display: inline-block; color: #666; }
.news #colee_left td a:hover { color: #000; text-decoration: underline; }

.news .entry { width: 100%; float: none; }
.news p { height: auto; padding: 12px 0; margin: 0; color: #555; line-height: 24px; overflow: hidden; border-bottom: 1px solid #eee; }
.news p a { color: #2f8f6b; font-weight: 700; }
.news p a:hover { text-decoration: underline; }
.news p img { width: 115px; height: 80px; float: left; margin-right: 15px; border-radius: 4px; object-fit: cover; border: 1px solid #2f8f6b; }
.news .news_list { margin: 0; padding: 0; clear: both; list-style: none; }
.news .news_list li { height: 30px; line-height: 30px; color: #666; border-bottom: 1px dashed #eee; list-style: none; clear: both; width: 100%; overflow: hidden; }
.news .news_list li:last-child { border-bottom: none; }
.news .news_list li a { padding-left: 15px; display: block; color: #696969; transition: all 0.3s ease; text-decoration: none; position: relative; line-height: 30px; }
.news .news_list li a::before { content: "›"; position: absolute; left: 0; top: 0; line-height: 30px; color: #2f8f6b; font-size: 18px; font-weight: bold; }
.news .news_list li a:hover { color: #2f8f6b; text-decoration: none; }
.news .news_list li .title1 { width: 650px; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news .news_list li .time1 { width: 100px; float: right; text-align: right; color: #999; }

.news-top { display: flex; align-items: flex-start; padding: 15px 0; border-bottom: 1px solid #eee; margin-bottom: 10px; }
.news-top .news-top-img { flex-shrink: 0; width: 115px; height: 80px; margin-right: 15px; overflow: hidden; border-radius: 4px; border: 1px solid #2f8f6b; }
.news-top .news-top-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.news-top .news-top-info { flex: 1; min-width: 0; }
.news-top .news-top-title { display: block; font-size: 15px; font-weight: 700; color: #333; line-height: 1.4; margin-bottom: 8px; text-decoration: none; transition: color 0.3s ease; }
.news-top .news-top-title:hover { color: #2f8f6b; }
.news-top .news-top-desc { margin: 0; padding: 0; font-size: 13px; color: #666; line-height: 1.6; height: auto; border: none; }

.slide { display: none; }

.search { width: 300px; float: right; }
.search h2 { margin-bottom: 7px; padding: 0; }
.search .entry { padding-top: 7px; }
.search input { width: 149px; height: 35px; font-size: 12px; line-height: 35px; color: #adadad; padding: 0; margin: 0px 10px 0 36px; border: 0; background: none; overflow: hidden; }
.search img { vertical-align: middle; }
.search a.contact { width: 251px; height: 65px; margin-left: 15px; margin-top: 10px; display: block; background: url(../images/icon.jpg) left 16px no-repeat; }
.search a.investment { width: 251px; height: 65px; margin-left: 15px; display: block; background: url(../images/icon.jpg) left bottom no-repeat; }

.case { width: 100%; margin: 0; padding: 0; clear: both; overflow: visible; }
.case .entry { height: auto; background: none; padding: 10px 0; }
.case #colee_right { display: none; }

/* PC端工程案例轮播容器 */
.case .case-slide-content {
    position: relative;
    padding: 0 50px;
    box-sizing: border-box;
}
.case .case-wrap {
    width: 1068px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.case .case-wrap .JQ-slide-content {
    width: 10000px;
    position: relative;
    left: 0;
}
.case .case-wrap .JQ-slide-content li {
    width: 168px;
    height: auto;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    list-style: none;
    background-color: #fff;
    border: 1px solid #2f8f6b;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 4px;
    transition: all 0.3s ease;
}
.case .case-wrap .JQ-slide-content li:hover {
    box-shadow: 0 4px 12px rgba(47,143,107,0.15);
}
.case .case-img {
    width: 100%;
    height: 130px;
    overflow: hidden;
    border-radius: 4px;
}
.case .case-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.case .case-title {
    padding: 8px 4px;
    text-align: center;
    font-size: 12px;
    color: #333;
    line-height: 1.4;
    height: 54px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* PC端工程案例箭头 */
.case .case-slide-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 10;
}
.case .case-slide-nav a {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #d9d9d9;
    pointer-events: auto;
    cursor: pointer;
    z-index: 99;
    text-decoration: none;
    transition: all 0.3s ease;
}
.case .case-slide-nav a:hover {
    background: #2f8f6b;
    border-color: #2f8f6b;
}
.case .case-slide-nav a.prev {
    left: 0;
}
.case .case-slide-nav a.prev::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 10px solid #999;
}
.case .case-slide-nav a.next {
    right: 0;
}
.case .case-slide-nav a.next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-70%, -50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #999;
}
.case .case-slide-nav a span {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    position: relative;
}
.case .case-slide-nav a:hover::before {
    border-color: transparent !important;
}
.case .case-slide-nav a.prev:hover::before {
    border-right-color: #fff !important;
}
.case .case-slide-nav a.next:hover::before {
    border-left-color: #fff !important;
}

/* ===== 内页案例中心右侧区域 ===== */
.other { width: 100%; padding: 0; background: #fafafa; }

/* 内页Banner */
.sub_banner { width: 1200px; margin: 0 auto 10px; overflow: hidden; }
.sub_banner img { width: 100%; display: block; }
.info { width: 1200px; margin: 0 auto; overflow: hidden; }
.right { width: 930px; float: right; overflow: hidden; display: inline; }
.right .tit { height: 40px; line-height: 40px; padding: 0 15px; background: #f5f5f5; border-left: 3px solid #2f8f6b; margin-bottom: 15px; font-size: 14px; color: #666; }
.right .tit a { color: #666; }
.right .tit a:hover { color: #2f8f6b; }
.right .nr { margin-bottom: 20px; }
.right .title { font-size: 18px; font-weight: bold; color: #333; padding: 10px 0; border-bottom: 2px solid #2f8f6b; margin-bottom: 15px; }
.right .case ul { width: 100%; }
.right .case ul li { width: 100%; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #eee; list-style: none; }
.right .case ul li .img { width: 195px; height: 140px; float: left; margin-right: 15px; overflow: hidden; border: 1px solid #2f8f6b; border-radius: 8px; }
.right .case ul li .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.right .case ul li .txt { overflow: hidden; }
.right .case ul li .txt .list_title { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 8px; }
.right .case ul li .txt .list_title:hover { color: #2f8f6b; }
.right .case ul li .txt .list_desc { font-size: 13px; color: #777; line-height: 1.6; }
.right .page { text-align: center; padding: 20px 0; }
.right .casebg { font-size: 18px; font-weight: bold; color: #333; padding: 10px 0; border-bottom: 1px solid #e0e0e0; margin: 20px 0 15px; }
.right .newslists ul li { width: 48%; float: left; padding: 8px 0; border-bottom: 1px dashed #eee; list-style: none; }
.right .newslists ul li a { color: #555; }
.right .newslists ul li a:hover { color: #2f8f6b; }
.right .newslists ul li .time { float: right; color: #999; font-size: 12px; }

/*  footer   */
#footer { width: 1200px; height: 60px; margin: 0px auto; color: #373737;}
.create {padding-left: 170px; color: #a5a5a2; background: url(footer_logo.gif) left 50% no-repeat;height:50px;margin:10px auto;line-height:25px;}
.create a { color: #a5a5a2; margin: 0 13px; }
.create a:hover { text-decoration: underline; color: #000; }
.create span { color: #a8b267; }
.links { width: 132px; height: 19px; float: right; margin-top: 20px; }
.links select { width: 132px; height: 19px; line-height: 19px; background-color: #e9e9e9; border: 0; text-align: center; }

/*   category   */
.left_menu { width: 250px; float: left; margin-top: 2px; display: inline; }
.left_menu .entry { width: 250px; background: #fff; display: block; border: 1px solid #e8e8e8; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.04); box-sizing: border-box; }
.left_menu h2 { width: 100%; height: auto; float: none; margin: 0 0 12px 0; padding: 14px 16px; text-align: left; color: #fff; background: #2f8f6b; font-size: 16px; box-sizing: border-box; }
.left_menu h2 span { display: block; padding: 0; }
.left_menu h2 img { display: none !important; }
.left_menu .title_list { width: 100%; float: none; margin: 0; padding: 12px; box-sizing: border-box; }
.left_menu .title_list li { height: 36px; margin-bottom: 8px; overflow: hidden; border-radius: 6px; }
.left_menu .title_list li a { width: 100%; height: 34px; text-align: center; line-height: 34px; border: solid 1px #e0e0e0; color: #444; display: block; overflow: hidden; border-radius: 6px; background: #fff; transition: all 0.3s ease; }
.left_menu .title_list li a:hover { border: solid 1px #2f8f6b; background-color: #f0f7f4; color: #2f8f6b; }
.left_menu .title_list li.li_light a { border: solid 1px #2f8f6b; background-color: #2f8f6b; color: #fff; }

.sub_menu { width: 100%; float: none; padding: 12px; box-sizing: border-box; }

/*左侧导航后*/
div.left_nav{ width: 100%; margin: 0; }
div.left_nav ul{ width: 100%; height: auto; overflow: auto; border: 0; padding: 0; margin: 0; }
div.left_nav ul li{ line-height: 36px; border: 1px solid #e0e0e0; margin-bottom: 8px; border-radius: 6px; }


dl.left_nav{ margin-bottom: 8px; }
dl.left_nav a{ display: block; }
dl.left_nav dd{ padding: 0; line-height: 24px; clear: both; }
dl.left_nav dd a { color: #696969; }
dl.left_nav dt{ clear: both; height: auto; min-height: 36px; line-height: 1.4; overflow: visible; color: #444; text-indent: 0; padding: 8px 12px; text-align: center; border: 1px solid #e0e0e0; border-radius: 6px; background: #fff; transition: all 0.3s ease; box-sizing: border-box; }
dl.left_nav dt a { color: #444; }
dl.left_nav dt:hover { border-color: #2f8f6b; background: #f0f7f4; }
dl.left_nav dt:hover a { color: #1a6b4f; }
dl.dl_click dt{ border: solid 1px #2f8f6b; background-color: #2f8f6b; margin-bottom: 8px; border-radius: 6px; }
dl.dl_click dd{display:block;}
dl.dl_click dt a{ color: white; }
dl.dl_click dt a:hover{ color: #fff; }

dl.cur_link>dt{border: solid 1px #2f8f6b; background-color: #2f8f6b; margin-bottom: 8px; border-radius: 6px; }
dl.cur_link>dt:hover{background-color:#2f8f6b;}
dl.cur_link>dt>a{ color:white;}
dl.cur_link>dt:hover>a{ color:#fff !important;}
dl.cur_link dd{display:block;}
dl.left_nav dd dl.cur_link dd{display:block;}
dl.cur_link2>dt>a{color:#2f8f6b;}
dl.cur_link2 dd{display:block;}
dl.left_nav dd dl.cur_link2 dd{display:block;}
dl.left_nav dd dl.cur_link2 dd dl.cur_link3 dt a { color: #2f8f6b; }

dl.left_nav dd dd{display:block !important;} 

dl.left_nav .left_nav{ width: auto; clear:both; margin: 0;}
dl.left_nav_nav a{ display:block;}
dl.left_nav dd dd{ padding:0 15px; line-height:24px; clear:both; display:none;}
dl.left_nav dd dd a { color: #696969; }
dl.left_nav dd dt{ margin-left: 10px; padding-left: 15px; clear:both;height:27px; line-height:27px; overflow:hidden; border: 0; background: url(../images/left_menu_icon.gif) left -26px no-repeat; font-weight:400; text-indent: 0; }
dl.left_nav dd dt a { color: #414141; font-weight: 400; }
dl.left_nav dd .cur_link2 dt a { color: #2195cc; font-weight: 700; }
dl.left_nav dd dl.left_nav dd dl.left_nav dt { margin: 0; padding: 0 0 0 10px; background: url(../images/dian.gif) left 50% no-repeat; }
dl.left_nav dd dl.left_nav dd dl.left_nav dt a { color: #777; font-weight: 400; }
dl.left_nav dd dl.left_nav dd dl.left_nav dt a:hover { font-weight: 700; }
dl.left_nav dd dl.left_nav dd dl.cur_link3 dt a { font-weight: 700; }
dl.left_nav dd .cur_link2 dt { background: url(../images/left_menu_icon.gif) left 8px no-repeat; font-weight:700; }
dl.dl_click dd dt a{ color:#666;}
dl.dl_click dd dt a:hover{ color:#cc0000;}

dl.left_nav dd dl.show dd{display:block;}


.right_cont { width: 868px; float: right; overflow: hidden; }

.right_cont > h2 { padding-left: 14px; padding-right: 28px; line-height: 61px; text-align: right; font-size: 12px; color: #666; }
.right_cont > h2 a { color: #666; }
.right_cont > h2 span { float: left;  font-size: 20px; color: #b2b2b2; }
.right_cont > h2 span b { color: #808080;  font-weight: 400; font-size: 21px; }

.right_cont .entry {width: 826px; padding: 20px; line-height: 30px; color: #444; border: solid 1px #e1e1e1; overflow: visible; font-size:14px; word-wrap: break-word; word-break: break-all; }
.right_cont .entry table { max-width: 100%; box-sizing: border-box; }
.right_cont .entry h1 { font-size: 24px; margin: 20px 0 15px; font-weight: bold; line-height: 1.5; color: #333; }
.right_cont .entry p { margin: 12px 0; line-height: 1.8; }
.right_cont .entry img { max-width: 100%; height: auto; }
.right_cont .entry ul, .right_cont .entry ol { margin: 12px 0; padding-left: 30px; }
.right_cont .entry ul li { list-style: disc; margin: 6px 0; }
.right_cont .entry ol li { list-style: decimal; margin: 6px 0; }
.right_cont .entry blockquote { margin: 12px 0; padding: 10px 20px; border-left: 4px solid #2f8f6b; background: #f8faf9; color: #555; }
.right_cont .entry strong, .right_cont .entry b { font-weight: bold; }
.right_cont .entry em, .right_cont .entry i { font-style: italic; }
.right_cont .entry a { color: #2f8f6b; text-decoration: none; }
.right_cont .entry a:hover { text-decoration: underline; }
.right_cont .entry h2 { font-size: 20px; margin: 20px 0 15px; font-weight: bold; line-height: 1.5; color: #333; }
.right_cont .entry h3 { font-size: 18px; margin: 15px 0 10px; font-weight: bold; line-height: 1.5; color: #333; }
.right_cont .entry h4 { font-size: 16px; margin: 15px 0 10px; font-weight: bold; line-height: 1.5; color: #333; }
.right_cont .entry h5 { font-size: 14px; margin: 10px 0 8px; font-weight: bold; line-height: 1.5; color: #333; }
.right_cont .entry h6 { font-size: 14px; margin: 10px 0 8px; font-weight: bold; line-height: 1.5; color: #333; }
.right_cont_list1{width:100%;height:auto;overflow:auto}
.right_cont_list1 ul{padding:0;margin:0;border:0;}
.right_cont_list1 ul li{width: calc(33.33% - 8px);float:left;padding:8px;margin-right:12px;box-sizing:border-box;}
.right_cont_list1 ul li:nth-child(3n){margin-right:0;}
.right_cont_list1 ul li a{display:block;}
.right_cont_list1 ul li .img{width:100%;height:180px;overflow:hidden;border:1px solid #2f8f6b !important;border-radius:8px !important;box-sizing:border-box;}
.right_cont_list1 ul li .img img{width:100%;height:100%;object-fit:cover;display:block;}


.right_cont p.title { margin: 0 11px 0 0; padding: 26px 0 23px 6px; font-size: 16px; color: #0f0f0f; line-height: 48px; font-weight: 700; border-bottom: solid 1px #e2e2e2; }
.right_cont p.meta { margin: 0; padding: 0px 0 10px; text-align: center; font-size: 12px; color: #787878;line-height: 24px; }

.right_cont .pro_list { width: 820px; height: 190px; margin: 0 0 36px; padding: 0; }
.right_cont .pro_list dt { width: 162px; height: 173px; margin-right: 24px; padding: 8px 10px 9px 8px; float: left; background: url(../images/pro_img_bg.gif) no-repeat; }
.right_cont .pro_list dt img { width: 162px; height: 173px; display: block; }
.right_cont .pro_list dd { width: 616px; float: right; margin: 0; line-height: 20px; }
.right_cont .pro_list dd b { height: 30px; margin-bottom: 10px; line-height: 30px; border-bottom: solid 1px #e3e4e6; color: #7d7d7d; display: block; }
.right_cont .pro_list dd p { height: 106px; }
.right_cont .pro_list dd a { height: 31px; padding-left: 16px; line-height: 31px; color: #c7171c; border-bottom: solid 1px #e3e4e6; border-top: solid 1px #e3e4e6; display: block; background: url(../images/pro_icon.gif) 8px 50% no-repeat; }
.right_cont .pro_list dd a:hover { font-weight: 700; }

.right_cont .hot_news { width: 802px; height: 201px; margin: 0; padding: 16px 0 0 16px; border: solid 4px #d9d9d9; }
.right_cont .hot_news dt { width: 300px; height: 185px; margin-right: 20px; float: left; }
.right_cont .hot_news dt img { width: 300px; height: 185px; display: block; }
.right_cont .hot_news dd { width: 475px; float: left; margin: 0; line-height: 20px; }
.right_cont .hot_news dd b { height: 48px; margin-bottom: 10px; line-height: 24px; color: #666; display: block; }
.right_cont .hot_news dd p { height: 81px; }
.right_cont .hot_news dd a { height: 35px; }

.right_cont .news_dl { height: 201px; height: 79px; margin: 0; padding: 28px 0 20px; border-bottom: solid 1px #d9d9d9; }
.right_cont .news_dl dt { width: 100px; float: left; text-align: center; font-weight: 400; }
.right_cont .news_dl dt b { font-size: 36px; line-height: 40px; display: block; }
.right_cont .news_dl dt img { width: 300px; height: 185px; display: block; }
.right_cont .news_dl dd { width: 722px; float: left; margin: 0; line-height: 20px; }
.right_cont .news_dl dd a { margin-bottom: 10px; color: #666; font-weight: 700; display: block; font-size: 14px; }
.right_cont .news_dl dd a:hover { text-decoration: underline; color: #000; }


.right_cont .pagelist { padding-top: 8px; border-top: solid 1px #dbdbdb; line-height: 34px; font-size: 14px; font-weight: 700; text-align: center; color: #6c6c6c; clear: both; }
.right_cont .pagelist a { color: #6c6c6c; text-decoration: none; margin: 0 5px; }
.right_cont .pagelist a:hover { color: #ff8a2b; text-decoration: underline; }
.right_cont .pagelist a.cur_link { color: #ff8a2b; text-decoration: underline; }

.right_cont ul.pro_nav { height: 34px; margin-right: 0; padding: 0; background: url(../images/pro_nav_line.gif) left bottom repeat-x; border-left: solid 1px #dedede; border-right: solid 1px #dedede; }
.right_cont ul.pro_nav li { height: 34px; line-height: 34px; float: left; padding: 0 25px; font-weight: 700; cursor: pointer; }
.right_cont ul.pro_nav li.cur_link { background: none #2195CC; border: 0; color: #fff; }
.right_cont .pro_nav_cont { padding: 0 35px; }

.card_form_bg { width: 826px; margin-bottom: 31px; background: url(../images/card_bg.gif) repeat; }
.card_form { width: 826px; margin: 0 auto; padding-bottom: 20px; background: url(../images/card_bottom.gif) right bottom no-repeat; }
.card_form h2 { height: 74px; padding: 0 0 0 111px; text-align: left; line-height: 100px; font-weight: 700; font-size: 16px;  color: #487ca2; }
.card_form h2.info { background: url(../images/card_img.jpg) 17px top no-repeat; overflow: hidden; }
.card_form h2.cont { background: url(../images/card_img.jpg) 17px -74px no-repeat; overflow: hidden; }
.card_form p { line-height: 20px; margin-bottom: 6px; padding-left: 37px; overflow: hidden; }
.card_form p input { width: 153px; height: 18px; margin: 0 51px 0 9px; padding: 0; line-height: 18px; border: solid 1px #ccc; }
.card_form p input.large { font-size: 12px; width: 416px; }
.card_form p textarea { width: 678px; height: 66px; margin: 0 0 15px 34px; padding: 0; border: solid 1px #ccc; font-size: 12px; vertical-align: top; }

.zs { width: 825px; margin: 10px auto; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; }
.zs td { line-height: 22px; border-top: solid 1px #ccc; border-left: solid 1px #ccc; }

.content-block { position: relative; }
.bs2 {box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);}		/* box-shadow */
.backtop {display:none;}
.backtop a {display:block;position:absolute;z-index:99;width:50px;height:55px;right:0;bottom:10px;cursor:pointer;background:#7BB03E;}
.backtop a:hover {background:#360;}
.backtop .icon-back {
    background: url(../images/web_icon.gif) center 5px no-repeat;
    display: block;
    height: 20px;
    margin: 17px auto;
    width: 20px;
}
.sl-fixed{
	position:fixed !important;
    z-index: 300;
}
.sl-fixed-bottom {
    bottom:0; top:auto;
    _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.sl-fixed-right {
    right:0; left:auto;
    _right:auto; _left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
}
.fixed-ads-offset-bottom { _margin-bottom: 220px;}

.sl-fixed-top,.sl-fixed-right,.sl-fixed-bottom,.sl-fixed-left {
    _position:absolute !important;
}

.absolute-ads {
    position: absolute;z-index:300;bottom:10px;
	_margin-top: 0px;
	_top: auto !important;
    _bottom: 10px;}
#sidebar {width:300px;}


.main{width:1200px;height:auto;overflow:auto;margin:0 auto;}
/*首页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;width:100%;height:50px;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*分页样式*/
.subBanner, .subBody{width:960px;margin:0 auto;}
.subBody{margin-bottom:25px;}
.subBody .OneOfTwo{width:750px;float:left;}
.subBody .TwoOfTwo{width:175px;float:right;}
.subBody .OneOfTwos{width:175px;float:left;}
.subBody .TwoOfTwos{width:750px;float:right;}
.subBody .search_l{margin-bottom:25px;}
.subBody .subnav{margin-bottom:25px;}
.subBody .subnav li{margin-bottom:2px;}
.subBody .subnav li a{display:block;height:24px;line-height:24px;padding-left:20px;background:url(../images/subnav_ico.gif) no-repeat 5px center;}
.subBody .subnav li a:hover{color:#fff;text-decoration:none;background:url(../images/subnav_ico_on.gif) no-repeat 5px center #ccc;}
.subBody .subnav li a.on, .subBody .subnav li a:hover.on{color:#fff;background:#999;}
.subBody .subTitle{margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;text-align:right;}
.subBody .subTitle .catname{font-size:15px;font-weight:bold;float:left;font-family:"微软雅黑";color:#333;}
.subBody .subTitle .shopcart{background:url(../images/shopcart_ico.gif) no-repeat 0 center; padding-left:20px;}
.subBody .subTitle a{color:#666;}
.subBody .subTitle span{color:#666;}
.subBody .subTitle a.goback{float:left;margin-left:10px;}
.subBody .subtype li{float:left;}
.subBody .subtype li a{background:#ffa41b;padding:2px 5px;margin-right:5px;color:#fff;}
.subBody .subtype li a:hover{text-decoration:none;background:#ff9900;}
.subBody .subtype li a.on{background:#999;}
.subBody .subtype2{padding:0 0 0 10px;}
.subBody .subtype2 li{float:left;}
.subBody .subtype2 li a{background:#fff8ed;border:1px solid #ff9900;padding:2px 5px;margin-right:5px;color:#3e3e3e;}
.subBody .subtype2 li a.on{color:#ff6600;}
.subCont{line-height:26px;color:#666;}

.newslist{width:100%;height:auto;overflow:hidden;}
.newslist ul{width:100%;height:auto;overflow:hidden;padding:0;margin:0;border:0;}
.newslist ul li{border-bottom:1px solid #d9d9d9;padding:10px 0 20px 0;height:auto;overflow:hidden;transition: all 0.3s ease;cursor:pointer;}
.newslist ul li:hover{background:#f0f7f4;}
.newslist ul li:hover .txt h1 a{color:#2f8f6b;}
.newslist ul li .time{width:100px;height:90px;float:left;text-align:center}
.newslist ul li .time .b{font-size:36px;line-height: 40px;}
.newslist ul li .txt{width:725px;height:auto;overflow:auto;float:left;font-size:12px;line-height:25px;}
.newslist ul li .txt h1{font-size:16px;margin-bottom:10px;font-weight:bold}
.newslist ul li .txt h1 a{color:#333;transition: color 0.3s ease;}
.newslist ul li .txt h1 a:hover{color:#2f8f6b;}

.newslist_title{font-size:26px;line-height:40px;text-align:center;padding-bottom:20px;}
.newslist_time{text-align:center;line-height:40px;}

.imglist{width:100%;height:auto;overflow:hidden;}
.imglist ul{width:100%;height:auto;overflow:hidden;padding:0;margin:0;border:0;}
.imglist ul > a{display:block;text-decoration:none;color:inherit;}
.imglist ul li{border-bottom:1px solid #d9d9d9;padding:10px 0 20px 0;height:auto;overflow:hidden;transition: all 0.3s ease;cursor:pointer;}
.imglist ul li:hover{background:#f0f7f4;}
.imglist ul li:hover .txt h1{color:#2f8f6b;}
.imglist ul li .img{height:150px;float:left;margin-right:20px;overflow:hidden;}
.imglist ul li .img img{width:200px;height:150px;transition: transform 0.3s ease;}
.imglist ul li:hover .img img{transform: scale(1.05);}
.imglist ul li .txt{width:605px;height:auto;overflow:auto;float:left;font-size:12px;line-height:25px;}
.imglist ul li .txt h1{font-size:16px;margin-bottom:10px;font-weight:bold;color:#333;transition: color 0.3s ease;}
.imglist ul li .txt h1 a{color:#333;transition: color 0.3s ease;}
.imglist ul li .txt h1 a:hover{color:#2f8f6b;}

.weblink{width:1100px;height:auto;overflow:auto;margin:20px auto;line-height:30px;}

@media screen and (max-width: 600px) {
    html,
    body {
        width: 100%;
        min-width: 0;
        overflow-x: hidden !important;
    }

    .main {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    .other {
        width: 100% !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }

    .sub_banner {
        width: 100% !important;
        margin: 0 0 15px 0 !important;
    }

    .info {
        width: 100% !important;
        padding: 0 !important;
    }

    .left_menu {
        width: 100% !important;
        float: none !important;
        margin-top: 12px;
    }

    .right {
        width: 100% !important;
        float: none !important;
        margin-top: 12px;
    }

    .right .nr {
        margin-bottom: 12px !important;
        padding: 0 !important;
    }

    .right .tit {
        height: auto !important;
        line-height: 1.5 !important;
        padding: 10px 12px !important;
        font-size: 13px !important;
        white-space: normal !important;
        word-break: break-all !important;
    }

    .right .title {
        font-size: 16px !important;
        padding: 8px 0 !important;
        margin-bottom: 12px !important;
    }

    .right .page {
        padding: 12px 0 !important;
        font-size: 12px !important;
    }

    .right .case ul {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .right .case ul li {
        width: 100% !important;
        float: none !important;
        padding: 12px 0 !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid #eee !important;
    }

    .right .case ul li .img {
        width: 120px !important;
        height: 90px !important;
        margin-right: 10px !important;
    }

    .right .case ul li .img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .right .case ul li .txt {
        overflow: hidden !important;
    }

    .right .case ul li .txt .list_title {
        font-size: 14px !important;
        white-space: normal !important;
        word-break: break-all !important;
        line-height: 1.4 !important;
        margin-bottom: 6px !important;
    }

    .right .case ul li .txt .list_desc {
        font-size: 12px !important;
        line-height: 1.5 !important;
        white-space: normal !important;
        word-break: break-all !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .right .newslists ul {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .right .newslists ul li {
        width: 100% !important;
        float: none !important;
        padding: 10px 0 !important;
    }

    .right .newslists ul li .time {
        display: none !important;
    }

    .newslist {
        width: 100% !important;
    }

    .newslist ul {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .newslist ul li {
        width: 100% !important;
        float: none !important;
        padding: 12px 0 !important;
        box-sizing: border-box !important;
    }

    .newslist ul li .time {
        display: none !important;
    }

    .newslist ul li .txt {
        width: 100% !important;
        float: none !important;
    }

    .newslist ul li .txt {
        width: 100% !important;
        float: none !important;
        overflow: visible !important;
    }

    .newslist ul li .txt h1 {
        white-space: normal !important;
        word-break: break-all !important;
        line-height: 1.5 !important;
        font-size: 16px !important;
    }

    .newslist ul li .txt p {
        white-space: normal !important;
        word-break: break-all !important;
    }

    .newslist_title {
        font-size: 20px !important;
        line-height: 1.5 !important;
        padding-bottom: 12px !important;
    }

    .right_cont .entry img {
        max-width: 100% !important;
        height: auto !important;
        width: auto !important;
        display: block !important;
    }

    .right_cont .entry table {
        max-width: 100% !important;
        overflow-x: auto !important;
    }

    .right_cont .entry p,
    .right_cont .entry div,
    .right_cont .entry span {
        word-break: break-all !important;
        white-space: normal !important;
    }

    .right_cont {
        width: 100% !important;
        float: none !important;
        margin-top: 12px;
        overflow: visible !important;
    }

    .right_cont > h2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 40px !important;
        height: 40px !important;
    }

    .right_cont > h2 span {
        display: none;
    }

    .right_cont .entry img {
        max-width: 100% !important;
        height: auto !important;
        width: auto !important;
        display: block !important;
    }

    .right_cont .entry p,
    .right_cont .entry div,
    .right_cont .entry span {
        word-break: break-all;
        white-space: normal;
    }

    #header,
    #content,
    #footer,
    .features .entry {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    #header {
        height: auto;
        padding: 10px 12px;
        overflow: visible !important;
        position: relative !important;
    }

    .logo {
        width: 140px;
        height: auto;
        float: none;
        margin: 0;
    }

    .logo img {
        display: block;
        width: 100%;
        height: auto;
    }

    .lan {
        display: none;
    }

    /* 汉堡菜单按钮 */
    .mobile-menu-btn {
        display: block !important;
        position: absolute;
        right: 12px;
        top: 18px;
        width: 40px;
        height: 40px;
        background: #2f8f6b;
        border-radius: 6px;
        cursor: pointer;
        z-index: 1001;
    }

    .mobile-menu-btn span,
    .mobile-menu-btn span::before,
    .mobile-menu-btn span::after {
        display: block;
        position: absolute;
        width: 22px;
        height: 3px;
        background: #fff;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    .mobile-menu-btn span {
        top: 50%;
        left: 50%;
        margin-left: -11px;
        margin-top: -1.5px;
    }
    .mobile-menu-btn span::before,
    .mobile-menu-btn span::after {
        content: '';
        left: 0;
    }
    .mobile-menu-btn span::before { top: -8px; }
    .mobile-menu-btn span::after { top: 8px; }

    .mobile-menu-btn.open span { background: transparent; }
    .mobile-menu-btn.open span::before { top: 0; transform: rotate(45deg); }
    .mobile-menu-btn.open span::after { top: 0; transform: rotate(-45deg); }

    .nav {
        display: none !important;
        width: 100% !important;
        height: auto !important;
        float: none !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        z-index: 1000 !important;
        background: #fff !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .nav.open {
        display: block !important;
    }

    .nav ul {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .nav li,
    .nav li.home {
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        background: none !important;
        float: none !important;
        display: block !important;
        border-right: none !important;
        border-bottom: 1px solid #eee !important;
    }

    .nav li:last-child { border-bottom: none !important; }

    .nav li a {
        width: 100% !important;
        height: 44px !important;
        line-height: 44px !important;
        padding: 0 20px !important;
        font-size: 14px !important;
        text-align: left !important;
        color: #333 !important;
        background: #fff !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    .nav li a:hover,
    .nav li.li_light a,
    .nav li.li_light_0 a,
    .nav li.cur_link a {
        background: #f0f7f4 !important;
        color: #2f8f6b !important;
    }

    .nav dl {
        display: none !important;
    }

    .banner {
        height: auto !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    #MSClassBox {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        overflow: hidden !important;
        position: relative !important;
    }

    #MSClassBox > ul#ContentID {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
        display: block !important;
    }

    #MSClassBox > ul#ContentID > li {
        display: none !important;
        width: 100% !important;
        height: auto !important;
        float: none !important;
    }

    #MSClassBox > ul#ContentID > li:first-child {
        display: block !important;
    }

    #MSClassBox > ul#ContentID > li img {
        display: block;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    #TabID {
        display: none;
    }

    .product {
        margin-bottom: 20px;
    }

    .product h2.tab_list {
        display: flex;
        height: auto;
        overflow: visible;
        white-space: normal;
        flex-wrap: wrap;
        background: #fff !important;
        background-image: none !important;
    }

    .product h2.tab_list span {
        float: none;
        flex: 1 1 50%;
        min-width: 50%;
        height: auto;
        min-height: 40px;
        box-sizing: border-box;
        padding: 7px 8px;
        line-height: 1.35;
        font-size: 12px;
        white-space: normal;
        text-align: center;
        background: #f5f5f5 !important;
        border-right: none !important;
        color: #666 !important;
        border-radius: 6px 6px 0 0;
        margin-bottom: -2px !important;
        transition: all 0.3s ease;
    }

    .product h2.tab_list span:hover {
        background: #e8f5ef !important;
        color: #2f8f6b !important;
    }

    .product h2.tab_list span.cur_link {
        background: #2f8f6b !important;
        color: #fff !important;
        font-weight: 500;
    }

    .product .entry {
        margin-top: 12px !important;
        padding: 0 !important;
    }

    .product .slide-content {
        width: 100% !important;
        padding: 0 48px !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    .product .wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    .product .wrap::-webkit-scrollbar { display: none; }
    .product .wrap { scrollbar-width: none; -ms-overflow-style: none; }

    .product .JQ-slide-content {
        width: auto !important;
        display: flex !important;
        float: none !important;
        position: relative !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .product UL {
        width: auto !important;
    }

    .product LI {
        width: calc(100vw - 96px) !important;
        max-width: 280px !important;
        height: auto !important;
        margin-right: 10px !important;
        float: none !important;
        flex: 0 0 auto !important;
        border: 2px solid #2f8f6b !important;
        border-radius: 8px !important;
        background-color: #fff !important;
        padding: 8px !important;
        box-sizing: border-box !important;
        position: relative !important;
    }

    .product LI:last-child {
        margin-right: 0 !important;
    }

    .product LI IMG {
        width: 100% !important;
        height: auto !important;
        max-height: 180px !important;
        object-fit: contain !important;
        object-position: center !important;
        display: block !important;
    }

    .product LI:hover {
        height: 258px !important;
    }

    .product LI a {
        display: block !important;
    }

    .product .JQ-slide-nav {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        pointer-events: none !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 10 !important;
    }

    .product .JQ-slide-nav .prev,
    .product .JQ-slide-nav .next,
    .product .JQ-slide-nav A {
        position: absolute !important;
        width: 36px !important;
        height: 36px !important;
        top: 50% !important;
        margin-top: -18px !important;
        background-color: rgba(255,255,255,0.9) !important;
        border: 1px solid #ddd !important;
        border-radius: 50% !important;
        pointer-events: auto !important;
        z-index: 100 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        left: auto !important;
        right: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .product .JQ-slide-nav .prev {
        left: 2px !important;
        right: auto !important;
    }

    .product .JQ-slide-nav .next {
        right: 2px !important;
        left: auto !important;
    }

    .product .JQ-slide-nav A:hover {
        background-color: #2f8f6b !important;
        border-color: #2f8f6b !important;
    }

    .product .JQ-slide-nav SPAN {
        width: 44px !important;
        height: 44px !important;
        line-height: 44px !important;
        font-size: 0 !important;
        color: transparent;
        text-align: center;
        position: relative;
    }

    .product .JQ-slide-nav SPAN:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }

    .product .JQ-slide-nav .prev SPAN:before {
        border-right: 10px solid #666;
        margin-top: -8px;
        margin-left: -4px;
    }

    .product .JQ-slide-nav .next SPAN:before {
        border-left: 10px solid #666;
        margin-top: -8px;
        margin-left: -6px;
    }

    .product .JQ-slide-nav .prev:hover SPAN:before {
        border-right-color: #fff;
    }

    .product .JQ-slide-nav .next:hover SPAN:before {
        border-left-color: #fff;
    }

    .product .JQ-slide-nav SPAN img {
        display: none !important;
    }

    .features {
        padding: 24px 12px !important;
    }

    .features_h2 {
        margin-bottom: 20px !important;
        font-size: 24px !important;
    }

    .features ul {
        display: block !important;
        margin: 0 !important;
    }

    .features li {
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 14px !important;
    }

    .news,
    .search,
    .case,
    .module.news,
    .module.search {
        width: 100% !important;
        float: none !important;
        clear: both !important;
        position: relative !important;
    }

    .news,
    .search,
    .module.news,
    .module.search {
        padding: 0 12px;
        box-sizing: border-box;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .module.news {
        margin-bottom: 16px !important;
    }

    .news .news_list li {
        height: auto !important;
        overflow: visible !important;
    }

    .news .news_list li .title1 {
        width: 100% !important;
        float: none !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        word-break: break-all !important;
    }

    .news .news_list li .time1 {
        width: 100% !important;
        float: none !important;
        text-align: left !important;
        margin-top: 4px !important;
        color: #999 !important;
        font-size: 12px !important;
    }

    .module.search {
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }

    .case .entry {
        padding: 10px 0;
    }

    .case .case-slide-content {
        padding: 0 52px !important;
        box-sizing: border-box !important;
    }
    .case .case-wrap {
        width: 100% !important;
        margin: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    .case .case-wrap::-webkit-scrollbar { display: none; }
    .case .JQ-slide-content {
        width: auto !important;
        display: flex !important;
        float: none !important;
        position: relative !important;
        left: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .case .JQ-slide-content li {
        float: none !important;
        flex: 0 0 auto !important;
        margin-right: 10px !important;
        border: 2px solid #2f8f6b !important;
        border-radius: 8px !important;
        background-color: #fff !important;
        box-sizing: border-box !important;
        padding: 4px !important;
        overflow: hidden !important;
    }
    .case .case-img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3 !important;
        overflow: hidden !important;
        border-radius: 4px !important;
    }
    .case .case-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }
    .case .case-title {
        padding: 6px 2px !important;
        text-align: center !important;
        font-size: 12px !important;
        color: #333 !important;
        line-height: 1.4 !important;
        height: 34px !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }
    .case .case-slide-nav .prev {
        left: 4px !important;
    }
    .case .case-slide-nav .next {
        right: 4px !important;
    }

    .case .case-slide-nav {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
    }
    .case .case-slide-nav a {
        position: absolute;
        width: 44px;
        height: 44px;
        top: 50%;
        margin-top: -22px;
        background-color: rgba(255, 255, 255, 0.8);
        border: 1px solid #ddd;
        border-radius: 50%;
        text-decoration: none;
        z-index: 10;
        pointer-events: auto;
        line-height: 44px;
        text-align: center;
        color: #666;
        font-size: 18px;
        font-weight: bold;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    .case .case-slide-nav a:hover {
        background-color: #2f8f6b;
        border-color: #2f8f6b;
        color: #fff;
    }
    .case .case-slide-nav a span {
        display: none;
    }
    .case .case-slide-nav a::before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }
    .case .case-slide-nav .prev::before {
        border-right: 10px solid #666;
    }
    .case .case-slide-nav .prev:hover::before {
        border-right-color: #fff;
    }
    .case .case-slide-nav .next::before {
        border-left: 10px solid #666;
    }
    .case .case-slide-nav .next:hover::before {
        border-left-color: #fff;
    }

    #footer {
        height: auto;
        padding: 8px 12px;
        box-sizing: border-box;
    }

    .create {
        height: auto;
        margin: 0;
        padding: 0;
        background: none;
        text-align: center;
        line-height: 1.8;
    }

    .left_menu {
        width: 100% !important;
        float: none !important;
        margin-top: 12px !important;
    }

    .left_menu .entry {
        width: 100% !important;
        background: #fff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    }

    .left_menu h2 {
        width: 100% !important;
        float: none !important;
        margin: 0 0 12px 0 !important;
        padding: 16px !important;
        text-align: left !important;
        color: #2f8f6b !important;
        background: #fff !important;
        border-bottom: 1px solid #f0f0f0 !important;
        font-size: 18px !important;
        font-weight: bold !important;
    }

    .left_menu h2 span {
        display: block;
        padding-left: 12px;
        border-left: 4px solid #2f8f6b;
    }

    .sub_menu {
        width: 100% !important;
        float: none !important;
        padding: 12px !important;
        box-sizing: border-box !important;
    }

    div.left_nav {
        width: 100% !important;
        margin: 0 !important;
    }

    div.left_nav ul {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    div.left_nav ul li {
        line-height: 1.5 !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        margin-bottom: 8px !important;
        transition: all 0.3s ease !important;
    }

    div.left_nav ul li:hover {
        border-color: #2f8f6b !important;
        background-color: #2f8f6b !important;
    }

    div.left_nav ul li a {
        display: block !important;
        padding: 12px 16px !important;
        color: #333 !important;
        font-size: 14px !important;
        transition: all 0.3s ease !important;
    }

    div.left_nav ul li:hover a {
        color: #fff !important;
    }

    dl.left_nav {
        margin-bottom: 8px !important;
    }

    dl.left_nav dt {
        clear: both !important;
        height: auto !important;
        line-height: 1.5 !important;
        overflow: hidden !important;
        color: #333 !important;
        text-indent: 0 !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        background: #fff !important;
        transition: all 0.3s ease !important;
    }

    dl.left_nav dt a {
        display: block !important;
        padding: 12px 16px !important;
        color: #333 !important;
        font-size: 14px !important;
        transition: all 0.3s ease !important;
    }

    dl.left_nav dt:hover {
        border-color: #2f8f6b !important;
        background-color: #2f8f6b !important;
    }

    dl.left_nav dt:hover a {
        color: #fff !important;
    }

    dl.cur_link > dt {
        border: 1px solid #2f8f6b !important;
        background-color: #2f8f6b !important;
        border-radius: 6px !important;
        margin-bottom: 8px !important;
    }

    dl.cur_link > dt a {
        color: #fff !important;
    }

    dl.left_nav dd dt {
        margin-left: 8px !important;
        padding-left: 12px !important;
        border: 0 !important;
        background: none !important;
        font-weight: 400 !important;
        text-indent: 0 !important;
    }

    dl.left_nav dd dt a {
        color: #555 !important;
        font-weight: 400 !important;
        font-size: 13px !important;
        padding: 8px 12px !important;
        border-radius: 4px !important;
    }

    dl.left_nav dd dt a:hover {
        color: #2f8f6b !important;
        background-color: #f0f7f4 !important;
    }

    dl.left_nav dd .cur_link2 dt a {
        color: #2f8f6b !important;
        font-weight: 600 !important;
        background-color: #f0f7f4 !important;
    }

    .right_cont {
        width: 100% !important;
        float: none !important;
        margin-top: 16px !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }

    .right_cont .entry {
        width: 100% !important;
        padding: 16px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    .right_cont .entry .right_cont_list1,
    .right_cont_list1 {
        width: calc(100% + 32px) !important;
        margin-left: -16px !important;
        margin-right: -16px !important;
        overflow-x: hidden !important;
    }
    .right_cont .entry .right_cont_list1 ul,
    .right_cont_list1 ul {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .right_cont .entry .right_cont_list1 ul li,
    .right_cont_list1 ul li {
        width: 100% !important;
        float: none !important;
        padding: 12px 0 !important;
        box-sizing: border-box !important;
    }
    .right_cont .entry .right_cont_list1 ul li .img,
    .right_cont_list1 ul li .img {
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        border: 1px solid #2f8f6b !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }
    .right_cont .entry .right_cont_list1 ul li .img img,
    .right_cont_list1 ul li .img img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        display: block !important;
    }
}

@media screen and (min-width: 601px) and (max-width: 992px) {
    html,
    body {
        width: 100%;
        min-width: 0;
        overflow-x: hidden !important;
    }

    .main {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    .other {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    .sub_banner {
        width: 100% !important;
        margin: 0 0 10px 0 !important;
    }

    .info {
        width: 100% !important;
        padding: 0 !important;
    }

    .left_menu {
        width: 100% !important;
        float: none !important;
        margin-top: 16px;
        margin-right: 0 !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    .left_menu .entry {
        width: 100% !important;
    }

    .right {
        width: 100% !important;
        float: none !important;
        margin-top: 16px;
    }

    .right_cont {
        width: 100% !important;
        float: none !important;
        margin-top: 16px !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    .right_cont .entry {
        width: 100% !important;
        padding: 16px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    .right_cont_list1 {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    .right_cont_list1 ul li {
        width: calc(50% - 5px) !important;
        float: left !important;
        box-sizing: border-box !important;
        padding: 8px !important;
        margin-right: 10px !important;
    }
    .right_cont_list1 ul li:nth-child(2n) {
        margin-right: 0 !important;
    }

    .right_cont_list1 ul li .img {
        width: 100% !important;
        height: 160px !important;
        overflow: hidden !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }

    .right_cont_list1 ul li .img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    .news .news_list li {
        height: auto !important;
        overflow: visible !important;
    }

    .news .news_list li .title1 {
        width: 100% !important;
        white-space: normal !important;
        word-break: break-all !important;
    }

    .news .news_list li .time1 {
        width: 100% !important;
        float: none !important;
    }

    .newslist ul li .txt {
        width: 100% !important;
        float: none !important;
        overflow: visible !important;
    }

    .case .case-img {
        height: auto !important;
        aspect-ratio: 4 / 3 !important;
    }

    .product LI {
        height: auto !important;
    }

    .product LI IMG {
        height: auto !important;
        max-height: 200px !important;
    }

    .right .nr {
        margin-bottom: 16px !important;
        padding: 0 !important;
    }

    .right .tit {
        height: auto !important;
        line-height: 1.5 !important;
    }

    .right .title {
        font-size: 18px !important;
        margin-bottom: 12px !important;
    }

    .right .page {
        margin-top: 16px !important;
        padding-top: 16px !important;
    }

    .right .case ul li {
        width: 50% !important;
        float: left !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }

    .right .case ul li .img {
        width: 100% !important;
        height: auto !important;
    }

    .right .case ul li .img img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        display: block !important;
    }

    .right .newslists ul li {
        width: 100% !important;
        float: none !important;
        padding: 8px 0 !important;
        border-bottom: 1px dashed #ccc !important;
    }

    .right .newslists ul li span.time {
        display: none !important;
    }

    .newslist {
        width: 100% !important;
        padding: 0 !important;
    }

    .newslist_title {
        font-size: 16px !important;
        line-height: 1.6 !important;
        margin-bottom: 12px !important;
    }

    .newslist_date {
        display: none !important;
    }

    .entry img,
    .content img {
        max-width: 100% !important;
        height: auto !important;
        width: auto !important;
        display: block !important;
    }

    .entry table,
    .content table {
        max-width: 100% !important;
        overflow-x: auto !important;
        display: block !important;
    }

    .entry p,
    .content p,
    .entry div,
    .content div,
    .entry span,
    .content span {
        word-wrap: break-word !important;
        word-break: break-all !important;
    }

    .right .case .case-slide-nav a {
        width: 36px !important;
        height: 36px !important;
        line-height: 36px !important;
    }

    .right .case .case-slide-content {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    .imglist {
        width: 100% !important;
        overflow: visible !important;
    }

    .imglist ul {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .imglist ul li {
        width: 100% !important;
        padding: 12px 0 !important;
    }

    .imglist ul li .txt {
        overflow: visible !important;
    }

    #MSClassBox {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        overflow: hidden !important;
        position: relative !important;
    }

    #MSClassBox > ul#ContentID {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
        display: block !important;
    }

    #MSClassBox > ul#ContentID > li {
        width: 100% !important;
        height: auto !important;
    }

    #MSClassBox > ul#ContentID > li img {
        display: block;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }

    .product h2.tab_list {
        display: flex;
        height: auto;
        overflow: visible;
        white-space: normal;
        flex-wrap: wrap;
    }

    .product h2.tab_list span {
        flex: 1 1 25%;
        min-width: 25%;
        height: auto;
        min-height: 40px;
        box-sizing: border-box;
        padding: 8px 5px;
        line-height: 1.35;
        font-size: 12px;
        white-space: normal;
        text-align: center;
    }

    .product .slide-content {
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        position: relative !important;
    }

    .product .wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        position: relative !important;
    }

    .product .JQ-slide-content {
        width: 10000px !important;
        display: block !important;
        float: left !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .product LI {
        width: 180px !important;
        max-width: none !important;
        height: auto !important;
        margin-right: 10px !important;
        float: left !important;
        box-sizing: border-box !important;
        padding: 4px !important;
        border: 1px solid #2f8f6b !important;
        border-radius: 8px !important;
        background: #fff !important;
    }

    .product LI IMG {
        width: 100% !important;
        height: 130px !important;
        object-fit: cover !important;
        display: block !important;
        border-radius: 4px !important;
    }

    #header,
    #content,
    #footer {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    #header {
        height: auto;
        padding: 10px 16px;
        overflow: visible !important;
        position: relative !important;
    }

    .logo {
        width: 140px;
        height: auto;
        float: none;
        margin: 0;
    }

    .logo img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 253px;
        max-height: 71px;
    }

    .lan {
        display: none;
    }

    .mobile-menu-btn {
        display: block !important;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        width: 44px;
        height: 44px;
        background: #2f8f6b;
        border-radius: 6px;
        cursor: pointer;
        z-index: 1001;
    }

    .mobile-menu-btn span,
    .mobile-menu-btn span::before,
    .mobile-menu-btn span::after {
        display: block;
        position: absolute;
        width: 24px;
        height: 3px;
        background: #fff;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    .mobile-menu-btn span {
        top: 50%;
        left: 50%;
        margin-left: -12px;
        margin-top: -1.5px;
    }
    .mobile-menu-btn span::before,
    .mobile-menu-btn span::after {
        content: '';
        left: 0;
    }
    .mobile-menu-btn span::before { top: -9px; }
    .mobile-menu-btn span::after { top: 9px; }

    .mobile-menu-btn.open span { background: transparent; }
    .mobile-menu-btn.open span::before { top: 0; transform: rotate(45deg); }
    .mobile-menu-btn.open span::after { top: 0; transform: rotate(-45deg); }

    .nav {
        display: none !important;
        width: 100% !important;
        height: auto !important;
        float: none !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        z-index: 1000 !important;
        background: #fff !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .nav.open {
        display: block !important;
    }

    .nav ul {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .nav li,
    .nav li.home {
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        background: none !important;
        float: none !important;
        display: block !important;
        border-right: none !important;
        border-bottom: 1px solid #eee !important;
    }

    .nav li:last-child { border-bottom: none !important; }

    .nav li a {
        width: 100% !important;
        height: 46px !important;
        line-height: 46px !important;
        padding: 0 20px !important;
        font-size: 15px !important;
        text-align: left !important;
        color: #333 !important;
        background: #fff !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    .nav li a:hover,
    .nav li.li_light a,
    .nav li.li_light_0 a,
    .nav li.cur_link a {
        background: #f0f7f4 !important;
        color: #2f8f6b !important;
    }

    .nav dl {
        display: none !important;
    }

    .banner {
        width: 100% !important;
        overflow: hidden !important;
    }

    .banner img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        display: block !important;
    }

    .customer {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    .features {
        width: 100% !important;
        padding: 24px 16px !important;
        box-sizing: border-box !important;
    }

    .features .entry {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .features ul {
        display: flex !important;
        flex-wrap: wrap !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .features li {
        width: 50% !important;
        max-width: 50% !important;
        margin: 0 !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }

    .features li .icon {
        margin-bottom: 8px !important;
    }

    .features li h3 {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }

    .features li p {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    .slide {
        display: none !important;
    }

    .module.search {
        width: 100% !important;
        float: none !important;
        clear: both !important;
        position: relative !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }

    .module.news {
        width: 100% !important;
        float: none !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    .news .entry {
        width: 100% !important;
    }

    .news .news_box {
        min-height: auto !important;
    }

    .news .news_list {
        width: 100% !important;
    }

    .news .news_list li {
        height: auto !important;
        overflow: visible !important;
        padding: 8px 0 !important;
        border-bottom: 1px dashed #eee !important;
    }

    .news .news_list li .title1 {
        width: 100% !important;
        white-space: normal !important;
        word-break: break-all !important;
        font-size: 14px !important;
    }

    .news .news_list li .time1 {
        width: 100% !important;
        float: none !important;
        font-size: 12px !important;
        color: #999 !important;
        margin-top: 4px !important;
    }

    .news p img {
        width: 150px !important;
        height: 100px !important;
        float: left !important;
        margin-right: 15px !important;
        border-radius: 4px !important;
        object-fit: cover !important;
    }

    .case {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    .case h2 {
        font-size: 18px !important;
        margin-bottom: 12px !important;
    }

    .case .entry {
        width: 100% !important;
        padding: 0 !important;
    }

    .case .case-slide-content {
        width: 100% !important;
        position: relative !important;
    }

    .case .case-wrap {
        width: 530px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .case .case-wrap .JQ-slide-content {
        display: block !important;
        width: 10000px !important;
    }

    .case .case-wrap .JQ-slide-content li {
        width: 170px !important;
        margin-right: 10px !important;
        float: left !important;
        box-sizing: border-box !important;
        padding: 4px !important;
        background-color: #fff !important;
        border: 1px solid #2f8f6b !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    .case .case-img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3 !important;
    }

    .case .case-slide-nav {
        display: block !important;
    }

    .right .case ul {
        width: 100% !important;
    }

    .right .case ul > a {
        width: calc(50% - 10px) !important;
        float: left !important;
        margin-right: 20px !important;
        margin-bottom: 15px !important;
        display: block !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
    }

    .right .case ul > a:nth-child(2n) {
        margin-right: 0 !important;
    }

    .right .case ul li {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        padding: 10px !important;
        border: 1px solid #eee !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
        list-style: none !important;
    }

    .right .case ul li .img {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
        aspect-ratio: 4 / 3 !important;
    }

    .right .case ul li .img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .right .case ul li .txt {
        overflow: hidden !important;
    }

    .right .case ul li .txt .list_title {
        font-size: 14px !important;
        margin-bottom: 6px !important;
    }

    .right .case ul li .txt .list_desc {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    .right .page {
        text-align: center !important;
        padding: 15px 0 !important;
        clear: both !important;
    }

    .right .page a,
    .right .page span {
        display: inline-block !important;
        margin: 0 3px !important;
        padding: 4px 10px !important;
    }

    .right_cont h2 span {
        display: none !important;
    }

    .customer {
        position: fixed !important;
        right: 0 !important;
        top: 180px !important;
        width: 54px !important;
        z-index: 999 !important;
    }
}


/* 993px - 1199px 小桌面/大平板适配 */
@media screen and (min-width: 993px) and (max-width: 1199px) {
    html,
    body {
        width: 100%;
        min-width: 0;
        overflow-x: hidden !important;
    }

    #header {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    #content {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    .main {
        width: 100% !important;
        overflow-x: hidden !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    .other {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    .sub_banner {
        width: 100% !important;
        margin: 0 auto 10px !important;
    }

    .sub_banner img {
        max-width: 100% !important;
        height: auto !important;
    }

    .info {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    #footer {
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    .JQ-slide-nav-bg {
        width: 100% !important;
    }

    /* 首页 Banner 适配 */
    .banner {
        width: 100% !important;
        max-width: 100% !important;
    }

    .banner #MSClassBox {
        width: 100% !important;
        max-width: 100% !important;
    }

    .banner #TabID {
        left: auto !important;
        right: 20px !important;
    }

    /* 首页产品模块适配 */
    .product .slide-content {
        width: 100% !important;
        max-width: 100% !important;
    }

    .product .wrap {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 首页案例模块适配 */
    .case .case-wrap {
        width: 100% !important;
        max-width: 100% !important;
    }

    .case .case-slide-content {
        padding: 0 40px !important;
    }

    /* 首页新闻列表适配 */
    .news .news_list li .title1 {
        width: auto !important;
        max-width: calc(100% - 110px) !important;
    }

    /* 首页双列模块适配 */
    .module.news,
    .module.search {
        width: 100% !important;
        float: none !important;
        clear: both !important;
    }

    .news .news_box {
        width: 100% !important;
    }

    /* 首页轮播/幻灯片适配 */
    .slide,
    #slideshow_wrapper {
        width: 100% !important;
    }
}