@-webkit-keyframes bottom1 {
    0%,
    100% {
        bottom: 40px
    }
    50% {
        bottom: 15px
    }
}

@-moz-keyframes bottom1 {
    0%,
    100% {
        bottom: 40px
    }
    50% {
        bottom: 15px
    }
}

@-o-keyframes bottom1 {
    0%,
    100% {
        bottom: 40px
    }
    50% {
        bottom: 15px
    }
}

@keyframes bottom1 {
    0%,
    100% {
        bottom: 40px
    }
    50% {
        bottom: 15px
    }
}

.page_banner {
    background: url("../images/banner/contact_banner.jpg") no-repeat center center
}

.contact_info>span {
    display: block;
    width: 216px;
    height: 216px;
    background: url(../images/contact_img.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.contact_info div {
    width: 850px
}

.contact_info h3 {
    color: #c30d23;
    margin-bottom: 20px;
    font-weight: bold
}

.contact_info p {
    text-indent: 2em;
    font-size: 14px;
    color: #666666
}

.contact_info p span {
    font-size: 20px;
    color: #c30d23;
    font-weight: bold
}

.msg_box {
    padding: 50px 0
}

.msg_list {
    width: 1060px
}

.msg_list li {
    width: 80%;
    margin-bottom: 20px;
    font-size: 16px;
    color: #282828
}

.msg_list li::before {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    margin-right: 15px
}

.contact_icon_1::before {
    background: url("../images/contact_icon_1.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.contact_icon_2::before {
    background: url("../images/contact_icon_2.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.contact_icon_3::before {
    background: url("../images/contact_icon_3.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.contact_icon_4::before {
    background: url("../images/contact_icon_4.png") no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -webkit-background-size: 100% 100%
}

.code_box {
    width: 140px;
    text-align: center
}