/*
* @Author: Sun Jijing
* @Date:   2025-04-28 16:17:32
* @Last Modified by:   Sun Jijing
* @Last Modified time: 2025-04-28 17:04:46
*/

/* 产品模块 */
.portlet-header { position: relative; }
.shadow.dn { top: 20px !important; left: 20px !important; }

/* 图片自适应 */
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; }

/* 初始化 */
:root { --theme-color: #096337; }
html, body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, hr, input, textarea, select, p, dl, dt, dd, a, span, strong, font, 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; -overflow-x: hidden; 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; }

/* 头部样式 */
.header { position: relative; z-index: 100; }
.head_con { display: flex; justify-content: space-between; align-items: center; height: 2.55rem; }
.head_con .logo { width: 3.8rem; }
.head_r .phone_icon { display: none; }
.head_r .link { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 0.5rem; }
.head_r .link .head_phone { font-size: 0.23rem; color: #096337; display: inline-block; line-height: 0.28rem; }
.head_r .link .head_phone span { font-size: 0.28rem; color: #096337; margin-right: 0.12rem; }
.head_search { border: 1px solid #096337; height: 0.38rem; display: inline-flex; width: 0.62rem; justify-content: center;  border-radius: 0.38rem; overflow: hidden; margin-left: 0.4rem; margin-right: 0.2rem; transition: width .5s; }
.head_search input { background: none; border: none; width: 0%; transition: width .5s; }
.head_search button { width: 0.38rem; height: 0.38rem; flex-shrink: 0; border: none; background: none; display: inline-flex; align-items: center; justify-content: center; }
.head_search button span { color: #096337; font-size: 0.2rem; }
.head_search:hover { width: 3rem; }
.head_search:hover input { width: 100%; padding: 0 0.2rem; }
.head_language { display: inline-flex; width: 1.38rem; height: 0.38rem; align-items: center; justify-content: center; border-radius: 0.38rem; background: #096337; color: #fff; font-size: 0.2rem; }
.head_language span { font-size: 0.2rem; color: #fff; margin-right: 0.1rem; }
.nav_list { display: flex; justify-content: flex-end; }
.nav_list > li { position: relative; }
.nav_list > li > .iconfont { display: none; }
.nav_list > li > a { height: 0.62rem; line-height: 0.62rem; display: block; font-size: 0.28rem; color: #333; padding: 0 0.25rem; border-radius: 0.62rem; }
.nav_list > li.on > a, .nav_list > li:hover > a { color: #fff; background: #096337; }
.sub_nav { padding-top: 0.3rem; position: absolute; width: 14.25rem; left: -5rem; display: none; }
.sub_nav::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0.17rem 0.15rem; border-color: transparent transparent rgba(0, 0, 0, .6) transparent;  position: absolute; top: -0.02rem; left: 5.67rem; }
.sub_nav_con { background: rgba(0, 0, 0, .6); padding: 0.25rem 0.57rem; display: flex;  border-radius: 0.23rem; justify-content: space-between; align-items: center; }
.sub_nav_list { display: flex; flex-wrap: wrap; width: 100%;  }
.sub_nav_list li { width: 25%; padding-left: 0.23rem; display: inline-flex; align-items: center; margin: 0.25rem 0; }
.sub_nav_list li::before { content: ''; display: inline-block; width: 0.1rem; height: 0.1rem; border-radius: 0.03rem; background: #80b927; margin-right: 0.1rem; }
.sub_nav_list li a { font-size: 0.23rem; color: #fff; }
.sub_nav_list li:hover a { color: #80b927; }
.sub_nav_con .img { height: 1.88rem; width: 6.03rem; overflow: hidden; flex-shrink: 0; margin-left: 0.5rem; }
.sub_nav_con .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.nav_list > li.li05~li .sub_nav { right: -2rem; left: inherit; }
.nav_list > li.li05~li .sub_nav::before { right: 2.75rem;  left: inherit; }

/* 底部样式 */
.footer { padding-top: 0.5rem; border: 1px solid #e9e9e9; }
.foot_bg { background: url(/cctyinhe/template/common/footer/footer_bg_com.png) no-repeat right bottom; background-size: auto 5.36rem; }
.foot_select_list { display: flex; justify-content: space-between; margin-bottom: 1.1rem; }
.foot_select_list  a { width: 4.33rem; height: 0.55rem; line-height: 0.55rem; border-radius: 0.55rem; border: 1px solid #d0dbbe; background: rgba(255,255,255,.6) url(/cctyinhe/template/common/footer/foot_select_icon.png) no-repeat 90% center; background-size: 0.12rem; padding: 0 0.55rem; font-size: 0.24rem; }
.foot_select_list select { width: 4.33rem; height: 0.55rem; border-radius: 0.55rem; border: 1px solid #d0dbbe; background: rgba(255,255,255,.6) url(/cctyinhe/template/common/footer/foot_select_icon.png) no-repeat 90% center; background-size: 0.12rem; padding: 0 0.55rem; appearance: none; font-size: 0.24rem; }
.foot_center { display: flex; justify-content: space-between; }
.foot_center .foot_logo	{ height: 0.75rem; }
.foot_nav { display: inline-flex; }
.foot_nav a { display: inline-block; font-size: 0.25rem; color: #090909; font-weight: bold; margin-left: 0.8rem; line-height: 2em; }
.foot_nav a:hover { color: #096337; }
.foot_bot { display: flex; justify-content: space-between; margin-top: 0.8rem; }
.foot_bot .info p { margin-bottom: 0.45rem; }
.foot_bot .info p span, .foot_bot .info p a { display: inline-flex; align-items: center; font-size: 0.23rem; color: #0c0c0c; margin-right: 0.6rem; }
.foot_bot .info p .iconfont { display: inline-block; font-size: 0.3rem; color: #096337; margin-right: 0.12rem; }
.foot_bot .info p strong { font-size: 0.3rem; font-weight: bold; font-style: italic; }
.foot_bot .ewm { margin-bottom: 0.2rem; }
.foot_bot .ewm img { width: 1.95rem; }
.foot_bot .ewm p { font-size: 0.17rem; color: #333; text-align: center; }
.foot_copyright { background: #096337; }
.foot_copyright, .foot_copyright * { font-size: 0.2rem; line-height: 2em; color: #fff; height: 0.93rem; line-height: 0.92rem; text-align: center; }

/* 侧边栏在线客服 */
.sldeChat .picture { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 10; width: 1.77rem; cursor: pointer; transition: all .5s; }
.slideColse { display: block;  text-align: center; font-size: 0.2rem; background: #096337; color: #fff; border-radius: 0.2rem; line-height: 2em; width: 50%; margin: 0.1rem auto 0; }
.sldeChat .message { position: fixed; right: 0; top: 50%; transform: translateY(-50%) translateX(100%); z-index: 11; background: #f5f5f5; transition: all .5s; }
.sldeChat .message .chatClose { font-size: 0.26rem; width: 0.4rem; height: 0.4rem; background: #e0e0e0; display: inline-flex; justify-content: center; align-items: center; background: #80b927; color: #fff; position: absolute; right: 0; top: -0.4rem; cursor: pointer; }
.sldeChat .message .top { font-size: 0.3rem; padding: 0.2rem 0.3rem; border-bottom: 1px solid #e0e0e0; }
.sldeChat .message .top p { color #333; line-height: 2em; }
.sldeChat .message .top strong { font-size: 0.32rem; }
.sldeChat .message .top span { font-size: 0.26rem; margin-right: 0.2rem; width: 0.4rem; height: 0.4rem; background: #e0e0e0; display: inline-flex; justify-content: center; align-items: center; border-radius: 0.1rem; }
.sldeChat .message .QQmsg { padding: 0.2rem 0.3rem; border-bottom: 1px solid #e0e0e0; }
.sldeChat .message .QQmsg * { font-size: 0.22rem; color: #999; line-height: 1.8em; }
.sldeChat .message .QQmsg p span { font-size: 0.26rem; margin-right: 0.2rem; }
.sldeChat .message .QQmsg li { margin-bottom: 0.2rem; }
.sldeChat .message .QQmsg li:last-child { margin-bottom: 0; }
.sldeChat .message .QQmsg li a { color: #333; }
.sldeChat .message .QQmsg li:hover a { color: #096337; }
.sldeChat .message .bot { padding: 0.2rem 0.3rem; }
.sldeChat .message .bot * { font-size: 0.22rem; color: #999; }
.sldeChat .message .bot span { margin-right: 0.2rem; }
.sldeChat.active { position: relative; z-index: 101; }
.sldeChat.active .picture { transform: translateY(-50%) translateX(100%); }
.sldeChat.active .message { transform: translateY(-50%) translateX(0%); box-shadow: 0 0 0.1rem #ccc; }

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

	/* 头部样式 */
	.head_r .link .head_phone { font-size: 0.34rem; line-height: 1.2em; }
	.head_r .link .head_phone span { font-size: 0.38rem; margin-right: 0.2rem; }
	.head_search { height: 0.46rem; width: 0.8rem; margin-left: 0.5rem; margin-right: 0.5rem; }
	.head_search button { width: 0.46rem; height: 0.46rem; }
	.head_search button span { font-size: 0.38rem; }
	.head_language { width: 1.5rem; height: 0.46rem; font-size: 0.34rem; width: 2.2rem; }
	.head_language span { font-size: 0.38rem; }
	.nav_list > li > a { font-size: 0.34rem; }
	.sub_nav { width: 16rem; }
	.sub_nav_list li a { font-size: 0.38rem; }

	/* 底部样式 */
	.footer { padding-top: 1rem; -padding-bottom: 0.6rem; }
	.foot_select_list { margin-bottom: 0.8rem; }
	.foot_select_list select { width: 23%; background-size: 0.24rem; padding: 0 0.6rem; height: 0.7rem; font-size: 0.32rem; }
	.foot_center .foot_logo { height: 0.9rem; }
	.foot_nav a { font-size: 0.34rem; margin-left: 0.6rem; }
	.foot_bot .info p span, .foot_bot .info p a { font-size: 0.32rem; }
	.foot_bot .info p .iconfont { font-size: 0.38rem; }
	.foot_bot .ewm p { font-size: 0.28rem; margin-top: 0.2rem; }
	.foot_copyright, .foot_copyright * { font-size: 0.3rem; }

	/* 侧边栏在线客服 */
	.sldeChat .picture { width: 2.5rem; }
	.sldeChat .message .top { font-size: 0.34rem; }
	.sldeChat .message .top span { width: 0.5rem; height: 0.5rem; font-size: 0.4rem; }
	.sldeChat .message .QQmsg * { font-size: 0.32rem; }
	.sldeChat .message .QQmsg p span { font-size: 0.36rem; }
	.sldeChat .message .bot * { font-size: 0.32rem; }
	.sldeChat .message .chatClose { width: 0.6rem; height: 0.6rem; font-size: 0.34rem; top: -0.6rem; }
	.sldeChat .message .bot span { font-size: 0.34rem; }
}
@media screen and (max-width: 1024px){
	
}
@media screen and (max-width: 768px){
	/* 头部样式 */
	.header { position: relative; z-index: 100; }
	.head_con { height: auto; }
	.head_r .link { height: 0; margin-bottom: 0; }
	.head_r .link .head_phone, .head_r .link .head_search, .head_r .link .head_language { display: none; }
	.head_r .nav { display: none; }
	.head_r .phone_icon { display: flex; flex-direction: row-reverse; }
	.head_con { padding: 0.2rem 0; }
	.head_con .logo { width: auto; height: 1rem; }
	.head_r .phone_icon a { display: inline-flex; width: 0.8rem; height: 0.8rem; border-radius: 50%; border: 1px solid #096337; justify-content: center; align-items: center; margin-left: 0.2rem; }
	.head_r .phone_icon a .iconfont { font-size: 0.4rem; color: #096337; transform: rotate(0deg); transition: all .5s; }
	.head_r .phone_icon a.on .iconfont { transform: rotate(90deg); }

	.head_r .link .head_search { position: absolute; top: 1.4rem; background: rgba(255, 255, 255, .8); width: 100vw; left: 0; margin-left: 0; margin-right: 0; height: 1.2rem; border-radius: 0; padding: 0.1rem 5vw; align-items: center; border: 0; }
	.head_r .link .head_search.slide { display: flex !important; } 
	.head_r .link .head_search input { width: 100%; border-bottom: 1px solid #ccc; height: 0.8rem; font-size: 0.4rem; }
	.head_r .link .head_search button { flex-shrink: 0; width: auto; height: auto; }
	.head_r .link .head_search button span { font-size: 0.5rem; }

	.head_r .nav { -display: block; position: absolute; top: 1.4rem; left: 0; background: rgba(255, 255, 255, .9); width: 100vw; padding: 2vw 5vw; }
	.nav_list { display: block; }
	.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; padding: 0; border-radius: 0; }
	.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); }
	.nav_list > li.on > a, .nav_list > li:hover > a { color: #096337; background: none; }
	.sub_nav { display: none; position: static; width: 100%; padding-top: 0; }
	.sub_nav::before { display: none; }
	.sub_nav_con { background: rgba(13, 116, 41, .6); padding: 0.1rem 0.2rem; border-radius: 0; }
	.sub_nav_con .img { display: none; }
	.sub_nav_list { padding: 0; display: block; }
.sub_nav_list li { width: 100%; margin: 0;  } 
	.sub_nav_list li a { font-size: 0.4rem; line-height: 2em; }
	.sub_nav_list li::before { background: #fff; }
	.sub_nav_list li:hover a { color: #fff; font-weight: bold; }

	/* 底部样式 */
	.foot_select_list { display: none; }
	.foot_nav { display: none; }
	.foot_center .foot_logo { height: 1rem; }
	.foot_bot { margin-top: 0.5rem; flex-direction: column; }
	.foot_bot .info p { margin-bottom: 0; }
	.foot_bot .info { margin-bottom: 0.2rem; }
	.foot_bot .info p span, .foot_bot .info p a { display: flex; font-size: 0.4rem; margin-right: 0; line-height: 2em; }
	.foot_bot .info p .iconfont { font-size: 0.5rem; margin-right: 0.3rem; }
	.foot_bot .info p strong { font-size: 0.4rem; font-style: normal; }
	.foot_bot .ewm { text-align: center; }
	.foot_bot .ewm img { width: 4rem; }
	.foot_bot .ewm p { font-size: 0.4rem; color: #333 !important; margin-top: 0; }
	.foot_copyright, .foot_copyright * { height: auto; font-size: 0.4rem; text-align: center; color: #fff; }

	/* 侧边栏在线客服 */
	.sldeChat { -display: none; }
}