.about_top_left {
    width: 47.5%;
    float: left;
}


.about_top_left img {
    width: 165px;
    /* width: 165px; */
    height: auto;
    margin-bottom: 50px;
}

.about_top_right {
    float: right;
    width: 47.5%;
}


.about_top_desc {
    font-size: 16px;
	line-height: 32px;
	color: #666;
    max-height: 256px;
    overflow: auto;
}


.about_top {
    padding: 120px 0px 100px;
    background: #fff url(../images/about_bg1.png) left bottom no-repeat;
}


.about_center {
    width: 100%;
    height: 340px;
}


.about_center_pc {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}


.about_center_mobile {
    width: 100%;
    height: auto;
}


.about_bottom {
    padding: 120px 0px 0px;
    background: #fff;
}


.about_bottom_icon {
    width: auto;
    display: block;
    margin:0px auto 40px;
	height: 64px;
    /* margin-bottom: 40px; */
}


.about_new_iamge {
    padding-bottom: 120px;
    background: #fff;
}


.about_bottom_line {
    display: block;
    width: 100px;
	height: 1px;
	background: #1a1a1a;
    margin: 0px auto 40px;
}


.about_bottom_desc {
    font-size: 16px;
	line-height: 32px;
    margin-bottom: 90px;
	color: #666;
    text-align: center;
}


.about_bottom_desc p + p {
    margin-top: 20px;
}

.about_bottom_images .img_item_ab {
    box-sizing: border-box;
    /*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);*/
    /* filter: gray; */
    cursor: pointer;
}

.about_bottom_images .img_item_ab:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    /* filter: gray; */
    box-shadow: 0px 12px 24px 0px 
		rgba(127, 127, 127, 0.2);
}

.about_bottom_images .img_item_ab.type1 {
    width: 32.16%;
    float: left;
    height: 500px;
}

.about_bottom_images .img_item_ab.type2 {
    width: 66%;
    float: right;
    height: 240px;
    margin-bottom:20px;
}

.about_bottom_images .img_item_ab.type3 {
    width: 32.16%;
    float: left;
    margin: 0px  1.76%;
    height: 240px;
}

.about_bottom_images .img_item_ab.type4 {
    width: 32.16%;
    float: left;
    height: 240px;
}


.about_bottom_images .img_item_ab img {
    width: 100% ;
    height: 100%;
}


@media (max-width:768px) {
   
    .about_top_left {
        width: 100%;
        margin-bottom: 20px;
    }

    .about_top_right {
        width: 100%;
    }
    .about_top_left img {
        width: 50%;
        /* width: 165px; */
        height: auto;
        margin-bottom: 20px;
        display: block;
        margin: 0px auto 20px;
    }
    .about_top {
        padding: 20px 0px;
    }
    .about_bottom_icon {
        width: 50%;
        display: block;
        margin: 0px auto 20px;
    }
    .about_bottom_line {
        display: block;
        width: 100px;
        height: 1px;
        background: #1a1a1a;
        margin: 0px auto 20px;
    }
    .about_bottom_desc p + p {
        margin-top: 10px;
    }
    .about_bottom_images .about_bottom_images .img_item_ab {
        /* width: 100% !important;
        margin: 0px 0px 10px !important;
        */
        /* height: auto !important; */
    }    
    .about_bottom {
        padding: 30px 0px 0px; 
    }
    .about_bottom_desc {
        margin-bottom: 30px;        
        font-size: 14px;
        line-height: 24px;
    }
    .about_top_desc {
        font-size: 14px;
        line-height: 24px;
        /* text-align: center; */
        max-height: 100%;
        overflow: auto;
    }
    .about_center {
        height: auto;
    }
    .about_bottom_images .img_item_ab {
        box-sizing: border-box;
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
    }
    .about_bottom_images .img_item_ab.type2 {
        width: 100%;
        margin-bottom: 5px;
        height: auto;
    }
    .about_bottom_images .img_item_ab.type1 , .about_bottom_images .img_item_ab.type3 , .about_bottom_images .img_item_ab.type4 {
        width: 49.33%;
        height: 265px;
    }

    .about_bottom_images .img_item_ab.type3 , .about_bottom_images .img_item_ab.type4 {
        float: right;
        margin: 0px;
        height: 130px;
    }
    .about_bottom_images .img_item_ab.type3 {
        margin-bottom: 5px;
    }

    .about_new_iamge {
        padding-bottom: 30px;
    }

    .about_new_iamge .container {
        width: 100%;
        padding: 0px;
    }
}