body {
}
input {
    background-color: transparent;
    border: 0;
}
button {
    margin: 0;
    padding: 0;
    border: 0.052083vw solid transparent;
    outline: none;
    background-color: transparent;
}

button:active {
    opacity: 0.6;
}
.flex-col {
    display: flex;
    flex-direction: column;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.justify-start {
    display: flex;
    justify-content: flex-start;
}
.justify-center {
    display: flex;
    justify-content: center;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}
.justify-evenly {
    display: flex;
    justify-content: space-evenly;
}
.justify-around {
    display: flex;
    justify-content: space-around;
}
.justify-between {
    display: flex;
    justify-content: space-between;
}
.align-start {
    display: flex;
    align-items: flex-start;
}
.align-center {
    display: flex;
    align-items: center;
}
.align-end {
    display: flex;
    align-items: flex-end;
}
a{
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.text-reveal {
    opacity: 0;
    transform: translateY(5.208333vw);
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.card-image-reveal {
    opacity: 0;
    transform: scale(0.8);
    transition: all 1s ease-out;
}

.card-image-reveal.animate {
    opacity: 1;
    transform: scale(1);
}
.text-reveal.animate {
    opacity: 1;
    transform: translateY(0);
}
/* 方向动画类 */
.card-image-reveal.top {
    transform: translateY(-5.208333vw);
}

.card-image-reveal.top.animate {
    transform: translateY(0);
}

.card-image-reveal.bottom {
    transform: translateY(5.208333vw);
}

.card-image-reveal.bottom.animate {
    transform: translateY(0);
}

.card-image-reveal.left {
    transform: translateX(-5.208333vw);
}

.card-image-reveal.left.animate {
    transform: translateX(0);
}

.card-image-reveal.right {
    transform: translateX(5.208333vw);
}

.card-image-reveal.right.animate {
    transform: translateX(0);
}
.w-1200{
    width: 62.500000vw;
    margin: 0 auto;
}
.block_1 {
    background-image: url(../images/costRobot/img_banner.jpg);
    background-repeat: no-repeat;
    background-size: 100.000000vw 32.291667vw;
    background-position: center center;
    background-color: #c9e1fc;
    position: relative;
    width: 100%;
    height: 32.291667vw;
}

.text_1 {
    width: 23.020833vw;
    height: 2.187500vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.979167vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: left;
    white-space: nowrap;
    line-height: 2.187500vw;
    margin: 12.395833vw 0 1.302083vw;
}

.text_2 {
    width: 33.750000vw;
    height: 1.458333vw;
    overflow-wrap: break-word;
    font-weight: 200;
    font-size: 0.937500vw;
    text-align: left;
    line-height: 1.458333vw;
    color: #626e80;
    font-style: normal;
}
.block_53 {
    width: 20.572917vw;
    height: 2.500000vw;
    margin: 2.187500vw 0 0 0;
}
.text-wrapper_1 {
    height: 2.500000vw;
    width: 9.895833vw;
    background-color: #DA2A43;
    border-radius: 0.208333vw;
    background-image: linear-gradient(270deg, #EE4D6F 2%, #D7263C 97%);
}
.text-wrapper_1:hover .text_3{

    color: rgba(255, 255, 255, 0.8);
}
.text_3 {
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow-wrap: break-word;
    font-size: 0.937500vw;
    text-align: center;
    white-space: nowrap;
    line-height: 2.500000vw;
    color: #FFFFFF;
}
.text-wrapper_2 {
    height: 2.500000vw;
    width: 9.895833vw;
    background: linear-gradient( 90deg, #A0C1F3 0%, #0060B1 100%);
    border-radius: 1.250000vw;
}

.text_4 {
    height: 2.500000vw;
    width: 9.895833vw;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.937500vw;
    font-family: MicrosoftYaHei;
    text-align: center;
    white-space: nowrap;
    line-height: 2.500000vw;
}
.box_122 {
    height: 33.333333vw;
    background: linear-gradient( 359deg, #E7F1FF 0%, #EAF3FF 30%, #FFFFFF 100%);
    width: 100%;
}
.text_284 {
    width: 10.625000vw;
    height: 1.770833vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.770833vw;
    font-family: DingTalk-JinBuTi, serif;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 1.770833vw;
    margin: 5.260417vw auto 0;
}
.paragraph_6 {
    overflow-wrap: break-word;
    color: rgba(98, 110, 128, 1);
    font-size: 0.937500vw;

    font-weight: normal;
    text-align: center;
    line-height: 1.458333vw;
    margin: 1.041667vw auto 0;
}
.box_157 {
    width: 62.500000vw;
    height: 15.625000vw;
    margin: 2.239583vw auto 0;
}
.pthxys-default {
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0.520833vw 0 rgba(170,210,242,0.74);
    border-radius: 0.520833vw;
    width: 17.812500vw;
    height: 15.625000vw;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    padding: 8.437500vw 1.562500vw 0 1.979167vw;
    box-sizing: border-box;
    text-align: center;
}
.pthxys-default > div{
}
.pthxys-default .icon-box{
    display: none;
}
.pthxys-default.active .icon-box{
    display: flex;
    width: 21.093750vw;
    height: 5.104167vw;
    background: linear-gradient( to top, rgba(206, 231, 255, 0.2) 0%, rgba(255,255,255,0.4) 100%);
    border-radius: 0.208333vw;
    border: 0.052083vw solid #FFFFFF;
    margin-top: 1.041667vw;
    align-items: center;
}
.pthxys-default.active .icon-box .icon{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    font-size: 0.625000vw;
    color: #606C80;
    line-height: 0.937500vw;
    text-align: left;
    font-style: normal;
    position: relative;
    height: 100%;
}
.pthxys-default.active .icon-box .icon:not(:last-child):before{
    content: '';
    position: absolute;
    right: 0;
    top: 0.989583vw;
    height: 3.125000vw;
    width: 0.052083vw;
    background-color: #E3EBFD;
    z-index: 10;
}
.pthxys-default.active .icon-box .icon img{
    margin-bottom: 0.104167vw;
    width: 1.458333vw;
}
.pthxys-default.active{
    width: 25.000000vw;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 3.385417vw 0 0 1.875000vw;
}

.pthxys-default > div > div > span:first-child{
    font-size: 1.041667vw;
    color: #202D40;
    line-height: 1.406250vw;
    letter-spacing: 0.104167vw;
    font-weight: 600;
    text-align: left;
}
.pthxys-default > div > div > span:last-child{
    color: #606C80;
    line-height: 1.250000vw;
    text-align: left;
    font-style: normal;
    margin-top: 0.833333vw;
    font-weight: 200;
    font-size: 0.833333vw;
}
.pthxys-default.active > div > div > span:last-child{

    font-size: 0.833333vw;
    color: #606C80;
    line-height: 1.250000vw;
    text-align: left;
    font-style: normal;
    width: 14.687500vw;
    display: inline-block;
    margin-top: 0.468750vw;
}

.pthxys-default.active > div{
    justify-content: flex-start;
    align-items: flex-start;
}

.pthxys-default:nth-child(1){
    background-image: url("../images/costRobot/img_hxys1.png");
}
.pthxys-default:nth-child(2){
    background-image: url("../images/costRobot/img_hxys2.png");
}
.pthxys-default:nth-child(3){
    background-image: url("../images/costRobot/img_hxys3.png");
}
.pthxys-default.active:nth-child(1){
    background-image: url("../images/costRobot/img_hover_hxys1.png");
}
.pthxys-default.active:nth-child(2){
    background-image: url("../images/costRobot/img_hover_hxys2.png");
}
.pthxys-default.active:nth-child(3){
    background-image: url("../images/costRobot/img_hover_hxys3.png");
}
.group_21 {
    width: 100%;
    height: 37.604167vw;
    background: url(../images/costRobot/SketchPngf377220aaebfc65dd4a5892b7e24135d1761d62d9ca96553a011d756e5d3753d.png)
    100% no-repeat;
    background-size: 100% 100%;
}

.text_59 {
    width: 10.625000vw;
    height: 1.770833vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.770833vw;
    font-family: DingTalk-JinBuTi, serif;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 1.770833vw;
    margin: 5.104167vw auto 0;
}

.text_60 {
    width: 23.437500vw;
    height: 1.458333vw;
    overflow-wrap: break-word;
    color: rgba(98, 110, 128, 1);
    font-size: 0.937500vw;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 1.458333vw;
    letter-spacing: 0.052083vw;
    margin: 0.989583vw auto 0;
}

.section_10 {
    width: 62.500000vw;
    height: 19.895833vw;
    margin: 2.395833vw auto 0;
    justify-content: space-between;
}

.box_18 {
    width: 20.208333vw;
    height: 19.895833vw;
    background-color: rgba(255, 255, 255, 0.4);
    position: relative;
    overflow: hidden;
    border: 0.052083vw solid #FFFFFF;
    box-shadow: 0 0 0.520833vw 0 rgba(170,210,242,0.74), 0 0 0.520833vw 0 rgba(255,255,255,0.74);
}
.text-index{
    display: none;
    position: absolute;
    right: 0;
    top: -2.083333vw;
    font-size: 5.208333vw;
    color: #D7263C;
    line-height: 6.250000vw;
    letter-spacing: 0.416667vw;
    text-align: left;
    font-style: normal;
    font-family: DingTalk-JinBuTi, serif;
    opacity: 0.05;
}
.box_18:hover .text-index{
    display: block;
}
.box_18:hover img{
    transform: scale(1.1);
    transition: transform 0.2s;
}
/*.box_18:hover .image-text_17{*/
/*    align-items: center;*/
/*}*/
.image-text_17 {
    height: 5.625000vw;
    margin: 3.541667vw 1.875000vw 0;
}

.image_13 {
    width: 3.645833vw;
    height: 3.645833vw;
}

.text-group_23 {
    width: 7.500000vw;
    height: 1.302083vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.145833vw;
    letter-spacing: 0.101852vw;
    font-family: MicrosoftYaHei;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 1.302083vw;
    margin-top: 0.677083vw;
}

.text_61 {
    width: 16.406250vw;
    height: 2.500000vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.833333vw;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    line-height: 1.250000vw;
    margin: 1.302083vw 0 6.927083vw 1.875000vw;
}

.box_19 {
    width: 20.208333vw;
    height: 19.895833vw;
    background: url(./img/SketchPngb5e0b335f4199862b9871b64dc112cb940102a60d92878994c5a30d0e8896794.png) -0.520833vw -0.520833vw
    no-repeat;
    background-size: 21.250000vw 20.937500vw;
    margin-left: 0.937500vw;
}

.image-text_18 {
    width: 8.906250vw;
    height: 5.625000vw;
    margin: 3.541667vw 0 0 1.718750vw;
}

.image_14 {
    width: 3.645833vw;
    height: 3.645833vw;
}

.text-group_24 {
    width: 8.750000vw;
    height: 1.302083vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.145833vw;
    letter-spacing: 0.101852vw;
    font-family: MicrosoftYaHei;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 1.302083vw;
    margin: 0.677083vw 0 0 0.156250vw;
}

.text_62 {
    width: 16.406250vw;
    height: 2.500000vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.833333vw;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    line-height: 1.250000vw;
    margin: 1.406250vw 0 6.822917vw 1.875000vw;
}

.box_20 {
    width: 20.208333vw;
    height: 19.895833vw;
    background: url(./img/SketchPngb5e0b335f4199862b9871b64dc112cb940102a60d92878994c5a30d0e8896794.png) -0.520833vw -0.520833vw
    no-repeat;
    background-size: 21.250000vw 20.937500vw;
    margin-left: 1.041667vw;
}

.image-text_19 {
    width: 12.604167vw;
    height: 5.468750vw;
    margin: 3.697917vw 0 0 1.770833vw;
}

.image_15 {
    width: 3.645833vw;
    height: 3.593750vw;
}

.text-group_25 {
    width: 12.500000vw;
    height: 1.302083vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.145833vw;
    letter-spacing: 0.101852vw;
    font-family: MicrosoftYaHei;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 1.302083vw;
    margin: 0.572917vw 0 0 0.104167vw;
}

.text_63 {
    width: 16.406250vw;
    height: 2.500000vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.833333vw;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    line-height: 1.250000vw;
    margin: 1.354167vw 0 6.875000vw 1.979167vw;
}

.text_64 {
    position: absolute;
    left: 32.343750vw;
    top: 9.843750vw;
    width: 6.614583vw;
    height: 4.375000vw;
    overflow-wrap: break-word;
    color: rgba(215, 38, 60, 1);
    font-size: 5.208333vw;
    letter-spacing: 0.462963vw;
    font-family: DingTalk-JinBuTi;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 6.250000vw;
}

.group_4 {
    background-image: url(../images/costRobot/ee6023166ed44e6099d7f55924b37dbd_mergeImage.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 34.322917vw;
    width: 100%;
    position: relative;
}
.group_4.ai_jj{
    background-image: url(../images/costRobot/img_zjjqrbj5.png);

}

.text-wrapper_4 {
    width: 4.583333vw;
    height: 1.041667vw;
    margin: 8.802083vw 0 0 0;
}

.text_9 {
    width: 4.583333vw;
    height: 1.041667vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.562500vw;
    font-family: SourceHanSansCN-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 1.041667vw;
}

.text-wrapper_5 {
    width: 19.687500vw;
    height: 2.083333vw;
    margin: 1.197917vw 0 0 0;
}

.text_10 {
    width: 19.687500vw;
    height: 2.083333vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    letter-spacing: -0.010417vw;
    font-family: MicrosoftYaHei;
    font-weight: NaN;
    text-align: left;
    line-height: 1.041667vw;
}

.section_3 {
    width: 15.885417vw;
    height: 0.989583vw;
    margin: 1.614583vw 0 0 0;
}

.image-text_1 {
    width: 15.885417vw;
    height: 0.989583vw;
}

.thumbnail_1 {
    width: 0.937500vw;
    height: 0.729167vw;
    margin-top: 0.156250vw;
}

.text-group_1 {
    width: 14.583333vw;
    height: 0.989583vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 0.989583vw;
}

.section_4 {
    width: 12.239583vw;
    height: 0.989583vw;
    margin: 0.677083vw 0 0 0;
}

.image-text_2 {
    width: 12.239583vw;
    height: 0.989583vw;
}

.thumbnail_2 {
    width: 0.937500vw;
    height: 0.729167vw;
    margin-top: 0.156250vw;
}

.text-group_2 {
    width: 10.937500vw;
    height: 0.989583vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 0.989583vw;
}

.section_5 {
    width: 15.156250vw;
    height: 0.989583vw;
    margin: 0.677083vw 0 0 0;
}

.image-text_3 {
    width: 15.156250vw;
    height: 0.989583vw;
}

.thumbnail_3 {
    width: 0.937500vw;
    height: 0.729167vw;
    margin-top: 0.156250vw;
}

.text-group_3 {
    width: 13.854167vw;
    height: 0.989583vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 0.989583vw;
}

.section_6 {
    width: 38.177083vw;
    height: 4.062500vw;
    margin: 0.677083vw 0 10.520833vw 0;
}

.box_2 {
    width: 12.864583vw;
    height: 2.656250vw;
}

.image-text_4 {
    width: 12.864583vw;
    height: 0.989583vw;
}

.thumbnail_4 {
    width: 0.937500vw;
    height: 0.729167vw;
    margin-top: 0.156250vw;
}

.text-group_4 {
    width: 11.562500vw;
    height: 0.989583vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 0.989583vw;
}

.image-text_5 {
    width: 10.781250vw;
    height: 0.989583vw;
    margin-top: 0.677083vw;
}

.thumbnail_5 {
    width: 0.937500vw;
    height: 0.729167vw;
    margin-top: 0.156250vw;
}

.text-group_5 {
    width: 9.479167vw;
    height: 0.989583vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 0.989583vw;
}

.image_2 {
    width: 12.239583vw;
    height: 3.593750vw;
    margin-top: 0.468750vw;
}

.section_7 {
    height: 23.072917vw;
    background: url(../images/costRobot/img_spbj.png);
    box-shadow: 0 0 0.625000vw 0 rgba(170,210,242,0.74), inset 0 -0.104167vw 0.052083vw 0 #FFFFFF, inset 0 0.104167vw 0.052083vw 0 #FFFFFF;
    border-radius: 0.625000vw;
    background-size: 100% 100%;
    width: 36.979167vw;
    position: absolute;
    left: 25.260417vw;
    top: 5.260417vw;
    box-sizing: border-box;
    padding: 2.083333vw 0.885417vw 1.145833vw 1.197917vw;
}
.section_7.video-left{
    right: 25.260417vw;
    left: auto;
}

.box_3 {
    border-radius: 0.208333vw;
    background-image: url(./img/253e9349ec1e417ebb4996c14540bf2a_mergeImage.png);
    height: 19.843750vw;
    border: 0.052083vw solid rgba(193, 198, 206, 1);
    width: 34.895833vw;
    margin: 2.083333vw 0 0 1.197917vw;
}

.box_4 {
    background-color: rgba(0, 0, 0, 0.84);
    border-radius: 0.208333vw;
    width: 34.895833vw;
    height: 19.843750vw;
    border: 0.052083vw solid rgba(193, 198, 206, 1);
}

.image-wrapper_1 {
    width: 10.677083vw;
    height: 4.791667vw;
    margin: 7.343750vw 0 0 14.583333vw;
}

.image_3 {
    width: 4.687500vw;
    height: 4.687500vw;
}

.image_4 {
    width: 4.687500vw;
    height: 4.687500vw;
    margin-top: 0.104167vw;
}

.box_5 {
    width: 32.760417vw;
    height: 1.093750vw;
    margin: 4.895833vw 0 0 1.145833vw;
}

.image-text_6 {
    width: 4.479167vw;
    height: 0.989583vw;
}

.thumbnail_6 {
    width: 0.572917vw;
    height: 0.572917vw;
    margin-top: 0.208333vw;
}

.text-group_6 {
    width: 2.864583vw;
    height: 0.989583vw;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 0.989583vw;
}

.thumbnail_7 {
    width: 0.729167vw;
    height: 0.625000vw;
    margin: 0.416667vw 0 0 25.520833vw;
}

.thumbnail_8 {
    width: 0.729167vw;
    height: 0.729167vw;
    margin: 0.364583vw 0 0 0.572917vw;
}

.thumbnail_9 {
    width: 0.156250vw;
    height: 0.625000vw;
    margin: 0.416667vw 0 0 0.572917vw;
}

.box_6 {
    background-color: rgba(93, 91, 89, 0.65);
    border-radius: 0.156250vw;
    height: 0.208333vw;
    width: 32.812500vw;
    margin: 0.468750vw 0 1.041667vw 1.041667vw;
}

.box_7 {
    background-color: rgba(178, 177, 177, 0.65);
    border-radius: 0.156250vw;
    width: 7.656250vw;
    height: 0.208333vw;
}


.group_22 {
    background-image: url(../images/costRobot/1e2d8e3583e141ae9358f363f7fcc86a_mergeImage.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 34.375000vw;
    width: 100%;
}

.text-wrapper_17 {
    width: 4.583333vw;
    height: 1.041667vw;
    margin: 9.062500vw 0 0 39.583333vw;
}

.text_65 {
    width: 4.583333vw;
    height: 1.041667vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.562500vw;
    font-family: SourceHanSansCN-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 1.041667vw;
}

.text-wrapper_18 {
    width: 20.364583vw;
    height: 1.041667vw;
    margin: 1.197917vw 0 0 39.583333vw;
}

.text_66 {
    width: 20.364583vw;
    height: 1.041667vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHei;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 1.041667vw;
}

.group_23 {
    width: 16.614583vw;
    height: 0.989583vw;
    margin: 2.656250vw 0 0 39.583333vw;
}

.image-text_20 {
    width: 16.614583vw;
    height: 0.989583vw;
}

.thumbnail_20 {
    width: 0.937500vw;
    height: 0.729167vw;
    margin-top: 0.156250vw;
}

.text-group_26 {
    width: 15.312500vw;
    height: 0.989583vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 0.989583vw;
}

.group_24 {
    width: 15.885417vw;
    height: 0.989583vw;
    margin: 0.677083vw 0 0 39.583333vw;
}

.image-text_21 {
    width: 15.885417vw;
    height: 0.989583vw;
}

.thumbnail_21 {
    width: 0.937500vw;
    height: 0.729167vw;
    margin-top: 0.156250vw;
}

.text-group_27 {
    width: 14.583333vw;
    height: 0.989583vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 0.989583vw;
}

.group_25 {
    width: 14.427083vw;
    height: 0.989583vw;
    margin: 0.677083vw 0 0 39.583333vw;
}

.image-text_22 {
    width: 14.427083vw;
    height: 0.989583vw;
}

.thumbnail_22 {
    width: 0.937500vw;
    height: 0.729167vw;
    margin-top: 0.156250vw;
}

.text-group_28 {
    width: 13.125000vw;
    height: 0.989583vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 0.989583vw;
}

.group_26 {
    width: 14.427083vw;
    height: 0.989583vw;
    margin: 0.677083vw 0 0 39.583333vw;
}

.image_16 {
    width: 12.239583vw;
    height: 3.593750vw;
    margin-top: 0.468750vw;
}

.section_11 {
    width: 14.427083vw;
    height: 2.552083vw;
}

.image-text_23 {
    width: 14.427083vw;
    height: 0.989583vw;
}

.thumbnail_23 {
    width: 0.937500vw;
    height: 0.729167vw;
    margin-top: 0.156250vw;
}

.text-group_29 {
    width: 13.125000vw;
    height: 0.989583vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 0.989583vw;
}

.thumbnail_24 {
    width: 0.937500vw;
    height: 0.729167vw;
    margin-top: 0.833333vw;
}

.group_27 {
    position: absolute;
    left: 18.645833vw;
    top: 5.520833vw;
    width: 36.979167vw;
    height: 23.072917vw;
    background: url(./img/SketchPng91be0fb53cadff22e2f0aa6b843736777ee01565cb39dcbfd9252266da5e90b8.png) -0.625000vw -0.625000vw
    no-repeat;
    background-size: 38.229167vw 24.322917vw;
}

.block_7 {
    width: 2.031250vw;
    height: 0.468750vw;
    margin: 1.093750vw 0 0 0.937500vw;
}

.group_28 {
    background-color: rgba(237, 106, 94, 1);
    border-radius: 50%;
    width: 0.468750vw;
    height: 0.468750vw;
}

.group_29 {
    background-color: rgba(243, 190, 79, 1);
    border-radius: 50%;
    width: 0.468750vw;
    height: 0.468750vw;
    margin-left: 0.312500vw;
}

.group_30 {
    background-color: rgba(97, 196, 84, 1);
    border-radius: 50%;
    width: 0.468750vw;
    height: 0.468750vw;
    margin-left: 0.312500vw;
}

.block_8 {
    border-radius: 0.208333vw;
    background-image: url(./img/b8a7019bf8c847dab97c619a5cc6fd88_mergeImage.png);
    height: 19.843750vw;
    border: 0.052083vw solid rgba(193, 198, 206, 1);
    width: 34.895833vw;
    margin: 0.520833vw 0 1.145833vw 1.197917vw;
}

.box_21 {
    background-color: rgba(0, 0, 0, 0.4368);
    border-radius: 0.208333vw;
    width: 34.895833vw;
    height: 19.843750vw;
    border: 0.052083vw solid rgba(193, 198, 206, 0.52);
}

.group_31 {
    width: 32.760417vw;
    height: 1.093750vw;
    margin: 17.031250vw 0 0 1.145833vw;
}

.image-text_24 {
    width: 4.479167vw;
    height: 0.989583vw;
}

.thumbnail_25 {
    width: 0.572917vw;
    height: 0.572917vw;
    margin-top: 0.208333vw;
}

.text-group_30 {
    width: 2.864583vw;
    height: 0.989583vw;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.729167vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 0.989583vw;
}

.thumbnail_26 {
    width: 0.729167vw;
    height: 0.625000vw;
    margin: 0.416667vw 0 0 25.520833vw;
}

.thumbnail_27 {
    width: 0.729167vw;
    height: 0.729167vw;
    margin: 0.364583vw 0 0 0.572917vw;
}

.thumbnail_28 {
    width: 0.156250vw;
    height: 0.625000vw;
    margin: 0.416667vw 0 0 0.572917vw;
}

.group_32 {
    background-color: rgba(93, 91, 89, 0.65);
    border-radius: 0.156250vw;
    height: 0.208333vw;
    width: 32.812500vw;
    margin: 0.468750vw 0 1.041667vw 1.041667vw;
}

.group_33 {
    background-color: rgba(178, 177, 177, 0.65);
    border-radius: 0.156250vw;
    width: 7.656250vw;
    height: 0.208333vw;
}



.group_12 {
    background-image: url(../images/costRobot/8410adbeef684913878d84aaeb580ba6_mergeImage.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 38.906250vw;
}

.text-group_13 {
    width: 20.520833vw;
    height: 4.270833vw;
    margin: 5.000000vw auto 0;
    align-items: center;
}

.text_13 {
    width: 15.937500vw;
    height: 1.770833vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.770833vw;
    font-family: DingTalk-JinBuTi, serif;
    text-align: center;
    white-space: nowrap;
    line-height: 1.770833vw;
}

.text_14 {
    width: 20.520833vw;
    height: 1.458333vw;
    overflow-wrap: break-word;
    color: rgba(98, 110, 128, 1);
    font-size: 0.937500vw;
    font-family: MicrosoftYaHeiLight;
    text-align: right;
    white-space: nowrap;
    letter-spacing: 0.052083vw;
    line-height: 1.458333vw;
    margin-top: 1.041667vw;
}

.list_1 {
    width: 62.604167vw;
    height: 21.041667vw;
    margin: 3.020833vw 0 5.572917vw 16.770833vw;
}


.image-text_13-0 {
    width: 10.000000vw;
    height: 5.468750vw;
    margin: 3.906250vw 0 0 2.187500vw;
}

.image_6-0 {
    width: 3.645833vw;
    height: 3.645833vw;
}

.text-group_14-0 {
    width: 10.937500vw;
    height: 1.302083vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.145833vw;
    letter-spacing: 0.101852vw;
    font-family: MicrosoftYaHei;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 1.302083vw;
    margin-top: 0.520833vw;
}

.text_15-0 {
    width: 16.354167vw;
    height: 2.500000vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    letter-spacing: 0.016204vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    line-height: 1.250000vw;
    margin: 2.031250vw 0 7.135417vw 2.187500vw;
}

.list-items_1-1 {
    width: 20.208333vw;
    height: 21.041667vw;
    background-size: 21.250000vw 22.083333vw;
    margin-right: 0.885417vw;
    background: url(./img/SketchPng287c7b7fe877173bab40972533a9b8852726541faa42c07c5fb41ece6f933e11.png) -0.520833vw -0.520833vw
    no-repeat;
}

.image-text_13-1 {
    width: 10.000000vw;
    height: 5.468750vw;
    margin: 3.906250vw 0 0 2.187500vw;
}

.image_6-1 {
    width: 3.645833vw;
    height: 3.645833vw;
}

.text-group_14-1 {
    width: 10.937500vw;
    height: 1.302083vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.145833vw;
    letter-spacing: 0.101852vw;
    font-family: MicrosoftYaHei;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 1.302083vw;
    margin-top: 0.520833vw;
}

.text_15-1 {
    width: 16.354167vw;
    height: 2.500000vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    letter-spacing: 0.016204vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    line-height: 1.250000vw;
    margin: 2.031250vw 0 7.135417vw 2.187500vw;
}

.list-items_1-2 {
    width: 20.208333vw;
    height: 21.041667vw;
    background-size: 21.250000vw 22.083333vw;
    margin-right: 0.885417vw;
    background: url(./img/SketchPng287c7b7fe877173bab40972533a9b8852726541faa42c07c5fb41ece6f933e11.png) -0.520833vw -0.520833vw
    no-repeat;
}

.image-text_13-2 {
    width: 10.000000vw;
    height: 5.468750vw;
    margin: 3.906250vw 0 0 2.187500vw;
}

.image_6-2 {
    width: 3.645833vw;
    height: 3.645833vw;
}

.text-group_14-2 {
    width: 10.937500vw;
    height: 1.302083vw;
    overflow-wrap: break-word;
    color: rgba(32, 45, 64, 1);
    font-size: 1.145833vw;
    letter-spacing: 0.101852vw;
    font-family: MicrosoftYaHei;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 1.302083vw;
    margin-top: 0.520833vw;
}

.text_15-2 {
    width: 16.354167vw;
    height: 2.500000vw;
    overflow-wrap: break-word;
    color: rgba(96, 108, 128, 1);
    font-size: 0.729167vw;
    letter-spacing: 0.016204vw;
    font-family: MicrosoftYaHeiLight;
    font-weight: NaN;
    text-align: left;
    line-height: 1.250000vw;
    margin: 2.031250vw 0 7.135417vw 2.187500vw;
}

.player-container:hover .custom-controls {
    opacity: 1;
}
.video-wrapper {
    position: relative;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #000;
}

.custom-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    padding: 0.781250vw 1.041667vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: opacity 0.3s;
    opacity: 0;
}

.player-container:hover .custom-controls {
    opacity: 1;
}

.big-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4.687500vw;
    height: 4.687500vw;

    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
}
.big-play-btn .fa-play{
    display: inline-block;
    width: 4.687500vw;
    height: 4.687500vw;
    background-image: url(../images/costRobot/icon_bf.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.big-play-btn .fa-pause{
    display: inline-block;
    width: 4.687500vw;
    height: 4.687500vw;
    background-image: url(../images/costRobot/icon_gb.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.play-btn .fa-play{
    display: inline-block;
    width: 0.833333vw;
    height: 0.833333vw;
    background-image: url(../images/costRobot/icon_bf.svg);
}
.play-btn .fa-pause{
    display: inline-block;
    width: 0.833333vw;
    height: 0.833333vw;
    background-image: url(../images/costRobot/icon_zt.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.mute-btn .fa-volume-up{
    display: inline-block;
    width: 0.833333vw;
    height: 0.833333vw;
    background-image: url(../images/costRobot/icon_fjy.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.mute-btn .fa-volume-mute{
    display: inline-block;
    width: 0.833333vw;
    height: 0.833333vw;
    background-image: url(../images/costRobot/icon_jy.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.fullscreen-btn .fa-expand{
    display: inline-block;
    width: 0.833333vw;
    height: 0.833333vw;
    background-image: url(../images/costRobot/icon_qp.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.fullscreen-btn .fa-compress{
    display: inline-block;
    width: 0.833333vw;
    height: 0.833333vw;
    background-image: url(../images/costRobot/icon_fqp.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.play-btn, .mute-btn, .fullscreen-btn {
    background: none;
    border: none;
    color: white;
    font-size: 1.041667vw;
    cursor: pointer;
    width: 2.083333vw;
    height: 2.083333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s;
}

.play-btn:hover, .mute-btn:hover, .fullscreen-btn:hover {
    background: rgba(255, 255, 255, 0.2);
}

.progress-container {
    flex: 1;
    height: 0.312500vw;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.156250vw;
    margin: 0 0.781250vw;
    cursor: pointer;
    position: relative;
}

.progress-bar {
    height: 100%;
    width: 0;
    background: #ff4757;
    border-radius: 0.156250vw;
    position: relative;
}

.progress-bar::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.729167vw;
    height: 0.729167vw;
    background: white;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s;
}

.progress-container:hover .progress-bar::after {
    opacity: 1;
}

.time-display {
    color: white;
    font-size: 0.729167vw;
    font-family: monospace;
    min-width: 5.208333vw;
    text-align: center;
}

.volume-container {
    display: flex;
    align-items: center;
    margin: 0 0.781250vw;
    width: 5.208333vw;
}

.volume-slider {
    flex: 1;
    height: 0.208333vw;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.104167vw;
    cursor: pointer;
}

.volume-level {
    height: 100%;
    width: 70%;
    background: white;
    border-radius: 0.104167vw;
}