* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  ul,.pages
  ol,
  dl,flex-align-center
  table,
  .staffhome-news .container ul li th,
  tr,
  td,
  .staffhome-news .container ul li input,
  textarea,
  li,
  a,
  div,
  span,
  em,
  i {
    margin: 0;
    padding: 0;
    border: 0;
  }
  
  img {
    margin: 0;
    padding: 0;
    border: 0;
  }
  
  li {
    list-style: none;
  }
  
  /*全局样式*/
  
  html,
  body {
    width: 100%;
    margin: 0 auto;
  }
  
  /*= 清除浮动=*/
  
  .clear {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    overflow: hidden;
    display: block;
  }
  
  .clearfix:after {
    content: "";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
    font-size: 0px;
  }
  
  :focus {
    outline: 0;
  }
  
  a,
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"] {
    cursor: pointer;
  }
  
  /* Hides from IE-mac \*/
  
  * html .clearfix {
    height: 0%;
  }
  
  /* End hide from IE-mac */
  
  * + html .clearfix {
    min-height: 0%;
  }
  
  /* 针对IE7 */
  
  * + html .clearfix {
    min-height: 0%;
  }
  
  .w100 {
    width: 100%;
  }
  
  .fl {
    float: left;
  }
  
  .fr {
    float: right;
  }
  
  /*原文件配置*/
  
  body {
    color: #888;
    background: #ffffff;
    font: 16px/30px "Microsoft YaHei", arial, sans-serif;
    min-width: 320px;
  }
  
  a {
    color: #888;
    text-decoration: none;
  }
  
  a:hover {
    color: #02793c;
  }
  
  /*块级转化*/
  
  .di_in {
    display: inline-block;
  }
  
  .di_no {
    display: none;
  }
  
  .di_bl {
    display: block;
  }
  
  .bg-img {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  /*原文件配置  end*/
  
  /*纵向居中*/
  
  .v_middle {
    vertical-align: middle;
  }
  
  /*横向居中*/
  
  .te_c {
    text-align: center;
  }
  
  /*相对定位*/
  
  .p_r {
    position: relative;
  }
  
  /* 白色背景 */
  
  .bgfff {
    background: #fff;
  }
  
  .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  
  .flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: pace-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .flex-warp {
    flex-flow: wrap;
  }
  
  .flex-column {
    flex-flow: column;
  }
  
  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  
  .ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  .ellipsis-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  
  .ellipsis-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  
  .transition {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  
  .img_hover {
    transition: all 0.3s;
  }
  
  .img_hover:hover {
    transform: scale(1.05, 1.05);
  }
  
  @media (min-width: 1200px) {
    /*min-width 1200 */
    .container {
      width: 1280px;
      margin-left: auto;
      margin-right: auto;
      z-index: 5;
    }
  }
  
  /*全局样式 start*/
  
  .top {
    height: 40px;
    background: linear-gradient(-90deg, #0d9a53, #02793c);
    color: #fff;
    font-size: 14px;
    text-align: right;
    line-height: 40px;
  }
  
  .top a {
    color: #fff;
  }
  
  .top span {
    margin: 0 10px;
  }
  
  .header {
    height: 100px;
  }
  
  .m-btn {
    display: none;
    width: 30px;
    height: 30px;
    background: url(../images/menu-btn.png) no-repeat center;
    background-size: 100%;
  }
  
  .nav li > a {
    color: #888;
    /* width: 110px; */
    line-height: 40px;
    padding: 0 20px;
  }
  
  .nav li .on {
    color: #fff;
    background: linear-gradient(-90deg, #0d9a53, #02793c);
  }
  
  .nav .subnav {
    display: none;
    position: absolute;
    left: 50%;
    min-width: 100%;
    z-index: 9;
    padding: 10px 20px;
    transform: translateX(-50%);
  }
  
  .nav .subnav a {
    line-height: 40px;
    font-size: 15px;
    word-break: break-all;
    white-space: pre;
  }
  
  .footer {
    position: relative;
    background-color: #f5f5f5;
    overflow: hidden;
  }
  
  .footer ul {
    margin-right: 30px;
    margin-top: 50px;
  }
  
  .footer li {
    margin-right: 8%;
  }
  
  .footer li:nth-child(2) {
    margin-right: 2%;
  }
  
  .footer li > a {
    font-size: 18px;
    font-weight: 600;
    color: #000;
  }
  
  .footer li .sub {
    margin-top: 15px;
  }
  
  .footer li .sub > div {
    margin-right: 5%;
  }
  
  .footer li .sub > div:last-child {
    margin-right: 0;
  }
  
  .footer li .sub a {
    line-height: 42px;
  }
  
  .footer .copyright {
    /* margin-top: 20px; */
    padding: 20px 0;
    border-top: 1px solid #dddddd;
  }
  
  .footer .f-m span {
    margin: 0 15px;
  }
  
  .footer .txt {
    color: #888888;
    opacity: 0.5;
    margin-top: 5px;
  }
  
  .footer .foot-code {
    width: 100%;
    padding: 40px 0px 60px 0;
    align-items: center;
  }
  
  .footer .foot-code .logo img {
    height: 70px;
  }
  
  .footer .foot-code .sns {
    /* margin-top: 40px; */
  }
  
  .footer .foot-code .sns a {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .footer .foot-code .sns a.wx {
    background-image: url(../images/wx.png);
    margin-right: 20px;
  }
  
  .footer .foot-code .sns a.wb {
    background-image: url(../images/wb.png);
  }
  
  .footer .foot-code .erwma {
    /* margin-top: 20px; */
  }
  
  .footer .foot-code .text {
    /* text-align: right; */
    /* margin-top: 30px; */
  }
  
  .footer .foot-code .info {
    display: flex;
    width: 30%;
    justify-content: space-between;
  }
  
  .footer .foot-code .text div {
    padding-left: 30px;
  }
  
  .footer .foot-code .text .icon {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    object-fit: contain;
    transform: translateY(-50%);
  }
  
  .footer .foot-code .text h4 {
    margin: 0;
  }
  
  .footer .foot-code .text .tel,
  .footer .foot-code .text .email {
    color: #02773b;
    font-size: 24px;
  }
  
  /* 首页 */
  
  .banner {
    z-index: 0;
  }
  
  .banner img {
    width: 100%;
  }
  
  .banner .swiper-first-image {
    transform: scale(1.1);
  }
  
  .banner .swiper-box {
    position: relative;
  }
  
  .yuangong-banner img{
    width: 100%;
  }
  
  .banner .swiper-box .banner-txt,
  .yuangong-banner .swiper-box .banner-txt {
    position: absolute;
    top: 315px;
    left: 318px;
  }
  
  .yuangong-banner .swiper-box .banner-txt{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .banner .swiper-box .banner-txt h3,
  .yuangong-banner .swiper-box .banner-txt h3 {
    color: #fff;
    font-size: 44px;
    margin: 0;
  }
  
  .yuangong-banner .swiper-box .banner-txt .swiper-top-txt {
    padding-right: 16%;
  }
  
  .yuangong-banner .swiper-box .banner-txt h3 {
    line-height: 1.5;
    font-size: 54px;
    text-align-last: justify;
  }
  
  .banner .swiper-box .banner-line,
  .yuangong-banner .swiper-box .banner-line {
    width: 40px;
    height: 2px;
    background-color: #fff;
    margin: 20px 0;
  }
  
  .banner .swiper-box .swiper-top-txt p,
  .yuangong-banner .swiper-box .swiper-top-txt p {
    font-size: 20px;
    color: #fff;
    margin: 0;
    padding-top: 12px;
  }
  
  .banner .swiper-box .swiper-bottom-txt p,
  .yuangong-banner .swiper-box .swiper-bottom-txt p {
    font-size: 14px;
    margin: 0;
    color: #fff;
  }
  
  .banner .swiper-box .swiper-bottom-txt,
  .yuangong-banner .swiper-box .swiper-bottom-txt {
    width: 496px;
  }
  
  .banner .swiper-pagination {
    text-align: left;
    left: 50%;
    transform: translateX(-50%);
    bottom: 150px;
  }
  
  .banner .swiper-pagination-bullet {
    background: none;
    border: 1px #fff solid;
    opacity: 1;
    width: 14px;
    height: 14px;
    margin-right: 10px;
  }
  
  .banner .swiper-pagination-bullet-active {
    background: #fff;
  }
  
  .banner .pic {
    overflow: hidden;
  }
  
  .banner .pic img {
    transition: all ease 0.5s;
  }
  
  .home-bg {
    padding-top: 75px;
  }
  
  .home-bg::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/bg1.jpg) no-repeat center top;
    background-size: cover;
    height: 686px;
    z-index: 0;
  }
  
  .home-bg::before {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 686px;
    background: url(../images/bg2.jpg) no-repeat center top;
    background-size: cover;
    /* height: 2041px; */
    height: calc(100% - 686px);
    z-index: 0;
  }
  
  .home-info {
    /* height: 335px;
      align-items: flex-end;
      top: -205px;
      margin-bottom: -205px; */
    height: 260px;
    /* align-items: flex-end; */
    top: -205px;
    /* margin-top: 75px; */
    margin-bottom: -205px;
  }
  
  .home-info a {
    width: 25%;
    /* height: 260px; */
    height: 0;
    overflow: hidden;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all ease 0.8s;
  }
  
  .home-info a.on {
    border-radius: 5px;
    /* border: 5px solid #00b4ff; */
    transform: translateY(-40px);
    height: 300px !important;
    transition: all ease 0.8s;
  }
  
  .home-info a:nth-child(1) {
    background-image: url(../images/b1.jpg);
  }
  
  .home-info a:nth-child(2) {
    background-image: url(../images/b2.jpg);
  }
  
  .home-info a:nth-child(3) {
    background-image: url(../images/b3.jpg);
  }
  
  .home-info a:nth-child(4) {
    background-image: url(../images/b4.jpg);
  }
  
  .home-info .icon {
    background-color: rgba(255, 255, 255, 0.15);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }
  
  .home-info .en {
    color: #fff;
    opacity: 0.5;
    text-transform: uppercase;
  }
  
  .home-info h3 {
    margin: 15px 0 5px 0;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
  }
  
  .home-daohang {
    margin-top: 90px;
  }
  
  .public-title .cn {
    font-size: 42px;
    font-weight: 600;
    color: #333;
    line-height: 1.2;
  }
  
  .public-title .en {
    font-size: 24px;
    color: #ccc;
    line-height: 1.5;
    text-transform: uppercase;
  }
  
  .home-daohang .preview .swiper-slide {
    width: 130px;
    line-height: 40px;
    cursor: pointer;
    margin: 0 10px;
  }
  
  .home-daohang .preview .active-nav {
    color: #fff;
    background: linear-gradient(45deg, #cab07a, #e6c98f);
  }
  
  .home-daohang .preview .swiper-container {
    margin: 0 20px;
  }
  
  .home-daohang .preview .arrow-right,
  .home-daohang .preview .arrow-left {
    width: 12px;
    height: 12px;
  }
  
  .home-daohang .preview .arrow-left {
    border-left: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  
  .home-daohang .preview .arrow-right {
    border-right: 1px #ccc solid;
    border-top: 1px #ccc solid;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  
  .home-daohang .view {
    background-color: #dbbf87;
    margin-top: 60px;
  }
  
  .home-daohang .view .pic img {
    width: 100%;
  }
  
  .home-daohang .view .text-content {
    padding: 50px 55px 0 55px;
    color: #fff;
  }
  
  .home-daohang .view .text-content h3 {
    margin: 0;
    font-size: 24px;
    font-weight: normal;
  }
  
  .home-daohang .view .text-content .text {
    opacity: 0.4;
    font-size: 14px;
    border-bottom: 1px #fff dashed;
    padding-bottom: 20px;
    margin-top: 5px;
  }
  
  .home-daohang .view .text-content .keshi {
    margin-top: 5px;
  }
  
  .home-daohang .view .text-content .keshi a {
    width: 23.5%;
    margin-right: 2%;
    border: 1px #fff solid;
    line-height: 30px;
    color: #fff;
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
  }
  
  .home-daohang .view .text-content .keshi a:nth-of-type(4n) {
    margin-right: 0;
  }
  
  .home-daohang .view .text-content .keshi a:hover {
    background-color: #fff;
    height: auto;
    white-space: initial;
    color: #dbbf87;
  }
  
  .home-daohang .view .text-content .more {
    width: 130px;
    line-height: 40px;
    background-color: #fff;
    color: #dbbf87;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  
  .home-zhenliao {
    margin-top: 90px;
  }
  
  .home-zhenliao .public-title {
    text-align: right;
  }
  
  .home-zhenliao .text {
    color: #333;
    text-align: justify;
    text-align: right;
    margin-top: 60px;
  }
  
  .home-zhenliao .content {
    overflow: hidden;
    margin-top: 45px;
    align-items: flex-start;
  }
  
  .home-zhenliao .img {
    width: 55%;
    overflow: hidden;
  }
  
  .home-zhenliao img {
    width: 100%;
  }
  
  .home-zhenliao .hover-scale,
  .home-news .hover-scale {
    transition: all ease-in 0.5s;
  }
  
  .home-zhenliao .hover-scale:hover,
  .home-news .hover-scale:hover {
    transform: scale(1.2);
  }
  
  .home-zhenliao .pic-con {
    width: 43%;
  }
  
  .home-zhenliao .pic-con .pic {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
  }
  
  .home-zhenliao .auth-icon {
    position: relative;
  }
  
  .home-zhenliao .auth-icon .auth-icon-add {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 19px;
    left: 28px;
    animation: iconroate 1s 2.2s linear;
  }
  
  @keyframes iconroate {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  .home-zhenliao .pic-con .pic:first-child {
    margin-top: 60px;
  }
  
  .home-zhenliao .icon {
    position: absolute;
    left: 50px;
    top: 50px;
  }
  
  .home-zhenliao .txt {
    position: absolute;
    left: 50px;
    bottom: 50px;
    color: #fff;
    z-index: 1;
  }
  
  .home-zhenliao .txt .cn {
    font-size: 30px;
    line-height: 1.5;
  }
  
  .home-zhenliao .txt .en {
    opacity: 0.2;
    margin-top: 5px;
    text-transform: uppercase;
  }
  
  .home-experts {
    margin-top: -260px;
    z-index: 1;
  }
  
  .home-experts .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 270px;
    background: url(../images/b5.jpg) no-repeat center;
    background-size: cover;
    z-index: 1;
  }
  
  .home-experts::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 270px;
    /* background: url(../images/b3.jpg)no-repeat center;
      background-size: 100% auto; */
    z-index: 0;
  }
  
  .home-experts .content {
    margin-top: 70px;
    padding-bottom: 180px;
  }
  
  .home-experts .text-content {
    background-image: url(../images/bg4.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    border-bottom: 5px #d8973a solid;
    padding: 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  }
  
  .home-experts .text-content .tit {
    font-size: 18px;
    color: #333;
    text-align: center;
    flex-direction: column;
  }
  
  .home-experts .text-content .tit span {
    font-size: 14px;
    color: #999999;
    display: block;
    word-break: keep-all;
    white-space: nowrap;
  }
  
  .home-experts .text-content .txt {
    color: #333;
    line-height: 24px;
    margin-top: 10px;
    display: none;
  }
  
  .home-experts .text-content .more {
    background-image: linear-gradient(45deg, #d8973a, #e3aa31);
    color: #fff;
    width: 130px;
    line-height: 40px;
    margin-top: 30px;
    display: none;
  }
  
  .home-experts .swiper-wrapper {
    align-items: center;
  }
  
  .home-experts .swiper-slide {
    width: 218px;
    opacity: 0.5;
    height: 695px;
    padding-top: 20%;
  }
  
  .home-experts .swiper-slide .pic img {
    width: 53%;
    height: 100%;
    min-height: 174px;
    object-fit: cover;
  }
  
  .home-experts .swiper-slide-active {
    width: 545px;
    opacity: 1;
    margin-right: 60px !important;
    padding-top: 0;
  }
  
  .home-experts .swiper-slide-active .txt {
    display: -webkit-box;
  }
  
  .home-experts .swiper-slide-active .text-content {
    padding: 50px;
    border-top: 5px #d8973a solid;
    border-bottom: 0;
  }
  
  .home-experts .swiper-slide-active .text-content .tit {
    font-size: 30px;
    text-align: left;
    word-break: keep-all;
    align-items: baseline;
    flex-direction: row;
  }
  
  .home-experts .swiper-slide-active .text-content .tit span {
    font-size: 18px;
    display: inline-block;
    margin-left: 10px;
  }
  
  .home-experts .swiper-slide-active .more {
    display: inline-block;
  }
  
  .home-experts .swiper-button-prev {
    left: 0;
    top: 50%;
    background-size: 10px;
    width: 70px;
    height: 36px;
    transform: translateX(-100%);
  }
  
  .home-experts .swiper-button-prev::before,
  .home-experts .swiper-button-next::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/arrow.png) no-repeat center;
    background-size: 16px;
    z-index: 1;
  }
  
  .home-experts .swiper-button-prev::before {
    transform: rotate(180deg);
  }
  
  .home-experts .swiper-button-prev::after,
  .home-experts .swiper-button-next::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #17643a, #38b674);
  }
  
  .home-experts .swiper-button-next {
    right: 0;
    top: 50%;
    background-size: 10px;
    width: 70px;
    height: 36px;
    transform: translateX(100%);
  }
  
  .home-experts .swiper-button-prev:hover {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2329a84a'%2F%3E%3C%2Fsvg%3E");
  }
  
  .home-experts .swiper-button-next:hover {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2329a84a'%2F%3E%3C%2Fsvg%3E");
  }
  
  .home-experts .text {
    position: absolute;
    right: 0;
    width: 680px;
    bottom: 70px;
    color: #fff;
    z-index: 2;
  }
  
  .home-experts .text h2 {
    font-size: 30px;
    font-weight: normal;
    margin: 0;
  }
  
  .home-news {
    background: url(../images/bg5.jpg) no-repeat center;
    background-size: 100%;
    overflow: hidden;
    padding: 140px 0;
    background-size: cover;
  }
  
  .home-news .public-title {
    align-items: flex-end;
  }
  
  .home-news .public-title .more {
    background-image: linear-gradient(45deg, #d8973a, #e3aa31);
    color: #fff;
    width: 130px;
    line-height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  
  .home-news .submenu {
    margin-left: 40px;
    font-size: 18px;
  }
  
  .home-news .submenu span {
    margin: 0 20px;
  }
  
  .home-news .submenu .txt {
    margin: 0;
    cursor: pointer;
  }
  
  .home-news .submenu .txt.on {
    color: #d89739;
  }
  
  .home-news .container ul {
    display: none;
  }
  
  .home-news .container ul.on {
    display: flex;
  }
  
  .home-news .submenu a:hover {
    color: #d89739;
  }
  
  .home-news li {
    width: 415px;
    margin-top: 60px;
    margin-right: 45px;
    padding-right: 45px;
  }
  
  .home-news li::after {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 1px;
    background-color: #e8e8e8;
  }
  
  .home-news li:nth-of-type(3n),
  .home-news li:last-child {
    margin-right: 0;
    padding-right: 0;
    width: 360px;
  }
  
  .home-news li:nth-of-type(3n)::after,
  .home-news li:last-child::after {
    display: none;
  }
  
  .home-news .pic {
    overflow: hidden;
    height: 210px;
    width: 100%;
  }
  
  .home-news .pic img {
    width: 100%;
    height: 100%;
  }
  
  .home-news .title {
    font-size: 20px;
    color: #333;
    margin-top: 25px;
    height: 60px;
    font-weight: 550;
  }
  
  .public-bg {
    background: url(../images/bg.jpg);
    overflow: hidden;
  }
  
  .public-bg1 {
    background: url(../images/bg6.jpg);
    overflow: hidden;
  }
  
  .public-bg2 {
    background: url(../images/bg9.jpg);
    overflow: hidden;
  }
  
  .public-bg3 {
    background: url(../images/bg10.jpg);
    overflow: hidden;
  }
  
  .public-bg4 {
    background: url(../images/bg11.jpg);
    overflow: hidden;
  }
  
  .public-bg5 {
    background: url(../images/bg12.jpg);
    overflow: hidden;
  }
  
  .n-banner {
    overflow: hidden;
    color: #fff;
  }
  
  .n-banner>img {
    width: 100%;
  }
  
  .n-banner .container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  
  .n-banner .cn {
    font-size: 42px;
    line-height: 1.5;
  }
  
  .n-banner .en {
    font-size: 20px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    margin-top: 5px;
    padding-bottom: 30px;
  }
  
  .n-banner .en::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 40px;
    background-color: #fff;
  }
  
  .crumbs {
    border-bottom: 1px #eeeeee solid;
    padding: 25px 0;
  }
  
  .crumbs span {
    margin: 0 10px;
  }
  
  .crumbs .container {
    background: url(../images/home.png) no-repeat left center;
    padding-left: 30px;
  }
  
  /* 常见问题 */
  
  .public-content {
    margin-top: 90px;
    padding-bottom: 90px;
  }
  
  .question .text-content {
    margin-top: 40px;
  }
  
  .question .text-content img {
    width: 100%;
  }
  
  .question .text-content .text {
    font-size: 18px;
    padding: 50px 60px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    margin-left: 100px;
    margin-right: 100px;
    margin-top: -100px;
    z-index: 2;
    color: #333;
  }
  
  .question ul {
    margin-top: 60px;
  }
  
  .question li {
    padding: 40px 60px;
    margin-top: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }
  
  .question li h3 {
    font-size: 24px;
    color: #333;
    cursor: pointer;
    margin: 0;
    padding-right: 20px;
  }
  
  .question li .txt {
    display: none;
    margin-top: 20px;
  }
  
  .question li h3::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    width: 10px;
    height: 10px;
    border-right: 2px #ccc solid;
    border-bottom: 2px #ccc solid;
  }
  
  .question li h3.cur::after {
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
  }
  
  .question li .txt {
    padding-top: 20px;
    border-top: 1px #eeeeee solid;
    font-size: 18px;
  }
  
  /* 科室简介 */
  
  .churu .item {
    margin-bottom: 110px;
  }
  
  .churu .item:last-child {
    margin-bottom: 0;
  }
  
  .churu .item .content {
    margin-top: 60px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  }
  
  .churu .item .text-content {
    padding: 55px 75px;
    overflow: hidden;
  }
  
  .churu .item .title {
    font-size: 30px;
    color: #333;
    font-weight: 550;
    padding-bottom: 30px;
  }
  
  .churu .item .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 50px;
    background-color: #0c9751;
  }
  
  .pages {
    margin-top: 40px;
    width: 100%;justify-content:center
  }
  
  
  .pages a {
    height: 40px;
    width: 40px;
    border: 2px #eeeeee solid;
    color: #00923f;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 10px;line-height:36px;text-align:center
  }
  
  .pages a:last-child {
    margin-right: 0;
  }
  
  .pages .on {
    background-image: linear-gradient(90deg, #02793c, #0d9a53);
    color: #fff;
  }
  
  .pages .next::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    width: 8px;
    height: 8px;
    border-right: 1px #00923f solid;
    border-bottom: 1px #00923f solid;
  }
  
  .pages .prev::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    width: 8px;
    height: 8px;
    border-left: 1px #00923f solid;
    border-top: 1px #00923f solid;
  }
  
  /* 出诊表 */
  
  .search {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 460px;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  
  .search span {
    padding: 0 20px;
    margin-right: 20px;
  }
  
  .search span::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 60%;
    background-color: #ccc;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  
  .search input[type="text"] {
    height: 50px;
    border: 0;
  }
  
  .search input[type="submit"] {
    background: url(../images/search.png) no-repeat center;
    height: 50px;
    width: 50px;
    border: 0;
  }
  
  .chuzhen .pc-table {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    margin-top: 60px;
    padding: 50px 0;
  }
  
  .chuzhen .pc-table .content {
    margin: 0 25px 0 50px;
    height: 910px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 25px;
    position: relative;
  }
  
  .chuzhen .pc-table .td a.on {
    text-decoration: underline;
    color: #00923f;
  }
  
  .chuzhen .pc-table .content::-webkit-scrollbar {
    width: 14px;
    height: 10px;
  }
  
  .chuzhen .pc-table .content::-webkit-scrollbar-track,
  .chuzhen .pc-table .content::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
  }
  
  .chuzhen .pc-table .content::-webkit-scrollbar-track {
    box-shadow: 5px 5px 0px #eeeeee inset;
  }
  
  .chuzhen .pc-table .content::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 5px 5px 0px #037d3f inset;
  }
  
  .chuzhen .pc-table .th {
    background-image: linear-gradient(90deg, #02793c, #0d9a53);
    line-height: 50px;
    color: #fff;
  }
  
  .chuzhen .pc-table .time {
    width: 110px;
  }
  
  .chuzhen .pc-table .th span {
    padding-left: 30px;
  }
  
  .chuzhen .pc-table .ke {
    width: 190px;
    padding: 0 30px;
  }
  
  .chuzhen .pc-table .txt {
    padding: 30px;
  }
  
  .chuzhen .pc-table .txt:nth-child(even) {
    background-color: #f5f5f5;
  }
  
  .chuzhen .pc-table .td {
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
  }
  
  .chuzhen .pc-table .td .ke {
    border-right: 1px solid #eeeeee;
  }
  
  .chuzhen .pc-table .td .con {
    border-bottom: 1px solid #eeeeee;
  }
  
  .chuzhen .pc-table .td .con:last-child {
    border-bottom: 0;
  }
  
  .chuzhen .pc-table .td p {
    margin: 0;
  }
  
  .chuzhen .pc-table .td a {
    color: #333;
    line-height: 26px;
  }
  
  /* 科室简介 */
  
  .profile .text-content {
    margin-top: 60px;
    padding: 40px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  }
  
  .profile .text-content h3 {
    font-size: 24px;
    color: #333;
    margin: 0;
  }
  
  .profile .text-content .card {
    margin-bottom: 40px;
  }
  
  /*.profile .text-content .card:last-child {
      margin-bottom: 0;
  }
  
  .profile .text-content .card:last-child .text {
      margin-right: 0;
      margin-left: 50px;
  }*/
  
  .profile .text-content .pic {
    width: 550px;
    overflow: hidden;
    margin-right: 50px;
  }
  
  .profile .text-content .pic .swiper-pagination {
    text-align: right;
    padding-right: 20px;
  }
  
  .profile .text-content .pic .swiper-pagination-bullet {
    background-color: #fff;
  }
  
  .profile .text-content .pic img {
    width: 100%;
  }
  
  .profile .text-content .more {
    margin-top: 10px;
    text-align: right;
  }
  
  .profile .info {
    margin-top: 60px;
  }
  
  .profile .info .content {
    padding: 50px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    margin-top: 60px;
  }
  
  .profile .info .table .th {
    color: #fff;
    background-image: linear-gradient(45deg, #02793c, #0d9a53);
    height: 70px;
    line-height: 70px;
  }
  
  .profile .info .table .time {
    width: 190px;
  }
  
  .profile .info .table .th .time {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    overflow: hidden;
  }
  
  .profile .info .table .th .time::after {
    content: "";
    position: absolute;
    left: 90px;
    top: -65px;
    width: 1px;
    height: 200px;
    background-color: rgba(255, 255, 255, 0.4);
    transform: rotate(-70deg);
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    -o-transform: rotate(-70deg);
  }
  
  .profile .info .table .th .time > div {
    position: absolute;
    line-height: 20px;
  }
  
  .profile .info .table .th .time .data {
    right: 30px;
    top: 15px;
  }
  
  .profile .info .table .th .time .txt {
    left: 30px;
    bottom: 15px;
  }
  
  .profile .info .table .td {
    border-left: 1px #eee solid;
    border-right: 1px #eee solid;
    border-bottom: 1px #eee solid;
  }
  
  .profile .info .table .td .time {
    padding-left: 30px;
    border-right: 1px #eee solid;
  }
  
  .profile .info .table .td .text {
    border-right: 1px #eee solid;
    padding: 30px 0;
  }
  
  .profile .info .table .td .text:nth-child(odd) {
    background-color: #f5f5f5;
  }
  
  .profile .zj {
    margin-top: 60px;
  }
  
  .profile .zj .content {
    padding: 40px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    margin-top: 60px;
  }
  
  .profile .zj .content .item {
    width: 280px;
    height: 340px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-right: 26px;
    margin-bottom: 25px;
    overflow: hidden;
  }
  
  .profile .zj .content .item img {
    width: 100%;
  }
  
  .profile .zj .content .item .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
  }
  
  .profile .zj .content .item .text .name {
    flex-shrink: 0;
    font-size: 20px;
    color: #333;
    padding-right: 20px;
  }
  
  .profile .zj .content .item .text .more {
    display: none;
  }
  
  .profile .zj .content .item:nth-of-type(4n) {
    margin-right: 0;
  }
  
  .profile .zj .mores {
    width: 100%;
    margin-top: 40px;
  }
  
  .profile .zj .mores a {
    background-image: linear-gradient(45deg, #02793c, #0d9a53);
    color: #fff;
    width: 200px;
    line-height: 50px;
  }
  
  /* 科室介绍 */
  
  .introduction .content {
    padding: 40px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    font-size: 24px;
    color: #333;
    margin-top: 60px;
  }
  
  .introduction .title {
    margin-top: 40px;
    font-size: 24px;
  }
  
  .introduction .title:first-child {
    margin-top: 0;
  }
  
  .introduction .title::after {
    content: "";
    width: 100%;
    left: 0;
    top: 50%;
    height: 1px;
    background-color: #eee;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position: absolute;
    z-index: 0;
  }
  
  .introduction .title span {
    padding-right: 30px;
    padding-left: 20px;
    z-index: 1;
    font-weight: 550;
  }
  
  .introduction .title span::after {
    content: "";
    left: 0;
    top: 50%;
    width: 4px;
    height: 80%;
    background-image: linear-gradient(45deg, #02793c, #0d9a53);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 2;
    position: absolute;
  }
  
  .introduction .card {
    margin-top: 20px;
  }
  
  .introduction .card a {
    margin-top: 10px;
    border: 1px #eee solid;
    padding-left: 20px;
    font-size: 18px;
    line-height: 55px;
    width: 19%;
    margin-right: 1%;
  }
  
  /* 医院简介 */
  
  .about h3 {
    font-size: 24px;
    line-height: 1.5;
    color: #333;
    margin-top: 35px;
  }
  
  .about .text {
    font-size: 18px;
    line-height: 2;
  }
  
  .about .pic {
    margin-top: 70px;
  }
  
  .about .pic img {
    max-width: 100%;
  }
  
  .about .text-content {
    margin-top: 30px;
  }
  
  /* 现任领导 */
  
  .lingdao .content {
    margin-top: 20px;
  }
  
  .lingdao .item {
    width: 400px;
    margin-right: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-top: 60px;
    height: 570px;
    overflow: hidden;
  }
  
  .lingdao .item:nth-of-type(3n) {
    margin-right: 0;
  }
  
  .lingdao .item .pic {
    width: 100%;
    height: 420px;
    overflow: hidden;
  }
  
  .lingdao .item:nth-child(1) .pic,
  .lingdao .item:nth-child(2) .pic {
    height: 520px;
  }
  
  .lingdao .item .pic img {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  
  .lingdao .item .txt {
    opacity: 0;
    padding: 40px;
    color: #fff;
    border-top: 1px rgba(255, 255, 255, 0.4) solid;
    margin-top: 30px;
  }
  
  .lingdao .item .txt p {
    margin: 0;
  }
  
  .lingdao .item .text {
    height: 150px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    z-index: 3;
  }
  
  .lingdao .item .name {
    font-size: 30px;
    line-height: 1.5;
    color: #333;
    font-weight: 600;
  }
  
  .lingdao .item .zw {
    font-size: 20px;
    line-height: 1.5;
  }
  
  .lingdao .item .text-content {
    background: url(../images/bg16.jpg) no-repeat center;
    color: #fff;
    height: auto;
    padding-top: 30px;
    position: absolute;
    left: 0;
    bottom: -400px;
    width: 100%;
    overflow: hidden;
    z-index: 2;
    background-size: cover;
  }
  
  .lingdao .item .text-content .name,
  .lingdao .item .text-content .zw {
    padding: 0 40px;
  }
  
  .lingdao .con .item {
    width: 400px;
    margin-right: 4%;
    height: 570px;
  }
  
  .lingdao .item:last-child {
    margin-right: 0;
  }
  
  /* 医院位置 */
  
  .location .map {
    margin-top: 60px;
    margin-bottom: 60px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  }
  
  .location .map img {
    width: 100%;
  }
  
  .location .map .tabs {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: 40px;
    z-index: 2;
  }
  
  .location .map .tabs a {
    background: #ffffff;
    width: 200px;
    height: 50px;
    font-size: 20px;
    margin-right: 20px;
  }
  
  .location .map .tabs a:last-child {
    margin-right: 0;
  }
  
  .location .map .tabs a i {
    width: 18px;
    height: 25px;
    background: url(../images/icon8.png) no-repeat center;
    background-size: 100%;
    margin-right: 10px;
  }
  
  .location .map .tabs .active {
    background: linear-gradient(45deg, #0d9a53, #02793c);
    color: #fff;
  }
  
  .location .map .tabs .active i {
    background-image: url(../images/icon9.png);
  }
  
  .location .traffic {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 50px 80px;
    margin-top: 60px;
  }
  
  .location .traffic .title {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    margin-right: 40px;
  }
  
  .location .traffic .txt p {
    margin: 0;
    line-height: 30px;
  }
  
  .location .traffic .con {
    border-bottom: 1px #eee solid;
    padding-bottom: 50px;
  }
  
  .location .traffic .text-con {
    width: 46%;
    margin-top: 50px;
  }
  
  .location .traffic .text-con .title {
    margin-right: 0;
  }
  
  .location .traffic .text-con .txt {
    margin-top: 20px;
  }
  
  .location .text {
    border-top: 1px #eee solid;
    margin-top: 50px;
    padding-top: 50px;
  }
  
  /* 优质服务 */
  
  .youzhi .sub {
    margin-top: 50px;
  }
  
  .youzhi .search {
    margin-top: 0;
    width: 350px;
  }
  
  .public-submenu a {
    height: 50px;
    background-color: #fff;
    font-size: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin-right: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .public-submenu a:last-child {
    margin-right: 0;
  }
  
  .public-submenu a i {
    width: 20px;
    height: 100%;
    background: url(../images/icon10.png) no-repeat center;
    background-size: 100%;
    margin-right: 10px;
  }
  
  .public-submenu .on {
    background-image: linear-gradient(45deg, #02793c, #0d9a53);
    color: #fff;
  }
  
  .public-submenu .on i {
    background-image: url(../images/icon11.png);
  }
  
  .youzhi ul {
    padding: 50px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin-top: 60px;
  }
  
  .dis_none {
    display: none;
  }
  
  .dis_none.fl_on {
    display: flex;
  }
  
  .youzhi ul.dis_none.on {
    display: block;
  }
  
  .youzhi li {
    border-bottom: 1px #eee solid;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  
  .youzhi .date {
    width: 60px;
    margin-right: 40px;
  }
  
  .youzhi .date .year {
    background-image: linear-gradient(45deg, #02793c, #0d9a53);
    color: #fff;
    line-height: 30px;
  }
  
  .youzhi .date span {
    line-height: 40px;
    border: 1px #eee solid;
    font-size: 30px;
    color: #00923f;
  }
  
  .youzhi .text-content {
    min-width: 0;
  }
  
  .youzhi .title {
    font-size: 24px;
    color: #333;
    min-width: 0;
    margin-right: 40px;
  }
  
  .youzhi .click {
    padding-left: 30px;
    background: url(../images/icon12.png) no-repeat left center;
    margin-right: 40px;
  }
  
  .youzhi .for {
    padding-left: 30px;
    background: url(../images/icon13.png) no-repeat left center;
  }
  
  .youzhi .text {
    font-size: 18px;
    margin-top: 20px;
  }
  
  .youzhi .more {
    color: #00923f;
    font-size: 18px;
    margin-top: 20px;
  }
  
  /* 专家详情 */
  
  .expert-details {
    padding: 50px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  }
  
  .expert-details .pic {
    width: 320px;
    height: 420px;
    overflow: hidden;
    margin-right: 75px;
  }
  
  .expert-details .pic img {
    width: 100%;
  }
  
  .expert-details .title {
    font-size: 30px;
    color: #333;
    line-height: 1.5;
    margin-top: 20px;
    font-weight: 550;
  }
  
  .expert-details .txt {
    border-top: 1px #eee solid;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 18px;
  }
  
  .expert-details .txt p {
    margin: 0;
  }
  
  .expert-details .tit {
    font-size: 20px;
    color: #333;
    margin-top: 50px;
    font-weight: 550;
    padding-left: 20px;
  }
  
  .expert-details .tit::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 60%;
    background-image: linear-gradient(45deg, #0d9a53, #02793c);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  
  .expert-details .text {
    margin-top: 20px;
    font-size: 18px;
  }
  
  /* 预约挂号 */
  
  .guahao .tabs {
    margin-top: 60px;
    flex-wrap: wrap;
  }
  
  .guahao .tabs .title {
    /* width: 280px; */
    height: 120px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    padding: 0 30px;
    margin: 0 20px 32px 20px;
  }
  
  .guahao .tabs .title:nth-child(2) {
    /* margin: 0 5%; */
  }
  
  .guahao .tabs .title .icon {
    width: 48px;
    height: 48px;
    background: url(../images/icon14.png) no-repeat center;
    background-size: 100%;
    margin-right: 15px;
  }
  
  .guahao .tabs .title .txt {
    color: #333;
    font-size: 20px;
  }
  
  .guahao .tabs .active {
    background: url(../images/bg17.png) no-repeat;
    background-size: cover;
  }
  
  .guahao .tabs .active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -20px;
    border-left: 10px transparent solid;
    border-right: 10px transparent solid;
    border-top: 10px #088a48 solid;
    width: 0;
    height: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  
  .guahao .tabs .active .txt {
    color: #fff;
  }
  
  .guahao .tabs .active .icon {
    background-image: url(../images/icon15.png);
  }
  
  .guahao .swiper-container {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin-top: 80px;
  }
  
  .guahao .swiper-slide {
    padding: 70px 100px;
  }
  
  .guahao .swiper-slide img{
    max-width: 100%;
  }
  
  .guahao .text {
    font-size: 18px;
  }
  
  .guahao .pic-con {
    margin: 60px 70px;
  }
  
  .guahao .pic-con .pic {
    width: 500px;
    height: 300px;
    z-index: 1;
  }
  
  .guahao .pic-con .pic .info {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  
  .guahao .pic-con .pic .t {
    width: 20px;
    margin-right: 15px;
  }
  
  .guahao .pic-con .pic .t1 {
    background: linear-gradient(45deg, #0d9a53, rgba(2, 121, 60, 0));
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 60px;
    color: #fff;
    font-size: 20px;
    padding-left: 20px;
    bottom: 0;
  }
  
  .guahao .pic-con .pic:last-child {
    margin-left: -60px;
    z-index: 2;
    margin-top: 60px;
  }
  
  /* 专家介绍 */
  
  .expert {
    margin-top: 60px;
    align-items: flex-start;
  }
  
  .expert aside {
    width: 260px;
    margin-right: 20px;
  }
  
  .expert aside .title {
    width: 100%;
    height: 140px;
    background: url(../images/bg7.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    padding-left: 40px;
  }
  
  .expert aside .title .cn {
    font-size: 30px;
    line-height: 1.5;
  }
  
  .expert aside .title .en {
    font-size: 14px;
    opacity: 0.5;
  }
  
  .expert aside li {
    padding: 20px 35px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
  }
  
  .expert aside li h4 {
    margin: 0;
    color: #333;
    cursor: pointer;
    font-size: 20px;
  }
  
  .expert aside li .tit::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    width: 10px;
    height: 10px;
    border-right: 2px #ccc solid;
    border-bottom: 2px #ccc solid;
  }
  
  .expert aside li .cur::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-top: -10px;
  }
  
  .expert aside li .sub {
    display: none;
    border-top: 1px #eee solid;
    padding-top: 10px;
    margin-top: 10px;
  }
  
  .expert aside li .sub a {
    padding: 0 20px;
    line-height: 48px;
  }
  
  .expert .content {
    padding: 40px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  }
  
  .expert .content .item {
    overflow: hidden;
    width: 280px;
    height: 340px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 0 10px;
    margin-bottom: 25px;
  }
  
  .expert .content .item img {
    width: 100%;
  }
  
  .expert .content .item .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
  }
  
  .expert .content .item .text .name {
    font-size: 20px;
    color: #333;
    flex-shrink: 0;
    padding-right: 20px;
  }
  
  .expert .content .item .text .more {
    display: none;
  }
  
  /* .expert .content .item:nth-of-type(3n) {
      margin-right: 0;
  } */
  
  /* 院区布局 */
  
  .buju .sub {
    margin-top: 40px;
  }
  
  .buju .search {
    margin-top: 0;
    width: 340px;
  }
  
  .buju .pic {
    margin-top: 60px;
  }
  
  .buju .pic img {
    width: 100%;
  }
  
  .buju .warp {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin-top: 60px;
  }
  
  .buju .warp .tabs {
    width: 420px;
    height: 765px;
    background: url(../images/bg8.jpg) no-repeat center;
    background-size: cover;
    line-height: 48px;
    padding-left: 65px;
    padding-top: 40px;
  }
  
  .buju .warp .tabs::after {
    content: "";
    position: absolute;
    left: 63px;
    top: 60px;
    bottom: 75px;
    background-color: #fff;
    opacity: 0.3;
    width: 2px;
    z-index: 0;
  }
  
  .buju .warp .tabs a {
    color: #fff;
    font-size: 18px;
    padding-left: 45px;
  }
  
  .buju .warp .tabs a::after {
    content: "";
    position: absolute;
    left: -5px;
    top: 50%;
    background-color: #fff;
    opacity: 0.3;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  
  .buju .warp .tabs .active {
    background-image: linear-gradient(
      45deg,
      rgba(2, 121, 60, 0.9),
      rgba(13, 154, 83, 0.9)
    );
  }
  
  .buju .warp .tabs .active::after {
    opacity: 1;
  }
  
  .buju .warp .tabs .active::before {
    content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    border-top: 2px #fff solid;
    border-right: 2px #fff solid;
  }
  
  .buju .content {
    padding: 50px 25px 50px 50px;
    overflow: hidden;
  }
  
  .buju .table {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 665px;
    padding-right: 25px;
    width: 100%;
  }
  
  .buju .table::-webkit-scrollbar {
    width: 14px;
    height: 10px;
  }
  
  .buju .table::-webkit-scrollbar-track,
  .buju .table::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
  }
  
  .buju .table::-webkit-scrollbar-track {
    box-shadow: 5px 5px 0px #eeeeee inset;
  }
  
  .buju .table::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 5px 5px 0px #037d3f inset;
  }
  
  .buju .table {
    font-size: 18px;
  }
  
  .buju .table .th {
    background: linear-gradient(45deg, #02793c, #0d9a53);
    line-height: 50px;
    color: #fff;
  }
  
  .buju .table .num {
    width: 150px;
  }
  
  .buju .table .qu {
    width: 200px;
  }
  
  .buju .table .txt {
    padding-left: 70px;
  }
  
  .buju .table .td {
    border-right: 1px #eee solid;
    border-left: 1px #eee solid;
    border-bottom: 1px #eee solid;
  }
  
  .buju .table .td .num,
  .buju .table .td .qu {
    border-right: 1px #eee solid;
  }
  
  .buju .table .td .txt {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px #eee solid;
  }
  
  .buju .table .td .txt.on {
    background: #0b954f;
    color: #ffffff;
  }
  
  .buju .table .td .txt:last-child {
    border-bottom: 0;
  }
  
  /* 体检中心详情 */
  
  .tijian-details .info {
    color: #666;
    margin-top: 30px;
  }
  
  .tijian-details .info span,
  .tijian .info span,
  .newspaper .info span {
    background-position: left center;
    background-repeat: no-repeat;
    margin-right: 30px;
    padding-left: 25px;
  }
  
  .tijian-details .info span:last-child,
  .tijian .info span:last-child,
  .newspaper .info span:last-child {
    margin-right: 0;
  }
  
  .tijian-details .info .date,
  .tijian .info .date,
  .newspaper .info .date {
    background-image: url(../images/icon16.png);
  }
  
  .tijian-details .info .click,
  .tijian .info .click,
  .newspaper .info .click {
    background-image: url(../images/icon12.png);
  }
  
  .tijian-details .info .for,
  .tijian .info .for,
  .newspaper .info .for {
    background-image: url(../images/icon13.png);
  }
  
  .tijian-details .body {
    padding: 60px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    font-size: 18px;
    margin-top: 35px;
  }
  
  .tijian-details .body img {
    max-width: 100%;
  }
  
  .tijian-details .prev-next {
    border-top: 1px #eee solid;
    margin-top: 40px;
    padding-top: 40px;
  }
  
  /* 体检中心 */
  
  .tijian {
    padding: 60px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin-top: 60px;
  }
  
  .tijian li {
    border-bottom: 1px #eee solid;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  
  .tijian li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  
  .tijian li h3 {
    margin: 0;
    font-size: 24px;
  }
  
  .tijian li h3 a {
    color: #333;
  }
  
  .tijian li .info {
    color: #666;
    margin-top: 10px;
  }
  
  .tijian li .text {
    font-size: 18px;
    margin-top: 15px;
  }
  
  .tijian li .more {
    color: #00923f;
    margin-top: 15px;
  }
  
  /* 意见反馈 */
  
  .feedback {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin-top: 60px;
  }
  
  .feedback .content {
    padding: 60px;
  }
  
  .feedback .group {
    margin-top: 40px;
  }
  
  .feedback .group:first-child {
    margin-top: 0;
  }
  
  .feedback .group span {
    font-size: 18px;
    width: 100px;
    text-align: right;
    margin-right: 20px;
    line-height: 50px;
  }
  
  .feedback .group span em {
    color: #f00;
  }
  
  .feedback .group .flex-1 {
    background-color: #f5f5f5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
  
  .feedback .group .flex-1 textarea {
    width: 100%;
    background: none;
    height: 160px;
    margin-bottom: 10px;
    padding: 20px;
    font-size: 18px;
  }
  
  .feedback .group input[type="text"] {
    width: 100%;
    height: 50px;
    background: none;
    padding: 0 20px;
    font-size: 18px;
  }
  
  .feedback .group .num {
    position: absolute;
    right: 20px;
    bottom: 10px;
  }
  
  .feedback .group .select-div {
    width: 100%;
    line-height: 50px;
    color: #333;
    padding: 0 20px;
    font-size: 18px;
  }
  
  .feedback .group .select-div::after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px #ccc solid;
    border-bottom: 2px #ccc solid;
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
  }
  
  .feedback .group .select-ul {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #f5f5f5;
    color: #333;
    z-index: 9;
    padding: 10px 20px;
    font-size: 18px;
  }
  
  .feedback .submit {
    margin-top: 40px;
    padding-left: 120px;
  }
  
  .feedback .submit input[type="submit"] {
    background-image: linear-gradient(45deg, #02793c, #0d9a53);
    color: #fff;
    height: 50px;
    width: 160px;
    font-size: 18px;
  }
  
  /* 科普健康 */
  
  .kepu-pic,
  ul.pictu {
    margin-top: 60px;
  }
  
  ul.pictu li {
    /* width: 400px; */
    /* margin-right: 40px; */
    width: 31.8%;
    margin-right: 2.3%;
    margin-bottom: 40px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  }
  
  ul.pictu li:nth-of-type(3n) {
    margin-right: 0;
  }
  
  ul.pictu li .pic {
    overflow: hidden;
    height: 240px;
  }
  
  ul.pictu li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
  }
  
  ul.pictu li .pic a {
    width: 100%;
    height: 100%;
  }
  
  ul.pictu li .text-content {
    padding: 20px;
  }
  
  ul.pictu li h3 {
    margin: 0;
    height: 60px;
    font-size: 24px;
  }
  
  ul.pictu li h3 a {
    color: #333;
  }
  
  ul.pictu li .txt {
    margin-top: 10px;
  }
  
  ul.pictu li .time {
    margin-top: 20px;
    border-top: 1px #e5e5e5 solid;
    padding-top: 20px;
  }
  
  ul.pictu li .time.bor-no {
    border: none;
  }
  
  /* 科普视频 */
  
  .kepu-video,
  ul.video {
    margin-top: 60px;
  }
  
  ul.video li {
    margin-right: 15px;
    padding: 20px;
    width: 305px;
    height: 420px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
  }
  
  ul.video li .time {
    color: #999;
  }
  
  ul.video li .pic {
    width: 100%;
    height: 180px;
    overflow: hidden;
  }
  
  ul.video li .pic img {
    width: 100%;
  }
  
  ul.video li .pic .play {
    width: 100%;
    height: 100%;
    background: url(../images/play.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-size: 36px;
  }
  
  ul.video li h4 {
    margin: 0;
    font-size: 18px;
    margin-top: 15px;
  }
  
  ul.video li h4 a {
    color: #333;
  }
  
  ul.video li .txt {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.8;
  }
  
  ul.video li .time {
    border-top: 1px #eee solid;
    font-size: 14px;
    margin-top: 10px;
    padding-top: 10px;
  }
  
  /* 文化天地 */
  
  .cultural {
    margin-bottom: 60px;
  }
  
  .cultural li {
    margin-bottom: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    padding: 35px 45px;
  }
  
  .cultural li .pic {
    overflow: hidden;
    width: 300px;
    height: 190px;
    margin-right: 40px;
  }
  
  .cultural li .pic img {
    width: 100%;
  }
  
  .cultural li h3 {
    margin: 0;
    font-size: 24px;
  }
  
  .cultural li h3 a {
    color: #333;
  }
  
  .cultural li .time {
    position: absolute;
    font-size: 14px;
    margin-top: 5px;
    bottom: 0;
    right: 0;
  }
  
  .cultural li .txt {
    margin-top: 10px;
  }
  
  .cultural li .text-content {
    position: relative;
    min-width: 0;
  }
  
  .cultural li .more {
    position: absolute;
    left: 0;
    bottom: 0px;
    font-size: 14px;
  }
  
  /* 新闻中心 */
  
  .po_ab {
    position: absolute;
    right: 50px;
    bottom: 70px;
  }
  
  .news-center .public-submenu a i {
    background-image: url(../images/icon17.png);
  }
  
  .news-center .public-submenu .on i {
    background-image: url(../images/icon18.png);
  }
  
  .news-list {
    margin-top: 60px;
    margin-bottom: 50px;
  }
  
  .news-list li {
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  }
  
  .news-list li .pic {
    width: 480px;
    height: 275px;
    overflow: hidden;
  }
  
  .news-list li .pic img,
  .news-first .pic img,
  .news-pic .pic img {
    width: 100%;
  }
  
  .news-list li .pic a,
  .news-first .pic a {
    width: 100%;
    height: 100%;
  }
  
  .news-list li .text-content {
    padding: 40px 50px;
    min-width: 0;
  }
  
  .news-list li h3 {
    margin-bottom: 0;
    font-size: 24px;
    margin-top: 15px;
  }
  
  .news-first h3 {
    margin: 0;
    font-size: 24px;
  }
  
  .news-list li h3 a,
  .news-first h3 a {
    color: #333;
  }
  
  .news-list li .txt,
  .news-first .txt {
    margin-top: 10px;
  }
  
  .news-list li .more,
  .news-pic .more {
    margin-top: 15px;
  }
  
  .news-first {
    margin-top: 60px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  }
  
  .news-first .pic {
    overflow: hidden;
    width: 700px;
    height: 425px;
  }
  
  .news-first .text-content {
    padding: 50px 40px;
    min-width: 0;
  }
  
  .news-first .con {
    margin-top: 40px;
  }
  
  .news-pic a {
    margin-top: 40px;
    padding: 20px;
    width: 32%;
    margin-right: 2%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  }
  
  .news-pic a:last-child {
    margin-right: 0;
  }
  
  .news-pic .pic {
    width: 100%;
    height: 220px;
  }
  
  .news-pic h3 {
    color: #333;
    height: 60px;
    font-size: 24px;
  }
  
  .news-txt {
    margin-top: 60px;
  }
  
  .news-txt a {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    padding: 30px;
    margin-bottom: 20px;
  }
  
  .news-txt .date {
    background-color: #eee;
    width: 80px;
    height: 80px;
    margin-right: 30px;
    color: #aaa;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
  
  .news-txt .date span {
    font-size: 42px;
    font-weight: 600;
    margin-top: 5px;
  }
  
  .news-txt h3 {
    font-size: 24px;
    margin: 0;
    color: #333;
  }
  
  .news-txt .more {
    margin-top: 10px;
  }
  
  .news-txt .text-content {
    min-width: 0;
  }
  
  /* 院训 */
  
  .yuanxun {
    padding: 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    margin-top: 60px;
    margin-bottom: 60px;
  }
  
  .yuanxun .pic {
    overflow: hidden;
  }
  
  .yuanxun .text-content {
    margin-top: 30px;
  }
  
  .yuanxun .text-content .text {
    width: 33.333%;
    padding: 20px 20px;
    border: 1px #eee solid;
  }
  
  .yuanxun .text-content .text:first-child {
    border-right: 0;
  }
  
  .yuanxun .text-content .text:last-child {
    width: 100%;
    border-top: 0;
  }
  
  .yuanxun .text-content h3 {
    font-size: 24px;
    color: #333;
    margin: 0;
  }
  
  .yuanxun .text-content p {
    margin-bottom: 0;
    margin-top: 5px;
  }
  
  .yaunxun-video {
    width: 100%;
    height: 630px;
    margin-top: 60px;
  }
  
  .yaunxun-video .vjs-poster {
    background-size: cover;
  }
  
  .yaunxun-video .my-video-dimensions {
    width: 100%;
    height: 100%;
  }
  
  .yaunxun-video .video-js .vjs-big-play-button {
    background: url(../images/play.png) no-repeat center;
    background-size: contain;
    width: 50px;
    height: 50px;
    border: none;
    top: 50%;
    left: 50%;
    margin-top: -36px;
    margin-left: -36px;
    border: 0;
    overflow: hidden;
  }
  
  .yaunxun-video .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
  .yaunxun-video .vjs-icon-play:before {
    display: none;
  }
  
  .yaunxun-video .video-js .vjs-big-play-button:focus {
    background: none;
  }
  
  .yaunxun-video .video-js:hover .vjs-big-play-button {
    background: url(../images/play.png) no-repeat center;
  }
  
  /* 医院院史馆 */
  
  .history {
    padding: 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  }
  
  .history .text-content {
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 40px;
    padding-right: 40px;
    height: 640px;
    text-align: justify;
  }
  
  .history h2 {
    font-size: 30px;
    padding-bottom: 30px;
    color: #333;
    margin-top: 0;
  }
  
  .history h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 4px;
    background-image: linear-gradient(45deg, #02793c, #0d9a53);
  }
  
  .history .txt {
    font-size: 18px;
  }
  
  .history .text-content::-webkit-scrollbar {
    width: 14px;
    height: 10px;
  }
  
  .history .text-content::-webkit-scrollbar-track,
  .history .text-content::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
  }
  
  .history .text-content::-webkit-scrollbar-track {
    box-shadow: 5px 5px 0px #eeeeee inset;
  }
  
  .history .text-content::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 5px 5px 0px #037d3f inset;
  }
  
  .history .pic {
    width: 450px;
    height: 640px;
    overflow: hidden;
  }
  
  .history .pic .swiper-pagination-bullet {
    background-color: #fff;
  }
  
  /* 医院院报 */
  
  .newspaper {
    padding: 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    margin-top: 60px;
    margin-bottom: 60px;
  }
  
  .newspaper li {
    border-bottom: 1px #eee solid;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  
  .newspaper li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  
  .newspaper .title {
    font-size: 24px;
    color: #333;
    min-width: 0;
  }
  
  .newspaper .txt {
    font-size: 18px;
    margin-top: 20px;
  }
  
  .newspaper .more {
    margin-top: 20px;
    color: #037d3f;
    font-size: 18px;
  }
  
  .newspaper-pic {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  
  .newspaper-pic li {
    width: 310px;
    margin-right: 13px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
  }
  
  .newspaper-pic li:nth-of-type(4n) {
    margin-right: 0;
  }
  
  .newspaper-pic .pic {
    width: 100%;
    height: 200px;
    overflow: hidden;
  }
  
  .newspaper-pic .pic a {
    width: 100%;
    height: 100%;
  }
  
  .newspaper-pic .pic img {
    width: 100%;
  }
  
  .newspaper-pic li .text-content {
    padding: 20px;
  }
  
  .newspaper-pic li h4 {
    font-size: 18px;
    margin: 0;
  }
  
  .newspaper-pic li h4 a {
    color: #333;
  }
  
  .newspaper-pic li .time,
  .newspaper-pic li .txt {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  
  .newspaper-details {
    padding: 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  }
  
  .newspaper-details .pic {
    background-color: #f5f5f5;
    border: 1px #eeeeee solid;
    padding: 15px;
    overflow: hidden;
    width: 460px;
    height: 640px;
    margin-right: 60px;
  }
  
  .newspaper-details .pic img {
    height: 100%;
  }
  
  .newspaper-details h3,
  .newspaper-details .title {
    font-size: 24px;
    margin: 0;
    padding-left: 20px;
    margin-top: 25px;
    color: #333;
    font-weight: normal;
  }
  
  .newspaper-details h3::after,
  .newspaper-details .title::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    background-image: linear-gradient(45deg, #02793c, #0d9a53);
    height: 70%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  
  .newspaper-details .tags {
    margin-top: 10px;
  }
  
  .newspaper-details .tags a {
    border: 1px #eee solid;
    line-height: 40px;
    margin-right: 2%;
    width: 23.5%;
    margin-top: 20px;
  }
  
  .newspaper-details .tags a:nth-of-type(4n) {
    margin-right: 0;
  }
  
  .newspaper-details .title::before {
    content: "";
    position: absolute;
    right: 0;
    left: 15%;
    height: 1px;
    background-color: #eee;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  
  .newspaper-details ul {
    margin-top: 10px;
  }
  
  .newspaper-details li {
    border-bottom: 1px dashed #eee;
    line-height: 46px;
    overflow: hidden;
  }
  
  .newspaper-details li a {
    min-width: 0;
    margin-right: 20px;
  }
  
  .newspaper-details li:last-child {
    border-bottom: 0;
  }
  
  .newspaper-details .prev-next {
    margin-top: 20px;
    width: 460px;
  }
  
  .newspaper-details .prev-next a {
    line-height: 50px;
    background-color: #eee;
    font-size: 18px;
    width: 170px;
  }
  
  .newspaper-details .prev-next a:last-child {
    margin-left: 20px;
  }
  
  /* 组织构架 */
  
  .goujia {
    padding: 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    margin-top: 60px;
  }
  
  .goujia .content {
    margin-top: 60px;
  }
  
  .goujia .content::after {
    content: "";
    position: absolute;
    top: -30px;
    height: 1px;
    left: 135px;
    right: 135px;
    background-color: #eee;
  }
  
  .goujia .title {
    background-image: linear-gradient(45deg, #02793c, #0d9a53);
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 60px;
    width: 270px;
  }
  
  .goujia .title::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 30px;
    left: 50%;
    bottom: -30px;
    background-color: #eee;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  
  .goujia .item {
    margin-right: 70px;
    font-size: 18px;
  }
  
  .goujia .item::after {
    content: "";
    position: absolute;
    top: -30px;
    height: 30px;
    background-color: #eee;
    width: 1px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    left: 50%;
  }
  
  .goujia .item:last-child {
    margin-right: 0;
  }
  
  .goujia .text {
    padding: 0 20px;
    margin-top: 40px;
  }
  
  .goujia h4 {
    width: 270px;
    line-height: 60px;
    background-color: #b6dfca;
    color: #333;
    margin: 0 auto;
  }
  
  .goujia h4::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    left: 50%;
    bottom: -40px;
    background-color: #eee;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  
  .goujia .item:nth-child(2) h4::after {
    height: 20px;
    bottom: -20px;
  }
  
  .goujia a {
    background-color: #f5f5f5;
    border: 1px #eeeeee solid;
    line-height: 50px;
    margin-bottom: 20px;
  }
  
  .goujia .text::after {
    content: "";
    position: absolute;
    left: 130px;
    right: 130px;
    top: -20px;
    height: 1px;
    background-color: #eee;
  }
  
  .goujia .con {
    width: 46%;
  }
  
  .goujia .con::after {
    content: "";
    position: absolute;
    left: 110px;
    top: -20px;
    height: 20px;
    background-color: #eee;
    width: 1px;
  }
  
  .dangwu .search {
    margin-bottom: 50px;
  }
  
  .dangwu .cultural li .pic {
    width: 400px;
    height: 235px;
  }
  
  .dangwu .cultural li .time {
    margin-top: 15px;
  }
  
  /* 入口页面 */
  
  .entrance {
    /* position: absolute; */
    width: 100%;
    /* height: 100%; */
    left: 0;
    top: 0;
    /* background: url(../images/bg13.jpg)no-repeat center;
      background-size: cover; */
    /* overflow: hidden; */
  }
  
  .entrance .video {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 1;
  }
  .entrance .video img {
    display: none;
  }
  
  .entrance .logo {
    position: absolute;
    left: 5%;
    top: 10%;
    z-index: 2;
    height: 70px;
  }
  
  .entrance .logo img.pc {
    height: 100%;
  }
  
  .entrance .logo img.mob {
    display: none;
  }
  
  .entrance .text {
    text-align: right;
    position: absolute;
    right: 2%;
    top: 0;
    z-index: 2;
    color: white;
    padding-top: 70px;
    padding-right: 20px;
  }
  
  .entrance .text p {
    margin: 0;
  }
  
  .entrance .text p.cn {
    font-size: 30px;
    opacity: 0.8;
    margin-bottom: 10px;
    letter-spacing: 2px;
  }
  
  .entrance .text p.en {
    letter-spacing: 1px;
    font-size: 15px;
    opacity: 0.8;
    line-height: 1.2;
  }
  
  .entrance .text .line {
    width: 2px;
    height: 250px;
    background-color: white;
    position: absolute;
    opacity: 0.7;
    right: 0;
    top: 0;
  }
  .entrance .text .line::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: white;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .entrance .text img {
    height: 280px;
  }
  
  .entrance .content {
    position: absolute;
    width: 80%;
    left: 50%;
    bottom: 2%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 2;
    justify-content: space-around;
  }
  
  .entrance .content .log {
    width: 300px;
    height: 430px;
  }
  
  .entrance .content .log.mob {
    display: none;
  }
  
  .entrance .content .h-lo img {
    width: 215px;
    height:215px;
  }
  
  .entrance .link {
    width: 35%;
    justify-content: space-around;
  }
  
  .entrance .link a {
    width: 8vw;
    height: 8vw;
    border-radius: 15px;
    background-color: rgba(19, 189, 101, 0.75);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 5.233333vw;
  }
  
  .entrance .link a:hover {
    background-color: rgba(255, 255, 255, 0.836);
  }
  .entrance .link a:hover .cn,
  .entrance .link a:hover .en {
    color: #222222 !important;
  }
  .entrance .link a:hover .icon.pc.on {
    display: block !important;
  }
  .entrance .link a:hover .icon.pc {
    display: none;
  }
  
  .entrance .link a .iconbox {
    width: 100%;
    min-height: 38%;
    margin-top: 15%;
  }
  
  .entrance .link a .icon {
    display: block;
    width: 38%;
    margin: 0 auto;
  }
  .entrance .link a .icon.pc.on {
    display: none;
  }
  
  .entrance .link a .icon.mob {
    display: none;
  }
  
  .entrance .link a .cn {
    font-size: 0.22em;
    color: white;
    line-height: 1.2;
    margin-top: 8px;
  }
  
  .entrance .link a .en {
    font-size: 0.24em;
    color: white;
    line-height: 1;
    font-weight: 400;
    transform: scale(0.5);
  }
  
  .entrance .con {
    margin-top: 20px;
  }
  
  .entrance .con .txt {
    background-color: rgba(0, 151, 73, 0.7);
    line-height: 35px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #fff;
    width: 31%;
    cursor: pointer;
  }
  
  .entrance .con .erwma {
    width: 100%;
    position: absolute;
    left: 0;
    top: 60px;
    background-color: #fff;
    /* opacity: 0; */
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
  }
  
  .entrance .con .erwma img {
    width: 100%;
  }
  
  .entrance .con .erwma::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px transparent solid;
    border-right: 10px transparent solid;
    border-bottom: 10px #fff solid;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
  
  @media (min-width: 1025px) {
    /* .entrance .con .txt:hover .erwma {
          opacity: 1;
      } */
  }
  
  @media (max-width: 1681px) {
    .entrance .text img {
      height: 260px;
    }
  
    .entrance .content .h-lo img {
      width: 190px;
      height:190px;
    }
  }
  
  @media (max-width: 1441px) {
    .entrance .text img {
      height: 220px;
    }
  
    .entrance .content {
      width: 90%;
    }
  
    .entrance .content .log {
      height: 380px;
      width: 300px;
    }
  
    .entrance .content .h-lo img {
      width: 160px;
      height:160px;
    }
  }
  
  @media (max-width: 1199px) {
    .entrance .content .log {
      display: none;
    }
  
    .entrance .content {
      bottom: 10%;
      flex-wrap: wrap;
    }
  
    .entrance .link {
      width: 47%;
    }
  }
  
  @media (max-width: 950px) {
    .entrance .logo {
      top: 5%;
      left: 5%;
    }
  
    .entrance .link {
      width: 100%;
      margin-top: 30px;
    }
  }
  @media screen and (max-width: 1200px) {
    .entrance .link a {
      width: 10vw;
      height: 10vw;
    }
  }
  
  @media screen and (max-width: 950px) {
    .entrance .link a {
      width: 20vw;
      height: 20vw;
    }
  
    .entrance .link a .cn {
      font-size: 0.4em;
    }
  
    .entrance .link a .en {
      font-size: 0.4em;
    }
    ul.pictu li {
      width: 48%;
      margin-right: 4%;
    }
    ul.pictu li:nth-of-type(3n){
      margin-right: 4%;
    }
    ul.pictu li:nth-of-type(2n){
      margin-right: 0;
    }
    
    ul.pictu li .pic {
      height: 220px;
    }
    ul.pictu li h3 {
      font-size: 20px;
    }
  }
  
  @media screen and (max-width: 650px) {
    .entrance .video img {
      display: block;
    }
    .entrance .video video {
      display: none;
    }
    .entrance-page {
      font-size: 13.33333vw;
    }
  
    .entrance .logo img.pc {
      display: none;
    }
  
    .entrance .logo img.mob {
      display: block;
      width: 5.37rem;
    }
  
    .entrance .logo {
      left: 50% !important;
      transform: translateX(-50%);
      height: auto;
    }
  
    .entrance .text {
      display: none;
    }
  
    .xtitle {
      width: 100%;
      display: block;
      position: absolute;
      z-index: 9;
      top: calc(5% + 2rem);
    }
  
    .xtitle img {
      display: block;
      width: 4.02rem;
      margin: 0 auto;
    }
  
    .entrance .content {
      bottom: auto !important;
      top: calc(5% + 3.8rem);
    }
  
    .entrance .link a {
      width: 1.82rem;
      height: 1.82rem;
      border-radius: 0px;
      background-color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      font-size: 5.233333vw;
      box-shadow: 0.02rem 0.05rem 0.2rem #525252;
    }
  
    .entrance .link a span.en {
      color: #000;
      font-size: 0.28rem;
    }
  
    .entrance .link a span.cn {
      color: #000;
      font-size: 0.28rem;
    }
  
    .entrance .link a .icon.pc {
      display: none;
    }
  
    .entrance .link a .icon.mob {
      display: block;
    }
  
    .entrance .link a .iconbox {
      height: 0.8rem;
    }
  
    .entrance .content .log.mob {
      width: 5.4rem;
      height: 3.5rem !important;
      display: block;
      margin: 0 auto;
      margin-top: 0.6rem;
    }
  
    .entrance .con .txt {
      line-height: 0.6rem !important;
      font-size: 0.24rem;
    }
  
    .entrance .con .txt .erwma {
      opacity: 1;
    }
  
    .entrance .con .erwma {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0.9rem !important;
    }
  
    .entrance .link a:hover .icon.pc.on {
      display: none !important;
    }
    .entrance .link a:hover .icon.pc {
      display: none;
    }
    ul.pictu li .pic {
      height: 180px;
    }
    ul.pictu li h3 {
      font-size: 18px;
    }
    ul.pictu li .time{
      font-size: 14px;
      flex-direction: column;
      margin-top: 10px;
    }
  }
  
  /* 内部系统 */
  
  .oa-banner .cn {
    color: #333;
  }
  
  .oa-banner .en {
    color: #999;
  }
  
  .oa {
    margin-top: 60px;
  }
  
  .oa .text-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    padding: 30px;
    height: 280px;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 20px;
    cursor: pointer;
  }
  
  .oa .text-content:nth-of-type(4n) {
    margin-right: 0;
  }
  
  .oa .text-content h3 {
    font-size: 24px;
    margin: 0;
    color: #333;
    font-weight: normal;
  }
  
  .oa .text-content .txt {
    margin-top: 15px;
    line-height: 24px;
  }
  
  .oa .text-content .code {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    padding: 10%;
    display: none;
  }
  
  .oa .text-content .code img {
    width: 100%;
    height: 100%;
  }
  
  .oa .text-content .icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #eeeeee;
    position: absolute;
    right: 30px;
    bottom: 30px;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .oa .text-content:nth-child(1) .icon {
    background-image: url(../images/icon23.png);
  }
  
  .oa .text-content:nth-child(2) .icon {
    background-image: url(../images/icon25.png);
  }
  
  .oa .text-content:nth-child(3) .icon {
    background-image: url(../images/icon27.png);
  }
  
  .oa .text-content:nth-child(4) .icon {
    background-image: url(../images/icon29.png);
  }
  
  .oa .text-content:nth-child(5) .icon {
    background-image: url(../images/icon31.png);
  }
  
  .oa .text-content:nth-child(6) .icon {
    background-image: url(../images/icon33.png);
  }
  
  .oa .text-content:nth-child(7) .icon {
    background-image: url(../images/icon35.png);
  }
  
  /* 科学科研 */
  
  .research-banner .en::after {
    background-color: #fff;
  }
  
  .screen {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    padding: 30px;
    margin-top: 40px;
  }
  
  .screen label {
    font-size: 18px;
    font-weight: 550;
    color: #333;
    margin-right: 20px;
  }
  
  .screen .classify {
    border-bottom: 1px #eee solid;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  
  .screen .classify a {
    border: 1px #eee solid;
    line-height: 34px;
    padding: 0 20px;
    margin-right: 20px;
    margin-bottom: 10px;
  }
  
  .screen .format a {
    line-height: 34px;
    padding: 0 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
  }
  
  .research .content {
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    margin-top: 40px;
  }
  
  .research .content .swiper-container img {
    max-width: 100%;
  }
  
  .research .content li {
    line-height: 70px;
    padding-left: 20px;
    border-bottom: 1px #eee dashed;
  }
  
  .research .content li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #eee;
  }
  
  .research .content li:last-child {
    border-bottom: 0;
  }
  
  .research .content li a {
    min-width: 0;
    margin-right: 20px;
    font-size: 18px;
  }
  
  .research .content li span {
    width: 30px;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  .research .content li .doc {
    background-image: url(../images/doc.png);
  }
  
  .research .content li .ppt {
    background-image: url(../images/ppt.png);
  }
  
  .research .content li .pdf {
    background-image: url(../images/pdf.png);
  }
  
  .research .content li .elx {
    background-image: url(../images/doc.png);
  }
  
  .research .swiper-pagination-bullet,
  .yuangong-banner .swiper-pagination-bullet {
    border: 1px #fff solid;
    opacity: 1;
    background: none;
    width: 14px;
    height: 14px;
  }
  
  .research .swiper-pagination-bullet-active,
  .yuangong-banner .swiper-pagination-bullet-active {
    background-color: #fff;
  }
  
  .yuangong .title {
    align-items: flex-end;
  }
  
  /* 员工端 */
  
  .yuangong-banner .pic {
    overflow: hidden;
  }
  
  .yuangong .title {
    align-items: flex-end;
  }
  
  .yuangong-banner .swiper-image {
    transform: scale(1.2);
    transition: all ease-in 0.5s;
  }
  
  .yuangong .title .sub {
    margin-left: 40px;
    font-size: 18px;
  }
  
  .yuangong .title .sub span {
    margin: 0 20px;
  }
  
  .yuangong .title .more {
    background-image: linear-gradient(45deg, #02793c, #0d9a53);
    color: #fff;
    padding: 0 30px;
    line-height: 40px;
  }
  
  .yuangong .swiper-container {
    padding-bottom: 40px;
  }
  
  .yuangong .swiper-pagination {
    bottom: 0;
  }
  
  .yuangong .swiper-pagination-bullet {
    border: 1px #eee solid;
    opacity: 1;
    width: 14px;
    height: 14px;
    background-color: #fff;
  }
  
  .yuangong .swiper-pagination-bullet-active {
    background-color: #00923f;
  }
  
  .yuangong .info-center {
    padding: 40px;
    margin-top: 60px;
    margin-bottom: 100px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  }
  
  .yuangong .info-center:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 60%;
    background-color: #f0f0f0;
    transform: translate(-50%, -50%);
  }
  
  .yuangong .info-center li {
    width: 45%;
    margin-right: 10%;
    line-height: 58px;
    padding-left: 20px;
  }
  
  .yuangong .info-center li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ccc;
  }
  
  .yuangong .info-center li:nth-child(even) {
    margin-right: 0;
  }
  
  .yuangong .info-center li a {
    min-width: 0;
    font-size: 18px;
    margin-right: 20px;
  }
  
  .yuangong .info-center li span {
    color: #aaaaaa;
  }
  
  .yuangong .dt a {
    width: 360px;
    margin-top: 50px;
    margin-right: 100px;
  }
  
  .yuangong .dt a:last-child {
    margin-right: 0;
  }
  
  .yuangong .dt a::after {
    content: "";
    position: absolute;
    right: -50px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #eee;
  }
  
  .yuangong .dt a:last-child::after {
    display: none;
  }
  
  .yuangong .dt .title {
    font-size: 20px;
    color: #333;
    margin-top: 25px;
    height: 60px;
    font-weight: 550;
  }
  
  .yuangong .dt .pic {
    width: 100%;
    height: 210px;
    overflow: hidden;
  }
  
  .yuangong .dt .pic img {
    width: 100%;
  }
  
  .yuangong .dt h4 {
    font-size: 20px;
    line-height: 30px;
    color: #333;
    margin: 15px 0;
    font-weight: normal;
  }
  
  .yuangong .dt .txt {
    line-height: 24px;
    color: #888;
  }
  
  .yuangong .dt .more {
    margin-top: 20px;
  }
  
  .home-oa {
    background: url(../images/bg20.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    /* height: 920px; */
    padding-bottom: 20px;
    padding-top: 110px;
    position: relative;
  }
  
  .home-oa .container {
    position: relative;
    z-index: 2;
  }
  
  .home-oa .video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
  }
  
  .home-oa .public-title .cn {
    color: #fff;
  }
  
  .home-oa .public-title a {
    border: 1px #6dc192 solid;
    line-height: 40px;
    padding: 0 30px;
    color: #fff;
  }
  
  .home-oa .oa .text-content {
    background-color: rgba(0, 0, 0, 0.2);
  }
  
  .home-oa .oa .text-content h3,
  .home-oa .oa .text-content .txt {
    color: #fff;
  }
  
  .pop {
    display: none;
    width: 960px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
  }
  
  .pop .pop-close {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
  }
  
  .pop h3 {
    color: #fff;
    font-size: 24px;
    background-image: linear-gradient(-90deg, #0d9a53, #02793c);
    line-height: 70px;
    font-weight: normal;
    margin: 0;
  }
  
  .pop .pop-content {
    padding: 50px 50px 125px 50px;
    background: #fff url(../images/bg22.jpg) no-repeat center bottom;
  }
  
  .pop .text {
    height: 445px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  
  .pop .text::-webkit-scrollbar {
    width: 14px;
    height: 10px;
  }
  
  .pop .text::-webkit-scrollbar-track,
  .pop .text::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
  }
  
  .pop .text::-webkit-scrollbar-track {
    box-shadow: 5px 5px 0px #eeeeee inset;
  }
  
  .pop .text::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 5px 5px 0px #037d3f inset;
  }
  
  .bgPop {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  
  /* 专家出诊 */
  
  .expert-chuzhen .public-submenu {
    margin-top: 40px;
  }
  
  .expert-chuzhen .public-submenu a {
    width: 160px;
  }
  
  .expert-chuzhen .expert-nav {
    margin-bottom: 20px;
  }
  
  .expert-chuzhen .expert-nav a {
    border: 1px #e5e5e5 solid;
    line-height: 50px;
    width: 19%;
    margin-right: 1%;
    margin-top: 1%;
    padding: 0 15px;
    font-size: 18px;
  }
  
  .expert-chuzhen .pc-table {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    margin-top: 60px;
    padding: 50px 0;
  }
  
  .expert-chuzhen .pc-table .content {
    margin: 0 25px 0 50px;
    height: 720px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 25px;
    display: none;
  }
  
  .expert-chuzhen .pc-table .content::-webkit-scrollbar {
    width: 14px;
    height: 10px;
  }
  
  .expert-chuzhen .pc-table .content::-webkit-scrollbar-track,
  .expert-chuzhen .pc-table .content::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
  }
  
  .expert-chuzhen .pc-table .content::-webkit-scrollbar-track {
    box-shadow: 5px 5px 0px #eeeeee inset;
  }
  
  .expert-chuzhen .pc-table .content::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 5px 5px 0px #037d3f inset;
  }
  
  .expert-chuzhen .pc-table .th {
    background-image: linear-gradient(90deg, #02793c, #0d9a53);
    line-height: 50px;
    color: #fff;
  }
  
  .expert-chuzhen .pc-table .ke {
    width: 190px;
  }
  
  .expert-chuzhen .pc-table .txt {
    padding: 30px 0px;
  }
  
  .expert-chuzhen .pc-table .txt:nth-child(odd) {
    background-color: #f5f5f5;
  }
  
  .expert-chuzhen .pc-table .th .ke {
    border-right: 1px rgba(255, 255, 255, 0.5) solid;
    overflow: hidden;
  }
  
  .expert-chuzhen .pc-table .th .ke::after {
    content: "";
    position: absolute;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    height: 190px;
    transform: rotate(-75deg);
    -webkit-transform: rotate(-75deg);
    -moz-transform: rotate(-75deg);
    -ms-transform: rotate(-75deg);
    -o-transform: rotate(-75deg);
    top: -70px;
    left: 90px;
  }
  
  .expert-chuzhen .pc-table .th .ke em {
    font-style: normal;
    position: absolute;
    line-height: 20px;
  }
  
  .expert-chuzhen .pc-table .th .ke em:nth-child(1) {
    left: 10px;
    bottom: 5px;
  }
  
  .expert-chuzhen .pc-table .th .ke em:nth-child(2) {
    right: 10px;
    top: 5px;
  }
  
  .expert-chuzhen .pc-table .td {
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
  }
  
  .expert-chuzhen .pc-table .td .ke {
    border-right: 1px solid #eeeeee;
  }
  
  .expert-chuzhen .pc-table .td .con {
    border-bottom: 1px solid #eeeeee;
  }
  
  .expert-chuzhen .pc-table .td .con:last-child {
    border-bottom: 0;
  }
  
  .expert-chuzhen .pc-table .td p {
    margin: 0;
  }
  
  .expert-chuzhen .pc-table .td a {
    color: #333;
    line-height: 26px;
  }
  
  /*全局样式 end*/
  
  @media (min-width: 1025px) {
    /*所有hover写在这里面 兼容sofari的移动端不支持hover*/
    .nav li:hover > a {
      color: #fff;
      background: linear-gradient(#0d9a53, #02793c);
    }
  
    .nav li:hover .subnav {
      display: block;
    }
  
    .home-info a:hover {
      height: 335px;
    }
  
    .home-news li:hover .title,
    .home-news li:hover .mores {
      color: #d89739;
    }
  
    .chuzhen .pc-table .td a:hover,
    .youzhi .title:hover,
    .tijian li h3 a:hover,
    .kepu-pic li h3 a:hover,
    .kepu-video li h4 a:hover,
    .cultural li h3 a:hover,
    .news-list li h3 a:hover,
    .news-first h3 a:hover,
    .news-pic a:hover h3,
    .newspaper .title:hover,
    .newspaper-pic li h4 a:hover,
    .yuangong .info-center h4 a:hover,
    .yuangong .dt a:hover h4 {
      text-decoration: underline;
      color: #00923f;
    }
  
    .profile .zj .content .item:hover .text,
    .introduction .card a:hover,
    .expert .content .item:hover .text,
    .newspaper-details .prev-next a:hover {
      background-image: linear-gradient(45deg, #02793c, #0d9a53);
      color: #fff;
    }
  
    .profile .zj .content .item:hover .text .more,
    .expert .content .item:hover .text .more {
      display: block;
    }
  
    .profile .zj .content .item:hover .text .zw,
    .expert .content .item:hover .text .zw {
      display: none;
    }
  
    .profile .zj .content .item:hover .text .name,
    .expert .content .item:hover .text .name {
      color: #fff;
    }
  
    .introduction .card a:hover::after {
      content: "";
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%) rotate(-45deg);
      -webkit-transform: translateY(-50%) rotate(-45deg);
      -moz-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
      -o-transform: translateY(-50%) rotate(-45deg);
      width: 8px;
      height: 8px;
      border-right: 1px #fff solid;
      border-bottom: 1px #fff solid;
    }
  
    .lingdao .item:hover .text {
      bottom: -300px;
    }
  
    .lingdao .item:hover .text-content {
      bottom: 0px;
    }
  
    .lingdao .item:hover .text-content .name {
      color: #fff;
    }
  
    .lingdao .item:hover .txt {
      opacity: 1;
    }
  
    .youzhi .more:hover,
    .tijian li .more:hover {
      text-decoration: underline;
    }
  
    .news-txt a:hover {
      background: url(../images/bg18.jpg) no-repeat center;
      color: #fff;
      background-size: cover;
    }
  
    .news-txt a:hover h3 {
      color: #fff;
    }
  
    .news-txt a:hover .date {
      background-color: rgba(255, 255, 255, 0.15);
      color: #fff;
    }
  
    .oa .text-content:hover {
      background-image: url(../images/bg19.jpg);
    }
  
    .oa .text-content:hover h3 {
      color: #fff;
    }
  
    .oa .text-content:hover .txt {
      color: rgba(255, 255, 255, 0.6);
    }
  
    .oa .text-content:hover .icon {
      background-color: rgba(255, 255, 255, 0.3);
    }
  
    .oa .text-content:hover:nth-child(1) .icon {
      background-image: url(../images/icon24.png);
    }
  
    .oa .text-content:hover:nth-child(2) .icon {
      background-image: url(../images/icon26.png);
    }
  
    .oa .text-content:hover:nth-child(3) .icon {
      background-image: url(../images/icon28.png);
    }
  
    .oa .text-content:hover:nth-child(4) .icon {
      background-image: url(../images/icon30.png);
    }
  
    .oa .text-content:hover:nth-child(5) .icon {
      background-image: url(../images/icon32.png);
    }
  
    .oa .text-content:hover:nth-child(6) .icon {
      background-image: url(../images/icon34.png);
    }
  
    .oa .text-content:hover:nth-child(7) .icon {
      background-image: url(../images/icon36.png);
    }
  
    .home-oa .oa .text-content:hover {
      background: url(../images/bg21.jpg) no-repeat center;
      background-size: cover;
    }
  
    .home-oa .oa .text-content:hover h3,
    .home-oa .oa .text-content:hover .txt {
      color: #333;
    }
  
    .home-oa .oa .text-content:hover:nth-child(1) .icon {
      background-image: url(../images/icon23.png);
      background-color: #fff;
    }
  
    .home-oa .oa .text-content:hover:nth-child(2) .icon {
      background-image: url(../images/icon25.png);
      background-color: #fff;
    }
  
    .home-oa .oa .text-content:hover:nth-child(3) .icon {
      background-image: url(../images/icon27.png);
      background-color: #fff;
    }
  
    .home-oa .oa .text-content:hover:nth-child(4) .icon {
      background-image: url(../images/icon29.png);
      background-color: #fff;
    }
  
    .home-oa .oa .text-content:hover:nth-child(5) .icon {
      background-image: url(../images/icon31.png);
      background-color: #fff;
    }
  
    .home-oa .oa .text-content:hover:nth-child(6) .icon {
      background-image: url(../images/icon33.png);
      background-color: #fff;
    }
  
    .home-oa .oa .text-content:hover:nth-child(7) .icon {
      background-image: url(../images/icon35.png);
      background-color: #fff;
    }
  }
  
  @media (max-width: 1420px) {
    .home-experts .swiper-button-prev,
    .home-experts .swiper-button-next {
      transform: unset;
    }
  }
  
  @media (max-width: 1600px) {
    /*修改1441以下、小屏显示器*/
    .banner .swiper-box .banner-txt {
      position: absolute;
      top: 200px;
      left: 200px;
    }
  
    .yuangong-banner .swiper-box .banner-txt {
      left: 200px;
    }
  
    .yuangong-banner .swiper-box .banner-txt .swiper-top-txt {
      padding-right: 40%;
    }
  
    .banner .swiper-box .banner-txt h3,
    .yuangong-banner .swiper-box .banner-txt h3 {
      font-size: 30px;
    }
  
    .banner .swiper-box .swiper-top-txt p,
    .yuangong-banner .swiper-box .swiper-top-txt p {
      font-size: 18px;
    }
  }
  
  @media (max-width: 1441px) {
    /*修改1441以下、小屏显示器*/
  }
  
  @media (max-width: 1281px) {
    /*修改1441以下、小屏显示器*/
    .container {
      width: 100%;
      padding: 0 20px;
      z-index: 2;
    }
  
    .banner .swiper-box .banner-txt{
      position: absolute;
      top: 160px;
      left: 160px;
    }
  
    .yuangong-banner .swiper-box .banner-txt{
      left: 160px;
    }
  
    .banner .swiper-box .banner-txt h3,
    .yuangong-banner .swiper-box .banner-txt h3 {
      font-size: 24px;
    }
  
    .banner .swiper-box .swiper-top-txt p,
    .yuangong-banner .swiper-box .swiper-top-txt p {
      font-size: 16px;
    }
  
    .banner .swiper-box .swiper-bottom-txt,
    .yuangong-banner .swiper-box .swiper-bottom-txt {
      width: 400px;
    }
  }
  
  @media (max-width: 1199px) {
    /*修改1200以下、小屏显示器*/
    .home-experts .swiper-slide-active .text-content .tit,
    .home-experts .text h2,
    .lingdao .item .name,
    .youzhi .date span,
    .expert-details .title,
    .expert aside .title .cn,
    .churu .item .title,
    .history h2 {
      font-size: 24px;
    }
  
    .home-info h3,
    .public-title .en,
    .home-zhenliao .txt .cn,
    .question li h3,
    .profile .text-content h3,
    .introduction .title,
    .about h3,
    .youzhi .title,
    .tijian li h3,
    .kepu-pic li h3,
    .cultural li h3,
    .cultural li .txt h3,
    .news-list li h3,
    .news-pic h3,
    .news-txt h3,
    .yuanxun .text-content h3,
    .newspaper .title,
    .newspaper-details h3,
    .newspaper-details .title,
    .goujia .title,
    .oa .text-content h3 {
      font-size: 20px;
    }
  
    .profile .zj .content .item .text .name,
    .lingdao .item .zw,
    .location .map .tabs a,
    .location .traffic .title,
    .public-submenu a,
    .expert-details .tit,
    .guahao .pic-con .pic .t1,
    .expert aside li h4,
    .expert .content .item .text .name,
    .news-first h3,
    .yuangong .dt h4 {
      font-size: 18px;
    }
  
    .question li .txt,
    .question .text-content .text,
    .about .text,
    .youzhi .text,
    .youzhi .more,
    .expert-details .txt,
    .expert-details .text,
    .guahao .text,
    .buju .table,
    .buju .warp .tabs a,
    .tijian-details .body,
    .tijian li .text,
    .feedback .group span,
    .feedback .group .select-div,
    .feedback .group .select-ul,
    .feedback .group .flex-1 textarea,
    .feedback .group input[type="text"],
    .history .txt,
    .newspaper .txt,
    .newspaper .more,
    .newspaper-details .prev-next a,
    .goujia .item,
    .screen label,
    .research .content li a,
    .yuangong .title .sub,
    .yuangong .title .more,
    .yuangong .info-center h4,
    .expert-chuzhen .expert-nav a {
      font-size: 16px;
    }
  
    .home-zhenliao .txt .en,
    .home-experts .swiper-slide-active .text-content .tit span,
    .home-experts .text p,
    .profile .zj .content .item .text,
    .introduction .card a,
    .youzhi .tool,
    .expert aside li .sub,
    .expert .content .item .text .zw,
    .home-news .mores,
    .home-news p,
    .home-daohang .view .text-content .keshi a,
    .churu .item .txt,
    .chuzhen .pc-table,
    .profile .text-content p,
    .profile .info .content,
    .tijian li .info,
    .kepu-pic li .txt,
    .news-pic,
    .yuanxun .text-content p,
    .newspaper .info,
    .newspaper-details .tags a,
    .oa .text-content .txt,
    .screen,
    .yuangong .info-center,
    .yuangong .dt a {
      font-size: 14px;
    }
  
    .profile .zj .content .item img,
      .lingdao .item .pic img,
      .lingdao .item .text-content,
      /* .expert .content .item img, */
      .feedback .pic,
      /* .kepu-pic li .pic img, */
      /* .kepu-video li .pic img, */
      /* .cultural li .pic img, */
      .news-list li .pic img,
      .news-first .pic img,
      .news-pic .pic img,
      .history .pic,
      .newspaper-pic .pic img,
      .yuangong .dt a::after {
      display: none;
    }
  
    .home-zhenliao .text,
    .buju .warp,
    .churu .item .content,
    .youzhi ul,
    .chuzhen .pc-table,
    .introduction .content,
    .lingdao .item,
    .tijian,
    .feedback,
    .kepu-pic,
    .kepu-pic ul,
    .kepu-video,
    .kepu-video ul,
    .news-list,
    .news-first,
    .news-txt,
    .yuanxun,
    .yaunxun-video,
    .newspaper,
    .newspaper-pic,
    .goujia,
    .yuangong .info-center {
      margin-top: 40px;
    }
  
    .question ul,
    .search,
    .location .text,
    .location .map,
    .location .traffic,
    .screen,
    .yuangong .dt a {
      margin-top: 30px;
    }
  
    .home-news .mores,
    .home-news .title,
    .home-daohang .view .text-content .more {
      margin-top: 15px;
    }
  
    .home-daohang .view .text-content .keshi a,
    .youzhi .more,
    .youzhi .text,
    .news-pic .more,
    .newspaper .more,
    .newspaper .txt,
    .newspaper-details .tags a {
      margin-top: 10px;
    }
  
    .lingdao .content,
    .kepu-pic li .txt,
    .cultural {
      margin-top: 0;
    }
  
    .newspaper-pic li:nth-of-type(4n) {
      margin-right: 2%;
    }
  
    .kepu-video li:nth-of-type(3n),
    .newspaper-pic li:nth-of-type(3n) {
      margin-right: 0;
    }
  
    .home-experts .swiper-slide-active .text-content,
    .tijian-details .body,
    .expert-details,
    .youzhi ul,
    .tijian,
    .feedback .content {
      padding: 40px;
    }
  
    .profile .text-content,
    .profile .info .content,
    .expert .content,
    .cultural li,
    .news-list li .text-content,
    .news-first .text-content,
    .yuanxun,
    .history,
    .newspaper,
    .newspaper-details,
    .yuangong .info-center {
      padding: 30px;
    }
  
    .location .text,
    .lingdao .item .text {
      padding-top: 30px;
    }
  
    .nav .subnav,
    .buju .table .txt,
    .buju .warp .tabs a,
    .buju .warp .tabs {
      padding-left: 30px;
    }
  
    .nav li > a,
    .churu .item .content .pic img,
    .nav li,
    .nav {
      width: 100%;
    }
  
    .nav li > a {
      padding: 0;
    }
  
    .header {
      height: 100px;
    }
  
    .m-btn {
      display: block;
    }
  
    .nav {
      display: none;
      position: fixed;
      z-index: 9;
      left: 0;
      top: 120px;
      background-color: #fff;
      padding: 10px 20px;
      overflow-x: hidden;
      overflow-y: auto;
      z-index: 99;
      height: calc(100% - 100px);
    }
  
    .nav li {
      text-align: left;
    }
  
    .nav li .has::after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%) rotate(-45deg);
      -webkit-transform: translateY(-50%) rotate(-45deg);
      -moz-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
      -o-transform: translateY(-50%) rotate(-45deg);
      width: 8px;
      height: 8px;
      border-right: 1px #0a914d solid;
      border-bottom: 1px #0a914d solid;
    }
  
    .nav li .has.cur::after {
      transform: translateY(-50%) rotate(45deg);
      -webkit-transform: translateY(-50%) rotate(45deg);
      -moz-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
      -o-transform: translateY(-50%) rotate(45deg);
    }
  
    .nav li .on {
      background: none;
      color: #02793c;
    }
  
    .nav .subnav {
      position: inherit;
      left: 0;
      top: auto;
      transform: unset;
    }
  
    .footer {
      /* padding-bottom: 50px; */
    }
  
    .footer ul {
      margin-right: 0;
    }
  
    .banner {
      overflow: hidden;
    }
  
    .banner .swiper-pagination {
      bottom: 20px;
    }
  
    .home-info {
      height: auto;
      top: 0;
      margin-bottom: 0;
    }
  
    .public-title .cn,
    .news-txt .date span {
      font-size: 34px;
    }
  
    .home-daohang .preview .swiper-slide {
      margin: 0;
    }
  
    .home-daohang .view .pic {
      width: 50%;
    }
  
    .home-daohang .view .text-content {
      padding: 20px 30px 0 30px;
    }
  
    .home-daohang .view .text-content .text {
      padding-bottom: 10px;
    }
  
    .home-zhenliao .img {
      width: 52%;
    }
  
    .home-zhenliao .pic-con {
      width: 46%;
    }
  
    .home-zhenliao .icon {
      left: 30px;
      top: 30px;
    }
  
    .home-zhenliao .txt {
      bottom: 30px;
      left: 30px;
    }
  
    .home-experts .swiper-slide {
      height: 580px;
    }
  
    .home-experts .swiper-slide-active {
      width: 400px;
      margin-right: 40px !important;
    }
  
    .home-experts .text {
      width: 55%;
      right: 20px;
    }
  
    .home-news li {
      width: calc(33.33% - 2%);
      margin-right: 2%;
      padding-right: 2%;
    }
  
    .home-news li:last-child {
      width: 32%;
    }
  
    .home-news .pic {
      height: 160px;
    }
  
    .home-news .title {
      font-size: 18px;
    }
  
    .home-news p {
      line-height: 24px;
      margin: 5px 0;
    }
  
    .n-banner img {
      /* height: 500px; */
    }
  
    .public-content {
      padding-bottom: 50px;
      margin-top: 60px;
    }
  
    .question .text-content {
      overflow: hidden;
      padding-bottom: 20px;
    }
  
    .question .text-content .text {
      padding: 40px 50px;
      margin-left: 8%;
      margin-right: 8%;
    }
  
    .question li {
      padding: 30px 50px;
    }
  
    .churu .item {
      margin-bottom: 70px;
    }
  
    .churu .item .content .pic {
      width: 45%;
    }
  
    .churu .item .text-content {
      padding: 35px 45px;
    }
  
    .churu .item .title {
      padding-bottom: 20px;
    }
  
    .churu .item .txt,
    .kepu-pic li .txt {
      line-height: 1.5;
    }
  
    .pages a {
      /* width: 35px; */
      /* height: 35px; */
      /* margin-right: 5px; */
      font-size: 12px;
    }
  
    .chuzhen .pc-table {
      padding: 30px 0;
    }
  
    .chuzhen .pc-table .content {
      margin-left: 20px;
      margin-right: 15px;
      padding-right: 5px;
      overflow-x: scroll;
      height: 585px;
    }
  
    .chuzhen .pc-table .ke {
      padding: 0 20px;
      width: 140px;
    }
  
    .chuzhen .pc-table .th span,
    .profile .info .table .td .time {
      padding-left: 20px;
    }
  
    .chuzhen .pc-table .txt,
    .oa .text-content {
      padding: 20px;
    }
  
    .profile .text-content p {
      line-height: 24px;
    }
  
    .profile .text-content .pic {
      width: 45%;
      margin-right: 30px;
    }
  
    .profile .text-content .text {
      margin-right: 30px;
    }
  
    .yuangong .title .sub {
      margin-left: 30px;
    }
  
    .profile .info .table .time {
      width: 120px;
    }
  
    .profile .info .table .th .time .txt {
      left: 20px;
    }
  
    .profile .info .table .th .time .data {
      right: 20px;
    }
  
    .profile .info .table .th .time::after {
      height: 140px;
      left: 60px;
      top: -35px;
      transform: rotate(-60deg);
      -webkit-transform: rotate(-60deg);
      -moz-transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
      -o-transform: rotate(-60deg);
    }
  
    .profile .zj .content .item {
      width: 23.5%;
      margin-right: 2%;
      height: 260px;
    }
  
    .introduction .content,
    .yuanxun .text-content .text,
    .expert aside li {
      padding: 20px;
    }
  
    .introduction .card a {
      padding-left: 15px;
      line-height: 50px;
    }
  
    .lingdao .item,
    .lingdao .con .item {
      width: 32%;
      margin-right: 2%;
      height: auto;
    }
  
    .lingdao .item .pic {
      height: 320px !important;
    }
  
    .lingdao .item .text {
      position: initial;
      height: auto;
      padding-bottom: 30px;
    }
  
    .location .map,
    .newspaper-pic {
      margin-bottom: 40px;
    }
  
    .location .map .tabs a {
      width: 180px;
      height: 45px;
    }
  
    .location .traffic {
      padding: 30px 40px;
    }
  
    .public-submenu a {
      margin-right: 20px;
      padding: 0 20px;
    }
  
    .youzhi .date {
      margin-right: 30px;
    }
  
    .expert-details .pic {
      margin-right: 50px;
    }
  
    .guahao .swiper-slide {
      padding: 50px;
    }
  
    .guahao .pic-con {
      margin: 40px 0;
    }
  
    .guahao .pic-con .pic {
      width: 55%;
      height: auto;
    }
  
    .guahao .pic-con .pic img {
      max-width: 100%;
    }
  
    .expert aside .title {
      padding-left: 20px;
      height: 100px;
    }
  
    .expert aside {
      width: 200px;
    }
  
    .expert .content .item {
      width: 32%;
      margin-right: 2%;
      height: 280px;
    }
  
    .buju .warp .tabs {
      width: 260px;
    }
  
    .buju .warp .tabs::after {
      left: 28px;
    }
  
    .buju .content {
      padding: 30px 20px 30px 30px;
    }
  
    .buju .table {
      height: 705px;
    }
  
    .buju .table .num {
      width: 90px;
    }
  
    .buju .table .qu {
      width: 120px;
    }
  
    .buju .warp .tabs .active::before {
      right: 20px;
    }
  
    .buju .table {
      padding-right: 10px;
    }
  
    .kepu-pic li,
    .kepu-video li {
      margin-bottom: 30px;
      width: 32%;
      margin-right: 2%;
    }
  
    .kepu-pic li .pic,
    .yuangong .dt .pic {
      height: 185px;
    }
  
    .news-list li .pic {
      width: 380px;
      height: 250px;
    }
  
    .news-first .pic {
      width: 550px;
      height: 340px;
    }
  
    .news-pic .pic {
      height: 180px;
    }
  
    .news-pic h3 {
      margin-bottom: 10px;
    }
  
    .yuanxun .pic img {
      height: 300px;
    }
  
    .yaunxun-video {
      height: 500px;
    }
  
    .history .text-content {
      margin-right: 0;
      padding-right: 20px;
    }
  
    .newspaper li {
      padding-bottom: 30px;
      margin-bottom: 30px;
    }
  
    .newspaper-pic li {
      width: 32%;
      margin-right: 2%;
    }
  
    .newspaper-details .pic {
      margin-right: 30px;
    }
  
    .newspaper-details .pic {
      width: 400px;
      height: 600px;
    }
  
    .newspaper-details .prev-next {
      width: 400px;
    }
  
    .newspaper-details .prev-next a {
      line-height: 45px;
      width: 40%;
    }
  
    .goujia .item {
      margin-right: 30px;
    }
  
    .goujia .text {
      padding: 0;
    }
  
    .goujia .con {
      width: 48%;
    }
  
    .goujia h4 {
      width: 200px;
    }
  
    .goujia .content::after {
      left: 100px;
      right: 100px;
    }
  
    .goujia .text::after {
      left: 105px;
      right: 110px;
    }
  
    .goujia .con::after {
      left: 105px;
    }
  
    .goujia .item:nth-child(2) h4 {
      width: 100%;
    }
  
    .dangwu .search {
      margin-bottom: 20px;
    }
  
    .dangwu .cultural li .pic {
      width: 300px;
      height: 190px;
    }
  
    .oa .text-content {
      height: 260px;
    }
  
    .oa .text-content .icon {
      bottom: 20px;
      right: 20px;
    }
  
    .screen label,
    .screen .classify a,
    .screen .format a {
      margin-right: 10px;
    }
  
    .yuangong-banner img {
      /* height: 600px; */
    }
  
    .yuangong .title .sub span {
      margin: 0 10px;
    }
  
    .yuangong .info-center .swiper-slide::after {
      right: -30px;
    }
  
    .yuangong .info-center {
      margin-bottom: 60px;
    }
  
    .yuangong .dt a {
      width: 100%;
      margin-right: 0%;
    }
  
    .pop {
      width: 90%;
    }
  
    .pop .pop-content {
      padding: 30px 30px 125px 30px;
    }
  
    .pop h3 {
      line-height: 60px;
      font-size: 22px;
    }
  
    .expert-chuzhen .pc-table {
      padding: 30px 15px 30px 0;
    }
  
    .expert-chuzhen .pc-table .content {
      margin-right: 15px;
      margin-left: 15px;
      padding-right: 15px;
    }
    .yuangong .dt .title {
      font-size: 18px;
      margin-top: 15px;
    }
  }
  
  @media (max-width: 1023px) {
    /*修改1024以下、平板*/
    .home-experts .swiper-slide-active .text-content .tit,
    .home-experts .text h2,
    .lingdao .item .name,
    .expert aside .title .cn,
    .churu .item .title,
    .history h2 {
      font-size: 20px;
    }
  
    .home-zhenliao .txt .cn,
    .about h3,
    .youzhi .title,
    .n-banner .en,
    .question li h3,
    .tijian li h3,
    .kepu-pic li h3,
    .cultural li h3,
    .news-list li h3,
    .news-pic h3,
    .news-txt h3,
    .yuanxun .text-content h3,
    .newspaper .title,
    .goujia .title,
    .oa .text-content h3 {
      font-size: 18px;
    }
  
    .footer li > a,
    .lingdao .item .zw,
    .public-submenu a,
    .guahao .pic-con .pic .t1,
    .public-title .en,
    .kepu-video li h4,
    .newspaper-pic li h4,
    .yuangong .dt h4,
    .yuangong .info-center li a {
      font-size: 16px;
    }
  
    .home-experts .swiper-slide-active .txt,
    .home-experts .text-content .more,
    .about .text,
    .location .traffic .txt,
    .location .text,
    .youzhi .text,
    .youzhi .date .year,
    .guahao .tabs .title .txt,
    .guahao .text,
    .buju .table,
    .buju .warp .tabs a,
    .footer li .sub a,
    .home-zhenliao .text,
    .question li .txt,
    .tijian-details .body,
    .tijian-details .info,
    .tijian li .text,
    .tijian li .more,
    .news-list li .txt,
    .news-list li .more,
    .news-first .txt,
    .news-first .time,
    .news-first .more,
    .news-txt .more,
    .newspaper .txt,
    .newspaper .more,
    .goujia .item,
    .expert-chuzhen .pc-table .content {
      font-size: 14px;
    }
  
    .home-experts .swiper-slide-active .text-content,
    .youzhi ul,
    .expert-details,
    .tijian-details .body,
    .tijian,
    .feedback .content {
      padding: 30px;
    }
  
    .news-list li .text-content,
    .news-first .text-content,
    .news-txt a,
    .yuanxun,
    .goujia,
    .screen,
    .research .content,
    .yuangong .info-center {
      padding: 20px;
    }
  
    .buju .warp .tabs a,
    .buju .table .txt,
    .buju .warp .tabs {
      padding-left: 20px;
    }
  
    .profile .text-content,
    .profile .info,
    .profile .info .content,
    .expert,
    .oa {
      margin-top: 40px;
    }
  
    .home-zhenliao .content,
    .profile .zj .mores,
    .guahao .pic-con .pic:last-child,
    .tijian,
    .kepu-pic,
    .kepu-pic ul,
    .kepu-video,
    .kepu-video ul,
    .news-list,
    .yuanxun,
    .yaunxun-video,
    .research .content {
      margin-top: 30px;
    }
  
    .home-zhenliao .text,
    .tijian-details .body,
    .youzhi .search {
      margin-top: 20px;
    }
  
    .footer li .sub,
    .public-title .en,
    .profile .text-content p,
    .tijian-details .info,
    .tijian li .text,
    .tijian li .more,
    .news-list li h3,
    .news-list li .txt,
    .news-list li .more,
    .news-first .more,
    .news-first .txt,
    .news-first h3,
    .news-pic h3 {
      margin-top: 5px;
    }
  
    .profile .zj .content .item:nth-of-type(4n),
    .expert .content .item:nth-of-type(3n),
    .kepu-video li:nth-of-type(3n),
    .newspaper-pic li:nth-of-type(3n),
    .oa .text-content:nth-of-type(4n) {
      margin-right: 2%;
    }
  
    .profile .zj .content .item:nth-of-type(3n),
    .introduction .card a:nth-of-type(4n),
    .expert .content .item:nth-of-type(2n),
    .kepu-video li:nth-of-type(2n),
    .newspaper-pic li:nth-of-type(2n),
    .oa .text-content:nth-of-type(3n) {
      margin-right: 0;
    }
  
    .home-daohang .view .pic,
    .home-zhenliao .icon img,
    .youzhi .search,
    .guahao .pic-con .pic,
    .guahao .pic-con .pic img,
    .newspaper-details .prev-next {
      width: 100%;
    }
  
    .header {
      height: 80px;
    }
  
    .header .logo img {
      height: 60px;
    }
  
    .footer ul,
    .youzhi .sub,
    .guahao .pic-con {
      flex-wrap: wrap;
    }
  
    .footer li {
      margin-right: 6%;
    }
  
    .footer li .sub a {
      line-height: 32px;
    }
  
    .home-daohang .view .swiper-slide {
      flex-flow: column;
    }
  
    .home-daohang .view .text-content,
    .tijian li {
      padding-bottom: 20px;
    }
  
    .public-title .cn {
      font-size: 28px;
      line-height: 1.5;
    }
  
    .home-daohang .preview .swiper-slide {
      width: 100px;
    }
  
    .home-zhenliao .icon {
      width: 45px;
    }
  
    .home-zhenliao .txt .en {
      margin-top: 0;
      font-size: 13px;
    }
  
    .home-zhenliao .txt {
      bottom: 20px;
    }
  
    .home-experts {
      margin-top: -120px;
    }
  
    .home-experts .swiper-slide {
      height: auto;
      padding-top: 10%;
    }
  
    .home-experts .swiper-slide-active {
      margin-right: 10px !important;
    }
  
    .home-experts .text p,
    .news-first .txt,
    .yuanxun .text-content p {
      line-height: 24px;
    }
  
    .n-banner img {
      /* height: 400px; */
    }
  
    .n-banner .cn {
      font-size: 34px;
    }
  
    .question .text-content .text {
      padding: 30px 40px;
    }
  
    .question li {
      padding: 20px 30px;
    }
  
    .question li .txt {
      padding-top: 15px;
      margin-top: 15px;
      line-height: 24px;
    }
  
    .churu .item .text-content {
      padding: 15px 25px;
    }
  
    .churu .item .title {
      padding-bottom: 15px;
    }
  
    .churu .item .txt p,
    .yuangong .dt h4 {
      margin-bottom: 0;
      margin-top: 10px;
    }
  
    .chuzhen .pc-table .th,
    .chuzhen .pc-table .td {
      width: 1000px;
    }
  
    .chuzhen .pc-table .time {
      width: 90px;
    }
  
    .profile .info .content {
      font-size: 12px;
      padding: 20px;
    }
  
    .profile .info .table .th {
      height: 60px;
      line-height: 60px;
    }
  
    .profile .info .table .th .time .txt {
      bottom: 10px;
    }
  
    .profile .info .table .time {
      width: 70px;
    }
  
    .profile .info .table .th .time .txt {
      left: 10px;
      bottom: 5px;
    }
  
    .profile .info .table .th .time .data {
      right: 10px;
      top: 5px;
    }
  
    .profile .info .table .th .time::after {
      transform: rotate(-48deg);
      -webkit-transform: rotate(-48deg);
      -moz-transform: rotate(-48deg);
      -ms-transform: rotate(-48deg);
      -o-transform: rotate(-48deg);
      left: 40px;
    }
  
    .profile .zj .content .item {
      width: 32%;
      margin-bottom: 15px;
    }
  
    .introduction .card a {
      width: 24%;
    }
  
    .introduction .card a:nth-of-type(5n) {
      margin-right: 1%;
    }
  
    .lingdao .item .text {
      padding: 20px 0;
    }
  
    .lingdao .item .pic {
      height: 240px;
    }
  
    .youzhi li {
      padding-bottom: 30px;
      margin-bottom: 30px;
    }
  
    .expert-details .pic {
      margin-right: 40px;
    }
  
    .youzhi .click,
    .cultural li .pic,
    .news-txt .date,
    .newspaper .info span {
      margin-right: 20px;
    }
  
    .youzhi .more,
    .youzhi .text,
    .yuangong .dt .txt,
    .yuangong .dt .more {
      margin-top: 5px;
    }
    .guahao .tabs {
      margin-top: 40px;
      
      justify-content: space-around;
    }
    .guahao .tabs .title {
      width: 30%;
      height: 100px;
      margin: 30px 0 0 0;
      padding: 0;
    }
  
    .guahao .tabs .title .icon {
      width: 35px;
      height: 38px;
    }
  
    .guahao .tabs .title .txt,
    .cultural li .txt {
      margin-top: 0;
    }
  
    .guahao .tabs .title:nth-child(2) {
      /* margin: 0 10%; */
    }
  
    .guahao .pic-con .pic .t1 {
      line-height: 50px;
    }
  
    .guahao .swiper-container {
      margin-top: 50px;
    }
  
    .guahao .swiper-slide {
      padding: 40px;
    }
  
    .guahao .pic-con .pic:last-child {
      margin-left: 0;
    }
  
    .expert .content .item,
    .kepu-video li,
    .newspaper-pic li {
      width: 49%;
    }
  
    .buju .table .qu {
      width: 100px;
    }
  
    .buju .warp .tabs {
      width: 200px;
    }
  
    .buju .warp .tabs::after {
      left: 18px;
    }
  
    .buju .content {
      padding: 20px 15px 20px 20px;
    }
  
    .buju .table {
      height: 725px;
    }
  
    .buju .table .qu,
    .buju .table .num {
      width: 70px;
    }
  
    .tijian li {
      margin-bottom: 20px;
    }
  
    .kepu-pic li .pic {
      height: 145px;
    }
  
    .news-list li .pic {
      width: 300px;
      height: 230px;
    }
  
    .news-first .pic {
      width: 380px;
      height: 240px;
    }
  
    .news-pic a {
      padding: 15px;
    }
  
    .news-pic .pic {
      height: 140px;
    }
  
    .news-pic h3 {
      margin-bottom: 0px;
    }
  
    .yuanxun {
      margin-bottom: 40px;
    }
  
    .yuanxun .pic img {
      height: 260px;
    }
  
    .yaunxun-video {
      height: 380px;
    }
  
    .newspaper-pic .pic {
      height: 240px;
    }
  
    .newspaper-details .pic {
      height: auto;
    }
  
    .newspaper-details .pic img {
      max-width: 90%;
      width: auto;
    }
  
    .newspaper-details .pic {
      width: 100%;
      margin-right: 0;
      margin-left: auto;
      margin-right: auto;
    }
  
    .goujia .item {
      margin-right: 20px;
    }
  
    .goujia h4 {
      width: 120px;
    }
  
    .goujia .content::after {
      left: 65px;
      right: 65px;
    }
  
    .goujia .text::after {
      right: 90px;
    }
  
    .oa .text-content {
      width: 32%;
    }
  
    .screen .classify a,
    .screen .format a {
      padding: 0 10px;
    }
  
    .research .content li {
      line-height: 60px;
    }
  
    .yuangong-banner img {
      /* height: 450px; */
    }
  
    .yuangong .info-center:after {
      display: none;
    }
  
    .yuangong .info-center li {
      width: 100%;
      margin-right: 0;
    }
  
    .pop {
      width: 95%;
    }
  
    .pop .pop-close {
      top: 10px;
    }
  
    .pop h3 {
      line-height: 50px;
      font-size: 20px;
    }
  
    .banner .swiper-box .banner-txt{
      position: absolute;
      top: 120px;
      left: 120px;
    }
  
    .yuangong-banner .swiper-box .banner-txt{
      left: 120px;
    }
  
    .banner .swiper-box .banner-txt h3,
    .yuangong-banner .swiper-box .banner-txt h3 {
      font-size: 24px;
    }
  
    .banner .swiper-box .swiper-top-txt p,
    .yuangong-banner .swiper-box .swiper-top-txt p {
      font-size: 16px;
    }
  
    .banner .swiper-box .swiper-bottom-txt,
    .yuangong-banner .swiper-box .swiper-bottom-txt {
      width: 400px;
    }
  
    .expert-chuzhen .expert-nav a {
      width: 32%;
    }
  
    .expert-chuzhen .pc-table .ke {
      width: 100px;
    }
  
    .expert-chuzhen .pc-table .th .ke::after {
      transform: rotate(-65deg);
      -webkit-transform: rotate(-65deg);
      -moz-transform: rotate(-65deg);
      -ms-transform: rotate(-65deg);
      -o-transform: rotate(-65deg);
      left: 60px;
      top: -65px;
    }
  
    .footer .foot-code .info {
      width: 36%;
    }
    .news-center>form>.sub{
      flex-direction: column;
    }
  }
  
  @media (max-width: 767px) {
    /*修改768以下、小屏平板*/
    .home-bg {
      padding-top: 40px;
    }
    .home-bg::after{
      height: 800px;
    }
    .churu .item .title {
      font-size: 18px;
    }
  
    .n-banner .en,
    .location .map .tabs a,
    .kepu-pic li h3,
    .news-txt h3 {
      font-size: 16px;
    }
  
    .n-banner .en{
      padding-bottom: 15px;
    }
  
    .home-news .submenu,
    .home-news .public-title .more,
    .feedback .group span,
    .feedback .group .select-div,
    .feedback .group .select-ul,
    .feedback .group .flex-1 textarea,
    .feedback .group input[type="text"],
    .feedback .submit input[type="submit"],
    .history .txt,
    .newspaper-details li {
      font-size: 14px;
    }
  
    .home-daohang,
    .home-zhenliao {
      margin-top: 70px;
    }
  
    .public-title,
    .home-daohang .preview,
    .home-zhenliao .img,
    .home-zhenliao .pic-con,
    .home-news .submenu,
    .churu .item .content .pic,
    .churu .item .text-content,
    .profile .text-content .pic,
    .news-pic a,
    .yuanxun .text-content .text,
    .goujia .item,
    .goujia h4 {
      width: 100%;
    }
  
    .goujia .content {
      margin-top: 30px;
    }
  
    .home-daohang .preview,
    .home-zhenliao .pic-con .pic:first-child {
      margin-top: 20px;
    }
  
    .home-zhenliao .text br,
    .home-news li::after {
      display: none;
    }
  
    .home-news li {
      width: 100% !important;
      margin-right: 0;
      padding-right: 0;
      margin-top: 30px;
    }
  
    .home-news {
      padding: 50px 0;
    }
  
    .home-news .pic {
      height: auto;
    }
  
    .home-news .submenu {
      margin-left: 0;
    }
  
    .home-news .submenu span {
      margin: 0 10px;
    }
  
    .home-news .public-title .more {
      width: 100px;
      line-height: 30px;
      bottom: 30px;
    }
  
    .n-banner img {
      /* height: 320px; */
    }
  
    .n-banner .cn {
      font-size: 28px;
    }
  
    .profile .text-content .text {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
  
    .profile .text-content .pic {
      order: 1;
      margin-right: 0;
    }
  
    .profile .text-content .text {
      order: 2;
      margin-top: 30px;
    }
  
    .profile .text-content,
    .profile .zj .content,
    .cultural li {
      padding: 20px;
    }
  
    .introduction .card a {
      width: 32.5%;
    }
  
    .introduction .card a:nth-of-type(4n) {
      margin-right: 1%;
    }
  
    .introduction .card a:nth-of-type(3n),
    .goujia .item {
      margin-right: 0;
    }
  
    .location .map .tabs a i {
      width: 14px;
    }
  
    .location .map .tabs a {
      width: 160px;
    }
  
    .expert-details .title {
      font-size: 20px;
    }
  
    .buju .pic {
      margin-top: 40px;
    }
  
    .cultural li .pic {
      width: 260px;
      height: 170px;
    }
  
    .cultural li .more {
      position: initial;
    }
  
    .news-pic a {
      display: flex;
      margin-top: 30px;
    }
  
    .news-pic .pic {
      width: 260px;
      height: 160px;
      margin-right: 20px;
    }
  
    .yuanxun .pic img {
      height: 240px;
    }
  
    .yuanxun .text-content .text:first-child {
      border-right: 1px #eee solid;
    }
  
    .yuanxun .text-content .text:nth-child(2) {
      border-top: 0;
    }
  
    .yaunxun-video {
      height: 340px;
    }
  
    .goujia .text::after,
    .goujia .item::after,
    .goujia .content::after,
    .goujia .con::after,
    .goujia .item:nth-child(2) h4::after {
      display: none;
    }
  
    .yuangong-banner img {
      /* height: 400px; */
    }
  
    .banner .swiper-box .banner-txt{
      position: absolute;
      top: 60px;
      left: 40px;
    }
  
    .yuangong-banner .swiper-box .banner-txt{
      /* left: 40px; */
      left: 0;
      padding: 0 20px;
    }
  
    .banner .swiper-box .banner-txt h3,
    .yuangong-banner .swiper-box .banner-txt h3 {
      font-size: 16px;
      text-align-last: auto;
    }
  
    .banner .swiper-box .swiper-top-txt p,
    .yuangong-banner .swiper-box .swiper-top-txt p {
      font-size: 14px;
    }
  
    .banner .swiper-box .swiper-bottom-txt{
      width: 460px;
    }
  
    .yuangong-banner .swiper-box .swiper-bottom-txt {
      width: 100%;
      line-height: 1.2;
    }
  
    .banner .swiper-box .banner-line,
    .yuangong-banner .swiper-box .banner-line {
      margin: 5px 0;
    }
  
    .banner .swiper-box .swiper-bottom-txt p,
    .yuangong-banner .swiper-box .swiper-bottom-txt p {
      font-size: 12px;
    }
  
    .footer .foot-code {
      padding: 20px 0;
      flex-direction: column;
    }
  
    .footer .foot-code .info {
      flex-direction: column;
    }
  
    .footer .copyright {
      flex-direction: column;
      text-align: center;
    }
  
    .footer .foot-code .text {
      padding-top: 10px;
      text-align: center;
    }
  
    .footer .foot-code .text div {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-left: 0;
    }
  
    .footer .foot-code .text .icon {
      position: relative;
      left: 0;
      transform: unset;
      margin-right: 8px;
    }
  
    .footer .foot-code .text .tel,
    .footer .foot-code .text .email {
      font-size: 16px;
    }
  
    .footer .foot-code .sns {
      padding: 10px 0;
    }
    .guahao .tabs .title .icon{
      width: 26px;
      height: 30px;
    }
  }
  
  @media (max-width: 540px) {
    .guahao .tabs .title{
      width: 49%;
    }
    .news-center .public-submenu,
    .news-center .sub .public-submenu{
      width: 100%;
      flex-wrap: wrap;
      justify-content: space-around;
    }
    .news-center .public-submenu a{
      width: 24%;
      flex: unset;
      margin: 0;
      margin-bottom: 10px;
    }
    .news-center .sub .public-submenu a{
      width: 32%;
      margin: 0;
      flex: unset;
      margin-bottom: 10px;
    }
    .feedback .el-form .el-form-item__label{
      width: 100%;
      text-align: left;
    }
    .feedback .el-form .el-form-item__content{
      width: 100%;
      margin: 0 !important;
    }
    .feedback .el-form .code-img {
      flex-direction: column;
      height: auto !important;
    }
  }
  
  @media (max-width: 480px) {
    /*修改425以下、普通的安卓手机屏*/
    .home-daohang,
    .home-zhenliao,
    .home-experts {
      margin-top: 50px;
    }
  
    .profile .zj .content,
    .about .pic,
    .location .traffic .text-con,
    .guahao .tabs,
    .buju .pic,
    .home-daohang .view,
    .home-experts .content,
    .public-content,
    .chuzhen .pc-table,
    .location .map,
    .oa {
      margin-top: 30px;
    }
  
    .footer ul,
    .question .text-content,
    .profile .text-content .text,
    .location .traffic .con .txt,
    .expert-details .tit,
    .profile .info .content,
    .expert,
    .expert .content,
    .buju .search,
    .tijian-details .prev-next,
    .introduction .title,
    .feedback .group,
    .feedback .submit,
    .buju .sub,
    .youzhi .sub,
    .yuanxun,
    .yaunxun-video,
    .newspaper,
    .newspaper-pic,
    .research .content,
    .screen,
    .expert-chuzhen .pc-table {
      margin-top: 20px;
    }
  
    .question ul,
    .expert-details .text,
    .expert-details .txt {
      margin-top: 15px;
    }
  
    .about .text-content,
    .introduction .card,
    .dangwu .cultural li .time {
      margin-top: 0;
    }
  
    .location .traffic,
    .youzhi ul,
    .expert-details,
    .expert .content,
    .tijian-details .body,
    .question .text-content .text,
    .tijian,
    .feedback .content,
    .history,
    .newspaper,
    .newspaper-details {
      padding: 20px;
    }
  
    .guahao .swiper-slide{
      padding: 10px;
    }
  
    /* .footer, */
    .public-content {
      padding-bottom: 30px;
    }
  
    .chuzhen .pc-table .txt,
    .profile .zj .content,
    .kepu-pic li .text-content,
    .yuanxun .text-content .text {
      padding: 10px;
    }
  
    .expert-details .txt,
    .tijian-details .prev-next {
      padding-top: 15px;
    }
  
    .search,
    .expert aside,
    .buju .search,
    .public-submenu,
    .expert-details .pic,
    
    .location .traffic .title,
    .location .traffic .text-con,
    .about .text-content,
    .footer li,
    .feedback .submit input[type="submit"],
    .kepu-video li,
    .news-list li .pic,
    .news-first .pic,
    .news-pic .pic,
    .newspaper .title,
    .newspaper .info,
    .newspaper-pic li,
    .screen label,
    .yuangong .dt a {
      width: 100%;
    }

    .buju .warp {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .buju .warp .tabs {
        width: 160px;
        flex-shrink: 0;
    }

    .buju .warp .content {
        width: 86vw;
        flex: unset;
        flex-shrink: 0;
        box-sizing: border-box;
    }
  
    .home-daohang .view .text-content .keshi a:nth-of-type(4n),
    .profile .zj .content .item:nth-of-type(3n),
    .lingdao .item:nth-of-type(3n),
    .public-submenu a,
    .location .map .tabs a,
    .kepu-pic li:nth-of-type(3n),
    .newspaper .info span,
    .newspaper-details .tags a:nth-of-type(4n),
    .oa .text-content:nth-of-type(3n) {
      margin-right: 2%;
    }
  
    .introduction .card a:nth-of-type(3n) {
      margin-right: 1%;
    }
  
    .home-daohang .view .text-content .keshi a:nth-of-type(3n),
    .profile .zj .content .item:nth-of-type(2n),
    .introduction .card a:nth-of-type(2n),
    .lingdao .item:nth-of-type(2n),
    .location .traffic .title,
    .youzhi .title,
    .expert aside,
    .expert-details .pic,
    .kepu-pic li:nth-of-type(2n),
    .news-list li .pic,
    .newspaper-pic li,
    .newspaper-details .tags a:nth-of-type(3n),
    .oa .text-content:nth-of-type(2n),
    .yuangong .dt a {
      margin-right: 0;
    }
  
    .public-title .cn,
    .n-banner .cn {
      font-size: 24px;
    }
  
    .home-info h3,
    .profile .text-content h3,
    .introduction .title,
    .expert-details .title,
    .expert aside .title .cn,
    .newspaper-details h3,
    .newspaper-details .title {
      font-size: 18px;
    }
  
    .about h3,
    .lingdao .item .name,
    .youzhi .title,
    .home-news .title,
    .tijian li h3,
    .expert aside li h4,
    .cultural li h3,
    .news-list li h3,
    .news-first h3,
    .news-pic h3,
    .yuanxun .text-content h3,
    .newspaper .title {
      font-size: 16px;
    }
  
    .footer .copyright,
    .footer li > a,
    .home-info .en,
    .public-title .en,
    .home-daohang .view .text-content .more,
    .expert-details .txt p,
    .n-banner .en,
    .question li h3,
    .crumbs,
    .search span,
    .profile .zj .content .item .text .name,
    .lingdao .item .zw,
    .public-submenu a,
    .expert-details .text,
    .expert .content .item .text .name,
    .home-daohang .preview .swiper-slide,
    .question .text-content .text,
    .profile .zj .mores,
    .location .map .tabs a,
    .kepu-pic li h3,
    .kepu-video li h4,
    .news-list li .time,
    .screen label,
    .research .content li a,
    .yuangong .title .more,
    .yuangong .title .sub,
    .expert-chuzhen .expert-nav a {
      font-size: 14px;
    }
  
    .question li .txt,
    .churu .item .txt,
    .profile .zj .content .item .text .zw,
    .introduction .card a,
    .expert .content .item .text .zw,
    .chuzhen .pc-table,
    .expert aside .title .en,
    .kepu-video li .txt,
    .kepu-video li .time,
    .cultural li .txt,
    .news-first .txt,
    .news-first .time,
    .news-first .more,
    .news-txt .more,
    .news-txt .date,
    .yuanxun .text-content p,
    .newspaper .info,
    .newspaper-details .tags a,
    .goujia .item,
    .screen .classify a,
    .expert-chuzhen .pc-table .content {
      font-size: 12px;
    }
  
    .container {
      padding: 0 15px;
    }
  
    .home-oa {
      padding-top: 50px;
    }
  
    .header {
      height: 70px;
    }
  
    .header .logo img {
      height: 50px;
    }
  
    .nav {
      top: 110px;
    }
  
    .footer li {
      border-bottom: 1px #cdcdcd solid;
      padding-bottom: 10px;
      margin-top: 10px;
      margin-right: 0 !important;
    }
  
    .footer li .sub {
      display: none;
      margin-top: 0px;
      padding-left: 20px;
    }
  
    .footer li .sub a {
      line-height: 32px;
    }
  
    .footer li .tit::after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%) rotate(-45deg);
      -webkit-transform: translateY(-50%) rotate(-45deg);
      -moz-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
      -o-transform: translateY(-50%) rotate(-45deg);
      width: 8px;
      height: 8px;
      border-right: 1px #0a914d solid;
      border-bottom: 1px #0a914d solid;
    }
  
    .footer li .tit.cur::after {
      transform: translateY(-50%) rotate(45deg);
      -webkit-transform: translateY(-50%) rotate(45deg);
      -moz-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
      -o-transform: translateY(-50%) rotate(45deg);
    }
  
    .banner img {
      width: 100%;
      height: auto;
    }
  
    .home-info {
      padding-left: 0;
      padding-right: 0;
    }
  
    .home-info a {
      width: 50%;
      height: 220px;
      max-height: 220px;
    }
  
    .home-daohang .preview .swiper-container {
      width: calc(100% - 40px);
    }
  
    .home-daohang .preview .swiper-slide {
      width: 25%;
    }
  
    .home-daohang .view .text-content h3 {
      font-size: 20px;
    }
  
    .home-daohang .view .text-content {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .home-daohang .view .text-content .keshi a,
    .newspaper-details .tags a {
      width: 32%;
    }
  
    .home-bg::before {
      height: 100%;
      background-size: cover;
    }
  
    .home-experts .content,
    .public-content {
      padding-bottom: 60px;
    }
  
    .home-experts .swiper-slide {
      padding-top: 0;
    }
  
    .home-experts .swiper-slide-active {
      width: 100% !important;
    }
  
    .home-experts .text {
      position: inherit;
      left: 0px;
      width: auto;
      bottom: auto;
      right: 0;
      padding-bottom: 10px;
    }
  
    .home-experts .swiper-button-prev,
    .home-experts .swiper-button-next {
      top: 36%;
    }
  
    .home-experts .swiper-slide {
      height: 565px;
    }
  
    .home-news .title,
    .youzhi .text {
      line-height: 24px;
      height: auto;
    }
  
    .n-banner img {
      /* height: 300px; */
    }
  
    .crumbs {
      padding: 15px 0 15px 15px;
    }
  
    .crumbs span {
      margin: 0 5px;
    }
  
    .question li,
    .expert aside li {
      padding: 10px 20px;
    }
  
    .question li h3::after {
      right: 3px;
      width: 8px;
      height: 8px;
    }
  
    .question .text-content img {
      /* height: 320px; */
    }
  
    .question .text-content .text {
      margin-left: 5%;
      margin-right: 5%;
      line-height: 24px;
    }
  
    .churu .item {
      margin-bottom: 40px;
    }
  
    .chuzhen .pc-table {
      padding: 20px 0;
    }
  
    .chuzhen .pc-table .ke {
      width: 110px;
      padding: 0 10px;
    }
  
    .chuzhen .pc-table .th,
    .chuzhen .pc-table .td {
      width: 650px;
    }
  
    .chuzhen .pc-table .th span {
      padding-left: 10px;
    }
  
    .chuzhen .pc-table .content {
      margin-left: 10px;
      margin-right: 5px;
    }
  
    .chuzhen .pc-table .time {
      width: 50px;
    }
  
    .profile .text-content .card,
    .screen .classify {
      margin-bottom: 20px;
    }
  
    .profile .info .content {
      padding: 0;
    }
  
    .profile .zj .content .item {
      width: 49%;
      height: 220px;
    }
  
    .profile .zj .content .item .text,
    .expert .content .item .text {
      padding: 10px 15px;
    }
  
    .profile .zj .mores {
      margin: 30px 0;
    }
  
    .profile .zj {
      margin-top: 40px;
    }
  
    .introduction .card a {
      width: 49.5%;
    }
  
    .lingdao .item,
    .lingdao .con .item,
    .location .map .tabs a,
    .kepu-pic li,
    .oa .text-content {
      width: 49%;
    }
  
    .location .map img {
      width: auto;
      height: 300px;
    }
  
    .public-submenu a {
      height: 40px;
      flex: 1;
      padding: 0;
    }
  
    .public-submenu a i {
      width: 16px;
      margin-right: 5px;
    }
  
    .youzhi .tool {
      display: none;
    }
  
    .expert-details .pic {
      height: auto;
    }
  
    .guahao .pic-con {
      margin: 20px 0;
    }
  
    .expert .content .item {
      height: 240px;
    }
  
    .buju .table .td .txt {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
      line-height: 1.6;
    }
  
    .tijian li .info span,
    .youzhi .date,
    .feedback .group span {
      margin-right: 10px;
    }
  
    .location .map .tabs {
      width: 90%;
    }
  
    .feedback .group span {
      width: 80px;
    }
  
    .feedback .submit {
      padding-left: 90px;
    }
  
    .kepu-pic li .pic {
      height: 120px;
    }
  
    .cultural li {
      flex-flow: column;
    }
  
    .cultural li .pic,
    .dangwu .cultural li .pic {
      width: 100%;
      height: 200px;
      margin-right: 0;
    }
  
    .news-center .public-submenu a i {
      /* display: none; */
      width: 12px;
    }
  
    .news-pic a {
      display: block;
      margin-top: 30px;
    }
  
    .news-pic .pic {
      height: 180px;
      margin-right: 0px;
    }
  
    .news-txt .date {
      width: 70px;
      height: 70px;
    }
  
    .news-txt .date span {
      font-size: 28px;
    }
  
    .news-txt .more,
    .newspaper .info,
    .cultural li .text-content {
      margin-top: 5px;
    }
  
    .yaunxun-video {
      height: 220px;
    }
  
    .history {
      padding-right: 0px;
    }
  
    .newspaper li > div:first-child {
      flex-flow: column;
    }
  
    .newspaper li {
      padding-bottom: 20px;
      margin-bottom: 20px;
    }
  
    .oa .text-content .icon {
      width: 55px;
      height: 55px;
      background-size: 30px;
    }
  
    .screen label {
      padding-bottom: 10px;
    }
  
    .yuangong-banner img {
      /* height: 240px; */
    }
  
    .yuangong .title .sub {
      order: 3;
      margin-left: 0;
      flex: none;
      width: 100%;
      margin-top: 10px;
    }
  
    .yuangong .title {
      justify-content: space-between;
    }
  
    .yuangong .title .more {
      order: 2;
      line-height: 35px;
    }
  
    .yuangong .title .public-title {
      width: auto;
    }
  
    .pop .pop-content {
      padding: 20px 20px 100px 20px;
    }
  
    .expert-chuzhen .expert-nav a {
      width: 49%;
      line-height: 40px;
    }
  
    .expert-chuzhen .pc-table {
      padding-right: 0;
    }
  
    .expert-chuzhen .pc-table .content {
      margin-right: 0px;
      padding-right: 0px;
      margin-left: 10px;
    }
  
    .expert-chuzhen .pc-table .ke {
      width: 60px;
    }
  
    .expert-chuzhen .pc-table .th .ke::after {
      transform: rotate(-50deg);
      -webkit-transform: rotate(-50deg);
      -moz-transform: rotate(-50deg);
      -ms-transform: rotate(-50deg);
      -o-transform: rotate(-50deg);
      top: -45px;
    }
  
    .expert-chuzhen .pc-table .th .ke em:nth-child(1) {
      left: 5px;
    }
  
    .expert-chuzhen .pc-table .th .ke em:nth-child(2) {
      right: 5px;
    }
  
    .expert-chuzhen .pc-table .txt {
      padding: 20px 0;
    }
  
    .yuangong .dt .title {
      font-size: 16px;
      line-height: 24px;
      height: auto;
    }
  }
  
  @media (max-width: 376px) {
    /*修改375以下、iPhone5，4，等小屏手机*/
    .container {
      padding-left: 10px;
      padding-right: 10px;
    }
  
    .profile .zj {
      margin-top: 30px;
    }
  
    .profile .zj .content,
    .lingdao .item,
    .home-experts .content,
    .search,
    .chuzhen .pc-table,
    .tijian,
    .youzhi ul,
    .youzhi .sub,
    .location .map,
    .location .traffic,
    .introduction .content,
    .profile .text-content,
    .churu .item .content,
    .feedback,
    .oa {
      margin-top: 20px;
    }
  
    .guahao .pic-con .pic:last-child,
    .feedback .group {
      margin-top: 15px;
    }
  
    .cultural li h3 {
      margin-top: 10px;
    }
  
    .home-daohang .view .text-content .keshi a:nth-of-type(3n),
    .tijian-details .info span,
    .tijian li .info span,
    .newspaper-details .tags a:nth-of-type(3n) {
      margin-right: 2%;
    }
  
    .home-daohang .view .text-content .keshi a:nth-of-type(2n),
    .newspaper-details .tags a:nth-of-type(2n) {
      margin-right: 0;
    }
  
    .home-experts .text p,
    .location .traffic .text-con .txt,
    .location .traffic .con .txt,
    .tijian li .text,
    .newspaper-pic li .time,
    .newspaper-pic li .txt {
      margin-top: 0;
    }
  
    .public-title .cn,
    .n-banner .cn {
      font-size: 20px;
    }
  
    .location .traffic .title,
    .newspaper-details h3,
    .newspaper-details .title {
      font-size: 16px;
    }
  
    .nav li > a,
    .about h3,
    .cultural li h3,
    .newspaper-pic li h4 {
      font-size: 14px;
    }
  
    .home-info .en,
    .home-daohang .view .text-content .keshi a,
    .nav .subnav a,
    .top,
    .about .text,
    .lingdao .item .zw,
    .guahao .tabs .title .txt,
    .guahao .pic-con .pic .t,
    .guahao .pic-con .pic .t1,
    .tijian li .info,
    .tijian li .text,
    .youzhi .more,
    .buju .table,
    .tijian-details .info,
    .tijian-details .body,
    .tijian li .info,
    .public-submenu a,
    .newspaper-pic li .time,
    .newspaper-pic li .txt,
    .research .content li a {
      font-size: 12px;
    }
  
    .top {
      height: 35px;
      line-height: 35px;
    }
  
    .header {
      height: 60px;
    }
  
    .header .logo img {
      height: 45px;
    }
  
    .nav {
      top: 95px;
    }
  
    .n-banner img {
      /* height: 220px; */
    }
  
    .home-daohang .view .text-content .keshi a,
    .newspaper-details .tags a {
      width: 49%;
    }
  
    .home-info a {
      height: 180px;
      max-height: 180px;
    }
  
    .home-info .icon {
      width: 80px;
      height: 80px;
    }
  
    .home-info h3 {
      font-size: 15px;
      margin-bottom: 0;
      margin-top: 5px;
    }
  
    .home-experts .content {
      padding-bottom: 40px;
    }
  
    .home-experts .swiper-slide {
      height: 540px;
    }
  
    .home-experts .text h2 {
      font-size: 18px;
    }
  
    .profile .zj .content .item {
      width: 100%;
      margin-right: 0 !important;
      height: 280px;
    }
  
    .introduction .content,
    .buju .content {
      padding: 10px;
    }
  
    .introduction .card a {
      padding-left: 5px;
      line-height: 40px;
    }
  
    .lingdao .item .pic {
      height: 180px !important;
    }
  
    .guahao .tabs {
      justify-content: space-between;
    }
  
    .guahao .tabs .title:nth-child(2) {
      /* margin: 0; */
    }
  
    .guahao .tabs .title {
      /* width: 85px; */
      height: 85px;
    }
  
    .guahao .pic-con .pic .info img {
      width: 80px;
      height: 80px;
    }
  
    .guahao .pic-con .pic .t,
    .newspaper-pic li h4 {
      line-height: 1.5;
    }
  
    .guahao .pic-con .pic .t1 {
      line-height: 35px;
    }
  
    .expert .content .item {
      height: 200px;
    }
  
    .location .traffic .con,
    .youzhi li {
      padding-bottom: 20px;
    }
  
    .youzhi li {
      margin-bottom: 20px;
    }
  
    .buju .table {
      padding-right: 0;
    }
  
    .buju .table .qu,
    .buju .table .num {
      width: 50px;
    }
  
    .guahao .tabs .title .icon {
      width: 30px;
      height: 35px;
    }
  
    .chuzhen .pc-table .ke {
      width: 75px;
    }
  
    .chuzhen .pc-table .th,
    .chuzhen .pc-table .td {
      width: 550px;
    }
  
    .feedback .group {
      flex-flow: column;
    }
  
    .feedback .group span {
      text-align: left;
      line-height: 40px;
    }
  
    .feedback .submit {
      padding-left: 0;
    }
  
    .kepu-pic li .pic {
      height: 200px;
    }
  
    .kepu-pic li,
    .oa .text-content {
      width: 100%;
    }
  
    .cultural li .pic {
      height: 180px;
    }
  
    .yuangong-banner img {
      /* height: 220px; */
    }
  }
  
  @media (max-width: 321px) {
    .expert .content,
    .expert .content .item .text,
    .expert-details,
    .youzhi ul,
    .guahao .swiper-slide,
    .location .traffic,
    .tijian-details .body,
    .tijian,
    .profile .text-content,
    .churu .item .text-content,
    .question .text-content .text,
    .feedback .content,
    .cultural li,
    .newspaper,
    .newspaper-pic li .text-content {
      padding: 10px;
    }
  
    .youzhi ul {
      margin-top: 20px;
    }
  
    .feedback .group {
      margin-top: 10px;
    }
  
    .location .traffic .con .txt {
      margin-top: 0;
    }
  
    .guahao .text,
    .location .traffic .con .txt,
    .profile .text-content p,
    .question .text-content .text {
      font-size: 12px;
    }
  
    .expert .content .item,
    .lingdao .item .pic,
    .kepu-pic li .pic {
      height: 160px;
    }
  
    .search span {
      margin-right: 10px;
      padding-left: 10px;
      padding-right: 10px;
    }
  
    .search input[type="submit"] {
      width: 40px;
    }
  
    .news-list li .pic {
      height: 200px;
    }
  
    .newspaper-pic li .pic {
      height: 180px;
    }
  }
  
  .staffhome-news .container ul {
    width: 100%;
  }
  .staffhome-news .container ul li {
    position: relative;
    width: 415px;
    margin-top: 60px;
    margin-right: 15px;
    padding-right: 15px;
  }
  .staffhome-news .container ul li::after {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 1px;
    background-color: #e8e8e8;
  }
  .staffhome-news .container ul li:nth-of-type(3n),
  .staffhome-news .container ul li:last-child {
    margin-right: 0;
    padding-right: 0;
  }
  
  .staffhome-news .container ul li a::after,
  .staffhome-news .container ul li:nth-of-type(3n)::after,
  .staffhome-news .container ul li:last-child::after {
    display: none;
  }
  
  @media (max-width: 1199px) {
    .staffhome-news .container ul li {
      width: calc(33.33% - 2%);
      margin-right: 2%;
      padding-right: 2%;
    }
  }
  
  @media (max-width: 767px) {
    .staffhome-news .container ul li {
      width: 100% !important;
      margin-right: 0;
      padding-right: 0;
      margin-top: 30px;
    }
    .staffhome-news .container ul li::after {
      display: none;
    }
    .home-oa .video video {
      display: none;
    }
  }
  
  
  /* 2023-9-22新加 */
  .detail img {
    max-width: 100%;
    height: auto;
  }
  
  
  
  
  
  /**专题专栏**/
  .news-ztzl {
      margin-top: 60px;
  }
  .news-ztzl a {
      margin-bottom: 20px;
      display: none;
  }
  .news-ztzl a img{
      width: 100%;
  }
  @media (max-width: 1199px) {
     .news-ztzl {
          margin-top: 40px;
      }
  }
  @media (max-width: 767px){
      .news-ztzl a img{
          width: 100%;
      }
  }
  
  /*职能部门*/
  .goujia .zn_pc { 
      display: block;
  }
  .goujia .zn_mb { 
      display: none;
  }
  @media (max-width: 767px){
      .goujia .zn_pc { 
          display: none;
      }
      .goujia .zn_mb { 
          display: block;
          width: 100%;
      }
  }
  /**底部导航**/
  .footer_new .foot-code {        
      padding: 80px 0px 60px 0;
      align-items: initial;
  }
  .footer_new .foot-code .logo{
      flex: 0 0 16%;
  }
  .footer_new ul {
      margin-top:0;
  
  }
  .footer_new ul.p_level1Box {
      display: flex;
      justify-content: space-between;
      margin-right: 0;
  }
  .footer_new ul li {
      width: 100%;
      flex: 0 0 19%;
      margin-right: 0;
  }
  .footer_new ul.s_li li {
      flex: auto;
  }
  .footer_new ul li:nth-child(2) {
      margin-right: 0;
      flex: 0 0 33%;
  }
  .footer_new ul.s_li li:nth-child(2) {
      flex: 0 0 19%;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item {
      flex: 0 0 50%;
  }
  .footer_new ul li:nth-child(2) .p_level2Box {
      display: grid;
      width: 100%;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-areas:
          "i1 i9"
          "i2 i10"
          "i3 i11"
          "i4 i12"
          "i5 i13"
          "i6 i14"
          "i7 i15"
          "i8 i16";
  }
  .footer_new ul.s_li li:nth-child(2) .p_level2Box {
      display: block;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(1) {
      grid-area: i1;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(2) {
      grid-area: i2;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(3) {
      grid-area: i3;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(4) {
      grid-area: i4;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(5) {
      grid-area: i5;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(6) {
      grid-area: i6;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(7) {
      grid-area: i7;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(8) {
      grid-area: i8;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(9) {
      grid-area: i9;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(10) {
      grid-area: i10;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(11) {
      grid-area: i11;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(12) {
      grid-area: i12;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(13) {
      grid-area: i13;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(14) {
      grid-area: i14;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(15) {
      grid-area: i15;
  }
  .footer_new ul li:nth-child(2) .p_level2Box .p_level2Item:nth-child(16) {
      grid-area: i16;
  }
  .footer_new ul.p_level2Box {
      width: 50%;
      margin-right:0;
  }
  .footer_new ul.p_level1Box .p_level1Item .p_menu1Item {
      margin: 10px 0 15px;;
      font-weight: bold;
  }
  .footer_new ul.p_level2Box .p_level2Item .p_menu2Item {
      margin:0;
  }
  .footer_new ul.p_level1Box .p_level1Item .p_menu1Item a {
      color:#222222;
      font-size: 16px;
  }
  .footer_new ul.p_level2Box .p_level2Item .p_menu2Item a{
      color:#888888;
      font-size: 14px;
  }
  .footer_new ul.p_level1Box .p_level1Item .p_menu1Item a:hover,.footer_new ul.p_level2Box .p_level2Item .p_menu2Item a:hover{
      color:#02793c;
  }
  .footer_new .foot-code .logo img{
      float: right;
  }
  .footer_new .foot-code .cbox-menu{
      flex: 0 0 71%;
      margin-left: auto;
  }
  .footer_new .foot-code .sns_new {
      float: right;
      margin-top: 25px;
  }
  .footer_new .foot-code .sns_new a {
      margin-right: 12px;
      width: 38px;
      height: 38px;
      position: relative;
  }
  .footer_new .foot-code .sns_new a img{
      width: 38px;
      height: 38px;
      transition: all 0.2s;
  }
  .footer_new .foot-code .sns_new a .s_popo {
      position: absolute;
      top: 100%;
      padding: 0.5em;
      width: 144px;
      left: 50%;
      transition: 0.4s;
      transform: translate(-50%, 12px);
      opacity: 0;
      pointer-events: none;
  }
  .footer_new .foot-code .sns_new a .s_popo > div {
    padding: 0.5em;
    background: #fff;
    box-shadow: 0px 8px 22px rgb(0 0 0 / 8%);
    border-radius: 6px;
  }
  .footer_new .foot-code .sns_new a .s_popo img {
      max-width: 100%;
      height: auto;
      width: 100%;
      float: initial;
  }
  .footer_new .foot-code .sns_new a:hover img {
      opacity: 0.8;
  }
  .footer_new .foot-code .sns_new a:hover .s_popo img {
      opacity:1;
  }
  .footer_new .foot-code .sns_new a.sp_active .s_popo{
      opacity: 1;
      pointer-events: auto;
      transform: translate(-50%, 0px);
  }
  @media (max-width: 1281px){
      .footer_new .foot-code .cbox-menu {
          flex: 0 0 74%;
      }
  }
  @media (max-width: 1200px){
      .footer_new .foot-code .logo{
          flex: 0 0 100%;
      }
      .footer_new .foot-code .logo img {
          float: initial;
          margin: 0 auto;
      }
      .footer_new .foot-code .sns_new {            
          margin: 2% auto 2%;
          float: initial;
          text-align: center;
          width: 20%;
          justify-content: center;
      }
  }
  @media (max-width: 768px){
      .footer_new .foot-code {
          padding: 60px 0px 30px 0;
      }
      .footer_new ul.p_level1Box {
          justify-content: initial;
      }
      .footer_new .foot-code .cbox-menu {
          flex: 0 0 100%;
      }
      .footer_new ul li:nth-child(2) {
          margin-right: 0;
          flex: 0 0 51%;
      }
      .footer_new ul li {
          flex: 0 0 24%;
      }
  }
  @media (max-width: 767px){
      .footer_new .foot-code .cbox-menu {
          display: none;
      }
      .footer_new .foot-code {
          padding: 40px 0px 30px 0;
          align-items: initial;
      }
      .footer_new .foot-code .sns_new {
          width: 45%;
      }
  }