@charset "UTF-8";





/* 首页 */



.app{

  display: none !important;

}



/* banner */

.banner{

  position: relative;

  overflow: hidden;

  width: 100%;

}

.banner .swiper-slide{

  width: 100%;

  position: relative;

}

.banner .swiper-slide .bj{

  width: 100%;

  vertical-align: middle;

  transition: all 10s;

}

/* .banner .swiper-slide-active .bj{

  transform: scale(1.1);

} */

.banner .swiper-slide .rq{

  min-width: 975px;

  position: absolute;

  top: 50%;

  left: 50%;

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

}

.banner .p1{

  font-size: 90px;

  color: #ffffff;



}

.banner .p2{

  font-size: 90px;

  color: #f6ab00;



}

.banner .p3{

  font-size: 36px;

  color: #f6ab00;

}



.banner .swiper-slide-active .p1{

  animation: bw 1s linear .8s both;

}

.banner .swiper-slide-active .p2{

  animation: bw 1s linear 1s both;

}

.banner .swiper-slide-active .p3{

  animation: bw 1s linear 1.2s both;

}

@keyframes bw{

  0%{

    transform: translateY(40px);

    opacity: 0;

  }

  100%{

    transform: translateY(0px);

    opacity: 1;

  }

}



.banner .swiper-pagination{

  bottom: 90px;

  height: 17px;

  line-height: 17px;

}

.banner .swiper-pagination-bullet{

  width: 13px;

  height: 13px;

  border-radius: 0;

  background: #f6ab00;

  opacity: 1;

  display: inline-block;

  margin: 2px 38px !important;

  position: relative;

}

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

  content: '';

  width: 45px;

  height: 1px;

  background: #fff;

  position: absolute;

  right: -59px;

  top: 50%;

  transform: translateY(-50%);

}

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

  display: none;

}

.banner .swiper-pagination-bullet-active{

  width: 17px;

  height: 17px;

  background: #fff;

  border: 2px solid rgb(16,88,158);

  margin: 0 38px !important;

}

.banner .swiper-slide{

  width: 100%;

}



/* 视屏 */

#publicity-video {

	width: 100%;

	height: 100%;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	overflow: hidden;

}

#publicity-video video {

	display: block;

}

.msg-box-bg {

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	display: none;

	z-index: 1001;

	background: rgba(0,0,0,0.8);

}

.msg-box {

	width: 60%;

	height: 70%;

	background: rgba(0,0,0,0.8);

	position: absolute;

	left: 50%;

	top: 47%;

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

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}

.msg-box .close-box {

	width: 30px;

	height: 30px;

	background: url("../images/btn-close-modal.png") no-repeat center;

	cursor: pointer;

	position: absolute;

	right: 20px;

	top: 20px;

	-webkit-transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

}

.msg-box .close-box:hover {

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	transform: rotate(90deg);

}

.abo_video {

	width: 100%;

	height: 100%;

	cursor: pointer;

	overflow: hidden;

	position: relative;

}









/* sy_con1 */

.sy_con1{

  width: 100%;

}

.sy_con2{

  background: rgb(240,240,240);

}

.sy_con1 .rq{

  width: 100%;

  padding-left: 78px;

  display: flex;

  flex-wrap: wrap-reverse;

}

.sy_con2 .rq{

  flex-wrap: wrap;

}

.sy_con1 .rq .lef{

  width: 50%;

  min-height: 705px;

  

  padding-top: 90px;

  padding-bottom: 105px;

}

.sy_con1 .rq .p1{

  font-size: 70px;

  color: #272727;



}

.sy_con1 .rq .p2{

  font-size: 36px;

  color: #272727;

}

.sy_con1 .rq .a{

  display: block;

  font-size: 20px;

  color: #222222;

  width: 180px;

  height: 54px;

  line-height: 50px;

  text-align: center;

  border: 2px solid #f6ab00;

  border-radius: 10px;

  margin-top: 30px;

  margin-bottom: 35px;

}

.sy_con1 .rq .a:hover{

  background: #f6ab00;

  color: #fff;

}

.sy_con1 .rq .p3{

  font-size: 24px;

  color: #192864;

  min-height: 160px;

  padding-bottom: 50px;

  line-height: 36px;

}

.sy_con1 .rq .div{

  width: 100%;

  height: 51px;

}

.sy_con1 .rq .div img{

  height: 100%;

  margin-right: 84px;

  transition: all .5s;

}

.sy_con1 .rq .div a:last-child img{

  margin-right: 0;

}

.sy_con1 .rq .div img:hover{

  transform: translateY(-10px);

}



.sy_con1 .rq .rig{

  width: 50%;

  position: relative;

  overflow: hidden;

}

.sy_con1 .rq .rig img{

  max-height: 100%;

  max-width: 85%;

  position: absolute;

  top: 50%;

  left: 50%;

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

  transition: all .5s;

}

.sy_con1 .rq .rig:hover img{

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

}





/* sy_con3 */

.sy_con3{

  width: 100%;

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

  /* background-attachment: fixed; */

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

  background-size: cover;

  background-position: center;

  position: relative;

}

.sy_con3 .rq{

  width: 100%;

  height: 860px;

  padding-top: 108px;

  padding-left: 78px;

  position: relative;

}

.sy_con3 .p1{

  font-size: 90px;

  color: #ffffff;





}

.sy_con3 .p{

  font-size: 30px;

  color: #ffffff;

  margin-bottom: 25px;

  text-transform: uppercase;

}

.sy_con3 .p2{

  font-size: 24px;

  color: #ffffff;

  width: 400px;

  line-height: 36px;

}

.sy_con3 .rq .div{

  width: 100%;

  padding-left: 78px;

  position: absolute;

  left: 0;

  bottom: 110px;

  display: flex;

  justify-content: space-between;

}

.sy_con3 .rq .div .div1 img{

  width: 242px;

  display: block;

  margin: 0 auto;

  transition: all .5s;

}

.sy_con3 .rq .div .div1:hover img{

  transform: translateY(-10px);

}

.sy_con3 .rq .div .div1 p{

  font-size: 30px;

  color: #f6ab00;

  text-align: center;

  margin-top: 60px;

}





/* sy_con4 */

.sy_con4{

  width: 100%;

  position: relative;

  overflow: hidden;

}

.sy_con4::before{

  content: '';

  width: 100%;

  height: 100%;

  background: rgba(255,255,255,.3);

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

.sy_con4 .bj{

  width: 100%;

  vertical-align: middle;

  position: absolute;

  width: 100%;

  height: auto;

  top: 0;

  left: 0;

  z-index: 1;

}

#publicity-video2{

	width: 100%;

	height: 100%;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	overflow: hidden;

}

#publicity-video2 video {

	display: block;

}

.sy_con4 .container{

  height: 100%;

  position: relative;

  /* top: 0; */

  /* left: 50%;

  transform: translateX(-50%); */

  padding-top: 85px;

  z-index: 10;

}

.sy_con4 .p1{

  font-size: 90px;

  color: #303030;



  text-align: center;

  margin-bottom: 40px;

}

.sy_con4 .p2{

  font-size: 24px;

  color: #191919;

  padding: 0 150px;

  line-height: 38px;

}

.sy_con4 .rq{

  width: auto;

  display: table;

  margin: 0 auto;

  margin-top: 70px;

  display: flex;

  justify-content: center;

  flex-wrap: wrap; 

}

.sy_con4 .rq .div{

  margin: 0 52px;

  float: left;

}

.sy_con4 .rq .div .div1{

  width: 250px;

  height: 250px;

  border-radius: 50%;

  border: 11px solid rgb(175,207,210);

  background: rgb(54,72,96);

  position: relative;

  transition: all .5s;

}

.sy_con4 .rq .div:hover .div1{

  transform: translateY(-10px);

}

.sy_con4 .rq .div .div1 p{

  position: absolute;

  top: 50%;

  left: 50%;

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

}

.sy_con4 .rq .div .div1 p span{

  font-size: 75px;

  color: #f6ab00;

}

.sy_con4 .rq .div .div1 p i{

  font-size: 36px;

  color: #f6ab00;

  position: absolute;

  top: 10px;

}

.sy_con4 .rq .div .p1{

  font-size: 30px;

  color: #192864;

  text-align: center;

  margin-top: 46px;

}



@media(max-width:1366px){

  .sy_con4 .rq .div{

    margin: 0 20px;

  }

}

@media(max-width:991px){

  .sy_con4 .rq .div{

    margin: 0 10px;

  }

}

@media(max-width:768px){

  .sy_con4 .rq .div{

    width: 40%;

  }

  .sy_con4 .rq .div .div1{

    margin: 0 auto;

  }

}











/* sy_con5 */

.sy_con5{

  width: 100%;

  padding-top: 100px;

  padding-bottom: 160px;

  background: rgb(54,72,96);

}

.sy_con5 .top{

  width: 100%;

  padding: 0 15px;

  text-align: center;

}

.sy_con5 .top .p1{

  font-size: 48px;

  color: #ffffff;



  margin-bottom: 14px;

}

.sy_con5 .top .p2{

  font-size: 18px;

  color: #ffffff;

  width: 53%;

  margin: 0 auto;

  line-height: 38px;

}

.sy_con5 .bot{

  width: 100%;

  margin-top: 70px;

}

.sy_con5 .swiper-slide{

  width: 500px;

  overflow: hidden;

  transition: all .5s;

  position: relative;

}

.sy_con5 .bot .div{

  width: 15.1%;

  float: left;

  margin-right: 0.7%;

  overflow: hidden;

  transition: all .3s;

  position: relative;
  
  border-radius: 4px;

}

.sy_con5 .bot .div:last-child{

  margin-right: 0;

}

.sy_con5 .swiper-slide::before{

  content: '';

  width: 100%;

  height: 100%;

  background: rgba(255,255,255,.3);

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  opacity: 0;

  transition: all .5s;

}

.sy_con5 .swiper-slide:hover::before{

  opacity: 1;

}

.sy_con5 .bot .div a::before{

  content: '';

  width: 100%;

  height: 100%;

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

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  opacity: 0;

  transition: all .5s;

}

.sy_con5 .bot .div.on a::before{

  opacity: 1;

}

.sy_con5 .swiper-slide:hover{

  width: 700px;

}

.sy_con5 .bot .div.on{

  width: 36.8%;

}



.sy_con5 .bot .div img,

.sy_con5 .swiper-slide img{

  width: auto;

  vertical-align: middle;

}

.sy_con5 .swiper-slide p{

  font-size: 60px;

  color: #ffffff;

  width: 100%;

  text-align: center;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  z-index: 2;

}

.sy_con5 .bot .div .div1{

  width: 100%;

  padding: 0 15px;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  text-align: center;

  z-index: 2;

}

.sy_con5 .bot .div a{

  display: block;

  width: 100%;

  /* height: 100%; */

  position: relative;

  z-index: 2;

}

.sy_con5 .bot .div .p1{

  font-size: 50px;

  color: #ffffff;

  margin-bottom: 10px;

}

.sy_con5 .bot .div .p2{

  font-size: 18px;

  color: #ffffff;

  display: none;

  line-height: 28px;

}

.sy_con5 .bot .div.on .p2{

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

  overflow: hidden;

  animation: animate .3s ease both;

}

@keyframes animate{0%{opacity:0}50%{opacity:0}to{opacity:1}}

.sy_con5 .swiper-button-next,

.sy_con5 .swiper-button-prev{

  width: 60px;

  height: 60px;

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

  background-size: contain;

  background-repeat: no-repeat;

  margin-top: -30px;

  right: 106px;

  opacity: 0.8;

}

.sy_con5 .swiper-button-prev{

  left: 106px;

  transform: rotate(180deg);

}







/* content6 */

.sy_con6{

  width: 100%;

  padding-top: 100px;

  padding-bottom: 90px;

  background: rgb(244,244,244);

}

.sy_con6 .top{

  width: 100%;

  position: relative;

}

.sy_con6 .p{

  font-size: 48px;

  color: #222222;



}

.sy_con6 .top .div{

  /* width: 185px; */

  width: auto;

  max-width: 220px;

  height: 35px;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  padding: 0 34px;

}

.sy_con6 .swiper-button-next,

.sy_con6 .swiper-button-prev{

  width: 11px;

  height: 21px;

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

  background-size: contain;

  background-repeat: no-repeat;

  right: 0;

  margin-top: -10px;

}

.sy_con6 .swiper-button-prev{

  left: 0;

  transform: rotate(180deg);

}

.sy_con6 .top .div .p1{

  font-size: 25px;

  color: #222222;

  font-weight: bold;

  float: left;

  position: relative;

  padding-right: 36px;

}

.sy_con6 .top .div .p1::before{

  content: '';

  width: 30px;

  height: 1px;

  background: #b9b9b9;

  position: absolute;

  right: 0px;

  top: 50%;

  transform: translateY(-50%);

}

.sy_con6 .top .div .p2{

  font-size: 25px;

  color: #b9b9b9;

  font-weight: bold;

  float: left;

  margin-left: 8px;

}







.sy_con6 .bot{

  width: 100%;

  margin-top: 40px;

}

.sy_con6 .bot .div{

  /* width: 32%; */

  width: 100%;

  height: 383px;

  background: #fff;

  /* margin-right: 2%; */

  float: left;

  position: relative;

  padding: 50px 54px;

}

.sy_con6 .bot .div:nth-child(3){

  margin-right: 0;

}

.sy_con6 .bot .div::before{

  content: '';

  width: 0%;

  height: 4px;

  background: rgb(246,171,0);

  position: absolute;

  bottom: 1px;

  left: 0;

  transition: all .5s;

  z-index: 1;

}

.sy_con6 .bot .div:hover::before{

  width: 100%;

}

.sy_con6 .bot .div img{

  width: 100%;

  vertical-align: middle;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  transition: all .5s;

  z-index: -1;

}

.sy_con6 .bot .div:hover img{

  opacity: 1;

  z-index: 0;

}

.sy_con6 .bot .div .p1{

  font-size: 24px;

  color: #222222;

  margin-bottom: 15px;

  position: relative;

  transition: all .3s;

}

.sy_con6 .bot .div .p1 span{

  color: #999999;

  font-size: 14px;

  transition: all .3s;

}

.sy_con6 .bot .div .p2{

  font-size: 24px;

  color: #222222;

  line-height: 34px;

  margin-bottom: 34px;

  position: relative;

  transition: all .3s;

}

.sy_con6 .bot .div .p3{

  font-size: 14px;

  color: #666666;

  line-height: 26px;

  position: relative;

  transition: all .3s;



  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.sy_con6 .bot .div:hover .p2,

.sy_con6 .bot .div:hover .p1{

  color: #fff;

}

.sy_con6 .bot .div:hover .p3,

.sy_con6 .bot .div:hover .p1 span{

  color: #fff;

  opacity: 0.8;

}

.sy_con6 .bot .div i{

  width: 31px;

  height: 9px;

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

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  left: 54px;

  bottom: 60px;

  transition: all .5s;

}

.sy_con6 .bot .div:hover i{

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

}





/* sy_con7 */

.sy_con7{

  width: 100%;

  padding: 50px 0;

}

.sy_con7 .p{

  font-size: 48px;

  color: #666;



  margin-bottom: 40px;

}

.sy_con7 .rq{

  width: 100%;

}

.sy_con7 .rq .div{

  width: 32.9%;

  margin-right: 0.65%;

  float: left;

  position: relative;

  overflow: hidden;
  
  border-radius: 4px;

}

.sy_con7 .rq .div:last-child{

  margin-right: 0;

}

.sy_con7 .rq .div .bj{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.sy_con7 .rq .div:hover .bj{

  transform: scale(1.05);

}

.sy_con7 .rq .div p{

  font-size: 50px;

  color: #ffffff;

  width: 100%;

  text-align: center;

  position: absolute;

  left: 0;

  bottom: 46px;

}

.sy_con7 .rq .div .ig{

  width: 133px;

  position: absolute;

  top: 38%;

  left: 50%;

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

}







/* sy_con8 */

.sy_con8{

  width: 100%;

  padding: 60px 0;

  background: rgb(54,72,96);

}

.sy_con8 .lef{

  width: 31.5%;

  float: left;

  padding-right: 10px;

}

.sy_con8 .lef .p1{

  font-size: 36px;

  color: #ffffff;

}

.sy_con8 .lef .p2{

  font-size: 20px;

  color: #ffffff;



}

.sy_con8 .rig{

  width: 68.5%;

  float: left;

}

.sy_con8 .rig input{

  border-radius: 4px;
  
  font-size: 18px;

  color: #888888;

  width: 39.2%; 

  height: 70px;

  float: left;

  padding-left: 30px;

  margin-right: 1.8%;

  background: #fff;

}

.sy_con8 .rig button{

  width: 18%;

  height: 70px;

  float: left;

  font-size: 24px;

  color: #fffefe;

  background: #f6ab00;
  
  border-radius: 4px;


}



  /* 首页分辨率 */

@media (max-width: 1680px) {

  .sy_con1 .rq .div {

    height: 44px;

}

.banner .p1 {

  font-size: 66px;

}

.banner .p2 {

  font-size: 66px;

}

.banner .p3 {

  font-size: 26px;

}

.banner .swiper-pagination {

  bottom: 66px;

}

.sy_con1 .rq .p1 {

  font-size: 52px;

}

.sy_con3 .p1 {

  font-size: 66px;

}

.sy_con4 .p1 {

  font-size: 66px;

  margin-bottom: 40px;

}

.sy_con4 .p2 {

  font-size: 20px;

  line-height: 36px;

}

.sy_con4 .rq .div .div1 {

  width: 190px;

  height: 190px;

}

.sy_con4 .rq .div .div1 p span {

  font-size: 52px;

}

.sy_con5 .bot .div .p1{

  font-size: 40px;

}

.sy_con6 .bot .div {

  height: 314px;

  padding: 22px 28px;

}

.sy_con6 .bot .div i {

  left: 28px;

  bottom: 38px;

}

}

@media (max-width: 1459px) {



  .banner .swiper-pagination {

    height: 13px;

    line-height: 13px;

  }

  .banner .swiper-pagination-bullet {

    width: 9px;

    height: 9px;

    margin: 2px 28px !important;

  }

  .banner .swiper-pagination-bullet-active {

    width: 13px;

    height: 13px;

    margin: 0 28px !important;

  }

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

    width: 32px;

    right: -45px;

}

.sy_con1 .rq .lef {

  min-height: 536px;

  padding-top: 66px;

  padding-bottom: 78px;

}

.sy_con1 .rq .p1 {

  font-size: 46px;

}

.sy_con1 .rq .p2 {

  font-size: 24px;

}

.sy_con1 .rq .a {

  font-size: 16px;

  width: 120px;

  height: 40px;

  line-height: 36px;

  border-radius: 8px;

  margin-top: 20px;

  margin-bottom: 24px;

}

.sy_con1 .rq .p3 {

  font-size: 18px;

  min-height: 120px;

  padding-bottom: 34px;

  line-height: 30px;

}

.sy_con1 .rq .div {

  height: 34px;

}

.sy_con1 .rq .div img {

  margin-right: 40px;

}

.sy_con1 .rq {

  padding-left: 0;

}

.sy_con1 .rq .rig img {

  max-height: 85%;

  max-width: 85%;

}

.sy_con3 .rq {

  height: 656px;

  padding-top: 78px;

  padding-left: 0;

}

.sy_con3 .p1 {

  font-size: 58px;

}

.sy_con3 .p {

  font-size: 22px;

  margin-bottom: 14px;

}

.sy_con3 .p2 {

  font-size: 18px;

  width: 284px;

  line-height: 32px;

}

.sy_con3 .rq .div {

  padding-left: 0;

  bottom: 80px;

}

.sy_con3 .rq .div .div1 img {

  width: 166px;

}

.sy_con3 .rq .div .div1 p {

  font-size: 22px;

  margin-top: 30px;

}

.sy_con4 .container {

  padding-top: 56px;

}

.sy_con4 .p1 {

  font-size: 58px;

  margin-bottom: 24px;

}

.sy_con4 .p2 {

  font-size: 18px;

  line-height: 32px;

  padding: 0 110px;

}

.sy_con4 .rq {

  margin-top: 46px;

}

.sy_con4 .rq .div .div1 {

  width: 166px;

  height: 166px;

}

.sy_con4 .rq .div .div1 p span {

  font-size: 44px;

}

.sy_con4 .rq .div .div1 p i {

  font-size: 24px;

  top: 4px;

}

.sy_con4 .rq .div .p1 {

  font-size: 22px;

  margin-top: 34px;

}

.sy_con5 {

  padding-top: 72px;

  padding-bottom: 90px;

}

.sy_con5 .top .p1 {

  font-size: 36px;

  margin-bottom: 14px;

}

.sy_con5 .top .p2 {

  font-size: 15px;

  

  line-height: 32px;



}

.sy_con5 .bot {

  margin-top: 50px;

}

.sy_con5 .swiper-slide img {

  width: 532px;

}

.sy_con5 .swiper-slide {

  width: 360px;

}

.sy_con5 .swiper-slide:hover {

  width: 532px;

}

.sy_con5 .swiper-slide p {

  font-size: 42px;

}

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

  width: 50px;

  height: 50px;

  margin-top: -25px;

  right: 65px;

}

.sy_con5 .swiper-button-prev {

  left: 65px;

}

.sy_con5 .bot .div .p1 {

  font-size: 32px;

  margin-bottom: 5px;

}

.sy_con5 .bot .div .p2 {

  font-size: 16px;

  line-height: 28px;

}

.sy_con6 {

  padding-top: 66px;

  padding-bottom: 60px;

}

.sy_con6 .p {

  font-size: 36px;

}

.sy_con6 .top .div .p1 {

  font-size: 22px;

  padding-right: 30px;

}

.sy_con6 .top .div .p2 {

  font-size: 22px;

  margin-left: 6px; 

}

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

  width: 9px;

  height: 17px;

  margin-top: -10px;

}

.sy_con6 .top .div {

  /* width: 140px; */

  height: 28px;

  padding: 0 26px;

}

.sy_con6 .top .div .p1::before {

  width: 22px;

  /* right: -28px; */

}

.sy_con6 .bot .div {

  height: 258px;

  padding: 32px 34px;

}

.sy_con6 .bot .div .p1 {

  font-size: 18px;

  margin-bottom: 10px;

}

.sy_con6 .bot .div .p1 span {

  font-size: 12px;

}

.sy_con6 .bot .div .p2 {

  font-size: 18px;

  line-height: 26px;

  margin-bottom: 14px;

}

.sy_con6 .bot .div .p3 {

  line-height: 24px;

}

.sy_con6 .bot .div i {

  left: 33px;

  bottom: 36px;

}

.sy_con6 .bot .div::before {

  bottom: 0px;

}

.sy_con7 .p {

  font-size: 36px;

  margin-bottom: 30px;

}

.sy_con7 .rq .div p {

  font-size: 34px;

  bottom: 30px;

}

.sy_con7 .rq .div .ig {

  width: 88px;

}

.sy_con8 {

  padding: 45px 0;

}

.sy_con8 .lef .p1 {

  font-size: 26px;

}

.sy_con8 .lef .p2 {

  font-size: 15px;

}

.sy_con8 .rig input {

  font-size: 16px;

  height: 52px;

  padding-left: 18px;

}

.sy_con8 .rig button {

  height: 52px;

  font-size: 18px;

}

























}

@media (max-width: 1259px) {



  .banner .swiper-slide .rq {

    top: 40%;

}

.banner .p1 {

  font-size: 50px;

}

.banner .p2 {

  font-size: 50px;

}

.banner .p3 {

  font-size: 20px;

}

.banner .swiper-pagination {

  bottom: 50px;

}

.sy_con1 .rq .p1 {

  font-size: 38px;

}

.sy_con1 .rq .p2 {

  font-size: 18px;

}

.sy_con1 .rq .lef {

  min-height: 455px;

  padding-top: 66px;

  padding-bottom: 78px;

}

.sy_con3 .p1 {

  font-size: 46px;

}

.sy_con3 .rq {

  height: 570px;

  padding-top: 66px;

}

.sy_con4 .p1 {

  font-size: 46px;

  margin-bottom: 20px;

}

.sy_con4 .p2 {

  font-size: 16px;

  line-height: 30px;

  padding: 0 0px;

}

.sy_con4 .rq .div .div1 {

  width: 150px;

  height: 150px;

  border: 8px solid rgb(175,207,210);

}

.sy_con4 .rq .div .div1 p span {

  font-size: 36px;

}

.sy_con4 .rq .div .p1 {

  font-size: 20px;

  margin-top: 24px;

}

.sy_con5 .bot .div .p1 {

  font-size: 28px;

  margin-bottom: 4px;

}

.sy_con5 .top .p2 {

  line-height: 30px;

}

.sy_con5 .bot .div .p2 {

  font-size: 16px;

  line-height: 26px;

}

.sy_con7 .rq .div p {

  font-size: 24px;

  bottom: 30px;

}

.sy_con7 .rq .div .ig {

  width: 70px;

}



}

@media (max-width: 991px) {

  .banner .swiper-slide .rq{

    min-width:auto;

    width: 100% !important;

    padding: 0 15px;

  }

  .banner .p1 {

    font-size: 38px;

}

.banner .p2 {

  font-size: 38px;

}

.banner .p3 {

  font-size: 16px;

}

.sy_con1 .rq{

  padding-top: 50px;

  padding-bottom: 50px;

}

.sy_con1 .rq .lef{

  width: 100%;

  height: auto;

  min-height:auto;

  padding-top: 30px;

  padding-bottom: 0;

}

.sy_con1 .rq .rig{

  width: 100%;

  height: 100%;

}

.sy_con1 .rq .rig img{

  position: static;

  transform: translate(0,0);

  display: block;

  margin: 0 auto;

}

.sy_con1 .rq .rig:hover img {

  transform: translate(0,0) scale(1.05);

}

.sy_con3 .rq .div .div1 img {

  width: 130px;

}

.sy_con4 .rq .div {

  margin: 0 24px;

}

.sy_con4 .rq {

  margin-top: 18px;

}

.sy_con5 .bot .div,

.sy_con5 .bot .div.on{

  width: 49%;

  margin-right: 2%;

  margin-bottom: 15px;

}

.sy_con5 .bot .div:nth-child(2n){

  margin-right: 0 !important;

}

.sy_con5 .bot .div img{

  width: 100%;

}

.sy_con5 .bot .div .p1 {

  font-size: 24px;

  margin-bottom: 4px;

}

.sy_con5 .bot .div.on .p2,

.sy_con5 .bot .div .p2 {

  animation: animate .3s ease both;

  font-size: 15px;

  line-height: 24px;



  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

  overflow: hidden;

}



}

@media (max-width: 768px) {

  .pc{

    display: none !important;

  }

  .app{

    display: block !important;

  }

  .sy_con4 .container{

    width: 100%;

  }

  .sy_con5 .bot .div, .sy_con5 .bot .div.on{

    width: 100%;

  }

  .sy_con5 .bot .div a::before,

  .sy_con5 .bot .div.on a::before{

    opacity: 1;

  }

  

}

@media (max-width: 500px) {

  .banner .p1 {

    font-size: 30px;

}

.banner .p2 {

  font-size: 30px;

}

.sy_con1 .rq .rig img {

  max-height: 70%;

  max-width: 60%;

}

.sy_con2_2 .rq .rig img {

  max-width: 34%;

}



.sy_con1 .rq .p1 {

  font-size: 26px;

}

.sy_con1 .rq .p2 {

  font-size: 15px;

}

.sy_con1 .rq .lef {

  padding-top: 20px;

}

.sy_con1 .rq .a {

  font-size: 14px;

  width: 110px;

  height: 36px;

  line-height: 34px;

  border-radius: 5px;

  margin-top: 20px;

  margin-bottom: 20px;

}

.sy_con1 .rq .p3 {

  font-size: 16px;

  min-height: auto;

  padding-bottom: 22px;

  line-height: 28px;

}

.sy_con1 .rq .div {

  height: 30px;

}

.sy_con1 .rq .div img {

  margin-right: 30px;

  width: 78px;

  height: 23px;

}

.sy_con3 .rq{

  height: auto;

  padding-top: 40px;

  padding-bottom: 20px;

}

.sy_con3 .p1 {

  font-size: 26px;

}

.sy_con3 .p{

  font-size: 16px;margin-bottom:8px;

}

.sy_con3 .p2 {

  font-size: 16px;

  width: 100%;

  line-height: 30px;

}

.sy_con3 .rq .div{

  position: static;

  flex-wrap: wrap;

  margin-top: 30px;

  justify-content: space-around;

}

.sy_con3 .rq .div .div1{

  width: 33.3333%;

  margin-bottom: 30px;

}

.sy_con3 .rq .div .div1 img {

  width: 116px;

}

.sy_con3 .rq .div .div1 p {

  font-size: 16px;

  margin-top: 16px;

}

.sy_con4 .p1 {

  font-size: 26px;

  margin-bottom: 12px;

}

.sy_con4 .container {

  padding-top: 30px;

}

.sy_con4 .p2 {

  font-size: 15px;

  line-height: 26px;

}

.sy_con4 .rq .div {

  margin: 0 10px;

}

.sy_con4 .rq .div .div1 {

  width: 88px;

  height: 88px;

  border: 3px solid rgb(175,207,210);

}

.sy_con4 .rq .div .div1 p span {

  font-size: 26px;

}

.sy_con4 .rq .div .div1 p i {

  font-size: 16px;

  top: 4px;

}

.sy_con4 .rq .div .p1 {

  font-size: 16px;

  margin-top: 10px;

}

.sy_con5 {

  padding-top: 36px;

  padding-bottom: 40px;

}

.sy_con5 .bot {

  margin-top: 34px;

}

.sy_con5 .top .p1 {

  font-size: 26px;

}

.sy_con5 .top .p2 {

  width: 100%;

  line-height: 24px;



}

.sy_con5 .swiper-slide {

  width: 300px;

}

.sy_con5 .swiper-slide:hover {

  width: 300px;

}

.sy_con5 .swiper-slide img {

  width: 100%;

}

.sy_con5 .swiper-slide p {

  font-size: 26px;

}

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

  width: 30px;

  height: 30px;

  margin-top: -15px;

  right: 14px;

}

.sy_con5 .swiper-button-prev {

  left: 14px;

}

.sy_con6 .p {

  font-size: 26px;

}

.sy_con6 {

  padding-top: 40px;

  padding-bottom: 40px;

}

.sy_con6 .bot {

  margin-top: 20px;

}

.sy_con6 .bot .div {

  height: 258px;

  padding: 22px 24px;

}

.sy_con6 .bot .div i {

  left: 22px;

  bottom: 36px;

}

.sy_con7 {

  padding: 38px 0;

}

.sy_con7 .p{

  font-size: 26px;

  margin-bottom: 18px;

  /* text-align: center; */

}

.sy_con7 .rq .div{

  width: 100%;

  margin-right: 0;

  margin-bottom: 15px;

}

.sy_con8 .lef{

  width: 100%;

  margin-bottom: 30px;

}

.sy_con8 .rig{

  width: 100%;

}

.sy_con8 .rig input{

  width: 49%;

  margin-right: 2%;

  font-size: 14px;

  height: 38px;

  padding-left: 12px;

}

.sy_con8 .rig input:nth-child(2){

  margin-right: 0;

}

.sy_con8 .rig button {

  margin-top: 10px;

  height: 38px;

  font-size: 15px;

  width: 100%;

}

.sy_con8 {

  padding: 30px 0;

}



}

@media (max-width: 375px) {

  .sy_con1 .rq .p1 {

    font-size: 24px;

}

.sy_con1 .rq .div {

  height: 23px;

}

.sy_con3 .p2 {

  font-size: 14px;

  line-height: 24px;

}

.sy_con3 .p1 {

  font-size: 24px;

  margin-bottom: 10px;

}

.sy_con3 .rq .div .div1 {

  margin-bottom: 16px;

}

.sy_con3 .rq .div .div1 p {

  font-size: 14px;

  margin-top: 6px;

}

.sy_con4 .p1 {

  font-size: 24px;

  margin-bottom: 10px;

}

.sy_con4 .p2 {

  font-size: 14px;

  line-height: 24px;

}

.sy_con4 .rq .div {

  margin: 0 8px;

}

.sy_con5 .top .p1 {

  font-size: 24px;

}

.sy_con6 .p {

  font-size: 24px;

}

.sy_con6 .bot .div {

  height: 236px;

  padding: 14px 14px;

}

.sy_con6 .bot .div i {

  bottom: 28px;

}



}



@media(max-width:375px){

  .sy_con3 .rq .div .div1 img {

    width: 94px;

  }

  

}



















/* 产品列表 */

.ny_banner{

  width: 100%;

  position: relative;

}

.ny_banner .bj{

  width: 100%;

  vertical-align: middle;

}

.abo_sp  .more a{

  position: absolute;

  left: 50%;

  bottom: 13%;

  transform: translateX(-50%);

  font-size: 16px;

  color: #ffffff;

  padding-bottom: 5px;

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

  transition: all .5s;

  z-index: 100;

}

.abo_sp  .more:hover a {

  color: #f6ab00;

  border-bottom: 1px solid #f6ab00;

}

.ny_banner .wrap{

  position: absolute;

  top: 50%;

  left: 50%;

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

}

.ny_banner .p1{

  font-size: 60px;

  color: #ffffff;

  line-height: 70px;

  text-align: center;

}

.ny_banner .p1 span{

  display: block;

  font-weight: bold;

}

.ny_banner .p2{

  font-size: 18px;

  color: #ffffff;

  width: 35%;

  letter-spacing: 4px;

  margin-top: 25px;

}





/* por_con1 */

.por_con1{

  width: 100%;

  padding-top: 84px;

  padding-bottom: 94px;

  position: relative;

  background: rgb(250,250,250);

}

.por_con1::before{

  content: '';

  width: 29%;

  height: 100%;

  background: #fff;

  position: absolute;

  left: 0;

  top: 0;

}

.por_con1 .wrap{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.por_con1 .lef{

  width: 22.7%;

  /* float: left; */

  position: relative;

  z-index: 2;

}

.por_con1 .lef .rq{

  width: 100%;

  margin-bottom: 70px;

}

.por_con1 .lef .rq.rq_1{

  position: sticky;

  top: 20px;

}

.por_con1 .lef .rq .p{

  font-size: 32px;

  color: #333333;

  padding-bottom: 15px;

}

.por_con1 .lef .rq .div{

  width: 100%;

  height: 60px;

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

  position: relative;

}

.por_con1 .lef .rq .div input{

  display: block;

  width: 100%;

  height: 100%;

  font-size: 22px;

  padding-left: 10px;

  padding-right: 20%;

}

.por_con1 .lef .rq .div button{

  width: 20%;

  height: 100%;

  position: absolute;

  top: 0;

  right: 0;

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

  background-size: 24px;

  background-repeat: no-repeat;

  background-position: center;

}

.por_con1 .lef .rq .div1{

  width: 100%;

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

}

.por_con1 .lef .rq .div1 a{

  width: 100%;

  display: block;

  line-height: 60px;

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

  padding-left: 75px;

  padding-right: 37px;

  font-size: 20px;

  color: #333333;

  position: relative;

  

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.por_con1 .lef .rq .div1 a i{

  width: 18px;

  height: 18px;

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

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  left: 37px;

  transform: translateY(-50%);

  transition: all .5s;

}

.por_con1 .lef .rq .div1 a:last-child{

  border-bottom:none;

}

.por_con1 .lef .rq .div1 a.on{

  color: #f6ab00;

  background: rgb(39,54,74);

}

.por_con1 .lef .rq .div1 a:hover{

  color: #f6ab00;

}

.por_con1 .lef .rq .div1 a:hover i,

.por_con1 .lef .rq .div1 a.on i{

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

}



.por_con1 .lef .rq .div2{

  width: 100%;

  margin-bottom: 10px;

}

.por_con1 .lef .rq .div2 .p1{

  font-size: 20px;

  color: #333333;

  padding-top: 10px;

}

.por_con1 .lef .rq .div2 .div3{

  width: 100%;

  padding-top: 15px;

  

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.por_con1 .lef .rq .div2 .div3 div{

  width: 50%;

  float: left;

  font-size: 18px;

  color: #666666;

  margin-bottom: 14px;

}

.por_con1 .lef .rq .div2 .div3 input[type=checkbox]{

  border-radius: 0;

  display: inline-block;

  width: 22px;

  height: 22px;

  border: 2px solid rgb(215,215,215);

  margin-right: 20px;

  margin-bottom: 2px;

  position: relative;

  cursor: pointer;

}

.por_con1 .lef .rq .div2 .div3 input[type=checkbox]::before{

  content: '';

  width: 8px;

  height: 8px;

  background: #333;

  position: absolute;

  top: 50%;

  left: 50%;

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

  opacity: 0;

  transition: all .5s;

}

.por_con1 .lef .rq .div2 .div3 input[type=checkbox]:checked::before{

  opacity: 1;

}



.por_con1 .rig{

  width: 70.3%;

  /* float: right; */

  padding-top: 20px;

  position: relative;

  z-index: 2;

}

.por_con1 .rig .rq{

  width: 100%;

}

.por_con1 .rig .rq .div{

  width: 32%;

  margin-right: 2%;

  margin-bottom: 20px;

  float: left;

  background: #fff;

  position: relative;

}

.por_con1 .rig .rq .div a{

  display: block;

  transition: all .5s;

}

.por_con1 .rig .rq .div:hover a{

  box-shadow: 0 0 5px rgb(219, 218, 218);

}

.por_con1 .rig .rq .div:nth-child(3n){

  margin-right: 0;

}

.por_con1 .rig .rq .div .top{

  width: 100%;

  height: 366px;

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

  position: relative;

  overflow: hidden;

}

.por_con1 .rig .rq .div .top img{

  max-width: 80%;

  max-height: 80%;

  position: absolute;

  top: 50%;

  left: 50%;

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

  transition: all .5s;

}

.por_con1 .rig .rq .div:hover .top img{

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

}

.por_con1 .rig .rq .div .bot{

  width: 100%;

  /* height: 185px; */

  padding: 38px 36px;

}

.por_con1 .rig .rq .div .bot .p1{

  font-size: 18px;

  color: #888888;

  

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.por_con1 .rig .rq .div .ig{

  width: 70px;

  position: absolute;

  right: 10px;

  top: 10px;

}

.cas_dat3 .wrap .rq .div .ig{

  width: 70px;

  position: absolute;

  right: 10px;

  top: 10px;

}

.por_con1 .rig .rq .div .bot .p1 img{

  width: 45px;

  margin-bottom: -4px;

  margin-left: 10px;



  width: 66px;

  margin-bottom: -6px;

  margin-left: 14px;

}

.por_con1 .rig .rq .div .bot .p2{

  font-size: 18px;

  color: #333333;

  margin-top: 10px;

  margin-bottom: 15px;

  line-height: 24px;

	height: 48px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.por_con1 .rig .rq .div .bot button{

  font-size: 16px;

  color: #c3c3c3;

  display: block;

  width: 120px;

  height: 40px;

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

  transition: all .5s;

}

.por_con1 .rig .rq .div:hover .bot button{

  background: #f6ab00;

  color: #fff;

  border: 1px solid #f6ab00;

}





/* 分页 */

.fy{

  display: table;

  width: auto;

  margin: 0 auto;

}

.fy li{

  float: left;

  margin: 0 1px;

}

.fy li a{

  display: block;

  font-size: 18px;

  color: #888888;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: #fff;

  position: relative;

}

.fy li.on a,

.fy li a:hover{

  background: #f6ab00;

  color: #fff;

}

.fy li.next a::before{

  content: '';

  width: 7px;

  height: 13px;

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

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  left: 50%;

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

}

.fy li a:hover::before{

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

}



/* 产品列表分辨率 */

@media(max-width:1680px){

  .por_con1 .lef .rq .p {

    font-size: 30px;

}

.por_con1 .lef .rq .div1 a {

  font-size: 20px;

}

.por_con1 .lef .rq .div2 .p1 {

  font-size: 20px;

}

.por_con1 .lef .rq .div2 .div3 div {

  font-size: 18px;

}

}

@media(max-width:1459px){

  .ny_banner .p1 {

    font-size: 45px;

    line-height: 54px;

}

.ny_banner .p2 {

  font-size: 16px;

  width: 40%;

  letter-spacing: 0px;

  margin-top: 20px;

}

  .por_con1 {

    padding-top: 64px;

    padding-bottom: 70px;

}

.por_con1 .rig .rq .div .ig {

  width: 50px;

}

.por_con1 .lef .rq .div input {

  font-size: 16px;

}

.por_con1 .lef .rq .p {

  font-size: 23px;

  padding-bottom: 10px;

}

.por_con1 .rig .rq .div .bot .p1 img {

  width: 46px;

  margin-bottom: -5px;

}

.por_con1 .lef .rq .div {

  height: 50px;

}

.por_con1 .lef .rq .div button {

  background-size: 18px;

}

.por_con1 .lef .rq {

  margin-bottom: 54px;

}

.por_con1 .lef .rq .div1 a {

  line-height: 50px;

  padding-left: 50px;

  padding-right: 24px;

  font-size: 16px;

}

.por_con1 .lef .rq .div1 a i {

  width: 14px;

  height: 14px;

  left: 28px;

}

.por_con1 .lef .rq .div2 .p1 {

  font-size: 16px;

  padding-top: 6px;

}

.por_con1 .lef .rq .div2 .div3 {

  padding-top: 10px;

}

.por_con1 .lef .rq .div2 .div3 div {

  font-size: 16px;

  margin-bottom: 3px;

}

.por_con1 .lef .rq .div2 .div3 input[type=checkbox] {

  width: 16px;

  height: 16px;

  margin-right: 10px;

  margin-bottom: 4px;

}

.por_con1 .lef .rq .div2 .div3 input[type=checkbox]::before {

  width: 6px;

  height: 6px;

}

.por_con1::before {

  width: 30%;

}

.por_con1 .rig {

  padding-top: 10px;

}

.por_con1 .rig .rq .div .top {

  height: 275px;

}

.por_con1 .rig .rq .div .top img {

  max-width: 70%;

  max-height: 70%;

}

.por_con1 .rig .rq .div .bot {

  /* height: 140px; */

  padding: 26px 24px;

}

.por_con1 .rig .rq .div .bot .p1 {

  font-size: 14px;

}

.por_con1 .rig .rq .div .bot .p2 {

  font-size: 15px;

  margin-top: 8px;

  margin-bottom: 12px;

  line-height: 20px;

  height: 40px;

}

.por_con1 .rig .rq .div .bot button {

  font-size: 14px;

  width: 90px;

  height: 32px;

}

.por_con1 .rig .rq .div {

  margin-bottom: 15px;

}



}

@media(max-width:1366px){

  .por_con1::before {

    width: 29%;

  }

}

@media(max-width:1259px){

  .por_con1::before {

    width: 31%;

}

  .por_con1 .lef .rq .p {

    font-size: 20px;

    padding-bottom: 10px;

}

.por_con1 .lef .rq .div {

  height: 42px;

}

.por_con1 .lef .rq .div button {

  background-size: 16px;

}

.por_con1 .lef .rq {

  margin-bottom: 36px;

}

.por_con1 .lef .rq .div1 a {

  line-height: 44px;

  padding-left: 50px;

  padding-right: 20px;

  font-size: 16px;

}

.por_con1 .lef .rq .div1 a i {

  left: 22px;

}

.por_con1 .lef .rq .div2 .p1 {

  font-size: 16px;

  padding-top: 6px;

}

.por_con1 .lef .rq .div2 .div3 div {

  font-size: 14px;

  margin-bottom: 10px;

}

.por_con1 .rig .rq .div .top {

  height: 220px;

}

.por_con1 .rig .rq .div .bot {

  /* height: 120px; */

  padding: 12px 12px;

}

.fy li a {

  font-size: 16px;

  width: 30px;

  height: 30px;

  line-height: 30px;

}



}

@media(max-width:1024px){

  .por_con1::before {

    width: 27%;

}

}

@media(max-width:991px){

  .ny_banner .p1 {

    font-size: 32px;

    line-height: 40px;

}

.ny_banner .p2 {

  font-size: 14px;

  width: 43%;

  margin-top: 20px;

}

.por_con1 .lef {

  width: 100%;

}

.por_con1::before{

  display: none;

}

.por_con1 .lef .rq .div2 .div3 div {

  width: 25%;

}

.por_con1 .rig{

  width: 100%;

}

.por_con1 .lef .rq.rq_1{

  position: static;

}



}

@media(max-width:500px){



.ny_banner .p1{

  font-size: 22px;

  line-height: 30px;

}

.ny_banner .p1.pr_p1{

  font-size: 16px;

  line-height: 22px;

}

.ny_banner .p2 {

  font-size: 14px;

  width: 100%;

  margin-top: 10px;

}

.por_con1 {

  padding-top: 32px;

  padding-bottom: 40px;

}

.por_con1 .rig .rq .div .ig {

  width: 40px;

}

.por_con1 .lef .rq .p {

  font-size: 18px;

  padding-bottom: 6px;

}

.por_con1 .lef .rq .div input {

  font-size: 14px;

}

.por_con1 .lef .rq .div2 .div3 div {

  width: 33%;

}

.por_con1 .rig {

  padding-top: 0px;

}

.por_con1 .rig .rq .div{

  width: 49%;

  margin-right: 2%;

  margin-bottom: 10px;

}

.por_con1 .rig .rq .div:nth-child(3n){

  margin-right: 2%;

}

.por_con1 .rig .rq .div:nth-child(2n){

  margin-right: 0;

}

.por_con1 .rig .rq .div .top {

  height: 190px;

}

.por_con1 .rig .rq .div .bot .p1 img {

  width: 35px;

  margin-bottom: -3px;

  margin-left: 5px;

}



}









/* 产品详情 */

.por_dat1{

  width: 100%;

  background: #fff;

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

  line-height: 100px;

  position: sticky;

  top: 0;

  z-index: 10;

}

.por_dat1 .lef{

  float: left;

  width: 50%;

}

.por_dat1 .lef a{

  font-size: 18px;

  color: #aeaeae;

  display: inline-block;

  padding-right: 24px;

  position: relative;

}

.por_dat1 .lef a:last-child{

  padding-right: 0;

}

.por_dat1 .lef a::before{

  content: '';

  width: 4px;

  height: 4px;

  background: #aeaeae;

  position: absolute;

  top: 50%;

  right: 10px;

  transform: translateY(-50%);

}

.por_dat1 .lef a:last-child::before{

  display: none;

}

.por_dat1 .lef a.on,

.por_dat1 .lef a:hover{

  color: #333333;

}

.por_dat1 .rig{

  width: 50%;

  float: right;

  text-align: right;

}

.por_dat1 .rig a{

  font-size: 24px;

  color: #333333;

  margin-left: 30px;

  display: inline-block;

  position: relative;

}

.por_dat1 .rig a::before{

  content: '';

  width: 0%;

  height: 4px;

  background: #f6ab00;

  position: absolute;

  bottom: -3px;

  left: 0;

  transition: all .5s;

}

.por_dat1 .rig span.on a::before{

  width: 100%;

}







/* por_dat2 */

.por_dat2{

  width: 100%;

  padding-top: 85px;

  padding-bottom: 110px;

  position: relative;

}

.i{

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  z-index: -10;

  transform: translateY(-50px);

}

.por_dat2 .lef{

  width: 45.5%;

  padding: 0 70px;

  position: relative;

  float: left;

}

.por_dat2 .lef .swiper-slide{

  position: relative;

  min-height: 575px;

}

.por_dat2 .lef .swiper-slide img{

  max-width: 80%;

  max-height: 100%;

  position: absolute;

  top: 50%;

  left: 50%;

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

}

.por_dat2 .lef .swiper-button-next,

.por_dat2 .lef .swiper-button-prev{

  width: 60px;

  height: 60px;

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

  background-size: contain;

  background-repeat: no-repeat;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  margin-top: 0;

  transition: all .5s;

}

.por_dat2 .lef .swiper-button-prev{

  left: 0;

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

}

.por_dat2 .lef .swiper-button-next:hover,

.por_dat2 .lef .swiper-button-prev:hover{

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

}

.por_dat2 .rig{

  width: 46.5%;

  float: right;

}

.por_dat2 .rig .p1{

  font-size: 80px;

  color: #333333;

  font-weight: bold;

  text-transform: uppercase;

  line-height: 80px;



}

.por_dat2 .rig .p2{

  font-size: 48px;

  color: #333333;

}

.por_dat2 .rig .p3{

  font-size: 18px;

  color: #888888;

  margin-top: 16px;

  line-height: 30px;

  padding-bottom: 28px;



}

.por_dat2 .rig .div{

  width: 100%;

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

}

.por_dat2 .rig .div p{

  width: 50%;

  float: left;

  /* line-height: 76px; */

  height: 76px;

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

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

  padding-left: 66px;

  padding-right: 10px;

  position: relative;

  display:table;   



}

.por_dat2 .rig .div p:nth-child(2),

.por_dat2 .rig .div p:nth-child(4){

  border-right:none;

}

.por_dat2 .rig .div p:nth-child(3),

.por_dat2 .rig .div p:nth-child(4){

  border-bottom:none;

}

.por_dat2 .rig .div p img{

  width: 24px;

  position: absolute;

  left: 30px;

  top: 50%;

  transform: translateY(-50%);

}

.por_dat2 .rig .div p span{

  vertical-align:middle;   

  display:table-cell;  

}

.por_dat2 .rig .div p span em{

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  font-size: 18px;

  color: #666666;

  line-height: 28px;

}

.por_dat2 .rig .div1{

  width: 100%;

  margin-top: 58px;

}

.por_dat2 .rig .div1 a{

  font-size: 22px;

  color: #ffffff;

  float: left;

  width: 200px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  margin-right: 20px;

  background: #f6ab00;

}

.por_dat2 .rig .div1 a:hover{

  box-shadow: 0 0 5px #f6ab00;

}

.por_dat2 .rig .div1 a:nth-child(2){

  background: rgb(39,54,74);

}

.por_dat2 .rig .div1 a:nth-child(2):hover{

  box-shadow: 0 0 5px rgb(39,54,74);

}









/* por_dat3 */

.por_dat12{

  width: 100%;

}

.por_dat12 img{

  max-width: 100% !important;

  height: auto !important;

  vertical-align: middle;

}



.por_dat3{

  width: 100%;

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

  background-size: cover;

  background-repeat: no-repeat;

}

.por_dat3 .wrap{

  min-height: 850px;

  display: flex;

  flex-wrap: wrap-reverse;

}

.por_dat3 .lef{

  width: 43.6%;

  padding-top: 160px;

}

.por_dat3 .lef .p1{

  font-size: 100px;

  color: #ffffff;

  font-weight: bold;



  line-height: 100px;

}

.por_dat3 .lef .p2{

  font-size: 72px;

  color: #ffffff;

  padding-bottom: 36px;

}

.por_dat3 .lef .p3{

  font-size: 36px;

  color: #ffffff;

}

.por_dat3 .rig{

  width: 56.4%;

  position: relative;

}

.por_dat3 .rig img{

  max-width: 100%;

  position: absolute;

  bottom: 0;

  right: 0;

}



/* por_dat4 */

.por_dat4{

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

}

.por_dat4 .lef{

  width: 56.4%;

}

.por_dat4 .rig{

  width: 43.6%;

}

.por_dat4 .rig img{

  max-width: 85%;

  left: 0;

}

.por_dat3 .lef .p4{

  font-size: 48px;

  color: #333333;

  margin-bottom: 20px;

}

.por_dat3 .lef .div1{

  width: 100%;

  margin-bottom: 53px;

}

.por_dat3 .lef .div1 p{

  font-size: 20px;

  color: #333333;

  padding-left: 24px;

  position: relative;

  margin-bottom: 10px;

}

.por_dat3 .lef .div1 p::before{

  content: '';

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background: rgb(102,102,102);

  position: absolute;

  left: 0;

  top: 8px;

}

.por_dat3 .lef .div2{

  width: 100%;

}

.por_dat3 .lef .div2 div{

  float: left;

  margin-right: 60px;

}

.por_dat3 .lef .div2 div:last-child{

  margin-right: 0;

}

.por_dat3 .lef .div2 div img{

  width: 57px;

  display: block;

  margin: 0 auto;

}

.por_dat3 .lef .div2 div p{

  text-align: center;

  font-size: 18px;

  color: #333333;

  margin-top: 10px;

}



/* por_dat5 */

.por_dat5{

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

  overflow: hidden;

}

.por_dat5 .rig img{

  width: 84%;

  bottom: -158px;

}

.por_dat5 .lef p{

  color: #fff !important;

}

.por_dat5 .lef{

  padding-top: 195px;

}





/* por_dat6 */

.por_dat6{

  width: 100%;

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

  background-size: cover;

  padding-top: 92px;

  padding-bottom: 140px;

}

.por_dat6 .p{

  font-size: 48px;

  color: #333333;

  text-align: center;

  margin-bottom: 14px;

}

.por_dat6 .p1{

  font-size: 20px;

  color: #333333;

  text-align: center;

  line-height: 36px;

}

.por_dat6 .div{

  display: table;

  width: auto;

  margin: 0 auto;

  padding-top: 85px;

}

.por_dat6 .div .div1{

  width: 360px;

  height: 360px;

  border-radius: 50%;

  border: 10px solid #fff;

  position: relative;

  overflow: hidden;

  margin-right: 95px;

  float: left;

}

.por_dat6 .div .div1:last-child{

  margin-right: 0;

}

.por_dat6 .div .div1 img{

  position: absolute;

  top: 50%;

  left: 50%;

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

}





/* por_dat7 */

.por_dat7{

  width: 100%;

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

  background-size: cover;

  padding-top: 90px;

  padding-bottom: 90px;

}

.por_dat7 .lef{

  width: 33%;

  float: left;

  padding-top: 308px;

}

.por_dat7 .lef .p1{

  font-size: 48px;

  color: #333333;

  margin-bottom: 22px;

}

.por_dat7 .lef .p2{

  font-size: 20px;

  color: #333;

  line-height: 36px;

  padding-right: 94px;

}

.por_dat7 .rig{

  width: 66%;

  float: right;

}

.por_dat7 .rig img{

  width: 100%;

}





/* por_dat8 */

.por_dat8{

  width: 100%;

  position: relative;

}

.i2{

  transform: translateY(-100px);

}

.po_dabt{

  width: 100%;

  line-height: 124px;

  background: rgb(248,248,248);

}

.po_dabt p{

  font-size: 48px;

  color: #333333;

  position: relative;

}

.po_dabt p i{

  width: 10px;

  height: 10px;

  background: #f6ab00;

  display: inline-block;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  margin-left: 10px;

}

.por_dat8 .rq{

  width: 100%;

  padding-top: 55px;

  padding-bottom: 16px;

}

.por_dat8 .rq .lef{

  width: 48.8%;

  margin-right: 2.4%;

  float: left;

}

.por_dat8 .rq .lef:nth-child(2){

  margin-right: 0;

}

.por_dat8 .lef .div{

  width: 100%;

  margin-bottom: 36px;

}

.por_dat8 .lef .div table,

.por_dat8 .lef .div tbody{

  width: 100%;

}

.por_dat8 .lef .div th{

  font-size: 30px;

  color: #333333;

  line-height: 76px;

  padding-left: 28px;

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

  font-weight: 100;

  text-align: left;

}

.por_dat8 .lef .div td{

  font-size: 16px;

  color: #666666;

  padding: 15px 0;

  padding-left: 28px;

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

}

.por_dat8 .lef .div tr td:first-child{

  width: 150px;

  color: #333333;

}





/* por_dat9 */

.por_dat9{

  width: 100%;

  position: relative;

}

.por_dat9 .rq{

  width: 100%;

  padding-top: 56px;

  padding-bottom: 60px;

}

.por_dat9 .rq a{

  width: 49.5%;

  height: 100px;

  line-height: 100px;

  float: left;

  margin-right: 1%;

  margin-bottom: 10px;

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

  padding-left: 20px;

  font-size: 20px;

  color: #666666;

}

.por_dat9 .rq a:hover{

  color: #f6ab00;

}

.por_dat9 .rq a:nth-child(2n){

  margin-right: 0;

}

.por_dat9 .rq a img{

  width: 16px;

  display: inline-block;

  margin-bottom: -2px;

  margin-right: 10px;

}





/* por_dat10 */

.por_dat10{

  width: 100%;

}

.por_dat10 .rq{

  width: 100%;

  padding-top: 58px;

  padding-bottom: 50px;

}

.cas_dat3 .rq .swiper-container,

.por_dat11 .rq .swiper-container,

.por_dat10 .rq .swiper-container{

  padding-bottom: 40px;

}

.cas_dat3 .swiper-pagination-bullet-active,

.por_dat11 .swiper-pagination-bullet-active,

.por_dat10 .swiper-pagination-bullet-active{

  background: #f6ab00;

}

.por_dat10 .rq .div{

  /* width: 23.8%; */

  width: 100% !important;

  height: 400px;

  /* margin-right: 1.6%; */

  margin-right: 0 !important;

  float: left;

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

  margin-bottom: 15px;

}

.por_dat10 .rq .div:nth-child(4n){

  margin-right: 0;

}

.por_dat10 .rq .div .top{

  width: 100%;

  height: 82.5%;

  position: relative;

  overflow: hidden;

}

.por_dat10 .rq .div .top img{

  max-width: 85%;

  max-height: 85%;

  position: absolute;

  top: 50%;

  left: 50%;

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

  transition: all .5s;

}

.por_dat10 .rq .div:hover .top img{

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

}

.por_dat10 .rq .div .bot{

  width: 100%;

  height: 17.5%;

  font-size: 24px;

  color: #333333;

  text-align: center;

}







/* por_dat11 */

.por_dat11{

  width: 100%;

  position: relative;

}

.por_dat11 .rq{

  width: 100%;

  padding-top: 60px;

  padding-bottom: 90px;

}

.por_dat11 .rq .div{

  /* width: 23.8%; */

  width: 100% !important;

  /* margin-right: 1.6%; */

  margin-right: 0 !important;

  float: left;

  margin-bottom: 15px;

}

.por_dat11 .rq .div:nth-child(4n){

  margin-right: 0;

}

.por_dat11 .rq .div .top{

  width: 100%;

  overflow: hidden;

}

.por_dat11 .rq .div .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.por_dat11 .rq .div:hover .top img{

  transform: scale(1.05);

}

.por_dat11 .rq .div p{

  font-size: 18px;

  color: #666666;

  text-align: center;

  margin-top: 14px;

}





/* 产品详情分辨率 */

@media(max-width:1680px){

  .por_dat3 .lef .p2 {

    font-size: 66px;

}

.por_dat7 .lef {

  padding-top: 178px;

}



}

@media(max-width:1459px){

  .por_dat1 {

    line-height: 76px;

}

.por_dat1 .lef a {

  font-size: 16px;

  padding-right: 24px;

}

.por_dat1 .rig a {

  font-size: 18px;

  margin-left: 24px;

}

.por_dat2 {

  padding-top: 64px;

  padding-bottom: 82px;

}

.por_dat2 .lef .swiper-button-next, .por_dat2 .lef .swiper-button-prev {

  width: 45px;

  height: 45px;

}

.por_dat2 .lef {

  padding: 0 55px;

}

.por_dat2 .lef .swiper-slide {

  min-height: 437px;

}

.por_dat2 .rig .p1 {

  font-size: 60px;

  line-height: 60px;

}

.por_dat2 .rig .p2 {

  font-size: 36px;

}

.por_dat2 .rig .p3 {

  font-size: 16px;

  margin-top: 10px;

  line-height: 26px;

  padding-bottom: 20px;

}

.por_dat2 .rig .div p {

  height: 55px;

  padding-left: 50px;

  padding-right: 10px;



}

.por_dat2 .rig .div p span em{

  font-size: 13px;

  line-height: 22px;

}

.por_dat2 .rig .div p img {

  width: 20px;    left: 18px;

}

.por_dat2 .rig .div1 {

  margin-top: 40px;

}

.por_dat2 .rig .div1 a {

  font-size: 18px;

  width: 154px;

  height: 46px;

  line-height: 46px;

  margin-right: 12px;

}

.por_dat2 .lef .swiper-slide img {

  max-width: 70%;

}

.por_dat3 .wrap {

  min-height: 600px;

}

.por_dat3 .lef {

  padding-top: 120px;

}

.por_dat3 .lef .p1 {

  font-size: 74px;

  line-height: 74px;

}

.por_dat3 .lef .p2 {

  font-size: 52px;

  padding-bottom: 24px;

}

.por_dat3 .lef .p3 {

  font-size: 26px;

}

.por_dat4 .lef {

  padding-top: 90px;

}

.por_dat3 .lef .p4 {

  font-size: 36px;

  margin-bottom: 14px;

}

.por_dat3 .lef .div1 {

  margin-bottom: 40px;

}

.por_dat3 .lef .div1 p {

  font-size: 16px;

  padding-left: 18px;

  margin-bottom: 8px;

}

.por_dat3 .lef .div1 p::before {

  width: 8px;

  height: 8px;

  top: 8px;

}

.por_dat3 .lef .div2 div {

  margin-right: 46px;

}

.por_dat3 .lef .div2 div img {

  width: 42px;

}

.por_dat3 .lef .div2 div p {

  font-size: 16px;

  margin-top: 10px;

}

.por_dat6 {

  padding-top: 70px;

  padding-bottom: 106px;

}

.por_dat6 .p {

  font-size: 36px;

  margin-bottom: 10px;

}

.por_dat6 .p1 {

  font-size: 18px;

  line-height: 34px;

}

.por_dat6 .div {

  padding-top: 64px;

}

.por_dat6 .div .div1 {

  width: 272px;

  height: 272px;

  border: 6px solid #fff;

  margin-right: 72px;

}

.por_dat7 {

  padding-top: 68px;

  padding-bottom: 68px;

}

.por_dat7 .lef .p1 {

  font-size: 36px;

  margin-bottom: 16px;

}

.por_dat7 .lef .p2 {

  font-size: 16px;

  line-height: 28px;

  padding-right: 26px;

}

.por_dat7 .lef {

  padding-top: 154px;

}

.po_dabt p {

  font-size: 32px;

}

.po_dabt {

  line-height: 94px;

}

.por_dat8 .rq {

  padding-top: 40px;

  padding-bottom: 10px;

}

.por_dat8 .lef .div {

  margin-bottom: 24px;

}

.por_dat8 .lef .div th {

  font-size: 22px;

  line-height: 56px;

  padding-left: 18px;

}

.por_dat8 .lef .div td {

  font-size: 14px;

  padding: 12px 0;

  padding-left: 18px;

}

.por_dat8 .lef .div tr td:first-child {

  width: 120px;

}

.por_dat9 .rq {

  padding-top: 42px;

  padding-bottom: 44px;

}

.por_dat9 .rq a {

  height: 64px;

  line-height: 64px;

  margin-bottom: 10px;

  padding-left: 15px;

  font-size: 18px;

}

.por_dat10 .rq {

  padding-top: 44px;

  padding-bottom: 38px;

}

.por_dat10 .rq .div {

  height: 304px;

  margin-bottom: 10px;

}

.por_dat10 .rq .div .bot {

  font-size: 18px;

}

.por_dat11 .rq .div p {

  font-size: 16px;

  margin-top: 10px;

}

.por_dat11 .rq {

  padding-top: 44px;

  padding-bottom: 64px;

}





}

@media(max-width:1259px){

  .por_dat2 .rig .p1 {

    font-size: 50px;

    line-height: 50px;

}

.por_dat3 .lef .p1 {

  font-size: 60px;

  line-height: 60px;

}

.por_dat3 .lef .p2 {

  font-size: 42px;

  padding-bottom: 20px;

}

.por_dat3 .lef .p3 {

  font-size: 22px;

}

.por_dat3 .wrap {

  min-height: 530px;

}

.por_dat4 .lef {

  padding-top: 60px;

}

.por_dat3 .lef .p4 {

  font-size: 32px;

  margin-bottom: 10px;

}

.por_dat5 .rig img {

  bottom: -80px;

}

.por_dat7 .lef {

  padding-top: 110px;

}



}

@media(max-width:991px){

  .por_dat2 .lef{

    width: 100%;

  }

  .por_dat2 .rig{

    width: 100%;

    padding-top: 20px;

  }

  .por_dat3 .wrap{

    height: auto;

    flex-wrap: wrap;

  }

  .por_dat4 .wrap{

    flex-wrap: wrap-reverse;

  }

  .por_dat3 .rig,

  .por_dat3 .lef{

    width: 100%;

  }

  .por_dat3 .rig{

    height: 500px;

  }

  .por_dat3 .rig img{

    max-height: 100%;

    left: 50%;

    transform: translateX(-50%);

  }

  .por_dat3 .lef{

    padding-top: 50px;

    padding-bottom: 30px;

  }

  .por_dat5 .rig img {

    bottom: 0;

}

.por_dat6 .div .div1 {

  width: 224px;

  height: 224px;

  margin-right: 30px;

}

.por_dat7 .lef {

  width: 100%;

  padding-top: 0px;

  padding-bottom: 20px;

}

.por_dat7 .rig{

  width: 100%;

}

.por_dat6 {

  padding-top: 40px;

  padding-bottom: 50px;

}

.po_dabt p {

  font-size: 24px;

}

.po_dabt p i {

  width: 8px;

  height: 8px;

}

.po_dabt {

  line-height: 70px;

}

.por_dat8 .rq .lef{

  width: 100%;

  margin-right: 0;

}

.por_dat10 .rq .div{

  width: 49%;

  margin-right: 2%;

}

.por_dat10 .rq .div:nth-child(2n){

  margin-right: 0;

}



}

@media(max-width:500px){

  .por_dat1 .rig{

    display: none;

  }

  .por_dat1 .lef{

    width: 100%;

  }

  .por_dat1 {

    line-height: 44px;

}

.por_dat1 .lef a {

  font-size: 14px;

  padding-right: 12px;

}

.por_dat1 .lef a::before {

  right: 3px;

}

.por_dat2 .lef .swiper-slide {

  min-height: 200px;

}

.por_dat2 {

  padding-top: 44px;

  padding-bottom: 44px;

}

.por_dat2 .lef .swiper-button-next, .por_dat2 .lef .swiper-button-prev {

  width: 34px;

  height: 34px;

}

.por_dat2 .lef {

  padding: 0 50px;

}

.por_dat2 .rig .p1 {

  font-size: 30px;

  line-height: 36px;

}

.por_dat2 .rig .p2 {

  font-size: 24px;

}

.por_dat2 .rig .p3 {

  font-size: 15px;

  margin-top: 8px;

  line-height: 24px;

  padding-bottom: 16px;

}

.por_dat2 .rig .div p{

  width: 100%;  border-right: none;  line-height: 44px;

}

.por_dat2 .rig .div p:nth-child(3){

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

}

.por_dat2 .rig .div1 {

  display: table;

  width: auto;

  margin: 0 auto;

  margin-top: 20px;

}

.por_dat2 .rig .div1 a {

  font-size: 14px;

  width: 130px;

  height: 40px;

  line-height: 40px;

  margin-right: 12px;

}

.por_dat3 .lef .p1 {

  font-size: 34px;

  line-height: 40px;

}

.por_dat3 .lef {

  padding-top: 32px;

  padding-bottom: 10px;

}

.por_dat3 .lef .p2 {

  font-size: 26px;

  padding-bottom: 16px;

}

.por_dat3 .lef .p3 {

  font-size: 16px;

}

.por_dat3 .rig{

  height: auto;

}

.por_dat3 .rig img{

  position: static;

  transform: translateX(0);

  display: block;

  margin: 0 auto;

}

.por_dat3 .wrap{

  min-height: 0;

}

.por_dat3 .lef .p4 {

  font-size: 23px;

  margin-bottom: 8px;

}

.por_dat3 .lef .div1 p {

  font-size: 15px;

  padding-left: 16px;

  margin-bottom: 8px;

}

.por_dat3 .lef .div2{

  display: table;

  width: auto;

  margin: 0 auto;

}

.por_dat4 .rig img {

  max-width: 55%;

}

.por_dat5 .rig img {

  width: 60%;

}

.por_dat6 .p {

  font-size: 24px;

  margin-bottom: 8px;

}

.por_dat6 .p1 {

  font-size: 16px;

  line-height: 28px;

}

.por_dat6 .div .div1 {

  width: 100px;

  height: 100px;

  margin-right: 10px;

  border: 2px solid #fff;

}

.por_dat6 .div {

  padding-top: 30px;

}

.por_dat6 {

  padding-top: 30px;

  padding-bottom: 24px;

}

.por_dat7 .lef .p1 {

  font-size: 24px;

  margin-bottom: 10px;

}

.por_dat7 {

  padding-top: 36px;

  padding-bottom: 30px;

}

.por_dat7 .lef .p2 {

  font-size: 14px;

  line-height: 24px;

  padding-right: 0px;

}

.por_dat8 .rq {

  padding-top: 15px;

  padding-bottom: 10px;

}

.por_dat8 .lef .div th {

  font-size: 18px;

  line-height: 40px;

  padding-left: 14px;

}

.por_dat8 .lef .div td {

  font-size: 14px;

  padding: 10px 0;

  padding-left: 14px;

}

.por_dat8 .lef .div {

  margin-bottom: 10px;

}

.por_dat9 .rq a{

  width: 100%;

  margin-right: 0;

}

.por_dat9 .rq a {

  height: 46px;

  line-height: 46px;

  margin-bottom: 10px;

  padding-left: 15px;

  font-size: 14px;

}

.por_dat9 .rq a img {

  width: 13px;

  margin-bottom: -2px;

  margin-right: 10px;

}

.por_dat10 .rq {

  padding-top: 20px;

  padding-bottom: 20px;

}

.por_dat10 .rq .div {

  height: 240px;

}

.por_dat11 .rq .div{

  width: 49%;

  margin-right: 2%;

}

.por_dat11 .rq .div:nth-child(2n){

  margin-right: 0;

}

.por_dat11 .rq {

  padding-top: 30px;

  padding-bottom: 20px;

}



}                                                                        









/* 产品视频 */



.ny_banner .p3{

  font-size: 24px;

  color: #ffffff;

  text-align: center;

}





/* .vid_con1 */

.vid_con1{

  width: 100%;

  padding-top: 85px;

  padding-bottom: 95px;

}

.vid_con1 .lef{

  width: 32.2%;

  float: left;

  padding-right: 80px;

}



.vid_div1{

  width: 100%;

  margin-bottom: 70px;

}

.vid_div1 p{

  font-size: 32px;

    color: #333333;

    padding-bottom: 15px;

}

.vid_div1 .div2{

  width: 100%;

  height: 60px;

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

  position: relative;

}

.vid_div1 .div2 input {

  display: block;

  width: 100%;

  height: 100%;

  font-size: 22px;

  padding-left: 10px;

  padding-right: 20%;

}

.vid_div1 .div2 button {

  width: 20%;

  height: 100%;

  position: absolute;

  top: 0;

  right: 0;

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

  background-size: 24px;

  background-repeat: no-repeat;

  background-position: center;

}



@media(max-width:1459px){

  .vid_div1{

    margin-bottom: 54px;

}

  .vid_div1 p {

    font-size: 23px;

    padding-bottom: 10px;

}

.vid_div1 .div2 {

  height: 50px;

}

.vid_div1 .div2 input {

  font-size: 16px;

}

.vid_div1 .div2 button {

  background-size: 18px;

}

}

@media (max-width: 1259px){

  .vid_div1{

    margin-bottom: 36px;

}

  .vid_div1 p {

    font-size: 20px;

    padding-bottom: 10px;

}

.vid_div1 .div2 {

  height: 42px;

}

.vid_div1 .div2  button {

  background-size: 16px;

}

}



.vid_con1 .lef .p1{

  font-size: 60px;

  color: #333333;

  line-height: 60px;

  margin-bottom: 18px;

}

.vid_con1 .lef .p2{

  font-size: 20px;

  color: #666666;

  line-height: 32px;

}

.vid_con1 .lef .div{

  width: 100%;

  padding-top: 40px;

}

.vid_con1 .lef .div a{

  display: block;

  font-size: 20px;

  color: #ffffff;

  width: 280px;

  height: 60px;

  border-radius: 60px;

  line-height: 60px;

  text-align: center;

  padding-right: 36px;

  background: rgb(39,54,74);

  position: relative;

  margin-bottom: 18px;

}

.vid_con1 .lef .div a:hover,

.vid_con1 .lef .div a.on{

  background: rgb(246,171,0);

}

.vid_con1 .lef .div a::before{

  content: '';

  width: 9px;

  height: 19px;

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

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  right: 13%;

  transform: translateY(-50%);

}

.vid_con1 .rig{

  width: 67.8%;

  float: left;



}

.dow_rig,

.vid_con1 .rig{

  padding-top: 183px;

}

.vid_con1 .rig .rig_div{

  width: 100%;

  padding-bottom: 35px;

}

.vid_con1 .rig .div{

  width: 49%;

  float: left;

  margin-right: 2%;

  margin-bottom: 22px;

}

.vid_con1 .rig .div p{

  text-align: center;

    font-size: 24px;

    color: #333;

    padding-top: 12px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.vid_con1 .rig .div:nth-child(2n){

  margin-right: 0;

}

.vid_con1 .rig .div .bj{

  width: 100%;

  vertical-align: middle;

}

/* 视频弹窗 */

.msg-box-bg {

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	display: none;

	z-index: 1001;

	background: rgba(0,0,0,0.8);

}

.msg-box {

	width: 70%;

	height: 70%;

	background: rgba(0,0,0,0.8);

	position: absolute;

	left: 50%;

	top: 47%;

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

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}

.msg-box .close-box {

	width: 30px;

	height: 30px;

	background: url("../images/btn-close-modal.png") no-repeat center;

	cursor: pointer;

	position: absolute;

	right: 20px;

	top: 20px;

	-webkit-transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

}

.msg-box .close-box:hover {

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	transform: rotate(90deg);

}

.abo_video {

	width: 100%;

	height: 100%;

	cursor: pointer;

	overflow: hidden;

	position: relative;

}

.abo_video .rq{

  width: 100%;

  position: absolute;

  top: 50%;

  left: 50%;

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

  z-index: 10;

}

.abo_video .bf{

	width: 61px;

	height: 61px;

	background: url(../images/img87.png) no-repeat center;

	background-size: contain;

  z-index: 10;

  margin: 0 auto;

	transition: all .5s;

}

.abo_video:hover .bf{

  transform: translateY(-10px);

}

.cli_con3 .rq p{

  text-align: center;

  font-size: 24px;

  color: #333;

  padding-top: 12px;

  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}



.fy2 li a{

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

}



/* 产品视频分辨率 */

@media(max-width:1459px){

  .ny_banner .p3 {

    font-size: 20px;

}

.vid_con1 {

  padding-top: 62px;

  padding-bottom: 70px;

}

.vid_con1 .lef {

  padding-right: 40px;

}

.dow_rig, .vid_con1 .rig {

  padding-top: 144px;

}

.vid_con1 .lef .p1 {

  font-size: 44px;

  line-height: 44px;

  margin-bottom: 12px;

}

.vid_con1 .lef .p2 {

  font-size: 16px;

  line-height: 28px;

}

.vid_con1 .lef .div {

  padding-top: 30px;

}

.vid_con1 .rig .div p{

  font-size: 18px;

  padding-top: 10px;

}

.vid_con1 .lef .div a {

  font-size: 16px;

  width: 240px;

  height: 45px;

  border-radius: 45px;

  line-height: 45px;

  padding-right: 46px;

  margin-bottom: 12px;

}

.abo_video .bf {

  width: 50px;

  height: 50px;

}

.cli_con3 .rq p {

  font-size: 18px;

  padding-top: 10px;

}

.vid_con1 .rig .div {

  margin-bottom: 15px;

}



}

@media(max-width:1259px){

  .dow_rig, .vid_con1 .rig {

    padding-top: 114px;

  }

}



@media(max-width:991px){

  .vid_con1 .lef .p1 {

    font-size: 34px;

    line-height: 34px;

    margin-bottom: 6px;

}

  .vid_con1 .lef{

    width: 100%;

    padding-right: 0;

  }

  .vid_con1 .lef .div a{

    width: 32%;

    float: left;

    margin-right: 2%;

  }

  .vid_con1 .lef .div a:nth-child(3n){

    margin-right: 0;

  }

  .vid_con1 .rig{

    width: 100%;

    padding-top: 30px;

  }



}

@media(max-width:500px){

  .vid_con1 {

    padding-top: 34px;

    padding-bottom: 36px;

}

.vid_con1 .lef .p1 {

  font-size: 24px;

  line-height: 24px;

  margin-bottom: 6px;

}

.vid_con1 .rig .div p {

  font-size: 14px;

  padding-top: 6px;

}

.vid_con1 .lef .p2 {

  font-size: 14px;

  line-height: 22px;

}

.vid_con1 .lef .div a{

  font-size: 13px;

  width: 100%;

  margin-right: 0%;

  height: 40px;

  border-radius: 40px;

  line-height: 40px;

  padding-right: 40px;

  margin-bottom: 10px;

}

.vid_con1 .lef .div a::before {

  width: 7px;

  height: 15px;

}

.vid_con1 .lef .div a:nth-child(3n){

  margin-right: 2%;

}

.vid_con1 .lef .div a:nth-child(2n){

  margin-right: 0;

}

.vid_con1 .rig {

  padding-top: 15px;

}

.abo_video .bf {

  width: 38px;

  height: 38px;

}

.cli_con3 .rq p {

  font-size: 14px;

  padding-top: 6px;

}

.vid_con1 .rig .div {

  margin-bottom: 8px;

  width: 100%;

  margin-right: 0;

}

.vid_con1 .rig .rig_div {

  padding-bottom: 18px;

}

.msg-box {

  width: 95%;

  height: 40%;

}



}

@media(max-width:360px){

  .vid_con1 .lef .div a {

    font-size: 12px;

    padding-right: 32px;

}

.vid_con1 .lef .div a::before {

  right: 12%;

}

}

















/* 解决方案 */

.case_con1{

  width: 100%;

  padding-top: 100px;

  padding-bottom: 36px;

}

.case_con1 .rq{

  width: 100%;

}

.case_con1 .rq .div{

  width: 49%;

  float: left;

  margin-right: 2%;

  margin-bottom: 50px;

}

.case_con1 .rq .div:nth-child(2n){

  margin-right: 0;

}

.case_con1 .rq .div .top{

  width: 100%;

  overflow: hidden;

  margin-bottom: 30px;

}

.case_con1 .rq .div .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.case_con1 .rq .div:hover .top img{

  transform: scale(1.05);

}

.case_con1 .rq .div .p1{

  font-size: 36px;

  color: #333333;



  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}

.case_con1 .rq .div .p2{

  font-size: 18px;

  color: #666666;

  margin-top: 10px;

  line-height: 30px;

  

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}



@media(max-width:1459px){

  .case_con1 .rq .div .top {

    margin-bottom: 15px;

}

.case_con1 .rq .div .p1 {

  font-size: 26px;

}

.case_con1 .rq .div .p2 {

  font-size: 16px;

  margin-top: 6px;

  line-height: 28px;

}

.case_con1 .rq .div {

  margin-bottom: 36px;

}

.case_con1 {

  padding-top: 74px;

  padding-bottom: 26px;

}



}

@media(max-width:991px){

  .case_con1 {

    padding-top: 40px;

    padding-bottom: 20px;

}

.case_con1 .rq .div .top {

  margin-bottom: 10px;

}

.case_con1 .rq .div {

  margin-bottom: 22px;

}

.case_con1 .rq .div .p1 {

  font-size: 20px;

}

.case_con1 .rq .div .p2 {

  font-size: 14px;

  margin-top: 4px;

  line-height: 24px;

}



}

@media(max-width:500px){

  .case_con1 .rq .div{

    width: 100%;

    margin-right: 0;

  }

}

@media(max-width:360px){

  .case_con1 .rq .div .p1 {

    font-size: 18px;

}

}







/* 解决方案2 */

.ny_banner .rq{

  width: 100%;

  line-height: 80px;

  position: absolute;

  bottom: 0;

  left: 0;

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

}

.ny_banner .rq .lef{

  float: left;

}

.ny_banner .rq .lef a{

  font-size: 18px;

  color: #a9acb0;

  padding-right: 28px;

  position: relative;

}

.ny_banner .rq .lef a::before{

  content: '';

  width: 8px;

  height: 13px;

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

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  right: 10px;

  transform: translateY(-50%);

}

.ny_banner .rq .lef a.on{

  color: #fff;

  padding-right: 0;

}

.ny_banner .rq .lef a:hover{

  color: #fff;

}

.ny_banner .rq .lef a.on::before{

  display: none;

}



.ny_banner .rq .rig{

  float: right;

}

.ny_banner .rq .rig a{

  font-size: 18px;

  color: #ffffff;

  display: inline-block;

  margin-right: 56px;

  border-bottom: 2px solid transparent;

}

.ny_banner .rq .rig a:last-child{

  margin-right: 0;

}

.ny_banner .rq .rig a:hover,

.ny_banner .rq .rig a.on{

  border-bottom: 2px solid rgb(246,171,0);

}



/* cas2_con1 */

.cas2_con1{

  width: 100%;

  padding-top: 105px;

  padding-bottom: 80px;

}

.cas2_con1 .p1{

  font-size: 60px;

  color: #333333;

  margin-bottom: 26px;

}

.cas2_con1 .p2{

  font-size: 18px;

  color: #666666;

  line-height: 36px;

}



/* cas2_con2 */

.cas2_con2{

  width: 100%;

}

.cas2_con2 .top{

  width: 100%;

  background: rgb(246,246,246);

  line-height: 165px;

}

.cas2_con2 .top a{

  font-size: 30px;

  color: #333333;

  display: inline-block;

  margin-right: 114px;

  cursor: pointer;

}

.cas2_con2 .top a.on{

  color: #f6ab00;

}

.cas2_con2 .top a:last-child{

  margin-right: 0;

}

.cas2_con2 .top a i{

  width: 40px;height: 40px;

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

  background-size: contain;

  background-repeat: no-repeat;

  display: inline-block;

  margin-bottom: -8px;

  margin-right: 8px;

}

.cas2_con2 .top a.on i{

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

}

.cas2_con2 .bot{

  width: 100%;

  padding-top: 56px;

  padding-bottom: 100px;

}

.cas2_con2 .bot .rq{

  width: 100%;

  display: none;

}

.cas2_con2 .bot .rq.on1{

  display: block;

}

.cas2_con2 .bot .div{

  width: 100%;

}

.cas2_con2 .bot .div a{

  display: block;

  padding: 45px 0;

}

.cas2_con2 .bot .div a:hover{

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.cas2_con2 .bot .div .lef{

  width: 31%;

  float: left;

  overflow: hidden;

}

.cas2_con2 .bot .div .lef img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.cas2_con2 .bot .div:hover .lef img{

  transform: scale(1.05);

}

.cas2_con2 .bot .div .rig{

  width: 69%;

  float: left;

  padding-left: 40px;

}

.cas2_con2 .bot .div .rig .p1{

  font-size: 24px;

  color: #888888;

  transition: all .5s;

}

.cas2_con2 .bot .div .rig .p2{

  font-size: 40px;

  color: #333333;

  transition: all .5s;

}

.cas2_con2 .bot .div:hover .rig .p1,

.cas2_con2 .bot .div:hover .rig .p2{

  color: #f49d00;

}

.cas2_con2 .bot .div .rig .p3{

  font-size: 18px;

  color: #666666;

  line-height: 36px;

  margin-top: 28px;

  margin-bottom: 56px;



  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.cas2_con2 .bot .div .rig button{

  font-size: 18px;

  color: #888888;

  display: block;

  width: 190px;

  height: 60px;

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

  transition: all .5s;

}

.cas2_con2 .bot .div:hover .rig button{

  background: #f49d00;

  border: 1px solid #f49d00;

  color: #fff;

}



@media(max-width:1459px){

  .ny_banner .rq {

    line-height: 60px;

}

.ny_banner .rq .lef a {

  font-size: 16px;

  padding-right: 20px;

}

.ny_banner .rq .lef a::before {

  width: 7px;

  height: 11px;

  right: 5px;

}

.ny_banner .rq .rig a {

  font-size: 15px;

  margin-right: 28px;

}



  .cas2_con1 {

    padding-top: 78px;

    padding-bottom: 60px;

}

.cas2_con1 .p1 {

  font-size: 44px;

  margin-bottom: 18px;

}

.cas2_con1 .p2 {

  font-size: 16px;

  line-height: 30px;

}

.cas2_con2 .top {

  line-height: 122px;

}

.cas2_con2 .top a {

  font-size: 22px;

  margin-right: 86px;

}

.cas2_con2 .top a i {

  width: 30px;

  height: 30px;

  margin-bottom: -7px;

  margin-right: 8px;

}

.cas2_con2 .bot {

  padding-top: 40px;

  padding-bottom: 76px;

}

.cas2_con2 .bot .div .rig {

  padding-left: 30px;

}

.cas2_con2 .bot .div .rig .p1 {

  font-size: 18px;

}

.cas2_con2 .bot .div .rig .p2 {

  font-size: 30px;

}

.cas2_con2 .bot .div .rig .p3 {

  font-size: 16px;

  line-height: 28px;

  margin-top: 14px;

  margin-bottom: 24px;

}

.cas2_con2 .bot .div .rig button {

  font-size: 15px;

  width: 126px;

  height: 44px;

}







}

@media(max-width:991px){

  .ny_banner .rq{

    position: static;

    background: #fff;

    line-height: 36px;

    padding-top: 20px;

    display: none;

  }

  .ny_banner .rq .rig,

  .ny_banner .rq .lef{

    width: 100%;

  }

  .ny_banner .rq .rig a,

  .ny_banner .rq .lef a{

    color: #333333;

  }

  .cas2_con1 {

    padding-top: 30px;

    padding-bottom: 34px;

}

.cas2_con1 .p1 {

  font-size: 30px;

  margin-bottom: 10px;

}

.cas2_con1 .p2 {

  font-size: 15px;

  line-height: 28px;

}

.cas2_con2 .top {

  line-height: 52px;

  padding: 20px 0;

}

.cas2_con2 .top a {

  font-size: 20px;

  margin-right: 60px;

}

.cas2_con2 .bot .div .lef{

  width: 100%;

}

.cas2_con2 .bot .div .rig{

  width: 100%;

  padding-left: 0;

  padding-top: 20px;

}



}

@media(max-width:500px){

  .cas2_con1 .p1 {

    font-size: 24px;

    margin-bottom: 6px;

}

.cas2_con2 .top a{

  width: 100%;

  margin-right: 0;

  float: left;

}

.cas2_con2 .bot .div a{

  padding-top: 0;

  padding-bottom: 30px;

}

.cas2_con2 .bot .div a:hover {

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

}

.cas2_con2 .bot .div .rig {

  padding-top: 10px;

}

.cas2_con2 .bot .div .rig .p1 {

  font-size: 16px;

}

.cas2_con2 .bot .div .rig .p2 {

  font-size: 20px;

}

.cas2_con2 .bot .div .rig .p3 {

  font-size: 14px;

  line-height: 24px;

  margin-top: 10px;

  margin-bottom: 15px;

}

.cas2_con2 .bot .div .rig button {

  font-size: 14px;

  width: 100px;

  height: 36px;

}

.cas2_con2 .bot {

  padding-top: 40px;

  padding-bottom: 20px;

}



}









/* 解决方案详情 */

.ny_banner .p4{

  font-size: 30px;

  color: #ffffff;

  text-align: center;

}

.ny_banner .p5{

  font-size: 60px;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}





/* cas_dat1 */

.cas_dat1{

  width: 100%;

  padding-top: 90px;

  padding-bottom: 90px;

  background: rgb(250,250,250);

}

.cas_dat1 p{

  font-size: 24px;

  color: #000000;

  line-height: 48px;

  text-align: center;

}

.cas_dat1 a{

  font-size: 24px;

  color: #000000;

  display: block;

  width: 200px;

  height: 60px;

  border-radius: 60px;

  line-height: 60px;

  text-align: center;

  margin: 0 auto;

  margin-top: 38px;

  background: #f49d00;

}

.cas_dat1 a:hover{

  color: #fff;

}



/* cas_dat2 */

.cas_dat2{

  width: 100%;

}

.cas_dat2 .rq{

  width: 100%;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}

.cas_dat2 .rq:nth-child(2n){

  flex-wrap: wrap-reverse;

}

.cas_dat2 .rq .lef{

  width: 50%;

}

.cas_dat2 .rq .lef img{

  width: 100%;

  vertical-align: middle;

}

.cas_dat2 .rq .rig{

  width: 50%;

  padding-left: 100px;

  padding-right: 120px;

  overflow: hidden;

}

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

  padding-left: 120px;

  padding-right: 100px;

}

.cas_dat2 .rq .rig .p1{

  font-size: 48px;

  color: #000000;

}

.cas_dat2 .rq .rig div{

  width: 100%;

  height: 350px;

  margin-top: 18px;

  padding-right: 10px;

  overflow-y: auto;

}

.cas_dat2 .rq .rig div::-webkit-scrollbar {

  width: 3px;

  background-color: #999;

  border-radius:50px;

}



.cas_dat2 .rq .rig div::-webkit-scrollbar-thumb {

  border-radius: 50px;

  background-color: #f6ab00;

}



.cas_dat2 .rq .rig div p{

  font-size: 18px;

  color: #666666;

  padding-left: 28px;

  line-height: 32px;

  margin-bottom: 18px;

  position: relative;

}

.cas_dat2 .rq:nth-child(2n) .rig div p{

  padding-left: 0;

  margin-bottom: 0;

}

.cas_dat2 .rq .rig div p::before{

  content: '';

  width: 10px;

  height: 10px;

  background: rgb(102,102,102);

  border-radius: 50%;

  position: absolute;

  left: 0;

  top: 10px;

}

.cas_dat2 .rq:nth-child(2n) .rig div p::before{

  display: none;

}



/* cas_dat3 */

.cas_dat3{

  width: 100%;

  padding-top: 85px;

  padding-bottom: 90px;

  background: rgb(250,250,250);

}

.cas_dat3 .p1{

  font-size: 48px;

  color: #000000;

  text-align: center;

}

.cas_dat3 .rq{

  width: 100%;

  padding-top: 30px;

}

.cas_dat3 .rq .div{

  /* width: 24%;

  margin-right: 1.333333333333333%; */

  width: 100% !important;

  margin-right: 0 !important;

  /* float: left; */

  background: #ffffff;

  margin-bottom: 10px;

}

.cas_dat3 .rq .div:nth-child(4n){

  margin-right: 0;

}

.cas_dat3 .rq .div .top{

  width: 100%;

  height: 390px;

  position: relative;

  overflow: hidden;

}

.cas_dat3 .rq .div .top img{

  max-width: 80%;

  max-height: 80%;

  position: absolute;

  top: 50%;

  left: 50%;

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

  transition: all .5s;

}

.cas_dat3 .rq .div:hover .top img{

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

}

.cas_dat3 .rq .div .bot{

  width: 100%;

  height: 170px;

  padding: 0 15px;

  text-align: center;

}

.cas_dat3 .rq .div .bot .p2{

  font-size: 30px;

  color: #333333;

  font-weight: bold;

  margin-bottom: 10px;

}

.cas_dat3 .rq .div .bot .p3{

  font-size: 16px;

  color: #666666;

  line-height: 30px;



  

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}





@media(max-width:1459px){

  .ny_banner .p4 {

    font-size: 22px;

}

.ny_banner .p5 {

  font-size: 45px;

}

.cas_dat1 {

  padding-top: 68px;

  padding-bottom: 68px;

}

.cas_dat1 p {

  font-size: 18px;

  line-height: 36px;

}

.cas_dat1 a {

  font-size: 18px;

  width: 150px;

  height: 45px;

  border-radius: 45px;

  line-height: 45px;

  margin-top: 28px;

}

.cas_dat2 .rq .rig {

  padding-left: 76px;

  padding-right: 90px;

}

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

  padding-left: 90px;

  padding-right: 76px;

}

.cas_dat2 .rq .rig .p1 {

  font-size: 36px;

}

.cas_dat2 .rq .rig div {

  margin-top: 12px;

  height: 295px;

}

.cas_dat2 .rq .rig div p {

  font-size: 16px;

  padding-left: 22px;

  line-height: 30px;

  margin-bottom: 12px;

}

.cas_dat2 .rq .rig div p::before {

  width: 7px;

  height: 7px;

  top: 9px;

}

.cas_dat3 {

  padding-top: 64px;

  padding-bottom: 68px;

}

.cas_dat3 .p1 {

  font-size: 36px;

}

.cas_dat3 .rq .div .top {

  height: 280px;

}

.cas_dat3 .rq .div .bot .p2 {

  font-size: 22px;

  margin-bottom: 6px;

}

.cas_dat3 .rq .div .bot .p3 {

  font-size: 14px;

  line-height: 24px;

}

.cas_dat3 .rq .div .bot {

  height: 135px;

}



}

@media(max-width:1259px){

  .cas_dat2 .rq .rig .p1 {

    font-size: 28px;

}

.cas_dat2 .rq .rig div {

  margin-top: 8px;

  height: 236px;

}

.cas_dat2 .rq .rig div p {

  font-size: 14px;

  padding-left: 18px;

  line-height: 26px;

  margin-bottom: 6px;

}

.cas_dat2 .rq .rig {

  padding-left: 50px;

  padding-right: 50px;

}

}

@media(max-width:991px){

  .ny_banner .p4 {

    font-size: 18px;

}

.ny_banner .p5 {

  font-size: 36px;

}

.cas_dat1 {

  padding-top: 40px;

  padding-bottom: 40px;

}

.cas_dat1 p {

  font-size: 16px;

  line-height: 28px;

}

.cas_dat1 a {

  font-size: 14px;

  width: 125px;

  height: 36px;

  border-radius: 36px;

  line-height: 36px;

  margin-top: 21px;

}

.cas_dat2 .rq .lef{

  width: 100%;

}

.cas_dat2 .rq .rig{

  width: 100%;

  padding: 20px 15px !important;

}

.cas_dat2 .rq .rig div {

  margin-top: 8px;

  height: auto;

}

.cas_dat3 {

  padding-top: 46px;

  padding-bottom: 50px;

}

.cas_dat3 .p1 {

  font-size: 28px;

}

.cas_dat3 .rq {

  padding-top: 16px;

}

.cas_dat3 .rq .div{

  width: 49%;

  margin-right: 2%;

}

.cas_dat3 .rq .div:nth-child(2n){

  margin-right: 0;

}



}

@media(max-width:500px){

  .ny_banner .p5 {

    font-size: 26px;

}

.cas_dat1 {

  padding-top: 26px;

  padding-bottom: 28px;

}

.cas_dat1 p {

  font-size: 14px;

  line-height: 26px;

}

.cas_dat2 .rq .rig .p1 {

  font-size: 24px;

}

.cas_dat2 .rq .rig div p::before {

  width: 7px;

  height: 7px;

  top: 7px;

}

.cas_dat3 {

  padding-top: 32px;

  padding-bottom: 32px;

}

.cas_dat3 .p1 {

  font-size: 24px;

}

.cas_dat3 .rq .div .top {

  height: 170px;

}

.cas_dat3 .rq .div .bot .p2 {

  font-size: 18px;

  margin-bottom: 4px;

}

.cas_dat3 .rq .div .bot{

  height: auto;

}

.cas_dat3 .rq .div .bot {

  padding: 0 2px;

  padding-bottom: 10px;

}

.cas_dat3 .rq .div .bot .p3 {

  font-size: 13px;

  line-height: 22px;

}



}









/* 资料下载 */



.dow_rig{

  width: 67.8%;

  float: left;

}

.dow_rig .rq{

  width: 100%;

  padding-bottom: 25px;

}

.dow_rig .rq a{

  display: block;

  width: 100%;

  height: 80px;

  line-height: 80px;

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

  padding-left: 34px;

  padding-right: 80px;

  position: relative;

  font-size: 20px;

  color: #333333;

  margin-bottom: 18px;

  

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.dow_rig .rq a:hover{

  color: #f6ab00;

}

.dow_rig .rq a::before{

  content: '';

  width: 26px;

  height: 26px;

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

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  right: 35px;

  transform: translateY(-50%);

}

@media(max-width:1459px){

  .dow_rig .rq a {

    width: 100%;

    height: 60px;

    line-height: 60px;

    padding-left: 24px;

    padding-right: 60px;

    font-size: 16px;

    margin-bottom: 14px;

}

.dow_rig .rq a::before {

  width: 22px;

  height: 22px;

  right: 26px;

}

}

@media(max-width:991px){

  .dow_rig{

    width: 100%;

    padding-top: 30px;

  }

  .dow_rig .rq {

    padding-bottom: 14px;

}

}

@media(max-width:500px){

  .dow_rig .rq a {

    height: 50px;

    line-height: 50px;

    padding-left: 12px;

    padding-right: 50px;

    font-size: 14px;

    margin-bottom: 10px;

}

.dow_rig .rq a::before {

  width: 20px;

  height: 20px;

  right: 18px;

}

.dow_rig {

  padding-top: 20px;

}



}







/* 客户服务 */

.cli_con1{

  width: 100%;

  background: rgb(246,246,246);

  padding-top: 90px;

  padding-bottom: 100px;

  position: relative;

}

.cl_p{

  font-size: 60px;

  color: #333333;

  text-align: center;

}

.cli_con1 .rq{

  width: 100%;

  margin-top: 40px;

  background: #fff;

  display: flex;

  flex-wrap: wrap;

}

.cli_con1 .rq .lef{

  width: 57.2%;

  padding: 48px 55px;

  padding-bottom: 0;

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

}

.cli_con1 .rq .p{

  font-size: 36px;

  color: #333333;

  font-weight: bold;

  padding-bottom: 20px;

}

.cli_con1 .rq .p1{

  font-size: 24px;

  color: #ffffff;

  width: 100%;

  line-height: 60px;

  border-radius: 60px;

  background: rgb(39,54,74);

  padding: 0 32px;



  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.cli_con1 .rq .lef .div{

  width: 100%;

  padding-top: 16px;

  padding-bottom: 46px;

}

.cli_con1 .rq .div p{

  font-size: 18px;

  color: #666666;

  padding-left: 32px;

  line-height: 30px;

  position: relative;

  margin-bottom: 28px;

}

.cli_con1 .rq .div p span{

  position: absolute;

  left: 0;

}

.cli_con1 .rq .lef .div p{

  padding-left: 60px;

  line-height: 36px;

  margin-bottom: 0;

} 

.cli_con1 .rq .lef .div p span{

  position: absolute;

  left: 32px;

}

.cli_con1 .rq .rig{

  width: 42.8%;

  padding: 48px 55px;

}

.cli_con1 .rq .rig .div1{

  padding-top: 40px;

  width: 100%;

}

.cli_con1 .rq .rig .div1 img{

  max-width: 100%;

}





/* cli_con2 */

.cli_con2{

  width: 100%;

  position: relative;

}

.cli{

  padding-top: 92px;

  padding-bottom: 95px;

}

.cli_con2 .rq{

  width: 100%;

  padding-top: 32px;

}

.cli_con2 .rq .div{

  width: 100%;

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

  padding: 26px 0;

  padding-left: 40px;

  padding-right: 60px;

  position: relative;

  margin-bottom: 18px;

  cursor: pointer;

}

.cli_con2 .rq .div::before{

  content: '';

  width: 13px;

  height: 14px;

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

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  right: 38px;

  top: 32px;

  transition: all .5s;

}

.cli_con2 .rq .div.on::before{

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

}

.cli_con2 .rq .div .p1{

  font-size: 20px;

  color: #333333;

}

.cli_con2 .rq .div .p2{

  font-size: 20px;

  color: #666666;

  margin-top: 18px;

  display: none;

}

.load{

  display: block;

  width: 100%;

  font-size: 20px;

  color: #ffffff;

  height: 80px;

  line-height: 80px;

  background: #f6ab00;

  text-align: center;

}



/* content3 */

.cli_con3{

  background: rgb(246,246,246);

  position: relative;

}

.cli_con3 .rq{

  width: 100%;

  padding-top: 32px;

}

.cli_con3 .rq .div{

  width: 24%;

  margin-right: 1.33333333333%;

  float: left;

  margin-bottom: 22px;

  position: relative;

}

.cli_con3 .rq .div:nth-child(4n){

  margin-right: 0;

}

.cli_con3 .rq .div .bj{

  width: 100%;

  vertical-align: middle;

}

.cli_con3 .rq .div .abo_video .rq{

  padding-top: 0 !important;

}



/* content4 */

.cli_con4{

  position: relative;

}

.cli_con4 .rq{

  width: 100%;

  padding-top: 32px;

  padding-bottom: 0;

}

.cli_con4 .dow_rig{

  width: 100%;

  float: none;

}

.cli_con4 .dow_rig a{

  width: 49%;

  float: left;

  margin-right: 2%;

}

.cli_con4 .dow_rig a:nth-child(2n){

  margin-right: 0;

}



@media(max-width:1680px){

  .cli_con1 .rq .p1 {

    font-size: 20px;

    line-height: 55px;

    border-radius: 55px;

}

}

@media(max-width:1459px){

  .cli_con1 {

    padding-top: 66px;

    padding-bottom: 74px;

}

.cl_p {

  font-size: 44px;

}

.cli_con1 .rq {

  margin-top: 30px;

}

.cli_con1 .rq .lef {

  padding: 36px 40px;

  padding-bottom: 0;

}

.cli_con1 .rq .rig {

  padding: 36px 40px;

}

.cli_con1 .rq .p {

  font-size: 26px;

  padding-bottom: 14px;

}

.cli_con1 .rq .p1 {

  font-size: 18px;

  line-height: 42px;

  border-radius: 42px;

  padding: 0 13px;

}

.cli_con1 .rq .lef .div {

  padding-top: 10px;

  padding-bottom: 30px;

}

.cli_con1 .rq .lef .div p {

  padding-left: 30px;

  line-height: 32px;

  margin-bottom: 0;

}

.cli_con1 .rq .div p {

  font-size: 15px;

  padding-left: 20px;

  line-height: 24px;

  margin-bottom: 16px;

}

.cli_con1 .rq .lef .div p span {

  left: 8px;

}

.cli_con3 .rq,

.cli_con4 .rq,

.cli_con2 .rq {

  padding-top: 20px;

}

.cli_con4 .dow_rig{

  padding-top: 0 !important;

}

.cli_con2 .rq .div {

  padding: 18px 0;

  padding-left: 20px;

  padding-right: 46px;

  margin-bottom: 14px;

}

.cli_con2 .rq .div .p1,

.cli_con2 .rq .div .p2{

  font-size: 16px;

}

.cli_con2 .rq .div::before {

  right: 24px;

  top: 22px;

}

.load {

  font-size: 16px;

  height: 60px;

  line-height: 60px;

}

.cli {

  padding-top: 64px;

  padding-bottom: 64px;

}



}

@media(max-width:1259px){

  .cli_con1 .rq .p1 {

    font-size: 15px;

    line-height: 38px;

    border-radius: 38px;

    padding: 0 13px;

}



}

@media(max-width:991px){

  .cli_con1 {

    padding-top: 42px;

    padding-bottom: 40px;

}

.cl_p {

  font-size: 32px;

}

.cli_con1 .rq {

  margin-top: 18px;

}

.cli_con1 .rq .lef{

  width: 100%;

}

.cli_con1 .rq .rig{

  width: 100%;

}

.cli {

  padding-top: 35px;

  padding-bottom: 40px;

}

.cli_con2 .rq .div .p1, .cli_con2 .rq .div .p2 {

  font-size: 14px;

}

.cli_con2 .rq .div .p2 {

  margin-top: 6px;

}

.load {

  font-size: 16px;

  height: 44px;

  line-height: 44px;

}

.cli_con3 .rq .div{

  width: 49%;

  margin-right: 2%;

}

.cli_con3 .rq .div:nth-child(4n){

  margin-right: 2%;

}

.cli_con3 .rq .div:nth-child(2n){

  margin-right: 0;

}



}

@media(max-width:500px){

  .cli_con1 .rq .lef {

    padding: 16px 10px;

    padding-bottom: 0;

}

.cli_con1 .rq .p {

  font-size: 22px;

  padding-bottom: 12px;

}

.cli_con1 .rq .p1 {

  font-size: 14px;

  line-height: 34px;

  border-radius: 34px;

}

.cli_con1 .rq .lef .div p {

  padding-left: 30px;

  line-height: 24px;

  margin-bottom: 10px;

}

.cli_con1 .rq .lef .div {

  padding-top: 10px;

  padding-bottom: 20px;

}

.cli_con1 .rq .rig {

  padding: 10px 10px;

  padding-bottom: 30px;

}

.cli_con1 .rq .div p {

  font-size: 14px;

  margin-bottom: 10px;

}

.cl_p {

  font-size: 24px;

}

.cli_con3 .rq, .cli_con4 .rq, .cli_con2 .rq {

  padding-top: 12px;

}

.cli_con2 .rq .div {

  padding: 12px 0;

  padding-left: 8px;

  padding-right: 28px;

  margin-bottom: 10px;

}

.cli_con2 .rq .div::before {

  right: 12px;

  top: 16px;

  width: 10px;

  height: 12px;

}

.load {

  font-size: 14px;

  height: 40px;

  line-height: 40px;

}

.cli_con3 .rq .div {

  margin-bottom: 15px;

  width: 100%;

  margin-right: 0;

}

.cli_con4 .dow_rig a{

  width: 100%;

}



}







/* 新闻列表 */

.new_con1{

  width: 100%;

  padding-top: 92px;

  padding-bottom: 100px;

  background: rgb(246,246,246);

}

.new_con1 .rq{

  width: 100%;

}

.new_con1 .rq .div{

  width: 32.2%;

  height: 620px;

  float: left;

  margin-right: 1.7%;

  margin-bottom: 20px;

}

.new_con1 .rq .div:nth-child(3n){

  margin-right: 0;

}

.new_con1 .rq .div a{

  display: block;

  background: #fff;

  padding: 34px 40px;

}

.new_con1 .rq .div a:hover{

  box-shadow: 0px 16px 22px 0px rgb(90,91,95,30%);

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

}

.new_con1 .rq .div .p1{

  font-size: 18px;

  color: #888888;

}

.new_con1 .rq .div .p2{

  font-size: 24px;

  color: #333333;

  margin-top: 10px;

  margin-bottom: 24px;



  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.new_con1 .rq .div .div1{

  width: 100%;

  overflow: hidden;

}

.new_con1 .rq .div .div1 img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.new_con1 .rq .div:hover .div1 img{

  transform: scale(1.05);

}

.new_con1 .rq .div .p3{

  font-size: 16px;

  color: #666666;

  line-height: 30px;

  margin-top: 20px;



  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.new_con1 .rq .div i{

  display: block;

  width: 51px;

  height: 9px;

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

  background-size: contain;

  background-repeat: no-repeat;

  margin-top: 26px;

}



@media(max-width:1680px){

  .new_con1 .rq .div{

    height: 546px;

  }

}

@media(max-width:1459px){

  .new_con1 {

    padding-top: 68px;

    padding-bottom: 74px;

}

.new_con1 .rq .div a {

  padding: 24px 28px;

}

.new_con1 .rq .div{

  height: 423px;

}

.new_con1 .rq .div .p1 {

  font-size: 15px;

}

.new_con1 .rq .div .p2 {

  font-size: 18px;

  margin-top: 6px;

  margin-bottom: 14px;

}

.new_con1 .rq .div .p3 {

  font-size: 14px;

  line-height: 24px;

  margin-top: 10px;

}

.new_con1 .rq .div i {

  width: 38px;

  height: 7px;

  margin-top: 16px;

}



}

@media(max-width:1259px){

  .new_con1 .rq .div {

    height: 386px;

}

}

@media(max-width:991px){

  .new_con1 .rq .div{

    width: 49%;

    height:auto;

    margin-right: 2%;

    margin-bottom: 10px;

  }

  .new_con1 .rq .div:nth-child(3n){

    margin-right: 2%;

  }

  .new_con1 .rq .div:nth-child(2n){

    margin-right: 0%;

  }

}

@media(max-width:500px){

  .new_con1 {

    padding-top: 36px;

    padding-bottom: 42px;

}

.new_con1 .rq .div a {

  padding: 14px 8px;

}

.new_con1 .rq .div{

  width: 100%;

  margin-right: 0;

}

.new_con1 .rq .div .p1 {

  font-size: 13px;

}

.new_con1 .rq .div .p2 {

  font-size: 14px;

  margin-top: 2px;

  margin-bottom: 10px;

}

.new_con1 .rq .div .p3 {

  font-size: 13px;

  line-height: 22px;

  margin-top: 7px;

}

.new_con1 .rq .div i {

  width: 32px;

  height: 6px;

  margin-top: 10px;

}

.new_con1 .rq{

  padding-bottom: 20px;

}



}





/* 新闻详情 */

.new_dat1{

  width: 100%;

  background: rgb(246,246,246);

  padding-top: 100px;

  padding-bottom: 98px;

  overflow: hidden;

}

.new_dat1 .rq{

  width: 100%;

}

.new_dat1 .rq .lef{

  width: 71.5%;

  float: left;

  background: #fff;

}

.new_dat1 .rq .lef .top{

  width: 100%;

  padding: 44px 55px;

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

}

.new_dat1 .rq .lef .top .p1{

  font-size: 36px;

  color: #333333;

}

.new_dat1 .rq .lef .top .p2{

  font-size: 18px;

  color: #999999;

}

.new_dat1 .rq .lef .top .p2 span{

  margin-right: 13px;

}

.new_dat1 .rq .lef .con{

  width: 100%;

  padding: 58px 55px;

  padding-bottom: 45px;

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

}

.new_dat1 .rq .lef .con img{

  max-width: 100%;

  height: auto !important;

}

.new_dat1 .rq .lef .con p{

  font-size: 18px;

  color: #666666;

  line-height: 33px;

}

.new_dat1 .rq .lef .bot{

  width: 100%;

  padding: 50px 55px;

}

.new_dat1 .rq .lef .bot .lef2{

  width: 100%;

  float: left;

  margin-bottom: 24px;

}

.new_dat1 .rq .lef .bot .rig2{

  width: 100%;

  float: right;

}

.new_dat1 .rq .lef .bot a{

  font-size: 18px;

  color: #333333;

}

.new_dat1 .rq .lef .bot a:hover{

  color: #f6ab00;

}





.new_dat1 .rq .rig{

  width: 26.8%;

  float: right;

}

.new_dat1 .rq .rig .p{

  font-size: 36px;

  color: #ffffff;

  line-height: 100px;

  background: rgb(39,54,74);

  text-align: center;

}

.new_dat1 .rq .rig .div{

  width: 100%;

  background: #ffffff;

  padding: 0 34px;

  padding-top: 35px;

  margin-bottom: 26px;

}

.new_dat1 .rq .rig .div a{

  display: block;

  width: 100%;

  padding-bottom: 42px;

}

.new_dat1 .rq .rig .div a .p1{

  font-size: 24px;

  color: #333333;

  line-height: 32px;

  margin-bottom: 12px;

  transition: all .5s;

}

.new_dat1 .rq .rig .div a:hover .p1{

  color: #f6ab00;

}

.new_dat1 .rq .rig .div a .p2{

  font-size: 16px;

  color: #666666;

  line-height: 30px;

}



.new_dat1 .rq .rig .div1{

  width: 100%;

  background: #ffffff;

  padding: 44px 40px;

  padding-bottom: 10px;

}

.new_dat1 .rq .rig .div1 a{

  float: left;

  width: 50%;

  font-size: 18px;

  color: #999999;

  margin-bottom: 34px;

}

.new_dat1 .rq .rig .div1 a:hover{

  color: #f6ab00;

}

.new_dat1 .rq .rig .div1 a img{

  width: 40px;

  display: inline-block;

  margin-bottom: -14px;

  margin-right: 10px;

}



@media(max-width:1459px){

  .new_dat1 {

    padding-top: 74px;

    padding-bottom: 74px;

}

.new_dat1 .rq .lef .bot .lef2 {

  margin-bottom: 18px;

}

.new_dat1 .rq .lef .top {

  padding: 33px 40px;

}

.new_dat1 .rq .lef .top .p1 {

  font-size: 26px;

}

.new_dat1 .rq .lef .top .p2 {

  font-size: 16px;

}

.new_dat1 .rq .lef .con {

  padding: 40px 40px;

  padding-bottom: 35px;

}

.new_dat1 .rq .lef .con p {

  font-size: 16px;

  line-height: 30px;

}

.new_dat1 .rq .lef .bot {

  padding: 36px 40px;

}

.new_dat1 .rq .lef .bot a {

  font-size: 16px;

}

.new_dat1 .rq .rig .p {

  font-size: 26px;

  line-height: 76px;

}

.new_dat1 .rq .rig .div {

  padding: 0 22px;

  padding-top: 22px;

  margin-bottom: 15px;

}

.new_dat1 .rq .rig .div a .p1 {

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 8px;

}

.new_dat1 .rq .rig .div a .p2 {

  font-size: 14px;

  line-height: 24px;

}

.new_dat1 .rq .rig .div a {

  padding-bottom: 28px;

}

.new_dat1 .rq .rig .div1 {

  padding: 30px 30px;

  padding-bottom: 5px;

}

.new_dat1 .rq .rig .div1 a {

  font-size: 14px;

  margin-bottom: 22px;

}

.new_dat1 .rq .rig .div1 a img {

  width: 32px;

  margin-bottom: -12px;

  margin-right: 8px;

}



}

@media(max-width:1259px){

  .new_dat1 .rq .lef .top {

    padding: 22px 22px;

}

.new_dat1 .rq .lef .con {

  padding: 28px 22px;

  padding-bottom: 30px;

}

.new_dat1 .rq .lef .bot {

  padding: 26px 22px;

}

.new_dat1 .rq .rig .p {

  font-size: 24px;

  line-height: 62px;

}

.new_dat1 .rq .rig .div {

  padding: 0px 12px;

  padding-top: 14px;

  margin-bottom: 10px;

}

.new_dat1 .rq .rig .div a .p1 {

  font-size: 16px;

  line-height: 24px;

  margin-bottom: 3px;

}

.new_dat1 .rq .rig .div a {

  padding-bottom: 20px;

}

.new_dat1 .rq .rig .div1 {

  padding: 20px 15px;

  padding-bottom: 5px;

}



}

@media(max-width:991px){

  .new_dat1 .rq .lef{

    width: 100%;

  }

  .new_dat1 .rq .rig{

    display: none;

  }

}

@media(max-width:500px){

  .new_dat1 {

    padding-top: 40px;

    padding-bottom: 42px;

}

.new_dat1 .rq .lef .bot .lef2 {

  margin-bottom: 8px;

}

.new_dat1 .rq .lef .top {

  padding: 18px 15px;

}

.new_dat1 .rq .lef .top .p1 {

  font-size: 20px;

}

.new_dat1 .rq .lef .top .p2 {

  font-size: 14px;

}

.new_dat1 .rq .lef .con {

  padding: 24px 15px;

  padding-bottom: 30px;

}

.new_dat1 .rq .lef .con p {

  font-size: 14px;

  line-height: 26px;

}

.new_dat1 .rq .lef .bot {

  padding: 20px 15px;

}

.new_dat1 .rq .lef .bot a {

  font-size: 14px;

}



}











/* 定制服务 */

.ny_banner .p6{

  font-size: 26px;

  color: #ffffff;

  padding-bottom: 22px;

  position: relative;

  margin-top: 10px;

  margin-bottom: 30px;

}

.ny_banner .p6::before{

  content: '';

  width: 54px;

  height: 2px;

  background: #fff;

  position: absolute;

  bottom: 0;

  left: 0;

}

.ny_banner .p7{

  font-size: 18px;

  color: #ffffff;

  opacity: 0.6;

  width: 36%;

}

.ny_banner .div{

  width: 100%;

  position: absolute;

  top: 50%;

  transform: translateY(0%);

  opacity: 0;

  transition: all .5s;

}

.ny_banner .div.on1{

  opacity: 1;

  transform: translateY(-50%);

}



/* ser_con1 */

.ser_con1{

  width: 100%;

}

.ser_con1 .div{

  width: 20%;

  height: 246px;

  height: 246px;

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

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

  padding-top: 58px;

  float: left;

  transition: all .5s;

  cursor: pointer;

}

.ser_con1 .div.on{

  background: #f6ab00;

  border-bottom: 1px solid #f6ab00;

}

.ser_con1 .div:nth-child(5){

  border-right:none;

}

.ser_con1 .div .div1{

  width: 150px;

  height: 70px;

  margin: 0 auto;

  position: relative;

}

.ser_con1 .div .div1 img{

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  transition: all .5s;

}

.ser_con1 .div.on .div1 .ig1,

.ser_con1 .div .div1 .ig2{

  opacity: 0;

}

.ser_con1 .div.on .div1 .ig2{

  opacity: 1;

}

.ser_con1 .div p{

  font-size: 22px;

  color: #333333;

  text-align: center;

  margin-top: 24px;

  transition: all .5s;

}

.ser_con1 .div.on p{

  color: #fff;

}



/* ser_con2 */

.ser_con2{

  width: 100%;

  padding-top: 85px;

}

.ser_bt{

  width: 100%;

  text-align: center;

}

.ser_bt .p1{

  font-size: 60px;

  color: #333333;

}

.ser_bt .p2{

  font-size: 18px;

  color: #666666;

  line-height: 32px;

}

.ser_con2 .rq{

  width: 100%;

  position: relative;

  padding-top: 38px;

}

.ser_con2 .rq .bj{

  width: 100%;

  vertical-align: middle;

}

.ser_con2 .wrap{

  position: absolute;

  top: 50%;

  left: 50%;

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

}

.ser_con2 .rq .div{

  float: right;

  width: 480px;

  position: relative;

  z-index: 2;

}

.ser_con2 .rq .div::before{

  content: '';

  width: 100px;

  height: 100px;

  background: rgb(39,54,74);

  position: absolute;

  top: -30px;

  left: -30px;

  z-index: -1;

}

.ser_con2 .rq .div1{

  padding: 52px 55px;

  background: #f6ab00;

  font-size: 24px;

  color: #ffffff;

  line-height: 40px;

}



/* ser_con3 */

.ser_con3{

  width: 100%;

  padding-top: 80px;

}

.ser_con3 .rq{

  margin-top: 90px;

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

}

.ser_con3 .rq .wrap{

  display: flex;

  align-items: center;

  padding-top: 37px;

  padding-bottom: 35px;

}

.ser_con3 .rq .lef{

  width: 55.8%;

}

.ser_con3 .rq .lef .p1{

  font-size: 40px;

  color: #333333;

}

.ser_con3 .rq .lef .div{

  margin-top: 14px;

  padding-bottom: 10px;

}

.ser_con3 .rq .lef .div .p2{

  font-size: 20px;

  color: #333333;

  font-weight: bold;

  margin-bottom: 6px;

}

.ser_con3 .rq .lef .div .p3{

  font-size: 18px;

  color: #666666;

}

.ser_con3 .rq .rig{

  width: 44.2%;

}

.ser_con3 .rq .rig img{

  width: 100%;

}



/* ser_con4 */

.ser_con4{

  width: 100%;

  padding-top: 60px;

  padding-bottom: 55px;

  background: rgb(249,249,249);

}

.ser_con4 .lef{

  width: 37.5%;

  float: left;

}

.ser_con4 .lef img{

  width: 100%;

  vertical-align: middle;

}

.ser_con4 .rig{

  width: 62.5%;

  padding-left: 190px;

  padding-top: 30px;

  float: left;

}

.ser_con5 .lef .p1,

.ser_con4 .rig .p1{

  font-size: 40px;

  color: #333333;

  margin-bottom: 10px;

}

.ser_con5 .lef .p2,

.ser_con4 .rig .p2{

  font-size: 20px;

  color: #333333;

  font-weight: bold;

  line-height: 36px;

}

.ser_con5 .lef .p3,

.ser_con4 .rig .p3{

  font-size: 18px;

  color: #666666;

  line-height: 34px;

}

.ser_con5 .lef .div,

.ser_con4 .rig .div{

  width: 100%;

  margin-bottom: 10px;

}







/* ser_con5 */

.ser_con5{

  width: 100%;

  padding-top: 50px;

  padding-bottom: 52px;

}

.ser_con5 .wrap{

  display: flex;

  flex-wrap: wrap-reverse;

}

.ser_con5 .lef{

  width: 55%;

  padding-top: 40px;

  padding-right: 5%;

}

.ser_con5 .rig{

  width: 45%;

}

.ser_con5 .rig img{

  width: 100%;

  vertical-align: middle;

}



/* ser_con6 */

.ser_con6{

  width: 100%;

  padding-top: 90px;

  padding-bottom: 90px;

  background: rgb(250,250,250);

}

.ser_con6 .rq{

  width: 100%;

  padding-top: 45px;

}

.ser_con6 .rq .div{

  width: 12%;

  margin-right: 0.5714285%;

  height: 400px;

  background: #ffffff;

  padding-top: 52px;

  padding-bottom: 115px;

  position: relative;

  float: left;

}

.ser_con6 .rq .div:nth-child(8){

  margin-right: 0;

}

.ser_con6 .rq .div img{

  width: 78px;

  display: block;

  margin: 0 auto;

  transition: all .5s;

}

.ser_con6 .rq .div:hover img{

  transform: translateY(-10px);

}

.ser_con6 .rq .div .p1{

  font-size: 24px;

  color: #333333;

  padding-top: 22px;

  text-align: center;

  margin-bottom: 17px;

}

.ser_con6 .rq .div .p2{

  font-size: 16px;

  color: #888888;

  line-height: 24px;

  text-align: center;

}

.ser_con6 .rq .div .p3{

  width: 100%;

  font-size: 60px;

  color: #e6e6e6;

  font-weight: bold;

  text-align: center;

  position: absolute;

  bottom: 50px;

  left: 0;

}





/* ser_con7 */

.ser_con7{

  width: 100%;

  padding-top: 85px;

  padding-bottom: 90px;

}

.ser_con7 .rq{

  width: 100%;

  padding-top: 35px;

  display: none;

}

.ser_con7 .rq.on{

  display: block;

}

.ser_con7 .rq .bj{

  width: 100%;

  vertical-align: middle;

}

.ser_con7 .rq .div{

  width: 15.5%;

  margin-right: 1.4%;

  float: left;

  position: relative;

  margin-bottom: 24px;

  overflow: hidden;

}

.ser_con7 .rq .div:nth-child(6n){

  margin-right: 0;

}

.ser_con7 .rq .div img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.ser_con7 .rq .div:hover img{

  transform: scale(1.05);

}

.ser_con7 .rq .div .div1{

  width: 100%;

  height: 100%;

  background: rgba(246,171,0,.8);

  position: absolute;

  top: 100%;

  left: 0;

  transition: all .5s;

}

.ser_con7 .rq .div:hover .div1{

  top: 0;

}

.ser_con7 .rq .div .div1 div{

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 22px;

  color: #fff;

  padding: 0 22px;

}

.ser_con7 .rq .div .div1 .p1{

  font-size: 30px;

}

.ser_con7 .rq .div .div1 .p2{

  font-size: 20px;

  padding-bottom: 5px;

  position: relative;

}

.ser_con7 .rq .div .div1 .p2::before{

  content: '';

  width: 40px;

  height: 2px;

  background: #fff;

  position: absolute;

  bottom: 0;

  left: 0;

}

.ser_con7 .rq .div .div1 .p3{

  font-size: 16px;

  line-height: 24px;

  margin-top: 15px;

}

.ser_con7 .rq .div .div2{

  width: 100%;

  position: absolute;

  top: 50%;

  left: 50%;

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

  font-size: 48px;

  color: #ffffff;

  text-align: center;

  padding: 0 50px;

}





/* ser_con8 */

.ser_con8{

  width: 100%;

  padding-top: 84px;

  padding-bottom: 90px;

  background: rgb(250,250,250);

  overflow: hidden;

}

.ser_con8 .rq{

  width: 100%;

  padding-top: 36px;

  position: relative;

}

.ser_con8 .rq .top{

  width: 100%;

  overflow: hidden;

}

.ser_con8 .rq .top img{

  width: 100%;

  vertical-align: middle;

  transition: all .5s;

}

.ser_con8 .rq .swiper-slide:hover .top img{

  transform: scale(1.05);

}

.ser_con8 .rq .bot{

  width: 100%;

  height: 160px;

  padding: 36px 26px;

  background: #fff;

  transition: all .5s;

}

.ser_con8 .rq .swiper-slide:hover .bot{

  background: #f6ab00;

}

.ser_con8 .rq .bot .p1{

  font-size: 24px;

  color: #333333;

  margin-bottom: 8px;

  transition: all .3s;



  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}

.ser_con8 .rq .bot .p2{

  font-size: 16px;

  color: #999999;

  line-height: 24px;

  transition: all .3s;



  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.ser_con8 .rq .swiper-slide:hover .bot p{

  color: #fff;

}

.ser_con8 .swiper-button-next,

.ser_con8 .swiper-button-prev{

  width: 60px;

  height: 60px;

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

  background-size: contain;

  background-repeat: no-repeat;

  margin-top: -30px;

  right: -90px;

  opacity: 1;

  transition: all .5s;

}

.ser_con8 .swiper-button-prev{

  transform: rotate(180deg);

  left: -90px;

}

.ser_con8 .swiper-button-next:hover,

.ser_con8 .swiper-button-prev:hover{

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

}



@media(max-width:1459px){

  .ny_banner .p6 {

    font-size: 20px;

    padding-bottom: 14px;

    margin-top: 10px;

    margin-bottom: 24px;

}

.ser_con1 .div{

  height: 188px;

  padding-top: 42px;

}

.ser_con1 .div .div1 {

  width: 114px;

  height: 53px;

}

.ser_con1 .div p {

  font-size: 18px;

  margin-top: 18px;

}

.ser_con2 {

  padding-top: 62px;

}

.ser_bt .p1 {

  font-size: 44px;

}

.ser_bt .p2 {

  font-size: 16px;

  line-height: 28px;

}

.ser_con2 .rq {

  padding-top: 30px;

}

.ser_con2 .rq .div {

  width: 365px;

}

.ser_con2 .rq .div1 {

  padding: 30px 30px;

  font-size: 18px;

  line-height: 34px;

}

.ser_con2 .rq .div::before {

  width: 76px;

  height: 76px;

  top: -30px;

  left: -30px;

}

.ser_con3 {

  padding-top: 60px;

}

.ser_con3 .rq {

  margin-top: 66px;

}

.ser_con3 .rq .wrap {

  padding-top: 28px;

  padding-bottom: 26px;

}

.ser_con3 .rq .lef .p1 {

  font-size: 30px;

}

.ser_con3 .rq .lef .div .p2 {

  font-size: 18px;

  margin-bottom: 6px;

}

.ser_con3 .rq .lef .div .p3 {

  font-size: 16px;

}

.ser_con4 {

  padding-top: 45px;

  padding-bottom: 40px;

}

.ser_con4 .rig {

  padding-left: 140px;

  padding-top: 0px;

}

.ser_con5 .lef .p1, .ser_con4 .rig .p1 {

  font-size: 30px;

  margin-bottom: 6px;

}

.ser_con5 .lef .p2, .ser_con4 .rig .p2 {

  font-size: 18px;

  line-height: 30px;

}

.ser_con5 .lef .p3, .ser_con4 .rig .p3 {

  font-size: 14px;

  line-height: 26px;

}

.ser_con5 .lef {

  padding-top: 25px;

  padding-right: 5%;

}

.ser_con6 {

  padding-top: 60px;

  padding-bottom: 60px;

}

.ser_con6 .rq {

  padding-top: 30px;

}

.ser_con6 .rq .div {

  height: 300px;

  padding-top: 38px;

  padding-bottom: 86px;

}

.ser_con6 .rq .div img {

  width: 58px;

}

.ser_con6 .rq .div .p1 {

  font-size: 18px;

  padding-top: 16px;

  margin-bottom: 10px;

}

.ser_con6 .rq .div .p2 {

  font-size: 14px;

  line-height: 22px;

}

.ser_con6 .rq .div .p3 {

  font-size: 44px;

  bottom: 36px;

}

.ser_con7 {

  padding-top: 60px;

  padding-bottom: 60px;

}

.ser_con7 .rq {

  padding-top: 24px;

}

.ser_con7 .rq .div {

  margin-bottom: 16px;

}

.ser_con7 .rq .div .div1 div {

  bottom: 12px;

  padding: 0 8px;

}

.ser_con7 .rq .div .div1 .p1 {

  font-size: 22px;

}

.ser_con7 .rq .div .div1 .p2 {

  font-size: 15px;

  padding-bottom: 5px;

}

.ser_con7 .rq .div .div1 .p2::before {

  width: 26px;

  height: 2px;

}

.ser_con7 .rq .div .div1 .p3 {

  font-size: 14px;

  line-height: 22px;

  margin-top: 12px;

}

.ser_con7 .rq .div .div2 {

  font-size: 36px;

  padding: 0 22px;

}

.ser_con8 {

  padding-top: 62px;

  padding-bottom: 64px;

}

.ser_con8 .rq {

  padding-top: 26px;

}

.ser_con8 .rq .bot {

  height: 120px;

  padding: 18px 18px;

}

.ser_con8 .rq .bot .p1 {

  font-size: 18px;

}

.ser_con8 .rq .bot .p2 {

  font-size: 14px;

}

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

  width: 45px;

  height: 45px;

  margin-top: -22px;

  right: -65px;

}

.ser_con8 .swiper-button-prev {

  left: -65px;

}



}

@media(max-width:1259px){

  .ny_banner .p6 {

    font-size: 18px;

    padding-bottom: 12px;

    margin-top: 10px;

    margin-bottom: 20px;

}

.ny_banner .p6::before {

  width: 36px;

  height: 2px;

}

.ny_banner .p7 {

  font-size: 14px;

  width: 40%;

}

.ser_con1 .div {

  height: 160px;

  padding-top: 34px;

}

.ser_con2 {

  padding-top: 42px;

}

.ser_bt .p1 {

  font-size: 36px;

}

.ser_con2 .rq .div1 {

  padding: 20px 20px;

  font-size: 16px;

  line-height: 28px;

}

.ser_con3 .rq {

  margin-top: 34px;

}



}

@media(max-width:991px){

  .ny_banner{

    overflow: hidden;

  }

  .ser_con1 .div {

    height: 130px;

    padding-top: 26px;

}

.ser_con1 .div .div1 {

  width: 90px;

  height: 43px;

}

.ser_con1 .div p {

  font-size: 14px;

  margin-top: 12px;

}

.ser_bt .p1 {

  font-size: 28px;

}

.ser_con3 .rq .lef{

  width: 100%;

}

.ser_con3 .rq .rig{

  width: 100%;

}

.ser_con3 .rq .wrap{

  flex-wrap: wrap-reverse;

}

.ser_con4 .lef{

  width: 100%;

}

.ser_con4 .rig{

  width: 100%;

  padding-left: 0;

  padding-top: 20px;

}

.ser_con5 .lef{

  width: 100%;

  padding-right: 0;

}

.ser_con5 .rig{

  width: 100%;

}

.ser_con6 .rq .div{

  width: 23.5%;

  margin-right: 2%;

  margin-bottom: 15px;

}

.ser_con6 .rq .div:nth-child(4n){

  margin-right: 0;

}

.ser_con7 .rq .div{

  width: 23.5%;

  margin-right: 2%;

}

.ser_con7 .rq .div:nth-child(6n){

  margin-right: 2%;

}

.ser_con7 .rq .div:nth-child(4n){

  margin-right: 0%;

}



}

@media(max-width:500px){

.ny_banner2 .wrap{

  padding: 0;

}

.ny_banner .div{

  padding: 0 15px;

}

.ny_banner .p6 {

  font-size: 16px;

}

.ny_banner .p7 {

  width: 100%;

}

.ser_con1 .div{

  width:33.33333333333333%;

}

.ser_con1 .div:nth-child(5){

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

}

.ser_con2 .rq .div::before{

  display: none;

}

.ser_con2 .rq .div{

  width: 100%;

}

.ser_con2 .wrap{

  position: static;

  transform: translate(0,0);

  background: #f6ab00;

}

.ser_bt .p2 {

  font-size: 14px;

  line-height: 26px;

}

.ser_con3 .ser_bt,

.ser_con2 .ser_bt{

  padding: 0 15px;

}

.ser_con2 .rq .div1 {

  padding: 14px 0px;

  font-size: 14px;

  line-height: 26px;

}

.ser_con3 {

  padding-top: 30px;

}

.ser_bt .p1 {

  font-size: 24px;

}

.ser_con3 .rq {

  margin-top: 20px;

}

.ser_con3 .rq .lef .p1 {

  font-size: 22px;

}

.ser_con3 .rq .lef{

  padding-top: 20px;

}

.ser_con3 .rq .lef .div {

  margin-top: 10px;

  padding-bottom: 6px;

}

.ser_con3 .rq .lef .div .p3 {

  font-size: 14px;

}

.ser_con3 .rq .lef .div .p2 {

  font-size: 16px;

  margin-bottom: 6px;

}

.ser_con5 .lef .p1, .ser_con4 .rig .p1 {

  font-size: 22px;

  margin-bottom: 6px;

}

.ser_con5 .lef .p2, .ser_con4 .rig .p2 {

  font-size: 16px;

  line-height: 26px;

}

.ser_con4 {

  padding-top: 36px;

  padding-bottom: 25px;

}

.ser_con5 {

  width: 100%;

  padding-top: 34px;

  padding-bottom: 26px;

}

.ser_con6 {

  padding-top: 34px;

  padding-bottom: 26px;

}

.ser_con6 .rq .div{

  width: 49%;

  margin-right: 2%;

  margin-bottom: 10px;

  height: 255px;

  padding-top: 32px;

  padding-bottom: 46px;

}

.ser_con6 .rq .div:nth-child(2n){

  margin-right: 0;

}

.ser_con6 .rq .div .p3 {

  bottom: 8px;

}

.ser_con7 {

  padding-top: 37px;

  padding-bottom: 30px;

}

.ser_con7 .rq .div{

  width: 49%;

  margin-right: 2%;

  margin-bottom: 10px;

}

.ser_con7 .rq .div:nth-child(2n){

  margin-right: 0;

}

.ser_con7 .rq {

  padding-top: 20px;

}

.ser_con7 .rq .div .div2 {

  font-size: 24px;

  padding: 0 10px;

}

.ser_con8 {

  padding-top: 33px;

  padding-bottom: 52px;

}

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

  display: none;

}



}











/* 关于我们 */

.abo_con1{

  width: 100%;

  padding-top: 90px;

  padding-bottom: 85px;

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

  background-repeat: no-repeat;

  background-position: center;

  background-position-y: 30px;

  background-size: 1760px 856px;

  position: relative;

}

.ab_bt{

  width: 100%;

  text-align: center;

}

.ab_bt .p1{

  font-size: 60px;

  color: #333333;

}

.abo_con1 .rq{

  width: 100%;

  padding: 0 64px;

  padding-top: 25px;

}

.abo_con1 .rq p{

  font-size: 18px;

  color: #666666;

  line-height: 36px;

  text-align: center;

  margin-bottom: 20px;

}

.abo_con1 .rq .div{

  display: none;

}

.abo_con1 .rq button{

  font-size: 20px;

  color: #333333;

  display: block;

  width: 180px;

  height: 52px;

  border: 2px solid #333333;

  border-radius: 10px;

  margin: 0 auto;

  margin-top: 40px;

  transition: all .5s;

}

.abo_con1 .rq button:hover{

  box-shadow: 0 0 5px #333333;

}

.abo_con1 .rq button img{

  width: 7px;

  margin-left: 10px;

}

.abo_con1 .rq1{

  display: table;

  width: auto;

  margin: 0 auto;

  padding-top: 80px;

}

.abo_con1 .rq1 .div{

  float: left;

  margin-right: 190px;

}

.abo_con1 .rq1 .div:last-child{

  margin-right: 0;

}

.abo_con1 .rq1 .div .p1{

  font-size: 100px;

  color: #f6ab00;

  position: relative;

}

.abo_con1 .rq1 .div .p1 i{

  font-size: 36px;

  position: absolute;

  top: 15px;

  margin-left: 10px;

}

.abo_con1 .rq1 .div .p2{

  font-size: 30px;

  color: #333333;

  padding-top: 12px;

  text-align: center;

  width: calc(100% + 46px);

}

.abo_con1 .rq1 .div:first-child .p2{

  width: 100%;

}



@media(max-width:1680px){

  .abo_con1 .rq1 .div{margin-right: 150px;}

}





@media(max-width:1366px){

  .abo_con1 .rq1 .div{margin-right: 100px;}

}



@media(max-width:991px){

  .abo_con1 .rq1 .div{margin-right: 30px;}

}







/* .abo_sp */

.abo_sp{

  width: 100%;

  position: relative;

}

.abo_sp .bj{

  width: 100%;

  vertical-align: middle;

}







/* abo_con2 */

.abo_con2{

  width: 100%;

}

.abo_con2 .div{

  width: 20%;

  float: left;

  position: relative;

}

.abo_con2 .div::before{

  content: '';

  width: 100%;

  height: 100%;

  background: #f6ab00;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  transition: all .5s;

}

.abo_con2 .div:hover::before{

  opacity: 1;

}

.abo_con2 .div .bj{

  width: 100%;

  vertical-align: middle;

}

.abo_con2 .div .div1{

  width: 100%;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  padding: 0 38px;

}

.abo_con2 .div .div1 img{

  display: block;

  width: 82px;

  margin: 0 auto;

}

.abo_con2 .div .div1 .p1{

  font-size: 30px;

  color: #ffffff;

  text-align: center;

  margin-top: 16px;

}

.abo_con2 .div .div1 .p2{

  font-size: 18px;

  color: #ffffff;

  padding-top: 24px;

  text-align: center;

  display: none;

}

.abo_con2 .div:hover .div1 .p2{

  display: block;

}





/* abo_con3 */

.abo_con3{

  width: 100%;

  padding-top: 90px;

  padding-bottom: 90px;

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

  background-position: center;

  background-repeat: no-repeat;

  position: relative;

}

.ab_bt .p2{

  font-size: 18px;

  color: #666666;

}

.abo_con3 .rq{

  width: 100%;

  margin-top: 70px;

  /* padding-top: 120px; */

  padding-top: 80px;

  position: relative;

}

.abo_con3 .rq::before{

  content: '';

  width: 1px;

  height: 100%;

  background: rgb(226,226,226);

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

}

.abo_con3 .swiper-container,.abo_con3 .rq1{

  width: 100%;

  height: 740px;

  padding: 0 200px;

}

.abo_con3 .rq1{

  overflow-y: auto;

}

.abo_con3 .rq1::-webkit-scrollbar {

  width: 3px;

  background-color: rgba(0, 0, 0, 0);

  border-radius:50px;

}

.abo_con3 .rq1::-webkit-scrollbar-thumb {

  border-radius: 50px;

  background-color: rgba(0, 0, 0, 0);

}

.abo_con3 .rq2{

  width: 100%;

}

.abo_con3 .rq .div{

  width: 50%;

  float: left;

  padding-right: 45px;

  position: relative;

}

.abo_con3 .rq .swiper-slide .div::before,

.abo_con3 .rq .rq2 .div::before{

  content: '';

  width: 21px;

  height: 21px;

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

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  right: -10.5px;

  top: 15px;

}

.abo_con3 .rq .swiper-slide:nth-child(2n) .div,

.abo_con3 .rq .rq1 .rq2:nth-child(2n) .div::before{

  left: -10.5px;

}

.abo_con3 .rq .swiper-slide:nth-child(2n) .div,

.abo_con3 .rq .rq1 .rq2:nth-child(2n) .div{

  float: right;

  padding-right: 0;

  padding-left: 45px;

}

.abo_con3 .rq .div .div1{

  /* width: 180px; */

  width: 30.5%;

  float: left;

}

.abo_con3 .rq .swiper-slide:nth-child(2n) .div,.abo_con3 .rq .rq1 .rq2:nth-child(2n) .div .div1{

  float: right;

}

.abo_con3 .rq .div .div1 img{

  width: 100%;

  vertical-align: middle;

}

.abo_con3 .rq .div .div2{

  width: 69.5%;

  float: right;

  text-align: right;

  padding-left: 50px;

}

.abo_con3 .rq .swiper-slide:nth-child(2n) .div,.abo_con3 .rq .rq1 .rq2:nth-child(2n) .div .div2{

  float: left;

  text-align: left;

  padding-right: 50px;

  padding-left: 0;

}

.abo_con3 .rq .div .div2 .p1{

  font-size: 44px;

  color: #333333;

  font-weight: bold;

}

.abo_con3 .rq .div .div2 .p2{

  font-size: 16px;

  color: #666666;

  line-height: 24px;

  margin-bottom: 5px;

}



.abo_con3 .swiper-button-next,

.abo_con3 .swiper-button-prev{

  width: 31px;

  height: 31px;

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

  background-size: contain;

  background-repeat: no-repeat;

  top: 100%;

  left: 50%;

  transform: translateX(-50%);

  margin-top: 0;

  opacity: 1;

}

.abo_con3 .swiper-button-prev{

  top: -31px;

}

.abo_con3 .swiper-button-next{

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

}

/* .abo_con3 .swiper-button-next:hover,

.abo_con3 .swiper-button-prev:hover{

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

} */





/* abo_con4 */

.abo_con4{

  width: 100%;

  padding-top: 88px;

  padding-bottom: 90px;

  background: rgb(250,250,250);

  overflow: hidden;

  position: relative;

}

.abo_con4 .rq{

  width: 100%;

  padding-top: 32px;

  position: relative;

}

.abo_con4 .rq .swiper-slide{

  background: #fff;

}

.abo_con4 .rq .top{

  width: 100%;

  height: 430px;

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

  position: relative;

}

.abo_con4 .rq .top img{

  max-width: 80%;

  max-height: 80%;

  position: absolute;

  top: 50%;

  left: 50%;

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

  transition: all .5s;

}

.abo_con4 .rq .swiper-slide:hover .top img{

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

}

.abo_con4 .rq .bot{

  width: 100%;

  height: 80px;

  padding: 0 40px;

  padding-right: 60px;

  line-height: 80px;

  font-size: 18px;

  color: #666666;

  position: relative;



  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}

.abo_con4 .rq .bot::before{

  content: '';

  width: 18px;

  height: 18px;

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

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  right: 40px;

  top: 50%;

  transform: translateY(-50%);

}

.lb-data .lb-number{

  display: none !important;

}

.abo_con4 .swiper-button-next,

.abo_con4 .swiper-button-prev{

  width: 60px;

  height: 60px;

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

  background-size: contain;

  background-repeat: no-repeat;

  margin-top: -30px;

  right: -90px;

  opacity: 1;

  transition: all .5s;

}

.abo_con4 .swiper-button-prev{

  left: -90px;

  transform: rotate(180deg);

}

.abo_con4 .swiper-button-next:hover,

.abo_con4 .swiper-button-prev:hover{

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

}









/* abo_con5 */

.abo_con5{

  width: 100%;

  position: relative;

}

.abo_con5 .rq{

  width: 100%;

  display: flex;

  flex-wrap: wrap;

}

.abo_con5 .rq .lef{

  width: 50%;

}

.abo_con5 .rq .lef img{

  width: 100%;

  vertical-align: middle;

}

.abo_con5 .rq .rig{

  width: 50%;

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

  background-size: cover;

  padding: 0 90px;

  padding-top: 90px;

}

.abo_con5 .rq .rig .p1{

  font-size: 60px;

  color: #ffffff;

}

.abo_con5 .rq .rig .div{

  width: 100%;

  padding-top: 22px;

  padding-bottom: 55px;

}

.abo_con5 .rq .rig .div a{

  display: block;

  font-size: 24px;

  color: #ffffff;

  line-height: 30px;

  margin-bottom: 30px;

  

  text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}

.abo_con5 .rq .rig .div a span{

  font-size: 30px;

  padding-right: 30px;

  position: relative;

}

.abo_con5 .rq .rig .div a span::before{

  content: '';

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: #fff;

  position: absolute;

  right: 12px;

  top: 50%;

  transform: translateY(-50%);

}

.abo_con5 .rq .rig .div1{

  width: 100%;

}

.abo_con5 .rq .rig .div1 a{

  font-size: 24px;

  color: #fff;

  display: block;

  float: left;

  width: 150px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  background: #f6ab00;

  border-radius: 10px;

  margin-right: 18px;

}

.abo_con5 .rq .rig .div1 a:hover{

  box-shadow: 0 0 5px #f6ab00;

}



/* abo_con6 */

.abo_con6{

  width: 100%;

  padding-top: 85px;

  position: relative;

}

.abo_con6 .rq{

  width: 100%;

  padding-top: 40px;

  padding-bottom: 120px;

}

.abo_con6 .rq .rq1{

  width: 100%;

  height: 220px;

  margin-bottom: 20px;

  position: relative;

}

.abo_con6 .rq .rq1 .div1{

  width: 100%;

  padding: 0 120px;

}

.abo_con6 .rq .rq1 .div2{

  padding: 0;

  position: absolute;

  left: 0;

  top: 55%;

}

.abo_con6 .rq1 .div{

  width: 220px;

  height: 220px;

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

  background-size: contain;

  background-repeat: no-repeat;

  position: relative;

  overflow: hidden;

  float: left;

  margin-right: 23px;

}

.abo_con6 .rq1 .div2 .div:nth-child(7),

.abo_con6 .rq1 .div:nth-child(6){

  margin-right: 0;

}

.abo_con6 .rq1 .div2 .div:nth-child(6){

  margin-right: 23px;

}

.abo_con6 .rq1 .div img{

  max-width: 80%;

  max-height: 80%;

  position: absolute;

  top: 50%;

  left: 50%;

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

}



.abo_con7{

  padding-top: 40px;

  padding-bottom: 90px;

}





/* abo_con8 */

.abo_con8{

  width: 100%;

  padding-top: 85px;

  padding-bottom: 100px;

  background: rgb(250,250,250);

  position: relative;

}

.abo_con8 .rq{

  width: 100%;

  padding-top: 36px;

}

.abo_con8 .rq .top{

  width: 100%;

  margin-bottom: 20px;

  height: 435px;

  background: #fff;

}

.abo_con8 .rq .top .div{

  width: 20.25%;

  height: 100%;

  float: left;

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

  padding-top: 50px;

  text-align: center;

}
.abo_con8 .rq .top .div .box{
  height: 124px;
}

.abo_con8 .rq .top .div img{

  width: 105px;

  display: block;

  margin: 0 auto;

  transition: all .5s;

}

.abo_con8 .rq .top .div:hover img{

  transform: translateY(-10px);

}

.abo_con8 .rq .top .div .p1{

  font-size: 18px;

  color: #333333;

  padding-top: 30px;

  margin-bottom: 10px;

}

.abo_con8 .rq .top .div .line{
  width: 100%;
  height: 0;
  border-bottom: 1px dashed #333;
  margin-top: 15px;
}

.abo_con8 .rq .top .div .p1.p_t{
  padding-top: 15px;
}

.abo_con8 .rq .top .div .p2{

  font-size: 28px;

  color: #333333;

  line-height: 28px;

}

.abo_con8 .rq .top .div .p3{

  font-size: 18px;

  color: #333333;

}

.abo_con8 .rq .top .div .p4{

  font-size: 16px;

  color: #333333;

  line-height: 30px;

  padding: 0 10px;

}

.abo_con8 .rq .top .div1{

  width: 39.25%;

  height: 100%;

  float: left;

}

.abo_con8 .rq .top .div1 img{

  width: 100%;

  height: 100%;

}



.abo_con8 .rq .bot{

  width: 100%;

}

.abo_con8 .rq .bot .div{

  width: 32.5%;

  margin-right: 1.25%;

  height: 300px;

  float: left;

  background: #fff;

  padding: 34px 42px;

  position: relative;

}

.abo_con8 .rq .bot .div img{

  width: 220px;

  position: absolute;

  right: 10px;

  bottom: 10px;

}

.abo_con8 .rq .bot .div:nth-child(3){

  margin-right: 0;

}

.abo_con8 .rq .bot .div .p1{

  font-size: 30px;

  color: #333333;

  margin-bottom: 24px;

  font-weight: bold;

  padding-left: 40px;

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

  background-size: 30px;

  background-repeat: no-repeat;

  background-position: left center;

}



.abo_con8 .rq .bot .div .div1{

  width: 100%;

  z-index: 1;

  position: relative;

}

.abo_con8 .rq .bot .div .div1 p{

  font-size: 18px;

  color: #333333;

  margin-bottom: 8px;

  line-height: 30px;



  /* text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap; */

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}



@media(max-width:1680px){

  .abo_con3 .swiper-container,.abo_con3 .rq1 {

    height: 740px;

    padding: 0 125px;

}

.abo_con5 .rq .rig {

  padding: 0 70px;

  padding-top: 30px;

}

.abo_con5 .rq .rig .div a {

  margin-bottom: 24px;

}

.abo_con6 .rq1 .div {

  width: 180px;

  height: 180px;

  margin-right: 16px;

}

.abo_con6 .rq .rq1 .div1 {

  padding: 0px 98px;

}

.abo_con6 .rq .rq1 .div2{

  padding: 0 !important;

}

.abo_con6 .rq .rq1 {

  height: 180px;

  margin-bottom: 18px;

}

.abo_con5 .rq .rig .div {

  padding-bottom: 32px;

}



}

@media(max-width:1459px){

  .abo_con1 {

    padding-top: 68px;

    padding-bottom: 60px;

    background-size: 1338px 650px;

}

.ab_bt .p1 {

  font-size: 45px;

}

.abo_con1 .rq {

  padding: 0 44px;

  padding-top: 14px;

}

.abo_con1 .rq p {

  font-size: 16px;

  line-height: 32px;

  margin-bottom: 14px;

}

.abo_con1 .rq button {

  font-size: 16px;

  width: 134px;

  height: 45px;

  border-radius: 10px;

  margin-top: 30px;

}

.abo_con1 .rq1 {

  padding-top: 50px;

}

.abo_con1 .rq1 .div .p1 {

  font-size: 74px;

}

.abo_con1 .rq1 .div .p2 {

  font-size: 22px;

  padding-top: 10px;

}

.abo_con1 .rq1 .div

.abo_con2 .div .div1 img {

  width: 62px;

}

.abo_con2 .div .div1 .p1 {

  font-size: 22px;

  margin-top: 12px;

}

.abo_con2 .div .div1 .p2 {

  font-size: 16px;

  padding-top: 12px;

}

.abo_con2 .div .div1 {

  padding: 0 26px;

}

.abo_con3 {

  padding-top: 68px;

  padding-bottom: 68px;

}

.ab_bt .p2 {

  font-size: 16px;

}

.abo_con3 .rq {

  margin-top: 52px;

  /* padding-top: 90px; */

  padding-top: 55px;

}

.abo_con3 .swiper-container,.abo_con3 .rq1 {

  height: 629px;

  padding: 0 25px;

}

.abo_con3 .rq .div .div2 {

  padding-left: 22px;

}

.abo_con3 .rq .swiper-slide:nth-child(2n) .div,.abo_con3 .rq .rq1 .rq2:nth-child(2n) .div .div2 {

  padding-right: 22px;

  padding-left: 0;

}

.abo_con3 .rq .div {

  padding-right: 30px;

}

.abo_con3 .rq .swiper-slide:nth-child(2n) .div,.abo_con3 .rq .rq1 .rq2:nth-child(2n) .div {

  padding-right: 0;

  padding-left: 30px;

}

.abo_con3 .rq .div .div2 .p1 {

  font-size: 34px;

}

.abo_con3 .rq .div .div2 .p2 {

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 5px;

}

.abo_con4 {

  padding-top: 60px;

  padding-bottom: 65px;

}

.abo_con4 .rq .top {

  height: 325px;

}

.abo_con4 .rq .bot {

  height: 60px;

  padding: 0 24px;

  padding-right: 40px;

  line-height: 60px;

  font-size: 16px;

}

.abo_con4 .rq .bot::before {

  width: 16px;

  height: 16px;

  right: 20px;

}

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

  width: 45px;

  height: 45px;

  margin-top: -22px;

  right: -60px;

}

.abo_con4 .swiper-button-prev {

  left: -60px;

}

.abo_con5 .rq .rig .p1 {

  font-size: 40px;

}

.abo_con5 .rq .rig .div {

  padding-top: 14px;

  padding-bottom: 20px;

}

.abo_con5 .rq .rig .div a {

  font-size: 18px;

  line-height: 20px;

  margin-bottom: 26px;

}

.abo_con5 .rq .rig .div a span {

  font-size: 22px;

  padding-right: 26px;

}

.abo_con5 .rq .rig .div a span::before {

  width: 4px;

  height: 4px;

  right: 11px;

}

.abo_con5 .rq .rig .div1 a {

  font-size: 18px;

  width: 116px;

  height: 46px;

  line-height: 46px;

  border-radius: 10px;

  margin-right: 14px;

}

.abo_con6 {

  padding-top: 60px;

}

.abo_con6 .rq {

  padding-top: 22px;

  padding-bottom: 90px;

}

.abo_con6 .rq1 .div {

  width: 149px;

  height: 149px;

  margin-right: 16px;

}

.abo_con6 .rq .rq1 .div1 {

  padding: 0px 84px;

}

.abo_con6 .rq .rq1 {

  height: 150px;

  margin-bottom: 15px;

}

.abo_con6 .rq1 .div img {

  max-width: 68%;

  max-height: 68%;

}

.abo_con7 {

  padding-top: 24px;

  padding-bottom: 40px;

}

.abo_con8 {

  padding-top: 44px;

  padding-bottom: 64px;

}

.abo_con8 .rq .top {

  margin-bottom: 14px;

  height: 330px;

}

.abo_con8 .rq .top .div {

  padding-top: 30px;

}
.abo_con8 .rq .top .div .box{
  height: 110px;
}

.abo_con8 .rq .top .div img {

  width: 50px;

}

.abo_con8 .rq .top .div .p1 {

  font-size: 16px;

  padding-top: 20px;

  margin-bottom: 10px;

}

.abo_con8 .rq .top .div .p2 {

  font-size: 26px;

  line-height: 30px;

}

.abo_con8 .rq .top .div .p3 {

  font-size: 16px;

}

.abo_con8 .rq .top .div .p4 {

  font-size: 14px;

  line-height: 22px;

}

.abo_con8 .rq .bot .div {

  height: 260px;

  padding: 26px 26px;

}

.abo_con8 .rq .bot .div .p1 {

  font-size: 24px;

  margin-bottom: 16px;

  background-size: 28px;

}

.abo_con8 .rq .bot .div .div1 p {

  font-size: 16px;

  margin-bottom: 8px;

}

.abo_con8 .rq .bot .div img {

  width: 180px;

}



}

@media(max-width:1259px){

  .ab_bt .p1 {

    font-size: 34px;

}

  .abo_con5 .rq .rig .p1 {

    font-size: 34px;

}

.abo_con5 .rq .rig .div a {

  font-size: 16px;

  line-height: 20px;

  margin-bottom: 20px;

}

.abo_con5 .rq .rig .div a span {

  font-size: 20px;

  padding-right: 26px;

}

.abo_con5 .rq .rig .div1 a {

  font-size: 16px;

  width: 100px;

  height: 40px;

  line-height: 40px;

  border-radius: 6px;

  margin-right: 10px;

}



.abo_con6 .rq1 .div {

  width: 128px;

  height: 128px;

  margin-right: 10px;

}

.abo_con6 .rq .rq1 .div1 {

  padding: 0px 70px;

}

.abo_con6 .rq .rq1 {

  height: 128px;

  margin-bottom: 10px;

}

.abo_con8 .rq .top .div img {

  width: 60px;

}

.abo_con8 .rq .top .div .p1 {

  font-size: 14px;

  padding-top: 24px;

  margin-bottom: 8px;

}

.abo_con8 .rq .top .div .p2 {

  font-size: 20px;

  line-height: 27px;

}

.abo_con8 .rq .top .div .p3 {

  font-size: 14px;

}

.abo_con8 .rq .top .div .p4 {

  font-size: 14px;

}





}

@media(max-width:991px){

  .abo_con1 {

    padding-top: 40px;

    padding-bottom: 53px;

    background-size: 100%;

}

.abo_con1 .rq {

  padding: 0px 0px;

  padding-top: 10px;

}

.ab_bt .p1 {

  font-size: 30px;

}

.abo_con1 .rq p {

  font-size: 14px;

  line-height: 28px;

  margin-bottom: 10px;

}

.abo_con1 .rq button {

  font-size: 14px;

  width: 110px;

  height: 38px;

  border-radius: 6px;

  margin-top: 22px;

}

.abo_con1 .rq1 {

  padding-top: 32px;

}

.abo_con1 .rq1 .div .p1 {

  font-size: 52px;

}

.abo_con1 .rq1 .div .p1 i {

  font-size: 26px;

  top: 4px;

  margin-left: 8px;

}

.abo_con1 .rq1 .div .p2 {

  font-size: 16px;

  padding-top: 8px;

  width: calc(100% + 36px);

}

.abo_con1 .rq1 .div:first-child .p2{

  width: 100%;

}

.abo_con1 .rq1 .div:first-child .p2{

  width: calc(100% + 16px);

}

.abo_con2 .div .div1 img {

  width: 46px;

}

.abo_con2 .div .div1 {

  padding: 0 10px;

}

.abo_con2 .div .div1 .p1 {

  font-size: 16px;

  margin-top: 10px;

}

.abo_con2 .div .div1 .p2 {

  font-size: 14px;

  padding-top: 10px;

}

.abo_con3 {

  padding-top: 54px;

  padding-bottom: 60px;

}

.abo_con3 .rq {

  margin-top: 52px;

  padding-top: 34px;

}

.abo_con3 .swiper-container,.abo_con3 .rq1 {

  height: 629px;

  padding: 0 0px;

}

.abo_con4 {

  padding-top: 40px;

  padding-bottom: 65px;

}

.abo_con5 .rq .lef{

  width: 100%;

}

.abo_con5 .rq .rig{

  width: 100%;

  padding: 20px 15px;

}

.abo_con6 .rq .rq1 .div1{

  padding: 0;

}

.abo_con6 .rq .rq1{

  height: auto;

  margin-bottom: 0;

}

.abo_con6 .rq1 .div{

  width: 23.5%;

  margin-right: 2%;

  margin-bottom: 15px;

  height: 80px;

  background-image: none;

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

}

.abo_con6 .rq .rq1 .div:nth-child(5),

.abo_con6 .rq .rq1 .div:nth-child(6),

.abo_con6 .rq .rq1 .div:nth-child(7){

  display: none;

}

.abo_con6 .rq1 .div:nth-child(4){

  margin-right: 0;

}

.abo_con6 .rq .rq1 .div1{

  position: static;

}

.abo_con6 .rq {

  padding-top: 22px;

  padding-bottom: 0px;

}

.abo_con8 .rq {

  padding-top: 24px;

}

.abo_con8 .rq .top{

  height: auto;

}

.abo_con8 .rq .top .div{

  height: 330px;

  width: 33.333333333333%;

}

.abo_con8 .rq .top .div1{

  width: 100%;

  height: 400px;

}

.abo_con8 .rq .bot .div .p1 {

  font-size: 20px;

  margin-bottom: 10px;

  background-size: 24px;

  padding-left: 34px;

}

.abo_con8 .rq .bot .div {

  height: 200px;

  padding: 20px 15px;

}

.abo_con8 .rq .bot .div .div1 p {

  font-size: 14px;

  margin-bottom: 4px;

  line-height: 24px;

}

.abo_con8 .rq .bot .div img {

  width: 133px;

}



}

@media(max-width:500px){

  .abo_con1 .rq1 .div {

    margin: 0 5px;

}

.abo_con1 .rq1 .div .p1 {

  font-size: 20px;

}

.abo_con1 .rq1 .div .p1 i {

  font-size: 18px;

  top: 2px;

  margin-left: 4px;

}

.abo_con1 .rq1 .div .p2 {

  font-size: 14px;

  padding-top: 6px;

  width: calc(100% + 10px);

}

.abo_con1 {

  padding-top: 40px;

  padding-bottom: 30px;

}

.abo_con2 .div{

  width: 50%;

}

.abo_con2 .div:nth-child(5){

  display: none;

}

.abo_con3 {

  padding-top: 36px;

  padding-bottom: 60px;

}

.ab_bt .p1 {

  font-size: 26px;

}

.ab_bt .p2 {

  font-size: 14px;

}

.abo_con3 .rq .div{

  width: 100%;

  padding: 0 !important;

}

.abo_con3 .rq2{

  margin-bottom: 60px;

}

.abo_con3 .rq .swiper-slide .div::before,.abo_con3 .rq .rq2 .div::before{

  display: none;

}

.abo_con3 .rq .swiper-slide{

  height: auto !important;

  margin-bottom: 30px;

}

.abo_con3 .rq .div .div2 .p1 {

  font-size: 28px;

}

.abo_con5 .rq .rig .p1 {

  font-size: 26px;

}

.abo_con5 .rq .rig .div a {

  font-size: 14px;

  line-height: 26px;

  margin-bottom: 5px;

}

.abo_con5 .rq .rig .div a span {

  font-size: 16px;

  padding-right: 26px;

}

.abo_con5 .rq .rig .div1 a {

  font-size: 14px;

  width: 86px;

  height: 37px;

  line-height: 37px;

  border-radius: 6px;

}

.abo_con6 {

  padding-top: 36px;

}

.abo_con6 .rq {

  padding-top: 16px;

  padding-bottom: 0px;

}

.abo_con6 .rq1 .div {

  margin-bottom: 8px;

  height: 56px;

}

.abo_con8 {

  padding-top: 34px;

  padding-bottom: 43px;

}

.abo_con8 .rq .top .div{

  width: 100%;

  padding-top: 28px;

  height: auto;

  background: #fff;

  margin-bottom: 10px;

  padding-bottom: 20px;

}
.abo_con8 .rq .top .div .box{
  height: auto;
}

.abo_con8 .rq .top{

  background: rgb(250,250,250);

}

.abo_con8 .rq .top .div img {

  width: 46px;

}

.abo_con8 .rq .top .div .p3 {

  font-size: 16px;

}

.abo_con8 .rq .top .div .p1 {

  padding-top: 14px;

}

.abo_con8 .rq .bot .div{

  width: 100%;

  height: auto;

  margin-bottom: 10px;  padding-bottom: 36px;

}



}



.i{

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  transform: translateY(-50px);

}



















/* 新增表单 */

.xz_bd{

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 10000;

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

  display: none;

}

.xz_bd .div{

  width: 450px;

  background: #fff;

  position: absolute;

  top: 50%;

  left: 50%;

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

  padding: 27px;

}

.xz_bd .div img{

  width: 27px;

  position: absolute;

  right: 20px;

  top: 20px;

  cursor: pointer;

  z-index: 10;

}

.xz_bd .div .p{

  font-size: 30px;

  color: #27364a;

  padding-left: 20px;

  position: relative;

}

.xz_bd .div .p::before{

  content: '';

  width: 4px;

  height: 28px;

  border-radius: 4px;

  background: #f6ab00;

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

}

.xz_bd .rq{

  width: 100%;

  padding-top: 16px;

}

.xz_bd .rq input{

  font-size: 16px;

  color: #999999;

  width: 100%;

  height: 52px;

  border-radius: 5px;

  background: rgb(246,247,249);

  display: block;

  padding-left: 12px;

  margin-bottom: 10px;

}

.xz_bd .rq button{

  font-size: 18px;

  color: #ffffff;

  width: 160px;height: 48px;

  border-radius: 5px;

  background: #f6ab00;

  margin-top: 10px;

}



@media(max-width:500px){

  .xz_bd .div{

    width: 90%;

    padding: 20px;

  }

  .xz_bd .div .p {

    font-size: 24px;

    padding-left: 16px;

}

.xz_bd .div .p::before {

  width: 3px;

  height: 24px;

  border-radius: 4px;

}

.xz_bd .rq {

  padding-top: 10px;

}

.xz_bd .rq input {

  font-size: 14px;

  height: 40px;

}

.xz_bd .rq button {

  font-size: 15px;

  width: 110px;

  height: 42px;

}

.xz_bd .div img {

  width: 22px;

}



}









/* 地图 */

#mask{

  height: 435px !important;

}

@media(max-width:1459px){

  #mask{

    height: 330px !important;

  }



}



/* .banner .abo_video::before{

  content: '';

  width: 100px;

  height: 100px;

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

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  left: 50%;

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

  z-index: 10;

} */

@media(max-width:1459px){

  .banner .abo_video::before{

    width: 80px;

    height: 80px;

  }

}

@media(max-width:991px){

  .banner .abo_video::before{

    width: 60px;

    height: 60px;

  }

}





.bd_tk{

  width: 350px;

  height: 450px;

  background: #fff;

  border: 13px solid rgb(246,171,0);

  position: fixed;

  top: 50%;

  left: 50%;

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

  z-index: 100;

  display: none;

}

.bd_tk2{

  height: 170px;

}

.bd_tk .ig1{

  width: 307px;

  position: absolute;

  bottom: 0;

  left: 0;

}

.bd_tk .ig2{

  width: 34px;

  position: absolute;

  top: 10px;

  right: 10px;

  cursor: pointer;

}

.bd_tk .div{

  width: 100%;

  height: 100%;

  padding-top: 60px;

}

.bd_tk p{

  color: #151515;

  font-size: 20px;

  line-height: 34px;

  text-align: center;

  font-weight: bold;

}

.bd_tk .div img{

  width: 132px;

  display: block;

  margin: 0 auto;

  margin-top: 10px;

}



@media(max-width:768px){

  .bd_tk {

    width: 90%;

    height: auto;

    border: 5px solid rgb(246,171,0);

    padding-bottom: 30px;

    bottom: 14%;

}

.bd_tk p {

  font-size: 20px;

  line-height: 30px;

}

.bd_tk .div img {

  width: 100px;

}



}



/* 

.header .wb .div1::before{

  display: none;

} */