body { background-color:#fff;}
.gallery li{
margin-left:2.66%;
margin-top:2.8888%;
}


.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.gallery #a1 { float: left; width: 45%; }
.gallery #a2 { float: left; width: 21.7%; }
.gallery #a3 { float: left; width: 21.7%; }
.gallery #a4 { float: right; width: 21.5%; }
.gallery #a5 { float: right; width: 45%; }
.gallery #a6 { float: right; width: 21.3%;}
.gallery #a7 { float: left; width: 21.3%; }
.gallery #a8 { float: left; width: 21.3%; }
.gallery #a9 { float: left; width: 21.3%;}
#a6{
margin-right:4.7%;

}
.gallery li{
margin-left:2.5%;

margin-top:2.3%;
}

.gallery li img { display: block; width: 100%; height: auto; }

#gallery{
	margin-bottom:20px;


	position:relative;
}
.icon_name{
	text-align:center;;
	text-shadow:none;
	color:#9a9a9a;
		font-family:'PT Sans', sans-serif;
		padding-left:5px;

}





.list_font{

	padding:5px;

}

.list_font li{

	overflow:hidden;

	color:#fff;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box;

	height:100px;

	width:50%!important;

	display:inline-block;

	float:left;

	padding:2px;

	background:#d87570;

	-webkit-background-clip:content;

	-moz-background-clip:content;

	background-clip:content;

	text-align:center;

}

.list_font li a{

    color:#fff;

    display:inline-block;

    width:100%;

    height:100%;

    /*border:1px solid transparent;*/

}

.list_font span[class^="icon"]{

	display:inline-block;

	width:30px;

	height:30px;

	/*background:#fff;*/

	font-size:30px;

	

}

.list_font div:first-child{

	margin-top:20px;

	margin-bottom:5px;

}



.list_font li a p{

	font-size:16px;

}

.list_font li a p>small{

	font-size:12px;

	display:block;

}



/*********************************************/

.mainbox { float:left; width:100%; margin:0 auto; position: relative; z-index: 1; }
.box{float:left; margin-left:2.5%; margin-top:2%; width:30%;display: inline-block;position:  relative;font-size: 16px;}
.box  p { text-align:center; display:block;}
.box  a { display:block; color:#FFF; text-align:center; overflow:hidden;}
.box  a img { width:40%; }
.box  a.logo  img { width:94%; padding-top:10%; margin:0; height:100% ;}
.box  a span { clear:both; display:block; line-height:40px; padding:0 0 16px 0; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center }


.box  p {margin:0; border: 0px; overflow: hidden; border-radius:0}
.box  a img {margin:10px 0 0 0; }
.box:before{
	content: "";
	display: block;
	padding-top: 100%; /* initial ratio of 1:1*/
}

/* Other ratios */
.ratio2_1:before{
	padding-top: 50%;
}
.ratio1_2:before{
	padding-top: 200%;
}
.ratio4_3:before{
	padding-top: 75%;
}
.ratio16_9:before{
	padding-top: 56.25%;
}
.ratio6_5:before{
	padding-top: 83.33%;
}
.box-content{
	/* Positioning */
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/* Styling */
	text-align: center;
	vertical-align: center;
	text-transform: uppercase;
	color: #fff;
}
.boxbg1{ background-color:#ff8400}

.dbkb{ margin:0 auto;   height:60px ;}
/*main*/
.mainmenu { width:100%; margin:0 auto; position: relative; z-index: 1; }
.mainmenu li { float:left; margin-left:2.5%; margin-top:2.5%; width:30%;}
.mainmenu li p { text-align:center; display:block;}
.mainmenu li a { display:block; color:#FFF; text-align:center; overflow:hidden;}
.mainmenu li:active { background-color:rgba(255, 255, 255, 0.1) }
.mainmenu li a img { width:60%; }
.mainmenu li a span { clear:both; display:block; line-height:40px; padding:0 0 16px 0; font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center }
#insert1, #insert2{ position:relative}

.mainmenu li { border: 0px; overflow: hidden; border-radius:0}
.copyright { padding:20px 0 80px 0; text-align:center; font-size:16px; color:#333333; width:100%; position: relative; float:left; z-index: 1; }
.colorwhite { color:#fff;}
.copyright a { color:#303030; text-decoration:underline }
.copyright a.a2 { color:#fff; text-decoration:underline }
.mainmenu li p {margin:0;}
.mainmenu li a img {margin:20px 0 0 0; }
.mainmenu li a.logo  img { width:84%; padding:0; margin:0; height:100% ;}
.mainmenu li a.plus img { width:60%; padding:38px 0; margin:0}

.boxbg1{ background-color:#ff8400}
.mainmenu li:nth-child(6n+1){ background-color:#ff8400}.boxbg1{ background-color:#ff8400}
.mainmenu li:nth-child(6n+2){ background-color:#2ac1c3}.boxbg2{ background-color:#2ac1c3}
.mainmenu li:nth-child(6n+3){ background-color:#eb2768}.boxbg3{ background-color:#eb2768}
.mainmenu li:nth-child(6n+4){ background-color:#0094cb}.boxbg4{ background-color:#0094cb}
.mainmenu li:nth-child(6n+5){ background-color:#fff}.boxbg5{ background-color:#fff}
.mainmenu li:nth-child(6n+6){ background-color:#00e873}.boxbg6{ background-color:#00e873}
.mainmenu li:nth-child(6n+7){ background-color:#ff381e}.boxbg7{ background-color:#ff381e}
.mainmenu li:nth-child(6n+8){ background-color:#8a9d0b}.boxbg8{ background-color:#8a9d0b}
.mainmenu li:nth-child(6n+9){ background-color:#00d8ff}.boxbg9{ background-color:#00d8ff}
.mainmenu li:nth-child(6n+10){ background-color:#b3d351}.boxbg10{ background-color:#b3d351}
.mainmenu li:nth-child(6n+11){ background-color:#2ac1c3}.boxbg11{ background-color:#2ac1c3}
.mainmenu li:nth-child(6n+12){ background-color:#00e873}.boxbg12{ background-color:#00e873}
.mainmenu li:nth-child(6n+13){ background-color:#0094cb}.boxbg13{ background-color:#0094cb}
.mainmenu li:nth-child(6n+14){ background-color:#4f4848}.boxbg14{ background-color:#4f4848}
.mainmenu li:nth-child(6n+15){ background-color:#ff88fb}.boxbg15{ background-color:#ff88fb}
.mainmenu li:nth-child(6n+16){ background-color:#8fb210}.boxbg16{ background-color:#8fb210}
.mainmenu li:nth-child(6n+17){ background-color:#ce4b77}.boxbg17{ background-color:#ce4b77}
.mainmenu li:nth-child(6n+18){ background-color:#8a9d0b}.boxbg18{ background-color:#8a9d0b}
.mainmenu li:nth-child(6n+19){ background-color:#00d8ff}.boxbg19{ background-color:#00d8ff}
.mainmenu li:nth-child(6n+20){ background-color:#1b9894}.boxbg20{ background-color:#1b9894}
.mainmenu li:nth-child(6n+21){ background-color:#ebebeb}.boxbg21{ background-color:#ebebeb}