@media screen and (max-width:1200px){
body{text-align: justify;}
.mobile{ display: block; z-index: 999999; top:-3px;height: 40px; position: absolute; }
.navBtn{width: 34px; height: 24px; position:absolute; right:10px; top:25px;  cursor: pointer; display:block; z-index:99999999 }
.navBtn:before,.navBtn:after{ content: ''; height: 4px; background: #00873b; width: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s ease 0s; z-index:9999999999}
.navBtn:after{ bottom: 0; top: auto;  }
.nav_ul{ display: none; }
.search{ display: none; }
.menuBg{ display: block; position: absolute; z-index: 99; top: 62px; }
.box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.navBg{ display: block; }
.call{ display: none; }
h1{ padding: 10px 0; line-height: inherit; }
h1 img{height: 40px; width: auto;}
.logoanv img{ width: 160px; }
.foot_top{ display: none; }
.foot_bottom{ padding: 10px 0; }
.hot{ float: none; width: 100% ; height: auto; background: none; }
.hot dt img{height: 50px; width: 50px;}
.hot dt { margin-right: 10px; }
.hotnum{ height: 30px; line-height: 30px; font-size: 20px; }
.hottit{ height: 20px; line-height: 20px; font-size: 14px; }
.admin{ float: none; width: 100%; background: none; margin: 10px 0 10px 0; }
.cn_div{ font-size: 13px; margin-bottom: 0; height: auto; line-height: 22px; }
.cn_div img{ display: none; }
.cn_ul li{ font-size: 14px; margin-right: 10px; }
.cn_ul li img{ margin-right: 6px; width: 18px; }
.cn_ul{ padding-top: 10px; }
.footwhat{ float: none;  }
.add{ height: auto; padding: 10px 0; }
.add_left,.add_right{ float: none; width: 100%; height: auto; line-height: 24px; font-size: 13px; text-align: center;}
.add_right li{ padding: 0 5px; display: inline-block; float: none; }
.add_right li a{ height: auto; line-height: 24px; font-size: 13px; }
.hot dd{ width: auto; }
.area_tit{ font-size: 14px; width: 91%; line-height: 32px;}
.comp_dl:nth-child(5) .area_tit{ line-height: 16px; }
.area_img{ margin-right: 8px;   }
.flex-direction-nav .flex-prev,.flex-direction-nav .flex-next{ display: none!important; }
.flex-control-nav{ bottom: 10px; }
.flex-control-nav li a{ width: 20px; }
.flex-control-nav li{ margin: 0 5px; }
.air{ height: auto; background-size: cover; padding-bottom: 20px; }
.intel{ width: 100%; box-sizing: border-box; padding: 0 10px; }
.intel_right{ float: none; width: 100%; }
.intel_case{ padding: 20px 0; }
.case_cn{ font-size: 20px; text-align: center; height: 40px; line-height: 40px; }
.case_en,.index_en{ height: auto; line-height: 30px; font-size: 16px; text-align: center; }
.mary_div,.sum_i,.intel_ul li .sum{ display: none!important; }
.intel_ul li{ float: left; width: 25%; height: auto; }
.summary{ height: auto; padding: 0; }
.mary_tit,.intel_ul li:hover .mary_tit, .intel_ul li.on .mary_tit{ font-size: 16px; height: 40px; line-height: 40px; text-align: center; }
.intel_ul li.on .summary{ padding: 0; }
.intel_left{ float: none; width: 100%; margin-top: 20px; height: auto; position: static; }
.intel_ul{ overflow: hidden; }
.ope_img img{ width:auto; max-width: 100%; height: auto;  }
.ope_div{ position: static; }
.ope_title{ text-align: center; color: #fff; font-size: 16px; height: 24px; line-height: 24px; }
.ope_vocs{ font-size: 20px; color: #fff; height: 30px; line-height: 30px; text-align: center; margin-bottom: 0px; }
.opesee{ margin: 0 auto; color: #fff; background: none; text-align: center; text-indent: 0; }
.ope_img{ margin-bottom: 10px; }

.industry{ padding: 20px 10px 0; }
.index_cn{ font-size: 20px; height: 40px; line-height: 40px; }
.index_tit{ margin-bottom: 10px; }
.ind_tit{ padding: 0 10px; font-size: 18px; }
.inde_see,.jour_see{ margin: 20px auto; width: 160px; height: 40px; line-height: 40px; }
.vibe_see{width: 160px; height: 40px; line-height: 40px;}
.vibe{ height: auto; background-size: cover; padding:1px 0 20px 0; }
.vibe_left{ float: none; width: 100%; margin: 20px 0 0 0; height: auto; }
.vibe_div{ padding: 20px 10px; }
.vibe_tit{ margin: 0; font-size: 20px; height: auto; line-height: 30px; margin-bottom: 10px; }
.vibe_zhan{ font-size: 15px; height: auto; line-height: 24px; margin-bottom: 10px; }
.vibe_zi{ height: auto; line-height: 22px; font-size: 14px; margin-bottom: 20px; }
.vibe_right{ float: none; }
.mindul li a{ height: 40px; line-height: 40px; }
.vide_video{ margin: 30px auto; float: none; }
.jour_top{ margin-bottom: 20px; padding: 20px 0 0 0; }
.jourmind{ float: none; }
.mind_cn{ font-size: 20px; height: 30px; line-height: 30px; }
.mind_en{ font-size: 16px; height: auto; line-height: 22px; }
.mindul{ float: none; margin-top: 0; padding-top: 20px; }
.mindul li{  margin:0  30px 0 0; }
.jour_div{ margin-bottom: 30px; }
.poly{ float: none; width: 100%;  margin-bottom: 20px;}
.poly_tit{ font-size: 16px; height: auto; line-height: 26px; margin-bottom: 20px; }
.poly_dl dt{ margin-bottom: 15px; }
.poly_img{ width: 100%; height: auto; text-align: center; }
.poly_img img{ width: auto; height: auto; max-width: 100% }
.scene{ float: none; width: 100%; }
.scene_dl dt{ margin-bottom: 10px; }
.scene_tit{ font-size: 16px; height: auto; line-height: 24px; }
.scene_zi{ height: auto; line-height: 24px; font-size: 14px; }
.jour_bottom{ padding-bottom: 10px; }
.scene_dl{ margin-bottom: 10px; }
.catalog{ margin: 0; height: auto; }
.site_ul{ display: none; }
.catalog_ul li { float: left; width: 50%; padding: 0 2px; box-sizing: border-box; margin:0 0 5px 0; }
.catalog_ul li a{ width: 100%; font-size: 16px; height: 30px; line-height:30px; }
.catalog_ul{ float: none; width: 100%; padding: 10px 0; }
.contbj{ padding: 20px 0 30px 0; background-size: cover; }
.help{ margin-bottom:10px; }
.help_left{ float: none; width: 100%; }
.get_tit{ font-size: 18px; height: 30px; line-height: 30px; }
.get_line{ margin: 10px 0; }
.get_zi{ font-size: 15px; height: auto; line-height: 24px; margin-bottom: 10px;  padding: 0;}
.get_img img{ width: auto; height: auto; max-width: 100% }
.mess_code{ width: 200px; }
.help_right{ float: none; width: 100% }
.comp_dl dd img{ margin-right: 10px; }
.comp_left{ float: none; width: 100%; padding-top: 10px; }
.comp_right{ float: none; width: 100%; padding: 0; }
.comp_tit{ font-size: 16px; height: 30px; line-height: 30px; display: block; }
.comp_dl dt{ font-size: 14px; height: 34px; line-height: 34px; }
.comp_dl dd{ height: 36px; line-height: 36px; font-size: 16px; }
.mess_left{ float: none;  width: 100%; }
.mess_tit{ font-size: 16px; height: 40px; line-height: 40px; }
.mess_div{ height: auto; line-height: 20px; font-size: 14px; margin-bottom: 15px; }
.mess_txt{ height: 36px; line-height: 36px; width: 27%; font-size: 14px; margin-bottom: 15px; }
.mess_area{ height: 100px; font-size: 14px; margin-bottom: 10px; border: 1px solid #dfdfdf }
.code_div{ height: 36px; width: 200px;}
.codeimg img{ height: 36px; width: auto; max-width: 100% }
.mess_name{ font-size: 16px; height: 30px; line-height: 30px; }
.codeimg{ height: 36px; line-height: 36px; width: 60px;}
.sub_mess{ float: inherit; float: right; background: none; text-indent: 0; text-align: center; margin: 30px 0 0 0;height: 40px; line-height: 40px; width: 110px; }
.mess_right{ float: none; width: 100%; display: none; }
.mess_right img{ width: auto; height: auto; max-width: 100% }

.achieve{ padding-top: 0px; }
.ach_tit{ font-size: 18px; height: 40px; line-height: 40px; }
.ach_line{ margin-bottom: 15px; }
.ach_div{ height: auto; line-height: 24px; font-size: 16px; margin-bottom: 20px; }
.ach_img{ margin-bottom: 20px; }
.fare{ height: auto; height: 368px; }

.fare_img{ float: none; width: 100%; height: auto; text-align: center; }
.fare_img img{ width: auto; height: auto; max-width: 100% }
.fare_img img{ float: none; width: 100% }
.fare_tit{ height: 40px; line-height: 40px; background: none; font-size: 18px; text-align: center; }
.fare_num{ display: none; }
.fare_num{ margin-bottom: 20px; }
.fare_zi{ font-size: 16px; line-height: 24px; background: url(../images/join1.png) left 8px no-repeat }
.fare_right{ width: 100%; height: auto; float: none; }
.welfare{ margin-bottom: 10px; }
.fare_div{ margin-bottom: 20px; }
.button_left{ width: 30px; height: 30px; right: inherit; left: 10px; bottom: inherit; top: 70px;  }
.button_right{width: 30px; height: 30px;right: 10px; bottom: inherit; top: 70px;  }
.jobimg{ margin-bottom: 20px; }
.wei_i{ height: auto; line-height: 24px; font-size: 16px;margin-bottom: 10px;}
.wei_zi{ height: auto; line-height: 24px; font-size: 14px; margin-bottom: 10px; }
.job{ padding-bottom: 30px; }
.Requirement{ padding: 10px 0; }
.req_left{ float: none; width: 100%; padding:3px 10px; margin-bottom: 0px; line-height: 22px; font-size: 14px;}
.req_right{float: none; width: 100%; padding: 10px; line-height: 22px; font-size: 14px;}
.pos dt{ margin-bottom: 20px; height: auto; padding: 10px 0; }
.pos_dt{ /* float: none; width: 100%;  */font-size: 16px; width:20%; height: 30px; overflow: hidden; text-align: center; line-height: 30px; text-indent: 0px; }
 .pos_dt:nth-child(1), .pos dd li:nth-child(1){ width:20%; } 
.recu ul{ height: auto; line-height: inherit; padding: 10px 0; }
.pos dd li{ /* float: none; width: 100%;  */height: 30px; width:20%;  overflow: hidden; text-align: center; line-height: 30px; text-indent: 0px;line-height: 30px; font-size: 16px; }
.pos dd li:nth-last-child(1),.pos_dt:nth-last-child(1){ display: none; }
.req_em{ font-size: 16px; height: 30px; line-height: 30px; }
.pos dd{ margin-bottom: 20px; }
.path{ padding: 20px 0; }

.path_ul{ margin: 0; }
.path_ul li{ float: none; width: 100%; margin: 0 0 15px 0; }
.path_div{ width: 100%; height: auto; text-align: center; margin-bottom: 15px; }
.path_div img{ width: auto; height: auto; max-width: 100% }
.path_inner .path_i{ line-height: 24px; font-size: 14px; background: url(../images/join1.png) left 8px no-repeat; margin-bottom: 5px; }
.apply{ height: auto; background-size: cover; }
.app_tit{ padding-top: 20px; font-size: 20px; height: 40px; line-height: 40px;}
.app_zi{ height: auto; line-height: 24px; font-size: 14px; margin-bottom: 10px; }
.apply_div{ margin: 0 0 10px 0; }
.apply_inner{ float: none; width: 100%; margin: 0; }
.mess_em{ font-size: 14px; height: 36px; line-height: 36px; }
.apply_txt{ width: 100%; height: 40px; line-height: 40px; }
.trade_file{ width: 100%; left: 10px;}
.apply_left{ width: 100%; float: none; }
.apply_right{ float: none;  }
.mess_what{ width: 100%; height: 40px; }
.code_txt{ width: 200px; }
.code_img{ height: 40px; line-height: 40px; }
.code_img img{ height: 40px; }
.mess_sub{ margin: 20px auto; display: block; }
.trade_sub{ width: 100%; }
.demand{ margin-bottom: 15px; }
.term li{ width: 100%; height: auto; float: none; margin-bottom: 15px; padding-bottom: 20px; }
.term_he{ display: none!important; }
.term_inner{ position: static; }
.term li.on{ width: 100% }
.term_tit{ margin: 20px 0 10px 0; height: 30px; line-height: 30px; font-size: 20px; }
.term_li{ font-size: 16px; height: auto; line-height: 30px; margin-bottom: 10px; }
.demand_tit{ font-size: 20px; height: 45px; line-height: 45px; }
.term_div{ padding: 0 10px; font-size: 14px; line-height: 24px; }
.research{ padding: 10px 0; }
.res_div{ padding: 0 0px; font-size: 16px; line-height: 24px; margin-bottom: 20px; }
.demand_scroll{ width: 340px; left: 50%; margin-left: -170px; }
.demand_div img{  width: 340px; }
.demand_ul li{ width: 340px; }
.demand_left{ left: 0; top: 30%; }
.demand_right{ right: 0; top: 30%;  }
.demand_hover{ padding: 0 10px; }
.active{ height: auto; background-size: cover; background: none; padding-top: 0; padding-bottom: 1px; }
.active_ul li{ float: none; width: 100%; padding: 0 5px; margin-bottom:  0px ; background: #fff; }
.active_ul{ background: none; padding-bottom: 10px; margin-bottom: 20px; }
.act_img{ height: 80px; line-height: 80px; }
.act_tit{ height: 36px; line-height: 36px; font-size: 18px; margin-bottom: 0; }
.act_zi{ height: auto; line-height: 24px; font-size: 16px; padding-bottom: 15px; }
.plat_tit{ padding: 10px 0 0 0; height: auto; line-height: 24px; font-size: 18px; margin-bottom: 10px; }
.plat_line{ margin-bottom: 10px; }
.plat_inner{ height: auto; line-height: 24px; padding: 0 0px; font-size: 16px; }

.platform{ padding-bottom: 20px; background-size: cover; height: auto; }
.int{ height: auto; background-size: cover; padding: 10px 0; }
.int_img{ position: static; width: 100%; margin: 0; }
.int_img img{ width: auto; height: auto; max-width: 100% }
.mind{ height: auto; background-size: cover; }
.mind_ul{ position: static; width: 100%; margin: 0; height: auto; padding: 10px 0 10px 0; }
.mind_tit{ font-size: 16px; height: 24px; line-height: 24px; }
.mind_img img{ height: 50px; }
.mind_ul li{ border: none; }
.mind_div{ padding-top: 10px; }
.mindping{ height: auto; line-height: 40px; font-size: 20px; }
.mind_pic{ padding: 20px 0 }
.mind_img{ height: 80px; line-height: 80px; }
.web li{ width: 50%; }
.web_tit{ font-size: 16px; height: 26px; line-height: 26px; margin-bottom: 5px; }
.web_pic{ height: 50px; line-height: 50px; margin-bottom: 10px; }
.web_pic img{height: 30px; width: auto;}
.web_line{ margin-bottom: 5px; }
.web_yuan{ font-size: 14px; height: 24px; line-height: 24px; }
.begin .pro_img{ width: 100%; }
.web_hover{ bottom: 10px; height: auto; }
.pro{ padding: 10px 0 10px 0; background-size: cover;  background: #f1f5f8  }
.pro_ul li{height: auto; margin-bottom: 30px; }
.pro_nav{ position: static; }
.pro_nav li{ margin: 0 0 5px 0; width: 50%; padding: 0 2px; box-sizing: border-box; float: left; }
.pro_nav a{ background: none; height: 30px; line-height: 30px; font-size: 18px;padding: 0; text-align: center; }
.pro_nav{ overflow: hidden; }
.pro_nav a.on, .pro_nav a:hover{ background: none; height: 30px; line-height: 30px;  font-size: 18px; color: #005bac}
.pro_img{ position: static; }
.pro_hover{ position: static; width: 100%; height: auto; }
.pro_img img{ width: auto; height: auto; max-width: 100% }
.pro_num{ display: none; }
.mac{ position: static; width: 100%; height: auto; padding: 0 10px;padding-bottom: 20px; }
.mac_tit{ padding-top: 10px; height: 36px; line-height: 36px; font-size: 18px;margin-bottom: 10px;  }
.mac_div{ height: auto; line-height: 24px; font-size: 14px; margin-bottom: 10px; }
.mac_see{ height: 40px; font-size: 14px; line-height: 40px; text-indent: 20px; width: 130px;  background: url(../images/case_see.png) 100px center no-repeat;background-size: 10%;}
.wel{ font-size: 16px; }
.mag_left{ float: none; width: 100%; height:auto; }
.mag_right{ float: none; width: 100%; padding: 0; }
.mag_title{ display: block; font-size: 20px; height: 40px; line-height: 40px; }
.mag_ul li{ height: auto; line-height: 24px; font-size: 14px;padding: 8px 0 }
.mag_ul{ margin-bottom: 20px; }
.pro_info{ padding: 20px 0; }
.hot_left dt{ margin-right: 8px; }
.hot_right a{ width: 80px; }
.describe li a{ height: 40px; line-height: 40px; font-size: 14px; }
.describe{ height: auto; }
.mag_left .large_box{ width: 100%; height: auto; line-height: inherit; padding: 20px 0; }
.mag_left .large_box li img{ width: 100%; height: auto; }

.mag_left .small_list ul li img{ width: 80px;height: 68px; }
.mag_left .small_list ul li{ width: 80px;height: 68px; margin-right: 6px;}
.mag_left .small_list{ height: 68px; width: 340px;}
.mag_left .small_box{height: 80px; width: 340px; }
.piecepro{ margin: 20px 0; padding: 10px; }
.propiece_left,.propiece_right{ width: 30%; background: #fff; padding: 0; text-indent: 0; text-align: center;}
.proend{  width: 35%; margin: 0 2%; background: #fff; text-indent: 0; text-align: center;}
.des_tit{ font-size: 20px; height: 60px; line-height: 60px; }
.a_banner{background-size: cover!important;}

.describe li{ margin: 0; width: 20%; padding: 0 1px; box-sizing: border-box; display: block; float: left; }
.chem_inner{ padding: 20px 0; }
.chem_inner img{ width: auto; height: auto; max-width: 100% }
.ject_tit{ height: 50px; line-height: 50px; font-size: 18px; }
.ject_dl{ padding: 10px 0 0 0; margin-bottom: 15px; }
.ject_dl dd p span{ font-size: 16px!important; }
.ject_dl dt{ font-size: 18px; height: 40px; line-height: 40px; background-size: 1.5% }
.infor_word{ height: auto; line-height: 24px; font-size: 14px; }
.good_i{ font-size: 14px; height:auto; line-height: 24px; background: url(../images/pro_info4.png) left 8px no-repeat }
.use_ul li{ height: 24px; line-height: 24px; font-size: 14px; }
.use_ul{ margin-bottom: 10px; }
.pro_infodiv{ padding-bottom: 20px; }
.chem_inner p{ font-size: 14px!important; line-height: 24px!important; }
.indexflexslider,.flex-viewport,.slides li,.slides li .banner_img{ height: auto; }
.navigation, .view{ height: auto; }
.about_inner img{ width:auto!important; height: auto!important; max-width: 100%!important}

.infor{ padding: 30px 0; }
.infor_left{ float: none; width: 100% }
.infor_title{ font-size:18px; height: 40px; line-height: 40px; margin-bottom: 10px; }
.infor_ul li a{ height: 30px; line-height: 30px; font-size: 16px;display: block;}
.infor_ul li{ float: left; width: 50%; padding: 0 2px; box-sizing: border-box; }
.infor_ul li.on a{ border-bottom: none; }
.infor_right{ width: 100%; float: none; padding: 0px; }
.infor_ul{ overflow: hidden; }
.infor_inner img{ width: auto; height: auto; max-width: 100% }
.about_inner{ padding:0 0 20px 0; }
.aboutimg{ float: none!important; width: 100%!important; text-align: center!important; margin: 0 0 10px 0!important; }
.aboutimg img{ width:auto; display: none; height: 200px; max-width: 100% }
.aboutpic img{ height: 50px; }
.aboutpic { margin-bottom: 20px!important; }

.about_inner p{ line-height: 24px!important; font-size: 16px!important; }
.about_inner .aboutzi{ font-size: 18px!important; line-height: 30px!important; margin-bottom: 10px!important; }
.honor_inner{ padding-top: 30px; }
#certify{ width: 100%; }
#certify .swiper-container{ padding-bottom: 0; }
#certify .swiper-button-prev,#certify .swiper-button-next{ display: none; }
#certify .swiper-slide{ width: 100%; height: auto; text-align: center; }
#certify .swiper-slide img{ width: auto; height: auto; max-width: 100%; display: inline-block; }
.honortit{ font-size: 16px; height: 40px; line-height: 40px; margin-top: 10px; display: block; margin-bottom: 10px; }
.honor{ height: auto; background-size: cover; padding-bottom: 20px; }
.swiper-wrapper{ height: auto!important; }
.culture{ height: auto; padding-top: 20px; background-size: cover; background: none; }
.cul_tit{ font-size: 20px; height: 40px; line-height: 40px; }
.cul_line{ margin-bottom: 20px; }
.cul_word{ font-size: 16px; height: auto; line-height: 24px; margin-bottom: 20px; }
.cul_ul li{ float: none; width: 100%; margin-bottom: 20px; height: auto; padding-bottom: 20px; }
.feel_tit{ font-size: 20px; padding-top: 20px; height: 40px; line-height: 40px; }
.feel_div{ padding: 0 10px; font-size: 14px; line-height: 24px;height: auto; }

.deve{ height: auto; padding-bottom: 300px; background-size: cover; }
.deve_color{ padding-top: 20px; }
.lop_dl dt{ margin-bottom: 20px; font-size: 20px; height: 40px; line-height: 40px; }
.lop_dl dd{ width: 100%; background: none; }
.exp_tit{ font-size: 14px; line-height: 24px; padding-left: 20px; background: url(../images/deve2.png) left 8px no-repeat }
.exp_time{ display: block; float: none; }
.small_inner{ width: 200px; margin: 0 auto  }
.small_inner li{ margin: 0 10px; }
.small_inner ul{ width: auto!important; }


.video{ width: 660px; margin-left: -330px; height: 370px; border-radius: 0; margin-top: -185px; }
.video_close{  right: -9px; top: -10px; }
.industry .swiper{ height: auto; }
.industry .swiper-slide img{ height: auto; }
.get_img{ display: none; }

.begin .box{ padding: 0 10px; }
.begin .poly,.begin .scene{ width: 100% }

.ind_i{ text-align: center; background: none!important; }
.case_tit{ text-align: center; font-size: 16px; }
.fare_scroll{ width: 100%; height: 100% }
.fare{ height: 514px; }
.button_left,.button_right{ top: 34% }
.path_tit{ left: 50%; margin-left: -60px; }

.news_ul{ margin: 0 }
.news_ul li{  width:50%; padding: 0 2px; box-sizing: border-box; margin: 0 0 20px 0;  }
.news_img{ width: 100%; text-align: center; height: auto; }
.news_img img{  height:247px;width: 100% }
.news_div{ padding: 10px 0 }
.news_year{ float: none; width: 100%; margin: 0; height: auto; border: none; }
.year_day{ font-size: 20px; height: 30px; line-height: 30px; }
.year_time{ font-size: 16px; height: 30px; line-height: 30px; }
.news_tit{ float: none; width: 100%; padding: 0 10px; box-sizing: border-box; font-size: 16px; height: auto; line-height: 24px; text-align: center;}
.news_see{ background: none!important; width: 150px; margin: 0 auto; text-align: center; text-indent: 0; height: 40px; line-height: 40px;}
.news_info{ padding: 20px 0; }
.reltit{ text-align: center; height: auto; line-height: 24px; font-size: 16px; }
.rel_time{ text-align: center; height: 30px; line-height: 30px; font-size: 14px; }
.case_ul{ margin: 0 0 0 -2%; }
.case_ul li{ margin:0 0 30px 0; width: 50%; padding-left: 2%; box-sizing: border-box;  }
 .case_img{ width: 100%; height: auto; }
.case_img img{ width: auto; height: auto; max-width: 100% }
.web li:hover .web_hover{ height: 122px; }
.mac_line{ display: none; }
.case{ padding-top:10px; }
.case_div{ padding: 0; }
.case_img{ margin-bottom: 10px; }


.phone_news_year{ display: block; }
.pc_news_year{ display: none; }




}








@media screen and (max-width:1180px){
.a_banner{background-size: cover!important;height: 280px!important;}
.footwhat{ float: right; margin-top: -142px; }
.foot_bottom{ padding: 20px 0 10px 0; }
.web_hover{ bottom: 115px; }
.fare{ height: 532px; }


}



@media screen and (max-width:768px){
.a_banner{background-size: cover!important;height: 280px!important;}
.footwhat{ float: right; margin-top: -142px; }
.foot_bottom{ padding: 20px 0 10px 0; }
.web_hover{ bottom: 115px; }



}
@media screen and (max-width:414px){
.a_banner,.law_banner{background-size:cover!important; height:220px!important;}
.p_banner{background-size:cover!important; height:155px!important;}
.footwhat{ float: none; margin-top: 0px; }
.foot_bottom{ padding: 10px 0 10px 0; }
.web_hover{ bottom: 10px; }
.fare_scroll{ width: 100%; height: 368px; }
.fare{ height: 514px;height: 368px; }
.button_left,.button_right{ top: 20% }
.pos dd li,.pos_dt{ font-size: 12px; }
.req_left,.req_right{ font-size: 12px; }
.ject_dl dt{background-size: 3%;}
.news_ul{ margin: 0 }
.news_ul li{ float: none; width: 100%; margin: 0 0 20px 0;  }
.news_img{ width: 100%; text-align: center; height: auto; }
.news_img img{ width: auto; height:auto; max-width: 100% }
.news_div{ padding: 10px 0 }
.news_year{ float: none; width: 100%; margin: 0; height: auto; border: none; }
.year_day{ font-size: 20px; height: 30px; line-height: 30px; }
.year_time{ font-size: 16px; height: 30px; line-height: 30px; }
.news_tit{ float: none; width: 100%; font-size: 16px; height: auto; line-height: 24px; padding: 0; text-align: center;}
.news_see{ background: none!important; width: 150px; margin: 0 auto; text-align: center; text-indent: 0; height: 40px; line-height: 40px;}
.piece_left a{ height: 40px; line-height: 40px; width: 90px; margin-right: 10px; }

.end{ width: 126px; height: 38px; line-height: 38px; background: url(../images/end1.png) 94px center no-repeat }
.end:hover{background:#0068c6 url(../images/end11.png) 94px center no-repeat}

.case_ul{ margin: 0 }
.case_ul li{ margin:0 0 20px 0; width: 100%; padding-left: 0%; box-sizing: border-box;  }
 .case_img{ width: 100%; height: auto; }
.case_img img{ width: auto; height: auto; max-width: 100% }
.case_tit{ font-size: 16px; text-align: center; height: 30px; line-height: 30px; }
.case_fen{ height: auto; line-height: 24px; }

.video{ width: 340px; margin-left: -170px; height: 190px; border-radius: 0; margin-top: -95px; }
.video_close{  right: -9px; top: -10px; }






}
@media screen and (max-width:375px){
.a_banner,.law_banner{background-size:cover!important; height:160px!important;}
.p_banner{background-size:cover!important; height:160px!important;}
}

@media screen and (max-width:360px){
.a_banner,.law_banner{background-size:cover!important; height:150px!important;}
.p_banner{background-size:cover!important; height:150px!important;}

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


}


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