/* 内容导航 */

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

/* 内容 */

.boss-container{
    max-width: 1400px;
    margin: auto;
    z-index: 100;
}
    .boss-left{
        display: inline-block;
        float: left;
        width: 50%;
        display: flex;
    }
        .boss-img,.boss-info{
            display: inline-block;
            vertical-align: text-top;
        }
        .boss-img{
            width: 60.1%;
        }
        .boss-img>img{
            display: inline-block;
            width: 90%;
            margin-left: 10%;
        }
        .boss-info{
            padding-left: 3%;
        }
            .boss-name{
                font-size: 24px;
                color: #333333;
                margin-top: 56%;
                margin-bottom: 13%;
            }
            .boss-where,.boss-work{
                font-size: 16px;
                line-height: 30px;
            }




    .boss-right{
        display: inline-block;
        width: 47%;
        height: 460px;
    overflow: hidden;
    display: inline-block;
    padding-left: 2.5%;
    vertical-align: text-top;
    overflow-y: scroll;
    }
    .boss-title{
        margin-bottom: 7%;
    }
    .boss-title>div:nth-child(1){
        display: inline-block;
        width: 18%;
        height: 1px;
        background: #cccccc;
        position: relative;
        top: -7px;
    }
    .boss-title>div:nth-child(2){
        display: inline-block;
        font-size: 24px;
        margin-left: 30px;
    }
    .boss-title>div:nth-child(2)>span:nth-child(2){
        color: #027600;
    }
    .boss-text{
        font-size: 14px;
        color: #565656;
        line-height: 26px;
        text-indent: 1em;
        margin-bottom: 4%;
    }

.boss-in{
    font-size: 14px;
    color: #565656;
    line-height: 26px;
	margin-top:2%;
}


/* 社会责任 */

/* 第一部分 */
.social-one{
    max-width: 1400px;
    margin: auto;
    margin-bottom: 5%;
}
    .one-left{
        display: inline-block;
        width: 50%;
        float: left;
    }
        .one-left>div>img{
            display: inline-block;
            width: 100%;
        }
    .one-right{
        display: inline-block;
        width: 48%;
        padding-left: 2%;
    }
        .one-title{
            margin-bottom: 7%;
        }
        .one-title>div:nth-child(1){
            display: inline-block;
            width: 18%;
            height: 1px;
            background: #cccccc;
            position: relative;
            top: -10px;
        }
        .one-title>div:nth-child(2){
            display: inline-block;
            font-size: 24px;
            margin-left: 30px;
        }
        .one-title>div:nth-child(2)>span:nth-child(2){
            color: #027600;
        }
    .one-textTitle{
        font-size: 30px;
        color: #027600;
        margin-bottom: 7%;
    }
    .one-text{
        font-size: 15px;
        color: #565656;
        line-height: 26px;
    }
    .one-mrtext{
        margin-bottom: 5%;
    }
    .one-textTitle,.one-text{
        padding-left: 5%;    
    }

/* 第二部分 */
.social-two{
    max-width: 1400px;
    margin: auto;
    margin-bottom: 5%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
    .two-box{
        display: inline-block;
        width: 33%;
        overflow: hidden;
    }
    .two-box>img{
        display: inline-block;
        width: 100%;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
}
    .two-box:hover img{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
}

.two-text{
    display: flex;
    width: 33%; 
    align-items: center;
}

    .two-text p{
        height: 100%;
        font-size: 17px;
        color: #565656;
        line-height: 30px;
    }
    .two-text .text1{
        padding: 0 10%;
    }
    .two-text .text2{
       padding-left: 25%;
    }
    .two-text .text3{
        padding-left: 3%;
    }


/* 第三部分 */
.social-three{
    max-width: 1400px;
    margin: auto;
}
    .three-title{
        color: #027600;
        font-size: 24px;
        margin-bottom: 2.5%;
    }
    .three-text{
        font-size: 17px;
        color: #565656;
        padding-right: 5%;
        line-height: 30px;
    }

    .three-box{
        margin-top: 3%;
    }
        .three-item{
            display: inline-block;
            width: 27%;
            float: left;
            margin-right: 2.5%;
        }
        .three-img{
            overflow: hidden;
            position: relative;
            width: 100%;
            padding-bottom: 81%;
        }
        .three-img>img{
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            transition: 1s;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            -ms-transition: 1s;
            -o-transition: 1s;
}
        .three-img:hover img{
            transform: scale(1.3);
            -webkit-transform: scale(1.3);
            -moz-transform: scale(1.3);
            -ms-transform: scale(1.3);
            -o-transform: scale(1.3);
}
        
        .three-imgTitle{
            font-size: 0.9vw;
            text-align: center;
            margin-top: 2%;
            margin-bottom: 2%;
        }
       .three-box2{
        max-width: 1400px;
        margin: auto;
        margin-top:2%;
       }
       .three-box2>.three-item:nth-child(1){
           margin-left: 11%;
       }
       .three-box2>.three-item:last-child{
           margin-bottom: 6%;
       }









/* 底纹 */
.shading{
    background: url(../img/shading.jpg) no-repeat;
    background-size: 100% 100%;
    height: 13.7vw;
    padding-left: 19%;
    margin-top: 3%;
}
.shading>p{
    color: white;
    padding-right: 16%;
}
.shading>p:nth-child(1){
    font-size: 24px;
    font-weight: 200;
    padding-top: 5%;
    padding-bottom: 0.5%;
}
.shading>p:nth-child(2){
    font-size: 34px;
}

.footer{
    margin-top: 0px;
}

@media(max-width:1400px){
    .boss-in{
        padding: 0 3%;
    }
}

@media(max-width:1260px){
    .two-box{
        width: 50%;
        margin-bottom: 2%;
    }
    .two-text{
        width: 49%;
    }
}

@media(max-width:1030px){
    .shading{
        height: 17.7vw;
    }
}


@media(max-width:990px){
    .boss-left,.boss-right{
        clear: both;
        width: 100%;
    }
.boss-in{
margin-top:0;
}
    
    .boss-title>div:nth-child(1){
        width: 15% ;
    }
    .boss-title{
        text-align: center;
        margin-bottom: 4%;
    }
    .boss-right{
        padding: 0px;
height:auto;
overflow-y:auto;
    }  
    .boss-text{
        padding: 0 3%;
    }
}

@media(max-width:850px){
    .one-left{
        clear: both;
        width: 80%;
        padding: 0 10%;
        margin-bottom: 2%;
    }
    .one-right{
        width: 100%;
        padding-left: 0px;
    }
    .one-title{
        text-align: center;
        margin-bottom: 4%;
    }
    .one-textTitle{
        margin-bottom: 4%;
    }
    .one-textTitle,.one-text{
        padding: 0 5%;
    }
}
@media(max-width:770px){
    .three-title{
        font-size: 22px;
        padding: 0 3%;
    }
    .three-text{
        padding-right: 0px;
        padding: 0 3%;
    }
}

@media(max-width:600px){
    .shading>p:nth-child(1){
        font-size: 18px;
    }
    .shading>p:nth-child(2){
        font-size: 22px;
    }  
    .boss-name{
        margin-top: 35%;
    }

.two-box{
        width: 80%;
        padding-left: 10%;
    }
    .two-text{
        width: 80%;
        padding-left: 10%;
        margin-bottom: 2%;
    }

    .two-text .text1{
        padding: 0;
    }
    .two-text .text2{
       padding-left: 0;
    }
    .two-text .text3{
        padding-left: 0;
    }


    .three-item{
        width: 80%;
        padding-left: 10%;
    }
    .three-imgTitle{
        font-size: 16px;
    }
    .three-box2>.three-item:nth-child(1){
        margin-left: 0px;
    }   
}

@media(max-width:460px){
    .boss-left{
        display: inline-block;
    }
    .boss-img{
        width: 90%;
    }
    .boss-info{
        width: 90%;
        text-align: center;
        margin-bottom: 5%;
    }
    .boss-name{
        margin-top: 5%;
        margin-bottom: 2%;
    }
    

    .boss-title>div:nth-child(2){
        font-size: 16px;
    }

    .shading{
        height: 26.7vw;
    }
    .shading>p:nth-child(1){
        font-size: 16px;
    }
    .shading>p:nth-child(2){
        font-size: 22px;
    }
}


@media(max-width:410px){
    .one-title>div:nth-child(1),.one-title>div:nth-child(2){
        font-size: 18px;
    }
    .one-textTitle{
        font-size: 20px;
    }
}