@font-face {
    font-family: 'iconfont';  /* Project id 4161281 */
    src: url('//at.alicdn.com/t/c/font_4161281_6ne57xl3jy6.woff2?t=1689048799623') format('woff2'),
    url('//at.alicdn.com/t/c/font_4161281_6ne57xl3jy6.woff?t=1689048799623') format('woff'),
    url('//at.alicdn.com/t/c/font_4161281_6ne57xl3jy6.ttf?t=1689048799623') format('truetype');
}
.icons{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
a:hover{
    color: #1E9FFF;
}
.top{
    width: 100%;
    height: 35px;
}
.top-nav{
    margin: 0 auto;
    width: 1400px;
    text-align: right;
    line-height: 35px;
}
.top-nav span{

}
.nav{
    background-color: #393D49;
    width: 100%;
}
.lipei{
    height: 200px;
    background-color: #c0c4cc;
    padding: 20px 20px 20px 20px;
    transition-property:all;
    transition-duration:.4s;
}
.lipei1{
    height: 200px;
    background-color: #e6e8ee;
    padding: 20px 20px 20px 20px;
    transition-property:all;
    transition-duration:.4s;
}
.lipei:hover{
    background: rgba(0,0,0,0.6);
    color: white;
}
.lipei1:hover{
    background: rgba(0,0,0,0.6);
    color: white;
}

footer{
    background-color: #393D49;
}
.footer{
    margin: 0 auto;
    width: 1400px;

}
.f1{
    margin-top: 5px;
    border-bottom: #525769 1px solid;
    height: 40px;
}
.f1 li{
    width: 279px;
    line-height: 35px;
    float: left;
    color: white;
    text-align: center;
}
.fg{
    border-right: 1px solid #525769;
}
.f2{
    margin-top: 20px;
    height: 100px;
    border-bottom: #525769 1px solid;
}
.f2 li{
    float: left;
}
.f3{
    margin-top: 20px;
    height: 40px;
    border-bottom: #525769 1px solid;
}
.f3 li{
    float: left;
    color: white;
    width: 100px;
    text-align: center;
}
.f3 li a{
    color: #c0c4cc;
}
.t-list li{
    margin-top: 10px;
    margin-left: 10px;
    width: 340px;
    height: 340px;
    float: left;
    line-height: 340px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    background-size: 340px 340px;
    color: white;
    overflow: hidden;
    background-position:center center;
    transition-property:all;
    transition-duration:.4s;
}
.t-list li:hover{
    background-size: 380px 380px;
}
.t-baozhang{
    margin-top: 30px;
}
.t-baozhang li{
    width: 455px;
    margin-left: 10px;
    float: left;
    padding-top: 50px;
    text-align: center;
    background-color: #d4eafa;
    height: 400px;
    transition-property:all;
    transition-duration:.3s;

}
.t-baozhang li h2{
    font-weight: 600;
}
.t-baozhang li p{
    margin-top: 50px;
    font-size: 16px;
    line-height: 30px;
}
.t-baozhang li:hover{
    margin-top: -10px;
    border: #1E9FFF 1px solid;
    background-color: white;
}
.t-lipei{
    margin-top: 30px;
    box-sizing: border-box;
}
.t-lipei li{
    width: 338px;
    margin-left: 10px;
    float: left;
    text-align: center;
    background-color: #d4eafa;
    height: 300px;
    padding: 50px 10px 10px 10px;
    box-sizing: border-box;
    transition-property:all;
    transition-duration:.3s;
}
.t-lipei li h2{
    font-weight: 600;
}
.t-lipei li p{
    margin-top: 50px;
    font-size: 16px;
    line-height: 30px;
}
.t-lipei li:hover{
    margin-top: -10px;
    border: #1E9FFF 1px solid;
    background-color: white;
}


.t-lipeis{
    margin-top: 30px;
    box-sizing: border-box;
}
.t-lipeis li{
    width: 338px;
    margin-left: 10px;
    float: left;
    text-align: center;
    height: 300px;
    padding: 40px 10px 10px 10px;
    box-sizing: border-box;
    background-image: url(/static/img/teach-1.jpg);background-position: top;background-repeat:no-repeat;
    background-color: white;
    transition-property:all;
    transition-duration:.3s;
}
.t-lipeis li h2{
    font-weight: 600;
}
.t-lipeis li div{
    background-color: #f5f7fd;
    float: left;
    width: 140px;
    height: 60px;
    line-height: 60px;
    margin-top: 10px;
    margin-left:10px;
    font-size: 16px;
    transition-property:all;
    transition-duration:.3s;
}
.t-lipeis li div:hover{
    background-color: #d8e2fd;
}
.t-lipeis li p{
    margin-top: 50px;
    font-size: 16px;
    line-height: 30px;
}
.t-lipeis li:hover{
    margin-top: -10px;
    border: #1E9FFF 1px solid;
    background-color: white;
}
.gou{
    width: 350px;
}
.gou li{
    float: left;
    margin-left: 20px;
    font-size: 16px;
    line-height: 40px;
    color: #c0c4cc;
}
.gou li i{
    margin-right: 10px;
}
.gx{
    height: 50px;
}
.gx li{
    width: 340px;
    line-height: 50px;
    text-align: center;
    float: left;
    font-size: 16px;
    font-weight: 600;
}
.gx li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    width: 1px;
    height: 32px;
    background-color: rgba(26,107,252,.12);
}
.gi{
    height: 80px;
}
.gi li{
    line-height: 80px;
    text-align: center;
    float: left;
    margin-left: 5px;
}
.gi li img{
    height: 80px;
}
.layui-form-label{
    text-align: left;
    color: black;
}
.u-main{
    float: left;
    margin-left: 5px;
    width: 1195px;
    box-sizing: border-box;
    padding: 5px 5px 5px 5px;
    min-height: 600px;
}
.u-left li{
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: #e7e8ea solid 1px;
    font-size: 16px;
    padding-left: 10px;
    box-sizing: border-box;
}
.u-left li i{
    float: right;
    margin-right: 10px;
}