@media screen and (max-width:1200px){
.nav_ul{ display: none; }
.mobile{ display: block; position: fixed;  width: 100%; top: -1px; z-index: 99999; right: 0px; }
.mobile-inner{ width: 100%; }
.box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.index_body .head{ padding: 0 10px; }
.search{ display: none; }
.slides li .banner_img{ width: auto; height: auto; max-width: 100% }
.foot_top{ padding:  10px; }
.foot_left{ display: none; }
.foot_right{ padding: 0px 0 0 0; float: none; width: 100% }
.foot_bottom{ height: auto; line-height: 20px; font-size: 14px; padding: 10px; font-size: 12px; }
.understand{ float: none; width: 100%; }
.what{ float: left;display: block; margin: 10px 10px 0 0;}
.under_tit{ font-size: 15px; height: 24px; line-height: 24px; }
.foot_div{ float: left;  }
.under_ul li{ margin-bottom: 5px; }
.foot_bottom a{ display: block; }
.foot_befor{ height: 22px; line-height: 22px; }
.foot_under{ height: 22px; line-height: 22px; }
h1{ line-height: 60px; position: relative; z-index: 9999 }
h1 img{ height: 40px; width: auto; }
.index_body .head{}
.product_left{  float: none; width: 100%; height: auto; }
.currency{ display: none; }
.index_tit{ padding: 30px 10px; }
.tit_bottom{ font-size: 18px;  line-height: 26px;height: auto; }
.tit_cn{ font-size: 20px; }
.tit_top{ margin-bottom: 20px; }
.product_right{ padding:0 0px; width: 100%; box-sizing: border-box; height: auto; }
.duct_ul li{ float: none; width: 100%; padding: 10px 10px 20px; margin-bottom: 20px; box-sizing: border-box; height: auto; }
.duct_ul li .duct_tit{ padding: 0; font-size: 18px; height: 40px; line-height: 40px; text-align: center; }
.duct_inner{ padding: 0; height: auto; line-height: 24px; font-size: 14px; }
.duct_ul li .duct_img{ text-align: center;padding:0; }
.duct_ul li:nth-child(2){ float: none; width: 100%; height: auto; margin-left: 0; display: none; }
.duct_ul{  margin-bottom: 0; }
.flex-control-nav{ bottom: 10px; }
.plan_inner{ padding: 30px 10px; height: auto;  }
.plan_ul{ padding: 0 0 0px 0; margin-bottom: 20px; }
.plan_ul li{ width: 25%; margin-bottom: 10px; }
.plan_tit{ font-size: 16px; height: 30px; line-height: 30px; margin-bottom: 0px;}
.plan_words{ margin-bottom: 20px; height: auto; line-height: 24px; font-size: 14px; height: 48px; overflow: hidden; }
.plan_ul li{ padding-bottom: 5px; }
.jour_left{ display: none; }
.jour_right{ width: 100%; }
.jour{ padding: 0 10px; }
.jour_tit{ font-size: 16px; }
.jour_dl dt{ width: 30% }
.all .duct_ul li{ padding:0 10px 20px;  }
.jour_dl dd{ width: 67%; padding: 0 5px 0 10px; }
.jour_dl{ padding: 15px 0; }

.jour_see{ margin-bottom: 30px; }
.jour_inner{ margin-bottom: 30px; }
.begin .head{ padding: 0 10px; }
.nav-wrap{ height: auto; }
.begin .catalog{ padding: 0; height: auto; }
.catalog_ul li{ padding: 0 5px; box-sizing: border-box; width: 50%; float: left; margin: 0;margin-bottom: 5px; }
.catalog_ul li a{ text-align: center; }
.begin .innerball{ padding: 20px 10px 30px; }
.ecology_ul li a img{ height: auto; }
.series_ul li a{ width: 100px; }
.series_ul{ padding: 5px 0 25px 0; }
.pro_ul{ margin: 0; }
.pro_ul li{ float: none; width: 100%; padding: 0 0 0px 0; margin-bottom: 15px; }
.pro_img{ text-align: center; }
.pro_div{ padding: 0 10px 10px; }
.pro_tit{ text-align: center; font-size: 16px; height: 40px; line-height: 40px; }
.pro_zi{ line-height: 24px; height: 48px; margin-bottom: 15px; }
.pro_see{ height: 40px; line-height: 40px; text-align: center; }
.egg{ margin-bottom: 20px; }
.egg_left{ float: none; width: 100%; }
.all .egg_right{ float: none; width: 100% }
.large_box{ width: 100%; text-align: center; height: auto; line-height: inherit; }
.small_box{ width:280px;  }
.egg_dl dt{ text-align: center; font-size: 16px; height: 30px; line-height: 30px; margin-bottom: 10px; }
.egg_dl dd{ height: auto; padding-bottom: 20px; }
.char_ul li{ font-size: 14px; }
.specs img{ width: auto; height: auto; max-width: 100% }
.fun{ padding: 20px 10px; margin-bottom: 20px; }
.fun_tit{ font-size: 20px; margin-bottom: 20px; }
.data li{ width: 100%; height: auto;padding-bottom: 15px; }
.all .data li{ margin: 0 0 20px 0; padding: 0 10px 10px; }
.data_tit{ margin-top: 15px; }

.imp_ul li{ width: 340px; }
.imp_img{ width: 100%; height: auto; text-align: center; }
.begin .imp_scroll{ width: 340px; left: 50%; margin-left: -170px; }
.imp_img img{ width: auto; height: auto; max-width: 100% }

.imp{ height: 260px; margin-bottom: 20px; }
#fun1 p{ line-height: 24px!important; font-size: 14px!important; margin-bottom: 10px!important; }
.case{ padding: 20px 0; }
.case_dl{ float: none; width: 100%; padding: 0; }
.all .case_dl dt{ height: auto; float: none; width: 100%; text-align: center; margin-bottom: 15px; }
.all .case_dl dt img{  height: auto; }
.all .case_dl dd{ float: none; height: auto; padding: 10px; width: 100% }
.case_tit{ padding: 10px 0 0 0; height: auto; line-height: 24px; margin-bottom: 10px; }
.all .case_zi{ height: 76px; }
.exp_tit{ font-size: 18px; height: auto; line-height: 24px; text-align: center; margin-bottom: 30px; }
.back_tit{ font-size: 16px; }
.back{ margin-bottom: 20px; }
.case_word img{ width: auto; height: auto; max-width: 100% }

.all .imp_left{ left: 0; }
.all .imp_right{ right: 0; }
.succ_dl{ padding: 0; }
.all .succ_dl dt{ float: none; width: 100%; text-align: center; margin-bottom: 10px; height: auto; line-height: inherit; background: none; }
.all .succ_dl dd{ float: none; width: 100%; padding: 10px; box-sizing: border-box; }
.succ_tit{ padding: 0; font-size: 16px; text-align: center; height: auto; line-height: 26px; margin-bottom: 10px; }
.succ_zi{ margin-bottom: 15px; }
.succ_see{  text-align: center; }
.begin .minute{ padding: 0 10px; }
.operate{ padding: 0; }
.oper_ul li{ float: none; width: 100%; padding: 0; margin-bottom: 20px; }
.oper_dl:after{ height: 0; }
.all .oper_dl{ height: auto; padding: 10px; margin-bottom: 0px; position: static; overflow: hidden; }
.oper_dl dt{ position: static; float: none; width: 100%; text-align: center; }
.oper_dl dd{ position: static; }
.all .oper_dl dt{ height: auto; margin-bottom: 10px; }
.all .oper_dl dt img{ height: auto; width: auto; max-width: 100% }
.begin .oper_dl dd{ padding: 0; float:none; width: 100% }

.all .oper_tit{ height: auto; line-height: 26px; margin-bottom: 10px; }
.oper_zi{ height: 72px; }
.seek_tit{ margin-bottom: 20px; height: 50px; }
.seek_left{ font-size: 16px; line-height: 50px; }
.seek_i{ padding-left: 8px; }
.seek_see{ width: 80px; margin:9px 8px 0 0; }
.hold_left{display: none;}
.hold_right{ width: 100%; float: none; }
.hode_ul li a{ height: 44px; line-height: 44px; }
.hode_tit{ font-size: 14px; height: 44px; overflow: hidden; width: 70%; display: block; float: left; }
.hode_time{ font-size: 12px; height: 44px; width: 25% ;display: block; float: right;}
.begin .mark{ padding: 0 10px 30px; height: auto; background-size: cover; }
.mark_inner{ padding-top: 20px; }
.all .mark_ul{ margin: 0; }
.all .mark_ul li{ padding: 0; width: 100%; float: none; margin-bottom: 15px; }
.mark_tit{ height: auto; line-height: 24px; font-size: 16px; margin-bottom: 5px; }
.begin .media{ padding: 20px 10px ; }
.news_dl{ padding: 20px 0; }
.news_dl dt{ float: none; width: 100%; text-align: center; height: auto; margin-bottom: 15px; }
.news_dl dt img{height: auto; width: auto; max-width: 100%}
.news_dl dd{ float: none; width: 100%; }
.news_tit{ height: auto; line-height: 24px; font-size: 16px; margin-bottom: 10px; }
.news_di{ font-size: 14px; margin-bottom: 8px }
.news_time{ font-size: 14px; margin-bottom: 15px; }
.piece{ padding: 15px 0; }
.piece a{ height: auto; line-height: 24px; margin-bottom: 10px; }
.rel{ margin-bottom: 20px; }
.rel_h3{ font-size: 16px; height: auto; line-height: 26px; margin-bottom: 10px; }
.rel_div{height: auto; line-height: 24px;}
.outdoor{ margin-bottom: 30px; padding: 20px 0 0 0; }
.all .outdoor dt{ width: 100%; text-align: center; height: auto; float: none; }
.outdoor dt img{ width: auto; height: auto; max-width: 100% }
.all .outdoor dd{ float: none; width: 100%; padding: 0 10px 10px; box-sizing: border-box; }
.all .out_tit{ padding-top: 15px; font-size: 16px; height: auto; line-height: 24px; text-align: center; margin-bottom: 10px; }
.out_zi{  height: 48px; line-height: 24px; font-size: 14px; margin-bottom: 10px; }
.agree_ul{ margin: 0 0 20px 0; }
.agree_ul li{ float: none; width: 100%; margin:0 0 15px 0; }
.agr_img img{ width: auto; height: auto; max-width: 100% }
.agr_img { margin-bottom: 0px; }
.agr_div{ padding:10px; }
.agr_tit{ padding: 10px 0;  }
.out_time{ padding-left: 20px; }
.out_add{ margin-right: 5px; }
.out_see{ width: 70px; height: 26px; line-height: 26px; }
.eva_dl{ float: none; width: 100%; height: auto; }
.eva_right{ float: none; }
.eva_dl dd{ padding-left: 10px; font-size: 15px; width: 73%; }
.eva_dl dt{ width: 24% }
.eva_right .out_see{ float: right; }
.begin .account{ padding: 30px 10px; box-sizing: border-box; }
.all .account_dl dt{ float: none; width: 100%; height: auto; margin-bottom: 10px;}
.account_dl dt img{ width: auto; height: auto; max-width: 100% }
.all .account_dl dd{ float: none; width: 100% }
.account_tit{ padding: 0; height: auto; font-size: 16px; line-height: 26px; }
.account_zi{ height: auto; line-height: 24px; font-size: 14px; }

.analysis{ background-size: cover; height: auto; padding-bottom: 30px; }
.analy_ul{ padding: 30px 10px 0; }
.analy_ul li{ width: 50% }
.analy_tit{ line-height: 20px; font-size: 12px;  }
.gpu_i{ display: inline; }
.counter{ font-size: 40px; }
.analydiv{ margin-bottom: 10px; }
.industry{padding: 20px 10px }
.ind_word img{ width: auto; height: auto; max-width: 100% }
.deve_tit{ padding: 0 0 20px 0; }
.deve_cn{ font-size: 20px; }
.deve_en{ height: auto; line-height: 22px; font-size: 16px; }
.culture{ padding: 20px 10px 30px; }
.cul_tit{ font-size: 20px; height: auto; line-height: 50px; }
.begin .deve{ padding: 20px 10px;height: auto; background-size: cover; }
.deve .deve_tit{ padding: 0 0 20px 0 }
.all .deve_scroll{ width: 340px; margin-left: -170px;}
.deve_left{ top: 269px; left: 20% }
.deve_right{ top: 269px; right: 20% }
.honor{ padding: 20px 10px 30px }

.begin .good{ padding: 20px 10px 0px; height: auto; background-size: cover; }
.good_ul li{ width: 340px; }
.good_img img{ width: 100%; height: auto;  }
.all .good_scrooll{ width: 340px; margin-left: -170px; left: 50% }
.good_img{ width: 340px; height: auto; }
.good_left{ left: 0; top: 100px; }
.good_right{ right: 0; top: 100px; }

.Requirement{ padding: 0 0px; }
.rement_left{ float: none; width: 100%; height: auto; padding: 0; }
.rement{ padding: 10px; }
.rement_h3{ height: 40px; line-height: 40px; }
.rement_right{ float: none; width: 100%; height: auto; background: none; }
.rement_inner{ margin: 0; box-shadow: none; padding: 20px 0; height: auto; width: 100%;  }

.recu ul{ overflow: hidden; height: auto; line-height: 26px; padding: 15px 10px; }
.pos dd li{ padding: 0 0px; }
.join_h3{ height: 50px; line-height: 50px; font-size: 18px;}
.recu ul.act{ padding: 10px; padding-left: 60px; background: #f0f0f1 url(../images/join1.jpg) 3px center no-repeat; background-size: 14% }

.put_right{ display: none; }
.joindiv{ margin-bottom: 10px; }

.put_en{ font-size: 42px; }
.put_cn{ font-size: 22px; left: 30px; top: 10px; }

.company{ margin-bottom: 20px; }
.conmpany_inner{ float: none; width: 100%; margin-bottom: 20px; }
.pany_inner{ padding: 20px 5px; }
.pany_div{ font-size: 18px; }
.conm_i{ font-size: 14px; height: 40px; line-height: 40px; margin-bottom: 10px; }
.conm_i img{ margin-right: 8px; }
.conmpany_dl dt img{ margin-right: 0; padding: 0 9px; }
.conmpany_dl dd{ height: auto; line-height: 24px; font-size: 14px; }
.conmpany_dl{ margin-bottom: 10px; }
.conmpany_dl:nth-last-child(1){ padding-bottom: 30px; }
.mechanism{ float: none; width: 100% }
.tech_dl{ float: none; width: 100%; height: auto; padding: 10px; margin-bottom: 15px; }
.tech_dl:nth-child(2){ float: none; width: 100% }
.tech_dl dt{ padding: 0; font-size: 16px; height: 40px; line-height: 40px; margin: 0;}
.ecology_tit{ font-size: 20px; font-weight: inherit; }
.ecology_i{ width: 100%; font-size: 16px; height: 40px; line-height: 40px; margin: 20px 0; }
.ecology_ul li{ width: 50%; padding: 0 5px; margin-bottom: 15px; }
.begin .foot_top{ padding: 10px; }

.service_left{ float: none; width: 100%; margin-bottom: 20px; }
.service_righ{ float: none; width: 100% }
.ser_tit{ font-size: 16px; height: 50px; line-height: 50px; }
.service_ul { overflow: hidden; }
.ser_ul li{ margin-bottom: 10px; }
.ser_ul li{ text-indent: 30px; background: #fff url(../images/dian1.png) 12px center no-repeat }
.ser_ul li a{ font-size: 13px; padding-right: 4px; box-sizing: border-box; }
.service_ul li a{ height: 40px; line-height: 40px; text-indent: 34px; }
.service_ul li .ser_drop a{ background: url(../images/ser.png) 34px center no-repeat; text-indent: 50px;}
.service_ul li { width: 50%; float: left; padding: 0 3px; box-sizing: border-box; margin-bottom: 10px;}
.series_ul li{ margin: 0 8px 10px 0; }
.down{ padding: 0; }
.down_inner{ padding: 20px 5px; }
.model{ margin-bottom: 20px; }
.model_h3{ float: none; width: 100%; margin-bottom: 10px; font-size: 20px; height: 30px ;line-height: 30px; text-indent: 0;}
.model_ul{ float: none; width: 100%; height: auto; line-height: 24px; padding-bottom: 10px; }
.model_ul li{ width: auto; margin:0 10px 5px 0; }
.model_ul li a{ height: auto; line-height: 24px; font-size: 14px; font-weight: inherit; }

.docu_ul{ margin-bottom: 20px; height: 50px; }
.docu_ul li:nth-child(1){ width: 25% }
.docu_ul li{ width: 25%; height: 50px;line-height: 50px; text-indent: 0; text-align:  center;}
.currency_ul li{ background: #fff; padding: 10px 0; height: auto; margin-bottom: 10px }
.curr_i:nth-child(1){ width: 100%; text-indent: 10px; }
.curr_i{width: 100%; text-indent: 10px;height: 30px; line-height: 30px; }

.curr_i:nth-last-child(1){ background: url(../images/down1.png) 62px center no-repeat }

.plan_img{ height: auto; line-height: 60px; }
.plan_img img{ height: 40px; width: auto; }

.plan_ul li.on{ background-size: 63% }

.begin .plan_inner{ padding: 30px 10px; }
.plan_ul li:hover .plan_img, .plan_ul li.on .plan_img{ transform: translateY(-10px); }
.plan_pic{ height: 100%; }
.plan_pic img{ height: 100%; }
.planimg{ height: 100% }
.plan{ margin-bottom: 5px; }
.all .duct_ul .duct_tit{ padding: 10px 0 0 0; }
.all .duct_ul .duct_inner{ padding: 0; }
.plan_more{ width: 130px; height: 38px; line-height: 38px; }
.point{ padding: 10px 0px; height: auto; }
.point li{ width: 50%; padding: 0 3px; box-sizing: border-box; margin:0 0 5px 0; }
.point li a{ height: 40px; line-height: 40px; }

.slides li{ border-radius: inherit; }

.increase h1{ line-height: 60px; }
.a_banner{ margin: 0!important; }
.head{background:url(../images/phonebj.png) left top;}
.conmpany_dl dt{ font-size: 15px; }
.propaganda{ padding: 20px 10px; }
.ganda_banner{ float: none; width: 100%; padding: 0; margin-bottom: 20px; }
.meet{ float: none; width: 100%; height: auto!important; }
.tion{ float: none; width: 100%; margin-bottom: 10px; }
.tion_meet{ margin: 0 0 10px 0; height: auto; }
.tion_day{ font-size: 20px; height: 36px; line-height: 36px; }
.tion_name{ font-size: 16px; height: auto; line-height: 24px; padding-bottom: 20px; }
.map{ float: none; width: 100%; height: auto; }
.map img{ width: auto;height:auto; max-width: 100% }


.float{ display: none; }
.deve_div .swiper{ width: 340px!important; padding: 0!important; }

.devebox{ width: 260px!important; }
.product_left .duct_tit{ padding: 0; font-size: 18px; height: 50px; line-height: 50px; }
.product_left .duct_inner{ padding: 0 10px; margin-bottom: 5px; }
.all .duct_img{ padding: 0 5px; box-sizing: border-box; width: 100%; height: auto; }
.product_left{ margin-bottom: 15px; }






}



@media screen and (max-width:768px){

 
}
@media screen and (max-width:414px){
.a_banner{background-size:cover!important; height:200px!important;}
.m_banner{background-size:cover!important; height:100px!important;}


}
@media screen and (max-width:375px){
.a_banner{background-size:cover!important; height:180px!important;}
.m_banner{background-size:cover!important; height:98px!important;}
}

@media screen and (max-width:360px){
.a_banner{background-size:cover!important; height:175px!important;}
.m_banner{background-size:cover!important; height:95px!important;}
}
@media screen and (max-width:320px){


}


@media screen and (min-width:1201px){
}

