
.fb-ul{
    font-size: 14px;
    color: #787878;
    line-height: 26px;
}
.fb-ul li{
    position: relative;
}
.fb-ul li::before{
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: orange;
    top: 9px;
    left: -12px;
}
h1.the_h1 {
  overflow: hidden;
  height: 0px;
  margin: 0px;
  padding: 0px;
}

.fb-block1 .swiper-slide-wrap1 .content{
    position: relative;
    background: url('https://stc-op.fenbeitong.com/img_op/img/home/banner.png') no-repeat right ;
    background-size: cover;
}
/* C轮 */
.fb-block1 .crz-wrap .crz{
    position: relative;
    background: url('https://stc-op.fenbeitong.com/img_op/offical/c-offical-png/c-pc-banner/banner@2x.png') no-repeat right ;
    background-size: cover;
}
.fb-block1 .crz-wrap .xbr{
    position: relative;
    /* background: url('../static/img/banner-bg-c.png') no-repeat right ; */
    background-size: cover;
    /* background-color: #E7E8EE; */
}
.fb-block1 .crz-wrap .crz .action{
    margin-top: 230px;
}

.fb-block1 .crz-wrap{
    background-image: linear-gradient(180deg, #000000 0%, #000000 100%);
}

.fb-block1-wrap .mobile .swiper-wrapper .swiper-slide .swiper-slide-crz{
    background: url('https://stc-op.fenbeitong.com/img_op/offical/c-offical-png/c-mobile-banner/banner@2x.png') no-repeat center ;
    background-size: cover;
    /* background-image: linear-gradient(180deg, #000000 0%, #000000 100%); */
}

.fb-btn-view{
    display: block;
    text-align: center;
    line-height: 40px;
    width: 100px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #eee;
    /* background: #1890ff; */
    color: #eee;
    font-size: 16px;
    cursor: pointer;
}
.action .xbrFont{
    color: #6B7280;
    border: 1px solid #6B7280;
}
.action .xbrFont:hover{
    border: 2px solid #6B7280;
}
.fb-btn-view:hover{
    border: 2px solid #eee;
    line-height:38px;
}

/* C轮 */

.fb-block1 .swiper-slide-wrap2 .content{
    position: relative;
    background: url('https://stc-op.fenbeitong.com/img_op/img/home/banner-bg_c%402x.png') no-repeat right ;
    background-size: cover;
}
.fb-block1 .swiper-pagination{
    bottom: 120px;
    left: calc(50vw - 594px);
    width: auto;
}

@keyframes banner-pagination-bullet {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}
.fb-block1 .swiper-slide-wrap2{
    background-image: linear-gradient(180deg, #FFFFFF 25%, #FFEDE0 100%);

}
.fb-block1 .swiper-slide-wrap1{
    background-image: linear-gradient(180deg, #F5F5F5 0%, #EBEBEB 100%);
}
/* .fb-block1 .swiper-slide-wrap4 .content{
    background-image: url('../static/img/banner2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;


} */
.sdf{
    position: absolute;
    height: 620px;
    width: 100%;
    object-fit: cover;
}
.gczBox{
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 620px;
    z-index: 1;
   
}
.gcz{
    position: absolute;
    left: 50%;
    margin-left: -951px;
    width: 1902px;
}
.fb-block1 .swiper-slide-wrap .content{
    height: 620px;
    padding-top: 140px;
}
.fb-block1 .sologn-title {
    line-height: 64px;
    font-size: 40px;
    color: #1E0E00;
    font-weight: 600;
}
.fb-block1 .sologn-title{
    font-size: 42px;
    line-height: 60px;
}
/* .fb-block1 .title-b{
    margin-top: 140px;
} */
.fb-block1 .title-o {
    margin-bottom: 20px;
    font-weight: 700;
}
.fb-block1 .desc{
    font-size: 18px;
    /* display: flex; */
    margin-bottom: 54px;
    font-size: 24px;
    line-height: 32px;
}
.fb-block1 .action{
    display: flex;
}
.fb-block1 .sologn .action-item{
    display: block;
    text-align: center;
    line-height: 48px;
    width: 124px;
    height: 48px;
    border-radius: 16px;
    background-color: black;
    color: white;
    font-size: 16px;
    cursor: pointer;
}
.fb-block1 .action .left{
    margin-right: 20px;
}
.fb-block1 .detail{
    height: 100px;
    position: relative;
    padding: 0 30px;
    margin-top: -64px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background-color: white;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.08);
    border-radius: 8px;
    z-index: 10;
}
.fb-block1 .detail-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 286px;
}

.fb-block1 .detail .item-row{
    display: flex;
    align-items: center;
}
.fb-block1 .detail-item .item-title{
    font-size: 16px;
    color: #1E0E00;
    line-height: 24px;
    margin-bottom: 4px;
    font-weight: bold;
}

.fb-block1 .detail-item .item-subtitle{
    font-size: 12px;
    color: #787878;
    line-height: 18px;
}
/* .fb-block1 .detail-item:hover .item-title{
  color: #0e6eb9 ;
} */


.fb-block2 .head-bg{
    height: 104px;
    background-image: linear-gradient(0deg, #FFFFFF 0%, #FAFAFA 100%);
}

.fb-block2 .content{
    margin-bottom: 70px;
    background: url('https://stc-op.fenbeitong.com/img_op/img/home/video-bg.svg');
}
.fb-block2 .video-wrap {
    margin: 0 auto;
    width: 930px;
    height: 522px;
    border-radius: 4px;
    position: relative;
}
.fb-block2 .video-mask.play{
    /* opacity: 0; */
    display: none;
}
.fb-block2 .video-mask.pause{
    /* opacity: 1; */
    display: block;
}
.fb-block2 .video-mask{
    background: url('https://stc-op.fenbeitong.com/img_op/img/icon_play/icon_play_nor.png');
    position: absolute;
    z-index: 10;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.fb-block2 .video-mask:hover{
    background: url('https://stc-op.fenbeitong.com/img_op/img/icon_play/icon_play_hov.png');
}
.fb-block3.pc{
    margin-top: 45px;
 }

.fb-block3-wrap{
    position: relative;
    justify-content: space-between;
    /* transition: background-image .2s ease-in; */
    /* padding-bottom: 65px; */
}
/* .fb-block3-wrap.wrap{
  margin: 0 130px;
  padding: 0;
} */
.fb-block3-wrap .placeholder{
    width: 50%;
}
.fb-carousel{
    width: 100%; 
    height:600px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fb-carousel span{
    flex:1
}
.fb-carousel-des-item{
    width: 400px;
    height: 414px;
}
.fb-carousel-des-item-icon{
    width: 44px;
    height: 44px;
    display: block;
    margin-bottom: 20px;
}
.fb-carousel-des-item-title{
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 40px;
    font-weight: bold;
}
.fb-carousel-des-item-detail{
    font-size: 21px;
    line-height: 32px;
    height: 130px;
    margin-bottom: 20px;
    color:#787878;
}
.fb-carousel-controls{
    margin-right: 40px;
}
.fb-carousel-des ul{
    list-style: none;
}
.fb-carousel-controls li{
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #D9D9D9;
    margin: 12px 0;
}
.fb-carousel-controls .control-item-active{
    background-color: #1890ff;
}

.fb-carousel-slides{
    width: 50%;
    z-index: 1;
}
.fb-carousel-slides ul{
    list-style: none;
}
/* .fb-carousel-slides-bg{
    background-image: url('https://stc-op.fenbeitong.com/img_op/img/home/4pic-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
} */
.fb-carousel-slides-bg img{
  width: 100%;
}
.fb-carousel-slides-item{
    width: 100%;
    height: calc(100vh);
    display: flex;
    align-items: center;
}

.fb-carousel-slides-item img{
  width: 100%;
}

.control_item-active{
    background-color: #1890ff;
}

.fb-block4{
  background-color: #fafafa;
}
.fb-block4 .wrap{
  background-color: #fafafa;
}
.fb-block4 .content{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-bottom: 80px;
}
.fb-block4 .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(33.3% - 40px);
    padding-top: 48px;
    border-radius: 4px;
    cursor: pointer;
    padding: 60px 0 60px;
    background-color: white;
    margin-bottom: 40px;
}

.fb-block4 img{
    width: 70px;
    /* height: 70px; */
}
.fb-block4 .item .item-title{
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 24px;
    text-align: center;
    line-height: 36px;
    font-weight: bold;
    color: black;
}
.fb-block4 .more{
  font-size:16px;
  color: #1890ff;
  line-height:24px;
  display: flex;
  align-items: center;
  transition: 0.3s;
  min-width: 88px;
}
.fb-block4 .item:hover .more{
  margin-right: -20px;
}
.fb-block4 .fb-ul{
  margin-bottom: 30px;
}
.fb-block4 .arrow{
  width:24px;
  height: 21px;
}
.fb-block5{
    background: url(../images/imgbgt.png) center center no-repeat;
    background-size: 100% ;
    padding:50px 0;
    height:600px;
}
.fb-block5 .wrap{
 width:100%;
 margin:50px auto;
 background:rgba(0,0,0,0.6);
 padding:50px;
}
.fb-block5 .head{
  padding: 20px 0 30px;
}
.fb-block5 .title{
  color: white;
}
.fb-block5 .sub-title{
  color: white;
}
.fb-block5 .content {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #333;
    border-bottom:1px solid #333;
}
.fb-block5 .content{
  padding:30px 0;
}
.fb-block5 .content .item{
    display: flex;
    flex-direction: column;
    align-items:center;
    border-right:1px solid #333;
    width:25%;
    text-align: center;
}
.fb-block5 .content .item:last-child{
    border:0;
}


.fb-block5 .title .left{
  font-size: 36px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 33px;
  font-weight:bold;
}
.fb-block5 .item .title{
    font-size: 30px;
    line-height: 24px;
    text-align: center;
}

.fb-block5 .number{
  font-size: 42px;
  font-weight: bold;
  color: #fff;
  line-height: 77px;
}

.fb-block6{
    background: #fafafa;
}
.fb-block6 .wrap{
  background: #fafafa;
}
.fb-block6 .logo{
  /* text-align:center; */
}
.fb-block6 .content{
    padding-bottom:30px;
}
.fb-block6 .logo .logo-wrap{
    width:100%;
    clear:both;
}
.fb-block6 .logo .logo-wrap ul li{
    width:200px;
    display: inline-block;
    margin:15px;
    text-align: left;
}
.fb-block6 .logo .swiper-wrapper{
  padding-bottom: 40px;

}
.fb-block6 .detail{
    background-color: white;
}
.fb-block6 .swiper-slide-wrap{
    display: flex;
    height: 306px;
    cursor: pointer;
    color: black;
}
.fb-block6 .swiper-container2{
    height: 395px;
}
.fb-block6 .swiper-slide-wrap .intro{
    width: 470px;
    height: 306px;
}
.fb-block6 .swiper-slide-wrap .detail{
    display: flex;
    flex-direction: column;
    padding: 56px 60px 43px;
}
.fb-block6 .swiper-slide-wrap .detail .img{
    width: 118px;
    height: 34px;
}
.fb-block6 .swiper-slide-wrap .item-title{
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 32px;
}
.fb-block6 .swiper-slide-wrap .author{
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
}
.fb-block6 .more{
    display: flex;
    align-items: center;
    color: #1890ff;
}
.fb-block6 .swiper-pagination2{
    bottom: 44px;
    z-index: 10;
}

.fb-block6 .logo img{
  width: 100%;
}

.inewsbg{ margin-top:2%; background:#f4f6f8; padding:4% 0;}
.inews{ margin-top:3%;}
.inewsleft{ width:472px; float:left;}
.inewsleft a{ display:block;}
.inewsleft a img{ width:100%;}
.inewsleft a h3{ color:#222222; font-size:18px; padding:10px 0 16px 0; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inewsleft a p{ color:#666666; font-size:14px; line-height:24px;}
.inewsleft a span{ font-size:14px; color:#bebebe; display:block; margin-top:10px;}
.inewsright{ width:665px; float:right;}
.inewsrlist{}
.inewsrlist li{ padding-left:30px; margin-bottom:30px; position:relative;}
.inewsrlist li:before{ content:""; display:block; width:1px; height:108px; background:#dad9d9; position:absolute; left:4px; top:30px;}
.inewsrlist li:last-child:before{ display:none;}
.inewsrlist li a{ display:block;}
.inewsrlist li a .inewsdate{ width:48px; float:left; text-align:center; position:relative;}
.inewsrlist li a .inewsdate:before{ content:""; display:block; width:10px; height:10px; background:#0e6eb8; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; position:absolute; z-index:3; top:25px; left:-30px;}
.inewsrlist li a .inewsdate i{ font-style:normal; display:block; font-size:40px; color:#0e6eb8;}
.inewsrlist li a .inewsdate span{ display:block; font-size:12px; color:#bebebe;}
.inewsrlist li a .inewstext{ width:546px; float:right;}
.inewsrlist li a .inewstext h3{ font-size:18px; color:#222; margin-bottom:10px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inewsrlist li a .inewstext p{ font-size:14px; color:#666; line-height:22px;
    text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 2;			
	line-clamp: 2;					
	-webkit-box-orient: vertical;}
.inewsrlist li a:hover .inewstext h3{ color:#0e6eb8;}
a.imorenews {
    margin-left: 30px;
    font-size: 14px;
    color: #2993f7;
    text-decoration: underline;
}
.xicon{
    width: 18px;
    height: 18px;
}
.xicon img{
    width: 100%;
    height: 100%;
}
.applicationIcon{
    width: 115px;
    height: 36px;
}
.applicationIcon img{
    width: 100%;
    height: 100%;
}
.fontIcon{
    width: 606px;
    height: 24px;
}
.fontIcon img{
    width: 100%;
    height: 100%;
}
@media(max-width: 768px){
    .swiper-slide-wrap{
        display: flex;
        flex-direction: column;
        /* align-items: center; */
        /* C轮 */
        height: 513px;
        /* padding: 0 16px; */
    }
    .event{
      height: 136px;
    }
    .event-wrapper{
      flex-direction: column;
    }
    .event .event-detail{
      margin-left: 0;
    }
    .event .close {
      top: 30px;
      right: 20px;
    }
    .fb-block1 .mobile .swiper-slide-wrap .img{
        width: 311px;
        height: 235px;
        margin: 0 auto;
    }
    /* C轮 */
    .fb-block1 .swiper-slide-crz .crz{
        color: #eeeeee;
    }
    .fb-block1-wrap .mobile .swiper-wrapper .swiper-slide .swiper-slide-xbr{
       background: #E7E8EE;
       background-image: url('../static/img/banner-C-m.png');
       background-size: 100% 100%;
    }
    /* C轮 */
    .fb-block1 .sologn-title {
        font-size: 24px;
        color: #333333;
        line-height: 36px;
        text-align: left;
        font-weight: 600;
    }
    .fb-block1 .title-b {
        margin-top: 43px;
        text-align: center;
    }

    .fb-block1 .title-o {
        margin-bottom: 11px;
        text-align: center;
    }

    .fb-block1 .desc{
        font-size: 16px;
        color: #202020;
        margin-bottom: 36px;
        text-align: center;
    }
    .fb-block1 .action{
        margin: 0 auto 30px;
    }
    .fb-block1 .detail{
        flex-direction: column;
        height: auto;
        background: none;
        box-shadow: none;
        border-radius: 8px;
        margin: -12px auto 0;
        width: 100%;
        padding: 0 16px;
    }
    .fb-block1 .detail-item{
        background-color: white;
        box-shadow: 0 2px 10px 0 rgba(0,0,0,0.08);
        border-radius: 8px;
        /* margin-bottom: 16px; */
        margin: 0 16px 16px;
        padding: 28px 25px;
        width: auto;
        height: 102px;
    }
    .fb-block1 .detail-item .item-title{
        margin-top: 0;
        margin-bottom: 1px;

    }
    .swiper-container.mobile{
      width: 100%;
    }
    /* .fb-block1 .swiper-slide1{

        background: url('https://stc-op.fenbeitong.com/img_op/img/home/banner-m@2x.png') no-repeat top center;
    } */

    .fb-block2{
        padding-top: 30px;
    }
    /* .fb-block2 .head{
        height: 220px;
        padding-top: 0;
    } */
    .fb-block2 .video-wrap{
        width: 312px;
        height: 174px;
    }
    .fb-block2 .content{
        background: none;
    }
    .fb-block2 .video-mask{
        width: 312px;
        height: 174px;
    }
    .fb-block2 .video-mask img{
        width: 35px;
        height: 35px;
    }
    .fb-block5{
      background: white;
    }
    .fb-block5-wrap{
        background: url(../images/imgbgt.png) center center no-repeat;
        background-size: 100% 100% ;
    }
    .fb-block3-m{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .fb-block3-m .title{
        text-align: left;
    }
    .fb-block3-m .sub-title{
        text-align: left;
    }
    /* .fb-block3-m .item{
        height: 656px;
    } */
    /* .fb-block3-m .icon{
        margin-top: 47px;
        margin-bottom: 24px;
    } */
    .fb-block3-m .item-wrap{
      padding: 20px 0;
    }
    .fb-block3-m .img{
        width: 100%;
    }
    .fb-block3-m .title{
        margin-bottom: 16px;
    }
    .fb-block3-m .sub-title{
        height: 85px;
        margin-bottom: 16px;
    }
    .fb-block3-m .fb-btn{
        margin-bottom: 32px;
    }
    /* .fb-block3-m .item-wrap{
        padding: 0 30px;
    } */

    /* .fb-block4 .content{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    } */
  .fb-block4 .content .item{
      /* display: flex;
      flex-direction: column;
      align-items: center; */
      width: calc(100%);
      /* height: 300px; */
      /* background-color: white;
      padding-top: 48px;
      border-radius: 4px;
      cursor: pointer; */
  }
    .fb-block4.mobile .content{
        flex-direction: column;
        width: 100%;
    }
    .fb-block4.mobile .item-mobile{
      position: relative;
        display: flex;
        flex-direction: row;
        color: #434343;
        height: 146px;
        box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12), 0 6px 16px 0 rgba(0,0,0,0.08), 0 9px 28px 8px rgba(0,0,0,0.05);
        border-radius: 4px;
        padding-left: 16px;
        padding-top: 24px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .fb-block4.mobile .item-title{
        display: flex;
        color: #050505;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .fb-block4.mobile .more{
        position: absolute;
        right: 20px;
    }
    .fb-block4.mobile .item-mobile .detail{
        display: flex;
        flex-direction: column;
        margin-left: 20px;
    }
    .fb-block5{
        height: auto;
        padding:0;
    }
    .fb-block5 .wrap{
        margin:0;
    }
    .fb-block5 .head{
      padding: 20px 0 30px;
    }
    .fb-block5 .content{
      padding-bottom: 0px;
    }
    .fb-block5 .item-head .title{
        font-size: 18px;
    }
    .fb-block5 .title .left{
        font-size:24px;
    }
    .fb-block5 .item .title{
        font-size:20px;
    }

    .fb-block5 .number{
        font-size: 36px;
    }
    .fb-block5 .content{
        /* flex-direction: column; */
        display: block;
    }
    .fb-block5 .content .item{
        height: auto;
        margin-bottom: 20px;
        width: 49%;
        padding-bottom:30px;
        display: inline-block;
        border:0
    }
    .fb-block5 .content .item:nth-child(2n) {
        border:0;
       
    }

    .fb-block6{
        background: none;
        height: auto;
    }
    .fb-block6 .logo-wall{
        margin: 0 auto;
    }
    .fb-block6 .logo .logo-wrap ul li{
        width:45%;
        display: inline-block;
        margin:5px;
        text-align: left;
    }
    .fb-block6 .swiper-slide-wrap .detail {
        padding: 24px 20px 0px;
        height: 280px;
    }
    .fb-block6 .swiper-slide-wrap{
        height: 484px;
    }
    .fb-block6 .swiper-slide-wrap .title{
        font-size: 16px;
        color: #000000;
        line-height: 25px;
        margin-bottom: 0;
        height: 134px;
        text-align: left;
    }

    .fb-block6 .swiper-slide-wrap .intro{
        height: 204px;
        width:auto;
    }
    .fb-block6 .swiper-slide-wrap .detail .img{
        height: 28px;
        width: 95px;
    }
    .fb-block6 .swiper-slide-wrap .item-title{
        font-size: 16px;
        line-height: 25px;
    }
    .fb-block6 .swiper-slide-wrap .author{
        font-weight: 600;
    }
    .fb-block6 .swiper-container2 {
        height: 538px;
    }
    .fb-block6 .swiper-pagination2 {
        bottom: 20px;
    }

    .fb-block6 .mobile.logo-wall {
        width: 311px;
        height: 232px;
    }

    .inewsleft{
        width:100%;
    }
    .inewsright{
        width:100%;
        margin-top:20px;
    }
    .inewsrlist li a .inewstext{
        width:100%;
    }
    .inewsrlist li{
        margin-bottom:0;
    }
    .inewsrlist li a .inewstext p{
        overflow:hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
    }
}
