.bannerWap {
   height: auto;
   width: 100%;
   padding-top: 4.37rem;
}

.banner {
   position: relative;
   overflow: auto;
   text-align: center;
}

.banner ul li {
   float: left;
}

.banner li {
   list-style: none;
}

#banner #ar {
   right: 15px;
}

#banner .arrow {
   position: absolute;
   top: 30%;
   height: 80px;
   width: 50px;
}

#banner #al {
   left: 15px;
}

#banner .arrow {
   position: absolute;
   top: 30%;
   height: auto;
   width: 50px;
}

.container-fluid {
   width: 100%;
   padding-bottom: 10px;
}

.textOverflow {
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.carect {
   position: relative;
   width: 0;
   height: 0;
   margin-left: 5px;
   margin-bottom: 2px;
   border-top: 6px solid;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-radius: 10px;
   display: inline-block;
}

.swiper-container {
   z-index: 0 !important;
}

.zixunBtn,
.shiyongBtn {
   border: solid 1px #eee;
   border-radius: 6px;
   background: none;
   margin-left: 20px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
   right: 7%;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
   left: 7%;
}

.max-row {
   width: 100%;
}

.join-container {
   width: 1200px;
   margin: auto;
}

/***/

.joiningtop {
   margin: 50px auto;
}

.m-row {
   display: flex;
   -webkit-flex-direction: row;
   -moz-flex-direction: row;
   flex-direction: row;
   align-items: center;
   -moz-box-align: center;
}

.modelicon {
   margin: 20px auto 20px auto;
   color: white;
   border-radius: 100%;
   text-align: center;
   max-width: 120px;
   max-height: 120px;
}

.Sure {
   margin: 50px 0px;
   flex-wrap: wrap;
}

.m-column {
   display: flex;
   -webkit-flex-direction: column;
   -moz-flex-direction: column;
   flex-direction: column;
   align-items: center;
   -moz-box-align: center;
}

.scTitle {
   font-size: 24px;
   color: #060606;
   text-align: center;
}

.scDesc {
   font-size: 16px;
   color: #595961;
   margin-top: 10px;
   text-align: center;
   line-height: normal;
}

.scDescwidth {
   font-size: 12px;
   color: #999;
   margin-top: 10px;
   text-align: center;
   width: 70%;
   margin: auto;
}

.modeitem1 {
   border: 1px #eee solid;
   border-radius: 4px;
   padding: 10px;
   box-shadow: 0 0 5px 1px #eee;
   width: 25%;
   padding-bottom: 20px;
}

.modeitem1:hover {
   box-shadow: 0 0 10px 5px #e9e9e9;
   cursor: pointer;
}


/*甯傚満*/
.markettop {
   /* width:80%; */
   margin: 50px auto;
}

.market {
   padding: 0px 30px;
   height: auto;
}

.marketicon {
   margin: 20px auto;
   font-size: 48px;
   color: white;
   background: #07c3af;
   text-align: center;
   /* height: 120px;
	width: 120px;
	line-height: 120px; */
   max-width: 120px;
   max-height: 120px;
}

.marketborder {
   height: 160px;
   width: 4px;
   background: #999;
}

.industrytop {
   margin: 50px auto;
}

.imgbox {
   overflow: hidden;
   height: 100%;
}

.industry {
   margin: 0px 0px;
   box-shadow: 0 0 10px 1px #eee;
   margin: 0px 20px;
   cursor: pointer;
   overflow: hidden;
}

.industry:hover {
   box-shadow: 0 0 20px 2px #999;
}

.imganimat {
   position: relative;
   animation: bkmymove 0.65s forwards;
   -webkit-animation: bkmymove 0.65s forwards;
   animation-timing-function: ease-in-out;
   -webkit-animation: bkmymove 0.65s forwards;
   -webkit-animation-timing-function: ease-in-out;
   transition: all 0.35s;
}

.industry:hover .imganimat {
   position: relative;
   animation: mymove 0.65s forwards;
   -webkit-animation: mymove 0.65s forwards;
   animation-timing-function: ease-in-out;
   -webkit-animation: mymove 0.65s forwards;
   -webkit-animation-timing-function: ease-in-out;
   transition: all 0.35s;
}

@keyframes bkmymove {
   0% {
      transform: scale(1.05);
      /*寮€濮嬩负鍘熷澶у皬*/
   }

   100% {
      transform: scale(1);
   }
}

@-webkit-keyframes bkmymove

/*Safari and Chrome*/
   {
   0% {
      transform: scale(1.05);
      /*寮€濮嬩负鍘熷澶у皬*/
   }

   100% {
      transform: scale(1);
   }
}

@keyframes mymove {
   0% {
      transform: scale(1);
      /*寮€濮嬩负鍘熷澶у皬*/
   }

   100% {
      transform: scale(1.05);
   }
}

@-webkit-keyframes mymove

/*Safari and Chrome*/
   {
   0% {
      transform: scale(1);
      /*寮€濮嬩负鍘熷澶у皬*/
   }

   100% {
      transform: scale(1.05);
   }
}

.industry .scTitle {
   font-size: 24px;
   padding: 20px 0px;

}

.joiningtop {
   margin: 3rem auto 6rem auto;
}

.joining .scTitle {
   margin-top: 30px;

}

@media (max-width: 1200px) {

   .join-container {
      width: 95%;
      margin: auto;
   }

   .scTitle {
      font-size: 18px;
      margin-top: 0px;
   }

   .scDesc {
      font-size: 14px;
      margin-top: 0rem;
   }

}

/**/
.toptitle {
   background: #89abda;
   padding: 10px 0px;
}

.toptitle .scTitle {
   font-size: 22px;
   color: white;
   font-weight: 600;
   text-align: center;
   width: 100%;
   margin-right: 10%;
}

.toptitleicon {
   padding-left: 10px;

}

.Brightspot .scDesc {
   font-size: 16px;
   color: black;
   margin: 20px 10px;
}

.borderBspot {
   border: solid 1px #999;
   width: 80%;
   margin: 10px auto;
   position: relative;
   box-sizing: border-box;

}

.flex-start {
   align-items: flex-start !important;
   -moz-box-align: flex-start !important;
}

.Supporttop {
   margin-top: 50px;
}

.Supporttop-wrap {
   flex-wrap: wrap;
}

.Support {
   margin: 0px 0px;
   padding: 0px 20px;
   width: 33.333%;
   height: auto;
   margin-top: 0.4rem;
}

.Support .scDesc {
   margin: 10px;
   line-height: 1.6;
   font-size: 18px;
   color: #444444;
   text-align: justify;
}

.Supportborder {
   height: 4px;
   position: absolute;
   display: block;
   width: 50%;
   background: #999;
   left: 25%;
   top: -2px;
}

.tjTitle p {
   font-size: 24px;
   text-align: center;
   border-bottom: 1px solid #999;
   padding: 15px 0px;
   cursor: pointer;
}

.hovercolor p {
   border-color: #439aff;
}

.hovercolor {
   color: #439aff;
}

.tjTitle.tjtwo p {
   font-size: 24px;
   text-align: center;
   padding: 15px 0px;
   cursor: pointer;
   border-bottom: 1px solid #999;
}

.tjTitle div {
   padding: 15px 0px;
   display: block;
   width: 60%;
   margin: auto;
   text-decoration: none;
   font-size: 18px;
}


.tjTitle.tjtwo div {
   width: 60%;
   padding: 15px 0px;
   margin: auto;
   text-decoration: none;
   font-size: 18px;
}

/*footer*/
.footer .last {
   width: 91.5%;
   margin: 0 auto;
   text-align: center;
   line-height: 20px;
   color: #7E8985;
   font-size: 12px;
   padding: 20px 0;
   background: #eee;
}

.footer a i {
   display: inline-block;
   width: 14px;
   height: 16px;
   margin-right: 6px;
   /* background: url(../img/icon-police.png) 0 0 no-repeat; */
   vertical-align: middle;
   margin-top: -4px;
}

.bggray {
   background: #eee;
   padding: 50px 0px;
}

.bgwhite {
   background: white;
   padding: 50px 0px;
}


/* 3. Medium devices (less than  768px) */
@media (max-width: 767.98px) {
   .join-container {
      width: 100%;
   }

   .industry .scTitle {
      font-size: 16px;
   }

   .industry {
      margin: 0 10px;
   }

   .market {
      padding: 0 10px;
   }

   .Support {
      padding: 0px 10px;
      width: 50%;
   }

   .tjTitle.tjtwo div,
   .tjTitle div {
      width: 100%;
      padding: 0 10px;
   }

   .joiningtop {
      margin: 1rem auto 2rem auto;
      flex-wrap: wrap;
   }

   .joining {
      width: 50%;
      margin-top: 20px;
   }

   .joining .scTitle {
      margin-top: 10px;
   }

   p {
      margin-bottom: 15px;
   }

   .bgwhite {
      padding: 20px 0px;
   }

   .Sure {
      margin: 20px 0px;
   }

   .bggray {
      padding: 20px 0px;
   }

   .markettop {
      margin: 20px auto;
   }

   .modeitem1 {
      width: 50%;
   }

   #banner .arrow {
      width: 30px;
   }
}