@font-face {
    font-family: "SuisseIntl-Light";
    src: url("../fonts/SuisseIntl-Light.otf");
}
body{
   font-family: "SuisseIntl-Light" !important;
}



.containers{width:97%;padding: 0;margin: 0 auto;}
.containers::after,.container::before{display: none;}

.container{width:82%;padding: 0;}
.container::after,.container::before{display: none;}


.container1{padding: 0 15px;margin: 0 auto;overflow: hidden;}
.container1::after,.container1::before{display: none;}

.row::after,.row::before{display: none;}
.swiper-button-next,.swiper-button-prev{outline: none;}
ul{list-style-type: none; padding-inline-start: 0;margin-bottom:0;}
a{transition: all .5s ease 0s;}
a:hover{text-decoration:none;}


.padd100{
  padding-top: 100px;
  padding-bottom: 100px;
}
.padd90{
  padding-top: 90px;
  padding-bottom: 90px;
}
.padd80{
  padding-top: 80px;
  padding-bottom: 80px;
}
.padd70{
  padding-top: 70px;
  padding-bottom: 70px;
}
.padd60{
  padding-top: 60px;
  padding-bottom: 60px;
}
.padd40{
  padding-top: 40px;
  padding-bottom: 40px;
}
.padd30{
  padding-top: 30px;
  padding-bottom: 30px;
}
.padd20{
  padding-top: 20px;
  padding-bottom: 20px;
}
.padd10{
  padding-top: 10px;
  padding-bottom: 10px;
}

.paddtop100{
  padding-top: 100px;
}
.paddtop90{
  padding-top: 90px;
}
.paddtop80{
  padding-top: 80px;
}
.paddtop70{
  padding-top: 70px;
}
.paddtop60{
  padding-top: 60px;
}
.paddtop40{
  padding-top: 40px;
}
.paddtop30{
  padding-top: 30px;
}
.paddtop20{
  padding-top: 20px;
}
.paddtop10{
  padding-top: 10px;
}


.paddbottom100{
  padding-bottom: 100px;
}
.paddbottom90{
  padding-bottom: 90px;
}
.paddbottom80{
  padding-bottom: 80px;
}
.paddbottom70{
  padding-bottom: 70px;
}
.paddbottom60{
  padding-bottom: 60px;
}
.paddbottom40{
  padding-bottom: 40px;
}
.paddbottom30{
  padding-bottom: 30px;
}
.paddbottom20{
  padding-bottom: 20px;
}
.paddbottom10{
  padding-bottom: 10px;
}



.more{
  color: #323033;
  position: relative;
  padding-bottom: 10px;
}
.more i{
  padding-right: 10px;
}
.more:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(to right, #C6454D , #24539E);
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform 1.2s cubic-bezier(.19,1,.22,1);
    -o-transition: transform 1.2s cubic-bezier(.19,1,.22,1);
    transition: transform 1.2s cubic-bezier(.19,1,.22,1);
    transition: transform 1.2s cubic-bezier(.19,1,.22,1),-webkit-transform 1.2s cubic-bezier(.19,1,.22,1);
}
.more:hover{
    color: #C6454D;
}
.more:hover:before {
     width: 50%;
     right: 0;
     -webkit-transition: all 1s ease 0s ;
    -moz-transition: all 1s ease 0s ;
    -ms-transition: all 1s ease 0s ;
    -o-transition: all 1s ease 0s ;
    transition: all 1s ease 0s ;
}

.tit{
  position: relative;
}
.tit .tab{
  font-size: 14px;
  color: #999999;
}
.tit h3{
      font-size:52px;
      color: #fff;
      text-align: center;
}

.tit h4{
      font-size:36px;
}

.colortits{
    background: -moz-linear-gradient(left, rgba(26, 68, 116, 1) 40%, rgba(75, 184, 191, 1) 60%);
    background: -webkit-gradient(left top, right top, color-stop(40%, rgba(26, 68, 116, 1)), color-stop(60%, rgba(75, 184, 191, 1)));
    background: -webkit-linear-gradient(left, rgba(26, 68, 116, 1) 40%, rgba(75, 184, 191, 1) 60%);
    background: -o-linear-gradient(left, rgba(26, 68, 116, 1) 40%, rgba(75, 184, 191, 1) 60%);
    background: -ms-linear-gradient(left, rgba(26, 68, 116, 1) 40%, rgba(75, 184, 191, 1) 60%);
    background: linear-gradient(to right, rgba(7, 64, 149, 1) 40%, rgba(213, 53, 58, 1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a4474', endColorstr='#4bb8bf', GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*text-align: center;*/
    display: inline-block;
}

.tit .navs{
  display: inline-block;
  position: relative;
}
.tit .navs::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 0px;
    background: linear-gradient(to right, rgba(7, 64, 149, 1) 40%, rgba(213, 53, 58, 1) 60%);
}

.fontmax{
    font-size: 24px;
    line-height: 1.4;
}

.grey{
  background-color: #f5f5f5;
}
.greys{
  background-color: #f8f8f8;
}

/****************************************************首页****************************************************/



.sectionsile{
  height: 50vw;
  position: relative;
}
.sectionsile video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sectionsile .bgdivover{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0);
    z-index: 9;
}

.sectionsile .textdiv{
    position: absolute;
    top: 0px;
    height: 100%;
    width: 50%;
}
.sectionsile .textdiv{
  display: flex;
   justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  padding: 15px 0 30px 0;
  color: #fff;
  z-index: 99;
}

.sectionsile .textdiv  h1{
     font-size: 70px;
    letter-spacing: 0.002142857143em;
    line-height: 1.0571428571em;
    color: #fff;
   margin-bottom: 0.5em;
}


.sectionsile .textdiv .header__text{
      font-size: 1.375em;
    letter-spacing: 0.022em;
}



.sectionsile .textdiv .header__button {
    border-radius: 4px;
    background: #d53557;
    border-color: #d53557;
    padding: 15px 30px;
    margin-top: 4em;
}

.sectionsile .textdiv .header__button a{
    color: #fff;
}
.sectionsile .textdiv .header__button i{
   padding-right: 5px;
}

.sectionsile .header__button1 {
    display: none;
}






 .what{
    position: relative;
  }

   .what .tit{
    text-align: center;
  }
  .what .bgwhat{
    width: 100%;
  }
  .what .containers{
        width: 80%;
        left: 10%;
        margin: 3em auto;
        position: absolute;
        top:0;
        height: calc(100% - 6em);
  }
  .what .containers div{
    font-size: 18px;
  }


.what .containers img{
        max-width: 100%;
  }


 .what .containers h3{
         text-align: center;
  }


  .what .left1{
    width: 23%;
    position: absolute;
    top: 150px;
    left: 8%;
  }

  .what .left2{
    width: 18%;
    position: absolute;
    top: unset;
    left: 8%;
    bottom: 210px;
  }

   .what .right1{
    width: 20%;
    position: absolute;
    top: 288px;
    right: 3%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: 85px;
  }


@media screen and (max-width: 1900px) {

  .what .left1{
    width: 23%;
    position: absolute;
    top: 150px;
    left: 10%;
  }

  .what .left2{
    width: 18%;
    position: absolute;
    top: unset;
    left: 8%;
    bottom: 210px;
  }

   .what .right1{
    width: 20%;
    position: absolute;
    top: 288px;
    right: 3%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: 85px;
  }

}



@media screen and (max-width: 1850px) {

  .what .left1{
    width: 23%;
    position: absolute;
    top: 150px;
    left: 9%;
  }

  .what .left2{
    width: 18%;
    position: absolute;
    top: unset;
    left: 8%;
    bottom: 200px;
  }

   .what .right1{
    width: 20%;
    position: absolute;
    top: 280px;
    right: 3%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: 80px;
  }

}


@media screen and (max-width: 1800px) {

  .what .left1{
    width: 23%;
    position: absolute;
    top: 140px;
    left: 10%;
  }

  .what .left2{
    width: 18%;
    position: absolute;
    top: unset;
    left: 7%;
    bottom: 186px;
  }

   .what .right1{
    width: 20%;
    position: absolute;
    top: 270px;
    right: 3%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: 70px;
  }
  
}



@media screen and (max-width: 1740px) {

  .what .left1{
    width: 23%;
    position: absolute;
    top: 140px;
    left: 10%;
  }

  .what .left2{
    width: 18%;
    position: absolute;
    top: unset;
    left: 7%;
    bottom: 180px;
  }

   .what .right1{
    width: 20%;
    position: absolute;
    top: 265px;
    right: 3%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: 70px;
  }
  
}


@media screen and (max-width: 1680px) {

  .what .left1{
    width: 23%;
    position: absolute;
    top: 130px;
    left: 10%;
  }

  .what .left2{
    width: 18%;
    position: absolute;
    top: unset;
    left: 8%;
    bottom: 150px;
  }

   .what .right1{
    width: 20%;
    position: absolute;
    top: 245px;
    right: 3%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: 45px;
  }
  

}


@media screen and (max-width: 1600px) {

  .what .left1{
    width: 23%;
    position: absolute;
    top: 125px;
    left: 10%;
  }

  .what .left2{
    width: 18%;
    position: absolute;
    top: unset;
    left: 6%;
    bottom: 135px;
  }

   .what .right1{
    width: 20%;
    position: absolute;
    top: 235px;
    right: 3%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: 40px;
  }
  

}


@media screen and (max-width: 1550px) {

  .what .left1{
    width: 27%;
    position: absolute;
    top: 115px;
    left: 5%;
  }

  .what .left2{
    width: 18%;
    position: absolute;
    top: unset;
    left: 6%;
    bottom: 125px;
  }

   .what .right1{
    width: 23%;
    position: absolute;
    top: 225px;
    right: 0%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: 35px;
  }

}



@media screen and (max-width: 1500px) {

  .what .left1{
    width: 27%;
    position: absolute;
    top: 115px;
    left: 5%;
  }

  .what .left2{
    width: 18%;
    position: absolute;
    top: unset;
    left: 6%;
    bottom: 115px;
  }

   .what .right1{
    width: 23%;
    position: absolute;
    top: 215px;
    right: 0%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: 30px;
  }

}

@media screen and (max-width: 1440px) {

  .what .left1{
    width: 27%;
    position: absolute;
    top: 100px;
    left: 5%;
  }

  .what .left2{
    width: 19%;
    position: absolute;
    top: unset;
    left: 5%;
    bottom: 105px;
  }

   .what .right1{
    width: 23%;
    position: absolute;
    top: 205px;
    right: 0%;
  }

  .what .right2{
    width: 22%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: 25px;
  }

}


@media screen and (max-width: 1360px) {


  .what .left1{
    width: 27%;
    position: absolute;
    top: 95px;
    left: 5%;
  }

  .what .left2{
    width: 19%;
    position: absolute;
    top: unset;
    left: 5%;
    bottom: 100px;
  }

   .what .right1{
    width: 23%;
    position: absolute;
    top:195px;
    right: 0%;
  }

  .what .right2{
    width: 22%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: 25px;
  }


}



@media screen and (max-width: 1320px) {


  .what .left1{
    width: 27%;
    position: absolute;
    top: 95px;
    left: 5%;
  }

  .what .left2{
    width: 19%;
    position: absolute;
    top: unset;
    left: 5%;
    bottom: 85px;
  }

   .what .right1{
    width: 23%;
    position: absolute;
    top:180px;
    right: 0%;
  }

  .what .right2{
    width: 22%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: 20px;
  }


}



@media screen and (max-width: 1280px) {

  .centers .swiper-button-next {
        right: 15px !important;
        left: auto;
    }


  .what .containers {
    margin: 2em auto 4em auto;
}


  .what .left1{
    width: 27%;
    position: absolute;
    top: 100px;
    left: 5%;
  }

  .what .left2{
    width: 19%;
    position: absolute;
    top: unset;
    left: 5%;
    bottom: 75px;
  }

   .what .right1{
    width: 23%;
    position: absolute;
    top:195px;
    right: 0%;
  }

  .what .right2{
    width: 22%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: 0px;
  }


}



@media screen and (max-width: 1240px) {

  .centers .swiper-button-next {
        right: 15px !important;
        left: auto;
    }


  .what .containers {
    margin: 2em auto 4em auto;
}


  .what .left1{
    width: 27%;
    position: absolute;
    top: 95px;
    left: 5%;
  }

  .what .left2{
    width: 22%;
    position: absolute;
    top: unset;
    left: 3%;
    bottom: 63px;
  }

   .what .right1{
    width: 23%;
    position: absolute;
    top:180px;
    right: 0%;
  }

  .what .right2{
    width: 22%;
    position: absolute;
    top: unset;
    right: 7%;
    bottom: -5px;
  }


}


@media screen and (max-width: 1200px) {

  .what .left1{
    width: 27%;
    position: absolute;
    top: 90px;
    left: 5%;
  }

  .what .left2{
    width: 19%;
    position: absolute;
    top: unset;
    left: 5%;
    bottom: 60px;
  }

   .what .right1{
    width: 23%;
    position: absolute;
    top:175px;
    right: 0%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right:4%;
    bottom: -5px;
  }


}

@media screen and (max-width: 1150px) {

  .what .containers {
    margin: 2em auto 4em auto;
}

.what .containers div {
    font-size: 16px;
}

.what .containers h3{
  margin-top: 0;
}

  .what .left1{
    width: 27%;
    position: absolute;
    top: 85px;
    left: 5%;
  }

  .what .left2{
    width: 22%;
    position: absolute;
    top: unset;
    left: 1%;
    bottom: 55px;
  }

   .what .right1{
    width: 23%;
    position: absolute;
    top:170px;
    right: 0%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right:4%;
    bottom: -5px;
  }

}



@media screen and (max-width: 1080px) {

  .what .containers {
    margin: 2em auto 4em auto;
}

.what .containers div {
    font-size: 16px;
}

.what .containers h3{
  margin-top: 0;
}

  .what .left1{
    width: 27%;
    position: absolute;
    top: 80px;
    left: 5%;
  }

  .what .left2{
    width: 22%;
    position: absolute;
    top: unset;
    left: 1%;
    bottom: 45px;
  }

   .what .right1{
    width: 23%;
    position: absolute;
    top:150px;
    right: 0%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right:4%;
    bottom: -10px;
  }

}


@media screen and (max-width: 1024px) {

  .what .containers {
    margin: 1.5em auto 2.5em auto;
}

.what .containers{
  height: calc(100% - 4em);
}

  .what .left1{
    width: 27%;
    position: absolute;
    top: 80px;
    left: 5%;
  }

  .what .left2{
    width: 22%;
    position: absolute;
    top: unset;
    left: 1%;
    bottom: 55px;
  }

   .what .right1{
    width: 23%;
    position: absolute;
    top:150px;
    right: 0%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right: 2%;
    bottom: 5px;
  }

}




@media screen and (max-width: 960px) {

  .what .containers {
    margin: 1.5em auto 2.5em auto;
}

.what .containers div {
    font-size: 14px;
}

  .what .left1{
    width: 27%;
    position: absolute;
    top: 75px;
    left: 5%;
  }

  .what .left2{
    width: 23%;
    position: absolute;
    top: unset;
    left: 2%;
    bottom: 55px;
  }

   .what .right1{
    width: 23%;
    position: absolute;
    top:145px;
    right: 0%;
  }

  .what .right2{
    width: 23%;
    position: absolute;
    top: unset;
    right: 4%;
    bottom: 5px;
  }

}



.what .imgdiv{
  display: none;
}
.what  .titnav{
  display: none;
}

.what .imgdiv img{
  width: 100%;
}
/*
.whattext{
  display: none;
}*/


@media screen and (max-width: 940px) {
  .what .imgdiv{
    display: block;
  }
/*  .whattext{
  display: block;
}*/
  .what .imgdiv img{
      display: block;
      padding-bottom: 15px;
  }

  .what img{display: none;} 
  .what .containers{
    position: relative;
    margin: 0;
    width: 100%;
     padding: 0 15px;
     left: 0;
  }
  .what .containers h3{
     padding: 40px 0 15px 0;
  }

  .what .containers div{
    width: 100%;
    position: unset;
    top: unset;
    left: unset;
    right: unset;
    padding-bottom: 15px;
    color: #5e5e5e;
    font-size: 14px;
  }

  .what .titnav{
      display: block;
      font-size: 18px;
      padding-bottom: 5px;
      font-weight: bold;
    }

}




.sectionresearch{
    padding: 80px 0;
}

.sectionresearch .tit{
    text-align: center;
}

.sectionresearch .colortits{
  padding-bottom: 60px;
}

.sectionresearch .container{
  display: flex;
}

.sectionresearch .container .items{
  width: 50%;
  position: relative;
}

.sectionresearch .container .items .itemsboximg{
  width: 100%;
  height: 100%;
}

.sectionresearch .container .items .itemstext{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  padding: 0 5%;
}


.sectionresearch .container .items:hover  .itemstext{
  background-color: rgba(0,0,0,0.4);
}


.sectionresearch .container .items  .itemstext h3{
      font-size: 42px;
    line-height: 1.05;
    padding-bottom: 20px;
}

.sectionresearch .container .items  .itemstext p{
    font-size: 18px;
    letter-spacing: 0.02em;
  text-align: left;
}

.sectionresearch .container .items .itemstext p a{
  color: #fff;
}

.sectionimpact .Impactss{
  background: linear-gradient(
160deg, rgba(7, 64, 149, 1), rgba(7, 64, 149, 0.5), rgba(213, 53, 58, 0.5), rgba(213, 53, 58, 1) );
  padding: 70px 0 80px 0;
}

.sectionimpact .tit{
  text-align: center;
}
.sectionimpact .tit h3{
  padding-bottom: 50px;
}



.sectionevent .Eventss{
  background: linear-gradient(
160deg, rgba(7, 64, 149, 1), rgba(7, 64, 149, 0.5), rgba(213, 53, 58, 0.5), rgba(213, 53, 58, 1) );
  padding: 70px 0 100px 0;
  position: relative;
}

.sectionevent .tit{
  padding-bottom: 60px;
}
.sectionevent .tit h3{
  text-align: left;
}

.sectionevent .container1{
  position: relative;
}

.Eventss .centers{
  margin: 0 auto;
} 

.eventdiv{
  text-align: left;
  background: #fff;
  padding: 0;
  box-shadow: 0px 0px 5px rgba(255,255,255,0.2);
  overflow:hidden;
  /*min-height: 440px;*/
}

.sectionevent .eventdiv{
  padding: 0 0 25px 0;
}


.eventdiv .imgs img{
  width: 100%;
    overflow:hidden;
   -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.eventdiv .imgs{
    overflow:hidden;
}
.eventdiv .imgs:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.eventdiv .bg{
  background: #074095;
  padding: 8px 15px;
  color: #fff;
  font-size: 14px;
  position: relative;
  top:-2px;
}
.eventdiv .bg span{
 padding-left: 10px;
}

.eventdiv h3{
    color: #000;
    padding: 10px 15px 0 15px;
    font-size: 20px;
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 100px;
    margin-top: 0;
}

.eventdiv .mores{
  color: #333;
  padding: 0 15px;
}

.eventdiv .bg:hover{
  color: #fff;
}

.eventdiv h3:hover,.eventdiv .mores:hover{
  color: #074095;
}

.eventdiv .link-btn{
    font-weight: 700;
    display: inline-block;
    line-height: 0.8;
    position: relative;
    padding-bottom: 2px;
    margin-bottom: -2px;
    color: #000;
    outline: 0;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    z-index: 9999;
    padding: 0 15px;
    font-size: 16px;
}
.eventdiv .link-btn:before {
    content: '';
    position: absolute;
    left: 15px;
    bottom: -3px;
    width: 75%;
    height: 1.5px;
    background-color: #000;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.eventdiv .link-btn:hover {
    color: #074095;
}
.eventdiv .link-btn:hover::before {
    width: 30%;
    background-color: #074095;
}

.Eventss .swiper-button-next,.Eventss .swiper-button-prev{
  top:25px !important;
}

.Eventss .swiper-button-next{
    right: 15px !important;
    left: auto;
}

.Eventss .swiper-button-prev{
    right: 75px !important;
    left: auto;
}

.Eventss .swiper-button-next:after{
    content: 'next';
    background: #fff;
    padding: 15px 20px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
.Eventss .swiper-button-prev:after{
    content: 'prev';
     background: #fff;
    padding: 15px 20px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
     color: #000;
}



.sectionimpact .w-button__inner{
  text-align: center;
  padding-top: 3em;
}
.sectionimpact .w-button__inner a{
    position: relative;
    text-align: center;
    padding: 1.2rem 2.5rem;
    border: 2px solid #fff;
    border-radius: 2.25em;
    color: #fff;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.sectionimpact .w-button__inner a:hover{
    background-color: #fff;
    color: #333;
}


.Impactss .swiper-pagination {
    width: 100%;
    margin-top: 1em;
    display: none;
}




.sectionmake {
  background-color: #f3f3f5;
}
.sectionmake .container1{
  padding: 60px 0;
  display: flex;
  justify-content: center;
}
.sectionmake .container1 .left img{
   max-width: 100%;
}
.sectionmake .container1 .right{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-left: 2%;
}

.sectionmake .tit{
  text-align: left;
}
.sectionmake .tit h3{
  margin: 0;
  text-align: left;
}

.sectionmake .mores{
      position: relative;
    text-align: center;
    padding: 1.2rem 3.5rem;
    border: 2px solid #074095;
    border-radius: 2.25em;
    color: #074095;
     transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.sectionmake .mores:hover{
    background-color: #074095;
    color: #fff;
}


.sectionmake .buttondiv{
    margin-top: 40px;
}

.sectionbanner{
    position: relative;
    width: 100%;
    height:100%; 
    background-size: 100%;
}
.sectionbanner .textdiv{
    position: absolute;
    top: 0px;
    height: 100%;
    width: 50%;
}

.sectionbanner .textdiv{
  display: flex;
   justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  padding: 15px 0 15px 0;
  color: #fff;
}
.sectionbanner .textdiv .textleft nav{
  color: #fff;
  font-size: 24px;
}
.sectionbanner .textdiv .textleft h1{
         font-size: 2.625em;
    letter-spacing: 0.002142857143em;
    line-height: 1.0571428571em;
    color: #fff;
     margin-bottom: 0.5em;
}

/*banner  title*/
@media screen and (min-width: 64.0625em){
    .sectionbanner .textdiv .textleft h1{
        font-size: 4.375em;
    }
}


.sectionbanner .textdiv .textright{
  padding-top: 15px;
}
.sectionbanner .textdiv .textright a{
  color: #fff;
}
.sectionbanner .textdiv .textright a.more:before {
    background-color: #fff;
    background-image: none; 
}
.sectionbanner img{width:100%;}







.innovation .section2{
  position: relative;
}
.innovation .section2 .container1{
  display: flex;
  justify-content: space-between;
}

.innovation .section2 .container1 .left{
  width: 30%;
}
.innovation .section2 .container1 .left img{
  max-width: 100%;
}

.innovation .section2 .container1 .right{
  width: 65%;
}
.innovation .section2 .container1 .right p{
   font-size: 18px;
   /* display: flex; */
   justify-content: flex-start; 
   flex-wrap: wrap;
   align-items: center;
}

.innovation .section2 .container1 .objectivesright p{
  display: flex;
}

.innovation .section2 .container1 .right p lable.inco1{
  background-color: #fff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgb(230 230 230);
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.innovation .section2 .container1 .right p .inco1 img{
  max-width: 60%;
}

.innovation .section2 .container1 .right p span.text{
 width: calc(100% - 110px);
}



.innovation2 .section2 .container1 .right p{
 align-items: flex-start;
}
.innovation2 .section2 .container1 .right p span.inco1{
  width: 20px;
  color: #074095;
}
.innovation2 .section2 .container1 .right p span.text1{
 width: calc(100% - 20px);
}


.innovation2 .section2 .tit span{
    margin-bottom: 10px;
    padding-bottom: 5px;
}




/*Current Progress*/
.innovation .section3{
  position: relative;
  padding: 80px 0px 80px 0px;
   /*background-color: #f5f5f5;*/
}

.innovation .section3 .newdivs{
   max-width: 800px;
   margin: 0 auto;
}

.innovation .section3 .section3container{
    width: calc(100% - 60px);
    margin: 0 auto;
}

.innovation .section3 .section3container .tit{
  text-align: center;
}

.innovation .section3 .section3container .tit p{
   font-size: 18px;
   margin: 10px 0;
}

.innovation .section3 .section3container .tit p .inco1{
   color: #074095;
   width: 15px;
}


.innovation .section3 .pics ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 0px;}
.innovation .section3 .pics .section333tit{margin-top: 80px;}
.innovation .section3 .pics .section333tit h2{padding-bottom: 20px;}

/*.section3 .pics ul li{width: 33%;}*/
.innovation .section3 .pics ul li .items{position: relative;margin-top: 30px;}

.innovation .section3 .pics ul li .boximg{overflow: hidden;width: 100%;border:1px solid #b5b3b3;border-radius: 10px;}
.innovation .section3 .pics ul li .boxtext{
    padding: 15px 15px 30px 15px;
}
.innovation .section3 .pics ul li .boxtext p{
  font-size: 18px;
  color: #323033;
  text-align: center;
}

.innovation .section3 .pics ul li .boximg img{
    width:100%;
  overflow:hidden;
  -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}

.innovation .section3 .pics ul li:hover .boximg img{
  -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.innovation .section33 .container{
  border-top: 2px solid #f5f5f5;
}

.innovation .section3 .pics ul li .boxtext nav{
  /*text-align: left;*/
}
.innovation .section333 .pics ul li .boxtext nav{
  font-size: 16px;
}



.innovation .section333{
  padding: 0 0px 80px 0px;

}


.boximg img{
  max-width: 100%;
}



.innovation .section4{
  position: relative;
   /*background-color: #fff;*/
}

.innovation .section4 .tit span{
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.innovation4 .section4 .tit span{
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.innovation .section4 .container1 {
  display: flex;
  justify-content: space-between;
   border-bottom: 1px solid #b5b3b3;
}


.messagemain .section4 .container1 {
  display: flex;
  justify-content: space-between;
   border-bottom: none;
}

.innovation3 .section4 .container1 {
   border-bottom: none;
}

.innovation .section4 .container1 .left{
  width: 30%;
}
.innovation .section4 .container1 .right{
  width: 65%;
}



.chickitem .items nav{
  cursor:pointer;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.chickitem .items nav::before{
    content: "";
    position: absolute;
    background: #b5b3b3;
    width: 96%;
    height: 1px;
    left: 2%;
    bottom: -1px;
    z-index: 1;
}

.chickitem .items{
  margin-bottom: 20px;
}
.chickitem .items nav i{
  color: #074095;
}

.chickitem .items div.fnv{
  display: none;
  padding: 15px;
}

.chickitem .items div.fnv p{
  display: flex;
  align-items: flex-start;
}
.chickitem .items div.fnv p span.inco1{
  width: 20px;
  color: #074095;
}
.chickitem .items div.fnv p span.text1{
 width: calc(100% - 20px);
}



.chickitem .items:nth-child(1)  div.fnv{
  display: block;
}

.chickitem .items div.fnv p{
  font-size: 18px;
}


.chickitem .items{
    border: 1px solid #b5b3b3;
    border-radius: 10px;
}

.chickitem .items .boxvideo{
  margin: 0;
}


.innovation .section4 .cont p{
  font-size: 18px;
  margin-top: 30px;
  color: #000;
}

.innovation .section4 .cont .boximg{
  max-width: 50%;
}
.innovation .section4 .cont .boximg img{
  max-width: 100%;
}

.innovation .section4 .cont .boxvideo{
  max-width: 50%;
  position: relative;
}

.innovation3 .section4 .cont .boxvideo{
  max-width: 100%;
  position: relative;
}

.innovation3 .chickitem .items{
  background-color: #fff;
}


.innovation3 .section4 .chickitem  div.fnv.active {
    display: block;
}

.robotsection2 .right .cont nav{
  font-size: 18px;
  line-height: 1.4;
}
.robotsection2 .right .cont nav .colors{
  color: #074095;
}
.robotsection2 .container1 .right .conts p{
  display: block !important;
}

.robotsection2 .container1 .right .conts p span{
   color: #074095;
}

.robotsection1.section2 .container1 .right p span{
   color: #074095;
}

.innovation .section44 .cont p{
  font-size: 18px;
  margin: 8px 0;
  color: #000;
}

.innovation p.blods{
  font-weight: 600;
  font-size: 20px !important;
  color: #000;
}

.innovation .section44 .cont p.blods{
  font-weight: 600;
  font-size: 20px;
  color: #000;
  margin-top: 15px;
}

.innovation .section44 .cont nav{
  font-size: 18px;
  display: flex;
  justify-content: flex-start;
  margin: 8px 0;
}

.innovation .section44 .cont nav .inco1{
   color: #074095;
   width: 15px;
}



.innovation .section5{
  position: relative;
   background-color: #fff;
}

.innovation .section5 .tit span{
    margin-bottom: 10px;
    padding-bottom: 5px;
}


.innovation .section5 .container1 {
  display: flex;
  justify-content: space-between;
}

.innovation .section5 .container1 .left{
  width: 30%;
}
.innovation .section5 .container1 .right{
  width: 65%;
}


.chickitems .items nav{
  cursor:pointer;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.chickitems .items nav::before{
    content: "";
    position: absolute;
    background: #b5b3b3;
    width: 96%;
    height: 1px;
    left: 2%;
    bottom: -1px;
    z-index: 1;
}


.chickitems .items{
  margin-bottom: 20px;
}
.chickitems .items nav i{
  color: #074095;
}

.chickitems .items div.fnv{
  display: none;
  padding: 15px;
}

.chickitems .items:nth-child(1)  div.fnv{
  display: block;
}

.chickitems .items div.fnv p{
  font-size: 18px;
}

.chickitems .items div.fnv p{
  display: flex;
  align-items: flex-start;
}
.chickitems .items div.fnv p span.inco1{
  width: 20px;
  color: #074095;
}
.chickitems .items div.fnv p span.text1{
 width: calc(100% - 20px);
}


.chickitems .items{
    border: 1px solid #b5b3b3;
    border-radius: 10px;
}

.chickitems .items .boxvideo{
  margin: 0;
}


.innovation .fontmax {
    font-size: 20px;
}
.innovation .section5 .cont p{
  font-size: 18px;
  margin-top: 30px;
  color: #000;
}

.innovation .section5 .cont p.blods{
  font-weight: 600;
}

.innovation .section5 .cont nav{
  font-size: 18px;
  display: flex;
  justify-content: flex-start;
  margin: 8px 0;
}

.innovation .section5 .cont .boximg{
  max-width: 50%;
}
.innovation .section5 .cont .boximg img{
  max-width: 100%;
}

.innovation .section5 .cont .boxvideo{
  max-width: 50%;
  position: relative;
}

.innovation .section5 .cont nav .inco1{
   color: #074095;
   width: 15px;
}


.innovation .section55 .cont p{
  font-size: 18px;
  margin: 8px 0;
  color: #000;
  display: flex;
  justify-content: flex-start;
}
.innovation .section55 .cont p .inco1{
   color: #074095;
   width: 15px;
}

.innovation .section55 .cont p .colors{
   color: #074095;
   margin: 0 3px;
}

.innovation .section55 .cont .boximg{
  max-width: 100%;
}






.innovation .section55 .cont .divs{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
.innovation .section55 .cont .divs .left{
  width: 30%;
}
.innovation .section55 .cont .divs .left img{
  max-width: 100%;
}

.innovation .section55 .cont .divs .right{
  width: 65%;
}
.innovation .section55 .cont .divs .right p{
   font-size: 18px;
   margin: 10px 0;
   /*display: block;*/
   /*justify-content: flex-start; */
}

.innovation .section55 .cont .divs .right p.pblock{
   display: block;
}


.innovation .section55 .cont .divs .right p .colors{
   color: #074095;
}


.innovation .section55 .cont .divs .right p .inco1{
   color: #074095;
   width: 15px;
}

.innovation .section55 .cont .divs .right nav{
   font-size: 18px;
   margin: 25px 0;
}
.innovation .section55 .cont .divs .right nav .colors{
  color: #074095;
}



.honorsection .timeline {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0;
}

.honorsection .timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background: #074095;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
}

.honorsection .center {
  /*padding: 15px 30px;*/
  position: relative;
  background: inherit;
  width: 50%;
}
    .honorsection .center.left {
        padding: 15px 30px 15px 0;
    }
    .honorsection .center.right {
        padding: 15px 0 15px 30px;
    }


.honorsection .center.left {
  left: 0;
}

.honorsection .center.right {
  left: 50%;
}

.honorsection  .center::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  right: -8px;
  background: #ffffff;
  border: 2px solid #074095;
  border-radius: 16px;
  z-index: 1;
}

.honorsection  .center.right::after {
  left: -8px;
}

.honorsection  .center::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 2px;
  top: calc(50% - 1px);
  right: 8px;
  background: #074095;
  z-index: 1;
}

.honorsection  .center.right::before {
  left: 8px;
}

.honorsection  .center .date {
  position: absolute;
  display: inline-block;
  top: calc(50% - 8px);
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #074095;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
}

.honorsection  .center.left .date {
  right: -75px;
}

.honorsection  .center.right .date {
  left: -75px;
}

.honorsection .center .icon {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 9px 0;
  top: calc(50% - 20px);
  background: #F6D155;
  border: 2px solid #074095;
  border-radius: 40px;
  text-align: center;
  font-size: 18px;
  color: #074095;
  z-index: 1;
}

.honorsection  .center.left .icon {
  right: 56px;
}

.honorsection  .center.right .icon {
  left: 56px;
}

.honorsection  .center .content {
  padding: 30px;
  background: #f5f5f5;
  position: relative;
  width: calc(100% - 30px);
  border-radius: 20px;
}

.honorsection  .center.right .content {
  padding: 30px;
  background: #f5f5f5;
  width: calc(100% - 30px);
  margin-left: 30px;
  border-radius: 20px;
}

.honorsection  .center .content h2 {
  margin: 0 0 10px 0;
  color: #074095;
}


.honorsection  .center .content p {
  margin: 0;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
}

@media (max-width: 767.98px) {

  .honorsection .container1{
    max-width: 100% !important;
  }
  .honorsection .center .content{
    margin-left: 25px;
  }

  .honorsection .center.left {
    padding: 15px 0 15px 15px !important;
}


 .honorsection  .timeline::after {
    left: 15px;
  }

.honorsection   .center {
    width: 100%;
    padding-left: 120px;
    padding-right: 30px;
  }

 .honorsection  .center.right {
    left: 0%;
  }

.honorsection   .center.left::after, 
.honorsection   .center.right::after {
    left: 7px;
  }

 .honorsection  .center.left::before,
 .honorsection  .center.right::before {
    left: 15px;
    border-color: transparent #074095 transparent transparent;
  }

 .honorsection  .center.left .date,
 .honorsection  .center.right .date {
    right: auto;
    left: 15px;
  }

  .honorsection  .center.left .icon,
  .honorsection  .center.right .icon {
    right: auto;
    left: 146px;
  }

 .honorsection  .center.left .content,
  .honorsection  .center.right .content {
    padding: 25px;
  }

  .honorsection .center .content h2{
    font-size: 20px;
  }

}

@media (min-width: 1100px) and (max-width: 1200px){
     .innovation .container1 {
        max-width: 1080px;
    }
    .innovation .section2 .container1 .left {
        width: 35%;
    }
    .innovation .section2 .container1 .right {
        width: 60%;
    }
     .innovation .section4 .container1 .left {
        width: 35%;
    }
    .innovation .section4 .container1 .right {
        width: 60%;
    }

     .innovation .section5 .container1 .left {
        width: 35%;
    }
    .innovation .section5 .container1 .right {
        width: 60%;
    }
}

@media (min-width: 992px) and (max-width: 1100px){
     .innovation .container1 {
        max-width: 960px;
    }
     .innovation .section2 .container1 .left {
        width: 38%;
    }
    .innovation .section2 .container1 .right {
        width: 58%;
    }
     .innovation .section4 .container1 .left {
        width: 38%;
    }
    .innovation .section4 .container1 .right {
        width: 58%;
    }

     .innovation .section5 .container1 .left {
        width: 38%;
    }
    .innovation .section5 .container1 .right {
        width: 58%;
    }
}


@media (min-width: 992px){
  
       .innovation .section4 .tit h4.navs::before{
          display: none;
      }

      .innovation .section5 .tit h4.navs::before{
          display: none;
      }

       .innovation2 .section222 .tit h4.navs::before{
          display: none;
      }

       .innovation4 .section22 .tit h4.navs::before{
          display: none;
      }

}


@media (max-width: 992px){
  
    .honorsection .container1{
      max-width: 96%;
    }
  .honorsection .center::before{
    width: 25px;
  }

    .honorsection .center.left {
        padding: 15px 15px 15px 0;
    }
    .honorsection .center.right {
        padding: 15px 0 15px 15px;
    }


     .innovation .section3 .newdivs {
        max-width: 100%;
        margin: 0 auto;
    }

     .innovation .section4 .tit span.navs{
          padding-bottom: 0;
          margin-bottom: 0;
      }

      .innovation .section5 .tit span.navs{
          padding-bottom: 0;
          margin-bottom: 0;
      }
       .innovation .section4 .tit span.navs::before{
          display: none;
      }

      .innovation .section5 .tit span.navs::before{
          display: none;
      }

      .innovation4 .section22 .tit span.navs::before{
          display: none;
      }


       .innovation2 .section222 .tit span.navs::before{
          display: none;
      }

    .innovation .section2 .container1{
      flex-direction: column;
    }
     .innovation .section2 .container1 .left {
        width: 100%;
    }
    .innovation .section2 .container1 .right {
        width: 100%;
        /*padding-top: 30px;*/
    }

    .innovation .section2 .container1 .objectivesright {
        padding-top: 30px;
    }

    .innovation .section4 .container1{
      flex-direction: column;
    }
     .innovation .section4 .container1 .left {
        width: 100%;
    }
    .innovation .section4 .container1 .right {
        width: 100%;
    }

    .innovation .section5 .container1{
      flex-direction: column;
    }
     .innovation .section5 .container1 .left {
        width: 100%;
    }
    .innovation .section5 .container1 .right {
        width: 100%;
    }
}


@media (max-width: 768px){
  .innovation .section3 .section3container {
      width: calc(100% - 30px);
      margin: 0 auto;
  }
}



.messagemain .section2{
  position: relative;
}
.messagemain .section2 .container1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.messagemain .section2 .container1 .left{
  width: 55%;
}
.messagemain .fontmax {
    font-size: 20px;
}

.messagemain .section2 .container1 .left span{
  color: #3467AC;
  font-size: 20px;
  display: block;
  padding-bottom: 10px;
}

.messagemain .section2 .container1 .left em{
 font-size: 16px;margin-bottom: 5px;color: #666666;line-height: 26px;
}

.messagemain .section2 .container1 .left em{
 font-size: 16px;margin-bottom: 5px;color: #666666;line-height: 26px;
}

.messagemain .section2 .container1 .left em{
 font-size: 16px;margin-bottom: 5px;color: #666666;line-height: 26px;
}

.messagemain .section2 .container1 .left p{
 margin-top: 20px;font-size: 22px;line-height: 32px;
}

.messagemain .section2 .container1 .left .messbg{
  width: 100%;
}


.messagemain .section2 .container1 .right{
  width: 42%;
}
.messagemain .section2 .container1 .right img{
  max-width: 100%;
}




.messagemain .section3{
  position: relative;
  padding: 0;
}



.messagemain .section3 .newdivs{
   max-width: 800px;
   margin: 0 auto;
}

.messagemain .section3 .container1{
    margin: 0 auto;
}



.messagemain .section3 .container1 .tit p{
   font-size: 18px;
   margin: 10px 0;
}

.messagemain .section3 .container1 .tit p .inco1{
   color: #074095;
   width: 15px;
}

.messagemain .section3 .container1 .pics ul{
  overflow: hidden;
}

.messagemain .section3 .container1 .pics ul li{
}

.messagemain .section3 .container1 .pics ul .boximg{
    background-color: #fff;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgb(235 235 235);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto 20px auto;
   border: 1px solid #fff;
}

.messagemain .section3 .container1 .pics ul .boximg img{
  max-width: 45%;
}

.messagemain .section3 .container1 .pics ul .boxtext p{
  font-size: 18px;
  line-height: 1.4;
  color: #000;
  text-align: center;
}

.messagemain .section3 .pics ul li:hover .boximg img {
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
}



.messagemain .section5 .container1 .right p{
  display: flex;
 align-items: flex-start;
 font-size: 18px;
 line-height: 1.4;
}
.messagemain .section5 .container1 .right p span.inco1{
  width: 20px;
  color: #074095;
}
.messagemain .section5 .container1 .right p span.text1{
 width: calc(100% - 20px);
}


.messagemain .section4 .chickitem .items{
  background: #fff;
}


.innovation2 .section2 .tit span{
    margin-bottom: 10px;
    padding-bottom: 5px;
}





.messagemain .section6 .appdivs{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.messagemain .section6 .appdivs .items{
  padding-left: 0;
  margin-bottom: 30px;
}
.messagemain .section6 .appdivs .items .left{
   padding-left: 0;
}

.messagemain .section6 .appdivs .items .conts b{
  margin: 10px 0 5px 0;
}

.messagemain .section6 .appdivs .items .left .boximg{
   padding-left: 0;
   overflow: hidden;
}

.messagemain .section6 .appdivs .items .left img{
      width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

 .messagemain .section6 .appdivs .items{
          transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
  }

@media (min-width: 992px){
  .messagemain .section6 .appdivs .items{
      width: calc(50% - 15px);
  }
}

.messagemain .section6 .appdivs .items:hover  {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.messagemain .section6 .appdivs .items:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.messagemain .section6 .appdivs .items .right h3{
  color: #000;
  margin-top: 10px;
}


.messagemain .section6 .appdivs .items .right p{
  display: flex;
 align-items: flex-start;
 font-size: 16px;
 line-height: 1.4;
 margin-bottom: 5px;
}
.messagemain .section6 .appdivs .items .right p span.inco1{
  width: 20px;
  color: #074095;
}
.messagemain .section6 .appdivs .items .right p span.text1{
 width: calc(100% - 20px);
}

@media (max-width: 1200px){
  .messagemain .section6 .appdivs .items{
    display: flex;
    align-items: center;
  }
}

@media (max-width: 1100px){
 .messagemain .section6 .appdivs{
    display: flex;
    flex-direction: column;
  }
   .messagemain .section6 .appdivs .items{
    width: 100%;
   }
}

@media (max-width: 992px){
  .messagemain .fontmax {
      font-size: 20px;
  }
  .messagemain .section2 .container1 .left{
    width: 100%;
  }
   .messagemain .section2 .container1 .right{
    width: 100%;
    margin-top: 15px;
  }
}


@media (max-width: 768px){
 .messagemain .section6 .appdivs{
    display: flex;
    flex-direction: column;
  }
   .messagemain .section6 .appdivs .items{
    width: 100%;
    display: flex;
    flex-direction: column;
   }
   .messagemain .section6 .appdivs .items{
    padding: 0;
   }
   .messagemain .section6 .appdivs .items .left{
    padding: 0;
   }
   .messagemain .section55 .tit br{display: none;}
}


.videoimg{
  position: absolute;top: 0;height: 100%;width: 100%;background:url(../video/vv.png) rgba(0,0,0,0.4) center no-repeat;cursor: pointer;z-index: 9999;
}
.videos{
  width: 100%;
}
.videos::-webkit-media-controls-fullscreen-button {
    display: none;
}
.videos::-webkit-media-controls-play-button {
    display: none;
}
.videos::-webkit-media-controls-timeline {
    display: none;
}
.videos::-webkit-media-controls-current-time-display{
    display: none;           
}
.videos::-webkit-media-controls-time-remaining-display {
    display: none;           
}
.videos::-webkit-media-controls-mute-button {
    display: none;           
}
.videos::-webkit-media-controls-toggle-closed-captions-button {
    display: none;           
}
.videos::-webkit-media-controls-volume-slider {
    display: none;           
}
.videos::-webkit-media-controls-enclosure{
    display: none;
}


.videobanner{
  width: 100%;
}
.videobanner::-webkit-media-controls-fullscreen-button {
    display: none;
}
.videobanner::-webkit-media-controls-play-button {
    display: none;
}
.videobanner::-webkit-media-controls-timeline {
    display: none;
}
.videobanner::-webkit-media-controls-current-time-display{
    display: none;           
}
.videobanner::-webkit-media-controls-time-remaining-display {
    display: none;           
}
.videobanner::-webkit-media-controls-mute-button {
    display: none;           
}
.videobanner::-webkit-media-controls-toggle-closed-captions-button {
    display: none;           
}
.videobanner::-webkit-media-controls-volume-slider {
    display: none;           
}
.videobanner::-webkit-media-controls-enclosure{
    display: none;
}



@media (max-width: 960px){
  #video1{
    display: none;
  }


}





.Eventss .swiper-pagination{
  display: none;
}





  .btnaa{
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 99;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.btna1{
    top: 28%;
    left: calc(50% - 60px);
}
.btna2{
   bottom: 25%;
     left: calc(50% - 60px);
}
.btna3{
    top: 47%;
    left: 38%;
}
.btna4{
    top: 47%;
    right: 38%;
}

 @media screen and (max-width:1680px) {
    .btna1{
        top: 28%;
        left: calc(50% - 60px);
    }
    .btna2{
       bottom: 25%;
         left: calc(50% - 60px);
    }
    .btna3{
        top: 45%;
        left: 37%;
    }
    .btna4{
        top: 45%;
        right: 37%;
    }


 }


 @media screen and (max-width:1440px) {
.btna1{
    top: 26%;
    left: calc(50% - 60px);
}
.btna2{
   bottom: 21%;
     left: calc(50% - 60px);
}
.btna3{
    top: 43%;
    left: 36%;
}
.btna4{
    top: 43%;
    right: 36%;
}


 }

 @media screen and (max-width:1200px) {
.btna1{
    top: 23%;
    left: calc(50% - 60px);
}
.btna2{
   bottom: 19%;
     left: calc(50% - 60px);
}
.btna3{
    top: 41%;
    left: 35%;
}
.btna4{
    top: 41%;
    right: 35%;
}


 }

 @media screen and (max-width:1024px) {

   .btnaa{
    width: 100px;
    height: 100px;
}

.btna1{
    top: 25%;
    left: calc(50% - 50px);
}
.btna2{
   bottom: 20%;
     left: calc(50% - 50px);
}
.btna3{
    top: 40%;
    left: 36%;
}
.btna4{
    top: 40%;
    right: 36%;
}


 }



/*关于我们*/
.about-area{
  overflow: hidden;
}
.about-area .container1{
}
.about-area .container1 .row{
  display: flex;
  align-items: center;
}


.about-area .container1 .about-left img{
  max-width: 100%;
}

.section-title-wrap__subtitle{
    font-size: 18px;
    text-transform: uppercase;
    color: #d53557;
    margin-bottom: 0;
    display: inline-block;
    font-weight: 700;
}
.section-titles {
    font-size: 28px;
    margin-bottom: 0;
    line-height: 1.2;
    padding-bottom: 25px;
    margin-top: 15px;
}

.aboutdiv span{
  font-size: 18px;
    text-transform: uppercase;
    color: #d53557;
    margin-bottom: 0;
    display: inline-block;
    font-weight: 700;
}

.aboutdiv .about-desc{
    margin-top: 20px;
}

.aboutdiv .aboutmore{
  display: block;
}


.skill-area .container1 img.skill-shape {
    position: absolute;
    top: 18%;
    left: -7%;
}

.aboutdiv h3{
  padding-bottom: 20px;
  font-size: 30px;
}
.aboutdiv p{
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    color: #333;
    margin-bottom: 15px;
}

.aboutdiv p a{
  text-decoration: underline;
  margin-top: 10px;
  color: rgba(7, 64, 149, 1);
  font-size: 18px;
  display: block;
}

  @media screen and (max-width: 960px) {
      .aboutdiv h3{
        margin-top: 10px;
          padding-bottom: 10px;
          font-size: 24px;
        }
  }

  @media screen and (max-width: 768px) {
        .aboutdiv span{
          font-size: 16px;
        }
      .aboutdiv h3{
        margin-top: 10px;
          padding-bottom: 15px;
          font-size: 22px;
        }

         .aboutdiv p{
              font-size: 16px;
              line-height: 26px;
          }

          .aboutdiv p a{
            font-size: 16px;
          }
 
  }


.imgright{
  max-width: 100%;
}

.skill-area{
  overflow: hidden;
      background-color: #F7F7F7;
}
.skill-area .container1{
    position: relative;
}
.skill-area .container1 .row{
  display: flex;
  align-items: center;
}


/*==== Animate zoom-in-out  ====*/
.animate-zoom-in-out {
  animation-name: zoomInOut;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: zoomInOut;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-name: zoomInOut;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-name: zoomInOut;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-name: zoomInOut;
  -o-animation-duration: 3s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: ease-in-out;
}

@-webkit-keyframes zoomInOut {
  0% {
    -webkit-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.7);
    transform: rotate(360deg) scale(0.7);
    opacity: 0;
  }
}

@keyframes zoomInOut {
  0% {
    -webkit-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.7);
    transform: rotate(360deg) scale(0.7);
    opacity: 0;
  }
}






  .contact-sevens{
    margin-top: 100px;
  }


  @media screen and (max-width: 960px) {
    .contact-sevens{
      margin-top: 60px;
      padding-bottom: 60px;
    }
    .contact-sevens input,.contact-sevens textarea{
      border-color: #d53557 !important;
    }
  }



/** contact-seven **/

.contact-seven .container1{
  overflow: hidden;
}

.contact-seven .info-list li p a{
  color: #141417;
}

.contact-seven .form-inner form{
  margin: 0px 5px;
}

.contact-seven #contact-form .form-group{
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.contact-seven #contact-form .form-group:last-child{
  margin-bottom: 0px;
}


.contact-seven #contact-form .form-group input,
.contact-seven #contact-form .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  background: #fff;
  border: 1px solid #fff;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  color: #808080;
  border-radius: 5px;
  padding: 10px 20px;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
  outline: none;
}

.contact-seven #contact-form .form-group textarea{
  height: 150px;
  resize: none;
}

.contact-seven #contact-form .form-group input:focus,
.contact-seven #contact-form .form-group textarea:focus{
  border-color: #d53557 !important;
}

.contact-seven #contact-form .form-group input:focus, .contact-seven #contact-form .form-group textarea:focus {
    border-color: #d53557 !important;
}
.contact-seven #contact-form .form-group input:focus-visible, .contact-seven #contact-form .form-group textarea:focus-visible {
    border-color: #d53557 !important;
}


.contact-seven .theme-btn{
    padding: 15px 26px 15px 26px;
    background-color: #d53557;
    border:none;
    color: #fff;
    border-radius: 4px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    font-weight: bold;
}
.contact-seven .theme-btn i{
   padding-left: 15px;
}

.contact-seven .theme-btn:hover{
   background-color: #074095;
}

.contact-seven .contactleft h4{
   color: #000;
   padding-bottom: 15px;
   padding-top: 0;
}

.contact-seven .contactuul li{
    display: flex;
    justify-content: flex-start;
    align-items: top;
    margin: 15px 0;
}
.contact-seven .contactuul li i{
    font-size: 20px;
    color: #d53557;
    width: 40px;
    position: relative;
    top: 2px;
}
.contact-seven .contactuul li span{
    width: calc(100% - 40px);
    font-size: 18px;
     color: #000;
     line-height: 26px;
}

.contact-seven .contactuul li span a{
    color: #000;
}

.google-map-section .map-inner{
  line-height: 0;
}


.whycair .container1{
  overflow: hidden;
}

.whycair .container1 .whycairleft img{
    max-width: 100%;
}

.whycair .container1 .whycairright{
    font-size: 18px;
}
.whycair .container1 .whycairright p{
   padding-bottom: 5px;
   line-height: 28px;
}


.current .container1{
  overflow: hidden;
}



.current .container1 .items{
     overflow: hidden;
    border-top: 1px solid #f2f2f2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}



.current .container1 .items .jobtitle h4{
    font-size: 24px;
    line-height: 35px;
}

.current .container1 .items .jobdesc p{
    color: #777777;
    line-height: 25px;
    font-size: 16px;
    padding-bottom: 0;
}

.current .container1 .items .jobbtn{
  display: flex;
  justify-content: flex-end;
}
.current .container1 .items .jobbtn a{
 color: #999999;
 font-size: 16px;
}

.current .container1 .items .jobbtn a:hover {
    color: #083d59;
}


.joinus .conts h3{
    margin-top: 30px;
    padding-bottom: 10px;
}


.joinus .joinusdesc nav{
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.joinus .joinusdesc p{
    color: #333333;
    font-size: 16px;
    line-height: 25px;
}

.joinus .joinusbtn a{
    padding: 15px 26px 15px 26px;
    background-color: #d53557;
    border: none;
    color: #fff;
    border-radius: 4px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    font-weight: bold;
    max-width: 125px;
    text-align: center;
    display: block;
}

.joinus .joinusbtn a i{
  padding-left: 10px;
}

.joinus .joinusbtn a:hover {
    background-color: #074095;
}



.impactsection .container1{
  display: flex;
  flex-direction: column;
}


.impactsection .tit h4{
  margin-bottom: 30px;
}
.impactsection .tit p{
  font-size: 18px;
  line-height: 28px;
  color: #666666;
}


.impactinner{
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.impactsection .items{
    padding-bottom: 30px;
}


.impactsection .items .image-box{
    overflow: hidden;
}

.impactsection .items img{
  max-width: 100%;
      transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

}
.impactsection .items img:hover{
    transform: scale(1.05);
}

.impactsection .items .lower-content {
     position: relative;
    display: block;
    /*padding: 36px 15px 26px 15px;*/
    box-shadow: 0px 10px 15px rgb(190 186 194 / 35%);
    padding: 15px 10px;
}

.impactsection .items .lower-content h3{
   /*padding: 15px;*/
    font-size: 20px;
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 100px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}
   
.impactsection .items .lower-content h3 a{
    color: #333;
}


.impactsection .items .lower-content h3:hover a{
  color: #074095;
}



.newssection .divcont{
  text-align: center;
}

.newssection .divcont .imgbg{
  margin: 0 auto;
  max-width: 60%;
}


/*.newssection .newcont p{
 text-indent:2em;
}

*/

.newssection .newcont h3{
    color: #000;
    font-size: 18px;
    font-weight: bold;
}


.newssection .newcont p img{
   max-width:70%;
}


.newssection .newcont div{
   text-align: center;
   margin-top: 15px;
}




.newssection .divcont p{
  margin-top: 5px;
}

.newssection .newcont p a{
 color: #333333; 
}


.newssection .newcont p{
    color: #333333;
    font-size: 16px;
    line-height: 25px;
}

.newssection .newcont p.linkp a{
    color: #333333;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: normal;
}



@media screen and (max-width:769px) {
  .newssection .divcont .imgbg{
    max-width: 100%;
  }

  .newssection .newcont p img{
   max-width:100%;
}


}









/* line 2, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
.blogs {
  padding: 5px 20px 25px 20px;
  position: relative;
  z-index: 1;
  border: 1px solid #e7e7e7;
  margin: 40px 0;
}

/*.blogs::before {
  content: "";
  position: absolute;
  background: #e7e7e7;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.blogs::after {
  content: "";
  position: absolute;
  background: #ffa84b;
  width: 0;
  height: 1px;
  left: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}*/

/* line 33, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
.blogs__thumb {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

/* line 37, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
.blogs__thumb img {
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* line 42, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
.blogs .tag {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  background: #ffa84b;
  padding: 11px 21px;
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 60%;
  z-index: 2;
  transform: translateY(-60%);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* line 42, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
  .blogs .tag {
    top: 42%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 42, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
  .blogs .tag {
    top: 48%;
  }
}

@media (max-width: 767px) {
  /* line 42, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
  .blogs .tag {
    top: 48%;
  }
}

/* line 66, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
.blogs__meta span {
  color: #777777;
  font-size: 14px;
}

/* line 69, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
.blogs__meta span.author {
  color: #ef4123;
  font-weight: 700;
}

/* line 76, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
.blogs .blog-title:hover {
  /*text-decoration: underline;*/
  color: #074095;
}

/* line 81, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
.blogs:hover::before {
  width: 0;
  right: 0;
}

/* line 85, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
.blogs:hover::after {
  width: 100%;
}

/* line 89, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
.blogs:hover .blogs__thumb img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

/* line 100, E:/reacthemes/finanix/HTML/finanix-html-pack/finanix-preview/assets/scss/_blog.scss */
.blog-title {
  color: #000000;
  font-size: 24px;
  line-height: 1.6;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blogs__meta{
  padding-top: 15px;
}

.blogs .blog-content p{
  font-size: 16px;
  color: #666666;
  line-height: 1.5;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 15px;
}





.partnerssection .partnersdiv{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /*align-items: center;*/
}


.partnerssection .partnersdiv .left{
    font-size: 18px;
}

.partnerssection .partnersdiv .left .conts p{
    font-size: 24px;
    padding-bottom: 20px;
}

.partnerssection .partnersdiv .left .conts span a{
   color: #337ab7;
}

@media (max-width: 992px){
  .partnerssection .partnersdiv .left .conts p{
      font-size: 22px;
      padding-bottom: 20px;
  }
}

@media (max-width: 768px){
  .partnerssection .partnersdiv .left .conts p{
      font-size: 20px;
      padding-bottom: 10px;
  }
}

.partnerssection .partnersdiv .left .fontmax{
    padding-bottom: 20px;
}
.partnerssection .partnersdiv .left .btna{
   text-decoration: underline;
   margin-top: 10px;
   color: rgba(7, 64, 149, 1); 
}


.partnerssection .partnersdiv .right .items{
     box-shadow: 0px 0px 10px rgba(230,230,230,1);
     padding: 10px;
     margin: 10px;
     height: 120px;
     display: flex;
     align-items: center;
     justify-content: center;
}

.partnerssection .partnersdiv .right .items img{
     max-width: 100%; 
     max-height: 100px;
}

@media (min-width: 992px){
.partnerssection .partnersdiv .right .items{
     width: calc(50% - 20px);
  }
}

@media (max-width: 960px){
  .partnerssection .partnersdiv .left{
    padding-left: 0;
    padding-right: 0;
  }
.partnerssection .partnersdiv .right{
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }
}


.teamsection .teamdiv .items{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 40px;
}
.teamsection .teamdiv .items .left{
    width: 35%;
}
.teamsection .teamdiv .items .left img{
    max-width: 100%;
    width: 100%;
}
.teamsection .teamdiv .items .right{
    width: 60%;
}

.teamsection .teamdiv .items .right nav{
    border-bottom:1px solid #666666;
    padding-bottom: 10px; 
    font-size: 18px;
    color: #999999;
}

.teamsection .teamdiv .items .right p{
  font-size: 18px;
  line-height: 1.4;
  padding-top: 15px;
}

.teamsection1 .tit p{
  font-size: 18px;
  margin-top: 20px;
}

.xqtab{width: 100%;height: 100%;overflow: hidden;}
.xqtab .tab{width: 100%;height: 100%;overflow: hidden;}

.xqtab .tab-menu{}
.xqtab .tab-menu ul{display: flex;margin-bottom: 0;}
.xqtab .tab-menu ul li{
  width: auto;text-align: center;font-size: 18px;color: #333333;
 border-bottom: none;cursor: pointer;margin-right: 20px;
  border:1px solid #D53557;border-radius: 10px;
  width: 200px;padding: 12px 0;
}
.xqtab .tab-menu ul .change{background-color: #D53557;color: #fff;}

.xqtab .tab-box{width: 100%;height: 100%;overflow: hidden;}

.xqtab .tab-box .tablist{display: none;width: 100%;height: 100%;overflow: hidden;}

.xqtab .tab-box .tablist:nth-child(1){display: block;}
.xqtab .tab-box .tablist .teamdiv{
  display: flex;
  /*justify-content: flex-start;*/
  flex-wrap: wrap;
}


  #myModal.modal{
    margin-top: 100px;
    padding-right: 0 !important;
  }
  .joinusbtn  a{
    cursor: pointer;
  }

   #myModal .modal-body{
    width: 100%;
    overflow: hidden;
  }

  #myModal .modal-body .form-group input{
    width: 100%;
    padding: 12px;
   border:none;
    outline: none;
    border-radius: 5px;
    color: #808080;
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 7%);
    outline: none;
  }

  #myModal .modal-body .message-btn button{
    padding: 12px 26px 12px 26px;
    background-color: #d53557;
    border: none;
    color: #fff;
    border-radius: 4px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    font-weight: bold;
  }

  #myModal .modal-body .message-btn button i{
   padding-left: 10px;
  }

 #myModal .modal-body .message-btn button:hover {
    background-color: #074095;
}

 #myModal .modal-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
 }

#myModal.modal .file {
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
}
#myModal.modal .file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
#myModal.modal .file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
}

  #myModal .modal-body .input-append{
    display: flex;
  }
  .Uploadbtn{
    display: flex;
    align-items: center;
    color: #074095 !important;
  }



.conts ul li{
  font-size: 18px;
  position: relative;
  padding-left: 15px;
  margin: 6px 0;
}

.conts ul li::before{
   content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 6px;
    left: 0px;
    background-color: #074095;
}
   
.innovation .section3 .section3container .conts ul li{
  display: inline-block;
}

.conts img{max-width: 100%;margin-top: 5px;}

.conts b{
  font-size: 20px;
  margin: 20px 0 5px 0;
  display: block;
}

.conts h3{
  font-size: 20px;
  margin: 20px 0 5px 0;
  display: block;
  font-weight: bold;
}


.conts p{
  font-size: 18px;
  display: block;
}


.conts p span.colors{
  color: #074095;
}

.conts .boximg{
  margin-top: 20px;
}

.conts div em{
  margin-top: 10px;
}

.conts em{
  display: block;
  font-size: 16px;
  font-style: inherit;
}


.contss p{
   font-size: 18px;
   display: block;
}
.contss strong{
   font-size: 18px;
}

.contss ul li{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	  font-size: 18px;
}

.contss ul li strong{
  width: 95px;
}


.contss ul li  div{
 font-size: 18px;
  width: calc(100% - 95px);
}

@media screen and (max-width:768px) {
  .innovation .section3 .section3container .conts ul li{
    padding-left: 5px;
  }
}


.newssection .newcont video{
  margin-left: auto;
  margin-right: auto;
}


/****************************************************不同尺寸样式****************************************************/



/*尺寸*/
@media screen and (max-width:1680px) {

    #menu {
      padding-left: 30px;
  }
 


}


@media screen and (max-width:1440px) {
  
    #menu {
      padding-left: 20px;
  }
  
  .tit h3{
        font-size:42px;
  }

  .tit h4{
        font-size:32px;
  }





    .sectionsile .textdiv h1 {
      font-size: 52px;
      line-height: 1.0571428571em;
      margin-bottom: 0.5em;
  }
  .sectionsile .textdiv .header__button {
        margin-top: 2.5em;
    }
  .eventdiv h3{
    font-size: 18px;
    line-height: 25px;
    min-height: 85px;
  }

  .sectionresearch .container .items  .itemstext h3{
      font-size: 42px;
    line-height: 1.05;
    padding-bottom: 10px;
}
.sectionresearch .container .items .itemstext p {
    font-size: 18px;
    margin-bottom: 0;
}


}



@media screen and (max-width:1366px) {

      #menu {
        padding-left: 15px;
    }
   
   

}




@media screen and (max-width:1280px) {
    .container{width:92%;}
   
      #menu {
        padding-left: 20px;
    }

    .sectionmake .container1 .left{
      width: 40%;
    }
     .sectionmake .container1 .right{
      width: 55%;
    }

}



@media screen and (max-width:1024px) {

      #menu {
        padding-left: 10px;
    }
    .headBox .logo {
        max-width: 250px;
    }


 .tit h3{
        font-size:36px;
  }

  .tit h4{
        font-size:28px;
  }

   
}


@media screen and (max-width:992px) {

     .tit h4 {
        font-size: 28px;
    }

    .xqtab .tab-menu ul {
        flex-wrap: wrap;
    }

.xqtab .tab-menu ul li {
    width: calc(50% - 30px);
    padding: 12px 0;
    margin-bottom: 15px;
     margin-right: 15px;
     font-size: 16px;
}
   
}






@media screen and (max-width:960px) {



  .teamsection .teamdiv .items{
      flex-direction: column;
      width: 100%;
  }
  .teamsection .teamdiv .items .left {
    width: 100%;
  }
  .teamsection .teamdiv .items .right {
      width: 100%;
  }
  .teamsection .teamdiv .items .left img{
    /*width: unset;*/
  }
  
  .teamsection .teamdiv .items .right .fontmax{
    font-size: 20px;
    margin-bottom: 5px;
  }
  .teamsection .teamdiv .items .right p{
    font-size: 16px;
    padding-top: 5px;
  }


    .innovation .section2 .container{
      flex-direction: column;
      align-items: flex-start;
    }

    .innovation .section2 .container .left {
        width: 100%;
    }
    .innovation .section2 .container .right {
        width: 100%;
    }

    .innovation .section55 .cont .divs{
      flex-direction: column;
      align-items: flex-start;
    }

    .innovation .section55 .cont .divs .left {
        width: 100%;
    }
    .innovation .section55 .cont .divs .right {
        width: 100%;
    }

  .innovation .section3 .pics ul li .boxtext{
    padding: 15px 15px 0 15px;
  }
  .innovation .section55 .cont p{
    display: block;
  }

  .sectionbanner .textdiv{
    width: 92%;
}

.sectionimpact .w-button__inner {
    text-align: center;
    /*padding-top: 5em;*/
}
.Impactss .swiper-pagination {
    display: block;
    position: unset;
    margin-top: 2em;
}

}



@media screen and (max-width:768px) {
    
    .teamsection .container1 .col-lg-6,.teamsection .container1 .col-lg-12{
      padding-left: 0;
      padding-right: 0;
    }

   .xqtab .tab-menu ul{
       flex-direction: column;
    }
  .xqtab .tab-menu ul li {
    width:100%;
    padding: 12px 0;
    margin-bottom: 15px;
    margin-right: 15px;
    font-size: 16px;
}


    .container{
      width: 100%;
      padding: 0 15px;
    }

    .innovation .section3 .pics ul li{
      width: 100%;
    }
    .innovation .section4 .cont .boximg{
      max-width: 100%;
      width: 100%;
    }
   .innovation .section4 .cont .boxvideo {
      max-width: 100%;
        width: 100%;
      position: relative;
  }

  .innovation .section5 .cont .boximg {
      max-width: 100%;
      width: 100%;
  }

     .footer-bottom .linkuul li{
    padding-right: 15px;

  }
  .footer-bottom .linkuul li::before{
    display: none;
  }

  .sectionsile{
    height: 130vw;
  }

.sectionsile .textdiv {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 97%;
    padding: 0 10px;
}

  .tit h3{
        font-size:32px;
  }

 .tit h4{
        font-size:24px;
  }

    .sectionsile .textdiv h1 {
      font-size: 42px;
      line-height: 1.0571428571em;
      margin-bottom: 0.5em;
  }

.sectionsile .textdiv .header__button {
    margin-top: 2em;
    display: none;
}

.sectionsile .textdiv .header__button1{
  display: block;
  margin-bottom: 15px;
}

  .eventdiv h3{
    font-size: 18px;
    line-height: 25px;
    min-height: 85px;
  }

  .sectionresearch .container .items  .itemstext h3{
      font-size: 32px;
    line-height: 1.05;
    padding-bottom: 10px;
}

.sectionresearch .container .items{
  width: 100%;
}
.sectionresearch .container {
    display: flex;
    flex-direction: column;
}

.container1{
  width: 100%;
}

.sectionevent .tit h3{
  text-align: center;
}
.Eventss .swiper-button-prev,.Eventss .swiper-button-next{
  display: none;
}

.Eventss .swiper-pagination{
  display: block;
  position: unset;
  margin-top: 2rem;
}

.sectionmake .container1 {
    padding: 60px 0;
    display: flex;
    flex-direction: column;
}
.sectionmake .container1 .left {
    width: 100%;
    text-align: center;
}
.sectionmake .container1 .left img{
    max-width: 80%;
}
.sectionmake .container1 .right {
    width: 100%;
}
.sectionmake .tit {
    text-align: center;
    width: 100%;
    margin-top: 3rem;
}
.sectionmake .tit h3 {
    margin: 0;
    text-align: center;
}

}




@media (min-width: 576px){
.container1 {
    max-width: 540px;
  }
}
@media (min-width: 768px){
.container1 {
    max-width: 720px;
  }
}
@media (min-width: 992px){
.container1 {
    max-width: 960px;
  }
}


@media (min-width: 1200px){
  .container1 {
      max-width: 1200px;
  }
}
@media (min-width: 1300px){
  .container1 {
      max-width: 1300px;
  }
}



@media (max-width: 992px){
.about-area .container1 .row{
  flex-wrap: wrap;
  }
  .skill-area .container1 .row{
  flex-wrap: wrap;
  }
  .about-area .container1 .about-left img{
    padding-bottom: 30px;
  }
  .section-titles {
    padding-bottom: 20px;
    margin-top: 15px;
  }

.padd100{
  padding-top: 80px;
  padding-bottom: 80px;
}
.padd90{
  padding-top: 70px;
  padding-bottom: 70px;
}
.padd80{
  padding-top: 60px;
  padding-bottom: 60px;
}
.padd70{
  padding-top: 50px;
  padding-bottom: 50px;
}
.padd60{
  padding-top: 40px;
  padding-bottom: 40px;
}

.paddtop100{
  padding-top: 80px;
}
.paddtop90{
  padding-top: 70px;
}
.paddtop80{
  padding-top: 60px;
}
.paddtop70{
  padding-top: 50px;
}
.paddtop60{
  padding-top: 40px;
}

.paddbottom100{
  padding-bottom: 80px;
}
.paddbottom90{
  padding-bottom: 70px;
}
.paddbottom80{
  padding-bottom: 60px;
}
.paddbottom70{
  padding-bottom: 50px;
}
.paddbottom60{
  padding-bottom: 40px;
}



}


@media (min-width: 992px) and (max-width: 1200px){
    .current .container1 .items .jobdesc{
     
    }
}

@media (min-width: 992px) and (max-width: 1200px){
   .current .container1 .items{
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
   

}









@media screen and (min-width: 1921px) and (max-width:2000px){   
      .what .left1{
        width: 23%;
        position: absolute;
        top: 160px;
        left: 8%;
      }

      .what .left2{
        width: 18%;
        position: absolute;
        top: unset;
        left: 8%;
        bottom: 220px;
      }

       .what .right1{
        width: 20%;
        position: absolute;
        top: 310px;
        right: 3%;
      }

      .what .right2{
        width: 23%;
        position: absolute;
        top: unset;
        right: 7%;
        bottom: 95px;
      }
}


@media screen and (min-width: 2001px) and (max-width:2100px){   
      .what .left1{
        width: 23%;
        position: absolute;
        top: 170px;
        left: 8%;
      }

      .what .left2{
        width: 18%;
        position: absolute;
        top: unset;
        left: 6%;
        bottom: 235px;
      }

       .what .right1{
        width: 20%;
        position: absolute;
        top: 325px;
        right: 3%;
      }

      .what .right2{
        width: 23%;
        position: absolute;
        top: unset;
        right: 7%;
        bottom: 100px;
      }
}


@media screen and (min-width: 2101px) and (max-width:2200px){   
      .what .left1{
        width: 23%;
        position: absolute;
        top: 185px;
        left: 8%;
      }

      .what .left2{
        width: 18%;
        position: absolute;
        top: unset;
        left: 6%;
        bottom: 250px;
      }

       .what .right1{
        width: 20%;
        position: absolute;
        top: 345px;
        right: 3%;
      }

      .what .right2{
        width: 23%;
        position: absolute;
        top: unset;
        right: 7%;
        bottom: 110px;
      }
}


@media screen and (min-width: 2201px) and (max-width:2300px){   
      .what .left1{
        width: 23%;
        position: absolute;
        top: 195px;
        left: 8%;
      }

      .what .left2{
        width: 18%;
        position: absolute;
        top: unset;
        left: 6%;
        bottom: 265px;
      }

       .what .right1{
        width: 20%;
        position: absolute;
        top: 360px;
        right: 3%;
      }

      .what .right2{
        width: 23%;
        position: absolute;
        top: unset;
        right: 7%;
        bottom: 120px;
      }
}


@media screen and (min-width: 2301px) and (max-width:2400px){   
      .what .left1{
        width: 20%;
        position: absolute;
        top: 205px;
        left: 13%;
      }

      .what .left2{
        width: 18%;
        position: absolute;
        top: unset;
        left: 6%;
        bottom: 285px;
      }

       .what .right1{
        width: 20%;
        position: absolute;
        top: 375px;
        right: 3%;
      }

      .what .right2{
        width: 23%;
        position: absolute;
        top: unset;
        right: 7%;
        bottom: 125px;
      }
}


@media screen and (min-width: 2401px) and (max-width:2500px){   
      .what .left1{
        width: 20%;
        position: absolute;
        top: 215px;
        left: 13%;
      }

      .what .left2{
        width: 18%;
        position: absolute;
        top: unset;
        left: 6%;
        bottom: 300px;
      }

       .what .right1{
        width: 20%;
        position: absolute;
        top: 400px;
        right: 3%;
      }

      .what .right2{
        width: 23%;
        position: absolute;
        top: unset;
        right: 7%;
        bottom: 130px;
      }
}


@media screen and (min-width: 2501px) and (max-width:2600px){   
      .what .left1{
        width: 20%;
        position: absolute;
        top: 225px;
        left: 11%;
      }

      .what .left2{
        width: 18%;
        position: absolute;
        top: unset;
        left: 6%;
        bottom: 315px;
      }

       .what .right1{
        width: 20%;
        position: absolute;
        top: 420px;
        right: 3%;
      }

      .what .right2{
        width: 23%;
        position: absolute;
        top: unset;
        right: 7%;
        bottom: 140px;
      }
}


@media screen and (min-width: 2601px) and (max-width:2700px){   
      .what .left1{
        width: 20%;
        position: absolute;
        top: 240px;
        left: 11%;
      }

      .what .left2{
        width: 18%;
        position: absolute;
        top: unset;
        left: 6%;
        bottom: 330px;
      }

       .what .right1{
        width: 20%;
        position: absolute;
        top: 430px;
        right: 3%;
      }

      .what .right2{
        width: 23%;
        position: absolute;
        top: unset;
        right: 7%;
        bottom: 150px;
      }
}



@media screen and (min-width: 2701px) and (max-width:2800px){   
      .what .left1{
        width: 20%;
        position: absolute;
        top: 250px;
        left: 11%;
      }

      .what .left2{
        width: 18%;
        position: absolute;
        top: unset;
        left: 6%;
        bottom: 345px;
      }

       .what .right1{
        width: 20%;
        position: absolute;
        top: 450px;
        right: 3%;
      }

      .what .right2{
        width: 23%;
        position: absolute;
        top: unset;
        right: 7%;
        bottom: 160px;
      }
}



@media screen and (min-width: 2801px) and (max-width:2900px){   
      .what .left1{
        width: 20%;
        position: absolute;
        top: 260px;
        left: 11%;
      }

      .what .left2{
        width: 18%;
        position: absolute;
        top: unset;
        left: 6%;
        bottom: 360px;
      }

       .what .right1{
        width: 20%;
        position: absolute;
        top: 470px;
        right: 3%;
      }

      .what .right2{
        width: 23%;
        position: absolute;
        top: unset;
        right: 7%;
        bottom: 160px;
      }
}


@media screen and (min-width: 2901px){   
      .what .left1{
        width: 20%;
        position: absolute;
        top: 270px;
        left: 11%;
      }

      .what .left2{
        width: 18%;
        position: absolute;
        top: unset;
        left: 6%;
        bottom: 380px;
      }

       .what .right1{
        width: 20%;
        position: absolute;
        top: 490px;
        right: 3%;
      }

      .what .right2{
        width: 23%;
        position: absolute;
        top: unset;
        right: 7%;
        bottom: 170px;
      }
}






.pageinfo ul {
    display: flex;
    justify-content: center;
}

.pageinfo ul li {
    list-style: none;
    padding-left: 0;
    padding: 0.5rem;
}

@media (max-width: 575.98px) {
    .pageinfo ul li {
        padding: 0.2rem;
    }
}

.pageinfo ul li::before {
    display: none !important;
    font-style: none;
}

.pageinfo ul li a {
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #929292;
    border: 1px solid #fff;
}

.pageinfo ul li span {
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #929292;
    border: 1px solid #fff;
}

@media (max-width: 768px) {
    .pageinfo ul li a {
        width: 39px;
        height: 39px;
    }

    .pageinfo ul li span {
        width: 39px;
        height: 39px;
    }
}

.pageinfo ul li .active {
    border: 1px solid #BFBFBF;
    color: #393A3C;
    background: #FFFFFF;
}

.pageinfo ul li .prev {
    margin: 0;
    border: none;
}

.pageinfo ul li .prev::after {
    content: "\f104";
    font-family: 'FontAwesome' !important;
    font-size: 1.5em;
}

.pageinfo ul li .prev:hover {
    background: #074095;
    color: #ffffff;
}

.pageinfo ul li .next {
    margin: 0;
    border: none;
}

.pageinfo ul li .next::after {
    content: "\f105";
    font-family: 'FontAwesome' !important;
    font-size: 1.5em;
}

.pageinfo ul li .next:hover {
    background: #074095;
    color: #ffffff;
}

@media (max-width: 575.98px) {
    .pageinfo .more {
        padding: 1rem 1.5rem;
    }
}

.pageinfo span {
    color: rgba(0, 0, 0, 0.5);
}