.pc-menu{display:block}.h5-menu{display:none}.top-box{width:100%;background:url("../image/top-bg.jpg") no-repeat;background-size:100% auto;padding-bottom:10px;height:250px}.top-box .top-menu{display:flex;justify-content:flex-end;align-items:center;align-items:baseline;width:100%;text-align:right;padding:20px 0 10px 0}.top-box .top-menu ul{margin-bottom:0px;margin-right:2%}.top-box .top-menu ul li{display:flex;justify-content:center;align-items:center;display:inline;font-size:14px;color:#328ac6;padding:0px 10px;cursor:pointer}.top-box .top-menu ul li img{height:24px;margin-right:2px}.top-box .hot-world{color:#1460b5;text-align:center;font-size:0.6rem;margin:10px 0}.top-box .logo{/*margin-top:-2rem*/}.top-box .logo img{width:380px;height:auto}.top-box .search{width:30%;margin-right:10px}.top-box .search .input-group{width:100%;border-radius:50px;overflow:hidden;border:1px solid #b0d3f0}.top-box .search .input-group input{text-indent:0.8rem}.top-box .search input::-webkit-input-placeholder{color:#cfcfcf;transform:all 0.5s}.top-box .search input:hover::-webkit-input-placeholder,.top-box .search input:focus::-webkit-input-placeholder{color:transparent;transform:all 0.5s}.top-box .search .form-control{padding-left:0px;font-size:0.875rem;height:36px;border:0px solid #ced4da}.top-box .search .input-group-text{background:#015db9;border:1px solid #b0d3f0;color:#fff;padding:0.45rem 1rem;border:0px;height:36px;cursor:pointer}.menu-box{margin-top:-47px;width:100%;background:rgba(5,64,130,0.8)}.menu-box .menu ul{display:-webkit-flex;display:flex;margin-bottom:0px}.menu-box .menu ul li{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;-webkit-flex:1;flex:1;text-align:center;height:48px;font-size:1rem;color:#fff;font-weight:400;/*letter-spacing:1px;*/text-indent:1px;cursor:pointer}.menu-box .menu ul li .detail{display:none;position:absolute;width:100%;text-align:center;top:50px;left:0;right:0;padding:8px;background:rgba(5,64,130,0.8)}.menu-box .menu ul li .detail div{height:40px;line-height:40px;font-size:14px;color:#fff;cursor:pointer;border-bottom:1px solid #eff5fb}.menu-box .menu ul li .detail div:last-child{border-bottom:none}.menu-box .menu ul li .detail div:hover{font-size:15px;font-weight:bold}.menu-box .menu ul .active{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.005rem;font-weight:700;left:0px;right:0;top:0px;bottom:0px}.menu-box .menu ul .active::after{content:"";position:absolute;z-index:3;top:84%;left:43%;height:0.2rem;width:14%;border-radius:0.2rem;background:#fff}.main-swiper{padding:30px 0 0 0}.main-box{margin:30px 0 0 0;background:#fff}.main-box .news-banner{overflow:hidden}.main-box .news-banner .swiper{position:relative;z-index:1;width:100%}.main-box .news-banner .swiper-slide img{display:block;width:100%;object-fit:cover}.main-box .news-banner img{width:100%;max-height:340px;display:inline-block}.main-box .news-banner .desc{position:absolute;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);color:#fff;font-size:1rem;padding:10px 25% 10px 10px}.main-box .news-banner .swiper-pagination{width:24%;right:1%;left:auto;text-align:right}.main-box .list-detail{margin-bottom:20px}.main-box .list-detail:nth-child(3){margin-bottom:0px}.main-box .list-detail:nth-child(4){margin-bottom:0px}.main-box .title .r-title img{width:auto;height:42px}.main-box .title .tab{width:100%;padding:2px 20px;background:url(../image/notice.jpg) no-repeat top center;background-size:100% 100%}.main-box .title .tab ul{display:flex;align-items:center;justify-content:flex-start;margin-bottom:0}.main-box .title .tab ul li{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;color:#5c88b2;font-size:1rem;margin-right:20px;height:42px;letter-spacing:1px;text-indent:1px;cursor:default}.main-box .title .tab ul .active{color:#015db9;font-size:1.125rem;font-weight:700}.xx-box{background:#edf6fd;padding:2.5rem 3% 2rem 3%}.xx-box .xx-title{display:flex;justify-content:center;align-items:center;text-align:center;margin:0 auto}.xx-box .xx-title img{width:80%}.xx-box .xx-title img:nth-child(1){width:30%}.xx-box .xx-title img:nth-child(2){width:9%;margin:0 20px}.xx-box .xx-title img:nth-child(3){width:30%;transform:rotate(-180deg)}.xx-box .xx-left{margin-top:30px}.xx-box .xx-left ul{display:flex;justify-content:space-around;align-items:center;margin:10px;width:100%}.xx-box .xx-left ul li{text-align:center;width:9%;font-size:1rem;color:#2a6ab1}.xx-box .xx-left ul li img{width:75%;margin-top:10px;margin-bottom:10px}.xx-box .xx-left ul li .xx-text{padding:0 0.2rem;line-height:1.2}.box-jg-l{background:url(../image/link_bg.png) no-repeat top center;background-size:100% 100%;display:flex;justify-content:space-between;align-items:center;padding:30px 30px;border-radius:5px}.box-jg-r{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3;padding:30px 30px 20px 30px;text-align:center;border:2px solid #759fcd;border-radius:8px;color:#2a6ab1;font-size:1rem}.box-jg-r .jq-title{position:absolute;z-index:5;top:0;left:0;background:linear-gradient(to right, #d0e4fb, #4b98ee, #4b98ee);font-size:0.7rem;color:#fff;padding:2px 14px;border-radius:8px 0 0.6rem 0}.swiper-pagination-bullet{background-color:#fff !important;opacity:0.6 !important}.swiper-pagination-bullet-active{background-color:#c51f13 !important}.mySwiper2 .swiper-pagination{bottom:5px !important}.mySwiper2 img{width:100%}.title-imgs{position:relative;z-index:1;width:100%;text-align:center}.title-imgs .icon{position:relative;z-index:2;background-color:#fff;display:inline-block;padding:10px 20px}.title-imgs .icon img{width:6rem}.title-imgs::after{content:"";position:absolute;z-index:1;left:50%;top:50%;width:100%;transform:translate(-50%, -50%);border-bottom:4px solid #f3f5f6}.list{padding-top:16px}.list .rows{padding:2.5px 0}.list .rows:last-child .list-ceil{border-bottom:none}.list .rows .list-ceil{padding-bottom:10px;border-bottom:2px solid #eff5fb}.list .rows .l-title{font-size:1rem;flex:1;padding-right:10px;color:#878787}.list .rows .l-title span{padding-right:5px;margin-top:-2px}.list .rows .l-title:hover{color:#000}.list .rows .date{font-size:1rem;color:#bababa}.gd-box{width:100%;background-color:#cbf0ff;height:132px;margin-top:20px;font-size:2rem;color:#098cc9;font-weight:700}.gd-box img{width:4rem;margin-right:0.5rem}.gd-box:first-child{margin-top:5px}.gd-box:hover .flex-j-center{transform:scale(1.1);transition:all linear 0.5s}.title-img{width:6rem}.title-img2{width:8.4rem}.more{text-align:right;font-size:0.875rem;color:#015db9}.list-scroll{width:100%;height:180px;overflow:hidden}.list-scroll ul li{word-wrap:break-word;padding:5px 0;color:#575656}.list-scroll ul li img{width:1rem;margin-right:5px;font-size:1rem;margin-top:7px}.line-right{border-right:4px solid #f3f5f6}.enter-box{width:20%;display:inline-block;text-align:center;font-size:1rem;margin:10px 0;padding:0 10px}.enter-box .name{font-size:0.875rem}.enter-box img{width:2.8rem;margin-bottom:5px}.enter-box img:hover{transform:scale(1.2);transition:all linear 0.5s}.footer{width:100%;margin-top:60px;background:#064d96;padding:20px 0 40px 0}.footer .footer-link{border-bottom:1px solid #a4b9cd;padding:10px 80px;font-size:0.875rem}.footer .footer-link .form-control{font-size:0.875rem}.footer .footer-link ul{margin:0}.footer .footer-link ul li{color:#fff;margin-right:10px;font-size:0.875rem}.footer .footer-link ul li img{width:1rem;vertical-align:middle;margin-right:4px;margin-top:-4px}.footer .copyright{padding:10px 40px}.footer .copyright .unit-news{padding-top:1rem}.footer .copyright .unit-news p{color:#fff;margin:5px 0;font-size:0.875rem}.footer .copyright .unit-news p img{width:1rem;vertical-align:middle;margin-right:4px;margin-top:-4px}.footer .copyright .f-img{width:6.5rem}.list-box{margin-top:30px}.list-box .col-md-3{padding-right:0}.list-box .list-box-l{height:520px;border:1px solid #ebebeb;background-color:#fff;padding:10px}.list-box .list-box-r{border:1px solid #ebebeb;height:520px;background-color:#fff;padding:10px}.list-box .list-box-r .title{font-size:1.125rem;color:#fff;background:url("../image/bgs.png") left bottom no-repeat;background-size:100% 100%;padding:10px 20px;font-weight:700}.list-box .list-box-r .ait-tit{background:#edf6fd;color:#014a8f;font-weight:500}.list-box .list-box-r .list{padding:10px 20px}.list-box .list-box-r .page{width:100%;background:#edf6fd;padding:10px 0;margin-top:40px}.list-box .list-box-r .page .next{transform:rotate(180deg)}.list-box .list-box-r .page img{width:10px;margin:0 15px}.list-box .list-box-r .page input{width:36px;height:32px;border:1px solid #d1d7e3;margin:0 5px;text-align:center}.list-box .list-box-r .page input::-webkit-outer-spin-button,.list-box .list-box-r .page input::-webkit-inner-spin-button{-webkit-appearance:none !important}.list-box .list-box-r .page input[type="number"]{-moz-appearance:textfield}.list-box .menu .active{background-color:#015db9;color:#fff;transition:all 0.5s}.list-box .menu-first{width:100%;height:42px;background:#edf6fd;padding:10px 20px;font-size:1rem;color:#015db9;font-weight:700;margin-bottom:10px}.list-box .menu-first span{display:inline-block}.list-box .menu-first img{width:1rem;vertical-align:middle;margin-top:-4px;margin-right:5px}.list-box .menu-two{width:100%;height:42px;background:#edf6fd;padding:10px 20px;font-size:1rem;color:#015db9;font-weight:700;margin-bottom:10px;text-align:center}.art-title{font-size:1.25rem;text-align:center;margin-top:1rem;font-weight:700}.art-title .art-desc{font-size:0.875rem;color:#9f9f9f;text-align:center;font-weight:initial;margin-top:0.3rem}.art-title .art-desc div{display:inline-block;margin:0px 15px}.art-content{padding:2rem}.art-content p{color:#333;font-size:1rem;margin-bottom:0;line-height:1.875rem}.share{width:100%;padding:0 2rem}.share .l{color:#015db9}.share .r{text-align:right}.share .r img{width:2rem !important;margin:0 5px !important}@media only screen and (max-width: 600px){.pc-menu{display:none}.main-swiper{padding:20px 0 0 0}.h5-menu{position:relative;z-index:10;display:block}.h5-menu .h5-menu-img{position:relative;z-index:2;width:100%;height:10rem;padding:0 10px 7rem 10px;background:url("../image/top-bg.jpg") no-repeat;background-size:cover}.h5-menu .logo{width:15rem}.h5-menu .menu-icon{width:2.6rem;height:2.6rem;border:1px solid #015db9;border-radius:4px;font-size:2rem;color:#015db9}.h5-menu .h5-menus{position:absolute;z-index:10;top:4rem;left:0;width:100%;text-align:center;background:#5c88b2;animation:readySlide 1s ease}.h5-menu .h5-menus ul>li{color:#fff;padding:15px 10px}.h5-menu .h5-menus .active{background-color:#015db9;color:#fff}.h5-menu .actives{width:2.6rem;height:2.6rem;border:0px solid #fff;border-radius:4px;font-size:2rem;background:#015db9;color:#fff;transition:all 0.5s}@keyframes readySlide{from{opacity:0;transform:translateY(-15%)}to{transform:translateY(0);opacity:1}}.top-box .logo img{width:12rem;margin:5px 0 15px 0}.top-box .search .input-group{width:100%}.top-box .top-menu{display:flex;align-items:center;justify-content:flex-end}.top-box .top-menu ul li{font-size:0.75rem;padding:0 5px}.box-jg-l{padding:20px 20px;margin-bottom:20px}.box-jg-l img{width:18%}.box-jg-r{padding:35px 20px 20px 20px}.list-box .list-box-r .title{background:url(../image/bgs.png) left bottom no-repeat;background-size:165% 100%}.list-box .list-box-r .ait-tit{background:#edf6fd}.menu-box .container{padding:0}.menu-box .menu ul li{font-size:1rem;padding:0 10px;font-size:0.875rem;line-height:1rem}.menu-box .menu ul .active{font-size:1rem;padding:0 10px}.main-box{margin:20px 0 0 0;background:#fff}.main-box .news-banner{margin-bottom:20px}.main-box .title .r-title img{width:auto;height:36px}.main-box .title .tab ul li{font-size:1rem;height:36px;letter-spacing:0px;text-indent:0px}.main-box .title .tab ul .active{font-size:1.125rem}.main-box .list{padding-top:10px}.main-box .list ul li{margin:10px 0;color:#575656}.main-box .list ul li .l-title{font-size:1rem;flex:1}.main-box .list ul li .date{font-size:1rem;color:#bababa}.xx-box{background:#edf6fd;overflow:hidden;padding:1.5rem 3% 0rem 3%}.xx-box .xx-title img:nth-child(1){width:40%}.xx-box .xx-title img:nth-child(2){width:24%;margin:0 20px}.xx-box .xx-title img:nth-child(3){width:40%;transform:rotate(-180deg)}.xx-box .xx-left{margin-top:10px}.xx-box .xx-left ul{flex-wrap:wrap;margin:0;justify-content:flex-start}.xx-box .xx-left ul li{width:25%;margin-bottom:17px}.xx-box .xx-left ul li img{width:46%}.main-box-line .right{margin-top:30px}.mySwiper2 .swiper-pagination{bottom:-25px !important}.mySwiper2 .swiper-pagination .swiper-pagination-bullet{background-color:#015db9 !important}.enter-box{width:33.333%}.gd-box{font-size:1.5rem}.gd-box img{width:3.2rem}.footer .form-control{margin-top:20px;border:1px solid #fff;color:#fff;padding-left:1.5rem;appearance:none;-webkit-appearance:none;font-size:1rem;background:#3a6a98 url("../image/down.png") no-repeat;background-size:1rem auto;background-position:right 10px center}.footer .footer-link{padding:0 0 20px 0}.footer .footer-link ul{margin:0}.footer .footer-link ul li{line-height:1.6rem}.footer .copyright{padding:0 0 10px 0px}.footer .copyright .unit-news{padding-top:1rem}.footer .copyright .unit-news p{color:#fff;margin:5px 0}.footer .copyright .unit-news p img{width:1rem;vertical-align:middle;margin-right:4px;margin-top:-4px}.footer .copyright .f-img{width:6.5rem;margin-top:30px}.list-box .col-md-3{padding-right:15px !important}.list-box .list-box-l{height:auto}.list-box .menu-two{width:auto;display:inline-block;margin:0 5px;height:42px;background:#f0f3f9;padding:10px 20px;font-size:0.875rem;color:#015db9;font-weight:700;margin-bottom:10px}.list-box .list-box-r .list{padding:10px 0px}.art-content{padding:2rem 0}.share{width:100%;padding:0}.share .l,.share .r{width:100%;text-align:center}.share .r{margin-top:20px}}@media screen and (min-width: 600px) and (max-width: 780px){.main-box{margin:30px 0 0 0;background:#fff}.main-box .news-banner{margin-bottom:20px}.main-box .title{border-bottom:4px solid #f3f5f6}.main-box .title .r-title img{width:auto;height:26px}.main-box .title .tab ul li{font-size:0.875rem;height:26px;letter-spacing:0px;text-indent:0px}.main-box .title .tab ul .active{font-size:1rem}.main-box .list{padding-top:10px}.main-box .list ul li{margin:10px 0;color:#575656}.main-box .list ul li .l-title{font-size:1rem;flex:1}.main-box .list ul li .date{font-size:1rem;color:#bababa}.xx-box{background:#edf6fd;overflow:hidden;padding:1.5rem 3% 0rem 3%}.xx-box .xx-title img:nth-child(1){width:40%}.xx-box .xx-title img:nth-child(2){width:24%;margin:0 20px}.xx-box .xx-title img:nth-child(3){width:40%;transform:rotate(-180deg)}.xx-box .xx-left{margin-top:10px}.xx-box .xx-left ul{flex-wrap:wrap;margin:0;justify-content:flex-start}.xx-box .xx-left ul li{width:20%;margin-bottom:17px}.xx-box .xx-left ul li img{width:36%}.xx-box .xx-left ul li .xx-text{padding:0 0.8rem}.box-jg-l{margin-bottom:20px}.menu-box .menu ul li{font-size:0.6rem}.menu-box .menu ul .active{font-size:0.7rem}.top-box{height:156px}.top-box .logo{padding-top:0.4rem;margin:0}.top-menu{display:none !important}}@media only screen and (min-width: 768px){.example{background:blue}}@media only screen and (min-width: 992px){.example{background:orange}}



.pop {
    position: fixed;
    z-index: 99;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
}

.mid {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #333;
    font-size: 16px;
    text-align: center
}

.skype-loader {
    width: 80px;
    height: 80px;
    position: relative;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 20px
}

.skype-loader .dot {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    animation: 1.7s dotrotate cubic-bezier(0.775, 0.005, 0.310, 1.000) infinite
}

.skype-loader .dot:nth-child(1) {
    animation-delay: 0.2s
}

.skype-loader .dot:nth-child(2) {
    animation-delay: 0.35s
}

.skype-loader .dot:nth-child(3) {
    animation-delay: 0.45s
}

.skype-loader .dot:nth-child(4) {
    animation-delay: 0.55s
}

.skype-loader .dot:after,
.skype-loader .dot .first {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #333;
    border-radius: 50%;
    left: 50%;
    margin-left: -4px
}

.skype-loader .dot .first {
    background: #fff;
    margin-top: -4px;
    animation: 1.7s dotscale cubic-bezier(0.775, 0.005, 0.310, 1.000) infinite;
    animation-delay: 0.2s
}

@keyframes dotrotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes dotscale {

    0%,
    10% {
        width: 16px;
        height: 16px;
        margin-left: -8px;
        margin-top: -4px
    }

    50% {
        width: 8px;
        height: 8px;
        margin-left: -4px;
        margin-top: 0
    }

    90%,
    100% {
        width: 16px;
        height: 16px;
        margin-left: -8px;
        margin-top: -4px
    }
}