/* 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:"微软雅黑"; font-size:12px;}
.clearfix:after{ display:block; content:''; clear:both;}

.top{ width:1060px; margin:0 auto; overflow:hidden;}
.top a{ float:left; padding:56px 0 0 26px;}
.top span{ float:right; height:140px; line-height:140px; text-indent:39px; font-size:24px; color:#FFF; background:url(../images/phone.png) left center no-repeat; font-family:Arial, Helvetica, sans-serif;}

.banner_bt{ width:618px; margin:0 auto; overflow:hidden; padding:60px 0 0 442px;}
.banner_bt a{ display:block; position:relative; width:175px; height:141px; background:url(../images/a_bg.png) no-repeat; padding-top:40px; line-height:40px; font-size:28px; color:#5bcff1; text-align:center;}
.banner_bt a b{ font-weight:bold; font-family:cursive; font-size:30px;}
.banner_bt a i{ position:absolute; bottom:0px; left:69px; color:#FFF; font-size:26px;}
.banner_bt a:hover{ background:url(../images/a_bg2.png) no-repeat; color:#5bcff1;}
.banner_bt a:hover i{ color:#5bcff1;}

.tit{ width:100%; overflow:hidden; padding-bottom:30px; background:url(../images/h2_bg.jpg) bottom center no-repeat;}
.tit h2{ text-align:center; color:#0d4d7b; font-size:36px; line-height:52px; }
.tit h2 i{ font-weight:bold;}
.tit p{ text-align:center; line-height:36px; color:#202020; font-size:20px;}

.position{ width:984px; margin:0 auto; overflow:hidden; padding:60px 0 0 76px;}
.position h3{ width:100%; line-height:68px; text-align:left; color:#202020; font-size:20px;}
.position h3 i{ font-weight:bold; color:#20cad9; font-size:26px;}
.position p{ width:536px; line-height:26px; font-size:16px; color:#202020;}

.video{ width:962px; margin:0 auto; padding-left:98px;}
.login{ width:974px; margin:0 auto; background:url(../images/vept_09.jpg) center top no-repeat; height:368px; padding-right:86px;}
.reg{ float:right; width:221px; padding-top:138px; height:204px; padding-left:2px;}


.how{ width:1060px; padding-top:48px; overflow:hidden; margin:0 auto;}
.suggest{ width:1060px; margin:50px auto 30px; overflow:hidden; background:url(../images/vept_11.jpg) center top no-repeat; height:357px;}
#ability{ float:left; width:416px; height:357px; position:relative;}
#ability span{ position:absolute; width:39px; height:85px; overflow:hidden; filter:alpha(opacity=90); cursor:pointer; opacity:0.9;}
#ability span.se{ filter:alpha(opacity=100); opacity:1;}
#ability span#s1{ left:87px; top:233px;}
#ability span#s2{ left:145px; top:196px;}
#ability span#s3{ left:203px; top:138px;}
#ability span#s4{ left:261px; top:94px;}
#ability span#s5{ left:319px; top:43px;}
#ability span#s6{ right:0px; top:29px;}

#symbol{ float:left; width:32px; height:357px; position:relative; margin-left:50px;}
#symbol font{ position:absolute; width:32px; height:19px; background:url(../images/font_img.png) no-repeat;filter:alpha(opacity=10); opacity:0.1; }
#symbol font.see{filter:alpha(opacity=100); opacity:1;

-webkit-animation-name:shake;
-webkit-animation-duration:0.8s;
-webkit-animation-fill-mode:both;
-webkit-animation-iteration-count:-1;
}
#symbol font#f1{ left:0px; top:55px;}
#symbol font#f2{ left:0px; top:108px;}
#symbol font#f3{ left:0px; top:149px;}
#symbol font#f4{ left:0px; top:208px;}
#symbol font#f5{ left:0px; top:245px;}
#symbol font#f6{ left:0px; top:267px;}



@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}


#ability_content{ float:right; width:505px; margin-right:18px; height:357px; overflow:hidden;}
#ability_content div{ display:block;}
#ability_content div dl{ width:100%; overflow:hidden; height:357px; position:relative;}
#ability_content div dl dt{ width:128px; height:88px; margin:0 auto 8px; overflow:hidden; padding-top:40px; line-height:30px; text-align:center; color:#FFF; font-size:20px;}
#ability_content div dl dd{ width:465px; padding-left:40px; overflow:hidden;}
#ability_content div dl dd p{ line-height:24px; color:#353535; font-size:14px;}
#ability_content div dl dd a{ -webkit-transition:all 0.4s ease; position:absolute; width:247px; height:47px; line-height:48px; text-align:center; font-size:16px; color:#FFF; background:#1482b3; left:129px; bottom:23px;}
#ability_content div dl dd a:hover{ background:#24cbd5;}


#course{ width:980px; overflow:hidden; margin:0 auto; padding-left:80px;}
#course dl{ -webkit-transition:all 0.4s ease; float:left; width:207px; height:176px; margin-right:30px; overflow:hidden; border-top-right-radius:88px; border-bottom-left-radius:88px; position:relative; border:1px solid #b2d3de; padding-top:32px;}
#course dl dt{ width:100%; text-align:center; line-height:26px; font-size:22px; color:#1481a8; font-weight:bold;}
#course dl dd p{ height:56px; line-height:66px; text-align:center; color:#1481a8; font-size:18px;}
#course dl dd a{ position:absolute; width:127px; height:37px; line-height:36px; text-align:center; color:#1477a1; font-size:16px; border:1px solid #0e5e7f; left:37px; top:142px; border-radius:20px; -webkit-transition:all 0.4s ease;}
#course dl.se{ background:#2a8cb0; border:1px solid #2a8cb0;}
#course dl.se dt{ color:#FFF;}
#course dl.se dd p{ color:#FFF;}
#course dl.se dd a{ color:#FFF; border:1px solid #FFF;}

.answer{ width:544px; margin:0 auto; overflow:hidden; padding-left:516px;}
.answer dl{ width:506px; overflow:hidden; margin-bottom:38px;}
.answer dl dt{ idth:100%; text-align:left; line-height:36px; color:#0d4d7b; font-size:20px;}
.answer dl dt i{ line-height:36px; width:30px; margin-right:10px; text-align:center; display:inline-block;}
.answer dl dd{ line-height:36px; color:#353535; font-size:16px;}


.zx_foot{ width:594px; margin:0 auto; padding:186px 0 0 466px;}
.zx_foot a{ display:block; position:relative; width:70px; height:58px; background:url(../images/a_bg.png) no-repeat;  background-size:100% 100%; padding-top:14px; line-height:20px; font-size:16px; color:#5bcff1; text-align:center;}
.zx_foot a i{ position:absolute; bottom:0px; left:27px; color:#FFF; font-size:12px;}
.zx_foot a:hover{ background:url(../images/a_bg2.png) no-repeat; background-size:100% 100%; color:#5bcff1;}
.zx_foot a:hover i{ color:#5bcff1;}
 
.footer{ width:100%; background:url(../images/vept_19.jpg) center top no-repeat; height:247px; padding-top:46px; font-size:16px; color:#64facc; line-height:32px; text-align:center;}