/* 内容导航 */
.about-nav{
    width: 100%;
    margin-bottom: 3%;
    border-bottom: 1px solid #e5e5e5;
}

.about-nav ul li{
    float: left;
}
.about-nav ul li a{
    display: inline-block;
    ;
    height: 100%;
    text-decoration: none;
    color: #333;
    font-size: 17px;
    line-height: 70px;
}

.about-nav ul li:hover a{
    color: #027600;
}
.about-nav ul li.nav-active a{
    color: #027600;
}


.about-container{
    max-width: 1400px;
    margin: auto;
    z-index: 100;
}
    .about-left{
        display: inline-block;
        float: left;
        width: 50%;
        /* border: 1px solid red; */
        z-index: 100;
        background: #f8f8f8;
    }
    .about-left>div:nth-child(1){
        position: relative;
        width: 100%;
        padding-bottom: 71.1%;
    }
    .about-left>div>img{
        display: inline-block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0; 
        left: 0;
    }
        .left-title{
                font-size: 28px;
    color: #027600;
    margin-top: 7%;
    /* margin-bottom: 5%; */
    padding-left: 3%;
    padding-right: 3%;
    height: 283px;
    overflow-y: scroll;
        }
        .left-text{
            text-indent: 1em;
            font-size: 14px;
            color: #565656;
            line-height: 30px;
            padding-left: 3%;
            padding-right: 3%;
            padding-bottom: 9%;
        }

    .about-right {
    width: 47%;
    display: inline-block;
    padding-left: 2.5%;
    height: 570px;
    overflow-y: scroll;
}
    .about-title{
        margin-bottom: 7%;
    }
    .about-title>div:nth-child(1){
        display: inline-block;
        width: 135px;
        height: 1px;
        background: #cccccc;
        position: relative;
        top: -10px;
    }
    .about-title>div:nth-child(2){
        display: inline-block;
        font-size: 24px;
        margin-left: 30px;
    }
    .about-title>div:nth-child(2)>span:nth-child(2){
        color: #027600;
    }
    .about-text{
        font-size: 14px;
        color: #565656;
        line-height: 26px;
        text-indent: 1em;
        margin-bottom: 4%;
    }
.about-shading{
    background: url(../img/shading.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 260px;
    z-index: -100;
    /* padding-top: 2%;
    padding-bottom: 5%; */
    text-align: right;
}
.about-shading>p{
    color: white;
    padding-right: 16%;
}
.about-shading>p:nth-child(1){
    font-size: 24px;
    font-weight: 200;
    padding-top: 2%;
    padding-bottom: 0.5%;
}
.about-shading>p:nth-child(2){
    font-size: 34px;
}
.footer{
    margin-top: 0px;
}
@media(max-width:1398px){
    .about-shading{
        height: 16.9vw;
    }
}

@media(max-width:1293px){
    .about-shading{
        height: 23vw;
    }
    .about-left,.about-right{
        clear: both;
        width: 100%;
    }
    .about-left>div:nth-child(1){

	width:90%;
margin-left:5%;
padding-bottom:65%;
}
    .left-title{
        text-align: center;
        font-size: 20px;
        margin-top: 3%;
        margin-bottom: 2%;
height:auto;
    }
    .about-title>div:nth-child(1){
        width: 15% ;
    }
    .about-title{
        text-align: center;
    }
    .about-right{
        padding: 0px;
	height:auto;
margin-top:2%;
    }
    .about-text{
        padding: 0 3%;
    }
    
}
@media(max-width:460px){
    .about-shading>p:nth-child(1){
        font-size: 16px;
    }
    .about-shading>p:nth-child(2){
        font-size: 22px;
    }
.about-nav ul li a{
	font-size:16px;
}
}