@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; }
.htmleaf-container{ display: none!important; }
.head{ padding: 0 5px; }
h1{ line-height: inherit; padding: 20px 0; }
h1 img{ width: 240px; height: auto; }
.lan{ float: right; height: 30px; line-height: 30px; }
.lan a:nth-child(2){ padding-right: 0; }
.foot_top{ padding: 20px 0; }
.foot_left{ display: none; }
.foot_right{ float: none; width: 100%; padding: 0; }
.hot_i{ padding-top: 0; }
.call{ font-size: 16px; }
.line_i{ margin-bottom: 20px; }
.foot_bottom{ height: auto; padding: 10px 0; margin: 0; line-height: 30px; font-size: 12px; }
.add{ float: none; width: 100%; text-align: center; }
.add_a{ float: none; width: 100%; text-align: center; }
.yeild_tit{ padding: 30px 0; }
.index_h3{ float: none; width: 100%; text-align: center; margin-bottom: 20px;  }
.yei_ul{ float: none; width: 100%; text-align: center; }
.yei_ul li{ float: none; display: inline-block; margin: 0 0px; }
.quota_inner img{ width: auto!important; height: auto!important; max-width: 100%!important; }
.pro_ul{ margin: 0; }
.pro_ul li{ float: none; margin: 0 auto 20px; }
.with{ height: auto; line-height: inherit; text-align: center; padding: 20px 0; }
.with_i{ display: block; text-align: center; margin-bottom: 15px; }
.car_right{ display: none; }
.car_scroll{ width: 320px; left: 50%; margin-left: -160px; background: #efefef }
.left_sub{ left: 0; }
.car_tit{ padding-top: 30px; font-size: 14px; height: 40px; line-height: 40px; overflow: hidden; }
.car_line{ margin-bottom: 14px; }
.car_div{ margin-bottom: 20px; height: 210px; }
.car_scroll li{background: #efefef }
.us_h3{ float: none; width: 100%; text-align: center; padding: 30px 0; height: auto; line-height: 40px; }
.ush3{ display: block; }
.us_right{ display: block; height: auto; width: 100%; float: none; }
.us_zuo{ float: none; width: 100%; margin-bottom: 30px; }
.car_left{ width: 100% }
.us_div{ float: none; width: 100% }
.us_scroll{ width: 260px; left: 50%; margin-left: -130px; }
.us_left{ float: none; width: 100% }
.us_dl dt{ display: block; margin: 0; }
.us_dl dd{ float: none; width: 100% }
.about_usright{ right: 0; left: inherit; }
.us_div{ padding-bottom: 20px; }
.ent_dl{ float: none; width: 100%; margin-bottom: 20px; }
.ent_dl dt{ width: 100%; height: auto; text-align: center; }
.ent_dl dt img{ width: auto; height: auto; max-width: 100% }
.ent_dl dd{ padding-top: 20px 0; }
.ent_h3{ padding: 0; text-align: center; font-size: 16px; }
.ent_i{ padding:0; text-align: center; height: auto; line-height: 26px; }
.jour_see{ float: none; height: 30px; line-height: 30px; text-align: center; width: 100%; display: block; margin-bottom: 20px; }
.xw_h3{ padding: 0px 0 10px 0; }
.jour_ul{ margin: 20px 0 50px 0; }
.jour_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.jour_word{ height: auto; }
.jour_i{ height: auto; line-height: 30px; }
.jour_more{ height: 40px; line-height: 40px; }


.cata_add{ display: none; }
.seat{ display: none; }
.catalog{ height: auto; line-height: inherit; }
.column{ margin-top: 0; }
.cata_ul li{ width: 50%; float: left; display: block; margin: 0; height: 50px; line-height: 50px; }
.about img{ width: auto; height: auto; max-width: 100% }
.honor_ul{ margin: 30px 0 30px 0; }
.honor_ul li{ width: 100%; float: none; margin: 0 0 20px 0; box-sizing: border-box; }
.honor_img{ width: 100%; height: auto; text-align: center;box-sizing: border-box; }
.honor_img img{ width: auto; height: auto; max-width: 100% }
.so_dl dt{ float: none; width: 100%; text-align: center; height:auto; margin: 0 0 20px 0; }
.so_dl dt img{ width: auto; height: auto; max-width: 100% }
.so_dl dd{ float: none; width: 100% }
.so_tit{ font-size: 14px; height: auto; line-height: 26px; background: url(../images/soci2.jpg)left 12px no-repeat }
.so_inner{ height: auto; }
.release{ padding: 30px 0; }
.rel_h3{ height: auto; line-height: 30px; font-size: 16px; }
.news_word img{ width: auto; height:auto; max-width: 100% }
.piece .return{ display: none; }
.piece{ padding: 20px 0; }
.piece a{ float: none; width: 100%; padding-left: 30px; height: auto; line-height: 30px;background: url(../images/page2.png) left 5px no-repeat ;background-size: 6%;  }
.piece a.piece_right{ text-align: left; background: url(../images/page1.png) left 5px no-repeat ;background-size: 6%; padding-left: 30px; padding-right: 0; }

.even{ margin-top: 30px; }
.even_em{ display: none; }
.even_inner{background: none; padding: 30px 0 }
.even_right{ float: none; width: 100%; text-align: center; }
.even_left{ float: none; width: 100% }
.even_h3{ text-align: left; background: url(../images/even3.png) left center no-repeat; padding: 0 0 0 34px;}
.even_word{ padding: 0 0 0 34px; text-align: left; }


.news_ul{ margin: 0; padding: 30px 0; }
.news_ul li{ margin: 0 0 20px 0; width: 100%; float: none; }
.news_img{ width: 100%; height: auto;  text-align: center; }
.news_img img{ width: auto; height: auto; max-width: 100% }
.news_h3{ height: auto; line-height: 26px; font-size: 14px; }
.news_dl dt a{ height:auto; line-height: 30px; }
.newszi{ height: auto; }
.tit_ul{ height: auto; line-height: inherit; padding: 10px 0; }
.tit_ul li a{ height:auto; line-height: 40px; background: none; font-size: 14px; }
.tit_ul li{ display: block; float: left; width: 50%; box-sizing: border-box; padding: 0 5px; }
.pro_info{ padding-bottom: 20px; }

.duct_dl dt{ width:100%; height: auto; margin: 0 0 20px 0; }
.duct_dl dt img{ width: auto; height: auto; max-width: 100% }
.duct_dl dd{ float: none; width: 100% }
.duct_inner{ height: auto; font-size: 14px; line-height: 30px; }

.quo_h3{ height: auto; line-height: 40px; padding: 20px 0;font-size: 18px; }
.quota_inner{ margin: 30px 0 0 0; width: 100%; }
.ta_ul li{ font-size: 12px; }
.norm_i{ font-size: 12px; }
.duct_h3{ font-size: 18px; }
.duct_dhn{ font-size: 14px; }

.case_dl{ margin-top: 30px; }
.case_dl dt{ float: none; width: 100%; height: auto; text-align: center; margin: 0 0 20px 0; }
.case_dl dt img{ width: auto; height: auto; max-width: 100% }
.case_dl dd{ float: none; width: 100% }
.case_tit{ padding-top: 0px; text-align: center; height: auto; line-height: 30px; font-size: 16px; }
.case_div{ height: auto; margin-bottom: 15px; }
.case_see{ margin: 0 auto }
.case_dl:nth-child(even) dt{ float: none; margin: 0 0 20px 0; }

.casetit{ font-size: 16px; height: auto; line-height: 30px; padding: 30px 0; }
.large_box{ width: 350px; margin: 0 auto 30px; }
.large_box li img{ width: auto; height: auto; max-width: 100% }
.small_box{ width: 350px; }
.small_list{ width: 250px; }
.small_list ul li{ width: 57px; overflow: hidden; }
.small_list ul li img{ width: auto; height: auto; max-width: 100% }
.left_btn{ height: 32px; background-size: contain; background: #dedede url(../images/case_left.jpg) center center no-repeat; }
.right_btn{ height: 32px; background-size: contain;background: #dedede url(../images/case_right.jpg) center center no-repeat; }
.case_bottom{ padding: 30px 10px  }
.case_top{ margin-bottom: 0; }
.recu{ padding: 20px 0; }
.pos dt{ font-size: 12px; }
.pos dd li{ font-size: 12px; overflow: hidden; }
.Requirement{ padding: 0 0 20px 0; }
.idea img{ width: auto; height: auto; max-width: 100% }
.mobile-inner-nav{ top: 62px; }

.right_sub,.left_sub,.about_usleft,.about_usright{ display: none; }

body{ background: #fff; }
.duct_dl{ border: none; }
.duct_dl dt{ border: 1px solid #ededed; }
.cont_dl{ float: none; width: 100%; height: auto; margin: 0 0 20px 0; padding: 10px 5px 10px; box-sizing: border-box; }
.cont_dl dt{ float: none; width: 100%; margin: 0; height: 40px; line-height: 40px; }
.cont_dl dd{ float: none; width: 100%; height: auto; margin: 0 }
.cont_top{ margin: 0 0 20px 0; }
.cont_call{ height: auto; line-height: 24px; margin-bottom: 5px; font-size: 14px; }
.cont_i{ padding-left: 0; }
.cont_ii{ font-size: 16px; }
.mess_right{ float: none; }
.mess_left{ float: none; margin: 0 0 10px 0; }
.mess_sub{ margin: 0 10px 0 0; }
.cont{ padding: 50px 0; }




}



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


}
@media screen and (max-width:414px){
.a_banner{background-size:cover!important; height:200px!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){
}