* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #333;
}

li {
  list-style: none;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

body {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  font-size: 14px;
  color: #222;
  overflow: hidden;
  font-family: arial, "微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}


/*顶部*/
header {
  width: 100%;
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 39;
  background: #fff;
  border-bottom: 1px solid #E5E5E5;
  padding: 0 80px;
  padding-left: 50px;
}

.logo {
  float: left;
  line-height: 80px;
}

.header-rt {
  float: right;
  position: relative;
}

.header-ch {
  float: left;
  padding-top: 27.5px;
  padding-top: 25px;
  /*font-weight: bold;*/
  overflow: hidden;
}

.header-ch a {
  color: #666;
  font-size: 16px;
  line-height: 30px;
  display: inline-block;
  float: left;
}

.header-ch-d {
  width: 1px;
  height: 15px;
  margin: 0 15px;
  margin-top: 8px;
  background: #E5E5E5;
  float: left;
}

.header-ch a:hover {
  color: #8fc320;
}

.header-ch-f {
  position: relative;
  margin-left: 40px;
  width: 60px;
  text-align: center;
}

.header-ch-g {
  width: 30px;
  height: 30px;
  background: url(../img/ico35.png) no-repeat center;
  float: left;
}

.header-nav {
  float: left;
  margin-right: 30px;
}

.header-nav li {
  display: inline-block;
  margin-right: 20px;
}

.header-a {
  display: inline-block;
  font-size: 18px;
  color: #222;
  line-height: 80px;
  position: relative;
  transition: all .3s;
  ;
  -webkit-transition: all .3s;
}

.header-a:after {
  content: '';
  width: 0%;
  height: 2px;
  background: #8fc320;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all .3s;
  ;
  -webkit-transition: all .3s;
}

.header-a:hover {
  color: #8fc320;
  transition: all .3s;
  ;
  -webkit-transition: all .3s;
}

.header-a:hover:after {
  width: 100%;
  transition: all .3s;
  ;
  -webkit-transition: all .3s;
}

.header-a:hover {
  color: #8fc320;
  transition: all .3s;
  ;
  -webkit-transition: all .3s;
}

.header-a:hover:after {
  width: 100%;
  transition: all .3s;
  ;
  -webkit-transition: all .3s;
}

.header-b {
  width: 100%;
  height: auto;
  padding: 20px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 80px;
  background: rgba(0, 0, 0, .5);
  /*padding-right: 335px;*/
  display: none;
}

.header-bb {
  padding-right: 0;
}

.header-b.on {
  display: block;
}

.header-b a {
  display: inline-block;
  text-align: center;
  max-width: ;
  font-size: 16px;
  color: #fff;
  line-height: 20px;
  position: relative;
  top: 0px;
  margin: 0 40px;
  transition: all .3s;
  ;
  -webkit-transition: all .3s;
}

.header-bb a {
  margin: 0 20px;
}

.header-b a>div {
  display: inline-block;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, .2);
  overflow: hidden;
}

.header-b a:hover {
  top: -10px;
  transition: all .3s;
  ;
  -webkit-transition: all .3s;
}


.header-dx {
  width: 35px;
  margin-top: 27px;
  text-align: right;
  margin-left: 15px;
  overflow: hidden;
  display: none;
}

.header-dx1,
.header-dx2,
.header-dx3 {
  width: 100%;
  height: 4px;
  margin-bottom: 8px;
  background: #000;
  float: right;

}

.header-dx2 {
  /*	width: 80%;*/
}

.header-dx div {
  transition: all .5s;
}

.header-dx.cli .header-dx1 {
  -webkit-transform: rotate(44deg);
  -ms-transform: rotate(44deg);
  transform: rotate(44deg);
  transform-origin: 0%;
  -ms-transform-origin: 0%;
  -webkit-transform-origin: 0%;
  -moz-transform-origin: 0%;
  transition: all .5s;
}

.header-dx.cli .header-dx2 {
  opacity: 0;
  transition: all .5s;
}

.header-dx.cli .header-dx3 {
  -webkit-transform: rotate(-44deg);
  -ms-transform: rotate(-44deg);
  transform: rotate(-44deg);
  position: relative;
  top: 1px;
  transform-origin: 0%;
  -ms-transform-origin: 0%;
  -webkit-transform-origin: 0%;
  -moz-transform-origin: 0%;
  transition: all .5s;
}

.header-ss {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: rgba(0, 0, 0, .8);
  display: none;
}

.header-ss-a {
  width: 600px;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -300px;
}

.header-ss-a .int1 {
  width: 540px;
  height: 50px;
  line-height: 50px;
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  font-size: 18px;
  color: #fff;
  padding: 0 10px;
  padding-right: 60px;
}

.header-ss-a .int2 {
  width: 50px;
  height: 50px;
  border: none;
  background: no-repeat center;
  background-image: url(../img/ss01.png);
  position: absolute;
  top: 0;
  right: 60px;
  cursor: pointer;
}

.header-ss-x {
  width: 50px;
  height: 50px;
  background: url(../img/x01.png) no-repeat center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}


@media(max-width:1600px) {
  header {
    /*height: 70px;*/
    padding: 0 50px;
  }

  .logo {
    /*line-height: 70px;*/
  }

  .header-ch-d {
    margin-left: 8px;
    margin-right: 8px;
  }

  .header-ch-f {
    margin-left: 20px;
    width: 40px;
  }

  .header-nav li {
    margin-right: 20px;
  }

  .header-b a {
    font-size: 14px;
    margin: 0 25px;
  }

  .header-bb a {
    margin: 0 12px;
  }

  .header-nav {
    margin-right: 15px;
  }

  .header-ch a,
  .header-a {
    font-size: 16px;
  }
}

@media(max-width:1400px) {

  .header-a,
  .header-ch a {
    font-size: 14px;
  }

  .header-nav li {
    margin-right: 10px;
  }
}

.header-j {
  display: none;
}

@media(max-width:1200px) {
  header {
    padding: 0 30px;
  }

  .header-nav {
    width: 100%;
    height: calc(100% - 80px);
    position: fixed;
    top: 80px;
    left: 0;
    background: #fff;
    padding: 30px;
    display: none;
  }

  .header-dx {
    display: block;
    margin-left: 30px;
  }

  .header-nav li {
    width: 100%;
    margin: 0;
    position: relative;
  }

  .header-c {
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .header-a {
    width: 100%;
    border-bottom: 1px solid #E5E5E5;

    position: relative;
  }

  .header-a:after {
    display: none;
  }

  .header-a:before {
    content: '';
    width: 18px;
    height: 80px;
    float: right;
    background: url(../img/ico82.png) no-repeat right center;
    transition: all .3s;
    ;
    -webkit-transition: all .3s;
  }

  .header-nav li.on .header-a:before {
    transform: rotate(45deg);
    transition: all .3s;
    ;
    -webkit-transition: all .3s;
  }

  .header-b {
    /*display: block;*/
    position: relative;
    top: initial;
    left: inherit;
    background: initial;
    padding: 0;
  }

  .header-b a>div {
    display: none;
  }

  .header-b a {
    color: #333;
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
    padding: 0 20px;
    line-height: 50px;
    text-align: left;
    margin: 0;
  }

  .header-ch-a {
    display: none;
  }

  .header-j {
    display: block;
    font-size: 16px;
    line-height: 80px;
    display: block;
    border-bottom: 1px solid #E5E5E5;
  }

  .header-a,
  .header-ch a {
    font-size: 16px;
  }
}

@media(max-width:1000px) {

  .header-a,
  .header-c {
    height: 55px;
    line-height: 50px;
  }

  .header-a:before {
    height: 55px;
  }

  .header-j {
    height: 55px;
    line-height: 55px;
  }
}


@media(max-width:750px) {

  .header-dx {
    width: .45rem;
    margin-top: .4rem;
  }

  .header-dx1,
  .header-dx2,
  .header-dx3 {
    height: .05rem;
    margin-bottom: .1rem;
  }

  .header-bd {
    top: 1rem;
    padding: 0 .3rem;
  }

  .header-ss-a {
    width: 7rem;
    margin-left: -3.5rem;
  }

  .header-ss-a .int1 {
    width: 6rem;
  }


  header {
    padding: 0 .3rem;
    height: 1rem;
    border-bottom: 1px solid #E5E5E5;
    box-shadow: 0 0 5px #E5E5E5;
  }

  .logo {
    width: 1.5rem;
    line-height: 1rem;
  }

  .header-ch a {
    font-size: .26rem;
    line-height: .6rem;
  }

  .header-ch {
    padding-top: .25rem;
  }

  .header-ch-d {
    margin: 0 .1rem;
    margin-top: .15rem;
  }

  .header-nav {
    height: calc(100% - 1rem);
    height: -webkit-calc(100% - 1rem);
    top: 1rem;
    padding: .35rem;
  }

  .header-a,
  .header-c,
  .header-j {
    font-size: .28rem;
    line-height: .8rem;
    height: .8rem;
  }

  .header-a:before {
    height: .8rem;
    background-size: .25rem
  }

  .header-b a {
    font-size: .24rem;
    line-height: .7rem;
  }
}



/*底部*/
footer {
  width: 100%;
  height: 535px;
  background: #2f2f2f;
}

.footer {
  overflow: hidden;
  padding-top: 85px;
}

.footer-lt {
  width: 220px;
  float: left;
  color: #fff;
}

.footer-lt .a1 {
  display: inline-block;
  margin-bottom: 30px;
}

.footer-lt * {
  color: #fff;
}

.footer-lt .header-b1,
.footer-lt .header-b3 {
  font-size: 16px;
  opacity: .6;
}

.footer-lt .header-b2 {
  font-size: 24px;
}

.footer-lt .header-b3 {
  margin-top: 18px;
}

.footer-lt .header-b4-a>div {
  /*right: inherit;
	left: -40px;*/
}

.header-b4 {
  margin-right: 10px;
}

.footer-rt {
  float: right;
  overflow: hidden;
  width: calc(100% - 280px);
  width: -webkit-calc(100% - 280px);
  max-width: 1350px;
  margin-right: 50px;
  min-height: 320px;
  margin-bottom: 20px;
  padding-top: 15px;
}

.footer-rt-a {
  width: 14.285%;
  float: left;
  padding-right: 15px;
}

.footer-rt-a>div {
  font-size: 15px;
  color: #fff;
  line-height: 1;
  margin-bottom: 20px;
}

.footer-rt-a>li {
  margin-bottom: 6px;
  line-height: 25px;
}

.footer-rt-a>li>a {
  display: inline-block;
  font-size: 13px;
  color: #fff;
  line-height: 20px;
  opacity: .5;
}

.footer-rt-a>li>a:hover {
  opacity: 1;
}


.footer-b {
  width: 100%;
  float: left;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, .2);
}

.footer-b1 {
  font-size: 14px;
  line-height: 40px;
  float: left;
  color: rgba(255, 255, 255, .5);
}

.footer-b1 span {
  margin-left: 15px;
}

.footer-b1 a {
  color: rgba(255, 255, 255, .4);
}

.footer-b1 a:hover {
  color: rgba(255, 255, 255, .6);
}

.footer-b2 {
  width: 170px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, .2);
  font-size: 12px;
  line-height: 38px;
  color: rgba(255, 255, 255, .3);
  padding: 0 15px;
  float: right;
  position: relative;
  background: url(../img/ico43.png)no-repeat 150px center;
  cursor: pointer;
}

.footer-lj {
  position: absolute;
  left: 0;
  bottom: 40px;
  background: #fff;
  width: 100%;
  padding: 20px 10px 15px 10px;
  display: none;
}

.footer-lj a {
  display: block;
  height: 25px;
  line-height: 25px;
  margin-bottom: 5px;
  color: #666;
  font-size: 14px;
}

.footer-lj a:hover {
  color: #2dafb4;
}

.footer-b1-a {
  display: inline-block;
}

.gotop {
  width: 50px;
  height: 50px;
  background: url(../img/ico44.png) no-repeat center;
  position: fixed;
  right: 80px;
  bottom: 10%;
  z-index: 19;
  display: none;
}


.headerL-b1 {
  font-size: 18px;
  color: #fff;
  line-height: 1;
  opacity: .6;
}

.headerL-b2 {
  font-size: 30px;
  color: #fff;
  line-height: 1;
  font-family: impact;
  margin-top: 15px;
}

.headerL-b3 {
  font-size: 18px;
  color: #fff;
  line-height: 1;
  margin-top: 35px;
  opacity: .6;
}

.headerL-b4 {
  margin-top: 20px;
  height: 45px;
}

.headerL-b4-a {
  display: inline-block;
  position: relative;
  margin-right: 5px;
}

.headerL-b4-a .img2 {
  display: none;
}

.headerL-b4-a:hover .img1 {
  display: none;
}

.headerL-b4-a:hover .img2 {
  display: inline-block;
}

.headerL-b4-a1 .img1 {
  opacity: .7;
}

/* .headerL-b4-a:hover{
	opacity: 1;
}
.headerL-b4-a2:hover>img{
	opacity: .6;
}*/
.headerL-b4-a>div {
  width: 120px;
  height: 120px;
  border: 1px solid #E5E5E5;
  border: 1px solid #E5E5E5;
  box-shadow: 0 0 5px #999;
  position: absolute;
  bottom: 45px;
  right: -40px;
  background: #fff;
  display: none;
  padding: 7px;
}

.headerL-b4-a:hover>div {
  display: block;
}

@media(max-width:1600px) {
  .footer-rt {
    margin-right: 0;
    width: calc(100% - 240px);
    width: -webkit-calc(100% - 240px);
  }

  .footer-rt-a>div {
    font-size: 16px;
  }

  .footer-rt-a>li>a {
    font-size: 14px;
  }

  .gotop {
    right: 50px;
  }
}

@media(max-width:1200px) {
  .footer-lt {
    width: 200px;
  }

  .footer-rt {
    width: calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
  }

  .gotop {
    right: 30px;
  }
}

@media(max-width:1000px) {
  .footer-rt {
    display: none;
  }

  .footer-lt {
    text-align: center;
    width: 100%;
    line-height: 1;
    padding-bottom: 30px;
  }

  .footer {
    padding-top: 30px;
  }

  .footer-lt .a1 {
    display: none;
  }

  .footer-lt>div {
    display: inline-block;
  }

  .header-bx {
    width: 100%;
    height: 1px;
  }

  .footer-lt .header-b4 {
    margin-top: 0;
  }

  .footer-b1-a {
    display: block;
  }

  .footer-b1 {
    width: 100%;
    text-align: center;
    line-height: 25px;
  }

  .footer-b {
    padding-bottom: 40px;
  }

  footer {
    height: 260px;
  }

  .footer-b2 {
    display: none;
  }

  .headerL-bx {
    width: 100%;
  }

  .headerL-b4-a>div {
    width: 100px;
    height: 100px;
    line-height: 86px;
    font-size: 0;
  }

  .headerL-b3 {
    margin-top: 15px;
  }

  .headerL-b4 {
    margin-top: 5px;
  }


}

@media(max-width:750px) {
  .footer-b1 {
    font-size: .26rem;
    line-height: .45rem;
  }

  .footer-lt .header-b4-a>div {
    /*left: inherit;
		right: 0;*/
  }

  .gotop {
    width: .5rem;
    height: .5rem;
    right: .3rem;
    opacity: .6;
  }

  .headerL-b1 {
    font-size: .32rem;
  }

  .headerL-b2 {
    font-size: .45rem;
    margin-top: .2rem;
  }

  .headerL-b3 {
    font-size: .32rem;
    margin-top: .3rem;
  }

  .headerL-b4 {
    margin-top: .2rem;
  }

  .headerL-b4-a>div {
    left: 0;
    right: inherit;
  }

  .headerL-b4-a:hover>div {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 5rem;
    height: 5rem;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
}


/*首页*/
.index-swiper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index-slide {
  background: no-repeat center;
  background-size: cover;
  overflow: hidden;

}

.index-slide.swiper-slide-active .animated {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

.index-slide.swiper-slide-active .animated-delay0 {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}

.index-slide.swiper-slide-active .animated-delay1 {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}

.index-slide.swiper-slide-active .animated-delay2 {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.index-slide.swiper-slide-active .animated-delay3 {
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
}

.index-slide.swiper-slide-active .animated-delay4 {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
}

.index-slide.swiper-slide-active .animated-delay5 {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.footer-slide {
  height: 535px;
}

.index-span {
  right: 30px !important;
  width: 18px;
  text-align: center;
}

.index-span span {
  margin: 12px 5px !important;
  background: #ccc;
  opacity: 1;
}

.index-span span.swiper-pagination-bullet-active {
  width: 18px;
  height: 18px;
  background: url(../img/ico57.png) no-repeat center;
  margin-left: 0px !important;
}

.index-span.on span {
  background: #fff;
}

.index-span.on span.swiper-pagination-bullet-active {
  background: url(../img/ico56.png) no-repeat center;
}



/*banner*/
.ban-swiper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ban-slide {
  background: no-repeat center;
  background-size: cover;
  overflow: hidden;
}

.ban-slide-bj {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  background: no-repeat center;
  background-size: cover;
}

.ban-slide.swiper-slide-active .ban-slide-bj {
  transform: scale(1.15);
  -ms-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transition: all linear 5s;
  -webkit-transition: all linear 5s;
}

.ban-video {
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.ban-div {
  padding: 0 80px;
  position: relative;
  z-index: 3;
  color: #fff;
}

.ban-div-a {
  font-size: 42px;
  line-height: 50px;
  padding-top: 290px;
  max-width: 750px;
  position: relative;
  left: 15px;
  opacity: 0;
}

.ban-div-b {
  font-size: 30px;
  line-height: 40px;
  margin-top: 20px;
  max-width: 750px;
  font-family: arial;
  position: relative;
  left: 15px;
  opacity: 0;
}

.ban-div-c {
  width: 150px;
  overflow: hidden;
  margin-top: 50px;
  position: relative;
  left: 15px;
  opacity: 0;
}

.ban-div-c1 {
  width: 59px;
  height: 59px;
  border-radius: 100px;
  background: url(../img/ico46.png) no-repeat center;
  float: left;
}

.ban-div-c2 {
  width: 59px;
  height: 59px;
  border-radius: 100px;
  background: url(../img/ico47.png) no-repeat center;
  float: right;
}

.ban-div-c>div:hover {
  background-color: rgba(255, 255, 255, .1);
}

.ban-div-d {
  width: 100%;
  margin-top: 30px;
  position: relative;
  left: 15px;
  opacity: 0;
}

.ban-slide.swiper-slide-active .ban-div-a {
  left: 0;
  opacity: 1;
  transition: all .5s linear .1s;
  -webkit-transition: all all .5s linear .1s;
}

.ban-slide.swiper-slide-active .ban-div-b {
  left: 0;
  opacity: 1;
  transition: all .5s linear .4s;
  -webkit-transition: all all .5s linear .4s;
}

.ban-slide.swiper-slide-active .ban-div-d {
  left: 0;
  opacity: 1;
  transition: all .5s linear .6s;
  -webkit-transition: all all .5s linear .8s;
}

.ban-slide.swiper-slide-active .ban-div-c {
  left: 0;
  opacity: 1;
  transition: all .5s linear .6s;
  -webkit-transition: all all .5s linear .8s;
}

.rtxt {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 80px;

  z-index: 10;
}

.rtxt.on {
  background: rgba(0, 0, 0, .2);
}

@media(max-width:1600px) {
  .index-span {
    right: 20px !important;
  }

  .rtxt {
    right: 50px;
  }

  .ban-div-a {
    font-size: 35px;
    line-height: 42px;
    padding-top: 180px;
    max-width: 600px;
  }

  .ban-div-b {
    font-size: 24px;
    line-height: 30px;
    max-width: 600px
  }

  .ban-div-c {
    margin-top: 50px;
  }

  .ban-div {
    padding: 0 50px;
  }
}

@media(max-width:1200px) {
  .ban-video {
    display: none;
  }

  .ban-div-a {
    padding-top: 400px;
  }

  .rtxt {
    display: none;
  }

  .index-span {
    display: none;
  }
}

@media(max-width:1000px) {
  .footer-slide {
    height: 280px;
  }
}

@media(max-width:750px) {
  .ban-div {
    padding: 0 .3rem;
  }

  .ban-div-a {
    font-size: .35rem;
    line-height: .45rem;
    padding-top: 5rem;
    max-width: 6rem;
  }

  .ban-div-b {
    font-size: .3rem;
    line-height: .45rem;
    max-width: 6rem;
    margin-top: .3rem;
  }

  .ban-div-c {
    margin-top: .6rem;
    width: 2rem;
  }

  .ban-div-c>div {
    width: .8rem;
    height: .8rem;
    background-size: cover;
  }

  .footer-slide {
    height: 5.5rem;
    background: #2f2f2f;
  }
}

/*首页 解决方案*/
.iprgm-bj {
  background: no-repeat center bottom;
}

.iprgm-hsbj {
  width: 600px;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.iprgm {
  width: 100%;
  padding-top: 125px;
  position: relative;
  z-index: 2;
}

.iprgm-lt {
  width: 34.12%;
  float: left;
  padding-top: 50px;
}

.iprgm-ac {
  width: 100%;
  padding-left: 80px;
  padding-right: 50px;
  max-width: 580px;
}

.iprgm-a {
  font-size: 35px;
  color: #000;
  line-height: 1;
}

.iprgm-b {
  font-size: 16px;
  color: #4c4c4c;
  line-height: 25px;
  margin-top: 20px;
}

.iprgm-c {
  margin-top: 35px;
}

.idx-but {
  display: inline-block;
  width: 130px;
  height: 45px;
  line-height: 43px;
  border-radius: 25px;
  border: 1px solid #8fc320;
  background: #8fc320;
  font-size: 16px;
  color: #fff;
  text-align: center;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.idx-but:hover {
  border: 1px solid #8fc320;
  background: initial;
  color: #8fc320;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.iprgm-d {
  width: 100%;
  margin-top: 60px;
}

.iprgm-d li {
  width: 100%;
  padding: 15px 0;
  padding-left: 80px;
  padding-right: 40px;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.iprgm-d1 {
  font-size: 24px;
  color: #4c4c4c;
  padding-left: 65px;
  position: relative;
}

.iprgm-d1:after {
  content: '';
  width: 40px;
  height: 1px;
  background: #4c4c4c;
  position: absolute;
  left: 10px;
  top: 15px;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.iprgm-d1-a {
  font-size: 24px;
  line-height: 30px;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.iprgm-d1-b {
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
  display: none;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.iprgm-d li.on {
  background: #2dafb4;
  color: #fff;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.iprgm-d li.on .iprgm-d1 {
  color: #fff;
  padding-top: 25px;
  padding-bottom: 25px;
  /*transition: all .3s;
  -webkit-transition:all .3s;*/
}

.iprgm-d li.on .iprgm-d1:after {
  background: #fff;
  top: 40px;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.iprgm-d li.on .iprgm-d1-b {
  display: block;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.iprgm-rt {
  width: 65.88%;
  float: right;
  padding-right: 80px;
}

.iprgm-span {
  display: none;
}

.iprgm-div {
  position: absolute;
  left: 45px;
  bottom: 45px;
  color: #fff;
}

.iprgm-div>div {
  font-size: 36px;
  line-height: 1.3;

}

.idx-but1 {
  background: initial;
  border: 1px solid #fff;
  color: #fff;
  line-height: 43px;
}

.idx-but1:hover {
  background: #8fc320;
  border: 1px solid #8fc320;
  color: #fff;
}

.iprgm-div>a {
  margin-top: 15px;
}

@media(max-width:1680px) {
  .iprgm-lt {
    padding-top: 0;
  }

  .iprgm-d {
    margin-top: 40px;
  }
}

@media(max-width:1600px) {
  .iprgm {
    padding-top: 120px;
  }

  .iprgm-lt {
    width: 40%;
    padding-top: 0;
  }

  .iprgm-rt {
    width: 60%;
  }

  .iprgm-a {
    font-size: 28px;
  }

  .iprgm-ac {
    padding-left: 50px;
    padding-top: 30px;
  }

  .iprgm-c {
    margin-top: 20px;
  }

  .iprgm-d {
    margin-top: 40px;
  }

  .iprgm-d li {
    padding: 10px 0;
    padding-left: 50px;
    padding-right: 30px;
  }

  .iprgm-d li.on .iprgm-d1 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .iprgm-d1-a {
    font-size: 20px;
  }

  .iprgm-div>div {
    font-size: 30px;
  }

  .iprgm-d li.on .iprgm-d1:after {
    top: 24px;
  }
}

@media(max-width:1200px) {
  .iprgm-hsbj {
    display: none;
  }

  .iprgm-bj {
    background-size: 150%;
    background-position-x: 0;
  }

  .iprgm-lt {
    width: 100%;
  }

  .iprgm-rt {
    width: 100%;
    padding: 30px;
  }
}

@media(max-width:1000px) {
  .iprgm-d {
    display: none;
  }

  .iprgm-ac {
    padding: 0 30px;
    text-align: center;
    max-width: initial
  }

  .iprgm-rt {
    padding: 30px 0;
  }

  .iprgm-span {
    display: block;
    width: 20px !important;
    line-height: 20px;
    left: initial !important;
    right: 20px !important;
    padding-bottom: 30px;
  }

  .iprgm-span span {
    background: initial;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    margin: 0 5px;
    opacity: 1;
  }

  .iprgm-span span.swiper-pagination-bullet-active {
    background: #fff;
  }
}

@media(max-width:750px) {
  .iprgm {
    padding-top: 2.2rem;
  }

  .iprgm-ac {
    padding: 0 .3rem;
  }

  .iprgm-a {
    font-size: .4rem;
    font-weight: bold;
  }

  .iprgm-b {
    font-size: .26rem;
    line-height: .45rem;
    margin-top: .4rem;
  }

  .iprgm-c {
    margin-top: .4rem;
  }

  .idx-but {
    width: 1.8rem;
    font-size: .26rem;
    line-height: .6rem;
    height: .6rem;
  }

  .iprgm-div {
    left: .3rem;
    bottom: .3rem;
  }

  .iprgm-div>div {
    font-size: .35rem;
  }

  .iprgm-div>a {
    margin-top: .2rem;
  }

  .idx-but1 {
    font-size: .26rem;
    line-height: .58rem;
  }

  .iprgm-span {
    right: .1rem !important;
    top: initial !important;
    bottom: 0 !important;
    height: auto !important;
    padding-bottom: .3rem;
    line-height: .15rem;
    transform: initial !important;
  }

  .iprgm-span span {
    width: .1rem;
    height: .1rem;
  }

  .iprgm-rt {
    padding: 0;
    margin-top: 1rem;
  }

  .iprgm-swiper {
    height: 4.7rem;
  }
}


/*首页 产品*/
.ipro {
  padding: 0 80px;
  padding-top: 120px;
  text-align: center;
}

.ipro .iprgm-b>div {
  display: inline-block;
  max-width: 860px;
}

.ipro-swiper {
  margin-top: 35px;
  padding-right: 200px;
}

.ipro-swiper .swiper-slide {
  width: 420px;
  height: 480px;
  background: no-repeat center;
  background-size: cover;
  margin-right: 20px;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.ipro-swiper .swiper-slide:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  opacity: .2;
  z-index: 1;
}

.ipro-div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 60px 55px;
  color: #fff;
  text-align: left;
}

.ipro-a {
  font-size: 24px;
  line-height: 1.3;
}

.ipro-b {
  font-size: 30px;
  line-height: 1.3;
  font-weight: bold;
  margin-top: 5px;
}

.ipro-c {
  font-size: 14px;
  line-height: 20px;
  margin-top: 30px;
  opacity: 0;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.ipro-d {
  position: absolute;
  left: 55px;
  bottom: 55px;
}

.ipro-swiper .swiper-slide.on {
  width: 500px;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.ipro-swiper .swiper-slide.on .ipro-c {
  opacity: 1;
  transition: all .3s;
  -webkit-transition: all .3s;
}

@media(min-width:1600px) {
  .ipro .history-sc {
    margin-top: 40px !important;
  }

  .ipro-swiper .swiper-slide {
    height: 460px;
  }
}

@media(max-width:1680px) {
  .ipro {
    padding-top: 110px;
  }

  .ipro-swiper .swiper-slide {
    width: 350px;
    height: 350px;
  }

  .ipro-div {
    padding: 30px;
  }

  .ipro-swiper .swiper-slide.on {
    width: 400px;
  }

  .ipro-a {
    font-size: 20px;
  }

  .ipro-b {
    font-size: 22px;
  }

  .ipro-c {
    font-size: 12px;
    line-height: 20px;
    margin-top: 15px;
  }

  .ipro-d {
    left: 30px;
    bottom: 20px;
  }
}

@media(max-width:1600px) {
  .ipro {
    padding: 0 50px;
    padding-top: 110px;
  }
}

@media(max-width:1440px) {
  .ipro-swiper .swiper-slide {
    width: 300px;
    height: 300px;
  }
}

@media(max-width:1200px) {
  .ipro {
    padding: 0 30px;
    padding-top: 220px;
  }

  .ipro-swiper .swiper-slide {
    width: 380px;
    height: 400px;
  }

  .ipro-swiper .swiper-slide.on {
    width: 480px;
  }

  .ipro-c {
    font-size: 12px;
    line-height: 20px;
  }
}

@media(max-width:1000px) {
  .ipro {
    padding-top: 130px;
  }
}

@media(max-width:750px) {
  .ipro {
    padding: 0 .3rem;
    padding-top: 1.8rem;
  }

  .ipro-swiper .swiper-slide {
    width: auto;
    height: 5rem;
    margin-right: .2rem;
  }

  .ipro-swiper .swiper-slide.on {
    width: auto;
  }

  .ipro-swiper .swiper-slide.on .ipro-c {
    opacity: 0;
  }

  .ipro-swiper .swiper-slide.swiper-slide-active {
    width: auto;
  }

  .ipro-swiper .swiper-slide.swiper-slide-active .ipro-c {
    opacity: 1;
  }

  .ipro-c {
    font-size: .24rem;
    line-height: .4rem;
  }

  .ipro-swiper {
    margin-top: .8rem;
  }

  .ipro-div {
    padding: .4rem .3rem;
  }

  .ipro-a {
    font-size: .3rem;
  }

  .ipro-b {
    font-size: .32rem;
  }

  .ipro-swiper {
    padding: 0 .8rem;
  }

  .ipro-swiper .swiper-slide.on .ipro-c {
    font-size: .24rem;
    line-height: .4rem;
    margin-top: .2rem;
  }

  .ipro-d {
    left: .3rem;
    bottom: .3rem;
  }
}

/*首页 新闻*/
.inews {
  padding: 0 80px;
  overflow: hidden;
}

.inews-lt {
  width: 360px;
  float: left;
  padding-top: 260px;
}

.inews-lt-a {
  width: 150px;
  overflow: hidden;
  margin-top: 125px;
}

.inews-lt-a>div {
  width: 59px;
  height: 59px;
}

.inews-lt-a1 {
  background: url(../img/ico48.png) no-repeat center;
  background-size: cover;
  float: left;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.inews-lt-a1:hover {
  background-image: url(../img/ico48_1.png);
  transition: all .3s;
  -webkit-transition: all .3s;
}

.inews-lt-a2 {
  background: url(../img/ico49.png) no-repeat center;
  background-size: cover;
  float: right;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.inews-lt-a2:hover {
  background-image: url(../img/ico49_1.png);
  transition: all .3s;
  -webkit-transition: all .3s;
}

.inews-rt {
  width: calc(100% - 400px);
  width: -webkit-calc(100% - 400px);
  float: right;
  max-width: 1310px;
}

.inews-sc {
  display: none;
}

.inews-swiper {
  height: 100vh;
}

.inews-slide {
  border-left: 1px solid rgba(0, 0, 0, .1);
  padding: 0 40px;
  padding-top: 175px;
}

.inews-slide>a {
  display: block;
  color: #212121;
}

.inews-a {
  font-size: 18px;
  line-height: 1;
  opacity: .6;
}

.inews-b {
  font-size: 26px;
  line-height: 33px;
  height: 96px;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.inews-c {
  margin-top: 30px;
  overflow: hidden;
  position: relative;
}

.inews-cbj {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: no-repeat center;
  background-size: cover;
}

.inews-d {
  font-size: 16px;
  line-height: 30px;
  height: 88px;
  opacity: .5;
  margin-top: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.inews-e {
  margin-top: 40px;
}

.inews-e.idx-but1 {
  border-color: #8fc320;
  color: #8fc320;
}

.inews-slide>a:hover .inews-e.idx-but1 {
  background: #8fc320;
  color: #fff;
}

@media(max-width:1600px) {
  .inews {
    padding: 0 50px;
  }

  .inews-lt {
    padding-top: 200px;
  }

  .inews-lt-a {
    margin-top: 50px;
  }

  .inews-slide {
    padding: 0 20px;
    padding-top: 130px;
  }

  .inews-b {
    font-size: 20px;
    line-height: 25px;
    height: 73px;
  }

  .inews-d {
    font-size: 14px;
    line-height: 20px;
    height: 58px;
    margin-top: 15px;
  }

  .inews-e.idx-but1 {
    width: 100px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
  }
}

@media(max-width:1200px) {
  .inews {
    padding: 0 30px;
  }

  .inews-lt {
    width: 100%;
    text-align: center;
  }

  .inews-lt-a {
    margin-top: 30px;
    margin-left: 50%;
    position: relative;
    left: -75px;
  }

  .inews-rt {
    height: auto;
    width: 100%;
    margin-top: 70px;
  }

  .inews-swiper {
    height: auto;
  }

  .inews-slide {
    padding-top: 0;
    padding: 0 20px;
    border: 0;
  }
}

@media(max-width:1000px) {
  .inews-lt {
    padding-top: 130px;
  }

  .inews-d,
  .inews-e {
    display: none;
  }
}

@media(max-width:750px) {
  .inews {
    padding: 0 .3rem;
  }

  .inews-lt {
    padding-top: 1.8rem;
  }

  .inews-lt-a {
    display: none;
  }

  .inews-rt {
    margin-top: .6rem;
  }

  .inews-a {
    font-size: .26rem;
  }

  .inews-b {
    font-size: .3rem;
    line-height: .45rem;
    height: .88rem;
    -webkit-line-clamp: 2;
    margin-top: .2rem;
  }

  .inews-slide {
    padding: 0;
    padding-top: 5rem;
  }

  .inews-c {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .inews-c img {
    width: 100%;
  }

  .inews-sc {
    display: block;
    padding: 0;
    margin-top: .3rem !important;
  }
}

/*首页 关于我们*/
.iabt-bj {
  background: no-repeat center;
  background-size: cover
}

.iabt {
  padding: 0 80px;
  padding-top: 185px;
  overflow: hidden;
}

.iabt-lt {
  width: calc(100% - 1200px);
  width: -webkit-calc(100% - 1200px);
  float: left;
  max-width: 485px;
  padding-top: 75px;
}

.iabt-a {
  margin-top: 35px;
}

.iabt-b {
  max-width: 580px;
  margin-top: 70px;
  overflow: hidden;
}

.iabt-b li {
  width: 50%;
  float: left;
  padding-left: 20px;
  background: no-repeat left center;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 10px;
}

.iabt-rt {
  width: 1166px;
  float: right;
  position: relative;
}

.iabt-rt li {
  width: 1px;
  height: 1px;
  position: absolute;
}

.iabt-rt li>div {
  width: 70px;
  height: 70px;
  margin-left: -35px;
  margin-top: -35px;
  background: no-repeat center;
  background-size: cover;
  animation: divscale 2s linear 0s infinite;
  -moz-animation: divscale 2s linear 0s infinite;
  -webkit-animation: divscale 2s linear 0s infinite;
  -o-animation: divscale 2s linear 0s infinite;
}

@keyframes divscale {
  0% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }

  50% {
    transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transform: scale(.8);

  }

  100% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes divscale {
  0% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }

  50% {
    transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transform: scale(.8);

  }

  100% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-webkit-keyframes divscale {
  0% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }

  50% {
    transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transform: scale(.8);

  }

  100% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-o-keyframes divscale {
  0% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }

  50% {
    transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transform: scale(.8);

  }

  100% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.iabt-rt .li1 {
  left: 591px;
  top: 222px;
}

.iabt-rt .li2 {
  left: 853px;
  top: 215px;
}

.iabt-rt .li3 {
  left: 915px;
  top: 204px;
}

.iabt-rt .li4 {
  left: 751px;
  top: 363px;
}

.iabt-rt .li5 {
  left: 661px;
  top: 199px;
}

.iabt-rt .li6 {
  left: 626px;
  top: 263px;
}

.iabt-rt .li7 {
  left: 885px;
  top: 255px;
}

.iabt-rt .li8 {
  left: 893px;
  top: 343px;
}


.iabt-img {
  display: none;
}

@media(max-width:1680px) {
  .iabt {
    padding-top: 140px;
  }

  .iabt-rt {
    width: 816px;
  }

  .iabt-lt {
    width: calc(100% - 850px);
    width: -webkit-calc(100% - 850px);
    padding-top: 0;
  }

  .iabt-rt li>div {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
  }

  .iabt-rt .li1 {
    left: 413px;
    top: 155px;
  }

  .iabt-rt .li2 {
    left: 597px;
    top: 150px;
  }

  .iabt-rt .li3 {
    left: 640px;
    top: 140px;
  }

  .iabt-rt .li4 {
    left: 525px;
    top: 254px;
  }

  .iabt-rt .li5 {
    left: 462px;
    top: 139px;
  }

  .iabt-rt .li6 {
    left: 439px;
    top: 184px;
  }

  .iabt-rt .li7 {
    left: 620px;
    top: 178px;
  }

  .iabt-rt .li8 {
    left: 625px;
    top: 238px;
  }
}

@media(max-width:1600px) {
  .iabt {
    padding: 0 50px;
    padding-top: 120px;
  }

  .iabt-b li {
    width: 100%;
  }
}

@media(max-width:1200px) {
  .iabt-lt {
    width: 100%;
    max-width: 100%;
  }

  .iabt-rt {
    float: left;
    margin-top: 50px;
  }

  .iabt {
    padding: 0 30px;
    padding-top: 130px;
  }
}

@media(max-width:1000px) {

  .iabt-a,
  .iabt-b {
    display: none;
  }

  .iabt {
    text-align: center;
  }

  .iabt-rt {
    display: none;
  }

  .iabt-img {
    width: 100%;
    float: left;
    display: block;
    margin-top: 40px;
  }
}

@media(max-width:750px) {
  .iabt {
    padding: 0;
    padding-top: 2rem;
  }

  .iabt-lt {
    padding: 0 .3rem;
  }

  .iabt-img {
    margin-top: .9rem;
  }
}




/*内页导航*/
.nynav-bj {
  width: 100%;
  height: 65px;
  background: rgba(0, 0, 0, .6);
  position: fixed;
  z-index: 29;
  left: 0;
  top: 80px;
  padding: 0 80px;
  padding-left: 50px;
}

.nynav {
  display: flex;
  text-align: center;
  font-size: 0;
}

.nynav a {
  display: inline-block;
  width: 50%;
  height: 65px;
  padding-left: 30px;
  font-size: 16px;
  line-height: 20px;
  padding-top: 22px;
  color: #fff;
  padding-right: 10px;
  border-right: 1px solid rgba(255, 255, 255, .4);
  text-align: left;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.nynav a:first-child {
  border-left: 1px solid rgba(255, 255, 255, .4);
}

.nynav a:hover {
  background: rgba(45, 175, 180, .5);
  transition: all .3s;
  -webkit-transition: all .3s;
}

.nynav a.on {
  background: rgba(45, 175, 180, .5);
  transition: all .3s;
  -webkit-transition: all .3s;
}

.nynav-bj.on {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 0 5px #999;
}

.nynav-bj.on a {
  color: #666;
  border-color: #e5e5e5;
}

.nynav-bj.on a:hover {
  background: #2dafb4;
  color: #fff;
}

.nynav-bj.on a.on {
  background: #2dafb4;
  color: #fff;
}

.nynav-bj.cont .nynav {
  display: block;
}

.nynav-bj.cont .nynav a {
  width: 33.333%;
  max-width: 440px;
}

.nynav-md {
  display: none;
}

@media(max-width:1600px) {
  .nynav-bj {
    top: 80px;
    height: 50px;
    padding: 0 50px;
  }

  .nynav a {
    height: 50px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 15px;
    padding-top: 18px;
  }
}

@media(max-width:1200px) {
  .nynav-bj.mdxs .nynav-md {
    display: block;
    height: 50px;
    width: 100%;
    font-size: 15px;
    color: #fff;
    line-height: 50px;
    background: url(../img/ico41_1.png) no-repeat right center;
  }

  .nynav-bj.on .nynav-md {
    color: #333;
    background-image: url(../img/ico41.png);
  }

  .nynav-bj.on .nynav-md.on {
    color: #333;
    background-image: url(../img/ico41.png);
  }

  .nynav-bj.mdxs .nynav {
    width: calc(100% + 100px);
    width: -webkit-calc(100% + 100px);
    margin-left: -50px;
    padding: 30px 50px;
    display: block;
    background: rgba(0, 0, 0, .6);
    border-top: 1px solid rgba(255, 255, 255, .2);
    display: none;
  }

  .nynav-bj.mdxs .nynav a {
    width: 100%;
    border: 0;
    /*color: #333;*/

  }

  .nynav-bj.on.mdxs .nynav {
    background: #fff;
  }

  .nynav-bj.on.mdxs.nynav a {
    color: #333;
  }
}

@media(max-width:750px) {
  .nynav-bj {
    padding: 0;
    top: 1rem;
    height: .7rem;
  }

  .nynav a {
    height: .7rem;
    font-size: .24rem;
    line-height: .7rem;
    padding: 0;
    text-align: center;
  }

  .nynav-bj.mdxs {
    padding: 0 .3rem;
  }

  .nynav-bj.mdxs .nynav-md {
    font-size: .24rem;
    line-height: .7rem;
    padding: 0 .3rem;
    height: .7rem;
  }

  .nynav-bj.cont .nynav {
    display: flex;
  }

  .nynav-bj.cont .nynav a {
    width: 50%;
  }
}


/*产品中心*/
.product {
  padding-top: 70px;
  padding-bottom: 50px;
}

.product-ul {
  width: calc(100% + 40px);
  width: -webkit-calc(100% + 40px);
  overflow: hidden;
  margin-top: 65px;
}

.product-ul li {
  width: calc(33.333% - 40px);
  width: -webkit-calc(33.333% - 40px);
  float: left;
  margin-right: 40px;
  margin-bottom: 40px;
  position: relative;
}

.product-ul-a {
  display: block;
  width: 100%;
  height: 100%;
}

.product-ul li>a:after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .2);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.product-a {
  overflow: hidden;
  background: no-repeat center;
  background-size: cover;
  position: relative;
}

.product-a>i {
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.product-b {
  padding: 40px 50px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 3;
}

.product-b1 {
  font-size: 24px;
  line-height: 30px;
}

.product-b2 {
  font-size: 36px;
  line-height: 45px;
  margin-top: 5px;
}

.gymore {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.gymore-div {
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 0;
}

.gymore-div>img {
  animation: rotate 10s linear 0s infinite;
  -moz-animation: rotate 10s linear 0s infinite;
  -webkit-animation: rotate 10s linear 0s infinite;
  -o-animation: rotate 10s linear 0s infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-o-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.gymore-div>div {
  font-size: 18px;
  line-height: 25px;
  color: #2dafb4;
  margin-top: 10px;
  position: relative;
  top: 0;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.gymore-div:hover>div {
  top: -3px;
  transition: all .3s;
  -webkit-transition: all .3s;
}

@media(max-width:1600px) {
  .product-b {
    padding: 30px;
  }

  .product-b1 {
    font-size: 20px;
    line-height: 28px;
  }

  .product-b2 {
    font-size: 30px;
    line-height: 40px;
  }
}

@media(max-width:1000px) {
  .product-ul li {
    width: calc(50% - 40px);
    width: -webkit-calc(50% - 40px);
  }
}

@media(max-width:750px) {
  .product {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .product-ul {
    margin-top: .6rem;
    width: calc(100% + .2rem);
    width: -webkit-calc(100% + .2rem);
  }

  .product-ul li {
    width: calc(50% - .2rem);
    width: -webkit-calc(50% - .2rem);
    margin-right: .2rem;
    margin-bottom: .3rem;
  }

  .product-b {
    padding: .3rem;
  }

  .product-b1 {
    font-size: .28rem;
    line-height: .45rem;
  }

  .product-b2 {
    font-size: .32rem;
    line-height: .45rem;
    margin-top: .05rem;
    font-weight: bold;
  }

  .gymore-div>img {
    width: .6rem;
  }

  .gymore-div>div {
    font-size: .28rem;
    line-height: .4rem;
    margin-top: .05rem;
  }
}



/*产品详情*/
.productinfo-bj {
  background: #f5f5f5;
  width: 100%;
}

.productinfo {
  padding-top: 65px;
  padding-bottom: 50px;
}

.productinfo-h3 {
  font-size: 48px;
  line-height: 60px;
  text-align: center;
  color: #000;
}

.productinfo-ul {
  margin-top: 50px;
  margin-bottom: 60px;
}

.productinfo-ul li {
  width: 100%;
  height: 180px;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 15px;
  background: #fff;
  position: relative;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.productinfo-li-new {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 12px;
  line-height: 30px;
  z-index: 2;
}

.productinfo-li-new:after {
  content: '';
  width: 80px;
  height: 80px;
  background: #8fc320;
  position: absolute;
  top: -40px;
  left: -40px;
  z-index: 0;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.productinfo-li-new span {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 30px;
  position: relative;
  z-index: 2;
  padding-left: 2px;
}

.productinfo-li-bj {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(../img/img02.jpg) no-repeat center;
  background-size: cover;
  opacity: 0;

  transition: all .3s;
  -webkit-transition: all .3s;
}

.productinfo-lt {
  width: 400px;
  float: left;
  height: 100%;
  color: #000;
  border-right: 1px solid #e5e5e5;
  position: relative;
  z-index: 2;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.productinfo-lt>div {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 26px;
  line-height: 32px;
  padding-left: 50px;
  padding-right: 10px;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.productinfo-rt {
  width: calc(100% - 450px);
  width: -webkit-calc(100% - 450px);
  max-width: 1230px;
  height: 100%;
  float: right;
  position: relative;
  z-index: 2;
}

.productinfo-rt>div {
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  color: #666;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transition: all .3s;
  -webkit-transition: all .3s;
}

.productinfo-ul li:hover .productinfo-li-bj {
  opacity: 1;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.productinfo-ul li:hover .productinfo-lt {
  color: #fff;
  border-right-color: rgba(255, 255, 255, .2);
  transition: all .3s;
  -webkit-transition: all .3s;
}

.productinfo-ul li:hover .productinfo-rt>div {
  color: #fff;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.rmtj {
  padding-top: 80px;
  padding-bottom: 40px;
}

.proinfo-swiper {
  padding-bottom: 80px;
  margin-top: 45px;
}

.proinfo-span span {
  width: 10px;
  height: 10px;
  margin: 0 8px !important;
}

.proinfo-span .swiper-pagination-bullet-active {
  background: #8fc320;
}

.productinfo-ul li{
	margin-bottom: 10px;
}
.productinfo-ul li.img_in  .img {
	height: 180px;
	width:446px ;
	border-radius: 10px;
	overflow: hidden;
	/* background-color: #2dafb4; */
	margin: 0 10px  0 0 ;
}
.productinfo-ul li.img_in .img img{
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.productinfo-ul li.img_in {
	background-color: transparent;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding: 0;
	margin-bottom: 10px;

}
.productinfo-ul li.img_in .lir{
	width: calc(100% - 446px - 10px);
	background-color: #fff;
	height: 100%;
    overflow: hidden;
    padding: 15px ;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
	border-radius: 10px;
}
.productinfo-ul li.img_in .lir .productinfo-lt{
	width: 300px;
}
.productinfo-ul li.img_in .lir .productinfo-rt{
	width: -webkit-calc(100% - 420px);
}


@media(max-width:1600px) {
  .productinfo-lt {
    width: 300px;

  }

  .productinfo-lt>div {
    padding-left: 20px;
    font-size: 22px;
    line-height: 30px;
  }

  .productinfo-rt {
    width: calc(100% - 340px);
    width: -webkit-calc(100% - 340px);
  }

  .productinfo-rt>div {
    font-size: 16px;
    line-height: 25px;
  }

  .productinfo-h3 {
    font-size: 38px;
    line-height: 45px;
  }
  .productinfo-ul li.img_in .img{
		width: 363px;

	}
	.productinfo-ul li.img_in .lir .productinfo-lt{
		width: 200px;
	}
  .productinfo-ul li.img_in .lir{

		width: calc(100% - 346px - 10px);
	}
	.productinfo-ul li.img_in .lir .productinfo-rt{
		width: calc(100% - 240px);
		width: -webkit-calc(100% - 240px);
	}
  

}

@media(max-width:1000px) {
  .productinfo-lt {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #E5E5E5;
  }

  .productinfo-lt>div {
    position: relative;
    left: inherit;
    top: inherit;
    transform: inherit;
    padding-left: 0;
    padding: 20px;
    padding-top: 10px;
  }

  .productinfo-ul li {
    height: auto;
  }

  .productinfo-rt {
    width: 100%;
    padding: 20px;
    height: auto;
    line-height: initial;
  }

  .productinfo-rt>div {
    position: relative;
    left: inherit;
    top: inherit;
    transform: inherit;
  }
  .productinfo-ul li.img_in{
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	.productinfo-ul li.img_in .img{
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
	}
	.productinfo-ul li.img_in .lir{
		width: 100%;
	}
	.productinfo-ul li.img_in .lir .productinfo-lt{
		width: 100%;
	}
	.productinfo-ul li.img_in .lir .productinfo-rt{
		width: 100%;
	}
}

@media(max-width:750px) {
  .productinfo {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .productinfo-h3 {
    font-size: .4rem;
    line-height: .55rem;
  }

  .productinfo-ul {
    margin-top: .4rem;
    margin-bottom: .6rem;
  }

  .productinfo-ul li {
    padding: .3rem;
    margin-bottom: .3rem;
  }

  .productinfo-lt {}

  .productinfo-lt>div {
    padding: .3rem .2rem;
    font-size: .35rem;
    line-height: .45rem;
  }

  .productinfo-rt {
    font-size: .24rem;
    line-height: .4rem;
    padding: .2rem;
  }

  .rmtj {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .proinfo-swiper {
    margin-top: .45rem;
    padding-bottom: 35px;
  }

  .proinfo-span {
    height: 10px !important;
    line-height: 10px !important;
  }

  .proinfo-span span {
    width: .1rem;
    height: .1rem;
    margin: 0 3px !important;
  }

  .productinfo-rt>div {
    font-size: .26rem;
    line-height: .4rem;
  }
}



/*解决方案*/
.programme {
  padding-top: 75px;
  padding-bottom: 85px;
}

.programme-na {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin-top: 40px;
}

.programme-na>div {
  font-size: 17px;
  color: #808080;
  line-height: 48px;
  display: inline-block;
  padding: 0 15px;
  min-width: 135px;
  margin: 5px;
  background: #ebebeb;
  border-radius: 25px;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.programme-na>div:hover {
  background: url(../img/ico45.png) no-repeat center;
  background-size: cover;
  color: #fff;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.programme-na>div.on {
  background: url(../img/ico45.png) no-repeat center;
  background-size: cover;
  color: #fff;
}

.programme-ul {
  margin-top: 60px;
  overflow: hidden;
}

.programme-ul a {
  display: block;
  width: 48%;
  float: left;
  max-width: 840px;
  margin-bottom: 80px;
}

.programme-ul a:nth-child(2n + 0) {
  float: right;
}

.programme-a {
  overflow: hidden;
}

.programme-b {
  width: 100%;
  padding-top: 30px;
  padding-left: 45px;
  padding-right: 110px;
  position: relative;
  color: #000;
}

.programme-b1 {
  font-size: 30px;
  height: 34px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.programme-b2 {
  font-size: 18px;
  height: 20px;
  line-height: 22px;
  margin-top: 12px;
  opacity: .6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.programme-b:after {
  content: '';
  width: 60px;
  height: 60px;
  background: url(../img/ico02.png) no-repeat center;
  background-size: cover;
  position: absolute;
  right: 30px;
  top: 30px;
}

.programme-ul a:hover .programme-b {
  color: #2dafb4;
}

@media(max-width:1600px) {
  .programme-b {
    padding-left: 10px;
    padding-right: 80px;
  }

  .programme-b:after {
    right: 10px;
  }
}

@media(max-width:1000px) {
  .programme-b {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 60px;
  }

  .programme-b:after {
    width: 50px;
    height: 50px;
    right: 0;
    top: 10px;
  }

  .programme-b1 {
    font-size: 24px;
    line-height: 28px;
    height: 27px;
  }

  .programme-b2 {
    font-size: 15px;
    line-height: 20px;
    height: 19px;
    margin-top: 5px;
  }

  .programme-ul a {
    margin-bottom: 30px;
  }
}

@media(max-width:1000px) {
  .programme {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .programme-na {
    margin-top: .5rem;
    text-align: left;
  }

  .programme-na>div {
    font-size: .24rem;
    line-height: .6rem;
    min-width: 1.5rem;
    padding: 0 .2rem;
    border-radius: .3rem;
    margin: .05rem;
  }

  .programme-ul {
    margin-top: .6rem;
  }

  .programme-ul a {
    width: 100%;
    margin-bottom: .6rem;
  }

  .programme-b1 {
    font-size: 20px;
  }

  .programme-b2 {
    font-size: 13px;
  }

  .programme-b:after {
    width: .6rem;
    height: .6rem;
    top: .45rem;
  }

  .programme-b {
    padding-right: .8rem;
  }
}




/*解决方案详情*/
.pgminfo {
  margin-top: 145px;
  overflow: hidden;
}

.pgminfo-lt {
  width: 50%;
  float: left;
  position: relative;
}

.pgminfo-lt-a {
  font-size: 60px;
  color: #fff;
  line-height: 70px;
  position: absolute;
  left: 80px;
  top: 130px;
}

.pgminfo-rt {
  width: 50%;
  float: left;
  padding-top: 85px;
  padding-left: 95px;
  padding-right: 50px;
  padding-bottom: 50px;
  max-width: 860px;
}

.pgminfo-a {
  font-size: 48px;
  line-height: 60px;
  color: #000;
  margin-bottom: 60px;
}

.pgminfo-b {
  font-size: 30px;
  line-height: 1;
  color: #000;
  margin-top: 40px;
}

.pgminfo-c {
  font-size: 18px;
  line-height: 30px;
  color: #666;
  margin-top: 25px;
}

#pgminfo-txt {
  max-height: 290px;
  overflow-y: auto;
  padding: 10px 0;
  padding-right: 10px;
}

.pgminfo-d {
  margin-top: 25px;
  overflow: hidden;
}

.pgminfo-d li {
  width: 50%;
  float: left;
  padding-left: 30px;
  padding-right: 10px;
  margin-bottom: 6px;
  font-size: 18px;
  color: #666;
  line-height: 30px;
  position: relative;
}

.pgminfo-d li:after {
  content: '';
  width: 6px;
  height: 6px;
  background: url(../img/ico03.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 12px;
}

.pgminfo-bj {
  width: 100%;
  background: #f5f5f5;
  padding-top: 80px;
  padding-bottom: 50px;
}

.pgminfo-h4 {
  font-size: 36px;
  line-height: 1;
  color: #000;
  text-align: center;
}

.pgminfo-swiper {
  margin-top: 50px;
  padding-bottom: 50px;
}

.pgminfo-sa {
  overflow: hidden;
}

.pgminfo-sb {
  padding: 40px;
  padding-bottom: 0;
}

.pgminfo-sb1 {
  font-size: 30px;
  color: #000;
  line-height: 40px;
}

.pgminfo-sb2,
.pgminfo-sb3 {
  font-size: 18px;
  color: #666;
  line-height: 30px;
  margin-top: 5px;
}

.pgminfo-sb3 {
  margin-top: 20px;
}

.applications {
  padding-top: 75px;
  padding-bottom: 130px;
}

.applications-ul {
  margin-top: 50px;
  border-top: 1px solid #E5E5E5;
}

.applications-ul li {
  border-bottom: 1px solid #E5E5E5;
  padding: 50px 0;
  overflow: hidden;
}

.applications-lt {
  width: 300px;
  float: left;
  padding: 0 10px;
  font-size: 30px;
  color: #000;
  line-height: 40px;
}

.applications-rt {
  width: calc(100% - 330px);
  width: -webkit-calc(100% - 330px);
  float: right;
  max-width: 1280px;
  font-size: 18px;
  color: #666;
  line-height: 30px;
}

.applications-a1 {
  font-size: 18px;
  color: #666;
  line-height: 30px;
}

.applications-a2 {
  margin-top: 35px;
  font-size: 0;
  overflow: hidden;
}

.applications-a2 img {
  float: left;
  width: calc(25% - 12px);
  width: -webkit-calc(25% - 12px);
  margin-right: 12px;
  margin-bottom: 12px;
}

.applications-b {
  overflow: hidden;
}

.applications-b-li {
  width: 33.333%;
  float: left;
  min-height: 140px;
  padding: 0 10px;
  margin-bottom: 20px;
}

.applications-b1 {
  font-size: 24px;
  line-height: 1.3;
  color: #000;
}

.applications-b2 {
  font-size: 18px;
  line-height: 30px;
  color: #666;
  margin-top: 15px;
}

@media(max-width:1680px) {
  #pgminfo-txt {
    max-height: 160px;
  }

  .pgminfo-rt {
    padding-top: 55px;
    padding-left: 55px;
    padding-right: 40px;
    padding-bottom: 30px;
  }
}

@media(max-width:1600px) {
  .pgminfo-rt {
    padding: 30px;
  }

  .pgminfo-a {
    font-size: 38px;
    line-height: 45px;
    margin-bottom: 25px;
  }

  .pgminfo-b {
    font-size: 24px;
    margin-top: 20px;
  }

  .pgminfo-c {
    font-size: 15px;
    line-height: 25px;
    margin-top: 20px;
  }

  .pgminfo-d {
    margin-top: 20px;
  }

  .pgminfo {
    margin-top: 120px;
  }

  .pgminfo-sb {
    padding: 20px;
  }

  .pgminfo-sb1 {
    font-size: 24px;
    line-height: 32px;
  }

  .pgminfo-sb2,
  .pgminfo-sb3 {
    font-size: 15px;
    line-height: 25px;
  }

  .pgminfo-lt-a {
    font-size: 40px;
    left: 50px;
    top: 50px;
  }

  .applications-rt {
    font-size: 16px;
    line-height: 25px;
  }

  .pgminfo-d li {
    font-size: 15px;
    line-height: 25px;
    padding-left: 20px;
  }

  .pgminfo-d li:after {
    top: 10px;
  }

  .applications-a1 {
    font-size: 16px;
  }

  .applications-b1 {
    font-size: 22px;
  }

  .applications-b2 {
    font-size: 16px;
  }

  #pgminfo-txt {
    max-height: 210px;
  }
}

@media(max-width:1200px) {
  .applications-lt {
    width: 200px;
    padding-right: 20px;
    font-size: 24px;
    line-height: 32px;
  }

  .applications-rt {
    width: calc(100% - 220px);
    width: -webkit-calc(100% - 220px);
  }

  .pgminfo-lt-a {
    left: 30px;
  }

  #pgminfo-txt {
    max-height: 85px;
  }
}

@media(max-width:1000px) {
  .pgminfo-lt {
    width: 100%;
  }

  .pgminfo-rt {
    width: 100%;
  }

  #pgminfo-txt {
    max-height: initial;
  }
}

@media(max-width:750px) {
  .pgminfo {
    margin-top: 1.7rem;
  }

  .pgminfo-lt-a {
    font-size: .5rem;
    left: .3rem;
    top: .7rem;
  }

  .pgminfo-rt {
    padding: .5rem .3rem;
  }

  .pgminfo-a {
    font-size: .4rem;
    line-height: .55rem;
    margin-bottom: .4rem;
    font-weight: bold;
  }

  .pgminfo-b {
    font-size: .3rem;
    margin-top: .4rem;
    font-weight: bold;
  }

  .pgminfo-c {
    font-size: .26rem;
    line-height: .45rem;
    margin-top: .2rem;
  }

  .pgminfo-d {
    margin-top: .2rem;
  }

  .pgminfo-d li {
    width: 100%;
    padding-left: .2rem;
    font-size: .26rem;
    line-height: .45rem;
  }

  .pgminfo-d li:after {
    width: .1rem;
    height: .1rem;
    top: .15rem;
  }

  .pgminfo-bj {
    padding-top: .7rem;
    padding-bottom: .4rem;
  }

  .pgminfo-h4 {
    font-size: .36rem;
  }

  .pgminfo-swiper {
    margin-top: .5rem;
    padding-bottom: .5rem;
  }

  .pgminfo-sb {
    padding: .2rem;
  }

  .pgminfo-sb1 {
    font-size: 20px;
    line-height: 30px;
  }

  .pgminfo-sb2,
  .pgminfo-sb3 {
    font-size: 12px;
    line-height: 20px;
  }

  .pgminfo-sb3 {
    margin-top: .2rem;
  }

  .applications {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .applications-ul {
    margin-top: .5rem;
  }

  .applications-ul li {
    padding: .3rem 0;
  }

  .applications-lt {
    width: 100%;
    font-size: .45rem;
    line-height: .55rem;
    padding: 0;
    font-weight: bold;
    margin-bottom: .4rem;
  }

  .applications-rt {
    width: 100%;
    font-size: .24rem;
    line-height: .45rem;
    padding: 0;
  }

  .applications-a1 {
    font-size: .24rem;
    line-height: .45rem;
  }

  .applications-a2 {
    margin-top: .2rem;
  }

  .applications-a2 img {
    width: calc(50% - 12px);
    width: -webkit-calc(50% - 12px);
    margin-right: 10px;
  }

  .applications-b-li {
    width: 100%;
    margin-bottom: .3rem;
    min-height: auto;
    padding: 0;
  }

  .applications-b1 {
    font-size: .34rem;
  }

  .applications-b2 {
    font-size: .24rem;
    line-height: .45rem;
    margin-top: .15rem;
  }
}



/*新闻中心*/
.news {
  padding-top: 80px;
  padding-bottom: 65px;
}

.news-tj {
  margin-top: 55px;
  overflow: hidden;
}

.news-tj li {
  width: calc(50% - 20px);
  width: -webkit-calc(50% - 20px);
  float: left;
  position: relative;
}

.news-tj li a {
  display: block;
  width: 100%;
  height: 100%;
}

.news-tj li:last-child {
  float: right;
}

.news-tj-a {
  overflow: hidden;
}

.news-tj-b {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/ico04.png) no-repeat center bottom;
  z-index: 1;
}

.news-tj-c {
  width: 100%;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  padding: 0 35px;
  position: absolute;
  left: 0;
  bottom: 110px;
  z-index: 3;
}

.news-tj-d {
  width: 100%;
  max-width: 750px;
  font-size: 26px;
  color: #fff;
  line-height: 35px;
  height: 70px;
  padding: 0 35px;
  padding-right: 120px;
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-tj-e {
  width: 55px;
  height: 55px;
  background: url(../img/ico05.png) no-repeat center;
  background-size: cover;
  position: absolute;
  right: 40px;
  bottom: 25px;
  z-index: 3;
}

.news-tj li a:hover .news-tj-e {
  background-image: url(../img/ico05_1.png);

}

.news-cont {
  margin-top: 80px;
  overflow: hidden;
}

.news-lt {
  width: calc(100% - 540px);
  width: -webkit-calc(100% - 540px);
  float: left;
  padding-right: 95px;
  border-right: 1px solid #E5E5E5;
}

.news-a {
  display: block;
  overflow: hidden;
  padding: 35px 0;
  border-bottom: 1px solid #E5E5E5;
}

.news-a:first-child {
  padding-top: 0;
}

.news-a1 {
  width: 310px;
  float: left;
  overflow: hidden;
  position: relative;
}

.news-a1-a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: no-repeat center;
}

.news-a2 {
  width: calc(100% - 355px);
  width: -webkit-calc(100% - 355px);
  float: right;
}

.news-a2-a {
  font-size: 24px;
  height: 25px;
  line-height: 26px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.news-a2-b {
  font-size: 13px;
  line-height: 1;
  color: #808080;
  margin-top: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.news-a2-c {
  font-size: 15px;
  height: 48px;
  line-height: 25px;
  color: #808080;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-a2-d {
  display: inline-block;
  padding-right: 25px;
  font-size: 13px;
  line-height: 20px;
  margin-top: 50px;
  background: url(../img/ico06.png) no-repeat right center;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.news-a:hover .news-a2-a {
  color: #2dafb4;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.news-a:hover .news-a2-d {
  color: #2dafb4;
  background-image: url(../img/ico07.png);
  transition: all .3s;
  -webkit-transition: all .3s;
}

.news-rt {
  width: 440px;
  float: right;
}

.news-b {
  font-size: 26px;
  color: #000;
  line-height: 1;
  margin-bottom: 38px;
}

.news-c a {
  margin-top: 17px;
  display: block;
  overflow: hidden;
  padding: 25px 45px;
  background: #f5f5f5;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.news-c1 {
  font-size: 24px;
  color: #333;
  line-height: 35px;
  height: 104px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.news-c2 {
  font-size: 12px;
  color: #808080;
  margin-top: 10px;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.news-c a:hover {
  background: url(../img/img09.jpg) no-repeat center;
  background-size: cover;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.news-c a:hover * {
  color: #fff;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.page {
  width: 100%;
  height: 80px;
  padding-top: 20px;
  background: #f5f5f5;
  text-align: center;
  font-size: 0;
}

.page .pagination {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}

.page a {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 38px;
  color: #333;
  text-align: center;
  border: 1px solid #F5F5F5;
  margin: 0 2px;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.page a:hover {
  border-color: #33b0aa;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.page a.prev {
  background: url(../img/ico08.png) no-repeat center;
  margin-right: 40px;
}

.page a.next {
  background: url(../img/ico09.png) no-repeat center;
  margin-left: 40px;
}

.page a[rel=prev] {
  background: url(../img/ico08.png) no-repeat center;
  margin-right: 40px;
}

.page a[rel=next] {
  background: url(../img/ico09.png) no-repeat center;
  margin-left: 40px;
}

.page a.active {
  border: 0;
  background: url(../img/ico10.png) no-repeat center;
  line-height: 40px;
  background-size: cover;
  color: #fff;
}

.news .page {
  margin-top: 50px;
}

@media(max-width:1600px) {
  .news-tj-d {
    font-size: 18px;
    line-height: 25px;
    height: 48px;
    bottom: 10px;
    padding-left: 20px;
  }

  .news-tj-c {
    bottom: 65px;
    padding-left: 20px;
  }

  .news-rt {
    width: 350px;
  }

  .news-c a {
    padding: 20px 30px;
  }

  .news-c1 {
    font-size: 18px;
    line-height: 25px;
    height: 72px;
  }

  .news-lt {
    width: calc(100% - 380px);
    width: -webkit-calc(100% - 380px);
    padding-right: 30px;
  }

  .news-a1 {
    width: 260px;
  }

  .news-a2 {
    width: calc(100% - 280px);
    width: -webkit-calc(100% - 280px);
  }

  .news-a2-d {
    margin-top: 18px;
  }

  .news-a {
    padding: 23px 0;
  }
}

@media(max-width:1000px) {
  .news-rt {
    display: none;
  }

  .news-lt {
    width: 100%;
    padding: 0;
    border: 0;
  }

  .news-tj li {
    width: 100%;
    margin-bottom: 25px;
  }
}

@media(max-width:750px) {
  .news {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .news-tj {
    margin-top: .5rem;
  }

  .news-tj-e {
    width: .55rem;
    height: .55rem;
    right: .3rem;
    bottom: .4rem;
  }

  .news-tj-d {
    padding-left: .2rem;
    padding-right: 1rem;
    font-size: .26rem;
    line-height: .4rem;
    height: .78rem;
    bottom: .2rem;
  }

  .news-tj-c {
    font-size: .24rem;
    padding: 0 .2rem;
    bottom: 1.2rem;
  }

  .news-cont {
    margin-top: .6rem;
  }

  .news-a1 {
    width: 2.5rem;
  }

  .news-a2 {
    width: calc(100% - 2.65rem);
    width: -webkit-calc(100% - 2.65rem);
  }

  .news-a2-a {
    font-size: .28rem;
    height: .66rem;
    line-height: .34rem;
    -webkit-line-clamp: 2;
    font-weight: bold;
  }

  .news-a2-b {
    font-size: .24rem;
    margin-top: .1rem;
  }

  .news-a2-c {
    font-size: .26rem;
    line-height: .4rem;
    height: .38rem;
    margin-top: .1rem;
    -webkit-line-clamp: 1;
    display: none;
  }

  .news-a2-d {
    font-size: .24rem;
    margin-top: -.1rem;
  }

  .news-a {
    padding: .2rem 0;
  }

  .page {
    height: .8rem;
    padding-top: .1rem;
  }

  .page a {
    font-size: .24rem;
    line-height: .6rem;
    width: .6rem;
    height: .6rem;
    margin: 0 .05rem;
  }

  .page a.active {
    line-height: .6rem;
  }

  .page a.prev,
  .page a[rel=prev] {
    margin-right: .1rem;
  }

  .page a.next,
  .page a[rel=next] {
    margin-left: .1rem;
  }

  .news .page {
    margin-top: .5rem;
  }
}



/*新闻详情*/
.newsinfo {
  padding-top: 215px;
  padding-bottom: 70px;
  overflow: hidden;
}

.newsinfo-lt {
  width: calc(100% - 460px);
  width: -webkit-calc(100% - 460px);
  float: left;
}

.newsinfo-a {
  background: #fff;
  padding: 60px 90px;

}

.newsinfo-a1 {
  font-size: 36px;
  color: #333;
  line-height: 45px;
}

.newsinfo-a2 {
  font-size: 16px;
  color: #8e8e8e;
  line-height: 1;
  margin-top: 20px;
}

.newsinfo-a3 {
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid #E5E5E5;
  font-size: 18px;
  color: #666;
  line-height: 35px;
}

.newsinfo-b {
  display: inline-block;
  float: right;
  margin-top: 25px;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.newsinfo-b:hover {
  opacity: .8;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.newsinfo-rt {
  width: 420px;
  background: #fff;
  padding: 30px;
  float: right;
}

.newsinfo-rt-a {
  font-size: 24px;
  color: #000;
  line-height: 1;
}

.newsinfo-rt-b a {
  display: block;

  padding: 25px 0;
  border-bottom: 1px solid #E5E5E5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  transition: all .3s;
  -webkit-transition: all .3s;
}

.newsinfo-rt-b a>div {
  font-size: 18px;
  line-height: 30px;
  height: 58px;
  color: #000;
  padding-left: 20px;
  position: relative;
  transition: all .3s;
  -webkit-transition: all .3s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

}

.newsinfo-rt-b a>div:after {
  content: '';
  width: 6px;
  height: 6px;
  background: #666;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 13px;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.newsinfo-rt-b a:hover {
  border-bottom-color: #2dafb4;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.newsinfo-rt-b a:hover>div {
  color: #2dafb4;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.newsinfo-rt-b a:hover>div:after {
  background: #2dafb4;
  transition: all .3s;
  -webkit-transition: all .3s;
}

@media(max-width:1600px) {
  .newsinfo-rt {
    width: 360px;
  }

  .newsinfo-lt {
    width: calc(100% - 400px);
    width: -webkit-calc(100% - 400px);
  }

  .newsinfo-a1 {
    font-size: 26px;
    line-height: 35px;

  }

  .newsinfo-a {
    padding: 50px;
  }
}

@media(max-width:1200px) {

  .newsinfo-lt,
  .newsinfo-rt {
    width: 100%;
  }

  .newsinfo-rt {
    margin-top: 40px;
  }
}

@media(max-width:750px) {
  .newsinfo {
    padding-top: 2.4rem;
    padding-bottom: .7rem;
  }

  .newsinfo-a {
    padding: .4rem .3rem;
  }

  .newsinfo-a1 {
    font-size: .32rem;
    line-height: .45rem;
    font-weight: bold;
  }

  .newsinfo-a2 {
    font-size: .28rem;
    margin-top: .2rem;
  }

  .newsinfo-a3 {
    font-size: .26rem;
    line-height: .45rem;
    margin-top: .3rem;
    padding-top: .3rem;
  }

  .newsinfo-b {
    width: .8rem;
    margin-top: .2rem;
  }

  .newsinfo-rt {
    margin-top: .3rem;
    padding: .4rem .3rem;
  }

  .newsinfo-rt-a {
    font-size: .34rem;
    font-weight: bold;
    margin-bottom: .2rem;
  }

  .newsinfo-rt-b a {
    padding: .2rem 0;
  }

  .newsinfo-rt-b a>div {
    font-size: .28rem;
    line-height: .4rem;
    height: .78rem;
  }

  .newsinfo-rt-b a>div:after {
    top: .15rem;
  }
}




/*关于我们*/
.about {
  padding-top: 70px;
}

.about-a {
  margin-top: 40px;
  padding-top: 55px;
  border-top: 1px solid #e5e5e5;
  overflow: hidden;
}

.about-a1 {
  width: 100%;
  float: left;
  font-size: 36px;
  line-height: 45px;
  color: #000;
  margin-bottom: 25px;
}

.about-a2 {
  width: calc(100 - 580px);
  width: -webkit-calc(100% - 580px);
  float: left;
  max-width: 1040px;
  padding-right: 40px;
  font-size: 18px;
  color: #666;
  line-height: 35px;
}

.about-a3 {
  width: 580px;
  position: relative;
  overflow: hidden;
  float: right;
}

.about-a3 li {
  width: 33.333%;
  float: left;
  padding: 0 5px;
}

.about-a3 .li2 {
  text-align: center;
}

.about-a3 .li3 {
  text-align: right;
}

.about-a3-a {
  font-size: 16px;
  line-height: 1;
  color: #404040;
}

.about-a3-a .sp1 {
  font-size: 48px;
  color: #2dafb4;
  line-height: 1;
  font-family: impact;
}

.about-a3-a .sp3 {
  color: #2dafb4;
  position: relative;
  top: -20px;
  font-size: 30px;
}

.about-a3-b {
  font-size: 16px;
  line-height: 20px;
  margin-top: 5px;
}

.about-b {
  margin-top: 50px;
  overflow: hidden;
}

.about-b .about-a2 {
  padding-top: 35px;
}

.about-a3-c {
  display: inline-block;
  text-align: center;
}

.about-a3-c>div {
  font-size: 16px;
  line-height: 20px;
  margin-top: 10px;
  color: #666;
}

.about-c {
  margin-top: 40px;
  padding: 0 100px;
  position: relative;
}

.about-c2 {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  padding-top: 10px;
  text-align: center;
}

.aboutC-prev {
  width: 55px;
  height: 55px;
  background: url(../img/ico23.png) no-repeat center;
  background-size: cover;
  left: 0 !important;
  margin-top: -40px !important;
  /*transition: all .3s;
  -webkit-transition:all .3s;*/
}

.aboutC-prev:hover {
  background-image: url(../img/ico48_1.png);
  /*transition: all .3s;
  -webkit-transition:all .3s;*/
}

.aboutC-next {
  width: 55px;
  height: 55px;
  background: url(../img/ico24.png) no-repeat center;
  background-size: cover;
  right: 0 !important;
  margin-top: -40px !important;
  /*transition: all .3s;
  -webkit-transition:all .3s;	*/
}

.aboutC-next:hover {
  background-image: url(../img/ico49_1.png);
  /*transition: all .3s;
  -webkit-transition:all .3s;*/
}

.about-d {
  margin-top: 70px;
  padding: 40px;
  padding-top: 75px;
  background: #f5f5f5;
}

.about-d1 {
  font-size: 36px;
  color: #000;
  text-align: center;
  line-height: 1;
}

.about-d2 {
  width: 100%;
  overflow: hidden;
  margin-top: 70px;
}

.about-d2 li {
  width: 25%;
  float: left;
  height: 230px;
  margin-bottom: 10px;
  text-align: center;
  padding: 0 20px;
}

.about-d2-a {
  height: 60px;
  line-height: 60px;
}

.about-d2-a img {
  max-height: 100%;
}

.about-d2-b {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
  color: #000;
}

.about-d2-c {
  font-size: 16px;
  line-height: 25px;
  margin-top: 10px;
  color: #404040;
}

.about-d2-c>span {
  display: block;
}

.about-e {
  padding-top: 75px;
  padding-bottom: 35px;
}

.about-e2 {
  font-size: 18px;
  color: #666;
  line-height: 30px;
  margin-top: 25px;
  text-align: center;
}

.about-e2>span {
  display: block;
}

.aboutE-swiper {
  padding-bottom: 50px;
  margin-top: 40px;
}

.history {
  padding: 75px 0;
  background: #F5F5F5;
}

.history-swiper {
  margin-top: 60px;
  text-align: center;
}

.history-div {
  width: 100%;
}

.history-a {
  font-size: 24px;
  color: #000;
  line-height: 1;
}

.history-b {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  height: 100px;
  max-width: 255px;
  margin: 0 auto;
  margin-top: 10px;
  padding: 0 10px;
}

.history-c {
  margin-top: 10px;
  margin-bottom: 20px;
}

.history-c img {
  width: 100%;
}

.history-d {
  padding: 0 10px;
}

.history-sc {
  margin-top: 60px;
  height: 20px;
}

.history-scrollbar {
  height: 2px;
}

.swiper-scrollbar-drag {
  height: 5px;
  background: #2dafb4;
  position: relative;
}

@media(max-width:1600px) {
  .about-a1 {
    font-size: 30px;
    line-height: 38px;
  }

  .about-a3 {
    width: 450px;
  }

  .about-a2 {
    width: calc(100 - 450px);
    width: -webkit-calc(100% - 450px);
  }

  .about-c {
    padding: 0 70px;
  }

  .history-sc {
    margin-top: 30px;
  }

  .about-a3-c>div {
    font-size: 14px;
    line-height: 20px;
  }
}

@media(max-width:1400px) {
  .about-a2 {
    font-size: 16px;
    line-height: 35px;
  }

  .about-a3-b {
    font-size: 14px;
  }

  .about-a3-a .sp1 {
    font-size: 44px;
  }

}

@media(max-width:1200px) {
  .about-d2-c {
    font-size: 13px;
    line-height: 20px;
  }

  .about-d2-b {
    font-size: 20px;
  }
}

@media(max-width:1000px) {
  .about-a2 {
    width: 100%;
    padding-right: 0;
  }

  .about-a3 {
    float: left;
    margin-top: 30px
  }

  .about-d2 li {
    width: 33.333%;
  }

  .about-d2-c {
    font-size: 12px;
    line-height: 18px;
  }
}

@media(max-width:750px) {

  .aboutC-next,
  .aboutC-prev {
    width: .6rem;
    height: .6rem;
    margin-top: -.5rem !important;
  }

  .about-c {
    padding: 0 .8rem;
  }

  .about-c2 {
    font-size: .24rem;
    line-height: .4rem;
  }

  .about-d {
    margin-top: .5rem;
    padding: .6rem .3rem;
  }

  .about-d2 {
    margin-top: .5rem;
  }

  .about-d2 li {
    width: 50%;
    height: 4rem;
    padding: 0 .1rem;
  }

  .about-d2-a {
    height: .7rem;
    line-height: .7rem;
  }

  .about-d2-b {
    font-size: .32rem;
    margin-top: .15rem;
  }

  .about-d2-c {
    font-size: .24rem;
    line-height: .4rem;
    margin-top: .1rem;
  }

  .about-d2-c>span {
    display: inline;
  }

  .about-e {
    padding-top: .7rem;
  }

  .aboutE-swiper {
    margin-top: .5rem;
    padding-bottom: .5rem;
  }

  .history-swiper {
    margin-top: .5rem;
  }

  .history-b {
    font-size: .24rem;
    line-height: .35rem;
    height: 1.4rem;
  }

  .history-a {
    font-size: .4rem;
    font-weight: bold;
    margin-bottom: .1rem;
  }

  .history-c {
    margin-top: .1rem;
    margin-bottom: .2rem;
  }

  .about {
    padding-top: .7rem;
  }

  .about-a {
    margin-top: .5rem;
    padding-top: .4rem;
  }

  .about-a1 {
    font-size: .35rem;
    line-height: .45rem;
    margin-bottom: .2rem;
  }

  .about-a2 {
    font-size: .26rem;
    line-height: .45rem;
  }

  .about-a3-a {
    font-size: .26rem;
  }

  .about-a3-a .sp1 {
    font-size: .5rem;
  }

  .about-a3 {
    width: 100%;
  }

  .about-a3-a .sp3 {
    font-size: .35rem;
    top: -.15rem;
  }

  .about-a3-b {
    font-size: .24rem;
    line-height: .4rem;
  }

  .about-b {
    margin-top: .5rem;
  }

  .about-b .about-a2 {
    padding-top: 0;
  }

  .about-a3-c>img {
    width: 1rem;
  }

  .about-a3-c>div {
    font-size: .24rem;
    line-height: .35rem;
  }

  .about-c {
    margin-top: .4rem;
  }
}





/*企业文化*/
.culture-bj {
  background: no-repeat center;
  background-size: cover;
  height: 960px;
  margin-top: 80px;
}

.culture {
  padding-top: 160px;
  overflow: hidden;
}

.culture-lt {
  width: calc(100% - 470px);
  width: -webkit-calc(100% - 470px);
  max-width: 835px;
  float: left;
  padding-right: 30px;
}

.culture-a {
  font-size: 60px;
  color: #333;
  line-height: 1;
  padding-top: 60px;
  margin-bottom: 90px;
}

.culture-b {
  margin-bottom: 50px;
}

.culture-b1 {
  font-size: 32px;
  line-height: 40px;
  color: #333;
}

.culture-b1>img {
  margin-right: 8px;
  position: relative;
  top: -1px;
}

.culture-b2 {
  font-size: 28px;
  color: #333;
  line-height: 35px;
  margin-top: 5px;
}

.culture-rt {
  width: 470px;
  float: left;
  padding: 50px 0;
  position: relative;
}

.culture-swiper {
  height: 580px;
}

.culture-prev,
.culture-next {
  width: 40px;
  height: 25px;
  background: url(../img/ico15.png) no-repeat center;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -20px;
  cursor: pointer;
}

.culture-next {
  background: url(../img/ico16.png) no-repeat center;
  top: inherit;
  bottom: 0;
}

@media(max-width:1600px) {
  .culture-rt {
    width: 350px;
  }

  .culture-swiper {
    height: 420px;
  }

  .culture-a {
    font-size: 40px;
    padding-top: 40px;
    margin-bottom: 40px;
  }

  .culture-lt {
    width: calc(100% - 350px);
    width: -webkit-calc(100% - 350px);
    padding-left: 100px;
  }

  .culture-b2 {
    font-size: 20px;
    line-height: 30px;
  }

  .culture-b1>img {
    width: 30px;
  }

  .culture-b1 {
    font-size: 24px;
  }

  .culture {
    margin-top: 0px;
  }

  .culture-bj {
    margin-top: 70px;
  }

  .culture-lt {
    padding-left: 0;
  }
}

@media(max-width:1000px) {
  .culture-rt {
    width: 300px;
  }

  .culture-swiper {
    height: 380px;
  }

  .culture-lt {
    width: calc(100% - 300px);
    width: -webkit-calc(100% - 300px);
  }
}

@media(max-width:750px) {
  .culture-bj {
    margin-top: 1rem;
    height: auto;
  }

  .culture-lt {
    width: 100%;
  }

  .culture {
    padding-top: 1.5rem;
    padding-bottom: .8rem;
  }

  .culture-a {
    font-size: .5rem;
    padding-top: 0;
    margin-bottom: .3rem;
  }

  .culture-b1 {
    font-size: .32rem;
  }

  .culture-b {
    margin-bottom: .3rem;
  }

  .culture-b2 {
    font-size: .28rem;
    line-height: .4rem;
    margin-top: 0;
  }

  .culture {
    text-align: center;
  }

  .culture-rt {
    display: inline-block;
    float: inherit;
    width: 6.5rem;
  }

  .culture-swiper {
    height: 8.5rem;
  }

  .culture-lt {
    display: inline-block;
    float: initial;
    width: 6.5rem;
    text-align: left;
    padding: 0;
    margin-bottom: .5rem;
  }
}




/*联系我们*/
.contact {
  padding-top: 70px;
}

.contact-idx {
  margin-top: 45px;
  padding-bottom: 20px;
  overflow: hidden;
}

.contact-idx .iabt {
  padding: 0 !important;
}

.outlets-bj {
  width: 100%;
  background: #f5f5f5;
}

.outlets {
  padding-bottom: 45px;
  padding-top: 80px;
}

.outlets-a {
  font-size: 36px;
  line-height: 1;
  color: #000;
  text-align: center;
}

.outlets-b {
  text-align: center;
  margin-top: 35px;
}

.outlets-b li {
  font-size: 16px;
  color: #666;
  line-height: 50px;
  padding: 0 20px;
  border-radius: 25px;
  border: 1px solid #E5E5E5;
  display: inline-block;
  margin: 0 2px;
  min-width: 155px;
  background: #fff;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.outlets-b li:hover {
  color: #fff;
  background: #8fc320;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.outlets-b li.on {
  color: #fff;
  background: #8fc320;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.outlets-c {
  width: 103.4%;
  overflow: hidden;
  margin-top: 50px;
  overflow: hidden;
}

.outlets-c li {
  width: 21.6%;
  margin-right: 3.4%;
  float: left;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 15px;
  margin-bottom: 45px;
}

.outlets-c1 {
  font-size: 22px;
  color: #000;
  line-height: 26px;
  height: 50px;
}

.outlets-c2 {
  font-size: 16px;
  line-height: 20px;
  margin-top: 5px;
  color: #666;
  padding-left: 30px;
  background: url(../img/ico17.png) no-repeat left center;
}

.outlets-c3 {
  background-image: url(../img/ico18.png);
}

@media(max-width:1600px) {
  .outlets-c1 {
    font-size: 18px;
  }
}

@media(max-width:1200px) {
  .outlets-c li {
    width: 46.6%;
  }

}

@media(max-width:1000px) {
  .contact-idx .iabt-b {
    display: block;
    margin-top: 30px;
  }
}

@media(max-width:750px) {
  .contact {
    padding-top: .7rem;
  }

  .contact-idx {
    margin-top: .5rem;
  }

  .outlets {
    padding-top: .7rem;
    padding-bottom: .4rem;
  }

  .outlets-a {
    font-size: .36rem;
    font-weight: bold;
  }

  .outlets-b li {
    font-size: .22rem;
    line-height: .6rem;
    padding: 0 .2rem;
    min-width: initial;
    margin: 0;
    margin-bottom: .1rem;
  }

  .outlets-b {
    margin-top: .4rem;
    text-align: left;
  }

  .outlets-c {
    margin-top: .4rem;
    width: 100%;
  }

  .outlets-c1 {}

  .outlets-c li {
    width: 100%;
    margin: 0;
    margin-bottom: .4rem;
  }

  .outlets-c1 {
    font-size: 16px;
    line-height: 22px;
    height: 42px;
  }

  .outlets-c2 {
    font-size: 12px;
  }
}



/*加入我们*/
.join {
  padding-top: 85px;
  padding-bottom: 75px;
}

.join-tit {
  width: 100%;
  margin-top: 70px;
  background: #2dafb4;
  padding: 0 60px;
  height: 65px;
  overflow: hidden;
  color: #fff;
}

.join-li {
  line-height: 65px;
  padding-right: 10px;
}

.join-li>span {
  display: inline-block;
  font-size: 15px;
  line-height: 25px;
}

.join-li6 {
  width: 100px;
  float: right;
}

.join-li2,
.join-li3,
.join-li4 {
  width: 260px;
  float: left;
}

.join-li1 {
  width: calc(45% - 440px);
  width: -webkit-calc(45% - 440px);
  float: left;
}

.join-li5 {
  width: calc(55% - 440px);
  width: -webkit-calc(55% - 440px);
  float: left;
}

.join-div {
  border: 1px solid #E5E5E5;
  border-bottom: inherit;
}

.join-list {
  border-bottom: 1px solid #E5E5E5;
}

.join-top {
  height: 65px;
  overflow: hidden;
  padding: 0 60px;
}

.join-sp1 {
  line-height: 1.2;
  color: #2dafb4;
  border-bottom: 1px solid #2dafb4;
  cursor: pointer;
}

.join-sp1:hover {
  opacity: .9;
}

.join-i1 {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../img/ico19.png) no-repeat center;
  float: right;
  cursor: pointer;
  display: none;
}

.join-top.on {
  background: #dddddd;
}

.join-top.on .join-sp1 {
  display: none;
}

.join-top.on .join-i1 {
  display: block;
}

.join-cont {
  border: 2px solid #dddddd;
  padding: 55px;
  display: none;
}

.join-a {
  overflow: hidden;
  margin-bottom: 30px;
}

.join-a1 {
  font-size: 16px;
  color: #333;
  line-height: 25px;
  width: 50%;
  float: left;
  padding-right: 10px;
  margin-bottom: 10px;
}

.join-b {
  font-size: 16px;
  color: #000;
  line-height: 1.3;
  margin-bottom: 25px;
  font-weight: bold;
}

.join-c {
  font-size: 15px;
  color: #222222;
  line-height: 30px;
  margin-bottom: 45px;
}

.join-d {
  display: inline-block;
  width: 130px;
  height: 45px;
  font-size: 15px;
  color: #fff;
  line-height: 43px;
  text-align: center;
  background: #8fc320;
  border: 1px solid #8fc320;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.join-d:hover {
  color: #8fc320;
  background: initial;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.join-a {
  display: none;
}


.jointk-bj {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 59;
  background: rgba(0, 0, 0, .5);
  display: none;
}

.jointk {
  width: 680px;
  min-height: 500px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -250px;
  margin-left: -340px;
  padding-bottom: 20px;
  background: #fff;
  text-align: center;
}

.jointk-tit {
  font-size: 30px;
  color: #000;
  line-height: 1;
  padding-top: 55px;
}

.jointk-gb {
  width: 30px;
  height: 30px;
  background: url(../img/ico38.png) no-repeat center;
  position: absolute;
  top: 10px;
  right: 10px;
}

.jointk-form {
  display: inline-block;
  width: 460px;
  margin-top: 40px;
  overflow: hidden;
}

.jointk-form li {
  width: 100%;
  height: 47px;
  border: 1px solid #ccc;
  overflow: hidden;
  float: left;
  margin-bottom: 12px;
}

.jointk-a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  float: left;
}

.jointk-b {
  width: 1px;
  height: 20px;
  background: #e5e5e5;
  float: left;
  margin-top: 14px;
}

.jointk-c {
  width: calc(100% - 48px);
  width: -webkit-calc(100% - 48px);
  float: left;
  border: 0;
  font-size: 16px;
  line-height: 45px;
  padding: 0 15px;
}

.jointk-form li.li4 {
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  overflow: initial;
}

.jointk-cc {
  width: 410px;
  margin-left: 48px;
}

.jointk-cc .jointk-c {
  width: 310px;
}

.jointk-cc .captcha {
  max-width: 87px;
  max-height: 47px;
  margin-left: 13px;
}

.jointk-cc .captcha_no {
  display: none;
}

.yzimg {
  width: 87px;
  height: 47px;
  border: 1px solid #ccc;
  float: right;
  line-height: 45px;
  text-align: center;
  font-size: 0;
}

.yzimg img {
  max-height: 100%;
}

.jointk-sub {
  display: inline-block;
  width: 130px;
  height: 45px;
  margin-top: 25px;
  font-size: 16px;
  color: #fff;
  background: #8fc320;
  border: 0;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.jointk-sub:hover {
  background: #2dafb4;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.jointk-e {
  width: 100%;
  overflow: hidden;
  margin-top: 8px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #8b8b8b;
  text-align: left;
}

.jointk-e1 {
  display: inline-block;
  font-size: 16px;
  color: #333;
  line-height: 35px;
  padding-right: 10px;
  cursor: pointer;
}

.jointk-f {
  margin-top: 5px;
  width: 100%;
  float: left;
  text-align: left;
  overflow: hidden;
  display: none;
}

.jointk-f1 {
  margin-left: -90px;
}




@media(max-width:1600px) {

  .join-li2,
  .join-li3,
  .join-li4 {
    width: 150px;
  }

  .join-li1 {
    width: calc(45% - 290px);
    width: -webkit-calc(45% - 290px);
  }

  .join-li5 {
    width: calc(55% - 290px);
    width: -webkit-calc(55% - 290px);
  }

  .join-li>span {
    font-size: 13px;
    line-height: 20px;
  }
}

@media(max-width:1200px) {
  .join-a {
    display: block;
  }

  .join-li2,
  .join-li3,
  .join-li4,
  .join-li5 {
    display: none;
  }

  .join-li1 {
    width: calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
  }

  .join-tit {
    padding: 0 30px;
  }

  .join-top {
    padding: 0 30px;
  }

  .join-cont {
    padding: 40px;
  }
}

@media(max-width:750px) {
  .join {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .join-tit {
    margin-top: .5rem;
    height: .7rem;
    padding: 0 .3rem;
  }

  .join-li {
    line-height: .7rem;
  }

  .join-li>span {
    font-size: .24rem;
    line-height: .3rem;
  }

  .join-li6 {
    width: 1.5rem;
    padding-right: 0;
  }

  .join-top {
    padding: 0 .3rem;
    height: .7rem;
  }

  .join-i1 {
    width: .6rem;
    height: .6rem;
    margin-top: .1rem;
  }

  .join-cont {
    padding: .4rem .3rem;
  }

  .join-a {
    margin-bottom: .4rem;
  }

  .join-a1 {
    width: 100%;
    font-size: .26rem;
    line-height: .45rem;
  }

  .join-b {
    font-size: .3rem;
    margin-bottom: .2rem;
  }

  .join-c {
    font-size: .26rem;
    line-height: .45rem;
    margin-bottom: .3rem;
  }

  .join-d {
    width: 1.8rem;
    height: .7rem;
    font-size: .26rem;
    line-height: .68rem;
  }

}

@media(max-width:750px) {
  .jointk {
    width: 7rem;
    margin-left: -3.5rem;
    padding: .3rem;
  }

  .jointk-form {
    width: 100%;
  }

  .jointk-tit {
    font-size: .35rem;
    padding-top: .5rem;
    font-weight: bold;
  }

  .jointk-form {
    margin-top: .5rem;
  }

  .jointk-form li {
    height: .7rem;
  }

  .jointk-a {
    width: .7rem;
    height: .68rem;
    line-height: .68rem;
  }

  .jointk-c {
    font-size: .26rem;
    line-height: .65rem;
    padding: 0 .2rem;
  }

  .jointk-b {
    height: .3rem;
    margin-top: .2rem;
  }

  .yzimg {
    width: 1.4rem;
    height: .7rem;
    line-height: .65rem;
  }

  .jointk-form li.li4 {
    width: calc(100% - 1.6rem);
    width: -webkit-calc(100% - 1.6rem);
  }

  .jointk-e {
    margin-top: .1rem;
  }

  .jointk-sub {
    width: 2rem;
    height: .7rem;
    font-size: .28rem;
    line-height: .7rem;
    margin-top: .3rem;
  }

  .jointk {
    min-height: 8rem;
    padding-bottom: .3rem;
    margin-top: -4rem;
  }

  .jointk-cc {
    width: 6.1rem;
    margin-left: .7rem;
  }

  .jointk-cc .jointk-c {
    width: 4rem;
  }

  .jointk-cc .captcha {
    max-width: 1.4rem;
    max-height: .7rem;
    height: .5rem;
    margin-top: .08rem;
    margin-left: .25rem;
    float: left;
    line-height: .7rem;
  }


}



/*可持续发展*/
.responsibility-txt {
  display: inline-block;
  max-width: 1000px;
}

.responsibility-swiper {
  padding-left: 80px;
  padding-right: 180px;
}

.responsibility-swiper .swiper-slide {
  width: 400px;
  height: 370px;
  padding: 35px 50px;
  color: #666;
  text-align: left;
  background: #fff;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.responsibility-a {
  height: 90px;
  line-height: 90px;
}

.responsibility-a img {
  max-height: 100%;
}

.responsibility-a .img2 {
  display: none;
}

.responsibility-b {
  font-size: 36px;
  line-height: 1;
  margin-top: 45px;
}

.responsibility-c {
  font-size: 18px;
  line-height: 30px;
  margin-top: 15px;
}

.responsibility-swiper .swiper-slide:hover {
  background: #2dafb4;
  color: #fff;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.responsibility-swiper .swiper-slide:hover .responsibility-a .img1 {
  display: none;
}

.responsibility-swiper .swiper-slide:hover .responsibility-a .img2 {
  display: inline-block;
}

.responsibility .history-sc {
  padding-left: 55px;
  margin-top: 75px;
}

.responsibility-div {
  padding-top: 90px;
  padding-bottom: 40px;
}

.responsibility-list {
  margin-top: 55px;
  width: 102.7%;
  overflow: hidden;
}

.responsibility-list a {
  display: block;
  width: 22.3%;
  margin-right: 2.7%;
  margin-bottom: 40px;
  float: left;
}

.responsibility-f {
  overflow: hidden;
}

.responsibility-e {
  border: 1px solid #E5E5E5;
  padding: 30px;
}

.responsibility-e1 {
  font-size: 24px;
  color: #333;
  line-height: 30px;
  height: 58px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.responsibility-e2 {
  font-size: 12px;
  color: #666;
  margin-top: 12px;
  margin-bottom: 15px;
  line-height: 1;
}

.responsibility-e3 {
  font-size: 16px;
  color: #666;
  line-height: 25px;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.responsibility-e4 {
  width: 130px;
  height: 45px;
  font-size: 16px;
  color: #fff;
  line-height: 45px;
  text-align: center;
  border-radius: 25px;
  background: #8fc320;
  margin-top: 20px;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.responsibility-list a:hover .responsibility-e1 {
  color: #2dafb4;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.responsibility-list a:hover .responsibility-e4 {
  background: #2dafb4;
  transition: all .3s;
  -webkit-transition: all .3s;
}

@media(max-width:1600px) {
  .responsibility-swiper .swiper-slide {
    width: 320px;
    height: 280px;
    padding: 30px;
  }

  .responsibility-swiper {
    padding-left: 50px;
  }

  .responsibility-b {
    font-size: 30px;
    margin-top: 25px;
  }

  .responsibility-e {
    padding: 20px;
  }

  .responsibility-e1 {
    font-size: 20px;
  }

}

@media(max-width:1000px) {
  .responsibility-list a {
    width: 47.3%;
  }
}

@media(max-width:750px) {
  .history {
    padding: .7rem 0;
  }

  .about-d1 {
    font-size: .38rem;
    font-weight: bold;
  }

  .about-e2 {
    font-size: .285rem;
    line-height: .45rem;
    margin-top: .3rem;
  }

  .about-e2>span {
    display: inline;
  }

  .responsibility-swiper {
    width: calc(100% - .6rem);
    margin-top: .5rem;
    padding: 0;
  }

  .responsibility .history-sc {
    margin-top: .4rem;
    padding: 0 .3rem;
  }

  .responsibility-swiper .swiper-slide {
    width: 100%;
    height: 3.5rem;
    padding: .4rem;
  }

  .responsibility-a {
    height: .9rem;
    line-height: .9rem;
  }

  .responsibility-b {
    font-size: .32rem;
    margin-top: .2rem;
  }

  .responsibility-c {
    font-size: .28rem;
    line-height: .4rem;
    margin-top: .2rem;
  }

  .responsibility-div {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .responsibility-list {
    margin-top: .5rem;
  }

  .responsibility-e {
    padding: .2rem;
  }

  .responsibility-e1 {
    font-size: .28rem;
    line-height: .4rem;
    height: .78rem;
    font-weight: bold;
  }

  .responsibility-e2 {
    margin: .1rem 0;
  }

  .responsibility-e3 {
    font-size: .24rem;
    line-height: .4rem;
    height: .78rem;
    display: none;
  }

  .responsibility-e4 {
    width: 1.8rem;
    font-size: .24rem;
    line-height: .6rem;
    height: .6rem;
    margin-top: .2rem;
  }

  .responsibility-list a {
    margin-bottom: .2rem;
  }
}



/*社会公益*/
.welfare {
  padding-top: 90px;
  padding-bottom: 60px;
}

.welfare-list {
  width: calc(100% + 25px);
  width: -webkit-calc(100% + 25px);
  overflow: hidden;
  margin-top: 55px;
}

.welfare-list a {
  display: block;
  color: #666;
  width: calc(33.333% - 25px);
  width: -webkit-calc(33.333% - 25px);
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
  padding: 60px 65px;
  border: 1px solid #E5E5E5;
  background: #fff;
}

.welfare-a {
  overflow: hidden;
}

.welfare-b {
  font-size: 24px;
  line-height: 35px;
  height: 68px;
  margin-top: 20px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.welfare-c {
  font-size: 12px;
  line-height: 1;
  margin-top: 10px;
}

.welfare-d {
  font-size: 16px;
  line-height: 25px;
  height: 48px;
  margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.welfare-e {
  border: 1px solid #2dafb4;
  width: 130px;
  height: 45px;
  font-size: 16px;
  color: #2dafb4;
  line-height: 43px;
  text-align: center;
  margin-top: 35px;
  border-radius: 25px;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.welfare-list a:hover .welfare-b {
  color: #8fc320;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.welfare-list a:hover .welfare-e {
  color: #fff;
  border-color: #8fc320;
  background: #8fc320;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.welfare .page {
  background: #fff;
  margin-top: 40px;
}

.welfare .page a {
  border-color: #fff;
}

.welfare .page a:hover {
  border-color: #8fc320;
}

.rlyinfo .newsinfo-lt {
  width: 100%;
}

@media(max-width:1600px) {
  .welfare-list a {
    padding: 30px;
  }

  .welfare-b {
    font-size: 20px;
    line-height: 25px;
    height: 48px;
  }
}

@media(max-width:1000px) {
  .welfare-list a {
    width: calc(50% - 25px);
    width: -webkit-calc(50% - 25px);
  }
}

@media(max-width:750px) {
  .welfare {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .welfare-list {
    width: calc(100% + .2rem);
    width: -webkit-calc(100% + .2rem);
    margin-top: .5rem;
  }

  .welfare-list a {
    width: calc(50% - .2rem);
    width: -webkit-calc(50% - .2rem);
    margin-right: .2rem;
    margin-bottom: .3rem;
    padding: .2rem;
  }

  .welfare-b {
    font-size: .28rem;
    line-height: .4rem;
    height: .78rem;
    margin-top: .1rem;
    font-weight: bold;
  }

  .welfare-c {
    margin-top: .1rem;
  }

  .welfare-d {
    font-size: .24rem;
    line-height: .4rem;
    height: .78rem;
    margin-top: .1rem;
    display: none;
  }

  .welfare-e {
    width: 1.8rem;
    height: .7rem;
    font-size: .24rem;
    line-height: .68rem;
    margin-top: .2rem;
  }

  .welfare .page {
    margin-top: .4rem;
  }
}



/*智能制造*/
.intelligence {
  padding-top: 90px;
  padding-bottom: 90px;
}

.intelligence-a {
  margin-top: 60px;
  position: relative;
}

.intelligence-a1 {
  width: 100%;

}

.intelligence-a1 li {
  position: relative;
  display: none;
}

.intelligence-a1 li>i {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/ico29.png) no-repeat center;
  background-size: cover;
}

.intelligence-a1 li>div {
  width: calc(100% - 900px);
  width: -webkit-calc(100% - 900px);
  font-size: 24px;
  color: #fff;
  line-height: 35px;
  padding: 0 50px;
  position: absolute;
  left: 0;
  bottom: 20px;
}

.intelligence-a2 {
  display: flex;
  background: #fff;
  padding-top: 15px;
  max-width: 900px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
}

.intelligence-a2 li {
  position: relative;
  margin-left: 15px;

}

.intelligence-a2 li>div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: no-repeat center;
  background-size: cover;
}

.intelligence-a2 li.on {
  border: 2px solid #2dafb4;
}

.intelligence-bc {
  /*overflow: hidden;*/
  margin-top: 85px;
  min-height: 605px;
}

.intelligence-b {
  width: 47%;
  max-width: 740px;
  padding-right: 30px;
  float: left;
  padding-top: 85px;
  padding-bottom: 50px;
}

.intelligence-b1 {
  font-size: 36px;
  color: #000;
  line-height: 1;
}

.intelligence-b2 {
  font-size: 18px;
  color: #666;
  line-height: 35px;
  margin-top: 35px;
}

.intelligence-b3 {
  margin-top: 70px;
}

.sfszul {
  overflow: hidden;
}

.sfszul li {
  width: 33.333%;
  float: left;
  padding-right: 10px;
}

.sfszul-a {
  font-size: 18px;
  line-height: 1;
  color: #2dafb4;
}

.sfszul-a .sp1 {
  font-size: 48px;
  font-family: impact;
}

.sfszul-a .sp2 {
  font-size: 22px;
  position: relative;
  top: -20px;
}

.sfszul-b {
  font-size: 16px;
  line-height: 25px;
  color: #666;
  margin-top: 5px;
}

.intelligence-c {
  width: 53%;
  padding-left: 50px;
  position: relative;
  float: right;
}

.intelligence-swiper {
  width: calc(100% + 80px);
  width: calc(100% + 80px);
}

.intelligence-swiper .swiper-slide {}

.intelligence-span {
  display: inline-block !important;
  width: 40px !important;
  bottom: 0 !important;
  left: 0 !important;
  line-height: 1 !important;
}

.intelligence-span span {
  margin: 0 15px !important;
  margin-top: 10px !important;
}

.intelligence-span .swiper-pagination-bullet-active {
  background: #acd259;
}

@media(max-width:1600px) {
  .intelligence-a2 {
    max-width: 500px;
  }

  .intelligence-a2 li {
    max-width: 150px;
  }

  .intelligence-a1 li>div {
    width: calc(100% - 500px);
    width: -webkit-calc(100% - 500px);
    padding: 0 30px;
    font-size: 18px;
    line-height: 25px;
  }

  .intelligence-b {
    padding-top: 0;
  }

  .intelligence-b2 {
    font-size: 15px;
    line-height: 25px;
    margin-top: 20px;
  }

  .intelligence-b3 {
    margin-top: 40px;
  }

  .intelligence-swiper {
    width: calc(100% + 50px);
    width: calc(100% + 50px);
  }

  .intelligence-bc {
    min-height: 500px;
  }
}

@media(max-width:1000px) {
  .intelligence-a2 {
    display: block;
    position: relative;
    bottom: inherit;
    right: auto;
    margin-top: 30px;
    width: 100%;
    padding: 0;
    font-size: 0;
    text-align: center;
    max-width: initial;
  }

  .intelligence-a2 li {
    display: inline-block;
    width: 19%;
    margin: 0 0.5%;
  }

  /*.intelligence-a2 li:first-child{
		margin-left: 0;
	}*/
  .intelligence-a1 li>div {
    width: 100%;
  }

  .intelligence-bc {
    height: auto;
  }

  .intelligence-b {
    float: inherit;
    width: 100%;
  }

  .intelligence-c {
    width: 100%;
    float: inherit;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .intelligence-span {
    width: 100% !important;
  }

  .intelligence-swiper {
    width: 100%;
  }
}

@media(max-width:750px) {
  .intelligence {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .intelligence-a {
    margin-top: .5rem;
  }

  .intelligence-a1 li>div {
    font-size: .26rem;
    line-height: .4rem;
    padding: 0 .3rem;
    bottom: .2rem;
  }

  .intelligence-a2 {
    margin-top: .3rem;
  }

  .intelligence-a2 li {
    width: 32.333%;
  }

  .intelligence-bc {
    min-height: auto;
    margin-top: .6rem;
  }

  .intelligence-b1 {
    font-size: .42rem;
    font-weight: bold;
  }

  .intelligence-b2 {
    font-size: .26rem;
    line-height: .45rem;
    margin-top: .3rem;
  }

  .intelligence-b3 {
    margin-top: .3rem;
  }

  .sfszul-a {
    font-size: .28rem;
  }

  .sfszul-a .sp1 {
    font-size: .45rem;
  }

  .sfszul-a .sp2 {
    font-size: .32rem;
    top: -.2rem;
  }

  .sfszul-b {
    font-size: .24rem;
    line-height: .4rem;
  }

  .intelligence-b {
    padding: 0;
    margin-bottom: .4rem;
  }

  .intelligence-span span {
    margin: 0 .15rem !important;
  }
}


/*科技创新*/
.innovate-a {
  padding-top: 85px;
  padding-bottom: 60px;
}

.innovate-a1 {
  margin-top: 40px;
}

.innovate-bc {
  position: relative;
  height: 680px;
  overflow: hidden;
}

.innovate-bc-bj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.innovate-bc-lt {
  width: 50%;
  height: 100%;
  background: no-repeat center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.innovate-bc-rt {
  width: 50%;
  height: 100%;
  background: no-repeat center;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}

.innovate-bc-cont {
  overflow: hidden;
}

.innovate-b {
  width: 50%;
  float: left;
  text-align: center;
  line-height: 680px;
  position: relative;
  z-index: 2;
}

.innovate-c {
  width: 50%;
  float: right;
  padding-top: 105px;
  padding-left: 50px;
  position: relative;
  z-index: 2;
}

.innovate-c1 {
  overflow: hidden;
  position: relative;
  padding: 0 85px;
}

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

.innovateC-swiper .swiper-wrapper {
  z-index: 2;
}

.innovate-c3 {
  width: 100%;
  height: 10px;
  background: #fff;
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -11px;
  z-index: 1;
}

.innovate-c2 {
  display: inline-block;
  width: 99px;
  height: 231px;
  background: url(../img/ico31.png) no-repeat center;
}

.innovateC-swiper .swiper-slide:nth-child(2n + 0) .innovate-c2 {
  background-image: url(../img/ico32.png);
  margin-top: 221px;
}

.innovate-c2-a {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-top: 18px;
  margin-left: 20px;
  position: relative;
}

.innovate-c2-a1 {
  font-size: 16px;
  color: #fff;
  line-height: 22px;
  position: absolute;
  left: 0;
  top: 50%;
  text-align: center;
  width: 100%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.innovateC-swiper .swiper-slide:nth-child(2n + 0) .innovate-c2-a {
  margin-top: 152px;
}

.innovateC-prev,
.innovateC-next {
  width: 60px;
  height: 60px;
  background: url(../img/ico34.png) no-repeat center;
  background-size: cover;
  margin-top: -35px;
}

.innovateC-prev {
  left: 0;
}

.innovateC-next {
  background-image: url(../img/ico34_1.png);
  right: 0;
}

.innovate-d-bj {
  background: #f5f5f5;
}

.innovate-d {
  padding-top: 75px;
  padding-bottom: 85px;
}

.innovate-p18 {
  font-size: 18px;
  color: #666;
  line-height: 38px;
  text-align: center;
  margin-top: 25px;
}

.innovate-p18 .div1 {
  display: inline-block;
  max-width: 1000px;
}

.innovate-p18 .div1>div {
  display: block;
}

.innovate-p18 span.sp1 {
  display: inline-block;
  font-size: 30px;
  color: #2dafb4;
  font-family: impact;
  position: relative;
  top: 5px;
}

.innovate-p18 span.sp2 {
  display: inline-block;
  font-size: 26px;
  color: #2dafb4;
  position: relative;
  top: 2px;
  font-weight: bold;
}

.innovate-d1 {
  margin-top: 50px;
}

.innovateD-swiper .swiper-slide>img {
  transform: scale(.9);
  -ms-transform: scale(.9);
  -webkit-transform: scale(.9);
  transition: all .3s;
  -webkit-transition: all .3s;
}

.innovateD-swiper .swiper-slide.swiper-slide-active>img {
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transition: all .3s;
  -webkit-transition: all .3s;
}

.innovateD-swiper .swiper-slide-prev>img {
  margin-left: -5%;
}

.innovateD-swiper .swiper-slide-next>img {
  position: relative;
  left: 5%;
}

.innovate-d1-a {
  font-size: 24px;
  line-height: 1;
  color: #bfbfbf;
  position: absolute;
  top: 50%;
  left: 30.2%;
  z-index: 3;
}

.innovate-d1-a .sp1 {
  font-size: 30px;
  color: #8fc320;
  font-family: impact;
}

.innovate-d1-a .sp2 {
  position: relative;
  top: 7px;
  left: -7px;
}

.innovate-d1-a .sp3 {
  position: relative;
  top: 15px;
  left: -12px;
  font-family: impact;
}

.innovateD-span {
  width: 15px;
  height: auto;
  line-height: 20px;
  position: absolute;
  top: 50%;
  left: 68%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 3;
}

.innovateD-span .swiper-pagination-bullet-active {
  background: #8fc320;
}

.innovate-e {
  padding-top: 85px;
  padding-bottom: 15px;
}

.innovate-e1 {
  margin-top: 45px;
  text-align: center;
  font-size: 0;
}

.innovate-e1-a {
  display: inline-block;
  font-size: 16px;
  color: #666;
  line-height: 40px;
  background: #f0f0f0;
  text-align: center;
  padding: 0 20px;
  min-width: 130px;
  margin: 0 3px;
  border-radius: 20px;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.innovate-e1-a:hover {
  color: #fff;
  background: #2dafb4;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.innovate-e1-a.on {
  color: #fff;
  background: #2dafb4;
}

.innovateE-swiper {
  margin-top: 40px;
  padding-bottom: 60px;
}

.innovate-fg {
  background: #f5f5f5;
  padding-top: 55px;
  padding-bottom: 75px;
}

.innovate-f {
  margin-top: 60px;
  background: #2dafb4;
  overflow: hidden;
  padding: 50px;
  padding-top: 80px;
  min-height: 280px;
}

.innovate-f2 {
  width: 680px;
  float: right;
}

.innovate-f2 * {
  color: #fff;
}

.innovate-f1 {
  width: calc(100% - 680px);
  width: -webkit-calc(100% - 680px);
  float: left;
  padding-left: 70px;
  padding-right: 40px;
  color: #fff;
}

.innovate-f1-a {
  font-size: 18px;
  line-height: 32px;
  padding-left: 20px;
  position: relative;
}

.innovate-f1-a:after {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 14px;
}

@media(max-width:1600px) {
  .innovate-b {
    padding-right: 20px;
  }

  .innovate-f {
    padding: 40px 30px;
    padding-top: 60px;
    height: auto;
  }

  .innovate-f2 {
    width: 500px;
  }

  .innovate-f1 {
    width: calc(100% - 500px);
    width: -webkit-calc(100% - 500px);
    padding: 0;
    padding-right: 20px;
  }

  .innovate-c1 {
    padding: 0 65px;
  }
}

@media(max-width:1000px) {
  .innovate-bc {
    height: auto;
  }

  .innovate-b {
    width: 100%;
    line-height: 300px;
    height: 400px;
    padding: 50px;
  }

  .innovate-b img {
    max-height: 100%;
  }

  .innovate-c {
    width: 100%;
    padding-left: 0;
    height: 550px;
    padding: 40px 0;
  }

  .innovate-bc-lt {
    width: 100%;
    height: 400px;
    position: relative;
  }

  .innovate-bc-rt {
    width: 100%;
    height: 550px;
    position: relative;
  }

  .innovate-f1 {
    width: 100%;
    margin-bottom: 30px;
  }

  .innovate-f2 {
    width: 100%;

  }

  .innovate-d1 {
    padding-bottom: 50px;
  }

  .innovate-d1-a {
    left: 0;
    top: initial;
    bottom: 0;
  }

  .innovateD-span {
    width: 100%;
    top: initial;
    bottom: 0 !important;
    height: 10px;
    left: 0 !important;
    line-height: 10px;
  }

  .innovateD-span span {
    margin: 0 5px;
  }

  .innovateD-swiper .swiper-slide>img {
    transform: scale(.95);
    -ms-transform: scale(.95);
    -webkit-transform: scale(.95);
  }
}

@media(max-width:750px) {
  .innovate-a {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .innovate-a1 {
    margin-top: .4rem;
  }

  .innovate-b {
    padding: 20px;
    line-height: 360px;
  }

  .innovate-d {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .innovate-p18 {
    font-size: .28rem;
    line-height: .55rem;
    margin-top: .4rem;
  }

  .innovate-p18 .div1>div {
    display: inline;
  }

  .innovate-p18 span.sp1 {
    font-size: .4rem;
    top: 2px;
  }

  .innovate-d1 {
    margin-top: .5rem;
  }

  .innovate-e {
    padding-top: .7rem;
    padding-bottom: .7rem;
  }

  .innovate-p18 span.sp2 {
    font-size: .35rem;
    top: 0;
  }

  .innovate-e1-a {
    font-size: .24rem;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .2rem;
    min-width: 1.5rem;
    margin: .1rem;
  }

  .innovateE-swiper {
    margin-top: .4rem;
    padding-bottom: .5rem;
  }

  .innovate-f {
    margin-top: .4rem;
    padding: .4rem .3rem;
  }

  .innovate-f1-a {
    font-size: .28rem;
    line-height: .45rem;
  }

  .innovate-f1-a:after {
    top: .15rem;
  }

  .innovate-e1 {
    margin-top: .45rem;
  }

  .innovate-e2 {
    text-align: center;
    font-size: 0;
  }

  .innovateE-swiper {
    display: inline-block;
  }

  .innovateC-prev,
  .innovateC-next {
    width: .7rem;
    height: .7rem;
    margin-top: -.4rem;
  }

  .innovate-c1 {
    padding: 0 .9rem;
  }

  .innovate-c2 {
    width: 1.5rem;
    height: 3.5rem;
    background-size: cover;
  }

  .innovateC-swiper .swiper-slide:nth-child(2n + 0) .innovate-c2 {
    margin-top: 3.33rem;
  }

  .innovate-c3 {
    height: .1rem;
    margin-top: -0.15rem;
  }

  .innovate-c2-a {

    width: 1rem;
    height: 1rem;
    margin-left: .25rem;
    margin-top: .25rem;

  }

  .innovate-c2-a1 {
    font-size: .24rem;
    line-height: .35rem;
  }

  .innovateC-swiper .swiper-slide:nth-child(2n + 0) .innovate-c2-a {
    margin-top: 2.3rem;
  }

  .innovate-c {
    height: auto;
  }
}



/*搜索结果页*/

.searchs {
  margin-top: 175px;
  padding-bottom: 150px;
  overflow: hidden;
}

.searchs-rt {
  width: 325px;
  float: right;
  font-size: 16px;
  color: #333;
  line-height: 55px;
}

.searchs-rt-a {
  padding-left: 20px;
  background: #2dafb4;
  color: #fff;
}

.searchs-rt-b {
  display: block;
  width: 100%;
  height: 55px;
  color: #333;
  line-height: 55px;
  margin-top: 5px;
  padding-left: 20px;
  background: #fff;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.searchs-rt-b.on {
  color: #fff;
  background: #8fc320;
}

.searchs-rt-b:hover {
  color: #fff;
  background: #8fc320;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.searchs-lt {
  width: calc(100% - 375px);
  width: -webkit-calc(100% - 375px);
  float: left;
}

.searchs-lt-a {
  padding: 40px;
  margin-bottom: 20px;
  background: #fff;
}

.searchs-lt-a li {}

.searchs-lt-a li>a {
  display: block;
  padding: 30px 0;
  border-bottom: 1px solid #E5E5E5;
  color: #333;
}

.searchs-a {
  font-size: 28px;
  line-height: 35px;
  height: 33px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.searchs-b {
  font-size: 18px;
  line-height: 30px;
  height: 28px;
  margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.searchs-c {
  font-size: 14px;
  line-height: 1;
  margin-top: 15px;
  transition: all .3s;
  -webkit-transition: all .3s;
}





.searchs-lt-a .product-ul {
  margin-top: 0;
}

.searchs-lt-a .programme-ul {
  margin-top: 0;
}

.searchs-lt-a .news-lt {
  display: block;
  float: inherit;
  width: 100%;
  border: 0;
}

.searchs .page {
  background: #fff;
  margin-top: 50px;
}

@media(max-width:1600px) {
  .searchs-rt {
    width: 260px;
  }

  .searchs-lt {
    width: calc(100% - 300px);
    width: -webkit-calc(100% - 300px);
  }

  .searchs-a {
    font-size: 22px;
    height: 30px;
    line-height: 32px;
  }

  .searchs-b {
    font-size: 16px;
  }

  .searchs-c {
    font-size: 14px;
  }

}

@media(max-width:1200px) {
  .searchs-rt {
    width: 100%;
    margin-bottom: 40px;
    float: left;
  }

  .searchs-lt {
    width: 100%;
  }

  .searchs-rt-b {
    display: inline-block;
    width: 300px;
    margin-bottom: 10px;
  }

  .searchs-rt-a {
    display: none;
  }

  .searchs-rt {
    font-size: 0;
  }

  .searchs-rt-b {
    width: 19%;
    line-height: 55px;
    margin-right: 1%;
    font-size: 16px;
  }

  .searchs-lt-a {
    padding: 20px;
  }
}

@media(max-width:750px) {
  .searchs {
    margin-top: 1.8rem;
    padding-bottom: .7rem;
  }

  .searchs-rt-b {
    width: 32.333%;
    height: .7rem;
    padding-left: .2rem;
    font-size: .26rem;
    line-height: .7rem;
    margin: 0;
    margin-left: 1%;
    margin-bottom: .1rem;
  }

  .searchs-rt {
    margin-bottom: .4rem;
    line-height: .7rem;
  }

  .searchs-lt-a {
    padding: .15rem;
  }

  .searchs .page {
    margin-top: .5rem;
  }

  .searchs-lt-a li>a {
    padding: .3rem 0;
  }

  .searchs-a {
    font-size: .32rem;
    height: .36rem;
    line-height: .38rem;
  }

  .searchs-b {
    font-size: .28rem;
    line-height: .35rem;
    height: .33rem;
    margin-top: .2rem;
  }

  .searchs-c {
    font-size: .24rem;
    margin-top: .2rem;
  }
}




/*聚酯树脂*/
.resin-a {
  padding-top: 75px;
  padding-bottom: 90px;
  text-align: center;
}

.resin-a2 {
  font-size: 18px;
  line-height: 35px;
  max-width: 1050px;
  margin: 0 auto;
  margin-top: 30px;
}

.resin-b {
  padding-top: 75px;
  padding-bottom: 75px;
}

.resin-bul {
  width: calc(100% + 20px);
  width: -webkit-calc(100% + 20px);
  display: flex;
  margin-top: 35px;
}

.resin-bli {
  width: calc(33.333% - 20px);
  width: -webkit-calc(33.333% - 20px);
  margin-right: 20px;
  height: 100%;
  min-height: 330px;
  background: #fff;
  padding: 30px 70px;
  position: relative;
}

.resin-b1 {
  width: 60px;
  height: 40px;
  text-align: right;
  position: absolute;
  top: 25px;
  left: 0;
}

.resin-b2 {
  font-size: 24px;
  line-height: 30px;
  color: #000;
}

.resin-b3 {
  margin-top: 15px
}

.resin-b3>li {
  padding-left: 18px;
  font-size: 16px;
  color: #666;
  line-height: 30px;
  position: relative;
}

.resin-b3>li:after {
  content: '';
  width: 5px;
  height: 5px;
  background: #2dafb4;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 12px;
}

.resin-c {
  padding-top: 65px;
  padding-bottom: 85px;
}

.resin-cul {
  margin-top: 35px;
  border-bottom: 1px solid #ccc;
}

.resin-cli {
  width: 100%;
  overflow: hidden;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-bottom: 0;
}

.resin-cli:nth-child(2n + 0) {
  background: #fff;
}

.resin-c1 {
  width: 50%;
  float: left;
  text-align: center;
  font-size: 24px;
  line-height: 70px;
}

.resin-c2 {
  width: 50%;
  float: left;
  text-align: center;
  font-size: 18px;
  line-height: 70px;
}

.resin-c1:first-child,
.resin-c2:first-child {
  border-right: 1px solid #ccc;
}

.resin-c3 {
  padding: 25px 60px;
  overflow: hidden;

}

.resin-c3 li {
  width: 33.333%;
  text-align: center;
  float: left;
  padding: 0 15px;
}

.resin-c3 li>div {
  display: inline-block;
  max-width: 380px
}

.resin-c3-a {
  font-size: 18px;
  line-height: 25px;
  color: #000;
}

.resin-c3-b {
  font-size: 16px;
  line-height: 25px;
  color: #666;
}

.resin-d {
  width: 25%;
  float: left;
  font-size: 0;
}

.resin-e {
  padding-top: 70px;
  padding-bottom: 20px;
}

.resin-eul {
  margin-top: 45px;
  width: calc(100% + 40px);
  width: -webkit-calc(100% + 40px);
  overflow: hidden;
}

.resin-swiper {
  margin-top: 45px;
  padding-bottom: 40px;
}

.resin-span {
  height: 20px;
  bottom: 0;
}

.resin-span span {
  opacity: 1;
  background: initial;
  border: 1px solid #8fc320;
}

.resin-span .swiper-pagination-bullet-active {
  background: #8fc320;
}

.resin-eul li {
  width: calc(25% - 40px);
  width: -webkit-calc(25% - 40px);
  margin-right: 40px;
  margin-bottom: 20px;
  float: left;
}

.resin-e1 {
  /*min-height: 140px;*/
  padding-top: 25px;
}

.resin-e1>div {
  font-size: 22px;
  line-height: 30px;
  color: #000;
  text-align: center;
}

.resin-e1>p {
  font-size: 16px;
  line-height: 24px;
  color: #666;
  text-align: center;
  margin-top: 5px
}

@media(max-width:1600px) {
  .resin-bli {
    padding: 20px 50px;
  }

  .resin-b1 {
    width: 40px;
    top: 15px;
  }

  .resin-b3>li {
    font-size: 15px;
    line-height: 25px;
  }

  .resin-b2 {
    font-size: 20px;
  }

  .resin-eul {
    width: calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
  }

  .resin-eul li {
    width: calc(25% -20px);
    width: -webkit-calc(25% - 20px);
    margin-right: 20px;
  }

  .resin-e1>div {
    font-size: 20px;
    line-height: 25px;
  }

  .resin-e1>p {
    font-size: 14px;
  }
}

@media(max-width:1200px) {
  .resin-bli {
    padding-right: 30px;
    min-height: 380px;
  }
}

@media(max-width:1000px) {
  .resin-bul {
    display: block;
  }

  .resin-bli {
    width: 100%;
    min-height: auto;
    margin-bottom: 20px;
  }

  .resin-c1 {
    font-size: 20px;
    font-weight: bold;
  }

  .resin-c2 {
    font-size: 16px;
  }

  .resin-c3 {
    padding: 20px;
  }

  .resin-eul li {
    width: calc(50% -20px);
    width: -webkit-calc(50% - 20px);
  }
}

@media(max-width:750px) {

  .resin-a,
  .resin-b,
  .resin-c,
  .resin-e {
    padding-top: .8rem;
    padding-bottom: .8rem;
  }

  .resin-a2 {
    font-size: .28rem;
    line-height: .45rem;
    margin-top: .5rem;
  }

  .resin-b2 {
    font-size: .3rem;
    font-weight: bold;
  }

  .resin-b3>li {
    font-size: .26rem;
  }

  .resin-cul {
    margin-top: .5rem;
  }

  .resin-c1 {
    font-size: .3rem;
    line-height: .45rem;
    padding: .25rem .15rem;
  }

  .resin-c2 {
    font-size: .26rem;
    line-height: .45rem;
    padding: .25rem .15rem;
  }

  .resin-c3 {
    padding: .25rem;
  }

  .resin-c3 li {
    width: 100%;
    padding: 0;
    margin-bottom: .25rem;
  }

  .resin-c3-a {
    font-size: .26rem;
    line-height: .4rem;
    font-weight: bold;
  }

  .resin-c3-b {
    font-size: .24rem;
    line-height: .4rem;
  }

  .resin-d {
    width: 50%;
  }

  .resin-eul {
    margin-top: .5rem;
    width: calc(100% + .2rem);
    width: -webkit-calc(100% + .2rem);
  }

  .resin-swiper {
    padding-bottom: 30px;
  }

  .resin-eul li {
    width: calc(50% - .2rem);
    width: -webkit-calc(50% - .2rem);
    margin-right: .2rem;
    margin-bottom: .25rem;
  }

  .resin-e1>div {
    font-size: .28rem;
    line-height: .45rem;
    font-weight: bold;
  }

  .resin-e1>p {
    font-size: .24rem;
    line-height: .4rem;
    margin-top: .1rem
  }

  .resin-e1 {
    /*min-height: 2rem;*/
    padding-top: .3rem;
  }
}

/* 2023.6.5 */


.w1400 {
  width: 1400px;
  margin: 0 auto;
  max-width: 90%;
}

.n-dev {
  padding: 192px 0 120px;
}

.dev-box .tit {
  color: #000;
  font-size: 44px;
  line-height: 1;
  margin-bottom: 16px;
  text-align: center;
}

.dev-box .subtit {
  color: #676a6a;
  line-height: 1;
  margin-bottom: 64px;
  text-align: center;
}

.dev-box .wrap {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}

.dev-box .wrap .pic {
  width: 36%;
  overflow: hidden;
}

.dev-box .wrap .pic img {
  width: 100%;
  object-fit: cover;
  border-radius: 0;
  transition: all .5s;
}

.dev-box .wrap .box {
  width: 64%;
  /* padding: 2.4rem 0 0.5rem 2rem; */
  padding-left: 80px;
}

.dev-box .wrap .box .l-tit {
  color: #000;
  font-size: 36px;
  margin-bottom: 44px;
  line-height: 1;
}

.dev-box .wrap .box .cont {
  color: #666666;
  line-height: 1.7;
  margin-bottom: 160px;
}

.dev-box .wrap .box .link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.dev-box .wrap .box .link a {
  width: 170px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  border: 2px solid #CC0A0A;
  margin-right: 30px;
  transition: all .3s;
}

.dev-box .wrap .box .link a:last-child {
  margin-right: 0;
}

.dev-box .wrap .box .link a div {
  width: 26px;
  margin-right: 8px;
  position: relative;
  text-align: center;
  display: flex;
}

.dev-box .wrap .box .link a div img {
  max-width: 100%;
  border-radius: 0;
  margin: 0 auto;
  vertical-align: top;
  transition: all .3s;
}

.dev-box .wrap .box .link a div .img2 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}

.dev-box .wrap .box .link a p {
  color: #CC0A0A;
  text-decoration: underline;
  transition: all .3s;
}

.dev-box .wrap .box .link a:hover {
  background-color: #CC0A0A;
}

.dev-box .wrap .box .link a:hover div .img1 {
  opacity: 0;
}

.dev-box .wrap .box .link a:hover div .img2 {
  opacity: 1;
}

.dev-box .wrap .box .link a:hover p {
  color: #fff;
}

.dev-box .list {
  width: 100%;
}

.dev-box .list .li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px;
  height: 120px;
  width: 100%;
  background-color: #F5F5F5;
  margin-bottom: 24px;
}

.dev-box .list .li:last-child {
  margin-bottom: 0;
}

.dev-box .list .li .icon {
  width: 80%;
  display: flex;
  align-items: center;
}

.dev-box .list .li .icon div {
  width: 50px;
  margin-right: 20px;
}

.dev-box .list .li .icon div img {
  width: 100%;
}

.dev-box .list .li .icon p {
  color: #000;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 70px);
}

.dev-box .list .li .link {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.dev-box .list .li .link a {
  position: relative;
  margin-right: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dev-box .list .li .link a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -22px;
  width: 1px;
  height: 56px;
  background: url(../img/h-5.png) no-repeat center;
  transform: translateY(-50%);
}

.dev-box .list .li .link a:last-child:after {
  display: none;
}

.dev-box .list .li .link a div {
  position: relative;
  width: 26px;
  text-align: center;
  margin-right: 8px;
  display: flex;
}

.dev-box .list .li .link a p {
  color: #999;
  transition: all .3s;
}

.dev-box .list .li .link a div img {
  max-width: 100%;
  border-radius: 0;
  margin: 0 auto;
  vertical-align: top;
  transition: all .3s;
}

.dev-box .list .li .link a div .img1 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}

.dev-box .list .li .link a div img {
  max-width: 100%;
  border-radius: 0;
  margin: 0 auto;
  vertical-align: top;
  transition: all .3s;
}

.dev-box .list .li .link a:hover .img1 {
  opacity: 1;
}

.dev-box .list .li .link a:hover .img2 {
  opacity: 0;
}

.dev-box .list .li .link a:hover p {
  color: #CC0A0A;
}

@media (max-width: 997px) {
  .n-dev {
    padding: 100px 0 26px;
  }

  .dev-box .wrap {
    flex-wrap: wrap;
  }

  .dev-box .wrap .pic {
    width: 100%;
    margin-bottom: 13px;
  }

  .dev-box .wrap .box {
    width: 100%;
    padding-left: 0;
  }

  .dev-box .wrap .box .l-tit {
    line-height: 1.2;
  }

  .dev-box .wrap .box .cont {
    margin-bottom: 40px;
  }

  .dev-box .wrap .box .link {
    justify-content: center;
  }

  .dev-box .wrap .box .link a {
    width: 130px;
    height: 39px;
    border-radius: 26px;
  }

  .dev-box .wrap .box .link a div {
    display: flex;
    align-items: center;
    width: 18px;
  }

  .dev-box .list .li {
    flex-wrap: wrap;
    padding: 26px;
    height: auto;
  }

  .dev-box .list .li .icon {
    margin-bottom: 13px;
    width: 100%;
  }

  .dev-box .list .li .link {
    width: 100%;
    justify-content: flex-start;
  }

  .dev-box .list .li .link a div {
    display: flex;
    align-items: center;
    width: 18px;
  }

  .dev-box .list .li .link a div .img1 {
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .dev-box .subtit {
    margin-bottom: 32px;
  }

  .dev-box .wrap .box .l-tit {
    margin-bottom: 22px;
  }

  .dev-box .wrap {
    margin-bottom: 40px;
  }

  .dev-box .list .li .icon div {
    width: 36px;
  }

  .dev-box .tit {
    font-size: 28px;
  }

  .dev-box .wrap .box .l-tit {
    font-size: 20px;
  }

  .dev-box .list .li .icon p {
    font-size: 18px;
  }

  .dev-box .subtit {
    font-size: 16px;
  }

  .dev-box .wrap .box .cont {
    font-size: 14px;
  }

  .dev-box .list .li .link a p,
  .dev-box .wrap .box .link a p {
    font-size: 12px;
  }
}