@import "font-awesome.css";
@import "michuan.css";
@import "slick.css";
@import "animate.css";
@import "banner.css";
@import "iconfont.css";
@import "/skin/iconfont/iconfont.css";

@import "swiper-bundle.min.css";

@font-face {
  font-family: "Poppins-Bold";
  src: url("../fonts/Poppins-Bold.woff");
}
@font-face {
  font-family: "Barlow-Medium";
  src: url("../fonts/Barlow-Medium.woff");
}

* {
  box-sizing: border-box;
}
.wrap-1660 {
  width: 1660px;
  margin: 0 auto;
}
.wrap-1300 {
  width: 1300px;
  margin: 0 auto;
}
.wrap {
  width: 100%;
  margin: 0 auto;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list.flex {
  justify-content: flex-start;
}
.main {
  padding: 60px 0;
}
.f20 {
  font-size: 20px;
}
.f26 {
  font-size: 26px;
}

.shows{display: none;}

.top_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999999999;
}
.top {
  height: 50px;
  background: #ffffff;
  border-bottom: 1px solid #efefef;
}
.top .wrap {
  align-items: center;
}

.top .contacts .tel {
  margin-left: 25px;
  font-size: 16px;
  color: #000;
  font-family: "Roboto-Regular";
}
.top .contacts .email {
  margin-left: 58px;
  font-size: 16px;
  color: #a2a5ac;
  font-family: "Roboto-Regular";
}
.top .info {
  height: 50px;
  margin-right: 5px;
}
.top .info .ico {
  align-items: center;
}
.top .info .ico a {
  position: relative;
  color: #20242d;
  font-size: 20px;
  margin-right: 20px;
}
.top .info .ico a:hover {
  color: #4daf72;
}
.top .info .ico a:after {
  content: "";
  width: 1px;
  height: 18px;
  background: #d2d3d5;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -9px;
  width: 1px;
  height: 18px;
}
.top .info .ico a:nth-child(6):after {
  content: "";
  width: 0;
  height: 0;
}

.footer .info-f {
  height: 50px;
  margin-right: 5px;
  margin-top: 150px;
}
.footer .info-f .ico {
  align-items: center;
}
.footer .info-f .ico a {
  position: relative;
  color: #fff;
  font-size: 20px;
  margin-right: 20px;
}
.footer .info-f .ico a:hover {
  color: #4daf72;
}
.footer .info-f .ico a:after {
  content: "";
  width: 1px;
  height: 18px;
  background: #4d5057;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -9px;
  width: 1px;
  height: 18px;
}
.footer .info-f .ico a:nth-child(6):after {
  content: "";
  width: 0;
  height: 0;
}
.footer .message .mes-title{margin-bottom: 15px; margin-top: 65px; font-size: 24px;font-family: 'Roboto-Regular';color: #ffffff;display: flex;align-items: center;}
.footer .message .mes-title i{font-size: 28px;margin-right: 16px;}
c{width: 490px; font-size: 16px;font-family: 'Roboto-Regular';color: #fff;}
.footer .message form{margin-top: 40px;}
.footer .message .form-div{display: flex;width: 585px;justify-content: space-between;align-items: center;}
.footer .info .message .form-div .name,.footer .info .message .form-div .mw
{color:#000; font-family: 'Roboto-Regular';font-size: 16px; width: 275px;
  height: 45px;padding-left: 16px;box-sizing: border-box;}
.footer .info{width: 100%; display: flex;}
.footer .info .message .form-div .btn{display: flex;justify-content: center;align-items: center; background-color: #ea1b25; width: 45px !important;height: 45px !important;}
.footer .info .message .label-name,.footer .info .message .label-mw{display: flex;}
.footer .info .message .content{margin-top: 20px; padding-top: 14px; width: 585px;height: 75px;padding-left: 16px;margin-bottom: 20px;font-size: 16px;}
.footer .info .message #submit{transition: 1s ease; display: block; width: 150px;height: 45px;background-color: #4daf72;font-size: 16px;color: #fff;font-family: 'Roboto-Regular';border: none;}
.footer .info .message #submit i{ margin-right: 10px;margin-top: 20px;}
.footer .info .message #submit:hover{border-radius: 20px;}
.footer-wrap{transform: translateY(-75px);}
.footer{background-color: #20242d;}

.header-right .ico a:hover {
  color: #4daf72;
}
.header-right .ico .lang {
  height: 80px;
  width: 163px;
  background-color: #f46736;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.6s ease;
}
.header-right .ico .lang h3 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header-right .ico .lang h3 span {
  margin: 0 18px 0 12px;
  font-size: 14px;
  color: #ffffff;
}
.header-right .ico .lang h3 i {
  transition-duration: 0.8s;
  color: #fff;
}
.header-right .ico .lang h3 i:last-child {
  font-size: 12px;
}
.header-right .ico .lang:hover h3 i:last-child {
  transform: rotate(180deg);
}
.header-right .ico .lang .sub {
  z-index: 99999999;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.6s ease-in-out;
  padding-bottom: 10px;
  position: absolute;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  left: 0;
  top: 50px;
  background: #f46736;
  width: 100%;
}
.header-right .ico .lang .sub a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 0;
  color: #fff;
  margin: 0 8px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 15px;
}
.header-right .ico .lang .sub a img {
  margin-right: 5px;
  height: 15px;
}
.header-right .ico .lang:hover .sub {
  transform: scaleY(1);
}
.header {
  transition: 0.6s ease;
  height: 80px;
  width: 100%;
  background: #fff;
  z-index: 9999999;
  display: flex;
  align-items: center;
}
.header.height {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  height: 65px;
}
.header .header-left {
  align-items: center;
}
.header .menu {
  align-items: center;
  height: 80px;
}
.header .header-left .logo {
  background-color: #4daf72;
  margin-right: 50px;
  width: 215px;
  height:100%;
  display: flex;
  align-items: center;
  transition: 0.6s ease !important;
}
.high{height: 65px !important;}
.header .header-left .logo h1 {
  margin-left: 60px;
}
.header .header-left .item h3 a {
  font-family: "Barlow-Bold";
  font-size: 20px;
  color: #0b2042;
}
.header .header-left .item {
  margin-right: 35px;
}

.header .header-right {
  width: 63%;
 
}
.header .header-right .item:last-child {
  margin-right: 0;
}
.header .header-right .item h3 a {
  font-size: 16px;
  font-family: "Roboto-Regular";
}
.header .header-right .item {
  margin-right: 44px;
}
.header .header-right .item:last-child {
  margin-right: 0;
}

.header .header-right .item {
  display: flex;
  height: 16px;
  align-items: center;
  line-height: 16px;
  overflow-y: hidden;
  overflow-x: visible !important;
}
.header .header-right .on::before {
  content: "";
  width: 10px;
  height: 2px;
  background: #4daf72;
  position: absolute;
  left: -16px;
  top: calc(50% - 1px);
}
.header .header-right .item-box:hover::before {
  content: "";
  width: 10px;
  height: 2px;
  background: #4daf72;
  position: absolute;
  left: -16px;
  top: calc(50% - 1px);
}
.header .header-right .item-box::before {
  transition: all 1s;
}
/* .header .header-right .item{margin-right: 40px;height: 30px;overflow: hidden;position: relative;line-height: 30px;} */
.header .header-right .item h3 {
  height: 16px;
  position: relative;
  top: -16px;
  transition: all 0.5s ease;
}
/* .header .header-right .item h3 a p{line-height: 1;} */
.header .header-right .item:hover h3,
.header .header-right .item.hover h3 {
  top: 0;
  transition: all 0.5s ease;
}
.header .header-right .item h3 a p:nth-last-child(2) {
  color: #4daf72;
}

.header .header-right .item-box {
  height: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  margin-right: 44px;
  position: relative;
  width: auto;
  transition: 0.8s ease-in;
}
.header .header-right .ico {
  align-items: center;
}
.header .header-right .ico .search-btn {
  margin-right: 37px;
}
.header .header-right .ico a {
  margin-left: 25px;
}
.header .item {
  display: flex;
  height: 80px;
  align-items: center;
}
.header .item h3 a {
  color: #0b2042;
  text-transform: uppercase;
}
.header .item h3 a:hover,
.header .item.on h3 a {
  color: #4daf72;
}

.header .menu .sub {
  z-index: 2;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.6s ease-in-out;
  transition-duration: 0.6s;
  position: absolute;
  top: 60px;
  left: 0;
  width: 190px;
  border-top: 1px solid #e6e8ec;
  background: #fff;
  border-radius: 10px;
  background-color: #ffffff;
  color: #000 !important;
}
.header .menu .sub .wrap {
  display: flex;
  flex-direction: column;
  padding: 15px 0 25px;
}
.header .menu .sub .p {
  width: 100%;
  height: 40px;
  display: flex;
  border-bottom: 1px solid #d4d5d6;
  position: relative;
}
.header .menu .sub .p:nth-child(5n) {
  margin-right: 0;
}
.header .menu .sub .p a {
  display: flex;
  width: 100%;
  align-items: center;
  height: 85%;
  transition-duration: 0.6s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0b2042;
  position: relative;
  padding-left: 24px;
}
/* .header .menu .sub .p:hover{border-color:#338BCF} */
.header .menu .sub .p:hover > a {
  color: #fff;
  background-color: #4daf72;
}
.header .menu .item:hover .sub {
  transform: scaleY(1);
}
.header .menu .sub .p a::before {
  content: "";
  width: 3px;
  height: 12px;
  border-radius: 3px;
  background-color: #4daf72;
  left: 10px;
  top: 12px;
  position: absolute;
}
.header .menu .sub .p a:hover::before {
  background-color: #fff;
}
.header .menu .sub::before {
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #ffffff;
  left: 20px;
  top: -19px;
  position: absolute;
}

.header .subs {
  z-index: 2;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.6s ease-in-out;
  transition-duration: 0.6s;
  position: absolute;
  top: 0;
  right: -190px;
  width: 190px;
  border-top: 1px solid #e6e8ec;
  background: #fff;
  border-radius: 10px;
  background-color: #ffffff;
  color: #000 !important;
}
.header .subs .wrap {
  display: flex;
  flex-direction: column;
  padding: 15px 0 25px;
}
.header .subs .p {
  width: 100%;
  height: 40px;
  display: flex;
  border-bottom: 1px solid #d4d5d6;
}
.header .subs .p:nth-child(5n) {
  margin-right: 0;
}
.header .subs .p a {
  display: flex;
  width: 100%;
  align-items: center;
  height: 85%;
  transition-duration: 0.6s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0b2042;
  position: relative;
  padding-left: 24px;
}
/* .header .subs .p:hover{border-color:#338BCF} */
.header .subs .p:hover a {
  color: #fff;
  background-color: #4daf72;
}
.header .sub .p:hover > .subs {
  transform: scaleY(1);
}
.header .subs .p a::before {
  content: "";
  width: 3px;
  height: 12px;
  border-radius: 3px;
  background-color: #4daf72;
  left: 10px;
  top: 12px;
  position: absolute;
}
.header .subs .p a:hover::before {
  background-color: #fff;
}
/* .header .subs::before{content: "";width: 0;height: 0;border: 10px solid transparent;border-bottom-color: #999; left: 20px;top: -19px;position: absolute;} */

.banner {
  position: relative;
  margin-top: 130px;
}
.banner img {
  width: 100%;
}
.index-data {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  transform: translateY(-50%);
}
.wrap-data {
  width: 84%;
  background-color: #20242d;
  height: 200px;
  display: flex;
}
.wrap-data .data-pic {
  height: 100%;
  width: 320px;
}
.wrap-data .data-pic img {
  height: 100%;
  width: 100%;
}
.index-data .bn-list {
  display: flex;
  justify-content: space-between;
  margin-left: 40px;
}
.index-data .bn-list li {
  transition: 1s ease;
  flex-direction: column;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-data .bn-list li h2 {
  position: relative;
}
.index-data .bn-list li h2 sup {
  color: #fff;
}
.index-data .bn-list li h2 > sup {
  color: #fff;
  font-size: 14px;
  background-color: #4daf72;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-family: "Roboto-Regular";
  display: inline-block;
  text-align: center;
  line-height: 24px;
  position: absolute;
  right: -35px;
  top: -10px;
}
.index-data .bn-list li h2 > sup > sup {
  font-size: 8px;
}
.index-data .bn-list li h2 .sc {
  line-height: 19px;
}
.index-data .bn-list li h2 .number {
  font-size: 48px;
  color: #ffffff;
  font-family: "Poppins-Bold";
  line-height: 48px;
}
/* .index-data .bn-list li .num{ width: 140px;} */

.index-data .bn-list li .des {
  text-align: center;
  display: inline-block;
  width: 270px;
  font-size: 20px;
  color: #fff;
  font-family: "Roboto-Regular";
  margin-top: 5px;
}
.index-advantage .ad-r .pic-b{height: 290px;}

/* about-data */
.list-about .bn-list {
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  /* margin-left: 40px; */
}
.list-about .bn-list li {
  transition: 1s ease;
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 40px 0 40px 10px;
  border-bottom: 1px solid #000;
  width: 315px;
}
.list-about .bn-list li h2 {
  position: relative;
}
.list-about .bn-list li h2 sup {
  color: #fff;
}
.list-about .bn-list li h2 > sup {
  color: #fff;
  font-size: 14px;
  background-color: #4daf72;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-family: "Roboto-Regular";
  display: inline-block;
  text-align: center;
  line-height: 24px;
  position: absolute;
  right: -35px;
  top: -10px;
}
.list-about .bn-list li h2 > sup > sup {
  font-size: 8px;
}
.list-about .bn-list li h2 .sc {
  line-height: 19px;
}
.list-about .bn-list li h2 .number {
  font-size: 48px;
  color: #20242d;
  font-family: "Poppins-Bold";
  line-height: 48px;
}
/* .list-about .bn-list li .num{ width: 140px;} */

.list-about .bn-list li .des {
  /* text-align: center; */
  display: inline-block;
  width: 270px;
  font-size: 20px;
  color: #20242d;
  font-family: "Roboto-Regular";
  margin-top: 5px;
}
.list-about .data{border: none !important;}



.footer {
  color: #fff;
  background: #20242d;
}
.footer .menu {
  padding: 45px 0 80px;
}
.footer .menu .item {
  width: calc(100% / 4 - 75px);
  margin-right: 100px;
}
.footer .menu .item h3 {
  padding-bottom: 20px;
  font-style: italic;
  font-size: 24px;
  border-bottom: 1px solid #55637b;
  font-family: "Barlow-ExtraBold";
}
.footer .menu .item .sub a {
  display: block;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  color: #fff;
}
.footer .menu .item .sub a:hover {
  padding-left: 10px;
}
.footer .menu .item:last-child {
  margin-right: 0;
}
.footer .menu .item:last-child a {
  display: flex;
}
.footer .menu .item:last-child a .i {
  width: 30px;
}
.footer .menu .item:last-child a span {
  width: calc(100% - 30px);
}
.footer .bottom {
  padding: 30px 0;
  border-top: 1px solid #4d5057;
  text-align: center;
}
.footer .bottom  .flex{align-items: center;}
.footer .bottom p,
.footer .bottom p a {
  color: #ffffff;
  /* font-size: 14px; */
}
.footer .info{display: flex;justify-content: space-between;flex-wrap: wrap;}

.footer .info .dls{display: flex;margin-top: 60px;flex-wrap: wrap;}
.footer .info .dls .dl{margin-right: 60px;}
.dl .dl-title {
  font-size: 18px;
  width: 150px;
  border-bottom: 1px solid #4d5057;
  padding-bottom: 20px;
  font-family: "Roboto-Regular";
  color: #fff;
}
.footer .info .dls dt:hover a{margin-left: 5px;}
.dl>dd a{
  color: #fff !important;
  line-height: 34px;
  font-size: 18px;
  font-family: "Roboto-Regular";
}
.dl>dt a{color: #fff;}
.dl>dd:nth-child(2) {
  margin-top: 30px;
}
.footer .info .dls .dl dd span{position: relative;}
.footer .info .dls .dl dd span:hover::after{width: 100%;}
.footer .info .dls .dl dd span::after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: #4daf72;
  left: 0;
  bottom: 0;
  transition: all 0.5s ease;
  transform-origin: 50% 50%;
}
.footer .info .dls .dl dd span:hover{color: #4daf72;}
.footer .footer-email{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); display: flex;background-color: #20242d;} 
.footer .fe-l{width: 320px;height: 170px;background-color: #4daf72;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.footer .fe-l h1{font-family: "Roboto-Regular";font-weight: bold;font-size: 26px;color: #fff;}
.footer .fe-l p{font-family: "Roboto-Regular";font-size: 16px;color: #fff;width: 242px;margin-top: 8px;}
.footer .fe-r {display: flex;align-items: center;margin-left: 110px;justify-content: center;}
.footer .fe-r .ipt{width: 655px;height: 50px;border-radius: 4px 0 0 4px;padding-left: 55px;color: #000;}
.footer .fe-r .btn{font-family: "Roboto-Regular"; color: #fff;text-align: center; width: 135px;height: 50px;border-radius: 0 4px 4px 0;background-color: #4daf72;}
.footer .fe-r form{position: relative;display: flex;}
.footer .fe-r i{color: #4daf72; position: absolute;left: 22px; transform: translateY(-50%);top: 50%;}


.location {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ced2d9;
  height: 55px;
}
.location a {
  text-transform: capitalize;
}
.location i {
  margin: 0 10px;
}
.location a:last-child {
  color: #338bcf;
}

.sidebar {
  width: 280px;
}
.sidebar .sticky {
  position: sticky;
  top: 150px;
}
.sidebar .t {
  margin-bottom: 10px;
  height: 109px;
  background: url(../images/news_bg.png);
  border-radius: 10px 10px 0 0;
  padding: 23px 0 0 30px;
}
.sidebar .t h2 {
  font-size: 40px;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
  color: #fff;
}
.sidebar .t .line {
  width: 46px;
  height: 3px;
  background: #fff;
}
.sidebar .bd .item h3 a {
  height: 50px;
  border-bottom: 1px solid #ced2d9;
  align-items: center;
  font-size: 18px;
  display: flex;
  position: relative;
}
.sidebar .bd .item h3{ position: relative;}
.sidebar .bd .item h3 i {
  position: absolute;
  font-size: 13px;
  right: 5px;
  top: 50%;
  margin-top: -5px;
  cursor: pointer;
  transition: all .5s ease;
}
.sidebar .bd .item.on h3 a,
.sidebar .bd .item h3 a:hover {
  color: #4daf72;
}
.sidebar .bd .item .sub {
  padding: 20px 0;
  transition: all .5s ease;
}
.sidebar .bd .item .sub a {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.sidebar .bd .item .sub a i {
  font-size: 25px;
  width: 25px;
  margin-left: 10px;
}
.sidebar .bd .item .sub a span {
  width: calc(100% - 35px);
}
.sidebar .bd .item .sub a:last-child {
  margin-bottom: 0;
}
.sidebar .bd .item .sub a.on,
.sidebar .bd .item .sub a:hover {
  color: #4daf72 !important;
}
.content {
  width: calc(100% - 330px);
}

.list-events .list .item {
  margin-bottom: 45px;
}
.list-events .list .item .pic {
  width: 388px;
}
.list-events .list .item .pic img {
  width: 100%;
}
.list-events .list .item .txt {
  width: calc(100% - 412px);
}
.list-events .list .item .txt h3 {
  padding: 5px 0 15px;
}
.list-events .list .item .txt h3 a {
  font-size: 18px;
  color: #338bcf;
}
.list-events .list .item .txt p {
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dbdee3;
  font-size: 14px;
}

.list-download .t {
  text-transform: uppercase;
  margin-bottom: 40px;
  font-size: 40px;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
}
.list-download .list .item {
  margin-bottom: 25px;
}
.list-download .list .item a {
  transition-duration: 0.5s;
  display: flex;
  padding: 20px 40px 20px 30px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
}
.list-download .list .item .name {
  display: flex;
  width: 80%;
}
.list-download .list .item .name .i {
  width: 40px;
  display: flex;
  align-items: center;
}
.list-download .list .item .name .i i {
  height: 22px;
  width: 22px;
  background: #338bcf;
  font-size: 0;
  border-radius: 22px;
}
.list-download .list .item .name .info {
  width: calc(100% - 40px);
}
.list-download .list .item .name .info h3 {
  transition-duration: 0.5s;
  font-size: 18px;
  color: #0b2042;
}
.list-download .list .item .name .info p {
  transition-duration: 0.5s;
  padding-top: 8px;
  color: #0b2042;
  font-size: 12px;
  opacity: 0.6;
}
.list-download .list .item .name .info p i {
  font-size: 12px;
  margin-right: 5px;
}
.list-download .list .item .more {
  display: flex;
  align-items: center;
}
.list-download .list .item .more i {
  transition-duration: 0.5s;
}
.list-download .list .item .more i:last-child {
  color: #338bcf;
  margin-left: 20px;
}
.list-download .list .item:hover a {
  background: #338bcf;
}
.list-download .list .item:hover .name .i i {
  font-size: 24px;
  color: #fff;
  background: none;
}
.list-download .list .item:hover .name .info h3 {
  color: #fff;
}
.list-download .list .item:hover .name .info p {
  opacity: 0.6;
  color: #fff;
}
.list-download .list .item:hover .more i {
  color: #fff;
}

.list-job .t {
  margin-bottom: 40px;
  text-transform: uppercase;
  font-size: 40px;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
}
.list-job .list .item {
  margin-bottom: 50px;
}
.list-job .list .item .info {
  width: calc(100% - 130px);
}
.list-job .list .item .info h3 {
  transition-duration: 0.5s;
  font-size: 18px;
  padding: 15px 0 30px;
}
.list-job .list .item .info .desc {
  margin-bottom: 25px;
  display: flex;
}
.list-job .list .item .info .desc p {
  display: flex;
  align-items: center;
  color: #0b2042;
  margin-right: 60px;
}
.list-job .list .item .info .desc p:last-child {
  margin-right: 0;
}
.list-job .list .item .info .desc p i {
  margin-right: 4px;
  color: #338bcf;
}
.list-job .list .item .info .desc p span {
  font-size: 14px;
  margin-right: 30px;
}
.list-job .list .item .info .desc p span:last-child {
  margin-right: 0;
}
.list-job .list .item .btn {
  cursor: pointer;
  width: 115px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  color: #fff;
  background: #338bcf;
}
.list-job .list .item .btn i {
  color: #fff;
  margin-right: 5px;
}
.list-job .list .item .btn span {
  font-size: 14px;
}
.list-job .list .item .more {
  padding-top: 15px;
  border-top: 1px solid #dbdee3;
  width: 100%;
}
.list-job .list .item .more span {
  transition-duration: 0.5s;
  font-size: 14px;
  color: #338bcf;
  border-bottom: 1px solid #338bcf;
}
.list-job .list .item:hover a .info h3 {
  color: #338bcf;
}
.list-job .list .item:hover a .more span {
  margin-left: 10px;
}
.list-job .content {
  margin-top: -30px;
  color: #0b2042;
  font-size: 14px;
  line-height: 30px;
}
.list-job .content h3 {
  font-size: 18px;
  color: #0b2042;
  margin-bottom: 15px;
}

.job-pop {
  flex-direction: column;
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999;
}
.job-pop .hd {
  height: 80px;
  width: 900px;
  padding: 0 35px;
  background: #338bcf;
  align-items: center;
}
.job-pop .hd .name {
  color: #ffffff;
  font-size: 18px;
}
.job-pop .hd .del {
  cursor: pointer;
}
.job-pop .bd {
  width: 900px;
  padding: 35px;
  background: #fff;
}
.job-pop .bd input,
.job-pop .bd textarea {
  width: 100%;
  display: block;
  padding: 0 20px;
  border-radius: 4px;
  margin-bottom: 20px;
  border: 1px solid #000000;
  font-size: 14px;
  color: #000000;
}
.job-pop .bd input:hover,
.job-pop .bd textarea:hover {
  border-color: #338bcf;
}
.job-pop .bd input {
  height: 50px;
  display: flex;
  align-items: center;
}
.job-pop .bd textarea {
  min-height: 180px;
  padding: 10px 20px;
  line-height: 30px;
}
.job-pop .bd .btn {
  transition-duration: 0.6s;
  width: 160px;
  height: 50px;
  border-radius: 4px;
  background: #338bcf;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  cursor: pointer;
  color: #fff;
}
.job-pop .bd .btn i {
  margin-left: 8px;
}
.job-pop .bd .btn:hover {
  border-radius: 30px;
}


.list-news .list .item {
  display: flex;
  margin-top: 50px;
  flex: 1;
}
.list-news .list .item .item-r{margin-left: 40px;}

.list-news .content{width: 100%;}
.list-news .list .item:last-child {
  margin-bottom: 50px;
}
.list-news .list .item h2 {
  font-size: 18px;
  color: #000;
  padding-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 20px;
}
.list-news .list .item p {
  margin: 23px 0 19px;
  font-size: 16px;
  line-height: 30px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-family: "Roboto-Regular";
  margin-bottom: 40px !important;
}
.list-news .list .item .date{
  font-size: 14px;
  color: #a8a9ab;
  font-family: "Roboto-Regular";
  }
.list-news .list .item .more {
  transition-duration: 0.6s;
  color: #4daf72;
  border-bottom: 2px solid #4daf72;
  font-family: "Roboto-Regular";
  padding-bottom: 2px;
}
.list-news .list .item:hover .more {
  margin-left: 10px;
}
.list-news .show .t{padding: 0 10px;}
.list-news .show .t h2 {
  font-size: 18px;
  color: #000;
  line-height: 1;
  margin-top: 70px;
}
.list-news .show .t .time {
  padding: 20px 0 25px 0;
  color: #000;
  font-size: 14px;
  font-family: "Roboto-Regular";
}
.list-news .content,.list-news .show{width: 100% !important;}
.list-news .show .c {
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 35px 10px;
  color: #000;
  font-size: 16px;
  line-height: 30px;
  border-top: 1px solid #ced2d9;
  border-bottom: 1px solid #ced2d9;
  width: 100% !important;
  font-family: "Roboto-Regular";
}
.list-news .content .show .c p{width:98% !important;}
.list-news .content .show .c p span{display: inline-block;width: 98% !important;}

.list-news .show .m .top_bottom_page p,
.list-news .show .m .top_bottom_page p a {
  font-size: 16px;
  color: #000;
  line-height: 24px;
  font-family: "Roboto-Regular";
}
.list-news .show .m .top_bottom_page p a:hover {
  color: #4daf72;
}
.list-news .show .m .btn {
  border-radius: 6px;
  width: 135px;
  height: 50px;
  display: flex;
  align-items: center;
  background: #000;
  color: #fff;
  font-size: 16px;
  justify-content: center;
  font-family: "Roboto-Regular";
}
.list-news .show .m .btn span{line-height: 1;}
.list-news .show .m .btn i {
  margin-right: 10px;
  font-size: 16px;
}
.list-news .show .m .btn:hover {
  border-radius: 30px;
  background-color: #4daf72;
}

.list-news .titles h1 {
  font-size: 160px;
  font-family: Arial;
  -webkit-text-stroke: 1px #e6e6e7;
  font-weight: bold;
  color: #fff;
  line-height: 160px;
}
.list-news .titles {
  width: auto;
  height: 160px;
  position: relative;
}
.list-news .txt-s {
  font-family: "Barlow-Medium";
  font-size: 16px;
  color: #4daf72;
  position: absolute;
  left: 80px;
  top: 50%;
  transform: translateY(-50%);
}
.list-news .txt-s::before {
  content: "";
  width: 2px;
  height: 25px;
  background-color: #4daf72;
  position: absolute;
  left: -16px;
  top: -4px;
}
.list-news .txt-b {
  color: #20242d;
  font-size: 60px;
  font-family: "Roboto-Regular";
  font-weight: bolder;
  position: absolute;
  left: 65px;
  bottom: -12px;
}
.list-news{margin-bottom: 100px;}
.list-news .titlelist{display: flex;justify-content: space-between;width: 100%;align-items: flex-end;border-bottom: 1px solid #d2d3d5;padding-bottom: 55px;}
.list-news .titlelist .news-cate{width: 405px;display: flex;justify-content: space-between;}
.list-news .titlelist .cate-item{width: 120px;height: 40px;border-radius: 5px;background-color: #20242d;color: #fff;line-height: 40px;text-align: center;}
.backactive{background-color: #4daf72 !important;}
.list-news .titlelist .cate-item:hover{background-color: #4daf72;}


.list-products .sidebar .t {
  padding-top: 33px;
}
.list-products .sidebar .t h2 {
  text-transform: uppercase;
  font-size: 30px;
}

.list-products .list{margin-top: 35px;}
.list-products .list1{margin-bottom: 95px;}
.list-products .list .item {
  transition-duration: 0.6s;
  width: calc(100% / 3 - 30px);
  /* padding: 15px; */
  /* border-radius: 10px; */
  /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
  margin: 0 45px 45px 0;
  border: 1px solid #cccccc;
}
.list-products .body table tbody tr:nth-child(2n){background:#c9faeb !important;}
.list-products .list .item .pic{width: 100%;text-align: center;}
.list-products .list .item .pic img{width: 100%;margin: 35px 0;}
.list-products .list .item:nth-child(3n) {
  margin-right: 0;
}
.list-products .list .item .txt {
  position: relative;
  border-top: 1px solid #cccccc;
  /* padding-top: 13px; */
}
.list-products .list .item .txt h3 {
  color: #0b2042;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-family: "Roboto-Regular";
  margin-left: 22px;
  margin-top: 10px;
}
.list-products .list .item .txt p {
  color: #0b2042;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  margin-top: 35px;
  margin-left: 22px;
  font-family: "Roboto-Regular";
}
.list-products .list .item .txt .auth {
  margin-top: 23px;
}
.list-products .list .item .txt .i {
  position: absolute;
  right: 22px;
  top: 35px;
}
.list-products .list .item .txt .i i {
  color: #4daf72;
  font-size: 20px;
}
/* .list-products .list .item:hover {
  box-shadow: 0 10px 20px rgba(51, 139, 207, 0.3);
} */
.list-products .content .title {
  margin-bottom: 15px;
  padding-bottom: 20px;
  font-size: 36px;
  font-family: "Roboto-Regular";
  font-weight: bold;
  border-bottom: 1px solid #d2d3d5;
}
.list-products .content .title2 {
  margin-bottom: 40px;
}
.list-products .body {
  font-size: 16px;
  line-height: 24px;
  color: #0b2042;
  padding-bottom: 30px;
}
.list-products .body ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list-products .body ul li {
  width: calc(50% - 30px);
  height: 50px;
  border-bottom: 1px solid #ced2d9;
  display: flex;
  align-items: center;
}
.list-products .head {
  padding: 40px 20px 40px 40px;
  /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
  margin-bottom: 40px;
  margin-top: 35px;
  border: 1px solid #ced2d9;
}
.list-products .head .img_list {
  z-index: 2;
  width: 500px;
}
.list-products .head .img_list .datu {
  width: calc(100% - 110px);
}
.list-products .head .img_list .datu img {
  width: 100%;
}
.list-products .head .img_list .xiaotu {
  width: 80px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.list-products .head .img_list .xiaotu li {
  transition-duration: 0.5s;
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  border: 1px solid #d0d1d3;
}
.list-products .head .img_list .xiaotu li:hover {
  border-color: #4daf72;
}
.list-products .head .img_list .xiaotu li img {
  width: 100%;
}
.list-products .head .img_list .xiaotu .btn {
  width: 100%;
}
.list-products .head .img_list .xiaotu .btn a {
  cursor: pointer;
  background: #000000;
  width: 50%;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-products .head .img_list .xiaotu .btn a i {
  font-size: 14px;
  color: #fff;
}
.list-products .head .img_list .xiaotu .btn a:hover {
  background: #4daf72;
}
.list-products .head .txt_list {
  width: calc(100% - 500px);
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
  padding-left: 45px;
  padding-top: 20px;
}
.list-products .head .txt_list .txt_list_t {
  width: 100%;
}
.list-products .head .txt_list .t {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 25px;
}
.list-products .head .txt_list .t h2 {
  padding-top: 8px;
  color: #000;
  font-size: 16px;
  font-family: "Roboto-Regular";
}
.list-products .head .txt_list .c .auth {
  padding: 10px 0 25px;
}
.list-products .head .txt_list .c .nav {
  display: flex;
  margin-top: 22px;
}
.list-products .head .txt_list .c .nav a {
  width: 45px;
  height: 45px;
  border-radius: 6px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #20242d;
}
.list-products .head .txt_list .c .nav a:hover {
  border-color: #4daf72;
  background: #4daf72;
  color: #fff;
}
.list-products .head .txt_list .c .nav .message_btn {
  transition-duration: 0.5s;
  cursor: pointer;
  background: #4daf72;
  height: 44px;
  padding: 0 20px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  color: #fff;
}
.list-products .head .txt_list .c .nav .message_btn i {
  margin-right: 10px;
  color: #fff;
}
.list-products .head .txt_list .c .nav .message_btn span {
  color: #fff;
  line-height: 1;
}
.list-products .head .txt_list .c .nav .message_btn:hover {
  border-radius: 30px;
}
.list-products .head .txt_list .txt_list_m {
  width: 100%;
  padding-top: 8px;
  border-top: 1px solid #cccccc;
}
.list-products .head .txt_list .txt_list_m .ico {
  display: flex;
}
.list-products .head .txt_list .txt_list_m .ico a {
  border-left: 1px solid #b5bcc6;
  margin-left: 7px;
  padding-left: 7px;
  color: #20242d;
}
.list-products .head .txt_list .txt_list_m .ico a:first-child {
  border: 0;
  margin: 0;
  padding: 0;
}


.list-products .sidebar .titles {
  width: auto;
  height: 160px;
  position: relative;
}
.list-products .sidebar .txt-s {
  font-family: "Barlow-Medium";
  font-size: 16px;
  color: #4daf72;
  position: absolute;
  left: 35px;
  top: 50%;
  transform: translateY(-50%);
}
.list-products .sidebar .txt-s::before {
  content: "";
  width: 2px;
  height: 25px;
  background-color: #4daf72;
  position: absolute;
  left: -16px;
  top: -4px;
 
}
.list-products .sidebar .txt-b {
  color: #20242d;
  font-size: 60px;
  font-family: "Roboto-Regular";
  font-weight: bolder;
  position: absolute;
  left: 0;
  bottom: -12px;
}

.list-products .content .titles h1 {
  font-size: 160px;
  font-family: Arial;
  -webkit-text-stroke: 1px #e6e6e7;
  font-weight: bold;
  color: #fff;
  line-height: 160px;
}
.list-products .content .titles {
  width: auto;
  height: 160px;
  position: relative;
  margin-top: 30px;
}
.list-products .content .txt-s {
  font-family: "Barlow-Medium";
  font-size: 16px;
  color: #4daf72;
  position: absolute;
  left: 75px;
  top: 50%;
  transform: translateY(-50%);
}
.list-products .content .txt-s::before {
  content: "";
  width: 2px;
  height: 25px;
  background-color: #4daf72;
  position: absolute;
  left: -16px;
  top: -4px;
 
}
.list-products .content .txt-b {
  color: #20242d;
  font-size: 60px;
  font-family: "Roboto-Regular";
  font-weight: bolder;
  position: absolute;
  left: 40px;
  bottom: -22px;
}


.list-culture .titles h1 {
  font-size: 160px;
  font-family: Arial;
  -webkit-text-stroke: 1px #e6e6e7;
  font-weight: bold;
  color: #fff;
  line-height: 160px;
}
.list-culture .titles {
  width: auto;
  height: 160px;
  position: relative;
  margin-top: 30px;
}
.list-culture .txt-s {
  font-family: "Barlow-Medium";
  font-size: 16px;
  color: #4daf72;
  position: absolute;
  left: 75px;
  top: 50%;
  transform: translateY(-50%);
}
.list-culture .txt-s::before {
  content: "";
  width: 2px;
  height: 25px;
  background-color: #4daf72;
  position: absolute;
  left: -16px;
  top: -4px;
 
}
.list-culture .txt-b {
  color: #20242d;
  font-size: 60px;
  font-family: "Roboto-Regular";
  font-weight: bolder;
  position: absolute;
  left: 40px;
  bottom: -22px;
}

.list-honor .titles h1 {
  font-size: 160px;
  font-family: Arial;
  -webkit-text-stroke: 1px #e6e6e7;
  font-weight: bold;
  color: #fff;
  line-height: 160px;
}
.list-honor .titles {
  width: auto;
  height: 160px;
  position: relative;
  margin-top: 30px;
}
.list-honor .txt-s {
  font-family: "Barlow-Medium";
  font-size: 16px;
  color: #4daf72;
  position: absolute;
  left: 75px;
  top: 50%;
  transform: translateY(-50%);
}
.list-honor .txt-s::before {
  content: "";
  width: 2px;
  height: 25px;
  background-color: #4daf72;
  position: absolute;
  left: -16px;
  top: -4px;
 
}
.list-honor .txt-b {
  color: #20242d;
  font-size: 60px;
  font-family: "Roboto-Regular";
  font-weight: bolder;
  position: absolute;
  left: 40px;
  bottom: -22px;
}

.list-partner .titles h1 {
  font-size: 160px;
  font-family: Arial;
  -webkit-text-stroke: 1px #e6e6e7;
  font-weight: bold;
  color: #fff;
  line-height: 160px;
}
.list-partner .titles {
  width: auto;
  height: 160px;
  position: relative;
  margin-top: 30px;
}
.list-partner .txt-s {
  font-family: "Barlow-Medium";
  font-size: 16px;
  color: #4daf72;
  position: absolute;
  left: 75px;
  top: 50%;
  transform: translateY(-50%);
}
.list-partner .txt-s::before {
  content: "";
  width: 2px;
  height: 25px;
  background-color: #4daf72;
  position: absolute;
  left: -16px;
  top: -4px;
 
}
.list-partner .txt-b {
  color: #20242d;
  font-size: 60px;
  font-family: "Roboto-Regular";
  font-weight: bolder;
  position: absolute;
  left: 40px;
  bottom: -22px;
}


.pro-line{width: 100%;height: 1px;background-color: #d2d3d5;margin-top: 65px;}

.list-products .bd{margin-top: 70px;margin-bottom: 100px;}
.list-products .bd .sub{display: none;}
/* .list-products .bd h3{display: flex;} */


.list-about .list-culture{margin-bottom: 80px;}
.list-about .list-culture .culs{width: 100%;border-top: 1px solid #d2d3d5;margin-top: 45px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.list-about .list-culture .culs .culs-item{display: flex;margin-top: 55px;width: 630px !important;cursor: pointer;}
.list-about .list-culture .culs .culs-item img{height: 163px;transition: 0.8s ease;}
.list-about .list-culture .culs .culs-item .title{font-size: 18px;color: #4daf72;font-family: "Roboto-Regular";margin-left: 14px;}
.list-about .list-culture .culs .culs-item ol{margin-top: 20px;width: 370 !important;line-height: 32px;padding-left: 14px;}
/* .list-about .list-culture .culs .culs-item ol li{font-size: 16px;color: #000;font-family: "Roboto-Regular";margin-left: 14px;margin-bottom: 10px;} */
.list-about .list-culture .culs .culs-item:hover img{box-shadow: -5px -5px 20px rgba(0, 0, 0, 0.05),5px 10px 20px rgba(0, 0, 0, 0.2);}

.list-about .list-honor{margin-bottom: 70px;}
.list-about .list-honor .honor{width: 100%;border-top: 1px solid #d2d3d5;margin-top: 45px;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.list-about .list-honor .honor .honor-item img{transition: 0.8s ease;}
.list-about .list-honor .honor .honor-item img:hover{box-shadow: -5px -5px 20px rgba(0, 0, 0, 0.05),5px 10px 20px rgba(0, 0, 0, 0.25);}
.list-about .list-honor .honor .honor-item{margin-top: 45px;margin-right: 35px;cursor: pointer;}
.list-about .list-partner{padding-bottom: 140px;}
.list-about .list-partner .partner{width: 100%;border-top: 1px solid #d2d3d5;margin-top: 45px;display: flex;flex-wrap: wrap;justify-content: space-evenly !important;height: auto;position: relative;
  /* margin-bottom: 280px !important; */
}
.list-about .list-partner .partner table td{border: 1px solid #d2d3d5; width: 220px;height: 135px;text-align: center;}
.list-about .list-partner .partner table{margin-top: 60px;}

.list-about .list-partner{width: 100%;}

.list-partner ul{width: auto; display: flex;flex-wrap: wrap; margin-top: 55px;}
.list-partner ul li {width: 215px;height: 135px; border: 1px solid #d2d3d5;display: flex;justify-content: center;align-items: center;margin-right: -1px;margin-bottom: -1px;}
/* .list-partner .ul-box{width: 100%; display: flex;justify-content: center;} */

.list-about .bd .pic {
  width: 630px;
  position: relative;
}
.list-about .bd .pic img {
  width: 100%;
}
.list-about .bd .pic .video_btn {
  position: absolute;
  z-index: 2;
  right: 18px;
  top: 18px;
  cursor: pointer;
}
.list-about .bd .pic .video_btn img {
  transition-duration: 0.5s;
}
.list-about .bd .pic .video_btn:hover img {
  transform: rotate(360deg);
}
.list-about .bd .txt {
  width: calc(100% - 700px);
}
.list-about .bd .txt h2 {
  position: relative;
  font-size: 18px;
  padding-left: 30px;
}
.list-about .bd .txt h2:after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 25px;
  height: 3px;
  background: #0b2042;
  margin-top: -1.5px;
  content: "";
}
.list-about .bd .txt h3 {
  margin: 30px 0 10px;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 38px;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
}
.list-about .bd .txt h3 span {
  color: #338bcf;
}
.list-about .bd .txt p {
  font-size: 16px;
  line-height: 24px;
  color: #0b2042;
  margin-bottom: 25px;
}
.list-about .data {
  display: flex;
  padding-top: 45px;
  margin-top: 55px;
  border-top: 1px solid #ced2d9;
}
.list-about .data .item {
  width: 25%;
  padding-left: 45px;
}
.list-about .data .item i {
  font-size: 36px;
  color: #338bcf;
}
.list-about .data .item h3 {
  font-size: 33px;
  margin: 3px 0;
  color: #0b2042;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
}
.list-about .data .item p {
  font-size: 10px;
  margin-bottom: 0;
}
.list-about-advantage {
  padding: 70px 0 80px;
  background: #338bcf;
  text-align: center;
  color: #fff;
}
.list-about-advantage .t {
  margin-bottom: 80px;
}
.list-about-advantage .t h2 {
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 40px;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
}
.list-about-advantage .t p {
  font-size: 18px;
  line-height: 24px;
}
.list-about-advantage .bd .item {
  width: 25%;
  padding: 0 20px;
}
.list-about-advantage .bd .item i {
  font-size: 70px;
}
.list-about-advantage .bd .item h3 {
  margin: 30px 0 10px;
  font-size: 24px;
  font-family: "Barlow-ExtraBold";
}
.list-about-advantage .bd .item p {
  font-size: 16px;
  line-height: 24px;
}
.list-about-content .t {
  margin-bottom: 45px;
  font-size: 40px;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
  text-transform: uppercase;
}
.list-about-content .work .bd {
  margin-bottom: 80px;
}
.list-about-content .work .item {
  margin: 20px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.list-about-content .work .item .pic {
  overflow: hidden;
}
.list-about-content .work .item .pic img {
  width: 100%;
}
.list-about-content .work .slick-dots {
  bottom: -32px;
  display: flex;
  background: #0b2042;
  height: 2px;
}
.list-about-content .work .slick-dots li {
  margin: 0;
  cursor: pointer;
  width: auto;
  flex: 1;
  height: 2px;
  background: #0b2042;
}
.list-about-content .work .slick-dots li.slick-active {
  background: #338bcf;
}
.list-about-content .work .slick-dots li button {
  display: none;
}
.list-about-content .culture {
  margin-bottom: 80px;
}
.list-about-content .culture .item {
  padding: 55px 0 35px;
  border-bottom: 1px solid #ced2d9;
}
.list-about-content .culture .item:first-child {
  padding-top: 20px;
}
.list-about-content .culture .item .pic {
  width: 400px;
}
.list-about-content .culture .item .txt {
  width: calc(100% - 440px);
}
.list-about-content .culture .item .txt h3 {
  font-size: 24px;
  line-height: 56px;
}
.list-about-content .culture .item .txt p {
  font-size: 16px;
  line-height: 24px;
  margin-top: 5px;
}
.list-about-content .honor {
  display: flex;
  flex-wrap: wrap;
}
.list-about-content .honor .item {
  margin-bottom: 30px;
  width: calc(100% / 5 - 36px);
  margin-right: 40px;
}
.list-about-content .honor .item:nth-child(5n) {
  margin-right: 0;
}
.list-about-content .honor .item .pic img {
  width: 100%;
}
.list-about .titles h1 {
  font-size: 160px;
  font-family: Arial;
  -webkit-text-stroke: 1px #e6e6e7;
  font-weight: bold;
  color: #fff;
  line-height: 160px;
}
.list-about .titles {
  width: auto;
  height: 160px;
  position: relative;
}
.list-about .txt-s {
  font-family: "Barlow-Medium";
  font-size: 16px;
  color: #4daf72;
  position: absolute;
  left: 80px;
  top: 50%;
  transform: translateY(-50%);
}
.list-about .txt-s::before {
  content: "";
  width: 2px;
  height: 25px;
  background-color: #4daf72;
  position: absolute;
  left: -16px;
  top: -4px;
}
.list-about .txt-b {
  color: #20242d;
  font-size: 60px;
  font-family: "Roboto-Regular";
  font-weight: bolder;
  position: absolute;
  left: 65px;
  bottom: -12px;
}
.list-about .about{width: 100%;margin-top: 70px}
.list-about .about .txt{width: 67%;}
.list-about .about .txt .content{width: 100%;margin-top: 50px;}
.list-about .about .txt .content p{color: #000;font-size: 16px;font-family: "Roboto-Regular";line-height: 32px;margin-bottom: 16px;width: auto;}

.contact-m{padding-bottom: 150px;margin-top: 70px;}
  .contact-m .titles h1 {
    font-size: 160px;
    font-family:Arial;
    -webkit-text-stroke: 1px #e6e6e7;
    font-weight: bold;
    color: #fff;
    line-height: 160px;
  }
  .contact-m .titles {
    width: auto;
    height: 160px;
    position: relative;
  }
  .contact-m .txt-s {
    font-family: "Barlow-Medium";
    font-size: 16px;
    color: #4daf72;
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
  }
  .contact-m .txt-s::before {
    content: "";
    width: 2px;
    height: 25px;
    background-color: #4daf72;
    position: absolute;
    left: -16px;
    top: -4px;
  }
  .contact-m .txt-b {
    color: #20242d;
    font-size: 60px;
    font-family: "Roboto-Regular";
    font-weight: bolder;
    position: absolute;
    left: 65px;
    bottom: -15px;
  }
  .contact-m .cotacts{margin-top: 100px;background-color: #fff;width: 685px;}
  .contact-m .contact-main{display: flex;flex-wrap: wrap;}
  .contact-m .contact-main img{margin-left: 185px;margin-top: 120px; height: 450px;}
  .contact-m .cotacts .c-item{
      width: 680px;
      height: 105px;
      box-shadow: -3px -1px 10px rgba(0, 0, 0, 0.05), 3px 10px 20px rgba(0, 0, 0, 0.05);
      display: flex;
      align-items: center;
      margin-top: 20px;
  }
  .contact-m .cotacts .c-item .contact-box{display: flex;align-items: center;}
  .contact-m .cotacts .c-item .c-box{position: relative;margin-left: 55px;font-size: 16px;font-family: "Roboto-Regular";}
  .contact-m .cotacts .c-item .c-box p{line-height: 30px;color: #000;}
  .contact-m .cotacts .c-item .c-box::before{
    content: "";
    width: 1px;
    height: 65px;
    background-color: #cececd;
    position: absolute;
    left: -22px;
    top: 50%;
    transform: translateY(-50%);
  }
  .contact-m .cotacts .c-item .contact-box i{font-size: 45px;color: #20242d;margin-left: 40px;}
  .contact-m .cotacts .c-item:hover i{color: #4daf72;}
  .contact-m .cotacts .c-item:hover .c-box p:nth-child(2){color: #4daf72;}
  .contact-m .cotacts .c-item:hover .c-box p:nth-child(2) a{color: #4daf72;}
  .contact-m .cotacts .c-item .c-box p a{color: #000;}

  .list-contact-msg .titles h1 {
    font-size: 160px;
    font-family:Arial;
    -webkit-text-stroke: 1px #e6e6e7;
    font-weight: bold;
    color: #fff;
    line-height: 160px;
  }
  .list-contact-msg .titles {
    width: auto;
    height: 160px;
    position: relative;
  }
  .list-contact-msg .txt-s {
    font-family: "Barlow-Medium";
    font-size: 16px;
    color: #4daf72;
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
  }
  .list-contact-msg .txt-s::before {
    content: "";
    width: 2px;
    height: 25px;
    background-color: #4daf72;
    position: absolute;
    left: -16px;
    top: -4px;
  }
  .list-contact-msg .txt-b {
    color: #20242d;
    font-size: 60px;
    font-family: "Roboto-Regular";
    font-weight: bolder;
    position: absolute;
    left: 65px;
    bottom: -15px;
  }

.list-contact-msg {
  /* padding: 75px 0 60px; */
  margin-top: 20px;
}
.list-contact-msg .hd {
  width: 50%;
  background: url(../images/bg.png) no-repeat bottom -100px left -100px;
}

.list-contact-msg .hd h2 {
  border-radius: 30px;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  background: #0b2042;
  color: #fff;
  text-align: center;
}
.list-contact-msg .hd h3 {
  padding: 20px 0;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
  color: #fff;
  text-transform: uppercase;
  font-size: 40px;
}
.list-contact-msg .hd p {
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
}

.list-contact-msg .form .mes-box{display: flex;align-items: center;width: 100%;justify-content: space-between;}

.list-contact-msg .form {
  background: #fff;
  padding: 0 60px 60px 70px;
  border-radius: 10px;
  margin-top: 60px;
  border-top: 1px solid #e6e6e7;
  width: 100%;
  margin-bottom: 120px;
}
.list-contact-msg .form form{width: 970px;margin: 0 auto;margin-top: 65px;}
.list-contact-msg .form .item {
  margin-bottom: 25px;
  position: relative;
}
.list-contact-msg .form .code{width: 465px;}
.list-contact-msg .form .item p {
  margin-bottom: 8px;
  font-size: 16px;
  color: #000000;
}
.list-contact-msg .form .item p sup{color: red;margin-left: 10px;}
.list-contact-msg .form .item input,
.list-contact-msg .form .item textarea {
  transition-duration: 0.5s;
  width: 100%;
  padding: 0 10px;
  height: 45px;
  border: 1px solid #dedede;
  border-radius: 4px;
  color: #000;
  display: flex;
  align-items: center;
}
.list-contact-msg .form .item input{width: 465px;height: 45px;}

.list-contact-msg .form .item input:hover,
.list-contact-msg .form .item textarea:hover {
  border-color: #4daf72;
  color: #4daf72;
}
.list-contact-msg .form .item textarea {
  padding: 10px;
  min-height: 110px;
}
.list-contact-msg .form .item img {
  position: absolute;
  right: 2px;
  bottom: 1px;
  height: 43px;
  cursor: pointer;
}
.list-contact-msg .form .btn {
  transition-duration: 0.5s;
  cursor: pointer;
  width: 147px;
  height: 47px;
  display: flex;
  color: #fff;
  background: #4daf72;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.list-contact-msg .form .btn i{font-size: 18px;margin-right: 15px;}
.list-contact-msg .form .btn:hover {
  border-radius: 30px;
}
.list-contaact .bd .t {
  width: 405px;
}
.list-contaact .bd .t h2 {
  font-family: "Arial";
  color: #fff;
  font-weight: bold;
  font-size: 100px;
  width: 77px;
  height: 77px;
  background: #338bcf;
  border-radius: 77px;
  text-align: center;
}
.list-contaact .bd .t h3 {
  padding: 35px 0 5px 0;
  font-size: 40px;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
}
.list-contaact .bd .t p {
  font-size: 16px;
  line-height: 24px;
}
.list-contaact .bd .t .pic {
  margin-top: 70px;
}
.list-contaact .bd .txt {
  width: calc(100% - 520px);
}
.list-contaact .bd .txt .item {
  height: 60px;
  display: flex;
  border-bottom: 1px solid #ced2d9;
  align-items: center;
}
.list-contaact .bd .txt .item .i {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.list-contaact .bd .txt .wx {
  padding: 40px 0 0 10px;
}
.list-contaact .what h2 {
  text-align: center;
  font-size: 40px;
  text-transform: uppercase;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
}
.list-contaact .what h3 {
  font-size: 18px;
  padding: 60px 0 30px;
}
.list-contaact .what .info .list {
  width: calc(100% - 450px);
}
.list-contaact .what .info .list .item {
  display: flex;
  margin-bottom: 50px;
}
.list-contaact .what .info .list .item .i {
  width: 60px;
  height: 60px;
  display: flex;
}
.list-contaact .what .info .list .item .i span {
  margin-top: 13px;
  font-family: "Arial";
  width: 60px;
  display: flex;
  align-items: center;
  color: #338bcf;
  height: 60px;
  font-weight: bold;
  font-size: 100px;
}
.list-contaact .what .info .list .item .c {
  width: calc(100% - 60px);
  color: #0b2042;
}
.list-contaact .what .info .list .item .c h4 {
  font-size: 30px;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
}
.list-contaact .what .info .list .item .c p {
  margin-top: 10px;
}
.list-contaact .what .info .list .more {
  border-top: 1px solid #0b2042;
  padding-top: 15px;
}
.list-contaact .what .info .list .more img {
  height: 22px;
}
.list-contaact .what .info .txt {
  width: 350px;
}
.list-contaact .what .info .txt .star {
  display: flex;
  padding: 38px 0 21px;
}
.list-contaact .what .info .txt .star span {
  width: 60px;
  height: 60px;
  background: #338bcf;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.list-contaact .what .info .txt .star span:last-child {
  margin: 0;
}
.list-contaact .what .info .txt .star span i {
  color: #fff;
  font-size: 38px;
}
.list-contaact .what .info .txt p {
  font-size: 18px;
}
.list-contaact .what .info .txt .more {
  width: 255px;
  height: 60px;
  border: 2px solid #338bcf;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 80px auto 0;
}
.list-contaact .what .info .txt .more span {
  color: #0b2042;
  font-size: 18px;
  margin-right: 10px;
}
.list-contaact .what .info .txt .more img {
  height: 18px;
}
.list-contaact .what .info .txt .more:hover {
  border-radius: 40px;
}

.index-banner {
  position: relative;
  overflow: hidden;
  margin-top: 130px;
}
.index-banner .slick-dots {
  bottom: 50px;
}
.index-banner .slick-dots li {
  background: #fff;
  width: 16px;
  border: 0;
  transition-duration: 0.6s;
  position: relative;
  border-radius: 16px;
  margin: 0 16px 0 0;
  height: 16px;
  opacity: 1;
}
.index-banner .slick-dots li button {
  display: none;
}
.index-banner .slick-dots li.slick-active {
  width: 35px;
}
.index-banner .btn {
  transition-duration: 0.5s;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  cursor: pointer;
}
.index-banner .btn i {
  transition-duration: 0.5s;
  color: #fff;
  font-size: 40px;
  opacity: 0.5;
}
.index-banner .btn:hover i {
  opacity: 1;
}
.index-banner .prev {
  left: 50px;
}
.index-banner .next {
  right: 50px;
}

.index-pro {
  margin-top: 60px;
}
.index-pro .wrap {
  position: relative;
}
.index-pro .btn i {
  transition-duration: 0.5s;
  font-size: 37px;
  z-index: 9999;
  color: #0b2042;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -18.5px;
}
.index-pro .btn i:hover {
  color: #338bcf;
}
.index-pro .btn i.prev {
  left: -25px;
}
.index-pro .btn i.next {
  right: -30px;
}
.index-pro .bd {
  overflow: hidden;
  margin-top: 95px;
}

.index-pro .bd .item .txt {
  padding-top: 20px;
  color: #0b2042;
  font-size: 18px;
}

.index-pro .item{width: 400px;height: 515px; box-shadow: -3px -1px 10px rgba(0, 0, 0, 0.1), 3px 10px 20px rgba(0, 0, 0, 0.1);margin: 40px 20px;cursor: pointer;}
/* .pro-swiper .swiper-wrapper{padding: 0 20px;} */
.pro-swiper .item .text-l .view{color: #bababa;font-size: 16px;font: "Roboto-Regular";}
.pro-swiper .item .text-l .name{margin-top: 10px; color: #000;font-size: 24px;font: "Roboto-Regular";}
.pro-swiper .item .text-l{margin-left: 40px;margin-top: 40px;}
.pro-swiper .item .texts{overflow: auto;}
.pro-swiper .item .pic{margin: 0 auto; overflow: hidden; width: 86%;text-align: center;margin-top: 45px;}
.pro-swiper .item .pic img{width: 100%;transition: all 0.8s ease;}
.pro-swiper .swiper-pagination .swiper-pagination-bullet{ opacity: 1; background-color: #20242d; width: 32px;height: 12px;border-radius: 12px;}
.pro-swiper .swiper-pagination .swiper-pagination-bullet-active{background-color: #4daf72;}
.pro-swiper {padding-bottom: 20px;width: 100%;margin-top: 60px;}
.pro-swiper .swiper-pagination{bottom: 0 !important;}
.pro-swiper .item:hover .pic>img{transform: scale(1.1);} 
.pro-swiper .item:hover .view{color: #4daf72;}

.index-products {
  background: #fafafa;
}
.index-products .list .item {
  background: #fff;
  padding: 30px 20px 35px;
  margin: 20px !important;
}
.index-products .list .item .txt {
  padding-top: 23px;
}
.index-products .list .item .txt .auth {
  margin-top: 30px;
}
.index-products .list .item .txt .auth img {
  width: auto;
}
.index-products .index-title {
  margin-bottom: 33px;
}
.index-products .index-title .t {
  display: flex;
  align-items: center;
}
.index-products .index-title .t h2 {
  font-size: 40px;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
  margin-right: 35px;
}
.index-products .index-title .t a {
  height: 35px;
  padding: 0 25px;
  background: #338bcf;
  color: #fff;
  text-align: center;
  line-height: 35px;
  border-radius: 30px;
}
.index-products .index-title .t a:hover {
  background: #0b2042;
  color: #fff;
}
.index-products .index-title .more {
  display: flex;
  align-items: center;
}
.index-products .index-title .more i {
  transition-duration: 0.5s;
  font-size: 37px;
  z-index: 9999;
  color: #0b2042;
  cursor: pointer;
}
.index-products .index-title .more i:hover {
  color: #338bcf;
}

.index-advantage {
  color: #0b2042;
}
.index-advantage .t h2 {
  color: #338bcf;
}
.index-advantage .t p {
  color: #0b2042;
}
.index-advantage .bd .item {
  padding: 0 40px;
}
.index-advantage .bd .item i,
.index-advantage .bd .item h3 {
  transition-duration: 0.5s;
}
.index-advantage .bd .item:hover i,
.index-advantage .bd .item:hover h3 {
  color: #338bcf;
}

.index-advantage .titles h1 {
    font-size: 160px;
    font-family: Arial;
    -webkit-text-stroke: 1px #e6e6e7;
    font-weight: bold;
    color: #fff;
    line-height: 160px;
  }
  .index-advantage .titles {
    width: auto;
    height: 160px;
    position: relative;
  }
  .index-advantage .txt-s {
    font-family: "Barlow-Medium";
    font-size: 16px;
    color: #4daf72;
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
  }
  .index-advantage .txt-s::before {
    content: "";
    width: 2px;
    height: 25px;
    background-color: #4daf72;
    position: absolute;
    left: -16px;
    top: -4px;
  }
  .index-advantage .txt-b {
    color: #20242d;
    font-size: 60px;
    font-family: "Roboto-Regular";
    font-weight: bolder;
    position: absolute;
    left: 65px;
    bottom: -32px;
  }
.index-advantage {margin-top: 125px;}
.index-advantage .ads {margin-top: 60px;}
.index-advantage .ads .ads-item{width: 570px;height: 130px;margin-top: 15px;transition: all 0.8s ease;}
.index-advantage .ads .ads-item .ads-t{display: flex;align-items: center;margin-top: 20px;margin-left: 35px;padding-top: 20px;}
.index-advantage .ads .ads-item .ads-t span{margin-left: 27px;font-size: 18px;font-family: "Roboto-Regular";font-weight: bold;line-height: 1;}
.index-advantage .ads .ads-item .cir{width: 30px;height: 30px;border-radius: 50%;box-shadow: -3px -1px 10px rgba(0, 0, 0, 0.1), 3px 10px 20px rgba(0, 0, 0, 0.1);display: flex;justify-content: center;align-items: center;transition: all 0.8s ease;}
.index-advantage .ads .ads-item .cir i{color: #4daf72 !important;transition: all 0.8s ease;}
.index-advantage .ads .ads-item .ads-b{margin-left: 96px;font-size: 16px;font-family: "Roboto-Regular";line-height: 26px;margin-top: 18px;margin-right: 20px;}
.index-advantage .ads .ads-item:hover{box-shadow: -3px -1px 10px rgba(0, 0, 0, 0.05), 3px 10px 20px rgba(0, 0, 0, 0.05);}
.index-advantage .ads .ads-item:hover .cir{background-color: #4daf72;box-shadow: -3px -1px 15px #4daf72, 3px 1px 15px #4daf72;}
.index-advantage .ads .ads-item:hover .cir i{color: #fff !important;}
.index-advantage .ad-r{display: flex;justify-content: space-between;}
.index-advantage .ad-r .adr-l .adr-t{width: 290px;height: 290px;background-color: #f46736;display: flex;flex-direction: column;}
.index-advantage .ad-r .adr-l .adr-box span{font-size: 24px;font-family: "Roboto-Regular";color: #fff;}
.index-advantage .ad-r .adr-l .adr-box .line{height: 2px;width: 47px;background-color: #fff;margin-top: 10px;}
.index-advantage .ad-r .adr-l .adr-box .more-box{margin-top: 30px;}
.index-advantage .ad-r .adr-l .adr-box{margin-top: 100px;margin-left: 40px;}
.index-advantage .ad-r .adr-l .adr-t .adr-pic{position: absolute;top: 0;right: 0;}
.index-advantage .ad-r .adr-l .adr-t{position: relative;overflow: auto;}
.index-advantage .ad-r .adr-l{height:580px !important;transition: 0.8s ease;}
.index-advantage .ad-r .adr-r{transition: 0.8s ease;}
.index-advantage .ad-r .adr-l:hover{box-shadow: -10px -5px 20px rgba(0, 0, 0, 0.25),5px 15px 20px rgba(0, 0, 0, 0.25);}
.index-advantage .ad-r .adr-r:hover{box-shadow: -5px -15px 20px rgba(0, 0, 0, 0.05),5px 15px 20px rgba(0, 0, 0, 0.3);}

.index-advantage .ad-r .adr-r .adr-t{width: 290px;height: 290px;background-color: #4daf72;display: flex;flex-direction: column;}
.index-advantage .ad-r .adr-r .adr-box span{font-size: 24px;font-family: "Roboto-Regular";color: #fff;}
.index-advantage .ad-r .adr-r .adr-box .line{height: 2px;width: 47px;background-color: #fff;margin-top: 10px;}
.index-advantage .ad-r .adr-r .adr-box .more-box{margin-top: 30px;}
.index-advantage .ad-r .adr-r .adr-box{margin-top: 100px;margin-left: 40px;}
.index-advantage .ad-r .adr-r .adr-t .adr-pic{position: absolute;bottom: 0;right: 0;}
.index-advantage .ad-r .adr-r .adr-t{position: relative;overflow: auto;}
.index-advantage .ad-r .adr-r{margin-top: 30px;}
.index-advantage .ad-r .adr-r .pic-t{height: 290px;}

.index-advantage .ad-r .adr-l .more-box {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .index-advantage .ad-r .adr-l .cirs {
    width: 12px;
    display: flex;
    justify-content: space-between;
    transition: all 0.3s ease;
  }
  .index-advantage .ad-r .adr-l .more-box .cir {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #ff7129;
    transition: all 0.3s ease;
  }
  .index-advantage .ad-r .adr-l .more-box:hover .cir{width: 5px;height: 5px;}
  .index-advantage .ad-r .adr-l .more-box:hover .cirs{width: 20px;}
  .index-advantage .ad-r .adr-r .more-box {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .index-advantage .ad-r .adr-r .cirs {
    width: 12px;
    display: flex;
    justify-content: space-between;
    transition: all 0.3s ease;
  }
  .index-advantage .ad-r .adr-r .more-box .cir {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #4daf72;
    transition: all 0.3s ease;
  }
  .index-advantage .ad-r .adr-r .more-box:hover .cir{width: 5px;height: 5px;}
  .index-advantage .ad-r .adr-r .more-box:hover .cirs{width: 20px;}
  table{ border-collapse: collapse; border-spacing: 0; }
 
.partner #list{
padding: 20px 0;
}
.partner #list table a img{
display: block;
/* height: 128px; */
padding: 0 47px !important;
/* width: 100px; */
}

/* .partner #pic>td {width: 200px;} */
.logos-wrap {width: 100% !important;margin: auto;position: relative;height: 100%;display: flex;align-items: center;}
/* #list2 table {border: 1px solid red !important;width: auto;} */
  .partner{width: 100%;height: 240px;display: flex;margin: 0 auto;align-items: center;margin-top: 100px;justify-content: space-between;}
  .partner .title{width: 310px;height: 100%;background-color: #4daf72;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 48px;font-family: "Roboto-Regular";font-weight: bolder;color: #fff;}
  .partner .logos{width: calc(100% - 310px); background-color: #20242d;height: 100%;}
 
  .index-contact{background: url("/skin/images/index-cbaack_06.png");background-repeat: no-repeat;padding-bottom: 150px;margin-top: 70px;}
  .index-contact .titles h1 {
    font-size: 160px;
    font-family:Arial;
    -webkit-text-stroke: 1px #e6e6e7;
    font-weight: bold;
    color: #fff;
    line-height: 160px;
  }
  .index-contact .titles {
    width: auto;
    height: 160px;
    position: relative;
  }
  .index-contact .txt-s {
    font-family: "Barlow-Medium";
    font-size: 16px;
    color: #4daf72;
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
  }
  .index-contact .txt-s::before {
    content: "";
    width: 2px;
    height: 25px;
    background-color: #4daf72;
    position: absolute;
    left: -16px;
    top: -4px;
  }
  .index-contact .txt-b {
    color: #20242d;
    font-size: 60px;
    font-family: "Roboto-Regular";
    font-weight: bolder;
    position: absolute;
    left: 65px;
    bottom: -15px;
  }
  .index-contact .cotacts{margin-top: 100px;background-color: #fff;width: 685px;}
  .index-contact .contact-main{display: flex;flex-wrap: wrap;}
  .index-contact .contact-main img{margin-left: 185px;margin-top: 120px; height: 450px;}
  .index-contact .cotacts .c-item{
      width: 680px;
      height: 105px;
      box-shadow: -3px -1px 10px rgba(0, 0, 0, 0.05), 3px 10px 20px rgba(0, 0, 0, 0.05);
      display: flex;
      align-items: center;
      margin-top: 20px;
  }
  .index-contact .cotacts .c-item .contact-box{display: flex;align-items: center;}
  .index-contact .cotacts .c-item .c-box{position: relative;margin-left: 55px;font-size: 16px;font-family: "Roboto-Regular";}
  .index-contact .cotacts .c-item .c-box p{line-height: 30px;color: #000;white-space: wrap;width: auto !important;}
  .index-contact .cotacts .c-item .c-box::before{
    content: "";
    width: 1px;
    height: 65px;
    background-color: #cececd;
    position: absolute;
    left: -22px;
    top: 50%;
    transform: translateY(-50%);
  }
  .index-contact .cotacts .c-item .contact-box i{font-size: 45px;color: #20242d;margin-left: 40px;}
  .index-contact .cotacts .c-item:hover i{color: #4daf72;}
  .index-contact .cotacts .c-item:hover .c-box p:nth-child(2){color: #4daf72;}
  .index-contact .cotacts .c-item:hover .c-box p:nth-child(2) a{color: #4daf72;}
  .index-contact .cotacts .c-item .c-box p a{color: #000;}
  
  .index-contact .cotacts .c-item:nth-child(2):hover i{color: #000;}

  .index-contact .cotacts .c-item:nth-child(2) .contact-box:hover i{color: #4daf72;}

  .index-contact .cotacts .c-item:nth-child(2) .c-box p:nth-child(2){color: #000;}

  .index-contact .cotacts .c-item:nth-child(2) .contact-box:hover .c-box p:nth-child(2){color: #4daf72;}

.index-about .data {
  padding: 0;
  border: 0;
  margin-top: 80px;
}
.index-about .data .item {
  padding: 0;
}
.index-about .bd .txt {
  width: calc(100% - 720px);
}
.index-about .list {
  margin-top: 160px;
}
.index-about .list .item {
  width: calc(100% / 3 - 26px);
  margin-right: 39px;
}
.index-about .list .item:nth-child(3n) {
  margin-right: 0;
}
.index-about .list .item a {
  display: block;
  position: relative;
}
.index-about .list .item .txt {
  transition-duration: 0.5s;
  color: #fff;
  text-align: center;
  position: absolute;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  left: 0;
  bottom: 0;
  height: 150px;
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
}
.index-about .list .item .txt p {
  font-size: 18px;
  padding: 34px 0 5px;
}
.index-about .list .item .txt h3 {
  font-size: 40px;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
}
.index-about .list .item:hover .txt {
  background: rgba(51, 139, 207, 0.5);
}

.index-about .pic {
  position: relative;
  margin-left: 65px;
  height: 500px !important;
  width: auto !important;
}
.index-about .pic>img{width: 100%;height: 100%;}

.index-about .pic .logo-about {
  width: 180px;
  height: 180px;
  background-color: #4daf72;
  text-align: center;
  line-height: 180px;
  position: absolute;
  left: -65px;
  bottom: -50px;
}
.index-about .about-txt {
  width: 635px;
}
.index-about .about-txt .titles {
  /* width: 465px; */
  height: 160px;
  position: relative;
}
.index-about .about-txt .titles h1 {
  font-size: 160px;
  font-family: Arial;
  -webkit-text-stroke: 1px #e6e6e7;
  font-weight: bold;
  color: #fff;
  line-height: 160px;
}
.index-about .about-txt .txt-s {
  font-family: "Barlow-Medium";
  font-size: 16px;
  color: #4daf72;
  position: absolute;
  left: 80px;
  top: 50%;
  transform: translateY(-50%);
}
.index-about .about-txt .txt-s::before {
  content: "";
  width: 2px;
  height: 25px;
  background-color: #4daf72;
  position: absolute;
  left: -16px;
  top: -4px;
}
.index-about .about-txt .txt-b {
  color: #20242d;
  font-size: 60px;
  font-family: "Roboto-Regular";
  font-weight: bolder;
  position: absolute;
  left: 65px;
  bottom: -22px;
}
.index-about .about-txt .p1 {
  margin-top: 70px;
  font-size: 16px;
  font-family: "Roboto-Regular";
  line-height: 33px;
  margin-left: 65px;
}
.index-about .about-txt .p2 {
  margin-top: 13px;
  font-size: 16px;
  font-family: "Roboto-Regular";
  line-height: 33px;
  margin-left: 65px;
}
.index-about .about-txt .more {
  width: 160px;
  height: 160px;
  border: 1px solid #d1d2d4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left: 20px;
  margin-top: 10px;
}
.index-about .about-txt .more-box {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #4daf72;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow:  0 7px 20px -5px #4daf72;
}
.index-about .about-txt .more-box .cirs {
  width: 24px;
  display: flex;
  justify-content: space-between;
}
.index-about .about-txt .more-box .cir {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
}
.index-about .about-txt .more span {
  right: -32px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.index-pro .titles h1 {
  font-size: 160px;
  font-family: Arial;
  -webkit-text-stroke: 1px #e6e6e7;
  font-weight: bold;
  color: #fff;
  line-height: 160px;
}
.index-pro .titles {
  width: auto;
  height: 160px;
  position: relative;
}
.index-pro .txt-s {
  font-family: "Barlow-Medium";
  font-size: 16px;
  color: #4daf72;
  position: absolute;
  left: 80px;
  top: 50%;
  transform: translateY(-50%);
}
.index-pro .txt-s::before {
  content: "";
  width: 2px;
  height: 25px;
  background-color: #4daf72;
  position: absolute;
  left: -16px;
  top: -4px;
}
.index-pro .txt-b {
  color: #20242d;
  font-size: 60px;
  font-family: "Roboto-Regular";
  font-weight: bolder;
  position: absolute;
  left: 65px;
  bottom: -32px;
}

.index-message {
  background: #eceff2;
}
.index-message h2 {
  margin-bottom: 25px;
  height: 35px;
  display: inline-block;
  padding: 0 25px;
  background: #0b2042;
  color: #fff;
  text-align: center;
  line-height: 35px;
  border-radius: 30px;
}
.index-message .info .hd {
  width: 450px;
  padding-right: 30px;
}
.index-message .info .hd h3 {
  color: #338bcf;
  font-size: 40px;
  text-transform: uppercase;
  font-family: "Barlow-ExtraBold";
  font-style: italic;
}
.index-message .info .hd p {
  margin-top: 10px;
  color: #0b2042;
  font-size: 16px;
  line-height: 24px;
}
.index-message .info .form {
  width: calc(100% - 450px);
}
.index-message .info .form .item {
  width: 30%;
}
.index-message .info .form .item input {
  width: 100%;
  height: 45px;
  display: flex;
  color: #0b2042;
  background: #ffffff;
  padding: 0 10px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.index-message .info .form .item input:last-child {
  margin: 0;
}
.index-message .info .form .item:nth-child(2) {
  width: 40%;
  padding: 0 10px;
}
.index-message .info .form .item textarea {
  width: 100%;
  height: 100px;
  border-radius: 4px;
  padding: 10px;
}


.footer .form-div .code_box {
  position: relative;
}
.footer .form-div .code_box input{width: 410px;height: 45px;padding-left: 16px;}
.footer .form-div .code_box img {
  height: 45px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.index-message .info .form .item .btn {
  height: 45px;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  background: #2d8bcf;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-message .info .form .item .btn i {
  margin-right: 10px;
}

@media (max-width: 1660px) {
  .wrap {
    width: 98%;
  }
  .index-pro .btn {
    display: none;
  }
  .wrap-data{width: 100%;}
}

@media (max-width: 1300px) {
  .wrap-1300 {
    width: 98%;
  }
  /*.list-partner ul li:nth-child(9),.list-partner ul li:nth-child(10),.list-partner ul li:nth-child(11),.list-partner ul li:nth-child(12){height: 1px; background-color: red !important;opacity: 0;}*/
  
  .list-partner ul{ justify-content: center;}
  .list-partner ul .lix{display: none;}
  /* .list-partner ul{justify-content: center;} */
  .list-about .list-culture .culs{justify-content: space-evenly;}
  .footer .info{justify-content: space-evenly;margin-bottom: 20px;}
  .footer .fe-r .ipt{width: 90%;}
  .footer .fe-r{width: 70%;}
  .footer .fe-r form{width: 90%;}
  .index-about .bd .txt {
    width: calc(100% - 680px);
  }
  .list-about .bd .txt p {
    font-size: 14px;
    line-height: 22px;
  }
  .list-about .data .item p {
    font-size: 10px;
  }
  .index-about .data {
    margin-top: 20px;
  }
  .header .header-right {
    width: 75%;
  }
  .wrap-data{justify-content: center;}
  .header .header-right .item{margin-right: 30px;}
  .header .header-right .item-box{margin-right: 30px;}
  .wrap-data .data-pic{display: none;}
  .index-data .bn-list{margin-left: 0;}
  .index-data .bn-list li .des{width: 250px;}
  .index-about .flex {justify-content: space-evenly;}
  .index-about .about-txt{margin-top: 60px;}
  
  .pro-swiper,.pro-swiper .swiper-wrapper {width: 100%;}
  .pro-swiper .item{width:96%;height: auto;padding-bottom: 20px;margin: 0 5px;}
  .pro-swiper .swiper-slide{width: 33%;}
  .pro-swiper {padding-top: 20px;padding-bottom: 40px;}
  .pro-swiper .swiper-pagination{bottom: 0px !important;}
  .index-pro{margin-top: 60px;}
 
  .index-advantage .flex{justify-content: space-evenly;}

  .index-advantage .ad-r{margin-top: 40px;}
}
@media (max-width: 1200px) {
  .list-contact-msg .form .mes-box{flex-wrap: wrap;}

  .list-contact-msg .form form{width: 98%;}
  .footer .info-f{margin-top: 50px;}
  .header .header-right {
    width: 70%;
  }
  .header .header-right .item{margin-right: 20px;}
  .header .header-right .item-box{margin-right: 20px;}

  .index-pro .titles{height: 100px;}
  .index-pro .titles h1 {font-size: 100px;line-height: 100px;}
  .index-pro .txt-b{font-size: 40px;bottom: -18px;}
  .index-advantage{margin-top: 50px;}
  .index-contact .contact-main{justify-content: space-evenly;}
  .list-contaact .contact-main{justify-content: space-evenly;flex-wrap: wrap;}
  /* .index-contact .flex{justify-content: space-evenly;} */
}
@media screen and (max-width: 992px) {
    
    .list-partner ul{ justify-content: center;}
    .list-partner ul li{width: 22%;height: auto;padding: 20px 0;}
    .list-partner ul li img{max-width: 90%;}
  .list-contact-msg .form .item{width: 100%;}
  .list-contact-msg .form .item input{width: 100%;}
  .list-contact-msg .form form{margin-top: 20px;}
  .list-contact-msg .form .btn{margin-top: 30px !important;}
  .list-contact-msg .titles{margin-bottom: 60px;}
  /* .list-news .titlelist{flex-wrap: wrap;} */
  .list-news .titlelist .news-cate{display: none;}
  .list-about .flex{justify-content: space-evenly;}
  .index-pro{margin-top: 30px;padding-left: 0 !important;padding-right: 0 !important;}
  .pro-swiper .item .text-l .name{font-size: 18px;}
  .index-data .bn-list li .des{width: 190px;}
  .list-products .head .txt_list,
  .list-contact-msg .hd,
  .list-contact-msg .form,
  .list-contaact .what .info .list,
  .list-contaact .what .info .txt,
  .list-contaact .bd .t,
  .list-contaact .bd .txt,
  .list-about-content .culture .item .pic,
  .list-about-content .culture .item .txt,
  .list-about .bd .pic,
  .list-about .bd .txt,
  .list-events .list .item .pic,
  .list-events .list .item .txt,
  .footer .menu .item,
  .content,
  .wrap,
  .wrap-1300 {
    width: 100%;
  }
  .index-products .index-title .more,
  .index-banner .btn,
  .list-products .head .img_list,
  /* .list-products .list .item .txt .i, */
  .list-contaact .what .info .txt .star,
  .list-contaact .what .info .txt p,
  .list-contaact .what .info .txt .logo,
  .list-download .list .item .more,
  .sidebar,
  .top_header {
    display: none !important;
  }
  .footer .menu,
  .main {
    padding: 20px 10px;
  }
  .location {
    padding: 0 10px;
    height: 45px;
  }
  .location .wrap-1300 {
    overflow-x: auto;
    display: flex;
    white-space: pre;
    height: 45px;
    align-items: center;
    flex-wrap: nowrap;
  }
  .list-news .list .item {
    margin-bottom: 40px;
  }
  .list-news .list .item p {
    margin: 10px 0;
  }
  .footer .menu .item {
    margin: 0 0 25px 0;
  }
  .footer .menu .item h3 {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .footer .menu .item .sub {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .footer .menu .item .sub a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 48%;
    margin-top: 10px;
  }
  .footer .bottom {
    padding: 20px 10px 60px;
  }
  .footer .bottom .mc {
    margin: 0 auto;
  }
  .list-download .list .item {
    margin-bottom: 15px;
  }
  .list-download .list .item a {
    padding: 20px;
  }
  .list-events .list .item {
    margin-bottom: 20px;
  }
  .list-events .list .item .txt h3 {
    padding: 10px 0;
  }
  .list-events .list .item .txt p {
    height: 35px;
  }
  .list-job .t {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .list-job .list .item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdee3;
    position: relative;
  }
  .list-job .list .item .info h3 {
    font-size: 16px;
    padding: 10px 0;
  }
  .list-job .list .item .info .desc {
    margin-bottom: 10px;
    flex-wrap: wrap;
  }
  .list-job .list .item .info .desc p {
    margin-right: 0;
    width: 100%;
    margin-top: 5px;
  }
  .list-job .list .item .info .desc p i {
    width: 30px;
    text-align: center;
  }
  .list-job .list .item .info .desc p img {
    margin-right: 0;
    height: 16px;
  }
  .list-job .list .item .info .desc p span {
    margin-right: 10px;
    font-size: 12px;
  }
  .list-job .list .item .btn {
    position: absolute;
    right: 0;
    top: 10px;
    width: 90px;
    height: 35px;
    font-size: 12px;
  }
  .list-job .list .item .more {
    display: none;
  }
  .list-job .content {
    margin: 0;
  }
  .list-job .content h3 {
    padding: 0;
    margin: 0;
  }
  .job-pop {
    width: 100%;
  }
  .job-pop .hd {
    width: 90%;
    height: 60px;
    padding: 10px;
    position: relative;
  }
  .job-pop .hd .name {
    width: calc(100% - 40px);
    font-size: 14px;
    line-height: 24px;
  }
  .job-pop .hd .del {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .job-pop .bd {
    width: 90%;
    padding: 10px;
  }
  .job-pop .bd input {
    height: 40px;
    padding: 0 10px;
    margin-bottom: 10px;
  }
  .job-pop .bd textarea {
    min-height: 100px;
    padding: 10px;
    margin-bottom: 10px;
  }
  .job-pop .bd .btn {
    height: 40px;
    width: 140px;
  }
  .list-news .show .m .btn {
    margin: 20px auto 0;
  }
  .list-about .bd .pic .video_btn img {
    width: 70px;
    height: 70px;
  }
  .list-about .bd .txt {
    padding-top: 20px;
  }
  .list-about .bd .txt h3 {
    margin: 15px 0 10px;
    font-size: 28px;
    line-height: 32px;
  }
  .list-about .bd .txt p {
    margin-bottom: 15px;
  }
  .list-about .data {
    padding-top: 20px;
    margin-top: 25px;
    flex-wrap: wrap;
  }
  .list-about .data .item {
    padding: 0;
    width: 50%;
    margin-bottom: 20px;
  }
  .list-about-advantage {
    padding: 40px 10px;
  }
  .list-about-advantage .t {
    margin-bottom: 30px;
  }
  .list-about-advantage .t h2 {
    font-size: 28px;
  }
  .list-about-advantage .t p {
    font-size: 15px;
    line-height: 24px;
  }
  .list-about-advantage .bd .item {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  .list-about-advantage .bd .item h3 {
    margin: 15px 0;
    font-size: 18px;
  }
  .list-about-advantage .bd .item p {
    font-size: 14px;
    line-height: 22px;
  }
  .list-about-content .t {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .list-about-content .work .bd,
  .list-about-content .culture {
    margin-bottom: 40px;
  }
  .list-about-content .work .slick-dots {
    bottom: -15px;
  }
  .list-about-content .culture .item {
    padding: 15px 0;
  }
  .list-about-content .culture .item .txt h3 {
    line-height: 30px;
    font-size: 28px;
    margin: 10px 0;
  }
  .list-about-content .culture .item .txt p {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
  }
  .list-about-content .honor {
    justify-content: space-between;
  }
  .list-about-content .honor .item {
    width: 48%;
    margin: 0 0 10px 0;
  }
  .list-contaact .bd .t h3 {
    padding-top: 15px;
  }
  .list-contaact .bd .t .pic {
    margin-top: 25px;
  }
  .list-contaact .bd .txt .item {
    height: 45px;
    font-size: 14px;
  }
  .list-contaact .bd .txt .wx {
    padding: 20px 0 0 0;
    text-align: center;
  }
  .list-contaact .what h2 {
    font-size: 28px;
  }
  .list-contaact .what h3 {
    padding: 20px 0;
  }
  .list-contaact .what .info .list .item {
    margin-bottom: 20px;
  }
  .list-contaact .what .info .list .item .c h4 {
    font-size: 20px;
  }
  .list-contaact .what .info .list .item .c p {
    font-size: 14px;
    margin-top: 5px;
  }
  .list-contaact .what .info .list .more {
    padding: 10px 0 20px;
  }
  .list-contaact .what .info .list .more span {
    font-size: 12px;
  }
  .list-contaact .what .info .list .more img {
    height: 15px;
  }
  .list-contaact .what .info .txt .more {
    margin: 0 auto 20px;
    height: 45px;
    border-radius: 30px;
  }
  .list-contaact .what .info .txt .more span {
    font-size: 15px;
  }
  .list-contact-msg {
    padding: 40px 10px;
  }
  .list-contact-msg .hd {
    background: none;
  }
  .list-contact-msg .hd h3 {
    font-size: 28px;
    padding: 10px 0;
  }
  .list-contact-msg .form {
    padding: 20px;
    margin-top: 20px;
  }
  .list-contact-msg .form .item {
    margin-bottom: 10px;
  }
  .list-contact-msg .form .item input,
  .list-contact-msg .form .item textarea {
    height: 40px;
  }
  .list-contact-msg .form .item img {
    height: 38px;
  }
  .list-contact-msg .form .btn {
    margin: 0 auto;
  }
  .show-banner {
    display: block !important;
    overflow: hidden;
  }
  .list-products .list {
    justify-content: space-between;
  }
  .list-products .list .item {
    width: 48%;
    margin: 0 0 15px 0 !important;
    padding: 10px;
  }
  .list-products .list .item .txt {
    padding-top: 5px;
  }
  .list-products .list .item .txt h3 {
    padding: 0;
    font-size: 16px;
  }
  .list-products .list .item .txt p {
    padding: 0;
    font-size: 12px;
  }
  .list-products .list .item .txt .auth {
    margin-top: 10px;
  }
  .list-products .head {
    padding: 15px;
  }
  .list-products .head .txt_list .t h2 {
    padding: 0;
  }
  .list-products .head .txt_list .c .auth {
    padding: 10px 0;
  }
  .list-products .head .txt_list .c .nav {
    margin-bottom: 10px;
  }
  .list-products .body {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 15px;
  }
  .list-products .content .title {
    font-size: 24px;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  .list-products .body ul li {
    width: 100%;
    height: 40px;
  }
  .index-banner,.banner {
    margin: 0;
  }
  .index-banner .slick-dots {
    bottom: 15px;
  }
  .index-banner .slick-dots li {
    margin-right: 8px;
    width: 8px;
    height: 8px;
  }
  .index-pro {
    padding: 30px 10px 10px;
   
  }
  .index-pro .bd {
    padding-bottom: 30px;
  }
  .index-pro .bd .item {
    margin: 0;
  }
  .index-pro .slick-dots {
    bottom: 0px;
  }
  .index-pro .slick-dots li {
    margin: 0 5px 0 0;
  }
  .index-products {
    padding: 20px 10px 40px;
  }
  .index-products .index-title {
    margin-bottom: 20px;
  }
  .index-products .index-title .t {
    justify-content: space-between;
    width: 100%;
  }
  .index-products .index-title .t h2 {
    font-size: 28px;
    margin: 0;
  }
  .index-products .list .item {
    box-shadow: none !important;
  }
  .index-products .slick-dots {
    bottom: -20px;
  }
  .index-about {
    padding: 30px 10px;
  }
  .index-about .list {
    margin-top: 0;
  }
  .index-about .list .item {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .index-message .info .hd {
    width: 100%;
    padding: 0 0 15px 0;
  }
  .index-message .info .hd h3 {
    font-size: 28px;
  }
  .index-message .info .form,
  .index-message .info .form .item {
    width: 100%;
    margin-bottom: 10px !important;
  }
  .index-message .info .form .item:nth-child(2) {
    width: 100%;
    padding: 0;
  }
  .list-about .list-honor .honor{justify-content: space-between;padding:0 8px;}
}
@media screen and (max-width: 768px) {
    .list-news .show .m{margin-bottom: 90px;}
  .list-news .show .m .btn{margin-top: 0;margin-right: 10px;}
  .list-products .head .txt_list .txt_list_m{margin-top: 40px;}
  .list-products .head .txt_list{padding-left: 0px;}
     .footer{margin-top: 60px;}
  .list-about .about{margin-top:30px;}
  .contact-m .cotacts{margin-top: 30px;}
  .contact-m{margin-top: 30px;padding-bottom: 20px;}
  .list-products .list .item .txt .i {
    position: absolute;
    right: 10px;
    top: 35px;
  }
  .index-advantage .ads .ads-item{height: auto;padding-bottom: 20px;}
  .index-about .pic{height: auto !important;}
  .list-news .list .item{flex-wrap: wrap;justify-content: space-evenly;}
  .list-news .list .item .item-r{margin-left: 0;width: 96%;}
  .list-news .list .item img{width: 95%;}

  .list-about .list-honor .honor{justify-content: space-between;padding:0 8px;}
  .list-about .list-honor .honor .honor-item img{width: 100%;}
  .list-about .list-honor .honor .honor-item{margin-right: 0;width:46%;}
  .list-about .list-culture .culs .culs-item img{margin-bottom: 20px;width: 100%;height: auto;}
  .list-about .list-culture .culs .culs-item{width: 100%;flex-wrap: wrap;justify-content: space-evenly;}
  .list-about .list-culture .culs{justify-content: space-evenly;}
  .list-about .list-culture .culs .culs-item .culs-content ol{width: 100%;}
  .list-about .list-culture .culs .culs-item .culs-content{width: 100%;}
  
  .footer .message .form-div{width: 100%;justify-content: flex-start;flex-wrap: wrap;}
  .footer .info .message .content{width: 100%;}
  .footer .message .form-div label:nth-child(2){margin-top: 20px;}
  .footer .info .message .code_box,.footer .info .message .code_box .code{width: 100%;}
  .footer .message #submit{margin-top: 20px;margin-bottom: 30px;}
  .footer .bottom .mc{margin-top: 20px;}

  .footer .message .form-div label,.footer .info .message .form-div .name,.footer .info .message .form-div .mw{width: 100%;}
  .footer .message{width: 96%;margin: 0 auto;}
  .footer .info-f{margin-left: 25px;}
  .footer .footer-email{flex-wrap: wrap;justify-content: space-evenly;}
  
  .footer .fe-l{transform: translateY(-50%);width: 87%;}
  .footer .fe-r{margin-left: 0;width: 96%;margin-top: -40px;}
  
  .footer .info .dls .dl{margin-left: 30px;margin-bottom: 40px;}

  .index-contact .cotacts{width: 96%;margin-top: 50px;}
  .index-contact .contact-main{width: 100%;}
  .index-contact .cotacts .c-item{height: auto;flex-wrap: wrap;padding:  0 0 20px 0;width: 100%;}
  .index-contact .cotacts .c-item .contact-box{margin-top: 20px;width: 100%;}
  .index-contact .cotacts .c-item:nth-child(2) i{margin-left: 40px !important;}
  .index-contact .contact-main img{margin-left: 0;margin-top: 60px;}

  .list-contaact .cotacts{width: 96%;}
  .list-contaact .contact-main{width: 100%;}
  .list-contaact .cotacts .c-item{height: auto;flex-wrap: wrap;padding:  0 0 20px 0;width: 100%;}
  .list-contaact .cotacts .c-item .contact-box{margin-top: 20px;width: 100%;}
  .list-contaact .cotacts .c-item:nth-child(2) i{margin-left: 40px !important;}
  .list-contaact .contact-main img{margin-left: 0;margin-top: 60px;}

  /*.partner .title{width: 200px;}*/
  .partner .title1{width: 100% !important;}
  .partner .title{font-size: 35px;}
  .partner .logos{width: calc(100% - 200px);}
  .index-data .bn-list li h2 .number {
    font-size: 24px;
    line-height: 24px;
  }
  .index-data .bn-list li .des{font-size: 16px;width: 120px;}
  .index-pro{margin-top: 0;}
  .wrap-data{height: 120px;}
  .index-about .pic img{width: 95%;}
  .index-about .about-txt .titles{height: 100px;}
  .index-about .about-txt .titles h1 {font-size: 100px;line-height: 100px;}
  .index-about .about-txt .txt-b{font-size: 40px;}
  .index-about .about-txt{width: 98%;}
  .pro-swiper .item{margin: 0 8px;}

  .index-pro .titles{height: 70px;}
  .index-pro .titles h1 {font-size: 70px;line-height: 70px;}
  .index-pro .txt-b{font-size: 30px;bottom: -18px;}

  .index-advantage .titles{height: 80px;}
  .index-advantage .titles h1 {font-size: 80px;line-height: 80px;margin-left: 10px;}
  .index-advantage .txt-b{font-size: 30px;bottom: -15px;}

  .index-contact .titles{height: 80px;}
  .index-contact .titles h1 {font-size: 80px;line-height: 80px;margin-left: 10px;}
  .index-contact .txt-b{font-size: 30px;bottom: -15px;}

  .list-contaact .titles{height: 80px;}
  .list-contaact .titles h1 {font-size: 80px;line-height: 80px;margin-left: 10px;}
  .list-contaact .txt-b{font-size: 30px;bottom: -15px;}

  .index-advantage .ads .ads-item{width: 94%;}

  .list-about .about .titles{height: 95px;}
  .list-about .about .titles h1 {font-size: 95px;line-height: 95px;}
  .list-about .about .txt-b{font-size: 35px;}
  .list-about .about .txt{width: 96%;}
  .list-about .list-culture .titles{height: 95px;}
  .list-about .list-culture .titles h1 {font-size: 95px;line-height: 95px;}
  .list-about .list-culture .txt-b{font-size: 40px;}

  .list-about .list-honor .titles{height: 95px;}
  .list-about .list-honor .titles h1 {font-size: 95px;line-height: 95px;}
  .list-about .list-honor .txt-b{font-size: 40px;}

  .list-products .content .titles{height: 80px;}
  .list-products .content .titles h1 {font-size: 80px;line-height: 80px;}
  .list-products .content .txt-b{font-size: 40px;}

  .list-news .titlelist .titles{height: 100px;}
  .list-news .titlelist .titles h1 {font-size: 100px;line-height: 100px;}
  .list-news .titlelist .txt-b{font-size: 40px;}

  .list-contact-msg .titles{height: 85px;}
  .list-contact-msg .titles h1 {font-size: 85px;line-height: 85px;}
  .list-contact-msg .txt-b{font-size: 35px;}

  .list-partner .titles{height: 85px;}
  .list-partner .titles h1 {font-size: 85px;line-height: 85px;}
  .list-partner .txt-b{font-size: 35px;}
}
@media screen and (max-width: 500px){
   /*.list-about .data, .list-about .bn-list li,.list-about .bn-list{width: 96%;}*/
   /*.list-about .bn-list li{align-items:center;}*/
    .list-products .list .item {
    width: 100%;
    margin: 0;
  }
  .list-products .list .item .txt h3 {
    font-size: 16px;
  }
  .list-products .list .item .txt p {
    font-size: 16px;
  }
  .partner .title{font-size: 35px;padding: 25px 20px;}
  .partner .logos{width: 100% !important;height: 180px;}
  .partner{height: auto; flex-wrap: wrap;justify-content: center;}
  .footer .message .mes-des{width: 98%;}
  .footer .info .dls{justify-content: flex-start;}
  .footer .info .dls .dl{margin-left: 25px;margin-right: 0;}
  .footer .message .form-div label:nth-child(2),#submit{margin-left: 0;}

  .list-products .head .txt_list .c .nav .message_btn{font-size: 11px;}
 .list-partner ul li{width: 46%;}
 .list-partner ul li img{max-width: 80%;}
  .partner .title{width: 160px;}
  .partner .title{font-size: 30px;}
  .partner .logos{width: calc(100% - 160px);}
  .index-data{transform: translateY(0);}
  .index-data .bn-list{flex-wrap: wrap;}
  .index-data .bn-list{justify-content: space-evenly;}
  .index-data .bn-list li{margin-bottom: 25px;width: 46%;}
  .index-data .bn-list li h2 .number {
    font-size: 28px;
    line-height: 28px;
  }
  .index-data .bn-list li .des{font-size: 18px;width: 140px;}
  .wrap-data{height: auto;padding-top: 25px;}
  .index-data .bn-list li h2 > sup{font-size: 14px;width: 24px;height: 24px;line-height: 24px;right: -35px;}

  .index-about .pic .logo-about{width: 100px;height: 100px;line-height: 100px;}

  .index-pro .titles{height: 53px;}
  .index-pro .titles h1 {font-size: 53px;line-height: 53px;}
  .index-pro .txt-b{font-size: 25px;bottom: -15px;}
  .index-advantage .ad-r .adr-r{margin-top: 0;}
  
  
  .index-advantage .ad-r{width: 100%;}
  
  .index-advantage .ad-r .adr-r{width: 50%;margin-top: 20px;height: 400px !important;}
  .index-advantage .ad-r .adr-l{width: 50%;height: 400px !important;}
  .index-advantage .ad-r .adr-l{width: 50%;}
  .index-advantage .ad-r .adr-l .adr-t,.index-advantage .ad-r .pic-b,.index-advantage .ad-r .adr-r .adr-t,.index-advantage .ad-r .adr-r .pic-t{width: 100%;height: auto;}

  
  .index-advantage .ad-r .pic-b,.index-advantage .ad-r .adr-r .pic-t{width: 100%;height: auto;}

  .index-advantage .ad-r .pic-b img,.index-advantage .ad-r .pic-t img{width: 100%;z-index: -5;height: 100%;margin: 0 !important;padding: 0 !important;}

  .index-advantage .ad-r .adr-pic{width: 41%;}

  .index-advantage .ad-r .adr-l .adr-box span{font-size: 18px;}
  .index-advantage .ad-r .adr-r .adr-box span{font-size: 18px;}

  .index-advantage .ad-r .adr-l .adr-box{margin-left: 20px;}
  .index-advantage .ad-r .adr-r .adr-box{margin-left: 20px;}

  .index-advantage .ad-r .adr-l .adr-t{width: 100%;padding-bottom: 30px !important;}
  .index-advantage .ad-r .adr-r .adr-t{width: 100%;padding-bottom: 30px !important;}
  .index-advantage .ad-r .adr-r .pic-t{
    display: flex;align-items: flex-end;
  }
}