body {
    background-color: #f8f8f8;
}

.banner {
    background: url('../images/banner/about.jpg') no-repeat center bottom;
}

.about-left {
    float: left;
    width: 700px;
    font-size: 16px;
    line-height: 30px;
}

.about-left  p {
text-indent:2em;
}

.about-right {
    margin-left: 730px;
    text-align: center;
    padding-top: 90px;
}

.culture {
    font-size: 16px;
    line-height: 30px;
}

@media (max-width: 767px) {

    .about-name {
        text-align: center;
    }

    .about-left {
        float: none;
        width: 100%;
        font-size: 16px;
        line-height: 30px;
        padding: 0;
    }

    .about-right {
        margin-left: 0;
        text-align: center;
        padding-top: 0px;
    }

    .culture {
        font-size: 16px;
        line-height: 30px;
        padding: 0;
    }
}

.contact-list {

    padding:30px 0;
}

.contact-list .item {
    text-align: center;
    padding: 5px;
    color:#000000;
}

     .contact-list .item i {
        font-size: 60px;
        line-height: 80px;
        color:#ff6a00;
    }

@media (min-width: 768px) {

    .col-ab-1,.col-ab-2,.col-ab-3,.col-ab-4,.col-ab-5{float:left}
    .col-ab-5{width:100%}
	.col-ab-4{width:80%}
	.col-ab-3{width:60%}
	.col-ab-2{width:40%}
	.col-ab-1{width:20%}    
}

@media (max-width: 768px) {

    .col-abm-1,.col-abm-2,.col-abm-3,.col-abm-4,.col-abm-5{float:left}
    .col-abm-5{width:100%}
	.col-abm-4{width:80%}
	.col-abm-3{width:60%}
	.col-abm-2{width:40%}
	.col-abm-1{width:20%}    
}