/* **************************************
*****************************************
*****************************************
******************** */


/* phone */

@media screen and (max-width:1280px) {
    /* index */
    body {
        width: 100%;
        min-width: 100%;
        overflow-x: hidden;
    }
    .header {
        display: none;
    }
    .headerm {
        display: block;
        width: 100%;
        height: 1.7rem;
        background: url(/images/headerm-bg.jpg) no-repeat center;
        background-size: cover;
        position: fixed;
        z-index: 11111;
    }
    .line2 {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
    }
    .line2 .logo {
        width: 80%;
        margin-right: 0.2rem;
    }
    .nav-btn {
        width: 0.5rem;
        height: 0.4rem;
        cursor: pointer;
        color: #fff;
        line-height: 0.4rem;
        text-align: center;
    }
    .nav-btn::after {
        content: "\e620";
        font-size: .4rem;
        /* height: 0.4rem; */
        line-height: 0.4rem;
        transition: .1s;
        font-family: "swiper-icons" !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .nav-btn.on::after {
        content: "\eca0"
    }
    h3 {
        font-weight: normal;
    }
    .navm {
        overflow-y: auto;
        display: block;
        width: 100%;
        top: 1.7rem;
        padding: 0.4rem 0;
        background-image: -moz-linear-gradient(180deg, rgb(72, 198, 239) 0%, rgb(111, 134, 214) 100%);
        background-image: -webkit-linear-gradient(180deg, rgb(72, 198, 239) 0%, rgb(111, 134, 214) 100%);
        background-image: -ms-linear-gradient(180deg, rgb(72, 198, 239) 0%, rgb(111, 134, 214) 100%);
    }
    .navm.navmShow {
        opacity: 1;
        visibility: visible;
    }
    .navm .change-link {
        float: none;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        vertical-align: baseline;
    }
    .navm .change-link a {
        font-size: 18px;
        padding: 0 2px;
    }
    .navm .change-link .line {
        display: inline-block;
        width: 2px;
        height: 17px;
        background-color: #fff;
        font-size: 17px;
        margin: 0 2px;
    }
    .navm .search {
        width: 90%;
        position: static;
        right: auto;
        margin: 10px auto;
    }
    .navm .search-txt {
        border-radius: 5px;
        height: 40px;
        width: 100%;
    }
    .navm .search-btn {
        height: 40px;
        float: none;
        position: absolute;
        right: 0;
        margin-right: 0;
        box-shadow: none;
        background: url(/images/search-icon.png) no-repeat center;
        border-radius: 0%;
        background-size: 60%;
    }
    .navm-item {
        width: 100%;
        position: relative;
        border-bottom: rgba(255, 255, 255, 0.13) solid 1px;
    }
    .navm-item>h3 {
        font-size: .3rem;
        line-height: .65rem;
        padding-left: 6%;
        position: relative;
    }
    .navm-item>h3 a {
        color: #fff;
    }
    .navm .navm-item h3.btn-d::after {
        content: "\e600";
        display: block;
        position: absolute;
        top: 0;
        right: 6%;
        font-size: .2rem;
        font-family: "swiper-icons" !important;
        color: #fff;
        transition: .3s;
    }
    .navm-item.on h3.btn-d::after {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }
    .navm-item-list {
        display: none;
        padding: 0 0 0 6%;
    }
    .navm-item-son {
        line-height: .56rem;
        border-top: rgba(255, 255, 255, 0.13) solid 1px;
    }
    .navm-item-son:first-child {
        border-top: none;
    }
    .navm-item-son a {
        color: #fff;
        font-size: 0.25rem;
    }
    .top-img {
        width: 100%;
        height: 125px;
        overflow: hidden;
        background-size: cover;
        padding-top: 0;
    }
    /*     banner */
.banner{
    width:100% !important;
    min-width: 100% !important;
} 
.banner1-wrap .swiper-slide {
    height:100%;
}
.swiper-button-prev,.swiper-button-next{
        display:none;
    }

    /* first */
    .first {
        width: 100%;
        height: auto;
        margin-bottom: 80px;
        background: url(/images/link-bg.png) no-repeat left bottom;
        background-size: 100%;
    }
    .link-wrap {
        width: 100%;
    }
    /* second */
    .seconde {
        width: 100%;
    }
    .seconde-wrap {
        width: 100%;
        height: auto;
        background-size: cover;
        padding-bottom: 30px;
    }
    .seconde .more {
        bottom: 15px;
    }
    .seconde .title {
        top: -0.8rem;
    }
    .my-line {
        height: auto;
        background: none;
        background-size: 100%;
    }
    .title-name {
        font-size: 0.3rem;
        display: block;
        margin: 0 auto;
    }
    .title-name p {
        font-size: 0.3rem;
    }
    .news {
        width: 99%;
        padding: 0.4rem 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        overflow: hidden;
    }
    .news-first {
        float: none;
        width: 48%;
        min-height: auto;
    }
    .news-first-pic {
        /* width: 100%; */
        height: 4rem;
        margin: 0.2rem auto;
    }
    .news-first-content img {
        width: 80%;
        margin: 0 auto;
    }
    .news-first-pic {
        margin: 0.7rem auto;
    }
    .news-second {
        width: 48%;
        margin: 0;
        float: none;
        min-height: auto;
    }
    .news-second-item:nth-child(1) {
        align-items: flex-start;
    }
    .news-second-item-tit {
        font-size: 0.2rem;
    }
    .news-second-item-content {
        font-size: 0.15rem;
    }
    .news-thred {
        width: 96%;
        float: none;
        min-height: auto;
        margin: 10px auto;
    }
    .news-third-pic{
        height:100%;
    }
    .news-thred .news-second-item {
        min-height: auto;
        max-height: 100%;
        padding-bottom: 0.5rem;
    }
    .seconde .more {
        bottom: 10px;
    }
    /* thirde */
    .thirde {
        width: 100%;
        height: auto;
        background-size: cover;
    }
    /* .notice-wrap */
    .notice-wrap {
        padding-bottom: 40px;
    }
    .notice-wrap .swiper-container {
        overflow: hidden;
    }
    /* footer */
    .footer {
        width: 100%;
        height: auto;
        background-size: cover;
    }
    .school-msg {
        margin-top: 0.15rem;
    }
    /* title 页 */
    .main-box {
        width: 100%;
    }
    .hot-news-name {
        width: 58%;
    }
    .right-location {
        width: 96%;
    }
    /* content  */
    .article {
        padding: 0 0.2rem;
        font-size: 15px;
    }
    .article-msg {
        line-height: 1.5;
        margin-bottom: 0;
    }
    .article-context {
        margin: 0.3rem auto;
    }
    .article video {
        width:98%;
        margin:0 auto;
        height:4rem;
    }
}

@media screen and (max-width:1280px) and (min-width:800px) {
    .headerm {
        height: 125px;
    }
    .navm {
        top: 125px;
    }
    .line1 .search-txt {
        width: 3.1rem;
        height: 0.45rem;
    }
    .line1 .search-btn {
        width: 0.49rem;
        height: 0.45rem;
    }
}

@media screen and (max-width:1186px) {
    .footer-wrap .logo {
        float: none;
        margin: 0 auto;
    }
    .footer-wrap .logo img {
        margin: 0 auto;
    }
    .selecte-box {
        width: 100%;
        display: flex;
        float: none;
        justify-content: space-around;
    }
}

@media screen and (max-width:940px) {
    .center-box {
        padding: 20px 0;
        margin-bottom: 0.2rem;
    }
    .left-nav {
        display: none;
    }
    .right-location {
        width: 98%;
        margin: 0 0 0 0.2rem;
    }
    .right-location,
    .right-location a {
        font-size: 0.3rem;
    }
    .right-msg {
        width: 100%;
        float: none;
    }
    .center-item {
        margin: 20px auto 0;
    }
}

@media screen and (max-width:801px) {
    .title-name {
        /* bottom: .5rem; */
    }
}

@media screen and (max-width:660px) {
    /* second news */
    .news {
        justify-content: center;
        padding: 0.4rem 0 0;
    }
    .news-first {
        width: 90%;
        margin: 0 auto;
    }
    .news-first-tit {
        font-size: 15px;
    }
    .news-first-cont {
        font-size: 15px;
        margin: 0.2rem auto;
    }
    .news-first-pic {
        /* width: 100%; */
        height: 4rem;
        margin: 0.2rem auto;
    }
    .news-first-content img {
        width: 80%;
        margin: 0 auto;
    }
    .news-second {
        width: 90%;
        min-height: auto;
        margin: 0 auto;
    }
    .news-second-item {
        width: 100%;
        margin-top: 0.2rem;
    }
    .news-second-item:nth-child(2) {
        margin-top: 0.21rem;
        position: static;
    }
    .news-thred {
        float: none;
        width: 90%;
        min-height: auto;
        margin-bottom: 40px;
    }
    .news-thred .news-second-item {
        min-height: auto;
    }
    .notice-item {
        width: 100%;
        margin: 0.3rem auto;
    }
}

@media screen and (max-width:420px) {
    .link-wrap .swiper-nav {}
    .link-text {
        top: 0.8rem;
    }
    .swiper-wrap .item {
        margin-top: 1.7rem;
    }
    .swiper-wrap .item .pic {
        width: 2.6rem;
    }
    .swiper-slide .pic .link-icon {
        height: 2.4rem;
    }
}