@charset "utf-8";

/* 这个css是初始化的css，在任何项目里面都可以使用 */
/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: scroll;
}

.sjj_nav ul li a.w80 {
  text-transform: capitalize;
}.phone_lanuage {
  line-height: 40px;
  font-size: 14px;
}
.phone_lanuage a {
  padding: 0 5px;
  display: inline-block;
}
.phone_lanuage a:last-child {
  padding-right: 0;
}
.phone_lanuage a:nth-child(1) {
  position: relative;
}
.phone_lanuage a:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #8b8b8b;
  right: -2px;
}

/* 禁止缩放表单 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
  resize: none;
  border: none;
}

img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}

.line1 {
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
}

.line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.line3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.line4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.trans {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.er-ul {
  position: absolute;
  width: 11rem;
  left: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  right: 0;
  top: 100%;
  z-index: 999;
  background: #fff;
  transition: 400ms ease-in-out;
  transform: scaleY(0) translateX(-50%);
  transform-origin: top center;
  opacity: 0;
  padding: 1.0625rem 1.6875rem 1.25rem 1.875rem;
}

header .nav_center>ul>li:nth-child(5) .er-ul {
  width: 7.5rem;
}
header .nav_center>ul>li:nth-last-child(2) .er-ul li {
    text-align: center;
}
.er-ul>li {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.75rem;
  text-transform: capitalize;
  color: #272727;
  text-align: left;
}

.er-ul>li:hover a {
  color: #0095FF;
}

.er-ul>li:nth-child(1) {
  padding-top: 0;
}

.er-ul>li:last-child {
  padding-bottom: 0;
}

header .nav_center>ul>li:hover .er-ul {
  transform: scaleY(1) translateX(-50%);
  opacity: 1;
}

.bg {
  background: #0095FF;
}

.logo_phone img {
  width: 7.5rem;
}

.c {
  color: #0095FF;
}

.cf {
  color: #fff !important;
}

.c0 {
  color: #000 !important;
}

.phone_weibu {
  background: #0A0A0A;
  display: none;
}

.phone_weibu .mobMenu>li>a {
  font-size: 14px;
  padding: 10px 0;
  color: #fff;
}

.phone_weibu .mobMenu>li {
  border-bottom: #424245 1px solid;
}

.phone_weibu .mobMenu>li>.subDepth>li>a {
  font-size: 1em;
  color: #9a9797;
  line-height: 28px;
}

.phone_weibu .mobMenu>li>a::before {
  background-color: #fff;
}

.phone_weibu .mobMenu>li>a::after {
  background-color: #fff;
}

.phone_weibu .mobMenu>li>.subDepth {
  display: none;
}

.container {
  padding: 0 16.0625rem;
  width: 100%;
}

/* 手机端样式 */
.sp_logo img {
  margin: auto;
  max-height: 30px;
}

.sjj_nav a {
  letter-spacing: -0.2px;
}

.sp_nav_se span:nth-of-type(1) {
  top: 10px;
  transform: rotate(45deg);
}

.sp_nav_se span:nth-of-type(2) {
  width: 0;
}

.sp_nav_se span:nth-of-type(3) {
  top: 10px;
  transform: rotate(-45deg);
}

.sjj_nav {
  position: fixed;
  z-index: 9999;
  background: #eee;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 40px;
  top: -100%;
  left: 0;
  overflow: auto;
  overflow-x: hidden;
  transition: top ease 0.35s;
}

.nav_show {
  top: 0;
}

.sjj_nav>ul>li:first-child {
  overflow: hidden;
  border-top: 0;
}

.sjj_nav>ul>li:first-child>a {
  width: 60%;
}

.sjj_nav>ul>li:first-child .language {
  width: 100%;
  overflow: hidden;
  line-height: 30px;
  margin-top: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}

.sjj_nav>ul>li:first-child .language a {
  width: 25%;
  float: left;
  border-left: 1px #ddd solid;
  text-align: center;
  color: #999;
  display: inline-block;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.sjj_nav>ul>li:first-child .language a.active {
  background: #E50012;
  color: #fff !important;
}

.sjj_nav>ul>li:first-child .language a:last-child {
  border-right: 1px #ddd solid;
}

.sjj_nav ul li i {
  position: absolute;
  top: 5px;
  right: 0px;
  border-left: 1px #ddd solid;
  height: 30px;
  padding: 0px 7px 0 7px;
}

.sjj_nav ul li i svg {
  transform: rotate(-90deg);
  transition: all ease 0.35s;
  position: relative;
  top: -5px;
}

.sjj_nav ul li .sjj_nav_i_se svg {
  transform: rotate(0deg);
}

.sjj_nav .bot>li {
  margin-left: 15px;
}

.sjj_nav ul li {
  border-top: 1px #ddd solid;
  margin-left: 10px;
  position: relative;
  line-height: 40px;
  font-size: 14px;
}

.sjj_nav>ul>li:last-child {
  border-bottom: 1px #ddd solid;
}

.sjj_nav ul li ul {
  display: none;
}

.sjj_nav ul li a {
  color: #666;
  width: 80%;
}

.sjj_nav ul li ul li a {
  color: #999;
  display: block;
  text-align: left;
  width: 100%;
  font-size: 12px;
}

.sjj_nav ul li i svg {
  width: 20px;
  height: 20px;
  fill: #555;
}

.sjj_nav ul li .sjj_nav_i_se svg {
  fill: #02419A;
}

.sjj_nav ul li ul li>ul {
  margin-left: 10px;
}

.sjj_nav .top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #eee;
  border-bottom: 1px solid #ddd;
}

.sjj_nav .top .fl img {
  height: 40px;
}

.sjj_nav .bot {
  margin-top: 60px;
}

.pagination {
  justify-content: center;
  margin-top: 2.5rem;
}

.pagination li {
  width: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #ddd;
  margin: 0 2px;
  border-radius: 50%;
  height: 40px;
  padding: 0 !important;
}

.pagination li.active {
  border-color: #3366CC;
  color: #fff;
  background: #3366CC;
}

.pagination li.active span {
  color: #fff;
}

.sjj_nav>ul>li:first-child {
  border-top: none;
}

.pagination li a {
  display: block;
}

.container {
  width: 100%;
  max-width: 100%;
}

.sjj_nav ul li a.w80 {
  display: inline-block;
  width: calc(100% - 35px);
}

.sjj_nav .bot>li:nth-child(2) {
  border-top: none;
}

.sjj_nav .bot>li:first-child {
  padding: 0;

}

.sjj_nav .bot>li:first-child form {
  padding-right: 15px;
}

.sjj_nav .bot>li:first-child input {
  padding-left: 28px;
  width: 100%;
  font-size: 12px;
  color: #6F6F70;
  line-height: 28px;
  border: 1px solid #A7A7A8;
  background: transparent;
}

.sjj_nav .bot>li:first-child input::-webkit-input-placeholder {
  /* 使用webkit内核的浏览器 */
  color: rgba(0, 0, 0, 0.3);
}

.sjj_nav .bot>li:first-child input:-moz-placeholder {
  /* Firefox版本4-18 */
  color: rgba(0, 0, 0, 0.3);
}

.sjj_nav .bot>li:first-child input::-moz-placeholder {
  /* Firefox版本19+ */
  color: rgba(0, 0, 0, 0.3);
}

.sjj_nav .bot>li:first-child input:-ms-input-placeholder {
  /* IE浏览器 */
  color: rgba(0, 0, 0, 0.3);
}

.sjj_nav .bot>li:first-child button {
  background: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 28px;
  height: 100%;
  border: none;
}

.sjj_nav .bot>li:first-child button .iconfont {
  position: static;
  text-align: center;
  color: #6F6F70;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  border: none;
}

.fix_ul li {
  border: none;
  background: #686868;
}

.fix_ul li:hover .right_div {
  right: 72px;
  min-height: 72px;
  line-height: 72px;
}

@font-face {
  font-family: "antonio";
  src: url(../font/antonio-bold.ttf);
}

@font-face {
  font-family: "opensans";
  src: url(../font/OpenSans.ttf);
}

body {
  font-family: "opensans" !important;
}

@media (max-width: 1600px) {

  body,
  html {
    font-size: calc(100vw / 110);
  }

  .container {
    padding: 0 10rem;
  }
}

@media (max-width: 1440px) {

  body,
  html {
    font-size: calc(100vw / 100);
  }

  .container {
    padding: 0 8rem;
  }
}

@media (max-width: 1366px) {

  body,
  html {
    font-size: calc(100vw / 95);
  }
}

@media (max-width: 1280px) {

  body,
  html {
    font-size: calc(100vw / 90);
  }
}

@media (max-width: 990px) {

  body,
  html {
    font-size: 14px;
  }

  .container {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .container {
    padding: 0 15px;
  }
}

body {
  padding-top: 6.25rem;
}

header {
  line-height: 6.25rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
  box-shadow: 0 0 .625rem #ddd;
}

header .container {
  padding: 0 3.75rem;
}

header .logo {
  width: 12.25rem;
  line-height: 3.625rem;
  font-size: 0;
  float: left;
  margin-left: 100px;
  margin-top: 21px;
}

header .logo a {
  display: block;
}
header .logo a img{
    height: 4rem;
}
header .get_touch a {
  width: 9.4375rem;
  line-height: 2.6875rem;
  background: #0095FF;
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

header .get_touch a a {
  color: #FFFFFF;
}

header .get_touch a:hover {
  background: #000;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

header .language {
  margin: 0 2.625rem 0 1.4375rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
}

header .language img {
  margin-right: 0.1875rem;
}

header .language:hover {
  color: #0095FF;
}
header .search img,
header .language img {
  width: 1.875rem;
}
header .search {
  margin: 0 2.625rem 0 1.4375rem;
  font-size: 0;
  cursor: pointer;
}

header .nav_center>ul>li {
  float: left;
  margin-right: 4rem;
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: 400;
  color: #000000;
  position: relative;
}

header .nav_center>ul>li:hover>a,
header .nav_center>ul>li.active>a {
  color: #0095FF;
}

.banner .hover {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

.banner .p1 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.0625rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  font-family: "antonio";
  color: #FFFFFF;
  width: 50%;
}

.banner .p2 {
  margin-top: 3.75rem;
}

.banner .swiper-pagination {
  bottom: 1.5625rem;
}

.banner .swiper-pagination-bullet {
  width: 0.6875rem;
  background: #fff;
  height: 0.6875rem;
  border-radius: 0;
  opacity: 1;
}

.banner .swiper-pagination-bullet-active {
  background: #0095FF;
}

.more {
  padding: 0 2.3125rem 0 2.5rem;
  background: #0095FF;
  line-height: 3.3125rem;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  display: inline-block;
  color: #fff;
}

.more img {
  margin-left: 0.875rem;
}

.more:hover {
  background: #000;
  color: #fff;
}

.index_one {
  padding: 6.4375rem 0 5.4375rem;
  background: #FAFAFA;
}

.index_one ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -2.625rem;
  margin-right: -2.625rem;
  flex-wrap: nowrap;
}

.index_one ul li {
  padding: 0 2.625rem;
  position: relative;
}

.index_one ul li .name {
  position: absolute;
  top: 1.875rem;
  padding: 0 1.6875rem;
  left: 0;
  width: 100%;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.6875rem;
  color: #fff;
}

.index_one ul li .jiantou {
  position: absolute;
  bottom: 0.9375rem;
  right: 1.0625rem;
}

.index_one ul li:hover .over img {
  transform: scale(1.05);
}

.index_two .tr>.pr {
  padding: 1.625rem 6.25rem 1.625rem 3.3125rem;
  background: #282626;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  text-transform: uppercase;
  display: inline-block;
  color: #FFFFFF;
  text-align: left;
}

.index_two .tr>.pr svg {
  position: absolute;
  bottom: 0.9375rem;
  right: 0.8438rem;
}

.index_three {
  padding: 1.6875rem 0 6.75rem;
}

.index_three .row {
  align-items: center;
}

.index_three .left {
  padding-right: 2.8125rem;
  padding-bottom: 3.5625rem;
  position: relative;
  z-index: 1;
}

.index_three .left .over {
  width: 33.625rem;
}

.index_three .left::before {
  content: "";
  position: absolute;
  top: 4.375rem;
  left: 7.75rem;
  width: 29.625rem;
  height: 36.75rem;
  border: 1.25rem solid #F3EDEE;
  z-index: -1;
}

.index_three .right {
  padding-left: 3.5rem;
}

.index_three .right .text {
  margin: 1.875rem 0 2.1875rem;
}

.en_name {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.25rem;
  text-transform: uppercase;
  color: #1F1F1F;
  margin-bottom: 0.375rem;
}

.title {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 3.2rem;
  text-transform: uppercase;
  color: #1F1F1F;
  font-family: "antonio";
}

.serbtn {
  background: #0095FF;
}

.text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #595959;
    text-align: justify;
}

.bgfa {
  background: #FAFAFA;
}

.index_four {
  background: #FAFAFA;
  padding: 4.75rem 0 0;
}

.index_four .name {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  text-transform: uppercase;
  color: #000000;
  padding: 1.5rem 0 1.375rem;
  border-bottom: 1px solid #AEAEAE;
  margin-bottom: 1.5625rem;
}

.index_four .bot {
  margin-top: 3.75rem;
  position: relative;
  z-index: 1;
  padding: 4.75rem 0;
}

.index_four .bot ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.index_four .bot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 12.5rem);
  height: 100%;
  margin: 0 6.25rem;
  background: #fff;
  z-index: -1;
}

.more_a {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  text-transform: uppercase;
  color: #0095FF;
  position: relative;
}

.more_a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #0095FF;
}

.more_a:hover {
  color: #000;
}

.more_a:hover::before {
  background: #000;
}

.index_five {
  padding: 8.75rem 0 6.4375rem;
}

.index_five .row {
  align-items: center;
}

.index_five .left .en_name {
  color: #0095FF;
}

.index_five .left .title {
  font-size: 2.375rem;
  line-height: 3.0625rem;
}

.index_five .right {
  padding-left: 10.25rem;
}

.index_five .img {
  margin-top: 7.1875rem;
}

.index_six {
  background: url(../img/6.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 4.375rem 0 6.25rem;
}

.index_six .title {
  font-size: 1.375rem;
  line-height: 2.3rem;
  color: #fff;
  margin-bottom: 3.75rem;
  text-align: justify;
}

.index_six .row {
  align-items: center;
}

.index_six .right {
  padding-left: 4.75rem;
}

.index_six .left {
  padding: 4rem 0 0 5.9375rem;
  position: relative;
  z-index: 1;
}

.index_six .left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.9375rem;
  border: 1.25rem solid #313030;
  width: 29.625rem;
  height: 36.75rem;
  z-index: -1;
}

.index_six .left .over {
  width: 29.625rem;
  height: 36.75rem;
}

.index_six .more:hover {
  background: rgba(200, 22, 31, 0.549);
}

.index_seven ul.flex,
.list_news ul.flex,
.show_news ul.flex {
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.index_seven ul.flex li:hover .more_a_news:hover,
.list_news ul.flex li:hover .more_a_news:hover,
.show_news ul.flex li:hover .more_a_news:hover {
  color: #0095FF;
}

.index_seven ul.flex li:hover .over img,
.list_news ul.flex li:hover .over img,
.show_news ul.flex li:hover .over img {
  transform: scale(1.05);
}

.index_seven ul.flex li:hover .more_a_news::before,
.list_news ul.flex li:hover .more_a_news::before,
.show_news ul.flex li:hover .more_a_news::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_seven ul.flex li .data,
.list_news ul.flex li .data,
.show_news ul.flex li .data,
.list_search .data {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  text-transform: uppercase;
  color: #0095FF;
  margin: 2.375rem 0 1.375rem;
}

.list_search {
  padding: 5rem 0;
}

.list_search ul li:hover .more_a_news {
  color: #0095FF;
}

.list_search ul li {
  padding: 1.875rem 0;
  border-bottom: 1px solid #ddd;
}

.list_search ul li .data {
  margin-top: 0;
}

.list_search ul li .name {
  margin-bottom: 1rem;
}

.index_seven ul.flex li .name,
.list_news ul.flex li .name,
.show_news ul.flex li .name,
.list_search .name {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  text-transform: uppercase;
  color: #1F1F1F;
}

.index_seven ul.flex li .more_a_news,
.list_news ul.flex li .more_a_news,
.show_news ul.flex li .more_a_news {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  text-transform: uppercase;
  padding: 1.375rem 0;
  position: relative;
  color: #8E8E8E;
  border-bottom: 1px solid #AEAEAE;
}

.index_seven ul.flex li .more_a_news::before,
.list_news ul.flex li .more_a_news::before,
.show_news ul.flex li .more_a_news::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0%;
  height: 1px;
  background: #0095FF;
}

.index_seven {
  padding: 7.625rem 0 9.6875rem;
}

.index_seven .more.more1 {
  background: #000;
  margin-bottom: 0.625rem;
}

.index_seven .more.more1:hover {
  background: #0095FF;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_seven .flex {
  align-items: flex-end;
}

.index_seven ul.flex {
  margin-left: -1.5625rem;
  margin-right: -1.5625rem;
}

.index_seven ul.flex li {
  padding: 0 1.5625rem;
  max-width: 33.3%;
  width: 33.3%;
}

.index_four ul.flex li {
  max-width: 33.3%;
  padding: 0 1.5625rem;
}

.more.more1 {
  line-height: 3.8125rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.more.more1 svg {
  margin-left: 1.25rem;
}

.index_eight {
  background: #282828;
  padding: 4.6875rem 0 3.75rem;
}

.index_eight .more {
  margin-top: 2.5rem;
}

footer {
  background: #000000;
}

footer .flex {
  align-items: flex-start;
  padding: 5rem 0 5.625rem;
}

footer .name {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  color: #FFFFFF;
  margin-bottom: 1rem;
}

footer .text {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.75rem;
  color: #FFFFFF;
}

footer .left {
  width: 16%;
}

footer .left .text {
  /* width: 50%;
  float: left; */
  text-transform: capitalize;
}

footer .center .clearfix .text {
  float: left;
}
footer .center .clearfix .text p{
  color: #fff !important;
}
footer .center .clearfix .text p a{
  color: #fff !important;
}
footer .center .clearfix .text:nth-child(1) {
  width: 12.75rem;
  padding-right: 2.75rem;
  margin-right: 2.75rem;
  border-right: 1px solid #707070;
}

footer a.text:hover {
  color: #0095FF;
}

footer ul li {
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  float: left;
  margin-right: 0.75rem;
}

footer ul li:hover {
  background: #0095FF;
}

footer ul li:hover .iconfont {
  color: #fff !important;
}

footer ul li .iconfont {
  font-size: 1.25rem;
  display: block;
  color: #000;
}

footer .beian {
  border-top: 1px solid rgba(134, 132, 132, 0.3);
  padding: 1.25rem 0 1.5625rem;
}

.list_about {
  padding: 6.4375rem 0 7.25rem;
  z-index: 2;
}

.list_about::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 53.6%;
  height: 100%;
  background: #FAFAFA;
  z-index: -1;
}

.list_about .flex {
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.list_about .left .over {
  width: 38.0625rem;
}

.list_about .right {
  width: 30.6875rem;
}

.list_about_two {
  padding: 7.375rem 0;
  background: #282828;
}

.list_about_two .title {
  font-size: 2.25rem;
  line-height: 2.9375rem;
  width: 70%;
}

.list_about_two .flex {
  margin-top: 3.75rem;
  align-items: center;
  justify-content: flex-start;
}

.list_about_two .text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #fff;
  margin-bottom: 2.125rem;
}

.list_about_two .index_two .tr {
  text-align: left;
}

.list_about_two .index_two .tr .pr {
  background: #FFFFFF;
  color: #1F1F1F;
}

.list_about_two .left {
  width: 39%;
}

.list_about_two .paddi {
  padding-left: 8.75rem;
}

.list_about_two .right {
  padding-left: 8.125rem;
}

.list_about_three {
  padding: 9.25rem 0 11.875rem;
  background: #000000;
}

.list_about_three .padding {
  padding: 0 7.5rem;
  margin-top: 5.625rem;
}

.list_about_three ul {
  position: relative;
}

.list_about_three ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background: #fff;
}

.list_about_three ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding-bottom: 3.75rem;
}

.list_about_three ul li:nth-child(even) .left {
  order: 2;
  text-align: left;
  padding: 0 0 0 5.25rem;
}

.list_about_three ul li:nth-child(even) .left::before {
  right: auto;
  left: -0.9375rem;
}

.list_about_three ul li:nth-child(even) .right {
  order: 1;
  padding: 0 5.25rem 0 0;
}

.list_about_three ul li:nth-child(even) .right .name,
.list_about_three ul li:nth-child(even) .right .text {
  text-align: right;
}

.list_about_three ul li>div {
  flex: 1 0 0;
}

.list_about_three ul li .name {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 2.5625rem;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 0.9375rem;
}

.list_about_three ul li .text {
  color: #fff;
}

.list_about_three ul li .left {
  padding: 0 5.25rem 0 0;
  text-align: right;
  position: relative;
}

.list_about_three ul li .left::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -0.9375rem;
  width: 1.8125rem;
  height: 1.8125rem;
  background: #000000;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}

.list_about_three ul li .left span {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 3.125rem;
  text-align: center;
  letter-spacing: 0.125rem;
  color: #000;
  padding: 0 2.5rem;
  background: #fff;
  display: inline-block;
  font-family: "antonio";
}

.list_about_three ul li .right {
  padding: 0 0 0 5.25rem;
}

.ny_ban {
  background: #000;
}

.ny_ban .hover {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}

.ny_ban .hover .title {
  font-size: 2.375rem;
  line-height: 3.0625rem;
  color: #fff;
  margin-bottom: 2.5rem;
}

.ny_ban .hover .en_name {
  color: #0095FF;
}

.list_pro {
  padding: 3.75rem 0 4.75rem;
}

.list_pro .left.active {
  position: fixed;
  top: 6.25rem;
  left: 0;
  width: 34.5%;
}

.list_pro .left {
  padding-right: 3.75rem;
  width: 34.5%;
  padding-left: 16.0625rem;
  float: left;
}

.list_pro .left ul li {
  margin-bottom: 0.8125rem;
  background: #FAFAFA;
  border: 1px solid #E3E3E3;
}

.list_pro .left ul li:hover,
.list_pro .left ul li.active {
  /* transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s; */
  background: #0095FF;
}

.list_pro .left ul li:hover a,
.list_pro .left ul li.active a {
  color: #fff;
}

.list_pro .left ul li a {
  padding: 0 3.125rem 0 2.875rem;
  height: 5.25rem;
  display: flex;
  align-items: center;
}

.list_pro .left .name {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  text-transform: uppercase;
  color: #000000;
}

.list_pro .right {
  padding-top: 1.25rem;
  width: 65.5%;
  padding-right: 16.5rem;
  float: right;
}

.list_pro .right ul.flex1 {
  justify-content: flex-start;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.9375rem;
}

.list_pro .right ul.flex1 li {
  padding: 0 1.5rem;
  margin-bottom: 4.1875rem;
  width: 33.3%;
}

.list_pro .right ul.flex1 li:hover .name {
  color: #0095FF;
}

.list_pro .right ul.flex1 li>div {
  height: calc(100% - 1.25rem - 0.75rem);
}

.list_pro .right ul.flex1 li .more_a_news {
  display: inline-block;
  position: relative;
}

.list_pro .right ul.flex1 li .more_a_news::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #0095FF;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_pro .right ul.flex1 li .more_a_news:hover {
  color: #0095FF;
}

.list_pro .right ul.flex1 li .more_a_news:hover::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_pro .right .name_title {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-transform: uppercase;
  color: #000000;
  border-bottom: 0.5rem solid #0095FF;
  padding-bottom: 0.75rem;
  margin-bottom: 3.625rem;
}

.list_pro .right .name {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #000000;
  margin: 2.5rem 0 0.75rem;
}

.list_pro .right .more_a_news {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  color: #8E8E8E;
}

.show_pro .row .name,
.show_pro_two .name,
.show_pro_three .name,
.show_pro_four .name {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #0095FF;
  font-family: "antonio";
}
.show_pro .more {
    text-align: center;
}
.show_pro {
  padding: 7.3125rem 0 8.75rem;
  background: #FAFAFA;
}

.show_pro .en_name {
  color: #898989;
}

.show_pro .title {
  font-size: 2.375rem;
  line-height: 3.0625rem;
  color: #1F1F1F;
}

.show_pro .row {
  align-items: center;
  margin-top: 6.875rem;
}

.show_pro .row .text {
  color: #595959;
  margin: 1.0625rem 0 1.4375rem;
}

.show_pro .right {
  padding-left: 9.75rem;
}

.show_pro_two {
  padding: 6.8125rem 0 7.375rem;
}

.show_pro_two .text {
  color: #595959;
  width: 50%;
  margin: 2.125rem auto 0;
}

.show_pro_two .text p {
  position: relative;
  padding-left: 1rem;
  margin-bottom: 0.875rem;
}

.show_pro_two .text p::before {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 0;
  width: 0.1875rem;
  height: 0.1875rem;
  background: #595959;
  border-radius: 50%;
}

.show_pro_three {
  background: #FAFAFA;
  padding: 4.1875rem 0 1.875rem;
}
.shangxia {
    background: #FAFAFA;
    padding-bottom: 3.75rem;
}
.show_pro_three .table-responsive {
  margin: 3.125rem auto 0;
  width: 62.5%;
}

.list_about_two .index_two a.pr:hover {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  box-shadow: 0 0 1.5rem rgba(202, 22, 31, 0.3)
    /* background: #0095FF; */
}

.show_pro_three .table-responsive table {
  margin-bottom: 0;
  border: 1px solid #E0E0E0;
}

.show_pro_three .table-responsive tr td {
    border: 1px solid #E0E0E0;
    padding: 0.75rem 1.875rem;
    vertical-align: middle;
    width: 33.3%;
    font-size: 0.875rem;
    line-height: 1.25rem; 
    white-space: nowrap;
}

.show_pro_four form,
.list_contact .right form {
  width: 28.75rem;
  margin: 1.75rem auto 0;
}

.show_pro_four form .inp_name,
.list_contact .right form .inp_name {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #FFFFFF;
  padding-bottom: 0.5rem;
}

.show_pro_four form input,
.list_contact .right form input {
  width: 100%;
  line-height: 2.3125rem;
  padding: 0 0.9375rem;
  background: #fff;
  font-size: 0.875rem;
  color: #000;
}
.index_seven ul.flex li img {
    height: 18.4375rem;
    object-fit: cover;
}
.show_pro_four form textarea,
.list_contact .right form textarea {
  width: 100%;
  height: 5.4375rem;
  line-height: 1.375rem;
  padding: 0.625rem 0.9375rem;
}

.show_pro_four form .contact>div,
.list_contact .right form .contact>div {
  margin-bottom: 1.25rem;
}

.show_pro_four form .contact>div.mb30,
.list_contact .right form .contact>div.mb30 {
  margin-bottom: 1.9375rem;
}

.show_pro_four form button,
.list_contact .right form button {
  width: 100%;
  line-height: 2.3125rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  font-size: 0.75rem;
  text-align: center;
  color: #FFFFFF;
  background: #0095FF;
  border: none;
}

.show_pro_four form button:hover,
.list_contact .right form button:hover {
  background: #fff;
  color: #0095FF;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_contact .right .contact .inp_name {
  color: #000000;
}

.list_contact .right .contact input,
.list_contact .right .contact textarea {
  border: 1px solid #000000;
}

.list_contact .right .contact button:hover {
  background: #000;
  color: #fff;
}

.show_pro_four {
  padding: 3.8125rem 0 6.375rem;
  background: url(../img/15.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.show_pro_four .name {
  padding-bottom: 1.0625rem;
  position: relative;
}

.show_pro_four .name::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background: #0095FF;
  width: 2.8125rem;
}

.list_service .mt60 .imgs {
  position: relative;
  z-index: 10;
}

.list_service .mt60 .imgs .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.list_service .mt60 .imgs .icon svg {
  width: 3.125rem;
  height: 3.125rem;
}

.list_service .my-video-dimensions {
  width: 100%;
  height: 100%;
}

.list_service .video-js .vjs-tech {
  position: relative;
}

.list_service .video-js .vjs-big-play-button {
  width: 3.125rem;
  height: 3.125rem;
  line-height: 2.8rem;
  text-align: center;
  border-radius: 50%;
  background: transparent;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-width: .1875rem;
}

.list_service .mt60 .imgs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99%;
  z-index: 9;
}

.list_service .mt60 .imgs img {
  height: 100%;
  object-fit: cover;
}

.list_service {
  background: #242323;
  border-bottom: 1px solid #464646;
  padding: 7.5rem 0 9.375rem;
}

.list_service .title {
  font-size: 2.375rem;
  line-height: 3.0625rem;
  color: #fff;
}

.list_service .flex .right {
  width: 372px;
}
.list_service .flex .right .text {
    color: #fff;
}
.list_service .content {
  width: 1040px;
  margin: 0 auto;
}

.list_service .top {
  padding: 0 2.625rem;
}

.list_service .bot {
  padding: 3.4375rem 2.625rem 0;
  margin-top: 2.25rem;
  border-top: 1px solid #868484;
}

.list_service .bot .title {
  margin-bottom: 1.25rem;
}

.list_service .bot ul li .name {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #FFFFFF;
  padding-left: 1.5rem;
  position: relative;
  margin: 1rem 0 0.25rem;
}

.list_service .bot ul li .name::before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0.5rem;
  border-radius: 50%;
  width: 0.1875rem;
  height: 0.1875rem;
  background: #fff;
}

.list_service .bot ul li .text {
  padding-left: 1.5rem;
}

.list_service .bot .text {
  color: rgba(255, 255, 255, 1);
  line-height: 1.5rem;
}

.list_contact {
  padding: 6.25rem 0 8.75rem;
  position: relative;
}

.ny_ban .img img {
  width: 50%;
}

.list_contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: scaleX(0.5);
  width: 1px;
  height: 100%;
  background: #000;
  display: none;
}

.list_contact .left {
  padding-right: 0;
}

.list_contact .left ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

/*.list_contact .left ul li:nth-child(even) {*/
/*  width: 135px;*/
/*}*/

.list_contact .left ul .ins {
  position: relative; 
}

.list_contact .left ul li {
  /*width: 121px;*/
  margin-bottom: 2.75rem;
  flex: 1;
}

.list_contact .left ul li .clearfix {
  display: flex;
  align-items: flex-end;
  top: -0.625rem;
  position: relative;
}
.list_contact .left ul li .clearfix >div,
.list_contact .left ul li .clearfix >.ins {
  float: left;
  position: relative;
}
.list_contact .left ul li .clearfix >.ins {
  margin-left: 1.875rem;
}
.list_contact .left ul li .clearfix .wechat  {
  height: 20px;
}
.list_contact .left ul li .clearfix >div .img {
  position: absolute;
  top: 110%;
  left: 0;
  width: 110px;
  height: 110px;
 display: none;
 padding: 5px;
 border: 1px solid #ddd;
}.list_contact .left ul li .clearfix >div:hover .img {
  display: block;
}
.list_contact .left .name {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  color: #000000;
  margin: 0.625rem 0 1.125rem;
}

.list_contact .left .text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #000000;
}

.ny_ban_news {
  padding: 8.25rem 0 8.375rem;
  background: #242323;
}

.ny_ban_news .margin {
  margin: 3.0625rem 0 4.125rem;
}

.ny_ban_news .flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ny_ban_news .flex li {
  padding: 0 0.9375rem;
}

.ny_ban_news .flex li a {
  background: #525252;
  width: 18.75rem;
  text-align: center;
  line-height: 2.6875rem;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.ny_ban_news .flex li:hover a,
.ny_ban_news .flex li.active a {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  background: #0095FF;
}

.list_news {
  padding: 5.375rem 0;
}

.list_news ul.flex,
.show_news ul.flex {
  flex-wrap: wrap;
  margin-left: -2.62rem;
  margin-right: -2.62rem;
  justify-content: flex-start;
}

.list_news ul.flex li,
.show_news ul.flex li {
  max-width: 33.3%;
  padding: 0 2.62rem;
  margin-bottom: 4.0625rem;
}

.list_news ul.flex li .text,
.show_news ul.flex li .text {
  margin-top: 1.125rem;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #595959;
}

.show_news ul.flex {
  margin-left: -1.75rem;
  margin-right: -1.75rem;
}

.show_news ul.flex li {
  padding: 0 1.75rem;
}

.show_news {
  margin: 4.6875rem auto 3.75rem;
}

.show_news .content_news {
  width: 942px;
  margin: 0 auto;
}

.show_news .top {
  border: 1px solid #C8C8C8;
  padding: 3.75rem 5rem;
}

.show_news .top .data {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  text-transform: uppercase;
  color: #000000;
}

.show_news .top .title {
  font-size: 1.75rem;
  line-height: 2.25rem;
  margin: 1.5rem 0 1.875rem;
}

.show_news .flex li .name {
  display: block;
}

.show_news .title.mb30 {
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.9375rem;
}

.show_news .fenxiang {
  margin-top: 3.75rem;
  padding: .9375rem 0;
  border-top: 1px solid #C6C0C0;
  border-bottom: 1px solid #C6C0C0;
}

.show_news .fenxiang li {
  float: left;
  margin-right: 1.875rem;
}

.show_news .fenxiang .img,
footer ul li .img {
  position: absolute;
  top: -9rem;
  left: 0;
  width: 8.125rem;
  height: 8.125rem;
  padding: .625rem;
  background: #fff;
  filter: drop-shadow(0 0 .625rem #ddd);
  transform: scaleY(0);
  opacity: 0;
  transition: all .5s;
  transform-origin: bottom center;
}

.show_news .fenxiang li:hover .img,
footer ul li:hover .img {
  transform: scale(1);
  opacity: 1;
  transition: all .5s;
}

.show_news .fenxiang .img::before,
footer ul li .img::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: 0;
  width: 0;
  height: 0;
  border-top: .625rem solid #fff;
  border-bottom: .625rem solid transparent;
  border-left: .625rem solid transparent;
  border-right: .625rem solid transparent;
}

footer ul li .img::before {
  left: .625rem;
}

.pro_top {
  position: absolute;
  top: -3rem;
}

@media (max-width:1600px) {
  .title {
    font-size: 2.6rem;
    line-height: 3.6rem;
  }

  .index_four .bot::before {
    width: calc(100% - 8.5rem);
    margin: 0 4.25rem;
  }

  .list_pro .left {
    padding-left: 10rem;
  }

  .list_pro .right {
    padding-right: 10rem;
  }
}

@media (max-width:1440px) {
  header .nav_center>ul>li {
    margin-right: 2.3rem;
  }

  header .search {
    margin-left: 1.5rem;
  }

  .list_about_two .right {
    width: 50%;
  }

  .index_four .bot::before {
    width: calc(100% - 6.5rem);
    margin: 0 3.25rem;
  }

  .list_pro .left {
    padding-left: 8rem;
  }

  .list_pro .right {
    padding-right: 8rem;
  }

}

@media (max-width:1366px) {
  .banner .p1 {
    font-size: 2.125rem;
    line-height: 2.8rem;
  }
header .nav_center>ul>li:last-child {
    margin-right: 1rem;
}
  header .nav_center>ul>li {
    margin-right: 2.4rem;
  }

  .index_one ul {
    margin-left: -1.625rem;
    margin-right: -1.625rem;
  }

  .index_one ul li {
    padding: 0 1.625rem;
  }

  .list_contact .left {
    padding-right: 12rem;
  }

  header .nav_center>ul>li:nth-child(5) .er-ul {
    width: 11.5rem;
  }

}
@media (max-width:1280px){
    .index_seven ul.flex li img {
    height: 13rem;
}
}

@media (max-width:1200px) {
  .list_contact .left {
    padding-right: 6rem;
  }

  .list_service .content {
    width: 940px;
  }

  .list_pro .left ul li a {
    padding: 0 2.125rem 0 2rem;
  }

  .list_service .content {
    width: 100%;
  }

  .show_news .content_news {
    width: 100%;
  }
}

@media (max-width: 990px) {
  header {
    display: none;
  }

  .phone {
    display: block;

  }

  .phone a img {
    height: 40px;
  }

  body {
    padding-top: 60px;
  }

  #phone_nav span,
  .seaarch_phone span {
    font-size: 24px;
  }

  .banner .p1 {
    font-size: 24px;
    line-height: 34px;
    width: 100%;
  }

  .banner .p2 {
    margin-top: 24px;
  }

  .index_three .left .over {
    width: 30rem;
  }

  .index_three .left::before {
    top: 3.375rem;
    left: 4.75rem;
    height: 34.75rem;
  }

  .index_four .bot::before {
    width: 100%;
    margin: 0;
  }

  .index_six .left .over {
    width: 26.625rem;
    height: auto;
  }

  .index_six .left {
    padding: 3rem 0 0 3.9375rem;
  }

  .index_six .left::before {
    width: 27.625rem;
    height: 34.75rem;
  }

  .index_seven ul.flex li {
    width: 33.3%;
  }

  body {
    padding-bottom: 0;
  }

  .list_about .left .over {
    width: 100%;
  }

  .list_about .left {
    width: 50%;
  }

  .list_about .right {
    width: 50%;
    padding-left: 60px;
  }

  .index_two .tr>.pr {
    padding: 1.625rem 5.25rem 1.625rem 3.3125rem;
  }

  .list_about_two .right {
    padding-left: 4.125rem;
  }

  .ny_ban .img img {
    width: 100%;
  }

  .list_pro .left {
    padding-right: 15px;
  }

  .show_pro .right {
    padding-left: 15px;
    margin-top: 25px;
  }

  .show_pro_two .text,
  .show_pro_three .table-responsive,
  .show_pro_four form,
  .list_contact .right form {
    width: 100%;
  }

  .list_service .top {
    padding: 0;
  }

  .list_service .bot {
    padding: 25px 0;
  }

  .list_service {
    padding: 25px 0;
  }

  .list_news ul.flex li,
  .show_news ul.flex li {
    padding: 0 1.62rem;
  }

  .list_news ul.flex,
  .show_news ul.flex {
    margin-left: -1.62rem;
    margin-right: -1.62rem;
  }

  .ny_ban_news .flex li {
    flex: 1 0 0;
    width: 33.3%;
  }

  .ny_ban_news .flex li a {
    width: 100%;
  }

  .list_contact .right {
    padding-left: 40px;
  }

  .list_pro .left {
    width: 30%;
    padding-left: 15px;
  }

  .list_pro .left.active {
    width: 30%;
  }

  .list_pro .right {
    padding-right: 15px;
    width: 70%;
  }

  .pro_top {
    top: -80px;
  }
}

@media (max-width: 767px) {
  .banner .img img {
    /*height: 80vh;*/
    /*object-fit: cover;*/
    object-position: center;
  }

  .banner .p1 {
    font-size: 14px;
    line-height: 19px;
    width: 100%;
  }
  .more{
      padding: 0 .73125rem 0 1.1rem;
      font-size: .7rem;
      line-height:2.3125rem;
  }

  .index_one {
    padding: 25px 0;
  }

  .index_one ul li {
    width: 50%;
    padding: 0 8px;
    margin-bottom: 15px;
  }

  .index_one ul {
    margin-left: -8px;
    flex-wrap: wrap;
    margin-right: -8px;

  }

  .index_one ul li:last-child,
  .index_one ul li:nth-last-child(2),
  .index_four .bot ul li:last-child {
    margin-bottom: 0;
  }

  .index_one ul li .name {
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px;
    top: 8px;
  }

  .index_three .left .over {
    width: 94%;
  }

  .index_three .left::before {
    top: 1.375rem;
    left: 1.75rem;
    height: 90%;
    width: 90%;
    border-width: 8px;
  }

  .index_three .left {
    padding-right: 15px;
  }

  .index_three .right {
    padding-left: 15px;
  }

  .title {
    font-size: 22px;
    line-height: 30px
  }

  .index_three .right .text {
    margin: 10px 0 15px;
  }

  .index_three {
    padding-bottom: 25px;
  }

  .index_four {
    padding: 25px 0;
  }

  .index_four .bot {
    margin-top: 15px;
    padding: 15px 0;
  }

  .index_four .bot ul {
    flex-wrap: wrap;

  }

  .index_four .bot ul li {
    width: 50%;
    padding: 0 8px;
    margin-bottom: 15px;
  }

  .index_four .name {
    font-size: 14px;
  }

  .index_five .left .title,
  .index_six .title {
    font-size: 20px;
    line-height: 30px;
  }

  .index_five {
    padding: 25px 0;
  }

  .index_five .right {
    padding-left: 15px;
    margin-top: 15px;
  }

  .index_five .img {
    margin-top: 25px;
  }

  .index_six {
    padding: 25px 0;
  }

  .index_six .left .over {
    width: 100%;
  }

  .index_six .left::before {
    width: 100%;
    height: 100%;
    border-width: 8px;
  }

  .index_six .left {
    padding: 0 15px 20px 15px;
  }

  .index_six .left .over {
    width: 94%;
  }

  .index_six .left::before {
    width: 93%;
    top: 0;
  }

  .index_six .right {
    padding-left: 15px;
    margin-top: 20px;
  }

  .index_six .title {
    margin-bottom: 20px;
  }

  .index_seven {
    padding: 25px 0;
  }

  .index_seven .more.more1 {
    margin-top: 15px;
  }

  .index_seven ul.flex {
    margin-left: 0;
    margin-top: 15px;
    margin-right: 0;
    flex-wrap: wrap;
  }

  .index_seven ul.flex li {
    width: 100%;
    margin-bottom: 25px;
    padding: 0;
    max-width: 100%;
  }

  .index_seven ul.flex li:last-child {
    margin-bottom: 0;
  }

  footer .flex {
    padding: 25px 0;
  }

  footer .left {
    width: 100%;
  }

  footer .center .clearfix .text:nth-child(1) {
    width: 50%;
    padding-right: 15px;
    margin-right: 25px;
  }

  footer .center {
    margin: 25px 0;
  }

  .list_about .left {
    width: 100%;
  }

  .list_about .right {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
  }

  .list_about .flex {
    flex-wrap: wrap;
  }

  .list_about::before {
    width: 100%;
  }

  .list_about {
    padding: 25px 0;
  }

  .list_about_two .paddi {
    padding-left: 0;
  }

  .list_about_two {
    padding: 25px 0;
  }

  .list_about_two .title {
    font-size: 22px;
    line-height: 32px;
    width: 100%;
  }

  .list_about_two .flex {
    margin-top: 15px;
    flex-wrap: wrap;
  }

  .list_about_two .left {
    width: 100%;
  }

  .list_about_two .right {
    padding-left: 0;
    width: 100%;
    margin-top: 25px;
  }

  .list_about_three .padding {
    padding: 0;
    margin-top: 25px;
  }

  .list_about_three ul li {
    flex-wrap: wrap;
  }

  .list_about_three ul li:nth-child(even) .left {
    order: 1;
  }

  .list_about_three ul li .left {
    padding: 0 0 0 30px;
    text-align: left;
  }

  .list_about_three ul li>div {
    flex: auto;
  }

  .list_about_three ul li:nth-child(even) .left {
    padding-left: 30px;
  }

  .list_about_three ul li .right {
    padding-left: 30px;
    margin-top: 15px;
  }

  .list_about_three {
    padding: 25px 0;
  }

  .list_about_three ul li:nth-child(even) .right .name,
  .list_about_three ul li:nth-child(even) .right .text {
    text-align: left;
  }

  .list_about_three ul li:nth-child(even) .right {
    padding: 0 0 0 30px;
    text-align: left;
    margin-top: 15px;
  }

  .list_about_three ul::before {
    left: 0;
  }

  .list_about_three ul li .left::before {
    right: auto;
    left: -0.9375rem;
  }

  .ny_ban .hover .title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
  }

  .list_pro {
    padding: 25px 0;
  }

  .list_pro .left ul li a {
    padding: 0 15px;
  }

  .list_pro .right ul.flex1 li {
    margin-bottom: 30px;
    width: 50%;
  }

  .show_pro {
    padding: 25px 0;
  }

  .en_name {
    letter-spacing: 2px;
  }

  .show_pro .title {
    font-size: 22px;
  }

  .show_pro .row {
    margin-top: 25px;
  }

  .show_pro_two,
  .show_pro_three,
  .show_pro_four {
    padding: 25px 0;
  }

  .show_pro_three .table-responsive tr td {
    padding: 8px;
  }

  .list_service .title {
    font-size: 24px;
    line-height: 30px;
  }

  .mt60 {
    margin-top: 20px;
  }

  .ny_ban_news .flex li {
    flex: auto;
    width: 100%;
    margin-bottom: 10px;
  }

  .ny_ban_news .flex li:last-child {
    margin-bottom: 0;
  }

  .ny_ban_news {
    padding: 50px 0;
  }

  .ny_ban_news .margin {
    margin: 25px 0 35px;
  }

  .list_news ul.flex li,
  .show_news ul.flex li {
    max-width: 100%;

    margin-bottom: 25px;
  }

  .list_news {
    padding: 25px 0;
  }

  .show_news {
    margin: 25px auto;
  }

  .show_news .top {
    padding: 0;
    border: none;
}

  .show_news .top .title {
    font-size: 22px;
    line-height: 30px;
    margin: 10px 0;
  }

  .show_news .fenxiang {
    margin-top: 30px;
  }

  .list_contact::before {
    display: none;
  }

  .list_contact .left {
    padding-right: 15px;
  }

  .list_contact .left ul {
    justify-content: flex-start;
      display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .list_contact .left ul li{
      flex: auto;
      width: 100%;
      text-align: center;
  }
  .list_contact .left .text{
      text-align: center;
  }
  .list_contact .left ul li:nth-child(1) {
    /*margin-right: 40px;*/
    /*width: 50%;*/
  }

  .list_contact {
    padding: 25px 0;
  }

  .list_contact .right {
    padding-left: 15px;
  }

  .list_pro .left {
    width: 100%;
    padding-left: 15px;
  }

  .list_pro .left.active {
    width: 100%;
    position: static;
  }

  .list_pro .left .name {
    font-size: 14px;
    line-height: 24px;
    height: 60px;
  }

  .list_pro .right {
    padding-right: 15px;
    width: 100%;
    padding-left: 15px;
  }

  .index_four .bot ul li {
    width: 50%;
    max-width: 50%;
  }   .index_seven ul.flex li img {
    height: auto;
}
}


/* cookies */
.cookic_fix {
  position: fixed;
  right: 0;
  bottom: 0;
  background: #fff;
  width: 312px;
  padding: 0 0;
  margin-bottom: 24px;
  margin-right: 32px;
  border-radius: 20px;
  box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.22);
  z-index: 999;
}

.cookic_fix .tit {
  font-family: "sss";
  font-size: 1.125rem;
  line-height: 1.41;
  font-weight: 700;
  padding: 1.5625rem 1.5625rem 0;
}

.cookic_fix .tit i {
  font-size: 1rem;
  cursor: pointer;
}

.cookic_fix .text {
  margin-top: 8px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .75rem;
  font-weight: 400;
  color: #555555;
  line-height: 1.33;
  color: black;
  text-transform: none;
  padding: 0 1.5625rem 1.5625rem;
}

.cookic_fix .buttona {
  width: 100%;
  border-top: 1px solid #ddd;
  
}

.cookic_fix .buttona .more {
  width: 50%;
  padding: 0 .3125rem;
  font-size: .875rem;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  border-radius: 0 0 0 20px;
 
}
.cookic_fix .buttona .more a {
  color: #fff;
}
.cookic_fix .buttona .more+.more {
  border-left: 1px solid rgba(0, 0, 0, 0.1);  border-radius: 0 0 20px 0;
}


/* end */
.list_service .bot ul li .text {
  overflow: hidden;
}

.list_service .bot ul li p .text span:nth-child(1),
.list_esg .text .number span:nth-child(1) {
  width: 1.25rem;
  float: left;
}

.list_service .bot ul li p .text span:nth-child(2),
.list_esg .text .number span:nth-child(2) {
  width: calc(100% - 1.25rem);
  float: left;
}

.list_esg .text span:nth-child(1).font {
  font-size: 2rem;
}
.list_esg .text p {
  /* padding-left: 2.25rem; */
  display: flex;
  align-items: flex-start;
}.list_esg .text {
  /* line-height: 1.875rem; */
  text-align: left;
}.list_esg .text p span:nth-child(2) {
  float: none;
}.list_esg .text p span:nth-child(1) {
  float: none;
  width: auto !important;
}
.list_esg .text  p.dian::before {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 0.5rem;
  border-radius: 50%;
  width: 0.1875rem;
  height: 0.1875rem;
  background: #000;

}
.list_esg .text  p.dian {
  padding-left: 1.25rem;
  position: relative; 
  
}
.list_service .text {
    color: #fff;
}

 
.list_service .bot ul li .text p span:nth-child(1){
  width: 1.25rem;
  float: left;
}
 
.list_service .bot ul li .text p span:nth-child(2){
  width: calc(100% - 1.25rem);
  float: left;
}
.list_service .bot ul li .text p span:nth-child(1) {
    display: block;
}
.list_service .bot ul li .text p span:nth-child(2) {
      width: calc(100% - 1.25rem);
  float: left;
  display: block;
}




/*首页合作伙伴*/
.index_parent  {
    padding: 0 0 5rem 0;
}

.index_parent  .swiper-pagination{
    bottom: 0;
}
.index_parent  .swiper-pagination-bullet {
    width: 0.75rem;
    height: 0.75rem;
}

.index_parent  .swiper-pagination-bullet-active {
    background: #0095FF;
}

.index_parent  .swiper-container img{
     filter: grayscale(1); 
     padding:  0;
}
.index_parent  .swiper-container .swiper-slide:hover img {
         filter: contrast(100%); 
}
.index_parent  .swiper-button-black {
    background-size: 1.5rem 1.5rem ;
}.index_parent  .swiper-button-next {
    right: 7rem;
}.index_parent  .swiper-button-prev {
    left: 7rem;
}
.dian2 {
    overflow: hidden;
    position: relative;
    margin-top: 0.875rem;
}
.dian2 span:nth-child(1) {
  width: 1.25rem;
  float: left;
}

.dian2 span:nth-child(2) {
  width: calc(100% - 1.25rem);
  padding-left: 1.25rem;
  float: left;
} .dian2::before {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 0.5rem;
  border-radius: 50%;
  width: 0.1875rem;
  height: 0.1875rem;
  background: #595959;

}
@media (max-width:1600px) {
    .index_parent  .swiper-button-next {
    right: 5rem;
}.index_parent  .swiper-button-prev {
    left: 5rem;
}
}
@media (max-width:1440px) {
    .index_parent  .swiper-button-next {
    right: 3rem;
}.index_parent  .swiper-button-prev {
    left: 3rem;
}
}@media (max-width:990px) {
    .index_parent  .swiper-button-next {
    right: 0;
}.index_parent  .swiper-button-prev {
    left: 0;
}
}
@media (max-width:767px) {
    .index_parent .swiper-container img {
        padding: 0 0.5rem 0;
    }
    .index_parent {
        padding: 0 0 25px 0;
    }

  .list_about_three ul li .left {
    width: 30%;
    padding-left: 0 !important;
  }  .list_about_three ul li  {
    align-items: flex-start;
  }

  .list_about_three ul li .right {
    width: 70%;
    margin-top: 6px !important;
  }

  .list_about_three ul li .left span {
    font-size: 1.5rem;
    line-height: 2.65rem;
    padding: 0 1.25rem;
  }

  .list_about_three ul::before {
    left: 30%;
  }

  .list_about_three ul li .left::before {
    right: auto;
    left: calc(100% - 8px) !important;
    width: 16px;
    height: 16px;
  }

  .list_about_three ul li .text {
    text-align: left;
  }
}