.SQcontainer {
      position: relative;
      /*width: 37%; /* The size you want */
    }

    .SQcontainer:after {
     content: "";
      display: block;
      padding-bottom: 100%; /* The padding depends on the width, not on the height, so with a padding-bottom of 100% you will get a square */
    }
    
    .SQcontainer img {
      position: absolute; /* Take your picture out of the flow */
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; /* Make the picture taking the size of it's parent */
      width: 100%; /* This if for the object-fit */
      height: 100%; /* This if for the object-fit */
      object-fit: cover; /* Equivalent of the background-size: cover; of a background-image */
      object-position: center;
    }

    .box2022 {
        height: 100%;
        padding-bottom: 10%;
        padding-top: 15%;
    }
    
    .lang-tc .box2022 {
        height: 100%;
        padding-bottom: 10%;
        padding-top: 12%;
    }

    .swiper-pagination {
        margin-bottom: 50px;
    }

    .swiper-pagination-bullet {
        background: #052f70;
    }

    .swiper-pagination-bullet-active {
        background: #f99c1c;
    }

    .icon-P {
        float: none;
    }

    .icon-float-left {
        float: left;
    }

    .icon-float-right {
        float: right;
    }

    .slide-block {
        width: 80%;
    }
    
    .slide-block80 {
            width: 80%;
    }
    
    .slide-block-img {
        width: 110px !Important;
        margin-top: 30%;
        margin-bottom: 30%;
    }
    
     .slide-table {
        display: table;
     }

    .slide-table-cell {
        vertical-align: middle;
        display: table-cell;
        padding: 5%;
        color: #f99c1c;
        font-size:48px;
        font-family: "TrajanPro3","Times New Roman","SimSun","宋体","STSong","华文宋体";
        font-weight:normal;
        letter-spacing:-0.6px;
        text-transform:none;
    }

    @media only screen and (min-width: 500px) {
        .index-text-1 {
            padding-top:7%;
        }
    }
        
    @media only screen and (min-width: 1300px) and (max-width: 1599px) {
        .index-text-1 {
        padding-top:7%;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1299px) {
        .index-text-1{
        	padding-top:7%;
        }
        .lang-tc .index-text-1{
        	padding-top:13%;
        }
    }


    .lang-tc .index-text-1 {
        padding-top:10%;
    }

    @media only screen and (min-width: 960px) and (max-width: 1039px) {
        .slide-table-cell {
        font-size:33px;
        }
    }
    
     .jvet-is {
        display: block;
        padding-top: 15%;
        position: absolute;
        padding-left: 8%;
    }
    
    @media only screen and (max-width: 499px) {
        .slide-table-cell {
            font-size:30px;
        	font-weight:normal;
        	letter-spacing:-0.6px;
        	line-height:36px;
        	text-transform:none;
        }
        
        .lang-tc .box2022 {
            padding-top: 15%;
        }
        
         .jvet-is h3 {
            font-size: 20px;
        }
    
        .slide-block {
            width: 85%;
        }   
        
        .slide-block80 {
            width: 80%;
        }
        
        .box2022 {
            padding-bottom: 4%;
            padding-top: 7%;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .hideinmobile
        {
            display:none;
        }
    }