@media(max-width:1600px) {}

@media(max-width:1440px) {}

@media(max-width:1366px) {}

@media(max-width:1280px) {}

@media(max-width:1200px) {}

@media(max-width:1024px) {
    .mobile-inner-header {
        display: block;
    }

    .head,
    .head2,
    .tophead {
        display: none;
    }

    .logo {
        float: left;
        width: auto;
        height: auto;
        line-height: unset;
        margin-left: 10px;
    }

    .logo img {
        width: 175px;
    }

    .foot {
        padding-top: 0;
        height: auto;
    }

    .copy {
        margin-top: 0;
        border-top: none;
    }

    .keydown {
        display: none;
    }

    #back-to-top {
        display: none;
    }

    .banner {
        width: 100%;
        height: auto;
    }

    .banner img{
        width: 100%;
        padding-top: 0;
    }

    .about {
        padding-top: 20px;
    }
    
    .grambtm,
    .programbtm{
        display: none;
    }
}

@media(max-width:768px) {
    .titles {
        font-size: 18px;
    }

    .titleline {
        width: 46px;
        height: 3px;
        margin: 10px 0;
    }

    .titlesp {
        font-size: 16px;
    }

    .copy {
        line-height: 30px;
        font-size: 12px;
    }

    .copy a {
        display: block;
        font-size: 12px;
    }

    .BMap_bubble_title {
        font-size: 16px;
    }

    .BMap_bubble_content {
        font-size: 14px;
    }

    .product{
        padding: 20px 15px;
    }
    
    .products{
        width: 100%;
    }

    .left_pro{
        display: none;
    }

    .right_pro{
        width: 100%;
    }

    .proswiper a img{
        width: 100%;
        height: 112px;
    }
    
    .proswiper a div{
        height: 35px;
        font-size: 16px;
        line-height: 35px;
        background: url(../images/pro_right.png) right 10px top 5px no-repeat #fff;
        padding: 0 10px;
        margin-top: 5px;
        margin-bottom: 40px;
    }

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

    .abouts{
        width: 100%;
        flex-direction: column;
        padding: 0 15px;
    }
    
    .ab_title{
        width: 100%;
    }
    
    .ab_title div{
        font-size: 14px;
        line-height: 2.3;
    }

    .ab_cons{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    
    .ab_cons a img{
        width: 30px;
        margin: 0;
        cursor: pointer;
    }
    
    .abcontimg{
        width: 200px;
        height: auto;
    }
    
    .shuju {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 20px 0;
    }
    
    .sj {
        width: 33%;
        background: url(../images/shuju_left.png) left no-repeat;
        padding-left: 30px;
    }
    
    .sj_top {
        font-size: 16px;
    }
    
    .sj_top b {
        font-size: 20px;
    }
    
    .sj_bot {
        font-size: 16px;
    }

    .study {
        padding: 20px 0;
    }

    .stubox{
        flex-direction: column;
    }
    
    .stuleft{
        width: 100%;
        height: auto;
        padding: 20px 15px;
    }
    
    .stubox img{
        width: 100%;
        height: auto;
    }
    
    .stutile {
        font-size: 18px;
    }
    
    .stutilesp {
        font-size: 14px;
        margin-top: 10px;
    }
    
    .stucont {
        font-size: 16px;
        line-height: 2.3;
        margin-top: 20px;
    }

    .honor{
        padding: 20px 0;
    }

    #certify .swiper-slide{
        width: 100px;
    }

    .programme{
        padding: 20px 0;
    }
    
    .programmes{
        margin-top: 20px;
    }

    .new{
        padding: 20px 15px;
    }
    
    .news{
        width: 100%;
    }
    
    .newbox{
        flex-direction: column;
        margin-bottom: 15px;
    }
    
    .newimg{
        width: 100%;
        height: auto;
    }
    
    .newbl{
        display: none;
    }
    
    .newbc{
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
    }
    
    .newtitle {
        font-size: 16px;
    }
    
    .nbtime{
        font-size: 14px;
        margin: 5px 0;
    }
    
    .newcont {
        font-size: 14px;
        color: #666666;
        line-height: 2.2;
    }
    
    .newbox a{
        width: 80px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        border-radius: 10px;
        margin: auto;
    }
    
    .footb{
        padding: 0;
    }

    .foot{
        padding: 20px 0;
    }
    
    .foots{
        width: 100%;
        height: auto;
        flex-direction: column;
        padding: 0 15px;
    }
    
    .ftitle {
        font-size: 20px;
    }
    
    .ftitles {
        font-size: 14px;
    }
    
    .fcon a {
        font-size: 14px;
        line-height: 2.5;
    }
    
    .fcon p{
        font-size: 14px;
    }
    
    .fcons{
        margin-top: 10px;
    }
    
    .fcons img{
        width: 25px;
        height: 25px !important;
        margin-right: 5px;
    }
    
    .fabt .fcon:nth-child(2){
        margin-left: 10px;
    }
    
    .fcode{
        width: 160px;
        height: auto;
        margin: 10px 0;
    }
    
    .saom {
        justify-content: flex-start;
    }
    
    .saom p {
        font-size: 14px;
    }

    .foota{
        width: 100%;
        height: auto;
        padding-bottom: 0;
    }
    
    .foota .copy{
        margin-top: 0;
    }

    .inabouts{
        width: 100%;
        padding: 0 15px;
    }
    
    .inabox{
        flex-direction: column;
        margin-bottom: 15px;
    }
    
    .inabox:nth-child(even){
        flex-direction: column;
    }
    
    .inabox:nth-child(even) .inableft{
        padding-left: 0;
    }
    
    .inabox img{
        width: 100%;
        height: auto;
    }
    
    .inableft{
        
    }
    
    .inabtitle {
        font-size: 16px;
        margin: 10px 0 0;
    }
    
    .inabcont {
        font-size: 14px;
        line-height: 2;
    }
    
    .inshuju{
        display: flex;
        margin: 15px 0;
    }

    .gywm {
        padding: 20px 0 10px;
    }

    .concact_us {
        width: 100%;
        justify-content: space-between;
        margin-top: 20px;
        padding: 0 15px;
    }

    .concact_us div {
        width: 100%;
        height: auto;
        margin: 0 0 10px;
        padding: 30px 0;
    }

    .concact_us div img {
        height: 35px;
    }

    .concact_us div p:nth-child(2) {
        font-size: 14px;
        line-height: 2;
        margin-top: 15px;
    }

    .contact {
        padding: 0 15px 20px;
    }

    .contact form {
        width: 100%;
        margin: 20px auto 0;
    }

    .contactTitle input {
        width: 100%;
        height: 40px;
        float: left;
        padding-left: 10px;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .contactTextarea {
        width: 100%;
        height: 80px;
        padding-left: 10px;
        font-size: 14px;
        padding-top: 15px;
    }

    .contactubmit {
        margin-top: 0px;
    }

    .contactubmit input {
        width: 100%;
        height: 40px;
        font-size: 14px;
        border: 1px solid #d2d2d2;
    }
    
    .inproducts{
        width: 100%;
    }

    .fourflexs{
        width: 100%;
        padding: 0 15px;
    }
    
    .fourflexs a{
        width: 49%;
        margin-right: calc(2% / 1);
        margin-bottom: 15px;
    }
    .fourflexs a:nth-child(2n){
        margin-right: 0;
    }
    .fourflexs a p {
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }

    .fourflexs a div {
        height: 35px;
        font-size: 14px;
        padding: 0 10px;
    }
    .fourflexs a div img{
        width: 28px;
    }

    .fourflexs a img{
        width: 100%;
        height: auto;
    }

    .proshow {
        padding: 20px 0;
    }

    .proshows {
        width: 100%;
        margin: auto;
        padding: 0 15px;
    }

    .proshwbox {
        flex-direction: column;
        padding: 20px 10px;
    }

    .proshwbox img {
        width: 100%;
        height: auto;
    }

    .proshwbox .proshwSwiper{
        width: 100%;
    }

    .proshl {
        width: 100%;
        padding-left: 0;
    }

    .proshl p {
        font-size: 18px;
        line-height: 2;
    }

    .proshwcont {
        font-size: 16px;
        line-height: 3;
        text-align: justify;
    }

    .proshwbtn {
        width: 100px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
    }

    .proshowdetail {
        margin-top: 20px;
    }

    .proshowdetail table{
        font-size: 12px;
    }

    .inhonor {
        padding: 20px 0;
    }

    .fiveflexs {
        width: 100%;
        padding: 0 15px;
        margin: 0 auto 0
    }

    .fiveflexs a {
        width: 49.5%;
        display: block;
        margin-right: calc(1% / 1);
        margin-bottom: 15px;
    }

    .fiveflexs a:nth-child(5n) {
        margin-right: calc(1% / 1);
    }

    .fiveflexs a:nth-child(2n) {
        margin-right: 0;
    }

    .innews {
        width: 100%;
        padding: 20px 15px;
    }

    .innw {
        width: 100%;
        padding: 15px 10px;
        margin-top: 10px;
    }

    .innew_intro {
        align-items: normal;
        flex-direction: column-reverse;
    }

    .innew_left {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .innew_title {
        font-size: 16px;
        line-height: 1.556;
    }

    .innew_date {
        position: absolute;
        left: 10px;
        bottom: 0;
        font-size: 14px;
    }

    .innew_date span {
        font-size: 14px;
    }

    .innew_con {
        font-size: 14px;
    }

    .innew_more {
        margin-top: 0px;
        width: 78px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #000;
        border-radius: 20px;
    }

    .newshow{
        padding: 20px 15px;
    }
    
    .newshows{
        width: 100%;
        margin: 20px auto 0;
    }

    .neswtitle {
        font-size: 14px;
        line-height: 2;
    }
    
    .neswtips {
        font-size: 12px;
        line-height: 2;
    }
}

@media(max-width:420px) {}

@media(max-width:376px) {}

@media(max-width:360px) {}