@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body, p, dl, dd, blockquote, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, hr, legend, fieldset, textarea, img, form{ margin:0;padding:0;}
img, iframe,input{ border:none; vertical-align:top;}
li, ul, dl, dt, dd{ list-style:none;}
a{ text-decoration:none; color:#333;}/*a标签样式*/
a:hover{ text-decoration:none; color:#333;}/*a标签鼠标经过*/
body{ font-size:12px; font-family:微软雅黑;color:#333;}
.clear{clear:both;line-height:0;height:0;}
.part{width:100%;overflow:hidden;}
.center{width:1400px;margin:0 auto;overflow:hidden;position:relative;}
/*part1*/
#part1{width:1920px;height:1019px;background:url(http://pic2018.aaa-cg.com.cn/images/zt/dqd/img1/bg.jpg);position:relative;left:50%;margin-left:-960px;}
#part1 .qianduan{width:124px;height:242px;position:absolute;left:410px;top:74px;}
#part1 .houduan{width:70px;height:242px;position:absolute;right:396px;top:140px;}
#part1 .logo{width:280px;height:56px;position:absolute;left:832px;top:946px;}
#part1 .logo1{width:340px;height:208px;position:absolute;left:784px;top:248px;}
#part1 .button{width:142px;height:28px;position:absolute;left:896px;top:468px;}
#part1 .tecnoligy1{width:212px;height:252px;position:absolute;left:380px;top:500px;animation:tiao1 1.6s infinite;-webkit-animation:tiao1 1.6s infinite;-moz-animation:tiao1 1.6s infinite;-ms-animation:tiao1 1.6s infinite;-o-animation:tiao1 1.6s infinite;}
#part1 .tecnoligy2{width:222px;height:248px;position:absolute;left:518px;top:697px;animation:tiao2 1.6s infinite;-webkit-animation:tiao2 1.6s infinite;-moz-animation:tiao2 1.6s infinite;-ms-animation:tiao2 1.6s infinite;-o-animation:tiao2 1.6s infinite;}
#part1 .tecnoligy3{width:218px;height:248px;position:absolute;left:1200px;top:702px;animation:tiao3 1.6s infinite;-webkit-animation:tiao3 1.6s infinite;-moz-animation:tiao3 1.6s infinite;-ms-animation:tiao3 1.6s infinite;-o-animation:tiao3 1.6s infinite;}
#part1 .tecnoligy4{width:218px;height:248px;position:absolute;left:1338px;top:506px;animation:tiao4 1.6s infinite;-webkit-animation:tiao4 1.6s infinite;-moz-animation:tiao4 1.6s infinite;-ms-animation:tiao4 1.6s infinite;-o-animation:tiao4 1.6s infinite;}
@keyframes tiao1{
    0%{top:500px;}
    50%{top:515px;}
    100%{top:500px;}
}
@-webkit-keyframes tiao1{
    0%{top:500px;}
    50%{top:515px;}
    100%{top:500px;}
}
@-moz-keyframes tiao1{
    0%{top:500px;}
    50%{top:515px;}
    100%{top:500px;}
}
@-ms-keyframes tiao1{
    0%{top:500px;}
    50%{top:515px;}
    100%{top:500px;}
}
@-o-keyframes tiao1{
    0%{top:500px;}
    50%{top:515px;}
    100%{top:500px;}
}
@keyframes tiao2{
    0%{top:697px;}
    50%{top:710px;}
    100%{top:697px;}
}
@-webkit-keyframes tiao2{
    0%{top:697px;}
    50%{top:710px;}
    100%{top:697px;}
}
@-moz-keyframes tiao2{
     0%{top:697px;}
    50%{top:710px;}
    100%{top:697px;}
}
@-ms-keyframes tiao2{
    0%{top:697px;}
    50%{top:710px;}
    100%{top:697px;}
}
@-o-keyframes tiao2{
    0%{top:697px;}
    50%{top:710px;}
    100%{top:697px;}
}
@keyframes tiao3{
    0%{top:702px;}
    50%{top:715px;}
    100%{top:702px;}
}
@-webkit-keyframes tiao3{
    0%{top:702px;}
    50%{top:715px;}
    100%{top:702px;}
}
@-moz-keyframes tiao3{
    0%{top:702px;}
    50%{top:715px;}
    100%{top:702px;}
}
@-ms-keyframes tiao3{
    0%{top:702px;}
    50%{top:715px;}
    100%{top:702px;}
}
@-o-keyframes tiao3{
    0%{top:702px;}
    50%{top:715px;}
    100%{top:702px;}
}
@keyframes tiao4{
    0%{top:506px;}
    50%{top:520px;}
    100%{top:506px;}
}
@-webkit-keyframes tiao4{
    0%{top:506px;}
    50%{top:520px;}
    100%{top:506px;}
}
@-moz-keyframes tiao4{
    0%{top:506px;}
    50%{top:520px;}
    100%{top:506px;}
}
@-ms-keyframes tiao4{
    0%{top:506px;}
    50%{top:520px;}
    100%{top:506px;}
}
@-o-keyframes tiao4{
    0%{top:506px;}
    50%{top:520px;}
    100%{top:506px;}
}
/*part2*/
#part2{height:997px;}
#part2 .title{width:500px;height:180px;position:absolute;left:450px;top:40px;}
#part2 .daqianduan{width:476px;height:454px;position:absolute;left:468px;top:328px;}
#part2 .angular{width:315px;height:176px;position:absolute;left:268px;top:253px;}
#part2 .vue{width:315px;height:176px;position:absolute;left:816px;top:255px;}
#part2 .react{width:315px;height:176px;position:absolute;left:162px;top:466px;}
#part2 .xiaochenxu{width:315px;height:176px;position:absolute;left:930px;top:466px;}
#part2 .gulp{width:315px;height:176px;position:absolute;left:338px;top:665px;}
#part2 .sass{width:315px;height:176px;position:absolute;left:748px;top:665px;}
#part2 .message{width:570px;height:30px;position:absolute;left:414px;top:910px;}
/*part3*/
#part3{height:1096px;}
#part3 .title{width:844px;height:180px;position:absolute;left:282px;top:44px;}
#part3 .xinzi{width:444px;height:286px;position:absolute;left:260px;top:290px;transform:translate(0,5);-webkit-transform:translate(0,5);transition:transform 0.35s;-webkit-transition:-webkit-transform 0.35s;}
#part3 .pinjunxinzi{width:444px;height:286px;position:absolute;left:780px;top:274px;}
#part3 .jingyan{width:546px;height:328px;position:absolute;left:168px;top:650px;}
#part3 .gongziqushi{width:476px;height:320px;position:absolute;left:740px;top:650px;}
#part3 .message{width:556px;height:46px;position:absolute;left:422px;top:1016px;}
#part3 .xinzi:hover{transform:translate(0,10);-webkit-transform:translate(0,10);}
/*part4*/
#part4{height:1001px;}
#part4 .title{width:496px;height:164px;position:absolute;left:450px;top:62px;}
#part4 .ruxue{width:1100px;height:124px;position:absolute;left:150px;top:333px;}
#part4 .jiuye{width:1100px;height:124px;position:absolute;left:150px;top:497px;}
#part4 .jingying{width:1100px;height:124px;position:absolute;left:150px;top:671px;}
#part4 .button{width:284px;height:70px;position:absolute;left:556px;top:866px;overflow:hidden;}
#part4 .baitou{width:217px;height:225px;position:absolute;left:-196px;top:-172px;z-index:10;-webkit-transition:all 0.6s;}
#part4 .button:hover .baitou{left:200px;top:44px;}
/*part5*/
#part5{height:1338px;}
#part5 .title{width:506px;height:146px;position:absolute;left:450px;top:50px;}
#part5 .xinzi{width:1100px;height:274px;position:absolute;left:168px;top:278px;background:url(http://pic2018.aaa-cg.com.cn/images/zt/dqd/img5/xinzi.png);}
#part5 .xinzi .num1,#part5 .xinzi .num2{width:170px;height:85px;font-size:106px;color:#0B0D1A;font-family:微软雅黑;font-weight:bold;}
#part5 .xinzi .num1{position:absolute;left:452px;top:36px;}
#part5 .xinzi .num2{position:absolute;left:808px;top:37px;}
#part5 .table{width:1054px;height:565px;position:absolute;left:132px;top:564px;background:url(http://pic2018.aaa-cg.com.cn/images/zt/dqd/img5/tablebg.png);padding:75px 0px 0px 68px;}
#part5 .table .jiuye-content{width:1096px;height:25px;}
#part5 .table .jiuye-content li{float:left;font-size:15px;text-align:center;}
#part5 .table .jiuye-content .name{width:50px;margin-right:96px;}
#part5 .table .jiuye-content .xueli{width:60px;margin-right:54px;}
#part5 .table .jiuye-content .zhuanye{width:160px;margin-right:32px;}
#part5 .table .jiuye-content .gongsi{width:220px;margin-right:96px;}
#part5 .table .jiuye-content .studentxinzi{width:50px;margin-right:67px;}
#part5 .table .jiuye-content .time{width:130px;}
#part5 .button{width:282px;height:66px;position:absolute;left:552px;top:1220px;overflow:hidden;}
#part5 .baitou{width:217px;height:225px;position:absolute;left:-196px;top:-172px;z-index:10;-webkit-transition:all 0.6s;}
#part5 .button:hover .baitou{left:200px;top:44px;}
/*part6*/
#part6{height:1732px;}
#part6 .title{width:506px;height:146px;position:absolute;left:450px;top:62px;}
#part6 .pc-list li,#part6 .mobile-list li,#part6 .works-list li{width:324px;height:273px;float:left;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;}
#part6 .pc-list li:hover,#part6 .mobile-list li:hover,#part6 .works-list li:hover{
    transform:translate3d(0,-10px,4px);-webkit-transform:translate3d(0,-10px,4px);-moz-transform:translate3d(0,-10px,4px);-ms-transform:translate3d(0,-10px,4px);-o-transform:translate3d(0,-10px,4px);box-shadow:2px 2px 20px 3px rgba(3, 14, 225,0.99);
}
#part6 .pc-list .pc2,#part6 .mobile-list .mobile2,#part6 .title-list .player,#part6 .works-list .player1{margin:0 55px;}
#part6 .title-list li{width:324px;height:146px;float:left;}
#part6 .pc{width:676px;height:66px;position:absolute;left:158px;top:308px;}
#part6 .pc-list{position:absolute;left:158px;top:410px;}
#part6 .mobile{width:294px;height:66px;position:absolute;left:158px;top:736px;}
#part6 .mobile-list{position:absolute;left:158px;top:840px;}
#part6 .title-list{position:absolute;left:158px;top:1164px;}
#part6 .works-list{position:absolute;left:158px;top:1268px;}
#part6 .button{width:282px;height:63px;position:absolute;left:555px;bottom:52px;overflow:hidden;}
#part6 .baitou{width:217px;height:225px;position:absolute;left:-196px;top:-172px;z-index:10;-webkit-transition:all 0.6s;}
#part6 .button:hover .baitou{left:200px;top:44px;}
/*part7*/
#part7{height:925px;}
#part7 .title{width:498px;height:172px;position:absolute;left:453px;top:50px;}
#part7 .content{width:1100px;height:442px;position:absolute;left:150px;top:298px;}
#part7 .content .part7-title-list{width:273px;height:442px;float:left;}
#part7 .title1{background:url(http://pic2018.aaa-cg.com.cn/images/zt/dqd/img7/title1_1.png);}
#part7 .title2{background:url(http://pic2018.aaa-cg.com.cn/images/zt/dqd/img7/title2_1.png);}
#part7 .title3{background:url(http://pic2018.aaa-cg.com.cn/images/zt/dqd/img7/title3_1.png);}
#part7 .title4{background:url(http://pic2018.aaa-cg.com.cn/images/zt/dqd/img7/title4_1.png);}
#part7 .title5{background:url(http://pic2018.aaa-cg.com.cn/images/zt/dqd/img7/title5_1.png);}
#part7 .title6{background:url(http://pic2018.aaa-cg.com.cn/images/zt/dqd/img7/title6_1.png);}
#part7 .title7{background:url(http://pic2018.aaa-cg.com.cn/images/zt/dqd/img7/title7_1.png);}
#part7 .content .part7-title-list li{width:273px;height:47px;margin-bottom:20px;}
#part7 .content .part7-title-list #no-bottom{margin-bottom:0;}
#part7 .content .part7-content-list{width:827px;height:442px;float:left;background:url(http://pic2018.aaa-cg.com.cn/images/zt/dqd/img7/bg1.png);position:relative;}
#part7 .content .part7-content-list li{position:absolute;left:48px;top:25px;display:none;}
#part7 .content .part7-content-list .current{display:block;}
#part7 .button{width:280px;height:65px;position:absolute;left:555px;bottom:46px;overflow:hidden;}
#part7 .baitou{width:217px;height:225px;position:absolute;left:-196px;top:-172px;z-index:10;-webkit-transition:all 0.6s;}
#part7 .button:hover .baitou{left:200px;top:44px;}
/*part8*/
#part8{height:1090px;}
#part8 .title{width:500px;height:160px;position:absolute;left:452px;top:78px;}
#part8 .works-list{width:1100px;height:250px;position:absolute;left:150px;top:300px;}
#part8 .works-list li,#part8 .mobile-list li{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition:-webkit-transform 1s;-webkit-transition:-webkit-transform 1s;-moz-transition:-webkit-transform 1s;-ms-transition:-o-transform 1s;}
#part8 .works-list li:hover,#part8 .mobile-list li:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);}
#part8 .works-list li{width:360px;height:250px;float:left;}
#part8 .works-list .work2{margin:0 10px;}
#part8 .mobile-list{width:1100px;height:350px;position:absolute;left:150px;top:593px;}
#part8 .mobile-list li{width:173px;height:350px;float:left;margin-right:11px;}
#part8 .mobile-list #mobile8{margin-right:0;}
#part8 .button{width:280px;height:63px;position:absolute;left:555px;bottom:58px;overflow:hidden;}
#part8 .baitou{width:217px;height:225px;position:absolute;left:-196px;top:-172px;z-index:10;-webkit-transition:all 0.6s;}
#part8 .button:hover .baitou{left:200px;top:44px;}
/*part9*/
#part9{height:1286px;}
#part9 .title{width:500px;height:160px;position:absolute;left:412px;top:49px;}
#part9 .teachers-list{width:1200px;height:800px;position:absolute;left:100px;top:285px;}
#part9 .teachers-list li{float:left;margin-right:2px;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition:-webkit-transform 1s;-webkit-transition:-webkit-transform 1s;-moz-transition:-webkit-transform 1s;-ms-transition:-o-transform 1s;}
#part9 .teachers-list li:hover{transform:translateY(-15px);-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);box-shadow:0px 10px 10px -7px rgba(184,55,222,0.4);}
#part9 .button{width:280px;height:64px;position:absolute;left:555px;top:1165px;overflow:hidden;}
#part9 .baitou{width:217px;height:225px;position:absolute;left:-196px;top:-172px;z-index:10;-webkit-transition:all 0.6s;}
#part9 .button:hover .baitou{left:200px;top:44px;}
/*part10*/
#part10{height:383px;}
#part10 .yuyue{width:1200px;height:224px;border:1px solid #4492dc;position:absolute;left:100px;top:57px;padding-top:46px;}
#part10 .yuyue .zhanzuo{width:1005px;height:32px;margin:0 auto;}
#part10 .yuyue .baoming{width:937px;height:110px;margin:0 auto;margin-top:44px;}
#part10 .yuyue .baoming li{float:left;margin-bottom:21px;}
#part10 .yuyue .baoming .name,#part10 .yuyue .baoming .location{margin-right:32px;}
#part10 .yuyue .baoming .phone,#part10 .yuyue .baoming .qq{margin-right:77px;}
#part10 .yuyue .baoming li i,#part10 .yuyue .baoming li span,#part10 .yuyue .baoming li input,#part10 .yuyue .baoming li select{display:block;float:left;}
#part10 .yuyue .baoming li i{color:#E22F30;}
#part10 .yuyue .baoming li span{width:72px;font-size:18px;color:#707070;line-height:34px;margin-right:5px;text-align:center;}
#part10 .yuyue .baoming li input{width:210px;height:34px;border:1px solid #CBCBCB;padding-left:4px;}
#part10 .yuyue .baoming li select{width:216px;height:34px;border:1px solid #CBCBCB;padding-left:4px;}
#part10 .yuyue .baoming .anniu{width:216px;height:38px;background:#4492DC;color:white;text-align:center;line-height:38px;border-radius:2px;}
#part10 .yuyue .baoming .tishi{width:216px;}
#part11{height:455px;}
/*part11*/
#part11 .map{width:910px;height:455px;position:absolute;left:100px;bottom:-1px;}
#part11 .tel{width:183px;height:91px;position:absolute;right:98px;top:163px;}