@font-face {
    font-family: 'iconfont';
    src: url('./font/iconfont.woff2?t=1630566740507') format('woff2'),
    url('./font/iconfont.woff?t=1630566740507') format('woff'),
    url('./font/iconfont.ttf?t=1630566740507') format('truetype');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
}
li{ list-style: none;}
/*
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}*/
.navbar-default .navbar-header .navbar-brand {
    color: #777;
}
.navbar-default .nav > li > a {
    color: #333;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    position:static;
}
.header-font{
    border-left: 1px solid #777;
}
.banner img{width:100%;}
.container-2{
    text-align: left;
    font-size: 16px;
}
.container-2 .comtitle h4 a{
    text-align: left;
    font-size: 14px;
    color: #2d2d2d;
    padding-left: 10px;
}
.banner .comtitle{
    position: relative;
    top: -275px;
    color:#fff;
}
.banner .comtitle h1{
    color:#fff;
}
.banner .comtitle .line{width:742px;height:1px;background:#fff;margin: 0 auto;}
.banner .comtitle .line .bline{width:130px;height:5px;background:#fff;margin: 0 auto;position: relative;top: -2px;}
.container-2 .comfont{text-align:left;text-indent:2em;font-size: 14px;margin-top: 15px;color: #000;line-height: 25px;}
.container-2 .line .lline{width:235px;height:5px;background:#000000;position: relative;top: -2px;}
.container-2 .list{width:360px;margin: 0 auto;height:35px;}
.container-2 .list li{float:left;width:100px;line-height: 35px;    text-align: center;margin-right:20px;font-weight: 700;}
.container-2 .list .active{color: #fff;background: #0d0d0d;}
.container-2 .list .active a{color: #fff;}
.container-2 .detail{}
.container-2 .detail ul{padding:0px;}
.container-2 .detail ul li{width:500px;float:left;margin-top: 50px;height: 165px;
}
.container-2 .detail ul li:nth-child(even){width:450px;float:right;}
.container-2 .detail .left{width:200px;float:left;}
.container-2 .detail .left img{border-radius:20px;}
.container-2 .detail .right{width:250px;float:left;font-size:14px;padding:20px;}
.container-2 .detail .right .content{
    margin-top:10px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    text-overflow: ellipsis;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    color: #6d6c6c;
    font-size: 12px;
}
.container-2 .coursed .top{margin-top:50px;height: 336px;}
.container-2 .coursed .top .left{float:left;width:575px;}
.container-2 .coursed .top .left img{float:right;width:450px;}
.container-2 .coursed .top .right{float:left;width:350px;position: relative;}
.container-2 .coursed .top .right .code{width:380px;position: relative;left: 20%;}
.container-2 .coursed .top img{float:right;}
.container-2 .coursed .top .right .qrcode{position: absolute;position: absolute;
    left: 39%;
    top: 26%;
    width: 180px;}
.container-2 .coursed .pbottom{text-align: center;margin-top:50px;}
.container-2 .coursed .center{border:1px dashed #7A859B;margin-top:50px;clear:both;}