.leftmenu{
    display: block;
    float: left;
    width:200px;
    height: calc(100% - 223px);
    text-align: center;
    background-color: #01204D;
    padding-top: 20px;
}
.leftmenu a{
    height:16px;
    line-height: 16px;
    display:flex;
    font-size: 16px;
    color: #fff;
    padding: 20px 48px;
    text-align: left;
}
.leftmenu .active{
    font-weight: bold;
}
.leftmenu a img{
    margin-right: 4px;
}
.rightcontent{
    display: block;
    float: left;
    width: calc(100% - 200px);
    height: calc(100% - 203px);
    background-color: #01204D;
    position: relative;
    overflow: auto;
}
.rightcontent img{
    width: 100%;
}
.topcont{
    position: relative;
    display: block;
    float: left;
}
.rightlist{
    position: relative;
    display: block;
    float: left;
}
.toptext{
    position: absolute;
    left: 0px;
    bottom: 20px;
    width: 350px;
    padding-left: 2%;
    height: 200px;
    color: #fff;
    overflow: hidden;
}
.toptext b{
    display: block;
    font-size: 40px;
    font-weight: bolder;
    padding: 12px 0px;
}
.toptext span{
    display: block;
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    padding: 0px 8px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.2);
    margin-right: 8px;
    margin-bottom: 12px;
}
.toptext p{
    display: block;
    float: left;
    width:100%;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.rightlist{
    position: relative;
    padding-left: 2%;
    margin-bottom: 32px;
}
.but-left{
    position: absolute;
    left: 0;
    top:50%;
}

.but-right{
    position: absolute;
    right: 1%;
    top:50%;
}
.rightvideo{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.rightvideo a{
    display:block;
    float: left;
    margin-right: 1%; 
    width: 15%;
    height:220px;
    position: relative;
}
.rightvideo a img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius: 8px;  
}
.video-h{
    border: 2px #fff solid;
    border-radius: 8px;
}
.video-h span{
    background-color: rgba(0, 0, 0, 0.8);
}
.rightvideo a span{
    position:absolute;
    border-radius:0 0 8px 8px;
    left: 0px;
    bottom: 0px; 
    color: #fff;
    font-size: 14px;
    width:98%;
    padding-left: 2%;
    height:28px;
    line-height: 28px;
}
.rightvideo .mask{
    position:absolute;
    left: 0px;
    bottom: 0px; 
    width:100%;
    height:100%;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.5);
}
.title-r{
    height:40px;
    display: block;
    float: left;
    color: #fff;
    line-height: 40px;
    position: relative;
    font-size: 28px;
    font-weight: bold;
    padding-left: 40px;
    margin-bottom: 8px;
}
/**游戏鸿蒙**/
.box-01{
    width:100%;
}
.list-1{
    width:1200px;
    margin: 30px auto;
}
.list-1 b{
    display: block;
    width:1200px;
    text-align: center;
    font-size: 35px;
    color: #0058da;
}
.tab01 {
    width:1200px;
    margin-top: 50px;
    float:left;
    margin-bottom: 30px;
    position: relative;
}
.tab01 a{
    display: block;
    float: left;
    padding: 0px 54px;
    font-size: 20px;
    color: #3f3f3f;
    background-color: #fff;
    border-radius: 8px;
    height:58px;
    line-height: 58px;
    margin-right: 12px;
}
.tab01 .tab01-active{
    color: #fff;
    background-color: #006eff;
}
.tab-cont{
    width:1190px;
    background-color: #fff;
    border-radius: 8px;
    height:380px;
    float:left;
    position: relative;
    padding: 50px 5px;
    margin-bottom: 30px;
}
.tab-title{
    width:60%;
    height:60px;
    padding-left: 20px;
    display: block;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background: url(images/titlebg.png) repeat-x;
    border-radius: 8px 8px 0px 0px;
}
.tab-img{
    width:720px;
    height:60px;
    text-align: center;
    padding-top: 20px;
}
.tab-cont span{
    width:480px;
    height:110px;
    background-color: #fff;
    border-radius: 8px;
    position:absolute;
    right: 20px;
    top:150px;
    color:#3c3c3c;
    font-size:25px;
    border:1px #ccc solid;
    padding: 50px 40px;
    line-height:38px;
}
.list-1 h4{
    display: block;
    width:1200px;
    text-align: center;
    color: #000;
    font-size:20px;
    height:60px;
    line-height: 60px;
}
.contcard{
    width:1200px;
    margin:0px 0px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.carder{
    width:353px;
    height:auto;
    text-align: center;
    background-color: #fff;
    border-radius: 12px;
    margin: 20px 0px;
}
.carder span{
    width:100%;
    height:42px;
    display: block;
    line-height: 42px;
    background-color: #4673ca;
    color: #fff;
    font-size: 20px;
    border-radius: 12px 12px 0px 0px;
}
.carder p{
    font-size: 16px;
    line-height: 30px;
    color: #444;
    text-align: left;
    padding: 20px 15px;
}
.conder1{
    width:776px
}
.carder .title02{ background-color: #ff6700;}
.carder .title03{ background-color: #4cb300;}
.carder .title04{ background-color: #003b6c;}
.carder .title05{ background-color: #0aba9f;}
.carder .title06{ background-color: #ff8f44;}
.carder .title07{ background-color: #2a7203;}
.carder .title08{ background-color: #00bd9c;}
.carder .title09{ background-color: #468299;}
.carder .title10{ background-color: #4c4cc5;}
.box-02{
    width:100%;
    padding: 50px 0px;
    height: 2610px;
    background: #0f65f0 url(images/harmonybg1.png) no-repeat center bottom;
}
.list-2{
    width:1200px;
    display: block;
    margin: 0px auto;
    background: #0f65f0;
    position: relative;
}
.list-2 b{
    display: block;
    width:1200px;
    text-align: center;
    font-size: 35px;
    color: #fdf0f0;
}
.list-2 span{
    width:238px;
    height:34px;
    padding-left: 15px;
    margin: 0px 0px 20px 0px;
    line-height:34px;
    display:block;
    float: left;
    background: url(images/titlebg01.png) no-repeat left center;
    color: #fff;
    font-size: 18px;
}
.tab01-t{ 
     background: url(images/titlebg02.png) no-repeat left center;
}
.texthm{
    width:440px;
    height:500px;
    display: block;
    float: right;
    background-color: #03378c;
    padding: 90px 10px 10px 110px;
}
.texthm p{
    color: #fff;
    font-size: 18px;
    line-height: 35px;
}
.texthm a{
    width:143px;
    height:45px;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
    background-color: #ff632d;
    color: #fff;
    float: right;
    margin-top: 50px;
}
.listimage02{
    position: absolute;
    bottom: 100px;
    left: 0px;
}
.tab01 .tab01-u{
     background: url(images/titlebg03.png) no-repeat left center;
}
.listimage{
    width:1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    position: relative;
}
.listcard1,.listcard2,.listcard3{
    padding: 30px;
    height:150px;
    font-size: 16px;
    line-height:28px ;
}
.listcard1{
    width:280px;
    background: #0184d2 url(images/hm-icon1.png) no-repeat 280px 170px;
}
.listcard2{
    width:328px;
    background: #fc7d6a url(images/hm-icon2.png) no-repeat 330px 170px;
}
.listcard3{
    width:385px;
    background: #f9a744;
}
.tab01-v{
     background: url(images/titlebg04.png) no-repeat left center;
     position: relative;
     margin-bottom: 30px;
}
.listtext1{
    width:750px;
    height:320px;
    float: left;;
    font-size: 20px;
    line-height: 32px;
    padding: 30px 420px 30px 30px;
    border-radius:8px ;
    color: #000;
    background: #fff url(images/img-03.png) no-repeat right center;
    position: relative;
}
.listtext2{
    width:736px;
    height:281px;
    float: left;;
    font-size: 20px;
    line-height: 32px;
    padding: 285px 20px 30px 444px;
    border-radius:8px ;
    color: #fff;
    background:url(images/img-04.png) no-repeat top center;
    position: relative;
    margin-top: 36px;
}
.job{
    border:3px solid #026cfe;
    width:1150px;
    height:480px;
    padding: 25px;
    color: #68727e;
    position: relative;
    margin-top: 140px;
    margin-bottom: 40px;
}
.job span{
    width:270px;
    display: block;
    background-color: #EDEDED;
    text-align: center;
    font-size: 30px;
    height:30px;
    line-height: 30px;
    position: absolute;
    top:-15px;
    left: 168px;
    color: #000;
    font-weight: bold;;
}
.job h2{
    padding: 10px;
    background-color: #026cfe;
    font-size: 20px;
    color: #fff;
    display: block;
    width:85px;
    text-align: center;
    margin-bottom: 20px;
}
.job p{
    line-height: 30px;
    font-size: 16px;
}
.jobimg{
    position: absolute;
    top:-100px;
    right: 80px;
    width:512px;
    height:472px;
    display: block;
    background-color: #EDEDED;
    text-align: center;
}
.lablel{
    width:238px;
    height:34px;
    padding-left: 15px;
    margin: 0px 0px 20px 0px;
    line-height:34px;
    display:block;
    float: left;
    background: url(images/titlebg04.png) no-repeat left center;
    color: #fff;
    font-size: 18px;
}
.carder h3{
    font-size: 30px;
    display: block;
    color: #fff;
    font-weight: bold;
    height:50px;
    line-height: 50px;
}
.cardtitle{
    width:100%;
    height:100px;
    padding-top: 10px;
    display: block;
    background-color: #4673ca;
    color: #fff;
    font-size: 20px;
    border-radius: 12px 12px 0px 0px;
}
.jobcard1,.jobcard1 span{background-color: #546afb;}
.jobcard2,.jobcard2 span{background-color: #00c9bf;}
.jobcard3,.jobcard3 span{background-color: #854ffb;}
.jobcard4,.jobcard4 span{background-color: #536cfc;}
.jobcard5,.jobcard5 span{background-color: #f48c45;}
.jobcard6,.jobcard6 span{background-color: #546afb;}
.tab01-w{
     background: url(images/titlebg05.png) no-repeat left center;
}
.trait{
    width:268px;
    height:120px;
    padding: 10px 70px 20px 15px;
    border-radius: 8px;
    margin-bottom: 30px;
}
.trait p{
    font-size: 16px;
    line-height: 25px;
    color: #000;
}
.trait h5{
    width:100%;
    height:35px;
    font-size: 20px;
    line-height: 35px;
    font-weight: bold;
}
.trait01 {
    background:#fff url(images/img-06.png) no-repeat right center;
}
.trait02 {
    background:#fff url(images/img-07.png) no-repeat right center;
}
.trait03 {
    background:#fff url(images/img-08.png) no-repeat right center;
}
.trait01 h5{
    color: #5344f9;
}
.trait02 h5{
    color: #fd3478;
}
.trait03 h5{
    color: #ff9825;
}

.traitcont{
    width:1200px;
    margin:0px 0px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.system{
    width:350px;
    height:330px;
    padding: 20px 15px;
    color: #fff;
    text-align: center;
}
.system01{
    background-color: #03bc5e;
}
.system02{
    background-color: #fd5226;
}
.system03{
    background-color: #6849fc;
}
.system p{
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    text-align: left;
}
.system h6{
    width:100%;
    height:50px;
    font-size: 20px;
    line-height: 50px;
    font-weight: bold;
    color: #fff;
}
.systemicon{
    width:60px;
    display: block;
    height:60px;
    border-radius:100%;
    margin: 0px auto;
}
.system01 .systemicon{
    background:#fff url(images/hm-icon3.png) no-repeat center;
}
.system02 .systemicon{
    background:#fff url(images/hm-icon4.png) no-repeat center;
}
.system03 .systemicon{
    background:#fff url(images/hm-icon5.png) no-repeat center;
}
.system04{
    width:1200px;
    border-radius: 8px;
    background-color: #1c5df9;
    text-align: center;
    padding: 50px 0px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.ui01{
    display:block;
    float: left;
    width:766px;
}
.ui01 img{
    margin-top: 50px;
}
.ui02{
    display:block;
    float: left;
    width:434px;
}
.jobimg1 {
    width:502px;
}
.jobimg1 img{
    width:85%
}
.carder .point01{background-color: #243489;}
.carder .point02{background-color: #f42e2f;}
.carder .point03{background-color: #4749ec;}
.carder .point04{background-color: #028097;}
.carder .point05{background-color: #1a5396;}
.carder .point06{background-color: #ef7009;}
.carder .point07{background-color: #157067;}
.carder .point08{background-color: #02857f;}
.carder .point09{background-color: #4e1b94;}
.carder .point10{background-color: #871c86;}
.carder .point11{background-color: #519bf2;}
.carder .point12{background-color: #0ba418;}
.carder .point13{background-color: #5098fc;}
.carder .point14{background-color: #226341;}
.carder .point15{background-color: #159866;}
.carder .point16{background-color: #f58c48;}
.carder .point17{background-color: #536efb;}
.contcard01 .carder{
    width:283px;
}
.tablehm{
    width:100%;
}
.tablehm td{
    width:130px;
    text-align: center;
    height:90px;
    background: url(images/img-12.png) no-repeat center;
    color: #ec4d3a;
    font-size: 18px;
    padding: 10px 10px;
    font-weight: bold;;
}
.tablehm th{
    text-align: center;
    background-color: #1c5df9;
    height:55px;
    line-height: 55px;
    font-size: 18px;
    color: #fff;
    font-weight:normal;
}
.tablehm .th01{
    width:430px;
    background-color: #ff8b00;
}
.tablehm .th02{
    width:410px;
    background:url(images/img-13.png) no-repeat left center;
    line-height: 24px;
    font-size: 17px;
    color: #fff;
    text-align: left;
    padding: 10px;
    font-weight:normal;
}
.condition{
    width:100%;
    height:auto;
    text-align: center;
    overflow: hidden;
}
.condition img{
    width:100%;
}
.box-03{
    width:100%;
    padding: 50px 0px;
    height: 2324px;
    background: #0f65f0 url(images/titlebg2.png) repeat-x;
}
.box-03 .list-2{
    width:1040px;
    height:325px;
    background:url(images/titlebg06.png) no-repeat 0px 100px;
    padding: 180px 100px;
}
.title11{
    display: block;
    width: 1200px;
    color: #fff;
    font-size: 50px;
    height:50px;
    line-height:50px;
    text-align: left;
    margin: 0px auto;
}
.box-03 .list-2 p{
    color: #fff;
    font-size: 24px;
    line-height: 40px;
}
.box-03 .list-3{
    height:1110px;
    padding: 250px 100px;
    background:url(images/titlebg07.png) no-repeat 0px 100px;
}
.list-3 .title12{
    text-align: left;
}
.box-03 .list-3 p{
    line-height: 24px;
    margin-top: 25px;
}
.box-03 .list-3 p img{
    margin-right: 16px;
}
.listimage01{
    width:90%;
    margin-top: 70px;
}
.list-3 .title13{
    color: #f6c93c;
    text-align: left;
    margin-top: 88px;
}.list-3 .title14{
    width:1120px;
    text-align: left;
    margin: 80px 0px;
    padding-left: 40px;
}
.box-04{
    background-color: #f0f9fe;
    background-image: none;
    height:1570px;
}
.box-04 .list-2{
    background-color: #fff;
    margin-bottom: 50px;
}
.box-05{
    background-color: #fff;
    background-image: none;
}
.box-05 .list-2{
    background-color: #fff;
}
.box-05 b{
    color: #545454;
    font-weight: normal;
    height: 90px;
    line-height: 90px;
}
.contcard02 span{
    background-image: none;
    width:210px;
    margin-bottom: 0px;
    height:35px;
    line-height:35px;
    padding-left: 0px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 2px 2px 0px 0px;
}
.contcard02 .carder{
    width:210px;
    height:70px;
    border:1px solid #d2d2d2;
    border-radius: 2px;
    margin: 20px;
    color:#545454 ;
}
.contcard02 .point01{
    background-color: #fff9f3;
    color: #ff2f2f;
}
.contcard02 .point02{
    background-color: #f4f7fc;
    color: #206ff2;
}.contcard02 .point03{
    background-color: #fff9f3;
    color: #fe8a19;
}.contcard02 .point04{
    background-color: #e9faea;
    color: #17ab87;
}.contcard02 .point05{
    background-color: #fef6e1;
    color: #ffb901;
}
.box-04 .systemb{
    display: block;
    width:1200px;
    text-align: center;
    font-size: 35px;
    color: #104eed;
    height:130px;
    line-height: 130px;
    margin: 0px auto;
}
.contcard02 p{
    font-size: 12px;
    color: #999;
    text-align: center;
}
.tablehm02{
    width:100%;
}
.tablehm02 td,.tablehm02 th{
    font-size: 18px;
    height:60px;
    line-height: 60px;
    text-align: center;
}
.tablehm02 th{
    background-color: #006fff;
    color: #fff;
    font-weight: normal;
    border: 0px;
}
.tablehm02 .salary{
    background-color: #fe0000;
    color: #fff;
    width:326px;
}
.tablehm02 td{
    background-color: #fdfdfd;
    border-bottom: 1px solid #e8e8e8;
}
.box-04 .systemb01 h4{
    color: #000;
    display: block;
    float: left;
    width:400px;
}
.box-04 .systemb01 h3{
    color: #006fff;
    display: block;
    float: left;
    width:400px;
}
.list-2 .contcard03 .carder{
    width:385px;
    font-size: 24px;
    margin: 0px;
}
.list-2 .contcard03 span{
    width:385px;
    height:106px;
    line-height: 106px;
    color: #fff;
    font-size: 24px;
     border-radius: 12px 12px 0px 0px ;
}
.list-2 .contcard03 p{
    line-height:42px;
    font-size: 17px;
    margin: 0px;
    color: #5471fd;
    background-color: #f7f7f7;
    border-radius: 0px 0px 12px 12px;
}
.contcard03 .point01{
    background:url(images/titlebg08.png) no-repeat left;
}
.contcard03 .point02{
    background:url(images/titlebg09.png) no-repeat left;
}
.contcard03 .point03{
    background:url(images/titlebg10.png) no-repeat left;
}
.contcard03 .point01 p{
    color: #5471fd;
}
.contcard03 .point02 p{
    color: #fb7900;
}
.contcard03 .point03 p{
    color: #a75dfa;
}
.bottag{
    width:1200px;
    height:300px;
    margin: 0px auto;
    border: 1px solid #ccc;
    background-color: #fff;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.tag01{
    width:250px;
    height:150px;
    border: 1px solid #ccc;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.tag02,.tag02{
    width:340px;
    height:150px;
    border: 1px solid #ccc;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}


/**人工智能**/
.box-05{
    background-color: #fff;
}
.list-3{
    width:1200px;
    margin: 0px auto;
    height:300px;
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.course{
    width:700px;
}
.table-course{
    width: 100%;
    font-size: 14px;
    color: #010103;
    border-collapse: collapse;;
}
.table-course td,.table-course th{
    background-color: #f8f9fe;
    height:52px;
    border-bottom:16px solid #fff;
    text-align: center;
}
.table-course td a{
    display: block;
    width: 80px;
    height:30px;
    line-height:30px;
    background-color: #32acff;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin:auto;
}
.table-course th{
    color: #ff0014;
    font-size: 16px;
    background-color: #f8f9fe;
}
.news{
    width:440px;
    height:266px;
    margin-left: 20px;
    background-color: #f8f9fe;
    padding: 0px 20px;
    border-radius: 10px;
}
.list-3 .news b{
    display: block;
    text-align: center;
    color: #000;
    font-size: 33px;
    font-weight:900;
    height:60px;
    line-height:60px;
}
.news-list{
    height:170px;
    border-radius:10px;
    background-color: #32acff;
    padding: 10px 10px;
    margin: 0px;
}
.news-list p{
    display: block;
    line-height:16px;
    font-size: 16px;
    color: #fff;
    margin-bottom:26px;
}
.box-06{
    background-color: #EDEDED;
    background-image: none;
    height:1630px;
}
.box-06 .list-1{
    margin:0px auto;
    background-color: #EDEDED;
}
.aidiv{
    width:1200px;
    height:440px;
}
.top5-image{
    width:700px;
    display: block;
    float:left;
}
.texthm01{
    width:440px;
    height:355px;
    display: block;
    float: right;
    background-color:#f9f9f9;
    color: #1a0608;
    padding: 30px 30px 10px 30px;
    background: url(images/img-star.png) no-repeat 30px 6px;
}
.texthm01 p{
    color: #1a0608;
}
.box-06 .list-1 b{
    color: #32adfd;
    margin-bottom: 50px;
}
.texthm01 a{
    text-align: center;
    font-size: 18px;
    line-height: 45px;
    background-color: #32acff;
    color: #fff;
    float: right;
    margin-top: 0px;
}
.advantage img{
    width:600px;
}
.advantage{
    width:1200px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.texthm02{
    width:520px;
    height:334px;
    display: block;
    background-color:#f9f9f9;
    padding: 0px 40px 10px 40px;
    background-color: #fff;
}
.texthm02 h6{
    width: 100%;
    height:50px;
    line-height: 80px;
    font-size: 30px;
    color: #000;
    font-weight: bold;
    margin: 0px;
}

.texthm02 p{
    color: #1a0608;
    font-size: 16px;
    line-height: 30px;
}
.top5-image1{
    width:600px;
    text-align: right;
}
.top5-image2{
    text-align: left;
}
.texthm02 a{
    background-color: #00adef;
    float: left;
    margin-top: 20px;
}
.texthm02 .but-02{
    float: right;
}
.texthm03{
    text-align: right;
}
.box-07{
    background-color: #fff;
    background-image: none;
}
.box-07 b{
    color: #32adfd;
    font-weight:bold;
    height: 90px;
    line-height: 90px;
}
.box-07 .list-4{
    background-color: #fff;
    width:1218px;
    height:auto;
    margin-bottom: 0px;
}
.introduction{
    background: url(images/img-014.png) no-repeat top left;
    width:748px;
    height:388px;
    padding: 30px 420px 30px 50px;
    margin: 0px auto;
}
.box-07 .list-5 .systemb02{
    width:767px;
    text-align: left;
}
.introduction p{
    font-size: 20px;
    color: #000;
    line-height:40px;
}
.conpicture{
    width:1200px;
    height:auto;
    margin: 0px auto;
    padding: 35px 0px;
}
.conpicture img{
    width:100%;
}
.conpicture span{
    width:1185px;
    height:34px;
    padding-left: 15px;
    line-height:34px;
    display:block;
    background: url(images/bg-title010.jpg) repeat-y;
    color: #fff;
    font-size: 18px;
    margin-bottom: 30px;
}
.box-08{
    background-color: #0e2398;
    background-image: none;
    height:auto;
}
.list-5{
    width:1200px;
    margin: 0px auto;
}
.master{
    width:1200px;
    height:500px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.teacher{
    width:370px;
    height:460px;
    border:1px solid #ccc;
}
.but-p{
    width:1200px;
    height:25px;
}
.point{
    width:72px;
    height:25px;
    margin: 0px auto;
}
.point a{
    display: block;
    float: left;
    width:9px;
    height:9px;
    border-radius: 100%;
    background-color: #b4b4b4;
    margin-right: 15px;
}
.point .but-point{
    background-color: #01afec;
}
.box-09{
    background: #008cd8 url(images/bg-010.png) no-repeat top center;
    height:auto;
}
.list-6{
    width:1200px;
    margin: 0px auto;
}
.list-6 b{
    display: block;
    width:1200px;
    text-align: center;
    font-size: 35px;
    color: #fdf0f0;
}
.salary1{
    width:580px;
    border-radius: 10px;
    background-color: #fff;
    padding: 30px;
}
.salary2{
    width:480px;
    border-radius: 10px;
    background-color: #fff;
    padding: 30px;
}
.salary{
    width:1200px;
    height:auto;
    margin: 0px auto;
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.list-6 .conpicture{
    width:1200px;
    padding: 10px 0px;
}
.news-list2{
    background-color: #c40314;
}
.table-course2 td a{
    background-color: #c40314;
}
.box-10{
    width:100%;
    height:1700px;
    background-color: #f9f9f9;
}
.list-10 {
    padding-top: 50px;
    background-color: #f9f9f9;
}
.list-10 b,.list-12 b{
    color: #c40314;
}
.list-10 .tab01-active{
    background-color: #c40314;
}
.tab-cont02 {
    width:1000px;
    height:500px;
    padding: 50px 95px;
}
.tab-cont02 .tab-title{
    width:1038px;
    border-radius: 0px;
    background-color: #c40314;
    padding-left: 0px;
}
.tab-img{
    width:1038px;
    padding-top: 0px;
}
.bgpic{
    width:1190px;
    padding: 20px 5px;
    height:auto;
    background-color: #fff;
    border-radius: 12px;
}
.box-11{
    width:100%;
    height:auto;
    background:#fbeedb url(images/bg-011.jpg) repeat-x top;
}
.list-11{
    width:1200px;
    margin: 0px auto;
}
.list-11 .conpicture span{
    background: url(images/bg-012.png) repeat-y;
}
.box-12{
    background-color:#fff;
    height:auto;
}
.box-12 b{
    background-color:#fff;
}
.box-12 .list-10{
    background-color:#fff;
}
.box-13{
    width:100%;
    height:auto;
    background-color: #fef7ed;
}
.list-12 {
    padding-top: 50px;
    background-color: #fef7ed;
    padding-top: 0px;
}
.list-12 b{
    margin-bottom: 30px;
}
.box-13 .but-point{
    background-color: #c40314;
}
.box-14{
    width:100%;
    height:auto;
    background-color: #fff;
}
.box-14 b{
    color: #c40314;
}
.list-10 .tab01 a{
    padding: 0px 46px;
}
/**传媒01**/
.cmbox-01{
    width:100%;
    background-color: #fbe9e7;
    height:auto;
}
.cmlist-1{
    width:1200px;
    height:auto;
    margin: 0px auto;
    padding: 40px 0px;
}
.cmtitle {
    width:1200px;
    height:110px;
}
.cmtitle b{
    width:1200px;
    display: block;
    font-size:40px ;
    height:70px;
    line-height:70px; 
    color: #2a2a36; 
    text-align: center;  
}
.cmtitle span{
    width:85px;
    height:8px;
    display: block;
    margin: 0px auto;
    background-color: #ea5127;
    border-radius: 8px;
}
.cmbox-02{
    width:100%;
    background: #fbe9e7 url(images/cmimg-01.jpg) no-repeat center bottom;
    height:auto;
}
.conpicture02{
    padding-bottom: 105px;
    padding-top: 60px;
}
.conjob{
    width:1200px;
    height:auto;
    margin: 0px auto;
    background-color: #fff;
    border-radius: 12px;
    padding: 30px 0px;
}
.conjober{
    width:400px;
    padding: 10px 0px;
    text-align: center;
}
.conjober h1{
    font-size: 20px;
    height:40px;
    line-height:40px;
}
.jobtip{
    background-color: #f14918;
    width:1200px;
    height:55px;
    line-height:55px;
    color: #fff;
    text-align: center;
    font-size: 20px;
}
.conjober{
    width:1100px;
    height:400px;
    padding: 0px 50px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.seat{
    width:320px;
    height:55px;
}
.seat a{
    width: 240px;
    height: 240px;
    display: block;
    margin: 0px auto;
}
.seat a img{
    width: 210px;
    height: 210px;
    border-radius: 100%;
    display: block;
    border: 15px solid #f14918;
}
.seat p{
    line-height: 30px;
}
.cmbox-01 .but-point{
    background-color: #f04819;
}
.cmbox-01 .but-p{
    padding-top: 20px;
}
.upgrade{
    width: 1200px;
    height: 24px;
    line-height: 24px;
    text-align: left;
    color: #f3914a;
    font-size: 24px;
}
.upgrade img{
    float: left;
    margin-right: 10px;
}
.upgrade02{
    color: #fa2223;
}
.cmbox-03{
    width: 100%;
    height:911px;
    background: #fbe9e7 url(images/cmimg-02.jpg) no-repeat top center;
}
/**传媒2**/
.cmbox-04{
    width:100%;
    height:auto;
    background:#f0f9fe url(images/cmimg-03.jpg) no-repeat top center;
}
.cmbox-05{
    width:100%;
    height:auto;
    background-color: #ff8c3f;
}
.comtitle{
    width:1200px;
    height:80px;
    display: block;
    line-height:80px;
    color: #fff;
    font-size: 40px;
    text-align: center;
}
.cmbox-06{
    width:100%;
    height:auto;
    background: #eff8fd url(images/cmimg-04.jpg) no-repeat top center;
}
.cmbox-06 .conpicture{
    padding: 0px 0px;
}
/**全栈01**/
.qzbox-01{
    width:100%;
    height:auto;
    padding: 30px 0px;
    background:#f4f7fe url(images/qzimgbg-01.png) no-repeat top center;
}
.qzlist-1{
    width:1200px;
    height:auto;
    margin: 0px auto;
}
.qztitle{
    width:1200px;
}
.qztitle b{
    width:1200px;
    display: block;
    height:100px;
    line-height:80px;
    font-size: 35px;
    color: #fff;
    text-align: center;
}
.conprospect{
    width:1200px;
    height:auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.prospectimg{
    width:340px;
    text-align: center;
}
.prospect{
    width:340px;
    height:auto;
    background-color: #fff;
    border-radius: 10px;
    padding: 50px 20px 10px;
}
.prospect h1{
    width:340px;
    display: block;
    height:30px;
    line-height:40px;
    font-size: 22px;
    color: #666;
}
.prospect p{
    line-height:35px;
    font-size: 20px;
    color: #999;
    text-align: left;
}
.qzlist-2{
    width:1200px;
    height:auto;
    margin: 0px auto;
    padding-top: 310px;
}
.qzlist-2 .qztitle b{
   color: #3465ee;
}
.qzlist-2 .prospect{
    padding-top: 0px;
    margin-bottom: 35px;
    box-shadow:0px 0px 10px #eaf0ff;
}
.qzlist-2 .prospect h1{
    color: #000;
}
.qzlist-2 .prospect p{
    color: #393939;
}
.qzlist-2 .prospect-k{
    background-color: #f4f7fe;
    box-shadow:none;
}
.qzlist-2 .prospectimg{
    padding-bottom: 20px;
}
.prospectbut{
    width:340px;
    height:70px;
}
.prospectbut a{
    width:130px;
    height:46px;
    display: block;
    color: #ccc;
    font-size: 17px;
    line-height: 46px;
    text-align:center;
    margin: 0px auto;
    border-radius: 30px;
    border:2px solid #ccc;
}
.prospectbut .qzactive{
    color: #fff;
    background-color:#3465ee;
    border:4px solid #e8eefc;
}
.qzbox-02{
    width:100%;
    height:auto;
    padding: 30px 0px;
    background:#fff url(images/qzimgbg-02.png) repeat-x top;
}
.qzbox-02 .qztitle b{
    color: #3e84f3;
}

.benefit{
    width:1200px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.benefit p{
    width:710px;
    font-size: 16px;
    line-height: 40px;
    margin: 0px;
}
.qziconmg{
    width:1200px;
    padding: 20px 0px;
    margin: 0px auto;
}
.qzlist-3{
    width:1200px;
    height:auto;
    margin: 0px auto;
}
.qztitle02{
    width:1200px;
    display:block;
    height:50px;
    line-height:50px;
    border-left: 5px solid #42b7ed;
    color: #448bf5;
    font-size: 28px;
    font-weight: bold;;
}
.qzbox-03{
    width:100%;
    height:584px;
    background:#fff url(images/qzimgbg-03.jpg) no-repeat center;
}
.qzbox-04{
    width:100%;
    height:auto;
    background-color:#f3f8fe;
}
.qzbox-04 .qztitle {
    width:1200px;
    margin: 0px auto;
    padding-top: 40px;
}
.qzbox-04 .qztitle b{
    color: #0460f1;
}
.qzbox-05{
    width:100%;
    height:auto;
    padding-top: 1180px;
    background:#fff url(images/qzimgbg-02.jpg) no-repeat top center;
}
.qzbox-05 .qztitle02{
    color: #000;
    border-color: #fe7e59;
}
.qzbox-05 .qztitle b{
    color: #1c84e5;
}
.qzbox-06{
    width:100%;
    height:auto;
    background:#f1faff url(images/qzimgbg-01.jpg) no-repeat top center;
}
.conlecturer{
    width: 1200px;
    height:auto;
    padding: 30px 0px;
}
.lecturer{
    width: 1200px;
    height:436px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow:0px 0px 10px #ececec;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.lecturer .h2{
    font-size: 24PX;
    color: #000;
    height:60px;
    line-height:60px;
}
.lecturertext{
    width:500px;
    padding-top: 20px;
    padding-right: 20px;
}
.lecturertext p{
    font-size: 16PX;
    color: #0b121a;
    line-height:37px;
}
.lecturerimg{
    width:646px;
}
.lecturerimg img{
    border-radius: 12px 0px 0px 12px;
}
.qzteachers{
    width:1200px;
    height:33px;
    padding: 60px 0px;
    background: url(images/qzimgbgpoint.png) repeat-x center;
}
.qzteachers a{
    width:70px;
    height:auto;
    display: block;
    text-align: center;
}
.qztea{
    float: left;
    margin-left: 172px;
    padding-top: 7px;
}
.qzteachers .qzleft{
    width:33px;
    height:33px;
    line-height:33px;
    float: left;
}
.qzteachers .qzright{
    width:33px;
    height:33px;
    line-height:33px;
    float: right;
}
.qztea0{
    color: #1067f4;
}
/**元宇宙**/
.yyzbox-banner{
    width:100%;
    height:auto;
    background-color: #081d56;
    text-align: center;;
}
.yyzbox-banner img{
    width:100%;
}
.yyzbox-01{
    width:100%;
    height:auto;
    background: #ddf5ff url(images/yyzimg-01.jpg) no-repeat top center ;
}
.yyzlist01{
    width:1200px;
    height:auto;
    margin: 0px auto;
    padding-top: 270px;
}
.application{
    width:1200px;
    height:auto;
    padding-top: 240px;
    padding-bottom: 30px;
    text-align: center;
    background: url(images/yyzimg-02.png) no-repeat center ;
}
.application2{
    width:1200px;
    height:auto;
    text-align: center;
    padding-top: 290px;
    padding-bottom: 30px;
    background: url(images/yyzimg-03.png) no-repeat center ;
}
.yyztitle{
    width:1200px;
    height:auto;
}
.yyztitle b{
    width:1200px;
    height:100px;
    display: block;
    line-height:100px;
    color: #3a5695;
    font-size: 30px;
    text-align: center;
}
.yyztitle h2{
    width:1200px;
    height:34px;
    display: block;
    line-height:34px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    background: url(images/bg-title010.jpg) repeat-y;
}
.yyzbox-02{
    width:100%;
    height:auto;
    background-color: #fff;
}
.yyzlist02{
    width:1200px;
    height:auto;
    margin: 0px auto;
    padding: 20px 0px;
}
.yyzlist02 .job span{
    background-color: #fff;
    height:auto;
}
.yyzlist02 .job{
    height:auto;
}
.yyzlist02 .jobimg{
    background-color: #fff;
    width:570px;
}
.job-yyz span{
    padding: 0px 20px;
}
.job-yyz .jobimg{
    width:600px;
}
.yyzbox-03{
    width:100%;
    height:auto;
    background: #1e4483 url(images/yyzimg-03.jpg) no-repeat top center ;
}
.yyzlist03{
    width:1200px;
    height:auto;
    margin: 0px auto;
    padding-top: 530px;
}
.yyzbox-04{
    width:100%;
    height:auto;
    background: #f1faff url(images/yyzimg-05.jpg) no-repeat top center ;
}
.yyzlist04{
    width:1200px;
    height:auto;
    margin: 0px auto;
    padding: 20px 0px;
}
/*报名*/
.bm{
	background:#fff;
	
}

.bm .main {
  margin: 20px auto;
  display: flex;
  justify-content: space-between;
  background-color: #FBFBFB;
}
.bmxx h2 {
  font-size: 28px;
  color: #333;
  font-weight: 999;
  margin-left: 10%;
  font-family: '华文中宋';
}
.bm .kbxx {
  margin-right: 30px;
  width: 700px;
}

.bm .kbxx .head {
  background: #428EFE;
  padding: 10px 0;
  color: #fff;
  border-radius: 5px;
}

.bm .kbxx .kbxx-list {
  display: flex;
  justify-content: space-around;
  margin: 10px auto;
  padding: 10px 0;
  background: #F8F9FE;
}

.bm .kbxx .kbxx-list span {
  padding: 2px 10px;
}
.bm .kbxx .kbxx-list span:nth-child(5){
	color:red;
}
.btn {
  background: #FF6B4D;
  padding: 2px 10px;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  cursor: pointer;
}
.header {
  background: #081D56;
  height: 90px;
  margin: auto;
  align-content: center;
  border-bottom: 1px solid #fff;
}

.header .main ul {
  align-content: center;
}

.header .main ul li {
  width: 110px;
  border-right: 1px solid #fff;
  margin: auto;
  text-align: center;
  line-height: 18px;
}

.header .main ul li:last-child {
  border-right: none;
}

.header .main ul li a {
  font-size: 18px;
  color: #fff;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}