:root{
    --c3:#333;
    --c6:#666;
    --c9:#999;
    --PFM:PingFangSC-Medium;
    --PFR:PingFangSC-Regular;
    --PFS:PingFangSC-Semibold;
    --lg_t:4.8vw;
    --md_t:3.6vw
    --sm_t:2.6vw;
    --xs_t:2.0vw;
    --t91:3.2vw;
    --t92:2vw;
    --t93:1.8vw;
    --t61:4.8vw;
    --t62:3.6vw;
    --t63:3vw;
}
@media only screen and (max-width: 992px) {
    :root{
        --lg_t:3.2vw;
        --md_t:2vw;
        --sm_t:1.8vw;
        --xs_t:1vw;
    }
}
@media only screen and (max-width: 750px) {
    :root{
        --lg_t:4vw;
        --md_t:2.6vw;
        --sm_t:2vw;
        --xs_t:1.6vw;
    }
}
@media only screen and (max-width: 540px) {
    :root{
        --lg_t:4.8vw;
        --md_t:3.6vw;
        --sm_t:3vw;
        --xs_t:2.0vw;
    }
}
*{padding: 0;margin: 0;}
a{text-decoration: none;}
li{list-style: none;}

.c3{color: var(--c3);}
.c6{color: var(--c6);}
.c9{color: var(--c9);}



/* banner */
.banner{width: auto;height: 100vh;}

.swiper1{width: 100%;height: 100%;position: relative;}
.swiper-container{width: 100%;height: 100% !important;}
.bannerbg{width: auto;height: 100vh;}

/*首页banner*/
.swiper1 {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 0
}

.swiper1 .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden
}
.swiper1 .swiper-slide .banner-content + div img{width:100%; height:100%;object-fit: cover;}
.animated{-webkit-animation:imageAnimation 36s linear 0s;-moz-animation:imageAnimation 36s linear 0s;-o-animation:imageAnimation 36s linear 0s;-ms-animation:imageAnimation 36s linear 0s;animation:imageAnimation 36s linear 0s}@-webkit-keyframes imageAnimation{0%{-webkit-transform:scale(1.1);-webkit-animation-timing-function:ease-in}8%{-webkit-transform:scale(1.05);-webkit-animation-timing-function:ease-out}17%{-webkit-transform:scale(1);-webkit-animation-timing-function:ease-out}25%{-webkit-transform:scale(1);-webkit-animation-timing-function:ease-out}}

/* .bannerbg{background: url(../images/index/banner.jpg) center center no-repeat; background-size: cover;height: 100%;} */

.slideContent{background: url(../images/index/banner.jpg) center center no-repeat; background-size: cover;height: 100%;}


.banner-content{position: absolute;top: 0;bottom: 0;left: 0;right: 0; margin: 0 auto;display: flex;justify-content: center;align-items: center;flex-direction: column; z-index: 5;}
.banner-text{font:600 32px/1 var(--PFR); padding: 0 0 42px 0;color: #FFFFFF;text-align: center; letter-spacing: 6px}
@media only screen and (min-width:992.1px ) {
    .banner-text{font-size: 38px;}
}

@media only screen and (min-width:1366.1px ) {
    .banner-text{font-size: 42px;}
}

.banner-content p{font:500 18px var(--PFR);color: #FFFFFF;text-align: center;letter-spacing: 2px}

.banner-btn{width: 413px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;padding-top: 194px;}
.banner-btn div{border-radius: 10px;width: 180px;height: 48px;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all 0.4s;}
.banner-btn div:hover{transform: scale(1.1);}
.banner-btn div:nth-of-type(1){border: 1px solid #FEEFCC;}
.banner-btn div:nth-of-type(2){background-color: #FEEFCC;}
.banner-btn div a{font:400 16px/1 var(--PFR)}
.banner-btn div:nth-of-type(1) a{color: #FEEFCC;}
.banner-btn div:nth-of-type(2) a{color: #000000;}

.swiper-pagination{position: absolute;bottom: 150px !important;}
.swiper-pagination-bullet-active{background-color: #333333 !important;width: 60px !important;}
.swiper-pagination-bullet{width: 10px;background-color: #999999 !important;height: 6px !important;border-radius: 3px !important;}

.slideActived{position: relative;}
.slideActived:after{content:''; display:block; border-bottom:2px solid #DAB660; margin: 0 auto;border-radius: 4px;position: absolute;left: 0;bottom: 2px;}


/*各版块标题公用*/
.funny .title h2,
.introduce .title h2,
.wallet-right h2,
.wallet-left h2{margin-bottom: 16px; font:500 34px/34px var(--PFM); color: #333333;text-align: center;}
.programme .title h2{margin-bottom:0px; font:500 34px/34px var(--PFM); color: #333333;text-align: center;}
.funny .title p,
.introduce .title p,
.programme .title p,
.wallet-right p,
.wallet-left p{font:400 16px/28px var(--PFR); color: #666666; text-align:center;white-space: pre-wrap;word-break: break-word;}

/* 投资乐趣 */
.funny{background: url(../img/funnybg.png) no-repeat;background-size: cover;}
.wrapper{width: 100%;max-width: 1200px;margin: 0 auto;}
.funny .title{padding: 100px 0 70px 0;}
.funny .title h2{}
.funny .title p{}

.funny ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding-bottom: 80px; width: 100%;}
.funny ul li{margin: 20px 1%; padding:20px 20px 0; min-width: 240px; width: 22%; height: 280px;justify-content: flex-start;display: flex;flex-direction: column;align-items: center;border-radius: 10px;border: 1px solid #F4F7FA; box-sizing: border-box;}
.funny ul li img{margin-bottom: 20px; width: 56px;height: 56px;display: block;}

.funny ul li p:nth-of-type(1){margin-bottom: 20px; font:500 22px/22px var(--PFM);
    color: #333333;text-align: center;}
.funny ul li p:nth-of-type(2){font:400 14px/26px var(--PFR); text-align: center;color: #616161;}

/* 公司介绍 */
.introduce{background-color: #F4F7FA;}
.introduce .title{padding: 80px 0 42px;}
.introduce .title h2{margin-bottom: 24px;}
.introduce .title p{margin: auto; max-width:720px; width: 100%; text-align: center;}

.introduce ul{margin: auto; width: 100%; max-width: 1100px; display: flex;justify-content: space-between;align-items: center;flex-wrap: nowrap;}
.introduce ul li{width: 25%;display: flex;justify-content: center;align-items: center;}
.introduce ul li img{width: 56px;height: 56px;display: block;margin-right: 16px;}
.introduce ul li .left p:nth-of-type(1){font:400 14px/1 var(--PFR); color: #666; padding-bottom: 5px;text-align: center;}
.introduce ul li .left p:nth-of-type(2){font:500 24px/1 var(--PFM); color: #333333;text-align: right;}

.introduce .companyMore{
    padding: 40px 0 40px 0;margin: 0 auto;
    display: flex;align-items: center;justify-content: center;
    font:500 14px var(--PFR); color: #333333;cursor: pointer;}
.introduce .companyMore img{margin-left: 2px;margin-top: 2px; width: 14px;}

.introduce .company-video{margin: auto; width: 100%; max-width: 853px;height: 480px;margin: 0 auto;position: relative;padding-bottom: 80px;}
.company-video #companyVideo{width:100%;height:100%; border-radius: 10px; object-fit:cover;}
@media only screen and (max-width: 1000px) {
    .introduce .company-video{max-width: 640px;}
    .company-video #companyVideo{object-fit: contain;}
}
.introduce .company-video-icon{width: 80px;height: 80px;position: absolute;left: 0;right: 0;top: 40%;margin: 0 auto;cursor: pointer;}


/* 解决方案 */
.programme{background: url(../img/funnybg.png) no-repeat;background-size: cover;}
.wrapper{width: 100%;max-width: 1200px;margin: 0 auto;}
.programme .title{padding: 100px 0 70px 0;}
.programme .title h2{}
.programme .title p{}

.programme ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding-bottom: 80px; width: 100%;}
.programme ul li{margin: 20px 1%; padding:20px 20px 0; min-width: 240px; width: 22%; height: 280px;justify-content: flex-start;display: flex;flex-direction: column;align-items: center;border-radius: 10px;border: 1px solid #F4F7FA; box-sizing: border-box;}
.programme ul li img{margin-bottom: 20px; width: 180px;height: 180px;display: block;}

.programme ul li p:nth-of-type(1){margin-bottom: 20px; font:500 22px/22px var(--PFM);
    color: #333333;text-align: center;}
.programme ul li p:nth-of-type(2){font:400 14px/26px var(--PFR); text-align: center;color: #616161;}


.bot {
    background:#212121;
    overflow: hidden;
    color:#999;padding:50px 0 0;line-height:32px; }


.foot-logo{float:left;width:20%;}
.foot-logo img{height:55px;}
.foot-lxfs{ float: left;width:25%;margin-left:5%; }
.foot-hz-nav { float: left; margin-right:20%; }

.foot-hz-cd { font-size: 16px; color: #fff;padding-bottom:8px;font-weight:bold; }
.foot-hz-menu { margin-top: 20px;   }
.foot-hz-menu li{line-height:32px;    font: 400 14px / 26px var(--PFR);}
.foot-hz-menu a { color: #999;}
.foot-hz-menu a:hover { color: #fff; }


.foot-contact{float:left;padding-left:8%;}
.foot-hz-lxwm{margin-top: 15px; line-height:30px;font: 400 14px / 26px var(--PFR);}
.foot-hz-lxwm a {color: #999;}
.foot-hz-lxwm a:hover { color: #fff; }

.foot-right{float:right;}

.foot-left-tb{margin-top:30px;text-align:center;}

.index-copy-bj{margin-top:30px; text-align:center;}
.index-copy{ }
.index-copy a{color: #999;}
.index-copy a:hover{color: #fff}

.foot-bq-pc{margin:5px 0 10px 0;overflow:hidden;}
.foot-bq-pc li { float: left; margin: 0 5px; }
.foot-bq-pc li a { color: #999; }
.foot-bq-pc li a:hover { color: #fff; }