.wp {
	width: 90%;max-width:1360px;
	margin: 0 auto;
}
.wp a{ color:#ccc}

.fix {
*zoom:1; background:#FFFFFF;
}
.fix:after, .fix:before {
	display:block;
	content:"clear";
	height:0;
	clear:both;
	overflow:hidden;
	visibility:hidden;
}

.tit-i {
	padding: 40px 0;
	line-height: 36px;
	overflow: hidden;
}
.tit-i h3 {
	font-size: 28px;
	color: #002;
	margin-bottom: 6px;
}
.tit-i h5 {
	font-size: 20px;
	color: #cacace;
	text-transform: uppercase;
	font-family: Arial;
}
.tit-i h5 span {color: #e4392a;}
.tit-i em {	width: 45px;
	border-bottom: 1px solid #7f7f90;
	display: inline-block;}
	
/*.ul-icon-i{width: 90%; max-width:1360px;
	margin: 0 auto;}*/
	
.ul-icon-i li { background:#F6F6F6; margin:1%;
	float: left;
	width: 22%;
	text-align: center;
	overflow: hidden;
}
.ul-icon-i li .pad {padding: 0 40px;position: relative;color:#333333}
.ul-icon-i li a {display: block; width:100%;}
.ul-icon-i li:hover{background:#E6212A; color:#FFFFFF;}

.ul-icon-i li:hover .pad{ color:#FFFFFF;}

.ul-icon-i li a span{
	width:98px; 
	height:98px;
	display: inline-block; margin-top:45px;
	margin-bottom:5px;
}
/*.ul-icon-i li a:hover span {
	background: url(../images/mb1.jpg) no-repeat;
}*/
.ul-icon-i li .tite { font-weight:bold; margin-top:20px;font-size: 16px;}

/*.ul-icon-i li em {
	width: 25px;
	border-bottom: 2px solid #707070;
	display: inline-block;
	margin-bottom: 30px;
}*/
.ul-icon-i li p {text-align:center; font:"微软雅黑";
	font-size: 16px; margin-bottom:40px;}


.ul-icon-i li.li1 span {background-position: 0 0;background: url(../images/mb1.png) no-repeat;}
.ul-icon-i li.li1:hover span {background-position: 0 0;background: url(../images/mb1-1.png) no-repeat;}
.ul-icon-i li.li2 span {background-position:0 0;background: url(../images/mb2.png) no-repeat;}

.ul-icon-i li.li2:hover span {background-position:0 0;background: url(../images/mb2-2.png) no-repeat;}
.ul-icon-i li.li3 span {background-position:0 0;background: url(../images/mb3.png) no-repeat;}
.ul-icon-i li.li3:hover span {background-position:0 0;background: url(../images/mb3-3.png) no-repeat;}

.ul-icon-i li.li4 span {background-position:0 0;background: url(../images/mb4.png) no-repeat;}
.ul-icon-i li.li4:hover span {background-position:0 0;background: url(../images/mb4-4.png) no-repeat;}

.ul-icon-i li.li5 span {background: url(../images/mb5.png) no-repeat;}
.ul-icon-i li.li5:hover span {background: url(../images/mb5-5.png) no-repeat;}

.ul-icon-i li.li6 span {background: url(../images/mb6.png) no-repeat;}
.ul-icon-i li.li6:hover span {background: url(../images/mb6-6.png) no-repeat;}

.ul-icon-i li.li7 span {background: url(../images/mb7.png) no-repeat;}
.ul-icon-i li.li7:hover span {background: url(../images/mb7-7.png) no-repeat;}

.ul-icon-i li.li8 span {background: url(../images/mb8.png) no-repeat;}
.ul-icon-i li.li8:hover span {background: url(../images/mb8-8.png) no-repeat;}
/*.ul-icon-i li a:hover span{
	background-image: url(../images/i_icon1_h.png);
}*/
.ul-icon-i li .pad .pic {
	position: absolute;
	left: 50%;
	top: 0;
	width: 134px;
	margin-left: -67px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-icon-i li .pad .pic img {
	display: none;
}
.ul-icon-i li .pad .pic .pic-icon {
	position: absolute;
	left: 0;
	top: -134px;
	display: block;
}


/**/

@media screen and (max-width: 880px) {
.ul-icon-i li .pad .pic {
/*margin-left: -63px;*/
	}
}

@media screen and (max-width: 768px) {
.ul-icon-i li {
	width: 48%;
}
.tit-i {padding-bottom:20px; padding-top:0px;}
}
/*.case-img .hover{display: none !important;}*/
	/*.map-pop,.map-i,.map-c,.map-big{height: 300px;}*/
	/*.ul-icon-i li .pad .pic{display: none;}*/
	/*.ul-news-i li .hover{display: none;}*/
	.map-bg3 {
	display: block;
}

@media screen and (max-width: 480px) {
.ul-icon-i li{
	width: 100%;
}
.tit-i { padding-bottom:20px;padding-top:0px;}
}