@media screen and (max-width:1200px){
.mobile{ display: block; }
.mobile{ display: block;  width: 100%; top:10px; z-index: 99999; right: 0; position: absolute; }
.mobile-inner{ width: 100%; }
.head_top{ display: none; }
.nav_ul{ display: none; }
h1{ line-height: inherit; padding: 20px 0; position: relative;z-index: 9999999 }
.mobile-inner-nav li{list-style: none;}
h1 img{ width:220px; height: auto; }
.search{ float: none; margin: 10px 5px 0 0; display: none; }
.box{ width: 100%; padding: 0 5px; box-sizing: border-box; }
.activity{ float: none; margin: 0; display: none; }
.head_right{position: relative;z-index: 9999999 }
.lan{ float: none; margin: 0; }
.activity a{ margin: 0 }
.foot_top{ padding: 20px 0 10px 0; }
.foot_left{ float: none; width: 100% }
.foot_center{ display: none; }
.foot_right{ float: none; margin-top: 20px; }
.foot_bottom{ padding: 10px 0; height: auto; line-height: 26px; }
.foot_tit{ margin-bottom: 0; }
.add_i{ height: auto; line-height: 20px; padding: 5px 0; }
.case_bottom{padding-top: 160px;}
.flex-direction-nav{ display: none; }
.flex-control-nav{ bottom: 10px; }
.abs_ul{ padding: 60px 0 0 0; margin: 0 }
.abs_ul li{ float: none; width: 100%; margin: 0 0 70px 0; height: auto; padding-bottom: 30px }
.abs_zi{ height: auto; padding: 0 10px; }
.abs_h3{ font-size: 20px; }
.index_h3{ font-size: 24px; height: 30px; line-height: 30px; padding: 30px 0 ; }
.class_ul{ margin: 0 }
.class_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.class_img{ width: 100%; height: auto; text-align: center; }
.class_img img{ width: auto; height: auto; max-width: 100% }
.pro_inner{padding-left: 15px;}
.field_ul{ margin: 0; width: 100% }
.field_ul li{ width: 50%; padding: 0 5px; margin: 0 0 20px 0; box-sizing: border-box; }
.field_img{ margin: 0 auto }
.field{ padding-bottom: 10px; }
.activ{ padding-bottom: 30px; }

.act_left{ float: none; width: 100%; text-align: center; margin:0 0 20px 0; height: auto; }
.act_left img{ width: auto; height: auto; max-width: 100% }
.act_right{ float: none; width: 100% }
.proclass{ padding-bottom: 30px; }
.act_time{ width: 25%; font-size: 12px; }
.act_tit{ font-size: 12px; }

.case_box{ font-size: 16px; line-height: 26px;  padding: 30px 0; }
.caseul li{ width: 50%; margin: 0 0 15px 0; padding: 0 5px; box-sizing: border-box; }
.caseul li a{ background: #dedede; width: 100%; font-size: 16px; height: 40px; line-height: 40px; }
.micro{ line-height: 24px; }
.recommend_ul{ margin: 0 0 30px 0; }
.recommend_ul li{ margin: 20px 0; float: none; width: 100% }
.rec_img{ width: 100%;height: auto; text-align: center; }
.rec_img img{ width: auto; height: auto; max-width: 100% }
.rec_tit{ text-align: center; height: auto; line-height: 24px; font-size: 14px; }
.protit{ font-size: 20px; font-weight: inherit; }
.case_site{ padding: 20px 0; }
.ct_i{}
.case_inner p{ margin-left: 0!important; }
.case_inner img{ width: auto; height: auto; max-width: 100% }
.navFix{width: 97%;}
.cont{ padding-bottom: 30px; }
.cont_left{ float: none; width: 100% }
.cont_right{ float: none; width: 100%; padding-top: 30px;}
.cont_h3{ font-size: 18px; }
.cont_i{ height: auto; line-height: 20px; padding: 5px 0; font-size: 14px; }
.cont_form .tes_he{ float: none; width: 100% }
.cont_tit{ font-size: 16px; }
.tes_tit{ font-size: 15px; height: 50px; line-height: 50px; }
.cont_form .tes_txt{ width: 90% }
.cont_form .tes_area{ width: 90% }
.cont_form .tes_sub{ margin: 30px auto 30px; }
.catalog{ float: none; width: 100%; padding-top: 30px; }
.cata_h3{ text-align: center; font-size: 20px; margin-bottom: 10px; text-indent: 0;}
.cata_ul li{ float: left; width: 50%; padding: 0 10px; box-sizing: border-box; border: 1px solid #eee;}
.cata_ul li a{padding-left: 0;text-align: center;}
.cata_ul{ overflow: hidden; }
.details{ float: none; width: 100%; padding-top: 20px; }
.blog_dl{ padding: 20px 0; }
.blog_dl dt{ float: none; width: 100%; text-align: center; height: auto; border: none; margin-bottom: 20px; }
.blog_dl dt img{ width: auto; height: auto; max-width: 100% }
.blog_dl dd{ float: none; width: 100%; }
.blog_tit{ height: auto; line-height: 26px; font-size: 16px; padding: 5px 0; text-align: center; }
.blog_time{ height: 30px; line-height: 30px; text-align: center; padding-bottom: 10px; }
.blog_zi{ height: auto; }
.release h3{ height: auto; line-height: 30px; font-size: 18px; text-align: center; }
.release .rele_span{ display: block; }
.news_word img{ width: auto; height: auto; max-width: 100% }
.piece{ padding: 30px 0; }
.piece a{ height: auto; line-height: 34px; }
.news_dl dt{ float: none; width: 100%; text-align: center; height: auto; margin-bottom: 20px; border: none; }
.news_dl dt img{ width: auto; height: auto; max-width: 100% }
.news_dl dd{ float: none; width: 100% }
.news_tit{ height: auto; line-height: 26px; font-size: 16px; text-align: center; padding: 5px 0; }
.news_zi{ height: auto; }
.news_time{ margin: 0 auto  }
.about_word img{ width: auto; height: auto; max-width: 100% }
.about_scroll{ left: 50%; width:213px; margin-left: -105.5px;  }
.ser{ padding: 20px 10px; }
.tech_h3{ margin: 20px 0; font-size: 20px; height: 40px; line-height: 40px; }
.tech_ul li{ margin: 0 0px 20px 0; float: none; display: inline-block; font-size: 16px; }
.tech_ul{ text-align: center; }
.tes_top p{ font-size: 16px!important; line-height: 26px!important; }
.tes_top img{ width: auto; height: auto; max-width: 100% }

.tes_bottom{ padding: 0; }
.tes_he{ float: none; display: block; margin: 0; width: 100% }
.tes_txt{ width: 90% }
.tes_area{ width: 90% }
.tes_sub{ margin: 20px auto 0 }
.case_ul{ margin: 0; width: 100% }
.case_ul li{ margin: 0 0 20px 0; width: 50%; padding: 0 5px; box-sizing: border-box; }
.case_img{ text-align: center; }
.ct_i{ font-size: 16px; line-height: 26px; }
.ct_dl{ margin-bottom: 20px; }
.ct_dl dt{ float: none; width: 100%; text-align: center; height: auto; }
.ct_dl dt img{ width: auto; height: auto; max-width: 100% }
.ct_dl dd{ height: auto; width: 100%; float: none; }
.caseul{ float: none; width: 100% }
.cont_see{ float: none;  height: 40px; width: 50%; line-height: 40px;}
.case_tit{ font-size: 20px; height: 50px; line-height: 50px; margin-bottom: 15px; }

.case_pic, .case_video{ margin: 0; }
.case_pic li, .case_video li{ float: none; margin: 0 auto 15px; }

.proul li{ width: 50%; padding: 0 5px; box-sizing: border-box; margin: 0 0 20px 0; }
.proul li a{ width: 100%; background: #dadada; background-size: cover; font-size: 16px; height: 40px; line-height: 40px; }
.case_top{ margin: 0;width: 97%}
.proul{ margin: 0; }

.means_tit{ padding: 20px 0; height: 30px; line-height: 30px; font-size: 18px; }
.voexl_i{ padding: 0; }
.voexl_left{ float: none; width: 100% }
.voexl_right{ float: none; width: 100% }
.meansul{ margin: 12px 0 0 0; }
.meansul li{ margin: 0 0 20px 0; width: 33.3%; padding: 0 5px; box-sizing: border-box; }
.tu_img{ margin: 0 auto }

.case_inner{ margin-bottom: 10px; }
.means a{ display: block; margin-left: 10px; }

.casebottom{ padding-bottom: 40px; }
.ser_div p{ font-size: 14px!important; line-height: 24px!important; }
.ser_h3{ font-size: 18px!important; line-height: 34px!important; line-height: 34px!important; }
.class_tit{ font-weight: inherit; font-size: 18px; }


.flexslider{ height: auto; }
.slides li{ height: auto; }
.slides li .banner_img{ height: auto; }
.pc_banner{ display: none; }
.phone_banner{ display: block; }
.a_banner img{ height: 100px; }

.float_banner{ width: 100%; margin: 0; left: 0; }
.float_see{ right: 10px; font-size: 14px; width: 110px; height: 30px; line-height: 30px; bottom: 10px;  }
.link-btn{
        font-size: 12px;
        color: #fff;
        padding: 5px 10px 5px 10px;
        background: #98c633;
        border: 1px solid #98c633;
        text-align: center;
    }
.banner_tit{ font-size: 14px; height: 40px; line-height: 40px; padding: 10px 10px 0 0; }
.test_see{font-size: 14px; width: 110px; height: 30px; line-height: 30px; margin: 10px 0 0 30px;}
.test_tit{ font-size: 14px; height: 20px; line-height: 20px; text-indent: 30px; }
.test_tit1{ padding-top: 10px; }
.chall_tit{font-size: 14px; height: 20px; line-height: 20px; padding: 40px 10px 0 0; }
.vice_tit{ font-size: 14px; height: 20px; line-height: 20px; padding: 10px 0 0 5px; }
.vice_ment{font-size: 14px; height: 20px; line-height: 20px; padding-left: 5px;}
.vice_call{ font-size: 13px;  padding-left: 5px;}
.cup_tit{ text-indent: 30px; }

.proul .active{background: #dadada;background-size: cover;font-size: 16px;height: 40px;line-height: 40px;color: #333333;font-weight:500;}




}












@media screen and (max-width:768px){

    .box {padding: 0 20px;box-sizing: border-box;}
}
@media screen and (max-width:414px){


}
@media screen and (max-width:375px){

}

@media screen and (max-width:360px){
/* .a_banner img{ height: 150px; width: auto; } */

}
@media screen and (max-width:320px){


}


@media screen and (min-width:1201px){
}