@charset "UTF-8";

.content{

  min-height: 500px;

  overflow: hidden;

  /* background-image: url();

  background-attachment: fixed; */

}

.app{

  display: none;

}



.put-section-5 {

  transform: translateY(-451%);

  -webkit-transform: translateY(-451%);

}



/* banner */

.banner{

  width: 100%;

  position: relative;

  padding: 0 50px;

}

.banner .bj{

  width: 100%;

  vertical-align: middle;

}

.banner .swiper-slide{

  width: 100%;

  overflow: hidden;

}

.banner .swiper-slide .bj{

  transform: scale(1.1);

  transition: all 4.5s;

}

.banner .swiper-slide-active .bj{

  transform: scale(1);

}

.banner .swiper-pagination{

  width: 4px;

  height: auto;

  bottom: 13%;

  left: 93%;

}

.banner .swiper-pagination-bullet{

  width: 2px;

  height: 60px;

  border-radius: 0;

  margin-bottom: 17px !important;

  background: #fff;

  opacity: 1;

  position: relative;

}

.banner .swiper-pagination-bullet::before{

  content: '';

  width: 100%;

  height: 0;

  background: rgb(230,45,33);

  position: absolute;

  top: 0;

  left: 0;

  vertical-align: middle;

}

.banner .swiper-pagination-bullet-active::before{

  height: 100%;

  animation: fy 5s ease;

}

@keyframes fy{

  0%{

    height: 0;

  }

  100%{

    height: 100%;

  }

}



.banner .container{

  position: absolute;

  left: 50%;

  top: 75%;

  transform: translate(-50%,-50%);

}

.banner .container .rq{

  width: 750px;

  height: 220px;

  position: relative;

  padding: 25px;

  z-index: 2;

}



@keyframes bwl{

  0%{

    transform: translatex(100px);

    opacity: 0;

  }

  100%{

    transform: translatex(0px);

    opacity: 1;

  }

}

.banner .container .rq::before{

  content: '';

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  /* background-image: url(../images/img4.png);

  background-repeat: no-repeat;

  background-size: cover; */

  background: rgba(211,45,31,0.8);

  transform: translateX(100px);

  opacity: 0;

  z-index: -1;

}

.banner .swiper-slide-active .container .rq::before{

  animation: bwl 1s ease .7s both;

}

@keyframes bwl2{

  0%{

    transform:  translate(-100px,-50%);

    opacity: 0;

  }

  100%{

    transform:  translate(0px,-50%);

    opacity: 1;

  }

}

.banner .container .rq::after{

  width: 143px;

  height: 276px;

  content: '';

  background-image: url(../images/img3.png);

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  top: 50%;

  left: -15px;

  transform: translate(-100px,-50%);

  opacity: 0;

}

.banner .swiper-slide-active .container .rq::after{

  animation: bwl2 1s ease .7s both;

}

@keyframes lwz{

  0%{

    transform: translateY(100px);

    opacity: 0;

  }

  100%{

    transform: translateY(0px);

    opacity: 1;

  }

}

.banner button{

  width: 140px;

  height: 40px;

  display: block;

  border-radius: 40px;

  border: 2px solid #fff;

  font-size: 18px;

  color: #ffffff;

  transform: translateY(100px);

  opacity: 0;

}

.banner .swiper-slide-active button{

  animation: lwz 1s ease 1s both;

}



.banner .p1{

  font-size: 50px;

  color: #fff;

  font-style:italic;

  font-weight: bold;

  margin-top: 8px;

  margin-bottom: 10px;

  letter-spacing: 1px;

  transform: translateY(100px);

  opacity: 0;

}

.banner .swiper-slide-active .p1{

  animation: lwz 1s ease 1.5s both;

}

.banner .p2{

  font-size: 20px;

  color: #ffffff;

  opacity: 0.8;

  transform: translateY(100px);

  opacity: 0;

}

.banner .swiper-slide-active .p2{

  animation: lwz 1s ease 2s both;

}









/* sy_con1 */

.sy_con1{

  width: 100%;

  padding-top: 120px;

  padding-bottom: 135px;

}

.sy_con1 .top{

  width: 100%;

  display: flex;

}

.sy_con1 .top .lef{

  width: 47%;

}

.sy_con1 .top .rig{

  width: 53%;

}

.bt_rq{

  width: 100%;

  position: relative;

}

.bt{

  font-size: 46px;

  color: #e63024;

  width: 100%;

}

.sy_con1 .bt{

  position: relative;

  padding-bottom: 40px;

}

.sy_con1 .bt::before{

  content: '';

  width: 43px;

  height: 2px;

  background: rgb(230,45,33);

  position: absolute;

  left: 0;

  bottom: 0px;

}

.bt span{

  font-size: 46px;

  color: #333333;

}

.fbt{

  font-size: 56px;

  color: #f0f0f0;

  opacity: 0.6;

  font-family: "bold";

  text-transform: uppercase;

  font-style:italic;

  position: absolute;

  top: 24px;

  left: 0;

  z-index: -1;

}

.sy_con1 .lef .p1{

  font-size: 16px;

  color: #777777;

  width: 70%;

  margin-top: 30px;

  margin-bottom: 85px;

  line-height: 27px;

}

.anniu{

  display: block;

  width: 170px;

  height: 50px;

  line-height: 48px;

  text-align: center;

  border-radius: 50px;

  border: 1px solid rgb(204,204,204);

  position: relative;

  overflow: hidden;

}

.anniu:hover{

  border: 1px solid rgb(230, 48, 36);

}

.anniu::before{

  content: '';

  width: 0%;

  height: 100%;

  background: rgb(230, 48, 36);

  position: absolute;

  top: 50%;

  left: 0%;

  transform: translate(0%,-50%);

  transition: all .5s;

}

.anniu:hover::before{

  width: 100%;

  height: 100%;

  left: 0;

}

.anniu span{

  display: block;

  width: 100%;

  height: 100%;

  font-size: 16px;

  color: #444444;

  padding-right: 40px;

  background-image: url(../images/img6.png);

  background-repeat: no-repeat;

  background-size: 24px;

  background-position-y: center;

  background-position-x: 80%;

  position: relative;z-index: 2;

  transition: all .5s;

}

.anniu:hover span{

  color: #fff;

  padding-right: 30px;

  background-position-x: 85%;

}

.sy_con1 .rig{

  position: relative;

}

.sy_con1 .rig::before{

  content: '';

  /* width: 469px; */

  width: 605px;

  height: 480px;

  background-image: url(../images/img7.png);

  background-repeat: no-repeat;

  position: absolute;

  bottom: -20px;

  right: -20px;

  z-index: -1;

}

.sy_con1 .rig img{

  width: 100%;

  vertical-align: middle;

}

.sy_con1 .bot{

  width: 100%;

  margin-top: 110px;

  display: flex;

  justify-content:space-between;

}

.sy_con1 .bot .rq{

  position: relative;

  width: 25%;

}

.sy_con1 .bot .rq .p1{

  font-size: 18px;

  color: #666666;

  text-align: center;

}

.sy_con1 .bot .rq::before{

  content: '';

  width: 1px;

  height: 85px;

  background: rgb(224,224,224);

  position: absolute;

  top: 20px;

  /* right: -95%; */

  right: 0%;

}

.sy_con1 .bot .rq:nth-child(4)::before{

  content: none;

}

.sy_con1 .bot .rq .p1 span{

  font-size: 70px;

  color: #e62d21;

  font-family: "bin";

  font-style:italic;

  margin-right: 5px;

}

.sy_con1 .bot .rq .p2{

  font-size: 16px;

  color: #666666;

  text-align: center;

}



/* sy_con2 */

.sy_con2{

  width: 100%;

  background-image: url(../images/img8.jpg);

  background-size: cover;

  background-attachment: fixed;

  padding-top: 60px;

  padding-bottom: 60px;

}

.sy_con2 .container{

  position: relative;

}

.sy_con2 .anniu{

  position: absolute;

  right: 0;

  top: 20px;

}

.fbt2{

  font-size: 18px;

  color: #777777;

  margin-top: 5px;

}

.sy_con2 .swp1 .swiper-slide{

  margin-top: 55px;

  background-image: url(../images/img9.jpg);

  background-size: cover;

  border-radius: 0 25px;

}

.sy_con2 .swp1 .swiper-slide a{

  width: 100%;

  height: 100%;

  display: flex;

}

.sy_con2 .swp1 .swiper-slide .lef{

  width: 48%;

  padding-top: 100px;

  padding-left: 90px;

}

.sy_con2 .swp1 .swiper-slide .lef .p1{

  font-size: 30px;

  color: #ffffff;

}

.sy_con2 .swp1 .swiper-slide .lef .p2{

  font-size: 16px;

  color: #ffffff;

  opacity: 0.8;

  margin-top: 30px;

  margin-bottom: 50px;

  width: 70%;

  line-height: 25px;

}

.sy_con2 .swp1 .swiper-slide .lef img{

  width: 50px;

  transition: all .5s;

}

.sy_con2 .swp1 .swiper-slide:hover .lef img{

  margin-left: 20px;

}

.sy_con2 .swp1 .swiper-slide .rig{

  width: 52%;

  border-radius: 0 25px 0 0;

  overflow: hidden;

  transform: translateY(-10px);

}

.sy_con2 .swp1 .swiper-slide .rig img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.sy_con2 .swp1 .swiper-slide:hover .rig img{

  transform: scale(1.1);

}



.sy_con2 .rq2{

  position: relative;

}

.sy_con2 .swp2{

  width: 80%;

  padding: 0 4%;

  padding-top: 25px;

}



.sy_con2 .swp2 .swiper-slide{

  position: relative;

  cursor: pointer;

}

/* .sy_con2 .swp2 .swiper-slide::before{

  content: '';

  width: 136px;

  height: 136px;

  background-image: url(../images/img13.png);

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  right: -35px;

  top: -50px;

  z-index: -1;

  opacity: 0;

  transition: all .5s;

  transform: scale(0);

} */

/* .sy_con2 .swp2 .swiper-slide:hover::before{

  opacity: 1;

  transform: scale(1);

} */

/* .sy_con2 .swp2 .swiper-slide-thumb-active::before{

  opacity: 1;

  transform: scale(1);

} */

.sy_con2 .swp2 .swiper-slide p{

  font-size: 16px;

  color: #666666;

  text-align: center;

  margin-top: 20px;

}

.sy_con2 .swp2 .swiper-slide div{

  width: 196px;

  height: 196px;

  border-radius: 50%;

  border: 4px solid rgba(230, 45, 33,0);

  position: relative;

  transition: all .5s;

  margin: 0 auto;

  overflow: hidden;

}

.sy_con2 .swp2 .swiper-slide:hover div,

.sy_con2 .swp2 .swiper-slide-thumb-active div{

  border: 4px solid rgba(230, 45, 33,1);

}

.sy_con2 .swp2 .swiper-slide img{

  width: 138px;

  max-width: 90%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

}

.swiper-button-prev:after,

.swiper-button-next:after{

  content: none;

}

.sy_con2 .swiper-button-prev,

.sy_con2 .swiper-button-next{

  content: '';

  width: 50px;

  height: 50px;

  background-image: url(../images/img14.png);

  background-repeat: no-repeat;

  background-size: contain;

  top: 65%;

  border-radius: 50%;

  box-shadow: 0px 0px 12px 0px rgba(90, 91, 95, 0.3);

  transition: all .5s;

}

.sy_con2 .swiper-button-prev:hover,

.sy_con2 .swiper-button-next{

  transform: rotate(180deg);

}

.sy_con2 .swiper-button-prev:hover,

.sy_con2 .swiper-button-next:hover{

  background-image: url(../images/img15.png);

  box-shadow: 0px 0px 20px 0px rgba(230, 45, 33, 0.3);

}

.sy_con2 .swiper-button-next:hover{

  transform: rotate(0deg);

}

.sy_con2 .swiper-button-next{

  right: 5%;

}

.sy_con2 .swiper-button-prev{

  left: 5%;

}



/* sy_con3 */

.sy_con3{

  width: 100%;

  padding-top: 50px;

  padding-bottom: 115px;

}

.sy_con3 .bt,

.sy_con3 .fbt2{

  text-align: center;

}

.sy_con3 .rq{

  width: 100%;

  border-top: 1px solid rgb(224,224,224);

  margin-top: 35px;

}

.sy_con3 .rq1{

  width: 80%;

  margin: 0 auto;

  padding-top: 30px;

  padding-bottom: 30px;

}

.sy_con3 .rq1 p{

  display: block;

  width: 125px;

  height: 40px;

  line-height: 40px;

  border-radius: 40px;

  font-size: 18px;

  color: #666666;

  text-align: center;

  transition: all .5s;

}

.sy_con3 .rq1 .swiper-slide:hover p,

.sy_con3 .rq1 .swiper-slide-thumb-active p{

  background: rgb(230,45,33);

  color: #ffffff;

}

.sy_con3 .rq1 .swiper-slide{

    cursor: pointer;

}

.sy_con3 .rq2 .swiper-slide{

  position: relative;



}

.sy_con3 .rq2 .swiper-slide img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.sy_con3 .rq2 .swiper-slide:hover img{

  transform: scale(1.05);

}

.sy_con3 .rq2 .rq3{

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  background: rgba(0,0,0,.7);

  padding: 30px 50px;

}

.sy_con3 .rq2 .rq3 .lef{

  width: 6.2%;

  float: left;

}

.sy_con3 .rq2 .rq3 .rig{

  width: 93.8%;

  float: left;

  padding-left: 2.5%;

}

.sy_con3 .rq2 .rq3 .rig .p1{

  font-size: 24px;

  color: #ffffff;

}

.sy_con3 .rq2 .rq3 .rig .p2{

  font-size: 16px;

  color: #ffffff;

  width: 79%;

  margin-top: 10px;

  line-height: 25px;

}

.sy_con3 .rq2 .rq3 button{

  width: 120px;

  height: 40px;

  display: block;

  position: absolute;

  right: 60px;

  top: 50%;

  transform: translateY(-50%);

  background: #fff;

  border-radius: 5px;

  color: #e62d21;

  font-size: 16px;

  padding-right: 14px;

  transition: all .5s;

}

.sy_con3 .rq2 .rq3 button::before{

  content: '';

  width: 7px;

  height: 10px;

  background-image: url(../images/img18.png);

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  left: 77%;

  top: 50%;

  transform: translateY(-50%);

}

.sy_con3 .rq2 .rq3 button:hover{

  background: #e62d21;

  color: #fff;

  padding-right: 0;

}

/* sy_con4 */

.sy_con4{

  width: 100%;
  padding-top: 110px;

  padding-bottom: 160px;

  background: rgb(242,242,242);

}

.sy_con4 .container{

  position: relative;

}

.sy_con4 .anniu{

  position: absolute;

  right: 0;

  top: 20px;

}

.sy_con4 .rq{

  margin-top: 60px;

  overflow: hidden;

}

.sy_con4 .rq .rq1{

  width: 32.2%;

  height: 540px;

  background: #fff;

  float: left;

  margin-right: 1.7%;

}

.sy_con4 .rq .rq1:nth-child(3){

  margin-right: 0;

}

.sy_con4 .rq1 .top{
  width: 100%;
  max-height: 250px;
  overflow: hidden;

}

.sy_con4 .rq1 .top img{

  width: 100%;

  vertical-align: middle;

  transition:all .5s;

}

.sy_con4 .rq .rq1:hover .top img{

  transform: scale(1.05);

}

.sy_con4 .rq1 .bot{

  padding: 35px 30px;

  padding-bottom: 55px;

  overflow: hidden;

}

.sy_con4 .rq1 .bot .p1{

  font-size: 20px;

  color: #444444;

  transition: all .5s;

}

.sy_con4 .rq1:hover .bot .p1{

  color: #e63024;

}

.sy_con4 .rq1 .bot .p2{

  font-family: "com";

  font-size: 16px;

  color: #777777;

  margin-top: 18px;

  margin-bottom: 30px;

  transition: all .5s;

}

.sy_con4 .rq1:hover .bot .p2{

  padding-left: 10px;

}

.sy_con4 .rq1 .p2 img{

  width: 20px;

  margin-bottom: -3px;

}

.sy_con4 .rq1 .bot .p3{

  font-size: 16px;

  color: #777777;

  line-height: 25px;

}

.sy_con4 .rq1.rq2{

  padding: 55px 23px;

}

.sy_con4 .rq1 .p4{

  font-size: 18px;

  color: #333333;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

  transition: all .5s;

}

.sy_con4 .rq1 a{

  display: block;

}

.sy_con4 .rq1.rq2 .p2{

  margin-top: 10px;

  transition: all .5s;

}

.sy_con4 .rq1.rq2 a:hover .p4{

  color: #e63024;

}

.sy_con4 .rq1.rq2 a{

  margin-bottom: 35px;

}

.sy_con4 .rq1.rq2 a:hover .p2{

  padding-left: 10px;

}







/* 惟精首页 */

@media(max-width:1680px){

  .banner .container .rq {

    width: 655px;

    height: 192px;

    padding: 20px;

}

.banner button {

  width: 122px;

  height: 35px;

  border-radius: 35px;

  font-size: 16px;

}

.banner .p1 {

  font-size: 43px;

}

.banner .p2 {

  font-size: 18px;

}

.banner .container .rq::after {

  width: 125px;

  height: 241px;

}

.bt,

.bt span{

  font-size: 40px;

}

.fbt {

  font-size: 49px;

  top: 22px;

}

.sy_con1 .bot .rq .p1 span {

  font-size: 60px;

}

.sy_con1 .rig::before{

  width: 529px;

  height: 420px;

  background-size: contain;

}



}

@media(max-width:1460px){

  .banner .swiper-pagination-bullet {

    width: 2px;

    height: 45px;

    margin-bottom: 8px !important;

}

  .sy_con1 .rig::before {

    width: 460px;

    height: 365px;

    background-size: contain;

}

  .banner .container .rq{

    width: 570px;height: 167px;

  }

  .banner .p1 {

    font-size: 38px;

}

.banner .p2 {

  font-size: 16px;

}

.banner button {

  width: 115px;

  height: 30px;

  border-radius: 30px;

  font-size: 14px;

}

.banner .container .rq::after {

  width: 108px;

  height: 210px;

}

.sy_con1 {

  padding-top: 91px;

  padding-bottom: 100px;

}

.bt, .bt span {

  font-size: 34px;

}

.fbt {

  font-size: 42px;

  top: 20px;

}

.sy_con1 .bt {

  padding-bottom: 30px;

}

.sy_con1 .bot {

  margin-top: 55px;

}

.sy_con1 .bot .rq .p1 span {

  font-size: 53px;

}

.sy_con1 .bot .rq .p2 {

  font-size: 14px;

}

.sy_con1 .bot .rq .p1 {

  font-size: 16px;

}

.sy_con1 .bot .rq::before {

  width: 1px;

  height: 57px;

}

.sy_con2 {

  padding-top: 40px;

  padding-bottom: 45px;

}

.sy_con2 .swp1 .swiper-slide {

  margin-top: 20px;

}

.fbt2 {

  font-size: 14px;

}

.sy_con2 .swp1 .swiper-slide .lef {

  padding-top: 76px;

  padding-left: 68px;

}

.sy_con2 .swp1 .swiper-slide .lef .p1 {

  font-size: 24px;;

}

.sy_con2 .swp1 .swiper-slide .lef img {

  width: 40px;

}

.sy_con2 .swp2 .swiper-slide img {

  width: 104px;

}

.sy_con2 .swp2 .swiper-slide div{

  width: 150px;

  height: 150px;

}

.sy_con2 .swp2 .swiper-slide::before {

  width: 103px;

  height: 103px;

  top: -30px;

}

.sy_con2 .swp2 {

  padding-top: 45px;

}

.sy_con2 .swiper-button-prev, .sy_con2 .swiper-button-next {

  top: 50%;

}

.sy_con3 {

  padding-top: 60px;

  padding-bottom: 87px;

}

.sy_con3 .rq1 p {

  width: 95px;

  height: 30px;

  line-height: 30px;

  border-radius: 30px;

  font-size: 14px;

}

.sy_con3 .rq {

  margin-top: 10px;

}

.sy_con3 .rq1 {

  padding-top: 33px;

  padding-bottom: 40px;

}

.sy_con3 .rq2 .rq3 {

  padding: 22px 34px;

}

.sy_con3 .rq2 .rq3 .rig .p1 {

  font-size: 20px;

}

.sy_con3 .rq2 .rq3 .rig .p2 {

  font-size: 14px;

}

.sy_con3 .rq2 .rq3 button {

  width: 100px;

  height: 35px;

  font-size: 14px;

}

.sy_con4 {

  padding-top: 64px;

  padding-bottom: 130px;

}

.sy_con4 .rq {

  margin-top: 45px;

}

.sy_con4 .rq .rq1 {

  height: 410px;

}

.sy_con4 .rq1 .bot .p1 {

  font-size: 16px;

}

.sy_con4 .rq1 .bot .p2 {

  font-size: 14px;

  margin-top: 10px;

  margin-bottom: 15px;

}

.sy_con4 .rq1.rq2 .p2{

  font-size: 14px;

}

.sy_con4 .rq1 .p2 img {

  width: 16px;

}

.sy_con4 .rq1 .bot .p3 {

  font-size: 14px;

}

.sy_con4 .rq1 .bot {

  padding: 18px 18px;

}

.sy_con4 .rq1 .p4 {

  font-size: 16px;

}

.sy_con4 .rq1.rq2 {

  padding: 25px 23px;

}

.sy_con4 .rq1.rq2 a {

  margin-bottom: 27px;

}

.anniu {

  width: 130px;

  height: 38px;

  line-height: 36px;

  border-radius: 38px;

}

.anniu span {

  width: 100%;

  height: 100%;

  font-size: 12px;

  padding-right: 30px;

  background-size: 20px;

}



.put-section-5 {

  transform: translateY(-442%);

  -webkit-transform: translateY(-442%);

}



}

@media(max-width:1366px){

  .sy_con1 {

    padding-top: 50px;

}

.sy_con3 {

  padding-top: 30px;

}

.sy_con2 {

  padding-top: 10px;

}

.sy_con2 .swp2 {

  padding-top: 15px;

}



.sy_con2 .swp2 .swiper-slide div {

  width: 120px;

  height: 120px;

}

.sy_con2 .swp2 .swiper-slide img {

  width: 80px;

}

.sy_con1 .bot .rq::before {

  /* right: -110%; */

}



}

@media(max-width:1260px){

  html, body {

    width: auto !important;

    height: auto !important;

    overflow: visible !important;

  }

  

  .section-wrap .section {

    height: auto !important;

    position: static !important;

  }

  .section-wrap {

    margin-top: 60px;

  }

  .put-section-0, .put-section-1, .put-section-2, .put-section-3, .put-section-4, .put-section-5, .put-section-6, .put-section-7, .put-section-8, .put-section-9, .put-section-9 {

    transform: translateY(0) !important;

    -webkit-transform: translateY(0) !important;

}



  .banner .container .rq {

    width: 492px;

    height: 144px;

  }

  .banner .p1 {

    font-size: 30px;

    margin-top: 6px;

    margin-bottom: 6px;

}

.banner .container .rq::after {

  width: 94px;

  height: 180px;

}



.sy_con1 .lef .p1 {

  font-size: 14px;

  width: 85%;

  margin-bottom: 44px;

}

.bt, .bt span {

  font-size: 28px;

}

.fbt {

  font-size: 34px;

  top: 16px;

}

.sy_con1 .bt {

  padding-bottom: 25px;

}

.sy_con1 .rig::before {

  width: 397px;

  height: 315px;

  background-size: contain;

}

.sy_con2 .swp2 {

  padding-top: 28px;

}

.sy_con1 .bot .rq .p1 span {

  font-size: 45px;

}

.sy_con2 {

  padding-top: 40px;

}

.sy_con2 .swp1 .swiper-slide {

  margin-top: 32px;

}

.sy_con2 .swp1 .swiper-slide .lef {

  padding-top: 40px;

  padding-left: 55px;

}

.sy_con2 .swp1 .swiper-slide .lef .p1 {

  font-size: 22px;

}

.sy_con2 .swp1 .swiper-slide .lef .p2 {

  font-size: 14px;

  margin-top: 30px;

  margin-bottom: 30px;

  width: 76%;

  line-height: 23px;

}

.sy_con2 .swp1 .swiper-slide .lef img {

  width: 34px;

}

.sy_con2 .swp2 .swiper-slide img {

  width: 80px;

}

.sy_con2 .swp2 .swiper-slide:hover div, .sy_con2 .swp2 .swiper-slide-thumb-active div {

  border: 2px solid rgba(230, 45, 33,1);

}

.sy_con2 .swp2 .swiper-slide::before {

  width: 89px;

  height: 89px;

}

.sy_con2 .swp2 {

  padding-top: 60px;

}

.sy_con2 .swp2 .swiper-slide::before {

  width: 89px;

  height: 89px;

  top: -27px;

}

.sy_con2 .swp2 .swiper-slide p {

  font-size: 14px;

  transform: translateY(-10px);

}

.sy_con2 .swiper-button-prev, .sy_con2 .swiper-button-next {

  width: 40px;

  height: 40px;

}

.sy_con3 .rq1 {

  width: 90%;

  padding-bottom: 40px;

  padding-top: 40px;

}

.sy_con3 .rq {

  margin-top: 20px;

}

.sy_con4 {

  padding-top: 40px;

  padding-bottom: 70px;

}

}

@media(max-width:991px){

  .pc{

    display: none;

  }

  .app{

    display: block;

  }

  .banner{

    padding: 0;

  }

  .banner .swiper-pagination-bullet{

    width: 40px;

    height: 2px;

    margin-right: 8px !important;

    margin-bottom: 0px !important;

  }

  .banner .swiper-pagination{

    height: 4px;

    width: 100%;

    bottom: 10%;

    left: 0;

  }

  @keyframes fy{

    0%{

      width: 0;

    }

    100%{

      width: 100%;

    }

  }

  .sy_con1 .rig::before {

    width: 200px;

    height: 200px;

    background-size: contain;

    bottom: 64px;

}

.sy_con1 .top .lef{

  width: 100%;

}

.sy_con1 .bot {

  margin-top: 30px;

}

.sy_con1 .bot .rq .p1 span {

  font-size: 36px;

}

.sy_con1 .bot .rq::before{

  content: none;

}

.sy_con1 .bot .rq .p1 {

  font-size: 14px;

}

.sy_con1 {

  padding-top: 50px;

  padding-bottom: 55px;

}

.sy_con2 {

  padding-top: 50px;

  padding-bottom: 45px;

}

.sy_con2 .swp2 {

  padding-top: 22px;

}

.sy_con2 .swp1 .swiper-slide {

  margin-top: 35px;

}

.sy_con2 .swp1 .swiper-slide .lef {

  padding-top: 25px;

  padding-left: 30px;

}

.sy_con2 .swp1 .swiper-slide .lef .p1 {

  font-size: 20px;

}

.sy_con2 .swp1 .swiper-slide .lef .p2 {

  margin-top: 10px;

  margin-bottom: 15px;

}

.sy_con3 {

  padding-top: 50px;

  padding-bottom: 50px;

}

.sy_con3 .rq1{

  position: relative;

}

.sy_con3 .rq1 .swiper-button-next,

.sy_con3 .rq1 .swiper-button-prev{

  width: 40px;

  height: 40px;

  background-image: url(../images/img14.png);

  background-repeat: no-repeat;

  background-size: contain;

  opacity: 1;

  border-radius: 50%;

    box-shadow: 0px 0px 12px 0px rgba(90, 91, 95, 0.3);

    transition: all .5s;

}

.sy_con3 .rq1 .swiper-button-next{

  right: -45px;

  transform: rotate(180deg);

}

.sy_con3 .rq1 .swiper-button-prev{

  left: -45px;

}

.sy_con4 .rq1 .p4 {

  font-size: 14px;

}

.sy_con4 {

  padding-top: 50px;

  padding-bottom: 55px;

}

.sy_con4 .rq1.rq2 a {

  margin-bottom: 10px;

}

.sy_con4 .rq .rq1 {

  height: 350px;

}





}

@media(max-width:768px){

  .sy_con1 .top{

    flex-wrap: wrap;

  }

  .sy_con1 .rig{

    margin-top: 20px;

  }

  .sy_con1 .rig::before{

    content: none;

  }

  .sy_con4 .rq .rq1{

    width: 49%;

    margin-right: 2%;

  }

  .sy_con4 .rq .rq1:nth-child(2){

    margin-right: 0;

  }

  .sy_con4 .rq1.rq2{

    width: 100%;

    margin-top: 20px;

    margin-right: 0;

  }







}

@media(max-width:414px){

  .sy_con1 .top .rig {

    width: 100%;

}

  .bt, .bt span {

    font-size: 24px;

}

.fbt {

  font-size: 28px;

  top: 16px;

}

.sy_con3,

.sy_con2,

.sy_con1 {

  padding-top: 40px;

  padding-bottom: 45px;

}

.sy_con1 .lef .p1 {

  width: 100%;

  margin-bottom: 25px;

  margin-top: 15px;

}

.sy_con1 .bot .rq{

  width: 40%;

  margin-bottom: 10px;

}

.sy_con2 .swp1 .swiper-slide a,

.sy_con1 .bot{

  flex-wrap: wrap;

}

.sy_con2 .swp1 .swiper-slide .rig,

.sy_con2 .swp1 .swiper-slide .lef{

  width: 100%;

}

.sy_con2 .swp1 .swiper-slide .rig{

  margin-top: 20px;

  border-radius: 0 0 0 25px;

  transform: translateY(0px);

}

.sy_con2 .swp2 .swiper-slide img {

  width: 155px;

}

.sy_con2 .swp2 .swiper-slide::before {

  width: 75px;

  height: 75px;

  top: -24px;

  right: 0px;

}

.sy_con2 .swp2 .swiper-slide div {

  width: 90px;

  height: 90px;

}

.sy_con2 .swp2 .swiper-slide img {

  width: 65px;

}

.sy_con2 .swp2 {

  padding-top: 22px;

}

.sy_con3 .rq1 {

  width: 80%;

  padding-bottom: 40px;

}

.sy_con3 .rq2 .rq3 {

  padding: 10px;

  position: static;

}

.sy_con3 .rq2 .rq3 .lef {

  width: 15%;

}

.sy_con3 .rq2 .rq3 .rig {

  width: 85%;

}

.sy_con3 .rq2 .rq3 .rig .p2{

  width: 100%;

  margin-bottom: 15px;

}

.sy_con3 .rq2 .rq3 button{

  position: static;

  transform: translate(0,0);

  margin-left: 15%;

}



.sy_con4 .rq .rq1{

  width: 100%;

  margin-right: 0;

}

.sy_con4 .rq1.rq2,

.sy_con4 .rq1{

  margin-top: 10px;

}

.sy_con4 .rq .rq1{

  height: auto;

}

.sy_con4 .rq {

  margin-top: 15px;

}

.sy_con2 .anniu,

.sy_con4 .anniu {

  right: 15px;

}

}















/* 产品列表 */

.ny_banner{

  width: 100%;

  position: relative;

  margin-top: 100px;

  padding: 0;

}

.ny_banner .container{

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

  z-index: 10;

  margin-left: 85px;

}

.ny_banner .container .rq::before,

.ny_banner .p1,

.ny_banner .p2{

  opacity: 1;

  transform: translate(0,0);

}

.ny_banner .container .rq::after{

  opacity: 1;

  transform: translate(0px,-50%);

}

.ny_banner .container .rq{

  width: auto;

  height: auto;

  display: inline-block;

  padding-right: 85px;

}

.ny_banner .p1{

  margin-top: 0;

}

.ny_banner .container .rq::after{

  width: 143px;

  height: 211px;

  background-image: url(../images/img27.png);

}



/* content1 */

.por_list1{

  width: 100%;

  padding-top: 116px;

  padding-bottom: 100px;

  background: rgb(245,245,245);

}

.por_list1 .rq{

  width: 100%;

  height: 620px;

  padding: 53px 0;

  background: #fff;

  margin-bottom: 50px;

  transition: all .5s;

}

.por_list1 .rq:hover{

  box-shadow: 0px 10px 22px 0px rgb(242,242,242);

  transform: translate3d(0,-5px,0);

}

.por_list1 .rq a{

  display: flex;

  width: 100%;

  height: 100%;

  align-items: center;

  flex-wrap: wrap;

}

.por_list1 .rq .lef{

  width: 72.5%;

  height: 100%;

  border-right: 1px solid rgb(230,230,230);

  position: relative;

}

.por_list1 .rq .lef img{

  transition: all .5s;

  max-width: 70%;

  max-height: 90%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

}

.por_list1 .rq:hover .lef img{

  transform: translate(-50%,-50%) scale(1.07);

}

.por_list1 .rq .rig{

  width: 27.5%;

  /* padding-left: 64px; */

}

.por_list1 .rq .rig .p1{

  font-size: 30px;

  color: #333333;

  margin-bottom: 30px;

  transition: all .5s;

  text-align: center;

}

.por_list1 .rq:hover .p1{

  color: #e62d21;

}

.por_list1 .rq .rig .p2{

  font-size: 16px;

  color: #666666;

  width: 86%;

  line-height: 30px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;



  display: none;



}

.por_list1 .rq .rig .p3{

  display: inline-block;

  font-size: 14px;

  color: #777777;

  margin-top: 45px;

  padding: 10px 0;

  padding-right: 33px;

  background-image: url(../images/img29.png);

  background-repeat: no-repeat;

  background-size: 22px;

  background-position-x: right;

  background-position-y: center;

  transition: all .5s;



  display: none;

}

.por_list1 .rq:hover .p3{

  color: #e62d21;

  background-image: url(../images/img30.png);

}



/* 产品列表分辨率 */

@media(max-width:1459px){

  .ny_banner{

    margin-top: 80px;

  }

  .ny_banner .container .rq::after {

    width: 108px;

    height: 160px;

}

  .por_list1 {

    padding-top: 85px;

    padding-bottom: 75px;

}

.por_list1 .rq {

  padding: 40px 0;

  margin-bottom: 40px;

  height: 470px;



}

.por_list1 .rq .rig .p1 {

  font-size: 22px;

  margin-bottom: 20px;

}

.por_list1 .rq .rig .p2 {

  font-size: 14px;

  line-height: 25px;

}

.por_list1 .rq .rig .p3 {

  margin-top: 35px;

}

/* .por_list1 .rq .rig {

  padding-left: 115px;

} */



}

@media(max-width:1259px){

  .por_list1 .rq .rig .p3 {

    margin-top: 20px;

}

.por_list1 .rq .rig .p1 {

  font-size: 22px;

  margin-bottom: 14px;

}

.por_list1 .rq {

  padding: 40px 0;

  margin-bottom: 40px;

  height: 400px;

}



}

@media(max-width:991px){

  /* .por_list1 .rq .rig {

    padding-left: 50px;

} */

.por_list1 .rq {

  padding: 20px 0;

  margin-bottom: 20px;

  height: 300px;

}

.ny_banner{

  margin-top: 60px;

}

}

@media(max-width:414px){

  .por_list1 .rq .rig .p1 {

    font-size: 18px;

    margin-bottom: 10px;

}

.por_list1 .rq .rig {

  /* padding-left: 20px; */

}

.por_list1 .rq .rig .p2 {

  line-height: 20px;

  width: 95%;

}

.por_list1 .rq .rig .p3 {

  font-size: 12px;

  margin-top: 15px;

  padding: 5px 0;

  padding-right: 26px;

  background-size: 17px;

}

.por_list1 .rq {

  padding: 15px 0;

  margin-bottom: 15px;

  height: 200px;

}

.por_list1 {

  padding-top: 40px;

  padding-bottom: 30px;

}



}





/* 联系我们 */

/* content1 */

.con_us1{

  width: 100%;

  padding-top: 135px;

  padding-bottom: 140px;

}

.con_us1 .rq{

  width: 100%;

}

.con_us1 .rq1{

  width: 25%;

  float: left;

}

.con_us1 .rq1 .div{

  width: 140px;

  height: 140px;

  border-radius: 50%;

  border: 1px solid rgb(230,43,33);

  margin: 0 auto;

  position: relative;

  transition: all .5s;

}

.con_us1 .rq1 .div img{

  width: 40px;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

  transition: all .5s;

}

.con_us1 .rq1 .div .ig2{

  opacity: 0;

}

.con_us1 .rq1 .p1{

  font-size: 20px;

  color: #444444;

  text-align: center;

  margin-top: 40px;

  margin-bottom: 10px;

}

.con_us1 .rq1 .p2{

  font-size: 16px;

  color: #666666;

  text-align: center;

}

.con_us1 .rq1:hover .div{

  background:rgb(230,43,33);

}

.con_us1 .rq1:hover .div .ig1{

  opacity: 0;

  top: 100%;

}

.con_us1 .rq1:hover .div .ig2{

  opacity: 1;

}



/* content2 */

.con_us2{

  width: 100%;

  padding-bottom: 125px;

}

.con_us2 .rq{

  width: 100%;

  position: relative;

}

.con_us2 .rq img{

  width: 100%;

  vertical-align: middle;

}

.con_us2 .rq #allmap{

  width: 100%;

  height: 540px;

}

.con_us2 .rq1{

  width: 700px;

  height: 190px;

  background:rgba(230,43,33,0.9);

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 33px 40px;

}

.con_us2 .rq1 .p1{

  font-size: 30px;

  color: #ffffff;

  padding-bottom: 10px;

  position: relative;

  margin-bottom: 10px;

}

.con_us2 .rq1 .p1::before{

  content: '';

  width: 30px;

  height: 2px;

  background: #fff;

  position: absolute;

  bottom: 0;

  left: 0;

}

.con_us2 .rq1 .p2{

  font-size: 16px;

  color: #fff;

  line-height: 25px;

}



/* 联系我们分辨率 */

@media(max-width:1459px){

  .con_us1 {

    padding-top: 100px;

    padding-bottom: 105px;

}

.con_us1 .rq1 .div {

  width: 110px;

  height: 110px;

}

.con_us1 .rq1 .div img {

  width: 34px;

}

.con_us1 .rq1 .p1 {

  font-size: 18px;

  margin-top: 25px;

  margin-bottom: 10px;

}

.con_us1 .rq1 .p2 {

  font-size: 14px;

}

.con_us2 {

  padding-bottom: 95px;

}

.con_us2 .rq #allmap{

  height: 400px;

}

.con_us2 .rq1 {

  width: 540px;

  height: 140px;

  padding: 15px 20px;

}

.con_us2 .rq1 .p1 {

  font-size: 22px;

  padding-bottom: 8px;

  margin-bottom: 10px;

}

.con_us2 .rq1 .p1::before {

  width: 23px;

  height: 1px;

}

.con_us2 .rq1 .p2 {

  font-size: 14px;

  line-height: 22px;

}



}

@media(max-width:768px){

  .con_us1 {

    padding-top: 60px;

    padding-bottom: 60px;

}

.con_us1 .rq1{

  width: 50%;

  margin-bottom: 20px;

}

.con_us2 .rq1 {

  width: 390px;

  height: 125px;

  padding: 15px 20px;

}



}

@media(max-width:414px){

  .con_us1 .rq1 .p1 {

    font-size: 16px;

    margin-top: 15px;

    margin-bottom: 5px;

}

.con_us1 {

  padding-top: 40px;

  padding-bottom: 30px;

}

.con_us2 .rq1{

  width: 100%;

  height: auto;

  padding: 10px 15px;

}

.con_us2 .rq1 .p1 {

  font-size: 18px;

}

.con_us2 {

  padding-bottom: 50px;

}

}





/* 产品详情 */

.pdny_banner{

  position: relative;

  width: 100%;

  height: 640px;

  background-image: url(../images/img106.jpg);

  background-size: cover;

  margin-top: 100px;

}

.pdny_banner .container{

  height: 100%;

  position: relative;

}

.pdny_banner .rq{

  width: 23%;

  position: absolute;

  top: 50%;

  left: 15%;

  transform: translateY(-50%);

}

.pdny_banner .rq img{

  width: 100%;

}

.pdny_banner .rq1{

  width: 27%;

  position: absolute;

  top: 47%;

  right: 0;

  transform: translateY(-50%);

}

.pdny_banner .p3{

  font-size: 36px;

  color: #e62d21;

  padding-bottom: 10px;

}

.pdny_banner .p4{

  margin-top: 22px;

  line-height: 30px;

}

.pdny_banner .p4,.pdny_banner .p4 span{

  font-size: 18px;

  color: #666666;

}

.pdny_banner .p4 span{

  color: #e62d21;

}



/* content1 */

.pro_da1{

  width: 100%;

  line-height: 50px;

  border-bottom: 1px solid rgb(233,233,233);

}

.pro_da1 a{

  font-size: 16px;

  color: #777777;

  padding-right: 25px;

  position: relative;

}

.pro_da1 a::before{

  width: 6px;

  height: 11px;

  content: '';

  background-image: url(../images/img46.png);

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  top: 50%;

  right: 10px;

  transform: translateY(-50%);

}

.pro_da1 a img{

  margin-bottom: -2px;

  margin-right: 5px;

}

.pro_da1 a.on{

  color: #e62d21;

}

.pro_da1 a.on::before{

  content: none;

}



/* content2 */

.pro_da2{

  padding-top: 80px;

}

.pro_da2 .rq{

  width: 100%;

}

.pro_da2 .rq .div{

  display: flex;

  border-bottom: 2px solid #fff;

}

.pro_da2 .rq .div:nth-child(1){

  border-bottom: none;

}

.pro_da2 .rq .div p{

  flex: 1;

  text-align: center;

  font-size: 20px;

  color: #666666;

  background: rgb(242,242,242);

  line-height: 80px;

  border-right: 2px solid #fff;

}

.pro_da2 .rq .div p:last-child{

  border-right: none;

}

.pro_da2 .rq .div:nth-child(1) p{

  line-height: 70px;

  background: rgb(230,45,33);

  color: #ffffff;

  font-size: 22px;

}

.pro_da2 .rq .div:nth-child(2) p{

  background: rgb(231,168,136);

  color: #fff;

  line-height: 70px;

}





/* content3 */

.pro_da3{

  width: 100%;

  padding-top: 85px;

  padding-bottom: 125px;

}

.pro_da3 .rq{

  width: 100%;

}

.pro_da3 table{

  width: 100%;

}

.pro_da3 table th{

  font-size: 16px;

  color: #ffffff;

  text-align: center;

  background: rgb(230,45,33);

  height: 65px;

  vertical-align: middle;

  border-right: 2px solid rgb(248,173,168);

  border-bottom: 2px solid rgb(248,173,168);

}

.pro_da3 table td{

  font-size: 18px;

  color: #666666;

  line-height: 70px;

  background: rgb(242,242,242);

  border-right: 2px solid #fff;

  border-bottom: 2px solid #fff;

  vertical-align: middle;

  text-align: center;

}

.pro_da3 table td span{

  font-size: 18px;

  color: #666666;

  margin-right: 40px;

}

.pro_da3 table td span:last-child{

  margin-right: 0;

}

.pro_da3 table th:last-child,

.pro_da3 table td:last-child{

  border-right: none;

}





/* content4 */

.pro_da4{

  width: 100%;

  padding-top: 85px;

  padding-bottom: 145px;

  background: rgb(245,245,245);

}

.pro_da4 .wrap{

  position: relative;

}

.pro_da4 .p1{

  font-size: 40px;

  color: #444444;

  padding-left: 15px;

  position: relative;

}

.pro_da4 .p1::before{

  width: 2px;

  height: 75%;

  content: '';

  background: rgb(230,45,33);

  position: absolute;

  left: 0;

  top: 55%;

  transform: translateY(-50%);

}

.pro_da4 .rq{

  padding-top: 50px;

}

.pro_da4 .swiper-slide{

  background: #fff;

  height: 460px;

  padding: 0 60px;

}

.pro_da4 .swiper-slide .top{

  height: 68%;

  width: 100%;

  position: relative;

}

.pro_da4 .swiper-slide .top img{

  max-width: 80%;

  max-height: 80%;

  position: absolute;

  top: 52%;

  left: 50%;

  transform: translate(-50%,-50%);

  transition: all .5s;

}

.pro_da4 .swiper-slide .p2{

  font-size: 26px;

  color: #333333;

  text-align: center;

  margin-bottom: 15px;

  transition: all .5s;

}

.pro_da4 .swiper-slide .p3{

  font-size: 14px;

  color: #777777;

  line-height: 25px;

  text-align: center;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;



}

.pro_da4 .swiper-slide:hover .top img{

  transform: translate(-50%,-50%) scale(1.07);

}

.pro_da4 .swiper-slide:hover .p2{

  color: #e62d21;

}

.pro_da4 .swiper-button-prev,

.pro_da4 .swiper-button-next{

  width: 41px;

  height: 40px;

  background-image: url(../images/img49.png);

  background-repeat: no-repeat;

  background-size: contain;

  top: 6%;

  transition: all .5s;

}

.pro_da4 .swiper-button-prev:hover,

.pro_da4 .swiper-button-next:hover{

  background-image: url(../images/img48.png);

}

.pro_da4 .swiper-button-next{

  transform: rotate(180deg);

}

.pro_da4 .swiper-button-prev{

  left: 92%;

}



/* 产品详情分辨率 */

@media(max-width:1459px){

  .pdny_banner {

    height: 485px;

}

  .pdny_banner .p3 {

    font-size: 26px;

    padding-bottom: 5px;

}

.pdny_banner .p4, .pdny_banner .p4 span {

  font-size: 16px;

}

.pdny_banner .p4 {

  margin-top: 10px;

  line-height: 25px;

}

.pdny_banner .rq1 {

  width: 31%;

}

.pro_da2 {

  padding-top: 55px;

}

.pro_da2 .rq .div:nth-child(1) p {

  line-height: 50px;

  font-size: 18px;

}

.pro_da2 .rq .div:nth-child(2) p {

  line-height: 50px;

}

.pro_da2 .rq .div p {

  font-size: 14px;

  line-height: 50px;

}

.pro_da3 {

  padding-top: 50px;

  padding-bottom: 80px;

}

.pro_da3 table th {

  font-size: 14px;

  height: 50px;

}

.pro_da3 table td {

  font-size: 14px;

  line-height: 50px;

}

.pro_da3 table td span {

  font-size: 14px;

}

.pro_da4 {

  padding-top: 50px;

  padding-bottom: 90px;

}

.pro_da4 .p1 {

  font-size: 30px;

}

.pro_da4 .swiper-slide {

  height: 350px;

  padding: 0 40px;

}

.pro_da4 .swiper-slide .p2 {

  font-size: 20px;

  margin-bottom: 10px;

}

.pro_da4 .swiper-button-prev {

  left: 90%;

}

}

@media(max-width:1259px){

  .pro_da3 table{

    width: 970px;

  }

  .pro_da3 .rq{

    overflow-x: auto;

  }

  .pro_da3 .rq::-webkit-scrollbar{

    height: 5px;

    background-color: #999;

    border-radius:50px;

}

  .pro_da3 .rq::-webkit-scrollbar-thumb{

    border-radius: 50px;

    background-color: rgb(230,45,33);

}

.pro_da4 .p1 {

  font-size: 24px;

}

.pro_da4 .swiper-button-prev, .pro_da4 .swiper-button-next {

  width: 36px;

  height: 35px;

}

.pro_da4 .swiper-button-prev {

  left: 88%;

}



}

@media(max-width:991px){

  .pdny_banner {

    height: 330px;

    margin-top: 60px;

}

  .pro_da2 .rq{

    overflow-x: auto;

  }

  .pro_da2 .rq::-webkit-scrollbar{

    height: 5px;

    background-color: #999;

    border-radius:50px;

}

  .pro_da2 .rq::-webkit-scrollbar-thumb{

    border-radius: 50px;

    background-color: rgb(230,45,33);

}

.pro_da2 .rq .rq1{

  width: 750px;

}

.pro_da4 .swiper-slide .p2 {

  font-size: 18px;

}

.pro_da4 .swiper-slide {

  height: 280px;

  padding: 0 15px;

}



}

@media(max-width:768px){

  .pdny_banner{

    height: auto;

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .pdny_banner .rq{

    width: 50%;

    position: static;

    transform: translateY(0%);

  }

  .pdny_banner .rq1{

    padding-top: 15px;

    width: 100%;

    position: static;

    transform: translateY(0%);

  }

  .pdny_banner .p3 {

    font-size: 22px;

    padding-bottom: 0px;

}



  .pro_da4 .swiper-button-prev {

    left: 84%;

}

.pro_da4 .rq {

  padding-top: 26px;

}

.pro_da4 {

  padding-top: 40px;

  padding-bottom: 60px;

}



}

@media(max-width:414px){

  .pdny_banner .p4, .pdny_banner .p4 span {

    font-size: 14px;

}

  .pro_da4 .swiper-button-prev {

    left: 75%;

}

.pro_da4 .swiper-slide .p2 {

  font-size: 16px;

}

.pro_da4 .swiper-slide .p3 {

  font-size: 14px;

  line-height: 20px;

}

.pro_da4 .swiper-slide {

  height: 230px;

  padding: 0 10px;

  padding-bottom: 10px;

}

.pro_da2 {

  padding-top: 35px;

}

.pro_da3 {

  padding-top: 36px;

  padding-bottom: 50px;

}



}



/* 关于我们 */

/* content1 */

.abou_con1{

  width: 100%;

  padding-top: 110px;

  padding-bottom: 90px;

}

.ab_rq{

  width: 100%;

  position: relative;

  z-index: 10;

}

.ab_rq .ab_bt{

  font-size: 40px;

  color: #333333;

  text-align: center;

  padding-bottom: 25px;

  position: relative;

}

.ab_rq .ab_bt::before{

  width: 40px;

  height: 2px;

  content: '';

  background: #e62d21;

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

}

.ab_rq .ab_fbt{

  text-transform: uppercase;

  font-size: 56px;

  color: #f0f0f0;

  position: absolute;

  left: 50%;

  top: -25px;

  transform: translateX(-50%);

  font-family: "bold";

  font-style: italic;

  z-index: -1;

  width: 100%;

  text-align: center;

}

.abou_con1 .rq{

  width: 100%;

}

.abou_con1 .rq .p1{

  font-size: 16px;

  color: #777777;

  text-align: left;

  margin-top: 35px;

  line-height: 30px;

}

.abou_con1 .rq .rq1{

  display: none;

}

.abou_con1 button{

  font-size: 16px;

  color: #777777;

  width: 160px;

  height: 50px;

  border: 1px solid rgb(204,204,204);

  padding-right: 32px;

  position: relative;

  margin: 0 auto;

  display: block;

  margin-top: 60px;

  transition: all .5s;

}

.abou_con1 button::before{

  content: '';

  width: 20px;

  height: 20px;

  background-image: url(../images/img50.png);

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  right: 20%;

  transform: translateY(-50%);

  transition: all .5s;

}

.abou_con1 button.on::before{

  transform: translateY(-50%) rotate(180deg);

}

.abou_con1 button:hover{

  background: #e62d21;

  border: 1px solid #e62d21;

  color: #fff;

}



/* content2 */

.abou_con2{

  width: 100%;

  background: rgb(245,245,245);

  padding-top: 100px;

  padding-bottom: 105px;

  position: relative;

}

.abou_con2 .bj{

  width: 95%;

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

}

.abou_con2 .ab_fbt{

  color: #ededed;

}

.abou_con2 .wrap{

  position: relative;

  z-index: 10;

  padding-top: 85px;

}

.abou_con2 .lef{

  width: 40%;

  float: left;

  position: relative;

}

.abou_con2 .lef img{

  width: 100%;

}

.abou_con2 .lef::before{

  content: '';

  width: 100%;

  height: 100%;

  border: 2px solid #e62d21;

  position: absolute;

  left: 20px;

  top: 20px;

  z-index: -1;

}

.abou_con2 .rig{

  width: 44%;

  float: right;

  padding-top: 65px;

}

.abou_con2 .rig .p1{

  font-size: 30px;

  color: #e62d21;

  font-style: italic;

}

.abou_con2 .rig .p2{

  font-size: 16px;

  color: #777777;

  line-height: 35px;

  margin-top: 55px;

}



/* content3 */

.abou_con3{

  width: 100%;

  padding-top: 105px;

  padding-bottom: 135px;

}

.abou_con3 .rq{

  width: 100%;

  padding-top: 85px;

}

.abou_con3 .rq1{

  width: 33.333%;

  float: left;

}

.abou_con3 .rq1 .div{

  width: 130px;

  height: 130px;

  margin: 0 auto;

  background-image: url(../images/img53.png);

  background-size: contain;

  background-repeat: no-repeat;

  position: relative;

  transition: all .5s;

}

.abou_con3 .rq1:nth-child(2) .div{

  background-image: url(../images/img55.png);

}

.abou_con3 .rq1:nth-child(3) .div{

  background-image: url(../images/img57.png);

}

.abou_con3 .rq1 .p1{

  font-size: 36px;

  color: #e62d21;

  text-align: center;

  padding-top: 50px;

  padding-bottom: 25px;

  transform: skew(-10deg);

}

.abou_con3 .rq1 .p2{

  font-size: 20px;

  color: #666666;

  margin: 0 auto;

  text-align: center;

  line-height: 30px;

}

.abou_con3 .rq1 .div::before{

  content: '';

  width: 150px;

  height: 150px;

  background-image: url(../images/img59.png);

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

  opacity: 0;

  transition: all .5s;

  animation: sz 30s linear infinite;

}

@keyframes sz{

  0%{

    transform: translate(-50%,-50%) rotate(0deg);

  }

  100%{

    transform: translate(-50%,-50%) rotate(360deg);

  }

}

.abou_con3 .rq1:hover .div::before{

  opacity: 1;

}

.abou_con3 .rq1:nth-child(1):hover .div{

  background-image: url(../images/img54.png);

}

.abou_con3 .rq1:nth-child(2):hover .div{

  background-image: url(../images/img56.png);

}

.abou_con3 .rq1:nth-child(3):hover .div{

  background-image: url(../images/img58.png);

}





/* 关于我们 分辨率 */

@media(max-width:1459px){

  .abou_con1 {

    padding-top: 80px;

    padding-bottom: 68px;

}

.ab_rq .ab_bt {

  font-size: 30px;

  padding-bottom: 12px;

}

.ab_rq .ab_fbt {

  font-size: 40px;

  top: -16px;

}

.abou_con2 {

  padding-top: 70px;

  padding-bottom: 90px;

}

.abou_con2 .rig {

  padding-top: 35px;

}

.abou_con2 .rig .p1 {

  font-size: 22px;

}

.abou_con2 .rig .p2 {

  font-size: 16px;

  line-height: 30px;

  margin-top: 45px;

}

.abou_con3 {

  padding-top: 70px;

  padding-bottom: 90px;

}

.abou_con3 .rq1 .p1 {

  font-size: 27px;

  padding-top: 30px;

  padding-bottom: 15px;

}

.abou_con3 .rq1 .p2 {

  font-size: 16px;

  line-height: 26px;

}

.abou_con3 .rq1 .div {

  width: 100px;

  height: 100px;

}

.abou_con3 .rq1 .div::before {

  width: 115px;

  height: 115px;

}



}

@media(max-width:991px){

  .ab_rq .ab_bt {

    font-size: 24px;

}

.ab_rq .ab_fbt {

  font-size: 28px;

}

.abou_con1 {

  padding-top: 50px;

  padding-bottom: 68px;

}

.abou_con1 .rq .p1 {

  font-size: 14px;

  margin-top: 20px;

  line-height: 25px;

}

.abou_con1 button {

  font-size: 14px;

  width: 110px;

  height: 40px;

  padding-right: 30px;

  margin-top: 30px;

}

.abou_con1 button::before {

  width: 18px;

  height: 18px;

  right: 15%;

}

.abou_con2 {

  padding-top: 50px;

  padding-bottom: 80px;

}

.abou_con2 .rig {

  padding-top: 15px;

  width: 50%;

}

.abou_con2 .rig .p1 {

  font-size: 20px;

}

.abou_con2 .rig .p2 {

  font-size: 14px;

  line-height: 25px;

  margin-top: 20px;

}

.abou_con2 .wrap {

  padding-top: 35px;

}

.abou_con3{

  padding-top: 50px;

  padding-bottom: 50px;

}

.abou_con3 .rq {

  padding-top: 40px;

}

.abou_con3 .rq1 .p1 {

  font-size: 20px;

  padding-top: 16px;

  padding-bottom: 12px;

  transform: skew(-5deg);

}

.abou_con3 .rq1 .p2 {

  font-size: 14px;

  line-height: 20px;

}



}

@media(max-width:600px){

  .abou_con2 .rig,

  .abou_con2 .lef{

    width: 100%;

  }

  .abou_con2 .lef::before{

    content: none;

  }

}

@media(max-width:414px){

  .abou_con3 .rq1{

    width: 32%;

    margin-right: 2%;

  }

  .abou_con3 .rq1:nth-child(3){

    margin-right: 0;

  }

}





/* 行业应用 */

.indu_con1{

  width: 100%;

  padding-top: 100px;

  padding-bottom: 145px;

  background: rgb(242,242,242);

}

.indu_con1 .rq{

  width: 100%;

}

.indu_con1 .rq1{

  width: 49%;

  margin-right: 2%;

  float: left;

  margin-bottom: 60px;

  transition: all .5s;

}

.indu_con1 .rq1:nth-child(2n){

  margin-right: 0;

}

.indu_con1 .rq1 .top{

  width: 100%;

  overflow: hidden;

}

.indu_con1 .rq1 .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.indu_con1 .rq1 .bot{

  width: 100%;

  height: 140px;

  background: #fff;

  padding: 30px;

}

.indu_con1 .rq1 .bot .p1{

  font-size: 26px;

  color: #333333;

  margin-bottom: 10px;

}

.indu_con1 .rq1 .bot .p2{

  font-size: 16px;

  color: #777777;

  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;



}

.indu_con1 button{

  font-size: 16px;

  color: #777777;

  width: 180px;

  height: 55px;

  border: 1px solid rgb(198,198,198);

  display: block;

  margin: 0 auto;

  margin-top: 20px;

  transition: all .5s;

}

.indu_con1 button:hover{

  background: #e62d21;

  border: 1px solid #e62d21;

  color: #fff;

}

.indu_con1 .rq1:hover{

  box-shadow: 0px 0px 22px 0px rgba(90, 91, 95, 0.3);

}

.indu_con1 .rq1:hover .top img{

  transform: scale(1.07);

}



/* 行业应用分辨率 */

@media(max-width:1459px){

  .indu_con1 {

    padding-top: 70px;

    padding-bottom: 100px;

}

.indu_con1 .rq1 .bot {

  height: 110px;

  padding: 25px;

}

.indu_con1 .rq1 .bot .p1 {

  font-size: 20px;

  margin-bottom: 5px;

}

.indu_con1 .rq1 .bot .p2 {

  font-size: 14px;

}



}

@media(max-width:768px){

  .indu_con1 .rq1 .bot {

    height: 75px;

    padding: 13px;

}

.indu_con1 .rq1 .bot .p1 {

  font-size: 16px;

}

.indu_con1 .rq1 {

  margin-bottom: 15px;

}

.indu_con1 {

  padding-top: 50px;

  padding-bottom: 60px;

}

.indu_con1 button {

  font-size: 14px;

  width: 110px;

  height: 40px;

}



}

@media(max-width:414px){

  .indu_con1 .rq1{

    width: 100%;

    margin-right: 0;

  }

}





/* 行业应用详情 */

.mt_content{

  padding-top: 100px;

}

.indu_da1{

  box-shadow: 0px 0px 22px 0px rgb(242,242,242);

  background: #fff;

  border-top: 1px solid rgb(242,242,242);

}

/* content2 */

.indu_da2{

  width: 100%;

  background: rgb(242,242,242);

  padding-top: 95px;

  padding-bottom: 90px;

}

.indu_da2 .rq{

  width: 100%;

}

.indu_da2 .rq .rig{

  width: 48.5%;

  float: right;

  position: relative;

  z-index: 10;

}

.indu_da2 .rq .rig img{

  width: 100%;

  vertical-align: middle;

}

.indu_da2 .rq .rig::before{

  content: '';

  width: 96%;

  height: 94%;

  border: 2px solid #e62d21;

  position: absolute;

  top: 42px;

  left: 42px;

  z-index: -1;

}

.indu_da2 .rq .lef{

  width: 51.5%;

  float: left;

  padding-top: 60px;

}

.indu_da2 .rq .lef .p1{

  font-size: 36px;

  color: #444444;

  padding-bottom: 35px;

  position: relative;

  margin-bottom: 35px;

}

.indu_da2 .rq .lef .p1::before{

  width: 50px;

  height: 2px;

  content: '';

  background: #e62d21;

  position: absolute;

  bottom: 0;

  left: 0;

}

.indu_da2 .rq .lef .p2{

  font-size: 20px;

  color: #444444;

  line-height: 35px;

}



/* content3 */

.indu_da3{

  width: 100%;

  padding-top: 80px;

  padding-bottom: 130px;

}

.indu_da3 .p1{

  font-size: 36px;

  color: #444444;

}

.indu_da3 .rq{

  width: 100%;

}

.indu_da3 .rq1{

  width: 49%;

  margin-right: 2%;

  float: left;

  margin-top: 65px;

}

.indu_da3 .rq1:nth-child(2n){

  margin-right: 0;

}

.indu_da3 .rq1 .top{

  width: 100%;

  overflow: hidden;

}

.indu_da3 .rq1 .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.indu_da3 .rq1 p{

  font-size: 20px;

  color: #444444;

  margin-top: 23px;

  transition: all .5s;

  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.indu_da3 .rq1:hover .top img{

  transform: scale(1.07);

}

.indu_da3 .rq1:hover p{

  color: #e62d21;

}



/* 行业应用详情 */

@media(max-width:1459px){

  .indu_da2 {

    padding-top: 60px;

    padding-bottom: 85px;

}

.indu_da2 .rq .lef {

  padding-top: 40px;

}

.indu_da2 .rq .lef .p1 {

  font-size: 28px;

  padding-bottom: 18px;

  margin-bottom: 35px;

}

.indu_da2 .rq .lef .p2 {

  font-size: 16px;

  line-height: 35px;

}

.indu_da3 .p1 {

  font-size: 28px;

}

.indu_da3 {

  padding-top: 60px;

  padding-bottom: 90px;

}

.indu_da3 .rq1 {

  margin-top: 40px;

}

.indu_da3 .rq1 p {

  font-size: 18px;

  margin-top: 14px;

}

.mt_content{

  padding-top: 80px;

}



}

@media(max-width:991px){

  .pro_da1 a{

    font-size: 14px;

  }

  .mt_content{

    padding-top: 60px;

  }

  .indu_da2 .rq .lef{

    width: 50%;

  }

  .indu_da2 .rq .rig{

    float: left;

  }

  .indu_da2 .rq .rig::before {

    top: 25px;

    left: 25px;

}

.indu_da2 .rq .lef {

  padding-top: 0px;

}

.indu_da2 .rq .lef .p1 {

  font-size: 22px;

  padding-bottom: 14px;

  margin-bottom: 16px;

}

.indu_da2 .rq .lef .p1::before {

  width: 34px;

  height: 2px;

}

.indu_da2 {

  padding-top: 60px;

  padding-bottom: 66px;

}

.indu_da3 .p1 {

  font-size: 22px;

}

.indu_da3 {

  padding-top: 50px;

  padding-bottom: 70px;

}

.indu_da3 .rq1 {

  margin-top: 30px;

}



}

@media(max-width:600px){

  .indu_da2 .rq{

    display: flex;

    flex-wrap: wrap-reverse;

  }

  .indu_da2 .rq .lef,

  .indu_da2 .rq .rig{

    width: 100%;

  }

  .indu_da2 .rq .rig::before{

    content: none;

  }

  .indu_da2 {

    padding-top: 35px;

    padding-bottom: 40px;

}

.indu_da2 .rq .lef{

  margin-top: 20px;

}

.indu_da3 .rq1 p {

  font-size: 14px;

  margin-top: 5px;

}



}



/* 技术实力 */

.ski_con1{

  width: 100%;

  padding-top: 100px;

  padding-bottom: 120px;

}

.ski_con1 .rq{

  width: 100%;

  margin-top: 70px;

  position: relative;

}

.ski_con1 .rq .lef{

  width: 75.5%;

}

.ski_con1 .rq .lef img{

  width: 100%;

  vertical-align: middle;

}

.ski_con1 .rq .rig{

  width: 600px;

  height: 400px;

  background-image: url(../images/img76.jpg);

  background-size: cover;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  padding: 55px 40px;

}

.ski_con1 .rq .rig img{

  width: 60px;

  display: block;

}

.ski_con1 .rq .rig .p1{

  font-size: 18px;

  color: #ffffff;

  line-height: 28px;

  margin-top: 45px;

  width: 85%;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;



}





/* content2 */

.ski_con2{

  width: 100%;

  padding-top: 90px;

  padding-bottom: 110px;

  background: rgb(245,245,245);

}

.ski_con2 .ab_fbt{

  color: #e8e8e8;

}

.ski_con2 .p1{

  font-size: 18px;

  color: #666666;

  text-align: center;

  padding-top: 36px;

  padding-bottom: 60px;

}

.ski_con2 .rq{

  width: 100%;

}

.ski_con2 .rq .lef{

  width: 48.7%;

  float: left;

  margin-right: 1.3%;

  position: relative;

  overflow: hidden;

}

.ski_con2 .rq .lef img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.ski_con2 .rq .lef p,

.ski_con2 .rq .rig .top p{

  width: 100%;

  font-size: 22px;

  color: #ffffff;

  line-height: 60px;

  background: linear-gradient(to right,rgba(16,16,16,0.8),rgba(16,16,16,0.1));

  position: absolute;

  bottom: 0;

  left: 0;

  vertical-align: middle;

  padding-left: 25px;

  transition: all .5s;

}

.ski_con2 .rq .rig{

  width: 50%;

  float: right;

}

.ski_con2 .rq .rig .top{

  width: 100%;

  margin-bottom: 20px;

  position: relative;

  overflow: hidden;

}

.ski_con2 .rq .rig .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.ski_con2 .rq .rig .top:last-child{

  margin-bottom: 0;

}

.ski_con2 .rq .rig .top:hover img,

.ski_con2 .rq .lef:hover img{

  transform: scale(1.07);

}

.ski_con2 .rq .rig .top:hover p,

.ski_con2 .rq .lef:hover p{

  background: linear-gradient(to right,rgba(212,60,46,0.9),rgba(212,60,46,0.7));

}



/* content3 */

.ski_con3{

  width: 100%;

  padding-top: 105px;

  padding-bottom: 105px;

}

.ski_con3 .p1{

  font-size: 18px;

  color: #666666;

  text-align: center;

  padding-top: 30px;

  padding-bottom: 55px;

}

.ski_con3 .rq{

  width: 100%;

}

.ski_con3 .rq .rq1{

  width: 100%;

  margin-bottom: 25px;

}

.ski_con3 .rq .rq1 .lef{

  width: 56%;

  float: left;

  position: relative;

  overflow: hidden;

}

.ski_con3 .rq .rq1 .lef img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.ski_con3 .rq .rq1 p{

  width: 100%;

  font-size: 18px;

  color: #ffffff;

  line-height: 60px;

  background: linear-gradient(to right,rgba(16,16,16,0.8),rgba(16,16,16,0.1));

  position: absolute;

  bottom: 0;

  left: 0;

  vertical-align: middle;

  padding-left: 25px;

  transition: all .5s;

}

.ski_con3 .rq .rq1 .rig{

  width: 42.4%;

  float: right;

  position: relative;

  overflow: hidden;

}

.ski_con3 .rq .rq1 .rig img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.ski_con3 .rq .rq1:nth-child(2n) .lef{

  width: 42.4%;

}

.ski_con3 .rq .rq1:nth-child(2n) .rig{

  width: 56%;

}

.ski_con3 .rq .rq1 .lef:hover p,

.ski_con3 .rq .rq1 .rig:hover p{

  background: linear-gradient(to right,rgba(212,60,46,0.9),rgba(212,60,46,0.7));

}

.ski_con3 .rq .rq1 .lef:hover img,

.ski_con3 .rq .rq1 .rig:hover img{

  transform: scale(1.07);

}





/* content4 */

.ski_con4{

  width: 100%;

  background: rgb(245,245,245);

  padding-top: 95px;

  padding-bottom: 160px;

}

.ski_con4 .p1{

  font-size: 18px;

  color: #666666;

  text-align: center;

  padding-top: 35px;

  padding-bottom: 60px;

}

.ski_con4 .rq{

  width: 100%;
  display: flex;flex-wrap: wrap;grid-gap: 40px 0;

}

.ski_con4 .rq .rq1{

  width: 22.875%;

  /*float: left;*/

  margin-right: 1.5%;display: flex;
flex-direction: column;
justify-content: space-between;

}



.ski_con4 .rq .rq1 .top{

  width: 100%;

  overflow: hidden;

}

.ski_con4 .rq .rq1 .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.ski_con4 .rq .rq1 p{

  font-size: 16px;

  color: #666666;

  text-align: center;

  margin-top: 20px;

  transition: all .5s;

}

.ski_con4 .rq .rq1:hover .top img{

  transform: scale(1.07);

}

.ski_con4 .rq .rq1:hover p{

  color: #e62d21;

}



/* 技术实力分辨率 */

@media(max-width:1459px){

  .ski_con1 {

    padding-top: 70px;

    padding-bottom: 90px;

}

.ski_con1 .rq .rig {

  width: 455px;

  height: 305px;

  padding: 35px 30px;

}

.ski_con1 .rq .rig img {

  width: 50px;

}

.ski_con1 .rq .rig .p1 {

  font-size: 16px;

  line-height: 25px;

  margin-top: 36px;

  width: 85%;

}

.ski_con1 .rq {

  margin-top: 45px;

}

.ski_con3,

.ski_con2 {

  padding-top: 70px;

  padding-bottom: 80px;

}

.ski_con2 .p1 {

  font-size: 16px;

  padding-top: 23px;

  padding-bottom: 45px;

}

.ski_con3 .rq .rq1 p,

.ski_con2 .rq .lef p, .ski_con2 .rq .rig .top p {

  font-size: 16px;

  line-height: 40px;

}

.ski_con3 .p1 {

  font-size: 16px;

  padding-top: 20px;

  padding-bottom: 38px;

}

.ski_con4 {

  padding-top: 70px;

  padding-bottom: 100px;

}

.ski_con4 .p1 {

  font-size: 16px;

  padding-top: 25px;

  padding-bottom: 37px;

}

.ski_con4 .rq .rq1 p {

  font-size: 14px;

  margin-top: 15px;

}



}

@media(max-width:1259px){

  .ski_con1 .rq .rig {

    width: 400px;

    height: 235px;

    padding: 20px 20px;

}

.ski_con1 .rq .rig img {

  width: 40px;

}

.ski_con1 .rq .rig .p1 {

  font-size: 14px;

  line-height: 22px;

  margin-top: 27px;

}



}

@media(max-width:991px){

  .ski_con1 .rq .rig {

    width: 335px;

    height: 180px;

    padding: 20px 20px;

}

.ski_con1 .rq {

  margin-top: 30px;

}



}

@media(max-width:600px){

  .ski_con1 {

    padding-top: 50px;

    padding-bottom: 55px;

}

.ski_con3, .ski_con2 {

  padding-top: 50px;

  padding-bottom: 55px;

}

  .ski_con1 .rq .lef{

    width: 100%;

  }

  .ski_con1 .rq .rig{

    width: 100%;

    position: static;

    transform: translateY(0%);

  }

  .ski_con2 .p1 {

    font-size: 14px;

    padding-top: 20px;

    padding-bottom: 30px;

}

  .ski_con2 .rq .rig,

  .ski_con2 .rq .lef{

    width: 100%;

  }

  .ski_con2 .rq .lef{

    margin-bottom: 20px;

  }

  .ski_con3 .p1 {

    font-size: 14px;

    padding-top: 20px;

    padding-bottom: 30px;

}

  .ski_con3 .rq .rq1:nth-child(2n) .lef,

  .ski_con3 .rq .rq1:nth-child(2n) .rig,

  .ski_con3 .rq .rq1 .rig,

  .ski_con3 .rq .rq1 .lef{

    width: 100%;

    margin-bottom: 20px;

  }

  .ski_con4 .rq .rq1{

    width: 49%;

    margin-right: 2%;

    margin-bottom: 20px;

  }

  .ski_con4 .rq .rq1:nth-child(2n){

    margin-right: 0;

  }

  .ski_con3 .rq .rq1 p, .ski_con2 .rq .lef p, .ski_con2 .rq .rig .top p {

    font-size: 14px;

    line-height: 40px;

}

.ski_con3 .rq .rq1{

  margin-bottom: 0;

}

.ski_con4 {

  padding-top: 50px;

  padding-bottom: 50px;

}

.ski_con4 .p1 {

  font-size: 14px;

  padding-top: 25px;

  padding-bottom: 30px;

}



}



/* 加入我们 */

/* content1 */

.con_con1{

  width: 100%;

  padding-top: 100px;

  padding-bottom: 130px;

  background: rgb(245,245,245);

}

.con_con1 .ab_fbt{

  color: #e8e8e8;

}

.con_con1 .rq{

  width: 100%;

  display: flex;

  justify-content: space-between;

  padding-top: 90px;

}

.con_con1 .rq1{

  width: 19%;

}



.con_con1 .rq1 .top{

  width: 233px;

  height: 233px;

  position: relative;

  margin: 0 auto;

  transition: all .5s;

}

.con_con1 .rq1 .top img{

  width: 100%;

  vertical-align: middle;

}

.con_con1 .rq1 .top::before{

  content: '';

  width: 253px;

  height: 253px;

  background-image: url(../images/img93.png);

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

  animation: sz 30s linear infinite;

}

.con_con1 .rq1 .bot{

  width: 100%;

}

.con_con1 .rq1 .bot .p1{

  font-size: 24px;

  color: #333333;

  text-align: center;

  padding-top: 70px;

  padding-bottom: 25px;

}

.con_con1 .rq1 .bot .p2{

  font-size: 16px;

  color: #666666;

  text-align: center;

}

.con_con1 .rq1:hover .top{

  transform: translateY(-20px);

}



/* content2 */

.con_con2{

  width: 100%;

  padding-top: 100px;

  padding-bottom: 150px;

}

.con_con2 .rq{

  width: 100%;

  padding-top: 60px;

}

.con_con2 .rq1{

  width: 100%;

  height:auto;

  border: 1px solid rgb(222,222,222);

  padding: 0 80px;

  margin-bottom: 20px;

}

.con_con2 .rq1 .top{

  width: 100%;

  height: 110px;

  line-height: 110px;

  background-image: url(../images/img94.png);

  background-repeat: no-repeat;

  background-position-x: right;

  background-position-y: center;

  background-size: 42px;

}

.con_con2 .top .p1{

  font-size: 24px;

  color: #333;

  float: left;

}

.con_con2 .rq1:hover .p1{

  color: #333333;

}

.con_con2 .top .p2{

  font-size: 18px;

  color: #666;

  text-align: center;

  padding-right: 35%;

}



.con_con2 .bot{

  padding-bottom: 65px;

  display: none;

}

.con_con2 .bot .p3{

  font-size: 16px;

  color: #777;

  line-height: 35px;

}

.con_con2 .bot a{

  display: inline-block;

  /* width: 90px; */

  padding: 0 15px;

  height: 45px;

  border-radius: 3px;

  background: #e62d21;

  line-height: 45px;

  text-align: center;

  font-size: 16px;

  color: #fff;

  margin-top: 49px;

  margin-right: 10px;

}

.con_con2 .bot .on{

  width: 150px;

}

/* 加入我们分辨率 */

@media (max-width: 1459px){

  .con_con1 {

    padding-top: 70px;

    padding-bottom: 90px;

}

.con_con1 .rq1 .top {

  width: 177px;

  height: 177px;

}

.con_con1 .rq1 .top::before {

  width: 192px;

  height: 192px;

}

.con_con1 .rq {

  padding-top: 60px;

}

.con_con1 .rq1 .bot .p1 {

  font-size: 20px;

  padding-top: 35px;

  padding-bottom: 16px;

}

.con_con1 .rq1 .bot .p2 {

  font-size: 14px;

}



.con_con2 {

  padding-top: 60px;

  padding-bottom: 100px;

}

.con_con2 .rq {

  padding-top: 40px;

}

  .con_con2 .top .p1 {

    font-size: 20px;

  }

  .con_con2 .top .p2 {

    font-size: 16px;

  }

}

@media (max-width: 991px){

  .con_con1 .rq{

    flex-wrap: wrap;

  }

  .con_con1 .rq1{

    width: 45%;

    margin-bottom: 40px;

  }

  .con_con1 {

    padding-top: 70px;

    padding-bottom: 40px;

}

}

@media (max-width: 767px){

  .con_con2 .top .p1{

    font-size: 18px;

  }

  .con_con2 .top .p2,

  .con_con2 .bot .p3{

    font-size: 14px;

  }

  .con_con2 .bot .on {

    width: 100px;

  }

  .con_con2 .bot a {

    /* width: 69px; */

    width: auto;

  }

  .con_con2 .rq1 {

    padding: 0 20px;

  }

  

}

@media (max-width: 414px){

  .con_con1 {

    padding-top: 50px;

    padding-bottom: 10px;

}

  .con_con1 .rq1 .top {

    width: 140px;

    height: 140px;

}

.con_con1 .rq1 .top::before {

  width: 160px;

  height: 160px;

}

.con_con1 .rq {

  padding-top: 40px;

}

.con_con1 .rq1 .bot .p1 {

  font-size: 18px;

  padding-top: 24px;

  padding-bottom: 10px;

}

  .con_con2{

    padding: 40px 0;

  }

  .con_con2 .rq1 .top {

    width: 100%;

    height: 70px;

    line-height: 70px;

    background-size: 30px;

  }

  .con_con2 .top .p1 {

    font-size: 15px;

  }

  .con_con2 .p{

    padding-top: 0;font-size: 22px;

  }

  .con_con2 .rq {

    padding-top: 25px;

}

.con_con2 .bot a {

  padding: 0 15px;

  height: 35px;

  border-radius: 3px;

  line-height: 35px;

  font-size: 14px;

  margin-top: 30px;

  margin-right: 2px;

}

.con_con2 .bot {

  padding-bottom: 30px;

}

}







/* 新闻中心 */

.new_con1{

  width: 100%;

  padding: 90px 0;

  background: rgb(242,242,242);

}

.new_con1 .rq{

  width: 100%;

  line-height: 40px;

}

.new_con1 .rq .p1{

  font-size: 36px;

  color: #333333;

  float: left;

}

.new_con1 .rq .rq1{

  float: right;

}

.new_con1 .rq .rq1 a{

  font-size: 18px;

  color: #666666;

  padding-right: 30px;

  position: relative;

}

.new_con1 .rq .rq1 a.on{

  color: #e62d21;

  padding-right: 0;

}

.new_con1 .rq .rq1 a::before{

  width: 1px;

  height: 16px;

  content: '';

  background: rgb(198,198,198);

  position: absolute;

  top: 50%;

  right: 13px;

  transform: translateY(-50%);

}

.new_con1 .rq .rq1 a.on::before{

  content: none;

}



/* content2 */

.new_con2{

  width: 100%;

  background: #fff;

}

.new_con2 .rq{

  width: 100%;

}

.new_con2 .rq a{

  width: 100%;

  height: 100%;

  display: flex;

}

.new_con2 .rq .lef{

  width: 50%;

  overflow: hidden;

}

.new_con2 .rq .lef img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.new_con2 .rq .rig{

  width: 50%;

  padding-top: 75px;

  padding-left: 140px;

  position: relative;

}

.new_con2 .rq .rig .p1{

  font-size: 16px;

  color: #999999;

}

.new_con2 .rq .rig .p2{

  font-size: 26px;

  color: #333333;

  margin-top: 15px;

  margin-bottom: 35px;

  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;



}

.new_con2 .rq .rig .p3{

  font-size: 16px;

  color: #777777;

  width: 67%;

  line-height: 28px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.new_con2 .rq .rig .jt{

  width: 24px;

  height: 14px;

  background-image: url(../images/img98.png);

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  left: 140px;

  bottom: 25%;

  transition: all .5s;

}

.new_con2 .rq:hover .lef img{

  transform: scale(1.07);

}

.new_con2 .rq:hover .rig .jt{

  background-image: url(../images/img97.png);

  left: 160px;

}



/* content3 */

.new_con3{

  width: 100%;

  background: rgb(242,242,242);

  padding-top: 105px;

  padding-bottom: 150px;

}

.new_con3 .rq{

  width: 100%;

}

.new_con3 .rq .rq1{

  width: 32.33333%;

  margin-right: 1.5%;

  float: left;

  margin-bottom: 40px;

  transition: all .5s;

}

.new_con3 .rq .rq1:nth-child(3n){

  margin-right: 0;

}

.new_con3 .rq1 .top{

  width: 100%;
height: 310px;
  overflow: hidden;

}

@media(max-width:1480px){
    .new_con3 .rq1 .top{
        height: 250px;
    }
}


@media(max-width:1280px){
    .new_con3 .rq1 .top{
        height: 200px;
    }
}

@media(max-width:990px){
    .new_con3 .rq1 .top{
        height: 150px;
    }
}

@media(max-width:768px){
    .new_con3 .rq1 .top{
        height: 110px;
    }
}

.new_con3 .rq1 .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.new_con3 .rq1 .bot{

  width: 100%;

  height: 260px;

  background: #fff;

  padding: 35px 30px;

  position: relative;

}

.new_con3 .rq1 .bot .p1{

  font-size: 16px;

  color: #777777;

}

.new_con3 .rq1 .bot .p2{

  font-size: 18px;

  color: #444444;

  margin-top: 20px;

  margin-bottom: 17px;

  transition: all .5s;

  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.new_con3 .rq1 .bot .p3{

  font-size: 14px;

  color: #777777;

  width: 80%;

  line-height: 25px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;



}

.new_con3 .rq1 .bot .jt{

  width: 24px;

  height: 14px;

  background-image: url(../images/img98.png);

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  left: 30px;

  bottom: 15%;

  transition: all .5s;

}

.new_con3 .rq1:hover{

  box-shadow: 0px 0px 22px 0px rgba(90, 91, 95, 0.3);

}

.new_con3 .rq1:hover .top img{

  transform: scale(1.07);

}

.new_con3 .rq1:hover .bot .p2{

  color: #e62d21;

}

.new_con3 .rq1:hover .bot .jt{

  background-image: url(../images/img97.png);

  left: 40px;

}



.fyq {

  /*    width: 345px;*/

  height: 55px;

  margin: 0 auto;

  display: table;

  width: auto;

  margin-top: 40px;

}



.fyq li {

  width: 46px;

  height: 46px;

  background: rgb(204, 204, 204);

  float: left;

  margin-left: 23px;

  transition: all .3s;

}



.fyq li:first-child, .fyq li:last-child {

  background: none;

  background-image: url(../images/img75.png);

  background-repeat: no-repeat;

  background-position: center;

}



.fyq li:last-child {

  background-image: url(../images/img74.png);

}



.fyq li a {

  display: block;

  width: 100%;

  height: 100%;

  text-align: center;

  line-height: 46px;

  font-size: 20px;

  color: #333;

}



.fyq li a img {

  width: 7px;

  height: 12px;

  display: block;

  margin: 0 auto;

  margin-top: 19px;

}



.fyq li:hover {

  background: #e62d21;

}

.fyq .on a,

.fyq li:hover a{

  color: #fff;

}

.fyq li:first-child:hover, .fyq li:last-child:hover {

  background: none;

  background-image: url(../images/img73.png);

  background-repeat: no-repeat;

  background-position: center;

}



.fyq li:last-child:hover {

  background-image: url(../images/img76.png);

}



.fyq .on {

  background:#e62d21;

}





/* 新闻中心分辨率 */

@media(max-width:1680px){

  .new_con1 {

    padding: 60px 0;

}

.new_con1 .rq .p1 {

  font-size: 30px;

}

.new_con2 .rq .rig .p2 {

  font-size: 22px;

  margin-top: 15px;

  margin-bottom: 35px;

}

.new_con2 .rq .rig .p3 {

  font-size: 16px;

  width: 80%;

  line-height: 28px;

}

}

@media(max-width:1459px){

  .new_con1 .rq .p1 {

    font-size: 26px;

}

.new_con1 .rq .rq1 a {

  font-size: 16px;

}

.new_con1 {

  padding: 50px 0;

}

.new_con2 .rq .rig .jt {

  width: 24px;

  height: 14px;

  left: 90px;

  bottom: 15%;

}

.new_con2 .rq .rig {

  width: 50%;

  padding-top: 50px;

  padding-left: 90px;

  position: relative;

}

.new_con2 .rq .rig .p2 {

  font-size: 20px;

}

.new_con2 .rq .rig .p1 {

  font-size: 14px;

}

.new_con2 .rq:hover .rig .jt {

  left: 100px;

}

.new_con3 {

  padding-top: 80px;

  padding-bottom: 100px;

}

.new_con3 .rq1 .bot {

  height: 180px;

  padding: 20px 20px;

}

.new_con3 .rq1 .bot .p1 {

  font-size: 14px;

}

.new_con3 .rq1 .bot .p2 {

  font-size: 16px;

  margin-top: 10px;

  margin-bottom: 5px;

}

.new_con3 .rq1 .bot .jt {

  width: 24px;

  height: 14px;

  left: 20px;

  bottom: 15%;

}

.new_con3 .rq1:hover .bot .jt {

  left: 30px;

}



}

@media(max-width:991px){

  .new_con2 .rq .rig {

    padding-top: 30px;

    padding-left: 50px;

}

.new_con2 .rq .rig .p2 {

  margin-top: 10px;

  margin-bottom: 15px;

}

.new_con2 .rq .rig .p3 {

  font-size: 14px;

  width: 90%;

  line-height: 22px;

}

.new_con2 .rq .rig .jt {

  width: 18px;

  height: 11px;

  left: 50px;

  bottom: 15%;

}

.new_con2 .rq:hover .rig .jt {

  left: 60px;

}

.new_con3 {

  padding-top: 50px;

  padding-bottom: 50px;

}

.new_con3 .rq1 .bot .p3 {

  width: 100%;

  line-height: 20px;

}

.new_con3 .rq1 .bot .jt {

  width: 18px;

  height: 11px;

  left: 20px;

  bottom: 13%;

}

.new_con3 .rq1 .bot {

  height: 155px;

}

.new_con3 .rq .rq1 {

  margin-bottom: 18px;

}

.new_con1 .rq .p1 {

  font-size: 22px;

}

.new_con1 .rq .rq1 a {

  font-size: 14px;

}

.new_con1 {

  padding: 26px 0;

}



.fyq li{

  width: 36px;

  height: 36px;

  margin-left: 16px;

}

.fyq li a{

  font-size: 14px;

  line-height: 36px;

}





}

@media(max-width:600px){

  .new_con2 .rq .lef,

  .new_con2 .rq .rig{

    width: 100%;

  }

  .new_con2 .rq .rig .p2 {

    font-size: 18px;

}

  .new_con2 .rq a{

    flex-wrap: wrap;

  }

  .new_con2 .rq .rig {

    padding-top: 20px;

    padding-left: 0px;

    padding-bottom: 50px;

}

.new_con2 .rq .rig .jt{

  left: 0;

  bottom: 20px;

}

.new_con2 .rq:hover .rig .jt {

  left: 10px;

}

.new_con3 .rq .rq1{

  width: 49%;

  margin-right: 2%;

}

.new_con3 .rq .rq1:nth-child(3n){

  margin-right: 2%;

}

.new_con3 .rq .rq1:nth-child(2n){

  margin-right: 0;

}

.new_con3 .rq1 .bot {

  height: 140px;

  padding: 10px 10px;

}

.new_con3 .rq1 .bot .jt {

  left: 10px;

  bottom: 15px;

}

.new_con3 .rq1:hover .bot .jt {

  left: 20px;

}





.fyq li {

  margin-left: 5px;

}

.fyq {

  margin-top: 15px;

}

}



/* 新闻详情 */

/* content2 */

.new_date2{

  width: 100%;

  background: rgb(245,245,245);

  padding-top: 95px;

  padding-bottom: 150px;

}

.new_date2 .wrap2{

  width: 1000px;

  margin: 0 auto;

}

.new_date2 .p1{

  font-size: 33px;

  color: #333333;

  text-align: center;

}

.new_date2 .p2{

  font-size: 18px;

  color: #999999;

  font-family: "com";

  text-align: center;

  margin-top: 15px;

  margin-bottom: 24px;

}

.new_date2 .rq{

  width: 205px;

  margin: 0 auto;

  line-height: 40px;

}

.new_date2 .rq p{

  font-size: 16px;

  color: #666666;

  float: left;

  margin-right: 8px;

}

.new_date2 .rq p img{

  width: 18px;

  margin-bottom: -4px;

}

.new_date2 .rq #share-2{

  float: left;

}

.new_date2 .rq #share-2 a{

  border: none;

  color: #fff;

  font-size: 17px;

}

.new_date2 .rq #share-2 .icon-weibo{

  background: rgb(230,45,33);

}

.new_date2 .rq #share-2 .icon-wechat{

  background: rgb(93,183,82);

}

.new_date2 .rq #share-2 .icon-qq{

  background: rgb(86,144,231);

}

.social-share .icon-wechat .wechat-qrcode .help p {

  line-height: 12px;

  float: none;

  font-size: 12px;

}

.social-share .icon-wechat .wechat-qrcode .qrcode {

  margin-bottom: 0;

}

.social-share .icon-wechat .wechat-qrcode {

  top: -188px;

  width: 200px;

  height: 180px;

}

.new_date2 .rq1{

  width: 100%;

  padding-bottom: 90px;

}

.new_date2 .rq1 img{

  max-width: 100%;

  max-height: 100%;

  margin-top: 52px;

  margin-bottom: 35px;

}

.new_date2 .rq1 .p3{

  font-size: 16px;

  color: #666666;

  line-height: 33px;

}

.new_date2 .rq2{

  width: 100%;

}

.new_date2 .rq2 a{

  display: block;

  width: 49%;

  float: left;

  line-height: 60px;

  font-size: 16px;

  color: #777777;

  border: 1px solid rgb(204,204,204);

  padding:0 20px;

  text-overflow: ellipsis;

	overflow: hidden;

  white-space: nowrap;

  transition: all .5s;

}

.new_date2 .rq2 a:nth-child(2){

  float: right;

}

.new_date2 .rq2 a:hover{

  background: rgb(230,45,33);

  color: #fff;

  border: 1px solid rgb(230,45,33);

}





/* 新闻详情 分辨率 */

@media(max-width:1459px){

  .new_date2 .p1 {

    font-size: 24px;

}

.new_date2 .p2 {

  font-size: 16px;

  margin-top: 10px;

  margin-bottom: 12px;

}

.new_date2 {

  padding-top: 60px;

  padding-bottom: 100px;

}



}

@media(max-width:1000px){

  .new_date2 .wrap2{

    width: 100%;

    padding: 0 15px;

  }

}

@media(max-width:414px){

  .new_date2 .p1 {

    font-size: 22px;

}

.new_date2 {

  padding-top: 40px;

  padding-bottom: 60px;

}

.new_date2 .rq1 {

  padding-bottom: 40px;

}

.new_date2 .rq2 a{

  width: 100%;

  margin-right: 0;

  margin-bottom: 10px;

}

.new_date2 .rq1 img {

  margin-top: 30px;

  margin-bottom: 20px;

}



}