@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{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:#fff7e9;}

.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:610px;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:1;}
.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_bg{width:100%;min-width:1200px;background:url(../images/banner_bg.jpg) center -2px no-repeat;overflow: hidden;height: 646px;position: relative;}
.banner{width: 1200px;height: 646px;margin: 0 auto;position: relative;}
.ban_tit{position: absolute;}
.ban_tit1{top:110px;left:245px;
  -webkit-animation: banJump 1.5s 0s ease-out both;
    -moz-animation: banJump 1.5s 0s ease-out both;
    -ms-animation: banJump 1.5s 0s ease-out both;
    -o-animation: banJump 1.5s 0s ease-out both;
    animation: banJump 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 banJump {
  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, -42px, 0);
  }
  60% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -24px, 0);
  }
  82% {
    animation-timing-function: ease-in;
    transform: translate3d(0, -12px, 0);
  }
  94% {
    animation-timing-function: ease-in;
    transform: translate3d(0,-3px,0);
  }
}
@-webkit-keyframes banJump {
  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, -42px, 0);
  }
  60% {
    -webkit-animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, -24px, 0);
  }
  82% {
    -webkit-animation-timing-function: ease-in;
    -webkit-transform: translate3d(0, -12px, 0);
  }
  94% {
    -webkit-animation-timing-function: ease-in;
    -webkit-transform: translate3d(0,-3px,0);
  }
}
@-moz-keyframes banJump {
  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, -42px, 0);
  }
  60% {
    -moz-animation-timing-function: ease-in;
    -moz-transform: translate3d(0, -24px, 0);
  }
  82% {
    -moz-animation-timing-function: ease-in;
    -moz-transform: translate3d(0, -12px, 0);
  }
  94% {
    -moz-animation-timing-function: ease-in;
    -moz-transform: translate3d(0,-3px,0);
  }
}
@-ms-keyframes banJump {
  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, -42px, 0);
  }
  60% {
    -ms-animation-timing-function: ease-in;
    -ms-transform: translate3d(0, -24px, 0);
  }
  82% {
    -ms-animation-timing-function: ease-in;
    -ms-transform: translate3d(0, -12px, 0);
  }
  94% {
    -ms-animation-timing-function: ease-in;
    -ms-transform: translate3d(0,-3px,0);
  }
}
@-o-keyframes banJump {
  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, -42px, 0);
  }
  60% {
    -o-animation-timing-function: ease-in;
    -o-transform: translate3d(0, -24px, 0);
  }
  82% {
    -o-animation-timing-function: ease-in;
    -o-transform: translate3d(0, -12px, 0);
  }
  94% {
    -o-animation-timing-function: ease-in;
    -o-transform: translate3d(0,-3px,0);
  }
}
.ban_tit2{top:95px;left:357px;
  -webkit-animation: banJump 1.5s 0.4s ease-out both;
    -moz-animation: banJump 1.5s 0.4s ease-out both;
    -ms-animation: banJump 1.5s 0.4s ease-out both;
    -o-animation: banJump 1.5s 0.4s ease-out both;
    animation: banJump 1.5s 0.4s 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;}
.ban_tit3{top:110px;left:452px;
  -webkit-animation: banJump 1.5s 0.8s ease-out both;
    -moz-animation: banJump 1.5s 0.8s ease-out both;
    -ms-animation: banJump 1.5s 0.8s ease-out both;
    -o-animation: banJump 1.5s 0.8s ease-out both;
    animation: banJump 1.5s 0.8s 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;}
.ban_tit4{top:95px;left:552px;-webkit-animation: banJump 1.5s 1.2s ease-out both;
    -moz-animation: banJump 1.5s 1.2s ease-out both;
    -ms-animation: banJump 1.5s 1.2s ease-out both;
    -o-animation: banJump 1.5s 1.2s ease-out both;
    animation: banJump 1.5s 1.2s 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;}
.ban_tit5{top:95px;left:652px;
  -webkit-animation:fIn .5s 1.8s ease-in both;
  -moz-animation:fIn .5s 1.8s ease-in both;
  -ms-animation:fIn .5s 1.8s ease-in both;
  -o-animation:fIn .5s 1.8s ease-in both;
  animation:fIn .5s 1.8s ease-in both;  
}
@-webkit-keyframes fIn {
  0%{opacity: 0;-webkit-transform: scale(2);}
  to {opacity: 1;-webkit-transform: scale(1);}
}
@-moz-keyframes fIn {
  0%{opacity: 0;-webkit-transform: scale(2);}
  to {opacity: 1;-webkit-transform: scale(1);}
}
@-ms-keyframes fIn {
  0%{opacity: 0;-webkit-transform: scale(2);}
  to {opacity: 1;-webkit-transform: scale(1);}
}
@-o-keyframes fIn {
  0%{opacity: 0;-webkit-transform: scale(2);}
  to {opacity: 1;-webkit-transform: scale(1);}
}
@keyframes fIn {
  0%{opacity: 0;transform: scale(2);}
  to {opacity: 1;transform: scale(1);}
}
.ban_title{position: absolute;top:230px;left:335px;}
.ban_people{position: absolute;top:285px;left:875px;}
.ban_text{color:#574838;font:normal 26px/36px "Microsoft Yahei";text-align: center;letter-spacing: 1px;padding-top: 325px;}


.mainbg{width:100%;min-width:1200px;background-position: center 0;background-repeat: no-repeat;}
.main1_bg{background-image: url(../images/main1_bg.jpg);height:410px;background-position: center top;overflow: hidden;}
.main2_bg{background-image: url(../images/main2_bg.jpg);background-position: center bottom;overflow: hidden;}
.main3_bg{background-image: url(../images/main3_bg.jpg);background-position: center top;overflow: hidden;}

.main_con{width: 1200px;margin: 0 auto;}

.main_tit{padding-right:26px;width: 300px;height: 57px;background:url(../images/main_tit.png) center no-repeat;margin:45px auto 0;color:#574838;text-align: center;font:normal 36px "Microsoft Yahei";letter-spacing: 1px;}
.main_tit span{ 
  font-weight: bold;
  color:#574838;
  background-image: -webkit-gradient(linear, right 0, left bottom, from(#9a633f), to(rgba(95, 75, 57, 1)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}  
.main1_con{padding-bottom: 50px;}
.main1_class_box{width: 1200px;height: 260px;margin:50px auto 0;position: relative;}
.main1_class{position: absolute;width: 244px;height: 170px;}
.main1_class:hover .main1_txt{
    -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(20%);opacity: 0;}
    to {transform: translateY(0%);opacity: 1;}
}
@-webkit-keyframes moveFromBottom {
    from {-webkit-transform: translateY(20%);opacity: 0;}
    to {-webkit-transform: translateY(0%);opacity: 1;}
}
@-moz-keyframes moveFromBottom {
    from {-moz-transform: translateY(20%);opacity: 0;}
    to {-moz-transform: translateY(0%);opacity: 1;}
}
@-ms-keyframes moveFromBottom {
    from {-ms-transform: translateY(20%);opacity: 0;}
    to {-ms-transform: translateY(0%);opacity: 1;}
}
@-o-keyframes moveFromBottom {
    from {-o-transform: translateY(20%);opacity: 0;}
    to {-o-transform: translateY(0%);opacity: 1;}
}
.main1_class1{position: absolute;top:0px;left:0px;}
.main1_class2{position: absolute;top:75px;left:295px;}
.main1_class3{position: absolute;top:0px;right:295px;}
.main1_class4{position: absolute;top:75px;right:0px;}
.main1_txt{color:#f15455;font:normal 28px/32px "Microsoft Yahei";text-align: center;letter-spacing: 1px;padding-top: 12px;}
.main1_class_top{width: 177px;height: 90px;background: url(../images/main1_class_top.png) center no-repeat;margin:0 auto;position: relative;
-webkit-animation: banClick 1.5s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
  -moz-animation: banClick 1.5s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
  -ms-animation: banClick 1.5s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
  -o-animation: banClick 1.5s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
  animation: banClick 1.5s 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 banClick {
  from, to {-webkit-transform: translateY(5px) scaleY(.98);}
  80% {-webkit-transform: translateY(3px) scaleY(1);}
}
@-moz-keyframes banClick {
  from, to {-moz-transform: translateY(5px) scaleY(.98);}
  80% {-moz-transform: translateY(3px) scaleY(1);}
} 
@-ms-keyframes banClick {
  from, to {-ms-transform: translateY(5px) scaleY(.98);}
  80% {-ms-transform: translateY(3px) scaleY(1);}
}
@-o-keyframes banClick {
  from, to {-o-transform: translateY(5px) scaleY(.98);}
  80% {-o-transform: translateY(3px) scaleY(1);}
}  
@keyframes banClick {
  from, to {transform: translateY(5px) scaleY(.98);}
  80% {transform: translateY(3px) scaleY(1);}
}

.main1_class_arrow{position: absolute;left:-56px;bottom:0;}
.main1_class_arrow.heart{
  -webkit-animation-name: heart;
  -moz-animation-name: heart;
  -ms-animation-name: heart;
  -o-animation-name: heart;
  animation-name: heart;
  -webkit-animation-duration: .8s;
  -moz-animation-duration: .8s;
  -ms-animation-duration: .8s;
  -o-animation-duration: .8s;
  animation-duration: .8s;
}
@keyframes heart{
  0% {transform: translateY(0px);opacity: 1}
  80%{opacity: 1}
  96% {transform: translateY(-20px);opacity: 0;}
  100%{opacity: 0;}
}
@-webkit-keyframes heart{
  0% {-webkit-transform: translateY(0px);opacity: 1}
  80%{opacity: 1}
  96% {-webkit-transform: translateY(-20px);opacity: 0;}
  100%{opacity: 0;}
}
@-moz-keyframes heart{
  0% {-moz-transform: translateY(0px);opacity: 1}
  80%{opacity: 1}
  96% {-moz-transform: translateY(-20px);opacity: 0;}
  100%{opacity: 0;}
}
@-ms-keyframes heart{
  0% {-ms-transform: translateY(0px);opacity: 1}
  80%{opacity: 1}
  96% {-ms-transform: translateY(-20px);opacity: 0;}
  100%{opacity: 0;}
}
@-o-keyframes heart{
  0% {-o-transform: translateY(0px);opacity: 1}
  80%{opacity: 1}
  96% {-o-transform: translateY(-20px);opacity: 0;}
  100%{opacity: 0;}
}
.main1_class_bom{width: 244px;height: 80px;overflow: hidden;position: relative;z-index: 3;}
.main1_class_bom1{background:url(../images/main1_class_bom1.png) center no-repeat;}
.main1_class_bom2{background:url(../images/main1_class_bom2.png) center no-repeat;}
.main1_class_bom3{background:url(../images/main1_class_bom3.png) center no-repeat;}
.main1_class_bom4{background:url(../images/main1_class_bom4.png) center no-repeat;}
.main1_class_sub{display:block;width: 124px;height: 37px;font:normal 21px/37px "Microsoft Yahei";text-align: center;letter-spacing: 1px;margin:12px auto 0;}
.main1_class_sub1{background: url(../images/main1_class_sub1.png) center no-repeat;color:#fff;}
.main1_class_sub1:hover{background: url(../images/main1_class_sub2.png) center no-repeat;color:#f88d52;}
.main1_class_sub2{background: url(../images/main1_class_sub2.png) center no-repeat;color:#f88d52;}
.main1_class_sub2:hover{background: url(../images/main1_class_sub3.png) center no-repeat;color:#fff;}

.main2_con{padding-bottom: 50px;}
.main2_txt_box{width: 1199px;height: 204px;background: url(../images/main2_txt_box.png) center no-repeat;margin:50px auto 0;}
.main2_txt_class{float: left;margin-top:35px;margin-left:40px;}
.main2_txt_people{float: right;margin-top: 35px;margin-right:60px;}
.main2_txt_box dl{width: 520px;}
.main2_txt_box dt{display: block; background-color: #ffa563;width: 96px;height: 28px;text-align: center;color:#fff;letter-spacing: 1px;font:normal 18px/28px "Microsoft Yahei";border-radius: 4px;margin-bottom: 10px;}
.main2_txt_box dd p{color:#574838;font:normal 18px/28px "Microsoft Yahei";letter-spacing: 1px;}
.main2_con table{width: 1200px;margin:40px auto 0;border-right: 1px solid #f4912f;border-bottom: 1px solid #f4912f;}
.main2_con table tr th{height: 52px;font:normal 20px/52px "Microsoft Yahei";color:#fef1d5;letter-spacing: 1px;background-color: #f59f3d;}
.main2_con table tr td{border-top: 1px solid #f4912f;border-left: 1px solid #f4912f; font:normal 18px/24px "Microsoft Yahei";color:#69665e;letter-spacing: 1px;background-color: #ffe7b5;text-align: center;padding:10px 8px;}
.main2_con table tr td span{color:#fb7b6c;}
.main2_con table tr td .td_sub{display: block; width: 92px;height: 32px;font:normal 18px/32px "Microsoft Yahei";margin:0 auto;text-align: center;background-color: #fa615d;color:#ffe7b5;}
.main2_con table tr td .td_sub:hover{background-color: #e0423d;color:#fff;}
.main2_con table tr td .sign_btn_txt{color:#fa615d;}
.main2_con table tr td .sign_btn_txt:hover{font-weight: bold;}

.main3_con{padding-bottom: 30px;}
.main3_class_box{width: 1200px;margin:50px auto 0;}
.main3_class{width: 274px;height: 388px;position: relative;float: left;}
.main3_class_con.on{-webkit-animation:courseTit .2s linear both;
 -moz-animation:courseTit .2s linear both;
 -ms-animation:courseTit .2s linear both;
 -o-animation:courseTit .2s linear both;
 animation:courseTit .2s linear both;
}
@keyframes courseTit{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-10px);}
}
@-webkit-keyframes courseTit{
  0% {-webkit-transform: translateY(0px);}
  100% {-webkit-transform: translateY(-10px);}
}
@-moz-keyframes courseTit{
  0% {-moz-transform: translateY(0px);}
  100% {-moz-transform: translateY(-10px);}
}
@-ms-keyframes courseTit{
  0% {-ms-transform: translateY(0px);}
  100% {-ms-transform: translateY(-10px);}
}
@-o-keyframes courseTit{
  0% {-o-transform: translateY(0px);}
  100% {-o-transform: translateY(-10px);}
}
.main3_class1{margin-left: 80px;}
.main3_class2{margin-left: 115px;}
.main3_class3{margin-left: 115px;}
.main3_class_con{width: 274px;height: 365px;position: relative;z-index: 2;}
.main3_class1_con{background: url(../images/main3_class1.png) center no-repeat;}
.main3_class2_con{background: url(../images/main3_class2.png) center no-repeat;}
.main3_class3_con{background: url(../images/main3_class3.png) center no-repeat;height: 305px;padding-top: 60px;}
.main3_class_hot{position: absolute;left:-12px;top:-8px;
   -webkit-animation: tada 1.5s infinite both;
    -moz-animation: tada 1.5s infinite both;
    -ms-animation: tada 1.5s infinite both;
    -o-animation: tada 1.5s infinite both;
    animation: tada 1.5s 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) rotate3d(0,0,1,3deg);}
  40%,60%,80% {transform: scale3d(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) rotate3d(0,0,1,3deg);}
  40%,60%,80% {-webkit-transform: scale3d(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) rotate3d(0,0,1,3deg);}
  40%,60%,80% {-moz-transform: scale3d(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) rotate3d(0,0,1,3deg);}
  40%,60%,80% {-ms-transform: scale3d(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) rotate3d(0,0,1,3deg);}
  40%,60%,80% {-o-transform: scale3d(1,1,1) rotate3d(0,0,1,-3deg);}
  100% {-o-transform: scale3d(1,1,1);}
}
.main3_petal{position: absolute;bottom:8px;left:-12px;z-index: 1;}
.main3_petal.on{-webkit-animation:courseTits .2s linear both;
 -moz-animation:courseTits .2s linear both;
 -ms-animation:courseTits .2s linear both;
 -o-animation:courseTits .2s linear both;
 animation:courseTits .2s linear both;
}
@keyframes courseTits{
  0% {transform: translateY(0px);}
  100% {transform: translateY(5px);transform: scale(.9);}
}
@-webkit-keyframes courseTits{
  0% {-webkit-transform: translateY(0px);}
  100% {-webkit-transform: translateY(5px);-webkit-transform: scale(.9);}
}
@-moz-keyframes courseTits{
  0% {-moz-transform: translateY(0px);}
  100% {-moz-transform: translateY(5px);-moz-transform: scale(.9);}
}
@-ms-keyframes courseTits{
  0% {-ms-transform: translateY(0px);}
  100% {-ms-transform: translateY(5px);-ms-transform: scale(.9);}
}
@-o-keyframes courseTits{
  0% {-o-transform: translateY(0px);}
  100% {-o-transform: translateY(5px);-o-transform: scale(.9);}
}
.main3_class1_petal.on{-webkit-animation:courseTit .2s linear both;
 -moz-animation:courseTit .2s linear both;
 -ms-animation:courseTit .2s linear both;
 -o-animation:courseTit .2s linear both;
 animation:courseTit .2s linear both;
}
.main3_class3_petal.on{-webkit-animation:courseTit .2s linear both;
 -moz-animation:courseTit .2s linear both;
 -ms-animation:courseTit .2s linear both;
 -o-animation:courseTit .2s linear both;
 animation:courseTit .2s linear both;
}
.main3_class1_petal{position: absolute;top:110px;left:-93px;z-index: 1;
      -webkit-animation: tape 3s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
    -moz-animation: tape 3s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
    -ms-animation: tape 3s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
    -o-animation: tape 3s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
    animation: tape 3s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;}
    @-webkit-keyframes tape {
    from,
    to {
        -webkit-transform: skew(0deg, 0deg);
    }
    50% {
        -webkit-transform: skew(2deg, 2deg);
    }
}

@-moz-keyframes tape {
    from,
    to {
        -moz-transform: skew(0deg, 0deg);
    }
    50% {
        -moz-transform: skew(2deg, 2deg);
    }
}

@-ms-keyframes tape {
    from,
    to {
        -ms-transform: skew(0deg, 0deg);
    }
    50% {
        -ms-transform: skew(2deg, 2deg);
    }
}

@-o-keyframes tape {
    from,
    to {
        -o-transform: skew(0deg, 0deg);
    }
    50% {
        -o-transform: skew(2deg, 2deg);
    }
}

.main3_class3_petal{position: absolute;top:215px;right:-68px;z-index: 1;}
.main3_class1_list{width: 219px;margin:0 auto 0;padding-top: 65px;}
.main3_class1_list .main3_class1_li1{width: 219px;height: 57px;background: url(../images/main3_class1_list1.png) center no-repeat;margin-bottom: 15px;
   -webkit-animation:bubble1 5s linear infinite both;
 -moz-animation:bubble1 5s linear infinite both;
 -ms-animation:bubble1 5s linear infinite both;
 -o-animation:bubble1 5s linear infinite both;
 animation:bubble1 5s linear infinite both;
}
@keyframes bubble1 {
  0% {opacity: 0;}
  10%{opacity: 1;}
  100% {opacity: 1;}
}
.main3_class1_list .main3_class1_li2{width: 217px;height: 64px;background: url(../images/main3_class1_list2.png) center no-repeat;margin-bottom: 20px;
  -webkit-animation:bubble2 5s linear infinite both;
 -moz-animation:bubble2 5s linear infinite both;
 -ms-animation:bubble2 5s linear infinite both;
 -o-animation:bubble2 5s linear infinite both;
 animation:bubble2 5s linear infinite both;
}
@keyframes bubble2 {
  0% {opacity: 0;}
  12%{opacity: 0;}
  18%{opacity: 1;}
  100% {opacity: 1;}
}
.main3_class1_list .main3_class1_li3{
-webkit-animation:bubble3 5s linear infinite both;
 -moz-animation:bubble3 5s linear infinite both;
 -ms-animation:bubble3 5s linear infinite both;
 -o-animation:bubble3 5s linear infinite both;
 animation:bubble3 5s linear infinite both;
}
@keyframes bubble3 {
  0% {opacity: 0;}
  24%{opacity: 0;}
  30%{opacity: 1;}
  100% {opacity: 1;}
}
.main3_class1_list .main3_class1_li1 p{font:normal 18px "Microsoft Yahei";color:#54180d;letter-spacing: 1px;padding:20px 0 0 58px;}
.main3_class1_list .main3_class1_li2 p{font:normal 18px "Microsoft Yahei";color:#54180d;letter-spacing: 1px;padding:30px 0 0 18px;}
.main3_class2_txt{color:#f88d52;font:normal 18px/28px "Microsoft Yahei";text-align: center;text-align: right;padding:105px 25px 0 0;}
.main3_class3_code{margin:0px auto 0;}
.main3_class3_con span{display: block;padding-left:30px;width: 110px;height: 50px;background: url(../images/main3_class3_span.png) 0 0 no-repeat;margin:3px auto 0;color:#ffffff;font:normal 18px/56px "Microsoft Yahei";text-align: center;}

.main4_con{padding-bottom: 20px;}
.guide{width:1200px;height: 429px;margin: 50px auto 0;background:url(../images/guide.png) center no-repeat;}
.guide_con{width:510px;}
.guide_con1{margin:40px 0 0 50px;}
.guide_con2{margin:40px 50px 0 0;}
.guide_con h3{width: 132px;height: 32px;font:normal 20px/32px 'Microsoft Yahei';color:#fff7e9;text-align: center;letter-spacing: 1px;margin-bottom: 24px;border-radius: 6px;}
.guide_con .guide_h3_1{background-color: #fa675e;}
.guide_con .guide_h3_2{background-color: #ff8d27;}
.guide_con ul{width: 510px;margin: 0 auto;}
.guide_con li{width:510px;padding-bottom: 18px;}
.guide_tit{width: 266px;height: 33px;}
.guide_tit img{float: left;vertical-align: middle;margin-top: 3px;}
.guide_tit .guide_icon5{margin-top: 0px;margin-right: 5px;margin-left: 5px;}
.guide_tit h4{font:normal 18px/26px 'Microsoft Yahei';color:#ff8644;float: left;letter-spacing: 1px;padding-left: 6px;}
.guide_list p{font:normal 18px/26px 'Microsoft Yahei';color:#666;letter-spacing: 1px;}
.guide_list p span{color:#f65240;}
.guide_list p span.guide_note{font-size:16px;display: block;margin-top: 6px;}
.guide_con1 .guide_list a{color:#f65240;}
.guide_con1 .guide_list a:hover{color:#f65240;text-decoration: underline;}
.guide_con2 .guide_list a{color:#f65240;}
.guide_con2 .guide_list a:hover{color:#f65240;text-decoration: underline;}
.guide_btn{width: 120px;height: 34px;}
.guide_btn a{display: block;margin-top:10px;width: 120px;height: 34px;font:normal 18px/34px 'Microsoft Yahei';color:#fff;text-align: center;letter-spacing: 1px;background: #f65240;}
.guide_btn a:hover{color:#fff;background: #fc6f60;}

/*课表弹窗*/
.sign_popup{z-index:999;width: 528px;padding:5px 0px 20px 0px;background:#f59f3d;position: fixed;left: 50%;margin-left:-264px;top:30%;display: none;}
.sign_close_box{width: 30px;height: 30px;padding:0px 0px 0px 486px;}
.sign_close{width: 30px;height: 30px;cursor:pointer;}
.sign_box{padding: 10px 0px 0px 12px;width: 516px;}
.sign_box a{width: 120px;height: 32px;font:normal 16px/32px 'Microsoft Yahei';background:#e0423d;color:#fff;margin:0px 8px 8px 0px;float: left;display: block;text-align: center;letter-spacing: 1px;}
.sign_box a:hover{background-color: #fa615d;color:#fff;}

.sign_popup2{width: 400px;margin-left: -200px;}
.sign_popup2 .sign_close_box{width: 30px;height: 30px;padding:0px 0px 5px 365px;}
.sign_popup2 .sign_box{width: 400px;padding:0px; }
.sign_popup2 ul{width: 350px;margin:0 auto;}
.sign_popup2 li{height: 34px;font:normal 16px/34px 'Microsoft Yahei';color:#fcfcff;letter-spacing: 1px;border-bottom: #ffe7b5 1px solid;background: #fa615d;padding-left: 16px;}
.sign_popup2 li:hover{color:#ff0;}

/*右侧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;-webkit-transition: transform 0.5s;-moz-transition: transform 0.5s;-ms-transition: transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;}
.cs_close_box img:hover{-webkit-transform: rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);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);}

.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:113px;height:24px;padding:4px 4px 0 0;}
.cs_time span{font:normal 12px/24px '\5b8b\4f53';color:#747474;padding-left: 16px;float: left;}
.cs_qq_close{width: 10px;height: 10px;float: right;cursor: pointer;font-size: 0;line-height: 0;padding:0px 0px 2px 2px;}
.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(../images/cs_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:214px;width: 100%;min-width: 1200px;background: url(../images/footer_bg.jpg) center no-repeat;}
.footer_con{width:1000px;color:#9a8f79;padding-top:70px;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;}