@font-face{font-family:'HarmonyOS_Sans_Regular';src:url(../Fonts/HarmonyOS_Sans_SC_Regular.ttf);}

ul,li,form, dl,dt,dd,div,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}

html{-webkit-text-size-adjust:100%;font-size:5.20834vw; overflow-x: hidden;}
body {font-size: 0.8334vw; line-height: 1.875em;font-weight: 400;font-family:'HarmonyOS_Sans_Regular'; }
input, pre, select, table th, table td, textarea { font-size: 1em; font-family: inherit;}
.f16{font-size: 1em;}
.f18{font-size: 1.125em;}
.f20{font-size: 1.25em;}
    


@media (max-width:1280px) {
    body {font-size:12px;}
}

@media (max-width:750px) {
    body {font-size:3.2vw}
    
}


.w1600{max-width: 100em;width: 92%;margin: 0 auto}

a:hover{color: #0055a6}

.pt100{padding-top: 1rem}
.pb100{padding-bottom: 1rem}

.ispage .Top .nav {display: none;}
.ispage .Top .w1600 {max-width: none; width: 100%; padding:0 0.4rem;}

.Top{position: relative;padding:.2rem 0;box-shadow: 0 0.1875em 0.75em rgba(0,0,0,.1)}
.Top::before{content: '';position: absolute;width: 100%;height: 100%;top: 100%;left: 0;background: linear-gradient(to bottom, rgba(39, 118, 221, 0.15) 0%, rgba(0, 0, 0, 0) 82%);display: none}
.Top .flex{display: flex;align-items: center;}
.Top .flex .login a{color: #fff}

.Top .flex .left{margin-left: 1rem}
.Top .flex .left .nav{position: relative}
.Top .flex .left .tit{font-size: 1.875em;color: #000;font-weight: 600;margin-bottom: 7%;background: url(../images/icon-kc.svg)no-repeat center left;background-size: .4rem auto;padding-left: .5rem}
.Top .flex .left .tit2{padding:0 1.875em 0 0;font-size: 1.25em; color: #333;position: relative;font-weight: bold;cursor: pointer}
.Top .flex .left .tit2::before{content: '';position: absolute;width: 1em;height: 1em;background: url(../images/icon-jt2.svg)no-repeat center;background-size: contain;right: 0;top: 50%;transform: translateY(-50%);}
.Top .flex .left ul{display: none;position: absolute; width:auto; min-width: 100%;left: 0;top: 100%;padding:.2rem .3rem;background: #fff;border: 1px solid #ebebeb;box-shadow: 0 .2rem 0.12rem rgba(0,0,0,.1); z-index: 5;}
.Top .flex .left ul li{line-height: 2.875em;}
.Top .flex .left ul li:not(:last-child){border-bottom: 1px solid #ebebeb}
.Top .flex .left ul li a{display: block; white-space: nowrap;}

.logo {width: 16.25em;}
.logo a {display: block;}
.logo img {display: block; width: 100%; height: auto;}

.Banner {margin-bottom: 0.5rem;}
.Banner .img{padding-bottom: 23.4375%; background: no-repeat center center; background-size: cover;}
.Banner .wap {display: none;}

.news{margin-bottom:.3rem}
.news .w1600 {position: relative;z-index: 1;background: #f8f8f8;padding:0 2.08vw;}
.news .slider {position: relative;z-index: 1;background: url(../images/Banner002888_icon.png) no-repeat left center; background-size: 1em auto; line-height: 2em;padding: 1.2vw 0 1.2vw 3.4375em;}
.news .slider a {display: block; margin-right: 1em;}
@media (max-width:750px) {
    .Top {padding:0.75em 0;}
    .Top .flex {justify-content: space-between;}
    .logo {width: 15em;}

    .Top .flex .left ul {left:auto; right:0;}

    .Banner {margin-bottom: 2em;}
    .Banner .pc {display: none;}
    .Banner .wap {display: block;padding-bottom: 46.875%}

    .news {margin-bottom: 2em;}
    .news .w1600 {padding:0 1em;}
    .news .slider {padding:1em 0 1em 2em;}
    .news .slider a {margin-right:0;}
}







.home_warp{padding-bottom: 1.5rem}
.home_warp .flex .left .nav{position: relative}
.home_warp .flex .left .tit{font-size: .3rem;color: #000;font-weight: 600;margin-bottom: 7%;background: url(../images/icon-kc.svg)no-repeat center left;background-size: .4rem auto;padding-left: .5rem}
.home_warp .flex .left .tit2{background: #f8f8f8;padding:.25rem .5rem .25rem .3rem;font-size: .2rem;color: #333;position: relative;font-weight: bold;cursor: pointer}
.home_warp .flex .left .tit2::before{content: '';position: absolute;width: .24rem;height: .24rem;background: url(../images/icon-jt2.svg)no-repeat center;background-size: .2rem auto;right: .2rem;top: 50%;transform: translateY(-50%);}
.home_warp .flex .left ul{display: none;position: absolute;width: 100%;left: 0;top: 100%;padding:.2rem .3rem;background: #fff;border: 1px solid #ebebeb;box-shadow: 0 20px 12px rgba(0,0,0,.1)}
.home_warp .flex .left ul li{line-height: .46rem;}
.home_warp .flex .left ul li:not(:last-child){border-bottom: 1px solid #ebebeb}
.home_warp .flex .left ul li a{display: block}
.home_warp .flex .right .desc{line-height: 2;}
.home_warp .flex .right .tit{font-size: .3rem;color: #000;font-weight: 600;margin-bottom: 3%;background: url(../images/icon-js.svg)no-repeat center left;background-size: .4rem auto;padding-left: .5rem}

@media(min-width: 1025px){
    .home_warp .flex{display: flex;justify-content: space-between;}
    .home_warp .flex .left{width: 38%;border: 1px solid #ebebeb;padding: .5rem}
    .home_warp .flex .right{width: 60%;border: 1px solid #ebebeb;padding: .5rem}
}


.home_list{}
.home_list ul{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: .2rem .2rem}
.home_list li{}
.home_list li:nth-child(2){grid-column: 2 / 3;grid-row: 1 / 3;}

.home_list li a{display: flex;height:2rem;justify-content: center;align-items: center;background: url(../images/home-list-bg.png)no-repeat bottom right;font-size: .3rem;color: #fff;font-weight: 600;transition: .3s all }
.home_list li:nth-child(1) a{background-color: #6a9cff}
.home_list li:nth-child(2) a{height: 4.2rem;background-color: #82a1e2}
.home_list li:nth-child(3) a{background-color: #2fbbd6}
.home_list li:nth-child(4) a{background-color: #6a9cff}
.home_list li:nth-child(5) a{background-color: #2fbbd6}
.home_list li:nth-child(6) a{background-color: #73b9ff}
.home_list li:nth-child(7) a{background-color: #82a1e2}
.home_list li:hover{}
.home_list li:hover a{background: url(../images/home-list-bg.png)no-repeat bottom right #2776d3;color: #fff;}

.home_list .btn{text-align: center;margin-top: .5rem}
.home_list .btn a{width: 1.6rem;height: .5rem;line-height: .5rem;background: #2776d3;text-align: center;color: #fff;border-radius: 12px;display: inline-block}


.home_intro .flex .right .desc{line-height: 2;color: #333;}
.home_intro .flex .left {margin-bottom: 2em;}
.home_intro .flex .left img {display: block;}

@media(min-width:751px){
    .home_intro .flex{display: flex;justify-content: space-between;align-items: center}
    .home_intro .flex .left{width: 40%; margin-bottom: 0;}
    .home_intro .flex .right{width: 50%;}
}



.home_news .title{font-size: .36rem;color: #000;font-weight: 600;margin-bottom: 3%;text-align: center}
.home_news li{float: left;width: 31.666%;margin-right: 2.5%;margin-bottom: 2.5%;border: 1px solid #ebebeb;padding: .5rem .4rem}
.home_news li:nth-child(3n){margin-right: 0}
.home_news li .tit{line-height: 1.35;color: #000;font-size: .24rem;height: .68rem;overflow: hidden;margin-top: .3rem;}
.home_news li .more{border-top: 1px solid #ebebeb;margin-top: .3rem;padding-top: .3rem}
.home_news li .more span{display: inline-block;background: url(../images/icon-jt.svg)no-repeat center right;background-size: .18rem;padding-right: .34rem}





.inner .flex{display: flex; flex-wrap: wrap;}
    .inner .flex .left {
        width: 20%;
        height: 100%;
        background: #fff;
        padding: .4rem .3rem;
    }
.inner .flex .left .tit1{margin-bottom: 1.875em;position: relative}
.inner .flex .left .tit1 aside{font-size: 1.875em;color: #000;font-weight: 600;position: relative; line-height: 1.125em; padding-right: 1em;}
.inner .flex .left .tit1 aside::after{content: '';position: absolute;width: 0.5334em;height: .5334em;background: url(../images/icon-jt2.svg)no-repeat center;background-size: contain;right: 0;top: 50%;transform: translateY(-50%);cursor: pointer}
.inner .flex .left .tit1 figure{position: absolute;width: 100%;left: 0;top: 100%;background: #fff;box-shadow: 0 0.1875em 0.75em rgba(0,0,0,.1);padding: 0.625em 0;display: none}
.inner .flex .left .tit1 figure a{display: block;padding:.1rem .2rem}
.inner .flex .left .tit2{font-size: .24rem;color: #000;font-weight: 600;padding:.3rem 0}
.inner .flex .left .side-menu > ul > li {margin-bottom: 0.8125em;border-bottom: 1px solid #ebebeb;padding-bottom: 0.8125em;}
.inner .flex .left .side-menu > ul > li > a{font-size: 1.25em;color: #000;display: block}
.inner .flex .left .side-menu > ul > li > a span{font-size: 0.8em;display: block}
.inner .flex .left .side-menu > ul > li > ul{margin-top: .2rem;display: none}
.inner .flex .left .side-menu > ul > li > ul li{line-height: 1.75;font-size: 14px}
.inner .flex .left .side-menu li.aon a{color: #0055a6}
.inner .flex .left .desc{color: #333;line-height: 1.66;text-align: justify;font-size: 14px}

    .inner .flex .right {
        width: 80%;
        height: 100%;
        background: #f4f5f7;
        padding: .4rem;
    }
        .inner .flex .right .auto {
            width: 100%;
            min-height: 740px;
        }
.inner .flex .right .location{color: #0055a6;margin-bottom: 1.25em;background: url(../images/icon-home.svg)no-repeat center left;background-size: 1.25em auto;padding-left: 1.875em}
.inner .flex .right .con{background: #fff;padding: 3.125em;}
.inner .flex .right .con .tit1{font-size: 1.875em;color: #121212;font-weight: bold;padding-bottom: 1em;}
.inner .flex .right .con .tit2{font-size: 1.375em;color: #121212;font-weight: bold;padding-bottom: 1.3636em;}
.inner .flex .right .con .tit3{color: #121212;font-weight: bold;padding-bottom: 1.6667em;}
.inner .flex .right .con .tit4{font-size: 1.375em;color: #fe0000;font-weight: bold;padding-bottom: 1.3636em;margin-top:2.27em;padding-top:2.27em; border-top: 1px solid #ebebeb }
.inner .flex .right .con .desc1{color: #333;border-bottom: 1px solid #ebebeb;padding-bottom: 1.875em;margin-bottom: 1.875em;}
.inner .flex .right .con .desc2{margin-bottom: 1.875em;}
.inner .flex .right .con .desc3{margin-bottom:1.875em;}
.inner .flex .right .con .lxt .q .d{font-size: 14px;color: #999;cursor: pointer; display: inline-block;}
.inner .flex .right .con .lxt .q .d.select{display: none;}
.inner .flex .right .con .lxt .az{display: none;}
.inner .flex .right .con li{border-bottom: 1px solid #BABEC2; padding:0.5em; cursor: pointer;}
    .inner .flex .right .con .desc3.disable {
        cursor: context-menu;
    }
.inner .flex .right .con li p{margin: 0;line-height:2em; position: relative; padding-left:2.5em;}
.inner .flex .right .con li span.xuanxiang {width: 2em; height: 2em; display: flex; align-items: center;  border:2px solid transparent; position: absolute; left:0; top:0; color:rgba(33, 36, 44, 0.64); border-radius: 50%;}
.inner .flex .right .con li i {display: inline-block; line-height: 2em; vertical-align: middle; width: 2em; height: 2em; background-color: #fff;  font-style: normal; font-weight: bold; text-align: center; border-radius: 50%; box-sizing: border-box; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); font-size: 0.75em;}
.inner .flex .right .con li i:before {position: absolute; left:0; top:0; width: 100%; height: 100%; box-sizing: border-box;border:2px solid rgba(33, 36, 44, 0.64); border-radius: 50%; content:''; display: block;}
.inner .flex .right .con li .txt {}
.inner .flex .right .con p a {margin-right: 0.5em;}
    .inner .flex .right .con .desc3:not(.disable) li:hover span {
        border-color: #0055a6;
    }
.inner .flex .right .con .cur i {background-color: #0055a6; color:#fff;}
.inner .flex .right .con .cur i:before {border-color:#0055a6;}
.inner .flex .right .con .disable .correct i {background-color: #00a60e;color:#fff;}
.inner .flex .right .con .disable .correct i:before {border-color: #00a60e;}
.inner .flex .right .con .disable .correct .tit {color: #00a60e}

.inner .flex .right .con .disable .wrong i {background-color: #fe0000;color:#fff;}
.inner .flex .right .con .disable .wrong i:before {border-color: #fe0000;}
.inner .flex .right .con .disable .wrong .tit {color: #fe0000}

.inner .flex .right .con .q{color: #333;margin-bottom: 1em;}
.inner .flex .right .con .a a{line-height: 2}
.inner .flex .right .con .a .an a{text-decoration: underline;color: #0055a6;font-weight: bold}
.inner .flex .right .con .z{margin-top: 1.25em;color: #333;line-height: 1.66;background: #f5f5f5;padding: 1.25em;display:none;}
.inner .flex .right .con .z aside{color: #fe0000;}
.inner .flex .right .con .disable .z{ display:block; }
.inner .flex .right .con .table th,
.inner .flex .right .con .table td{  border:1px solid #ddd; border-collapse:collapse; line-height:1.5em; padding:0.625em;text-align: center}
.inner .flex .right .btn {margin-top: 1.25em;}
.inner .flex .right .btn a {display: block; background-color: #0055a6; color:#fff; width: 4em; text-align: center; line-height: 2em; border-radius: 0.25em;}
.inner .flex .right .btn a:hover {opacity: .85;}
.inner .flex .right .disable .btn{ display:none; }

.inner .flex .news{width: 14%;height: 100%;background: #fff;padding: .4rem .3rem}
.inner .flex .news .tit1{font-size: .24rem;color: #000;font-weight: 600;padding-bottom: .3rem}
.inner .flex .news li{border-bottom: 1px solid #ebebeb;padding-bottom: .15rem;margin-bottom: .15rem}
.inner .flex .news li a{color: #333;line-height: 1.35;font-size: 14px}
.inner .flex .news li time{font-size: 12px;color: #bbb;display: inline-block;margin-top: .1rem}

@media (max-width:1024px) {
    .ispage .Top .w1600 {padding:0 4%;}
    .inner .flex .left {width: 100%; padding: 4%;}
    .inner .flex .left ul {display: flex; flex-wrap: wrap;}
    .inner .flex .left li {width: 25%;}

    .inner .flex .right {width: 100%; padding: 4%;}
    .inner .flex .right .con {padding:2em;}
}
@media (max-width:750px) {
    .inner .flex .left {padding-top: 2em; padding-bottom: 1.5em;}
}
.Bottom{text-align: center;background: #f5f5f5;padding: 1.5625em 0}