﻿/*
* @Author: Sun Jijing
* @Date:   2022-09-27 17:31:49
* @Last Modified by: Sun Jijing
* @Last Modified time: 2022-09-30 09:27:47
*/

.eps-portlet-header { position: relative; }
.eps-shadow.eps-dn { top: 20px !important; left: 0 !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; }

/* 初始化 */

html, body { min-width: 320px; max-width: 1920px; margin: 0 auto; overflow-x: hidden; width: 100%; -height: 100%; }
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-size: 1.4rem; position: relative; overflow-x: hidden; color: #333; background-color: #fff; }
input, button, select, textarea { outline: none; }
em, i { font-style: normal; }
strong { font-weight: normal; }
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; }
.clearfix { zoom: 1; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
a, a:hover { color: currentColor; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { border: none; max-width: 100%; max-height: 100%; }
.fl { float: left; }
.fr { float: right; }
.pubcon { width: 1200px; margin: 0 auto; }
.over { overflow: hidden; }

/* 头部 */


/* 返回顶部 */
.backTop { width: 64px; height: 64px; background: rgba(0, 0, 0, .6); border-radius: 6px; position: fixed; bottom: 20px; right: 10px; text-align: center; z-index: 50; display: none; }
.backTop img { margin-top: 14px; }

/* 适配代码 */
@media screen and (max-width:1200px) {
	* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	html, body { max-width: 100%; }
	.pubcon { width: 92vw; }

	/* 头部 */
	.nav_list li a { font-size: 16px; }

	/* 底部 */
	.foot_link { flex-wrap: wrap; }
	.foot_link .select { margin-left: 40px; }

}
@media screen and (max-width:1025px) {
	/* 头部 */
	.header { margin-top: 0px; padding: 10px 0; position: relative; z-index: 10; }
	.header .pubcon { position: relative; }
	.header .logo img { height: 30px; }
	.header .search { display: none; position: absolute; background: #fff; width: 100vw; left: -4vw; top: 40px; padding: 10px 4vw; }
	.znSearch { width: 100%; display: flex; }
	.znSearch input { width: calc(100% - 30px); }
	.ziIcon { display: none; }
	.header .nav { display: none; position: absolute; top: 40px; background: #fff; width: 100vw; margin-left: -4vw; padding: 10px 4vw; }
	.nav_list { line-height: 2em; flex-wrap: wrap; justify-content: center; }
	.nav_list>li { width: 100%; }
	.nav_list > li > a { display: block; width: 100%; background: #eee; margin-bottom: 5px; padding: 0 10px; line-height: 2em; }
	.nav_list > li.on > a::after, .nav_list > li:hover > a::after { display: none; }
	.nav_sub { display: block; overflow: hidden; width: 100%; position: static; margin-bottom: 20px; }
	.nav_sub li { float: left; }
	.phone_icon { display: block; position: absolute; right: 0; top: 0; }
	.phone_icon.phone_search { right: 40px; } 
	.footer .pubcon { display: flex; }
}
@media screen and (max-width:769px) {
	.header .nav, .header .search { top: 36px; }

	.footer { padding: 20px 0; }
	.foot_right { display: none; }
	.foot_link { margin-bottom: 10px; }
	.foot_link * { line-height: 2em; }
	.foot_link .select { display: block; width: 100%; margin-left: 0; margin-top: 10px; }
	.foot_link select { width: 100%; }
	.foot_link .select p { width: 100%; }
}
@media screen and (max-width:461px) {
	.header .logo img { height: 28px; }
	.foot_link * { font-size: 14px; }
	.foot_link .select p { font-size: 14px; padding-right: 36px; height: 36px; }
	.foot_link .select::after { width: 36px; height: 36px; }
}