/*
* @Author: Sun Jijing
* @Date:   2025-04-02 16:10:01
* @Last Modified by:   Sun Jijing
* @Last Modified time: 2025-04-03 11:26:41
*/

/* 图片自适应 */
img { width: auto\9; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; object-fit: cover; }

/* 去除苹果手机默认按钮样式 */
input[type='button'], input[type='submit'], input[type='reset'], textarea { resize: none; -webkit-appearance: none; appearance: none; }

/* 初始化 */
html, body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, hr, input, textarea, select, p, dl, dt, dd, a, span, strong, i, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: "思源黑体", "微软雅黑", Arial; margin: 0; padding: 0; color: #333; border: none; box-sizing: border-box; }
html, body { min-width: 320px; max-width: 1920px; margin: 0 auto; width: 100%; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-size: 14px; position: relative; color: #333; background-color: #fff; overflow-x: hidden; }
html, body { width: 100%; height: 100%; }
input, button, select, textarea { outline: none; }
em, i { font-style: normal; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; }
.clearfix { zoom: 1; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
ul, li, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { border: none; max-width: 100%; max-height: 100%; vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }
.pubcon { width: 18.75rem; margin: 0 auto; }
.over { overflow: hidden; }
.hide { display: none; }
.iconfont { color: inherit !important; font-size: inherit !important; }

/* 头部样式 */
.header { width: 100%; position: relative; z-index: 10; }
.head_con { display: flex; align-items: center; justify-content: space-between; height: 1.88rem; transition: all linear 400ms; }
.head_con .logo { width: 3.5rem; }
.head_con .logo img { width: 100%; }
.head_con .logo img.cor { display: none; }
.head_right { display: flex; align-items: center; }
.nav { display: block; }
.nav_list { display: flex; margin-right: 0.4rem; }
.nav_list > li { margin-right: 0.25rem; position: relative; }
.nav_list > li > a { font-size: 0.28rem; color: #fff; display: block; }
.nav_list > li > .iconfont { display: none; }
.nav_list > li.on > a, .nav_list > li:hover > a { font-weight: bold; -color: #007029; }
.head_right .info { display: inline-flex; align-items: center; }
.head_right .info a { display: inline-flex; font-size: 0.3rem; color: #fff; }
.head_right .info i { font-size: 0.24rem; color: #fff; display: inline-block; font-style: normal; font-weight: 100; padding: 0 0.2rem; }
.head_right .info img { display: inline-block; width: 0.3rem; }
.head_right .info img.cor { display: none; }
.head_right .info a.phone_menu { display: none; }
.sub_nav { display: none; position: absolute; padding-top: 0.1rem; left: 50%; transform: translateX(-50%); }
.sub_nav_list { background: rgba(13, 116, 41, .6); padding: 0.15rem 0.3rem; position: relative; }
.sub_nav_list li a { display: block; font-size: 0.23rem; white-space: nowrap; line-height: 2em; color: #fff; }
.sub_nav_list::before { content: ''; display: block; width: 0; height: 0; border-width: 0.1rem; border-style: solid; border-color: transparent transparent rgba(13, 116, 41, .6); left: 50%; position: absolute; top: -0.18rem; transform: translateX(-50%); }
.sub_nav_list li:hover a { font-weight: bold; }
.header.fixed { position: fixed; left: 0; top: 0; }
.header.fixed .head_con { height: 1.5rem; }
/* 白底头部样式 */
.hasColor { background: #fff; -box-shadow: 0 0 0.1rem #ccc; border-bottom: 1px solid #eee; }
.hasColor .head_con { padding-top: 0; }
.hasColor .head_con .logo img.nor { display: none; }
.hasColor .head_con .logo img.cor { display: block; }
.hasColor .nav_list > li > a { color: #333; }
.hasColor .nav_list > li.on > a, .hasColor .nav_list > li:hover > a { color: #007029; }
.hasColor .head_right .info a { color: #007029; }
.hasColor .head_right .info i { color: #aaa; }
.hasColor .head_right .info img.nor { display: none; }
.hasColor .head_right .info img.cor { display: block; }

/* 底部样式 */
.footer { background: url(/yypaper/template/common/footer/footer_bg.png) no-repeat right center/auto 100%; }
.footer_top { display: flex; justify-content: space-between; padding-top: 0.55rem; }
.foot_logo { width: 2.7rem; }
.foot_nav { height: 1.0rem; line-height: 1rem; }
.foot_nav a { margin-left: 0.5rem; font-size: 0.25rem; color: #080808; }
.foot_nav a:hover { color: #007029; }
.footer_center { border-top: 1px solid #3bce7a; display: flex; justify-content: space-between; padding-bottom: 0.4rem; }
.foot_lxwm { margin-top: 0.5rem; display: flex; }
.foot_lxwm dt { font-size: 0.2rem; color: #141414; font-weight: bold; margin-right: 0.6rem; line-height: 2em; }
.foot_lxwm dd p { font-size: 0.2rem; color: #141414; line-height: 2em; }
.foot_ewm { margin-top: 0.23rem; }
.foot_ewm .img { padding: 0.15rem; background: #fff; border-radius: 0.1rem; box-shadow: 0 0.1rem 0.5rem rgba(176,176,176,.3); }
.foot_ewm .img img { display: block; width: 1.75rem; }
.foot_ewm p { font-size: 16px; text-align: center; color: #151515; margin-top: 0.15rem; }
.footer_bot { height: 0.7rem; background: #003a19; text-align: center; line-height: 0.7rem; }
.footer_bot p * { font-size: 0.2rem; color: #fff; margin: 0 0.5em; }

/* 适配代码 */
@media screen and (max-width:1200px) {
	.pubcon { width: 90%; }

	.head_con .logo { width: 4rem; }
	.nav_list > li > a { font-size: 0.34rem; }
	.head_right .info a { font-size: 0.4rem; }

	.footer_top { align-items: center; }
	.foot_logo { width: 3rem; }
	.foot_nav { display: flex; align-items: center; }
	.foot_nav a { font-size: 0.36rem; }
	.foot_lxwm dt { font-size: 0.34rem; }
	.foot_lxwm dd p { font-size: 0.32rem; }
	.foot_ewm .img img { width: 2.2rem; }
	.foot_ewm p { font-size: 0.32rem; }
	.footer_bot { height: auto; line-height: 0.5rem; padding: 0.1rem 0; }
	.footer_bot .pubcon { display: flex; justify-content: center; flex-wrap: wrap; }
	.footer_bot p * { font-size: 0.32rem; white-space: nowrap; }
}

@media screen and (max-width:768px) {
	html, body { width: 100%; overflow-x: hidden; }
	.header { background: #fff; position: relative; }
	.head_con { height: 1.5rem; padding: 0; }
	.head_con .logo { width: auto; height: 0.8rem; }
	.head_con .logo img { width: auto; height: 100%; }
	.head_con .logo img.nor { display: none; }
	.head_con .logo img.cor { display: block; }
	.nav { -display: block; width: 100vw; position: absolute; top: 1.5rem; left: 0; background: rgba(255,255,255,.9); padding: 2vw 5vw; display: none; }
	.nav_list { display: block; margin-right: 0; }
	.nav_list > li { margin-right: 0; border-bottom: 1px dashed #ccc; position: relative; }
	.nav_list > li:last-child { border-bottom: none; }
	.nav_list > li > a { display: inline-block; font-size: 0.5rem; height: 1.2rem; line-height: 1.2rem; color: #333; }
	.head_right .info a { width: 0.9rem; height: 0.9rem; border-radius: 50%; background: #005e28; margin-left: 0.2rem; justify-content: center; align-items: center; }
	.nav_list > li > .iconfont { display: block; position: absolute; font-size: 0.8rem !important; color: #ccc; right: 0; top: 0.2rem; transform: rotate(0deg); transition: all linear 400ms; }
	.nav_list > li > .iconfont.slide { transform: rotate(180deg); }
	.sub_nav { display: none; position: static; transform: translateX(0); margin: 0 0 0.2rem; }
	.sub_nav_list { padding: 0.1rem 0.2rem; }
	.sub_nav_list::before { display: none; }
	.sub_nav_list li a { font-size: 0.4rem; }
	.head_right .info a { font-size: 0.5rem; }
	.head_right .info i { display: none; }
	.head_right .info a.phone_menu { display: inline-flex; }
	.head_right .info a.phone_menu .iconfont { transform: rotate(0deg); transition: all linear 400ms; }
	.head_right .info a.phone_menu.on .iconfont { transform: rotate(135deg); }
	.hasColor .head_right .info a { color: #fff; }

	.footer { background-size: 100% auto; background-position: center bottom; }
	.footer_top { display: none; }
	.footer_center { border-top: 0; flex-direction: column; align-items: center; }
	.foot_nav a { font-size: 0.46rem; }
	.foot_lxwm dt { font-size: 0.4rem; }
	.foot_lxwm dd p { font-size: 0.38rem; }
	.foot_lxwm { flex-direction: column; }
	.foot_ewm .img img { width: 3.4rem; }
	.foot_ewm p, .footer_bot p * { font-size: 0.4rem; }
}