@media screen and (max-width:1200px){
.nav_ul{ display: none; }
.mobile{ display: block;  width: 100%; top: 20px; z-index: 99999; right: 0;  }
.mobile-inner{ width: 100%; }
.phone_banner{ display: block; }
.pc_banner{ display: none; }
.box{ width: 100%; padding: 0 5px; box-sizing: border-box; }
.nav{ display: none; }
.search{ display: none; }
h1 { line-height: inherit; padding: 20px 0!important; position: relative;z-index: 9999999 }
h1 img{ width: 170px; height: auto; }
.lan{ float: right; margin-top: 10px; padding-right: 0; }
.enroll{ margin: 10px 10px 0 10px; }
.energy{ margin:  20px 0 0 0; }
.ene_inner{ margin: 0; z-index: 99 }
.ene_div{ height: auto; }
.ene_word{ height: auto; line-height: 24px; font-size: 14px; padding-bottom: 15px; }
.ene_ul li{ width: 50%; padding:0 10px; }
.ene_num{ font-size: 35px; height: 45px; line-height: 45px; }
.exp_i{ left: inherit; right: 40%; top: 70px; }
.ene_come{ font-size: 14px; }
.exp_i4{ right: 20% }
.ene_form{ font-size: 12px;padding-left: 0; }
.ene_i{ padding-top: 14px; text-align: left; }
.index_i{background: none;padding-left: 0;}
.index_h3{ background: none; padding-left: 0; font-size: 20px; }
.index_back{ background: none; }
.recom{height: auto; padding-bottom: 30px; background-size: cover;}
.index_tit{ padding: 0; text-align: center; }
.recom_ul{ margin-left: 0; }
.recom_ul li{ width: 50%; padding: 0 5px; box-sizing: border-box; margin: 0 0 20px 0; box-shadow: 0 0 0 }
.recom_img{ width: auto; height: auto; max-width: 100%; text-align: center; }
.recom_img img{width: auto; height: auto; max-width: 100%}
.recom_h3{ font-size: 12px; overflow: hidden; height: 30px; line-height: 30px; }
.recom_wrod{ height: 30px; }
.pic_inner{ margin: 0; }
.pic_dl{ float: none; width: 100%; margin: 0 0 20px 0; box-shadow: 0 0 0 }
.pic_dl dt{ float: none; width: 100%; height: auto; text-align: center; }
.pic_dl dt img{ width: auto; height: auto; max-width: 100% }
.pic_dl dd{ float: none; width: 100%; }
.pic_tit{ text-align: center; }
.pic_zi{ display: block; height: auto; text-align: center; }
.pic_more{ width: 53px; margin: 0 auto }
.pic_fa{ display: none; }
.spe_scroll{ width: 300px; left: 50%; margin-left: -150px; height: 360px; }
.spe_scroll ul li{ width: 300px; }
.spe_img{ width: auto; height: auto; max-width: 100% }
.spe_img img{ width: auto; height: auto; max-width: 100% }
.spe_left{ left: 28px; top: 90px; }
.spe_right{ right: 28px; top: 90px; }
.spe{ background-size: cover; padding-bottom: 30px; height:auto; }
.spe_div{ height: 360px; }
.ject{ padding: 40px 0; }
.ject_left{ float: none; width: 100% }
.ject_h3{ font-size: 20px; }
.ject_img{ margin-bottom: 20px; }
.ject_img,.ject_right{ width: 100%; height: auto; text-align: center; }
.foot_top{ background: #04244b }
.foot_left{ float: none; width: 100%; display: none; }
.foot_ul li{ float: none; width: 100% ; padding: 0;}
.foot_h3{ padding: 15px 0 0 0; }
.foot_right{ float: none; }

.foot_center{ float: none; width: 100% }
.foot_bottom{ height: auto; line-height: 30px; padding: 10px 0; }
.foot_gov{ padding: 0 10px; }

.mobile-inner-nav{ top: 46px; }

.catalog{ height: auto; margin-top: 20px; }
.cata_ul{ height: auto; }
.cata_ul li{ padding: 0 5px; box-sizing: border-box; float: left; width: 50%; margin: 0 0 0px 0;}
.cata_ul li a{ padding: 0; text-align: center; font-size: 14px; }
.details{ padding: 20px 5px 30px; min-height:auto }
.us_dl dt{ float: none; width: 100%; margin-bottom: 30px; }
.us_right{ width: 80%; line-height: 30px; font-size: 12px; }
.us_ul li .us_left{ line-height: 30px; }
.us_dl dd{ float: none; width: 100%;  text-align: center; height: auto; }
.us_dl dd img{ width: auto; height: auto; max-width: 100% }
.mess_h3{ font-size: 18px; }
.mess_tit{ font-size: 14px; height: auto;  line-height: 24px; padding: 20px 0; margin: 0 }
.form_mess{ padding: 0; }
.mess_div{ margin-bottom: 20px; }
.mess_txt,.mess_area{ width: 70%;  }
.mess_i{ font-size: 14px; }

.recu{ padding: 0; }
.Requirement{ margin: 0 0 20px 0; }
.pos dd li{ padding: 0 0 0 15px;  font-size: 12px;overflow: hidden; }
.news_dl{ box-shadow: 0 0 0; margin-bottom: 20px; }
.news_dl dt{ float: none; width: 100%; height: auto; margin: 0 0 20px 0; text-align: center; }
.news_dl dt img{ width: auto; height: auto; max-width: 100% }
.news_dl dd{ float: none; width: 100% }
.news_tit{ padding: 0; font-size: 16px; height: auto; line-height: 30px; }
.news_zi{ height: auto; }
.news_see{ float: none; }
.news_dl:nth-child(even) dd{ margin: 0; float: none; }
.news_dl:nth-child(even) dt{ float: none; }
.news_word img{ width: auto; height: auto; max-width: 100% }
.release h3{ font-size: 16px; height: auto; line-height: 30px; }
.pie_div{ height: auto; line-height: 30px; }
.case_ul li{ width: 33.3% }
.case_ul li .case_h3{ font-size: 14px; }
.case_info img{ width: auto; height: auto; max-width: 100% }
.about_img{ text-align: center!important; margin: 0 0 20px 0!important; float: none!important; }
.pro .recom_ul{ margin: 0 }
.pro .recom_ul li{ margin: 0 0 20px 0; }
.puce_ul{ height: auto; }
.puce_ul li{ float: left; display: block; margin: 0; padding: 0 5px; box-sizing: border-box; width: 50% }
.puce_ul li a{ font-size: 14px; }
.plan_inner{ width: 100%; background-size: contain; background: none; height: auto; }
.plan_box{ width: 100%; padding: 20px 0 0 0; }
.plan_h3{ height: auto; line-height: 40px; }
.plan_see .planimg{ width:auto; height: auto; max-width: 100% }
.plan_line{ background: none; height: 200px; clear: both; bottom: 30px; top: inherit;  right: inherit; left: 50%; margin-left: -100px; }
.plan_see{ padding-bottom: 20px; }
.ther_h3{ font-size: 20px }
.size_i{ float: none; text-align: left; }
.size_txt{ width:80%; margin-bottom: 15px; height: 38px; line-height: 38px; }
.ther_left{ float: none; clear: both; }
.size_sel{ width: 80%; height: 38px; line-height: 38px;}
.supp_txt{ width: 80% }
.supply{ margin-bottom: 15px; height: auto;  }
.door_xuan{ float: none; }
.door_width{ float: none; width: 100%; margin: 0 0 0px 0; }
.door_txt{ float: none; width: 80% }
.tem_left{ float: none; width: 100% }
.tem_right{ float: none; width: 100%; margin-bottom: 30px;overflow: hidden; }
.mycontainer{ width: 300px!important; margin: 20px 0 0 0!important; }
.sliderWrap{width: 300px!important; height: 45px!important; }
.sliderInput{ top: 0!important; left: 0!important; }
.app_sub{ width: 150px; font-size: 14px; height: 36px; line-height: 36px; }
.app_div{ width: 100%; margin: 30px 0 0 0; }
.ther_inner{ padding: 0 0 20px 0; }
.ther_div{  margin-bottom: 0; }
.honor_h3{ height: 48px; line-height: 48px; }
.about_tit{ padding: 20px 0 0 10px; }
.about_pic img{ width: auto; height: auto; max-width: 100% }
.honor_scroll{ width: 200px; margin-left: -100px; left: 50%; }
.deve{ background-size: cover; height: auto; padding-bottom: 30px; }
.event_box{ width: 320px!important; overflow: hidden!important; background: none!important }
.event_box .parHd{ width: 300px!important; }
.parHd li{ width: 300px!important; margin: 0!important; }
.parHd li .deve_year{ width: 300px!important; }
.sPrev{ left: 0!important }
.sNext{ right: 0!important; text-align: right!important; }
body{ background: #fff; }
.event_box{ min-height: inherit!important; }
.map_pc{ display: none; }
.map_phone{ display: block; }
.map_phone img{ width: auto; height: auto; max-width: 100% }
.linkul{ width: 100%; height: auto; margin-bottom: 30px; }
.linkul li{ width: 33.3%; text-align: center; }
.pos_link dd li{ height: 100px; line-height: 100px; }
.pos_link dd li img{ height: 100px; }
.linkh3{ height: 100px; line-height: 100px; font-size: 20px; padding-left: 0  }
.recu_link ul{ height: 100px; line-height: 100px }
.link_rec{ padding: 20px 5px; }
.pos_link dd li .linktu{ padding: 0 20px; width: 30px; height: auto;  }
.spe_div{ display: block; }
.swiper-container{ display: none!important; }

.ting_h3{ font-size: 20px; }
.aircraft dt{ float: none; width: 100%; height: auto; text-align: center; margin-bottom: 20px; }
.aircraft dt .air_i img{ display: none; }
.aircraft dt img{ width: auto; height: auto; max-width: 100% }
.aircraft dd{ float: none; width: 100% }
.air_h3{ height: auto; line-height: 30px; font-size: 18px; text-align: center; margin-bottom: 20px; }
.air_sub{ float: none; margin: 0 auto }
.blem_dl{ float: none; width: 100%; margin-bottom: 20px; }
.blem_dl dd{  height:auto; }
.blem_zi{ display: none; }
.blem_i{ font-size: 14px;  }
.less_i{ margin-bottom: 20px; }
.less_ul{ margin: 0; }
.less_ul li{ float: none; width: 100%; margin: 0 0  10px 0; height: auto; }
.less_pic{ width: 100%; text-align: center; height: auto; }
.fun_i{ display: none; }
.fun_h3{ font-size: 14px; }
.tion_i{ height: auto; line-height: 30px; }
.tarleft{ float: none; width: 310px; margin: 0 auto 20px; height: 200px; }
.tar_scroll li img{ width: 310px;height: 200px;  }
.tar_scroll li{ width: 310px; height:auto; max-width: 100% }
.tar_scroll{width: 310px; height:200px; max-width: 100%}
.index_topic{ width: 95%!important }
.tarright{ float: none; width: 100%; }

.recu ul{overflow: hidden; background: #f7f7f7 url(../images/join1.png) 4px center no-repeat}
.pos dd li:nth-child(3){ width: 20%}
.pos dd li:nth-child(1){ width: 40%}
.pos dd li:nth-child(2){ width: 40%}
.pos dd li{padding: 0 0 0 6px; }

.recu ul{background: #f7f7f7 }
.recu ul.act{background: #00a0e9 }

.pagination li{margin: 0 4px;}
.pagination li span{    padding: 0 5px;}
.tarright{ display: none; }
table span{
    font-size: 12px!important;
}

table td{
    border:1px solid #eee!important;
}
.line_two{    margin: -30px 0 0 -30px;
    display: block;
    width: 60px;
    height: 60px;}

.line_one {
    position: absolute;
    animation: b 500s;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    display: block;
    width: 100px;
    height: 100px;
}

.line_one img{
    
    width: 100px;
    height: 100px;
}

.line_two img{
    
    width: 60px;
    height: 60px;
}

.plan_line {
    background: none;
    height: 100px;
    clear: both;
    bottom: 30px;
    top: 50%;
    right: inherit;
    left: 79%;
    margin: -50px 0 0 -90px;    width: 100px
}


}



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


}
@media screen and (max-width:414px){
.a_banner{background-size:cover!important; height:140px!important;}

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

@media screen and (max-width:360px){
.dyn_left{ padding: 0 5px; box-sizing: border-box; }
.a_banner{background-size:cover!important; height:140px!important;}
}
@media screen and (max-width:320px){


}


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

i