<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (max-width: 1750px) {
    #nav .mainlevel a{
        padding: 22px 30px;
    }
    #nav li.login a{
        padding: 0 20px;
    }
    #nav li.reg{
        margin-right: 0px;
    }
    #menu{
        width: 98%;
        padding: 40px 0 0 2%;
    }
    #nav .mainlevel a{
        padding: 22px 34px;
    }
    .Triangle_con{
        margin-left: -8px;
    }
    #nav .mainlevel:nth-of-type(6) ul{
        margin-left: -520px;
    }
    .cont{
        padding: 50px 16%;
        height: 56vh;
    }
    /* .all_boxs{
        height: 100vh;
    } */
    .boxs-content{
        position: relative;
        overflow: hidden;
        width: 1050px;
        height: 100vh;
        padding: 0;
        margin: 20px auto 0;
    }
    .boxs-content-col1{
        width: 287px;
        margin-right: 9px;
    }
    .boxs-content-col2{
        width: 274px;
        margin-right: 9px;
    }
    .boxs-content-col3{
        width: 226px;
        margin-right: 9px;
    }
    .boxs-content-col4{
        width: 236px;
    }
    .boxs-content-col:not(:last-child){
        margin-bottom: 8px;
    }
    .boxs-content-col1 img,
    .boxs-content-col2 img,
    .boxs-content-col3 img,
    .boxs-content-col4 img{
        max-width: 100%;
    }
    .boxs-content-col a span{
        top: 30px;
        left: 30px;
        font-size: 18px;
    }
    .boxs-content-col a span::after{
        height: 24px;
        margin-left: 10px;
    }
    .boxs-content-col-about .boxs-content-col-about-content{
        width: 90%;
        top: 35px;
        left: 5%;
        right: 5%;
    }
    .boxs-content-col-about .boxs-content-col-about-content span::after{
        margin: 10px auto 25px;
    }
    .boxs-content-col-about .boxs-content-col-about-content p{
        font-size: 14px;
        line-height: 22px;
        height: 180px;
        margin-bottom: 10px;
        overflow: hidden;
    }
}
@media(max-width:1450px){
    #nav .mainlevel a{
        padding: 22px 20px;
    }
    #nav li.login a{
        padding: 0 20px;
    }
    #nav li.reg{
        margin-right: 0px;
    }
    #menu{
        width: 98%;
        padding: 40px 0 0 2%;
    }
    #nav .mainlevel a{
        padding: 22px;
    }
    .Triangle_con{
        margin-left: -8px;
    }
    #nav .mainlevel:nth-of-type(6) ul{
        margin-left: -520px;
    }
    .cont{
        padding: 50px 16%;
        height: 56vh;
    }
    /* .all_boxs{
        height: 100vh;
    } */
    .boxs-content{
        position: relative;
        overflow: hidden;
        width: 1050px;
        height: 100vh;
        padding: 0;
        margin: 20px auto 0;
    }
    .boxs-content-col1{
        width: 287px;
        margin-right: 9px;
    }
    .boxs-content-col2{
        width: 274px;
        margin-right: 9px;
    }
    .boxs-content-col3{
        width: 226px;
        margin-right: 9px;
    }
    .boxs-content-col4{
        width: 236px;
    }
    .boxs-content-col:not(:last-child){
        margin-bottom: 8px;
    }
    .boxs-content-col1 img,
    .boxs-content-col2 img,
    .boxs-content-col3 img,
    .boxs-content-col4 img{
        max-width: 100%;
    }
    .boxs-content-col a span{
        top: 30px;
        left: 30px;
        font-size: 18px;
    }
    .boxs-content-col a span::after{
        height: 24px;
        margin-left: 10px;
    }
    .boxs-content-col-about .boxs-content-col-about-content{
        width: 90%;
        top: 35px;
        left: 5%;
        right: 5%;
    }
    .boxs-content-col-about .boxs-content-col-about-content span::after{
        margin: 10px auto 25px;
    }
    .boxs-content-col-about .boxs-content-col-about-content p{
        font-size: 14px;
        line-height: 22px;
        height: 180px;
        margin-bottom: 10px;
        overflow: hidden;
    }
    /* å†…é¡µæ€»å®½åº¦ */
    .main{
        width: 1000px;
    }
    .main-content-aboutimg span{
        height: 200px;
    }
    .main-class ul li{
        margin-bottom: 20px;
    }
    .main-class ul li a{
        padding: 0 20px;
    }

    /* å­¦æœ¯ */
    .acad-left{
        width: 220px;
    }
    .acad-left .acad-left-one{
        background-size: 100%;
        width: 220px;
        height: 186px;
    }
    .acad-left .acad-left-two{
        background-size: 100%;
        width: 220px;
        height: 172px;
    }
    .acad-right{
        width: 780px;
        height: 360px;
    }
    .acad-right-border{
        width: 760px;
        height: 340px;
        margin: 10px;
    }
    .acad-right-class{
        margin: 20px 10px 10px 20px;
    }
    .acad-right-list{
        margin-top: 10px;
    }
    .acad-right-list ul li a{
        line-height: 30px;
        margin-top: 15px;
    }
    .acad-right-list ul li a i{
        margin-top: 15px;
    }

    /* æ´»åŠ¨ */
    .act-content{
        height: 480px;
    }
    .act-content dl.activity {
        height: 480px;
    }
    .act-content .activity dt {
        width: 140px;
        height: 480px;
    }
    .act-content .activity dt .atc-class h2{
        margin-top: 10%;
    }
    .act-content .activity dt .atc-class a{
        margin-top: 20%;
    }
    .act-content .activity dd {
        width: 500px;
        height: 455px;
    }
    .activity .act-list-all{
        padding: 20px;
    }
    .act-content .activity dd .act-list .act-list-left{
        width: 35%;
    }
    .act-content .activity dd .act-list .act-list-right{
        width: 63%;
    }
    .act-content .activity dd .act-list .act-list-right a.title{
        margin-bottom: 10px;
        font-size: 18px;
    }
}
@media(max-width:1366px){
    #nav .mainlevel a{
        padding: 22px 20px;
    }
    .Triangle_con{
        margin-left: -8px;
    }
    #nav .mainlevel:nth-of-type(6) ul{
        margin-left: -520px;
    }
    .cont{
        height: 58vh;
    }
    .boxs-content{
        position: relative;
        overflow: hidden;
        width: 1000px;
        height: 65vh;
        padding: 50px 0;
        margin: 0 auto;
    }
    .boxs-content-col1{
        width: 270px;
        margin-right: 10px;
    }
    .boxs-content-col2{
        width: 260px;
        margin-right: 10px;
    }
    .boxs-content-col3{
        width: 212px;
        margin-right: 10px;
    }
    .boxs-content-col4{
        width: 222px;
    }
    .boxs-content-col:not(:last-child){
        margin-bottom: 10px;
    }
    .boxs-content-col1 img,
    .boxs-content-col2 img,
    .boxs-content-col3 img,
    .boxs-content-col4 img{
        max-width: 100%;
    }
    .boxs-content-col a span{
        top: 30px;
        left: 30px;
        font-size: 16px;
    }
    .boxs-content-col a span::after{
        height: 24px;
        margin-left: 10px;
        width: 5px;
    }
    .boxs-content-col-about .boxs-content-col-about-content{
        width: 90%;
        top: 25px;
        left: 5%;
        right: 5%;
    }
    .boxs-content-col-about .boxs-content-col-about-content span::after{
        margin: 10px auto 25px;
    }
    .boxs-content-col-about .boxs-content-col-about-content p{
        font-size: 14px;
        line-height: 20px;
        height: 140px;
        margin-bottom: 40px;
        overflow: hidden;
    }
    .copyright{
        margin-top: 20px;
    }
    /* å†…é¡µæ€»å®½åº¦ */
    .main{
        width: 1000px;
    }
    .main-content-aboutimg span{
        height: 185px;
    }
    /* å­¦æœ¯ */
    .acad-left{
        width: 257px;
    }
    .acad-left .acad-left-one{
        background-size: 100%;
        width: 257px;
        height: 215px;
    }
    .acad-left .acad-left-two{
        background-size: 100%;
        width: 257px;
        height: 202px;
    }
    .acad-right{
        width: 743px;
        height: 423px;
    }
    .acad-right-border{
        width: 701px;
        height: 383px;
    }
    .acad-right-list{
        margin-top: 10px;
    }
    .acad-right-list ul li a{
        line-height: 30px;
        margin-top: 20px;
    }
    /* æ´»åŠ¨ */
    .act-content{
        height: 480px;
    }
    .act-content dl.activity {
        height: 480px;
    }
    .act-content .activity dt {
        width: 140px;
        height: 480px;
    }
    .act-content .activity dt .atc-class h2{
        margin-top: 10%;
    }
    .act-content .activity dt .atc-class a{
        margin-top: 20%;
    }
    .act-content .activity dd {
        width: 500px;
        height: 455px;
    }
    .activity .act-list-all{
        padding: 20px;
    }
    .act-content .activity dd .act-list .act-list-left{
        width: 38%;
    }
    .act-content .activity dd .act-list .act-list-right{
        width: 60%;
    }
    .act-content .activity dd .act-list .act-list-right a.title{
        margin-bottom: 5px;
        font-size: 16px;
    }
}
@media screen and (min-width:1200px) and (max-width:1365px){
    #nav .mainlevel a{
        padding: 22px 20px;
    }
    #nav li.login a{
        padding: 0 20px;
    }
    #nav li.reg{
        margin-right: 0px;
    }
    .Triangle_con{
        margin-left: -8px;
    }
    #nav .mainlevel:nth-of-type(6) ul{
        margin-left: -560px;
    }
    #nav .mainlevel:nth-of-type(6) ul .Triangle_con{
        margin-left: 550px;
    }
    .cont{
        height: 50vh;
    }
    .info-list h2,
    .canguan h2,
    .gongyi h2,
    .zhanlan h2,
    .huodong h2{
        margin-top: 110px;
    }
    #menu{
        padding: 40px 0 0 2%;
    }
    .all_boxs{
        height: 100vh;
    }
    .boxs-content{
        position: relative;
        overflow: hidden;
        width: 933px;
        height: 100vh;
        padding: 0;
        margin: 20px auto 0;
    }
    .boxs-content-col1{
        width: 254px;
        margin-right: 9px;
    }
    .boxs-content-col2{
        width: 243px;
        margin-right: 9px;
    }
    .boxs-content-col3{
        width: 200px;
        margin-right: 9px;
    }
    .boxs-content-col4{
        width: 209px;
    }
    .boxs-content-col:not(:last-child){
        margin-bottom: 8px;
    }
    .boxs-content-col1 img,
    .boxs-content-col2 img,
    .boxs-content-col3 img,
    .boxs-content-col4 img{
        max-width: 100%;
    }
    .boxs-content-col a span{
        top: 30px;
        left: 30px;
        font-size: 14px;
    }
    .boxs-content-col a span::after{
        height: 24px;
        margin-left: 10px;
        width: 4px;
    }
    .boxs-content-col-about .boxs-content-col-about-content{
        width: 90%;
        top: 25px;
        left: 5%;
        right: 5%;
    }
    .boxs-content-col-about .boxs-content-col-about-content span::after{
        margin: 10px auto 25px;
    }
    .boxs-content-col-about .boxs-content-col-about-content p{
        font-size: 14px;
        line-height: 20px;
        height: 140px;
        margin-bottom: 40px;
        overflow: hidden;
    }
    .copyright{
        margin-top: 60px;
    }
    /* å†…é¡µæ€»å®½åº¦ */
    .main{
        width: 1000px;
    }
    .main-content-aboutimg span{
        height: 185px;
    }
    /* å­¦æœ¯ */
    .acad-left{
        width: 227px;
    }
    .acad-left .acad-left-one{
        background-size: 100%;
        width: 227px;
        height: 190px;
    }
    .acad-left .acad-left-two{
        background-size: 100%;
        width: 227px;
        height: 179px;
    }
    .acad-right{
        width: 773px;
        height: 372px;
    }
    .acad-right-border{
        width: 731px;
        height: 332px;
    }
    .acad-right-list{
        margin-top: 2px;
    }
    .acad-right-list ul li a{
        line-height: 30px;
        margin-top: 10px;
    }
    .acad-right-list ul li a i{
        margin-top: 15px;
    }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    #logo{
        width: 25%;
    }
    #menu{
        padding: 40px 0 0 2%;
        min-width: 98%;
    }
    #nav .mainlevel a{
        padding: 22px 10px;
    }
    #nav li.login a{
        padding: 0 20px;
    }
    #nav li.reg{
        margin-right: 0px;
    }
    #nav li.reg a{
        padding: 0 20px;
    }
    .Triangle_con{
        margin-left: -8px;
    }
    #nav .mainlevel ul{
        margin-left: -40px;
    }
    #nav .mainlevel ul .Triangle_con{
        margin-left: 20px;
    }
    #nav .mainlevel:nth-of-type(2) ul{
        margin-left: -100px;
    }
    #nav .mainlevel:nth-of-type(2) ul .Triangle_con{
        margin-left: 80px;
    }
    #nav .mainlevel:nth-of-type(6) ul{
        margin-left: -600px;
    }
    #nav .mainlevel:nth-of-type(6) ul .Triangle_con{
        margin-left: 580px;
    }
    .cont{
        height: 50vh;
    }
    .info-list h2,
    .canguan h2,
    .gongyi h2,
    .zhanlan h2,
    .huodong h2{
        margin-top: 110px;
    }
    
    .all_boxs{
        height: 100vh;
    }
    .boxs-content{
        position: relative;
        overflow: hidden;
        width: 933px;
        height: 100vh;
        padding: 0;
        margin: 20px auto 0;
    }
    .boxs-content-col1{
        width: 254px;
        margin-right: 9px;
    }
    .boxs-content-col2{
        width: 243px;
        margin-right: 9px;
    }
    .boxs-content-col3{
        width: 200px;
        margin-right: 9px;
    }
    .boxs-content-col4{
        width: 209px;
    }
    .boxs-content-col:not(:last-child){
        margin-bottom: 8px;
    }
    .boxs-content-col1 img,
    .boxs-content-col2 img,
    .boxs-content-col3 img,
    .boxs-content-col4 img{
        max-width: 100%;
    }
    .boxs-content-col a span{
        top: 30px;
        left: 30px;
        font-size: 14px;
    }
    .boxs-content-col a span::after{
        height: 24px;
        margin-left: 10px;
        width: 4px;
    }
    .boxs-content-col-about .boxs-content-col-about-content{
        width: 90%;
        top: 25px;
        left: 5%;
        right: 5%;
    }
    .boxs-content-col-about .boxs-content-col-about-content span::after{
        margin: 10px auto 25px;
    }
    .boxs-content-col-about .boxs-content-col-about-content p{
        font-size: 14px;
        line-height: 20px;
        height: 140px;
        margin-bottom: 40px;
        overflow: hidden;
    }
    /* å†…é¡µæ€»å®½åº¦ */
    .main{
        width: 900px;
    }
    .main-content-aboutimg span{
        height: 139px;
    }
    .main-class ul li{
        margin-bottom: 20px;
    }
    .main-class ul li a{
        padding: 0 20px;
    }
    /* å­¦æœ¯ */
    .acad-left{
        width: 227px;
        margin-top: 40px;
    }
    .acad-left .acad-left-one{
        background-size: 100%;
        width: 227px;
        height: 190px;
    }
    .acad-left .acad-left-two{
        background-size: 100%;
        width: 227px;
        height: 179px;
    }
    .acad-right{
        width: 649px;
        height: 372px;
        margin-top: 40px;
    }
    .acad-right-border{
        width: 607px;
        height: 332px;
    }
    .acad-right-list{
        margin-top: 2px;
    }
    .acad-right-list ul li a{
        line-height: 30px;
        margin-top: 10px;
    }
    .acad-right-list ul li a i{
        margin-top: 15px;
    }
    /* æ´»åŠ¨ */
    .act-content{
        height: 480px;
    }
    .act-content dl.activity {
        height: 480px;
    }
    .act-content .activity dt {
        width: 140px;
        height: 480px;
    }
    .act-content .activity dt .atc-class h2{
        margin-top: 10%;
    }
    .act-content .activity dt .atc-class a{
        margin-top: 20%;
    }
    .act-content .activity dd {
        width: 400px;
        height: 455px;
    }
    .activity .act-list-all{
        padding: 20px;
    }
    .act-content .activity dd .act-list{
        margin-top: 5%;
    }
    .act-content .activity dd .act-list .act-list-left{
        width: 38%;
    }
    .act-content .activity dd .act-list .act-list-right{
        width: 60%;
    }
    .act-content .activity dd .act-list .act-list-right a.title{
        margin-bottom: 5px;
        font-size: 16px;
    }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    #logo{
        width: 25%;
        margin-top: 30px;
    }
    #menu{
        padding: 0 0 0 2%;
        min-width: 98%;
    }
    #nav .mainlevel a{
        padding: 22px 12px;
    }
    #nav li.login{
        margin-left: 10px;
    }
    #nav li.login a{
        padding: 0 10px;
    }
    #nav li.reg{
        margin-right: 0px;
    }
    #nav li.reg a{
        padding: 0 10px;
    }
    .Triangle_con{
        margin-left: -8px;
    }
    #nav .mainlevel ul{
        margin-left: -40px;
    }
    #nav .mainlevel .sub_nav_01 li{
        padding: 0;
    }
    #nav .mainlevel .sub_nav_01 li a{
        padding: 0 5px;
    }
    #nav .mainlevel ul .Triangle_con{
        margin-left: 20px;
    }
    #nav .mainlevel:nth-of-type(2) ul{
        margin-left: -100px;
    }
    #nav .mainlevel:nth-of-type(2) ul .Triangle_con{
        margin-left: 80px;
    }
    #nav .mainlevel:nth-of-type(6) ul{
        margin-left: -520px;
    }
    #nav .mainlevel:nth-of-type(6) ul .Triangle_con{
        margin-left: 500px;
    }
    .cont{
        height: 50vh;
    }
    .info-list h2,
    .canguan h2,
    .gongyi h2,
    .zhanlan h2,
    .huodong h2{
        margin-top: 110px;
    }
    
    .all_boxs{
        height: 100vh;
    }
    .boxs-content{
        position: relative;
        overflow: hidden;
        width: 933px;
        height: 100vh;
        padding: 0;
        margin: 20px auto 0;
    }
    .boxs-content-col1{
        width: 254px;
        margin-right: 9px;
    }
    .boxs-content-col2{
        width: 243px;
        margin-right: 9px;
    }
    .boxs-content-col3{
        width: 200px;
        margin-right: 9px;
    }
    .boxs-content-col4{
        width: 209px;
    }
    .boxs-content-col:not(:last-child){
        margin-bottom: 8px;
    }
    .boxs-content-col1 img,
    .boxs-content-col2 img,
    .boxs-content-col3 img,
    .boxs-content-col4 img{
        max-width: 100%;
    }
    .boxs-content-col a span{
        top: 30px;
        left: 30px;
        font-size: 14px;
    }
    .boxs-content-col a span::after{
        height: 24px;
        margin-left: 10px;
        width: 4px;
    }
    .boxs-content-col-about .boxs-content-col-about-content{
        width: 90%;
        top: 25px;
        left: 5%;
        right: 5%;
    }
    .boxs-content-col-about .boxs-content-col-about-content span::after{
        margin: 10px auto 25px;
    }
    .boxs-content-col-about .boxs-content-col-about-content p{
        font-size: 14px;
        line-height: 20px;
        height: 140px;
        margin-bottom: 40px;
        overflow: hidden;
    }
    /* å†…é¡µæ€»å®½åº¦ */
    .main{
        width: 900px;
    }
    .main-content-aboutimg span{
        height: 108px;
    }
    .main-class ul li{
        margin-bottom: 20px;
    }
    .main-class ul li a{
        padding: 0 20px;
    }
    /* å­¦æœ¯ */
    .acad-left{
        width: 227px;
        margin-top: 40px;
    }
    .acad-left .acad-left-one{
        background-size: 100%;
        width: 227px;
        height: 190px;
    }
    .acad-left .acad-left-two{
        background-size: 100%;
        width: 227px;
        height: 179px;
    }
    .acad-right{
        width: 649px;
        height: 372px;
        margin-top: 40px;
    }
    .acad-right-border{
        width: 607px;
        height: 332px;
    }
    .acad-right-list{
        margin-top: 2px;
    }
    .acad-right-list ul li a{
        line-height: 30px;
        margin-top: 10px;
    }
    .acad-right-list ul li a i{
        margin-top: 15px;
    }
    /* æ´»åŠ¨ */
    .act-content{
        height: 480px;
    }
    .act-content dl.activity {
        height: 480px;
    }
    .act-content .activity dt {
        width: 140px;
        height: 480px;
    }
    .act-content .activity dt .atc-class h2{
        margin-top: 10%;
    }
    .act-content .activity dt .atc-class a{
        margin-top: 20%;
    }
    .act-content .activity dd {
        width: 400px;
        height: 455px;
    }
    .activity .act-list-all{
        padding: 20px;
    }
    .act-content .activity dd .act-list{
        margin-top: 5%;
    }
    .act-content .activity dd .act-list .act-list-left{
        width: 1%;
        display: none;
    }
    .act-content .activity dd .act-list .act-list-right{
        width: 100%;
    }
    .act-content .activity dd .act-list .act-list-right a.title{
        margin-bottom: 5px;
        font-size: 16px;
    }

}
@media screen and (min-width: 769px) and (max-width: 959px) {
    #logo{
        width: 25%;
        margin-top: 30px;
    }
    #menu{
        padding: 0 0 0 2%;
        min-width: 98%;
    }
    #nav .mainlevel a{
        padding: 22px 5px;
    }
    #nav li.login{
        margin-left: 10px;
    }
    #nav li.login a{
        padding: 0 10px;
    }
    #nav li.reg{
        margin-right: 0px;
    }
    #nav li.reg a{
        padding: 0 10px;
    }
    .Triangle_con{
        margin-left: -8px;
    }
    #nav .mainlevel ul{
        margin-left: -40px;
    }
    #nav .mainlevel .sub_nav_01 li{
        padding: 0;
    }
    #nav .mainlevel .sub_nav_01 li a{
        padding: 0 5px;
    }
    #nav .mainlevel ul .Triangle_con{
        margin-left: 20px;
    }
    #nav .mainlevel:nth-of-type(2) ul{
        margin-left: -100px;
    }
    #nav .mainlevel:nth-of-type(2) ul .Triangle_con{
        margin-left: 80px;
    }
    #nav .mainlevel:nth-of-type(6) ul{
        margin-left: -520px;
    }
    #nav .mainlevel:nth-of-type(6) ul .Triangle_con{
        margin-left: 500px;
    }
    .cont{
        height: 50vh;
    }
    .info-list h2,
    .canguan h2,
    .gongyi h2,
    .zhanlan h2,
    .huodong h2{
        margin-top: 110px;
    }
    
    .all_boxs{
        height: 100vh;
    }
    .boxs-content{
        position: relative;
        overflow: hidden;
        width: 933px;
        height: 100vh;
        padding: 0;
        margin: 20px auto 0;
    }
    .boxs-content-col1{
        width: 254px;
        margin-right: 9px;
    }
    .boxs-content-col2{
        width: 243px;
        margin-right: 9px;
    }
    .boxs-content-col3{
        width: 200px;
        margin-right: 9px;
    }
    .boxs-content-col4{
        width: 209px;
    }
    .boxs-content-col:not(:last-child){
        margin-bottom: 8px;
    }
    .boxs-content-col1 img,
    .boxs-content-col2 img,
    .boxs-content-col3 img,
    .boxs-content-col4 img{
        max-width: 100%;
    }
    .boxs-content-col a span{
        top: 30px;
        left: 30px;
        font-size: 14px;
    }
    .boxs-content-col a span::after{
        height: 24px;
        margin-left: 10px;
        width: 4px;
    }
    .boxs-content-col-about .boxs-content-col-about-content{
        width: 90%;
        top: 25px;
        left: 5%;
        right: 5%;
    }
    .boxs-content-col-about .boxs-content-col-about-content span::after{
        margin: 10px auto 25px;
    }
    .boxs-content-col-about .boxs-content-col-about-content p{
        font-size: 14px;
        line-height: 20px;
        height: 140px;
        margin-bottom: 40px;
        overflow: hidden;
    }
    /* å†…é¡µæ€»å®½åº¦ */
    .main{
        width: 700px;
    }
    .main-content-aboutimg span{
        height: 108px;
    }
    .main-class ul li{
        margin-bottom: 20px;
    }
    .main-class ul li a{
        padding: 0 20px;
    }
    /* å­¦æœ¯ */
    .acad-left{
        width: 182px;
        margin-top: 20px;
    }
    .acad-left .acad-left-one{
        background-size: 100%;
        width: 182px;
        height: 152px;
    }
    .acad-left .acad-left-two{
        background-size: 100%;
        width: 182px;
        height: 143px;
    }
    .acad-left .acad-left-one a,
    .acad-left .acad-left-two a{
        font-size: 18px;
    }
    .acad-right{
        width: 518px;
        height: 297px;
        margin-top: 20px;
    }
    .acad-right-border{
        width: 496px;
        height: 275px;
        margin: 10px;
    }
    .acad-right-class{
        margin: 10px 10px 10px 20px;
    }
    .acad-right-class a{
        margin: 5px 10px;
        font-size: 18px;
    }
    .acad-right-list{
        margin-top: 2px;
        margin-left: 30px;
    }
    .acad-right-list ul li a{
        line-height: 30px;
        margin-top: 10px;
    }
    .acad-right-list ul li a i{
        margin-top: 15px;
    }
    /* æ´»åŠ¨ */
    .act-content{
        height: 374px;
    }
    .act-content dl.activity {
        height: 374px;
    }
    .act-content .activity dt {
        width: 110px;
        height: 374px;
    }
    .act-content .activity dt .atc-class h2{
        margin-top: 10%;
    }
    .act-content .activity dt .atc-class a{
        margin-top: 20%;
    }
    .act-content .activity dd {
        width: 300px;
        height: 354px;
    }
    .activity .act-list-all{
        padding: 20px;
        height: 300px;
        overflow-y: scroll;
    }
    .act-content .activity dd .act-list{
        margin-top: 5%;
    }
    .act-content .activity dd .act-list .act-list-left{
        width: 0%;

    }
    .act-content .activity dd .act-list .act-list-right{
        width: 100%;
    }
    .act-content .activity dd .act-list .act-list-right a.title{
        margin-bottom: 5px;
        font-size: 16px;
    }

}
@media(max-width:768px){
    img{
        max-width: 100%;
    }
    #menu{
        display: none;
    }
    #mobmenu{
        display: block;
    }
    .cont{
        height: 2200px;
        padding: 20px 2%;
    }
    .cont__inner{
        height: 2200px;
    }
    .el{
        position: relative;
        width: 100%;
        height: 400px;
        margin-bottom: 2%;
    }
    .el:nth-child(2),
    .el:nth-child(3),
    .el:nth-child(4),
    .el:nth-child(5){
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .el__bg:before{
        background-size: cover;
        background-position: center top;
    }
    .el:hover{
        top: 0;
    }

    /* about */
    .all_boxs{
        height: auto;
    }
    .boxs-content{
        width: 100%;
        height: auto;
    }
    .boxs-content-col1,
    .boxs-content-col2,
    .boxs-content-col3,
    .boxs-content-col4,
    .boxs-content-col15{
        width: 96%;
        margin: 2%;
    }
    .boxs-content-col1 img,
    .boxs-content-col2 img,
    .boxs-content-col3 img,
    .boxs-content-col4 img,
    .boxs-content-col15 img{
        width: 100%;
    }
    .boxs-content-col a span{
        font-size: 18px;
        line-height: 40px;
        letter-spacing: 10px;
    }
    .boxs-content-col a span::after{
        height: 35px;
    }
    .boxs-content-col-about .boxs-content-col-about-content{
        top: 35px;
    }
    .boxs-content-col-about .boxs-content-col-about-content p{
        height: auto;
        font-size: 16px;
        line-height: 30px;
    }
    /* å†…é¡µæ€»å®½åº¦ */
    .main{
        width: 96%;
    }
    .main-content-aboutimg span{
        height: 108px;
    }
    .main-class ul li{
        margin-bottom: 20px;
    }
    .main-class ul li a{
        padding: 0 10px;
    }
    .dire-class dl dt{
        width: 100%;
        margin-right: 0;
    }
    .dire-class dl dd{
        margin-left: 10px;
    }
    .dire-list dl{
        width: 48%;
        margin: 1%;
    }
    .dire-list dl:nth-of-type(1),
    .dire-list dl:nth-of-type(5),
    .dire-list dl:nth-of-type(9){
        margin-left: 1%;
    }
    .dire-list dl:nth-of-type(4),
    .dire-list dl:nth-of-type(8),
    .dire-list dl:nth-of-type(12){
        margin-right: 1%;
    }
    /* å­¦æœ¯ */
    .acad-left{
        width: 100%;
        margin-top: 20px;
    }
    .acad-left .acad-left-one{
        background-size: 100% 100%;
        width: 50%;
        height: 152px;
        float: left;
    }
    .acad-left .acad-left-two{
        background-size: 100% 100%;
        width: 50%;
        height: 152px;
        float: left;
    }
    .acad-left .acad-left-one a,
    .acad-left .acad-left-two a{
        font-size: 18px;
    }
    .acad-right{
        width: 100%;
        height: auto;
        margin-top: 20px;
       
    }
    .acad-right-border{
        width: 96%;
        height: auto;
        margin: 2%;
        padding-bottom: 20px;
    }
    .acad-right-class{
        margin: 5px;
    }
    .acad-right-class a{
        margin: 5px;
        font-size: 16px;
    }
    .acad-right-list{
        margin-top: 2px;
        margin-left: 10px;
    }
    .acad-right-list ul li a{
        width: 100%;
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .acad-right-list ul li a i{
        margin-top: 14px;
    }
    /* å±•è§ˆ */
    .exhi-content{
        width: 99%;
    }
    .exhi-content-border{
        width: 97%;
    }
    .exhi-content-title{
        width: 10%;
        padding-top: 60%;
    }
    .exhi-content-class{
        width: 90%;
        margin-top: 5%;
    }
    .exhi-content-class-list img{
        border: 1px #6da288 solid;
    }
    .exhi-content-img{
        width: 100%;
        margin-top: 20%;
    }

    /* ä¸´æ—¶å±•è§ˆ */
    .temp-list dl dt,
    .temp-list dl dd{
        width: 100%;
    }
    .temp-list dl dt a img{
        min-height: auto;
        height: auto;
    }
    /* æ´»åŠ¨ */
    #activity{
        display: none;
    }
    .act-content{
        height: auto;
    }
}
@media only screen and (max-width: 479px) {
    .ny-login{
        width: 320px;
        height: 275px;
        margin: 0 auto;
        position: relative;
        margin-top: 15%;
        overflow: hidden;
    }
    .ny-reg{
        width: 320px;
        height: 297px;
        margin: 0 auto;
        position: relative;
        margin-top: 15%;
        overflow: hidden;
    }
    .ny-login .ny-login-bg,
    .ny-reg .ny-reg-bg{
        background-size: 100%;
    }
    .ny-login .ny-login-bg h2,
    .ny-reg .ny-reg-bg h2{
        font-size: 22px;
        padding: 20px 0;
    }
    .ny-login .ny-login-bg .login-form,
    .ny-reg .ny-reg-bg .reg-form{
        margin: 5px auto;
    }
    .ny-login .ny-login-bg .login-form input,
    .ny-reg .ny-reg-bg .reg-form input{
        line-height: 25px;
        font-size: 14px;
    }
    .ny-login .ny-login-bg .login-form button,
    .ny-reg .ny-reg-bg .reg-form button{
        line-height: 30px;
        font-size: 16px;
        margin-top: 10px;
    }
}
</pre></body></html>