@media screen and (min-width:768px){ 
    @font-face{
        font-family: MyriadProR;
        src: url('/font/MyriadPro-Regular.ttf') format('truetype'); 
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face{
        font-family: LucidaGrandeB;
        src: url('/font/Lucida Grande Bold.ttf') format('truetype'); 
    }
    
    @font-face{
        font-family: LucidaGrande;
        src: url('/font/Lucida-Grande.ttf') format('truetype'); 
    }
    
    
    .button{
        width: 142px;
        height: 42px;
        border: 1px solid #0071c6;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #0071c6;
        line-height: 42px;
    }
    .button a{
        display: inline-block;
        width: 142px;
        height: 42px;
        font-size: 14px;
        font-weight: bold;
        color: #0071c6;
        line-height: 42px;
        
    }
    .button:hover{
        border: 1px solid #0071c6;
        background: #0071c6;
        color: #fff;
    }
    .button a:hover{
        width: 142px;
        height: 42px;
        background: #0071c6;
        color: #fff;
    }
    
    /*============= TBS 中英文切换修改后样式 =============*/
    
    .lau_bg {
        font-size: 14px;
        color: white !important;
        /*padding: 12px 25px;*/
        /*line-height: 16px;*/
        /*background: #0071c6;*/
        /*border-radius: 10px 10px 10px 0;*/
        /*margin-top: 2px;*/
    }
    
    /*============= End TBS 中英文切换修改后样式 =============*/
    
    /*=================================== TBS 首页轮播图文字 （对style.css文件中.carousel-item .carousel-img的定义补充） ================================*/
    
    /*每一张图片单独定义；可以通用的不重复定义，后者使用前者的即可；class名称需填写进常规信息的对应样式中*/
    
    /*==============================Start 中文版===================================*/
    /*============防静电===========*/
    .carousel-item .carousel-img .index-Carousel-jd-title{
        position: absolute;
        width:800px;
        height: 100px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 19% 29%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0);
        font-size:55px;
        color:#fff;
    }
    .carousel-item .carousel-img .index-Carousel-jd-shorttitle{
        position: absolute;
        width:800px;
        height: 100px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 23.6% 29%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0);
        font-size:30px;
        color:#fff;
    }
    .carousel-item .carousel-img .index-Carousel-jd-button{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 29.6% 46.2%;
        padding: 20px 10px;
        background-color:  rgba(0, 0, 0, 0);
        color: white;
        border: none;
        border-radius: 50px; /* 弧度 */
        cursor: pointer;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        width:150px;
        border:1px solid #fff;
    }
    .carousel-item .carousel-img .index-Carousel-jd-button:hover{
        background-color: #0071c6;
    }
    
    /*============IoT物联网===========*/
    .carousel-item .carousel-img .index-Carousel-iot-title{
        position: absolute;
        width:800px;
        height: 100px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 19% 29%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0);
        font-size:55px;
        color:#fff;
    }
    .carousel-item .carousel-img .index-Carousel-iot-shorttitle{
        position: absolute;
        width:800px;
        height: 100px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 23.6% 29%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0);
        font-size:30px;
        color:#fff;
    }
    .carousel-item .carousel-img .index-Carousel-iot-button{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 29.6% 46.2%;
        padding: 20px 10px;
        background-color:  rgba(0, 0, 0, 0);
        color: white;
        border: none;
        border-radius: 50px; /* 弧度 */
        cursor: pointer;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        width:150px;
        border:1px solid #fff;
    }
    .carousel-item .carousel-img .index-Carousel-iot-button:hover{
        background-color: #0071c6;
    }
    
    /*================================End 中文版===========================*/
    
    /*================================================Start 英文版============================================*/
    /*==========================防静电==========================*/
    .carousel-item .carousel-img .en-index-Carousel-jd-title{
        position: absolute;
        top: calc(100vh * 0.3969);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.2557);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.4883);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.4883 * 0.14);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        color:#fff;
        text-decoration: underline;
        text-underline-offset: calc(100vh * 0.0125); /* 控制下划线与文本的距离 13px*/
        text-decoration-thickness: calc(100vh * 0.0052); /* 控制下划线的粗细 */
        line-height: 1.0; /* 增加了行高 */
        font-family: MyriadProR, sans-serif;
        -webkit-user-select: text; /* Safari */
        user-select: text; /* Standard syntax */
    }
    .carousel-item .carousel-img .en-index-Carousel-jd-shorttitle{
        position: absolute;
        top: calc(100vh * 0.3125);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.2557);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.6122);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.6122 * 0.074);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        color:#fff;
        font-family: MyriadProR, sans-serif;
        text-align-last: justify;
        margin-top: -40px;
    }
    .carousel-item .carousel-img .en-index-Carousel-jd-description{
        position: absolute;
        /*top: 611px;*/
        /*left:513px;*/
        /*width:897.25px;*/
        /*font-size:25.6px;*/
        top: calc(100vh * 0.6165);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.2672);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.4673);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.4673 * 0.0289);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        display: flex;
        align-items: center;
        color:#000;
        white-space: pre-wrap;
        font-family: MyriadProR, sans-serif;
        line-height: 1.6;
    }
    .carousel-item .carousel-img .en-index-Carousel-jd-button1{
        position: absolute;
        /*top: 528px;*/
        /*left: 589px;*/
        /*width:350px;*/
        /*height:69.3px;*/
        /*font-size: 27px;*/
        top: calc(100vh * 0.55);  /* 小数为设计图中，按钮顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.3068);  /* 小数为设计图中，按钮左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.1839);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
        height: calc(100vh * 0.0519);   /* 小数为设计图中，按钮宽度与图片高度比值 */
        font-size: calc(100vw * 0.1783 * 0.0684);  /* 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
        background-color:  rgba(0, 0, 0, 100);
        color: white;
        border-radius: 25px; /* 弧度 */
        border:1px solid #fff;
        font-family: MyriadProR, sans-serif;
    }
    .carousel-item .carousel-img .en-index-Carousel-jd-button1:hover{
        /*background-color:  rgba(255, 255, 255, 100);*/
        /*border:1px solid #000;*/
        /*color: #000;*/
    }
    .carousel-item .carousel-img .en-index-Carousel-jd-button2{
        position: absolute;
        /*top: 528px;*/
        /*left: 980px;*/
        /*width:350px;*/
        /*height:69.3px;*/
        /*font-size: 27px;*/
        top: calc(100vh * 0.55);  /* 小数为设计图中，按钮顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.5104);  /* 小数为设计图中，按钮左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.1839);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
        height: calc(100vh * 0.0519);   /* 小数为设计图中，按钮宽度与图片高度比值 */
        font-size: calc(100vw * 0.1783 * 0.0684);  /* 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
        background-color:  rgba(0, 0, 0, 100);
        color: white;
        border-radius: 25px; /* 弧度 */
        border:1px solid #fff;
        font-family: MyriadProR, sans-serif;
    }
    .carousel-item .carousel-img .en-index-Carousel-jd-button2:hover{
        /*background-color:  rgba(255, 255, 255, 100);*/
        /*border:1px solid #000;*/
        /*color: #000;*/
    }
    
    
    
    
    /*===========================IoT物联网========================*/
    .carousel-item .carousel-img .en-index-Carousel-iot-title{
        position: absolute;
        /*top: 391px;*/
        /*left:492px;*/
        /*width: 934.8px;*/
        /*font-size:89px;*/
        top: calc(100vh * 0.4073);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.2563);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.4869);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.4869 * 0.0959);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        color:#fff;
        text-decoration: underline;
        text-underline-offset: calc(100vh * 0.0125); /* 控制下划线与文本的距离 13px*/
        text-decoration-thickness: calc(100vh * 0.0052); /* 控制下划线的粗细 */
        line-height: 1.0; /* 增加了行高 */
        font-family: MyriadProR, sans-serif;
        text-align-last: justify;
        -webkit-user-select: text; /* Safari */
        -moz-user-select: text; /* Firefox */
        -ms-user-select: text; /* IE 10+ */
        user-select: text; /* Standard syntax */
    }
    .carousel-item .carousel-img .en-index-Carousel-iot-shorttitle{
        position: absolute;
        /*top: 345px;*/
        /*left:970px;*/
        /*width:360px;*/
        /*font-size:43px;*/
        top: calc(100vh * 0.3594);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.5052);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.1875);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.1875 * 0.122);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        color:#fff;
        font-family: MyriadProR, sans-serif;
        text-align-last: justify;
        line-height: 1.7;
    }
    .carousel-item .carousel-img .en-index-Carousel-iot-description{
        position: absolute;
        /*top: 563px;*/
        /*left:310px;*/
        /*width:1303.53px;*/
        /*font-size:21.8px;*/
        top: calc(100vh * 0.5865);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.1615);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.679);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.679 * 0.0168);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        display: flex;
        align-items: center;
        color:#fff;
        white-space: pre-wrap;
        font-family: MyriadProR, sans-serif;
        line-height: 1.5;
    }
    .carousel-item .carousel-img .en-index-Carousel-iot-button1{
        position: absolute;
        /*top: 494.4px;*/
        /*left: 629.5px;*/
        /*width:311.48px;*/
        /*height:56.19px;*/
        /*font-size: 25px;*/
        top: calc(100vh * 0.515);  /* 小数为设计图中，按钮顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.3279);  /* 小数为设计图中，按钮左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.1839);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
        height: calc(100vh * 0.0519);   /* 小数为设计图中，按钮宽度与图片高度比值 */
        font-size: calc(100vw * 0.1783 * 0.0684);  /* 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
        background-color:  rgba(0, 0, 0, 0);
        color: white;
        border-radius: 25px; /* 弧度 */
        border:1px solid #fff;
        font-family: MyriadProR, sans-serif;
    }
    .carousel-item .carousel-img .en-index-Carousel-iot-button1:hover{
        /*background-color:  rgba(255, 255, 255, 100);*/
        /*border:1px solid #000;*/
        /*color: #000;*/
    }
    .carousel-item .carousel-img .en-index-Carousel-iot-button2{
        position: absolute;
        /*top: 494.4px;*/
        /*left: 978.03px;*/
        /*width:311.48px;*/
        /*height:56.19px;*/
        /*font-size: 25px;*/
        top: calc(100vh * 0.515);  /* 小数为设计图中，按钮顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.5194);  /* 小数为设计图中，按钮左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.1839);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
        height: calc(100vh * 0.0519);   /* 小数为设计图中，按钮宽度与图片高度比值 */
        font-size: calc(100vw * 0.1783 * 0.0684);  /* 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
        background-color:  rgba(0, 0, 0, 0);
        color: white;
        border-radius: 25px; /* 弧度 */
        border:1px solid #fff;
        font-family: MyriadProR, sans-serif;
    }
    .carousel-item .carousel-img .en-index-Carousel-iot-button2:hover{
        /*background-color:  rgba(255, 255, 255, 100);*/
        /*border:1px solid #000;*/
        /*color: #000;*/
    }
    
    
    
    /*========================== 农业 ==========================*/
    .carousel-item .carousel-img .en-index-Carousel-ny-title{
        position: absolute;
        /*top: 315px;*/
        /*left:494px;*/
        /*width: 515.15px;*/
        /*font-size:98px;*/
        top: calc(100vh * 0.3281);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.2573);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.2683);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.2683 * 0.189);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        color:#fff;
        text-decoration: underline;
        text-underline-offset: calc(100vh * 0.0125); /* 控制下划线与文本的距离 13px*/
        text-decoration-thickness: calc(100vh * 0.0052); /* 控制下划线的粗细 */
        line-height: 1.0; /* 增加了行高 */
        font-family: MyriadProR, sans-serif;
        -webkit-user-select: text; /* Safari */
        user-select: text; /* Standard syntax */
    }
    .carousel-item .carousel-img .en-index-Carousel-ny-shorttitle{
        position: absolute;
        /*top: 235px;*/
        /*left:494px;*/
        /*width:799.25px;*/
        /*font-size:65px;*/
        top: calc(100vh * 0.2448);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.2573);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.4163);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.4163 * 0.082);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        color:#fff;
        text-decoration: underline;
        text-underline-offset: calc(100vh * 0.0125); /* 控制下划线与文本的距离 13px*/
        text-decoration-thickness: calc(100vh * 0.0031); /* 控制下划线的粗细 */
        font-family: MyriadProR, sans-serif;
        text-align-last: justify;
        margin-top: -30px;
    }
    .carousel-item .carousel-img .en-index-Carousel-ny-description{
        position: absolute;
        /*top: 557px;*/
        /*left:493px;*/
        /*width:884.92px;*/
        /*font-size:26.2px;*/
        top: calc(100vh * 0.5802);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.2568);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.4609);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.4609 * 0.029);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        display: flex;
        align-items: center;
        color:#fff;
        white-space: pre-wrap;
        font-family: MyriadProR, sans-serif;
        line-height: 1.5;
    }
    .carousel-item .carousel-img .en-index-Carousel-ny-button1{
        position: absolute;
        /*top: 426.5px;*/
        /*left: 494.41px;*/
        /*width:435.15px;*/
        /*height:55.8px;*/
        /*font-size: 27px;*/
        top: calc(100vh * 0.4443);  /* 小数为设计图中，按钮顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.2575);  /* 小数为设计图中，按钮左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.1839);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
        height: calc(100vh * 0.0519);   /* 小数为设计图中，按钮宽度与图片高度比值 */
        font-size: calc(100vw * 0.1783 * 0.0684);  /* 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
        background-color:  rgba(0, 0, 0, 100);
        color: white;
        border-radius: 25px; /* 弧度 */
        border:1px solid #fff;
        font-family: MyriadProR, sans-serif;
    }
    .carousel-item .carousel-img .en-index-Carousel-ny-button1:hover{
        /*background-color:  rgba(255, 255, 255, 100);*/
        /*border:1px solid #000;*/
        /*color: #000;*/
    }
    .carousel-item .carousel-img .en-index-Carousel-ny-button2{
        position: absolute;
        /*top: 492.69px;*/
        /*left: 494.41px;*/
        /*width:435.15px;*/
        /*height:55.8px;*/
        /*font-size: 27px;*/
        top: calc(100vh * 0.5132);  /* 小数为设计图中，按钮顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.2575);  /* 小数为设计图中，按钮左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.1839);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
        height: calc(100vh * 0.0519);   /* 小数为设计图中，按钮宽度与图片高度比值 */
        font-size: calc(100vw * 0.1783 * 0.0684);  /* 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
        background-color:  rgba(0, 0, 0, 100);
        color: white;
        border-radius: 25px; /* 弧度 */
        border:1px solid #fff;
        font-family: MyriadProR, sans-serif;
    }
    .carousel-item .carousel-img .en-index-Carousel-ny-button2:hover{
        /*background-color:  rgba(255, 255, 255, 100);*/
        /*border:1px solid #000;*/
        /*color: #000;*/
    }
    
    
    /*=====================海洋=============================*/
    .carousel-item .carousel-img .en-index-Carousel-hy-title{
        position: absolute;
        /*top: 44px;*/
        /*left:616px;*/
        /*width: 686.87px;*/
        /*font-size:130px;*/
        top: calc(100vh * 0.0979);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.3208);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.3577);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.3577 * 0.19);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        color:#fff;
        text-decoration: underline;
        text-underline-offset: calc(100vh * 0.0125); /* 控制下划线与文本的距离 13px*/
        text-decoration-thickness: calc(100vh * 0.0052); /* 控制下划线的粗细 */
        line-height: 1.0; /* 增加了行高 */
        font-family: MyriadProR, sans-serif;
        -webkit-user-select: text; /* Safari */
        user-select: text; /* Standard syntax */
    }
    .carousel-item .carousel-img .en-index-Carousel-hy-shorttitle{
        position: absolute;
        /*top: 183px;*/
        /*left:618px;*/
        /*width:693.23px;*/
        /*font-size:65.5px;*/
        top: calc(100vh * 0.2427);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.3219);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.3611);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.3611 * 0.096);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        color:#fff;
        font-family: MyriadProR, sans-serif;
        text-align-last: justify;
        margin-top: -30px;
    }
    .carousel-item .carousel-img .en-index-Carousel-hy-description{
        position: absolute;
        /*top: 418px;*/
        /*left: 615px;*/
        /*width:886.24px;*/
        /*font-size:23.8px;*/
        top: calc(100vh * 0.4875);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.3203);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.4616);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.4616 * 0.027);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        display: flex;
        align-items: center;
        color:#fff;
        white-space: pre-wrap;
        font-family: MyriadProR, sans-serif;
        line-height: 1.5;
    }
    .carousel-item .carousel-img .en-index-Carousel-hy-button1{
        position: absolute;
        /*top: 266.5px;*/
        /*left: 785.44px;*/
        /*width:349.09px;*/
        /*height:63.12px;*/
        /*font-size: 27px;*/
        top: calc(100vh * 0.3297);  /* 小数为设计图中，按钮顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.4091);  /* 小数为设计图中，按钮左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.1839);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
        height: calc(100vh * 0.0519);   /* 小数为设计图中，按钮宽度与图片高度比值 */
        font-size: calc(100vw * 0.1783 * 0.0684);  /* 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
        background-color:  rgba(0, 0, 0, 100);
        color: white;
        border-radius: 25px; /* 弧度 */
        border:1px solid #fff;
        font-family: MyriadProR, sans-serif;
    }
    .carousel-item .carousel-img .en-index-Carousel-hy-button1:hover{
        /*background-color:  rgba(255, 255, 255, 100);*/
        /*border:1px solid #000;*/
        /*color: #000;*/
    }
    .carousel-item .carousel-img .en-index-Carousel-hy-button2{
        position: absolute;
        /*top: 341.37px;*/
        /*left: 785.44px;*/
        /*width:349.09px;*/
        /*height:63.12px;*/
        /*font-size: 27px;*/
        top: calc(100vh * 0.4077);  /* 小数为设计图中，按钮顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.4091);  /* 小数为设计图中，按钮左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.1839);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
        height: calc(100vh * 0.0519);   /* 小数为设计图中，按钮宽度与图片高度比值 */
        font-size: calc(100vw * 0.1783 * 0.0684);  /* 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
        background-color:  rgba(0, 0, 0, 100);
        color: white;
        border-radius: 25px; /* 弧度 */
        border:1px solid #fff;
        font-family: MyriadProR, sans-serif;
    }
    .carousel-item .carousel-img .en-index-Carousel-hy-button2:hover{
        /*background-color:  rgba(255, 255, 255, 100);*/
        /*border:1px solid #000;*/
        /*color: #000;*/
    }
    
    
    /*========================== 林业 ==========================*/
    .carousel-item .carousel-img .en-index-Carousel-ly-title{
        position: absolute;
        /*top: 273px;*/
        /*left:339px;*/
        /*width: 1400.34px;*/
        /*font-size:140px;*/
        top: calc(100vh * 0.2844);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.1766);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.7293);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.7293 * 0.101);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        color:#fff;
        text-decoration: underline;
        text-underline-offset: calc(100vh * 0.0219); /* 控制下划线与文本的距离 13px*/
        text-decoration-thickness: calc(100vh * 0.0052); /* 控制下划线的粗细 */
        line-height: 1.0; /* 增加了行高 */
        font-family: MyriadProR, sans-serif;
        -webkit-user-select: text; /* Safari */
        user-select: text; /* Standard syntax */
    }
    .carousel-item .carousel-img .en-index-Carousel-ly-shorttitle{
        position: absolute;
        /*top: 421px;*/
        /*left:186px;*/
        /*width: 744.11px;*/
        /*font-size:140px;*/
        top: calc(100vh * 0.4385);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.0969);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.3876);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.3876 * 0.1896);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        color:#fff;
        text-decoration: underline;
        text-underline-offset: calc(100vh * 0.0219); /* 控制下划线与文本的距离 13px*/
        text-decoration-thickness: calc(100vh * 0.0052); /* 控制下划线的粗细 */
        line-height: 1.0; /* 增加了行高 */
        font-family: MyriadProR, sans-serif;
        -webkit-user-select: text; /* Safari */
        user-select: text; /* Standard syntax */
    }
    .carousel-item .carousel-img .en-index-Carousel-ly-description{
        position: absolute;
        /*top: 593px;*/
        /*left: 185px;*/
        /*width:1560.38px;*/
        /*font-size:65.8px;*/
        top: calc(100vh * 0.6177);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.0964);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.8127);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.8127 * 0.0427);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        display: flex;
        align-items: center;
        color:#fff;
        text-decoration: underline;
        text-underline-offset: calc(100vh * 0.0083); /* 控制下划线与文本的距离 13px*/
        text-decoration-thickness: calc(100vh * 0.0031); /* 控制下划线的粗细 */
        white-space: pre-wrap;
        font-family: MyriadProR, sans-serif;
        margin-top:-40px;
    }
    .carousel-item .carousel-img .en-index-Carousel-ly-button1{
        position: absolute;
        /*top: 683.47px;*/
        /*left:441.35px;*/
        /*width:443.99px;*/
        /*height:70px;*/
        /*font-size: 30px;*/
        top: calc(100vh * 0.7119);  /* 小数为设计图中，按钮顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.2599);  /* 小数为设计图中，按钮左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.1839);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
        height: calc(100vh * 0.0519);   /* 小数为设计图中，按钮宽度与图片高度比值 */
        font-size: calc(100vw * 0.1783 * 0.0684);  /* 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
        background-color:  rgba(0, 0, 0, 100);
        color: white;
        border-radius: 25px; /* 弧度 */
        border:1px solid #fff;
        font-family: MyriadProR, sans-serif;
    }
    .carousel-item .carousel-img .en-index-Carousel-ly-button1:hover{
        /*background-color:  rgba(255, 255, 255, 100);*/
        /*border:1px solid #000;*/
        /*color: #000;*/
    }
    .carousel-item .carousel-img .en-index-Carousel-ly-button2{
        position: absolute;
        /*top: 683.47px;*/
        /*left:1035.35px;*/
        /*width:443.99px;*/
        /*height:70px;*/
        /*font-size: 30px;*/
        top: calc(100vh * 0.7119);  /* 小数为设计图中，按钮顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.5092);  /* 小数为设计图中，按钮左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.1839);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
        height: calc(100vh * 0.0519);   /* 小数为设计图中，按钮宽度与图片高度比值 */
        font-size: calc(100vw * 0.1783 * 0.0684);  /** 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
        background-color:  rgba(0, 0, 0, 100);
        color: white;
        border-radius: 25px; /* 弧度 */
        border:1px solid #fff;
        font-family: MyriadProR, sans-serif;
    }
    .carousel-item .carousel-img .en-index-Carousel-ly-button2:hover{
        /*background-color:  rgba(255, 255, 255, 100);*/
        /*border:1px solid #000;*/
        /*color: #000;*/
    }
    
    /*========================== 输电 ==========================*/
    .carousel-item .carousel-img .en-index-Carousel-sd-title{
        position: absolute;
        /*top: 271px;*/
        /*left:232px;*/
        /*width: 1276.7px;*/
        /*font-size:130px;*/
        top: calc(100vh * 0.2823);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.1208);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.6649);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.6649 * 0.1031);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        color:#fff;
        line-height: 1.0; /* 增加了行高 */
        font-family: MyriadProR, sans-serif;
        -webkit-user-select: text; /* Safari */
        user-select: text; /* Standard syntax */
    }
    .carousel-item .carousel-img .en-index-Carousel-sd-shorttitle{
        position: absolute;
        /*top: 404px;*/
        /*left:228px;*/
        /*width:1223px;*/
        /*font-size:71px;*/
        top: calc(100vh * 0.4208);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.1188);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.637);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.637 * 0.0584);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        color:#fff;
        font-family: MyriadProR, sans-serif;
        /*text-align-last: justify;*/
        margin-top: -30px;
    }
    .carousel-item .carousel-img .en-index-Carousel-sd-description{
        position: absolute;
        /*top: 494px;*/
        /*left:232px;*/
        /*width:859.86px;*/
        /*font-size:27px;*/
        top: calc(100vh * 0.5146);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.1208);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.4478);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-size: calc(100vw * 0.4478 * 0.0325);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        display: flex;
        align-items: center;
        color:#fff;
        white-space: pre-wrap;
        font-family: MyriadProR, sans-serif;
        line-height: 1.6;
    }
    .carousel-item .carousel-img .en-index-Carousel-sd-button1{
        position: absolute;
        /*top: 685.99px;*/
        /*left: 233.98px;*/
        /*width:353px;*/
        /*height:69.01px;*/
        /*font-size: 27px;*/
        top: calc(100vh * 0.7146);  /* 小数为设计图中，按钮顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.1219);  /* 小数为设计图中，按钮左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.1839);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
        height: calc(100vh * 0.0519);   /* 小数为设计图中，按钮宽度与图片高度比值 */
        font-size: calc(100vw * 0.1783 * 0.0684);  /* 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
        background-color:  rgba(0, 0, 0, 100);
        color: white;
        border-radius: 25px; /* 弧度 */
        border:1px solid #fff;
        font-family: MyriadProR, sans-serif;
    }
    .carousel-item .carousel-img .en-index-Carousel-sd-button1:hover{
        /*background-color:  rgba(255, 255, 255, 100);*/
        /*border:1px solid #000;*/
        /*color: #000;*/
    }
    .carousel-item .carousel-img .en-index-Carousel-sd-button2{
        position: absolute;
        /*top: 685.99px;*/
        /*left: 628.99px;*/
        /*width:353px;*/
        /*height:69.01px;*/
        /*font-size: 27px;*/
        top: calc(100vh * 0.7146);  /* 小数为设计图中，按钮顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.3276);  /* 小数为设计图中，按钮左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.1839);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
        height: calc(100vh * 0.0519);   /* 小数为设计图中，按钮宽度与图片高度比值 */
        font-size: calc(100vw * 0.1783 * 0.0684);  /* 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
        background-color:  rgba(0, 0, 0, 100);
        color: white;
        border-radius: 25px; /* 弧度 */
        border:1px solid #fff;
        font-family: MyriadProR, sans-serif;
    }
    .carousel-item .carousel-img .en-index-Carousel-sd-button2:hover{
        /*background-color:  rgba(255, 255, 255, 100);*/
        /*border:1px solid #000;*/
        /*color: #000;*/
    }
    
    
     /*========================== 2025年单页展示 ==========================*/
     
    .carousel-item .carousel-img .content-group{
        position: absolute;
        top: calc(100vh * 0.3023);  /* 小数为设计图中，文字顶部坐标与图片高度的比值 */
        left: calc(100vw * 0.1658);  /* 小数为设计图中，文字左侧坐标与图片宽度的比值 */
        width: calc(100vw * 0.7249);   /* 小数为设计图中，文字宽度与图片宽度比值 */
        font-family: Verdana,MyriadProR, sans-serif;
        color:#fff;
        display: grid;
    }
     
    .carousel-item .carousel-img .en-index-Carousel-single-title{
        font-size: calc(100vw * 0.2249 * 0.1031);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        line-height: 1.3; /* 增加了行高 */
        -webkit-user-select: text; /* Safari */
        user-select: text; /* Standard syntax */
    }
    
    
    .carousel-item .carousel-img .en-index-Carousel-single-description{
        font-size: calc(100vw * 0.3278 * 0.0405);  /* 前面两个值相乘为现在的文字宽度，后一个小数为设计图中文字的高宽比值。此比值可以根据情况做适当调整 */
        white-space: pre-wrap;
        line-height: 1.3;
        margin-top:25px;
    }
    
    .carousel-item .carousel-img .en-index-Carousel-single-description a{
        color:#fff;
    }
}
    
    
    /*====================================End 英文版======================================*/
    
    /*========================================================== End TBS 首页轮播图文字 ==========================================*/
    
    
    
    /*============= TBS About =============*/
    .i_box2 {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 180px;
        background: url(../img/bg1.png) no-repeat bottom #f7f7f7;
    }
    
    .i_box2 .center {
        width: 1400px
    }
    
    .i_box2 .box_tit span {
        text-align: left
    }
    
    .i_box2 .box_tit span strong {
        color: #243b8a
    }
    
    .i_box2 .box_tit p {
        text-align: left
    }
    
    .i_box2 .box_tit em {
        width: 50px;
        height: 4px;
        background: #243b8a;
        display: block;
        font-style: normal;
        margin-top: 10px
    }
    
    .i_box2 .box {
        margin-top: 50px
    }
    
    .i_box2 .box .fl {
        width: 40%;
        padding-top: 2%
    }
    
    .i_box2 .box .fl .text {
        margin-top: 30px
    }
    
    .i_box2 .box .fl .text p {
        font-size: 18px;
        color: #333;
        display: block;
        line-height: 180%
    }
    
    .i_box2 .box .fl .text .more {
        margin: 0;
        margin-top: 60px
    }
    
    
    .i_box2 .box .fr img {
        display: block;
        max-width: 100%
    }
    
    .box_tit span {
        font-size: 36px;
        text-align: center;
        color: #333;
        display: block;
    }
    
    .center, body {
        margin: 0 auto;
    }
    
    .fl {
    	float: left
    }
    
    .fr {
    	float: right
    }
    
    .more a span {
        width: 160px;
        height: 42px;
        color: #fff;
        display: block;
        text-align: center;
        line-height: 42px;
        font-size: 16px;
        background: #0071c6;
        transition: .5s;
    }
    
    /*============= End TBS About =============*/
    
    /*============= TBS 业务 =============*/
    .system{
        width: 100%;
        max-width: 1920px;
        background: #f5f3f0;
    }
    .system ul{
        width: 100%;
    }
    .system ul li{
        float: left;
        width: 100%;
        /*height: 465px;*/
        overflow: hidden;
    }
    .system_img11{
        float: left;
        width: 50%;height:470px;
    }
    .system ul li img{
        width: 100%;
        display: inherit;
    }
    .system_li{
        float: left;
        width: 50%;
        padding-top: 4%;
    }
    .system_li2{
        width: 40%!important;
        padding-left: 4%;
        padding-right: 6%;
    }
    .system_img12{
        float: right;
        width: 50%; height:470px;
    }
    .system_img13{
        float: left;
        width: 50%;height:470px;
    }
    .system_img14{
        float: right;
        width: 50%;
    }
    .system_li3{
        width: 40%!important;
        padding-left: 6%;
        padding-right: 4%;
    }
    .system h4{
        font-size: 20px;
        color: #333;
        width: 220px;
        padding-bottom: 15px;
        border-bottom: 5px solid #0071c6;
    }
    .system_p{
        font-size: 14px;
        color: #666666;
        line-height: 24px;
        margin-top: 5%;
        height: 96px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .system .button{
        margin-top: 7%;
        width: 142px;
        height: 42px;
        border: 1px solid #0071c6;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #0071c6;
        line-height: 42px;
    }
    
    /*============= End TBS 业务 =============*/
    
    
    
    /*============= TBS products =============*/
    .products{
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 80px;
    }
    .products_top{
        width: 100%;
        text-align: center;
    }
    .products_top h3{
        font-size: 28px;
        color: #1f2227;
    }
    .products_top h3+p{
        font-size: 14px;
        color: #999999;
        margin-top: 5px;
    }
    .products_bottom{
        margin-top: 50px;
    }
    .products_bottom ul{
        display: inline-block;
        margin: 0 -1%; width:100%
    }
    .products_bottom ul li{
        float: left;
        width: 31.333333%;
        margin: 0 1%;
        background: #f4f4f4;
    }
    .products_bottom .li_img{
        width: 100%;
    /*    max-width: 400px;*/
    }
    .products_bottom .li_img img{
        width: 100%;
    }
    .products_bottom .li_div{
        padding: 0 20px;
        text-align: center;
    }
    .products_bottom .li_div h4{
        font-size: 20px;
        color: #333333;
        margin-top: 15px;
    }
    .products_bottom .li_div h4+p{
        font-size: 14px;
        color: #999999;
    }
    .products_bottom .products_p{
        margin-top: 15px;
        font-size: 12px;
        color: #666;
        line-height: 24px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        text-align: left;
        height: 120px;
    }
    .products_bottom .button{
        margin: 30px auto;
    }
    /*============= End TBS products =============*/
    
    
    /*============= TBS sy_news =============*/
    .sy_news_div{
        width: 100%;
        background: url("../img/sy_7.jpg") no-repeat center top;
    }
    .sy_news{
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 80px;
    }
    .sy_news_top{
        width: 100%;
        text-align: center;
    }
    .sy_news_top h3{
        font-size: 28px;
        color: #1f2227;
    }
    .sy_news_top h3+p{
        font-size: 14px;
        color: #999999;
        margin-top: 5px;
    }
    .sy_news_bottom{
        width: 100%;
        margin-top: 40px;
    }
    .sy_news_ul{
        width: 100%;
        height: 34px;
    }
    .sy_news_ul_tab{
        margin: 0 auto;
        text-align: center;
    
    }
    .sy_news_ul_tab li{ display:inline-block;
        width: 148px;
        height: 32px;
        line-height: 32px;
        border: 1px solid #4a4a4a;
        margin: 0 10px;
    }
    .sy_news_ul_tab li:hover{
        border: 1px solid #0071c6;
        color: #0071c6;
    }
    .sy_news_ul_bottom{
        padding-top: 7%;
        padding-bottom: 7%;
        overflow: hidden;
        float: left;
        width: 100%;
        max-height: 306px;
    }
    .sy_news_li_list{
        width: 100%;
        float: left;
        margin-bottom: 15%;
    }
    .news_list h3{
        margin-top: 15px;
    }
    .sy_news_img{
        float: left;
        width: 30%;
        position: relative;
    }
    .sy_news_img p{
        text-align: center;
    }
    .sy_news_img p:nth-of-type(2){
        position: absolute;
        top: 44%;
        left: 20%;
        font-size: 22px;
        color: #fff;
        width: 60%;
        height: 35px;
        line-height: 35px;
        
    }
    .sy_news_img .p_ie{
        position: absolute;
        top: 44%;
        left: 20%;
        font-size: 22px;
        color: #fff;
        width: 60%;
        height: 35px;
        line-height: 35px;
    }
    .news_img_gzh p{
        margin: 0 auto;
        max-width: 235px;
    }
    .news_img_gzh p:last-of-type{
        font-size: 15px;
        color: #fff;
        margin-top: 5px;
    }
    .news_img_gzh img{
        max-width: 231px;
    }
    .sy_news_img img{
        width: 100%;
    }
    .sy_news_li_list .news_list{
        float: left;
        width: 62%;
        padding-left: 8%;
    /*    margin: -1% 0;*/
    }
    .news_list .article{
        overflow: hidden;
        max-height: 110px;
        padding-top: 3%!important;
    }
    .news_list li{
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }
    .news_list .news_ul_li_title{
        font-size: 16px;
        font-weight: bold;
        color: #333333;
        line-height: 22px;
        padding-left: 10px;
        background: url("../images/li_dian.png") no-repeat left 8px;
    }
    .news_list .news_ul_li_time{
        font-size: 12px;
        color: #0071c6;
        padding-left: 10px;
    }
    .news_ul_li_ms{
        font-size: 14px;
        color: #666666;
        line-height: 24px;
        margin-top: 5px;
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
        padding-left: 10px;
    }

   /*============= End TBS sy_news =============*/
    
    
   /*============= TBS 留言 =============*/
    .email {
    	width: 50%;
    	float: left;
    	background: url(../images/fbg.png) no-repeat 100% 0;
    	/*padding: 0 7%*/
    	font-family: "lucida sans unicode", "lucida grande", sans-serif;
    	font-size: 16px;
    }
    
    .email form {
    	padding-left: 0px;
    	margin-top: -4px;
    }
    
    .email form input {
    	height: 40px;
    	padding: 0 5px;
    	color: #000;
    }
    
    .email form input,.email form textarea {
        font:inherit;
    	width: 98%;
    	height: 40px;
    	border: 1px solid #ccc;
    	border-radius: 4px;
    	/*background: #252725;*/
    	margin-bottom: 8px;
    	outline: 0;
    	color: #000;
    	font-size:14px;
    }
    
    .email form textarea {
        font:inherit;
    	height: 120px;
    	padding: 5px;
    	color: #000;
    	width:98%;
    }
    
    .email form .sub_btn {
    	background: #0071c6;
    	width: calc(100vw * 0.0625);
    	height: calc(100vw * 0.0625 * 0.3333);
    	font-size: calc(100vw * 0.0625 * 0.15);
    	color: #fff;
    	text-align: center;
    	/*line-height: 40px;*/
    	border: none;
    	float: left;
    	/*margin-right: 9px;*/
    	border-radius: 4px;
    }
    
    .email h3{
        color:#0071c6;
        font-size:60px;
        font-family: "lucida sans unicode", "lucida grande", sans-serif;
    }
    
    .email .divleft{
        float:left;
    }
    
    .email .divpolicy{
        float:left;
        /*width:78%;*/
        color:#0071c6;
        white-space:pre-wrap;
        margin-left:calc(100vw * 0.0088);
    }
    
    .email .divagree{
        float:left;
        color:#0071c6;
        white-space:pre-wrap;
        margin-left:10px;
    }
    
    /* 设置默认的checkbox样式 */
   .email form input[type="checkbox"] {
     -webkit-appearance: none; /* 移除默认样式 */
     width:16px;
     height:16px;
     margin-left:calc(100vw * 0.0088);
     margin-top:5px;
     border: 1px solid #ccc;
     border-radius: 2px;
     outline: none;
     border-radius: 2px;
     background: #FFF; 
     /*position: relative;*/
   }
 
  /* 设置选中状态下的checkbox样式 */
   .email form input[type="checkbox"]:checked {
     width:16px;
     height:16px;
     margin-left:calc(100vw * 0.0088);
     margin-top:5px;
     border:none;
     border-radius: 2px;
     background-color: #0071c6; /* 你可以更改这个颜色为你想要的颜色 */
   }


        
    .qrcss {
    	width: 20%;
    	float: left
    }
    
    .qrcss h3 {
    	text-align: center
    }
    
    .qrcss span img {
    	background: #fff;
    	padding: 6px;
    	display: block;
    	margin: 0 auto;
    	border-radius: 5px
    }
    
    .qrcss p {
    	font-size: 14px;
    	color: #fff;
    	margin-top: 12px;
    	text-align: center
    }    
       
    .qrcss span img {
    	max-width: 120px;
    	max-height: 120px;
    }  
    
    /*============= End TBS 留言 =============*/
     
    
   /*============= TBS 解决方案、新闻导航、面包屑 =============*/ 
   .page_nav{height: 70px;line-height: 70px;border-bottom: 1px solid #eaeaea; background: #f1f1f1; display:none;}
   .page_nav .crumb{float: right;display:none;}
   .page_nav .crumb li{float: left;font-size: 16px;color: #666;}
   .page_nav .crumb a{color: #666; margin-right: 8px; margin-left: 8px; }
   .page_nav .crumb li:last-child{ color:#0071c6 ;}
   .page_nav .r_sec{float: left;}
   .page_nav .r_sec li{position:relative; float:left; font-size:15px; padding:0 20px; margin:0 30px 0 0;}
   .page_nav .r_sec li:first-child:after{display:none;}
   .page_nav .r_sec li:hover a,
   .page_nav .r_sec li.cur a{color:#0071c6;}
   .page_nav .r_sec li a{color:#666666;}
   .page_nav .fa {margin:22px 8px 0; font-size:15px;}
   .page_nav a:hover{color:#0071c6;}
   .container {width: 80%;margin: auto;}
   /*.container {width: 1280px;margin: auto;}*/

    /*============= End TBS 解决方案、新闻导航、面包屑 =============*/  
    
    
    /*============= TBS 新闻中心 =============*/ 
    .news-box {
        padding: 58px 0 90px;
        background: #fff;
        width: 100%
    }

    .news-list-bot ul {
        width: 100%
    }

    .news-list-bot li {
        width: 29%;
        margin: 0 4% 55px 0;
        float: left;
        transition: box-shadow .3s
    }

    .news-list-bot li.cur {
        margin-right: 0
    }

    .news-list-bot li .pic {
        width: 100%;
        overflow: hidden;
        height: 11.875vw;
        border: 1px solid #e6e6e6
    }

    .news-list-bot li img {
        width: 100%;
        transition: transform .3s
    }

    .news-list-bot li .con {
        display: block;
        /*width: 100%;*/
        border: 1px solid #e6e6e6;
        border-top: 0;
        padding: 26px 7% 50px
    }

    .news-list-bot li h2 {
        /* font-size: 24px; */
        font-size: 18px;
        font-weight: 700;
        color: #333;
        line-height: 44px;
        overflow: hidden;
        height: 44px;
        transition: color .3s
    }

    .news-list-bot li .time {
        color: #999;
        line-height: 26px;
        font-size: 14px;
        padding-left: 30px;
        background: url(../img/case31.png) no-repeat left center
    }

    .news-list-bot li .font {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        margin-top: 14px;
        height: 48px;
        overflow: hidden
    }
    
    
    .news-list-bot li:hover img {
        transform: scale(1.1)
    }

    .news-list-bot li:hover h2 {
        color: #01aef2
    }
    
    

    .news-page {
        width: 100%;
        height: 40px;
        text-align: center
    }

    .news-page a {
        font-size: 14px;
        line-height: 40px;
        width: 40px;
        height: 40px;
        display: inline-block;
        background: #f7f7f7;
        color: #686868;
        transition: background .3s, color .3s
    }

    .news-page.new a {
        background: #fff
    }

    .news-page a.active,
    .product-list .news-page a.active,
    .news-page.on a.active,
    .news-page.new a.active {
        color: #fff;
        background: #de241b
    }

    .news-page a.btns {
        font-family: 'Microsoft YaHei',微软雅黑;
    }
    
    
    .f-cb {
      zoom: 1;
    }
    
    .f-cb:after {
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      overflow: hidden;
      content: "."
    }
    
    
    
    /*============= End TBS 新闻中心 =============*/
    
    
    
    
    /*============= TBS 解决方案 =============*/ 
    .solution-list-wrap {
      position: relative;
    }
    .solution-cnt {
       max-width: 1400px;
       margin: 0 auto;
       width: 92%;
       padding: 0 0 1px 0;
    }
    .solution-list-wrap h2 {
      margin: 0px auto 40px auto;
    }
    .solution-list-wrap .introduce-box {
      text-align: center;
      margin-bottom: 50px;
    }
    .solution-list-wrap  .introduce-box .title {
      font-size: 24px;
      line-height: 30px;
      font-weight: 700;
      margin: 35px 0 25px 0;
    }
    .solution-list-wrap .introduce-box .text {
      font-size: 14px;
      line-height: 25px;
    }
    .solution-list-wrap .solution-list {
      padding-bottom: 40px;
    }
    .solution-list-wrap .solution-list-mobile {
      display: none;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .swiper-slide {
      font-size: 18px;
      line-height: 26px;
      width: auto;
      cursor: pointer;
      padding: 16px 45px 35px 45px;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .swiper-slide::after {
      content: "";
      width: 100%;
      height: 9px;
      position: absolute;
      top: 68px;
      right: 0;
      background: url(../home_new_image/line.png) no-repeat;
      background-position: center;
      opacity: 0;
      transition: all 0.4s ease;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .swiper-slide::before {
      content: "/";
      color: #333;
      position: absolute;
      left: 0;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .swiper-slide:first-child:before {
      display: none;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-active {
      color: #0071c6;
      font-weight: 600;
      text-align: center;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-active.swiper-slide::after {
      opacity: 1;
      top: 68px;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .swiper-slide:hover {
      color: #0071c6;
      font-weight: 600;
    }
    .solution-list-wrap .solution-list .solution-content {
      display: none;
      position: relative;
      background-color: #f7f7f7;
      padding: 30px 25px;
    }
    .solution-list-wrap .solution-list .solution-content .slide-content-active {
      display: block;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-prev,
    .solution-list-wrap .solution-list .swiper-solution-list .solution-next {
      background-image: none;
      font-size: 20px;
      font-weight: 600;
      color: #bfbfbf;
      z-index: 9;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-prev:hover,
    .solution-list-wrap .solution-list .swiper-solution-list .solution-next:hover {
      color: #0071c6;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-prev:focus,
    .solution-list-wrap .solution-list .swiper-solution-list .solution-next:focus {
      outline: none;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-prev {
      position: absolute;
      top: 16px;
      left: 0;
      background: #fff;
      padding-right: 35px;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-next {
      position: absolute;
      top: 16px;
      right: 0;
      left: auto;
      background: #fff;
      padding-left: 35px;
    }
    .solution-list-wrap .solution-list .solution-content .link {
      display: block;
      margin-bottom: 24px;
    }
    .solution-list-wrap .solution-list .solution-content .link:last-child {
      margin-bottom: 0;
    }
    .solution-list-wrap .solution-list .solution-content .list-box {
      display: flex;
      position: relative;
    }
    .solution-list-wrap .solution-list .solution-content .list-box .text-box {
      width: calc(71% - 34px);
      margin-left: 34px;
    }
    .solution-list-wrap .solution-list .solution-content .list-box .text-box h4 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 18px;
      color: #333;
      transition: all 0.4s;
    }
    .solution-list-wrap .solution-list .solution-content .list-box:hover .text-box h4 {
      color: #0071c6;
    }
    .solution-list-wrap .solution-list .solution-content .list-box .text-box p {
      font-size: 14px;
      line-height: 35px;
      color: #333;
    }
    .solution-list-wrap .solution-list .solution-content .list-box .text-box .more-btn {
      color: #fff;
      padding: 5px 16px;
      display: inline-block;
      border: 1px solid #fff;
      background-color: #0071c6;
      border-color: #0071c6;
      font-size: 14px;
      line-height: 20px;
      position: absolute;
      right: 60px;
      bottom: 30px;
    }
    .solution-list-wrap .solution-list .solution-content .link .iconfont {
      position: absolute;
      top: 5px;
      right: 12px;
      transition: all 0.4s;
    }
    .solution-list-wrap .solution-list .solution-content .link .more-text {
      margin-right: 6px;
    }
    .solution-list-wrap .solution-list .solution-content .link:hover .iconfont {
      right: 6px;
    }
    .solution-list-wrap .solution-list .solution-content .list-box .img-bg {
      width: 29%;
      max-width: 372px;
      height: 239px;
      overflow: hidden;
    }
    .solution-list-wrap .solution-list .solution-content .list-box .img-box {
      width: 100%;
      max-width: 372px;
      height: 239px;
      transition: all 0.6s;
    }
    .solution-list-wrap .solution-list .solution-content .link:hover .list-box .img-box {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
    .solution-list-wrap .solution-back {
      text-align: center;
    }
    .solution-list-wrap .back-box {
      color: #333;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .solution-list-wrap .solution-back .iconfont {
      display: block;
      width: 36px;
      height: 36px;
      background-color: #fff;
      border-radius: 50%;
      box-shadow: 0px 0px 15px 0px 
        rgba(51, 51, 51, 0.15);
        text-align: center;
        line-height: 36px;
        cursor: pointer;
        transition: all 0.4s;
    }
    .solution-list-wrap .solution-back p {
      margin-left: 10px;
      cursor: pointer;
      font-size: 18px;
    }
    .solution-list-wrap .solution-back:hover span {
      box-shadow: 0px 0px 15px 0px 
        rgba(51, 51, 51, 0.25);
    }
    .pc-solution-list-disable {
      display: none;
    }
    
    
    
    h2.new-cate-title {
      font-size: 28px;
      line-height: 36px;
      font-weight: 600;
      text-align: center;
      padding-bottom: 20px;
      padding-top: 70px;
    }
    .new-design-title {
      position: relative;
    }
    .new-design-title::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      height: 5px;
      width: 40px;
      background: #0071c6;
      border-radius: 4px;
    }
    
    
    .swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
        display: none;
    }
    
    
    /*============= End TBS 解决方案 =============*/
    
    
    
    
    /*============= TBS 产品列表 =============*/ 
    
    .product-list-box {
        /*width: calc(100% - 330px);*/
        width:100%;
        float: left;
        padding-bottom: 40px;
    }

    .product-list-b {
        width: 100%;
        padding-top: 10px;
    }

    .product-list-b ul {
        width: 100%
    }

    .product-list-b li {
        width: 30.7%;
        margin-right: 2.45%;
        background: #fff;
        border: 1px solid #eee;
        float: left;
        margin-bottom: 35px
    }

    .product-list-b li.on {
        margin-right: 0
    }

    .product-list-b li .pic {
        width: 100%;
        position: relative;
        overflow: hidden;
        /*height: 250px;*/
        border-bottom: 1px solid #eee
    }

    .product-list-b li img {
        max-width: 100%;
        transition: all .3s
    }

    .product-list-b li.newss .newss {
        width: 61px;
        height: 64px;
        background: url(../img/pro25.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        z-index: 1
    }

    .product-list-b li .add {
        padding-left: 28px;
        height: 16px;
        background: url(../img/pro23.png) no-repeat left center;
        background-size: 14px !important;
        display: block;
        position: absolute;
        top: 34px;
        right: 13px;
        font-size: 14px;
        line-height: 16px;
        cursor: pointer;
        color: #b2b2b2;
        transition: background .3s, color .3s
    }

    .product-list-b li.but .add {
        color: #dc3c31;
        background: url(../img/pro23_h.png) no-repeat left center
    }

    .product-list-b li .con {
        /*width: 100%;*/
        padding: 21px 6% 23px;
        display: block
    }

    .product-list-b li h3 {
        font-size: 16px;
        color: #333;
        line-height: 36px;
        height: 36px;
        overflow: hidden
    }

    .product-list-b li .font {
        font-size: 14px;
        color: #999;
        line-height: 27px;
        height: 54px;
        overflow: hidden
    }

    .product-list-b li .more {
        width: 120px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border: 1px solid #e4e4e4;
        background: #f9f9f9;
        font-size: 14px;
        color: #999;
        border-radius: 4px;
        transition: background .3s, color .3s, border .3s;
        margin-top: 20px
    }

    .product-list-b li.into .add {
        background: url(../img/pro23_h.png) no-repeat center
    }
    
    .product-list-new > .f-cb{
      /*min-height: 1500px;*/
    }
    
    .product-list-new > h2{
      min-height: 1500px;
    }
    
    .product-list-b li:hover img {
        transform: scale(1.1)
    }

    .product-list-b li:hover h3 {
        color: #000;
    }
    
    .product-list-b li:hover .more {
        background-color: #0071c6;
        color: #fff;
    }
    
    /*============= End TBS 产品列表 =============*/
    
    /*============= TBS 产品详情 =============*/ 
    a[name="tag"] {
        height: 1px;
        width: 100%;
        background: #ccc;
        display: block;
        margin: 10px auto;
    }
    
    .marker:before {
      content: "●"; /* 这里的"★"是标记符号，可以替换为任何字符或图标 */
      color: black; /* 标记的颜色 */
      margin-right: 5px; /* 标记和文本之间的距离 */
    }
    .pductstp{
      line-height：2.4!important;
      color:#505255;
    }
    /*============= End TBS 产品详情 =============*/
    
    
    /*============= TBS 联系我们 =============*/ 
    .module_contact{
        width:100%;
        float:left;
    }
    /*============= End TBS 联系我们 =============*/
    
    
    /*============= TBS 详情页CSS补充———— 英文联系页Contact =============*/ 
    .qhd-content .titlep{
        color:#0071c6;
        font-size: 60px;
        font-weight: bold;
        font-family: 'lucida sans unicode', 'lucida grande', sans-serif;
    }
    .qhd-content .ccontentdiv1{
        font-family: 'lucida sans unicode', 'lucida grande', sans-serif;
        margin-top:-28px;
    }
    .qhd-content .ccontentdiv1 .attributep{
        color:#000000;
        font-size:16px;
        line-height: 20px;
        margin-top: 35px;
    }
    .qhd-content .ccontentdiv1 .valuep{
        color:#0071c6;
        font-size:16px;
        line-height: 10px;
    }
    /*============= End TBS 详情页CSS补充———— 英文联系页Contact =============*/
    
    
    /*============= TBS 详情页CSS补充———— 英文合作页Partnership =============*/ 
    /*===== en-partner-a =====*/
    .qhd-content .en-partner-a{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .qhd-content .en-partner-a-img{
    
    }
    .qhd-content .en-partner-a-middle{
        position: absolute;
        /*left: calc(100vw * 0.2323);*/
        /*top: calc(100vh * 0.1097);*/
    }
    .qhd-content .en-partner-a-middle .en-partner-a-middle-title{
    
    }
    .qhd-content  .en-partner-a-middle-title .en-partner-a-middle-title-text1{
        font-size: calc(100vw * 0.4643 * 0.0707);
        color: #fff;
        line-height: 1.2;
    }
    .qhd-content  .en-partner-a-middle-title .en-partner-a-middle-title-text2{
        font-size: calc(100vw * 0.4643 * 0.0587);
        color: #fff;
        line-height: 1.2;
    }
    .qhd-content .en-partner-a-middle .en-partner-a-middle-discription{
        font-size: calc(100vw * 0.4643 * 0.0347);
        color: #fff;
        line-height: 1.2;
        margin-top: 0.62vw;
    }
    .qhd-content .en-partner-a .en-partner-a-middle-focus{
        display: flex;
        margin-top: calc(100vw * 0.02);
    }
    .qhd-content .en-partner-a .en-partner-a-middle-focus .en-partner-a-middle-focus-img1{
        width: calc(100vw * 0.0283);
    }
    .qhd-content .en-partner-a .en-partner-a-middle-focus .en-partner-a-middle-focus-title1{
        font-size: calc(100vw * 0.4643 * 0.0307);
        color: #fff;
        margin-left: 1.24vw;
        width: calc(100vw * 0.175);
    }
    .qhd-content .en-partner-a .en-partner-a-middle-focus .en-partner-a-middle-focus-img2{
        width: calc(100vw * 0.0283);
        margin-left: 10.17vw;
    }
    .qhd-content .en-partner-a .en-partner-a-middle-focus .en-partner-a-middle-focus-title2{
        font-size: calc(100vw * 0.4643 * 0.0307);
        color: #fff;
        margin-left: 1.24vw;
    
    }
    .qhd-content .en-partner-a-bottom{
        position: absolute;
    	width:100%;
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */	
        bottom:0;
    }
    .qhd-content .en-partner-a-bottom-logo{
        position: absolute;
        bottom: 0vh;
        width: calc(100vw * 0.3051);
        height: calc(100vw * 0.3051 * 0.1);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* 剪裁路径：从左上角开始到右下角在水平方向50%的位置 */
    }
    .qhd-content .en-partner-a-bottom-logo .en-partner-a-bottom-logo-img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /*===== en-partner-b =====*/
    .qhd-content .en-partner-b{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .qhd-content .en-partner-b-img{
    
    }
    .qhd-content .en-partner-b-left{
        position: absolute;
        margin-right: 50%;
    }
    .qhd-content .en-partner-b-left .en-partner-b-left-title{
    
    }
    .qhd-content  .en-partner-b-left-title .en-partner-b-left-title-text{
        font-size: calc(100vw * 0.4643 * 0.0605);
        color: #fff;
        line-height: 1.2;
        text-decoration: underline;
        text-underline-offset:12px;
        text-decoration-thickness: 3px;
    }
    .qhd-content .en-partner-b-left-logo{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-partner-b-left-logo .en-partner-b-left-logo-img{
        width: calc(100vw * 0.1474);
    }
    .qhd-content .en-partner-b-middle{
        position: absolute;
        margin-left: 20%;
        width:50%;
    }
    .qhd-content .en-partner-b .en-partner-b-middle-focus{
        height: : calc(100vw * 0.3541);
        margin-top: 0.87vw;
        display: flex;
    }
    .qhd-content .en-partner-b .en-partner-b-middle-focus .en-partner-b-middle-focus-img1{
        width: calc(100vw * 0.0303);
    }
    .qhd-content .en-partner-b .en-partner-b-middle-focus .en-partner-b-middle-focus-title1{
        font-size: calc(100vw * 0.4643 * 0.0387);
        color: #fff;
        margin-left: 1.24vw;
        text-decoration: underline;
        text-underline-offset:12px;
        text-decoration-thickness: 3px;
        width: calc(100vw * 0.175);
        font-weight: bold;
    }
    .qhd-content .en-partner-b .en-partner-b-middle-focus .en-partner-b-middle-focus-img2{
        width: calc(100vw * 0.0303);
        margin-left: 3.17vw;
    }
    .qhd-content .en-partner-b .en-partner-b-middle-focus .en-partner-b-middle-focus-title2{
        font-size: calc(100vw * 0.4643 * 0.0387);
        color: #fff;
        margin-left: 1.24vw;
        text-decoration: underline;
        text-underline-offset:12px;
        text-decoration-thickness: 3px;
        font-weight: bold;
    
    }
    .qhd-content .en-partner-b-middle .en-partner-b-middle-discription{
        font-size: calc(100vw * 0.4643 * 0.0237);
        color: #fff;
        /*margin-top: 1.24vh;*/
    }

    /*============= End TBS 详情页CSS补充———— 英文合作页Partnership =============*/
    
    
    /*============= TBS 详情页CSS补充———— 英文合作页Responsibility =============*/ 
    /*===== en-responsibility-a =====*/
    
    /* 整个 section */
    .en-responsibility-a-section{
      background:#fff;
      padding:60px 20px;
      font-family:Verdana,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
      color:#333;
    }
    
    .en-responsibility-a-section .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    .en-responsibility-a-section .section-header {
      text-align: center;
      margin-bottom: 5rem;
    }
    
    /* 大标题 */
    .en-responsibility-a-section .section-title{
      text-align:center;
      font-size:32px;
      font-weight:600;
      margin-bottom:48px;
    }
    
    .en-responsibility-a-section .intro-text {
      font-size: 2.1rem;
      line-height: 1.6;
      max-width: 800px;
      margin: 0 auto;
      color: #333;
    }
    
    
    /* 两行两列布局容器 */
    .en-responsibility-a-section .grid-wrap{
      display:flex;
      flex-direction:column;
      /*gap:32px;*/
      margin:0 auto;
    }
    
    /* 每行 */
    .en-responsibility-a-section .grid-row{
      display:flex;
      /*gap:32px;*/
      flex-wrap:wrap;
    }
    
    .en-responsibility-a-section .grid-col{
      flex:1 1 45%;
      height: 300px; 
      
      display: flex;
      justify-content: center; /* 水平居中 */
      align-items: stretch; /* 子元素高度拉伸 */
    }
    
    /* 每列 */
    .en-responsibility-a-section .grid-col-11{
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
    }
    .en-responsibility-a-section .grid-col-12{
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
    }
    .en-responsibility-a-section .grid-col-21{
      border-right: 1px solid #ddd;
      border-top: 1px solid #ddd;
    }
    .en-responsibility-a-section .grid-col-22{
      border-left: 1px solid #ddd;
      border-top: 1px solid #ddd;
    }
    
    .en-responsibility-a-section .grid-subcol{
        width: 80%;   /* 100%继承父元素宽度 */
        height: 100%;  /* 100%继承父元素高度 */
        display: grid;
        flex-direction: column; /* 垂直排列子元素 */
        justify-content: center; /* 垂直居中 */
        align-content: center;
        
        -webkit-align-content: center; /* 旧版 Safari */
    }
    
    /* 小标题 */
    .en-responsibility-a-section .col-title{
      font-size:20px;
      font-weight:600;
      margin: 0; /* 移除默认外边距 */
      text-align: center; /* 可选：水平居中文本 */
      margin-bottom:20px;
    }
    
    /* 段落文字 */
    .en-responsibility-a-section .col-text{
      font-size:15px;
      line-height:1.6;
      
      margin: 0; /* 移除默认外边距 */
      text-align: center; /* 可选：水平居中文本 */
    }
    
    

/*===== en-responsibility-b =====*/
    /* section 容器 */
    .en-responsibility-b-section{
      background:#0052cc;
      color:#ffffff;
      padding:80px 20px;
      font-family:Verdana,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
    }
    
    /* 主标题 */
    .en-responsibility-b-section .banner-title{
      font-size:32px;
      font-weight:600;
      text-align:center;
      margin-bottom:60px;
      line-height:1.2;
    }
    
    /* 四列网格 */
    .en-responsibility-b-section .banner-grid{
      display:grid;
      /*grid-template-columns:repeat(auto-fit,minmax(260px,1fr));*/
      grid-template-columns: repeat(3, 1fr); /* 三列等宽 */
      gap:40px;
      max-width:1200px;
      margin:0 auto;
    }
    
    /* 卡片 */
    .en-responsibility-b-section .banner-card{
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    
    /* 图标圆点 */
    .en-responsibility-b-section .banner-icon{
      width:24px;
      height:24px;
      border-radius:50%;
      /*background:#0066ff;*/
      background: #fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:12px;
      color:#0052cc;
    }
    
    .en-responsibility-b-section img{
        width:64px;
        height: 64px;
    }
    
    /* 小标题 */
    .en-responsibility-b-section .banner-card h3{
      font-size:20px;
      font-weight:600;
      color:#ffffff;
    }
    
    /* 正文 */
    .en-responsibility-b-section .banner-card p{
      font-size:15px;
      line-height:1.6;
      color:#e0e8ff;
    }
    
    
    
/*===== en-responsibility-c =====*/
    .en-responsibility-c-section{
      background:#f4f7ff;
      padding:80px 20px;
    }
    
    /* 标题 */
    .en-responsibility-c-section .banner4-title{
      font-size:36px;
      font-weight:700;
      color:#001f6b;
      text-align:center;
      line-height:1.3;
      margin-bottom:24px;
    }
    
    .en-responsibility-c-section .banner4-subtitle{
      font-size:18px;
      color:#333333;
      text-align:center;
      max-width:1000px;
      margin:0 auto 60px;
      line-height:1.6;
    }
    
    /* 两栏卡片容器 */
    .en-responsibility-c-section .banner4-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(480px,1fr));
      gap:60px;
      max-width:1200px;
      margin:0 auto;
    }
    
    /* 卡片共用 */
    .en-responsibility-c-section .banner4-card{
      background:#fff;
      border:1px solid #d0d9ff;
      border-radius:12px;
      padding:40px;
      box-shadow:0 4px 20px rgba(0,0,0,.04);
    }
    
    .en-responsibility-c-section .banner4-card h3{
      font-size:24px;
      font-weight:600;
      /*color:#0066ff;*/
      color:#333;
      margin-bottom:20px;
    }
    
    .en-responsibility-c-section .banner4-list{
      list-style:none;
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    
    .en-responsibility-c-section .banner4-list li{
      position:relative;
      padding-left:20px;
      font-size:1.4rem;
      line-height:1.6;
      color:#333333;
    }
    
    .en-responsibility-c-section .banner4-list li::before{
      content:'•';
      position:absolute;
      left:0;
      color:#0066ff;
    }
    
    /* 反欺诈区块 */
    .en-responsibility-c-section .banner4-warning{
      margin-top:60px;
      background:#fff4f4;
      border-left:6px solid #ff3b30;
      padding:30px 40px;
      max-width:1110px;
      margin-left:auto;
      margin-right:auto;
      border-radius:0 8px 8px 0;
    }
    
    .en-responsibility-c-section .banner4-warning h3{
      font-size:22px;
      font-weight:600;
      /*color:#ff3b30;*/
      color:#333;
      margin-bottom:20px;
    }
    
    .en-responsibility-c-section .banner4-warning p{
      font-size:15px;
      line-height:1.7;
      color:#555;
      margin-bottom:12px;
    }
    
    .en-responsibility-c-section .banner4-email{
      font-weight:600;
      color:#0066ff;
    }
    
    
    
    
    /*============= End TBS 详情页CSS补充———— 英文合作页Responsibility =============*/
    
    
    /*============= TBS 详情页CSS补充———— 英文关于页about =============*/ 
    /*===== en-about-a =====*/
    .qhd-content .en-about-a{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
    	height:calc(100vw * 0.25);
    	background-color: #4193f7;
    	/*display: flex;*/
    	display: none;
    	align-items: center;
    }
    .qhd-content .en-about-a-img{
    
    }
    .qhd-content .en-about-a-left{
        position: absolute;
        left: calc(100vw * 0.2042);
    }
    .qhd-content .en-about-a-left-logo{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-about-a-left-logo .en-about-a-left-logo-img{
        width: calc(100vw * 0.1474);
    }
    .qhd-content .en-about-a-middle{
        position: absolute;
        left: calc(100vw * 0.3724);
    }
    .qhd-content .en-about-a .en-about-a-middle-focus{
        height: : calc(100vw * 0.3541);
        display: flex;
        flex-direction: column;
    }
    .qhd-content .en-about-a .en-about-a-middle-focus .en-about-a-middle-focus-row{
        display: flex;
        flex-direction: row; 
        height: calc(100vw * 0.25 * 0.16);
    }
    .qhd-content .en-about-a .en-about-a-middle-focus .en-about-a-middle-focus-row:first-child{
        margin-top: 0;
    }
    .qhd-content .en-about-a .en-about-a-middle-focus .en-about-a-middle-focus-row .en-about-a-middle-focus-img1{
        width: calc(100vw * 0.0263);
    }
    .qhd-content .en-about-a .en-about-a-middle-focus .en-about-a-middle-focus-row .en-about-a-middle-focus-title1{
        font-size: calc(100vw * 0.4643 * 0.0307);
        color: #fff;
        margin-left: 1.24vw;
        margin-bottom: 0;
        text-decoration: underline;
        text-underline-offset:12px;
        text-decoration-thickness: 1.5px;
    }
    .qhd-content .en-about-a .en-about-a-middle-focus .en-about-a-middle-focus-row .en-about-a-middle-focus-img2{
        width: calc(100vw * 0.0263);
    }
    .qhd-content .en-about-a .en-about-a-middle-focus .en-about-a-middle-focus-row .en-about-a-middle-focus-title2{
        font-size: calc(100vw * 0.4643 * 0.0307);
        color: #fff;
        margin-left: 1.24vw;
        margin-bottom: 0;
        text-decoration: underline;
        text-underline-offset:12px;
        text-decoration-thickness: 1.5px;
    }
    /*===== en-about-b =====*/
    .qhd-content .en-about-b{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
    	/*display: flex;*/
    	display: none;
    	align-items: center;
    	justify-content: center;
    }
    .qhd-content .en-about-b-img{
    
    }
    .qhd-content .en-about-b-middle{
        position: absolute;
        width:60%;
    }
    .qhd-content .en-about-b-middle-logo{
        
    }
    .qhd-content .en-about-b-middle-logo .en-about-b-middle-logo-img{
        width: calc(100vw * 0.1474);
    }
    .qhd-content .en-about-b-middle .en-about-b-middle-discription{
        font-size: calc(100vw * 0.4643 * 0.0251);
        color: #fff;
        margin-top: 0.3vw;
    }
    .qhd-content .en-about-b-bottom{
        position: absolute;
        left: calc(100vw * 0.3313);
        bottom: calc(100vw * 0.01325);
    }
    .qhd-content .en-about-b .en-about-b-bottom-focus{
        height: : calc(100vw * 0.3541);
        margin-top: 0.87vw;
        display: flex;
        flex-direction: column;
    }
    .qhd-content .en-about-b .en-about-b-bottom-focus .en-about-b-bottom-focus-row{
        display: flex;
        flex-direction: row; 
    }
    .qhd-content .en-about-b .en-about-b-bottom-focus .en-about-b-bottom-focus-row .en-about-b-bottom-focus-img1{
        width: calc(100vw * 0.0263);
    }
    .qhd-content .en-about-b .en-about-b-bottom-focus .en-about-b-bottom-focus-row .en-about-b-bottom-focus-title1{
        font-size: calc(100vw * 0.4643 * 0.0507);
        color: #fff;
        margin-left: 1.24vw;
        margin-bottom: 0;
        font-weight: bold;
    }
    /*===== en-about-c =====*/
    .qhd-content .en-about-c{
        position: relative;
        width: 100%;
        /*display: grid;*/
        display: none;
        font-family: LucidaGrande,sans-serif;
    }
    .qhd-content .en-about-c-img{
    
    }
    .qhd-content .en-about-c-left{
        position: absolute;
        left: calc(100vw * 0.149);
        bottom: calc(100vw * 0.375 * 0.2022);
    }
    .qhd-content .en-about-c .en-about-c-left-focus{
        height: : calc(100vw * 0.3541);
        margin-top: 0.87vw;
        display: flex;
        flex-direction: column;
    }
    .qhd-content .en-about-c .en-about-c-left-focus .en-about-c-left-focus-row{
        display: flex;
        flex-direction: row; 
        margin-top: calc(100vw * 0.375 * 0.08);
    }
    .qhd-content .en-about-c .en-about-c-left-focus .en-about-c-left-focus-row .en-about-c-left-focus-img1{
        width: calc(100vw * 0.0363);
    }
    .qhd-content .en-about-c .en-about-c-left-focus .en-about-c-left-focus-row .en-about-c-left-focus-title1{
        font-size: calc(100vw * 0.4643 * 0.0357);
        color: #fff;
        margin-left: 1.24vw;
        margin-bottom: 0;
        text-decoration: underline;
        text-underline-offset:12px;
        text-decoration-thickness: 1.5px;
    }
    .qhd-content .en-about-c-right{
        position: absolute;
        left: calc(100vw * 0.6682);
        bottom: calc(100vw * 0.375 * 0.2022);
    }
    .qhd-content .en-about-c .en-about-c-right-focus{
        height: : calc(100vw * 0.3541);
        margin-top: 0.87vw;
        display: flex;
        flex-direction: column;
    }
    .qhd-content .en-about-c .en-about-c-right-focus .en-about-c-right-focus-row{
        display: flex;
        flex-direction: row; 
        margin-top: calc(100vw * 0.375 * 0.08);
    }
    .qhd-content .en-about-c .en-about-c-right-focus .en-about-c-right-focus-row .en-about-c-right-focus-img1{
        width: calc(100vw * 0.0363);
    }
    .qhd-content .en-about-c .en-about-c-right-focus .en-about-c-right-focus-row .en-about-c-right-focus-title1{
        font-size: calc(100vw * 0.4643 * 0.0357);
        color: #fff;
        margin-left: 1.24vw;
        margin-bottom: 0;
        text-decoration: underline;
        text-underline-offset:12px;
        text-decoration-thickness: 1.5px;
    }
    .qhd-content .en-about-c-bottom{
        position: absolute;
    	width:100%;
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */	
        bottom:0;
    }
    .qhd-content .en-about-c-bottom-logo{
        position: absolute;
        bottom: 0vh;
        width: calc(100vw * 0.2896);
        height: calc(100vw * 0.2896 * 0.0963);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* 剪裁路径：从左上角开始到右下角在水平方向50%的位置 */
    }
    .qhd-content .en-about-c-bottom-logo .en-about-c-bottom-logo-img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /*===== en-about-d =====*/
    .qhd-content .en-about-d{
        position: relative;
        width: 100%;
        display: grid;
        font-family:Verdana, LucidaGrande,sans-serif;
        padding-top:3%;
        padding-bottom:3%;
        background: #1476f2;
        color:#fff;
    }
    .qhd-content .en-about-d .container{
        width: 1200px;
        padding: 0
        text-align: center;
        display: grid;
    }
    .qhd-content .en-about-d h{
        font-weight: 600;
        font-size:  32px; /*calc(100vw * 0.2066 * 0.098);*/
        text-align: center;
        margin-bottom: 50px;
    }
    .qhd-content .en-about-d p{
        width: 90%;
        font-size: 24px;/*calc(100vw * 0.1266 * 0.098);*/
        text-align: center;
        margin-left: 5%;
        color:#fff;
        line-height: 1.5;
    }
    /*===== en-about-e =====*/
    .qhd-content .en-about-e{
        position: relative;
        width: 100%;
        display: none;
        font-family:Verdana, LucidaGrande,sans-serif;
    }
    .qhd-content .en-about-e-img{
    
    }
    
    /*===== enterprise-core =====*/
    .enterprise-core {
        height: 850px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        font-family:Verdana, LucidaGrande,sans-serif;
    }
    
    .enterprise-core #particles {
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url(img/standalone/bg-offers.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        z-index: 0;  /*-999 */
    }
    
    .enterprise-core .divider-t-50 {
        padding-top: 50px;
    }
    
    .enterprise-core .title {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #fff;
        text-transform: uppercase
    }
    
    .enterprise-core .title--black {
        color: #323232;
        text-align: center;
        width: 100%
    }
    
    .enterprise-core .title--uppercase, h2 {
        text-transform: uppercase;
        font-weight: 600;
    }
    
    .enterprise-core .title--medium, h2 {
        font-size: 32px;
        margin-bottom: 20px;
        color: #323232;
    }
    
    .enterprise-core * {
        box-sizing: border-box;
    }
    
    .enterprise-core h3, .enterprise-core h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.03;
        letter-spacing: normal;
        text-transform: none;
        text-align: center;
        color: #323232;
    }
    
    .enterprise-core .container {
        width: 1200px;
        padding: 0;
    }
    
    .enterprise-core .grid {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative
    }
    
    .enterprise-core .grid--center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    
    .enterprise-core .grid--column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    
    .enterprise-core .hexa-container {
        display: block;
        position: relative;
        width: 350px;
        height: 350px;
        top: 250px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: -webkit-transform .7s linear;
        transition: -webkit-transform .7s linear;
        transition: transform .7s linear;
        transition: transform .7s linear, -webkit-transform .7s linear;
        border-radius: 50%;
    }
    
    .enterprise-core .item {
        position: absolute;
        height: 67.64705%;
        width: 67.64705%;
        border-radius: 50%;
    }
    
    .enterprise-core .item:hover>.hex-inner {
        width: 98%;
        height: 98%
    }

    .enterprise-core .item:hover h3 a {
        color: #1476f2
    }

    .enterprise-core .item:hover h3 a i {
        right: -24px;
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        opacity: 1
    }

    .enterprise-core .item:hover .item-list {
        opacity: 1
    }

    .enterprise-core .item:hover .item-list-bottom-right,.enterprise-core .item:hover .item-list-top,.enterprise-core .item:hover .item-list-top-right {
        left: 120%
    }

    .enterprise-core .item:hover .item-list-bottom-left,.enterprise-core .item:hover .item-list-top-left {
        right: 105%
    }
    
    .enterprise-core .item-top {
        top: -61%;
        right: 16%;
    }
    
    .enterprise-core .hex {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%, -50%);
        width: 80%;
        height: 80%;
        fill: #fff;
        -webkit-transition: all .25s;
        transition: all .25s;
    }
    
    .enterprise-core .hex-outer {
        width: 100%;
        height: 100%;
    }
    
    .enterprise-core .hex-media {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%, -50%);
        width: 38%;
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 50%;
    }
    
    .enterprise-core .hex-media {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 40%;
        left: 33%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%, -50%);
        width: 38%;
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 50%;
    }
    
    .enterprise-core .item .item-list {
        position: absolute;
        top: 5%;
        list-style-type: none;
        pointer-events: none;
        margin: 0;
        padding: 0;
        -webkit-transition: all .25s;
        transition: all .25s;
        opacity: 0;
    }
    
    .enterprise-core .item .item-list-top {
        width: 300px;
        top: 10%;
        left: 140%;
    }
    
    .enterprise-core .item .item-list li {
        font-size: 14px;
        line-height: 1.43;
        color: #323232;
    }
    
    .enterprise-core .item .item-list li:before {
        content: "";
        display: inline-block;
        margin-left: -16px;
        margin-right: 12px;
        width: 4px;
        height: 4px;
        background-color: #1476f2;
    }
    
    .enterprise-core .item-right-top {
        top: -22%;
        right: -51%;
    }
    
    .enterprise-core .item .item-list-top-right {
        width: 130px;
        top: 15%;
        left: 140%;
    }
    
    .enterprise-core .item-right-bottom {
        top: 55%;
        right: -51%;
    }
    
    .enterprise-core .item .item-list-bottom-right {
        width: 160px;
        top: 15%;
        left: 140%;
    }
    
    .enterprise-core .item-left-bottom {
        top: 55%;
        right: 83%;
    }
    
    .enterprise-core .item .item-list-bottom-left, .enterprise-core .item .item-list-top-left {
        width: 170px;
        top: 15%;
        right: 125%;
    }
    
    .enterprise-core .item-left-top {
        top: -22%;
        right: 83%;
    }
    
    .enterprise-core .item-center {
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }
    
    .enterprise-core .item-center .hex {
        width: 100%;
        height: 100%;
        fill: #1476f2;
    }
    
    .enterprise-core .hex-media-center {
        width: 100%;
        height: 100%;
        background-size: 70%;
        background-image: url(img/about/cube.png);
        
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 46%;
        left: 40%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%, -50%);
        background-position: 50%;
        background-repeat: no-repeat;
        border-radius: 50%;
    }
    
    .enterprise-core .hex-media-center:hover {
        background-image: none
    }

    .enterprise-core .hex-media-center:hover figcaption h3 {
        top: 60px;
        font-size: 14px;
        opacity: 0;
        -webkit-transition: all .25s;
        transition: all .25s
    }

    .enterprise-core .hex-media-center:hover figcaption p {
        bottom: 105px;
        opacity: 1
    }
    
    .enterprise-core .hex-media-center figcaption {
        width: 240px;
    }
    
    .enterprise-core .hex-media-center figcaption h3 {
        width: 240px;
        position: absolute;
        top: 140px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        line-height: 1.25;
        -webkit-transition: none;
        transition: none;
    }
    
    .enterprise-core .hex-media-center figcaption p {
        width: 240px;
        position: absolute;
        opacity: 0;
        bottom: -180px;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.43;
        text-align: center;
        color: #fff;
        pointer-events: none;
        -webkit-transition: all .25s;
        transition: all .25s;
    }

    /*============= End TBS 详情页CSS补充———— 英文关于页about =============*/ 
    
    
    /*============= TBS 详情页CSS补充———— 英文产品list ESD =============*/ 
    /*===== en-plist-esd-a =====*/
.qhd-content .en-plist-esd-a{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qhd-content .en-plist-esd-a-img{

}
.qhd-content .en-plist-esd-a-left{
    position: absolute;
    width: 50vw;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.qhd-content .en-plist-esd-a-left .en-plist-esd-a-left-pimages{

}
.qhd-content .en-plist-esd-a-left .en-plist-esd-a-left-pimages .en-plist-esd-a-left-pimages-img{

}
.qhd-content .en-plist-esd-a-left .en-plist-esd-a-left-cert{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-esd-a-left .en-plist-esd-a-left-cert .en-plist-esd-a-left-cert-img1{
    width: calc(100vw * 0.031);
    margin-right: 1.2vw;
}
.qhd-content .en-plist-esd-a-left .en-plist-esd-a-left-cert .en-plist-esd-a-left-cert-img2{
    width: calc(100vw * 0.031);
    margin-right: 1.2vw;
}
.qhd-content .en-plist-esd-a-left .en-plist-esd-a-left-cert .en-plist-esd-a-left-cert-img3{
    width: calc(100vw * 0.026);
    margin-right: 1.2vw;
}
.qhd-content .en-plist-esd-a-left .en-plist-esd-a-left-cert .en-plist-esd-a-left-cert-img4{
    width: calc(100vw * 0.051);
}
.qhd-content .en-plist-esd-a-right{
    position: absolute;
    width:50vw;
    height: 100%;
    left: 48vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.qhd-content .en-plist-esd-a-right .en-plist-esd-a-right-title{

}
.qhd-content  .en-plist-esd-a-right-title .en-plist-esd-a-right-title-text{
    font-size: calc(100vw * 0.4643 * 0.0357);
    color: #fff;
    line-height: 1.2;
}
.qhd-content .en-plist-esd-a .en-plist-esd-a-right-focus{
    margin-top: 2.5vw;
    display: flex;
}
.qhd-content .en-plist-esd-a .en-plist-esd-a-right-focus .en-plist-esd-a-right-focus-img1{
    width: calc(100vw * 0.0263);
}
.qhd-content .en-plist-esd-a .en-plist-esd-a-right-focus .en-plist-esd-a-right-focus-title1{
    width: calc(100vw * 0.11);
    font-size: calc(100vw * 0.4643 * 0.0227);
    color: #fff;
    margin-bottom: 0;
    margin-left: 1.24vw;

}
.qhd-content .en-plist-esd-a .en-plist-esd-a-right-focus .en-plist-esd-a-right-focus-img2{
    width: calc(100vw * 0.0243);
    margin-left: 4.17vw;
}
.qhd-content .en-plist-esd-a .en-plist-esd-a-right-focus .en-plist-esd-a-right-focus-title2{
    width: calc(100vw * 0.11);
    font-size: calc(100vw * 0.4643 * 0.0227);
    color: #fff;
    margin-bottom: 0;
    margin-left: 1.24vw;

}


/*===== en-plist-esd-b =====*/
.qhd-content .en-plist-esd-b{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qhd-content .en-plist-esd-b-img{

}
.qhd-content .en-plist-esd-b-left{
    position: absolute;
    left: calc(100vw * 0.0646);
    top: calc(100vw * 0.1073);
}
.qhd-content .en-plist-esd-b-left-logo{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-esd-b-left-logo .en-plist-esd-b-left-logo-img{
    width: calc(100vw * 0.2074);
}
/*===== en-plist-esd-c =====*/
.qhd-content .en-plist-esd-c{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-esd-c-img{

}
.qhd-content .en-plist-esd-c-top{
    position: absolute;
    left: calc(100vw * 0.005);
    top: calc(100vw * 0.005);
}
.qhd-content .en-plist-esd-c-top-logo{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-esd-c-top-logo .en-plist-esd-c-top-logo-img{
    width: calc(100vw * 0.0974);
}
.qhd-content .en-plist-esd-c-left{
    position: absolute;
    width: calc(100vw * 0.2131);
    height: calc(100vw * 0.0333);
    left: calc(100vw * 0.1714);
    bottom: calc(100vw * 0.0115);
}
.qhd-content .en-plist-esd-c-left .en-plist-esd-c-left-certification{
    position: absolute;
}
.qhd-content .en-plist-esd-c-left .en-plist-esd-c-left-certification .en-plist-esd-c-left-certification-imgcommon{
    width: calc(100vw * 0.0333);  /* 高宽相等 */
    padding: 0 calc(0.5vw);
}
.qhd-content .en-plist-esd-c-left .en-plist-esd-c-left-certification .en-plist-esd-c-left-certification-imgce{

}
.qhd-content .en-plist-esd-c-left .en-plist-esd-c-left-certification .en-plist-esd-c-left-certification-imgfc{
    
}
.qhd-content .en-plist-esd-c-left .en-plist-esd-c-left-certification .en-plist-esd-c-left-certification-imgrohs{

}
.qhd-content .en-plist-esd-c-left .en-plist-esd-c-left-certification .en-plist-esd-c-left-certification-imgsgs{
    width: calc(100vw * 0.0563);  /* 高宽相等 */
}
.qhd-content .en-plist-esd-c-right{
    position: absolute;
    left: calc(100vw * 0.544);
    top: calc(100vw * 0.0807);
}
.qhd-content .en-plist-esd-c-right .en-plist-esd-c-right-title{
    text-align: center;
}
.qhd-content  .en-plist-esd-c-right-title .en-plist-esd-c-right-title-text{
    /*font-size: calc(100vw * 0.4643 * 0.0587);*/
    font-size: calc(100vw * 0.4643 * 0.0357);
    color: #fff;
    line-height: 1.2;
}
.qhd-content .en-plist-esd-c-right-icon{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-top: 1.5vw;
}
.qhd-content .en-plist-esd-c-right-icon .en-plist-esd-c-right-icon-i1{
    /*margin-right: 5vw;*/
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    flex-direction: column;
    width: calc(100vw * 0.14);
    height: calc(100vw * 0.08);
}
.qhd-content .en-plist-esd-c-right-icon .en-plist-esd-c-right-icon-i1:last-child{
    margin-right: 0;
}
.qhd-content .en-plist-esd-c-right-icon .en-plist-esd-c-right-icon-i1 .en-plist-esd-c-right-icon-i1-img{
    width: calc(100vw * 0.0243);
    /*width: calc(100vw * 0.035);*/
    /*height: calc(100vw * 0.035);*/
}
.qhd-content .en-plist-esd-c-right-icon .en-plist-esd-c-right-icon-i1 .en-plist-esd-c-right-icon-i1-title{
    text-align: center;
    /*font-size: calc(100vw * 0.016);*/
    font-size: calc(100vw * 0.4643 * 0.0227);
    color: #fff;
}
/*===== en-plist-esd-d =====*/
.qhd-content .en-plist-esd-d{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-esd-d-img{

}
.qhd-content .en-plist-esd-d-top{
    position: absolute;
    left: calc(100vw * 0.085);
    top: calc(100vw * 0.085);
}
.qhd-content .en-plist-esd-d-top-logo{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-esd-d-top-logo .en-plist-esd-d-top-logo-img{
    width: calc(100vw * 0.0974);
}
.qhd-content .en-plist-esd-d-middle{
    position: absolute;
    left: calc(100vw * 0.0953);
    top: calc(100vw * 0.052);
}
.qhd-content .en-plist-esd-d-middle .en-plist-esd-d-middle-title{

}
.qhd-content .en-plist-esd-d-middle-title .en-plist-esd-d-middle-title-text{
    font-size: calc(100vw * 0.4643 * 0.0387);
    color: #fff;
    line-height: 1.2;
}
.qhd-content .en-plist-esd-d-left{
    position: absolute;
    width: calc(100vw * 0.2131);
    height: calc(100vw * 0.0333);
    left: calc(100vw * 0.2075);
    bottom: calc(100vw * 0.0815);
}
.qhd-content .en-plist-esd-d-left .en-plist-esd-d-left-certification{
    position: absolute;
}
.qhd-content .en-plist-esd-d-left .en-plist-esd-d-left-certification .en-plist-esd-d-left-certification-imgcommon{
    width: calc(100vw * 0.0333);  /* 高宽相等 */
    padding: 0 calc(0.5vw);
}
.qhd-content .en-plist-esd-d-left .en-plist-esd-d-left-certification .en-plist-esd-d-left-certification-imgce{

}
.qhd-content .en-plist-esd-d-left .en-plist-esd-d-left-certification .en-plist-esd-d-left-certification-imgfc{
    
}
.qhd-content .en-plist-esd-d-left .en-plist-esd-d-left-certification .en-plist-esd-d-left-certification-imgrohs{

}
.qhd-content .en-plist-esd-d-left .en-plist-esd-d-left-certification .en-plist-esd-d-left-certification-imgsgs{
    width: calc(100vw * 0.0563);  /* 高宽相等 */
}
.qhd-content .en-plist-esd-d-right{
    position: absolute;
    right: calc(100vw * 0.0953);
    top: calc(100vw * 0.052);
}
.qhd-content .en-plist-esd-d-right .en-plist-esd-d-right-title{

}
.qhd-content  .en-plist-esd-d-right-title .en-plist-esd-d-right-title-text{
    font-size: calc(100vw * 0.4643 * 0.0387);
    color: #fff;
    line-height: 1.2;
}
/*===== en-plist-esd-e =====*/
.qhd-content .en-plist-esd-e{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qhd-content .en-plist-esd-e-img{

}
.qhd-content .en-plist-esd-e-bottom{
    position: absolute;
	width:100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
    bottom:0;
}
.qhd-content .en-plist-esd-e-bottom-logo{
    position: absolute;
    bottom: 0;
    width: calc(100vw * 0.2851);
    height: calc(100vw * 0.2104 * 0.125);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* 剪裁路径：从左上角开始到右下角在水平方向50%的位置 */
}
.qhd-content .en-plist-esd-e-bottom-logo .en-plist-esd-e-bottom-logo-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*===== en-plist-esd-f =====*/
.qhd-content .en-plist-esd-f{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qhd-content .en-plist-esd-f-img{

}
.qhd-content .en-plist-esd-f-left{
    position: absolute;
    /*margin-left: 11.5vw;*/
    /*margin-top:5.61vw;*/
    width: 50%;
}
.qhd-content .en-plist-esd-f-left .en-plist-esd-f-left-logo{

}
.qhd-content .en-plist-esd-f .en-plist-esd-f-left-logo .en-plist-esd-f-left-logo-img{
    width: calc(100vw * 0.196);
    height:  calc(100vw * 0.0819);
}
.qhd-content .en-plist-esd-f-left .en-plist-esd-f-left-title{

}
.qhd-content  .en-plist-esd-f-left-title .en-plist-esd-f-left-title-text{
    font-size: calc(100vw * 0.4643 * 0.0457);
    color: #fff;
    line-height: 1.2;
}
.qhd-content .en-plist-esd-f .en-plist-esd-f-left-discription{
    font-size: calc(100vw * 0.4643 * 0.0267);
    color: #fff;
    margin-top: 1vw;
}
.qhd-content .en-plist-esd-f .en-plist-esd-f-left-focus{
    height: : calc(100vw * 0.3542);
    margin-top: 1.5vw;
    display: flex;
}
.qhd-content .en-plist-esd-f .en-plist-esd-f-left-focus .en-plist-esd-f-left-focus-img1{
    width: calc(100vw * 0.0263);
}
.qhd-content .en-plist-esd-f .en-plist-esd-f-left-focus .en-plist-esd-f-left-focus-title1{
    font-size: calc(100vw * 0.4643 * 0.0317);
    color: #fff;
    margin-left: 1.24vw;
}
.qhd-content .en-plist-esd-f .en-plist-esd-f-left-focus .en-plist-esd-f-left-focus-img2{
    width: calc(100vw * 0.0263);
    margin-left: 3.5vw;
}
.qhd-content .en-plist-esd-f .en-plist-esd-f-left-focus .en-plist-esd-f-left-focus-title2{
    font-size: calc(100vw * 0.4643 * 0.0317);
    color: #fff;
    margin-left: 1.24vw;

}
.qhd-content .en-plist-esd-f .en-plist-esd-f-left-button{
    margin-top: 1.5vw;
    display: none;
}
.qhd-content .en-plist-esd-f .en-plist-esd-f-left-button .en-plist-esd-f-left-button-box1{

}
.qhd-content .en-plist-esd-f .en-plist-esd-f-left-button .en-plist-esd-f-left-button-box1 .en-plist-esd-f-left-button-box1-btn{
    position: absolute;
    width: calc(100vw * 0.16);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
    height: calc(100vw * 0.032);   /* 小数为设计图中，按钮宽度与图片高度比值 */
    font-size: calc(100vw * 0.2813 * 0.0555);  /* 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
    background-color:  #000;
    color: white;
    border-radius: 47px; /* 弧度 */
    border:1px solid #fff;
    font-family: Arial, sans-serif;
    /*margin-top: calc(100vw * 0.015);*/
}
.qhd-content .en-plist-esd-f .en-plist-esd-f-left-button .en-plist-esd-f-left-button-box2{
    margin-left: 20vw;
}
.qhd-content .en-plist-esd-f .en-plist-esd-f-left-button .en-plist-esd-f-left-button-box2 .en-plist-esd-f-left-button-box2-btn{
    position: absolute;
    width: calc(100vw * 0.16);   /* 小数为设计图中，按钮宽度与图片宽度比值 */
    height: calc(100vw * 0.032);   /* 小数为设计图中，按钮宽度与图片高度比值 */
    font-size: calc(100vw * 0.2813 * 0.0555);  /* 前面两个值相乘为现在的按钮中文字宽度（小数为设计图中文字宽度与图片宽度比值），后一个小数为设计图中按钮文字的高宽比值。此比值可以根据情况做适当调整 */
    background-color:  #000;
    color: white;
    border-radius: 47px; /* 弧度 */
    border:1px solid #fff;
    font-family: Arial, sans-serif;
    /*margin-top: calc(100vw * 0.015);*/
}
/*===== en-plist-esd-g =====*/
.qhd-content .en-plist-esd-g{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qhd-content .en-plist-esd-g-img{

}
.qhd-content .en-plist-esd-g-left{
    position: absolute;
    left: calc(100vw * 0.2646);
}
.qhd-content .en-plist-esd-g-left-logo{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-esd-g-left-logo .en-plist-esd-g-left-logo-img{
    width: calc(100vw * 0.1648);
}
.qhd-content .en-plist-esd-g-right{
    position: absolute;
    left: calc(100vw * 0.46);
}
.qhd-content .en-plist-esd-g-right .en-plist-esd-g-right-title{

}
.qhd-content  .en-plist-esd-g-right-title .en-plist-esd-g-right-title-text{
    font-size: calc(100vw * 0.4643 * 0.0427);
    color: #fff;
    line-height: 1.5;
}
.qhd-content .en-plist-esd-g-right .en-plist-esd-g-right-discription{
    font-size: calc(100vw * 0.4643 * 0.0227);
    color: #fff;
    line-height: 1.5;
    /*margin-top: 1.24vh;*/
}




    /*============= End TBS 详情页CSS补充———— 英文产品list ESD =============*/
    
    
    /*============= TBS 详情页CSS补充———— 英文产品list power =============*/ 
    /*===== en-plist-power-a =====*/
.qhd-content .en-plist-power-a{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-a-img{

}
.qhd-content .en-plist-power-a-left{
    position: absolute;
    width: calc(100vw * 0.2131);
    height: calc(100vw * 0.0333);
    left: calc(100vw * 0.1901);
    bottom: calc(100vw * 0.0115);
}
.qhd-content .en-plist-power-a-left .en-plist-power-a-left-certification{
    position: absolute;
}
.qhd-content .en-plist-power-a-left .en-plist-power-a-left-certification .en-plist-power-a-left-certification-imgcommon{
    width: calc(100vw * 0.0333);  /* 高宽相等 */
    padding: 0 calc(0.5vw);
}
.qhd-content .en-plist-power-a-left .en-plist-power-a-left-certification .en-plist-power-a-left-certification-imgce{

}
.qhd-content .en-plist-power-a-left .en-plist-power-a-left-certification .en-plist-power-a-left-certification-imgfc{
    
}
.qhd-content .en-plist-power-a-left .en-plist-power-a-left-certification .en-plist-power-a-left-certification-imgrohs{

}
.qhd-content .en-plist-power-a-left .en-plist-power-a-left-certification .en-plist-power-a-left-certification-imgsgs{
    width: calc(100vw * 0.0563);  /* 高宽相等 */
}
.qhd-content .en-plist-power-a-right{
    position: absolute;
    right: calc(100vw * 0.0917);
    top: calc(100vw * 0.0531);
}
.qhd-content .en-plist-power-a-right .en-plist-power-a-right-title{

}
.qhd-content  .en-plist-power-a-right-title .en-plist-power-a-right-title-text{
    font-size: calc(100vw * 0.4643 * 0.0557);
    color: #fff;
    line-height: 1.2;
}
.qhd-content .en-plist-power-a .en-plist-power-a-right-focus{
    margin-top: 0.87vw;
    display: flex;
    flex-direction: column;
}
.qhd-content .en-plist-power-a .en-plist-power-a-right-focus .en-plist-power-a-right-focus-row{
    display: flex;
    flex-direction: row; 
    margin-top:1vw;
}
.qhd-content .en-plist-power-a .en-plist-power-a-right-focus .en-plist-power-a-right-focus-row .en-plist-power-a-right-focus-img1{
    width: calc(100vw * 0.0263);
}
.qhd-content .en-plist-power-a .en-plist-power-a-right-focus .en-plist-power-a-right-focus-row .en-plist-power-a-right-focus-title1{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #fff;
    margin-left: 1.24vw;
    margin-bottom: 0;
}
.qhd-content .en-plist-power-a .en-plist-power-a-right-focus .en-plist-power-a-right-focus-row .en-plist-power-a-right-focus-img2{
    width: calc(100vw * 0.0263);
}
.qhd-content .en-plist-power-a .en-plist-power-a-right-focus .en-plist-power-a-right-focus-row .en-plist-power-a-right-focus-title2{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #fff;
    margin-left: 1.24vw;
    margin-bottom: 0;
}
.qhd-content .en-plist-power-a .en-plist-power-a-right-focus .en-plist-power-a-right-focus-row .en-plist-power-a-right-focus-img3{
    width: calc(100vw * 0.0263);
}
.qhd-content .en-plist-power-a .en-plist-power-a-right-focus .en-plist-power-a-right-focus-row .en-plist-power-a-right-focus-title3{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #fff;
    margin-left: 1.24vw;
    margin-bottom: 0;
}
.qhd-content .en-plist-power-a .en-plist-power-a-right-focus .en-plist-power-a-right-focus-row .en-plist-power-a-right-focus-img4{
    width: calc(100vw * 0.0263);
}
.qhd-content .en-plist-power-a .en-plist-power-a-right-focus .en-plist-power-a-right-focus-row .en-plist-power-a-right-focus-title4{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #fff;
    margin-left: 1.24vw;
    margin-bottom: 0;
}
.qhd-content .en-plist-power-a .en-plist-power-a-right-focus .en-plist-power-a-right-focus-row .en-plist-power-a-right-focus-img5{
    width: calc(100vw * 0.0263);
}
.qhd-content .en-plist-power-a .en-plist-power-a-right-focus .en-plist-power-a-right-focus-row .en-plist-power-a-right-focus-title5{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #fff;
    margin-left: 1.24vw;
    margin-bottom: 0;
}
.qhd-content .en-plist-power-a-bottom{
    position: absolute;
	width:100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
    bottom:0;
}
.qhd-content .en-plist-power-a-bottom-logo{
    position: absolute;
    bottom: 0vh;
    right: calc(100vw * 0.0083);
    width: calc(100vw * 0.2251);
    height: calc(100vw * 0.2251 * 0.09);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* 剪裁路径：从左上角开始到右下角在水平方向50%的位置 */
}
.qhd-content .en-plist-power-a-bottom-logo .en-plist-power-a-bottom-logo-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*===== en-plist-power-b =====*/
.qhd-content .en-plist-power-b{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-b-img{

}
.qhd-content .en-plist-power-b-middle{
    position: absolute;
	width:100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
}
.qhd-content .en-plist-power-b-middle-logo{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-b-middle-logo .en-plist-power-b-middle-logo-img{
    width: calc(100vw * 0.1654);
}
/*===== en-plist-power-c =====*/
.qhd-content .en-plist-power-c{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-c-img{

}
.qhd-content .en-plist-power-c-top{
    position: absolute;
    left: calc(100vw * 0.005);
    top: calc(100vw * 0.005);
}
.qhd-content .en-plist-power-c-top-logo{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-c-top-logo .en-plist-power-c-top-logo-img{
    width: calc(100vw * 0.0974);
}
.qhd-content .en-plist-power-c-left{
    position: absolute;
    width: calc(100vw * 0.2131);
    height: calc(100vw * 0.0333);
    left: calc(100vw * 0.1901);
    bottom: calc(100vw * 0.0115);
}
.qhd-content .en-plist-power-c-left .en-plist-power-c-left-certification{
    position: absolute;
}
.qhd-content .en-plist-power-c-left .en-plist-power-c-left-certification .en-plist-power-c-left-certification-imgcommon{
    width: calc(100vw * 0.0333);  /* 高宽相等 */
    padding: 0 calc(0.5vw);
}
.qhd-content .en-plist-power-c-left .en-plist-power-c-left-certification .en-plist-power-c-left-certification-imgce{

}
.qhd-content .en-plist-power-c-left .en-plist-power-c-left-certification .en-plist-power-c-left-certification-imgfc{
    
}
.qhd-content .en-plist-power-c-left .en-plist-power-c-left-certification .en-plist-power-c-left-certification-imgrohs{

}
.qhd-content .en-plist-power-c-left .en-plist-power-c-left-certification .en-plist-power-c-left-certification-imgsgs{
    width: calc(100vw * 0.0563);  /* 高宽相等 */
}
.qhd-content .en-plist-power-c-right{
    position: absolute;
    left: calc(100vw * 0.4135);
    top: calc(100vw * 0.0172);
}
.qhd-content .en-plist-power-c-right .en-plist-power-c-right-title{

}
.qhd-content  .en-plist-power-c-right-title .en-plist-power-c-right-title-text{
    font-size: calc(100vw * 0.4643 * 0.0557);
    color: #fff;
    line-height: 1.2;
}
.qhd-content .en-plist-power-c-right .en-plist-power-c-right-wifi{
    display: flex;
    /*justify-content: center; /* 水平居中 */
    /align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-c-right .en-plist-power-c-right-wifi .en-plist-power-c-right-wifi-img1{
    width: calc(100vw * 0.0401);
    margin-right: 2vw;
}
.qhd-content .en-plist-power-c-right .en-plist-power-c-right-wifi .en-plist-power-c-right-wifi-img2{
    width: calc(100vw * 0.0301);
    margin-right: 2vw;
}
.qhd-content .en-plist-power-c-right .en-plist-power-c-right-wifi .en-plist-power-c-right-wifi-img3{
    width: calc(100vw * 0.0301);
    margin-right: 2vw;
}
.qhd-content .en-plist-power-c-right .en-plist-power-c-right-wifi .en-plist-power-c-right-wifi-img4{
    width: calc(100vw * 0.0471);
    margin-right: 2vw;
}
/*===== en-plist-power-d =====*/
.qhd-content .en-plist-power-d{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-d-img{

}
.qhd-content .en-plist-power-d-middle{
    position: absolute;
	width:100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
}
.qhd-content .en-plist-power-d-middle-logo{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-d-middle-logo .en-plist-power-d-middle-logo-img{
    width: calc(100vw * 0.2254);
}
/*===== en-plist-power-e =====*/
.qhd-content .en-plist-power-e{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    /*display: flex;*/
    /*justify-content: center; /* 水平居中 */
    /*align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-e-img{

}
.qhd-content .en-plist-power-e-middle{
    position: absolute;
    left: calc(100vw * 0.1854);
    top: calc(100vw * 0.0875);
}
.qhd-content .en-plist-power-e-middle-logo{
    display: flex;
    /*justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-e-middle-logo .en-plist-power-e-middle-logo-img{
    width: calc(100vw * 0.1874);
    padding-left: calc(100vw * 0.1323);
}
.qhd-content .en-plist-power-e-middle .en-plist-power-e-middle-title{

}
.qhd-content  .en-plist-power-e-middle-title .en-plist-power-e-middle-title-text1{
    font-size: calc(100vw * 0.4643 * 0.0457);
    color: #fff;
    line-height: 1.2;
    padding-left: calc(100vw * 0.1323);
}
.qhd-content  .en-plist-power-e-middle-title .en-plist-power-e-middle-title-text2{
    font-size: calc(100vw * 0.4643 * 0.0457);
    color: #fff;
    line-height: 1.2;
	text-decoration: underline;
  	/*text-decoration-style: dotted;*/
  	/*text-decoration-color: black;*/
  	text-decoration-thickness: 3px; /* 虚线的厚度 */
  	text-underline-offset: 6px; /* 离文字的距离 */
  	padding-left: calc(100vw * 0.1323);
}
.qhd-content .en-plist-power-e-middle .en-plist-power-e-middle-discription{
    font-size: calc(100vw * 0.4643 * 0.0327);
    color: #fff;
    line-height: 1.2;
    margin-top: 0.62vw;
}
/*===== en-plist-power-f =====*/
.qhd-content .en-plist-power-f{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qhd-content .en-plist-power-f-img{

}
.qhd-content .en-plist-power-f-left{
    position: absolute;
    left: calc(100vw * 0.0625);
    bottom: calc(100vw * 0.054);
}
.qhd-content .en-plist-power-f-left-icon{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-top: 1.5vw;
}
.qhd-content .en-plist-power-f-left-icon .en-plist-power-f-left-icon-i1{
    margin-right: 25vw;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    flex-direction: column;
}
.qhd-content .en-plist-power-f-left-icon .en-plist-power-f-left-icon-i1:last-child{
    margin-right: 0;
}
.qhd-content .en-plist-power-f-left-icon .en-plist-power-f-left-icon-i1 .en-plist-power-f-left-icon-i1-img{
    width: calc(100vw * 0.05);
    height: calc(100vw * 0.035);
}
.qhd-content .en-plist-power-f-left-icon .en-plist-power-f-left-icon-i1 .en-plist-power-f-left-icon-i1-title{
    text-align: center;
    font-size: calc(100vw * 0.02);
    color: #fff;
}
.qhd-content .en-plist-power-f-middle{
    position: absolute;
}
.qhd-content .en-plist-power-f-middle-logo{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-f-middle-logo .en-plist-power-f-middle-logo-img{
    width: calc(100vw * 0.1798);
}
.qhd-content .en-plist-power-f-right{
    position: absolute;
    right: calc(100vw * 0.0625);
    bottom: calc(100vw * 0.054);
}
.qhd-content .en-plist-power-f-right-icon{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-top: 1.5vw;
}
.qhd-content .en-plist-power-f-right-icon .en-plist-power-f-right-icon-i1{
    margin-right: 25vw;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    flex-direction: column;
}
.qhd-content .en-plist-power-f-right-icon .en-plist-power-f-right-icon-i1:last-child{
    margin-right: 0;
}
.qhd-content .en-plist-power-f-right-icon .en-plist-power-f-right-icon-i1 .en-plist-power-f-right-icon-i1-img{
    width: calc(100vw * 0.042);
    height: calc(100vw * 0.035);
}
.qhd-content .en-plist-power-f-right-icon .en-plist-power-f-right-icon-i1 .en-plist-power-f-right-icon-i1-title{
    text-align: center;
    font-size: calc(100vw * 0.02);
    color: #fff;
}
/*===== en-plist-power-g =====*/
.qhd-content .en-plist-power-g{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qhd-content .en-plist-power-g-img{

}
.qhd-content .en-plist-power-g-middle{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5vw;
}
.qhd-content .en-plist-power-g-middle .en-plist-power-g-middle-title{

}
.qhd-content  .en-plist-power-g-middle-title .en-plist-power-g-middle-title-text{
    font-size: calc(100vw * 0.4643 * 0.0557);
    color: #fff;
    line-height: 1.2;
}
.qhd-content .en-plist-power-g-middle .en-plist-power-g-middle-discription{
    font-size: calc(100vw * 0.4643 * 0.0327);
    color: #fff;
    line-height: 1.5;
    /*margin-top: 0.62vw;*/
}
.qhd-content .en-plist-power-g-bottom{
    position: absolute;
	width:100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
    bottom:0;
}
.qhd-content .en-plist-power-g-bottom-logo{
    position: absolute;
    bottom: 0;
    width: calc(100vw * 0.2851);
    height: calc(100vw * 0.2104 * 0.125);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* 剪裁路径：从左上角开始到右下角在水平方向50%的位置 */
}
.qhd-content .en-plist-power-g-bottom-logo .en-plist-power-g-bottom-logo-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*===== en-plist-power-h =====*/
.qhd-content .en-plist-power-h{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qhd-content .en-plist-power-h-img{

}
.qhd-content .en-plist-power-h-left{
    position: absolute;
    width: calc(100vw * 0.3345);
    height: 100%;
    left:0;
    top:0;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-h-left-icon{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-top: 1.5vw;
}
.qhd-content .en-plist-power-h-left-icon .en-plist-power-h-left-icon-i1{
    margin-right: 25vw;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    flex-direction: column;
}
.qhd-content .en-plist-power-h-left-icon .en-plist-power-h-left-icon-i1:last-child{
    margin-right: 0;
}
.qhd-content .en-plist-power-h-left-icon .en-plist-power-h-left-icon-i1 .en-plist-power-h-left-icon-i1-img{
    width: calc(100vw * 0.05);
    height: calc(100vw * 0.035);
}
.qhd-content .en-plist-power-h-left-icon .en-plist-power-h-left-icon-i1 .en-plist-power-h-left-icon-i1-title{
    text-align: center;
    font-size: calc(100vw * 0.02);
    color: #fff;
}
.qhd-content .en-plist-power-h-middle{
    position: absolute;
    width: calc(100vw * 0.331);
    height: 100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-h-middle-icon{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-top: 1.5vw;
}
.qhd-content .en-plist-power-h-middle-icon .en-plist-power-h-middle-icon-i1{
    margin-right: 25vw;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    flex-direction: column;
}
.qhd-content .en-plist-power-h-middle-icon .en-plist-power-h-middle-icon-i1:last-child{
    margin-right: 0;
}
.qhd-content .en-plist-power-h-middle-icon .en-plist-power-h-middle-icon-i1 .en-plist-power-h-middle-icon-i1-img{
    width: calc(100vw * 0.05);
    height: calc(100vw * 0.035);
}
.qhd-content .en-plist-power-h-middle-icon .en-plist-power-h-middle-icon-i1 .en-plist-power-h-middle-icon-i1-title{
    text-align: center;
    font-size: calc(100vw * 0.02);
    color: #fff;
}
.qhd-content .en-plist-power-h-right{
    position: absolute;
    width: calc(100vw * 0.3345);
    height: 100%;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-plist-power-h-right-icon{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-top: 1.5vw;
}
.qhd-content .en-plist-power-h-right-icon .en-plist-power-h-right-icon-i1{
    margin-right: 25vw;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    flex-direction: column;
}
.qhd-content .en-plist-power-h-right-icon .en-plist-power-h-right-icon-i1:last-child{
    margin-right: 0;
}
.qhd-content .en-plist-power-h-right-icon .en-plist-power-h-right-icon-i1 .en-plist-power-h-right-icon-i1-img{
    width: calc(100vw * 0.05);
    height: calc(100vw * 0.035);
}
.qhd-content .en-plist-power-h-right-icon .en-plist-power-h-right-icon-i1 .en-plist-power-h-right-icon-i1-title{
    text-align: center;
    font-size: calc(100vw * 0.02);
    color: #fff;
}



    /*============= End TBS 详情页CSS补充———— 英文产品list power =============*/
    
    
    /*============= TBS 详情页CSS补充———— 英文产品list iot =============*/ 
    /*===== en-plist-iot-a =====*/
    .qhd-content .en-plist-iot-a{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
        display: flex;
        align-items: center;
    }
    .qhd-content .en-plist-iot-a-img{

    }
    .qhd-content .en-plist-iot-a-right{
        position: absolute;
        margin-left: 53vw;
        width: 45%;
    }
    .qhd-content .en-plist-iot-a-right .en-plist-iot-a-right-logo{

    }
    .qhd-content .en-plist-iot-a .en-plist-iot-a-right-logo .en-plist-iot-a-right-logo-img{
        width: calc(100vw * 0.174);
        height:  calc(100vw * 0.0819);
    }
    .qhd-content .en-plist-iot-a .en-plist-iot-a-right-focus{
        height: : calc(100vw * 0.3542);
        margin-top: 2.37vw;
        display: flex;
    }
    .qhd-content .en-plist-iot-a .en-plist-iot-a-right-focus .en-plist-iot-a-right-focus-img1{
        width: calc(100vw * 0.0263);
    }
    .qhd-content .en-plist-iot-a .en-plist-iot-a-right-focus .en-plist-iot-a-right-focus-title1{
        font-size: calc(100vw * 0.4643 * 0.0317);
        color: #fff;
        margin-left: 1.24vw;
    }
    .qhd-content .en-plist-iot-a .en-plist-iot-a-right-focus .en-plist-iot-a-right-focus-img2{
        width: calc(100vw * 0.0263);
        margin-left: 4.17vw;
    }
    .qhd-content .en-plist-iot-a .en-plist-iot-a-right-focus .en-plist-iot-a-right-focus-title2{
        font-size: calc(100vw * 0.4643 * 0.0317);
        color: #fff;
        margin-left: 1.24vw;

    }
    .qhd-content .en-plist-iot-a .en-plist-iot-a-right-discription{
        font-size: calc(100vw * 0.4643 * 0.0277);
        color: #fff;
        margin-top: 2.12vw;
    }
    /*===== en-plist-iot-b =====*/
    .qhd-content .en-plist-iot-b{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .qhd-content .en-plist-iot-b-img{

    }
    .qhd-content .en-plist-iot-b-middle{
        position: absolute;
        display: flex;
        flex-direction: column;
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-wifi{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-wifi .en-plist-iot-b-middle-wifi-img1{
        width: calc(100vw * 0.0401);
        margin-right: 1.5vw;
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-wifi .en-plist-iot-b-middle-wifi-img2{
        width: calc(100vw * 0.0401);
        margin-right: 1.5vw;
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-wifi .en-plist-iot-b-middle-wifi-img3{
        width: calc(100vw * 0.0401);
        margin-right: 1.5vw;
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-wifi .en-plist-iot-b-middle-wifi-img4{
        width: calc(100vw * 0.0401);
        margin-right: 1.5vw;
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-wifi .en-plist-iot-b-middle-wifi-img5{
        width: calc(100vw * 0.0401);
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-title{
        display: flex;
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-title .en-plist-iot-b-middle-title-img{
        width: calc(100vw * 0.0328);
        /*margin-top: 1.5vh;*/
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-title .en-plist-iot-b-middle-title-text{
        font-size: calc(100vw * 0.0241);
        color: #fff;
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-cert{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-cert .en-plist-iot-b-middle-cert-img1{
        width: calc(100vw * 0.051);
        margin-right: 1.2vw;
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-cert .en-plist-iot-b-middle-cert-img2{
        width: calc(100vw * 0.051);
        margin-right: 1.2vw;
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-cert .en-plist-iot-b-middle-cert-img3{
        width: calc(100vw * 0.045);
        margin-right: 1.2vw;
    }
    .qhd-content .en-plist-iot-b-middle .en-plist-iot-b-middle-cert .en-plist-iot-b-middle-cert-img4{
        width: calc(100vw * 0.081);
    }
    .qhd-content  .en-plist-iot-b-logo{
        position: absolute;
        bottom: 0vh;
        width: calc(100vw * 0.5651);
        height: calc(100vw * 0.2104 * 0.25);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* 剪裁路径：从左上角开始到右下角在水平方向50%的位置 */

    }
    .qhd-content .en-plist-iot-b-logo .en-plist-iot-b-logo-img{
        /*width: calc(100vw * 0.5651);*/
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    
    /*===== en-plist-iot-c =====*/
    .qhd-content .en-plist-iot-c{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .qhd-content .en-plist-iot-c-img{

    }
    .qhd-content .en-plist-iot-c-middle{
        position: absolute;
        display: flex;
        flex-direction: column;
    }
    .qhd-content .en-plist-iot-c-middle-logo{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-c-middle-logo .en-plist-iot-c-middle-logo-img{
        width: calc(100vw * 0.1774);
    }
    .qhd-content .en-plist-iot-c-middle-description{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-c-middle-description .en-plist-iot-c-middle-description-text{
        font-size: calc(100vw * 0.011);
        color: #fff;
    }
    .qhd-content .en-plist-iot-c-middle-focus{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        margin-top: 1vw;
    }
    .qhd-content .en-plist-iot-c-middle-focus .en-plist-iot-c-middle-focus-img{
        width: calc(100vw * 0.035);
    }
    .qhd-content .en-plist-iot-c-middle-focus .en-plist-iot-c-middle-focus-text{
        font-size: calc(100vw * 0.012);
        color: #fff;
    }
    .qhd-content .en-plist-iot-c-middle-icon{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        margin-top: 1.5vw;
    }
    .qhd-content .en-plist-iot-c-middle-icon .en-plist-iot-c-middle-icon-i1{
        margin-right: 2.5vw;
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        flex-direction: column;
        width: calc(100vw * 0.06);
        height: calc(100vw * 0.08);
    }
    .qhd-content .en-plist-iot-c-middle-icon .en-plist-iot-c-middle-icon-i1:last-child{
        margin-right: 0;
    }
    .qhd-content .en-plist-iot-c-middle-icon .en-plist-iot-c-middle-icon-i1 .en-plist-iot-c-middle-icon-i1-img{
        width: calc(100vw * 0.035);
        height: calc(100vw * 0.035);
    }
    .qhd-content .en-plist-iot-c-middle-icon .en-plist-iot-c-middle-icon-i1 .en-plist-iot-c-middle-icon-i1-title{
        text-align: center;
        font-size: calc(100vw * 0.012);
        color: #fff;
    }
    
    
    /*===== en-plist-iot-d =====*/
    .qhd-content .en-plist-iot-d{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
        display: flex;
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-d .en-plist-iot-d-img{
        
    }
    .qhd-content .en-plist-iot-d .en-plist-iot-d-right{
        position: absolute;
        margin-bottom: 2vw;
        margin-left: 51.2vw;
    }
    .qhd-content .en-plist-iot-d .en-plist-iot-d-right-logo{

    }
    .qhd-content .en-plist-iot-d .en-plist-iot-d-right-logo .en-plist-iot-d-right-logo-img{
        width: calc(100vw * 0.1994);
    }
    
    
    /*===== en-plist-iot-e =====*/
    .qhd-content .en-plist-iot-e{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-e .en-plist-iot-e-middle{
        position: absolute;
    }
    .qhd-content .en-plist-iot-e .en-plist-iot-e-middle .en-plist-iot-e-middle-icon{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-e .en-plist-iot-e-middle .en-plist-iot-e-middle-icon .en-plist-iot-e-middle-icon-img{
        width: calc(100vw * 0.035);
    }
    .qhd-content .en-plist-iot-e .en-plist-iot-e-middle .en-plist-iot-e-middle-title{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-e .en-plist-iot-e-middle .en-plist-iot-e-middle-title .en-plist-iot-e-middle-title-text{
        font-size: calc(100vw * 0.022);
        color: #fff;
        line-height: 1;
    }
    .qhd-content .en-plist-iot-e .en-plist-iot-e-middle .en-plist-iot-e-middle-shorttitle{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-e .en-plist-iot-e-middle .en-plist-iot-e-middle-shorttitle .en-plist-iot-e-middle-shorttitle-img{
        width: calc(100vw * 0.015);
        padding-top: 0.4vw;
        padding-right: 0.5vw;
    }
    .qhd-content .en-plist-iot-e .en-plist-iot-e-middle .en-plist-iot-e-middle-shorttitle .en-plist-iot-e-middle-shorttitle-text{
        font-size: calc(100vw * 0.012);
        color: #fff;
    }
    
    /*===== en-plist-iot-f =====*/
    .qhd-content .en-plist-iot-f{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-f .en-plist-iot-f-middle{
        position: absolute;
        width:50%;
    }
    .qhd-content .en-plist-iot-f-middle-logo{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-f-middle-logo .en-plist-iot-f-middle-logo-img{
        width: calc(100vw * 0.1774);
    }
    .qhd-content .en-plist-iot-f-middle-description{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-f-middle-description .en-plist-iot-f-middle-description-text{
        font-size: calc(100vw * 0.015);
        color: #fff;
        line-height: 1.5;
    }
    .qhd-content .en-plist-iot-f-middle-icon{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        flex-direction: column;
        margin-top: 1.5vw;
        margin-left: 10vw;
    }
    .qhd-content .en-plist-iot-f-middle-icon .en-plist-iot-f-middle-icon-i1{
        margin-right: 2.5vw;
        width: 100%;
        display: flex;
        margin-bottom: 1vw;
    }
    .qhd-content .en-plist-iot-f-middle-icon .en-plist-iot-f-middle-icon-i1:last-child{
        margin-bottom: 0;
    }
    .qhd-content .en-plist-iot-f-middle-icon .en-plist-iot-f-middle-icon-i1 .en-plist-iot-f-middle-icon-i1-img{
        width: calc(100vw * 0.02);
        margin-right: 2vw;
    }
    .qhd-content .en-plist-iot-f-middle-icon .en-plist-iot-f-middle-icon-i1 .en-plist-iot-f-middle-icon-i1-title{
        text-align: center;
        font-size: calc(100vw * 0.012);
        color: #fff;
    }
    
    /*===== en-plist-iot-g =====*/
    .qhd-content .en-plist-iot-g{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
        background: #4294f7;
        height: calc(100vw * 0.18);
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-g-middle{
        position: absolute;
        flex-direction: column;
    }
    .qhd-content .en-plist-iot-g-middle-logo{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-plist-iot-g-middle-logo .en-plist-iot-g-middle-logo-img{
        width: calc(100vw * 0.1474);
    }
    .qhd-content .en-plist-iot-g-middle-icon{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        margin-top: 1.5vw;
    }
    .qhd-content .en-plist-iot-g-middle-icon .en-plist-iot-g-middle-icon-i1{
        margin-right: 6.5vw;
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        flex-direction: column;
        width: calc(100vw * 0.06);
        height: calc(100vw * 0.08);
    }
    .qhd-content .en-plist-iot-g-middle-icon .en-plist-iot-g-middle-icon-i1:last-child{
        margin-right: 0;
    }
    .qhd-content .en-plist-iot-g-middle-icon .en-plist-iot-g-middle-icon-i1 .en-plist-iot-g-middle-icon-i1-img{
        width: calc(100vw * 0.035);
        height: calc(100vw * 0.035);
    }
    .qhd-content .en-plist-iot-g-middle-icon .en-plist-iot-g-middle-icon-i1 .en-plist-iot-g-middle-icon-i1-title{
        text-align: center;
        font-size: calc(100vw * 0.012);
        color: #fff;
    }
    
    /*===== en-plist-iot-h =====*/
    .qhd-content .en-plist-iot-h{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .qhd-content .en-plist-iot-h .en-plist-iot-h-right{
        position: absolute;
        right: 8vw;
    }
    .qhd-content .en-plist-iot-h-right-title{

    }
    .qhd-content .en-plist-iot-h-right-title .en-plist-iot-h-right-title-text{
        font-size: calc(100vw * 0.02);
        color: #fff;
        line-height: 1;
    }
    .qhd-content .en-plist-iot-h-right-description{

    }
    .qhd-content .en-plist-iot-h-right-description .en-plist-iot-h-right-description-text{
        font-size: calc(100vw * 0.01);
        color: #fff;
    }
    
    /*============= End TBS 详情页CSS补充———— 英文产品list iot =============*/
    
    /*============================================== TBS 详情页CSS补充———— 英文方案list ocean ==================================================*/ 
    /*===== en-slist-ocean-a =====*/
    .qhd-content .en-slist-ocean-a{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .qhd-content .en-slist-ocean-a-img{

    }
    .qhd-content .en-slist-ocean-a-right{
        position: absolute;
        width:42%;
        top: calc(100vw * 0.0724);
        margin-left: 48vw;
    }
    .qhd-content .en-slist-ocean-a-right .en-slist-ocean-a-right-title{

    }
    .qhd-content .en-slist-ocean-a .en-slist-ocean-a-right-title .en-slist-ocean-a-right-title-text{
        font-size: calc(100vw * 0.4643 * 0.0437);
        color: #fff;
        text-decoration: underline;
        text-underline-offset: 5px;
    }
    .qhd-content .en-slist-ocean-a .en-slist-ocean-a-right-focus{
        height: : calc(100vw * 0.3541);
        margin-top: 0.87vw;
        display: flex;
    }
    .qhd-content .en-slist-ocean-a .en-slist-ocean-a-right-focus .en-slist-ocean-a-right-focus-img1{
        width: calc(100vw * 0.0263);
    }
    .qhd-content .en-slist-ocean-a .en-slist-ocean-a-right-focus .en-slist-ocean-a-right-focus-title1{
        font-size: calc(100vw * 0.4643 * 0.0307);
        color: #fff;
        margin-left: 1.24vw;
    }
    .qhd-content .en-slist-ocean-a .en-slist-ocean-a-right-focus .en-slist-ocean-a-right-focus-img2{
        width: calc(100vw * 0.0263);
        margin-left: 4.17vw;
    }
    .qhd-content .en-slist-ocean-a .en-slist-ocean-a-right-focus .en-slist-ocean-a-right-focus-title2{
        font-size: calc(100vw * 0.4643 * 0.0307);
        color: #fff;
        margin-left: 1.24vw;

    }
    .qhd-content .en-slist-ocean-a .en-slist-ocean-a-right-discription{
        font-size: calc(100vw * 0.4643 * 0.0277);
        color: #fff;
        /*margin-top: 1.24vh;*/
    }
    /*===== en-slist-ocean-b =====*/
    .qhd-content .en-slist-ocean-b{
        position: relative;
        width: 100%;
        display: grid;
        font-family: LucidaGrande,sans-serif;
    }
    .qhd-content .en-slist-ocean-b-img{

    }
    .qhd-content .en-slist-ocean-b-left{
        position: absolute;
        left: calc(100vw * 0.1385);
        top: calc(100vw * 0.0614);
    }
    .qhd-content .en-slist-ocean-b-left .en-slist-ocean-b-left-title{

    }
    .qhd-content .en-slist-ocean-b .en-slist-ocean-b-left-title .en-slist-ocean-b-left-title-text{
        font-size: calc(100vw * 0.4643 * 0.0437);
        color: #fff;
        line-height: 1.2;
    }
    .qhd-content .en-slist-ocean-b-left-icon{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        margin-top: 1.5vw;
    }
    .qhd-content .en-slist-ocean-b-left-icon .en-slist-ocean-b-left-icon-i1{
        margin-right: 5vw;
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        flex-direction: column;
        width: calc(100vw * 0.06);
        height: calc(100vw * 0.08);
    }
    .qhd-content .en-slist-ocean-b-left-icon .en-slist-ocean-b-left-icon-i1:last-child{
        margin-right: 0;
    }
    .qhd-content .en-slist-ocean-b-left-icon .en-slist-ocean-b-left-icon-i1 .en-slist-ocean-b-left-icon-i1-img{
        width: calc(100vw * 0.035);
        height: calc(100vw * 0.035);
    }
    .qhd-content .en-slist-ocean-b-left-icon .en-slist-ocean-b-left-icon-i1 .en-slist-ocean-b-left-icon-i1-title{
        text-align: center;
        font-size: calc(100vw * 0.012);
        color: #fff;
    }
    .qhd-content .en-slist-ocean-b-right{
        position: absolute;
        right: calc(100vw * 0.0198);
        bottom: calc(100vw * 0.0122);
    }
    .qhd-content .en-slist-ocean-b-right-logo{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-slist-ocean-b-right-logo .en-slist-ocean-b-right-logo-img{
        width: calc(100vw * 0.1474);
    }
    .qhd-content .en-slist-ocean-b-right .en-slist-ocean-b-right-cert{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-slist-ocean-b-right .en-slist-ocean-b-right-cert .en-slist-ocean-b-right-cert-img1{
        width: calc(100vw * 0.031);
        margin-right: 1.2vw;
    }
    .qhd-content .en-slist-ocean-b-right .en-slist-ocean-b-right-cert .en-slist-ocean-b-right-cert-img2{
        width: calc(100vw * 0.031);
        margin-right: 1.2vw;
    }
    .qhd-content .en-slist-ocean-b-right .en-slist-ocean-b-right-cert .en-slist-ocean-b-right-cert-img3{
        width: calc(100vw * 0.061);
    }
    /*===== en-slist-ocean-c =====*/
    .qhd-content .en-slist-ocean-c{
        position: relative;
        width: 100%;
        display: grid;
        font-family: LucidaGrande,sans-serif;
    }
    .qhd-content .en-slist-ocean-c-img{

    }
    .qhd-content .en-slist-ocean-c-left{
        position: absolute;
        left: calc(100vw * 0.0917);
        top: calc(100vw * 0.089);
        width:46%;
    }
    .qhd-content .en-slist-ocean-c-left .en-slist-ocean-c-left-title{

    }
    .qhd-content  .en-slist-ocean-c-left-title .en-slist-ocean-c-left-title-text{
        font-size: calc(100vw * 0.4643 * 0.0557);
        color: #fff;
        line-height: 1.2;
    }
    .qhd-content .en-slist-ocean-c-left .en-slist-ocean-c-left-power{
        /*display: flex;*/
        display: none;
        /*justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content  .en-slist-ocean-c-left .en-slist-ocean-c-left-power .en-slist-ocean-c-left-power-text{
        font-size: calc(100vw * 0.012);
        color: #0a2342;
        text-decoration: underline;
        text-underline-offset: 5px;
    }
    .qhd-content .en-slist-ocean-c-left .en-slist-ocean-c-left-discription{
        font-size: calc(100vw * 0.4643 * 0.0277);
        color: #fff;
        line-height: 1.5;
        /*margin-top: 1.24vh;*/
    }
     .qhd-content .en-slist-ocean-c-middle{
        position: absolute;
        left: calc(100vw * 0.4396);
        top: calc(100vw * 0.0227);
        width: calc(100vw * 0.1874);
    }
    .qhd-content .en-slist-ocean-c-middle-logo{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-slist-ocean-c-middle-logo .en-slist-ocean-c-middle-logo-img{
        width: calc(100vw * 0.1474);
    }
    .qhd-content .en-slist-ocean-c-right{
        position: absolute;
        right: calc(100vw * 0.0371);
        bottom: calc(100vw * 0.0114);
    }
    .qhd-content .en-slist-ocean-c-right-icon{
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        margin-top: 1.5vw;
    }
    .qhd-content .en-slist-ocean-c-right-icon .en-slist-ocean-c-right-icon-i1{
        margin-right: 5vw;
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        flex-direction: column;
        width: calc(100vw * 0.06);
        height: calc(100vw * 0.08);
    }
    .qhd-content .en-slist-ocean-c-right-icon .en-slist-ocean-c-right-icon-i1:last-child{
        margin-right: 0;
    }
    .qhd-content .en-slist-ocean-c-right-icon .en-slist-ocean-c-right-icon-i1 .en-slist-ocean-c-right-icon-i1-img{
        width: calc(100vw * 0.035);
        height: calc(100vw * 0.035);
    }
    .qhd-content .en-slist-ocean-c-right-icon .en-slist-ocean-c-right-icon-i1 .en-slist-ocean-c-right-icon-i1-title{
        text-align: center;
        font-size: calc(100vw * 0.012);
        color: #fff;
    }
    /*===== en-slist-ocean-d =====*/
    .qhd-content .en-slist-ocean-d{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .qhd-content .en-slist-ocean-d-img{
    
    }
    .qhd-content .en-slist-ocean-d-middle{
        position: absolute;
        left: calc(100vw * 0.3203);
        width: 45%;
    }
    .qhd-content .en-slist-ocean-d-middle .en-slist-ocean-d-middle-title{
    
    }
    .qhd-content  .en-slist-ocean-d-middle-title .en-slist-ocean-d-middle-title-text1{
        font-size: calc(100vw * 0.4643 * 0.0457);
        color: #fff;
        line-height: 1.2;
        text-decoration: underline;
        text-underline-offset: 8px;
        text-decoration-thickness: 3px;
    }
    .qhd-content  .en-slist-ocean-d-middle-title .en-slist-ocean-d-middle-title-text2{
        font-size: calc(100vw * 0.4643 * 0.0457);
        color: #fff;
        line-height: 1.2;
    }
    .qhd-content .en-slist-ocean-d .en-slist-ocean-d-middle-focus{
        height: : calc(100vw * 0.3541);
        margin-top: 0.87vw;
        display: flex;
    }
    .qhd-content .en-slist-ocean-d .en-slist-ocean-d-middle-focus .en-slist-ocean-d-middle-focus-img1{
        width: calc(100vw * 0.0263);
    }
    .qhd-content .en-slist-ocean-d .en-slist-ocean-d-middle-focus .en-slist-ocean-d-middle-focus-title1{
        font-size: calc(100vw * 0.4643 * 0.0287);
        color: #fff;
        margin-left: 1.24vw;
    }
    .qhd-content .en-slist-ocean-d .en-slist-ocean-d-middle-focus .en-slist-ocean-d-middle-focus-img2{
        width: calc(100vw * 0.0263);
        margin-left: 3.17vw;
    }
    .qhd-content .en-slist-ocean-d .en-slist-ocean-d-middle-focus .en-slist-ocean-d-middle-focus-title2{
        font-size: calc(100vw * 0.4643 * 0.0287);
        color: #fff;
        margin-left: 1.24vw;
    
    }
    .qhd-content .en-slist-ocean-d-middle-logo{
        /*display: flex;*/
        /*justify-content: center; /* 水平居中 */
        /*align-items: center; /* 垂直居中 */
    }
    .qhd-content .en-slist-ocean-d-middle-logo .en-slist-ocean-d-middle-logo-img{
        width: calc(100vw * 0.1074);
    }
    .qhd-content .en-slist-ocean-d-middle .en-slist-ocean-d-middle-discription{
        font-size: calc(100vw * 0.4643 * 0.0227);
        color: #fff;
        /*margin-top: 1.24vh;*/
    }
    /*===== en-slist-ocean-e =====*/
    .qhd-content .en-slist-ocean-e{
        position: relative;
        width: 100%;
        font-family: LucidaGrande,sans-serif;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .qhd-content .en-slist-ocean-e-img{
    
    }
    .qhd-content .en-slist-ocean-e-middle{
        position: absolute;
    }
    .qhd-content .en-slist-ocean-e-middle .en-slist-ocean-e-middle-title{
    
    }
    .qhd-content  .en-slist-ocean-e-middle-title .en-slist-ocean-e-middle-title-text{
        font-size: calc(100vw * 0.4643 * 0.0557);
        color: #fff;
        line-height: 1.2;
    }
    .qhd-content .en-slist-ocean-e-middle .en-slist-ocean-e-middle-discription{
        font-size: calc(100vw * 0.4643 * 0.0247);
        color: #fff;
        /*margin-top: 1.24vh;*/
    }
    .qhd-content .en-slist-ocean-e .en-slist-ocean-e-middle-focus{
        height: : calc(100vw * 0.3541);
        margin-top: 0.87vw;
        display: flex;
    }
    .qhd-content .en-slist-ocean-e .en-slist-ocean-e-middle-focus .en-slist-ocean-e-middle-focus-img1{
        width: calc(100vw * 0.0263);
    }
    .qhd-content .en-slist-ocean-e .en-slist-ocean-e-middle-focus .en-slist-ocean-e-middle-focus-title1{
        font-size: calc(100vw * 0.4643 * 0.0227);
        color: #fff;
        margin-left: 1.24vw;
        line-height: 2.5;
    }
    .qhd-content .en-slist-ocean-e .en-slist-ocean-e-middle-focus .en-slist-ocean-e-middle-focus-img2{
        width: calc(100vw * 0.0263);
        margin-left: 4.17vw;
    }
    .qhd-content .en-slist-ocean-e .en-slist-ocean-e-middle-focus .en-slist-ocean-e-middle-focus-title2{
        font-size: calc(100vw * 0.4643 * 0.0227);
        color: #fff;
        margin-left: 1.24vw;
        line-height: 2.5;
    }

    
    /*============= End TBS 详情页CSS补充———— 英文方案list ocean =============*/
    
    
    /*============================================== TBS 详情页CSS补充———— 英文方案list forestry ==================================================*/ 
/*===== en-slist-forestry-a =====*/
.qhd-content .en-slist-forestry-a{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qhd-content .en-slist-forestry-a-img{

}
.qhd-content .en-slist-forestry-a-left{
    position: absolute;
    left: calc(100vw * 0.1453);
}
.qhd-content .en-slist-forestry-a-left-logo{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-slist-forestry-a-left-logo .en-slist-forestry-a-left-logo-img{
    width: calc(100vw * 0.1448);
}
.qhd-content .en-slist-forestry-a-right{
    position: absolute;
    left: calc(100vw * 0.3339);
    width:50%;
}
.qhd-content .en-slist-forestry-a-right .en-slist-forestry-a-right-discription{
    font-size: calc(100vw * 0.4643 * 0.0327);
    color: #fff;
    line-height: 1.5;
    /*margin-top: 1.24vh;*/
}
.qhd-content .en-slist-forestry-a-right-icon{
    display: flex;
    /*justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-top: 1.5vw;
}
.qhd-content .en-slist-forestry-a-right-icon .en-slist-forestry-a-right-icon-i1{
    margin-right: 22vw;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    flex-direction: column;
    height: calc(100vw * 0.08);
}
.qhd-content .en-slist-forestry-a-right-icon .en-slist-forestry-a-right-icon-i1:last-child{
    margin-right: 0;
}
.qhd-content .en-slist-forestry-a-right-icon .en-slist-forestry-a-right-icon-i1 .en-slist-forestry-a-right-icon-i1-img{
    width: calc(100vw * 0.035);
    height: calc(100vw * 0.035);
}
.qhd-content .en-slist-forestry-a-right-icon .en-slist-forestry-a-right-icon-i1 .en-slist-forestry-a-right-icon-i1-title{
    text-align: center;
    font-size: calc(100vw * 0.012);
    color: #fff;
}


/*===== en-slist-forestry-b =====*/
.qhd-content .en-slist-forestry-b{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qhd-content .en-slist-forestry-b-img{

}
.qhd-content .en-slist-forestry-b-left{
    position: absolute;
    left: calc(100vw * 0.1);
    bottom: calc(100vw * 0.0112);
}
.qhd-content .en-slist-forestry-b-left-icon{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-top: 1.5vw;
}
.qhd-content .en-slist-forestry-b-left-icon .en-slist-forestry-b-left-icon-i1{
    margin-right: 25vw;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    flex-direction: column;
}
.qhd-content .en-slist-forestry-b-left-icon .en-slist-forestry-b-left-icon-i1:last-child{
    margin-right: 0;
}
.qhd-content .en-slist-forestry-b-left-icon .en-slist-forestry-b-left-icon-i1 .en-slist-forestry-b-left-icon-i1-img{
    width: calc(100vw * 0.08);
    height: calc(100vw * 0.035);
}
.qhd-content .en-slist-forestry-b-left-icon .en-slist-forestry-b-left-icon-i1 .en-slist-forestry-b-left-icon-i1-title{
    text-align: center;
    font-size: calc(100vw * 0.025);
    color: #fff;
}
.qhd-content .en-slist-forestry-b-middle{
    position: absolute;
}
.qhd-content .en-slist-forestry-b-middle-logo{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-slist-forestry-b-middle-logo .en-slist-forestry-b-middle-logo-img{
    width: calc(100vw * 0.1798);
}
.qhd-content .en-slist-forestry-b .en-slist-forestry-b-middle-focus{
    height: : calc(100vw * 0.3541);
    margin-top: 0.87vw;
    display: flex;
    flex-direction: column;
}
.qhd-content .en-slist-forestry-b .en-slist-forestry-b-middle-focus .en-slist-forestry-b-middle-focus-row{
    display: flex;
    flex-direction: row; 
    margin-top:1vw;
}
.qhd-content .en-slist-forestry-b .en-slist-forestry-b-middle-focus .en-slist-forestry-b-middle-focus-row .en-slist-forestry-b-middle-focus-img1{
    width: calc(100vw * 0.0263);
}
.qhd-content .en-slist-forestry-b .en-slist-forestry-b-middle-focus .en-slist-forestry-b-middle-focus-row .en-slist-forestry-b-middle-focus-title1{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #222222;
    margin-left: 1.24vw;
    margin-bottom: 0;
}
.qhd-content .en-slist-forestry-b .en-slist-forestry-b-middle-focus .en-slist-forestry-b-middle-focus-row .en-slist-forestry-b-middle-focus-img2{
    width: calc(100vw * 0.0263);
}
.qhd-content .en-slist-forestry-b .en-slist-forestry-b-middle-focus .en-slist-forestry-b-middle-focus-row .en-slist-forestry-b-middle-focus-title2{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #222222;
    margin-left: 1.24vw;
    margin-bottom: 0;
}
.qhd-content .en-slist-forestry-b-right{
    position: absolute;
    right: calc(100vw * 0.1);
    bottom: calc(100vw * 0.0112);
}
.qhd-content .en-slist-forestry-b-right-icon{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-top: 1.5vw;
}
.qhd-content .en-slist-forestry-b-right-icon .en-slist-forestry-b-right-icon-i1{
    margin-right: 25vw;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    flex-direction: column;
}
.qhd-content .en-slist-forestry-b-right-icon .en-slist-forestry-b-right-icon-i1:last-child{
    margin-right: 0;
}
.qhd-content .en-slist-forestry-b-right-icon .en-slist-forestry-b-right-icon-i1 .en-slist-forestry-b-right-icon-i1-img{
    width: calc(100vw * 0.08);
    height: calc(100vw * 0.035);
}
.qhd-content .en-slist-forestry-b-right-icon .en-slist-forestry-b-right-icon-i1 .en-slist-forestry-b-right-icon-i1-title{
    text-align: center;
    font-size: calc(100vw * 0.025);
    color: #fff;
}


/*===== en-slist-forestry-c =====*/
.qhd-content .en-slist-forestry-c{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: grid;
}
.qhd-content .en-slist-forestry-c-img{

}
.qhd-content .en-slist-forestry-c-left{
    position: absolute;
	width:29%;
	height: calc(100vw * 0.25);
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
}
.qhd-content .en-slist-forestry-c-left .en-slist-forestry-c-left-title{

}
.qhd-content  .en-slist-forestry-c-left-title .en-slist-forestry-c-left-title-text{
    font-size: calc(100vw * 0.4643 * 0.0357);
    color: #fff;
    line-height: 1.2;
}
.qhd-content .en-slist-forestry-c-middle{
    position: absolute;
	width:42%;
	height: calc(100vw * 0.25);
    /*display: flex;*/
    display: none;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
    margin-left:29%;
}
.qhd-content .en-slist-forestry-c-middle .en-slist-forestry-c-middle-title{

}
.qhd-content  .en-slist-forestry-c-middle-title .en-slist-forestry-c-middle-title-text{
    font-size: calc(100vw * 0.4643 * 0.0357);
    color: #222222;
    line-height: 1.2;
}
.qhd-content .en-slist-forestry-c-right{
    position: absolute;
	width:29%;
	height: calc(100vw * 0.25);
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
    margin-left:71%;
}
.qhd-content .en-slist-forestry-c-right .en-slist-forestry-c-right-title{

}
.qhd-content  .en-slist-forestry-c-right-title .en-slist-forestry-c-right-title-text{
    font-size: calc(100vw * 0.4643 * 0.0357);
    color: #fff;
    line-height: 1.2;
}

/*===== en-slist-forestry-d =====*/
.qhd-content .en-slist-forestry-d{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qhd-content .en-slist-forestry-d-img{

}
.qhd-content .en-slist-forestry-d-middle{
    position: absolute;
    /*top: calc(100vw * 0.0465);*/
	width:100%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
}
.qhd-content .en-slist-forestry-d-middle .en-slist-forestry-d-middle-title{

}
.qhd-content  .en-slist-forestry-d-middle-title .en-slist-forestry-d-middle-title-text{
    font-size: calc(100vw * 0.4643 * 0.0687);
    color: #fff;
    line-height: 1.2;
    text-decoration: underline;
    text-underline-offset: 12px;
    text-decoration-thickness: 2px;
}
.qhd-content .en-slist-forestry-d-middle-logo{
    display: none;
    /*display: flex;*/
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin-top:3px;
}
.qhd-content .en-slist-forestry-d-middle-logo .en-slist-forestry-d-middle-logo-img{
    width: calc(100vw * 0.1474);
}
.qhd-content .en-slist-forestry-d-middle .en-slist-forestry-d-middle-discription{
    font-size: calc(100vw * 0.4643 * 0.0277);
    color: #fff;
    margin-top: 0.62vw;
}
/*===== en-slist-forestry-e =====*/
.qhd-content .en-slist-forestry-e{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qhd-content .en-slist-forestry-e-img{

}
.qhd-content .en-slist-forestry-e-middle{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
    width:55%;
}
.qhd-content .en-slist-forestry-e-middle .en-slist-forestry-e-middle-title{

}
.qhd-content  .en-slist-forestry-e-middle-title .en-slist-forestry-e-middle-title-text{
    font-size: calc(100vw * 0.4643 * 0.0527);
    color: #fff;
    line-height: 1.2;
}
.qhd-content .en-slist-forestry-e-middle .en-slist-forestry-e-middle-discription{
    font-size: calc(100vw * 0.4643 * 0.0287);
    color: #fff;
    /*margin-top: 5vw;*/
    line-height: 1.5;
}
.qhd-content .en-slist-forestry-e-bottom{
    position: absolute;
	width:100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
    bottom:0;
}
.qhd-content .en-slist-forestry-e-bottom-logo{
    position: absolute;
    bottom: 0;
    width: calc(100vw * 0.2851);
    height: calc(100vw * 0.2104 * 0.125);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* 剪裁路径：从左上角开始到右下角在水平方向50%的位置 */
}
.qhd-content .en-slist-forestry-e-bottom-logo .en-slist-forestry-e-bottom-logo-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*============= End TBS 详情页CSS补充———— 英文方案list forestry =============*/



/*============================================== TBS 详情页CSS补充———— 英文方案list agriculture ==================================================*/
/*===== en-slist-agriculture-a =====*/
.qhd-content .en-slist-agriculture-a{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qhd-content .en-slist-agriculture-a-img{

}
.qhd-content .en-slist-agriculture-a-middle{
    position: absolute;
    flex-direction: column;
    left: calc(100vw * 0.1615);
    width: 50%;
}
.qhd-content .en-slist-agriculture-a-middle-logo{
    display: flex;
}
.qhd-content .en-slist-agriculture-a-middle-logo .en-slist-agriculture-a-middle-logo-img{
    width: calc(100vw * 0.2074);
}
.qhd-content .en-slist-agriculture-a-middle .en-slist-agriculture-a-middle-title{

}
.qhd-content  .en-slist-agriculture-a-middle-title .en-slist-agriculture-a-middle-title-text{
    font-size: calc(100vw * 0.4643 * 0.0507);
    color: #fff;
    line-height: 1.2;
    text-decoration: underline;
    text-underline-offset: 12px;
    text-decoration-thickness: 3px;
}
.qhd-content .en-slist-agriculture-a-middle .en-slist-agriculture-a-middle-discription{
    font-size: calc(100vw * 0.4643 * 0.0277);
    color: #fff;
    line-height: 1.5;
    margin-top: 0.6vw;
}
.qhd-content .en-slist-agriculture-a .en-slist-agriculture-a-middle-focus{
    height: : calc(100vw * 0.3541);
    margin-top: 0.87vw;
    display: flex;
}
.qhd-content .en-slist-agriculture-a .en-slist-agriculture-a-middle-focus .en-slist-agriculture-a-middle-focus-img1{
    width: calc(100vw * 0.0263);
}
.qhd-content .en-slist-agriculture-a .en-slist-agriculture-a-middle-focus .en-slist-agriculture-a-middle-focus-title1{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #fff;
    margin-left: 0.5vw;
}
.qhd-content .en-slist-agriculture-a .en-slist-agriculture-a-middle-focus .en-slist-agriculture-a-middle-focus-img2{
    width: calc(100vw * 0.0263);
    margin-left: 6vw;
}
.qhd-content .en-slist-agriculture-a .en-slist-agriculture-a-middle-focus .en-slist-agriculture-a-middle-focus-title2{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #fff;
    margin-left: 0.5vw;

}


/*===== en-slist-agriculture-b =====*/
.qhd-content .en-slist-agriculture-b{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qhd-content .en-slist-agriculture-b-img{

}
.qhd-content .en-slist-agriculture-b-left{
    position: absolute;
    left: calc(100vw * 0.151);
	width:15%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
}
.qhd-content .en-slist-agriculture-b-left-logo{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-slist-agriculture-b-left-logo .en-slist-agriculture-b-left-logo-img{
    width: calc(100vw * 0.1474);
}
.qhd-content .en-slist-agriculture-b-right{
    position: absolute;
	width:50%;
    display: flex;
    flex-direction: column;
    margin-left:calc(100vw * 0.304);
}
.qhd-content .en-slist-agriculture-b-right .en-slist-agriculture-b-right-title{

}
.qhd-content  .en-slist-agriculture-b-right-title .en-slist-agriculture-b-right-title-text{
    font-size: calc(100vw * 0.4643 * 0.0427);
    color: #fff;
    line-height: 1.2;
    width:50%;
}
.qhd-content .en-slist-agriculture-b .en-slist-agriculture-b-right-focus{
    height: : calc(100vw * 0.3541);
    margin-top: 0.87vw;
    display: flex;
    flex-direction: column;
}
.qhd-content .en-slist-agriculture-b .en-slist-agriculture-b-right-focus .en-slist-agriculture-b-right-focus-row{
    display: flex;
    flex-direction: row; 
    margin-top:0.5vw;
    width:50%;
}
.qhd-content .en-slist-agriculture-b .en-slist-agriculture-b-right-focus .en-slist-agriculture-b-right-focus-row .en-slist-agriculture-b-right-focus-img1{
    width: calc(100vw * 0.0293);
}
.qhd-content .en-slist-agriculture-b .en-slist-agriculture-b-right-focus .en-slist-agriculture-b-right-focus-row .en-slist-agriculture-b-right-focus-title1{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #fff;
    margin-left: 1.24vw;
    margin-bottom: 0;
}
.qhd-content .en-slist-agriculture-b .en-slist-agriculture-b-right-focus .en-slist-agriculture-b-right-focus-row .en-slist-agriculture-b-right-focus-img2{
    width: calc(100vw * 0.0293);
}
.qhd-content .en-slist-agriculture-b .en-slist-agriculture-b-right-focus .en-slist-agriculture-b-right-focus-row .en-slist-agriculture-b-right-focus-title2{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #fff;
    margin-left: 1.24vw;
    margin-bottom: 0;
}



/*===== en-slist-agriculture-c =====*/
.qhd-content .en-slist-agriculture-c{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qhd-content .en-slist-agriculture-c-img{

}
.qhd-content .en-slist-agriculture-c-right{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 水平居中 */
    /*align-items: center; /* 垂直居中 */	
    margin-left: 50%;
    width:45%;
}
.qhd-content .en-slist-agriculture-c-right .en-slist-agriculture-c-right-discription{
    font-size: calc(100vw * 0.4643 * 0.024);
    color: #fff;
    line-height: 1.5;
}
.qhd-content .en-slist-agriculture-c .en-slist-agriculture-c-right-focus{
    height: : calc(100vw * 0.3541);
    margin-top: 0.87vw;
    display: flex;
}
.qhd-content .en-slist-agriculture-c .en-slist-agriculture-c-right-focus .en-slist-agriculture-c-right-focus-img1{
    width: calc(100vw * 0.0263);
}
.qhd-content .en-slist-agriculture-c .en-slist-agriculture-c-right-focus .en-slist-agriculture-c-right-focus-title1{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #fff;
    margin-left: 1.24vw;
}
.qhd-content .en-slist-agriculture-c .en-slist-agriculture-c-right-focus .en-slist-agriculture-c-right-focus-img2{
    width: calc(100vw * 0.0263);
    margin-left: 4.17vw;
}
.qhd-content .en-slist-agriculture-c .en-slist-agriculture-c-right-focus .en-slist-agriculture-c-right-focus-title2{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #fff;
    margin-left: 1.24vw;

}


/*===== en-slist-agriculture-d =====*/
.qhd-content .en-slist-agriculture-d{
    position: relative;
    width: 100%;
    display: grid;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
}
.qhd-content .en-slist-agriculture-d-img{

}
.qhd-content .en-slist-agriculture-d-middle{
    position: absolute;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
}
.qhd-content .en-slist-agriculture-d-middle-logo{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.qhd-content .en-slist-agriculture-d-middle-logo .en-slist-agriculture-d-middle-logo-img{
    width: calc(100vw * 0.1874);
}


/*===== en-slist-agriculture-e =====*/
.qhd-content .en-slist-agriculture-e{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qhd-content .en-slist-agriculture-e-img{

}
.qhd-content .en-slist-agriculture-e-middle{
    position: absolute;
    bottom: calc(100vw * 0.05);
	width:100%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
    width:64%;
}
.qhd-content .en-slist-agriculture-e .en-slist-agriculture-e-middle-focus{
    display: flex;
}
.qhd-content .en-slist-agriculture-e .en-slist-agriculture-e-middle-focus .en-slist-agriculture-e-middle-focus-img1{
    width: calc(100vw * 0.0263);
}
.qhd-content .en-slist-agriculture-e .en-slist-agriculture-e-middle-focus .en-slist-agriculture-e-middle-focus-title1{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #fff;
    margin-left: 1.24vw;
}
.qhd-content .en-slist-agriculture-e .en-slist-agriculture-e-middle-focus .en-slist-agriculture-e-middle-focus-img2{
    width: calc(100vw * 0.0263);
    margin-left: 20vw;
}
.qhd-content .en-slist-agriculture-e .en-slist-agriculture-e-middle-focus .en-slist-agriculture-e-middle-focus-title2{
    font-size: calc(100vw * 0.4643 * 0.0307);
    color: #fff;
    margin-left: 1.24vw;
}
.qhd-content .en-slist-agriculture-e-middle .en-slist-agriculture-e-middle-discription{
    font-size: calc(100vw * 0.4643 * 0.028);
    color: #fff;
    line-height: 1.5;
    /*margin-top: 1.24vh;*/
}
.qhd-content .en-slist-agriculture-e-bottom{
    position: absolute;
	width:100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
    bottom:0;
}
.qhd-content .en-slist-agriculture-e-bottom-logo{
    position: absolute;
    bottom: 0;
    width: calc(100vw * 0.5651);
    height: calc(100vw * 0.5651 * 0.095);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); /* 剪裁路径：从左上角开始到右下角在水平方向50%的位置 */
}
.qhd-content .en-slist-agriculture-e-bottom-logo .en-slist-agriculture-e-bottom-logo-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*===== en-slist-agriculture-f =====*/
.qhd-content .en-slist-agriculture-f{
    position: relative;
    width: 100%;
    font-family: LucidaGrande,sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qhd-content .en-slist-agriculture-f-img{

}
.qhd-content .en-slist-agriculture-f-left{
    position: absolute;
	width:50%;
    display: flex;
    left: calc(100vw* 0.1);
}
.qhd-content .en-slist-agriculture-f-left .en-slist-agriculture-f-left-title{

}
.qhd-content  .en-slist-agriculture-f-left-title .en-slist-agriculture-f-left-title-text{
    font-size: calc(100vw * 0.4643 * 0.0557);
    color: #fff;
    line-height: 1.2;
}
.qhd-content .en-slist-agriculture-f-right{
    position: absolute;
	width:50%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */	
    margin-left:38%;
}
.qhd-content .en-slist-agriculture-f-right .en-slist-agriculture-f-right-discription{
    font-size: calc(100vw * 0.4643 * 0.0237);
    color: #fff;
    /*margin-top: 1.24vh;*/
}

/*============= End TBS 详情页CSS补充———— 英文方案list agriculture =============*/




/*=================================== TBS 详情页CSS补充———— 英文方案core services standalone ==================================================*/


/*===== section-offers =====*/
    .section-offers {
        position: relative;
    }

    .content-center {
        max-width: 800px;
        text-align: center;
        margin: 0 auto;
    }

    .offers {
        padding: 80px 0 120px;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    
    .offers-tabcontent {
        margin: 0 auto;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        max-width: 1120px;
        max-height: 0;
        height: 0;
        width: 0;
        overflow: hidden;
        background-color: rgba(0,0,0,.03);
        -webkit-box-shadow: 0 3px 15px rgba(0,0,0,.03);
        box-shadow: 0 3px 15px rgba(0,0,0,.03);
        opacity: 0;
        -webkit-transition: opacity 1s;
        transition: opacity 1s
    }
    
    .offers-tabcontent.active {
        max-height: none;
        height: 100%;
        width: 100%;
        opacity: 1;
        -webkit-transition: opacity 1s;
        transition: opacity 1s;
    }
    
    .offers-tabcontent .tabcontent-item {
        padding: 30px 20px 0 0;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.3333%;
        flex: 0 1 33.3333%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 372px;
        min-width: 300px;
        min-height: 190px;
        background-color: #fff;
        overflow: hidden;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        cursor: pointer
    }
    
    .offers-tabcontent .tabcontent-item:first-child {
        border-top-left-radius: 7px;
    }
    
    .offers-tabcontent .tabcontent-item:not(:nth-child(n+4)) {
        margin-bottom: 3px;
    }
    
    .offers-tabcontent .tabcontent-item:nth-child(3) {
        border-top-right-radius: 7px;
    }
    
    .offers-tabcontent .tabcontent-item:nth-child(4) {
        border-bottom-left-radius: 7px;
    }
    
    .offers-tabcontent .tabcontent-item:nth-child(6) {
        border-bottom-right-radius: 7px;
    }
    
    .offers-tabcontent .tabcontent-item:hover {
        background-color: rgba(20,118,242,.8)
    }
    
    .offers-tabcontent .tabcontent-item:hover .offer-content-title {
        color: #fff
    }
    
    .offers-tabcontent .tabcontent-item:hover .offer-content-description {
        color: hsla(0,0%,100%,.85)
    }
    
    .offers-tabcontent .tabcontent-item:hover .offer-content-link-more {
        opacity: 1;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
    
    .offers-tabcontent .tabcontent-item:hover .offer-content-link-more i {
        margin-left: 5px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
    
    .offers-tabcontent .tabcontent-item:hover .offer-image {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
    
    .offers-tabcontent .tabcontent-item:hover .offer-image g>path,.offers-tabcontent .tabcontent-item:hover .offer-image g>polygon,.offers-tabcontent .tabcontent-item:hover .offer-image g>polyline,.offers-tabcontent .tabcontent-item:hover .offer-image path {
        stroke: hsla(0,0%,100%,.3);
        -webkit-transition: all .3s linear;
        transition: all .3s linear
    }
    
    .offers-tabcontent .tabcontent-item .offer-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 70%;
        flex: 0 1 70%;
        max-width: 260px;
        padding-left: 3px;
    }
    
    .offers-tabcontent .tabcontent-item .offer-content-title {
        max-width: 260px;
        margin-bottom: 13px;
        font-size: 15px;
        font-weight: 600;
        line-height: 1;
        text-align: left;
        color: #323232;
        text-transform: capitalize;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    
    .offers-tabcontent .tabcontent-item .offer-content-description {
        margin: 0 0 12px;
        font-size: 13.5px;
        line-height: 1.43;
        text-align: left;
        color: rgba(50, 50, 50, .8);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    
    .offers-tabcontent .tabcontent-item:hover .offer-image {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    
    .offers-tabcontent .tabcontent-item .offer-image {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        padding-left: 10px;
    }

    .services__title {
        margin: 0 auto;
        max-width: 849px;
        font-size: 32px;
        font-weight: 600;
        line-height: 1.25;
        text-align: center;
        color: #323232
    }
    
    .enterprise-development-offers .container {
        width: 1200px;
        padding: 0;
        margin: 0 auto;
        height: 100%;
        position: relative;
    }

    .enterprise-development-offers .offers {
        padding: 51px 0 60px
    }
    
    .enterprise-development-offers .content-center {
        padding: 80px 0 0
    }
    
    .enterprise-development-offers .content-center h2 {
        margin-bottom: -3px
    }
    
    .enterprise-development-offers .offers-tabcontent {
        max-width: 1200px
    }
    
    .enterprise-development-offers .offers-tabcontent .tabcontent-item {
        min-height: 250px;
        max-width: 378px;
        padding: 31px 20px 0 0;
    }
    
    .enterprise-development-offers .offers-tabcontent .tabcontent-item .offer-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
        max-width: 290px;
    }
    
    .enterprise-development-offers .offers-tabcontent .tabcontent-item .offer-content-title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 9px;
        text-transform: unset;
    }
    
    .enterprise-development-offers .offers-tabcontent .tabcontent-item .offer-content .offer-content-description {
        line-height: 20px;
    }
    
    .enterprise-development-offers .offers-tabcontent .tabcontent-item .offer-image {
        padding-left: 4px;
        margin-top:-14px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%;
    }
    
    .enterprise-development-offers #particles {
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url(img/standalone/bg-offers.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        z-index: 0;  /*-999 */
    }
    
    .enterprise-development-offers canvas {
        display: block;
        vertical-align: bottom;
    }
    
    
/*===== latest-teach =====*/

    .latest-teach {
        padding: 80px 0;
        background-color: #1476f2;
    }

    .latest-teach.enterprise-development-latest {
        /*background: -webkit-gradient(linear, left bottom, left top, from(#fafafa), to(#fafafa));*/
        /*background: -webkit-linear-gradient(bottom, #fafafa, #fafafa);*/
        background: linear-gradient(0deg, #fafafa, #fafafa);
        padding: 70px 0 0;
    }
    
    .latest-teach .container {
        width: 1200px;
        padding: 0;
        margin: 0 auto;
        height: 100%;
        overflow: hidden;
    }
    
    .latest-teach .teach-title {
        margin-bottom: 20px;
        text-align: center;
        font-size: 32px;
        line-height: 1.56;
        font-weight: 600;
        text-transform: uppercase;
        color: #323232
    }
    
    .services__title {
        margin: 0 auto;
        max-width: 849px;
        font-size: 32px;
        font-weight: 600;
        line-height: 1.25;
        text-align: center;
        color: #323232
    }
    
    .latest-teach .teach-description {
        margin: 0 auto 100px;
        max-width: 880px;
        text-align: center;
        font-size: 18px;
        line-height: 1.67;
        color: #555
    }

    .latest-teach .teach-items {
        position: relative;
        margin-bottom: 0;
        text-align: left;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    .latest-teach .teach-items .teach-item {
        margin-bottom: 0;
        width: 100%;
        border-bottom: 1px solid rgba(50,50,50,.1)
    }
    
    .latest-teach .teach-items .teach-item .preview {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: center;
        cursor: pointer;
        padding: 5px 5px 30px
    }

    .latest-teach .teach-items .teach-item .teach-icon {
        margin-bottom: 35px;
        min-height: 75px
    }

    .latest-teach .teach-items .teach-item .item-title {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 1.25;
        font-weight: 400;
        text-transform: none;
        color: #323232
    }

    .latest-teach .teach-items .teach-item .more-info {
        position: absolute;
        margin-top: 35px;
        left: 110%;
        width: 100%;
        -webkit-transition: left 0s;
        transition: left 0s
    }

    .latest-teach .teach-items .teach-item .more-info .item-title {
        display: block;
        margin-bottom: 0;
        font-size: 20px;
        line-height: 1.5;
        font-weight: 600;
        text-transform: uppercase;
        color: #323232;
        padding-right: 10px
    }

    .latest-teach .teach-items .teach-item .more-info .item-description {
        font-size: 16px;
        line-height: 27px;
        font-weight: 400;
        color: #323232
    }

    .latest-teach .teach-items .teach-item.active {
        border-bottom: 1px solid #3f7fe7
    }

    .latest-teach .teach-items .teach-item.active .more-info {
        /*-js-display: flex;*/
        /*display: -webkit-box;*/
        /*display: -ms-flexbox;*/
        display: flex;
        left: 0;
        width: 100%;
        -webkit-transition: left 1s;
        transition: left 1s
    }

    .latest-teach .teach-items .teach-item.active .more-info .item-title {
        width: 40%
    }

    .latest-teach .teach-items .teach-item.active .more-info .item-description {
        width: 60%
    }



/*============= lifecycle =============*/
    .lifecycle {
        background-color: #fff;
        padding: 80px 0;
    }

    .lifecycle .container {
        width: 1200px;
        padding: 0;
    }
    
    .lifecycle .title {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #fff;
        text-transform: uppercase;
    }

    .lifecycle .title--black {
        color: #323232;
        text-align: center;
        width: 100%;
    }
    
    .lifecycle p.description {
        font-size: 18px;
        line-height: 1.67;
        text-align: center;
        color: rgba(50, 50, 50, .7);
        width: 100%;
        margin: auto;
    }
    
    .lifecycle .lifecycle__container {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        max-width: 1000px;
        margin: 68px auto 0;
    }
    
    .lifecycle .lifecycle__container--left {
        padding-right: 26px;
    }
    
    .lifecycle .lifecycle__container--right {
        padding-left: 28px;
    }
    
    .lifecycle .lifecycle__container--left,.lifecycle__container--right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%
    }
    
    .lifecycle ul {
        list-style: none;
        padding: 0;
    }
    
    .lifecycle ul li a.toggle {
        width: 100%;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #323232;
        padding: 13px 0 11px 29px;
        font-size: 16px;
        font-weight: 600;
        line-height: 23px;
        border-top: 1px solid rgba(35, 135, 253, .2);
        position: relative;
    }
    
    .lifecycle ul li a.toggle.active {
        color: #1476f2;
        border-bottom: none;
    }
    
    .lifecycle ul li a.toggle.active:after {
        color: #1476f2;
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg)
    }
    
    .lifecycle ul li a.toggle svg {
        min-width: 50px;
    }
    
    .lifecycle ul li a.toggle.active svg g {
        stroke: #1476f2
    }
    
    .lifecycle ul li a.toggle span {
        display: inline-block;
        padding-left: 43px;
    }
    
    .lifecycle ul li a.toggle:hover {
        color: #1476f2
    }
    
    .lifecycle ul li a.toggle:hover svg g {
        stroke: #1476f2
    }
    
    .lifecycle ul li a.toggle:after {
        content: "";
        opacity: .6;
        position: absolute;
        top: 40%;
        right: 38px;
        border: solid;
        border-width: 0 1px 1px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 8px;
        height: 8px;
    }
    
    .lifecycle ul .inner {
        padding: 0 63px 28px 122px;
        overflow: hidden;
        /*display: none;*/
        color: #323232;
        font-family: Montserrat;
        font-size: 14px;
        line-height: 22px;
    }
    
    .lifecycle ul.mobile-logo {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        max-width: 475px;
    }
    
    .lifecycle img{
        border: 0;
        display: block;
        max-width: 100%;
    }
    
    /* 当内容显示时的样式 */
    .lifecycle .lifecycle_item.active .inner {
        display: block !important;
    }
    
    .lifecycle .lifecycle_item.active .toggle {
        background-color: #e0e0e0;
    }


    /* 测试CSS */
    .lifecycle .container-test {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
      display: none;
    }
    
    .lifecycle .item-list {
      list-style: none;
      padding: 0;
    }
    
    .lifecycle  .item {
      margin-bottom: 10px;
      border: 1px solid #ddd;
      border-radius: 4px;
      overflow: hidden;
    }
    
    .lifecycle .item-link {
      display: block;
      padding: 10px 15px;
      background-color: #f5f5f5;
      color: #333;
      text-decoration: none;
      font-weight: bold;
      transition: background-color 0.3s;
    }
    
    .lifecycle .item-link:hover {
      background-color: #e9e9e9;
    }
    
    .lifecycle .item-content {
      padding: 15px;
      display: none; /* 默认隐藏内容 */
      background-color: #fff;
    }
    
    /* 当内容显示时的样式 */
    .lifecycle .item.active .item-content {
      display: block;
    }
    
    .lifecycle .item.active .item-link {
      background-color: #e0e0e0;
    }
    
    
/*============= service-cta =============*/
    .service-cta {
        height: 200px;
        width: 100vw;
        background: -webkit-linear-gradient(201deg,#343434,#5b5b5b,#2a2a2a,#525252);
        background: linear-gradient(249deg,#343434,#5b5b5b,#2a2a2a,#525252);
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-size: 400% 400%;
        -webkit-animation: Gradient 17s ease infinite;
        animation: Gradient 17s ease infinite;
        font-family: Verdana;
    }
    
    .service-cta__text-area--team-extension {
        max-width: 640px;
        margin: 0 119px 0 0;
    }
    
    .service-cta__text-area {
        font-size: 24px;
        text-transform: uppercase;
        margin: 0 50px 0 0;
        line-height: 1.25;
    }
    
    .service-cta__text-area--construction .btn,.service-cta__text-area--it-consulting .btn {
        font-size:14px;
        width: 100%;
        height: fit-content;
        white-space: normal;
        padding: 14px 20px
    }

    .service-cta__text-area--careers {
        text-align: center;
        width: 90%!important;
        margin: 0!important;
        padding: 35px 80px 45px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #fff;
        max-width: 855px
    }
    
    .service-cta__white {
        font-size: 24px;
        color: #fff;
        line-height: 34px;
        margin-bottom: 0;
        font-weight: 600;
    }
    
    .button--white-green {
        height: 45px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        min-width: 140px;
        font-size: 13px;
        padding: 0 20px;
        text-transform: uppercase;
        background: #1476f2;
        -webkit-transition: all .3s;
        transition: all .3s;
        border: none;
        white-space: nowrap;
        background: transparent;
        border: 2px solid #fff;
        height: 50px;
        min-width: 220px;
        font-weight: 600;
        color: #fff;
        background: #17ca8e;
        border: 2px solid #17ca8e;
        font-size: 15px
    }
    
    
/*============= tools =============*/    
    .tools {
        padding: 68px 0 80px;
        background-color: #fff;
    }
    
    .tools .container {
        width: 1200px;
        padding: 0;
    }
    
    .tools__content {
        max-width: 800px;
        margin: 0 auto 50px;
        text-align: center
    }
    
    .tools__list--top {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 2px;
    }
    
    .tools__list--top .item-1 h3:before, .tools__list--top .item-1 p:before {
        background-image: url(img/standalone/group-19.svg);
    }
    
    .tools__list .tools__list--item.item-2 h3:before, .tools__list .tools__list--item.item-2 p:before {
        background-image: url(img/standalone/group-40.svg);
    }
    
    .tools__list--item {
        padding: 37px 20px 20px;
    }
    
    .tools__list--item h3, .tools__list--item p {
        font-size: 16px;
        line-height: 1.31;
        color: #1476f2;
        text-transform: uppercase;
        font-weight: 600;
        padding-left: 50px;
        position: relative;
    }
    
    .tools__list--item h3:before, .tools__list--item p:before {
        content: "";
        position: absolute;
        left: -3px;
        top: -14px;
        width: 48px;
        height: 45px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    
    .tools__list--item .list {
        margin-top: 39px;
        list-style-type: none;
        padding: 0;
    }
    
    .tools__list--item .list li {
        display: inline-block;
        font-size: 16px;
        line-height: 1.25;
        border-radius: 13px;
        border: 1px solid rgba(20, 118, 242, .2);
        padding: 3px 10px;
        margin-bottom: 14px;
    }
    
    
    .tools__list .tools__list--item {
        margin-right: 2px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 47%;
        padding-right: 15px;
    }
    
    
    .tools__list .tools__list--item.item-1 {
        background-color: #f1f8ff;
        border-top-left-radius: 10px;
    }
    
    .tools__list .tools__list--item.item-2 {
        background-color: #eaf3fe;
        border-top-right-radius: 10px;
    }
    

    
    .tools__list--bottom {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .tools__list--bottom .tools__list--item {
        margin-right: 2px;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 24.9%!important;
        flex: 0 0 21.97% !important;
    }
    
    .tools__list--bottom .tools__list--item.item-1 {
        background-color: #dfeeff !important;
        border-bottom-left-radius: 10px;
        border-top-left-radius: 0 !important;
    }
    
    .tools__list--bottom .tools__list--item.item-2 {
        background-color: #eaf3fe;
        border-top-right-radius: 0 !important;
    }
        
    .tools__list--bottom .tools__list--item.item-3 {
        background-color: #f1f8ff;
        padding-top: 31px;
    }
    
    .tools__list--bottom .tools__list--item.item-4 {
        background-color: #dfeeff;
        border-bottom-right-radius: 10px;
    }
    
    .tools__list--bottom .tools__list--item.item-1 h3:before, .tools__list--bottom .tools__list--item.item-1 p:before {
        background-image: url(img/standalone/group-25.svg) !important;
    }
    
    .tools__list--bottom .tools__list--item.item-2 h3:before, .tools__list--bottom .tools__list--item.item-2 p:before {
        background-image: url(img/standalone/group-33.svg) !important;
    }
    
    .tools__list--bottom .tools__list--item.item-3 h3:before, .tools__list--bottom .tools__list--item.item-3 p:before {
        background-image: url(img/standalone/group-29.svg);
        top: -4px;
    }
    
    .tools__list--bottom .tools__list--item.item-4 h3:before, .tools__list--bottom .tools__list--item.item-4 p:before {
        background-image: url(img/standalone/group-15.svg);
    }
        
    

/*============= End TBS 详情页CSS补充———— 英文方案core services standalone =============*/




/*==================== TBS 详情页CSS补充———— 英文方案core services solution =======================*/

/*============= latest-tech =============*/
    .latest-tech {
      --max-width: 1200px;
      --gap: 40px;
      font-family: Verdana,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: #111;
      padding: 60px 20px;
    }
    
    .latest-tech .container {
      max-width: var(--max-width);
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--gap);
      align-items: start;
    }
    
    /* 左侧列 */
    .latest-tech .left-col .main-title {
      font-size: 32px;
      font-weight: 600;
      margin-bottom: 30px;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    .latest-tech .tech-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    
    .latest-tech .tech-list li {
      display: flex;
      align-items: flex-start;
      gap: 15px;
      margin-bottom: 25px;
    }
    
    .latest-tech .tech-list .icon {
      width: 40px;
      height: 40px;
      flex-shrink: 0;
      object-fit: contain;
    }
    
    .latest-tech .tech-list h3 {
      font-size: 20px;
      margin: 0 0 5px;
    }
    
    .latest-tech .tech-list p {
      font-size: 16px;
      line-height: 1.6;
      margin: 0;
      color: #444;
    }
    
    /* 右侧列 */
    .latest-tech .right-col {
      display: flex;
      flex-direction: column;
      gap: var(--gap);
    }
    
    .latest-tech .hero-img img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      object-fit: cover;
    }
    
    .latest-tech .summary {
      background: #f9f9f9;
      border-radius: 8px;
      padding: 30px;
    }
    
    .latest-tech .summary h2 {
      font-size: 26px;
      margin: 0 0 15px;
    }
    
    .latest-tech .summary p {
      font-size: 16px;
      line-height: 1.7;
      margin: 0;
      color: #444;
    }
    
    /* 响应式：≤900px 变单列 */
    @media (max-width: 900px) {
      .latest-tech .container {
        grid-template-columns: 1fr;
      }
    }
    
    
    
/*============= service-integration =============*/
    .service-integration {
      background: #1476f2;          /* 蓝色背景 */
      color: #ffffff;
      font-family: Verdana,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      padding: 60px 20px;
    }
    
    .service-integration .main-title {
      font-size: 32px;
      font-weight: 600;
      text-align: center;
      margin: 0 0 50px;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    
    .service-integration .cards-row {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 30px;
      max-width: 1200px;
      margin: 0 auto;
    }
    
    .service-integration .card {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    
    .service-integration .icon {
      width: 48px;
      height: 48px;
      margin-bottom: 15px;
    }
    
    .service-integration .card h3 {
      font-size: 18px;
      font-weight: 700;
      margin: 0 0 10px;
    }
    
    .service-integration .card p {
      font-size: 15px;
      line-height: 1.5;
      margin: 0;
    }
    
    /* 响应式：≤1100px 变 3 列，≤700px 变 2 列，≤480px 变 1 列 */
    @media (max-width: 1100px) {
      .service-integration .cards-row { grid-template-columns: repeat(3, 1fr); }
    }
    @media (max-width: 700px) {
      .service-integration .cards-row { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 480px) {
      .service-integration .cards-row { grid-template-columns: 1fr; }
    }
    
    
/*============= subsystem-analytics =============*/

    .subsystem-analytics {
      background: #fff;
      color: #333;
      font-family: Verdana,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      padding: 60px 20px;
    }
    
    .subsystem-analytics .container {
        width: 1200px;
        padding: 0;
        margin: 0 auto;
        height: 100%;
    }
    
    .subsystem-analytics .main-title {
      font-size: 32px;
      font-weight: 600;
      text-align: center;
      margin: 0 0 50px;
      letter-spacing: 1px;
      text-transform: uppercase;
      max-width:1200px;
    }
    
    .subsystem-analytics .cards-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px;
      max-width: 1200px;
      margin: 0 auto;
    }
    
    .subsystem-analytics .card {
      background: #ffffff;
      color: #111;
      border-radius: 16px;
      padding: 30px 25px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      min-height: 300px;
    }
    
    .subsystem-analytics .card-icon {
      width: 48px;
      height: 48px;
      margin-bottom: 15px;
      object-fit: contain;
    }
    
    .subsystem-analytics .card h3 {
      font-size: 18px;
      font-weight: 700;
      margin: 0 0 10px;
    }
    
    .subsystem-analytics .card p {
      font-size: 15px;
      line-height: 1.6;
      margin: 0;
    }
    
    /* 响应式 */
    @media (max-width: 900px) {
      .subsystem-analytics .cards-row {
        grid-template-columns: 1fr;
      }
    }
    
    
    /*============= advantages__section =============*/
    .advantages__section {
        padding: 72px 40px;
        background-color: #fff;
        font-family: Verdana,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    
    .advantages__section .container {
        width: 1200px;
        padding: 0;
        margin: 0 auto;
        height: 100%;
    }
    
    .advantages__section .solution__lifecycle-description {
        text-align: center;
    }
    
    .advantages__section p {
        font-size: 18px;
        line-height: 1.67;
    }
    
    .advantages__section img {
        border: 0;
        display: block;
        max-width: 100%;
        margin-top: 48px;
    }
    

/*============= End TBS 详情页CSS补充———— 英文方案core services solution =============*/




/*==================== TBS 详情页CSS补充———— 英文方案core services UI =======================*/

/*============= service-why =============*/

    .service-why {
        padding-top: 80px;
        font-family: Verdana;
    }
    
    .service-why .service-why__title {
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 30px;
        z-index: 2;
        position: relative;
        line-height: 1.33;
    }
    
    .service-why .service-why__description {
        padding: 0 15px;
        margin: 0 auto 45px;
        max-width: 800px;
        text-align: center;
        font-size: 15px;
        line-height: 1.67;
        color: #555;
    }
    
    .service-why .service-why__points {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .service-why .service-why__point-block-design {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 630px;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        background-size: cover;
        background-position: 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #fff;
        overflow: hidden
    }
    
    @media (min-width: 1025px) {
        .service-why .service-why__point-block-design {
            -webkit-transition: all .6s;
            transition: all .6s;
        }
    }
    
    .service-why .service-why__mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(50, 50, 50, .5);
        z-index: 1;
    }
    
    @media (min-width: 1025px) {
        .service-why .service-why__mask {
            -webkit-transition: all .3s;
            transition: all .3s;
        }
    }
    
    .service-why .service-why__point-title {
        width: 95%;
        z-index: 5;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 10px;
        line-height: 1.2;
        font-size: 20px;
    }

    @media (min-width: 1025px) {
        .service-why .service-why__point-title {
            -webkit-transition: all .6s cubic-bezier(0,.62,.5,.99);
            transition: all .6s cubic-bezier(0,.62,.5,.99);
        }
    }

    @media (min-width: 360px) {
        .service-why .service-why__point-title {
            font-size: 24px;
        }
    }
    
    .service-why .service-why__point-lead-content {
        max-height: 0;
        z-index: 5;
        font-size:18px;
    }
    
    @media (min-width: 1025px) {
        .service-why .service-why__point-lead-content {
            -webkit-transition: all .6s;
            transition: all .6s;
        }
    }

    .service-why .service-why__point-lead {
        z-index: 5;
        word-wrap: break-word;
        padding: 0 30px;
        text-align: center;
        opacity: 0;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        line-height: 1.45;
    }
    
    @media (min-width: 650px) {
        .service-why .service-why__point-lead {
            line-height: 1.5;
        }
    }
    
    @media (min-width: 1025px) {
        .service-why .service-why__point-lead {
            -webkit-transition: all .6s cubic-bezier(0,.62,.5,.99);
            transition: all .6s cubic-bezier(0,.62,.5,.99);
        }
    }
    
    .service-why .service-why__point-block-design:hover {
        /*padding-top: 40px;*/
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    
    .service-why .service-why__point-block-design:hover .service-why__point-title {
        padding-top: 80px;
    }
    
    .service-why .service-why__point-block-design:hover .service-why__mask {
        background: rgba(20,118,242,.8)
    }
    
    @media screen and (max-width: 1024px) {
        .service-why .service-why__point-block-design:hover .service-why__mask {
            background:rgba(50,50,50,.5)
        }
    }
    
    .service-why .service-why__point-block-design:hover .service-why__point-lead-content {
        width: 100%;
        max-height: 200px
    }
    
    @media screen and (max-width: 1024px) {
        .service-why .service-why__point-block-design:hover .service-why__point-lead-content {
            max-height:400px
        }
    }
    
    @media screen and (max-width: 425px) {
        .service-why .service-why__point-block-design:hover .service-why__point-lead-content {
            max-height:none
        }
    }
    
    .service-why .service-why__point-block-design:hover .service-why__point-lead {
        margin-top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    
    @media (min-width: 1025px) {
        .service-why .service-why__point-block-design:hover .service-why__point-lead {
            -webkit-transition:all .6s cubic-bezier(0,.62,.5,.99);
            transition: all .6s cubic-bezier(0,.62,.5,.99)
        }
    }
    
    
    /*============= design-services =============*/
    .design-services {
        padding: 90px 0;
        background-color: #fff;
    }
    
    .design-services .container {
        width: 1200px;
        padding: 0;
        margin: 0 auto;
        height: 100%;
    }
    
    .design-services .design-service-title {
        text-align: center;
        font-size: 32px;
        line-height: 1.25;
        font-weight: 600;
        text-transform: uppercase;
        color: #323232;
    }
    
    .design-services .design-service-description {
        margin-bottom: 100px;
        padding: 0 15px;
        margin: 0 auto 45px;
        max-width: 800px;
        text-align: center;
        font-size: 15px;
        line-height: 1.67;
        color: #555;
    }
    
    .design-services .design-items {
        text-align: center;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .design-services .design-items .design-item {
        width: 100%;
    }
    
    .design-services .design-items .design-item .design-icon {
        margin-bottom: 25px;
        height: 70px;
    }
    
    .design-services .design-items .design-title {
        padding: 0 22px;
        margin-bottom: 23px;
        font-size: 16px;
        line-height: 1.25;
        font-weight: 400;
        text-transform: none;
        color: #323232;
        text-align: center;
    }
    
    
    
    /*============= service-cta mobile-app-cta =============*/
    .mobile-app-cta {
        background: url(img/ui/Bitmap.webp) 50% / cover no-repeat;
        height: 210px;
    }
    
    .mobile-app-cta .service-cta__text-area--team-extension {
        max-width: 700px;
        margin: 0 89px 0 0;
    }
    
    
    .mobile-app-cta .service-cta__white {
        font-weight: 600;
    }
    

    .mobile-app-cta .button--white-green {
        min-width: 220px;
    }
    
    
    /*============= ux-block =============*/
    .ux-block {
        padding-bottom: 0!important
    }
    
    .ux-block .container,.ui-block .container {
        width: 1200px;
        padding: 0;
        margin: 0 auto;
        height: 100%;
    }
    
    .ux-block iframe,.ui-block iframe {
        border: transparent;
    }
    
    .ui-block,.ux-block {
        padding: 90px 0;
        background-color: #fff
    }
    
    @media (max-width: 900px) {
        .ui-block,.ux-block {
            display:none
        }
    }
    
    .ui-block .ux__title,.ux-block .ux__title {
        margin: 0 auto 80px;
        max-width: 870px;
        width: 100%;
        text-align: center;
        font-size: 32px;
        line-height: 1.25;
        color: #323232
    }
    
    .ui-block .ux__description,.ux-block .ux__description {
        margin: -50px auto 80px;
        max-width: 870px;
        width: 100%;
        text-align: center;
        letter-spacing: normal;
        font-size: 18px;
        line-height: 1.67;
        color: #323232
    }
    
    .ui-block .ui__points,.ui-block .ux__points,.ux-block .ui__points,.ux-block .ux__points {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto
    }
    
    .ui-block .ui__points .row,.ui-block .ux__points .row,.ux-block .ui__points .row,.ux-block .ux__points .row {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    
    .ui-block .ui__points .row .point,.ui-block .ux__points .row .point,.ux-block .ui__points .row .point,.ux-block .ux__points .row .point {
        display: block;
        position: relative;
        height: 50px;
        width: 50px;
        padding: 7px;
        font-size: 25px;
        font-weight: 600;
        /*line-height: 1.33;*/
        text-align: center;
        color: #1476f2;
        border: 2px solid #1476f2;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: opacity .8s;
        transition: opacity .8s
    }
    
    .ui-block .ui__points .row .point.animated,.ui-block .ux__points .row .point.animated,.ux-block .ui__points .row .point.animated,.ux-block .ux__points .row .point.animated {
        opacity: 1
    }
    
    .ui-block .ui__points .row .point.animated .text,.ui-block .ux__points .row .point.animated .text,.ux-block .ui__points .row .point.animated .text,.ux-block .ux__points .row .point.animated .text {
        position: absolute;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 1.25;
        letter-spacing: -.9px;
        text-align: center;
        color: #323232;
        -webkit-transition: opacity .8s;
        transition: opacity .8s
    }
    
    .ui-block .ui__points .row .point.animated .third-text,.ui-block .ux__points .row .point.animated .third-text,.ux-block .ui__points .row .point.animated .third-text,.ux-block .ux__points .row .point.animated .third-text {
        bottom: 65px;
        left: -75px;
        width: 200px
    }
    
    .ui-block .ui__points .row .point.animated .second-text,.ui-block .ux__points .row .point.animated .second-text,.ux-block .ui__points .row .point.animated .second-text,.ux-block .ux__points .row .point.animated .second-text {
        width: 100px;
        text-align: right;
        top: 0;
        right: 65px
    }
    
    .ui-block .ui__points .row .point.animated .second-text--no,.ui-block .ux__points .row .point.animated .second-text--no,.ux-block .ui__points .row .point.animated .second-text--no,.ux-block .ux__points .row .point.animated .second-text--no {
        width: auto
    }
    
    .ui-block .ui__points .row .point.animated .fourth-text,.ui-block .ux__points .row .point.animated .fourth-text,.ux-block .ui__points .row .point.animated .fourth-text,.ux-block .ux__points .row .point.animated .fourth-text {
        width: 100px;
        left: 65px;
        text-align: left;
        top: 0
    }
    
    .ui-block .ui__points .row .point.animated .first-text,.ui-block .ux__points .row .point.animated .first-text,.ux-block .ui__points .row .point.animated .first-text,.ux-block .ux__points .row .point.animated .first-text {
        width: 100px;
        top: 15px;
        right: 40px
    }
    
    .ui-block .ui__points .row .point.animated .five-text,.ui-block .ux__points .row .point.animated .five-text,.ux-block .ui__points .row .point.animated .five-text,.ux-block .ux__points .row .point.animated .five-text {
        width: 100px;
        top: 15px;
        left: 40px
    }
    
    .ui-block .ui__points .row .point.animated .six-text,.ui-block .ux__points .row .point.animated .six-text,.ux-block .ui__points .row .point.animated .six-text,.ux-block .ux__points .row .point.animated .six-text {
        width: 100px;
        top: 4px;
        right: 60px;
        text-align: right
    }
    
    .ui-block .ui__points .row .point.animated .seven-text,.ui-block .ux__points .row .point.animated .seven-text,.ux-block .ui__points .row .point.animated .seven-text,.ux-block .ux__points .row .point.animated .seven-text {
        width: 100px;
        text-align: right;
        top: 0;
        right: 65px
    }
    
    .ui-block .ui__points .row .point.animated .eight-text,.ui-block .ux__points .row .point.animated .eight-text,.ux-block .ui__points .row .point.animated .eight-text,.ux-block .ux__points .row .point.animated .eight-text {
        width: 200px;
        top: 62px;
        left: -75px
    }
    
    .ui-block .ui__points .row .point.animated .nine-text,.ui-block .ux__points .row .point.animated .nine-text,.ux-block .ui__points .row .point.animated .nine-text,.ux-block .ux__points .row .point.animated .nine-text {
        width: 125px;
        text-align: left;
        top: 0;
        left: 65px
    }
    
    .ui-block .ui__points .row .point.animated .ten-text,.ui-block .ux__points .row .point.animated .ten-text,.ux-block .ui__points .row .point.animated .ten-text,.ux-block .ux__points .row .point.animated .ten-text {
        width: 100px;
        top: 4px;
        left: 65px;
        text-align: left
    }
    
    .ui-block .row-1,.ux-block .row-1 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        top: 20px
    }
    
    .ui-block .ui-1,.ux-block .ui-1 {
        position: relative;
        top: -10px
    }
    
    .ui-block .row-2,.ux-block .row-2 {
        width: 28%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    @media (min-width: 901px) and (max-width:1000px) {
        .ui-block .row-2,.ux-block .row-2 {
            width:38%
        }
    }
    
    @media (min-width: 1001px) and (max-width:1170px) {
        .ui-block .row-2,.ux-block .row-2 {
            width:33%
        }
    }
    
    .ui-block .row-3,.ux-block .row-3 {
        width: 38%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    @media (min-width: 901px) and (max-width:1000px) {
        .ui-block .row-3,.ux-block .row-3 {
            width:51%
        }
    }
    
    @media (min-width: 1001px) and (max-width:1170px) {
        .ui-block .row-3,.ux-block .row-3 {
            width:44%
        }
    }
    
    .ui-block .row-4,.ux-block .row-4 {
        width: 55%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    @media (min-width: 901px) and (max-width:1000px) {
        .ui-block .row-4,.ux-block .row-4 {
            width:73%
        }
    }
    
    @media (min-width: 1001px) and (max-width:1170px) {
        .ui-block .row-4,.ux-block .row-4 {
            width:64%
        }
    }
    
    .ui-block .row-5,.ux-block .row-5 {
        width: 61%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    
    @media (min-width: 901px) and (max-width:1000px) {
        .ui-block .row-5,.ux-block .row-5 {
            width:85%
        }
    }
    
    @media (min-width: 1001px) and (max-width:1170px) {
        .ui-block .row-5,.ux-block .row-5 {
            width:72%
        }
    }
    
    .ui-block .first-frame,.ux-block .first-frame {
        width: 89px;
        height: 96px
    }
    
    .ui-block .second-frame,.ux-block .second-frame {
        width: 125px;
        height: 35px
    }
    
    .ui-block .third-frame,.ux-block .third-frame {
        width: 124px;
        height: 34px
    }
    
    .ui-block .fourth-frame,.ux-block .fourth-frame {
        width: 89px;
        height: 95px
    }
    
    .ui-block .five-frame,.ux-block .five-frame {
        width: 89px;
        height: 96px
    }
    
    .ui-block .seven-frame,.ui-block .six-frame,.ux-block .seven-frame,.ux-block .six-frame {
        width: 125px;
        height: 35px
    }
    
    .ui-block .eight-frame,.ux-block .eight-frame {
        width: 89px;
        height: 95px
    }
    
    .title-process.animation {
        opacity: 1;
        -webkit-transition: .3s;
        transition: .3s;
    }
    
    .title-process {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: center;
        color: #323232;
        text-transform: uppercase;
        width: 200px;
        opacity: 0;
    }
    

/*============= End TBS 详情页CSS补充———— 英文方案core services UI =============*/



/*==================== TBS 详情页CSS补充———— 英文方案core services Data =======================*/

/*============= mvp-section =============*/
    .mvp-section {
        padding: 72px 0;
        margin: 0 auto;
        width: 1200px
    }
    
    .mvp-header {
        height: auto;
        padding: 0;
        text-align: center;
        margin-bottom: 32px;
        color: #323232;
        font-size: 32px;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
    }
    
    .mvp-industries {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        gap: 30px 20px;
    }
    
    .mvp-industry {
        display: block;
        padding: 24px 32px;
        background-color: #fff;
    }
    
    .mvp-industry-title {
        margin: 20px 0;
        color: #323232;
        font-size: 18px;
        font-weight: 600;
        line-height: normal;
        text-transform: none;
    }
    
    .mvp-industry-description {
        color: #000;
    }
    
    .mvp-industry-description, .mvp-industry-link {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
    }


    /*============= prog-pipeline =============*/
    
    .container { max-width: 1200px; margin: 0 auto; padding: 60px 20px; }
    
    /* 上半区 */
    .prog-pipeline { 
        background: #fff; 
        color: #333; 
        font-family:  Verdana, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    
    .top-header h1,
    .bottom-header h2 {
      font-size: 32px;
      font-weight: 600;
      text-align: center;
      margin: 0 0 15px;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    .sub-desc { text-align: center; font-size: 19px; line-height: 1.7; margin: 0 0 50px; }
    
    /* 整体面板 */
    .tab-panel {
      display: flex;
      gap: 30px;
      margin-bottom: 80px;
    }
    .tab-nav {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 260px;
      flex-shrink: 0;
    }
    .tab-nav li {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 16px 20px;
      border-radius: 12px;
      font-size: 18px;
      cursor: pointer;
      transition: background .25s;
    }
    .tab-nav li img { width: 26px; height: 26px; }
    
    .tab-nav li.active { 
        /*background: rgba(255, 255, 255, .2); */
        background: rgba(241, 243, 243, 1); 
    }
    .tab-content {
      flex: 1;
      /*background: #fafafa;*/
      color: #111;
      border-radius: 12px;
      padding: 30px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    }
    .tab-content .panel { 
        display: none; 
    }
    .tab-content .panel.active { display: flex; flex-direction: column; gap: 15px; }
    .tab-content img {
      width: 640px;
      height: 360px;
      object-fit: cover;
      border-radius: 12px;
      align-self: flex-start;
      margin-left: 105px;
    }
    .tab-content p { font-size: 18px; line-height: 1.7; margin: 0; }
    
    /* 下半区 */
    .pipeline-cards {
      display: flex;
      gap: 30px;
    }
    .pipeline-card {
      flex: 1;
      /*background: var(--white);*/
      color: #111;
      border-radius: 12px;
      padding: 35px 30px;
      text-align: center;
      transition: transform .3s, box-shadow .3s;
    }
    .pipeline-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
    }
    .pipeline-card img { width: 50px; height: 50px; margin-bottom: 15px;}
    .pipeline-card h3 { font-size: 22px; margin: 0 0 10px; }
    .pipeline-card p  { font-size: 17px; line-height: 1.7; margin: 0; }
    
    /* 响应式 */
    @media (max-width: 950px) {
      .tab-panel { flex-direction: column; }
      .tab-nav { width: 100%; display: flex; overflow-x: auto; gap: 10px; }
      .pipeline-cards { flex-direction: column; }
    }

        
/*============= End TBS 详情页CSS补充———— 英文方案core services Data =============*/


/*==================== TBS 详情页CSS补充———— 英文方案core services IT =======================*/

/*============= service-why =============*/
    .service-why .service-why__title--team-extension {
        max-width: 540px;
        margin: 0 auto 30px;
        color: #323232;
    }
    
    .service-why .service-why__mask-main {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(50, 50, 50, .5);
        z-index: 1;
    }
    
    .service-why .service-why__point-title-main {
        width: 95%;
        z-index: 5;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 10px;
        line-height: 1.2;
        font-size: 20px;
        height: 60px;
    }

    @media (min-width: 360px) {
        .service-why .service-why__point-title-main {
            font-size: 24px;
        }
    }
    
    .service-why .service-why__point-lead-content-main {
        max-height: 0;
        z-index: 5;
    }
    
    
    .service-why .service-why__point-lead-main {
        z-index: 5;
        word-wrap: break-word;
        padding: 0 30px;
        text-align: center;
        line-height: 1.45;
        font-size: 18px;
    }

    @media (min-width: 650px) {
        .service-why .service-why__point-lead-main {
            line-height: 1.5;
        }
    }
    
    .service-why .service-why__point-block-main {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 630px;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        background-size: cover;
        background-position: 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #fff;
        overflow: hidden;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 140px
    }
    
    .service-why .service-why__point-block-main--no {
        padding-top: 100px
    }
    
    @media screen and (max-width: 768px) {
        .service-why .service-why__point-block-main {
            width:50%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-top: 0;
            -webkit-box-flex: 1;
            -ms-flex: auto;
            flex: auto;
            height: 400px
        }
    }
    
    @media screen and (max-width: 425px) {
        .service-why .service-why__point-block-main {
            width:100%;
            -webkit-box-flex: 1;
            -ms-flex: auto;
            flex: auto;
            height: auto;
            padding: 40px 20px
        }
    }
    
    
    /*============= service-dev-team =============*/
    .service-dev-team {
        padding: 60px 0 80px;
        background-color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    @media (min-width: 768px) {
        .service-dev-team {
            padding: 110px 0;
        }
    }
    
    .service-dev-team .container {
        margin: 0 auto;
        padding: 0 40px;
        height: 100%;
        width: 100%;
    }

    
    @media screen and (min-width: 1280px) {
        .service-dev-team .container {
            width: 1200px;
            padding: 0;
        }
    }
    
    .service-dev-team .dev-team__title {
        margin: 0 auto 80px;
        max-width: 650px;
        width: 100%;
        text-align: center;
        font-size: 30px;
        line-height: 1.25;
        color: #323232
    }
    
    @media screen and (max-width: 767px) {
        .service-dev-team .dev-team__title {
            line-height:40px;
            margin-bottom: 73px
        }
    }
    
    .service-dev-team .dev-team__description {
        margin: -50px auto 80px;
        max-width: 870px;
        width: 100%;
        text-align: center;
        font-size: 18px;
        line-height: 1.67;
        color: #555
    }
    
    @media screen and (max-width: 767px) {
        .service-dev-team .dev-team__description {
            font-size:16px;
            line-height: 30px;
            margin-bottom: 62px
        }
    }
    
    .service-dev-team .dev-team__steps {
        margin: 0 auto 18px;
        padding: 0 10%;
        /*width: 100%;*/
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        opacity: 0
    }
    
    .service-dev-team .dev-team__steps .step__dotted-line {
        /*margin: 0 25px 0 30px;*/
        max-width: 260px;
        overflow: hidden
    }
    
    .service-dev-team .dev-team__steps .step__dotted-line iframe {
        height: 3px
    }
    
    .service-dev-team .dev-team__row {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        counter-reset: col-header
    }
    
    .service-dev-team .dev-team__row .col~.col {
        margin-top: 100px
    }
    
    @media screen and (max-width: 767px) {
        .service-dev-team .dev-team__row .col~.col {
            margin-top:85px
        }
    }
    
    .service-dev-team .dev-team__row .col {
        width: 100%
    }
    
    .service-dev-team .dev-team__row .col .col-header {
        margin-top: -20px;   /* 10px */
        margin-bottom: 35px;
        padding: 20px 10px
    }
    
    @media screen and (max-width: 767px) {
        .service-dev-team .dev-team__row .col .col-header {
            margin-bottom:0;
            padding-bottom: 0;
            height: auto!important
        }
    }
    
    .service-dev-team .dev-team__row .col .col-header .header-title {
        position: relative;
        margin-bottom: 21px;
        font-size: 18px;
        font-weight: 600;
        line-height: 1;
        text-align: center;
        text-transform: uppercase;
        color: #323232
    }
    
    @media screen and (max-width: 767px) {
        .service-dev-team .dev-team__row .col .col-header .header-title {
            margin-bottom:17px
        }
    }
    
    .service-dev-team .dev-team__row .col .col-header .header-title:before {
        counter-increment: col-header;
        content: counter(col-header);
        position: absolute;
        top: -75px;
        left: 50%;
        display: block;
        height: 50px;
        width: 50px;
        padding: 7px;
        font-size: 25px;
        font-weight: 600;
        line-height: 1.33;
        text-align: center;
        color: #1476f2;
        border: 2px solid #1476f2;
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: opacity .8s;
        transition: opacity .8s
    }
    
    @media (min-width: 768px) {
        .service-dev-team .dev-team__row .col .col-header .header-title:before {
            opacity:0
        }
    }
    
    .service-dev-team .dev-team__row .col .col-header .header-title.animated:before {
        opacity: 1
    }
    
    .service-dev-team .dev-team__row .col .col-header .header-title i {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 13px;
        color: #323232;
        opacity: .1;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    
    .service-dev-team .dev-team__row .col .col-header .header-description {
        margin: 0 auto;
        max-width: 280px;
        width: 100%;
        font-size: 15px;
        font-weight: 300;
        line-height: 1.33;
        text-align: center;
        color: #323232
    }
    
    .service-dev-team .dev-team__row .col .col-footer {
        padding: 40px;
        background-color: #fafafa
    }
    
    @media screen and (max-width: 767px) {
        .service-dev-team .dev-team__row .col .col-footer {
            padding:22px 25px;
            height: auto!important
        }
    }
    
    .service-dev-team .dev-team__row .col .col-footer p {
        font-size: 15px;
        line-height: 1.53;
        color: #555
    }
    
    @media screen and (max-width: 767px) {
        .service-dev-team .dev-team__row .col .col-footer p {
            line-height:25px
        }
    }
    
    .service-dev-team .dev-team__row .col .col-footer .footer-title {
        margin-bottom: 10px;
        text-transform: uppercase;
        color: #323232
    }
    
    .service-dev-team .dev-team__row .col .col-footer .footer-list li~li {
        margin-top: 20px
    }
    
    .service-dev-team .dev-team__row .col .col-footer .footer-list--no {
        word-break: break-all
    }
    
    .service-dev-team .dev-team__row .col .col-footer .footer-list li {
        margin-left: 32px;
        font-family: Montserrat,Arial,sans-serif;
        font-size: 15px;
        line-height: 1.33;
        color: #555
    }
    
    .service-dev-team .dev-team__row .col .col-footer .footer-list li:before {
        content: "";
        display: inline-block;
        margin-left: -32px;
        margin-right: 20px;
        width: 6px;
        height: 6px;
        background-color: #1476f2
    }
    
    @media (min-width: 768px) {
        .service-dev-team {
            padding:110px 0
        }
    
        .service-dev-team .dev-team__description {
            margin: -80px auto 80px
        }
    
        .service-dev-team .dev-team__steps {
            opacity: 1
        }
    
        .service-dev-team .dev-team__title {
            margin: 0 auto 110px;
            font-size: 32px
        }
    
        .service-dev-team .dev-team__row {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }
    
        .service-dev-team .dev-team__row .col~.col {
            margin-top: 0;
            margin-left: 30px
        }
    
        .service-dev-team .dev-team__row .col-3~.col-3 {
            margin-left: 20px
        }
    
        .service-dev-team .dev-team__row .col {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: -webkit-calc(33.333% - 30px);
            width: calc(33.333% - 30px)
        }
    
        .service-dev-team .dev-team__row .col .col-header .header-title i {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0)
        }
    
        .service-dev-team .dev-team__row .col .col-header .header-title--no {
            font-size: 16px
        }
    
        .service-dev-team .dev-team__row .col .col-footer {
            padding: 25px
        }
    
        .service-dev-team .dev-team__row .col .col-footer--no {
            padding: 15px 10px
        }
    
        .service-dev-team .dev-team__row .col .col-footer--no p {
            word-break: break-all
        }
    
        .service-dev-team .dev-team__row .col-3 {
            width: -webkit-calc(25% - 20px);
            width: calc(25% - 20px)
        }
    }
    
    @media (min-width: 1024px) {
        .service-dev-team .dev-team__steps {
            opacity:1
        }
    
        .service-dev-team .dev-team__row .col~.col {
            margin-left: 60px
        }
    
        .service-dev-team .dev-team__row .col-3~.col-3 {
            margin-left: 20px
        }
    
        .service-dev-team .dev-team__row .col {
            width: -webkit-calc(33.333% - 60px);
            width: calc(33.333% - 60px)
        }
    
        .service-dev-team .dev-team__row .col .col-header {
            padding: 20px
        }
    
        .service-dev-team .dev-team__row .col .col-header .header-title {
            font-size: 20px
        }
    
        .service-dev-team .dev-team__row .col .col-footer {
            padding: 35px;
            min-height: 350px
        }
    
        .service-dev-team .dev-team__row .col-3 {
            width: -webkit-calc(25% - 20px);
            width: calc(25% - 20px)
        }
    }
    
    @media (min-width: 1244px) {
        .service-dev-team .dev-team__steps {
            opacity:1
        }
    
        .service-dev-team .dev-team__row .col .col-footer {
            padding: 40px
        }
    
        .service-dev-team .dev-team__row .col .col-footer--no p {
            word-break: normal
        }
    }

    
    .service-dev-team iframe {
        border: transparent;
    }


    
        
/*============= End TBS 详情页CSS补充———— 英文方案core services IT =============*/



/*#############################################################################################################################################################*/
@media only screen and (max-width:767px){ 
    
    
     .button{
        width: 142px;
        height: 42px;
        border: 1px solid #0071c6;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #0071c6;
        line-height: 42px;
    }
    .button a{
        display: inline-block;
        width: 142px;
        height: 42px;
        font-size: 14px;
        font-weight: bold;
        color: #0071c6;
        line-height: 42px;
        
    }
    .button:hover{
        border: 1px solid #0071c6;
        background: #0071c6;
        color: #fff;
    }
    .button a:hover{
        width: 142px;
        height: 42px;
        background: #0071c6;
        color: #fff;
    }
    
    
    /*============= TBS About =============*/
    .i_box2 {
        width: 100%;
        padding-top: 10px;
    }
    
    .i_box2 .box_tit span {
        text-align: left
    }
        
    .box_tit span {
        font-size: 20px;
        text-align: center;
        color: #333;
        display: block;
    }
    
    .i_box2 .box_tit em {
        width: 50px;
        height: 4px;
        background: #243b8a;
        display: block;
        font-style: normal;
        margin-top: 10px
    }
    
    .i_box2 .box .fr img {
        display: block;
        width: 100%;
        margin-top:10px;
    }
    
    .more a span {
        width: 160px;
        height: 42px;
        color: #fff;
        display: block;
        text-align: center;
        line-height: 42px;
        font-size: 16px;
        background: #243b8a;
        transition: .5s;
    }
    /*============= End TBS About =============*/
    
    
    /*============= TBS 业务 =============*/
    .system{
        width: 100%;
        /*max-width: 1920px;*/
        background: #f5f3f0;
        margin-top:15px;
    }
    .system ul{
        width: 100%;
    }
    .system ul li{
        float:center;
        width: 100%;
        /*height: 465px;*/
        overflow: hidden;
    }
    .system_img11{
        width: 100%;
        height:370px;
    }
    .system ul li img{
        width: 100%;
        display: inherit;
    }
    .system_li{
        float: left;
        width: 50%;
        padding-top: 4%;
    }
    .system_li2{
        width: 40%!important;
        padding-left: 4%;
        padding-right: 6%;
    }
    .system_img12{
        width: 100%; 
        height:370px;
        margin-top:15px;
    }
    .system_img13{
        width: 100%;
        height:370px;
        margin-top:15px;
    }
    .system_img14{
        float: right;
        width: 50%;
    }
    .system_li3{
        width: 90%!important;
        padding-left: 6%;
        padding-right: 4%;
    }
    .system h4{
        font-size: 20px;
        color: #333;
        width: 220px;
        padding-bottom: 15px;
        border-bottom: 5px solid #0071c6;
    }
    .system_p{
        font-size: 14px;
        color: #666666;
        line-height: 24px;
        margin-top: 5%;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .system .button{
        margin-top: 3%;
        margin-bottom: 3%;
        width: 142px;
        height: 42px;
        border: 1px solid #0071c6;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #0071c6;
        line-height: 42px;
    }
    
    /*============= End TBS 业务 =============*/
    
    /*============= TBS products =============*/
    .products{
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 80px;
    }
    .products_top{
        width: 100%;
        text-align: center;
    }
    .products_top h3{
        font-size: 28px;
        color: #1f2227;
    }
    .products_top h3+p{
        font-size: 14px;
        color: #999999;
        margin-top: 5px;
    }
    .products_bottom{
        margin-top: 50px;
    }
    .products_bottom ul{
        display: inline-block;
        margin: 0 -1%; width:100%
    }
    .products_bottom ul li{
        float: left;
        width: 100%;
        margin: 0 1%;
        background: #f4f4f4;
    }
    .products_bottom .li_img{
        width: 100%;
    /*    max-width: 400px;*/
    }
    .products_bottom .li_img img{
        width: 100%;
    }
    .products_bottom .li_div{
        padding: 0 20px;
        text-align: center;
    }
    .products_bottom .li_div h4{
        font-size: 20px;
        color: #333333;
        margin-top: 15px;
    }
    .products_bottom .li_div h4+p{
        font-size: 14px;
        color: #999999;
    }
    .products_bottom .products_p{
        margin-top: 15px;
        font-size: 12px;
        color: #666;
        line-height: 24px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        text-align: left;
        height: 120px;
    }
    .products_bottom .button{
        margin: 30px auto;
    }
    /*============= End TBS products =============*/
    
    /*============= TBS sy_news =============*/
    .sy_news_div{
        width: 100%;
        background: url("../img/sy_7.jpg") no-repeat center top;
    }
    .sy_news{
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding-top: 80px;
    }
    .sy_news_top{
        width: 100%;
        text-align: center;
    }
    .sy_news_top h3{
        font-size: 28px;
        color: #1f2227;
    }
    .sy_news_top h3+p{
        font-size: 14px;
        color: #999999;
        margin-top: 5px;
    }
    .sy_news_bottom{
        width: 100%;
        margin-top: 40px;
    }
    .sy_news_ul{
        width: 100%;
        height: 34px;
    }
    .sy_news_ul_tab{
        margin: 0 auto;
        text-align: center;
    
    }
    .sy_news_ul_tab li{ display:inline-block;
        width: 148px;
        height: 32px;
        line-height: 32px;
        border: 1px solid #4a4a4a;
        margin: 0 10px;
    }
    .sy_news_ul_tab li:hover{
        border: 1px solid #0071c6;
        color: #0071c6;
    }
    .sy_news_ul_bottom{
        padding-top: 7%;
        padding-bottom: 7%;
        overflow: hidden;
        float: left;
        width: 100%;
        max-height: 420px;
    }
    .sy_news_li_list{
        width: 100%;
        float: left;
        margin-bottom: 15%;
    }
    .news_list h3{
        margin-top: 15px;
    }
    .sy_news_img{
        float: left;
        width: 30%;
        position: relative;
    }
    .sy_news_img p{
        text-align: center;
    }
    .sy_news_img p:nth-of-type(2){
        display: none;
    }
    .sy_news_img .p_ie{
        position: absolute;
        top: 44%;
        left: 20%;
        font-size: 22px;
        color: #fff;
        width: 60%;
        height: 35px;
        line-height: 35px;
    }
    .news_img_gzh p{
        margin: 0 auto;
        max-width: 235px;
    }
    .news_img_gzh p:last-of-type{
        font-size: 15px;
        color: #fff;
        margin-top: 5px;
    }
    .news_img_gzh img{
        max-width: 231px;
    }
    .sy_news_img img{
        display: none;
    }
    .sy_news_li_list .news_list{
        float: left;
        width: 80%;
        padding-left: 8%;
    /*    margin: -1% 0;*/
    }
    .news_list .article{
        overflow: hidden;
        max-height: 110px;
        padding-top: 3%!important;
    }
    .news_list li{
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }
    .news_list .news_ul_li_title{
        font-size: 16px;
        font-weight: bold;
        color: #333333;
        line-height: 22px;
        padding-left: 10px;
        background: url("../images/li_dian.png") no-repeat left 8px;
    }
    .news_list .news_ul_li_time{
        font-size: 12px;
        color: #0071c6;
        padding-left: 10px;
    }
    .news_ul_li_ms{
        font-size: 14px;
        color: #666666;
        line-height: 24px;
        margin-top: 5px;
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
        padding-left: 10px;
    }

   /*============= End TBS sy_news =============*/
    
    
   /*============= TBS 留言 =============*/
    .email {
    	width: 90%;
    	float: left;
    	background: url(../images/fbg.png) no-repeat 100% 0;
    	padding: 0 4%;
    }
    
    .email form {
    	padding-left: 0px
    }
    
    .email form input {
    	height: 40px;
    	padding: 0 5px;
    	color: white;
    }
    
    .email form input,.email form textarea {
    	font:inherit;
    	width: 98%;
    	height: 40px;
    	border: 1px solid #ccc;
    	border-radius:4px;
    	/*background: #252725;*/
    	margin-bottom: 8px;
    	outline: 0;
    	color: #000;
    	font-size:14px;
    }
    
    .email form textarea {
    	font:inherit;
    	height: 120px;
    	padding: 5px;
    	color: #000;
    	width:98%;
    }

    .email form .sub_btn {
    	background: #0071c6;
    	width: 120px;
    	height: 40px;
    	font-size: 14px;
    	color: #fff;
    	text-align: center;
    	line-height: 40px;
    	border: none;
    	float: right;
    	border-radius: 4px;
    }
    
    .email .submitbutton{
        float:left;
        width:22%;
    }
        
    .qrcss {
    	width: 100%;
    	float: left;
    }
    
    .qrcss h3 {
    	text-align: center
    }
    
    .qrcss span img {
    	background: #fff;
    	padding: 6px;
    	display: block;
    	margin: 0 auto;
    	border-radius: 5px
    }
    
    .qrcss p {
    	font-size: 14px;
    	color: #fff;
    	margin-top: 12px;
    	text-align: center
    }    
       
      .qrcss span img {
    	max-width: 120px;
    	max-height: 120px;
    }  
    
     /*============= End TBS 留言 =============*/
     
     
    /*============= TBS 解决方案、新闻导航、面包屑 =============*/ 
   .page_nav{
       height: 45px;
       line-height: 45px;
       border-bottom: 1px solid #eaeaea; 
       background: #f1f1f1;
   }
   .page_nav .r_sec{display:none;}
   .page_nav .crumb{float: right;display:none;}

    /*============= End TBS 解决方案、新闻导航、面包屑 =============*/  
    
    
    /*============= TBS 新闻中心 =============*/ 
     .news-box {
        padding: 25px 0 25px;
        background: #fff;
        width: 100%
    }

    .news-list-bot ul {
        width: 100%
    }

    .news-list-bot li {
        width: 100%;
        margin: 0 4% 25px 0;
        float: left;
        transition: box-shadow .3s
    }

    .news-list-bot li.cur {
        margin-right: 0
    }

    .news-list-bot li .pic {
        width: 100%;
        overflow: hidden;
        height: 48vw;
        /*border: 1px solid #e6e6e6*/
    }

    .news-list-bot li img {
        width: 100%;
        transition: transform .3s
    }

    .news-list-bot li .con {
        display: block;
        /*width: 86%;*/
        border: 1px solid #e6e6e6;
        border-top: 0;
        padding: 15px 3% 15px
    }

    .news-list-bot li h2 {
        /* font-size: 24px; */
        font-size: 18px;
        font-weight: 700;
        color: #333;
        /*line-height: 44px;*/
        overflow: hidden;
        height: 64px;
        transition: color .3s;
        width:100%;
    }

    .news-list-bot li .time {
        color: #999;
        line-height: 26px;
        font-size: 14px;
        padding-left: 30px;
        background: url(../img/case31.png) no-repeat left center
    }

    .news-list-bot li .font {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        margin-top: 14px;
        height: 68px;
        overflow: hidden;
        width: 100%;
    }

    .news-page {
        width: 100%;
        height: 40px;
        text-align: center
    }

    .news-page a {
        font-size: 14px;
        line-height: 40px;
        width: 40px;
        height: 40px;
        display: inline-block;
        background: #f7f7f7;
        color: #686868;
        transition: background .3s, color .3s
    }

    .news-page.new a {
        background: #fff
    }

    .news-page a.active,
    .product-list .news-page a.active,
    .news-page.on a.active,
    .news-page.new a.active {
        color: #fff;
        background: #de241b
    }

    .news-page a.btns {
        font-family: 'Microsoft YaHei',微软雅黑;
    }
    
    
    /*============= End TBS 新闻中心 =============*/
     
     
     
      /*============= TBS 解决方案 =============*/ 
    .solution-list-wrap {
      position: relative;
    }
    .solution-cnt {
       max-width: 1400px;
       margin: 0 auto;
       width: 92%;
       padding: 0 0 1px 0;
    }
    .solution-list-wrap h2 {
      margin: 0px auto 40px auto;
    }
    .solution-list-wrap .introduce-box {
      text-align: center;
      margin-bottom: 50px;
    }
    .solution-list-wrap  .introduce-box .title {
      font-size: 24px;
      line-height: 30px;
      font-weight: 700;
      margin: 35px 0 25px 0;
    }
    .solution-list-wrap .introduce-box .text {
      font-size: 16px;
      line-height: 22px;
    }
    .solution-list-wrap .solution-list {
      padding-bottom: 40px;
    }
    .solution-list-wrap .solution-list-mobile {
      display: none;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .swiper-slide {
      font-size: 18px;
      line-height: 26px;
      width: auto;
      cursor: pointer;
      padding: 16px 45px 35px 45px;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .swiper-slide::after {
      content: "";
      width: 100%;
      height: 9px;
      position: absolute;
      top: 68px;
      right: 0;
      background: url(../home_new_image/line.png) no-repeat;
      background-position: center;
      opacity: 0;
      transition: all 0.4s ease;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .swiper-slide::before {
      content: "/";
      color: #333;
      position: absolute;
      left: 0;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .swiper-slide:first-child:before {
      display: none;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-active {
      color: #0071c6;
      font-weight: 600;
      text-align: center;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-active.swiper-slide::after {
      opacity: 1;
      top: 68px;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .swiper-slide:hover {
      color: #0071c6;
      font-weight: 600;
    }
    .solution-list-wrap .solution-list .solution-content {
      display: none;
      position: relative;
      background-color: #f7f7f7;
      padding: 30px 25px;
    }
    .solution-list-wrap .solution-list .solution-content .slide-content-active {
      display: block;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-prev,
    .solution-list-wrap .solution-list .swiper-solution-list .solution-next {
      background-image: none;
      font-size: 20px;
      font-weight: 600;
      color: #bfbfbf;
      z-index: 9;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-prev:hover,
    .solution-list-wrap .solution-list .swiper-solution-list .solution-next:hover {
      color: #0071c6;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-prev:focus,
    .solution-list-wrap .solution-list .swiper-solution-list .solution-next:focus {
      outline: none;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-prev {
      position: absolute;
      top: 16px;
      left: 0;
      background: #fff;
      padding-right: 35px;
    }
    .solution-list-wrap .solution-list .swiper-solution-list .solution-next {
      position: absolute;
      top: 16px;
      right: 0;
      left: auto;
      background: #fff;
      padding-left: 35px;
    }
    .solution-list-wrap .solution-list .solution-content .link {
      display: block;
      margin-bottom: 24px;
    }
    .solution-list-wrap .solution-list .solution-content .link:last-child {
      margin-bottom: 0;
    }
    .solution-list-wrap .solution-list .solution-content .list-box {
      /*display: flex;*/
      position: relative;
    }
    .solution-list-wrap .solution-list .solution-content .list-box .text-box {
      /*width: calc(71% - 34px);*/
      /*margin-left: 34px;*/
    }
    .solution-list-wrap .solution-list .solution-content .list-box .text-box h4 {
      font-size: 18px;
      font-weight: 600;
      margin-top:18px;
      margin-bottom: 18px;
      color: #333;
      transition: all 0.4s;
    }
    .solution-list-wrap .solution-list .solution-content .list-box:hover .text-box h4 {
      color: #0071c6;
    }
    .solution-list-wrap .solution-list .solution-content .list-box .text-box p {
      font-size: 16px;
      line-height: 35px;
      color: #333;
    }
    .solution-list-wrap .solution-list .solution-content .list-box .text-box .more-btn {
      color: #fff;
      padding: 5px 16px;
      display: inline-block;
      border: 1px solid #fff;
      background-color: #0071c6;
      border-color: #0071c6;
      font-size: 14px;
      line-height: 20px;
      margin-top:18px;
      /*position: absolute;*/
      right: 60px;
      bottom: 30px;
    }
    .solution-list-wrap .solution-list .solution-content .link .iconfont {
      position: absolute;
      top: 5px;
      right: 12px;
      transition: all 0.4s;
    }
    .solution-list-wrap .solution-list .solution-content .link .more-text {
      margin-right: 12px;
    }
    .solution-list-wrap .solution-list .solution-content .link:hover .iconfont {
      right: 6px;
    }
    .solution-list-wrap .solution-list .solution-content .list-box .img-bg {
      width: 100%;
      max-width: 372px;
      height: 239px;
      overflow: hidden;
    }
    .solution-list-wrap .solution-list .solution-content .list-box .img-box {
      width: 100%;
      max-width: 372px;
      height: 239px;
      transition: all 0.6s;
    }
    .solution-list-wrap .solution-list .solution-content .link:hover .list-box .img-box {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
    .solution-list-wrap .solution-back {
      text-align: center;
    }
    .solution-list-wrap .back-box {
      color: #333;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .solution-list-wrap .solution-back .iconfont {
      display: block;
      width: 36px;
      height: 36px;
      background-color: #fff;
      border-radius: 50%;
      box-shadow: 0px 0px 15px 0px 
        rgba(51, 51, 51, 0.15);
        text-align: center;
        line-height: 36px;
        cursor: pointer;
        transition: all 0.4s;
    }
    .solution-list-wrap .solution-back p {
      margin-left: 10px;
      cursor: pointer;
      font-size: 18px;
    }
    .solution-list-wrap .solution-back:hover span {
      box-shadow: 0px 0px 15px 0px 
        rgba(51, 51, 51, 0.25);
    }
    .pc-solution-list-disable {
      display: none;
    }
    
    
    
    h2.new-cate-title {
      font-size: 28px;
      line-height: 36px;
      font-weight: 600;
      text-align: center;
      padding-bottom: 20px;
      padding-top: 25px;
    }
    .new-design-title {
      position: relative;
    }
    .new-design-title::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      height: 5px;
      width: 40px;
      background: #0071c6;
      border-radius: 4px;
    }
    
    
    .swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
        display: none;
    }
    
    
    /*============= End TBS 解决方案 =============*/
    
    /*============= TBS 产品列表 =============*/ 
    
    .product-list-box {
        /*width: calc(100% - 330px);*/
        float: left;
        padding-bottom: 40px;
    }

    .product-list-b {
        width: 100%;
        padding-top: 10px;
    }

    .product-list-b ul {
        width: 100%
    }

    .product-list-b li {
        width: 100%;
        margin-right: 2.45%;
        background: #fff;
        border: 1px solid #eee;
        float: left;
        margin-bottom: 35px
    }

    .product-list-b li.on {
        margin-right: 0
    }

    .product-list-b li .pic {
        width: 100%;
        position: relative;
        overflow: hidden;
        /*height: 250px;*/
        border-bottom: 1px solid #eee
    }

    .product-list-b li img {
        max-width: 100%;
        transition: all .3s
    }

    .product-list-b li.newss .newss {
        width: 61px;
        height: 64px;
        background: url(../img/pro25.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        z-index: 1
    }

    .product-list-b li .add {
        padding-left: 28px;
        height: 16px;
        background: url(../img/pro23.png) no-repeat left center;
        background-size: 14px !important;
        display: block;
        position: absolute;
        top: 34px;
        right: 13px;
        font-size: 14px;
        line-height: 16px;
        cursor: pointer;
        color: #b2b2b2;
        transition: background .3s, color .3s
    }

    .product-list-b li.but .add {
        color: #dc3c31;
        background: url(../img/pro23_h.png) no-repeat left center
    }

    .product-list-b li .con {
        /*width: 100%;*/
        padding: 21px 6% 23px;
        display: block
    }

    .product-list-b li h3 {
        font-size: 16px;
        color: #999;
        line-height: 36px;
        height: 36px;
        overflow: hidden
    }

    .product-list-b li .font {
        font-size: 16px;
        color: #333;
        line-height: 27px;
        height: 54px;
        overflow: hidden
    }

    .product-list-b li .more {
        width: 127px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        border: 1px solid #e4e4e4;
        background: #f9f9f9;
        font-size: 15px;
        color: #333;
        border-radius: 2px;
        transition: background .3s, color .3s, border .3s;
        margin-top: 20px
    }

    .product-list-b li.into .add {
        background: url(../img/pro23_h.png) no-repeat center
    }
    
    .product-list-new > .f-cb{
      /*min-height: 1500px;*/
    }
    
    .product-list-new > h2{
      min-height: 1500px;
    }
    
    /*============= End TBS 产品列表 =============*/
    
     /*============= End TBS 产品详情 =============*/
    .product-intr {
    	margin-bottom: 45px;
    	width: 90%;
    	margin: 0 5% 2% 5%;
    }
 /*============= End TBS 产品详情 =============*/
    
}