html, body {
	color:#222;
	font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
	margin:0;
	padding: 0;
	text-decoration: none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
img {
	border:0;
}
ol, ul {
	list-style: none outside none;
	margin:0;
	padding: 0;
}
a {
	color:#000000;
	text-decoration: none;
}
.clr {
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}
.copyright{padding:8px;text-align:center;font-size:14px;color:#666;}
.copyright a{color:#666;}

#body { background-color:#fff; font-size:14px; }
#body  .mainmenu {overflow:hidden; margin:auto;}
#body  .mainmenu li {   margin-top:2%; margin-left:2%; width:96%; overflow:hidden; position:relative; min-height:100px;}

#body  .mainmenu li a { display:block;  color:#FFF; overflow: hidden }

#body  .mainmenu li a img { width:68%; height: auto; float:left;}

#body  .mainmenu li a p{ width:32%; color:#FFF; padding:15px 0; display: block; position: relative;}
#body  .mainmenu li a p b{ display:block; padding:0px 10px; font-size:16px;  font-weight:normal;  line-height:26px; text-align:left; /*text-overflow:ellipsis; white-space: nowrap; overflow:hidden*/}
#body  .mainmenu li a p span { display: block;
padding: 0px 10px;
text-align: right;
line-height: 16px;
font-size: 12px;
text-align: left;
text-overflow:ellipsis; white-space: nowrap; overflow:hidden}



#body  .mainmenu li i{ background: url(../images/PIX.png) no-repeat;
background-size: 100%;
width: 24px;
height: 24px;
display: block;
margin: 10px 10px 0 10px;}

#body .mainmenu li a p:after {
content: " ";
display: block;
width: 0px;
height: 0px;
border: 6px;
border-style: solid;
position: absolute;
top: 50%;
margin-top: -3px;
right:-12px;  }


#body  .mainmenu li a p{ float:left}
#body  .mainmenu li a img{ float:right;}

#body  .mainmenu li:nth-child(4n+1) { background-color:#ff9999;}
#body  .mainmenu li:nth-child(4n+2) { background-color:#f2c15b;}
#body  .mainmenu li:nth-child(4n+3) { background-color:#a1bbe0;}
#body  .mainmenu li:nth-child(4n+4) { background-color:#e0c6a1;}

#body  .mainmenu li:nth-child(4n+1) a p:after{ border-color:rgba(0,0,0,0) rgba(0,0,0,0)  rgba(0,0,0,0)  #ff9999}
#body  .mainmenu li:nth-child(4n+2) a p:after{ border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0, 0, 0, 0) #f2c15b ;}
#body  .mainmenu li:nth-child(4n+3) a p:after{ border-color:rgba(0,0,0,0) rgba(0,0,0,0)  rgba(0,0,0,0)  #a1bbe0;}
#body  .mainmenu li:nth-child(4n+4) a p:after{ border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #e0c6a1;}

#body  .mainmenu li:nth-child(2n+1) i{ background: url(../images/PIX.png) no-repeat;
background-size: 100%;
width: 24px;
height: 24px;
display: block;
margin: 10px 10px 0 10px;}
#body  .mainmenu li:nth-child(2n+2) i{background: url(../images/PIX2.png) no-repeat;
background-size: 100%;
width: 24px;
height: 24px;
display: block;
margin: 10px 10px 0 10px;}

#body .mainmenu li a p:after {
content: " ";
display: block;
width: 0px;
height: 0px;
border: 6px;
border-style: solid;
position: absolute;
top: 50%;
margin-top: -3px;
}
#body  .mainmenu li:nth-child(2n+1) a p:after{ right:-12px;  }
#body  .mainmenu li:nth-child(2n+2) a p:after{ left:-12px;}


#body  .mainmenu li:nth-child(2n+1) a p{ float:left}
#body  .mainmenu li:nth-child(2n+1) a img{ float:right;}
#body  .mainmenu li:nth-child(2n+2) a p{ float:right}
#body  .mainmenu li:nth-child(2n+2) a img{ float:left;}
#body  .mainmenu li:nth-child(2n+2) a p b,#body  .mainmenu li:nth-child(2n+2) a p span{ text-align:left;}



#body  .mainmenu li:nth-child(4n+1) a p:after{ border-color:rgba(0,0,0,0) rgba(0,0,0,0)  rgba(0,0,0,0)  #c82126}
#body  .mainmenu li:nth-child(4n+2) a p:after{ border-color:rgba(255, 255, 255, 0) #fcc000 rgba(0,0,0,0) rgba(0,0,0,0);}
#body  .mainmenu li:nth-child(4n+3) a p:after{ border-color:rgba(0,0,0,0) rgba(0,0,0,0)  rgba(0,0,0,0)  #c82126;}
#body  .mainmenu li:nth-child(4n+4) a p:after{ border-color:rgba(255, 255, 255, 0) #fcc000 rgba(0,0,0,0) rgba(0,0,0,0);}