.tou1 {
  background: #313131;
  height: 38px;
  line-height: 38px;
  color: #fff;
}

.tou1 a {
  color: #fff;
}

.tou1 .dh {
  font-size: 12px;
}

.tou1 .dh p {
  margin: 0;
}

.tou1 .k1 {
  font-size: 12px;
}

.tou1 .k1 span {
  position: relative;
  display: block;
  float: right;
  margin-left: 20px;
  cursor: pointer;
}

.tou1 .k1 span:after {
  position: absolute;
  left: -10px;
  top: 0;
  content: '|';
}

.tou1 .k1 span .secx {
  display: none;
  position: absolute;
  top: 38px;
  width: 48px;
  background: #fff;
  right: 0;
  z-index: 111;
}

.tou1 .k1 span .secx a {
  display: block;
  color: #000;
  text-align: center;
  /*display: none;*/
}

.container-fluid1 {
  padding: 0 7.8125%;
}

.tou {
  width: 100%;
}

/* @media (max-width: 1390px) {
  .tou {
    display: none !important;
  }
} */

.tou .logo {
  line-height: 112px;
}

.tou .zi {
  width: 68%;
  position: relative;
}

.tou .zi .zi1 .ss {
  line-height: 112px;
    cursor: pointer;
}

.tou .zi .zi1 #formsearch {
  position: absolute;
  top: 112px;
  right: 0;
  z-index: 111;
  display: none;
}

.tou .zi .zi1 #formsearch input {
  background: #fff;
  outline: none;
  border: none;
  font-size: 14px;
  line-height: 66px;
}

.tou .zi .zi1 #formsearch input#keyword {
  float: left;
  width: 220px;
  text-indent: 12px;
  background: #ababab;
  border-radius: 10px 0 0 10px;
}

.tou .zi .zi1 #formsearch input#s_btn {
  float: right;
  width: 80px;
  color: #fff;
  text-align: center;
  background: url("../images/ss1.png") center no-repeat #dddddd;
  border-radius: 0 10px 10px 0;
  font-size: 0;
}

.c1 {
  margin-top: 114px;
  margin-bottom: 88px;
}

@media (max-width: 769px) {
  .c1 {
    margin-top: 43px;
    margin-bottom: 60px;
  }
}

.c1 h2 {
  font-weight: 600;
  text-align: center;
  font-size: 42px;
  color: #363638;
}

@media (max-width: 769px) {
  .c1 h2 {
    font-size: 20px;
  }
}

.c1 .list2 {
  margin-top: 70px;
  margin-bottom: 50px;
}

@media (max-width: 769px) {
  .c1 .list2 {
    margin-top: 28px;
    margin-bottom: 22px;
  }
}

.c1 .list2 li {
  text-align: center;
  width: 20%;
  float: left;
}

.c1 .list2 li .img {
  border-radius: 100px;
  background: #eeeeee;
  width: 130px;
  height: 130px;
  line-height: 130px;
  margin: 0 auto;
}

@media (max-width: 769px) {
  .c1 .list2 li .img {
    width: 94px;
    height: 94px;
    line-height: 94px;
  }
}

@media (max-width: 500px) {
  .c1 .list2 li .img {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}

.c1 .list2 li .img img {
  max-width: 100%;
}

@media (max-width: 769px) {
  .c1 .list2 li .img img {
    max-width: 40%;
  }
}

.c1 .list2 li h3 {
line-height: 28px;
    padding: 15px 0;
    font-size: 18px;
    color: #000000;
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
    /* white-space: nowrap; */
    word-wrap: break-word;
    word-break: break-all;
}

@media (max-width: 769px) {
  .c1 .list2 li h3 {
    font-size: 12px;
    /* line-height: 40px; */
    line-height: 18px;
    padding: 10px 4px;
  }
}

@media (max-width: 500px) {
    .c1 .list2 li h3 {
        line-height:16px;
    }
}



.c1 .list2 li.on .img {
  background: #089e96;
}

.c1 .list2 li.on .img img {
  filter: brightness(100);
}

.c1 .list3 li {
  padding: 0 10px;
}

@media (max-width: 992px) {
  .c1 .list3 li {
    margin-bottom: 18px;
  }
}

.c1 .list3 li a {
  display: block;
  position: relative;
  overflow: hidden;
}

.c1 .list3 li .img {
  border: 1px solid #f7f7f7;
  position: relative;
}

@media (max-width: 769px) {
  .c1 .list3 li .img {
    border-color: #eeeeee;
  }
}

.c1 .list3 li .img img {
  max-width: 100%;
}

.c1 .list3 li .img:after {
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  transition-duration: .3s;
  background: url("../images/fd.png") center no-repeat rgba(0, 0, 0, 0.34);
}

.c1 .list3 li h4 {
  border: 1px solid #f7f7f7;
  margin-top: 4px;
  text-align: center;
  line-height: 52px;
  font-size: 16px;
  color: #000000;
}

@media (max-width: 769px) {
  .c1 .list3 li h4 {
    line-height: 35px;
    font-size: 12px;
    margin-top: 2px;
    border-color: #eeeeee;
  }
}

.c1 .list3 li .zi {
  padding-top: 8px;
  padding-bottom: 6px;
  position: absolute;
  width: 100%;
  bottom: -100%;
  background: #089e96;
  text-align: center;
  color: #fff;
  transition-duration: .3s;
}

@media (max-width: 769px) {
  .c1 .list3 li .zi {
    display: none !important;
  }
}

.c1 .list3 li .zi h3 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 34px;
  font-size: 16px;
  font-weight: 600;
}

.c1 .list3 li .zi dd {
  font-size: 14px;
  line-height: 18px;
}

.c1 .list3 li:hover .img:after {
  opacity: 1;
}

.c1 .list3 li:hover .zi {
  bottom: 0;
}

.c1 a.ckx {
  text-align: center;
  border-radius: 4px;
  color: #fff;
  background: #089e96;
  font-size: 14px;
  width: 90px;
  line-height: 27px;
  margin: 4px auto 0;
  display: none;
}

@media (max-width: 769px) {
  .c1 a.ckx {
    display: block;
  }
}

.c2 {
  background: url("../images/c2.png") center 0 no-repeat;
  padding: 32px 0 29px;
}

@media (max-width: 640px) {
  .c2 {
    padding-bottom: 36px;
    background: url("../images/sjc2.png") center 0 no-repeat;
  }
}

.c2 .c2-2 {
  margin-right: 11.25%;
  width: 502px;
  background: url("../images/yin.png") repeat;
}

@media (max-width: 769px) {
  .c2 .c2-2 {
    width: 52.1875%;
    margin-right: 4.1666%;
  }
}

@media (max-width: 500px) {
  .c2 .c2-2 {
    width: 66%;
  }
}

.c2 .c2-2 .zix {
  color: #fff;
  background: #089e96;
  padding: 58px 55px 53px 55px;
}

@media (max-width: 769px) {
  .c2 .c2-2 .zix {
    padding: 35px 33px 33px 33px;
  }
}

.c2 .c2-2 .zix h2 {
  font-weight: 600;
  font-size: 30px;
  color: #fff;
  padding-left: 22px;
  position: relative;
}

@media (max-width: 769px) {
  .c2 .c2-2 .zix h2 {
    font-size: 20px;
  }
}

.c2 .c2-2 .zix h2:before {
  position: absolute;
  display: block;
  background: #fff;
  left: 0;
  top: 0;
  content: '';
  width: 5px;
  height: 34px;
}

@media (max-width: 769px) {
  .c2 .c2-2 .zix h2:before {
    width: 4px;
    height: 25px;
  }
}

.c2 .c2-2 .zix .zi {
  font-size: 18px;
  line-height: 76px;
  background: url("../images/jt.png") 0 bottom no-repeat;
}

@media (max-width: 769px) {
  .c2 .c2-2 .zix .zi {
    font-size: 14px;
    line-height: 52px;
    background-size: 36px auto;
  }
}

.c2 .c2-2 .list2 {
  padding-top: 40px;
  padding-left: 53px;
}

@media (max-width: 769px) {
  .c2 .c2-2 .list2 {
    padding-top: 27px;
    padding-left: 34px;
  }
}

.c2 .c2-2 .list2 li {
  margin-bottom: 40px;
  color: #323232;
  line-height: 52px;
  font-size: 18px;
}

@media (max-width: 769px) {
  .c2 .c2-2 .list2 li {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 26px;
  }
}

@media (max-width: 769px) {
  .c2 .c2-2 .list2 li .img img {
    width: 36px;
    height: 36px;
  }
}

.c2 .c2-2 .list2 li h3 {
  margin-left: 18px;
  line-height: 52px;
}

@media (max-width: 769px) {
  .c2 .c2-2 .list2 li h3 {
    line-height: 36px;
    font-size: 14px;
  }
}

.c3 {
  padding-top: 150px;
  padding-bottom: 140px;
  background: url("../images/c3.png") center 0 no-repeat;
}

@media (max-width: 769px) {
  .c3 {
    padding: 50px 4.1666% 50px;
    background: url("../images/sjc3.png") center 0 no-repeat;
    background-size: cover;
  }
}

.c3 .c3-1 {
  width: 50%;
}

@media (max-width: 769px) {
  .c3 .c3-1 {
    display: none;
  }
}

.c3 .c3-1 img {
  width: 100%;
}

.c3 .c3-2 {
  width: 50%;
  padding-left: 6%;
  padding-right: 4.1666%;
  padding-top: 59px;
  padding-bottom: 60px;
  background: #089e96;
}

@media (max-width: 769px) {
  .c3 .c3-2 {
    width: 100%;
    padding: 29px;
    padding-right: 17px;
    background: rgba(8, 158, 150, 0.64);
  }
}

.c3 .c3-2 .zix {
  color: #fff;
}

.c3 .c3-2 .zix h2 {
  font-weight: 600;
  font-size: 30px;
  color: #fff;
  padding-left: 22px;
  position: relative;
}

@media (max-width: 769px) {
  .c3 .c3-2 .zix h2 {
    font-size: 20px;
  }
}

.c3 .c3-2 .zix h2:before {
  position: absolute;
  display: block;
  background: #fff;
  left: 0;
  top: 0;
  content: '';
  width: 5px;
  height: 34px;
}

@media (max-width: 769px) {
  .c3 .c3-2 .zix h2:before {
    width: 4px;
    height: 20px;
  }
}

.c3 .c3-2 .zix .zi {
  font-size: 18px;
  line-height: 76px;
  background: url("../images/jt.png") 0 bottom no-repeat;
}

@media (max-width: 1025px) {
  .c3 .c3-2 .zix .zi {
    font-size: 14px;
    line-height: 36px;
    padding: 25px 0;
  }
}

@media (max-width: 769px) {
  .c3 .c3-2 .zix .zi {
    line-height: 22px;
    padding: 10px 0;
    background-size: 30px auto;
  }
}

.c3 .c3-2 dd {
  margin-top: 20px;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  height: 168px;
  overflow: hidden;
}

@media (max-width: 769px) {
  .c3 .c3-2 dd {
    font-size: 12px;
    line-height: 22px;
    height: auto;
  }
}

.c3 .c3-2 a.ck {
  display: block;
  margin-top: 34px;
  border-radius: 4px;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  width: 96px;
  line-height: 27px;
  font-size: 14px;
}

.c3 .c3-2 a.ck:hover {
  color: #21aaa3;
  background: #fff;
}

@media (max-width: 769px) {
  .c3 .c3-2 a.ck {
    font-size: 12px;
    width: 68px;
    line-height: 18px;
    margin-top: 12px;
  }
}

@media (max-width: 769px) {
  .c4 {
    padding-top: 40px;
    background: url("../images/sjc4.png") repeat;
    padding-bottom: 37px;
  }
}

.c4 h2 {
  text-align: center;
  font-size: 20px;
  color: #333333;
  display: none;
  font-weight: 600;
}

@media (max-width: 769px) {
  .c4 h2 {
    display: block;
    margin-bottom: 34px;
  }
}

.c4 .list2 {
  position: relative;
}

@media (max-width: 769px) {
  .c4 .list2 {
    padding: 0 10%;
  }
}

.c4 .list2 .slick-arrow {
  position: absolute;
  top: calc(50% - 55px);
  transform: translateY(-50%);
  width: 52px;
  height: 155px;
  font-size: 0;
  outline: none;
  border: none;
  z-index: 111;
}

@media (max-width: 769px) {
  .c4 .list2 .slick-arrow {
    width: 29px;
    height: 87px;
  }
}

@media (max-width: 500px) {
  .c4 .list2 .slick-arrow {
    width: 3%;
    height: 60px;
    line-height: 60px;
  }
}

.c4 .list2 .slick-arrow.slick-prev {
  left: 44px;
  background: url("../images/zb.png") center 0 no-repeat;
  background-size: 100% auto;
}

@media (max-width: 769px) {
  .c4 .list2 .slick-arrow.slick-prev {
    left: 3%;
  }
}

.c4 .list2 .slick-arrow.slick-next {
  right: 44px;
  background: url("../images/yb.png") center 0 no-repeat;
  background-size: 100% auto;
}

@media (max-width: 769px) {
  .c4 .list2 .slick-arrow.slick-next {
    right: 3%;
  }
}

.c4 .list2 li {
  width: calc(50% - 2px);
  float: left;
  margin: 0 1px;
}

.c4 .list2 li a {
  display: block;
  position: relative;
}

.c4 .list2 li .img img {
  width: 100%;
}

.c4 .list2 li .zi {
  position: absolute;
  background: rgba(0, 0, 0, 0.38);
  color: #fff;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-items: center;
  align-items: center;
  opacity: 0;
  transition-duration: .3s;
}

@media (max-width: 769px) {
  .c4 .list2 li .zi {
    opacity: 1;
    position: relative;
    left: 0;
    top: 0;
    display: block;
    background: none;
  }
}

.c4 .list2 li .zi .zix {
  max-width: 400px;
  width: 41.666%;
  margin: 0 auto;
}

@media (max-width: 769px) {
  .c4 .list2 li .zi .zix {
    width: 100%;
    max-width: 100%;
  }
}

.c4 .list2 li .zi h3 {
  color: #fff;
  position: relative;
  padding-left: 32px;
  line-height: 34px;
}

@media (max-width: 769px) {
  .c4 .list2 li .zi h3 {
    margin-top: 16px;
    font-size: 14px;
    color: #333333;
    padding-left: 17px;
    line-height: 20px;
    margin-bottom: 14px;
  }
}

.c4 .list2 li .zi h3:before {
  position: absolute;
  display: block;
  background: #fff;
  left: 0;
  top: 0;
  content: '';
  width: 5px;
  height: 34px;
}

@media (max-width: 769px) {
  .c4 .list2 li .zi h3:before {
    background: #089e96;
    width: 4px;
    height: 20px;
  }
}

.c4 .list2 li .zi dd {
  font-size: 16px;
  line-height: 27px;
  margin: 25px 0;
}

@media (max-width: 769px) {
  .c4 .list2 li .zi dd {
    margin: 0;
    font-size: 12px;
    color: #666666;
    line-height: 19px;
  }
}

.c4 .list2 li .zi .ck {
  border-radius: 4px;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  width: 96px;
  line-height: 27px;
  font-size: 14px;
}

@media (max-width: 769px) {
  .c4 .list2 li .zi .ck {
    margin: 12px auto 0;
    width: 90px;
    background: #089e96;
            border-color: #089e96;
  }
}

@media (min-width: 769px) {
  .c4 .list2 li:hover .zi {
    opacity: 1;
  }
}

.c5 {
  margin-top: 97px;
  margin-bottom: 80px;
}

@media (max-width: 768px) {
  .c5 {
    margin-top: 46px;
    margin-bottom: 46px;
  }
}

@media (max-width: 500px) {
  .c5 {
    margin-bottom: 26px;
  }
}

.c5 h2 {
  text-align: center;
  font-weight: 600;
  margin-bottom: 62px;
  color: #363638;
  font-size: 42px;
}

@media (max-width: 768px) {
  .c5 h2 {
    font-size: 20px;
    margin-bottom: 25px;
  }
}

@media (max-width: 768px) {
  .c5 .list2 {
    padding: 0 4.1666%;
  }
}

.c5 .list2 li {
  width: 48.5%;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .c5 .list2 li {
    width: 100%;
  }
}

.c5 .list2 li:nth-child(odd) {
  float: left;
}

@media (max-width: 768px) {
  .c5 .list2 li:nth-child(odd) {
    float: none;
  }
}

.c5 .list2 li:nth-child(even) {
  float: right;
}

@media (max-width: 768px) {
  .c5 .list2 li:nth-child(even) {
    float: none;
  }
}

@media (max-width: 768px) {
  .c5 .list2 li:nth-child(4), .c5 .list2 li:nth-child(5), .c5 .list2 li:nth-child(6) {
    display: none;
  }
}

.c5 .list2 li .img {
  width: 20%;
}

@media (max-width: 768px) {
  .c5 .list2 li .img {
    width: 32%;
  }
}

.c5 .list2 li .img img {
  width: 100%;
}

.c5 .list2 li .zi {
  width: 77%;
}

@media (max-width: 768px) {
  .c5 .list2 li .zi {
    width: 64%;
  }
}

.c5 .list2 li .zi h3 {
  font-size: 16px;
  color: #333333;
  line-height: 34px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .c5 .list2 li .zi h3 {
    font-size: 14px;
  }
}

@media (max-width: 500px) {
  .c5 .list2 li .zi h3 {
    line-height: 24px;
  }
}

.c5 .list2 li .zi dd {
  font-size: 14px;
  color: #666666;
  line-height: 19px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 768px) {
  .c5 .list2 li .zi dd {
    font-size: 12px;
  }
}

.c5 .list2 li .zi .time {
  font-size: 14px;
  color: #666666;
  margin-top: 8px;
}

@media (max-width: 768px) {
  .c5 .list2 li .zi .time {
    font-size: 12px;
  }
}

@media (max-width: 5px) {
  .c5 .list2 li .zi .time {
    margin-top: 4px;
  }
}

.c5 .list2 li:hover .zi h3 {
  color: #21aaa3;
}

.foot {
  background: #333333;
  padding-top: 109px;
  padding-bottom: 78px;
}

@media (max-width: 768px) {
  .foot {
    padding-top: 57px;
    padding-bottom: 20px;
  }
}

@media (max-width: 640px) {
  .foot {
    background: url("../images/sjfoot.png") center 0 no-repeat #333333;
  }
}

@media (max-width: 500px) {
  .foot {
    padding-top: 40px;
  }
}

.foot .foot1 {
  width: 50%;
}

@media (max-width: 1025px) {
  .foot .foot1 {
    width: 44%;
  }
}

.foot .foot1 li {
  width: 33.333%;
  float: left;
}

@media (max-width: 1025px) {
  .foot .foot1 li:nth-child(1), .foot .foot1 li:nth-child(2) {
    display: none;
  }
}

@media (max-width: 1025px) {
  .foot .foot1 li:nth-child(3) {
    width: 100%;
  }
  
.foot .foot1 li:nth-child(3) .sec {
  line-height: 26px;
}
}


@media (max-width: 500px) {
  .foot .foot1 li:nth-child(3) .sec {
    font-size: 12px;
    line-height: 22px;
  }
}

.foot .foot1 li a {
  font-size: 16px;
  color: #fff;
  line-height: 1;
}

.foot .foot1 li .sec {
  margin-top: 30px;
  line-height: 50px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
}

.foot .foot1 li .sec p {
  margin: 0;
}

@media (max-width: 768px) {
  .foot .foot1 li .sec {
    margin-top: 6px;
  }
}

.foot .foot1 li .sec a {
  display: block;
  line-height: 50px;
  color: rgba(255, 255, 255, 0.3);
  font-size: 14px;
}

.foot .foot1 li .sec a:hover {
  color: #fff;
}

.foot .foot2 {
  width: 41%;
}

@media (max-width: 1025px) {
  .foot .foot2 {
    width: 54%;
  }
}

.foot .foot2 h2 {
  line-height: 1;
  font-size: 16px;
  color: #fff;
  margin-bottom: 38px;
}

@media (max-width: 768px) {
  .foot .foot2 h2 {
    margin-bottom: 14px;
  }
}

.foot .foot2 .foot21 {
  width: 51%;
}

@media (max-width: 1025px) {
  .foot .foot2 .foot21 {
    width: 100%;
  }
}

.foot .foot2 .foot21 .list2 {
  margin-bottom: 38px;
}

@media (max-width: 768px) {
  .foot .foot2 .foot21 .list2 {
    margin-bottom: 0;
  }
}

.foot .foot2 .foot21 .list2 li {
  float: left;
  padding-right: 6%;
  width: 20%;
}

.foot .foot2 .foot21 .list2 li img {
  max-width: 100%;
}

@media (max-width: 1025px) {
  .foot .foot2 .foot21 .liuyan {
    display: none;
  }
}

.foot .foot2 .foot21 .liuyan .ww1 {
  margin-bottom: 8px;
}

.foot .foot2 .foot21 .liuyan .ww1 input {
  width: 78%;
  line-height: 27px;
  background: #7e7e7e;
  border: none;
  text-indent: 8px;
  font-size: 13px;
}

.foot .foot2 .foot21 .liuyan .ww1 input::-webkit-input-placeholder {
  color: #fff;
}

.foot .foot2 .foot21 .liuyan .ww2 {
  margin-bottom: 8px;
}

.foot .foot2 .foot21 .liuyan .ww2 textarea {
  height: 47px;
  width: 78%;
  line-height: 27px;
  background: #7e7e7e;
  border: none;
  text-indent: 8px;
  font-size: 13px;
}

.foot .foot2 .foot21 .liuyan .ww2 textarea::-webkit-input-placeholder {
  color: #fff;
}

.foot .foot2 .foot21 .liuyan .code-group input#checkcode {
  line-height: 27px;
  background: #7e7e7e;
  border: none;
  text-indent: 8px;
  font-size: 13px;
  width: 30%;
}

.foot .foot2 .foot21 .liuyan .ww3 input {
  font-size: 16px;
  background: #7e7e7e;
  border: none;
  color: #fff;
  width: 44px;
  line-height: 22px;
  font-family: Verdana;
  text-align: center;
  margin-top: 12px;
}

.foot .foot2 .foot22 {
  margin-top: -8px;
  width: 42%;
}

@media (max-width: 1025px) {
  .foot .foot2 .foot22 {
    display: none;
  }
}

.foot .foot2 .foot22 #formsearch {
  width: 100%;
}

.foot .foot2 .foot22 #formsearch input {
  background: #fff;
  outline: none;
  border: none;
  font-size: 14px;
  line-height: 66px;
}

.foot .foot2 .foot22 #formsearch input#keyword {
  float: left;
  width: 73%;
  text-indent: 12px;
  background: #ababab;
  border-radius: 10px 0 0 10px;
}

.foot .foot2 .foot22 #formsearch input#s_btn {
  float: right;
  width: 27%;
  color: #fff;
  text-align: center;
  background: url("../images/ss1.png") center no-repeat #dddddd;
  border-radius: 0 10px 10px 0;
  font-size: 0;
}

.ban {
  text-align: center;
  background: #080808;
  line-height: 27px;
  padding: 10px 0;
  color: #d9d9d9;
}

@media (max-width: 768px) {
  .ban {
    padding-top: 0;
    padding-bottom: 30px;
    background: #333333;
    font-size: 14px;
    color: #6c6c6c;
    line-height: 24px;
    padding-left:2px;
  }
}

@media (max-width: 500px) {
  .ban {
    font-size: 12px;
    line-height: 22px;
  }
}

.ban a {
  color: #d9d9d9;
}

@media (max-width: 769px) {
  .ban a {
    color: #6c6c6c;
  }
}

@media (max-width: 768px) {
  body {
    padding-bottom: 60px;
  }
}

.footx {
  position: fixed;
  width: 100%;
  background: #089e96;
  justify-items: center;
  text-align: center;
  bottom: 0;
  display: none;
}

@media (max-width: 768px) {
  .footx {
    display: flex;
  }
}

.footx a {
  color: #fff;
  width: 33.333%;
  font-size: 16px;
  line-height: 60px;
}

.footx a img {
  max-width: 24%;
}

.footx a:nth-child(2), .footx a:nth-child(3) {
  background: url("../images/su1.png") 0 center no-repeat;
}

.yu1 {
  position: absolute;
  top: 50%;
  right: 20%;
  float: right;
  width: 70px;
  height: 26px;
  transform: translateY(-50%);
  z-index: 111;
}

.yu1 .yan {
  font-size: 14px;
  width: 70px;
  line-height: 26px;
  border: 1px solid #21aaa3;
  color: #000000;
  text-align: center;
}

.yu1 .secx1 {
  border: 1px solid #21aaa3;
  position: absolute;
  top: 27px;
  width: 100%;
  z-index: 111;
  display: none;
  background: #fff;
}

.yu1 .secx1 a {
  display: block;
  border-bottom: 1px solid #21aaa3;
  font-size: 14px;
  text-align: center;
  color: #000;
}

.yu1 .secx1 a:last-child {
  border-bottom: none;
}