/*首页*/ @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;} } /*加入rayban雷竞技官网*/ @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;} }