@charset "UTF-8";
/**
 * @authors Your Name (you@example.org)
 * @date    2016-12-04 23:00:45
 * @version $Id$
 */

section.subBanner{
	height:286px;
	background:no-repeat center;
}

section.main{
	margin:55px auto 40px;
}
section.main > div.leftBox{
	width:225px;
	overflow:hidden;
}
section.main > div.leftBox div.cat{
	font-size:24px;
	font-weight:bold;
	color:#fff;
	height:89px;
	line-height:89px;
	text-align:center;
	overflow:hidden;
	background:url('../images/bg_left_cat.jpg') no-repeat center;
}
section.main > div.leftBox div.cat small{
	font-size:16px;
	font-weight:normal;
	margin-left:5px;
	text-transform: uppercase;
}
section.main > div.leftBox div.subCat{
	background:#f2f2f2;
	padding-bottom:25px;
	/*min-height:240px;*/
}
section.main > div.leftBox div.subCat dl{
	border-bottom:1px dashed #ccc;
	text-align:center;
	background:#fff;
}
section.main > div.leftBox div.subCat dl dt{
	height:60px;
	line-height:60px;
	padding:0 15px;
	background:#f2f2f2;
}
section.main > div.leftBox div.subCat dl.on dt{
	background:#5bb8f3;
}
section.main > div.leftBox div.subCat dl dt a{
	display:block;
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
section.main > div.leftBox div.subCat dl dt a i{
	display:inline-block;
	height:18px;
	width:18px;
	margin-left:15px;
	position:relative;
	top:2px;
	background:url('../images/icon_sprite_1.png') no-repeat -105px -180px;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	opacity: 0;
	filter: alpha(opacity=0);
}
section.main > div.leftBox div.subCat dl dt a:hover i,
section.main > div.leftBox div.subCat dl.on dt a i{
	opacity: 1;
	filter: alpha(opacity=100);
}
section.main > div.leftBox div.subCat dl dt a:hover,
section.main > div.leftBox div.subCat dl.on dt a{
	color:#fff;
}
section.main > div.leftBox div.subCat dl div{
	margin:0;
	display:none;
}
section.main > div.leftBox div.subCat dl.cur div{
	display:block;
}
section.main > div.leftBox div.subCat dl dd{
	padding:0 15px;
}
section.main > div.leftBox div.subCat dl dd a{
	display:block;
	color:#666;
	line-height:32px;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
section.main > div.leftBox div.subCat dl dd a i{
	display:inline-block;
	width:4px;
	height:8px;
	margin-right:5px;
	background:url('../images/icon_sprite_1.png') no-repeat 0 -362px;
}
section.main > div.leftBox div.subCat dl dd a:hover{
	color:#e20704;
}
section.main > div.leftBox div.tel{
	height:98px;
	font-size:22px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #fff;
	overflow:hidden;
	margin-top:10px;
	font-family:'Arial';
	background:url('../images/bg_leftside_tel.jpg') no-repeat center / cover;
}
section.main > div.leftBox div.tel span{
	margin-left:9px;
}
section.main > div.leftBox div.tel span:first-child{
	font-size:14px;
	font-weight:normal;
	display:block;
	margin-top:25px;
	font-family: 'Microsoft YaHei UI','Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', '微软雅黑', '黑体', '宋体', 'arial', 'sans-serif';
}

section.main > div.leftBox div.solution{
	margin-top:10px;
	padding-bottom:32px;
	background:#f2f2f2;
}
section.main > div.leftBox div.solution div.topTitle {
	overflow:hidden;
	height:98px;
	background:url('../images/bg_leftside_solution.jpg') no-repeat center / cover;
}
section.main > div.leftBox div.solution div.topTitle span{
	margin-left:9px;
	font-size:18px;
	text-shadow: 1px 1px 1px #fff;
	display:block;
	line-height:20px;
}
section.main > div.leftBox div.solution div.topTitle span:first-child{
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	display:block;
	margin-top:25px;
	font-family: 'Arial';
}
section.main > div.leftBox div.solution ul{
	padding:20px 20px 10px;
}
section.main > div.leftBox div.solution ul li{
	line-height:30px;
	height:30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
section.main > div.leftBox div.solution ul li a:hover{
	color:#e20704;
}
section.main > div.leftBox div.solution ul li i{
	display:block;
	float: left;
	width:3px;
	height:5px;
	margin:12px 8px 0 0;
	background:url('../images/icon_sprite_1.png') no-repeat -13px -360px;
}
section.main > div.leftBox div.solution a.more{
	display:block;
	width:100px;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#666;
	border:1px solid #7c7c7c;
	margin:5px 0 0 30px;
}
section.main div.leftBox div.solution a.more span{
	color:#e20704;
	margin-left:10px;
}
section.main > div.leftBox div.solution a.more:hover{
	color:#e20704;
	border-color:#e20704;
}


section.main div.mainBox{
	width:827px;
	overflow:hidden;
}
section.main div.mainBox > div.top{
	height:32px;
	line-height:32px;
	font-size:18px;
	font-weight:bold;
	border-bottom:5px solid #0176c5;
}
section.main div.mainBox > div.top i{
	display:block;
	width:27px;
	height:25px;
	float: left;
	margin:3px 10px 0 0;
	background:url('../images/icon_sprite_1.png') no-repeat -193px -291px;
}