.platformTitle h3,.characteristic h3{
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    padding: 0px 0px 30px 0px;
}
.platformTitle p{
    font-size: 18px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    padding-bottom: 10px;
}
.structure{
    background: #F9F9F9;
}
.structureCenter{
    text-align: center;
    padding: 30px;
}
.lookAt{
    width: 100%;
    text-align: left;
    padding-top: 20px;
   
}
.banner{
    display: none;
}
.bannarActive{
    display: block;
}
.lookAtFirst {
    color: #999999;
}
.characteristic{
    background:#333333;
    background-size: 100% 100%;
    color: white;
}
.characteristicBorderMain{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.characteristicBorder{
    width: 46%;
    padding: 10px;
    margin: 0.1rem;
    border: 1px solid #2578d5;
    border-radius: 5px;
}
.characteristicBorder h4{
    font-size: 18px;
    padding-bottom: 20px;
}
.characteristicBorder p{
    font-size: 14px;
}
.modulesMain{
    display: flex;
    flex-wrap: wrap;
}
.modulesDivMainDiv{
    padding: 20px;
    width: calc(100% / 4); 
}
.modulesDivMainDiv7{
    width: 100%;
    padding: 0px;
    position: relative;
    /* padding: 5px; */
    background-color: black;
    /* background-size: 100% 100%; */

}
.videoPlay{
    position: absolute;
    top: 50%;
    width: 100px;
    height: 100px;
    left: 50%;
    pointer-events: none;
    margin-left: -50px;
    margin-top: -50px;
}
.modulesDiv{
    border: 1px solid #DDDDDD;
    position: relative;
    padding-left: 0.5rem;
    border-radius: 4px;
    height: 100%;
    padding-bottom: 15px;
}
.modulesDivMainDiv .modulesDivMore{
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #838383;
}
.modulesDivIcon{
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
} 
.modulesDivIcon4{
    position: static;
    width: 60px;
    height: 60px;
}
.modulesDiv h4{
    padding-top: 40px;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 18px;
}
.modulesDivIcon{
    font-size: 14px;
}
.modulesDivCont div{
    padding: 3px 0;
    color: #838383;
}
.modules5Main{
    display: flex;
    margin-top: 30px;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}
.modules5MainDiv img{
    width: 110px;
    height: auto;
}
.modules55 .modulesDivMainDiv{
    width: calc(100% / 5);
}
.modules5MainDiv h5{
    font-size: 16px;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 10px;
}
.modules5MainDiv p {
    color: #838383;
    font-size: 14px;
}
.selectModules img{
    width: 20%;
    cursor: pointer;
}
.pageRight{
	display: none;
}
.modules6MainDiv{
    background-color: pink;
    padding-bottom: 30px;
    border-radius: 5px;
}
.modules6MainDiv .modulesDivIcon4{
    margin-top: -55px;
}
.modules6MainDivBottom{
    height:0.6rem;
    border-radius: 5px;
    margin-top:0.05rem
}


.modules6sMainDiv{
    display: flex;
    width: auto;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    height: 120px;
    background:none;
 }
 .modules6sMainDiv .modulesDivIcon4{
     margin-top: -30px;
 }
 .modules6MainDivBottom{
     height:0.6rem;
     margin-top:0.05rem
 }
 .modules6Main{
     display: flex;
     margin-top: 30px;
     justify-content: space-between;
 }
 .modules6MainLeft , .modules6MainRight{
     width: 47%;
     border: 1px solid #e6e7e8;
     border-radius: 5px;
 }
 .modules6MainTitle{
     border-bottom: 1px solid #e6e7e8;
     padding: 20px;
     color: #275aab;
     font-weight: 400;
 }
 .modulesDivIcon6{
     width: auto;
     height: 60px;
     margin-right: 10px;
     font-weight: 400;
     position: static;
 }
 .modules6MainLeft .modulesDivIcon6{
    height: 100px;
    width: auto;
 }
 .modules6MainDivShade{
    border-radius: 110px;
 }
 .tabsBox{
    height: 60px;
    background: white;
    box-shadow: 0px 1px 11px 0px rgba(9, 30, 60, 0.12);
 }
 .tabsBox .globalWidth{
    display: flex;
 }
 .globalWidth{
     padding: 0.6rem;
 }
 .globalWidthNone{
     padding: 0 0.6rem;
 }
 .tabsBox .tabs{
     font-size: 16px;
     font-weight: 400;
     cursor: pointer;
     color: black;
     height: 60px;
     line-height: 60px;
    
 }
 .tabsBox .tabsActive{
     background-color: #45BFEE;
     color: white;
 }
 .tabsBox3 .tabs {
    color: white;
}
.tabsBox3 .globalWidth .tabsActive {
    color: white;
}

 .tabsContentBox .tabsContent{
     padding: 0;
 }
 .characteristicBorder100{
	width: 100%;
}
.swiper-slide-content{
    text-align: center;
    margin-top: 10px;
}
.addModules7ContentVideo{
    position: static;
    width: 100%;
    height: 100%;
    cursor: pointer;
    margin: 0;
    vertical-align: bottom;
}
.swiper-slide-content h3{
    font-size: 16px;
    font-weight: 600;
    color: white;
}
.modulesDivMainDiv7 .swiper-slide-content p {
    font-size: 12px;
    padding-top: 10px;
    color: #a9a9a9;
}
.modules7{
    background-color: black;
}
.modules9{
    text-align: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.content3 ,.content3 a,.content3 div,.content3 p{
    color: white;
    
}
.content3{
    background-color: #0e1117;
}
.tabsBox3{
    background-color: #182538;
}
.modules6MainDivLine{
	display: block;
	border-radius: 4px;
	height: 4px;
    width: 1rem;
    margin: 0 auto;
}
.swiperBoxFlex{
    position: sticky;
    z-index: 2;
    top: 60px;
    width: 100%;
}
.swiperBoxHeight{
    width: 100px;
    height: 460px;
}
.swiper-container{
    padding: 40px;
}
.swiper-container .swiper-slide{
    width: 70%;
    height: 3rem;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: url("../images/spaceData/left.png");
    background-size: 100% 100%;
}
.swiper-button-prev:hover{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 
    background-image: url("../images/spaceData/right.png");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: url("../images/spaceData/left.png");
    background-size: 100% 100%;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 
}
.swiper-button-next:hover{
    background-image: url("../images/spaceData/right.png");
    transform:rotate(0deg);
    -ms-transform:rotate(0deg); 	/* IE 9 */
    -moz-transform:rotate(0deg); 	/* Firefox */
    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
    -o-transform:rotate(0deg); 
}
.swiper-button-next, .swiper-button-prev{
    width: 44px;
    height: 44px;
    top: 40%;
}
.swiper-container .swiper-slide{
    transform: scale(1);
}
.swiper-container .swiper-slide-active, .swiper-slide-duplicate-active{
    transform: scale(1.2);
    z-index: 1;
}
.addModules7ContentVideo{
    background: black;
    object-fit: cover;
}
.swiper-container{
    /* height: 7rem; */
}
.videoModules{
    width: 100%;
    height: 100%;
    /* display: none; */
    background-color: black;
    position: fixed;
    z-index: 9999;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    display: none;
}
.videoModules video{
    width: 80%;
    height: 80%;
}
.closeVideo{
    position: absolute;
    width: 20px;
    height: 20px;
    right: 50px;
    cursor: pointer;
    top: 50px;
    background-image: url("../images/spaceData/closeHover.png");
}
.closeVideo:hover{
    background-image: url("../images/spaceData/close.png");
}
.changeStylePrevNext{
    position: relative;
    padding: 0 60px;

}