.about_header_top{
    position:absolute;
    width:100%;
    top: 0;
}
.about_page h2{
    font-size: 40px;
    text-align:center;
}
.section{
    position:relative;
}

.about_supply{

}
.about_supply .icon_bg {
    width: 135px;
    height: 135px;
    margin: 0 auto;
}
.about_supply .col{
    height: 300px;
}
.about_supply h3{
    text-align: center;
    font-size: 24px;
}
.about_supply p{
    font-size:16px;
}
.about_line{
    background: #4cc4e0;
    width: 220px;
    height: 4px;
    margin: 25px auto;
}


.about_bl{
    width: 256px;
    height: 256px;
    overflow: hidden;


}
.about_bl .about_bl_con{
    transform:translate(0,0);
    -ms-transform:translate(0,0); 	/* IE 9 */
    -moz-transform:translate(0,0); 	/* Firefox */
    -webkit-transform:translate(0,0); /* Safari 和 Chrome */
    -o-transform:translate(0,0);

    -ms-transition:transform .3s ease;
    -moz-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease;
}
.about_bl:hover .about_bl_con{
    -ms-transform:translate(0,-256px); /*  IE 9+ */
    -moz-transform:translate(0,-256px); 	/* Firefox */
    -webkit-transform:translate(0,-256px); /* Safari 和 Chrome */
    -o-transform:translate(0,-256px);
    transform:translate(0,-256px);
}

.about_bl .icon_bg{
    width: 256px;
    height: 256px;
    text-align: center;
    padding: 160px 40px 40px;
    background-repeat:no-repeat;
    background-position:center 50px;
}
.about_icon01{
    background-image:url(../image/about/about_icon01.png);
}
.about_icon02{
    background-image:url(../image/about/about_icon02.png);
}
.about_icon03{
    background-image:url(../image/about/about_icon03.png);
}
.about_icon04{
    background-image:url(../image/about/about_icon04.png);
}
.about_icon05{
    background-image:url(../image/about/about_icon05.png);
}
.about_icon06{
    background-image:url(../image/about/about_icon06.png);
}
.about_icon07{
    background-image:url(../image/about/about_icon07.png);
}
.about_icon08{
    background-image:url(../image/about/about_icon08.png);
}

.about_bl h3 {
    text-align: center;
    font-size: 24px;
    padding-bottom: 10px;
    margin: 30px;
    border-bottom: 1px solid #FFF;
}
.about_bl .about_bl_hide{
    width: 256px;
    height: 256px;
    padding: 30px;
    color: #FFF;
    background: #72c2ea;
}
.about_phone{
    background:url(../image/about/about_phone.png) no-repeat;
    width: 430px;
    height: 920px;
    padding: 178px 49px;
    margin: -20px;
}

.under{
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 80px;
}
.under_top01{
    background: url(../image/about/under_top01.png)  top  center  no-repeat #4CC4E0;

}
.under_bg01{
    background: url(../image/about/under01.jpg) 50% 100% no-repeat #4CC4E0;
    height: 320px;
}
.under_bg02{
    background: url(../image/about/under02.png) 50% 100% no-repeat #4CC4E0;
}
.under_bg03{
    background: url(../image/about/under03.png) 50% 100% no-repeat #FFF;
}
.under_bg04{
    background: url(../image/about/under02.png) 50% 100% no-repeat #4CC4E0;
}
.under_bg05{
    background: url(../image/about/under03.png) 50% 100% no-repeat #FFF;
}
.why{

}
.icon_why01{
    background: url(../image/about/why01.png) top center no-repeat;
    width: 98px;
    height: 128px;
    padding-top: 102px;
    font-size: 18px;
    text-align: center;
    color: #FFF;
    margin: -80px auto 0 auto;
}
.icon_why02{
    background: url(../image/about/why02.png) top center no-repeat;
    width: 98px;
    height: 128px;
    padding-top: 102px;
    font-size: 18px;
    text-align: center;

    margin: -80px auto 0 auto;
}
.icon_why03{
    background: url(../image/about/why03.png) top center no-repeat;
    width: 98px;
    height: 128px;
    padding-top: 102px;
    font-size: 18px;
    text-align: center;
    color: #FFF;
    margin: -80px auto 0 auto;
}
.about_block{
    height: 374px;
    background-color: #FFF;
}
.about_block h4{
    padding: 20px 20px 10px;
    color: #4CC4E0;
}
.about_block .ab_con{
    padding: 20px;
    border-top: 1px solid #4CC4E0;
}
.about_block .ab_con img{
    padding-bottom:10px;
}
.about_block .ab_con p{
    line-height: 24px;
}

.about_bl4{
    height: 395px;
    background:#eeeeee;
    border:1px solid #e5e5e5;
}
.about_bl4  h4{
    padding:30px 30px 10px
}
.about_bl4 .ab_con{
    padding: 20px 36px 0px;
    border-top:1px solid #e5e5e5;
    font-size:16px;
    line-height:30px;
}
.about_bl2{
    height:460px;
    border:1px solid #e5e5e5;
    background:#FFF;
}
.about_bl2  h4{
    padding:30px 30px 10px
}
.about_bl2 .ab_con{
    padding: 20px 30px 20px;
    border-top: 1px solid #e5e5e5;
    font-size: 16px;
    line-height: 30px;
}
@-webkit-keyframes arrow {
    0%,100% {
        bottom: 10px;
    }
    50% {
        bottom:20px;
    }
}
@keyframes arrow {
    0%,100% {
        bottom: 10px;
    }
    50% {
        bottom:20px;
    }
}


.scroll_down {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-box-shadow: 0 0 10px #867F7F;
    -moz-box-shadow: 0 0 10px #867F7F;
    box-shadow: 0 0 10px #867F7F;
    border-radius: 50%;
    margin-left: -20px;
    -webkit-animation: 3s arrow infinite ease;
    animation: 3s arrow infinite ease;
    background: url(../image/about/down_white.png) no-repeat center;
    background-color: #4CC4E0;
    cursor: pointer;
}
.scroll_down_while{
    -webkit-box-shadow: 0 0 10px #FFF;
    -moz-box-shadow: 0 0 10px #FFF;
    box-shadow: 0 0 10px #FFF;
    background: url(../image/about/down_blue.png) no-repeat center;
    background-color: #FFF;
}
/*.scroll_down:after {*/
    /*content: '';*/
    /*-ms-transform: rotate(45deg);*/
    /*-webkit-transform: rotate(45deg);*/
    /*transform: rotate(45deg);*/
    /*-webkit-animation: 3s arrow infinite ease;*/
    /*animation: 3s arrow infinite ease;*/
/*}*/

.img_bg{
    text-align: center;
}
.img_bg img {
    padding-bottom: 10px;
}
.img_bg p {
    line-height: 30px;
    font-size: 16px;
}