@charset "utf-8"; .banner a {
    display: block;
    width: 100%;
}

.about .gywm {
    width: 1200px;
    margin: 0 auto;
}

.titlebox {
    text-align: center;
    margin-top: 60px;
}

.titlebox h1 {
    font-size: 36px;
    letter-spacing: 2px;
    line-height: 55px;
}

.titlebox h1 span {
    color: #333;
    display:inline-block;
    width:auto;
    position:relative;
}
.honor .titlebox h1 span{
    color:#fff;
}
.titlebox h1 b{
    color: #ea5404;  
    font-weight:normal;  
}
.titlebox h1 span:before{
    content:'';
    display:block;
    width:60px;
    height:1px;
    background:#ddd;
    position:absolute;
    left:-85px;
    top:50%;
}
.titlebox h1 span:after{
    content:'';
    display:block;
    width:60px;
    height:1px;
    background:#ddd;
    position:absolute;
    right:-80px;
    top:50%;
}

.titlebox p {
    font-size: 12px;
    color: #858489;
    letter-spacing: 7px;
    text-transform: uppercase;
}

.about .gywm {
    overflow: hidden;
}

.about .gywm .c {
    overflow: hidden;
    padding-top: 30px;
}

.about .gywm .c .item_l {
    width: 655px;
    float: left;
    padding-top: 50px;
}

.about .gywm .c,.about .gywm .c .item_l p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.about .gywm .c .item_r {
    float: right;
}

.about .honor {
    width: 100%;
    height: auto;
    background: url(../images/bg15.gif);
    overflow: hidden;
    margin-top: 65px;
}




#swiper2{
    width:1200px;
    margin:50px auto 70px;
}
#swiper2 .flexslider{
    background:transparent;
    box-shadow:none;
}
#swiper2 .flexslider .slides{
    text-align:center;
}
#swiper2 .flexslider .slides p{
    height:40px;
    line-height:40px;
    background:#fff;
}
#swiper2 .flex-direction-nav .flex-prev{

}


.about .honor .slideGroup {
    width: 1200px;
    margin: 0 auto;
    height: 345px;
    position: relative;
    overflow: hidden;
    padding-top: 55px;
}

.about .honor .slideGroup .sPrev,.sNext {
    display: block;
    width: 36px;
    height: 60px;
    float: left;
    position: absolute;
    z-index: 9999;
    top: 173px;
    left: 0;
}

.about .honor .slideGroup #xx {
    float: right;
    position: absolute;
    z-index: 9999;
    left: 1137px;
}

.about .honor .slideGroup .tempWrap {
    float: left;
}

.about .honor .slideGroup .parBd ul {
    overflow: hidden;
    zoom:1; float: left;
    margin-left: 43px;
}

.about .honor .slideGroup .parBd ul li {
    _display: inline;
    overflow: hidden;
    margin-left: 46px;
    width: 330px;
    height: 300px;
    background: rgba(255,255,255,0.6);
    text-align: center;
}

.about .honor .slideGroup .parBd ul li .pic img {
    width: 312px;
    height: 238px;
    display: block;
    margin: 0 auto;
    border: 3px solid #fff;
    margin-top: 8px;
    box-sizing: border-box;
}

.about .honor .slideGroup .parBd ul li a p {
    width: 235px;
    margin: 0 auto;
    color: #333;
    font-size: 18px;
    line-height: 26px;
    margin-top: 15px;
}

.about .honor .titlebox {
    text-align: center;
    margin-top: 60px;
}

.about .honor .titlebox h1 {
    color: #fff;
}

.about .honor .titlebox p {
    color: #fff;
}

.about .brand .titlebox,.about .team .titlebox {
    text-align: center;
    margin-top: 60px;
}

.about .brand {
    width: 100%;
    height: 575px;
    background: url(../images/t15.jpg) no-repeat center top;
    overflow: hidden;
}

.about .team .c {
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}


.main2 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    color: #333;
}

.main2 .title1 {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    padding: 30px 0;
}

.main2 .title1 h1 {
    font-size: 20px;
    color: #333;
    line-height: 26px;
}

.main2 .title1 p {
    color: #999;
    font-size: 15px;
    font-family: "arial";
}

.left {
    width: 185px;
    float: left;
    overflow: hidden;
    margin-top: 20px;
}

.left ul li {
    height: 45px;
    border-bottom: 1px solid #e6e6e6;
}

.left ul li a {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    color: #666;
    padding-left: 5px;
}

.left ul li .on,.left ul li a:hover {
    color: #ea5404;
    background: url(../images/bg17.gif) no-repeat center left;
}

.right {
    width: 935px;
    border-left: 1px solid #e6e6e6;
    float: right;
    padding-left: 40px;
    margin-top: 45px;
    min-height: 400px;
}

.right .title2 {
    text-align: center;
    width: 100%;
    padding-bottom: 50px;
}

.right .title2 h1 {
    font-size: 30px;
    padding-bottom: 0px;
}

.right .title2 p {
    color: #999;
    font-size: 14px;
    font-family: "arial";
}

.right .c p {
    line-height: 26px;
}

.showbody,.showcontent {
    line-height: 28px;
}
.showbody  table ,.showcontent  table {
    width:100%;
}
.showbody > table td,.showcontent > table td{
    padding:5px;
}

#allmap {
    width: 100%;
    height: 360px;
    margin: 40px auto 0;
}

#allmap img {
    max-width: 500%;
}

.context {
    width: 100%;
    height: auto;
    margin-top: 30px;
    overflow: hidden;
}

.context ul li {
    width: 48%;
    float: left;
}

.context ul li.nxt {
    float: right;
    text-align: right;
    padding: 0;
}


.p40{
    width:40%;
}
.p45{
    width:45%;
}
.p50{
    width:50%;
}
.p55{
    width:55%;
}
.p60{
    width:60%;
}
.fl,.FL{
    float:left;
}
.fr,.FR{
    float:right;
}


.case {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.case ul {
    margin-left: -21px;
}

.case > ul li {
    float: left;
    margin-left: 31px;
    margin-bottom: 21px;
    border: 1px solid #d6d6d6;
}
#case .case > ul li{
    height:445px;

    overflow:hidden;
}
.case > ul li a img {
    display: block;
    width: 250px;
    height: auto;
    padding: 10px;
    margin-bottom: 5px;
}

.case > ul li:hover {
    border: 1px solid #ea5404;
}

.case > ul li a b {
    display: block;
    margin-bottom:15px;
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pagelist {
    width: 100%;
    text-align: center;
    padding-top: 15px;
}
.pagelist li{
    display: inline-block;
}

.pagelist a {
    padding: 7px 14px;
    border: 1px solid #ddd;
    color: #666;
    display: inline-block;
    margin: 2px;
}

.pagelist a:hover,.pagelist a.on,.pagelist li.thisclass a {
    background: #ea5404;
    border: 1px solid #ea5404;
    color: #fff;
}


.pagelist .pageinfo{
    display:none;
}



.team2 .box {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 40px;
}

.team2 .box .box_l {
    width: 320px;
    float: left;
}

.team2 .box .box_l img {
    width: 100%;
}

.team2 .box .box_r {
    width: 570px;
    float: right;
}

.team2 .box .box_r .title3 {
}

.team2 .box .box_r .title3 h1 {
    font-size: 24px;
    line-height: 28px;
}

.team2 .box .box_r .title3 h1 span {
    color: #ea5404;
}

.team2 .box .box_r .title3 p {
    color: #999;
    font-size: 14px;
    text-transform: capitalize;
}

.team2 .box .box_r .c p {
    margin-top: 25px;
}

/************沐苗商城**************/
.shop {
    width: 1200px;
}

.shop ul {
    margin-left: -21px;
    overflow: hidden;
    padding-bottom: 25px;
}

.shop ul li {
    width: 284px;
    height: 260px;
    border-bottom: 1px solid #e8e8e8;
    float: left;
    margin-left: 21px;
    margin-top: 40px;
}

.shop ul li a .pic {
    width: 284px;
    height: 190px;
    overflow: hidden;
}

.shop ul li a .pic img {
    width: 284px;
    height: 190px;
    display: block;
    transition: all 0.5s;
}

.shop ul li a:hover .pic img {
    transform: scale(1.1)
}

.shop ul li a h1 {
    width: 100%;
    height: 43px;
    background: url(../images/bg18.jpg) no-repeat center right;
    font-size: 14px;
    color: #333;
    line-height: 53px;
}

.shop ul li p {
    background: url(../images/see.jpg) no-repeat center left;
    padding-left: 23px;
    color: #999;
    font-size: 12px;
}

.shop ul li a:hover h1 {
    color: #ea5404;
}

.shop ul li:hover {
    border-bottom: 1px solid #ea5404;
}

/************课程介绍**************/
.kc .join {
    border-bottom: 1px solid #ddd;
    margin-top: 40px;
    padding-bottom: 60px;
    position: relative;
}

.kc dl {
    width: 780px;
    margin: 0 auto ;
    overflow: hidden;
}

.kc dl dt h1 {
    font-size: 28px;
    padding-bottom: 13px;
    text-align: center;
}

.kc dl dt p {
    width: 36px;
    height: 3px;
    background: #f8ab0d;
    margin: 0 auto;
}

.kc dl dd {
    width: 238px;
    border-radius: 5px;
    overflow: hidden;
    float: left;
}

.kc dl dd p {
    width: 40px;
    height: 40px;
    background: url(../images/bg7.png) no-repeat center #f8ab0d;
    float: left;
}

.kc dl .name {
    margin-right: 20px;
}

.kc dl .name,.kc dl .tel {
    margin-top: 45px;
    float: left;
    height: 40px;
    border: 1px solid #f8ab0d;
    line-height: 40px;
    margin-right: 20px;
}

.kc dl .name,.kc dl .wx {
    margin-top: 45px;
    float: left;
    height: 40px;
    border: 1px solid #f8ab0d;
    line-height: 40px;
    margin-right: 20px;
}

.kc dl .name .text,.kc dl .tel .text {
    width: 180px;
    height: 40px;
    line-height: 40px;
    margin-left: 12px;
}

.kc dl .tel p {
    width: 40px;
    height: 40px;
    background: url(../images/bg8.png) no-repeat center #f8ab0d;
    float: left;
}

.kc dl .wx p {
    width: 40px;
    height: 40px;
    background: url(../images/t24.png) no-repeat center #f8ab0d;
    float: left;
}

.kc .submit {
    width: 140px;
    height: 45px;
    background: #f8ab0d;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 35px;
}

.kc .join img {
    position: absolute;
    left: 50%;
    bottom: -22px;
    margin-left: -22px;
}


.kc .item {
    width: 100%;
    margin: 0;
    padding:60px 0;
}

.kc .item .box {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}

.kc .item .b_l {
    float: left;
    width:400px;
}

.kc .item .b_l a img {
    width: 100%;
    height: auto;
    border-radius:20px;
}

.kc .item .b_r {
    width: 720px;
    float: right;
}

.kc .item .b_r .title04 {
    color: #ea5404;
    overflow: hidden;
    padding-bottom: 40px;
}
.kc .item .b_r .title04 i{
    display:inline-block;
    width:64px;
    height:64px;
    line-height:64px;
    text-align:center;
    color:#fff;
    font-size:32px;
    float:left;
    border-radius:50%;
    background:#3b6;
    margin-right:10px;
}

.kc .item .b_r .title04 img {
    float: left;
    margin-right: 12px;
}

.kc .item .b_r .title04 h1 {
    font-size: 30px;
    line-height: 64px;
    padding-top: 0px;
}

.kc .item .b_r .c p {
    line-height: 28px;
    color: #666;
}

.kc .item .b_r .c a {
    margin-top: 20px;
    display: block;
    width: 146px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    border-radius: 30px;
    font-size: 20px;
    border: 2px solid #ccc;
    color: #999;
}

.kc .course2,.kc .course6 {
    width: 100%;
    height: auto;
    background:#80be35 url(../images/bg19g.gif) repeat center top;
    overflow: hidden;
}



.kc .course2 .b_l,.kc .course6 .b_l {
    float: right;
}

.kc .course2 .b_r,.kc .course6 .b_r {
    float: left;
}

.kc .course2 .b_r .title04, .kc .course6 .b_r .title04{
    color: #fff;
}

.kc .course2 .b_r .c,.kc .course6 .b_r .c,
.kc .course2 .b_r .c p,.kc .course6 .b_r .c p {
    color: #fff;
}

.kc .course2 .b_r .c a,.kc .course6 .b_r .c a{
    border: 2px solid #fff;
    color: #fff;
}

.kc .course4,.kc .course8 {
    width: 100%;
    height: auto;
    background:#f90 url(../images/bg20.gif) no-repeat center top;
    overflow: hidden;
}



.kc .course4 .b_l,.kc .course8 .b_l {
    float: right;
}

.kc .course4 .b_r,.kc .course8 .b_r {
    float: left;
}

.kc .course4 .b_r .title04,.kc .course8 .b_r .title04 {
    color: #fff;
}

.kc .course4 .b_r .c p,.kc .course2 .b_r .c p,.kc .course8 .b_r .c p {
    color: #fff;
}

.kc .course4 .b_r .c a,.kc .course8 .b_r .c a  {
    border: 2px solid #fff;
    color: #fff;
}

.kc .b_r .c p{
    text-align:left;
    text-indent:2.0em;
}

.kc .item01 {
    width: 1200px;
    margin: 0 auto;
}

.kc .item01 .box {
    overflow: hidden;
    margin-top: 75px;
}

.kc .item01 .b_l {
    float: left;
}

.kc .item01 .b_l a img {
    width: 445px;
    height: 441px;
}

.kc .item01 .b_r {
    width: 656px;
    float: right;
}

.kc .item01 .b_r .title04 {
    color: #ea5404;
    overflow: hidden;
    padding-bottom: 40px;
}

.kc .item01 .b_r .title04 img {
    float: left;
    margin-right: 12px;
}

.kc .item01 .b_r .title04 h1 {
    font-size: 30px;
    line-height: 32px;
    padding-top: 6px;
}

.kc .item01 .b_r .c p {
    line-height: 28px;
    color: #666;
}

.kc .item01 .b_r .c a img {
    padding-top: 40px;
}

.kc .item02 {
    width: 100%;
    height: 656px;
    background: url(../images/bg19.gif) no-repeat center top;
    overflow: hidden;
    margin-top: 60px;
}

.kc .item02 .box {
    margin-top: 130px;
}

.kc .item02 .b_l {
    float: right;
}

.kc .item02 .b_r {
    float: left;
}

.kc .item02 .b_r .title04 {
    color: #fff;
}

.kc .item02 .b_r .c p {
    color: #fff;
}

.kc .item03 {
    width: 100%;
    height: 579px;
    background: url(../images/bg20.gif) no-repeat center top;
    overflow: hidden;
    margin-top: 60px;
}

.kc .item03 .box {
    margin-top: 70px;
}

.kc .item04 {
    width: 100%;
    height: 628px;
    background: url(../images/t37.gif) no-repeat center top;
    overflow: hidden;
}

.kc .item04 .title {
    width: 670px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 65px;
}

.kc .item04 .title .bg2 {
    float: left;
}

.kc .item04 .title .bg1 {
    float: right;
}

.title .bg1,.title .bg2 {
    margin-top: 20px;
}

.kc .item04 .title .c {
    float: left;
    text-align: center;
    width: 355px;
}

.kc .item04 .title .c h1 {
    font-size: 30px;
}

.kc .item04 .title .c p {
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
}

.kc .text {
    text-align: center;
    width: 900px;
    margin: 0 auto;
    color: #666;
    line-height: 24px;
    margin-top: 30px;
}

.kc .text a img {
    padding-top: 30px;
}

.news ul {
    padding-bottom: 20px;
}

.news ul li {
    line-height: 38px;
    border-bottom: 1px dashed #ddd;
    background: url(../images/bg12.gif) no-repeat left;
    padding-left: 15px;
}

.news ul li span {
    float: right;
    color: #999;
}

.news ul li a {
    color: #333;
}

.news ul li a:hover {
    color: #ea5404;
    text-decoration: underline;
}

.news_detail .text {
    width: 100%;
    height: 80px;
    border-bottom: 1px dashed #ddd;
    text-align: center;
    margin-bottom: 20px;
    color: #999;
}

.news_detail .text h1 {
    font-size: 24px;
    color: #333;
    font-weight: lighter;
    padding-bottom: 10px;
}

.news_detail .text span {
    margin: 18px 5px 0 5px;
    font-size: 12px;
    color: #999;
}

.news_detail .c p {
    line-height: 26px;
    color: #333;
}

.news_detail .c img {
    max-width: 100%;
}

.video_box {
    width: 840px;
    height: 570px;
    background: #333;
    margin-bottom: 40px;
}






@media (min-width: 320px) and (max-width:750px) {
    .bannerbox {
        margin-top:0;
    }

    .video_box {
        width: 100%;
        height: 100%;
        background: #333;
        margin-bottom: 40px;
    }

    .about .gywm {
        width: 90%;
        margin: 0 auto;
    }

    .titlebox {
        background: none;
        margin-top: 10px;
    }

    .titlebox h1 {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .about .gywm .c {
        padding-top: 0;
    }

    .about .gywm .c .item_l {
        width: 100%;
        padding-top: 15px;
    }

    .about .gywm .c .item_l p {
        font-size: 14px;
        line-height: 1.7;
    }

    .about .gywm .c .item_r {
        padding-top: 5px;
        float: none;
        text-align: center;
    }

    .about .honor {
        width: 100%;
        margin-top: 25px;
        height: auto;
        padding-bottom: 30px;
    }

    .about .honor .titlebox {
        background: none;
        margin-top: 15px;
    }

    .about .honor .slideGroup {
        width: 100%;
        height: 170px;
        padding-top: 20px;
    }

    .about .honor .slideGroup .tempWrap {
        width: 100%;
    }

    .about .honor .slideGroup .parBd ul li {
        width: 50%;
        height: auto;
        margin-left: 1%;
    }

    .about .honor .slideGroup .parBd ul li .pic img {
        width: 94%;
        margin-top: 3%;
        height: auto;
    }

    .about .honor .slideGroup .parBd ul li a p {
        width: 90%;
        margin: 0 auto;
        font-size: 14px;
        line-height: 1.6;
        margin-top: 5px;
    }

    .about .honor .slideGroup .sPrev, .sNext {
        display: none;
    }

    .about .brand {
        height: 350px;
        background: url(../images/t15.jpg) no-repeat center bottom;
        background-size: 240% auto;
    }

    .about .brand .titlebox, .about .team .titlebox {
        background: none;
        margin-top: 25px;
    }

    .about .team .c {
        width: 100%;
    }

    .about .team .c {
        margin-top: 25px;
    }

    .banner a {
        height: auto;
    }

    .main2 {
        width: 100%;
    }

    .main2 .title1 {
        display: none;
    }

    .left {
        display: none;
    }

    .right {
        width: 100%;
    }

    #swiper2{
        width:100%;
        margin:20px auto 0;
    }

    .case ul li a {
        display: block;
        height: auto;
        overflow: hidden;
        width: 100%;
    }

    .case ul li {
        margin-left: 3.2%;
        width: 45%;
        margin-bottom: 3.2%;
    }
    #case .case > ul li{
        height:320px;
    }

    .case > ul li a img {
        width: 100%;
        height: auto;
        padding: 0;
        box-sizing: border-box;
        margin-bottom:0;
    }

    .case ul {
        margin-left: auto
    }

    .right {
        margin-top: 15px;
        padding:0;
    }

    .showcontent {
        padding: 15px;
    }

    .next a {
        display: none;
    }

    .next a:last-child,.next a:first-child {
        display: block;
        width: 36.5%;
        float: left;
        margin-left: 3.2%;
    }


    .next a {
        display: none;
    }

    .next .pagelist a:last-child,.next .pagelist a:first-child {
        display: block;
        width: 100%;
        float: left;
        margin-left: 0;
    }


    .family {
        width: 90%;
        margin: 0 auto;
    }

    .news {
        width: 90%;
        margin: 0 auto;
    }

    .news ul li {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .news ul li span {
        display: none;
    }

    .news_detail {
        width: 90%;
        margin: 0 auto;
    }

    .news_detail .text {
        text-align: left;
        height: auto;
        padding-bottom: 10px;
    }

    .case {
        width: 90%;
        margin: 0 auto;
    }

    .team2 .box .box_l {
        width: 100%;
        text-align: center;
    }

    .team2 .box .box_r {
        width: 100%;
    }

    .team2 .box .box_r .c p {
        margin-top: 15px;
    }

    .team2 .box .box_r .title3 {
        padding-top: 5px;
    }

    .shop {
        width: 100%;
    }

    .shop ul li {
        width: 45%;
        height: auto;
        padding-bottom: 5px;
        margin-left: 3.45%;
        margin-top: 6%;
    }

    .shop ul li a .pic {
        width: 100%;
        height: 115px;
    }

    .shop ul li a .pic img {
        width: 100%;
        height: 100%;
    }

    .shop ul {
        margin: 0;
    }

    .kc dl {
        width: 100%;
    }

    .kc .join {
        margin-top: 15px;
        width: 90%;
        margin: 0 auto;
        padding-top: 20px;
    }

    .kc dl .name, .kc dl .wx {
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
        margin-top: 20px;
    }

    .kc dl .name .text, .kc dl .tel .text {
        margin: 0;
        width: 80%;
    }

    .kc .text {
        text-align: left;
        padding-left: 10px;
        box-sizing: border-box;
        width: 100%;
    }

    .kc dl .name, .kc dl .tel {
        margin-top: 20px;
        width: 100%;
        box-sizing: border-box;
    }

    .kc dl dt h1 {
        font-size: 1.4rem;
    }

    .kc .item01 {
        width: 100%;
        padding-top: 25px;
    }

    .kc .item01 .box {
        margin-top: 25px;
    }

    .kc .item01 .b_l {
        float: none;
        text-align: center;
        width: 90%;
        margin: 0 auto;
    }

    .kc .item01 .b_l a img {
        width: 100%;
        height: auto;
    }

    .kc .item01 .b_r {
        width: 90%;
        margin: 0 auto;
        float: none;
    }

    .kc .item01 .b_r .title04 {
        padding-bottom: 0;
        padding-top: 10px;
    }

    .kc .item01 .b_r .title04 h1 {
        font-size: 1.4rem;
    }

    .kc .item01 .b_r .title04 {
        font-size: 12px;
    }

    .kc .c {
        padding-top: 10px;
    }

    .kc .item01 .b_r .c p {
        line-height: 1.8;
    }

    .kc .item02 {
        height: auto;
        margin-top: 15px;
        padding-top: 10px;
        background-size: auto 100%;
        padding-bottom: 50px;
    }

    .kc .item04 {
        height: auto;
        padding-bottom: 35px;
    }

    .kc .item04 .title {
        margin-top: 25px;
    }

    .kc .item04 .title .bg2,.kc .item04 .title .bg1 {
        display: none;
    }

    .kc .item04 .title .c h1 {
        font-size: 1.4rem;
    }

    .kc .item04 .title .c p {
        font-size: 12px;
    }

    .kc .item04 .title .c {
        width: 100%;
    }

    .kc .item04 .title {
        width: 100%;
    }

    .kc .item .box {
        width: 100%;
    }

    .kc .item .b_l {
        float: none;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    .kc .item .b_l a img {
        width: 100%;
        height: auto;
    }

    .kc .item .b_r {
        float: none;
        width: 90%;
        margin: 0 auto;
    }

    .kc .item .b_r .title04 {
        padding-bottom: 0px;
        padding-top: 5px;
    }

    .kc .course2 {
        height: auto;
        margin-top: 15px;
        padding-top: 10px;
        background-size: auto 100%;
        padding-bottom: 50px;
    }

    .kc .course2 .box {
        margin-top: 55px;
    }

    .kc .course4 {
        height: auto;
        margin-top: 15px;
        padding-top: 10px;
        background-size: auto 100%;
        padding-bottom: 50px;
    }

    .p40{
    width:100%;
}
.p45{
    width:100%;
}
.p50{
    width:100%;
}
.p55{
    width:100%;
}
.p60{
    width:100%;
}





}