html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    background-color: #f2f2f2;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    -webkit-overflow-scrolling: touch;
}

a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
}

    a:hover {
        transition: all 300ms linear;
        color: #0e58cf;
    }

@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1605489398250');
    /* IE9 */
    src: url('iconfont.eot?t=1605489398250#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1605489398250') format('woff'), url('iconfont.ttf?t=1605489398250') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1605489398250#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-dianhua1:before {
    content: "\e661";
}

.icon-dianhua:before {
    content: "\e630";
}

.icon-chanpin:before {
    content: "\e666";
}

.icon-gengduo:before {
    content: "\e629";
}

.icon-shouji:before {
    content: "\e610";
}

.icon-stack:before {
    content: "\e600";
}

.icon-kefu:before {
    content: "\e877";
}

.icon-youxiang-copy:before {
    content: "\e601";
}

.icon-dizhi:before {
    content: "\e649";
}

.icon-you:before {
    content: "\e602";
}

.icon-fangdajing:before {
    content: "\e612";
}

.center {
    width: 1200px;
    margin: 0 auto;
}

.swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important;
}

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #0e58cf;
    }

header {
    background-color: #fff;
}

.header {
    display: flex;
    padding: 20px 0;
}

    .header h1 {
        width: 350px;
        margin-right: 20px;
    }

        .header h1 a {
            display: block;
        }

            .header h1 a img {
                max-width: 100%;
                display: block;
            }

    .header dl {
        padding-left: 20px;
        height: 80px;
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        position: relative;
    }

        .header dl::before {
            content: " ";
            position: absolute;
            width: 1px;
            left: 0;
            height: 100%;
            background-image: linear-gradient(#fff, #ccc, #fff);
        }

        .header dl dt,
        .header dl dd {
            width: 100%;
            padding: 5px 0;
        }

        .header dl dt {
            font-size: 40px;
            font-weight: bold;
            color: #000;
        }

        .header dl dd {
            font-weight: bold;
            color: #d70000;
            font-size: 30px;
        }

    .header .tel {
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }

        .header .tel .box {
            max-width: 265px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .header .tel .box .icon {
                width: 70px;
            }

                .header .tel .box .icon .iconfont {
                    font-size: 60px;
                    color: #0e58cf;
                }

        .header .tel ul {
            flex: 1;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            align-content: center;
        }

            .header .tel ul li {
                text-align: right;
                width: 100%;
                padding: 4px 0;
            }

            .header .tel ul .li_1 {
                font-size: 18px;
                color: #999;
                font-weight: 300;
            }

            .header .tel ul .li_2 {
                font-size: 30px;
                font-weight:bold;
            }

.topbar {
    background-color: #666;
    padding: 10px 0;
}

    .topbar .toptool {
        display: flex;
        justify-content: space-between;
    }

        .topbar .toptool strong {
            font-size: 14px;
            color: #fff;
            font-weight: normal;
        }

        .topbar .toptool .links {
            flex: 1;
            display: flex;
            color: #fff;
            align-items: center;
            justify-content: flex-end;
        }

            .topbar .toptool .links a {
                font-size: 12px;
                margin-left: 10px;
                color: #fff;
                font-weight: 300;
            }

nav {
    background-color: #0e58cf;
    position: sticky;
    top: 0;
    z-index: 99999;
}

    nav .menu {
        display: flex;
        justify-content: space-between;
    }

        nav .menu li {
            flex: 1;
            position: relative;
            margin-left: 2px;
        }

            nav .menu li > a {
                color: #fff;
                height: 50px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: 700;
                font-size: 18px;
                position: relative;
            }

                nav .menu li > a:hover {
                    opacity: 0.5;
                    transition: all 300ms linear;
                }

                nav .menu li > a::after {
                    content: " ";
                    position: absolute;
                    height: 100%;
                    right: 0;
                    width: 1px;
                    height: 30px;
                    top: 10px;
                    opacity: 0.3;
                    background-image: linear-gradient(#999, #fff, #999);
                }

            nav .menu li:hover {
                background-color: #143090;
            }

                nav .menu li:hover dl {
                    transition: all 300ms linear;
                    z-index: 9999;
                    display: block;
                    animation: move 300ms forwards;
                }

@keyframes move {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

nav .menu li dl {
    position: absolute;
    display: none;
    width: 100%;
    background-color: #0e58cf;
}

    nav .menu li dl dd a {
        padding: 10px 0;
        display: flex;
        font-weight: 300;
        font-size: 14px;
        color: #fff;
        justify-content: center;
        align-items: center;
        position: relative;
        border-bottom: 1px solid #f9f9f9;
        height:20px;
    }

        nav .menu li dl dd a::after {
            position: absolute;
            width: 80%;
            left: 10%;
            bottom: 0;
            height: 1px;
            content: " ";
            background-image: linear-gradient(to right, #0e58cf, #0e58cf, #0e58cf);
            opacity: 0.5;
            background-color: #003053;
        }

        nav .menu li dl dd a:hover {
            background-color: #003ba5;
        }

    nav .menu li dl dd:last-child a::after {
        background-image: none;
    }

nav .menu li:last-child > a::after {
    background-image: none;
}

nav .menu .active a {
    background-color: #143090;
}

    nav .menu .active a::after {
        background-image: none;
    }

.tagbox {
    background-color: #fff;
    height: 10px;
    display: flex;
    align-items: center;
}

    .tagbox .taglist {
        font-size: 14px;
        color: #0e58cf;
    }

        .tagbox .taglist a {
            margin: 0 5px;
            font-weight: normal;
            color: #666;
        }

            .tagbox .taglist a:hover {
                color: #0e58cf;
            }

#boxhot {
    width: 1200px;
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
}

    #boxhot .left {
        width: 240px;
        background-color: #fff;
        box-shadow: 0 0 20px #ddd;
        margin-right: 35px;
    }

        #boxhot .left dl {
            background-color: #0e58cf;
            padding: 30px 25px;
        }

            #boxhot .left dl dt {
                font-size: 24px;
                color: #fff;
            }

            #boxhot .left dl dd {
                padding-top: 15px;
                font-size: 18px;
                font-weight: 300;
                color: #fff;
            }

        #boxhot .left ul li {
            position: relative;
        }

            #boxhot .left ul li a {
                display: flex;
                padding: 25px;
                border-bottom: 1px solid #f2f2f2;
                z-index: 999;
                position: relative;
                font-size:25px;
            }

            #boxhot .left ul li::before {
                position: absolute;
                content: " ";
                width: 0%;
                height: 100%;
                z-index: 1;
                top: 0;
                left: 0;
                background-color: #f9f9f9;
            }

            #boxhot .left ul li:hover::before {
                position: absolute;
                content: " ";
                width: 100%;
                height: 100%;
                transition: all 300ms linear;
                z-index: 1;
                box-shadow: 0 0 15px #ddd inset;
                top: 0;
                left: 0;
                background-color: #f9f9f9;
            }

        #boxhot .left strong {
            font-size: 22px;
            padding: 25px 0 25px 25px;
            display: flex;
            align-items: center;
        }

            #boxhot .left strong span {
                margin-right: 10px;
                font-size: 28px;
            }

            #boxhot .left strong em {
                color: #0e58cf;
            }

    #boxhot .right {
        flex: 1;
        min-height: 450px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
    }

        #boxhot .right .libox {
            width: 295px;
            padding-bottom: 20px;
            margin: 0 20px 20px 0;
            box-shadow: 0 0 20px #ddd;
            background-color: #fff;
        }

            #boxhot .right .libox:nth-child(3n) {
                margin-right: 0;
            }

            #boxhot .right .libox:nth-child(4),
            #boxhot .right .libox:nth-child(5),
            #boxhot .right .libox:nth-child(6) {
                margin-bottom: 0;
            }

            #boxhot .right .libox .img {
                width: 100%;
                height: 200px;
                overflow: hidden;
                display: block;
            }

                #boxhot .right .libox .img img {
                    width: 100%;
                    height: 200px;
                }

                    #boxhot .right .libox .img img:hover {
                        transition: all 300ms linear;
                        transform: scale(1.1);
                    }

            #boxhot .right .libox dl dt a {
                display: flex;
                justify-content: center;
                padding: 15px;
            }

            #boxhot .right .libox dl dd {
                display: flex;
                justify-content: center;
            }

                #boxhot .right .libox dl dd a {
                    background-color: #0e58cf;
                    color: #fff;
                    padding: 9px 15px;
                    font-size: 12px;
                    margin: 0 15px;
                }

                    #boxhot .right .libox dl dd a:hover {
                        background-color: #44ffb4;
                    }

.secondbanner {
    height: 200px;
    background: url(../imgs/sbanner.jpg) center center no-repeat;
    position: relative;
}

    .secondbanner .tbox {
        width: 100%;
        height: 100%;
        background-color: #0e58cf;
        opacity: 0.9;
    }

    .secondbanner dl {
        position: absolute;
        text-align: center;
        z-index: 999;
        top: 0;
        padding-top: 60px;
        width: 100%;
    }

        .secondbanner dl dt {
            color: #fff;
            font-size: 48px;
            font-weight: bold;
            width: 100%;
        }

        .secondbanner dl dd {
            width: 100%;
            padding-top: 22px;
            font-size: 42px;
            font-weight: 300;
            color: #fff;
        }

.avantages {
    margin-bottom: 50px;
    background-color: #f2f2f2;
}

    .avantages h2 {
        text-align: center;
    }

        .avantages h2 dl {
            padding: 50px 0;
        }

        .avantages h2 dt {
            font-size: 52px;
            font-weight: bold;
            color: #0e58cf;
        }

        .avantages h2 dd {
            font-size: 24px;
            padding-top: 20px;
            color: #333;
            font-weight: 300;
        }

    .avantages .avantagebox {
        width: 1200px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
    }

        .avantages .avantagebox dl {
            background-color: #fff;
            width: 280px;
            box-sizing: border-box;
            box-shadow: 0 0 20px #ddd;
            padding: 50px 20px;
        }

            .avantages .avantagebox dl dt {
                font-size: 28px;
                color: #0e58cf;
                text-align: center;
                font-weight:bold;   
            }

            .avantages .avantagebox dl .pinfo {
                padding: 20px 0;
                line-height: 1.5;
                text-align: center;
                font-size: 14px;
                font-weight: 300;
            }

            .avantages .avantagebox dl .pimg {
                text-align: center;
            }

                .avantages .avantagebox dl .pimg img {
                    width: 200px;
                    display: inline-block;
                    box-shadow: 0 0 20px #999;
                    height: 200px;
                    
                    padding: 5px;
                    border-radius: 50%;
                }

    .avantages .more {
        padding: 30px 30px 10px 30px;
        display: flex;
        justify-content: center;
    }

        .avantages .more a {
            background-color: #fff;
            border: 1px solid #0e58cf;
            color: #0e58cf;
            font-size: 16px;
            font-weight: 300;
            display: flex;
            padding: 15px 45px;
        }

            .avantages .more a:hover {
                color: #fff;
                background-color: #32bc84;
            }

.swiper-pagination.swiper-pagination-bullets {
    bottom: 30px !important;
}

.about {
    min-height: 650px;
    overflow: hidden;
    background: #fff url(../imgs/jianzu.jpg) top center no-repeat;
}

    .about .abtitle {
        width: 500px;
        padding: 20px 0;
        margin: 40px auto 30px;
        opacity: 0.65;
        background-color: #0e58cf;
        text-align: center;
    }

        .about .abtitle h4 {
            font-size: 32px;
            color: #fff;
            font-weight: bold;
        }

        .about .abtitle p {
            color: #fff;
            font-weight: 300;
            padding: 20px 0 10px;
        }

.infobox {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 30px;
    box-shadow: 0 0 20px #ddd;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}

    .infobox .left {
        margin-right: 30px;
        width: 500px;
    }

        .infobox .left img {
            width: 500px;
            height: 350px;
            overflow: hidden;
            display: block;
        }

    .infobox .right {
        font-size: 14px;
        line-height: 1.5;
    }

.news {
    background-color: #fff;
    min-height: 550px;
    overflow: hidden;
}

    .news .title {
        text-align: center;
    }

        .news .title dl {
            padding: 50px 0;
        }

        .news .title dt {
            font-size: 52px;
            font-weight: bold;
            color: #0e58cf;
        }

        .news .title dd {
            font-size: 24px;
            padding-top: 20px;
            color: #333;
            font-weight: 300;
        }

.askbox {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 35px;
}

    .askbox .box {
        width: 380px;
        background-color: #f2f2f2;
        padding: 25px;
        box-sizing: border-box;
    }

        .askbox .box .img {
            position: relative;
            display: block;
        }

            .askbox .box .img span {
                position: absolute;
                left: 0;
                top: 0;
                z-index: 111;
                background-color: #0e58cf;
                color: #fff;
                padding: 10px 20px;
            }

            .askbox .box .img img {
                box-sizing: border-box;
                background-color: #fff;
                padding: 10px;
                border: 1px solid #0e58cf;
                max-width: 100%;
            }

        .askbox .box ul li {
            padding: 15px 0;
            border-bottom: 1px solid #fff;
            text-align: left;
        }

            .askbox .box ul li:last-child {
                border-bottom: none;
                padding-bottom: 0;
            }

            .askbox .box ul li a {
                font-size: 15px;
                padding-bottom: 7px;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

        .askbox .box ul .info {
            font-size: 14px;
            font-weight: 300;
            color: #666;
            padding-top: 5px;
        }

.flinks {
    padding: 15px 0;
    font-size: 14px;
}

    .flinks .center a {
        color: #666;
        display: inline-flex;
        margin: 0 5px;
        font-size: 14px;
    }

footer {
    background-color: #ffffff;
    min-height: 230px;
}

    footer .main {
        display: flex;
        justify-content: space-between;
        padding-top: 35px;
    }

        footer .main .left {
            width: 350px;
        }

            footer .main .left a {
                display: block;
            }

        footer .main .cent {
            flex: 1;
            margin-right: 80px;
        }

            footer .main .cent ul {
                position: relative;
                padding-left: 35px;
            }

                footer .main .cent ul::before {
                    content: " ";
                    position: absolute;
                    width: 1px;
                    left: 0;
                    height: 100%;
                    background-image: linear-gradient(#ddd, #fff, #ddd);
                }

            footer .main .cent li {
                padding-bottom: 15px;
                font-size: 16px;
                color: #333;
                line-height: 28px;
            }

        footer .main .right {
            width: 150px;
            text-align: right;
        }

            footer .main .right img {
                max-width: 120px;
                background-color: #f2f2f2;
                border: 1px solid #ccc;
                padding: 7px;
                box-shadow: 0 0 20px #ccc;
            }

    footer .navbox {
        background-color: #0e58cf;
        height: 3px;
    }

    footer .menu {
        display: flex;
        justify-content: space-between;
    }

        footer .menu li {
            flex: 1;
        }

            footer .menu li a {
                color: #fff;
                height: 50px;
                display: flex;
                align-items: center;
                font-weight: 300;
                justify-content: center;
                font-size: 15px;
                position: relative;
            }

                footer .menu li a:hover {
                    opacity: 0.5;
                    transition: all 300ms linear;
                }

                footer .menu li a::after {
                    content: " ";
                    position: absolute;
                    height: 100%;
                    right: 0;
                    width: 1px;
                    height: 30px;
                    top: 10px;
                    opacity: 0.3;
                    background-image: linear-gradient(#999, #fff, #999);
                }

            footer .menu li:last-child a::after {
                background-image: none;
            }

        footer .menu .active a {
            background-color: #0e58cf;
        }

            footer .menu .active a::after {
                background-image: none;
            }

#banner .swiper-slide a {
    display: flex;
    justify-content: center;
}

    #banner .swiper-slide a img {
        height: auto;
        display: block;
    }

#bannerinner {
    width: 1200px;
    margin: 0 auto 30px;
}

    #bannerinner img {
        width: 1200px;
        display: block;
    }

.container {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto 30px;
}

    .container .left {
        width: 240px;
    }

    .container .right {
        flex: 1;
        margin-left: 20px;
    }

        .container .right .bread {
            background-color: #fff;
            height: 40px;
            display: flex;
            margin-bottom: 20px;
            align-items: center;
            font-size: 14px;
            padding-left: 10px;
            font-weight: 300;
            border-left: 5px solid #0e58cf;
        }

            .container .right .bread a {
                margin: 0 5px;
                font-weight: 300;
            }

        .container .right .main {
            background-color: #fff;
            box-shadow: 0 0 15px #ddd;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

            .container .right .main .newsbox {
                padding-top: 5px;
            }

                .container .right .main .newsbox dl {
                    display: flex;
                    margin: 20px;
                    padding: 0;
                    padding-bottom: 20px;
                    border-bottom: 1px solid #f2f2f2;
                }

                    .container .right .main .newsbox dl dt {
                        width: 100px;
                        background-color: #ddd;
                        padding: 15px;
                    }

                        .container .right .main .newsbox dl dt strong {
                            font-size: 24px;
                            display: flex;
                            justify-content: center;
                            padding-bottom: 10px;
                        }

                        .container .right .main .newsbox dl dt em {
                            font-style: normal;
                            display: flex;
                            justify-content: center;
                            font-size: 24px;
                            font-weight: 300;
                        }

                    .container .right .main .newsbox dl dd {
                        margin-left: 20px;
                    }

                    .container .right .main .newsbox dl .desc {
                        flex: 1;
                    }

                        .container .right .main .newsbox dl .desc > a {
                            display: block;
                            overflow: hidden;
                            font-size: 16px;
                            padding-bottom: 10px;
                            font-weight: bold;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }

                        .container .right .main .newsbox dl .desc p {
                            line-height: 1.6;
                            font-size: 13px;
                            font-weight: 300;
                            color: #666;
                        }

                    .container .right .main .newsbox dl .more {
                        width: 120px;
                    }

                        .container .right .main .newsbox dl .more a {
                            padding: 7px 20px;
                            font-size: 14px;
                            background-color: #0e58cf;
                            color: #fff;
                        }

                            .container .right .main .newsbox dl .more a:hover {
                                background-color: #44ffb4;
                            }

        .container .right .smbox {
            box-sizing: border-box;
            background-color: #fff;
            box-shadow: 0 0 15px #ddd;
            margin-bottom: 20px;
        }

            .container .right .smbox .title {
                height: 40px;
                padding: 0 15px;
                display: flex;
                align-items: center;
                font-size: 14px;
                font-weight: 300;
                color: #fff;
                background-color: #0e58cf;
            }

            .container .right .smbox:last-child {
                margin-bottom: 0;
            }

            .container .right .smbox .imgul {
                display: flex;
                justify-content: flex-start;
                flex-wrap: wrap;
                padding: 20px;
                align-content: center;
            }

                .container .right .smbox .imgul li {
                    margin-right: 20px;
                    width: 209.5px;
                }

                    .container .right .smbox .imgul li:last-child {
                        margin-right: 0;
                    }

                    .container .right .smbox .imgul li a {
                        width: 209.5px;
                        overflow: hidden;
                        display: block;
                    }

                        .container .right .smbox .imgul li a img {
                            display: block;
                            max-width: 100%;
                            width: 209.5px;
                            height: 143px;
                        }

                        .container .right .smbox .imgul li a span {
                            font-size: 14px;
                            font-weight: 300;
                            display: block;
                            text-align: center;
                            padding-top: 20px;
                        }

            .container .right .smbox .newul {
                display: flex;
                justify-content: flex-start;
                flex-wrap: wrap;
                padding: 10px 0;
                align-content: center;
            }

                .container .right .smbox .newul li {
                    margin: 0 15px;
                    width: calc(50% - 30px);
                    box-sizing: border-box;
                    display: flex;
                    justify-content: space-between;
                }

                    .container .right .smbox .newul li a {
                        display: block;
                        white-space: nowrap;
                        padding: 10px 0 10px 15px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        flex: 1;
                        font-size: 14px;
                        position: relative;
                    }

                        .container .right .smbox .newul li a::before {
                            content: " ";
                            position: absolute;
                            top: 13px;
                            left: 0;
                            width: 0;
                            height: 0;
                            border-style: solid;
                            border-width: 4px 0 4px 5px;
                            border-color: transparent transparent transparent #0e58cf;
                        }

                    .container .right .smbox .newul li span {
                        width: 150px;
                        padding: 10px 0;
                        color: #999;
                        font-weight: 300;
                        text-align: right;
                        font-size: 14px;
                    }

    .container .tbox {
        margin-bottom: 20px;
        box-shadow: 0 0 15px #ccc;
        background-color: #fff;
    }

        .container .tbox:last-child {
            margin-bottom: 0;
        }

        .container .tbox img {
            max-width: 100%;
        }

        .container .tbox h2,
        .container .tbox h3 {
            background-color: #0e58cf;
            padding: 20px 25px;
            font-size: 18px;
            font-weight: 300;
            color: #fff;
        }

        .container .tbox ul li {
            position: relative;
        }

            .container .tbox ul li a {
                display: flex;
                font-size: 14px;
                border-bottom: 1px solid #f2f2f2;
                padding: 15px 25px;
                z-index: 999;
                position: relative;
            }

            .container .tbox ul li::before {
                position: absolute;
                content: " ";
                width: 0%;
                height: 100%;
                z-index: 1;
                top: 0;
                left: 0;
                background-color: #f9f9f9;
            }

            .container .tbox ul li:hover::before {
                position: absolute;
                content: " ";
                width: 100%;
                height: 100%;
                transition: all 300ms linear;
                z-index: 1;
                box-shadow: 0 0 15px #ddd inset;
                top: 0;
                left: 0;
                background-color: #f9f9f9;
            }

        .container .tbox ol {
            padding: 15px 20px;
        }

            .container .tbox ol li {
                display: flex;
                padding: 7px 0;
                font-size: 14px;
                columns: #666;
                align-items: center;
                justify-content: flex-start;
                font-weight: 300;
            }

                .container .tbox ol li em {
                    font-size: 12px;
                }

                .container .tbox ol li img {
                    width: 18px;
                    opacity: 0.5;
                    height: 18px;
                    margin-right: 10px;
                    -webkit-filter: grayscale(100%);
                    /* Chrome, Safari, Opera */
                    filter: grayscale(100%);
                }

.fy * {
    box-sizing: border-box;
}

.fy .pagination {
    display: flex;
    padding-left: 0;
    margin: 0 0 0 20px;
    border-radius: 0;
}

    .fy .pagination > li a,
    .fy .pagination > li span {
        position: relative;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 17px;
        color: #0e58cf;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-left: -1px;
    }

    .fy .pagination > li:first-child > a,
    .fy .pagination > li:first-child span {
        margin-left: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .fy .pagination > li:last-child > a,
    .fy .pagination > li:last-child span {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .fy .pagination > li a:hover,
    .fy .pagination > li span:hover,
    .fy .pagination > li a:focus,
    .fy .pagination > li span:focus {
        z-index: 2;
        color: #0e58cf;
        background-color: #eeeeee;
        border-color: #ddd;
    }

    .fy .pagination .active a,
    .fy .pagination .active span,
    .fy .pagination .active a:hover,
    .fy .pagination .active span:hover,
    .fy .pagination .active a:focus,
    .fy .pagination .active span:focus {
        z-index: 3;
        color: #fff;
        background-color: #0e58cf;
        border-color: #0e58cf;
        cursor: default;
    }

    .fy .pagination .disabled span,
    .fy .pagination .disabled span:hover,
    .fy .pagination .disabled span:focus,
    .fy .pagination .disabled a,
    .fy .pagination .disabled a:hover,
    .fy .pagination .disabled a:focus {
        color: #0e58cf;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed;
    }

.list_images {
    min-height: 500px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    padding: 20px;
}

    .list_images .libox {
        width: 286px;
        margin: 0 20px 20px 0;
        background-color: #f2f2f2;
    }

        .list_images .libox:hover {
            background-color: #0e58cf;
            transition: all 300ms linear;
        }

            .list_images .libox:hover a {
                color: #fff;
            }

            .list_images .libox:hover dd {
                display: flex;
                justify-content: center;
            }

                .list_images .libox:hover dd a {
                    background-color: #fff;
                    color: #0e58cf;
                    padding: 9px 15px;
                    font-size: 12px;
                    margin: 0 15px 20px;
                }

        .list_images .libox:nth-child(3n) {
            margin-right: 0;
        }

        .list_images .libox:nth-child(10),
        .list_images .libox:nth-child(11),
        .list_images .libox:nth-child(12) {
            margin-bottom: 0;
        }

        .list_images .libox .img {
            width: 100%;
            height: 193px;
            overflow: hidden;
            display: block;
        }

            .list_images .libox .img img {
                width: 100%;
                height: 193px;
                box-sizing: border-box;
            }

                .list_images .libox .img img:hover {
                    transition: all 300ms linear;
                    transform: scale(1.1);
                }

        .list_images .libox dl dt a {
            display: flex;
            justify-content: center;
            padding: 15px;
        }

        .list_images .libox dl dd {
            display: flex;
            justify-content: center;
        }

            .list_images .libox dl dd a {
                background-color: #0e58cf;
                font-weight: 300;
                color: #fff;
                padding: 9px 15px;
                font-size: 12px;
                margin: 0 15px 20px;
            }

                .list_images .libox dl dd a:hover {
                    background-color: #36cd90;
                    color: #fff;
                }

.article {
    padding: 20px;
    background-color: #fff;
}

    .article h3 {
        font-size: 28px;
        color: #333;
        padding-top: 35px;
        padding-bottom: 20px;
        font-weight: bold;
        text-align: center;
    }

    .article .info {
        text-align: center;
        padding-bottom: 30px;
        font-weight: 300;
        margin: 0 20px 30px;
        border-bottom: 1px dotted #ddd;
        font-size: 14px;
        color: #666;
    }

        .article .info a,
        .article .info em {
            color: #0e58cf;
        }

    .article article {
        padding: 0 20px;
        line-height: 1.8;
        font-size: 15px;
        color: #666;
    }

        .article article * {
            max-width: 100%;
        }

    .article ul {
        margin: 20px 20px 0;
        padding: 10px 20px;
        background-color: #f2f2f2;
        color: #666;
    }

        .article ul li {
            padding: 5px 0;
            font-size: 14px;
        }

.swiper-button-prev {
    color: #0e58cf !important;
    background: none !important;
    position: relative;
}

    .swiper-button-prev::before {
        font-family: 宋体;
        position: absolute;
        content: "<";
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 42px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

.swiper-button-next {
    color: #0e58cf !important;
    background: none !important;
    position: relative;
}

    .swiper-button-next::before {
        font-family: 宋体;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 42px;
        position: absolute;
        content: ">";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }