@charset "utf-8"; /* CSS Document*/
@media screen  and (max-width: 1440px) {

}

@media screen  and (max-width: 1200px) {
    body {
        min-width:100%;
    }
    .news_pic{margin-bottom:0 !important;width:375px; height:332px;}
    .news_pic .slick-list{width: 100%}
    .news_pic .slick-slide img{width:100%; height:332px; }
    .w1200 {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    #cssmenu > ul > li > a {
        padding: 20px 5px;
    }
    .i-search{top: -50px;}
    .menu_box{width: 100%}
    .header_body{width: 100%}
    .about_box{width: 100%}
    .news_pic{width: 40%}
    .about_info{width: 52%;}
    .tszl_box{width: 100%}
    .kstd_box{width: 100%}
    .team-box{width: 100%}
    .team-box .swiper-button-next{right: 0 !important;}
    .team-box .swiper-button-prev{left: 0 !important;}
    .tszl_box .tszl_nr{width: 33.3333333%; float: left;}
    .tszl_box .xm1,.tszl_box .xm2,.tszl_box .xm3{margin: 0 auto}
    .news_box{width: 100%; margin: 0 auto 40px auto;}
    .news_box_l,.news_box_c,.news_box_r{width: 31%;}
    .news_box .news_zspic{width: 100%;}
    .news_box .news_zspic img{width: 100%}
    .footer{width: 100%;}
    .end_logo{display: none;}

    .i_list2 li a {
        width: 68%
    }

    .this-name {
        height: 40px;
        line-height: 40px;
        margin: 10px 10px 0 10px;
    }

    .this-name span {
        height: 40px;
        line-height: 40px;
        background: url(../images/this_ico.png) left center no-repeat;
    }

    .this-name h1 {
        height: 39px;
        line-height: 40px;
        font-size: 16px;
        padding: 0 5px
    }

    .listmain {
        width: 100%;
        margin: 0 auto
    }

    .lm-left {
        width: 100%;
        float: none;
    }

    .lm-left .left-lmname {
        background: url(../images/left_title_bg.png) left #068b93 no-repeat;
        height: 60px;
        line-height: 60px;
        box-sizing: inherit
    }

    .lm-left .left-lmname h1 {
        height: 60px;
        line-height: 60px;
    }

    .lm-left .list-sub a {
        line-height: 40px;
        height: 40px;
        width: 33.3333%;
        float: left;
    }

    .lm-right {
        width: 100%;
        margin: 0 auto;
        float: none
    }

    .lm-right .lm_list {
        padding: 10px 10px;
min-height: 30rem;
    }

    .lm-right .lm_list li {
        padding: 0;
        font-size: 15px;
    }

    .lm-right .lm_list li a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 70%;
    }

    .lm-right .lm_list li a {
        background: none;
        padding: 0;
    }

    .lm-right .lm_list li:hover {
        background: #f3feff;
        color: #ff6600;
    }

    .lm-right .lm_list li:hover a {
        color: #ff6600;
        background: none
    }

    .lm-left .list-sub {
        width: 100%
    }

    .pic-list {
        width: 98%;
        margin: 20px auto;
    }

    .pic-list ul {
        width: 110%;
        margin: 0 auto;
    }

    .pic-list li {
        margin-right: 25px;
        float: left;
        margin-bottom: 0;
        height: auto;
        overflow: hidden;
        box-sizing: border-box;
    }

    .list_img {
        width: 240px;
        height: 170px;
        padding: 10px;
        border: #cccccc 1px solid;
        overflow: hidden;
        display: block;
    }

    .pic-list li img {
        width: 240px;
        height: 170px;
    }

    .cont_yxbm_rigB {
        width: 100%;
        box-sizing: border-box;
    }

    .cont_yxbm_rigB h2 {
        width: 100%
    }

    .cont_yxbm_rigB ul {
        width: 107%
    }

    .cont_yxbm_rigB ul li {
        width: 45%;
        box-sizing: border-box;
        margin: 5px 3.5% 5px 0;
    }
}

@media screen  and (max-width: 768px) {
    body {
        background: #Ffffff;
        min-width: 320px;
    }

    .header {
        height: 15vw;background: url(../images/top_bg.jpg) center no-repeat #43b0c1;background-size: cover;
    }


    .header_logo {
        width: 60vw;
        position: relative;
        z-index: 99999;margin: 0 0 0 0;
    }

    .header_logo img {
        width: 100%;
    }

    .header_logo .logo {
        margin: 3vw 2vw;
    }

    .w1200 {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .header_body{width: 100%}
    .menu_box{width: 100%;position: relative;background:none}
    .home_ico{display: none}

    .about_box{width: 100%;margin: 0 auto;}

    .about_info{width: 96%;height:auto; margin: 0 auto; float: none; padding:0 2%; background: #ffffff;}
    .news_pic{margin-bottom:0 !important;width: 100vw;height: 60vw;}
    .news_pic .slick-list{width: 100%}
    .news_pic .slick-slide img{width: 100vw;height: 60vw;}
    .tszl_box{width: 96%;height:auto; margin: 0 auto; float: none; padding:0 2%;}
    .tszl_box .xm1,.tszl_box .xm2,.tszl_box .xm3{width: 100%; margin: 0 auto 15px auto; float: none; }
    .tszl_box h2{margin: 10px auto;}
    .tszl_box .tszl_nr{ height: auto; overflow: hidden; padding: 0 0 20px 0}
    .ks_title{margin: 20px auto;}
    .kstd_box .slick-list{margin: 0 0 0 -10px}
    .kstd_box{width: 100%;height:auto; margin: 0 auto; float: none; }
    .team-box{width: 93%;height:auto; margin: 0 auto; float: none;}
    .team-box .swiper-button-next{right:0 !important; background: none}
    .team-box .swiper-button-prev{left:0 !important; background: none;    }
    .team-box .swiper-button-next:hover,.team-box .swiper-button-prev:hover{background:none;}
    .team-box .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size:27px; color: #333333}
    .team-box .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size:27px;color: #333333}
    .news_box{width: 96%;height:auto; margin: 0 auto; float: none;padding:0 2%;}
    .news_box .news_box_l,.news_box .news_box_c,.news_box .news_box_r{width: 100%;height:auto;padding: 0 0; margin: 10px auto; float: none;background: #ffffff;overflow: hidden;}
    .news_box .news_zspic{width: 100%; margin: 0 auto;}
    .news_box .news_zspic img{width: 100%; margin: 0 auto;}
    .i_list2 ul{padding: 0 0;        height: auto;        overflow: hidden;}

    .i_list2 {
        padding: 0 0 0 0
    }

    .i_list2 li {
        float: left;
        width: 100%
    }

    .i_list2 li a {
        width: 70vw
    }

    .pic-list {
        width: 100%;
        margin: 20px 10px 0 10px;
    }

    .pic-list ul {
        width: 110%;
    }

    .pic-list li {
        margin-right: 4vw;
    }

    .list_img {
        padding: 1vw;
        width: 43vw;
        height: 30vw;
    }

    .pic-list li img {
        width: 43vw;
        height: 30vw;
    }

    .c-content .c-title {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        line-height: 30px
    }

    .c-content .nr-info p img {
     width: auto;
        margin: 0 auto;
        max-width: 90%;
        text-indent: -2em;
        display: block;
    }

    .friendlink {
        width: 100%;
        bottom: 0;
    }

    .friendlink_ico {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 10px;
        border-bottom: #e1e1e1 1px solid
    }

    .friendlink_ico span {
        margin: 0 10px 0 15px;
    }

    .friendlink_ico h2 {
        line-height: 38px;
    }

    .friendlink_list {
        width: 100%;
    }

    .friendlink_list ul {
        width: 100%;
        padding: 3% 5%
    }

    .friendlink_list li {
        width: 50%;
        line-height: 40px;
    }

    .friendlink_list li a {
        width: 100%;
        height: auto;
        display: block
    }

    .footer {
        padding: 15px 0 15px 0;
    }
    .end_logo{display: none}
    .footer_body{width: 100%; margin: 0 auto;float: none;padding: 0; text-align: center}
    .copright{width: 100%; margin: 0 auto 20px auto;float: none;padding: 0; text-align: center;border-left:none; }
    .copright h2{width: 100%; margin: 0 auto;float: none;padding: 0; text-align: center;font-size: 20px;  line-height:40px}
    .copright p{width: 100%; margin: 0 auto;float: none;padding: 0; text-align: center; line-height: 24px }
    .end_link{width: 90%;margin: 0 auto 20px auto;float: none;height: AUTO;        OVERFLOW: HIDDEN;}
    .end_link a{width: 50%;margin: 0 auto;text-align: center; line-height: 30px}

    .end_msm{width: 70%;margin: 0 auto;float: none}
    .i-search .fl {
        width: 80%;
    }

    .i-search .fr {
        width: 20%;
    }

    .i-search .search-txt {
        width: 85%; background: #f0f0f0;
    }

    .i-search .search-btn {
        width: 15%; background: url(../images/ico_search3.png) center no-repeat #48afc0;
    }

    .i-searchbox {
        right: 12vw;
        top: 2.6vw;
        display: block;background: none;
    }

    .i_search_btn {
        width: 10px;
        height: 10px;
    }

    .i-search {
        width: 92%;
        padding: 2% 4%;
        background: #ffffff;
        position: relative;
        margin: 0 auto;
        /*height: 40px;*/
        overflow: hidden;
        float: right;
        /* margin: 0 30px 0 0; */
        border-radius: 0;
        top: 0;
        right: 0;
        z-index: 9;border: none;
        display: none;
    }

    .header_menu {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        float: none
    }

    #cssmenu #menu-button {
        height: 10vw;
    }

    #cssmenu > ul > li > a {
        padding: 0 10px;
        margin: 0 0 0 0;
        height: 52px;
        line-height: 52px;
    }

    #cssmenu ul ul li a {
        padding: 0 20px 0 30px;
        height: 52px;
        line-height: 52px;
    }

    .this-name {
        height: 40px;
        line-height: 40px;
        margin: 10px 10px 0 10px;
    }

    .this-name span {
        height: 40px;
        line-height: 40px;
        background: url(../images/this_ico.png) left center no-repeat;
    }

    .this-name h1 {
        height: 39px;
        line-height: 40px;
        font-size: 16px;
        padding: 0 5px
    }

    .listmain {
        width: 100%;
        margin: 0 auto
    }

    .lm-left {
        display: none
    }

    .lm-right {
        width: 100%;
        margin: 0 auto;
        float: none
    }

    .lm-right .lm_list {
        padding: 10px 10px;
    }

    .lm-right .lm_list li {
        padding: 0;
        font-size: 15px;
    }

    .lm-right .lm_list li a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 70%;
    }

    .lm-right .lm_list li a {
        background: none;
        padding: 0;
    }

    .lm-right .lm_list li:hover {
        background: #f3feff;
        color: #ff6600;
    }

    .lm-right .lm_list li:hover a {
        color: #ff6600;
        background: none
    }
}

@media screen  and (min-width: 768px) and (max-width: 1024px) {
    .lm-left .list-sub {
        width: 100%;
    }

}

@media screen  and (min-width: 640px) and (max-width: 768px) {
    .i_list2 li {
        float: left;
        width: 50%
    }

    .i_list2 li a {
        width: 70%
    }

    .i_list2 li:hover {
        padding: 0;
        background: url(../images/list_ico.png) 0 0 no-repeat;
    }
}

@media all and (max-width: 768px) {
    #cssmenu {
        width: 100%;
        position: relative;
    }

    #cssmenu ul {
        width: 100%;background: #ffffff;
        display: none;height: auto;
        overflow: hidden;
    }

    #cssmenu.align-center > ul,
    #cssmenu.align-right ul ul {
        text-align: left;
    }

    #cssmenu ul li,
    #cssmenu ul ul li,
    #cssmenu ul li:hover > ul > li {
        width: 100%;
        height: auto;
        border-top: 1px solid rgba(120, 120, 120, 0.15);
    }

    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        display: table;
    }

    #cssmenu > ul > li,
    #cssmenu.align-center > ul > li,
    #cssmenu.align-right > ul > li {
        float: none;
        display: block;
    }

    #cssmenu ul ul li a {
        padding: 0 20px 0 30px;
        font-size: 12px;
        color: #000000;
        background: none;
    }

    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li a:hover {
        color: #000000; background: #cccccc;
    }

    #cssmenu ul ul ul li a {
        padding-left: 40px;
    }

    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        right: auto;
        width: 100%;
        margin: 0;
    }

    #cssmenu > ul > li.has-sub > a::after,
    #cssmenu ul ul li.has-sub > a::after {
        display: none;
    }

    #menu-line {
        display: none;
    }

    #cssmenu #menu-button {
        display: block;
        padding: 0;
        color: #000000;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        margin-bottom: 0;
        width: 32px;
        height: 32px;
        background: url(../images/menue.png) center no-repeat;
        background-size: 70%;
        position: absolute;
        right: 2vw;
        top: 3vw;
        z-index: 9999999999;
    }

    /*#cssmenu #menu-button::after {*/
    /*content: '';*/
    /*position: absolute;*/
    /*top: 4.7vw;*/
    /*right: 3vw;*/
    /*display: block;*/
    /*width: 24px;*/
    /*height:0.5vw;*/
    /*background: #333333;*/
    /*}*/
    /*#cssmenu #menu-button::before {*/
    /*content: '';*/
    /*position: absolute;*/
    /*top: 5.8vw;*/
    /*right: 3vw;*/
    /*display: block;*/
    /*width:24px;*/
    /*height: 0.8vw;*/
    /*border-top: 0.5vw solid #333333;*/
    /*border-bottom: 0.5vw solid #333333;*/
    /*}*/
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.15);
        height: 52px;
        width: 52px;
        cursor: pointer;
    }

    #cssmenu .submenu-button::after {
        content: '';
        position: absolute;
        top: 21px;
        left: 26px;
        display: block;
        width: 1px;
        height: 11px;
        background: #000000;
        z-index: 99;
    }

    #cssmenu .submenu-button::before {
        content: '';
        position: absolute;
        left: 21px;
        top: 26px;
        display: block;
        width: 11px;
        height: 1px;
        background: #000000;
        z-index: 99;
    }

    #cssmenu .submenu-button.submenu-opened:after {
        display: none;
    }

    .cont_yxbm_rigB ul {
        width: 100%
    }

    .cont_yxbm_rigB ul li {
        width: 100%;
        box-sizing: border-box;
    }
}