.logBj{background: url(/images/bj.jpg) no-repeat center bottom;background-size: 100% 100%;min-height: 100vh;display: flex;justify-content: center;align-items: center;}
.logbox{width: 15.2rem;margin: 0 auto;display: flex;justify-content: space-between;}
.logLeft{width:8.26rem;}
.logLeft img{ width: 100%;}
.logNr{width: 4.85rem;}
.log_title{text-align: center; padding-bottom: .7rem;}
.log_title h2{margin-bottom: .2rem;}
.log_title h2 img{width: 100%;}
.log_title p{color: #fff;font-size: var(--font28);opacity: .8;}

.logXq{margin: 0 .3rem;background: rgba(255,255,255,.6);border-radius: .15rem;border: 1px solid #fff; padding:.5rem .3rem  .5rem .3rem;}
.xqwb{padding-bottom: .3rem;text-align: center;}
.xqwb h2{font-weight: bold;color: #fff;font-size: var(--font34);margin-bottom: .15rem;}
.xqwb p{font-size: 14px;color: #fff;}
.xqnr{}
.xqnr li{padding-bottom:.15rem;}
.wby1{width: 100%;height: 48px; padding: 0 10px 0 45px;background:url(/images/a1.png) no-repeat 18px center #fff;border-radius: 24px;font-size: 16px;line-height: 48px;}
.wby2{width: 100%;height: 48px; padding: 0 10px 0 45px;background:url(/images/a2.png) no-repeat 18px center #fff;border-radius: 24px;font-size: 12px;line-height: 48px;font-size: 16px;}
.kuang{position: relative;}
.conceal{position: absolute; cursor: pointer; background: url(/images/a40.png); width: 17px;height: 15px; top: 50%;transform: translateY(-50%); right: 15px;border: none;}
.conceal.yincang{background: url(/images/a41.png);}
.xqnr p{text-align: left; color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.1);font-size: 16px;}
.btn1{border: none;width: 100%; height: 48px;color: #fff;border-radius: 24px; background:#00a4f0; margin-top: .15rem;cursor: pointer;font-size: 20px;transition: all .5s;}
.wb3 {vertical-align: middle; margin: -3px 5px 0 0;vertical-align: middle;border: 1px solid #fff;background: none;}
.btn1:hover{background: #30bdff;}
.error-message{display: none;}
/*index*/
.topqj{width: 100%; position: fixed;z-index: 10;top: 0;left:0;background: #fff;}
.top{width: 100%;background: #0f87fc;}
.topbox{width: 1880px;margin: 0 auto;height: 50px;background: #0f87fc;display: flex;justify-content: space-between;align-items: center;max-width: 98%;min-width: 1360px;}
.logo {width: 2.45rem;}
.logo img{width: 100%;}
.nynr{position: relative;}
.nynr p{color: #fff;font-size: var(--font20);line-height: 78px;cursor: pointer;}
.nynr p img{width: 28px;height: 28px;border-radius: 50%;display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.nynr p b{display: inline-block;background: url(/images/a4.png);width: 14px;height: 8px;vertical-align: middle; margin: -3px 0 0 18px;}
.nynr p a{color: #fff;}
.nynr ul{background: #fff; position: absolute;width: 100%; top: 78px; left: 0;border-radius: .1rem;background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);padding: 6px 0;display: none;}
.nynr li{display: block;line-height: 2.2;font-size: var(--font16);color: #333; padding-left: .15rem; }
.nynr li a{color: #333;}
.nynr li a img{display: inline-block;vertical-align: middle; margin: -3px .1rem 0 0;}
.nynr li a:hover{color: #0F87FB;}
.nynr:hover ul{display: block;}

.nav ul{display: flex;justify-content: space-between;}
.nav a{display: block;font-size: var(--font16);line-height: 40px; color: #fff; border-radius: 20px; padding: 0 20px;font-size: 16px;}
.nav li.cur a{opacity: 1;font-weight: bold; background: #1ca3f8;transition: all .5s;}
.nav a:hover{opacity: 1;font-weight: bold; background: #1ca3f8;}

.leftbox{width: 2.8rem; height: 100%;left: 0;top: 0;position: absolute;background: #e4f2ff;overflow: auto;position: fixed;}
.leftbox ul{padding-top: 78px;}
.leftbox h3 a{display: block; padding: 0 0 0 23px;line-height: 56px;font-size: 16px;color: #11161b;transition: all .5s;position: relative;}
.leftbox h3 b{display: inline-block;width: 25px;height: 25px;vertical-align: middle; margin: -3px 10px 0 0;position: relative;}
.leftbox h3 b img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.c1{z-index: 1;display: block;}
.c2{z-index: 0;display: none;}
.sub{display: none;}
.sub dt{font-size: 14px; line-height: 48px;}
.sub a{display: block; color: #11161b; padding-left: 58px;}

.subbox{display: none;}
.subbox a{padding-left: 90px !important;display: block;}
.leftbox h3 span{position: absolute; background: url(/images/a17.png);width: 10px;height: 6px;top: 50%;transform: translateY(-50%);right: 40px;}
.leftbox h4 span{position: absolute; background: url(/images/a17.png);width: 10px;height: 6px;top: 50%;transform: translateY(-50%);right: 40px;}
.leftbox h4 {position: relative;}

.leftbox h3.on1 a{background: #0f87fb;color: #fff !important;}
.leftbox h3.on1 .c1{display: none;}
.leftbox h3.on1 .c2{display: block;}
.leftbox h3.on1 span{background: url(/images/a16.png);}
.leftbox h3 a:hover{color: #0f87fb;}
.subbox a:hover{color: #0f87fb;}
.sub dt a:hover{color: #0f87fb;}
.sub h4.on a{color: #0f87fb;background:#c4e2fe ;}
.sub h4.on span{background: url(/images/a16.png);}

.inbox{padding: 78px 20px 20px 2.8rem;}
.in_top{background: #fff;display: flex;justify-content: space-between; padding: 0 20px;}
.in_top ul{overflow: hidden;}
.in_top li{float: left;line-height: 41px;font-size: 14px; padding:0 5px 0 0;}
.in_top li a{display: block; color: #0f87fb; padding: 0 24px;background: #a3d2ff !important;color: #fff;}
.in_top span{display: block;padding: 0 24px;color: #0f87fb;background: #a3d2ff;}
.in_top li a:hover{color: #fff;background: #0f87fb;}
.in_top li b{display: inline-block;vertical-align: middle;margin: -3px 0 0 10px;cursor: pointer;background: #0f87fb !important;color: #fff !important;margin-left: 8px; width: 18px; height: 18px;line-height: 18px;border-radius: 50%;text-align: center;}

.sxbox img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;width: 20px;}

.sjflxm{border: 2px solid #fff;border-radius: 10px; background-image: linear-gradient(to bottom right, #d2e5ff, #fff, #fff);padding: 10px 18px;border-bottom: none;
    padding-bottom: .05rem;box-shadow:0 0 10px rgba(0, 0, 0, .05);}
.sjflxm2{border: 2px solid #fff;border-radius: 10px; background-image: linear-gradient(to bottom right, #d2e5ff, #fff, #fff);
    border-bottom: none;
    padding: 0 18px 0.3rem;
    box-shadow:0 0 10px rgba(0, 0, 0, .05);}
.sjfl_title h2{font-size: 15px;color: #11161b;line-height: 60px;font-weight: bold;}
.sjfl_title h2 img{display: inline-block;vertical-align: middle; margin: -3px 12px 0 0;}
.sjfl_nr{padding-bottom: 5px;}
.sjfl_nr ul{overflow: hidden; margin-left: -10px;}
.sjfl_nr li{float: left; padding: 0 0 10px 10px;width: 14.25%;box-sizing: border-box;}
.sjflBox{height: 90px; padding-left: 15px; padding-bottom:10px; border-radius: 10px;background: #fff;display: flex;justify-content: space-between;align-items: center;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.sjflBox img{width: 60px;height: 60px;border-radius: 50%;}
.sjflText{width: calc(100% - 75px);}
.sjflText p{font-size:14px;color: #5b6574; margin-bottom: 10px;}
.sjflText h2{font-weight: bold;font-size:24px;color: #171717;}

.wzts{border-radius: 10px 10px 0 0;border: 2px solid #fff; padding: 0 18px; background-image: linear-gradient(#f3f8ff, #ffffff); margin-top: 10px;box-shadow:0 0 10px rgba(0, 0, 0, .05); }
.wzts_title{padding: 20px 0 20px;}
.wzts_title h2{font-size: 18px;color: #11161b;font-weight: bold;}
.wzts_title h2 img{display: inline-block;vertical-align: middle; margin: -3px 12px 0 0;}
.wzts_sj{height: 220px;}
.dzsl{display: flex;justify-content: space-between;gap:10px; margin-top: 15px;}
.szslbox{width: calc(50% - 10px/2);border-radius: 10px; border: 2px solid #fff; padding: 0 18px 10px 18px;background-image: linear-gradient(#f3f8ff, #ffffff);box-shadow:0 0 10px rgba(0, 0, 0, .05); }
.szslbox h2{font-size: 18px;color: #11161b; padding: 20px 0 20px;font-weight: bold;}
.szslbox h2 img{display: inline-block;vertical-align: middle; margin: -3px 12px 0 0;}
.szsl_a{height: 200px;}
.szsl_a1{height: 254.94px;}
.szsl_b{height: 200px;}
.szsl_b1{height: 254.94px;}

/**/
.jyqk_nr{display: flex;justify-content: space-between;gap:10px}
.jyqkLeft{width: calc(100% - 300px);}
.jyqkLeft ul{display: flex;justify-content: space-between;gap:10px;}
.jyqkLeft li{width: calc(20% - 40px/5);}
.jyqkRight{height: 90px;width: 300px;border-radius: 10px;background: url(/images/a29.png) no-repeat left center;background-size: cover;display: flex;justify-content: space-between;align-items: center;padding: 0 0 0 30px;}
.jyqkRight img{width: 50px;height: 50px;}
.jytext{width: calc(100% - 70px);}
.jytext h2{color: #fff;font-size: 16px; line-height: 1.5;color: #fff;font-weight: bold;}
.jytext p span{color: #fff;}
.jytext p{margin-top: 10px;}
.scsj{padding-top: 10px;}
.scsj ul{display: flex;justify-content: space-between;gap:10px;}
.scsj li{width: calc(33.33% - 20px/3);}
.scsjbox{border-radius: 10px; border: 2px solid #fff; padding: 0 18px 8px 18px;background:url(/images/a45.png) no-repeat center center;background-size: 100% 100%;}
.scsjbox h2{font-size: 15px;color: #11161b; padding: 10px 0;font-weight: bold;}
.scsjbox h2 img{display: inline-block;vertical-align: middle; margin: -3px 12px 0 0;}
.szsl_c{height: 230px;}
.scyc{height: 200px;width: 100%;flex-direction: column;}
.scyc dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.scyc dt{width: 33.33%;text-align: center;position: relative; padding: 20px 0;}
.scyc dt:before{position: absolute;content: "";border-right: 1px solid #eee;height: calc(100% - 20px);top: 50%;right: 0;transform: translateY(-50%);}
.scyc dt:nth-child(3):before{ border: none;}
.scyc dt:nth-child(4){ width:25%;border-top: 1px solid #ddd;}
.scyc dt:nth-child(5){ width:25%;border-top: 1px solid #ddd;}
.scyc dt:nth-child(6){ width:25%;border-top: 1px solid #ddd;}
.scyc dt:nth-child(7){ width:25%;border-top: 1px solid #ddd;}
.scyc dt:nth-child(7):before{border-right: none;}
.scyc h3{font-weight: bold;font-size: 18px;margin-bottom: 15px;color: #333;}
.scyc p{font-size: 14px;color: #999;}
.scyc h3 b{font-weight: bold;color: #dc0000;}

.szsl_d{height: 200px;}
.scsj_bottom{padding-top: 10px;}
.scsj_bottom dl{display: flex;justify-content: space-between;gap:10px;}
.scsj_bottom dt{width: calc(25% - 30px/4);} 
.szsl_e{height: 271.8px;}
.szsl_f{height: 271.8px;}
.szsl_g{height: 271.8px; position: relative;}
.dknr{position: absolute;width: 100px;height: 100px; border-radius: 50%;border: 1px solid #80b8ad;background: #d0f4f0;left:50%; top:50%; transform:translate(-50%,-50%);}
.dktext{position: absolute;width: 100%;text-align: center;top: 50%;transform: translateY(-50%);}
.dktext h3{font-size: 16px;color: #333;font-weight: bold;}
.dktext h4{font-size: 12px;color: #666;margin-bottom: 5px;}
.dknr_a{position: absolute;width: 80px;height: 80px; border-radius: 50%;border: 1px solid #c2d1d4;background: #eefafa;right:20%; top:0; }
.dknr_b{position: absolute;width: 80px;height: 80px; border-radius: 50%;border: 1px solid #c2d1d4;background: #eefafa;right:10%; top:55%;transform: translateY(-50%); }
.dknr_c{position: absolute;width: 70px;height: 70px; border-radius: 50%;border: 1px solid #c2d1d4;background: #eefafa;right:25%; bottom: 5%; }
.dknr_d{position: absolute;width: 70px;height: 70px; border-radius: 50%;border: 1px solid #c2d1d4;background: #eefafa; bottom: 5%;left: 35%;transform: translateX(-50%); }
.dknr_e{position: absolute;width: 80px;height: 80px; border-radius: 50%;border: 1px solid #c2d1d4;background: #eefafa;left:10%; top:50%;transform: translateY(-50%); }
.dknr_f{position: absolute;width: 70px;height: 70px; border-radius: 50%;border: 1px solid #c2d1d4;background: #eefafa;left:25%; top: 5%; }
.szsl_h{height: 271.8px;}


        
        
       
  /*=========*/      
.sybox{padding: 100px 0 0 0;}
.ont{padding: 10px 10px 20px 10px;zoom: 1}
.container{ }

.container { padding-left: 2.8rem; height: calc(100vh - 50px);padding: 50px 0 0 2.8rem;}
        .left-nav {position: fixed;z-index: 10;left: 0;top: 50px;  overflow: hidden;
            width: 2.8rem;
            background-color: #e4f2ff !important;
            color: #fff;
            height: calc(100vh - 50px);
            overflow-y: auto;
        }
        
        .headerbox{background: #fff;display: flex;justify-content: space-between;}
        .header-tabs {box-shadow:0 0 10px rgba(0, 0, 0, .05); width: calc(100% - 300px);
            background-color: #fff; position: relative; 
            height: 40px; overflow: auto;white-space: nowrap;
           
        }
        .header-tabs::-webkit-scrollbar {width: 0;height: 0;}
        .tab-item { 
            display: inline-flex;
            align-items: center;
            padding: 0 10px;
            height: 40px;
            margin-right: 5px;
            cursor: pointer;
           color: #00A4F0;
           width: calc(50% - 179px);
          
            position: relative;
           
            transition: all 0.2s;
        }
        .tab-item.active { background-color: #a3d2ff;height: 40px; color: #0f87fc; padding: 0 10px;}
        .tab-close {
            margin-left: 8px;
            color: #fff;
            width: 20px;
            height: 20px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-size: 16px;background: #0f87fb;
            transition: all 0.2s;
        }
        .tab-close:hover {
            background-color: #FF5722;
            color: white;
        }
        .content-area {
            flex: 1;
            padding:10px 10px 20px 10px;height: 100%;
            overflow-y: hidden;
        }
        .nav-header {
            padding: 15px;
            text-align: center;
            border-bottom: 1px solid #3a3f4b;
            font-weight: bold;
            color: #1E9FFF;
            font-size: 18px;
        }
        .nav-item {
            padding: 18px 20px;
            cursor: pointer;
            border-left: 3px solid transparent;
            transition: all 0.3s;
            display: flex;
            align-items: center; color: #333;font-size: 16px;
        }
        .nav-item:hover {
            background-color: #0f87fb;
        
            color: #fff;
        }
        .nav-item i {
            margin-right: 8px;
            font-size: 16px;
        }
        .nav-item .layui-icon-right {
            margin-left: auto;
            transition: transform 0.3s;
        }
        .nav-item.expanded .layui-icon-right {
            transform: rotate(90deg);
        }
       
        .sub-nav {
            background-color: #e4f2ff;
            display: none;
        }
        .sub-nav.expanded {
            max-height: 500px;
        }
        .sub-nav-item { position: relative;
            padding: 12px 15px 12px 45px;
            display: flex;
            cursor: pointer;
            transition: all 0.3s; color: #333;
            display: block;
        }
        .sub-nav-item .layui-icon-right:before{position: absolute; right: 20px;top: 50%;transform: translateY(-50%);color: #11161b;}
        .sub-nav-item:hover {
            background-color: #c4e2fe;
            color: #0f87fb;
        }
        .sub-nav-item:hover .layui-icon-right:before{ transform: rotate(90deg);top: 35%;color: #fff;}
       	.djcd dt{padding: 18px 20px 18px 70px; font-size: 14px;color: #11161b;cursor: pointer;}
       	.djcd{display: none;}
       	.djcd dt:hover{color: #0F87FB;}
        .tab-content {
            display: none;
            animation: fadeIn 0.5s;
        }
        .tab-content.active {
            display: block;
        }
        .welcome-message {
            text-align: center;
            padding-top: 100px;
            color: #666;
        }
        .welcome-message i {
            font-size: 50px;
            color: #1E9FFF;
            margin-bottom: 20px;
        }
        .card-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 20px;
        }
        .card {
            flex: 1;
            min-width: 250px;
            background: #fff;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            padding: 20px;
        }
        .card h3 {
            color: #333;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }
        .card p {
            color: #666;
            line-height: 1.6;
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        .page-title {
            font-size: 22px;
            color: #333;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }
        .layui-table {
            margin-top: 15px;
        }
        .layui-elem-field {
            margin-top: 20px;
        }
        .layui-field-box {
            padding: 20px;
        }
.avLeft{display: flex;width: 45px;height: 40px;cursor: pointer; border-right:1px solid #eee; justify-content: center;align-items:center;align-items: center;}        
.avLeft img{width: 15px;}        
.sxbox{cursor: pointer; padding: 0 15px;border-left: 1px solid #eee;border-right: 1px solid #eee;  line-height: 40px;font-size: 14px;font-style: normal;} 
.navRight{display: flex;justify-content: space-between;}      
.rightbtn{display: flex;width: 45px;height: 40px;cursor: pointer; border-left:1px solid #eee; justify-content: center;align-items:center;align-items: center;border-right: 1px solid #eee;} 

.layui-btn-container .layui-btn {margin: 0;
    word-spacing: normal;
}
.layui-btn-primary{border: none ; }
.layui-anim-downbit{width: 111px;top: 113px !important;}
.sub-nav.show {
            display: block;
        }
      
        
       
        
       
        
        .djcd.show {
            display: block;
        }
        
        /* 娑撹鍞寸�圭懓灏弽宄扮础 */
       
        
        /* 妞ゅ爼鍎撮柅澶愩�嶉崡鈩冪壉瀵拷 - 閺�顖涘瘮濡亜鎮滃姘З */
        .header-tabs-container {
            display: flex;
            background-color: #fff;
            height: 40px;
            position: relative;
        }
        
        .scroll-btn {
            width: 45px; height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f5f5f5;
            cursor: pointer;
            z-index: 10;
            border: none;
            font-size: 16px;
            color: #666;
        }
        
        .scroll-btn:hover {
            background-color: #e6e6e6;
        }
        
        .scroll-btn.left { width: 45px;
            border-right: 1px solid #ddd;
        }
        
        .scroll-btn.right {width: 45px;
            border-left: 1px solid #ddd;
        }
        
        .header-tabs {
            display: flex;
            flex: 1;
            overflow-x: hidden;
            scroll-behavior: smooth;
            
        }
        
        
        
       
        
      
        
        .tab-close:hover {
            color: #fff;
        }
        
       
        
        
       
@media(max-width:1760px){
.nav a{font-size: 14px;}
}

@media(max-width:1560px){
.nav a{font-size: 12px;}
}
@media(max-width:1460px){
.nav a{font-size: 12px;}
.logo{width: 2rem;}
}