<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">a{

    text-decoration: none!important;

}

li{

    list-style: none!important;

}

.fl {

    float: left;

}



.fr {

    float: right;

}



.mt-20 {

    margin-top: 20px;

}



.no-padding{

    padding: 0!important;

}



.clear{

    clear: both;

}



.header {

    height: 120px;

    line-height: 120px;

}

.img-response{max-width:100%; max-height:100%;}

.footer{

    margin-top: 50px;

    height: 50px;

    text-align: center;

    background: #291670;

    color: #fff;

    line-height: 50px;

    font-size: 14px;

}



.nav{

    border-top: solid 1px #ebebeb;

}



.nav .f-nav{



}

.nav .f-nav li {

    float: left;

    width: 11%;

    list-style: none;

    text-align: center;

    font-size: 14px;

    height: 50px;

    line-height: 50px;

}

.nav .f-nav li a{

    padding-bottom: 13px;

    color: #000;

    text-decoration: none;

    border-bottom: solid 3px #fff;

}

.nav .f-nav li a:hover,.nav .f-nav li a.active{

    color: #26166e;

    border-bottom: solid 3px #26166e;

}



.sub-nav{

    background: #f7f7f7;

}



.sub-nav ul{

    text-align: center;

    width: 100%;

}

.sub-nav ul li {

    float: left;

    list-style: none;

    text-align: center;

    font-size: 14px;

    height: 50px;

    line-height: 50px;

}



.sub-nav ul li a{

    padding-bottom: 13px;

    color: #000;

    text-decoration: none;

    border-bottom: solid 3px #f7f7f7;

}



.sub-nav ul li.active{

    background: #fff;

}



.sub-nav ul li.active a{

    color: #26166e;

    border-bottom: solid 3px #26166e;

}





.sub-nav ul li a:hover{

    color: #26166e;

}



.side-menu{



}

.side-menu li{

    padding-right:20px;

    width: 100%;

    height: 60px;

    line-height: 60px;

    font-size: 14px;

    color: #fff;

    background: #291670;

    text-align: right;

}

.side-menu li a{

    padding-left: 20px;

    float: left;

    text-align: left;

    color: #fff;

    text-decoration: none;

    width: 85%;

    height: 60px;

}

.side-menu li a:hover,.side-menu li a.active{

    background-image:-webkit-linear-gradient(to right, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 70%);

    background-image:linear-gradient(to right,rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 70%);

}





.w-100p {

    width: 100%;

}



.title {

    width: 100%;

    height: 40px;

    line-height: 40px;

    padding: 0 20px;

    background: #291670;

    color: #fff;

    font-size: 14px;

}



.index-news-wrap {

    width: 730px;

    border: solid 1px #ebebeb;

    box-sizing: border-box;

    padding: 0 20px;

    line-height: 40px;

}



.index-news-wrap-btn {

    margin-top: -1px;

    width: 40px;

    height: 40px;

    background: #b0b0b0;

    color: #fff !important;

    line-height: 40px;

    text-align: center;

    text-decoration: none !important;

}



.index-link-tips {

    width: 100%;

    text-align: center;

    padding: 20px 0;

    line-height: 24px;

    font-size: 14px;

    border: solid 1px #ebebeb;

    border-top: none

}



.main-wrap{

    width: 100%; height: 100%;

    border: solid 1px #f7f7f7;

}



.main-wrap .detail-title{

    width: 100%;

    float: left;

    height: 50px;

    line-height: 50px;

    padding: 0 20px;

    border-bottom: solid 1px #f7f7f7;

}



.main-wrap .detail-title h1{

    display: block;

    width: 60%;

    font-size: 18px;

    white-space: nowrap;

    float: left;

    line-height: 50px!important;

    padding: 0!important;

    margin: 0!important;

}

.main-wrap .detail-title .brand{

    float: right;

    color: #9a9a9a;

}

.main-wrap .detail-title .brand a{

    color: #9a9a9a;

    text-decoration: none;

}

.main-wrap .content{

    float: left;

    width: 100%;

    padding: 30px 50px;

}



.main-wrap .content img{

    margin: 10px 0;

}

.main-wrap .pager-guide{

    width: 100%;

    float: left;

    height: 50px;

    line-height: 50px;

    padding: 0 20px;

    border-top: solid 1px #f7f7f7;

}

.main-wrap .pager-guide a{

    color: #666;

    text-decoration: none;

}



.main-tab{

    width: 100%; height: 100%;

}



.main-tab .tab-title{

    width: 100%;

    float: left;

    height: 50px;

    line-height: 50px;

    padding: 0;

    display: block;

    border: solid 1px #f7f7f7;

    margin: 0;

}

.tab-title&gt;li{

    float: left;

    display: block;

    height: 50px;

    line-height: 50px;

}



.main-tab .tab-title a{

    display: block;

    float: left;

    padding: 0 20px;

    color: #333;

    font-size: 16px;

    border-right: solid 1px #f7f7f7;

}

.main-tab .tab-title &gt;li.active a,.main-tab .tab-title &gt;li a:hover{

    color: #fff;

    background: #291670;

    border-right: solid 1px #291670;

}

.tab-detail-content{

    width:100%;float: left;line-height: 26px;border: solid 1px #f7f7f7;border-top:none ;

    padding: 20px 0px;

}



.main-tab .content{

    width: 100%;

    float: left;

    padding: 20px 0;

}



.case-list{

    width: 100%;

}



.case-list li{

    list-style: none;

    width: 100%;

    float: left;

    padding: 30px 0;

    border-bottom: solid 1px #f7f7f7;

}



.case-list li:first-child{

    padding-top: 0px;

}



.case-list li img{

    width: 100%;

}



.case-list .info{

    position: relative;

    padding-top: 15px;

}

.case-list .info strong{

    font-size: 18px!important;

    color: #111;

    font-weight: bold;

}



.case-list .info small{

    font-size: 14px;

    color: #666;

}

.case-list .info span{

    position: absolute;

    left: 15px;

    color: #777;

    bottom: 0;

}

.case-list .info a{

    position: absolute;

    right: 15px;

    bottom: 0;

    color: #291670;

    text-decoration: none;

}



.list-pagination{}



.list-pagination a{

    width: 25px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    float: left;

    background: #fff;

    border: solid 1px #bebebe;

    margin: 0 2px;

    text-decoration: none;

    color: #666;



}

.list-pagination a.disable{

    background: #bebebe;

    color: #fff;

}

.list-pagination a.active,.list-pagination a:hover{

    background: #291670;

    color: #fff;

}



.product-cover{

    margin-bottom: 20px;

}



.product-cover img{

    width: 100%;

    float: left;border: solid 1px #ededed;

}

.product-cover .info{

    float: left;

    width: 100%;

    border: solid 1px #ededed;

    border-top: 0;

    padding: 15px 10px;

}

.product-cover .info strong{

    display: block;

    width: 100%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #111;

    font-size: 16px;

}

.product-cover .info small{

    display: block;

    width: 100%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #777;

    font-size: 13px;

}



.download-list{

    width: 100%;

    padding: 0!important;

    margin: 0!important;

}

.download-list li{

    width: 100%;

    height: 30px;

    line-height: 30px;

    margin-bottom: 30px;

}

.download-list li:hover{

    background: #eee;

}

.download-list li .doc{

    float: left;

    width: 50%;

    color: #333;

    padding-left: 20px;

}

.download-list li .date{

    float: left;

    width: 30%;

    color: #333;

}

.download-list li .click{

    float: right;

    line-height: 30px;

    color: #333;

    padding-right: 20px;

}



.contact-cover{

    margin-bottom: 20px;

    display: block;

    width: 100%;

    height: 175px;

    border: solid 1px #f7f7f7;

    text-align: center;

    line-height: 175px;

    box-sizing: border-box;

}



.map-side{}

.map-side h1{width: 100%;float: left;font-size: 18px;color: #111;padding: 0;margin:0 0 20px 0}

.map-side div{

    width: 100%;float: left;height: 45px;

    line-height: 45px;

    border-bottom: solid 1px #f7f7f7;

}



.about-content{



}



.about-content .tab,.about-content .child-tab{

    width: 100%;

    padding: 0!important;

}



.about-content .tab .f-li{

    float: left;

    width: 33.3%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 20px;

    border: solid 1px #ededed;

    box-sizing: border-box;

    color: #000;

}

.about-content .tab .f-li.active{

    color: #fff;

    background: #28166f;

    border: solid 1px #28166f;

}



.about-content .tab .f-li a{

    display: block;

    width: 100%;

    height: 50px;

    color: #000;

}

.about-content .tab .f-li.active a{

    color: #fff;

}



.about-content .child-tab .c-li{

    display: inline-block;

    line-height: 50px;

    text-align: center;

    font-size: 18px;

    color: #000;

    padding: 0 30px;

}



.about-content .child-tab .c-li a{

    color: #000;

}

.about-content .child-tab .c-li.active a{

    color: #28166f;

}



.about-pic-title{

    width: 100%; border: solid 1px #ededed;

    height: 50px;line-height: 50px;text-align: center;

    font-size: 18px;

    color: #000;

}

.about-pic-box{

    border-bottom: solid 1px #ededed;

    border-right: solid 1px #ededed;

    text-align: center;

    padding: 20px 0;

    width: 25%;

    float: left;

    box-sizing: border-box;

}

.about-pic-box:nth-child(4n+2){

    border-left: solid 1px #ededed;

}

.about-pic-box img{

    padding-bottom: 10px;
    max-height: 100%; max-width: 100%;

}



.carousel-indicators .active{

    width: 90px;

    height: 4px;

    border-radius: 0;

    background: #28166f;

    border: none;

}

.carousel-indicators li{

    width: 90px;

    height: 4px;

    border-radius: 0;

    background: #fff;

}



.about_detail_3_box{

    width: 33%;float: left; text-align: center

}



.about_detail_3_box img{

    margin: 10px 0;

    max-width: 100%;

}



.series-content{

    width: 650px; margin: 0 auto; font-size: 17px;position: relative;padding-bottom: 80px

}



.series-content .cover{

    float: left;

}

.series-content .series-msg{

    float: left; margin-left: 20px; line-height: 60px

}

.series-content .upload-info{

    position: absolute; right: 180px;bottom: 30px

}

.agency-content{

    width: 530px; margin: 0 auto; font-size: 17px;position: relative;padding-bottom: 80px

}

.agency-content .cover{

    float: left;

}

.agency-content .upload-info{

    position: absolute; right: 0;bottom: 10px

}

@media screen and (max-width: 575px){

    .carousel-indicators .active{

        width: 30px;

    }

    .carousel-indicators li{

        width: 30px;

    }

    .header{

        height: 60px;

        line-height: 60px;

    }

    .header img{

        max-width: 100%;

    }

    .index-news-wrap{

        width: 250px;

    }





    .swiper-slide{

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }



    .about-pic-box{

        width: 100%;

        border: solid 1px #ededed;

    }



    .about_detail_3_box{

        width: 100%

    }



    .about_detail_3_box img{

        margin: 20px 0;

        max-width: 100%;

    }



    .case-list .info a{

        bottom: -18px;

    }

    .case-list .info span{

        display: block;

        bottom: auto;

    }

    .main-wrap .content{

        padding: 10px;

    }

    .main-wrap .content img{

        max-width: 100%;

    }

    .pager-guide span{

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        width: 50%;

    }



    .tab-pane img{

        max-width: 100%;

    }



    .series-content{

        width: 100%; margin: 0 auto; font-size: 17px;position: relative;padding-bottom: 40px

    }



    .series-content .cover{

        float: left;

    }

    .series-content .series-msg{

        float: left; margin-left: 0; line-height: 36px;

        width: 100%;

    }

    .series-content .upload-info{

        position: static;

        float: left;

    }



    .agency-content{

        width: 100%; margin: 0 auto; font-size: 17px;position: relative;padding-bottom: 40px

    }

    .agency-content .cover{

        float: left;

    }

    .agency-content .upload-info{

        position: static; right: auto;bottom: auto

    }





}</pre></body></html>