body{
    background: #000;
    font-family: "microsoft yahei", "微软雅黑";
}

.about-border {
    background: url(../images/border1.png) no-repeat center;
  }


.about-border-right{
    background: none;
    color: #ffffff;
}
.an-1{
    text-align: center;
    color: white;
    padding: 4% 0 6% 0;
}
.an-1 h1{
    font-size: 36px;
    line-height: 2;
}
.an-1 p{
    font-size: 16px;
    line-height: 2;
}
.an-2-img img{
    display: block;
    /*max-width: 100%;*/
    width: 100%;
    margin: 0 auto 10px auto;
}
.an-1.an-4 h3{
    font-size: 16px;
    line-height: 2;
    margin-bottom: 15px;
    color: #6fba2c;
}
.an-1.an-4 p{
    line-height: 2;
    margin-bottom: 15px;
}
.an-1.an-4 i{
    font-size: 0;
    padding: 8px;
    background: #6fba2c;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -2px;
}
.an-1.an-4 p a{
    color: #6fba2c;
    display: inline;
}

.ak img{
    width: 100%;
    display: block;
    margin-bottom: 2%;
}
.an-k1{
    width: 49.5%;
    margin-right: 1%;
}

.an-k2{
    width: 49.5%;
}

.an-k2-c .left{
    width: 49%;
}
.an-k2-c .left:first-child{
    margin-right: 2%;
}


.as-k1{
    width: 24.25%;
    margin-right: 1%;

}
.as-k1:last-child{
    margin-right: 0;
}

@media screen and (max-width: 480px) {
    .an-1 h1{
        font-size: 27px;
    }
    .an-1 p{
        font-size: 14px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .an-k1{
        width: 100%;
        margin-right: 0%;
    }
    .an-k2{
        width: 100%;
    }
    .as-k1{
        width: 100%;
        margin-right: 0%;

    }
    .as-k1:nth-child(2n){
        margin-right: 0;
    }
    .an-k2-c img{
        margin-bottom: 4%;
    }
    .an-k2-c .left{
        width: 49.5%;
    }
    .an-k2-c .left:first-child{
        margin-right: 1%;
    }
}