@media screen and (max-width: 1200px) {
       * {
        box-sizing: border-box;
       }
       html{ font-size:62px;}
      .partner li{ width:24.25%; margin-right:1%;}
      .partner li:nth-child(4n){ margin-right:0;}

      .header, .p_left {
        display: none;
      }

      .synopsis .info p{overflow:hidden; text-overflow:ellipsis;display: -webkit-box;
-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
        header, .nav_btn, .information li h5 em ,.partner .swiper-pagination{
        display: block;
      }

        header .logo {
            float: left;
            height:53px;
            line-height: 53px;
        }

        header .logotext {
            margin-top: 0;
        }

       .wrapper, .w1200, .p_right, .main,.p_bannerc {
        width: 100%;
    }
    
       .full_banner, .p_banner {
        margin-top: 93px;
    }
    .partner .swiper-button-next, .partner .swiper-button-prev {
        display: none;
    }
       .p_right {
        float: none;
        padding: 1% 2%;
    }
       .index_main .desc,.partner .wrapper{ padding:0 3%;}
 
       .related_case .related_bd li,.related_case h4,.relatedworks h4,.bgf7f7f7 .hd,.main,.relatedcontents h4,footer .wrapper,.relatedcontents ul{ padding-left:1%; padding-right:1%;}



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


       .synopsis .info,.i_contact .weixindiv {
        height: auto;
    }

       .nav_btn span {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #888;
    }

        .nav_btn span:nth-child(2) {
            margin: 4px 0;
        }

       .i_bg1 img, .i_bg2 img, .i_bg3 img, .state img {
        max-width: 100%;
        height: auto;
    }
.i_bg1,.i_bg2,.i_bg3{ background:none!important;}
        header .nav {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s;
    }

        header .nav.open {
            transition: max-height 0.5s;
            height: auto;
            max-height: 500px;
        }

        header .nav ul li {
            float: none;
            padding:0 3%;
            line-height: 36px;
            overflow: hidden;
            height: auto;
        }

        header .nav ul li:hover, header .nav ul li.select {
                background: none;
            }

        header .nav ul li:hover a, header .nav ul li.select a {
                    color: #333;
                }

        header .nav ul li a {
                color: #333;
                text-align: left;
                float: left;
            }

        header .nav ul li ul { float:right; width:75%; background:none;
                position: static;
                display: block;
            }

        header .nav ul li ul li {
                    float: left;
                    border-top: none;
                }

       .advantage ul li, .force ul li, .story ul li, .prolist ul li, .worksmain .nc_list li { margin-bottom:2%;
        margin-left: 1%;
        margin-right: 1%;
        width: 31.3%;
    }

       .information li {
        width: 31.33%;
        margin-left: 1%;
        margin-right: 1%;
    }

        .information li:last-child {
            margin-right: 1%;
        }
}
@media screen and (max-width: 1024px){
      html{ font-size:53px;}
     .i_contact .map{ height:509px;}
     .index_main .force .desc{ width:90%;}
     .i_form1div .i_form1, .i_form1div .project, .i_form1div .Online, .i_form1div .i_form1 li, .i_form1div .i_form1 .buttonform, .i_form1div .i_form1 ul {
        float: none;
        overflow: hidden;
    }
     .news_show .bdsharebuttonbox{ display:none;}
     .i_form1div{ height:auto; position:relative; }
     .i_form1div .wrapper{ text-align:center; height:auto; width:50%; margin:0 auto;}
     .i_form1div .i_form1 .buttonform,.i_form1div .Online{ margin-left:0; width:100%;}
     .i_form1div .project{ text-align:center;}
     .i_form1div .project div{ display:inline-block; vertical-align:middle; float:none; text-align:left; }
     .i_form1div .project .iconfont{margin-top:0;}
     .i_form1div .i_form1 .i_message_c em{ width:23%;text-align:left; float:left; display:block; padding-left:5%;}
     .i_form1div .i_form1 li .i_input1{ width:77%; float:left;}
}
@media screen and (max-width: 768px) {
    .scroolmainwrap{ height:290px;}
    .worksmain .bd2 li a{ font-size:12px;}
    .worksmain .bd2 li{margin-right:-2px;}
    .relatedcontents li{height:40px;line-height:40px;padding:0;}
    .gjsz_part2  .gjsz_part2_logo{display:none;}
    .gjsz_part2  .gjsz_part2_text{float:none; width:auto;height:auto;border-top:1px solid #ededed;border-bottom:1px solid #ededed; padding:10px 20px; line-height:28px;font-size:16px;overflow:hidden; }
    .gjsz_part2  .gjsz_part2_btn{display:none;}
    .rightbox,.footer_pc{display:none;}
    .footernav,.footernav_pad,.mb_bottom_form,.hongbao_mobile{display:block;}
    .scroolmainwrap2{ width:100%;}
       .scroolmainwrap2{ border-right:none;}
       .stateNamelist h4 em{ float:left;}
      html{ font-size:40px;}
     .i_form1div .wrapper{ width:70%;}
     .synopsis .info{ padding:2%;}
     .i_form2{ display:none;}
     .information li li{ line-height:40px;}
     .i_contact .map,.i_contact .weixindiv{ float:none; width:100%;}
     .i_ads2 ul li{width: 24.25%;}
     .i_contact .map{ height:374px;}
     .nc_list li .text .title ul { display:none;
    float: none; clear:both;
    width: 100%; }
       .nc_list li .text .title ul li{ margin-left:0; margin-right:10px;}
    .news_search span {
        padding: 0;
        width: 17%;
    }
    .news_search input.pro_ss_sub{ padding:0;}
    .pro_ss_input{width:63%;} 
    .i_ads1 ul li p,.synopsis .info p,.in_more,.advantage ul li,.gallery-thumbs .swiper-wrapper .swiper-slide,.index_main .big_more, .index_main .small_more,.i_form1div .project p,.i_form1div .Online, .i_form1div .i_form1 .buttonform,.i_form1div .i_form1 .i_message_c em, .i_form1div .i_form1 .i_message_c .i_input1,.index_main .desc,.story ul li h4,.story ul li,.i_ads2 ul li p,.i_contact .weixin li,.partner .swiper-slide,footer,.crumbs,.related_case .related_bd li .desc, .related_more,.teachersmain .nc_list li .text .Subtitle, .profilemain .nc_list li .text .Subtitle,.nc_list li .text .desc,.news_detail,.back_next,.news_search span, .news_search input,.newshotkey,.nc_list li .time,.nav ul li a,.pagination > li > a, .pagination > li > span,.pager_go_input #pager_go_sub,.pager_go_input #pager_go_input,.relatedcontents li a{ font-size:12px;} 
    .index_main h2, .contact_main h2,.i_form1div .project .iconfont,.i_form1div .project,.force ul li h4,.news_show h1,.stateNamelist h4{ font-size:20px;}
    .pro_xq_p1 h1,.stateNamelist h4 span{ font-size:18px;}
    .index_main h3, .contact_main h3,.advantage ul li h4,.force ul li,.relatedworks h4, .relatedcontents h4, .related_news h4, .related_case h4,.nc_list li .text .title{ font-size:16px;}
    .synopsis .info h4,.information li h5 b,.f_item2 p a,.prolist ul li .name,.All-roundc2 .name,.related_case .related_bd li .name,.stateNamelist h4 em,.stateNamelist{ font-size:14px;}
    .force ul li h4{ height:50px; line-height:50px;}
    .information li h5 em{ font-size:10px;}
    .related_more,.nc_list li .time i{ display:none;}
    .nc_list li .time em{ float:none;clear:both; display:block;}
    .nc_list li .text{ height:auto;}
    .nc_list li .text .title{ margin-top:0;}
    .nc_list li .text .title em{ width:100%; display:block!important;}

}






@media screen and (max-width: 414px) {
    .scroolmainwrap{ height:290px;}
        .worksmain .bd2 li a{ font-size:12px;}
        .worksmain .bd2 li{margin-right:-2px;}
            .relatedcontents li{height:40px;line-height:40px;padding:0;}
        .gjsz_part2  .gjsz_part2_logo{display:none;}
    .gjsz_part2  .gjsz_part2_text{float:none; width:auto;height:auto;border-top:1px solid #ededed;border-bottom:1px solid #ededed; padding:10px 20px; line-height:28px;font-size:16px;overflow:hidden; }
    .gjsz_part2  .gjsz_part2_btn{display:none;}
        .rightbox,.footer_pc{display:none;}
    .footernav,.footernav_pad,.mb_bottom_form,.hongbao_mobile{display:block;}
      .pro_xq_p1_l, .pro_xq_p1_r{ display:none;}
       html{ font-size:22px;}
      .i_contact .map{ height:363px;}
      .i_ads1 ul li p{ height:100%;}
      .teachersmain .nc_list li:nth-child(3n),.advantage ul li:nth-child(3n),.force ul li:nth-child(3n),.story ul li:nth-child(3n),.prolist ul li:nth-child(3n){ margin-right:2%;}
      .advantage ul li,.force ul li,.story ul li, .i_ads2 ul li,.prolist ul li,.teachersmain .nc_list li,.profilemain .nc_list li{ width:46%; margin:2%;}
      .synopsis img,.synopsis .info,.i_contact .map,.i_contact .weixindiv,.back_next .back,.back_next .next{ float:none; width:100%;}
      .f_item1,.f_item4, ._link, .logotext,.relatedworksbg{ display:none;} 
      .information li h5 em{display:inline;}               
      .information li,.f_item2{  float:none;width:94%; margin:0 auto; margin-bottom:3%;}
      .information li:last-child{ margin-right:3%;}
      .f_item2{ text-align:center;}
      .pagination > li > a, .pagination > li > span,.pager_go_input #pager_go_input,.pager_go_input #pager_go_sub{    padding: 0px 10px;height: 35px; line-height: 35px;}
}
@media screen and (max-width: 375px) {
    .scroolmainwrap{ height:290px;}
        .worksmain .bd2 li a{ font-size:12px;}
        .worksmain .bd2 li{margin-right:-2px;}
            .relatedcontents li{height:40px;line-height:40px;padding:0;}
        .gjsz_part2  .gjsz_part2_logo{display:none;}
    .gjsz_part2  .gjsz_part2_text{float:none; width:auto;height:auto;border-top:1px solid #ededed;border-bottom:1px solid #ededed; padding:10px 20px; line-height:28px;font-size:16px;overflow:hidden; }
    .gjsz_part2  .gjsz_part2_btn{display:none;}
        .rightbox,.footer_pc{display:none;}
    .footernav,.footernav_pad,.mb_bottom_form,.hongbao_mobile{display:block;}
          html{ font-size:19px;}
         .i_contact .map{ height:362px;}
   
         .f_item2,._link .wrapper{ margin:0 3%;} 
         .i_ads1 ul li p{ padding:0 5px;}
         .advantage ul li:nth-child(3n){ margin-right:2%;}
      
         .f_item2 p a:first-child{ padding-left:12px;}
}
@media screen and (max-width: 360px) {
    .scroolmainwrap{ height:290px;}
        .worksmain .bd2 li a{ font-size:12px;}
        .worksmain .bd2 li{margin-right:-2px;}
            .relatedcontents li{height:40px;line-height:40px;padding:0;}
        .gjsz_part2  .gjsz_part2_logo{display:none;}
    .gjsz_part2  .gjsz_part2_text{float:none; width:auto;height:auto;border-top:1px solid #ededed;border-bottom:1px solid #ededed; padding:10px 20px; line-height:28px;font-size:16px;overflow:hidden; }
    .gjsz_part2  .gjsz_part2_btn{display:none;}
        .rightbox,.footer_pc{display:none;}
    .footernav,.footernav_pad,.mb_bottom_form,.hongbao_mobile{display:block;}
                html{ font-size:18px;}
               .i_contact .map{ height:361px;}
       
}
@media screen and (max-width: 320px) {
    .scroolmainwrap{ height:290px;}
        .worksmain .bd2 li a{ font-size:12px;}
        .worksmain .bd2 li{margin-right:-2px;}
            .relatedcontents li{height:40px;line-height:40px;padding:0;}
        .gjsz_part2  .gjsz_part2_logo{display:none;}
    .gjsz_part2  .gjsz_part2_text{float:none; width:auto;height:auto;border-top:1px solid #ededed;border-bottom:1px solid #ededed; padding:10px 20px; line-height:28px;font-size:16px;overflow:hidden; }
    .gjsz_part2  .gjsz_part2_btn{display:none;}
        .rightbox,.footer_pc{display:none;}
    .footernav,.footernav_pad,.mb_bottom_form,.hongbao_mobile{display:block;}
                html{ font-size:16px;}
               .i_contact .map{ height:360px;}
}