@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:.13rem;color:#333;background:#fff;}
a{color:#333;}
a:hover{color:#0a7bcc;}
img{vertical-align:middle;}

/*通用*/
.maxbox,.cutbox{width: 96%;max-width: 7.68rem;margin: 0 auto;}
.maxbox{overflow:hidden;}
.maxbox .cutbox{width: 100%;}
.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: 11.5rem;}
.maxbox{width:100%;max-width:19.2rem;}
.cutbox{max-width: 11rem;}
}


/*top*/
.topbox{height:.3rem;border-bottom: 1px solid #eee;background: #f5f5f5;line-height: .3rem;color:#666;font-size: .12rem;display: none;}
.topbox .welcome{max-width: 50%;float: left;overflow: hidden;}
.topbox .time{max-width: 45%;float: right;overflow: hidden;}
.topbox .time span{display: inline;padding: .03rem .05rem;height: .3rem;float: left;line-height: .23rem;}
.topbox .time span input{display: block;height: .23rem;border-radius: .03rem;padding:0 .1rem .02rem;border:1px solid #ccc;font-size: .12rem;cursor: pointer;}
.topbox .time span input:hover{border:1px solid #ff9600;background: #ff9600;color: #fff;}

/*head*/
.headbox{width:100%;max-width:19.2rem;height:.6rem;margin:0 auto;background:rgba(255,255,255,.95);box-shadow: 0 .02rem .05rem rgba(128,128,128,0.3);position:fixed;left:0;top:0;z-index:9999;}
.headbox img{max-width:100%;max-height:100%;}
.headbox .left{float:left;overflow:hidden;width:100%;height:.3rem;line-height:.3rem;display:none;text-align:right;color:#fff;}

.headbox .logo{float:left;overflow:hidden;width:6.6rem;height:1.05rem;display:none;}
.headbox .logo a{display:block;padding-top:.05rem;}
.headbox .mlogo{float:left;height:.6rem;overflow:hidden;padding:.1rem;}

.headbox .tel{display:none;float:right;height:.9rem;overflow:hidden;}
.headbox .tel p{width:2.3rem;height:.9rem;float:right;padding:.23rem 0;}
.headbox .tel span{display:block;height:.9rem;float:right;padding:1px;}

.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 .mlogo{padding:.1rem .15rem;}
}
@media only screen and (min-width:992px){
.topbox{display: block;}
.headbox{height:1.05rem;box-shadow: none;position:relative;overflow:hidden;background:url(../images/pic1.png) center top no-repeat;}
.headbox .left,.headbox .logo,.headbox .tel,.headbox .search{display:block;}
.headbox .mlogo,.headbox .navico{display:none;}
}


/*nav*/
.navbox{width:100%;max-width:19.2rem;background:#fafafa;height:0;overflow:hidden;z-index:9999;position:fixed;left:0;top:.61rem;margin: 0 auto;}
.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:#0a7bcc;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:3.4rem;padding:0.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:0;background:#0a7bcc;overflow:visible;}
.navbox ul{width:100%;height:.5rem;}
.navbox ul li{width:16.66%;height:.5rem;padding:0 1px 0 0;text-align:center;background:url(../images/ico1.png) left center no-repeat;padding-left: .02rem;}
.navbox ul li:first-child{background:none;padding-left:0}
.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,.navbox ul li a.hover{background:#0b8be6;}
.navbox ul li:hover dl{padding:.1rem 0;}
.navbox ul li:hover dl dd a{height:.4rem;background:none;}
.navbox ul li:hover dl dd div a{height:0;}
.navbox ul li dl dd:hover a{background:#0b8be6;}
.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:96%;max-width:7.68rem;margin-top:0.7rem;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: 0.2rem;width: 100%;}
.banner .btn span{display:inline-block;width:0.13rem;height: 0.13rem;margin:0 0.05rem;cursor:pointer;background:#fff;border:0.03rem solid #fff;border-radius: 0.15rem;box-shadow: 0 .01rem .03rem rgba(128,128,128,.5);}
.banner .btn span.on{background:#ff4c4c;}

#bannerppt{width:19.2rem;height:4.8rem;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:none;}
#bannerppt .pic,#bannerppt .pic ul,#bannerppt .pic ul li,#bannerppt .pic ul li img{height:100%;}

#mbannerppt{width:100%;max-width:7.68rem;overflow:hidden;min-height:1.2rem;}
#mbannerppt .pic ul{width:1000%;}
#mbannerppt .pic ul li{width:10%;}

@media only screen and (min-width:768px){
.banner .btn{height: 0.3rem;}
}
@media only screen and (min-width:992px){
.banner{width:100%;max-width:19.2rem;margin-top:0;height:4.8rem;}
#bannerppt{display:block;}
#mbannerppt{display:none;}
}


/*底部*/
.footbox{width:100%;max-width:19.2rem;margin:0 auto;overflow:hidden;background:#0a7bcc;color:#e5f2ff;padding-top:.1rem;}
.footbox .cutbox{overflow: hidden;}
.footbox a{color:#e5f2ff;}
.footbox a:hover{color:#fff;}

.footbox .cont{width:100%;overflow:hidden;float:left;padding:.1rem;line-height:.3rem;}
.footbox .tit{width:100%;float:left;height: .45rem;border-bottom: 1px solid #40afff;margin-bottom: .1rem;}
.footbox .tit p{float:left;height: .44rem;font-size:.18rem;overflow: hidden;line-height: .42rem;padding: 0 .05rem;}
.footbox .tit span{font-family: Arial;font-size: .14rem;text-transform: uppercase;line-height: .46rem;display: block;height:.44rem;overflow: hidden;float: left;padding: 0 .05rem;}
.footbox .tit b{display: block;width: 100%;float: left;height: .03rem;border-left: .45rem solid #fff;position: relative;top: -1px;}

.footbox .text{width:100%;overflow: hidden;float: left;padding:0 .05rem;}
.footbox .nav_f a{width:25%;padding-right:.1rem;float:left;height:.3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: block;float: left;}
.footbox .text p{width: 100%;line-height: .24rem;padding:.03rem 0;}
.footbox .ewm_f{float:right;}
.footbox .ewm_f .text{padding-top: .05rem;}
.footbox .ewm_f .text p{width:1.1rem;height: 1.1rem;padding:.09rem;background: #fff;border: 1px solid #eee;}
.footbox .ewm_f .text p img{width:100%;height: 100%;}
.footbox .ewm_f .text span{width:1.1rem;text-align: center;display: inline-block;}

.bottombox{width:100%;max-width:11rem;background:#0070bf;line-height:.24rem;text-align:center;padding:.15rem;margin: .1rem auto 0;overflow: hidden;}

@media only screen and (min-width:768px){
.footbox .nav_f a{width:14.28%;}
}
@media only screen and (min-width:992px){
.footbox{padding:.15rem 0;background:#f7f7f7;color: #666;}
.footbox a{color:#666;}
.footbox a:hover{color:#0a7bcc;}
.footbox .tit{border:0;}
.footbox .tit p,.footbox .tit span{border-bottom: 1px solid #ccc;}
.footbox .tit b{border-color:#0a7bcc;top: -.02rem;}
.footbox .nav_f{width:3.3rem;margin-right: 1rem;}
.footbox .nav_f a{width:1rem;}
.footbox .lx_f{width:4rem;}
.footbox .ewm_f{width:2rem;}
.bottombox{background: none;border-top: 1px solid #ddd;}
}


@media only screen and (max-height:480px){
.headbox{position:relative;}
.navbox{position:absolute;}
.banner{margin-top:.1rem;}
}
@media only screen and (max-height:480px) and (min-width:992px){
.navbox{position:relative;}
.banner{margin-top:0;}
}