.min {
    width: 1100px;
    margin: 0 auto;
}

.banner_top {
    width: 100%;
    min-width: 1200px;
    height: auto;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #202d70;
}
.banner_top .banner_img img{max-width:100%;height:auto}
.banner_top .banner_text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
.banner_top p {
    text-align: center;
    font-size: 34px;
    color: white;
    letter-spacing: 2px;
}

.banner_top div.text {
    width: 474px;
    /* width: 100%; */
    padding-top: .4rem;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: .25rem;
}

.ulTabBg {
    background: #F8F9FC;
}

.ulTab .min {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #dfdfdf;
    padding: 0.8rem 0 0 0;
}

.liTab {
    font-size: 16px;
    height: 0.4rem;
    color: #333947;
    position: relative;
    text-align: center;
    margin-right: 1rem;
    cursor: pointer;
    transition: 0.5s;
}

.liTab:last-of-type {
    margin-right: 0;
}

.liTab.on::after,
.liTab:hover::after {
    content: "";
    width: 0.4rem;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #202c70;
    transition: 0.5s;
}

.liTab.on,
.liTab:hover {
    color: #202c70;
    transition: 0.5s;
}

.case {
    width: 1100px;
    margin: 0 auto;
    padding-top: .5rem;
}

.case_li {
    border-bottom: 1px solid #dfdfdf;
}

.case_li a {
    height: 2.2rem;
    box-sizing: border-box;
    display: flex;
    padding: .25rem 0;
}

.case_left_img {
    width: 255px;
    min-width: 255px;
    margin-right: 0.3rem;
    overflow: hidden;
}

.social_case_left_img {
    min-width: 230px;
    width: 230px;
    overflow: hidden;
    margin-right: 0.3rem;
}

.case_left_img img,
.social_case_left_img img {
    transition: 0.5s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case_li:hover img {
    transform: scale(1.2);
}

.case_lid1 {
    position: relative;
}

.case_lip1 {
    font-size: 22px;
    color: #333947;
    line-height: .3rem;
    margin: .06rem 0 .12rem;
    font-weight: 400;
}

.case_li:hover .case_lip1 {
    color: #1b2a75;
}

.case_lip2 {
    font-size: 14px;
    color: #5e5f60;
    line-height: .22rem;
}

.case_lip3 {
    position: absolute;
    font-size: 12px;
    color: #5e5f60;
    bottom: .15rem;
}

.case_lip4 {
    padding-top: .13rem;
    font-size: 12px;
    color: #5e5f60;
}

.tuijian {
    font-size: 18px;
    color: #464d61;
}

.pub_contiain {
    min-width: 1200px;
}

@media screen and (max-width: 800px) {
    .pub_contiain {
        min-width: 100%;
    }

    .ulTab {
        width: 100% !important;
        padding: 0.3rem 0 0 0;
    }

    .liTab {
        height: .5rem;
        margin-right: .5rem;
    }

    .ulTab .min {
        width: 100%;
        padding-top: .3rem;
    }

    .case {
        width: 100% !important;
        padding: .1rem .3rem 0;
    }

    .case_li a {
        height: auto;
    }

    .case_left_img,
    .social_case_left_img {
        width: 1.5rem;
        min-width: 1.5rem;
    }

    .case_left_img img,
    .social_case_left_img img {
        width: 100%;
    }

    .social_case_left_img {
        margin-right: .2rem;
    }

    .banner_top {
        min-width: 0;
    }

    .banner_top div.text {
        width: 100%;
        padding: .4rem .3rem 0;
        line-height: .3rem;
    }

    .case_lip1 {
        font-size: 16px;
        line-height: .25rem;
        margin: 0 0 .05rem;
    }

    .edit_p1 {
        font-size: 20px !important;
        text-align: justify;
    }

    .newBox .case_lip1 {
        -webkit-line-clamp: 1;
    }

    .case_lip2 {
        line-height: .25rem;
    }

    .case_lip3 {
        position: relative;
        bottom: auto;
        margin-top: .1rem;
    }
}

.fl{float:left}
.fr{float:right}
.pager{clear:both;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}
.pager:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.pager{max-width:1200px;text-align:center;margin-top:.6rem;margin-bottom:1rem}
.pager a{cursor:pointer;float:left;transition:.5s}
.txt:first-of-type{margin-left:16px}
.pager .pub_page2,.pager a{width:32px;height:32px;border:1px solid #89c3e5;margin-left:-1px;color:#84879a;display:inline-block;line-height:32px;font-size:15px;text-decoration:none;margin:0 5px;border-radius:4px;text-align:center}
.pager .pub_page2{float:none;transition:.5s}
.pager a:hover{border-color:#024b8c;color:#fff;position:relative;background-color:#024b8c;z-index:1}
.pager a.active{background-color:#024b8c;color:#fff;border-color:#024b8c;position:relative;z-index:1}
.pager .next[disabled=true],.pager .prev[disabled=true]{border-color:#eee}
.pager a.els{border-color:transparent}
.pagerHtmlWrap{width:800px;margin:30px auto}
.pagerHtmlWrap .cc_cells{width:100%;height:35px;padding:5px 0;border-bottom:1px #ccc solid}
.pagerHtmlWrap .cc_cells a{color:#454545;font-size:14px;line-height:35px;text-decoration:none}
.pagerHtmlWrap .cc_cells a a{display:inline-block;width:25%;text-align:left;margin:0}
.pager .btn{width:80px;height:32px;border:1px solid #89c3e5;margin-left:-1px;display:inline-block;font-size:15px;text-decoration:none;margin:0 5px 0 15px;border-radius:4px;color:#606060;cursor:pointer;background-color:#fff;transition:.5s}
.txt{height:32px;line-height:32px;display:inline-block;letter-spacing:1px;font-size:15px}
.txt:last-of-type{margin-left:10px}
input{outline:0}
.pager .next,.pager .prev{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#666;transition:.5s}
.pager .next:hover,.pager .prev:hover{border-color:#024b8c;background-color:#024b8c;color:#fff}
.pager .btn:hover{border-color:#024b8c;background-color:#024b8c;color:#fff}
.pager .pub_page2:hover{border-color:#024b8c}
.pager .btn,.pager input{background-color:transparent}
@media screen and (max-width:800px){.pager{margin:.4rem auto}

.pager .next,.pager .prev{display:inline-block}
}


.category-menu ul{display:flex;margin:0 auto;padding:.8rem 0 0 0;width:1100px;border-bottom:1px solid #dfdfdf;justify-content:center}
.category-menu ul li{position:relative;margin-right:1rem;height:.4rem;color:#333947;text-align:center;font-size:16px;cursor:pointer;transition:.5s}
.category-menu ul li:last-of-type{margin-right:0}
.category-menu ul li.current-cat a::after,.category-menu ul li a:hover::after{position:absolute;bottom:0;left:50%;width:.4rem;height:3px;background-color:#202c70;content:"";transition:.5s;transform:translateX(-50%)}
.category-menu ul li.current-cat a,.category-menu ul li a:hover{color:#202c70;transition:.5s}
@media screen and (max-width: 800px) {
    .category-menu{padding:.3rem 0 0 0;width:100%!important}
    .category-menu ul li{margin-right:.5rem;height:.5rem}
    .category-menu ul{padding-top:.3rem;width:100%}
}


.mapBanner{width:100%;height:5.6rem;position:relative;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;background-position:center}
.mapBanner p{font-size:34px;color:#fff;letter-spacing:2px;display:block;width:800px;margin:0 auto}
.mapList{padding:4% 0;background-color:#fff}
.mapList .box{position:relative;border:1px solid #eee;padding:50px 60px 20px;margin-bottom:50px}
.mapList .box h3{position:absolute;left:50%;height:2em;line-height:2em;top:-1em;background:#fff;padding:0 15px;font-weight:400;transform:translateX(-50%)}
.mapList .box h2 a{color:##333947}
.mapList .box li>a{color:#464d61;height:1em;line-height:1em;border-left:1px solid #464d61;display:block;padding:0 60px}
.mapList .box ul{display:flex;justify-content:center;flex-wrap:wrap}
.mapList .box ul li{margin-bottom:20px}
.mapList .box ul li:first-child>a{border-left:0}
.mapList .box dl{margin-top:10px}
.mapList .box dd{padding-left:60px;line-height:2em}
.mapList .box dd a{color:#84879a}
.mapList .box h3 a{display:block;white-space:nowrap}
.disclaimerBox{padding:50px 0;color:#333947;line-height:2em}
.disclaimerBox .tit{font-size:24px;line-height:2em;font-weight:400;text-align:center;margin-bottom:30px}
.disclaimerBox .subtit{font-size:20px;line-break:2em;font-weight:400;margin-bottom:15px;margin-top:25px}
.disclaimerBox .text{line-height:2em;color:#333947;font-size:14px}
.mb10{margin-bottom:10px}
.mapBanner2{flex-flow:column}
.mapBanner2 p{width:auto}
.mapBanner2 span{font-size:28px;color:#fff;line-height:2em}
.jyycList{padding-top:50px;padding-bottom:50px}
.jyycList .img{overflow:hidden}
.jyycList .img img{display:block;width:100%;transition:all .8s ease;max-height:330px;object-fit:cover}
.jyycList li{margin-bottom:30px}
.jyycList li:hover .img img{transform:scale(1.1)}
.jyycList .word{padding:20px 35px;background:#fff;box-shadow:0 0 15px 0 #e8ebf0}
.jyycList .word h3{padding-right:100px;position:relative;height:2em;line-height:2em;color:#333947;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin-bottom:10px}
.jyycList .word h3 span{position:absolute;top:0;right:0;padding-right:15px;color:#1b2a75;font-size:14px;background:url(../image/s_right.png) no-repeat right center}
.jyycList li:hover .word h3 span::before{content:'';width:4em;height:1px;bottom:3px;left:0;position:absolute;background-color:#1b2a75}
.jyycList .word p{color:#464d61;font-size:14px;line-height:2em}
.pub_contiain .interaction_banner .swiper-pagination{transform:translateY(-.3rem)}
.pub_contiain .interaction_banner .swiper-pagination-bullet{width:.4rem;background-color:rgba(255,255,255,.6);height:.03rem;border-radius:0;margin-right:.15rem;opacity:1}
.pub_contiain .interaction_banner .swiper-pagination-bullet:last-of-type{margin-right:0}
.pub_contiain .interaction_banner .swiper-pagination-bullet-active{background-color:#fff}
@media screen and (max-width:800px){
    .mapBanner{height:1.8rem}
    .mapBanner p{font-size:18px;padding:0 20px}
    .mapList .box{padding:20px 15px 20px}
    .mapList .box li>a{padding:0 15px}
    .mapList .box dd{padding-left:15px}
    .mapList{padding-top:30px}
    .mapBanner2 span{font-size:16px}
    .disclaimerBox .tit{font-size:20px}
    .disclaimerBox .subtit{font-size:18px}
    .jyycList{padding-bottom:0;padding-left:3%;padding-right:3%}
    .jyycList .word{padding:20px 10px}
    .jyycList li{margin-bottom:15px}
    .jyycList .img img{max-height:120px}
}
