/*common*/
.honeycomb {
	margin-top: 2%;}
.honeycomb ul {
	margin: 0 auto;
	text-align: center;
	padding: 0;
	list-style: none;}
.honeycomb ul li {	
    display: inline-block;}
.honeycomb ul li:hover {	
    transform:scale(1.1)}
.honeycomb .hex {
	overflow: hidden;
	display: block;	
	transform: rotate(-60deg) skewY(30deg);}
.honeycomb .hexIn {
    padding-top: 42%;
    background-color: #DBA41F;
    display: block;
    text-align: center;
    transform: skewY(-30deg) rotate(60deg);
    border-left: 8px #ffce59 solid;
    border-right: 8px #f5dea6 solid;}
.ashore_teacher {
    font-size: 18px;
    line-height: 30px;
    /* border: 1px #cc0 solid; */
    border-radius: 19px;
    padding: 4px 13px 3px 14px;
    background-color: #008ebf;
    color: #fffcad;
}
.ashore_list li {
	list-style-type: none;
	font-size:14px;color:#666;line-height: 26px;}
.ashore_list li::before {
	content: '· ';}
.orientation_box {padding:10px;}
.orientation_box img {display: block;max-width: 80%;margin: 0 auto -7%;}
.orientation_box h4 {font-size:22px;color:#8a522d;line-height: 30px;text-align: center;margin:20px 0;}

/*web*/
@media all and (min-width: 1024px){
.honeycomb li:nth-child(4) {
	margin-left: 7px;}
.honeycomb ul {
	width:850px;}
.honeycomb ul li {	
	font-size: 24px;
	margin: -50px 5px;
	height: 96px;}
.honeycomb .hex {
	width: 200px;
	height: 231px;}
.honeycomb .hexIn {
	width: 200px;
	height: 231px;
	line-height: 38px;	}
.ashore_list ul {
	margin: 0 15%;}
.col-sm-self {
    width: 27%;
    margin: 1% 3%;
    height: 305px;
}


}

/*IE 8 9 10 11*/
@media screen\0 {
.honeycomb ul li {	
	margin: 0 5px 90px 5px;}
}

/*mobile*/
@media all and (max-width: 768px){
.honeycomb li:nth-child(4) {
    margin-left: 6px;}
.honeycomb ul:nth-child(1){margin-bottom: -25px}
.honeycomb ul li {
    font-size: 15px;} 
.honeycomb .hex {
	width: 100px;
	height: 116px;}
.honeycomb .hexIn {
	width: 100px;
	height: 116px;
	line-height: 19px;}
.honeycomb .hexIn {
    padding-top: 40%;
    background-color: #DBA41F;
    display: block;
    text-align: center;
    transform: skewY(-30deg) rotate(60deg);
    border-left: 6px #ffce59 solid;
    border-right: 6px #f5dea6 solid;}
.ashore_list ul {
	margin: 0 7%;}
.col-sm-self {
	width:50%}
.orientation_box h4 {
    font-size: 16px;
    color: #8a522d;
    line-height: 18px;
    text-align: center;
    margin: 20px 0;}
.orientation_box {
    padding: 10px 10px 25px;}
.fushi_section_03 .more a {
    color: #fff;
    display: block;
    max-width: 300px;
    line-height: 40px;
    background-color: #dba41f;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    margin: -10px auto 0;
    text-align: center;}
.ashore_teacher {
    font-size: 12px;
    line-height: 30px;
    /* border: 1px #cc0 solid; */
    border-radius: 19px;
    padding: 4px 13px 3px 14px;
    background-color: #008ebf;
    color: #fffcad;}
.fushi_section_03 .core h4 {
	font-size: 17px;
	line-height: 28px;
	margin: 10px 0;}
	
@media screen and  (orientation:landscape) {
.honeycomb ul {
	width: 70%;}
.ashore_teacher {
    font-size: 18px;
    line-height: 30px;
    /* border: 1px #cc0 solid; */
    border-radius: 19px;
    padding: 4px 13px 3px 14px;
    background-color: #008ebf;
    color: #fffcad;
}
}

@media all and (max-width: 320px){
.honeycomb ul {
	width: 115%;
	margin-left: -7%;}
}

}

@media all and (min-width: 600px) and (max-width: 768px){ 
	.honeycomb ul {
	    width: 59%;}
	.col-sm-self {
        width: 30%;}
/*资源保障，定向录取*/	
	.layer-wraper-bg {
		text-align: center;
		display: flow-root;
		width: 100%;
		margin: 0 auto;}
	.col-sm-self {
		width: 27%;
		margin: 1% 3%;
		height: 212px;}
	.col-sm-self {
		width: 27%;}
}