.banner img {
    width: 100%;
    display: block;
}

.about {
    padding: 64px 0 104px 0;
    background: url("../images/dt-01.png") no-repeat center;
    background-size: cover;
}

.abbox {
    width: 1236px;
    margin: 0 auto;
    overflow: hidden;
}

.abbox .fl {
    width: 33.3%;
    height: 500px;
    background-color: #fff;
}

.abbox .fl .abdetail {
    padding: 44px 0 28px 28px;
}

.abbox .fl .abdetail h2 {
    font-size: 26px;
    margin-bottom: 24px;
}

.abbox .fl .abdetail h3 {
    padding-left: 20px;
    background: url("../images/dw-01.png") no-repeat left 0px;
    line-height: 24px;
    font-size: 18px;
}

.abbox .fl .abdetail h4 {
    color: #666666;
    margin: 10px 0 10px 20px;
}

.abbox .fl .abdetail h5 {
    font-size: 12px;
    padding-left: 14px;
    background: url("../images/dt.png") no-repeat left center;
    color: #666666;
    margin-left: 20px;
}

.abbox .fl .abdetail p {
    color: #666666;
    padding-left: 24px;
}

.abbox .fl .abdetail .tel {
    background: url("../images/dh-01.png") no-repeat left center;
    margin: 15px 0 12px 0;
}

.abbox .fl .abdetail .email {
    background: url("../images/yx-01.png") no-repeat left center;
}

.abbox .bggray {
    background-color: #edeeee;
}

.abbox .fl .zixun {
    background-color: #319bff;
    padding: 95px 0 67px 0;
}

.abbox .fl .zixun h2 {
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.abbox .fl .zixun h3 {
    color: #fff;
    margin: 0 auto;
    margin-top: 30px;
    border: 1px solid #fff;
    width: 108px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}

.abbox .fl .zixun p {
    text-align: center;
    height: 36px;
    line-height: 32px;
    color: #fff;
    margin-top: 30px;
}

.abbox .fl .zixun h3:hover {
    background-color: #2e3033;
    border: 1px solid #2e3033;
    color: #319bff
}

.abbox .fl .ewm {
    width: 164px;
    margin: 34px auto 2px auto;
    display: block;
}

.abbox .rtcont p {
    font-size: 17px;
    text-align: center;
}

.blackbox {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: none;
}

.abcont {
    width: 576px;
    margin: 0 auto;
    margin-top: 290px;
    background-color: #fff;
}

.abcont .abtop {
    background-color: #f6f6f6;
    padding: 0 34px 0 40px;
    overflow: hidden;
}

.abcont .abtop p {
    line-height: 46px;
    float: left;
}

.abcont .abtop .close {
    display: block;
    width: 12px;
    height: 46px;
    background: url("../images/gb-01.png") no-repeat center;
    float: right;
    -webkit-transition: transform .5s linear;
    -moz-transition: transform 0.5s linear;
    -o-transition: transform 0.5s linear;
    transition: transform 0.5s linear;
}

.abcont .abtop .close:hover {
    background: url("../images/gb-01-01.png") no-repeat center;
    transform: rotate(360deg);
}

.abcont .abform {
    padding: 42px 124px 96px 42px;
}

.abcont .abform p {
    margin-bottom: 42px;
    font-size: 15px;
}

.abcont .abform ul li {
    margin-bottom: 16px;
}

.abcont .abform ul label {
    width: 80px;
    display: block;
    float: left;
    text-align: right;
    padding-right: 7px;
    line-height: 30px;
}

.abcont .abform ul input {
    width: 328px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ecebeb;
}

.abcont .abform textarea {
    width: 328px;
    height: 80px;
    line-height: 30px;
    border: 1px solid #ecebeb;
}

.abcont .abform .sub {
    width: 96px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    float: right;
    background-color: #319bff;
}

.abcont .abtel {
    clear: both;
    background-color: #292f3b;
    font-size: 30px;
    line-height: 62px;
    color: #fff;
    text-align: center;
}

.abcont .abtel span {
    font-size: 16px;
    line-height: 62px;
    color: #fff;
    padding-right: 12px;
}