@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 .container{
  position: absolute;
  left: 50%;
  bottom: 245px;
  transform: translateX(-50%);
}
.banner .swiper-slide p{
  font-size: 16px;
  color: #fefeff;
  text-transform: uppercase;
  position: relative;
  float: left;
  padding-right: 68px;
  transform:translateX(200px);
  opacity:0;
  transition:all .5s;
  display: none;
}
.banner .swiper-slide-active p{
  transform:translateX(0);
  opacity:1;
}
.banner .swiper-slide-active p:hover{
  opacity: 0.5;
}
.banner .swiper-slide p::before{
  content: '';
  width: 49px;
  height: 49px;
  background-image: url(../images/img9.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}


.banner .swiper-pagination{
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.banner .swiper-pagination-bullet{
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: 1;
  margin-left: 0px;
  margin-right: 45px !important;
}
.banner .swiper-pagination-bullet-active{
  background: rgb(115,116,118);
}




/* sy_con1 */
.sy_con1{
  width: 100%;
  padding-top: 100px;
  overflow: hidden;
}
.sy_con1 .rq{
  width: 100%;
}
.sy_con1 .rq .p{
  font-size: 66px;
  color: #00000a;
  text-align: center;
  font-family: "open_bd";
}
.sy_con1 .rq1{
  width: 100%;
  padding-top: 65px;
}
.sy_con1 .rq1 .div{
  width: 20%;
  height: 860px;
  background: rgb(245 245 245);
  float: left;
  transition: all .5s;
  padding-top: 190px;
  display: flex;
}
.sy_con1 .rq1 .div:nth-child(2){
  background: rgb(235 235 235);
}
.sy_con1 .rq1 .div:nth-child(3){
  background: rgb(245 245 245);
}
.sy_con1 .rq1 .div:nth-child(4){
  background: rgb(235 235 235);
}
.sy_con1 .rq1 .div.on{
  width: 40%;
}
.sy_con1 .rq1 .div .lef{
  width: 52%;
  padding-left: 70px;
  /* float: left; */
  display: none;
}
.sy_con1 .rq1 .div.on .lef{

  display: block;
  animation: animate .3s ease both;
}
.sy_con1 .rq1 .div .lef .p1{
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 25px;
  display: none;
}
.sy_con1 .rq1 .div .lef .p2{
  font-size: 24px;
  color: #1a1a1a;
  padding-right: 30%;
  line-height: 30px;
  margin-bottom: 70px;
  font-family: "open_bd";
}
.sy_con1 .rq1 .div .lef .p3{
  font-size: 14px;
  color: #1a1a1a;
  line-height: 30px;
  margin-bottom: 70px;
}
.sy_con1 .rq1 .div .lef a{
  font-size: 16px;
  color: #ffffff;
  display: block;
  width: 158px;
  height: 41px;
  line-height: 41px;
  border-radius: 41px;
  background: #154190;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
}
.sy_con1 .rq1 .div .lef a:hover{
  box-shadow: 0 0 6px #fff;
}
.sy_con1 .rq1 .div .rig{
  width: 100%;
  /* float: left; */
}
.sy_con1 .rq1 .div.on .rig{
  width: 48%;
  padding-top: 95px;
}
.sy_con1 .rq1 .div .rig .p1{
  font-size: 24px;
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 120px;
}
.sy_con1 .rq1 .div.on .rig .p1{
  display: none;
  animation: animate 1s ease both;
}
.sy_con1 .rq1 .div .rig img{
  display: block;
  max-width: 80%;
  max-height: 70%;
  margin: 0 auto;
  transition: all .5s;
}
.sy_con1 .rq1 .div.on .rig img{
  max-width: 90%;
}
@keyframes animate{0%{opacity:0}50%{opacity:0}to{opacity:1}}



/* sy_con2 */
.sy_con2{
  width: 100%;
  padding-top: 115px;
  padding-bottom: 110px;
  background: rgb(239,239,239);
  overflow: hidden;
  display: none;
}
.sy_con2 .p{
  font-size: 140px;
  color: #00000a;
  /* font-family: "arial"; */
  font-weight: bold;
  text-transform: uppercase;
  line-height: 140px;
  opacity: 0.06;
  letter-spacing: 0px;
  text-align: center;
}
.sy_con2 .rq{
  width: 100%;
  padding-top: 30px;
  display: flex;
}
.sy_con2 .rq .lef{
  width: 24.7%;
  min-height: 666px;
  border: 1px solid rgb(219,219,219);
  padding-top: 75px;
}
.sy_con2 .rq .lef .p1{
  font-size: 52px;
  color: #00000a;
  text-align: center;
}
.sy_con2 .rq .lef .div{
  width: 100%;
  padding-top: 58px;
}
.sy_con2 .rq .lef .div p{
  font-size: 22px;
  color: #333333;
  text-align: center;
  margin-bottom: 12px;
  cursor: pointer;
}
.sy_con2 .rq .lef .div p.on{
  color: #154190;
}
.sy_con2 .rq .rig{
  width: 75.3%;
}
.sy_con2 .rq .rig .div{
  width: 100%;
  height: 100%;
  position: relative;
  display: none;
}
.sy_con2 .rq .rig .div.on1{
  display: block;
}
.sy_con2 .rq .rig .div1{
  width: 67%;
  float: left;
  height: 100%;
  position: relative;
}
.sy_con2 .rq .rig .div1 img{
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all .5s;
}
.sy_con2 .rq .rig .div1 img:hover{
  transform: translate(-50%,-50%) scale(1.05);
}
.sy_con2 .rq .rig .div .a{
  font-size: 22px;
  color: #fff;
  width: 158px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  background: #154190;
  position: absolute;
  left: 50%;
  bottom: -114px;
  transform: translateX(-50%);
  text-align: center;
}
.sy_con2 .rq .rig .div .a:hover{
  box-shadow: 0 0 6px #154190;
}
.sy_con2 .rq .rig .div2{
  width: 33%;
  float: left;
  height: 100%;
  padding-top: 190px;
  text-align: left;
}
.sy_con2 .rq .rig .div2 .p1{
  font-size: 38px;
  color: #4e4e4e;
  font-weight: bold;
}
.sy_con2 .rq .rig .div2 .p2{
  font-size: 16px;
  color: #666666;
  padding-bottom: 10px;
  position: relative;
  margin-top: 14px;
  margin-bottom: 50px;
}
.sy_con2 .rq .rig .div2 .p2::before{
  content: '';
  width: 20px;
  height: 2px;
  background: #666666;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.sy_con2 .rq .rig .div2 .p3{
  font-size: 20px;
  color: #4e4e4e;
}

.sy_con2 .rq2{
  width: 100%;
  padding-top: 72px;
}
.sy_con2 .rq2 a{
  width: 160px;
  height: 42px;
  border-radius: 42px;
  line-height: 42px;
  float: left;
  background: rgb(224,224,224);
  font-size: 16px;
  color: #464646;
  text-align: center;
  position: relative;
}
.sy_con2 .rq2 a:hover{
  background: #154190;
  color: #fff;
}
.sy_con2 .rq2 a::before{
  content: '';
  width: 15px;
  height: 7px;
  background-image: url(../images/img15.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 18%;
  transform: translateY(-50%);
  transition: all .5s;
}
.sy_con2 .rq2 a:hover::before{
  background-image: url(../images/img16.png);
}
.sy_con2 .rq2 .pre{
  padding-left: 30px;
}
.sy_con2 .rq2 .pre::before{
  left: 18%;
  transform: rotate(180deg);
  top: 42%;
}
.sy_con2 .rq2 .nex{
  float: right;
  padding-right: 30px;
}




/* sy_con3 */
.sy_con3{
  width: 100%;
  padding-top: 108px;
}
.sy_con3 .rq{
  width: 100%;
}
.sy_con3 .rq .p{
  font-size: 66px;
  color: #00000a;
  text-align: center;
  font-family: "open_bd";
}
.sy_con3 .top{
  width: 100%;
  padding-top: 46px;
  padding-bottom: 65px;
  text-align: center;
}
.sy_con3 .top a{
  display: inline-block;
  font-size: 32px;
  color: #333333;
  padding: 0 28px;
  position: relative;
  font-family: "open_md";
}
.sy_con3 .top a.on{
  color: #154190;
}
.sy_con3 .top a::before{
  content: '';
  width: 6px;
  height: 6px;
  background: rgb(153,153,153);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -3px;
  transform: translateY(-50%);
}
.sy_con3 .top a:last-child::before{
  display: none;
}
.sy_con3 .bot{
  width: 100%;
}
.sy_con3 .bot .bot_div{
  width: 100%;
  display: none;
}
.sy_con3 .bot .bot_div.on1{
  display: block;
}
.sy_con3 .bot .div{
  width: 32.6%;
  margin-right: 1.1%;
  margin-bottom: 26px;
  float: left;
  position: relative;
  overflow: hidden;
}
.sy_con3 .bot .div:nth-child(3n){
  margin-right: 0;
}
.sy_con3 .bot .div::before{
  content: '';
  width: 100%;
  height: 196px;
  background-image: url(../images/img18.png);
  background-size: cover;
  position: absolute;
  bottom: 0 !important;
  left: 0;
  transition: all .5s;
  z-index: 1;
}
.sy_con3 .bot .div:hover::before{
  background-image: url(../images/img17.png);
}
.sy_con3 .bot .div img{
  width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.sy_con3 .bot .div:hover img{
  transform: scale(1.05);
}
.sy_con3 .bot .div .div1{
  width: 100%;
  height: 69px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 20px;
  z-index: 2;
}
.sy_con3 .bot .div .div1 .p1{
  font-size: 36px;
  color: #ffffff;
  line-height: 40px;
  display: none;

  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sy_con3 .bot .div .div1 .p2{
  font-size: 18px;
  color: #ffffff;
  margin-top: 5px;
  font-family: "open_md";

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}



/* sy_con4 */
.sy_con4{
  width: 100%;
  padding-top: 70px;
  position: relative;
  overflow: hidden;
  padding-bottom: 70px;
  background-color: rgb(245 245 245);
}
.sy_con4 .bj{
  width: 900px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  display: none;
}
.sy_con4 .p{
  font-size: 66px;
  color: #00000a;
  text-align: center;
  font-family: "open_bd";
}
.sy_con4 .rq{
  width: 75%;
  padding-top: 56px;
  margin: 0 auto;
}
.sy_con4 .rq p{
  font-size: 24px;
  color: #333333;
  text-align: center;
  line-height: 38px;
}
.sy_con4 .rq a{
  display: block;
  font-size: 22px;
  color: #ffffff;
  width: 260px;
  height: 42px;
  line-height: 42px;
  border-radius: 42px;
  text-align: center;
  background:#154190;
  margin: 0 auto;
  margin-top: 60px;
  cursor:pointer;
  

}

.flow-video{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.flow-video .box{position:absolute;top:30%;left:50%;width:854px;height:480px;transform:translate(-50%,-50%);box-sizing:border-box;box-shadow:0 0 20px #333;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.flow-video .box i{position:absolute;right:-36px;top:0;width:36px;height:36px;cursor:pointer;font-size: 40px;color: #fff;}
.flow-video.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.flow-video.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
@media only screen and (max-width:980px){
.flow-video .box{width:92.7vw;height:52.14375vw;margin:-26vw 0 0 -46.35vw;transform:translate(0,0);}
.flow-video .box iframe{width:92.7vw;height:52.14375vw;}
.flow-video .box i{right:0;top:-40px;width:40px;height:40px;background-size:100% 100%;}
}
.sy_con4 .rq a:hover{
  box-shadow: 0 0 6px #154190;
}
.szrq{
  padding-top: 60px;
  display: table;
  width: auto;
  margin: 0 auto;
}
.szrq .div{
  float: left;
  margin-right: 90px;
  text-align: center;
}
.szrq .div:last-child{
  margin-right: 0;
}
.szrq .div .p1{
  font-size: 19px;
  color: #154190;
}
.szrq .div .p1 span{
  font-size: 68px;
  font-family: "open_bd";
}
.szrq .div .p1 i{
  font-size: 60px;
  font-family: "open_bd";
}
.szrq .div .p2{
  font-size: 20px;
  color: #000000;
  font-family: "open_md";
}





/* sy_con5 */
.sy_con5{
  width: 100%;
  padding-top: 80px;
  padding-bottom: 110px;
}
.sy_con5 .p{
  font-size: 66px;
  color: #00000a;
  font-family: "open_bd";
  text-align: center;
}
.sy_con5 .rq{
  width: 100%;
  padding-top: 60px;
}
.sy_con5 .rq .lef{
  width: 54%;
  float: left;
  position: relative;
  overflow: hidden;
}
.sy_con5 .rq .rig .div::before,
.sy_con5 .rq .lef::before {
  content: '';
  width: 100%;
  height: 196px;
  background-image: url(../images/img18.png);
  background-size: cover;
  position: absolute;
  bottom: 0 !important;
  left: 0;
  transition: all .5s;
  z-index: 1;
}
.sy_con5 .rq .rig .div:hover::before,
.sy_con5 .rq .lef:hover::before {
  background-image: url(../images/img17.png);
}
.sy_con5 .rq .lef img{
  width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.sy_con5 .rq .lef:hover img{
  transform: scale(1.05);
}
.sy_con5 .rq p{
  width: 100%;
  font-size: 26px;
  color: #ffffff;
  line-height: 80px;
  padding-left: 42px;
  /* background: rgba(0,0,0,.4); */
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  font-family: "open_md";

  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sy_con5 .rq .rig{
  width: 44%;
  float: right;
}
.sy_con5 .rq .rig .div{
  width: 100%;
  margin-bottom: 28px;
  position: relative;
  overflow: hidden;
}
.sy_con5 .rq .rig .div:last-child{
  margin-bottom: 0;
}
.sy_con5 .rq .rig .div img{
  width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.sy_con5 .rq .rig .div:hover img{
  transform: scale(1.05);
}
.sy_con5 .rq1{
  width: 100%;
}
.sy_con5 .rq1 .div{
  width: 23.5%;
  margin-right: 2%;
  margin-top: 25px;
  float: left;
}
.sy_con5 .rq1 .div:nth-child(4n){
  margin-right: 0;
}
.sy_con5 .rq1 .div .top{
  width: 100%;
  overflow: hidden;
}
.sy_con5 .rq1 .div .top img{
  width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.sy_con5 .rq1 .div:hover .top img{
  transform: scale(1.05);
}
.sy_con5 .rq1 .div .bot{
  width: 100%;
  /* height: 270px; */
  height: auto !important;
  background: rgb(239,239,239);
  padding: 26px 28px;
  position: relative;
}
.sy_con5 .rq1 .div .bot .p1{
  font-size: 18px;
  color: #333333;
  font-family: "open_md";
  margin-bottom: 6px;
  transition: all .5s;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.sy_con5 .rq1 .div:hover .bot .p1{
  color: #154190;
}
.sy_con5 .rq1 .div .bot .p2{
  font-size: 14px;
  color: #777777;
  margin-bottom: 8px;
}
.sy_con5 .rq1 .div .bot .p3{
  font-size: 14px;
  color: #333333;
  display: none;
}
.sy_con5 .rq1 .div .bot button{
  font-size: 16px;
  color: #ffffff;
  width: 100px;
  height: 32px;
  border-radius: 32px;
  position: absolute;
  left: 26px;
  bottom: 34px;
  background: rgb(164,164,164);
  transition: all .5s;
  display: none;
}
.sy_con5 .rq1 .div:hover .bot button{
  background: #154190;
}
.sy_con2 .rq .rig .div .div2 a{
  display: none;
}

/* 首页分辨率 */
@media (max-width: 1680px){
  .sy_con2 .p {
    font-size: 120px;
    line-height: 120px;
  }
}
@media (max-width: 1459px){
  .banner .swiper-pagination {
    bottom: 50px;
  }
  .banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin-right: 24px !important;
  }
  .banner .swiper-slide .container {
    bottom: 160px;
  }
  .banner .swiper-slide p::before {
    width: 40px;
    height: 40px;
  }
  .banner .swiper-slide p {
    font-size: 16px;
    padding-right: 56px;
  }
  .sy_con1 {
    padding-top: 66px;
  }
  .sy_con1 .rq .p {
    font-size: 44px;
  }
  .sy_con1 .rq1 {
    padding-top: 40px;
  }
  .sy_con1 .rq1 .div {
    height: 574px;
    padding-top: 126px;
  }
  .sy_con1 .rq1 .div .lef {
    padding-left: 40px;
  }
  .sy_con1 .rq1 .div .lef .p1 {
    font-size: 16px;
    margin-bottom: 18px;
  }
  .sy_con1 .rq1 .div .lef .p2 {
    padding-right: 30%;
    line-height: 46px;
    margin-bottom: 28px;
  }
  .sy_con1 .rq1 .div .lef .p3 {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 38px;
  }
  .sy_con1 .rq1 .div .lef a {
    font-size: 14px;
    width: 120px;
    height: 32px;
    line-height: 32px;
  }
  .sy_con1 .rq1 .div .rig .p1 {
    margin-bottom: 70px;
  }
  .sy_con1 .rq1 .div.on .rig {
    padding-top: 30px;
  }


  .sy_con2 {
    padding-top: 75px;
    padding-bottom: 72px;
  }
  .sy_con2 .p {
    font-size: 92px;
    line-height: 92px;
  }
  .sy_con2 .rq .lef {
    min-height: 444px;
    padding-top: 48px;
  }
  .sy_con2 .rq .lef .p1 {
    font-size: 37px;
  }
  .sy_con2 .rq .lef .div {
    padding-top: 38px;
  }
  .sy_con2 .rq .lef .div p {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .sy_con2 .rq .rig .div1 img {
    max-width: 80%;
    max-height: 80%;
  }
  .sy_con2 .rq .rig .div2 {
    padding-top: 110px;
  }
  .sy_con2 .rq .rig .div2 .p1 {
    font-size: 25px;
  }
  .sy_con2 .rq .rig .div2 .p2 {
    font-size: 14px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 38px;
  }
  .sy_con2 .rq2 {
    padding-top: 48px;
  }
  .sy_con2 .rq2 a {
    width: 120px;
    height: 32px;
    border-radius: 32px;
    line-height: 32px;
    font-size: 13px;
  }
  .sy_con2 .rq2 .pre {
    padding-left: 22px;
  }
  .sy_con2 .rq2 .nex {
    padding-right: 22px;
  }
  .sy_con2 .rq2 a::before {
    width: 13px;
    height: 6px;
  }
  .sy_con2 .rq .rig .div .a {
    font-size: 18px;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    bottom: -80px;
  }



  .sy_con3 {
    padding-top: 72px;
  }
  .sy_con3 .rq .p {
    font-size: 44px;
  }
  .sy_con3 .top {
    padding-top: 30px;
    padding-bottom: 42px;
  }
  .sy_con3 .top a {
    font-size: 24px;
    padding: 0 18px;
  }
  .sy_con3 .top a::before {
    width: 4px;
    height: 4px;
    right: -2px;
  }
  .sy_con3 .bot .div .div1 {
    height: 53px;
    padding-left: 20px;
    padding-bottom: 14px;
    padding-right: 20px;
  }
  .sy_con3 .bot .div .div1 .p1 {
    font-size: 26px;
    line-height: 26px;
  }
  .sy_con3 .bot .div .div1 .p2 {
    font-size: 14px;
  }
  .sy_con3 .bot .div::before {
    height: 130px;
    bottom: -130px;
  }
  .sy_con3 .bot .div {
    margin-bottom: 15px;
  }
  .sy_con4 {
    padding-top: 46px;
  }
  .sy_con4 .p {
    font-size: 44px;
  }
  .sy_con4 .rq {
    padding-top: 37px;
  }
  .sy_con4 .rq p {
    font-size: 18px;
    line-height: 32px;
  }
  .sy_con4 .rq a {
    font-size: 18px;

    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    margin-top: 40px;
  }
  .sy_con4 .bj {
    width: 500px;
  }
  .szrq {
    padding-top: 40px;
  }
  .szrq .div {
    margin-right: 60px;
  }
  .szrq .div .p1 {
    font-size: 14px;
  }
  .szrq .div .p1 span {
    font-size: 45px;
  }
  .szrq .div .p1 i {
    font-size: 36px;
  }
  .szrq .div .p2 {
    font-size: 16px;
  }
  .sy_con5 {
    padding-top: 54px;
    padding-bottom: 72px;
  }
  .sy_con5 .p {
    font-size: 44px;
  }
  .sy_con5 .rq {
    padding-top: 40px;
  }
  .sy_con5 .rq p {
    font-size: 18px;
    line-height: 52px;
    padding-left: 28px;
  }
  .sy_con5 .rq .rig .div::before, .sy_con5 .rq .lef::before{
    height: 130px;
    bottom: -130px;
  }
  .sy_con5 .rq .rig .div {
    margin-bottom: 22px;
  }
  .sy_con5 .rq1 .div .bot {
    height: 205px;
    padding: 18px 18px;
    /* padding-bottom: 54px; */
  }
  .sy_con5 .rq1 .div .bot .p1 {
    font-size: 16px;
    /* margin-bottom: 20px; */
  }
  .sy_con5 .rq1 .div .bot .p2 {
    font-size: 14px;
    margin-bottom: 6px;
  }
  .sy_con5 .rq1 .div .bot button {
    font-size: 14px;
    width: 80px;
    height: 28px;
    border-radius: 28px;
    left: 18px;
    bottom: 24px;
  }




}
@media (max-width: 1259px){
  .sy_con1 .rq1 .div .lef {
    padding-left: 60px;
  }
  .sy_con2 .p {
    font-size: 80px;
    line-height: 80px;
  }

}
@media (max-width: 991px){
  .banner .swiper-pagination {
    bottom: 50px;
  }
  .banner .swiper-slide .container {
    bottom: 98px;
  }
  .sy_con1 .rq1 .div {
    height: 450px;
    padding-top: 65px;
  }
  .sy_con1 .rq1 .div .lef {
    padding-left: 34px;
  }
  .sy_con1 .rq1 .div .lef .p1 {
    font-size: 14px;
    margin-bottom: 14px;
  }
  .sy_con1 .rq1 .div .lef .p2 {
    font-size: 18px;
    padding-right: 30%;
    line-height: 36px;
    margin-bottom:38px;
  }
  .sy_con1 .rq1 .div .lef .p3 {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 38px;
  }
  .sy_con1 .rq1 .div .rig .p1 {
    font-size: 16px;
    margin-bottom: 46px;
  }
  .sy_con2 .p {
    font-size: 62px;
    line-height: 62px;

  }
  .sy_con2 .rq{
    flex-wrap: wrap;
  }
  .sy_con2 .rq .lef{
    width: 100%;
    height: auto;
    min-height:auto;
    padding: 20px 0;
  }
  .sy_con2 .rq .lef .div {
    padding-top: 20px;
  }
  .sy_con2 .rq .lef .p1 {
    font-size: 28px;
  }
  .sy_con2 .rq .lef .div p {
    font-size: 16px;
    margin-bottom: 10px;
    width: 49%;
    float: left;
    margin-right: 2%;
  }
  .sy_con2 .rq .lef .div p:nth-child(2n){
    margin-right: 0;
  }
  .sy_con2 .rq .rig{
    width: 100%;
  }
  .sy_con2 .rq .rig .div2 {
    padding-top: 35px;
  }
  .sy_con2 .rq .rig .div .a{
    left: 76%;
  }
  .sy_con3 .top a {
    font-size: 20px;
    padding: 0 18px;
  }
  .sy_con3 .bot .div .div1 .p1 {
    font-size: 20px;
    line-height: 26px;
  }
  .sy_con3 .bot .div .div1 {
    padding-left: 8px;
    padding-bottom: 10px;
    padding-right: 8px;
  }
  .sy_con4 .rq{
    width: 100%;
  }

}
@media (max-width: 768px){
  .click_fd .rq {
    width: 85%;
  }
  .pc{
    display: none !important;
  }
  .app{
    display: block !important;
  }
  .sy_con1 .rq .p {
    font-size: 34px;
  }
  .sy_con1 {
    padding-top: 46px;
  }
  .sy_con1 .rq1 {
    padding-top: 26px;
  }
  .sy_con1 .rq1 .div,
  .sy_con1 .rq1 .div.on{
    width: 100%;
    animation: animate2 .3s ease both;
  }
  .sy_con1 .rq1 .div {
    height: auto;
    padding: 40px 0;
  }
  .sy_con1 .rq1 .div.on .lef,
  .sy_con1 .rq1 .div .lef{
    display: block;
    animation: animate2 .3s ease both;
  }
  .sy_con1 .rq1 .div.on .rig,
  .sy_con1 .rq1 .div .rig{
    width: 48%;
    animation: animate2 .3s ease both;
    position: relative;
  }
  .sy_con1 .rq1 .div.on .rig img,
  .sy_con1 .rq1 .div .rig img{
    max-width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }


  .sy_con1 .rq1 .div .rig .p1{
    display: none;
  }
  .sy_con1 .rq1 .div.on .rig {
    padding-top: 0px;
  }
  .sy_con2 .p{
    font-size: 34px;
    line-height: 34px;
    color: #00000a;
    opacity: 1;
    letter-spacing:1px;
    text-align: center;
  }
  .sy_con2 {
    padding-top: 46px;
    padding-bottom: 46px;
  }
  .sy_con2 .rq {
    padding-top: 22px;
  }
  .sy_con2 .rq .rig .div1 {
    width: 50%;
  }
  .sy_con2 .rq .rig .div2{
    width: 50%;
  }
  .sy_con2 .rq .rig .div2 .p1 {
    font-size: 20px;
  }
  .sy_con2 .rq .rig .div2 .p3 {
    font-size: 16px;
  }
  .sy_con2 .rq .rig .div .a {
    left: 100%;
  }
  .sy_con3 {
    padding-top: 46px;
  }
  .sy_con3 .rq .p {
    font-size: 34px;
  }
  .sy_con3 .top a {
    font-size: 18px;
    padding: 0 10px;
  }
  .sy_con3 .top {
    padding-top: 20px;
    padding-bottom: 24px;
  }
  .sy_con3 .bot .div{
    width: 49%;
    margin-right: 2%;
  }
  .sy_con3 .bot .div:nth-child(9){
    display: none;
  }
  .sy_con3 .bot .div:nth-child(3n){
    margin-right: 2%;
  }
  .sy_con3 .bot .div:nth-child(2n){
    margin-right: 0;
  }
  .sy_con4 {
    padding-top: 35px;
  }
  .sy_con4 .p {
    font-size: 34px;
  }
  .sy_con4 .rq {
    padding-top: 8px;
  }
  .sy_con4 .rq p {
    font-size: 16px;
    line-height: 28px;
  }
  .szrq .div .p1 span {
    font-size: 36px;
  }
  .szrq .div {
    margin-right: 44px;
  }
  .sy_con4 .bj {
    width: 426px;
  }
  .sy_con5 {
    padding-top: 44px;
    padding-bottom: 46px;
  }
  .sy_con5 .p {
    font-size: 34px;
  }
  .sy_con5 .rq {
    padding-top: 20px;
  }
  .sy_con5 .rq p {
    font-size: 14px;
    line-height: 40px;
    padding-left: 14px;
  }
  .sy_con5 .rq .rig .div {
    margin-bottom: 13px;
  }
  .sy_con5 .rq1 .div{
    width: 49%;
    margin-right: 2%;
    margin-top: 15px;
  }
  .sy_con5 .rq1 .div:nth-child(2n){
    margin-right: 0;
  }

}
@media (max-width: 660px){
  .szrq .div{
    width: 49%;
    margin-right: 2%;
  }
  .szrq{
    width: 100%;
  }
  .szrq .div:nth-child(2){
    margin-right: 0;
  }
  .szrq .div:nth-child(3){
    width: 100%;margin-right: 0;
    margin-top: 15px;
    display: none;
  }
}
@media (max-width: 500px){
  .banner .swiper-pagination {
    bottom: 25px;
  }
  .banner .swiper-slide .container {
    bottom: 60px;
  }
  .sy_con1 {
    padding-top: 34px;
  }
  .sy_con1 .rq .p {
    font-size: 30px;
  }
  .sy_con1 .rq1 {
    padding-top: 22px;
  }
  .sy_con1 .rq1 .div{
    flex-wrap: wrap-reverse;
    padding: 40px 15px;
    align-items: center;
  }
  .sy_con1 .rq1 .div .lef{
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-top: 38px;
  }
  .sy_con1 .rq1 .div.on .rig, .sy_con1 .rq1 .div .rig{
    width: 100%;
    height: auto;
  }
  .sy_con1 .rq1 .div.on .rig img, .sy_con1 .rq1 .div .rig img {
    width: 60%;
    position: static;
    transform: translate(0%,0%);
  }
  .sy_con1 .rq1 .div .lef .p2 {
    font-size: 18px;
    padding-right: 0;
    line-height: 32px;
    margin-bottom: 14px;
    text-align: center;
  }
  .sy_con1 .rq1 .div .lef .p3{
    text-align: center;
  }
  .sy_con1 .rq1 .div .lef a{
    margin: 0 auto;
  }
  .sy_con2 .p {
    font-size: 30px;
    line-height: 30px;
  }
  .sy_con2 .rq .lef .p1 {
    font-size: 24px;
  }

  .sy_con2 .rq .lef .div p {
    font-size: 15px;
    margin-bottom: 8px;
    text-align: left;
  }
  .sy_con2 .rq .lef {
    padding: 20px 10px;
  }
  .sy_con2 .rq .rig .div1{
    width: 100%;
  }
  .sy_con2 .rq .rig .div2{
    width: 100%;
  }
  .sy_con2 .rq{
    display: block;
  }
  .sy_con2 .rq .rig .div{
    height: 200px;
  }
  .sy_con2 .rq .rig .div2{
    width: 100%;
    text-align: left;
    padding-top: 0;
    height: auto;
    position: relative;
  }
  .sy_con2 .rq .rig .div .div1 a{
    display: none;
  }
  .sy_con2 .rq .rig .div .div2 a{
    display: block;
    bottom: -56px;
    left: 50%;
    font-size: 14px;
  }
  .sy_con2 .rq .rig .div2 .p2 {
    font-size: 14px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .sy_con2 .rq2 {
    padding-top: 24px;
  }
  .sy_con2 .rq .rig .div2 .p2::before{
    left: 0;
  }
  .sy_con3 {
    padding-top: 34px;
  }
  .sy_con3 .rq .p {
    font-size: 30px;
  }
  .sy_con3 .top{
    padding: 20px 15px;
    padding-bottom: 10px;
  }
  .sy_con3 .top a{
    width: 49%;
    margin-right: 2%;
    float: left;
    padding: 0;
    line-height: 40px;
    border: 1px solid #999;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .sy_con3 .top a:nth-child(7){
    width: 100%;
    border: 1px solid #fff;
  }
  .sy_con3 .top a.on{
    background: #154190;
    color: #fff;
    border: 1px solid #154190;
  }
  .sy_con3 .top a:nth-child(2n){
    margin-right: 0;
  }
  .sy_con3 .top a::before{
    display: none;
  }

  .sy_con3 .bot .div .div1 .p1 {
    font-size: 18px;
    line-height: 24px;
  }
  .sy_con3 .bot .div .div1 .p2 {
    font-size: 13px;
  }
  .sy_con3 .bot .div .div1 {
    height: 43px;
    padding-left: 8px;
    padding-bottom: 6px;
  }
  .sy_con3 .bot .div {
    margin-bottom: 10px;
  }

  .sy_con4 {
    padding-top: 30px;
  }
  .sy_con4 .p {
    font-size: 30px;
  }

  .sy_con5 .p {
    font-size: 30px;
  }
  .sy_con5 .rq .rig .div,
  .sy_con5 .rq .lef{
    width: 100%;
    margin-bottom: 10px;
  }
  .sy_con5 .rq .rig{
    width: 100%;
  }
  .sy_con5 .rq1 .div .bot {
    height: 175px;
    padding: 15px 6px;
  }
  .sy_con5 .rq1 .div .bot button {
    font-size: 13px;
    width: 80px;
    height: 28px;
    border-radius: 28px;
    left: 6px;
    bottom: 16px;
  }
  .sy_con5 .rq1 .div .bot .p1{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 6px;
  }
  .sy_con5 .rq1 .div .bot .p3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

    display: none;
  }

}
@media (max-width: 375px){
  .sy_con2 .rq .rig .div .a {
    font-size: 13px;
    width: 75px;
  }
  .sy_con1 .rq1 .div .lef .p2 {
    font-size: 26px;
    line-height: 38px;
  }
  .sy_con2 .p {
    font-size: 26px;
    line-height: 30px;
  }

}









/* 关于我们-公司简介 */
.ny_banner{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.ny_banner .bj{
  width: 100%;
  vertical-align: middle;
}
.ny_banner .wrap{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.ny_banner .p1{
  font-size: 80px;
  color: #ffffff;
  font-family: "open_bd";
}
.ny_banner .p2{
  font-size: 18px;
  color: #ffffff;
  width: 41%;
  line-height: 28px;
}

/* abo_con1 */
.abo_con1{
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: rgb(239,239,239);
}
.abo_con1 a{
  font-size: 18px;
  color: #767676;
  padding-left: 30px;
  position: relative;
  margin-right: 8px;
}
.abo_con1 a:first-child{
  padding-left: 0;
}
.abo_con1 a i{
  width: 20px;
  height: 18px;
  background-image: url(../images/img37.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  transition: all .5s;
}
.abo_con1 a:hover i{
  background-image: url(../images/img38.png);
}
.abo_con1 a::before{
  content: '';
  width: 12px;
  height: 2px;
  background: #767676;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .5s;
}
.abo_con1 a:first-child:before{
  display: none;
}
.abo_con1 a:hover,
.abo_con1 a.on{
  color: #154190;
}
.abo_con1 a:hover::before,
.abo_con1 a.on::before{
  background: #154190;
}


/* abo_con2 */
.abo_con2{
  width: 100%;
  padding-top: 65px;
  padding-bottom: 110px;
}
.sx_div{
  width: 1px;
  height: 72px;
  background: #154190;
  margin: 0 auto;

  display: none;
}
.abo_con2 .rq{
  width: 100%;
  padding-top: 50px;
}
.abo_p{
  font-size: 58px;
  color: #00000a;
  text-align: center;
  font-family: "open_bd";
}
.abo_con2 .rq .p1{
  font-size: 36px;
  color: #999999;
  text-align: center;
  margin-top: 5px;
  font-family: "open_md";
}
.abo_con2 .rq .div1{
  width: 93%;
  padding-top: 40px;
  font-size: 20px;
  color: #333333;
  text-align: center;
  line-height: 40px;
  margin: 0 auto;
}





/* abo_con3 */
.abo_con3{
  width: 100%;
  position: relative;
  /* background: rgb(239,239,239); */
  overflow: hidden;
}
.abo_con3 .bj{
  width: 51.5%;
  float: right;
}
.abo_con3_2{
  margin: 80px 0;
}
.abo_con3_2 .bj{
  float: left;
}
.abo_con3 .bj img{
  width: 100%;
  vertical-align: middle;
}
.abo_con3 .wrap{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.abo_con3 .wrap .div{
  width: 48%;
  /* padding-top: 95px; */
  padding-top: 0 !important;
  padding-right: 44px;
}
.abo_con3_2 .wrap .div{
  float: right;
  padding-right: 0;
  padding-left: 44px;
}
.abo_con3 .abo_p{
  text-align: left;
}
.abo_con3 .div1{
  width: 100%;
  /* height: 760px; */
  margin-top: 32px;
  /* padding-right: 44px; */
  padding-right: 0 !important;
  font-size: 20px;
  color: #333333;
  line-height: 40px;
  overflow-y: auto;
}
.abo_con3 .div1::-webkit-scrollbar {
  width: 5px;
  background-color: #999;
  border-radius:50px;
}
.abo_con3 .div1::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background-color: #154190
}




/* abo_con4 */
.abo_con4{
  width: 100%;
  padding: 115px 0;
  background: #fff;
}
.abo_con4 .rq{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.abo_con4 .rq .lef{
  width: 50%;
}
.abo_con4 .rq .lef img{
  width: 100%;
  vertical-align: middle;
}
.abo_con4 .rq .rig{
  width: 50%;
  padding-left: 75px;
}
.abo_con4 .rig .abo_p{
  text-align: left;
}
.abo_con4 .rig .div{
  width: 100%;
  padding-top: 32px;
}
.abo_con4 .rig .div p{
  font-size: 20px;
  color: #333333;
  line-height: 40px;
}


/* abo_con5 */
.abo_con5{
  width: 100%;
  background: rgb(15,29,150);
  padding-top: 90px;
  padding-bottom: 110px;
  overflow: hidden;
}
.abo_con5 .rq{
  width: 100%;
  position: relative;
  padding: 0 40px;
}
.abo_con5 .rq::before{
  content: '';
  width: 97%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 109px;
  transform: translateX(-50%);
  opacity: 0.6;
}
.abo_con5 .rq .p1{
  font-size: 68px;
  color: #ffffff;
  opacity: 0.46;
  position: relative;
  padding-bottom: 35px;
  transition: all .5s;
  font-family: "open_bd";
}
.abo_con5 .rq .swiper-slide:hover .p1,
.abo_con5 .rq .swiper-slide-active .p1{
  opacity: 1;
}
.abo_con5 .rq .p1::before{
  content: '';
  width: 28px;
  height: 28px;
  background-image: url(../images/img42.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0px;
  left: 0;
  transition: all .5s;
}
.abo_con5 .rq .swiper-slide:hover .p1::before,
.abo_con5 .rq .swiper-slide-active .p1::before{
  background-image: url(../images/img41.png);
}
.abo_con5 .rq .p2{
  font-size: 18px;
  color: #ffffff;
  opacity: 0.46;
  padding-top: 46px;
  transition: all .5s;
}
.abo_con5 .rq .swiper-slide:hover .p2,
.abo_con5 .rq .swiper-slide-active .p2{
  opacity: 1;
}
.abo_con5 .rq .div{
  width: 100%;
  opacity: 0;
  transition: all .5s;
  margin-top: 25px;
  overflow: hidden;
}
.abo_con5 .rq .swiper-slide:hover .div,
.abo_con5 .rq .swiper-slide-active .div{
  opacity: 1;
}
.abo_con5 .rq .div img{
  width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.abo_con5 .rq .div:hover img{
  transform: scale(1.05);
}
.abo_con5 .swiper-button-next,
.abo_con5 .swiper-button-prev{
  width: 12px;
  height: 22px;
  background-image: url(../images/img44.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 98px;
  margin-top: 0;
  opacity: 1;
}
.abo_con5 .swiper-button-prev{
  transform: rotate(180deg);
  left: 0;
}
.abo_con5 .swiper-button-prev::before,
.abo_con5 .swiper-button-next::before{
  content: '';
  width: 160px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}




/* abo_con6 */
.abo_con6{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 110px;
}
.abo_con6 .p1{
  width: 80%;
  font-size: 24px;
  line-height: 36px;
  color: #333333;
  text-align: center;
  margin: 0 auto;
  margin-top: 5px;
}
.abo_con6 .rq{
  width: 100%;
  padding-top: 44px;
}
.abo_con6 .rq .top{
  width: 100%;
}
.abo_con6 .rq .top .lef{
  width: 50%;
  float: left;
}
.abo_con6 .rq .top .lef .div{
  width: 50%;
  float: left;
}
.abo_con6 .rq .top .lef .div img{
  width: 100%;
  vertical-align: middle;
}
.abo_con6 .rq .top .rig{
  width: 50%;
  float: left;
}
.abo_con6 .rq .top .rig .div{
  width: 100%;
}
.abo_con6 .rq .top .rig .div img{
  width: 100%;
  vertical-align: middle;
}
.abo_con6 .rq .top .rig .div1{
  width: 100%;
}
.abo_con6 .rq .top .rig .div2{
  width: 50%;
  float: left;
}
.abo_con6 .rq .top .rig .div2 img{
  width: 100%;
  vertical-align: middle;
}
.abo_con6 .rq .bot{
  width: 100%;
}
.abo_con6 .rq .bot .div{
  width: 50%;
  float: left;
}
.abo_con6 .rq .bot .div img{
  width: 100%;
  vertical-align: middle;
}
.abo_con6 .rq .bot .div a,
.abo_con6 .rq .top .rig .div2 a,
.abo_con6 .rq .top .rig .div a,
.abo_con6 .rq .top .lef .div a{
  display: block;
  position: relative;
}
.abo_con6 .rq .bot .div a::before,
.abo_con6 .rq .top .rig .div2 a::before,
.abo_con6 .rq .top .rig .div a::before,
.abo_con6 .rq .top .lef .div a::before{
  content: '';
  width: 100%;
  height: 100%;
  background: rgb(0,0,0);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
  transition: all .5s;
}
.abo_con6 .rq .bot .div:hover a:before,
.abo_con6 .rq .top .rig .div2:hover a::before,
.abo_con6 .rq .top .rig .div:hover a::before,
.abo_con6 .rq .top .lef .div:hover a::before{
  opacity: 0;
}


/* 关于我们-公司简介分辨率 */
@media(max-width:1680px){
  .ny_banner .p1 {
    font-size: 60px;
  }
  .ny_banner .p2 {
    font-size: 16px;
    line-height: 24px;
  }
  .abo_con1 a {
    font-size: 16px;
  }
  .abo_con1 a i {
    width: 18px;
    height: 16px;
  }
  .abo_con2 {
    padding-top: 50px;
    padding-bottom: 82px;
  }
  .sx_div {
    height: 54px;
  }
  .abo_con2 .rq {
    padding-top: 34px;
  }
  .abo_p {
    font-size: 44px;
  }
  .abo_con2 .rq .p1 {
    font-size: 28px;
    margin-top: 5px;
  }
  .abo_con2 .rq .div1 {
    padding-top: 30px;
    font-size: 19px;
    line-height: 34px;
  }
  .abo_con3 .wrap .div {
    padding-top: 72px;
    padding-right: 33px;
  }
  .abo_con3_2 .wrap .div{
    padding-left: 33px;
    padding-right: 0;
  }
  .abo_con3 .div1 {
    /* height: 577px; */
    margin-top: 26px;
    padding-right: 33px;
    font-size: 14px;
    line-height: 36px;
  }
  .abo_con4 {
    padding: 86px 0;
  }
  .abo_con4 .rig .div p {
    font-size: 18px;
    line-height: 34px;
  }
  .abo_con4 .rig .div {
    padding-top: 24px;
  }
  .abo_con5 {
    padding-top: 68px;
    padding-bottom: 83px;
  }
  .abo_con5 .rq .p1 {
    font-size: 50px;
    padding-bottom: 35px;
  }
  .abo_con5 .rq .p1::before {
    width: 22px;
    height: 22px;
  }
  .abo_con5 .rq::before {
    top: 89px;
  }
  .abo_con5 .swiper-button-next, .abo_con5 .swiper-button-prev {
    top: 78px;
  }
  .abo_con5 .rq .p2 {
    font-size: 16px;
    padding-top: 36px;
  }
  .abo_con6 {
    padding-top: 76px;
    padding-bottom: 82px;
  }
  .abo_con6 .p1 {
    font-size: 18px;
    line-height: 30px;
  }
  .abo_con6 .rq {
    padding-top: 36px;
  }



}
@media(max-width:1459px){
  .abo_con3 .div1 {
    /* height: 510px; */
    margin-top: 12px;
  }
}
@media(max-width:1259px){
  .ny_banner .p1 {
    font-size: 46px;
  }
  .ny_banner .p2 {
    font-size: 14px;
    line-height: 22px;
    width: 60%;
  }
  .abo_con1 {
    height: 45px;
    line-height: 45px;
  }
  .abo_con1 a {
    font-size: 14px;
    margin-right: 0;
  }
  .sx_div {
    height: 36px;
  }
  .abo_con2 .rq {
    padding-top: 20px;
  }
  .abo_p {
    font-size: 34px;
  }
  .abo_con2 .rq .p1 {
    font-size: 20px;
    margin-top: 5px;
  }
  .abo_con2 .rq .div1 {
    padding-top: 22px;
    font-size: 16px;
    line-height: 28px;
    width: 100%;
  }
  .abo_con3 .wrap .div {
    padding-top: 46px;
  }
  .abo_con3 .div1 {
    /* height: 418px; */
    margin-top: 12px;
    font-size: 14px;
    line-height: 28px;
  }
  .abo_con4 {
    padding: 62px 0;
  }
  .abo_con4 .rq .rig {
    padding-left: 36px;
  }
  .abo_con4 .rig .div {
    padding-top: 14px;
  }
  .abo_con4 .rig .div p {
    font-size: 16px;
    line-height: 28px;
  }
  .abo_con5 .rq .p1 {
    font-size: 35px;
    padding-bottom: 40px;
  }
  .abo_con5 .rq::before {
    top: 73px;
    width: 96%;
  }
  .abo_con5 .swiper-button-next, .abo_con5 .swiper-button-prev {
    top: 64px;
    width: 10px;
    height: 20px;
  }
  .abo_con5 .rq .p2 {
    font-size: 14px;
    padding-top: 22px;
  }
  .abo_con5 .rq .div {
    margin-top: 20px;
  }
  .abo_con5 {
    padding-top: 68px;
    padding-bottom: 54px;
  }
  .abo_con3_2 {
    margin: 40px 0;
  }

}
@media(max-width:991px){
  .abo_con3 .div1 {
    height: 230px;
  }
  .abo_con3 .wrap {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

}
@media(max-width:768px){
  .ny_banner .p1 {
    font-size: 30px;
  }
  .ny_banner .p2 {
    width: 100%;
  }
  .sx_div{
    display: none;
  }
  .abo_con2 .rq {
    padding-top:0px;
  }
  .abo_con2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .abo_p {
    font-size: 30px;
  }
  .abo_con2 .rq .p1 {
    font-size: 18px;
  }
  .abo_con2 .rq .div1 {
    padding-top: 18px;
  }
  .abo_con3 .bj{
    width: 100%;
    float: none;
    display: block;
  }
  .abo_con3 .wrap{
    position: static;
    transform: translateX(0);
  }
  .abo_con3 .wrap .div{
    padding-right: 0;
  }
  .abo_con3_2 .wrap .div{
    padding-left: 0;
  }
  .abo_con3_2 {
    margin: 20px 0;
  }
  .abo_con3 .wrap .div{
    width: 100%;
    padding: 30px 0px !important;
  }
  .abo_con3 .div1{
    height: auto;
    padding-right: 0;
  }
  .abo_con4 {
    padding: 40px 0;
  }
  .abo_con4 .rq .lef{
    width: 100%;
  }
  .abo_con4 .rq .rig{
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }




}
@media(max-width:500px){
  .ny_banner .p1 {
    font-size: 28px;
  }
  .abo_p {
    font-size: 26px;
  }
  .abo_con5 {
    padding-top: 44px;
    padding-bottom: 54px;
  }
  .abo_con5 .rq .p1 {
    font-size: 30px;
    padding-bottom: 34px;
  }
  .abo_con5 .rq::before {
    top: 60px;
    width: 90%;
  }
  .abo_con5 .swiper-button-next, .abo_con5 .swiper-button-prev {
    top: 51px;
  }
  .abo_con6 {
    padding-top: 38px;
    padding-bottom: 50px;
  }
  .abo_con6 .p1 {
    font-size: 16px;
    line-height: 26px;
    width: 100%;
  }
  .abo_con6 .rq {
    padding-top: 24px;
  }






}








/* 关于我们-公司荣誉 */
/* abo2_con1 */
.abo2_con1{
  width: 100%;
  padding-top: 58px;
  padding-bottom: 110px;
}
.abo2_con1 .abo_p{
  text-align: left;
}
.abo2_con1 .rq{
  width: 100%;
  padding-top: 75px;
  padding-top: 0 !important;
}
.abo_fl{
  width: 100%;
  padding-top: 50px;
}
.abo_fl a{
  font-size: 24px;
  color: #666666;
  float: left;
  line-height: 54px;
  padding: 0 22px;
  margin-right: 14px;
  background: rgb(239,239,239);
  margin-bottom: 10px;
  font-family: "open_md";
}
.abo_fl a:last-child{
  margin-right: 0;
}
.abo_fl a:hover,
.abo_fl a.on{
  color: #fff;
  background: #154190;
}
.abo2_con1 .rq .bot{
  width: 100%;
  padding-top: 70px;
}
.abo2_con1 .rq .bot .bot_div{
  width: 100%;
  display: none;
}
.abo2_con1 .rq .bot .bot_div.on1{
  display: block;
}
.abo2_con1 .rq .bot .div{
  width: 23.5%;
  margin-right: 2%;
  float: left;
  margin-bottom: 65px;
  cursor: pointer;
}
.abo2_con1 .rq .bot .div:nth-child(4n){
  margin-right: 0;
}
.abo2_con1 .rq .bot .div1{
  width: 100%;
  height: 444px;
  background: rgb(239,239,239);
  position: relative;
  overflow: hidden;
}
.abo2_con1 .rq .bot .div1::before{
  content: '';
  width: 100%;
  height: 100%;
  background: #154190;
  opacity: 0.63;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 2;
  transition: all .5s;
}
.abo2_con1 .rq .bot .div:hover .div1::before{
  left: 0;
}
.abo2_con1 .rq .bot .div1::after{
  content: '';
  width: 55px;
  height: 55px;
  background-image: url(../images/img55.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-50%,-50%);
  z-index: 3;
  transition: all .3s .1s;
  opacity: 0;
}
.abo2_con1 .rq .bot .div:hover .div1::after{
  left: 50%;
  opacity: 1;
}
.abo2_con1 .rq .bot .div1 img{
  max-height: 90%;
  max-width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.abo2_con1 .rq .bot .div p{
  font-size: 24px;
  color: #333333;
  text-align: center;
  margin-top: 18px;
}



/* 弹框 */
.click_fd{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
.click_fd .out{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  position: relative;
  z-index: 1;
}
.click_fd .rq{
  width: 58%;
  height: 85%;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}
.click_fd .rq .rq1{
  width: 100%;
  height: 100%;
  position: relative;
}
.click_fd .rq1 .clck_pre,
.click_fd .rq1 .clck_nex{
  width: 47px;
  height: 47px;
  background-image: url(../images/img59.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: -23.5px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .5s;
  cursor: pointer;
  z-index: 10;
}
.click_fd .rq1 .clck_pre{
  left: -23.5px;
  transform: translateY(-50%) rotate(180deg);
}
.click_fd .rq1 .clck_pre:hover,
.click_fd .rq1 .clck_nex:hover{
  background-image: url(../images/img58.png);
}
.click_fd .rq1 .div{
  width: 100%;
  height: 100%;
}
.click_fd .rq1 .div img{
  max-width: 80%;
  max-height: 80%;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.click_fd .rq1 .div p{
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #000000;
  position: absolute;
  left: 0;
  bottom: 10%;
}




/* 分页 */
.fy{
  display: table;
  width: auto;
  margin: 0 auto;
}
.fy li{
  display: block;
  float: left;
  margin: 0 3px;
}
.fy li a{
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  font-size: 16px;
  color: #333333;
  text-align: center;
}
.fy li a:hover,
.fy li.on a{
  background: #154190;
  color: #fff;
}
.fy .fy_pre{
  margin-right: 15px;
}
.fy .fy_nex{
  margin-left: 15px;
}
.fy .fy_pre a,
.fy .fy_nex a{
  background: url(../images/img57.png);
  background-size: 21px 8px;
  background-repeat: no-repeat;
  background-position: center;
  transition: all .5s;
}
.fy .fy_pre a{
  transform: rotate(180deg);
}
.fy .fy_pre:hover a,
.fy .fy_nex:hover a{
  background: url(../images/img56.png);
  background-size: 21px 8px;
  background-repeat: no-repeat;
  background-position: center;
}

@media(max-width:1459px){
  .abo2_con1 {
    padding-top: 44px;
    padding-bottom: 83px;
  }
  .abo2_con1 .rq {
    padding-top: 54px;
  }
  .abo_fl a {
    font-size: 18px;
    line-height: 40px;
    padding: 0 18px;
    margin-right: 10px;
  }
  .abo2_con1 .rq .bot {
    padding-top: 50px;
  }
  .abo2_con1 .rq .bot .div1 {
    height: 326px;
  }
  .abo2_con1 .rq .bot .div p {
    font-size: 18px;
    margin-top: 14px;
  }
  .abo2_con1 .rq .bot .div1::after {
    width: 40px;
    height: 40px;
  }
  .abo2_con1 .rq .bot .div {
    margin-bottom: 40px;
  }



}
@media(max-width:991px){
  .abo2_con1 .rq .bot .div{
    width: 32%;
    margin-right: 2%;
  }
  .abo2_con1 .rq .bot .div:nth-child(4n){
    margin-right: 2%;
  }
  .abo2_con1 .rq .bot .div:nth-child(3n){
    margin-right: 0;
  }
  .abo2_con1 .rq {
    padding-top: 40px;
  }
  .abo2_con1 .rq .bot {
    padding-top: 28px;
  }
  .abo2_con1 {
    padding-top: 44px;
    padding-bottom: 56px;
  }
  .fy li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .click_fd .rq1 .div p {
    font-size: 18px;
  }

}
@media(max-width:500px){
  .abo2_con1 {
    padding-top: 29px;
    padding-bottom: 34px;
  }
  .abo_fl a {
    font-size: 14px;
    line-height: 32px;
    padding: 0 14px;
    margin-right: 6px;
  }
  .abo2_con1 .rq {
    padding-top: 30px;
  }
  .abo2_con1 .rq .bot .div{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 15px;
  }
  .abo2_con1 .rq .bot .div:nth-child(3n){
    margin-right: 2%;
  }
  .abo2_con1 .rq .bot .div:nth-child(2n){
    margin-right: 0;
  }
  .abo2_con1 .rq .bot .div1 {
    height: 190px;
  }
  .abo2_con1 .rq .bot .div p {
    font-size: 16px;
    margin-top: 8px;
  }
  .click_fd .rq {
    width: 80%;
    height: 60%;
  }
  .click_fd .rq1 .div p {
    bottom: 6%;
  }
  .abo2_con1 .rq .bot{
    padding-bottom: 30px;
  }
  .fy li {
    margin: 0 0px;
  }
  .fy li a {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
  .fy .fy_pre {
    margin-right: 10px;
  }
  .fy .fy_nex {
    margin-left: 10px;
  }

}






/* 关于我们-工厂图片 */
/* abo3_con1 */
.abo3_con1{
  width: 100%;
  padding-top: 120px;
  padding-bottom: 110px;
}
.abo3_con1 .rq{
  width: 100%;
  margin-top: 0px !important;
  position: relative;
}
.abo3_con1 .rq .rig{
  width: 46.5%;
  float: right;
}
.abo3_con1 .rq img{
  width: 100%;
  vertical-align: middle;
}
.abo3_con1 .rq .rq1{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.abo3_con1 .rq .lef{
  width: 53.5%;
  float: left;
  border-radius: 0 70px 0 0;
  border-radius: 0 0px 0 0 !important;
  /* background: rgb(239,239,239); */
  padding-right: 160px;
}
.abo3_con1 .abo_p{
  text-align: left;
}
.abo3_con1 .rq .lef .div{
  width: 100%;
  padding-top: 30px;
  font-size: 20px;
  color: #333333;
  line-height: 38px;
}


/* abo3_con2 */
.abo3_con2{
  width: 100%;
  padding-top: 84px;
  padding-bottom: 110px;
}
.abo3_con2 .rq{
  width: 100%;
  padding-bottom: 30px;
}
.abo3_con2 .rq .div{
  width: 30.7%;
  margin-right: 3.95%;
  margin-bottom: 50px;
  float: left;
  overflow: hidden;
}
.abo3_con2 .rq .div:nth-child(3n){
  margin-right: 0;
}
.abo3_con2 .rq .div img{
  width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.abo3_con2 .rq .div:hover img{
  transform: scale(1.05);
}

@media(max-width:1459px){
  .abo3_con1 {
    padding-top: 90px;
  }
  .abo3_con1 .rq {
    margin-top: 50px;
  }
  .abo3_con1 .rq .lef {
    padding-right: 120px;
  }
  .abo3_con1 .rq .lef .div {
    padding-top: 22px;
    font-size: 18px;
    line-height: 32px;
  }
  .abo3_con2 {
    padding-top: 60px;
    padding-bottom: 80px;
  }


}
@media(max-width:1259px){

  .abo3_con2 .rq .div {
    margin-bottom: 30px;
  }
}
@media(max-width:1024px){
  .abo3_con1 .rq .lef {
    padding: 40px 34px;
    padding-bottom: 34px;
  }
}
@media(max-width:991px){
  .abo3_con1 .rq .rig{
    width: 100%;
    padding-top: 0;
  }
  .abo3_con1 .rq .lef{
    width: 100%;
    padding: 20px 0px;
    border-radius: 0 0px 0 0;
  }
  .abo3_con1 .rq .rq1{
    position: static;
    transform: translate(0,0);
  }


}
@media(max-width:768px){
  .abo3_con1 .rq{
    margin-top: 0;
  }
  .abo3_con1 .rq .lef .div {
    padding-top: 12px;
    font-size: 16px;
    line-height: 28px;
  }
  .abo3_con2 {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .abo3_con2 .rq {
    width: 100%;
    padding-bottom: 18px;
  }



}
@media(max-width:500px){
  .abo3_con2 .rq .div{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .abo3_con2 .rq .div:nth-child(3n){
    margin-right: 2%;
  }
  .abo3_con2 .rq .div:nth-child(2n){
    margin-right: 0;
  }

}







/* 关于我们-FAQ */
/* .abo4_con1 */
.abo4_con1{
  width: 100%;
  padding-top: 72px;
  padding-bottom: 110px;
}
.abo4_con1 .abo_p{
  text-align: left;
}
.abo4_con1 .rq{
  width: 100%;
  padding-top: 80px;
  padding-bottom: 76px;
}
.abo4_con1 .rq .div{
  width: 100%;
  padding-left: 74px;
  border-bottom: 1px solid rgb(164,164,164);
  transition: all .5s;
  cursor: pointer;
}
.abo4_con1 .rq .div.on{
  padding-top: 50px;
  padding-bottom: 100px;
  background: rgb(239,239,239);
  border-bottom: 1px solid rgb(239,239,239);
}
.abo4_con1 .rq .div .top{
  width: 100%;
  padding: 52px 0;
  position: relative;
}
.abo4_con1 .rq .div .top .rig::before{
  content: '';
  width: 55px;
  height: 55px;
  background-image: url(../images/img70.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .5s;
}
.abo4_con1 .rq .div.on .top .rig::before{
  background-image: url(../images/img71.png);
}
.abo4_con1 .rq .div .lef{
  width: 11%;
  float: left;
  font-size: 16px;
  color: #999999;
  transition: all .5s;
  font-family: "open_md";
}
.abo4_con1 .rq .div.on .lef{
  color: #154190;
}
.abo4_con1 .rq .div .rig{
  width: 89%;
  float: left;
  font-family: "open_md";
}
.abo4_con1 .rq .div .top .lef{
  line-height: 30px;
}
.abo4_con1 .rq .div .top .rig{
  font-size: 26px;
  color: #333333;
  line-height: 30px;
  transition: all .5s;
  padding-right: 90px;
  position: relative;
}
.abo4_con1 .rq .div.on .top .rig{
  color: #154190;
}
.abo4_con1 .rq .div .bot{
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: all .5s;
}
.abo4_con1 .rq .div.on .bot{
  height: auto;
}
.abo4_con1 .rq .div .bot .lef{
  line-height: 38px;
  color: #154190;
}
.abo4_con1 .rq .div .bot .rig{
  width: 59%;
  font-size: 20px;
  color: #154190;
  line-height: 38px;
}

@media(max-width:1459px){
  .abo4_con1 {
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .abo4_con1 .rq {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .abo4_con1 .rq .div {
    padding-left: 50px;
  }
  .abo4_con1 .rq .div .top {
    padding: 38px 0;

  }
  .abo4_con1 .rq .div .top .rig {
    font-size: 22px;
    line-height: 28px;
    padding-right: 68px;
  }
  .abo4_con1 .rq .div .lef {
    font-size: 14px;
  }
  .abo4_con1 .rq .div .top .lef {
    line-height: 28px;
  }

  .abo4_con1 .rq .div .bot .rig {
    font-size: 18px;
    line-height: 32px;
    width: 75%;
  }
  .abo4_con1 .rq .div .bot .lef {
    line-height: 32px;
  }
  .abo4_con1 .rq .div.on {
    padding-top: 38px;
    padding-bottom: 66px;
  }
  .abo4_con1 .rq .div .top .rig::before {
    width: 40px;
    height: 40px;
  }

}
@media(max-width:991px){
  .abo4_con1 .rq {
    padding-top: 38px;
    padding-bottom: 40px;
  }
  .abo4_con1 .rq .div .lef {
    width: 18%;
    font-size: 14px;
  }
  .abo4_con1 .rq .div .rig {
    width: 82%;
  }
  .abo4_con1 .rq .div .top .rig {
    font-size: 20px;
    line-height: 28px;
    padding-right: 50px;
  }
  .abo4_con1 .rq .div .top {
    padding: 28px 0;
  }
  .abo4_con1 .rq .div.on {
    padding-top: 10px;
    padding-bottom: 30px;
  }
  .abo4_con1 .rq .div {
    padding-left: 26px;
  }
  .abo4_con1 .rq .div .bot .rig {
    font-size: 16px;
    width: 75%;
    line-height: 28px;
  }
  .abo4_con1 .rq .div .bot .lef {
    line-height: 28px;
  }
  .abo4_con1 .rq .div .top .rig::before {
    width: 30px;
    height: 30px;
    right: 14px;
  }

}
@media(max-width:500px){
  .abo4_con1 {
    padding-top: 30px;
    padding-bottom: 44px;
  }
  .abo4_con1 .rq .div {
    padding-left: 10px;
  }
  .abo4_con1 .rq .div .lef {
    width: 26%;
    font-size: 12px;
  }
  .abo4_con1 .rq .div .bot .rig,
  .abo4_con1 .rq .div .rig {
    width: 74%;
  }
  .abo4_con1 .rq .div .top .rig {
    font-size: 18px;
    line-height: 24px;
  }
  .abo4_con1 .rq .div .top .lef {
    line-height: 24px;
  }
  .abo4_con1 .rq .div .bot .rig{
    padding-right: 10px;
    font-size: 15px;
    line-height: 24px;
  }

}




/* pro_con1 */
.pro_con1{
  width: 100%;
  padding-top: 80px;
  padding-bottom: 110px;
}
.pro_con1 .abo_p{
  text-align: left;
}
.pro_con1 .rq{
  width: 100%;
  margin-top: 82px;
  background: rgb(239,239,239);
  padding: 25px 20px;
}
.pro_con1 .rq a{
  font-size: 20px;
  color: #666666;
  display: inline-block;
  margin-right: 24px;
  line-height: 50px;
  position: relative;
}
.pro_con1 .rq a::before{
  content: '';
  width: 2px;
  height: 20px;
  background: #666666;
  position: absolute;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
}
.pro_con1 .rq a:last-child::before{
  display: none;
}
.pro_con1 .rq a.on,
.pro_con1 .rq a:hover{
  color: #154190;
}

.pro_con1 .rq1{
  width: 100%;
  margin-top: 94px;
  background: rgb(239,239,239);
  padding: 60px 0;
}
.pro_con1 .rq1 a{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pro_con1 .rq1 .lef{
  width: 38.8%;
}
.pro_con1 .rq1 .lef img{
  max-width: 60%;
  display: block;
  margin: 0 auto;
  transition: all .5s;
}
.pro_con1 .rq1 .lef:hover  img{
  transform: scale(1.05);
}
.pro_con1 .rq1 .rig{
  width: 61.2%;
  padding-right: 15px;
}
.pro_con1 .rq1 .rig .p1{
  font-size: 38px;
  color:#00000a;
  font-family: "open_bd";
}
.pro_con1 .rq1 .rig .p2{
  font-size: 24px;
  color: #4e4e4e;
  font-family: "open_md";
  display: none;
}
.pro_con1 .rq1 .rig .p3{
  font-size: 16px;
  color: #666666;
  margin-top: 32px;
}
.pro_con1 .rq1 .rig button{
  display: block;
  font-size: 24px;
  color: #ffffff;
  width: 160px;
  height: 42px;
  border-radius: 42px;
  background: #154190;
  margin-top: 45px;
  transition: all .5s;
}
.pro_con1 .rq1 .rig button:hover{
  box-shadow: 0 0 6px #154190;
}

.pro_con1 .rq2{
  width: 100%;
  padding-top: 66px;
}
.pro_con1 .rq2 .div{
  width: 30.7%;
  height: 578px;
  margin-right: 3.95%;
  margin-bottom: 50px;
  float: left;
  border: 1px solid rgb(175,175,175);
  position: relative;
}
.pro_con1 .rq2 .div:nth-child(3n){
  margin-right: 0;
}
.pro_con1 .rq2 .div::before{
  content: '';
  width: 0%;
  height: 10px;
  background: #154190;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all .5s;
}
.pro_con1 .rq2 .div:hover::before{
  width: 100%;
}
.pro_con1 .rq2 .div .top{
  width: 100%;
  height: 84%;
  position: relative;
  overflow: hidden;
}
.pro_con1 .rq2 .div .top img{
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all .5s;
}
.pro_con1 .rq2 .div:hover .top img{
  transform: translate(-50%,-50%) scale(1.1);
}
.pro_con1 .rq2 .div .bot{
  width: 100%;
  height: 16%;
  padding: 0 22px;
}
.pro_con1 .rq2 .div .bot p{
  font-size: 28px;
  color: #333333;
  position: relative;
  padding-right: 110px;
  padding-right: 0 !important;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.pro_con1 .rq2 .div .bot p span{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #ffffff;
  width: 100px;
  height: 34px;
  border-radius: 34px;
  line-height: 34px;
  text-align: center;
  background: rgb(164,164,164);
  transition: all .5s;

  display: none;
}
.pro_con1 .rq2 .div:hover .bot p span{
  background: #154190;
}
.pro_con1 .fy{
  margin-top: 40px;
}

@media(max-width:1459px){
  .pro_con1 {
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .pro_con1 .rq {
    margin-top: 60px;
    padding: 18px 20px;
  }
  .pro_con1 .rq a {
    font-size: 16px;
    margin-right: 24px;
    line-height: 44px;
  }
  .pro_con1 .rq1 {
    margin-top: 70px;
    padding: 44px 0;
  }
  .pro_con1 .rq1 .rig .p1 {
    font-size: 28px;
  }
  .pro_con1 .rq1 .rig .p2 {
    font-size: 18px;
  }
  .pro_con1 .rq1 .rig .p3 {
    font-size: 14px;
    margin-top: 22px;
  }
  .pro_con1 .rq1 .rig button {
    font-size: 18px;
    width: 120px;
    height: 34px;
    border-radius: 34px;
    margin-top: 34px;
  }
  .pro_con1 .rq2 {
    padding-top: 50px;
  }
  .pro_con1 .rq2 .div {
    height: 440px;
    margin-bottom: 34px;
  }
  .pro_con1 .rq2 .div .bot p {
    font-size: 21px;
    padding-right: 90px;
  }
  .pro_con1 .rq2 .div .bot p span {
    font-size: 13px;
    width: 82px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px;
  }
  .pro_con1 .fy {
    margin-top: 20px;
  }

}
@media(max-width:991px){
  .pro_con1 {
    padding-top: 36px;
    padding-bottom: 50px;
  }
  .pro_con1 .rq {
    margin-top: 30px;
    padding: 18px 20px;
  }
  .pro_con1 .rq1 {
    margin-top: 38px;
    padding: 28px 0;
  }
  .pro_con1 .rq1 .rig .p1 {
    font-size: 24px;
  }
  .pro_con1 .rq1 .rig .p2 {
    font-size: 16px;
  }
  .pro_con1 .rq1 .rig button {
    font-size: 15px;
    width: 100px;
    height: 30px;
    border-radius: 30px;
    margin-top: 22px;
  }
  .pro_con1 .rq2 .div {
    height: 320px;
    margin-bottom: 24px;
  }
  .pro_con1 .rq2 .div .bot {
    padding: 0 10px;
  }
  .pro_con1 .rq2 .div .bot p {
    font-size: 14px;
    padding-right: 78px;
  }
  .pro_con1 .rq2 .div .bot p span {
    font-size: 13px;
    width: 68px;
    height: 26px;
    border-radius: 26px;
    line-height: 26px;
  }
  .pro_con1 .rq2 .div::before {
    height: 4px;
  }

}
@media(max-width:768px){
  .pro_con1 .rq {
    margin-top: 20px;
    padding: 10px 20px;
  }
  .pro_con1 .rq a {
    font-size: 14px;
    margin-right: 20px;
    line-height: 32px;
  }
  .pro_con1 .rq1 {
    margin-top: 20px;
    padding: 20px 0;
  }
  .pro_con1 .rq1 .lef{
    width: 100%;
  }
  .pro_con1 .rq1 .lef img {
    max-width: 90%;
  }
  .pro_con1 .rq1 .rig{
    padding: 0 15px;
    padding-top: 20px;
    width: 100%;
  }


}
@media(max-width:500px){
  .pro_con1 .rq2 .div{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 14px;
  }
  .pro_con1 .rq2 .div:nth-child(3n){
    margin-right: 2%;
  }
  .pro_con1 .rq2 .div:nth-child(2n){
    margin-right: 0;
  }
  .pro_con1 .rq2 {
    padding-top: 30px;
  }
  .pro_con1 .rq2 .div {
    height: 250px;
    margin-bottom: 10px;
  }
  .pro_con1 .rq2 .div .bot p {
    font-size: 13px;
    padding-right: 70px;
  }
  .pro_con1 .rq2 .div .bot {
    height: 20%;
  }
  .pro_con1 .rq2 .div .top {
    height: 80%;
  }
  .pro_con1 .rq a::before {
    width: 1px;
    height: 12px;
    right: -9px;
  }

}
@media(max-width:375px){
  .pro_con1 .rq a {
    font-size: 13px;
    margin-right: 12px;
    line-height: 30px;
  }

  .pro_con1 .rq {
    margin-top: 20px;
    padding: 10px 14px;
  }
  .pro_con1 .rq2 .div {
    height: 225px;
  }
}




/* 产品详情 */
/* pro_dat1 */
.pro_dat1{
  width: 100%;
  padding-top: 86px;
  margin-bottom: 15px;
}
.pro_dat1 a{
  font-size: 24px;
  color: #999999;
  float: left;
  padding-right: 30px;
  position: relative;
  font-family: "open_bd";
}
.pro_dat1 a:hover{
  color: #154190;
}
.pro_dat1 a::before{
  content: '';
  width: 2px;
  height: 24px;
  background: #999999;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}




/* pro_dat2 */
.pro_dat2{
  width: 100%;
  padding: 67px 0;
  position: relative;
}
.pro_dat2::before{
  content: '';
  width: 50%;
  height: 100%;
  background: rgb(15,29,150);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.pro_dat2::after{
  content: '';
  width: 50%;
  height: 100%;
  /* background: rgb(239,239,239); */
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.pro_dat2 .wrap{
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
}
.pro_dat2 .lef{
  width: 50%;
  padding-top: 44px;
  padding-bottom: 44px;
  padding-right: 160px;
}
.pro_dat2 .lef .p1{
  font-size: 24px;
  color: #ffffff;

  display: none;
}
.pro_dat2 .lef .p2{
  font-size: 36px;
  color: #ffffff;
  margin-top: 16px;
  font-family: "open_md";
  margin-bottom: 20px;
}
.pro_dat2 .lef .p3{
  font-size: 20px;
  color: #ffffff;
  margin-top: 58px;
  margin-bottom: 20px;

  display: none;
}
.pro_dat2 .lef .p4{
  font-size: 20px;
  color: #ffffff;
}
.pro_dat2 .lef .div{
  width: 100%;
  margin-top: 60px;
}
.pro_dat2 .lef .div a{
  display: block;
  float: left;
  width: 56px;
  margin-right: 20px;
}
.pro_dat2 .lef .div a:hover{
  opacity: 0.5;
}
.pro_dat2 .lef .div a img{
  width: 100%;
}
.pro_dat2 .rig{
  width: 50%;
}
.pro_dat2 .rig .swiper-container,
.pro_dat2 .rig a{
  display: block;
  width: 100%;
  height: 100%;
}
.pro_dat2 .rig img{
  display: block;
  max-width: 80%;
  margin: 0 auto;
}
.pro_dat2 .swiper-pagination{
  bottom: 0;
}
.pro_dat2 .swiper-pagination-bullet{
  width: 12px;
  height: 12px;
  background: rgb(153,153,153);
  opacity: 1;
  margin: 0 10px !important;
}
.pro_dat2 .swiper-pagination-bullet-active{
  background: rgb(15,29,150);
}





/* pro_dat3 */
.pro_dat3{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 70px;
}
.pro_dat3 p{
  font-size: 24px;
  color: #154190;
  line-height: 30px;
  margin-bottom: 20px;
  font-family: "open_md";
}
.pro_dat3 p span{
  font-size: 16px;
  color: #252525;
  font-family: "open_rg";
}


/* pro_dat4 */
.pro_dat4{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.pro_dat4::before{
  content: '';
  width: 50%;
  height: 100%;
  /* background: rgb(239,239,239); */
  position: absolute;
  top: 0;
  left: 0;
}
.pro_dat4.pro_dat5::before{
  display: none;
}
.pro_dat4 .div{
  width: 50%;
  float: right;
}
.pro_dat4.pro_dat5 .div{
  float: left;
}
.pro_dat4 .div img{
  width: 100%;
  vertical-align: middle;
}
.pro_dat4 .wrap{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.pro_dat4 .rq{
  width: 50%;
  padding-right: 70px;
  float: left;
}
.pro_dat4.pro_dat5 .rq{
  float: right;
  padding-right: 0;
  padding-left: 70px;
}
.pro_dat4 .p{
  font-size: 58px;
  color: #00000a;
  margin-bottom: 15px;
  font-family: "open_bd";
}
.pro_dat4 .p1{
  font-size: 24px;
  color: #333333;
  line-height: 38px;
}



/* pro_dat6 */
.pro_dat6{
  width: 100%;
  padding-top: 110px;
}
.pro_dat6 .abo_p{
  text-align: left;
}
.pro_dat6 .rq{
  width: 100%;
  padding-top: 70px;
}
.pro_dat6 .rq tbody tr,
.pro_dat6 .rq tbody,
.pro_dat6 .rq table{
  width: 100%;
}
.pro_dat6 .rq th{
  width: 50%;
  font-size: 28px;
  color: #ffffff;
  background: rgb(15,29,150);
  padding: 50px 50px;
  text-align: left;
  font-weight: 100;
  font-family: "open_md";
}
.pro_dat6 .rq td{
  width: 50%;
  font-size: 24px;
  color: #666666;
  padding: 26px 26px;
  padding-left: 50px;
  background: rgb(239,239,239);
}
.pro_dat6 .rq tr:nth-child(2n) td{
  background: #fff;
}


/* pro_dat7 */
.pro_dat7{
  width: 100%;
  padding-top: 110px;
  padding-bottom: 110px;
}
.pro_dat7 .abo_p{
  text-align: left;
}
.pro_dat7 .rq{
  width: 100%;
  padding-top: 50px;
  position: relative;
}
.pro_dat7 .rq .div{
  width: 100%;
}
.pro_dat7 .rq .div .bj{
  width: 100%;
}

/* 视频 */
.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-modal2.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 .bf{
  width: 103px;
  height: 103px;
  background-image: url(../images/img89.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all .5s;
}
.abo_video:hover .bf{
  top: 45%;
}
.pro_dat7 .abo_video{
  display: none;
}
.pro_dat7 .abo_video.on1{
  display: block;
}

.pro_dat7 .rq .div1{
  width: 100%;
  margin-top: 28px;
}
.pro_dat7 .rq .div1 .lef{
  float: left;
}
.pro_dat7 .rq .div1 .lef a{
  display: block;
  width: auto;
  height: 40px;
  border-radius: 40px;
  line-height: 40px;
  border: 1px solid rgb(15,29,150);
  font-size: 26px;
  color: rgb(15,29,150);
  text-align: center;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  padding: 0 15px;
}
.pro_dat7 .rq .div1 .lef a.on{
  background: rgb(15,29,150);
  color: #ffffff;
}
.pro_dat7 .rq .div1 .rig{
  float: right;
  display: none;
}
.pro_dat7 .rq .div1 .rig a{
  display: inline-block;
  font-size: 38px;
  color: #154190;
  border-bottom: 2px solid #154190;
}
.pro_div{
  /* width: 100%; */
  /* padding-top: 75px; */
  padding-top: 0 !important;
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
}

.pro_div .a1,
.pro_div .a2{
  width: 160px;
  height: 42px;
  line-height: 42px;
  border-radius: 42px;
  text-align: center;
  background: rgb(239,239,239);
  font-size: 16px;
  color: #666666;
  display: inline-block;
  position: relative;
  margin-right: 10px;
}
.pro_div .a1:hover,
.pro_div .a2:hover{
  background: rgb(15,29,150);
  color: #fff;
}
.pro_div .a1{
  padding-left: 30px;
}
.pro_div .a2{
  padding-right: 30px;
}
.pro_div .a1::before,
.pro_div .a2::before{
  content: '';
  width: 15px;
  height: 7px;
  background-image: url(../images/img15.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 20%;
  top: 50%;
  transform: translateY(-50%);
  transition: all .5s;
}
.pro_div .a1::before{
  left: 20%;
  transform: translateY(-50%) rotate(180deg);
}
.pro_div .a1:hover::before,
.pro_div .a2:hover::before{
  background-image: url(../images/img16.png);
}

.pro_div .a3{
  width: 27px;
  height: 27px;
  display: inline-block;
  background-image: url(../images/img90.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: -8px;
}
.pro_div .a3:hover{
  background-image: url(../images/img91.png);
}


@media(max-width:1459px){
  .pro_dat1 {
    padding-top: 65px;
  }
  .pro_dat1 a {
    font-size: 18px;
    padding-right: 22px;
  }
  .pro_dat1 a::before {
    width: 2px;
    height: 15px;
    top: 56%;
  }
  .pro_dat2 {
    padding: 50px 0;
  }
  .pro_dat2 .lef {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-right: 120px;
  }
  .pro_dat2 .lef .p1 {
    font-size: 18px;
  }
  .pro_dat2 .lef .p2 {
    font-size: 18px;
    margin-top: 12px;
  }
  .pro_dat2 .lef .p3 {
    font-size: 16px;
    margin-top: 44px;
    margin-bottom: 16px;
  }
  .pro_dat2 .lef .p4 {
    font-size: 16px;
  }
  .pro_dat2 .lef .div {
    margin-top: 46px;
  }
  .pro_dat2 .lef .div a {
    width: 42px;
    margin-right: 20px;
  }
  .pro_dat3 {
    padding-top: 76px;
    padding-bottom: 52px;
  }
  .pro_dat3 p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 16px;
  }
  .pro_dat4 .p {
    font-size: 40px;
    margin-bottom: 10px;
  }
  .pro_dat4 .p1 {
    font-size: 18px;
    line-height: 28px;
  }
  .pro_dat4 .rq {
    padding-right: 50px;
  }
  .pro_dat6 {
    padding-top: 82px;
  }
  .pro_dat6 .rq {
    padding-top: 52px;
  }
  .pro_dat6 .rq th {
    font-size: 20px;
    padding: 32px 32px;
  }
  .pro_dat6 .rq td {
    font-size: 20px;
    padding: 18px 18px;
    padding-left: 32px;
  }
  .pro_dat7 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pro_dat7 .rq {
    padding-top: 34px;
  }
  .abo_video .bf {
    width: 78px;
    height: 78px;
  }
  .pro_dat7 .rq .div1 {
    margin-top: 20px;
  }
  .pro_dat7 .rq .div1 .lef a {
    /* width: 130px; */
    height: 36px;
    border-radius: 36px;
    line-height: 36px;
    font-size: 20px;
  }
  .pro_dat7 .rq .div1 .rig a {
    font-size: 28px;
  }
  .pro_div {
    padding-top: 50px;
  }

}
@media(max-width:1259px){
  .pro_dat4 .rq {
    height: 230px;
    overflow-y: auto;
  }
  .pro_dat4 .rq::-webkit-scrollbar {
    width: 5px;
    background-color: #999;
    border-radius:50px;
  }
  .pro_dat4 .rq::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #154190
  }

}
@media(max-width:991px){
  .pro_dat1 a {
    font-size: 16px;
  }
  .pro_dat1 {
    padding-top: 34px;
  }
  .pro_dat2 .lef {
    padding-top: 15px;
    padding-bottom: 24px;
    padding-right: 26px;
  }
  .pro_dat2 .rig img {
    max-width: 60%;
  }
  .pro_dat2 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 6px !important;
  }
  .pro_dat3 {
    padding-top: 50px;
    padding-bottom: 36px;
  }
  .pro_dat4 .p {
    font-size: 26px;
    margin-bottom: 8px;
  }
  .pro_dat4 .p1 {
    font-size: 16px;
    line-height: 24px;
    height: 150px;
  }

  .pro_dat6 {
    padding-top: 46px;
  }
  .pro_dat6 .rq {
    padding-top: 30px;
  }
  .pro_dat6 .rq th {
    font-size: 18px;
    padding: 14px 12px;
  }
  .pro_dat6 .rq td {
    font-size: 16px;
    padding: 10px 10px;
    padding-left: 12px;
  }
  .pro_dat7 {
    padding-top: 46px;
    padding-bottom: 56px;
  }
  .pro_dat7 .rq {
    padding-top: 22px;
  }
  .abo_video .bf {
    width: 44px;
    height: 44px;
  }
  .pro_dat7 .rq .div1 {
    margin-top: 10px;
  }
  .pro_dat7 .rq .div1 .lef a {
    /* width: 100px; */
    height: 28px;
    border-radius: 28px;
    line-height: 28px;
    font-size: 15px;
  }
  .pro_dat7 .rq .div1 .rig a {
    font-size: 18px;
  }
  .pro_div {
    padding-top: 26px;
  }
  .pro_div .a1, .pro_div .a2 {
    width: 120px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    font-size: 14px;
    margin-right: 6px;
  }
  .pro_div .a1 {
    padding-left: 20px;
  }
  .pro_div .a1::before, .pro_div .a2::before {
    width: 12px;
    height: 6px;
    right: 17%;
  }
  .pro_div .a1::before {
    left: 17%;
  }
  .pro_div .a3 {
    width: 22px;
    height: 22px;
    margin-bottom: -6px;
  }

}
@media(max-width:768px){
  .pro_dat2::after,
  .pro_dat2::before{
    display: none;
  }
  .pro_dat2 .rig{
    width: 100%;
    background: rgb(239,239,239);
  }
  .pro_dat2 .lef{
    width: 100%;
    background: rgb(15,29,150);
    padding: 20px;
  }
  .pro_dat2 .rig .swiper-container{
    padding: 30px 0;
  }
  .pro_dat2 {
    padding: 0px 0;
  }
  .pro_dat3 {
    padding-top: 32px;
    padding-bottom: 14px;
  }
  .pro_dat4.pro_dat5 .div,
  .pro_dat4 .div{
    width: 100%;
    float: none;
  }
  .pro_dat4 .wrap{
    position: static;
    transform: translate(0,0);
    background: rgb(239,239,239);
  }
  .pro_dat4::before{
    display: none;
  }
  .pro_dat4 .rq{
    width: 100%;
    padding: 30px 15px;
  }
  .pro_dat4 .p1{
    height: auto;
  }
  .pro_div{
    position: static;
    padding-top: 26px !important;
    display: table;
    width: auto;
    margin: 0 auto;
  }
  .pro_dat7 .rq .div1{
    display: table;
    width: auto;
    margin: 0 auto;
    margin-top: 20px;
  }

}
@media(max-width:500px){
  .pro_dat1 a {
    padding-right: 15px;
  }
  .pro_dat2 .rig img {
    max-width: 44%;
  }
  .pro_dat2 .swiper-pagination {
    bottom: 10px;
  }
  .pro_dat4 .rq {
    padding: 20px 0px;
  }
  .pro_dat4 .p {
    font-size: 24px;
    margin-bottom: 2px;
  }
  .pro_dat4.pro_dat5 .rq{
    padding-left: 0;
  }
  .pro_dat6 .rq {
    padding-top: 20px;
    overflow-x: auto;
  }
  .pro_dat6 .rq table{
    width: 750px;
  }
  .msg-box {
    width: 95%;
    height: 50%;
  }
  .pro_dat7 .rq .div1 .lef a {
    /* width: 78px; */
    height: 28px;
    border-radius: 28px;
    line-height: 28px;
    font-size: 14px;
    margin-right: 4px;
    margin-bottom: 10px;
  }
  .pro_dat7 .rq .div1 {
    margin-top: 10px;
  }

}




/* 应用程序 */
.yycx{
  width: 100%;
  padding-top: 80px;
  padding-bottom: 110px;
}
.yycx .abo_p{
  text-align: left;
}

.yycx .rq{
  width: 100%;
  padding-top: 80px;
  padding-top: 0 !important;
}
.yycx .bot{
  width: 100%;
  padding-top: 60px;
  padding-bottom: 50px;
}
.yycx .bot .div{
  width: 32.3%;
  margin-right: 1.55%;
  margin-bottom: 22px;
  float: left;
  position: relative;
  overflow: hidden;
}
.yycx .bot .div:nth-child(3n){
  margin-right: 0;
}
.yycx .bot .div a{
  display: block;
  position: relative;
  z-index: 10;
}
.yycx .bot .div a::before{
  content: '';
  width: 100%;
  height: 196px;
  background-image: url(../images/img101.png);
  background-size: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all .5s;
  z-index: 1;
}
.yycx .bot .div:hover a::before{
  background-image: url(../images/img102.png);
}
.yycx .bot .div img{
  width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.yycx .bot .div:hover img{
  transform: scale(1.05);
}
.yycx .bot .div1{
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 26px;
  padding-bottom: 15px;
  z-index: 2;
}
.yycx .bot .div1 .p1{
  font-size: 32px;
  color: #ffffff;
  display: none;

  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.yycx .bot .div1 .p2{
  font-size: 16px;
  color: #ffffff;
  margin-top: 5px;
  font-family: "open_md";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media(max-width:1459px){
  .yycx {
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .yycx .rq {
    padding-top: 60px;
  }
  .yycx .bot .div1 {
    padding: 0 18px;
    padding-bottom: 10px;
    height: 50px;
  }
  .yycx .bot .div1 .p1 {
    font-size: 24px;
  }
  .yycx .bot .div1 .p2 {
    font-size: 14px;
  }
  .yycx .bot .div {
    margin-bottom: 16px;
  }
  .yycx .bot {
    padding-top: 45px;
    padding-bottom: 38px;
  }
  .abo_fl {
    padding-top: 36px;
  }







}
@media(max-width:991px){
  .yycx {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .yycx .rq {
    padding-top: 30px;
  }
  .yycx .bot {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .yycx .bot .div{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 15px;
  }
  .yycx .bot .div:nth-child(3n){
    margin-right: 2%;
  }
  .yycx .bot .div:nth-child(2n){
    margin-right: 0;
  }


}
@media(max-width:500px){
  .yycx .rq {
    padding-top: 20px;
  }
  .yycx .bot {
    padding-top: 20px;
    padding-bottom: 24px;
  }
  .yycx {
    padding-top: 40px;
    padding-bottom: 46px;
    /* height: 45px; */
  }
  .yycx .bot .div1 {
    padding: 0 6px;
    padding-bottom: 8px;
  }
  .yycx .bot .div1 .p1 {
    font-size: 16px;
  }
  .yycx .bot .div1 .p2 {
    font-size: 13px;
  }
  .yycx .bot .div {
    margin-bottom: 10px;
  }
  .abo_fl {
    padding-top: 14px;
  }

}



/* 新闻 */
/* new_con1 */
.new_con1{
  width: 100%;
  padding-top: 70px;
  padding-bottom: 110px;
}
.new_con1 .abo_p{
  text-align: left;
}
.new_con1 .rq{
  width: 100%;
  padding-top: 80px;
  padding-bottom: 20px;
}
.new_con1 .rq .div{
  width: 23.6%;
  margin-right: 1.8666666%;
  float: left;
  margin-bottom: 60px;
}
.new_con1 .rq .div:nth-child(4n){
  margin-right: 0;
}
.new_con1 .rq .div .top{
  width: 100%;
  overflow: hidden;
}
.new_con1 .rq .div .top img{
  width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.new_con1 .rq .div:hover .top img{
  transform: scale(1.05);
}
.new_con1 .rq .div .bot{
  width: 100%;
  /* height: 280px; */
  height: auto !important;
  background: rgb(239,239,239);
  padding: 22px;
  /* padding-bottom: 72px; */
  position: relative;
}
.new_con1 .rq .div .bot .p1{
  font-size: 18px;
  color: #333333;
  margin-bottom: 6px;
  transition: all .5s;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.new_con1 .rq .div:hover .bot .p1{
  color: #154190;
}
.new_con1 .rq .div .bot .p2{
  font-size: 14px;
  color: #777777;
  margin-bottom: 14px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.new_con1 .rq .div .bot .p3{
  font-size: 14px;
  color: #333333;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;

  display: none;
}
.new_con1 .rq .div .bot button{
  font-size: 16px;
  color: #ffffff;
  width: 100px;
  height: 32px;
  border-radius: 32px;
  background: rgb(164,164,164);
  position: absolute;
  bottom: 32px;
  left: 22px;
  transition: all .5s;

  display: none;
}
.new_con1 .rq .div:hover .bot button{
  background: #154190;
}

@media(max-width:1459px){
  .new_con1 {
    padding-top: 52px;
    padding-bottom: 82px;
  }
  .new_con1 .rq {
    padding-top: 60px;
    padding-bottom: 14px;
  }
  .new_con1 .rq .div .bot {
    height: 212px;
    padding: 16px;
    /* padding-bottom: 60px; */
  }
  .new_con1 .rq .div .bot .p1 {
    font-size: 16px;
    /* margin-bottom: 24px; */
  }
  .new_con1 .rq .div .bot button {
    font-size: 14px;
    width: 80px;
    height: 28px;
    border-radius: 28px;
    bottom: 20px;
    left: 16px;
  }
  .new_con1 .rq .div {
    margin-bottom: 25px;
  }






}
@media(max-width:991px){
  .new_con1 {
    padding-top: 34px;
    padding-bottom: 52px;
  }
  .new_con1 .rq {
    padding-top: 28px;
    padding-bottom: 14px;
  }
  .new_con1 .rq .div{
    width: 32%;
    margin-right: 2%;
  }
  .new_con1 .rq .div:nth-child(4n){
    margin-right: 2%;
  }
  .new_con1 .rq .div:nth-child(3n){
    margin-right: 0;
  }

}
@media(max-width:500px){
  .new_con1 .rq .div{
    width: 49%;
    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;
  }
  .new_con1 .rq {
    padding-top: 20px;
    padding-bottom: 14px;
  }
  .new_con1 .rq .div .bot {
    height: 180px;
    padding: 12px;
    /* padding-bottom: 54px; */
  }
  .new_con1 .rq .div .bot .p1 {
    font-size: 15px;
    /* margin-bottom: 10px; */
  }
  .new_con1 .rq .div .bot .p2 {
    font-size: 13px;
    margin-bottom: 10px;
  }




}


/* 新闻详情 */
.new_date1{
  width: 100%;
  padding-top: 120px;
  padding-bottom: 110px;
}
.new_date1 .top{
  width: 100%;
  position: relative;
}
.new_date1 .top .p1{
  font-size: 36px;
  color: #00000a;
  font-family: "open_bd";
  text-align: center;
}
.new_date1 .top .p2{
  font-size: 16px;
  color: #999999;
  padding-top: 24px;
  text-align: center;
}
.new_date1 .pro_div{
  width: 380px;
  position: absolute;
  top: -60px;
  right: 50%;
	left:50%;
  transform: translateX(-50%);
  padding-top: 0 !important;
}

.new_date1 .bot{
  width: 100%;
  padding-top: 60px;
}
.new_date1 .bot p{
  font-size: 20px;
  color: #666666;
  line-height: 40px;
  text-align: justify;
}
.new_date1 .bot .div{
  width: 100%;
  padding-top: 75px;
  padding-bottom: 50px;
}
.new_date1 .bot img{
  max-width: 100%;
  height: auto !important;
  display: block;
  margin: 0 auto;
}

@media(max-width:1459px){
  .new_date1 {
    padding-top: 110px;
    padding-bottom: 80px;
  }
  .new_date1 .top .p1 {
    font-size: 26px;
  }
  .new_date1 .bot {
    padding-top: 45px;
  }
  .new_date1 .bot p {
    font-size: 16px;
    line-height: 32px;
  }
  .new_date1 .bot .div {
    padding-top: 50px;
    padding-bottom: 32px;
  }


}
@media(max-width:991px){
  .new_date1 .pro_div {
    width: 290px;
  }
}

@media(max-width:768px){
  .new_date1 .bot .pro_div{
    position: static;
    display: table !important;
    width: auto;
    margin: 0 auto;
    margin-top: 40px;
    transform: translateX(0);
  }
  .new_date1 {
    padding-top: 45px;
    padding-bottom: 50px;
  }
  .new_date1 .top .p1 {
    font-size: 24px;
  }
  .new_date1 .top .p2 {
    font-size: 14px;
  }
  .new_date1 .bot {
    padding-top: 20px;
  }
  .new_date1 .bot p {
    font-size: 15px;
    line-height: 28px;
  }
  .new_date1 .bot .div {
    padding-top: 24px;
    padding-bottom: 18px;
  }

}




/* 案例 */
.case_date2{
  width: 100%;
  padding: 80px 0;
}
.case_con1{
  width: 100%;
  padding-top: 74px;
  padding-bottom: 110px;
}
.case_con1 .abo_p{
  text-align: left;
}
.case_con1 .rq{
  width: 100%;
  padding-top: 85px;
  padding-bottom: 35px;
  padding-top: 0 !important;
}
.case_con1 .rq .bot{
  width: 100%;
  padding-top: 74px;
}
.case_con1 .rq .bot .div{
  width: 100%;
  margin-bottom: 38px;
}
.case_con1 .rq .bot .div a{
  display: flex;
  flex-wrap: wrap;
}
.case_con1 .rq .bot .div:nth-child(2n) a{
  flex-wrap: wrap-reverse;
}
.case_con1 .rq .bot .div .lef{
  width: 50%;
  overflow: hidden;
}
.case_con1 .rq .bot .div .lef img{
  width: 100%;
  vertical-align: middle;
  transition: all .5s;
}
.case_con1 .rq .bot .div:hover .lef img{
  transform: scale(1.05);
}
.case_con1 .rq .bot .div .rig{
  width: 50%;
  background: rgb(239,239,239);
  padding: 74px 56px;
  padding-bottom: 0px;
  position: relative;
  transition: all .5s;
}
.case_con1 .rq .bot .div:hover .rig{
  background: rgb(15,29,150);
}
.case_con1 .rq .bot .div .rig .p1{
  font-size: 24px;
  color: #333;
  margin-bottom: 24px;
  transition: all .5s;
  font-family: "open_md";

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.case_con1 .rq .bot .div .rig .p2{
  font-size: 16px;
  color: #999999;
  margin-bottom: 36px;
  opacity: 0.46;
  transition: all .5s;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.case_con1 .rq .bot .div .rig .p3{
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  transition: all .5s;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.case_con1 .rq .bot .div:hover .rig p{
  color: #fff;
}
.case_con1 .rq .bot .div .rig button{
  width: 100px;
  height: 32px;
  border-radius: 32px;
  background: rgb(164,164,164);
  font-size: 16px;
  color: #ffffff;
  /* position: absolute; */
  /* right: 56px; */
  /* bottom: 50px; */
  margin-top: 64px;
  transition: all .5s;
}
.case_con1 .rq .bot .div:hover .rig button{
  background: #fff;
  color: #154190;
}

@media(max-width:1459px){
  .case_date2{
    padding: 60px 0;
  }
  .case_con1 {
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .case_con1 .rq {
    padding-top: 50px;
    padding-bottom: 24px;
  }
  .case_con1 .rq .bot {
    padding-top: 50px;
  }
  .case_con1 .rq .bot .div .rig {
    padding: 35px 30px;
    padding-bottom: 0px;
  }
  .case_con1 .rq .bot .div .rig button {
    width: 80px;
    height: 28px;
    border-radius: 28px;
    right: 30px;
    bottom: 28px;
    font-size: 14px;
  }
  .case_con1 .rq .bot .div .rig .p3 {
    font-size: 15px;
    line-height: 28px;
  }
  .case_con1 .rq .bot .div {
    margin-bottom: 24px;
  }
  .case_con1 .rq .bot .div .rig .p1 {
    margin-bottom: 18px;
  }
  .case_con1 .rq .bot .div .rig .p2 {
    margin-bottom: 20px;
  }
  .case_con1 .rq .bot .div .rig button {
    margin-top: 38px;
  }

}
@media(max-width:1259px){
  .case_con1 .rq .bot .div .rig {
    padding: 20px 30px;
    padding-bottom: 60px;
  }
  .case_con1 .rq .bot .div .rig .p1 {
    font-size: 20px;
  }
  .case_con1 .rq .bot .div .rig .p2 {
    font-size: 14px;
    margin-bottom: 14px;
  }
  .case_con1 .rq .bot .div .rig .p3 {
    font-size: 15px;
    line-height: 26px;
  }

}
@media(max-width:991px){
  .case_con1 {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .case_con1 .rq {
    padding-top: 28px;
    padding-bottom: 14px;
  }
  .case_con1 .rq .bot {
    padding-top: 20px;
  }
  .case_con1 .rq .bot .div .lef{
    width: 100%;
  }
  .case_con1 .rq .bot .div .rig{
    width: 100%;
  }

}
@media(max-width:500px){
  .case_date2{
    padding: 40px 0;
  }
  .case_con1 .rq .bot .div .rig {
    padding: 20px 17px;
    padding-bottom: 20px;
  }
  .case_con1 .rq .bot .div {
    margin-bottom: 15px;
  }
}






/* 下载 */
/* .dow_con1 */
.dow_con1{
  width: 100%;
  padding-top: 80px;
  padding-bottom: 110px;
}
.dow_con1 .abo_p{
  text-align: left;
}
.dow_con1 .rq{
  width: 100%;
  padding-top: 80px;
  padding-bottom: 38px;
}
.dow_con1 .rq .div{
  width: 100%;
  margin-bottom: 38px;
}
.dow_con1 .rq .div2{
  width: 50%;
  float: left;
  padding-left: 36px;

  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dow_con1 .rq .div3{
  width: 22%;
  float: left;
  text-align: center;

  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dow_con1 .rq .div4{
  width: 15%;
  float: left;

  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dow_con1 .rq .div5{
  width: 13%;
  float: left;
  text-align: center;

  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dow_con1 .rq .div.div1{
  background: rgb(15,29,150);
}
.dow_con1 .rq .div.div1 .div2,
.dow_con1 .rq .div.div1 .div3,
.dow_con1 .rq .div.div1 .div4,
.dow_con1 .rq .div.div1 .div5{
  font-size: 28px;
  color: #fff;
  line-height: 135px;
  font-family: "open_md";
  text-align: left;
}

.dow_con1 .rq .div.div1_1{
  line-height: 100px;
  background: rgb(239,239,239);
}
.dow_con1 .rq .div.div1_1 .div2{
  font-size: 24px;
  transition: all .5s;
}
.dow_con1 .rq .div.div1_1 .div2 i{
  width: 33px;
  height: 34px;
  display: inline-block;
  background-image: url(../images/img117.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: -10px;
  margin-right: 15px;
  transition: all .5s;
}
.dow_con1 .rq .div.div1_1:hover .div2 i{
  background-image: url(../images/img118.png);
}
.dow_con1 .rq .div.div1_1 .div3,
.dow_con1 .rq .div.div1_1 .div4{
  font-size: 20px;
  color: #999999;
  transition: all .5s;
  text-align: left;
}
.dow_con1 .rq .div.div1_1:hover .div2,
.dow_con1 .rq .div.div1_1:hover .div3,
.dow_con1 .rq .div.div1_1:hover .div4{
  color: #154190;
}
.dow_con1 .rq .div.div1_1 .div5 a{
  width: 55px;
  height: 55px;
  display: block;
  background-image: url(../images/img119.png);
  background-size: contain;
  background-repeat: no-repeat;
  /* margin: 0 auto; */
  margin-top: 22px;
  transition: all .5s;
}
.dow_con1 .rq .div.div1_1:hover .div5 a{
  background-image: url(../images/img119blue.png);
}

@media(max-width:1459px){
  .dow_con1 {
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .dow_con1 .rq {
    padding-top: 50px;
    padding-bottom: 26px;
  }
  .dow_con1 .rq .div.div1 .div2, .dow_con1 .rq .div.div1 .div3, .dow_con1 .rq .div.div1 .div4, .dow_con1 .rq .div.div1 .div5 {
    font-size: 20px;
    color: #fff;
    line-height: 90px;
  }
  .dow_con1 .rq .div {
    margin-bottom: 24px;
  }
  .dow_con1 .rq .div2 {
    padding-left: 24px;
  }
  .dow_con1 .rq .div.div1_1 .div2 i {
    width: 25px;
    height: 26px;
    margin-bottom: -5px;
    margin-right: 10px;
  }
  .dow_con1 .rq .div.div1_1 .div2 {
    font-size: 18px;
  }
  .dow_con1 .rq .div.div1_1 .div3, .dow_con1 .rq .div.div1_1 .div4 {
    font-size: 16px;
  }
  .dow_con1 .rq .div.div1_1 .div5 a {
    width: 40px;
    height: 40px;
    margin-top: 12px;
  }
  .dow_con1 .rq .div.div1_1 {
    line-height: 66px;
  }

}
@media(max-width:991px){
  .dow_con1 {
    padding-top: 32px;
    padding-bottom: 50px;
  }
  .dow_con1 .rq {
    padding-top: 28px;
    padding-bottom: 16px;
  }
  .dow_con1 .rq .div.div1 .div2, .dow_con1 .rq .div.div1 .div3, .dow_con1 .rq .div.div1 .div4, .dow_con1 .rq .div.div1 .div5 {
    font-size: 16px;
    color: #fff;
    line-height: 60px;
    text-align: center;
  }
  .dow_con1 .rq .div2 {
    padding-left: 18px;
  }
  .dow_con1 .rq .div {
    margin-bottom: 16px;
  }
  .dow_con1 .rq .div.div1_1 {
    line-height: 54px;
  }
  .dow_con1 .rq .div.div1_1 .div2 i {
    width: 20px;
    height: 20px;
    margin-bottom: -2px;
    margin-right: 4px;
  }
  .dow_con1 .rq .div.div1_1 .div2 {
    font-size: 16px;
  }
  .dow_con1 .rq .div.div1_1 .div3, .dow_con1 .rq .div.div1_1 .div4 {
    font-size: 14px;
    text-align: center;
  }
  .dow_con1 .rq .div.div1_1 .div5 a {
    width: 34px;
    height: 34px;
    margin: 0 auto;
    margin-top: 10px;
  }

}
@media(max-width:500px){
  .dow_con1 .rq .div2,
  .dow_con1 .rq .div3{
    width: 50%;
    text-align: center;
  }
  .dow_con1 .rq .div4{
    width: 50%;
    text-align: center;
  }
  .dow_con1 .rq .div5{
    width: 50%;
  }
  .dow_con1 .rq .div2{
    padding-left: 0;
  }

}





/* 联系我们 */
/* con_con1 */
.con_con1{
  width: 100%;
  padding-top: 80px;
  padding-bottom: 90px;
}
.con_con1 .abo_p{
  text-align: left;
}

/* con_con2 */
.con_con2{
  width: 100%;
  background: rgb(15,29,150);
  padding-top: 115px;
  padding-bottom: 110px;
}
.con_con2 .rq{
  width: 100%;
}
.con_con2 .rq .div{
  /* width: 33.3333%; */
  width: 50%;
  float: left;
}
.con_con2 .rq .div img{
  width: 97px;
  display: block;
  transition: all .5s;
  margin: 0 auto;
  display: none;
}
.con_con2 .rq .div:hover img{
  transform: translateY(-10px);
}
.con_con2 .rq .div .p1{
  font-size: 36px;
  color: #ffffff;
  margin-top: 10px;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 15px;
  font-family: "open_md";
}
.con_con2 .rq .div .p2,.con_con2 .rq .div .p2 p{
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  opacity: 0.86;
  text-align: left;
}


/* .con_con3 */
.con_con3{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 110px;
}
.con_con3 .p1{
  font-size: 58px;
  color: #333333;
  font-family: "open_bd";
}
.con_con3 .p2{
  font-size: 36px;
  color: #333333;
  margin-top: 10px;
  display: none;
}
.con_con3 .p3{
  font-size: 20px;
  color: #333333;
  width: 76%;
  line-height: 30px;
  margin-top: 30px;
}
.con_con3 .rq{
  width: 100%;
  padding-top: 60px;
}
.con_con3 .rq input{
  font-size: 20px;
  color: #666666;
  width: 32%;
  height: 86px;
  float: left;
  background: rgb(239,239,239);
  border: 1px solid rgb(239,239,239);
  margin-right: 2%;
  padding-left: 22px;
  margin-bottom: 38px;
  transition: all .5s;
}
.con_con3 .rq input:hover:-moz-placeholder,
.con_con3 .rq textarea:hover:-moz-placeholder {
  color: #154190;
}
.con_con3 .rq input:hover:-ms-input-placeholder,
.con_con3 .rq textarea:hover:-ms-input-placeholder {
  color: #154190;
}
.con_con3 .rq input:hover::-webkit-input-placeholder,
.con_con3 .rq textarea:hover::-webkit-input-placeholder {
  color: #154190;
}
.con_con3 .rq input:nth-child(3){
  margin-right: 0;
}
.con_con3 .rq textarea{
  font-size: 20px;
  color: #666666;
  width: 100%;
  height: 415px;
  float: left;
  background: rgb(239,239,239);
  border: 1px solid rgb(239,239,239);
  margin-bottom: 68px;
  padding-left: 22px;
  padding-top: 22px;
  transition: all .5s;
}
.con_con3 .rq textarea:hover,
.con_con3 .rq input:hover{
  background: #fff;
  border: 1px solid #154190;
  color: #154190;
}
.con_con3 .rq button{
  font-size: 19px;
  color: #ffffff;
  width: 140px;
  height: 40px;
  border-radius: 40px;
  background: #154190;
  float: right;
}

@media(max-width:1459px){
  .con_con1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .con_con2 {
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .con_con2 .rq .div img {
    width: 72px;
  }
  .con_con2 .rq .div .p1 {
    font-size: 28px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .con_con2 .rq .div .p2 {
    font-size: 18px;
    line-height: 28px;
  }
  .con_con3 {
    padding-top: 76px;
    padding-bottom: 84px;
  }
  .con_con3 .p1 {
    font-size: 44px;
  }
  .con_con3 .p2 {
    font-size: 26px;
    margin-top: 6px;
  }
  .con_con3 .p3 {
    font-size: 18px;
    width: 90%;
    line-height: 28px;
    margin-top: 22px;
  }
  .con_con3 .rq {
    padding-top: 40px;
  }
  .con_con3 .rq input {
    font-size: 16px;
    height: 62px;
    padding-left: 18px;
    margin-bottom: 24px;
  }
  .con_con3 .rq textarea {
    font-size: 16px;
    height: 270px;
    margin-bottom: 50px;
    padding-left: 18px;
    padding-top: 18px;
  }

}
@media(max-width:991px){
  .con_con1{
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .con_con2 .rq .div .p1{
    font-size: 20px;
    margin-top: 10px;
  }
  .con_con2 .rq .div .p2{
    font-size: 15px;
    line-height: 26px;
  }
  .con_con2 .rq .div img {
    width: 55px;
  }
  .con_con2 {
    padding-top: 50px;
    padding-bottom: 46px;
  }
  .con_con3 {
    padding-top: 46px;
    padding-bottom: 50px;
  }
  .con_con3 .p1 {
    font-size: 32px;
  }
  .con_con3 .p2 {
    font-size: 20px;
    margin-top: 5px;
  }
  .con_con3 .p3 {
    font-size: 16px;
    width: 100%;
    line-height: 24px;
    margin-top: 16px;
  }
  .con_con3 .rq input {
    font-size: 14px;
    height: 40px;
    padding-left: 14px;
    margin-bottom: 14px;
  }
  .con_con3 .rq textarea {
    font-size: 14px;
    height: 185px;
    margin-bottom: 30px;
    padding-left: 14px;
    padding-top: 14px;
  }
  .con_con3 .rq button {
    font-size: 16px;
    width: 114px;
    height: 32px;
    border-radius: 32px;
  }

}
@media(max-width:500px){
  .con_con2 .rq .div{
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
  }
  .con_con2 .rq .div img{
    margin: 0 auto;
  }
  .con_con2 {
    padding-top: 50px;
    padding-bottom: 10px;
  }
  .con_con3 .p1 {
    font-size: 26px;
  }
  .con_con3 .p2 {
    font-size: 16px;
    margin-top: 0px;
  }
  .con_con3 .p3 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 16px;
  }
  .con_con3 .rq {
    padding-top: 26px;
  }
  .con_con3 .rq input{
    width: 100%;
    margin-right: 0;
  }

}