.container {
  width   : 1200px;
  margin  : 0 auto;
  overflow: hidden
}

.container p {
  margin-top: 0
}

.max-image {
  max-width: 100%
}

.width100 {
  width: 100%
}

.header {
  position: relative
}

.qyMain {
  position: absolute;
  bottom  : 3%;
  width   : 1200px
}

.qyMain p {
  font-size  : 20px;
  color      : #f1c681;
  line-height: 1.6
}

.home-nav {
  background: #c29047
}

.home-nav .navMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 16px 0
}

.home-nav .navMain .nav-item:not(:last-child) {
  margin-right: 12px
}

.home-nav .navMain p {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : flex;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  justify-content        : center;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  align-items            : center;
  font-size              : 24px;
  color                  : #f1c681;
  margin-bottom          : 0
}

.home-nav .navMain span {
  color: #f1c681;
}

.home-main {
  background     : url("http://www.ciic.com.cn/eportal/uiFramework/commonResource/image/2022060718180716020.jpg") no-repeat;
  background-size: cover;
  padding-bottom: 100px;
}

.home-common {
  margin: 30px 0 80px 0
}

.dsj-main {
  position: relative
}

.dsj-main img {
  border: 5px solid #c28e36;
  box-sizing: border-box;
}

.dsj-main p {
  margin    : 0;
  position  : absolute;
  bottom    : 0;
  text-align: center;
  font-size : 28px;
  color     : #ffb22f;
  width     : 100%;
  background: rgba(0,0,0,0.6);
  padding: 8px 0;
}

.dsj-swiper .swiper-slide {
  text-align: center
}

.dsj-swiper .swiper-button-next,
.dsj-swiper .swiper-button-prev {
  color      : #c28e36;
  font-weight: bold
}

.home-leader {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : flex;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  justify-content        : space-between
}

.home-leader img {
  border       : 10px solid #f7dbad;
  margin-bottom: 20px;
  width        : 225px;
  height       : 300px; 
}

.home-leader p {
  color     : #f7dbad;
  font-size : 16px;
  text-align: center;
  margin-bottom: 8px;
}

.home-media {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : flex;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  justify-content        : space-between
}

.home-media .media-left img {
  width : 650px;
  height: 405px
}

.home-media .media-left .linka {
  display   : block;
  font-size : 18px;
  color     : #f7dbad;
  width     : 100%;
  background: rgba(255, 255, 255, 0.3);
  text-align: center;
  padding   : 8px 0;
  margin-top: 8px
}

.home-media .media-right {
  width: 520px
}

.home-media .media-right li {
  position     : relative;
  border-bottom: 1px dashed #fff;
  line-height  : 62px;
  padding-left : 16px
}

.home-media .media-right li::before {
  content          : "";
  position         : absolute;
  left             : 0;
  top              : 50%;
  width            : 6px;
  height           : 6px;
  border-radius    : 50%;
  background       : #f7dbad;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%)
}

.home-media .media-right li a {
  font-size: 16px;
  color    : #f7dbad
}

.home-staff {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : flex;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  justify-content        : space-between;
  -webkit-flex-wrap      : wrap;
  flex-wrap              : wrap
}

.home-staff .staff-item {
  width        : 32%;
  margin-bottom: 60px
}

.home-staff .staff-item .staffbg {
  background             : url("http://www.ciic.com.cn/eportal/uiFramework/commonResource/image/2022060701230623546.jpg") no-repeat;
  background-size        : cover;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : flex;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  justify-content        : center;
  padding                : 12px
}

.home-staff .staff-item img {
  border: 3px solid #eeb527
}

.home-staff .staff-item .staff-instro {
  text-align: center;
  margin-top: 16px
}

.home-staff .staff-item p {
  font-size: 18px;
  color    : #f3d3a0;
  height   : 48px;
  padding  : 0 12px;
  margin-bottom: 8px;
}

.home-staff .staff-item span {
  font-size: 14px;
  color    : #f3d3a0;
}

.home-brand .brand-item:not(:first-child) {
  display: none
}

.home-brand .brand-main {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : flex;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  justify-content        : center;
  -webkit-flex-wrap      : wrap;
  flex-wrap              : wrap
}

.home-brand .brand-main .brand-img {
  width        : 20%;
  text-align   : center;
  margin-bottom: 30px
}

.home-brand .brand-main .brand-img:not(:nth-child(4n)) {
  margin-right: 6%
}

.home-brand .brand-main img {
  border       : 5px solid #d76d1b;
  border-radius: 5px
}

.home-brand .brand-main p {
  font-size  : 16px;
  color      : #f7dbad;
  line-height: 1.6;
  margin-top : 10px
}

.home-brandS {
  position           : relative;
  margin-top         : 30px;
  background         : url("http://www.ciic.com.cn/eportal/uiFramework/commonResource/image/2022060702430295819.png") no-repeat;
  padding            : 16px 32px;
  background-size    : cover;
  background-position: center;
  border-top         : 4px solid #f1cf97;
  border-bottom      : 4px solid #f1cf97;
  border-radius      : 10px
}

.home-brandS .swiper-button-next:after,
.home-brandS .swiper-button-prev:after {
  font-size: 24px;
  color    : #f3d3a0
}

.home-brandS .mySwiper {
    padding-top: 8px;
    padding-bottom: 8px;
}

.home-brandS .mySwiper .swiper-slide {
  font-size: 18px;
  color    : #f7dbad;
  cursor   : pointer
}

.sanj:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -8px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom: 8px solid #f7dbad;
  border-top: 0;
  transform: translateX(-50%);
}


/*# sourceMappingURL=home.css.map */