.knowledge_title{padding:30px 0 20px; font-size:28px;}
.knowledge_tabs{margin-bottom:20px;}
.knowledge_tabs li{float:left; width:50%; text-align:center;}
.knowledge_tabs li .icon{display:inline-block; margin-right:6%;}
.knowledge_tabs li a{display:block; height:90px; padding:10px 0; font-size:18px; color:#666; background:#e9e7e7;}
.knowledge_tabs li.on a{color:#FFF; background:#69a9dc;}

.knowledge_form{position:relative;}
.knowledge_form .recruit_search{position:absolute; right:0; top:0; width:30%; box-sizing:border-box;}

.knowledge_list li{position:relative; float:left; width:24.2%; margin-right:1%; margin-bottom:20px; padding:10px 2%; box-sizing:border-box; border:1px solid #E1E1E1; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; font-size:14px;}
.knowledge_list li:hover{background:#69a9dc;}
.knowledge_list li a{line-height:24px; color:#666;}
.knowledge_list li i{position:absolute; right:10px; bottom:10px;}
.knowledge_list li:hover a{color:#FFF;}
.knowledge_list li .col1{width:32%; display:inline-block; vertical-align:middle;}
.knowledge_list li .col2{width:68%; display:inline-block; vertical-align:middle;}
.knowledge_list li:nth-child(4n){margin-right:0;}

@media only screen and (max-width: 1024px) {
.container{padding:0 3%; box-sizing:border-box;}
.knowledge_title{font-size:20px;}
.knowledge_form .recruit_search{position:static; width:100%; margin-bottom:20px; border-right:1px solid #eee;}
.knowledge_list li{float:none; width:100%; margin-right:0; font-size:12px;}
.knowledge_list li a{font-size:14px;}
}

@media only screen and (max-width: 750px) {
.knowledge_tabs li a{height:40px;}
.knowledge_tabs li .icon{height:40px; margin-right:2%;}
}

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

}