@charset "UTF-8";
/* 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:#fff;}
font{color: red}
.header {width:100%;height:50px;min-width:1200px;background:#fff;}
.h_t {width:1200px;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(../images/telqq.jpg) no-repeat 0 -7px;margin-right:10px;padding-left:30px;}
.logo_r .zxqq {background:url(../images/telqq.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:#f00;text-decoration: underline;}
.logo_r .wei {width:78px;height:37px;padding-top:3px;position:relative;margin-left:4px;z-index:3;}
.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:1200px;background:url(../images/banner.jpg) center 0 no-repeat;overflow: hidden;}
.bannerc{width:1200px;position: relative;margin:0 auto;padding-top: 84px;height: 518px;}
.bannerc h1{width: 1200px; margin:0 auto;text-align:center;height: 64px;
  -webkit-animation: bounceInUp 1s .4s ease-in-out both;
  -moz-animation: bounceInUp 1s .4s ease-in-out both;
  -ms-animation: bounceInUp 1s .4s ease-in-out both;
  -o-animation: bounceInUp 1s .4s ease-in-out both;
  animation: bounceInUp 1s .4s ease-in-out both;
}
@-webkit-keyframes bounceInUp {
  0% {opacity: 0;-webkit-transform: translateY(-2000px);}
  60% {opacity: 1;-webkit-transform: translateY(24px);}
  80% {-webkit-transform: translateY(-8px);}
  100% {-webkit-transform: translateY(0);}
}
@-moz-keyframes bounceInUp {
  0% {opacity: 0;-moz-transform: translateY(-2000px);}
  60% {opacity: 1;-moz-transform: translateY(24px);}
  80% {-moz-transform: translateY(-8px);}
  100% {-moz-transform: translateY(0);}
}
@-ms-keyframes bounceInUp {
  0% {opacity: 0;-ms-transform: translateY(-2000px);}
  60% {opacity: 1;-ms-transform: translateY(24px);}
  80% {-ms-transform: translateY(-8px);}
  100% {-ms-transform: translateY(0);}
}
@-o-keyframes bounceInUp {
  0% {opacity: 0;-o-transform: translateY(-2000px);}
  60% {opacity: 1;-o-transform: translateY(24px);}
  80% {-o-transform: translateY(-8px);}
  100% {-o-transform: translateY(0);}
}
@keyframes bounceInUp {
  0% {opacity: 0;transform: translateY(-2000px);}
  60% {opacity: 1;transform: translateY(24px);}
  80% {transform: translateY(-8px);}
  100% {transform: translateY(0);}
}
.bannerc h1 span{height: 56px; text-align:center;font:normal 34px/56px 'Microsoft Yahei';color: #fff;letter-spacing: 1px;font-style: italic;}
.bannerc .peo02{width: 216px;height: 308px; position:absolute; left:978px; top:226px;
  animation:banFly 4s ease-in-out 0s infinite normal;
  -webkit-animation:banFly 4s ease-in-out 0s infinite normal;
  -ms-animation:banFly 4s ease-in-out 0s infinite normal;
  -moz-animation:banFly 4s ease-in-out 0s infinite normal;
  -o-animation:banFly 4s ease-in-out 0s infinite normal;
}
@keyframes banFly {
  0% {transform:translateY(0px);}
  50% {transform:translateY(-20px);}
  100%{transform:translateY(0px);}
}
@-webkit-keyframes banFly {
  0% {-webkit-transform:translateY(0px);}
  50% {-webkit-transform:translateY(-20px);}
  100%{-webkit-transform:translateY(0px);}
}
@-moz-keyframes banFly {
  0% {-moz-transform:translateY(0px);}
  50% {-moz-transform:translateY(-20px);}
  100%{-moz-transform:translateY(0px);}
}
@-ms-keyframes banFly {
  0% {-ms-transform:translateY(0px);}
  50% {-ms-transform:translateY(-20px);}
  100%{-ms-transform:translateY(0px);}
}
@-o-keyframes banFly {
  0% {-o-transform:translateY(0px);}
  50% {-o-transform:translateY(-20px);}
  100%{-o-transform:translateY(0px);}
}
.ban_text{width:auto;height: 130px; color:#ffffff; font:bold 120px/130px 'Microsoft Yahei'; letter-spacing:2px; text-align:center;margin-bottom: 30px;text-shadow: 3px 8px 0px #0bb376;
  -webkit-animation: rubberBand 1s .7s both;
  animation: rubberBand 1s .7s both;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.ban_list{width: 490px;padding-left: 4px; margin:0 auto;
  -webkit-animation: bounceInBottom 1s 1s ease-in-out both;
  -moz-animation: bounceInBottom 1s 1s ease-in-out both;
  -ms-animation: bounceInBottom 1s 1s ease-in-out both;
  -o-animation: bounceInBottom 1s 1s ease-in-out both;
  animation: bounceInBottom 1s 1s ease-in-out both;
}
@-webkit-keyframes bounceInBottom {
  0% {opacity: 0;-webkit-transform: translateY(2000px);}
  60% {opacity: 1;-webkit-transform: translateY(-24px);}
  80% {-webkit-transform: translateY(8px);}
  100% {-webkit-transform: translateY(0);}
}
@-moz-keyframes bounceInBottom {
  0% {opacity: 0;-moz-transform: translateY(2000px);}
  60% {opacity: 1;-moz-transform: translateY(-24px);}
  80% {-moz-transform: translateY(8px);}
  100% {-moz-transform: translateY(0);}
}
@-ms-keyframes bounceInBottom {
  0% {opacity: 0;-ms-transform: translateY(2000px);}
  60% {opacity: 1;-ms-transform: translateY(-24px);}
  80% {-ms-transform: translateY(8px);}
  100% {-ms-transform: translateY(0);}
}
@-o-keyframes bounceInBottom {
  0% {opacity: 0;-o-transform: translateY(2000px);}
  60% {opacity: 1;-o-transform: translateY(-24px);}
  80% {-o-transform: translateY(8px);}
  100% {-o-transform: translateY(0);}
}
@keyframes bounceInBottom {
  0% {opacity: 0;transform: translateY(2000px);}
  60% {opacity: 1;transform: translateY(-24px);}
  80% {transform: translateY(8px);}
  100% {transform: translateY(0);}
}
.ban_list li{width: 462px;height: 42px;margin-bottom: 18px;background: #f9c347; border-radius:28px;padding:8px 0px 8px 28px;}
.ban_list span{height: 42px;font:bold 24px/42px 'Microsoft Yahei';color: #fff;letter-spacing: 1px;float: left;margin:0 2px;}
.ban_list span.ban_spe{margin-right: 16px;}
.ban_list img{width: 42px;height: 42px;float: left;}
.ban_list a{width: 172px;height: 40px;margin-top: 1px;float: left;background: url(../images/ban_btnbg.png) center 0 no-repeat;font:bold 24px/40px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;}
.ban_list a:hover{color: #ff0;}
.ban_book{width:166px;height: 352px;position: absolute;top: 90px;left: 29px;
  -webkit-animation: banBook 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
  -moz-animation: banBook 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
  -ms-animation: banBook 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
  -o-animation: banBook 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
  animation: banBook 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 banBook {
  from, to {-webkit-transform: translateY(8px) scaleY(.98);}
  80% {-webkit-transform: translateY(3px) scaleY(1);}
}
@-moz-keyframes banBook {
  from, to {-moz-transform: translateY(8px) scaleY(.98);}
  80% {-moz-transform: translateY(3px) scaleY(1);}
} 
@-ms-keyframes banBook {
  from, to {-ms-transform: translateY(8px) scaleY(.98);}
  80% {-ms-transform: translateY(3px) scaleY(1);}
}
@-o-keyframes banBook {
  from, to {-o-transform: translateY(8px) scaleY(.98);}
  80% {-o-transform: translateY(3px) scaleY(1);}
}  
@keyframes banBook {
  from, to {transform: translateY(8px) scaleY(.98);}
  80% {transform: translateY(3px) scaleY(1);}
}

.mainbg{width:100%;min-width:1200px;background-position: center 0;background-repeat: no-repeat;}
.bg1{background:url(../images/bg01.jpg) repeat-x 0 0;}
.main{width: 1200px;margin: 0 auto;}
.area_box{padding:54px 0px 36px;}
.tit{width: 1200px;position: relative;margin-bottom: 42px;}
.tit h2{width: 1200px;font:bold 48px/64px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;}
.tit p{width: 1200px;font:normal 20px/34px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;}
.tit img{width: 82px;height: 12px;position: absolute;top: 26px;}
.tit img.tit_picl{left: 348px;
 -webkit-animation:titPicL 2s linear infinite alternate;
 -moz-animation:titPicL 2s linear infinite alternate;
 -ms-animation:titPicL 2s linear infinite alternate;
 -o-animation:titPicL 2s linear infinite alternate;
 animation:titPicL 2s linear infinite alternate;  
}
@keyframes titPicL{
  0% {transform: translateX(0);}
  100% {transform:translateX(-40px);}
}
@-webkit-keyframes titPicL{
  0% {-webkit-transform: translateX(0);}
  100% {-webkit-transform:translateX(-40px);}
}
@-moz-keyframes titPicL{
  0% {-moz-transform: translateX(0);}
  100% {-moz-transform:translateX(-40px);}
}
@-ms-keyframes titPicL{
  0% {-ms-transform: translateX(0);}
  100% {-ms-transform:translateX(-40px);}
}
@-o-keyframes titPicL{
  0% {-o-transform: translateX(0);}
  100% {-o-transform:translateX(-40px);}
}
.tit img.tit_picr{right: 348px;
 -webkit-animation:titPicR 2s linear infinite alternate;
 -moz-animation:titPicR 2s linear infinite alternate;
 -ms-animation:titPicR 2s linear infinite alternate;
 -o-animation:titPicR 2s linear infinite alternate;
 animation:titPicR 2s linear infinite alternate;  
}
@keyframes titPicR{
  0% {transform: translateX(0);}
  100% {transform:translateX(40px);}
}
@-webkit-keyframes titPicR{
  0% {-webkit-transform: translateX(0);}
  100% {-webkit-transform:translateX(40px);}
}
@-moz-keyframes titPicR{
  0% {-moz-transform: translateX(0);}
  100% {-moz-transform:translateX(40px);}
}
@-ms-keyframes titPicR{
  0% {-ms-transform: translateX(0);}
  100% {-ms-transform:translateX(40px);}
}
@-o-keyframes titPicR{
  0% {-o-transform: translateX(0);}
  100% {-o-transform:translateX(40px);}
}
.area_list{width: 1199px;padding-left: 1px;}
.area_list a{display: block;width: 108px;height: 38px;background: url(../images/area_btnbg.png) center 0 no-repeat;font:normal 20px/38px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;float: left;margin-right: 13px;margin-bottom: 30px;}
.area_list a.area_last{margin-right: 0;}
.area_list a:hover{background-position: center -38px;
  -webkit-animation:contractIn .5s ease-in;
  animation:contractIn .5s ease-in; 
}
@-webkit-keyframes contractIn{
  0%{-webkit-transform:scale(1.1);transform:scale(1.1);}
  100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes contractIn{
  0%{-webkit-transform:scale(1.1);transform:scale(1.1);}
  100%{-webkit-transform:scale(1);transform:scale(1);}
}

.bg2{background-color: #effaf4;}
.info_box{padding:60px 0px 74px;}
.tit2 h2{color: #30c26b;}
.tit2 p{color: #30c26b;}
.info{width: 1200px;margin-bottom: 26px;}
.infol,.infor{width: 576px;height: 442px;padding-top: 26px;background: #fff;box-shadow: 0px 0px 6px rgba(253,109,106,.2);}
.info h4{width: 576px;height: 52px;margin-bottom: 20px;}
.info h4 img{width: 47px;height: 52px;float: left;}
.info h4 span{display: block;float: left;padding:0 30px 0px 20px;font:bold 20px/52px 'Microsoft Yahei';color: #fffefe;letter-spacing: 1px;border-radius: 0 26px 26px 0;
   background:#fdaa3a;
   background-image: -webkit-linear-gradient(to right, #1955f0, #269cdb); 
   background-image: -moz-linear-gradient(to right, #1955f0, #269cdb);
   background-image: -ms-linear-gradient(to right, #1955f0, #269cdb);
   background-image: -o-linear-gradient(to right, #1955f0, #269cdb);
   background-image: linear-gradient(to right, #1955f0, #269cdb)
}
.info_list{padding-left: 46px;width: 530px;margin-bottom: 18px;}
.info_list li{padding-left: 24px;width: 506px;height: 32px;background: url(../images/info_listbg.png) 2px center no-repeat;}
.info_list li.info_first{background: url(../images/info_listbg2.gif) 0px center no-repeat;}
.info_list li a{font:normal 16px/32px 'Microsoft Yahei';color: #333;letter-spacing: 1px;}
.info_list .info_first a{color: #ff4a4e;}
.info_list li a:hover{color: #ff4a4e;text-decoration: underline;}
.sign_list{padding-top: 6px;padding-left: 39px;width: 537px;}
.sign_list li{width: 140px;height: 86px;margin: 0 13px 28px;float: left;background: url(../images/sign_list.jpg) center 0 no-repeat;position: relative;}
.info_circle{width: 78px;height: 78px;position: absolute;left: 31px;top: 6px;
  animation:infoCircle 2s linear 0s infinite normal;
  -webkit-animation:infoCircle 2s linear 0s infinite normal;
  -ms-animation:infoCircle 2s linear 0s infinite normal;
  -moz-animation:infoCircle 2s linear 0s infinite normal;
  -o-animation:infoCircle 2s linear 0s infinite normal;
}
@keyframes infoCircle{
    0% {transform: scale(1,1);opacity: 1;}
    100% {transform: scale(1.2,1.2);opacity: 0;}
}
@-webkit-keyframes infoCircle{
    0% {-webkit-transform: scale(1,1);opacity: 1;}
    100% {-webkit-transform: scale(1.2,1.2);opacity: 0;}
}
@-ms-keyframes infoCircle{
    0% {-ms-transform: scale(1,1);opacity: 1;}
    100% {-ms-transform: scale(1.2,1.2);opacity: 0;}
}
@-moz-keyframes infoCircle{
    0% {-moz-transform: scale(1,1);opacity: 1;}
    100% {-moz-transform: scale(1.2,1.2);opacity: 0;}
}
@-o-keyframes infoCircle{
    0% {-o-transform: scale(1,1);opacity: 1;}
    100% {-o-transform: scale(1.2,1.2);opacity: 0;}
}
.sign{width: 140px;height: 70px;padding-top: 16px;position: absolute;left: 0;top: 0;z-index: 2;}
.sign img{width: 32px;height: 30px;margin: 0 auto 6px;
  -webkit-animation: tada 1s infinite both;
  -moz-animation: tada 1s infinite both;
  -ms-animation: tada 1s infinite both;
  -o-animation: tada 1s infinite both;
  animation: tada 1s infinite both;  
}
@keyframes tada {
  0% {transform: scale3d(1,1,1);}
  10%,20% {transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  30%,50%,70%,90% {transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  40%,60%,80% {transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  100% {transform: scale3d(1,1,1);}
}
@-webkit-keyframes tada {
  0% {-webkit-transform: scale3d(1,1,1);}
  10%,20% {-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  30%,50%,70%,90% {-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  40%,60%,80% {-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  100% {-webkit-transform: scale3d(1,1,1);}
}
@-moz-keyframes tada {
  0% {-moz-transform: scale3d(1,1,1);}
  10%,20% {-moz-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  30%,50%,70%,90% {-moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  40%,60%,80% {-moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  100% {-moz-transform: scale3d(1,1,1);}
}
@-ms-keyframes tada {
  0% {-ms-transform: scale3d(1,1,1);}
  10%,20% {-ms-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  30%,50%,70%,90% {-ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  40%,60%,80% {-ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  100% {-ms-transform: scale3d(1,1,1);}
}
@-o-keyframes tada {
  0% {-o-transform: scale3d(1,1,1);}
  10%,20% {-o-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  30%,50%,70%,90% {-o-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  40%,60%,80% {-o-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  100% {-o-transform: scale3d(1,1,1);}
}
.sign a{display: block;width: 92px;height: 26px;margin: 0 auto;background: url(../images/sign_btnbg.png) center 0 no-repeat;font:normal 16px/26px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;}
.sign a:hover{color: #fff;background-position: center -26px;}
.info_pic{width: 1200px;}
.info_pic li{width: 574px;height: 166px;}
.info_pic a{display: block;width: 574px;height: 152px;background: url(../images/info_picbg1.jpg) center 0 no-repeat;padding-top: 14px;}
.info_pic .fr a{background: url(../images/info_picbg2.jpg) center 0 no-repeat;}
.info_pic b{display: block;width: 574px;height: 40px;font:normal 24px/40px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;padding-bottom: 6px;}
.info_pic .fl b{font-style: italic;}
.info_pic img{width: 508px;height: 46px;margin: 0 auto 14px;}
.info_pic .fr img{width: 423px;height: 56px;margin: 0 auto 10px;}
.info_pic .fl span{display: block;width: 146px;height: 32px;margin: 0 auto;background: url(../images/info_pic_sbg1.png) center 0 no-repeat;font:normal 20px/32px 'Microsoft Yahei';color: #ff4267;text-align: center;letter-spacing: 1px;}
.info_pic .fl a:hover span{background-position: center -32px;color:#ff4267;}
.info_pic .fr span{display: block;width: 320px;height: 26px;margin: 0 auto;background:url(../images/info_pic_sbg2.png) center 0 no-repeat;font:normal 14px/26px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;}
.info_pic .fr a:hover span{color: #ff0;}
@keyframes aniBlink120{from{margin-left:-40px}to{margin-left:600px}}
@-webkit-keyframes aniBlink120{from{margin-left:-40px}to{margin-left:600px}}
.mod_imgLight{position:relative;overflow:hidden;}
.mod_imgLight a{display:inline-block}
.mod_imgLight a:before{content:'';position:absolute;width:60px;height:200px;margin-top:-14px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);
  -webkit-animation:aniBlink120 1s ease-out infinite forwards;
  -moz-animation:aniBlink120 1s ease-out infinite forwards;
  -o-animation:aniBlink120 1s ease-out infinite forwards;
  animation:aniBlink120 1s ease-out infinite forwards;
}

.bg3{background: #fff;}
.class_box{padding:56px 0px 76px;}
.class_list{width: 1200px;}
.class_list li{width: 278px;height: 202px;float: left;margin-right: 29px;background: url(../images/classbg1.png) right bottom no-repeat;}
.class_list li.class2{background-image: url(../images/classbg2.png);}
.class_list li.class3{background-image: url(../images/classbg3.png);}
.class_list li.class4{background-image: url(../images/classbg4.png);margin-right: 0;}
.class_list h4{width: 126px;padding-right: 56px;height: 41px;background: url(../images/class_hbg1.png) center 0 no-repeat;font:bold 22px/41px 'Microsoft Yahei';color: #7842f1;text-align: center;}
.class2 h4{background-image: url(../images/class_hbg2.png);color: #fb6927;}
.class3 h4{background-image: url(../images/class_hbg3.png);color: #2b6ef4;}
.class4 h4{background-image: url(../images/class_hbg4.png);color: #28ac5c;}
.class_list p{padding:6px 0px 0px 8px;width: 270px;font:normal 18px/26px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;margin-bottom: 12px;}
.class_list b{display: block;width: 270px;font:bold 22px/38px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;}
.class_btn{width: 251px;padding-left: 27px;height: 30px;}
.class_btn a{display: block;width: 108px;height: 28px;border:#f7f330 1px solid;margin-right: 12px;float: left;font:normal 20px/28px 'Microsoft Yahei';color: #f7f330;text-align: center;letter-spacing: 1px;border-radius: 4px;}
.class_btn a:hover{color: #fff;border-color:#fff;}
.class_list li:hover{
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.bg4{background:url(../images/bg4.jpg) no-repeat center 0;}
.advan_box{padding:40px 0px 24px;}
.tit4 h2{ color:#fff;}
.tit4 p{ color:#fff;}
.tit4 img.tit_picl{left:298px;}
.tit4 img.tit_picr{right:298px;}
.advan{width: 1063px;padding-left: 137px;}
.advan ul{width: 438px;margin-right: 50px;float: left;}
.advan ul.advan_list2{padding-top: 74px;}
.advan li{width: 396px;height: 242px;margin-bottom: 42px;background: url(../images/advan_listbg1.png) center 0 no-repeat;padding:30px 0px 0px 42px;}
.advan li.advan2{background-image: url(../images/advan_listbg2.png);}
.advan li.advan3{background-image: url(../images/advan_listbg3.png);}
.advan li.advan4{background-image: url(../images/advan_listbg4.png);}
.advan h4{width: 222px;height: 48px;background: url(../images/advan_hbg.jpg) 2px bottom no-repeat;margin-bottom: 12px;font:bold 24px/46px 'Microsoft Yahei';color: #fff;letter-spacing: 1px;
  -webkit-animation:advanSolid 4s linear infinite alternate;  
  -moz-animation:advanSolid 4s linear infinite alternate;
  -ms-animation:advanSolid 4s linear infinite alternate;
  -o-animation:advanSolid 4s linear infinite alternate;
  animation:advanSolid 4s linear infinite alternate;
}
@keyframes advanSolid{
    0% {background-size: 20px 2px;}
    100% {background-size: 100px 2px;}
}

.advan p{width: 396px;font:normal 20px/28px 'Microsoft Yahei';color: #fff;letter-spacing: 1px;}
.advan a{display: block;width: 134px;height: 36px;margin-top: 14px;background: url(../images/advan_btnbg.png) center -36px no-repeat;font:normal 20px/36px 'Microsoft Yahei';text-align: center;color: #1f6ceb;}
.advan a:hover{background-position: center 0; color: #fff;}
.advan2 a,.advan3 a{background-position: center -36px; color: #005ffe;}

.bg5{background-color: #effaf4;}
.choice_box{padding:50px 0px 70px;}
.tit5 img.tit_picl{left:320px;}
.tit5 img.tit_picr{right:320px;}
.choice_list{width: 1200px;}
.choice_list li{width: 360px;height: 408px;float: left;margin-right: 60px;position: relative;padding-top: 52px;}
.choice_list li.choice_last{margin: 0;}
.choice_list img{width: 106px;height: 106px;position: absolute;left: 127px;top: 0;z-index: 2;}
.choice_con{width: 360px;height: 336px;background: #fff;border-radius: 4px;box-shadow: 0px 0px 6px rgba(253,109,106,.2);padding-top: 72px;}
.choice_con h4{width: 360px;margin-bottom: 18px;font:bold 26px/40px 'Microsoft Yahei';color: #30c26b;text-align: center;letter-spacing: 1px;}
.choice_text{width: 304px;height: 200px;margin: 0 auto;font:normal 20px/36px 'Microsoft Yahei';color: #333;letter-spacing: 1px;}
.choice_btn{width: 170px;height: 42px;margin: 0 auto;}
.choice_btn a{display: block;width: 170px;height: 42px;background: url(../images/choice_btnbg.png) center 0 no-repeat;font:bold 20px/42px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;}
.choice_btn a:hover{color: #fff;background-position: center -42px;}
.choice_list img{
  -webkit-animation:choicIcon 1s linear infinite alternate;  
  -moz-animation:choicIcon 1s linear infinite alternate;
  -ms-animation:choicIcon 1s linear infinite alternate;
  -o-animation:choicIcon 1s linear infinite alternate;
  animation:choicIcon 1s linear infinite alternate;
}
@keyframes choicIcon{
    0% {transform: scale(1) rotate(0deg);}
    100% {transform: scale(1.1) rotate(10deg);}
}
@-webkit-keyframes choicIcon{
    0% {-webkit-transform: scale(1) rotate(0deg);}
    100% {-webkit-transform: scale(1.1) rotate(10deg);}
}
@-ms-keyframes choicIcon{
    0% {-ms-transform: scale(1) rotate(0deg);}
    100% {-ms-transform: scale(1.1) rotate(10deg);}
}
@-moz-keyframes choicIcon{
    0% {-moz-transform: scale(1) rotate(0deg);}
    100% {-moz-transform: scale(1.1) rotate(10deg);}
}
@-o-keyframes choicIcon{
    0% {-o-transform: scale(1) rotate(0deg);}
    100% {-o-transform: scale(1.1) rotate(10deg);}
}
.choice_list li:hover h4{
  -webkit-animation: moveFromBottom 400ms ease;
  -moz-animation: moveFromBottom 400ms ease;
  -ms-animation: moveFromBottom 400ms ease;
  -o-animation: moveFromBottom 400ms ease;
  animation: moveFromBottom 400ms ease;
}
@keyframes moveFromBottom {
    from {transform: translateY(100%);opacity: 0;}
    to {transform: translateX(0%);opacity: 1;}
}
@-webkit-keyframes moveFromBottom {
    from {-webkit-transform: translateY(100%);opacity: 0;}
    to {-webkit-transform: translateX(0%);opacity: 1;}
}
@-moz-keyframes moveFromBottom {
    from {-moz-transform: translateY(100%);opacity: 0;}
    to {-moz-transform: translateX(0%);opacity: 1;}
}
@-ms-keyframes moveFromBottom {
    from {-ms-transform: translateY(100%);opacity: 0;}
    to {-ms-transform: translateX(0%);opacity: 1;}
}
@-o-keyframes moveFromBottom {
    from {-o-transform: translateY(100%);opacity: 0;}
    to {-o-transform: translateX(0%);opacity: 1;}
}
.choice_list li:hover .choice_text{
  -webkit-animation: moveFromBottom 400ms 200ms ease;
  -moz-animation: moveFromBottom 400ms 200ms ease;
  -ms-animation: moveFromBottom 400ms 200ms ease;
  -o-animation: moveFromBottom 400ms 200ms ease;
  animation: moveFromBottom 400ms 200ms ease;
}
.choice_list li:hover .choice_btn{
  -webkit-animation: moveFromBottom 400ms 400ms ease;
  -moz-animation: moveFromBottom 400ms 400ms ease;
  -ms-animation: moveFromBottom 400ms 400ms ease;
  -o-animation: moveFromBottom 400ms 400ms ease;
  animation: moveFromBottom 400ms 400ms ease;
}

.bg6{background-color: #ffffff;}
.course_box{padding:50px 0px 60px;}
.course{width: 1160px;padding:28px 20px 32px;background: #fff;border-radius: 10px;box-shadow: 0px 0px 6px rgba(253,109,106,.2);}
.tab{width: 1160px;
  /*background: url(../images/tabbg.jpg) center 0 no-repeat;*/
}
.tab table{width: 100%;border-collapse:collapse;}
.tab th{height:36px;padding:5px 4px;font:normal 18px/36px 'Microsoft Yahei';color:#fff;text-align: center;border: #fe6d69 1px solid;}
.tab td{height:36px;padding:10px 4px;font:normal 16px/26px 'Microsoft Yahei';color:#333;text-align: center;background: #fff;border: #fe6d69 1px solid;border-top:none;}
.tab td a{width: 100px;height: 32px;display: block;margin: 6px auto;font:normal 16px/32px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;background: url(../images/tab_btnbg.png) center 0 no-repeat;}
.tab td a:hover{background-position:center -32px;color: #fff;}
.tab td a.tab_btn2{background-position:center -32px;}
.tab td a.tab_btn2:hover{background-position:center 0px;}
.tab td a.tab_btn3{background-position:center -64px;}
.tab td a.tab_btn3:hover{background-position:center 0px;}

.bg7{background-color: #effaf4;}
.tit7 img.tit_picl{left:216px;}
.tit7 img.tit_picr{right:216px;}
.sence_box{padding:70px 0px 90px;}
.school{width: 1162px;height: 476px;padding-left: 38px;}
.school_tit{width: 1150px;margin-left: 3px;height: 40px;position: relative;}
.school_tit a{width: 92px;height: 34px;margin-right: 24px;font:normal 20px/34px 'Microsoft Yahei';color: #30c26b;text-align: center;letter-spacing: 1px;float: left;}
.school_tit a.on,.school_tit a:hover{color: #fe7f43;}
.school_tit span{display: block;width: 92px;height: 5px;font-size: 0;line-height: 0;position: absolute;left: 0;bottom: 0;
   background: #fe7f43;
  transition:left .3s;
  -webkit-transition:left .3s;
}
.school_list{width: 1162px;}
.school_list li{width: 1162px;position: relative;display: none;}
.school_pic{width: 752px;height: 432px;}
.school_con{width: 374px;height: 402px;padding-top: 62px;background:url(../images/school_conbg.jpg) center 0 no-repeat;position: absolute;left: 751px;top: -27px;}
.school_con h5{width: 374px;font:bold 24px/48px 'Microsoft Yahei';color: #fefefe;text-align: center;letter-spacing: 1px;}
.school_sub{width: 374px;font:normal 20px/34px 'Microsoft Yahei';color: #fefefe;text-align: center;letter-spacing: 1px;padding-bottom: 12px;}
.school_text{width: 334px;padding:17px 0 24px 8px;margin: 0 auto;font:normal 18px/36px 'Microsoft Yahei';color: #fff;letter-spacing: 1px;border-top:#f5d9da 1px dashed;}
.school_btn{width: 152px;height: 44px;margin: 0 auto;}
.school_btn a{display: block;width: 152px;height: 44px;background:url(../images/school_btnbg.png) center 0 no-repeat;font:normal 20px/44px 'Microsoft Yahei';color: #ffffff;text-align: center;letter-spacing: 1px;}
.school_btn a:hover{color: #fff;background-position: center -44px;}

.tit3 h2,.tit3 p{ color:#333333}
.bg8{background-color: #f2f7fa;}
.addr_box{padding:60px 0px 40px;}
.plat_list{width: 1200px;margin-bottom: 36px;}
.plat_list li{width: 328px;height: 127px;float: left;background: url(../images/platbg1.png) center 0 no-repeat;padding:17px 0px 0px 36px;}
.plat_list li.plat1{margin-right: 54px;}
.plat_list li.plat2{background-image: url(../images/platbg2.png);}
.plat_list li.plat3{background-image: url(../images/platbg3.png);float: right;}
.plat_list img{width: 110px;height: 110px;float: left;margin-right: 16px;}
.plat_list p{float: left;width: 200px;padding-top: 6px;font:normal 18px/26px 'Microsoft Yahei';color: #dcc0f9;letter-spacing: 1px;}
.plat2 p{color: #ffef38;}
.plat3 p{color: #ccfcd6;}
.plat_list p span{font:normal 20px/32px 'Microsoft Yahei';color: #fff;display: block;}
.plat_list a{display: block;width: 96px;height: 26px;margin-top: 8px;font:normal 18px/26px 'Microsoft Yahei';color: #8151f0;text-align: center;letter-spacing: 1px;background: url(../images/plat_btnbg.png) center 0 no-repeat;}
.plat2 a{color: #fe8043;}
.plat3 a{color: #31c26b;}
.plat2 a:hover{color: #da5084;background-position: center -26px;}
.plat3 a:hover{color: #487ce6;background-position: center -26px;}
.addr{width: 1200px;position: relative;height: 612px;}
.addr dl{width: 1200px;}
.addr dt{width: 90px;height:32px;float:left;margin-bottom: 10px;margin-right: 10px;font:normal 20px/32px 'Microsoft Yahei';text-align: center;color:#333;cursor:pointer;white-space: nowrap;_display:inline;}
.addr dt.up{color:#fff;background: url(../images/addr_titbg.png) 0 0 no-repeat;}
.addr dd{width:1180px;padding-left: 20px;position:absolute;left:0px;top:100px;display:none;font:normal 17px/28px 'Microsoft Yahei';color:#333;letter-spacing: 1px;}
.addr dd p{width: 560px;float: left;margin-bottom: 20px;}
.addr dd p.addr2{float: right;}
.addr dd p.addr3{height: 114px;}
.addr dd span{display: block;font-weight: bold;font-size:20px;line-height: 30px;}
.addr dd.addr_spe{padding-bottom: 19px;}

/*右侧悬浮*/
.right{position:absolute;z-index:1000;top:50%;margin-top:-250px;right:0px;width:148px;height:482px;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-480+"px")}
.right_box{width:148px;height: 476px;background: url(../images/rightbg.png) center 0 no-repeat;padding-top: 6px;}
.right_tit{width:138px;height:72px;margin: 0 auto;border-bottom: #faa7a7 1px solid;margin-bottom: 2px;}
.right_tit h4{width: 98px;font:bold 21px/24px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;float: left;padding-left: 20px;padding-top: 14px;}
.right_tit h4 span{color: #f6e22d;}
.right_close{width: 20px;height: 20px;line-height: 0;font-size:0px;cursor: pointer;transition:transform 0.5s;-moz-transition: transform 0.5s;-ms-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition:transform 0.5s;float: right;}
.right_close:hover{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform: rotate(180deg);-o-transform:rotate(180deg);}
.right_list{width: 138px;margin: 0 auto;}
.right_list li{width: 138px;padding: 4px 0 8px;border-bottom: #f99c9a 1px dashed;font:normal 16px/24px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;}
.right_list li a{display: block;width: 118px;height: 24px;margin: 0 auto;background:url(../images/right_btnbg.png) center 0 no-repeat;font:normal 15px/24px 'Microsoft Yahei';color:#c12501;letter-spacing: 1px;}
.right_list li a:hover,.right_list li.tt a{color: #c12501;background-position:center -24px;}
.right_top{width: 148px;font:bold 22px/30px 'Microsoft Yahei';text-align: center;letter-spacing: 1px;padding-top: 4px;}
.right_top a{color: #fff;}
.right_top a:hover{color: #ffb017;}
.right_btn{width:36px;height:101px;margin-top:95px;padding-top:5px;font:normal 18px/24px 'Microsoft Yahei';color:#fff;text-align:center;background:#f33747;cursor:pointer;display:none;}
/*右侧浮窗 end*/
/*左侧悬浮*/
.left{width:160px;height:558px;position:fixed; left:0;top:50%;margin-top:-300px; z-index:999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-480+"px")}
.left_box{ width:160px; height:558px;background: url(../images/leftbg.png) center 0 no-repeat;padding-top: 20px;height: 538px;}
.left_close{width: 20px;height: 20px;margin-left: 106px;margin-bottom: 8px;cursor: pointer;transition:transform 0.5s;-ms-transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition:transform 0.5s;}
.left_close:hover{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform: rotate(180deg);-o-transform:rotate(180deg);}
.left_tit{width: 160px;}
.left_tit h4{width: 160px;font:bold 26px/36px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;margin-bottom: 8px;}
.left_list{width:150px;margin: 0 auto;border-top: #fff 1px dashed;margin-bottom: 20px;}
.left_list a{width:150px;height: 42px;display:block;color:#fff; font:normal 16px/42px 'Microsoft Yahei';letter-spacing: 1px; text-align:center;border-bottom: #fff 1px dashed;}
.left_list a:hover{color:#fff000;text-decoration: underline;}
.left_wechat{width: 160px;}
.left_wechat img{width: 118px;height: 118px;margin: 0 auto 6px;}
.left_wechat p{width: 160px;font:normal 16px/26px 'Microsoft Yahei';text-align: center;letter-spacing: 1px;
  color: #ffde00;
  background-image: -webkit-linear-gradient(left,#a8ff00,#ffde00,#ffde00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}
.left_btn{width:36px;height:104px;margin-top:223px;padding-top:8px;font:normal 18px/24px 'Microsoft Yahei';color:#fff;text-align:center;background:#7b36f0;cursor:pointer;display:none;}

/*右侧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(../images/csbg.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(../images/cs_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(../images/cs_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;
}
.cs_btn a:hover{color:#fff;opacity: .8;filter: alpha(opacity=80);}

.footer{height:160px;background:#333333;}
.footer_con{width:1200px;color:#666666;padding-top:45px;font:normal 14px/24px '\5b8b\4f53';margin:0 auto;text-align:center;}
.footer_con span{visibility: hidden;line-height: 0px;font-size: 0px;}
.footer img{display:inline;vertical-align:middle;}

.bubbly-button{transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;position: relative;z-index: 3;}
.bubbly-button:focus {
  outline: 0; }
.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: "";
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -1000;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat; }
.bubbly-button:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #f65c08 20%, transparent 20%), radial-gradient(circle, transparent 20%, #f65c08 20%, transparent 30%), radial-gradient(circle, #f65c08 20%, transparent 20%), radial-gradient(circle, #f65c08 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f65c08 15%, transparent 20%), radial-gradient(circle, #f65c08 20%, transparent 20%), radial-gradient(circle, #f65c08 20%, transparent 20%), radial-gradient(circle, #f65c08 20%, transparent 20%), radial-gradient(circle, #f65c08 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%; }
.bubbly-button:after {
  display: none;
  bottom: -75%;
  background-image: radial-gradient(circle, #f65c08 20%, transparent 20%), radial-gradient(circle, #f65c08 20%, transparent 20%), radial-gradient(circle, transparent 10%, #f65c08 15%, transparent 20%), radial-gradient(circle, #f65c08 20%, transparent 20%), radial-gradient(circle, #f65c08 20%, transparent 20%), radial-gradient(circle, #f65c08 20%, transparent 20%), radial-gradient(circle, #f65c08 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%; }
.bubbly-button:active {
  transform: scale(0.9);
  background-color: #b611e5;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); }
.bubbly-button:hover:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards; }
.bubbly-button:hover:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards; }
@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%; }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; }
}
@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%; }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%; }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; }
}
.bubbly-button2:before {
  background-image: radial-gradient(circle, #7844e9 20%, transparent 20%), radial-gradient(circle, transparent 20%, #7844e9 20%, transparent 30%), radial-gradient(circle, #7844e9 20%, transparent 20%), radial-gradient(circle, #7844e9 20%, transparent 20%), radial-gradient(circle, transparent 10%, #7844e9 15%, transparent 20%), radial-gradient(circle, #7844e9 20%, transparent 20%), radial-gradient(circle, #7844e9 20%, transparent 20%), radial-gradient(circle, #7844e9 20%, transparent 20%), radial-gradient(circle, #7844e9 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%; }
.bubbly-button2:after {
  background-image: radial-gradient(circle, #7844e9 20%, transparent 20%), radial-gradient(circle, #7844e9 20%, transparent 20%), radial-gradient(circle, transparent 10%, #7844e9 15%, transparent 20%), radial-gradient(circle, #7844e9 20%, transparent 20%), radial-gradient(circle, #7844e9 20%, transparent 20%), radial-gradient(circle, #7844e9 20%, transparent 20%), radial-gradient(circle, #7844e9 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%; }

.qh{width: 1100px; margin: auto; margin-top: 30px;}
.qh a{ display: block;
  font-size: 18px;
  float: left;
  /* margin-right: 60px; */
  text-align: center;
  color: black;
  transition: 0.3s;
  padding-bottom: 5px;
  border-bottom: 3px solid #fff;
  margin-bottom: 10px;
  margin: 7px;
  width: 130px;
  line-height: 28px;
  border-bottom: 3px solid #ffa93c;
  height: 44px;
  line-height: 44px;
}
.qh a.active{background: #ffa93c;
  border-bottom: none;
  color: #fff;
}
.qh a:hover{background:#ffa93c;
  border-bottom: none;
  color: #fff;
}

.title {
  width: 348px;
  height: 44px;
  margin: 50px auto;
  text-align: center;
}
.title img {
  width: 348px;
  height: 44px;
}

.kebiao {
  width: 100%;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 20px;
}
.kebiao  th {
  background: #ffa93a;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
}
.kebiao  td {
  border: 1px solid #ffa93a;
  background: #fff;
}

.kebiao tr .td1{font-weight: bold; padding: 10px; color: #ffa93a; font-size: 20px;}