.about-course{ height: 519px; padding: 70px 0; background: url('../images/bg-about01.jpg') repeat center top;}

.cour-info{ float: left; width: 80%; height: 380px; background: url('../images/ico-lc.png') #FFF no-repeat left top; }

.cour-txt{ margin: 80px 60px 0 370px; }

.cour-txt b{ color: #ed1c24; font-size: 34px; font-weight: normal; }

.cour-txt b em{ font-weight: bold; }

.cour-txt p{ color: #333; font-size: 16px; line-height: 30px; margin-top: 40px; }



.cour-nav{ float: right; width: 19.5%; height: 380px; background-color: #FFF; }

.cour-nav li{ float: left; color: #333; font-size: 16px; width: 50%; text-align: center; height: 95px; line-height: 95px; cursor: pointer; }

.cour-nav li i{ color: #333; display: block; background-color: #F6F6F6;}

.cour-nav li.selected{ color: #FFF; background-color: #F24C4D; }

.cour-nav li.selected i{ color: #FFF; background-color: #F24C4D; }

.cour-nav li:hover{ color: #FFF; background-color: #F24C4D; }

.cour-nav li:hover i{ color: #FFF; background-color: #F24C4D; }





.about-03 {

    background: url(../images/about_03_bg_01.jpg) center center repeat;

    position: relative;

}

.wrapper {

    width: 100%;

    height: 800px;

    position: relative;

}

.about-03 .wrap {

    padding: 80px 0 0;

    z-index: 2;

    height: 800px;

}

.wrap {

    width: 1170px;

    margin: 0 auto;

    position: relative;

}

.about-03 .wrap:before {

    height: 142px;

    top: 120px;

    content: '';

    display: block;

    position: absolute;

    left: 22.14286%;

    right: 0;

    background-image: url(../images/about_font_bg_03.png);

    background-position: left top;

    background-repeat: no-repeat;

    -webkit-background-size: auto 100%;

    background-size: auto 100%;

}

.about-03 .wrap h2 {

    height: 142px;

    line-height: 122px;

    font-size: 58px;

    padding-top: 70px;

    font-weight: bold;

    color: #ffffff;

    width: 100%;

    letter-spacing: 3px;

    vertical-align: middle;

    position: relative;

}

.about-03 .wrap h2 span {

    margin-right: 46px;

    display: inline-block;

    vertical-align: middle;

    height: 2px;

    width: 22.85714%;

    background: #feb33c;

    background: -webkit-linear-gradient(left, rgba(254,179,60,0), #feb33c);

    background: -o-linear-gradient(right, rgba(254,179,60,0), #feb33c);

    background: -moz-linear-gradient(right, rgba(254,179,60,0), #feb33c);

    background: linear-gradient(to right, rgba(254,179,60,0), #feb33c);

    position: relative;

}

.about-03 .wrap h2 span:before {

    content: '';

    display: block;

    width: 24px;

    height: 24px;

    border-radius: 100%;

    border: 2px solid #feb33c;

    position: absolute;

    right: -26px;

    top: -11px;

}

.about-03 .wrap>p {

    margin-top: 60px;

    margin-bottom: 70px;

    font-size: 16px;

    line-height: 30px;

    color: #7d8b9f;

    padding: 0 5.71429% 0 22.85714%;

}

.about-03 .wrap ul {

    width: 100%;

}

.about-03 .wrap ul li {

    float: left;

    width: 30.5%;

}

.about-03 .wrap ul li img {

    display: block;

    width: 100%;

}

.about-03 .wrap ul li+li {

    margin-left: 1.42857%;

}

.about-03 .wrap ul li+li+li {

    width: 30.14286%;

}

.about-03 .wrap:after {

    content: '';

    display: block;

    width: 1px;

    right: 0;

    top: 70px;

    bottom: 0;

    position: absolute;

    background: #898989;

    opacity: .3;

    filter: alpha(opacity=30);

}

.about-03:after {

    content: '';

    display: block;

    position: absolute;

    right: 0;

    bottom: 114px;

    top: 70px;

    width: 75.52083%;

    border-top-left-radius: 80px;

    background-color: #0d1c35;

    background-image: url(../images/about_03_bg_02.png);

    background-position: center top;

    background-repeat: no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}



.about_anli_more{

    margin-top: 20px;

    margin-bottom: 60px;

}


.li_nav_all li{
    float: left;
    padding: 20px 40px;
    font-size: 18px;
}


.li_nav_all ul{
    height: 65px;
}


.li_nav_all ul li:hover{
    background: #c7000b;
}

.li_nav_all ul li.on{
    background: #c7000b;
}

.li_nav_all ul li.on a{
    color: #fff;
}

.li_nav_all ul li:hover a{
    color: #fff;
}


.li_nav .container{
    padding: 0;
}


.li_nav{
    border-bottom: 1px solid #ccc;
}



@media(max-width:1169px){

    .aboutone{

        padding: 0 15px;

    }

    .aboutone .aboutonefl p{

        text-align: justify;

    }

    .aboutone .aboutonefl{

        width: 100%;

    }

    .aboutone .aboutonefr{

        width: 95%;

    }

    .abouttwo:before{

        margin-left: -60%;

        background: none;

    }

    .abouttwo .abouttwofl {

        width: 95%;

        margin-left: 10px;

        padding-bottom: 15px;

    }

    .abouttwobox p:nth-child(2),.abouttwobox p:nth-child(3){

        display: none;

    }

    .aboutthree ul{

        margin: 0;

    }

    .aboutthree ul li .aboutthreebox{

        padding-top: 20px;

    }

    .aboutthree ul li{

        width: 50%;

        margin-left: 0;

        margin-bottom: 20px;

    }

    .cour-info {

        width: 100%;

        height: 310px;

        background: #FFF;

    }

    .cour-nav{

        width: 100%;

    }

    .cour-txt{

        margin: 20px 0 0 15px;

    }

    .cour-txt p{

        margin-top: 15px;

    }

    .about-course{

        height: 830px;

    }

    .wrap{

        width: 100%;

    }

    .about-03:after {

        right: 0;

        bottom: 0;

        top: 0;

        width: 100%;

        border-radius: 30px;

    }

    .about-03 .wrap h2,.about-03 .wrap:before{

        display: none;

    }

    .about-03 .wrap{

        padding: 0;

        height: 320px;

    }

    .wrapper.about-03{

        height: 320px;

        margin: 40px 0px;

    }

    .about-03 .wrap>p{

        margin: 0;

        padding: 15px;

    }

    .about-03 .wrap ul{

        padding: 0 15px;

    }

    .about-03 .wrap ul li{

        width: 33%;

    }

    .top_header_left{

        width: 100%;

    }

    .aboutonefrbox{

        height: 230px;

    }

    .li_nav .li_nav_all{
        overflow-x: auto;
        white-space: nowrap;
    }

    .li_nav .li_nav_all ul{
        width: 1170px;
    }

}