@charset "utf-8";

body {
  background: url(images/觅知1628495.jpg);
  background-size: 39%;
  color: #2b2525;
}

header {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

img {
  display: block;
}

.logo img {
  height: 6em;
  margin: 2em 0;
}

.menuwrap {
  width: 100%;
  height: 60px;
}



.menuwrap a {
  color: #2b2525;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.menu {
  height: 60px;
  top: 0;
  left: 0;
  right: 0;
  background-size: 39%;
  z-index: 999;
  margin: auto;
}

.menuwrap ul {
  width: 1200px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: auto;
}

.menuwrap ul li {
  width: 20%;
  height: 100%;
}

.menuwrap ul li:hover {
  background: #2b2525;
  color: white;
}

.menuwrap ul li:hover a {
  color: white;
}

/* 轮播图模块 */
.ck-slide {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.ck-slide::before {
  content: "";
  display: inline-block;
  padding-bottom: 43.38%;
  width: 0.1px;
  vertical-align: middle;
}

.ck-slide ul.ck-slide-wrapper {
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0;
  padding: 0;
  position: absolute;
}

.ck-slide ul.ck-slide-wrapper li {
  position: absolute;
  width: 100%;
}

.ck-slide .ck-prev,
.ck-slide .ck-next {
  top: 50%;
  z-index: 2;
  width: 35px;
  height: 70px;
  opacity: 0.15;
  background: red;
  margin-top: -35px;
  position: absolute;
  border-radius: 3px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  transition: opacity 0.2s linear 0s;
}

.ck-slide .ck-prev {
  left: 5px;
  background: url(https://gaubau.oss-cn-shenzhen.aliyuncs.com/uploads/skin/images/154166234592178.png) #000 no-repeat center center;
}

.ck-slide .ck-next {
  right: 5px;
  background: url(https://gaubau.oss-cn-shenzhen.aliyuncs.com/uploads/skin/images/154166234770459.png) #000 no-repeat center center;
}

.ck-slidebox {
  left: 50%;
  z-index: 30;
  position: absolute;
  bottom: 12px;
}

.ck-slidebox ul {
  height: 18px;
  padding: 0 4px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
}

.ck-slidebox ul li {
  float: left;
  height: 10px;
  margin: 4px 4px;
}

.ck-slidebox ul li em {
  width: 10px;
  height: 10px;
  cursor: pointer;
  background: #fff;
  border-radius: 100%;
  text-indent: -9999px;
  display: block;
}

.ck-slidebox ul li.current em {
  background: #a2a2a2;
}

.ck-slidebox ul li em:hover {
  background: #a2a2a2;
}

.ck-slide,
.ck-slide ul.ck-slide-wrapper {
  width: 100%;
  height: 100%;
}


/* 轮播图模块 */
.chapter {
  width: 1200px;
  padding: 4em 0;
  margin: auto;
  justify-content: center;
}

.chapter img {
  width: 4em;
  margin: 1.2em auto;
}

.chapter p {
  margin: 0;
  text-align: center;
}

.chapter-t {
  font-size: 1.3em;
  font-weight: bold;
}

.indexabout {
  width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  background: rgba(236, 216, 154, 0.3) url(images/E-1110349-5EED1E26.jpg);
}

.indexabout-c {
  text-align: left;
  padding: 0 5em;
  flex: 1;
}

.indexabout-c p:not(.chapter-t) {
  font-size: 0.85em;
  color: #414141;
}

.indexabout-i,
.indexserve-d,
.indexse-o {
  position: relative;
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: rgba(239, 239, 239, 1) url("images/47ab6fdf_E814414_22c85b4d2.jpg") repeat top left;
}

.indexabout-i::before,
.indexserve-d::before {
  content: "";
  display: inline-block;
  padding-bottom: 105%;
  width: 0.1px;
  vertical-align: middle;
}

.indexabout-i img {
  width: 100%;
}

.indexserve {
  width: 1200px;
  margin: auto;
  display: flex;
}


.indexserve-dw {
  color: white;
}

.indexserve-dw>img {
  max-width: 4em;
  margin: auto;
}

/* .indexserve-en {
  margin-top: 0;
} */

.indexserve-n {
  font-size: 3em;
  border-bottom: 2px gainsboro solid;
  letter-spacing: 2px;
  padding-bottom: 0.2em;
  display: inline-block;
  margin: 0;
  font-family: fantasy;
}

.indexserve-t {
  font-size: 1.45em;
}

.indexserve-a {
  flex: 1;
}

.indexserve-a p {
  text-align: center;
  margin: 2em auto;
}

.indexserve-a img,
.indexserve-d>img,
.indexse-p img,
.indexprocess img,
.indexhd img {
  width: 100%;
}

.indexserve-a,
.indexadd {
  background: rgba(236, 216, 154, 0.3) url(images/E-1110349-5EED1E26.jpg) repeat left TOP;
}

.indexserve-a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.indexserve-a>div p:first-child {
  font-weight: bold;
  margin-top: 0;

}

.indexabout-c p:first-child {
  font-size: 1em;
  font-weight: bold;
}

.indexserve-a>div p:last-child {
  margin-bottom: 0;
}

.indexserve ul {
  display: flex;
  align-items: center;
  width: 80%;
  margin: 0 auto;
  flex-wrap: wrap;
}



.indexserve ul li {
  width: 21%;
  margin: 1em auto;
}

.indexse {
  width: 1200px;
  margin: auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.indexse-p {

  width: 100%;
  position: relative;
  display: flex;
}

.indexse-p::before {
  content: "";
  display: inline-block;
  padding-bottom: 68.25%;
  width: 0.1px;
  vertical-align: middle;
}

.indexse-d {
  width: 75%;
  position: relative;
}

.indexse-d::before {
  content: "";
  display: inline-block;
  padding-bottom: 49%;
  width: 0.1px;
  vertical-align: middle;
}



.indexse-o.part3 {
  width: 25%;
  height: 65%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.indexprocess {
  display: flex;
  width: 1200px;
  margin: auto;
}

.indexprocess li {
  width: 25%;
}

.indexprocess li img {
  height: 100%;
}

.indexhd {
  width: 1200px;
  margin: auto;
  display: flex;
}

.indexhd::before {
  content: "";
  display: inline-block;
  padding-bottom: 36.75%;
  width: 0.1px;
  vertical-align: middle;
}

.index-pa {
  width: 800px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 0.7em;
  align-items: center;
}

.index-pa li {
  width: 14.3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: end;
}

.index-pa li:nth-child(n+7) {
  margin-top: 2em;
}

.index-pa img {
  max-width: 100%;
  max-height: 4em;
}

.index-pa p {
  width: 100%;
  text-align: center;
}

.indexco {
  margin-top: 4em;
}

.indexco>div {
  position: relative;
  width: 50%;
}

.indexco>div::after {
  content: "";
  position: absolute;
  width: calc(100% - 1em);
  height: calc(100% - 1em);
  border: 1px white solid;
  top: 0.5em;
  left: 0.5em;
}



.indexfan {
  margin-top: 4em;
  height: 40em;
}


.indexfan.indexserve-a img {
  width: 40%;
  margin: auto;
}


.indexfan.indexserve-a {
  background: url(images/20190829凡希爱39626.jpg);
  background-size: cover;
  padding: 1em 0;
}

.indexfan p {
  color: white;

}

.indexfan a {
  color: #b2b2b2;
}

.indexfan a:hover {
  color: white;
}

.indexfan>div img+p {
  font-weight: bold;
}

.indexfan p:not(img+p) {
  opacity: 0.9;
  font-size: 0.8em;
  text-align: center;
}

.indexfan.indexserve-a p:last-child {
  margin-bottom: 0;
}

/* 以下是footer */
footer {
  font-size: 0.6em;
  text-align: center;
  padding: 1em;
}

footer a {
  color: #2b2525;
  display: flex;
  align-items: center;
  margin: auto;
}

footer p:last-child {
  display: flex;
}

/* 以上是footer */

/* 以下是自适应 */
@media screen and (min-width: 1025px) and (max-width: 1279px) {

  .menuwrap ul,
  .chapter,
  .indexabout,
  .indexserve,
  .indexhd,
  .indexse,
  .indexprocess {
    width: 100%;
  }

  .indexfan {
    height: 30em;
  }
}

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

  .menuwrap ul,
  .chapter,
  .indexabout,
  .indexserve,
  .indexhd,
  .indexse,
  .indexprocess {
    width: 100%;
  }

  .indexfan {
    height: 28em;
  }

  .indexserve-a.indexhd {
    padding: 2em 0;
  }

  .indexserve-dw {
    transform: scale(0.7);
  }

  .indexabout-c {
    padding: 0 2em;
  }


  .indexabout-i {
    min-width: 16.15em;
  }

  .index-pa {
    width: 80%;
  }
}

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

  .menuwrap ul,
  .chapter,
  .indexabout,
  .indexserve,
  .indexhd,
  .indexse,
  .indexprocess {
    width: 100%;
  }


  .logo img {
    height: 2em;
    margin: 0.5em 0 0 0;
  }

  .menuwrap,
  .menu {
    height: 40px;
  }

  .menuwrap ul {
    font-size: 0.85em;
  }

  .menuwrap ul li {
    width: auto;
  }

  .chapter {
    transform: scale(0.7);
    padding: 0.5em 0;
  }

  .indexabout {
    display: block;
    position: relative;
  }

  .indexabout::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(images/ZD7U8994.jpg);
    background-size: cover;
    mix-blend-mode: overlay;
  }


  .indexabout-i {
    display: none;
  }

  .indexabout-c {
    transform: scale(0.85);
    padding: 0;
    white-space: nowrap;
  }


  .indexserve-dw {
    transform: scale(0.65);
    font-size: 0.7em;
  }

  .indexabout-i::before,
  .indexserve-d::before {
    content: none;
  }

  .indexabout-i,
  .indexserve-d,
  .indexse-o {
    width: 30%;
  }

  .indexserve-a>div {
    transform: scale(0.9);
    font-size: 0.75em;
  }

  .indexserve-a p {
    margin: 1em auto;
  }

  .two {
    background: url(images/1-gigapixel-low_res-scale-6_00x.jpg) no-repeat center;
    background-size: cover;
  }

  .three {
    background: url(images/IMG_0644.JPG) no-repeat center;
    background-size: cover;
  }

  .four {
    background: url(images/ZD7U9100.jpg) no-repeat center;
    background-size: cover;
  }

  .five {
    background: url(images/20190829凡希爱39290.jpg) no-repeat center;
    background-size: cover;
  }

  .two>img,
  .three>img,
  .four>img,
  .five>img {
    display: none;
  }

  .three+.indexserve-a,
  .indexse-d>div {
    padding: 1em 0;
  }

  .indexserve ul {
    width: 100%;
  }

  .indexserve ul li {
    margin: 0 auto;
  }

  .indexserve ul li:nth-child(n+5) {
    margin-top: 1em;
  }

  .indexse-o.part3 {
    width: 30%;
  }

  .indexse-d {
    width: 70%;
  }

  .indexprocess li {
    width: 50%;
  }

  .indexprocess li:nth-child(n+3) {
    display: none;
  }

  .index-pa {
    width: 90%;
  }

  .index-pa li {
    height: auto;
  }

  .index-pa p {
    display: none;
  }

  .index-pa img {
    max-width: 70%;
  }

  .indexco {
    margin-top: 2em;
  }

  .indexco+.indexhd {
    padding: 1em 0;
  }

  .indexfan {
    height: auto;
    margin-top: 2em;
  }

  .indexfan.indexserve-a img {
    width: 30%;
  }

  .indexserve-a.indexfan>div {
    transform: scale(0.8);
  }

  .indexfan p:not(img+p) {
    display: inline;
    font-size: 1em;
    line-height: 1.6em;
  }

  footer a {
    transform: scale(0.9);
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
  }

}