/*首页*/
@media (max-width: 767px){
.nav_ul { width: 30% !important;}
.banner_index {height: auto !important;width: 100% !important;}
.inban {left: 0 !important;margin-left: -100px !important;}
.showpic { height: auto !important;}
.inban img { width: 100% !important; height: auto !important;}
.ctn01_left { width: 100% !important;}
.ctn01_right { width: 100% !important;}
.ctn01_subcont01 { width: 100% !important;}
.ctn_abg_01 { display: inline-block !important; height: auto !important;}
.ctn01_subcont02 { width: 100% !important;}
.wraper { max-width: 100% !important; min-width: 100% !important; padding: 0 !important;}
.section { width: 100% !important;}
.footer01_left { width: 100% !important;}
.footer01_left dl { width: 33.3% !important; height: 130px;}
.footer01_left dl dt { max-width: 90% !important; padding-left: 5px;}
.footer01_left dl dd { padding-left: 5px;}
.footer01_right { width: 100% !important; margin-top: 5px;}
}
/*服务支持*/
@media (max-width: 767px){
.Banners {margin-bottom: 0 !important;}
.wraper02 { max-width: 100% !important; min-width: 100% !important; padding: 0 !important;}
.searchBox { width: 99% !important;}
.search_txt { width: 90% !important;}
.Dl_conts td {padding: 0 !important;}
.Dl_conts td a {margin: 5px 0 !important;}
.D_cont02 li {width: 100% !important;}
.D_cont03 {width: 100% !important;height: auto !important;}
.D_cont03 img { max-width:100%}
.QA_slide_answers {width: 100% !important;}
.QA_qabox li a { height: auto !important;}
.form_info td input {width: 80% !important;}
}
/*解决方案*/
@media (max-width: 767px){
.solution_ul li {width: 47% !important;padding: 0 !important;margin: 0 5px !important;}
.C_cont_left {width: 100% !important;}
.C_cont_right {width: 100% !important; margin-top: 10px;}
.C_cont_R01_l { width: 100%;}
.C_cont_R01_l img{ width: 100%;}
.C_cont_R01_r {width: 100% !important; min-height: auto !important; padding-bottom: 10px;}
.QA_qabox img {width: 100% !important; height:auto !important;}
.QA_qabox input {width: 100% !important; height:auto !important;}
.solu_detailBox img {width: 100% !important; height:auto !important;}
.solu_detailBox input {width: 100% !important; height:auto !important;}
.solu_detailBox table {width: 100% !important;}
}
/*产品*/
@media (max-width: 767px){
.pro_Bigtitle {height: auto !important;padding-bottom: 10px;}
.pro_dl {width: 47% !important;margin-bottom: 10px;}
.pro_dl dd .tabImgs img { width: 100%;}
.pro_name_list a {height: auto !important;}
.pro_Slide_left {width: 100% !important;}
.pro_Slide_right {width: 100% !important;}
.pro_Slide {}
.pro_mainSlide li img {width: 100% !important;}
.pro_l, .pro_r {top:85px !important;}
.pro_dateleft {width: 100% !important;}
.pro_dateleft_dl dt {width: 100% !important;}
.pro_dateleft_dl dd { width:20%; float: left;}
.pro_dateleft_dl dd a {width: 100% !important;}
.pro_date_right {width: 100% !important;}
.pro_dateleft_dl dd.actives { width:20% !important; float: left;}
.Add_left {width: 100% !important;}
.Add_right {width: 100% !important;}
.pro_date_pic input {width: 100% !important; height:auto !important;}
.pro_date_pic img {width: 100% !important; height:auto !important;}
.Add_imgs img {width: 100% !important; height:auto !important;}
.Add_imgs input {width: 100% !important; height:auto !important;}
.pro_S_smalls li { width: 60px !important; height: 60px !important;}
.pro_S_smalls li img {width: 100% !important;}
}
/*新闻*/
@media (max-width: 767px){
.pages a {width: 25px !important; height: 25px !important; line-height: 25px !important;}
.MoreNews {padding: 0 !important;}
.MoreNews img {width: 100% !important; height:auto !important;}
.MoreNews input {width: 100% !important; height:auto !important;}
}
/*关于我们*/
@media (max-width: 767px){
.Join_left {width: 100% !important; min-height:100px !important; min-width: 100% !important;}
.Join_left .Join_left_nav a {float: left; margin: 0 15px;}
.Join_right {width: 100% !important;}
.F03_contLeft {width: 100% !important; height:auto !important;}
.F03_contLeft img {width: 100% !important; height:auto !important;}
.Develop_sub {left: 10px !important;}
.Develop_times {width: 80% !important;margin-left: -112px !important;}
.Develop_cont li div { right: 0 !important;}
.Enterprise_PDF li {width: 90% !important; padding: 0 5% !important;}
.ContantUs_left {width: 100% !important;}
.ContantUs_right {width: 100% !important;}
.ContantUs_subconts { margin-top: 15px;}
.adrnm_ul li {width: 90% !important;}
}
/*加入四方*/
@media (max-width: 767px){
.Join_container {min-width: 100vw !important; height:100vh !important;}
.titles, .solu_tt, .D_cont_tts { padding-top: 20px;}
.Join_cont {width: 100% !important; left: 0 !important; margin-left: 0 !important; margin-top: 0 !important; top: 10% !important;}
.Join_all_A a { margin: 20px 27px !important;}
.Join_cont02 { width: 100% !important; left: 0 !important; margin-left: 0 !important; margin-top: 0 !important; top: 10% !important; padding: 0 !important; height: 80vh;}
.Join_new_cont { height: 80vh !important;}
.EmployBox { height: 60vh !important;}
.Employ_table td { font-size: 12px !important;}
.tempWrap {width: 100% !important;}
.Live_bd { height: auto !important; width: 100% !important;}
.Live_bd li { display:inline-block; float:left; height: 370px !important;}
.Live_left { width: 150px !important;  height: 150px !important; float:left !important; margin-left: 25%;}
.Live_left img {width: 100% !important;}
.Live_right { width: 100% !important; float:left !important}
.Live_pic img {width: 100% !important;}
.LiveBox {width: 90% !important; left: 0 !important; margin-left: 0 !important; margin-top: 0 !important; top: 10% !important;}
.Live_picright {width: 70% !important;}
.Live_pic02 {height: 90% !important;}
}

/* PC端导航样式 */
.nav_ul { list-style: none;}
.Join_nav_ul { list-style: none;}
/* 移动端导航按钮样式 */
.mobile-nav-icon { display: none; cursor: pointer;}

.bar { width: 25px; height: 3px; background-color: #0ba29a;  margin: 6px 0;}

/* 移动端导航样式 */
.mobile-nav { list-style: none; padding: 0; display: none; z-index: 999; position: fixed; background-color: rgba(0, 0, 0, 0.8); height: 94vh; top: 6%; width: 100%;}

.mobile-nav li {font-size: 16px;width: 100%;text-align: center;  margin: 20px 0;border-bottom: 1px dashed #f3f3f3;}

.mobile-nav li a { color:#FFF}

/* 媒体查询：在小屏幕上显示移动端导航按钮 */
@media screen and (max-width: 768px) {
    .nav_ul { display: none;}
    .mobile-nav-icon { display: block; float: right;  margin-top: 10px; }
    .mobile-nav { display: none;}
    
    .right_A { display: none;}
    .Join_nav_ul { display: none;}
}