@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:#333333;position:relative;}
a{color:#333333;transition: all 0.4s;}
a:hover{color:#38a1db;}

.g-wp{transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); padding-bottom:0.9rem;}

.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:#38a1db; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #38a1db; 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:640px; background:#fff; margin:0 auto; overflow:hidden;}

.header{height:1rem;position:relative;}
.logo{float:left;margin:0.1rem 0 0 2.12rem;}
.logo img{width:auto; height:0.8rem;}
.ico{width:0.36rem;height:0.3rem;background:url(ico.png);background-size:contain;background-repeat:no-repeat;float:right;cursor:pointer;margin:0.33rem 0.14rem 0 0;}

.search { position: absolute; top:0.32rem; left:0.14rem; width:0.34rem; height:0.36rem; overflow:hidden; }
.search-o { position: absolute; top:0; left: 0; width:0.34rem; height:0.36rem;  background:url(search.png) no-repeat center; background-size:contain; cursor:pointer; }
.search-x { position: absolute; top:0; left: -50px; width:0.34rem; height:0.36rem; background:url(search_btn_x.png) no-repeat center; background-size:contain; opacity:1;}

.form-search{ position: absolute; top:calc(-0.84rem - 6%); left: 0; width:90%; padding:3% 5%; border-top:1px solid #ddd; box-shadow:0 0 10px #bbb; background:#fff; z-index:2; opacity:0; transition:all .2s ease-out;}
.form-search input{ border:1px solid #eee;}
.form-search input[type="text"] { width:70%; height:38px; float:left; padding:0 5%; border-right:0px; }
.form-search input[type="submit"]{ width:19%; height:40px; float:left; border:0; background:#38a1db; color:#fff;}

.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:#38a1db; }
.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; }

.copyright{border-bottom:8px solid #f2f2f2;padding:0.2rem 0;text-align:center;font-size:0.22rem;}

.fixed-list{width:100%;background:#f4f4f4;position:fixed;left:0;bottom:0;z-index:9999;}
.fixed-list li{float:left;display:inline;width:33.333%;height:0.9rem;text-align:center;box-sizing:border-box;border-right:1px solid #dedede;}
.fixed-list li:last-child{border-right:0;}
.fixed-list li a{font-size:0.24rem;display:block;}
.fixed-list li:nth-child(1) em{display:block;height:0.31rem;background:url(f1.png) center no-repeat;background-size:contain;margin:0.12rem auto 0.06rem;}
.fixed-list li:nth-child(1) a{color:#38a1db;}
/*.fixed-list li:nth-child(2) em{display:block;height:0.31rem;background:url(f2.png) center no-repeat;background-size:contain;margin:0.12rem auto 0.06rem;}*/
.fixed-list li:nth-child(2) em{display:block;height:0.31rem;background:url(f3.png) center no-repeat;background-size:contain;margin:0.12rem auto 0.06rem;}
.fixed-list li:nth-child(3) em{display:block;height:0.31rem;background:url(f4.png) center no-repeat;background-size:contain;margin:0.12rem auto 0.06rem;}