﻿.about_one{
    max-width: 1280px;
    padding: 0 1%;
    margin: 0 auto;
} 
    .about_one .one-left,.about_one .one-right{
        display: inline-block;
        width: 49.5%;
        vertical-align: top;
    }
.about_one .one-left{ width:50%;padding-right: 10%;}

.about_one .one-right{ width:40%;padding-bottom: 53%;}

    .about_one .one-left h1{
        font-size: 28px;
        color: #13912c;
        margin-bottom: 2%;
    }
    .about_one .one-left p{
        font-size: 16px;
        color: #666666;
        margin-bottom: 12%;
    }
    .about_one .one-left span{
        font-size: 16px;
        color: #333;
            line-height: 28px;
    }

    .about_one .one-right{
        padding-bottom: 53%;
        position: relative;
    }
        .about_one .one-right img{
            display: inline-block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
        }

    .about_one>p{
        font-size: 16px;
        color: #333;
    }

@media(max-width:1030px){
	.about_one .one-left span br{
	display:none;
}
}

/* 发展与战略 */
.about_two{
    width: 100%;
    background: url(../img/about-bg1.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 4.2%;
    padding-bottom: 2%;
    margin-bottom: 5%;
}
    .big-title{
        text-align: center;
    }
    .big-title h1{
        font-size: 28px;
        line-height: 28px;
        color: #13912c;
        margin-bottom: 1%;
    }
    .big-title p{
        font-size: 16px;
        line-height: 16px;
        color: #666666;
        margin-bottom: 2%;
    }
.two-container{
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5%;
}
.two-container .two-item{
    vertical-align: top;
    margin-bottom: 8%;
}
    .two-container .two-item:nth-child(2n+1){
        display: inline-block;
        width: 49.5%;
    }
    .two-container .two-item:nth-child(2n+1) .item-box{
        width: 50%;
        text-align: right;
    }
    .two-container .two-item:nth-child(2n){
        display: inline-block;
        width: 49.5%;
    }
    .two-container .two-item:nth-child(2n) .item-box{
        width: 50%;
        float: right;
    }
    .item-box p{
        font-size: 20px;
        color: #222;
        margin-bottom: 20px;
    }
    .item-box p strong{
        font-size: 40px;
        color: #13912c;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        display: inline-block;
        margin-right: 20px;
    }
    .item-box span{
        font-size: 15px;
        color: #333;
        line-height: 28px;
    }

/* 企业品牌 */
.about_four{
    width: 100%;
    background: url(../img/about-bg2.jpg) no-repeat;
    padding-top: 4.2%;
    padding-bottom: 2%;
    margin-bottom: 5%;
}
/* 选项卡 */
.tab {
    max-width: 1280px;
    margin: 0 auto;
}
.tab .hd {
    width: 100%;
	font-size: 16px;
    display: inline-block;
}
.tab .hd ul {
	width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 3.7%;
}
.tab .hd ul li {
    display: inline-block;
    cursor: pointer;
}
.tab .hd ul li{
    font-size: 16px;
    padding: 0 3%;
    border-right: 1px solid #666;
	text-align: center;
	border-bottom: none;
	color: #666666;
	_display: inline-block;
}
.tab .hd ul li:last-child{
    border: none;
}
.tab .hd ul li.on {
    color: #13912c;  
}
.tab .bd ul {
	zoom: 1;
}
.tab .bd li {
    height: 300px;
    /* border: 1px solid red; */
}


.four-one{
    padding: 0 12%;
    display: flex;
    justify-content: space-between;
}
    .one-box{
        display: inline-block;
    }
    .one-box h1{
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10%;
        vertical-align: bottom;
    }
    .one-box h1 img{
        display: inline-block;
        margin-right: 10%;
    }
    .one-box p{
        font-size: 16px;
        line-height: 30px;
        color: #222;
    }


.four-two{
    text-align: center;
}
    .four-two>p{
        text-align: center;
        font-size: 16px;
        color: #222;
        margin-bottom: 3%;
    }
        .four-two .two-more{
            display: inline-block;
            font-size: 14px;
            color: #13912c;
            padding: 0.5% 2%;
            margin: 0 auto;
            border: 1px solid #13912c;
            margin-top: 2%;
        }
        .four-two .two-more:hover{
            display: inline-block;
            font-size: 14px;
            color: white;
            padding: 0.5% 2%;
            margin: 0 auto;
            background: #13912c;
            margin-top: 2%;
        }

.four-three{
    padding: 0 3%;
}
    .four-three-left{
        float: right;
        display: inline-block;
        width: 49.2%;
        text-align: right;
    }
        .four-three-left a{
            display: inline-block;
            width: 70%;
        }
        .four-three-left a img{
            display: inline-block;
            width: 100%;
        }
.four-three-right{
    display: inline-block;
    width: 49.2%;
}
    .four-three-right p{
        font-size: 16px;
        line-height: 26px;
        color: #222;
    }

/* 全球服务 */
.five-container{
    max-width: 1280px;
    margin: 0 auto;
    margin-bottom: 5%;
}
    .five-left{
        display: inline-block;
        width: 58.5%;
        margin-right: 5%;
        vertical-align: top;
    }
    .five-left a{
        display: inline-block;
        width: 100%;
    }
    .five-left a img{
        display: inline-block;
        width: 100%;
    }

    .five-right{
        display: inline-block;
        width: 35%;
        vertical-align: top;
    }
        .five-right .five-item{
            margin-bottom: 14%;
        }
        .five-right h1{
            font-size: 18px;
            line-height: 18px;
            margin-bottom: 2%;
            color: #13912c;
        }
        .five-right p{
            font-size: 16px;
            line-height: 28px;
            color: #666;
        }


@media(max-width:1000px){
    .about_four{
        overflow: hidden;
        background-size: cover;
        background-position: top center;
    }
    .tab .bd li{
        height: auto !important;
    }
    .four-one{
        display: inline-block !important;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .one-box{
        display: block;
        width: 100%;
        margin-bottom: 5%;
    }
    .one-box h1{
        margin-bottom: 2%;
    }
    .one-box h1 img{
        margin-right: 2%;
    }
}

@media(max-width:860px){
    .about_one .one-left h1,.about_one .one-left p{
        text-align: center;
    }
.about_one .one-left span{
text-indent: 2em !important;
}
    .about_four{
        padding-top: 8%;
        padding-bottom: 8%;
    }
    .about_one .one-left, .about_one .one-right{
        display: block;
        width: 100%;
	padding-right:0 !important;
    }
    .about_one .one-left p{
        margin-bottom: 4%;
    }
    .about_one .one-right{
        position: inherit;
        padding-bottom: 0%;
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .about_one .one-right img{
        position: inherit;
    }
    .wrapper{
        width: 100% !important;
        margin-left: 0% !important;
    }
    .big-title h1{
        margin-bottom: 3%;
    }
    .big-title p{
        margin-bottom: 6%;
    }
    .about_two{
        background: #eef1f3;
        padding-top: 8%;
    }
    .two-container .two-item:nth-child(2n+1),.two-container .two-item:nth-child(2n){
        display: block;
        width: 98%;
    }

    .two-container .two-item:nth-child(2n) .item-box,.two-container .two-item:nth-child(2n+1) .item-box{
        width: 100%;
        text-align: left;
        float: none !important;
    }

    .four-three-left{
        float: none;
        display: inline-block;
        width: 100%;
        margin-bottom: 5%;
    }
    .four-three-left a{
        width: 100%;
    }
    .four-three-right{
        width: 100%;
    }

    .five-left,.five-right{
        display: block;
        width: 95%;
        margin-left: 2.5%;
    }
    .five-right .five-item{
        margin-bottom: 5%;
    }

}

@media(max-width:540px){
   
    .tab .hd ul{
        margin-bottom: 10%;
    }
}

@media(max-width:320px){
.one-box p{
	padding: 0 5%;
}
.one-box p br{
	display:none;
}
}



.four-three{
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-around;
        }
        #four-img{
            display: inline-block;
            width: 40%;
        }
        #four-img img{
            display: inline-block;
            width: 100%;
        }
        #four-txt{
            width: 50%;
        }
        #four-txt p{
            font-size: 16px;
            line-height: 2em;
        }
 @media(max-width:1070px){
            #four-txt p br{
                display: none !important;
            }
        }

 @media(max-width:870px){
            .four-three{
                display: block;
                text-align: center;
            }
            #four-img{
                width: 85%;
            }
            #four-txt{
            width: 90%;
 padding-left: 5%;
        }
        }












