@charset "utf-8";
/* CSS Document */
*, *:after, *:before{box-sizing: border-box;}
html{font-size:625%;width:100%;height:auto;max-height:100%;}
body{width:100%;min-width:3.2rem;font-size:.12rem;line-height:.22rem;color:#333;background:#fff;}
a{color:#333;}
a:hover{color:#f00;}
img{vertical-align:middle;}

/*通用*/
.maxbox{width: 96%;max-width: 7.68rem;margin: 0 auto;overflow:hidden;}
.cutbox{width: 100%;max-width:7.68rem;margin: 0 auto;}
.atm5{transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.atm_img1{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

@media only screen and (max-width:991px){
body{padding-top:0!important;}
}
@media only screen and (min-width:992px){
body{min-width: 12.5rem;}
.maxbox{width:100%;max-width:19.2rem;}
.cutbox{max-width:12rem;}
}


/*head*/
.headbox{width:100%;max-width:19.2rem;height:.6rem;margin:0 auto;overflow:hidden;background:url(../images/topbg.png) repeat-x center top;box-shadow: 0 .02rem .05rem rgba(128,128,128,0.3);position:fixed;left:0;top:0;z-index:9999;}
.headbox .cutbox{position:relative;}
.headbox img{height:100%;max-width:100%;}
.headbox .logo{float:left;overflow:hidden;height:.6rem;}
.headbox .logo a{display:block;padding:.05rem;height:100%;overflow:hidden;}

.headbox .rong{float:left;height:.6rem;padding:.05rem;display:none;position:absolute;left:50%;top:0;}
.headbox .tel{float:right;height:.7rem;overflow:hidden;background:url(../images/tel.png) no-repeat left center;padding-left:.4rem;color:#c00;font-size:.2rem;line-height:.7rem;display:none;}

.navico{width:.6rem;height:.6rem;float:right;}
.navico p{width:100%;height:100%;position:relative;}
.navico span,.navico span::before,.navico span::after{width:.26rem;height:.03rem;position:absolute;background:#333;display:block;border-radius:.01rem;-webkit-transition: .3s;transition: .3s;}
.navico span{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.nav_open span{background:transparent;}
.navico span:before,.navico span:after{content:"";left:0;}
.navico span:before{-webkit-transform:translateY(-300%);transform:translateY(-300%);}
.nav_open span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.navico span:after{-webkit-transform:translateY(300%);transform:translateY(300%);}
.nav_open span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

@media only screen and (min-width:768px){
.headbox .rong{display:block;}
}
@media only screen and (min-width:992px){
.headbox{height:.7rem;box-shadow: none;position:relative;}
.headbox .logo{height:.7rem;}
.headbox .logo a{padding:0;}
.headbox .rong{height:.7rem;left:45%;padding:.02rem;}
.headbox .tel{display:block;}
.navico{display:none;}
}


/*nav*/
.navbox{width:100%;max-width:19.2rem;margin:0 auto;background:#fafafa;height:0;overflow:hidden;z-index:9999;position:fixed;left:0;top:.61rem;}
.navbox ul li{width:100%;float:left;margin:0;padding:0 .1rem;}
.navbox ul li a{display:block;width:100%;height:.4rem;font-size:.16rem;line-height:.4rem;overflow:hidden;padding:0 .1rem;background:url(../nyimages/flico1.png) right center no-repeat;border-bottom:1px solid #eaeaea;}
.navbox ul li dl{background:#0d4680;padding:0;position:relative;display:none;}
.navbox ul li dl dd a{height:0;padding:0 .05rem;color:#fff;white-space:nowrap;text-overflow:ellipsis;border:0;font-size:.14rem;line-height:.4rem;margin:-.05rem auto;}
.navbox ul li dl dd div{width:0;overflow:hidden;position:absolute;left:100%;top:.05rem;border:1px solid #ffaf40;opacity:0;background:#fff;-webkit-transition:.5s;transition:.5s;}
.navbox ul li dl dd div a{line-height:.3rem;color:#666;margin:0;}
.navbox ul li dl dd:hover div a{background:#fff;}
.navbox ul li dl dd div a:hover{color:#e50012;}
.nav_on{height:3rem;padding:.08rem 0;}
.navbox,.navbox ul li dl,.navbox ul li dl dd div{box-shadow: 0 0.02rem 0.05rem rgba(128,128,128,0.3);}

@media only screen and (min-width:992px){
.navbox{height:.5rem;position:relative;top:.7rem;background:#0352a9;overflow:visible;box-shadow: 0 .02rem .05rem rgba(128,128,128,0.3);top:0;}
.navbox ul li{width:12.5%;height:.5rem;text-align:center;}
.navbox ul li a{height:.5rem;border:0;padding:0;background:none;line-height:.5rem;color:#fff;}
.navbox ul li dl{display:block;}
.navbox ul li:hover a{color:#f00;}
.navbox ul li:hover dl{padding:.1rem 0;}
.navbox ul li:hover dl dd a{height:.4rem;}
.navbox ul li:hover dl dd div a{height:0;}
.navbox ul li dl dd:hover a{background:#095eb3;}
.navbox ul li dl dd:hover div{width:100%;opacity:1;padding:.04rem;}
.navbox ul li dl dd:hover div a{height:.3rem;}
.nav-fixed{position: fixed!important;max-width: 100%;box-shadow: 0 0.02rem 0.05rem rgba(128,128,128,0.3);}
}


/*banner*/
.banner{width:100%;max-width:19.2rem;margin:0.6rem auto 0;position:relative;overflow:hidden;}
.banner .pic ul li{float:left;overflow:hidden;}
.banner .pic ul li img{width:100%;}
.banner .btn{text-align: center;position: absolute;bottom: 0;height: .24rem;width: 100%;}
.banner .btn span{display:inline-block;width:.13rem;height: .13rem;margin:0 .05rem;cursor:pointer;background:#aaa;border:.03rem solid #fff;border-radius: .15rem;}
.banner .btn span.on{background:#ff4c4c;}

@media only screen and (min-width:992px){
.banner{max-height:5.6rem;margin-top:0;max-width:19.2rem;}
.banner .btn{height: .4rem;width: 100%;}
.banner .btn span{margin:0 .1rem;width:.15rem;height: .15rem;}
}


/*底部*/
.footbox{width:100%;background:#2c2c2c;color:#fff;text-align:center;}
.footbox .cutbox{padding:.2rem .1rem;overflow:hidden;}
.footbox a{color:#fff;}
.footbox a:hover{color:#f00;}

.footbox ul{width:100%;margin-bottom:.2rem;height:.26rem;}
.footbox ul li{width:20%;height:.26rem;overflow:hidden;float:left;max-width:1.5rem;}
.footbox ul li a{width:100%;height:100%;display:block;overflow:hidden;padding:.02rem 0;}
.footbox ul li span{width:1.5rem;height:.26rem;display:block;overflow:hidden;}
.footbox ul li span{width:2.5rem;border-left:.9rem solid #2c2c2c;}

.footbox .tel{width:100%;max-width:100%;padding:.02rem 0;margin-bottom:.2rem;} 
.footbox .ewm{width:100%;max-width:100%;height:1.1rem;padding-top:.2rem;}

.footbox .con{width:100%;overflow:hidden;}

@media only screen and (min-width:768px){
.footbox .cutbox{padding:.2rem 0;}
.footbox ul{padding-right:3rem;position:relative;}
.footbox .tel{width:1.55rem;position:absolute;top:0;right:1rem;background:#f00;}
.footbox .ewm{width:.85rem;position:absolute;top:0;right:0;padding:0;}
}


@media only screen and (max-height:480px){
.headbox{position:relative;}
.navbox{position:absolute;}
.banner{margin-top:0;}
}
@media only screen and (max-height:480px) and (min-width:992px){
.navbox{position:relative;}
}