@charset "utf-8";
* { margin: 0; padding: 0; }
em, i { font-style: normal; }
li { list-style: none; }
img { border: 0; width: 100%; height: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
label { cursor: default; }
body, button, input, select, textarea { font: 12px/1.5 Microsoft yahei, Arial; border: 0; }
textarea { resize: none; }
a, a:focus, a:hover { outline: none; text-decoration: none; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix {
*zoom:1; }
.clear { display: block; height: 0; clear: both; font-size: 0; line-height: 0; overflow: hidden; }
.hide { display: none !important }
body { background: #bfbfbf; color: #2b2b2b; position: relative; }
a { color: #2b2b2b; transition: all 0.4s; }
a:hover { color: #143883; }
.g-wp { transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.u-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .5; z-index: 9; }
.m-nav { width: 200px; height: 100%; right: -200px; top: 0; background: #fff; position: fixed; transform: translateZ(0px) rotate(0deg); transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 100; }
.m-nav h2 { margin: 0 0 10px; padding: 10px 0; border-bottom: 1px solid #ddd; font-weight: bold; font-size: 16px; line-height: 30px; text-align: center; }
.m-nav li { position: relative; padding: 12px 12px 12px 22px; border-bottom: 1px solid #eee; font-size: 14px; line-height: 24px; }
.m-nav li a { display: block; }
.m-nav li a:hover, .m-nav .current a { color: #30c8c6; }
.m-nav .current:after { position: absolute; top: 50%; left: 0; width: 5px; height: 14px; margin-top: -7px; border-left: 2px solid #143883; content: "" }
body.z-open .m-nav { transform: translate3d(-200px, 0, 0); -webkit-transform: translate3d(-200px, 0, 0); }
body.z-open .g-wp { transform: translate3d(-200px, 0, 0); -webkit-transform: translate3d(-200px, 0, 0); }
#g-wp { max-width: 750px; background: #fff; margin: 0 auto; padding: 0 0 60px; }
.header { background-color: rgba(0,0,0,.8); padding: 10px 0; }
.logo { float: left; margin: 0 0 0 2%; max-width: 100%; }
.logo img { width: 65%; }
.xiaorui { float: left; margin: 3% 0 0 0; }
.xiaorui img { width: 120px; }
.ico { width: 40px; height: 25px; background: url(../images/ico.png); background-size: contain; background-repeat: no-repeat; margin: 10px 2.5% 0 0; float: right; cursor: pointer; }
 @media all and (min-width:640px) {
.ico { } }
 @media all and (max-width:414px) {
.logo { max-width: 50%; }
.ico { margin: 10px 5% 0 0; } }
 @media all and (max-width:320px) {
.logo { max-width: 45%; }
.xiaorui { float: left; margin: 3% 0 0 0; }
.xiaorui img { width: 100px; }
.ico { margin: 10px 2% 0 0; } }
/*@media all and (max-width:375px){ .logo{max-width:52%;margin:5.4% 0 0 14%;} }

@media all and (max-width:320px){ .logo{max-width:60%;margin:0 0 0 2%;} .ico{margin:19px 2% 0 0;} }*/

.swiper-container { text-align: center; }
.swiper-container-1 .swiper-pagination-bullet { background: #fff; width: 8px; height: 8px; }
.swiper-container-1 .swiper-pagination-bullet-active { background: #143883; width: 30px; border-radius: 8px; }
.swiper-container-1>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 12px !important; }
.swiper-container-1>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px; overflow: hidden; }
.searchbox { padding: 2% 0; border-bottom: 1px solid #dedede; background: #f8f8f8; }
.searchbox .text { width: 76%; height: 40px; line-height: 40px; border: 1px solid #30c8c6; float: left; margin-left: 2%; padding-left: 2%; box-sizing: border-box; font-size: 14px; }
.searchbox .ibtn { width: 20%; height: 40px; line-height: 40px; float: right; background: #30c8c6; color: #fff; font-size: 14px; margin-right: 2%; cursor: pointer; }
.footer { background: #f8f8f8; border-top: 1px solid #ececec; padding-bottom: 5%; }
.fbt { width: 96%; margin: 0 auto; border-bottom: 1px solid #ddd; }
.fbt-z { float: left; width: 50%; font-size: 20px; color: #092676; box-sizing: border-box; border-right: 1px solid #ddd; background: url(../images/tel.png) left center no-repeat; background-size: 15%; background-repeat: no-repeat; padding: 20px 0 20px 10%; }
.fbt-y { float: right; width: 45%; font-size: 14px; padding-left: 5%; }
.fbt-y p:nth-child(2) { background: url(../images/p11.png) left center no-repeat; padding-left: 25px; background-size: 11%; }
.fbt-y p:nth-child(1) { background: url(../images/p22.png) left center no-repeat; padding-left: 25px; background-size: 11%; margin: 10px 0 5px; }
 @media all and (min-width:640px) {
.fbt-z { background-size: 38px; }
.fbt-y p:nth-child(1) { background-size: 20px; }
.fbt-y p:nth-child(2) { background-size: 20px; } }
 @media all and (max-width:414px) {
.fbt-z { font-size: 17px; }
.fbt-y p:nth-child(2) { margin: 8px 0 2px; } }
.ftnav { text-align: center; padding: 5% 0; font-size: 14px; }
 @media all and (max-width:320px) {
.ftnav { font-size: 13px; } }
.copyright { text-align: center; font-size: 14px; }
.fixed-list { width: 100%; background: linear-gradient(#fff, #fff); position: fixed; left: 0; bottom: 0; z-index: 9999; box-shadow: 0 0 10px #ccc; }
.fixed-list li { float: left; display: inline; width: 25%; height: 60px; text-align: center; }
.fixed-list li a { font-size: 13px; display: block; }
.fixed-list li:nth-child(1) em { display: block; width: 20px; height: 20px; background: url(../images/f1.png); background-size: contain; background-repeat: no-repeat; margin: 11px auto 3px; }
.fixed-list li:nth-child(2) em { display: block; width: 20px; height: 20px; background: url(../images/f2.png); background-size: contain; background-repeat: no-repeat; margin: 11px auto 3px; }
.fixed-list li:nth-child(3) em { display: block; width: 20px; height: 20px; background: url(../images/f3.png); background-size: contain; background-repeat: no-repeat; margin: 11px auto 3px; }
.fixed-list li:nth-child(4) em { display: block; width: 18px; height: 20px; background: url(../images/f4.png); background-size: contain; background-repeat: no-repeat; margin: 11px auto 3px; }