/* 字体 */
@font-face {
  font-family: 'pingfnag';
  font-display: swap;
  src: url('../fonts/pingfang.eot');
  /* IE9 */
  src: url('../fonts/pingfang.eot') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/pingfang.woff2') format('woff2'), url('../fonts/pingfang.woff') format('woff'), /* chrome、firefox */ url('../fonts/pingfang.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../fonts/pingfang.svg') format('svg');
  /* iOS 4.1- */
}
@font-face {
  font-family: 'shu';
  src: url('../fonts/gothamrnd-medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'shu2';
  src: url('../fonts/gothamrounded-book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FuturaBoldBT";
  src: url("../fonts/futuraboldbt.ttf") format("truetype");
}
@font-face {
  font-family: "FuturaBkBTBookItalic";
  src: url("../fonts/futurabkbtbookitalic.ttf") format("truetype");
}
/* End */
/* 公用 */
/* base公共样式 */
* {
  padding: 0;
  margin: 0;
  -webkiit-box-sizing: border-box;
  box-sizing: border-box;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
body {
  color: #333;
  font-size: 16px;
  font-family:'PingFang SC', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif', \5b8b\4f53;
}
@media (max-width: 1440px) {
  body {
    font-size: 14px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  text-decoration: none;
}
i {
  font-style: normal;
}
pre {
  text-align: left;
  padding: 0;
  margin: 0;
  font-style: normal;
}
img {
  border: none;
}
ol,
ul,
li {
  list-style: none;
}
table {
  border-collapse: collapse;
}
input[type=text]:focus,
input[type=text]:active {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
}
a {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}
a:hover {
  -webkit-tap-highlight-color: transparent;
}
img {
  vertical-align: middle;
}
input,
input:focus,
input:active,
button,
button[type=button],
textarea:focus {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
}
/* 右侧置顶*/
.rigalt .gotop {
  border: 1px solid #eeeeee;
  border-radius: 2px;
  background: #ffffff;
  position: fixed;
  bottom: 279px;
  right: 20px;
  width: 40px;
  height: 80px;
  text-align: center;
  padding-top: 7px;
  font-size: 24px;
  color: #666666;
  display: none;
  z-index: 1001;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  line-height: 1;
}
.rigalt .gotop:hover {
  text-decoration: none!important;
}
/* End*/
.ie-warning {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #000;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  padding: 50px 0;
}
.ie-warning h1 {
  margin: 0 0 30px;
}
.ie-warning p {
  font-size: 16px;
}
.ie-warning .ie-container {
  min-width: 1024px;
  width: 100%;
  height: 200px;
  background: #fff;
  margin: 60px 0;
}
.ie-warning .ie-download {
  list-style: none;
  padding: 30px 0;
  margin: 0 auto;
  width: 720px;
}
.ie-warning .ie-download > li > a {
  display: block;
  color: #000;
  width: 140px;
  font-size: 15px;
  padding: 15px 0;
  margin: 0 auto;
}
.ie-warning .ie-download > li > a > div {
  margin-top: 10px;
}
.ie-warning .ie-download > li > a:hover {
  background-color: #eee;
}
/* 文本编辑详情页 */
.make-text {
  line-height: 2;
  color: #666;
  font-family: "Microsoft YaHei", "微软雅黑", "pingfnag", Verdana, Helvetica, Arial, sans-serif !important;
}
.make-text img {
  max-width: 100%;
  
}
.make-text p,
.make-text span {
  line-height: 30px;
  font-family: "Microsoft YaHei", "微软雅黑", "pingfnag", Verdana, Helvetica, Arial, sans-serif !important;
  color: #666;
  font-size: 16px!important;
}
@media (max-width: 1440px) {
  .make-text p,
  .make-text span {
    font-size: 14px!important;
  }
}
/* End */
/* 面包屑*/
.bread {
  width: 100%;
  padding: 60px 0;
}
@media (max-width: 1440px) {
  .bread {
    padding: 50px 0;
  }
}
@media (max-width: 991px) {
  .bread {
    padding: 30px 0;
  }
}
.bread .cont .gt {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 991px) {
  .bread .cont .gt {
    justify-content: flex-start;
  }
}
.bread .cont .gt a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.2;
  font-size: 16px;
  color: #666666;
  max-width: 30%;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .bread .cont .gt a {
    font-size: 14px;
  }
}
.bread .cont .gt .on:last-child {
  font-weight: bold;
}
.bread .cont .gt span {
  font-family: "宋体";
  font-size: 14px;
  display: block;
  margin: 0 8px;
}
@media (max-width: 991px) {
  .bread .cont .gt span {
    font-size: 12px;
  }
}
/* End */
/* 底部*/
.f_footer_list {
  border-top: 1px solid #dddddd;
  margin-top: 50px;
  padding-top: 50px;
}
@media (max-width: 991px) {
  .f_footer_list {
    margin-top: 30px;
    display: none;
  }
}
.f_footer_list .item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
.f_footer_list .item:last-child {
  margin-bottom: 0;
}
.f_footer_list .item .tit {
  font-size: 14px;
  color: #333;
}
.f_footer_list .item .list {
  font-size: 12px;
  color: #666;
  max-width: 70px;
}
.f_footer_list .item a {
  display: block;
}
.f_footer_list .item a:hover {
  color: #18b7e7;
}
/* End*/
.basecont {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .basecont {
    width: 83%;
    max-width: 1600px;
  }
}
.transition {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.img {
/*  overflow: hidden;*/
}
.img img {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.basetop {
  padding-top: 80px;
}
@media (max-width: 1366px) {
  .basetop {
    padding-top: 60px;
  }
}
/* 公共Class */
.bagcolor {
  background-color: #f5f5f5;
}
.base80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1440px) {
  .base80 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (max-width: 1199px) {
  .base80 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .base80 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.base40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.base100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 1440px) {
  .base100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 1199px) {
  .base100 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .base100 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.base120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 1440px) {
  .base120 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .base120 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .base120 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .base120 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.base140 {
  padding-top: 140px;
  padding-bottom: 140px;
}
@media (max-width: 1681px) {
  .base140 {
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
@media (max-width: 1440px) {
  .base140 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 1366px) {
  .base140 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .base140 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .base140 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/* 分页 */
.basepage {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.basepage a,
.basepage span {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  font-size: 16px;
  color: #999999;
  flex-shrink: 0;
  float: left;
  font-weight: bold;
  margin: 0 5px 10px;
}
@media (max-width: 767px) {
  .basepage a,
  .basepage span {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
}
.basepage .active {
  background-color: #18b7e7;
  color: #fff;
}
.basepage .prev,
.basepage .next {
  width: 17px;
  height: 13px;
  opacity: 0.5;
}
.basepage .prev {
  background: url(../images/previmg1.png) no-repeat center;
  background-size: 100%;
  margin-right: 20px;
}
.basepage .next {
  background: url(../images/nextimg1.png) no-repeat center;
  background-size: 100%;
  margin-left: 20px;
}
/* 取消浮动 */
.clear:after {
  content: "";
  clear: both;
  display: block;
}
/* 公共字体大小 */
.basefont40 {
  font-size: 40px;
}
@media (max-width: 1440px) {
  .basefont40 {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .basefont40 {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .basefont40 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .basefont40 {
    font-size: 24px;
  }
}
.basefont36 {
  font-size: 36px;
}
@media (max-width: 1440px) {
  .basefont36 {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  .basefont36 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .basefont36 {
    font-size: 22px;
  }
}
.basefont24 {
  font-size: 24px;
}
@media (max-width: 1440px) {
  .basefont24 {
    font-size: 20px;
  }
}
.basecroll {
  width: 1px!important;
  background-color: #cccccc;
}
.basecroll .swiper-scrollbar-drag {
  width: 2px;
  background-color: #18b7e7;
  left: -2px;
}
/* 公共三角形 */
.baseSan {
  position: relative;
}
.baseSan:after,
.baseSan::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 22;
}
.baseSan:after {
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 20px solid transparent;
  border-left: 20px solid transparent;
  border-right: 20px solid #18b7e7;
}
.baseSan::before {
  right: 0;
  top: 0;
  width: 0;
  height: 2px;
  background-color: #18b7e7;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
/* 公共label */
.baselabel {
  display: initial;
  padding-bottom: 5px;
  border-bottom: 2px solid #18b7e7;
  font-size: 14px;
  line-height: 1;
  color: #333;
}
.baselabel:hover {
  color: #18b7e7;
  text-decoration: none!important;
}
.basemenubut {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  height: 100%;
  width: 24px;
}
.basemenubut span {
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: 8px;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.basemenubut span:last-child {
  margin-bottom: 0;
}
.basemenubut span:nth-child(2) {
  width: 14px;
}
.basemenubut2 span:nth-child(1) {
  transform: rotate(45deg);
  margin: 0;
  margin-top: 2px;
}
.basemenubut2 span:nth-child(2) {
  display: none;
}
.basemenubut2 span:nth-child(3) {
  transform: rotate(-45deg);
  margin: 0;
  margin-top: -2px;
}
/* 公共的颜色 */
.basebag {
  background-color: #FAFAFA;
}
/* End */
/* 导航 */
.f_headzha {
  height: 100px;
  display: none;
}
@media (max-width: 991px) {
  .f_headzha {
    height: 70px;
  }
}
.headbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 888;
  width: 100%;
  height: 80px;
}
@media (max-width: 991px) {
  .headbox {
    height: 70px;
  }
}
.headbox-section1 {
  height: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .headbox-section1 .basecont {
    width: 95%;
    max-width: 1820px;
  }
}
.headbox-section1 .basecont {
  height: 100%;
}
.headbox-section1 .cont {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.headbox-section1 .cont .logo .img {
  height: 50px;
}
@media (max-width: 991px) {
  .headbox-section1 .cont .logo .img {
    height: 31px;
  }
}
.headbox-section1 .cont .logo .img img {
  height: 100%;
}
.headbox-section1 .cont .logo .img img:nth-child(2) {
  display: none;
}
.headbox-section1 .cont .logo p {
  margin-top: 2px;
  color: #fff;
  font-size: 12px;
  text-align: center;
}
@media (max-width: 991px) {
  .headbox-section1 .cont .logo p {
    font-size: 12px;
  }
 
}
@media (min-width: 992px) {
  .headbox-section1 .cont .navbox {
    display: flex;
    height: 100%;
  }
  .headbox-section1 .cont .navbox .item {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 33px;
    border-top: 4px solid transparent;
  }
  .headbox-section1 .cont .navbox .item .tit {
    display: flex;
    align-items: center;
    color: #fff;
    width: 100%;
    height: 100%;
  }
  .headbox-section1 .cont .navbox .item .tit i {
    display: none;
  }
  .headbox-section1 .cont .navbox .item .jut {
    display: none;
  }
  .headbox-section1 .cont .navbox .active {
    border-color: #18b7e7;
    /* font-weight: bold; */
    background-color: #efefef;
  }
  .headbox-section1 .cont .navbox .on {
    border-color: #18b7e7;
    font-weight: bold;
  }
}
@media (min-width: 992px) and (max-width: 1440px) {
  .headbox-section1 .cont .navbox .item {
    padding: 0 24px;
  }
}
@media (max-width: 991px) {
  .headbox-section1 .cont .navbox {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: calc(100vh - 80px);
    background-color: #fff;
    overflow: auto;
    display: none;
    padding: 20px 2.5% 0;
    padding: 20px calc(2.5% + 15px) 0;
  }
  .headbox-section1 .cont .navbox .item {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 2px solid #ddd;
  }
  .headbox-section1 .cont .navbox .item .tit {
    font-size: 16px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .headbox-section1 .cont .navbox .item .tit i {
    display: block;
    width: 12px;
  }
  .headbox-section1 .cont .navbox .item .tit i img {
    width: 100%;
  }
  .headbox-section1 .cont .navbox .item .jut {
    display: none;
    width: 100%;
    padding-top: 15px;
  }
  .headbox-section1 .cont .navbox .item .jut a {
    display: block;
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .headbox-section1 .cont .navbox .on .tit {
    color: #18b7e7;
  }
}
.headbox-section1 .cont .gt {
  display: flex;
  height: 100%;
  align-items: center;
}
.headbox-section1 .cont .gt .search {
  display: block;
  width: 18px;
  margin-right: 45px;
}
@media (max-width: 1440px) {
  .headbox-section1 .cont .gt .search {
    margin-right: 40px;
  }
}
@media (max-width: 1366px) {
  .headbox-section1 .cont .gt .search {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .headbox-section1 .cont .gt .search {
    margin-right: 20px;
  }
}
.headbox-section1 .cont .gt .search .img {
  width: 100%;
}
.headbox-section1 .cont .gt .search .img img {
  width: 100%;
}
.headbox-section1 .cont .gt .search .img img:nth-child(2) {
  display: none;
}
.headbox-section1 .cont .gt .search .searchbox {
  position: absolute;
  z-index: 11;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  display: none;
  padding: 50px 15px 30px;
}
@media (max-width: 1440px) {
  .headbox-section1 .cont .gt .search .searchbox {
    padding: 40px 15px 30px;
  }
   .headbox-section1 .cont .logo .img{height:35px;}
}
@media (max-width: 1170px) {
    .headbox-section1 .cont .navbox .item{padding: 0 14px;}
}
@media (max-width: 991px) {
  .headbox-section1 .cont .gt .search .searchbox {
    padding: 20px 15px;
  }
}
.headbox-section1 .cont .gt .search .searchbox .form {
  width: 100%;
  max-width: 800px;
  padding-bottom: 30px;
  border-bottom: 2px solid #37383c;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .headbox-section1 .cont .gt .search .searchbox .form {
    padding-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .headbox-section1 .cont .gt .search .searchbox .form {
    padding-right: 12px;
  }
}
.headbox-section1 .cont .gt .search .searchbox .form input,
.headbox-section1 .cont .gt .search .searchbox .form button {
  font-size: 32px;
  color: #e1e1e1;
  border: none;
  background-color: #fff;
}
@media (max-width: 1440px) {
  .headbox-section1 .cont .gt .search .searchbox .form input,
  .headbox-section1 .cont .gt .search .searchbox .form button {
    font-size: 26px;
  }
}
@media (max-width: 991px) {
  .headbox-section1 .cont .gt .search .searchbox .form input,
  .headbox-section1 .cont .gt .search .searchbox .form button {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .headbox-section1 .cont .gt .search .searchbox .form input,
  .headbox-section1 .cont .gt .search .searchbox .form button {
    font-size: 20px;
  }
}
.headbox-section1 .cont .gt .search .searchbox .form input {
  width: 90%;
  width: calc(100% - 40px);
}
@media (max-width: 1440px) {
  .headbox-section1 .cont .gt .search .searchbox .form input {
    width: calc(100% - 36px);
  }
}
@media (max-width: 991px) {
  .headbox-section1 .cont .gt .search .searchbox .form input {
    width: calc(100% - 30px);
  }
}
.headbox-section1 .cont .gt .search .searchbox .form input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #e1e1e1;
}
.headbox-section1 .cont .gt .search .searchbox .form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #e1e1e1;
}
.headbox-section1 .cont .gt .search .searchbox .form input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #e1e1e1;
}
.headbox-section1 .cont .gt .search .searchbox .form button {
  width: 30px;
}
@media (max-width: 1440px) {
  .headbox-section1 .cont .gt .search .searchbox .form button {
    width: 26px;
  }
}
@media (max-width: 991px) {
  .headbox-section1 .cont .gt .search .searchbox .form button {
    width: 20px;
  }
}
.headbox-section1 .cont .gt .search .searchbox .form button img {
  width: 100%;
  float: left;
}
.headbox-section1 .cont .gt .lange .en {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.headbox-section1 .cont .gt .lange .en i {
  display: block;
  width: 9px;
  flex-shrink: 0;
  margin-left: 6px;
}
.headbox-section1 .cont .gt .lange .en i img {
  width: 100%;
}
.headbox-section1 .cont .gt .lange .en i img:nth-child(2) {
  display: none;
}
.headbox-section1 .cont .gt .but {
  margin-left: 30px;
}
@media (min-width: 992px) {
  .headbox-section1 .cont .gt .but {
    display: none;
  }
}
@media (max-width: 767px) {
  .headbox-section1 .cont .gt .but {
    margin-left: 20px;
  }
}
.headbox-section2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.headbox-section2 .f_item {
  padding: 60px 0;
  display: none;
}
@media (max-width: 1440px) {
  .headbox-section2 .f_item {
    padding: 50px 0;
  }
}
@media (max-width: 1366px) {
  .headbox-section2 .f_item {
    padding: 30px 0;
  }
}
@media (max-width: 1199px) {
  .headbox-section2 .f_item {
    padding: 20px 0;
  }
}
.headbox-section2 .f_it {
  width: 100%;
  background-color: #efefef;
}
.headbox-section2 .f_it .cont {
  margin: 0 -90px;
  display: flex;
}
@media (max-width: 1440px) {
  .headbox-section2 .f_it .cont {
    margin: 0 -60px;
  }
}
@media (max-width: 1366px) {
  .headbox-section2 .f_it .cont {
    margin: 0 -40px;
  }
}
.headbox-section2 .f_it .cont .f_list {
  padding: 0 90px;
  width: 33.333%;
  border-right: 1px solid #dddddd;
}
@media (max-width: 1440px) {
  .headbox-section2 .f_it .cont .f_list {
    padding: 0 60px;
  }
}
@media (max-width: 1366px) {
  .headbox-section2 .f_it .cont .f_list {
    padding: 0 40px;
  }
}
.headbox-section2 .f_it .cont .f_list .f_jut {
  display: block;
  width: 100%;
  padding-bottom: 40px;
}
@media (max-width: 1440px) {
  .headbox-section2 .f_it .cont .f_list .f_jut {
    padding-bottom: 30px;
  }
}
.headbox-section2 .f_it .cont .f_list .f_jut .tit {
  font-size: 22px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 28px;
}
@media (max-width: 1440px) {
  .headbox-section2 .f_it .cont .f_list .f_jut .tit {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
@media (max-width: 1366px) {
  .headbox-section2 .f_it .cont .f_list .f_jut .tit {
    margin-bottom: 20px;
    font-size: 22px;
  }
}
.headbox-section2 .f_it .cont .f_list .f_jut .img {
  width: 100%;
  position: relative;
  padding-bottom: 52%;
  margin-bottom: 20px;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .headbox-section2 .f_it .cont .f_list .f_jut .img {
    margin-bottom: 16px;
  }
}
.headbox-section2 .f_it .cont .f_list .f_jut .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.headbox-section2 .f_it .cont .f_list .f_jut .text {
  font-size: 16px;
  width: 100%;
  color: #868688;
  line-height: 26px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 80px;
}
.headbox-section2 .f_it .cont .f_list:last-child {
  border-right: none;
}
.headbox-section2 .f_it .cont .f_list:hover .img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.headbox-section2 .f_pact {
  background-color: #efefef;
}
.headbox-section2 .f_pact .tit {
  font-size: 22px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 28px;
}
@media (max-width: 1440px) {
  .headbox-section2 .f_pact .tit {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
@media (max-width: 1366px) {
  .headbox-section2 .f_pact .tit {
    margin-bottom: 20px;
    font-size: 22px;
  }
}
.headbox-section2 .f_pact .cont {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.headbox-section2 .f_pact .cont .lt {
  width: 70%;
  max-width: 1200px;
  border-right: 1px solid #dddddd;
  padding-right: 100px;
}
@media (max-width: 1440px) {
  .headbox-section2 .f_pact .cont .lt {
    padding-right: 70px;
  }
}
@media (max-width: 1366px) {
  .headbox-section2 .f_pact .cont .lt {
    padding-right: 60px;
  }
}
@media (max-width: 1199px) {
  .headbox-section2 .f_pact .cont .lt {
    padding-right: 30px;
  }
}
.headbox-section2 .f_pact .cont .lt .f_jut {
  display: flex;
  margin: 0 -30px;
}
@media (max-width: 1440px) {
  .headbox-section2 .f_pact .cont .lt .f_jut {
    margin: 0 -20px;
  }
}
@media (max-width: 1366px) {
  .headbox-section2 .f_pact .cont .lt .f_jut {
    margin: 0 -14px;
  }
}
@media (max-width: 1199px) {
  .headbox-section2 .f_pact .cont .lt .f_jut {
    margin: 0 -10px;
  }
}
.headbox-section2 .f_pact .cont .lt .f_jut .f_list {
  display: block;
  width: 25%;
/*  padding: 0 15px;*/
}
@media (max-width: 1440px) {
  .headbox-section2 .f_pact .cont .lt .f_jut .f_list {
    padding: 0 20px;
  }
}
@media (max-width: 1366px) {
  .headbox-section2 .f_pact .cont .lt .f_jut .f_list {
    padding: 0 14px;
  }
}
@media (max-width: 1199px) {
  .headbox-section2 .f_pact .cont .lt .f_jut .f_list {
    padding: 0 10px;
  }
}
.headbox-section2 .f_pact .cont .lt .f_jut .f_list .img {
  width: 100%;
  position: relative;
  overflow: hidden;
/*  background-color: #f6f6f6;*/
  padding-bottom: 52%;
  margin-bottom: 18px;
}
.headbox-section2 .f_pact .cont .lt .f_jut .f_list .img img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  object-fit: contain;
}
.headbox-section2 .f_pact .cont .lt .f_jut .f_list .f_tit {
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  line-height: 1.2;
  white-space: nowrap;
  font-weight: bold;
  margin-bottom: 5px;
	padding: 0 10px
}
@media (max-width: 1440px) {
  .headbox-section2 .f_pact .cont .lt .f_jut .f_list .f_tit {
    font-size: 16px;
  }
}
.headbox-section2 .f_pact .cont .lt .f_jut .f_list .f_text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  line-height: 1.2;
  white-space: nowrap;
  font-size: 14px;
  color: #999999;
	padding: 0 10px
}
@media (max-width: 1440px) {
  .headbox-section2 .f_pact .cont .lt .f_jut .f_list .f_text {
    font-size: 12px;
  }
}
.headbox-section2 .f_pact .cont .gt {
  width: 30%;
  padding: 0 100px;
}
@media (max-width: 1440px) {
  .headbox-section2 .f_pact .cont .gt {
    padding: 0 70px;
  }
}
@media (max-width: 1366px) {
  .headbox-section2 .f_pact .cont .gt {
    padding: 0 60px;
  }
}
@media (max-width: 1199px) {
  .headbox-section2 .f_pact .cont .gt {
    padding: 0 30px;
  }
}
.headbox-section2 .f_pact .cont .gt .f_jut {
  width: 100%;
}
.headbox-section2 .f_pact .cont .gt .f_jut a {
  display: flex;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 24px;
  line-height: 1;
  color: #999;
  justify-content: space-between;
}
.headbox-section2 .f_pact .cont .gt .f_jut a span {
  display: block;
  width: 80%;
  width: calc(100% - 20px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.headbox-section2 .f_pact .cont .gt .f_jut a i {
  display: none;
  width: 10px;
  flex-shrink: 0;
  overflow: hidden;
}
.headbox-section2 .f_pact .cont .gt .f_jut a i img {
  width: 100%;
  float: left;
}
.headbox-section2 .f_pact .cont .gt .f_jut a:hover {
  color: #333;
}
.headbox-section2 .f_pact .cont .gt .f_jut a:hover i {
  display: block;
}
.headbox-section2 .active {
  display: block;
}
.headbox:hover .headbox-section1 {
  background-color: #fff;
}
.headbox:hover .headbox-section1 .basecont .cont .logo .img img:nth-child(1) {
  display: none;
}
.headbox:hover .headbox-section1 .basecont .cont .logo .img img:nth-child(2) {
  display: block;
}
.headbox:hover .headbox-section1 .basecont .cont .logo p {
  color: #999999;
}
.headbox:hover .headbox-section1 .basecont .cont .navbox .item .tit {
  color: #333;
}
.headbox:hover .headbox-section1 .basecont .cont .gt .search .img img:nth-child(1) {
  display: none;
}
.headbox:hover .headbox-section1 .basecont .cont .gt .search .img img:nth-child(2) {
  display: block;
}
.headbox:hover .headbox-section1 .basecont .cont .gt .lange .en {
  color: #666;
}
.headbox:hover .headbox-section1 .basecont .cont .gt .lange .en i img:nth-child(1) {
  display: none;
}
.headbox:hover .headbox-section1 .basecont .cont .gt .lange .en i img:nth-child(2) {
  display: block;
}
.headbox:hover .headbox-section1 .basecont .cont .gt .but span {
  background-color: #555;
}
.headbox2 .headbox-section1 {
  background-color: #fff;
}
.headbox2 .headbox-section1 .basecont .cont .logo .img img:nth-child(1) {
  display: none;
}
.headbox2 .headbox-section1 .basecont .cont .logo .img img:nth-child(2) {
  display: block;
}
.headbox2 .headbox-section1 .basecont .cont .logo p {
  color: #999999;
}
.headbox2 .headbox-section1 .basecont .cont .navbox .item .tit {
  color: #333;
}
.headbox2 .headbox-section1 .basecont .cont .gt .search .img img:nth-child(1) {
  display: none;
}
.headbox2 .headbox-section1 .basecont .cont .gt .search .img img:nth-child(2) {
  display: block;
}
.headbox2 .headbox-section1 .basecont .cont .gt .lange .en {
  color: #666;
}
.headbox2 .headbox-section1 .basecont .cont .gt .lange .en i img:nth-child(1) {
  display: none;
}
.headbox2 .headbox-section1 .basecont .cont .gt .lange .en i img:nth-child(2) {
  display: block;
}
.headbox2 .headbox-section1 .basecont .cont .gt .but span {
  background-color: #555;
}
/* End */
/* banner */
.bannerbox {
  width: 100%;
  height: 100vh;
}
.bannerbox .swiper-slide {
  overflow: hidden;
  opacity: 0;
  z-index: 1;
}
.bannerbox .swiper-slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: rgba(0,0,0,.3);
}
.bannerbox .swiper-slide .img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.bannerbox .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerbox .swiper-slide .img img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .bannerbox .swiper-slide .img img:nth-child(1) {
    display: none;
  }
  .bannerbox .swiper-slide .img img:nth-child(2) {
    display: block;
  }
}
.bannerbox .swiper-slide .video {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: none;
}
.bannerbox .swiper-slide .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerbox .swiper-slide .f_cont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 4;
}
@media (max-width: 767px) {
  .bannerbox .swiper-slide .f_cont {
    width: 100%;
  }
}
.bannerbox .swiper-slide .f_cont .font {
  width: 100%;
  color: #fff;
}
.bannerbox .swiper-slide .f_cont .font .tit {
  font-weight: bold;
  font-style: oblique;
  line-height: 1.2;
  /* font-family: SourceHanSansCN-Heavy; */
  margin-bottom: 20px;
  font-size: 60px;
}
@media (max-width: 1440px) {
  .bannerbox .swiper-slide .f_cont .font .tit {
    font-size: 50px;
  }
}
@media (max-width: 1199px) {
  .bannerbox .swiper-slide .f_cont .font .tit {
    margin-bottom: 14px;
    font-size: 36px;
  }
}
@media (max-width: 991px) {
  .bannerbox .swiper-slide .f_cont .font .tit {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .bannerbox .swiper-slide .f_cont .font .tit {
    font-size: 26px;
  }
}
.bannerbox .swiper-slide .f_cont .font .tit span {
  padding-left: 90px;
  display: flex;
}
.bannerbox .swiper-slide .f_cont .font .tit span::before {
  content: "";
  display: block;
  width: 40px;
  height: 10px;
  background-color: #18b7e7;
  margin-right: 10px;
  -webkit-transform: skew(-24deg);
  transform: skew(-24deg);
  margin-top: 30px;
}
@media (max-width: 1440px) {
  .bannerbox .swiper-slide .f_cont .font .tit span {
    padding-left: 60px;
  }
  .bannerbox .swiper-slide .f_cont .font .tit span::before {
    width: 30px;
    margin-top: 26px;
    height: 8px;
  }
}
@media (max-width: 1199px) {
  .bannerbox .swiper-slide .f_cont .font .tit span {
    padding-left: 30px;
  }
  .bannerbox .swiper-slide .f_cont .font .tit span::before {
    width: 20px;
    height: 5px;
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .bannerbox .swiper-slide .f_cont .font .tit span::before {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .bannerbox .swiper-slide .f_cont .font .tit span {
    padding-left: 20px;
  }
}
.bannerbox .swiper-slide .f_cont .font .text {
  font-size: 22px;
  margin-bottom: 56px;
}
@media (max-width: 1440px) {
  .bannerbox .swiper-slide .f_cont .font .text {
    margin-bottom: 46px;
  }
}
@media (max-width: 1199px) {
  .bannerbox .swiper-slide .f_cont .font .text {
    margin-bottom: 36px;
  }
}
@media (max-width: 991px) {
  .bannerbox .swiper-slide .f_cont .font .text {
    margin-bottom: 26px;
    font-size: 18px;
  }
}
.bannerbox .swiper-slide .f_cont .font .but {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
}
.bannerbox .swiper-slide .f_cont .font .but i {
  display: block;
  width: 40px;
  margin-right: 20px;
}
@media (max-width: 1440px) {
  .bannerbox .swiper-slide .f_cont .font .but i {
    width: 30px;
    margin-right: 16px;
  }
}
@media (max-width: 1199px) {
  .bannerbox .swiper-slide .f_cont .font .but i {
    width: 26px;
    margin-right: 14px;
  }
}
@media (max-width: 991px) {
  .bannerbox .swiper-slide .f_cont .font .but i {
    width: 22px;
    margin-right: 10px;
  }
}
.bannerbox .swiper-slide .f_cont .font .but i img {
  width: 100%;
}
.bannerbox .swiper-slide-active {
  opacity: 1!important;
  z-index: 2;
}
.bannerbox .banner_next {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 12px;
  color: #ffffff;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
@media (max-width: 991px) {
  .bannerbox .banner_next {
    display: none;
  }
}
.bannerbox .banner_next i {
  display: block;
  height: 50px;
  width: 1px;
  background-color: #fff;
  opacity: 0.2;
  margin-top: 20px;
}
@media (max-width: 1440px) {
  .bannerbox .banner_next i {
    height: 40px;
    margin-top: 10px;
  }
}
@media (max-width: 1199px) {
  .bannerbox .banner_next i {
    margin-top: 30px;
  }
}
.bannerbox .banner_page {
  position: absolute;
  z-index: 2;
}
@media (min-width: 992px) {
  .bannerbox .banner_page {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    text-align: right;
    padding-right: 16px;
  }
}
@media (max-width: 991px) {
  .bannerbox .banner_page {
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
.bannerbox .banner_page div {
  margin-bottom: 30px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width: 1440px) {
  .bannerbox .banner_page div {
    margin-bottom: 26px;
  }
}
@media (max-width: 1199px) {
  .bannerbox .banner_page div {
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .bannerbox .banner_page div {
    margin-bottom: 0;
    margin: 0 15px;
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .bannerbox .banner_page div {
    padding-bottom: 5px;
  }
}
.bannerbox .banner_page span {
  font-size: 12px;
  opacity: 0.5;
  position: relative;
  color: #fff;
  cursor: pointer;
  width: 100%;
}
@media (max-width: 991px) {
  .bannerbox .banner_page span {
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .bannerbox .banner_page span {
    padding-bottom: 5px;
  }
}
.bannerbox .banner_page span:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.bannerbox .banner_page .on {
  padding-bottom: 17px;
}
@media (max-width: 1440px) {
  .bannerbox .banner_page .on {
    padding-bottom: 14px;
  }
}
@media (max-width: 1199px) {
  .bannerbox .banner_page .on {
    padding-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .bannerbox .banner_page .on {
    padding-bottom: 0;
  }
}
.bannerbox .banner_page .on span {
  opacity: 1;
  padding-bottom: 17px;
}
@media (max-width: 1440px) {
  .bannerbox .banner_page .on span {
    padding-bottom: 14px;
  }
}
@media (max-width: 991px) {
  .bannerbox .banner_page .on span {
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .bannerbox .banner_page .on span {
    padding-bottom: 5px;
  }
}
.bannerbox .banner_page .on span:after {
  width: 100%;
}
.aboutbanner {
  width: 100%;
  height: calc(100vh - 100px);
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .aboutbanner {
    height: calc(100vh - 80px);
  }
}
.aboutbanner .f_cont {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-bottom: 0;
  z-index: 3;
}
@media (max-width: 767px) {
  .aboutbanner .f_cont {
    width: 100%;
  }
}
.aboutbanner .f_cont .font {
  width: 100%;
}
.aboutbanner .f_cont .font .but {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 180px;
  height: 54px;
  background-color: #18b7e7;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
}
@media (max-width: 1440px) {
  .aboutbanner .f_cont .font .but {
    width: 160px;
    height: 50px;
    font-size: 22px;
  }
}
@media (max-width: 1199px) {
  .aboutbanner .f_cont .font .but {
    width: 120px;
    height: 40px;
    font-size: 18px;
  }
}
.aboutbanner .f_cont .font .tit {
  text-align: center;
  color: #fff;
  font-size: 54px;
  font-weight: bold;
  line-height: 1.3;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  margin-bottom: 24px;
}
@media (max-width: 1440px) {
  .aboutbanner .f_cont .font .tit {
    font-size: 44px;
    margin-bottom: 22px;
  }
}
@media (max-width: 1199px) {
  .aboutbanner .f_cont .font .tit {
    font-size: 34px;
  }
}
@media (max-width: 991px) {
  .aboutbanner .f_cont .font .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .aboutbanner .f_cont .font .tit {
    font-size: 22px;
  }
}
.aboutbanner .f_cont .font .text {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 1366px) {
  .aboutbanner .f_cont .font .text {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  .aboutbanner .f_cont .font .text {
    font-size: 16px;
    line-height: 26px;
  }
}
.aboutbanner .img {
  width: 100%;
  height: 100%;
}
.aboutbanner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutbanner .img img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .aboutbanner .img img:nth-child(1) {
    display: none;
  }
  .aboutbanner .img img:nth-child(2) {
    display: block;
  }
}
.aboutbanner:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/neibagwang.png);
}
.productbanner {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .productbanner {
    height: 400px;
  }
}
.productbanner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.productbanner img:nth-child(2){
	display: none;
}
.productbanner .basecont {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
}
@media (max-width: 767px) {
  .productbanner .basecont {
    width: 100%;
  }
	.productbanner img:nth-child(1){
		display: none;
	}
	.productbanner img:nth-child(2){
		display: block;
	}
}
.productbanner .basecont .font {
  width: 100%;
}
.productbanner .basecont .font .tit {
  font-weight: bold;
  line-height: 1.2;
  font-size: 48px;
}
@media (max-width: 1440px) {
  .productbanner .basecont .font .tit {
    font-size: 40px;
  }
}
@media (max-width: 1366px) {
  .productbanner .basecont .font .tit {
    font-size: 36px;
  }
}
@media (max-width: 1199px) {
  .productbanner .basecont .font .tit {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .productbanner .basecont .font .tit {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .productbanner .basecont .font .tit {
    font-size: 22px;
  }
}
.productbanner .basecont .font .text {
  width: 100%;
  max-width: 800px;
  font-size: 18px;
  line-height: 30px;
  margin-top: 16px;
}
@media (max-width: 1199px) {
  .productbanner .basecont .font .text {
    font-size: 16px;
    line-height: 26px;
  }
}
.productbanner2 .basecont{
	top: 30%;
}
.productbanner2 .basecont .font{
	text-align: center;
}
.productbanner2 .basecont .font .tit{
	color: #333;
}
.productbanner2 .basecont .font .text{
	color: #999;
	margin: 0 auto;
	margin-top: 16px;
}
.newsbanner {
  text-align: center;
}
.newsbanner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/wenli.png) center;
  /* opacity: 0.5; */
}
.newsbanner .en {
  display: block;
  text-align: center;
  font-size: 22px;
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .newsbanner .en {
    font-size: 20px;
  }
}
.servicebanner .f_cont {
  top: inherit;
  bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-top: none;
}
@media (max-width: 1440px) {
  .servicebanner .f_cont {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 1199px) {
  .servicebanner .f_cont {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .servicebanner .f_cont {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.servicebanner .f_cont .font .tit {
  max-width: 420px;
}
.servicebanner .f_cont .font .text {
  max-width: 770px;
}
.servicebanner .f_cont .font .but {
  width: 200px;
}
@media (max-width: 1440px) {
  .servicebanner .f_cont .font .but {
    width: 180px;
  }
}
@media (max-width: 1199px) {
  .servicebanner .f_cont .font .but {
    width: 160px;
  }
}
.experimentbanner .basecont {
  z-index: 4;
}
.experimentbanner .basecont .font {
  text-align: center;
}
.experimentbanner .basecont .font .tit {
  
  font-weight: 200;
}
.experimentbanner .basecont .font .text {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  max-width: 100%;
}
@media (max-width: 1440px) {
  .experimentbanner .basecont .font .text {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  .experimentbanner .basecont .font .text {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .experimentbanner .basecont .font .text {
    font-size: 22px;
  }
}
.experimentbanner:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(../images/wenli.png) center;
  opacity: 0.5;
}
.responsibilitybanner .basecont {
  top: inherit;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
}
.responsibilitybanner .basecont .font .text {
  line-height: 1.2;
  font-size: 40px;
}
@media (max-width: 1440px) {
  .responsibilitybanner .basecont .font .text {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .responsibilitybanner .basecont .font .text {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .responsibilitybanner .basecont .font .text {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .responsibilitybanner .basecont .font .text {
    font-size: 24px;
  }
}
/* End */
/* 底部 */
.footerbox-fixed {
  width: 100%;
  padding: 70px 0;
  background: url(../images/fexbag.jpg) no-repeat center / cover;
}
@media (max-width: 1440px) {
  .footerbox-fixed {
    padding: 60px;
  }
}
@media (max-width: 1199px) {
  .footerbox-fixed {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .footerbox-fixed {
    padding: 30px 0;
  }
}
.footerbox-fixed .cont {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.footerbox-fixed .cont .tit {
  font-size: 36px;
  line-height: 1.3;
  font-weight: bold;
}
@media (max-width: 1440px) {
  .footerbox-fixed .cont .tit {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  .footerbox-fixed .cont .tit {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .footerbox-fixed .cont .tit {
    font-size: 22px;
  }
}
.footerbox-fixed .cont .tit span {
  color: #18b7e7;
}
@media (max-width: 991px) {
  .footerbox-fixed .cont .tit {
    width: 100%;
    margin-bottom: 16px;
  }
}
.footerbox-fixed .cont .but {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .footerbox-fixed .cont .but {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .footerbox-fixed .cont .but {
    font-size: 14px;
  }
}
.footerbox-fixed .cont .but span {
  padding-bottom: 10px;
  border-bottom: 1px solid #646464;
  margin-top: 10px;
  display: block;
}
@media (max-width: 1440px) {
  .footerbox-fixed .cont .but span {
    padding-bottom: 5px;
    margin-top: 5px;
  }
}
@media (max-width: 991px) {
  .footerbox-fixed .cont .but span {
    margin-top: 3px;
    padding-bottom: 3px;
  }
}
.footerbox-fixed .cont .but i {
  display: block;
  width: 40px;
  margin-left: 24px;
}
@media (max-width: 1440px) {
  .footerbox-fixed .cont .but i {
    width: 30px;
    margin-left: 18px;
  }
}
@media (max-width: 1199px) {
  .footerbox-fixed .cont .but i {
    width: 26px;
    margin-left: 16px;
  }
}
@media (max-width: 991px) {
  .footerbox-fixed .cont .but i {
    width: 22px;
    margin-left: 14px;
  }
}
.footerbox-fixed .cont .but i img {
  width: 100%;
}
.footerbox-fixed .cont .but:hover {
  color: #18b7e7;
}
.footerbox-fixed .cont .but:hover span {
  border-color: #18b7e7;
}
.footerbox {
  padding-top: 60px;
  background-color: #262626;
}
.footerbox-section1 .basecont .cont {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 28px;
  border-bottom: 1px solid #3d3d3d;
}
@media (max-width: 1440px) {
  .footerbox-section1 .basecont .cont {
    padding-bottom: 20px;
  }
}
.footerbox-section1 .basecont .cont .logo {
  display: block;
  width: 65px;
}
@media (max-width: 1440px) {
  .footerbox-section1 .basecont .cont .logo {
    width: 50px;
  }
}
@media (max-width: 1199px) {
  .footerbox-section1 .basecont .cont .logo {
    width: 45px;
  }
}
.footerbox-section1 .basecont .cont .logo img {
  width: 100%;
}
.footerbox-section1 .basecont .cont .f_jut {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .footerbox-section1 .basecont .cont .f_jut {
    display: none;
  }
}
.footerbox-section1 .basecont .cont .f_jut a {
  display: block;
  width: 36px;
  margin-right: 15px;
}
@media (max-width: 1440px) {
  .footerbox-section1 .basecont .cont .f_jut a {
    width: 32px;
    margin-right: 10px;
  }
}
.footerbox-section1 .basecont .cont .f_jut a:last-child {
  margin-right: 0;
}
.footerbox-section1 .basecont .cont .f_jut a img {
  width: 100%;
}
.footerbox-section2 .cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footerbox-section2 .cont .lt {
  width: 60%;
  max-width: 990px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1199px) {
	.footerbox-section2 .cont .lt{
		width: 66%;
	}
}
@media (max-width: 991px) {
  .footerbox-section2 .cont .lt {
    width: 100%;
    max-width: 100%;
    order: 1;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .footerbox-section2 .cont .lt {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .footerbox-section2 .cont .lt .list {
    width: 100%;
    margin-bottom: 20px;
  }
  .footerbox-section2 .cont .lt .list:last-child {
    margin-bottom: 0;
  }
}
.footerbox-section2 .cont .lt .list .tit {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

@media (max-width: 1440px) {
  .footerbox-section2 .cont .lt .list .tit {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .footerbox-section2 .cont .lt .list .tit {
    display: flex;
    justify-content: space-between;
  }
}
.footerbox-section2 .cont .lt .list .tit i {
  display: none;
  width: 14px;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
.footerbox-section2 .cont .lt .list.on .tit i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
@media (max-width: 767px) {
  .footerbox-section2 .cont .lt .list .tit i {
    display: block;
  }
}
.footerbox-section2 .cont .lt .list .tit i img {
  width: 100%;
}
.footerbox-section2 .cont .lt .list .jut {
  padding-top: 26px;
}
@media (max-width: 1440px) {
  .footerbox-section2 .cont .lt .list .jut {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .footerbox-section2 .cont .lt .list .jut {
    padding-top: 16px;
    display: none;
  }
}
.footerbox-section2 .cont .lt .list .jut a {
  color: #555;
  font-size: 14px;
  display: block;
  line-height: 1;
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .footerbox-section2 .cont .lt .list .jut a {
    font-size: 12px;
    margin-bottom: 12px;
  }
}
.footerbox-section2 .cont .lt .list .jut a:last-child {
  margin-bottom: 0;
}
.footerbox-section2 .cont .lt .list .jut a:hover {
  color: #fff;
}
.footerbox-section2 .cont .gt {
  width: 26%;
  max-width: 400px;
  text-align: right;
}
@media (max-width: 991px) {
  .footerbox-section2 .cont .gt {
    text-align: left;
    width: 100%;
    order: 0;
  }
}
.footerbox-section2 .cont .gt span {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
@media (max-width: 991px) {
  .footerbox-section2 .cont .gt span {
    font-size: 14px;
  }
}
.footerbox-section2 .cont .gt .form {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 26px;
}
@media (max-width: 1199px) {
  .footerbox-section2 .cont .gt .form {
    margin-top: 20px;
  }
}
.footerbox-section2 .cont .gt .form input,
.footerbox-section2 .cont .gt .form button {
  height: 54px;
  padding: 18px 20px;
  border: none;
  background-color: none;
}
@media (max-width: 1440px) {
  .footerbox-section2 .cont .gt .form input,
  .footerbox-section2 .cont .gt .form button {
    padding: 16px 18px ;
    height: 50px;
  }
}
@media (max-width: 1199px) {
  .footerbox-section2 .cont .gt .form input,
  .footerbox-section2 .cont .gt .form button {
    height: 45px;
    padding: 14px 16px;
  }
}
.footerbox-section2 .cont .gt .form input {
  width: 80%;
  max-width: 320px;
  background-color: #414141;
  font-size: 14px;
  color: #555555;
}
.footerbox-section2 .cont .gt .form button {
  width: 20%;
  max-width: 80px;
  padding: 0;
  background-color: #18b7e7;
}
.footerbox-section2 .cont .gt .form button img {
  width: 10px;
}
.footerbox-section3 {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .footerbox-section3 {
    margin-top: 26px;
  }
}
.footerbox-section3 .cont {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0 40px;
  border-top: 1px solid #2b2b2b;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .footerbox-section3 .cont {
    padding: 20px 0 30px;
  }
}
@media (max-width: 991px) {
  .footerbox-section3 .cont .font {
    order: 1;
    width: 100%;
    text-align: center;
  }
}
.footerbox-section3 .cont .font span,
.footerbox-section3 .cont .font a {
  font-size: 14px;
  color: #555;
  line-height: 24px;
}
.footerbox-section3 .cont .font a:hover {
  color: #fff;
}
@media (max-width: 991px) {
  .footerbox-section3 .cont .gt {
    width: 100%;
    order: 0;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .footerbox-section3 .cont .gt {
    margin-bottom: 0;
  }
}
.footerbox-section3 .cont .gt a {
  font-size: 14px;
  color: #555555;
  display: inline-block;
  margin-right: 30px;
}
@media (max-width: 1440px) {
  .footerbox-section3 .cont .gt a {
    margin-right: 20px;
  }
}
@media (max-width: 1199px) {
  .footerbox-section3 .cont .gt a {
    margin-right: 14px;
  }
}
@media (max-width: 991px) {
  .footerbox-section3 .cont .gt a {
    margin-bottom: 10px;
  }
}
.footerbox-section3 .cont .gt a:last-child {
  margin-right: 0;
}
.footerbox-section3 .cont .gt a:hover {
  color: #fff;
}
/* Endw */
/* 右侧固定 */
.fixedrigt {
  position: fixed;
  z-index: 777;
  display: none;
}
.fixedrigt .zhong {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.fixedrigt .zhong:after {
  content: "";
  clear: both;
  display: block;
}
.fixedrigt .item {
  background-color: #fff;
  display: block;
  padding: 10px;
}
@media (max-width: 991px) {
  .fixedrigt .item {
    padding: 0;
  }
}
.fixedrigt .item .tit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #555555;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
.fixedrigt .item .tit i {
  display: block;
  height: 26px;
  margin-bottom: 10px;
}
@media (max-width: 1440px) {
  .fixedrigt .item .tit i {
    margin-bottom: 8px;
  }
}
@media (max-width: 991px) {
  .fixedrigt .item .tit i {
    height: 20px;
    margin-bottom: 5px;
  }
}
.fixedrigt .item .tit i img {
  height: 100%;
}
.fixedrigt .tel,
.fixedrigt .er {
  background-color: #18b7e7;
}
.fixedrigt .tel .tit,
.fixedrigt .er .tit {
  color: #fff;
}
.fixedrigt .tel {
  display: flex;
  position: relative;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.fixedrigt .tel .jut {
  width: 60%;
  width: calc(100% - 80px);
  text-align: center;
  height: auto;
  border-left: 1px solid #f1832a;
  font-size: 24px;
  font-weight: bold;
  
  display: none;
  color: #fff;
  line-height: 80px;
}
@media (max-width: 1440px) {
  .fixedrigt .tel .jut {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .fixedrigt .tel:hover {
    width: 312px;
  }
  .fixedrigt .tel:hover .jut {
    display: block;
  }
}
.fixedrigt .er {
  position: relative;
}
.fixedrigt .er .erimg {
  position: absolute;
  right: 110%;
  right: calc(100% + 12px);
  top: 0;
  width: 120px;
  background-color: #fff;
  padding: 6px;
  display: none;
}
@media (max-width: 991px) {
  .fixedrigt .er .erimg {
    right: inherit;
    left: 0;
    bottom: 110%;
    bottom: calc(100% + 12px);
    top: inherit;
  }
}
.fixedrigt .er .erimg img {
  width: 100%;
}
.fixedrigt .er .erimg:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
@media (min-width: 992px) {
  .fixedrigt .er .erimg:after {
    top: 26%;
    right: -7px;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 7px solid #fff;
  }
}
@media (max-width: 991px) {
  .fixedrigt .er .erimg:after {
    bottom: -7px;
    left: 50%;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 7px solid #fff;
  }
}
.fixedrigt .er:hover .erimg {
  display: block;
}
.fixedrigt .top {
  margin-top: 5px;
  background-color: #747474;
}
.fixedrigt .top .tit {
  color: #fff;
  font-family: "FuturaBoldBT";
}
.fixedrigt .top .tit i {
  display: block;
  height: 9px;
}
@media (min-width: 992px) {
  .fixedrigt {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 991px) {
  .fixedrigt {
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 777;
  }
  .fixedrigt .zhong {
    display: flex;
    flex-direction: row;
  }
  .fixedrigt .item {
    width: 25%;
  }
  .fixedrigt .item .tit {
    width: 100%;
    height: 60px;
  }
}
/* End */
/* 首页 */
@keyframes spinright {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinleft {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* End */
@keyframes spinner-circle-clipper {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes spinner-circle {
  0% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.home-section1 {
  width: 100%;
  position: relative;
  overflow: hidden;
  font-size: calc(100vw/192);
}
.home-section1 .wf_font {
  font-size: 39em;
  font-family: "FuturaBoldBT";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  color: #f5f5f5;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.home-section1 .wf_font:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/wenzijan.png) no-repeat;
  background-position: bottom;
  background-size: cover;
  opacity: 0.6;
}
.home-section1 .basecont {
  position: relative;
  z-index: 2;
}
.home-section1 .home1-cont {
  width: 100%;
}
.home-section1 .home1-cont .item {
  width: 100%;
  position: relative;
  font-size: calc(100/192);
}
.home-section1 .home1-cont .item .img {
  position: relative;
  overflow: hidden;
  padding-bottom: 100.2%;
  width: 100%;
}
.home-section1 .home1-cont .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.home-section1 .home1-cont .item .font {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 22em;
  height: 22em;
  border-radius: 50%;
  background-color: rgba(232, 111, 0, 0.95);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (min-width: 1200px) {
  .home-section1 .home1-cont .item .font {
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
@media (max-width: 1199px) {
  .home-section1 .home1-cont .item .font {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 120px;
    height: 120px;
  }
}
.home-section1 .home1-cont .item .font .tit {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-align: center;
	padding: 0 30px;
}
@media (max-width: 1440px) {
  .home-section1 .home1-cont .item .font .tit {
    font-size: 18px;
		padding: 0 20px;
  }
}
@media (max-width: 1199px) {
  .home-section1 .home1-cont .item .font .tit {
    font-size: 16px;
		padding: 0 10px;
  }
}
.home-section1 .home1-cont .item .font i {
  display: block;
  width: 40px;
  margin-top: 12px;
}
@media (max-width: 1440px) {
  .home-section1 .home1-cont .item .font i {
    width: 30px;
  }
}
@media (max-width: 1199px) {
  .home-section1 .home1-cont .item .font i {
    margin-top: 8px;
  }
}
.home-section1 .home1-cont .item .font i img {
  width: 100%;
}
.home-section1 .home1-cont .item:hover .font {
  opacity: 1;
}
@media (min-width: 1200px) {
  .home-section1 .home1-cont .item:hover .font {
    -webkit-transform: scale(1) translateX(-50%) translateY(-50%);
    transform: scale(1) translateX(-50%) translateY(-50%);
  }
}
.home-section1 .f_tit {
  text-align: center;
  margin-bottom: 56px;
}
@media (max-width: 1440px) {
  .home-section1 .f_tit {
    margin-bottom: 50px;
  }
}
@media (max-width: 1199px) {
  .home-section1 .f_tit {
    margin-bottom: 30px;
  }
}
.home-section1 .f_tit .tit {
  font-weight: bold;
  line-height: 1.3;
  font-size: 40px;
  margin-bottom: 10px;
}
@media (max-width: 1440px) {
  .home-section1 .f_tit .tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .home-section1 .f_tit .tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .home-section1 .f_tit .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .home-section1 .f_tit .tit {
    font-size: 24px;
  }
}
.home-section1 .f_tit .text {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 60px;
}
.home-section1 .f_tit .text span {
  color: #18b7e7;
}
@media (max-width: 1440px) {
  .home-section1 .f_tit .text {
    font-size: 20px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1199px) {
  .home-section1 .f_tit .text {
    font-size: 18px;
    margin-bottom: 26px;
  }
}
.home-section2 {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
	display:none
}
.home-section2 .item {
  width: 50%;
  background-color: #fafafa;
  position: relative;
  font-size: calc(100vw / 192);
  overflow: hidden;
}
@media (max-width: 767px) {
  .home-section2 .item {
    width: 100%;
  }
}
.home-section2 .item .font {
  padding: 80px 50px;
}
@media (min-width: 1921px) {
  .home-section2 .item .font {
    padding: 80px 0.3%;
  }
}
@media (max-width: 1440px) {
  .home-section2 .item .font {
    padding: 60px 40px;
  }
}
@media (max-width: 991px) {
  .home-section2 .item .font {
    padding: 50px 30px;
  }
}
@media (max-width: 767px) {
  .home-section2 .item .font {
    padding: 50px 20px;
  }
}
.home-section2 .item .font .lab {
  font-size: 24px;
  opacity: 0.4;
  display: block;
  margin-bottom: 16px;
}
@media (max-width: 1440px) {
  .home-section2 .item .font .lab {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
@media (max-width: 1199px) {
  .home-section2 .item .font .lab {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
.home-section2 .item .font .tit {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.2;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 190px;
}
@media (max-width: 1440px) {
  .home-section2 .item .font .tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .home-section2 .item .font .tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .home-section2 .item .font .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .home-section2 .item .font .tit {
    font-size: 24px;
  }
}
@media (max-width: 1440px) {
  .home-section2 .item .font .tit {
    margin-bottom: 160px;
  }
}
@media (max-width: 1199px) {
  .home-section2 .item .font .tit {
    margin-bottom: 120px;
  }
}
@media (max-width: 991px) {
  .home-section2 .item .font .tit {
    margin-bottom: 60px;
  }
}
.home-section2 .item .font .but {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 14px;
}
.home-section2 .item .font .but i {
  display: block;
  width: 40px;
  margin-right: 20px;
}
@media (max-width: 1440px) {
  .home-section2 .item .font .but i {
    width: 30px;
    margin-right: 16px;
  }
}
@media (max-width: 1199px) {
  .home-section2 .item .font .but i {
    width: 26px;
    margin-right: 14px;
  }
}
@media (max-width: 991px) {
  .home-section2 .item .font .but i {
    width: 22px;
    margin-right: 10px;
  }
}
.home-section2 .item .font .but i img {
  width: 100%;
}
.home-section2 .item .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f0f8fb;
/*  opacity: 0 */;
}
@media (max-width: 1199px) {
  .home-section2 .item .img {
    opacity: 0;
  }
}
.home-section2 .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.home-section2 .item .f_pre {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 20em;
  height: 20em;
  border-radius: 50%;
  background-color: rgba(24, 183, 231, 0.95);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  padding: 0 10px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 1199px) {
  .home-section2 .item .f_pre {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 120px;
    height: 120px;
    display: none;
  }
}
.home-section2 .item .f_pre .tit {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
@media (max-width: 1440px) {
  .home-section2 .item .f_pre .tit {
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .home-section2 .item .f_pre .tit {
    font-size: 16px;
  }
}
.home-section2 .item .f_pre i {
  display: block;
  width: 40px;
  margin-top: 12px;
}
@media (max-width: 1440px) {
  .home-section2 .item .f_pre i {
    width: 30px;
  }
}
@media (max-width: 1199px) {
  .home-section2 .item .f_pre i {
    margin-top: 8px;
  }
}
.home-section2 .item .f_pre i img {
  width: 100%;
}
@media (min-width: 768px) {
  .home-section2 .item:nth-child(3n),
  .home-section2 .item:nth-child(3n-1) {
    background-color: #efefef;
  }
  .home-section2 .item:nth-child(3n) .img,
  .home-section2 .item:nth-child(3n-1) .img {
    background-color: #d5e9f2;
  }
}
@media (max-width: 767px) {
  .home-section2 .item:nth-child(2n) {
    background-color: #efefef;
  }
}
.home-section2 .item:hover .f_pre {
  opacity: 1;
}
@media (min-width: 1200px) {
  .home-section2 .item:hover .img {
    opacity: 1;
  }
}
.home-section3 .basecont {
  position: relative;
}
.home-section3 .cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.home-section3 .cont .lt {
  padding: 60px 40px 60px;
  width: 42%;
}
@media (max-width: 1199px) {
  .home-section3 .cont .lt {
    padding: 40px 30px 70px;
  }
}
@media (max-width: 991px) {
  .home-section3 .cont .lt {
    padding: 34px 0;
    width: 100%;
  }
}
.home-section3 .cont .lt .lab {
  font-size: 24px;
  color: #cecece;
  
  line-height: 1;
  display: block;
  margin-bottom: 22px;
}
@media (max-width: 1440px) {
  .home-section3 .cont .lt .lab {
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .home-section3 .cont .lt .lab {
    margin-bottom: 20px;
  }
}
.home-section3 .cont .lt .tit {
  font-size: 44px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 40px;
}
@media (max-width: 1681px) {
  .home-section3 .cont .lt .tit {
    font-size: 34px;
  }
}
@media (max-width: 1440px) {
  .home-section3 .cont .lt .tit {
    font-size: 32px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .home-section3 .cont .lt .tit {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .home-section3 .cont .lt .tit {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .home-section3 .cont .lt .tit {
    font-size: 24px;
  }
}
.home-section3 .cont .lt .tit span {
  color: #999999;
}
.home-section3 .cont .lt .text {
  font-size: 16px;
  color: #777777;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .home-section3 .cont .lt .text {
    font-size: 14px;
    line-height: 24px;
  }
}
.home-section3 .cont .gt {
  width: 58%;
}
@media (max-width: 991px) {
  .home-section3 .cont .gt {
    width: 100%;
  }
}
.home-section3 .cont .gt .home3-cont {
  width: 100%;
}
.home-section3 .cont .gt .home3-cont .swiper-slide {
  background-color: #fff;
}
.home-section3 .cont .gt .home3-cont .img {
  width: 100%;
  position: relative;
}
.home-section3 .cont .gt .home3-cont .img img {
  width: 100%;
}
.home-section3 .cont .gt .home3-cont .img .child_img {
  position: absolute;
  z-index: 2;
}
.home-section3 .cont .gt .home3-cont .img .child_img1 {
  width: 22%;
  top: 36%;
  left: 74%;
}
.home-section3 .cont .gt .home3-cont .img .child_img2 {
  width: 14%;
  top: 62%;
  left: 40%;
}
.home-section3 .pag {
  margin: 0;
  position: relative;
  display: flex;
  position: absolute;
  bottom: 100px;
  left: 0;
  padding: 0px 40px;
  width: 42%;
}
@media (max-width: 1681px) {
  .home-section3 .pag {
    bottom: 60px;
  }
}
@media (max-width: 1366px) {
  .home-section3 .pag {
    bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .home-section3 .pag {
    padding: 0 30px;
    /* display: none; */
		position: relative;
		width: 100%;
		bottom: 0;
  }
}
@media (max-width: 991px) {
  .home-section3 .pag {
    padding: 34px 0;
    width: 100%;
    /* display: none; */
  }
}
@media (max-width: 767px) {
  .home-section3 .pag {
   justify-content: center;
  }
}
.home-section3 .pag span {
  background-color: transparent;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  opacity: 1;
  pointer-events: auto;
  position: relative;
  width: 44px;
  height: 44px;
  border: 2px solid #efefef;
  border-radius: 50%;
  margin-right: 50px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .home-section3 .pag span {
    font-size: 14px;
    width: 32px;
    height: 32px;
    border-width: 2px;
  }
}
.home-section3 .pag span:last-child {
  margin-right: 0;
}
.home-section3 .pag span .left,
.home-section3 .pag span .right {
  opacity: 0;
  width: 22px;
  height: 44px;
  position: absolute;
  left: -1px;
  top: -3px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .home-section3 .pag span .left,
  .home-section3 .pag span .right {
    width: 16px;
    height: 32px;
    left: -2px;
    top: -2px;
  }
}
.home-section3 .pag span .left:after,
.home-section3 .pag span .right:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 22px;
  height: 44px;
  border: 2px solid #18b7e7;
  border-radius: 22px 0 0 22px;
  border-right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .home-section3 .pag span .left:after,
  .home-section3 .pag span .right:after {
    border-width: 2px;
    width: 16px;
    height: 32px;
    border-radius: 16px 0 0 16px;
  }
}
.home-section3 .pag span i {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #333;
}
.home-section3 .pag span .right {
  left: auto;
  right: -3px;
}
@media (max-width: 1199px) {
  .home-section3 .pag span .right {
    right: -2px;
  }
}
.home-section3 .pag span .right:after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 0 22px 22px 0;
  border: 2px solid #18b7e7;
  border-left: 0;
}
@media (max-width: 1199px) {
  .home-section3 .pag span .right:after {
    border-width: 2px;
    border-radius: 0 16px 16px 0;
  }
}
.home-section3 .pag span p {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  font-size: 14px;
  color: #555555;
  width: 120px;
}
.home-section3 .pag .on {
  color: #18b7e7;
}
.home-section3 .pag .on .left {
  opacity: 1;
}
.home-section3 .pag .on .left:after {
  transform-origin: right center;
  /* animation-iteration-count: infinite; */
  animation-fill-mode: forwards;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-name: spinleft;
}
.home-section3 .pag .on .right {
  opacity: 1;
}
.home-section3 .pag .on .right:after {
  transform-origin: left center;
  /* animation-iteration-count: infinite; */
  animation-fill-mode: forwards;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-name: spinright;
}
.home-section3 .pag .on i {
  background-color: #18b7e7;
}
.home-section4 {
  position: relative;
  height: 650px;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .home-section4 {
    height: 500px;
  }
}
@media (max-width: 1199px) {
  .home-section4 {
    height: 400px;
  }
}
.home-section4 .img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.home-section4 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-section4 .video {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: none;
}
.home-section4 .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-section4:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/wenli.png) center;
  opacity: 0.8;
  z-index: 3;
}
.home-section4 .basecont {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 767px) {
  .home-section4 .basecont {
    width: 100%;
  }
	.home-section3 .pag span p{
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
	}
}
.home-section4 .basecont .font {
  text-align: center;
  color: #fff;
}
.home-section4 .basecont .font .lab {
  font-size: 24px;
  line-height: 1;
  
  margin-bottom: 26px;
  display: block;
}
@media (max-width: 1440px) {
  .home-section4 .basecont .font .lab {
    font-size: 20px;
  }
}
@media (max-width: 1440px) {
  .home-section4 .basecont .font .lab {
    margin-bottom: 20px;
  }
}
.home-section4 .basecont .font .tit {
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
}
@media (max-width: 1440px) {
  .home-section4 .basecont .font .tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .home-section4 .basecont .font .tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .home-section4 .basecont .font .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .home-section4 .basecont .font .tit {
    font-size: 24px;
  }
}
.home-section4 .basecont .font .text {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 60px;
}
@media (max-width: 1440px) {
  .home-section4 .basecont .font .text {
    font-size: 20px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1199px) {
  .home-section4 .basecont .font .text {
    font-size: 18px;
    margin-bottom: 26px;
  }
}
.home-section4 .basecont .font .but {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  width: 140px;
  margin: 0 auto;
  
}
.home-section4 .basecont .font .but i {
  display: block;
  width: 40px;
  margin-right: 20px;
}
@media (max-width: 1440px) {
  .home-section4 .basecont .font .but i {
    width: 30px;
    margin-right: 16px;
  }
}
@media (max-width: 1199px) {
  .home-section4 .basecont .font .but i {
    width: 26px;
    margin-right: 14px;
  }
}
@media (max-width: 991px) {
  .home-section4 .basecont .font .but i {
    width: 22px;
    margin-right: 10px;
  }
}
.home-section4 .basecont .font .but i img {
  width: 100%;
}
.home-section5 .f_tit {
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 1440px) {
  .home-section5 .f_tit {
    margin-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .home-section5 .f_tit {
    margin-bottom: 30px;
  }
}
.home-section5 .f_tit span {
  font-size: 24px;
  color: #cecece;
  line-height: 1;
}
@media (max-width: 1440px) {
  .home-section5 .f_tit span {
    font-size: 20px;
  }
}
.home-section5 .f_tit .tit {
  font-size: 44px;
  font-weight: bold;
  line-height: 1;
  margin-top: 15px;
}
@media (max-width: 1440px) {
  .home-section5 .f_tit .tit {
    font-size: 36px;
    margin-top: 12px;
  }
}
@media (max-width: 1199px) {
  .home-section5 .f_tit .tit {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .home-section5 .f_tit .tit {
    margin-top: 10px;
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .home-section5 .f_tit .tit {
    font-size: 24px;
  }
}
.home-section5 .ho5-cont {
  width: 100%;
  overflow: hidden;
}
.home-section5 .ho5-cont .item {
  width: 100%;
}
.home-section5 .ho5-cont .item .img {
  width: 100%;
  position: relative;
  display: block;
  padding-bottom: 64%;
  overflow: hidden;
}
.home-section5 .ho5-cont .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-section5 .ho5-cont .item .font {
  width: 100%;
  position: relative;
  background: #fff;
}
.home-section5 .ho5-cont .item .font .jut {
  width: 100%;
  padding: 40px 50px 0;
  position: relative;
  z-index: 2;
}
@media (max-width: 1440px) {
  .home-section5 .ho5-cont .item .font .jut {
    padding: 30px 40px 0;
  }
}
@media (max-width: 1366px) {
  .home-section5 .ho5-cont .item .font .jut {
    padding: 26px 32px 0;
  }
}
@media (max-width: 991px) {
  .home-section5 .ho5-cont .item .font .jut {
    padding: 22px 26px 0;
  }
}
@media (max-width: 767px) {
  .home-section5 .ho5-cont .item .font .jut {
    padding: 20px 20px 0;
  }
}
.home-section5 .ho5-cont .item .font .hang {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #18b7e7;
  margin-bottom: 14px;
  line-height: 1;
}
.home-section5 .ho5-cont .item .font .tit {
  font-size: 24px;
  display: block;
  line-height: 32px;
  color: #222222;
  font-weight: bold;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 98px;
  margin-bottom: 30px;
}
@media (max-width: 1440px) {
  .home-section5 .ho5-cont .item .font .tit {
    font-size: 22px;
    line-height: 30px;
    height: 92px;
    margin-bottom: 24px;
  }
}
.home-section5 .ho5-cont .item .font:after,
.home-section5 .ho5-cont .item .font .data {
  width: 100%;
  content: "";
  display: block;
  padding: 0px 50px 0;
  height: 80px;
}
@media (max-width: 1440px) {
  .home-section5 .ho5-cont .item .font:after,
  .home-section5 .ho5-cont .item .font .data {
    padding: 0px 40px 0;
    height: 70px;
  }
}
@media (max-width: 1366px) {
  .home-section5 .ho5-cont .item .font:after,
  .home-section5 .ho5-cont .item .font .data {
    padding: 0px 32px 0;
  }
}
@media (max-width: 1199px) {
  .home-section5 .ho5-cont .item .font:after,
  .home-section5 .ho5-cont .item .font .data {
    height: 60px;
  }
}
@media (max-width: 991px) {
  .home-section5 .ho5-cont .item .font:after,
  .home-section5 .ho5-cont .item .font .data {
    padding: 0px 26px 0;
  }
}
@media (max-width: 767px) {
  .home-section5 .ho5-cont .item .font:after,
  .home-section5 .ho5-cont .item .font .data {
    padding: 0px 20px 0;
  }
}
.home-section5 .ho5-cont .item .font:after {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fafafa;
  padding: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-section5 .ho5-cont .item .font .data {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #999999;
  font-weight: bold;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.home-section5 .ho5-cont .item .font .data i {
  display: block;
  width: 40px;
}
@media (max-width: 1440px) {
  .home-section5 .ho5-cont .item .font .data i {
    width: 36px;
  }
}
@media (max-width: 1199px) {
  .home-section5 .ho5-cont .item .font .data i {
    width: 30px;
  }
}
.home-section5 .ho5-cont .item .font .data i img {
  width: 100%;
}
.home-section5 .ho5-cont .item .font .data i img:nth-child(2) {
  display: none;
}
.home-section5 .ho5-cont .item:hover .img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.home-section5 .ho5-cont .item:hover .font:after {
  height: 100%;
}
.home-section5 .ho5-cont .item:hover .font .data i img:nth-child(1) {
  display: none;
}
.home-section5 .ho5-cont .item:hover .font .data i img:nth-child(2) {
  display: block;
}
/* End */
/* 关于我们 */
.aboutbox-section1 .f_item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  position: relative;
}
@media (max-width: 991px) {
  .aboutbox-section1 .f_item {
    margin-bottom: 40px;
  }
}
.aboutbox-section1 .f_item .lt,
.aboutbox-section1 .f_item .gt {
  width: 50%;
}
@media (max-width: 991px) {
  .aboutbox-section1 .f_item .lt,
  .aboutbox-section1 .f_item .gt {
    width: 100%;
  }
}
.aboutbox-section1 .f_item .lt {
  width: 100%;
}
@media (min-width: 992px) {
  .aboutbox-section1 .f_item .lt {
    position: absolute;
    top: 50%;
    left: 0;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (max-width: 991px) {
  .aboutbox-section1 .f_item .lt {
    order: 1;
  }
}
.aboutbox-section1 .f_item .lt .font {
  width: 50%;
  padding-right: 180px;
}
@media (max-width: 1440px) {
  .aboutbox-section1 .f_item .lt .font {
    padding-right: 120px;
  }
}
@media (max-width: 1366px) {
  .aboutbox-section1 .f_item .lt .font {
    padding-right: 80px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section1 .f_item .lt .font {
    padding-right: 50px;
  }
}
@media (max-width: 991px) {
  .aboutbox-section1 .f_item .lt .font {
    padding-right: 0;
    width: 100%;
  }
}
.aboutbox-section1 .f_item .lt .font .case {
  font-size: 22px;
  color: #999999;
  display: block;
  line-height: 1;
  margin-bottom: 26px;
}
@media (max-width: 1440px) {
  .aboutbox-section1 .f_item .lt .font .case {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section1 .f_item .lt .font .case {
    margin-bottom: 16px;
    font-size: 18px;
  }
}
.aboutbox-section1 .f_item .lt .font .tit {
  font-size: 30px;
  color: #333;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 44px;
}
@media (max-width: 1440px) {
  .aboutbox-section1 .f_item .lt .font .tit {
    font-size: 26px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section1 .f_item .lt .font .tit {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.aboutbox-section1 .f_item .lt .font .tit span {
  color: #999999;
}
@media (max-width: 991px) {
  .aboutbox-section1 .f_item .lt .font .tit {
    font-size: 20px;
  }
}
.aboutbox-section1 .f_item .lt .font .but {
  display: flex;
  align-items: center;
  color: #18b7e7;
  font-size: 14px;
}
.aboutbox-section1 .f_item .lt .font .but i {
  display: block;
  width: 40px;
  margin-right: 20px;
}
@media (max-width: 1440px) {
  .aboutbox-section1 .f_item .lt .font .but i {
    width: 30px;
    margin-right: 16px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section1 .f_item .lt .font .but i {
    width: 26px;
    margin-right: 14px;
  }
}
@media (max-width: 991px) {
  .aboutbox-section1 .f_item .lt .font .but i {
    width: 22px;
    margin-right: 10px;
  }
}
.aboutbox-section1 .f_item .lt .font .but i img {
  width: 100%;
}
@media (max-width: 991px) {
  .aboutbox-section1 .f_item .gt {
    order: 0;
    margin-bottom: 20px;
  }
}
.aboutbox-section1 .f_item .gt img {
  width: 100%;
}
.aboutbox-section1 .f_item:nth-child(2n) {
  flex-direction: row;
}
.aboutbox-section1 .f_item:nth-child(2n) .basecont {
  display: flex;
  flex-direction: row-reverse;
}
.aboutbox-section1 .f_item:nth-child(2n) .lt .font {
  padding-left: 180px;
  padding-right: 0;
}
@media (max-width: 1440px) {
  .aboutbox-section1 .f_item:nth-child(2n) .lt .font {
    padding-left: 120px;
  }
}
@media (max-width: 1366px) {
  .aboutbox-section1 .f_item:nth-child(2n) .lt .font {
    padding-left: 80px;
  }
}
@media (max-width: 1199px) {
  .aboutbox-section1 .f_item:nth-child(2n) .lt .font {
    padding-left: 50px;
  }
}
@media (max-width: 991px) {
  .aboutbox-section1 .f_item:nth-child(2n) .lt .font {
    padding-left: 0;
    width: 100%;
  }
}
/* End */
/* 产品中心 */
.productbox-section1 {
  padding-top: 0;
}
.productbox-section1 .cont {
  margin: 0 -45px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1440px) {
  .productbox-section1 .cont {
    margin: 0 -30px;
  }
}
@media (max-width: 1199px) {
  .productbox-section1 .cont {
    margin: 0 -20px;
  }
}
@media (max-width: 991px) {
  .productbox-section1 .cont {
    margin: 0;
  }
}
.productbox-section1 .cont .nav,
.productbox-section1 .cont .gt {
  padding: 0 45px;
}
@media (max-width: 1440px) {
  .productbox-section1 .cont .nav,
  .productbox-section1 .cont .gt {
    padding: 0 30px;
  }
}
@media (max-width: 1199px) {
  .productbox-section1 .cont .nav,
  .productbox-section1 .cont .gt {
    padding: 0 20px;
  }
}
@media (max-width: 991px) {
  .productbox-section1 .cont .nav,
  .productbox-section1 .cont .gt {
    padding: 0;
  }
}
.productbox-section1 .cont .nav {
  width: 22%;
}
@media (max-width: 991px) {
  .productbox-section1 .cont .nav {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .productbox-section1 .cont .nav {
    position: sticky;
    top: 110px;
  }
}
.productbox-section1 .cont .nav .min {
  width: 100%;
}
.productbox-section1 .cont .nav .min .zhu {
  display: none;
}
@media (max-width: 991px) {
  .productbox-section1 .cont .nav .min .zhu {
    display: block;
    width: 100%;
    margin-bottom: 30px;
  }
  .productbox-section1 .cont .nav .min .zhu .tit {
    width: 100%;
    padding: 20px 16px;
    border-bottom: 2px solid #f1f1f1;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    color: #333;
  }
  .productbox-section1 .cont .nav .min .zhu .tit i {
    display: block;
    width: 10px;
  }
  .productbox-section1 .cont .nav .min .zhu .tit i img {
    width: 100%;
  }
  .productbox-section1 .cont .nav .min .zhu .tit i img:nth-child(2) {
    display: none;
  }
}
.productbox-section1 .cont .nav .min .zhu.on1 .tit {
  color: #18b7e7;
}
.productbox-section1 .cont .nav .min .zhu.on1 .tit i img:nth-child(1) {
  display: none;
}
.productbox-section1 .cont .nav .min .zhu.on1 .tit i img:nth-child(2) {
  display: block;
}
.productbox-section1 .cont .nav .min .zhong {
  width: 100%;
}
@media (max-width: 991px) {
  .productbox-section1 .cont .nav .min .zhong {
    display: none;
  }
}
.productbox-section1 .cont .nav .min .zhong .item {
  width: 100%;
  border-bottom: 2px solid #f1f1f1;
  padding: 35px 30px;
}
@media (max-width: 1440px) {
  .productbox-section1 .cont .nav .min .zhong .item {
    padding: 26px 24px;
  }
}
@media (max-width: 1199px) {
  .productbox-section1 .cont .nav .min .zhong .item {
    padding: 20px 16px;
  }
}
.productbox-section1 .cont .nav .min .zhong .item:last-child {
  border-bottom: none;
}
.productbox-section1 .cont .nav .min .zhong .item:first-child {
  padding-top: 0;
}
.productbox-section1 .cont .nav .min .zhong .item .tit {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
}
@media (max-width: 1440px) {
  .productbox-section1 .cont .nav .min .zhong .item .tit {
    font-size: 16px;
  }
}
.productbox-section1 .cont .nav .min .zhong .item .tit span {
  display: block;
  width: 80%;
  width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.productbox-section1 .cont .nav .min .zhong .item .tit i {
  display: block;
  width: 10px;
  overflow: hidden;
}
.productbox-section1 .cont .nav .min .zhong .item .tit i img {
  float: left;
  width: 100%;
}
.productbox-section1 .cont .nav .min .zhong .item .tit i img:nth-child(2) {
  display: none;
}
.productbox-section1 .cont .nav .min .zhong .item .jut {
  width: 100%;
  padding-top: 21px;
  display: none;
}
@media (max-width: 1440px) {
  .productbox-section1 .cont .nav .min .zhong .item .jut {
    padding-top: 16px;
  }
}
.productbox-section1 .cont .nav .min .zhong .item .jut li {
  display: block;
  width: 100%;
  padding: 21px 0;
}
@media (max-width: 1440px) {
  .productbox-section1 .cont .nav .min .zhong .item .jut li {
    padding: 16px 0;
  }
}
.productbox-section1 .cont .nav .min .zhong .item .jut li .f_tit {
  font-size: 16px;
  color: #333333;
  padding-left: 30px;
}
@media (max-width: 1440px) {
  .productbox-section1 .cont .nav .min .zhong .item .jut li .f_tit {
    font-size: 14px;
    padding-left: 24px;
  }
}
.productbox-section1 .cont .nav .min .zhong .item .jut .active .f_tit {
  color: #18b7e7;
}
.productbox-section1 .cont .nav .min .zhong .on .tit {
  color: #18b7e7;
}
.productbox-section1 .cont .nav .min .zhong .on .tit i img:nth-child(1) {
  display: none;
}
.productbox-section1 .cont .nav .min .zhong .on .tit i img:nth-child(2) {
  display: block;
}
.productbox-section1 .cont .gt {
  width: 78%;
}
@media (max-width: 991px) {
  .productbox-section1 .cont .gt {
    width: 100%;
  }
}
.productbox-section1 .cont .gt .f_cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -18px;
}
@media (max-width: 1440px) {
  .productbox-section1 .cont .gt .f_cont {
    margin: 0 -14px;
  }
}
@media (max-width: 1199px) {
  .productbox-section1 .cont .gt .f_cont {
    margin: 0 -10px;
  }
}
@media (max-width: 991px) {
  .productbox-section1 .cont .gt .f_cont {
    margin: 0 -5px;
  }
}
@media (max-width: 500px) {
  .productbox-section1 .cont .gt .f_cont {
    margin: 0;
  }
}
.productbox-section1 .cont .gt .f_cont .item {
  width: 33.333%;
  padding: 0 18px;
  margin-bottom: 36px;
}
@media (max-width: 1440px) {
  .productbox-section1 .cont .gt .f_cont .item {
    padding: 0 14px;
    margin-bottom: 28px;
  }
}
@media (max-width: 1199px) {
  .productbox-section1 .cont .gt .f_cont .item {
    padding: 0 10px;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .productbox-section1 .cont .gt .f_cont .item {
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .productbox-section1 .cont .gt .f_cont .item {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .productbox-section1 .cont .gt .f_cont .item {
    padding: 0;
    width: 100%;
  }
}
.productbox-section1 .cont .gt .f_cont .item .list {
  display: block;
  width: 100%;
  background-color: #f6f6f6;
}
.productbox-section1 .cont .gt .f_cont .item .list .img {
  width: 100%;
  position: relative;
  padding-bottom: 114%;
  overflow: hidden;
}
.productbox-section1 .cont .gt .f_cont .item .list .img img {
  width: 75%;
  height: 75%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.productbox-section1 .cont .gt .f_cont .item .list .font {
  padding: 30px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid #ececec;
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 1440px) {
  .productbox-section1 .cont .gt .f_cont .item .list .font {
    font-size: 16px;
  }
}
.productbox-section1 .cont .gt .f_cont .item .list .font span {
  display: block;
  width: 90%;
  width: calc(100% - 50px);
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1440px) {
  .productbox-section1 .cont .gt .f_cont .item .list .font span {
    width: calc(100% - 30px);
  }
}
@media (max-width: 1199px) {
  .productbox-section1 .cont .gt .f_cont .item .list .font span {
    width: calc(100% - 26px);
  }
}
.productbox-section1 .cont .gt .f_cont .item .list .font i {
  width: 40px;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .productbox-section1 .cont .gt .f_cont .item .list .font i {
    width: 30px;
  }
}
@media (max-width: 1199px) {
  .productbox-section1 .cont .gt .f_cont .item .list .font i {
    width: 26px;
  }
}
.productbox-section1 .cont .gt .f_cont .item .list .font i img {
  float: left;
  width: 100%;
}
.productbox-section1 .cont .gt .f_cont .item .list .font i img:nth-child(2) {
  display: none;
}
.productbox-section1 .cont .gt .f_cont .item .list:hover .img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.productbox-section1 .cont .gt .f_cont .item .list:hover .font i img:nth-child(1) {
  display: none;
}
.productbox-section1 .cont .gt .f_cont .item .list:hover .font i img:nth-child(2) {
  display: block;
}
/* End */
/* 产品详情 */
.bread_info {
  background-color: #f6f6f6;
  padding: 33px 0;
}
@media (max-width: 1199px) {
  .bread_info {
    padding: 22px 0;
  }
}
.bread_info .cont .gt {
  justify-content: flex-start;
}
.bread_info .cont .gt .img {
  display: block;
  flex-shrink: 0;
  width: 14px;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .bread_info .cont .gt .img {
    width: 12px;
  }
}
.bread_info .cont .gt .img img {
  width: 100%;
  float: left;
}
.product_info-section1 {
  background-color: #f6f6f6;
  padding: 60px 0;
}
@media (max-width: 767px) {
  .product_info-section1 {
    padding: 40px 0;
  }
}
.product_info-section1 .cont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product_info-section1 .cont .lt {
  width: 40%;
  max-width: 480px;
}
@media (max-width: 991px) {
  .product_info-section1 .cont .lt {
    width: 100%;
    max-width: 100%;
    order: 1;
  }
}
.product_info-section1 .cont .lt .xi {
  display: block;
  margin-top: 40px;
  color: #18b7e7;
  font-size: 18px;
  line-height: 1;
}
@media (max-width: 1440px) {
  .product_info-section1 .cont .lt .xi {
    margin-top: 30px;
    font-size: 16px;
  }
}
.product_info-section1 .cont .lt .tit {
  font-size: 60px;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 14px;
  margin-bottom: 25px;
}
@media (max-width: 1440px) {
  .product_info-section1 .cont .lt .tit {
    font-size: 50px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .product_info-section1 .cont .lt .tit {
    font-size: 36px;
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .product_info-section1 .cont .lt .tit {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .product_info-section1 .cont .lt .tit {
    font-size: 26px;
  }
}
@media (max-width: 500px) {
  .product_info-section1 .cont .lt .tit {
    font-size: 24px;
  }
}
.product_info-section1 .cont .lt .text {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 66px;
  color: #333333;
}
@media (max-width: 1440px) {
  .product_info-section1 .cont .lt .text {
    line-height: 22px;
    font-size: 14px;
    margin-bottom: 50px;
  }
}
@media (max-width: 1199px) {
  .product_info-section1 .cont .lt .text {
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .product_info-section1 .cont .lt .text {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .product_info-section1 .cont .lt .text {
    margin-bottom: 20px;
  }
}
.product_info-section1 .cont .lt .but {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 225px;
  height: 60px;
  background-color: #18b7e7;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 40px;
}
@media (max-width: 1440px) {
  .product_info-section1 .cont .lt .but {
    width: 180px;
    height: 50px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .product_info-section1 .cont .lt .but {
    margin-bottom: 20px;
    font-size: 14px;
    width: 160px;
    height: 40px;
  }
}
.product_info-section1 .cont .lt .f_but {
  width: 100%;
}
.product_info-section1 .cont .lt .f_but .but1 {
  display: flex;
  align-items: center;
  margin-bottom: 26px;
  font-size: 16px;
}
@media (max-width: 1440px) {
  .product_info-section1 .cont .lt .f_but .but1 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .product_info-section1 .cont .lt .f_but .but1 {
    font-size: 14px;
    margin-bottom: 16px;
  }
}
.product_info-section1 .cont .lt .f_but .but1 i {
  display: block;
  width: 25px;
  margin-right: 15px;
}
@media (max-width: 1440px) {
  .product_info-section1 .cont .lt .f_but .but1 i {
    width: 20px;
    margin-right: 12px;
  }
}
.product_info-section1 .cont .lt .f_but .but1 i img {
  width: 100%;
}
.product_info-section1 .cont .gt {
  width: 56%;
  max-width: 830px;
  padding-right: 130px;
}
@media (max-width: 1440px) {
  .product_info-section1 .cont .gt {
    padding-right: 100px;
  }
}
@media (max-width: 1366px) {
  .product_info-section1 .cont .gt {
    padding-right: 60px;
  }
}
@media (max-width: 991px) {
  .product_info-section1 .cont .gt {
    width: 100%;
    max-width: 100%;
    order: 0;
    margin-bottom: 30px;
  }
}
.product_info-section1 .cont .gt .productinfo1-cont {
  width: 100%;
}
.product_info-section1 .cont .gt .productinfo1-cont .img {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
}
.product_info-section1 .cont .gt .productinfo1-cont .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.product_info-section1 .cont .gt .productinfo1-cont .productinfo1-pag {
  bottom: 60px;
}
@media (max-width: 1440px) {
  .product_info-section1 .cont .gt .productinfo1-cont .productinfo1-pag {
    bottom: 40px;
  }
}
@media (max-width: 500px) {
  .product_info-section1 .cont .gt .productinfo1-cont .productinfo1-pag {
    bottom: 20px;
  }
}
.product_info-section1 .cont .gt .productinfo1-cont .productinfo1-pag span {
  width: 12px;
  height: 12px;
  outline: none;
  background-color: #c4c4c5;
  margin: 0 10px;
  opacity: 1;
}
.product_info-section1 .cont .gt .productinfo1-cont .productinfo1-pag .swiper-pagination-bullet-active {
  background-color: #18b7e7;
}
.product_info-section2 {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .product_info-section2 {
    padding: 40px 0;
  }
}
.product_info-section2 .cont {
  margin: 0 -126px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (max-width: 1681px) {
  .product_info-section2 .cont {
    margin: 0 -60px;
  }
}
@media (max-width: 1440px) {
  .product_info-section2 .cont {
    margin: 0 -30px;
  }
}
@media (max-width: 1366px) {
  .product_info-section2 .cont {
    margin: 0 -20px;
  }
}
@media (max-width: 1199px) {
  .product_info-section2 .cont {
    margin: 0 -10px;
  }
}
@media (max-width: 991px) {
  .product_info-section2 .cont {
    padding: 0;
  }
}
.product_info-section2 .cont .lt,
.product_info-section2 .cont .gt {
  padding: 0 126px;
}
@media (max-width: 1681px) {
  .product_info-section2 .cont .lt,
  .product_info-section2 .cont .gt {
    padding: 0 60px;
  }
}
@media (max-width: 1440px) {
  .product_info-section2 .cont .lt,
  .product_info-section2 .cont .gt {
    padding: 0 30px;
  }
}
@media (max-width: 1366px) {
  .product_info-section2 .cont .lt,
  .product_info-section2 .cont .gt {
    padding: 0 20px;
  }
}
@media (max-width: 1199px) {
  .product_info-section2 .cont .lt,
  .product_info-section2 .cont .gt {
    padding: 0 10px;
  }
}
@media (max-width: 991px) {
  .product_info-section2 .cont .lt,
  .product_info-section2 .cont .gt {
    padding: 0;
  }
}
.product_info-section2 .cont .lt {
  width: 64%;
}
@media (max-width: 991px) {
  .product_info-section2 .cont .lt {
    width: 100%;
  }
}
.product_info-section2 .cont .lt .par_tit {
  font-weight: bold;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .product_info-section2 .cont .lt .par_tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .product_info-section2 .cont .lt .par_tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .product_info-section2 .cont .lt .par_tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .product_info-section2 .cont .lt .par_tit {
    font-size: 24px;
  }
}
@media (max-width: 1440px) {
  .product_info-section2 .cont .lt .par_tit {
    margin-bottom: 16px;
  }
}
.product_info-section2 .cont .lt .item {
  width: 100%;
  padding-bottom: 38px;
  border-bottom: 2px solid #f8f8f8;
  margin-bottom: 70px;
}
@media (max-width: 1440px) {
  .product_info-section2 .cont .lt .item {
    margin-bottom: 50px;
    padding-bottom: 28px;
  }
}
@media (max-width: 1199px) {
  .product_info-section2 .cont .lt .item {
    margin-bottom: 40px;
    padding-bottom: 22px;
  }
}
@media (max-width: 991px) {
  .product_info-section2 .cont .lt .item {
    margin-bottom: 30px;
  }
}
.product_info-section2 .cont .lt .item .make-text strong {
  font-weight: bold;
  color: #333;
}
.product_info-section2 .cont .lt .gui {
  padding-bottom: 0;
  border-bottom: none;
}
.product_info-section2 .cont .lt .gui .par_tit {
  margin-bottom: 30px;
}
@media (max-width: 1440px) {
  .product_info-section2 .cont .lt .gui .par_tit {
    margin-bottom: 20px;
  }
}
.product_info-section2 .cont .lt .lin {
  border-bottom: none;
  padding-bottom: 0;
}
.product_info-section2 .cont .lt .lin .par_tit {
  margin-bottom: 30px;
}
@media (max-width: 1440px) {
  .product_info-section2 .cont .lt .lin .par_tit {
    margin-bottom: 20px;
  }
}
.product_info-section2 .cont .lt .lin .jut {
  width: 100%;
}
.product_info-section2 .cont .lt .lin .jut .f_item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  flex-wrap: wrap;
  background-color: #f8f8f8;
}
@media (max-width: 1440px) {
  .product_info-section2 .cont .lt .lin .jut .f_item {
    margin-bottom: 20px;
  }
}
.product_info-section2 .cont .lt .lin .jut .f_item:last-child {
  margin-bottom: 0;
}
.product_info-section2 .cont .lt .lin .jut .f_item i {
  display: block;
  width: 100%;
  max-width: 200px;
  position: relative;
  padding-bottom: 13%;
}
@media (max-width: 1681px) {
  .product_info-section2 .cont .lt .lin .jut .f_item i {
    padding-bottom: 20%;
  }
}
@media (max-width: 767px) {
  .product_info-section2 .cont .lt .lin .jut .f_item i {
    max-width: 140px;
  }
}
@media (max-width: 500px) {
  .product_info-section2 .cont .lt .lin .jut .f_item i {
    max-width: 100%;
    padding-bottom: 56%;
  }
}
.product_info-section2 .cont .lt .lin .jut .f_item i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.product_info-section2 .cont .lt .lin .jut .f_item .font {
  width: calc(100% - 200px);
  padding: 30px;
}
@media (max-width: 991px) {
  .product_info-section2 .cont .lt .lin .jut .f_item .font {
    padding: 24px 26px;
  }
}
@media (max-width: 767px) {
  .product_info-section2 .cont .lt .lin .jut .f_item .font {
    width: calc(100% - 140px);
  }
}
@media (max-width: 500px) {
  .product_info-section2 .cont .lt .lin .jut .f_item .font {
    width: 100%;
  }
}
.product_info-section2 .cont .lt .lin .jut .f_item .font .f_tit {
  font-weight: bold;
  font-size: 24px;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 5px;
}
@media (max-width: 1440px) {
  .product_info-section2 .cont .lt .lin .jut .f_item .font .f_tit {
    font-size: 20px;
  }
}
.product_info-section2 .cont .lt .lin .jut .f_item .font .text {
  font-size: 16px;
  color: #777777;
  line-height: 20px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 42px;
}
@media (max-width: 1199px) {
  .product_info-section2 .cont .lt .lin .jut .f_item .font .text {
    font-size: 14px;
    line-height: 18px;
    height: 38px;
  }
}
.product_info-section2 .cont .gt {
  width: 36%;
}
@media (max-width: 991px) {
  .product_info-section2 .cont .gt {
    width: 100%;
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .product_info-section2 .cont .gt {
    position: sticky;
    top: 110px;
  }
}
.product_info-section2 .cont .gt .nav1 {
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 1440px) {
  .product_info-section2 .cont .gt .nav1 {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .product_info-section2 .cont .gt .nav1 {
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .product_info-section2 .cont .gt .nav1 {
    display: none;
  }
}
.product_info-section2 .cont .gt .nav1 .item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 22px 0;
  line-height: 1;
  font-size: 18px;
  border-right: 2px solid transparent;
  margin-bottom: 12px;
}
.product_info-section2 .cont .gt .nav1 .item:last-child {
  border-bottom: none;
}
.product_info-section2 .cont .gt .nav1 .on {
  border-color: #18b7e7;
  color: #18b7e7;
  font-weight: bold;
  background-color: #f8f8f8;
}
.product_info-section2 .cont .gt .f_cont {
  width: 100%;
  background-color: #f8f8f8;
}
.product_info-section2 .cont .gt .f_cont .img {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.product_info-section2 .cont .gt .f_cont .img img {
  width: 100%;
}
.product_info-section2 .cont .gt .f_cont .font {
  padding: 32px;
}
@media (max-width: 1440px) {
  .product_info-section2 .cont .gt .f_cont .font {
    padding: 32px;
  }
}
.product_info-section2 .cont .gt .f_cont .font .f_tit {
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 22px;
}
@media (max-width: 1440px) {
  .product_info-section2 .cont .gt .f_cont .font .f_tit {
    font-size: 20px;
  }
}
@media (max-width: 1440px) {
  .product_info-section2 .cont .gt .f_cont .font .f_tit {
    margin-bottom: 20px;
  }
}
.product_info-section2 .cont .gt .f_cont .font .masg {
  display: block;
  width: 100%;
}
.product_info-section2 .cont .gt .f_cont .font .masg .item {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.product_info-section2 .cont .gt .f_cont .font .masg .item i {
  display: block;
  width: 16px;
  margin-right: 10px;
}
.product_info-section2 .cont .gt .f_cont .font .masg .item i img {
  width: 100%;
}
.product_info-section2 .cont .gt .f_cont .font .masg .item span {
  font-size: 16px;
  color: #333333;
}
.product_info-section2 .cont .gt .f_cont .font .but {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  background-color: #18b7e7;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  height: 60px;
}
@media (max-width: 1440px) {
  .product_info-section2 .cont .gt .f_cont .font .but {
    margin-bottom: 26px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  .product_info-section2 .cont .gt .f_cont .font .but {
    height: 40px;
    font-size: 14px;
  }
}
.product_info-section3 .tit {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 55px;
}
@media (max-width: 1440px) {
  .product_info-section3 .tit {
    font-size: 36px;
    margin-bottom: 45px;
  }
}
@media (max-width: 1366px) {
  .product_info-section3 .tit {
    margin-bottom: 40px;
    font-size: 34px;
  }
}
@media (max-width: 1199px) {
  .product_info-section3 .tit {
    margin-bottom: 30px;
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .product_info-section3 .tit {
    font-size: 24px;
  }
}
.product_info-section3 .produ_info-cont .item {
  width: 100%;
}
.product_info-section3 .produ_info-cont .item .list {
  display: block;
  width: 100%;
  background-color: #f6f6f6;
}
.product_info-section3 .produ_info-cont .item .list .img {
  width: 100%;
  position: relative;
  padding-bottom: 114%;
  overflow: hidden;
}
.product_info-section3 .produ_info-cont .item .list .img img {
  width: 75%;
  height: 75%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.product_info-section3 .produ_info-cont .item .list .font {
  padding: 30px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid #ececec;
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 1440px) {
  .product_info-section3 .produ_info-cont .item .list .font {
    font-size: 16px;
  }
}
.product_info-section3 .produ_info-cont .item .list .font span {
  display: block;
  width: 90%;
  width: calc(100% - 50px);
  overflow: hidden;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1440px) {
  .product_info-section3 .produ_info-cont .item .list .font span {
    width: calc(100% - 30px);
  }
}
@media (max-width: 1199px) {
  .product_info-section3 .produ_info-cont .item .list .font span {
    width: calc(100% - 26px);
  }
}
.product_info-section3 .produ_info-cont .item .list .font i {
  width: 40px;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .product_info-section3 .produ_info-cont .item .list .font i {
    width: 30px;
  }
}
@media (max-width: 1199px) {
  .product_info-section3 .produ_info-cont .item .list .font i {
    width: 26px;
  }
}
.product_info-section3 .produ_info-cont .item .list .font i img {
  float: left;
  width: 100%;
}
.product_info-section3 .produ_info-cont .item .list .font i img:nth-child(2) {
  display: none;
}
.product_info-section3 .produ_info-cont .item .list:hover .img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.product_info-section3 .produ_info-cont .item .list:hover .font i img:nth-child(1) {
  display: none;
}
.product_info-section3 .produ_info-cont .item .list:hover .font i img:nth-child(2) {
  display: block;
}
/* End */
/* 新闻中心 */
.newsbread {
  width: 100%;
  background-color: #fff;
  position: relative;
}
.newsbread .cont {
  display: flex;
  justify-content: space-between;
}
.newsbread .cont .gt {
  width: 40%;
}
.newsbread .cont .nav1 .f_jut {
  display: flex;
  width: 100%;
}
.newsbread .cont .nav1 .f_jut a {
  font-size: 16px;
  color: #333333;
  display: block;
  margin-right: 100px;
}
@media (max-width: 1681px) {
  .newsbread .cont .nav1 .f_jut a {
    margin-right: 70px;
  }
}
@media (max-width: 1440px) {
  .newsbread .cont .nav1 .f_jut a {
    margin-right: 60px;
  }
}
@media (max-width: 1199px) {
  .newsbread .cont .nav1 .f_jut a {
    margin-right: 40px;
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .newsbread .cont .nav1 .f_jut a {
    margin-right: 0;
  }
}
.newsbread .cont .nav1 .f_jut a:last-child {
  margin-right: 0;
}
.newsbread .cont .nav1 .f_jut .on {
  color: #18b7e7;
  font-weight: bold;
}
@media (max-width: 991px) {
  .newsbread .cont .nav1 .f_jut {
    position: absolute;
    top: 100%;
    left: 0;
	
    width: 100%;
    background-color: #fff;
    z-index: 222;
    display: none;
  }
  .newsbread .cont .nav1 .f_jut a {
    display: block;
    padding: 20px calc(8.5% + 15px);
  }
}
@media (max-width: 767px) {
  .newsbread .cont .nav1 .f_jut a {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.newsbread .cont .nav1 .but {
  display: none;
}
@media (max-width: 991px) {
  .newsbread .cont .nav1 .but {
    display: block;
  }
  .newsbread .cont .nav1 .but span {
    background-color: #666;
  }
}
.newsbox-section1 {
  padding-top: 60px;
}
@media (max-width: 767px) {
  .newsbox-section1 {
    padding-top: 40px;
  }
}
.newsbox-section1 .cont {
  margin: 0 -30px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1440px) {
  .newsbox-section1 .cont {
    margin: 0 -20px;
  }
}
@media (max-width: 1199px) {
  .newsbox-section1 .cont {
    margin: 0 -10px;
  }
}
@media (max-width: 991px) {
  .newsbox-section1 .cont {
    margin: 0 -5px;
  }
}
@media (max-width: 500px) {
  .newsbox-section1 .cont {
    margin: 0;
  }
}
.newsbox-section1 .cont .list {
  width: 33.333%;
  padding: 0 30px;
  margin-bottom: 60px;
}
@media (max-width: 1440px) {
  .newsbox-section1 .cont .list {
    padding: 0 20px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1199px) {
  .newsbox-section1 .cont .list {
    margin-bottom: 20px;
    padding: 0 10px;
  }
}
@media (max-width: 991px) {
  .newsbox-section1 .cont .list {
    margin-bottom: 20px;
    padding: 0 5px;
  }
}
@media (max-width: 767px) {
  .newsbox-section1 .cont .list {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .newsbox-section1 .cont .list {
    padding: 0;
    width: 100%;
  }
}
.newsbox-section1 .cont .list .item {
  display: block;
  width: 100%;
}
.newsbox-section1 .cont .list .item .img {
  width: 100%;
  position: relative;
  display: block;
  padding-bottom: 56%;
  overflow: hidden;
}
.newsbox-section1 .cont .list .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.newsbox-section1 .cont .list .item .font {
  width: 100%;
  position: relative;
}
.newsbox-section1 .cont .list .item .font .jut {
  width: 100%;
  padding: 40px 50px 0;
  position: relative;
  z-index: 2;
}
@media (max-width: 1440px) {
  .newsbox-section1 .cont .list .item .font .jut {
    padding: 30px 40px 0;
  }
}
@media (max-width: 1366px) {
  .newsbox-section1 .cont .list .item .font .jut {
    padding: 26px 32px 0;
  }
}
@media (max-width: 991px) {
  .newsbox-section1 .cont .list .item .font .jut {
    padding: 22px 26px 0;
  }
}
@media (max-width: 767px) {
  .newsbox-section1 .cont .list .item .font .jut {
    padding: 20px 20px 0;
  }
}
.newsbox-section1 .cont .list .item .font .hang {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #18b7e7;
  margin-bottom: 14px;
  line-height: 1;
}
.newsbox-section1 .cont .list .item .font .tit {
  font-size: 24px;
  display: block;
  line-height: 32px;
  color: #222222;
  font-weight: bold;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 98px;
  margin-bottom: 30px;
}
@media (max-width: 1440px) {
  .newsbox-section1 .cont .list .item .font .tit {
    font-size: 22px;
    line-height: 30px;
    height: 92px;
    margin-bottom: 24px;
  }
}
.newsbox-section1 .cont .list .item .font:after,
.newsbox-section1 .cont .list .item .font .data {
  width: 100%;
  content: "";
  display: block;
  padding: 0px 50px 0;
  height: 80px;
}
@media (max-width: 1440px) {
  .newsbox-section1 .cont .list .item .font:after,
  .newsbox-section1 .cont .list .item .font .data {
    padding: 0px 40px 0;
    height: 70px;
  }
}
@media (max-width: 1366px) {
  .newsbox-section1 .cont .list .item .font:after,
  .newsbox-section1 .cont .list .item .font .data {
    padding: 0px 32px 0;
  }
}
@media (max-width: 1199px) {
  .newsbox-section1 .cont .list .item .font:after,
  .newsbox-section1 .cont .list .item .font .data {
    height: 60px;
  }
}
@media (max-width: 991px) {
  .newsbox-section1 .cont .list .item .font:after,
  .newsbox-section1 .cont .list .item .font .data {
    padding: 0px 26px 0;
  }
}
@media (max-width: 767px) {
  .newsbox-section1 .cont .list .item .font:after,
  .newsbox-section1 .cont .list .item .font .data {
    padding: 0px 20px 0;
  }
}
.newsbox-section1 .cont .list .item .font:after {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fafafa;
  padding: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.newsbox-section1 .cont .list .item .font .data {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #999999;
  font-weight: bold;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.newsbox-section1 .cont .list .item .font .data i {
  display: block;
  width: 40px;
}
@media (max-width: 1440px) {
  .newsbox-section1 .cont .list .item .font .data i {
    width: 36px;
  }
}
@media (max-width: 1199px) {
  .newsbox-section1 .cont .list .item .font .data i {
    width: 30px;
  }
}
.newsbox-section1 .cont .list .item .font .data i img {
  width: 100%;
}
.newsbox-section1 .cont .list .item .font .data i img:nth-child(2) {
  display: none;
}
.newsbox-section1 .cont .list .item:hover .img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.newsbox-section1 .cont .list .item:hover .font:after {
  height: 100%;
}
.newsbox-section1 .cont .list .item:hover .font .data i img:nth-child(1) {
  display: none;
}
.newsbox-section1 .cont .list .item:hover .font .data i img:nth-child(2) {
  display: block;
}
.newsbox-section1 .basepage {
  margin-top: 10px;
}
/* End */
/* 新闻详情 */
.news_info-section1 {
  padding-top: 60px;
}
@media (max-width: 991px) {
  .news_info-section1 {
    padding-top: 40px;
  }
}
.news_info-section1 .cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 -50px;
}
@media (max-width: 1440px) {
  .news_info-section1 .cont {
    margin: 0 -20px;
  }
}
@media (max-width: 1199px) {
  .news_info-section1 .cont {
    margin: 0 -10px;
  }
}
@media (max-width: 991px) {
  .news_info-section1 .cont {
    margin: 0;
  }
}
.news_info-section1 .cont .lt,
.news_info-section1 .cont .gt {
  padding: 0 50px;
}
@media (max-width: 1440px) {
  .news_info-section1 .cont .lt,
  .news_info-section1 .cont .gt {
    padding: 0 20px;
  }
}
@media (max-width: 1199px) {
  .news_info-section1 .cont .lt,
  .news_info-section1 .cont .gt {
    padding: 0 10px;
  }
}
@media (max-width: 991px) {
  .news_info-section1 .cont .lt,
  .news_info-section1 .cont .gt {
    padding: 0;
  }
}
.news_info-section1 .cont .lt {
  width: 71%;
}
@media (max-width: 991px) {
  .news_info-section1 .cont .lt {
    width: 100%;
    margin-bottom: 30px;
  }
}
.news_info-section1 .cont .lt .tit {
  font-size: 48px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 14px;
}
@media (max-width: 1440px) {
  .news_info-section1 .cont .lt .tit {
    font-size: 38px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1366px) {
  .news_info-section1 .cont .lt .tit {
    font-size: 36px;
  }
}
@media (max-width: 1199px) {
  .news_info-section1 .cont .lt .tit {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .news_info-section1 .cont .lt .tit {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .news_info-section1 .cont .lt .tit {
    font-size: 22px;
  }
}
.news_info-section1 .cont .lt .data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #f0f0f0;
}
@media (max-width: 1440px) {
  .news_info-section1 .cont .lt .data {
    padding-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .news_info-section1 .cont .lt .data {
    padding-bottom: 26px;
  }
}
.news_info-section1 .cont .lt .data .f_d {
  font-size: 14px;
  color: #999999;
}
.news_info-section1 .cont .lt .data .f_d span {
  color: #18b7e7;
}
.news_info-section1 .cont .lt .data .f_fen {
  font-size: 14px;
  color: #999999;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .news_info-section1 .cont .lt .data .f_fen {
    display: none;
  }
}
.news_info-section1 .cont .lt .data .f_fen .bshare-custom {
  display: flex;
  flex-wrap: wrap;
}
.news_info-section1 .cont .lt .data .f_fen a {
  display: block;
  margin: 0 7px;
}
.news_info-section1 .cont .lt .data .f_fen .bshare-weixin {
  background: url(../images/fenimg1.png) no-repeat center;
  background-size: contain;
}
.news_info-section1 .cont .lt .data .f_fen .bshare-sinaminiblog {
  background: url(../images/fenimg2.png) no-repeat center;
  background-size: contain;
}
.news_info-section1 .cont .lt .data .f_fen .bshare-qqim {
  background: url(../images/fenimg3.png) no-repeat center;
  background-size: contain;
}
.news_info-section1 .cont .lt .make-text {
  padding-top: 40px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 40px;
}
@media (max-width: 1440px) {
  .news_info-section1 .cont .lt .make-text {
    margin-bottom: 30px;
    padding-top: 30px;
  }
}
.news_info-section1 .cont .lt .pag {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .news_info-section1 .cont .lt .pag {
    flex-wrap: wrap;
  }
}
.news_info-section1 .cont .lt .pag .centent {
  flex-shrink: 0;
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .news_info-section1 .cont .lt .pag .centent {
    width: 100%;
    margin: 24px 0;
  }
}
.news_info-section1 .cont .lt .pag .centent i {
  display: block;
  width: 12px;
  overflow: hidden;
  margin-left: 10px;
}
.news_info-section1 .cont .lt .pag .centent i img {
  float: left;
  width: 100%;
}
.news_info-section1 .cont .lt .pag .prev,
.news_info-section1 .cont .lt .pag .next {
  /* flex: 1 0 auto; */
  max-width: 40%;
}
@media (max-width: 991px) {
  .news_info-section1 .cont .lt .pag .prev,
  .news_info-section1 .cont .lt .pag .next {
    width: 100%;
    max-width: 100%;
  }
}
.news_info-section1 .cont .lt .pag .prev span,
.news_info-section1 .cont .lt .pag .next span,
.news_info-section1 .cont .lt .pag .prev a,
.news_info-section1 .cont .lt .pag .next a {
  font-size: 14px;
  color: #777777;
}
.news_info-section1 .cont .gt {
  width: 29%;
}
@media (max-width: 991px) {
  .news_info-section1 .cont .gt {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .news_info-section1 .cont .gt {
    position: sticky;
    top: 21px;
  }
}
@media (max-width: 1681px) {
  .news_info-section1 .cont .gt {
    top: 60px;
  }
}
.news_info-section1 .cont .gt .f_jut .tit {
  font-size: 18px;
  color: #999999;
  padding-bottom: 24px;
  border-bottom: 1px solid #f0f0f0;
  margin-top: 91px;
}
@media (max-width: 1681px) {
  .news_info-section1 .cont .gt .f_jut .tit {
    padding-bottom: 20px;
    margin-top: 50px;
  }
}
.news_info-section1 .cont .gt .f_jut .item {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  border-bottom: 1px solid #f0f0f0;
}
@media (max-width: 1440px) {
  .news_info-section1 .cont .gt .f_jut .item {
    padding: 24px 0;
  }
}
.news_info-section1 .cont .gt .f_jut .item .img {
  display: block;
  width: 120px;
  height: 72px;
}
.news_info-section1 .cont .gt .f_jut .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_info-section1 .cont .gt .f_jut .item .font {
  width: calc(100% - 150px);
}
@media (max-width: 1440px) {
  .news_info-section1 .cont .gt .f_jut .item .font {
    width: calc(100% - 140px);
  }
}
.news_info-section1 .cont .gt .f_jut .item .font span {
  font-size: 14px;
  color: #999999;
  line-height: 1;
}
.news_info-section1 .cont .gt .f_jut .item .font .f_tit {
  font-size: 14px;
  color: #555555;
  line-height: 22px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 46px;
}
/* End */
/* 人才招聘 */
.recruitbox-section1 {
  width: 100%;
}
.recruitbox-section1 .f_tit {
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 1440px) {
  .recruitbox-section1 .f_tit {
    margin-bottom: 40px;
  }
}
.recruitbox-section1 .f_tit .tit {
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
.recruitbox-section1 .f_tit .text {
  font-size: 18px;
  color: #555555;
  width: 100%;
  max-width: 956px;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .recruitbox-section1 .f_tit .text {
    font-size: 16px;
  }
}
.recruitbox-section1 .cont {
  width: 100%;
}
.recruitbox-section1 .cont .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #f5f5f5;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .recruitbox-section1 .cont .item {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .recruitbox-section1 .cont .item {
    margin-bottom: 20px;
  }
}
.recruitbox-section1 .cont .item:last-child {
  margin-bottom: 0;
}
.recruitbox-section1 .cont .item .img,
.recruitbox-section1 .cont .item .font {
  width: 50%;
}
@media (max-width: 991px) {
  .recruitbox-section1 .cont .item .img,
  .recruitbox-section1 .cont .item .font {
    width: 100%;
  }
}
.recruitbox-section1 .cont .item .img {
  position: relative;
  padding-bottom: 23.4%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .recruitbox-section1 .cont .item .img {
    padding-bottom: 60.4%;
  }
}
@media (max-width: 500px) {
  .recruitbox-section1 .cont .item .img {
    padding-bottom: 72%;
  }
}
.recruitbox-section1 .cont .item .img img {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.recruitbox-section1 .cont .item .font {
  padding: 20px 100px;
}
@media (max-width: 1440px) {
  .recruitbox-section1 .cont .item .font {
    padding: 20px 70px;
  }
}
@media (max-width: 1199px) {
  .recruitbox-section1 .cont .item .font {
    padding: 20px 30px;
  }
}
@media (max-width: 991px) {
  .recruitbox-section1 .cont .item .font {
    padding: 30px 20px;
  }
}
@media (max-width: 500px) {
  .recruitbox-section1 .cont .item .font {
    padding: 26px 16px;
  }
}
.recruitbox-section1 .cont .item .font .tit {
  font-size: 36px;
  font-weight: bold ;
  margin-bottom: 10px;
  line-height: 1.3;
}
@media (max-width: 1440px) {
  .recruitbox-section1 .cont .item .font .tit {
    font-size: 32px;
  }
}
@media (max-width: 1199px) {
  .recruitbox-section1 .cont .item .font .tit {
    font-size: 26px;
  }
}
@media (max-width: 991px) {
  .recruitbox-section1 .cont .item .font .tit {
    font-size: 22px;
  }
}
.recruitbox-section1 .cont .item .font .text {
  font-size: 16px;
  color: #777777;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .recruitbox-section1 .cont .item .font .text {
    line-height: 24px;
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .recruitbox-section1 .cont .item:nth-child(2n) .img {
    order: 1;
  }
  .recruitbox-section1 .cont .item:nth-child(2n) .font {
    order: 0;
  }
}
.recruitbox-section1 .cont .item:hover .img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.recruitbox-section2 .tit {
  margin-bottom: 60px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 1440px) {
  .recruitbox-section2 .tit {
    margin-bottom: 40px;
  }
}
.recruitbox-section2 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}
@media (max-width: 1440px) {
  .recruitbox-section2 .cont {
    margin: 0 -15px;
  }
}
@media (max-width: 1199px) {
  .recruitbox-section2 .cont {
    margin: 0 -10px;
  }
}
@media (max-width: 991px) {
  .recruitbox-section2 .cont {
    margin: 0 -5px;
  }
}
@media (max-width: 500px) {
  .recruitbox-section2 .cont {
    margin: 0;
  }
}
.recruitbox-section2 .cont .item {
  padding: 0 20px;
  width: 50%;
}
@media (max-width: 1440px) {
  .recruitbox-section2 .cont .item {
    padding: 0 15px;
  }
}
@media (max-width: 1199px) {
  .recruitbox-section2 .cont .item {
    padding: 0 10px;
  }
}
@media (max-width: 991px) {
  .recruitbox-section2 .cont .item {
    padding: 0 5px;
  }
}
@media (max-width: 500px) {
  .recruitbox-section2 .cont .item {
    padding: 0;
    width: 100%;
    margin-bottom: 30px;
  }
  .recruitbox-section2 .cont .item:last-child {
    margin-bottom: 0;
  }
}
.recruitbox-section2 .cont .item .list {
  display: block;
  width: 100%;
  position: relative;
}
.recruitbox-section2 .cont .item .list .img {
  position: relative;
  padding-bottom: 70.3%;
  width: 100%;
  overflow: hidden;
}
.recruitbox-section2 .cont .item .list .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.recruitbox-section2 .cont .item .list .font {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(232, 111, 0, 0.85);
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
}
@media (max-width: 1440px) {
  .recruitbox-section2 .cont .item .list .font {
    font-size: 20px;
  }
}
@media (max-width: 1440px) {
  .recruitbox-section2 .cont .item .list .font {
    height: 70px;
  }
}
@media (max-width: 1199px) {
  .recruitbox-section2 .cont .item .list .font {
    height: 60px;
  }
}
@media (max-width: 767px) {
  .recruitbox-section2 .cont .item .list .font {
    font-size: 16px;
    height: 50px;
  }
}
.recruitbox-section2 .cont .item:nth-child(2) .list .font {
  background-color: rgba(225, 33, 55, 0.85);
}
.recruitbox-section2 .cont .item:hover img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
/* End */
/* 校园招聘 */
.campus-section1 {
  padding-top: 20px;
}
.campus-section1 .cont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.campus-section1 .cont .img,
.campus-section1 .cont .font {
  width: 50%;
}
@media (max-width: 991px) {
  .campus-section1 .cont .img,
  .campus-section1 .cont .font {
    width: 100%;
  }
}
.campus-section1 .cont .img {
  position: relative;
  padding-bottom: 31%;
}
@media (max-width: 991px) {
  .campus-section1 .cont .img {
    padding-bottom: 54%;
  }
}
@media (max-width: 767px) {
  .campus-section1 .cont .img {
    padding-bottom: 54%;
  }
}
.campus-section1 .cont .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.campus-section1 .cont .font {
  padding: 40px 100px;
  padding-right: 0;
}
@media (max-width: 1440px) {
  .campus-section1 .cont .font {
    padding: 30px 70px;
  }
}
@media (max-width: 1199px) {
  .campus-section1 .cont .font {
    padding: 30px 50px;
  }
}
@media (max-width: 991px) {
  .campus-section1 .cont .font {
    padding: 30px 20px;
  }
}
@media (max-width: 500px) {
  .campus-section1 .cont .font {
    padding: 26px 16px;
  }
}
.campus-section1 .cont .font .tit {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1440px) {
  .campus-section1 .cont .font .tit {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  .campus-section1 .cont .font .tit {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .campus-section1 .cont .font .tit {
    font-size: 22px;
  }
}
.campus-section1 .cont .font .text {
  font-size: 16px;
  color: #777777;
  line-height: 24px;
  margin: 36px 0 60px;
}
@media (max-width: 1440px) {
  .campus-section1 .cont .font .text {
    margin: 30px 0 50px;
  }
}
@media (max-width: 1199px) {
  .campus-section1 .cont .font .text {
    font-size: 14px;
    line-height: 22px;
    margin: 26px 0 30px;
  }
}
.campus-section1 .cont .font .but {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 18px;
  font-weight: bold;
}
.campus-section1 .cont .font .but i {
  display: block;
  width: 40px;
  margin-right: 20px;
}
@media (max-width: 1440px) {
  .campus-section1 .cont .font .but i {
    width: 30px;
    margin-right: 16px;
  }
}
@media (max-width: 1199px) {
  .campus-section1 .cont .font .but i {
    width: 26px;
    margin-right: 14px;
  }
}
@media (max-width: 991px) {
  .campus-section1 .cont .font .but i {
    width: 22px;
    margin-right: 10px;
  }
}
.campus-section1 .cont .font .but i img {
  width: 100%;
}
.campus-section2 .form {
  margin: 0 -5px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .campus-section2 .form {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .campus-section2 .form {
    margin: 0;
  }
}
.campus-section2 .form .item {
  padding: 0 5px;
  width: 32%;
}
@media (max-width: 767px) {
  .campus-section2 .form .item {
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
  }
}
.campus-section2 .form .item:last-child {
  margin-bottom: 0;
}
.campus-section2 .form .item input,
.campus-section2 .form .item select,
.campus-section2 .form .item button {
  border: none;
  background-color: none;
  outline: none;
  height: 60px;
  padding: 20px;
  appearance: none;
	font-size: 16px;
	background-color: transparent;
}
@media (max-width: 1366px) {
  .campus-section2 .form .item input,
  .campus-section2 .form .item select,
  .campus-section2 .form .item button {
    height: 50px;
    padding: 16px;
		font-size: 14px;
  }
}
.campus-section2 .form .item input,
.campus-section2 .form .item select {
  width: 100%;
  border: 1px solid #dddddd;
}
.campus-section2 .form .item select {
  background: url(../images/selecticon1.png) no-repeat;
  background-size: 15px 8px;
  background-position: 94% 46%;
}
.campus-section2 .form .search {
  width: 36%;
  display: flex;
}
@media (max-width: 767px) {
  .campus-section2 .form .search {
    width: 100%;
  }
}
.campus-section2 .form .search input {
  width: 100%;
}
.campus-section2 .form .search button {
  width: 120px;
  flex-shrink: 1;
  background-color: #18b7e7;
}
@media (max-width: 1440px) {
  .campus-section2 .form .search button {
    width: 100px;
  }
}
@media (max-width: 1199px) {
  .campus-section2 .form .search button {
    width: 80px;
  }
}
.campus-section2 .form .search button img {
  height: 25px;
}
@media (max-width: 1440px) {
  .campus-section2 .form .search button img {
    height: 20px;
  }
}
@media (max-width: 1199px) {
  .campus-section2 .form .search button img {
    height: 16px;
  }
}
.campus-section2 .cont {
  margin-bottom: 60px;
  width: 100%;
  overflow: auto;
}
@media (max-width: 991px) {
  .campus-section2 .cont {
    margin-bottom: 30px;
  }
}
.campus-section2 .cont .f_zhong {
  min-width: 560px;
}
.campus-section2 .cont .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 25px 70px;
  background-color: #f8f8f8;
}
@media (max-width: 1440px) {
  .campus-section2 .cont .item {
    padding: 22px 60px;
  }
}
@media (max-width: 1199px) {
  .campus-section2 .cont .item {
    padding: 20px 30px;
  }
}
@media (max-width: 991px) {
  .campus-section2 .cont .item {
    padding: 20px;
  }
}
.campus-section2 .cont .item span {
  display: block;
  padding: 0 10px;
  text-align: center;
  width: 23%;
  font-size: 16px;
  color: #666666;
}
@media (max-width: 1199px) {
  .campus-section2 .cont .item span {
    font-size: 14px;
  }
}
.campus-section2 .cont .item span:nth-child(1) {
  width: 23%;
  text-align: left;
}
.campus-section2 .cont .item span:last-child {
  width: auto;
  text-align: left;
}
.campus-section2 .cont .item:nth-child(2n) {
  background-color: #fff;
}
.campus-section2 .cont .item:hover {
  background-color: #18b7e7;
}
.campus-section2 .cont .item:hover span {
  color: #fff;
}
.campus-section2 .cont .f_tit span {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
@media (max-width: 1440px) {
  .campus-section2 .cont .f_tit span {
    font-size: 20px;
  }
}
.campus-section2 .cont .f_tit:hover {
  background-color: #f8f8f8;
}
.campus-section2 .cont .f_tit:hover span {
  color: #333;
}
/* End */
/* 社会招聘 */
.social .campus-section2 {
  padding-top: 20px;
}
/* End */
/* 招聘详情页 */
.recruit_info-section1 {
  width: 100%;
  background-color: #f7f7f7;
}
.recruit_info-section1 .cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .recruit_info-section1 .cont .lt {
    width: 100%;
  }
}
.recruit_info-section1 .cont .lt .tit {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
}
@media (max-width: 1440px) {
  .recruit_info-section1 .cont .lt .tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .recruit_info-section1 .cont .lt .tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .recruit_info-section1 .cont .lt .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .recruit_info-section1 .cont .lt .tit {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .recruit_info-section1 .cont .lt .tit {
    margin-bottom: 20px;
  }
}
.recruit_info-section1 .cont .lt .jut {
  font-size: 20px;
  color: #333;
  overflow: hidden;
  line-height: 20px;
}
@media (max-width: 1440px) {
  .recruit_info-section1 .cont .lt .jut {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .recruit_info-section1 .cont .lt .jut {
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  .recruit_info-section1 .cont .lt .jut {
    font-size: 14px;
  }
}
.recruit_info-section1 .cont .lt .jut span,
.recruit_info-section1 .cont .lt .jut i {
  float: left;
  display: block;
  margin-bottom: 10px;
}
.recruit_info-section1 .cont .lt .jut i {
  display: block;
  font-size: 12px;
  margin: 0 16px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .recruit_info-section1 .cont .lt .jut i {
    margin: 0 10px;
  }
}
@media (max-width: 500px) {
  .recruit_info-section1 .cont .lt .jut i {
    margin: 0 5px;
  }
}
.recruit_info-section1 .cont .lt .jut span strong {
  color: #18b7e7;
}
@media (max-width: 991px) {
  .recruit_info-section1 .cont .gt {
    width: 100%;
    margin-top: 30px;
  }
}
.recruit_info-section1 .cont .gt .file {
  width: 220px;
  height: 70px;
  background-color: #18b7e7;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 3px;
  margin-bottom: 10px;
}
@media (max-width: 1440px) {
  .recruit_info-section1 .cont .gt .file {
    width: 180px;
    height: 60px;
  }
}
@media (max-width: 1199px) {
  .recruit_info-section1 .cont .gt .file {
    width: 140px;
    height: 50px;
  }
}
.recruit_info-section1 .cont .gt .file input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.recruit_info-section1 .cont .gt .file .but1 {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 1440px) {
  .recruit_info-section1 .cont .gt .file .but1 {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .recruit_info-section1 .cont .gt .file .but1 {
    font-size: 14px;
  }
}
.recruit_info-section1 .cont .gt .file .but1 i {
  display: block;
  width: 24px;
  overflow: hidden;
  margin-right: 6px;
}
@media (max-width: 1440px) {
  .recruit_info-section1 .cont .gt .file .but1 i {
    width: 22px;
  }
}
@media (max-width: 1199px) {
  .recruit_info-section1 .cont .gt .file .but1 i {
    margin-right: 4px;
    width: 18px;
  }
}
.recruit_info-section1 .cont .gt .file .but1 i img {
  width: 100%;
  float: left;
  overflow: hidden;
}
.recruit_info-section1 .cont .gt .text {
  font-size: 16px;
  text-align: right;
  color: #18b7e7;
}
@media (max-width: 1199px) {
  .recruit_info-section1 .cont .gt .text {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .recruit_info-section1 .cont .gt .text {
    text-align: left;
  }
}
.recruit_info-section2 {
  padding: 60px 0;
}
@media (max-width: 991px) {
  .recruit_info-section2 {
    padding: 40px 0;
  }
}
.recruit_info-section2 .cont {
  display: flex;
  flex-wrap: wrap;
}
.recruit_info-section2 .cont .lt {
  width: 70%;
  padding-right: 10px;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .recruit_info-section2 .cont .lt {
    width: 100%;
    margin-bottom: 0;
  }
}
@media (max-width: 1440px) {
  .recruit_info-section2 .cont .lt {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (max-width: 1199px) {
  .recruit_info-section2 .cont .lt {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .recruit_info-section2 .cont .lt {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.recruit_info-section2 .cont .lt .tit {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .recruit_info-section2 .cont .lt .tit {
    font-size: 20px;
  }
}
.recruit_info-section2 .cont .lt .make-text {
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .recruit_info-section2 .cont .lt .make-text {
    margin-bottom: 30px;
  }
}
.recruit_info-section2 .cont .lt .make-text:last-child {
  margin-bottom: 0;
}
.recruit_info-section2 .cont .gt {
  width: 30%;
  padding-left: 50px;
  border-left: 1px solid #e5e5e5;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1440px) {
  .recruit_info-section2 .cont .gt {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .recruit_info-section2 .cont .gt {
    padding-left: 0;
    border-left: none;
  }
}
@media (max-width: 1440px) {
  .recruit_info-section2 .cont .gt {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (max-width: 1199px) {
  .recruit_info-section2 .cont .gt {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .recruit_info-section2 .cont .gt {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .recruit_info-section2 .cont .gt {
    width: 100%;
  }
}
.recruit_info-section2 .cont .gt .tit {
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
  padding-bottom: 40px;
  border-bottom: 1px solid #E5E5E5;
}
@media (max-width: 1440px) {
  .recruit_info-section2 .cont .gt .tit {
    font-size: 20px;
    padding-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .recruit_info-section2 .cont .gt .tit {
    padding-bottom: 28px;
    font-size: 18px;
  }
}
.recruit_info-section2 .cont .gt .jut {
  width: 100%;
}
.recruit_info-section2 .cont .gt .jut .item {
  display: block;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #E5E5E5;
}
@media (max-width: 1440px) {
  .recruit_info-section2 .cont .gt .jut .item {
    padding: 26px 0;
  }
}
@media (max-width: 1199px) {
  .recruit_info-section2 .cont .gt .jut .item {
    padding: 24px 0;
  }
}
.recruit_info-section2 .cont .gt .jut .item .f_tit {
  line-height: 1.2;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .recruit_info-section2 .cont .gt .jut .item .f_tit {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
.recruit_info-section2 .cont .gt .jut .item .f_list {
  width: 100%;
  color: #999999;
  line-height: 16px;
}
.recruit_info-section2 .cont .gt .jut .item .f_list:after {
  content: "";
  clear: both;
  display: block;
}
.recruit_info-section2 .cont .gt .jut .item .f_list span,
.recruit_info-section2 .cont .gt .jut .item .f_list i {
  float: left;
  display: block;
  margin-bottom: 10px;
}
.recruit_info-section2 .cont .gt .jut .item .f_list i {
  font-size: 12px;
  margin: 0 14px;
  margin-bottom: 10px;
}
.recruit_info-section2 .cont .gt .jut .item .f_list span {
  font-size: 16px;
}
@media (max-width: 1199px) {
  .recruit_info-section2 .cont .gt .jut .item .f_list span {
    font-size: 14px;
  }
}
.recruit_info-section2 .cont .gt .jut .item .f_list .ju {
  margin-left: 60px;
}
@media (max-width: 1681px) {
  .recruit_info-section2 .cont .gt .jut .item .f_list .ju {
    width: 100%;
    margin-left: 0;
  }
}
.recruit_info-section2 .cont .gt .jut .item .f_list .ju div {
  display: inline-block;
  margin-left: 5px;
}
.recruit_info-section2 .cont .gt .jut .item .f_list:last-child {
  border-bottom: none;
}
/* End */
/* 解决方案 */
.solution-section1 .f_tit {
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 1199px) {
  .solution-section1 .f_tit {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .solution-section1 .f_tit {
    margin-bottom: 30px;
  }
}
.solution-section1 .f_tit span {
  font-size: 20px;
}
@media (max-width: 1440px) {
  .solution-section1 .f_tit span {
    font-size: 18px;
  }
}
.solution-section1 .f_tit .tit {
  font-size: 44px;
  font-weight: bold;
  line-height: 1;
  margin-top: 10px;
}
@media (max-width: 1440px) {
  .solution-section1 .f_tit .tit {
    font-size: 38px;
  }
}
@media (max-width: 1199px) {
  .solution-section1 .f_tit .tit {
    font-size: 34px;
  }
}
@media (max-width: 991px) {
  .solution-section1 .f_tit .tit {
    font-size: 24px;
  }
}
.solution-section1 .cont {
  margin: 0 -7px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  .solution-section1 .cont {
    margin: 0 -5px;
  }
}
@media (max-width: 767px) {
  .solution-section1 .cont {
    margin: 0;
  }
}
.solution-section1 .cont .item {
  width: 33.333%;
  padding: 0 7px;
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .solution-section1 .cont .item {
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .solution-section1 .cont .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .solution-section1 .cont .item {
    padding: 0;
    width: 100%;
  }
}
.solution-section1 .cont .item .list {
  width: 100%;
  display: block;
  position: relative;
}
.solution-section1 .cont .item .list .img {
  position: relative;
  padding-bottom: 100.6%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .solution-section1 .cont .item .list .img {
    padding-bottom: 70.6%;
  }
}
.solution-section1 .cont .item .list .img img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.solution-section1 .cont .item .list .jut {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
  z-index: 2;
}
@media (max-width: 1440px) {
  .solution-section1 .cont .item .list .jut {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .solution-section1 .cont .item .list .jut {
    padding: 0;
  }
}
.solution-section1 .cont .item .list .jut .font {
  width: 100%;
  padding: 20px 30px;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1440px) {
  .solution-section1 .cont .item .list .jut .font {
    padding: 20px 26px;
  }
}
.solution-section1 .cont .item .list .jut .font .tit {
  width: calc(100% - 48px);
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.2;
  font-size: 22px;
  color: #fff;
}
@media (max-width: 1440px) {
  .solution-section1 .cont .item .list .jut .font .tit {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .solution-section1 .cont .item .list .jut .font .tit {
    font-size: 18px;
  }
}
.solution-section1 .cont .item .list .jut .font i {
  width: 38px;
  display: block;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .solution-section1 .cont .item .list .jut .font i {
    width: 30px;
  }
}
.solution-section1 .cont .item .list .jut .font i img {
  float: left;
  width: 100%;
}
.solution-section1 .cont .item .list .jut .font i img:nth-child(2) {
  display: none;
}
.solution-section1 .cont .item .list:hover .img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.solution-section1 .cont .item .list:hover .jut .font {
  background-color: rgba(232, 111, 0, 0.9);
}
.solution-section1 .cont .item .list:hover .jut .font .tit {
  color: #fff;
}
.solution-section1 .cont .item .list:hover .jut .font i img:nth-child(1) {
  display: none;
}
.solution-section1 .cont .item .list:hover .jut .font i img:nth-child(2) {
  display: block;
}
/* End */
/* 解决方案详情页 */
.solution_info-section1 .tit {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 60px;
}
@media (max-width: 1440px) {
  .solution_info-section1 .tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .solution_info-section1 .tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .solution_info-section1 .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .solution_info-section1 .tit {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .solution_info-section1 .tit {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .solution_info-section1 .tit {
    margin-bottom: 30px;
  }
}
.solution_info-section1 .tit span {
  color: #18b7e7;
}
.solution_info-section1 .cont{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.solution_info-section1 .cont .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 230px;
  height: 230px;
	margin: 0 30px;
	margin-bottom: 30px;
  /* margin: auto; */
  border-radius: 50%;
  background-color: #f8f8f8;
	
}
.solution_info-section1 .cont .item i {
  display: block;
  height: 56px;
  margin-bottom: 40px;
}
.solution_info-section1 .cont .item i img {
  height: 100%;
}
.solution_info-section1 .cont .item .f_tit {
  width: 100%;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
}

@media (max-width: 1440px) {
  .solution_info-section1 .cont .item {
    width: 200px;
    height: 200px;
  }
  .solution_info-section1 .cont .item i {
    height: 50px;
		margin: 0 20px;
    margin-bottom: 26px;
  }
  .solution_info-section1 .cont .item .f_tit {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .solution_info-section1 .cont .item {
    width: 180px;
    height: 180px;
  }
  .solution_info-section1 .cont .item i {
    height: 40px;
  }
}
.solution_info-section2 .cont {
  width: 100%;
  background-color: #0f1114;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 991px) {
	.solution_info-section1 .cont .item{
		margin: 0 10px;
		margin-bottom: 20px;
	}
}
@media (max-width: 767px) {
  .solution_info-section2 .cont {
    height: 450px;
  }
	.solution_info-section1 .cont .item{
		margin: 0 5px;
		margin-bottom: 20px;
	}
}
.solution_info-section2 .cont .basecont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 3;
}
@media (max-width: 767px) {
  .solution_info-section2 .cont .basecont {
    width: 100%;
  }
}
.solution_info-section2 .cont .basecont .font {
  width: 100%;
  color: #fff;
}
.solution_info-section2 .cont .basecont .font .tit {
  font-weight: bold;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 54px;
}
@media (max-width: 1440px) {
  .solution_info-section2 .cont .basecont .font .tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .solution_info-section2 .cont .basecont .font .tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .solution_info-section2 .cont .basecont .font .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .solution_info-section2 .cont .basecont .font .tit {
    font-size: 24px;
  }
}
@media (max-width: 1440px) {
  .solution_info-section2 .cont .basecont .font .tit {
    margin-bottom: 50px;
  }
}
@media (max-width: 1366px) {
  .solution_info-section2 .cont .basecont .font .tit {
    margin-bottom: 30px;
  }
}
.solution_info-section2 .cont .basecont .font .shu {
  font-size: 80px;
  font-family: "FuturaBoldBT";
  opacity: 0.1;
}
@media (max-width: 1440px) {
  .solution_info-section2 .cont .basecont .font .shu {
    font-size: 60px;
  }
}
.solution_info-section2 .cont .basecont .font .f_tit {
  font-size: 36px;
  line-height: 1;
}
@media (max-width: 1440px) {
  .solution_info-section2 .cont .basecont .font .f_tit {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  .solution_info-section2 .cont .basecont .font .f_tit {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .solution_info-section2 .cont .basecont .font .f_tit {
    font-size: 22px;
  }
}
.solution_info-section2 .cont .basecont .font .xian {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #18b7e7;
  margin: 30px 0;
}
.solution_info-section2 .cont .basecont .font .make-text,.solution_info-section2 .cont .basecont .font .make-text p{
	color: #fff;
}
@media (max-width: 1440px) {
  .solution_info-section2 .cont .basecont .font .xian {
    margin: 20px 0;
  }
}
.solution_info-section2 .cont .video {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution_info-section2 .cont .img {
  z-index: 2;
  position: relative;
  width: 100%;
}
.solution_info-section2 .cont .img img {
  width: 100%;
}
.solution_info-section2 .cont .img img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .solution_info-section2 .cont .img img:nth-child(1) {
    display: none;
  }
  .solution_info-section2 .cont .img img:nth-child(2) {
    display: block;
  }
}
.solution_info-section2 .cont .video {
  width: 100%;
}
.solution_info-section2 .cont .video video {
  width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (min-width: 768px) {
  .solution_info-section2 .cont:nth-child(2) .basecont {
    display: flex;
    flex-direction: row-reverse;
  }
  .solution_info-section2 .cont:nth-child(2) .basecont .font {
    width: auto;
  }
}
.solution_info-section3 {
  background-color: #f8f8f8;
}
.solution_info-section3 .tit {
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 60px;
}
@media (max-width: 1440px) {
  .solution_info-section3 .tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .solution_info-section3 .tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .solution_info-section3 .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .solution_info-section3 .tit {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .solution_info-section3 .tit {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .solution_info-section3 .tit {
    margin-bottom: 30px;
  }
}
.solution_info-section3 .soluinfo3_cont {
  width: 100%;
}
.solution_info-section3 .soluinfo3_cont .item {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.solution_info-section3 .soluinfo3_cont .item i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  margin-bottom: 30px;
  background-color: #fff;
  border-radius: 50%;
}
@media (max-width: 1440px) {
  .solution_info-section3 .soluinfo3_cont .item i {
    width: 100px;
    height: 100px;
    margin-bottom: 26px;
  }
}
@media (max-width: 1199px) {
  .solution_info-section3 .soluinfo3_cont .item i {
    margin-bottom: 24px;
  }
}
.solution_info-section3 .soluinfo3_cont .item i img {
  height: 44px;
}
@media (max-width: 1440px) {
  .solution_info-section3 .soluinfo3_cont .item i img {
    height: 38px;
  }
}
@media (max-width: 1199px) {
  .solution_info-section3 .soluinfo3_cont .item i img {
    height: 34px;
  }
}
.solution_info-section3 .soluinfo3_cont .item .font {
  width: 100%;
  text-align: center;
}
.solution_info-section3 .soluinfo3_cont .item .font .f_tit {
  font-size: 30px;
  font-weight: bold;
}
@media (max-width: 1440px) {
  .solution_info-section3 .soluinfo3_cont .item .font .f_tit {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  .solution_info-section3 .soluinfo3_cont .item .font .f_tit {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .solution_info-section3 .soluinfo3_cont .item .font .f_tit {
    font-size: 20px;
  }
}
.solution_info-section3 .soluinfo3_cont .item .font .text {
  margin-top: 16px;
  font-size: 16px;
  color: #555555;
  line-height: 24px;
}
@media (max-width: 1440px) {
  .solution_info-section3 .soluinfo3_cont .item .font .text {
    margin-top: 14px;
  }
}
@media (max-width: 1199px) {
  .solution_info-section3 .soluinfo3_cont .item .font .text {
    font-size: 14px;
    line-height: 22px;
  }
}
/* End */
/* 联系我们 */
.contactbox-section1 {
  padding-top: 60px;
}
@media (max-width: 991px) {
  .contactbox-section1 {
    padding-top: 30px;
  }
}
.contactbox-section1 .cont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contactbox-section1 .cont .lt,
.contactbox-section1 .cont .gt {
  width: 50%;
}
@media (max-width: 991px) {
  .contactbox-section1 .cont .lt,
  .contactbox-section1 .cont .gt {
    width: 100%;
  }
}
.contactbox-section1 .cont .tit {
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 40px;
}
@media (max-width: 1440px) {
  .contactbox-section1 .cont .tit {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .contactbox-section1 .cont .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .contactbox-section1 .cont .tit {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .contactbox-section1 .cont .lt {
    margin-bottom: 30px;
  }
}
.contactbox-section1 .cont .lt .text {
  font-size: 30px;
  font-family: "FuturaBkBTBookItalic";
  margin-bottom: 26px;
}
@media (max-width: 1440px) {
  .contactbox-section1 .cont .lt .text {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .contactbox-section1 .cont .lt .text {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .contactbox-section1 .cont .lt .text {
    font-size: 20px;
  }
}
@media (max-width: 1440px) {
  .contactbox-section1 .cont .lt .text span {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .contactbox-section1 .cont .lt .text span {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .contactbox-section1 .cont .lt .text span {
    font-size: 22px;
  }
}
.contactbox-section1 .cont .lt .make-text {
  font-size: 14px!important;
}
.contactbox-section1 .cont .gt .form {
  width: 100%;
}
.contactbox-section1 .cont .gt .form .item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.contactbox-section1 .cont .gt .form .item textarea,
.contactbox-section1 .cont .gt .form .item input,
.contactbox-section1 .cont .gt .form .item button {
  padding: 21px 24px;
  font-size: 16px;
  color: #b2b2b2;
  background-color: #f5f5f5;
  resize: none;
  outline: none;
  border: none;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .contactbox-section1 .cont .gt .form .item textarea,
  .contactbox-section1 .cont .gt .form .item input,
  .contactbox-section1 .cont .gt .form .item button {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .contactbox-section1 .cont .gt .form .item textarea,
  .contactbox-section1 .cont .gt .form .item input,
  .contactbox-section1 .cont .gt .form .item button {
    margin-bottom: 16px;
  }
}
.contactbox-section1 .cont .gt .form .item input {
  width: calc(50% - 10px);
}
@media (max-width: 1199px) {
  .contactbox-section1 .cont .gt .form .item input {
    width: calc(50% - 5px);
  }
}
@media (max-width: 767px) {
  .contactbox-section1 .cont .gt .form .item input {
    width: 100%;
  }
}
.contactbox-section1 .cont .gt .form .item textarea {
  width: 100%;
  height: 150px;
}
@media (max-width: 1199px) {
  .contactbox-section1 .cont .gt .form .item textarea {
    height: 120px;
  }
}
.contactbox-section1 .cont .gt .form .item button {
  width: 100%;
  background-color: #18b7e7;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .contactbox-section1 .cont .gt .form .item button {
    font-size: 16px;
  }
}
.contactbox-section1 .cont .gt .form .emale1 input {
  width: 100%;
}
.contactbox-section2 {
  background-color: #efefef;
}
@media (min-width: 768px) {
  .contactbox-section2 .basecont {
    position: relative;
    padding-bottom: 200px;
  }
  .contactbox-section2 .img {
    width: 100%;
    position: relative;
  }
  .contactbox-section2 .img img {
    width: 100%;
  }
  .contactbox-section2 .img .yuan {
    position: absolute;
    z-index: 1;
    width: 8px;
    height: 8px;
    top: 0;
    left: 0;
    background-color: #18b7e7;
    border-radius: 50%;
  }
  .contactbox-section2 .img .yuan:after {
    content: "";
    display: block;
    position: absolute;
    top: -21px;
    left: -21px;
    -webkit-animation: fang1 2s linear infinite;
    animation: fang1 2s linear infinite;
    background-color: #18b7e7;
    opacity: 0.3;
    border-radius: 50%;
    width: 50px;
    height: 50px;
		
  }
	
	@media (max-width: 1440px) {
		.contactbox-section2 .img .yuan:after{
			width: 36px;
			height: 36px;
			left: -14px;
			top: -14px;
		}
	}
  .contactbox-section2 .img .zhong:after {
    -webkit-animation: fang2 2s linear infinite;
    animation: fang2 2s linear infinite;
  }
  .contactbox-section2 .img .xiao:after {
    -webkit-animation: fang3 2s linear infinite;
    animation: fang2 3s linear infinite;
  }
  .contactbox-section2 .img .yuan1 {
    top: 46%;
    left: 21%;
  }
  .contactbox-section2 .img .yuan2 {
    top: 32%;
    left: 48%;
  }
  .contactbox-section2 .img .yuan3 {
    top: 40%;
    left: 82%;
  }
  .contactbox-section2 .img .yuan4 {
    top: 51%;
    left: 75%;
  }
  .contactbox-section2 .img .yuan5 {
    top: 36%;
    left: 77%;
  }
  .contactbox-section2 .img .yuan6 {
    top: 49%;
    left: 79%;
  }
  .contactbox-section2 .img .yuan7 {
    top: 56%;
    left: 68%;
  }
  .contactbox-section2 .img .yuan8 {
    top: 38%;
    left: 71%;
  }
}
@media (min-width: 768px) and (max-width: 1440px) {
  .contactbox-section2 .basecont {
    padding-bottom: 160px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .contactbox-section2 .basecont {
    padding-bottom: 140px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contactbox-section2 .basecont {
    margin-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .contactbox-section2 .img {
    display: none;
  }
}
@media (min-width: 768px) {
  .contactbox-section2 .f_bot {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 2;
  }
}
.contactbox-section2 .f_bot .cont {
  margin: 0 -16px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1366px) {
  .contactbox-section2 .f_bot .cont {
    margin: 0 -10px;
  }
}
@media (max-width: 991px) {
  .contactbox-section2 .f_bot .cont {
    margin: 0 -5px;
  }
}
@media (max-width: 767px) {
  .contactbox-section2 .f_bot .cont {
    margin: 0;
  }
}
.contactbox-section2 .f_bot .cont .item {
  padding: 0 16px;
  width: 33.333%;
}
@media (max-width: 1366px) {
  .contactbox-section2 .f_bot .cont .item {
    padding: 0 10px;
  }
}
@media (max-width: 991px) {
  .contactbox-section2 .f_bot .cont .item {
    padding: 0 5px;
  }
}
@media (max-width: 767px) {
  .contactbox-section2 .f_bot .cont .item {
    padding: 0;
    width: 100%;
    margin-bottom: 10px;
  }
}
.contactbox-section2 .f_bot .cont .item .pad {
  width: 100%;
  background-color: #fff;
  padding: 50px 40px;
}
@media (max-width: 1440px) {
  .contactbox-section2 .f_bot .cont .item .pad {
    padding: 40px 26px;
  }
}
@media (max-width: 1199px) {
  .contactbox-section2 .f_bot .cont .item .pad {
    padding: 30px 20px;
  }
}
.contactbox-section2 .f_bot .cont .item .pad .tit {
  width: 100%;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 15px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 1440px) {
  .contactbox-section2 .f_bot .cont .item .pad .tit {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .contactbox-section2 .f_bot .cont .item .pad .tit {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .contactbox-section2 .f_bot .cont .item .pad .tit {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .contactbox-section2 .f_bot .cont .item .pad .tit {
    font-size: 18px;
  }
}
.contactbox-section2 .f_bot .cont .item .pad .font {
  width: 100%;
  height: 142px;
  overflow: auto;
  width: calc(100% + 32px);
  margin-right: 32px;
  padding-right: 32px;
}
@media (max-width: 1440px) {
  .contactbox-section2 .f_bot .cont .item .pad .font {
    width: calc(100% + 10px);
    margin-right: 10px;
    padding-right: 10px;
  }
}
.contactbox-section2 .f_bot .cont .item .pad .font::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 3px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.contactbox-section2 .f_bot .cont .item .pad .font::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #18b7e7;
}
.contactbox-section2 .f_bot .cont .item .pad .font::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #ededed;
}
.contactbox-section2 .f_bot .cont .item .pad .font .diz {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  font-weight: bold;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .contactbox-section2 .f_bot .cont .item .pad .font .diz {
    font-size: 14px;
  }
}
.contactbox-section2 .f_bot .cont .item .pad .font .diz i {
  display: block;
  width: 12px;
  margin-right: 10px;
  overflow: hidden;
  margin-top: 2px;
}
@media (max-width: 1440px) {
  .contactbox-section2 .f_bot .cont .item .pad .font .diz i {
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .contactbox-section2 .f_bot .cont .item .pad .font .diz i {
    width: 10px;
    margin-right: 5px;
  }
}
.contactbox-section2 .f_bot .cont .item .pad .font .diz i img {
  width: 100%;
  float: left;
}
.contactbox-section2 .f_bot .cont .item .pad .zhi .list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.contactbox-section2 .f_bot .cont .item .pad .zhi .list:last-child {
  margin-bottom: 0;
}
.contactbox-section2 .f_bot .cont .item .pad .zhi .list .text {
  font-size: 18px;
  color: #666666;
  width: 90%;
  width: calc(100% - 66px);
}
@media (max-width: 767px) {
  .contactbox-section2 .f_bot .cont .item .pad .zhi .list .text {
    width: calc(100% - 60px);
  }
}
@media (max-width: 991px) {
  .contactbox-section2 .f_bot .cont .item .pad .zhi .list .text {
    font-size: 16px;
  }
}
.contactbox-section2 .f_bot .cont .item .pad .jishu .list {
  width: 100%;
}
.contactbox-section2 .f_bot .cont .item .pad .jishu .list .f_tit {
  font-size: 18px;
  color: #666666;
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .contactbox-section2 .f_bot .cont .item .pad .jishu .list .f_tit {
    font-size: 16px;
  }
}
.contactbox-section2 .f_bot .cont .item .pad .jishu .list .jut1 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.contactbox-section2 .f_bot .cont .item .pad .jishu .list .jut1 .diz {
  margin-right: 40px;
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .contactbox-section2 .f_bot .cont .item .pad .jishu .list .jut1 .diz {
    margin-right: 30px;
  }
}
.contactbox-section2 .f_bot .cont .item .pad .shi {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.contactbox-section2 .f_bot .cont .item .pad .shi .diz {
  margin-right: 40px;
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .contactbox-section2 .f_bot .cont .item .pad .shi .diz {
    margin-right: 30px;
  }
}
@keyframes fang1 {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes fang2 {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes fang3 {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
/* End */
/* 售后服务 服务支持 */
.service-section1 .cont {
  width: 100%;
}
.service-section1 .cont .item {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
}
.service-section1 .cont .item i {
  display: block;
  width: 120px;
  height: 120px;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 50%;
  margin-bottom: 20px;
}
.service-section1 .cont .item i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-section1 .cont .item .tit {
  line-height: 1;
  font-size: 18px;
  margin-bottom: 40px;
}
@media (max-width: 1440px) {
  .service-section1 .cont .item .tit {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .service-section1 .cont .item .tit {
    font-size: 16px;
  }
}
.service-section1 .cont .item .text {
  font-size: 24px;
  line-height: 36px;
  padding: 0 100px;
  position: relative;
}
@media (max-width: 1440px) {
  .service-section1 .cont .item .text {
    font-size: 22px;
    line-height: 34px;
    padding: 0 80px;
  }
}
@media (max-width: 1199px) {
  .service-section1 .cont .item .text {
    font-size: 20px;
    line-height: 32px;
    padding: 0 60px;
  }
}
@media (max-width: 991px) {
  .service-section1 .cont .item .text {
    padding: 0 30px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .service-section1 .cont .item .text {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .service-section1 .cont .item .text:after,
  .service-section1 .cont .item .text:before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 40px;
    height: 32px;
    background-size: 38px 32px;
  }
  .service-section1 .cont .item .text:after {
    right: 0;
    background: url(../images/douright1.png) no-repeat center / contain;
  }
  .service-section1 .cont .item .text:before {
    left: 0;
    background: url(../images/douleft1.png) no-repeat center / contain;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .service-section1 .cont .item .text:after,
  .service-section1 .cont .item .text:before {
    width: 30px;
    height: 22px;
    background-size: 28px 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service-section1 .cont .item .text:after,
  .service-section1 .cont .item .text:before {
    width: 20px;
    height: 12px;
    background-size: 18px 12px;
  }
}
.service-section2 {
  background-color: #f7f7f7;
}
.service-section2 .tit {
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 60px;
}
@media (max-width: 1440px) {
  .service-section2 .tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .service-section2 .tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .service-section2 .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .service-section2 .tit {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .service-section2 .tit {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .service-section2 .tit {
    margin-bottom: 30px;
  }
}
.service-section2 .service2-cont {
  width: 1005;
}
.service-section2 .service2-cont .item {
  width: 100%;
  position: relative;
}
.service-section2 .service2-cont .item .img {
  overflow: hidden;
  position: relative;
  padding-bottom: 138.9%;
	width: 100%;
}
.service-section2 .service2-cont .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.service-section2 .service2-cont .item .font {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/jianbianimg1.png) no-repeat center / cover;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  padding: 40px 20px;
}
@media (max-width: 1440px) {
  .service-section2 .service2-cont .item .font {
    padding: 30px 20px;
  }
}
@media (max-width: 1199px) {
  .service-section2 .service2-cont .item .font {
    padding: 26px 20px;
  }
}
.service-section2 .service2-cont .item .font .f_tit {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
@media (max-width: 1440px) {
  .service-section2 .service2-cont .item .font .f_tit {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  .service-section2 .service2-cont .item .font .f_tit {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .service-section2 .service2-cont .item .font .f_tit {
    font-size: 18px;
  }
}
.service-section2 .service2-cont .item .font .text {
  font-size: 22px;
}
@media (max-width: 1440px) {
  .service-section2 .service2-cont .item .font .text {
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .service-section2 .service2-cont .item .font .text {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .service-section2 .service2-cont .item .font .text {
    font-size: 16px;
  }
}
.service-section3 .tit {
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 60px;
}
@media (max-width: 1440px) {
  .service-section3 .tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .service-section3 .tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .service-section3 .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .service-section3 .tit {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .service-section3 .tit {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .service-section3 .tit {
    margin-bottom: 30px;
  }
}
.service-section3 .service3-cont {
  width: 100%;
}
.service-section3 .service3-cont .item {
  width: 100%;
  text-align: center;
}
.service-section3 .service3-cont .item .shu {
  font-size: 65px;
  color: #18b7e7;
  
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .service-section3 .service3-cont .item .shu {
    font-size: 55px;
    margin-bottom: 16px;
  }
}
@media (max-width: 1199px) {
  .service-section3 .service3-cont .item .shu {
    font-size: 35px;
  }
}
@media (max-width: 991px) {
  .service-section3 .service3-cont .item .shu {
    font-size: 30px;
  }
}
.service-section3 .service3-cont .item .shu i {
  font-size: 35px;
}
@media (max-width: 1440px) {
  .service-section3 .service3-cont .item .shu i {
    font-size: 25px;
  }
}
@media (max-width: 1199px) {
  .service-section3 .service3-cont .item .shu i {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .service-section3 .service3-cont .item .shu i {
    font-size: 16px;
  }
}
.service-section3 .service3-cont .item .text {
  font-size: 24px;
  line-height: 1.3;
}
@media (max-width: 1440px) {
  .service-section3 .service3-cont .item .text {
    font-size: 20px;
  }
}
.service-section4 {
  padding-top: 0;
}
.service-section4 .cont {
  width: 100%;
}
.service-section4 .cont .service4-nav {
  width: 100%;
}
.service-section4 .cont .service4-nav .item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #555555;
  font-weight: bold;
  border-top: 5px solid transparent;
  height: 100px;
  background-color: #eeeeee;
}
@media (max-width: 1199px) {
  .service-section4 .cont .service4-nav .item {
    height: 70px;
  }
}
@media (max-width: 991px) {
  .service-section4 .cont .service4-nav .item {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .service-section4 .cont .service4-nav .item {
    font-size: 12px;
  }
}
.service-section4 .cont .service4-nav .on .item {
  border-color: #f07511;
  background-color: #f7f7f7;
}
.service-section4 .cont .f_cont {
  background-color: #f7f7f7;
  padding: 80px 60px;
}
@media (max-width: 1440px) {
  .service-section4 .cont .f_cont {
    padding: 70px 50px;
  }
}
@media (max-width: 1199px) {
  .service-section4 .cont .f_cont {
    padding: 50px 30px;
  }
}
@media (max-width: 991px) {
  .service-section4 .cont .f_cont {
    padding: 40px 20px;
  }
}
.service-section4 .cont .f_cont .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  display: none;
}
@media (max-width: 991px) {
  .service-section4 .cont .f_cont .item .font {
    width: 100%;
    margin-bottom: 10px;
  }
}
.service-section4 .cont .f_cont .item .font .tit {
  font-size: 26px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 40px;
}
@media (max-width: 1440px) {
  .service-section4 .cont .f_cont .item .font .tit {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .service-section4 .cont .f_cont .item .font .tit {
    margin-bottom: 26px;
    font-size: 20px;
  }
}
.service-section4 .cont .f_cont .item .font .jut {
  width: 100%;
}
.service-section4 .cont .f_cont .item .font .jut .lit {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.service-section4 .cont .f_cont .item .font .jut .lit i {
  display: block;
  width: 30px;
  margin-right: 20px;
  flex-shrink: 0;
}
@media (max-width: 1440px) {
  .service-section4 .cont .f_cont .item .font .jut .lit i {
    width: 26px;
  }
}
@media (max-width: 991px) {
  .service-section4 .cont .f_cont .item .font .jut .lit i {
    display: none;
  }
}
@media (max-width: 767px) {
  .service-section4 .cont .f_cont .item .font .jut .lit i {
    margin-right: 14px;
    width: 24px;
  }
}
.service-section4 .cont .f_cont .item .font .jut .lit i img {
  width: 100%;
}
.service-section4 .cont .f_cont .item .font .jut .lit .text {
  display: flex;
  font-size: 18px;
  line-height: 1.3;
  color: #666666;
  margin-top: 4px;
}
@media (max-width: 1440px) {
  .service-section4 .cont .f_cont .item .font .jut .lit .text {
    font-size: 16px;
  }
}
.service-section4 .cont .f_cont .item .font .jut .lit .text span {
  font-weight: bold;
  color: #333;
  flex-shrink: 0;
}
.service-section4 .cont .f_cont .item .er {
  width: 279px;
  flex-shrink: 0;
  text-align: center;
}
@media (max-width: 1440px) {
  .service-section4 .cont .f_cont .item .er {
    width: 160px;
  }
}
@media (max-width: 1199px) {
  .service-section4 .cont .f_cont .item .er {
    width: 140px;
  }
}
@media (min-width: 992px) {
  .service-section4 .cont .f_cont .item .er {
    margin-left: 10px;
  }
}
.service-section4 .cont .f_cont .item .er i {
  display: block;
  width: 100%;
}
.service-section4 .cont .f_cont .item .er i img {
  width: 100%;
}
.service-section4 .cont .f_cont .item .er p {
  margin-top: 20px;
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 1440px) {
  .service-section4 .cont .f_cont .item .er p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .service-section4 .cont .f_cont .item .er p {
    font-size: 14px;
  }
}
.service-section4 .cont .f_cont .on {
  display: flex;
}
/* End */
/* 实验室 */
.c-banner3 {
  padding-bottom: 60px;
}
.c-banner3 .c-title2 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 40px;
  width: 100%;
  height: 100%;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: url(../images/hj-zz.png) repeat-x bottom left / auto;
}
.c-banner3 .swiper-slide img {
  width: 100%;
  height: 5.1rem;
  object-fit: cover;
}
.c-banner3 .c-bottom-wrap {
  display: flex;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.c-banner3 .c-bottom-wrap .swiper-pagination {
  position: relative;
  bottom: 0;
  width: 100px;
  font-style: italic;
  text-align: left;
  color: #999;
}
.c-banner3 .c-bottom-wrap .swiper-pagination-current {
  font-size: 30px;
  color: #333;
}
.c-banner3 .c-bottom-wrap .swiper-pagination-total {
  font-size: 14px;
}
.c-banner3 .c-bottom-wrap .c-btn-box {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: 130px;
}
.c-banner3 .c-bottom-wrap .c-btn-box .c-prev {
  width: 22px;
  height: 12px;
  background: url(../images/prev2.png) no-repeat left top / 100% auto;
  cursor: pointer;
}
.c-banner3 .c-bottom-wrap .c-btn-box .c-prev:hover {
  background-image: url(../images/prev2-h.png);
}
.c-banner3 .c-bottom-wrap .c-btn-box .c-next {
  margin: 0 30px 0 20px;
  width: 22px;
  height: 12px;
  background: url(../images/next2.png) no-repeat left top / 100% auto;
  cursor: pointer;
}
.c-banner3 .c-bottom-wrap .c-btn-box .c-next:hover {
  background-image: url(../images/next2-h.png);
}
.c-banner3 .c-bottom-wrap .c-btn-box .c-btn {
  width: 12px;
  height: 12px;
  background: url(../images/zt.png) no-repeat left top / 100% auto;
  cursor: pointer;
}
.c-banner3 .c-bottom-wrap .c-btn-box .c-btn.on {
  background-image: url(../images/bf.png);
}
.c-banner3 .c-bottom-wrap .c-line-box {
  position: relative;
  margin-bottom: 5px;
  width: -webkit-calc(-130%);
  width: calc(100% - 230px);
  height: 1px;
  background: #dadada;
  overflow: hidden;
}
.c-banner3 .c-bottom-wrap .c-line-box .c-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #0042ad;
}
.experiment-section1 {
  padding-top: 30px;
}
.experiment-section1 .basecont .cont .nav .zhong .item {
  border-top: 2px solid #f7f7f7;
  border-bottom: none;
}
@media (min-width: 992px) {
  .experiment-section1 .basecont .cont .nav .zhong .item {
    border-right: 2px solid #f7f7f7;
  }
}
.experiment-section1 .basecont .cont .nav .zhong .item:first-child {
  padding-top: 35px;
}
@media (max-width: 1440px) {
  .experiment-section1 .basecont .cont .nav .zhong .item:first-child {
    padding-top: 26px;
  }
}
@media (max-width: 1199px) {
  .experiment-section1 .basecont .cont .nav .zhong .item:first-child {
    padding-top: 20px;
  }
}
.experiment-section1 .basecont .cont .nav .zhong .item:last-child {
  border-bottom: 2px solid #f7f7f7;
}
@media (min-width: 992px) {
  .experiment-section1 .basecont .cont .nav .zhong .on {
    border-right-color: #18b7e7;
  }
}
.experiment-section1 .basecont .cont .gt .f_item1 {
  width: 100%;
  padding-top: 140px;
  padding-bottom: 140px;
}
@media (max-width: 1681px) {
  .experiment-section1 .basecont .cont .gt .f_item1 {
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
@media (max-width: 1440px) {
  .experiment-section1 .basecont .cont .gt .f_item1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 1366px) {
  .experiment-section1 .basecont .cont .gt .f_item1 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .experiment-section1 .basecont .cont .gt .f_item1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .experiment-section1 .basecont .cont .gt .f_item1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.experiment-section1 .basecont .cont .gt .f_item1 {
  padding-top: 0;
}
.experiment-section1 .basecont .cont .gt .f_item1:last-child {
  padding-bottom: 0;
}
.experiment-section1 .basecont .cont .gt .f_item1 .tit {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 1440px) {
  .experiment-section1 .basecont .cont .gt .f_item1 .tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .experiment-section1 .basecont .cont .gt .f_item1 .tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .experiment-section1 .basecont .cont .gt .f_item1 .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .experiment-section1 .basecont .cont .gt .f_item1 .tit {
    font-size: 24px;
  }
}
.experiment-section1 .basecont .cont .gt .f_item1 .text {
  font-size: 16px;
  color: #555555;
  line-height: 28px;
  margin-top: 20px;
  margin-bottom: 50px;
}
@media (max-width: 1440px) {
  .experiment-section1 .basecont .cont .gt .f_item1 .text {
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .experiment-section1 .basecont .cont .gt .f_item1 .text {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 30px;
  }
}
.experiment-section1 .basecont .cont .gt .f_item1 .c-banner3 {
  height: auto;
}
.experiment-section1 .basecont .cont .gt .f_item1 .c-banner3 .swiper-slide img {
  height: auto;
}
@media (max-width: 767px) {
}
.experiment-section2 {
  padding-top: 0;
}
.experiment-section2 .basecont .cont {
  margin: 0 -30px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1440px) {
  .experiment-section2 .basecont .cont {
    margin: 0 -20px;
  }
}
@media (max-width: 1199px) {
  .experiment-section2 .basecont .cont {
    margin: 0 -10px;
  }
}
@media (max-width: 991px) {
  .experiment-section2 .basecont .cont {
    margin: 0 -5px;
  }
}
@media (max-width: 767px) {
  .experiment-section2 .basecont .cont {
    margin: 0;
  }
}
.experiment-section2 .basecont .cont .item {
  width: 50%;
  padding: 0 30px;
}
@media (max-width: 1440px) {
  .experiment-section2 .basecont .cont .item {
    padding: 0 20px;
  }
}
@media (max-width: 1199px) {
  .experiment-section2 .basecont .cont .item {
    padding: 0 10px;
  }
}
@media (max-width: 991px) {
  .experiment-section2 .basecont .cont .item {
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  .experiment-section2 .basecont .cont .item:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .experiment-section2 .basecont .cont .item {
    padding: 0;
  }
}
.experiment-section2 .basecont .cont .item .jut {
  background-color: #fafafa;
  padding: 40px 50px;
}
@media (max-width: 1440px) {
  .experiment-section2 .basecont .cont .item .jut {
    padding: 30px 40px;
  }
}
@media (max-width: 1199px) {
  .experiment-section2 .basecont .cont .item .jut {
    padding: 30px 20px;
  }
}
@media (max-width: 991px) {
  .experiment-section2 .basecont .cont .item .jut {
    padding-inline-end: 30px 16px;
  }
}
.experiment-section2 .basecont .cont .item .jut .tit {
  font-size: 24px;
  line-height: 1;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
@media (max-width: 1440px) {
  .experiment-section2 .basecont .cont .item .jut .tit {
    font-size: 20px;
  }
}
@media (max-width: 1440px) {
  .experiment-section2 .basecont .cont .item .jut .tit {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .experiment-section2 .basecont .cont .item .jut .tit {
    padding-bottom: 26px;
    margin-bottom: 26px;
  }
}
.experiment-section2 .basecont .cont .item .jut .zhong {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
@media (max-width: 1199px) {
  .experiment-section2 .basecont .cont .item .jut .zhong {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .experiment-section2 .basecont .cont .item .jut .zhong {
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  .experiment-section2 .basecont .cont .item .jut .zhong {
    font-size: 12px;
  }
}
.experiment-section2 .basecont .cont .item .jut .zhong a {
  display: block;
  margin-left: 10px;
}
.experiment-section2 .basecont .cont .item .jut .zhong a:first-child {
  margin-left: 0;
}
.experiment-section2 .basecont .cont .item .jut .zhong a:hover {
  color: #18b7e7;
}
@media (max-width: 767px) {
  .experiment-section2 .basecont .cont .item .jut .zhong a {
    margin-bottom: 14px;
    width: calc(33% - 10px);
  }
}
@media (max-width: 767px) and (min-width: 568px) {
  .experiment-section2 .basecont .cont .item .jut .zhong a:nth-child(4n) {
    margin-left: 0;
  }
}
@media (max-width: 500px) {
  .experiment-section2 .basecont .cont .item .jut .zhong a {
    width: calc(50% - 10px);
  }
}
@media (max-width: 500px) and (min-width: 200px) {
  .experiment-section2 .basecont .cont .item .jut .zhong a:nth-child(3n) {
    margin-left: 0;
  }
}
/* End */
/* 社会责任 */
.responsibility-section1 .item {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 30px;
}
@media (max-width: 1440px) {
  .responsibility-section1 .item {
    padding: 0 20px;
  }
}
.responsibility-section1 .item i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #f4f4f4;
  margin-bottom: 30px;
}
.responsibility-section1 .item i img {
  height: 44px;
}
@media (max-width: 1440px) {
  .responsibility-section1 .item i {
    height: 100px;
    width: 100px;
    margin-bottom: 24px;
  }
  .responsibility-section1 .item i img {
    height: 40px;
  }
}
@media (max-width: 1199px) {
  .responsibility-section1 .item i {
    height: 80px;
    width: 80px;
  }
  .responsibility-section1 .item i img {
    height: 34px;
  }
}
.responsibility-section1 .item .tit {
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 14px;
}
@media (max-width: 1440px) {
  .responsibility-section1 .item .tit {
    font-size: 28px;
    margin-bottom: 10;
  }
}
@media (max-width: 1199px) {
  .responsibility-section1 .item .tit {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .responsibility-section1 .item .tit {
    font-size: 20px;
  }
}
.responsibility-section1 .item .text {
  font-size: 16px;
  color: #555555;
  line-height: 24px;
}
@media (max-width: 1199px) {
  .responsibility-section1 .item .text {
    font-size: 14px;
    line-height: 22px;
  }
}
.responsibility-section2 {
  background-color: #f4f4f4;
}
.responsibility-section2 .f_tit {
  text-align: center;
  width: 100%;
  margin-bottom: 44px;
}
@media (max-width: 1440px) {
  .responsibility-section2 .f_tit {
    margin-bottom: 40px;
  }
}
@media (max-width: 1199px) {
  .responsibility-section2 .f_tit {
    margin-bottom: 30px;
  }
}
.responsibility-section2 .f_tit .tit {
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 26px;
}
@media (max-width: 1440px) {
  .responsibility-section2 .f_tit .tit {
    font-size: 28px;
    margin-bottom: 16px;
  }
}
@media (max-width: 1199px) {
  .responsibility-section2 .f_tit .tit {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .responsibility-section2 .f_tit .tit {
    font-size: 20px;
  }
}
.responsibility-section2 .f_tit .text {
  font-size: 16px;
  color: #555555;
  line-height: 24px;
  max-width: 1080px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .responsibility-section2 .f_tit .text {
    font-size: 14px;
    line-height: 22px;
  }
}
.responsibility-section2 .cont {
  width: 100%;
  overflow: hidden;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .responsibility-section2 .cont {
    padding-left: 8.5%;
  }
}
.responsibility-section2 .cont .img {
  width: 100%;
  position: relative;
  padding-bottom: 99%;
}
.responsibility-section2 .cont .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  top: 0;
  left: 0;
}
.responsibility .experiment-section2 {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 1440px) {
  .responsibility .experiment-section2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 1199px) {
  .responsibility .experiment-section2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .responsibility .experiment-section2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .responsibility .experiment-section2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/* End */
/* 交付能力 */
.capability-section1 {
  position: relative;
  overflow: hidden;
}
.capability-section1 .img {
  width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .capability-section1 .img {
    height: 400px;
  }
}
.capability-section1 .img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media (max-width: 991px) {
  .capability-section1 .img img {
    height: 100%;
  }
}
.capability-section1 .basecont {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: flex;
}
@media (min-width: 1200px) {
  .capability-section1 .basecont {
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .capability-section1 .basecont {
    width: 100%;
  }
}
.capability-section1 .basecont .font {
  width: 100%;
  max-width: 562px;
  color: #fff;
  margin-right: 56px;
}
@media (max-width: 1440px) {
  .capability-section1 .basecont .font {
    margin-right: 36px;
  }
}
@media (max-width: 1199px) {
  .capability-section1 .basecont .font {
    margin-right: 0;
  }
}
.capability-section1 .basecont .font .item {
  margin-bottom: 70px;
}
@media (max-width: 1440px) {
  .capability-section1 .basecont .font .item {
    margin-bottom: 50px;
  }
}
@media (max-width: 1199px) {
  .capability-section1 .basecont .font .item {
    margin-bottom: 30px;
  }
}
.capability-section1 .basecont .font .item:last-child {
  margin-bottom: 0;
}
.capability-section1 .basecont .font .item .tit {
  font-size: 44px;
  line-height: 1;
  padding-bottom: 26px;
  margin-bottom: 26px;
  font-weight: bold;
  border-bottom: 2px solid #fff;
}
@media (max-width: 1440px) {
  .capability-section1 .basecont .font .item .tit {
    font-size: 36px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .capability-section1 .basecont .font .item .tit {
    font-size: 26px;
  }
}
@media (max-width: 991px) {
  .capability-section1 .basecont .font .item .tit {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .capability-section1 .basecont .font .item .tit {
    font-size: 20px;
  }
}
.capability-section1 .basecont .font .item .text {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1199px) {
  .capability-section1 .basecont .font .item .text {
    font-size: 14px;
    line-height: 22px;
  }
}
.capability-section1 .basecont .font .item .f_text {
  font-weight: bold;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .capability-section1 .basecont .font .item .f_text {
    line-height: 24px;
  }
}
.capability-section1 .basecont .font .item:nth-child(2) .f_text {
  font-weight: 200;
}
.capability-section1 .basecont .font .item:nth-child(2) .tit {
  font-size: 30px;
}
@media (max-width: 1440px) {
  .capability-section1 .basecont .font .item:nth-child(2) .tit {
    font-size: 26px;
  }
}
@media (max-width: 1199px) {
  .capability-section1 .basecont .font .item:nth-child(2) .tit {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .capability-section1 .basecont .font .item:nth-child(2) .tit {
    font-size: 18px;
  }
}
.capability-section2 .f_tit {
  text-align: center;
  width: 100%;
  margin-bottom: 44px;
}
@media (max-width: 1440px) {
  .capability-section2 .f_tit {
    margin-bottom: 40px;
  }
}
@media (max-width: 1199px) {
  .capability-section2 .f_tit {
    margin-bottom: 30px;
  }
}
.capability-section2 .f_tit .tit {
  font-size: 42px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 26px;
}
@media (max-width: 1440px) {
  .capability-section2 .f_tit .tit {
    font-size: 38px;
    margin-bottom: 16px;
  }
}
@media (max-width: 1199px) {
  .capability-section2 .f_tit .tit {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .capability-section2 .f_tit .tit {
    font-size: 24px;
  }
}
.capability-section2 .f_tit .text {
  font-size: 16px;
  color: #555555;
  line-height: 24px;
  max-width: 1080px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .capability-section2 .f_tit .text {
    font-size: 14px;
    line-height: 22px;
  }
}
.capability-section2 .cont {
  display: flex;
  flex-wrap: wrap;
}
.capability-section2 .cont .item {
  width: 16.666%;
  position: relative;
  padding-bottom: 9.7%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .capability-section2 .cont .item {
    width: 30%;
    padding-bottom: 12%;
  }
}
@media (max-width: 767px) {
  .capability-section2 .cont .item {
    padding-bottom: 20%;
  }
}
.capability-section2 .cont .item img {
  width: 60%;
  height: 30%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (max-width: 767px) {
  .capability-section2 .cont .item img {
    height: 50%;
  }
}
.capability-section2 .cont .item:hover img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.capability-section3 {
  padding-top: 0;
}
.capability-section3 .basecont {
  display: flex;
  justify-content: center;
}
.capability-section3 .but {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 40px;
}
@media (max-width: 1440px) {
  .capability-section3 .but {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .capability-section3 .but {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .capability-section3 .but {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .capability-section3 .but {
    font-size: 24px;
  }
}
.capability-section3 .but span {
  padding-bottom: 10px;
  border-bottom: 1px solid #646464;
  margin-top: 10px;
  display: block;
}
@media (max-width: 1440px) {
  .capability-section3 .but span {
    padding-bottom: 5px;
    margin-top: 5px;
  }
}
@media (max-width: 991px) {
  .capability-section3 .but span {
    margin-top: 3px;
    padding-bottom: 3px;
  }
}
.capability-section3 .but i {
  display: block;
  width: 40px;
  margin-left: 24px;
}
@media (max-width: 1440px) {
  .capability-section3 .but i {
    width: 30px;
    margin-left: 18px;
  }
}
@media (max-width: 1199px) {
  .capability-section3 .but i {
    width: 26px;
    margin-left: 16px;
  }
}
@media (max-width: 991px) {
  .capability-section3 .but i {
    margin-left: 14px;
  }
}
.capability-section3 .but i img {
  width: 100%;
}
.capability-section3 .but:hover {
  color: #18b7e7;
}
.capability-section3 .but:hover span {
  border-color: #18b7e7;
}
/* End */
/* 供应商招募 */
.basebag {
  background-color: #f7f7f7;
}
.supplier-section1 .tit {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 40px;
}
@media (max-width: 1440px) {
  .supplier-section1 .tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .supplier-section1 .tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .supplier-section1 .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .supplier-section1 .tit {
    font-size: 24px;
  }
}
@media (max-width: 1440px) {
  .supplier-section1 .tit {
    margin-bottom: 30px;
  }
}
.supplier-section1 .cont {
  width: 100%;
  margin-bottom: 50px;
}
@media (max-width: 1440px) {
  .supplier-section1 .cont {
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .supplier-section1 .cont {
    margin-bottom: 30px;
    overflow: auto;
  }
}
.supplier-section1 .cont .zhong {
  width: 100%;
}
@media (max-width: 991px) {
  .supplier-section1 .cont .zhong {
    width: 900px;
  }
}
.supplier-section1 .cont .item {
  width: 100%;
  display: flex;
  background-color: #fff;
  border-bottom: 1px solid #f7f7f7;
}
.supplier-section1 .cont .item .list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  flex: 1 0 25%;
  text-align: center;
  height: 101px;
  font-size: 16px;
  line-height: 26px;
  color: #999999;
}
@media (max-width: 1199px) {
  .supplier-section1 .cont .item .list {
    height: 80px;
    font-size: 14px;
    line-height: 24px;
  }
}
.supplier-section1 .cont .item .list p {
  color: #333;
}
.supplier-section1 .cont .item .list span {
  font-size: 14px;
}
@media (max-width: 1199px) {
  .supplier-section1 .cont .item .list {
    font-size: 12px;
  }
}
.supplier-section1 .cont .item .list:nth-child(1) {
  font-weight: bold;
}
.supplier-section1 .cont .item .list .but {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 50px;
  background-color: #e5e5e5;
  font-size: 14px;
  font-weight: bold;
  color: #777777;
}
@media (max-width: 1440px) {
  .supplier-section1 .cont .item .list .but {
    width: 120px;
    height: 45px;
  }
}
@media (max-width: 1199px) {
  .supplier-section1 .cont .item .list .but {
    width: 100px;
    height: 40px;
    font-size: 12px;
  }
}
.supplier-section1 .cont .nav {
  border-color: transparent;
  background-color: #18b7e7;
}
.supplier-section1 .cont .nav .list {
  background-color: #18b7e7;
  color: #fff;
  font-weight: bold;
  height: 80px;
}
@media (max-width: 1199px) {
  .supplier-section1 .cont .nav .list {
    height: 70px;
  }
}
.supplier-section1 .cont .on .list .but {
  background-color: #18b7e7;
  color: #fff;
}
/* End */
/* 供应商招募-详情页 */
.supplier_info-section1 .cont {
  width: 100%;
  max-width: 1200px;
  background-color: #fff;
  padding: 90px 100px;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .supplier_info-section1 .cont {
    padding: 70px 80px;
  }
}
@media (max-width: 1199px) {
  .supplier_info-section1 .cont {
    padding: 50px 60px;
  }
}
@media (max-width: 991px) {
  .supplier_info-section1 .cont {
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .supplier_info-section1 .cont {
    padding: 30px 20px;
  }
}
.supplier_info-section1 .cont .f_tit {
  text-align: center;
  margin-bottom: 90px;
}
@media (max-width: 1440px) {
  .supplier_info-section1 .cont .f_tit {
    margin-bottom: 60px;
  }
}
@media (max-width: 1199px) {
  .supplier_info-section1 .cont .f_tit {
    margin-bottom: 40px;
  }
}
.supplier_info-section1 .cont .f_tit .tit {
  font-weight: bold;
  line-height: 1.2;
  font-size: 40px;
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .supplier_info-section1 .cont .f_tit .tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .supplier_info-section1 .cont .f_tit .tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .supplier_info-section1 .cont .f_tit .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .supplier_info-section1 .cont .f_tit .tit {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .supplier_info-section1 .cont .f_tit .tit {
    margin-bottom: 10px;
  }
}
.supplier_info-section1 .cont .f_tit .text {
  font-size: 14px;
  color: #999999;
}
@media (max-width: 991px) {
  .supplier_info-section1 .cont .f_tit .text {
    font-size: 12px;
  }
}
.supplier_info-section1 .cont .jut {
  width: 100%;
}
.supplier_info-section1 .cont .jut .item {
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 2px solid #f7f7f7;
}
@media (max-width: 1440px) {
  .supplier_info-section1 .cont .jut .item {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 1199px) {
  .supplier_info-section1 .cont .jut .item {
    margin-bottom: 26px;
    padding-bottom: 26px;
  }
}
.supplier_info-section1 .cont .jut .item .tit {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 24px;
}
@media (max-width: 1440px) {
  .supplier_info-section1 .cont .jut .item .tit {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .supplier_info-section1 .cont .jut .item .tit {
    margin-bottom: 16px;
    font-size: 18px;
  }
}
@media (max-width: 500px) {
  .supplier_info-section1 .cont .jut .item .tit {
    font-size: 16px;
  }
}
.supplier_info-section1 .cont .jut .item .text {
  font-size: 14px;
  color: #555555;
  line-height: 18px;
}
@media (max-width: 1199px) {
  .supplier_info-section1 .cont .jut .item .text {
    font-size: 12px;
    line-height: 16px;
  }
}
.supplier_info-section1 .cont .jut .item .text p {
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .supplier_info-section1 .cont .jut .item .text p {
    margin-bottom: 10px;
  }
}
.supplier_info-section1 .cont .jut .item .text p:last-child {
  margin-bottom: 0;
}
.supplier_info-section1 .cont .but {
  width: 200px;
  height: 60px;
  background-color: #18b7e7;
  font-size: 16px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-weight: bold;
}
@media (max-width: 1440px) {
  .supplier_info-section1 .cont .but {
    width: 180px;
    height: 55px;
  }
}
@media (max-width: 1199px) {
  .supplier_info-section1 .cont .but {
    width: 140px;
    height: 50px;
    font-size: 14px;
  }
}
/* End */
/* 申请成为供应商 */
.apply-section1 .cont {
  max-width: 650px;
  margin: 0 auto;
}
.apply-section1 .cont .tit {
  text-align: center;
  font-size: 40px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 60px;
}
@media (max-width: 1440px) {
  .apply-section1 .cont .tit {
    font-size: 30px;
  }
}
@media (max-width: 1366px) {
  .apply-section1 .cont .tit {
    font-size: 28px;
  }
}
@media (max-width: 1199px) {
  .apply-section1 .cont .tit {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .apply-section1 .cont .tit {
    font-size: 24px;
  }
}
@media (max-width: 1440px) {
  .apply-section1 .cont .tit {
    margin-bottom: 40px;
  }
}
@media (max-width: 1199px) {
  .apply-section1 .cont .tit {
    margin-bottom: 30px;
  }
}
.apply-section1 .cont .item {
  margin-bottom: 12px;
}
.apply-section1 .cont .item input,
.apply-section1 .cont .item button {
  height: 70px;
  width: 100%;
  padding: 28px 20px;
  border: none;
  background-color: #fff;
  font-size: 14px;
  color: #999999;
}
@media (max-width: 1199px) {
  .apply-section1 .cont .item input,
  .apply-section1 .cont .item button {
    height: 60px;
    padding: 22px 20px;
    font-size: 12px;
  }
}
.apply-section1 .cont .item button {
  background-color: #18b7e7;
  color: #fff;
  font-size: 22px;
  padding: 0;
  font-weight: bold;
}
@media (max-width: 1440px) {
  .apply-section1 .cont .item button {
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .apply-section1 .cont .item button {
    font-size: 18px;
  }
}
.apply-section1 .cont .radio {
  display: flex;
  margin-bottom: 30px;
  font-size: 16px;
}
@media (max-width: 1199px) {
  .apply-section1 .cont .radio {
    margin-bottom: 20px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .apply-section1 .cont .radio {
    margin-bottom: 16px;
  }
}
.apply-section1 .cont .radio span {
  display: block;
  margin-right: 40px;
  font-weight: bold;
  flex-shrink: 0;
}
@media (max-width: 1440px) {
  .apply-section1 .cont .radio span {
    margin-right: 30px;
  }
}
@media (max-width: 1199px) {
  .apply-section1 .cont .radio span {
    margin-right: 20px;
  }
}
@media (max-width: 991px) {
  .apply-section1 .cont .radio span {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .apply-section1 .cont .radio span {
    display: none;
  }
}
.apply-section1 .cont .radio .jut {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.apply-section1 .cont .radio .jut label {
  display: block;
  position: relative;
  margin-right: 50px;
  padding-left: 28px;
  font-size: 16px;
}
@media (max-width: 1440px) {
  .apply-section1 .cont .radio .jut label {
    margin-right: 40px;
  }
}
@media (max-width: 1199px) {
  .apply-section1 .cont .radio .jut label {
    margin-right: 30px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .apply-section1 .cont .radio .jut label {
    margin-right: 20px;
  }
}
@media (max-width: 500px) {
  .apply-section1 .cont .radio .jut label {
    font-size: 12px;
    margin-right: 12px;
    padding-left: 20px;
  }
}
.apply-section1 .cont .radio .jut label:last-child {
  margin-bottom: 0;
}
.apply-section1 .cont .radio .jut label input {
  opacity: 0;
}
.apply-section1 .cont .radio .jut label:after,
.apply-section1 .cont .radio .jut label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
}
.apply-section1 .cont .radio .jut label:after {
  width: 16px;
  height: 16px;
  border: 2px solid #9b9b9b;
}
@media (max-width: 767px) {
  .apply-section1 .cont .radio .jut label:after {
    width: 12px;
    height: 12px;
  }
}
.apply-section1 .cont .radio .jut label:before {
  width: 6px;
  height: 6px;
  background-color: #18b7e7;
  left: 7px;
  opacity: 0;
}
@media (max-width: 767px) {
  .apply-section1 .cont .radio .jut label:before {
    width: 4px;
    height: 4px;
    left: 6px;
  }
}
.apply-section1 .cont .radio .jut .on {
  font-weight: bold;
}
.apply-section1 .cont .radio .jut .on:after {
  border-color: #18b7e7;
}
.apply-section1 .cont .radio .jut .on:before {
  opacity: 1;
}
.apply-section1 .cont .file {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  .apply-section1 .cont .file {
    margin-bottom: 20px;
  }
}
.apply-section1 .cont .file .lt {
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 150px);
}
@media (max-width: 1199px) {
  .apply-section1 .cont .file .lt {
    width: calc(100% - 130px);
  }
}
@media (max-width: 767px) {
  .apply-section1 .cont .file .lt {
    width: 100%;
    margin-bottom: 12px;
  }
}
.apply-section1 .cont .file .lt span {
  font-size: 16px;
  display: block;
}
@media (max-width: 1199px) {
  .apply-section1 .cont .file .lt span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .apply-section1 .cont .file .lt span {
    width: 100%;
    margin-bottom: 5px;
  }
}
.apply-section1 .cont .file .lt a {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: #18b7e7;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .apply-section1 .cont .file .lt a {
    margin-left: 0;
  }
}
.apply-section1 .cont .file .lt a i {
  display: block;
  width: 18px;
  margin-right: 4px;
}
.apply-section1 .cont .file .lt a i img {
  width: 100%;
}
.apply-section1 .cont .file .but {
  width: 140px;
  height: 70px;
  padding: 28px 20px;
  border: none;
  background-color: #fff;
  font-size: 14px;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .apply-section1 .cont .file .but {
    height: 60px;
    padding: 22px 20px;
    font-size: 12px;
    width: 120px;
  }
}
.apply-section1 .cont .file .but i {
  display: block;
  width: 16px;
  margin-right: 8px;
}
@media (max-width: 1199px) {
  .apply-section1 .cont .file .but i {
    width: 12px;
    margin-right: 5px;
  }
}
.apply-section1 .cont .file .but input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.apply-section1 .cont p {
  text-align: center;
  font-size: 14px;
  color: #999999;
}
@media (max-width: 991px) {
  .apply-section1 .cont p {
    font-size: 12px;
  }
}
/* End */
/* 搜索结果页面 */
.searchresult-section1 .cont {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .searchresult-section1 .cont .font {
    width: 100%;
    margin-bottom: 20px;
  }
}
.searchresult-section1 .cont .font .tit {
  font-size: 52px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 16px;
}
@media (max-width: 1440px) {
  .searchresult-section1 .cont .font .tit {
    font-size: 42px;
  }
}
@media (max-width: 1366px) {
  .searchresult-section1 .cont .font .tit {
    font-size: 32px;
    margin-bottom: 12px;
  }
}
@media (max-width: 1199px) {
  .searchresult-section1 .cont .font .tit {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .searchresult-section1 .cont .font .tit {
    font-size: 22px;
  }
}
.searchresult-section1 .cont .font .text {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
}
@media (max-width: 1440px) {
  .searchresult-section1 .cont .font .text {
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .searchresult-section1 .cont .font .text {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .searchresult-section1 .cont .font .text {
    font-size: 16px;
  }
}
.searchresult-section1 .cont .font .text span {
  color: #18b7e7;
}
.searchresult-section1 .cont .f_sle1 {
  position: relative;
  width: 160px;
  height: 50px;
}
.searchresult-section1 .cont .f_sle1 .tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  font-size: 16px;
  border: 1px solid transparent;
  cursor: pointer;
}
@media (max-width: 767px) {
  .searchresult-section1 .cont .f_sle1 .tit {
    font-size: 14px;
    padding: 0 14px;
  }
}
.searchresult-section1 .cont .f_sle1 .tit i {
  display: block;
  width: 10px;
}
.searchresult-section1 .cont .f_sle1 .tit i img {
  width: 100%;
}
.searchresult-section1 .cont .f_sle1 .tit i img:nth-child(2) {
  display: none;
}
@media (max-width: 991px) {
  .searchresult-section1 .cont .f_sle1 .tit {
    border-color: ececec;
    background-color: #37383c;
    color: #fff;
    font-weight: bold;
  }
  .searchresult-section1 .cont .f_sle1 .tit i img:nth-child(1) {
    display: none;
  }
  .searchresult-section1 .cont .f_sle1 .tit i img:nth-child(2) {
    display: block;
  }
}
.searchresult-section1 .cont .f_sle1 .jut {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ececec;
  display: none;
  z-index: 3;
}
.searchresult-section1 .cont .f_sle1 .jut a {
  padding: 18px 20px;
  display: block;
  width: 100%;
  font-size: 16px;
  border-bottom: 1px solid #ececec;
}
@media (max-width: 767px) {
  .searchresult-section1 .cont .f_sle1 .jut a {
    font-size: 14px;
    padding: 16px 14px;
  }
}
.searchresult-section1 .cont .f_sle1 .jut a:last-child {
  border-bottom: none;
}
.searchresult-section1 .cont .f_sle1:hover .jut {
  display: block;
}
.searchresult-section1 .cont .f_sle1:hover .tit {
  border-color: ececec;
  background-color: #37383c;
  color: #fff;
  font-weight: bold;
}
.searchresult-section1 .cont .f_sle1:hover .tit i img:nth-child(1) {
  display: none;
}
.searchresult-section1 .cont .f_sle1:hover .tit i img:nth-child(2) {
  display: block;
}
.searchresult-section1 .cont .on .tit {
  border-color: ececec;
  background-color: #37383c;
  color: #fff;
  font-weight: bold;
}
.searchresult-section1 .cont .on .tit i img:nth-child(1) {
  display: none;
}
.searchresult-section1 .cont .on .tit i img:nth-child(2) {
  display: block;
}
.searchresult-section2 {
  padding-top: 0;
}
.searchresult-section2 .cont {
  max-width: 1000px;
  margin: 0 auto;
}
.searchresult-section2 .cont .jut {
  width: 100%;
  margin-bottom: 50px;
}
@media (max-width: 1440px) {
  .searchresult-section2 .cont .jut {
    margin-bottom: 40px;
  }
}
@media (max-width: 1199px) {
  .searchresult-section2 .cont .jut {
    margin-bottom: 30px;
  }
}
.searchresult-section2 .cont .jut .item {
  padding: 60px 0;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1440px) {
  .searchresult-section2 .cont .jut .item {
    padding: 40px 0;
  }
}
@media (max-width: 1199px) {
  .searchresult-section2 .cont .jut .item {
    padding: 30px 0;
  }
}
.searchresult-section2 .cont .jut .item .font {
  width: 60%;
  width: calc(100% - 258px);
}
@media (max-width: 991px) {
  .searchresult-section2 .cont .jut .item .font {
    width: 100%;
    margin-top: 20px;
    order: 1;
  }
}
.searchresult-section2 .cont .jut .item .font .lab {
  font-weight: bold;
  font-size: 14px;
  color: #999999;
  margin-bottom: 10px;
  display: block;
  line-height: 1;
}
@media (max-width: 500px) {
  .searchresult-section2 .cont .jut .item .font .lab {
    margin-bottom: 6px;
    font-size: 12px;
  }
}
.searchresult-section2 .cont .jut .item .font .tit {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 16px;
}
@media (max-width: 1440px) {
  .searchresult-section2 .cont .jut .item .font .tit {
    font-size: 20px;
  }
}
@media (max-width: 1440px) {
  .searchresult-section2 .cont .jut .item .font .tit {
    margin-bottom: 12px;
  }
}
.searchresult-section2 .cont .jut .item .font .text {
  font-size: 20px;
  color: #999999;
  line-height: 26px;
}
@media (max-width: 1440px) {
  .searchresult-section2 .cont .jut .item .font .text {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 1199px) {
  .searchresult-section2 .cont .jut .item .font .text {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 500px) {
  .searchresult-section2 .cont .jut .item .font .text {
    font-size: 14px;
    line-height: 20px;
  }
}
.searchresult-section2 .cont .jut .item .img {
  width: 248px;
  height: 150px;
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .searchresult-section2 .cont .jut .item .img {
    order: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.searchresult-section2 .cont .jut .item .img img {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}
.searchresult-section2 .cont .move {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  font-weight: bold;
  font-size: 16px;
  color: #666666;
  margin: 0 auto;
}
.searchresult-section2 .cont .move i {
  display: block;
  width: 9px;
  margin-left: 8px;
  overflow: hidden;
}
.searchresult-section2 .cont .move i img {
  width: 100%;
  float: left;
}
/* End */
/* 法律声明 */
.law-section1 .tit {
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .law-section1 .tit {
    margin-bottom: 30px;
  }
}
.law-section1 .cont {
  background-color: #fff;
  width: 100%;
  padding: 100px;
}
@media (max-width: 1440px) {
  .law-section1 .cont {
    padding: 80px;
  }
}
@media (max-width: 1199px) {
  .law-section1 .cont {
    padding: 60px 40px;
  }
}
@media (max-width: 991px) {
  .law-section1 .cont {
    padding: 40px 20px;
  }
}
.law-section1 .cont .make-text strong {
  font-weight: bold;
}
/* End */
/* 网站地图 */
.websitemap-section1 {
  width: 100%;
}
.websitemap-section1 .cont {
  background-color: #fff;
  padding: 100px 184px;
}
@media (max-width: 1440px) {
  .websitemap-section1 .cont {
    padding: 80px 150px;
  }
}
@media (max-width: 1199px) {
  .websitemap-section1 .cont {
    padding: 60px 100px;
  }
}
@media (max-width: 991px) {
  .websitemap-section1 .cont {
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .websitemap-section1 .cont {
    padding: 40px 20px;
  }
}
.websitemap-section1 .cont .item {
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 2px solid #f7f7f7;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .websitemap-section1 .cont .item {
    padding-bottom: 20px;
  }
}
.websitemap-section1 .cont .item .tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  display: flex;
  align-items: center;
}
@media (max-width: 1440px) {
  .websitemap-section1 .cont .item .tit {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .websitemap-section1 .cont .item .tit {
    font-size: 16px;
  }
}
.websitemap-section1 .cont .item .tit i {
  display: block;
  overflow: hidden;
  width: 10px;
  margin-left: 8px;
}
.websitemap-section1 .cont .item .tit i img {
  width: 100%;
}
.websitemap-section1 .cont .item .jut {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  .websitemap-section1 .cont .item .jut {
    margin-top: 20px;
  }
}
.websitemap-section1 .cont .item .jut .list {
  display: block;
  font-size: 14px;
  width: 25%;
  padding-right: 10px;
  color: #666666;
  margin-bottom: 16px;
}
@media (max-width: 1199px) {
  .websitemap-section1 .cont .item .jut .list {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .websitemap-section1 .cont .item .jut .list {
    width: 33.333%;
  }
}
@media (max-width: 767px) {
  .websitemap-section1 .cont .item .jut .list {
    width: 50%;
  }
}
.websitemap-section1 .cont .item .jut .list span {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.websitemap-section1 .cont .item .jut .list:hover {
  color: #18b7e7;
}
/* End */
/* 弹窗 */
.f_fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.altbox {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  left: 100%;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.altbox:after {
  content: "";
  clear: both;
  display: block;
}
.altbox .bag {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.altbox .cont {
  position: relative;
  z-index: 2;
  width: 50%;
  height: 100vh;
  overflow: auto;
  background-color: #efefef;
  float: right;
  padding: 80px 80px 60px;
	overflow: auto;
}
@media (max-width: 1440px) {
  .altbox .cont {
    padding: 40px 60px;
  }
}
@media (max-width: 1199px) {
  .altbox .cont {
    width: 100%;
    padding: 30px 40px;
  }
}
@media (max-width: 991px) {
  .altbox .cont {
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .altbox .cont {
    padding: 30px 20px;
  }
}
.altbox .cont::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 3px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.altbox .cont::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #18b7e7;
}
.altbox .cont::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #ededed;
}
.altbox .cont .cox {
  position: absolute;
  right: 80px;
  top: 50px;
  width: 25px;
}
@media (max-width: 1440px) {
  .altbox .cont .cox {
    right: 60px;
    top: 30px;
    width: 20px;
  }
}
@media (max-width: 1199px) {
  .altbox .cont .cox {
    top: 20px;
    right: 30px;
  }
}
@media (max-width: 767px) {
  .altbox .cont .cox {
    top: 15px;
    right: 20px;
  }
}
.altbox .cont .cox img {
  width: 100%;
}
.altbox .cont .tit {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .altbox .cont .tit {
    font-size: 26px;
		margin-bottom: 14px;
  }
}
@media (max-width: 1366px) {
  .altbox .cont .tit {
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .altbox .cont .tit {
    /* font-size: 18px; */
  }
}
@media (max-width: 767px) {
  .altbox .cont .tit {
    /* font-size: 16px; */
  }
}
@media (max-width: 1440px) {
  .altbox .cont .tit {
    margin-bottom: 60px;
  }
}
@media (max-width: 1199px) {
  .altbox .cont .tit {
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .altbox .cont .tit {
    margin-bottom: 20px;
  }
}
.altbox .cont .list {
  width: 100%;
  margin-bottom: 10px;
}
.altbox .cont .list .f_tit {
  font-size: 20px;
  color: #18b7e7;
  line-height: 1;
  margin-bottom: 14px;
}
@media (max-width: 1440px) {
  .altbox .cont .list .f_tit {
    font-size: 18px;
  }
}
@media (max-width: 1440px) {
  .altbox .cont .list .f_tit {
    margin-bottom: 10px;
  }
}
@media (max-width: 1199px) {
  .altbox .cont .list .f_tit {
    /* margin-bottom: 20px; */
  }
}
@media (max-width: 991px) {
  .altbox .cont .list .f_tit {
    /* margin-bottom: 16px; */
  }
}
.altbox .cont .list .jut {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
@media (max-width: 1440px) {
  .altbox .cont .list .jut {
    margin: 0 -5px;
  }
}
@media (max-width: 767px) {
  .altbox .cont .list .jut {
    margin: 0;
  }
}
.altbox .cont .list .jut .item {
  padding: 0 10px;
  width: 50%;
  margin-bottom: 16px;
}
@media (max-width: 1440px) {
  .altbox .cont .list .jut .item {
    padding: 0 5px;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .altbox .cont .list .jut .item {
    padding: 0;
    width: 100%;
    margin-bottom: 14px;
  }
}
.altbox .cont .list .jut .item span {
  display: block;
  line-height: 1;
  font-size: 16px;
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .altbox .cont .list .jut .item span {
    font-size: 14px;
    margin-bottom: 8px;
  }
}
.altbox .cont .list .jut .item input,
.altbox .cont .list .jut .item textarea,
.altbox .cont .list .jut .item select {
  background-color: #fff;
  border: none;
  outline: none;
  resize: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 44px;
  padding: 8px 20px;
}
@media (max-width: 1199px) {
  .altbox .cont .list .jut .item input,
  .altbox .cont .list .jut .item textarea,
  .altbox .cont .list .jut .item select {
    height: 30px;
  }
}
.altbox .cont .list .jut .item textarea {
  width: 100%;
  height: 470px;
  height: 100px;
}
.altbox .cont .list .jut .item select {
  background: #fff url(../images/selicon1.png) no-repeat;
  background-position: 95% 45%;
  background-size: 9px 16px;
}
.altbox .cont .list .jut .textarea {
  width: 100%;
}
.altbox .cont .but {
  display: flex;
}
.altbox .cont .but span {
  display: block;
  width: 24px;
  height: 24px;
  border: 2px solid #8c9195;
  background-color: #fff;
  margin-right: 20px;
  flex-shrink: 0;
}
@media (max-width: 1440px) {
	.altbox .cont .list .jut .item textarea{
		height: 80px;
	}
  .altbox .cont .but span {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
}
.altbox .cont .but .du {
  display: block;
  width: calc(100% - 44px);
  font-size: 16px;
}
@media (max-width: 1440px) {
  .altbox .cont .but .du {
    width: calc(100% - 30px);
  }
}
@media (max-width: 1199px) {
  .altbox .cont .but .du {
    font-size: 14px;
  }
}
.altbox .cont .on span {
  background-color: #18b7e7;
  border-color: #18b7e7;
	background: #18b7e7 url(../images/zhengque.png) no-repeat center;
	background-size: 50% 35%;
}
.altbox .cont .sub {
  width: 390px;
  height: 50px;
  background-color: #37383c;
  font-size: 16px;
  color: #fff;
  border: none;
  margin-top: 26px;
}
@media (max-width: 1440px) {
  .altbox .cont .sub {
    width: 360px;
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .altbox .cont .sub {
    width: 300px;
    height: 40px;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .altbox .cont .sub {
    width: 100%;
    margin-top: 20px;
  }
}
/* End: ; */
.headbox-section1 .cont .gt .lange {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.headbox-section1 .cont .gt .lange:hover .f-list {
  display: block;
}
.headbox-section1 .cont .gt .lange .f-list {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  background-color: #fff;
  display: none;
}
.headbox-section1 .cont .gt .lange .f-list a {
  display: block;
  width: 100%;
  padding: 10px 5px;
  text-align: center;
  font-size: 16px;
}
.headbox-section1 .cont .gt .lange .f-list a:hover {
  color: #18b7e7;
}
.swiper-wrapper{
	height: auto;
}
.service-section2{
	overflow: hidden;
}





/*  新加的  */
.bannerbox .swiper-slide .f_cont .font .but i,.home-section4 .basecont .font .but i,
.home-section5 .ho5-cont .item .font .data i,
.productbox-section1 .cont .gt .f_cont .item .list .font i,
.footerbox-fixed .cont .but i,
.product_info-section3 .produ_info-cont .item .list .font i,
.solution-section1 .cont .item .list .jut .font i,
.newsbox-section1 .cont .list .item .font .data i,
.footerbox-section2 .cont .gt .form button img,
.aboutbox-section1 .f_item .lt .font .but i{
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.bannerbox .swiper-slide .f_cont .font .but:hover i,
.home-section4 .basecont .font .but:hover i,
.home-section5 .ho5-cont .item:hover .font .data i,
.productbox-section1 .cont .gt .f_cont .item .list:hover .font i,
.footerbox-fixed .cont .but:hover i,
.product_info-section3 .produ_info-cont .item .list:hover .font i,
.solution-section1 .cont .item .list:hover .jut .font i,
.newsbox-section1 .cont .list .item:hover .font .data i,
.footerbox-section2 .cont .gt .form button:hover img,
.aboutbox-section1 .f_item .lt .font .but:hover i{
  -webkit-transform: rotate(48deg);
  transform: rotate(48deg);
}

.footerbox-section2 .cont .lt .list .jut a{
  color: #999;
}

.home-section2 .item .font{
  position: relative;
}
.home-section2 .item .font .f_img{
  display: none;
}
.home-section2 .item .font .but,.home-section2 .item .font .tit,.home-section2 .item .font .lab{
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px){
.home-section2 .item .font .f_img{
  position: absolute;
  right: 0;
  width: 320px;
  bottom: 30px;
  z-index: 1;
  display: block;
}

.home-section2 .item .font .f_img img{
  width: 100%;
}
}
@media (max-width: 991px){
.home-section2 .item .font .f_img{
  bottom: 16px;
  width: 240px;
}
}
@media (max-width: 567px){
.home-section2 .item .font .f_img{
  bottom: 16px;
  width: 230px;
}
}

.home-section2 .item .img{
  z-index: 3;
}
.home-section2 .item .f_pre{
  z-index: 4;
}
.productbanner .basecont .font{
	max-width: 1040px;
	margin: 0 auto;
}

@media (max-width:767px) {
	.altbox .cont .list .jut .item textarea{
		height: 50px;
	}
	.altbox .cont .tit{
		margin-bottom: 14px;
	}
	.altbox .cont{
		padding: 22px 20px;
	}
	.altbox .cont .list .jut .item:nth-child(4) {
		margin-bottom: 0;
	}
	.altbox .cont .list .f_tit{
		font-size: 16px;
		margin-bottom: 6px;
	}
	.altbox .cont .sub{
		height: 36px;
		font-size: 14px;
	}
	.altbox .cont .but span{
		width: 16px;
		height: 16px;
		margin-top: ;
	}
	.altbox .cont .list .jut .textarea{
		margin-bottom: 0;
	}
}


/* 公司介绍 */
.indMore .more {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #09a08a;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20% 30%;
    background-image: url(../images/arrow-right-lighth.png);
     border: 1px solid #09a08a; 
     color: #09a08a; 
    color: #fff;
    margin-top: 20px;
    transition: all .48s;
    position: relative;
}
.indMore.white .more {
    background: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20% 30%;
    background-image: url(../images/more_change.png);
}




.inner {
    width: 90%;
    margin: 0 auto;
}
		.wnAbout {
			width: 100%;
			/* height: 100vh; */
			position: relative;
			background-color: #333;
			background-image: -webkit-linear-gradient(top, #56c6b0, #2ab1d4);
			background-image: -moz-linear-gradient(top, #56c6b0, #2ab1d4);
			background-image: -ms-linear-gradient(top, #56c6b0, #2ab1d4);
			background-image: -o-linear-gradient(top, #56c6b0, #2ab1d4);
			background-image: linear-gradient(to bottom, #56c6b0, #2ab1d4);
			overflow: hidden;
		}

		.wnAbout .wnAbout_box {
			position: relative;
			z-index: 11;
		}

		.wnAbout>div:not(.wnAbout_box) {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0.48;
		}

		.wnAboutext {
			width: 80%;
			padding: 6% 5% 8%;
			color: #fff;

		}

		.wnAboutext span {
			font-size: 36px;			
			display: block;
			line-height: 1.2;
			font-weight: 600;
		}
		.wnAboutext b{
			display: block;
			
			margin-bottom: 28px;
			
			font-size: 26px;

		}

		.wnAbout_p {
			font-size: 16px;
			margin-top: 10px;
			letter-spacing: 2px;
			line-height: 2.1;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 5;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.wnAboutext .indMore {
			margin-top: 24px;
			text-align: right;
			margin-right: 5%;
		}

		.wnAboutShuju {
			margin-bottom: 32px;
		}

		.wnAboutShuju ul {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: space-between;
			/*background: #fff;*/

		}

		.wnAboutShuju ul li {
			width: 25%;
			padding: 58px 0;
			position: relative;
			text-align: center;
		/*	border-left: 1px solid #e3e3e3*/
		}

		@media(max-width:1400px) {
			.wnAboutext {
				padding: 5% 5%;
			}
			.banTxt span
			{
				font-size: 51px;
				letter-spacing: 3px;
			}
			.wnAboutShuju ul li {
				padding: 48px 0;
			}

			.wnAboutShuju li span b {
				font-size: 45px;
			}
		}

		.wnAboutShuju li>div {
			text-align: left;
			display: inline-block;
		}

		.wnAboutShuju ul li::after {
			content: '';
			width: 1px;
			height: 60%;
			background: rgba(255, 255, 255, 0.4);
			position: absolute;
			right: 0;
			top: 20%;
		}
       .wnAboutShuju ul li:last-child::after{display: none;}

		.wnAboutShuju li span {
			display: inline-block;
			font-weight: bold;
			color: #fff;
			vertical-align: bottom;
			font-size: 16px;
		}
.wnAboutShuju li p{color: #fff;}
		.wnAboutShuju li span b {
			font-size: 51px;
			line-height: 1;
			color: #fff;
			font-family: 'bebas';
			letter-spacing: -1px;
		}

		.wnAboutShuju li span i {
			font-size: 40px;
			font-style: normal;
			line-height: 1;
			color: #fff;
			font-family: 'apercu';
			margin-right: 4px;
		}


/**/
.coor {
  margin-top: 4.2vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../images/bg.jpg");
  position: relative;
}

.coor .content_box {
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}


@media screen and (max-width: 1000px) {
  .coor .content_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.coor .content_box .left_box {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1000px) {
  .coor .content_box .left_box {
    width: 100%;
    padding: 80px 5%;
  }
}

.coor .content_box .left_box h3 {
  font-size: 32px;
  font-weight: 400;
  color: #ffffff;
}

@media screen and (max-width: 1450px) {
  .coor .content_box .left_box h3 {
    font-size: 28px;
  }
}

@media screen and (max-width: 1200px) {
  .coor .content_box .left_box h3 {
    font-size: 24px;
  }
}

@media screen and (max-width: 1000px) {
  .coor .content_box .left_box h3 {
    font-size: 22px;
  }
}

@media screen and (max-width: 750px) {
  .coor .content_box .left_box h3 {
    font-size: 20px;
  }
}

.coor .content_box .left_box p {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.8em;
  margin: 30px 0;
}

@media screen and (max-width: 640px) {
  .coor .content_box .left_box p {
    font-size: 14px;
    margin: 15px 0;
  }
}

.coor .content_box .left_box a {
  width: 184px;
  height: 54px;
  background: #18b7e7;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1450px) {
  .coor .content_box .left_box a {
    width: 164px;
    height: 48px;
  }
}

@media screen and (max-width: 1200px) {
  .coor .content_box .left_box a {
    width: 144px;
    height: 44px;
  }
}

@media screen and (max-width: 1000px) {
  .coor .content_box .left_box a {
    width: 124px;
    height: 40px;
  }
}

@media screen and (max-width: 750px) {
  .coor .content_box .left_box a {
    width: 114px;
    height: 36px;
    font-size: 14px;
  }
}

.coor .content_box .right_box {
  width: 50%;
}

@media screen and (max-width: 1000px) {
  .coor .content_box .right_box {
    width: 100%;
  }
}

.coor .content_box .right_box ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.coor .content_box .right_box ul li {
  width: calc(100% / 3);
  background: rgba(0, 72, 130, 0.3);
  transition: all 0.6s;
}

.coor .content_box .right_box ul li:hover {
  background: #fff;
}

.coor .content_box .right_box ul li .img_box {
  width: 100%;
  padding-top: 100%;
  position: relative;
  display: block;
}

.coor .content_box .right_box ul li .img_box .ratio {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.coor .content_box .right_box ul li .img_box .ratio img {
  max-width: 70%;
  max-height: 70%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.6s;
}

.coor .content_box .right_box ul li .img_box .ratio img:nth-child(1) {
  z-index: 2;
}

.coor .content_box .right_box ul li .img_box .ratio img:nth-child(2) {
  z-index: 1;
  opacity: 0;
}

.coor .content_box .right_box ul li .img_box:hover .ratio img:nth-child(1) {
  opacity: 0;
}

.coor .content_box .right_box ul li .img_box:hover .ratio img:nth-child(2) {
  opacity: 1;
}


/**************************导航**************************/
/**************************底部**************************/
.footer .wrap {
  max-width: 1440px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1000px) {
  .footer .wrap {
    flex-direction: column;
  }
}

.footer .footer_nav {
  padding-top: 108px;
  padding-bottom: 100px;
}

@media screen and (max-width: 1450px) {
  .footer .footer_nav {
    padding-top: 76px;
    padding-bottom: 76px;
  }
}

@media screen and (max-width: 1200px) {
  .footer .footer_nav {
    padding-top: 62px;
    padding-bottom: 62px;
  }
}

@media screen and (max-width: 1000px) {
  .footer .footer_nav {
    padding-top: 52px;
    padding-bottom: 52px;
  }
}

@media screen and (max-width: 750px) {
  .footer .footer_nav {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.footer .footer_nav .left_nav {
  -moz-column-count: 4;
  /* Firefox */
  -webkit-column-count: 4;
  /* Safari 和 Chrome */
  column-count: 4;
}

@media screen and (max-width: 1000px) {
  .footer .footer_nav .left_nav {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 640px) {
  .footer .footer_nav .left_nav {
    -moz-column-count: 2;
    /* Firefox */
    -webkit-column-count: 2;
    /* Safari 和 Chrome */
    column-count: 2;
  }
}

.footer .footer_nav .left_nav dl {
  width: 240px;
  margin-bottom: 66px;
  break-inside: avoid;
}

@media screen and (max-width: 1400px) {
  .footer .footer_nav .left_nav dl {
    width: 210px;
  }
}

@media screen and (max-width: 1200px) {
  .footer .footer_nav .left_nav dl {
    width: 180px;
  }
}

@media screen and (max-width: 1100px) {
  .footer .footer_nav .left_nav dl {
    width: 150px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 750px) {
  .footer .footer_nav .left_nav dl {
    margin-bottom: 20px;
  }
}

.footer .footer_nav .left_nav dl dt a {
  font-size: 17px;
  color: #111111;
  line-height: 36px;
  display: block;
  position: relative;
  padding-left: 18px;
  text-transform: uppercase;
}

@media screen and (max-width: 750px) {
  .footer .footer_nav .left_nav dl dt a {
    font-size: 16px;
  }
}

.footer .footer_nav .left_nav dl dt a:before {
  content: "";
  width: 10px;
  height: 2px;
  background: #111111;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.footer .footer_nav .left_nav dl dd a {
  font-size: 16px;
  color: #888888;
  line-height: 36px;
  display: block;
  padding-left: 18px;
  transition: all 0.6s;
}

@media screen and (max-width: 750px) {
  .footer .footer_nav .left_nav dl dd a {
    font-size: 14px;
  }
}

.footer .footer_nav .left_nav dl dd a:hover {
  color: #111111;
}

.footer .footer_nav .right_add {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 10px;
}

.footer .footer_nav .right_add .logo img {
  height: 40px;
}

.footer .footer_nav .right_add .media {
  display: flex;
  justify-content: center;
}

.footer .footer_nav .right_add .media li {
  width: 54px;
  height: 54px;
  border: 1px solid #efefef;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 10px;
}

.footer .footer_nav .right_add .media li img {
  width: 90%;
  filter: grayscale(100%);
  filter: gray;
  transition: all 0.4s;
}

.footer .footer_nav .right_add .media li:nth-child(1) img {
  opacity: 0.6;
}

.footer .footer_nav .right_add .media li:hover img {
  filter: grayscale(1%);
  opacity: 1;
}

.footer .footer_nav .right_add .tel_p,
.footer .footer_nav .right_add .email_p,
.footer .footer_nav .right_add .tel_p a,
.footer .footer_nav .right_add .email_p a {
  font-size: 18px;
  color: #111111;
  line-height: 26px;
}

@media screen and (max-width: 750px) {

  .footer .footer_nav .right_add .tel_p,
  .footer .footer_nav .right_add .email_p,
  .footer .footer_nav .right_add .tel_p a,
  .footer .footer_nav .right_add .email_p a {
    font-size: 16px;
  }
}

.footer .footer_nav .right_add .dy {
  width: 100%;
  max-width: 416px;
  margin: 35px 0;
}

.footer .footer_nav .right_add .dy {
  position: relative;
}

.footer .footer_nav .right_add .dy input {
  display: block;
  width: 100%;
  height: 55px;
  background: #f9f9f9;
  border-radius: 2px;
  text-align: center;
  font-size: 16px;
  color: #231815;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding-right: 40px;
}

.footer .footer_nav .right_add .dy span {
  color: red;
  display: block;
  text-align: right;
  line-height: 20px;
  font-size: 12px;
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #f9f9f9;
  display: none;
}

.footer .footer_nav .right_add .dy.error span {
  display: flex;
}

.footer .footer_nav .right_add .dy button {
  width: 40px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #18b7e7;
  border: 1px solid #f9f9f9;
  outline: none;
}

.footer .footer_nav .right_add .footer_map {
  width: 100%;
}

.footer .copyright {
  background: #333;
  padding: 17px 0;
}

.footer .copyright p {
  font-size: 16px;
  color: #fff;
  line-height: 19px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 1000px) {
  .footer .copyright p {
    font-size: 12px;
  }
}

.footer .copyright p a {
  font-size: 16px;
  color: #fff;
  padding: 0 4px;
}

@media screen and (max-width: 1000px) {
  .footer .copyright p a {
    font-size: 12px;
  }
}

.cd-top {
  display: inline-block;
  width: 52px;
  height: 52px;
  background: #18b7e7;
  position: fixed;
  bottom: 53px;
  right: 10px;
  overflow: hidden;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  cursor: pointer;
  z-index: 30;
  transform: scale(0) rotate(360deg);
}

.cd-top:hover {
  box-shadow: 0px 0px 7px 0px rgba(21, 27, 69, 0.58);
}

.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

@media only screen and (min-width: 100px) and (max-width: 720px) {
  .cd-top {
    width: 34px;
    height: 34px;
    font-size: 12px;
    bottom: 50px;
  }
}

/**************************底部**************************/
.home-section5{background-color: #dbf1f5;}



#carousel {
	position: relative;
	margin: 0 auto;
	    width: 83%;
    max-width: 1600px;
}

#carousel .swiper {
	padding: 120px 0px 140px 0px;
	overflow: inherit;
}
#carousel .swiper-wrapper{

}
#carousel  .swiper-slide {
	width:25%;
	background: #fff;
	box-shadow: 0 8px 20px #ddd;
	

}
#carousel  .swiper-slide img{
	display:block;
	width: 100%;
}
#carousel  .swiper-slide p {
	line-height: 58px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 0.8em;
	margin: 0;
}

#carousel .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#carousel .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	background-color: #e8f5ff;
	width: 20px;
	height: 10px;
	opacity: 1;
	border-radius: 5px;
}

#carousel .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color: #3eb2f3;
	width: 35px;
}

#carousel .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background:url(../images/wm_button_icon.png)no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#carousel .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#carousel .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#carousel .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}
#carousel .swiper-button-prev::after,#carousel .swiper-button-next::after{
	content: '';
}
.home-section22 {overflow: hidden}
.home-section22 .f_tit span {
    font-size: 24px;
    color: #cecece;
    line-height: 1;
}
.home-section22 .f_tit {
    text-align: center;
    margin-top: 60px;
}
.home-section22 .f_tit .tit {
    font-size: 44px;
    font-weight: bold;
    line-height: 1;
    margin-top: 15px;
}


/*主营业务*/
.section_3 .ind_con{height:100%;}
.box3 {
    height: 100%;
    position: relative;
    background: rgba(43, 46, 149, 0.3);
    overflow: hidden;
}

.box3:after {
    display: block;
    content: "";
    padding-top: 50%;
}

.bisBox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.box3Bg,
.box3Bg .swiper-wrapper,
.box3Bg .swiper-slide {
    height: 100% !important;
    width: 100% !important;
}

.box3Bg {
    position: absolute !important;
    top: 0;
    left: 0;
}

.box3Bg .swiper-wrapper {
    transform: translate(1px) !important;
    /*解决swiper第一个不改变*/
    margin-left: -1px;
    left: 0 !important;
}

.box3Bg .swiper-slide {
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
    transform: scale(1.3);
    transition: 1.5s ease-in-out;
}

.box3Bg .swiper-slide-active {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 2;
    transform: scale(1);
}

.bisPhrase {
    color: #fff;
    font-size: 16px;
    position: relative;
    z-index: 9;
}

.bisList {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
}

.bisList1 {
    height: 100%;
    width: 100%;
}

.bisList1 dd {
    float: left;
    display: inline;
    width: 33.333%;
    height: 100%;
}

.bisList1 dd .maxBox {
    position: relative;
    width: 100%;
    height: 100%;
}

.bisList1 dd a {
    display: block;
    height: 100%;
    *border-color: #fff;
    position: relative;
    border-radius: 5px;
}

.bisList1 dd a:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.bisList1 .listBox1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.4s ease;
}

.bisList1 .listBox1 .iconBox {
    height: 88px;
    width: 88px;
    margin: 0 auto;
}

.bisList1 dd .listBox1 .txt {
    color: #fff;
    font-size: 17px!important;
    height: 30px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: none;
}
.bisList1 .hover .listBox1 .txt { display: block;}
.bisList1 dd .listBox1 .txt1 {
    color: #fff;
    font-size: 24px!important;
    height: 30px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.bisList1 dd .listBox1 .txt2 {
    color: #fff;
    font-size: 24px!important;
    height: 30px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}


.bisList1 .listBox {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(00, 00, 00, 0);
    width: 100%;
    height: 100%;
    transform: scale(0.2);
    transition: 0.6s ease;
}

.bisList1 dd .listBox .listImg {
    text-align: center;
}

.bisList1 .listTxt {
    padding: 20px;
}

.bisList1 .listBox .listTit {
    color: #fff;
    font-size: 16px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 26px;
    height: 26px;
    padding: 8% 0 8% 0;
    text-align: center;
}

.bisList1 .listBox .listInfr {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    padding: 20px 15px 0;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.5s linear;
    -webkit-box-orient: vertical;
    text-align: center;
}

.bisList1 .listBox .listInfr:after {
    content: '';
    width: 30px;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -15px;
}

.bisList1 .listBox .more {
    width: 38px;
    height: 38px;
    margin: auto;
    background: url(../images/jia.png) center center no-repeat;
}

.bisList1 dd:hover .listBox {
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}

.bisList1 dd:hover .listBox1 {
    background: rgba(00, 00, 00, 0.2);
}

.listBox1 .table .tableCell {
    /* vertical-align: bottom; */
    padding-bottom: 170px; 
	padding-top: 450px;

}

.bisList1 dd:hover .listBox .listInfr {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    transition-delay: 0.3s;
}

.swiper-wrapper {
    position: relative;
}

.box3BgMask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    opacity: 0.4;
    background: #000;
}

/*企业愿景start*/
.culture .cultureDl1 {
    position: relative;
    z-index: 5;
    padding-bottom: 10px;
    overflow: hidden;
}

.culture span {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    display: block;
    position: relative;
    padding: 45px 0 10px 30px;
}

.culture .TextC:after {
    display: block;
    position: absolute;
    content: "";
    top: 92px;
    left: 30px;
    width: 33px;
    height: 2px;
    background-color: #fff;
}

.culture .cultureDl1 .Text1 {
    width: 700px;
    height: 360px;
    display: inline-block;
    margin-right: 6px;
    float: left;
    display: inline;
    margin-right: 10px;
}

.culture .cultureDl1 .Text2 {
    width: 490px;
    height: 360px;
    display: inline-block;
    float: left;
    display: inline;
    ma
}

.culture dd a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.culture dd a:hover .TextC {
    color: #01ab68;
}

.culture dd .hoverDH:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.hoverDH {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
}

.cultureT2 .cultureDl2 {
    position: relative;
    z-index: 5;
}

.cultureT2 .cultureDl2 {
    margin-right: -6px
}

.cultureT2 .cultureDl2 dd {
    width: 393px;
    height: 390px;
    display: inline-block;
    margin-right: 6px;
    position: relative;
    float: left;
}


/*er*/
.aui-main {
    width: 1000px;
    min-height: 50px;
    margin: 0 auto;
}
.aui-section-box {
    padding: 90px 0;
}
.aui-section-box .aui-section-header {
    text-align: center;
}
.aui-section-header-title {
    text-align: center;
    color: #383838;
    font-size: 34px;
    line-height: 1.5;
}
.aui-summary {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #9b9ba3;
}
.aui-summary a {
    line-height: 1;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    margin: 0 5px;
    padding: 0;
    font-size: 16px;
    color: #488bff;
    background-color: #fff;
    border: 0;
}
.aui-summary-tag {
    margin-left: -5px;
    margin-right: -8px;
}
.aui-section-box .aui-section-body {
    position: relative;
    margin: 145px auto 50px;
    height: 486px;
    background: url(../images/main-bg.png) no-repeat center;
    background-size: auto 486px;
    background: url(../images/main-bg.png) no-repeat center\9;
}
.aui-section-box .aui-section-list .aui-section-list-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 5px;
    transition: 0.5s;
}
.aui-section-box .aui-section-list .aui-section-list-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 5px;
    transition: 0.5s;
}
.aui-section-box .aui-section-list .aui-section-list-item .obj {
    position: absolute;
    top: 0;
    width: 150px;
    transition: 0.5s;
    z-index: 1;
}
.aui-section-box .aui-section-list .aui-section-list-item .shadow {
    position: absolute;
    width: 150px;
    left: 0;
    top: 76px;
    opacity: 1;
    transition: 0.5s;
    z-index: 0;
}
.i-process .btn.cur .obj {
    top: -20px;
    transition: 0.65s;
}
.i-process .btn.cur .shadow {
    opacity: 1;
    transition: 0.65s;
    transform: scale(0.8, 0.8);
}
.aui-section-box .aui-section-list .aui-section-list-item.one {
    left: 18px;
    top: 80px;
}
.aui-section-box .aui-section-list .aui-section-list-item.two {
    left: 262px;
    top: -80px;
}
.aui-section-box .aui-section-list .aui-section-list-item.three {
    left: 590px;
    top: -80px;
}
.aui-section-box .aui-section-list .aui-section-list-item.four {
    left: 262px;
    top: 230px;
}
.aui-section-box .aui-section-list .aui-section-list-item.five {
    left: 590px;
    top: 230px;
}
.aui-section-box .aui-section-list .aui-section-list-item.six {
    left: 840px;
    top: 80px;
}
.aui-section-list ul li:first-child {
    margin-left: 20px;
}
.aui-section-list ul li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    vertical-align: top;
    margin-left: 68px;
    font-size: 20px;
    line-height: 28px;
    color: #373d40;
    cursor: pointer;
    padding-bottom: 20px;
}
.aui-section-list ul .on {
    color: #488bff;
    border-bottom: 4px solid #488bff;
}
.aui-section-info {
    text-align: center;
    border-top: 1px solid #ececec;
}
.aui-section-info ul {
    padding: 30px 0;
    display: none;
}
.aui-section-info ul li dl {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
}
.aui-section-info ul li dl dd {
    float: left;
    margin-left: 66px;
}
.aui-section-info ul li dl dd:first-child {
    margin-left: 0;
}
.icon-icon {
    float: left;
    padding-top: 5px;
}
.icon-icon img {
    height: 32px;
    border: none;
    display: block;
}
.icon-main {
    padding-left: 10px;
    overflow: hidden;
    text-align: left;
}
.icon-title {
    font-size: 16px;
    color: #373d40;
    line-height: 1.5;
}
.icon-text {
    font-size: 12px;
    color: #a6a8ae;
    line-height: 1.5;
}
.icon-main-top {
    padding-top: 10px;
}
.aui-section-tab {
    height: 150px;
}
/*about*/
.common_tit {
    text-align: center;
	padding: 10vh 0 0;
}
.common_tit h4 {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #333333;
}
.common_tit h6 {
    margin-top: 16px;
    font-size: 20px;
    line-height: 32px;
    color: #666666;
}
.container {
    margin: 0 auto;
    min-height: 1px;
    width: 90%;
    max-width: 1600px;
}
.index1 .container h5 {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    /*max-width: 1140px;*/
    text-align: center;
    margin: 40px auto 0;
}	
.index1 .content {
  margin-top: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 4px 7px 20px 0px rgba(15, 41, 76, 0.1);
}

.index1 .content .left {
  width: 50%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index1 .content .left img {
}

.index1 .content .right {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}

.index1 .content .right .item {
  background: #fff;
  width: 50%;
  height: 250px;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 5%;
}

.index1 .content .right .item1 {
}

.index1 .content .right .item2 {
}

.index1 .content .right .item3 {
  color: #fff;
}

.index1 .content .right .item4 {
  color: #fff;
}

.index1 .content .right .item h4 {
  font-size: 30px;
  font-weight: bold;
  font-family: "DIN Alternate";
}

.index1 .content .right .item h4 span {
  font-size: 60px;
}

.index1 .content .right .item h4 span.f50 {
  font-size: 50px;
}

.index1 .content .right .item h5 {
  font-size: 26px;
  line-height: 29px;
  letter-spacing: 1px;
  color: inherit;
  text-align: left;
  margin: 20px 0 0;
}

.index1 .content .right .item h6 {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  height: 56px;
}
	
/* 弹窗 */
.z_tanchuang {
  position: absolute;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  z-index: 10;
}

.z_tanchuang .tbox {
  display: table-cell;
/*  background: rgba(0, 0, 0, 0.8); */
  text-align: center;
  vertical-align: middle;
}

/* 弹窗内容 */
.z_tanchuang .tbox .modal {
  background: white;
/*  padding: 50px; */
  display: block;
  border-radius: 5px;
  position: relative;
  width: 72%;
  max-width: 1200px;
  max-height: 90%;
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .out {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff url(../../images/out.png) center no-repeat;
  background-size: 20px;
  color: #000;
  font-size: 30px;
  text-align: center;
  border-radius: 50%;
  top: 0;
  right: -50px;
  cursor: pointer;
}

.z_tanchuang .tbox .modal .img {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .img video {
  display: block;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

.z_tanchuang .tbox .modal .img img {
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .out:hover {
  background: #fff url(../../images/out2.png) center no-repeat;
  background-size: 20px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.z_tanchuang .tbox .modal2 {
  padding: 20px;
}

.z_tanchuang .tbox .modal .img {
  max-width: 1200px;
}

/* 弹窗选中 */
.z_tanchuang.one {
  transform: scaleY(0.01) scaleX(0);
  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scaleY(0.01) scaleX(0);
  -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.z_tanchuang.one .tbox .modal {
  transform: scale(0);
  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scale(0);
  -webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.z_tanchuang.one.out {
  transform: scale(1);
  animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-transform: scale(1);
  -webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.z_tanchuang.one.out .tbox .modal {
  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  -webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

/* 弹窗动画 */
@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}

@-webkit-keyframes zoomIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes zoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}

@-webkit-keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}	
	
	
/*	首页智能制造*/
.flx_w {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
 .home_solution{width: 90%;max-width: 1420px;margin: 0 auto;}
 .home_solution .solute_nav{position: relative;width: 252px;}
 .home_solution .solute_nav ul li{padding: 14.5% 4%;text-align: center;cursor: pointer;position: relative;box-sizing: border-box;background: #fff;z-index:1;}
 .home_solution .solute_nav ul li:nth-child(1){border-radius: 0 9px 0 0;}
  .home_solution .solute_nav ul li:nth-last-child(1){border-radius: 0 0 9px 0;}
 .home_solution .solute_nav ul li.on p{color: #fff;transition: all 0s cubic-bezier(.4,0,.2,1);}
 .home_solution .solute_nav ul li.on:after{content: "";position: absolute;top: 0;left: 0;width: 104%;height: 100%;background-image: linear-gradient(to bottom,#17b6e7,#037dc8);z-index: -1;border-radius: 0 9px 9px 0;transition: all 0s;}
 .home_solution .solute_nav ul li i .sm{display: none;}
 .home_solution .solute_nav ul li.on i .big{display: none;}
 .home_solution .solute_nav ul li.on i .sm{display: block;}
 .home_solution .solute_nav ul li i{display: inline-block;}

 .home_solution .solute_nav ul li p{margin-top: 5%;font-size: 20px;}
 .home_solution .pic_content{width: calc(100% - 252px);width: -webkit-calc(100% - 252px);}
 .home_solution .pic_content .slogan{display: block;margin-bottom: 4%;text-align: right;font-size: 42px;color: #fefefe;}
.home_solution .pic_content .item{position: relative}
.home_solution .pic_content .item .text-box{position: absolute;left: 0;top: 0;padding: 90px 30px 0 50px}
.home_solution .pic_content .item .text-box h1{color: #fff;line-height: 1.5;font-size: 24px;padding-top: 20px}
 .home_solution .pic_content .item .img{border-radius: 0 18px 18px 0;overflow: hidden;}
 .home_solution .pic_content .item .img img{height: auto;}
  @media only screen and (max-width:1200px){
		.home_solution .solute_nav{width: 100%;}
		.home_solution .solute_nav ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
		.home_solution .pic_content{margin-top: 30px;width: 100%;}
		
	}
 @media only screen and (max-width:1000px){
	 .home_solution .solute_nav ul li i{width: 50px;}
	.home_solution .solute_nav ul li p{font-size: 18px;}
 	.home_solution .pic_content .slogan{font-size: 34px;}
 }
 @media only screen and (max-width:768px){
 	.home_solution .pic_content .slogan{font-size: 30px;}
	.home_solution .solute_nav ul li p{font-size: 16px;}
 }
 @media only screen and (max-width:480px){
	 .home_solution{padding: 40px 0;}
	 .home_solution .solute_nav ul li{padding: 10px 1%;width: 50%;}
	 .home_solution .solute_nav ul li i{width: 40px;}
	 .home_solution .solute_nav ul li p{font-size: 14px;}
 	.home_solution .pic_content .slogan{font-size: 22px;}
 }
 @media only screen and (max-width:320px){
	 .home_solution{padding: 30px 0;}
 	.home_solution .pic_content .slogan{font-size: 18px;}
 }

.common_tit2 h4{color:#fff;}
.common_tit2 h6{color:#fff;}	
	
/*首页新闻*/
.indCont {
	width: 100%;
	overflow: hidden;
}
.ind1stL, .ind1stR {
	width: 50%;
	overflow: hidden;
	float: left;
	display: inline;
}
.tab {
	overflow: hidden;
	text-align: center;
}
.tab_dl {
	overflow: hidden;
	text-align: center;
    display: inline-block;
}
.tab_dl li {
	float: left;
	display: inline;
	overflow: hidden;
	line-height: 120px;
	padding: 0 5px
}
a.tab_a {
	overflow: hidden;
	display: block;
	overflow: hidden;
	position: relative;
	padding: 0px 20px;
	font-size: 16px;
	color: #7a7a7a;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	cursor: pointer
}
a.tab_a span{color: #17b6e7;}
.tab_a em {
	display: block;
	width: 20px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.tab_dl li.on .tab_a, .tab_a:hover {
	color: #004098
}
.tabIconL {
	left: 0px;
	-webkit-transform: translateX(-0px);
	-ms-transform: translateX(-0px);
	-o-transform: translateX(-0px);
	transform: translateX(-0px);
	background: url(../images/tabIconL_h.png) no-repeat left center
}
.tabIconR {
	right: 0px;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	background: url(../images/tabIconL_h.png) no-repeat right center
}
.tab_dl li.on .tab_a em {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
	filter: alpha(opacity=100)
}
.ind1st {
	overflow: hidden;
	margin: 0px auto
}
.indRow {
	overflow: hidden;
	position: relative
}
.indCont {
	width: 100%;
	overflow: hidden;
}
.ind1stL, .ind1stR {
	width: 50%;
	overflow: hidden;
	float: left;
	display: inline
}
.ind1stLBox {
	overflow: hidden;
	position: relative;
	margin: 0px 15px
}
.ind1stNews {
	position: relative;
	padding-top: 67.5%
}
.ind1stLBox .center {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px
}
.indNewsSwiper {
	width: 100%;
	height: 100%
}
.indNews_a {
	display: block;
	padding-top: 67.5%
}
.indNewsName {
	overflow: hidden;
	padding: 0px 20px;
	font-size: 16px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	background: rgba(0,0,0,0.7);
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px
}
.indNewsSwiper.swiper-container-horizontal>.swiper-pagination-bullets, .indNewsSwiper .swiper-pagination-custom, .indNewsSwiper .swiper-pagination-fraction {
	left: auto;
	right: 20px;
	width: auto !important;
	z-index: 9;
	bottom: 20px
}
.indNewsSwiper .swiper-slide {
	overflow: hidden;
	position: relative
}
.swiperBt {
	position: absolute;
	right: 25px;
	bottom: 20px;
	z-index: 9
}
.swiperBt .swiper-pagination {
	position: relative
}
.swiperBt .swiper-pagination span {
	float: left;
	margin: 0px 3px;
	display: block;
	width: 8px;
	height: 8px;
	overflow: hidden;
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer
}
.ind3rdSwiper .swiperBt .swiper-pagination span {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	width: 6px;
	height: 6px
}
.swiperBt .swiper-pagination-bullet {
	background: #fff;
	opacity: 1
}
.swiperBt span.swiper-active-switch {
	background: #f39800
}
.swiperBt .prev {
	display: block;
	overflow: hidden;
	position: absolute;
	left: -11px;
	top: -2px;
	width: 6px;
	height: 11px;
	cursor: pointer;
	background: url(../images/trangleLeft_h.png) no-repeat center center
}
.swiperBt .next {
	display: block;
	overflow: hidden;
	position: absolute;
	right: -11px;
	top: -2px;
	width: 6px;
	height: 11px;
	cursor: pointer;
	background: url(../images/trangleRight_h.png) no-repeat center center
}
.indNewsSwiper .swiper-button-prev, .indNewsSwiper .swiper-button-next {
	display: block;
	opacity: 0
}
.indNewsSwiper .swiper-button-prev {
	left: -24px
}
.indNewsSwiper .swiper-button-next {
	right: -24px
}
.ind1stR {
	overflow: hidden
}
.indList_dl {
	height: 395px;
	position: relative;
}
.ind1stRCont .indList_dl {
	display: none
}
.indList_dl dt {
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding-bottom: 24px;
	margin-bottom: 15px
}
.hotTime {
	overflow: hidden;
	font-size: 24px;
	color: #978c8d;
	height: 35px;
	line-height: 35px;
	font-family: "Arial"
}
a.hotName {
	overflow: hidden;
	font-size: 22px;
	color: #e0bb8a;
	display: block;
	height: 35px;
	line-height: 35px
}
.hotIntr {
	overflow: hidden;
	font-size: 14px;
	color: #999;
	line-height: 25px;
	height: 75px
}
.indList_dl dd {
	overflow: hidden;
	line-height: 34px
}
.indList_dl dd .listName {
	padding-left: 10px;
	background: url(../images/circle.png) no-repeat left center;
	width:calc(100% - 110px);
	overflow:hidden;  
    text-overflow:ellipsis;
    white-space:nowrap;
}
.indList_dl dd .listTime{float: right}
.indList_dl dd .listName
.indList_dl dd .listName:hover {
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
	color: #004098;
	background: url(../images/circle_h.png) no-repeat left center
}
.#swiperBt .swiper-pagination .swiper-pagination-bullet-active {
background:#f39800
}
.swiperBt .prev {
	display: block;
	overflow: hidden;
	position: absolute;
	left: -11px;
	top: -2px;
	width: 6px;
	height: 11px;
	cursor: pointer;
	background: url(../images/trangleLeft_h.png) no-repeat center center
}
.swiperBt .next {
	display: block;
	overflow: hidden;
	position: absolute;
	right: -11px;
	top: -2px;
	width: 6px;
	height: 11px;
	cursor: pointer;
	background: url(../images/trangleRight_h.png) no-repeat center center
}
.indNewsSwiper .swiper-button-prev, .indNewsSwiper .swiper-button-next {
	display: block;
	opacity: 0
}
.indNewsSwiper .swiper-button-prev {
	left: -24px
}
.indNewsSwiper .swiper-button-next {
	right: -24px
}
.ind1stR {
	overflow: hidden
}
.ind1stRCont {
	overflow: hidden;
	padding: 30px 35px;
	background: #fff;
	margin: 0px 15px;
	-webkit-box-shadow: 0px 1px 3px #e5e5e5;
	box-shadow: 0px 1px 3px #e5e5e5
}
.indList_dl {
	height: 395px;
	position: relative;
}
.ind1stRCont .indList_dl {
	display: none
}
.indList_dl dt {
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding-bottom: 24px;
	margin-bottom: 15px
}	
	
/*首页页脚*/
.sbot{margin-top: 50px;display:flex;}
.sbot .ewm{float: left;display: flex;margin-bottom:20px;}
.sbot .ewm h1{float:left;font-size:16px;color:#fff;width:83px;height:80px;line-height:80px;}
.sbot .ewm ul li{display: table-cell; vertical-align: middle;padding:0 20px;}
.sbot .ewm ul li img{max-width:100px;}
.sbot .ewm ul li p{font-size:12px;color:#fff;text-align:center;line-height:2;}
.sbot .ert{width:calc(100% - 140px);float: left; }
.sbot .ert .edu{float: left;padding: 16px 5% 10px 5%;padding-top: 16px;}
.sbot .ert .edu:nth-child(1){border-right: 1px solid rgba(255,255,255,0.4);padding-top: 0px;;padding-left: 0px;}
.sbot .ert .edu .ett{color: #fff;margin-bottom: 30px;}
.sbot .ert .edu .ebtn a{display: block;margin-bottom: 20px;line-height: 18px;color: #fff;}
.sbot .ert .edu .ebtn a img {display: block;width: 18px;float: left;margin-right: 5px;}
/*页脚地图*/
.right-map{float:left;width:777px;height:354px;
	background:url(../images/map.png) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.right-map .point-area{text-align:center;position:absolute;width:80px;height:80px;transition:opacity .5s ease-out}
.right-map .point-area:before{position:absolute;content:'';width:10px;height:10px;
	border-radius:50%;background:#ffb315;display:inline-block;margin-left:-5px;
	margin-top:-5px;top:50%;left:50%
}
.right-map .point-area:nth-child(5):before{background: #ee8707;}
.right-map .point-area:nth-child(2):before{background: #ee8707;}
.right-map .point-area:nth-child(4):before{background: #ee8707;}

.right-map .point-area .txt{width:90px;position:absolute;left:50px;top:40%;color:#fff}
.right-map .point{position:absolute;width:100%;height:100%}
.right-map .point:after{content:"";display:block;position:absolute;top:0;right:0;
	bottom:0;left:0;border-radius:50%;border:1px solid #fff;opacity:0
}
.right-map .point.point-10:after{animation:4.5s ease-out 225ms infinite ripple}
.right-map .point.point-40:after{animation:4.5s ease-out .9s infinite ripple}
.right-map .point.point-80:after{animation:4.5s ease-out 1.8s infinite ripple}
.right-map .point.point-shadow:after{box-shadow:inset 0 0 5em rgba(33,130,209,.1)}
@keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-moz-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-ms-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-webkit-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}
@-o-keyframes ripple{
0%{opacity:0;transform:scale(.1)}
5%{opacity:1}
to{opacity:0;transform:scale(1)}
}	

.fp-viewing-page2 .headbox-section1 .cont .navbox .item .tit{color: #333;}
.fp-viewing-page2 .headbox-section1 .cont .logo .img img:nth-child(2){display: block}
.fp-viewing-page2 .headbox-section1 .cont .logo .img img{display: none}
.fp-viewing-page2 .headbox-section1 .cont .gt .search .img img{display: none}
.fp-viewing-page2 .headbox-section1 .cont .gt .search .img img:nth-child(2){display: block}
.fp-viewing-page2 .headbox-section1 .cont .gt .lange .en{color: #666}
.fp-viewing-page2 .headbox-section1 .cont .gt .lange .en i img{display: none}
.fp-viewing-page2 .headbox-section1 .cont .gt .lange .en i img:nth-child(2){display: block}
.fp-viewing-page2 .headbox .headbox-section1{background:#fff;}

.fp-viewing-page5 .headbox-section1 .cont .navbox .item .tit{color: #333;}
.fp-viewing-page5 .headbox-section1 .cont .logo .img img:nth-child(2){display: block}
.fp-viewing-page5 .headbox-section1 .cont .logo .img img{display: none}
.fp-viewing-page5 .headbox-section1 .cont .gt .search .img img{display: none}
.fp-viewing-page5 .headbox-section1 .cont .gt .search .img img:nth-child(2){display: block}
.fp-viewing-page5 .headbox-section1 .cont .gt .lange .en{color: #666}
.fp-viewing-page5 .headbox-section1 .cont .gt .lange .en i img{display: none}
.fp-viewing-page5 .headbox-section1 .cont .gt .lange .en i img:nth-child(2){display: block}
.fp-viewing-page5 .headbox .headbox-section1{background:#fff;}

.fp-viewing-page6 .headbox-section1 .cont .navbox .item .tit{color: #333;}
.fp-viewing-page6 .headbox-section1 .cont .logo .img img:nth-child(2){display: block}
.fp-viewing-page6 .headbox-section1 .cont .logo .img img{display: none}
.fp-viewing-page6 .headbox-section1 .cont .gt .search .img img{display: none}
.fp-viewing-page6 .headbox-section1 .cont .gt .search .img img:nth-child(2){display: block}
.fp-viewing-page6 .headbox-section1 .cont .gt .lange .en{color: #666}
.fp-viewing-page6 .headbox-section1 .cont .gt .lange .en i img{display: none}
.fp-viewing-page6 .headbox-section1 .cont .gt .lange .en i img:nth-child(2){display: block}
.fp-viewing-page6 .headbox .headbox-section1{background:#fff;}
/*about*/
.app-banner__page {
    height: 584px;
    position: relative;
    overflow: hidden;
    max-height: 100vh;
}
.app-banner__page-inner .wrap {
    width: 600px;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #fff;
}
.app-banner__page .bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    animation: scaleDraw 5s ease infinite;
    -webkit-animation: scaleDraw 5s ease 1;
    -ms-animation: scaleDraw 5s ease 1
}
@keyframes slideUp {
    0% {
        transform: translateY(100%);
        -ms-transform: translateY(100%);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        -ms-transform: translateY(0);
        opacity: 1
    }
}
@keyframes scaleDraw {
    0% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

.app-banner__page .bg.pc {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}


.app-banner__page .bg.m {
    display: none
}

.app-banner__page-inner {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.serve .app-banner__page-inner {
    bottom: 180px;
    padding-top: 60px
}


.products .app-banner__page-inner {
    bottom: 200px
}
.app-submenu .app-container {
    height: 100%;
}
.current .app-submenu-wrap {
    justify-content: space-between;
}
.app-banner__page-inner .app-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.app-banner__page-inner h1 {
    font-weight: 500;
    letter-spacing: 5px;
	font-size: 38px;
	line-height: 1.5
}
.app-submenu {
    height: 80px;
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    z-index: 99;
    position: relative;
}
.app-submenu-wrap {
    height: 100%;
    display: flex;
    align-items: center;
    height: 100%;
}
.app-submenu-crumbs {
    height: 100%;
    flex: 1 0 auto;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.app-submenu-crumbs li {
    color: #999;
    list-style-type: none;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.app-submenu-crumbs li a {
    color: #999;
}
.app-submenu-crumbs li+li {
    padding-left: 25px;
}
.app-container {
    max-width: 1440px;
    width: 78%;
    margin-left: auto;
    margin-right: auto;
}
.app-submenu-crumbs li+li::before {
    content: " ";
    width: 7px;
    height: 11px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAcElEQVQYlXXPMRGAMBBE0Q+KkIAEJNBdiwQk0G6HBCQgAQlIYZZhMgmEK9K8ndwtkkZJC5VpgQNwYH1z40dSB+zAFhFjgX+BhLVAgU9gBiag80E5+DtDHxFnvtPgSgY3SNd+4EZJA+COBXi886wBwAX4NTEvCFvbgwAAAABJRU5ErkJggg==) no-repeat;
    position: absolute;
    left: 9px;
    top: 50%;
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
}
.wrapper-pattern-12 {
    background-image: url(../../images/abg.jpg);
    background-position: center bottom;
    position: relative;
    z-index: 1;
}
/**/
.pd100 {
    padding: 100px 0;
}
.ab2 .atop{position: relative;margin-top: 60px}

.ab2 .atop .xian{display: block;width: 100%;height: 4px;background: #666;position: absolute;top: 295px;left: 0;}

/*.ab2 .atop .bg1{width: 480px;height: 226px;position: absolute;top: 67px;right: 0;background: url(../images/ab_2_1.png) center no-repeat;}*/

.ab2 .atop .swiper5{}

.ab2 .atop .swiper5 .swiper-slide{}

.ab2 .atop .swiper5 .swiper-slide .sbox{height: 596px;position: relative;}
.ab2 .atop .swiper5 .swiper-slide:nth-child(3) .sbox{width:242px;}
.ab2 .atop .swiper5 .swiper-slide .sbox .day{color: #666;font-family: arial;position: relative;z-index: 3;text-align: center;}

.ab2 .atop .swiper5 .swiper-slide .sbox .stc{line-height: 28px;height: 130px; text-align: center;position: relative;z-index: 3;padding: 10px 0 ;font-weight: 100;}
.ab2 .atop .swiper5 .swiper-slide .sbox s{display: block;width: 4px;height: 130px;margin: 0 auto;background: #666;}
.ab2 .atop .swiper5 .swiper-slide:nth-child(2n) .sbox{padding-top: 440px;}
.ab2 .atop .swiper5 .swiper-slide:nth-child(2n) .sbox s{position: absolute;top: 300px;left: 50%;}
.ab2 .atop .swiper5 .bg2{width: 100%;height: 66px;position: absolute;top: 229px;right: 0;z-index: 3;background: url(../images/sec_03.png) center no-repeat;}
.ab2 .atop .btn {width: 50px;height: 50px;border: 1px solid #aaa;position: absolute;border-radius: 50%;top: 40%;right: 0;cursor: pointer;background: #fff url(../images/jt_h2.png) center no-repeat;background-size: 30px;padding-right: 0;z-index:99;}
.ab2 .atop .prev5{right: 170px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.ab2 .atop .btn:hover{background: #10b5ee  url(../images/jt_l.png) center no-repeat;background-size: 30px; border: 1px solid #10b5ee;}
/*联系我们*/
.form-control::-webkit-input-placeholder{font-size: 14px;font-family: "微软雅黑";color: #fff;padding: 0}
.form-control:-moz-placeholder{font-size: 14px;font-family: "微软雅黑";color: #fff;}
.form-control:-ms-input-placeholder{font-size: 14px;font-family: "微软雅黑";color: #fff;}
.form-control{padding: 0}
.contact-map {
    position: relative;
}
.contact-map .map {
    width: 100%;
    height: 546px;
}

.contact-map .address {
    padding: 120px 0 0 60px;
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    height: 546px;
    background-color: rgba(255, 255, 255, 0.8);
}
.contact-map .address ul {
    list-style: none;
    padding: 0;
}
.contact-map .address ul li {
    list-style: none;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 24px;
    color: #17b6e7;
}
.contact-map .address ul li .ico {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
}
.contact-map .address ul li .ico img {
    vertical-align: top;
}

.u-column-contact .nav-tabs {
    margin-bottom: 50px;
    color: #FFF;
    border-bottom: none;
	overflow: hidden
}

.nav > li {
    position: relative;
    display: block;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.u-column-contact .nav-tabs > li {
    width: 48%;
    margin-right: 4%;
    padding: 0;
    height: 65px;
}
.u-column-contact .nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 0;
    text-align: center;
    color: #FFF;
    border: none;
    background: none;
    height: 58px;
    font-size: 32px;
    border-bottom: 1px solid #90acc1;
}

.u-column-contact .nav-tabs > li > a .iconfont {
    width: 36px;
    height: 36px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 10px;
    vertical-align: top;
}
.u-column-contact .nav-tabs > li > a .iconfont.icon-1 {
    background-image: url(../images/nav-1.png);
}
.u-column-contact .nav-tabs > li > a .iconfont.icon-2 {
    background-image: url(../images/nav-2.png);
}
.u-column-contact .nav-tabs > li > a .t {
    height: 36px;
    line-height: 36px;
    display: inline-block;
    vertical-align: top;
}

.u-column-contact .nav-tabs > li.last {
    margin-right: 0;
}

.u-column-contact .form-group .form-control {
    color: #FFF;
    background: none;
    border: none;
    border-radius: 0;
    height: 280px;
    text-shadow: none;
    -webkit-appearance: none;
    -webkit-user-select: text;
    outline-color: transparent;
    box-shadow: none;
}
.u-column-contact .form-group .input-group-addon {
    padding: 6px 20px;
    position: relative;
    background: none;
    border: none;
    border-radius: 0;
}

.u-column-contact .form-group .input-group-addon.icon-w {
    background: url(../images/f-user.png) no-repeat left 8px;
}
.u-column-contact .form-group .input-group-addon::before {
    border-right: 1px solid #FFF;
    position: absolute;
    top: 10px;
    right: 4px;
    height: 15px;
    content: "";
}
.col-md-6 {
    width: 50%;
}

.u-column-contact .form-group {
    margin-bottom: 0;
    background: url(../images/bg-w-3.png);
    padding: 10px;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.u-column-contact .form-group .input-group {
	width: 100%;
    border: 1px dotted #FFF;
    padding: 10px;
}
.u-column-contact .form-group-code {
    background: url(../images/bg-w-3.png);
    width: 240px;
    padding: 0 10px;
    margin: 30px auto;
	height: 50px;
	overflow: hidden
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.u-column-contact .form-group-code .input-group {
    position: relative;
}
.u-column-contact .form-group-code .input-group-addon.icon-c {
    background: url(../images/f-mg-c.png) no-repeat left center;
}
.u-column-contact .form-group-code input.form-control {
    height: 50px;
}
.u-column-contact .form-group-code .input-group .codeimg {
    position: absolute;
    top: 10px;
    right: 0;
    height: 30px;
    cursor: pointer;
    background: #FFF;
    z-index: 3;
}
.u-column-contact .text-center {
    margin-top: 50px;
}
.u-column-contact .form-group-code input.form-control{background: none;border: none;}
.text-center {
    text-align: center;
}
.btn.btn-bai{border: none;padding: 6px 28px}
.btn.btn-reset1{border: none;padding: 6px 28px}
/*产品详情*/
.col-md-9 {
    width: 75%;
}
.r-contact {
    border: solid 5px #f8e8db;
}
.r-contact .tit {
    padding: 30px 15px;
    border-bottom: 2px solid #f8e8db;
    font-size: 18px;
}

.r-contact .tit .u-icon-c {
    width: 40px;
    height: 40px;
    background: url(../images/icon-item004.png) no-repeat;
	background-size: 40px;
    margin-right: 10px;
}
.r-contact .cont {
    padding: 15px;
}
.r-contact dl dd {
    font-size: 16px;
    line-height: 32px;
    color: #343434;
}

.media {
    margin-top: 15px;
}
.media-middle {
    vertical-align: middle;
}
.media-object {
    display: block;
	max-width: 22px;margin-right: 5px
}
.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
	font-size: 14px;
}

.nLi .sub{display: none; position: absolute;width:100%;left: 0;top: 48px;padding:10px 20px; background: #fff;z-index: 99;text-align: center}
.nLi .sub li{line-height: 2;border-bottom: 1px solid #eee}
.nLi .sub li:last-child{border-bottom:none;}
.nLi .sub a{transition: all 0s;display: block;line-height: 2.5}

/*产品开始*/
#c_portalResProduct_list-16111117864417979{padding-top: 50px}
.proBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.proContainer {
    max-width: 1420px;margin: 0 auto
}
.p_Product {
    width: calc((100% - 0px)/3);
}
.p_Product2 {
    width: calc((100% - 80px)/2);
}
.p_Product3 .porTbox{height: 590px;background:#fff;}
#c_portalResProduct_list-16111117864417979 .p_Product3 .porBbox{height:60px}
.proLi {
    position: relative;
    overflow: hidden;
    padding: 20px;
/*	height: 470px;*/
    float: left;
}
.porTbox {
   position: relative;
    overflow: hidden;
    width: 100%;
    height: 432px;
}
.p_Product2 .porTbox{height: 560px}
#c_portalResProduct_list-16111117864417979 .proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}
#c_portalResProduct_list-16111117864417979 .showBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
	text-align: center
}
#c_portalResProduct_list-16111117864417979 .p_Product2 .showBox{padding: 15vh}
#c_portalResProduct_list-16111117864417979 .showBox h1{color: #fff;line-height: 2}
#c_portalResProduct_list-16111117864417979 .showBox img{display: block;margin: 0 auto}
#c_portalResProduct_list-16111117864417979 .p_Product2 .showBoxLink::before{height: 0}

#c_portalResProduct_list-16111117864417979 .showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;
}
#c_portalResProduct_list-16111117864417979 .showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
#c_portalResProduct_list-16111117864417979 .showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
#c_portalResProduct_list-16111117864417979 .porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100px;
    padding: 20px 20px 10px;
    border: 1px solid #f2f2f2;
	background: #fff;
}
#c_portalResProduct_list-16111117864417979 .p_Product2 .porBbox{height:200px;position: absolute;bottom: 0;background: none;border:none;background:url(../images/jianbianimg1.png) no-repeat top / cover;;}
#c_portalResProduct_list-16111117864417979 .p_Product2 .proTitle{font-size: 24px;color: #fff;position: absolute; bottom: 40px}
.p_Product2.proLi{margin: 20px;padding: 0}
.p_Product2.proLi:hover .porBbox{display: none}
#c_portalResProduct_list-16111117864417979 .p_Product2 .showBoxLink{position: initial;margin: 0 auto;transform: translate(0%,0%);}





#c_portalResProduct_list-16111117864417979 .proTitle {
    font-size: 1rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

#c_portalResProduct_list-16111117864417979 .proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
}
#c_portalResProduct_list-16111117864417979 .lookDetail {
    position: relative;
    display: block;
    color: #777;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #e5e5e5;
}
#c_portalResProduct_list-16111117864417979 .arrowsR {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 30px;
}
#c_portalResProduct_list-16111117864417979 .harr {
    opacity: 0;
}

#c_portalResProduct_list-16111117864417979 .proLi:hover .showBox {
    opacity: 1;
}
/*加入我们*/
.hrIdea{background:#f6f6f6;overflow: hidden;padding: 100px 0;}
.hrIdea_box {
    overflow: hidden;
    box-shadow: 0 0px 40px 0px rgb(0 0 0 / 10%);
	margin-top: 100px!important;
}
.hrIdea_item {
	display: flex;
	flex-wrap: wrap;
	float: left;
	width: 25%;
}

.hrIdea_img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 50%;
}

.hrIdea_img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #bb0101;
	opacity: 0.1;
}


.hrIdea_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.48s;
}

.hrIdea_txt {
	position: relative;
	width: 100%;
	padding: 48px 30px;
	text-align: center;
	background: #fff;
}

.hrIdea_txt::before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
}

.hrIdea_item:nth-child(2n) .hrIdea_txt {
	order: -1;
}

.hrIdea_item:nth-child(2n-1) .hrIdea_txt::before {

	border-bottom: 16px solid #fff;
	top: -16px;
}

.hrIdea_item:nth-child(2n) .hrIdea_txt::before {
	bottom: -16px;

	border-top: 16px solid #fff;
}
.hrIdea_txt img {
	width: 42px;
	margin: 0 auto;
}
.hrIdea_txt span {
	font-size: 22px;
	line-height: 2;
	margin: 8px auto;
	display: block;
}
.hrIdea_txt p {
	color: #666666;
	margin-bottom: 12px;
	font-size: 14px;
	line-height:1.5;
}

.hrIdea_txt i {

	position: relative;
	font-weight: bold;
	font-size: 28px;
	font-style: inherit;
	color: #999;
}

.hrIdea_txt i::before,
.hrIdea_txt i::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 38px;
	height: 1px;
	background: #eee;
}
.hrIdea_txt i::before {
	left: -48px;
}
.hrIdea_txt i::after {
	right: -48px;
}
.workXluBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0;
    margin-bottom: 60px;
    padding-top: 130px;
}
.xluTit {
    border-right: 2px #18b3ea solid;
    width: 20%;
    font-weight: normal;
    font-size: 46px;
    color: #222;
}
.xluTex {
    font-size: 18px;
    color: #444;
    width: 75%;
    line-height: 1.5;
}
.faclyName {
    padding: 20px;
}
.faclyName h2 {
    font-size: 18px;
    color: #444;
    height: 24px;
    line-height: 24px;
    box-sizing: border-box;
    text-align: center;
}
.picItem {
    background: #fff;
    border-radius: 10px;
	 box-shadow: 0 0px 40px 0px rgb(0 0 0 / 10%);
}
.flyPic {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
.pTabPic{position: relative;}
.pTabPic .swiper-container{padding-bottom: 30px}
.pTabPic .swiper-button-next {
    color: #ff9c33;
    right: 0;
    top: 40%;
    border: none;
    outline: none;
}
.pTabPic .swiper-button-prev {
    color: #ff9c33;
    left: 0;
    top: 40%;
    border: none;
    outline: none;
}
/*职业机会*/
.jobList {
    background: url(../images/jobBg.png) no-repeat;
    height: 390px;
    background-size: 100% auto;
    margin-top: 92px;
    position: relative;
    display: flex;
    align-items: center;
}
.cenBox{margin-top: 40px}
.Career_Graduate {
    width: 648px;
    height: 178px;
    float: left;
    color: #FDFDFD;
    border: 2px solid #FDFDFD;
    border-radius: 17px;
    margin-top: -20px;
    position: relative;
}
.Career_Experienced {
    width: 648px;
    height: 178px;
    float: right;
    color: #FDFDFD;
    border: 2px solid #FDFDFD;
    border-radius: 17px;
    margin-top: -20px;
    position: relative;
}
.Career_Graduate .p1, .Career_Experienced .p1 {
    width: 100%;
    text-align: center;
    font-size: 26px;
	padding:40px 20px 0
}
.Career_Graduate .p2, .Career_Experienced .p2 {
    width: 100%;
    text-align: center;
    font-size: 16px;
    position: absolute;
    y: 0.75rem;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding: 0;
	color: #fff;
}
.Career_Graduate .arrow, .Career_Experienced .arrow {
    width: 100%;
    height: 26px;
    position: absolute;
    y: 0.75rem;
    background: url(../images/Career_Arrow.png) no-repeat center;
    background-position-x: 75%;
    transition: all 0.5s;
}


/*职位列表*/
.join-campus-s4{}
.join-campus-s4 .items {
    padding: 2vw 30px;
    margin: 0 -30px;
}
.join-campus-s4 .item {
    position: relative;
    background-color: #f0f0f3;
    cursor: pointer;
    transition: transform .3s ease;
}
.join-campus-s4 .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(45deg, #001066, #2f50a2);
    box-shadow: 0 0.5vw 1.5vw rgb(15 36 121 / 30%);
    opacity: 0;
    transition: all .3s ease;
}
.join-campus-s4 .item .box {
    position: relative;
    padding: 2vw;
    z-index: 2;
}
.join-campus-s4 .item h3 {
    font-size: 24px;
	line-height: 1.5;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .3s ease;
}
.join-campus-s4 .item .para {
    margin-top: 24px;
}
.join-campus-s4 .item p {
    font-size: 16px;
    line-height: 2;
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .3s ease;
}

.join-campus-s4 .item span {
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 3vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/icon-5.png);
    transition: all .3s ease;
}
.join-campus-s4 .item .more{margin-top:2.7vw;}
.campus-pop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.campus-pop .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
}
.campus-pop .main {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.cell-box .cell {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.campus-pop .close {
    width: 36px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/icon-6.png);
    position: absolute;
    top: 30px;
    right: 30px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease;
}
.campus-pop .top-block {
    padding: 10vh 6.25vw 5vh;
    background-color: #17b6e7;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(../images/about3_1.jpg);
}
.campus-pop .top-block h3 {
    font-size: 48px;
    color: #fff;
}
.campus-pop .top-block .info {
    margin-top: 5vh;
    font-size: 0;
}
.campus-pop .top-block .info span {
    font-size: 16px;
    color: #fff;
}
.campus-pop .top-block .info span:before {
    content: '';
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0;
}
.campus-pop .top-block .info span.addr:before {
    background-image: url(../images/icon-7.png);
}
.campus-pop .bot-block {
    padding: 7vh 6.25vw;
    background-color: #fff;
}
.campus-pop .bot-block .scroll {
    max-height: 36vh;
    overflow: auto;
    padding-right: 2vw;
}
.campus-pop .bot-block .box:nth-of-type(1) {
    padding-top: 0;
    margin-top: 0;
    border: none;
}
.campus-pop .bot-block .box h4 {
    font-size: 22px;
    color: #333333;
}
.campus-pop .bot-block .box .para {
    font-size: 16px;
    line-height: 32px;
    color: #808080;
    margin-top: 20px;
}
.campus-pop .bot-block .box {
    padding-top: 2vw;
    margin-top: 2vw;
    border-top: 1px solid #e6e6e6;
}
.campus-pop .bot-block a {
    display: block;
    font-size: 18px;
    line-height: 60px;
    color: #fff;
    background-color: #17b6e7;
    text-align: center;
    margin-top: 7vh;
}
.news-list-hotinfo{margin-top: 20px}

.col-md-8 {
    width: 66.66666667%;
}
.col-md-4 {
    width: 33.33333333%;
}
.news-detail{margin-bottom: 70px;}
.npre{padding: 10px 0}
.npre ul li{padding: 10px 0}
/* 数字化工厂 */
.ab_solution{padding: 0 0 3.5%;}
.ab_solution .nei_title span{padding: 1% 3%;font-weight: bold;color: #fff;background-image: linear-gradient(to bottom,#6cbb44,#01b1b6);}
.ab_solution .cul_box{position: relative;}
.ab_solution .cul_box .m_img{display: none;}
.ab_solution .culture_list{ width: 50%; height: 430px; padding-right: 500px; text-align: right; position: relative; /* overflow: hidden; */box-sizing: border-box;}
.ab_solution .culture_list dd:after{ content: ""; display: inline-block; position: absolute; width: 233px; height: 48px; background: #dcdcdc; top: 54%; right: 20%; z-index: 1;transition: all .5s ease;}

.ab_solution .culture_list:nth-child(2n){ padding-left: 500px; text-align: left; padding-right: 0px;}
.ab_solution .culture_list .h_tit{display: none;font-size: 20px; color: #222222; font-weight: bolder;transition: all .5s ease;}
.ab_solution .culture_list .con{margin-top: 130px;}
.ab_solution .culture_list .con p{font-size: 20px;color: #000;line-height: 30px;}
.ab_solution .culture_list .con p.row:after{ content: ""; display: inline-block; position: absolute; width: 233px; height: 48px; background: #dcdcdc; top: 54%; right: 20%; z-index: -1;transition: all .5s ease;}
.ab_solution .culture_list:nth-child(1) .con p.row:after{ top: 32%;right: 28%;background: url(../images/line1.png)no-repeat center;}
.ab_solution .culture_list:nth-child(2) .con p.row:after{ top: 32%;left: 28%;background: url(../images/line2.png)no-repeat center;}
.ab_solution .culture_list:nth-child(3) .con p.row:after{ top: 55%;right:28%;background: url(../images/line3.png)no-repeat center;}
.ab_solution .culture_list:nth-child(4) .con p.row:after{ top: 55%;left: 28%;background: url(../images/line4.png)no-repeat center;}
.ab_solution .about_content{ position: relative;}
.ab_solution .culture_center{ width: 356px; height: 356px; text-align: center; line-height: 396px;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: #fff;z-index: 1;border-radius: 50%;}
.ab_solution .culture_center img{display: block;margin: 0 auto}
.ab_solution .culture_list .culture_list_img{webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;width: 650px;height: 650px;position: absolute;overflow: hidden;transition: all .5s ease;transform: translate3d(0,0,0);z-index: -1;}
.ab_solution .culture_list .culture_list_img img{width: 50%;position: absolute;opacity: 0;transition: all .5s ease;transform: translate3d(0,0,0);display: none;}
.ab_solution .culture_list1 .culture_list_img{right: 0;bottom: 0;transform: translate3d(50%,50%,0);background-color: #23d2ba;background: url(../images/solution01.png)no-repeat left top;background-size: 100%;}
.ab_solution .culture_list1 .culture_list_img img{left: 0;top: 0;}
.ab_solution .culture_list2 .culture_list_img{left: 0;bottom: 0;transform: translate3d(-50%,50%,0);background-color: #1ca794;background: url(../images/solution02.png)no-repeat right top;background-size: 100%;}
.ab_solution .culture_list2 .culture_list_img img{right: 0;top: 0;}

.ab_solution .culture_list3 .culture_list_img{right: 0;top: 0;transform: translate3d(50%,-50%,0);background-color: #45dbdb;background: url(../images/solution03.png)no-repeat left bottom;background-size: 100%;}
.ab_solution .culture_list3 .culture_list_img img{left: 0;bottom: 0;}

.ab_solution .culture_list4 .culture_list_img{left: 0;top: 0;/* background-color: #0a4180; */background-color: #0a8080;transform: translate3d(-50%,-50%,0);background: url(../images/solution04.png) right bottom;background-size: 100%;}
.ab_solution .culture_list4 .culture_list_img img{right: 0;bottom: 0;}
/* .ab_solution .culture_list:hover .culture_list_img{ background: #fff;} */
.culture_list1:hover .culture_list_img {
    transform: translate3d(50%,50%,0) scale(1.05);
}
.culture_list2:hover .culture_list_img {
    transform: translate3d(-50%,50%,0) scale(1.05);
}
.culture_list3:hover .culture_list_img {
    transform: translate3d(50%,-50%,0) scale(1.05);
}
.culture_list4:hover .culture_list_img {
    transform: translate3d(-50%,-50%,0) scale(1.05);
}
.ab_solution .solute_txt{font-size: 20px;line-height: 30px;}
.ab_solution .solute_txt p{position: relative;padding-left: 28px;box-sizing: border-box;}
.ab_solution .solute_txt p:after{content: "";position: absolute;left: 0;top: 7px;width: 7px;height: 16px;background: #18b3ea;}
/*中央智能控制中心*/
.ab_why{padding: 9.5% 0 4%;margin-bottom: 5%;background: url(../images/why_bg.jpg)no-repeat top center/cover;}
.ab_why .nei_wrap{box-sizing: border-box;}
.ab_why .nei_title{color: #fff;font-size: 34px;text-align: center;}
.ab_why .nei_title .line{margin: 24px auto 0;width: 106px;height: 6px;background-color: #18b3ea;}
.ab_why ul{transform: translateY(50%);}
.ab_why ul li{padding: 5% 2% 5% 2.5%;width: 31.8%;background: #fff url(../images/why_item_bg.jpg)repeat-x top center;border-top: 3px solid #18b3ea;box-sizing: border-box;box-shadow: 0 0 5px rgba(0,0,0,.2);transition: transform 0.2s linear;}
.ab_why ul li .tit{font-size: 32px;font-weight: bold;text-align:center;}
.ab_why ul li .con{margin-top: 11%;}
.ab_why ul li .con p{position: relative;margin-bottom: 9%;padding-left: 35px;box-sizing: border-box;font-size: 18px;}
.ab_why ul li .con p:nth-last-child(1){margin-bottom: 0;}
.ab_why ul li .con p::before{content: "";position: absolute;left: 0;top: 4px;width: 10px;height: 10px;background: #18b3ea;}
.ab_why ul li:hover {transform: translateY(-10px);}

@media only screen and (max-width:1600px){
    .common_tit{padding: 15vh 0 0;}
    .common_tit h4{font-size:32px;}
    .common_tit h6{font-size:16px;}
    .index1 .container h5{margin: 20px auto 0;font-size:14px;line-height:1.5;}
    .index1 .content{margin-top: 34px;}
    .index1 .content .left{height:400px;}
    .index1 .content .right .item{height:200px;}
    .index1 .content .right .item h4 span{font-size: 42px;}
    .index1 .content .right .item h5 {font-size: 18px;margin: 15px 0 0;}
    .index1 .content .right .item h6{margin-top: 15px;font-size: 14px;}
    .home_solution .solute_nav ul li{padding: 10.5% 3%;}
    .in_6 .in6_con{padding-top: 0vh}
    .tab_dl li{max-height: 87px;}
    .indList_dl{height: 360px;}
    .home_solution{max-width: 1322px;}
    .home_solution .solute_nav ul li p{font-size:18px;}
    .listBox1 .table .tableCell{padding-top: 350px;}
    .jobList{background-size: cover;}
    .Career_Graduate{width:580px;}
    .Career_Experienced{width:580px;}
    .proContainer{max-width: 1230px;}
    .app-banner__page-inner h1{font-size:32px;}
    
    
    
}

@media only screen and (max-width:1400px){
	.ab_why ul li .tit{font-size: 24px;}
	.home_solution .solute_nav ul li p{font-size:14px;}
	
}
@media only screen and (max-width:1200px){
	.home_solution .solute_nav ul li{padding: 25px 1%;width: 25%;}
}
@media only screen and (max-width:1000px){
	.ab_why .nei_wrap{padding: 0;}
	.ab_why ul{margin-top: 6%;transform: initial;}
	.ab_why ul li .tit{font-size: 20px;}
	.ab_why ul li .con p{padding-left: 20px;font-size: 16px;}
}
@media only screen and (max-width:480px){
	.ab_why{padding: 30px 0;margin-bottom: 0;}
	.ab_why ul{margin-top: 30px;}
	.ab_why ul li{padding: 5% 2.5%;width: 100%;}
	.ab_why ul li .con{margin-top: 5%;}
	.ab_why ul li .con p{margin-bottom: 5%;font-size: 14px;line-height: 24px;}
}
/*研发中心*/
.ab_target .nei_title{color: #333;font-size: 34px;text-align: center;}
.ab_target .content{margin: 6% 0 6.5%;padding:3% 1% 2.1%;box-sizing: border-box;font-size: 30px;background: #f9f9f9;border-bottom: 4px solid #18b3ea;text-align: center;}
.ab_target .content p{color: #000;}
.ab_target ul li{margin-bottom: 3.2%;width: 30%;position: relative;}
.ab_target ul li .img{position: relative;padding-bottom: 50.5%;width: 100%;height: 0;overflow: hidden;background: #14944a;}
.ab_target ul li .img img{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);}
.ab_target ul li .text{position: absolute;left: 50%;top: 50%;width: 94%;max-width: 250px;transform: translate(-50%,-50%);color: #fff;font-size: 30px;line-height: 50px;text-shadow: #283d4f 2px 2.5px 1px;text-align: center;}
@media only screen and (max-width:1000px){
	.ab_target .content{padding: 30px 1%;margin: 40px 0;font-size: 20px;}
	.ab_target ul li{width: 31.5%;}
	.ab_target ul li .text{font-size: 20px;line-height: normal;}
}
@media only screen and (max-width:480px){
	.ab_target{padding: 30px 0;}
	.ab_target .content{margin: 20px 0;font-size: 16px;}
	.ab_target ul li{width: 49%;}
	.ab_target ul li .text{font-size: 14px;}
}
/* 智能视觉 */
.ab_video .nei_title {color: #333;font-size: 34px;text-align: center;}
.ab_video {margin-top: 3%;padding: 3% 0;background: #edeef0;}
.ab_video .content_list{margin-top: 4.5%;}
.ab_video .content_list ul:after{content: "";width: 31%;}
.ab_video .content_list ul li{width: 45%;transition: all .3s linear;}
.ab_video .content_list ul li .img{position: relative;padding-bottom: 68%;width: 100%;height: 0px;overflow: hidden;}
.ab_video .content_list ul li .img img{left: 50%;top: 50%;width: 100%;}
.ab_video .content_list ul li .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: rgba(0,0,0,0.3);transition: background 0.3s linear;}
.ab_video .content_list ul li:hover .mask{background: rgba(0,0,0,0);}
.ab_video .content_list ul li .play{position: absolute;left: 50%;top: 50%;width: 90px;transform: translate(-50%,-50%);z-index: 3;}
.ab_video .content_list ul li p{margin-top: 1.5%;text-align: center;font-size: 16px;line-height: 24px;}
.ab_video .content_list .ab_more {display: inline-block;margin-top: 5%;padding: 1.5% 5%;border-radius: 30px;background: #13944a;color: #fff;font-size: 14px;font-weight: bold;}
.ab_video .content_list ul li:hover {transform: translateY(-5px);}
.ab_video .content_list .ab_more:hover{background: #eceef0;color: #000;}
.ab_video .content_list ul li p{font-size: 18px;line-height: 2; color: #333;text-align: left}
.ab_video .content p{font-size: 24px;text-align: center;padding: 40px 0}
.ab_wuliu{background: none}





@media only screen and (max-width:1000px){
	
}
@media only screen and (max-width:768px){
	.ab_video{margin-top: 40px;padding-top: 40px;}
	.ab_video .content_list ul:after{content: "";width: 32%;}
	.ab_video .content_list ul li{width: 32%;}
	.ab_video .content_list ul li .play{width: 60px;}
}
@media only screen and (max-width:480px){
	.ab_video{margin-top: 30px;padding-top: 30px;}
	.ab_video .content_list{margin-top: 30px;}
	.ab_video .content_list ul:after{content: "";width: 100%;}
	.ab_video .content_list ul li{margin-bottom: 10px;width: 100%;}
}
@media only screen and (max-width:320px){
	
}






@media only screen and (max-width:768px){
    .app-banner__page{height:250px;}
    .app-banner__page .bg.m{display: block;}
	.common_tit{padding: 5vh 0 0;}
	.common_tit h4{font-size: 24px}
	.common_tit h6{font-size: 16px}
	.index1 .container{width: 100%}
	.index1 .content{display: block}
	.index1 .content .left{width: 100%;height: 280px}
	.index1 .content .right{width: 100%}
	.index1 .content .right .item h4 span{font-size: 24px;}
	.index1 .content .right .item h4{font-size: 24px;}
	.index1 .content .right .item h5{font-size: 18px}
	.home-section2{display: block}
	.ind1stL, .ind1stR{width: 100%}
	.ind1stRCont{padding: 30px 15px;}
	.indList_dl dt{padding-bottom: 10px}
	.hotTime{font-size: 14px}
	.indList_dl dd{line-height: 31px;}
	.indList_dl dd .listName{width:calc(100% - 85px);word-break:keep-all;white-space:nowrap;overflow: hidden;text-overflow:ellipsis; }
	.right-map{display: none}
	.index7 .con1{display: none}
	.app-banner__page-inner h1{font-size:18px;}
	.app-submenu{height:50px}
	.app-container{width:92%;}
    .ab2 .atop{padding-right: 0;}
    .ab2 .atop .prev5{right:inherit;left:0;}
    .ab2 .atop .btn{right:0;z-index:99}
    .in_4 .s .s2{text-align:center;}
    .index1 .container h5{text-align: justify;}
    .index1 .container h5 P{text-align: justify;text-indent:2em;}
    .contact-map .address {
    background: #FFF;
    position: static;
    padding: 20px;
    width: 100%;
    height: auto;}
    .contact-map .address ul li {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 24px;}
    .contact-map .address ul li .ico {
    width: 24px;
    height: 24px;}
    .column-title {margin-bottom: 20px;padding-bottom: 10px;padding-top: 20px;}
    .contact-map .map{height:460px;}
    .tab-content .col-md-6{width:100%;}
    .u-column-contact .form-group .form-control {height: 150px;}
    .ab2 .atop .swiper5 .bg2{width:100%;}
    /*产品*/
    .p_Product2{width:100%}
    .p_Product2.proLi{margin:10px 0;}
    #c_portalResProduct_list-16111117864417979 .p_Product2 .showBox{padding:8vh 0;}
    .p_Product2 .porTbox{height:400px;}
    #c_portalResProduct_list-16111117864417979 .showBox h1{font-size:20px;}
    #c_portalResProduct_list-16111117864417979 .p_Product2 .proTitle{font-size:20px;}
    .p_Product{width:100%;}
    .proLi{padding:10px 0;}
    #content .col-md-9{width:100%;}
    #content .col-md-3{width:100%;margin-bottom:20px;}
    /*智能工厂*/
    .ab_solution {margin-top: 30px;}
    .ab_solution .cul_box .m_img { display: block;text-align: center;}
    .ab_solution .cul_box .culture_top { width: 90%; margin: 30px auto 0;}
    .ab_solution .culture_list { width: 100%; padding-right: 0px;height: auto;text-align: left; margin-bottom: 15px;}
    .ab_solution .culture_list .con { margin-top: 0px;}
    .ab_solution .culture_list .h_tit {font-size: 16px;}
 
.ab_solution .culture_list .con p {padding: 0 2% 0 0; width: 100%;display: inline-block;vertical-align: text-top;box-sizing: border-box; font-size: 15px;
 line-height: 25px;}
    .ab_solution .culture_list:nth-child(2n) {padding-left: 0px;text-align: left;}
    .ab_solution .culture_list .culture_list_img, .ab_solution .culture_center {display: none;}
    .ab_solution .culture_list:nth-child(1) .con p.row:after{display:none;}
    .ab_solution .culture_list:nth-child(2) .con p.row:after{display:none;}
    .ab_solution .culture_list:nth-child(3) .con p.row:after{display:none;}
    .ab_solution .culture_list:nth-child(4) .con p.row:after{display:none;}
    .ab_solution .solute_txt p{font-size:15px;}
    .ab_video .content_list ul li p{font-size:15px;}
    .ab_why .nei_title{font-size:24px;}
    .ab_target .nei_title{font-size:24px;}
    .ab_video .nei_title{font-size:24px;}
    .ab_video .content p{font-size:18px;}
    .workXluBox{display:block;padding-top: 40px;}
    .xluTit{font-size: 20px;width:100%;border-right:none;}
    .xluTex{font-size:15px;width:100%;}
    .jobList{margin-top: 30px;}
    .Career_Graduate{width:100%;margin-top:10px;}
    .Career_Experienced{width:100%;margin-top:10px;}
    .Career_Graduate .p1, .Career_Experienced .p1{font-size:24px;}
    .campus-pop .top-block h3{font-size:24px;}
    .campus-pop .top-block{padding: 5vh 6.25vw 5vh;background-size: cover;}
    .join-campus-s4 .items{margin:20px 0;padding:0;}
    .join-campus-s4 .item .box{padding:15px;}
    .u-column-contact .nav-tabs > li > a .t{font-size:24px;}
    
}