.banner{width:100%;margin:0 auto;position:relative;background:url(../images/banner.jpg) center no-repeat; height:616px;z-index:1;}
.row{margin:0px}
.content{width:1665px;margin:0 auto;}
.topmenu{float:left;width:100%;margin-top:560px;padding:0;display: flex;}
.topmenu li{float:left;width:258px;list-style:none;margin-right:20px;}
.topmenu li:last-child{margin-right:0px;}
.btn{background:url(../images/发布周页面-25.png) center;width:100%;height:45px;}
.btn:hover{background:url(../images/发布周页面-14.png)  center;width:100%;height:45px;}
.btn2{background:url(../images/发布周页面-24.png)  center;width:100%;height:45px;}
.btn2:hover{background:url(../images/发布周页面-15.png)  center;width:100%;height:45px;}
.btn3{background:url(../images/发布周页面-23.png)  center;width:100%;height:45px;}
.btn3:hover{background:url(../images/发布周页面-16.png)  center;width:100%;height:45px;}
.btn4{background:url(../images/发布周页面-22.png)  center;width:100%;height:45px;}
.btn4:hover{background:url(../images/发布周页面-17.png)  center;width:100%;height:45px;}
.btn5{background:url(../images/发布周页面-21.png)  center;width:100%;height:45px;}
.btn5:hover{background:url(../images/发布周页面-18.png)  center;width:100%;height:45px;}
.btn6{background:url(../images/发布周页面-20.png)  center;width:100%;height:45px;}
.btn6:hover{background:url(../images/发布周页面-19.png)  center;width:100%;height:45px;}

.content2{width:1665px;margin:0 auto;height:auto;padding-bottom:20px;}
.col-md-6{float:left;padding:0px}	
.title{float:left;background:url(../images/发布周页面-08.png);width:311px;height:113px;margin-top:110px;}
	/**box**/	
.box {float:left;width:100%;margin-top:30px;}
.box dl{margin:10px 60px;}
.box dl dt{/*border-bottom:1px dotted #dedede;*/ }
.box dl span{/*float:right; font-size:10px; color:#999;*/ background:url(../images/箭头元素.jpg) center  center no-repeat;width:12px;height:60px;position:absolute;margin-left:10px}
.box dl dd{list-style: none;color:#000;overflow: hidden;font-size:18px;font-weight:bold;
	    	text-overflow: ellipsis;
	    	white-space:nowrap;line-height:60px;margin:0;border-bottom: 2px solid #e3e2e2;}
.box dl p{position:absolute; }
.box p{padding:5px 10px;width:90%;margin:0 auto;}
.box dl a{ color:#555;}
.box .btitle{width:100%;border-bottom:1px dotted #dedede;}
.ml-2{margin-left:80px !important;float:left;}
.ml-4{margin-left:120px !important;float:left;margin-top:20px;}
.title2{float:left;background:url(../images/发布周页面-13.png);width:311px;height:113px;margin-top:110px;}
.carousel-indicators{position:absolute;right:0px;justify-content:right;margin-right:2%}
.carousel-indicators li {
width: 10px;
height: 10px;
border-radius: 100%;
}

.carousel-inner{} 
.carousel-item img{image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;} 


.content3{width:1665px;margin:0 auto;height:auto;}
.title3{float:left;background:url(../images/发布周页面-10.png);width:311px;height:113px;margin-top:32px;margin-bottom:5px;}

.content4{width:1665px;margin:0 auto;height:auto;}
.title4{float:left;background:url(../images/发布周页面-11.png);width:311px;height:113px;margin-top:32px;margin-bottom:5px;}

.content5{width:1665px;margin:0 auto;height:auto;}
.title5{background:url(../images/发布周页面-12.png);width:311px;height:113px;margin-top:32px;margin-bottom:5px;display:inline-block}


/**box2**/	
.box2 {float:left;margin-top:30px;width:96%;margin-left:4%;}
.box2 dl{margin:10px 10px;}
.box2 dl dt{/*border-bottom:1px dotted #dedede;*/ }
.box2 dl span{/*float:right; font-size:10px; color:#999;*/ }
.box2 dl dd{float:left;width:50%;list-style: none;color:#000;overflow: hidden;font-size:18px;font-weight:bold;
	    	text-overflow: ellipsis;
	    	white-space:nowrap;line-height:60px;margin:0;border-bottom: 2px solid #e3e2e2;}
.box2 dl dd:after{background:url(../images/箭头元素.jpg) center  center no-repeat;width:12px;height:60px;position:absolute;margin-right:0px}
.box2 dl p{position:absolute; }
.box2 p{padding:5px 10px;width:90%;margin:0 auto;}
.box2 dl a{ color:#555;}
.box2 .btitle{width:100%;border-bottom:1px dotted #dedede;}


.popular_courses {
    padding-bottom: 100px;
}


 .popular_courses {
        padding-bottom: 40px;
    }
}
.popular_courses .owl-item {
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 0px 10px;
    padding-bottom: 30px;
}
.popular_courses .owl-item.active {
    opacity: 1;
}
.popular_courses .owl-nav {
    display: flex !important;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    width: 120%;
    transform: translateY(-50%);
    left: -10%;
}
@media (max-width:1680px){
.banner{width:100%;margin:0 auto;position:relative;background:url(../images/1680.jpg) center no-repeat; height:538px;z-index:1;}
.topmenu{float:left;width:100%;margin-top:480px;padding:0;display: flex;}
.topmenu li{width:15%;margin-left:1%;margin-right: 0.5%;}
.container, .container-lg, .container-md, .container-sm {
    max-width: 80% !important;
}
}
@media (max-width:1440px){
.banner{width:100%;margin:0 auto;position:relative;background:url(../images/1440.jpg) center no-repeat; height:461px;z-index:1;}
.topmenu{float:left;width:100%;margin-top:400px;padding:0;display: flex;}
.topmenu li{width:15%;margin-left:1%;margin-right: 0.5%;}
.content{width:100%;}
.content2{width:100%;}
.content3{width:100%;}
.content4{width:100%;}
.content5{width:100%;}
.ml-2{margin-left:0px !important;float:left;}
.ml-4{margin-left:20px !important;float:left;margin-top:20px;}
.box dl {
    margin: 10px 10px;
}


.popular_courses .owl-nav {
    display: flex !important;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    width: 120%;
    transform: translateY(-50%);
    left: -10%!important;
}
}
@media (max-width:1368px){
.col-md-6 {
    overflow: hidden;
}
.banner{width:100%;margin:0 auto;position:relative;background:url(../images/1366.jpg) center no-repeat; height:438px;z-index:1;}
.topmenu{float:left;width:100%;margin-top:380px;padding:0;display: flex;}	
#demo{width:99% !important}
.carousel-item img {
background-size: 100% 100%;
width: 100%;}
.ml-4{margin-left:0px !important;float:left;margin-top:20px;}
}
@media (max-width:1280px){
.popular_courses .owl-nav .owl-prev img, .popular_courses .owl-nav .owl-next img{width:50px!important;height:50px!important;}
.banner{width:100%;margin:0 auto;position:relative;background:url(../images/1280.jpg) center no-repeat; height:410px;z-index:1;}
.topmenu{float:left;width:100%;margin-top:350px;padding:0;display: flex;}	
}
@media (max-width:1024px){
.banner{width:100%;margin:0 auto;position:relative;background:url(../images/1024.jpg) center no-repeat; height:328px;z-index:1;}
.topmenu{float:left;width:100%;margin-top:275px;padding:0;display: flex;}	
}
@media (max-width: 991px) {
    .popular_courses .owl-nav {
        display: none !important;
    }
	

}
.owl-carousel .owl-stage-outer {
    z-index: 2;
}
.popular_courses .owl-nav .owl-prev img,
.popular_courses .owl-nav .owl-next img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.popular_courses .owl-nav .owl-prev img:hover,
.popular_courses .owl-nav .owl-next img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}

.single_course {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single_course .course_head {
    position: relative;
    overflow: hidden;
}
.single_course .course_head img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single_course .price {
    position: absolute;
    top: -34px;
    right: 15px;
    z-index: 2;
    color: #002347;
    display: inline-block;
    height: 65px;
    line-height: 65px;
    width: 65px;
    text-align: center;
    border-radius: 50px;
    background: #fdc632;
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    font-size: 20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single_course .price img {
    margin-top: -8px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single_course .course_content {
    padding: 30px 26px;
    background: #f9f9ff;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single_course .course_content .tag {
    padding: 2px 21px;
    font-size: 13px;
    color: #fff;
    background: #002347;
    text-transform: uppercase;
}
.single_course .course_content h4 {
    font-size: 20px;
    font-weight: 500;
}
.single_course .course_content h4 a {
    color: #002347;
}
.single_course .course_content p {
    margin: 0;
}
.single_course .course_content .course_meta {
    margin-top: 25px;
}
.single_course .course_content .course_meta .meta_info a {
    color: #002347;
}
.single_course .authr_meta img {
    width: 45px !important;
    height:auto;
    display: inline-block !important;
}
.single_course .authr_meta span {
    color: #002347;
    font-weight: 500;
}
.single_course:hover {
    box-shadow: 0px 10px 30px rgba(0, 35, 71, 0.1);
}
.single_course:hover .course_head img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.single_course:hover .course_content {
    background: #fff;
}
.single_course:hover .price {
    background: #002347;
    color: #fdc632;
}
.single_course:hover h4 a {
    color: #fdc632;
}