@CHARSET "UTF-8";
.role {height: 380px;}
.role-title {height: 81px;}
.role-title ul {padding: 15px 0 0 455px;}
.role-title li {
	float: left;
	font-size: 18px;
	margin-left: 15px;
	width: 117px;
	height: 47px;
	text-align: center;
	line-height: 47px;
	cursor: pointer;
}

.role-title li.active {
	color: #00a0e9;
	background : url("../image/a_12.png");
}

.function {height: 275px;}
.function ul,.function li {float: left;}
.function li {width: 300px;}
.function .icon {width: 248px;height: 245px;cursor: pointer;padding-left: 45px;}
.function span.tit {position: relative;top: -55px;left: 110px;color: #fff;font-size: 20px;cursor: pointer;}
.function .icon1 {background: url("../image/a_37.png") no-repeat center;}
.function .icon2 {background: url("../image/a_40.png") no-repeat center;}
.function .icon3 {background: url("../image/a_43.png") no-repeat center;}
.function .icon4 {background: url("../image/a_45.png") no-repeat center;}
.function .icon5 {background: url("../image/new_47.png") no-repeat center;}
.function .icon6 {background: url("../image/new_49.png") no-repeat center;}
.function .icon7 {background: url("../image/new_51.png") no-repeat center;}
.function .icon8 {background: url("../image/new_53.png") no-repeat center;}


#contentInfo1 > div {
    padding:0;
    margin: 0 auto;
    text-align: center;
    width: 1200px;
}