@charset "utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,main{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}table{border-collapse:collapse;border-spacing:0}html,body,fieldset,img,iframe,abbr{border:0}[hidefocus],summary{outline:0}a{background-color:transparent}a:active,a:hover{outline:0}img{vertical-align:middle}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%}small{font-size:80%}sub,sup{position:relative;line-height:0;vertical-align:baseline;font-size:75%}sub{bottom:-0.25em}sup{top:-0.5em}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-size:1em;font-family:monospace,monospace}q:before,q:after{content:none}label,summary{cursor:default}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}del,ins,u,s,a,a:hover{text-decoration:none}button,input,select,textarea,keygen,legend{margin:0;font:inherit;color:inherit}textarea{overflow:auto}body{background:#fff;font:14px/1.5 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#333}.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden}.clearfix{max-width: 1200px;margin: 25px auto;}.wrapper{width:1200px;margin:0 auto}.left{float:left}.right{float:right}

.ggdh{width:100%;height:40px; text-align:center; background-color:rgba(248,249,251,1); position:absolute;top:80px; display:none; box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);-o-box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);z-index:99;}
.ggdh ul{text-align: center; font-size: 0;min-width: 1140px;}
.ggdh li{display: inline-block;vertical-align: top;padding-top:10px;}
.ggdh li a{height:20px;font-size:16px;color:#2f2f2f; line-height:20px; padding:0px 35px;transition:.5s;border-left: 1px solid #000;display: block;}
.ggdh li a:hover{color:#c01920; transition:.5s;}
.ggdh li:nth-of-type(1) a{border-left: none;}

/*banner*/
.banner{ position:relative;height:650px; overflow:hidden;min-width:1140px;}
.bannerBg{position: absolute;top: 0;left: 50%;margin-left: -960px;font-size: 0;z-index: -1;}

.bannerCon{width: 1140px;margin: 0 auto;padding-top: 0;text-align: center;}
.bannerCon a{font-size: 21px;color: #fff;display: inline-block;width: 230px;height: 48px;line-height: 48px;border-radius: 30px;border: 3px solid #63e1e0;margin: 44px 30px 0;}
.bannerCon a:hover{background: #63e1e0;color: #000;}

.anniuA{font-size: 21px;color: #fff;font-weight: bold;display: block;width: 392px;height: 66px;line-height: 66px;text-align: center;border-bottom: 6px solid #aab8e4;border-radius: 50px;margin: 29px auto 0;background: #706cff;}
.anniuA:hover{background: linear-gradient(#aab8e4,#706cff);}

.three ul,.six ul{text-align: center;font-size: 0;}
.three ul li,.six ul li{display: inline-block;vertical-align: top;}
/*one*/
.one{padding: 75px 0 0px;background: #f4f3f7;}
.titW{text-align: center;}
.titW p{font-size: 21px;color: #000;line-height: 38px;}
.oneC{position: relative;width: 1140px;margin: 0 auto;}
.oneC p{font-size: 21px;color: #272727;position: absolute;top: 25px;line-height: 40px;width: 100%;left: 0;text-align: center;text-indent: 15px;}
.oneBc{padding-bottom: 36px;background: #e4effd;}
.oneB{position: relative;width: 1194px;margin: 0 auto;}
.oneB .p1{position: absolute;top: 25px;text-align: center;width: 100%;font-size: 21px;color: #000;line-height: 40px;text-indent: 60px;letter-spacing: 2px;}
.oneB .p1 strong{font-size: 26px;}
.oneBc .p2{font-size: 18px;color: #000;text-align: center;width: 544px;height: 40px;margin: 0 auto;background: #bdd3f6;line-height: 40px;}
/*three*/

/*two*/
.three{background: url(../../images/Web/bg01.jpg) no-repeat center top;padding: 92px 0 32px;}
.three .titW p{color: #fff;}
.three ul li{margin: 20px 18px 0;width: 245px;height: 286px;background: #798cff;border-radius: 8px;}
.three ul li h3{font-size: 21px;color: #fff;line-height: 42px;}
.three ul li span{display: inline-block;width: 35px;height: 2px;background: #e4e8ff;}
.three ul li p{margin-top: 10px;line-height: 25px;font-size: 16px;color: #fff;}
.three .anniuA{background: #fff;color: #7062ff;margin-top: 67px;}
.three .anniuA:hover{background: linear-gradient(#2599fb,#fff);}
/*four*/
.four{padding-top: 52px;}
.fourC{padding-top: 34px;}
.four ul{background: url(../../images/Web/ysyq.png) no-repeat;height: 244px;position: relative;}
.four ul li{border-radius: 100%;position: absolute;text-align: center;}
.four ul li h3{color: #4555ca;line-height: 44px;}
.four ul li p{color: #4555ca;line-height: 30px;}
.four ul .liX h3{font-size: 26px;}
.four ul .liD h3{font-size: 33px;}
.four ul .liX p{font-size: 18px;}
.four ul .liD p{font-size: 23px;margin-top: 10px;}
.four ul .li01{top: 8px;left: 22rem;width: 134px;height: 106px;padding-top: 28px;}
.four ul .li02{top: 57px;left:32.5rem;width: 166px;height: 123px;padding-top: 43px;}
.four ul .li03{top: 6px;left: 45rem;width: 130px;height: 100px;padding-top: 30px;}
.four ul .li04{top: 57px;right: 438px;padding-top: 38px;width: 148px;height: 110px;}
.four ul .li05{top: 6px;right: 260px;padding-top: 38px;width: 148px;height: 110px;}
.four ul .li06{top: 79px;right: 97px;padding-top: 25px;width: 115px;height: 90px;}
.four ul .li04 h3,.four ul .li05 h3{font-size: 29px;line-height: 44px;}
.four ul .li04 p,.four ul .li05 p{line-height: 38px;font-size: 21px;}
.four ul .li06 h3{font-size: 23px;line-height: 38px;}
.four ul .li06 p{font-size: 16px;line-height: 30px;}
.four ul li:hover,.four ul li.on{background: #3774e0;}
.four ul li:hover h3,.four ul li:hover p,.four ul li.on h3,.four ul li.on p{color: #fff;}

.six{padding: 30px 0 56px;background: #eee;}
.titW h2{font-size: 47px;line-height: 60px;background-image:-webkit-linear-gradient(left,#503db8,#2599fb); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; }
.six ul li{margin: 41px 10px 0;position: relative;border-radius: 6px;overflow: hidden;box-shadow: 0 0 5px 0 rgba(228,223,223,0.91);}
.six ul li p{position: absolute;top: 35px;left: 178px;font-size: 19px;color: #2f383d;line-height: 32px;text-align: left;}
.six ul li a{position: absolute;top: 110px;left: 178px;width: 124px;height: 30px;border: 1px solid #3ed6d0;font-size: 16px;color: #0eccc4;line-height: 30px;}
.six ul li:nth-of-type(2) a{border-color: #49bcf4;color: #1babf1;}
.six ul li:nth-of-type(3) a{border-color: #cb8bfc;color: #be6efb;}

.ys02{padding: 42px 0;background: url(../../images/Web/bg03.jpg) no-repeat}
.ys02 h2,.ys04 h2,.biaod h2{text-align: center;font-size: 46px;color: #fff;line-height: 78px;}
.ys02 ul{position: relative;background: url(../../images/Web/bg06.png) no-repeat 3px 30px;height: 595px;}
.ys02 ul li h3{font-size: 21px;color: #00fcfa;line-height: 32px;}
.ys02 ul li p{font-size: 26px;font-size: 16px;color: #fff;}
.ys02 ul li{position: absolute;text-align: center;width: 266px;}
.ys02 ul .li01{top: 260px;left: -33px;}
.ys02 ul .li02{top: 368px;left: 92px;}
.ys02 ul .li03{top: 149px;left: 233px;}
.ys02 ul .li04{top: 289px;left: 358px;}
.ys02 ul .li05{top: 73px;left: 513px;}
.ys02 ul .li06{top: 170px;left: 664px;}
.ys02 ul .li07{top: 89px;left: 785px;}
.ys02 ul .li08{top: 52px;right: -69px;}
.ys02 ul li span{width: 32px;height: 32px;background: url(../../images/Web/bg07.png) no-repeat;display: block;position: relative;margin: 30px auto;}
.ys02 ul li span::before{
      display: block;
      content: "";
     width: 30px;
     height: 30px;
     border: 1px solid #ccc;
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: 0;
     transition: all 2s linear;
     animation: move 1s linear infinite;
     animation-delay: 0.5s;
    }
.ys02 ul .li08 span{margin-bottom: 18px;margin-left: 47px;}
.ys02 ul .li07 span{margin-top: 68px;margin-left: 133px;}

.ys02 .anniuA{margin-top: 0;}

.ys03{padding: 40px 0;background: #f7f7f7;}
.ys03 .anniuA{margin-top: 60px;}

.ys04{padding: 50px 0 40px;background:#202a68 url(../images/bg08.jpg) no-repeat center top;}
.ys04C{width: 1140px;margin: 0 auto;padding-top: 40px;}
.ys04Hd{width: 362px;padding-top: 20px;}
.ys04Hd li{background: url(../../images/Web/iconbg.png) no-repeat;height: 118px;padding-right: 15px;width: 254px;background-position: 0 -536px;cursor: pointer;line-height: 118px;font-size: 20px;color: #9296a0;text-align: center;}
.ys04Hd .li01{margin-left: 61px;}
.ys04Hd .li02{margin-left: 21px;}
.ys04Hd .li03{margin-left: 96px;}
.ys04Hd .li04{margin-left: 54px;}
.ys04Bd{width: 704px;height: 616px;border-radius: 20px;background: #fff;padding:28px 33px 0 40px;}
.ys04Bd h3{font-size: 15px;color: #333;line-height: 24px;border-left: 4px solid #00dfff;padding-left: 7px;margin-top: 30px;}
.ys04Bd p{font-size: 15px;color: #333;color: #333;margin-top: 30px;text-align: justify;width: 608px;line-height: 24px;}

.ys04Hd li.on{background-position: -334px -536px;color: #fff;}

.ys05C{padding-top: 15px;font-size: 0;text-align: center;}
.ys05{padding: 54px 0 64px;background: url(../images/bg04.jpg) no-repeat center;}

.cqds{padding: 52px 0 30px;}
.cqdsC{width: 1140px;margin: 0 auto;}
.cqdsSlie .box{height: 430px;padding-top: 130px;padding-bottom: 46px;}
.cqdsC dl{width: 1140px;height: 430px;background: #2a2f59;position: relative;}	
.cqdsC dl dt{position: absolute;top: -124px;left: 0;}
.cqdsC dl dd{position: absolute;top: -41px;right: 24px;width: 540px;height: 500px;box-sizing: border-box;background: #6577ff;padding: 46px 40px 0 40px;}	
.cqdsC dl dd h3{font-size: 32px;padding-left: 8px;border-left: 4px solid #73f7ff;color: #73f7ff;line-height: 32px;}
.cqdsC dl dd .p1{line-height: 32px;font-size: 22px;color: #fff;margin-top: 20px;}
.cqdsC dl dd .p2{line-height: 30px;font-size: 16px;color: #fff;margin-top: 20px;text-align: justify;}
.cqdsHd{text-align: center;font-size: 0;}
.cqdsHd li{display: inline-block;vertical-align: top;width: 14px;height: 14px;background: #c4ccef;border-radius: 100px;margin: 0px 15px 0;}
.cqdsHd li.on{width: 50px;background: #3a57c9;}	
/*five*/
/*.ys03 .course_list { width: 1000px;margin: 0 auto; height: 500px; background: url(../../images/Web/s4_30_1.jpg) no-repeat center; margin-top: 28px; padding-top: 23px; padding-bottom: 19px;}*/
.ys03 .course_list .left {width: 1200px;
    margin: auto;
    overflow: hidden;
    background-color: #576eff;}
.ys03 .course_list .left .list { cursor: pointer;
    width: 16.667%;
    float: left;}
.ys03 .course_list .left .list.on { background: url(../../images/Web/s4_31.png) no-repeat center;}
.ys03 .course_list .left .list.on p { color: #576eff;}
.ys03 .course_list .left p { padding-left: 93px; font-size: 20px; color: #fff; line-height: 32px;padding-top: 14px;}
.ys03 .course_list .left p span { font-weight: bold;}
.ys03 .course_list .left .l1 {margin-top: 0px;}
.ys03 .course_list .left .list p,.ys03 .course_list .left .list.on p,.xiangmu_in .l .on,.xiangmu_in .l li{cursor: pointer;
    width: 55%;
    float: left;}
.ys03 .course_list .left .l1 p { background: url(../../images/Web/icon_1_31.png) no-repeat 34px center;background-size:2.6rem;}
.ys03 .course_list .left .l1.on p { background: url(../../images/Web/icon_2_31.png) no-repeat 34px center;background-size:2.6rem;}
.ys03 .course_list .left .l2 p {background: url(../../images/Web/icon_1_34.png) no-repeat 34px center;background-size:2.3rem;}
.ys03 .course_list .left .l2.on p { background: url(../../images/Web/icon_2_34.png) no-repeat 34px center;background-size:2.3rem;}
.ys03 .course_list .left .l3 p {background: url(../../images/Web/icon_1_37.png) no-repeat 34px center;background-size:2.3rem;}
.ys03 .course_list .left .l3.on p { background: url(../../images/Web/icon_2_37.png) no-repeat 34px center;background-size:2.3rem;}
.ys03 .course_list .left .l4 p {background: url(../../images/Web/icon_1_40.png) no-repeat 34px center;background-size:2rem;}
.ys03 .course_list .left .l4.on p { background: url(../../images/Web/icon_2_40.png) no-repeat 34px center;background-size:2rem;}
.ys03 .course_list .left .l5 p { background: url(../../images/Web/icon_1_5.png) no-repeat 34px center;background-size:2.5rem;}
.ys03 .course_list .left .l5.on p { background: url(../../images/Web/icon_2_5.png) no-repeat 34px center;background-size:2.5rem;}
.ys03 .course_list .left .l6 p { background: url(../../images/Web/icon_1_6.png) no-repeat 34px center;background-size:2.6rem;}
.ys03 .course_list .left .l6.on p { background: url(../../images/Web/icon_2_6.png) no-repeat 34px center;background-size:2.6rem;}
.ys03 .course_list .right .p2 .p2r span {
    width: 280px;
    display: block;
    float: left;
    margin: 10px 10px 10px 0px;
}
.ys03.course_list.left p{padding-left: 93px;
    font-size: 24px;
    color: #fff;
  line-height: 60px;}
.ys03 .course_list .right {margin-top: 17px;
    color: #666666;
    font-size: 18px;
    line-height: 28px;}
.ys03 .course_list .right li {padding-bottom: 15px;}
.ys03 .course_list .right .scroll-pane { height: 100%;}
.ys03 .course_list .right .scroll-pane { outline: none;}
.ys03 .course_list .right .jspVerticalBar {right: 0px; width: 28px;}
.ys03 .course_list .right .jspTrack {width: 28px; background: #fff;}
.ys03 .course_list .right .jspDrag { width: 10px; background: #dcdce0; border-radius: 10px; left: 9px;}
.ys03 .course_list .right .p1 { font-size: 24px;line-height: 26px; color: #4243b9;  padding-top: 29px;}
.ys03 .course_list .right .p1 .p1l { float: left; font-weight: bold; padding-left: 10px; border-left: 3px solid #3a57c9;}
.ys03 .course_list .right .p1 .p1r { float: left;margin-left: 20px; font-weight: bold;}
.ys03 .course_list .right .p2 {margin-top: 23px; color: #666666; font-size: 18px; line-height: 28px;}
.ys03 .course_list .right .p2 .p2l {float: left; font-weight: bold; padding-left: 13px;font-size: 24px;line-height: 36px;color: #4243b9;}
.ys03 .course_list .right .p2 .p2r { float: left; margin-left: 28px;width: 1200px;}
.ys03 .course_list .right .p3 {margin-top: 17px; color: #666666; font-size: 20px;line-height: 40px;}
.ys03 .course_list .right .p3 .p3l {float: left;font-weight: bold; padding-left: 13px; font-size: 24px; line-height: 36px; color: #4243b9;}
.ys03 .course_list .right .p3 .p3r { width: 465px; float: left; margin-left: 28px;}
.ys03 .zxdn { display: block;width: 352px; height: 70px;background: #6d5aff;margin: 21px auto 0;color: #fffffe; text-align: center;line-height: 70px; font-size: 24px;border-radius: 40px;}
.ys03 .zxdn:hover {background: #8971fb;}
.ys03 .s4_form { width: 100%;height: 327px;background: url(../images/s4_57.jpg) no-repeat center;margin-top: 83px;}
.content{width: 1000px; margin: 0 auto}

.biaod{padding: 34px 0 70px;background: url(../../images/Web/bg05.jpg) no-repeat center;}
.biaodC{width: 1140px;margin: 0 auto;}
.biaod .titW h2{color: #fff;}
.biaod dl dt{width: 598px;margin-top: 40px;padding-left: 106px;}
.biaod dl dt p{position: relative;padding: 0 86px 0 34px;font-size: 21px;color: #a9dcf7;line-height: 34px;margin-bottom: 28px;}
.biaod dl dt p a{font-size: 21px;color: #570fc7;background: #fff;border-radius: 5px;width: 125px;height: 34px;line-height: 34px;text-align: center;}
.biaod dl dt p a:hover{background: #fc48a2;color: #fff;}
.biaod dl dt p span{font-size: 42px;color: #7774f4;font-family: arial;display: inline-block;vertical-align: top;margin-right: 10px;}
.biaod dl dt p em{width: 10px;height: 10px;border: 2px solid #7c58fe;border-radius: 100px;position: absolute;left: 0;top: 9px;}
.biaod dl dt p i{width: 2px;height: 50px;background: #7c58fe;position: absolute;left:6px ;top: 21px;}
.biaod dl dd{margin: 33px 0 0 0px;background: url(../../images/Web/bmbg.png) no-repeat;padding-top: 100px;height: 273px;width: 304px;float:right;}
.biaod dl dd p{margin: 13px 0 0 72px;width: 202px;height: 45px;}
.biaod dl dd p input{width: 90%;height: 100%;border: none;font-size: 14px;color: #999;}
.biaod dl dd p:nth-of-type(3){margin-top: 14px;}
.biaod dl dd a{width: 248px;height: 46px;text-align: center;display: block;margin: 28px 0px 0px;line-height: 46px;color: #5478e4;font-size: 20px;letter-spacing: 4px;}


/*six*/

    @keyframes move{
      0%{
          transform: scale(0.68);
          /* opacity: 0; */
          
      }
      100%{
          transform: scale(1.2);
          opacity: 0;
      }
  }

.section4 {
    background: #f7f7f7;
    padding: 40px 0;
}
.section4 .img1 {
    display: block;
    margin: 0 auto;
}
.section4 .small_title {
    color: #666666;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    margin-top: 14px;
}
.section4 .course_list {
    width: 100%;
    margin-top: 28px;
    padding-top: 0px;
}
.con {
    max-width: 1000px;
    margin: 0 auto;
}
.section4 .course_list .left {
    width: 1000px;
    margin: auto;
    overflow: hidden;
    background-color: #576eff;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.left {
    float: left;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    /* box-sizing: inherit; */
}
.section4 .course_list .left .l1 p {
    background: url(../images/icon_1_31.png) no-repeat 34px center;
}
.section4 .course_list .left .lx2 p {
    background: url(../images/icon_1_34.png) no-repeat 34px center;
}
.section4 .course_list .left .l3 p {
    background: url(../images/icon_1_37.png) no-repeat 34px center;
}
.section4 .course_list .left .l4 p {
    background: url(../images/icon_1_40.png) no-repeat 33px center;
}
.section4 .course_list .right .p3 .p3r {
    margin-left: 13px;
}