/* < 1850px */
@media screen and (max-width: 1850px) {
    .pub_top {
        font-size: 18px
    }
}

/* < 1850px */
@media screen and (max-width: 1650px) {
    .pub_top {
        font-size: 16px
    }
}

/* < 1550px */
@media screen and (max-width: 1550px) {
    .pub_top .a_box .b_lang a {
        font-size: 14px;
    }

    .pub_top .a_nav li>a {
        padding: 0 1em;
    }

    .pub_tit1 {
        font-size: 18px;
    }

    .ind_one .a_left .text {
        font-size: 14px;
    }

    .ind_one .a_left .b_more {
        font-size: 16px;
    }

    .ind_one .a_left .b_tab_head {
        font-size: 16px;
    }

    .class_list li {
        font-size: 14px;
    }

    .ab_four .a_box {
        padding: 12em 4% 4% 7em;
    }
}

/* < 1450px */
@media screen and (max-width: 1450px) {
    .pub_top {
        padding-left: 3%;
        padding-right: 3%;
        font-size: 14px;
    }

    .pub_top .a_box {
        width: 18%;
    }

    .pub_tit1 {
        font-size: 16px;
    }

    .ind_one .a_left .text {
        height: 8em;
    }

    .ind_one .a_left .b_more {
        font-size: 14px;
    }

    .ind_one .a_left .b_tab_head {
        font-size: 14px;
    }

    .pub_btn1 {
        font-size: 14px;
    }

    .ind_three {
        font-size: 16px;
    }

    .ind_four {
        font-size: 16px;
    }

    .team_bd .team_box .t1 {
        font-size: 20px;
    }

    .team_bd .team_box .t2 {
        font-size: 14px;
    }

    .team_bd .swiper-container {
        width: 86%;
    }

    .team_bd .swiper-button-next,
    .team_bd .swiper-button-prev {
        font-size: 14px;
    }

    .ind_eight {
        font-size: 16px;
    }

    .pub_mid {
        width: 100%;
        padding-left: 4%;
        padding-right: 4%;
    }

    .ab_four {
        font-size: 18px;
    }
}

/* > 1200px */
@media screen and (min-width: 1200px) {
    .in_page .pub_top {
        position: relative;
        background: #fff;
        background-color: #fff;
    }

    .in_page .pub_top .a_nav li>a {
        color: #666666;
    }

    .in_page .pub_top .a_nav dl {
        border-top-color: #1a6795;
    }

    .in_page .pub_top .a_nav dd:hover a {
        background-color: #1a6795;
    }

    .in_page .pub_top .a_nav li.on>a,
    .in_page .pub_top .a_nav li:hover>a {
        color: #1a6795;
    }

    .in_page .pub_top .a_nav li.on>a:before,
    .in_page .pub_top .a_nav li:hover>a:before {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #1a6795;
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .in_page .pub_top .a_box .b_lang a {
        color: #999999;
    }

    .in_page .pub_top .a_box .b_lang a.on {
        color: #1a6795;
    }

    .in_page .pub_top .a_box .b_search {
        background-image: url(../img/a2_1.png)
    }

    .in_page .pub_top .a_box .b_search:hover {
        background-image: url(../img/a2.png)
    }

    .que_two .ind_six .inbox .img {
        margin: 0;
        position: absolute;
        left: 40px;
        top: 40px;
    }

    .que_two .ind_six .inbox .tip {
        padding-left: 140px;
    }

    .que_two .ind_six .inbox .tip * {
        text-align: left;
    }

    .con_right .class_list li {
        font-size: 16px;
        width: 100%;
        margin: 2% 0;
    }
}

/* < 1200px */
@media screen and (max-width: 1200px) {
    body {
        padding-top: 60px;
        padding-bottom: 69px;
        background-color: #f5f5f5;
    }

    .pub_mid {
        background-color: #fff;
    }

    .ind_three,
    .ind_seven {
        background-color: #fff;
    }

    .ind_one,
    .pub_rightbtn {
        display: none;
    }

    .pub_top {
        font-size: 12px;
        background-color: #fff !important;
        background: #fff !important;
    }

    .pub_top .a_logo_wap {
        display: table-cell;
        width: 30%;
    }

    .pub_top .a_logo {
        display: none;
    }

    .pub_top .a_box {
        width: 56%;
    }

    .pub_top .a_box .b_search {
        display: none;
    }

    .pub_top .a_box .b_lang a {
        font-size: 14px;
    }

    .pub_top .a_box .b_lang a.on {
        color: #3b98c0;
    }

    .pub_top .a_nav {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        text-align: left;
        display: none;
        padding: 1em;
        max-height: 400px;
        overflow-y: auto;
    }

    .pub_top .a_nav li {
        display: block;
        padding: 1em 0;
        height: auto;
    }

    .pub_top .a_nav li>a {
        height: auto;
        line-height: 2em;
        font-size: 14px;
    }

    .pub_top .a_nav li:hover dl {
        left: 0;
        opacity: 1;
        visibility: visible;
        transform: skew(0deg);
    }

    .pub_top .a_nav dl {
        left: 0;
        top: 0;
        margin: 0;
        padding: 0 0 0 2em;
        opacity: 1;
        visibility: visible;
        transform: skew(0deg);
        position: relative;
        background: none;
        border: none;
        box-shadow: none;
        width: 100%;
        text-align: left;
    }

    .pub_top .a_nav dd {
        display: inline-block;
        margin: 2% 1% 1% 0;
    }

    .pub_top .a_nav dd a {
        background: rgba(255, 255, 255, 0.2);
        color: #fff;
    }

    .a_nav_btn {
        position: absolute;
        right: 0;
        top: 0;
        width: 5em;
        height: 5em;
        overflow: hidden;
        background: url(../img/a16.png) center no-repeat;
        background-size: 2.5em;
        z-index: 2;
        cursor: pointer;
        -webkit-filter: grayscale(100%);
        filter: gray;
        opacity: 0.7;
        transition: 0.3s;
    }

    .a_nav_btn.on {
        opacity: 1;
        filter: grayscale(0);
        filter: none;
    }

    .a_nav_btn.on+.a_nav {
        display: block;
    }

    .swiper-button-next.swiper-button-white,
    .swiper-button-prev.swiper-button-white {
        display: none;
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .swiper-pagination-bullet-active {
        width: 20px;
    }

    .pub_tit1 {
        font-size: 14px;
    }

    .ind_three {
        font-size: 14px;
    }

    .ind_five,
    .ind_six,
    .ind_eight,
    .pub_bot .a_box1 .right {
        display: none;
    }

    .pub_bot .a_box1 .erweima {
        width: 100%;
        float: none;
        text-align: center;
    }

    .pub_bot .a_box1 .erweima .top {
        border: none;
        padding: 0;
        margin-bottom: 10px;
    }

    .pub_bot .a_box1 .erweima .top .t1 {
        font-size: 15px;
    }

    .pub_bot .a_box1 .erweima .top .t2 {
        font-size: 18px;
    }

    .pub_bot .a_box1 .erweima .bot li {
        font-size: 22px;
    }

    .pub_bot .a_box2 {
        font-size: 12px;
    }

    .wap_footer {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 10;
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        background-color: #fff;
        border-top: 1px solid #ededed;
    }

    .wap_footer li {
        flex: 1;
        height: 50px;
    }

    .wap_footer li a {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .wap_footer li img {
        display: block;
        width: 20px;
        height: 20px;
    }

    .wap_footer li p {
        font-size: 12px;
        color: #666666;
        margin-top: 0.5em;
    }

    .wap_footer li .blue {
        display: none;
    }

    .wap_footer li.on p {
        color: #1a6795;
    }

    .wap_footer li.on .gray {
        display: none;
    }

    .wap_footer li.on .blue {
        display: block;
    }

    .pub_inbanner {
        font-size: 16px;
    }

    .ab_one .a_box .img {
        font-size: 30px;
    }

    .ab_one .a_box .tit {
        font-size: 16px;
    }

    .ab_two .a_box .tit .t1 {
        font-size: 16px;
    }

    .ab_two .a_box .in .t4 {
        font-size: 18px;
    }

    .ab_two .a_box .in .t2,
    .ab_two .a_box .in .t3 {
        font-size: 14px;
    }

    .ab_four {
        font-size: 14px;
    }

    .ab_four .a_box {
        padding: 12em 4% 4% 4%;
    }

    .ab_four .a_box .t1 {
        font-size: 20px;
    }

    .ab_four .a_box .t2 {
        font-size: 14px;
    }

    .que_two .ind_six {
        display: block;
    }

    .que_one {
        background: none;
    }

    .con_right .in_tit {
        font-size: 18px;
    }

    .con_right .nav a {
        font-size: 14px;
    }

    .con_right .nav a:after {
        font-size: 14px;
    }

    .con_right,
    .con_left {
        float: none;
        width: 100%;
    }

    .con_left {
        margin-top: 30px;
    }

    .con_right .in_tit {
        font-size: 16px;
        padding-top: 1em;
    }

    .con_right .nav a {
        padding: 1em 2em 1em 0;
    }

    .in_tit_left {
        font-size: 20px;
    }

    .con_right .new_list li a {
        font-size: 14px;
    }

    .search_tit {
        font-size: 16px;
    }

    .search_none {
        font-size: 16px;
    }

    .newx_tit,
    .newx_page {
        font-size: 18px;
    }

    .join_tit {
        font-size: 20px;
    }

    .join_us .form1 li input[type="text"] {
        height: 2.4em;
    }

    .join_us .form1 li .layui-form-radio {
        margin-top: 5px;
    }
}

/* > 1024px */
@media screen and (min-width: 1024px) {

    .ind_seven .new_list .li0,
    .ind_seven .new_list .li1 {
        float: left;
        width: 23.5%;
        margin-right: 1.5%;
    }

    .ind_seven .new_list .li2,
    .ind_seven .new_list .li3,
    .ind_seven .new_list .li4 {
        float: right;
        width: 48%;
        border-bottom: 1px dashed #cccccc;
        padding-bottom: 1.7%;
        margin-bottom: 1.8%;
    }

    .ind_seven .new_list .li0 .gray,
    .ind_seven .new_list .li1 .gray,
    .ind_seven .new_list .li2 .blue,
    .ind_seven .new_list .li3 .blue,
    .ind_seven .new_list .li4 .blue,
    .ind_seven .new_list .li2 .img,
    .ind_seven .new_list .li3 .img,
    .ind_seven .new_list .li4 .img {
        display: none;
    }

    .ind_seven .new_list .li0 .img,
    .ind_seven .new_list .li1 .img {
        width: 100%;
        position: relative;
        padding-top: 59.953%;
        overflow: hidden;
    }

    .ind_seven .new_list .li0 .img img,
    .ind_seven .new_list .li1 .img img {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        transition: 0.5s;
        transform: scale(1) rotate(0deg);
    }

    .ind_seven .new_list li .t1 {
        font-size: 18px;
        color: #333333;
        line-height: 1.5em;
        height: 1.5em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: 0.5s;
    }

    .ind_seven .new_list li .t2 {
        font-size: 14px;
        color: #999999;
        line-height: 1.8em;
        height: 3.6em;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        word-break: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-top: 0.6em;
    }

    .ind_seven .new_list li .t4 {
        display: none;
    }

    .ind_seven .new_list .li0 .tit,
    .ind_seven .new_list .li1 .tit {
        padding-top: 8%;
        padding-bottom: 6%;
    }

    .ind_seven .new_list .li0 .msg,
    .ind_seven .new_list .li1 .msg {
        overflow: hidden;
        margin-top: 1.4em;
        margin: 0 5px;
    }

    .ind_seven .new_list .li0 .msg .t3,
    .ind_seven .new_list .li1 .msg .t3 {
        font-size: 16px;
        color: #999999;
        float: left;
        line-height: 30px;
    }

    .ind_seven .new_list .li0 .msg .blue,
    .ind_seven .new_list .li1 .msg .blue {
        float: right;
        width: 30px;
        height: 30px;
        display: block;
    }

    .ind_seven .new_list .li2 a,
    .ind_seven .new_list .li3 a,
    .ind_seven .new_list .li4 a {
        padding-right: 13em;
        position: relative;
        display: block;
    }

    .ind_seven .new_list .li2 .msg,
    .ind_seven .new_list .li3 .msg,
    .ind_seven .new_list .li4 .msg {
        position: absolute;
        right: 0;
        top: 0;
    }

    .ind_seven .new_list .li2 .msg .t3,
    .ind_seven .new_list .li3 .msg .t3,
    .ind_seven .new_list .li4 .msg .t3 {
        font-size: 16px;
        color: #999999;
    }

    .ind_seven .new_list .li2 .msg .gray,
    .ind_seven .new_list .li3 .msg .gray,
    .ind_seven .new_list .li4 .msg .gray {
        width: 30px;
        height: 30px;
        display: block;
        margin-top: 30px;
        float: right;
    }

    .ind_seven .new_list li:hover .img img {
        transform: scale(1.1) rotate(-5deg);
    }

    .ind_seven .new_list li:hover .t1 {
        color: #4885aa;
    }
}

/* < 1024px */
@media screen and (max-width: 1024px) {
    .pub_tit1 {
        font-size: 12px;
    }

    .pub_tit1 .t2 {
        margin: 0.3em 0 0.4em 0;
    }

    .class_list li {
        font-size: 12px;
    }

    .pub_btn1 {
        font-size: 12px;
    }

    .ind_four {
        font-size: 14px;
    }

    .ind_seven .new_list .msg {
        display: none;
    }

    .ind_seven .new_list li {
        padding: 5% 0;
        border-bottom: 1px dashed #ccc;
    }

    .ind_seven .new_list li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .ind_seven .new_list .img {
        width: 140px;
        height: 78px;
    }

    .ind_seven .new_list .img img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .ind_seven .new_list .tit {
        flex: 1;
        margin-left: 14px;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        height: 78px;
    }

    .ind_seven .new_list .tit .t1 {
        font-size: 15px;
        color: #333333;
        line-height: 1em;
        height: 1em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ind_seven .new_list .tit .t2 {
        font-size: 12px;
        color: #999999;
        line-height: 1.5em;
        height: 3em;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        word-break: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .ind_seven .new_list .tit .t4 {
        font-size: 12px;
        color: #999999;
        line-height: 1em;
    }

    .pub_inbanner {
        font-size: 14px;
    }

    .tea_one li {
        font-size: 16px;
    }

    .tea_one li .tit .t1 {
        font-size: 16px;
        margin-bottom: 0.5em;
    }

    .tea_one li .tit .t2 {
        font-size: 14px;
    }
}

/* < 800px */
@media screen and (max-width: 800px) {
    .a_box {
        width: 100%;
        overflow-x: auto;
    }

    .ind_two {
        padding-left: 0;
        padding-right: 0;
    }

    .class_list {
        width: auto;
        overflow-x: scroll;
        white-space: nowrap;
        padding-left: 5%;
    }

    .class_list li {
        font-size: 12px;
        width: 150px;
    }

    .class_list .tit {
        padding-top: 50%;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    }

    .class_list .tit .t1 {
        text-align: center;
        font-size: 1.3em;
    }

    .class_list .tit .t2,
    .class_list .tit .t3 {
        display: none;
    }

    .pub_btn1 {
        font-size: 10px;
    }

    .ind_three .a_left,
    .ind_three .a_right {
        float: none;
        width: 100%;
    }

    .ind_three .a_right {
        height: 18em;
    }

    .ind_three .a_left {
        margin-top: 5%;
        height: 25em;
    }

    .ind_three .a_left .in {
        height: 22em;
    }

    .ind_four {
        font-size: 10px;
    }

    .ind_four .inbox .t1 {
        font-size: 1.2em;
    }

    .ind_four .inbox .t2 {
        font-size: 1.6em;
    }

    .pub_inbanner {
        font-size: 10px;
    }

    .ab_one .a_box .img {
        font-size: 20px;
    }

    .ab_one .a_box .tit {
        font-size: 12px;
    }

    .ab_two .a_box li {
        float: none;
        margin: 0 0 3% 0;
        width: 100%;
    }

    .ab_three .imgbox ul.left,
    .ab_three .imgbox ul.center,
    .ab_three .imgbox ul.right {
        width: 100%;
    }

    .ab_four .b_box {
        display: none;
    }

    .ab_four .a_box {
        width: 100%;
        background: #1a6795;
        padding: 4%;
        height: auto;
    }

    .ab_four .a_box .t1 {
        font-size: 18px;
    }

    .que_one .a_hd dl {
        padding: 5px 5px 5px 80px;
    }

    .que_one .a_hd dl:before {
        width: 70px;
    }

    .que_one .a_hd dl dt {
        width: 70px;
        font-size: 14px;
    }

    .que_one .a_hd dl dd {
        font-size: 14px;
        padding: 4px 8px;
        margin: 3px 8px;
    }

    .que_two .inbox {
        padding: 20px;
        background-image: none;
    }

    .que_two li {
        width: 100%;
        margin: 0 0 4% 0;
    }

    .que_two .ind_six .inbox .text {
        max-height: 12.6em;
        height: auto;
    }

    .que_two .ind_six .inbox .img {
        width: 50px;
        height: 50px;
        margin-top: -30px;
    }

    .que_two .ind_six .inbox .t1 {
        font-size: 18px;
    }

    .que_two .ind_six .inbox .text {
        margin-top: 1em;
    }

    .que_one .a_bd th,
    .que_one .a_bd td {
        font-size: 14px;
        padding: 0.5em;
    }

    .pub_fanye * {
        display: none;
    }

    .pub_fanye .prev,
    .pub_fanye .next {
        display: inline-block;
        width: 8em;
    }

    .tea_one li {
        font-size: 14px;
    }

    .in_tit_left {
        font-size: 18px;
    }

    .class_one li {
        width: 48%;
        margin: 0 4% 4% 0 !important;
    }

    .class_one li:nth-child(even) {
        margin: 0 0 4% 0 !important;
    }

    .class_one li .tit .t1 {
        font-size: 16px;
    }

    .class_one li .tit .t2 {
        margin-bottom: 1em;
    }

    .class_bot li {
        width: 100%;
        margin-left: 0% !important;
    }

    .class_bot li p {
        font-size: 14px;
    }

    .class_bot li input,
    .class_bot li textarea {
        font-size: 14px;
    }

    .class_top {
        font-size: 14px;
        padding-left: 0;
        height: auto;
    }

    .class_top .tit {
        height: auto;
        margin-bottom: 4%;
    }

    .class_top img {
        position: relative;
        width: 100%;
        height: auto;
    }

    .mov_rscholl li {
        padding-left: 0;
        background: none;
    }

    .mov_rscholl li p {
        font-size: 14px;
    }

    .mov_rerweima li p {
        font-size: 14px;
    }

    .mov_one li .img:before {
        background-size: 25px 25px;
    }

    .stu_list li {
        font-size: 14px;
    }

    .stu_list li {
        padding-left: 11em;
    }

    .stu_list li .img {
        width: 10em;
    }

    .stu_list li .img img {
        object-fit: cover;
    }

    .stu_list .tit {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        height: 8.5em;
        overflow: hidden;
    }

    .stu_list .tit .t1 {
        font-size: 16px;
        margin: 0;
        width: 100%;
    }

    .stu_list .tit .t2 {
        font-size: 12px;
        margin: 0;
    }

    .stu_list .tit .t3 {
        font-size: 14px;
        background: none;
        line-height: 1em;
        height: 1em;
    }

    .search_tit {
        font-size: 14px;
    }

    .search_none {
        font-size: 12px;
    }

    .newx_tit,
    .newx_page {
        font-size: 14px;
    }

    .newx_page a {
        float: none !important;
        width: 100%;
        max-width: 100%;
        margin-top: 1em;
        font-size: 14px;
    }

    .join_tit {
        font-size: 16px;
    }

    .join_us .form1 li {
        width: 100%;
        margin: 0 0 4% 0 !important;
    }

    .join_us .form1 li p {
        font-size: 14px;
    }

    .join_us .form1 li input[type="text"] {
        font-size: 14px;
    }

    .join_us .form3 .t1 {
        font-size: 16px;
    }

    .join_us .form3 dl {
        font-size: 14px;
    }

    .join_us .form3 .layui-form-checkbox[lay-skin="primary"] span {
        font-size: 14px;
    }

    .join_us .layui-form-checkbox[lay-skin="primary"] i {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    .join_us .layui-form-checkbox[lay-skin="primary"] span {
        line-height: 20px;
    }

    .join_us .layui-form-checkbox[lay-skin="primary"] {
        padding-left: 26px;
    }
}

/* < 320px */
@media screen and (max-width: 320px) {
    .pub_top .a_logo_wap img {
        max-height: 60%;
    }

    .pub_top .a_box {
        width: 66%;
    }
}