.bannerSolution6{background:url(../images/solution6/banner.jpg?v=1.2)}
  .session1{width: 100%;}
  .boxMax3{width:65%;margin:0 auto}
  .caseCon{ padding:75px 0;display: flex;}
  .caseConL{width:50%; font-size:clamp(14px,1vw,16px); line-height:1.75em;color:#333; padding:0 5% 0 0; text-align:justify;display: flex;flex-direction: column; justify-content: center;}
  .casetwocon .caseConL{padding:0 0 0 5%;}
  .caseConL h2{color: #194d97;font-size:clamp(20px,1vw,24px);font-weight: bold;}
  .caseConL h4{color: #000;font-size:clamp(16px,1vw,18px);font-weight: bold;margin:10px 0 25px}
  .conicofour{display: flex;flex-wrap: wrap;margin-top: 15px;color: #777}
  .conicofour i{width: 50%;padding:1vw;display: flex;align-items: center;}
  .conicofour i img{width: 50px;height: 50px;margin-right: 15px}
  .conicofour strong{display: block;font-size:clamp(16px,1.2vw,21px);color: #000}
  .caseConR{ position:relative; flex: 1;  overflow:hidden; background:#000;display:inline-block; vertical-align:middle}
  .caseConR img{width: 100%;height: 100%;object-fit: cover;}
  .conlist{margin-top: 30px;font-size:clamp(14px,1vw,14px);}
  .conlist h5{color: #d0b384;margin-bottom: 8px;font-size:clamp(16px,1vw,18px);}
  .conlist p{display: flex;align-items: center;}
  .conlist p:hover{color: #194d97}
  .conlist p img{width: 14px;height: 14px;margin-right: 5px}
  .bgcasebox {background: #f6f6f6}
  .navTitleSub{padding:100px 0 0 0}
  .indPro .boxMax{width: 95%}
  .order1 path,.order2,.order3,
  .order4 circle,.order4 path,.order4_ico,
  .order5 circle,.order5 path,.order5_ico,
  .order6 circle,.order6 path,.order6_ico,
  .order7_ico,.order8_line,.order9_txt,
  .order10_txt path,.order10_txt rect,.cls-jt{opacity: 0}
 
  .background-video{width: 100%;height: 100%}
  .videobox{width:800px;margin: -20px auto 0;height: 800px;overflow: hidden;position: relative;}
  .videoboxdiv{height:850px;width: 100%;position:absolute;top:-80px;}

  @media(max-width:768px){
    .textQy{text-align: center;}
    .session1{flex-direction: column;margin-top: 50px;}
    .s-one-l {width: 100%;margin-right: 0;margin-bottom: 50px}
    .caseCon{ padding:35px 0;flex-direction: column;}
    .caseConL,.caseConR{width:100%;font-size: clamp(12px, 1vw, 14px);}
    .caseConL{order:2}.caseConR{order:1;margin-bottom: 15px}
    .conicofour i img {width: 30px;height: 30px;}
    .conicofour strong {font-size: clamp(14px, 1vw, 16px);}
    .conlist p{margin-bottom: 8px}
    .conlist p span{word-break: break-all;}

    .videobox{width: 100%;height: 400px;margin:0 auto}
    .videoboxdiv{height:550px;}
  }


  .web-only{display: block;}.m-only{display: none;}
  .s1{box-sizing: border-box; width: 100%;height: 100vh;overflow: hidden;}
  .full {  box-sizing:border-box;  width:100%;  height:100%;  background-size:cover;  background-position:center center}
  .relative {position: relative;}
  .absolute-full {position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden}
  .yfy-container{  height:100%;  width:100%;  display:flex;  align-items:center}
  .yfy-container>div{background-size:contain;background-repeat:no-repeat;background-position:center center;transition:all 0.5s ease; z-index:0}
  .yfy-container .yfy-0 { background-image:url(../images/solution6/yfyall.png);}
  .yfy-container .main-text{flex-grow:1; z-index:10; height:56vw}
  .sticky{position: fixed;z-index: 200;top: 0;left: 0;right: 0;}

  .yfy-container .yfy-bg{background: #fff;}


  .yfy-container .main-text .text-block{
    position: absolute;text-align: center;font-size: 20px;line-height: 1.5;
    transform: translateY(30px);
    transition: all 1s ease-out
  }
  .yfy-container .main-text .text-block.l{left: 0;bottom: 30vh}
  .yfy-container .main-text .text-block.r{right: 0;bottom: 30vh}
  .yfy-container .main-text .text-block.t{top: 30vh;left: 50%;transform: translateX(-50%);}

  @media(max-width:768px){
    .boxMax3{width: 95%}
    .web-only{display: none;}.m-only{display: block;position: relative;}
    .yfy-container{height:80vh; align-items: flex-end;position: absolute;}
    .yfy-container>div{background-size: 160%;}
    .yfy-container .yfy-bg{opacity: 0.8}
    .p_1{z-index: 1;}.p_2{z-index: 2;opacity:0}.p_3{z-index: 3;opacity:0}
    .yfydiv{opacity: 0}
    .yfy-container.p_1>div{background-position: left center; }
    .yfy-container.p_2>div{background-position: right center; }
    .yfy-container.p_3>div{background-position: center center; }
    .yfy-container .main-text{height: 40vw;}
    .yfy-container .main-text .text-block.static{width: auto; position: static; line-height: 180%; font-size: 14px;}
    .progress{width: 35vw;height: 4px;margin: 10vw auto;background-color: #aaaaaa4d;border-radius: 4px;position: absolute; bottom: 3vh; left: 50%; transform: translateX(-50%);}
    .progress .current{position: absolute;height: 100%;width: auto;min-width: 8px;background-color: #194d974d;border-radius: 4px;}
    
    .navIndProTab a {width: 33.3%!important; }
    .indPro .swiper-slide {padding-top: 0; }
    .conicofour i{margin-bottom: 20px;}
  }