@charset "UTF-8";


/* 后加内容 */
.service-bottom-box{
    padding-top: 50px;
    display: flex;
}
.service-lift-img{
    /* padding-top: 130px; */
    width: 32%;
    flex: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.service-lift-img img{
    width: 100%;
    opacity: 0;
}
.gsgg-botton{
    display: flex;
    justify-content: center;
}
.gsgg-botton>div>img{
    position:relative;
    top: -3px;
}
.gsgg-botton>div>span{
    font-family: MicrosoftYaHei;
    font-size: 20px;
    color: #17375e;
    margin-left: 10px;
}
.bottom-right-pdf{
    padding-left: 70px;
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bottom-right-pdf>.service-thumbs>.swiper-wrapper>.swiper-slide{
    width: auto !important;
}

.bottom-right-pdf>.service-thumbs>.swiper-wrapper>.swiper-slide:nth-of-type(2){
    margin: 0 20px;
}
.information-swiper{
    margin-right: 0;
    margin-left: 0;
}
.shares-rg-time{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
}

@media (max-width:1366px){
    .service-bottom-box{
        justify-content: center;
    }
    .bottom-right-pdf{
        padding-left: 30px;
    }
    
}
@media (max-width:1200px){
    .bottom-right-pdf>.service-thumbs>.swiper-wrapper>.swiper-slide{
        width: 33% !important;
    }
    .bottom-right-pdf>.service-thumbs>.swiper-wrapper>.swiper-slide:nth-of-type(2){
        margin: 0 0;
    }
    .gsgg-botton{
       width: 33%;
    }
    .information-swiper{
        width: 100%;
    }
    .service-lift-img{
        background-image: none !important;
    }
    .service-lift-img img{
        opacity: 1;
    }
}


.swiper-slide-thumb-active>div>.invest-icon,
.swiper-slide>div>.invest-icon-active{
    display: none;
}
.swiper-slide-thumb-active>div>.invest-icon-active{
    display: inline-block;
}



/*base*/
.shares-title>span,.service-title>span,.contact-box>div>h3>span{
    font-size: 56px;
    color: #17375e;
}

/*banner*/
.banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 360px;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    display: none;
}

.banner > div > span:nth-of-type(1),
.banner > div > span:nth-of-type(2),
.banner > div > span:nth-of-type(3) {
    font-family: MicrosoftYaHei;
    color: #ffffff;
}

.banner > div > span:nth-of-type(1) {
    font-size: 34px;
    line-height: 24px;
}

.banner > div > span:nth-of-type(2) {
    font-size: 30px;
    margin: 0 8px;
}

.banner > div > span:nth-of-type(3) {
    font-size: 24px;
}

.banner > div {
    position: relative;
}

.banner > div::before {
    content: '';
    width: 472px;
    height: 111px;
    border: solid 2px #ffffff;
    opacity: 0.26;
    position: absolute;
    left: -49px;
    top: -31px;
}

.banner > div::after {
    content: '';
    width: 472px;
    height: 111px;
    border: solid 2px #ffffff;
    opacity: 0.26;
    position: absolute;
    left: -39px;
    top: -21px;
}


/*面包屑*/
.crumbs-box{
    box-shadow: 0px 1px 8px 0px
    rgba(208, 208, 208, 0.35);
}
.crumbs-box>div{
    width: 1528px;
    height: 50px;
    margin: 0 auto;
    line-height: 50px;
}
.crumbs-box>div>span:nth-of-type(1){
    position: relative;
    top: -3px;
    padding-right: 10px;
}
.crumbs-box>div>span,.crumbs-box>div>span>a{
    color: #999999;
}
.crumbs-box>div>span:nth-of-type(2)>a{
    font-family: MicrosoftYaHei;
    font-size: 14px;
    transition: all 0.5s;
    color: #999999;
    margin: 0 4px;
}
.crumbs-box>div>span:nth-of-type(2)>a:hover{
    color: #17375e;
}

/*实时股票行情*/
.shares-box>div{
    width: 1527px;
    margin: 0 auto;
    padding: 80px 0;
}
.shares-title{
    font-family: Arial-Bold;
    font-size: 43px;
    color: #333333;
    text-align: center;
}
.shares-subtitle{
    text-align:center;
    font-family: MicrosoftYaHei;
    font-size: 30px;
    line-height: 78px;
    color: #3f3f3f;
}
.shares-content{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.shares-left{
    width: 557px;
    margin-right: 50px;
}
.shares-left-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #dbebfb;
    padding: 20px 30px;
}
.shares-left-top>h4{
    font-family: MicrosoftYaHei;
    font-size: 26px;
    color: #0a4384;
    margin-bottom: 0;
}
.shares-left-top>div{
    width: 196px;
    position: relative;
}
.shares-left-top>div>span:nth-of-type(1){
    font-family: MicrosoftYaHei-Bold;
    font-size: 40px;
    color: #0a4384;
}
.shares-left-top>div>span:nth-of-type(2){
    font-family: MicrosoftYaHei;
    font-size: 20px;
    color: #0a4384;
}
.shares-left-top>div::before{
    content: '';
    width: 22px;
    height: 26px;
    background: url("../../images/invest/shares-up.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.die>div::before{
     background: url("../../images/invest/shares-down.png") no-repeat !important;
}
.shares-left-center{
    display: flex;
    padding: 28px 30px 28px;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada; 
    justify-content: space-between;
    margin: 25px 0 20px;
}
.shares-left-center>div{
    text-align: center;
    /*padding-right: 100px;*/
}
.shares-left-center>div:nth-last-child(1){
    padding-right: 0;
}
.shares-left-center>div>p:last-child{
    font-weight: bold;
}
.shares-left-bottom>p{
    font-size: 14px;
    color: #595959;
}
.shares-left-bottom>p a{
    color: #5b6183;
}
.shares-img{
    width: 880px;
    align-self: center;
}
.shares-img img{
    max-width: 100%;
}

/*服务支持*/
.service-box{
    background-color: rgba(23,55,94,0.03);
}
.service-box>div{
    width: 1527px;
    margin: 0 auto;
    padding: 67px 0 57px;
}
.service-title{
    text-align: center;
    font-family: Arial-Bold;
    font-size: 43px;
    color: #333333;
}
.service-subtitle{
    text-align: center ;
    font-family: MicrosoftYaHei;
    font-size: 30px;
    line-height: 78px;
    color: #3f3f3f;
}
.service-thumbs{
    /* width: 50%; */
    margin-top: 35px;
}
.service-thumbs .gsgg-botton>div,
.service-thumbs .swiper-slide>div{
    width: 170px;
    height: 46px;
    cursor:pointer;
    margin: 0 auto;
    text-align: center;
    line-height: 46px;
}
.service-thumbs .swiper-slide>div>span,.service-thumbs .swiper-slide:nth-of-type(3)>div>a>span{
    font-family: MicrosoftYaHei;
    font-size: 20px;
    color: #17375e;
    margin-left: 10px;
}
.service-thumbs .swiper-slide>div>img,.service-thumbs .swiper-slide:nth-of-type(3)>div>a>img{
    position:relative;
    top: -3px;
}
.swiper-slide-thumb-active>div{
    background-color: #17375e;
}
.swiper-slide-thumb-active>div>span{
    color: #fbfcfe !important;
}
/*信息披露*/
/* .service-top{
    padding-top: 50px;
} */
/* .service-top>.swiper-wrapper>.swiper-slide>div{
    display: flex;
    justify-content: space-between;
} */
.information-swiper {
    /* width: 919px; */
    width: 100%;
    height: 461px;
}
.swiper-slide {
    font-size: 14px;
    height: auto;
    box-sizing: border-box;
}


.pdf-list{
    border-top: 1px solid #d9d9d9;
    width: 100%;
    height: 416px;
    overflow: auto;
}
.pdf-list::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(240, 240, 240, 1);
}

.pdf-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0px rgb(240 240 240 / 50%);
    background-color: rgba(0, 0, 0, .6);
}
.pdf-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgb(240 240 240 / 50%);
    border-radius: 10px;
    background-color: rgba(230, 230, 230, 1);
}




.pdf-list>li{
    padding: 27px 0;
    /* padding: 30px 0; */
    border-bottom: 1px solid #d9d9d9;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pdf-list>li div{
    width: calc(100% - 120px);
}
.pdf-list>li img{
    position: relative;
    top: -3px;
    margin-right:11px ;
}
.pdf-title{
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
}
.pdf-time{
    font-family:MicrosoftYaHei;
    font-size: 16px;
    line-height: 26px;
    color: #999999;
    margin-left: 34px;
    display: inline-block;
}
.pdf-more{
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 26px;
    color: #17375e;
    position: absolute;
    right: 20px;
}


/*联系方式*/
.contact-box{
    background: url("../../images/invest/service-bottom2.png") no-repeat;
    background-size: 100% 100%;
    margin-bottom: 80px;
}
.contact-box>div{
    padding: 60px 0 39px;
}
.contact-box>div>div{
    width: 859px;
    display: flex;
    justify-content: space-between;
    margin: 60px auto 0;
}
.contact-box h3{
    font-family: Arial-Bold;
    font-size: 43px;
    color: #333333;
    text-align: center;
}
.contact-box p{
    font-family: MicrosoftYaHei;
    font-size: 30px;
    line-height: 78px;
    color: #3f3f3f;
    text-align: center;
}
.contact-box span{
    font-family: MicrosoftYaHei;
    font-size: 20px;
    color: #333333;
    margin-left: 26px;
}
.contact-box>div>h3>span{
    font-family: Arial-Bold;
}




/*响应式配置*/
@media (max-width:1920px) {
}
@media (max-width:1599px) {
    /*面包屑*/
    .crumbs-box>div{
        width: 100%;
        padding: 0 50px;
    }
    /*股票行情*/
    .shares-box>div{
        width: 100%;
        padding: 80px 50px;
    }
    /*服务支持*/
    .service-box>div{
        width: 100%;
        padding: 67px 50px 57px;
    }
    /* .information-swiper{
        width: 779px;
    } */
    /*联系我们*/
}
@media (max-width:1477px) {
    /*base*/
    .shares-subtitle,.service-subtitle,.contact-box p{
        font-size: 24px;
        line-height: 50px;
    }

    /*股票行情*/
    .shares-content{
        padding-top: 30px;
        margin-top: 0;
    }
    .shares-left-top>h4{
        font-size: 22px;
    }
    .shares-left-top>div>span:nth-of-type(1){
        font-size: 34px;
    }
    .shares-left-top>div>span:nth-of-type(2){
        font-size: 18px;
    }
    .shares-left-center>div {
        /*padding-right:75px;*/
    }

    /*服务支持*/
    .slide:nth-of-type(3)>div>a>span{
        font-size: 18px;
    }
    .service-left-img{
        width: 396px;
        align-self: center;
    }
}

@media (max-width:1365px) {
    /*服务支持*/
   /* .service-left-img{
       display: none;
   }
    .baogao{
        display: none;
    } */
}

@media (max-width:1199px) {

    /*股市行情*/
    .shares-content{
        justify-content: center;
        flex-wrap: wrap;
    }
    .service-lift-img{
        width: 30%;
    }
    .shares-img{
        order: -1;
    }
    .shares-left{
        width: 100%;
        margin-top: 30px;
        margin-right: 0;
    }
    .shares-left-top{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .shares-left-top>h4{
        text-align: center;
        margin: 0;
    }
    .shares-left-center>div{
        width: 25%;
        text-align: center;
        padding: 0;
    }
    .shares-left-bottom>p{
        text-align: center;
    }

    /*服务支持*/
    .service-thumbs{
        width: 80%;
    }
    .service-bottom-box{
        flex-wrap: wrap;
    }
    .service-lift-img{
        width: 100%;
        flex: none;
        text-align: center;
        /* padding-top: 30px; */
    }
    .bottom-right-pdf{
        width: 100%;
        padding-left: 0;
    }
}

@media (max-width:990px) {
    .shares-title,.service-title,.contact-box h3{
        font-size: 36px;
    }
    .shares-title>span, .service-title>span, .contact-box>div>h3>span{
        font-size: 43px;
    }
    /*banner*/
    .banner{
        margin: 0;
        height: 285px;
    }
    /*面包屑*/
    .crumbs-box>div{
        padding: 0 25px;
    }
    /*联系我们*/
    .contact-box>div>div{
        flex-wrap: wrap;
        width: 100%;
    }
    .contact-box>div>div>div{
        width: 100%;
        text-align: center;
    }
    .contact-box>div>div>div:nth-of-type(1){
        padding-top: 20px;
    }
    .contact-box>div>div>div:nth-of-type(2){
        order: -1;
    }
    .contact-box>div>div{
        margin: 30px auto 0;
    }

    /* 服务支持 */
    .pdf-list>li{
        flex-wrap: wrap;
    }
    .pdf-list>li div{
        width: 100%;
    }
    .pdf-list>li img{
        width: 17px;
        height: 19px;
        top: -3px;
    }
    .pdf-title{
        width: 90%;
    }
    .pdf-time{
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .pdf-more{
        bottom: 30px;
    }
}

@media (max-width:767px) {
    /*base*/
    .shares-title, .service-title, .contact-box h3{
        font-size: 22px;
    }
    .shares-subtitle, .service-subtitle, .contact-box p {
        font-size: 18px;
        line-height: 30px;
    }
    .shares-title>span,.service-title>span,.contact-box>div>h3>span{
        font-size: 28px;
    }
    /*banner*/
    .banner{
        height: 194px;
    }
    .banner > div > span:nth-of-type(1){
        font-size: 26px;
    }
    .banner > div > span:nth-of-type(2){
        font-size: 22px;
    }
    .banner > div > span:nth-of-type(3){
        font-size: 18px;
    }
    .banner > div::before{
        width: 315px;
        left: -8px;
        top: -29px;
    }
    .banner > div::after{
        width: 315px;
        left: -4px;
        top: -19px;
    }
    /*面包屑*/
    .crumbs-box>div{
        padding: 0 10px;
    }
    /*实时股票行情*/
    .shares-box>div {
        padding: 35px 10px 20px;
    }
    .shares-left-bottom>p{
        font-size: 14px;
    }
    .shares-left-bottom>p:nth-of-type(1){
        text-align: left;
    }
    .shares-left-top>h4 {
         font-size: 18px;
     }
    .shares-left-top>div>span:nth-of-type(1){
        font-size: 18px;
    }
    .shares-left-top>div {
        width: 120px;
    }
    .shares-content{
        padding-top: 20px;
    }
    .shares-left-center{
        padding: 20px 0;
        margin: 20px 0 26px;
    }
    .shares-left-center>div p:nth-of-type(2){
        margin-bottom: 0;
    }

    /*服务支持*/
    .service-box>div {
        padding: 35px 10px 35px;
    }
    .service-thumbs{
        width: 100%;
    }
    .service-thumbs .swiper-slide>div{
        width: 100%;
    }
    .gsgg-botton>div>span,
    .service-thumbs .swiper-slide>div>span, .service-thumbs .swiper-slide:nth-of-type(3)>div>a>span{
        font-size: 16px;
        margin: 0;
    }
    .service-thumbs .swiper-slide{
        width: 33% !important;
    }
    .service-bottom-box{
        padding-top: 20px;
    }
    .service-thumbs{
        margin-top: 10px;
    }
    .pdf-list>li{
        padding: 15px 0;
    }
    .pdf-more{
        bottom: 15px;
        font-size: 13px;
    }
    .pdf-time{
        font-size: 13px;
    }
    /* .service-lift-img{
        padding-top: 20px;
    } */
    .pdf-list{
        height: 265px;
    }
    .bottom-right-pdf{
        margin-top: 15px;
    }
    .pdf-title{
        font-size: 15px;
    }
    .pdf-list>li img {
        width: 15px;
        height: 16px;
        top: -3px;
        margin-right: 6px;
    }
    #information-more {
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
    }
    
    /*联系我们*/
    .contact-box span{
        font-size: 16px;
        margin-left:10px;
    }
    .contact-box>div {
        padding: 40px 0 40px;
    }
    .contact-box img{
        width: 35px;
    }
    .contact-box{
        margin-bottom: 40px;
    }
    
}


/* 4/8改 */
.bottom-right-pdf>.swiper-container{
    width: 100%;
}
#information-more{
    display: block;
    width: 140px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #d9d9d9;
    text-align: center;
    color: #17375e;
    font-size: 14px;
    border-radius: 5px;
    transition: all 400ms ease-out;
    margin-top: 20px;
}
#information-more:hover{
    background-color: #17375e;
    color: #fff;
}