@charset "gb2312";
/* CSS Document */

*{padding:0;margin:0;}
img{border:none;display:block;}
ul,ul li,dl,dl dt,dl dd{display:block;list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{color:#000;text-decoration:none;}
a:hover{color:#e00;text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
body{font-family:'\5b8b\4f53';font-size:14px;background:#6d39b5;}

.header {width:100%;height:50px;min-width:1000px;background:#fff;}
.h_t {width:1000px;height:50px;margin:0 auto;}
.logo {width:150px;height:50px;padding-right:10px;float:left;}
.logo img {width:150px;height:50px;}
.logo_r {width:500px;height:40px;text-align:right;padding-top:10px;}
.logo_r li {height:40px;float:left;display:inline;}
.logo_r .tel,.logo_r .zxqq {font:normal 16px/40px 'Microsoft Yahei';color:#333;}
.logo_r .tel {background:url(imagestelqq.jpg) no-repeat 0 -7px;margin-right:10px;padding-left:30px;}
.logo_r .zxqq {background:url(imagestelqq.jpg) no-repeat 0 -56px;padding-left:30px;padding-right:6px;}
.logo_r .tel span{color:#333;font:normal 16px/40px 'Microsoft Yahei';}
.logo_r .zxqq a{color:#333;font:normal 16px/40px 'Microsoft Yahei';}
.logo_r .zxqq a:hover{color:#333;text-decoration: underline;}
.logo_r .wei {width:78px;height:37px;padding-top:3px;position:relative;margin-left:4px;z-index:20;}
.logo_r .wei a.hover{width:70px;height:37px;display:block;background:#fff;z-index:20;top:3px;position:absolute;left:0px;font:normal 16px/36px 'Microsoft Yahei';padding:0 3px;color:#504e4e;}
.logo_r .wei a.on {width:70px;height:38px;border:1px #ccc solid;border-bottom:none;color:#504e4e;text-decoration:none;top:2px;left:-1px;}
.logo_r .wei img {float:left;margin-right:3px;display:inline;}
.logo_r .wei_cont {width:170px;height:80px;padding:10px;position:absolute;top:40px;right:1px;display:none;border:1px #ccc solid;background:#fff;z-index:10;}
.logo_r .wei_cont img {width:80px;height:80px;float:left;margin-right:15px;}
.logo_r .wei_cont .gz {width:63px;height:24px;margin:28px 0 0;float:left;}
.logo_r .wei_cont span {float:left;text-align:left;line-height:20px;padding-top:20px;}
.logo_r .wei_cont a {display:inline;}

.banner{width:100%;min-width:1000px;background:url(imagesbanner.jpg) center 0 no-repeat;overflow: hidden;}
.bannerc{width:1000px;height:760px;margin:0 auto;position: relative;}
.ban_pic{width: 1468px;height: 556px;position: absolute;left: -234px;top: 98px;
  -webkit-animation:banPic 2s ease-in-out alternate infinite both;
  -moz-animation:banPic 2s ease-in-out alternate infinite both;
  -ms-animation:banPic 2s ease-in-out alternate infinite both;
  -o-animation:banPic 2s ease-in-out alternate infinite both;
  animation:banPic 2s ease-in-out alternate infinite both;
}
@-webkit-keyframes banPic{
  0%{-webkit-transform:translateY(-20px);}
  100%{-webkit-transform:translateY(20px);}
}
@-moz-keyframes banPic{
  0%{-moz-transform:translateY(-20px);}
  100%{-moz-transform:translateY(20px);}
}
@-ms-keyframes banPic{
  0%{-ms-transform:translateY(-20px);}
  100%{-ms-transform:translateY(20px);}
}
@-o-keyframes banPic{
  0%{-o-transform:translateY(-20px);}
  100%{-o-transform:translateY(20px);}
}
@keyframes banPic{
  0%{transform:translateY(-20px);}
  100%{transform:translateY(20px);}
}
.ban_text_box{width: 636px;height: 326px;position: absolute;left: 182px;top: 88px;z-index: 2;}
.ban_text{width: 636px;height: 326px;}
.ban_star{position: absolute;width: 154px;
  animation:star 1s ease-in-out 0s infinite normal;
  -webkit-animation:star 1s ease-in-out 0s infinite normal;
  -ms-animation:star 1s ease-in-out 0s infinite normal;
  -moz-animation:star 1s ease-in-out 0s infinite normal;
  -o-animation:star 1s ease-in-out 0s infinite normal; 
}
@keyframes star{
    0% {transform: scale(1,1);}
    20% {transform: scale(0.5,0.5);}
    100% {transform: scale(1,1);}
}
@-webkit-keyframes star{
    0% {-webkit-transform: scale(1,1);}
    20% {-webkit-transform: scale(0.5,0.5);}
    100% {-webkit-transform: scale(1,1);}
}
@-ms-keyframes star{
    0% {-ms-transform: scale(1,1);}
    20% {-ms-transform: scale(0.5,0.5);}
    100% {-ms-transform: scale(1,1);}
}
@-moz-keyframes star{
    0% {-moz-transform: scale(1,1);}
    20% {-moz-transform: scale(0.5,0.5);}
    100% {-moz-transform: scale(1,1);}
}
@-o-keyframes star{
    0% {-o-transform: scale(1,1);}
    20% {-o-transform: scale(0.5,0.5);}
    100% {-o-transform: scale(1,1);}
}
.ban_star1{height: 202px;left: 260px;top: -87px;}
.ban_star2{height: 146px;left: 67px;top: 115px;}
.bannerc h1{width: 610px;height: 76px;background: url(imagesban_titbg.png) center 0 no-repeat;font:normal 36px/66px 'Microsoft Yahei';color: #6d39b5;text-align: center;letter-spacing: 1px;position: absolute;left: 195px;top: 444px;}
.ban_note{width: 724px;height: 40px;position: absolute;left: 138px;top: 536px;}

.mainbg{width:100%;min-width:1000px;background-position: center 0;background-repeat: no-repeat;overflow: hidden;}
.bg1{background:url(imagesbg1.jpg) center 0 no-repeat;}
.main{width: 1000px;margin: 0 auto;position: relative;}
.spe_box{padding-bottom: 102px;}
.tit{width: 350px;height: 70px;margin:0 auto 42px;background:url(imagestitbg.png) center 0 no-repeat;font:bold 30px/70px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;text-shadow:0 2px 0 #6d39b5;}
.spe_list{width: 999px;padding-left: 1px;}
.spe_list li{width: 190px;height: 242px;margin-right: 12px;float: left;background:url(imagesspebg1.png) center bottom no-repeat;}
.spe_list li.spe2{background-image:url(imagesspebg2.png);}
.spe_list li.spe3{background-image:url(imagesspebg3.png);}
.spe_list li.spe4{background-image:url(imagesspebg4.png);margin-right: 0;}
.spe_list li.spe5{background-image:url(imagesspebg5.png);margin-right: 0;float: right;}
.spe_list img{width: 80px;height: 76px;margin: 0 auto 26px;}
.spe_list h4{width: 190px;font:bold 21px/34px 'Microsoft Yahei';color: #fff;letter-spacing: 1px;text-align: center;text-shadow:0 2px 0 #6d39b5;margin-bottom: 4px;}
.spe2 h4{text-shadow:0 2px 0 #fb1e49;}
.spe3 h4{text-shadow:0 2px 0 #55d8b9;}
.spe4 h4{text-shadow:0 2px 0 #febf50;}
.spe5 h4{text-shadow:0 2px 0 #557bf9;}
.spe_list p{width: 190px;font:normal 18px/24px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;text-shadow:0 1px 0 #6d39b5;}
.spe2 p{text-shadow:0 2px 0 #fb1e49;}
.spe3 p{text-shadow:0 2px 0 #55d8b9;}
.spe4 p{text-shadow:0 2px 0 #febf50;}
.spe5 p{text-shadow:0 2px 0 #557bf9;}
.spe_list li:hover img{
  -webkit-animation:skin-wrap 1s 1;
  animation:skin-wrap 1s 1;
}
@-webkit-keyframes skin-wrap{
    0%{-webkit-transform:rotate(0) scale(1);}
    33%{-webkit-transform:rotate(10deg) translate(6px, -6px);}
    67%{-webkit-transform:rotate(-10deg);}
    100%{-webkit-transform:rotate(0);}
}
@-moz-keyframes skin-wrap{
    0%{-moz-transform:rotate(0) scale(1);}
    33%{-moz-transform:rotate(10deg) translate(6px, -6px);}
    67%{-moz-transform:rotate(-10deg);}
    100%{-moz-transform:rotate(0);}
}
@-ms-keyframes skin-wrap{
    0%{-ms-transform:rotate(0) scale(1);}
    33%{-ms-transform:rotate(10deg) translate(6px, -6px);}
    67%{-ms-transform:rotate(-10deg);}
    100%{-ms-transform:rotate(0);}
}
@-o-keyframes skin-wrap{
    0%{-o-transform:rotate(0) scale(1);}
    33%{-o-transform:rotate(10deg) translate(6px, -6px);}
    67%{-o-transform:rotate(-10deg);}
    100%{-o-transform:rotate(0);}
}
@keyframes skin-wrap{
  0%{transform:rotate(0) scale(1);}
  33%{transform:rotate(10deg) translate(6px, -6px);}
  67%{transform:rotate(-10deg);}
  100%{transform:rotate(0);}
}
.spe_list li:hover h4{
    -webkit-animation: moveFromBottom 400ms ease 100ms;
    -moz-animation: moveFromBottom 400ms ease 100ms;
    -ms-animation: moveFromBottom 400ms ease 100ms;
    -o-animation: moveFromBottom 400ms ease 100ms;
    animation: moveFromBottom 400ms ease 100ms;
}
.spe_list li:hover p{
    -webkit-animation: moveFromBottom 400ms ease 200ms;
    -moz-animation: moveFromBottom 400ms ease 200ms;
    -ms-animation: moveFromBottom 400ms ease 200ms;
    -o-animation: moveFromBottom 400ms ease 200ms;
    animation: moveFromBottom 400ms ease 200ms;
}
@keyframes moveFromBottom {
    from {transform: translateY(100%);opacity: 0;}
    to {transform: translateY(0%);opacity: 1;}
}
@-webkit-keyframes moveFromBottom {
    from {-webkit-transform: translateY(100%);opacity: 0;}
    to {-webkit-transform: translateY(0%);opacity: 1;}
}
@-moz-keyframes moveFromBottom {
    from {-moz-transform: translateY(100%);opacity: 0;}
    to {-moz-transform: translateY(0%);opacity: 1;}
}
@-ms-keyframes moveFromBottom {
    from {-ms-transform: translateY(100%);opacity: 0;}
    to {-ms-transform: translateY(0%);opacity: 1;}
}
@-o-keyframes moveFromBottom {
    from {-o-transform: translateY(100%);opacity: 0;}
    to {-o-transform: translateY(0%);opacity: 1;}
}
.main_pic1{width: 48px;height: 48px;position: absolute;left: -174px;top: 400px;}
.main_pic2{width: 78px;height: 86px;position: absolute;right: -176px;top: 360px;}
.main_pic1,.main_pic2,.main_pic5{
  animation:picRotate 10s linear 0s infinite normal;
  -webkit-animation:picRotate 10s linear 0s infinite normal;
  -ms-animation:picRotate 10s linear 0s infinite normal;
  -moz-animation:picRotate 10s linear 0s infinite normal;
  -o-animation:picRotate 10s linear 0s infinite normal;  
}
@keyframes picRotate{
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}
@-webkit-keyframes picRotate {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes picRotate {
  from {-moz-transform:rotate(0deg);}
  to {-moz-transform:rotate(360deg);}
}
@-ms-keyframes picRotate {
  from {-ms-transform:rotate(0deg);}
  to {-ms-transform:rotate(360deg);}
}
@-o-keyframes picRotate {
  from {-o-transform:rotate(0deg);}
  to {-o-transform:rotate(360deg);}
}

.main_box{background:url(imagesmainbg.jpg) center 0 repeat-y;}
.course_box{margin-bottom: 102px;}
.maint{background:url(imagesmainbgt.jpg) center 0 no-repeat;}
.mainb{background:url(imagesmainbgb.jpg) center bottom no-repeat;padding-bottom: 58px;}
.main_spot{width: 32px;height: 32px;position: absolute;top: 24px;}
.main_spot1{left: 250px;
  animation:movePicLeft 3s linear 0s infinite both alternate;
  -webkit-animation:movePicLeft 3s linear 0s infinite both alternate;
  -ms-animation:movePicLeft 3s linear 0s infinite both alternate;
  -moz-animation:movePicLeft 3s linear 0s infinite both alternate;
  -o-animation:movePicLeft 3s linear 0s infinite both alternate;
}
@-webkit-keyframes movePicLeft {
  0% {-webkit-transform: translateX(-100px);}
  100% {-webkit-transform: translateX(0px);}
}
@-moz-keyframes movePicLeft {
  0% {-moz-transform: translateX(-100px);}
  100% {-moz-transform: translateX(0px);}
}
@-ms-keyframes movePicLeft {
  0% {-ms-transform: translateX(-100px);}
  100% {-ms-transform: translateX(0px);}
}
@-o-keyframes movePicLeft {
  0% {-o-transform: translateX(-100px);}
  100% {-o-transform: translateX(0px);}
}
@keyframes movePicLeft {
  0% {transform: translateX(-100px);}
  100% {transform: translateX(0px);}
}
.main_spot2{right: 250px;
  animation:movePicRight 3s linear 0s infinite both alternate;
  -webkit-animation:movePicRight 3s linear 0s infinite both alternate;
  -ms-animation:movePicRight 3s linear 0s infinite both alternate;
  -moz-animation:movePicRight 3s linear 0s infinite both alternate;
  -o-animation:movePicRight 3s linear 0s infinite both alternate;
}
@-webkit-keyframes movePicRight {
  0% {-webkit-transform: translateX(100px);}
  100% {-webkit-transform: translateX(0px);}
}
@-moz-keyframes movePicRight {
  0% {-moz-transform: translateX(100px);}
  100% {-moz-transform: translateX(0px);}
}
@-ms-keyframes movePicRight {
  0% {-ms-transform: translateX(100px);}
  100% {-ms-transform: translateX(0px);}
}
@-o-keyframes movePicRight {
  0% {-o-transform: translateX(100px);}
  100% {-o-transform: translateX(0px);}
}
@keyframes movePicRight {
  0% {transform: translateX(100px);}
  100% {transform: translateX(0px);}
}
.tit2{margin-bottom: 30px;}
.course{width: 952px;margin: 0 auto;border-radius: 16px;overflow: hidden;}
.course table{width: 100%;border-collapse: collapse;}
.course tr{background-color: #f6e3ff;}
.course th{height:38px;padding:3px;background:#fd219c;font:normal 20px/38px 'Microsoft Yahei';color:#fff;text-align: center;}
.course td{height: 30px;padding: 10px 3px;font:normal 18px/28px 'Microsoft Yahei';color:#666;border-top:#f651e3 1px solid;text-align: center;}
.course td span{display: block;color: #fd219c;}
.course td a{display: block;width: 92px;height: 30px;background:url(imagescourse_btnbg.png) center 0 no-repeat;font:normal 18px/28px 'Microsoft Yahei';color:#fff;margin: 0 auto;text-align: center;}
.course td a.look_btn{margin-top: 6px;}
.course td a:hover{background-position:center -30px;color:#fff;}

.popup{width: 612px;position: absolute;left: 110px;top: 218px;display:none;z-index: 20;}
.popup2{top: 303px;}
.popup3{top: 388px;}
.popup4{top: 473px;}
.popup5{top: 558px;}
.popup6{top: 643px;}
.popup7{top: 728px;}
.popup8{top: 813px;}
.popup_close{width: 28px;height: 28px;position: absolute;top: -26px;right: -16px;cursor: pointer;}
.details{width: 612px;background:#e7bafd;box-shadow: 0 4px 6px rgba(253,33,156,.4);padding:30px 0;border-radius: 16px;}
.details_time{width: 496px;padding-left: 20px;height: 58px;background:url(imagesdetails_timebg.png) 0 0 no-repeat;font:normal 18px/28px 'Microsoft Yahei';color: #fd219c;letter-spacing: 1px;margin-bottom: 40px;}
.details_time span{color: #6d39b5;}
.detail_list{padding-left: 42px;width: 520px;}
.detail_list li{width: 520px;background:url(imagesdetail_listbg.jpg) 32px 22px no-repeat;float: left;}
.detail_list li.detail_last{background:url(imagesdetail_listbg2.jpg) 32px 22px no-repeat;}
.detail_list dl{width: 520px;float: left;padding-bottom: 24px;}
.detail_list dl.detail_con{padding-bottom: 50px;}
.detail_last dl.detail_con{padding-bottom: 0;}
.detail_list dt{width: 86px;height: 22px;float: left;font:normal 18px/22px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;background:url(imagesdetails_dtbg1.png) 0 0 no-repeat;}
.detail_con dt{background-image: url(imagesdetails_dtbg2.png);}
.detail_list dd{width: 428px;float: right;}
.detail_list h5{width: 388px;height: 25px;padding-left: 20px;background:url(imagesdetails_hbg.png) 0 0 no-repeat;font:normal 18px/25px 'Microsoft Yahei';color: #fd219c;letter-spacing: 1px;margin-bottom: 8px;}
.detail_list p{width: 408px;padding-left: 20px;font:normal 18px/24px 'Microsoft Yahei';color: #fd219c;letter-spacing: 1px;}
.details_tab{width: 520px;margin: 0 auto;}
.details_tab table{width: 100%;border-collapse: collapse;border-top:#fd219c 1px solid;border-left:#fd219c 1px solid;}
.details_tab tr{background:#fff;}
.details_tab td{padding:3px;height: 36px;font:normal 18px/36px 'Microsoft Yahei';color: #fd219c;text-align: center;border-right:#fd219c 1px solid;border-bottom:#fd219c 1px solid;}
.main_pic3{width: 108px;height: 108px;position: absolute;left: -364px;top: 416px;}
.main_pic3,.main_pic4,.main_pic6{
  -webkit-animation: banBlock 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
  -moz-animation: banBlock 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
  -ms-animation: banBlock 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
  -o-animation: banBlock 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
  animation: banBlock 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes banBlock {
  from, to {-webkit-transform: translateY(8px) scaleY(.98);}
  80% {-webkit-transform: translateY(3px) scaleY(1);}
}
@-moz-keyframes banBlock {
  from, to {-moz-transform: translateY(8px) scaleY(.98);}
  80% {-moz-transform: translateY(3px) scaleY(1);}
} 
@-ms-keyframes banBlock {
  from, to {-ms-transform: translateY(8px) scaleY(.98);}
  80% {-ms-transform: translateY(3px) scaleY(1);}
}
@-o-keyframes banBlock {
  from, to {-o-transform: translateY(8px) scaleY(.98);}
  80% {-o-transform: translateY(3px) scaleY(1);}
}  
@keyframes banBlock {
  from, to {transform: translateY(8px) scaleY(.98);}
  80% {transform: translateY(3px) scaleY(1);}
}

.guide_box{margin-bottom: 30px;}
.guide_box .mainb{padding-bottom: 40px;}
.guide{width: 914px;height: 364px;background:url(imagesguidebg.png) center 0 no-repeat;margin: 0 auto;padding:58px 12px 0px 28px;}
.guide_con{width:420px;}
.guide_con ul{width: 420px;margin: 0 auto;}
.guide_list li{width:420px;padding-bottom: 26px;}
.guide_list h4{width: 122px;height: 38px;background:url(imagesguide_titbg.png) center 0 no-repeat;font:normal 20px/34px 'Microsoft Yahei';color:#fff;letter-spacing: 1px;text-align: center;margin-bottom: 8px;}
.guide_list p{width: 404px;padding-left: 16px;font:normal 18px/26px 'Microsoft Yahei';color:#666;letter-spacing: 1px;}
.guide_list p span{color:#fd00ce;}
.guide_list a{color:#fd00ce;}
.guide_list a:hover{color:#fd00ce;text-decoration: underline;}
.guide_list dl{width: 390px;padding-left: 30px;padding-top: 1px;background:url(imagesguide_dlbg.png) 0 0 no-repeat;}
.guide_list dt{width: 58px;float: left;font:normal 18px/26px 'Microsoft Yahei';color: #5f08d8;letter-spacing: 1px;}
.guide_list dd{width: 328px;float: right;font:normal 18px/26px 'Microsoft Yahei';color:#666;letter-spacing: 1px;}
.main_pic4{width: 76px;height: 76px;position: absolute;left: -286px;top: 186px;}
.main_pic5{width: 46px;height: 52px;position: absolute;right:-326px;top:74px;}
/*长期固定活动部分开始*/
.hd {
	width:auto;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 10px;
	background-color: #ececec;
}
.hd img {
	margin-left: 20px;
	margin-top: 10px;
}
/*结束部分开始*/
/*结束部分开始*/
#foot {
	width:100%;
	height:auto;
	background-color:#25292C;
	background-repeat: repeat-x;
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
}
#foot-all {
	width:948px;
	height:60px;
	color: #FFF;
	text-decoration: none;
	padding-top:5px;
	line-height: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}
#foot #foot-all a {
	color: #CCC;
	text-decoration: none;
}
.hdd {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#hd .hd-m {
	width: 1000px;
	margin: 0 auto;
}
/*右侧qq*/
.cs_box{width:520px;height:312px;position:fixed;top:50%;right:50%;margin-right:-260px;margin-top:-156px;z-index:9999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-400+"px");border-radius:8px;background:url(imagescsbg.png) center 0px no-repeat;display:none;}
.cs{width:520px;height:302px;padding-top: 10px;}
.csAnimateIn{
  animation:zoomInDownCs 1s 0s linear both;
  -webkit-animation:zoomInDownCs 1s 0s linear both;
  -moz-animation:zoomInDownCs 1s 0s linear both;
  -ms-animation:zoomInDownCs 1s 0s linear both;
  -o-animation:zoomInDownCs 1s 0s linear both;
}
@keyframes zoomInDownCs{
  0% {
  opacity:0;
  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  animation-timing-function:cubic-bezier(0.55,.055,.675,.19)
  }
  50% {
  opacity:1;
  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  animation-timing-function:cubic-bezier(0.175,.885,.32,1)
  }
}
@-webkit-keyframes zoomInDownCs {
  0% {
  opacity:0;
  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
  }
  60% {
  opacity:1;
  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
  }
}
@-moz-keyframes zoomInDownCs {
  0% {
  opacity:0;
  -moz-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -moz-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
  }
  60% {
  opacity:1;
  -moz-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -moz-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
  }
}
@-ms-keyframes zoomInDownCs {
  0% {
  opacity:0;
  -ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -ms-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
  }
  60% {
  opacity:1;
  -ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -ms-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
  }
}
@-o-keyframes zoomInDownCs {
  0% {
  opacity:0;
  -o-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
  -o-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);
  }
  60% {
  opacity:1;
  -o-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
  -o-animation-timing-function:cubic-bezier(0.175,.885,.32,1);
  }
}
.cs_top{width:420px;height:128px;padding:0px 10px 0px 90px;}
.cs_close_box{width:32px;height:32px;float:right;}
.cs_close_box img{width:32px;height:32px;cursor:pointer;transition:transform 0.5s;-moz-transition: -moz-transform 0.5s;-webkit-transition: -webkit-transform 0.5s; -o-transition:-o-transform 0.5s;}
.cs_close_box img:hover{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform: rotate(90deg);-o-transform:rotate(90deg);}
.cs_tit{width:380px;height:98px;padding-top:30px;float: left;}
.cs_tit img{width: 30px;height: 34px;padding-right: 6px;float: left;padding-bottom: 8px;
    -webkit-animation: jump 1.5s 0s ease-out both;
    -moz-animation: jump 1.5s 0s ease-out both;
    -ms-animation: jump 1.5s 0s ease-out both;
    -o-animation: jump 1.5s 0s ease-out both;
    animation: jump 1.5s 0s ease-out both; 
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}
@keyframes jump {
  0%, 15%, 47%, 73%,89%,100% {
    animation-timing-function: ease-out;
    transform: translate3d(0,0,0);
  }
  30%, 32% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -8px, 0);
  }
  60% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -4px, 0);
  }
  82% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -2px, 0);
  }
  94% {
    animation-timing-function: ease-in;
    transform: translate3d(0,-1px,0);
  }
}
@-webkit-keyframes jump {
  0%, 15%, 47%, 73%,89%,100% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translate3d(0,0,0);
  }
  30%, 32% {
    -webkit-animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, -8px, 0);
  }
  60% {
    -webkit-animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, -4px, 0);
  }
  82% {
    -webkit-animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, -2px, 0);
  }
  94% {
    -webkit-animation-timing-function: ease-in;
    -webkit-transform: translate3d(0,-1px,0);
  }
}
@-moz-keyframes jump {
  0%, 15%, 47%, 73%,89%,100% {
    -moz-animation-timing-function: ease-out;
    -moz-transform: translate3d(0,0,0);
  }
  30%, 32% {
    -moz-animation-timing-function: ease-in;
    -moz-transform: translate3d(0, -8px, 0);
  }
  60% {
    -moz-animation-timing-function: ease-in;
    -moz-transform: translate3d(0, -4px, 0);
  }
  82% {
    -moz-animation-timing-function: ease-in;
    -moz-transform: translate3d(0, -2px, 0);
  }
  94% {
    -moz-animation-timing-function: ease-in;
    -moz-transform: translate3d(0,-1px,0);
  }
}
@-ms-keyframes jump {
  0%, 15%, 47%, 73%,89%,100% {
    -ms-animation-timing-function: ease-out;
    -ms-transform: translate3d(0,0,0);
  }
  30%, 32% {
    -ms-animation-timing-function: ease-in;
    -ms-transform: translate3d(0, -8px, 0);
  }
  60% {
    -ms-animation-timing-function: ease-in;
    -ms-transform: translate3d(0, -4px, 0);
  }
  82% {
    -ms-animation-timing-function: ease-in;
    -ms-transform: translate3d(0, -2px, 0);
  }
  94% {
    -ms-animation-timing-function: ease-in;
    -ms-transform: translate3d(0,-1px,0);
  }
}
@-o-keyframes jump {
  0%, 15%, 47%, 73%,89%,100% {
    -o-animation-timing-function: ease-out;
    -o-transform: translate3d(0,0,0);
  }
  30%, 32% {
    -o-animation-timing-function: ease-in;
    -o-transform: translate3d(0, -8px, 0);
  }
  60% {
    -o-animation-timing-function: ease-in;
    -o-transform: translate3d(0, -4px, 0);
  }
  82% {
    -o-animation-timing-function: ease-in;
    -o-transform: translate3d(0, -2px, 0);
  }
  94% {
    -o-animation-timing-function: ease-in;
    -o-transform: translate3d(0,-1px,0);
  }
}
.cs_tit img.cs_tit1{width: 28px;}
.cs_tit img.cs_tit2,.cs_tit img.cs_tit8{width: 32px;}
.cs_tit img.cs_tit4{width:33px;}
.cs_tit img.cs_tit5{width: 179px;}
.cs_tit img.cs_tit6{padding-left: 74px;}
.cs_tit img.cs_tit7,.cs_tit img.cs_tit9{width:34px;}
.cs_tit img:nth-child(1){
  -webkit-animation-delay:.5s;
  -moz-animation-delay:.5s;
  -ms-animation-delay:.5s;
  -o-animation-delay:.5s;
  animation-delay:.5s;
}
.cs_tit img:nth-child(2){
  -webkit-animation-delay:.7s;
  -moz-animation-delay:.7s;
  -ms-animation-delay:.7s;
  -o-animation-delay:.7s;
  animation-delay:.7s;
}
.cs_tit img:nth-child(3){
  -webkit-animation-delay:.9s;
  -moz-animation-delay:.9s;
  -ms-animation-delay:.9s;
  -o-animation-delay:.9s;
  animation-delay:.9s;
}
.cs_tit img:nth-child(4){
  -webkit-animation-delay:1.1s;
  -moz-animation-delay:1.1s;
  -ms-animation-delay:1.1s;
  -o-animation-delay:1.1s;
  animation-delay:1.1s;
}
.cs_tit img:nth-child(5){
  -webkit-animation-delay:1.3s;
  -moz-animation-delay:1.3s;
  -ms-animation-delay:1.3s;
  -o-animation-delay:1.3s;
  animation-delay:1.3s;
}
.cs_tit img:nth-child(6){
  -webkit-animation-delay:1.5s;
  -moz-animation-delay:1.5s;
  -ms-animation-delay:1.5s;
  -o-animation-delay:1.5s;
  animation-delay:1.5s;
}
.cs_tit img:nth-child(7){
  -webkit-animation-delay:1.7s;
  -moz-animation-delay:1.7s;
  -ms-animation-delay:1.7s;
  -o-animation-delay:1.7s;
  animation-delay:1.7s;
}
.cs_tit img:nth-child(8){
  -webkit-animation-delay:1.9s;
  -moz-animation-delay:1.9s;
  -ms-animation-delay:1.9s;
  -o-animation-delay:1.9s;
  animation-delay:1.9s;
}
.cs_tit img:nth-child(9){
  -webkit-animation-delay:2.1s;
  -moz-animation-delay:2.1s;
  -ms-animation-delay:2.1s;
  -o-animation-delay:2.1s;
  animation-delay:2.1s;
}
.cs_tit img:nth-child(10){
  -webkit-animation-delay:2.3s;
  -moz-animation-delay:2.3s;
  -ms-animation-delay:2.3s;
  -o-animation-delay:2.3s;
  animation-delay:2.3s;
}
.cs_list{width: 492px;padding-left: 28px;}
.cs_list li{width: 104px;float: left;position: relative;padding-top: 114px;height: 22px;margin-right: 16px;}
.cs_list img{width: 104px;height: 104px;left: 0;top:0px;position: absolute;transition:transform 0.5s;-moz-transition: -moz-transform 0.5s;-webkit-transition: -webkit-transform 0.5s; -o-transition:-o-transform 0.5s;}
.cs_list li:hover img{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform: rotate(90deg);-o-transform:rotate(90deg);}
.cs_text{position: absolute;left: 5px;top: 5px;padding-top: 20px;height: 73px;width: 93px;font:normal 18px/22px 'Microsoft Yahei';color:#fff;text-align: center;letter-spacing: 1px;background:url(imagescs_textbg.png) center 0 no-repeat;}
.cs_text span{display: block;font-weight: bold;font-size:26px;line-height: 30px;}
.cs_btn{width: 74px;height: 22px;margin: 0 auto;}
.cs_btn a{display: block;width: 74px;height: 22px;background:url(imagescs_btnbg.png) center 0 no-repeat;font:normal 15px/22px 'Microsoft Yahei';color:#fff;text-align: center;letter-spacing: 1px;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}
body {
	width: 100%;
	overflow-x: hidden;
}

/*长期固定活动部分开始*/
.hd {
	width:auto;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 10px;
	background-color: #ececec;
}
.hd img {
	margin-left: 20px;
	margin-top: 10px;
}
/*结束部分开始*/
/*结束部分开始*/
#foot {
	width:100%;
	height:auto;
	background-color:#25292C;
	background-repeat: repeat-x;
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
}
#foot-all {
	width:948px;
	height:60px;
	color: #FFF;
	text-decoration: none;
	padding-top:5px;
	line-height: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}
#foot #foot-all a {
	color: #CCC;
	text-decoration: none;
}
.hdd {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#hd .hd-m {
	width: 1000px;
	margin: 0 auto;
}
.cs_btn a:hover{color:#fff;opacity: .8;filter: alpha(opacity=80);}
.cs_qq{width:117px;height:172px;border:#d4d4d6 1px solid;background:#fff;position:fixed;_position:absolute;z-index:9999;top:50%;margin-top:-86px;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-400+"px");right:0;}
.cs_time{width:117px;height:24px;padding-top:4px;font:normal 12px/24px '\5b8b\4f53';color:#747474;text-align:center;}
.cs_qq img{width:100px;height:100px;margin:0 auto;padding-bottom:8px;}
.cs_qq_btn{width:101px;height:26px;margin:0 auto;}
.cs_qq_btn a{display:block;width:72px;height:26px; padding-left:29px;background:url(imagescs_qq_btnbg.jpg) center 0 no-repeat;font:normal 15px/26px 'Microsoft Yahei';color:#fff;text-align:left;}
.cs_qq_btn a:hover{background-position:center -26px;color:#fff;text-decoration:none; font-weight:bold;}

.footer{height:160px;}
.footer_con{width:1000px;color:#fff;padding-top:30px;font:normal 14px/24px '\5b8b\4f53';margin:0 auto;text-align:center;}
.footer_con span{visibility: hidden;line-height: 0px;font-size: 0px;}
.footer_con img{display:inline;vertical-align:middle;}
.main_pic6{width: 56px;height: 56px;position: absolute;left:-342px;top:10px;}