.tabs {
	overflow: hidden;
	list-style: none;
}

.tabs li {
	float: left;
}

.tabs a {
	text-decoration: none;
	position: relative;
}

/* .tabs a:hover, .tabs a:focus, .tabs .current {
	background: #0066b3
} */

.citizenship-tabs.tabs li { width: 16.66% }
.citizenship-tabs.tabs a { display: block; width: 100%; text-align: center; color: #000; padding-top: 30px; padding-bottom: 12px; position: relative }
.citizenship-tabs.tabs a .iconfont { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; transition: all 0.2s }
.citizenship-tabs.tabs a p { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; transition: all 0.2s }
.citizenship-tabs.tabs a:after { content: ""; width: 100px; height: 6px; background: #003b83; position: absolute; left: 50%; margin-left: -50px; bottom: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition: all 0.2s }
.citizenship-tabs.tabs a:hover .iconfont, .citizenship-tabs.tabs a.current .iconfont { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
.citizenship-tabs.tabs a:hover p, .citizenship-tabs.tabs a.current p { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; color: #003b83 }
.citizenship-tabs.tabs a:hover:after, .citizenship-tabs.tabs a.current:after { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

.ehs-tabs.tabs li { margin-top: 10px }
.ehs-tabs.tabs a { display: inline-block; padding: 2px 15px }
.ehs-tabs.tabs a.current { background: #003b83; color: #fff; border-radius: 5px }
.ehs-content a.com-link { height: 90px }
.ehs-content a.com-link.haveimg h5 { width: 70% }
.ehs-content div.area_50 a { background: #f8f8f8 }
.ehs-content div.area_50:nth-of-type(4n-1) a, .ehs-content div.area_50:nth-of-type(4n-2) a { background: #fdfdfd } 
.ehs-content .ehs-check, .ehs-content .ehs-check .iconfont { line-height: 50px }

.honor-content div.area_50 div { background: #f8f8f8 }
.honor-content div.area_50:nth-of-type(4n-1) div, .honor-content div.area_50:nth-of-type(4n-2) div { background: #fdfdfd }

.international-tabs.tabs { padding-top: 30px; padding-bottom: 20px; text-align: center }
.international-tabs.tabs li { display: contents }
.international-tabs.tabs li a { display: inline-block; font-size: 18px; padding: 10px 25px; margin: 10px 5px 0; border-radius: 10px; position: relative }
.international-tabs.tabs li a.current { background: #003b83; color: #fff }
.international-tabs.tabs li a.current:after { content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -8px; border-top: 8px solid #003b83; border-right: 8px solid transparent; border-left: 8px solid transparent }

@media ( min-width:801px ) and ( max-width:1259px ) {
.honor-content div.area_50 div h5, .honor-content div.area_50 div p { height:2.75em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical }
}

@media ( max-width:800px ) {
.ehs-content a.com-link { height: auto }
.ehs-content a.com-link .poabsolute-h50 { position: static; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }	
.ehs-content a.com-link.haveimg h5 { width: 65% }
.ehs-content div.area_50:nth-of-type(odd) a { background: #f8f8f8 }
.ehs-content div.area_50:nth-of-type(even) a { background: #fdfdfd }
.ehs-content .ehs-check, .ehs-content .ehs-check .iconfont { line-height: 40px }

.international-tabs.tabs { padding-top: 20px }

}