/**********发展历程**********/
.course-wrap{padding: 40px 0;transition: normal;}
.course-wrap.m-wrap{padding-top: 15px;position: relative;}
.course-wrap p.f48{font-size: 42px;line-height: 50px;color: #035cac;}
.course-wrap.m-wrap p.f48{font-size: 20px;line-height: 34px;}
.course-wrap span.f14{display: block;width: 100%;line-height: 26px;}
.course-wrap.m-wrap span.f14{line-height: 22px;}
.course-wrap .course-list{margin-top: 30px;width: 100%;position: relative;}
.course-wrap.m-wrap .course-list{margin-top: 20px;}
.course-wrap .course-list .ovh{width: 100%;margin: 0 auto;position: relative;background: url(../image/bg_12.png) repeat-x top center;}
.course-wrap.m-wrap .course-list .ovh{background: none;width: 100%;}
.course-wrap .course-list li{width:20%;position: relative;float: left;}
.course-wrap.m-wrap .course-list li{margin-right: 0;margin-bottom: 20px;width: 100%;}
.course-wrap .course-list .main{padding: 17px 20px 27px;background-color: #fff;width: 260px;color: #777;}
.course-wrap .course-list .main p{padding-left: 18px;background: url(../image/ico_125.jpg) no-repeat left 9px;}
.course-wrap.m-wrap .course-list .main{width: 94%;padding: 17px 3% 27px;}
.course-wrap .course-list li .top{background: url(../image/bg_10.png) no-repeat left top;padding-top: 45px;height: 42px;line-height: 42px;font-family: "Arial";font-size: 18px;text-align: center;}
.course-wrap.m-wrap .course-list li .top{padding-top: 0;padding-left: 3%;width: 97%;text-align: left;background: #e8e8e8;}

.course-wrap .course-list .butn{display: block;width: 42px;height: 42px;position: absolute;top:40px;cursor: pointer;}
.course-wrap.m-wrap .course-list .butn{display: none;}
.course-wrap .course-list .prev{background: url(../image/ico_40.png) no-repeat center top;left: 0;}
.course-wrap .course-list .next{background: url(../image/ico_39.png) no-repeat center top;right: 0;}
.course-wrap .course-list .butn:hover{background-position: center bottom;}
.course-wrap .course-list li:hover .top{background: url(../image/bg_10.png) no-repeat right top;color: #fff;}

.course-wrap .course-list li{font-size: 16px;color:#333333;line-height: 25px;position: relative;top: 11px;padding:90px 25px 0;box-sizing: border-box;}
.course-wrap .course-list li:hover:before{background:#fcb107;transition:.3s ease-in-out;}
.course-wrap .course-list li:before{height: 105px;position: absolute;transition:.3s ease-in-out;content:"";width: 1px;left:0;top:2px;background:#dbdbdb;}
.course-wrap .course-list li:hover .g0:after{transition:.3s ease-in-out;background:#fcb107;}
.course-wrap .course-list li .g0{font-size:24px;font-family: "arial";color:#fff;position: relative;margin-bottom: 15px;transition:.3s ease-in-out;font-weight: bold;}
.course-wrap .course-list li:hover .g0{font-size: 26px;transition:.3s ease-in-out; font-weight: bold; color:#fcb107}

.course-wrap .course-list li .g0:after{position: absolute;height: 10px;width: 10px;border: 2px solid #fcb107;content:"";left: -30px;top:15px;transition:.5s ease-in-out;bottom:0;margin: auto;box-sizing: border-box;border-radius: 50%;}
.course-wrap{overflow:hidden;}
.course-wrap .course-list .prev{left: 2.5%;}
.course-wrap .course-list .next{right: 2.5%;}

.course-wrap .course-list .ovh{overflow:visible;}
.course-wrap .course-list li .p p{position: relative;padding-left: 10px;box-sizing: border-box; font-size: 14px; color: #fff; padding-bottom:10px}
.course-wrap .course-list li .p p:after{content:"";position: absolute;width:5px;height: 5px;border-radius: 50%;background:#fcb107;
    left: 0;
    top: 11px;}

.course-wrap .course-list{  background: url(../image/bg_12.png) repeat-x top center; width: 100%; height: 100%; }
.course-wrap .course-list .ovh{width: 84%;margin:0 auto; background: transparent;padding-left: 8px; overflow: hidden; }
.course-wrap .course-list .butn{z-index: 5;}


@media screen and (max-width: 800px){
.course-wrap .course-list .butn{display: none!important;}
.course-wrap .course-list li .g0{margin-bottom: 5px; font-size: 16px}
.course-wrap .course-list li{top:0;}
.course-wrap .course-list li:hover .g0{font-size: 20px;}
.course-wrap .course-list li:before{height: 100%;}
.course-wrap .course-list li{padding:0;font-size: 14px;padding-left: 18px;padding-bottom: 20px;width: 100%;line-height: 1.6;}
.course-wrap .course-list{margin-top:0;}
.course-wrap .course-list .ovh{width: 95%;padding-left: 2px}
.course-wrap{padding-top:0;}
.course-wrap .course-list{background:transparent;}
.course-wrap .course-list li .p p{font-size: 13px;  color: rgb(255,255,255,.6);}
.course-wrap .course-list li .g0:after{ display: none; }
.course-wrap .course-list li .p p:after{ top:7px }
}