/* 客户 */
#cust {
  width: 100%;
  margin:100px 0;
}

#cust .cust-wrap {
  width: 90%;
  max-width: 1400px;
  margin: 0 auto
}

#cust .cust-wrap .cust-title {
  color: #181a39;
  line-height: 46px;
  font-size: 36px;
  text-align: center;
  margin: 3% auto
}
#cust .cust-wrap .cust-title div{
font-size: .36rem;
}

#cust .cust-wrap .wall {
  width: 100%;
  height: 800px;
  padding: 3% 0;
  margin: 0 auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 10px #f9fafc
}

#cust .cust-wrap .wall .title {
  margin: 0 auto;
  padding: 3%
}

#cust .cust-wrap .wall .title ul {
  display: flex;
  font-size: 24px;
  color: #181a39;
  line-height: 34px;
  justify-content: center
}

#cust .cust-wrap .wall .title ul li {
  font-size:24px;
  padding: 0 57px;
  font-weight: 500;
  cursor: pointer
}

#cust .cust-wrap .wall .title ul .newActive {
  color: #0087ff;
  font-weight: 600
}

#cust .cust-wrap .wall .title ul li+li {
  border-left: 1px solid #a3a8c1;
  border-radius: 1px
}

#cust .cust-wrap .wall #swiperWall {
  cursor: pointer;
  margin: 0 auto;
  width: 100%;
  overflow: hidden
}

#cust .cust-wrap .wall #swiperWall .swiper-wrapper {
  margin: 0 auto;
  width: auto !important;
  display: flex
}

#cust .cust-wrap .wall #swiperWall .swiper-wrapper .swiper-grid {
  width: 100%;
  flex: 0 0 100%;
  margin-right: 0 !important
}

#cust .cust-wrap .wall #swiperWall .swiper-wrapper .swiper-grid #title-mobiel {
  display: none
}

#cust .cust-wrap .wall #swiperWall .swiper-wrapper .swiper-grid .swiper-slide {
  font-size: 24px;
  color: #181a39;
  line-height: 34px
}

#cust .cust-wrap .wall #swiperWall .swiper-wrapper .swiper-grid .swiper-slide .img-set {
  width: 95%;
  display: flex;
  margin:0 auto;
  flex-wrap: wrap
}

#cust .cust-wrap .wall #swiperWall .swiper-wrapper .swiper-grid .swiper-slide .img-set .img {
  width: 16.66%;
  height: 100px;
  border-radius: 10px;
  text-align: center;
  margin-top: 20px
}

#cust .cust-wrap .wall #swiperWall .swiper-wrapper .swiper-grid .swiper-slide .img-set .img .flex-img {
  display: inline-block;
  width: 90%;
  height: 100%;
  position: relative;
  border-radius: 10px
}

#cust .cust-wrap .wall #swiperWall .swiper-wrapper .swiper-grid .swiper-slide .img-set .img .flex-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  background-color: rgba(208, 223, 252, .1)
}

#cust .cust-wrap .wall #swiperWall .swiper-wrapper .swiper-grid .swiper-slide .img-set .img:nth-child(6n) {
  margin-right: 0
}
@media screen and (min-width: 769px)and (max-width: 1920px) {
  

  #cust .cust-wrap .cust-title {
      font-size: 26px
  }

  #cust .cust-wrap .title ul {
      font-size: 20px
  }
}
@media screen and (min-width: 769px)and (max-width: 1360px) {
  #cust .cust-wrap .title ul li {
      padding: 0 20px !important
  }
}
@media(max-width: 768px) {
  

  #cust .cust-wrap .cust-title {
      font-weight: 500;
      color: #181a39;
      line-height: 26px;
      font-size: 20px;
      margin: 10% 0
  }

  #cust .cust-wrap .wall {
      height: auto
  }

  #cust .cust-wrap .wall .title {
      padding: 3% 0 2%;
      width: 600%;
      display: none
  }

  #cust .cust-wrap .wall .title ul li {
      padding: 0;
      font-size: 16px;
      font-weight: 600;
      width: 100%;
      text-align: center;
      color: #ff9e00;
      font-weight: 600
  }

  #cust .cust-wrap .wall .title ul li+li {
      border-left: none
  }

  #cust .cust-wrap #swiperWall {
      padding-left: 0;
      height: 513px
  }

  #cust .cust-wrap #swiperWall #swiper-wrapper #swiper-grid {
      flex-direction: column
  }

  #cust .cust-wrap #swiperWall #swiper-wrapper #swiper-grid #title-mobiel {
      display: block;
      text-align: center;
      color: #ff9e00;
      margin-top: 20px
  }

  #cust .cust-wrap #swiperWall #swiper-wrapper #swiper-grid #title-mobiel .title-wrap {
      margin: 4% auto;
      font-weight: 500;
      height: 20px
  }

  #cust .cust-wrap #swiperWall #swiper-wrapper #swiper-grid .swiper-slide .img-set .img {
      width: 33.33%;
      height: 36px
  }

  
}


@charset "utf-8";

@font-face {
font-family: "pingfangSC";
src: url("./ziti/pingfangSC.ttf") format("truetype");
}


@font-face {
font-family: 'SourceHanSansCN_Regular'; 
src: url('./ziti/SourceHanSansCN_Regular.ttf') format('truetype');
}


@font-face {
font-family: 'SourceHanSansCN_Medium'; 
src: url('./ziti/SourceHanSansCN_Medium.ttf') format('truetype');
}

@font-face {
font-family: 'Gilroy_blod'; 
src: url('./ziti/Gilroy_blod.ttf') format('truetype');
}

* {font-family: "微软雅黑",Arial, Helvetica, sans-serif;-webkit-font-smoothing: subpixel-antialiased;}
html{position: relative;}
.wrap{width:1000px; margin:0 auto;}
.blank36{margin-top: 36px;}
.fl{float: left;}
.fr{float: right;}
.fz{font-size: 0;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.dis{display: inline-block;vertical-align: top;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
img{max-width: 100%;}
.img_vam{vertical-align: middle;}
.span{vertical-align: middle;display: inline-block;height: 100%;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.middle{vertical-align: middle;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.c1{clear: both;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.trans3 { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.trans5 { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.trans7 { transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s; }
.trans10 { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; }
.fz{font-size: 0;}
.dis{display: inline-block;vertical-align: top;}
.editor{color: #333;font-size: 16px;}
.editor p,
.editor div,
.editor em,
.editor b,
.editor span{line-height: inherit;font-size: inherit;color: inherit;}
.editor img{max-width: 100%!important;height: auto!important;}
.border-box{-moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
body{min-width:320px;overflow-x: hidden;}
table{max-width: 100%;}
.bd_weixin_popup{min-height: 333px!important;}

.m_auto{}
.box-img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.box-span{display: inline-block;vertical-align: middle;height: 100%;}
.w1400{width: 1400px;margin: 100px auto;}

@media (max-width: 650px){
.editor img{width: auto!important;}
table{width: 95%!important;/*table-layout: fixed;*/}
}
@media (max-width: 1440px){
.w1400{width: 95%;}
}

#at-cv-lightbox{display: none!important;}

.wow{visibility: hidden;}






/*面白屑*/
#top-bread{height: 80px;border-bottom: 2px solid #efefef;}
#top-bread .border{left: 0;bottom: 0;height: 2px;background: #1f85e6;}
#top-bread .bread{color: #111111;font-size: 18px;margin-right: 5.71%;line-height: 80px;}
#top-bread .bread.on,
#top-bread .bread:hover{color: #1f85e6;}
/*详细页-面包屑*/
.bread-list{padding: 1.87% 0;border-bottom: 1px solid #efefef;}
.bread-list .dis{color: #111111;font-size: 16px;}
.bread-list .dis.center{margin: 0 7px;color: #999999;}
.bread-list .dis:first-child{color: #999999;margin-right: 11px;}
.bread-list .dis:last-child{color: #1f85e6;}
.bread-list a.dis:hover{color: #1f85e6;}

@media (max-width: 1200px){
#top-bread .bread{font-size: 16px;}
}
@media (max-width: 850px){
.bread-list .dis{display: none;}
.bread-list .dis:nth-child(1),
.bread-list .dis:nth-child(2),
.bread-list .dis:nth-child(4),
.bread-list .dis:nth-child(3){display: inline-block;}
.bread-list .dis:nth-child(4){color: #1f85e6;}
}
@media (max-width: 750px){
#top-bread{height: auto;border-bottom: none;margin-top: 4.29%;}
#top-bread .border,
#top-bread .bread{display: none;}
#top-bread .bread.on{display: inline-block;margin: 0;padding: 0;font-size: 18px;font-weight: bold;line-height: 30px;}
.bread-list .dis{font-size: 14px;}
}

/*公共大标题*/
#main .big-title{color: #111111;font-size: .36rem;}
#main .big-title.top{display: none;}
#main .big2-title{color: #999999;font-size: .22rem;margin-top: 12px;}

@media (max-width: 450px){
#main .big-title{font-size: 20px;}
}

/*详细页-公共部分*/
#main .bds_more{display: none!important;}
#main .bdetail .title{color: #111111;font-size: 24px;}
#main .bdetail .fz{margin: 15px 0 20px;}
#main .bdetail .fz .dis{color: #999999;font-size: 14px;}
#main .bdetail .fz .dis img{margin-right: 8px;}
#main .bdetail .fz .visit{margin-left: 50px;}
#main.detail-box{margin: 50px 0 140px;}
@media (max-width: 1100px){
#main .bdetail .title{font-size: 20px;}
}

@media (max-width: 780px){
#main .bdetail .title{font-size: 18px;}
}

@media (max-width: 450px){
#main .bdetail .title{font-size: 16px;}
#main .bdetail .fz .dis{font-size: 12px;}
#main .bdetail .fz .visit{margin-left: 8%;}
}

@media (max-width: 375px){
}
/*详细页口风琴*/
#main.detail-box .desc-bread{border-bottom: 2px solid #1f85e6;}
#main.detail-box .desc-bread .intro{width: 17.14%;color: #fff;font-size: 18px;height: 50px;line-height: 50px;background: #1f85e6;}

@media (max-width: 1200px){
#main.product2 .desc-bread .intro{font-size: 16px;}
}
@media (max-width: 750px){
#main.detail-box .desc-bread .intro{width: 115px;font-size: 16px;}
}



/*关于我们*/
#main.about-box{margin-bottom: 140px;}
#main.about-box.about01{margin-bottom: 0; max-width: 1920px;margin:0 auto;width:80%}
#main.about-box .company-top{margin: 60px auto;}
#main.about-box .company-top .left{width: 50%;}
#main.about-box .company-top .left .pd{width: 100%;padding: 54.29% 0 0;}
#main.about-box .company-top .left .img{top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#main.about-box .company-top .right{width: 44.3%;}
#main.about-box .company-top .right .company{color: #1f85e6;font-size: .30rem;font-weight: bold;padding-bottom: 20px;position: relative;margin: 8px 0 26px;}
#main.about-box .company-top .right .company:after{content: "";position: absolute;left: 0;bottom: 0;width: 35px;height: 2px;background: #1f85e6;}
#main.about-box .company-top .right .desc{color: #555555;font-size: 14px;line-height: 26px;text-indent: 2em;}
#main.about-box .company-top .right .desc p{margin:0 !important;font-size:18px;line-height:2}
/*愿景*/
#main.about-box .mission-list .list{margin-bottom: 60px;margin-top: 40px;}
#main.about-box .mission-list .list .dis{width: 22.85%;margin-right: 2.86%;flex:1}
#main.about-box .mission-list .list .dis:last-child{margin-right:0 !important}
#main.about-box .mission-list .list .dis .pd{width: 100%;padding: 135.94% 0 0;background-position: left top;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;position: relative;}
#main.about-box .mission-list .list .dis .pd:before{width: 100%;height: 100%;content:"";position: absolute;bottom: 0;right: 0;bottom: 0;background: #1f85e6;margin: auto;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
#main.about-box .mission-list .list .dis:hover .pd:before{height: 0;}
#main.about-box .mission-list .list .dis .absolute{top: 15%;left: 0;right: 0;margin: auto;}
#main.about-box .mission-list .list .dis .ico{width: 62px;height: 62px;background-repeat: no-repeat;background-position: center center;margin: 0 auto;-webkit-background-size: auto auto;background-size: auto auto;}
#main.about-box .mission-list .list .dis .tit{margin-top: 20px;color: #ffffff;font-size: .28rem;}
#main.about-box .mission-list .list .dis .tit-en{margin-top: 3px;color: #ffffff;margin-bottom: 45px;font-size: .14rem;font-family: Arial;opacity: .5;}
#main.about-box .mission-list .list .dis .desc{width: 90%;margin: 0 auto;color: #ffffff;font-size: 0.2rem;line-height: 30px;}
#main.about-box .mission-list .list .dis:nth-child(4n){margin-right: 0;}

#main.about-box .mission-list .list{position: relative;}
#main.about-box .mission-list .list .swiper-container{position: static;}
#main.about-box .mission-list .list .swiper-container .swiper-wrapper{display:flex}
#main.about-box .mission-list .swiper-button-prev,
#main.about-box .mission-list .swiper-button-next{width: 42px;height: 42px;background-position: center center
center center;background-repeat: no-repeat;-webkit-background-size: 10px 16px;background-size: 10px 16px;border-radius: 50%;border: 2px solid #1f85e6;}
#main.about-box .mission-list .swiper-button-prev:hover{border-color: #1f85e6;background-image: url(/img/about/p1.png);}
#main.about-box .mission-list .swiper-button-prev{left: -4.38%;border-color: #c1c1c1;background-image: url(/img/about/p01.png); display: none;}
#main.about-box .mission-list .swiper-button-next{right: -4.38%;border-color: #c1c1c1;background-image: url(/img/about/p02.png); display: none;}
#main.about-box .mission-list .swiper-button-next:hover{border-color: #1f85e6;background-image: url(/img/about/p2.png);}


@media (max-width: 1400px){
#main.about-box .company-top .right .company{margin-top: 30px;}

#main.about-box .mission-list .list .dis .tit{font-size: 18px;}
#main.about-box .mission-list .list .dis .tit-en{margin-bottom: 30px;}
}
@media (max-width: 1300px){
#main.about-box .company-top .right .company{margin-top: 15px;}
#main.about-box .company-top .right .desc{line-height: 22px;}
}
@media (max-width: 1280px){
#main.about-box .mission-list .list .dis .desc{line-height: 26px;}
#main.about-box .mission-list .list .dis .ico{width: 45px;height: 45px;-webkit-background-size: 100% auto;background-size: 100% auto;}
}
@media (max-width: 1200px){
#main.about-box .company-top .right{width: 46.3%;}
#main.about-box .company-top .right .company{font-size: 18px;margin-bottom: 10px;margin-top: 0;}

#main.about-box .mission-list .list .dis .absolute{top: 10%;}
#main.about-box .mission-list .list .dis .desc{font-size: 14px;line-height: 24px;}
}
@media (max-width: 1050px){
#main.about-box .mission-list .list .dis .tit-en{margin-bottom: 20px;}
}
@media (max-width: 1024px){
#main.about-box .company-top .right{width: 100%;float: none;}
#main.about-box .company-top .left{float: right;margin-left: 5%;}

#main.about-box{margin-bottom: 80px;}
}
@media (max-width: 981px){
#main.about-box .mission-list .list .dis .tit{font-size: 16px;}
#main.about-box .mission-list .list .dis .desc{font-size: 12px;line-height: 22px;}
}
@media (max-width: 690px){
#main.about-box .mission-list .list .dis .pd{padding-top: 100%;}
#main.about-box .mission-list .list .dis {
  flex:none;
}
#main.about-box .mission-list .swiper-button-prev{
  display:block;
}
#main.about-box .mission-list .swiper-button-next{
  display:block;
}
}

@media (max-width: 680px){
#main.about-box .company-top .right{width: 100%;float: none;}
#main.about-box .company-top .left{margin-left: 0;width: 100%;float: none;margin-bottom: 35px;}
}
@media (max-width: 610px){
#main.about-box .mission-list .list .dis .pd{padding-top: 120%;}
#main.about-box .mission-list .list .dis .ico{width: 30px;height: 30px;}
#main.about-box .mission-list .list .dis .tit{margin-top: 10px;}
}
@media (max-width: 450px){
#main.about-box .mission-list .list .dis .tit-en{margin-bottom: 12px;}
}

@media (max-width: 410px){
#main.about-box .mission-list .list .dis{height: 210px;}
#main.about-box .mission-list .list .dis .pd{padding-top: 100%;}
}

/*合作伙伴-公共*/
#main .partner-box{background: #f4f4f4;padding: 40px 0 140px;margin-top: 60px;}
#main .partner-box .swiper-container{position: static;}
#main .partner-box .swiper-container .mobile{display: none;}
#main .partner-box .swiper-button-prev,
#main .partner-box .swiper-button-next{width: 42px;height: 42px;background-position: center center
center center;background-repeat: no-repeat;-webkit-background-size: 10px 16px;background-size: 10px 16px;border-radius: 50%;border: 2px solid #1f85e6;}
#main .partner-box .swiper-button-prev:hover{border-color: #1f85e6;background-image: url(/img/about/p1.png);}
#main .partner-box .swiper-button-prev{left: -4.38%;border-color: #c1c1c1;background-image: url(/img/about/p01.png); display: none;}
#main .partner-box .swiper-button-next{right: -4.38%;border-color: #c1c1c1;background-image: url(/img/about/p02.png);display: none;}
#main .partner-box .swiper-button-next:hover{border-color: #1f85e6;background-image: url(/img/about/p2.png);}
#main .partner-box .website{margin-top: 40px;}/*border: 2px solid #eaeaea;border-bottom: none;border-right: none;*/
#main .partner-box .website .dis{cursor: pointer;background: #fff;width: 16.66%;border: 1px solid #eaeaea;text-align: center;}/*border-bottom: 2px solid #eaeaea;*/
#main .partner-box .website .dis .p{width: 100%;padding: 74.46% 0 0;}
#main .partner-box .website .dis .absolute{padding: 10px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#main .partner-box .website .dis.on,
#main .partner-box .website .dis:hover{background: #1f85e6;}

@media (max-width: 1560px){
#main.about-box .mission-list .list{width: 90%;margin: 40px auto 60px;}
#main .partner-box .w1400.relative{width: 80%;}
#main .partner-box .swiper-button-prev{left: -6%;}
#main.about-box .mission-list .swiper-button-prev{left: -6%;}
#main .partner-box .swiper-button-next{right: -6%;}
#main.about-box .mission-list .swiper-button-next{right: -6%;}

}
@media (max-width: 1400px){
#main .partner-box .w1400.relative{width: 85%;}
#main .partner-box .swiper-button-prev,
#main.about-box .mission-list .swiper-button-prev,
#main .partner-box .swiper-button-next{width: 30px;height: 30px;}
#main.about-box .mission-list .swiper-button-next{width: 30px;height: 30px;}
}
@media (max-width: 981px){
#main .partner-box .website .dis{width: 25%;}
}
@media (max-width: 590px){
#main .partner-box .w1400.relative{width: 95%;}
#main .partner-box .website .dis{width: 33%;}
#main .partner-box .swiper-button-prev{left: auto;right: 50px;top: -25px;}
#main.about-box .mission-list .swiper-button-prev{left: auto;right: 50px;top: -25px;}
#main .partner-box .swiper-button-next{right: 0;top: -25px;}
#main.about-box .mission-list .swiper-button-next{right: 0;top: -25px;}
}
@media (max-width: 450px){
#main .partner-box .swiper-button-prev,
#main.about-box .mission-list .swiper-button-prev,
#main .partner-box .swiper-button-next{width: 25px;height: 25px;-webkit-background-size: 7px auto;background-size: 7px auto;}
#main.about-box .mission-list .swiper-button-next{width: 25px;height: 25px;-webkit-background-size: 7px auto;background-size: 7px auto;}
#main .partner-box .swiper-button-prev{right: 35px;}
#main.about-box .mission-list .swiper-button-prev{right: 35px;}
}

#main.about-box .future{margin-top: 30px;}
#main.about-box .de_list{margin-top:20px; padding:2% 0; background:url(/img/about/cy_bg.png) repeat-y center 31px; /*background:url(/img/about/test2.png) repeat-y center top;*/}
#main.about-box .de_list li{width:55%; position:relative; z-index:1; visibility:hidden;}
#main.about-box .de_list li:first-child{margin-top: 5px;}
#main.about-box .de_list li .brief{font-size:16px; color:#222; padding:14px 24px; background:#f4f4f4; width:auto; line-height:28px;}
#main.about-box .de_list li .brief{width: 42%;}
#main.about-box .de_list li .brief_on{width: 42%;}

#main.about-box .de_list li .brief span{font-size:16px; line-height:28px; height:28px; overflow:hidden; display:block;}
#main.about-box .de_list li .brief_on{font-size:16px; color:#fff; padding:30px 25px; background:#1f85e6; line-height:28px; position:absolute; top:0; display:none; z-index:3;min-height: 84px;}
#main.about-box .de_list li .br_l{left:0;}
#main.about-box .de_list li .br_r{right:0;}
#main.about-box .de_list li .title{height:86px; line-height:86px; width:35.8%; font-size:40px; color:#000;}
#main.about-box .de_list li .tl{background:url(/img/about/tl.png) no-repeat left center; padding-left:38px; margin-left:19px;}
#main.about-box .de_list li .tr{background:url(/img/about/tr.png) no-repeat right center; padding-right:38px; margin-right:19px; text-align:right; /*margin-left:13%;*/}
#main.about-box .de_list li .cy_on{width:61px; height:61px; background:url(/img/about/cy_on.png) no-repeat; position:absolute; top:11%; z-index:5; display:none;}
#main.about-box .de_list li .cy_l{left:8.5%;}
#main.about-box .de_list li .cy_r{right:8.5%;}
#main.about-box .de_list li:hover{z-index:2;}
#main.about-box .de_list li:hover .title{color:#1f85e6;}
#main.about-box .de_list li:hover .tl{background:url(/img/about/tl_hover.png) no-repeat left center;}
#main.about-box .de_list li:hover .tr{background:url(/img/about/tr_hover.png) no-repeat right center;}
#main.about-box .de_list li:hover .brief_on{display:block;}
#main.about-box .de_list li:hover .cy_on{display:block;}
#main.about-box .di_list{display:none;}
#main.about-box .di_list{margin-top:20px; padding:0 6% 0; display:none;}
#main.about-box .di_list li{cursor: pointer;width:100%; margin-bottom:10px;}
#main.about-box .di_list li .brief{font-size:16px; color:#222; padding:14px 24px; background:#f0f0f0; width:70%; line-height:28px;}
#main.about-box .di_list li .brief span{height:28px; overflow:hidden; line-height:28px; font-size:16px; color:#222;}
#main.about-box .di_list li .brief_on{font-size:16px; color:#fff; padding:14px 24px; background:#1f85e6; width:70%; line-height:28px; display:none;}
#main.about-box .di_list li .title{height: 56px;line-height: 56px;/*width:18.8%;*/ width:28%; font-size:20px; color:#000;padding-right:38px;background:url(/img/about/tr.png) no-repeat right center;}
#main.about-box .di_list li.cur .brief{display:none;}
#main.about-box .di_list li.cur .brief_on{display:block;}

@media (max-width:1400px){
#main.about-box .de_list li .title{font-size: 32px;}
}
@media (max-width:1280px){
#main.about-box .de_list li {margin-top: 1px;}
#main.about-box .de_list li .title{font-size: 20px;}
#main.about-box .de_list li .title{width: 26.8%;}
#main.about-box .de_list li .brief_on,
#main.about-box .de_list li .brief{width: 50%;}
#main.about-box .de_list li .brief_on{font-size: 14px;}
}
@media (max-width:1150px){
#main.about-box .de_list{padding: 2% 0;}
#main.about-box .de_list li{margin-top: 2px;}
#main.about-box .de_list li .brief_on,
#main.about-box .de_list li .brief{width: 48%;}
#main.about-box .de_list li .tr{padding-right: 32px;background: url(/img/about/tr.png) no-repeat right center/19px auto;}
#main.about-box .de_list li .tl{background: url(/img/about/tl.png) no-repeat left center/19px auto;padding-left: 32px;}

#main.about-box .de_list li:hover .tl{background:url(/img/about/tl_hover.png) no-repeat left center/19px auto;}
#main.about-box .de_list li:hover .tr{background:url(/img/about/tr_hover.png) no-repeat right center/19px auto;}
}

@media (max-width:981px){
#main.about-box .de_list li .tr{background:none; padding:0;}
#main.about-box .de_list li .tl{background:none; padding:0;}

#main.about-box .de_list li:hover .tl{background:none;}
#main.about-box .de_list li:hover .tr{background:none;}

#main.about-box .de_list li .brief{padding: 15px 18px;font-size: 14px;}
}
  
@media (max-width:850px){
  #main.about-box .di_list{display:block;}
  #main.about-box .de_list{display:none;}
}

@media (max-width:680px){
#main.about-box .di_list{padding: 0 2%;}
#main.about-box .di_list li .title{font-size: 16px;}
}
@media (max-width:600px){
#main.about-box .di_list li .title{background:none; padding:0; width:29%;}
#main.about-box .di_list li.cur .title{background:none;}
#main.about-box .di_list li .brief span{font-size: 14px;}
}


@media (max-width:400px){
#main.about-box .di_list li .title{width: auto;display: inline-block;padding-right: 25px;float: none;background: url(/img/about/tr_hover.png) no-repeat right center/19px auto;color: #1f85e6;}
#main.about-box .di_list li .brief_on,
#main.about-box .di_list li .brief{float: none;width: 100%;}
}
/*荣誉*/
#main.about-box .honor-list{margin-bottom: 100px;}
#main.about-box .honor-list .honor{margin-top: 58px;}
#main.about-box .honor-list .honor:hover a.title{color: #1f85e6;}

@media (max-width: 981px){
#main.about-box .honor-list{margin-bottom: 50px;}
}



/*列表*/
/*公共*/
#main.products-box .list .pro .name{margin: 28px 0 6px;color: #666666;font-size: 16px;}
#main.products-box .list .pro .short{color: #999999;font-size: 14px;}
#main.products-box .list .pro:hover .name,
#main.products-box .list .pro:hover .short{color: #1f85e6;}
#main.products-box .list .pro .absolute{top: 0;left: 0;right: 0;bottom: 0;margin: auto;}



*{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;/*font-family:'Microsoft Yahei', PingFangSC-Regular, Arial, Helvetica, sans-serif;*/ -webkit-text-size-adjust:none; -webkit-tap-highlight-color: transparent;/*letter-spacing: 1px;*/}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fieldset,input,textarea,blockquote{ padding:0; margin:0; font-size:14px;  }
h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
li{list-style-type:none;}
img{border:none;}
table{border-collapse:collapse;}
input,select,textarea{ outline:none; background:none; }
select::-ms-expand { display: none; }          
select{
border: none;
outline: none;
/*将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
}

/*常用类*/
.fl{float:left;}
.fr{float:right;}
.rp{position:relative;z-index: 1;}
.ap{position:absolute;}
.ap.max{left: 0;top: 0;right: 0;bottom: 0;}
.fp{position:fixed;}
.fz0{font-size:0;}
.auto{margin:auto;}
.hide{display:none;}
.block{display:block !important;}
.inline{display:inline !important;}
.inline-block{display:inline-block !important;*display:inline; zoom:1;}
.table{display: table;}
.table-cell{display: table-cell;}
.over{overflow:hidden;}
.m-Pic{text-align:center;display:block;font-size:0;}
.m-Pic b{display:inline-block;height:100%;vertical-align:middle;}
.m-Pic img{vertical-align:middle;max-width:100%;max-height:100%;}
.b-Pic{overflow:hidden;}
.b-Pic img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.b-Pic:hover img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);transform:scale(1.06);}
.i-Pic{overflow:hidden;font-size:0;}
.i-Pic img{width:100%;min-height:100%;background:#ccc;}
.r-Pic{overflow:hidden;display:inline-block;position:relative;}
.r-Pic img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.r-Pic:hover img{/*-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);*/}
.r-Pic:before{border-left:1px solid transparent;border-top:1px solid transparent;left:0;top:0;}
.r-Pic:after{border-right:1px solid transparent;border-bottom:1px solid transparent;right:0;bottom:0;}
.r-Pic:before,
.r-Pic:after{position:absolute;height:0;width:0;z-index:2;-webkit-transition:all 500ms ease 0s;-moz-transition:all 500ms ease 0s; -ms-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s; content:'';display:block;pointer-events:none;z-index:122;}
.r-Pic:hover:before{height:100%;width:100%;border-color:#f9c045;}
.r-Pic:hover:after{height:100%;width:100%;border-color:#f9c045;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-over{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.text-line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-line.line3{-webkit-line-clamp:3;}
.text-line.line4{-webkit-line-clamp:4;}
.text-line.line5{-webkit-line-clamp:5;}
.nowrap,[nowrap]{white-space:nowrap;}
.break{white-space:normal;word-break:break-all;}
.v-middle{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}
.border-box{-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.trans{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;}
.pointer{cursor:pointer !important;}
.upper{text-transform:uppercase;}
.lower{text-transform:lowercase;}
.maxh{height:100%;}
.maxw{width:100%;}

/*padding*/
.clean{zoom:1;}
.clean:after,.clean:before{content:''; display:table;}
.clean:after{clear:both;}

/*a*/
a{color:#333; text-decoration:none;}
a.red{color:red; text-decoration:none;}
a.red:hover{color:red; text-decoration:underline;}
a *{text-decoration:none;}
a:hover *{text-decoration:none;}


-webkit-appearance:none;
-ms-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
/*background: url(/images/arrow.png) no-repeat scroll right center transparent;*/
}

/*常用类*/
.fl{float:left;}
.fr{float:right;}
.rp{position:relative;z-index: 1;}
.ap{position:absolute;}
.ap.max{left: 0;top: 0;right: 0;bottom: 0;}
.fp{position:fixed;}
.fz0{font-size:0;}
.auto{margin:auto;}
.hide{display:none;}
.block{display:block !important;}
.inline{display:inline !important;}
.inline-block{display:inline-block !important;*display:inline; zoom:1;}
.table{display: table;}
.table-cell{display: table-cell;}
.over{overflow:hidden;}
.m-Pic{text-align:center;display:block;font-size:0;}
.m-Pic b{display:inline-block;height:100%;vertical-align:middle;}
.m-Pic img{vertical-align:middle;max-width:100%;max-height:100%;}
.b-Pic{overflow:hidden;}
.b-Pic img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.b-Pic:hover img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);transform:scale(1.06);}
.i-Pic{overflow:hidden;font-size:0;}
.i-Pic img{width:100%;min-height:100%;background:#ccc;}
.r-Pic{overflow:hidden;display:inline-block;position:relative;}
.r-Pic img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.r-Pic:hover img{/*-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);*/}
.r-Pic:before{border-left:1px solid transparent;border-top:1px solid transparent;left:0;top:0;}
.r-Pic:after{border-right:1px solid transparent;border-bottom:1px solid transparent;right:0;bottom:0;}
.r-Pic:before,
.r-Pic:after{position:absolute;height:0;width:0;z-index:2;-webkit-transition:all 500ms ease 0s;-moz-transition:all 500ms ease 0s; -ms-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s; content:'';display:block;pointer-events:none;z-index:122;}
.r-Pic:hover:before{height:100%;width:100%;border-color:#f9c045;}
.r-Pic:hover:after{height:100%;width:100%;border-color:#f9c045;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-over{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.text-line{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-line.line3{-webkit-line-clamp:3;}
.text-line.line4{-webkit-line-clamp:4;}
.text-line.line5{-webkit-line-clamp:5;}
.nowrap,[nowrap]{white-space:nowrap;}
.break{white-space:normal;word-break:break-all;}
.v-middle{vertical-align:middle;}
.v-top{vertical-align:top;}
.v-bottom{vertical-align:bottom;}
.border-box{-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.trans{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;}
.pointer{cursor:pointer !important;}
.upper{text-transform:uppercase;}
.lower{text-transform:lowercase;}
.maxh{height:100%;}
.maxw{width:100%;}

/*padding*/

.clean{zoom:1;}
.clean:after,.clean:before{content:''; display:table;}
.clean:after{clear:both;}

/*a*/
a{color:#333; text-decoration:none;}
a.red{color:red; text-decoration:none;}
a.red:hover{color:red; text-decoration:underline;}
a *{text-decoration:none;}
a:hover *{text-decoration:none;}





.w1400 {
width: 1400px;
margin: 50px auto;
}
.no-margin{
margin:0 auto;
}

@media (max-width: 1440px) {
.w1400 {
    width: 95%;
}
}


/*关于我们*/
#main.about-box {
margin-bottom: 140px;
}

#main.about-box.about01 {
margin-bottom: 0;
max-width: 1920px;
margin: 0 auto;
width: 80%
}

/*愿景*/
#main.about-box .customer-list .list {
margin-bottom: 60px;
margin-top: 40px;
}

#main.about-box .customer-list .list .dis {
width: 22.85%;
margin-right: 2.86%;
flex: 1
}

#main.about-box .customer-list .list .dis:last-child {
margin-right: 0 !important
}

#main.about-box .customer-list .list .dis .pd {
width: 100%;
padding: 135.94% 0 0;
background-position: left top;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
box-shadow: 0 3px 15px 1px #e9e9e9;
border-radius: 10px;
}

#main.about-box .customer-list .list .dis .pd:before {
width: 100%;
height: 100%;
content: "";
position: absolute;
bottom: 0;
right: 0;
bottom: 0;
margin: auto;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}

#main.about-box .customer-list .list .dis:hover .pd:before {
height: 0;
}


#main.about-box .customer-list .list .dis .pd .address{
    cursor: pointer;
}

#main.about-box .customer-list .list .dis .absolute {
top: 15%;
left: 0;
right: 0;
margin: auto;
}


#main.about-box .customer-list .list .dis .tit {
margin-top: 20px;
color: #333;
font-size: .28rem;
}


#main.about-box .customer-list .list .dis .desc {
width: 90%;
margin: 0 auto;
color: #333;
font-size: 0.2rem;
line-height: 30px;
}


#main.about-box .customer-list .list .dis .phone {
width: 90%;
margin: 0 auto;
color: #333;
font-size: 0.2rem;
line-height: 30px;
display: none;
}

#main.about-box .customer-list .list .dis:nth-child(4n) {
margin-right: 0;
}

#main.about-box .customer-list .list {
position: relative;
}

#main.about-box .customer-list .list .swiper-container {
position: static;
}

#main.about-box .customer-list .list .swiper-container .swiper-wrapper {
display: flex;
margin-bottom: 2%;
}

#main.about-box .customer-list .list .swiper-container br {
font-size: 14px;
}

#main.about-box .customer-list .swiper-button-prev,
#main.about-box .customer-list .swiper-button-next {
width: 42px;
height: 42px;
background-position: center center center center;
background-repeat: no-repeat;
-webkit-background-size: 10px 16px;
background-size: 10px 16px;
border-radius: 50%;
border: 2px solid #1f85e6;
}

#main.about-box .customer-list .swiper-button-prev:hover {
border-color: #1f85e6;
background-image: url(/img/about/p1.png);
}

#main.about-box .customer-list .swiper-button-prev {
left: -4.38%;
border-color: #c1c1c1;
background-image: url(/img/about/p01.png);
display: none;
}

#main.about-box .customer-list .swiper-button-next {
right: -4.38%;
border-color: #c1c1c1;
background-image: url(/img/about/p02.png);
display: none;
}

#main.about-box .customer-list .swiper-button-next:hover {
border-color: #1f85e6;
background-image: url(/img/about/p2.png);
}


@media (max-width: 1280px) {
#main.about-box .customer-list .list .dis .desc {
    line-height: 26px;
}

}


@media (max-width: 1200px) {

#main.about-box .customer-list .list .dis .absolute {
    top: 10%;
}

#main.about-box .customer-list .list .dis .desc {
    font-size: 14px;
    line-height: 24px;
}
}


@media (max-width: 981px) {
#main.about-box .customer-list .list .dis .tit {
    font-size: 16px;
}

#main.about-box .customer-list .list .dis .desc {
    font-size: 12px;
    line-height: 22px;
}
}

@media (max-width: 690px) {
#main.about-box .customer-list .list .dis .pd {
    padding-top: 100%;
}

#main.about-box .customer-list .list .dis {
    flex: none;
}

#main.about-box .customer-list .swiper-button-prev {
    display: block;
}

#main.about-box .customer-list .swiper-button-next {
    display: block;
}
}

@media (max-width: 610px) {
#main.about-box .customer-list .list .dis .pd {
    padding-top: 120%;
}

#main.about-box .customer-list .list .dis .tit {
    margin-top: 10px;
}
}


@media (max-width: 410px) {
#main.about-box .customer-list .list .dis {
    height: 210px;
}

#main.about-box .customer-list .list .dis .pd {
    padding-top: 100%;
}
}

@media (max-width: 1560px) {
#main.about-box .customer-list .list {
    width: 90%;
    margin: 40px auto 0;
}

#main.about-box .customer-list .swiper-button-prev {
    left: -6%;
}


#main.about-box .customer-list .swiper-button-next {
    right: -6%;
}

}


@media (max-width: 1400px) {

#main.about-box .customer-list .swiper-button-prev {
    width: 30px;
    height: 30px;
}

#main.about-box .customer-list .swiper-button-next {
    width: 30px;
    height: 30px;
}
}


@media (max-width: 590px) {
#main .partner-box .w1400.relative {
    width: 95%;
}

#main .partner-box .website .dis {
    width: 33%;
}

#main .partner-box .swiper-button-prev {
    left: auto;
    right: 50px;
    top: -25px;
}

#main.about-box .customer-list .swiper-button-prev {
    left: auto;
    right: 50px;
    top: -15px;
}

#main .partner-box .swiper-button-next {
    right: 0;
    top: -25px;
}

#main.about-box .customer-list .swiper-button-next {
    right: 0;
    top: -15px;
}
}

@media (max-width: 450px) {

#main.about-box .customer-list .swiper-button-prev {
    width: 25px;
    height: 25px;
    -webkit-background-size: 7px auto;
    background-size: 7px auto;
}

#main.about-box .customer-list .swiper-button-next {
    width: 25px;
    height: 25px;
    -webkit-background-size: 7px auto;
    background-size: 7px auto;
}


#main.about-box .customer-list .swiper-button-prev {
    right: 35px;
}
}


/*公共大标题*/
#main .big-title {
color: #111111;
font-size: .36rem;
}

#main .big-title.top {
display: none;
}

#main .big2-title {
color: #999999;
font-size: .22rem;
margin-top: 12px;
}

@media (max-width: 450px) {
#main .big-title {
    font-size: 20px;
}
}


.text-center {
text-align: center;
}

.fz {
font-size: 0;
}

.relative {
position: relative;
z-index: 1;
}

.absolute {
position: absolute;
z-index: 1;
}

.dis {
display: inline-block;
vertical-align: top;
}



/* 联系我们地图样式 */
.contact-address {
position: absolute;
top: 0%;
left: 0%;
max-width: 100%;
border-radius: 10px 10px 0px 0px;
}


/* 联系我们地图下面字体位置样式 */
@media (max-width: 194px) {

#main.about-box .customer-list .list .dis .absolute {
    top: 70%;
}
#main.about-box .customer-list .list .dis .desc {
    display: none;
}
}


@media (min-width: 194px ) and (max-width:210px) {

#main.about-box .customer-list .list .dis .absolute {
    top: 70%;
}
#main.about-box .customer-list .list .dis .desc {
    display: none;
}
}

@media (min-width: 210px) and (max-width:275px) {

#main.about-box .customer-list .list .dis .absolute {
    top: 70%;
}

#main.about-box .customer-list .list .dis .desc {
    display: none;
}
}

@media (min-width: 275px) and (max-width:310px) {

#main.about-box .customer-list .list .dis .absolute {
    top: 70%;
}

#main.about-box .customer-list .list .dis .desc {
    display: none;
}

#main.about-box .customer-list .list .dis {
    margin-bottom: 50px;
}
}

@media (min-width: 310px) and (max-width:365px) {

#main.about-box .customer-list .list .dis .absolute {
    top: 76%;
}

#main.about-box .customer-list .list .dis .desc {
      display: none;
}

#main.about-box .customer-list .list .dis {
    margin-bottom: 55px;
}
}


@media (min-width: 365px) and (max-width:410px) {

#main.about-box .customer-list .list .dis .absolute {
    top: 78%;
}

#main.about-box .customer-list .list .dis .desc {
    display: none;
}

#main.about-box .customer-list .list .dis {
    margin-bottom: 60px;
}

#main.about-box .customer-list .list .dis .desc {
    display: block;
}
}


@media (min-width: 410px) and (max-width:575px) {

#main.about-box .customer-list .list .dis .absolute {
    top: 63%;
}
#main.about-box .customer-list .list .dis .desc {
        display: block;
}
}


@media (min-width: 575px) and (max-width:690px) {

#main.about-box .customer-list .list .dis .absolute {
    top: 70%;
}

#main.about-box .customer-list .list .dis .desc {
    display: block;
}
}


@media (min-width: 690px) and (max-width:820px) {

#main.about-box .customer-list .list .dis .absolute {
    top: 52%;
}

#main.about-box .customer-list .list .dis .desc {
    display: none;
}

#main.about-box .customer-list .list .dis .absolute.small {
    top: 36%;
}
}


@media (min-width: 820px) and (max-width:1080px) {

#main.about-box .customer-list .list .dis .absolute {
    top: 55%;
}
#main.about-box .customer-list .list .dis .desc {
    display: none;
}

#main.about-box .customer-list .list .dis .absolute.small {
    top: 48%;
}
}

@media (min-width: 1080px) and (max-width: 1440px) {

#main.about-box .customer-list .list .dis .absolute {
    top: 55%;
}
#main.about-box .customer-list .list .dis .phone {
    display: block;
    font-size: 0.18rem;
    line-height: 24px;
}

#main.about-box .customer-list .list .dis .desc {
    display: block;
    font-size: 0.16rem;
}

#main.about-box .customer-list .list .dis .tit {
    font-size: 0.20rem;
    margin-top: 3px;
}

#main.about-box .customer-list .list .dis .absolute.small {
    top: 50%;
}
}


@media (min-width: 1440px) {

#main.about-box .customer-list .list .dis .absolute {
    top: 55%;
}

#main.about-box .customer-list .list .dis .phone {
    display: block;
    margin-top: 2%;
}

#main.about-box .customer-list .list .dis .desc {
    display: block;
    margin-top: 2%;
}

#main.about-box .customer-list .list .dis .tit {
    margin-top: 5px;
    font-size: .25rem;
}

#main.about-box .customer-list .list .dis .absolute.small {
    top: 50%;
}
}