@media only screen and (max-width:1200px) { .w{ width:1000px; margin:0 auto; } /*头部样式的修改*/ /*第二部分*/ #header .logo img{ width: 255px; height: auto; } .headerNav li>a{ padding:0 14px; } .bHeight img{ width:100%; height:100px; } /*消息滚动*/ .topicHot{left:2px;right:2px} .headerNav li>a:hover{color: #000;} .headerNav li>a.active{color: #67378d;} /*核心优势*/ /*关于亚博IM电竞*/ .company .companyLf, .company .companyRf{ width:340px; padding:15px; } .company .itemTop .topOrder{ display: none; } .company .newsItem li span{ display: none; } .company .newsItem li .tOver:hover{ color: #333; } /*合作客户*/ .cooPartner .mainCon .partner_lf{ width:170px; padding-left: 20px; } .cooPartner .mainCon .partner_cen{ width:800px; } /*服务流程*/ .seviceCon li{ width: 200px; background: url(/Image/arrowFlow.png) no-repeat 144px 80px; } /*核心城市*/ .cityCon li img{ height: 180px; width: 180px; } /*新闻中心*/ .companyNews .gridLeft{ width:300px; } .companyNews .gridLeft li a{ width:240px; } .companyNews .gridLeft li span{ display: none; } .companyNews .gridRight{ width:700px; } /*友情链接*/ /*关于亚博IM电竞页面*/ .subCon{ width:750px; } .subCon img{ max-width: 750px; } /*猎头职位页面*/ .positionShow{ display: none; } .positionCon{ float: none; margin:0 auto; } /*成功案例*/ .postname, .job{ width:190px; } /*员工活动*/ .subAdd .subItem .list{ width:45%; } .subAdd .subItem .list img{ width:90%; height:auto; } .subCon .subItem .tit .tOver{ width: 620px; } /*新闻资讯的消息列表*/ .subCon .clearfix li a{ width:620px; } .bottomLink .listCon ul{ margin-right:80px; } } @media only screen and (max-width:1000px){ body{ cursor:pointer; } /*版心*/ .w{ width:100%; } /*pc端导航消失*/ .headerWrap{ display: none; } /*手机端导航出现*/ .headerWrap_app{ display: block; } /*导航logo图标*/ #header .logo{ margin-top:5px; } .headerWrap_app .fright{ line-height: 67px; } .banner{ height:350px; } /*banner的热点消息*/ .topicHot .bd { padding:0 15px; } .topicHot .bd .tempWrap{ width:100% !important; } .searchBox{padding:0 20px; width:100%;margin-bottom:0px;} .search{width:85%} .searchBox a{width:15%;} .content .huntPosition{} /*核心优势*/ .mainContent2 .Advantage li img{ width:80px; height:auto; } .mainContent2 .Advantage li .account{ font-size: 28px; } .mainContent2 .Advantage li:hover img{ -webkit-transform:scale(1) ; -moz-transform:scale(1); -o-transform:scale(1) ; } /*核心城市*/ .cityCon li img{ width:150px; height:150px; } .cityCon li a .tit{ width:80px; height:35px; line-height: 35px; } /*关于亚博IM电竞 合作客户 服务流程消失*/ .company,.cooPartner,.news{ display: none; } /*新闻中心*/ /*消息显示*/ .companyNews .gridLeft{ float:none; width: 100%; height:auto; } .companyNews .gridLeft .topOne{ display: inline-block; vertical-align: top; width:48%; } .companyNews .gridLeft li a{ width: 96%; } /*图片显示*/ .companyNews .gridRight{ float: none; } /*底部*/ .linkContent{ height:90px; overflow: hidden; } .bottomLink .listCon ul{ margin-right:32px; } .bottomLink .rf{ padding-right: 20px; } /*about页面*/ .subnav,.subCon{ float:none; width:100%; padding-bottom: 0; } .subCon img{ width: 100%; } /*成功案例页面*/ .posWrap .postname,.posWrap .optionState,.posWrap .job{ width:30%; } .posWrap .huntPosition{ width:40%; } .positionCon{ width:100%; } /*子公司页面*/ .bannerCaseHunter{ display: none; } .bannerCity .banner-case .bd{ top:5px; height:300px; } #SuccessAll{height:240px} .bannerCity .infoList li{ line-height: 30px; height:30px; } } @media only screen and (max-width:760px){ /*头部logo*/ #header .logo{ height:55px; } .headerWrap_app .fright{ line-height: 55px; } .headerWrap_app i{ font-size: 28px; } .version{display:none} .navCity {display:none;} /*banner*/ .banner{ height:190px; } .bHeight{ height:102px !important; } #focus-banner .focus-handle{ display: none; } #focus-bubble li{ height:8px; width:8px; } #focus-bubble{ bottom:33px; } /*主体第一部分*/ .mainContent1{ padding-top:20px; } .mainContent1 h3{ font-size: 18px; } /*核心优势*/ .mainContent2 .Advantage li{ width:30%; padding-bottom: 10px; } .mainContent2 .Advantage li img{ width:45%; } .mainContent2 .Advantage li .account{ font-size: 26px; } /*核心城市*/ /*pc端的样式消失*/ .cityCon ul{ display: none; } /*移动端的样式显示*/ .rsdCity{ display: block; } /*新闻中心的消息显示100%*/ .companyNews .gridLeft .topOne{ width:100%; } .companyNews .gridLeft li a{ width:95%; } /*新闻中心的图片显示*/ .companyNews .gridRight{ width:100%; } .companyNews .gridRight li:nth-child(2){ display: none; } .companyNews .gridRight ul{ padding:10px; } .companyNews .gridRight li{ width:100%; margin:0; } .bottomLink .linkCon .rf{ width:160px; margin:0 auto; text-align: center; } /*网页尾部*/ .bottomLink .listCon ul:nth-child(3),.footerCity{ display: none; } .bottomLink .listCon ul:nth-child(2){ margin-right:0; } #header .logo img{ width:200px; height:auto; } .linkContent{padding:0 4px;} /*右侧导航*/ .sideRight{ display: none; } .contentList img{ max-width: 200px !important; height:auto !important; } .onlineBtn{display:block;} /*合作客户页面*/ .subCon dl{ width:43%; } .subCon dl dd{ width:100%; } /*公司新闻的员工活动页面*/ .subAdd .subItem .list .show .time{ width:105px; height: 32px; line-height: 32px } .subAdd .subItem .list{ margin-right: 0; } .subAdd .subItem .list:nth-child(odd){ margin-right: 10px; } .subCon .subItem .tit .tOver{ width:68%; } .subAdd .subItem .list .show span{ width:90%; } .subCon .clearfix li a{ width:68%; } /*猎头职位列表*/ .positionCon{ width:100%; } .postname, .job,.companyname, .companyCall{ width:50%; } .joblist{ line-height: 30px; font-size: 15px; } .listResult{ line-height: 30px; } .workplace, .jobplace,.workState, .jobState,.releaseDate, .jobDate{ width:30% } .Pagination{ margin-top:30px; } /*回到顶部*/ .backTop,.backTop img{ width: 30px; height: 30px; } .backTop{ right: 20px; } /*子公司页面*/ .bannerCity{ display: none; } #addressCon dt,#addressCon dd{ float:none; width:100%; } /*联系我们页面*/ /*.efficWrap{display:none}*/ #rightMessage{display:none;} #lefDec{width:100%;} .subCon #lefDec dl{width:97%;} .subCon #lefDec dl dd{ margin-left:0; } .companyPart{width:100%;} .onlineConsult{position:relative;left:50%; margin-left:-60px !important; margin-top:20px !important; } #description p,#TradeList p,.subItem {padding:0 4px;} /*成功案例*/ #caseLeft{display:none;} } @media only screen and (max-width:320px) { #header .logo{height: 52px;} #header .logo img{width:180px;} /*头部图标*/ .headerWrap_app .fright{line-height: 52px;} /*点击图标出现的导航*/ /*banner部分*/ .banner{height: 160px;} /*核心优势部分*/ .mainContent2 .Advantage li .account{font-size: 19px;} /*公司活动子页*/ .subAdd .subItem .list .show .time{ width: 95px; height: 24px; line-height: 23px } .subAdd .subItem .list{line-height:20px;} /*分页*/ .Pagination li{padding:0 8px;} } @media only screen and (max-width:500px) { /*解决方案页面*/ .serAct a{ width:19%; margin:0 5px; } /*网页底部*/ .bottomLink .linkCon .lf,.bottomLink .linkCon .rf{ float:none; } .md-modal .md-content{ width:80%; height:400px; margin-left: -40%; margin-top: -200px; } .md-modal .entryTitle h2{line-height: 30px;font-size: 15px;} .md-modal .contactForm input[type='text']{height: 30px;line-height: 30px;margin-bottom: 10px;} .md-modal .contactForm label{line-height: 25px;} .md-modal .contactForm textarea{height: 80px;} }