*{font-family:'微软雅黑','Open Sans','Helvetica Neue',Arial,"Hiragino Sans GB",sans-serif;padding:0;margin:0;border:0;list-style-type:none;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

html{border:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

body{word-wrap:break-word;word-break:break-all;background:#fff;}

ul,ol{list-style-type:none;}

button,submit,input,select,textarea{outline:none;}

button,submit,input,select{vertical-align:middle;}

button,submit,input[type="button"]{cursor:pointer; -webkit-appearance: none;}

textarea{resize:none;outline:none;}

input,textarea{-webkit-appearance:none;}

button::-moz-focus-inner,

submit::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="file"] > input[type="button"]::-moz-focus-inner{padding:0;border:none;}

table{border-collapse:separate;border-spacing:1px;}

th,td{text-align:left;}

address,cite,dfn,em,var{font-style:normal;}

img{border:none;vertical-align:middle;}

a{outline:none;}

a:link,a:visited{text-decoration:none;outline:none;}

a:hover,a:active{outline:none;}

iframe{vertical-align:top;}

*html{zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

.clearfix{*zoom:1}

.clearfix:after{content:'\20';display:block;clear:both;height:0;overflow:hidden;}

.hide{display:none;}



/*浮动*/

.left{float:left;}

.right{float:right;}

.blockcenter{margin:0 auto;display:block;}

.align_c{ text-align:center;}

.dw{ position:relative;}

.wall img{ width:100%;}

.fixed{position:fixed;z-index:100;}

.backWhite{background:#fff;}

.toast{top: 0;left: 0;bottom: 0;right: 0;z-index:1000000;}

.toast1{width:100%;height:100%;align-items:center;display:flex;}

.toast1 p.black{margin:0 auto;background: rgba(0, 0, 0, 0.7);color:#fff;padding:8px 10px;border-radius:5px;}

.toast_tk{z-index:10000000;}

.toast_box{display:flex;align-items:center;width:100%;height:100%;}

.toast_con{background:#fff;border-radius:5px;padding:10px;width:75%;margin:0 auto;}

.tips{color:#f60e0c;font-size:13px;}

.black{background: rgba(0, 0, 0, 0.8);}

.greenColor{color:#4ea270;}

.center{text-align:center;}

.fullImg{width:100%;}

.allpic{width: 100%;height: auto;display: block;}

.border_b{border-bottom:1px solid #e0e0e0;}

.btn{padding:5px 10px;color:#fff;border-radius:5px;}

.redBtn{background:#ff2524;}

.redBtn:active{background:#ce0b0b;}

.greenBtn{background:#00cc0b;}

.bottom{bottom:0;left:0;right:0;}

.top{top:0;left:0;right:0;}

.marginTop10{margin-top:10px;}

i{font-style:normal;}

.redColor{color:#c60506;}



.tit1{

    text-align: center;
    font-size: 55px;
    letter-spacing: 3px;

}

.container{

    width:1110px;

    margin:0 auto;

}

body{

    padding-top:60px;

}

.header{

    height:60px;

    background: #00a8ff;

    line-height: 60px;

    position: fixed;

    top:0;

    left:0;

    right: 0;

    z-index: 10000;

}

.header ul{

    float:left;

}

.header ul li{

    

    float:left;

    font-size: 16px;

    padding: 0 40px;

    cursor: pointer;

}

.header ul li a{

    color:#fff;

}

.header ul li:hover{

    background: #fff;

    transform: skewX(-20deg);

}

.header ul li:hover a{

    transform: skewX(20deg);

    display: inline-block;

    color: #00A8FF;

}

.header ul li.on{

    background: #fff;

    transform: skewX(-20deg);

    

}

.header ul li.on a{

    transform: skewX(20deg);

    display: inline-block;

    color: #00A8FF;

}

.header .language{

    float:right;

    color: #00A8FF;

    font-size: 12px;

    background: #fff;

    border-radius: 100px;

    height: 32px;

    line-height: 32px;

    padding: 0 10px;

    margin-top: 15px;

    margin-left: 20px;

    cursor: pointer;

}

.banner{

    position: relative;

    color: #00A8FF;

    cursor: default;

}

.banner div{

    position: absolute;

    text-align: center;

    top: 20%;

    left: 0;

    right: 0;

    margin: auto;

}

.banner h1{

    font-size: 70px;

    margin-bottom: 25px;

    font-weight: bold;

}

.banner h2{

    font-size: 34px;

    margin-bottom: 35px;

    font-weight: bold;

}

.banner p{

    background: #00A8FF;

    color: #fff;

    border-radius: 100px;

    padding:15px 75px;

    display: inline-block;

    position: relative;

}

.banner p::after{

    content:"";

    width: 0;

    height: 0;

    border-left: 12px solid transparent;

    border-bottom: 15px solid #00A8FF;

    border-right: 12px solid transparent;

    position: absolute;

    left:0;

    right:0;

    margin:auto;

    top:-12px;

}

.intro{

    padding:130px 0;

}

.intro .left{

    width: 456px;

}

.intro .right{

    width: 555px;

}

.intro_info .tit1{

    text-align: center;

}

.intro_info .tit2{

    padding: 30px 0;

    color: #333;

    border-bottom:1px solid #E2E2E2;



}

.intro_info .tit2 h3{



    font-size: 16px;

}

.intro_info .tit2 h2{

    font-size: 24px;

}

.intro_info .infomsg{

    margin-top:40px;

    color: #666666;

    text-indent: 26px;

    line-height: 30px;

    margin-bottom: 60px;

}

.intro_block{

    width: 132px;

    height: 40px;

    background: #00A8FF;

}

.intro1{

    background:#f4fcff;

    text-align: center;

    position: relative;

}

.intro1 ul{

    position: absolute;

    top:0;

    bottom:0;

    margin: auto;

    left: 0;

    right: 0;

}

.intro1 ul li{

    float: left;

    width: 33.33%;

    text-align: center;

    margin-top: 10%;

    display: inline;

}

.intro1 ul li img{

    margin-bottom: 29px;

}

.intro1 ul li h1{

    font-size: 44px;

    margin-bottom: 15px;

    font-weight: bold;

}

.intro1 ul li p{

    font-size: 18px;

}

.superior{

    padding:100px 0;

}

.superior .tit1{

    margin-bottom: 70px;

}

.superior li{

    /* display: flex;

    justify-content: space-between; */

    margin-bottom: 17px;

}

.superior_fl{

    float: left;

    width: 340px;

    height: 230px;

    background: #F5F5F5;

    color: #666;

    font-size: 22px;

    /* display: flex;

    align-items: center;

    justify-content: center; */

    position: relative;

}

.superior_fl img{

    position: absolute;

    left: 0;

    bottom: 0;

    top: 0;

}

.superior_fl div{

    /* flex:1; */

    text-align: center;

    margin-left: 125px;

    margin-top:72px;

}

.superior_fl::after{

    content: "";

    width: 0;

    height: 0;

    border-top: 21px solid transparent;

    border-bottom: 21px solid transparent;

    border-left: 23px solid #F5F5F5;

    position: absolute;

    right: -23px;

    top: 0;

    bottom: 0;

    margin: auto;

}

.superior_fl p{

    font-size: 32px;

}

.superior_fr{

    float: left;

    width: 686px;

    height: 230px;

    background: #33B9FF;

    color: #fff;

    font-size: 18px;

    display: flex;

    align-items: center;

    padding: 0 34px 0 50px;

    line-height: 30px;

}

.about{

    background: #F3FCFF;

}

.about .tit1{

    text-align: left;

    margin: 70px 0;

}

.about_info{

    color: #666666;

    font-size: 16px;

    line-height: 30px;

}

.about_info p{

    text-indent: 30px;

}

.about_fl{

    width: 547px;

}

.about_fr{

    width: 411px;

    height: 635px;

}

.apply{

    font-size: 16px;

    color: #FFFEFE;

    background:url(../images/bg1.jpg) no-repeat;

    background-size:100% 100%;

    padding: 56px 0;

}

.apply h1{

    font-size: 26px;

    margin: 10px 0 40px;

}

.apply_input{

    width: 550px;

    height: 60px;

    background: #FFFFFF;

    border-radius: 30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.apply_input input{

    flex: 1;

    margin-left: 30px;

    font-size: 20px;

    color: #999999;

}

.apply .shiyong{

    width: 166px;

    height: 54px;

    background: #00A8FF;

    border-radius: 27px;

    font-size: 20px;

    text-align: center;

    line-height: 54px;

    display: inline-block;

    margin-right: 3px;

    cursor: pointer;

}

.apply .right{

    text-align: right;

}

.apply .zixun{

    width: 150px;

    height: 60px;

    background: #28B6FF;

    border-radius: 30px;

    font-size: 20px;

    display: inline-block;

    line-height: 60px;

    text-align: center;

    cursor: pointer;

}

.footer{

    color: #666666;

    font-size: 16px;

    text-align: center;

    line-height: 30px;

    padding: 30px 0;

    background: #F5F5F5;

}

.footer span{

    margin-right: 15px;

}





/*introbox*/

.intro_one_con{

    width:100%;

    max-width: 1440px;

    margin:0 auto;

    display: flex;

}

.intro_one .left{

    width:705px;

    height:480px;

}

.intro_one .left img{

    height:100%;

}

.intro_one .right{

    flex:1;

    max-width: 735px;

    font-size: 16px;

    color: #333333;

}

.intro_one .right .student{

    background: #F5F5F5;

    padding-left: 55px;

    padding-top: 50px;

    padding-bottom: 126px;

    padding-right: 113px;

}

.intro_one .tit2 h2{

    font-size: 24px;

}

.intro_one .tit2 h3{

    color: #9F9F9F;

    font-size: 14px;

}

.intro_one .info{

    margin-top: 25px;

    line-height: 30px;

}

.intro_one .teacher{

    background: #00A8FF;

    color: #fff;

    padding: 35px 30px;

    margin-left: 55px;

    margin-top: -86px;

    width: 510px;

    position: relative;

}

.intro_one .teacher .tit2 h3{

    opacity: 0.35;

    color: #fff;

}

.intro_one .teacher::after{

    content: "";

    width: 0;

    height: 0;

    border-top: 12px solid transparent;

    border-bottom: 12px solid transparent;

    border-right: 15px solid #00A8FF;

    position: absolute;

    bottom: -15px;

    left: 0;

    transform: skew(-50deg, 40deg);

}

.intro_two{

    margin:90px 0;

}

.intro_two .info{

    color: #333;

    font-size: 16px;

    line-height: 30px;

    margin: 35px 0;

}

.intro_two .info p{

    text-indent: 30px;

}

.intro_two ul li{

    background:#F5F5F5;

}

.intro_two ul li .tit1{

    text-align: left;

}

.intro_two ul li .info{

    margin:0;

    margin-top:24px;

}

.intro_two ul li .left , .intro_two ul li .right{

    width:555px;

    height:260px;

}

.intro_two ul li div .fullImg{

    width:100%;

    height: 100%;

}

.intro_two ul li .infomsg{

    padding:35px;

    width:485px;

    height: 190px;

}

.intro_three{

    background:#F5F5F5;

    padding:93px 0;

}                                                                                                                                                                                                              

.intro_three ul{

    margin-top:50px;

}

.intro_three ul li{

    /* display: flex;

    align-items: center; */

    width: 553px;

    height: 313px;

    border:1px solid #D1D1D1;

    background: #fff;

    color: #666;

    font-size: 16px;

    line-height: 30px;

    float: left;

    text-align: center;

}

.intro_three ul li:nth-child(2n){

    border-left:0;

}

.intro_three ul li:nth-child(3) , .intro_three ul li:nth-child(4){

    border-top:none;

}

/* .intro_three ul li:nth-child(4) , .intro_three ul li:nth-child(5) , .intro_three ul li:nth-child(6){

    border-top:none;

}

.intro_three ul li:nth-child(2) , .intro_three ul li:nth-child(5){

    border-left:0;

    border-right:0;

} */

.intro_three ul li .title{

    color:#00A8FF;

    font-size:26px;

    margin-bottom: 10px;

    text-align: center;

}

.intro_three ul li .icon{

    margin: 0 auto;

    display: block;

    margin-bottom: 10px;

    width: 29px;

}

.intro_three ul li div{

    margin: 50px 30px;

}



/*about*/

.aboutInfo{

    margin-top: 58px;

}

.aboutInfo .info{

    color: #666666;

    font-size: 16px;

    line-height: 30px;

}

.aboutInfo .info p{

    text-indent: 30px;

}

.aboutInfo .title{

    margin-bottom: 39px;

    text-align: center;

}

.aboutInfo .title h1{

    color: #333333;

    font-size: 40px;

    font-weight: bold;

}

.aboutInfo .title p{

    font-size: 24px;

    color: #333;

}

.about_contact{

    margin: 80px 0;

}

.about_contact .tit1{

    text-align: left;

    margin-bottom: 69px;

}

.about_contact .right{

    width: 290px;

}

.about_contact{

    color: #999999;

    font-size: 16px;

}

.about_contact div{

   margin-bottom: 30px;

}

.about_contact h2{

    color: #333333;

    font-size: 24px;

    margin-top: 15px;

}