@charset "UTF-8";


.app-rq{
    display: none;
  }
  .app{
    display: none !important;
  }
  .banner{
    width: 100%;
    position: relative;
  }

  .banner .bj{
    width: 100%;
    vertical-align: middle;
  }
  .banner .container {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);
}


.banner .container .lef {
  position: absolute;
  top: 40%;
  left: 0;
  transform: translateY(-50%);
}
.banner .container .rig{
  width: 630px;
  float: right;
}
.banner .container .rig img{
  width: 100%;
}
.banner .container .lef .p1{
  font-size: 28px;
  color: rgba(255, 255, 255, .5);
  font-family: 'he';
  letter-spacing: 5px;
}
.banner .container .lef .p2{
  position: relative;
  font-size: 44px;
  color: #ffffff;
  letter-spacing: 3px;
  padding-left: 65px;
}
.banner .container .lef .p2 .s1{
  font-size: 74px;
  color: #ffffff;
  letter-spacing: 3px;
  font-weight: bold;
}
.banner .container .lef .p2 .s2{
  font-size: 55px;
  color: #ffffff;
  letter-spacing: 3px;
}
.banner .container .lef .p2::before{
  content: '';
    width: 48px;
    height: 48px;
    position: absolute;
    top: 64%;
    left: 0px;
    transform: translateY(-50%);
    background: url(../images/b1.png)no-repeat;
    background-size: contain;
}
.banner .container .lef .p3{
  width: 533px;
  line-height: 66px;
  text-align: center;
  color: #fff;
  font-size: 36px;
  background-color: #ef862e;
  border-radius: 10px;
  letter-spacing: 10px;
  position: relative;
  margin-top: 35px;
}
.banner .container .lef .p3::before{
  content: '';
  width: 30px;
  height: 3px;
  position: absolute;
  top: 50%;
  left:15px;
transform: translateY(-50%);
background-color: #fff;
}
.banner .container .lef .p3::after{
  content: '';
  width: 30px;
  height: 3px;
  position: absolute;
  top: 50%;
  right: 15px;
transform: translateY(-50%);
background-color: #fff;
}
.banner .spa1{
  display: none;
}


/* content1 */

.sy_con1{
  width: 100%;
  background-color: #ef862e;
}
.sy_con1 .rq1{
  line-height: 100px;
  position: relative;
  border-bottom: 1px solid #fff;
}

.sy_con1 .rq1 .div1 p{
  float: left;
}
.sy_con1 .rq1 .div1 .p1{
  color: #fff;
  font-size: 24px;
  position: relative;
  padding-left: 30px;
}
.sy_con1 .rq1 .div1 .p1::before{
  content: '';
    width: 15px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    background-color: #fff;
}
.sy_con1 .rq1 .div1 .p2{
  color: #fff;
  font-size: 16px;
  position: relative;
  margin-left: 7%;
  padding-left: 20px;
}
.sy_con1 .rq1 .div1 .p2 span{
  font-family: 'din';
  color: #fff;
  font-size: 30px;
  display: inline-block;
  transform: translateY(5px);
}
.sy_con1 .rq1 .div1 .p2::before{
  content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 52%;
    left: 0px;
    transform: translateY(-50%);
    background: url(../images/img1.png)no-repeat;
    background-size: contain;
}
.spa1 .swiper-pagination-bullet {
  background: none;
  font-size: 18px;
  color: #fff;
  font-family: "din";
  opacity: 1;
  margin-left: 10px;
  position: relative;
  width: 52px;
  height: 52px;
  margin-top: 45px;
}
.spa1 .swiper-pagination-bullet span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.spa1 .swiper-pagination-bullet-active {
  background-color: #fff;
  color: #ef862e !important;
}
.spa1{

  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sy_con1 .rq2{
  position: relative;
}
.sy_con1 .rq2 .lef{
    float: left;
    line-height: 100px;
}
.sy_con1 .rq2 .lef a {
  font-size: 16px;
  margin-left: 30px;
  color: #fff;
}
.sy_con1 .rq2 .lef a:nth-child(2){
  margin-left: 0px;
}
.sy_con1 .rq2 .lef span {
  font-size: 16px;
  color: #fff;
}
.sy_con1 .rq2 .rig {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sy_con1 .rq2 .rig div {
  width: 400px;
  height: 45px;
  background-color: #fff;;
}
.sy_con1 .rq2 .rig div input {
  width: 83%;
  height: 100%;
  font-size: 14px;
  color: #999999;
  padding-left: 15px;
  float: left;
}
.sy_con1 .rq2 .rig div button {
  width: 16%;
  height: 100%;
  background-image: url(../images/img2.png);
  background-repeat: no-repeat;
  background-size: 21px;
  background-position: center;
  float: left;
}
.sy_con1 .rq2 .rig div input:-moz-placeholder {  
  color: #999999;
}  
.sy_con1 .rq2 .rig div input:-ms-input-placeholder { 
  color: #999999;
}  
.sy_con1 .rq2 .rig div input::-webkit-input-placeholder { 
  color: #999999;
}
/* content2 */
.sy_con2 {
  width: 100%;
  padding-top: 95px;
  padding-bottom: 95px;
  position: relative;
  overflow: hidden;
}
.sy_con2 .rq1{
position: relative;
}
.sy_con2 .rq1 .bt{
  font-size: 48px;
  color: #333333;
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
  font-weight: bold;
}
.sy_con2 .rq1 .rig{
  margin-left: 232px;
}
.sy_con2 .rq1 .rig .bot{
 height: 76px;
 line-height: 76px;
}
.sy_con2 .rq1 .rig .bot a{
  font-size: 20px;
  color: #333333;
  transition: .5s all;
  width: 12%;
  display: inline-block;
}
.sy_con2 .rq1 .rig .bot a:nth-child(1){
  margin-left: 0;
}
.sy_con2 .rq1 .rig .bot:nth-child(2){
  margin-top: 25px;
}
.sy_con2 .rq1 .rig .bot a:hover{
  color: #ef862e;
}
.sy_con2 .rq2{
  /* display: flex;
  justify-content: space-between;
  flex-wrap: wrap; */
  margin-top: 36px;
  position: relative;
}
img{
  vertical-align: middle;
}
.sy_con2 .rq2 .div{
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 100%;
}
.sy_con2 .rq2 .div a{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sy_con2 .swiper-pagination{
  display: none;
}
.sy_con2 .rq2 .div .bot{
  width: 100%;
  height: 100%;
  background:rgba(219, 125, 47, .9);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: .5s all;
}
.sy_con2 .rq2 .div .bot .pcon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
}
.sy_con2 .rq2 .div .bot .pcon .p1 {
  text-align: center;
  font-size: 24px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sy_con2 .rq2 .div .bot .pcon .con{
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 auto;
  font-size: 36px;
  color: #ee8e3f;
  text-align: center;
  margin-top: 20px;
  position: relative;
}
.sy_con2 .rq2 .div .bot .pcon .con span{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.sy_con2 .rq2 .div img{
  width: 100%;
}
.sy_con2 .rq2 .div:hover .bot{
  opacity: 1;
}
.sy_con2 .rq3{
  margin-top: 50px;
}
.sy_con2 .rq3 .a1{
  display: block;
  width: 215px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 50px;
  background-color: #ef862e;
  float: left;
}
.sy_con2 .rq3 .a2{
  display: block;
  float: left;
  width: 180px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 50px;
  margin-left: 20px;
  background-color: #333333;
}

  /* content3 */
  .sy_con3{
    height: 350px;
    width: 100%;
    background: url(../images/img4.jpg)no-repeat;
    background-size: cover;
    position: relative;
  }
  .sy_con3 .container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .sy_con3 .rq1{
  padding-top: 45px;
  }
  .sy_con3 .divcon{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
.sy_con3 .rq1 .bt2{
  font-size: 44px;
  color: #fff;
  position: relative;
  display: inline-block;
  z-index: 5;
}
.sy_con3 .rq1 .bt2::before{
  content: '';
  width: 0%;
  height: 12px;
  position: absolute;
  bottom: 4px;
  left: 0px;
  background-color: #ef862e;
  z-index: -1;
  transition: .8s all;
}
.sy_con3 .rq1 .bt2.on::before{
  width: 100%;
}
.sy_con3 .rq1 .bt3{
  font-size:18px;
  color: rgba(255, 255, 255, .6);
  margin-top: 15px;
}
.sy_con3 .rq2{

}
.sy_con3 .rq2 .div{
  width: 155px;
  background-color: #fff;
  border-radius: 10px;
  padding: 27px 20px;
  float: left;
  margin-left: 35px;
}
.sy_con3 .rq2 .div:nth-child(1){
  margin-left: 0;
}
.sy_con3 .rq2 .div .imgcon{
  width: 55px;
  margin: 0 auto;
}
.sy_con3 .rq2 .div .imgcon img{
  width: 100%;
}
.sy_con3 .rq2 .div .p1{
  text-align: center;
  color: #333333;
  font-size: 26px;
  margin-top: 20px;
}
.sy_con3 .rq2 .div .p2{
  text-align: center;
  color: #999999;
  font-size: 16px;
}
.sy_con3 .rq3{
  padding-top: 22px;
}
.sy_con3 .rq3 .p1{
  font-size: 18px;
  color: #fff;
  position: relative;
  padding-left: 35px;
}
.sy_con3 .rq3 .p2{
  font-size: 48px;
  color: #fff;
  font-family: 'din';
  margin-top: 10px;
}
.sy_con3 .rq3 .p1::before{
  content: '';
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    background: url(../images/img8.png)no-repeat;
    background-size: contain;
}
.sy_con3 .rq3 .a1{
  display: block;
  width: 152px;
  line-height: 46px;
  background-color: #ef862e;
  text-align: center;
  font-size: 20px;
  color: #fff;
  border-radius: 50px;
  margin-top: 12px;
}
/* content4 */
.sy_con4{
  width: 100%;
  padding-top: 85px;
  padding-bottom: 99px;
  overflow: hidden;
}
.sy_con4 .rq1{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sy_con4 .rq2{
  width: 100%;
  position: relative;
}
.sy_con4 .rq2 .swiper-container{
  padding-top: 45px;
  overflow-y: visible !important;
  overflow-x: hidden !important;
}
.sy_con2 .swiper-button-next,
.sy_con2 .swiper-button-prev,
.sy_con4 .swiper-button-next,
.sy_con4 .swiper-button-prev{
  width: 60px;
  height: 60px;
  background-image: url(../images/img39_2.png);
  background-size: contain;
  background-repeat: no-repeat;
  right: -90px;
}
.sy_con2 .swiper-button-prev,
.sy_con4 .swiper-button-prev{
  left: -90px;
  transform: rotate(180deg);
}
.sy_con2 .swiper-button-next::after,
.sy_con2 .swiper-button-prev::after,
.sy_con4 .swiper-button-next::after,
.sy_con4 .swiper-button-prev::after{
  display: none;
}

.sy_con4 .rq1 .div1{
  width: 36%;
}
.sy_con4 .rq1 .div2{
  width: 55%;

}
/* 

 */

.sy_con4 .swiper-container .swiper-slide-thumb-active .bot{
  background-color: #ef862e;
color: #fff !important;
border-color: #ef862e !important;
}
 .sy_con1 .swp1 .swiper-slide-active .jd {

}
.sy_con4 .gallery-top .jd {
  width: 53.5%;
  height: 2px;
  background: #eceeef;
  position: absolute;
  right: 29px;
  bottom: 105%;;
}
.sy_con4 .gallery-top .swiper-slide-active .jd::before {
    animation: jd 3.5s linear both 1s;
}
.sy_con4 .gallery-top .jd::before {
    content: '';
    width: 25px;
    height: 25px;
    background-size: cover;
    background-image: url(../images/img100.png);
    background-position-x: right;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
}
.sy_con4 .gallery-top .jd::after{
  content: '';
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0%;
    left: 0px;
    background-color: #ef862e;
}
.sy_con4 .gallery-top .swiper-slide-active .jd::after{
  width: 100%;
  animation: jdt 3.5s linear both 1s;
}
@keyframes jd{
  0%{
    left: 0;
  }
  100%{
   left: 100%;
  }
} 
@keyframes jdt{
  0%{
    width: 0;
  }
  100%{
    width: 100%;
  }
}
.h1{
  font-size: 48px;
  color: #333333;
  font-weight: bold;
}
.h2{
  font-size: 18px;
  color: #999999;
  margin-top: 25px;
  line-height: 30px;
}
.sy_con4 .gallery-thumbs .swiper-slide{
  width: 190px;
  line-height: 70px;
  margin-right: 30px;
  cursor: pointer;
}
.sy_con4 .gallery-thumbs .swiper-slide:last-child{
  margin-right: 0;
}
.sy_con4 .gallery-thumbs .swiper-slide .bot{
  width: 100%;
  border-radius: 8px;
  border: 1px solid #dfdfdf;
  text-align: center;
  font-size: 20px;
  color: #333;
}
.sy_con4 .gallery-top .swiper-slide .div{
  width: 18.33%;
  padding-top: 35px;
}
  /* 如果最后一行是4个元素 */
  .sy_con4 .gallery-top .swiper-slide .div:last-child:nth-child(5n - 1) {
    margin-right: calc(20%);
}
/* 如果最后一行是3个元素 */
.sy_con4 .gallery-top .swiper-slide .div:last-child:nth-child(5n - 2) {
    margin-right: calc(40%);
}
  /* 如果最后一行是2个元素 */
  .sy_con4 .gallery-top .swiper-slide .div:last-child:nth-child(5n - 3) {
    margin-right: calc(60%);
}
  /* 如果最后一行是1个元素 */
  .sy_con4 .gallery-top .swiper-slide .div:last-child:nth-child(5n - 4) {
    margin-right: calc(80%);
}
.sy_con4 .gallery-top .swiper-slide .divcon{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sy_con4 .gallery-top .swiper-slide .div img{
  width: 100%;
  transition: .5s linear;
}
.sy_con4 .gallery-top .swiper-slide .div:hover img{
transform: scale(1.05);
}
.sy_con4 .gallery-top .swiper-slide .div .bot{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 76%;
  position: relative;
}
.sy_con4 .gallery-top .swiper-slide .div .bot .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sy_con4 .gallery-top .swiper-slide .div .p1{
  text-align: center;
  color: #333;
  font-size: 24px;
  margin-top: 17px;
}



/* content5 */
.sy_con5{
  width: 100%;
  padding-top: 88px;
  padding-bottom: 95px;
  background: url(../images/img19.jpg)no-repeat;
  background-size: cover;
}
.sy_con5 .divcon{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sy_con5 .rq1{
width: 27%;
}
.sy_con5 .rq3 {
  width: 62%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sy_con5  .rq3 .rq4 .p3{
  text-align: center;
  position: relative;
  border-bottom: 2px solid #e1e1e1;
}
.sy_con5 .rq3 .rq4 .p3 .sztd {
  font-size: 72px;
  font-family: 'din';
  color: #ef862e;
}
.sy_con5  .rq3 .rq4 .p3 .zi {
  font-size: 20px;
  color: #333333;
  position: absolute;
  top: 0;
}
.sy_con5  .rq3 .rq4 .p4 {
  text-align: center;
  font-size: 20px;
  font-family: 'albb';
  color: #333333;
  margin-top: 15px;
}
.sy_con5 .divcon2{
  margin-top: 85px;
}
.sy_con5 .divcon2 .lef{
  float: left;
  width: 54%;
  overflow: hidden;
}
.sy_con5 .divcon2 .lef .imgbox{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 58%;
  position: relative;
}
.sy_con5 .divcon2 .lef .imgbox .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sy_con5 .divcon2 .lef img{
  transition: .5s all;
  width: 100%;
}
.sy_con5 .divcon2 .lef:hover img{
  transform: scale(1.05);
}
.sy_con5 .divcon2 .rig{
  float: right;
  width: 44%;
  padding-left: 100px;
  padding-top: 40px;
}
.sy_con5 .divcon2 .rig .p1{
  font-size: 36px;
  color: #333333;
  padding-bottom: 35px;
  border-bottom: 2px solid #e5e7e8;
}
.sy_con5 .divcon2 .rig .p2{
  font-size: 16px;
  color: #666666;
  padding-top: 35px;
  line-height: 30px;
}
.sy_con5 .divcon2 .rig .btncon{
  margin-top: 95px;
}
.sy_con5 .divcon2 .rig .btncon .a1 {
  display: block;
  width: 160px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border-radius: 50px;
  background-color: #ef862e;
  float: left;
}
.sy_con5 .divcon2 .rig .btncon .a2{
  display: block;
  width: 125px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border-radius: 50px;
  background-color: #333333;
  float: left;
  margin-left: 20px;
}
.sy_con6 .video_con{
  width: 100%;
  height: 800px;
}
.sy_con6 .video_con .rq2{
  width: 83%;
  margin: 0 auto;
  transition: .8s all;
  height: 80%;
}
.sy_con6 .video_con.on .rq2{
  width: 100%;
  height: 100%;
}
.in3-video {
  height: 100%;
  position: relative;
}
.in3-video .bj{
  height: 100%;
}
.abo_video {
  width: 100%;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.abo_con1 .rig img {
  width: 100%;
  vertical-align: middle;
}
.abo_video .bfq {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: all .5s;
}
.abo_video .bfq div {
  width: 65px;
  height: 65px;
  position: relative;
  margin: 0 auto;
  margin-top: 35px;
}
.abo_video .bfq div img{
  width: 100%;
}
.abo_video .bfq .p1{
  text-align: center;
  font-size: 36px;
  color: #fff;
  letter-spacing: 4px;
}
.msg-box {
  width: 100%;
  height: 100%;
  background-color: #F3F3F3;
  position: absolute;
  left: 50%;
  top: 47%;
  transform: translate(-50%, -50%);
  box-shadow: 0 5px 15px rgb(0 0 0 / 30%);
}
.msg-box-bg {
  width: 70%;
  height: 70%;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 25%;
  display: none;
  z-index: 1001;
}
.msg-box .close-box {
  width: 30px;
  height: 30px;
  background: url(../images/btn-close-modal.png) no-repeat center;
  cursor: pointer;
  position: absolute;
  right: 55px;
  top: 55px;
  -webkit-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.abo_video:hover> .bfq div img {
  animation: jj 10s infinite linear;
}
.sy_con5 .video_con.on .rq2{
  width: 100%;
}
@keyframes jj{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}

/* content6 */
.sy_con6{
  width: 100%;
}
/* content7 */
.sy_con7 {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 90px;
  overflow: hidden;
}
.sy_con7 .swiper-pagination{
  display: none;
}
.sy_con7 .container{
  position: relative;
  padding: 0 20px;
}
.sy_con7 .bt{
  font-size: 38px;
  color: #333333;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.sy_con7 .bt span{
  color: #ef8934;
  font-weight: bold;
}
.sy_con7 .rq{
width: 74%;
float: right;
padding: 30px 40px;
position: relative;
}
.sy_con7 .swiper-container{
  padding: 0px 6px;
}
.con_con2 .sy_con7 .swiper-slide {
  height: 160px;
}
.sy_con7 .swiper-slide{
  /* height: 283px; */
  background: #fff;
  position: relative;
  margin-top: 20px !important;
}

.sy_con7 .swiper-slide .imgbox{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 77%;
  position: relative;
}
.sy_con7 .swiper-slide .imgbox .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sy_con7 .swiper-button-next,.sy_con7 .swiper-button-prev {
  top: 53%;
}
.sy_con7 .swiper-slide img{
  max-width: 85%;
  max-height: 85%;
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  vertical-align: middle; */
}
.sy_con7 .swiper-slide P {
  text-align: center;
  font-size: 18px;
  color: #333;
  /* position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%); */
}
.sy_con7 .swiper-slide:hover P{
  color: #ef8934;
}
/* .sy_con7 .swiper-slide p{
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  color: #101624;
} */

.sy_con7 .swiper-pagination{
  bottom: 40px;
}
.sy_con7 .swiper-button-next::after,.sy_con7 .swiper-button-prev::after{
color: #333;
font-size: 24px;
font-weight: bold;
}
.sy_con7 .swiper-button-next,.sy_con7 .swiper-button-prev{
  opacity: 1;
  pointer-events: auto;
}
.sy_con7 .swiper-button-next{
  right: -6px;
}
.sy_con7 .swiper-button-prev{
  left: -6px;
}
/* content8 */
.sy_con8{
  width: 100%;
  padding-top: 112px;
  padding-bottom: 108px;
  background: url(../images/img25.jpg)no-repeat;
  background-size: cover;
  overflow: hidden;
}
.sy_con8 .lef{
  float: left;
  width: 40%;
}
.sy_con8 .lef .p1{
  font-size: 52px;
  color: #fff;
  letter-spacing: 2px;
}
.sy_con8 .lef .p1 span{
  font-weight: bold;
  color: #ef862e;
  font-size: 57px;
}
.sy_con8 .lef .p2{
  font-size: 16px;
  color: rgba(255, 255, 255, .5);
  margin-top: 15px;
}
.sy_con8 .lef .p3{
  font-size: 24px;
  color: #ffffff;
  margin-top: 40px;
}
.sy_con8 .lef .div1{
  margin-top: 100px;
}
.sy_con8 .lef .div1 .swiper-slide{
height: 150px;
border: 1px solid rgba(255, 255, 255, .5);
border-radius: 8px;
padding-top: 55px;
padding-left: 25px;
}
.sy_con8 .lef .div1 .swiper-slide .bot{
  position: relative;
}
.sy_con8 .lef .div1 .swiper-slide .bot .img1{
  width: 47px;
  height: 43px;
  position: absolute;
  right: 25px;
  top: -35px;
}
.sy_con8 .lef .div1 .swiper-slide .bot .p1{
  font-size: 23px;
  color: #fff;
  letter-spacing: 0px;

}
.sy_con8 .lef .div1 .swiper-slide .bot .p2{
  font-size: 25px;
  color: #fff;
  letter-spacing: 0px;
  margin-top: 5px;
}
.sy_con8 .rig{
  width: 53%;
  float: right;
  border-radius: 8px;
}
.sy_con8 .rig .div{
  background-color: #fff;
  border-radius: 8px;
}
.sy_con8 .rig .div .imgcon{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 55%;
  position: relative;
}
.sy_con8 .rig .div .imgcon .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sy_con8 .rig .div .imgcon img{
  width: 100%;
  transition: .5s all;
}
.sy_con8 .rig:hover .div .imgcon img{
  transform: scale(1.05);
}
.sy_con8 .rig .div .bot{
  padding: 30px;
}
.sy_con8 .rig .div .bot .pcon{
  float: left;
  width: 77%;
}
.sy_con8 .rig .div .bot .pcon .p1{
  font-size: 24px ;
  color: #333333;
  font-weight: bold;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.sy_con8 .rig .div .bot .pcon .p2{
  font-size: 18px ;
  color: #666666;
  margin-top: 15px;
  line-height: 25px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow: hidden;
}
.sy_con8 .rig .div .bot .a1{
  display: block;
  width: 110px;
  height: 120px;
  color: #fff;
  background-color: #ef862e;
  border-radius: 8px;
 position: relative;
 float: right;
}
.sy_con8 .rig .div .bot .a1 span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.sy_con8 .lef .div1 .swiper-slide{
  transition: .5s all;
}
.sy_con8 .lef .div1 .swiper-slide-thumb-active{
  background: #ef862e;
  border: 1px solid #ef862e !important;
}
.sy_con8 .lef .div1  .swiper-slide .bot .img2{
  display: none;
  width: 47px;
    height: 43px;
    position: absolute;
    right: 25px;
    top: -35px;
}
.sy_con8 .lef .div1  .swiper-slide-thumb-active .bot .img2{
  display: block;
}
.sy_con8 .lef .div1  .swiper-slide-thumb-active .img1{
  display: none;
}
/* content9 */
.sy_con9{
  width: 100%;
  padding-bottom: 90px;
  overflow: hidden;
}
.sy_con9 .swiper-pagination{
  display: none;
}
.sy_con9 .rq1{
 display: table;
 width: auto;
 margin: 0 auto;
}
.sy_con9 .rq1 .div1{
float: left;
width: 280px;
line-height: 78px;
background-color: #f0f0f0;
text-align: center;
color: #333;
font-size: 36px;
border-radius: 0 0px 10px 10px;
margin-left: 8px;
cursor: pointer;
transition: .5s all;
}
.sy_con9 .rq1 .div1:hover{
  background-color: #ef862e;
  color: #fff;
}
.sy_con9 .rq1 .div1.on{
  background-color: #ef862e;
  color: #fff;
}
.sy_con9 .rq1 .div1:nth-child(1){
  margin-left: 0;
}
.sy_con9 .rq2{
  margin-top: 55px;
  position: relative;
  display: none;
}
.sy_con9 .rq2.on1 {
  display: block;
}

.sy_con9 .rq2 .swiper-slide {

}
.sy_con9 .rq2 .swiper-slide  .p1{
  text-align: center;
  font-size: 18px;
  color: #101624;
  padding-top: 15px;
}
.sy_con9 .rq2 .div {
  width: 100%;
  height: 380px;
  position: relative;
}
.sy_con9 .rq2 .swiper-slide  .div{
  border: 1px solid #e4e4e4;
  border-radius: 8px;
}
.sy_con9 .rq2 .swiper-slide .div img {
  max-width: 85%;
  max-height: 85%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all .5s;
}
.sy_con9 .swiper-button-next, .sy_con9 .swiper-button-prev {
  right: -68px;
  transition: all .5s;
  opacity: 1;
  pointer-events: auto;
}
.sy_con9 .swiper-button-next:after, .sy_con9 .swiper-button-prev:after {
  color: #c1c1c1;
  font-size: 24px;
}
.sy_con9 .swiper-button-next:hover::after, .sy_con9 .swiper-button-prev:hover::after{
  color: #ef8831;
}
.sy_con9 .swiper-button-prev{
  left: -68px;
}

/* content10 */
.sy_con10{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #f9f9f9;
}
.sy_con10 .rq .lef .div1 .pcon a {
  color: #fff;
  line-height: 47px;
  float: right;
}
.sy_con10 .rq{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
}
.sy_con10 .rq .lef{
  width: 33%;
  background-color: #fff;
}
.sy_con10 .rq .lef .div1{
  position: relative;
  padding: 0 33px;
  padding-top: 35px;
  background-color:#ef862e;
  height: 268px;
}

.sy_con10 .rq .lef .div1 .pcon{

}
.sy_con10 .rq .lef .div1 .pcon .p1{
  color: #fff;
  font-size: 36px;
  float: left;

}
.sy_con10 .rq .lef .div1 .pcon .a1{
  position: relative;
  display: block;
  float: right;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
}
.sy_con10 .rq .lef .div1 .imgcon{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  position: relative;
} 
.sy_con10 .rq .lef .div1 .imgcon .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sy_con10 .rq .lef .div1 .imgcon img{
  display: block;
  margin: 0 auto;
}
.sy_con10 .rq .lef .div1 .pcon .a1 span{
  color: #ef862e;
  font-size: 32px;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%,-50%);
}
.sy_con10 .rq .lef .div2{
  margin-top: 125px;
  padding: 0 33px;
}
.sy_con10 .rq .lef .div2 .bot{
  padding: 40px 0;
  border-bottom: 1px dashed #d9d9d9;
}
.sy_con10 .rq .lef .div2 .bot:last-child{
  border-bottom: none;
}
.sy_con10 .rq .lef .div2 .a1{
  font-size: 22px;
  color: #333;
  transition: .5s all;
  font-weight: bold;

  text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.sy_con10 .rq .lef .div2 a:hover .a1{
  color: #ef862e;
  background: none;
  box-shadow: none;
}
.sy_con10 .rq .lef .div2 .p1{
  font-size: 16px;
  color: #999999;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 15px;
    line-height: 25px;
}
.sy_con10 .rq .rig{
 width: 65%;
}
.sy_con10 .rq .rig .div1{
  width: 100%;
  padding: 40px;
  background-color: #fff;
}
.sy_con10 .rq .rig .div1 .bot1{
 position: relative;
 border-bottom: 2px solid #efefef;
 padding-bottom: 28px;
}
.sy_con10 .rq .rig .div1 .bot1 .p1{
  color: #333333;
  font-size: 30px;
  position: relative;
  font-weight: bold;
  float: left;
  padding-left: 18px;
}
.sy_con10 .rq .rig .div1 .bot1 .p1::before{
  content: '';
    width: 4px;
    height: 30px;
    position: absolute;
    top: 55%;
    left: 0px;
    transform: translateY(-50%);
    background-color: #ef862e;
}
.sy_con10 .rq .rig .div1 .bot1 .p2{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sy_con10 .rq .rig .div1 .bot1 .p2 a{
  color: #ef862e;
  font-size: 18px;
  font-family: 'din';
}
.sy_con10 .rq .rig .div1 .bot2{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sy_con10 .rq .rig .div1 .bot2 .divcon1{
padding-top: 24px;
width: 45%;
}
.sy_con10 .rq .rig .div1 .bot2 .divcon1 .p1{
  font-size: 18px;
  color: #333;
  font-weight: bold;
  text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
  transition: all .5s;
}
.sy_con10 .rq .rig .div1 .bot2 .divcon1 a:hover .p1{
  color: #ef862e;
}
.sy_con10 .rq .rig .div1 .bot2 .divcon1 .p2{
  font-size: 16px;
  color: #999999;
  margin-top: 15px;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.sy_con10 .rq .rig .div1 .bot2 .divcon1 .a1{
  display: block;
  color: #ef862e;
  font-size: 16px;
  margin-top: 18px;
  background: none;
  box-shadow: none;
}
.sy_con10 .rq .rig .div2{
  margin-top: 30px;
}
.sy_con10 .rq .rig a:hover{
  color: #ef862e !important;
}
.sy_con10 .rq .rig .div2 .bot2 .divcon1{
width: 48%;
}
.sy_con10 .rq .rig .div2 .bot2 .divcon1 .txtMarquee-top a {
  display: inline-block;
  width: 100%;
  padding-left: 4px;
  font-size: 16px;
  position: relative;
  color: #666666;
  transition: all .5s;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px dashed #d9d9d9;
  padding: 20px 0;
  padding-right: 45px;
}
.sy_con10 .rq .rig .div2 .bot2 .divcon1 .txtMarquee-top a span {
  font-size: 16px;
  font-family: 'din';
  color: #999999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.sy_con10 .rq .rig .div2 .bot2 .divcon1{
  padding-top: 0 !important;
}
.sy10app .swiper-pagination{
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
}
.sy_con2 .swiper-pagination{
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}
.sy10app .swiper-pagination .swiper-pagination-bullet,.sy_con2 .swiper-pagination .swiper-pagination-bullet{
  margin-left: 8px;
}
.sy10app .swiper-pagination .swiper-pagination-bullet:nth-child(1),.sy_con2 .swiper-pagination .swiper-pagination-bullet:nth-child(1){
  margin-left: 0;
}
.sy10app .swiper-pagination-bullet-active,.sy_con2 .swiper-pagination-bullet-active{
  background-color: #ef862e;
}

.a1,.a2{
  transition: .5s all;
}
.a1:hover{
  box-shadow: 0 0 10px #ef862e;
}
.a2:hover{
 background-color:  #ef862e !important;
}
@media (max-width: 1680px) {
  .sy_con4 .gallery-thumbs .swiper-slide .bot {
    font-size: 17px;
}
  .sy_con8 .lef .div1 {
    margin-top: 45px;
  }
  .sy_con8 .lef {
    width: 45%;
  }
  .sy_con5 .divcon2 .rig .btncon {
    margin-top: 40px;
}
.sy_con5 .divcon2 .rig {
  padding-top: 30px;
}
}
@media (max-width: 1459px) { 
  .sy_con2 .rq1 .rig {
    margin-left: 178px;
}
.sy_con2 .rq2 {
  margin-top: 27px;
}
.sy_con2 .rq1 .rig .bot {
  height: 58px;
  line-height: 58px;
}
  .sy_con10 .rq .lef .div1 .pcon a {
    line-height: 31px;
}
  .sy_con2 .rq2 .div .bot .pcon .p1 {
    font-size: 20px;
}
.sy_con2 .rq2 .div .bot .pcon .con {
  width: 26px;
  height: 26px;
  font-size: 24px;
  margin-top: 10px;
}
.sy_con2 {
  padding-top: 72px;
  padding-bottom: 72px;
}
.sy_con2 .rq1 .rig .bot:nth-child(2) {
  margin-top: 18px;
}
.sy_con2 .rq2 .div {
  margin-top: 0;
}
.sy_con2 .rq3 {
  margin-top: 40px;
}
.sy_con2 .swiper-button-next, .sy_con2 .swiper-button-prev, .sy_con4 .swiper-button-next, .sy_con4 .swiper-button-prev {
  width: 50px;
  height: 50px;
  right: -60px;
}
.sy_con2 .swiper-button-prev, .sy_con4 .swiper-button-prev {
  left: -60px;
}
  .sy_con4 .gallery-top .jd {
    bottom: 100%;
}
.sy_con4 .rq2 .swiper-container {
  padding-top: 20px;
}
  .sy_con4 .rq1 .div2 {
    width: 56%;
}
  .sy_con4 .gallery-thumbs .swiper-slide {
    line-height: 55px;
  }
  .sy_con4 .gallery-thumbs .swiper-slide .bot {
    font-size: 14px;
  }
  .sy_con4 .gallery-top .swiper-slide .div .p1 {
    font-size: 18px;    margin-top: 10px;
  }
  .sy_con8 .lef .div1 {
    margin-top: 35px;
}
.sy_con8 {
  padding-top: 70px;
  padding-bottom: 76px;
}
  .sy_con8 .lef {
    width: 40%;
}
.sy_con8 .rig .div .bot .pcon .p2 {
  font-size: 14px;
}
.sy_con8 .rig .div .bot .a1 {
  width: 85px;
  height: 90px;
}
.sy_con8 .rig .div .bot {
  padding: 20px;
}
.sy_con8 .rig .div .bot .pcon .p1 {
  font-size: 18px;
}
  .sy_con8 .lef .div1 .swiper-slide .bot .img1,.sy_con8 .lef .div1 .swiper-slide .bot .img2{
    width: 33px;
    height: 30px;
    top: -20px;
  }
  .sy_con8 .lef .p3 {
    font-size: 18px;
    margin-top: 24px;
}
.sy_con8 .lef .div1 .swiper-slide .bot .p2 {
  font-size: 21px;
}
.sy_con8 .lef .div1 .swiper-slide .bot .p1 {
  font-size: 18px;}
  .sy_con8 .lef .p1 span {
    font-size: 43px;
}
.sy_con8 .lef .div1 .swiper-slide {
  height: 130px;
  padding-top: 45px;
}
  .sy_con8 .lef .p1 {
    font-size: 38px;
  }
  .sy_con10 .rq .rig .div1 .bot1 {
    padding-bottom: 18px;
}

  .sy_con10 .rq .rig .div1 .bot2 .divcon1 .a1 {
    font-size: 14px;
    margin-top: 10px;
}
  .sy_con10 .rq .rig .div1 {
    padding: 20px;
  }
  .sy_con10 .rq .rig .div1 .bot2 .divcon1 .p1,.sy_con10 .rq .rig .div1 .bot1 .p2 a{
    font-size: 16px;
  }
  .sy_con10 .rq .lef .div2 {
    margin-top: 100px;
  }
  .sy_con10 .rq .lef .div2 .bot{
    padding: 20px 0;
  }
  .sy_con10 .rq .lef .div2 .a1 {
    font-size: 17px;
  }
  .sy_con10 .rq .lef .div1 .pcon .p1,.sy_con10 .rq .lef .div1 .pcon .a1 span,.sy_con10 .rq .rig .div1 .bot1 .p1{
    font-size: 24px;
  }
  .sy_con10 .rq .lef .div1 {
    height: 204px;
}
.sy_con10 .rq .lef .div2 .p1,.sy_con10 .rq .rig .div1 .bot2 .divcon1 .p2,.sy_con10 .rq .rig .div2 .bot2 .divcon1 .txtMarquee-top a{
  font-size: 14px;
}
  .sy_con9 .rq1 .div1 {
    width: 210px;
    line-height: 58px;
    font-size: 24px;
}
.sy_con9 .rq2 .div {
  width: 100%;
  height: 280px;
}
.sy_con9 {
  padding-bottom: 60px;
}
  .sy_con7 {
    padding-top: 20px;
    padding-bottom: 40px;
}
  .sy_con7 .swiper-slide {
    /* height: 217px; */
  }
  .sy_con6 .video_con {
    height: 600px;
}
.abo_video .bfq div {
  width: 45px;
  height: 45px;
}
  .abo_video .bfq .p1 {
    font-size: 24px;
  }
  .sy_con5 {
    padding-top: 45px;
    padding-bottom: 65px;
  }
  .sy_con5 .divcon2 {
    margin-top: 35px;
}
  .sy_con5 .divcon2 .rig .btncon {
    margin-top: 20px;
}
  .sy_con5 .divcon2 .rig .btncon .a2 {
    width: 95px;
    line-height: 45px;
    font-size: 14px;
  }
  .sy_con5 .divcon2 .rig .btncon .a1 {
    width: 122px;
    line-height: 45px;
    font-size: 14px;
  }
  .sy_con5 .divcon2 .rig .p2 {
    font-size: 14px;
    padding-top: 15px;
  }
  .sy_con5 .divcon2 .rig .p1 {
    font-size: 24px;
    padding-bottom: 15px;
  }
  .sy_con5 .rq3 .rq4 .p3 .zi {
    font-size: 16px;
  }
  .sy_con5 .rq3 .rq4 .p4 {
    font-size: 16px;
    margin-top: 10px;
}
  .sy_con5 .rq3 .rq4 .p3 .sztd {
    font-size: 48px;
  }
  .sy_con2 .rq1 .bt,.h1{
    font-size: 36px;
  }
  .sy_con3 .rq1 .bt2,.sy_con7 .bt{
    font-size: 28px;
  }
  .sy_con3 .rq1 .bt3,.h2{
    font-size: 14px;
    margin-top: 10px;
    line-height: 24px;
}

.sy_con3 .rq2 .div .imgcon {
  width: 42px;
}
.sy_con3 .rq2 .div {
  width: 125px;
  padding: 20px 0px;
  margin-left: 15px;
}
.sy_con3 .rq2 .div .imgcon {
  width: 42px;
}
.sy_con3 .rq2 .div .p1 {
  font-size: 18px;
  margin-top: 14px;
}
.sy_con3 .rq2 .div .p2 {
  font-size: 14px;
}
.sy_con3 .rq3 .p2 {
  font-size: 36px;
}
.sy_con3 .rq3 .a1 {
  width: 115px;
  line-height: 35px;
  font-size: 14px;
  margin-top: 8px;
}
.sy_con3 {
  height: 265px;
}
.sy_con4 {
  padding-top: 64px;
  padding-bottom: 74px;
}
  .sy_con2 .rq3 .a2 {
    width: 137px;
    line-height: 46px;
    font-size: 14px;
  }
  .sy_con2 .rq3 .a1 {
    width: 163px;
    line-height: 46px;
    font-size: 14px;
  }
  .sy_con2 .rq1 .rig .bot a {
    font-size: 15px;
  }
  .sy_con1 .rq2 .lef {
    float: left;
    line-height: 76px;
}
  .sy_con1 .rq2 .rig div {
    width: 300px;
    height: 38px;
  }
  .sy_con1 .rq2 .lef span {
    font-size: 14px;
  }
  .sy_con1 .rq2 .lef a {
    font-size: 14px;
    margin-left: 15px;
  }
  .spa1 .swiper-pagination-bullet {
    font-size: 16px;
    width: 40px;
    height: 40px;
    margin-top: 28px;
}
  .sy_con1 .rq1 {
    line-height: 76px;
  }
  .sy_con1 .rq1 .div1 .p2 {
    font-size: 14px;
  }
  .sy_con1 .rq1 .div1 .p2 span {
    font-size: 24px;
    transform: translateY(0px);
}
  .sy_con1 .rq1 .div1 .p1 {
    font-size: 18px;
  }
  .banner .container .lef .p2 {
    padding-left: 50px;
}
.banner .container .lef .p3 {
  width: 405px;
  line-height: 50px;
  font-size: 28px;
  margin-top: 20px;
  letter-spacing: 5px;
  }
  .banner .container .lef .p2 .s2 {
    font-size: 42px;
    letter-spacing: 0px;
}
  .banner .container .rig {
    width: 475px;
  }
  .banner .container .lef .p1 {
    font-size: 20px;
  }
  .banner .container .lef .p2 .s1 {
    font-size: 56px;
    letter-spacing: 0px;
}
.banner .container .lef .p2 {
  font-size: 34px;
  letter-spacing: 0px;
}
.banner .container .lef .p2::before {
  width: 36px;
  height: 36px;
}
.banner .container .lef .p3::after {
  right: 22px;
}
.banner .container .lef .p3::before {
  left: 20px;
}
.banner .container .rig {
  width: 400px;
}
.sy_con10 .rq .rig .div2 .bot2 .divcon1 .txtMarquee-top a{
  padding: 12px 0;
  padding-right: 44px;
}
.sy_con10 {
  padding-top: 50px;
  padding-bottom: 60px;
}
.sy_con9 .swiper-button-next, .sy_con9 .swiper-button-prev {
  right: -42px;
}
.sy_con9 .swiper-button-prev {
  left: -42px;
}
.sy_con9 .rq2 .swiper-slide .p1 {
  font-size: 16px;
  padding-top: 12px;
}
.sy_con9 .rq2 {
  margin-top: 36px;
}
.sy_con5 .divcon2 .rig {
  padding-left: 70px;
}
.sy_con7 .rq {
  padding: 22px 30px;
}


}
@media (max-width: 1259px){
  .sy_con7 .swiper-slide {
    /* height: 180px; */
}
  .sy_con5 .divcon2 .rig {
    padding-left: 10px;
  }
  .sy_con2 .rq1 .rig .bot a {
    margin-left: 13px;
    font-size: 14px;
}

  .sy_con1 .rq2 .lef a {
    margin-left: 5px;
}
}
@media (max-width: 991px){
  .sy_con2 .rq1 .rig .bot a {
    width: 14%;
}
  .banner .spa1{
    display: block;
  }
  .sy_con2 .rq1 .rig {
    margin-left: 0;
}
.sy_con2 .rq1 .rig .bot {
  height: 50px;
  line-height: 24px;
}
  .spa1 {
    left: 50%;
    top: 90%;
    transform: translate(-50%,-50%);
}
.sy_con1{
  display: none;
}
  .sy_con1 .rq1 .spa1{
    display: none;
  }
  .sy_con2 .swiper-button-next, .sy_con2 .swiper-button-prev, .sy_con4 .swiper-button-next, .sy_con4 .swiper-button-prev{
    display: none;
  }
  .sy_con2 .swiper-pagination{
    display: block;
  }
  .sy_con4 .gallery-thumbs .swiper-slide .bot {
    font-size: 13px;
}
.sy_con4 .rq1 .div2 {
  margin-top: 25px;
}
.sy_con4 {
  padding-top: 45px;
  padding-bottom: 45px;
}
  .sy_con4 .gallery-top .jd {
    width: 90%;
    bottom: 100%;
  }
  .sy_con4 .gallery-top .swiper-slide .div .p1 {
    font-size: 16px;
}

  .sy_con4 .gallery-top .swiper-slide .div{
    width: 49%;
    margin-right: 2%;
    padding-top: 20px;
  }
  .sy_con4 .gallery-top .swiper-slide .div:nth-child(2n){
    margin-right: 0;
  }
  .sy_con4 .rq1 .div1,.sy_con4 .rq1 .div2{
    width: 100%;
}
  .sy_con8 .lef,.sy_con8 .rig{
    width: 100%;
}
.sy_con8 .rig{
  margin-top: 30px;
}
  .sy_con10 .rq .lef {
    width: 100%;
  }
  .sy_con10 .rq .rig{
    display: none;
  }
  .sy_con5 .rq1,.sy_con5 .rq3,.sy_con5 .divcon2 .lef,.sy_con5 .divcon2 .rig{
    width: 100%;
}

  .sy_con3 .container{
    position: static;
    transform: translate(0);
  }
  .sy_con3{
    height: auto;
    padding-bottom: 30px;
  }
  .sy_con3 .rq1,.sy_con3 .rq2,.sy_con3 .rq3{
    width: 100%;
  }
  .sy_con2 .rq1 .bt, .h1 {
    font-size: 24px;
}
.sy_con2 .rq1 .bt{
  position: static;
  transform: translateY(0);
}
.sy_con2 .rq2{
  display: block;
}
.sy_con2 .rq1 .rig{
  margin-top: 10px;
}
.sy_con2 .rq1 .rig .bot:nth-child(2){
  margin-top: 12px;
}
.sy_con2 .rq2 .div .bot .pcon .p1 {
  font-size: 20px;
}
.sy_con2 .rq2 .div .bot .pcon .con {
  width: 26px;
  height: 26px;
  font-size: 25px;
  margin-top: 10px;
}
.sy_con2 .rq2 .div{
  width: 100%;
  margin-top: 0;
}
.sy_con2 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.pc{
  display: none !important;
}
.app{
  display: block !important;
}
.sy_con3 .rq1 .bt2, .sy_con7 .bt {
  font-size: 24px;
}
.sy_con1 .rq1 .div1 .p1 {
  font-size: 16px;
}
.sy_con7 .rq {
  width: 100%;
}
.sy_con7 .bt{
  position: static;
  transform: translate(0);
}
.sy_con10 .rq .lef .div1 .imgcon{
  position: static;
  transform: translateX(0);
  margin-top: 20px;
}
.sy_con10 .rq .lef .div1 {
  height: auto;
}
.sy_con10 .rq .lef .div1 .imgcon img {
  width: 100%;
}
.sy_con10 .rq .lef .div2 {
  margin-top: 0px;
}

}
@media (max-width: 500px){
  .sy_con7 .swiper-slide {
    /* height: 140px; */
}
  .sy_con2 .swiper-pagination {
    bottom: -30px;
}
  .sy_con4 .gallery-thumbs .swiper-slide {
    line-height: 40px;
}
.sy_con4 .gallery-top .jd,
.sy_con4 .gallery-top .swiper-slide .div:nth-child(7),
.sy_con4 .gallery-top .swiper-slide .div:nth-child(8),
.sy_con4 .gallery-top .swiper-slide .div:nth-child(9),
.sy_con4 .gallery-top .swiper-slide .div:nth-child(10){
  display: none;
}
.sy_con4 .rq2 .swiper-container {
  padding-top: 0;
}
.sy_con4 .rq1 .div2 {
  margin-top: 20px;
}
  .sy_con3 .rq1 .bt2::before {
    height: 8px;
    bottom: -2px;
    }
  .content{
    margin-top: 60px;
  }
  .sy_con8 {
    padding-top: 40px;
    padding-bottom: 50px;
}
  .sy_con8 .rig .div {
    margin-top: 0px;
}
.sy_con8 .rig .div .bot .pcon .p1{
  -webkit-line-clamp: 2;
  font-size: 17px;
  line-height: 26px;
}
.sy_con8 .rig .div .bot .pcon .p2{
  -webkit-line-clamp: 3;
  margin-top: 7px;
  line-height: 23px;
}
  .sy_con8 .lef .div1 .swiper-slide{
    height: auto;
    padding: 10px;
  }
  .sy_con8 .lef .div1 .swiper-slide .bot .img1, .sy_con8 .lef .div1 .swiper-slide .bot .img2{
    position: static;
    float: right;
  }
  .sy_con8 .lef .div1 .swiper-slide .bot .p2 {
    font-size: 16px;
}
.sy_con8 .lef .div1 .swiper-slide .bot .p1 {
  font-size: 14px;
}
  .sy_con8 {
    padding-top: 45px;
    padding-bottom: 65px;
}
  .sy_con8 .rig .div .bot .pcon {
    width: 100%;
}
.sy_con8 .rig .div .bot .pcon{
  float: none;
}
.sy_con8 .rig .div .bot .a1 {
    width: 110px;
    height: 36px;
  margin: 0 auto;
  margin-top: 10px;
  float: none;
}
.sy_con8 .rig .div .bot .a1 span{
  width: 100%;
  font-size: 14px;
  text-align: center;
}
.sy_con8 .rig .div .bot .a1  br{
display: none
}
  .sy_con8 .lef .p3 {
    font-size: 15px;
    margin-top: 15px;
}
.sy_con8 .rig .div .bot {
  padding:20px 15px;
}
  .sy_con8 .lef .p2 {
    font-size: 14px;
    margin-top: 10px;
}
  .sy_con8 .lef .p1 span {
    font-size: 26px;
}
.sy_con8 .lef .div1 {
  margin-top: 30px;
}
  .sy_con8 .lef .p1 {
    font-size: 24px;
}
  .sy_con2 .rq2{
    display: block;
  }
  .sy_con10 .rq .lef .div2 {
    margin-top: 0px;
    padding: 0 15px;
}
  .sy_con10 .rq .lef .div2 .a1 {
    font-size: 16px;
    font-weight: normal;
}
  .sy_con10 .rq .lef .div1 .imgcon {
    top: 32%;  margin-top: 15px;
  }
  .sy_con10 .rq .lef .div1 {
    padding: 20px 15px;
  }
  .sy_con10 .rq .lef .div2 .p1 {
    margin-top: 8px;
    line-height: 22px;
}
.sy10app .swiper-pagination {
  bottom: -28px;
}
  .sy_con9 .rq1 .div1 {
    width: 150px;
    line-height: 45px;
    font-size: 18px;
}
.sy_con9 .swiper-button-next, .sy_con9 .swiper-button-prev{
  right: 10px;
  display: none;
}
.sy_con9 .swiper-button-prev{
  left: 10px;
}
.sy_con9 .swiper-container{
  padding-bottom: 30px;
}
.sy_con9 .swiper-pagination{
  display: block;
  bottom: 0;
}
.sy_con9 .swiper-pagination-bullet-active{
  background-color: #ef862e;
}
.sy_con9 .rq2 {
  margin-top: 20px;
}
.sy_con9 {
  padding-bottom: 30px;
}
.sy_con9 .rq2 .div {
  height: 220px;
}
.sy_con9 .rq2 .div {
  width: 100%;
  height: 220px;
}
.sy_con9 .rq2 .swiper-slide .p1 {
  font-size: 14px;
  padding-top: 10px;
}
  .sy_con7 .swiper-container {
    padding:10px 15px;
    padding-bottom: 25px;
}
.sy_con7 .container {
  padding: 0 0px;
}
.sy_con7 .rq {
  padding: 0;
  margin-top: 10px;
}
.sy_con7 .bt{
  padding: 0 15px;
}
.sy_con7 .swiper-button-next, .sy_con7 .swiper-button-prev{
  display: none;
}
.sy_con7 .swiper-pagination{
  display: block;
}
.sy_con7 .swiper-pagination {
  bottom: 0px;
}
.sy_con7 .swiper-pagination-bullet-active{
  background-color: #ef862e;
}
.sy_con7 .swiper-slide {
  margin-top: 10px !important;
}
  .abo_video .bfq div {
    width: 35px;
    height: 35px;
    margin-top: 20px;
}
  .abo_video .bfq .p1 {
    font-size: 18px;
}
  .abo_video .bfq {
    width: 90%;
    line-height: 30px;
  }
  .sy_con6 .video_con {
    height: 250px;
}
.sy_con6 .video_con .rq2 {
  width: 100%;
  height: 100%;
}
  .sy_con5 .divcon2 .rig .btncon .a1,
  .sy_con5 .divcon2 .rig .btncon .a2{
    line-height: 40px;
  }
  .sy_con5 .divcon2 .rig .btncon .a2{
    margin-left: 10px;
  }

  .sy_con5 .divcon2 .rig .p2 {
    padding-top: 12px;
    line-height: 24px;
}
  .sy_con5 .divcon2 .rig {
    padding-left: 0px;
}
  .sy_con5 .rq3 .rq4{
    width: 50%;
    margin-top: 30px;
  }


  .sy_con5 .rq3 .rq4 .p3 .sztd {
    font-size: 36px;
}
.sy_con5 .rq3 .rq4 .p4,.sy_con5 .rq3 .rq4 .p3 .zi{
  font-size: 14px;
}
.sy_con5 .divcon2 .rig .btncon .a1,
.sy_con5 .divcon2 .rig .btncon .a2{
  font-size: 13px;
}
.sy_con5 {
  padding-top: 45px;
  padding-bottom: 45px;
}
  .sy_con2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sy_con3{
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .sy_con3 .rq1 {
    padding-top: 0px;
}
  .sy_con3 .rq3 .p2 {
    font-size: 26px;
}
.sy_con3 .rq3 {
  padding-top: 0px;
}
  .sy_con3 .rq3 .p1::before {
    width: 18px;
    height: 18px;
  }
  .sy_con3 .rq3 .p1 {
    font-size: 16px;
    padding-left: 25px;
  }
  .sy_con3 .rq2 .div .p2 {
    font-size: 13px;
}
.sy_con3 .rq1, .sy_con3 .rq2, .sy_con3 .rq3 {
  margin-top: 20px;
}
.sy_con3 .rq2 .div .imgcon {
  width: 28px;
}
  .sy_con3 .rq2 .div .p1 {
    font-size: 16px;
    margin-top: 10px;
}
.sy_con3 .rq2 .div {
  width: 100px;
  margin-left: 10px;
}
  .sy_con2 .rq1 .bt{
    position: static;
  }
  .sy_con4 .gallery-top .swiper-slide .div .p1 {
    font-size: 14px;
    margin-top:8px;
}
  .sy_con2 .rq3 {
    display: table;
    width: auto;
    margin: 0 auto;
    margin-top: 45px;
}
  .sy_con2 .rq2 .div {
    margin-top: 0px;
  }
  .sy_con2 .rq2 .div {
    width: 100%;
  }
  .sy_con2 .rq3 .a1 {
    width: 150px;
    line-height: 40px;
  }
  .sy_con2 .rq3 .a2 {
    width: 125px;
    line-height: 40px;margin-left: 10px;
  }
  .sy_con2 .rq1 .rig .bot {
    overflow-x: scroll;
    white-space: nowrap;
    overflow-y: hidden;
    width: 520px;
    padding-bottom: 10px;
  }
  .sy_con2 .rq1 .rig .bot::-webkit-scrollbar {
    width: 3px;
    height: 5px;
    background-color:  #ef862e;
    border-radius:50px;
  }
  
  .sy_con2 .rq1 .rig .bot::-webkit-scrollbar-track {
    border-radius: 50px;
    background-color:#999999
  }
  
  .sy_con2 .rq1 .rig .bot::-webkit-scrollbar-thumb {
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color:  #ef862e;
  }
  .sy_con1 .rq2 .lef {
    line-height: 30px;
}
  .sy_con1 .rq1 {
    line-height: 0px;
    border-bottom: none;
}
  .sy_con1 .rq1 .div1 .p2{
    margin-left: 0;
    line-height: 20px;
  }
  .spa1{
    left: 50%;
    top: 90%;
    transform: translate(-50%,-50%);
  }
  .sy_con1 .rq1 .div1 .p1 {
    font-size: 13px;
    line-height: 24px;
    padding-left: 20px;
}
.sy_con1{
  display: none;
}
.spa1 .swiper-pagination-bullet {
  font-size: 16px;
  width: 30px;
  height: 30px;
  margin-top: 0px;
}
.sy_con2 .rq1 .rig{
  display: none;
}
.sy_con5 .divcon2 .rig .p1 {
  font-size: 20px;
  padding-bottom: 12px;
}
.sy_con5 .divcon2 .rig {
  padding-top: 20px;
}
.sy_con7 {
  padding-top: 40px;
  padding-bottom: 40px;
}

}



/* 产品中心 */
.ny_banner{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.ny_banner .bj{
  width: 100%;
}
.ny_banner .rq{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.ny_banner .rq1{
  width: 100%;
}
.ny_banner .rq1 .p1{
  font-size: 48px;
  color: #f8f8f8;
  font-weight: bold;
}
.ny_banner .rq1 .p2{
  padding-top: 10px;
  font-size: 14px;
  color: #f8f8f8;
  text-transform: uppercase;
}

/* pro_con1 */
.pro_con1{
  width: 100%;
  border-bottom: 1px solid rgb(233,233,233);
  background: rgb(248,248,248);
}
.pro_con1 .div{
  width: 100%;
  text-align: right;
}
.pro_con1 .div a{
  font-size: 14px;
  color: #666666;
  line-height: 70px;
}
.pro_con1 .div a.on{
  color: #ef862e;
}
.pro_con1 .div a img{
  width: 17px;
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 5px;
}

/* pro_con2 */
.pro_con2{
  width: 100%;
  padding-top: 58px;
  padding-bottom: 78px;
  background: rgb(248,248,248);
}
.pro_con2 .lef{
  width: 21.8%;
  float: left;
}
.pro_lef{
  width: 100%;
}
.pro_lef .rq{
  width: 100%;
  margin-bottom: 34px;
}
.pro_lef .rq .p{
  font-size: 30px;
  color: #ffffff;
  text-align: center;
  line-height: 80px;
  background: rgb(47,51,54);
  position: relative;
}
.pro_lef .rq .p span{
  font-size: 60px;
  color: #ffffff;
  opacity: 0.02;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  text-transform: uppercase;
  font-family: "din";
}
.pro_lef .rq .div{
  width: 100%;
}
.pro_lef .rq .div .div1{
  width: 100%;
  margin-bottom: 1px;
}
.pro_lef .rq .div .div1 p{
  line-height: 60px;
  background: rgb(125,125,125);
  padding: 0 25px;
  transition: all .5s;

  text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.pro_lef .rq .div .div1:hover p,
.pro_lef .rq .div .div1.on p{
  background: rgb(239,134,46);
}
.pro_lef .rq .div .div1 p a{
  font-size: 18px;
  color: #ffffff;
}
.pro_lef .rq .div .div1 .div2{
  width: 100%;
  background: #fff;
  max-height: 0;
  height: auto;
  transition: all .5s;
  overflow: hidden;
}

.pro_lef .rq .div .div1:hover .div2,
.pro_lef .rq .div .div1.on .div2{
  max-height: 400px;
}
.pro_lef .rq .div .div1 .div3{
  width: 100%;
  padding: 20px 0;
  overflow-y: auto;
}
.pro_lef .rq .div .div1 .div4{
  width: 100%;
  padding: 0 36px;
  height: 360px;
  overflow-y: auto;
}
.pro_lef .rq .div .div1 .div4::-webkit-scrollbar {
  width: 3px;
  background-color: #fff;
}
.pro_lef .rq .div .div1 .div4::-webkit-scrollbar-thumb {
  background-color: #ef862e
}

.pro_lef .rq .div .div1 .div4{
  width: 100%;
}
.pro_lef .rq .div .div1 .div3 a{
  font-size: 14px;
  color: #666666;
  display: block;
  margin-bottom: 17px;
  padding-right: 20px;
  position: relative;
  text-transform: uppercase;

  text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.pro_lef .rq .div .div1 .div3 a::before{
  content: '';
  width: 15px;
  height: 8px;
  background-image: url(../images/img34.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all .5s;
}
.pro_lef .rq .div .div1 .div3 a.on2,
.pro_lef .rq .div .div1 .div3 a:hover{
  color: #ef862e;
}
.pro_lef .rq .div .div1 .div3 a.on2::before,
.pro_lef .rq .div .div1 .div3 a:hover::before{
  right: 0;
  opacity: 1;
}

.pro_lef .rq1{
  width: 100%;
  background-image: url(../images/img35.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 15px;
}
.pro_lef .rq1 .p{
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
  line-height: 64px;
  border-bottom: 1px solid #fff;
}
.pro_lef .rq1 .div{
  width: 100%;
  padding-top: 22px;
  padding-bottom: 35px;
}
.pro_lef .rq1 .div p{
  font-size: 16px;
  color: #ffffff;
  line-height: 36px;
}
.pro_lef .rq1 .div a{
  font-size: 17px;
  color: #ffffff;
  display: block;
  width: 158px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background: #ef862e;
  margin-top: 46px;
}
.pro_lef .rq1 .div a i{
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(../images/img36.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: -8px;
  margin-right: 10px;
}

.pro_con2 .rig{
  width: 74.6%;
  float: right;
}
.pro_con2 .rig .p{
  font-size: 30px;
  color: #333333;
  font-weight: bold;
  border-bottom: 3px solid rgb(238,238,238);
  padding-bottom: 24px;
}
.pro_con2 .rig .rq{
  width: 100%;
  padding-top: 45px;
  padding-bottom: 50px;
}
.pro_con2 .rig .rq .div{
  width: 31%;
  margin-right: 3.5%;
  float: left;
  margin-bottom: 18px;
}
.pro_con2 .rig .rq .div .imgbox{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.pro_con2 .rig .rq .div .imgbox .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .pro_con2 .rig .rq .div p {
  
} */
.pro_con2 .rig .rq .div p{
  text-align: center;
  font-size: 18px;
  height: 60px;
  line-height: 24px;
  width: 80%;
  margin: 0 auto;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
  word-wrap:break-word;
  padding-top: 12px;
  color: #333;
}
.pro_con2 .rig .rq .div:hover p {
  color: #ef862e;
}
.pro_con2 .rig .rq .div:nth-child(3n){
  margin-right: 0;
}
.pro_con2 .rig .rq .div img{
  width: 100%;
  vertical-align: middle;
}


/* 分液器 */
.fyq{
  display: table;
  width: auto;
  margin: 0 auto;
}
.fyq li{
  width: 38px;
  height: 38px;
  margin: 0 7px;
  float: left;
  background: #fff;
  transition: all .5s;
}
.fyq li.on,
.fyq li:hover{
  background: #ef862e;
}
.fyq li a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 38px;
  font-size: 20px;
  color: #666666;
}
.fyq li.on a,
.fyq li:hover a{
  color: #fff;
}
.fyq .per a,
.fyq .nex a{
  background-image: url(../images/img39.png);
  background-size: 9px 14px;
  background-repeat: no-repeat;
  background-position: center;
}
.fyq .per a{
  transform: rotate(180deg);
}
.fyq .per:hover a,
.fyq .nex:hover a{
  background-image: url(../images/img38.png);
}



/* pro_con3 */
.pro_con3{
  width: 100%;
  padding-top: 64px;
  padding-bottom: 80px;
}
.pro_con3 .top{
  width: 100%;
}
.pro_con3 .top .div{
  width: 100%;
  margin-bottom: 45px;
  position: relative;
}
.pro_con3 .top .div p{
  font-size: 36px;
  color: #333333;
  padding-left: 18px;
  position: relative;
}
.pro_con3 .top .div p::before{
  content: '';
  width: 4px;
  height: 32px;
  background: #ef862e;
  position: absolute;
  left: 0;
  top: 56%;
  transform: translateY(-50%);
}
.pro_con3 .top .div a{
  font-size: 16px;
  color: #ffffff;
  width: 152px;
  height: 46px;
  border-radius: 46px;
  line-height: 46px;
  text-align: center;
  background: #ef862e;
  position: absolute;
  right: 0;
  top: 56%;
  transform: translateY(-50%);
}
.pro_con3 .top .div1{
  width: 100%;
}
.pro_con3 .top .div1 .lef{
  width: 49.4%;
  float: left;
}
.pro_con3 .top .div1 .lef a{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  position: relative;
  display: block;
}
.pro_con3 .top .div1 .lef a .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pro_con3 .top .div1 .lef img{
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.pro_con3 .top .div1 .rig{
  width: 50.6%;
  float: left;
  padding-left: 40px;
}
.pro_con3 .top .div1 .rig a{
  font-size: 16px;
  color: #666666;
  display: block;
  border-bottom: 1px solid rgb(223,223,223);
  position: relative;
  padding:21px 0;
  padding-right: 80px;
}
.pro_con3 .top .div1 .rig a:first-child{
  padding-top: 0;
}
.pro_con3 .top .div1 .rig a:last-child{
  border-bottom: none;
}
.pro_con3 .top .div1 .rig a p{
  text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
  transition: all .5s;
}
.pro_con3 .top .div1 .rig a:hover p{
  color: #ef862e;
}
.pro_con3 .top .div1 .rig a span{
  font-size: 14px;
  color: #999999;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.pro_con3 .top .div1 .rig a:first-child span{
  top: 26%;
}

.pro_con3 .bot{
  width: 100%;
  margin-top: 95px;
  background-image: url(../images/img41.jpg);
  background-size: cover;
  padding: 75px 40px;
}
.pro_con3 .bot .lef{
  width: 66%;
  float: left;
}
.pro_con3 .bot .lef .p1{
  font-size: 36px;
  color: #ffffff;
}
.pro_con3 .bot .lef .p2{
  font-size: 18px;
  color: #ffffff;
  margin-top: 10px;
}
.pro_con3 .bot .rig{
  width: 34%;
  float: left;
  padding-top: 15px;
}
.pro_con3 .bot .rig .div1{
  float: left;
}
.pro_con3 .bot .rig .div1 a{
  font-size: 18px;
  color: #fdfdfd;
  width: 180px;
  height: 50px;
  line-height: 50px;
  border-radius: 50px;
  background: #ef862e;
  text-align: center;
  display: block;
}
.pro_con3 .bot .rig .div1 a i{
  width: 25px;
  height: 25px;
  background-image: url(../images/img36.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
  margin-bottom: -8px;
  display: inline-block;
}
.pro_con3 .bot .rig .div2 .p1{
  font-size: 16px;
  color: #ffffff;
}
.pro_con3 .bot .rig .div2 .p2{
  font-size: 30px;
  color: #ffffff;
  font-family: "din";
}
.pro_con3 .bot .rig .div2{
  margin-left: 50px;
  padding-left: 54px;
  position: relative;
}
.pro_con3 .bot .rig .div2 img{
  width: 41px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}


@media(max-width:1459px){
  .pro_con2 .rig .rq .div p {
    font-size: 16px;
    height: 50px;
    line-height: 20px;
    width: 80%;
    padding-top: 10px;
}
  .ny_banner .rq1 .p1 {
    font-size: 36px;
}
.pro_con1 .div a {
  font-size: 14px;
  line-height: 54px;
}
.pro_con2 {
  padding-top: 44px;
  padding-bottom: 58px;
}
.pro_lef .rq {
  margin-bottom: 24px;
}
.pro_lef .rq .p {
  font-size: 22px;
  line-height: 60px;
}
.pro_lef .rq .p span {
  font-size: 44px;
}
.pro_lef .rq .div .div1 p {
  line-height: 45px;
  padding: 0 18px;
}
.pro_lef .rq .div .div1 p a {
  font-size: 16px;
}
.pro_lef .rq .div .div1:hover .div2, 
.pro_lef .rq .div .div1.on .div2 {
  max-height: 305px;
}
.pro_lef .rq .div .div1 .div3 {
  padding: 12px 0;
}
.pro_lef .rq .div .div1 .div4 {
  padding: 0 26px;
  height: 270px;
}
.pro_lef .rq .div .div1 .div3 a {
  font-size: 13px;
  margin-bottom: 10px;
  padding-right: 16px;
}
.pro_lef .rq1 {
  padding: 0px 10px;
}
.pro_lef .rq1 .p {
  font-size: 18px;
  line-height: 48px;
}
.pro_lef .rq1 .div {
  padding-top: 10px;
  padding-bottom: 24px;
}
.pro_lef .rq1 .div p {
  font-size: 14px;
  line-height: 28px;
}
.pro_lef .rq1 .div a {
  font-size: 15px;
  width: 130px;
  height: 40px;
  line-height: 40px;
  margin-top: 30px;
}
.pro_lef .rq1 .div a i {
  width: 18px;
  height: 18px;
  margin-bottom: -5px;
  margin-right: 8px;
}
.pro_con2 .rig .p {
  font-size: 22px;
  border-bottom: 2px solid rgb(238,238,238);
  padding-bottom: 18px;
}
.pro_con2 .rig .rq {
  padding-top: 34px;
  padding-bottom: 38px;
}
.pro_con2 .rig .rq .div {
  margin-bottom: 14px;
}
.pro_con3 {
  padding-top: 48px;
  padding-bottom: 60px;
}
.pro_con3 .top .div p {
  font-size: 26px;
  padding-left: 12px;
}
.pro_con3 .top .div p::before {
  width: 2px;
  height: 25px;
}
.pro_con3 .top .div a {
  font-size: 14px;
  width: 120px;
  height: 34px;
  border-radius: 34px;
  line-height: 34px;
  top: 52%;
  transform: translateY(-50%);
}
.pro_con3 .top .div {
  margin-bottom: 38px;
}
.pro_con3 .top .div1 .rig {
  padding-left: 26px;
}
.pro_con3 .top .div1 .rig a {
  font-size: 14px;
  padding: 14px 0;
  padding-right: 70px;
}
.pro_con3 .top .div1 .rig a span {
  font-size: 12px;
}
.pro_con3 .bot {
  margin-top: 61px;
  padding: 50px 24px;
}
.pro_con3 .bot .lef .p1 {
  font-size: 26px;
}
.pro_con3 .bot .lef .p2 {
  font-size: 14px;
  margin-top: 8px;
}
.pro_con3 .bot .rig .div1 a {
  font-size: 14px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
}
.pro_con3 .bot .rig .div1 a i {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  margin-bottom: -6px;
}
.pro_con3 .bot .rig .div2 .p1 {
  font-size: 14px;
}
.pro_con3 .bot .rig .div2 .p2 {
  font-size: 22px;
}
.pro_con3 .bot .rig .div2 {
  margin-left: 34px;
  padding-left: 38px;
}
.pro_con3 .bot .rig .div2 img {
  width: 30px;
}
.pro_con3 .bot .rig {
  padding-top: 10px;
}

}
@media(max-width:1259px){
  .pro_con3 .bot .rig .div2 {
    margin-left: 11px;
    padding-left: 38px;
  }
  .pro_con2 .rig .rq .div p {
    font-size: 14px;
    height: 45px;
    line-height: 20px;
    padding-top: 8px;
}
.pro_con2 .rig .rq .div {
  margin-bottom: 12px;
}
.ny_banner .rq1 .p2 {
  padding-top: 6px;
}
}
@media(max-width:991px){
  .pro_con2 .lef{
    display: none;
  }
  .pro_con2 .rig{
    width: 100%;
  }
  .pro_con3 .top .div1 .lef{
    width: 100%;
  }
  .pro_con3 .top .div1 .rig{
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
  .pro_con3 .bot {
    margin-top: 40px;
    padding: 30px 24px;
}
.pro_con3 .bot .lef{
  width: 100%;
}
.pro_con3 .bot .rig{
  width: 100%;
  margin-left: 0;
  margin-top: 15px;
}

}
@media(max-width:500px){
  .pro_con2 .rig .rq .div p {
    font-size: 12px;
    height: 38px;
    line-height: 18px;
    padding-top: 4px;
}
.ny_banner .rq1 .p1 {
  font-size: 24px;
}
.ny_banner .rq1 .p2 {
  padding-top: 10px;
  font-size: 14px;
}
.pro_con1{
  display: none !important;
}
.pro_con1 .div a {
  font-size: 13px;
  line-height: 44px;
}
.pro_con1 .div {
  text-align: left;
}
.pro_con1 .div a img {
  width: 15px;
  margin-bottom: 4px;
  margin-right: 2px;
}
.pro_con2 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.pro_con2 .rig .p {
  padding-bottom: 12px;
}
.pro_con2 .rig .rq {
  padding-top: 24px;
  padding-bottom: 15px;
}
.pro_con2 .rig .rq .div{
  width: 49%;
  margin-right: 2%;
  margin-bottom: 4px;
}
.pro_con2 .rig .rq .div:nth-child(3n){
  margin-right: 2%;
}
.pro_con2 .rig .rq .div:nth-child(2n){
  margin-right: 0;
}
.fyq li {
  width: 30px;
  height: 30px;
  margin: 0 4px;
}
.fyq li a {
  line-height: 30px;
  font-size: 13px;
}
.pro_con3 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.pro_con3 .top .div a{
  display: none;
}
.pro_con3 .top .div p {
  font-size: 24px;
}
.pro_con3 .top .div {
  margin-bottom: 22px;
}
.pro_con3 .bot {
  margin-top: 20px;
  padding: 22px 12px;
}
.pro_con3 .bot .lef .p1 {
  font-size: 20px;
}
.pro_con3 .bot .rig .div1 a {
  font-size: 14px;
  width: 110px;
  height: 35px;
  line-height: 35px;
  border-radius: 35px;
  margin-top: 2px;
}
.pro_con3 .bot .rig .div2 .p1 {
  font-size: 12px;
}
.pro_con3 .bot .rig .div2 .p2 {
  font-size: 20px;
}
.pro_con3 .bot .rig .div2 img {
  width: 26px;
}
.pro_con3 .bot .rig .div2 {
  margin-left: 20px;
}
.pro_con3 .bot .lef .p2 {
  line-height: 23px;
}
.pro_con3 .bot .lef .p1 {
  line-height: 30px;
}

}




/* 产品详情 */
.pro_dat1{
  width: 100%;
  line-height: 84px;
  background: rgb(49,49,49);
}
.pro_dat1 .rq{
  text-align: right;
}
.pro_dat1 a{
  font-size: 16px;
  color: #ffffff;
}
.pro_dat1 a:hover,
.pro_dat1 a.on{
  color: #ef862e;
}

/* pro_dat2 */
.pro_dat2{
  width: 100%;
  background: rgb(248,248,248);
  padding-top: 60px;
  padding-bottom: 105px;
}
.pro_dat2 .lef{
  width: 21.8%;
  float: left;
}
.pro_dat2 .rig{
  width: 74.2%;
  float: right;
}
.pro_dat2 .rig .rq1{
  width: 100%;
  background: #fff;
  border: 1px solid rgb(235,235,235);
  padding: 42px 28px 80px 48px;
  position: relative;
}
.pro_dat2 .rig .rq_lef{
  width: 39.5%;
  float: left;
}
.pro_dat2 .rig .rq_lef .top{
  width: 100%;
}
.pro_dat2 .rig .rq_lef .top img{
  width: 100%;
}
.pro_dat2 .rig .rq_lef .bot{
  width: 100%;
  padding-top: 16px;
}
.pro_dat2 .rig .rq_lef .bot .div{
  width: 100%;
  height: 88px;
  position: relative;
  border: 1px solid rgb(237,237,237);
  transition: all .5s;
}
.pro_dat2 .rig .rq_lef .bot .swiper-slide-thumb-active .div{
  border: 1px solid #ef862e;
}
.pro_dat2 .rig .rq_lef .bot .div img{
  max-width: 80%;
  max-height: 80%;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.pro_dat2 .rig .rq_rig{
  width: 60.5%;
  float: left;
  padding-left: 80px;
}
.pro_dat2 .rig .rq_rig .rig_s{
  max-height: 375px;
  overflow-y: scroll;
}
.pro_dat2 .rig .rq_rig .rig_s::-webkit-scrollbar {
  width: 3px;
  background-color: #fff;
}
.pro_dat2 .rig .rq_rig .rig_s::-webkit-scrollbar-thumb {
  background-color: #ef862e
}
.pro_dat2 .rig .rq_rig .p1{
  font-size: 24px;
  color: #333333;
  line-height: 37px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.pro_dat2 .rig .rq_rig .div{
  width: 100%;
  padding-top: 20px;
}
.pro_dat2 .rig .rq_rig .div p{
  font-size: 16px;
  color: #999999;
  line-height: 26px;
  margin-bottom: 10px;
}
.pro_dat2 .rig .rq_rig .div1{
  width: 100%;
  position: absolute;
  right: 50px;
  bottom: 80px;
  width: auto;
  max-width: 50%;
}
.pro_dat2 .rig .rq_rig .div1 a{
  font-size: 18px;
  color: #fdfdfd;
  width: 180px;
  height: 50px;
  border-radius: 50px;
  line-height: 50px;
  text-align: center;
  background: #ef862e;
  float: left;
}
.pro_dat2 .rig .rq_rig .div1 a i{
  display: inline-block;
  width: 27px;
  height: 26px;
  background-image: url(../images/img45.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: -7px;
  margin-right: 14px;
}
.pro_dat2 .rig .rq_rig .div2{
  float: left;
  margin-left: 40px;
  padding-left: 50px;
  position: relative;
}
.pro_dat2 .rig .rq_rig .div2 img{
  width: 41px;
  position: absolute;
  left: 0;
  top: 8px;
}
.pro_dat2 .rig .rq_rig .div2 .p2{
  font-size: 16px;
  color: #666666;
}
.pro_dat2 .rig .rq_rig .div2 .p3{
  font-size: 30px;
  color: #ef862e;
  font-family: "din";
}

.pro_dat2 .rig .rq2{
  width: 100%;
  margin-top: 40px;
}
.pro_dat2 .rig .rq2 .top{
  width: 100%;
  background: rgb(67,67,67);
  height: 80px;
  line-height: 80px;
}
.pro_dat2 .rig .rq2 .top p{
  font-size: 20px;
  color: #ffffff;
  float: left;
  width: 185px;
  text-align: center;
  cursor: pointer;
}
.pro_dat2 .rig .rq2 .top p.on{
  background: #ef862e;
}
.pro_dat2 .rig .rq2 .bot{
  width: 100%;
  background: #fff;
}
.pro_dat2 .rig .rq2 .bot .div{
  width: 100%;
  padding: 50px;
  padding-bottom: 88px;
  display: none;
  /* max-height: 600px;
  overflow-y: scroll; */
}
.pro_dat2 .rig .rq2 .bot .div::-webkit-scrollbar {
  width: 3px;
  background-color: #fff;
}
.pro_dat2 .rig .rq2 .bot .div::-webkit-scrollbar-thumb {
  background-color: #ef862e
}
.pro_dat2 .rig .rq2 .bot .div.on{
  display: block;
}
.pro_dat2 .rig .rq2 .bot .div img{
  max-width: 100%;
  /* display: block;
  margin: 0 auto; */
}
.down-list li {
  padding: 20px 50px 20px 35px;
  border-bottom: 1px solid #f1f1f1;
  background-repeat: no-repeat;
  background-position: right 55px center;
  background-image: url(../images/down.png);
  transition: all 0.4s;
}
.down-list li a{
  display: block;
}
.down-list li span.name {
  padding-left: 55px;
  background: url(../images/down2.png) no-repeat left center;
  width: 60%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: all .5s;
}
.down-list li span {
  font-size: 16px;
  color: #333;
  line-height: 27px;
  display: inline-block;
}
.down-list li:hover .name{
color: #ef862e;
}
.down-list li span.time {
  float: right;
  margin-right: 220px;
  font-size: 14px;
  color: #666;
  font-family: "DIMN";
}
.down-list li span {
  font-size: 16px;
  color: #333;
  line-height: 27px;
  display: inline-block;
}



/* pro_dat3 */
.pro_dat3{
  width: 100%;
  padding-top: 76px;
  overflow: hidden;
}
.res_con1 .pro_dat3 , .res_con4 .pro_dat3{
  padding-top: 0px;
}
.pro_dat3 .rq1{
  width: 100%;
  padding-bottom: 70px;
}
.pro_dat3 .rq1 .p{
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
  line-height: 70px;
  background: rgb(67,67,67);
  padding-left: 20px;
}
.pro_dat3 .rq1 .div{
  width: 100%;
  margin-top: 35px;
}
.pro_dat3 .rq1 .div .div1{
  width: 32%;
  float: left;
  height: 50px;
  border: 1px solid rgb(220,220,220);
  margin-right: 2%;
  padding-left: 23px;
  position: relative;
  margin-bottom: 28px;
}
.pro_dat3 .rq1 .div .div1:nth-child(3){
  margin-right: 0;
}
.pro_dat3 .rq1 .div .div1::before{
  content: '';
  width: 6px;
  height: 6px;
  background-image: url(../images/img48.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.pro_dat3 .rq1 .div input{
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #999999;
}
.pro_dat3 .rq1 .div2{
  width: 100%;
  height: 175px;
  border: 1px solid rgb(220,220,220);
  padding: 20px 23px;
  position: relative;
}
.pro_dat3 .rq1 .div2::before{
  content: '';
  width: 6px;
  height: 6px;
  background-image: url(../images/img48.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 12px;
  top: 26px;
}
.pro_dat3 .rq1 .div2 textarea{
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #999999;
}
.pro_dat3 .rq1 .p1{
  font-size: 16px;
  color: #999999;
  margin-top: 20px;
}
.pro_dat3 .rq1 .p1 span{
  color: #ff0404;
}
.pro_dat3 .rq1 button{
  font-size: 16px;
  color: #ffffff;
  width: 140px;
  height: 46px;
  display: block;
  background: #ef862e;
  margin-top: 28px;
}
.pro_dat3 .rq2{
  width: 100%;
  padding-bottom: 76px;
}
.res_con1 .pro_dat3 .rq2, .res_con4 .pro_dat3 .rq2{
  padding-bottom: 0px;
}
.con_con2 .pro_dat3 .rq2 {
  width: 100%;
  padding-bottom: 0px;
}
.pro_dat3 .rq2 .p{
  font-size: 36px;
  color: #333333;
  padding-left: 18px;
  position: relative;
}
.pro_dat3 .rq2 .p::before{
  content: '';
  width: 4px;
  height: 30px;
  background: #ef862e;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.pro_dat3 .rq2 .rq{
  width: 100%;
  margin-top: 40px;
  position: relative;
}
.pro_dat3 .rq2 .cptj .swiper-slide a{
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.pro_dat3 .rq2 .cptj .swiper-slide a .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.res_con1 .pro_dat3 .rq2 .rq, .res_con4 .pro_dat3 .rq2 .rq{
  margin-top: 0px;
}
.con_con2 .pro_dat3 .rq2 .rq{
  margin-top: 0px;
}
.pro_dat3 .rq2 .rq img{
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.pro_dat3 .rq2 .swiper-button-next,
.pro_dat3 .rq2 .swiper-button-prev{
  width: 20px;
  height: 34px;
  background-image: url(../images/img51.png);
  background-size: contain;
  background-repeat: no-repeat;
  right: -48px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.res_con1 .pro_dat3 .rq2 .swiper-button-next, .res_con4 .pro_dat3 .rq2 .swiper-button-next,
.res_con1 .pro_dat3 .rq2 .swiper-button-prev, .res_con4 .pro_dat3 .rq2 .swiper-button-prev{
  width: 60px;
  height: 60px;
  background-image: url(../images/img82.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.res_con1 .pro_dat3 .rq2 .swiper-button-prev, .res_con4 .pro_dat3 .rq2 .swiper-button-pre{
  transform: translateY(-50%) rotate(180deg);
}
.res_con4 .pro_dat3 .rq2 .swiper-button-next,
.res_con4 .pro_dat3 .rq2 .swiper-button-prev{
  top: 55%;
}
.res_con4 .pro_dat3 .rq2 .swiper-button-next{
  right: -76px;
}
.res_con4 .pro_dat3 .rq2 .swiper-button-prev{
  left: -76px;
}
.res_con1 .pro_dat3 .rq2 .swiper-button-next,
.res_con1 .pro_dat3 .rq2 .swiper-button-prev{
  top: 55%;
}
.pro_dat3 .rq2 .swiper-button-prev{
  left: -48px;
  transform: translateY(-50%) rotate(180deg);
}
.pro_dat3 .rq2 .swiper-pagination{
  display: none;
}
.pro_dat3 .rq2 .swiper-pagination-bullet-active{
  background: #ef862e;
}

.pro_dat3 .rq3{
  width: 100%;
  padding-bottom: 130px;
}
.pro_dat3 .rq3 .pro_con3{
  padding: 0 !important;
}


.y_fc{
  width: 58px;
  background: #ef862e;
  position: fixed;
  right: 80px;
  top: 70%;
  transform: translateY(-50%);
  padding: 30px 0;
  border-radius: 80px;
  z-index: 100;
}
.y_fc i{
  display: block;
  width: 24px;height: 28px;
  background-image: url(../images/img52.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.y_fc span{
  font-size: 18px;
  color: #ffffff;
  width: 19px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}


@media(max-width:1459px){
  .y_fc{
    right: 0px;
  }
  .pro_dat1 {
    line-height: 60px;
}
.pro_dat1 a {
  font-size: 14px;
}
.pro_dat2 {
  padding-top: 46px;
  padding-bottom: 78px;
}
.pro_dat2 .rig .rq1 {
  padding: 30px 20px 50px 36px;
}
.pro_dat2 .rig .rq_lef .bot .div {
  height: 62px;
}
.pro_dat2 .rig .rq_rig {
  padding-left: 50px;
}
.pro_dat2 .rig .rq_rig .rig_s{
  max-height: 310px;
}
.pro_dat2 .rig .rq_rig .p1 {
  font-size: 18px;
  line-height: 32px;
}
.pro_dat2 .rig .rq_rig .div {
  padding-top: 10px;
}
.pro_dat2 .rig .rq_rig .div p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 4px;
}
.pro_dat2 .rig .rq_rig .div1 {
  right: 20px;
  bottom: 50px;
}
.pro_dat2 .rig .rq_rig .div1 a {
  font-size: 14px;
  width: 136px;
  height: 38px;
  border-radius: 38px;
  line-height: 38px;
}
.pro_dat2 .rig .rq_rig .div1 a i {
  width: 19px;
  height: 18px;
  margin-bottom: -6px;
  margin-right: 7px;
}
.pro_dat2 .rig .rq_rig .div2 {
  margin-left: 25px;
  padding-left: 40px;
}
.pro_dat2 .rig .rq_rig .div2 img {
  width: 32px;
  top: 8px;
}
.pro_dat2 .rig .rq_rig .div2 .p2 {
  font-size: 14px;
}
.pro_dat2 .rig .rq_rig .div2 .p3 {
  font-size: 24px;
}
.pro_dat2 .rig .rq2 {
  margin-top: 30px;
}
.pro_dat2 .rig .rq2 .top {
  height: 60px;
  line-height: 60px;
}
.pro_dat2 .rig .rq2 .top p {
  font-size: 15px;
  width: 140px;
}
.pro_dat2 .rig .rq2 .bot .div {
  padding: 36px;
  padding-bottom: 50px;
}
.down-list li {
  padding: 14px 20px 14px 14px;
  background-position: right 20px center;
}
.down-list li span {
  font-size: 14px;
}
.down-list li span.time {
  margin-right: 150px;
  font-size: 14px;
}

.pro_dat3 {
  padding-top: 60px;
}
.pro_dat3 .rq1 .p {
  font-size: 16px;
  line-height: 54px;
  padding-left: 16px;
}
.pro_dat3 .rq1 .div {
  margin-top: 24px;
}
.pro_dat3 .rq1 .div .div1 {
  height: 44px;
  padding-left: 20px;
  margin-bottom: 18px;
}
.pro_dat3 .rq1 .div input {
  font-size: 13px;
}
.pro_dat3 .rq1 .div .div1::before {
  left: 10px;
}
.pro_dat3 .rq1 .div2 {
  height: 130px;
  padding: 12px 20px;
}
.pro_dat3 .rq1 .div2::before {
  width: 6px;
  height: 6px;
  left: 10px;
  top: 18px;
}
.pro_dat3 .rq1 .p1 {
  font-size: 14px;
  margin-top: 12px;
}
.pro_dat3 .rq1 button {
  font-size: 14px;
  width: 110px;
  height: 36px;
  margin-top: 20px;
}
.pro_dat3 .rq1 {
  padding-bottom: 52px;
}
.pro_dat3 .rq2 .p {
  font-size: 26px;
  padding-left: 12px;
}
.pro_dat3 .rq2 .p::before {
  width: 2px;
  height: 25px;
  top: 55%;
}
.pro_dat3 .rq2 .rq {
  margin-top: 28px;
}
.pro_dat3 .rq2 .swiper-button-next, .pro_dat3 .rq2 .swiper-button-prev {
  width: 15px;
  height: 26px;
  right: -36px;
}
.pro_dat3 .rq2 .swiper-button-prev {
  left: -36px;
}
.res_con4 .pro_dat3 .rq2 .swiper-button-next, .res_con1 .pro_dat3 .rq2 .swiper-button-next{
  right: -76px;
  width: 46px;
  height: 46px;
}
.res_con4 .pro_dat3 .rq2 .swiper-button-prev, .res_con1 .pro_dat3 .rq2 .swiper-button-prev{
  left: -76px;
  width: 46px;
  height: 46px;
}
.pro_dat3 .rq2 {
  padding-bottom: 56px;
}
.pro_dat3 .rq3 {
  padding-bottom: 80px;
}


}
@media(max-width:1200px){
  .pro_dat2 .rig .rq_rig .rig_s{
    max-height: 260px;
  }
}

@media(max-width:991px){
  .pro_dat2 .lef{
    display: none;
  }
  .pro_dat2 .rig{
    width: 100%;
  }
  .y_fc{
    display: none;
  }
  .down-list li span.time{
    display: none;
  }

}
@media(max-width:768px) {
  .res_con3 .swiper-button-next, .res_con3 .swiper-container-rtl .swiper-button-prev{
    display: none;
  }
  .pro_dat2 .rig .rq_rig .div1 {
    position: relative;
    right: auto;
    bottom: auto;
    padding-top: 38px;
    max-width: 100%;
    width: 100%;
  }
}
@media(max-width:500px){
  .pro_dat1 {
    line-height: 46px;
}
.pro_dat2 {
  padding-top: 32px;
  padding-bottom: 50px;
}
.pro_dat2 .rig .rq_lef{
  width: 100%;
}
.pro_dat2 .rig .rq1 {
  padding: 22px 15px;
}
.pro_dat2 .rig .rq_rig{
  width: 100%;
  padding-left: 0;
  padding-top: 20px;
}
.pro_dat2 .rig .rq_rig .p1 {
  line-height: 30px;
}
.pro_dat2 .rig .rq_rig .div1 {
  position: relative;
  right: auto;
  bottom: auto;
  padding-top: 38px;
  max-width: 100%;
  width: 100%;
}
.pro_dat2 .rig .rq_rig .div1 a {
  font-size: 13px;
  width: 110px;
  height: 35px;
  border-radius: 35px;
  line-height: 35px;
  margin-top: 1px;
}
.pro_dat2 .rig .rq_rig .div1 a i {
  width: 16px;
}
.pro_dat2 .rig .rq_rig .div2 {
  margin-left: 18px;
  padding-left: 36px;
}
.pro_dat2 .rig .rq_rig .div2 img {
  width: 26px;
  top: 6px;
}
.pro_dat2 .rig .rq_rig .div2 .p2 {
  font-size: 12px;
}
.pro_dat2 .rig .rq_rig .div2 .p3 {
  font-size: 20px;
}
.pro_dat2 .rig .rq2 .top {
  height: 42px;
  line-height: 42px;
}
.pro_dat2 .rig .rq2 .top p {
  font-size: 14px;
  width: 100px;
}
.pro_dat2 .rig .rq2 .bot .div {
  padding:20px 15px;
  padding-bottom: 30px;
}
.down-list li {
  padding: 10px 0px 10px 0px;
  background-position: right 0px center;
}
.down-list li span.name {
  padding-left: 30px;
  width: 90%;
}
.pro_dat3 {
  padding-top: 40px;
}
.pro_dat3 .rq1 .p {
  font-size: 15px;
  line-height: 56px;
  padding-left: 12px;
}
.pro_dat3 .rq1 .div {
  margin-top: 10px;
}
.pro_dat3 .rq1 .div .div1{
  width: 100%;
  margin-right: 0;
  margin-bottom: 6px;
}
.pro_dat3 .rq1 {
  padding-bottom: 40px;
}
.pro_dat3 .rq2 .p {
  font-size: 24px;
}
.pro_dat3 .rq2 .rq {
  margin-top: 18px;
}
.pro_dat3 .rq2 {
  padding-bottom: 40px;
}
.pro_dat3 .rq2 .swiper-button-next, .pro_dat3 .rq2 .swiper-button-prev{
  display: none;
}
.pro_dat3 .rq2 .swiper-pagination{
  display: block;
  bottom: 0px;
}
.pro_dat3 .rq2 .swiper-container{
  padding-bottom: 30px;
}
.pro_dat3 .rq3 {
  padding-bottom: 40px;
}

}





/* 产品应用 */
.pro2_con1{
  background: #fff;
}
.pro2_con1 .div{
  float: right;
  width: auto;
}
.pro2_con1 .div1{
  float: left;
}
.pro2_con1 .div1 a{
  font-size: 16px;
  color: #666666;
  float: left;
  padding: 0 20px;
  line-height: 70px;
  position: relative;
}
.pro2_con1 .div1 a:hover,
.pro2_con1 .div1 a.on{
  color: #ef862e;
}
.pro2_con1 .div1 a::before{
  content: '';
  width: 100%;
  height: 3px;
  background: #ef862e;
  position: absolute;
  bottom: -2px;
  left: 0;
  opacity: 0;
}
.pro2_con1 .div1 a.on::before{
  opacity: 1;
}

/* pro2_con2 */
.pro2_con2{
  width: 100%;
  padding-top: 80px;
  padding-bottom: 72px;
}
.pro2_con2 .rq{
  width: 100%;
  padding-bottom: 30px;
}
.pro2_con2 .rq .div{
  width: 23.5%;
  margin-right: 2%;
  float: left;
  margin-bottom: 40px;
}
.pro2_con2 .rq .div:nth-child(4n){
  margin-right: 0;
}
.pro2_con2 .rq .div .top{
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 77%;
  position: relative;
}
.pro2_con2 .rq .div .top .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}


.pro2_con2 .rq .div .top img{
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.pro2_con2 .rq .div:hover .top img{
  transform: scale(1.05);
}
.pro2_con2 .rq .div p{
  font-size: 24px;
  color: #666666;
  padding-top: 18px;
  text-align: center;
  transition: all .5s;

  text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.pro2_con2 .rq .div:hover p{
  color: #ef862e;
}
.fyq2 li{
  background: rgb(238,238,238);
}
.pro2_con3{
  background: rgb(245,245,245);
}
.pro2_con3 .rq1 .div2,
.pro2_con3 .rq1 .div .div1{
  background: #fff;
}

@media(max-width:1459px){
  .pro2_con2 {
    padding-top: 60px;
    padding-bottom: 56px;
}
.pro2_con2 .rq .div p {
  font-size: 18px;
  padding-top: 14px;
}
.pro2_con2 .rq .div {
  margin-bottom: 26px;
}
.pro2_con2 .rq {
  padding-bottom: 22px;
}
.pro2_con1 .div1 a {
  font-size: 14px;
  padding: 0 15px;
  line-height: 54px;
}
.pro2_con2 .rq .div p {
  font-size: 16px;
  padding-top: 10px;
}

}
@media(max-width:768px){
  .pro2_con1 .div1{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .pro2_con1 .div1::-webkit-scrollbar {
    height: 1px;
    background-color: rgba(0, 0, 0, 0)
  }
  .pro2_con1 .div1::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0)
  }
  .pro2_con1 .div1 a{
    display: inline-block;
    float: none;
  }
  .pro2_con1 .div{
    display: none;
  }
  .pro2_con2 {
    padding-top: 40px;
}
.pro2_con2 .rq .div{
  width: 32%;
  margin-right: 2%;
}
.pro2_con2 .rq .div:nth-child(4n){
  margin-right: 2%;
}
.pro2_con2 .rq .div:nth-child(3n){
  margin-right: 0%;
}
}
@media(max-width:500px){
  .pro2_con2 .rq .div{
    width: 49%;
    margin-right: 2%;
  }
  .pro2_con2 .rq .div:nth-child(3n){
    margin-right: 2%;
  }
  .pro2_con2 .rq .div:nth-child(2n){
    margin-right: 0%;
  }
  .pro2_con2 .rq .div p {
    font-size: 14px;
    padding-top: 8px;
}
.pro2_con2 .rq .div {
  margin-bottom: 16px;
}
.pro2_con2 {
  padding-bottom: 44px;
}
.pro2_con1{
  display: block !important;
}

.pro2_con1 .div1 a {
  padding: 0 10px;
  line-height: 45px;
}

.pro2_con1 .div1 a::before {
  bottom: -1px;
}

}




/* 产品应用详情 */
.pro2_dat1{
  width: 100%;
  padding-top: 70px;
}
.pro2_dat1 .p{
  font-size: 40px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding-bottom: 15px;
}
.pro2_dat1 .p::before{
  content: '';
  width: 42px;
  height: 2px;
  background: #ef862e;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.pro2_dat1 .rq{
  width: 100%;
  padding-top: 85px;
  padding-bottom: 65px;
  background: #fff;
}
.pro2_dat1 .rq1 .rq:nth-child(2n){
  background: rgb(245,245,245);
}
.pro2_dat1 .rq .div{
  width: 100%;
  padding: 0 75px;
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
}
.pro2_dat1 .rq1 .rq:nth-child(2n) .div{
  flex-wrap: wrap;
}
.pro2_dat1 .rq .div .lef{
  width: 50.4%;
  padding-right: 96px;
}
.pro2_dat1 .rq1 .rq:nth-child(2n) .div .lef{
  padding-left: 96px;
  padding-right: 0;
}
.pro2_dat1 .rq .div .lef .p1{
  font-size: 30px;
  color: #ef862e;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.pro2_dat1 .rq .div .lef .p1::before{
  content: '';
  width: 100%;
  height: 14px;
  background: #ef862e;
  opacity: 0.22;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: -1;
}
.pro2_dat1 .rq .div .lef .p2{
  font-size: 18px;
  color: #666666;
  line-height: 30px;
  padding-top: 20px;
  position: relative;
  padding-bottom: 38px;
}
.pro2_dat1 .rq .div .lef .p2::before{
  content: '';
  width: 68px;
  height: 6px;
  background: #ef862e;
  position: absolute;
  bottom: 0;
  left: 0;
}
.pro2_dat1 .rq .div .rig{
  width: 49.6%;
  height: 0;
  overflow: hidden;
  padding-bottom: 26.64%;
  position: relative;
}
.pro2_dat1 .rq .div .rig img{
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

@media(max-width:1459px){
  .pro2_dat1 {
    padding-top: 54px;
}
.pro2_dat1 .p {
  font-size: 32px;
  padding-bottom: 12px;
}
.pro2_dat1 .rq {
  padding-top: 60px;
  padding-bottom: 50px;
}
.pro2_dat1 .rq .div {
  padding: 0 50px;
}
.pro2_dat1 .rq .div .lef {
  padding-right: 60px;
}
.pro2_dat1 .rq1 .rq:nth-child(2n) .div .lef {
  padding-left: 60px;
  padding-right: 0;
}
.pro2_dat1 .rq .div .lef .p1 {
  font-size: 22px;
}
.pro2_dat1 .rq .div .lef .p1::before {
  height: 8px;
  bottom: -1px;
}
.pro2_dat1 .rq .div .lef .p2 {
  font-size: 15px;
  line-height: 26px;
  padding-top: 14px;
  padding-bottom: 25px;
}
.pro2_dat1 .rq .div .lef .p2::before {
  width: 50px;
  height: 3px;
}

}
@media(max-width:991px){
  .pro2_dat1 .rq .div {
    padding: 0 0px;
}
.pro2_dat1 .rq .div .lef {
  padding-right: 20px;
}
.pro2_dat1 .rq1 .rq:nth-child(2n) .div .lef {
  padding-left: 20px;
  padding-right: 0;
}

}
@media(max-width:768px){
  .pro2_dat1 {
    padding-top: 50px;
}
.pro2_dat1 .p {
  font-size: 28px;
  padding-bottom: 10px;
}
.pro2_dat1 .rq {
  padding-top: 44px;
  padding-bottom: 40px;
}
.pro2_dat1 .rq1 .rq:nth-child(2n) .div .lef,
.pro2_dat1 .rq .div .lef{
  width: 100%;
  padding: 0;
  padding-top: 20px;
}
.pro2_dat1 .rq .div .rig{
  width: 100%;
  padding-bottom: 53.64%;
}

}
@media(max-width:500px){
  .pro2_dat1 {
    padding-top: 40px;
}
.pro2_dat1 .p {
  font-size: 24px;
  padding-bottom: 10px;
}
.pro2_dat1 .rq {
  padding-top: 24px;
  padding-bottom: 36px;
}
.pro2_dat1 .rq1 .rq:nth-child(2n) .div .lef, .pro2_dat1 .rq .div .lef {
  padding-top: 14px;
}
.pro2_dat1 .rq .div .lef .p1 {
  font-size: 18px;
}
.pro2_dat1 .rq .div .lef .p2 {
  font-size: 14px;
  line-height: 24px;
  padding-top: 10px;
  padding-bottom: 15px;
}

}


/* 客户服务-规格书下载 */
/* ser1_con1 */
.ser1_con1{
  width: 100%;
  padding-top: 55px;
  padding-bottom: 96px;
  background: rgb(248,248,248);
}
.ser1_con1 .lef{
  width: 21.8%;
  float: left;
}
.sev_div{
  width: 100%;
  background: #fff;
}
.sev_div a{
  display: block;
  font-size: 18px;
  color: #666666;
  line-height: 60px;
  border-bottom: 1px solid rgb(248,248,248);
  padding-left: 26px;

  
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.sev_div a.on{
  background: #ef862e;
  color: #fff;
}
.sev_div a:hover{
  color: #ef862e;
}
.sev_div a.on:hover{
  color: #fff;
}
.sev_div a:last-child{
  border-bottom: none;
}
.ser1_con1 .rig{
  width: 74.5%;
  float: right;
  background: #fff;
  padding: 44px 40px 80px 80px;
}
.ser1_con1 .rig .rq{
  width: 100%;
  background: rgb(153,153,153);
  height: 58px;
  line-height: 58px;
}
.ser1_con1 .rig .rq .div{
  width: 30%;
  float: left;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
}
.ser1_con1 .rig .rq .div:nth-child(2),
.ser1_con1 .rig .rq .div:nth-child(4){
  width: 20%;
}
.ser1_con1 .rig .rq1{
  width: 100%;
  border-bottom: 1px solid rgb(233,233,233);
  padding: 28px 0;
}
.ser1_con1 .rig .rq1 .div{
  width: 30%;
  float: left;
  text-align: center;
  font-size: 16px;
  color: #666666;
  padding: 0 10px;
}
.ser1_con1 .rig .rq1:hover .div:nth-child(1){
  color: #ef862e;
}
.ser1_con1 .rig .rq1 .div:nth-child(2),
.ser1_con1 .rig .rq1 .div:nth-child(4){
  width: 20%;
}
.ser1_con1 .rig .rq1 .div a{
  width: 26px;
  height: 24px;
  background-image: url(../images/img64.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
}
.ser1_con1 .rig .rq2{
  width: 100%;
  padding-bottom: 56px;
}

@media(max-width:1459px){
  .ser1_con1 {
    padding-top: 48px;
    padding-bottom: 65px;
}
.sev_div a {
  font-size: 16px;
  line-height: 48px;
  padding-left: 18px;
}
.ser1_con1 .rig {
  padding: 30px 30px 50px 30px;
}
.ser1_con1 .rig .rq .div {
  font-size: 16px;
}
.ser1_con1 .rig .rq {
  height: 46px;
  line-height: 46px;
}
.ser1_con1 .rig .rq1 .div {
  font-size: 14px;
}
.ser1_con1 .rig .rq1 .div a {
  width: 22px;
  height: 20px;
}
.ser1_con1 .rig .rq2 {
  padding-bottom: 35px;
}
.ser1_con1 .rig .rq1 {
  padding: 22px 0;
}

}
@media(max-width:991px){
  .ser1_con1 .lef{
    display: none;
  }
  .ser1_con1 .rig{
    width: 100%;
  }

}
@media(max-width:500px){
  .ser1_con1 {
    padding-top: 35px;
    padding-bottom: 42px;
}
.ser1_con1 .rig{
  padding: 30px 15px;
  padding-bottom: 40px;
}
.ser1_con1 .rig .rq {
  height: 40px;
  line-height: 40px;
}
.ser1_con1 .rig .rq .div {
  font-size: 14px;
}
.ser1_con1 .rig .rq1 .div {
  font-size: 12px;
  padding: 0 4px;
}
.ser1_con1 .rig .rq1 .div a {
  width: 18px;
  height: 17px;
}
.ser1_con1 .rig .rq1 {
  padding: 14px 0;
}
.ser1_con1 .rig .rq2 {
  padding-bottom: 24px;
}

}
@media(max-width:375px){
  .ser1_con1 .rig {
    padding: 22px 10px;
    padding-bottom: 40px;
}
}


/* ser2_con1 */
.ser2_con1{
  width: 100%;
  background: rgb(248,248,248);
  padding-top: 56px;
  padding-bottom: 120px;
}
.ser2_con1 .rq{
  width: 100%;
  background: #fff;
  padding: 50px 300px;
  padding-bottom: 70px;
}
.ser2_con1 .rq .p{
  font-size: 30px;
  color: #000000;
  text-align: center;
  font-weight: bold;
}
.ser2_con1 .rq .p span{
  color: #ef862e;
}
.ser2_con1 .rq .p1{
  font-size: 16px;
  color: #999999;
  text-align: center;
  padding-top: 5px;
}
.ser2_con1 .rq1{
  width: 100%;
  padding-top: 46px;
}
.ser2_con1 .rq2{
  width: 100%;
}
.ser2_con1 .rq2 .div{
  width: 50%;
  float: left;
  margin-bottom: 35px;
}
.ser2_con1 .rq2 .div1{
  width: 100%;
  padding-left: 155px;
  position: relative;
}
.ser2_con1 .rq2 .div1 p{
  width: 155px;
  font-size: 14px;
  color: #666666;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 45px;
  text-align: right;
  padding-right: 10px;
}
.ser2_con1 .rq2 .div1 p span{
  color: #ff000c;
  margin-right: 5px;
}
.ser2_con1 .rq2 .div1 input.text{
  width: 100%;
  height: 45px;
  border: 1px solid rgb(229,229,229);
  font-size: 14px;
  color: #666666;
  padding: 0 15px;
}
.ser2_con1 .rq2 .div2{
  width: 100%;
  float: left;
  margin-bottom: 24px;
}
.ser2_con1 .rq2 .div3{
  width: 100%;
}
.ser2_con1 .rq2 .div3 span{
  float: left;
  width: 110px;
  line-height: 45px;
  font-size: 14px;
  color: #999999;
  position: relative;
}
.ser2_con1 .rq2 .div3 input{
  width: 13px;
  height: 13px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.ser2_con1 .rq2 .div3 label{
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-image: url(../images/img65.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 8px;
}
.ser2_con1 .rq2 .div3 input:checked + label{
  background-image: url(../images/img66.png);
}
.ser2_con1 .rq2 .div4{
  width: 210px;
  height: 45px;
  border: 1px solid rgb(229,229,229);
  padding-right: 110px;
  position: relative;
}
.ser2_con1 .rq2 .div4 input{
  font-size: 14px;
  color: #666666;
  padding: 0 15px;
  width: 100%;
  height: 100%;
  display: block;
}
.ser2_con1 .rq2 .div4 img{
  width: 87px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.ser2_con1 .rq2 .div5{
  width: 100%;
  float: left;
  padding-left: 155px;
}
.ser2_con1 .rq2 .div5 button{
  font-size: 16px;
  color: #ffffff;
  width: 210px;
  height: 45px;
  background: #ef862e;
  display: block;
}
.ser2_con1 .rq2 .div5 .p2{
  font-size: 16px;
  color: #666666;
  margin-top: 25px;
  margin-bottom: 20px;
}
.ser2_con1 .rq2 .div5 .p3{
  font-size: 36px;
  color: #ef862e;
  font-weight: bold;
}

@media(max-width:1459px){
  .ser2_con1 .rq {
    padding: 44px 115px;
    padding-bottom: 60px;
}
.ser2_con1 {
  padding-top: 44px;
  padding-bottom: 80px;
}

}
@media(max-width:991px){
  .ser2_con1 .rq {
    padding: 40px 15px;
    padding-bottom: 60px;
}

}
@media(max-width:600px){
  .ser2_con1 {
    padding-top: 40px;
    padding-bottom: 50px;
}
  .ser2_con1 .rq {
    padding: 40px 15px;
}
  .ser2_con1 .rq .p {
    font-size: 24px;
}
.ser2_con1 .rq .p1 {
  font-size: 13px;
}
.ser2_con1 .rq1 {
  padding-top: 24px;
}
.ser2_con1 .rq2 .div{
  width: 100%;
  margin-bottom: 10px;
}
.ser2_con1 .rq2 .div1 p {
  width: 130px;
  font-size: 13px;
  line-height: 34px;
  padding-right: 0;
}
.ser2_con1 .rq2 .div1 {
  padding-left: 130px;
}
.ser2_con1 .rq2 .div1 input.text {
  height: 34px;
  font-size: 12px;
  padding: 0 10px;
}
.ser2_con1 .rq2 .div2 {
  margin-bottom: 10px;
}
.ser2_con1 .rq2 .div3 span {
  width: 33.3333%;
  line-height: 34px;
  font-size: 13px;
}
.ser2_con1 .rq2 .div4 {
  width: 100%;
  height: 34px;
  padding-right: 90px;
}
.ser2_con1 .rq2 .div4 img {
  width: 70px;
}
.ser2_con1 .rq2 .div4 input {
  font-size: 12px;
  padding: 0 10px;
}
.ser2_con1 .rq2 .div5 {
  padding-left: 130px;
}
.ser2_con1 .rq2 .div5 button {
  font-size: 14px;
  width: 100%;
  height: 42px;
}
.ser2_con1 .rq2 .div5 .p2 {
  font-size: 14px;
  margin-top: 14px;
  margin-bottom: 4px;
}
.ser2_con1 .rq2 .div5 .p3 {
  font-size: 22px;
}
  
}
@media(max-width:375px){
  .ser2_con1 .rq2 .div3 span {
    width: 50%;
}
}


/* 售后说明 */

.wrapper{
  position: relative;
  padding: 60px 0;
  background: rgb(248,248,248);
}
.wrapper .case-art-detail{
  padding: 0 0 20px;
}
.wrapper .case-art-detail p{
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  margin-bottom: 15px;
}
.mt60{
  margin-top: 60px;
}
.wrapper img{ 
  width: 100%;
  vertical-align: middle;
}

@media(max-width:600px){
  .wrapper {
    padding: 40px 0;
}
.wrapper .case-art-detail p {
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 8px;
}
.mt60 {
  margin-top: 26px;
}
.wrapper .case-art-detail{
  padding: 0 0 0px;
}
}


/* 联系我们 */
.con_con1{
  width: 100%;
  padding-top: 75px;
  padding-bottom: 90px;
}
.con_con1 .div{
  width: 29.5%;
  height: 444px;
  margin-right: 5.75%;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, .05);
  border-bottom: 2px solid #ef862e;
  padding: 30px;
  padding-top: 80px;
  float: left;
  transition: all .5s;
}
.con_con1 .div:hover{
  transform: translateY(-10px);
}
.con_con1 .div:nth-child(3){
  margin-right: 0;
}
.con_con1 .div .div1{
  width: 88px;
  height: 88px;
  background: #ef862e;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  transition: all .5s;
}
.con_con1 .div .div1 img{
  width: 39px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all .5s;
}
.con_con1 .div:hover .div1{
  transform: translateY(-10px);
}
.con_con1 .div:hover .div1 img{
  transform: translate(-50%,-50%) scale(1.05);
}
.con_con1 .div .p1{
  font-size: 24px;
  color: #333333;
  text-align: center;
  padding-top: 24px;
}
.con_con1 .div .div2{
  width: 100%;
  padding-top: 18px;
}
.con_con1 .div .div2 p{
  font-size: 16px;
  color: #666666;
  line-height: 34px;
  text-align: center;
}

/* con_con2 */
.con_con2{
  width: 100%;
  padding-top: 60px;
  padding-bottom: 50px;
  background: rgb(248,248,248);
}
.con_con2 .p{
  font-size: 36px;
  color: #333333;
}
.con_con2 .rq{
  width: 100%;
  padding-top: 52px;
}
.con_con2 .rq .div{
  width: 100%;
  height: 160px;
  margin-right: 1.7333%;
  margin-bottom: 30px;
  float: left;
  background: #fff;
  padding: 30px 20px;
  transition: all .5s;
}
.con_con2 .rq .div:hover{
  box-shadow: 0 0 15px rgba(0, 0, 0, .05);
  transform: translateY(-5px);
}
.con_con2 .rq .div:nth-child(4n){
  margin-right: 0;
}
.con_con2 .rq .div .p1{
  font-size: 20px;
  color: #333333;
}
.con_con2 .rq .div .p2{
  width: 100%;
  margin-top: 14px;
  padding-left: 24px;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  position: relative;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.con_con2 .rq .div .p2::before{
  content: '';
  width: 14px;
  height: 18px;
  background-image: url(../images/img71.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 3px;
}


/* con_con3 */
.con_con3{
  width: 100%;
}
.con_con3 .rq{
  width: 100%;
  display: flex;
}
.con_con3 .rq .rig,
.con_con3 .rq .lef{
  width: 50%;
}
.con_con3 .rq .rig img,
.con_con3 .rq .lef img{
  width: 100%;
  vertical-align: middle;
}

/* con_con4 */
.con_con4{
  width: 100%;
  padding-top: 70px;
  padding-bottom: 94px;
}
.con_con4 .p{
  font-size: 48px;
  color: #333333;
  text-align: center;
  padding-bottom: 25px;
  position: relative;
}
.con_con4 .p::before{
  content: '';
  width: 40px;
  height: 3px;
  background: #ef862e;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.con_con4 .rq{
  width: 100%;
  padding: 0 75px;
  padding-top: 45px;
}
.con_con4 .rq .div{
  width: 100%;
}
.con_con4 .rq .div input{
  width: 31.5%;
  height: 50px;
  margin-right: 2.75%;
  float: left;
  border: 1px solid rgb(238,238,238);
  font-size: 14px;
  color: #999999;
  padding: 0 25px;
  margin-bottom: 30px;
}
.con_con4 .rq .div input:nth-child(3){
  margin-right: 0;
}
.con_con4 .rq textarea{
  width: 100%;
  height: 250px;
  border: 1px solid rgb(238,238,238);
  padding:15px 25px;
  font-size: 14px;
  color: #999999;
  margin-bottom: 35px;
  display: block;
}
.con_con4 .rq .div1{
  width: 100%;
}
.con_con4 .rq .div2{
  width: 188px;height: 52px;
  border: 1px solid rgb(238,238,238);
  padding-right: 100px;
  position: relative;
  float: left;
}
.con_con4 .rq .div2 input{
  width: 100%;
  height: 100%;
  display: block;
  font-size: 14px;
  color: #999999;
  padding: 0 10px;
}
.con_con4 .rq .div2 .div3{
  width: 100px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.con_con4 .rq .div2 .div3 img{
  width: 68px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.con_con4 .rq .div2 .div3::before{
  content: '';
  width: 1px;
  height: 35px;
  background: rgb(238,238,238);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.con_con4 .rq button{
  float: left;
  margin-left: 10px;
  width: 120px;
  height: 50px;
  background: #ef862e;
  font-size: 16px;
  color: #ffffff;
}

@media(max-width:1459px){
  .con_con1 {
    padding-top: 56px;
    padding-bottom: 68px;
}
.con_con1 .div {
  height: 336px;
  padding: 20px;
  padding-top: 56px;
}
.con_con1 .div .div1 {
  width: 66px;
  height: 66px;
}
.con_con1 .div .div1 img {
  width: 26px;
}
.con_con1 .div .p1 {
  font-size: 18px;
  padding-top: 18px;
}
.con_con1 .div .div2 {
  padding-top: 12px;
}
.con_con1 .div .div2 p {
  font-size: 14px;
  line-height: 26px;
}
.con_con2 {
  padding-top: 46px;
  padding-bottom: 38px;
}
.con_con2 .p {
  font-size: 26px;
}
.con_con2 .rq {
  padding-top: 28px;
}
.con_con2 .rq .div {
  height: 130px;
  margin-bottom: 20px;
  padding: 20px 14px;
}
.con_con2 .rq .div .p1 {
  font-size: 17px;
}
.con_con2 .rq .div .p2 {
  margin-top: 10px;
  padding-left: 20px;
  font-size: 14px;
  line-height: 22px;
}
.con_con2 .rq .div .p2::before {
  width: 12px;
  height: 16px;
  left: 0;
  top: 4px;
}
.con_con4 {
  padding-top: 52px;
  padding-bottom: 70px;
}
.con_con4 .p {
  font-size: 36px;
  padding-bottom: 16px;
}
.con_con4 .rq {
  padding: 0 56px;
  padding-top: 34px;
}
.con_con4 .rq .div input {
  height: 42px;
  font-size: 13px;
  padding: 0 18px;
  margin-bottom: 20px;
}
.con_con4 .rq textarea {
  height: 190px;
  padding: 12px 18px;
  font-size: 14px;
  margin-bottom: 20px;
}
.con_con4 .rq .div2 {
  width: 160px;
  height: 40px;
  padding-right: 80px;
}
.con_con4 .rq .div2 .div3 {
  width: 80px;
}
.con_con4 .rq button {
  margin-left: 10px;
  width: 100px;
  height: 40px;
  font-size: 14px;
}

}
@media(max-width:991px){
  .con_con1 {
    padding-top: 50px;
    padding-bottom: 60px;
}
.con_con1 .div{
  width: 32%;
  margin-right: 2%;
}
/* .con_con2 .rq .div{
  width: 32%;
  margin-right: 2%;
} */
.con_con2 .rq .div:nth-child(4n){
  margin-right: 2%;
}
.con_con2 .rq .div:nth-child(3n){
  margin-right: 0%;
}
.con_con4 .rq {
  padding: 0 0px;
  padding-top: 34px;
}

}
@media(max-width:500px){
  .con_con1 {
    padding-top: 46px;
    padding-bottom: 48px;
}
.con_con2 .rq .div .p1 {
  font-size: 16px;
  text-align: center;
}
.con_con2 .rq .div .p2 {
  margin-top: 4px;
  padding-left: 20px;
  font-size: 12px;
  line-height: 20px;
}

  .con_con1 .div{
    /* width: 49%;
    margin-right: 2%;
    height: 275px;
    padding: 5px; */
    width: 100%;
    margin-right: 0;
    height: auto;
    padding-top: 26px;
    margin-bottom: 10px;
  }
  .con_con1 .div:nth-child(2){
    margin-right: 0;
  }
  .con_con1 .div:nth-child(3){
    width: 100%;
  }
  .con_con1 .div .p1 {
    font-size: 18px;
    padding-top: 14px;
}
.con_con1 .div .div2 {
  padding-top: 8px;
}
.con_con1 .div .div2 p {
  font-size: 12px;
  line-height: 22px;
}
.con_con2 .p {
  font-size: 24px;
}
.con_con2 .rq {
  padding-top: 20px;
}
.con_con2 .rq .div {
  margin-right: 2%;
  height: 130px;
  margin-bottom: 0px;
  padding: 20px 10px;
}
.con_con2 .rq .div:nth-child(3n){
  margin-right: 2%;
}
.con_con2 .rq .div:nth-child(2n){
  margin-right: 0;
}
.con_con3 .rq{
  flex-wrap: wrap;
}
.con_con3 .rq .rig, .con_con3 .rq .lef{
  width: 100%;
}
.con_con4 {
  padding-top: 45px;
  padding-bottom: 50px;
}
.con_con4 .p {
  font-size: 24px;
  padding-bottom: 10px;
}
.con_con4 .p::before {
  width: 34px;
  height: 2px;
}
.con_con4 .rq {
  padding-top: 22px;
}
.con_con4 .rq .div input{
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}
.con_con4 .rq textarea {
  height: 160px;
  margin-bottom: 10px;
}

}


/* joi_con1 */
.joi_con1{
  width: 100%;
  padding-top: 105px;
  padding-bottom: 84px;
}
.joi_con1 .rq{
  width: 100%;
  position: relative;
  text-align: center;
}
.joi_con1 .rq .p{
  font-size: 24px;
  color: #666666;
  line-height: 40px;
}
.joi_con1 .rq .p1{
  font-size: 100px;
  color: #581829;
  opacity: 0.06;
  font-family: "din";
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: -52px;
}
.joi_con1 .rq1{
  width: 100%;
  padding-top: 55px;
  padding-bottom: 60px;
}
.joi_con1 .rq1 .div{
  width: 100%;
  line-height: 80px;
  background: #ef862e;
  padding: 0 34px;
}
.joi_con1 .rq1 .div p{
  font-size: 18px;
  color: #ffffff;
  width: 19%;
  float: left;
}
.joi_con1 .rq1 .div p:first-child{
  width: 24%;
}
.joi_con1 .rq1 .div1{
  width: 100%;
  margin-bottom: 18px;
  transition: all .5s;
}
.joi_con1 .rq1 .div1.on{
  box-shadow: 0 0 20px rgba(0, 0, 0, .05);
}
.joi_con1 .rq1 .div1 .top{
  width: 100%;
  padding: 25px 34px;
  background: rgb(242,242,242);
  position: relative;
  transition: all .5s;
  cursor: pointer;
}
.joi_con1 .rq1 .div1.on .top{
  background: #fff;
  box-shadow: 0 24px 30px 0 rgba(0, 0, 0, .05);
}
.joi_con1 .rq1 .div1 .top::before{
  content: '';
  width: 16px;
  height: 2px;
  background: rgb(153,153,153);
  position: absolute;
  top: 50%;
  right: 28px;
  transform: translateY(-50%);
  transition: all .5s;
}
.joi_con1 .rq1 .div1.on .top::before{
  background: #ef862e;
}
.joi_con1 .rq1 .div1 .top::after{
  content: '';
  width: 2px;
  height: 16px;
  background: rgb(153,153,153);
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  transition: all .5s;
}
.joi_con1 .rq1 .div1.on .top::after{
  opacity: 0;
}
.joi_con1 .rq1 .div1 .top p{
  font-size: 16px;
  color: #999999;
  width: 19%;
  float: left;
  padding-right: 10px;

  text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.joi_con1 .rq1 .div1 .top p:first-child{
  width: 24%;
}
.joi_con1 .rq1 .div1 .bot{
  width: 100%;
  max-height: 0;
  height: auto;
  overflow: hidden;
  transition: all .5s;
}
.joi_con1 .rq1 .div1.on .bot{
  max-height: 800px;
}
.joi_con1 .rq1 .div1 .bot .div2{
  width: 100%;
  padding: 32px 34px;
  padding-bottom: 60px;
}
.joi_con1 .rq1 .div1 .bot .div3{
  width: 64%;
  margin-top: 40px;
}
.joi_con1 .rq1 .div1 .bot .div3:first-child{
  margin-top: 0px;
}
.joi_con1 .rq1 .div1 .bot p{
  font-size: 14px;
  color: #999999;
  line-height: 32px;
}
.joi_con1 .rq1 .div1 .bot a{
  font-size: 16px;
  color: #ffffff;
  display: block;
  width: 200px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  background: #ef862e;
  margin-top: 30px;
}
.joi_con1 .rq1 .div1 .bot a i{
  display: inline-block;
  width: 18px;
  height: 17px;
  background-image: url(../images/img75.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: -2px;
  margin-right: 5px;
}

@media(max-width:1459px){
  .joi_con1 {
    padding-top: 78px;
    padding-bottom: 62px;
}
.joi_con1 .rq .p {
  font-size: 20px;
  line-height: 28px;
}
.joi_con1 .rq .p1 {
  font-size: 74px;
  top: -40px;
}
.joi_con1 .rq1 {
  padding-top: 40px;
  padding-bottom: 45px;
}
.joi_con1 .rq1 .div {
  line-height: 60px;
  padding: 0 25px;
}
.joi_con1 .rq1 .div p {
  font-size: 16px;
}
.joi_con1 .rq1 .div1 {
  margin-bottom: 12px;
}
.joi_con1 .rq1 .div1 .top {
  padding: 18px 25px;
}
.joi_con1 .rq1 .div1 .top p {
  font-size: 14px;
}
.joi_con1 .rq1 .div1 .top::before {
  width: 14px;
  right: 22px;
}
.joi_con1 .rq1 .div1 .top::after {
  height: 14px;
  right: 28px;
}
.joi_con1 .rq1 .div1 .bot .div2 {
  padding: 24px 26px;
  padding-bottom: 46px;
}
.joi_con1 .rq1 .div1 .bot p {
  font-size: 12px;
  line-height: 26px;
}
.joi_con1 .rq1 .div1 .bot .div3 {
  width: 74%;
  margin-top: 24px;
}
.joi_con1 .rq1 .div1 .bot a {
  font-size: 12px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  margin-top: 23px;
}

}
@media(max-width:500px){
  .joi_con1 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.joi_con1 .rq .p {
  font-size: 16px;
  line-height: 26px;
}
.joi_con1 .rq .p1 {
  font-size: 44px;
  top: -22px;
}
.joi_con1 .rq1 {
  padding-top: 30px;
  padding-bottom: 18px;
}
.joi_con1 .rq1 .div {
  line-height: 45px;
  padding: 0 10px;
}
.joi_con1 .rq1 .div p {
  font-size: 13px;
}
.joi_con1 .rq1 .div1 {
  margin-bottom: 10px;
}
.joi_con1 .rq1 .div1 .top {
  padding: 13px 10px;
}
.joi_con1 .rq1 .div1 .top p {
  font-size: 12px;
  white-space: unset;
  padding-right: 5px;
}
.joi_con1 .rq1 .div p,
.joi_con1 .rq1 .div1 .top p{
  width: 20% !important;
}
.joi_con1 .rq1 .div p:nth-child(5),
.joi_con1 .rq1 .div1 .top p:nth-child(5){
  width: 22% !important;
  padding-right: 1px;
}
.joi_con1 .rq1 .div p:nth-child(3),
.joi_con1 .rq1 .div1 .top p:nth-child(3){
  width: 18% !important;
}
.joi_con1 .rq1 .div1 .top::after,
.joi_con1 .rq1 .div1 .top::before{
  display: none;
}
.joi_con1 .rq1 .div1 .bot .div2 {
  padding: 18px 12px;
  padding-bottom: 26px;
}
.joi_con1 .rq1 .div1 .bot .div3 {
  width: 100%;
}

}


/* 新闻 */
.new_con1{
  width: 100%;
  padding-top: 58px;
  padding-bottom: 80px;
  background: rgb(248,248,248);
}
.new_con1 .lef{
  width: 21.8%;
  float: left;
}
.new_con1 .rig{
  width: 74.6%;
  float: right;
  background: #fff;
}
.new_con1 .rig .top{
  width: 100%;
  padding: 45px 25px 76px 48px;
}
.new_con1 .rig .top .div1{
  width: 58%;
  float: left;
}
.new_con1 .rig .top .div1 .imgbox{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  position: relative;
}
.new_con1 .rig .top .div1 .imgbox .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new_con1 .rig .top .div1 img{
  max-width: 100%;
  max-height: 100%;
}
.new_con1 .rig .top .div2{
  width: 42%;
  float: left;
  padding-left: 30px;
  padding-top: 32px;
}
.new_con1 .rig .top .div2 .p1{
  font-size: 20px;
  color: #333333;
  margin-bottom: 23px;
  line-height: 30px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.new_con1 .rig .top .div2 .p2{
  font-size: 14px;
  color: #777777;
  line-height: 30px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.new_con1 .rig .top .div2 span{
  display: block;
  font-size: 14px;
  color: #ffffff;
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #ef862e;
  margin-top: 50px;
}
.new_con1 .rig .bot{
  width: 100%;
  padding-bottom: 64px;
}
.new_con1 .rig .bot .rq{
  width: 100%;
  padding: 0 24px;
  padding-bottom: 50px;
}
.new_con1 .rig .bot .div{
  width: 100%;
  padding: 48px 0;
  border-top: 1px solid rgb(236,236,236);
}
.new_con1 .rig .bot .div a{
  display: flex;
  align-items: center;
}
.new_con1 .rig .bot .div .div1{
  width: 66%;
  padding-left: 160px;
  padding-right: 22px;
  position: relative;
}
.new_con1 .rig .bot .div .div1 .p1{
  font-size: 20px;
  color: #333333;
  margin-bottom: 25px;
  line-height: 30px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.new_con1 .rig .bot .div .div1 .p2{
  font-size: 14px;
  color: #777777;
  line-height: 30px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.new_con1 .rig .bot .div .div1 button{
  font-size: 14px;
  color: #666666;
  width: 150px;
  height: 40px;
  display: block;
  margin-top: 40px;
  border: 1px solid rgb(225,225,225);
  transition: all .5s;
}
.new_con1 .rig .bot .div:hover .div1 button{
  background: #ef862e;
  border: 1px solid #ef862e;
  color: #fff;
}
.new_con1 .rig .bot .div .div3{
  width: 120px;
  height: 100%;
  border-right: 1px solid rgb(236,236,236);
  position: absolute;
  left: 0;
  top: 0;
}
.new_con1 .rig .bot .div .div3 p{
  font-family: "din";
  font-size: 48px;
  color: #999999;
  text-align: center;
  position: absolute;
  left: 40%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.new_con1 .rig .bot .div .div3 p span{
  font-size: 18px;
  display: block;
  margin-top: 10px;
}
.new_con1 .rig .bot .div .div2{
  width: 34%;
  overflow: hidden;
}

.new_con1 .rig .bot .div .div2 .imgbox{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  position: relative;
}
.new_con1 .rig .bot .div .div2 .imgbox.img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.new_con1 .rig .bot .div .div2 img{
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.new_con1 .rig .bot .div:hover .div2 img{
  transform: scale(1.05);
}

@media(max-width:1459px){
  .new_con1 .rig .top .div2 span{
    margin-top: 20px;
  }
  .new_con1 {
    padding-top: 44px;
    padding-bottom: 60px;
}
  .new_con1 .rig .top {
    padding: 34px 18px 54px 30px;
}
.new_con1 .rig .top .div2 {
  padding-left: 20px;
  padding-top: 16px;
}
.new_con1 .rig .top .div2 .p1 {
  font-size: 18px;
  margin-bottom: 12px;
}
.new_con1 .rig .top .div2 .p2 {
  font-size: 13px;
  line-height: 25px;
}
.new_con1 .rig .top .div2 a {
  font-size: 13px;
  width: 110px;
  height: 34px;
  line-height: 34px;
  margin-top: 40px;
}
.new_con1 .rig .bot .div {
  padding: 34px 0;
}
.new_con1 .rig .bot .div .div1 {
  padding-left: 120px;
  padding-right: 14px;
}
.new_con1 .rig .bot .div .div3 {
  width: 94px;
}
.new_con1 .rig .bot .div .div1 .p1 {
  font-size: 17px;
  margin-bottom: 16px;
  line-height: 28px;
}
.new_con1 .rig .bot .div .div1 .p2 {
  font-size: 13px;
  line-height: 25px;
}
.new_con1 .rig .bot .div .div1 button {
  font-size: 12px;
  width: 110px;
  height: 36px;
  margin-top: 26px;
}
.new_con1 .rig .bot .div .div3 p {
  font-size: 36px;
}
.new_con1 .rig .bot .div .div3 p span {
  font-size: 16px;
  margin-top: 5px;
}
.new_con1 .rig .bot .rq {
  padding: 0 18px;
  padding-bottom: 38px;
}

}
@media(max-width:991px){
  .new_con1 .lef{
    display: none;
  }
  .new_con1 .rig{
    width: 100%;
  }

}
@media(max-width:500px){
  .new_con1 .rig .top {
    padding:20px 15px;
    padding-bottom: 25px;
}
  .new_con1 .rig .top .div1{
    width: 100%;
  }
  .new_con1 .rig .top .div2{
    width: 100%;
    padding-left: 0;
    padding-top: 12px;
  }
  .new_con1 .rig .top .div2 .p2 {
    line-height: 23px;
}
  .new_con1 .rig .top .div2 a {
    margin-top: 14px;
}
.new_con1 .rig .top .div2 .p1 {
  margin-bottom: 5px;
}
.new_con1 .rig .bot .div a{
  flex-wrap: wrap;
}
.new_con1 .rig .bot .div .div1{
  width: 100%;

  padding-left: 85px;
  padding-right: 0px;
}
.new_con1 .rig .bot .div .div2{
  width: 100%;  margin-top: 20px;
}
.new_con1 .rig .bot .div .div3 {
  width: 70px;
}
.new_con1 .rig .bot .div .div3 p {
  font-size: 32px;
  width: 100%;
}
.new_con1 .rig .bot .div .div1 .p2 {
  line-height: 23px;
}
.new_con1 .rig .bot .rq {
  padding: 0 15px;
  padding-bottom: 0px;
}
.new_con1 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.new_con1 .rig .bot .div .div1 .p1 {
  margin-bottom: 10px;
}
.new_con1 .rig .bot {
  padding-bottom: 46px;
}

}


/* 新闻详情 */
.new_dat1 {
  width: 100%;
  padding-top: 58px;
  padding-bottom: 80px;
  background: rgb(248,248,248);
}
.new_dat1 .lef {
  width: 21.8%;
  float: left;
}
.new_dat1 .rig {
  width: 74.6%;
  float: right;
  background: #fff;
  padding: 0 35px;
}

.new_dat1 .rq2{
  width: 100%;
  padding-top: 40px;
}
.new_dat1 .rq2 .top{
  width: 100%;
  border-bottom: 1px solid rgb(214,214,214);
}
.new_dat1 .rq2 .top .p{
  font-size: 34px;
  color: #333333;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.new_dat1 .rq2 .top .p2{
  padding-bottom: 25px;
  text-align: center;
  padding-top: 15px;
}
.new_dat1 .rq2 .top .p2 span{
  font-size: 16px;
  color: #666666;
  margin-right: 15px;
}
.new_dat1 .rq2 .top .p2 span:last-child{
  margin-right: 0;
}
.new_dat1 .rq2 .bot{
  width: 100%;
  padding-top: 35px;
  padding-bottom: 100px;
  border-bottom: 1px solid rgb(214,214,214);
  color: #666;
}
.new_dat1 .rq2 .bot .p3{
  font-size: 14px;
  color: #666666;
  line-height: 25px;
  margin-bottom: 30px;
}
.new_dat1 .rq2 .bot img{
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}
.new_dat1 .rq3{
  padding-top: 30px;
  padding-bottom: 50px;
  display: flex;
  justify-content: space-between;
}
.new_dat1 .rq3 a{
  font-size: 16px;
  color: #333333;
  transition: all .5s;
}
.new_dat1 .rq3 a:nth-child(1){
  padding-left: 22px;
  position: relative;
}
.new_dat1 .rq3 a:nth-child(1)::before{
  width: 7px;
  height: 13px;
  content: '';
  background-image: url(../images/img93.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(180deg);
  transition: all .5s;
}
.new_dat1 .rq3 a:nth-child(1):hover::before{
  background-image: url(../images/img94.png);
}
.new_dat1 .rq3 a:nth-child(2){
  padding-left: 40px;
  position: relative;
}
.new_dat1 .rq3 a:nth-child(2)::before{
  width: 24px;
  height: 14px;
  content: '';
  background-image: url(../images/img95.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all .5s;
}
.new_dat1 .rq3 a:nth-child(3){
  padding-right: 22px;
  position: relative;
}
.new_dat1 .rq3 a:nth-child(3)::before{
  width: 7px;
  height: 13px;
  content: '';
  background-image: url(../images/img93.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all .5s;
}

@media(max-width:1459px){
  .new_dat1 .rq2 .top .p {
    font-size: 24px;
  }
  .new_dat1 .rq2 {
    padding-top: 25px;
  }
  .new_dat1 .rq2 .top .p2 span {
    font-size: 14px;
    margin-right: 10px;
  }
  .new_dat1 .rq2 .bot {
    padding-top: 35px;
    padding-bottom: 56px;
}
.new_dat1{
  padding-top: 44px;
  padding-bottom: 60px;
}

}
@media(max-width:991px){
  .new_dat1 .lef{
    display: none;
  }
  .new_dat1 .rig{
    width: 100%;
    padding: 0 15px;

  }
}
@media(max-width:500px){
  .new_dat1 {
    padding-top: 40px;
    padding-bottom: 40px;
}
  .new_dat1 .rq2 .top .p2 span {
    font-size: 12px;
    margin-right: 0px;
    display: block;
    margin-top: 5px;
  }
  .new_dat1 .rq2 .top .p {
    font-size: 20px;
  }
  .new_dat1 .rq2 .top .p2 {
    padding-bottom: 15px;
    padding-top: 5px;
  }
  .new_dat1 .rq2 .bot {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .new_dat1 .rq3 a {
    font-size: 14px;
  }
  .new_dat1 .rq3 a:nth-child(1)::before,
  .new_dat1 .rq3 a:nth-child(3)::before {
    width: 7px;
    height: 11px;
  }
  .new_dat1 .rq3 a:nth-child(2)::before {
    width: 18px;
    height: 10px;
  }
  .new_dat1 .rq3 a:nth-child(2) {
    padding-left: 25px;
  }
  .new_dat1 .rq3 {
    padding-top: 20px;
    padding-bottom: 35px;
  }
  .new_dat1 .rq2 .bot .p3 {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 20px;

}

}


/* 研发与制造 */
.res_con1{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 80px;
  position: relative;
}
.re_p{
  font-size: 36px;
  color: #333333;
  text-align: center;
  padding-bottom: 12px;
  position: relative;
}
.re_p::before{
  content: '';
  width: 50px;height: 3px;
  background: #ef862e;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.res_con1 .rq{
  width: 100%;
  padding: 0 38px;
  padding-top: 52px;
}
.res_con1 .rq .div{
  width: 100%;
  margin-right: 3.5%;
  float: left;
  overflow: hidden;
  position: relative;
}
.res_con1 .rq .div:nth-child(3){
  margin-right: 0;
}
.res_con1 .rq .div .imgbox{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 108%;
  position: relative;
}
.res_con1 .rq .div .imgbox .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.res_con1 .rq .div img{
  width: 100%;
  vertical-align: middle;
}
.res_con1 .rq .div .div1{
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(-87px);
  background: rgba(0,0,0,.42);
  padding: 28px 0;
  transition: all .5s;
}
.res_con1 .rq .div:hover .div1{
  transform: translateY(-100%);
  background: rgba(239,134,46,.85);
}
.res_con1 .rq .div .div1 .p1{
  font-size: 24px;
  color: #ffffff;
  text-align: center;

  text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.res_con1 .rq .div .div1 .div2{
  width: 100%;
  margin-top: 14px;
  opacity: 0;
  transition: all .5s;
}
.res_con1 .rq .div:hover .div1 .div2{
  opacity: 1;
}
.res_con1 .rq .div .div1 .div2 p{
  font-size: 18px;color: #ffffff;
  line-height: 30px;
  text-align: center;
}

/* res_con2 */
.res_con2{
  width: 100%;
  padding-top: 70px;
  padding-bottom: 90px;
  position: relative;
  background: rgb(248,248,248);
}
.res_con2 .rq{
  width: 100%;
  padding: 0 160px;
  margin-top: 54px;
  position: relative;
}
.res_con2 .rq .swiper-slide{
  width: 405px;height: 530px;
}
.res_con2 .rq .div{
  width: 100%;
  height: 100%;
  background: #fff;
}
.res_con2 .rq .div .top{
  width: 100%;
  height: 88%;
  position: relative;
}
.res_con2 .rq .div .top img{
  max-width: 80%;
  max-height: 80%;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.res_con2 .rq .div p{
  font-size: 24px;
  color: #333;
  text-align: center;

  text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.res_con2 .swiper-button-next,
.res_con2 .swiper-button-prev{
  width: 60px;
  height: 60px;
  background-image: url(../images/img82.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.res_con2 .swiper-button-prev{
  transform: rotate(180deg);
}


/* res_con3 */
.res_con3{
  width: 100%;
  padding: 76px 0;
}
.res_con3 .swiper-container {
  position: static;
}
.res_con3 .swiper-button-next, .res_con3 .swiper-button-prev {
  right: -76px;
  width: 60px;
    height: 60px;
    background-image: url(../images/img82.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.res_con3  .swiper-button-prev  {
  transform: rotate(
    180deg
    );
  left: -76px;
}
/* .res_con3 .swiper-button-prev,.res_con3 .swiper-container-rtl .swiper-button-next {
  background-image: url(../images/img82.png);
  background-size: contain;
  background-repeat: no-repeat;
  left: -50px;
  top: 55%;
  transform: translateY(-50%) rotate(180deg) scale(.8);
} */
.res_con3 .top{
  width: 100%;
  padding-top: 55px;
  position: relative;
}

.res_con3 .top .swiper-slide{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 38%;
  position: relative;
}

.res_con3 .top .div{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}


.res_con3 .top .div img{
  width: 100%;
  vertical-align: middle;
}
.res_con3 .top .div p{
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  line-height: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,.76);
  width: 100%;

  text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.res_con3 .bot{
  width: 100%;
  margin-top: 45px;
}
.res_con3 .bot .div{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 37%;
  position: relative;
  border: 3px solid transparent;
}
.res_con3 .bot .div .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.res_con3 .bot .swiper-slide-thumb-active .div{
  border: 3px solid #ef862e;
}
.res_con3 .bot .div img{
  width: 100%;
}
.res_con3 .bot p{
  font-size: 18px;
  color: #666666;
  text-align: center;
  padding-top: 16px;
}

/* res_con4 */
.res_con4{
  width: 100%;
  padding-top: 70px;
  padding-bottom: 90px;
  position: relative;
  background: rgb(248,248,248);
}
.res_con4 .rq{
  width: 100%;
  padding-top: 68px;
}
.res_con4 .rq .div{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  position: relative;
}
.res_con4 .rq .div .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}



.res_con4 .rq .div:nth-child(2){
  margin-right: 0;
}
.res_con4 .rq .div img{
  width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.res_con4 .rq .div:hover img{
  transform: scale(1.05);
}
@media(max-width:1680px){
  .res_con2 .rq {
    padding: 0 90px;
}




}
@media(max-width:1459px){
  .res_con1 .rq .div {
    width: 353px;
}
  .res_con1 {
    padding-top: 76px;
    padding-bottom: 60px;
  }
  .re_p {
    font-size: 28px;
    padding-bottom: 10px;
  }
  .re_p::before {
    width: 40px;
    height: 3px;
  }
  .res_con1 .rq {
    width: 100%;
    padding: 0 0px;
    padding-top: 35px;
  }
  .res_con1 .rq .div .div1 {
    padding: 20px 0;
    transform: translateY(-64px);
  }
  .res_con1 .rq .div .div1 .p1 {
    font-size: 18px;
  }
  .res_con1 .rq .div .div1 .div2 {
    margin-top: 8px;
  }
  .res_con1 .rq .div .div1 .div2 p {
    font-size: 14px;
    line-height: 23px;
  }
  .res_con2 {
    padding-top: 60px;
    padding-bottom: 72px;
}
.res_con2 .rq .swiper-slide {
  width: 346px;
  height: 443px;
}
.res_con2 .rq {
  padding: 0 90px;
  margin-top: 40px;
}
.res_con2 .rq .div p {
  font-size: 18px;
}
.res_con2 .swiper-button-next, .res_con2 .swiper-button-prev {
  width: 46px;
  height: 46px;
}
.res_con3 {
  padding: 60px 0;
}
.res_con3 .top {
  padding-top: 38px;
}
.res_con3 .top .div p {
  font-size: 18px;
  line-height: 58px;
}
.res_con3 .bot {
  margin-top: 25px;
}
.res_con3 .bot p {
  font-size: 15px;
  padding-top: 10px;
}
.res_con4 {
  padding-top: 60px;
  padding-bottom: 74px;
}
.res_con4 .rq {
  padding-top: 38px;
}
.res_con3  .swiper-button-next,  .res_con3 .swiper-button-prev{
  width: 46px;
  height: 46px;
}
}
@media(max-width:1259px){
  .res_con1 .rq .div {
    width: 309px;
}
  .res_con2 .rq .swiper-slide {
    width: 306px;
    height: 403px;
}
}
@media(max-width:991px){
  .res_con1 .rq .div {
    width: 100%;
}
  .res_con1 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.res_con1 .rq {
  padding-top: 22px;
}
.res_con1 .rq .div .div1 .p1 {
  font-size: 16px;
}
.res_con1 .rq .div .div1 {
  padding: 14px 0;
  transform: translateY(-49px);
}
.res_con1 .rq .div .div1 .div2 {
  margin-top: 5px;
}
.res_con1 .rq .div .div1 .div2 p {
  font-size: 13px;
  line-height: 21px;
}
.res_con2 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.res_con2 .rq {
  padding: 0 55px;
  margin-top: 33px;
}
.res_con2 .swiper-button-next{
  right: 0;
}
.res_con2 .swiper-button-prev{
  left: 0;
}

}
@media(max-width:500px){
  .res_con1,.res_con2,.res_con3{
    padding-top: 40px;
    padding-bottom: 40px;
}
  .re_p {
    font-size: 24px;
    padding-bottom: 8px;
}
.res_con1 .rq .div{
  width: 100%;
  margin-right: 0;
  margin-bottom: 15px;
}
.res_con1 .rq .div .div1{
  position: static;
  transform: translateY(0px);
}
.res_con1 .rq .div .div1 .div2{
  opacity: 1;    margin-top: 7px;
}
.res_con1 .rq .div .div1 .p1 {
  font-size: 18px;
}
.res_con1 .rq .div:hover .div1 {
  transform: translateY(0%);
  background: rgba(0,0,0,.42);
}
.res_con2 .rq {
  margin-top: 25px;
}
.res_con2 .rq .div .top img {
  max-width: 90%;
  max-height: 90%;
  top: 50%;
}
.res_con2 .rq .swiper-slide {
  width: 100%;
  height: 360px;
}
.res_con2 .rq .div p {
  font-size: 16px;
}
.res_con2 .swiper-button-next, .res_con2 .swiper-button-prev {
  width: 40px;
  height: 40px;
}

.res_con3 .top {
  padding-top: 22px;
}
.res_con3 .top .div p {
  font-size: 16px;
  line-height: 40px;
  position: static;
}
.res_con3 .bot {
  margin-top: 12px;
}
.res_con3 .bot p {
  font-size: 13px;
  padding-top: 5px;
}
.res_con4 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.res_con4 .rq {
  padding-top: 24px;
}

}
@media(max-width:375px){
  .res_con2 .rq .swiper-slide {
    height: 315px;
}
}


/* 关于我们 */
/* abo_con1 */
.abo_con1{
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 100;
}
.abo_con1 .on a{
  color: #ef862e;
}
.abo_con1 .on a::before{
  opacity: 1;
}
.i{
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50px);
  opacity: 0;
}

/* abo_con2 */
.abo_con2{
  width: 100%;
  padding-top: 80px;
  padding-bottom: 90px;
  position: relative;
}
.abo_con2 .rq{
  width: 100%;
  position: relative;
}
.abo_con2 .rig{
  width: 49.4%;
  float: right;
}
.abo_con2 .rig .imgbox{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 53%;
  position: relative;
}
.sy_con5 .divcon2 .lef .imgbox .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.abo_con2 .rig img{
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.abo_con2 .rq1{
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.abo_con2 .rq .lef{
  width: 50%;
  /* padding-top: 40px; */
  padding-right: 20px;
}
.abo_con2 .rq .lef .p1{
  font-size: 48px;
  color: #333333;
  position: relative;
  padding-bottom: 20px;
}
.abo_con2 .rq .lef .p1::before{
  content: '';
  width: 30px;
  height: 3px;
  background: #ef862e;
  position: absolute;
  bottom: 0;
  left: 5px;
}
.abo_con2 .rq .lef .div{
  width: 100%;
  margin-top: 30px;
  height: 360px;
  padding-right: 15px;
  overflow-y: auto;
}
.abo_con2 .rq .lef .div::-webkit-scrollbar {
  width: 3px;
  background-color: #999;
  border-radius:50px;
}

.abo_con2 .rq .lef .div::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background-color: #ef862e
}
.abo_con2 .rq .lef .div p{
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  margin-bottom: 30px;
}


/* abo_con3 */
.abo_con3{
  width: 100%;
  padding-top: 85px;
  padding-bottom: 92px;
  background: rgb(245,245,245);
  position: relative;
}
.ab_p{
  font-size: 48px;
  color: #333333;
  text-align: center;
  padding-bottom: 15px;
  position: relative;
}
.ab_p::before{
  content: '';
  width: 30px;
  height: 3px;
  background: #ef862e;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.abo_con3 .rq{
  width: 100%;
  padding-top: 60px;
}
.abo_con3 .rq .div{
  width: 32%;
  margin-right: 2%;
  float: left;
  position: relative;
  overflow: hidden;
}
.abo_con3 .rq .div .imgbox{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 67%;
  position: relative;
}
.abo_con3 .rq .div .imgbox .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}



.abo_con3 .rq .div:nth-child(3){
  margin-right: 0;
}
.abo_con3 .rq .div img{
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.abo_con3 .rq .div:hover img{
  transform: scale(1.05);
}
.abo_con3 .rq .div .div1{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 26px;
  padding-bottom: 18px;
}
.abo_con3 .rq .div .div1 .p1{
  font-size: 24px;
  color: #ffffff;
}
.abo_con3 .rq .div .div1 .p2{
  font-size: 16px;
  color: #ffffff;
  opacity: 0.74;
  padding-top: 8px;
  line-height: 24px;
}


/* abo_con4 */
.abo_con4{
  width: 100%;
  padding-top: 80px;
  padding-bottom: 90px;
  position: relative;
}
.abo_con4::before{
  content: '';
  width: 100%;
  height: 1px;
  background: rgb(229,229,229);
  position: absolute;
  left: 0;
  top: 225px;
  z-index: -1;
}
.abo_con4 .rq{
  width: 100%;
  padding-top: 60px;
}
.abo_con4 .rq .top{
  width: 100%;
  position: relative;
  padding: 0 140px;
}
.abo_con4 .rq .top .swiper-slide{
  cursor: pointer;
}
.abo_con4 .rq .top span{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(239,134,46,.42);
  display: block;
  margin: 0 auto;
  transition: all .5s;
}
.abo_con4 .rq .top .swiper-slide-thumb-active span{
  background: rgba(239,134,46,1);
}
.abo_con4 .rq .top p{
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  color: #999999;
  opacity: 0.54;
  text-align: center;
  padding-top: 8px;
  transition: all .5s;
  font-family: "din";
}
.abo_con4 .rq .top .swiper-slide-thumb-active p{
  font-size: 24px;
  opacity: 1;
  color: #ef862e;
}
.abo_con4 .rq .bot{
  width: 100%;
  position: relative;
  padding: 0 140px;
  margin-top: 70px;
}
.abo_con4 .rq .bot .rq1{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.abo_con4 .rq .bot .rq1 .lef{
  width: 52.4%;
}
.abo_con4 .rq .bot .rq1 .lef .imgbox{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 54%;
  position: relative;
}
.abo_con4 .rq .bot .rq1 .lef .imgbox .img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.abo_con4 .rq .bot .rq1 .lef img{
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.abo_con4 .rq .bot .rq1 .rig{
  width: 47.6%;
  padding-left: 94px;
}
.abo_con4 .rq .bot .rq1 .rig .div{
  width: 100%;
  height: 330px;
  overflow-y: auto;
  padding-right: 15px;
}
.abo_con4 .rq .bot .rq1 .rig .div::-webkit-scrollbar {
  width: 3px;
  background-color: #999;
  border-radius:50px;
}
.abo_con4 .rq .bot .rq1 .rig .div::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background-color: #ef862e
}
.abo_con4 .rq .bot .rq1 .rig .div p{
  font-size: 16px;
  color: #666666;
  padding-left: 16px;
  margin-bottom: 26px;
  position: relative;
}
.abo_con4 .rq .bot .rq1 .rig .div p::before{
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ef862e;
  position: absolute;
  left: 0;
  top: 8px;
}
.abo_con4 .swiper-button-next,
.abo_con4 .swiper-button-prev{
  width: 48px;
  height: 48px;
  background-image: url(../images/img91.png);
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  margin-top: 0;
  top: -134px;
  transition: all .5s;
}
.abo_con4 .swiper-button-prev{
  transform: rotate(180deg);
  left: 0;
}
.abo_con4 .swiper-button-next:hover,
.abo_con4 .swiper-button-prev:hover{
  background-image: url(../images/img92.png);
}


/* abo_con5 */
.abo_con5{
  width: 100%;
  padding-top: 58px;
  padding-bottom: 60px;
  background: rgb(246,246,246);
  overflow: hidden;
  position: relative;
}
.abo_con5 .rq{
  width: 100%;
  margin-top: 38px;
}
.abo_con5 .rq .top{
  display: table;
  width: auto;
  margin: 0 auto;
}
.abo_con5 .rq .top button{
  float: left;
  margin: 0 7px;
  width: 180px;
  height: 50px;
  background: #fff;
  border: 1px solid rgb(220,220,220);
  font-size: 20px;color: #666666;
  transition: all .5s;
}
.abo_con5 .rq .top button.on{
  background: #ef862e;
  border: 1px solid #ef862e;
  color: #fff;
}
.abo_con5 .rq .bot{
  width: 100%;
  margin-top: 54px;
  position: relative;
}
.abo_con5 .rq .bot .rq1{
  display: none;
}
.abo_con5 .rq .bot .rq1.on{
  display: block;
}
.abo_con5 .rq .bot .div{
  width: 100%;
  height: 378px;
  background: #fff;
  border: 1px solid rgb(228,228,228);
  position: relative;
  overflow: hidden;
}
.abo_con5 .rq .bot .div img{
  max-width: 80%;
  max-height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all .5s;
}
.abo_con5 .rq .bot .swiper-slide:hover .div img{
  transform: translate(-50%,-50%) scale(1.05);
}
.abo_con5 .rq .bot p{
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-top: 15px;
  transition: all .5s;

  text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.abo_con5 .rq .bot .swiper-slide:hover p{
  color: #ef862e;
}
.abo_con5 .swiper-button-next,
.abo_con5 .swiper-button-prev{
  width: 17px;
  height: 30px;
  background-image: url(../images/img98.png);
  background-size: contain;
  background-repeat: no-repeat;
  right: -60px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .5s;
}
.abo_con5 .swiper-button-prev{
  left: -60px;
  transform: translateY(-50%) rotate(180deg);
}
.abo_con5 .swiper-button-next:hover,
.abo_con5 .swiper-button-prev:hover{
  background-image: url(../images/img99.png);
}
.abo_con5 .swiper-pagination{
  display: none;
}

/* abo_con6 */
.abo_con6{
  width: 100%;
  padding-top: 94px;
  padding-bottom: 55px;
  position: relative;
}
.abo_con6 .rq{
  width: 100%;
  padding-top: 56px;
}
.abo_con6 .rq .swiper-container{
  padding-bottom: 60px;
}
.abo_con6 .rq .swiper-slide{
  padding: 1px; 
}
.abo_con6 .rq .div{
  width: 100%;
  height: 283px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgb(229,229,229)
}
.abo_con6 .rq a p{
  text-align: center;
  font-size: 18px;
  color: #333;
  padding-top: 15px;
}
.abo_con6 .rq  a:hover p {
  color: #ef862e;
}
.abo_con6 .rq .div img{
  max-width: 80%;
  max-height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all .5s;
}
.abo_con6 .rq .div:hover img{
  transform: translate(-50%,-50%) scale(1.05);
}
.abo_con6 .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgb(220,220,220);
    opacity: 1;
    margin: 0 7px !important;
    transition: all .5s;
}
.abo_con6 .swiper-pagination-bullet-active{
  background: #ef862e;
}

.abo_con7{
  background: rgb(248,248,248);
}


@media(max-width:1459px){
  .abo_con2 {
    padding-top: 60px;
    padding-bottom: 70px;
}
.abo_con2 .rq .lef {
  /* padding-top: 30px; */
  padding-right: 12px;
}
.abo_con2 .rq .lef .p1 {
  font-size: 36px;
  padding-bottom: 12px;
}
.abo_con2 .rq .lef .div {
  margin-top: 22px;
  height: 200px;
  padding-right: 10px;
}
.abo_con2 .rq .lef .div p {
  font-size: 14px;
  color: #666666;
  line-height: 26px;
  margin-bottom: 15px;
}
.abo_con3 {
  padding-top: 64px;
  padding-bottom: 72px;
}
.ab_p {
  font-size: 36px;
  padding-bottom: 10px;
}
.abo_con3 .rq {
  padding-top: 38px;
}
.abo_con3 .rq .div .div1 {
  padding: 0 20px;
  padding-bottom: 14px;
}
.abo_con3 .rq .div .div1 .p1 {
  font-size: 18px;
}
.abo_con3 .rq .div .div1 .p2 {
  font-size: 14px;
  padding-top: 5px;
  line-height: 22px;
}
.abo_con4 {
  padding-top: 60px;
  padding-bottom: 70px;
}
.abo_con4 .rq {
  padding-top: 44px;
}
.abo_con4 .rq .top {
  padding: 0 100px;
}
.abo_con4 .rq .top span {
  width: 8px;
  height: 8px;
}
.abo_con4 .rq .top p {
  padding-top: 4px;
}
.abo_con4 .rq .bot {
  padding: 0 100px;
  margin-top: 50px;
}
.abo_con4 .rq .bot .rq1 .rig {
  padding-left: 70px;
}
.abo_con4 .rq .bot .rq1 .rig .div {
  height: 238px;
  padding-right: 12px;
}
.abo_con4 .rq .bot .rq1 .rig .div p {
  font-size: 14px;
  padding-left: 14px;
  margin-bottom: 16px;
}
.abo_con4::before {
  top: 165px;
}
.abo_con4 .swiper-button-next, .abo_con4 .swiper-button-prev {
  width: 38px;
  height: 38px;
  top: -108px;
}
.abo_con5 {
  padding-top: 50px;
  padding-bottom: 60px;
}
.abo_con5 .rq {
  margin-top: 30px;
}
.abo_con5 .rq .top button {
  margin: 0 5px;
  width: 150px;
  height: 46px;
  font-size: 16px;
}
.abo_con5 .rq .bot {
  margin-top: 40px;
}
.abo_con5 .rq .bot .div {
  height: 288px;
}
.abo_con5 .rq .bot p {
  font-size: 14px;
  margin-top: 12px;
}
.abo_con5 .swiper-button-next, .abo_con5 .swiper-button-prev {
  width: 14px;
  height: 26px;
  right: -40px;
}
.abo_con5 .swiper-button-prev {
  left: -40px;
}
.abo_con6 {
  padding-top: 74px;
  padding-bottom: 44px;
}
.abo_con6 .rq {
  padding-top: 34px;
}
.abo_con6 .rq .div {
  height: 217px;
}
.abo_con6 .rq a p {
  text-align: center;
  font-size: 15px;
  color: #333;
  padding-top: 12px;
}



}
@media(max-width:1259px){
  .abo_con2 .rq .lef .p1 {
    font-size: 26px;
    padding-bottom: 10px;
}
.abo_con2 .rq .lef .p1::before {
  width: 24px;
  height: 2px;
  left: 0px;
}
.abo_con2 .rq .lef {
  /* padding-top: 8px; */
  padding-right: 12px;
}
.abo_con2 .rq .lef .div {
  margin-top: 16px;
}
.abo_con2 .rq .lef .div p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 5px;
}
.ab_p {
  font-size: 26px;
  padding-bottom: 8px;
}
.ab_p::before {
  width: 24px;
  height: 2px;
}
.abo_con4 .rq {
  padding-top: 35px;
}
.abo_con4 .rq .top {
  padding: 0 70px;
}
.abo_con4 .rq .bot {
  padding: 0 70px;
  margin-top: 36px;
}
.abo_con4 .rq .top p {
  font-size: 14px;
  height: 26px;
  line-height: 26px;
}
.abo_con4 .rq .top .swiper-slide-thumb-active p {
  font-size: 18px;
}
.abo_con4::before {
  top: 141.5px;
}
.abo_con4 .swiper-button-next, .abo_con4 .swiper-button-prev {
  width: 34px;
  height: 34px;
  top: -84px;
}
.abo_con4 .rq .bot .rq1 .rig {
  padding-left: 42px;
}
.abo_con4 .rq .bot .rq1 .rig .div p {
  margin-bottom: 10px;
}
.abo_con4 .rq .bot .rq1 .rig .div {
  height: 203px;
}
.abo_con5 .rq .top button {
  margin: 0 5px;
  width: 120px;
  height: 40px;
  font-size: 13px;
}
.abo_con5 .rq .bot .div {
  height: 250px;
}
.abo_con6 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px !important;
}

}
@media(max-width:991px){
  .abo_con6 .rq .div {
    height: 160px;
}
  .abo_con2 .rq .lef {
    padding-top: 0;
    padding-right: 8px;
}
.abo_con2 .rq .lef .div {
  height: 150px;
}
.abo_con3 .rq .div .div1 {
  padding: 0 10px;
  padding-bottom: 8px;
}
.abo_con4 .rq .bot {
  padding: 0 0px;
  margin-top: 36px;
}

}
@media(max-width:768px){
  .abo_con2 {
    padding-top: 40px;
    padding-bottom: 50px;
}
.abo_con2 .rq .lef{
  width: 100%;
  padding-right: 0;
}
.abo_con2 .rq1{
  position: static;
  transform: translateX(0%);
}
.abo_con2 .rig{
  width: 100%;
  margin-top: 20px;
  padding: 0 15px;
}
.abo_con3 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.abo_con3 .rq {
  padding-top: 22px;
}
.abo_con3 .rq .div .div1{
  position: static;
  padding: 0;
  margin-top: 10px;
}
.abo_con3 .rq .div .div1 .p2,
.abo_con3 .rq .div .div1 .p1{
  color: #333;
}
.abo_con4 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.abo_con4 .rq {
  padding-top: 28px;
}
.abo_con4::before {
  top: 124.5px;
}
.abo_con4 .swiper-button-next, .abo_con4 .swiper-button-prev {
  width: 30px;
  height: 30px;
  top: -82px;
}
.abo_con4 .rq .bot .rq1 .rig {
  padding-left: 22px;
}
.abo_con4 .rq .bot .rq1 .rig .div {
  height: 168px;
}
.abo_con5 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.abo_con5 .rq {
  margin-top: 22px;
}
.abo_con5 .swiper-button-next,
.abo_con5 .swiper-button-prev{
  display: none;
}
.abo_con5 .swiper-pagination{
  display: block;
}
.abo_con5 .swiper-container{
  padding-bottom: 45px;
}
.abo_con5 .swiper-pagination-bullet-active{
  background: #ef862e;
}
.abo_con6 {
  padding-top: 50px;
  padding-bottom: 20px;
}
.abo_con6 .rq {
  padding-top: 20px;
}
.abo_con6 .rq .swiper-container {
  padding-bottom: 40px;
}


}
@media(max-width:500px){
  .abo_con1{
    position: static;
  }
  .pro2_con1 .div1 a:hover{
    color: #666666;
}
.pro2_con1 .div1 a.on:hover,
.pro2_con1 .div1 .on a:hover{
  color: #ef862e;
}
  .abo_con2 .rq .lef .p1 {
    font-size: 24px;
    padding-bottom: 10px;
}
.abo_con3 .rq .div{
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
}
.abo_con3 .rq .div:last-child{
  margin-bottom: 0;
}
.abo_con4 .rq .top {
  padding: 0 45px;
}
.abo_con4::before {
  top: 124px;
}
.abo_con4 .rq .bot {
  margin-top: 26px;
}
.abo_con4 .rq .bot .rq1 .lef{
  width: 100%;
}
.abo_con4 .rq .bot .rq1 .rig{
  width: 100%;
  padding-left: 0;
  margin-top: 15px;
}
.abo_con4 .swiper-button-next, .abo_con4 .swiper-button-prev {
  top: -72px;
}
.abo_con5 .rq .top button {
  margin: 0 5px;
  width: 100px;
  height: 36px;
  font-size: 12px;
}
.abo_con5 .rq .bot {
  margin-top: 28px;
}

.abo_con5 {
  padding-bottom: 20px;
}

.abo_con5 .rq .bot .div {
  height: 210px;
}
.abo_con6 .rq .div {
  height: 140px;
}

}
@media(max-width:375px){
  .abo_con3,.abo_con4{
    padding: 40px 0;
}
.abo_con5,.abo_con6{
  padding-top: 40px;
}
.abo_con4 .swiper-button-next, .abo_con4 .swiper-button-prev {
  top: -62px;
}


}

/*下载弹框*/
.sttk { display:none; overflow:hidden; width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0, 0, 0, 0.6);z-index:8;}
.sttk .close{display:block;position:absolute;left: 55%;top:50%;margin-left: 130px;margin-top:-175px;cursor:pointer;}
.sttk .tkbox{overflow:hidden;width: 250px;height: 210px;padding:15px 25px;background-color:#fff;border-radius:5px;position:absolute;left: 55%;top:50%;margin-top:-175px;margin-left:-175px;    box-sizing: content-box;}
.sttk h3{ font-weight:normal; padding-left:40px; background:url(../images/tk_h.png) no-repeat left top; padding-bottom:18px; border-bottom:1px solid #e9e7e7; margin-bottom:15px; font-size:16px; color:#333}
.sttk ul{ overflow:hidden; width:100%;}
.sttk li{overflow:hidden;width:100%;float:left;margin-bottom:2px;height: 45px;}
.sttk .yzm{display:block;float:left;width: 80px;height: 38px;border:1px solid #f1eded;}
.sttk input{float:left;width: 185px;height: 38px;line-height:38px;border:1px solid #f1eded;border-left:none;padding-left:10px;font-size:14px;color:#999;outline:none;}
.sttk select{ display:block; float:left;width:259px; height:38px; line-height:38px; border:1px solid #f1eded; border-left:none; padding-left:10px; font-size:14px; color:#999; outline:none}
.sttk .yzm{width: 50px;}
.sttk li img{display:block;float:left;width: 100px;}
.sttk em{display:block;width: 250px;height:40px;text-align:center;line-height:40px;background-color: #ef862e;font-size:16px;color:#fff;cursor:pointer;/* margin-top: 5px; */}
.sttk .yzm{background: url(../images/tk01.png) no-repeat 8px center /70%;}
.sttk b{display: block;float: left;height: 45px;line-height: 40px;margin-left: 28px;color: #ef862e;font-size: 14px;cursor: pointer;}
.sttk #spVerCode{display: block;width: 100px;height: 50px;float: left;cursor: pointer;text-align: center;line-height: 45px;color: #fff;background: #999;}
.sttk .ErrorInfo{text-align: center;color: red;display: block;margin: 0 0 5px 0;}