.info-banner{
    width: 100%;
    margin:0 auto;
}
.info-banner img{
    width: 100%;
    float:left;
}
.web-show,.pc-show{
    display: inline-block;
}
@media screen and (min-width: 1200px) {
    .web-show{
        display: none;
    }
}
@media screen and (max-width: 1199px) {
    .pc-show{
        display: none;
    }
}

.info-nav{
    width:100%;
    border-bottom:1px solid #d2d2d2;
}
.info-nav .info-nav-main{
    width: 100%;
    max-width: 1200px;
    margin:0 auto;
}
.info-nav .info-nav-main dt{
    width: auto;
    float:left;
    display: inline-block;
}
.info-nav .info-nav-main dt a.on{
    background:#2b2b2b;
    color: #fff;
}
.info-nav .info-nav-main dt a{
    width:auto;
    padding:22px;
    display: inline-block;
    font-weight: bold;
    font-size:15px;
}
@media screen and (max-width: 480px) {
    .info-nav .info-nav-main dt a{
        padding:15px;
    }
}

.info-main{
    width:100%;
    max-width: 1200px;
    margin:0 auto;
    padding: 30px 0;
}

/* 鍐呭妯″紡 */
.info-content-title{
    width: 100%;
    text-align: center;
    font-size:36px;
    margin-top:30px;
}
.info-content-box{
    width:100%;
    font-size:14px;
    line-height:24px;
    color:#666;
    padding:30px 0 100px;
}
.info-content-box p{
    /* text-indent: 2rem; */
}
@media screen and (max-width:1200px) {
    .info-content-box{
        width:96%;
        margin:0 auto;
    }
}
@media screen and (max-width:1000px) {
    .info-content-box img{
        width:100%;
        margin:0 auto;
    }
}

/* 鏂伴椈妯″紡 */
.info-list{
    width:100%;
    margin:0 auto;
}
.info-list li{
    width:100%;
    border-bottom:1px dashed #d3d3d3;
    padding:0 0 20px;
    margin-bottom:20px;
}
.info-list li .pic{
    float: left;
    width: 200px;
    height: 150px;
    padding:4px;
    margin-right: 20px;
    border: 1px solid #e7e7e7;
    overflow: hidden;
}
.info-list li .pic a{
    width:100%;
    height:100%;
    overflow: hidden;
    display: inline-block;
}
.info-list li .pic img{
    width:100%;
    height:100%;
    object-fit: cover;
    display: inline-block;
}
.info-list li:hover .pic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.info-list li dl{
    display: block;
    overflow: hidden;
    zoom: 1;
    padding: 0;
    line-height: 20px;
}
.info-list li dl dt{
    font-size: 16px;
    line-height: 32px;
}
.info-list li dl dd{
    padding: 5px 0 0;
    color: #999;
    font-size: 14px;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
@media screen and (max-width: 1200px){
    .info-list{
        width:98%;
        margin:0 auto;
    }
}
@media screen and (max-width: 640px) {
    .info-list li .pic{
        width:100%;
        float:none;
        height:auto;
        overflow: hidden;
        box-sizing: border-box;
    }
    .info-list li .pic a{
        width:100%;
        height:auto;
        float:left;
        display: inline-block;
    }
    .info-list li .pic a img{
        width: 100%;
        height:auto;
        float:left;
        display: inline-block;
    }
}

/*
**鍥剧墖妯″紡
*/
.info-pic{
    width:100%;
    margin:0 auto;
}
.info-pic li{
    width:273px;
    margin:0 27px 23px 0;
    float:left;
    display:inline-block;
}
.info-pic li:nth-child(4n + 1){clear:both;}
.info-pic li .pic,.info-pic li .pic a{
    width: 100%;
    float:left;
    display: inline-block;
}
.info-pic li .pic img{
    width: 100%;
    float:left;
    display: inline-block;
}
.info-pic li p{
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    padding: 4px 5px;
    background: #f5f5f5;
}
.info-pic li p a{
    width: 100%;
    height:100%;
    display: inline-block;
}
.info-pic li:hover p{
    background:#2b2b2b;
}
.info-pic li:hover a{
    color:#fff;
}
@media screen and (max-width: 1199px){
    .info-pic{
        width: 98%;
        margin:0 auto;
    }
    .info-pic li{
        width:29.33333%;
        margin:0 2% 2%;
    }
.info-pic li:nth-child(4n + 1){clear:unset;}
.info-pic li:nth-child(3n + 1){clear:both;}
}
@media screen and (max-width: 560px){
    .info-pic li{
        width:46%;
        margin:0 2% 2%;
    }
.info-pic li:nth-child(4n + 1){clear:unset;}
.info-pic li:nth-child(3n + 1){clear:unset;}
.info-pic li:nth-child(2n + 1){clear:both;}
}
@media screen and (max-width: 400px){
    .info-pic li{
        width:96%;
        margin:0 2% 2%;
        clear:unset;
    }
}


/*
**鍒嗛〉
*/
.page-list{
    padding: 20px 0 40px;
    line-height: 24px;
    text-align: center;
}
.page-list a{
    display: inline-block;
    margin: 0 2px;
    padding: 0 8px;
    border: 1px solid #ddd;
    color: #333;
    vertical-align: top;
}
.page-list a:hover, .page-list .current {
    border: 1px solid #2b2b2b;
    background: #2b2b2b;
    color: #fff;
}


/*
**鍐呭椤�
*/
.display-content{
    width:100%;
}
.display-content-title{
    width: 98%;
    margin:0 auto;
    text-align: center;
    color: #000;
    font-size: 20px;
}
.titBar{
    width: 98%;
    margin:0 auto;
    text-align: center;
    color: #797979;
    font-size: 12px;
}
.display-content-box{
    width: 100%;
    margin:30px auto 80px;
    color:#666;
    line-height:24px;
    font-size:14px;
    text-align:justify;
}
.display-content-box img{
    border:0;
    max-width: 100%;
}
.display-content-box video{
    width:auto;
    height: auto;
    max-width: 100%;
    margin:0 auto;
    min-width: 71%;
    display: block;
}


.prev-content{
    width:100%;
    margin:0 auto;
    border-top:1px solid #ddd;
    padding: 20px 0 50px;
    color:#666;
    line-height:30px;
}
.prev-content p{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.prev-content a{
    color:#666;
}
.prev-content a:hover{
    color:#f00;
}
@media screen and (max-width: 1200px) {
    .display-content-box,.prev-content{
        width: 96%;
    }
}



/* 缃戠珯鍦板浘 */

/* 缃戠珯鍦板浘 */
.sitemap-main{
    width: 100%;
    max-width: 1200px;
    margin:100px auto;
}
.webmap{padding:10px 0px 15px}
.webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;}
.webmap dt{width:15%;float:left;}
.webmap dd{float:left;width:85%;}
.webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center}
.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center}
.webmap a:hover{background:#343434;text-decoration:none;color:#fff}



/* 璇剧▼鐗硅壊鍗曢〉 */
.course-special{
    width:100%;
    margin:0 auto;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding-bottom:45px;
    overflow: hidden;
}
.course-special-01{
    background-image: url('/public/info/info-01.jpg');
}
.course-special-02{
    background-image: url('/public/info/info-02.jpg');
}
.course-special-03{
    background-image: url('/public/info/info-03.jpg');
}
.course-special-04{
    background-image: url('/public/info/info-04.jpg');
}

.course-special .course-special-main{
    max-width:1200px;
    width:100%;
    margin:0 auto;
}
.course-special-main-title{
    width: 100%;
    margin:0 auto;
    text-align: center;
    line-height:50px;
    padding: 45px 0 40px !important;
    display: block;
}
.course-special-main-title h2,.course-special-main-title h3{
    color:#2b2b2b;
    font-weight: normal;
    font-size:36px !important;
}
.course-special-main-title h2{
    color:#555;
}
.course-pictxt{
    width:100%;
    margin:0 auto;
    background:#f1ad38;

}
.course-pictxt .course-pictxt-img{
    width:768px;
    height:476px;
    float:left;
    display: inline-block;
}
.course-pictxt .course-pictxt-img img{
    width: 100%;
    height:100%;
    object-fit: cover;
}
.course-pictxt .course-pictxt-p{
    width:382px;
    height:376px;
    float:left;
    display: inline-block;
    padding:50px 25px;
}
.course-pictxt .course-pictxt-p h1{
    color:#fff;
    font-size:48px;
    line-height:80px;
    font-weight: lighter;
}
.course-pictxt .course-pictxt-p p{
    color:#fff;
    font-size:16px;
    line-height:30px;
}
@media screen and (max-width: 1200px) {
    .course-pictxt .course-pictxt-img{
        width:64%;
        height:39vw;
    }
    .course-pictxt .course-pictxt-p{
        width:32%;
        height:39vw;
        padding:0 2%;
    }
}
@media screen and (max-width: 760px) {
    .course-pictxt .course-pictxt-img{
        width:100%;
        height:39vw;
    }
    .course-pictxt .course-pictxt-p{
        width:100%;
        height:39vw;
        padding:3vw 2%;
    }
}

.course-special-good{
    width:100%;
    max-width: 1200px;
    padding:45px 0 0;
    margin:0 auto;
}
.course-special-good .course-pic-box{
    width:100%;
    max-width: 850px;
    padding:20px 0;
    color:#fff;
}
.course-pic-box-main{
    width:calc(84% - 10px);
    margin:0 auto;
    padding:3% 5%;
    border:5px solid #fff;
}
.course-pic-box-main h2,.course-pic-box-main h3{
    color:#fff;
    font-weight: normal;
    font-size:36px;
    line-height:40px;
}
.course-pic-box-main hr{
    width:100px;
    height:5px;
    border:0;
    background:#fff;
    margin:20px 0;
}
.course-pic-box-main p{
    width: 100%;
    font-size:16px;
    line-height:40px;
}
@media screen and (max-width: 760px) {
    .course-special-good{
        padding:10vw 0 0;
    }
}

.course-special-right{
    width:548px;
    height:452px;
    float:left;
    display: inline-block;
    padding:45px 0;
}
.course-special-right img{
    width: 100%;
    height:100%;
    float:left;
    object-fit: cover;
}
.course-special-left{
    width:582px;
    padding:30px 25px;
    float:right;
    display: inline-block;
    box-shadow: 8px 8px 0 #b9b7b3;
    color:#2a2a2a;
    margin-top:140px;
}
.course-special-left h2{
    font-size:24px;
    line-height: 40px;
    margin-top:30px;
}
.course-special-left p{
    font-size:16px;
    line-height: 30px;
}
.course-special-ask{
    width:150px;
    height:40px;
    line-height:40px;
    font-size:18px;
    color:#fff;
    border-radius:20px;
    margin:0 auto;
    display: block;
    text-align: center;
}
@media screen and (max-width: 1200px){
    .course-special-right{
        width:45% ;
        height:37vw;
        padding:3.75vw 0;
    }
    .course-special-left{
        width:48.5%;
        padding:2.5vw 2%;
        margin-top:4vw;
    }
    .course-special-left h2{
        margin-top:2.5vw;
    }
    .course-special-ask{
        margin-top:6vw;
    }
}
@media screen and (max-width: 760px){
    .course-special-right{
        width:100% ;
        height:auto;
        padding:3.75vw 0 0;
    }
    .course-special-left{
        width:96%;
        margin-top:0;
        padding:2.5vw 2%;
    }
    .course-special-left h2{
        margin-top:2.5vw;
    }
}
.course-swiper{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom:20px;
}
.course-swiper .swiper-wrapper{
    width: 100%
}
.course-swiper .swiper-button-next-course ,.course-swiper .swiper-button-prev-course{
    color:#fff;
}
.course-swiper .swiper-slide img{
    width: 100%;
    display: inline-block;
}