@charset "utf-8";
*,*:before,*:after{box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration: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}label{cursor:default}body,button,input,select,textarea{font:.22rem/1.5 arial,'microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline: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}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.noBg{background:none!important}.hide{display:none !important}
body{position:relative;color:#434343;}
a{color:#434343;text-decoration:none;}
::-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}
#g-wp { max-width:750px; margin:0 auto; padding:0; background:#fff; transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); z-index:2; }
	/* 头部 */
#header { position:relative; width:100%; background:#fff; z-index:3; }
.logo { width: 50%; }
.logo img { vertical-align: top; }
.m-nav { width:200px; height:100%; right:-210px; 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:1; }
.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:#E32325; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #E32325; content:"" }

.hd-right { float: right; }

/* 菜单显示 */
.u-menu { position:absolute; right:.28rem; top:0; bottom: 0; margin:auto 0; display:block; width:.4rem; height:.3rem; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; }
.u-menu div {position:absolute;left: 0;top:0;width:.4rem;height:.3rem;transform:translateZ(0px) rotate(0deg);transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;}
.u-menu div i { position:absolute; left:0; top:0; display:block; width:.4rem; height:.03rem; background:#2f7bd0; }
.u-menu .u-menu-top i {transform:translate3d(0px,0,0px);-webkit-transform: translate3d(0px,0,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,.15rem,0px);-webkit-transform:translate3d(0px,.15rem,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,.30rem,0px);-webkit-transform: translate3d(0px,.30rem,0px);}

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);}
body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,.139rem,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,.139rem,0px); }
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle { display:none; }

.hd-weixin { position:absolute; right:1.7rem; top:0; bottom: 0; margin:auto 0; display:block; width: .4rem; height: .4rem; background: url(z2.jpg) no-repeat; background-size: contain; }
.hd-tel { position:absolute; right:1rem; top:0; bottom: 0; margin:auto 0; display:block; width: .4rem; height: .4rem; background: url(z1.jpg) no-repeat; background-size: contain; }

.banner { position:relative; overflow:hidden; }
.swiper-container .swiper-pagination-bullet-active { background-color:#E32325; }

.mian_nav { padding:3% 1.5% 1%; border-bottom:10px solid #f2f2f2; }
.mian_nav ul li{ float:left; width:23%; margin: 0 1% 2%; height:auto; text-align:center; background: #dce0ec; border-radius: 5px; font-size:12px; }
.mian_nav ul li a { display:block; padding:8% 0; }
.mian_nav ul li a i { display:inline-block; width:35px; height:35px;}
.mian_nav ul .li-03,.mian_nav ul .li-06 { border-right:0; }
.mian_nav ul li a span{ display:block; font-size:13px; color:#666; }

.ft-contact { padding: 0 .4rem .05rem; background: #f5f5f5; }
.ft-contact .hd {position: relative;padding: .3rem 0 .2rem;border-bottom: 1px solid #dfdede;}
.ft-contact .hd h2 {font-size: .3rem;line-height: .4rem;font-family: 'Haettenschweiler';font-weight: normal;text-transform: uppercase;}
.ft-contact .hd p {font-size: .3rem;line-height: .4rem;}
.ft-contact .hd a {position: absolute;right:0;top: .52rem;display: block;width: 1.4rem;height: .4rem;text-align: center;background: #3680d2;color: #fff; line-height: .4rem;}
.ft-contact .bd {padding: .25rem  0;font-size: .24rem;line-height: .42rem;}
.ft-contact .bd p { position: relative; padding-left: .38rem; }
.ft-contact .bd p:after { position:absolute; top:.08rem; left:0; width:.22rem; height:.26rem; content:"" }
.ft-contact-1:after { background: url(z3.jpg) no-repeat; background-size: contain; }
.ft-contact-2:after { background: url(z4.jpg) no-repeat; background-size: contain; }
.ft-contact-3:after { background: url(z5.jpg) no-repeat; background-size: contain; }

.footer { padding: 0 .4rem ; background: #333; color: #7a7a7a; line-height: .4rem; font-size: .22rem; }
.footer a { color: #7a7a7a; }
.footer a:hover { color: #fff; }
.ft-nav {padding: .25rem 0;color: #e4e4e4;line-height: .54rem;font-size: .24rem;}
.ft-nav a { display: inline-block; margin-right: .5rem; color: #e4e4e4; }
.ft-nav a:hover { color: #fff; }
.m-copy { padding: .25rem 0; border-top:1px solid #636363; color: #7a7a7a; text-align:center; }



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