/**********发展历程**********/
.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;overflow: hidden;background: url(../image/bg_12.png) repeat-x left center;}
.course-wrap.m-wrap .course-list .ovh{background: none;width: 100%;}
.course-wrap .course-list li{width: 300px;position: relative;margin-right: -93px; 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 li.odd{margin-top: 0;}
.course-wrap.m-wrap .course-list li.odd{position: relative;}
.course-wrap .course-list li.odd .top{background: url(../image/bg_11.png) no-repeat left bottom;padding-bottom: 45px;padding-top: 0;}
.course-wrap.m-wrap .course-list li.odd .top{padding-bottom: 0;background: #e8e8e8;position: absolute;top: 0;left: 0;width: 100%;}
.course-wrap.m-wrap .course-list li.odd .main{margin-top: 42px;}
.course-wrap .course-list .butn{display: block;width: 42px;height: 42px;position: absolute;top: 50%;margin-top: -21px;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.m-wrap .course-list li:hover .top,.course-wrap.m-wrap .course-list li.odd:hover .top{background: #e8e8e8;color: #666;}
.course-wrap .course-list li.odd:hover .top{background: url(../image/bg_11.png) no-repeat right top;color: #fff;}

.course-wrap .course-list li{font-size: 16px;color:#333333;line-height: 25px;width: 300px;/*padding-top: 11px;*/position: relative;top: 11px;padding-left: 18px;padding-top:90px;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: 30px;transition:.3s ease-in-out; font-weight: bold;}

.course-wrap .course-list li .g0:after{position: absolute;height: 10px;width: 10px;border: 2px solid #fcb107;content:"";left: -23px;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 li.odd{padding-top: 0;top: -27px;}
.course-wrap .course-list li.odd:before{top:23px;height: 100%;}
.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}
.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 .butn{margin-top: -16px;}
.course-wrap .course-list{    background: url(../image/bg_12.png) repeat-x left center;}
.course-wrap .course-list .ovh{width: 87%;margin:0 auto; background: transparent;}
.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 li.odd:before{top: 0;}
.course-wrap .course-list{margin-top:0;}
.course-wrap .course-list li.odd{top:0;}
.course-wrap .course-list .ovh{width: 95%;}
.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 .p p:after{ top:7px }
}