@charset "utf-8";
*{margin:0;padding:0;}
em,i{font-style:normal;}
ul,ol,li{list-style:none;}
img {-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0;}
table{border-collapse:collapse;border-spacing:0;}
body,button,input,select,textarea{font:12px/1.5 Microsoft yahei,Arial;border:none;outline:none;}
textarea{resize:none;}
a,a:focus,a:hover{outline:none;text-decoration:none;}
body{-webkit-text-size-adjust:none;}
a,input,button{-webkit-tap-highlight-color:rgba(0,0,0,0);}
::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background-color:#666}
::-webkit-scrollbar-track{background:#eee}
::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar{width:7px;height:7px}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{*zoom:1;}
.fl {float:left;}
.fr {float:right;}
.hide{display:none}
.show{display:block}

a{color:#000000;}
a:hover{color:#326ed6;}

body{background:#bfbfbf;position:relative;color:#000000;}
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);}
body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}

.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:#326ed6; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #326ed6; content:"" }
.g-wp{max-width:750px; margin:0 auto; background:#fafafa;overflow:hidden;padding-bottom: 40px}

.u-menu { position:absolute; right:0; top:0; display:block; width:60px; height:60px; background:url(pic-2.jpg) no-repeat center;transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; }
.header{position: relative;height:6px;background:#259ef4;}
.header .logo{position: absolute;width:1.18rem;left:0.45rem;top:0;z-index:99;}

.g-wp .swiper-container-1 .swiper-pagination-bullet-active { background:#1e50ae; }
.g-wp .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0.4rem;}
.swiper-container-1 .swiper-pagination-bullet{width:12px; height:12px;background: #fff;border-radius:50%;}

.m-banner{position: relative;}
.m-banner .b-ab{position: absolute;bottom:-85px;right:0;width:6.23rem;}
.m-banner .b-ab .m{width:235px;height:45px;background:url(pic-4.png) no-repeat center;font-size:16px;line-height:45px;padding-left:52px;box-sizing:border-box;color:#fff;display: block;position:absolute;right:60px;bottom:24px;}


.footer{background:#326ed6;}
.footer .footer-t{padding:0.5rem 0.45rem 0.4rem;}
.footer .footer-t .txt{float: left;}
.footer .footer-t .txt .h1{font-size:0.3rem;line-height:0.3rem;color:#fff;font-weight:bold;}
.footer .footer-t .txt .h2{font-size:0.19rem;line-height:0.3rem;color:#fff;font-family:arial;text-transform:uppercase;margin-top:5px;}
.footer .footer-t .txt .p{font-size:0.2rem;line-height:0.32rem;color:#fff;margin-top:10px;}
.footer .footer-t .pic{float: right;width:1.57rem;margin-top:5px;}
.footer .footer-t .pic p{font-size:0.2rem;line-height:0.34rem;text-align: center;color:#fff;}
.footer .footer-b{font-size:0.18rem;line-height:0.3rem;color:#fff;text-align: center;padding:0.15rem 0.45rem;border-top:1px solid #fff;}
.footer .footer-b a{color:#fff;}

.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:999; }

/* 快捷菜单 */
#fixed-foot { position:fixed; left:0; bottom:0; width:100%; height:40px; background:#fff; border-top:1px solid #eee; line-height:20px; text-align:center; z-index:1;display: flex;justify-content:space-around;flex-wrap:nowrap;}
#fixed-foot li { float:left; width:25%;display: block;position: relative;}
#fixed-foot li a { display:block; color:#444;height: 40px;line-height: 40px;font-size: 14px}
.fixed-button { display:block; width:30px;height:30px;margin:0 auto;overflow:hidden;background-size:contain;}
.m-copy { padding:5%; border-bottom:10px solid #f2f2f2; text-align:center; }