html,body{width: 100%;height: 100%;background: none;}

.logo{text-align: center;margin-top: 30px;}

.searchbox{margin: 30px auto 0;}

/* bg swiper */
.bgimg{position: fixed;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;}
.bgimg .mainbox{width: 100%;height: 100%;}
.main-swiper{position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 0;}
.bgimg .mainbox img{height: 100%;width: 100%;}

.navbox{margin-top: 150px;}
.navbox ul{font-size: 0;text-align: justify;text-align-last: justify;}
.navbox li{display: inline-block;position:relative;top:0;padding-top: 30px;;width: 140px;height: 140px;background: rgba(0,0,0,.4);font-size: 22px;;text-align: center;text-align-last: center;border-radius: 50%;transition: all .2s linear;}
.navbox li a{color: #fff;display: block;width: 100%;height: 100%;}
.navbox li img{margin-bottom: 18px;height: 28px;}
.navbox li:hover img{transform: rotatey(360deg);transition: all .5s linear;}
.navbox li:hover{top:-20px;}

.navbox li.home{border: 3px solid #43cf7c;}
.navbox li.rwxa{border: 3px solid #ffc300;}
.navbox li.xwdt{border: 3px solid #2a82e4;}
.navbox li.zwgk{border: 3px solid #ac33c1;}
.navbox li.zwfw{border: 3px solid #7948ea;}
.navbox li.zmhd{border: 3px solid #2a82e4;}
.navbox li.slide{border: 3px solid #9ecbff;}

.footer{width: 100%;;padding: 135px 0 50px;background: none;}
.yqljbox{display: none;}

.toolbar{display: none;}

@media (max-width: 1200px){
    .container1400{width:100%;}
    html, body{height: auto;overflow: auto;background: url(/uploads/image/dxiguide/guide_bg.png) no-repeat;}
    html, body{background-size: cover;}
    .bgimg{display: none;}
    .footer{position: unset;}
}

@media (max-width: 992px){
    .logo{padding: 0 20px;}
    .navbox{margin-top: 30px;padding: 20px;}
    .navbox li.slide{display: none;}
    .navbox li{margin: 15px 30px;}
}

@media (max-width: 767px){
    .logo{padding: 0 20px;}
    .navbox{margin-top: 30px;padding: 20px;}
    .navbox li.slide{display: none;}
    .navbox li{margin: 15px 0;}
}