@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 14px;
  outline: none;
  font-family: syht; }

a {
  text-decoration: none; }

li {
  list-style: none; }

img {
  vertical-align: top;
  border: none; }

button {
  border: 0;
  background-color: transparent;
  -webkit-appearance: none; }

select {
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

input, textarea {
  border: none; }

textarea {
  resize: none;
  overflow: auto; }

i {
  font-weight: normal; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0; }

input {
  -moz-appearance: textfield; }

html::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

html::-webkit-scrollbar-thumb {
  background: #ffcc66;
  border-radius: 6px; }

html::-webkit-scrollbar-corner {
  background: #ffcc66; }

@font-face {
  font-family: cn;
  src: url(../font/whz.ttf); }
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: .4s all;
  background-color: #fff; }
  header.active {
    box-shadow: 0 5px 5px rgba(255, 255, 255, 0.2); }
  header .pc {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    justify-content: space-between; }
    header .pc nav {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start; }
      header .pc nav ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: space-between;
        justify-content: space-between; }
        header .pc nav ul li {
          width: 11.1111%; }
          header .pc nav ul li > a {
            height: 100px;
            line-height: 100px;
            display: block;
            font-size: 16px;
            color: #333;
            padding: 0 26px;
            transition: .4s all;
            letter-spacing: 1px;
            text-align: center; }
            header .pc nav ul li > a:hover {
              color: #ffd380; }
          header .pc nav ul li.active a {
            color: #ffd380; }
          header .pc nav ul li.logo a {
            display: block;
            padding: 0;
            margin: 0 auto;
            width: 80px;
            height: 100px; }
            header .pc nav ul li.logo a img {
              width: 100%;
              height: 100%;
              object-fit: contain; }
          header .pc nav ul li.wxqq {
            width: 90px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            align-content: space-between;
            justify-content: space-between; }
            header .pc nav ul li.wxqq icon {
              display: block;
              width: 35px;
              height: 35px;
              cursor: pointer;
              border-radius: 18px;
              transition: .4s all;
              position: relative; }
              header .pc nav ul li.wxqq icon i {
                display: block;
                width: 100%;
                height: 100%; }
              header .pc nav ul li.wxqq icon:nth-of-type(1) {
                background: url("../icon/wx.png") no-repeat;
                background-size: cover; }
                header .pc nav ul li.wxqq icon:nth-of-type(1):hover {
                  background: url("../icon/wx_a.png") no-repeat;
                  background-size: cover; }
                  header .pc nav ul li.wxqq icon:nth-of-type(1):hover figure {
                    opacity: 1;
                    pointer-events: auto; }
              header .pc nav ul li.wxqq icon:nth-of-type(2) {
                background: url("../icon/qq.png") no-repeat;
                background-size: cover; }
                header .pc nav ul li.wxqq icon:nth-of-type(2):hover {
                  background: url("../icon/qq_a.png") no-repeat;
                  background-size: cover; }
                  header .pc nav ul li.wxqq icon:nth-of-type(2):hover figure {
                    opacity: 1;
                    pointer-events: auto; }
              header .pc nav ul li.wxqq icon figure {
                width: 90px;
                height: 90px;
                position: absolute;
                top: 67px;
                opacity: 0;
                pointer-events: none;
                transition: .4s all; }
                header .pc nav ul li.wxqq icon figure img {
                  width: 100;
                  height: 100%;
                  object-fit: contain; }
          header .pc nav ul li .item {
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: 100px;
            left: 0;
            width: 100%;
            padding: 40px 0;
            background-color: rgba(0, 0, 0, 0.85);
            border-top: 1px solid #fff;
            align-items: unset;
            transition: .4s all;
            z-index: 99; }
            header .pc nav ul li .item > div {
              width: 1400px;
              margin: 0 auto;
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              align-content: space-between;
              justify-content: space-between; }
            header .pc nav ul li .item figure {
              display: block;
              width: 100%;
              position: relative;
              padding: 10% 0;
              width: 45%; }
              header .pc nav ul li .item figure img {
                width: 100%;
                height: 100%;
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                object-fit: contain; }
            header .pc nav ul li .item .lanmu {
              width: 50%;
              position: relative;
              order: -1; }
              header .pc nav ul li .item .lanmu h4 {
                color: #fff;
                font-weight: bold;
                margin-bottom: 30px;
                padding-bottom: 30px;
                display: block;
                font-size: 30px;
                text-transform: uppercase;
                position: relative;
                letter-spacing: 1px; }
                header .pc nav ul li .item .lanmu h4 span {
                  display: block;
                  margin-top: 5px;
                  font-size: 24px;
                  color: #fff;
                  line-height: 1.6;
                  font-weight: 400;
                  position: relative; }
                header .pc nav ul li .item .lanmu h4:before {
                  content: '';
                  position: absolute;
                  left: 0;
                  bottom: 0;
                  width: 40px;
                  height: 2px;
                  background-color: #fff; }
              header .pc nav ul li .item .lanmu dl {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: flex-start; }
                header .pc nav ul li .item .lanmu dl dd {
                  margin-bottom: 24px;
                  display: inline-block;
                  vertical-align: top;
                  width: 50%;
                  margin-left: 0; }
                  header .pc nav ul li .item .lanmu dl dd a {
                    padding-left: 14px;
                    line-height: 24px;
                    display: block;
                    font-size: 15px;
                    color: #c9c9c9;
                    text-align: left;
                    background: url(../icon/icon-next4.png) left top 8px no-repeat;
                    transition: .4s all; }
                    header .pc nav ul li .item .lanmu dl dd a:hover {
                      color: #fff; }
                  header .pc nav ul li .item .lanmu dl dd.active a {
                    color: #fff; }
          header .pc nav ul li:hover .item {
            opacity: 1;
            pointer-events: auto; }
          header .pc nav ul li .item_n {
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: 130px;
            left: 0;
            width: 100%;
            padding: 10px 0;
            background-color: rgba(0, 0, 0, 0.5);
            transition: .4s all; }
            header .pc nav ul li .item_n li {
              width: 100%;
              padding: 10px;
              transition: .4s all; }
              header .pc nav ul li .item_n li a {
                display: block;
                text-align: center;
                color: #fff;
                font-size: 16px;
                transition: .4s all;
                line-height: 26px;
                padding: 0;
                height: auto; }
              header .pc nav ul li .item_n li:hover {
                background-color: #ffcc66; }
                header .pc nav ul li .item_n li:hover a {
                  color: #fff; }
          header .pc nav ul li:hover .item_n {
            opacity: 1;
            pointer-events: auto; }
  header .m {
    display: none;
    padding: 10px 20px;
    position: relative;
    border-bottom: 1px solid #dfdfdf; }
    header .m .menu {
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
      height: 40px;
      background-color: transparent; }
      header .m .menu path {
        stroke: #868686; }
      header .m .menu label {
        left: -40px;
        top: -45px;
        max-width: 130px;
        max-height: 100px; }
    header .m > a {
      display: block;
      width: 180px; }
      header .m > a img {
        width: 100%;
        object-fit: contain; }

.pc_search {
  width: 100%;
  padding: 20px 0;
  background-color: #fcf9f0;
  border-bottom: 1px solid #dddddd; }
  .pc_search nav {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    justify-content: space-between; }
    .pc_search nav ul {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start; }
      .pc_search nav ul li {
        font-size: 17px;
        color: #333333;
        font-weight: bold; }
        .pc_search nav ul li:nth-of-type(n+3) {
          margin-left: 13px; }
        .pc_search nav ul li a {
          font-size: 16px;
          color: #484848;
          transition: .4s all;
          font-weight: normal; }
          .pc_search nav ul li a:hover {
            color: #ffcc66; }
    .pc_search nav form {
      position: relative; }
      .pc_search nav form:hover input {
        border-color: #ffcc66; }
      .pc_search nav form input {
        line-height: 40px;
        width: 400px;
        border: 1px solid #bfbfbf;
        border-radius: 20px;
        color: #434144;
        font-size: 14px;
        background-color: transparent;
        padding-left: 15px;
        transition: .4s all; }
        .pc_search nav form input:-webkit-input-placeholder {
          color: #bfbfbf;
          font-size: 14px; }
      .pc_search nav form button {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: url("../icon/pc_search.png") no-repeat #ffcc66 center;
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
        cursor: pointer;
        transition: .4s all; }
        .pc_search nav form button:hover {
          opacity: .9; }

.page {
  width: 100%;
  background-color: #fcf9f0; }

.m-pages {
  text-align: center;
  font-size: 14px;
  padding: 60px 0; }

.m-pages ul {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  margin-right: 25px; }

.m-pages li {
  float: left;
  margin: 0 3px; }

.m-pages li a {
  display: block;
  width: 37px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  background-color: #ccc;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 3px;
  transition: .4s all;
  font-size: 13px; }

.m-pages li.active a, .m-pages li:hover a {
  color: #fff;
  background-color: #ffcc66; }

.m-pages .tz {
  display: inline-block;
  vertical-align: middle;
  color: #ff5e0e;
  line-height: 37px; }

.m-pages .tz select {
  width: 64px;
  height: 36px;
  line-height: 35px;
  color: #ffcc66;
  padding-right: 21px;
  background: url(../icon/qwy-i4.png) center right 11px no-repeat;
  padding-left: 16px;
  border: 1px solid #ccc;
  margin: 0 10px;
  font-size: 14px; }

.m-pages select {
  width: 65px;
  height: 35px;
  border: 1px solid #ccc;
  line-height: 33px;
  color: #ffcc66;
  padding-left: 10px;
  background: url(../icon/qwy-i4.png) #fff center right 10px no-repeat;
  background-size: 8px;
  font-size: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.m-pages select option {
  width: 100%;
  height: 36px;
  font-size: 14px; }

.PopupCode {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99; }
  .PopupCode ul {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start; }
    .PopupCode ul li {
      background-color: #fff;
      padding: 20px;
      transition: .4s all; }
      .PopupCode ul li + li {
        margin-left: 30px; }
      .PopupCode ul li figure img {
        width: 260px;
        height: 260px; }
      .PopupCode ul li p {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #434144;
        margin-top: 10px;
        padding-top: 15px;
        border-top: 1px solid #434144;
        transition: .4s all;
        letter-spacing: 2px; }
      .PopupCode ul li span {
        display: table;
        margin: 0 auto;
        margin-top: 10px;
        text-align: center;
        font-size: 14px;
        color: #004a84;
        cursor: pointer;
        transition: .4s all;
        position: relative;
        padding-bottom: 3px; }
        .PopupCode ul li span:after {
          content: '';
          display: block;
          width: 100%;
          height: 1px;
          background-color: #fff;
          opacity: 0;
          transition: .4s all; }
        .PopupCode ul li span:hover:after {
          opacity: 1; }
      .PopupCode ul li:hover {
        background-color: #ffcc66; }
        .PopupCode ul li:hover p {
          color: #fff;
          border-color: #fff; }
        .PopupCode ul li:hover span {
          color: #fff; }

.PopupColumn {
  position: fixed;
  top: 66px;
  left: -1024px;
  padding: 20px 15px;
  width: 100%;
  max-width: 1024px;
  height: 100%;
  background-color: #434144;
  transition: .4s all;
  z-index: 99; }
  .PopupColumn.active {
    left: 0; }
  .PopupColumn li {
    border-bottom: 1px solid #fff; }
    .PopupColumn li.active a:after {
      background-color: #fff; }
    .PopupColumn li.active a icon {
      transform: translateY(-50%) rotate(180deg); }
    .PopupColumn li > a {
      display: block !important;
      font-size: 15px;
      color: #fff;
      padding: 20px 0;
      letter-spacing: 1px;
      transition: .4s all;
      letter-spacing: 2px;
      position: relative;
      padding-left: 30px; }
      .PopupColumn li > a:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 10px;
        height: 10px;
        border: 1px solid #fff;
        border-radius: 50%;
        transition: .4s; }
      .PopupColumn li > a icon {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        background: url("../icon/downJT.png") no-repeat;
        background-size: contain;
        transition: .4s all; }
    .PopupColumn li dl {
      display: none;
      padding-bottom: 20px; }
      .PopupColumn li dl dd {
        padding: 10px 30px; }
        .PopupColumn li dl dd a {
          display: block;
          font-size: 14px;
          color: #fff; }
  .PopupColumn p {
    font-size: 20px;
    margin-top: 30px;
    color: #ffcc66;
    cursor: pointer;
    font-family: english;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex-direction: unset; }
    .PopupColumn p i {
      display: block;
      width: 15px;
      height: 15px;
      background: url("../icon/top.png") no-repeat;
      background-size: contain;
      margin-left: 5px;
      margin-top: 2px; }

.pbanner {
  width: 100%;
  position: relative;
  margin-top: 100px; }
  .pbanner figure {
    width: 100%; }
  .pbanner img {
    width: 100%;
    object-fit: contain; }
.pbanner h3{
  position: absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  font-size: 40px;
  color:#ffcc66;
  text-align:Center;
  font-weight:bold;
}
.slide-nav {
  position: fixed;
  right: 20px;
  top: 30%;
  z-index: 98; }

.slide-nav .item {
  margin: 10px 0;
  width: 50px;
  height: 50px;
  position: relative;
  transition: .4s all;
  left: 0; }

.slide-nav .goTop {
  opacity: 0;
  pointer-events: none;
  transition: .4s all; }

.slide-nav .goTop.active {
  opacity: 1;
  pointer-events: auto; }

.slide-nav .icon {
  margin: 0 auto;
  display: block;
  margin-top: 12px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 11.5px;
  transition: .4s all; }

.slide-nav h4 {
  font-size: 12px;
  color: #4e4e4e;
  font-weight: 400;
  text-align: center; }

.slide-nav .mask {
  margin-top: -1px;
  position: absolute;
  right: 100%;
  top: 0;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  opacity: 0;
  white-space: nowrap;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.slide-nav .tel {
  padding: 0 30px;
  line-height: 50px;
  font-size: 14px;
  color: #4e4e4e; }

.slide-nav .qr {
  margin-right: 20px;
  width: 140px;
  height: 140px;
  border: 1px solid #000;
  overflow: hidden; }

.slide-nav .qr img {
  display: block;
  width: 100%;
  height: 100%; }

.slide-nav .item:hover h4 {
  color: #fff; }

.slide-nav .tell:hover .mask {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1; }

.slide-nav .wechat:hover .mask {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1; }

.slide-nav .item .icon:after {
  content: '';
  display: block;
  width: 24px;
  height: 48px; }

.slide-nav .item:nth-of-type(1) .icon {
  height: 22px; }

.slide-nav .item:nth-of-type(1) .icon:after {
  background-image: url("../icon/sN-i1.png"); }

.slide-nav .item:nth-of-type(2) .icon:after {
  background-image: url("../icon/sN-i2.png"); }

.slide-nav .item:nth-of-type(3) .icon:after {
  background-image: url("../icon/sN-i3.png"); }

.slide-nav .item:nth-of-type(4) .icon:after {
  background-image: url("../icon/sN-i4.png"); }

.slide-nav .item:nth-of-type(5) .icon:after {
  background-image: url("../icon/sN-i5.png"); }

.slide-nav .item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .4s all;
  border-radius: 50%;
  border: 1px solid #ffcc66;
  background-color: #ffcc66; }

@media only screen and (max-width: 959px) {
  .slide-nav {
    padding: 0 20px;
    left: 0;
    top: auto;
    right: 0;
    bottom: 20px;
    font-size: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    justify-content: space-between; }

  .slide-nav .item {
    margin: 0;
    display: inline-block;
    vertical-align: middle; }

  .slide-nav .goTop {
    display: inline-block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    left: 0 !important; }

  .slide-nav .mask {
    left: 50%;
    right: auto;
    bottom: 100%;
    top: auto;
    -webkit-transform: translateX(-50%) scale(1, 0);
    -ms-transform: translateX(-50%) scale(1, 0);
    -o-transform: translateX(-50%) scale(1, 0);
    transform: translateX(-50%) scale(1, 0); }

  .slide-nav .tel {
    display: none; }

  .slide-nav .qr {
    display: none; }

  footer .footer3 {
    padding-bottom: 90px !important; }

  .slide-nav .item:hover .icon {
    background-position: center -30px; }

  .slide-nav .item:hover .mask {
    -webkit-transform: scale(1, 1) translateX(-50%);
    -ms-transform: scale(1, 1) translateX(-50%);
    -o-transform: scale(1, 1) translateX(-50%);
    transform: scale(1, 1) translateX(-50%); } }
.online {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none; }
  .online .main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 850px;
    width: 96%;
    padding: 30px;
    background-color: #fff; }
    .online .main .tit {
      width: 100%;
      max-width: 260px;
      margin: 0 auto; }
      .online .main .tit h3 {
        text-align: center;
        font-size: 24px;
        color: #434144;
        font-weight: bold; }
      .online .main .tit span {
        display: block;
        font-size: 14px;
        text-transform: uppercase;
        position: relative;
        margin-top: 5px;
        text-align: center;
        font-family: "Arial";
        color: #787878;
        font-weight: bold; }
        .online .main .tit span b {
          color: #ffcc66; }
        .online .main .tit span:before {
          content: '';
          display: block;
          top: 50%;
          left: 0;
          position: absolute;
          transform: translateY(-50%);
          width: 80px;
          height: 1px;
          background-color: #434144; }
        .online .main .tit span:after {
          content: '';
          display: block;
          top: 50%;
          right: 0;
          position: absolute;
          transform: translateY(-50%);
          width: 80px;
          height: 1px;
          background-color: #434144; }
    .online .main form {
      margin-top: 30px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: space-between;
      justify-content: space-between;
      align-items: unset; }
      .online .main form figure {
        display: block;
        width: 100%;
        position: relative;
        padding: 20% 0;
        width: 45%; }
        .online .main form figure img {
          width: 100%;
          height: 100%;
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          object-fit: cover; }
      .online .main form ul {
        width: 52%; }
        .online .main form ul li {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          align-content: space-between;
          justify-content: space-between;
          height: 40px; }
          .online .main form ul li + li {
            margin-top: 15px; }
          .online .main form ul li .ind {
            width: 48%;
            height: 100%;
            border: 1px solid #bebebe;
            padding: 0 10px;
            background-color: transparent;
            color: #979797;
            font-size: 14px;
            transition: .2s all; }
            .online .main form ul li .ind::-webkit-input-placeholder {
              color: #979797;
              font-size: 14px; }
          .online .main form ul li select {
            background: url(../icon/dropDown.png) #fff 95% center no-repeat;
            background-size: 11px; }
          .online .main form ul li.phone input {
            width: 100%; }
          .online .main form ul li.textarea {
            height: 180px; }
            .online .main form ul li.textarea textarea {
              width: 100%;
              padding: 10px; }
          .online .main form ul li button {
            width: 100%;
            height: 100%;
            line-height: 40px;
            text-align: center;
            background-color: #ffcc66;
            color: #fff;
            font-size: 16px;
            cursor: pointer;
            transition: .4s all;
            border: 1px solid transparent; }
            .online .main form ul li button:hover {
              background-color: transparent;
              border-color: #ffcc66;
              border-radius: 5px;
              color: #ffcc66; }
  .online .close {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../icon/onlineClose.png) no-repeat center center #ffcc66;
    background-size: 60%;
    cursor: pointer; }

@media screen and (max-width: 768px) {
  .online .main form figure {
    display: none; }

  .online .main form ul {
    width: 100%; }

  .online .main {
    padding: 15px; }

  .online .main .tit h3 {
    font-size: 20px; } }
.online .layui-form-select .layui-input {
  height: 40px;
  border-color: #bebebe;
  color: #979797; }
.online .layui-form-select dl dd.layui-this {
  background-color: #ffcc66; }
.online .layui-unselect.layui-form-select {
  width: 48%; }
.online #distpicker-online .ind {
  display: block !important; }
.online #distpicker-online .layui-unselect {
  display: none !important; }

.navbar {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  .navbar div {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    justify-content: space-between;
    padding-left: 20px;
    background-color: #fff;
    border: 1px solid #e2e2e2; }
    .navbar div h5 {
      display: none;
      width: 100%;
      padding: 15px 20px;
      font-size: 16px;
      color: #434144;
      position: relative;
      transition: .4s all; }
      .navbar div h5:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background: url("../icon/down_jt.png") no-repeat;
        background-size: contain;
        transition: .4s all; }
      .navbar div h5.active {
        border-bottom: 1px solid #dfdfdf; }
        .navbar div h5.active:before {
          transform: translateY(-50%) rotate(180deg); }
    .navbar div p {
      font-size: 16px;
      line-height: 60px;
      color: #626262;
      padding-left: 35px;
      position: relative; }
      .navbar div p:before {
        content: '';
        display: block;
        width: 18px;
        height: 18px;
        background: url("../icon/all.png") no-repeat;
        background-size: contain;
        position: absolute;
        top: 49%;
        left: 0;
        transform: translateY(-50%); }
    .navbar div ul {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start; }
      .navbar div ul li {
        position: relative;
        transition: .4s all; }
        .navbar div ul li.active {
          background-color: #ffcc66; }
          .navbar div ul li.active a {
            color: #333; }
        .navbar div ul li:hover {
          background-color: #ffcc66; }
          .navbar div ul li:hover a {
            color: #333; }
        .navbar div ul li a {
          display: block;
          font-size: 14px;
          color: #626262;
          transition: .4s all;
          height: 60px;
          line-height: 60px;
          padding: 0 20px; }

footer {
  width: 100%;
  background-color: #fff; }
  footer .footer1 {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 30px; }
    footer .footer1 ul {
      width: 100%;
      padding: 20px 0;
      border-bottom: 1px solid #ffe0a3;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: space-between;
      justify-content: space-between; }
      footer .footer1 ul li {
        width: 14.285%;
        position: relative; }
        footer .footer1 ul li:last-child:after {
          display: none; }
        footer .footer1 ul li:after {
          content: '';
          display: block;
          position: absolute;
          top: 5px;
          right: 0;
          width: 1px;
          height: 15px;
          background-color: #adadad;
          transform: rotate(20deg); }
        footer .footer1 ul li a {
          display: block;
          font-size: 15px;
          color: #333333;
          text-align: center;
          transition: .4s all; }
          footer .footer1 ul li a:hover {
            color: #ffcc66; }
  footer .footer2 {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    justify-content: space-between; }
    footer .footer2 .lianxi a {
      display: block;
      font-size: 14px;
      color: #333333;
      line-height: 38px;
      padding-left: 35px;
      position: relative;
      transition: .4s all; }
      footer .footer2 .lianxi a:hover {
        color: #ffcc66; }
      footer .footer2 .lianxi a:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
      footer .footer2 .lianxi a:nth-of-type(1):after {
        width: 20px;
        height: 20px;
        background: url("../icon/tel.png") no-repeat;
        background-size: contain; }
      footer .footer2 .lianxi a:nth-of-type(2):after {
        width: 20px;
        height: 20px;
        background: url("../icon/email.png") no-repeat;
        background-size: contain; }
      footer .footer2 .lianxi a:nth-of-type(3):after {
        width: 20px;
        height: 20px;
        background: url("../icon/address.png") no-repeat;
        background-size: contain; }
    footer .footer2 .fLogo figure {
      display: block;
      width: 100px;
      height: 110px;
      margin: 0 auto; }
      footer .footer2 .fLogo figure img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    footer .footer2 .fLogo h4 {
      padding-bottom: 15px;
      position: relative;
      font-size: 24px;
      color: #6e6e6e;
      font-weight: bold;
      text-align: center;
      margin-top: 15px; }
      footer .footer2 .fLogo h4 span {
        font-size: 14px;
        color: #adadad;
        margin-top: 10px;
        display: block;
        text-align: center;
        font-weight: normal; }
      footer .footer2 .fLogo h4:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 120px;
        height: 2px;
        background-color: #ffe5b2; }
    footer .footer2 dl {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start; }
      footer .footer2 dl dd img {
        width: 110px;
        height: 110px;
        padding: 4px;
        border: 1px solid #ffcc66; }
      footer .footer2 dl dd + dd {
        margin-left: 60px; }
      footer .footer2 dl dd p {
        font-size: 14px;
        color: #333333;
        margin-top: 5px;
        text-align: center; }
  footer .footer3 {
    width: 100%;
    padding: 22px 0;
    background-color: #ffd685; }
    footer .footer3 p {
      text-align: center;
      font-size: 14px;
      color: #333333;
      line-height: 26px; }
      footer .footer3 p a {
        font-size: 14px;
        color: #333333;
        transition: .4s all; }
        footer .footer3 p a:hover {
          color: #adadad; }

.ibanner {
  width: 100%;
  margin-top: 100px; }
  .ibanner a {
    width: 100%; }
    .ibanner a img {
      width: 100%;
      object-fit: contain; }
    .ibanner a .pc {
      display: block; }
    .ibanner a .m {
      display: none; }
  .ibanner .swiper-pagination {
    bottom: 45px !important; }
  .ibanner .swiper-pagination-bullet {
    background-color: #ffcc66;
    opacity: 1;
    border-radius: 6px;
    transition: .4s all; }
  .ibanner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 40px;
    background-color: #ffcc66; }

.indexTitle {
  width: 1200px;
  margin: 0 auto;
  position: relative; }
  .indexTitle.pageTitle p {
    line-height: 102px; }
  .indexTitle:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url("../icon/title.png") no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0; }
  .indexTitle p {
    font-family: cn;
    font-size: 54px;
    color: #333;
    text-align: center;
    letter-spacing: 3px; }
  .indexTitle span {
    display: block;
    margin: 0 auto;
    width: 315px;
    height: 45px;
    background: url("../image/indexTitle-bg.png") no-repeat;
    background-size: contain;
    text-align: center;
    font-size: 16px;
    color: #ffcc66;
    line-height: 41px;
    margin-top: 6px; }

.openVideo {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99; }
  .openVideo video {
    width: 700px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
  .openVideo i {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../icon/onlineClose.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer; }

.indexBtn {
  display: block;
  margin: 0 auto;
  width: 255px;
  height: 40px;
  border-radius: 10px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  background: #ffcc66;
  position: relative;
  transition: .4s all; }
  .indexBtn:after {
    content: '';
    display: block;
    width: 225px;
    height: 60px;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #ffcc66;
    border-radius: 10px;
    transition: .4s all; }
  .indexBtn:hover:after {
    height: 38px;
    top: 0; }

.index1 {
  width: 100%;
  background: url("../image/index-bg1.jpg") no-repeat;
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 75px; }
  .index1 .view {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    justify-content: space-between;
    margin-top: 55px; }
    .index1 .view figure {
      width: 650px;
      height: 375px;
      cursor: pointer; }
      .index1 .view figure img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .index1 .view div {
      width: 490px; }
      .index1 .view div h4 {
        font-size: 24px;
        color: #333333;
        font-weight: bold;
        text-indent: 30px;
        margin-bottom: 20px; }
      .index1 .view div p {
        font-size: 16px;
        color: #333;
        line-height: 40px;
        text-indent: 30px; }
  .index1 .indexBtn {
    margin-top: 60px; }

.index2 {
  width: 100%;
  background: #fcf8ec;
  background-size: cover;
  padding: 60px 0; }
  .index2 .view {
    width: 1200px;
    margin: 0 auto;
    margin-top: 75px; }
    .index2 .view ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: space-between;
      justify-content: space-between;
      align-items: unset; }
      .index2 .view ul li {
        width: 590px; }
        .index2 .view ul li:nth-of-type(2) {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          align-content: space-between;
          justify-content: space-between; }
          .index2 .view ul li:nth-of-type(2) a {
            width: 275px;
            height: 248.73px; }
            .index2 .view ul li:nth-of-type(2) a:nth-of-type(n+3) {
              margin-top: 30px; }
      .index2 .view ul a {
        display: block;
        border-radius: 15px;
        overflow: hidden;
        height:100%;
        position: relative; }
        .index2 .view ul a figure{height:100%;}
        .index2 .view ul a:hover h5 {
          color: #ffcc66; }
      .index2 .view ul h5 {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 55px;
        line-height: 50px;
        color: #fff;
        font-size: 22px;
        text-align: center;
        background: rgba(0, 0, 0, 0.4);
        transition: .4s all; }
      .index2 .view ul figure img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .index2 .indexBtn {
    margin-top: 70px; }

.index3 {
  width: 100%;
  height: 350px;
  background: url("../image/index3-bg.jpg") no-repeat;
  background-size: cover; }

.index4 {
  width: 100%;
  background: #fcf9f0;
  padding-top: 70px;
  padding-bottom: 50px; }
  .index4 .view {
    width: 1200px;
    margin: 0 auto;
    margin-top: 75px; }
    .index4 .view a {
      display: block;
      position: relative; }
      .index4 .view a:hover p {
        color: #ffcc66; }
      .index4 .view a img {
        width: 100%;
        height: 500px;
        object-fit: cover; }
      .index4 .view a p {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        line-height: 46px;
        color: #fff;
        font-size: 20px;
        text-align: center;
        background: rgba(0, 0, 0, 0.4);
        transition: .4s all; }
  .index4 .swiper-pagination {
    position: static;
    margin-top: 30px; }
    .index4 .swiper-pagination .swiper-pagination-bullet {
      width: 15px;
      height: 15px;
      background-color: #dddddd;
      transition: .4s all; }
      .index4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #ffcc66; }

.index5 {
  width: 100%;
  background: #fef9ea;
  padding: 60px 0; }
  .index5 .view {
    width: 1200px;
    margin: 0 auto;
    margin-top: 70px; }
    .index5 .view .top a {
      display: block;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: space-between;
      justify-content: space-between;
      align-items: unset; }
      .index5 .view .top a figure {
        width: 645px;
        height: 390px;
        position: relative; }
        .index5 .view .top a figure img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .index5 .view .top a figure h5 {
          width: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          height: 50px;
          line-height: 50px;
          color: #ffcc66;
          font-size: 16px;
          padding: 0 30px;
          background: rgba(0, 0, 0, 0.6);
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1; }
      .index5 .view .top a .txt {
        width: 555px;
        background: #fff;
        padding: 0 40px;
        padding-bottom: 25px;
        padding-top: 40px; }
        .index5 .view .top a .txt .title {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          align-content: space-between;
          justify-content: space-between;
          padding-bottom: 25px;
          position: relative;
          margin-bottom: 32px; }
          .index5 .view .top a .txt .title:after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 70px;
            height: 1px;
            background-color: #ffcc66; }
          .index5 .view .top a .txt .title h4 {
            font-size: 20px;
            color: #333333;
            line-height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1; }
            .index5 .view .top a .txt .title h4 span {
              display: block;
              font-size: 12px;
              color: #333333; }
          .index5 .view .top a .txt .title time {
            display: block;
            width: 60px;
            height: 60px;
            background-color: #ffcc66;
            color: #333;
            padding-top: 8px;
            font-size: 16px;
            text-align: center; }
            .index5 .view .top a .txt .title time p {
              color: #fff;
              font-size: 14px;
              line-height: 22px;
              text-align: center; }
        .index5 .view .top a .txt p {
          font-size: 14px;
          line-height: 26px;
          color: #333333;
          margin-bottom: 50px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 4; }
        .index5 .view .top a .txt .indexBtn {
          margin-right: 0; }
    .index5 .view .top .btn {
      width: 100px;
      height: 50px;
      position: absolute;
      bottom: 0;
      left: 545px; }
      .index5 .view .top .btn div {
        width: 50px;
        height: 100%;
        background: url("../icon/newsBtn.png") center no-repeat;
        background-size: 13px 22px;
        opacity: 1;
        pointer-events: auto;
        top: 0;
        left: 0;
        margin-top: 0;
        transition: .4s all; }
        .index5 .view .top .btn div:after {
          display: none; }
        .index5 .view .top .btn div + div {
          transform: rotate(180deg);
          left: auto;
          right: 0; }
        .index5 .view .top .btn div:hover {
          background: url("../icon/newsBtn_a.png") #968f83 center no-repeat;
          background-size: 13px 22px; }
    .index5 .view .bottom {
      width: 100%; }
      .index5 .view .bottom ul {
        width: 100%;
        margin-top: 35px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: space-between;
        justify-content: space-between; }
        .index5 .view .bottom ul li {
          width: 24%;
          position: relative; }
          .index5 .view .bottom ul li:after {
            content: '';
            display: block;
            width: 92%;
            height: 94%;
            border: .5px solid #ffcc66;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            opacity: 0;
            pointer-events: none;
            transition: .4s all; }
          .index5 .view .bottom ul li a {
            display: block; }
            .index5 .view .bottom ul li a figure {
              width: 100%;
              height: 215px; }
              .index5 .view .bottom ul li a figure img {
                width: 100%;
                height: 100%;
                object-fit: cover; }
            .index5 .view .bottom ul li a div {
              width: 100%;
              background-color: #fff;
              padding: 30px 25px;
              padding-top: 15px; }
              .index5 .view .bottom ul li a div time {
                font-size: 12px;
                color: #333; }
              .index5 .view .bottom ul li a div h5 {
                font-size: 16px;
                color: #333;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                transition: .4s all;
                font-weight: bold;
                margin-top: 12px;
                margin-bottom: 10px; }
              .index5 .view .bottom ul li a div p {
                font-size: 14px;
                color: #333;
                line-height: 22px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3; }
          .index5 .view .bottom ul li:hover a div h5 {
            color: #ffcc66; }
          .index5 .view .bottom ul li:hover:after {
            opacity: 1; }
  .index5 .swiper-pagination {
    display: none;
    position: static;
    margin-top: 30px; }
    .index5 .swiper-pagination .swiper-pagination-bullet {
      width: 15px;
      height: 15px;
      background-color: #dddddd;
      transition: .4s all; }
      .index5 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #ffcc66; }

.proList .item {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start; }
  .proList .item dd {
    width: 32%;
    margin-right: 2%; }
    .proList .item dd:nth-of-type(3n) {
      margin-right: 0; }
    .proList .item dd:nth-of-type(n+4) {
      margin-top: 35px; }
    .proList .item dd figure {
      display: block;
      width: 100%;
      position: relative;
      padding: 38% 0; }
      .proList .item dd figure img {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover; }
    .proList .item dd div {
      width: 100%;
      background-color: #fef7e3;
      padding: 22px 10px; }
      .proList .item dd div p {
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        font-weight: bold;
        padding-bottom: 18px;
        position: relative;
        transition: .4s all; }
        .proList .item dd div p:after {
          content: '';
          display: block;
          width: 30px;
          height: 3px;
          background-color: #ffcc66;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
    .proList .item dd a {
      display: block; }
      .proList .item dd a:hover div p {
        color: #ffcc66; }

.proView .view {
  padding-bottom: 100px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
  align-items: unset; }
  .proView .view .left {
    width: 54%; }
    .proView .view .left .big {
      border: 1px solid #d2d2d2;
      padding: 30px; }
      .proView .view .left .big a {
        display: block;
        height: 420px; }
        .proView .view .left .big a img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
    .proView .view .left .small {
      width: 100%;
      margin-top: 20px;
      position: relative; }
      .proView .view .left .small a {
        display: block;
        height: 130px;
        padding: 1px 20px;
        border: 1px solid #d2d2d2; }
        .proView .view .left .small a img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: .4s all; }
        .proView .view .left .small a.swiper-slide-active {
          border-color: #ffcc66; }
  .proView .view .right {
    width: 40%; }
    .proView .view .right h4 {
      font-size: 22px;
      line-height: 48px;
      border-bottom: 1px solid #dcdcdc;
      color: #ffcc66;
      font-weight: bold;
      margin-bottom: 25px; }
    .proView .view .right dl dt {
      font-size: 16px;
      color: #333333;
      font-weight: bold;
      margin-bottom: 45px; }
      .proView .view .right dl dt span {
        font-size: 16px;
        color: #333333;
        font-weight: normal; }
    .proView .view .right dl dd {
      margin-bottom: 50px;
      font-size: 16px;
      color: #333333;
      line-height: 35px;
      white-space: pre-line; }
    .proView .view .right .share {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start; }
      .proView .view .right .share p {
        font-size: 12px; }
      .proView .view .right .share #pro-share {
        margin-left: 10px; }
    .proView .view .right .btn {
      margin-top: 20px;
      width: 100%; }
      .proView .view .right .btn a {
        background: #ffcc66;
        color: #fff;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        width: 130px;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        padding:0 4px;
       -webkit-line-clamp: 1;	
       -webkit-box-orient: vertical;
        line-height: 40px;
        transition: .4s all; }
        .proView .view .right .btn a + a {
          margin-left: 13px; }
        .proView .view .right .btn a:hover {
          color: #ffcc66;
          background: transparent; }

.details {
  width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  padding: 60px 30px; }
  .details h5 {
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    color: #797979;
    padding-bottom: 40px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dcdcdc; }
    .details h5 p {
      font-size: 20px;
      color: #333333; }
  .details img {
    max-width: 100%;
    object-fit: contain; }

.viewA {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 90px; }
  .viewA a {
    display: block;
    margin: 0 auto;
    width: 135px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    background-color: #ffcc66;
    transition: .4s all;
    text-align: center; }
    .viewA a:hover {
      color: #ffcc66;
      background-color: transparent; }

.newsList .item {
  width: 1200px;
  margin: 0 auto; }
  .newsList .item dd {
    width: 100%; }
    .newsList .item dd a {
      display: block;
      width: 100%;
      background-color: #fff;
      border: 1px solid #eeeeee;
      padding: 35px;
      transition: .4s all;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: space-between;
      justify-content: space-between; }
      .newsList .item dd a:hover {
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); }
        .newsList .item dd a:hover div h5 {
          color: #ffcc66; }
        .newsList .item dd a:hover div div icon {
          background: url("../icon/lastA.png") no-repeat;
          background-size: contain; }
      .newsList .item dd a figure {
        width: 30%; }
        .newsList .item dd a figure img {
          width: 100%;
          height: 190px;
          object-fit: cover; }
      .newsList .item dd a div {
        width: 66%; }
        .newsList .item dd a div h5 {
          font-size: 20px;
          line-height: 24px;
          color: #333333;
          font-weight: bold;
          transition: .4s all; }
        .newsList .item dd a div p {
          margin-top: 20px;
          margin-bottom: 25px;
          font-size: 14px;
          line-height: 30px;
          color: #333333;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3; }
        .newsList .item dd a div div {
          width: 100%; }
          .newsList .item dd a div div time {
            font-size: 14px; }
          .newsList .item dd a div div i {
            font-style: normal;
            font-size: 14px;
            padding-left: 25px;
            margin-left: 23px;
            position: relative; }
            .newsList .item dd a div div i:after {
              content: '';
              display: block;
              width: 23px;
              height: 17px;
              background: url("../icon/see.png") no-repeat;
              background-size: contain;
              position: absolute;
              top: 50%;
              left: 0;
              transform: translateY(-50%); }
          .newsList .item dd a div div icon {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url("../icon/last.png") no-repeat;
            background-size: contain;
            float: right;
            transition: .4s all; }
    .newsList .item dd + dd {
      margin-top: 35px; }

.newsView .view {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 120px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
  align-items: start; }
  .newsView .view .left {
    width: 85%;
    padding: 40px;
    border: 1px solid #a0a0a0; }
    .newsView .view .left .tit {
      font-size: 30px;
      color: #333;
      margin-bottom: 13px;
      font-weight: bold; }
    .newsView .view .left .box-info {
      padding-bottom: 25px;
      margin-bottom: 33px;
      border-bottom: 1px solid #d6d6d6;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: space-between;
      justify-content: space-between; }
    .newsView .view .left .box-info .info span {
      font-size: 15px;
      color: #787878;
      margin-right: 10px;
      display: inline-block; }
  .newsView .view .right {
    width: 13%;
    padding: 20px;
    border: 1px solid #a0a0a0; }
    .newsView .view .right h4 {
      font-size: 16px;
      color: #a0a0a0;
      padding-bottom: 12px;
      margin-bottom: 12px;
      border-bottom: 1px solid #dddddd; }
    .newsView .view .right ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: space-between;
      justify-content: space-between; }
      .newsView .view .right ul li:nth-of-type(2) p {
        width: 65px;
        font-size: 14px;
        color: #333;
        line-height: 42px;
        text-align: left; }
    .newsView .view .right #news-share {
      width: 32px; }
      .newsView .view .right #news-share p {
        font-size: 12px; }

.txt-con {
  font-size: 16px;
  color: #787878;
  line-height: 1.875;
  padding-bottom: 30px;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 35px; }

.txt-con img {
  display: block;
  max-width: 100%;
  margin: 0 auto; }

.box-blank {
  overflow: hidden;
  margin-top: 20px; }

.box-blank .con {
  background: #434144;
  display: inline-block;
  width: 215px; }

.box-blank .box1 {
  width: 65px;
  height: 40px;
  background: #ffcc66 url(../icon/t3-img6.png) no-repeat center center;
  float: left; }

.box-blank .blank {
  overflow: hidden;
  display: block;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s; }

.box-blank .blank:hover {
  opacity: .8; }

.page-t1 a {
  display: block;
  font-size: 15px;
  color: #787878;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }

.page-t1 a.prev {
  margin-bottom: 15px; }

.page-t1 a:hover {
  color: #ffcc66; }

.page-t1 a span {
  font-size: 14px; }

.bowuguan .item {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start; }
  .bowuguan .item dd {
    width: 32%;
    margin-right: 2%;
    background: #fff;
    border: 1px solid #ddd; }
    .bowuguan .item dd:nth-of-type(3n) {
      margin-right: 0; }
    .bowuguan .item dd:nth-of-type(n+4) {
      margin-top: 35px; }
    .bowuguan .item dd figure {
      width: 100%;
      padding: 12px; }
      .bowuguan .item dd figure img {
        width: 100%;
        height: 260px;
        object-fit: cover; }

.contact {
  padding-bottom: 90px; }

.contact1 {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
  align-items: unset; }
  .contact1 > div {
    width: 614px;
    background-color: #fff;
    padding: 90px; }
    .contact1 > div figure {
      display: block;
      margin: 0 auto;
      width: 355px; }
      .contact1 > div figure img {
        width: 160px;
        height: 160px;
        object-fit: contain; }
        .contact1 > div figure img + img {
          margin-left: 30px; }
    .contact1 > div dl {
      margin-top: 40px;
      width: 100%; }
      .contact1 > div dl dd {
        font-size: 16px;
        color: #333;
        line-height: 32px;
        text-align: center; }
  .contact1 form {
    width: 500px; }
    .contact1 form h3 {
      font-size: 22px;
      color: #333;
      padding-left: 35px;
      position: relative;
      margin-bottom: 20px; }
      .contact1 form h3 span {
        display: block;
        font-size: 14px;
        color: #797979;
        margin-top: 5px; }
      .contact1 form h3:after {
        content: '';
        display: block;
        position: absolute;
        top: 16px;
        left: 0;
        width: 16px;
        height: 2px;
        background-color: #ffcc66; }
    .contact1 form input, .contact1 form textarea {
      width: 100%;
      height: 45px;
      line-height: 45px;
      border: 1px solid #dcdcdc;
      padding: 0 10px;
      font-size: 16px;
      color: #797979;
      background-color: transparent; }
      .contact1 form input + input, .contact1 form textarea + input {
        margin-top: 20px; }
    .contact1 form textarea {
      margin-top: 20px;
      height: 180px;
      padding: 10px;
      line-height: 20px; }
    .contact1 form .btn {
      width: 310px;
      margin: 0 auto;
      margin-top: 15px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: space-between;
      justify-content: space-between; }
      .contact1 form .btn button {
        width: 48%;
        height: 40px;
        background-color: #333;
        color: #fff;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        transition: .4s all; }
        .contact1 form .btn button:hover {
          background-color: #ffcc66; }

#map {
  width: 1200px;
  margin: 0 auto;
  margin-top: 90px;
  height: 500px; }

.about {
  width: 100%; }
  .about .about1 {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 90px; }
    .about .about1 .content {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: space-between;
      justify-content: space-between;
      margin-top: 60px;
      align-items: unset; }
      .about .about1 .content div {
        width: 40%; }
      .about .about1 .content figure {
        width: 54%; }
        .about .about1 .content figure img {
          width: 100%;
          object-fit: cover; }
      .about .about1 .content h4 {
        font-size: 24px;
        color: #333;
        font-weight: bold;
        margin-bottom: 20px;
        text-align: center; }
      .about .about1 .content p {
        font-size: 16px;
        color: #333;
        line-height: 35px;
        text-indent: 2em; }
  .about .about2 {
    width: 100%;
    background: url("../image/bg1.jpg") no-repeat;
    background-size: cover;
    padding-top: 65px;
    padding-bottom: 80px; }
    .about .about2 .contain {
      width: 1200px;
      margin: 0 auto;
      margin-top: 100px; }
  .about .about3 {
    width: 100%;
    background: #fcf9f0;
    padding-top: 65px;
    padding-bottom: 80px; }
    .about .about3 .contain {
      width: 1200px;
      margin: 0 auto;
      margin-top: 70px; }
      .about .about3 .contain > figure {
        margin: 55px auto;
        margin-bottom: 0;
        width: 600px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 16px; }
        .about .about3 .contain > figure .swiper-button-prev {
          width: 60px;
          height: 14px;
          background: url(../icon/news_btn.png) no-repeat;
          background-size: contain;
          left: 0;
          transform: translateY(-50%);
          margin: 0;
          opacity: 1; }
          .about .about3 .contain > figure .swiper-button-prev:after {
            display: none; }
        .about .about3 .contain > figure .swiper-button-next {
          width: 60px;
          height: 14px;
          background: url(../icon/news_btn.png) no-repeat;
          background-size: contain;
          right: 0;
          transform: translateY(-50%) rotate(180deg);
          margin: 0;
          opacity: 1; }
          .about .about3 .contain > figure .swiper-button-next:after {
            display: none; }
        .about .about3 .contain > figure .swiper-pagination {
          margin: 0 50px;
          position: unset;
          display: flex;
          justify-content: center;
          align-items: center; }
          .about .about3 .contain > figure .swiper-pagination .swiper-pagination-bullet {
            background-color: #cdcdcd;
            margin: 0 5px;
            transition: .4s all;
            opacity: 1; }
            .about .about3 .contain > figure .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
              background-color: #ffcc66; }
      .about .about3 .contain .swiper-slide {
        background-color: #fff;
        border: 1px solid #ddd; }
        .about .about3 .contain .swiper-slide:hover p {
          color: #ffcc66; }
        .about .about3 .contain .swiper-slide a {
          display: block;
          padding: 12px; }
          .about .about3 .contain .swiper-slide a img {
            width: 100%;
            height: 240px;
            object-fit: contain; }
        .about .about3 .contain .swiper-slide p {
          width: 100%;
          padding: 20px 0;
          text-align: center;
          font-size: 16px;
          color: #333333;
          border-top: 1px solid #ddd;
          transition: .4s all; }

.about5_bg {
  z-index: 1;
  position: relative;
  margin-top: 58px; }

.about5_bd {
  position: relative;
  background: #fff; }

.about5_bd .swiper-slide {
  background: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }

.about5_bd .swiper-slide .about5_bd_words {
  width: 50%;
  padding: 60px 40px; }

.about5_bd .swiper-slide .about5_bd_words .pub_tit {
  align-items: flex-start; }

.about5_bd .swiper-slide .about5_bd_words h3 {
  font-size: 34px;
  color: #000; }

.about5_bd .swiper-slide .about5_bd_words p {
  margin-top: 25px;
  white-space: pre-wrap;
  font-size: 16px;
  color: #666666;
  line-height: 30px; }

.about5_bd .swiper-slide .about5_bd_pic {
  display: block;
  margin:0 auto;
  overflow: hidden; }

.about5_bd .swiper-slide .about5_bd_pic img {
  width: 100%;
  height: 465px;
  object-fit: contain; }

.about5_hd {
  position: relative;
  padding: 0 50px; }

.about5_hd .swiper-container {
  position: relative; }

.about5_hd .swiper-container:after {
  position: absolute;
  left: 0;
  bottom: 48px;
  content: "";
  width: 100%;
  height: 1px;
  background: #c8c8c8; }

.about5_hd .swiper-slide {
  transition: 0.6s;
  position: relative;
  padding-top: 32px;
  font-size: 24px;
  font-family: "Arial";
  color: #424242;
  text-align: center;
  cursor: pointer; }

.about5_hd .swiper-slide:after {
  z-index: 1;
  transition: 0.6s;
  position: absolute;
  left: 50%;
  bottom: 45px;
  margin-left: -4px;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #cccccc; }

.about5_hd .swiper-slide-active {
  color: #536072; }

.about5_hd .swiper-slide-active:after {
  background: #536072; }

.about5_hd .swiper-button-prev {
  transition: 0.6s;
  z-index: 1;
  opacity: 1;
  width: 33px;
  height: 33px;
  left: 0;
  top: 0;
  margin-top: 0;
  background: url("../icon/history_btn.png") no-repeat;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }

.about5_hd .swiper-button-next {
  transition: 0.6s;
  z-index: 1;
  opacity: 1;
  width: 33px;
  height: 33px;
  right: 0;
  top: 0;
  margin-top: 0;
  background: url("../icon/history_btn.png") no-repeat;
  transform: rotate(180deg);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }

.about5_hd .swiper-button-prev:hover, .about5_hd .swiper-button-next:hover {
  color: #f8b62d;
  border-color: #f8b62d; }

.about5_hd .swiper-button-prev:after {
  display: none; }

.about5_hd .swiper-button-next:after {
  display: none; }

.qudao {
  background-color: #fcf9f0; }
  .qudao .qudao1 {
    width: 1200px;
    margin: 0 auto; }
  .qudao .qudao2 {
    width: 1200px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 120px; }
    .qudao .qudao2 ul {
      width: 100%;
      margin-top: 60px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start; }
      .qudao .qudao2 ul li {
        width: 16.6666%; }
        .qudao .qudao2 ul li figure img {
          display: block;
          margin: 0 auto;
          width: 150px;
          height: 150px;
          object-fit: contain;
          border: 1px solid #ffcc66; }
        .qudao .qudao2 ul li p {
          font-size: 14px;
          color: #333;
          text-align: center;
          margin-top: 20px; }

@media screen and (max-width: 1400px) {
  header .pc > a img {
    width: 150px; }

  header .pc nav ul li > a {
    padding: 0 15px;
    font-size: 14px; }

  header .pc {
    width: 100%;
    padding: 0 20px; }

  .navbar {
    width: 100%;
    padding: 60px 20px; }

  .navbar div {
    width: 100%; }

  .pc_search {
    padding: 15px 20px; }

  .pc_search nav {
    width: 100%; }

  .pc_search nav ul li {
    font-size: 15px; }

  .pc_search nav ul li a {
    font-size: 14px; } }
@media screen and (max-width: 1200px) {
  .indexTitle {
    width: 100%; }
    .indexTitle:after {
      display: none; }

  header .pc nav ul li .item {
    padding: 40px 20px; }

  header .pc dl dd > a {
    font-size: 16px; }

  header .pc > dl {
    display: none; }

  .navbar {
    padding: 30px 20px; }

  .navbar div p {
    line-height: 45px; }

  .navbar div ul li a {
    height: 45px;
    line-height: 45px; }

  .navbar div ul li a {
    font-size: 13px; }

  footer .footer1 {
    width: 100%;
    padding: 0 20px; }

  footer .footer2 {
    width: 100%;
    padding: 40px 20px; }

  .index1 .view {
    width: 100%;
    padding: 0 20px; }

  .index2 .view {
    width: 100%;
    padding: 0 20px;
    margin-top: 55px; }

  .index3 .view {
    width: 100%;
    padding: 0 20px; }

  .index4 .view {
    width: 100%;
    padding: 0 20px;
    margin-top: 55px; }

  .index5 .view {
    width: 100%;
    padding: 0 20px; }

  .index1 .view figure {
    width: 49%; }

  .index1 .view div {
    width: 49%; }

  .index1 .view div p {
    font-size: 14px;
    line-height: 32px; }

  .index2 .view ul li {
    width: 50%; }

  .index2 .view ul a {
    height: 100%; }

  .index2 .view ul a figure {
    height: 100%; }

  .index2 .view ul li:nth-of-type(1) {
    border-right: 15px solid transparent; }

  .index2 .view ul li:nth-of-type(2) a {
    width: 50%; }

  .index2 .view ul li:nth-of-type(2) a:nth-of-type(n+3) {
    margin-top: 15px; }

  .index2 .view ul li:nth-of-type(2) a:nth-of-type(1) {
    border-right: 15px solid transparent; }

  .index2 .view ul li:nth-of-type(2) a:nth-of-type(3) {
    border-right: 15px solid transparent; }

  .index2 .view ul li:nth-of-type(2) a figure {
    border-radius: 15px;
    overflow: hidden; }

  .index2 .view ul h5 {
    font-size: 22px;
    height: 45px;
    line-height: 45px;
    border-bottom-right-radius: 15px; }

  .index3 {
    height: 200px; }

  .index4 .view a img {
    height: 360px; }

  .index5 .view .top a figure {
    width: 45%; }

  .index5 .view .top a .txt {
    width: 55%; }

  .index5 .view .top .btn {
    display: none; }

  .proList .item {
    width: 100%;
    padding: 0 20px; }

  .proView .view {
    width: 100%;
    padding: 0 20px;
    padding-bottom: 40px; }

  .details {
    width: 100%;
    padding: 40px 20px; }

  .viewA {
    padding: 30px 0; }

  .newsList .item {
    width: 100%;
    padding: 0 20px; }

  .newsView .view {
    width: 100%;
    padding: 0 20px;
    padding-bottom: 40px; }

  .newsView .view .right {
    display: none; }

  .newsView .view .left {
    width: 100%; }

  .bowuguan .item {
    width: 100%;
    padding: 0 20px; }

  .contact1 {
    width: 100%;
    padding: 0 20px; }

  #map {
    width: 100%; }

  .contact1 > div {
    width: 49%;
    padding: 30px; }

  .contact1 > form {
    width: 49%; }

  .contact1 > div figure {
    width: 100%; }

  .contact1 > div figure img {
    width: 48%; }

  .contact1 > div figure img + img {
    margin-left: 0; }

  .about .about1 {
    width: 100%;
    padding: 0 20px;
    padding-bottom: 60px; }

  .about .about2 {
    width: 100%;
    padding: 60px 20px; }

  .about .about3 {
    width: 100%;
    padding: 60px 20px; }

  .indexTitle.pageTitle p {
    line-height: 60px; }

  .about .about1 .content {
    margin-top: 40px; }

  .about .about1 .content p {
    font-size: 14px; }
    .about .about1 .content p:nth-of-type(1){margin-top:10px;}

  .about .about1 .content h4 {
    margin-bottom: 15px; }

  .about .about2 .contain {
    width: 100%;
    margin-top: 40px; }

  .about .about3 .contain {
    margin-top: 30px;
    width: 100%; }

  .qudao .qudao1 {
    width: 100%;
    padding: 0 20px; }

  .qudao .qudao2 {
    width: 100%;
    padding: 60px 20px; } }
@media screen and (max-width: 1024px) {
  .page {
    margin-top: 66px; }

  header .pc {
    display: none; }

  header .m {
    display: block; }

  .ibanner {
    margin-top: 66px; }

  .pbanner {
    margin-top: 66px; }

  .m-pages {
    padding: 40px 0; }

  .m-pages ul {
    margin-right: 15px; }

  .navbar {
    padding: 0;
    background-color: #fff;
    margin-bottom: 40px; }

  .navbar div h5 {
    display: block; }

  .navbar div p {
    display: none; }

  .navbar div ul {
    display: none;
    width: 100%;
    padding: 20px;
    padding-top: 0px; }

  .navbar div ul li + li {
    margin-left: 0; }

  .navbar div {
    border: none;
    padding: 0;
    border-bottom: 1px solid #dfdfdf; }

  .navbar div ul li {
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
    border-radius: 0; }

  .navbar div ul li a {
    text-align: center;
    color: #434144;
    font-size: 16px;
    padding: 10px 0; }

  .navbar div ul li.active {
    background-color: transparent; }
    .navbar div ul li.active a {
      color: #ffcc66; }

  .navbar div ul li:hover {
    background-color: transparent; }
    .navbar div ul li:hover a {
      color: #ffcc66; }

  .pbanner {
    display: none; }

  .navbar div ul li a {
    height: auto;
    line-height: 30px; }

  .pc_search {
    display: none; }

  header .m > a {
    width: 45px; }

  footer .footer1 ul li a {
    font-size: 14px; }

  footer .footer3 {
    padding: 10px 20px; }

  footer .footer2 .fLogo h4 {
    font-size: 20px; }

  footer .footer2 .fLogo h4 span {
    font-size: 12px; }

  footer .footer1 {
    display: none; }

  footer .footer2 dl {
    display: none; }

  .fLogo {
    position: relative;
    order: -1;
    margin: 0 auto; }

  .lianxi {
    display: none; }

  .index1 {
    padding: 60px 0; }

  .indexTitle p {
    font-size: 34px; }

  .indexTitle span {
    font-size: 14px; }

  .index2 .view ul li:nth-of-type(1) {
    width: 100%;
    border-right: none; }

  .index2 .view ul li:nth-of-type(2) {
    width: 100%;
    margin-top: 15px; }

  .index2 .view ul li:nth-of-type(1) a {
    height: 400px; }

  .index2 .view ul li:nth-of-type(2) a {
    height: 300px; }

  .index3 {
    height: 160px; }

  .index5 .view .bottom {
    display: none; }

  .index5 .view .top a .txt .indexBtn {
    margin-left: 0;
    margin-right: auto; }

  .index5 .swiper-pagination {
    display: block; }

  .index5 .view {
    margin-top: 45px; }

  .index5 .view .top a figure {
    width: 100%;
    height: 500px; }

  .index5 .view .top a .txt {
    width: 100%;
    padding: 20px;
    padding-bottom: 40px; }

  footer .footer3 p {
    color: #fff; }
    footer .footer3 p a {
      color: #fff; }

  .proList .item dd {
    width: 49%;
    margin-right: 2% !important; }

  .proList .item dd:nth-of-type(2n) {
    margin-right: 0 !important; }

  .proList .item dd:nth-of-type(n+3) {
    margin-top: 35px; }

  .proView .view .left {
    width: 100%; }

  .proView .view .right {
    width: 100%;
    margin-top: 40px; }

  .bowuguan .item dd {
    width: 49%;
    margin-right: 2% !important; }

  .bowuguan .item dd:nth-of-type(2n) {
    margin-right: 0 !important; }

  .bowuguan .item dd:nth-of-type(n+3) {
    margin-top: 35px; }

  .bowuguan .item dd figure img {
    height: 320px; }

  .contact1 > div {
    width: 100%; }

  .contact1 > div figure {
    width: 350px; }

  .contact1 > form {
    width: 100%;
    margin-top: 40px; }

  .contact {
    padding-bottom: 60px; }

  #map {
    margin-top: 60px; }

  .about .about1 .content div {
    width: 100%; }

  .about .about1 .content figure {
    width: 100%;
    margin-top: 20px; }

  .about .about1 .content {
    margin-top: 20px; }

  .about5_bd .swiper-slide .about5_bd_pic {
    width: 100%;
 }

  .about5_bd .swiper-slide .about5_bd_words {
    width: 100%;
    padding: 40px 30px; }

  .about5_bd .swiper-slide {
    display: block; }

  .about5_bd .swiper-slide .about5_bd_words h3 {
    font-size: 22px; }

  .qudao .qudao2 ul {
    margin-top: 40px; }

  .qudao .qudao2 {
    padding: 40px 20px; }

  .qudao .qudao2 ul li figure img {
    width: 100px;
    height: 100px; } }
@media screen and (max-width: 850px) {
  .index1 .view figure {
    width: 100%; }

  .index1 .view div {
    width: 100%;
    margin-top: 25px; }

  .box-info {
    padding-bottom: 15px;
    margin-bottom: 15px; } }
@media screen and (max-width: 768px) {
  .about .about3 .contain > figure{width:100%;}
  .about .about3 .contain > figure .swiper-button-prev{display:none;}
  .about .about3 .contain > figure .swiper-button-next{display:none;}
  header .m {
    padding: 10px 20px; }

  .PopupColumn {
    top: 66px; }

  .ibanner a .pc {
    display: none; }

  .ibanner a .m {
    display: block; }

  .openVideo video {
    width: 90%;
    height: auto; }

  .index5 .view .top a .txt p {
    margin-bottom: 30px; }

  .index5 .view .top a .txt .title {
    margin-bottom: 25px; }

  .index5 .view .top a figure {
    height: 320px; }

  .index5 .view .top a .txt .title {
    display: block; }

  .index5 .view .top a .txt .title time {
    margin-top: 10px; }

  .proList .item dd div {
    padding: 15px 10px; }

  .newsList .item dd a {
    padding: 15px;
    padding-bottom: 25px; }

  .newsList .item dd + dd {
    margin-top: 20px; }

  .newsView .view .left {
    padding: 20px; }

  .newsView .view .left .tit {
    font-size: 22px; }

  .newsView .view .left .box-info {
    margin-bottom: 15px;
    padding-bottom: 15px; }

  .txt-con {
    margin-bottom: 15px;
    padding-bottom: 15px; }

  .bowuguan .item dd figure img {
    height: 240px; }

  .about .about2 .contain {
    margin-top: 20px; }

  .about5_bg {
    margin-top: 30px; }

  .about5_bd .swiper-slide .about5_bd_words {
    padding: 20px; }

  .about5_bd .swiper-slide .about5_bd_words p {
    margin-top: 10px;
    font-size: 14px; }

  .about5_hd .swiper-slide {
    font-size: 20px; }

  .qudao .qudao2 ul li {
    width: 33.333%; }

  .qudao .qudao2 ul li:nth-of-type(n+4) {
    margin-top: 20px; }

  .qudao .qudao2 ul li p {
    margin-top: 10px; } }
@media screen and (max-width: 620px) {
  .newsList .item dd a figure {
    width: 100%; }

  .newsList .item dd a div {
    width: 100%;
    margin-top: 15px; }

  .newsList .item dd a figure img {
    height: 260px; }

  .newsList .item dd a div h5 {
    font-size: 18px; }

  .newsList .item dd a div p {
    margin: 10px 0; }

  .newsList .item dd a div div icon {
    display: none; } }
@media screen and (max-width: 520px) {
  .about .about3 .contain > figure .swiper-pagination .swiper-pagination-bullet{margin:0 1.5px;}
  header .m .Msearch {
    width: 22px;
    height: 22px; }

  header .m .menu label {
    max-width: 90px;
    max-height: 72px;
    left: -32px;
    top: -25px; }

  header .m > a {
    width: 35px; }

  header .m .menu {
    width: 25px; }

  .m-pages {
    padding: 30px 0; }

  .m-pages li {
    display: none; }

  .m-pages li.fengye {
    display: block; }

  .PopupColumn {
    top: 56px; }

  .navbar {
    margin-top: 52.25px; }

  .navbar div h5 {
    padding: 10px 20px; }

  .navbar div ul li a {
    font-size: 14px; }

  .navbar div ul {
    padding-bottom: 10px; }

  .page {
    margin-top: 56px; }

  footer .footer2 {
    padding: 20px; }

  .ibanner {
    margin-top: 56px; }

  .ibanner .swiper-pagination {
    bottom: 20px !important; }

  .index1 .view {
    margin-top: 30px; }

  .index1 .indexBtn {
    margin-top: 40px; }

  .index2 .indexBtn {
    margin-top: 40px; }

  .index1 {
    padding: 40px 0; }

  .index2 {
    padding: 40px 0; }

  .indexTitle p {
    font-size: 28px; }

  .index1 .view figure {
    height: 280px; }

  .index1 .view div h4 {
    margin-bottom: 10px;
    text-indent: 15px;
    font-size: 18px; }

  .index1 .view div p {
    text-indent: 15px;
    line-height: 28px; }

  .index2 .view ul li:nth-of-type(2) a {
    height: 300px;
    width: 100%;
    border-right: none !important; }
    .index2 .view ul li:nth-of-type(2) a + a {
      margin-top: 15px; }

  .index2 .view ul li:nth-of-type(1) a {
    height: 300px; }

  .index2 .view {
    margin-top: 30px; }

  .index3 {
    height: 100px; }

  .index4 .view {
    margin-top: 35px; }

  .index4 .view a p {
    font-size: 16px;
    height: 40px;
    line-height: 38px; }

  .index4 {
    padding: 40px 0; }

  .index5 {
    padding: 40px 0; }

  .index5 .view .top a .txt .title time {
    display: none; }

  .proList .item dd {
    width: 100% !important;
    margin-right: 0 !important; }
    .proList .item dd + dd {
      margin-top: 20px !important; }

  .proView .view .left .big a {
    height: 320px; }

  .proView .view .left .big {
    padding: 15px; }

  .proView .view .left .small a {
    height: 100px; }

  .proView .view .right {
    margin-top: 20px; }

  .proView .view .right dl dt {
    margin-bottom: 20px; }

  .proView .view .right dl dd {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 32px; }

  .details {
    padding: 20px; }

  .details h5 {
    font-size: 22px;
    line-height: 32px;
    padding-bottom: 20px;
    margin-bottom: 20px; }

  .details h5 p {
    font-size: 16px;
    line-height: 26px;
    font-weight: normal; }

  .bowuguan .item dd {
    width: 100% !important;
    margin-right: 0 !important; }
    .bowuguan .item dd + dd {
      margin-top: 20px !important; }

  .bowuguan .item dd figure img {
    height: 280px; }

  .contact {
    padding-bottom: 40px; }

  .contact1 > div figure {
    width: 100%; }

  .contact1 > div dl {
    margin-top: 0; }

  .contact1 > div dl dd {
    font-size: 14px; }

  #map {
    margin-top: 40px;
    height: 320px; }

  .about .about1 {
    padding-bottom: 40px; }

  .about .about2 {
    padding: 40px 20px; }

  .about .about1 .content h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0; }

  .indexTitle.pageTitle p {
    line-height: 30px; }

  .about .about3 {
    padding: 40px 20px; }

  .about .about3 .contain > figure {
    margin: 25px auto;
    margin-bottom: 0; } }
.joan_store {
  width: 100%;
  margin: 0 auto;
  margin-top: 40px; }
  .joan_store .this_view {
    width: 100%; }
    .joan_store .this_view .top {
      width: 100%;
      height: 60px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      align-content: space-between;
      justify-content: space-between;
      align-content: unset;
      box-shadow: 0 0 10px #ccc;
      position: relative;
      z-index: 2; }
      .joan_store .this_view .top .store_search {
        width: 25%;
        height: 30px;
        border: 1px solid #dcdcdc;
        position: relative;
        margin-left: 30px; }
        .joan_store .this_view .top .store_search input {
          width: 100%;
          line-height: 28px;
          padding: 0 10px;
          font-size: 14px;
          color: #999;
          transition: .4s all;
          background-color: transparent; }
          .joan_store .this_view .top .store_search input::-webkit-input-placeholder {
            color: #999; }
          .joan_store .this_view .top .store_search input:hover {
            box-shadow: 0 0 10px #ccc; }
        .joan_store .this_view .top .store_search button {
          position: absolute;
          top: 50%;
          right: 10px;
          transform: translateY(-50%);
          width: 22px;
          height: 22px;
          cursor: pointer;
          background: url("../icon/store_search.png") no-repeat;
          background-size: 100% 100%; }
      .joan_store .this_view .top .store_location {
        width: 55%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start; }
        .joan_store .this_view .top .store_location select {
          width: 33.333%;
          height: 100%;
          border-left: 1px solid #dcdcdc;
          padding: 0 10px;
          color: #999;
          font-size: 14px;
          background: url(../icon/store_xia.png) #fff 90% center no-repeat;
          background-color: transparent;
          background-size: 10%; }
    .joan_store .this_view .bottom {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start; }
      .joan_store .this_view .bottom .left {
        width: 65%; }
        .joan_store .this_view .bottom .left #joan_map {
          width: 100%;
          height: 800px; }
      .joan_store .this_view .bottom .right {
        width: 35%;
        height: 800px;
        overflow: hidden; }
        .joan_store .this_view .bottom .right ul {
          width: 100%;
          height: 100%;
          overflow-y: scroll; }
          .joan_store .this_view .bottom .right ul li {
            width: 100%;
            height: auto;
            padding: 30px 20px;
            padding-left: 100px;
            cursor: pointer;
            border-bottom: 1px solid #dcdcdc;
            transition: .4s all;
            position: relative; }
            .joan_store .this_view .bottom .right ul li:hover {
              background-color: #dcdcdc; }
            .joan_store .this_view .bottom .right ul li i {
              display: block;
              width: 40px;
              height: 40px;
              line-height: 40px;
              position: absolute;
              top: 30px;
              left: 20px;
              text-align: center;
              font-weight: bold;
              font-size: 18px;
              background-color: #ffcc66;
              color: #fff;
              border-radius: 5px;
              font-style: normal; }
            .joan_store .this_view .bottom .right ul li div {
              width: 100%; }
              .joan_store .this_view .bottom .right ul li div h4 {
                font-size: 16px;
                color: #141414;
                font-weight: normal;
                margin-bottom: 10px; }
              .joan_store .this_view .bottom .right ul li div p {
                font-size: 15px;
                color: #666;
                line-height: 24px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2; }

.joan_store .this_view .bottom .right ul::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

.joan_store .this_view .bottom .right ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); }

.joan_store .this_view .bottom .right ul::-webkit-scrollbar-thumb {
  background: #ffcc66;
  border-radius: 6px; }

.joan_store .this_view .bottom .right ul::-webkit-scrollbar-corner {
  background: #ffcc66; }

@media screen and (max-width: 1024px) {
  .joan_store {
    padding: 0; }

  .joan_store .this_view .top {
    display: block;
    height: auto;
    box-shadow: none; }

  .joan_store .this_view .top .store_search {
    width: 100%;
    margin-left: 0;
    height: 60px; }

  .joan_store .this_view .top .store_search input {
    line-height: 58px; }

  .joan_store .this_view .top .store_location {
    width: 100%;
    height: 60px;
    margin-top: 3%; }

  .joan_store .this_view .top .store_location select {
    border: 1px solid #dcdcdc;
    border-right: none; }

  .joan_store .this_view .top .store_location select:last-child {
    border-right: 1px solid #dcdcdc; }

  .joan_store .this_view .bottom {
    margin-top: 3%; }

  .joan_store .this_view .bottom .left {
    display: none; }

  .joan_store .this_view .bottom .right {
    width: 100%;
    height: 500px; }

  .joan_store .this_view .bottom .right ul li {
    height: auto;
    padding: 20px 2%;
    padding-left: 75px; }

  .joan_store .this_view .bottom .right ul li i {
    top: 20px; }

  .joan_store .this_view .bottom .right ul li div {
    width: 90%; } }
@media screen and (max-width: 850px) {
  /*小于850px*/ }
@media screen and (max-width: 768px) {
  .joan_store .this_view .top .store_search {
    height: 40px; }

  .joan_store .this_view .top .store_search input {
    line-height: 38px; }

  .joan_store .this_view .top .store_location {
    height: auto; }

  .joan_store .this_view .top .store_location select {
    width: 100%;
    height: 40px;
    line-height: 38px;
    background-position: 99%;
    background-size: 5%;
    border-right: 1px solid #dcdcdc; }

  .joan_store .this_view .top .store_location select + select {
    margin-top: 3%; }

  .joan_store {
    margin-top: 20px; } }
@media screen and (max-width: 620px) {
  /*小于620px*/ }
@media screen and (max-width: 520px) {
  .joan_store .this_view .bottom .right ul li {
    padding: 15px 2%;
    padding-left: 55px; }

  .joan_store .this_view .bottom .right ul li i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    left: 0; }

  .joan_store .this_view .bottom .right ul li div h4 {
    margin-bottom: 5px; } }

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