.box {
  width: 100%;
  height: 600px;
  /*background: url(../images/index-bg1.png) no-repeat center center;*/
  /*background-size: cover !important;*/
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.box .content1080 .fontS48 {
 /*color: white;
  -webkit-text-stroke: 0.8px #2374a1;*/
}


.box .content1080 .fontS30 {
  /* color: white;
  -webkit-text-stroke: 0.5px #2374a1; */
  margin-top: 30px;
}

.boxa {
  position: absolute;
  bottom: 4px;
  height: 120px;
  overflow: hidden;
  display: flex;
}

.boxa .boxb {
  width: 100%;
  background: white;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.boxa .boxb .boxba {
  width: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.boxa .boxb .boxba span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #359acc;
  margin-right: 10px;
}

.boxa .boxb .boxbb {
  width: 80%;
  height: 96%;
  padding: 5px 7px;
}


.boxa .boxb .boxbb textarea {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start !important;
  padding: 8px 15px;
  border: 1px solid #83b9d4;
  border-radius: 8px;
  font-size: 14px;
  box-shadow: 0 0 4px 2px #c2c2c2;
}

.boxa .boxc {
  width: 130px;
  height: 120px;
  background-image: linear-gradient(#c9d6dd, #359acc);
  border-radius: 8px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  font-size: 24px;
  letter-spacing: 5px;
}

.box1 {
  width: 100%;
  height: 70px;
  background: #3399cc;
}

.box1 .content1080 {
  padding: 0 20px;
  display: flex;
  align-items: center;
}


.box1 .content1080 li {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  color: white;
}


.box1 .content1080 li div {
  display: flex;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;

}


.box1 .content1080 li a {
  width: 100px;
  height: 30px;
  background: white;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-left: 30px;
  font-size: 14px;
}

.box2 .content1080 {
  color: #3c3c3c;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 0;
}


.box2 .content1080 .fontS18 {
  color: #cccccc;
  margin-top: 15px;
}

.box2 .content1080 .fontS17 {
  line-height: 29px;
  margin-top: 26px;
  font-family: "微软雅黑";
}

.box2 .content1080 .fontS17 span {
  font-weight: 900;
}


.box2 .content1080 .box2a {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}


.box2 .content1080 .box2a li {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
}


.liShowa {
  background: #3399cc !important;
  color: white !important;
}


.box2 .content1080 .box2b {
  width: 100%;
  margin-top: 40px;
  display: none;
}



.box2 .content1080 .box2b .fontS16 {
  line-height: 30px;
}


.box2 .content1080 .box2b .box2c {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 30px;
}


.box2 .content1080 .box2b .box2c li {
  width: 23%;
  position: relative;
  transition: all 0.5s;
  cursor: pointer;
}



.box2 .content1080 .box2b .box2c li:hover{
  transform: scale(1.02);
  box-shadow: 1px 1px 10px 1px #000000;
}


.box2 .content1080 .box2b .box2c li img {
  width: 100%;
  z-index: 1;
}

.box2 .content1080 .box2b .box2c li p {
  display: flex;
  justify-content: center;
  background: #3399cc;
  color: white;
  height: 30px;
  align-items: center;
  margin-top: -15px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0px;
}

.box2 .content1080 .box3 {
  width: 100%;
  display: flex;
  margin-top: 50px;
  padding-bottom: 50px;
}


.box2 .content1080 .box3 .box3a {
  width: 45%;
  margin: 0 5px;
}

.box2 .content1080 .box3 .box3b {
  width: 55%;
  padding-left: 30px;
  font-size: 16px;
}

.box2 .content1080 .box3 .box3b p {
  margin-bottom: 30px;
  line-height: 30px;
}



.mySwipera {
  width: 100%;
  height: 100%;
}

.mySwipera .swiper-slide {
  font-size: 14px;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  color: black;
  content: none !important;
}

.swiper-button-prev {
  background: url(../images/_.png) no-repeat;
  background-size: 100% !important;
  width: 30px !important;
  height: 90px !important;
}

.swiper-button-next {
  background: url(../images/_.png) no-repeat;
  background-size: 100% !important;
  width: 30px !important;
  height: 90px !important;
  transform: rotate(180deg);
}

.boxBgc .swiper-button-prev,
.boxBgc .swiper-button-next {
  top: 17px !important;
}

.boxBgc .swiper-button-prev {
  left: 0;
}

.boxBgc .swiper-button-next {
  right: 0;
}

.swpera {
  width: 75%;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
}

.swpera img {
  width: 100%;
}


.swpera p {
  margin: 10px 0;
}


.swperb {
  padding-top: 50px;
  padding-left: 10px;
}

.swiperc{
    width: 100%;
    height: 100%;
		cursor:pointer;
}
.swiperc .swiper-slide{
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

}
.swiperc .swiper-slide img{
    object-fit: cover;
}
.swiperc .swiper-pagination{
    top: auto !important;
    bottom: 0 !important;
}


 .box .swiperc .content1080{
  position: absolute;
} 

.box3c {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 30px;
}


.box3c li {
  width: 50%;
  margin-top: 30px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.box3c li span {
  display: flex;
  margin: 0 5px;
}

.kuande {
  margin-right: 30px !important;
}


.boxBg {
  background: url(../images/index-bg2.png) no-repeat center bottom;
  background-size: 100% !important;
  padding-bottom: 170px;
  padding-top: 50px;
}


.boxbga {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}

.boxBgab {
  width: 100%;
}

.boxBgac {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}



.boxBgac img {
  width: 90%;
  margin-left: 10%;
  margin-top: -60px;
}

.boxBgab .fontS16 {
  line-height: 35px;
}

.bosBgad {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}


.bosBgad li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.bosBgad li p {
  margin-top: 10px;
}

.bosBgad li .fontS24 {
  color: #352c66;
}
/* 修改海外仓内页排版*/
.bosBgadd {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.listBoxb .content1080 .bosBgadd li {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.bosBgadd li p {
  margin-top: 10px;
}

.bosBgadd li .fontS24 {
  color: #352c66;
}
/* 修改海外仓内页排版*/

.newsbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}

.newSboxa {
  width: 100%;
  display: none;
  flex-wrap: wrap;
  height: 350px;
}

.newSboxabbb{
    display: flex-wrap;
    flex-direction: column;
    justify-content: space-between;
}

.newSboxa li {
  width: 24%;
  margin: 0 0.5%;
  padding-bottom: 35px;
}


 .newSboxabbb li{
    width: 100%;
    padding-bottom: 0;
    padding: 0 20px;
  }
.newSboxb {
  width: 200px;
  display: flex;
  flex-direction: column;
  margin-left: 40px;
  padding: 30px 0;
}


.newSboxb li {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #cccccc;
  color: white;
  border-radius: 8px;
  cursor: pointer;
  margin: 10px 0 !important;
}


.haiXuan_Cha{
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    height: 100%;
    background: #ffffff57;
    transition: all 1s;
}
.haiBox4b:hover .haiXuan_Cha{
    height: 0 !important;
}
.haiBox4c:hover .haiXuan_Cha{
    height: 0 !important;
}
.newSboxa li a {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}



.newSboxa li a div {
  width: 100%;
  min-height: 136px;
}

.newSboxa li a div img {
  width: 100%;
}

.newSboxa li a p {
  width: 100%;
  font-size: 14px;
  background: #3399cc;
  color: white;
  position: absolute;
  bottom: 0;
  padding: 10px 5px !important;
  white-space: nowrap;
 text-overflow:ellipsis;
 overflow: hidden;
  transition: all 1s;
}

.newSboxa li a:hover .index_NavBor{
    height: auto !important;
     line-height: 20px;
    white-space: pre-line;
    text-overflow: clip;
    overflow: unset;
}


.index_img {
  overflow: hidden;
}

.index_img img {
  transition: all 0.5s;
}

.newSboxa li a:hover .index_img img {
  transform: scale(1.05);
}

.boxBgc {
  width: 100%;
  position: relative;
  padding: 0 45px;
  margin: 50px 0;
}

.boxBgc .mySwiperb .swiper-slide {
  width: 100%;
  height: 80px;
  border: 1px solid black;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.boxBgc .mySwiperb .swiper-slide img {
  max-width: 90%;
}



.xindeGongYing{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*margin-top: 50px;*/
}


.newSboxabbb{
    flex-direction: column !important;
}

.GongYingXinImgLi{
    width: 100% !important;
    transition: all 1s;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
}

/*.GongYingXinImgLi{*/
/*    height: auto !important;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-content: column;*/
/*}*/

/*.GongYingXinImgLi a span{*/
/*    width: 120px;*/
/*    display: flex;*/
/*    justify-content: flex-end;*/
/*    align-items: center;*/
/*    font-size: 14px;*/
/*    color: #3c3c3c;*/
/*}*/
.back_e5{
    background: #e5e5e5;
}

/*.GongYingXinImgLi:hover{*/
/*  transform: scale(1.01);*/
/*  color: #3399cc !important;*/
/*}*/
.newSboxa_changJian{
    width: 100%;
    height: 50px;
    min-height: auto !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.xindeGongYing li{
  width: 32%;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.5s;
}

.swiperd .swiper-slide{
    padding: 50px 10px;
    background: none;
}

.GongYingXinImgLi:hover{
  transform: scale(1.02);
  box-shadow: 1px 1px 10px 1px #000000;
}
.GongYingXinImg{
  width: 100%;
  height: 130px;
  overflow: hidden;
}

.GongYingXinImg img{
  width: 100%;
}

.GongYingXinWen{
  width: 100%;
  height: 94px;
  background: white;
  color: #0f84c7 !important;
  text-align: center;
  padding: 0 10px;
}

.GongYingXinWen .fontS18{
  color: #0f84c7 !important;
  margin-bottom: 10px;
}
@media(max-width:1000px) {
    .newSboxabbb li a div{
       justify-content: space-between !important;
    }
  .newSboxa li a div {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .newSboxa li a div img {
    height: 100%;
    width: auto;
  }

  .box3c li {
    width: 100%;
  }
}

@media(max-width:800px) {
  .xindeGongYing{
    flex-wrap: wrap;
  }
  .xindeGongYing li{
    width: 49%;
    margin-bottom: 20px;
  }
  .box2 .content1080 .box3 {
    flex-direction: column;
  }

  .box2 .content1080 .box3 .box3a {
    width: 100%;
  }

  .box2 .content1080 .box3 .box3b {
    width: 100%;
    margin-top: 30px;
  }

  .box3c li {
    width: 50%;
  }
  .boxbga{
    flex-direction: column;
  }
  .boxBgac{
    width: 100%;
  }
  .boxBgac img{
    width: 80%;
    margin-top: 0 !important;
    margin-left: 0 ;
  }
  .boxBg{
    padding-bottom: 20px;
  }
  .newsbox{
    flex-direction: column;
  }
  .newSboxb{
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-left:0;
    order: 1;
  }
  .newSboxb li{
    margin: 0 10px;
  }
  .newSboxa li{
    width: 32.3333333333%;
  }
  .newSboxabbb li{
      width: 100% !important;
  }
  .newSboxa{
    order: 2;
  }
  
  .newSboxa {
      overflow: hidden;
  }
  

.feiniaop{
    width: 80% !important;
    font-size: 14px !important;
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.newSboxa_changJian span{
    font-size: 12px;
    width: 61px;
}

}
@media(max-width:500px) {
  
  .xindeGongYing li{
    width: 100%;
    margin-bottom: 20px;
  }
  .box3c li {
    width: 100%;
    justify-content: flex-start;
  }
  .boxBg{
    padding-top: 0 !important;
  }
  .newSboxb li{
    margin: 0 5px !important;
    height: 44px !important;
    font-size: 14px;
  }
  .newSboxa li{
    width: 49%;
  }
  .box2 .content1080 .box2a li{
    font-size: 12px;
  }
  .boxa{
    height: 50px;
  }
  .boxa .boxb .boxba{
    display: none;
  }
  .boxa .boxc{
    height: auto !important;
  }
  .boxa .boxb .boxbb{
    width: 100%;
    padding: 0 ;
  }
  .boxa .boxc{
    font-size: 16px;
    width: 80px;
  }
  .box {
    height: 400px;
  }
  .box .content1080 .fontS48{
    font-size: 38px !important;
  }
  .box .content1080 .fontS30{
    font-size: 25px !important;
  }
  
  .box2 .content1080 .box2b .box2c {
    flex-wrap: wrap;
  }
  .box2 .content1080 .box2b .box2c li{
    width: 49%;
    margin-bottom: 20px;
  }
}