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

/* 头部 */
.homeContainer .header {
  height: 36px;
  width: 100%;
  background-color: #4252b9;
  padding: 0px 117px 0px 93px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.homeContainer .header .header_left {
  color: rgb(255, 255, 255);
  font-family: 思源黑体 CN;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0%;
}

.homeContainer .header .header_right {
  display: flex;
  align-items: center;
}

.homeContainer .header .header_right .login {
  color: rgb(255, 255, 255);
  font-family: 思源黑体 CN;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0%;
  cursor: pointer;
}

.homeContainer .header .header_right .line {
  background-color: rgba(255, 255, 255, 0.2);
  height: 18px;
  width: 1px;
  margin: 0px 8px;
}

.homeContainer .header .header_right .registered {
  color: rgb(255, 255, 255);
  font-family: 思源黑体 CN;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0%;
  cursor: pointer;
}

/* banner */
.homeContainer .banner {
  height: 581px;
  width: 100%;
  background: url("../images/home/banner.png") no-repeat center;
  background-size: cover;
  position: relative;
}

.homeContainer .banner .navContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 23px 112px 0px 93px;
  box-sizing: border-box;
}

.homeContainer .banner .navContainer .title {
  width: 530px;
  height: 112px;
  background: url("../images/home/titleLogo.png") center center no-repeat;
  background-size: 100% 100%;
}
    .homeContainer .banner .navContainer .title2 {
        width: 530px;
        height: 112px;
        background: url("../images/home/titleLogo2.png") center center no-repeat;
        background-size: 100% 100%;
    }
/* nav */
.homeContainer .banner .navContainer .nav {
  display: flex;
  align-items: center;
}

.homeContainer .banner .navContainer .nav_item {
  color: rgb(51, 51, 51);
  font-family: 思源黑体 CN;
  font-size: 30px;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: 0%;
  text-align: left;
  cursor: pointer;
  margin-right: 40px;

  &:nth-last-child(1) {
    margin-right: 0px;
  }
}

.homeContainer .banner .navContainer .active {
  color: rgb(40, 108, 211);
}

.homeContainer .banner .subTitle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 186px;
  display: flex;
  color: rgb(255, 255, 255);
  font-family: Source Han Serif SC;
  font-size: 44px;
  font-weight: 700;
  line-height: -1px;
  letter-spacing: 20%;
  text-transform: uppercase;
  -webkit-text-stroke: 3px rgb(0, 71, 130);
}

/* 搜索 */
.homeContainer .banner .content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 268px;
  display: flex;
}

.homeContainer .banner .content .searchIpt {
  width: 484px;
  height: 60px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 0;
  outline: none;
  padding: 0px 20px;
  box-sizing: border-box;
  color: rgb(187, 187, 187);
  font-family: 思源黑体 CN;
  font-size: 24px;
  font-weight: 350;
  letter-spacing: 0%;
}

.homeContainer .banner .content .searchBtn {
  width: 120px;
  /* height: 100%; */
  cursor: pointer;
  border-radius: 0px 5px 5px 0px;
  /* shad */
  box-shadow: 0px 4px 30px 0px rgba(25, 92, 173, 0.1);
  background: linear-gradient(
    270deg,
    rgb(49, 132, 231),
    rgb(64, 183, 255) 103.629%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-family: 微软雅黑;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0%;
  text-align: left;
}

.homeContainer .banner .content .keywords {
  position: absolute;
  left: 0px;
  display: flex;
  bottom: -54px;
}

.homeContainer .banner .content .keywords .keywords_item {
  padding: 4px 10px;
  box-sizing: border-box;
  border-radius: 3px;
  background: rgb(255, 255, 255);
  margin-right: 10px;
  color: rgb(51, 51, 51);
  font-family: 思源黑体 CN;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0%;
  cursor: pointer;
}

/* 新闻资讯+外贸服务+广告 */
.homeContainer .newsAndService {
  padding: 54px 0px;
  box-sizing: border-box;
}

/* 新闻资讯 */
.homeContainer .newsAndService .news {
  height: 493px;
  border-radius: 5px;
  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.08);
  background: rgb(255, 255, 255);
  display: flex;
}

.homeContainer .newsAndService .news .leftContent {
  width: 303px;
  height: 100%;
  background: url("../images/home/imgLeft.png") center center no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.homeContainer .newsAndService .news .leftContent .title {
  position: absolute;
  top: 26px;
  left: 29px;
  color: rgb(45, 114, 218);
  font-family: 思源黑体 CN;
  font-size: 34px;
  font-weight: 400;
  line-height: 51px;
  letter-spacing: 0%;
}

.homeContainer .newsAndService .news .leftContent .subTitle {
  position: absolute;
  color: rgb(45, 114, 218);
  font-family: 思源黑体 CN;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0%;
  top: 71px;
  left: 92px;
  opacity: 0.3;
}

/*.homeContainer .newsAndService .news .leftContent .more {*/
    .homeContainer .newsAndService .news .leftContent .more {
        position: absolute;
        bottom: 54px;
        left: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgb(255, 255, 255);
        border-radius: 40px;
        background: rgba(255, 255, 255, 0.63);
        color: rgb(57, 57, 57);
        font-family: 思源黑体 CN;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0%;
        padding: 5px 20px;
        box-sizing: border-box;
        cursor: pointer;
    }

.homeContainer .newsAndService .news .rightContent {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 26px 20px;
  box-sizing: border-box;
}

.homeContainer .newsAndService .news .rightContent .tabs {
  display: flex;
  align-items: center;
}

.homeContainer .newsAndService .news .rightContent .tabs .item {
  color: rgb(0, 0, 0);
  font-family: 思源黑体 CN;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0%;
  flex: 1;
  cursor: pointer;
}

.homeContainer .newsAndService .news .rightContent .tabs .active {
  color: #3676da;
  font-weight: 600;
}

.homeContainer .newsAndService .news .rightContent .content {
  width: 100%;
  height: 210px;
  margin-top: 24px;
  display: flex;
}

.homeContainer .newsAndService .news .rightContent .content .left {
  flex: 2.5;
  background-color: #276ad3;
  position: relative;
  color: #fff;
  padding: 40px 20px;
  box-sizing: border-box;
}

.homeContainer .newsAndService .news .rightContent .content .left .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 16px solid #276ad3;
  top: -16px;
  left: 22px;
}

.homeContainer
  .newsAndService
  .news
  .rightContent
  .content
  .left
  .titleContent {
  display: flex;
  align-items: center;
}

.homeContainer
  .newsAndService
  .news
  .rightContent
  .content
  .left
  .titleContent
  .leftDate {
  border-right: 1px solid #fff;
  padding-right: 15px;
  box-sizing: border-box;
}

.homeContainer
  .newsAndService
  .news
  .rightContent
  .content
  .left
  .titleContent
  .leftDate
  .day {
  font-family: 思源黑体 CN;
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0%;
}

.homeContainer
  .newsAndService
  .news
  .rightContent
  .content
  .left
  .titleContent
  .leftDate
  .date {
  font-family: 思源黑体 CN;
  font-size: 14px;
  letter-spacing: 0%;
  margin-top: 10px;
}

.homeContainer
  .newsAndService
  .news
  .rightContent
  .content
  .left
  .titleContent
  .rightTitle {
  font-family: 思源黑体 CN;
  font-size: 14px;
  letter-spacing: 0%;
  font-weight: 600;
  margin-left: 15px;
}

.homeContainer .newsAndService .news .rightContent .content .left .desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 15px;
}

.homeContainer .newsAndService .news .rightContent .content .right {
  flex: 1;
  background: url("../images//home/rightImg.png") center center no-repeat;
  background-size: 100% 100%;
}

.homeContainer .newsAndService .news .rightContent .essay {
  display: flex;
  flex-shrink: 0;
}

.homeContainer .newsAndService .news .rightContent .essay .essay_item {
  flex: 1;
  cursor: pointer;
  padding-top: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.homeContainer .newsAndService .news .rightContent .essay .essay_item .date {
  font-family: 思源黑体 CN;
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0%;
}

.homeContainer
  .newsAndService
  .news
  .rightContent
  .essay
  .essay_item
  .dateBottom {
  display: flex;
  justify-content: space-between;
  font-family: 思源黑体 CN;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0%;
  color: #8d8787;
  padding-bottom: 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #8d8787;
  margin-bottom: 10px;
}

.homeContainer
  .newsAndService
  .news
  .rightContent
  .essay
  .essay_item
  .essay_content {
  font-family: 思源黑体 CN;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0%;
  color: #8d8787;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
}
/* 外贸服务 */
.homeContainer .newsAndService .service_title_content {
  margin-top: 49px;
  display: flex;
  align-items: baseline;
  margin-bottom: 25px;
}

.homeContainer .newsAndService .service_title_content .service_title {
  color: rgb(34, 34, 34);
  font-family: 思源黑体 CN;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0%;
  margin-right: 21px;
}

.homeContainer .newsAndService .service_title_content .service_more {
  color: rgb(34, 34, 34);
  font-family: 思源黑体 CN;
  font-size: 24px;
  font-weight: 350;
  line-height: 26px;
  letter-spacing: 0%;
}

.homeContainer .newsAndService .service .swiper {
  height: 330px;
}

.homeContainer .newsAndService .service .swiper .swiper-wrapper .swiper-slide {
  height: 300px;
  border-radius: 5px;
  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.08);
  background: rgb(255, 255, 255);
}

.homeContainer
  .newsAndService
  .service
  .swiper
  .swiper-wrapper
  .swiper-slide
  .img {
  width: 100%;
  height: 190px;
}

.homeContainer
  .newsAndService
  .service
  .swiper
  .swiper-wrapper
  .swiper-slide
  .img
  img {
  width: 100%;
  height: 100%;
}
.homeContainer
  .newsAndService
  .service
  .swiper
  .swiper-wrapper
  .swiper-slide
  .title {
  color: rgb(0, 0, 0);
  font-family: 思源黑体 CN;
  font-size: 18px;
  font-weight: 350;
  line-height: 26px;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}
.homeContainer
  .newsAndService
  .service
  .swiper
  .swiper-wrapper
  .swiper-slide
  .subTitle {
  color: rgba(51, 51, 51, 0.65);
  font-family: 思源黑体 CN;
  font-size: 14px;
  font-weight: 350;
  line-height: 21px;
  letter-spacing: 0%;
  text-align: left;
  margin-top: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}

/* 广告 */
    .homeContainer .newsAndService .ad {
        /* width: 100%; */
        height: 110px;
        /*background: rgb(193, 219, 246);*/
        background-image: url(/Content/images/gg.png);
        cursor: pointer;
        margin-top: 39px;
        margin-bottom: 39px;
        direction: inherit;
        overflow: hidden;
        clear: both;
    }

/* 快捷信息入口 */
.homeContainer .infomation {
  width: 100%;
  height: 522px;
  box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.02);
  background: rgb(240, 246, 255);
}

.homeContainer .infomation .infomation_content {
  position: relative;
  padding-top: 45px;
  box-sizing: border-box;
}

.homeContainer .infomation .infomation_content .infomation_title {
  position: absolute;
  top: -59px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}

.homeContainer .infomation .infomation_content .infomation_title .demand_hall {
  width: 312px;
  height: 69px;
  background: url("../images/home/titleBg2.png") center center no-repeat;
  background-size: 100% 100%;
  margin-right: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(38, 107, 209);
  font-family: 思源黑体 CN;
  font-size: 26px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0%;
}
.homeContainer
  .infomation
  .infomation_content
  .infomation_title
  .single_window {
  width: 312px;
  height: 69px;
/*  background: url("../images/home/titleBg1.png") center center no-repeat;*/
  height: 69px;
  background: url("../images/home/titleBg2.png") center center no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 40px;
/*  color: rgb(255, 255, 255);*/
  color: rgb(38, 107, 209);
  font-family: 思源黑体 CN;
  font-size: 26px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0%;
}
.homeContainer
  .infomation
  .infomation_content
  .infomation_title
  .service_guide {
  width: 312px;
  height: 69px;
  background: url("../images/home/titleBg2.png") center center no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(38, 107, 209);
  font-family: 思源黑体 CN;
  font-size: 26px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0%;
}

.homeContainer .infomation .infomation_content .infomation_topContent {
  display: flex;
  width: 100%;
  margin-top: 15px;
}

.homeContainer
  .infomation
  .infomation_content
  .infomation_topContent
  .infomation_topContentItem {
  flex: 1;
  height: 169px;
  margin-right: 15px;
  border-radius: 10px;
  background: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  &:nth-last-child(1) {
    margin-right: 0px;
  }
}

.homeContainer
  .infomation
  .infomation_content
  .infomation_topContent
  .infomation_topContentItem
  img {
  border-radius: 8px;
  width: 70px;
  height: 70px;
  margin-top: 30px;
}

.homeContainer
  .infomation
  .infomation_content
  .infomation_topContent
  .infomation_topContentItem
  .text {
  border-radius: 8px;
  color: rgb(51, 51, 51);
  font-family: 思源黑体 CN;
  font-size: 18px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: 0%;
  white-space: nowrap;
  margin-top: 17px;
}

/* 智慧办公 */
.homeContainer .smart_office {
  width: 100%;
  height: 487px;
  background: #fbfdff;
  overflow: hidden;
}

.homeContainer .smart_office .smart_office_title {
  margin-top: 49px;
  display: flex;
  align-items: baseline;
  margin-bottom: 25px;
}

.homeContainer .smart_office .smart_office_title .smart_office_text {
  color: rgb(34, 34, 34);
  font-family: 思源黑体 CN;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0%;
  margin-right: 21px;
}
.homeContainer .smart_office .smart_office_title .smart_office_more {
  color: rgb(34, 34, 34);
  font-family: 思源黑体 CN;
  font-size: 24px;
  font-weight: 350;
  line-height: 26px;
  letter-spacing: 0%;
}

.homeContainer .smart_office .smart_office_content {
  display: flex;
  flex-shrink: 0;
  height: 280px;
}

.homeContainer .smart_office .smart_office_content .smart_office_left {
  flex: 1;
  flex-shrink: 0;
}

.homeContainer
  .smart_office
  .smart_office_content
  .smart_office_left
  .smart_office_top {
  display: flex;
}

.homeContainer
  .smart_office
  .smart_office_content
  .smart_office_left
  .smart_office_top
  .smart_office_item {
  flex: 1;
  height: 130px;
  overflow: hidden;
  margin-right: 20px;
}

.homeContainer
  .smart_office
  .smart_office_content
  .smart_office_left
  .smart_office_top
  .smart_office_item,
/*img {
  width: 100%;
  height: 100%;
}*/

.homeContainer .smart_office .smart_office_content .smart_office_right {
  width: 387px;
  height: 280px;
  padding: 24px 27px;
  box-sizing: border-box;
  background: #fafafa;
}

.homeContainer
  .smart_office
  .smart_office_content
  .smart_office_right
  .statistics {
  color: rgb(51, 51, 51);
  font-family: 思源黑体 CN;
  font-size: 32px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: 0%;
}
.homeContainer
  .smart_office
  .smart_office_content
  .smart_office_right
  .statistics_line {
  display: flex;
  flex-shrink: 0;
}

.homeContainer
  .smart_office
  .smart_office_content
  .smart_office_right
  .statistics_line
  .line_item {
  flex: 1;
  color: rgb(32, 109, 178);
  font-family: 思源黑体 CN;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0%;
  padding-bottom: 8px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
}

.homeContainer
  .smart_office
  .smart_office_content
  .smart_office_right
  .statistics_item {
  display: flex;
  flex-shrink: 0;
  margin-top: 8.5px;
}

.homeContainer
  .smart_office
  .smart_office_content
  .smart_office_right
  .statistics_item
  .value_item {
  flex: 1;
  color: rgb(51, 51, 51);
  font-family: 思源黑体 CN;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0%;
  text-align: center;
}

/* 底部 */
.homeContainer .footer {
  width: 100%;
 /* height: 264px;*/
  background-color: #4252b9;
}

.homeContainer .footer .footer_top {
 /* height: 60px;*/
  border-bottom: 1px solid #fff;
 /* margin-bottom: 28.5px;*/
}

.homeContainer .footer .footer_top .footer_top_content {
  display: flex;
  flex-shrink: 0;
  padding-top: 10px;
  box-sizing: border-box;
}

.homeContainer .footer .footer_top .footer_top_content .footer_top_item {
  flex: 1;
  margin-right: 15px;

  &:nth-last-child(1) {
    margin-right: 0px;
  }
}

.homeContainer .footer .footer_top .footer_top_content .footer_top_item select {
  width: 100%;
  height: 38px;
  border-radius: 6px;
  background: rgb(3, 66, 159);
  color: #fff;
  padding-left: 14px;
  box-sizing: border-box;
}

.homeContainer .footer .footer_bottom .text {
  color: rgb(255, 255, 255);
  font-family: 思源黑体 CN;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0%;
  text-align: center;
}

.homeContainer .footer .footer_bottom .text span {
  cursor: pointer;
  margin-right: 20px;
}