@charset "UTF-8";

#content { background:transparent;overflow: inherit;margin-bottom: 10px;}

/* mainBox */
.mainBox { }
.mainBox .mainHd { }
.mainBox .mainBd { *zoom: 1; }
.mainBox .mainBd:after { content: ""; display: table; clear: both; }

.navBtns ul { margin-right:-30px;}
.navBtns li {float: left;width: 277px; margin-right:30px; height:225px; font-size:36px; line-height:50px; text-align:center; margin-bottom:30px;}
.navBtns li a { display:block; font-weight:bold; background:#F5EAE8; color:#EC8470; padding:35px 0 30px; border-radius:10px; border-bottom:10px solid #F5EAE8; transition:all 0.5s; text-decoration: none;}
.navBtns li a i { display:block; height:80px; width:80px; margin:0 auto;background:url(images/eldericon1.png) no-repeat center; margin-bottom:20px; transition:all 0.5s}
.navBtns li a:hover { background:#EC8470; border-color:#d97b67; color:#fff}
.navBtns li a:hover i { filter:brightness(10);-webkit-filter:brightness(10);-moz-filter: brightness(10); -o-filter: brightness(10); -ms-filter: brightness(10); background-image:url(images/eldericon1_on.png) }

.navBtns .li2 a { background-color:#E5EFEC; border-color:#E5EFEC; color:#53B99B;}
.navBtns .li2 a i { background-image:url(images/eldericon2.png); }
.navBtns .li2 a:hover { background-color:#53B99B; border-color:#48aa8f; }
.navBtns .li2 a:hover i {background-image:url(images/eldericon2_on.png) }

.navBtns .li3 a { background-color:#E2EDF5; border-color:#E2EDF5; color:#2F9DF2;}
.navBtns .li3 a i { background-image:url(images/eldericon3.png); }
.navBtns .li3 a:hover { background-color:#2F9DF2; border-color:#398cdf; }
.navBtns .li3 a:hover i {background-image:url(images/eldericon3_on.png) }

.navBtns .li4 a { background-color:#F4F0E8; border-color:#F4F0E8; color:#E4BC6D;}
.navBtns .li4 a i { background-image:url(images/eldericon4.png); }
.navBtns .li4 a:hover { background-color:#E4BC6D; border-color:#d1af64; }
.navBtns .li4 a:hover i {background-image:url(images/eldericon4_on.png) }

.navBtns .li5 a { background-color:#EAEAF2; border-color:#EAEAF2; color:#8686D4;}
.navBtns .li5 a i { background-image:url(images/eldericon5.png); }
.navBtns .li5 a:hover { background-color:#8686D4; border-color:#7f78c3; }
.navBtns .li5 a:hover i {background-image:url(images/eldericon5_on.png) }

.navBtns .li6 a { background-color:#F2E7EC; border-color:#F2E7EC; color:#d86197;}
.navBtns .li6 a i { background-image:url(images/eldericon6.png); }
.navBtns .li6 a:hover { background-color:#d86197; border-color:#c6598c; }
.navBtns .li6 a:hover i {background-image:url(images/eldericon6_on.png) }

.navBtns .li7 a { background-color:#F4E9E7; border-color:#F4E9E7; color:#e17569;}
.navBtns .li7 a i { background-image:url(images/eldericon7.png); }
.navBtns .li7 a:hover { background-color:#e17569; border-color:#cf6c61; }
.navBtns .li7 a:hover i {background-image:url(images/eldericon7_on.png) }

.navBtns .li8 a { background-color:#ECF1EA; border-color:#ECF1EA; color:#96C586;}
.navBtns .li8 a i { background-image:url(images/eldericon8.png); }
.navBtns .li8 a:hover { background-color:#96C586; border-color:#87b67c; }
.navBtns .li8 a:hover i {background-image:url(images/eldericon8_on.png) }

.navBtns .li9 a { background-color:#E5EFF4; border-color:#E5EFF4; color:#56b6e3;}
.navBtns .li9 a i { background-image:url(images/eldericon9.png); }
.navBtns .li9 a:hover { background-color:#56b6e3; border-color:#4fa7d1; }
.navBtns .li9 a:hover i {background-image:url(images/eldericon9_on.png) }

.navBtns .li10 a { background-color:#F4ECE8; border-color:#F4ECE8; color:#e89771;}
.navBtns .li10 a i { background-image:url(images/eldericon10.png); }
.navBtns .li10 a:hover { background-color:#e89771; border-color:#d58b68; }
.navBtns .li10 a:hover i {background-image:url(images/eldericon10_on.png) }

.navBtns .li11 a { background-color:#EEEAF2; border-color:#EEEAF2; color:#ac83d4;}
.navBtns .li11 a i { background-image:url(images/eldericon11.png); }
.navBtns .li11 a:hover { background-color:#ac83d4; border-color:#9e79c3; }
.navBtns .li11 a:hover i {background-image:url(images/eldericon11_on.png) }

.navBtns .li12 a { background-color:#F2EBEA; border-color:#F2EBEA; color:#d49086;}
.navBtns .li12 a i { background-image:url(images/eldericon12.png); }
.navBtns .li12 a:hover { background-color:#d49086; border-color:#c3857b; }
.navBtns .li12 a:hover i {background-image:url(images/eldericon12_on.png) }

.zwfwBtns { padding-top:10px;}
.zwfwBtns .hd { height:48px; line-height:48px; text-align:center; font-size:36px; color:#1C80C7; background:url(images/zwfwtibg.png) no-repeat center; margin-bottom:40px;}
.zwfwBtns .bd ul { margin-right:-30px;}
.zwfwBtns .bd li { float:left; width:380px; margin-right:30px; background:#fff url(images/zwfwicon1.png) no-repeat right bottom; margin-bottom:30px; border-radius:10px; overflow:hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);}
.zwfwBtns .bd li a { display:block; padding:50px; line-height:42px; font-size:32px; font-weight:bold; color:#666; height:200px; background:url(images/zwfwBtnsbg.png) no-repeat 50px 153px;text-decoration: none;transition: all 0.5s;}
.zwfwBtns .bd li a:hover { color:#1C80C7}
.zwfwBtns .bd .li2 { background-image:url(images/zwfwicon2.png)}
.zwfwBtns .bd .li3 { background-image:url(images/zwfwicon3.png)}
.zwfwBtns .bd .li4 { background-image:url(images/zwfwicon4.png)}
.zwfwBtns .bd .li5 { background-image:url(images/zwfwicon5.png)}
.zwfwBtns .bd .li6 { background-image:url(images/zwfwicon6.png)}
.zwfwBtns .bd .li6 a {background-position: 50px 111px;}