html{font-size:15.625vw;height: 100%;}
body{display: flex;flex-direction: column;}

header{display: flex;justify-content: space-between;padding:0 0.21rem 0 0.24rem;align-items: center;background: #020624;height:0.95rem;box-sizing: border-box;}
header .h-tleft img{width: 1.25rem;height: 0.52rem;}
header .h-right {display: flex;align-items: center; color:#FFFFFF;font-size: 0.26rem;font-family: "Montserrat-Regular";}
header .h-right a {display: flex;align-items: center; color:#FFFFFF;font-size: 0.26rem;font-family: "Montserrat-Regular";}
header .h-right>img{width: 0.17rem;height: 0.26rem;margin-right: 0.11rem;}
header .h-right a img{width: 0.32rem;height: 0.32rem;margin-left: 0.34rem;}

#main{flex:1;height: 10rem;overflow: auto;}

footer{height:1.13rem;box-sizing: border-box;background: rgba(255, 255, 255, 0);position: fixed;bottom:0;width: 100%;z-index:10;}
footer div{display: flex;justify-content: space-between;border-radius:0.05rem;background: #191919;width: 6.1rem;height: 0.9rem;margin: 0 auto;font-size:0.22rem;}
footer span{color:#CCCCCC;margin-left: 0.16rem;}
footer img{width: 0.37rem;height: 0.37rem;}
footer a{flex:1;display: flex;justify-content: center;align-items:center}


.h3_z{padding-top:0.64rem;font-size: 0.32rem;font-family: PingFang-SC-Bold;font-weight: 700;}/* 主标题样式 */
.sp_f{font-size: 0.19rem;margin-top: 0.21rem;color: #666666;display: inline-block;width: 5.11rem;
/* white-space:nowrap;overflow:hidden;text-overflow:ellipsis; */
}/* 副标题样式 */
.gw_h{display: flex;flex-wrap:wrap;justify-content: space-between;width: 100%;padding: 0 0.38rem;box-sizing: border-box}/* 公用相同尺寸盒子flex样式 */
/* 白色按钮 */
.button_bs{display: inline-block;color: #666666;line-height: 0.64rem;width:2.15rem;height: 0.64rem;background:rgba(255,255,255,1);border:0.02rem solid rgba(220,220,220,1);border-radius:0.05rem;}

/* 模块样式开始 */
/*1.产品头部模块 */
#product_header{position:relative;width: 100%;height: 5.6rem;box-sizing: border-box;text-align: center;}
#product_header>img{width: 100%;height: 100%;}
#product_header div{position: absolute;width: 100%;top: 0;}
#product_header div h2{color:rgba(255,255,255,1);font:500 0.32rem/0.32rem "";margin: 0.88rem 0 0.2rem;}
#product_header div h3{font:bold 0.56rem/0.76rem "";color: #ffffff;}
#product_header div span{font: 0.18rem/0.69rem "";color: #CCCCCC;margin-bottom: 0.15rem;display: inline-block;}
#product_header div .guankan{background: url(../images/bofang.png) no-repeat left center/0.26rem 0.26rem ;padding-left: 0.4rem;display: inline-block;height: 0.26rem;font: 0.18rem/0.26rem "";color:rgba(255,255,255,1);margin-top: 0.36rem;}
.button_tm{display:block;margin: 0 auto;color:rgba(255,255,255,1);font-size: 0.18rem;line-height: 0.52rem;border:1px solid rgba(255,255,255,1);width: 1.65rem;height: 0.52rem;}
/*2.技术支持模块*/
#jszc{text-align: center;background: #F4F4F4;}
#jszc ul{margin: 0.52rem 0 0;padding-bottom: 0.08rem;}
#jszc ul img{max-width: 0.8rem;max-height: 0.8rem;}
#jszc ul h5{font-size:0.22rem;color: #000000;margin-top: 0.28rem;}
#jszc ul p{color: #666666;font-size:0.19rem;margin-top: 0.18rem;text-align: left;}
#jszc li{width: 2.51rem;margin-bottom: 0.55rem;}

/*部长技师助手-优势*/
#ediantong_hxys{text-align: center;padding-bottom: 0rem;}
#ediantong_hxys ul{margin-top:0.45rem;}
#ediantong_hxys ul li{width: 100%;height: auto;padding: 0.33rem 0.34rem 0.43rem;margin-bottom:0.27rem;box-sizing: border-box;box-shadow:0px 0px 27px 0px rgba(0, 0, 0, 0.1);border-radius:5px;}
#ediantong_hxys ul li img{width: 0.6rem;height: 0.6rem;}
#ediantong_hxys ul li h6{color: #333333;margin-top: 0.15rem;font-size: 0.26rem;}
#ediantong_hxys ul li p{color: #666666;font-size: 0.22rem;padding-top: 10px;}
.gw_h2{flex-wrap:wrap;justify-content: space-between;width: 100%;padding: 0 0.38rem;box-sizing: border-box}

/*部长技师助手-技师端*/
#ediantong{text-align: center;height:auto;padding-bottom: 0.66rem;}
#ediantong .h3_z{padding-top:0.71rem;}
#ediantong .clairvoyance_img{max-width: 5rem;margin:0.4rem 0;}
#ediantong .leirong{width: 5.66rem;height: 0.90rem;display: flex;background: #F0F0F0;border-radius:10px;margin:0 auto 0.16rem;}
#ediantong .leirong img{max-width: 0.4rem;max-height: 0.31rem;margin: 0.29rem 0.18rem;}
#ediantong .leirong div{text-align: left;width: 5rem;}
#ediantong .leirong div h6{font-size: 0.21rem;margin: 0.16rem 0 0.05rem;}
#ediantong .leirong div p{font-size: 0.19rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*3.产品介绍模块 */
#product_introduce{text-align: center;padding-bottom: 0.34rem;}
#product_introduce ul{margin-top:0.45rem;}
#product_introduce ul li{width: 2.69rem;height: auto;padding: 0.33rem 0.14rem 0.43rem;margin-bottom:0.27rem;box-sizing: border-box;box-shadow:0px 0px 27px 0px rgba(0, 0, 0, 0.1);border-radius:5px;}
#product_introduce ul li img{width: 0.49rem;height: 0.5rem;}
#product_introduce ul li h6{font:700 0.22rem/0.38rem "";color: #333333;margin-top: 0.15rem;}
#product_introduce ul li p{font: 0.18rem/0.26rem "";color:#666666}

/*4.老板移动秘书 客源无忧 共同模块 */
#clairvoyance{text-align: center;height:auto;padding-bottom: 0.66rem;}
#clairvoyance .h3_z{padding-top:0.71rem;}
#clairvoyance .clairvoyance_img{max-width: 5rem;margin:0.4rem 0;}
#clairvoyance .leirong{width: 5.66rem;height: 0.90rem;display: flex;background: #F0F0F0;border-radius:10px;margin:0 auto 0.16rem;}
#clairvoyance .leirong img{max-width: 0.4rem;max-height: 0.31rem;margin: 0.29rem 0.18rem;}
#clairvoyance .leirong div{text-align: left;width: 5rem;}
#clairvoyance .leirong div h6{font-size: 0.21rem;margin: 0.16rem 0 0.05rem;}
#clairvoyance .leirong div p{font-size: 0.19rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* 5.公司介绍头部模块 */
#introduce_header{text-align: center;position: relative;height: 3.41rem;}
#introduce_header div{position: absolute;left: 50%;transform: translateX(-50%);top:1.05rem}
#introduce_header div h1{color:#FFFFFF;font-size: 0.56rem;margin-bottom: 0.24rem;}
#introduce_header div span{color: #CCCCCC;width: 5rem;display: block;}

/* 6.tab */
.case_tab{display: flex;justify-content: space-between;height: 0.85rem;line-height: 0.85rem;font-size: 0.24rem;background: #F8F8F8;text-align: center;}
.case_tab li a{color: #999999;font-size: 0.24rem;}
.case_tab .blue a{color: #0066FF;}
.blue{border-bottom:0.04rem solid #0066FF}
.case_tab li{width: 1.5rem;white-space: nowrap;/* overflow: hidden; */text-overflow: ellipsis;}

/*7.遮罩层咨询购买弹框 */
.free{position:fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.75);visibility:hidden;left:0; top:0;z-index: 10;}
.free_trial{width:5.50rem;height:7.26rem;position: fixed;left: 50%; top: 50%;transform: translate(-50%,-50%);border: 1px solid #000000;background:#F4F4F4;border-radius:0.1rem;text-align: center;}
.free_trial>p{white-space: nowrap;font: 0.22rem/0.22rem "";color: #333333;padding-bottom: 0.28rem;}
.free_trial p span{color: #FC6666;}
.free_trial h2{margin:0.4rem 0 0.1rem ;font-size: 0.35rem;}
.free_trial input,select,option{width: 5rem;height: 0.68rem;margin-bottom: 0.16rem;border: 0.02rem solid #E6E6E6;}
.free_trial option{width: 5rem;}
.free_trial button{width: 5rem;height: 0.68rem;background: #FF4B2A;font-size:0.28rem ;color: #FFFFFF;background:linear-gradient(90deg,rgba(249,32,40,1),rgba(255,78,46,1));box-shadow:0px 5px 17px 0px rgba(249,32,40,0.3);border: 0;border-radius:4px;}

.free_trial .swiper-container{height: 1rem;width: 4rem;margin:0.4rem auto 0;}
.free_trial .swiper-slide ul{display: flex;font-size:0.19rem;color: #666666;justify-content: space-between;}
.free_trial .swiper-slide ul li:nth-child(1){color: #FB5353;}
.free_trial .swiper-slide ul li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 模块样式结束*/

/* 所有页面共同模块 */
/* 预约 */
#yuyue{position: relative;text-align: center;line-height: 0;}
#yuyue img{width: 100%;height: auto;}
#yuyue div{position:absolute;top:0;left:50%;transform: translateX(-50%);line-height: normal;}
#yuyue div h2{margin: 0.58rem 0 0.2rem;font-size: 0.36rem;color: #ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}
#yuyue div span{color:#ffffff;font-size: 0.2rem;display:block;}
#yuyue div a{/* width: 2.51rem;*/ width: 1.51rem;height: 0.76rem;background: #FF9900;color: #ffffff;display: inline-block;line-height: .76rem;margin-top: 0.34rem;}
/* 尾部 */
#wb{background: #01050E;text-align: center;color: #ffffff;width: 100%;}
#wb>span{display: inline-block;font-size: 0.335rem;margin:0.4rem 0 0.16rem;}
#wb>p{font-size:0.14rem;color:#CCCCCC;padding-bottom: 0.34rem;margin: 0 0.38rem;border-bottom: #151A1F 0.02rem solid;}
#wb ul{display: flex;justify-content: space-around;margin: 0.37rem 0 0.4rem;}
#wb ul li{display:flex;flex-direction:column}
#wb ul li h6{font-size: 0.2rem;font-family:PingFang SC;font-weight:500;margin-bottom: 0.29rem;}
#wb ul li a{color: #CCCCCC;font-size: 0.16rem;line-height:0.38rem}
#wb div{margin: 0 0.38rem;color: #666666;font-size: 0.16rem;border-top: #151A1F 0.02rem solid;padding: 0.26rem 0 1.4rem;}



/* nav弹框css样式 */
#navigation{display:none;position: fixed;top:0;width: 100%;height: 100%;background: #fff;z-index: 100;overflow: auto;}
#navigation .nav-header {display: flex;justify-content: space-between;padding: 0 0.21rem 0 0.24rem;align-items: center;background: #020624;height: 0.95rem;box-sizing: border-box;}
#navigation .nav-header .h-tleft img {width: 1.25rem;height: 0.52rem;}
#navigation .nav-header .h-right {display: flex;align-items: center;color: #FFFFFF;font-size: 0.26rem;font-family: "Montserrat-Regular";}
#navigation .nav-header .h-right>img {width: 0.17rem;height: 0.26rem;margin-right: 0.11rem;}
#navigation .nav-header .h-right a img {width: 0.32rem;height: 0.32rem;margin-left: 0.34rem;}
#navigation .nav-header {background: #ffffff;}
#navigation .nav-header .h-right {color: #666666;}
#navigation .nav-header .h-right a {color: #666666;}
#navigation .nav-header .h-right a img {max-width: 0.23rem;max-height: 0.23rem;}
#navigation .main ul {overflow-y: scroll;}
#navigation .main li {/*font: .26rem/.65rem "";*/color: #333333;border-bottom: .02rem solid #E5E5E5;margin: 0 .37rem; display:flow-root; text-align: center;    line-height: 55px;}
#navigation .main li a {color:#222222; font-size:0.22rem;}

#navigation .main li ul li {float: left; border-bottom:none;width: 35%;}
#navigation .main li ul li a{color:#000;}


/* 品质承诺 */
.applym_quality{background:#f4f4f4;background-size: 100% 100%;margin-top: 20px;}
.applym_quality .applym_w{display: flex;color: #333;padding: 0.65rem 0.65rem;}
.applym_quality .applym_img>img {width: 70%;}
.applym_quality .applym_w>div{text-align: center;}
.applym_quality .applym_w>div>span{font-size: 0.28rem;line-height: 0.4rem;padding-top: .28rem;display: block;}
.applym_quality .applym_w>div>h2{font-size:0.4rem;margin-top: 0.2rem;}


/*地区分类*/
.region_tab {padding: 0.26rem;}
.btn:not(:disabled):not(.disabled) {cursor: pointer;}
.mb-3, .my-3 {margin-bottom: 0.1rem!important;}
.btn-info {color: #fff;background-color: #da251d;border-color: #da251d;}
.btn {display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .1rem .1rem;font-size: 0.24rem;line-height: 0.25rem;border-radius: .1rem;}
.btn-light {color: #212529;background-color: #f8f9fa;border-color: #f8f9fa;}









@media(max-width:768px){
    .header-app{
        display: block !important;
    }
    #wb{
        display: none;
    }
}


/*app-头部*/

.header-app {
    background: #fff;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 500;
    -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
    -o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
    transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  }
  
  .header-app.open-menu {
    height: 100%;
    background: #fff;
    -webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
    -o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
    transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  }
  
  .navbar-app {
    position: relative;
    -webkit-box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
    box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
    height: 60px;
    text-align: center;
  }
  
  .header-app .logo {
    float: left;
    height: 40px;
    vertical-align: middle;
    padding: 10px 15px;
  }
  
  .header-app .logo img {
    height: 100%;
  }
  
  .navbar-togger {
    float: right;
    background: transparent;
    border: none;
    padding: 22px 25px;
    display: inline-block;
    visibility: visible;
    transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  }
  
  .navbar-togger .icon_bar {
    background: #999999;
    width: 35px;
    height: 3px;
    opacity: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
  
  .navbar-togger .icon_bar:nth-of-type(2) {
    margin: 7px 0;
  }
  
  .open-menu .navbar-togger .icon_bar:nth-of-type(2) {
    opacity: 0;
  }
  
  .open-menu .navbar-togger .icon_bar:first-child {
    -webkit-transform: translate(0, 8px) rotate(45deg);
    -ms-transform: translate(0, 8px) rotate(45deg);
    transform: translate(0, 8px) rotate(45deg);
  }
  
  .open-menu .navbar-togger .icon_bar:last-child {
    -webkit-transform: translate(0, -12px) rotate(-45deg);
    -ms-transform: translate(0, -12px) rotate(-45deg);
    transform: translate(0, -12px) rotate(-45deg);
  }
  
  .nav-menu {
    background: #f9f9f9;
    position: absolute;
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 620;
    padding: 20px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 1s;
    -o-transition: visibility 0s linear 1s;
    transition: visibility 0s linear 1s;
  }
  
  .header-app.open-menu .nav-menu {
    visibility: visible;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  
  .nav-list li {
    border-top: 1px #eee solid;
    opacity: 0;
    pointer-events: none;
  }
  
  .nav-list li.open {
    border-bottom: none;
  }
  
  .header-app.open-menu .nav-list li {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  
  .nav-list li:nth-child(1) {
    -webkit-transform: translateY(-44px);
    -ms-transform: translateY(-44px);
    transform: translateY(-44px);
    transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;
  }
  
  .header-app.open-menu .nav-list li:nth-child(1) {
    transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;
  }
  
  .nav-list li:nth-child(2) {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;
  }
  
  .header-app.open-menu .nav-list li:nth-child(2) {
    transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;
  }
  
  .nav-list li:nth-child(3) {
    -webkit-transform: translateY(-36px);
    -ms-transform: translateY(-36px);
    transform: translateY(-36px);
    transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;
  }
  
  .header-app.open-menu .nav-list li:nth-child(3) {
    transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;
  }
  
  .nav-list li:nth-child(4) {
    -webkit-transform: translateY(-32px);
    -ms-transform: translateY(-32px);
    transform: translateY(-32px);
    transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;
  }
  
  .header-app.open-menu .nav-list li:nth-child(4) {
    transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;
  }
  
  .nav-list li:nth-child(5) {
    -webkit-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    transform: translateY(-28px);
    transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;
  }
  
  .header-app.open-menu .nav-list li:nth-child(5) {
    transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;
  }
  
  .nav-list li:nth-child(6) {
    -webkit-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    transform: translateY(-24px);
    transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;
  }
  
  .header-app.open-menu .nav-list li:nth-child(6) {
    transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;
  }
  
  .nav-list li:nth-child(7) {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;
  }
  
  .header-app.open-menu .nav-list li:nth-child(7) {
    transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;
  }
  
  .nav-list li:nth-child(8) {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
    transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;
  }
  
  .header-app.open-menu .nav-list li:nth-child(8) {
    transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;
  }
  
  .cate-item {
    position: relative;
  }
  
  .cate-item a {
    font-family: "regular";
    font-size: 18px;
    line-height: 48px;
    margin-right: 60px;
    display: block;
    color: #333;
  }
  
  .nav-list li.active .cate-item a, .nav-list li.open .cate-item a {
    color: #ff9a13
  }
  
  .category-cont a:last-child {
    border: none;
  }
  
  .category-cont a.active {
    color: #ff9a13;
  }
  
  .category-tig {
    font-size: 14px;
    color: #888;
    text-align: right;
    line-height: 48px;
    width: 50px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
  }
  
  .category-tig::before, .category-tig::after {
    content: '';
    background: #888;
    position: absolute;
    top: 50%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
  
  .category-tig::before {
    width: 16px;
    height: 2px;
    right: 0;
    margin-top: -1px;
  }
  
  .category-tig::after {
    width: 2px;
    height: 16px;
    margin-top: -8px;
    right: 7px;
  }
  
  .nav-list li.open .category-tig::after {
    opacity: 0;
  }
  
  .nav-list li.open .category-tig::before {
    background: #ff9a13;
  }
  
  .category-cont {
    display: none;
  }
  
  .nav-list li.open .category-cont {
    display: block;
    border-top: solid 1px #424242;
    border-bottom: solid 1px #424242;
  }
  
  .category-pad {
    padding: 0 15px;
  }
  
  .category-cont a {
    font-family: "regular";
    font-size: 14px;
    line-height: 40px;
    border-bottom: 1px solid #424242;
    display: block;
    color: #fff;
  }
  
  .category-pad a.on {
    color: #ff9a13;
  }
  
  .lan-box-app {
    padding: 20px 0;
    text-align: center;
  }
  
  .lan-box-app a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    position: relative;
  }
  
  .lan-box-app a:after {
    content: '';
    width: 1px;
    height: 10px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
  }
  
  .lan-box-app a:hover, .lan-box-app a.on {
    color: #ff9a13;
  }
  
  .lan-box-app a:last-child:after {
    display: none;
  }



/*footer*/
.footer {
    width: 100%;
  }
  
  .footreg {
    background: #ff9a2d;
    text-align: center
  }
  
  .footreg p {
    font-size: .32rem;
    color: #fff;
    padding-left: .45rem;
    padding-right: .45rem;
    position: relative;
    line-height: 1.5;
  }
  
  .footreg p .ljzc a {
    font-size: .28rem;
    color: #fff;
    margin-top: .25rem;
    border: 1px solid #fff;
    height: .6rem;
    line-height: .6rem;
    display: inline-block;
    padding: 0 .5rem;
  }
  
  .foot_box {
    background: #4a443f;
    padding: 0 13px;
  }
  
  .foot_box dl {
    padding-top: 32px;
    border-bottom: 1px solid #a5a29f;
    overflow: hidden
  }
  
  .foot_box dl dt a {
    font-size: .26rem;
    color: #fff;
    opacity: 0.5
  }
  
  .foot_box dl dd {
    padding-bottom: 16px;
    padding-top: .2rem;
    float: left;
    text-align: center;
    width: 33%;
  }
  
  .foot_box dl dd a {
    /* padding-right: 32px; */
    font-size: 14px;
    color: #fff;
  }
  
  .foot_box dl.two {
    padding-bottom: 42px;
  }
  
  .foot_box dl.two dd {
    padding-top: 0px;
  }
  
  .foot_box .zxdh {
    border: 1px solid #fff;
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    text-align: center;
    margin-bottom: 26px;
  }
  
  .foot_box .zxdh a {
    color: #fff;
  }
  
  .foot_box .powerby {
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: .4rem;
  }
  
  .h85 {
    width: 100%;
    height: 45px;
  }
  
  .footnav {
    width: 7.5rem;
    height: 80px;
    background: #fff;
    opacity: .95;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    z-index: 97;
  }
  
  .footnav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  
  .footnav ul li {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }
  
  .footnav ul li a {
    color: #00aef3;
    font-size: .32rem;
    line-height: 80px;
  }
  
  .footnav ul li a img {
    padding-right: 10px;
    height: 34px;
  }
  
  .footnav ul li::after {
    content: '';
    color: #e3e3e3;
    height: 20px;
    width: 1px;
    background: #e3e3e3;
    float: right;
    margin-top: 32px;
  }
  
  .footnav ul li:last-child::after {
    display: none
  }