.pc_resource_nav{border-bottom:1px solid #eee;}
.pc_resource_nav li{width:16.5%;float:left;}
.pc_resource_nav li a{display:block;padding:38px 0 0 0 ;color:#7d7d7d;font-size:15px;height:135px;text-align:center;position:relative;}
.pc_resource_nav li i{width:68px;margin:0 auto;display:block;background:url(/static/images/mobile/resource_icon.png) no-repeat;width:68px;height:68px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease;}
.pc_resource_nav li .icon1{background-position:0 0;}
.pc_resource_nav li .icon2{background-position:-70px 0;}
.pc_resource_nav li .icon3{background-position:-140px 0;}
.pc_resource_nav li .icon4{background-position:-210px 0;}
.pc_resource_nav li .icon5{background-position:-280px 0;}
.pc_resource_nav li .icon6{background-position:-350px 0;}
.pc_resource_nav li .icon7{background-position:-420px 0;}
.pc_resource_nav li.on .icon1,
.pc_resource_nav li:hover .icon1{background-position:0 -70px;}
.pc_resource_nav li.on .icon2,
.pc_resource_nav li:hover .icon2{background-position:-70px -70px;}
.pc_resource_nav li.on .icon3,
.pc_resource_nav li:hover .icon3{background-position:-140px -70px;}
.pc_resource_nav li.on .icon4,
.pc_resource_nav li:hover .icon4{background-position:-210px -70px;}
.pc_resource_nav li.on .icon5,
.pc_resource_nav li:hover .icon5{background-position:-280px -70px;}
.pc_resource_nav li.on .icon6,
.pc_resource_nav li:hover .icon6{background-position:-350px -70px;}
.pc_resource_nav li.on .icon7,
.pc_resource_nav li:hover .icon7{background-position:-420px -70px;}
.pc_resource_nav li span{line-height:22px;line-height:41px;}
.pc_resource_nav li.on a{border-bottom:1px solid #81b6e0;color:#69a9dc;}
.pc_resource_nav li:hover a{color:#69a9dc;}
.pc_resource_nav li.on em{display:block;width:14px;height:8px;background:url(/static/images/pc/recruit_on.png) no-repeat;position:absolute;bottom:-8px;left:50%;margin-left:-7px;}
.m_resource_nav{display:none;}

.resource_banner{margin:30px 0;}

.resource_list li{float:left; position:relative; width:31.3%; height:75px; margin:0 3% 30px 0; padding:10px; box-sizing:border-box; border:1px solid #eee;}
.resource_list li:nth-child(3n){margin-right:0;}
.resource_list li .img{float:left; width:15%; margin-right:10%;}
.resource_list li .main{float:left; width:70%;}
.resource_list li .main span{display:block; font-size:16px; color:#333; margin-bottom:10px;}
.resource_list li .main time{display:block; height:20px; padding-left:20px; color:#999; background:url(/static/images/pc/ind_time.png) 0 2px no-repeat;}
.resource_list li .link{position:absolute; right:10px; bottom:10px; z-index:2; font-size:14px; color:#69a9dc; text-decoration:underline;}

@media only screen and (max-width: 1024px) {
/*???????*/
.pc_resource_nav{display:none;}
.m_resource_nav{display:block;position:relative;line-height:34px;}
.m_resource_nav ul{position:absolute;width:100%;top:62px;left:0;border-top:1px solid #eee;background:#fff;z-index:20;display:none;}
.m_resource_nav ul a{color:#7d7d7d;}
.m_resource_nav p,
.m_resource_nav ul li{padding:14px 4% 14px 4%;color:#6aa9dc;font-size:14px;cursor:pointer;border-bottom:1px solid #eee;}
.m_resource_nav i{display:block;width:34px;height:34px;float:left;margin-right:15px;background:url(/static/images/mobile/design_icon.png) no-repeat;background-size:auto 100%;}
.m_resource_nav li .icon2{background-position:-40px 0;}
.m_resource_nav li .icon3{background-position:-80px 0;}
.m_resource_nav li .icon4{background-position:-120px 0;}
.m_resource_nav li .icon5{background-position:-160px 0;}
.m_resource_nav li .icon6{background-position:-200px 0;}
.m_resource_nav li .icon7{background-position:-240px 0;}
.m_resource_nav p .icon1{background-position:-280px 0;}
.m_resource_nav p .icon2{background-position:-360px 0;}
.m_resource_nav p .icon3{background-position:-400px 0;}
.m_resource_nav p .icon4{background-position:-440px 0;}
.m_resource_nav p .icon5{background-position:-480px 0;}
.m_resource_nav p .icon6{background-position:-520px 0;}
.m_resource_nav p .icon7{background-position:-560px 0;}
.m_resource_nav .arrow1{width:23px;float:right;margin-top:12px;}	

.resource_banner{margin:10px 0;}

.resource_list li{width:48.5%;}
.resource_list li:nth-child(2n){margin-right:0;}
.resource_list li:nth-child(3n){margin-right:3%;}
}

@media only screen and (max-width: 750px) {
.resource_list li{width:100%;}
.resource_list li:nth-child(2n){margin-right:0;}
.resource_list li:nth-child(3n){margin-right:3%;}
}

@media only screen and (max-width: 414px) {

}