/*
@author: sunke
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;min-width:1200px;background:#fff;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.layout{width:1200px;margin:0 auto;}
.common-mod{ position:relative;}
.common-mod .tab-tit{ position:absolute; left:0; top:90px;}
.common-mod .tab-tit .btn{ display:block; height:62px; line-height:62px; font-size:18px; color:#021a50; padding-left:55px; text-decoration:none; opacity:.5;}
.common-mod .tab-tit .btn.on{ font-weight:bold; opacity:1;}
.common-mod .tab-tit .btn.ico01{ background:url("/images/zhuanti/2017newApp/2024/nav01.png") no-repeat 18px center;}
.common-mod .tab-tit .btn.ico02{ background:url("/images/zhuanti/2017newApp/2024/nav02.png") no-repeat 18px center;}
.common-mod .tab-tit .btn.ico02.on{ color:#fff;}
.common-mod .tab-tit .btn.ico03{ background:url("/images/zhuanti/2017newApp/2024/nav03.png") no-repeat 18px center;}
.common-mod .tab-tit .btn.ico04{ background:url("/images/zhuanti/2017newApp/2024/nav04.png") no-repeat 18px center;}
.common-mod .tab-tit .btn.ico04.on{ color:#fff;}
.common-mod .tab-tit .btn.ico05{ background:url("/images/zhuanti/2017newApp/2024/nav05.png") no-repeat 18px center;}
.common-mod .tab-tit .btn.ico06{ background:url("/images/zhuanti/2017newApp/2024/nav06.png") no-repeat 18px center;}
.common-mod .tab-tit .btn.ico06.on{ color:#fff;}
.common-mod .tab-tit.white-tags .btn{ color:#fff;}

/**/
.topHeader-wrap{ width:100%; height:599px; background:url("/images/zhuanti/2017newApp/2024/topHeader.jpg") no-repeat center top; margin-top:81px;}
.topHeader-mod{ height:599px;}
.topHeader-mod .text01{ left:620px; top:180px; -webkit-animation:tada 5s ease infinite .8s; animation:tada 5s ease infinite .8s;}
.topHeader-mod .ico01{ width:113px; height:69px; left:-30px; top:0; background:url("/images/zhuanti/2017newApp/2024/topHeader-ico01.png") no-repeat;}
.topHeader-mod .ico02{ width:140px; height:86px; right:-46px; top:515px; background:url("/images/zhuanti/2017newApp/2024/topHeader-ico02.png") no-repeat;}
.topHeader-mod .ewm01{ width:225px; text-align:center; left:650px; top:320px;}
.topHeader-mod .ewm01 img{ display:inline-block; width:160px; height:160px; background:#fff; border-radius:8px; padding:10px;}
.topHeader-mod .ewm01 p{ line-height:46px; font-size:16px; color:#021a50;}
.topHeader-mod .ewm02{ width:225px; text-align:center; left:870px; top:320px;}
.topHeader-mod .ewm02 img{ display:inline-block; width:160px; height:160px; background:#fff; border-radius:8px; padding:10px;}
.topHeader-mod .ewm02 p{ line-height:46px; font-size:16px; color:#021a50;}
    
/**/
.teacher-wrap{ width:100%; height:601px; background:url("/images/zhuanti/2017newApp/2024/teacher-bg01.jpg") no-repeat center top;}
.teacher-mod{}
.teacher-mod .title{ left:248px; top:274px; }
.teacher-mod .pic01{ left:777px; top:109px;}
.teacher-mod .pic02{ display:none; left:735px; top:270px;}
.teacher-mod .pic03{ display:none; left:735px; top:390px; z-index:9;}
.teacher-mod .ico01{ left:693px; top:44px; z-index:9;}
.teacher-wrap.on .pic02{ display:block; -webkit-animation:bounceInLeft 1.2s ease both .8s; animation:bounceInLeft 1.2s ease both .8s;}
.teacher-wrap.on .pic03{ display:block;-webkit-animation:bounceInRight 1.2s ease both .8s; animation:bounceInRight 1.2s ease both .8s;}

/**/
.aiCourse-wrap{ width:100%; height:600px; background:url("/images/zhuanti/2017newApp/2024/tiku-bg01.jpg") no-repeat center top;}
.aiCourse-mod{}
.aiCourse-mod .title{ left:248px; top:274px;}
.aiCourse-mod .swiper-con{ width:288px; height:476px; left:776px; top:108px;}
.aiCourse-mod .swiper-con .arrow-left,.aiCourse-mod .swiper-con .arrow-right{ display:block; width:50px; height:50px; left:-73px; top:202px; background:url("/images/zhuanti/2017newApp/2024/tiku-ico01.png") no-repeat;}
.aiCourse-mod .swiper-con .arrow-right{ left:auto; right:-73px; background:url("/images/zhuanti/2017newApp/2024/tiku-ico02.png") no-repeat;}
.aiCourse-mod .swiper-con .swiper-slide img{ border-radius:15px 15px 0 0;}
.aiCourse-mod .swiper-con .swiper-container{ height:476px;}
.aiCourse-mod .ico01{ width:116px; height:116px; right:70px; top:446px; z-index:9; background:url("/images/zhuanti/2017newApp/2024/aiCourse-ico01.png") no-repeat;}

/**/
.book-wrap{ width:100%; height:600px; background:url("/images/zhuanti/2017newApp/2024/book-bg.jpg") no-repeat center top;}
.book-mod{}
.book-mod .title{ left:248px; top:274px;}
.book-mod .pic01{ left:777px; top:109px;}
.book-mod .pic02{ display:none; left:735px; top:240px;}
.book-mod .pic03{ display:none; left:735px; top:390px; z-index:9;}
.book-wrap.on .pic02{ display:block; -webkit-animation:bounceInLeft 1.2s ease both .8s; animation:bounceInLeft 1.2s ease both .8s;}
.book-wrap.on .pic03{ display:block;-webkit-animation:bounceInRight 1.2s ease both .8s; animation:bounceInRight 1.2s ease both .8s;}

/**/
.tiku-wrap{ width:100%; height:600px; background:url("/images/zhuanti/2017newApp/2024/tiku-bg01.jpg") no-repeat center top;}
.tiku-mod{}
.tiku-mod .title{ left:248px; top:274px;}
.tiku-mod .swiper-con{ width:288px; height:476px; left:776px; top:108px;}
.tiku-mod .swiper-con .arrow-left,.tiku-mod .swiper-con .arrow-right{ display:block; width:50px; height:50px; left:-73px; top:202px; background:url("/images/zhuanti/2017newApp/2024/tiku-ico01.png") no-repeat;}
.tiku-mod .swiper-con .arrow-right{ left:auto; right:-73px; background:url("/images/zhuanti/2017newApp/2024/tiku-ico02.png") no-repeat;}
.tiku-mod .swiper-con .swiper-slide img{ border-radius:15px 15px 0 0;}
.tiku-mod .swiper-con .swiper-container{ height:476px;}
.tiku-mod .ico01{ width:116px; height:116px; right:70px; top:446px; z-index:9;}

/**/
.news-wrap{ width:100%; height:600px; background:url("/images/zhuanti/2017newApp/2024/book-bg.jpg") no-repeat center top;}
.news-mod{}
.news-mod .title{ left:248px; top:274px;}
.news-mod .pic01{ left:777px; top:109px;}
.news-mod .pic02{ display:none; left:735px; top:323px;}
.news-mod .pic03{ left:735px; top:390px; z-index:9;}
.news-mod .ico01{ width:116px; height:116px; left:680px; top:62px; z-index:9;}
.news-wrap.on .pic02{ display:block;-webkit-animation:bounceInRight 1.2s ease both .8s; animation:bounceInRight 1.2s ease both .8s;}


/**/
.video-wrap{ width:100%; height:600px; background:url("/images/zhuanti/2017newApp/2024/tiku-bg01.jpg") no-repeat center top;}
.video-mod{}
.video-mod .title{ left:248px; top:274px;}
.video-mod .swiper-con{ width:288px; height:476px; left:776px; top:108px;}
.video-mod .swiper-con .arrow-left,.video-mod .swiper-con .arrow-right{ display:block; width:50px; height:50px; left:-73px; top:202px; background:url("/images/zhuanti/2017newApp/2024/tiku-ico01.png") no-repeat;}
.video-mod .swiper-con .arrow-right{ left:auto; right:-73px; background:url("/images/zhuanti/2017newApp/2024/tiku-ico02.png") no-repeat;}
.video-mod .swiper-con .swiper-slide img{ border-radius:15px 15px 0 0;}
.video-mod .swiper-con .swiper-container{ height:476px;}
.video-mod .ico01{ width:116px; height:116px; right:20px; top:446px; z-index:9;}

/**/
.fix-bottom{ width:100%; height:80px; background:#fff; position:fixed; left:0; top:0; border-bottom:1px solid #b5c7dd; z-index:19;}
.fix-bottom .logo{ display:block; width:190px; margin:20px 0 0;}
.fix-bottom .downLoad-con{ height:65px; padding:15px 24px 0;}
.fix-bottom .downLoad-con .downLoad-btn{ display:block; width:160px; height:51px; line-height:51px; text-align:center; font-size:16px; color:#fff; text-decoration:none; font-weight:bold; background:url("/images/zhuanti/2017newApp/2024/downLoad-btn.png") no-repeat;}
.fix-bottom .ewm-pop{ display:none; width:206px; background:#fff; border-radius:15px; right:0; top:75px; text-align:center; font-size:0; padding:10px 0 2px 0;}
.fix-bottom .ewm-pop .box{ display:inline-block; width:98px;}
.fix-bottom .ewm-pop .box img{ display:inline-block; width:82px; height:82px; padding:3px;}
.fix-bottom .ewm-pop .box p{ line-height:32px; font-size:12px; color:#021a50;}




/**/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    
    5%, 10% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    
    20%, 30%, 40%{
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    
    25%, 35%, 45% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    
    5%, 10% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    
    20%, 30%, 40%{
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    
    25%, 35%, 45% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    50% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}




@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}


@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}