.banner-about{
    height: 500px;
    background: url("../images/about/banner.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
}
.about-jian{
    background:#efefef;
    height: 692px;
}
.ab-name{
    padding: 130px 0 40px 0;
}
.ab-ying{
    font-size: 40px;
}
.about-title{
    text-align: center;
    padding-bottom: 40px;
}
.about-title-name{
    font-size: 32px;
    padding: 45px 0 15px 0;
}
.about-info{
    width: 485px;
}
.about-text{
    font-size: 14px;
    line-height: 27px;
    text-indent: 2em;
}
.about-guan{
    text-indent: 2em;
    font-size: 26px;
    line-height: 80px;

}

.zhong-dian{
    background: #fff;
    height: 736px;
}
.zhong-dian ul{
    padding-top: 80px;
}
.zhong-dian li{
    text-align: center;
}
.zhong-dian li:not(:last-of-type){
    margin-right: 34px;
}
.zhong-dian li p{
    padding-top: 30px;
    font-size: 16px;
}
.zhong-dian li img{
    width: 355px;
    height: 386px;
}

.qi-wen{
    height: 560px;
    background: #efefef;
    text-align: center;
}
.qi-wen li:not(:last-of-type){
    margin-right: 39px;
}
.qi-wen li{
    position: relative;
}
.li-hover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 257px;
    background: rgba(39,105,175,0.5);
    color: #fff;
    line-height: 24px;
    opacity: 0;
}
.li-hover p{
    padding: 40px;
}
.qi-name{
    font-size: 16px;
    padding: 30px 0 10px 0;
}
.qi-ying{
    color: #999999;
    font-size: 12px;
}


.banner-contact{
    height: 500px;
    background: url("../images/about/contact.png") no-repeat;
    background-size: 100% 100%;
}
.contact-left{
    float: left;
    width: 363px;
    box-shadow: 0 0 15px #eeeeee;
    background: #fff;
}
.contact-left dd{
    height: 74px;
    text-align: center;
    background: #3186dd;
    line-height: 74px;
    color: #fff;
    font-size: 24px;
}
.contact-left dd img{
    margin-top: 23px;
}
.contact-left dt{
    border-bottom: solid 1px #f4f4f4;
    line-height: 33px;
    padding: 19px 28px;
    font-size: 16px;
}
.contact-left dt i{
    float: left;
    width: 31px;
    height: 31px;
    background-image: url("../images/about/contact-icon.png");
    margin-right: 16px;
}
.contact-left dt:nth-of-type(1) i{
    background-position: 0 0;
}
.contact-left dt:nth-of-type(2) i{
    background-position: 0 -69px;
}
.contact-left dt:nth-of-type(3) i{
    background-position: 0 169px;
}
.contact-left dt:nth-of-type(4) i{
    background-position: 0 100px;
}
.contact-left dt:nth-of-type(5) i{
    background-position: 0 31px;
}
.contact-right{
    box-shadow: 0 0 15px #eeeeee;
    float: right;
    padding: 16px;
    background: #fff;
}
#allmap{
    width: 787px;
    height: 434px;
}
.contact{
    padding-top: 15px;
    padding-bottom: 83px;
}