@charset "gb2312";
/*-------------初始化----------------*/
/****  文字大小初始化,使1em=10px *****/
body{font-size:62.5%; min-width:1000px;}/* for IE/Win */
html>body{font-size:12px;} /* for everything else */
/*字体边框等初始化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td,img{padding:0; margin:0; font-size:12px;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img,input{border:0;}
address,caption,cite,code,dfn,th,var{font-weight:normal; font-style:normal;}
ol,ul,li{list-style:none; vertical-align:top;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{text-decoration:none; outline:none;}
a img{border:none;}/*for IE*/
a:active{star:expression(this.onFocus=this.blur());}/*点击虚框去除*/
/*--------------end------------*/
body{background:#fff; font-size:14x; font-family:'微软雅黑'; color:#444;}
.ztgd{ -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.pr{ position:relative; top:0;}
.pr:hover{ top:-5px;}
#header{}
.bw{width:1201px;margin:0 auto}
.head_one{height:30px;background:#f8f8f8;border-bottom:1px solid #eeeeee;color:#666666;font-size:14px;}
.h_left{float:left;margin-top:3px}
.h_left ul li{float:left}
.h_ts_li{background:url(http://www.ahxh.cn/statics/images/feliz/phone.gif) no-repeat;padding-left:20px;background-position:5px 5px}
.h_ts_li2{padding:0 5px}
.h_right{float:right;margin-top:3px}
.h_right ul li{float:left;}
.head_two{padding:10px 0}
.head_two_left{float:left}
.head_two_right{float:right}
#main_bottom{background:#f3f4f6; margin-top:10px;padding-bottom:10px;}
.endlink td {text-align: center;padding-top: 10px;padding-bottom: 10px;border-bottom:1px solid #555555}
.andone{text-align:center}
.andone p{line-height:30px;color:#555555;font-size:15px}
.jet{margin-top:20px}
.jet a{color:#555555}
.line{background-image: url(http://www.ahxh.cn/statics/images/feliz/line.jpg);background-repeat: no-repeat;background-position: left center;}

/*--------------banner------------*/
.ban{ width:100%; height:730px; overflow:hidden; position:relative;}
#Mycanvas{ z-index:9;}
.ban .inner{ width:1200px; height:730px; position:absolute; left:50%; top:0; margin-left:-600px;}
.ban .banbox{ width:1200px; height:730px; position:relative;}
.ban .banbox img{ display:block; margin:0 auto 8px; z-index:99;}
.ban .banbox .abox{ width:435px; position:absolute; left:385px; bottom:3px; z-index:999;}
.ban .banbox .abox a{ display:block; width:176px; height:46px; text-align:center; line-height:46px; font-size:22px; font-weight:bold; background:#fff10a; color:#00a4d8; border-bottom:8px solid #d5c906; border-radius:50px; float:left;}
.ban .banbox .abox .a_r{ background:#fe711c; color:#fff; border-bottom-color:#cd550c; float:right;}
.ban .banbox .abox a:hover{ height:54px; line-height:54px; border:none;}
.ban .zs{ display:block; position:absolute; left:50%; top:43px; margin-left:-860px; animation: yun 2s linear infinite alternate;  -moz-animation: yun 2s linear infinite alternate; -webkit-animation: yun 2s linear infinite alternate; -o-animation: yun 2s linear infinite alternate;}
.ban .zs2{ top:53px; margin-left:500px; animation: yun1 2s linear infinite alternate;  -moz-animation: yun1 2s linear infinite alternate; -webkit-animation: yun1 2s linear infinite alternate; -o-animation: yun1 2s linear infinite alternate;}
/*box7 职业发展先人一步一下样式*/
.box7_h1{background: #4bcbd7;width: 100%;height: 98px;text-align: center;font-size: 42px;line-height: 98px;color: #ffffff;}
.box7{background: #d3fbff;}
.box7_content{background: #d3fbff; width:1200px; margin: 0 auto;  padding: 50px 0; overflow: hidden}
.img1{display: inline-block;padding-left: 75px;}
.img2{display: inline-block;margin-left: 20px; margin-top: 15px;}
.img3{ 468px;display: inline-block; padding-left: 15px;}

/*头图上下浮动动画*/
/*box8 python*/

@keyframes yun
{
from {top: 43px;}
to {top: 35px;}
}

@-moz-keyframes yun /* Firefox */
{
from {top: 43px;}
to {top: 35px;}
}

@-webkit-keyframes yun /* Safari 和 Chrome */
{
from {top: 43px;}
to {top: 35px;}
}

@-o-keyframes yun /* Opera */
{
from {top: 43px;}
to {top: 35px;}
}
/*头图上下浮动动画1*/
@keyframes yun1
{
from {top: 53px;}
to {top: 58px;}
}

@-moz-keyframes yun1 /* Firefox */
{
from {top: 53px;}
to {top: 58px;}
}

@-webkit-keyframes yun1 /* Safari 和 Chrome */
{
from {top: 53px;}
to {top: 58px;}
}

@-o-keyframes yun1 /* Opera */
{
from {top: 53px;}
to {top: 58px;}
}

/*-------------全局样式------------*/
.box{ width:100%; overflow:hidden; padding:45px 0;}
.box .box_in{ width:1200px; margin:0 auto; position:relative; overflow:hidden; }
.box h2{width:655px; height:135px; margin:0 auto 30px; background:url(../images/h2_1.jpg) no-repeat center top; text-indent:-999px;}
.box ul{ width:100%; overflow:hidden;}
.box img{ display:block;}
.box .ztbtn{ display:block; width:270px; margin:0 auto; height:54px; text-align:center; line-height:54px; background:#27b5f5; border-bottom:6px solid #1390c8; color:#fff; font-size:22px; border-radius:50px;}
.box .ztbtn:hover{ height:60px; line-height:60px; border:none;}

.box1{ background:url(../images/box1bg.jpg);}
.box1 .ulbox{ width:1100px; background:url(../images/box15.png) no-repeat right top;}
.box1 .ulbox ul{ margin-left:160px; padding-top:4px;}
.box1 .ulbox li{ margin-bottom:5px;}
.box1 .ulbox li img{ height:72px;}

.box2 .con2{ width:1100px; overflow:hidden; margin-bottom:30px;}
.box2 .con2 h3{ font-size:24px; text-align:center; margin-bottom:10px;}
.box2 .con2 .con2_l{ width:542px; float:left;}
.box2 .con2 .con2_r{ width:463px; float:right;}

.box2s h2{width:589px; height:170px; background-image:url(../images/h2_2.jpg); margin-bottom:0;}

.box3{ background:#cbf2ff;}
.box3 .con3{ width:100%; overflow:hidden;}
.box3 .con3 .con3_l{ width:590px; height:370px; float:left; position:relative; background:url(../images/box31.jpg) no-repeat right top;}
.box3 .con3 .con3_r{ float:right; background:url(../images/box32.jpg) no-repeat left top;}
.box3 .con3 .con3_l img{ width:310px; height:300px; position:absolute; left:0; top:66px;}
.box3 .con3 .con3_r img{ left:279px;}
.box3 .con3 .con3_l:hover img{ left:5px; top:70px;}
.box3 .con3 .con3_r:hover img{ left:274px;}

.box4{ background:url(../images/box1bg.jpg); padding:0;}
.box4 .box_in{ width:930px; height:650px; background:url(../images/box4bg.png) no-repeat center; position:relative; overflow:hidden;}
.box4 .box_in h3{ width:498px; height:111px; background:url(../images/box41.png) no-repeat center; margin:260px auto 0;}
.box4 .box_in img{ position:absolute;}
.box4 .box_in .ztpic1{ left:65px; top:106px;}
.box4 .box_in .ztpic2{ left:0px; top:262px;}
.box4 .box_in .ztpic3{ left:56px; bottom:67px;}
.box4 .box_in .ztpic4{ left:232px; bottom:123px;}
.box4 .box_in .ztpic5{ left:390px; bottom:61px;}
.box4 .box_in .ztpic6{ right:230px; bottom:147px;}
.box4 .box_in .ztpic7{ right:73px; bottom:26px;}
.box4 .box_in .ztpic8{ right:0px; bottom:189px;}
.box4 .box_in .ztpic9{ right:25px; bottom:342px;}
.box4 .box_in .ztpic10{ right:186px; top:65px;}
.box4 .box_in .ztpic11{ left:311px; top:57px;}
.box4 .box_in img:hover{ -webkit-transform: scale(.96); -moz-transform: scale(.96); -ms-transform: scale(.96); -o-transform: scale(.96); transform: scale(.96);}

.box5{ padding-top:0;}
.box5 h2{width:590px; height:225px; background-image:url(../images/h2_3.jpg);}
.box5 .ulbox{ width:940px; overflow:hidden; margin:0 auto; position:relative;}
.box5 .ulbox .fgx{ height:570px; width:1px; background:#000; position:absolute; left:465px; top:110px;}
.box5 .ulbox ul{ width:1090px;}
.box5 .ulbox li{ width:395px; float:left; margin:0 150px 20px 0; color:#000; overflow:hidden;}
.box5 .ulbox li h3{ font-size:30px; margin-bottom:10px; text-align:center;}
.box5 .ulbox li p{ font-size:16px; line-height:28px; text-align:center;}
.box5 .ulbox .picbox{ display:block; width:196px; height:220px; margin:0 auto;}
.box5 .ulbox .picbox .sticker-img{ background:url(../images/box51.png) no-repeat center;}
.box5 .ulbox .picbox1 .sticker-img{ background-image:url(../images/box52.png);}
.box5 .ulbox .picbox2 .sticker-img{ background-image:url(../images/box53.png);}
.box5 .ulbox .picbox3 .sticker-img{ background-image:url(../images/box54.png);}

.box6{ padding:0; position:relative;}
.box6 .box6bg div{ width:100%; height:182px; background:url(../images/box6bg_01.jpg) no-repeat center top;}
.box6 .box6bg .div1{ background-image:url(../images/box6bg_02.jpg);}
.box6 .box6bg .div2{ background-image:url(../images/box6bg_03.jpg);}
.box6 .box6bg .div3{ background-image:url(../images/box6bg_04.jpg);}
.box6 .box6bg .div4{ background-image:url(../images/box6bg_05.jpg);}
.box6 .box_in{ position:absolute; left:50%; top:50px; margin-left:-600px;}
.box6 .hd{ font-size:50px; color:#fff; text-align:center; margin-bottom:40px;}
.box6 .slideGroup{ width:1160px; margin:0 auto; overflow:hidden;}
.box6 .slideGroup .parHd{position:relative; width:374px; height:561px; float:left; background:url(../images/box61.png) no-repeat left center;}
.box6 .slideGroup .parHd ul{ width:322px; position:absolute; left:52px; top:24px; overflow:visible;}
.box6 .slideGroup .parHd ul li{cursor:pointer; width:322px; height:135px; padding-top:36px;}
.box6 .slideGroup .parHd ul li h3{ font-size:34px; text-align:center; margin-bottom:15px;}
.box6 .slideGroup .parHd ul li p{ font-size:24px; text-align:center;}
.box6 .slideGroup .parHd ul li.on{ background:url(../images/box62.png) no-repeat 300px 0;}
.box6 .slideGroup .slideBox{ overflow:hidden; zoom:1; position:relative; width:765px; height:460px; float:right; background:#f1fbff url(../images/pc.jpg) no-repeat center top; padding-top:54px; margin-top:24px;}
.box6 .slideGroup .slideBox1{ background-image:url(../images/sjwj.jpg);}
.box6 .slideGroup .slideBox2{ background-image:url(../images/web.jpg);}
.box6 .slideGroup .parBd ul{ overflow:hidden; zoom:1; }
.box6 .slideGroup .parBd ul li{ height:42px; line-height:42px;}
.box6 .slideGroup .parBd ul li p{ font-size:16px;}
.box6 .slideGroup .parBd ul li p span{ display:inline-block; float:left; text-align:center; width:75px;}
.box6 .slideGroup .parBd ul li p .span2{ width:60px;}
.box6 .slideGroup .parBd ul li p .span3{ width:245px;}
.box6 .slideGroup .parBd ul li p .span4{ width:95px; color:#018bad; font-weight:bold;}
.box6 .slideGroup .parBd ul li p .span5{ width:290px;}
.box6 .ztbtn{ background:#fffc0b; border-bottom-color:#dad80c; color:#444; margin-top:70px;}
/*职业发展 先人一步*/
.box7{ padding-top:0;}
.box7 h2{width:435px; height:198px; background-image:url(../images/h2_4.jpg);}
.box7 .con7{ overflow:hidden; position:relative; padding-top:16px; margin-bottom:24px;}
.box7 .con7 .con7_l{ width:600px; float:left;}
.box7 .con7 h3{ font-size:30px; text-align:center; margin-bottom:30px;}
.box7 .con7 img{ width:600px; height:599px;}
.box7 .con7 .vs{ display:block; width:120px; height:90px; background:url(../images/vs.png) no-repeat center; position:absolute; left:540px; top:10px; animation:scaleBtn 0.8s infinite;-moz-animation:scaleBtn 0.8s infinite; -webkit-animation:scaleBtn 0.8s infinite; -o-animation:scaleBtn 0.8s infinite;}
.box7 .car{ margin:0 auto;}
/*循序渐进学透"人工智能＋Python"*/
.box8{width: 100%;background: #fff;}
.box8 .h2hd{ text-align:center; margin-bottom:50px;color: #006ba4; font-size: 40px;}
.box8 .h2hd h3{ margin-bottom:5px;margin: 44px 0;}
.box8_top_right{width: 332px;height: 22px; padding:8px 48px; border: 1px solid #006ba4; margin-left: 10px;font-size: 28px; position: relative; bottom:5px;}
.box8 .h2hd p{ font-size:40px;}
.box8 .one{background: url("../images/one.png") no-repeat;padding:3px 0 12px 30px ;}
.box8 .two{background: url("../images/two.png") no-repeat;padding:3px 0 14px 30px ;}
.box8 .three{background: url("../images/three.png") no-repeat;padding:3px 0 12px 30px ;}
.box8 .three1{background: url("../images/04.png") no-repeat;padding:3px 0 12px 30px ;}
.box8 .three2{background: url("../images/05.png") no-repeat;padding:3px 0 12px 30px ;}
.box8 .six{background: url("../images/six.png") no-repeat;padding:3px 0 12px 30px ;}
.box8 .box8-img5{background: url("../images/05.png") no-repeat;padding:3px 0 12px 30px ;}
.box8 .pskc{width: 1148px; margin: 0 auto; position: relative;}
.box8 .pskc .line{width:1147px; height: 112px; background:url(../images/linebig.png) no-repeat; position: absolute; right:0; top:500px;}
.box8 .pskc .line2{width:1189px; height: 464px; background:url(../images/ps2.png) no-repeat; position: absolute; right:0; top:800px;}
.box8 .pskc .line3{width:1142px; height: 325px; background:url(../images/python_line3.png) no-repeat; top:885px; left: -38px; right: inherit;}
.box8 .pskc .line4{width:448px; height: 311px; background:url(../images/python_line4.png) no-repeat; top:1808px; right: 44px;}
.box8 .pskc .abtn{position: absolute; bottom:0px; left:432px;}
.box8 .pskc .pshxbc{width: 520px;height: 504px; display: inline-block; margin-right: 50px; margin-bottom: 70px; position: relative; z-index: 2;}
.box8 .pskc .pshxbc2 .pshxdht01_nr{height: 200px;}
.box8 .pskc .pshxbc2 .psggt_ky3_bd{height: 322px;}
.box8 .pskc .pshxdht{width: 30px;height: 445px;}
.box8 .pskc .pshxdht01{position: absolute;left: 40px;top: -8px;}
.box8 .pskc .pshxdht01_cl{background: #4bcbd7;color: #FFFFFF;font-size:19px;padding:6px;text-align: center;float: left;margin-right: 20px;float: left;.box8 .pskc }
.box8 .pskc .ps_w{width: 520px;margin-top: 20px; overflow: hidden}
.box8 .pskc .pshxdht01_cr{color: #23b6c4;font-size: 18px;width: 335px; height: 100px; float: left; overflow: auto;}
.box8 .pskc .pshxdht01_cr li{font-size: 14px; line-height: 24px;}
.box8 .pskc .pshxdht01_jjl{background: #006ba4;color: #FFFFFF;font-size:19px;padding:6px;text-align: center;float: left;margin-right: 20px;float: left.box8 .pskc ;}
.box8 .pskc .pshxdht01_jjr{color: #175678;font-size: 18px;width: 312px;height: 73px;float: left;}
.box8 .pskc .pshxdht01_jjr li{font-size: 14px; line-height: 24px;}
.box8 .pskc .top_h{color: #006ba4;font-size: 28px;font-weight: bold !important;}
.box8 .pskc .pshxdht01_nr{width: 440px;height: 170px;background: #d3fbff;border-radius: 22px;padding:15px 5px  15px 23px}
.box8 .pskc .pshxdht01_nr_top{color: #478fb8;font-size: 22px;display: inline-block;text-align: left; padding-bottom: 10px;}
.box8 .pskc .pshxdht01_jjwth{height: 100px;}
.box8 .pskc .psggt_ky1{width: 20px;height: 20px;border:2px solid #77cff2;border-radius:12px;margin: 0 auto;}
.box8 .pskc .psggt_ky2{width: 16px;height: 16px;background: #4bcbd7;border-radius:10px; margin: 0 auto;}
.box8 .pskc .psggt_ky3{width: 16px;height: 16px;background: #006ba4;border-radius:10px; margin: 0 auto;}
.box8 .pskc .psggt_ky1_bd{width: 1px;height: 48px;margin: 0 auto;background: #20b0e9;}
.box8 .pskc .psggt_ky2_bd{width: 1px;height: 68px;margin: 0 auto;background: #20b0e9;}
.box8 .pskc .psggt_ky3_bd{width: 1px;height: 292px;margin: 0 auto;background: #20b0e9;}
.box8 .pskc .pshxdht01_nr ul li{font-size: 13px;color: #333333;width: 50%;float: left;font-family: "微软雅黑";margin-top: 6px;text-align: left;}
.box8 .pskc .pshxdht01_nr div p{font-size: 14px;color: #333333; font-family: "微软雅黑";margin-top: 3px;text-align:left;}

/*项目升级 学以致用*/
.box9{ padding:0; position:relative; background:#eff9fe url(../images/xm_bg.jpg) no-repeat center 30px; margin-top:216px;}
.box_box9{overflow: visible !important; padding-bottom: 30px;}
.box9 .con9{ width:1200px; position:relative;}
.box9 .con9 .h3hd{ font-size:60px; line-height:70px; position:absolute; left:95px; top:0;}
.box9 .xyjy_h{font-size: 44px; font-weight: bold;color: #006ba4; text-align: center; padding-bottom: 40px;}
.box9 .xyjy .xyjy_h span{color: #006ba4;font-size: 44px;font-weight: 400;}
.box9 .con9 .tabt{ position:absolute; left:95px; top:-135px;}
.box9 .con9 .tabt ul{overflow: visible; text-align: center;}
.box9 .con9 .tabt li{float: left; width:300px; height:36px; padding-left:40px; text-align:left; line-height:36px; background:#15aaff; color:#fff; font-size:18px; font-weight:bold; margin-bottom:16px; border-radius: 20px 20px 0px 0px; cursor:pointer;}
.box9 .con9 .tabt li.zxts{ background:#ff4444; height: 46px; line-height: 46px; position: relative; bottom:10px;}
.box9 .con9 .tabc .mains{ width:1200px; margin:0 auto; overflow:hidden; display:none;}
.box9 .con9 .tabc .nowmains{ display:block;}
.box9 .mains .slidebox{width:708px; height: 426px; border:10px solid #8ACBD9; overflow:hidden; position:relative; margin:65px 0 50px 455px;}
.box9 .mains .slidebox .hd{ height:15px; background:url(../images/bg.png); padding:5px 5px 0 10px; overflow:hidden; position:absolute; right:300px; bottom:20px; z-index:9999; }
.box9 .mains .slidebox .hd ul{ overflow:hidden; zoom:1; float:left;}
.box9 .mains .slidebox .hd ul li{ float:left; margin-right:5px; width:10px; height:10px; text-align:center; background:#ff4444; cursor:pointer;}
.box9 .mains .slidebox .hd ul li.on{ width:15px;}
.box9 .mains .slidebox .bd{ position:relative; height:100%; z-index:999;}
.box9 .mains .slidebox .bd li{ zoom:1; vertical-align:middle; }
.box9 .mains .slidebox .bd img{ width:708px; height:426px;}
.box9 .mains .txtbox{ margin-left:75px; overflow:hidden;}
.box9 .mains .txtbox h3{ font-size:30px; color:#006ba4; margin-bottom:23px;}
.box9 .mains .txtbox p{ font-size:14px; line-height:24px;color: #e5f5fd;}
.box9 .mains .txtbox .xmjj{width: 410px;position: absolute;left:0px;top: 86px;}
.box9 .mains .txtbox .xmts{width: 434px; position: absolute;left:0px;top: 290px;}
.box9 .mains .txtbox .xmts{ width:440px; float:right;}
.box9 .mains .txtbox .xmts h3{font-size:20px; margin-bottom: 10px;}
.box9 .mains .txtbox .xmts p{ font-size:12px; line-height:22px;color: #2377ab;}

.box10{ padding-top:0;}
.box10 h2{width:910px; height:140px; background-image:url(../images/h2_5.jpg); margin-bottom:0;}
.box10 .con10{width:1100px; background:url(../images/box1bg2.jpg) no-repeat center 90px; margin:0 auto 45px;}
.box10 .picScroll-left{ width:1100px; position:relative; }
.box10 .picScroll-left .hd{ overflow:hidden; height:30px; position:absolute; bottom:-48px; left:45%; z-index:999;}
.box10 .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.box10 .picScroll-left .hd ul li{ float:left; width:11px; height:11px; border-radius:50px; background:#677880; overflow:hidden; margin-right:7px; cursor:pointer; text-indent:-999px; }
.box10 .picScroll-left .hd ul li.on{ background:#2EC4F7;}
.box10 .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.box10 .picScroll-left .bd li{ float:left; width:225px; padding-left: 40px;}
.box10 .picScroll-left .bd li .mydiv{ width:100%; overflow:hidden;}
.box10 .picScroll-left .bd li .picbox img{ width:178x; height:185px; margin:0 auto;}
.box10 .picScroll-left .bd li .txtbox{ height:234px; float:left;}
.box10 .picScroll-left .bd li .txtbox h3{ font-size:26px; text-align:center; line-height:30px; padding-bottom:8px; margin-bottom:7px; color:#fff;}
.box10 .picScroll-left .bd li .txtbox h3 span{ font-size:16px;}
.box10 .picScroll-left .bd li .txtbox p{ font-size:13px; line-height:20px;}
.box10 .picScroll-left .bd li .mydiv:hover img{ top:-5px;}

.box11{ background:#61CCD6;}
.box11 .h3hd{ margin:0 auto 30px; color:#fff; text-align:center;}
.box11 .h3hd h3{ font-size:50px;}
.box11 .h3hd p{ font-size:26px;}
.box11 .con11{ width:1006px; margin:0 auto; overflow:hidden;}
.box11 .con11 ul{ width:1042px;}
.box11 .con11 li{ width:302px; height:180px; margin:0 35px 12px 0; float:left; border:4px dotted #61CCD6; border-radius:15px; position:relative; overflow:hidden;}
.box11 .con11 li div{  width:292px; height:200px; overflow:hidden; border-radius:15px;}
.box11 .con11 li .now img{ width:140px; height:150px; margin:15px auto 0;}
.box11 .con11 li .hov{height:170px;  position:absolute; top:210px; left:0; border:4px dotted #fff;}
.box11 .con11 li .hov p{ width:245px; padding:15px; margin:5px auto; height:130px;  font-size:15px; line-height:22px; text-align:center; background:#fff; color:#298B94;}
.box11 .con11 li:hover .hov{ top:0px;}
.boxabtn{background:#688897;}
.boxabtn .ztbtn{ background:#fffc0b; border-bottom-color:#dad80c; color:#444;}
/*--------------vs动画------------*/
@keyframes  scaleBtn {
    0%{
        transform:scale(1);
        opacity:1;
    }
    50%{
        transform:scale(0.9);
        opacity:0.9;
    }
    100%{
        transform:scale(1);
        opacity:1;
    }
}
@-webkit-keyframes scaleBtn{
    0%{
        -webkit-transform:scale(1);
        opacity:1;
    }
    50%{
        -webkit-transform:scale(0.9);
        opacity:0.9;
    }
    100%{
        -webkit-transform:scale(1);
        opacity:1;
    }
}
@-moz-keyframes scaleBtn{
    0%{
        -moz-transform:scale(1);
        opacity:1;
    }
    50%{
        -moz-transform:scale(0.9);
        opacity:0.9;
    }
    100%{
        -moz-transform:scale(1);
        opacity:1;
    }
}