/*
* @Author: sunjijing
* @Date:   2021-08-23 10:16:48
* @Last Modified by:   sunjijing
* @Last Modified time: 2021-09-26 14:29: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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 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%; }
form, input, button { border: none; }
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; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { border: none; }
.fl { float: left; }
.fr { float: right; }
.pubcon { width: 96%; margin: 0 auto; }
.over { overflow: hidden; }
.css3guodu { -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.bank_page { position: relative; }
.gray { display: none; width: 100%; height: 100%; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .4); position: fixed; transform: translateZ(90px); z-index: 90; }
.hide { display: none; }

/* 澶撮儴鏍峰紡 */
.header { position: fixed; top: 0; left: 0; width: 100%; transform: translateZ(10px); z-index: 40; }
.logo, .nav { margin-top: 45px; }
.nav { overflow: hidden; }
.nav_icon, .search { float: left; }
.nav_icon { cursor: pointer; margin-left: 30px; }
.phone_search { display: none; }
.search { margin-top: 18px; }
.search form { width: 180px; height: 24px; border-radius: 24px; background: #f67f0a; float: right; }
.search input { width: 140px; float: left; height: 24px; line-height: 24px; padding: 0 15px; border-radius: 24px; background: #fff; }
.search button { width: 40px; height: 24px; float: right;     background: #0096df url(../image/2024052015242284327.png) no-repeat center;}

.copyright { padding: 0 30px 20px; text-align: center; }
.copyright p, .copyright p a { font-size: 12px; color: #fff; line-height: 24px; }

/* 鎺掓按鐑嚎 S */
.en { display: inline-block; float: left; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #fff; font-size: 18px; color: #0096df; text-align: center; margin-right: 10px; margin-top: 5px; box-shadow: 0 2px 6px #ccc; }
.hotline { float: left; height: 50px; background: url('../image/2021122304291360464.png') no-repeat; padding: 2px 20px 0px 10px; margin-top: 2px; }
.hotline  img { height: 35px; margin-right: 15px; }
.hotline a { font-size: 36px; font-weight: bold; color: #fff; }
.hotline:hover img { -webkit-animation: move 300ms ease-in 1; -o-animation: move 300ms ease-in 1; animation: move 300ms ease-in 1; }

/* 鍔ㄧ敾浠ｇ爜 */
@keyframes move {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(15deg); }
	50% { transform: rotate(0deg); }
	75% { transform: rotate(-15deg); }
	100% { transform: rotate(0deg); }
}
@-webkit-keyframes move {
	0% { -webkit-transform: rotate(0deg); }
	25% { -webkit-transform: rotate(15deg); }
	50% { -webkit-transform: rotate(0deg); }
	75% { -webkit-transform: rotate(-15deg); }
	100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes move {
	0% { -moz-transform: rotate(0deg); }
	25% { -moz-transform: rotate(15deg); }
	50% { -moz-transform: rotate(0deg); }
	75% { -moz-transform: rotate(-15deg); }
	100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes move {
	0% { -o-transform: rotate(0deg); }
	25% { -o-transform: rotate(15deg); }
	50% { -o-transform: rotate(0deg); }
	75% { -o-transform: rotate(-15deg); }
	100% { -o-transform: rotate(0deg); }
}

/* 鎺掓按鐑嚎 E */

/* .nav_list ul li { float: left; margin-left: 4px; }
.nav_list ul li a { display: block; padding: 0 10px; line-height: 30px; height: 30px; border-radius: 4px; font-size: 16px; color: #fff; }
.nav_list ul li.on a, .nav_list ul li:hover a { background: #0054a5; font-weight: bold; } */
.slide_nav { width: 12%; width: 12vw; height: 100%; height: 100vh; position: fixed; top: 0; right: -12%; transform: translateZ(101px); z-index: 101; background: #0054a5; background-image: linear-gradient(#0054a5, #0095de); text-align: center; /*padding-right: 8px;*/ }
.nav_logo { margin-top: 30px; margin-bottom: 30px; }
.nav_logo img { height: 80px; }
.nav_list { margin-bottom: 80px; }
.nav_list ul li { font-size: 16px; line-height: 2.5em; }
.nav_list ul li a { font-size: 16px; color: #fff; }
.slide_nav .nav_list ul li:hover, .slide_nav .nav_list ul li.on { background-color: cornflowerblue; }
.slide_erjinav { width: 12%; width: 12vw; height: 100%; height: 100vh; position: fixed; top: 0; right: -40%; right: -40vw; z-index: 101; background: #fff; text-align: center;/* padding-right: 8px;*/ }
.slide_erjinav .nav_logo { margin-top: 50px; margin-bottom: 50px; }
.slide_erjinav .nav_list { margin-bottom: 80px; margin-top: 100%; }
.slide_erjinav .nav_list ul li { font-size: 16px; line-height: 2.5em; }
.slide_erjinav .nav_list ul li a { font-size: 16px; color: #000; }
.slide_erjinav .nav_list ul li.slide_erjinav_li { display: none; }
.slide_erjinav_li_li a:hover { color: cornflowerblue !important; }
.nav_close { position: absolute; right: 20px; top: 20px; cursor: pointer; width: 30px; display: none; }
.footer { text-align: center; text-align: center; position: absolute; bottom: 40px; color: #fff; width: 100%; font-size: 14px; }
.footer a { font-size: 14px; color: #fff; }
.footer img { height: 16px; }

.friendLink { width: 100%; position: absolute; left: 0; bottom: 20px; line-height: 2em; }
.friendLink a { display: block; font-size: 14px; color: #fff; }
.friendLink a:hover { background: cornflowerblue; }

/* 鍝嶅簲寮忎唬鐮� */
@media screen and (max-width:1340px) {
	.logo, .nav { margin-top: 15px; }
	.logo { height: auto; }
	.logo img { height: 10vh; }
	.search { margin-top: 10px; }
	.nav_icon img, .phone_search img { width: 40px; height: 40px; }
}
@media screen and (max-width:1024px) {
	.header { background: rgba(255, 255, 255, .6); }
	.logo img { height: 7vw; }
	.nav_close { display: block; }
	.slide_nav { width: 40vw; right: -40vw; }
	.footer { position: static; padding: 0 40px 40px; }
	.indexMenu { display: none; }
}
@media screen and (max-width:768px) {
	.header { background: linear-gradient(to bottom, #0054a5, #0095de); }
	.nav_logo { margin-top: 30px; margin-bottom: 30px; }
	.nav_logo img { height: 100px; }
	.nav_icon img, .phone_search img { width: 30px; height: 30px; margin-top: 5px; }
	.nav_list ul li, .nav_list ul li a { font-size: 20px; }
	.en { width: 30px; height: 30px; line-height: 30px; }
	.hotline { margin-right: 15px; height: 35px; margin-top: 5px; }
.footer2 .conWidth .fr li{text-align: center; }
}
@media screen and (max-width:560px) {
	.nav { margin-top: 10px; margin-bottom: 10px; }
	.nav_logo img { height: 60px; }
	.logo { margin-top: 0; margin-bottom: 0; }
	.logo img { height: 60px; }
	.hotline { display: none; }
	.search { display: none; -display: block; width: 100%; height: 40px; position: fixed; z-index: 1000; top: 50px; left: 0; box-shadow: 0 3px 5px #eee; }
	.search form { width: 100%; height: 40px; border-radius: 0; float: none; display: flex;         background: unset;}
	.search input { width: 98%; height: 40px; border-radius: 0; }
	.search button { height: 40px; }
	.nav { display: flex; }
	.nav_icon { margin-left: 10px; }
	.phone_search { display: block; cursor: pointer; }
	.slide_nav { width: 80vw; right: -80vw; }
	.slide_erjinav { display: none; }
	.nav_list ul li, .nav_list ul li a { font-size: 16px; }
}