.cd-section {float:left; margin-left:5px;}
.cd-section a {font-size:12px;color:#666;}

.cd-bouncy-nav-modal {position:fixed;z-index:3;text-align:center;top:0;left:0;width:100%;height:100%;background-color:rgba(00,00,00,0.6);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0.6s,visibility 0s 0.9s;-moz-transition:opacity 0.3s 0.6s,visibility 0s 0.9s;transition:opacity 0.3s 0.6s,visibility 0s 0.9s;}

/*基于CSS3实现淡入(fadeIn)淡出(fadeOut)效果*/
.cd-bouncy-nav-modal.fade-in {visibility:visible;opacity:1;-webkit-transition:opacity 0.1s 0s,visibility 0s 0s;-moz-transition:opacity 0.1s 0s,visibility 0s 0s;transition:opacity 0.1s 0s,visibility 0s 0s;}

.cd-bouncy-nav-modal .cd-close {

	position:fixed;z-index:4;
	left:50%;
	top:0px;
-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);	transform:translateX(-50%) translateY(-50%);
	width:100%;
	max-width:700px;
	background-color:#d1d1d1;
	height:35px;
	line-height:35px;
	text-align:right;
	margin-top:18px;
	border-bottom:1px solid #fff;
    text-align:center;
	color:#FFF;
}

.cd-bouncy-nav {position:fixed;z-index:4;left:50%;top:113px;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);	transform:translateX(-50%) translateY(-50%);width:100%;max-width:700px;	border-top:1px solid #fff;padding-top:15px;padding-bottom: 8px;background-color:#d1d1d1;border-bottom:1px solid #fff;}
.cd-bouncy-nav li {width:20%;float:left;text-align:center;display:block;}
.cd-bouncy-nav a {display:inline-block;font-size:12px;min-width:55px;height:20px; line-height:20px; position:relative;margin-bottom:15px;background-color:#1bbcb7;color:#fff;-moz-border-radius:120px;/* Gecko browsers */    -webkit-border-radius:120px;/* Webkit browsers */    border-radius:120px; padding:5px;}
.cd-bouncy-nav a:hover {color:#FF0000}




.cd-bouncy-nav-two {position:fixed;z-index:4;left:50%;top:270px;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);	transform:translateX(-50%) translateY(-50%);width:100%;max-width:700px;	border-top:1px solid #fff;padding-top:10px;padding-bottom: 8px;background-color:#d1d1d1;border-bottom:1px solid #fff;}
.cd-bouncy-nav-two .top-right-nav-pro {width:25%;float:left;position:relative;overflow:hidden;}
.cd-bouncy-nav-two .top-right-nav-pro a {display:inline-block;font-size:12px;min-width:70px;height:22px; line-height:18px; padding-top:3px;position:relative;margin-bottom:10px;margin-top:5px;background-color:#00CC66;color:#fff;-moz-border-radius:10px;/* Gecko browsers */    -webkit-border-radius:10px;/* Webkit browsers */    border-radius:10px;}
.cd-bouncy-nav-two .top-right-nav-pro a:hover {color:#FF0000}




.cd-bouncy-nav-three {position:absolute;left:50%;top:400px;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:100%;max-width:700px;padding-top:5px;text-align:center;}
.cd-bouncy-nav-three a {display:inline-block;font-size:12px;min-width:45px;height:20px;line-height:20px;position:relative;margin-bottom:10px;margin-top:10px;padding:2px 6px;background-color:#fafafa; color:#484848; margin-left:10px;-moz-border-radius:2px;/* Gecko browsers */    -webkit-border-radius:2px;/* Webkit browsers */    border-radius:2px;}
.cd-bouncy-nav-three a:hover {color:#FF0000}




.cd-bouncy-nav-share {position:absolute;left:50%;top:400px;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:90%;max-width:700px;text-align:center;height:38px; line-height:38px; background-color:#eee; padding-top:5px;border-radius:15px;}







.fade-in .cd-bouncy-nav li {-webkit-animation:cd-move-in 0.4s;-moz-animation:cd-move-in 0.4s;animation:cd-move-in 0.4s;}
.fade-out .cd-bouncy-nav li {-webkit-animation:cd-move-out 0.4s;-moz-animation:cd-move-out 0.4s;animation:cd-move-out 0.4s;}
.fade-in .cd-bouncy-nav-two .top-right-nav-pro {-webkit-animation:cd-move-in 0.4s;-moz-animation:cd-move-in 0.4s;animation:cd-move-in 0.4s;}
.fade-out .cd-bouncy-nav-two .top-right-nav-pro {-webkit-animation:cd-move-out 0.4s;-moz-animation:cd-move-out 0.4s;animation:cd-move-out 0.4s;}
@-webkit-keyframes cd-move-in {0% {-webkit-transform:translateY(100vh);}
65% {-webkit-transform:translateY(-1.5vh);}
100% {-webkit-transform:translateY(0vh);}
}
@-moz-keyframes cd-move-in {0% {-moz-transform:translateY(100vh);}
65% {-moz-transform:translateY(-1.5vh);}
100% {-moz-transform:translateY(0vh);}
}
@keyframes cd-move-in {0% {-webkit-transform:translateY(100vh);-moz-transform:translateY(100vh);-ms-transform:translateY(100vh);-o-transform:translateY(100vh);transform:translateY(100vh);}
65% {-webkit-transform:translateY(-1.5vh);-moz-transform:translateY(-1.5vh);-ms-transform:translateY(-1.5vh);-o-transform:translateY(-1.5vh);transform:translateY(-1.5vh);}
100% {-webkit-transform:translateY(0vh);-moz-transform:translateY(0vh);-ms-transform:translateY(0vh);-o-transform:translateY(0vh);transform:translateY(0vh);}
}
@-webkit-keyframes cd-move-out {0% {-webkit-transform:translateY(0vh);}
100% {-webkit-transform:translateY(-100vh);}
}




.slide-pic { margin: 0px; padding: 0px; width: 100%; overflow: hidden; list-style: none; }
.slide-pic li { display: none; padding-bottom:15px; float:left; }
.slide-pic li.cur { display: block; }
.slide-li { position:absolute;left:50%;margin-left:-100px; bottom:1;}
.slide-li li { margin:10px 10px 0px 10px; padding: 0px; display:inline-block;width:16px;height:4px;}
.slide-li a:hover { color: #F00; text-decoration: none; }
.op li { background: #ccc; filter: alpha(opacity=60); opacity: 0.6;}
.op li.cur { background: #f00; }
.slide-txt span { display: none; }