
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
ul,ul li{list-style:none}
a{text-decoration:none}
.img{position:relative;display:inline-block;vertical-align:middle}
img{vertical-align:middle;display:block;margin:0 auto}
.btn{outline:0}
#mheader{display:none}
#mfooter{display:none}
.pc{display:block}
.mobile{display:none!important}
#header .header_tel img{ top:-3px;}
.m_logo img{ margin: inherit}
.header .header_tel img{ top:-4px; display:inline-block;}

.details{width:100%;height:auto;padding-top:50px;padding-bottom:85px;margin:0 auto;position:relative;display:flex;background:#2f3438;color:#fff}
.details ul{width:1168px;height:100%;display:flex;justify-content:space-between;margin:0 auto}
.details ul li{text-align:center}
.details ul li h3{font-size:22px;color:#fff;line-height:36px}
.details ul li a{font-size:16px;line-height:36px;color:#fff;display:block;text-align:left}
.details ul li a:hover{color:#828080}
.details .public{width:332px;height:100%;border-right:1px solid #dcdcdc;text-align:center;position:relative}
.public img{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.public p{width:100%;font-size:14px;position:absolute;top:50%;padding-top:14px;color:#333;text-align:center}
.details .tel{width:230px;height:100%;text-align:center;font-size:20px;color:#326cad;position:relative}
.tel h3{line-height:30px}
.tel p{font-size:12px;color:#555;padding-top:10px}
.tel button{font-size:12px;width:120px;height:30px;border:1px solid #326cad;background:0 0;position:absolute;bottom:50%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
footer{width:100%;height:85px;text-align:center;background:#2f3438;font-size:12px;box-sizing:border-box;position:relative}
footer .fotText{width:1168px;margin:0 auto;position:relative}
footer p{line-height:22px;color:#fff;text-align:left;font-size:16px;line-height:36px}
.fotText img{display:block;position:absolute;bottom:35px;right:0;cursor:pointer}
.fotText img:hover{transition:all .3s;padding-top:170px;padding-left:92px;background:url(../img/weixins.png) no-repeat}
#apd{position:absolute;width:420px;height:auto;box-sizing:border-box;padding:10px;background:#fff;top:40px;left:0;box-shadow:0 0 10px #ccc inset}
#apd #apd_main{width:100%;height:auto;margin:0;color:#333}
#apd_main li:nth-child(1){padding:0;color:#333;position:absolute;right:15px;font-size:14px;top:2px;cursor:pointer}
#apd_main li{color:#333}
}

@media screen and (max-width:1226px) and (min-width:750px){
.top ul.nav_left{left:20px;margin:0}
.top ul.LogReg{right:20px;margin:0}
.center .logo{left:20px;margin:0}
.center>ul{left:40%}
.center>ul li:last-child{display:none}
.center>a{right:20px;margin:0}
#subNav{width:94%;left:50%;margin:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.details ul{width:100%;justify-content:space-around}
footer .fotText{width:100%;box-sizing:border-box;padding:0 30px}
.fotText img{right:20px}
}
@media screen and (max-width:750px){
#header{display:none}
#mheader{display:block}
#mfooter{display:block}
.pc{display:none}
.mobile{display:block}
#mheader{width:100%;height:.9rem;position:fixed;border-bottom:.01rem solid #e1e1e1;top:0;z-index:999;background:#fff;text-align:center}
#mheader .img img{height:100%;display:block}
#mheader .nav{height:.36rem;padding-left:.24rem;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);position:absolute;left:0}
#mheader .logo{height:.64rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#mheader .login,#mheader .reg{height:.46rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
#mheader .reg{right:.24rem}
#mheader .login{right:1.08rem}
#mheader aside{position:fixed;width:100%;height:100%;background:#fff;z-index:999;top:0;box-sizing:border-box;padding:.24rem}
#mheader .close{width:100%;height:.98rem;position:relative}
#mheader .close img{width:.4rem;height:.4rem;position:absolute;padding:.1rem;bottom:0;right:.1rem}
#mheader .menus{width:100%;overflow-y:scroll;height:85vh}
#mheader .menus .parentLi{text-align:left}
.parentLi span{display:block;height:1.02rem;line-height:1.02rem;color:#5eaeeb;border-bottom:.01rem solid #eee;position:relative;text-indent:.18rem}
.parentLi span img{width:.14rem;position:absolute;height:.22rem;top:.44rem;left:1.6rem;transition:all .3s;transform:rotate(0)}
.parentLi span img.actives{transition:all .3s;transform:rotate(90deg)}
.parentLi .Ul{display:none}
.Ul li{border-bottom:.01rem solid #eee;height:1.02rem;line-height:1.02rem}
.Ul li a{font-size:.3rem;color:#333;padding-left:.2rem}
.mbanner{margin-top:.91rem;overflow:hidden;width:100%;height:3.6rem;text-align:center;position:relative}
.mbanner h3{font-weight:700}
.mbanner a{display:block;width:2.8rem;height:.68rem;text-align:center;line-height:.68rem;border-radius:.04rem;font-size:.32rem;margin:0 auto;color:#fff}
#mfooter{width:100%;height:auto;overflow:hidden;background:#363b41}
#mfooter .reg{border-bottom:1px solid #ccc;border-bottom:.01rem solid #606061}
#mfooter .reg p{font-size:.28rem;color:#ccc;line-height:.42rem;width:3.8rem;text-align:center;margin:0 auto;padding:.42rem 0 .25rem 0}
#mfooter .reg a{display:block;width:2.78rem;height:.68rem;line-height:.68rem;text-align:center;font-size:.32rem;color:#fff;border-radius:.08rem;margin:0 auto;background:#ff8400;margin-bottom:.48rem}
#mfooter .details{width:94%;margin:0 auto}
.details ul{display:flex;display:-webkit-flex;justify-content:space-around}
.details ul li{padding-top:.32rem;padding-bottom:.54rem}
.details ul li a{display:block;color:#ccc;font-size: .24rem;line-height:.48rem;}
.details p{color:#fff;font-size:.28rem;text-align:center;padding-bottom:.68rem}
#mfooter>p{font-size:.2rem;width:100%;background:#24292f;color:#ccc;line-height:.3rem;padding:.16rem .42rem .16rem .42rem;box-sizing:border-box;text-align:center}
}