* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: none;
}

li {
    list-style: none;
}

input,
button {
    outline: none;
    font-family: "microsoft yahei";
}

button {
    cursor: pointer;
}

body {
    background: #fff;
    font-family: "microsoft yahei";
}

a:hover {
    text-decoration: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *+height: 1%;
}

.button {
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.button:focus {
    outline: none;
}

.button > span {
    vertical-align: middle;
}

/**/

.wipe {
    /*background: url("../images/wipe_bg.png") no-repeat center 0;*/
    height: 585px;
    padding-top: 0px;
}

.wipe_title {
    background: url("../images/wipe_title.png") no-repeat center 0;
    height: 101px;
    font-size: 46px;
    color: #000;
    line-height: 80px;
    text-align: center;
}

.wipe_title strong {
    color: #e51e0b;
}

.wipe_stitle {
    font-size: 44px;
    color: #000;
    line-height: 1;
    text-align: center;
    margin: 40px 0 0 0;
}

.wipe_stitle strong {
    color: #e51e0b;
    font-weight: normal;
}

.wipe_con {
    background: url("../images/wipe_line.png") no-repeat center;
    width: 1100px;
    margin: 45px auto 0;
    overflow: hidden;
}

.wipe_con li {
    width: 205px;
    float: left;
    margin-left: 18px;
}

.wipe_con li:first-child {
    margin-left: 0;
}

.wipe_pic2 {
    margin-top: 22px;
}

.wipe_icon {
    background: url(../images/wipe_icon.png) no-repeat 0 0;
    width: 11px;
    height: 11px;
    margin: 26px auto 0;
}

.wipe_icon2 {
    margin-top: 22px;
}

.wipe_con li:hover .wipe_icon {
    background-position: -11px 0;
}

.wipe_box {
    background: url("../images/wipe_box.png") no-repeat 0 0;
    width: 205px;
    height: 170px;
    margin-top: 18px;
    padding-top: 28px;
}

.wipe_box2 {
    background: url("../images/wipe_box2.png") no-repeat 0 0;
    height: 176px;
    margin-top: 0;
    padding-top: 22px;
}

.wipe_con li:hover .wipe_box {
    background-position: -205px 0;
}

.wipe_h3 {
    font-size: 20px;
    color: #338bb8;
    line-height: 1;
    text-align: center;
    font-weight: normal;
}

.wipe_con li:hover .wipe_h3 {
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 13, 27, 0.34);
}

.wipe_h3 b {
    font-size: 24px;
}

.wipe_a {
    background: #338bb8;
    width: 90px;
    height: 28px;
    display: block;
    border-radius: 14px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 11px auto 0;
}

.wipe_con li:hover .wipe_a {
    background: #fff;
    color: #338bb8;
}

.wipe_p {
    font-size: 16px;
    color: #333;
    line-height: 26px;
    margin: 13px 0 0 0;
    text-align: center;
}

.wipe_con li:hover .wipe_p {
    color: #fff;
}

.wipe_p strong {
    color: #e51e0b;
    font-weight: normal;
    font-size: 16px!important;
}

.wipe_con li:hover .wipe_p strong {
    color: #fff940;
}