@charset "utf-8";
.loader { background: #fff; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 9998 }
.loader .loaders { background: #054ea8; position: absolute; display: inline-block; height: 40px; width: 40px; left: 50%; top: 50%; margin: -20px 0 0 -20px; text-indent: -9999em; border-radius: 100%; animation-fill-mode: both; animation: ball-scale 1s 0s ease-in-out infinite }
@keyframes ball-scale {
	0% { transform: scale(0) }
	100% { opacity: 0; transform: scale(1) }
}
@font-face { font-family: "din"; font-weight: normal; src: url("../fonts/DIN-Medium.woff") format("woff"); }
@font-face { font-family: "dins"; font-weight: bold; src: url("../fonts/DIN-Regular.woff") format("woff"); }
.din { font-family: "din" }
.dins { font-family: "dins" }
* { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; }
html { font-size: 100px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0; border: 0; }
:focus { outline: 0 }
a { text-decoration: none; color: #333; }
a:hover { color: #054ea8; }
button { user-select: none; }
img:not([src]), img[src=""] { opacity: 0; }
img { display: inline-block; padding: 0; border: none; -ms-interpolation-mode: bicubic; max-width: 100%; max-height: 100%; vertical-align: middle; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, select, button, textarea { font-size: 100%; font: inherit; }
hr { height: 0; border: none; border-top: 1px solid #f4f3f2; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
body { color: #333; position: relative; overflow-x: hidden; font-size: .16rem; font-family: Arial, -apple-system, BlinkMacSystemFont, "PingFang SC", Microsoft YaHei, Helvetica Neue, "Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif; }
select::-ms-expand { display: none; }
i, em { font-style: normal; }
input, textarea, select { padding: 0; font-family: inherit; outline: none; resize: none; background: none; border: none; font-size: inherit; color: inherit; }
input::-moz-placeholder { color: inherit; opacity: .5; font-size: inherit }
textarea::-moz-placeholder { color: inherit; opacity: .5; font-size: inherit }
select::-moz-placeholder { color: inherit; opacity: .5; font-size: inherit }
::-webkit-input-placeholder { color: #999; font-size: inherit }
input:-ms-input-placeholder { color: #999; font-size: inherit }
::-webkit-scrollbar { width: 4px; height: 4px }
::-webkit-scrollbar-track { background: #ddd; border-radius: 5px }
::-webkit-scrollbar-thumb { background: #054ea8; border-radius: 5px }
.eclip { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.eclips { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: block\0; }
.line3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: block\0; }
.line4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: block\0; }
.line5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: block\0; }
.line6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: block\0; }
.line8 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; display: block\0; }
.zi2 { position: relative; z-index: 2 }
.zi5 { position: relative; z-index: 5 }
.check:checked, .check:not(:checked) { position: absolute; left: -9999px; opacity: 0 }
.check:checked+label, .check:not(:checked)+label { position: relative; display: inline-block; height: 16px; cursor: pointer; padding-left: 24px; line-height: 18px }
.check+label:after { position: absolute; width: 8px; height: 8px; border-radius: 3px; top: 5px; left: 5px; content: "" }
.check+label:before { position: absolute; top: 0; left: 0; z-index: 0; width: 16px; height: 16px; border-radius: 3px; content: ""; background: #fff; border: 1px solid #888 }
.check:checked+label:after { background: #054ea8 }
.check:checked+label:before { border-color: #054ea8 }
.radio:checked+label, .radio:not(:checked)+label { position: relative; display: inline-block; height: 16px; line-height: 16px; cursor: pointer; padding-left: 24px }
.radio+label:after, .radio+label:before { position: absolute; top: -1px; left: 0; z-index: 0; width: 16px; height: 16px; border-radius: 50%; content: "" }
.radio:not(:checked)+label:after, .radio:not(:checked)+label:before { border: 1px solid #888 }
.radio:checked, .radio:not(:checked) { position: absolute; left: -9999px; opacity: 0 }
.radio:checked+label:before { border: 1px solid #054ea8 }
.radio:checked+label:after { width: 8px; height: 8px; border-radius: 50%; background: #054ea8; top: 4px; left: 5px }
.imgBox { position: relative; overflow: hidden; isolation: isolate }
.imgBox .img { padding-bottom: 60%; transition: .5s; background-size: cover; display: block; background-repeat: no-repeat; background-position: center; display: block; background: #eee }
.imgBox img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: .5s }
.imgBox img { display: none\0; }
.ieFiximg img { opacity: 0\0; transition: .5s }
.ieFiximg .imgbg { width: 100%; height: 100%; overflow: hidden; transition: .3s }
.none { display: none; }
.overhide { overflow: hidden }
.clearfix:after { clear: both; display: block; visibility: hidden; overflow: hidden; height: 0; content: "." }
.fl { float: left }
.fr { float: right }
.poab { position: absolute }
.pore { position: relative }
.text-r { text-align: right }
.text-m { text-align: center }
.text-bold { font-weight: 700; }
.text-light { font-weight: 100; }
.text-upper { text-transform: uppercase; }
.text-lower { text-transform: lowercase; }
.text-ver { writing-mode: tr-lr; writing-mode: vertical-lr; }
.bgBox { background-repeat: no-repeat; background-position: center; background-size: cover; }
.abUrl { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; background: rgba(255, 255, 255, 0); }
.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flexc { align-items: center; }
.flex-left { display: flex; flex-wrap: wrap }
.flex-center { display: flex; flex-wrap: wrap; justify-content: center; }
.flex-right { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.flex-v-center { display: -webkit-flex; display: flex; flex-direction: column; justify-content: center }
.flex-v { display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; }
.flex-v-bottom { display: -webkit-flex; display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: left; }
.scbox { overflow-y: auto }
.scbox::-webkit-scrollbar { width: 4px; display: block; }
.scbox::-webkit-scrollbar-track { border-radius: 5px; background: #ddd }
.scbox::-webkit-scrollbar-thumb { border-radius: 5px; background: #054ea8; }
.aline_w { position: relative; background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: background-size .5s }
.alin_w:hover .aline_w { background-size: 100% 1px; color: #fff }
.aline_w:hover { background-size: 100% 1px }
.aline_r { position: relative; background-image: linear-gradient(#203e6e, #203e6e); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: background-size .5s }
.alin_r:hover .aline_r { background-size: 100% 1px; color: #203e6e }
.aline_r:hover { background-size: 100% 1px }
.compensate-for-scrollbar { margin-right: 0 !important }
@keyframes sca {
	0% { transform: scale(1); }
	50% { transform: scale(1.1) }
	100% { transform: scale(1) }
}
@keyframes go {
	0% { transform: translateX(0); }
	50% { transform: translateX(10px); }
	100% { transform: translateX(0); }
}
@keyframes up {
	0% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
	100% { transform: translateY(0); }
}
@keyframes roted {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.zoomImg { width: 100%; overflow: hidden; position: relative; display: block; background: url(data:image/gif;base64,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) #f2f2f2 no-repeat center; }
.zoomImg:before { position: absolute; top: 0; left: -90%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; opacity: .25; pointer-events: none; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 3 }
.zoomImg img { width: 100%; transition: .5s; height: 100%; object-fit: cover; position: relative; z-index: 1 }
.zoomImg.noms:before { display: none }
.zoomImg.mask:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; z-index: 2; pointer-events: none; background: url(../images/bamss.png) repeat-x top center; background-size: auto 100%; }
.imgfix img { display: none\0 }
@-webkit-keyframes shine {
	100% { left: 125% }
}
@keyframes shine {
	100% { left: 125% }
}
@media (min-width:1025px) {
	.zoomImg:hover:before { -webkit-animation: shine .75s; animation: shine .75s }
	.zoomImg:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
	a:hover .zoomImg:before { -webkit-animation: shine .75s; animation: shine .75s }
	a:hover .zoomImg img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
}
.wp { max-width: 14.4rem; margin: 0 auto; width: 94% }
.transImg { display: block; overflow: hidden; }
.transImg img { transition: .5s }
@media screen and (min-width:1201px) {
	.imgBox.trans:hover .img { -webkit-transform: scale(1.05) }
	.ieFiximg.trans:hover img { -webkit-transform: scale(1.1) }
	.imgBox.trans:hover img { -webkit-transform: scale(1.05) }
	.a:hover .imgBox.trans .img { -webkit-transform: scale(1.05) }
	.a:hover .imgBox.trans img { -webkit-transform: scale(1.05) }
	.a:hover .ieFiximg.trans img { -webkit-transform: scale(1.1) }
	.transImg:hover img { -webkit-transform: scale(1.05) }
	.a:hover .transImg img { -webkit-transform: scale(1.05) }
}
@media (max-width:1440px) { }
@media (max-width:1024px) {
	html { font-size: 90px !important; }
	.wp { width: auto; max-width: inherit; margin-left: .4rem; margin-right: .4rem }
}
@media (max-width:900px) {
	html { font-size: 85px !important; }
}
@media (max-width:750px) {
	html { font-size: 80px !important; }
	.wp { margin-left: .3rem; margin-right: .3rem }
}
@media (max-width:540px) {
	html { font-size: 75px !important; }
	.eclips { display: inline-block; overflow: visible; text-overflow: inherit; white-space: normal; }
}
@media (max-width:360px) {
	html { font-size: 70px !important; }
}
.swiper-dots { position: absolute; z-index: 5; text-align: center }
.swiper-dots span.active { opacity: 1 }
.swiper-btn a { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5 }
.swiper-btn a.prev { left: 10px }
.swiper-btn a.next { right: 10px }
.swiper-container { margin: 0; }
.totop { position: fixed; z-index: 90; bottom: .3rem; right: .1rem; box-sizing: border-box; text-align: center; cursor: pointer; width: .46rem; height: .46rem; line-height: .46rem; background: #054ea8; overflow: hidden; border-radius: 50%; display: none }
.totop svg { width: .22rem; height: .22rem; display: inline-block; fill: #fff; vertical-align: middle; margin: -3px 0 0; }
.ser-layer { background: rgba(0, 0, 0, .7); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; opacity: 0; visibility: hidden; transition: all 0.3s ease-out 0s; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; backdrop-filter: blur(5px) }
.ser-layer.showdiv { opacity: 1; visibility: visible; }
.ser-layer .serclose { font-size: .3rem; position: absolute; right: .3rem; top: .25rem; width: .3rem; height: .3rem; text-align: center; line-height: .3rem; cursor: pointer; color: #ccc; }
.ser-layer .serform { width: 90%; margin: 0 auto; margin: 0\0; transform: translateY(1.5rem); transition: .2s .1s }
.ser-layer.showdiv .serform { transform: translateY(0); transition: .5s .3s }
.ser-layer .serform .input-group { max-width: 5.5rem; margin: 0 auto }
.ser-layer .serform .input-group .sub { position: absolute; right: 0; top: 0; width: .9rem; height: .5rem; overflow: hidden; background: 0 0; cursor: pointer; border-radius: 0 5px 5px 0 }
.ser-layer .serform .input-group .sub:before { content: ''; background: #054ea8; transform: skewX(-12deg); position: absolute; top: 0; bottom: -1px; left: 0; z-index: 0; right: -6px; transform-origin: left bottom }
.ser-layer .serform .input-group .sub:after { content: ''; background: url(../images/ser.svg) no-repeat .35rem center; background-size: .26rem .26rem; position: absolute; top: 0; bottom: 0; left: 0; z-index: 0; right: 0 }
.ser-layer .serform .input-group .inp { height: .5rem; border: 0; border-right: 0; padding-right: .9rem; width: 100%; padding-left: .15rem; background: #fff; border-radius: 5px 10px 10px 5px }
@media (max-width:640px) {
	.ser-layer .serclose { right: .32rem; top: .2rem }
}
.popCode { position: relative; z-index: 10 }
.popCode span { width: 1.1rem; position: absolute; top: calc(100% + 15px); left: 50%; z-index: 5; background: #fff; transform: translateX(-50%); box-shadow: 0 0 8px rgba(0, 0, 0, .15); padding: 2px; border-radius: 5px; visibility: hidden; opacity: 0; transition: .5s; z-index: 10; display: flex; text-align: center; font-size: .14rem; color: #444 }
.popCode span:before { content: ''; border: 10px solid transparent; border-bottom-color: #fff; position: absolute; left: 50%; bottom: calc(100% - 1px); transform: translateX(-50%); }
.popCode span img { width: 100% }
.popCode:hover span { opacity: 1; visibility: visible; }
.popCode.sp span { width: 2.2rem; padding-bottom: 8px }
.popCode em { width: 1.1rem; position: absolute; right: calc(100% + 15px); top: 50%; z-index: 5; background: #fff; transform: translateY(-50%); box-shadow: 0 0 8px rgba(0, 0, 0, .15); padding: 2px; border-radius: 5px; visibility: hidden; opacity: 0; transition: .5s; z-index: 10 }
.popCode em:before { content: ''; border: 10px solid transparent; border-left-color: #fff; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); }
.popCode em img { width: 100% }
.popCode:hover em { opacity: 1; visibility: visible; }
@media (max-width:1024px) {
	.popCode span { left: 50%; transform: translateX(-50%) translateY(0); top: calc(100% + 15px) }
	.popCode span:before { border-right-color: transparent; border-bottom-color: #fff; top: auto; right: 50%; transform: translateY(0) translateX(50%); bottom: 100% }
}
@keyframes beat {
	from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1) }
	25% { -webkit-transform: scale(.9, 1.1); transform: scale(.9, 1.1) }
	50% { -webkit-transform: scale(1.1, .9); transform: scale(1.1, .9) }
	75% { -webkit-transform: scale(.95, 1.05); transform: scale(.95, 1.05) }
	from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1) }
	25% { -webkit-transform: scale(.9, 1.1); transform: scale(.9, 1.1) }
	50% { -webkit-transform: scale(1.1, .9); transform: scale(1.1, .9) }
	75% { -webkit-transform: scale(.95, 1.05); transform: scale(.95, 1.05) }
}
@media (min-width:1025px) {
	.aniI:hover .aniIco { animation: beat 0.5s 1; }
}
@media (max-width: 1024px) {
	.ser-layer .serform {width: 60%;}
}

/**/

/**/
body { padding-top: .95rem }
.header .navbtn { width: .36rem; transition: .3s; z-index: 5; text-align: center; position: relative; cursor: pointer; }
.menu-btn { overflow: hidden; width: .36rem; height: .36rem; background: 0 0; opacity: 1; position: absolute; z-index: 999; top: 50%; transform: translateY(-50%); cursor: pointer; left: 0 }
.menu-btn .line-1, .menu-btn .line-2, .menu-btn .line-3 { position: absolute; top: 50%; right: 0; display: block; width: .36rem; height: 2px; background: #054ea8; transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s; transition-property: transform, width, margin, background-color; margin-top: -1px }
.menu-btn .line-1 { margin-top: -.1rem; width: .3rem }
.menu-btn .line-3 { margin-top: .08rem; width: .3rem }
body.navShow .menu-btn .line-1 { visibility: hidden }
body.navShow .menu-btn .line-2 { margin-top: -1px !important; width: 90%; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
body.navShow .menu-btn .line-3 { margin-top: -1px !important; width: 90%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.header .navBtnm { display: none }
.header .navBtnm .showSear { margin-right: .3rem }
.header .navBtnm .showSear i { font-size: .26rem; color: #888 }
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; padding: .2rem 0; background: #fff }
.scrolling .header { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) }

/*.header:after{content: '';position: absolute;left: 0;top: -1px;right: 0;height: 1.5rem; background:url(../images/bams.png) repeat-x top center;background-size:100% 101%;z-index: 0;pointer-events: none;opacity: 0;transition: .3s}*/
.header .wp { position: relative; z-index: 3; max-width: inherit; margin-left: .5rem; margin-right: .5rem }
.header .logo img { height: .55rem; user-select: none }
.header .topnav .navs { align-items: center; }
.header .topnav .navs li+li { margin-left: .45rem; }
.header .topnav .navs li { transition: .3s; position: relative; }
.header .topnav .navs li i.plus { position: absolute; right: 0; top: .15rem; color: rgba(0, 0, 0, .5); display: block; width: .3rem; height: .3rem; text-align: center; line-height: .3rem; display: none; transition: .3s }
.header .topnav .navs li i.plus.show { transform: rotate(180deg); }

/*.header .topnav .navs li:after{content:"";border-bottom:2px solid #fff;margin-top:.05rem;display:block;width:100%;transition:all 0.2s ease-out 0s;transform:scaleX(0);}
.header .topnav .navs li:before{content:"";border-left:1px dashed #fff;height:.25rem;transition:all 0.2s ease-out 0s;transform:scaleY(0);position:absolute;left:50%;top:100%;transform-origin:center top;}
.header .topnav .navs li.hover:before{transform:none;}
.header .topnav .navs li.now:after{transform:none;}
.header .topnav .navs li.hover:after{transform:none;}*/
.header .topnav .navs li>a {font-size:.18rem;}
.header .topnav .navs li .sub-nav { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 1.6rem; padding-top: .25rem; opacity: 0;visibility: hidden; transition: .2s;}
.header .topnav .navs li .sub-nav .sub-nav-h { padding: .1rem 0; text-align: center; background: #fff; border-radius: .05rem; box-shadow: 0 0 10px rgba(0, 0, 0, .1) }
.header .topnav .navs li .sub-nav .sub-nav-h a { color: #666; display: block; padding: .1rem; font-size: .16rem }
.header .topnav .navs li .sub-nav .sub-nav-h a:hover { color: #fff; background: #294ca7 }
.header .topnavs { margin-bottom: .15rem }
.header .topnavs .links a { color: rgba(255, 255, 255, .8); display: block; line-height: 1.4em; margin-left: .2rem }

/*.header .topnavs .links a+a:before{content: '|';display: inline-block;margin:0 .1rem;color: rgba(255,255,255,.7)}*/
.header .topnavs .links a:hover { color: #fff }
.header .topnavs .topser { width: 2.8rem }
.header .topnavs .topser .form { position: relative; }
.header .topnavs .topser .sub { position: absolute; top: 0; right: 0; bottom: 0; width: .45rem; color: #fff; background: transparent; font-size: .24rem; cursor: pointer; }
.header .topnavs .topser .inp { border: 1px solid rgba(255, 255, 255, .4); border-radius: .5rem; line-height: .36rem; padding: 0 .15rem; width: 100%; padding-right: .5rem; color: #fff; height: .38rem }
.header .topnav::-webkit-scrollbar { display: none }
.header .topr { margin-left: .5rem }
.header .topr .btn { margin-right: .2rem }
.header .topr .btn a { display: block; line-height: .32rem; background: #054ea8; border-radius: .4rem; width: 1rem; color: #fff; text-align: center; font-size: .16rem; transition: .2s }
.header .topr .btn a:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) }
.header .topr .serBtn { padding-right: .2rem; border-right: 1px solid #ddd; margin-right: .2rem }
.header .topr .serBtn a { font-size: .22rem }
.header .topr .tel { font-size: .2rem; color: #f93603 }
.header .topr .tel i { font-size: .22rem; display: block; margin-right: .05rem }
.scrolling .header:after { opacity: 1 }
@media (min-width:1025px) {
	.header .topnav .navs li:hover .sub-nav { visibility: visible;opacity: 1; }
	.header .topnav .navs li:hover>a { color: #054ea8 }
	.header .topnav .navs li:after { position: absolute; left: 50%; right: 0; height: 2px; width: 0; background: #054ea8; content: ''; position: absolute; bottom: -.2rem; transition: .2s; }
	.header .topnav .navs li:hover:after, .header .topnav .navs li.on:after { left: 0; width: 100%; }
	.header .topnav .navs li.on>a { color: #054ea8 }
}
@media (max-width:1024px) {
	body { padding-top: .74rem }
	.nav_child { display: none !important }
	.header .topr { margin-top: .2rem; margin-left: 0; padding: 0 .2rem }
	.header .topr .serBtn { display: none }
	.header { padding: .15rem 0; border-bottom: 0 }
	.header .topnavs .ser { display: none }
	.header .topr .tel { font-size: .26rem; }
	.header .topr .tel i { font-size: .28rem; }
	.header .topr .btn a { line-height: .4rem; font-size: .18rem; width: 1.5rem }
	.header .topnav { position: fixed; top: 1rem; right: -100%; height: calc(100vh - 1.6rem); z-index: 50; display: block; width: 100vw; padding: 0 5%; overflow: auto; text-align: left; }
	.header .topnavs { padding: 0 .2rem; justify-content: space-between; }
	.header .topnav .navs { display: block; margin-right: 0; padding: 0 .2rem }
	.header .topnav .navs li { margin-left: 0; padding: .2rem 0 }
	.header .topnav .navs li+li { margin-left: 0 }
	.header .topnav .navs li:after { display: none }
	.header .topnav .navs li:before { display: none }
	.header .topnav .navs li i.plus { display: block; }
	.header .topnav .btn { display: inline-block; }
	.header .navBtnm { display: flex; align-items: center; }
	.header .logo img { height: .44rem }
	.scrolling  .header .topnav .navs li:after { bottom: 0 }
	.navShow .header .wp { border-bottom: 0 }
	.navShow .header .topnav { right: 0; transition: .5s; }
	.navShow .header { background: rgba(255, 255, 255, .9); backdrop-filter: blur(5px); bottom: 0; }
	.navShow #app { position: fixed; width: 100%; height: 100% }
	.header .topnav .navs li>a { font-size: .2rem }
	.header .topnav .navs li .sub-nav { position: relative; top: 0; left: 0; transform: translateX(0); width: 100%; padding-top: 0; display: none;    opacity: 1;
    visibility: visible;     transition: .0s;}
	.header .topnav .navs li .sub-nav .sub-nav-h { padding: .1rem 0 0; text-align: left; background: transparent; border-radius: 0; display: flex; flex-wrap: wrap; justify-content: space-between; box-shadow: none }
	.header .topnav .navs li .sub-nav .sub-nav-h a { color: rgba(0, 0, 0, .7); display: block; padding: .1rem 0; width: 48%; font-size: .18rem }
	.header .topnav .navs li .sub-nav .sub-nav-h a:hover { color: #444; background: transparent; }
	.header .topnav .navs li:hover .sub-nav { display: none; }
	.header .topnavs .topser { width: calc(100% - 2rem); }
	.header .topnavs .topser .inp { line-height: .46rem; height: .48rem }
}
@media (max-width:750px) {
	.header .wp { margin-left: .3rem; margin-right: .3rem }
}
@media (max-width:640px) {
	.header .topnav .topser { margin-left: 0; width: 100%; margin-bottom: .2rem }
	.header .topnavs .links a { margin-left: 0; margin-right: .3rem; }
}
@media (max-width:375px) {
	body { padding-top: .7rem }
	.header .logo img { height: .4rem; }
	.header .navBtnm .showSear { margin-right: .2rem }
}
@media (max-width:360px) { }

/**/
.str_wrap { width: 100%; position: relative; }
.str_wrap.str_active { }
.str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move; }
.str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0 }
.str_vertical .str_move_clone { left: 0; top: 100% }
.str_down .str_move_clone { left: 0; bottom: 100% }
.str_down .str_move, .str_vertical .str_move { white-space: normal; width: 100% }
.noStop .str_move, .no_drag .str_move, .str_static .str_move { cursor: inherit }
.block { display: block; }
.footer { background: url(../images/ftbg.jpg) no-repeat top center; position: relative; font-size: .16rem; background-size: 100% 100%; color: #fff; }
.footer a { color: #fff }
.footer .fta { padding: 1.1rem 0 .34rem; }
.footer .ftb { border-top: 1px solid rgba(255, 255, 255, .1); padding: .2rem 0 .25rem; color: #9ea4ae; font-size: .14rem }
.footer .ftb a { color: #9ea4ae }
.footer .ftb span { display: inline-block; padding: 3px 0 }
.footer .ftb span+span { margin-left: .15rem }
.footer .ftb .r a+a { margin-left: .2rem }
.footer .fta { padding: .6rem 0 .5rem }
.footer .fta .left { width: 53% }
.footer .fta dl dt { font-size: .18rem; margin-bottom: .1rem }
.footer .fta dl dt:after { width: .2rem; height: 3px; border-radius: 5px; background: #0055a7; content: ''; display: block; margin-top: .2rem }
.footer .fta .left dl dd ul li { margin-top: .15rem }
.footer .fta .left dl dd ul li a { color: #9ea4ae; font-size: .14rem }
.footer .fta .left dl dd ul li a:hover { color: rgba(255, 255, 255, .8) }
.footer .fta .right { width: 35% }
.footer .fta .right .code { width: 1.4rem; text-align: center; color: #9ea4ae; font-size: .15rem }
.footer .fta .right .code img { max-width: 1.4rem; margin-bottom: .1rem }
.footer .fta .right dl { width: calc(100% - 1.85rem) }
.footer .fta .right dl .tel { font-size: .42rem; margin-bottom: .3rem }
.footer .fta .right dl .info { font-size: .15rem; color: #9ea4ae }
.footer .fta .right dl .info p+p { margin-top: .15rem }
@media (max-width:1024px) {
	.footer .fta .left { width: 100% }
	.footer .fta .right { width: 100%; margin-top: .3rem }
	.footer .ftb .l { width: 100%; }
	.footer .ftb .r { width: 100%; margin-top: .15rem }
}
@media (max-width:640px) {
	.footer .fta .left dl { width: 48%; margin-bottom: .3rem }
	.footer .fta .left dl:nth-child(1) { width: 100% }
	.footer .fta .left dl:nth-child(1) dd ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.footer .fta .left dl:nth-child(1) dd ul li { width: 48% }
	.footer .fta .left dl dd ul li a, .footer .fta .right dl .info { font-size: .16rem }
	.footer .fta dl dt { font-size: .2rem; margin-bottom: .1rem }
	.footer .fta .right dl .tel { font-size: .36rem; margin-bottom: .2rem }
	.footer .fta .right dl { width: calc(100% - 1.65rem) }
	.footer .fta .right .code { width: 1.2rem; font-size: .16rem }
	.footer .ftb { font-size: .16rem }
	.footer .ftb span { display: block; }
	.footer .ftb span+span { margin-left: 0 }
}

/*通栏留言*/
.zx-form { padding: .6rem 0; background: url(../images/ny/form-bg.jpg) no-repeat center; background-size: cover; }
.zx-form .tit h3 { font-size: 0.36rem; line-height: 0.48rem; color: #ffffff; font-weight: normal; }
.zx-form .tit p { font-size: 0.16rem; line-height: 0.24rem; color: #ffffff; opacity: 0.6; margin-top: .15rem; }
.zx-form .cont { width: 9.4rem; }
.zx-form .cont .inp { width: 3.1rem; height: 0.52rem; background-color: rgba(255, 255, 255, .3); font-size: 0.16rem; line-height: 0.52rem; color: #ffffff; padding: 0 .25rem; transition: .2s; }
.zx-form .cont .inp:hover { background-color: rgba(255, 255, 255, .4); }
.zx-form .cont .inp::-webkit-input-placeholder { /* WebKit browsers */
color: rgba(255, 255, 255, .7); }
.zx-form .cont .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: rgba(255, 255, 255, .7); }
.zx-form .cont .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
color: rgba(255, 255, 255, .7); }
.zx-form .cont .inp:-ms-input-placeholder { /* Internet Explorer 10+ */
color: rgba(255, 255, 255, .7); }
.zx-form .cont .inp2 { width: 100%; margin-top: .05rem; }
.zx-form .cont .sub-wrap { width: 100%; }
.zx-form .cont .sub { float: right; margin-top: .1rem; width: 2rem; height: 0.52rem; background-color: #ffffff; font-size: 0.16rem; line-height: 0.52rem; color: #054ea8; cursor: pointer; font-weight: bold; transition: .2s; }
.zx-form .cont .sub:hover { box-shadow: 0 5px 10px rgba(255, 255, 255, 0.1) }

/*分页*/
.com-page { margin-top: .3rem; }
.pagination { text-align: center }
.a1_page { display: none !important; }
.pagination a, .pagination span { padding: 0 16px; display: inline-block; margin: 0 1px; min-width: 40px; line-height: 40px; font-size: 14px; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; color: #666; border: 1px solid #ddd; border-radius: 3px; }
.pagination .cur_page, .pagination .page-num-current, .pagination a:hover { color: #fff !important; background: #054ea8 !important; border-color: #054ea8; }
.pagination .prev_disabled:hover, .pagination .next_disabled:hover { color: #576077 !important; }
.pagination a.prev:before, .pagination a.prev_disabled:before { content: "上一页"; }
.pagination a.next:before, .pagination a.next_disabled:before { content: "下一页"; }
@media (max-width:768px) {
	.com-page { margin-top: 40px; }
	.pagination a, .pagination span { padding: 0 10px; min-width: 30px; line-height: 30px; font-size: 12px; }
	.pagination .page-home, .pagination .page-last { display: none; }
}
@media (max-width:640px) {
	.com-page { margin-top: 30px; }
}
.bg-gray { background-color: #f5f5f5; }

/*新闻详情*/
.news-detail { padding-bottom: 60px; }
.content-mbx { padding: 20px 0;    font-size: 0.14rem;
    color: #c1c1c1;}
.content-mbx a { color: #c1c1c1;}
.content-mbx a:hover {color: #054ea8;}
.content-mbx .fr a {    color: #666;}
.content-mbx .fr i {font-size: .19rem;
    color: #054ea8;
    margin-right: 6px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -5px;}
.news-detail .detail-left { float: left; }
.news-detail .detail-right {float: right;}
.news-detail .detail-left .content-box { padding: 30px 30px 30px 20px;    /*min-height: 905px;*/ }
.news-detail .detail-left { width: 71.6%; margin-right: 20px; background: #fff; }
.news-detail .detail-left .content-box .title { font-size: 24px; color: #333;font-weight: normal; }
.news-detail .detail-left .content-box .time { color: #999; margin: 15px 0 20px; font-size: 14px; }
.news-detail .detail-left .content-box .content { line-height: 1.75; color: #777; font-size: 16px; min-height: 300px; padding-top: 15px; border-top: 1px solid #E7E7E7;}
.news-detail .detail-left .content-box .content img { max-width: 100%; height: auto; }
.news-detail .detail-left .content-box .content .pic {margin: 0 auto 20px;text-align: center;}
.news-detail .detail-left .next-btn { margin: 0px 0 20px 30px; display: block; font-size: 14px; }
.news-detail .detail-right { width: 26.6%; background: #fff; }
.news-detail .detail-right .right-box { padding: 20px; }
.news-detail .detail-right .right-box .right-title { border-bottom: 1px solid #E7E7E7; }
.news-detail .detail-right .right-box .right-title h3 { font-weight: normal; padding: 5px 5px 10px; border-bottom: 3px solid #054ea8; font-size: 18px; margin-bottom: -2px; width: 90px; }
.news-detail .detail-right .right-box ul li { margin-top: 20px; }
.news-detail .detail-right .right-box ul li img { width: 100%; height: 180px; }
.news-detail .detail-right .right-box ul li .text-box h3 { font-size: 14px; line-height: 1.5;font-weight: normal; }
.news-detail .detail-right .right-box ul li .text-box .time { color: #959595; margin-top: 12px; font-size: 14px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.bottom_line { border-bottom: #e1e1e1 1px dashed; }
.xghd-box { padding: 0px 20px 20px 20px; }
.xghd-box h3 {font-weight: normal;}
.xghd-box li { width: 49%; line-height: 30px; white-space: nowrap; overflow: hidden; }
.xghd-box ul li a .icon-dian { color: #999; font-size: 20px; background: #999; width: 4px; height: 4px; border-radius: 4px; display: inline-block; vertical-align: middle; margin-right: 5px; }
@media (max-width:1280px) {
	.news-detail .detail-left { width: 68%; margin-right: 0; }
	.news-detail .detail-right { float: right; width: 30%; }
}
@media (max-width:768px) {
	.news-detail .detail-left .content-box .title { font-size: 20px; }
	.news-detail .detail-left .content-box .content iframe { width: 100% !important; height: auto !important; }
	.news-detail { padding-top: 0; padding-bottom: 40px; }
	.news-detail .detail-left { width: 100%; }
	.news-detail .detail-right { width: 100%; float: none; }
	.news-detail .detail-left .next-btn { margin: 0px 20px 20px 20px; }
}