/*
* @Author: Sun Jijing
* @Date:   2022-08-24 16:51:02
* @Last Modified by: Sun Jijing
* @Last Modified time: 2022-08-29 14:47:55
*/

/* 图片自适应 */
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, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, span, 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: "OS-R", "微软雅黑", Arial; margin: 0; padding: 0; color: #333; border: none; -webkit-overflow-scrolling: touch; }
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; }

.portlet-header { position: relative; }
.shadow.dn { top: 20px !important; left: 0 !important; }

/* 头部样式 */
.header { padding-top: 25px; border-bottom: 1px solid #d6d7d7; margin-bottom: 5px; }
.header .top { overflow: hidden; }
.header .logo { height: 45px; }
.header .trans { padding-top: 8px; }
.header .trans > * { display: inline-block; float: left; }
#search { height: 32px; background: #e5e5e5; border-radius: 32px; overflow: hidden; display: flex; }
#search input { width: 0px; height: 32px; line-height: 32px; background: none; padding: 0; transition: all 400ms linear; font-size: 14px; color: #333; }
#search button { width: 32px; height: 32px; background: #006cb6 url(/uiFramework/commonResource/image/2026021210434634130.png) no-repeat center; border-radius: 50%; }
#search:hover input { width: 150px; padding: 0 10px; }
.header .trans a { width: 32px; height: 32px; border-radius: 50%; background: #006cb6; color: #fff; text-align: center; line-height: 32px; font-size: 18px; margin-left: 6px; }
.nav_list { display: flex; justify-content: space-between; overflow: hidden; }
.nav_list li { padding: 25px 0; position: relative; float: left; }
.nav_list li::after { content: ''; display: block; width: 0%; height: 5px; background: #006cb6; position: absolute; bottom: 0; left: 50%; transition: all 300ms ease-in-out; }
.nav_list li a { font-size: 18px; color: #3e3a39; }
.nav_list li:hover a, .nav_list li.on a { color: #006cb6; }
.nav_list li:hover::after, .nav_list li.on::after { width: 100%; left: 0; }
.phoneIcon { display: none; }

/* 底部样式 */
.footer { background: #194785; padding: 40px 0; }
.footer .left .logo { height: 46px; margin-bottom: 40px; }
.footer .left * { font-size: 12px; color: #fff; line-height: 25px; }
.footer .left select { margin-left: 15px; width: 230px; height: 25px; line-height: 25px; appearance: none; -webkit-appearance: none; background: none; border: 1px solid #fff; padding-right: 25px; position: relative; background:  url(/uiFramework/commonResource/image/2026030213231049623.png) no-repeat 98% center; }
.footer .left option { font-size: 12px; color: #333; }
.footer .right, .footer .right * { font-size: 12px; color: #fff; text-align: right; line-height: 2em; }

@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: 92%; }

	.footer .left .logo { width: 40vw; }
}
@media screen and (max-width: 1024px) {
	.footer .left { width: 100%; display: flex; justify-content: space-between; }
	.footer .left .logo { margin-bottom: 0; }
	.footer .right, .footer .right * { float: none; text-align: left; width: 100%; }
}
@media screen and (max-width: 768px) {
	.header { padding-top: 2vw; padding-bottom: 2vw; margin-bottom: 0; position: relative; z-index: 10; }
	.header .logo { height: auto; width: 80%; }
	.phoneIcon { display: block; position: absolute; right: 4vw; top: 3vw; }
	.nav { display: none; }
	.header .trans { padding-top: 0; width: 100vw; position: absolute; left: 0; top: 53px; padding: 5px 4vw; background: #fff; display: flex; display: none; }
	#search {width: calc(100% - 38px); }
	#search input, #search:hover input { width: calc(100% - 32px); padding-left: 10px; }
	.nav { width: 100%; position: absolute; background: #fff; left: 0; padding: 10px 4vw; top: 53px; box-shadow: 0 0 5px #ccc; }
	.nav_list { display: block; }
	.nav_list li { padding: 10px 0; position: relative; float: none; }
	
	.footer .left { flex-wrap: wrap; }
	.footer .left .logo { width: inherit; height: 30px; }
}
@media screen and (max-width: 460px) {
	.header .trans, .nav { top: 42px; }
}