/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style:normal;}
body{font-family:Microsoft YaHei; font-size:12px;}

.top{ width:1100px; margin:0 auto; overflow:hidden; }
.top a{ float:left; width:98px; height:39px; padding-top:40px; overflow:hidden;}
.top span{ float:right; height:118px; line-height:118px; color:#000000; font-size:22px; font-family:Gill Sans MT;}

.yh{ width:1068px; margin:0 auto; overflow:hidden; padding-left:32px;}
.yh dl{ float:left; height:147px; overflow:hidden; margin-right:72px;}
.yh dl dt{ float:left; width:118px; text-align:center; padding-top:44px; color:#FFF; line-height:30px; font-size:24px; font-weight:bold;}
.yh dl dd{ float:left; line-height:147px; width:139px; padding-left:26px; color:#926ff9; font-size:24px; text-align:center;}
.yh dl dd i{ font-weight:bold; font-size:36px;}
.yh dl.yh_2 dd{ color:#4488ad;}
.yh dl.yh_3 dt{ color:#bc8012;}
.yh dl.yh_3 dd{ color:#bc8012;}

.same_tit{ width:1100px; margin:0 auto; text-align:center; overflow:hidden;}
.same_tit h2{ font-size:42px; color:#333333; font-weight:bold; text-align:center; line-height:202px;}

.prob{ width:1034px; margin:0 auto; overflow:hidden; padding-left:66px;}
.prob dl{ float:left; width:184px; overflow:hidden; padding-left:20px;  margin-right:66px;}
.prob dl dt{ width:100%; text-align:left; height:55px; color:#fdd27b; font-weight:bold; font-size:24px; line-height:68px;}
.prob dl dd{ color:#FFF; line-height:28px; font-size:18px;}
 
.zixun{ width:1100px; margin:0 auto; overflow:hidden; text-align:center;}
.zixun span,.zixun a{ display:inline-block; line-height:76px;  color:#667cc8; font-weight:bold; font-size:34px;}
.zixun a{  padding:0 76px; background:#fdd27b; height:68px; margin-right:120px; border-bottom:8px solid #fdbd3d; border-radius:40px; -webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.zixun span{ padding:0 32px;}
.zixun a:hover{ background:#667cc8; color:#fdd27b; border-bottom:8px solid #2e53d4;}

.course_tit h2{ line-height:318px;}

.course{ width:890px; margin:0 auto; overflow:hidden; height:161px; padding-left:146px;}
.course span{ float:left; cursor:pointer; width:122px; height:98px; margin-right:214px; position:relative; padding-top:24px; text-align:center; line-height:32px; color:#667cc8; font-size:26px; border-radius:61px; background:#eaeaea; -webkit-transition:all 0.4s ease-in-out;}
.course span i{ display:none;  position:absolute; width:826px; height:27px; background:url(../images/i_bg.png) no-repeat; left:61px; top:135px; -webkit-transition:all 0.4s ease-in-out;}
.course span.se{ background:#667cc8; color:#fdd27b;}
.course span.se i{ display:block;}
.course_content{ width:1100px; margin:0 auto; overflow:hidden;}
.course_content div{ display:none; width:1010px; margin:0 auto; overflow:hidden; border-top-left-radius:18px; border-top-right-radius:18px;}
.course_content div table{ width:1010px; margin:0 auto; text-align:center;  border-left:1px solid #667cc8;}
.course_content div table tr th i{ color:#FFF; font-size:26px; line-height:57px; background:#667cc8; display:block; width:100%; font-weight:normal;}
.course_content div table tr th{ width:337px; height:74px; color:#4c4948; font-size:26px; font-weight:bold; border-right:1px solid #667cc8; border-bottom:1px solid #667cc8;}
.course_content div table tr:nth-child(1) th{ height:57px; border-right:0px;}
.course_content div table tr:nth-child(2) th:nth-child(1){ background:url(../images/td_bg.png) repeat;}
.course_content div table tr td{ height:89px; color:#4c4948; font-size:20px; border-right:1px solid #667cc8; border-bottom:1px solid #667cc8;}
.course_content div table tr td:nth-child(1){ background:url(../images/td_bg.png) repeat;}


#course2{ padding-left:32px; width:920px;}
#course2 span{ padding:0px; height:122px; line-height:122px; margin-right:116px;}
#course_content2 div{ width:1010px; margin:0 auto; overflow:hidden; border-radius:18px;}
#course_content2 div table{border:0px; border-radius:8px;}
#course_content2 div table tr td{ border:0px; background:#667cc8; color:#FFF;}
#course_content2 div table tr th{ border:0px; background:#667cc8; color:#FFF;}
#course_content2 div table tr th span{ display:block; background:#fdd27b; color:#4c4948; height:57px; line-height:57px;}
#course_content2 div table tr td span{ display:block; line-height:89px; background:#fdd27b;  color:#4c4948; }



.ms{ width:1046px; margin:0 auto; overflow:hidden; padding-left:54px;}
.ms dl{ float:left; width:219px; height:286px; position:relative; overflow:hidden; margin-right:40px;}
.ms dl dt{ position:absolute; width:100%; height:100%;}
.ms dl dd{ position:absolute; left:0px; top:286px; width:191px; height:286px; z-index:3; background:url(../images/dd_bg.png) repeat; padding:0 14px;}
.ms dl dd h6{ height:52px; color:#fdd27b; font-size:22px; line-height:74px; text-align:left;}
.ms dl dd span{ display:block; color:#FFF; line-height:26px; font-size:18px;}
.ms dl dd p{color:#FFF; line-height:26px; font-size:18px;}
.ms dl.se dd{
	
	top:0px;
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
	
	}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.gx h2{ line-height:362px;}
.hj h2{ line-height:330px;}

.foot_hj{ width:1068px; margin:0 auto; overflow:hidden; padding-left:32px;}
.foot_hj img{ float:left; margin:0 12px 14px 0; -webkit-transition:all 0.4s ease-in-out;}
.foot_hj img.three{ margin-right:26px;}
.foot_hj img:hover{ -webkit-transform:scale(0.9) skewY(10deg) rotate(-10deg);}


.footer{ font-size:16px; color:#FFF; line-height:30px; text-align:center;  padding:0 0 54px 0; background:#899de4;}