@media screen and (max-width:1200px){
.nav_ul{ display: none; }
.mobile{ display: block;  width: 100%; top: 4px; z-index: 99999; right: 0; }
.mobile-inner{ width: 100%; }
.phone_banner{ display: block; }
.pc_banner{ display: none; }
.box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.search{ display: none; }
.mobile-inner-nav .search{ display: block; float: left; width: 100% }
.all .mobile-inner-nav .search_form{ width: 100% }
.all .head{ position: static; background: #fff; }
.logo_fu{ display: none; }
h1{ position: relative; z-index: 999999 }
.all h1 img.logo{ width: 280px; }
.all .foot_ul{display: none;}
.all .hot{ float: none; width: 100%; height: auto; padding: 10px 0; background: none; }
.foot_em{ height: 30px; line-height: 30px; font-size: 16px; }
.hot_i{ height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 0; }
.foot_dl{ margin-bottom: 10px; }
.foot_dl dt{ height: 24px; line-height: 24px; font-size: 16px; }
.foot_hot .foot_dl{ display: block; margin: 0; }
.all .what{ padding: 0; width: 100%; height: auto; background: none; display: none;}
.wechat{ padding-top: 10px; }
.foot_bottom{ height: auto; line-height: 22px; padding: 10px 0; text-align: center; }
.add_left{ float: none; color: #fff;}
.add_right{ float: none;color: #fff; }
.foot_bottom a{ color: #fff; }
.site{ display: none; }
.cata_line{ display: none; }
.cata_h3{ font-size: 20px; height: 30px; line-height: 30px; }
.cata_i{ margin-bottom: 0; height: 24px; line-height: 24px; }
.tion{  padding-top: 30px; background-size: contain; padding-bottom: 30px; }
.join_box{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.ideal_div{ padding: 20px 10px 30px; }
.about_tit{ height: 40px ;line-height: 40px; font-size: 20px; margin-bottom: 20px;}
.ideal_div .about_tit{ padding-top: 0; }
.join_words{ font-size: 14px; line-height: 24px; }
.join_pos dt{ padding: 0 5px; height: 40px; line-height: 40px; background-size: cover; font-size: 14px; }
.join_pos dt span:nth-last-child(1){ display: none; }
.join_pos dd li:nth-last-child(1){ display: none; }
.join_pos dt span{ width: 25%; text-indent: 0; text-align: center; height: 40px; overflow: hidden; }
.join_pos dd li{ width: 25%; text-indent: 0; text-align: center; font-size: 12px; height: 40px; overflow: hidden;}
.join_pos dd{ padding: 0px; }
.join_Requirement{ padding: 20px 10px; font-size: 12px; line-height: 26px; }
.pos_em{ padding-top: 0!important; font-size: 14px!important; line-height: 26px!important; }
.join_Requirement p{font-size: 12px!important; line-height: 26px!important;}
.column{ height: auto; border: none; height: auto; margin-bottom: 30px; padding-top: 20px;}
.column_ul li{ width: 50%; padding: 0 5px; box-sizing: border-box; margin-bottom: 5px; }
.column_ul li a{ height: 40px; line-height: 40px; font-size: 16px; background: none; }
.cont{  padding-bottom: 20px; }
.cont_left{ float: none; width: 100% }
.address_tit{ font-size: 16px; height: 26px; line-height: 26px; }
.resscont{ height: 24px; line-height: 24px; }
.cont_ul li{ padding: 10px 0; }
.cont_right{ float: none; width: 100%; padding-top: 20px; }
.thank_tit{ height: 26px; line-height: 26px; font-size: 16px; margin: 0; }
.thank_div{ font-size: 14px; line-height: 24px; padding-top: 10px; }
.thank_txt{ width: 100% }
.thank_he{ float: none; width: 100% }
.thank_left{ float: none; width: 100% }
.thank_right{ float: none; padding-top: 20px; }
.thank_code{ width: 100%; box-sizing: border-box; }
.thank_sub{ margin: 0 auto }
.mark{ display: none; }
.web_he{ float: none; width: 100% }
.coor_inner{ width: 100%; display: block; padding: 0; }
.web_tit{ height: 30px; line-height: 30px; font-size: 16px;}
.web_div{ margin-bottom: 10px; }
.web{ padding: 0; }
.ser{ margin: 0; }
.ser_dl{ float: none; width: 100%; margin: 0 0 20px 0; padding: 20px 0; }
.ser_dl dt{ float: none; margin: 0 auto 15px; }
.ser_dl dd{ float: none; width: 100% }
.ser_tit{ height: auto; line-height: 24px; font-size: 16px; text-align: center; margin-bottom: 10px; }
.ser_words{ height: auto; }
.video_ul{ margin-left: 0; }
.video_ul li{ float: none; width: 100%; margin: 0 0 15px 0; height: auto; }
.video_img{ width: 100%; height: auto; text-align: center; display: block; margin-bottom: 15px; }
.video_img img{ width: auto; height: auto; max-width: 100% }
.video_div{ position: static; padding: 0; }
.video_tit{ position: static; width: 100%; height: 30px; line-height: 30px; font-size: 14px;}
.video_red{ display: none; }
.video_info img{ width: auto; height: auto; max-width: 100% }
.method{ margin-left: 0; }
.met_dl{ float: none; width: 100%; margin: 0 0 20px 0; height: auto;  background: none!important;}
.met_dl dt{ position: static; width: 100%; height: auto; text-align: center; }
.met_dl dd{ float: none; width: 100%; height: auto; text-align: center; }
.met_dl dd img{ width: auto; height: auto; max-width: 100% }
.met_tit{ padding: 10px 0 0 0; font-size: 16px; height: auto; line-height: 30px; }
.met_see{ margin: 0 auto; width: 120px; }

.sales_ul{ margin: 20px 0 0 0; }
.sales_ul li{ float: none; margin: 0 0 20px 0; width: 100%; height: auto; padding: 0; }
.sales_img{ padding-top: 15px; }
.sales_tit{ height: auto; line-height: 30px; font-size: 16px; }
.sales_div{ height: auto; line-height: 24px; font-size: 14px; margin-bottom: 15px; }
.sales_see{ margin-bottom: 20px; }

.videopic{ display: block; }
.case_box{ padding-top: 30px; }
.case_ul{ margin-left: 0; }
.case_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }
.case_img{ height: auto; width: 100%; text-align: center; }
.case_img img{ width: auto; height: auto; max-width: 100% }
.case_div{ margin: 0; width: 100%; height: auto; background: none!important; padding: 15px 0 0 0; }
.case_tit{ border: none; width: 100%; color: #333!important; text-align: center; font-size: 16px; height: auto; line-height: 24px; padding: 0; }
.newsword img{ width: auto; height: auto; max-width: 100% }
.news_ul{ margin: 0; }
.news_ul li{ float: none; width: 100%; margin: 0 0 20px 0; padding: 10px; height: auto;}
.news_time{ height: 30px; line-height: 30px; margin-bottom: 15px; }
.news_img{ width: 100%; height: auto; margin-bottom: 15px; }
.news_img img{ width: auto; height: auto; max-width: 100% }
.news_tit{ width: 100%; height: auto; line-height: 24px; font-size: 16px; margin-bottom: 10px; display: block; }
.news_words{ height: auto; line-height: 24px; }
.news_see{ width: 100%; background: none; text-indent: 0; text-align: center; }
.rel_tit{ height: auto; line-height: 24px; font-size: 16px; }
.rel{ margin-bottom: 0px; }
.procolumn .column_ul li{ width: 50% }
.pro_ul{ height: auto; margin:0 0 20px 0; }
.pro_ul li{  width: 50%; padding: 0 5px; box-sizing: border-box; margin:0 0 10px 0; font-size: 15px; background: none; }
.pro_ul li a{ background: #eaeaea; display: block; }
.ject_ul{ margin: 0 0 0 0; }
.ject_ul li{ float: none; margin: 0 0 20px 0; width: 100% }
.ject_img{ width: 100%; height: auto; text-align: center; }
.ject_img img{ width: auto; height: auto; max-width: 100% }
.ject_tit{ text-align: center; height: 30px; line-height: 30px; font-size: 16px; }
.ject_words{ text-align: center; font-size: 14px; }
.make_left{ display: none; }
.make_right{ float: none; width: 100% }
.wds_tit{ font-size: 16px; height: 40px; line-height: 40px; }
.wds_div{ padding: 10px; }
.wdstit{ height: 40px; line-height: 40px; font-size: 15px; }
.wds_inner{ padding: 0; height: auto; line-height: 24px; font-size: 14px; }
.wel_left{ margin: 0; width: 60%; font-size: 14px; }
.wel_i{ font-size: 15px; }
.wel_right{ margin: 0; width: 40% }
.make{ margin-bottom: 30px; }
.trait li{ width: 25%; margin: 0 }
.trait li a{ font-size: 14px; height: 30px; line-height: 30px; width: 100% }
.trait{ height: 30px; }
.trait_box{ padding: 20px 10px; }
.traitword{ line-height: 24px; font-size: 12px; margin-bottom: 20px;  }
.traitword img{ width: auto; height: auto; max-width: 100% }
.news_piece{ padding: 20px 0; }
.piece{ float: none; width: 100%; padding: 0 0 10px 0 }
.piece a{ height: auto; line-height: 24px; padding: 5px 0; }
.end{ float: none; }
.sell{ padding: 20px 0 0 0; margin: 0; }
.sell li{ float: none; width: 100%; margin: 0 0 20px 0; height: auto; }
.sell_img{ width: 100%; height: auto; text-align: center; }
.sell_img img{ width: auto; height: auto; max-width: 100% }
.sell_tit{ font-size: 18px; }

.ltd_div{ padding: 0; font-size: 14px; line-height: 24px; }
.ltd_tit{ font-size: 16px; }
.aboutimg{ padding: 20px 0 }
.about img{ width: auto!important; height: auto!important; max-width: 100%!important }
.exp_ul{ padding: 0; }
.exp_ul li{ width: 50%; background: none; }
.about{ background: none; }
.counter{ font-size: 40px!important; }
.exp_i{ font-size: 16px!important; }
.exp_ul li:nth-child(2) sup{ right: 36px!important; }
.exp_ul li:nth-child(1) sup{ right: 25px!important; }
.exp_ul li:nth-child(3) sup{ right: 38px!important; }
sup{ right: 20px!important; }
.culture_dl:nth-child(even) dt{ float: none; width: 100%; height: auto; text-align: center; margin-bottom: 0px; }
.culture_dl dt img{ width: auto; height: auto; max-width: 100% }
.culture_dl dd{ float: none; width: 100%; height: auto; background-size: cover; }
.culture_dl dd{ padding: 10px; box-sizing: border-box; }
.cul_tit{ padding: 0; text-align: center; font-size: 16px; height: auto; line-height: 30px; margin-bottom: 10px;  }
.cul_words{ padding: 0; font-size: 14px; height: auto; line-height: 24px; text-align: center; }
.culture_dl dt{ float: none; width: 100%; height: auto; }
.culture_ul li{ float: none; width: 100%; height: auto; margin: 0 0 10px 0; }
.pos dd{ border: none!important; }
.cul_img{ border: none!important;  width: 100%!important; text-align: center!important; height: auto!important; margin-bottom: 20px!important; }
.cul_img img{ width: auto!important; height: auto!important; max-width: 100%!important }
.honor_line{ margin: 0 auto }
.honor_tit{ text-align: center;width: 100%!important; text-align: center!important; height: auto!important;  }
.event_box .parHd{ width: 320px; margin-bottom: 20px; }
.parhd_inner{ width: 320px; }
.parHd li{ width: 140px; }
.slideBox{ width: 100% }
.ment_words{ font-size: 14px; }
.section2 .experience{ display: none; }

.index_warp{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.all .index_name{ font-size: 20px; height: 40px; line-height: 40px; }
.us_words{ padding: 0; height: auto; line-height: 24px; font-size: 14px; padding-top: 10px; }
.build_ul{ display: none; }
.all .build_box{ padding: 0; width: 100%; height: auto; }
.build_flexslider .flex-direction-nav{ display: none; }
.all .jour_left{ display: none; }
.all .jour_right{ float: none; width: 100%; height: auto; }
.all .jour_pic{ width: 100%; height: 280px; text-align: center; }
.all .jour_pic img{ width: auto; height: auto; max-width: 100% }
.spot{ left: 10px; bottom: 10px; }
.spot_tit{ font-size: 16px; height: 30px; line-height: 30px; }
.jour_ul li a{ padding: 0 15px; font-size: 16px; }
.solve_right{ display: none; }
.all .vice{ display: none; }
.solve_left{ text-align: center; float: none; width: 100% }
.all .solu_scroll{ width: 320px; margin-left: -160px; }
.solu_ul li{ width: 320px; height: auto; margin: 0; }
.solu_img{ padding: 0; width: auto; height: auto; max-width: 100% }
.solu_img img{ height: auto; max-width: 100%; width: auto; }
.all .solu_ul li{ height: auto; }
.all .solu_tit{ padding: 10px; font-size: 16px; height: auto; line-height: 24px; }

.all .solu_left{ left: 10px; top: 100px; width: 30px!important; height: 30px!important; background-size: contain!important; }
.all .solu_right{ right: 10px; top: 100px; width: 30px!important; height: 30px!important; background-size: contain!important; }

.build_warp{ padding: 0 10px; box-sizing: border-box; }
.all .build_box{ position: static; padding: 10px; box-sizing:border-box; height: 340px; background-size: cover;}
.puct_img{ display: none; }
.begin .puct{ text-align: center; }
.all .puct_tit{ text-align: center; font-size: 16px; }
.begin .puct_words{ height: 100px; padding: 0 10px; box-sizing: border-box; width: 100%; }
.all .puct_see{ margin: 0 auto }
.all .build_flexslider .flex-control-nav{ left: 0; width: 100%; text-align: center; }
.all .fp-section.fp-table.section6 .fp-tableCell, .all .fp-section.fp-table.section6{ height: 401px!important; }

.all .index_head .head{ position: absolute; }
.all h1 img.logo_fu{ display: none; }
.side ul{ display: none; }


.phone_banner{ display: block; }
.pc_banner{ display: none; }
.side_pic{ width: 50px; height: 50px; line-height: 50px; text-align: center; text-indent: 7px; }
.side_pic img{ width: 36px; height: auto; }
.all .side{ top: 68%; height: 50px; margin: 0; }

.all .build_warp{ width: 100%!important; }
.index_flexslider .flex-direction-nav{ display: none; }
.index_flexslider .flex-control-nav{ left: 0; width: 100%; bottom: 20px; text-align: center; }

.us_see{ width: 120px; text-indent: 13px; height: 46px;line-height: 46px; background: #06439c url(../images/news2.png) 85px center no-repeat }
.us_see:hover{transition: all 0.5s ease 0s; color: #06439c; background: url(../images/news22.png) 85px center no-repeat}
.section3{ background: #f8f7fd }
.jour_del{ width: 120px; height: 46px; text-indent: 13px; line-height: 46px; background: url(../images/news3.png) 85px center no-repeat }
.jour_del:hover{background:#06439c url(../images/news2.png) 85px center no-repeat; transition: all 0.5s ease 0s; color: #fff; border: 1px solid #06439c;}
.Requirement{ padding-top: 20px; }
.video_see{ top: 50%; margin-top: -25px; }
.video_img{ position: relative; }

.thank_sub{ height: 46px; text-indent: 13px; line-height: 46px; width: 120px; background: #fff url(../images/cont1.png) 85px center no-repeat }
.thank_sub:hover{border: 1px solid #003a8f; color: #fff; transition: all 0.5s ease 0s; background: #003a8f url(../images/cont11.png) 85px center no-repeat; }




}



@media screen and (max-width:768px){


}
@media screen and (max-width:414px){
.a_banner{background-size:cover!important; height:180px!important;}
.parHd li{ margin: 0 20px; }


}
@media screen and (max-width:375px){
.a_banner{background-size:cover!important; height:164px!important;}
.parHd li{ margin: 0 100px; }
}

@media screen and (max-width:360px){
.a_banner{background-size:cover!important; height:152px!important;}
.parHd li{ margin: 0 100px; }
}
@media screen and (max-width:320px){


}


@media screen and (min-width:1201px){
}

