@charset "utf-8";
/* CSS Document */
.focus {
	font-family: 'Microsoft Yahei';
	height: 500px;
	width: 100%;
}
.focus .left {
	float: left;
	width: 100%;
	height: 500px;
	position: relative;
	overflow: hidden;
}
.focus .left li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 500px;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
}
.focus .left li.active {
	z-index: 2;
}
.focus .left li p {
	/*display: none;*/
	font-family: 'Work Sans', sans-serif;
	font-size:48px;
	color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
	left:10%;
	top:10%;
	text-shadow: -1px -1px 0 #013378,  1px -1px 0 #013378,  -1px 1px 0 #013378,  1px 1px 0 #013378,  0px 2px 2px rgba(0,0,0,0.6);
}
.focus .left li p:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    height: 6px;
    width: 80px;
    background-color: #ffffff;
}
.focus .left li p:before {
    position: absolute;
    content: '';
    left: -2px;
    bottom: -1px;
    height: 8px;
    width: 84px;
    background-color: #013378;
}
.focus .right {
	width: 310px;
	position: absolute;
	right: 10%;
	z-index: 88;
	top: 20px;
}
.focus .right li {
	height: 80px;
	overflow: hidden;
	padding-left: 10px;
	background-image: url(../images/btns.png);
	background-position: -120px 0;
	color: #013378;
	font-size: 24px;
	line-height: 80px;
	margin-bottom: 15px;
	cursor: pointer;
}
.focus .right li:hover, .focus .right li a:hover, .focus .right li.active {
	color: #fff;
	background-position: -120px -120px;
}
.focus .right li a {
	color: #013378;
	text-decoration:none;
	display:block
}
.focus .right li.active a {
	color: #fff;
	text-decoration:none;
}
.focus .right li i {
	background-image: url(../images/btns.png);
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	float: left;
	margin: 10px 19px 0px 0;
}
.focus .right li i.i1 {
	background-position: 0 0;
}
.focus .right li i.i2 {
	background-position: 0 -60px;
}
.focus .right li i.i3 {
	background-position: 0 -120px;
}
.focus .right li i.i4 {
	background-position: 0 -180px;
}
.focus .right li i.i5 {
	background-position: 0 -240px;
}
.focus .right li:hover i.i1, .focus .right li.active i.i1 {
	background-position: -60px 0;
}
.focus .right li:hover i.i2, .focus .right li.active i.i2 {
	background-position: -60px -60px;
}
.focus .right li:hover i.i3, .focus .right li.active i.i3 {
	background-position: -60px -120px;
}
.focus .right li:hover i.i4, .focus .right li.active i.i4 {
	background-position: -60px -180px;
}
.focus .right li:hover i.i5, .focus .right li.active i.i5 {
	background-position: -60px -240px;
}