li {
    list-style: none;
}

a {
    cursor: pointer
}

.contents {
    padding: 3rem;
}

/* a { color: #333;text-decoration: none;} */
a:hover {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

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

.cl {
    zoom: 1;
}

/* .important{ padding:20px 0 0px 0;border-top:1px dashed #e0e0e0; border-bottom:1px solid #dee1e1;} */
/* .important li{ float:left; margin-right:33px;} */
.important {
    padding: 0;
}

.important li a {
    display: block;
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 15px;
    border: 1px dotted #01d4ef;
    background: #fff;
    margin: 0 auto;
}

.important li:hover a {
    border: none
}

.important li span {
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 15px
}

.important .rcsp_1 span {
    background: url("../img/pics/about-icon1.png") no-repeat bottom center;
}

.important .rcsp_2 span {
    background: url("../img/pics/about-icon2.png") no-repeat bottom center;
}

.important .rcsp_3 span {
    background: url("../img/pics/about-icon3.png") no-repeat bottom center;
}

.important .rcsp_4 span {
    background: url("../img/pics/about-icon4.png") no-repeat bottom center;
}

.important .rcsp_5 span {
    background: url("../img/pics/about-icon5.png") no-repeat bottom center;
}

.important .rcsp_6 span {
    background: url("../img/pics/about-icon6.png") no-repeat bottom center;
}

.w1200 .important .rcsp_1:hover span,
.w1200 .important .rcsp_2:hover span,
.w1200 .important .rcsp_3:hover span,
.w1200 .important .rcsp_4:hover span,
.w1200 .important .rcsp_5:hover span,
.w1200 .important .rcsp_6:hover span {
    transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
}

.w1200 .important .rcsp_1:hover span {
    background: url("../img/pics/about-icon1.png") no-repeat top center;
}

.w1200 .important .rcsp_2:hover span {
    background: url("../img/pics/about-icon2.png") no-repeat top center;
}

.w1200 .important .rcsp_3:hover span {
    background: url("../img/pics/about-icon3.png") no-repeat top center;
}

.w1200 .important .rcsp_4 span:hover {
    background: url("../img/pics/about-icon4.png") no-repeat top center;
}

.w1200 .important .rcsp_5 span:hover {
    background: url("../img/pics/about-icon5.png") no-repeat top center;
}

.w1200 .important .rcsp_6 span:hover {
    background: url("../img/pics/about-icon6.png") no-repeat top center;
}

.important .rcsp_9 {
    margin-right: 0px;
}

.important li p {
    line-height: 20px;
    text-align: center;
    display: block;
    color: #01d4ef;
    margin: 15px 0;
}

.important li:hover p {
    color: #1989ed;
}

.important li strong {
    border-bottom: 1px solid #1989ed;
    position: relative;
    display: block;
    margin-top: 15px;
    z-index: 4;
    width: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.important li strong i {
    display: none;
    position: absolute;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    display: block;
    left: 50%;
    margin-left: -9px;
    border-top-color: #1989ed;
}