.panel {
    padding-top: 0 !important
}

#logo {
    max-width: none;
    width: 360px
}

.swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/** 关于我们 **/
.gywm {
  
}

    .gywm .left {
        width: 33%;
        float: left
    }

        .gywm .left .gywm-title {
            width: 30%;margin-top:10vh
        }

        .gywm .left .txt1 {
            width: 100%;
            font-size: 20px;
            padding-left: 20px;
            margin-top: 2vh;
            margin-bottom: 2vh;
        }

        .gywm .left .txt2 {
            width: 100%;
            font-size: 18px;
            padding-left: 20px;
            line-height: 30px;
        }

    .gywm .right {
        float: right;
        overflow: hidden;
        width: 50%;
    }

        .gywm .right .gywmSwiper {
            position: relative;
            padding-bottom: 20px;
        }

            .gywm .right .gywmSwiper .swiper-button-next {
                right: 0;
                top: unset;
                margin-top: unset;
                background: url(../assets/img/btn-next.png);
                background-size: cover;
                height: 48px;
                width: 48px;
            }

            .gywm .right .gywmSwiper .swiper-button-prev {
                left: 0;
                top: unset;
                margin-top: unset;
                background: url(../assets/img/btn-prev.png);
                background-size: cover;
                height: 48px;
                width: 48px;
            }

            .gywm .right .gywmSwiper .swiper-pagination {
                width: calc(100% - 100px);
                margin: 0 auto;
                margin-top: 10px;
            }

                .gywm .right .gywmSwiper .swiper-pagination span {
                    display: inline-block;
                    width: 45%;
                    border-radius: 0;
                    margin: 0 !important;
                    height: 2px
                }

            .gywm .right.gywmSwiper .swiper-slide {
                
            }
             

                .gywm .right .gywmSwiper .swiper-slide img {
                    width: calc(45% - 10px);
                    margin-right: 10px;
                    min-width: calc(45% - 10px) !important;
                    margin-bottom: 10px;
                    float: left;
                    margin-left: 5%
                }

                    .gywm .right .gywmSwiper .swiper-slide img:nth-child(2n) {
                        margin-right: 0;
                        margin-left:0                    }

/*** 产品服务 ***/
.servers .servers-title {
    width: 100%;
    margin-bottom: 2%
}

    .servers .servers-title img {
        width: 24vw;
    }

.servers .servers-items {
    width: 80%;
    margin: 0 auto;
    position: relative
}

    .servers .servers-items .serversSwiper {
        position: relative;
        overflow: hidden;
        padding-bottom: 30px;
    }

        .servers .servers-items .serversSwiper .swiper-slide {
            text-align: center;
            justify-content: center;
            align-items: center;
            margin-bottom: 20px;
        }

            .servers .servers-items .serversSwiper .swiper-slide .server-item {
                width: 70%;
                border: 2px solid #FFFFFF;
                margin: 0 auto;
                padding-top: 5vh;
                padding-bottom: 10%;
                height:30vh
            }

                .servers .servers-items .serversSwiper .swiper-slide .server-item img {
                    width: 24%;
                    max-width: 24%
                }

                .servers .servers-items .serversSwiper .swiper-slide .server-item p.title {
                    font-size:20px;
                    padding: 0;
                    margin: 0;
                    margin-top:5vh;
                }

                .servers .servers-items .serversSwiper .swiper-slide .server-item p.line {
                    font-size: 0;
                    width: 10%;
                    border: 1px solid #fff;
                    margin: 0;
                    padding: 0;
                    margin-top: 16px;
                    margin: 16px auto;
                }

                .servers .servers-items .serversSwiper .swiper-slide .server-item p.title2 {
                    font-size: 16px;
                    padding: 0;
                    margin: 0;
                    margin-top: 30px;
                    width: 80%;
                    margin: 0 auto
                }

        .servers .servers-items .serversSwiper .swiper-button-next {
            right: 0;
            top: unset;
            margin-top: unset;
            background: url(../assets/img/btn-next.png);
            background-size: cover;
            height: 48px;
            width: 48px;
            right: 20%
        }

        .servers .servers-items .serversSwiper .swiper-button-prev {
            left: 0;
            top: unset;
            margin-top: unset;
            background: url(../assets/img/btn-prev.png);
            background-size: cover;
            height: 48px;
            width: 48px;
            left: 20%
        }

        .servers .servers-items .serversSwiper .swiper-pagination {
            width: calc(60% - 100px);
            margin: 0 auto;
            margin-top: 10px;
        }

            .servers .servers-items .serversSwiper .swiper-pagination span {
                display: inline-block;
                width: 45%;
                border-radius: 0;
                margin: 0 !important;
                height: 2px
            }

/*** 新闻中心 ***/
.news .news-title {
    width: 100%;
    margin-bottom: 2%
}

    .news .news-title img {
        width: 357px;
    }

.news .news-items {
    width: 80%;
    margin: 0 auto;
    position: relative
}

    .news .news-items .newsSwiper {
        position: relative;
        overflow: hidden;
        padding-bottom: 20px;
        padding-top: 20px;
    }

        .news .news-items .newsSwiper .swiper-slide {
            text-align: center;
            justify-content: center;
            align-items: center;
            margin-bottom: 20px;
        }



            .news .news-items .newsSwiper .swiper-slide .news-item {
                width: 80%;
                margin: 0 auto;
                background: url(../assets/img/i-005.png) no-repeat;
                background-size: 100% 100%;
                overflow:hidden;padding-bottom:5%
            }

                .news .news-items .newsSwiper .swiper-slide .news-item img {
                    width: 94%;
                    max-width: 94%;
                    height: 18vh;
                    border-top-left-radius: 20px;
                    border-top-right-radius: 20px;
                }

                .news .news-items .newsSwiper .swiper-slide .news-item p.title {
                    font-size: 18px;
                    font-weight:bold;
                    padding: 0;
                    margin: 0 auto;
                    padding-top:5px;
                    color: #000;
                    width: 88%;
                    text-align: left;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap
                }

                .news .news-items .newsSwiper .swiper-slide .news-item p.time {
                    font-size: 14px;
                    width: 88%;
                    text-align: left;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    color: #666;
                    padding: 0;
                    margin: 0;
                    margin: 0 auto;
                }

                .news .news-items .newsSwiper .swiper-slide .news-item p.btn-detail {
                    font-size: 14px;
                    width: 88%;
                    margin: 0 auto;
                    text-align: right;
                    margin-top: 5vh;overflow:hidden;padding-bottom:2vh
                }

                    .news .news-items .newsSwiper .swiper-slide .news-item p.btn-detail a {
                        display: block;
                        color: #FFBF00;
                        font-size: 16px;
                        float: right;
                        line-height: 32px;
                        padding-left: 10px;
                        padding-right: 40px;
                        border: 1px solid #FFBF00;
                        background: url(../assets/img/i-007.png) right center no-repeat
                    }

        .news .news-items .newsSwiper .swiper-button-next {
            right: 0;
            top: unset;
            margin-top: unset;
            background: url(../assets/img/btn-next2.png);
            background-size: cover;
            height: 48px;
            width: 48px;
            right: 20%
        }

        .news .news-items .newsSwiper .swiper-button-prev {
            left: 0;
            top: unset;
            margin-top: unset;
            background: url(../assets/img/btn-prev2.png);
            background-size: cover;
            height: 48px;
            width: 48px;
            left: 20%
        }

        .news .news-items .newsSwiper .swiper-pagination {
            width: calc(60% - 100px);
            margin: 0 auto;
            margin-top: 10px;
        }

            .news .news-items .newsSwiper .swiper-pagination span {
                display: inline-block;
                width: 45%;
                border-radius: 0;
                margin: 0 !important;
                height: 2px;
                background: #FFBF00;
                opacity: 0.4;
                border: 1px solid #FFBF00;
            }

            .news .news-items .newsSwiper .swiper-pagination .swiper-pagination-bullet-active {
                background: #FFBF00;
                opacity: 1;
                border: 1px solid #FFBF00;
            }


/*** 投资者 ***/
.invest .invest-title {
    width: 100%;
    margin-bottom: 2%
}

    .invest .invest-title img {
        width: 270px;
    }

.invest .invest-items {
    width: 80%;
    margin: 0 auto;
    position: relative
}

    .invest .invest-items .investSwiper {
        position: relative;
        overflow: hidden;
        padding-bottom: 25px;
    }

        .invest .invest-items .investSwiper .swiper-slide {
            text-align: center;
            justify-content: center;
            align-items: center;
            margin-bottom: 25px;
            position: relative
        }



            .invest .invest-items .investSwiper .swiper-slide:nth-child(4n+1) .invest-item {
                width: 100%;
                margin: 0 auto;
                background: url(../assets/img/i-009.png) no-repeat;
                padding-bottom: 100%;
                background-size: cover;
            }

            .invest .invest-items .investSwiper .swiper-slide:nth-child(4n+2) .invest-item {
                width: 100%;
                margin: 0 auto;
                background: url(../assets/img/i-010.png) no-repeat;
                padding-bottom: 100%;
                background-size: cover;
            }

            .invest .invest-items .investSwiper .swiper-slide:nth-child(4n+3) .invest-item {
                width: 100%;
                margin: 0 auto;
                background: url(../assets/img/i-011.png) no-repeat;
                padding-bottom: 100%;
                background-size: cover;
            }

            .invest .invest-items .investSwiper .swiper-slide:nth-child(4n+4) .invest-item {
                width: 100%;
                margin: 0 auto;
                background: url(../assets/img/i-012.png) no-repeat;
                padding-bottom: 100%;
                background-size: cover;
            }

            .invest .invest-items .investSwiper .swiper-slide img {
                width: 20%;
                max-width: 20%;
                position: absolute;
                top: 20%;
                left: 40.5%
            }

            .invest .invest-items .investSwiper .swiper-slide p.title {
                color: #fff;
                font-size: 1.3vw;
                text-align: center;
                position: absolute;
                top: 60%;
                width: 100%
            }

            .invest .invest-items .investSwiper .swiper-slide .invest-item p.title {
                font-size: 22px;
                padding: 0;
                margin: 0 auto;
                padding-top: 10px;
                color: #000;
                width: 88%;
                text-align: left;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap
            }


        .invest .invest-items .investSwiper .swiper-button-next {
            right: 0;
            top: unset;
            margin-top: unset;
            background: url(../assets/img/btn-next2.png);
            background-size: cover;
            height: 48px;
            width: 48px;
            right: 20%
        }

        .invest .invest-items .investSwiper .swiper-button-prev {
            left: 0;
            top: unset;
            margin-top: unset;
            background: url(../assets/img/btn-prev2.png);
            background-size: cover;
            height: 48px;
            width: 48px;
            left: 20%
        }

        .invest .invest-items .investSwiper .swiper-pagination {
            width: calc(60% - 100px);
            margin: 0 auto;
            margin-top: 10px;
        }

            .invest .invest-items .investSwiper .swiper-pagination span {
                display: inline-block;
                width: 45%;
                border-radius: 0;
                margin: 0 !important;
                height: 2px;
                background: #FFBF00;
                opacity: 0.4;
                border: 1px solid #FFBF00;
            }

            .invest .invest-items .investSwiper .swiper-pagination .swiper-pagination-bullet-active {
                background: #FFBF00;
                opacity: 1;
                border: 1px solid #FFBF00;
            }
/*******  联系我们 *********/
.joinus {
}

    .joinus .joinus-area {
        width: 68.89%;
        margin: 0 auto;
        background: url(../assets/img/i-013.png) center;
        background-size: cover;
        overflow: hidden;
        padding-bottom:5vh
    }

        .joinus .joinus-area div.title {
            text-align: left;
            width: 30%;
            margin-top: 2.5vw;
            margin-left: 3vw
        }

        .joinus .joinus-area img {
            width: 60%;
        }

        .joinus .joinus-area p {
            text-align: left
        }

            .joinus .joinus-area p.txt1 {
                margin-left: 4vw;
                font-size: 1.5vw;
                margin-top: 1vh
            }

        .joinus .joinus-area .phone-info {
            margin-left: 3vw;
            overflow: hidden
        }

            .joinus .joinus-area .phone-info .icon {
                width: 10vh;
                height: 10vh;
                float: left;
                background: url(../assets/img/i-015.png) no-repeat left center;
                background-size: 60%;
            }

            .joinus .joinus-area .phone-info .right {
                float: left;
                margin-top: 2vh;
                border-left: 2px solid #fff;
                height: 6vh;
            }

                .joinus .joinus-area .phone-info .right p {
                    margin: 0;
                    padding: 0;
                    padding-left: 1.1vw;
                    line-height: unset
                }

                    .joinus .joinus-area .phone-info .right p.txt2 {
                        font-size: 0.8vw
                    }

                    .joinus .joinus-area .phone-info .right p.phone-number {
                        font-size: 1.6vw;
                        margin-top: 1vh;
                        font-weight:bold
                    }

        .joinus .joinus-area .other-info {
            margin-left: 3vw;
            margin-top: 20px
        }

            .joinus .joinus-area .other-info p {
                padding: 0;
                margin: 0;
                font-size: 18px
            }
/********底部*********/


.weChat-icon {
    position: fixed;
    bottom: 20px;
    right: 15px;
    width: 140px;
    z-index: 999;
    height: 140px
}

.web-info {
    position: fixed;
    bottom: 50px;
    left: 20px;
    border: 2px solid #FFBF00;
    z-index: 999;
    height: 44px;
    width: 560px;
}

    .web-info .icon {
        width: 125px;
        height: 40px;
        color: #000;
        line-height: 44px;
        text-align: center;
        float: left;
        background: url("../assets/img/i-001.png") no-repeat #FFBF00 10px 10px;
        background-size: 17px 22px;
        font-weight: bold;
        font-size: 16px;
        text-indent: 10px
    }

    .web-info .txt {
        width: calc(100% - 130px);
        float: left;
        line-height: 40px;
        padding-left: 15px;
    }

.weChat-icon {
    position: fixed;
    bottom: 20px;
    right: 15px;
    width: 95px;
    z-index: 999;
    height: 95px
}

.copy-right {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index:99;
}

@media (max-width: 1023px) {
   
}