/**
    参考
    https://www.1-3.com.cn/
    http://www.kmeb.net/Info_One.aspx?vc_GUID_Site_Kind=ca56b396df084e7c83f5e04639063227
    https://fkhlw05.jz.fkw.com/
    https://www.sitestar.cn/website/choose.aspx?tpl_domain=https://computers-306.view.sitestar.cn&tpl_id=7463&user_level=2&tpl_level=2&tem_type=1&all=all
    https://www.jiatui.com/tg/referral.html?source=bd_pc2&plan=A05&unit=028&kw=84&bd_vid=7262852008369784289
    http://www.pigcms.cn/
*/
@charset "utf-8";

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, section, article, aside, header, footer, nav, dialog, figure, hgroup, em, button, a, input {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

html {
    -webkit-text-size-adjust: none;
    font-size: 16px;
}

body {
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #222222;
}

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

ul, ol, li {
    list-style: none
}

em, i {
    font-style: normal
}

a {
    text-decoration: none;
    cursor: pointer;
}

    a:hover {
        text-decoration: none;
    }

.no-img {
    background-image: none !important;
}

.page-top-gg {
    background-size: 100% !important;
    background-repeat: no-repeat;
    width: 100%;
    height: 25rem;
}

.top-nav-box .logo {
    height: 5rem;
    max-width: 12rem;
}

.top-nav-box .navbar-nav .nav-link {
    font-size: 1rem;
    color: #3d3d3d;
}

.top-nav-box .navbar-nav .active .nav-link {
    color: #3399cc
}

.top-nav-box .navbar-nav .nav-link:hover {
    color: #3399cc
}

.hot-tel-box {
    background: #ffa12c;
    padding: 0.425rem;
    color: #fff;
}

.banner-box .carousel-item, .banner-box .carousel-item .container-lg {
    height: 36rem;
    position: relative;
}

    .banner-box .carousel-item .container-lg {
        text-align: right;
    }

        .banner-box .carousel-item .container-lg img {
            max-width: 100%;
        }

    .banner-box .carousel-item .floatBtn {
        /* width: 10rem;
        height: 3rem;
        line-height: 3rem;*/
        font-family: 微软雅黑;
        display: block;
        text-align: center;
        color: #fff;
        text-decoration: none;
        position: absolute;
        top: 18rem;
        left: 2.5rem;
        padding: 0.875rem;
    }
        .banner-box .carousel-item .floatBtn a {
            color: #fff;
        }

    .banner-box .carousel-item .title {
        font-size: 4rem;
        position: absolute;
        top: 4rem;
        left: 1.5rem;
        height: auto;
        color: #fff;
        text-align: left;
    }

    .banner-box .carousel-item .subtitle {
        position: absolute;
        top: 10rem;
        left: 2.5rem;
        height: auto;
        line-height: 36px;
        color: #fff;
        text-align: left;
    }

    .banner-box .carousel-item:nth-child(2n+1) {
        background: url(/themes/faisys/images/banner00.png) no-repeat center center;
    }

        .banner-box .carousel-item:nth-child(2n+1) .floatBtn {
            background: linear-gradient(90deg, rgb(11 89 197) 0%,rgb(61 81 243) 100%);
            background: -webkit-linear-gradient(90deg, rgb(18 11 191) 0%,rgb(85 76 234) 100%);
            background: -moz-linear-gradient(90deg, rgba(255, 188, 59, 1) 0%,rgba(253, 212, 108, 1) 100%);
            background: -ms-linear-gradient(90deg, rgba(255, 188, 59, 1) 0%,rgba(253, 212, 108, 1) 100%);
            background: -o-linear-gradient(90deg, rgba(255, 188, 59, 1) 0%,rgba(253, 212, 108, 1) 100%);
            background: linear-gradient(90deg, rgb(8 25 185) 0%,rgb(95 103 238) 100%);
        }





    .banner-box .carousel-item:nth-child(2n) {
        background: url(/themes/faisys/images/banner01.png) no-repeat center center;
    }

        .banner-box .carousel-item:nth-child(2n) .floatBtn {
            background: linear-gradient(90deg, rgba(255, 188, 59, 1) 0%,rgba(253, 212, 108, 1) 100%);
            background: -webkit-linear-gradient(90deg, rgba(255, 188, 59, 1) 0%,rgba(253, 212, 108, 1) 100%);
            background: -moz-linear-gradient(90deg, rgba(255, 188, 59, 1) 0%,rgba(253, 212, 108, 1) 100%);
            background: -ms-linear-gradient(90deg, rgba(255, 188, 59, 1) 0%,rgba(253, 212, 108, 1) 100%);
            background: -o-linear-gradient(90deg, rgba(255, 188, 59, 1) 0%,rgba(253, 212, 108, 1) 100%);
            background: linear-gradient(90deg, rgba(255, 188, 59, 1) 0%,rgba(253, 212, 108, 1) 100%);
        }
@media screen and (max-width: 768px) {
    .banner-box .carousel-item .title {
        font-size: 2rem;
    }
}



/*.banner-box .carousel-item:nth-child(3) {
        background: url(/themes/faisys/images/banner02.png) no-repeat center center;
    }

    .banner-box .carousel-item:nth-child(4) {
        background: url(/themes/faisys/images/banner03.png) no-repeat center center;
    }*/


.service-box img {
    height: 4.625rem;
}

.miaoshu-box {
    margin-top: 8rem;
}

    .miaoshu-box .text {
        line-height: 1.5rem;
    }

.koubei-box .item {
    position: relative;
}

    .koubei-box .item .it {
        background-image: url(/themes/faisys/images/koubei00.png);
        background-repeat: no-repeat;
        height: 10.9rem;
    }

        .koubei-box .item .it .text p:first-child {
            color: #142cb9
        }

        .koubei-box .item .it img {
            height: 2.5rem;
        }

    .koubei-box .item .itlast {
        background-image: url(/themes/faisys/images/koubei01.png);
        background-repeat: no-repeat;
        position: absolute;
        left: -3.125rem;
        top: -5.125rem;
        height: 16.75rem;
        width: 30.8125rem;
        color: #fff !important;
        z-index:9999;
    }

        .koubei-box .item .itlast .text p:first-child {
            color: #fff
        }

        .koubei-box .item .itlast img {
            height: 3.75rem;
        }

.koubei-box .text p:first-child {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.fw-gg-box {
    height: 10rem;
    background-image: url(/themes/faisys/images/fwbj.jpg);
    background-repeat: no-repeat;
    line-height: 10rem;
    text-align: center;
    font-size: 2rem;
    color: #fff;
}

.content-box .item {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 20px #dcd5d5
}

    .content-box .item .title {
        font-size: 1.5rem;
        text-align: center;
        font-weight: bold;
    }

    .content-box .item .text {
        line-height: 2rem;
    }

    .content-box .item.b0 {
        border-bottom: solid 2px #ffc107
    }

    .content-box .item.b1 {
        border-bottom: solid 2px #dc3545
    }

    .content-box .item.b2 {
        border-bottom: solid 2px #007bff
    }

    .content-box .item.b3 {
        border-bottom: solid 2px #28a745
    }

.content1-box, .content3-box {
    background: #f0eeee;
}

    .content1-box a, .content3-box a {
        color: #818181;
    }

        .content1-box a:hover, .content3-box a:hover {
            color: #0056b3 !important;
        }

    .content1-box .it-in, .content3-box .it-in {
        background: #fff;
        margin-bottom: 1.875rem;
    }

    .content1-box .time, .content3-box .time {
        text-align: center
    }

        .content1-box .time .d, .content3-box .time .d {
            font-size: 2.5rem;
            display: block;
            line-height: 1;
            color: #555555;
        }

        .content1-box .time .y, .content3-box .time .y {
            width: 5rem;
        }

    .content1-box .text, .content3-box .text {
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 2.75rem;
        overflow: hidden;
        line-height: 1.375rem;
    }

.content2-box {
    background: url(/themes/faisys/images/bg.png) repeat-y center center;
    background-size: 100%;
}

    .content2-box h4 {
        color: #fff;
    }

    .content2-box .desc {
        padding-top: 1rem;
        color: #fff;
    }

    .content2-box .tel {
        margin-top: 1rem;
        padding: 0.5rem;
        color: #fff;
        font-size: 1.2rem;
        background: rgba(255, 188, 59, 1);
    }

        .content2-box .tel a {
            color: #fff;
        }

    .content2-box .it img {
        width: 3rem;
    }

    .content2-box .it-in {
        text-align: center;
        background: #fff
    }


.content4-box .it {
    text-align: center;
}

    .content4-box .it .img {
        width: 7rem;
        height: 7rem;
        border-radius: 50%;
        background: #0166ce;
        margin: auto;
    }

        .content4-box .it .img img {
            width: 4rem;
            height: 4rem;
            margin: 1.5rem;
        }

    .content4-box .it span {
        padding: 0.5rem 0px;
        display: block;
        font-size: 1.5rem;
        font-weight: 700
    }

.tel-box {
    text-align: center;
    padding-top: 1.875rem;
}

    .tel-box span {
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
        display: inline-block;
        background: #0166ce;
        padding: 0.415rem 0.875rem 0.415rem 0.875rem;
        border-radius: 5px;
        color: #fff;
    }


.main-box {
    background: #f6f6f6;
}

.taglist-box {
    overflow: hidden;
    margin: 1rem 0px;
    font-size: 0.875rem;
    color: #666666;
}

/*留言表单*/
.mnfeedback-box li {
    padding: 0.5rem 0px;
}

    .mnfeedback-box li textarea {
        width: 90%;
    }

    .mnfeedback-box li textarea {
        min-width: 310px;
        width: 90%;
    }

    .mnfeedback-box li::after {
        display: block;
        clear: both;
        content: "";
    }

    .mnfeedback-box li span {
        display: block;
        float: left;
    }

        .mnfeedback-box li span:first-child {
            width: 20%;
            text-align: right;
        }

        .mnfeedback-box li span:nth-child(2) {
            width: 80%;
        }

            .mnfeedback-box li span:nth-child(2) input {
                width: 90%;
                padding: 0.325rem;
            }

    .mnfeedback-box li.feedbackbutton .yzm {
        width: 50%;
    }

    .mnfeedback-box li #feedbackBtn {
        width: 60px;
        padding: 0.325rem;
    }

    .mnfeedback-box li img {
        height: 38px;
        margin-right: 10px;
    }

/*其他页左侧栏目*/
.sub-nav-box {
    background: #fff;
    padding: 1rem 0px;
}

.sub-content-box .sub-nav-box li {
    background: #f6f6f6;
    margin-bottom: 2px;
}

.sub-nav-box li {
    text-align: center;
}

    .sub-nav-box li a {
        color: #6c6a6a;
    }

    .sub-nav-box li:hover {
        background: #0166ce;
    }

        .sub-nav-box li:hover A {
            color: #FFF;
        }

.gg-box img {
    width: 100%;
}

.sub-content-box .gg-box img {
    background: #f6f6f6;
}

.txtsm {
    font-size: 0.875rem;
    line-height: 1.6;
    color: #333333;
    background: #f6f6f6;
    padding: 4% 6%;
    text-align: justify;
}
/*下载*/
.down-list-box {
    background: #fff;
    padding: 1rem;
    padding-top: 0px;
}

.down-list-in li {
    padding: 1.25rem 0px;
    border-bottom: 1px solid #dcdcdc;
}

.down-list-box li p {
    font-size: 1rem;
    padding: 10px 0px;
}

/*文章*/
.article-list-box {
    background: #fff;
    padding: 1rem;
    padding-top: 0px;
}

.article-list-in li {
    padding: 1.25rem 0px;
    border-bottom: 1px solid #dcdcdc;
}

.article-list-box li p {
    font-size: 1rem;
    padding: 10px 0px;
}

.stat .float-right span i {
    color: #4584e0;
    margin-left: 0.125rem;
}

.article-content-box {
    background: #fff;
}

    .article-content-box .title {
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 1%;
        margin-bottom: 3%;
    }

    .article-content-box h1 {
        text-align: center;
        font-size: 1.625rem;
        padding: 1rem 0px;
    }

    .article-content-box .title p {
        text-align: center;
    }

    .article-content-box .content {
        font-size: 1rem;
        color: #2e2e2e;
        overflow: hidden;
        text-align: justify;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #eeeeee;
    }

        .article-content-box .content img {
            max-width: 100%;
            height: auto !important;
        }

        .article-content-box .content a {
            color: #0166ce;
        }

            .article-content-box .content a:hover {
                text-decoration: underline;
            }

/**视频*/
.video-list-box {
    background: #fff;
    padding: 1rem;
}

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

    .video-list-in li .video {
        width: 100%;
        height: 10rem;
        text-align: center;
    }

    .video-list-in li video {
        max-width: 100%;
        height: 100%;
    }

    .video-list-in li h5 {
        font-size: 1.125rem;
        padding: 0.625rem 0px;
    }

.video-content-box {
    background: #fff;
}

    .video-content-box .title {
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 1%;
        margin-bottom: 3%;
    }

    .video-content-box h1 {
        text-align: center;
        font-size: 1.625rem;
        padding: 1rem 0px;
    }

    .video-content-box .title p {
        text-align: center;
    }


@media screen and (max-width: 768px) {
    .video-list-in li {
        width: 33%;
    }
}

@media screen and (max-width: 576px) {
    .video-list-in li {
        width: 50%;
    }
}




/**产品*/
.product-list-box {
    background: #fff;
    padding: 1rem;
}

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

    .product-list-in li .img-in {
        width: 100%;
        height: 10rem;
        text-align: center;
    }

    .product-list-in li img {
        max-width: 100%;
        height: 100%;
    }

    .product-list-in li h5 {
        font-size: 1.125rem;
        padding: 0.625rem 0px;
    }

.product-list-in {
    background: #fff;
}

    .product-list-in .title {
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 1%;
        margin-bottom: 3%;
    }

    .product-list-in .stat .price i {
        color: darkred;
    }

.product-content-box {
    background: #fff;
    padding: 1rem 0.875rem;
}

    .product-content-box .imgs {
        width: 19.6rem;
    }

    .product-content-box .info p {
        padding: 0.125rem 0px;
    }

    .product-content-box .info p {
        font-size: 1rem;
        color: #999;
    }

    .product-content-box .content {
        font-size: 1rem;
        color: #2e2e2e;
        overflow: hidden;
        text-align: justify;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #eeeeee;
        margin: 1rem 0px;
    }

        .product-content-box .content img {
            max-width: 100%;
            height: auto !important;
        }

        .product-content-box .content a {
            color: #0166ce;
        }

            .product-content-box .content a:hover {
                text-decoration: underline;
            }



@media screen and (max-width: 768px) {
    .product-list-in li {
        width: 33%;
    }
}

@media screen and (max-width: 576px) {
    .product-list-in li {
        width: 50%;
    }
}



/**单页*/
.single-box {
    padding: 2rem 8rem;
    background: url(/themes/faisys/images/dytb.png) no-repeat #fff;
}

    .single-box .title {
        color: #0a0a0a;
        font-size: 1.875rem;
        font-weight: bold;
    }

        .single-box .title:after {
            content: "";
            display: block;
            width: 55px;
            height: 5px;
            background: #0166ce;
            margin: 10px 0;
        }

@media screen and (max-width: 768px) {
    .single-box {
        padding: 2rem 0.875rem;
    }
}

.footer {
    background: url(/themes/faisys/images/f-bg.jpg) no-repeat center center;
    background-size: cover;
}

    .footer .copy {
        color: #9b9b9b;
    }