@charset "utf-8";
/* CSS Document */


.banner{ width:100%; font-size:0; line-height:0}
.banner img{ width:100%; }

.allSummary{ margin-bottom:10px; background-color:#fff; padding-top:10px; padding-bottom:10px}
.allSummary h1{line-height:25px; font-size:16px; margin-bottom:5px; color:#333; text-align:center}
.allSummary section{ border:1px dotted #d5d5d5; padding:10px}

.oneBox{ background-color:#fff; padding-top:10px;   width:100%; overflow:hidden}
.oneBox h1{line-height:25px; font-size:16px; margin-bottom:5px; color:#333; text-align:center;}
.oneBox section{ }
.oneBox section .anniuBox{ text-align:center;}
.oneBox section .anniuBox span{ line-height:30px; padding:5px 10px;background-color:#ff4101; color:#fff; border-right:1px solid #d33701; cursor:pointer}
.oneBox section .anniuBox span:hover{background-color:#d33701;}
.oneBox section .anniuBox .span1{ border-radius:15px 0 0 15px; }
.oneBox section .anniuBox .span8{ border-radius:0 15px 15px 0;border-right:none !important }
.oneBox ul { position:relative;width:100%; overflow:hidden; margin-top:10px}
.oneBox ul li{ width:100%; color:#333; position:absolute; top:0; z-index:100; text-align:center;}
.oneBox ul li p{ position:absolute; left:0; bottom:0; z-index:101; background-color:#fff; line-height:16px; text-align:center; display:block; width:100%; padding: 5px 10px;}
.oneBox ul li img{ width:100%; display:block}
.oneBox ul .li1{left:0;}
.oneBox ul .li2{left:100%;}
.oneBox ul .li3{left:200%;}
.oneBox ul .li4{left:300%;}
.oneBox ul .li5{left:400%;}
.oneBox ul .li6{left:500%;}
.oneBox ul .li7{left:600%;}
.oneBox ul .li8{left:700%;}

.towBox {background-color:#fff; padding-top:10px;   width:100%; overflow:hidden; margin-top:10px}
.towBox h1{line-height:25px; font-size:16px; margin-bottom:20px; color:#333; text-align:center;}
.towBox section {
}
.towBox section ul {
}
.towBox section li {	
	width: 25%;
	float: left;
	text-align: center;cursor: pointer; margin-bottom:10px
}
.towBox section li i {
	font-size: 28px;
	line-height:45px
}
.towBox section li:hover i{
	animation:mymove 1s ease 0s 1 normal;
    -webkit-animation:mymove 1s ease 0s 1 normal;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes mymove
{
from {font-size: 28px;}
to {font-size:30px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {font-size: 28px;}
to {font-size:30px;}
}

.threeBox{background-color:#fff; padding-top:10px;padding-bottom:10px;   width:100%; overflow:hidden; margin-top:10px}
.threeBox h1{line-height:25px; font-size:16px; margin-bottom:5px; color:#333; text-align:center;}
.threeBox section {
}
.threeBox section ul {
	
	width: 20%;
	float: left;
}
.threeBox section li {
	cursor: pointer;
	text-align: center;	
	
	margin: 0 auto;
	padding-top: 10px
}
.threeBox section li i {
	color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 50px; margin:0 auto; display:block; line-height:50px !important;
	font-size: 20px;
	line-height: 30px;font-weight:normal
}
.threeBox section li:hover{
	animation:mymove2 1s ease 0s 1 normal;
    -webkit-animation:mymove2 1s ease 0s 1 normal;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.threeBox section li:hover i{
	animation:mymove1 1s ease 0s 1 normal;
    -webkit-animation:mymove1 1s ease 0s 1 normal;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
@keyframes mymove2
{
from {font-weight:normal}
to {font-weight:bold}
}

@-webkit-keyframes mymove2 /*Safari and Chrome*/
{
from {font-weight:normal}
to {font-weight:bold}
}
@keyframes mymove1
{
from {font-size: 20px;}
to {font-size: 24px;}
}

@-webkit-keyframes mymove1 /*Safari and Chrome*/
{
from {font-size: 20px;}
to {font-size: 24px;}
}
.threeBox section ul .bg1 {
	background-color: #87d27d;
}
.threeBox section ul .bg2 {
	background-color: #fc80cc;
}
.threeBox section ul .bg3 {
	background-color: #4fc94f;
}
.threeBox section ul .bg4 {
	background-color: #ec846c;
}
.threeBox section ul .bg5 {
	background-color: #f58aa3;
}
.threeBox section .xiankuang1{ border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5; width:80%; margin:0 auto; height:15px;}
.threeBox section .xiankuang2{ border-top:1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5; width:80%; margin:0 auto; height:15px;}
.threeBox section  .sxian{ width:1px; margin:0 auto; height:15px; background-color:#d5d5d5}


.threeBox section h2 {
	width: 60%;
	height: 45px;
	border: 1px solid #d5d5d5;
	margin: 0 auto;
	line-height: 50px;
	text-align: center;
	font-size: 14px
}
.threeBox section .xtName {
	width: 20%;
	float: left;
	text-align: center;
	color: #fff;
	line-height:35px
}
.threeBox section .xtName label {	 
	font-size: 12px; text-align:center; display:block; width:95%; margin:0 auto; height:100%
}
.threeBox section .xtName .bg1 {
	background-color: #87d27d;
}
.threeBox section .xtName .bg2 {
	background-color: #fc80cc;
}
.threeBox section .xtName .bg3 {
	background-color: #4fc94f;
}
.threeBox section .xtName .bg4 {
	background-color: #ec846c;
}
.threeBox section .xtName .bg5 {
	background-color: #f58aa3;
}

.fourBox {background-color:#fff; padding-top:10px;   width:100%; overflow:hidden; margin-top:10px}
.fourBox h1{line-height:25px; font-size:16px; margin-bottom:20px; color:#333; text-align:center;}
.fourBox section {}
.fourBox section dl{ margin-bottom:10px}
.fourBox section dl dt{ height:90px; width:40%; float:left; overflow:hidden}
.fourBox section dl dt img{ height:100%;}
.fourBox section dl dd{ line-height:30px; padding-left:5px; width:60%; float:left}
.fourBox section dl dd i{ width:20px; height:20px; line-height:20px; color:#fff; background-color:#ec846c; font-size:12px; display:block; border-radius:20px; text-align:center; float:left; margin-right:5px; margin-top:5px;}


.fiveBox {background-color:#fff; padding-top:10px;   width:100%; overflow:hidden; margin-top:10px}
.fiveBox h1{line-height:25px; font-size:16px; margin-bottom:20px; color:#333; text-align:center;}
.fiveBox section {
	
}
.fiveBox section ul {
	float: left;
	width: 25%;
	margin-bottom: 20px; height:90px; position:relative; cursor:pointer
}
.fiveBox section ul li {
	margin: 0 auto
}
.fiveBox section ul .firstLi {
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 60px;
	text-align: center;
	border-radius: 100px
}
.fiveBox section ul .firstLi i {
	color: #fff;
	font-size: 28px;
}
.fiveBox section ul .lastLi {
	
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px; position:absolute; left:0; bottom:0; width:100%;
}
.fiveBox section ul:hover .lastLi{animation:mymove9 0.5s ease 0s 1 normal;
    -webkit-animation:mymove9 0.5s ease 0s 1 normal;animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}
@keyframes mymove9
{
0%{ bottom:0; color:#333}
100%{ bottom:20px;color:#fff}
}

@-webkit-keyframes mymove9 /*Safari and Chrome*/
{
0%{ bottom:0; color:#333}
100%{ bottom:20px;color:#fff}
}
.fiveBox section ul:hover .firstLi{animation:mymove8 1s ease 0s 1 normal;
    -webkit-animation:mymove8 1s ease 0s 1 normal;animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}
@keyframes mymove8
{
0%{width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 60px;}
100%{width: 80px;
	height: 80px;
	line-height:60px;
	border-radius: 80px;}
}

@-webkit-keyframes mymove8 /*Safari and Chrome*/
{
0%{width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 60px;}
100%{width: 80px;
	height: 80px;
	line-height:40px;
	border-radius: 80px;}
}
.fiveBox section ul:hover .firstLi i{animation:mymove7 1s ease 0s 1 normal;
    -webkit-animation:mymove7 1s ease 0s 1 normal;animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;}
@keyframes mymove7
{
0%{font-size: 28px;}
100%{font-size:25px;}
}

@-webkit-keyframes mymove7 /*Safari and Chrome*/
{
0%{font-size: 28px;}
100%{font-size: 25px;}
}

.fiveBox section ul .bg1 {
	background-color: #779dcc;
}
.fiveBox section ul .bg2 {
	background-color: #4fc950;
}
.fiveBox section ul .bg3 {
	background-color: #789ecb;
}
.fiveBox section ul .bg4 {
	background-color: #f99154;
}
.fiveBox section ul .bg5 {
	background-color: #54bcf9;
}
.fiveBox section ul .bg6 {
	background-color: #54bcf9;
}
.fiveBox section ul .bg7 {
	background-color: #00a5a1;
}
.fiveBox section ul .bg8 {
	background-color: #fd80cc;
}
.fiveBox section ul .bg9 {
	background-color: #4fc950;
}
.fiveBox section ul .bg10 {
	background-color: #ec836d;
}
.fiveBox section ul .bg11 {
	background-color: #f99154;
}
.fiveBox section ul .bg12 {
	background-color: #ec836d;
}
.fiveBox section ul .bg13 {
	background-color: #789ecb;
}
.fiveBox section ul .bg14 {
	background-color: #00a5a1;
}
.fiveBox section ul .bg15 {
	background-color: #779dcc;
}

.sevenBox {background-color:#fff; padding-top:10px;   width:100%; overflow:hidden; margin-top:10px}
.sevenBox h1{line-height:25px; font-size:16px; margin-bottom:20px; color:#333; text-align:center;}
.sevenBox section {
	
}
.sevenBox section ul {
	float: left;
	width: 25%;
	margin-bottom: 20px
}
.sevenBox section ul li {
	margin: 0 auto;
	width: 90%;
	height: 80px;
	border: 1px solid #d1d1d1;
	border-radius: 5px;
	font-size: 12px;
	text-align: center;
	line-height:25px;
	
	color: #666; position:relative; padding-top:20px; cursor:pointer
}
.sevenBox section ul li i {
	font-size: 28px;
	line-height: 28px;
	color: #555; display:block; position: absolute; left:25%; top:10px
}
.sevenBox section ul li:hover i{animation:mymove6 1s ease 0s 1 normal;
    -webkit-animation:mymove6 1s ease 0s 1 normal;}
@keyframes mymove6
{
0%{left:25%;}
20%{left:55%;}
40%{left:10%;}
60%{left:50%;}
80%{left:20%;}
100%{left:25%;}
}

@-webkit-keyframes mymove6 /*Safari and Chrome*/
{
0%{left:25%;}
20%{left:55%;}
40%{left:10%;}
60%{left:50%;}
80%{left:20%;}
100%{left:25%;}
}

.blankBoxMenu{height:60px; width:100%}
footer{text-align:center; color:#666; padding-top:10px; padding-bottom:10px}