@charset "UTF-8";

/**
 Ê×Ò³
 date£º2021-12-14
 author£ºlengyy
*/

body {
    background: #fff;
}

.nav-list-list {
    margin: 60px -15px 30px;
    text-align: center;
    color: #fff;
    font-size: 32px;
}

.nav-list-list li {
    float: left;
    width: 33.333%;
}

.nav-list-list li a {
    display: block;
    margin: 0 15px 30px;
    height: 136px;
    line-height: 136px;
    border-radius: 10px;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.nav-list-list li a:hover {
    -webkit-box-shadow: 0 10px 29px rgba(51, 51, 51, 0.12);
    box-shadow: 0 10px 29px rgba(51, 51, 51, 0.12);
}

.nav-list-list li.news a {
    background: url("/Template/special/oldspecial/css/../images/nav-bg.png") no-repeat right bottom, -webkit-gradient(linear, left bottom, left top, from(#fd9478), to(#ff6162));
    background: url("/Template/special/oldspecial/css/../images/nav-bg.png") no-repeat right bottom, linear-gradient(0deg, #fd9478, #ff6162);
}

.nav-list-list li.news .nav-icon {
    background-color: #ffece8;
    background-image: url("/Template/special/oldspecial/css/../images/icon-news.png");
}

.nav-list-list li.announce a {
    background: url("/Template/special/oldspecial/css/../images/nav-bg.png") no-repeat right bottom, -webkit-gradient(linear, left bottom, left top, from(#81d4be), to(#4fbba5));
    background: url("/Template/special/oldspecial/css/../images/nav-bg.png") no-repeat right bottom, linear-gradient(0deg, #81d4be, #4fbba5);
}

.nav-list-list li.announce .nav-icon {
    background-color: #daf9f0;
    background-image: url("/Template/special/oldspecial/css/../images/icon-announce.png");
}

.nav-list-list li.notice a {
    background: url("/Template/special/oldspecial/css/../images/nav-bg.png") no-repeat right bottom, -webkit-gradient(linear, left bottom, left top, from(#7ac7f4), to(#5ba8fe));
    background: url("/Template/special/oldspecial/css/../images/nav-bg.png") no-repeat right bottom, linear-gradient(0deg, #7ac7f4, #5ba8fe);
}

.nav-list-list li.notice .nav-icon {
    background-color: #e1f2ff;
    background-image: url("/Template/special/oldspecial/css/../images/icon-notice.png");
}

.nav-list-list li.explain a {
    background: url("/Template/special/oldspecial/css/../images/nav-bg.png") no-repeat right bottom, -webkit-gradient(linear, left bottom, left top, from(#ffc582), to(#ffa65c));
    background: url("/Template/special/oldspecial/css/../images/nav-bg.png") no-repeat right bottom, linear-gradient(0deg, #ffc582, #ffa65c);
}

.nav-list-list li.explain .nav-icon {
    background-color: #fff2e8;
    background-image: url("/Template/special/oldspecial/css/../images/icon-explain.png");
}

.nav-list-list li.policy a {
    background: url("/Template/special/oldspecial/css/../images/nav-bg.png") no-repeat right bottom, -webkit-gradient(linear, left bottom, left top, from(#a2a8fe), to(#7c7ff7));
    background: url("/Template/special/oldspecial/css/../images/nav-bg.png") no-repeat right bottom, linear-gradient(0deg, #a2a8fe, #7c7ff7);
}

.nav-list-list li.policy .nav-icon {
    background-color: #ebeeff;
    background-image: url("/Template/special/oldspecial/css/../images/icon-policy.png");
}

.nav-list-list li.via a {
    background: url("/Template/special/oldspecial/css/../images/nav-bg.png") no-repeat right bottom, -webkit-gradient(linear, left bottom, left top, from(#f898c5), to(#d9659c));
    background: url("/Template/special/oldspecial/css/../images/nav-bg.png") no-repeat right bottom, linear-gradient(0deg, #f898c5, #d9659c);
}

.nav-list-list li.via .nav-icon {
    background-color: #ffe8ef;
    background-image: url("/Template/special/oldspecial/css/../images/icon-via.png");
}

.nav-icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-right: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 100%;
    vertical-align: middle;
}

.service-wrap {
    background: #f5f5f5;
    margin-bottom: 60px;
}

.service-hd {
    padding: 24px 30px;
}

.service-more {
    float: right;
    width: 98px;
    height: 32px;
    line-height: 32px;
    background: #fff;
    text-align: center;
    border-radius: 16px;
    font-size: 16px;
    color: #591919;
}

.service-list {
    margin: 0 15px;
}

.service-list li {
    float: left;
    width: 25%;
}

.service-list li a {
    display: block;
    margin: 0 15px 30px;
    padding: 13px 13px 0;
    border: 2px solid #fff;
    background: #fff;
    border-radius: 4px;
    -webkit-transition: border-color, -webkit-box-shadow 0.3s;
    transition: border-color, -webkit-box-shadow 0.3s;
    transition: border-color, box-shadow 0.3s;
    transition: border-color, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.service-list li a:hover {
    border-color: #e98c90;
    color: #e1313f;
    -webkit-box-shadow: 0 8px 26px rgba(51, 51, 51, 0.12);
    box-shadow: 0 8px 26px rgba(51, 51, 51, 0.12);
}

.service-img {
    width: 100%;
    border-radius: 4px;
}

.service-title {
    width: 6em;
    height: 100px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
}

@media (max-width: 980px) {
    .nav-list-list li {
        width: 50%;
    }
    .service-list li {
        width: 33.333%;
    }
}

@media (max-width: 600px) {
    .nav-list-list li {
        width: 100%;
    }
    .service-list li {
        width: 50%;
    }
    .service-title {
        padding: 10px 0;
        font-size: 18px;
        line-height: 26px;
    }
}