@charset "utf-8";

@font-face {

  font-family: myFont;

  src: url(../fonts/myFont.ttf);

}

@font-face {

  font-family: "DIN";

  src: url("../fonts/dincond-medium-webfont.eot");

  src:

    url("../fonts/dincond-medium-webfont.eot?#iefix") format("embedded-opentype"),

    url("../fonts/dincond-medium-webfont.woff") format("woff"),

    url("../fonts/dincond-medium-webfont.ttf") format("truetype"),

    url("../fonts/dincond-medium-webfont.svg#novecentowide-bold-webfont") format("svg");

  font-weight: normal;

  font-style: normal;

}

html,

body {

  height: 100%;

}

:root {

  --main-color: #2879fb;

}



/*header*/

header {

  height: 90px;

  position: fixed;

  left: 0;

  top: 0;

  right: 0;

  z-index: 999;

  background-color: rgba(0, 0, 0, 0.5);

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  transition: background 0.3s;

}

header.hover {

  background-color: #ffffff;

  border-bottom: none;

  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);

}

header > .pd {

  height: 100%;

}

header .logo {

  float: left;

  position: relative;

  top: 50%;

  transform: translateY(-50%);

}

header .logo a {

  display: block;

  width: 144px;

  position: relative;

  height: 38px;

}

header .logo img {

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  transition: all 0.3s;

  z-index: 0;

}

header .logo img:nth-child(2) {

  opacity: 0;

}

header.hover .logo img:nth-child(1) {

  opacity: 0;

}

header.hover .logo img:nth-child(2) {

  opacity: 1;

  z-index: 1;

}

header .header_btn {

  float: right;

  height: 100%;

  border-left: 1px solid rgba(255, 255, 255, 0.2);

  padding-left: 15px;

}

header.hover .header_btn {

  border-left: 1px solid rgba(0, 0, 0, 0.1);

}

header .header_btn .btn_ {

  float: left;

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  margin: 0 15px;

  height: 100%;

}

header .header_btn .icon {

  width: 34px;

  height: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: 32px;

}

header .header_btn .wechat .icon {

  background-image: url(../images/wechat_white.svg);

}

header .header_btn .search .icon {

  background-image: url(../images/search_white.svg);

  cursor: pointer;

}

header.hover .header_btn .wechat .icon {

  background-image: url(../images/wechat_gray.svg);

}

header.hover .header_btn .search .icon {

  background-image: url(../images/search_gray.svg);

}

header .header_btn .wechat .icon:hover {

  background-image: url(../images/wechat_blue.svg);

}

header .header_btn .search .icon:hover {

  background-image: url(../images/search_blue.svg);

  cursor: pointer;

}

header .header_btn .wechat .ewm_box {

  position: absolute;

  left: -30px;

  top: 100%;

  width: 110px;

  height: 100px;

  display: none;

}

header nav {

  float: right;

  display: inline-block;

  padding-right: 15px;

  height: 100%;

}

header nav > a {

  float: left;

  padding: 0 22px;

  height: 100%;

}

header nav > a:after {

  content: "";

  display: block;

  clear: both;

}

header nav > a span {

  line-height: 90px;

  color: #fff;

  font-size: 18px;

  font-weight: 700;

  float: left;

  position: relative;

}

header.hover nav > a span {

  color: #666666;

}

header nav > a span:after {

  content: "";

  width: 0;

  height: 2px;

  position: absolute;

  bottom: 1px;

  left: 50%;

  background-color: #fff;

  transform: translateX(-50%);

  transition: all 0.3s linear;

}

header.hover nav > a span:after {

  background-color: var(--main-color);

}

header nav > a.active span {

  color: var(--blue-color);

}

header nav > a.active span:after {

  background-color: var(--blue-color);

}

header nav > a.active span:after,

header nav > a:hover span:after {

  width: 100%;

}





header.hover nav > a.active span,

header.hover nav > a:hover span {

  color: var(--main-color);

}





header nav > a .icon {

  width: 12px;

  height: 12px;

  float: left;

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  background-image: url(../images/menu_top_icon_down.svg);

  background-repeat: no-repeat;

  background-position: center;

  margin-top: 2px;

  margin-left: 12px;

}

/*header_nav_drop*/

.header_nav_box {

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  background-color: rgba(0, 0, 0, 0.5);

  z-index: 998;

  display: none;

}

.header_nav_box.show {

  display: block;

}

header nav .nav_cont {

  position: absolute;

  left: 0;

  right: 0;

  top: 100%;

  width: 100%;

  height: 330px;

  background-color: #fff;

  display: none;

}

.header_nav_box .nav_cont {

  position: absolute;

  left: 0;

  right: 0;

  top: 90px;

  background-color: #fff;

  height: 330px;

  display: none;

}

.nav_drop_item .box_ {

  height: 100%;

}

.nav_drop_item {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 330px;

  background-color: #ffffff;

  display: none;

  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);

}

.nav_drop_item .l_ {

  float: left;

  width: 33%;

  height: 100%;

  padding-left: 14.5%;

  background-image: url(../images/menu_img_left.jpg);

  background-size: 100% 100%;

  background-repeat: no-repeat;

  padding-top: 65px;

  padding-right: 55px;

}

.nav_drop_item .r_ {

  float: left;

  width: 67%;

  height: 100%;

  padding-right: 14.5%;

}

.nav_drop_item .l_ .con {

  position: relative;

  height: 100%;

}

.nav_drop_item .l_ .t {

  font-size: 22px;

  font-weight: bold;

  color: #2879fb;

}

.nav_drop_item .l_ .des {

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  color: #666666;

  margin-top: 20px;

}

.nav_drop_item .l_ .more {

  position: absolute;

  left: 0;

  bottom: 50px;

  display: block;

  border-top: 1px solid #ccc;

  width: 100%;

  padding-top: 18px;

  background-image: url(../images/next_gray.svg);

  background-repeat: no-repeat;

  background-position: right 22px;

  background-size: 14px;

}

.nav_drop_item .l_ .more span {

  height: 21px;

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 21px;

  color: #666666;

}

.nav_drop_item .r_ .con {

  height: 100%;

  padding: 65px 0 0 55px;

}

.nav_drop_item .r_ .list_ {

  margin: -20px -30px;

}

.nav_drop_item .r_ .i {

  float: left;

  width: 33.33%;

  padding: 20px 30px;

}

.nav_drop_item .r_ a {

  position: relative;

  display: block;

  padding-bottom: 20px;

  background-image: url(../images/menu_icon_down.svg);

  background-repeat: no-repeat;

  background-position: right 5px;

  background-size: 12px;

  height: 55px;

}

.nav_drop_item .r_ a:hover {

  background-image: url(../images/menu_icon_down_hover.svg);

}

.nav_drop_item .r_ a:after {

  content: "";

  width: 100%;

  height: 1px;

  background-color: #eee;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 0;

}

.nav_drop_item .r_ a:before {

  content: "";

  width: 0;

  height: 1px;

  background-color: var(--main-color);

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 1;

  transition: all 0.3s linear;

}

.nav_drop_item .r_ a:hover:before {

  width: 100%;

}

.nav_drop_item .r_ a span {

  font-size: 18px;

  font-weight: bold;

  color: #333333;

  transition: all 0.3s;

}

.nav_drop_item .r_ a:hover span {

  color: var(--main-color);

}

.index_search_box {

  position: fixed;

  top: 0px;

  left: 0;

  right: 0;

  height: 90px;

  background-color: #fff;

  z-index: 1000;

  display: none;

}

.index_search_box .close_search_box_ {

  position: absolute;

  right: 10px;

  top: 50%;

  transform: translateY(-50%);

  width: 30px;

  height: 30px;

  background-image: url(../images/close_.png);

  background-size: 16px;

  background-position: center;

  background-repeat: no-repeat;

  cursor: pointer;

}

.index_search_box .cont {

  position: relative;

  width: 100%;

  height: 40px;

  margin-top: 25px;

}

.index_search_box .cont input {

  position: absolute;

  display: block;

  width: calc(100% - 100px);

  height: 100%;

  left: 0;

  top: 0;

  border: none;

  background-color: rgba(40, 121, 251, 0.2);

  padding: 0 20px;

}

.index_search_box .cont button {

  position: absolute;

  right: 0;

  width: 90px;

  background-color: var(--main-color);

  top: 0;

  height: 100%;

  font-size: 16px;

  color: #fff;

  cursor: pointer;

}

header .header_btn .nav_btn_m {

  display: none;

}

@media (max-width: 1780px) {



header nav > a {

  padding: 0 18px;

}



}

@media (max-width: 1680px) {



  header .pd {

    padding: 0 12.5%;

  }



}

@media (max-width: 1580px) {



  header .pd {

    padding: 0 12%;

  }

  header nav > a {

      padding: 0 10px;

  }

}

@media (max-width: 1500px) {
  header .pd {

    padding: 0 10%;

  }
  header nav > a {

    padding: 0 12px;

  }

}

@media (max-width: 1440px) {

header .pd {

  padding: 0 5%;

}



}

@media (max-width: 1279px) {

  header nav {

    display: none;

  }

  header {

    height: 62px;

  }

  header .logo a {

    width: 115px;

    /* height: 28px; */

  }

  header .header_btn .icon {

    background-size: 24px;

    width: 24px;

  }

  header .header_btn .wechat {

    display: none;

  }

  .index_search_box {

  }

  header .header_btn .nav_btn_m {

    display: block;

  }

  header .header_btn .nav_btn_m span {

    display: block;

    width: 80%;

    height: 2px;

    background-color: #fff;

    margin: 3px 0;

  }

  header.hover .header_btn .nav_btn_m span {

    background-color: #666;

  }

  header .header_btn .nav_btn_m .icon {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

  }

}

@media (max-width: 768px) {

  .index_search_box .cont {

    margin-top: 11px;

  }

  .index_search_box {

    height: 60px;

  }

  .index_search_box .close_search_box_ {

    display: none;

  }

}

/*nav_m_box*/

.nav_m_box {

  position: fixed;

  z-index: -99;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.7);

  opacity: 0;

}

.nav_m_cont {

  position: absolute;

  left: 60px;

  top: 0;

  bottom: 0;

  right: 0;

  background-color: #fff;

  transform: translateX(100%);

  transition: all 0.3s;

}

.nav_m_box.show {

  z-index: 10000;

  opacity: 1;

}

.nav_m_box.show .nav_m_cont {

  transform: translateX(0);

}

.nav_m_cont .box___ {

  width: 100%;

  height: 100%;

  overflow-x: auto;

  padding: 20px;

}

.nav_m_cont .box___::-webkit-scrollbar {

  width: 2px;

  height: 2px;

}

.nav_m_cont .box___::-webkit-scrollbar-button:vertical {

  display: none;

}

.nav_m_cont .box___::-webkit-scrollbar-corner,

.nav_m_cont .box___::-webkit-scrollbar-track {

  background-color: #ccc;

}

.nav_m_cont .box___::-webkit-scrollbar-thumb {

  border-radius: 0;

  background-color: #016ec5;

}

.nav_m_cont .box___::-webkit-scrollbar-thumb:vertical:hover {

  background-color: #016ec5;

}

.nav_m_cont .box___::-webkit-scrollbar-thumb:vertical:active {

  background-color: #016ec5;

}

.nav_m_cont .box___ li {

  padding: 10px 0;

}

.nav_m_cont .box___ li:first-child {

  margin-bottom: 15px;

}

.nav_m_cont .box___ li:first-child .yiji_m a {

  font-size: 20px;

  color: var(--main-color);

  font-weight: bold;

}

.nav_m_cont .box___ li:first-child {

  border-bottom: 1px solid #eee;

  padding-bottom: 20px;

}

.nav_m_cont .box___ .yiji_m:after {

  content: "";

  clear: both;

  display: block;

}

.nav_m_cont .box___ .yiji_m {

}

.nav_m_cont .box___ .yiji_m a {

  font-size: 18px;

  color: #222;

  float: left;

}

.nav_m_cont .box___ .yiji_m .icon {

  width: 23px;

  height: 23px;

  float: right;

  background-image: url(../images/download.png);

  background-repeat: no-repeat;

  background-size: 16px;

  background-position: center;

  transition: all 0.3s;

}

.nav_m_cont .box___ .yiji_m .icon.active {

  transform: rotate(180deg);

}

.nav_m_cont .box___ .drop_down_m {

  overflow-x: auto;

  display: none;

  margin-top: 10px;

}

.nav_m_cont .box___ .drop_down_m::-webkit-scrollbar {

  width: 2px;

  height: 2px;

}

.nav_m_cont .box___ .drop_down_m::-webkit-scrollbar-button:vertical {

  display: none;

}

.nav_m_cont .box___ .drop_down_m::-webkit-scrollbar-corner,

.nav_m_cont .box___ .drop_down_m::-webkit-scrollbar-track {

  background-color: #ccc;

}

.nav_m_cont .box___ .drop_down_m::-webkit-scrollbar-thumb {

  border-radius: 0;

  background-color: #016ec5;

}

.nav_m_cont .box___ .drop_down_m::-webkit-scrollbar-thumb:vertical:hover {

  background-color: #016ec5;

}

.nav_m_cont .box___ .drop_down_m::-webkit-scrollbar-thumb:vertical:active {

  background-color: #016ec5;

}

.nav_m_cont .box___ .drop_down_m a {

  display: block;

  font-size: 16px;

  color: #666;

  padding-left: 20px;

  margin: 10px 0;

}

.nav_m_cont .nav_close_m {

  position: absolute;

  width: 30px;

  height: 30px;

  right: 20px;

  top: 30px;

  background-image: url(../images/close_.png);

  background-position: center;

  background-size: 16px;

  background-repeat: no-repeat;

}



/*首页banner*/

.index_banner {

  height: 100vh;

  background-color: #ccc;

  position: relative;

}

.index_banner .swiper-slide {

  position: relative;

}

.index_banner .swiper-slide .img_pc {

  height: 100vh;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  transform: scale(1.2);

}

.index_banner .swiper-slide-active .img_pc {

  transform: scale(1);

  transition: 5s linear;

}

.index_banner .img_pc video {

  -o-object-fit: cover;

  object-fit: cover;

  width: 100%;

  height: 100%;

}

.index_banner_text {

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 2;

}

.index_banner .swiper-slide .index_banner_text .t1 {

  font-size: 30px;

  color: #fff;

  font-weight: 300;

  opacity: 0;

  -webkit-transform: translateY(50px);

  -ms-transform: translateY(50px);

  transform: translateY(50px);

}

.index_banner .swiper-slide-active .index_banner_text .t1 {

  opacity: 1;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

  -webkit-transition: all 1s;

  -o-transition: all 1s;

  transition: all 1s;

}

.index_banner .swiper-slide .index_banner_text .t2 {

  font-size: 48px;

  color: #fff;

  margin-top: 10px;

  opacity: 0;

  -webkit-transform: translateY(50px);

  -ms-transform: translateY(50px);

  transform: translateY(50px);

  font-weight: bold;

}

.index_banner .swiper-slide-active .index_banner_text .t2 {

  opacity: 1;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

  -webkit-transition: all 1s 0.3s;

  -o-transition: all 1s 0.3s;

  transition: all 1s 0.3s;

}

.index_banner .swiper-slide .index_banner_text .t3 {

  display: block;

  margin-top: 60px;

  width: 160px;

  height: 50px;

  background: var(--main-color);

  border-radius: 4px;

  font-size: 14px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 50px;

  color: #ffffff;

  text-align: center;

  -webkit-transform: translateY(70px);

  -ms-transform: translateY(70px);

  transform: translateY(70px);

  opacity: 0;

}

.index_banner .swiper-slide-active .index_banner_text .t3 {

  opacity: 1;

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

  -webkit-transition: all 1s 0.6s;

  -o-transition: all 1s 0.6s;

  transition: all 1s 0.6s;

}

.index_banner_btn .btn_ {

  transform: translateY(-50%);

  position: absolute;

  top: 50%;

  width: 56px;

  height: 56px;

  background: #ffffff;

  border-radius: 50%;

  z-index: 3;

  background-image: url(../images/next_gray.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 24px;

  cursor: pointer;

  transition: all 0.3s;

}

.index_banner_btn .btn_:hover {

  background-color: var(--main-color);

  background-image: url(../images/next_white.svg);

}

.index_banner_btn .prev {

  left: 7%;

  transform: translateY(-50%) rotate(180deg);

}

.index_banner_btn .next {

  right: 7%;

}

.index_banner .swiper-pagination {

  bottom: 60px;

  text-align: right;

  padding-right: 14.5%;

}

.index_banner .swiper-pagination-bullet {

  width: 30px;

  height: 4px;

  background: rgba(255, 255, 255, 0.5);

  opacity: 1;

  border-radius: 0px;

  transition: all 0.4s linear;

}

.index_banner .swiper-pagination-bullet-active {

  width: 60px;

  height: 4px;

  background: #ffffff;

  opacity: 1;

  border-radius: 0px;

}

@media (max-width: 1440px) {

  .index_banner_btn .prev {

    left: 10px;

  }

  .index_banner_btn .next {

    right: 10px;

  }

}

@media (max-width: 1200px) {

  .index_banner_btn .btn_ {

    display: none;

  }

  .index_banner .swiper-pagination {

    text-align: center;

    padding-right: 0;

  }

}

@media (max-width: 768px) {

  .index_banner {

    height: auto;

  }

  .index_banner .swiper-slide .index_banner_text .t1 {

    font-size: 20px;

  }

  .index_banner .swiper-slide .index_banner_text .t2 {

    font-size: 24px;

  }

  .index_banner .swiper-slide .index_banner_text .t3 {

    height: 42px;

    line-height: 42px;

    width: 120px;

  }

  .index_banner .swiper-pagination {

    bottom: 10px;

  }

  .index_banner .swiper-pagination-bullet {

    width: 15px;

  }

  .index_banner .swiper-pagination-bullet-active {

    width: 30px;

  }

}

@media (max-width: 374px) {

  .index_banner .swiper-slide .index_banner_text .t1 {

    font-size: 18px;

  }

  .index_banner .swiper-slide .index_banner_text .t2 {

    font-size: 20px;

  }

}



/*index pub css*/

.index_pub_title {

  text-align: center;

}

.index_pub_title p {

  font-size: 36px;

  font-weight: bold;

  color: #333;

}

.index_pub_title span {

  font-size: 20px;

  font-weight: 400;

  line-height: 28px;

  color: #999999;

  padding-top: 15px;

  display: inline-block;

}

.public_more01 {

  width: 322px;

  position: relative;

  padding-top: 20px;

  background-image: url(../images/next_gray.svg);

  background-repeat: no-repeat;

  background-position: right bottom;

  background-size: 20px;

  display: inline-block;

}

.public_more01:after {

  content: "";

  width: 100%;

  height: 1px;

  background: #c4c4c4;

  position: absolute;

  top: 0;

  left: 0;

}

.public_more01:before {

  content: "";

  width: 0;

  height: 1px;

  background: var(--main-color);

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  transition: all 0.3s linear;

}

.public_more01 span {

  font-size: 16px;

  font-weight: 400;

  color: #999999;

}

.public_more01:hover span {

  color: var(--main-color);

}

.public_more01:hover {

  background-image: url(../images/next_blue.svg);

}

.public_more01:hover:before {

  width: 100%;

}

@media (max-width: 768px) {

  .index_pub_title p {

    font-size: 24px;

  }

  .public_more01 {

    width: 100%;

  }

  .index_pub_title span {

    font-size: 16px;

  }

}



/*index_p1*/

.index_p1 {

  background-color: #fff;

  padding: 32px 0;

}

.index_p1 .list_ .i {

  float: left;

  width: 25%;

}

.index_p1 .list_ .i_ {

  border-left: 1px solid rgba(238, 238, 238, 1);

}

.index_p1 .list_ .i .img {

  padding-left: 25px;

}

.index_p1 .list_ .i .img img {

  width: 100%;

  max-width: 30px;

}

.index_p1 .list_ .i .text {

  position: relative;

  margin-top: 15px;

  padding-left: 25px;

}

.index_p1 .list_ .i .text:after {

  content: "";

  width: 1px;

  height: 100%;

  position: absolute;

  left: -1px;

  bottom: 0;

  background-color: rgba(214, 214, 214, 1);

}

.index_p1 .list_ .i .text p {

  font-size: 24px;

  font-weight: bold;

  color: #333333;

}

.index_p1 .list_ .i .text span {

  font-size: 16px;

  font-weight: 400;

  color: #333333;

  opacity: 0.6;

  margin-top: 14px;

  display: block;

}

@media (max-width: 1200px) {

  .index_p1 .list_ {

    margin: -20px;

  }

  .index_p1 .list_ .i {

    width: 50%;

    padding: 20px;

  }

}

@media (max-width: 768px) {

  .index_p1 .list_ .i {

    width: 100%;

  }

  .index_p1 .list_ .i .text p {

    font-size: 20px;

  }

}



/*index_p2*/

.index_p2 {

  padding-top: 60px;

  background-image: url(../images/index_p2_bg.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}

.index_p2 .cont {

  position: relative;

}

.index_p2 .text01 {

  padding-top: 55px;

}

.index_p2 .text01 p {

  max-width: 580px;

  font-size: 17px;

  /* font-weight:bold; */

  line-height: 28px;

  color: #666666;

}

.index_p2 .text01 .btn_box {

  margin-top: 30px;

  max-width: 580px;

}

.index_p2 .text01 .btn_list {

  margin: -8px;

}

.index_p2 .text01 .btn_list .b_i {

  float: left;

  width: 33.33%;

  padding: 8px;

}

.index_p2 .text01 .btn_list .b_i a {

  position: relative;

  display: block;

  background-color: #fff;

  overflow: hidden;

}

.index_p2 .text01 .btn_list .b_i a span {

  display: block;

  width: 100%;

  height: 100%;

  position: relative;

  z-index: 2;

  height: 50px;

  background: transparent;

  box-shadow: 0px 0px 20px rgba(103, 131, 175, 0.2);

  opacity: 1;

  border-radius: 4px;

  padding: 0 20px;

  font-size: 16px;

  font-weight: 400;

  line-height: 50px;

  color: #2879fb;

  background-image: url(../images/home_first_arrow.svg);

  background-repeat: no-repeat;

  background-position: calc(100% - 20px) center;

  background-size: 14px;

}

.index_p2 .text01 .btn_list .b_i a::before {

  content: "";

  z-index: -1;

  position: absolute;

  bottom: 100%;

  right: 100%;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background-color: var(--main-color);

  transform-origin: center;

  transform: translate3d(50%, 50%, 0) scale3d(0, 0, 0);

  transition: transform 0.45s ease-in-out;

}

.index_p2 .text01 .btn_list .b_i a:hover::before {

  transform: translate3d(50%, 50%, 0) scale3d(15, 15, 15);

  z-index: 0;

}

.index_p2 .text01 .btn_list .b_i a:hover span {

  color: #ffffff;

  background-image: url(../images/home_first_arrow_hover.svg);

  transition: all 0.45s;

}

.index_p2 .img01 {

  max-width: 1150px;

  position: relative;

}

.index_p2 .img01 img:nth-child(2) {

  position: absolute;

  left: 44%;

  top: 42%;

  width: 160px;

  animation: jump_ 3s infinite ease-in-out;

}

.index_p2 .img01 img {

  width: 100%;

}

.index_p2 .text02 {

  width: 520px;

  position: absolute;

  right: 14.5%;

  top: 0;

  padding-top: 55px;

}

.index_p2 .text02 .up_ {

  padding-bottom: 20px;

  position: relative;

}

.index_p2 .text02 .up_:after {

  content: "";

  width: 10px;

  height: 1px;

  background: #c4c4c4;

  opacity: 1;

  border-radius: 0px;

  position: absolute;

  left: 0;

  bottom: 0;

}

.index_p2 .text02 .up_:before {

  content: "";

  width: 45px;

  height: 45px;

  opacity: 1;

  border-radius: 0px;

  position: absolute;

  right: 0;

  top: 0;

  background-image: url(../images/daouhao.svg);

  background-size: 100%;

  background-repeat: no-repeat;

}

.index_p2 .text02 .up_ p {

  font-size: 24px;

  color: #666;

}

.index_p2 .text02 .up_ span {

  font-size: 24px;

  color: var(--main-color);

  font-weight: bold;

  display: block;

  margin-top: 10px;

}

.index_p2 .text02 .mid_ {

  padding-top: 20px;

}

.index_p2 .text02 .mid_ .i {

  background: #ffffff;

  box-shadow: 0px 0px 10px #c5c8d4;

  opacity: 1;

  border-radius: 4px;

  padding: 30px 20px;

  margin-bottom: 12px;

  position: relative;

}

.index_p2 .text02 .mid_ .i .t {

  font-size: 18px;

  font-weight: bold;

  color: #333333;

  position: relative;

}

.index_p2 .text02 .mid_ .i .t i {

  position: relative;

  display: inline-block;

}

.index_p2 .text02 .mid_ .i .t i:after {

  content: "";

  height: 1px; /*width: 60px;*/

  width: 0;

  background-color: #d4d4d4;

  position: absolute;

  left: 20px;

  top: 50%;

  transition: all 0.6s linear;

}

.index_p2 .text02 .mid_ .i.active .t i:after {

  width: 60px;

}

.index_p2 .text02 .mid_ .i .t span {

  color: var(--main-color);

}

.index_p2 .text02 .mid_ .i .des {

  margin-top: 10px;

  height: 78px;

  display: none;

  padding-right: 100px;

}

.index_p2 .text02 .mid_ .i:nth-child(1) .des {

  display: block;

}

.index_p2 .text02 .mid_ .i .des p {

  font-size: 15px;

  font-weight: 400;

  line-height: 26px;

  color: #999999;

}

.index_p2 .text02 .mid_ .i .img {

  position: absolute;

  right: 20px;

  top: 50%;

  transform: translateY(-50%);

  width: 50px;

  transition: all 0.6s;

}

.index_p2 .text02 .mid_ .i .img img {

  width: 100%;

  transition: all 0.6s;

}

.index_p2 .text02 .mid_ .i.active .img {

  width: 100px;

}

@keyframes jump_ {

  0% {

    transform: translate3d(-50%, calc(-50% - 40px), 0);

  }

  50% {

    transform: translate3d(-50%, calc(-50%), 0);

  }

  100% {

    transform: translate3d(-50%, calc(-50% - 40px), 0);

  }

}

.index_p2 .text02 .btm_ .list_ {

  margin: -9px;

  padding-top: 15px;

}

.index_p2 .text02 .btm_ .list_ .i {

  float: left;

  padding: 9px;

  width: 50%;

}

.index_p2 .text02 .btm_ .list_ .i a {

  position: relative;

  display: block;

  border-radius: 4px;

  overflow: hidden;

  background-color: #c0d1ec;

}

.index_p2 .text02 .btm_ .list_ .i span {

  position: relative;

  z-index: 2;

  display: block;

  height: 50px;

  background-color: transparent;

  border-radius: 4px;

  padding: 0 20px;

  font-size: 14px;

  font-weight: 400;

  line-height: 50px;

  color: #26477b;

  background-image: url(../images/home_right_arrow.svg);

  background-repeat: no-repeat;

  background-position: calc(100% - 20px) center;

  background-size: 14px;

}

.index_p2 .text02 .btm_ .list_ .i a::before {

  content: "";

  z-index: -1;

  position: absolute;

  bottom: 100%;

  right: 100%;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: var(--main-color);

  transform-origin: center;

  transform: translate3d(50%, 50%, 0) scale3d(0, 0, 0);

  transition: transform 0.45s ease-in-out;

}

.index_p2 .text02 .btm_ .list_ .i a:hover::before {

  transform: translate3d(50%, 50%, 0) scale3d(15, 15, 15);

  z-index: 0;

}

.index_p2 .text02 .btm_ .list_ .i a:hover span {

  color: #ffffff;

  background-image: url(../images/home_first_arrow_hover.svg);

  transition: all 0.45s;

}

@media (max-width: 1600px) {

  .index_p2 {

    padding-bottom: 40px;

  }

  .index_p2 .text01 p,

  .index_p2 .text01 .btn_box {

    max-width: 510px;

  }

  .index_p2 .text02 {

    width: 420px;

  }

  .index_p2 .img01 {

    max-width: 900px;

  }

  .index_p2 .text01 .btn_list .b_i {

    width: 100%;

  }

}

@media (max-width: 1440px) {

  .index_p2 .text02 {

    right: 5%;

  }

  .index_p2 .img01 {

    max-width: 840px;

  }

}

@media (max-width: 1200px) {

  .index_p2 .text01 p,

  .index_p2 .text01 .btn_box,

  .index_p2 .img01 {

    max-width: 100%;

  }

  .index_p2 .text02 {

    position: relative;

    right: auto;

    width: 100%;

    padding: 0 5%;

  }

}

@media (max-width: 768px) {

  .index_p2 {

    padding-top: 40px;

  }

  .index_p2 .text01 {

    padding-top: 40px;

  }

  .index_p2 .text01 .btn_list .b_i {

    width: 100%;

  }

  .index_p2 .img01 img:nth-child(2) {

    width: 80px;

  }

  .index_p2 .text02 .up_ {

    padding-bottom: 15px;

  }

  .index_p2 .text02 .up_ p,

  .index_p2 .text02 .up_ span {

    font-size: 18px;

  }

  .index_p2 .text02 .mid_ .i .t {

    font-size: 17px;

  }

  .index_p2 .text02 .mid_ .i .t i {

    display: none;

  }

  .index_p2 .text02 .mid_ .i .des {

    padding-right: 50px;

    height: auto;

  }

  .index_p2 .text02 .mid_ .i .img {

    right: 10px;

  }

  .index_p2 .text02 .mid_ .i.active .img {

    width: 70px;

  }

  .index_p2 .text02 .mid_ .i .des p {

    display: inline;

  }

  .index_p2 .text02 .btm_ .list_ .i {

    width: 100%;

  }

  .index_p2 .text02 .up_:before {

    width: 26px;

    height: 26px;

  }

}



/*index_p3*/

.index_p3 {

  position: relative;

  padding: 60px 0;

  background-image: url(../images/index_p3_bg01.jpg);

  background-repeat: no-repeat;

  background-size: 100% 100%;

}

.index_p3 .pd {

  position: relative;

  z-index: 2;

}

.index_p3 .cont {

  margin-top: 30px;

}

@media (max-width: 768px) {

  .index_p3 {

    padding: 40px 0;

  }

}



/*index_p4*/

.index_p4 {

  padding: 60px 0;

}

.index_p4 .cont {

  margin-top: 30px;

  border-radius: 4px;

  overflow: hidden;

}

.index_p4 .cont .up_ {

  position: relative;

  height: 600px;

  /* background-image:url(../images/index_sebg.jpg);

	background-repeat:no-repeat; */

  background-size: 100% 100%;

  background-position: center;

}

.index_p4 .cont .up_ .bg_ {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

}

.index_p4 .cont .up_ .bg_ .i {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  overflow: hidden;

  opacity: 0;

  z-index: 1;

}

.index_p4 .cont .up_ .bg_ .i.show {

  opacity: 1;

  z-index: 2;

  transition: all 0.6s;

}

.index_p4 .cont .up_ .bg_ .i:after {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: linear-gradient(271deg, rgba(0, 0, 0, 0) 0%, #000000 100%);

  opacity: 0;

}

.index_p4 .cont .up_ .bg_ .i .text {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  padding-left: 60px;

  max-width: 510px;

  z-index: 2;

}



.index_p4 .cont .up_ .bg_ .i .text .t {

  font-size: 24px;

  font-weight: bold;

  color: #ffffff;

  padding-bottom: 16px;

  position: relative;

  opacity: 0;

}

.index_p4 .cont .up_ .bg_ .i.show .text .t {

  animation: textIn 0.6s 0.15s forwards;

}

.index_p4 .cont .up_ .bg_ .i .text .t:after {

  content: "";

  width: 10px;

  height: 2px;

  background: #ffffff;

  opacity: 1;

  position: absolute;

  left: 0;

  bottom: 0;

}

.index_p4 .cont .up_ .bg_ .i .text .des {

  padding-top: 20px;

  opacity: 0;

  max-height: 334px;

  overflow-y: auto;

}



.index_p4 .cont .up_ .bg_ .i.show .text .des {

  animation: textIn 0.6s 0.35s forwards;

}

.index_p4 .cont .up_ .bg_ .i .text .des p {

  font-size: 16px;

  font-weight: 400;

  line-height: 32px;

  color: #ffffff;

}

.index_p4 .cont .up_ .bg_ .i .text a {

  display: block;

  width: 40px;

  height: 40px;

  background: #2879fb;

  border-radius: 50%;

  background-image: url(../images/home_first_arrow_hover.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 16px;

  margin-top: 25px;

  opacity: 0;

}

.index_p4 .cont .up_ .bg_ .i.show .text a {

  animation: textIn 0.6s 0.55s forwards;

}

.index_p4 .cont .down_ .swiper-slide {

  height: 88px;

  background-color: #e3e3e3;

  position: relative;

  cursor: pointer;

}

.index_p4 .cont .down_ .swiper-slide:after {

  content: "";

  width: 1px;

  height: 20px;

  background: #dbdbdb;

  opacity: 1;

  border-radius: 0px;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.index_p4 .cont .down_ .swiper-slide i {

  font-size: 36px;

  font-weight: 400;

  color: #ffffff;

  opacity: 0.2;

  line-height: 1;

  padding-left: 10px;

  position: relative;

  top: -2px;

}

.index_p4 .cont .down_ .swiper-slide span {

  position: absolute;

  z-index: 1;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  display: block;

  white-space: nowrap;

  text-align: center;

  font-size: 16px;

  font-weight: 400;

  line-height: 22px;

  color: #666666;

}

.index_p4 .cont .down_ .swiper-slide.active {

  background-color: var(--main-color);

  transition: all 0.3s;

}

.index_p4 .cont .down_ .swiper-slide.active span {

  color: #ffffff;

}

.index_p4 .cont .down_ .swiper-scrollbar {

  display: none;

}

@keyframes textIn {

  0% {

    -webkit-transform: translateY(50px);

    transform: translateY(50px);

    opacity: 0;

  }

  to {

    -webkit-transform: translate(0);

    transform: translate(0);

    opacity: 1;

  }

}

@media (max-width: 1580px) {

  .index_p4 .cont .up_ .bg_ .i .text {

    max-width: 460px;

  }

}



@media (max-width: 1366px) {

  .index_p4 .cont .up_ .bg_ .i .text {

    max-width: 490px;

  }

}



@media (max-width: 1300px) {

  .index_p4 .cont .up_ .bg_ .i .text {

    max-width: 390px;

  }

}



@media (max-width: 1200px) {

  .index_p4 .cont .up_ {

    height: 410px;

  }

  .index_p4 .cont .down_ .swiper-scrollbar {

    display: block;

  }

  .index_p4 .cont .down_ .swiper-container-horizontal > .swiper-scrollbar {

    height: 3px;

  }

}

@media (max-width: 991px) {

  .index_p4 .cont .up_ .bg_ .i .text {

    padding-left: 30px;

    max-width: 300px;

  }

  .index_p4 .cont .up_ .bg_ .i .text .des {

    margin-top: 20px;

    padding-top: 0;

    max-height: 290px;

    overflow-y: auto;

  }

}



@media (max-width: 768px) {

  .index_p4 .cont .up_ .bg_ .i .text {

    padding-left: 20px;

    width: calc(100% - 20px);

    overflow-y: auto;

    max-height: 90%;

  }

  .index_p4 .cont .up_ .bg_ .i .text .t {

    font-size: 20px;

  }

  .index_p4 .cont .up_ .bg_ .i .text .des p {

    line-height: 28px;

  }

  .index_p4 .cont .up_ .bg_ .i .text .des {

    padding-top: 10px;

  }

  .index_p4 .cont .up_ .bg_ .i .text a {

    margin-top: 15px;

  }

  .index_p4 .cont .up_ .bg_ .i:after {

    opacity: 0.5;

  }

  .index_p4 .cont .up_ .bg_ .i {

    background-position: right;

  }

  .index_p4 .cont .up_ .bg_ .i .text .des {

    max-height: inherit;

    overflow-y: inherit;

  }

}



@media (max-width: 640px) {

  .index_p4 .cont .up_ .bg_ .i .text {

    max-width: 100%;

  }

}

/*index_p5*/

.index_p5 .cont {

  height: 750px;

  position: relative;

  padding-top: 110px;

  margin-top: 40px;

}

.index_p5 .cont .up_ {

  position: relative;

  z-index: 3;

}

.index_p5 .cont .up_ .swiper-container {

  border-bottom: 1px solid rgba(255, 255, 255, 0.5);

}

.index_p5 .cont .up_ .swiper-slide {

  display: inline-block;

  width: auto;

  font-size: 16px;

  font-weight: 400;

  color: #ffffff;

  padding-bottom: 25px;

  cursor: pointer;

  z-index: 2;

}

.index_p5 .cont .up_ .swiper-slide:after {

  content: "";

  width: 100%;

  height: 4px;

  background-color: var(--main-color);

  position: absolute;

  left: 0;

  bottom: -1px;

  z-index: 2;

  display: none;

}

.index_p5 .cont .up_ .swiper-slide.active:after {

  display: block;

}

.index_p5 .cont .bg_ {

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

}

.index_p5 .cont .bg_ .i {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  z-index: 1;

  background-size: cover;

  background-position: center;

}

.index_p5 .cont .bg_ .i.show {

  opacity: 1;

  z-index: 2;

}

.index_p5 .cont .bg_ .i:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background: linear-gradient(153deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);

}

.index_p5 .cont .bg_ .i .text_ {

  position: absolute;

  z-index: 2;

  top: 250px;

  left: 0;

  right: 0;

}

.index_p5 .cont .bg_ .i .text_ .t {

  font-size: 26px;

  font-weight: bold;

  color: #ffffff;

  padding-bottom: 20px;

  position: relative;

  opacity: 0;

}

.index_p5 .cont .bg_ .i.show .text_ .t {

  opacity: 1;

  transition: all 0.45s;

}

.index_p5 .cont .bg_ .i .text_ .t:after {

  content: "";

  width: 11px;

  height: 2px;

  background: #2879fb;

  position: absolute;

  left: 0;

  bottom: 0;

}

.index_p5 .cont .bg_ .i .text_ .des {

  max-width: 783px;

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  color: #ffffff;

  margin-top: 30px;

  height: 52px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  opacity: 0;

}

.index_p5 .cont .bg_ .i.show .text_ .des {

  animation: textIn 0.6s 0.15s forwards;

}

.index_p5 .cont .bg_ .i .text_ .img_box {

  margin-top: 30px;

  max-width: 700px;

  opacity: 0;

}

.index_p5 .cont .bg_ .i.show .text_ .img_box {

  animation: textIn 0.6s 0.35s forwards;

}

.index_p5 .cont .bg_ .i .text_ .img_box .img_list {

  margin: -10px;

}

.index_p5 .cont .bg_ .i .text_ .img_box .img_list .img_i {

  float: left;

  width: 25%;

  padding: 10px;

}

.index_p5 .cont .bg_ .i .text_ .img_box .img_list .img_i_ {

  border-radius: 4px;

  overflow: hidden;

}

.index_p5 .cont .bg_ .i .text_ .btn {

  margin-top: 60px;

  opacity: 0;

}

.index_p5 .cont .bg_ .i.show .text_ .btn {

  animation: textIn 0.6s 0.55s forwards;

}

.index_p5 .cont .bg_ .i .text_ .more {

  display: block;

  width: 160px;

  height: 50px;

  background: #0062ff;

  border-radius: 4px;

  font-size: 14px;

  font-weight: 400;

  line-height: 50px;

  color: #ffffff;

  text-align: center;

  float: left;

}

.index_p5 .cont .bg_ .i .text_ .more02 {

  width: 280px;

  float: right;

  background-image: url(../images/next_white.svg);

}

.index_p5 .cont .bg_ .i .text_ .more02:after {

  background-color: #fff;

}

.index_p5 .cont .bg_ .i .text_ .more02 span {

  color: #fff;

}

.index_p5 .cont .bg_ .i .text_ .more02:hover span {

  color: var(--main-color);

}

.index_p5 .cont .bg_ .i .text_ .more02:hover {

  background-image: url(../images/next_blue.svg);

}

@media (max-width: 768px) {

  .index_p5 .cont {

    padding-top: 70px;

    height: 550px;

  }

  .index_p5 .cont .bg_ .i .text_ {

    top: 160px;

  }

  .index_p5 .cont .bg_ .i .text_ .img_box .img_list .img_i {

    width: 50%;

  }

  .index_p5 .cont .bg_ .i .text_ .img_box .img_list .img_i:nth-child(n + 2) {

    display: none;

  }

  .index_p5 .cont .bg_ .i .text_ .img_box {

    max-width: 320px;

  }

  .index_p5 .cont .bg_ .i .text_ .more02 {

    width: 100%;

    margin-top: 30px;

  }

  .index_p5 .cont .bg_ .i .text_ .btn {

    margin-top: 40px;

  }

  .index_p5 .cont .bg_ .i .text_ .more {

    height: 42px;

    width: 120px;

    line-height: 42px;

  }

}



/*index_case*/

.index_case {

  padding: 60px 0;

  background-image: url(../images/index_case_bg.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.index_case .cont {

  position: relative;

  margin-top: 56px;

}

.index_case .cont .img_box {

  width: 100%;

  max-width: calc(50% + 100px);

  border-radius: 4px;

  overflow: hidden;

  position: relative;

}

.index_case .cont .img_box > img {

  width: 100%;

  position: relative;

  z-index: 0;

}

.index_case .cont .img_box .img_list {

  position: absolute;

  z-index: 1;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

}

.index_case .cont .img_box .img_list .img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  opacity: 0;

  transform: scale(1.02);

}

.index_case .cont .img_box .img_list .img.show {

  opacity: 1;

  transform: scale(1);

  transition: transform 1.2s;

}

.index_case .cont .img_box .img_icon {

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  height: 150px;

  z-index: 2;

  background: linear-gradient(360deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);

}

.index_case .cont .img_box .img_icon .img_icon_list {

  position: absolute;

  left: 16px;

  right: 190px;

  bottom: 23px;

}

.index_case .cont .img_box .img_icon .img {

  border-radius: 4px;

  overflow: hidden;

  width: calc(20% - 20px);

  float: left;

  margin: 0 10px;

  cursor: pointer;

  overflow: hidden;

  position: relative;

}

.index_case .cont .img_box .img_icon .img > div {

  left: 0;

  top: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  transition: all 0.3s;

}

.index_case .cont .img_box .img_icon .img.show:after {

  content: "";

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.4);

  position: absolute;

  left: 0;

  top: 0;

  z-index: 2;

}

.index_case .cont .img_box .img_icon .img img {

  width: 100%;

}

.index_case .cont .img_box .img_icon .img:hover div {

  transform: scale(1.1);

}

.index_case .cont .text_box {

  position: absolute;

  right: 0;

  width: calc(50% - 90px);

  right: 46px;

  top: 50%;

  transform: translateY(-50%);

  z-index: 2;

}

.index_case .cont .text_box .i {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: -999;

  opacity: 0;

  padding: 46px 40px;

  transform: translateX(20px);

  background: #ffffff;

  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);

  border-radius: 4px;

}

.index_case .cont .text_box .i.show {

  position: relative;

  z-index: 2;

  opacity: 1;

  transform: translateX(0px);

  transition: all 1.2s;

}

.index_case .cont .text_box .i h3 {

  font-size: 22px;

  font-family: Microsoft YaHei;

  font-weight: bold;

  color: #333333;

  line-height: 30px;

  opacity: 1;

  height: 70px;

  position: relative;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  padding-top: 10px;

}



.index_case .cont .text_box .i h3:after {

  content: "";

  width: 11px;

  height: 2px;

  background: #2879fb;

  opacity: 1;

  border-radius: 0px;

  position: absolute;

  left: 0;

  top: 0px;

}



.index_case .cont .text_box .i p {

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 28px;

  color: #666666;

  opacity: 1;

  height: 84px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

}



.index_case .cont .text_box .i a {

  display: inline-block;

  width: 160px;

  height: 50px;

  background: #0062ff;

  opacity: 1;

  border-radius: 4px;

  font-size: 14px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 50px;

  color: #ffffff;

  text-align: center;

  margin-top: 60px;

}

.index_case .cont .i_icon {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  justify-content: center;

}

.index_case .cont .i_icon .i {

  display: inline-block;

  width: 7px;

  height: 26px;

  background: #e7e7e7;

  opacity: 1;

  margin: 6px 0;

  transform: skewY(-30deg);

  cursor: pointer;

}

.index_case .cont .i_icon .i.show {

  background-color: var(--main-color);

  transition: background 0.4s;

}

.index_case .public_more01 {

  margin-top: 54px;

  float: right;

}

.index_case .contm {

  display: none;

}

@media (max-width: 1600px) {

  .index_case .cont .text_box .i a {

    margin-top: 40px;

  }

  .index_case .cont .text_box .i {

    padding: 30px;

  }

}

@media (max-width: 1024px) {

  .index_case .cont .img_box {

    max-width: 100%;

  }

  .index_case .cont .text_box {

    position: relative;

    top: 0;

    right: auto;

    transform: translate(0);

    width: 100%;

  }

  .index_case .cont .i_icon {

    position: relative;

    top: 0;

    right: 0;

    transform: translate(0);

  }

  .index_case .cont .i_icon {

    flex-direction: row;

    padding-top: 30px;

  }

  .index_case .cont .i_icon .i {

    margin: 0 3px;

    width: 20px;

    height: 3px;

    transform: skewY(0);

  }

}

@media (max-width: 768px) {

  .index_case .cont {

    display: none;

  }

  .index_case {

    padding: 40px 0;

  }

  .index_case .cont {

    margin-top: 40px;

    display: none;

  }

  .index_case .cont .text_box .i {

    transform: translateX(0);

  }



  .index_case .cont .img_box .img_icon .img_icon_list {

    right: 10px;

  }

  .index_case .cont .img_box {

    border-radius: 4px 4px 0 0;

  }

  .index_case .cont .text_box .i {

    padding: 20px;

  }

  .index_case .cont .text_box .i h3 {

    font-size: 18px;

    height: auto;

  }

  .index_case .cont .text_box .i p {

    margin-top: 15px;

  }

  .index_case .cont .text_box .i a {

    height: 42px;

    width: 120px;

    line-height: 42px;

    margin-top: 20px;

  }



  .index_case .contm {

    display: block;

    padding-top: 20px;

  }



  .index_case .contm .text__ {

    padding: 20px;

    background: #ffffff;

    border-radius: 4px;

  }



  .index_case .contm .text__ h3 {

    font-size: 18px;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #333333;

    line-height: 30px;

    opacity: 1;

    height: 60px;

    padding-top: 10px;

    position: relative;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

  }



  .index_case .contm .text__ h3:after {

    content: "";

    width: 11px;

    height: 2px;

    background: #2879fb;

    opacity: 1;

    border-radius: 0px;

    position: absolute;

    left: 0;

    top: 0px;

  }



  .index_case .contm .text__ p {

    font-size: 16px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    line-height: 28px;

    color: #666666;

    opacity: 1;

    margin-top: 5px;

    height: 84px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

  }



  .index_case .contm .text__ a {

    height: 42px;

    width: 120px;

    line-height: 42px;

    margin-top: 20px;



    display: inline-block;

    background: #0062ff;

    opacity: 1;

    border-radius: 4px;

    font-size: 14px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #ffffff;

    text-align: center;

  }

  .index_case .contm .swiper-pagination-bullet {

    display: inline-block;

    background: #e7e7e7;

    opacity: 1;

    margin: 0 3px;

    cursor: pointer;

    width: 20px;

    height: 3px;

    transform: skewY(0);

    border-radius: 0;

  }



  .index_case .contm .swiper-pagination-bullet-active {

    opacity: 1;

    background: #007aff;

  }

  .index_case .contm .swiper-container {

    padding-bottom: 20px;

  }

}



/*index_about*/

.index_about {

  background-image: url(../images/index_news_bg.png);

  background-size: cover;

  background-position: center;

  padding: 50px 0 76px;

}

.index_about .cont {

  padding-top: 50px;

}

.index_about .cont .l_ {

  width: 50%;

  float: left;

  padding-right: 50px;

}

.index_about .cont .r_ {

  float: left;

  width: 50%;

  padding-left: 20px;

}

.index_about .cont .l_ .t span {

  display: block;

  font-size: 26px;

  line-height: 40px;

  color: #333333;

  font-weight: bold;

}

.index_about .cont .l_ .t {

  padding-bottom: 15px;

  position: relative;

}

.index_about .cont .l_ .t:after {

  content: "";

  width: 11px;

  height: 2px;

  background: #2879fb;

  border-radius: 0px;

  position: absolute;

  left: 0;

  bottom: 0;

}

.index_about .cont .l_ .des p {

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  color: #666666;

  margin-top: 30px;

}

.index_about .cont .r_ .img {

  border-radius: 4px;

  overflow: hidden;

  position: relative;

  padding-bottom: 16px;

  padding-right: 16px;

}

.index_about .cont .r_ .img:after {

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  width: 80%;

  height: 70%;

  background: linear-gradient(164deg, rgba(40, 121, 251, 0) 0%, #2879fb 100%);

  opacity: 0.41;

  border-radius: 4px;

}

.index_about .cont .r_ .img img {

  width: 100%;

  position: relative;

  z-index: 1;

}

.index_about .cont .public_more01 {

  margin-top: 50px;

}

@media (max-width: 1024px) {

  .index_about .cont {

    display: flex;

    flex-direction: column-reverse;

  }

  .index_about .cont .r_ {

    width: 100%;

    padding-left: 0;

  }

  .index_about .cont .l_ {

    width: 100%;

    padding-right: 0;

    margin-top: 40px;

  }

}

@media (max-width: 768px) {

  .index_about {

    padding: 40px 0;

  }

  .index_about .cont {

    padding-top: 40px;

  }

  .index_about .cont .l_ .t span {

    font-size: 18px;

    line-height: 34px;

  }

}



/*index news*/

.index_news {

  background-color: #ffffff;

  padding: 50px 0 70px;

}

.index_news .cata .list_ {

  text-align: center;

  padding-top: 40px;

}

.index_news .cata .i {

  width: 180px;

  height: 50px;

  background: #ffffff;

  border: 1px solid #cccccc;

  opacity: 1;

  border-radius: 35px;

  font-size: 16px;

  font-weight: 400;

  line-height: 50px;

  color: #666666;

  text-align: center;

  display: inline-block;

  margin: 0 10px;

  cursor: pointer;

}

.index_news .cata .i.active {

  border-color: var(--main-color);

  background-color: var(--main-color);

  color: #ffffff;

}

.index_news .con {

  padding-top: 0px;

  position: relative;

}

.index_news .swiper-container {

  padding-bottom: 50px;

  position: absolute;

  left: 0;

  top: 40px;

  right: 0;

  bottom: 0;

  z-index: 1;

  opacity: 0;

}

.index_news .swiper-container.active {

  position: relative;

  background-color: #ffffff;

  z-index: 2;

  opacity: 1;

  transition: all 0.3s;

}

.index_news .swiper-container .swiper-slide {

  opacity: 0.4;

  cursor: pointer;

}

.index_news .swiper-container .swiper-slide-active,

.index_news .swiper-container .swiper-slide-prev,

.index_news .swiper-container .swiper-slide-next {

  opacity: 1;

}

.index_news .swiper-slide .img {

  border-radius: 4px;

  overflow: hidden;

}

.index_news .swiper-slide .img span {

  display: inline-block;

  position: absolute;

  z-index: 3;

  height: 27px;

  background: #0062ff;

  border-radius: 4px;

  font-size: 14px;

  font-weight: 400;

  line-height: 27px;

  color: #ffffff;

  left: 10px;

  top: 10px;

  text-align: center;

  padding: 0 7px;

}

.index_news .swiper-slide .text {

  padding-top: 17px;

}

.index_news .swiper-slide .text h2 {

  font-size: 17px;

  font-weight: bold;

  line-height: 32px;

  color: #333333;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.index_news .swiper-slide .text .time {

  font-size: 14px;

  font-weight: 400;

  line-height: 32px;

  color: #cccccc;

  margin: 10px 0;

}

.index_news .swiper-slide .text p {

  font-size: 14px;

  font-weight: 400;

  line-height: 28px;

  color: #666666;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.index_news .btn {

  position: absolute;

  height: 56px;

  left: 0;

  right: 0;

  top: calc(50% - 70px);

  z-index: 1;

  pointer-events: none;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}

.index_news .btn .btn_ {

  width: 56px;

  height: 56px;

  background-color: var(--main-color);

  border-radius: 50%;

  pointer-events: auto;

  cursor: pointer;

  background-image: url(../images/prev_icon.svg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: 24px;

}

.index_news .btn .btn_.prev {

  float: left;

}

.index_news .btn .btn_.next {

  float: right;

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  transform: rotate(180deg);

}

.index_news .swiper-pagination {

  bottom: 0;

}

.index_news .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background: #d9d9d9;

  border-radius: 50%;

  opacity: 1;

  border: 2px solid transparent;

}

.index_news .swiper-pagination-bullet-active {

  background-color: transparent;

  border: 2px solid var(--main-color);

}

@media (max-width: 992px) {

  .index_news .swiper-container .swiper-slide-prev,

  .index_news .swiper-container .swiper-slide-next {

    opacity: 0.4;

  }

}

@media (max-width: 768px) {

  .index_news {

    padding: 40px 0;

  }

  .index_news .btn .btn_ {

    display: none;

  }

  .index_news .cata .i {

    width: calc(33.33% - 10px);

    margin: 0 3px;

    font-size: 14px;

    height: 42px;

    line-height: 42px;

  }

  .index_news .cata .list_ {

    padding-top: 30px;

  }

  .index_news .con {

    padding-top: 0;

    padding-bottom: 40px;

  }

  .index_news .swiper-container {

    padding-bottom: 30px;

  }

}

/*footer*/

footer {

  background-color: #181a1d;

  padding-top: 55px;

}



footer .p1 {

  padding-bottom: 40px;

}



footer .p1 .left {

  float: left;

  width: 280px;

  border-right: 1px solid rgba(255, 255, 255, 0.1);

  height: 240px;

}



footer .p1 .mid {

  float: left;

  width: calc(100% - 470px);

  padding: 0 0 0 40px;

  display: flex;

}



footer .p1 .right {

  float: left;

  width: 190px;

  height: 240px;

  border-left: 1px solid rgba(255, 255, 255, 0.1);

  padding-left: 40px;

}



footer .p1 .left .footer_logo {

  width: 128px;

  display: block;

}



footer .p1 .left .footer_logo img {

  width: 100%;

}



footer .p1 .left .t1 {

  font-size: 14px;

  font-weight: 400;

  line-height: 24px;

  color: #ffffff;

  margin-top: 26px;

  padding-bottom: 13px;

  position: relative;

}



footer .p1 .left .t1:after {

  content: "";

  width: 13px;

  height: 1px;

  background: rgba(255, 255, 255, 0.2);

  opacity: 1;

  border-radius: 0px;

  position: absolute;

  left: 0;

  bottom: 0;

}



footer .p1 .left .footer_tel {

  padding-top: 50px;

}



footer .p1 .left .footer_tel span {

  display: block;

  font-size: 14px;

  font-weight: 400;

  line-height: 26px;

  color: rgba(255, 255, 255, 0.5);

  padding-left: 25px;

  background-image: url(../images/footer_tel_icon.svg);

  background-repeat: no-repeat;

  background-position: left center;

  background-size: 14px;

}



footer .p1 .left .footer_tel p {

  font-size: 32px;

  font-weight: 500;

  color: #ffffff;

  padding-top: 13px;

}



footer .p1 .mid dl {

  float: left;

  width: 22%;

}

footer .p1 .mid dl:nth-of-type(1) {

  float: left;

  width: 37%;

}

footer .p1 .pd .mid dl:nth-of-type(1) {

  float: left;

  width: 44%;

  padding-right: 20px;

  margin-right: 10px;

}



footer .p1 .mid dt a {

  font-size: 18px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  color: #ffffff;

  margin-bottom: 26px;

  display: block;

}



footer .p1 .mid dd a {

  font-size: 14px;

  font-weight: 400;

  color: rgba(255, 255, 255, 0.45);

  margin-bottom: 12px;

  display: block;

}



footer .p1 .right .t1 {

  font-size: 16px;

  font-weight: 400;

  color: #ffffff;

}



footer .p1 .right .t2 {

  padding-top: 32px;

}

footer .p1 .right .t2 .i {

  position: relative;

}

footer .p1 .right .t2 .i .img {

  position: absolute;

  right: calc(100% + 20px);

  top: 50%;

  transform: translateY(-50%);

  width: 100px;

  height: 100px;

  display: none;

}

footer .p1 .right .t2 .i:hover .img {

  display: block;

}

footer .p1 .right .t2 .i span {

  display: block;

  padding-left: 42px;

  height: 32px;

  line-height: 32px;

  background-repeat: no-repeat;

  background-position: left center;

  background-size: 32px;

  font-size: 14px;

  font-weight: 400;

  color: rgba(255, 255, 255, 0.45);

  cursor: default;

}



footer .p1 .right .t2 .i:not(:first-child) {

  margin-top: 20px;

}



footer .p1 .right .t2 .i:nth-child(1) span {

  background-image: url(../images/footer_e_icon_01.png);

}



footer .p1 .right .t2 .i:nth-child(2) span {

  background-image: url(../images/footer_e_icon_02.png);

}



footer .p1 .right .t2 .i:nth-child(3) span {

  background-image: url(../images/footer_e_icon_03.png);

}



footer .p2 {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  padding: 26px 0;

}



footer .p2 span,

footer .p2 a {

  font-size: 14px;

  font-weight: 400;

  color: rgba(255, 255, 255, 0.5);

  display: inline-block;

}



footer .p2 a {

  margin: 0 10px;

}



footer .p3 {

  background-color: #121213;

  padding: 23px 0 38px;

}



footer .p3 .l_ {

  float: left;

}



footer .p3 .r_ {

  float: right;

}



footer .p3 span,

footer .p3 a {

  font-size: 14px;

  font-weight: 400;

  color: rgba(255, 255, 255, 0.3);

}

@media (max-width: 1280px) {

  footer .p1 .mid {

    padding: 0 0 0 40px;

  }

  footer .p1 .pd .mid dl:nth-of-type(1) {

    padding-right: 0;

  }

}

@media (max-width: 1200px) {

  footer .p1 .mid,

  footer .p1 .right {

    display: none;

  }

  footer .p1 .left {

    border-right: none;

    float: unset;

    margin: 0 auto;

  }

}

@media (max-width: 768px) {

  footer .p1 .left {

    width: 320px;

  }

  footer .p2 a {

    margin: 0 2px;

  }

  footer .p3 .l_ {

    width: 100%;

  }

  footer .p3 .r_ {

    width: 100%;

  }

}

/* 分享 */

.share_mask {

  position: fixed;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.4);

  left: 0;

  top: 0;

  z-index: 1111;

  display: none;

}

.share_box {

  position: fixed;

  top: 50%;

  width: 258px;

  left: 50%;

  z-index: 11111;

  display: none;

  transform: translateX(-50%) translateY(-50%);

  -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  -o-transform: translateX(-50%) translateY(-50%);

}

.share_box .share_list {

  height: 148px;

  padding-top: 20px;

  background: rgba(0, 0, 0, 0.4);

  border-radius: 10px 10px 0px 0px;

  -webkit-backdrop-filter: saturate(180%) blur(20px);

  backdrop-filter: saturate(180%) blur(20px);

}

.share_box .sub {

  font-size: 18px;

  font-weight: bold;

  color: #ffffff;

  text-align: center;

  line-height: 18px;

}

.share_box .share_list ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: distribute;

  justify-content: space-around;

}

.share_box .share_list ul li {

  padding-top: 22px;

  width: 33%;

  cursor: pointer;

}

.share_box .share_list ul li p {

  font-size: 12px;

  font-weight: 400;

  color: #ffffff;

  margin-top: 8px;

  line-height: 24px;

  text-align: center;

}

.cancel_share {

  height: 48px;

  text-align: center;

  font-size: 14px;

  font-weight: 400;

  color: #ffffff;

  line-height: 48px;

  background: rgba(0, 0, 0, 0.6);

  -webkit-backdrop-filter: saturate(180%) blur(20px);

  backdrop-filter: saturate(180%) blur(20px);

  border-radius: 0px 0px 10px 10px;

}

.share-copy {

  display: none;

  position: fixed;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 300px;

  height: 42px;

  background: rgba(0, 0, 0, 0.6);

  border-radius: 6px 6px 6px 6px;

  font-size: 14px;

  padding: 6px 16px;

  color: #ffffff;

  z-index: 9999;

}

.weixin {

  display: none;

  width: 100%;

  position: fixed;

  top: 0;

  left: 50%;

  text-align: center;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  z-index: 999;

}

.copyIcon {

  background: url(../images/msg_icon_link.svg) center center / contain no-repeat;

  width: 20px;

  height: 30px;

  float: left;

}

.copyDesc {

  font-size: 14px;

  padding-left: 16px;

  font-weight: 400;

  color: #ffffff;

  line-height: 30px;

  float: left;

}

.share_list li a {

  display: block;

  text-align: center;

  text-decoration: none;

  -webkit-tap-highlight-color: transparent;

  outline: none;

}

.share_list li a.share_weixin:before {

  background-position: 0px 0px;

}

.share_list li a.share_qq:before {

  background-position: -100px 0px;

}

.share_list li a.share_ment:before {

  background-position: -50px 0px;

}

.share_list li a.share_tb:before {

  display: block;

  content: "";

  margin: 0px auto;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background-color: white;

  background-image: url(../images/fxico.svg);

  background-size: auto 100%;

  background-repeat: no-repeat;

}

.share_bg {

  width: 38px;

  height: 38px;

  margin: 0 auto;

  text-align: center;

}



/*内页banner*/

.banner_n {

  position: relative;

}

.banner_n .banner_img.pc {

  height: 400px;

  background-size: cover;

  background-position: center;

}

.banner_n .banner_text {

  position: absolute;

  left: 0;

  top: calc(50% + 45px);

  width: 100%;

  z-index: 1;

  transform: translateY(-50%);

}

.banner_n .banner_text p {

  font-weight: bold;

  color: #ffffff;

}

.banner_n .banner_text span {

  display: block;

  font-weight: 400;

  color: #ffffff;

  margin-top: 15px;

}

.banner_n .banner_position {

  position: absolute;

  right: 0;

  z-index: 2;

  width: 100%;

  bottom: 0;

  padding-bottom: 20px;

}

.banner_n .banner_position a {

  display: inline-block;

  font-size: 14px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 30px;

  color: #ffffff;

  opacity: 1;

  position: relative;

}

.banner_n .banner_position a:not(:first-child) {

  margin-left: 20px;

}

.banner_n .banner_position a:not(:first-child):after {

  content: "";

  border-left: 5px solid #fff;

  border-top: 4px solid transparent;

  border-bottom: 4px solid transparent;

  position: absolute;

  left: -15px;

  top: 50%;

  transform: translateY(-50%);

}

.banner_n .banner_position .pd {

  text-align: right;

}

@media (max-width: 768px) {

  .banner_n .banner_img.mobile img {

    min-height: 300px;

  }

  .banner_n .banner_text {

    top: calc(50% + 31px);

  }

  .banner_n .banner_position {

    padding-bottom: 10px;

  }

}



/*内页分类导航*/

.cata_n {

  width: 100%;

  height: 80px;

  background: #ffffff;

  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);

  opacity: 1;

  border-radius: 0px;

  position: relative;

  z-index: 3;

}

.cata_n.fixed {

  position: fixed !important;

  width: 100%;

  top: 90px;

  left: 0;

}

.cata_n .swiper-slide {

  display: inline-block;

  width: auto;

}

.cata_n a {

  display: inline-block;

  font-size: 16px;

  font-weight: 400;

  line-height: 77px;

  color: #333333;

  opacity: 1;

  border-bottom: 3px solid transparent;

}

.cata_n a.active {

  border-bottom-color: var(--main-color);

  color: var(--main-color);

}

@media (max-width: 1200px) {

  .cata_n.fixed {

    top: 62px !important;

  }

}

@media (max-width: 768px) {

  .cata_n {

    height: 60px;

  }

  .cata_n a {

    line-height: 57px;

  }

}



/*pub_img*/

.pub_img {

  overflow: hidden;

  position: relative;

  overflow: hidden;

}

.pub_img img {

  width: 100%;

  position: relative;

  z-index: 0;

}

.pub_img i {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  transition: all 0.3s;

}

.pub_img:hover i {

  transform: scale(1.06);

}



/*page*/

.pub_page_list {

  text-align: center;

  width: 100%;

}

.pub_page_list .pagination {

  display: inline-block;

  position: relative;

}

.pub_page_list .pagination li {

  float: left;

}

.pub_page_list span,

.pub_page_list a {

  display: block;

  margin: 0 20px;

  font-size: 16px;

  font-weight: bold;

  color: #333333;

  text-align: center;

}

.pub_page_list .active span,

.pub_page_list .active a {

  color: var(--main-color);

}

.pub_page_list .disabled span,

.pub_page_list .disabled a {

  color: #cbcbcb;

}



/*公共样式*/

.pub_t01 {

  font-size: 36px;

  font-family: Microsoft YaHei;

  font-weight: bold;

  color: #333333;

}



/*new*/

.news_list {

  padding-top: 70px;

}

.content_list {

  padding-top: 20px;

}

.content_list .item_img {

  position: relative;

  overflow: hidden;

}

.content_list .item_block .item_box .item_wrapper {

  padding-right: 0;

  overflow: hidden;

  position: absolute;

  top: 30px;

  width: 76%;

}

.content_list .item_block:nth-child(3n + 1) {

  border-left: 1px solid #f0f0f0;

}

.content_list .item_block_0 .item_img,

.content_list .item_block .item_img {

  display: block;

  float: unset;

  margin-top: 210px;

  opacity: 1;

  height: auto;

  margin-right: 0;

  transition: all 0.36s ease;

}

.content_list .item_block_0 {

  float: left;

}

.content_list .item_block_0 {

  width: calc(100% / 3);

  height: auto;

  position: relative;

  padding: 33px 4%;

  border-right: 1px solid #f0f0f0;

  margin-bottom: 0;

  margin-right: 0;

  border-bottom: none;

}

.content_list .item_block_0 .item_box .item_wrapper .item_info .date_wrap {

  position: absolute;

  top: 0px;

}

.content_list .item_block_0 .item_info .title {

  margin-top: 50px;

}

.content_list .item_info .title {

  transition: all 0.36s ease;

  height: 52px;

  font-size: 18px;

  font-weight: bold;

  line-height: 28px;

  color: #333333;

  white-space: normal;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.content_list .item_des {

  margin-top: 13px;

}

.content_list .item_des {

  transition: all 0.36s ease;

}

.content_list .item_des .description {

  transition: all 0.36s ease;

  font-size: 16px;

  line-height: 28px;

  height: 56px;

  white-space: normal;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.content_list .item_block .item_box .item_wrapper .item_info .date_wrap {

  display: block;

  font-size: 32px;

  color: #666;

}

.ellipsis {

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

  display: block;

}

.year {

  font-size: 20px;

  font-family: Lato;

  font-weight: bold;

  line-height: 28px;

  color: #cbcbcb;

}

.content_list .item_block:hover .item_box .item_wrapper .item_info .title {

  color: var(--main-color);

}

.content_list .item_block_0 .item_img {

  display: block;

  float: unset;

  margin-top: 210px;

  opacity: 1;

  height: auto;

  margin-right: 0;

  transition: all 0.36s ease;

}

.content_list .item_block > .details {

  display: block;

  width: 63px;

  font-size: 0;

  height: 63px;

  position: relative;

  border: none;

  margin: 0;

  padding: 0;

  text-align: center;

  line-height: 63px;

  border-radius: 100px;

  color: transparent;

  margin-top: 60px;

}

.content_list .item_block_0 .details {

  margin-top: 60px;

  margin-bottom: 0;

}

.item_block .details .fa {

  position: relative;

  width: 19px;

}

.item_block .details .fa svg {

  vertical-align: middle;

  width: 19px;

  transform: rotateZ(0deg);

  transition: all 0.36s ease;

}

.content_list .item_block:hover a.details {

  border-color: var(--main-color);

  background-color: var(--main-color);

}

.content_list .item_block:hover .details .fa svg {

  transform: rotateZ(45deg);

}

.content_list .item_block:hover .details .fa svg path {

  fill: #fff;

}

.content_list .item_block_0 .details {

  margin-top: 18px;

  margin-bottom: 0;

}

.content_list .item_block:hover {

  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);

}

.content_list .item_img img {

  transition: all 0.36s ease;

  display: inline;

}

.content_list .item_block:hover .item_box .item_img img {

  transform: scale(1.08);

}

.content_list .item_block:before {

  content: "";

  width: 0;

  height: 3px;

  background-color: var(--main-color);

  position: absolute;

  bottom: 0;

  left: 50%;

  transition: all 0.4s ease;

  opacity: 0;

}

.content_list .item_block:hover:before {

  left: 0;

  opacity: 1;

  width: 100%;

}

.new_down {

  border-top: 1px solid #e6e6e6;

  margin-top: 50px;

  padding-top: 40px;

  padding-bottom: 40px;

}

.newlist {

  margin-top: 20px;

  margin-bottom: 20px;

}

.newlist ul li a {

  display: block;

  padding: 32px 0;

  position: relative;

  overflow: hidden;

}

.newlist ul li a:before {

  background: #e6e6e6;

  content: "";

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  position: absolute;

}

.newlist ul li a:after {

  background: var(--main-color);

  content: "";

  left: 0;

  bottom: 0;

  width: 0;

  opacity: 0;

  height: 1px;

  position: absolute;

}

.newlist ul li a .nleft {

  width: 16.5%;

  float: left;

}

.newlist ul li a .nright {

  float: right;

  padding-top: 40px;

}

.newlist ul li a .nmiddle {

  width: 70%;

  float: left;

  padding: 0 0 0 36px;

}

.newlist ul li a .nmiddle h3 {

  font-size: 18px;

  font-weight: bold;

  position: relative;

  line-height: 28px;

  color: #333333;

  white-space: nowrap;

  max-width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

.newlist ul li a .nmiddle h3:before {

  width: 20px;

  content: "";

  opacity: 0;

  position: absolute;

  left: 0;

  top: 50%;

  height: 1px;

  background: var(--main-color);

}

.newlist ul li a .nmiddle p {

  font-size: 16px;

  margin-top: 6px;

  color: #666;

  line-height: 28px;

  max-width: 100%;

  height: 56px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.newlist ul li .nmiddle span {

  font-size: 16px;

  display: block;

  padding-top: 15px;

  font-family: Lato;

  font-weight: bold;

  line-height: 28px;

  color: #cbcbcb;

}

.newlist ul li a:hover .nmiddle h3 {

  font-weight: bold;

}

.newlist ul li a .newmore {

  height: 40px;

  border-left: 1px solid #e6e6e6;

  padding-left: 20px;

  line-height: 40px;

  font-size: 20px;

  color: #e6e6e6;

}

.newlist ul li a .newmore svg {

  margin-left: 15px;

}

.newlist li a:hover:after {

  opacity: 1;

  width: 100%;

}

.newlist li a:hover:before {

  width: 0;

  opacity: 0;

}

.newlist li a:hover .newmore p {

  background: url(../images/newmoreh1.png) no-repeat left bottom;

}

.newcontent {

  padding-bottom: 30px;

}

.newlist ul li a:hover .nmiddle h3 {

  padding-left: 30px;

  color: var(--main-color);

}

.newlist ul li a:hover .nmiddle h3:before {

  opacity: 1;

}

.newlist ul li a:hover .newmore {

  border-left: 1px solid var(--main-color);

  color: var(--main-color);

}

.newlist ul li a:hover .newmore svg path {

  fill: var(--main-color);

}

@media (max-width: 1439px) {

  .newlist ul li a .nleft {

    width: 20%;

  }

  .newlist ul li a .nmiddle {

    width: 65%;

  }

}

@media (max-width: 1365px) {

  .newlist ul li a .nleft {

    width: 22%;

  }

  .newlist ul li a .nmiddle {

    width: 63%;

  }

}

@media (max-width: 1279px) {

  .newlist ul li a .nleft {

    width: 25%;

  }

  .newlist ul li a .nmiddle {

    width: 60%;

  }

}

@media (max-width: 991px) {

  .newlist ul li a .nleft {

    width: 32%;

  }

  .newlist ul li a .nmiddle {

    width: 50%;

  }

}

@media (max-width: 767px) {

  .content_list .item_block_0 {

    width: 100%;

    margin-bottom: 30px;

    padding: 10px 0;

    border: none !important;

  }

  .content_list .item_block .item_box .item_wrapper {

    width: 100%;

    position: inherit;

    top: inherit;

  }

  .content_list .item_block_0 .item_info .title {

    margin-top: 20px;

  }

  .content_list .item_block_0 .item_img {

    margin-top: 0;

  }

  .content_list .item_block .item_box .item_wrapper .item_info .date_wrap {

    position: inherit;

    top: inherit;

    padding-top: 15px;

  }

  .content_list .item_block:hover {

    box-shadow: 0 0 black;

  }

  .newlist {

    margin-top: 0px;

    margin-bottom: 40px;

  }

  .newlist ul li:nth-child(1) a {

    padding-top: 0;

  }

  .newlist ul li a .nleft {

    width: 100%;

  }

  .newlist ul li a .nmiddle {

    width: 100%;

    padding-left: 0;

    padding-top: 30px;

  }

  .newlist ul li a {

    padding: 30px 0 30px 0;

  }

  .newlist ul li a .nright {

    float: left;

    padding-top: 20px;

  }

  .content_list .item_block:before {

    display: none;

  }

  .content_list .item_block > .details {

    width: 40px;

    height: 40px;

    line-height: 40px;

  }

  .content_list .item_block_0 {

    margin-bottom: 10px;

  }

  .new_down {

    margin-top: 0;

    padding-top: 40px;

    padding-bottom: 40px;

  }

  .news_list .pub_t01 {

    /*font-size: 28px;*/

  }

  .new_down .pub_t01 {

    padding-bottom: 20px;

    /*font-size: 28px;*/

  }

}



/*news show*/

.news_show {

  padding-top: 70px;

  padding-bottom: 30px;

}

.news_show .l_ {

  float: left;

  width: calc(100% - 360px);

}

.news_show .r_ {

  float: left;

  width: 360px;

  padding-left: 45px;

}

.news_show .r_ .t {

  width: 96px;

  height: 31px;

  font-size: 24px;

  font-family: Microsoft YaHei;

  font-weight: bold;

  line-height: 24px;

  color: #333333;

  opacity: 1;

  margin-bottom: 15px;

}

.news_show .r_ a {

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 24px;

  color: #666666;

  display: block;

  border-bottom: 1px solid #eeeeee;

  padding: 20px 0;

}

.news_show .l_ .p1 .t {

  float: left;

  font-size: 30px;

  font-family: Microsoft YaHei;

  font-weight: bold;

  line-height: 40px;

  color: #000000;

  opacity: 1;

  width: calc(100% - 120px);

}

.news_show .l_ .p1 .time {

  float: right;

  text-align: right;

  width: 120px;

}

.news_show .l_ .p1 .time p {

  font-size: 24px;

  font-family: DIN;

  font-weight: bold;

  color: #333333;

  line-height: 40px;

}

.news_show .l_ .p1 .time span {

  font-size: 16px;

  font-family: DIN;

  font-weight: 400;

  color: #999999;

  opacity: 1;

}

.news_show .l_ .p2 {

  padding-top: 30px;

  border-bottom: 1px solid #e5e5e5;

  padding-bottom: 23px;

}

.news_show .l_ .p2 .ll_ {

  float: left;

  width: calc(100% - 50px);

  padding-top: 8px;

}

.news_show .l_ .p2 .rr_ {

  cursor: pointer;

  float: right;

  width: 32px;

  height: 32px;

  background: #cccccc;

  border-radius: 50%;

  opacity: 1;

  background-image: url(../images/share_icon.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 18px;

}

.news_show .l_ .p2 .ll_ .time,

.news_show .l_ .p2 .ll_ .count {

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 20px;

  color: #999999;

  float: left;

  border-right: 1px solid #ccc;

  padding-right: 20px;

}

.news_show .l_ .p2 .ll_ .count,

.news_show .l_ .p2 .ll_ .share {

  margin-left: 20px;

  float: left;

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 30px;

  color: #999999;

}

.news_show .l_ .p2 .ll_ .count {

  margin-left: 0;

}

.news_show .l_ .p3 {

  padding-top: 50px;

}

.news_show .l_ .p3 p {

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 32px;

  color: #444444;

  opacity: 1;

  margin-bottom: 30px;

}

.news_show .l_ .p3 p:last-child {

  margin-bottom: 0;

}

.news_show .l_ .p3 img,

.news_show .l_ .p3 video {

  max-width: 100%;

  margin: 0 auto;

}

.news_show .l_ .p4 {

  padding-top: 60px;

}

.news_show .l_ .p4 span {

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 28px;

  color: #666666;

  opacity: 1;

  display: inline-block;

}

.news_show .l_ .p4 i {

  display: inline-block;

  font-style: normal;

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 300;

  line-height: 28px;

  color: #666666;

  opacity: 1;

  background: #ffffff;

  border: 1px solid #cccccc;

  border-radius: 16px;

  padding: 0 19px;

  margin: 0 5px;

}

.news_show .l_ .p5 {

  height: 84px;

  background: #f5f5f5;

  opacity: 1;

  border-radius: 0px;

  padding: 31px 27px 0;

  margin-top: 30px;

}

.news_show .l_ .p5 .l2_,

.news_show .l_ .p5 .r2_ {

  float: left;

  width: calc(50% - 90px);

}

.news_show .l_ .p5 .m2_ {

  float: left;

  width: 180px;

  text-align: center;

}

.news_show .l_ .p5 .m2_ a {

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 20px;

  color: #666666;

  opacity: 1;

  display: inline-block;

  text-align: center;

}

.news_show .l_ .p5 .m2_ a:hover {

  color: var(--main-color);

}

.news_show .l_ .p5 .a {

  float: left;

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 20px;

  color: #666666;

  width: calc(100% - 90px);

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.news_show .l_ .p5 .a_left {

  padding-left: 10px;

}

.news_show .l_ .p5 .a_right {

  padding-right: 10px;

  text-align: right;

}

.news_show .l_ .p5 .btn_ {

  float: left;

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 20px;

  color: #666666;

  width: 90px;

}

.news_show .l_ .p5 .prev {

  padding-left: 30px;

  border-right: 1px solid #666666;

  background-image: url(../images/jt_left_icon_gray.svg);

  background-position: left center;

  background-repeat: no-repeat;

}

.news_show .l_ .p5 .next {

  border-left: 1px solid #666666;

  padding-right: 30px;

  text-align: right;

  background-image: url(../images/jt_right_icon_gray.svg);

  background-position: right center;

  background-repeat: no-repeat;

}

.news_show .l_ .p5 .l2_:hover span,

.news_show .l_ .p5 .r2_:hover span {

  color: var(--main-color);

}

.news_show .l_ .p5 .l2_:hover .prev {

  background-image: url(../images/jt_left_icon_blue.svg);

}

.news_show .l_ .p5 .r2_:hover .next {

  background-image: url(../images/jt_right_icon_blue.svg);

}

@media (max-width: 1024px) {

  .news_show .l_ {

    width: 100%;

  }

  .news_show .r_ {

    width: 100%;

    padding-left: 0;

    margin-top: 45px;

  }

}

@media (max-width: 768px) {

  .news_show {

    padding-top: 45px;

  }



  .news_show .l_ .p1 .t {

    width: 100%;

    font-size: 20px;

    line-height: 32px;

  }



  .news_show .l_ .p1 .time {

    width: 100%;

    text-align: left;

  }



  .news_show .l_ .p2 .rr_ {

    display: none;

  }



  .news_show .l_ .p2 {

    padding-top: 15px;

  }



  .news_show .l_ .p2 .ll_ {

    width: 100%;

  }



  .news_show .l_ .p5 .a {

    display: none;

  }



  .news_show .l_ .p5 .btn_ {

    border: none;

  }



  .news_show .l_ .p5 {

    padding-top: 20px 20px 0;

  }



  .news_show .l_ .p5 .l2_,

  .news_show .l_ .p5 .r2_ {

    float: left;

    width: calc(50% - 60px);

  }



  .news_show .l_ .p5 .m2_ {

    width: 120px;

  }



  .news_show .l_ .p5 .next {

    float: right;

  }

}

/*job详情页*/

.job_show {

  display: flex;

  align-items: stretch;

}

.job_show .l {

  float: left;

  width: 335px;

  background-color: #eef1f5;

  padding-top: 100px;

  padding-left: 68px;

  padding-bottom: 100px;

  padding-right: 68px;

}

.job_show .r {

  float: left;

  width: calc(100% - 335px);

  padding: 100px 0 100px 80px;

}

.job_show .l .t {

  font-family: Microsoft YaHei;

  font-weight: bold;

  color: #333333;

  margin-bottom: 30px;

}

.job_show .l .t1 {

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 30px;

  color: #666666;

  opacity: 1;

}

.job_show .l .btn {

  display: inline-block;

  width: 200px;

  height: 49px;

  background: #ffffff;

  border: 1px solid #dddddd;

  opacity: 1;

  border-radius: 25px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.job_show .l .btn span {

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  line-height: 49px;

  color: #666666;

  padding-left: 12px;

}

.job_show .l .btn .img {

  display: inline-block;

  width: 30px;

  height: 30px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 21px;

}

.job_show .l .btn.apply {

  margin-top: 87px;

  margin-bottom: 10px;

}

.job_show .l .btn:hover {

  border-color: var(--main-color);

  background-color: var(--main-color);

}

.job_show .l .btn:hover span {

  color: #fff;

}

.job_show .l .btn.apply .img {

  background-image: url(../images/apply_icon.svg);

}

.job_show .l .btn.apply:hover .img {

  background-image: url(../images/apply_icon01.svg);

}

.job_show .l .btn.back .img {

  background-image: url(../images/back_icon.svg);

}

.job_show .l .btn.back:hover .img {

  background-image: url(../images/back_icon01.svg);

}

.job_show .r .i:not(:first-child) {

  margin-top: 60px;

}

.job_show .r .t {

  font-weight: bold;

  color: #333333;

}

.job_show .r .t1 {

  margin-top: 30px;

}

.job_show .r .t1 p {

  font-size: 16px;

  font-weight: 400;

  line-height: 32px;

  color: #666666;

}

@media (max-width: 1200px) {

  .job_show .r {

    padding: 100px 0 100px 60px;

  }

}

@media (max-width: 768px) {

  .job_show {

    display: block;

  }

  .job_show .l {

    margin-top: 30px;

    width: 100%;

    padding: 30px 20px;

  }

  .job_show .r {

    width: 100%;

  }

  .job_show .l .t {

    margin-bottom: 20px;

  }

  .job_show .l .btn.apply {

    margin-top: 30px;

  }

  .job_show .l .btn {

    height: 42px;

  }

  .job_show .l .btn .img {

    background-size: 16px;

  }

  .job_show .l .btn {

    width: 160px;

  }

  .job_show .l .btn span {

    font-size: 14px;

    padding-left: 5px;

  }

  .job_show .r {

    padding: 30px 5px;

  }

  .job_show .r .t1 {

    margin-top: 20px;

  }

  .job_show .r .i:not(:first-child) {

    margin-top: 30px;

  }

  .job_show .r .t1 p {

    font-size: 14px;

    line-height: 30px;

  }

}



/*解决方案*/

.solution_list {

  background-image: url(../images/slt_bg.png);

  background-size: 100%;

  padding-bottom: 80px;

}

.solution_list .list_ {

  padding-top: 90px;

}

.solution_list .list_ .img {

  border-radius: 6px;

  position: relative;

}

.solution_list .list_ .img .l_icon {

  width: 123px;

  height: 108px;

  position: absolute;

  left: -80px;

  z-index: 1;

  bottom: 20px;

  background-image: url(../images/slt_img_icon.svg);

  background-size: 100%;

  background-position: center;

  background-repeat: no-repeat;

  transition: all 0.6s;

}

.solution_list .list_ .img .im {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  border-radius: 6px;

  overflow: hidden;

}

.solution_list .list_ .img i {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  border-radius: 6px;

  overflow: hidden;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  transition: all 0.3s;

}

.solution_list .list_ .img i img {

  width: 100%;

}

.solution_list .list_ .img:hover i {

  transform: scale(1.06);

}

.solution_list .list_ .text .box {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.solution_list .list_ .img,

.solution_list .list_ .text {

  position: relative;

  width: calc(50% - 20px);

  height: 420px;

}

.solution_list .list_ .text .t1 {

  font-weight: bold;

  color: #333333;

}

.solution_list .list_ .text .t2 {

  font-size: 18px;

  font-weight: 400;

  color: #333333;

  margin-top: 25px;

}

.solution_list .list_ .text .t3 {

  font-size: 14px;

  line-height: 28px;

  color: #666666;

  height: 56px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  margin-top: 20px;

}

.solution_list .list_ .text .t4 {

  padding-top: 50px;

}

.solution_list .list_ .text .t4 .btn_ {

  width: 160px;

  height: 50px;

  background: #ffffff;

  border: 1px solid #e2e2e2;

  display: flex;

  align-items: center;

  justify-content: center;

  float: left;

  margin-right: 15px;

  cursor: default;

  transition: all 0.3s;

  position: relative;

}

.solution_list .list_ .text .t4 .btn_:hover {

  transform: translateY(-5px);

}

.solution_list .list_ .text .t4 .btn_:after {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: "";

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 0;

  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);

  -webkit-transition-property: transform, opacity;

  transition-property: transform, opacity;

}

.solution_list .list_ .text .t4 .btn_:hover:after {

  opacity: 1;

  top: calc(100% + 3px);

  transition-duration: 0.3s;

}

.solution_list .list_ .text .t4 .btn_ .icon {

  width: 23px;

  height: 23px;

  background-image: url(../images/slt_icon.png);

  background-size: 20px;

  background-position: center;

  background-repeat: no-repeat;

}

.solution_list .list_ .text .t4 .btn_ span {

  display: inline-block;

  font-size: 14px;

  font-weight: 400;

  color: #333333;

  padding-left: 20px;

}

.solution_list .list_ .i_01 .img,

.solution_list .list_ .i_02 .text {

  float: left;

}

.solution_list .list_ .i_02 .img,

.solution_list .list_ .i_01 .text {

  float: right;

}

.solution_list .list_ .i_01,

.solution_list .list_ .i_02 {

  margin-bottom: 90px;

  display: block;

  cursor: pointer;

}

@media (max-width: 1200px) {

  .solution_list .list_ .img,

  .solution_list .list_ .text {

    height: 320px;

  }

}

@media (max-width: 992px) {

  .solution_list .list_ .img .im,

  .solution_list .list_ .img i {

    position: relative;

    height: 100%;

    width: 100%;

    display: block;

  }

  .solution_list .list_ .img,

  .solution_list .list_ .text {

    height: auto;

    width: 100%;

  }

  .solution_list .list_ .text .box {

    position: relative;

    top: 0;

    transform: translateY(0);

  }

  .solution_list .list_ .text {

    padding-top: 30px;

  }

  .solution_list .list_ .img .l_icon {

    display: none;

  }

  .solution_list .list_ .text .t4 .btn_ {

    width: 120px;

    height: 42px;

  }

  .solution_list .list_ .text .t4 .btn_ span {

    padding-left: 10px;

  }

  .solution_list .list_ .i_01,

  .solution_list .list_ .i_02 {

    margin-bottom: 40px;

  }

  .solution_list .list_ .i_02 {

    display: flex;

    flex-direction: column-reverse;

  }

  .solution_list .list_ .text .t4 {

    padding-top: 30px;

  }

  .solution_list .list_ .text .t2 {

    font-size: 16px;

    line-height: 26px;

  }

  .solution_list .list_ .text .t3 {

    line-height: 24px;

    height: auto;

    overflow: unset;

    text-overflow: unset;

    display: block;

    -webkit-box-orient: unset;

    -webkit-line-clamp: unset;

  }

  .solution_list .list_ {

    padding-top: 40px;

  }

}



/*联系我们*/

.contact_us {

  padding: 70px 0 60px;

}

.contact_us #map {

  height: 500px;

  background-color: #ccc;

}

.contact_us .p2 {

  padding: 40px 0 50px 0;

}

.contact_us .title {

  border-bottom: 3px solid #333333;

  padding-bottom: 25px;

}

.contact_us .title .icon {

  width: 35px;

  float: left;

}

.contact_us .title .icon img {

  width: 100%;

}

.contact_us .title span {

  float: left;

  font-size: 30px;

  font-weight: bold;

  color: #333333;

  margin-left: 15px;

}

.contact_us .p2 .cont {

  padding-top: 40px;

}

.contact_us .p2 .cont .l_ {

  float: left;

  width: 580px;

}

.contact_us .p2 .cont .r_ {

  float: right;

}

.contact_us .p2 .cont .l_ .i span {

  display: block;

  font-size: 14px;

  color: #666666;

}

.contact_us .p2 .cont .l_ .i p {

  font-size: 24px;

  font-weight: bold;

  color: #333333;

  margin-top: 15px;

}

.contact_us .p2 .cont .l_ .i:nth-child(1) {

  float: left;

  width: 100%;

  border-bottom: 1px solid #ccc;

  padding-bottom: 25px;

  margin-bottom: 25px;

}

.contact_us .p2 .cont .l_ .i:nth-child(2) {

  float: left;

}

.contact_us .p2 .cont .l_ .i:nth-child(3) {

  float: right;

}

.contact_us .p2 .cont .r_ .img {

  width: 110px;

  height: 110px;

}

.contact_us .p2 .cont .r_ .img img {

  width: 100%;

}

.contact_us .p2 .cont .r_ span {

  font-size: 16px;

  font-weight: 400;

  color: #333333;

  display: block;

  text-align: center;

  margin-top: 15px;

}

.contact_us .p3 .list_ {

  margin: -12px -20px;

  display: flex;

  align-items: stretch;

  flex-flow: row wrap;

  padding-top: 43px;

}

.contact_us .p3 .list_ .i {

  float: left;

  width: 50%;

  padding: 12px 20px;

  max-width: 50%;

  min-width: 50%;

}

.contact_us .p3 .list_ .i_ {

  cursor: default;

  background: #ffffff;

  border: 1px solid #cccccc;

  padding: 30px 40px;

  height: 100%;

}

.contact_us .p3 .list_ .i_:hover {

  background-color: var(--main-color);

  border-color: var(--main-color);

}

.contact_us .p3 .list_ .i_:after {

  content: "";

  display: block;

  clear: both;

}

.contact_us .p3 .list_ .i_ .icon {

  float: left;

  width: 20px;

  background-image: url(../images/address_default.svg);

  background-repeat: no-repeat;

  background-size: 20px;

  height: 50px;

}

.contact_us .p3 .list_ .i_ .text {

  float: left;

  width: calc(100% - 20px);

  padding-left: 20px;

}

.contact_us .p3 .list_ .i_:hover .icon {

  background-image: url(../images/address_hover.svg);

}

.contact_us .p3 .list_ .i_ .text .t1:after {

  content: "";

  display: block;

  clear: both;

}

.contact_us .p3 .list_ .i_ .text .t1 {

  padding-bottom: 30px;

  border-bottom: 1px solid #cccccc;

}

.contact_us .p3 .list_ .i_:hover .text .t1 {

  border-bottom-color: rgba(255, 255, 255, 0.5);

}

.contact_us .p3 .list_ .i_ .text .t1 .n {

  font-size: 18px;

  font-weight: bold;

  color: #333333;

  float: left;

}

.contact_us .p3 .list_ .i_:hover .text .t1 .n {

  color: #fff;

}

.contact_us .p3 .list_ .i_ .text .t1 .m {

  float: right;

  font-size: 24px;

  font-family: DIN;

  font-weight: 400;

  color: #666666;

  opacity: 0.5;

  display: none;

}

.contact_us .p3 .list_ .i_:hover .text .t1 .m {

  color: #ffffff;

  opacity: 0.5;

}

.contact_us .p3 .list_ .i_ .text .t2 {

  font-size: 18px;

  line-height: 30px;

  color: #666666;

  margin-top: 30px;

}

.contact_us .p3 .list_ .i_:hover .text .t2 {

  color: #ffffff;

}



@media (max-width: 768px) {

  .contact_us {

    padding: 40px 0 30px;

  }

  .contact_us #map {

    height: 400px;

  }

  .contact_us .title span {

    font-size: 24px;

  }

  .contact_us .title .icon {

    width: 27px;

  }

  .contact_us .title {

    border-bottom: 2px solid #333333;

    padding-bottom: 20px;

  }

  .contact_us .p2 .cont .l_ {

    width: 100%;

  }

  .contact_us .p2 .cont .l_ .i:nth-child(2) {

    width: 100%;

    border-bottom: 1px solid #ccc;

    padding-bottom: 25px;

    margin-bottom: 25px;

  }

  .contact_us .p2 .cont .l_ .i:nth-child(3) {

    width: 100%;

    border-bottom: 1px solid #ccc;

    padding-bottom: 25px;

    margin-bottom: 25px;

  }

  .contact_us .p2 .cont .l_ .i p {

    font-size: 18px;

  }

  .contact_us .p2 .cont .r_ {

    width: 100%;

    margin-top: 20px;

  }

  .contact_us .p2 .cont .r_ .img {

    margin: 0 auto;

  }

  .contact_us .p3 .list_ {

    display: block;

    margin: -20px 0;

  }

  .contact_us .p3 .list_ .i {

    width: 100%;

    min-width: 100%;

    max-width: 100%;

    padding: 20px 0;

  }

  .contact_us .p3 .list_ .i_ {

    padding: 30px;

  }

  .contact_us .p3 .list_ .i_ .text .t2 {

    font-size: 16px;

    line-height: 1.5;

  }

  .contact_us .p3 .list_ .i_ .text .t1 {

    padding-bottom: 20px;

  }

  .contact_us .p3 .list_ .i_ .text .t2 {

    margin-top: 20px;

  }

}



/*荣誉资质*/

.honor_list {

  padding: 70px 0 60px;

  overflow: hidden;

}

.honor_list .title .t {

  float: left;

  font-weight: bold;

  color: #333333;

  line-height: 80px;

}

.honor_list .title .cata {

  float: right;

  overflow: hidden;

}

.honor_list .title .cata .swiper-slide {

  width: auto;

}

.honor_list .title .cata a {

  display: block;

  background: #ffffff;

  border: 1px solid #dddddd;

  padding: 13px 30px;

}

.honor_list .title .cata a.active {

  background-color: var(--main-color);

  border-color: var(--main-color);

}

.honor_list .title .cata a p {

  font-size: 24px;

  font-weight: bold;

  color: #333333;

  text-align: center;

}

.honor_list .title .cata a.active p {

  color: #fff;

}

.honor_list .title .cata a span {

  font-size: 16px;

  font-weight: 400;

  color: #666666;

  text-align: center;

  display: block;

}

.honor_list .title .cata a.active span {

  color: #fff;

}

.honor_list .cont {

  padding-bottom: 40px;

}

.honor_list .cont .list_ {

  margin: -25px;

  padding-top: 40px;

}

.honor_list .cont .list_ .i {

  padding: 25px;

  width: 33.33%;

  float: left;

}

.honor_list .cont .list_ .i_ {

  border: 1px solid #dddddd;

  padding: 45px 30px;

  display: flex;

  flex-direction: row;

  align-items: stretch;

  cursor: pointer;

}

.honor_list .cont .list_ .i_:after {

  content: "";

  display: block;

  clear: both;

}

.honor_list .cont .list_ .i_ .text {

  float: left;

  width: 60%;

}

.honor_list .cont .list_ .i_ .img {

  float: right;

  width: 40%;

  position: relative;

}

.honor_list .cont .list_ .i_ .img img {

  max-height: 100%;

  max-width: 100%;

  padding-left: 30px;

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

}

.honor_list .cont .list_ .i_ .text .t1:after {

  content: "";

  display: block;

  clear: both;

}

.honor_list .cont .list_ .i_ .text .t1 .t {

  float: left;

}

.honor_list .cont .list_ .i_ .text .t1 .time {

  float: right;

}

.honor_list .cont .list_ .i_ .text .t1 .t {

  background: #ffffff;

  border: 1px solid #0062ff;

  opacity: 1;

  border-radius: 21px;

  font-size: 14px;

  color: #0062ff;

  padding: 6px 12px;

}

.honor_list .cont .list_ .i_ .text .t1 .time {

  font-size: 14px;

  line-height: 30px;

  color: #333333;

}

.honor_list .cont .list_ .i_ .text p {

  font-size: 18px;

  font-weight: bold;

  line-height: 36px;

  color: #333333;

  margin-top: 50px;

  height: 72px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

@media (max-width: 1600px) {

  .honor_list .cont .list_ .i {

    width: 50%;

  }

}

@media (max-width: 1200px) {

  .honor_list .title .t {

    width: 100%;

    line-height: 1.5;

  }

  .honor_list .title .cata {

    width: 100%;

    float: left;

    margin-top: 20px;

  }

}

@media (max-width: 768px) {

  .honor_list {

    padding: 40px 0 30px;

  }

  .honor_list .cont .list_ .i {

    width: 100%;

  }

  .honor_list .cont .list_ .i_ .text {

    width: 100%;

  }

  .honor_list .cont .list_ .i_ {

    display: block;

  }

  .honor_list .cont .list_ .i_ .img {

    width: 100%;

    text-align: center;

    margin-top: 30px;

  }

  .honor_list .cont .list_ .i_ .img img {

    position: relative;

    top: auto;

    transform: translateY(0);

    max-width: 180px;

    margin: 0 auto;

    width: 100%;

    padding-left: 0;

  }

  .honor_list .cont .list_ .i_ {

    padding: 30px 20px;

  }

  .honor_list .cont .list_ .i_ .text p {

    margin-top: 20px;

  }

}



/*资本伙伴*/

.partner_list {

  padding: 90px 0 60px;

}

.partner_list .title {

  font-weight: bold;

  color: #333333;

}

.partner_list .list_ {

  padding-top: 50px;

}

.partner_list .list_ .i {

  /*border-bottom:1px solid #ccc;*/

  padding-bottom: 37px;

}

.partner_list .list_ .i .t1 {

  font-weight: bold;

  color: #333333;

}

.partner_list .list_ .i .t2 {

  font-size: 16px;

  font-weight: 400;

  line-height: 1.4;

  color: #666666;

  margin-top: 30px;

}

.partner_list .list_ .i .t3 .t3_list {

  margin: -8px;

  padding-top: 40px;

}

.partner_list .list_ .i .t3 .t3_i {

  float: left;

  width: 20%;

  padding: 8px;

}

.partner_list .list_ .i .t3 .t3_i_ {

  background: #ffffff;

  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);

  border-radius: 4px;

  overflow: hidden;

  transition: all 0.3s;

}

.partner_list .list_ .i .t3 .t3_i_:hover {

  transform: translateY(-10px);

}

.partner_list .list_ .i:not(:first-child) {

  margin-top: 40px;

}

@media (max-width: 1200px) {

  .partner_list .list_ .i .t3 .t3_i {

    width: 25%;

  }

}

@media (max-width: 768px) {

  .partner_list .list_ .i .t3 .t3_i {

    width: 50%;

  }

  .partner_list {

    padding: 40px 0 30px;

  }

  .partner_list .list_ {

    padding-top: 40px;

  }

  .partner_list .list_ .i:not(:first-child) {

    margin-top: 40px;

  }

}



/*解决方案详情*/

.solution_show .p1 {

  background-image: url(../images/slt_p1_bg.png);

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  padding: 70px 0 80px;

}

.solution_show .p1 .t1 {

  font-weight: bold;

  color: #333333;

  text-align: center;

}

.solution_show .p1 .t2 {

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  color: #666666;

  text-align: center;

  margin-top: 20px;

}

.solution_show .p1 .list_ {

  padding-top: 50px;

}

.solution_show .p1 .list_ .swiper-slide {

  padding: 10px;

}

.solution_show .p1 .list_ .swiper-slide .box_ {

  background: #ffffff;

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);

  border-radius: 6px;

  padding: 30px 40px;

  height: 100%;

}

.solution_show .p1 .list_ .swiper-slide .img {

  margin: 0 auto;

  width: 66px;

  height: 66px;

  background: #2879fb;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.solution_show .p1 .list_ .swiper-slide .img img {

  width: 100%;

  max-width: 35px;

}

.solution_show .p1 .list_ .swiper-slide p {

  font-size: 18px;

  font-weight: bold;

  color: #333333;

  text-align: center;

  margin: 23px 0;

}

.solution_show .p1 .list_ .swiper-slide span {

  font-size: 16px;

  line-height: 30px;

  color: #666666;

  text-align: center;

  display: block;

}

.solution_show .p1 .list_ .swiper-container {

  padding-bottom: 50px;

}

.solution_show .p1 .list_ .swiper-wrapper {

  align-items: stretch;

  display: flex;

}

.solution_show .p1 .list_ .swiper-slide {

  height: auto;

}

.solution_show .p1 .swiper-pagination {

  display: flex;

  align-items: center;

  justify-content: center;

}

.solution_show .p1 .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background: #d9d9d9;

  border-radius: 50%;

  opacity: 1;

}

.solution_show .p1 .swiper-pagination-bullet-active {

  width: 17px;

  height: 17px;

  background: #ffffff;

  border: 2px solid #2879fb;

  border-radius: 50%;

  opacity: 1;

}

.solution_show .p2 {

  padding: 80px 0 70px;

}

.solution_show .p2 .t {

  font-weight: bold;

  color: #333333;

  text-align: center;

}

.solution_show .p2 .list_ {

  padding-top: 40px;

  position: relative;

}

.solution_show .p2 .list_ .img {

  border-radius: 4px;

}

.solution_show .p2 .list_ .text {

  padding-top: 40px;

}

.solution_show .p2 .list_ .text .t1 {

  font-weight: bold;

  color: #333333;

}

.solution_show .p2 .list_ .text .t2 {

  font-size: 18px;

  line-height: 30px;

  color: #333333;

  margin: 30px 0 20px;

}

.solution_show .p2 .list_ .text .t3 {

  font-size: 14px;

  line-height: 28px;

  color: #666666;

}

.solution_show .p2 .list_ .btn_ {

  width: 48px;

  height: 48px;

  background: #ffffff;

  border: 1px solid #d8d8d8;

  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);

  border-radius: 50%;

  opacity: 1;

  position: absolute;

  top: 50%;

  cursor: pointer;

  background-image: url(../images/left.svg);

  background-position: center;

  background-size: 18px;

  background-repeat: no-repeat;

}

.solution_show .p2 .list_ .btn_:hover {

  background-color: var(--main-color);

  border-color: var(--main-color);

  background-image: url(../images/left_hover.svg);

}

.solution_show .p2 .list_ .btn_prev {

  right: calc(100% + 30px);

  transform: translateY(-50%);

}

.solution_show .p2 .list_ .btn_next {

  left: calc(100% + 30px);

  transform: translateY(-50%) rotate(180deg);

}

.solution_show .p2 .list_ .swiper-container {

  padding-bottom: 0px;

}

.solution_show .p2 .swiper-pagination {

  display: flex;

  align-items: center;

  justify-content: center;

  display: none;

}

.solution_show .p2 .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background: #d9d9d9;

  border-radius: 50%;

  opacity: 1;

}

.solution_show .p2 .swiper-pagination-bullet-active {

  width: 17px;

  height: 17px;

  background: #ffffff;

  border: 2px solid #2879fb;

  border-radius: 50%;

  opacity: 1;

}

.solution_show .p3 {

  padding: 80px 0 70px;

  background-color: #eef1f5;

}

.solution_show .p3 .t {

  font-weight: bold;

  color: #333333;

  text-align: center;

}

.solution_show .p3 .list_ {

  padding-top: 40px;

  position: relative;

}

.solution_show .p3 .list_ .swiper-slide {

  border-radius: 4px;

  overflow: hidden;

}

.solution_show .p3 .list_ .text {

  height: 165px;

  background: #ffffff;

  border: 1px solid #dddddd;

  border-radius: 4px 4px 0 0;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

.solution_show .p3 .list_ .text .lg {

  max-width: 65%;

}

.solution_show .p3 .list_ .text .lg img {

  width: 100%;

}

.solution_show .p3 .list_ .text span {

  display: block;

  text-align: center;

  font-size: 18px;

  color: #333333;

  width: 100%;

  padding: 0 5px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.solution_show .p3 .list_ .btn_ {

  width: 48px;

  height: 48px;

  background: #ffffff;

  border: 1px solid #d8d8d8;

  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);

  border-radius: 50%;

  opacity: 1;

  position: absolute;

  top: 50%;

  cursor: pointer;

  background-image: url(../images/left.svg);

  background-position: center;

  background-size: 18px;

  background-repeat: no-repeat;

}

.solution_show .p3 .list_ .btn_:hover {

  background-color: var(--main-color);

  border-color: var(--main-color);

  background-image: url(../images/left_hover.svg);

}

.solution_show .p3 .list_ .btn_prev {

  right: calc(100% + 30px);

  transform: translateY(-50%);

}

.solution_show .p3 .list_ .btn_next {

  left: calc(100% + 30px);

  transform: translateY(-50%) rotate(180deg);

}

.solution_show .p3 .list_ .swiper-container {

  padding-bottom: 0px;

}

.solution_show .p3 .swiper-pagination {

  display: flex;

  align-items: center;

  justify-content: center;

  display: none;

}

.solution_show .p3 .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background: #d9d9d9;

  border-radius: 50%;

  opacity: 1;

}

.solution_show .p3 .swiper-pagination-bullet-active {

  width: 17px;

  height: 17px;

  background: #ffffff;

  border: 2px solid #2879fb;

  border-radius: 50%;

  opacity: 1;

}

@media (max-width: 1440px) {

  .solution_show .p2 .list_ .btn_prev {

    right: calc(100% + 10px);

  }

  .solution_show .p2 .list_ .btn_next {

    left: calc(100% + 10px);

  }

  .solution_show .p3 .list_ .btn_prev {

    right: calc(100% + 10px);

  }

  .solution_show .p3 .list_ .btn_next {

    left: calc(100% + 10px);

  }

}

@media (max-width: 768px) {

  .solution_show .p1 {

    padding: 40px 0 30px;

  }

  .solution_show .p2 {

    padding: 40px 0 30px;

  }

  .solution_show .p3 {

    padding: 40px 0 30px;

  }

  .solution_show .p1 .list_ {

    padding-top: 30px;

  }

  .solution_show .p2 .list_ .btn_ {

    display: none;

  }

  .solution_show .p2 .list_ .swiper-container {

    padding-bottom: 50px;

  }

  .solution_show .p2 .swiper-pagination {

    display: flex;

  }

  .solution_show .p2 .list_ .text .t2 {

    font-size: 16px;

    margin: 15px 0;

    line-height: 1.5;

  }

  .solution_show .p2 .list_ .text {

    padding-top: 30px;

  }

  .solution_show .p2 .list_ {

    padding-top: 30px;

  }

  .solution_show .p3 .list_ .btn_ {

    display: none;

  }

  .solution_show .p3 .list_ .swiper-container {

    padding-bottom: 50px;

  }

  .solution_show .p3 .swiper-pagination {

    display: flex;

  }

  .solution_show .p3 .list_ {

    padding-top: 30px;

  }

  .solution_show .p3 .list_ .text .lg {

    max-width: 200px;

  }

}



/*视频中心*/

.video_list {

  padding: 70px 0 60px;

}

.video_list .title .t {

  font-weight: bold;

  color: #333333;

}

.video_list .cont {

  padding-bottom: 40px;

}

.video_list .list_ {

  margin: -11px;

  padding-top: 40px;

}

.video_list .list_ .i {

  float: left;

  width: 33.33%;

  padding: 11px;

}

.video_list .list_ .i:hover .img i {

  transform: scale(1.06);

}

.video_list .list_ .img .tag_list {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 3;

  padding: 20px 30px;

}

.video_list .list_ .img .tag_list span {

  background: #000000;

  border: 1px solid #ffffff;

  opacity: 0.5;

  border-radius: 17px;

  font-size: 14px;

  color: #ffffff;

  display: inline-block;

  padding: 6px 23px;

  margin: 0 2px 4px;

}

.video_list .list_ .text {

  padding: 36px 45px;

  background-color: #eef1f5;

}

.video_list .list_ .i_:hover .text {

  background-color: var(--main-color);

}

.video_list .list_ .text .t1 {

  font-size: 18px;

  font-weight: bold;

  color: #333333;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.video_list .list_ .i_:hover .text .t1 {

  color: #fff;

}

.video_list .list_ .text .t2 {

  font-size: 16px;

  font-weight: 400;

  color: #666666;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-top: 12px;

}

.video_list .list_ .i_:hover .text .t2 {

  color: #fff;

}

.video_list .list_ .text .t3 {

  margin-top: 40px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.video_list .list_ .text .t3 .icon {

  width: 30px;

  height: 30px;

  background-image: url(../images/more_jt_black.svg);

  background-position: center;

  background-size: 100%;

}

.video_list .list_ .i:hover .text .t3 .icon {

  background-image: url(../images/more_jt_white.svg);

}

.video_list .list_ .text .t3 span {

  font-size: 16px;

  color: #2879fb;

  padding-left: 15px;

}

.video_list .list_ .i_:hover .text .t3 span {

  color: #ffffff;

}

@media (max-width: 1200px) {

  .video_list .list_ .i {

    width: 50%;

  }

}

@media (max-width: 768px) {

  .video_list .list_ .i {

    width: 100%;

  }

  .video_list .list_ .img .tag_list {

    padding: 20px 10px;

  }

  .video_list .list_ .text {

    padding: 30px 20px;

  }

  .video_list {

    padding: 40px 0 30px;

  }

  .video_list .list_ {

    padding-top: 30px;

  }

}



/*发展历程*/

.develop_list {

  padding: 70px 0 60px;

}

.develop_list .title {

  font-weight: bold;

  color: #333333;

}

.develop_list .cont .top_ {

  height: 80px;

  position: relative;

  margin-top: 60px;

}

.develop_list .cont .top_:before {

  content: "";

  height: 1px;

  z-index: 1;

  width: 100%;

  background-color: #ccc;

  position: absolute;

  left: 0;

  top: 50%;

}

.develop_list .cont .top_ .swiper-slide {

  display: inline-block;

  width: auto;

  height: 80px;

  padding: 0 55px;

  position: relative;

  cursor: pointer;

}

.develop_list .cont .top_ .swiper-slide .n {

  font-size: 20px;

  font-weight: bold;

  color: #666666;

}

.develop_list .cont .top_ .swiper-slide.active .n,

.develop_list .cont .top_ .swiper-slide:hover .n {

  color: var(--main-color);

}

.develop_list .cont .top_ .swiper-slide .q {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 14px;

  height: 14px;

}

.develop_list .cont .top_ .swiper-slide .q:after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 6px;

  height: 6px;

  background: #bbbbbb;

  border-radius: 50%;

}

.develop_list .cont .top_ .swiper-slide .q:before {

  content: "";

  width: 14px;

  height: 14px;

  background: #ffffff;

  border: 1px solid #2879fb;

  border-radius: 50%;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  display: none;

}

.develop_list .cont .top_ .swiper-slide.active .q:before,

.develop_list .cont .top_ .swiper-slide:hover .q:before {

  display: block;

}

.develop_list .cont .top_ .swiper-slide.active .q:after,

.develop_list .cont .top_ .swiper-slide:hover .q:after {

  width: 8px;

  height: 8px;

  background: #2879fb;

}

.develop_list .cont .top_ {

  padding: 0 50px;

}

.develop_list .cont .top_ .btn_ {

  width: 52px;

  height: 52px;

  background-color: #cccccc;

  border-radius: 50%;

  opacity: 1;

  position: absolute;

  z-index: 1;

  background-image: url(../images/next_white.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 20px;

  top: 50%;

  cursor: pointer;

}

.develop_list .cont .top_ .btn_:hover {

  background-color: var(--main-color);

}

.develop_list .cont .top_ .btn_prev {

  left: 0;

  transform: translateY(-50%) rotate(180deg);

}

.develop_list .cont .top_ .btn_next {

  right: 0;

  transform: translateY(-50%);

}

.develop_list .cont .mid {

  margin-top: 60px;

}

.develop_list .cont .mid_list .i:after {

  content: "";

  display: block;

  clear: both;

}

.develop_list .cont .mid_list .i {

  transition: all 0.3s;

}

.develop_list .cont .mid_list .i.active,

.develop_list .cont .mid_list .i:hover {

  background-color: var(--main-color);

}

.develop_list .cont .mid_list .i .l_ {

  float: left;

  width: 150px;

  font-weight: bold;

  color: #333333;

  font-size: 30px;

  text-align: center;

  padding-top: 30px;

  position: relative;

}

.develop_list .cont .mid_list .i .l_ i {

  width: 14px;

  height: 14px;

  background: transparent;

  border: 1px solid #cccccc;

  border-radius: 50%;

  position: absolute;

  right: 0;

  top: 40px;

  transform: translateX(8px);

  z-index: 1;

  display: block;

}

.develop_list .cont .mid_list .i.active .l_ i,

.develop_list .cont .mid_list .i:hover .l_ i {

  border-color: #ffffff;

}

.develop_list .cont .mid_list .i .l_ i:before {

  content: "";

  width: 8px;

  height: 8px;

  background: #cccccc;

  border-radius: 50%;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

.develop_list .cont .mid_list .i.active .l_ i:before,

.develop_list .cont .mid_list .i:hover .l_ i:before {

  background-color: #ffffff;

}

.develop_list .cont .mid_list .i.active .l_,

.develop_list .cont .mid_list .i:hover .l_ {

  color: #ffffff;

}

.develop_list .cont .mid_list .i .r_ {

  float: left;

  width: calc(100% - 150px);

  padding-left: 40px;

  border-left: 1px solid #cccccc;

  padding-top: 30px;

}

.develop_list .cont .mid_list .i .r_ p {

  font-size: 18px;

  font-weight: bold;

  color: #666666;

}

.develop_list .cont .mid_list .i.active .r_ p,

.develop_list .cont .mid_list .i:hover .r_ p {

  color: #ffffff;

}

.develop_list .cont .mid_list .i .r_ span {

  display: block;

  font-size: 16px;

  font-weight: 400;

  line-height: 30px;

  color: #999999;

  margin-top: 10px;

}

.develop_list .cont .mid_list .i.active .r_ span,

.develop_list .cont .mid_list .i:hover .r_ span {

  color: #ffffff;

}

.develop_list .cont .mid_list .i .r_ .i_i {

  margin-bottom: 30px;

}

.develop_list .cont .mid_list .i:last-child .r_ {

  position: relative;

}

.develop_list .cont .mid_list .i:last-child .r_:after {

  width: 17px;

  height: 10px;

  content: "";

  position: absolute;

  left: -1px;

  bottom: -5px;

  transform: translate(-50%, 50%);

  background-image: url(../images/jt_bottom.svg);

  background-repeat: no-repeat;

  background-size: 100%;

}

@media (max-width: 768px) {

  .develop_list {

    padding: 40px 0 30px;

  }

  .develop_list .cont .top_ .btn_ {

    width: 42px;

    height: 42px;

  }

  .develop_list .cont .top_ {

    padding: 0 42px;

  }

  .develop_list .cont .top_ .swiper-slide {

    padding: 0 25px;

  }

  .develop_list .cont .mid_list .i .l_ {

    font-size: 20px;

    width: 80px;

  }

  .develop_list .cont .mid_list .i .r_ {

    width: calc(100% - 80px);

    padding-left: 25px;

  }

  .develop_list .cont .mid_list .i .l_ i {

    top: 36px;

  }

  .develop_list .cont .mid_list .i .r_ span {

    font-size: 14px;

    line-height: 24px;

  }

  .develop_list .cont .mid_list .i .r_ p {

    font-size: 16px;

  }

}



/*案例列表*/

.case_list {

  background-color: #eef1f5;

  padding: 60px 0 40px;

}

.case_list .cont {

  padding-bottom: 40px;

}

.case_list .cont .list_ {

  margin: -15px;

}

.case_list .cont .list_ .i {

  float: left;

  width: 25%;

  padding: 15px;

}

.case_list .cont .list_ .text {

  height: 165px;

  background: #ffffff;

  border: 1px solid #dddddd;

  border-radius: 4px 4px 0 0;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

.case_list .cont .list_ .text .lg {

  max-width: 65%;

}

.case_list .cont .list_ .text .lg img {

  width: 100%;

}

.case_list .cont .list_ .text span {

  display: block;

  text-align: center;

  font-size: 18px;

  color: #333333;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  width: 80%;

}

.case_list .cont .list_ .i_ {

  display: block;

  transition: all 0.3s;

}

.case_list .cont .list_ .i_:hover {

  transform: translateY(-10px);

}

.case_list .cont .list_ .i_:hover .img i {

  transform: scale(1);

}

@media (max-width: 1200px) {

  .case_list .cont .list_ .i {

    width: 33.33%;

  }

}

@media (max-width: 992px) {

  .case_list .cont .list_ .i {

    width: 50%;

  }

}

@media (max-width: 768px) {

  .case_list .cont .list_ .i {

    width: 100%;

  }

  .case_list .cont .list_ .text .lg {

    max-width: 200px;

  }

}



/*公司简介*/

.fullpage_banner .banner_img.pc {

  height: 100vh;

  min-height: 840px;

}

.fullpage_banner .banner_img.pc:after {

  content: "";

  z-index: 0;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background: linear-gradient(129deg, #001022 0%, rgba(0, 16, 34, 0.63) 73%, rgba(0, 16, 34, 0) 100%);

  opacity: 0.5;

}

.fullpage_banner .cata_n {

  position: absolute;

  left: 0;

  right: 0;

  top: 90px;

}

.fullpage_banner_text {

  position: absolute;

  left: 0;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  margin-top: 85px;

  z-index: 1;

}

.fullpage_banner_text .t1 {

  font-size: 60px;

  font-weight: 400;

  color: #ffffff;

}

.fullpage_banner_text .t2 {

  margin-top: 10px;

}

.fullpage_banner_text .t2:after {

  content: "";

  display: block;

  clear: both;

}

.fullpage_banner_text .t2 > p {

  float: left;

  font-size: 28px;

  font-weight: bold;

  color: #ffffff;

}

.fullpage_banner_text .t2 .play_video {

  float: left;

  width: 118px;

  height: 32px;

  background: #0062ff;

  opacity: 1;

  border-radius: 16px;

  margin-left: 40px;

  cursor: pointer;

}

.fullpage_banner_text .t2 .play_video .icon {

  width: 24px;

  height: 24px;

  background: #ffffff;

  border-radius: 50%;

  float: left;

  margin: 4px 0 0 10px;

  position: relative;

}

.fullpage_banner_text .t2 .play_video .icon:after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  border-top: 6px solid transparent;

  border-bottom: 6px solid transparent;

  border-left: 8px solid var(--main-color);

}

.fullpage_banner_text .t2 span {

  font-size: 14px;

  font-weight: 400;

  color: #ffffff;

  padding-left: 10px;

  float: left;

  line-height: 32px;

}

.fullpage_banner_text .t3 {

  max-width: 727px;

  font-size: 16px;

  font-weight: 400;

  line-height: 30px;

  color: #ffffff;

  margin-top: 50px;

}

.fullpage_banner_text .t4 {

  margin-top: 100px;

  max-width: 900px;

}

.fullpage_banner_text .t4 .i {

  float: left;

  width: calc(50% - 50px);

}

.fullpage_banner_text .t4 .i .t span:nth-child(1) {

  font-size: 40px;

  font-weight: bold;

  color: #ffffff;

  display: inline-block;

}

.fullpage_banner_text .t4 .i .t span:nth-child(2) {

  font-size: 18px;

  font-weight: 400;

  color: #ffffff;

  display: inline-block;

  position: relative;

  top: -13px;

}

.fullpage_banner_text .t4 .i .b {

  display: flex;

  align-items: center;

  justify-content: center;

}

.fullpage_banner_text .t4 .i .b {

  margin-top: 15px;

}

.fullpage_banner_text .t4 .i .b span:nth-child(1) {

  font-size: 18px;

  line-height: 30px;

  color: #ffffff;

  white-space: nowrap;

}

.fullpage_banner_text .t4 .i .b span:nth-child(2) {

  flex: 1;

  margin-left: 20px;

  height: 30px;

  position: relative;

}

.fullpage_banner_text .t4 .i .b span:nth-child(2):after {

  content: "";

  width: 100%;

  height: 1px;

  background-color: #fff;

  position: absolute;

  left: 0;

  top: 50%;

}

.fullpage_banner_text .t4 .i .b span:nth-child(2) i {

  position: absolute;

  width: 19px;

  height: 19px;

  border-radius: 50%;

  right: 0;

  top: 50%;

  transform: translateY(-50%) translateX(50%);

}

.fullpage_banner_text .t4 .i .b span:nth-child(2) i:before {

  content: "";

  position: absolute;

  width: 19px;

  height: 19px;

  background: rgba(255, 255, 255, 1);

  border-radius: 50%;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  animation-name: ani02;

  animation-duration: 1.6s;

  animation-direction: normal;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

}

.fullpage_banner_text .t4 .i .b span:nth-child(2) i:after {

  content: "";

  width: 7px;

  height: 7px;

  background: #ffffff;

  border-radius: 50%;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

@keyframes ani02 {

  from {

    width: 7px;

    height: 7px;

    opacity: 0.6;

  }

  to {

    width: 19px;

    height: 19px;

    opacity: 0;

  }

}

.fullpage_banner_text .t4 .i:nth-child(-n + 2) {

  margin-bottom: 40px;

}

.fullpage_banner_text .t4 .i:nth-child(2n) {

  margin-left: 100px;

}

.about_us {

  overflow: hidden;

}

.about_us .p1 {

  background-color: #fff;

  padding: 60px 0 80px;

}

.about_us .p1 .tit p {

  font-weight: bold;

  color: #333333;

}

.about_us .p1 .tit span {

  max-width: 801px;

  font-size: 16px;

  font-weight: 400;

  line-height: 30px;

  color: #666666;

  display: block;

  margin-top: 20px;

}

.about_us .p1 .cont {

  padding-top: 60px;

  position: relative;

}

.about_us .p1 .cont .swiper-slide {

  border-radius: 4px;

  overflow: hidden;

  position: relative;

}

.about_us .p1 .cont .swiper-slide .text {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 1;

  height: 200px;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  align-items: flex-start;

  background: linear-gradient(180deg, rgba(32, 60, 104, 0) 0%, #203c68 100%);

  padding: 20px 30px;

}

.about_us .p1 .cont .swiper-slide .img {

  position: relative;

  z-index: 0;

}

.about_us .p1 .cont .swiper-slide .text p {

  width: 72px;

  height: 31px;

  font-size: 24px;

  font-family: Microsoft YaHei;

  font-weight: bold;

  line-height: 30px;

  color: #ffffff;

  opacity: 1;

}

.about_us .p1 .cont .swiper-slide .text span {

  display: inline-block;

  font-size: 16px;

  font-weight: 400;

  color: #ffffff;

  padding: 10px 15px;

  background-color: var(--main-color);

  border-radius: 20px;

  margin-top: 10px;

}

.about_us .p1 .cont .swiper-slide:hover .img i {

  transform: scale(1);

}

.about_us .p1 .cont .btn_ {

  width: 48px;

  height: 48px;

  background: #ffffff;

  border: 1px solid #d8d8d8;

  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);

  border-radius: 50%;

  opacity: 1;

  position: absolute;

  top: 50%;

  cursor: pointer;

  background-image: url(../images/left.svg);

  background-position: center;

  background-size: 18px;

  background-repeat: no-repeat;

}

.about_us .p1 .cont .btn_:hover {

  background-color: var(--main-color);

  border-color: var(--main-color);

  background-image: url(../images/left_hover.svg);

}

.about_us .p1 .cont .btn_prev {

  right: calc(100% + 30px);

  transform: translateY(-50%);

}

.about_us .p1 .cont .btn_next {

  left: calc(100% + 30px);

  transform: translateY(-50%) rotate(180deg);

}

.about_us .p1 .cont .swiper-pagination {

  display: flex;

  align-items: center;

  justify-content: center;

  display: none;

}

.about_us .p1 .cont .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background: #d9d9d9;

  border-radius: 50%;

  opacity: 1;

}

.about_us .p1 .cont .swiper-pagination-bullet-active {

  width: 17px;

  height: 17px;

  background: #ffffff;

  border: 2px solid #2879fb;

  border-radius: 50%;

  opacity: 1;

}

.about_us .p2 {

  background-image: url(../images/about_us_p2_bg.jpg);

  padding: 140px 0 100px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.about_us .p2 .tit {

  font-weight: bold;

  color: #ffffff;

}

.about_us .p2 .cont {

  padding-top: 50px;

}

.about_us .p2 .cont .img {

  max-width: 480px;

  margin: 0 auto;

  position: relative;

}

.about_us .p2 .cont .img > img {

  width: 100%;

  position: relative;

  z-index: 1;

  display: block;

}

.about_us .p2 .cont .img .q {

  position: absolute;

  width: 75%;

  height: 75%;

  border-radius: 50%;

  opacity: 0;

  z-index: 0;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  background-color: #fff;

  animation-name: ani01;

  animation-duration: 3s;

  animation-iteration-count: infinite;

  animation-direction: normal;

}

.about_us .p2 .cont .img .q1 {

  animation-delay: 1.5s;

}

.about_us .p1 .swiper-pagination {

  align-items: center;

  justify-content: center;

  display: none;

}

.about_us .p1 .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background: #d9d9d9;

  border-radius: 50%;

  opacity: 1;

}

.about_us .p1 .swiper-pagination-bullet-active {

  width: 17px;

  height: 17px;

  background: #ffffff;

  border: 2px solid #2879fb;

  border-radius: 50%;

  opacity: 1;

}

@keyframes ani01 {

  from {

    opacity: 0.5;

    width: 50%;

    height: 50%;

  }

  to {

    opacity: 0;

    width: 70%;

    height: 70%;

  }

}

.about_us .p2 .cont .img .i {

  position: absolute;

}

.about_us .p2 .cont .img .i p {

  font-size: 24px;

  font-weight: bold;

  color: #ffffff;

}

.about_us .p2 .cont .img .i span {

  font-size: 16px;

  line-height: 26px;

  color: #ffffff;

  display: block;

  margin-top: 10px;

}

.about_us .p2 .cont .img .i01 {

  top: 0;

  left: 50%;

  transform: translate(-20px, -100%);

}

.about_us .p2 .cont .img .i01:after {

  content: "";

  display: block;

  clear: both;

  width: 350px;

}

.about_us .p2 .cont .img .i01 .icon {

  float: left;

  width: 44px;

}

.about_us .p2 .cont .img .i01 .t {

  float: left;

  width: calc(100% - 44px);

  padding-left: 28px;

}

.about_us .p2 .cont .img .i02 {

  top: calc(50% - 105px);

  left: 0;

  transform: translate(calc(-100% - 30px), 0);

  text-align: right;

}

.about_us .p2 .cont .img .i02 .t {

  margin-top: 20px;

}

.about_us .p2 .cont .img .i03 {

  top: calc(50% - 105px);

  right: 0;

  transform: translate(calc(100% + 30px), 80px);

}

.about_us .p2 .cont .img .i03 .t {

  margin-top: 20px;

}

@media (max-width: 1680px) {

  .fullpage_banner_text .t4 {

    margin-top: 60px;

  }

}

@media (max-width: 1440px) {

  .fullpage_banner_text .t4 {

    margin-top: 40px;

  }

  .fullpage_banner_text .t1 {

    font-size: 42px;

  }

  .fullpage_banner_text .t2 > p {

    font-size: 24px;

  }

  .about_us .p1 .cont .btn_prev {

    right: calc(100% + 10px);

  }

  .about_us .p1 .cont .btn_next {

    left: calc(100% + 10px);

  }

}

@media (max-width: 992px) {

  .about_us .p2 .cont .img {

    max-width: 320px;

  }

}

@media (max-width: 768px) {

  .about_us .p1 {

    padding: 60px 0 40px;

  }

  .fullpage_banner {

    padding-bottom: 50px;

  }

  .fullpage_banner .cata_n {

    top: 62px;

  }

  .fullpage_banner_text {

    position: relative;

    top: 0;

    transform: translateY(0);

    margin-top: 0;

    padding-top: 150px;

  }

  .fullpage_banner .banner_img.mobile {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

  }

  .fullpage_banner .banner_img.mobile img {

    display: none;

  }

  .fullpage_banner {

    height: auto;

    min-height: 100%;

  }

  .fullpage_banner_text .t1 {

    font-size: 24px;

  }

  .fullpage_banner_text .t2 > p {

    font-size: 20px;

    width: 100%;

  }

  .fullpage_banner_text .t2 .play_video {

    margin-left: 0;

    margin-top: 30px;

  }

  .fullpage_banner_text .t3 {

    margin-top: 30px;

  }

  .fullpage_banner_text .t4 .i {

    width: 100%;

  }

  .fullpage_banner_text .t4 .i:nth-child(2n) {

    margin-left: 0;

  }

  .fullpage_banner_text .t4 .i:nth-child(-n + 3) {

    margin-bottom: 40px;

  }

  .fullpage_banner_text .t4 .i .t span:nth-child(1) {

    font-size: 24px;

  }

  .fullpage_banner_text .t4 .i .t span:nth-child(2) {

    font-size: 12px;

    top: -8px;

  }

  .fullpage_banner_text .t4 .i .b span:nth-child(1) {

    font-size: 14px;

  }

  .fullpage_banner_text .t4 .i .b {

    margin-top: 7px;

  }

  .about_us .p1 .cont .btn_ {

    display: none;

  }

  .about_us .p1 .cont .swiper-pagination {

    display: flex;

  }

  .about_us .p1 .cont .swiper-container {

    padding-bottom: 50px;

  }

  .about_us .p1 .cont {

    padding-top: 40px;

  }

  .about_us .p2 {

    padding: 60px 0 20px;

  }

  .about_us .p2 .cont .img {

    width: 100%;

    margin: 0;

    max-width: 100%;

  }

  .about_us .p2 .cont .img > img,

  .about_us .p2 .cont .img .q {

    display: none;

  }

  .about_us .p2 .cont .img .i {

    position: relative;

    left: auto;

    top: auto;

    right: auto;

    bottom: auto;

    transform: translate(0);

    width: 100%;

  }

  .about_us .p2 .cont .img .i {

    text-align: left;

    margin-bottom: 40px;

  }

  .about_us .p2 .cont .img .i:after {

    content: "";

    display: block;

    clear: both;

  }

  .about_us .p2 .cont .img .i .icon {

    float: left;

    width: 44px;

  }

  .about_us .p2 .cont .img .i .t {

    float: left;

    width: calc(100% - 44px);

    padding-left: 28px;

    margin-top: 0;

  }

  .about_us .p2 .cont .img .i p {

    font-size: 20px;

  }

}



/*核心产品*/

.product_list {

  overflow: hidden;

}

.product_list .tit {

  font-weight: bold;

  color: #333333;

  text-align: center;

}

.product_list .tit_des {

  text-align: center;

  font-size: 20px;

  font-weight: bold;

  line-height: 26px;

  color: #666666;

  margin-top: 35px;

}

.product_list .pd50 {

  padding: 50px 0;

}

.product_list .p1 .cont {

  padding-top: 40px;

  display: flex;

  align-items: stretch;

  justify-content: space-between;

  flex-flow: row nowrap;

  position: relative;

}



.product_list .p1 .l_ {

  width: calc(50% - 25px);

  max-width: calc(50% - 25px);

  min-width: calc(50% - 25px);

  display: flex;

  align-items: center;

  justify-content: center;

}

.product_list .p1 .img {

  overflow: hidden;

}

.product_list .p1 .img img {

  width: 100%;

  transition: all 0.3s;

}

.product_list .p1 .img:hover img {

  transform: scale(1.06);

}

.product_list .p1 .text {

  width: calc(50% - 25px);

  min-width: calc(50% - 25px);

  max-width: calc(50% - 25px);

  padding-top: 30px;

}

.product_list .p1 .text .icon {

  width: 135px;

}

.product_list .p1 .text .t {

  margin-top: 28px;

}

.product_list .p1 .text .t p {

  font-size: 24px;

  font-weight: bold;

  line-height: 36px;

  color: #333333;

}

.product_list .p1 .text .des p {

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  color: #666666;

  margin-top: 28px;

}

.product_list .p2 {

  background-image: url(../images/pro_p2_bg.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.product_list .p2 .cont {

  margin-top: 40px;

  display: flex;

  flex-flow: row nowrap;

  align-items: stretch;

  justify-content: space-between;

  position: relative;

}

.product_list .p2 .cont .jt {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-70%, -50%);

  z-index: 1;

}

.product_list .p2 .cont .i {

  width: calc(50% - 30px);

  background: #ffffff;

  box-shadow: 0px 0px 20px rgba(103, 131, 175, 0.2);

  border-radius: 4px;

  overflow: hidden;

}

.product_list .p2 .cont .i .t {

  text-align: center;

  padding: 22px;

  background-color: var(--main-color);

  font-size: 17px;

  font-weight: bold;

  line-height: 28px;

  color: #ffffff;

}

.product_list .p2 .cont .i .t1 {

  height: 100%;

  padding: 18px 24px;

}

.product_list .p2 .cont .i .t1_i {

  margin: 10px 0;

  overflow: hidden;

  display: flex;

  align-items: stretch;

  justify-content: space-between;

  flex-flow: row nowrap;

}

.product_list .p2 .cont .i .t1_i .l_img {

  width: calc(50% - 10px);

  min-width: calc(50% - 10px);

  max-width: calc(50% - 10px);

  display: flex;

  align-items: center;

  justify-content: center;

}

.product_list .p2 .cont .i .t1_i .text {

  width: calc(50% - 10px);

  min-width: calc(50% - 10px);

  max-width: calc(50% - 10px);

  padding: 20px 0;

}

.product_list .p2 .cont .i .t1_i .text .p {

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  color: #666666;

}

.product_list .p2 .cont .i .t1_i .text .p:not(:first-child) {

  margin-top: 30px;

}

.product_list .p2 .cont .i .t1_i .text .p01 {

  font-size: 17px;

  font-weight: bold;

  color: #333333;

}

.product_list .p2 .cont .i .t1_i .text .p02 {

  font-size: 16px;

  font-weight: 400;

  color: #666666;

  margin-top: 5px;

}

.product_list .p2 .cont .i .t1_i .text .p03 {

  margin-top: 25px;

}

.product_list .p2 .cont .i .t1_i .text .p03 span {

  display: block;

  position: relative;

  padding-left: 13px;

  font-size: 16px;

  font-weight: 400;

  line-height: 28px;

  color: #666666;

}

.product_list .p2 .cont .i .t1_i .text .p03 span:after {

  content: "";

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background-color: #666666;

  position: absolute;

  left: 0;

  top: 12px;

}

.product_list .p3 .cont {

  margin-top: 50px;

  display: flex;

  align-items: stretch;

  flex-flow: row nowrap;

  position: relative;

}

.product_list .p3 .cont:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 125px;

  height: 40px;

  transform: translate(-50%, -50%);

  background-size: 100%;

  background-image: url(../images/diandiandian.svg);

  background-repeat: no-repeat;

  z-index: -1;

}

.product_list .p3 .cont .l_ {

  width: 480px;

  min-height: 560px;

}

.product_list .p3 .cont .r_ {

  width: calc(100% - 480px);

}

.product_list .p3 .cont .l_ .i {

  background: #ffffff;

  box-shadow: 0px 0px 10px #c5c8d4;

  opacity: 1;

  border-radius: 4px;

  padding: 30px 20px;

  margin-bottom: 12px;

  position: relative;

}

.product_list .p3 .cont .l_ .i .t {

  font-size: 18px;

  font-weight: bold;

  color: #333333;

  position: relative;

}

.product_list .p3 .cont .l_ .i .t i {

  position: relative;

  display: inline-block;

}

.product_list .p3 .cont .l_ .i .t i:after {

  content: "";

  height: 1px; /*width: 60px;*/

  width: 0;

  background-color: #d4d4d4;

  position: absolute;

  left: 20px;

  top: 50%;

  transition: all 0.6s linear;

}

.product_list .p3 .cont .l_ .i.active .t i:after {

  width: 60px;

}

.product_list .p3 .cont .l_ .i .t span {

  color: var(--main-color);

}

.product_list .p3 .cont .l_ .i .des {

  margin-top: 10px;

  height: 78px;

  display: none;

  padding-right: 100px;

}

.product_list .p3 .cont .l_ .i:nth-child(1) .des {

  display: block;

}

.product_list .p3 .cont .l_ .i .des p {

  font-size: 15px;

  font-weight: 400;

  line-height: 26px;

  color: #999999;

}



.product_list .p3 .cont .l_ .i .img {

  position: absolute;

  right: 20px;

  top: 50%;

  transform: translateY(-50%);

  width: 50px;

  transition: all 0.6s;

}

.product_list .p3 .cont .l_ .i .img img {

  width: 100%;

  transition: all 0.6s;

}

.product_list .p3 .cont .l_ .i.active .img {

  width: 100px;

}

.product_list .p3 .cont .r_ {

  display: flex;

  align-items: center;

  justify-content: center;

}

.product_list .p3 .cont .r_ .box_ {

  position: relative;

  padding: 23px;

}

.product_list .p3 .cont .r_ .img {

  position: relative;

  z-index: 1;

}

.product_list .p3 .cont .r_ img {

  width: 100%;

}

.product_list .p3 .cont .r_ .bg_ {

  position: absolute;

  height: 100%;

  width: 100%;

  max-width: 430px;

  background: linear-gradient(218deg, #2879fb 0%, rgba(40, 121, 251, 0) 100%);

  opacity: 0.2;

  right: 0;

  top: 0;

}

.product_list .p4 {

  background-image: url(../images/pro_p4_bg.png);

  background-position: right bottom;

  background-repeat: no-repeat;

  background-color: #f5f7fa;

}

.product_list .p4 .img {

  margin-top: 40px;

  cursor: zoom-in;

}

.product_list .p5 .img {

  cursor: zoom-in;

}

.product_list .p6 {

  background-image: url(../images/pro_p4_bg.png);

  background-position: right bottom;

  background-repeat: no-repeat;

  background-color: #f5f7fa;

}

.product_list .p6 .img {

  cursor: zoom-in;

  margin-top: 25px;

}

.product_list .p7 .t_ {

  display: flex;

  align-items: stretch;

  justify-content: space-between;

  padding-top: 40px;

}

.product_list .p7 .t_ .l_,

.product_list .p7 .t_ .r_ {

  width: calc(50% - 15px);

}

.product_list .p7 .t_ .r_ .r_img {

  height: 100%;

  background-color: #f1f1f1;

  position: relative;

  overflow: hidden;

}

.product_list .p7 .t_ .r_ .r_img img {

  width: 100%;

  transition: all 0.3s;

}

.product_list .p7 .t_ .r_:hover .r_img img {

  transform: scale(1.06);

}

.product_list .p7 .t_ .r_ .r_img .text {

  position: absolute;

  left: 0;

  bottom: 0;

  right: 0;

  background-color: rgba(0, 0, 0, 0.6);

  padding: 16px 20px;

}

.product_list .p7 .t_ .r_ .r_img .text p {

  font-size: 18px;

  font-weight: bold;

  color: #ffffff;

  text-align: center;

}

.product_list .p7 .t_ .r_ .r_img .text span {

  display: block;

  margin-top: 6px;

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  color: #ffffff;

  text-align: center;

}

.product_list .p7 .t_ .l_ .i {

  background: #ffffff;

  border: 1px solid #ffffff;

  box-shadow: 0px 0px 20px rgba(103, 131, 175, 0.2);

  opacity: 1;

  border-radius: 4px;

  padding: 21px;

  position: relative;

}

.product_list .p7 .t_ .l_ .i:not(:last-child) {

  margin-bottom: 21px;

}

.product_list .p7 .t_ .l_ .i .y {

  position: absolute;

  font-size: 90px;

  font-weight: bold;

  color: #f9f9f9;

  right: 24px;

  top: 50%;

  transform: translateY(-50%);

}

.product_list .p7 .t_ .l_ .t1 {

  font-size: 18px;

  font-weight: bold;

  line-height: 26px;

  color: #333333;

}

.product_list .p7 .t_ .l_ .t1 span {

  color: var(--main-color);

}

.product_list .p7 .t_ .l_ .list_ {

  margin-top: 16px;

  position: relative;

  z-index: 1;

}

.product_list .p7 .t_ .l_ .list_:after {

  content: "";

  display: block;

  clear: both;

}

.product_list .p7 .t_ .l_ .list_ .t_i {

  float: left;

  height: 38px;

  width: 90px;

  padding: 0 30px;

  line-height: 38px;

  margin-right: 8px;

  font-size: 14px;

  font-weight: 400;

  color: #999999;

  background-image: url(../images/pro_p7_border.svg);

  background-size: 100% 100%;

  cursor: default;

  margin-bottom: 10px;

}

.product_list .p7 .t_ .l_ .list_ .t_i01 {

  width: 90px;

  background-image: none;

  border: 1px solid #cad1dc;

  padding: 0;

  text-align: center;

}

.product_list .p7 .t_ .l_ .list_ .t_i:hover {

  color: var(--main-color);

  background-image: url(../images/pro_p7_border01.svg);

}

.product_list .p7 .t_ .l_ .list_ .t_i01:hover {

  background-image: none;

  border-color: var(--main-color);

}

.product_list .p7 .m_ {

  padding: 30px 0;

  font-size: 20px;

  font-weight: bold;

  color: #333333;

  text-align: center;

}

.product_list .p7 .b_ .list_ {

  margin: -11px -13px;

}

.product_list .p7 .b_ .i {

  float: left;

  padding: 11px 13px;

}

.product_list .p7 .b_ .i:nth-child(1) {

  width: 100%;

}

.product_list .p7 .b_ .i:nth-child(n + 2) {

  width: 33.33%;

}

.product_list .p7 .b_ .i_ {

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: rgba(40, 121, 251, 0.5);

  height: 70px;

}

.product_list .p7 .b_ .i_ .icon {

  width: 30px;

}

.product_list .p7 .b_ .i_ .icon img {

  width: 100%;

}

.product_list .p7 .b_ .i_ span {

  font-size: 20px;

  font-weight: bold;

  color: #ffffff;

  padding-left: 15px;

}

.product_list .p8 {

  background-color: #f5f7fa;

  background-image: url(../images/pro_p8_bg.png);

  background-position: bottom;

  background-size: 100%;

  background-repeat: no-repeat;

  overflow: hidden;

}

.product_list .p8 .cont {

  padding-top: 40px;

}

.product_list .p8 .cont .t_ {

  position: relative;

}

.product_list .p8 .cont .t_ .swiper-slide {

  height: 54px;

  background: #ffffff;

  border-radius: 4px;

  font-size: 18px;

  font-weight: 400;

  line-height: 54px;

  color: #666666;

  text-align: center;

  cursor: pointer;

}

.product_list .p8 .cont .t_ .swiper-slide.active {

  background-color: var(--main-color);

  color: #fff;

}

.product_list .p8 .cont .t_ .btn_ {

  position: absolute;

  top: 50%;

  width: 40px;

  height: 40px;

  background: transparent;

  border: 1px solid #ccc;

  border-radius: 50%;

  opacity: 1;

  cursor: pointer;

  background-image: url(../images/next_gray.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 15px;

}

.product_list .p8 .cont .t_ .btn_:hover {

  background-color: var(--main-color);

  border-color: var(--main-color);

  background-image: url(../images/next_white.svg);

}

.product_list .p8 .cont .t_ .btn_prev {

  right: calc(100% + 10px);

  transform: translateY(-50%) rotate(180deg);

}

.product_list .p8 .cont .t_ .btn_next {

  left: calc(100% + 10px);

  transform: translateY(-50%);

}

.product_list .p8 .cont .b_ {

  padding-top: 55px;

  padding-bottom: 40px;

  position: relative;

}

.product_list .p8 .cont .b_ .i {

  display: none;

  position: relative;

}

.product_list .p8 .cont .b_ .i:after {

  content: "";

  display: block;

  clear: both;

}

.product_list .p8 .cont .b_ .i:nth-child(1) {

  display: block;

}

.product_list .p8 .cont .b_ .i .l_ {

  width: 55%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 2;

  height: 100%;

  padding-right: 100px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}

.product_list .p8 .cont .b_ .i .l_ .box {

  height: 100%;

  overflow-x: auto;

  padding-right: 30px;

}

.product_list .p8 .cont .b_ .i .l_ .box::-webkit-scrollbar {

  width: 2px;

  height: 2px;

}

.product_list .p8 .cont .b_ .i .l_ .box::-webkit-scrollbar-button:vertical {

  display: none;

}

.product_list .p8 .cont .b_ .i .l_ .box::-webkit-scrollbar-corner,

.product_list .p8 .cont .b_ .i .l_ .box::-webkit-scrollbar-track {

  background-color: #ccc;

}

.product_list .p8 .cont .b_ .i .l_ .box::-webkit-scrollbar-thumb {

  border-radius: 0;

  background-color: #016ec5;

}

.product_list .p8 .cont .b_ .i .l_ .box::-webkit-scrollbar-thumb:vertical:hover {

  background-color: #016ec5;

}

.product_list .p8 .cont .b_ .i .l_ .box::-webkit-scrollbar-thumb:vertical:active {

  background-color: #016ec5;

}

.product_list .p8 .cont .b_ .i .r_ {

  width: 45%;

  float: right;

  position: relative;

  min-height: 200px;

}

.product_list .p8 .cont .b_ .i .l_ .t_i {

  font-size: 16px;

  font-weight: 400;

  line-height: 32px;

  color: #333333;

  border-bottom: 1px solid #e2e2e2;

  padding: 0 0 14px 30px;

  background-image: url(../images/pro_p8_icon.svg);

  background-repeat: no-repeat;

  background-position: left 10px;

  background-size: 16px;

}

.product_list .p8 .cont .b_ .i .l_ .t_i:not(:first-child) {

  margin-top: 10px;

}

.product_list .p8 .cont .b_ .swiper-pagination {

  width: 100%;

  bottom: -40px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.product_list .p8 .cont .b_ .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background: #d9d9d9;

  border-radius: 50%;

  opacity: 1;

  margin: 0 4px;

}

.product_list .p8 .cont .b_ .swiper-pagination-bullet-active {

  width: 17px;

  height: 17px;

  background: #ffffff;

  border: 2px solid #2879fb;

  border-radius: 50%;

  opacity: 1;

}

.product_list .p10 {

  background-image: url(../images/pro_p10_bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

.product_list .p10 .cont {

  max-width: 800px;

  margin: 40px auto 0;

  position: relative;

}

.product_list .p10 .cont .swiper-slide {

  border-radius: 4px;

  overflow: hidden;

}

.product_list .p10 .cont .swiper-slide img {

  width: 100%;

}

.product_list .p10 .cont .swiper-slide .text {

  padding-top: 24px;

  font-size: 18px;

  line-height: 30px;

  color: #666666;

}

.product_list .p10 .cont .swiper-pagination {

  text-align: right;

}

.product_list .p10 .cont .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background: #cccccc;

  border-radius: 50%;

  opacity: 1;

  margin: 0 2px;

}

.product_list .p10 .cont .swiper-pagination-bullet-active {

  background-color: var(--main-color);

}

.product_list .p10 .cont .btn_ {

  position: absolute;

  top: 50%;

  width: 48px;

  height: 48px;

  background: #ffffff;

  border: 1px solid #d8d8d8;

  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);

  border-radius: 50%;

  cursor: pointer;

  background-image: url(../images/next_gray.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 15px;

}

.product_list .p10 .cont .btn_:hover {

  background-color: var(--main-color);

  border-color: var(--main-color);

  background-image: url(../images/next_white.svg);

}

.product_list .p10 .cont .btn_prev {

  right: calc(100% + 50px);

  transform: translateY(-50%) rotate(180deg);

}

.product_list .p10 .cont .btn_next {

  left: calc(100% + 50px);

  transform: translateY(-50%);

}

.product_list .p11 {

  background-color: #ccc;

  padding-bottom: 140px;

  background-image: url(../images/pro_p11_bg.jpg);

  background-size: cover;

  background-position: center;

}

.product_list .p11 .tit {

  font-weight: bold;

  color: #ffffff;

}

.product_list .p11 .swiper-container {

  overflow: visible;

}

.product_list .p11 .cont {

  padding-top: 40px;

}

.product_list .p11 .cont .swiper-slide {

  padding: 25px 35px 35px;

  background-color: #fff;

  border-radius: 4px;

}

.product_list .p11 .cont .swiper-slide .t_:after {

  content: "";

  display: block;

  clear: both;

}

.product_list .p11 .cont .swiper-slide .t_ .t {

  float: left;

  width: calc(100% - 100px);

  font-size: 18px;

  font-weight: bold;

  color: #333333;

  padding-bottom: 10px;

  position: relative;

  padding-top: 10px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.product_list .p11 .cont .swiper-slide .t_ .t:after {

  content: "";

  width: 16px;

  height: 2px;

  background: #2879fb;

  position: absolute;

  left: 0;

  bottom: 0;

}

.product_list .p11 .cont .swiper-slide .t_ .img {

  float: left;

  width: 100px;

}

.product_list .p11 .cont .swiper-slide .des {

  margin-top: 16px;

  font-size: 16px;

  font-weight: 400;

  line-height: 30px;

  color: #666666;

  height: 60px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.product_list .p11 .cont .swiper-slide .more {

  margin-top: 40px;

  width: 23px;

  height: 23px;

  background-image: url(../images/jt_right_666.svg);

  background-size: 23px;

  background-repeat: no-repeat;

  background-position: center;

}

.product_list .p11 .cont .swiper-slide:hover .more {

  background-image: url(../images/jt_right_blue.svg);

}

.pub_img_show {

  position: fixed;

  z-index: 999;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background-color: #fff;

  overflow: auto;

  padding: 50px;

  display: none;

}

.pub_img_show img {

  width: 100%;

  opacity: 0;

  -webkit-animation: slow-show-img-data-v-4f163985 0.2s forwards;

  animation: slow-show-img-data-v-4f163985 0.2s forwards;

  cursor: zoom-out;

}

.show_img_btn {

  cursor: zoom-in;

}

@-webkit-keyframes slow-show-img-data-v-4f163985 {

  0% {

    opacity: 0;

    transform: scale(0.2);

  }

  50% {

    opacity: 0.5;

    transform: scale(0.7);

  }

  to {

    opacity: 1;

    transform: scale(1);

  }

}

@keyframes slow-show-img-data-v-4f163985 {

  0% {

    opacity: 0;

    transform: scale(0.2);

  }

  50% {

    opacity: 0.5;

    transform: scale(0.7);

  }

  to {

    opacity: 1;

    transform: scale(1);

  }

}

@media (max-width: 1200px) {

  .product_list .p3 .cont {

    display: block;

  }

  .product_list .p3 .cont .l_,

  .product_list .p3 .cont .r_ {

    width: 100%;

  }

  .product_list .p3 .cont .r_ .box_ {

    padding: 23px 23px 23px 0;

  }

  .product_list .p8 .cont .t_ .btn_ {

    display: none;

  }

  .product_list .p8 .cont .b_ .i .l_ {

    padding-right: 50px;

  }

  .product_list .p10 .cont .btn_prev {

    right: calc(100% - 60px);

    z-index: 2;

  }

  .product_list .p10 .cont .btn_next {

    left: calc(100% - 60px);

    z-index: 2;

  }

}

@media (max-width: 992px) {

  .product_list .p1 .cont {

    flex-flow: row wrap;

    display: block;

  }

  .product_list .p1 .l_,

  .product_list .p1 .text {

    width: 100%;

    max-width: 100%;

    min-width: 100%;

  }

  .product_list .p2 .cont {

    display: block;

  }

  .product_list .p2 .cont .i {

    width: 100%;

  }

  .product_list .p2 .cont .jt {

    transform: translate(-70%, -50%) rotate(90deg);

    display: none;

  }

  .product_list .p7 .t_ {

    display: block;

    padding-top: 30px;

  }

  .product_list .p7 .t_ .l_,

  .product_list .p7 .t_ .r_ {

    width: 100%;

  }

  .product_list .p7 .t_ .r_ {

    margin-top: 30px;

  }

  .product_list .p8 .cont .b_ .i .l_ {

    position: relative;

    width: 100%;

    padding-right: 0;

  }

  .product_list .p8 .cont .b_ .i .r_ {

    width: 100%;

    margin-top: 30px;

  }

  .product_list .p8 .cont .b_ .i .l_ .box {

    padding-right: 0;

    width: 100%;

  }

  .product_list .p3 .cont .l_ {

    height: auto;

    min-height: inherit;

  }

}

@media (max-width: 768px) {

  .product_list .pd50 {

    padding: 40px 0;

  }

  .product_list .p1 .cont {

    padding-top: 30px;

  }

  .product_list .p1 .text .t p {

    font-size: 18px;

    line-height: 28px;

  }

  .product_list .p1 .text .des p {

    margin-top: 20px;

  }

  .product_list .p2 .cont .i .t1_i {

    display: block;

  }

  .product_list .p2 .cont .i .t1_i .l_img,

  .product_list .p2 .cont .i .t1_i .text {

    width: 100%;

    max-width: 100%;

    min-width: 100%;

  }

  .product_list .p3 .cont .l_ .i .t {

    font-size: 17px;

  }

  .product_list .p3 .cont .l_ .i .t i {

    display: none;

  }

  .product_list .p3 .cont .l_ .i .des {

    padding-right: 50px;

  }

  .product_list .p3 .cont .l_ .i .img {

    right: 10px;

  }

  .product_list .p3 .cont .l_ .i.active .img {

    width: 70px;

  }

  .product_list .p3 .cont .l_ .i .des p {

    display: inline;

  }

  .product_list .p3 .cont .r_ .box_ {

    padding: 10px 10px 10px 10px;

  }

  .product_list .p3 .cont {

    margin-top: 30px;

  }

  .product_list .p7 .t_ .r_ .r_img .text {

    position: relative;

    background-color: var(--main-color);

  }

  .product_list .p7 .b_ .i:nth-child(n + 2) {

    width: 100%;

  }

  .product_list .p7 .b_ .i_ {

    height: 60px;

  }

  .product_list .p7 .b_ .i_ span {

    font-size: 18px;

  }

  .product_list .p8 .cont .t_ .swiper-slide {

    font-size: 16px;

  }

  .product_list .p8 .cont .b_ {

    padding-top: 40px;

  }

  .product_list .p10 .cont .btn_ {

    display: none;

  }

  .product_list .p10 .cont .swiper-slide .text {

    padding-top: 15px;

    text-align: center;

    font-size: 16px;

  }

  .product_list .p10 .cont .swiper-container {

    padding-bottom: 40px;

  }

  .product_list .p10 .cont .swiper-pagination {

    text-align: center;

  }

  .product_list .p11 .cont .swiper-slide {

    padding: 20px 20px 30px;

  }

  .pub_img_show {

    padding: 20px;

  }

  .pub_img_show img {

    min-width: 800px;

  }

}

/*product_nav*/

.product_list {

  position: relative;

}

.product_list_nav {

  position: absolute;

  left: 20px;

  top: 200px;

  z-index: 99;

}

.product_list_nav.fixed {

  position: fixed;

}

.product_list_nav:after {

  content: "";

  width: 1px;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-color: #ccc;

}

.product_list_nav .i {

  height: 21px;

  font-size: 16px;

  font-weight: 400;

  line-height: 21px;

  color: #666666;

  position: relative;

  padding-left: 16px;

  cursor: pointer;

}

.product_list_nav .i:not(:first-child) {

  margin-top: 30px;

}

.product_list_nav .i:after {

  content: "";

  width: 2px;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-color: transparent;

}

.product_list_nav .i.active {

  color: var(--main-color);

}

.product_list_nav .i.active:after {

  background-color: var(--main-color);

}

@media (max-width: 1440px) {

  .product_list_nav {

    display: none;

  }

}

/*mmmm*/



/*5.26*/



/*战略布局*/

.m_layout_bg {

  background-image: url(../images/m_layoutbg.png);

  background-position: center top;

  background-repeat: no-repeat;

  background-size: cover;

  padding-top: 70px;

  padding-bottom: 120px;

}



.m_layout_bg .m_layout_map {

  padding-top: 20px;

  display: flex;

  align-items: center;

}

.m_layout_l {

  float: left;

  padding-right: 80px;

  padding-top: 30px;

  width: -webkit-calc(100% - 380px);

  width: -moz-calc(100% - 380px);

  width: calc(100% - 380px);

}

.mapdw {

  position: relative;

}

.mapdw img {

  width: 100%;

}

.m_layout_bg .m_layout_map .m_layout_r {

  float: right;

  width: 380px;

}

.m_layout_r .nav-tabs {

  border-bottom: none;

  height: 60px;

}

.m_layout_r .nav-tabs li {

  text-align: center;

  float: left;

  width: 50%;

  cursor: pointer;

}

.m_layout_r .nav-tabs li a {

  height: 60px;

  line-height: 60px;

  border-radius: 0;

  background: #dfdfdf;

  font-size: 20px;

  font-weight: bold;

  color: #666;

  position: relative;

  display: block;

}

.m_layout_r .nav-tabs > li.active a {

  background: var(--main-color);

  color: #fff;

}

.m_layout_r .nav-tabs > li.active a:before {

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  bottom: -6px;

  left: 50%;

  border-width: 0 9px 6px;

  border-style: solid;

  border-color: transparent transparent var(--main-color);

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  transform: rotate(180deg);

  z-index: 8;

}

.m_layout_r .tab-content {

  position: relative;

  min-height: 388px;

  background-color: #ffffff;

  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);

}

.tab-content .tab-pane {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

  opacity: 0;

  transition: all 0.3s;

}

.tab-content .tab-pane.active {

  opacity: 1;

  z-index: 2;

}

#m_city li {

  position: absolute;

  width: 22px;

  height: 22px;

  border-radius: 50%;

  background-color: transparent;

  z-index: 2;

}

#m_city li:after {

  opacity: 0;

  content: "";

  width: 0px;

  height: 0px;

  border-radius: 50%;

  border: 1px solid var(--main-color);

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  animation: spotCircle 3s normal infinite;

}

#m_city li:before {

  opacity: 0;

  content: "";

  width: 0px;

  height: 0px;

  border-radius: 50%;

  background-color: var(--main-color);

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  animation: spotCircle 3s 1.5s normal infinite;

}

#m_city li span {

  position: absolute;

  z-index: 2;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background-color: var(--main-color);

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

#m_city li span {

  font-size: 0;

}

#m_city .mq1 {

  right: 29.5%;

  top: 41%;

}

#m_city .mq2 {

  right: 36%;

  top: 47.5%;

}

#m_city .mq3 {

  right: 26%;

  top: 53%;

}

#m_city .mq4 {

  right: 41.5%;

  top: 60.5%;

}

#m_city .mq5 {

  right: 42%;

  top: 71%;

}

#m_city .mq6 {

  right: 17%;

  top: 39%;

}



#m_city .zhengzhou {

  right: 33.5%;

  top: 56.9%;

}

#m_city .chengdu {

  right: 48.9%;

  top: 65.8%;

}

#m_city .wuhan {

  right: 33%;

  top: 67%;

}

#m_city .huanan {

  right: 33.6%;

  top: 86%;

}



/* @media(max-width:1680px){

	#m_city .mq4 {

		top: 57.5%;

	}

	#m_city .mq5{ 

		top:65%;

	}



}

@media(max-width:1366px){

	#m_city .mq4 {

		top: 56.5%;

	}

	#m_city .mq5{ 

		top:64%;

	}



}

@media(max-width:1280px){

	#m_city .zhengzhou {

		top: 53.9%;

		

	}

	#m_city .mq1 {

		top: 42%;

	}

	#m_city .mq5{ 

		top:62%;

	}

	#m_city .mq6 {

		right: 17%;

		top: 41%;

	}



}

@media(max-width:1024px){

	#m_city .zhengzhou {

		top: 51.9%;

		

	}

	#m_city .mq1 {

		top: 44%;

	}

	#m_city .mq4 {

		top: 52.5%;

	}

	#m_city .mq5{ 

		top:56.5%;

	}

	#m_city .mq6 {

		right: 16.5%;

		top: 43%;

	}



}



@media(max-width:768px){

	#m_city .mq4 {

		top: 56.5%;

	}

	#m_city .mq5{ 

		top:65%;

	}



} */



@-webkit-keyframes spotCircle {

  0% {

    opacity: 0;

    width: 0;

    height: 0;

  }

  80% {

    opacity: 0.5;

    width: 34px;

    height: 34px;

  }

  100% {

    opacity: 0;

    width: 34px;

    height: 34px;

  }

}

@keyframes spotCircle {

  0% {

    opacity: 0;

    width: 0;

    height: 0;

  }

  80% {

    opacity: 0.5;

    width: 34px;

    height: 34px;

  }

  100% {

    opacity: 0;

    width: 34px;

    height: 34px;

  }

}

@media (max-width: 768px) {

  @-webkit-keyframes spotCircle {

    0% {

      opacity: 0;

      width: 0;

      height: 0;

    }

    80% {

      opacity: 0.5;

      width: 30px;

      height: 30px;

    }

    100% {

      opacity: 0;

      width: 30px;

      height: 30px;

    }

  }

  @keyframes spotCircle {

    0% {

      opacity: 0;

      width: 0;

      height: 0;

    }

    80% {

      opacity: 0.5;

      width: 30px;

      height: 30px;

    }

    100% {

      opacity: 0;

      width: 30px;

      height: 30px;

    }

  }

}

.citylist {

  padding-top: 18px;

  max-height: 389px;

  overflow-y: auto;

  background-color: #ffffff;

}

.citylist::-webkit-scrollbar {

  width: 6px;

  height: 6px;

}

.citylist::-webkit-scrollbar-thumb {

  border-radius: 10px;

  background-color: #aaaaaa;

}

.citylist::-webkit-scrollbar-track {

  background: #f9f9f9;

}

.citylist ul li:first-child {

  border-top: none;

}

.citylist ul li {

  padding: 15px 32px 12px 32px;

  border-top: 1px solid #e1e1e1;

}

.citylist ul li:last-child {

  border-bottom: none;

}

.citylist ul li h3 {

  font-size: 18px;

  color: #333;

  font-weight: bold;

  line-height: 28px;

  padding-bottom: 8px;

}

.citylist ul li p {

  font-size: 16px;

  color: #666;

  line-height: 30px;

}



@media (max-width: 991px) {

  .m_layout_l {

    padding-right: 30px;

    width: -webkit-calc(100% - 340px);

    width: -moz-calc(100% - 340px);

    width: calc(100% - 340px);

  }

  .citylist ul li p {

    line-height: 26px;

  }

  .m_layout_bg .m_layout_map .m_layout_r {

    width: 340px;

  }

}

@media (max-width: 768px) {

  .m_layout_bg .m_layout_map {

    display: block;

  }

  .m_layout_l {

    width: 100%;

    padding-right: 0;

  }

  .m_layout_bg .m_layout_map .m_layout_r {

    width: 100%;

    margin-top: 30px;

  }

  .citylist {

    max-height: 363px;

  }

}

@media (max-width: 767px) {

  .m_layout_r .nav-tabs > li.active a:before {

    bottom: -5px;

  }

  .citylist ul li {

    padding: 15px 20px 12px 25px;

  }

  .citylist {

    max-height: 390px;

    padding-top: 0;

    margin-top: 18px;

  }

  .m_layout_bg {

    padding-top: 40px;

    padding-bottom: 40px;

  }

}



/*job list*/

.m_job_bg {

  padding-top: 70px;

  background: #eef1f5;

}

.m_job_list {

  padding-top: 30px;

}

.m_job_list ul {

  margin-right: -30px;

  margin-left: -30px;

}

.m_job_list ul li {

  width: 33.33%;

  float: left;

  padding: 30px;

}

.m_job_list ul li a {

  display: block;

  width: 100%;

  height: 240px;

  background: #ffffff;

  border-radius: 3px;

  padding: 40px 40px 30px 40px;

}

.m_job_list .m_company {

  font-size: 16px;

  color: #c9c9c9;

}

.m_job_list .m_position {

  font-size: 20px;

  padding-top: 21px;

  font-weight: bold;

  color: #333333;

}

.m_job_list .m_address {

  font-size: 16px;

  color: #666666;

  padding-top: 20px;

}

.m_job_list .m_address span {

  font-size: inherit;

  color: inherit;

  padding-right: 20px;

  margin-right: 20px;

  position: relative;

  display: inline-block;

}

.m_job_list .m_address span:before {

  content: "";

  position: absolute;

  right: 0;

  top: 3px;

  width: 1px;

  height: 15px;

  background: #ececec;

}

.m_job_list .m_address span:last-child {

  padding-right: 0;

  margin-right: 0;

}

.m_job_list .m_address span:last-child:before {

  display: none;

}

.m_job_list .m_time {

  margin-top: 30px;

  font-size: 16px;

  color: #c9c9c9;

  background-image: url(../images/job_r.svg);

  background-position: right;

  background-size: 12px 20px;

  background-repeat: no-repeat;

}

.m_job_list ul li a:hover {

  background-color: var(--main-color);

}

.m_job_list ul li a:hover .m_position,

.m_job_list ul li a:hover .m_address {

  color: #ffffff;

}

.m_job_list ul li a:hover .m_company,

.m_job_list ul li a:hover .m_time {

  color: rgba(255, 255, 255, 0.5);

}

.m_job_list ul li a:hover .m_time {

  background-image: url(../images/job_rw.svg);

}

.m_job_more {

  text-align: center;

  padding-top: 30px;

  padding-bottom: 60px;

}

.m_job_more a {

  width: 172px;

  height: 46px;

  display: inline-block;

  background: #2879fb;

  border-radius: 23px;

  font-size: 16px;

  line-height: 46px;

  color: #ffffff;

}

@media (max-width: 1200px) {

  .m_job_list {

    padding-bottom: 30px;

  }

  .m_job_list ul {

    margin-right: -15px;

    margin-left: -15px;

  }

  .m_job_list ul li {

    padding: 30px 15px;

    padding-bottom: 0;

  }

  .m_job_list ul li a {

    padding: 40px 30px;

  }

}

@media (max-width: 991px) {

  .m_job_list .m_time {

    padding-right: 10px;

  }

}

@media (min-width: 768px) {

  .m_job_list ul li a {

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

  }

}

@media (max-width: 767px) {

  .m_job_bg {

    padding-top: 50px;

  }

  .m_job_list ul li {

    width: 50%;

  }

}

@media (max-width: 540px) {

  .m_job_list ul li {

    width: 100%;

  }

}



/*case show*/

.m_case_bg {

  background-color: #fff;

  margin-top: 70px;

  position: relative;

}

.m_case_bg .m_case_l {

  float: left;

  padding-right: 40px;

  width: -webkit-calc(100% - 370px);

  width: -moz-calc(100% - 370px);

  width: calc(100% - 370px);

}

.m_case_bg .m_case_r {

  width: 370px;

  float: right;

}

.m_case_bg .m_case_title {

  font-size: 36px;

  font-weight: bold;

  line-height: 36px;

  color: #333333;

  padding-bottom: 44px;

  border-bottom: 1px solid #dddddd;

}

.m_project_bg {

  padding-top: 60px;

}

.m_case_bg .m_case_sub {

  font-size: 24px;

  font-weight: bold;

  line-height: 36px;

  color: #333333;

}

.m_case_nav {

  position: absolute;

  left: 60px;

  top: 220px;

  border-left: 1px solid #cccccc;

}

.m_case_nav ul li {

  padding-left: 16px;

  position: relative;

  line-height: 21px;

  margin-bottom: 28px;

}

.m_case_nav ul li:last-child {

  margin-bottom: 0;

}

.m_case_nav ul li.active:before {

  content: "";

  height: 21px;

  width: 2px;

  position: absolute;

  left: -1px;

  top: 0;

  background-color: var(--main-color);

}

.m_case_nav ul li a {

  font-size: 16px;

  font-weight: bold;

  color: #333333;

  line-height: inherit;

}

.m_case_nav ul li.active a {

  color: var(--main-color);

}

.m_solution {

  padding-top: 24px;

}

.m_case_text {

  padding-top: 20px;

}

.m_case_text p {

  font-size: 16px;

  line-height: 36px;

  color: #666666;

  padding-bottom: 20px;

}

.m_case_text p:last-child {

  padding-bottom: 0;

}

.m_case_consult {

  padding-top: 70px;

  text-align: center;

  padding-bottom: 65px;

}

.m_case_consult a {

  width: 160px;

  height: 42px;

  display: inline-block;

  background: #0062ff;

  border-radius: 4px;

  line-height: 42px;

}

.m_case_consult span {

  font-size: 16px;

  color: #ffffff;

  background-image: url(../images/case_ico.svg);

  background-position: right center;

  background-repeat: no-repeat;

  background-size: 15px 10px;

  padding-right: 41px;

}

.m_case_list {

  padding-top: 5px;

}

.m_case_list ul li {

  padding-top: 30px;

  padding-bottom: 20px;

  border-bottom: 1px solid #eeeeee;

}

.m_case_list h4 {

  font-size: 18px;

  font-weight: bold;

  line-height: 36px;

  color: #333333;

  margin-bottom: 12px;

}

.m_case_list .m_pic img {

  border-radius: 4px;

}

@media (max-width: 1440px) {

  .m_case_nav {

    left: 0;

  }

  .m_case_bg .m_case_l {

    padding-left: 30px;

    width: -webkit-calc(100% - 280px);

    width: -moz-calc(100% - 280px);

    width: calc(100% - 280px);

  }

  .m_case_bg .m_case_r {

    width: 280px;

  }

}

@media (max-width: 1366px) {

  .m_case_bg .m_case_title {

    font-size: 32px;

  }

}

@media (max-width: 1200px) {

  .m_case_nav {

    display: none !important;

  }

  .m_case_bg .m_case_l {

    padding-left: 0;

  }

}

@media (max-width: 991px) {

  .m_case_bg .m_case_l {

    width: 100%;

    padding-right: 0;

  }

  .m_case_bg .m_case_r {

    display: none !important;

  }

}

@media (max-width: 768px) {

  .m_case_bg {

    margin-top: 50px;

  }

  .m_case_consult {

    padding-top: 50px;

    padding-bottom: 45px;

  }

  .m_case_text p {

    font-size: 16px;

    line-height: 36px;

    padding-bottom: 20px;

  }

}



/*float_btn*/

.float_btn {

  position: fixed;

  right: 0;

  bottom: 300px;

  z-index: 999;

  display: none;

}

.float_btn .i {

  width: 70px;

  height: 70px;

  margin: 1px 0;

  position: relative;

}

.float_btn .i > a {

  display: block;

  width: 100%;

  height: 100%;

  background-size: 36px;

  background-repeat: no-repeat;

  background-position: center;

  background-color: #333;

}

.float_btn .i.contact > a {

  background-image: url(../images/chat.svg);

}

.float_btn .i.wechat > a {

  background-image: url(../images/header_wechat-white.svg);

}

.float_btn .i.back_top > a {

  background-image: url(../images/top_icon_white.svg);

}

.float_btn .i > a:hover {

  background-color: #2879fb;

}

.float_btn .i .drop_img {

  width: 0px;

  height: 120px;

  position: absolute;

  right: 100%;

  top: 50%;

  transform: translateY(-50%);

  transition: all 0.3s linear;

  overflow: hidden;

}

.float_btn .i .drop_img img {

  width: 120px;

  height: 120px;

  position: absolute;

  left: 0;

  top: 0;

  max-width: 120px;

}

.float_btn .i:hover .drop_img {

  width: 120px;

}

@media (min-width: 768px) {

}

@media (max-width: 768px) {

  .float_btn .i {

    width: 42px;

    height: 42px;

  }

  .float_btn .i > a {

    background-size: 25px;

  }

}

/*11.10 new*/

.m_new_img {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}