.pc_ban {
      width: 100%;
      height: 490px;
      position: relative;
      overflow: hidden;
}

.pc_ban .swiper-button-prev {
      width: 40px;
      height: 40px;
      background: url(../images/ban_l.png) no-repeat center;
      left: 0%;
      margin-top: -20px;
      opacity: 0;
      background-size: 40px 40px;
      -webkit-background-size: 40px 40px;
      -moz-background-size: 40px 40px;
      -ms-background-size: 40px 40px;
      -o-background-size: 40px 40px;
      transition: all .5s;
      -o-transition: all .5s;
      -ms-transition: all .5s;
      -moz-transition: all .5s;
      -webkit-transition: all .5s;
}

.pc_ban:hover .swiper-button-prev {
      left: 2%;
      opacity: .8;
}

.pc_ban .swiper-button-next {
      width: 40px;
      height: 40px;
      background: url(../images/ban_r.png) no-repeat center;
      right: 0%;
      margin-top: -20px;
      opacity: 0;
      background-size: 40px 40px;
      -webkit-background-size: 40px 40px;
      -moz-background-size: 40px 40px;
      -ms-background-size: 40px 40px;
      -o-background-size: 40px 40px;
      transition: all .5s;
      -o-transition: all .5s;
      -ms-transition: all .5s;
      -moz-transition: all .5s;
      -webkit-transition: all .5s;
}

.pc_ban:hover .swiper-button-next {
      right: 2%;
      opacity: .8;
}

.pc_ban .container {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 99;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
}

.pc_ban .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
}

.pc_ban .w_z {
      width: 80%;
      margin: 0 auto;
      color: #fff;
      text-align: center;
      position: relative;
}

.pc_ban .w_z h2 {
      font-size: 44px;
      font-weight: bold;
      line-height: 56px;
}

.pc_ban .w_z p {
      font-size: 22px;
      text-transform: uppercase;
      line-height: 32px;
      margin-top: 15px;
}

@media only screen and (max-width:992px) {
      .pc_ban {
            height: 24vh;
            min-height: inherit;
      }

      .pc_ban .container {
            width: 100%;
            top: 50%;
      }

      .pc_ban .swiper-button-prev {
            display: none;
      }

      .pc_ban .swiper-button-next {
            display: none;
      }

      .pc_ban .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
      }

      .pc_ban .w_z {
            width: 100%;
      }

      .pc_ban .w_z h2 {
            font-size: 22px;
            font-weight: normal;
            line-height: 32px;
      }

      .pc_ban .w_z p {
            font-size: 16px;
            letter-spacing: 1px;
            line-height: 26px;
      }
}

@media only screen and (max-width:640px) {
      .pc_ban .w_z h2 {
            font-size: 20px;
            font-weight: bold;
            line-height: 28px;
      }

      .pc_ban .w_z p {
            font-size: 14px;
            line-height: 24px;
            margin-top: 8px;
      }
}

.sy_js {
      width: 100%;
      padding: 30px 0;
      background-color: #f5f5f5;
}

.sy_js .js_nr {
}
.sy_js .js_nr ul{
      display: flex;
      align-items: center;
      justify-content: space-between;
}
.sy_js .js_nr ul li {
    width:calc((100% - 60px)/4);
      padding: 10px 0 10px 80px;
      margin-right: 20px;
      transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
}

.sy_js .js_nr ul li:first-child {
      width: 270px;
}

.sy_js .js_nr ul li:last-child {
      margin-right: 0;
}

.sy_js .js_nr ul li:hover {
      transform: translateY(-2px);
      -webkit-transform: translateY(-2px);
      -moz-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
      -o-transform: translateY(-2px);
}

.sy_js .js_nr h3 {
      font-size: 18px;
      line-height: 26px;
      color: #000;
    font-weight: bold;
}

.sy_js .js_nr p {
      color: #999;
      line-height: 24px;
}

.sy_js1 {
      width: 100%;
      padding: 10px 0 20px;
      background-color: #f5f5f5;
      height: auto;
      overflow: hidden;
      display: none
}

.sy_js1 li {
      text-align: center;
      width: 25%;
      float: left
}

.sy_js1 li img {
      width: 50%;
      margin: 0 auto 10px
}

.sy_js1 li h3 {
      font-size: 14px
}

@media only screen and (max-width:992px) {
      .sy_js {
            display: none
      }

      .sy_js1 {
            display: block
      }
}

.sy_yw {
      width: 100%;
      padding: 40px 0;
}

.sy_yw .yw_nr {
      width: 1220px;
}

.sy_yw .yw_nr ul li {
      width: 285px;
      margin-right: 20px;
      float: left;
      transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
}

.sy_yw .yw_nr ul li:hover {
      box-shadow: 0 0 15px #ddd;
      transform: translateY(-2px);
      -webkit-transform: translateY(-2px);
      -moz-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
      -o-transform: translateY(-2px);
}

.sy_yw .yw_nr ul li img {
      display: block;
}

.sy_kc {
      width: 100%;
      padding: 40px 0 5px;
      background-color: #f5f5f5;
}
.sy_kc:nth-of-type(odd){
      background-color: #fff;
}
.sy_kc .kc_bt {
      margin-bottom: 20px;
      line-height: 30px;
      display: flex;
      align-items: center;
      justify-content: space-between;
}

.sy_kc .kc_bt .m_c {
      padding-left: 15px;
      background: url(../images/sx.jpg) no-repeat left center;
      font-size: 23px;
      font-weight: bold;
      color: #0f499c
}

.sy_kc .kc_bt .f_l {
      margin-left: 10px;
      margin-right: auto;
      max-width: 68%;
      display: flex;
      flex-wrap: wrap;
      line-height: 1.6;
}

.sy_kc .kc_bt .f_l a {
      font-size: 14px;
      color: #333;
      position: relative;
      white-space: nowrap;
      /* background: url(../images/sx1.jpg) no-repeat right center; */
}
.sy_kc .kc_bt .f_l a{
      padding: 0 15px;
}
.sy_kc .kc_bt .f_l a::after{
      content: "";
      width: 1px;
      height: 40%;
      background-color: #999;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
}
.sy_kc .kc_bt .f_l a.bn {
      background: none;
}

.sy_kc .kc_bt .f_l a:hover {
      color: #0f499c;
}

.sy_kc .kc_bt a.more {
      height: 30px;
      padding: 0 30px 0 20px;
      border-radius: 15px;
      background: #0f499c url(../images/jt.png) no-repeat 55px center;
      font-size: 14px;
      color: #fff;
      line-height: 30px;
      float: right;
}

.sy_kc .kc_bt a.gkk {
      width: 96px;
      height: 28px;
      margin-top: 1px;
      margin-right: 16px;
      background-color: #0f499c;
      font-size: 14px;
      color: #fff;
      text-align: center;
      line-height: 28px;
      float: right;
}

.sy_kc .kc_fl {
      margin-bottom: 20px;
      overflow: hidden;
}

.sy_kc .gk_kc {
      width: 1215px;
}

.sy_kc .gk_kc ul li {
      width: 228px;
      margin-right: 15px;
      margin-bottom: 15px;
      float: left;
      transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
}

.sy_kc .t_p {
      overflow: hidden;
      text-align: center
}

.sy_kc .t_p img {
      display: block;
      transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      width: 100%;
      height: 205px;
}

.sy_kc .gk_kc ul li:hover .t_p img {
      transform: scale(1.05);
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
}

.sy_kc .qy_kc .k_c ul li:hover .t_p img {
      transform: scale(1.05);
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
}

.sy_kc .px_kc .k_c ul li:hover .t_p img {
      transform: scale(1.05);
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
}

.sy_kc .w_z {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 10px;
      background-color: #f0f0f0;
      font-size: 14px;
      color: #fff;
      line-height: 26px;
}

.sy_kc .qy_kc .k_c ul li a:hover .w_z {
      padding: 10px;
      background-color: #0f499c;
      font-size: 14px;
      color: #fff;
      line-height: 26px;
}

.sy_kc .w_z h3 {
      width: 100%;
      font-size: 14px;
      color: #666;
      margin-bottom: 8px;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}

.sy_kc .qy_kc .k_c ul li a:hover .w_z h3 {
      color: #fff
}

.sy_kc .w_z span.d_d {
      float: left;
      font-size: 14px;
      color: #999;
}

.sy_kc .qy_kc .k_c ul li a:hover .w_z span.d_d {
      color: #fff
}

.sy_kc .w_z span.j_g {
      float: right;
      font-size: 16px;
      color: #fa6400;
      font-weight: bold;
      text-align: center;
      display: block
}

.sy_kc .w_z span.y_h {
      float: left;
      font-size: 14px;
      color: #999;
      padding-left: 20px;
      background: url(../images/a8.png) no-repeat left center;
}

.sy_kc .d_t {
      width: 228px;
      float: left;
      display: none;
}

.sy_kc .qy_kc .k_c {
      width: 100%;
      /*float: right;*/
}
.sy_kc .qy_kc .k_c ul{
      display: flex;
      flex-wrap: wrap;
}
.sy_kc .qy_kc .k_c ul li {
      width: calc((100% - 60px)/5);
      margin-right: 15px;
      margin-bottom: 15px;
      transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: #f0f0f0 1px solid
}
.sy_kc .qy_kc .k_c ul li:nth-child(5n){
    margin-right: 0;
}
.sy_kc .qy_kc .k_c ul li a{
      height: 100%;
      display: block;
      background-color: #f0f0f0;
}
.sy_kc .qy_kc .k_c ul li a:hover{
      background-color: #0f499c;
}
.sy_kc .qy_kc .k_c ul li.d_l {
      width: 471px;
      margin-bottom: 14px;
}

.sy_kc .px_kc .k_c {
      width: 957px;
      float: right;
}

.sy_kc .px_kc .k_c ul {
      width: 972px;
}

.sy_kc .px_kc .k_c ul li {
      width: 160px;
      padding: 9px;
      background-color: #fff;
      margin-right: 16px;
      margin-bottom: 15px;
      float: left;
      transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
}

.sy_kc .px_kc .k_c ul li:hover {
      box-shadow: 0 0 15px #999;
}

.sy_kc .px_kc .k_c .w_z {
      padding: 10px 1px 1px;
}

.sy_kc .px_kc .k_c .w_z em {
      padding-left: 5px;
      color: #999;
}

@media only screen and (max-width:992px) {
      .sy_kc {
            width: 100%;
            padding: 20px 0 5px;
            background-color: #f5f5f5;
      }

      .sy_kc .gk_kc {
            width: 100%;
      }

      .sy_kc .gk_kc ul li {
            width: 49%;
            margin-right: 2%;
            margin-bottom: 2%;
            float: left;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
      }

      .sy_kc .gk_kc ul li:nth-child(2n) {
            margin-right: 0;
      }

      .sy_kc .d_t {
            display: none
      }

      .sy_kc .qy_kc .k_c {
            width: 100%;
            float: none;
      }
      .sy_kc .qy_kc .k_c ul{
            display: flex;
            flex-wrap: wrap;
      }
      .sy_kc .qy_kc .k_c ul li {
            float: none;
            width: calc((100% - 2%)/2);
            margin-left: 0;
            margin-right: 2%;
            margin-bottom: 2%;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: #f0f0f0 1px solid
      }

      .sy_kc .qy_kc .k_c ul li:nth-child(2n) {
            margin-right: 0;
      }

      .sy_kc .qy_kc .k_c ul li img {
            width: 100%
      }
      .sy_kc .kc_bt{
            flex-direction: column;
            align-items: flex-start;
      }
      .sy_kc .kc_bt a.more {
            display: none
      }

      .sy_kc .kc_bt .m_c {
            padding-left: 15px;
            background: url(../images/sx.jpg) no-repeat left center;
            font-size: 16px;
            float: left;
            font-weight: bold;
            color: #0f499c
      }

      .sy_kc .kc_bt .f_l {
            margin-left: 0;
            max-width: 100%;
      }

      .sy_kc .kc_bt .f_l a {
            padding: 0 15px;
            color: #333;
            background: url(../images/sx1.jpg) no-repeat right center;
            font-size: 14px
      }

      .sy_kc .t_p img {
            height: auto;
      }
}

.sy_xw1 {
      width: 100%;
      padding: 40px 0;
      background-color: #f5f5f5
}

.sy_xw1 .b_t {
      margin-bottom: 30px;
      text-align: center;
}

.sy_xw1 .b_t h3 {
      font-size: 28px;
      color: #333;
      font-weight: bold;
      margin-bottom: 15px;
}

.sy_xw1 .b_t em {
      width: 50px;
      height: 2px;
      background-color: #0f499c;
      display: block;
      margin: 0 auto;
}

.sy_xw1 .xw_nr {
      width: 384px;
      margin-right: 24px;
      float: left;
}
.sy_xw1 .xw_nr:nth-of-type(4) {
      margin-right: 0;
}

.sy_xw1 .xw_nr .t_p {
      width: 100%;
      height: 215px;
      position: relative;
      overflow: hidden;
}
.sy_xw1 .xw_nr .t_p a{
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
}
.sy_xw1 .xw_nr .t_p img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
}

.sy_xw1 .xw_nr .t_p:hover img {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
}

.sy_xw1 .xw_nr .l_m {
      width: 100%;
      height: 50px;
      background: url(../images/hb.png);
      line-height: 50px;
      position: absolute;
      left: 0;
      bottom: 0;
}

.sy_xw1 .xw_nr .l_m .m_c {
      padding-left: 15px;
      background: url(../images/sx.jpg) no-repeat left center;
      margin-left: 15px;
      font-size: 18px;
      color: #fff;
      font-weight: bold;
      float: left;
}

.sy_xw1 .xw_nr .l_m a.more {
      margin-right: 15px;
      font-size: 14px;
      color: #fff;
      float: right;
}

.sy_xw1 .xw_nr .l_m a.more:hover {
      color: #0f499c;
}

.sy_xw1 .xw_nr .x_w {
      background-color: #fff;
      padding: 16px 12px;
}

.sy_xw1 .xw_nr .x_w ul li {
      padding-left: 12px;
      background: url(../images/dd.jpg) no-repeat left center;
      line-height: 34px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
}

.sy_xw1 .xw_nr .x_w span {
      float: right;
}

@media only screen and (max-width:992px) {
      .sy_xw1 {
            width: 100%;
            padding: 20px 0;
            background-color: #f5f5f5
      }

      .sy_xw1 .b_t h3 {
            font-size: 16px;
            color: #333;
            font-weight: bold;
            margin-bottom: 15px;
      }

      .sy_xw1 .xw_nr {
            width: 100%;
            margin-right: 0;
            float: none;
      }

      .sy_xw1 .xw_nr:nth-child(2) {
            display: none
      }

      .sy_xw1 .xw_nr:nth-child(3) {
            display: none
      }
}

.sy_xz {
      width: 100%;
      padding: 40px 0 80px;
      background-color: #f8f8f8;
}

.sy_xz .b_t {
      margin-bottom: 30px;
      text-align: center;
}

.sy_xz .b_t h3 {
      font-size: 28px;
      color: #333;
      font-weight: bold;
      margin-bottom: 15px;
}

.sy_xz .b_t em {
      width: 50px;
      height: 2px;
      background-color: #0f499c;
      display: block;
      margin: 0 auto;
}

.sy_xz .b_t p {
      margin-top: 8px;
}

.sy_xz .xz_wm {
      width: 1213px;
}

.sy_xz .xz_wm ul li {
      width: 328px;
      padding: 30px;
      background-color: #fff;
      margin-top: 13px;
      margin-right: 13px;
      float: left;
      overflow: hidden;
      transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
}

.sy_xz .xz_wm ul li:hover {
      box-shadow: 0 0 15px #ddd;
}

.sy_xz .xz_wm .t_b {
      width: 70px;
      margin: 0 auto;
}

.sy_xz .xz_wm .t_b img {
      display: block;
      transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
}

.sy_xz .xz_wm ul li:hover .t_b img {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
}

.sy_xz .xz_wm .w_z {
      font-size: 16px;
      line-height: 26px;
      text-align: center;
      margin-top: 10px;
}

.sy_ys {
      width: 100%;
      padding: 40px 0;
}

.sy_ys .y_s {
      float: left;
      margin-right: 87px;
      padding-left: 72px;
      font-size: 18px;
      line-height: 56px;
}

.sy_ys .y_a {
      background: url(../images/b1.png) no-repeat left center;
}

.sy_ys .y_b {
      background: url(../images/b2.png) no-repeat left center;
}

.sy_ys .y_c {
      background: url(../images/b3.png) no-repeat left center;
}

.sy_ys .y_d {
      background: url(../images/b4.png) no-repeat left center;
      margin-right: 0;
}

.sy_kh {
      width: 100%;
      padding: 40px 0 50px;
      background-color: #fff;
}

.sy_kh .b_t {
      margin-bottom: 30px;
      text-align: center;
}

.sy_kh .b_t h3 {
      font-size: 28px;
      color: #333;
      font-weight: bold;
      margin-bottom: 15px;
}

.sy_kh .b_t em {
      width: 50px;
      height: 2px;
      background-color: #0f499c;
      display: block;
      margin: 0 auto;
}

.sy_kh .kh_lb {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
}
.sy_kh .kh_lb img{

}
.sy_kh .kh_lb div {
      padding: 5px;
      width: calc((100% - 45px)/10);
      overflow: hidden;
      border: #f0f0f0 1px solid;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
}

.sy_kh .kh_lb img {
      width: 68%;
      height: 86%;
      margin: 0 auto;
      display: block;
      object-fit: contain;
      transition: all .5s;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
}

.sy_kh .kh_lb div:hover img {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
}

@media only screen and (max-width:992px) {
      .sy_kh {
            width: 100%;
            padding: 20px 0 20px;
            background-color: #fff;
      }

      .sy_kh .b_t {
            margin-bottom: 20px;
            text-align: center;
      }

      .sy_kh .b_t h3 {
            font-size: 16px;
            color: #333;
            font-weight: bold;
            margin-bottom: 15px;
      }

      .sy_kh .kh_lb {
            width: 100%;
            justify-content: flex-start;
      }

      .sy_kh .kh_lb div {
            width: calc((100% - 8%)/5);
            margin-top: 6px;
            margin-right: 2%;
            overflow: hidden;
            border: #f0f0f0 1px solid;
            box-sizing: border-box;
      }
      .sy_kh .kh_lb div:nth-child(5n){
            margin-right: 0;
      }
      .sy_kh .kh_lb ul li img {
            width: 100%
      }

      .sy_kh .kh_lb ul li:nth-child(3n) {
            margin-right: 0;
      }
}