* {
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: 'MR';
  src: url('../fonts/MR.TTF');
}

@font-face {
  font-family: 'MB';
  src: url('../fonts/MB.otf');
}
body {}
.content {
  min-height: 500px;
  margin-top: 90px;
  /* overflow: hidden; */
  position: relative;
}

.content1,
.content2,
.content3,
.content4,
.content5,
.content6,
.abdate_cont,
.about_cont2,
.about_cont3,
.about_cont4,
.about_cont5,
.about_cont6,
.about_cont7,
.cent_cont1,
.cent_cont2,
.cent_cont3,
.cent_cont4,
.cent_cont5,
.con_cont1,
.con_cont2,
.ser_cont5,
.form,
.solu_cont1,
.solu_cont2,
.solu_cont3,
.solu_cont4,
.solu_cont5,
.abdate_cont,
.abdate_cont1,
.prodate_cont1,
.issdate_cont2,
.join_cont1,
.join_cont2,
.join_cont3,
.new_cont1,
.new_cont2,
.newdate_cont3,
.newsha_cone1,
.odm_cont1,
.odm_cont2,
.odm_cont3,
.odm_cont4,
.odm_cont5,
.odm_cont6,
.prodate_cont1,
.prodeta,
.prodate_cont3,
.prlis_cont1,
.prlis_cont2,
.abdate_cont,
.ser_cont2,
.ser_cont4,
.ser_cont5,
.servedat_cont {
  overflow: hidden;
}
/* .scrollbar-ui-hover .scroll_bar{
  display: none !important;
} */
.content6 .a,
.content5 .a {
  display: block;
  width: 100%;
  height: 100%;
}

.content6 .bj {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  margin-left: 0 !important;
}

.app {
  display: none;
}

.banner {
  width: 100%;
}

.banner img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.banner .swiper-slide {
  position: relative;
}

.banner .swiper-slide .container {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-left: 35px;
  height: 196px;
}

.ban_con {
  width: 100%;
  height: 100%;
  position: relative;
}

.banbt {
  position: absolute;
  bottom: 0;
  left: 0;
}

.banner .container .p1 {
  font-size: 46px;
  color: #333;
  font-family: "bold";
  position: relative;
}

.banner .container .p1::before {
  content: '';
  width: 30px;
  height: 6px;
  background: rgb(0, 121, 195);
  position: absolute;
  left: 5;
  top: -20px;
}

.banner .container .p2 {
  font-size: 30px;
  color: #333;
  font-family: "regular";
}

.banner .swiper-slide:nth-child(2) .p1,
.banner .swiper-slide:nth-child(2) .p2 {
  color: #fff;
}

.banner .swiper-slide:nth-child(2) .p1::before {
  background: #fff;
}

.ljgd {
  display: block;
  width: 140px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  margin-top: 50px;
  overflow: hidden;
  position: relative;
  transition: all 0.8s;
  background: rgb(0, 121, 195);
}

.ljgd span {
  display: block;
  position: relative;
  z-index: 4;
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  color: #fff;
}


.ljgd:before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  background: rgb(232, 73, 38);
  transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: all .8s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  margin-top: -2px;
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  z-index: 2;
}

.ljgd:hover:before {
  transform: scale(100, 100);
  -webkit-transform: scale(100, 100);
  -moz-transform: scale(100, 100);
  -ms-transform: scale(100, 100);
  -o-transform: scale(100, 100);
}








.banner .container a img {
  width: 16px;
  height: 7px;
  margin-left: 5px;
  margin-bottom: 3px;
}

.banner .container a:hover img {
  margin-left: 10px;
}

.ljgd span img {
  transition: all 0.8s;
}

.ljgd span:hover>img {
  margin-left: 10px;
}

/* content1 */
.content1 {
  width: 100%;
  overflow: hidden;
}

.content1 .content1_1 {
  width: 33.333%;
  float: left;
  position: relative;
}

.content1 .content1_1 img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.content1 .content1_1 div {
  position: absolute;
  top: 35%;
  left: 8%;
  transition: all .5s;
}

.content1 .content1_1 .p1 {
  font-size: 26px;
  color: #333;
  font-family: "bold";
  transition: all .5s;
}

.content1 .content1_1 .p2 {
  font-size: 14px;
  color: #777;
  margin-top: 5px;
  transition: all .5s;
}

.content1 .content1_1 div img {
  width: 52px;
  height: 52px;
  margin-top: 37px;
  transition: all .5s;
  opacity: 0;
}

.content1 .content1_1::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: rgba(232, 73, 38, 0);
  transition: all .5s;
}

.content1 .content1_1:hover::before {
  background: rgba(232, 73, 38, 0.8);
}

.content1 .content1_1:hover>a div {
  left: 20%;
  top: 23%;
  z-index: 2;
}

.content1 .content1_1:hover>a div .p1 {
  color: #fff;
  font-size: 36px;
}

.content1 .content1_1:hover>a div .p2 {
  color: #fff;
  font-size: 20px;
}

.content1 .content1_1:hover>a div img {
  opacity: 1;
}



/* .content2 */
.content2 {
  width: 100%;
  padding: 80px 0;
  position: relative;
}

.content2 .dbj {
  width: 953px;
  height: 165px;
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translate(0%, -50%);
  transition: all 1s;
}

.content2 .dbj img {
  width: 100%;
}


.content2 .foot-container {
  position: relative;
}

.content2 .bj {
  width: 1402px;
  height: 623px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
  z-index: -1;
}

.content2 .bj img {
  width: 100%;
  height: 100%;
}

.content2 .lef {
  width: 50%;
  float: left;
}

.content2 .rig {
  width: 50%;
  float: right;
}

.content2 .rig div {
  width: 100%;
  height: 476px;
  margin-top: 164px;
}

.content2 .rig div img {
  width: 100%;
}

.content2 .lef .rq {
  width: 100%;
  float: right;
  margin-top: 70px;
}

.bt {
  font-size: 40px;
  color: #333;
  font-family: "bold";
}

.content2 .lef .rq .p2 {
  font-size: 14px;
  color: #999;
  line-height: 30px;
  margin-top: 15px;
  padding-right: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.content2 .void {
  width: 426px;
  height: 240px;
  position: relative;
  float: right;
}

.void .abo_video img {
  width: 100%;
  height: 100%;
}

/* è§?é￠‘??1?a— */

.msg-box-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 1001;
}

.msg-box {
  width: 100%;
  height: 100%;
  background-color: #F3F3F3;
  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: 35px;
  height: 35px;
  background: url("../images/qx3.png") no-repeat center;
  cursor: pointer;
  position: absolute;
  right: 55px;
  top: 55px;
  -webkit-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.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;
}

.content2 .abo_video:after {
  content: '';
  width: 75px;
  height: 74px;
  /*background: url(../2022/images/img8.png) no-repeat center;*/
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
  background-size: contain;
  z-index: 10;
}

.content2 .abo_video:hover:after {
  top: 47%;
}





/* content3 */
.content3 {
  width: 100%;
  height: 200px;
  background-image: url(../images/img28.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.content3 .foot-container {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0%);
}

.content3 div {
  height: 200px;
  vertical-align: middle;
  display: table-cell;
}

.content3 .content3_1 {
  width: 27%;
  height: 200px;
  float: left;
  padding-left: 70px;
  background-image: url(../images/img218.png);
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: 45%;
}

.content3 .content3_1:nth-child(2) {
  background-image: url(../images/img14.png);
}

.content3 .content3_1:nth-child(3) {
  background-image: url(../images/img15.png);
}

.content3 .content3_1:nth-child(4) {
  width: 19%;
  background-image: url(../images/img16.png);
}

.content3 .content3_1 .p1 {
  font-size: 14px;
  color: #fff;
}

.content3 .content3_1 .p1 span {
  font-size: 40px;
  color: #fff;
  font-family: "bebas";

}






/* .content4 */
.content4 {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 85px;
}

.fbt {
  font-size: 16px;
  color: #999;
  margin-bottom: 35px;
}

.content4 .lef {
  float: left;
  width: 600px;
  height: 520px;
  background: rgb(248, 248, 248);
}

.content4 .lef .top {
  overflow: hidden;
}

.content4 .lef .top,
.content4 .lef .top img {
  width: 100%;
  vertical-align: middle;
  transition: all 1s;
}

.content4 .lef:hover>a .top img {
  transform: scale(1.1);
}

.content4 .lef:hover>a .bot .p1 {
  color: rgba(0, 121, 195);
  ;
}

.content4 .lef .top {
  position: relative;
}

.content4 .lef .top span {
  font-size: 18px;
  color: #fff;
  width: 100px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: rgba(0, 121, 195, 0.9);
}

.content4 .lef .bot {
  padding: 35px 30px;
}

.content4 .lef .bot .p1 {
  font-size: 18px;
  color: #333;
  font-family: "bold";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.content4 .lef .bot .p2 {
  font-size: 14px;
  color: #999;
  /* padding-left: 10px; */
  line-height: 25px;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.content4 .rig {
  width: 740px;
  float: right;
  height: 520px;
}

.content4 .rig .rq {
  width: 100%;
}

.content4 .rig .rq .rq1 {
  float: left;
  width: 360px;
}

.content4 .rig .rq .rq1:nth-child(2) {
  float: right;
}

.content4 .rig .rq .rq1 div,
.content4 .rig .rq .rq1 div img {
  width: 100%;
  vertical-align: middle;
  transition: all 1s;
}

.content4 .rig .rq .rq1 div {
  position: relative;
  overflow: hidden;
}

.content4 .rig .rq .rq1 div span {
  font-size: 16px;
  color: #fff;
  width: 90px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: rgba(0, 121, 195, 0.9);
}

.content4 .rig .rq .rq1 p {
  font-size: 16px;
  color: #555;
  margin-top: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.content4 .rig .rq .rq1:hover>a div img {
  transform: scale(1.1);
}

.content4 .rig .rq .rq1:hover>a p {
  color: rgba(0, 121, 195);
}

.content4 .rig .rq2 {
  width: 100%;
  margin-top: 55px;
  border-top: 1px solid rgb(240, 240, 240);

}

.content4 .rig .rq2 p {
  font-size: 16px;
  color: #555;
  line-height: 70px;
  border-bottom: 1px solid rgb(240, 240, 240);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.content4 .rig .rq2 p span {
  font-size: 16px;
  color: #999;
  float: right;
}

.content4 .rig .rq2 p a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.content4 .rig .rq2 p:hover>a,
.content4 .rig .rq2 p:hover>a span {
  color: rgba(0, 121, 195);
}





/* content5 */
.content5 {
  width: 100%;
  background-image: url(../images/img20_2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 55px;
}

.content5 .lef {
  float: left;
  margin-top: 90px;
}

.content5 .dt {
  float: right;
  position: relative;
  margin-right: -210px;
}

.content5 .dt .dian1 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgb(10, 185, 223);
  position: absolute;
  left: 78%;
  top: 16%;
  transform: translate(-50%, -50%);
}

.content5 .dt .dian2 {
  left: 55%;
  top: 30.3%;
  color:#ff0000;
}

.content5 .dt .dian3 {
  left: 50.5%;
  top: 26.3%;
}

.content5 .dt .dian4 {
  left: 74.1%;
  top: 42%;
}

.content5 .dt .dian5 {
  left: 80%;
  top: 47%;
  display: none;
}

.content5 .dt .dian6 {/*上海*/
  left: 82.3%;
  top: 37.4%;
}

.content5 .dt .dian7 {
  left: 58.1%;
  top: 48.5%;
}

.content5 .dt .dian8 {
  left: 57%;
  top: 21.3%;
}

.content5 .dt .dian1 div {
  width: 100%;
  height: 100%;
  background: rgba(10, 185, 223, 0.5);
  border-radius: 50%;
  position: relative;
}

.content5 .dt .dian1 div::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  /* border: 1px solid rgb(10,185,223); */
  /* background: rgba(10,185,223,0.5); */
  animation: sonarEffect 2s linear infinite;
  position: absolute;
  left: 0%;
  top: 0%;
}

@keyframes dian {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(3);
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(10, 185, 223), 0 0 0px 0px rgba(10, 185, 223), 0 0 0 10px rgba(10, 185, 223);
  }

  100% {
    box-shadow: 0 0 0 2px rgba(10, 185, 223), 0 0 0px 0px rgba(10, 185, 223), 0 0 0 10px rgba(10, 185, 223);
    transform: scale(1.8);
    opacity: 0;
  }
}

.content5 .fj {
  position: absolute;
  top: 55%;
  left: 57%;
  transform: translate(-50%, -50%);
  animation: fj1 2s linear infinite;
}

@keyframes fj1 {
  0% {
    top: 55%;
    left: 57%;
  }

  50% {
    top: 55%;
    left: 47%;
  }

  100% {
    top: 54%;
    left: 41%;
  }
}

.content5 .fj2 {
  position: absolute;
  top: 46%;
  left: 57%;
  transform: translate(-50%, -50%);
  animation: fj2 1s linear infinite;
}

@keyframes fj2 {
  0% {
    top: 48%;
    left: 62%;
  }

  20% {
    top: 47%;
    left: 61%;
  }

  40% {
    top: 46%;
    left: 60%;
  }

  100% {
    top: 43%;
    left: 57%;
  }
}

.content5 .fj3 {
  position: absolute;
  top: 50%;
  left: 62%;

  transform: translate(-50%, -50%);
  animation: fj3 1s linear infinite;
}

@keyframes fj3 {
  0% {
    top: 50%;
    left: 62%;
  }

  20% {
    top: 49%;
    left: 61%;
  }

  40% {
    top: 49%;
    left: 60%;
  }

  60% {
    top: 48%;
    left: 59%;
  }

  80% {
    top: 47%;
    left: 57.5%;
  }

  100% {
    top: 47%;
    left: 56%;
  }
}

/* .content6 */
.content6 {
  width: 100%;
  position: relative;
}

.content6 img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.content6 .foot-container {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* padding-left: 35px; */
}

.content6 .foot-container p {
  color: #fff;
}

.content6 .foot-container .p1 {
  font-size: 14px;
  width: 430px;
  line-height: 25px;
}

.content6 a img {
  width: 16px;
  height: 7px;
  margin-left: 5px;
}










/* è§￡??3?–1??? */
.banner .nr {
  width: 100%;
  height: 100%;
  position: relative;
}

.banner .nr .wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.banner .nr .wrap .p1 {
  font-size: 40px;
  color: #fff;
  font-family: "bold";
  position: relative;
}

.banner .nr .wrap .p1::before {
  content: '';
  width: 98px;
  height: 125px;
  background-image: url(../images/img29.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: -28px;
  top: -26px;
}

.banner .nr .wrap .p2 {
  font-size: 14px;
  color: #fff;
  font-family: "regular";
}


/* content1 */
.solu_cont1 {
  width: 100%;
  height: 100px;
  background: #fff;
}
 .solu_cont1::-webkit-scrollbar {
  width: 1px;
  height: 1px;
  background-color:  #F5F5F5;
}

 .solu_cont1::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: #F5F5F5;
}
.solu_cont1::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color:#a7a6a6;;
}
.solu_cont1 a {
  font-size: 18px;
  color: #666;
  font-family: "regular";
  line-height: 100px;
  margin-right: 70px;
}

.solu_cont1 a:hover {
  color: #e84926;
}

.solu_cont1 .on {
  color: #e84926;
}

/* content2 */
.solu_cont2 {
  width: 100%;
  height: 100px;
  background: rgb(245, 245, 245);
  line-height: 100px;
}

.solu_cont2 a {
  width: 245px;
  height: 45px;
  display: inline-block;
  font-size: 16px;
  color: #444;
  font-family: "regular";
  line-height: 45px;
  text-align: center;
}

.solu_cont2 .on {
  background: rgb(232, 73, 38);
  color: #fff;
}

.solu_cont2 a:hover {
  background: rgb(232, 73, 38);
  color: #fff;
}



/* content3 */
.solu_cont3 {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 100px;
}

.so_bt {
  font-size: 40px;
  color: #333;
  font-family: "bold";
  text-align: center;
}

.solu_cont3 .so_jz {
  padding-top: 60px;
}

.solu_cont3 .lef {
  height: 492px;
  width: 410px;
  float: left;
}

.solu_cont3 .lef .rq {
  width: 99%;
  height: 80px;
  background: rgb(243, 247, 249);
  padding-left: 38px;
  margin-bottom: 3px;
}

.solu_cont3 .lef .rq img {
  margin-top: 15px;
  float: left;
}

.solu_cont3 .lef .rq p {
  font-size: 20px;
  color: #444;
  font-family: "regular";
  line-height: 80px;
  /* float: left; */
}

.solu_cont3 .rig {
  width: 790px;
  height: 492px;
  float: right;
}

.solu_cont3 .rig img {
  width: 100%;
  height: 100%;
}


/* content4 */
.solu_cont4 {
  width: 100%;
  background-image: url(../images/img33.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 85px 0;
}

.solu_cont4 .top {
  width: 100%;
}

.solu_cont4 .top .rq {
  width: 50%;
  float: left;
  background: #fff;
  height: 555px;
  margin-top: 65px;
  padding: 50px 70px;
}

.solu_cont4 .top .rq2 {
  float: right;
  background: rgb(230, 239, 243);
}

.solu_cont4 .top .rq .p1 {
  font-size: 30px;
  color: #333;
  font-family: "regular";
  text-align: center;
}

.solu_cont4 .top .rq .tc {
  width: 100%;
  height: 90px;
  background: rgb(0, 121, 195);
  padding-left: 50px;
  margin-top: 35px;
}

.solu_cont4 .top .rq2 .tc {
  background: rgb(232, 73, 38);
}

.solu_cont4 .top .rq .tc .lef {
  font-size: 20px;
  color: #fff;
  width: 63px;
  height: 63px;
  background-image: url(../images/img34.png);
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  line-height: 63px;
  float: left;
  margin-top: 14px;
}

.solu_cont4 .top .rq .tc .rig {
  height: 90px;
  vertical-align: middle;
  display: table-cell;
  /* float: left; */
  padding-left: 30px;
}

.solu_cont4 .top .rq .tc .rig p {
  font-size: 20px;
  color: #fff;
  font-family: "regular";
}

.solu_cont4 .top .rq img {
  margin-top: 80px;
}

.solu_cont4 .top .rq2 img {
  display: block;
  margin: 0 auto;
  margin-top: 55px;
}


.solu_cont4 .bot .p1 {
  font-size: 36px;
  color: #333;
  font-family: "regular";
  text-align: center;
  padding: 80px 0;
}

.solu_cont4 .bot .rq {
  width: 100%;
}

.solu_cont4 .bot .rq .lef {
  width: 455px;
  height: 399px;
  float: left;
}

.solu_cont4 .bot .rq .lef p {
  font-size: 18px;
  color: #444;
  font-family: "regular";
}

.solu_cont4 .bot .rq .lef .p2 {
  width: 85%;
  margin: 0 auto;
  margin-top: 25px;
}

.solu_cont4 .bot .rq .lef .p3 {
  margin: 0 auto;
  padding-left: 70px;
  background-image: url(../images/img35_3.png);
  background-repeat: no-repeat;
  background-size: 45px;
  background-position-x: left;
  margin-bottom: 30px;
  margin-top: 30px;
}

.solu_cont4 .bot .rq .lef img {
  width: 100%;
}

.solu_cont4 .bot .rq .rig {
  width: 567px;
  height: 446px;
  float: right;
}

.solu_cont4 .bot .rq .rig img {
  width: 100%;
  height: 100%;
}


/* content5 */
.solu_cont5 {
  width: 100%;
  padding-top: 90px;
  padding-bottom: 130px;
}

.solu_cont5 .con5_1 .lef {
  width: 411px;
  height: 374px;
  float: left;
}

.solu_cont5 .con5_1 .rig {
  width: 466px;
  height: 380px;
  float: right;
}

.solu_cont5 .con5_1 div img {
  width: 100%;
  height: 100%;
}

.solu_cont5 .p2 {
  font-size: 18px;
  color: #666;
  font-family: "normal";
  text-align: center;
  margin-bottom: 80px;
  margin-top: 10px;
}



.con5_2 {
  width: 100%;
}

.solu_cont5 .p3 {
  font-size: 36px;
  color: #333;
  font-family: "regular";
  text-align: center;
  margin-bottom: 40px;
  margin-top: 110px;
}

.sp {
  font-size: 18px;
  color: #666;
  font-family: "normal";
  display: inline-block;
  height: 40px;
  line-height: 40px;
}

.sp img {
  float: left;
  margin-right: 10px;
}

.sp1 {
  margin-left: 170px;
  margin-right: 90px;
}

.con5_2 div {
  margin-top: 40px;
  width: 100%;
}

.con5_2 div img {
  width: 100%;
  height: 100%;
}

.solu_cont5 .p4 {
  font-size: 18px;
  color: #666;
  font-family: "normal";
  text-align: center;
  margin-bottom: 75px;
}

.solu_cont5 .con5_3 .p3,
.solu_cont5 .con5_4 .p3,
.solu_cont5 .con5_5 .p3 {
  margin-bottom: 15px;
}

.solu_cont5 .con5_3 div {
  /* float: right; */
  margin: 0 auto;
}

.solu_cont5 .con5_3 div img {
  display: block;
  margin: 0 auto;
}

.con5_4 .rq {
  width: 100%;
}

.con5_4 .rq div {
  width: 23.5%;
  float: left;
  margin-right: 2%;
}

.con5_4 .rq div:nth-child(4) {
  margin-right: 0;
}

.con5_4 .rq div img {
  width: 100%;
  height: 100%;
}

.con5_5 .rq {
  width: 100%;
  height: 445px;
  overflow-y: auto;
}

.con5_5 .rq::-webkit-scrollbar {
  width: 3px;
  background-color: red;
  border-radius: 50px;
}

.con5_5 .rq::-webkit-scrollbar-track {
  border-radius: 50px;
  background-color: #999999
}

.con5_5 .rq::-webkit-scrollbar-thumb {
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: red
}


.con5_5 .rq .lef {
  width: 690px;
  float: left;
  padding: 5px;
  padding-top: 10px;
}

.con5_5 .rq .lef div {
  height: 100px;
  width: 32%;
  float: left;
  margin-right: 2%;
  background: #fff;
  position: relative;
  box-shadow: 0px 1px 6px 0px rgba(90, 91, 95, 0.3);
  margin-bottom: 10px;
  transition: all .3s;
}

.con5_5 .rq .lef div:hover {
  transform: translate3d(0, -5px, 0);
}

.con5_5 .rq .lef div:nth-child(3n) {
  margin-right: 0;
}

.con5_5 .rq .lef div img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.con5_5 .rq .rig {
  width: 493px;
  float: right;
  padding: 5px;
}

.con5_5 .rq .rig div {
  width: 49%;
  height: 100%;
  box-shadow: 0px 1px 6px 0px rgba(90, 91, 95, 0.3);
  padding-top: 47px;
  padding-left: 35px;
  float: left;
}

.con5_5 .rq .rig div p {
  font-size: 16px;
  color: #444;
  font-family: "normal";
  line-height: 40px;
}

.con5_5 .rq .rig .llf {
  float: left;
}

.con5_5 .rq .rig .rri {
  float: right;
}







/* ODM */
.banner2 .nr .wrap {
  left: 45%;
  top: 48%;
}

.banner2 .nr .wrap .p1 {
  font-size: 46px;
  font-family: "medium";
}

.banner2 .nr .wrap .p1::before {
  content: '';
  width: 30px;
  height: 6px;
  background: rgb(0, 121, 195);
  position: absolute;
  left: 8px;
  top: -35px;
}

/* content1 */
.odm_cont1 {
  width: 100%;
}

.odm_bt {
  font-size: 46px;
  color: #333;
  font-family: "medium";
  text-align: center;
  padding-top: 80px;
  padding-bottom: 40px;
  position: relative;
}

.odm_bt::before {
  content: '';
  width: 30px;
  height: 3px;
  background: rgb(51, 148, 207);
  position: absolute;
  left: 50%;
  top: 85%;
  transform: translate(-50%, -50%);
}

.odm_fbt {
  font-size: 16px;
  width: 82%;
  color: #666;
  font-family: "regular";
  text-align: center;
  margin: 0 auto;
}

.odm_cont1 .rq {
  padding-top: 40px;
  padding-bottom: 80px;
  width: 100%;
}

.odm_cont1 .rq div {
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
}

.odm_cont1 .rq div img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  transition: all 1s;
}

.odm_cont1 .rq div p {
  width: 100%;
  line-height: 70px;
  color: #fff;
  font-size: 22px;
  font-family: "regular";
  background: rgba(230, 86, 55, 0.9);
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 40px;
  opacity: 0;
  transition: all 0.7s;
}

.odm_cont1 .rq div:hover>p {
  opacity: 1;
}

.odm_cont1 .rq div:hover>img {
  transform: scale(1.1);
}

.odm_cont1 .rq1 {
  width: 700px;
  height: 420px;
  float: left;
}

.odm_cont1 .rq2 {
  width: 480px;
  height: 420px;
  float: right;
}

.odm_cont1 .rq3 {
  width: 480px;
  height: 420px;
  float: left;
}

.odm_cont1 .rq4 {
  width: 700px;
  height: 420px;
  float: right;
}



/* odm_cont2 */
.odm_cont2 {
  width: 100%;
  background: rgb(243, 245, 246);
  padding-bottom: 105px;
}

.odm_cont2 .swiper-container {
  margin-top: 48px;
}

.odm_cont2 .swiper-slide img {
  width: 100%;
  height: 100%;
}

.odm_cont2 .swiper-button-next:after,
.odm_cont2 .swiper-button-prev:after {
  content: none;
}

.odm_cont2 .swiper-button-next {
  width: 60px;
  height: 60px;
  background-image: url(../images/img60.png);
  background-size: contain;
  opacity: 1;
}

.odm_cont2 .swiper-button-next:hover {
  background-image: url(../images/img61.png);
}

.odm_cont2 .swiper-button-prev {
  width: 60px;
  height: 60px;
  background-image: url(../images/img59.png);
  background-size: contain;
  opacity: 1;
}

.odm_cont2 .swiper-button-prev:hover {
  background-image: url(../images/img58.png);
}




/* odm_cont3 */
.odm_cont3 {
  width: 100%;
  background-image: url(../images/img56.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 90px;
}

.odm_cont3 .swiper-container {
  margin-top: 65px;
}

.odm_cont3 .swiper-slide img {
  width: 100%;
  height: 100%;
}

.odm_cont3 .swiper-button-next:after,
.odm_cont3 .swiper-button-prev:after {
  content: none;
}

.odm_cont3 .swiper-button-next {
  width: 60px;
  height: 60px;
  background-image: url(../images/img60.png);
  background-size: contain;
  opacity: 1;
  top: 60%;
  right: 14%;
}

.odm_cont3 .swiper-button-next:hover {
  background-image: url(../images/img61.png);
}

.odm_cont3 .swiper-button-prev {
  width: 60px;
  height: 60px;
  background-image: url(../images/img59.png);
  background-size: contain;
  opacity: 1;
  top: 60%;
  left: 14%;
}

.odm_cont3 .swiper-button-prev:hover {
  background-image: url(../images/img58.png);
}


/* .odm_cont4 */
.odm_cont4 {
  width: 100%;
}

.odm_cont4 .rq {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 60px;
}

.odm_cont4 .rq img {
  width: 100%;
}

.odm_cont4 .rq div {
  width: 25%;
  height: 210px;
  float: left;
  margin-bottom: 50px;
  transition: all .3s;
  position: relative;
}

.odm_cont4 .rq div .tp {
  background-image: url(../images/img63.png);
  background-position-x: center;
  width: 125px;
  height: 140px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}

.odm_cont4 .rq div:nth-child(2) .tp {
  background-image: url(../images/img64.png);
}

.odm_cont4 .rq div:nth-child(3) .tp {
  background-image: url(../images/img66.png);
}

.odm_cont4 .rq div:nth-child(4) .tp {
  background-image: url(../images/img68.png);
}

.odm_cont4 .rq div:nth-child(5) .tp {
  background-image: url(../images/img70.png);
}

.odm_cont4 .rq div:nth-child(6) .tp {
  background-image: url(../images/img72.png);
}

.odm_cont4 .rq div:nth-child(7) .tp {
  background-image: url(../images/img74.png);
}

.odm_cont4 .rq div:nth-child(8) .tp {
  background-image: url(../images/img76.png);
}

.odm_cont4 .rq div:nth-child(1):hover .tp {
  background-image: url(../images/img62.png);
}

.odm_cont4 .rq div:nth-child(2):hover .tp {
  background-image: url(../images/img65.png);
}

.odm_cont4 .rq div:nth-child(3):hover .tp {
  background-image: url(../images/img67.png);
}

.odm_cont4 .rq div:nth-child(4):hover .tp {
  background-image: url(../images/img69.png);
}

.odm_cont4 .rq div:nth-child(5):hover .tp {
  background-image: url(../images/img71.png);
}

.odm_cont4 .rq div:nth-child(6):hover .tp {
  background-image: url(../images/img73.png);
}

.odm_cont4 .rq div:nth-child(7):hover .tp {
  background-image: url(../images/img75.png);
}

.odm_cont4 .rq div:nth-child(8):hover .tp {
  background-image: url(../images/img77.png);
}

.odm_cont4 .rq div:hover .tp {
  top: -10px;
}

.odm_cont4 .rq div p {
  text-align: center;
  font-size: 20px;
  color: #444;
  font-family: "regular";
  padding-top: 165px;
}

.odm_cont4 .rq {
  position: relative;
}

.odm_cont4 .rq p {
  text-align: center;
  font-size: 20px;
  color: #444;
  font-family: "regular";
}

.odm_cont4 {
  padding-bottom: 30px;
}

.odm_cont4 .rq .p1 {
  position: absolute;
  top: 41%;
  left: 5%;
  transform: translate(-50%, -50%);
}

.odm_cont4 .rq .p2 {
  position: absolute;
  top: 41%;
  left: 33%;
  transform: translate(-50%, -50%);
}

.odm_cont4 .rq .p3 {
  position: absolute;
  top: 41%;
  left: 61%;
  transform: translate(-50%, -50%);
}

.odm_cont4 .rq .p4 {
  position: absolute;
  top: 41%;
  left: 89%;
  transform: translate(-50%, -50%);
}

.odm_cont4 .rq .p5 {
  position: absolute;
  top: 91%;
  left: 89%;
  transform: translate(-50%, -50%);
}

.odm_cont4 .rq .p6 {
  position: absolute;
  top: 91%;
  left: 61%;
  transform: translate(-50%, -50%);
}

.odm_cont4 .rq .p7 {
  position: absolute;
  top: 91%;
  left: 33%;
  transform: translate(-50%, -50%);
}

.odm_cont4 .rq .p8 {
  position: absolute;
  top: 91%;
  left: 5%;
  transform: translate(-50%, -50%);
}

.proxq1-rt_jz  .product_title{
  font-size: 24px ;
  color: #333;
  line-height: 1.12 !important;
}
.proxq1-rt_jz .fs18 {
  font-size: 18px;
}
.proxq1-rt_jz .fs28 {
  font-size: 21px !important;
}

.proxq1-rt_jz .fs32 {
  font-size: 32px !important;
}

.proxq1-rt_jz .fw700 {
  font-weight: 700;
}

.proxq1-rt_jz .mt14 {
  margin-top: 12px;
}
.proxq1-rt_jz .num{
  font-family: "MB" !important;
  line-height: 1;
  color: #0056b8 !important;}
/* odm_cont5 */
.odm_cont5 {
  width: 100%;
  background-image: url(../images/img78.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.odm_cont5 .rq {
  width: 100%;
  height: 540px;
  margin-top: 50px;
  background-image: url(../images/img83.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 10%
}

.odm_cont5 .rq .lef {
  width: 530px;
  height: 270px;
  float: left;
  padding-bottom: 30px;
}

.odm_cont5 .rq .lef img {
  float: right;
  transition: all .3s;
}

.odm_cont5 .p1 {
  font-size: 26px;
  color: #333;
  font-family: "medium";
  padding-bottom: 25px;
}

.odm_cont5 .p2 {
  font-size: 16px;
  color: #777;
  font-family: "regular";
  width: 65%;
}

.odm_cont5 .rq .rig {
  width: 500px;
  float: right;
  height: 270px;
  padding-bottom: 30px;
}

.odm_cont5 .rq .rig img {
  float: left;
  transition: all .3s;
}

.odm_cont5 .rq .rig .p1 {
  padding-left: 35%;
}

.odm_cont5 .rq .rig .p2 {
  padding-left: 35%;
  width: 100%;
}

.odm_cont5 div:hover>img {
  transform: scale(1.1);
}




/* odm_cont6 */
.odm_cont6 {
  width: 100%;
  padding-bottom: 130px;
}

.odm_cont6 .rq {
  width: 100%;
  margin-top: 45px;
}

.odm_cont6 .rq div {
  width: 18.2%;
  float: left;
  height: 100px;
  margin-right: 2%;
  position: relative;
  border: 1px solid rgb(231, 231, 231);
  margin-bottom: 10px;
  transition: all .3s;
}

.odm_cont6 .rq div img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.odm_cont6 .rq div:nth-child(5n) {
  margin-right: 0%;
}

.odm_cont6 .rq div:hover {
  transform: translate3d(0, -7px, 0);
}

.odm_cont6 .an {
  display: block;
  width: 160px;
  line-height: 50px;
  text-align: center;
  background: #999;
  font-size: 16px;
  color: #fff;
  margin: 0 auto;
  margin-top: 20px;
  transition: all .3s;
}

.odm_cont6 .an:hover {
  background: rgb(51, 148, 207);
}




/* ?o§?“???—è?¨ */

.prlis_banner .nr .wrap {
  top: 45%;
}

.prlis_banner .nr .wrap .p1::before {
  content: none;
}

.prlis_banner .nr .wrap .p2 {
  font-size: 14px;
  position: relative;
}

.prlis_banner .nr .wrap .p2::before {
  content: '';
  width: 30px;
  height: 4px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -30px;
}

/* prlis_cont1 */
.prlis_cont1 {
  width: 100%;
  /* padding-top: 70px; */
  padding-bottom: 30px;
}

.prlis_cont1 .rq {
  width: 100%;
}

.prlis_cont1 .rq .fd {
  width: 100%;
  margin-bottom: 5px;
  padding-top: 5px;
}

.prlis_cont1 .rq div span {
  display: inline-block;
  width: 170px;
  font-size: 18px;
  color: #444;
  font-family: "regular";
}

.prlis_cont1 label {
  display: inline-block;
  width: 150px;
  font-family: "regular";
  font-size: 16px;
  color: #666;
}

.prlis_cont1 label input {
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  text-indent: 0;
  margin-right: 3px;
}

.prlis_cont1 input[type="checkbox"] {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 28px;
  position: relative;
}

.prlis_cont1 input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
}

.prlis_cont1 input[type="checkbox"]:checked::before {
  /* content: "\2713"; */
  /* background-color: #fff; */
  background-image: url(../images/img86.png);
  background-size: 12px 10px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
}

.prlis_cont1 .rq div span {
  float: left;
  width: 14%;
}

.prlis_cont1 .rq .rq1 {
  width: 86%;
  float: left;
}


/* prlis_cont2 */
.prlis_cont2 {
  width: 100%;
  padding-top: 95px;
  padding-bottom: 120px;
  background: rgb(243, 245, 246);
}

.prlis_cont2 .rq {
  width: 100%;
}

.prlis_cont2 .rq .rq1 {
  width: 32%;
  height: 560px;
  margin-right: 2%;
  border: 1px solid rgb(221, 221, 221);
  float: left;
  margin-bottom: 25px;
  position: relative;
  transition: all 1s;
}

.prlis_cont2 .rq .rq1:nth-child(3n) {
  margin-right: 0;
}

.prlis_cont2 .top {
  width: 100%;
  height: 317px;
  background: #fff;
  border-bottom: 1px solid rgb(221, 221, 221);
  position: relative;
}

.prlis_cont2 .top img {
  width: 75%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.prlis_cont2 .bot {
  height: 242px;
  padding: 0 60px;
  padding-top: 30px;
  background: rgb(240, 245, 248);
  border-bottom: 1px solid rgb(221, 221, 221);
  transition: all 0.5s;
}

.prlis_cont2 .bot .p1 {
  font-size: 26px;
  color: #444;
  font-family: "regular";
}

.prlis_cont2 .bot .p2 {
  font-size: 16px;
  color: #777;
  font-family: "regular";
  margin-bottom: 18px;
}

.prlis_cont2 .bot .p3 {
  font-size: 16px;
  color: #777;
  font-family: "regular";
  line-height: 30px;
}

.prlis_cont2 .bot .p3 img {
  margin-right: 3px;
}

.prlis_cont2 .anniu {
  width: 150px;
  height: 50px;
  border: 1px solid rgb(212, 214, 215);
  display: block;
  margin: 0 auto;
  font-size: 16px;
  color: #666;
  font-family: "regular";
  margin-top: 60px;
}

.prlis_cont2 .bot button {
  width: 100px;
  height: 35px;
  background: rgb(0, 121, 195);
  font-size: 13px;
  color: #fff;
  font-family: "regular";
  position: absolute;
  bottom: 20px;
  opacity: 0;
  transition: all 0.5s;
}

.prlis_cont2 .ljgd span {
  line-height: 35px;
}

/* .prlis_cont2 .rq1:hover .bot{
  width: 100%;
 height: 310px;
 position: absolute;
 top: 317px;
 z-index: 10;
 background: rgb(240,245,248);
 box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
} */
.prlis_cont2 .rq1:hover {
  box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
  transform: translate3d(0, -5px, 0);
  position: relative;
  z-index: 1;
}

.prlis_cont2 .rq1:hover button {
  opacity: 1;
}









/* ?o§?“?èˉ|??… */


/* content1 */

.prodate_cont1 {
  width: 100%;
  height: 62px;
  border-bottom: 1px solid rgb(221, 221, 221);
  background: rgb(240, 245, 248);
}

.prodate_cont1 .rq {
  width: 100%;
  line-height: 62px;
}

.prodate_cont1 .rq a {
  font-size: 16px;
  color: #666;
  font-family: "regular";
}

.prodate_cont1 .rq a img {
  margin-right: 15px;
}

.prodate_cont1 .rq .on {
  color: #0079c3;
}

.prodate_cont1 .rq a:hover {
  color: #0079c3;
}

/* è???’-??? */

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

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*?o§?“?èˉ|??…*/
.prodeta {
  background: rgb(240, 245, 248);
}

.proxq-one {
  padding: 88px 0 103px;
}

.proxq-con .bread {
  margin-top: 100px;
}

.proxq1-lf {
  width: 55%;
  float: left;
}

.proxq1-pic {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

.proxq1-pic img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.proxq1-top {
  height: 420px;
  float: right;
  width: 74%;
  position: relative;
}

.proxq1-thumbs {
  width: 16%;
  height: 420px;
  padding: 44px 0;
  position: relative;
}

.proxq1_thumbs {
  height: 310px;
  overflow: hidden;
}

.proxq1-con .proxq1-prev {
  top: 0;
  left: 50%;
  margin-left: -26px;
  width: 52px;
  background: url(../images/img92.png) no-repeat center;
  text-align: center;
  line-height: 52px;
  color: #000;
  border-radius: 50%;
  z-index: 3;
  transition: all 0.4s;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  content: none;
}

.proxq1-con .proxq1-next {
  top: auto;
  bottom: 0;
  left: 50%;
  margin-left: -26px;
  width: 52px;
  background: url(../images/img91.png) no-repeat center;
  text-align: center;
  line-height: 52px;
  color: #000;
  border-radius: 50%;
  z-index: 3;
  transition: all 0.4s;
}

.proxq1-con .proxq1-thumbs p {
  color: #333;
  font-size: 16px;
  text-align: center;
  margin-top: 12px;
}

.proxq1_top {
  height: 100%;
  overflow: hidden;
}

.proxq1-con .proxq1-top .swiper-slide {
  padding: 0;
}

.proxq1-con .proxq1-top .swiper-slide img {
  /* width: 100%; */
  height: 100%;
  display: block;
  margin: 0 auto;
}

.proxq1-con .proxq1-top .proxq1-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.72);
  padding: 0 20px;
}

.proxq1-con .proxq1-top .proxq1-desc p {
  color: #fff;
  text-align: center;
  font-size: 18px;
  padding: 13px 0;
}

.proxq1-top .swiper-pagination {
  display: none;
}

.proxq1-top p {
  font-size: 16px;
  color: #777;
  text-align: center;
  font-family: "regular";
}

.proxq1-con .proxq1-thumbs .swiper-slide {
  border: 1px solid rgba(195, 203, 208, 0.7);
}

.proxq1-con .proxq1-thumbs .swiper-slide.active-nav {
  border: 1px solid rgb(232, 73, 38);
  /* border-image: -webkit-linear-gradient(#6cb9bc, #6a8abd) 30 30;
  border-image: -moz-linear-gradient(#6cb9bc, #6a8abd) 30 30;
  border-image: linear-gradient(#6cb9bc, #6a8abd) 30 30; */
}

/* ??3è?1 */
.proxq1-rt {
  width: 45%;
  float: right;
}

.proxq1-rt .proxq1-rt_jz {
  margin-left: 50px;
}

.proxq1-rt_jz .prod_p {
  font-size: 36px;
  color: #333;
  font-family: "regular";
  margin-bottom: 35px;
}

.proxq1-rt_jz .p2 {
  font-size: 16px;
  color: #666;
  display: block;
  line-height: 30px;
  font-family: "regular";
}

.proxq1-rt_jz .p2 span {
  font-size: 16px;
  color: #e84926;
  font-family: "regular";
}

.proxq1-rt_jz div {
  width: 160px;
  height: 50px;
  font-size: 16px;
  color: #666;
  margin-right: 20px;
  float: left;
  line-height: 50px;
  text-align: center;
  border: 1px solid rgb(210, 214, 216);
  margin-top: 70px;
  transition: all .3s;
}

.proxq1-rt_jz div img {
  margin-right: 8px;
  margin-bottom: -6px;
}

.proxq1-rt_jz div:hover {
  background: rgb(232, 73, 38);
  color: #fff;
}



/* prodate_cont3 */
.prodate_cont3 {
  width: 100%;
  height: 83px;
  background-image: url(../images/img96.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  line-height: 83px;
  position: sticky;
  top: 0;
  z-index: 10000;
}

.prodate_cont3 .rq {
  width: 100%;
}

.prodate_cont3 .rq a {
  font-size: 18px;
  color: #fff;
  font-family: "regular";
  margin-left: 110px;
  position: relative;
}

.prodate_cont3 .rq a:nth-child(1) {
  margin-left: 0;
}

.prodate_cont3 .rq a::before {
  content: '';
  width: 1px;
  height: 22px;
  background: rgb(71, 161, 212);
  position: absolute;
  top: 10%;
  left: -55px;
}

.prodate_cont3 .rq a:nth-child(1)::before {
  content: none;
}


/* .prodate_cont4 */
.prodate_cont4 {
  width: 100%;
  padding: 95px 0;
  padding-bottom: 0;
  overflow: hidden;
}

.prodate_cont4 .lef {
  width: 620px;
  float: left;
}

.prodate_but {
  font-size: 36px;
  color: #333;
  font-family: "medium";
  margin-top: 25px;
  margin-bottom: 60px;
  position: relative;
  padding-left: 15px;
}

.prodate_but::before {
  content: '';
  width: 3px;
  height: 34px;
  background: rgb(232, 73, 38);
  position: absolute;
  left: 0px;
  top: 11px;
}

.prodate_cont4 .lef .p2 {
  font-size: 16px;
  color: #666;
  font-family: "regular";
  width: 90%;
}

.prodate_cont4 .rig {
  width: 580px;
  float: right;
}

.prodate_cont4 .rig img {
  width: 100%;
}


/* prodate_cont5 */
.prodate_cont5 .lef {
  float: right;
  padding-left: 100px;
  width: 578px;
  padding-top: 85px;
}

.prodate_cont5 .rig {
  float: left;
  width: 622px;

}

.prodate_cont5 .prodate_but {
  margin-bottom: 100px;
}

.prodate_cont4 .p3 {
  color: #e84926;
  font-size: 30px;
  margin-bottom: 28px;
}

.prodate_cont4 .p2 {
  line-height: 30px;
}



/* content6 */
.prodate_cont6 {
  background: rgb(240, 244, 247);
  padding-bottom: 75px;
  overflow: hidden;
}

.prodate_cont6 .lef {
  padding-top: 130px;
}

.prodate_cont6 .lef .p2 {
  width: 70%;
}



/* content7 */
.prodate_cont7 {
  background: #fff;
  overflow: hidden;
}

.prodate_cont7 .lef {
  float: right;
  padding-left: 10%;
}

.prodate_cont7 .rig {
  float: left;
}





/* content10 */
.prodate_cont10 {
  width: 100%;
  background: rgb(240, 244, 247);
  padding-top: 80px;
  padding-bottom: 150px;
  overflow: hidden;
}

.prodate_cont10 .rq .rq1 {
  width: 23.2%;
  margin-right: 2%;
  height: 418px;
}

.prodate_cont10 .rq .rq1:nth-child(3n) {
  margin-right: 2%;
}

.prodate_cont10 .rq .rq1:nth-child(4n) {
  margin-right: 0%;
}

.prodate_cont10 .rq1 .top {
  height: 238px;
}

.prodate_cont10 .rq1 .bot {
  height: 180px;
  padding: 0 32px;
  padding-top: 13px;
}

.prodate_cont10 .bot .p1 {
  font-size: 22px;
}

.prodate_cont10 .bot .p2 {
  font-size: 13px;
  margin-bottom: 11px;
  margin-top: 5px;
}

.prodate_cont10 .bot .p3 {
  font-size: 12px;
  line-height: 22px;
}

.prodate_cont10 .rq1:hover .bot {
  height: 180px;
  position: static;
}



/* ???è§?é—?é￠?èˉ|??… */
.issdate_cont2 {
  width: 100%;
  background: rgb(248, 250, 251);
  padding-top: 45px;
  padding-bottom: 140px;
}

.issdate_cont2 .wrap {
  background: #fff;
  padding: 0 50px;
  padding-bottom: 60px;
}

.issdate_cont2 .top {
  height: 140px;
  width: 100%;
  border-bottom: 1px solid rgb(214, 214, 214);
}

.issdate_cont2 .top .p1 {
  font-size: 36px;
  color: #333;
  font-family: "微软雅黑";
  line-height: 50px;
  width: 90%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
/* case_deta_contene2 */

.case_deta_contene2 {
  width: 281px;
  float: right;
  margin-top: 30px;
}

.case_deta_contene2 span {
  font-size: 16px;
  color: #666;
  float: left;
  line-height: 40px;
}

.case_deta_contene2 span img {
  margin-bottom: -4px;
}

.case_deta_contene2 #share-2 {
  float: left;
  margin-left: 10px;
}

.social-share .icon-weibo,
.social-share .icon-weibo:hover {
  background: rgb(218, 60, 60);
  border-color: rgb(218, 60, 60);
}

.social-share .icon-wechat,
.social-share .icon-wechat:hover {
  background: rgb(33, 186, 65);
  border-color: rgb(33, 186, 65);
}

.social-share .icon-qq,
.social-share .icon-qq:hover {
  background: rgb(62, 145, 238);
  border-color: rgb(62, 145, 238);
}

.social-share .icon-linkedin,
.social-share .icon-linkedin:hover {
  background: rgb(35, 73, 128);
  border-color: rgb(35, 73, 128);
}

.social-share .icon-qzone,
.social-share .icon-qzone:hover {
  background: rgb(244, 197, 11);
  border-color: rgb(244, 197, 11);
}

.social-share .social-share-icon {
  font-size: 15px;
  color: #fff;
}


.issdate_cont2 .bot {
  width: 100%;
  padding-top: 40px;
}

.issdate_cont2 .bot .p2 {
  font-size: 16px;
  color: #666;
  font-family: "regular";
  margin-bottom: 40px;
  line-height: 21px;
}

.issdate_cont2 .bot .ig {
  width: 100%;
}

.issdate_cont2 .bot .ig div {
  width: 464px;
  float: left;
}

.issdate_cont2 .bot .ig div img {
  width: 100%;
  height: 100%;
}

.issdate_cont2 .bot .ig div:nth-child(2) {
  margin-left: 40px;
}

.issdate_cont2 .bot .p3 {
  font-size: 18px;
  color: #e84926;
  font-family: "regular";
  margin-top: 40px;
}

.issdate_cont2 .bot .p4 {
  font-size: 16px;
  color: #666;
  font-family: "regular";
  margin-top: 40px;
}

.issdate_cont2 .an {
  /* width: 100%; */
  display: table;
  margin: 0 auto;
  margin-top: 70px;
}

.issdate_cont2 .an a {
  font-size: 16px;
  color: #777;
  font-family: "regular";
}

.issdate_cont2 .an .lb {
  display: inline-block;
  width: 160px;
  height: 55px;
  background: rgb(232, 73, 38);
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 55px;
  margin: 0 40px;
}

.issdate_cont2 .an .lb img {
  margin-bottom: -2px;
}


/* ?…3?o???‘???-è?￡èa‰èμ?è′¨ */
.abdate_cont1 {
  width: 100%;
}




.channel_content {
  min-height: 300px;
  background: rgb(242, 245, 246);
  padding: 70px 0px 100px;
}

/*??????è?￡èa‰*/

.about_honor .bd_l {
  width: 45%;
  float: left;
  height: 705px;
  background: rgba(173, 184, 194, 0.5);
  position: relative;
}

.about_honor .bd_l .b_img {
  width: 100%;
  height: 705px;
}

.about_honor .bd_l .b_img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.about_honor .bd_l .img_title {
  text-align: center;
  font-size: 22px;
  font-family: "medium";
  color: #fff;
  font-weight: normal;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: rgb(0, 116, 187);
}

.about_honor .bd_r {
  width: 55%;
  float: left;
  height: 705px;
}

.about_honor .bd_r_box {
  padding: 10% 8% 0;
  color: #222;

}

.about_honor .r_title {
  font-size: 30px;
  color: #333;
  font-family: "medium";
  margin-bottom: 20px;
}

.about_honor .r_text {
  margin-bottom: 40px;
}

.about_honor .r_text p {
  font-size: 16px;
  color: #666;
  line-height: 28px;
  font-family: "regular";
}

.about_honor .bd_r .img_box {
  height: 114px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border: 2px solid rgb(176, 177, 177);
}

.fix .on .img_box {
  border: 2px solid rgb(233, 85, 52);
}

.about_honor .bd_r .img_box img {
  height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.about_honor .bd_r li {
  margin-bottom: 14px;
  float: left;
  margin-right: 3%;
  width: 30%;
  cursor: pointer;

}

.about_honor .img_list {
  overflow: hidden;
  margin-bottom: 14px;
  padding-right: 4%;
  position: relative;
}

.about_honor .img_list .img_2 {
  height: 490px;
  overflow-y: auto;
}

.scroll_bar {
  display: none !important;
}

.about_honor .img_list .img_2::-webkit-scrollbar {
  width: 3px;
  background-color: #dcdbdb;
}

.about_honor .img_list .img_2::-webkit-scrollbar-thumb {
  background-color: rgb(233, 85, 52);
  border-radius: 10px;
}

.about_honor .img_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/brown_80.png) repeat;
  top: 0;
  left: 0;
  opacity: 0;
}

.about_honor .img_cover .list_ico {
  width: 40px;
  height: 40px;
  background: url(../img/honor_img_ico.png) no-repeat center;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  margin-left: -20px;
  display: block;
  position: absolute;
}

.about_honor .img_list.scrollbar-ui .scroll_slider {
  background: #dbd6d1
}

.about_honor .img_list.scrollbar-ui .scroll_bar {
  background: url(../img/honor_scroll_bj.png) repeat-y center;
}

.about_honor li:hover .img_cover {
  opacity: 1;
}

.about_honor .bd_r .img_title {
  display: none;
}

.honor_bd {
  background-image: url(../images/img108.png);
  background-repeat: no-repeat;
  background-size: cover;
}


.channel_content .ann {
  display: table;
  margin: 0 auto;
}

.channel_content .ann button {
  font-size: 20px;
  font-family: "medium";
  width: 280px;
  height: 90px;
  border: 1px solid rgb(221, 221, 221);
}

.channel_content .ann a {
  display: inline-block;
}

.channel_content .ann a:nth-child(1) {
  margin-right: 20px;
}

.channel_content .ann .on {
  color: #e84926;
}

.channel_content .ann button img {
  width: 30px;
  margin-bottom: -13px;
}

.channel_content .ann a:nth-child(1) button img {
  margin-bottom: -10px;
}

.channel_content .p {
  font-size: 16px;
  color: #444;
  font-family: "regular";
  text-align: center;
  margin-top: 30px;
  margin-bottom: 80px;
}



/* content1 */
.abdate_cont {
  width: 100%;
  height: 80px;
  line-height: 80px;
  border-bottom: 1px solid rgb(239, 240, 241);
  background: #fff;
  position: sticky;
  top: 0;
  transition: 0.3s;
  z-index: 9;
}

.abdate_cont a {
  font-size: 16px;
  color: #666;
  font-family: "regular";
  margin-right: 75px;
  line-height: 75px;
  display: inline-block;
}

/* .abdate_cont a:hover{
  color: #0074bb;
  border-bottom: 3px solid #0074bb;
} */
.abdate_cont a.on {
  color: #0074bb;
  border-bottom: 3px solid #0074bb;
}





/* ????…￥?·¨?3° */
/* content2 */
.join_cont1 {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 115px;
  position: relative;
}

.join_bt {
  font-size: 40px;
  color: #333;
  font-family: "bold";
  padding-bottom: 75px;
}

.join_cont1 .swiper-container {
  width: 100%;
  overflow: hidden;
  position: static;
}

.join_cont1 .swiper-slide div {
  width: auto;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  overflow: hidden;
}

.join_cont1 .swiper-slide div:nth-child(3),
.join_cont1 .swiper-slide div:nth-child(5) {
  margin-right: 0;
}

.join_cont1 .swiper-slide div img {
  width: 100%;
  height: 100%;
  transition: all 1s;
}

.join_cont1 .swiper-slide div:hover img {
  transform: scale(1.1);
}

.join_cont1 .swiper-button-next,
.join_cont1 .swiper-button-prev {
  width: 40px;
  height: 89px;
  background-image: url(../images/img119.png);
  background-repeat: no-repeat;
}

.join_cont1 .swiper-button-next {
  right: 280px;
}

.join_cont1 .swiper-button-prev {
  left: 280px;
  background-image: url(../images/img118.png)
}



/* join_cont2 */
.join_cont2 {
  width: 100%;
  padding-bottom: 95px;
  padding-top: 90px;
  background: rgb(243, 245, 246);
}

.join_cont2 .rq {
  width: 100%;
}

.join_cont2 .rq1 {
  width: 32%;
  margin-right: 2%;
  float: left;
}

.join_cont2 .rq1:nth-child(3) {
  margin-right: 0;
}

.join_cont2 .rq1 div {
  width: 268px;
  height: 268px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}

.join_cont2 .rq1 div img {
  width: 100%;
  height: 100%;
  transition: all 1s;
}

.join_cont2 .rq1:hover div img {
  transform: scale(1.1);
}

.join_cont2 .rq1:hover .p2 {
  color: #0079c3;
}

.join_cont2 .rq .p2 {
  font-size: 24px;
  color: #333;
  font-family: "bold";
  text-align: center;
  margin-top: 45px;
  margin: 35px;
}

.join_cont2 .rq .p3 {
  font-family: "normal";
  font-size: 16px;
  color: #666;
  text-align: center;
  width: 78%;
  margin: 0 auto;
}



/* join_cont3 */
.join_cont3 {
  width: 100%;
  padding-top: 70px;
  padding-bottom: 130px;
}

.join_cont3 .rq {
  width: 100%;
}

.join_cont3 .rq1 {
  width: 100%;
  height: auto;
  /* overflow: hidden; */
  border: 1px solid rgb(222, 222, 222);
  padding: 0 80px;
  margin-bottom: 20px;
}

.join_cont3 .rq1 .top {
  width: 100%;
  height: 110px;
  line-height: 110px;
  background-image: url(../images/img123.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-size: 42px;
}

.join_cont3 .top .p1 {
  font-size: 24px;
  color: #333;
  font-family: "regular";
  float: left;
}

.join_cont3 .rq1:hover .p1 {
  color: #0079c3;
}

.join_cont3 .top .p2 {
  font-size: 18px;
  color: #666;
  font-family: "regular";
  text-align: center;
}

.join_cont3 .bot {
  padding-bottom: 65px;
  display: none;
}

.join_cont3 .bot .p3 {
  font-size: 16px;
  color: #777;
  font-family: "regular";
  line-height: 35px;
}

.join_cont3 .bot a {
  display: inline-block;
  /* width: 90px; */
  padding: 0 15px;
  height: 45px;
  border-radius: 3px;
  background: rgb(232, 73, 38);
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  font-family: "regular";
  color: #fff;
  margin-top: 49px;
  margin-right: 10px;
}

.join_cont3 .bot .on {
  width: 150px;
}

.join_xz {
  background: rgb(243, 245, 246);
  padding: 50px 0;
}

.join_xz .rq {
  width: 100%;
  padding: 20px;
  background: #fff;
  margin-bottom: 20px;
}

.join_xz .rq .p1 {
  font-size: 22px;
  color: rgb(232, 73, 38);
  font-family: "regular";
  margin-bottom: 10px;
}

.join_xz .rq .p2 {
  font-size: 16px;
  color: #333;
  font-family: "regular";
}


.jon_xz2 {
  background: #fff;
}

/* è?”?3???‘??? */
.con_cont1 {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 130px;
}

.con_cont1 .p1 {
  width: 60%;
  margin: 0 auto;
  font-size: 18px;
  color: #666;
  font-family: "regular";
  text-align: center;
}

.con_cont1 .rq {
  width: 100%;
  margin-top: 55px;
}

.con_cont1 .rq input {
  height: 60px;
  font-size: 16px;
  color: #444;
  font-family: "regular";
  border: 1px solid rgb(229, 229, 229);
  width: 49%;
  margin-right: 2%;
  padding-left: 55px;
  background-image: url(../images/img125.png);
  background-position-x: 15px;
  background-position-y: center;
  background-repeat: no-repeat;
  float: left;
  margin-bottom: 10px;
}

.con_cont1 .rq input:nth-child(2n) {
  margin-right: 0;
}

.con_cont1 .rq input:nth-child(2) {
  background-image: url(../images/img126.png);
}

.con_cont1 .rq input:nth-child(3) {
  background-image: url(../images/img127.png);
}

.con_cont1 .rq input:nth-child(4) {
  background-image: url(../images/img128.png);
}

.con_cont1 .rq .wx{
  background-image:url(../images/wxicon.png) !important;
}
.con_cont1 .rq .yzm{
  width:150px;
  background-image: url(../images/yzm.png) !important;
}
.con_cont1  .iptbtn {
  width: 160px;
  height: 50px;
  background: rgb(0, 121, 195);
  font-size: 18px;
  color: #fff;
  display: block;
  margin: 0 auto;
  margin-top: 49px;
  transition: all .3s;
  background-image: url('') !important;
}
.con_cont1 .xl,
.con_cont1 .x2 {
  width: 49%;
  height: 60px;
  margin-right: 2%;
  float: left;
  position: relative;
  margin-bottom: 10px;
}

.con_cont1 .x2 {
  margin-right: 0;
}

.con_cont1 select {
  width: 100%;
  height: 60px;
  font-size: 16px;
  color: #444;
  border: 1px solid rgb(229, 229, 229);
  padding-left: 55px;
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/img129.png);
  background-position-x: 15px;
  background-position-y: center;
  background-repeat: no-repeat;
}

.con_cont1 .xl::before,
.con_cont1 .x2::before {
  content: '';
  width: 16px;
  height: 9px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0%, -50%);
  z-index: 111;
  background-image: url(../images/img131.png);
  background-repeat: no-repeat;
}

.con_cont1 .xl span {
  font-size: 16px;
  color: #999;
  display: block;
  line-height: 60px;
  position: absolute;
  left: 60%;
}

.con_cont1 .x2 select {
  background-image: none;
}

.con_cont1 .x2 span {
  font-size: 16px;
  color: #999;
  display: block;
  line-height: 60px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
}

.con_cont1 textarea {
  width: 100%;
  height: 200px;
  font-size: 16px;
  color: #444;
  font-family: "regular";
  border: 1px solid rgb(229, 229, 229);
  background-image: url(../images/img130.png);
  background-position-x: 15px;
  background-position-y: 17px;
  background-repeat: no-repeat;
  padding-top: 17px;
  padding-left: 55px;
}

.con_cont1 button {
  width: 160px;
  height: 50px;
  background: rgb(0, 121, 195);
  font-size: 18px;
  color: #fff;
  display: block;
  margin: 0 auto;
  margin-top: 49px;
  transition: all .3s;
}

/* con_cont2 */
.con_cont2 {
  width: 100%;
  padding-bottom: 472px;
}

.con_cont2 .ig,
.con_cont2 .ig img {
  width: 100%;
  height: 100%;
}

.con_cont2 .ig {
  position: relative;
}

.con_cont2 .wrap {
  position: absolute;
  top: 450px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.con_cont2 .rq {
  width: 100%;
  background: #fff;
  box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);
  padding: 90px 75px;
}

.con_cont2 .lef {
  float: left;
  width: 50%;
}

.con_cont2 .p1 {
  font-size: 26px;
  color: #444;
  font-family: "medium";
  margin-bottom: 20px;
}

.con_cont2 .lef .p2 {
  font-size: 18px;
  color: #666;
  font-family: "regular";
  line-height: 35px;
}

.con_cont2 .lef .p2 span {
  font-size: 20px;
  color: #0074bb;
  font-family: "medium";
}

.con_cont2 .rig {
  float: right;
  width: 32%;
}

.con_cont2 .rig .p2 {
  font-size: 16px;
  color: #666;
  font-family: "normal";
  margin-bottom: 25px;
}




/* ?a’??“??-??? */
.new_cont1 {
  width: 100%;
  padding-top: 105px;
  padding-bottom: 85px;
}

.new_cont1 .swiper-slide {
  width: 100%;
  background: rgb(248, 248, 248);
}

.new_cont1 .lef {
  float: left;
  width: 38%;
}

.new_cont1 .lef img {
  width: 100%;
  height: 100%;
  transition: all 5s;
}

.new_cont1 .rig {
  float: right;
  width: 62%;
  /* height: 350px; */
  height: 276px;
  padding: 30px 75px;
  background-image: url(../images/img135.png);
  background-repeat: no-repeat;
  background-position-x: 75px;
  background-position-y: 85%;
  transition: all .3s;
}

.new_cont1 .swiper-slide:hover>a .lef img {
  transform: scale(1.1);
}

.new_cont1 .swiper-slide:hover>a .rig {
  background-image: url(../images/img134.png);
}

.new_cont1 .rig .p1 {
  font-size: 22px;
  color: #333;
  font-family: "regular";
  margin-bottom: 18px;
}

.new_cont1 .rig .p2 {
  font-size: 16px;
  color: #666;
  font-family: "regular";
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.new_cont1 .swiper-pagination-bullets {
  bottom: 16%;
  left: 40%;
  width: 100%;
}

.new_cont1 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border: 2px solid rgb(206, 206, 206);
  background: #fff;
  opacity: 1;
}

.new_cont1 .swiper-pagination-bullet-active {
  background: rgb(232, 73, 38);
  border: 2px solid rgb(232, 73, 38);
}


/* con_cont3 */
.new_cont2 {
  width: 100%;
  padding-bottom: 117px;
}

.new_cont2 .rq {
  width: 100%;
}

.new_cont2 .rq1 {
  height: 410px;
  width: 32%;
  margin-right: 2%;
  float: left;
  box-shadow: 0px 1px 7px 0px rgba(90, 91, 95, 0.3);
  margin-bottom: 30px;
}

.new_cont2 .rq1:nth-child(3n) {
  margin-right: 0;
}

.new_cont2 .rq1 .top {
  width: 100%;
  height: 230px;
  position: relative;
  overflow: hidden;
}

.new_cont2 .rq1 .top img {
  width: 100%;
  height: 100%;
  transition: all 1s;
}

.new_cont2 .rq1 .top p {
  width: 90px;
  height: 35px;
  background: rgba(3, 112, 178, 0.8);
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  color: #fff;
  font-family: "medium";
  line-height: 35px;
  text-align: center;
}

.new_cont2 .rq1 .bot {
  width: 100%;
  height: 180px;
  padding: 29px;
  background-image: url(../images/img135.png);
  background-repeat: no-repeat;
  background-position-x: 29px;
  background-position-y: 80%;
  transition: all .3s;
}

.new_cont2 .rq1:hover>a .top img {
  transform: scale(1.1);
}

.new_cont2 .rq1:hover>a .bot {
  background-image: url(../images/img134.png);
}

.new_cont2 .rq1 .bot .p1 {
  font-size: 18px;
  color: #333;
  font-family: "regular";
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.new_cont2 .rq1 .bot .p2 {
  font-size: 14px;
  color: #666;
  font-family: "regular";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 23px;
}

.fyq {
  width: auto;
  display: table;
  margin: 0 auto;
  margin-top: 75px;
}

.fyq a {
  display: inline-block;
  width: 55px;
  height: 55px;
  border: 2px solid rgb(216, 216, 216);
  line-height: 55px;
  text-align: center;
  font-size: 22px;
  color: #666;
  margin-right: 10px;
  font-family: "regular";
}

.fyq .a1 {
  width: 30px;
  border: none;
}

.fyq .a2 {
  width: 105px;
  height: 55px;
  font-size: 18px;
}

.fyq .on {
  color: #fff;
  background: rgb(232, 73, 38);
  border: 2px solid rgb(232, 73, 38);
}

.fyq a:hover {
  color: #fff;
  background: rgb(232, 73, 38);
  border: 2px solid rgb(232, 73, 38);
}

.fyq .a1:hover {
  color: #666;
  border: none;
  background: none;
}




/* ??????????o? */
/* newsha_cone1 */
.newsha_cone1 {
  width: 100%;
  padding: 110px 0;
}

.newsha_cone1 .rq {
  width: 100%;
  height: 240px;
  background: rgb(248, 248, 248);
  margin-bottom: 60px;
}

.newsha_cone1 .lef {
  float: left;
  width: 450px;
  height: 100%;
  overflow: hidden;
}

.newsha_cone1 .lef img {
  width: 100%;
  height: 100%;
  transition: all 1s;
}

.newsha_cone1 .rig {
  float: left;
  width: 750px;
  height: 100%;
  padding: 15px 85px;
}

.newsha_cone1 .rig .p1 {
  font-size: 22px;
  color: #333;
  font-family: "regular";
  margin-bottom: 12px;
}

.newsha_cone1 .rig .p2 {
  font-size: 14px;
  color: #666;
  font-family: "regular";
  line-height: 25px;
}

.newsha_cone1 .rig a {
  font-size: 12px;
  color: #fff;
  width: 140px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  background: rgb(153, 153, 153);
  margin-top: 30px;
}

.newsha_cone1 .rig a img {
  margin-left: 5px;
}

.newsha_cone1 .rq:hover>.lef img {
  transform: scale(1.1);
}

.newsha_cone1 .rq:hover>.rig a {
  background: rgb(232, 73, 38);
}

.newsha_cone1 .fyq {
  margin-top: 90px;
}





/* .?a’??“??-???èˉ|??… */
.newdate,
.issdate_cont2 .newdate {
  background: rgb(248, 250, 251);
}

.newdate2 {
  background: #fff;
  padding-bottom: 70px;
}

.newdate2 .top {
  height: 190px;
  padding-top: 70px;
}

.newdate2 .case_deta_contene2 {
  margin-top: 0;
}

.newdate2 .top .p1 {
  line-height: 40px;
  margin-bottom: 30px;
}

.newdate2 .top .p2 {
  font-size: 18px;
  color: #666;
  width: 100%;
  float: left;
  font-family: "regular";
}

.newdate2 .top .p2 img {
  margin-bottom: -4px;
  margin-right: 13px;
}

.newdate2 .bot div,
.newdate2 .bot div img,
.newdate2 .bot span img,
.newdate2 .bot p img {
  max-width: 100%;
  /* height: 100%; */
}

.newdate2 .bot {
  padding-top: 0;
}

.newdate2 .bot .p2 {
  font-size: 16px;
  color: #666;
  font-family: "regular";
  margin-bottom: 45px;
  margin-top: 40px;
}

.newdate2 .bot .an a img {
  width: 22px;
  height: 14px;
}

.newdate2 .bot .an a {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  background: #fff;
  padding: 0 45px;
}

.newdate2 .bot .an a:nth-child(1),
.newdate2 .bot .an a:nth-child(3) {
  width: 356px;
  overflow: hidden;
}

.newdate2 .bot .an a:nth-child(2) {
  width: 160px;
  overflow: hidden;
}

.newdate2 .bot .an .lb {
  background: rgb(232, 73, 38);
  padding: 0;
}

.newdate2 .bot .an a:hover {
  background: rgb(232, 73, 38);
  color: #fff;
}



/* newdate_cont3 */
.newdate_cont3 {
  width: 100%;
  padding-bottom: 110px;
  position: relative;
}

.newdate_cont3 .p1 {
  font-size: 40px;
  color: #333;
  font-family: "bold";
  text-align: center;
  margin-bottom: 40px;
}

.newdate_cont3 .swiper-container {
  padding: 5px;
}

.newdate_cont3 .swiper-slide {
  height: 420px;
  background: #fff;
  box-shadow: 0px 1px 7px 0px rgba(90, 91, 95, 0.3);
}

.newdate_cont3 .top {
  height: 230px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.newdate_cont3 .top img {
  width: 100%;
  height: 100%;
  transition: all 1s;
}

.newdate_cont3 .top p {
  font-size: 16px;
  color: #fff;
  font-family: "medium";
  display: inline-block;
  width: 90px;
  height: 35px;
  background: rgba(8, 119, 197, 0.8);
  text-align: center;
  line-height: 35px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.newdate_cont3 .bot {
  height: 190px;
  width: 100%;
  padding: 30px 25px;
  background-image: url(../images/img141.png);
  background-repeat: no-repeat;
  background-position-x: 30px;
  background-position-y: 80%;
  transition: all .5s;
}

.newdate_cont3 .bot .p2 {
  font-size: 18px;
  color: #333;
  font-family: "regular";
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.newdate_cont3 .bot .p3 {
  font-size: 14px;
  color: #666;
  line-height: 25px;
  font-family: "regular";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.newdate_cont3 .swiper-button-prev,
.newdate_cont3 .swiper-button-next {
  width: 52px;
  height: 52px;
  background-image: url(../images/img145.png);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  transition: all .3s;
}

.newdate_cont3 .swiper-button-prev {
  left: 14%;
}

.newdate_cont3 .swiper-button-next {
  right: 14%;
  background-image: url(../images/img142.png);
}

.newdate_cont3 .swiper-button-prev:hover {
  background-image: url(../images/img143.png);
}

.newdate_cont3 .swiper-button-next:hover {
  background-image: url(../images/img144.png);
}

.newdate_cont3 .swiper-slide:hover>a .top img {
  transform: scale(1.1);
}

.newdate_cont3 .swiper-slide:hover>a .bot {
  background-position-x: 50px;
  background-image: url(../images/img146.png);
}





/* ?…¨????????? */
.ser_cont2 {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 75px;
}

.ser_cont2 .rq {
  width: 100%;
}

.ser_cont2 .rq .lef {
  float: left;
  width: 543px;
  height: 528px;
  padding: 45px 0;
}

.ser_cont2 .rq .rig {
  float: right;
  width: 657px;
  height: 528px;
}

.ser_cont2 .rq .rig img {
  width: 100%;
  height: 100%;
}

.ser_cont2 .rq .lef .p1 {
  font-size: 16px;
  color: #fff;
  font-family: "regular";
  width: 90px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: rgb(232, 73, 38);
  margin-bottom: 5px;
}

.ser_bt {
  font-size: 40px;
  color: #333;
  font-family: "medium";
}

.ser_cont2 .rq .lef .p2 {
  font-size: 16px;
  color: #666;
  font-family: "regular";
  width: 87%;
  margin-top: 33px;
  line-height: 23px;
}


.ser_cont2 .rq2 {
  width: 100%;
  margin-top: 70px;
}

.ser_cont2 .rq2 .rq2_1 {
  width: 355px;
  height: 172px;
  background-image: url(../images/img148.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding: 23px;
  box-shadow: 0px 1px 7px 0px rgba(90, 91, 95, 0.1);
  float: left;
  margin-right: 67px;
  transition: all .3s;
}

.ser_cont2 .rq2 .rq2_1:nth-child(2) {
  background-image: url(../images/img149.png);
}

.ser_cont2 .rq2 .rq2_1:nth-child(3) {
  background-image: url(../images/img150.png);
  margin-right: 0;
}

.ser_cont2 .rq2 .rq2_1:hover {
  transform: translate3d(0, -10px, 0);
}

.ser_cont2 .rq2 .rq2_1 .ig {
  width: 49px;
  height: 43px;
  margin: 0 auto;
}

.ser_cont2 .rq2 .rq2_1 .p1 {
  font-size: 20px;
  color: #333;
  font-family: "regular";
  text-align: center;
  margin-bottom: 10px;
}

.ser_cont2 .rq2 .rq2_1 .p2 {
  font-size: 14px;
  color: #666;
  font-family: "light";
  text-align: center;
  position: relative;
}

.ser_cont2 .rq2 .rq2_1 .p2::before {
  content: none;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #0079c3;
  position: absolute;
  top: 7px;
  transform: translateX(-10px);
}


/* ser_cont3 */
.ser_cont3 {
  background: rgb(240, 245, 248);
  padding-bottom: 20px;
}

.ser_cont3 .dt {
  float: none;
  margin-top: 40px;
  position: relative;
  margin-right: 0;
}

.ser_cont3 .ser_bt {
  text-align: center;
}

.ser_fbt {
  font-size: 16px;
  color: #999;
  font-family: "regular";
  text-align: center;
}

.ser_cont3 .dz {
  position: absolute;
  left: 68.5%;
  top: 57%;
  transform: translate(-50%, -50%);
}

.ser_cont3 .dznr {
  width: 444px;
  height: 218px;
  background-image: url(../images/img156.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 44%;
  top: -140%;
  padding: 44px 65px;
  opacity: 1;
  transition: all .5s;
  /* display: none; */
}

.ser_cont3 .dznr .p1 {
  font-size: 20px;
  color: #333;
  font-family: "regular";
}

.ser_cont3 .dznr .p2 {
  font-size: 16px;
  color: #666;
  font-family: "regular";
}

.ser_cont3 .dz:hover>.dznr {
  opacity: 1;
}

.app2 {
  display: none;
}

.content5.ser_cont3 .dt .dian1 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgb(10, 185, 223);
  position: absolute;
  left: 16%;
  top: 40.7%;
  transform: translate(-50%, -50%);
}

.content5.ser_cont3 .dt .dian2 {
  left: 49.5%;
  top: 30.5%;
}

.content5.ser_cont3 .dt .dian3 {
  left: 48%;
  top: 36%;
}

.content5.ser_cont3 .dt .dian6 {
  left: 78%;
  top: 38.5%;
}

.content5.ser_cont3 .dt .dian4 {
  left: 82%;
  top: 42%;
}

.content5.ser_cont3 .dt .dian5 {
  left: 79.5%;
  top: 45.2%;
}

.content5.ser_cont3 .dt .dian8 {
  left: 78.2%;
  top: 50%;
  display: none;
}

/* ser_cont4 */
.ser_cont4 {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 60px;
  position: relative;
}

.ser_cont4 .ser_fbt {
  margin-bottom: 70px;
}

.ser_cont4 .ser_bt {
  text-align: center;
}

.ser_cont4 .swiper-slide {
  background: rgb(232, 73, 38);
  height: 355px;
  padding: 35px 50px;
  position: relative;
}

.ser_cont4 .swiper-slide:nth-child(2n) {
  background: rgb(0, 116, 187);
}

.ser_cont4 .p1 {
  font-size: 22px;
  color: #fff;
  font-family: "regular";
}

.ser_cont4 .p2 {
  font-size: 14px;
  color: #fff;
  font-family: "regular";
  width: 260px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  line-height: 30px;
  margin-top: 25px;
  margin-bottom: 35px;
}

.ser_cont4 .p3 {
  font-size: 16px;
  color: #fff;
  font-family: "regular";
  opacity: 0.66;
  height: 99px;
  overflow: auto;
  padding-right: 5px;
}

.ser_cont4 .p3::-webkit-scrollbar {
  width: 2px;
  background-color: #333;
  border-radius: 50px;
}

.ser_cont4 .p3::-webkit-scrollbar-track {
  border-radius: 50px;
  background-color: #999999
}

.ser_cont4 .p3::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background-color: #333
}

.ser_cont4 .p4 {
  font-size: 12px;
  color: #fff;
  font-family: "regular";
  position: absolute;
  top: 80%;
}

.ser_cont4 .swiper-button-prev,
.ser_cont4 .swiper-button-next {
  width: 52px;
  height: 52px;
  background-image: url(../images/img145.png);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  transition: all .5s;
  top: 55%;
}

.ser_cont4 .swiper-button-prev {
  left: 14%;
}

.ser_cont4 .swiper-button-next {
  right: 14%;
  background-image: url(../images/img142.png);
}

.ser_cont4 .swiper-button-prev:hover {
  background-image: url(../images/img143.png);
}

.ser_cont4 .swiper-button-next:hover {
  background-image: url(../images/img144.png);
}

.ser_cont4 .p5 {
  font-size: 18px;
  color: #999;
  font-family: "normal";
  text-align: center;
  border-bottom: 2px solid rgb(241, 241, 241);
  display: block;
  margin: 0 auto;
  width: 75px;
  padding-bottom: 5px;
  margin-top: 55px;
  cursor: pointer;
}



/* ser_cont5 */
.ser_cont5 {
  width: 100%;
  background: rgb(240, 245, 248);
  padding-top: 100px;
  padding-bottom: 150px;
}

.ser_cont5 .ser_bt {
  text-align: center;
}

.ser_cont5 .rq {
  width: 100%;
  margin-top: 75px;
}

.ser_cont5 .rq .rq1 {
  width: 32%;
  height: 285px;
  background: #fff;
  border: 1px solid rgb(221, 221, 211);
  margin-right: 2%;
  float: left;
  padding: 0 40px;
  padding-top: 65px;
}

.ser_cont5 .rq .rq1:nth-child(3n) {
  margin-right: 0;
}

.ser_cont5 .rq .rq1 .p1 {
  font-size: 24px;
  color: #444444;
  font-family: "regular";
}

.ser_cont5 .rq .rq1 .p2 {
  font-size: 18px;
  color: #999;
  font-family: "regular";
  margin-top: 15px;
  margin-bottom: 45px;
}

.ser_cont5 .rq .rq1 .p3 {
  display: block;
  width: 50px;
  height: 48px;
  border: 1px solid rgb(221, 221, 211);
  background: url(../images/img157.png) #fff;
  background-size: 19px;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .3s;
}

.ser_cont5 .rq .rq1:hover>a .p3 {
  background: url(../images/img158.png) rgb(232, 73, 38);
  background-size: 19px;
  background-position: center;
  background-repeat: no-repeat;
}

/* ?…¨?????????-???è§?é—?é￠? */
.servedat_cont {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 110px;
}

.servedat_cont .rq {
  width: 100%;
}

.servedat_cont .rq1 {
  width: 49%;
  height: 355px;
  margin-right: 2%;
  float: left;
  background: #fff;
  box-shadow: 0px 5px 25px 0px rgba(90, 91, 95, 0.2);
  padding: 35px;
  position: relative;
  margin-bottom: 50px;
  transition: all .3s;
}

.servedat_cont .rq1:nth-child(2n) {
  margin-right: 0;
}

.servedat_cont .p1 {
  font-size: 22px;
  color: #666;
  font-family: "regular";
}

.servedat_cont .p2 {
  font-size: 14px;
  color: #666;
  font-family: "regular";
  width: 100px;
  height: 30px;
  border: 1px solid rgb(241, 241, 241);
  text-align: center;
  line-height: 30px;
  margin-top: 25px;
  margin-bottom: 35px;
  transition: all .3s;
}

.servedat_cont .p3 {
  font-size: 16px;
  color: #666;
  font-family: "regular";
  opacity: 0.66;
  transition: all .3s;
}

.servedat_cont .p4 {
  width: 73px;
  font-size: 12px;
  color: #666;
  position: absolute;
  top: 80%;
  background-image: url(../images/img159.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  transition: all .3s;
}

.servedat_cont .rq1:hover {
  background: rgb(232, 73, 38);
}

.servedat_cont .rq1:hover a p {
  color: #fff;
}

.servedat_cont .rq1:hover a .p4 {
  background-image: url(../images/img12.png);
}

.servedat_cont .fyq {
  padding-top: 70px;
}




/* ?…¨?????????-??€??ˉ?”ˉ??? */
.down_cont {
  padding-top: 80px;
  padding-bottom: 130px;
}

.down_cont .ser_bt {
  font-size: 36px;
}

.down_cont .rq1 {
  margin-bottom: 30px;
}

.down_cont .fyq {
  margin-top: 70px;
}




.form {
  width: 1200px;
  height: 740px;
  background: #fff;
  box-shadow: 0px 5px 25px 0px rgba(90, 91, 95, 0.2);
  position: fixed;
  /* top: 212px; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  padding: 0 125px;
  padding-top: 73px;
  display: none;
}

.form .p1 {
  font-size: 26px;
  color: #333;
  font-family: "regular";
  text-align: center;
  margin-bottom: 55px;
}

.form input {
  width: 100%;
  height: 55px;
  border: 1px solid rgb(224, 224, 224);
  padding-left: 20px;
  font-size: 16px;
  color: #777;
  font-family: "regular";
  margin-bottom: 25px;
}

.form select {
  color: #777;
  width: 100%;
  height: 55px;
  font-size: 16px;
  font-family: "regular";
  border: 1px solid rgb(229, 229, 229);
  padding-left: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/img131.png);
  background-position-x: 97%;
  background-position-y: center;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}

.form button {
  width: 100%;
  font-size: 20px;
  height: 55px;
  color: #fff;
  font-family: "regular";
  background: rgb(52, 115, 182);
  transition: all .5s;
}

.form button:hover {
  background: rgb(232, 73, 38);
}

.form img {
  float: right;
}

.form .inp2 {
  width: 33%;
}




/* ?…3?o???‘??? */
/* about_cont2 */
.about_cont2 {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 20px;
}

.ab_bt {
  font-size: 40px;
  color: #333;
  font-family: "bold";
  text-align: center;
}

.about_cont2 .p1 {
  font-size: 16px;
  color: #777;
  font-family: "normal";

  line-height: 28px;
}

.about_cont2 button {
  width: 160px;
  height: 45px;
  /* background: rgb(232,73,38); */
  font-size: 14px;
  color: #fff;
  display: block;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 40px;
}

.about_cont2 button img {
  margin-left: 10px;
  margin-bottom: 2px;
  transition: all .8s;
}

.about_cont2 button:hover img {
  margin-left: 20px;
}

.about_cont2 .p2 {
  display: none;
}

.about_cont2 .void {
  width: 100%;
}

.about_cont2 .void img {
  width: 100%;
  height: 100%;
}

.about_cont2 .abo_video:after {
  content: '';
  width: 64px;
  height: 64px;
  background: url(../images/img162.png) no-repeat center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
  background-size: contain;
  z-index: 10;
}

.about_cont2 .abo_video:hover:after {
  top: 47%;
}

.about_cont2 .content3 {
  background-image: none;
}

.about_cont2 .content3 .content3_1 .p1 span {
  color: #333;
}

.about_cont2 .content3 .content3_1 .p1 {
  color: #666;
}

.about_cont2 .content3 .content3_1:nth-child(1) {
  background-image: url(../images/img219.png);
}

.about_cont2 .content3 .content3_1:nth-child(2) {
  background-image: url(../images/img164.png);
}

.about_cont2 .content3 .content3_1:nth-child(3) {
  background-image: url(../images/img165.png);
}

.about_cont2 .content3 .content3_1:nth-child(4) {
  background-image: url(../images/img166.png);
}




/* .about_cont3 */
.about_cont3 {
  width: 100%;
  padding-top: 75px;
  padding-bottom: 80px;
  background: rgb(242, 245, 246);
}

.about_cont3 .rq {
  width: 100%;
  padding-top: 85px;
}

.about_cont3 .lef {
  width: 50%;
  float: left;
}

.about_cont3 .lerq {
  width: 100%;
  height: 90px;
  padding-left: 115px;
  margin-bottom: 30px;
  position: relative;
}

.about_cont3 .lerq .y {
  width: 80px;
  height: 79px;
  background-image: url(../images/img171.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  border-radius: 50%;
  box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.2);
  transition: all .3s;
}

.about_cont3 .lerq:nth-child(2) .y {
  background-image: url(../images/img168.png);
}

.about_cont3 .lerq:nth-child(3) .y {
  background-image: url(../images/img169.png);
}

.about_cont3 .lerq:nth-child(4) .y {
  background-image: url(../images/img170.png);
}

.about_cont3 .lerq:nth-child(1).on .y {
  background-image: url(../images/img167.png);
  box-shadow: 0 10px 30px rgba(204, 0, 0, .2);
}

.about_cont3 .lerq:nth-child(2).on .y {
  background-image: url(../images/img172.png);
  box-shadow: 0 10px 30px rgba(204, 0, 0, .2);
}

.about_cont3 .lerq:nth-child(3).on .y {
  background-image: url(../images/img173.png);
  box-shadow: 0 10px 30px rgba(204, 0, 0, .2);
}

.about_cont3 .lerq:nth-child(4).on .y {
  background-image: url(../images/img174.png);
  box-shadow: 0 10px 30px rgba(204, 0, 0, .2);
}

.about_cont3 .lerq .p1 {
  font-size: 22px;
  color: #333;
  font-family: "regular";
  margin-bottom: 7px;
}

.about_cont3 .on .p1 {
  color: #e84b28;
}

.about_cont3 .lerq .p2 {
  font-size: 18px;
  color: #666;
  font-family: "regular";
}

.about_cont3 .rig {
  width: 50%;
  float: right;
  position: relative;
  transition: all 1s;
  transform: rotate(0deg);
}

.about_cont3 .ig {
  width: 357px;
  height: 355px;
  margin: 0 auto;
}

.about_cont3 .ig img {
  width: 100%;
  height: 100%;
}

.about_cont3 .rig .p3 {
  font-size: 24px;
  color: #444;
  font-family: "regular";
}

.about_cont3 .rig .on {
  color: #0076bd;
}

.about_cont3 .rig .p31 {
  position: absolute;
  left: 50%;
  top: -4%;
  transform: translate(-50%, -50%);
}

.about_cont3 .rig .p32 {
  position: absolute;
  left: 13%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.about_cont3 .rig .p33 {
  position: absolute;
  left: 50%;
  top: 106%;
  transform: translate(-50%, -50%);
}

.about_cont3 .rig .p34 {
  position: absolute;
  left: 89%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16%;
}

.about_cont3 .rig .ig2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}



/* .about_cont4 */
.about_cont4 {
  width: 100%;
  position: relative;
}

.about_cont4 .bj,
.about_cont4 .bj img {
  width: 100%;
  height: 100%;
}

.about_cont4 .wrap {
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translate(-50%, 0%);
}

.about_cont4 .ab_bt {
  color: #fff;
  margin-top: 73px;
}

.ab_fbt {
  font-size: 18px;
  color: #fff;
  opacity: 0.5;
  font-family: "regular";
  text-align: center;
  margin-top: 8px;
}

.about_cont4 .rq {
  width: auto;
  display: table;
  margin: 0 auto;
  margin-top: 30px;
}

.about_cont4 .rq1 {
  width: 201px;
  height: 180px;
  background-image: url(../images/img179.png);
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  margin-left: 90px;
  transition: all .3s;
}

.about_cont4 .rq1:nth-child(1) {
  margin-left: 0;
}

.about_cont4 .rq1 div {
  width: 100%;
  height: 100%;
  background-image: url(../images/img183.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 30%;
}

.about_cont4 .rq1 div p {
  color: #444;
  font-size: 20px;
  font-family: "medium";
  text-align: center;
  padding-top: 105px;
}

.about_cont4 .rq1:nth-child(2)>a div {
  background-image: url(../images/img181.png);
}

.about_cont4 .rq1:hover {
  background-image: url(../images/img178.png);
}

.about_cont4 .rq1:nth-child(1):hover>a div {
  background-image: url(../images/img180.png);
}

.about_cont4 .rq1:nth-child(2):hover>a div {
  background-image: url(../images/img182.png);
}

.about_cont4 .rq1:hover>a div p {
  color: #fff;
}




/* about_cont5 */
.about_cont5 {
  width: 100%;
  padding: 110px 0;
  background: rgb(242, 245, 246);
}

.about_cont5,
.development-box {
  position: relative;
}

.development-box .swiper-slide {
  padding: 0 5px;
}

.deve-item {
  position: relative;
}

.deve-center {
  padding: 0 0 25px 0;
}

.deve-center .m-dot {
  width: 16px;
  height: 16px;
  border: 1px solid #6b6b6b;
  border-radius: 50%;
  padding: 4px;
  margin: 0 auto;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.deve-center .m-dot i {
  display: block;
  width: 6px;
  height: 6px;
  background: #6b6b6b;
  border-radius: 50%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}



.deve-center .m-day {
  font-size: 15px;
  font-weight: 600;
  color: #666;
  text-align: center;
  margin-top: 5px;
}

.deve-item:hover .deve-center .m-dot {
  border-color: #e84926;
}

.deve-item:hover .deve-center .m-dot i {
  background: #e84926;
}

.deve-item:hover .deve-center .m-day {
  color: #e84926;
}

.deve-item:hover .deve-info {
  background-image: url(../images/img185.png);
}

.deve-item:hover .deve-info .deve-text p {
  color: #e84926;
}

.deve-item .deve-info {
  position: relative;
  padding-top: 15px;
  width: 100%;
  height: 190px;
  background-image: url(../images/img184.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 auto;
}

.deve-item .deve-info {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  padding: 0;
}

.deve-item.it2 .deve-info {
  bottom: 0;
  padding-top: 15px;
}

.deve-item.it1 .deve-info {
  top: 0;
  padding-bottom: 15px;
}


.deve-text {
  width: 285px;
  height: 190px;
  vertical-align: middle;
  display: table-cell;
  padding: 15px 41px;
}

.deve-item.it2 .deve-text {
  height: 158px;
}


.deve-text p {
  font-size: 18px;
  font-family: "regular";
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}



.about_cont5 .swiper-button-prev,
.about_cont5 .swiper-button-next {
  position: absolute;
  top: 53%;
  width: 52px;
  height: 52px;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  transition: all .3s;
}

.about_cont5 .swiper-button-prev {
  left: 15%;
  background-image: url(../images/img189.png);
}

.about_cont5 .swiper-button-prev:hover {
  background-image: url(../images/img186.png);
}

.about_cont5 .swiper-button-next {
  right: 15%;
  background-image: url(../images/img187.png);
}

.about_cont5 .swiper-button-next:hover {
  background-image: url(../images/img188.png);
}


.development-box::after {
  content: '';
  height: 2px;
  background: #e9e9e9;
  position: absolute;
  left: 32px;
  right: 32px;
  top: 7px;
}

.development-box {
  margin-top: 40px;
}

.development-box::after {
  left: 42px;
  right: 42px;
  top: 51%;
  margin-top: -19px;
}

.deve-item {
  position: relative;
}


.deve-center {
  padding: 227px 0;
}


/* .about_cont6 */
.about_cont6 {
  width: 100%;
  padding-top: 110px;
  padding-bottom: 90px;
}

.about_cont6 .ab_fbt {
  opacity: 1;
  color: #999;
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 40px;
}

.about_cont6 .ab_fbt::before {
  content: '';
  width: 40px;
  height: 2px;
  background: rgb(232, 73, 38);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
}

.about_cont6 .p1 {
  font-size: 16px;
  color: #666;
  font-family: "regular";
  text-align: center;
  line-height: 28px;
}

.about_cont6 .p2 {
  width: 52%;
  margin: 0 auto;
}

.about_cont6 .ig {
  width: 943px;
  height: 489px;
  margin: 0 auto;
  margin-top: 75px;
}

.about_cont6 .ig img {
  width: 100%;
  height: 100%;
}



/* about_cont7 */
.about_cont7 {
  width: 100%;
  background: rgb(240, 245, 248);
  padding-top: 93px;
  padding-bottom: 46px;
}

.about_cont7 .lef {
  float: left;
  padding-top: 180px;
  width: 493px;
}

.about_cont7 .lef p {
  text-align: left;
}

.about_cont7 .lef .ab_fbt {
  color: #999;
  margin-bottom: 50px;
}

.about_cont7 .lef button {
  font-size: 18px;
  color: #666;
  font-family: "regular";
  width: 140px;
  height: 45px;
  border: 1px solid rgb(210, 214, 216);
  margin-right: 10px;
}

.about_cont7 .lef .on {
  background: rgb(232, 73, 38);
  color: #fff;
}

.about_cont7 .lef button:hover {
  background: rgb(232, 73, 38);
  color: #fff;
}

.about_cont7 .rig {
  width: 707px;
  height: 592px;
  float: right;
  position: relative;
  display: none;
}

.about_cont7 .rig.rig2 {
  display: block;
}

.about_cont7 .rig .bj {
  width: 100%;
}

.about_cont7 .rigg .bj {
  margin-top: 50px;
}

.about_cont7 .rig .bz_1 {
  position: absolute;
  left: 85%;
  top: 30%;
  transform: translate(-50%, -50%);
}

.about_cont7 .rig .bz_2 {
  position: absolute;
  left: 76%;
  top: 86%;
  transform: translate(-50%, -50%);
}

.about_cont7 .rig .bz_3 {
  position: absolute;
  left: 74%;
  top: 85%;
  transform: translate(-50%, -50%);
}

.about_cont7 .rig .bz_4 {
  position: absolute;
  left: 72%;
  top: 87%;
  transform: translate(-50%, -50%);
}

/* .about_cont7 .bz div{
  display: none;
} */
.about_cont7 .bz div {
  display: block !important;
}

.about_cont7 .rigg .bz div {
  /* display: none !important; */
}

.about_cont7 .rigg .bz.on div {
  display: block !important;
}

.about_cont7 .bz:hover>div {
  display: block;
}

.about_cont7 .rig div p {
  font-size: 16px;
  color: #444;
  font-family: "regular";
}

.about_cont7 .rig .bz_1 div {
  width: 210px;
  position: absolute;
  left: 48px;
  top: -59px;
  transform: translate(-50%, -50%);

}

.about_cont7 .rigg .bz_1 div {
  left: 124px;
  top: -22px;
}

.about_cont7 .rig .bz_2 div {
  width: 210px;
  position: absolute;
  left: -27px;
  top: -46px;
  transform: translate(-50%, -50%);
}

.about_cont7 .rig .bz_3 div {
  width: 210px;
  position: absolute;
  left: 138px;
  top: 13px;
  transform: translate(-50%, -50%);
}

.about_cont7 .rigg .bz_3 div {
  left: 90px;
  top: 95px;
}

.about_cont7 .rig .bz_4 div {
  width: 210px;
  position: absolute;
  left: -120px;
  top: -28px;
  transform: translate(-50%, -50%);
}

.about_cont7 .rigg .bz_4 div {
  position: absolute;
  left: 135px;
  top: 93px;
  transform: translate(-50%, -50%);
}

.about_cont7 .bz>img {
  width: 100%;
  animation: abfd 2s linear infinite;
}

@keyframes abfd {

  0%,
  100% {
    transform: scale(0.8);
  }

  50% {
    transform: scale(1.1);
  }
}


.about_cont7 .rigg .bz_1 {
  left: 84%;
  top: 33%;
}

.about_cont7 .rigg .bz_2 {
  left: 21%;
  top: 32%;
}

.about_cont7 .rigg .bz_3 {
  left: 48%;
  top: 28%;
}

.about_cont7 .rigg .bz_4 {
  left: 79%;
  top: 36%;
}

.about_cont7 .rigg .bz_5 {
  left: 50%;
  top: 26%;
}

.about_cont7 .rigg .bz_6 {
  left: 50%;
  top: 25%;
}

.about_cont7 .rigg .bz_7 {
  left: 49%;
  top: 27%;
}

.about_cont7 .rigg .bz_8 {
  left: 15%;
  top: 31%;
}

.about_cont7 .rig1 .bz {
  /* display: none; */
}

/* .about_cont7 .rig1 .bz_4 {
  display: block !important;
}
.about_cont7 .rig1 .bz_8 {
  display: none !important;
}
.about_cont7 .rig1 .bz_4 div{
  display: block !important;
} */











/* ??oè??é?…?‰???-??? */
.cent_cont1 {
  width: 100%;
  padding-top: 80px;
}

.cen_bt {
  font-size: 40px;
  color: #333;
  font-family: "medium";
  text-align: center;
  padding-bottom: 35px;
  position: relative;
}

.cent_cont1 .cen_bt::before {
  content: '';
  width: 40px;
  height: 2px;
  background: rgb(0, 121, 195);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}

.cent_cont1 .p1 {
  font-size: 16px;
  color: #666;
  font-family: "regular";
  line-height: 30px;
  margin-top: 25px;
  padding: 0 40px;
}

.cent_cont1 .ig,
.cent_cont1 .ig img {
  width: 100%;
  height: 100%;
}

.cent_cont1 .ig {
  margin-top: 80px;
  position: relative;
}

.cent_cont1 .ig .a1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cent_cont1 .ig .a1 img {
  width: 106px;
  /* height: 70px; */
}

/* .cent_cont2 */
.cent_cont2 {
  width: 100%;
  padding-top: 95px;
  padding-bottom: 115px;
  background: rgb(244, 247, 249);
}

.cent_cont2 .rq {
  margin-top: 75px;
  width: 100%;
}

.cent_cont2 .rq1 {
  width: 32%;
  height: 330px;
  margin-right: 2%;
  float: left;
  background: rgb(255, 255, 255);
}

.cent_cont2 .rq1:nth-child(3) {
  margin-right: 0;
}

.cent_cont2 .rq1 div {
  width: 100%;
  height: 100%;
  padding: 70px 33px;
  background-image: url(../images/img195.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 70px;
  transition: all .3s;
}

.cent_cont2 .rq1 div p {
  font-size: 16px;
  color: #666;
  font-family: "regular";
  text-align: center;
  padding-top: 120px;
}

.cent_cont2 .rq1:nth-child(2) div {
  background-image: url(../images/img196.png);
}

.cent_cont2 .rq1:nth-child(3) div {
  background-image: url(../images/img197.png);
}

.cent_cont2 .rq1:hover div {
  background-position-y: 60px;
}

.cent_cont3 {
  width: 100%;
  position: relative;
  height: 941px;
}

.cent_cont3 .bj,
.cent_cont3 .bj img {
  width: 100%;
  height: 100%;
}

.cent_cont3 .wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  padding-top: 75px;
}

.cent_cont3 .cen_bt {
  color: #fff;
}

.cent_cont3 .yq {
  width: 659px;
  height: 664px;
  background-image: url(../images/img200.png);
  background-repeat: no-repeat;
  margin: 0 auto;
  position: relative;
  margin-top: 30px;
}

.cent_cont3 .yq::before {
  content: '';
  width: 498px;
  height: 498px;
  background-image: url(../images/img199.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.cent_cont3 .tp {
  width: 385px;
  height: 385px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: all .3s;
}

/* .cent_cont3 .on{
  opacity: 1;
} */
.cent_cont3 .tp img {
  width: 100%;
  height: 100%;
}

.cent_cont3 .sz {
  width: 180px;
  font-size: 22px;
  color: #fff;
  font-family: "regular";
  position: absolute;
  top: 17%;
  left: 0%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

/* .cent_cont3 .sz.on2{
  color: red;
} */
.cent_cont3 .sz2 {
  top: 42%;
  left: -12%;
}

.cent_cont3 .sz3 {
  top: 70%;
  left: -5%;
}

.cent_cont3 .sz4 {
  top: 94%;
  left: 12%;
}

.cent_cont3 .sz5 {
  top: 104%;
  left: 48%;
}

.cent_cont3 .sz6 {
  top: 92%;
  left: 94%;
}

.cent_cont3 .sz7 {
  top: 71%;
  left: 110%;
}

.cent_cont3 .sz8 {
  top: 50%;
  left: 115%;
}

.cent_cont3 .sz9 {
  top: 30%;
  left: 110%;
}

.cent_cont3 .sz10 {
  top: 11%;
  left: 93%;
}

.cent_cont3 .sz11 {
  top: -1%;
  left: 62%;
}


/* cent_cont4 */
.cent_cont4 {
  width: 100%;
  padding-top: 155px;
}

.cent_cont4 .rq {
  width: 100%;
}

.cent_cont4 .rq1 {
  width: 32%;
  height: 420px;
  margin-right: 2%;
  float: left;
}

.cent_cont4 .rq1:nth-child(3n) {
  margin-right: 0%;
}

.cent_cont4 .rq1 .top {
  width: 100%;
  overflow: hidden;
}

.cent_cont4 .rq1 .top img {
  width: 100%;
  transition: all 1s;
}

.cent_cont4 .bot {
  padding-top: 34px;
  width: 100%;
}

.cent_cont4 .bot .p1 {
  font-size: 22px;
  color: #444;
  font-family: "medium";
}

.cent_cont4 .bot .p2 {
  width: 80%;
  font-size: 16px;
  color: #666;
  font-family: "regular";
  margin-top: 10px;
}

.cent_cont4 .rq1:hover>.top img {
  transform: scale(1.1);
}

.cent_cont4 .rq1:hover>.bot .p1 {
  color: #0079c3;
}



/* .cent_cont5 */
.cent_cont5 {
  width: 100%;
  background: rgb(244, 247, 249);
  padding-top: 100px;
  padding-bottom: 120px;
}

.cent_cont5 .rq {
  width: 100%;
  margin-top: 20px;
}

.cent_cont5 .rq1 {
  width: 32%;
  height: 480px;
  margin-right: 2%;
  float: left;
  background: #fff;
}

.cent_cont5 .rq1:nth-child(3) {
  margin-right: 0;
}

.cent_cont5 .rq1 .top {
  width: 100%;
  overflow: hidden;
}

.cent_cont5 .rq1 .top img {
  width: 100%;
  transition: all 1s;
}

.cent_cont5 .rq1 .bot {
  padding: 0 20px;
  margin-top: 25px;
}

.cent_cont5 .rq1 .bot .p1 {
  font-size: 24px;
  color: #333333;
  font-family: "medium";
  margin-bottom: 28px;
  line-height: 29px;
}

.cent_cont5 .rq1:hover>.top img {
  transform: scale(1.1);
}

.cent_cont5 .rq1:hover>.bot .p1 {
  color: #0079c3;
}


/* ?????-???è?? */
.join2_con1 {
  width: 100%;
}

.join2_con1 .p1 {
  color: #333333;
  font-size: 32px;
  text-align: center;
  font-family: "regular";
  padding-top: 75px;
  padding-bottom: 45px;
}

.join2_con1 .rq1 {
  width: 100%;
  height: 125px;
  background: rgb(232, 73, 38);
  padding: 28px 0;
}

.join2_con1 .rq1 p {
  font-size: 22px;
  color: #fff;
  font-family: "regular";
  text-align: center;
  margin-top: 5px;
}

.join2_con1 .rq1 .p3 {
  font-weight: bold;
  font-size: 23px;
}

.join2_con1 .rq2 {
  margin-top: 20px;
}

.join2_con1 .rq2,
.join2_con1 .rq2 img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.join2_con2 {
  padding: 0;
  padding-bottom: 100px;
}

.join2_con2 .p3 {
  font-size: 30px;
  color: #333333;
  font-family: "regular";
  padding-top: 75px;
  padding-bottom: 30px;
}

.join2_con2 .bot .p3 {
  padding: 0;
}

.join2_con3 {
  width: 100%;
  background: rgb(243, 246, 249);
  padding-top: 80px;
  padding-bottom: 120px;
}

.join2_con3 .p1 {
  font-size: 30px;
  color: #333;
  font-family: "normal";
  margin-bottom: 20px;
}

.join2_con3 .p2 {
  font-size: 20px;
  color: #e84926;
  font-family: "normal";
  margin-bottom: 10px;
}

.join2_con3 .p3 {
  font-size: 16px;
  color: #666666;
  font-family: "normal";
  width: 94%;
  line-height: 30px;
}

.join2_con3 .rq {
  width: 100%;
  margin-top: 35px;
  margin-bottom: 50px;
}

.join2_con3 .rq1 {
  width: 23.5%;
  height: 350px;
  float: left;
  margin-right: 2%;
  border: 2px solid rgb(232, 73, 38);
  padding: 30px;
  padding-top: 40px;
  transition: all .5s;
}

.join2_con3 .rq1:nth-child(4) {
  margin-right: 0;
}

.join2_con3 .rq1 div {
  width: 56px;
  height: 58px;
}

.join2_con3 .rq1:nth-child(1) div {
  background-image: url(../images/img224.png);
  background-position: center;
  background-repeat: no-repeat;
}

.join2_con3 .rq1:nth-child(2) div {
  background-image: url(../images/img225.png);
  background-position: center;
  background-repeat: no-repeat;
}

.join2_con3 .rq1:nth-child(3) div {
  background-image: url(../images/img226.png);
  background-position: center;
  background-repeat: no-repeat;
}

.join2_con3 .rq1:nth-child(4) div {
  background-image: url(../images/img227.png);
  background-position: center;
  background-repeat: no-repeat;
}

.join2_con3 .p4 {
  font-size: 22px;
  color: #333333;
  font-family: "normal";
  margin: 20px 0;
}

.join2_con3 .p5 {
  font-size: 16px;
  color: #666666;
  font-family: "normal";
}

.join2_con3 .rq1:hover {
  background: rgb(232, 73, 38);
}

.join2_con3 .rq1:hover p {
  color: #fff;
}

.join2_con3 .rq1:nth-child(1):hover div {
  background-image: url(../images/img220.png);
}

.join2_con3 .rq1:nth-child(2):hover div {
  background-image: url(../images/img221.png);
}

.join2_con3 .rq1:nth-child(3):hover div {
  background-image: url(../images/img222.png);
}

.join2_con3 .rq1:nth-child(4):hover div {
  background-image: url(../images/img223.png);
}

.join2_con3 .rq2 {
  width: 100%;
  padding: 40px 30px;
  background: #fff;
  border: 1px solid rgb(204, 204, 204);
  margin-bottom: 50px;
}


.join2_con3 .fztp {
  width: auto;
  margin: 0 auto;
}

.join2_con3 .fztp img {
  display: block;
  margin: 0 auto;
}

.join2_con3 .fztp p {
  color: #666666;
  font-size: 16px;
  text-align: center;
}













/* ???è?¨??? */
@media (max-width: 1680px) {

  /* é|–é?μ */
  .banner .swiper-slide .container {
    padding-left: 117px;
  }

  .banner .container .p1 {
    font-size: 42px;
  }

  .banner .container .p2 {
    font-size: 26px;
  }

  .ljgd {
    width: 125px;
  }

  .content1 .content1_1:hover>div .p1 {
    font-size: 32px;
  }

  .content1 .content1_1:hover>div .p2 {
    font-size: 18px;
  }

  .content1 .content1_1 div img {
    width: 47px;
    height: 47px;
  }

  .content2 .bj {
    width: 100%;
    height: auto;
  }

  .content4 .lef {
    width: 514px;
    height: 445px;
  }

  .content4 .rig {
    width: 634px;
    height: 445px;
  }

  .content4 .rig .rq .rq1 {
    width: 308px;
  }

  .content4 .lef .bot .p1 {
    font-size: 17px;
  }

  .content4 .rig .rq .rq1 p {
    font-size: 14px;
  }

  .content4 .rig .rq2 p {
    line-height: 60px;
  }

  .content4 .rig .rq2 {
    margin-top: 44px;
  }

  .content5 .dt {
    width: 815px;
    margin: 0 auto;
    margin-top: 40px;
  }

  .content5 .dt img {
    width: 100%;
    height: 100%;
  }


  /* ODM */

  .odm_cont3 .swiper-button-next,
  .join_cont1 .swiper-button-next,
  .newdate_cont3 .swiper-button-next,
  .ser_cont4 .swiper-button-next {
    right: 8%;
  }

  .odm_cont3 .swiper-button-prev,
  .join_cont1 .swiper-button-prev,
  .newdate_cont3 .swiper-button-prev,
  .ser_cont4 .swiper-button-prev {
    left: 8%;
  }

  /* ?…3?o???‘??? */
  .about_cont5 .swiper-button-prev {
    left: 9%;
  }

  .about_cont5 .swiper-button-next {
    right: 9%;
  }


  /* è?”?3???‘??? */
  .con_cont2 .wrap {
    top: 391px;
  }


}

@media (max-width: 1459px) {
  .navbar .category-item .two .rq {
    padding-top: 18px;
    padding-bottom: 10px;
  }

  .navbar .category-item .two .rq .tp .p1 {
    margin-top: 13px;
    margin-bottom: 8px;
  }

  /* é|–é?μ */
  .banner .swiper-slide .container {
    padding-left: 38px;
  }

  .banner .container .p1 {
    font-size: 33px;
  }

  .banner .container .p2 {
    font-size: 20px;
  }

  .ljgd {
    width: 100px;
    height: 37px;
    line-height: 37px;
  }

  .ljgd span {
    height: 37px;
    line-height: 37px;
  }

  .about_cont2 button {
    width: 136px;
  }

  .content1 .content1_1 div {
    top: 30%;
  }

  .content1 .content1_1 .p2 {
    font-size: 12px;
  }

  .content1 .content1_1 .p1 {
    font-size: 22px;
  }

  .content1 .content1_1:hover>div .p2 {
    font-size: 18px;
  }

  .content1 .content1_1:hover>div .p1 {
    font-size: 27px;
  }

  .content2 .rig div {
    height: 410px;
  }

  /* .content2 .bj{
  width: 1300px;
    height: 575px;
} */



  .form .inp2 {
    width: 33%;
  }

  .form select,
  .form input {
    margin-bottom: 15px;
  }


  /* ODM */

  .odm_cont3 .swiper-button-next,
  .about_cont5 .swiper-button-next,
  .join_cont1 .swiper-button-next,
  .newdate_cont3 .swiper-button-next,
  .ser_cont4 .swiper-button-next {
    right: 1%;
  }

  .odm_cont3 .swiper-button-prev,
  .about_cont5 .swiper-button-prev,
  .join_cont1 .swiper-button-prev,
  .newdate_cont3 .swiper-button-prev,
  .ser_cont4 .swiper-button-prev {
    left: 1%;
  }


  /* è?”?3???‘??? */
  .con_cont2 .wrap {
    top: 328px;
  }

  .content1 .content1_1:hover>a div .p1 {
    font-size: 30px;
  }

  .content1 .content1_1:hover>a div .p2 {
    font-size: 17px;
  }

  .content1 .content1_1 div img {
    width: 40px;
    height: 40px;
  }

  .content2 .dbj {
    width: 816px;
  }



  .about_cont3 .rig .p3 {
    font-size: 20px;
  }

  .about_cont3 .rig .p34 {
    position: absolute;
    left: 94%;
    top: 53%;
  }

  .about_cont3 .rig .p32 {
    left: 7%;

  }


  .about_cont7 .lef {
    width: 30%;
  }

  .about_cont7 .rig {
    width: 60%;
  }

  .about_cont7 .rig .bz_4 {
    top: 81%;
  }

  .about_cont7 .rig .bz_3 {
    top: 79%;
  }

  .about_cont7 .rig .bz_2 {
    top: 56%;
  }

  .about_cont7 .rig .bz_1 {
    top: 28%;
  }

  .about_cont7 .rig div p {
    font-size: 14px;
  }

  .about_cont7 .rig .bz div img {
    height: 80px;
  }

  .about_cont7 .rig .bz_2 div {
    top: -55px;
  }

  .about_cont7 .rig .bz_1 div {
    top: -50px;
  }

  .about_cont7 .rigg .bz_1 {
    top: 31%;
  }

  .about_cont7 .rigg .bz_2 {
    top: 30%;
  }

  .about_cont7 .rigg .bz_3 {
    top: 26%;
  }

  .about_cont7 .rigg .bz_4 {
    top: 34%;
  }

  .about_cont7 .rigg .bz_5 {
    top: 24%;
  }


  .prlis_cont2 .bot {
    padding: 0 40px;
    padding-top: 30px;
  }

  .prlis_cont2 .bot .p1 {
    font-size: 24px;
  }

  .prlis_cont2 .bot .p2,
  .prlis_cont2 .bot .p3 {
    font-size: 14px;
  }



  .banner .nr .wrap .p1 {
    font-size: 35px;
  }

  /* .banner .nr .wrap .p2{
  font-size: 22px;
} */
  /* .banner .nr .wrap .p1::before {
  content: '';
  width: 98px;
  height: 150px;
  background-size: contain;
} */
  .prlis_banner .nr .wrap .p1::before {
    content: none;
  }

  .prodate_cont4 .lef {
    width: 529px;
  }

  .prodate_cont4 .rig {
    width: 494px;
  }

  .proxq1-rt_jz .prod_p,
  .prodate_but {
    font-size: 30px;
  }

  .prodate_but::before {
    height: 25px;
    top: 9px;
  }

  .prodate_but {
    margin-bottom: 20px;
  }

  .prodate_cont5 .prodate_but {
    margin-bottom: 85px;
  }

  .prodate_cont6 .lef {
    padding-top: 110px;
  }

  .prodate_cont4 .p3 {
    font-size: 25px;
  }

  .prodate_cont10 .rq1 .bot {
    padding: 0 20px;
    padding-top: 13px;
  }

  .prodate_cont10 .bot .p1 {
    font-size: 20px;
  }

  .prodate_cont10 .bot .p2,
  .prodate_cont10 .bot .p3 {
    font-size: 12px;
  }

  .prodate_cont10 {
    padding-top: 68px;
    padding-bottom: 128px;
  }

  .prodate_cont10 .prodate_but {
    margin-bottom: 40px;
  }

  .cen_bt {
    font-size: 34px;
  }

  .cent_cont2 .rq {
    margin-top: 25px;
  }

  .cent_cont3 .sz {
    font-size: 20px;
  }

  .cent_cont4 .bot {
    padding-top: 20px;
  }

  .cent_cont4 .bot .p1 {
    font-size: 20px;
  }

  .cent_cont4 .bot .p2 {
    font-size: 14px;
  }

  .cent_cont4 .rq1 {
    height: 365px;
  }

  .cent_cont5 {
    padding-top: 85px;
    padding-bottom: 100px;
  }

  .cent_cont5 .rq1 .bot .p1 {
    font-size: 20px;
  }

  .cent_cont5 .rq1 {
    height: 455px;
  }

  .so_bt {
    font-size: 34px;
  }

  .solu_cont3 .lef {
    width: 349px;
    height: auto;
  }

  .solu_cont3 .rig {
    width: 674px;
    height: auto;
  }

  .solu_cont3 .lef .rq img {
    width: 54px;
    height: 54px;
  }

  .solu_cont3 .lef .rq {
    height: 67px;
  }

  .solu_cont3 .lef .rq p {
    line-height: 67px;
    font-size: 16px;
  }

  .solu_cont4 .top .rq img {
    width: 100%;
  }

  .solu_cont4 .bot .p1 {
    font-size: 30px;
  }

  .solu_cont4 .bot .rq .lef .p3 {
    background-size: 40px;
  }

  .solu_cont4 .bot .rq .lef p {
    font-size: 16px;
  }

  .so_bt {
    font-size: 29px;
  }

  .solu_cont5 .p2 {
    font-size: 16px;
  }

  .solu_cont5 .p3 {
    font-size: 30px;
  }

  .sp1 {
    margin-left: 125px;
    margin-right: 90px;
  }

  .sp img {
    width: 30px;
    height: 30px;
  }

  .sp {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
  }

  .con5_5 .rq .lef {
    width: 588px;
  }

  .con5_5 .rq .rig {
    width: 420px;
  }

  .con5_5 .rq .lef div img {
    width: 80%;
  }

  .ser_cont2 .rq .lef {
    width: 463px;
    height: 495px;

  }

  .ser_cont2 .rq .rig {
    width: 560px;
    height: auto;
  }

  .ser_bt {
    font-size: 34px;
  }

  .ser_cont2 .rq .lef .p2 {
    width: 93%;
    font-size: 14px;
  }

  .ser_cont2 .rq2 .rq2_1 {
    width: 303px;
    margin-right: 57px;
  }

  .ser_cont2 .rq2 {
    margin-top: 50px;
  }

  .ser_cont5 .rq .rq1 .p1 {
    font-size: 22px;
  }

  .new_cont1 .rig {
    height: 253px;
    /* padding: 45px 75px; */
  }

  .join_cont1 .swiper-slide div:nth-child(1) {
    width: 389px;
    height: 297px;
  }

  .join_cont1 .swiper-slide div:nth-child(2) {
    width: 303px;
    height: 297px;
  }

  .join_cont1 .swiper-slide div:nth-child(3) {
    width: 303px;
    height: 297px;
  }

  .join_cont1 .swiper-slide div:nth-child(4) {
    width: 389px;
    height: 297px;
  }

  .join_cont1 .swiper-slide div:nth-child(5) {
    width: 621px;
    height: 297px;
  }

  .join_cont1 .swiper-slide div {
    margin-right: 14px;
  }

  .join_bt {
    font-size: 34px;
  }

  .con_cont1 .rq input,
  .con_cont1 .xl,
  .con_cont1 .x2 {
    width: 500px;
    margin-right: 20px;
  }

  .con_cont1 .x2 {
    margin-right: 0;
  }

  .content2 .lef .rq {
    margin-top: 30px;
  }

  .content4 .lef {
    width: 438px;
  }

  .content4 .rig {
    width: 541px;
  }

  .content4 .rig .rq .rq1 {
    width: 262px;
  }

  .content5 .dt {
    width: 695px;
  }

  .issdate_cont2 .top .p1 {
    font-size: 30px;
    width: 69%;
  }

  .issdate_cont2 .bot .ig div {
    width: 395px;
  }

  .join_cont1 .swiper-button-next,
  .join_cont1 .swiper-button-prev {
    width: 34px;
    height: 75px;
    background-size: contain;
  }

  .issdate_cont2 .an .lb {
    width: 136px;
  }

  .newdate_cont3 .p1 {
    font-size: 34px;
  }

  .banner2 .nr .wrap .p1::before {
    content: '';
    width: 30px;
    height: 6px;
  }

  .odm_bt {
    font-size: 38px;
  }

  .odm_cont1 .rq1,
  .odm_cont1 .rq4 {
    width: 597px;
    height: 358px;
  }

  .odm_cont1 .rq2,
  .odm_cont1 .rq3 {
    width: 409px;
    height: 358px;
  }

  .newsha_cone1 .lef {
    width: 384px;
  }

  .newsha_cone1 .rig {
    width: 640px;
  }

  .newsha_cone1 .rq {
    height: 205px;
  }

  .newsha_cone1 .rig .p1 {
    font-size: 19px;
  }

  .newsha_cone1 .rig .p2 {
    font-size: 13px;
  }

  .newsha_cone1 .rig a {
    width: 119px;
    height: 38px;
    line-height: 38px;
  }

  .join_cont3 .top .p1 {
    font-size: 20px;
  }

  .join_cont3 .top .p2 {
    font-size: 16px;
  }

  .odm_cont5 .rq .lef {
    width: 452px;
    height: 230px;
  }

  .odm_cont5 .rq .rig {
    width: 427px;
    height: 230px;
  }

  .odm_cont5 .rq .lef img,
  .odm_cont5 .rq .rig img {
    width: 107px;
  }

  .odm_cont5 .p2 {
    width: 72%;
    font-size: 14px;
  }

  .odm_cont5 .p1 {
    font-size: 23px;
    padding-bottom: 8px;
  }

  .content2 .void {
    width: 364px;
    height: 205px;
  }

  .content2 .abo_video:after {
    width: 64px;
    height: 64px;
  }

  .content2 .rig div {
    height: 350px;
    margin-top: 150px;
  }


  .ser_cont4 .p3 {
    font-size: 15px;
    line-height: 25px;
    height: 103px;
  }

  .deve-text p {
    font-size: 16px;
  }

  .deve-text {
    padding: 15px 30px;
  }

  .newdate2 .bot .an a:nth-child(1),
  .newdate2 .bot .an a:nth-child(3) {
    width: 340px;
    overflow: hidden;
  }








}

@media (max-width: 1366px) {
  .banner2 .nr .wrap {
    left: 50%;
  }

  .content1 .content1_1 div img {
    margin-top: 18px;
  }

  .about_cont7 .rig .bz_4 div {
    left: -72px;
    top: 2px;
  }

  .about_cont7 .rig .bz_2 div {
    left: 11px;
    top: -46px;
  }

  .about_cont7 .rigg .bz_4 div {
    left: 58px;
    top: 85px;
  }

}

@media (max-width: 1259px) {

  .content2 .dbj {
    width: 600px;
    height: 114px;
  }

  .con_cont1 .rq input,
  .con_cont1 .xl,
  .con_cont1 .x2 {
    width: 49%;
    margin-right: 1.8%;
  }

  .con_cont1 .x2 {
    margin-right: 0;
  }


  /* é|–é?μ */

  /* .content2 .bj{
  width: 1151px;
  height: 431px;
} */
  .content2 .void {
    width: 295px;
    height: 166px;
  }

  .content2 .rig div {
    height: 330px;
    margin-top: 113px;
  }

  .content2 .lef .rq {
    margin-top: 25px;
  }

  .bt {
    font-size: 33px;
  }

  .content2 .lef .rq .p2 {
    font-size: 13px;
    line-height: 25px;
    margin-top: 15px;
  }

  .content2 .abo_video:after {
    width: 50px;
    height: 50px;
  }

  .content1 .content1_1 div img {
    width: 37px;
    height: 37px;
    margin-top: 25px;
  }

  .banner .swiper-slide .container {
    padding-left: 0px;
  }

  .content3 .content3_1 .p1 span {
    font-size: 35px;
  }

  .content3 .content3_1 .p1 {
    font-size: 12px;
  }

  .content4 .lef {
    width: 415px;
    height: 360px;
  }

  .content4 .rig {
    width: 512px;
    height: 360px;
  }

  .content4 .rig .rq .rq1 {
    width: 250px;
  }

  .content4 .lef .bot {
    padding: 15px 5px;
  }

  .content4 .lef .bot .p2 {
    font-size: 13px;
  }

  .content4 .lef .bot .p1 {
    font-size: 16px;
  }

  .content4 .lef .top span {
    font-size: 15px;
    width: 80px;
    height: 35px;
    line-height: 35px;
  }

  .content4 .rig .rq .rq1 div span {
    font-size: 13px;
    width: 60px;
    height: 30px;
    line-height: 30px;
  }

  .content4 .rig .rq .rq1 p {
    font-size: 13px;
  }

  .content4 .rig .rq2 {
    margin-top: 16px;
  }

  .content4 .rig .rq2 p {
    line-height: 53px;
    font-size: 14px;
  }

  .content4 .rig .rq2 p span {
    font-size: 13px;
  }

  .content5 .dt {
    width: 659px;
  }

  .content5 .lef {
    margin-top: 60px;
  }

  .foot-tbot .lef div p {
    font-size: 14px;
  }




  /* ODM */
  .odm_cont1 .rq1 {
    width: 565px;
  }

  .odm_cont1 .rq2 {
    width: 388px;
  }

  .odm_cont1 .rq div {
    height: 339px;
  }

  .odm_cont1 .rq3 {
    width: 388px;
  }

  .odm_cont1 .rq4 {
    width: 565px;
  }

  .odm_cont5 .rq .lef,
  .odm_cont5 .rq .rig {
    width: 400px;
    height: 218px;
  }

  .odm_cont5 .rq .lef img,
  .odm_cont5 .rq .rig img {
    width: 100px;
    height: 100px;
  }

  .odm_cont5 .p2 {
    font-size: 13px;
  }

  .odm_cont5 .p1 {
    font-size: 23px;
    padding-bottom: 7px;
  }

  .odm_bt {
    font-size: 33px;
  }

  .odm_fbt {
    font-size: 14px;
  }

  .banner2 .nr .wrap .p1 {
    font-size: 36px;
  }


  /* è§￡??3?–1??? */

  .solu_cont3 .lef {
    width: 330px;

    height: 397px;
  }

  .solu_cont3 .rig {
    width: 638px;
    height: 397px;
  }

  .solu_cont3 .lef .rq {
    height: 64px;
  }

  .solu_cont3 .lef .rq img {
    height: 50px;
  }

  .solu_cont3 .lef .rq p {
    font-size: 16px;
    line-height: 64px;
  }

  .solu_cont4 .top .rq img {
    width: 100%;
  }

  .solu_cont4 .top .rq .tc .rig p {
    font-size: 15px;
  }

  .solu_cont4 .top .rq .tc .lef {
    width: 53px;
    height: 53px;
    margin-top: 19px;
    line-height: 53px;
  }

  .solu_cont4 .bot .rq .lef {
    width: 40%;
    height: auto;
  }

  .solu_cont4 .bot .rq .rig {
    width: 50%;
    height: auto;
  }

  .solu_cont5 .con5_1 .lef {
    width: 45%;
    height: auto;
  }

  .solu_cont5 .con5_1 .rig {
    width: 45%;
    height: auto;
  }

  .sp1 {
    margin-left: 40px;
    margin-right: 90px;
  }

  .solu_cont5 .con5_3 div {
    width: 80%;
  }

  .solu_cont5 .con5_3 div img {
    width: 100%;
    height: 100%;
  }

  .con5_5 .rq .lef {
    width: 550px;
  }

  .con5_5 .rq .rig {
    width: 398px;
  }

  .con5_5 .rq .lef div img {
    width: 80%;
  }


  /* ?o§?“?èˉ|??… */
  .prodate_cont4 .lef {
    width: 47%;
  }

  .prodate_cont4 .rig {
    width: 53%;
  }

  .prlis_cont2 .top img {
    height: 80%;
    width: auto;
  }

  /* ???è§?é—?é￠?èˉ|??… */
  .issdate_cont2 .top .p1 {
    font-size: 27px;
    width: 67%;
  }

  .issdate_cont2 .bot .ig div {
    width: 45%;
  }

  /* ?…3?o???‘??? */
  .about_cont3 .ig {
    width: 265px;
    height: auto;
  }

  .about_cont3 .rig .p3 {
    font-size: 18px;
  }

  .about_cont4 .rq1 {
    width: 162px;
    height: 145px;
  }

  .about_cont4 .rq1 div p {
    font-size: 15px;
  }

  /* ????…￥?·¨?3° */
  .join_cont1 .swiper-slide div:nth-child(1) {
    width: 368px;
    height: 282px;
  }

  .join_cont1 .swiper-slide div:nth-child(2) {
    width: 287px;
    height: 282px;
  }

  .join_cont1 .swiper-slide div:nth-child(3) {
    width: 287px;
    height: 282px;
  }

  .join_cont1 .swiper-slide div:nth-child(4) {
    width: 368px;
    height: 282px;
  }

  .join_cont1 .swiper-slide div:nth-child(5) {
    width: 589px;
    height: 282px;
  }

  .join_cont1 .swiper-slide div {
    margin-right: 12px;
  }




  /* è?”?3???‘??? */
  .con_cont2 .wrap {
    top: 290px;
  }

  .con_cont2 .rq {
    padding: 40px 75px;
  }



  /* ?a’??“??-??? */
  .new_cont1 .rig {
    height: 290px;
    padding: 44px 75px;
  }


  /* ??????????o? */

  .newsha_cone1 .lef {
    width: 40%;
  }

  .newsha_cone1 .rig {
    width: 60%;
  }




  /* ?a’??“??-???èˉ|??… */
  .newdate2 .bot .an a {
    font-size: 13px;
    padding: 0 11px;
  }

  .newdate_cont3 .top,
  .newdate_cont3 .swiper-slide {
    height: auto;
  }

  .newdate_cont3 .top img {
    vertical-align: middle;
  }


  .ser_cont2 .rq .lef {
    width: 45%;
    padding: 15px 0;
    height: 445px;
  }

  .ser_cont2 .rq .rig {
    width: 55%;
    height: auto;
  }

  .ser_bt {
    font-size: 33px;
  }

  .ser_cont2 .rq .lef .p2 {
    font-size: 14px;
    width: 87%;
    margin-top: 17px;
  }

  .ser_cont2 .rq2 .rq2_1 {
    width: 30%;
    margin-right: 5%;
    padding: 15px;
  }

  .ser_cont2 .rq2 .rq2_1:nth-child(3) {
    margin: 0;
  }

  .ser_cont3 .dznr {
    width: 380px;
  }

  .ser_cont3 .dznr .p1 {
    font-size: 17px;
  }

  .ser_cont3 .dznr .p2 {
    font-size: 13px;
  }

  .cent_cont3 .wrap {
    overflow: hidden;
  }

  .newdate2 .bot .an a:nth-child(1),
  .newdate2 .bot .an a:nth-child(3) {
    width: 315px;
    overflow: hidden;
  }


  .about_cont7 .lef button {
    width: 130px;
  }

  .about_cont7 .rig .bz_4 {
    top: 71%;
  }

  .about_cont7 .rig .bz_3 {
    top: 69%;
  }

  .about_cont7 .rig .bz_2 {
    top: 49%;
  }

  .about_cont7 .rig .bz_1 {
    top: 25%;
  }

  .about_cont7 .rigg .bz_1 {
    top: 28%;
  }

  .about_cont7 .rigg .bz_2 {
    top: 28%;
  }

  .about_cont7 .rigg .bz_3 {
    top: 24%;
  }

  .about_cont7 .rigg .bz_4 {
    top: 31%;
  }

  .about_cont7 .rigg .bz_5 {
    top: 22%;
  }

}






@media (max-width: 1120px) {
  .content1 .content1_1:hover>a div .p2 {
    font-size: 16px;
  }

  .content1 .content1_1:hover>a div .p1 {
    font-size: 27px;
  }

  .content1 .content1_1 div img {
    margin-top: 13px;
  }

  .form {
    width: 100%;
  }

}







@media (max-width: 991px) {
  .prodate_cont3 {
    top: 60px;
  }

  .about_honor .img_list {
    height: 420px;
  }

  .odm_cont4 .rq p {
    font-size: 15px;
  }

  .odm_cont4 .rq .p5,
  .odm_cont4 .rq .p6,
  .odm_cont4 .rq .p7,
  .odm_cont4 .rq .p8 {
    top: 88%;
  }

  .form {
    padding: 10% 5%;
  }

  .form .inp2 {
    width: 32.8%;
  }

  .about_cont7 .lef button {
    width: 100px;
    font-size: 14px;
  }

  /* é|–é?μ */
  .content1 .content1_1 div img {
    width: 30px;
    height: 30px;
  }

  .content1 .content1_1:hover>div .p2 {
    font-size: 15px;
  }

  .content1 .content1_1:hover>div .p1 {
    font-size: 23px;
  }

  .content1 .content1_1:hover>div {
    top: 10%;
  }

  .banner .container .p1 {
    font-size: 28px;
  }

  .banner .container .p2 {
    font-size: 17px;
  }

  .ljgd {
    width: 88px;
    height: 33px;
    line-height: 33px;
    margin-top: 10px;
  }

  .ljgd span {
    /* width: 88px; */
    height: 33px;
    line-height: 33px;
  }

  .bt {
    font-size: 26px;
  }

  .content2 .rig div {
    height: 256px;
    margin-top: 88px;
  }

  .content2 .void {
    width: 228px;
    height: 128px;
  }

  .content2 .abo_video:after {
    width: 40px;
    height: 40px;
  }

  .content2 .lef .rq .p2 {
    font-size: 12px;
    line-height: 20px;
    padding-right: 25px;
  }

  /* .content2 .bj {
  width: 815px;
  height: 332px;
} */
  .content3 .content3_1:nth-child(1) {
    background-size: 20%;
  }

  .content3 .content3_1:nth-child(2) {
    background-size: 16%;
  }

  .content3 .content3_1:nth-child(3) {
    background-size: 21%;
  }

  .content3 .content3_1:nth-child(4) {
    background-size: 24%;
    width: 22%;
  }

  .content3 .content3_1 .p1 span {
    font-size: 30px;
  }

  .content3 .content3_1 {
    padding-left: 45px;
    width: 26%;
  }

  .content3 .content3_1,
  .content3 div,
  .content3 {
    height: 160px;
  }

  .content4 .lef {
    width: 321px;
    height: 278px;
  }

  .content4 .rig {
    width: 396px;
    height: 278px;
  }

  .content4 .rig .rq .rq1 {
    width: 192px;
  }

  .content4 .rig .rq .rq1 p {
    font-size: 12px;
  }

  .content4 .rig .rq2 p {
    line-height: 40px;
    font-size: 12px;
  }

  .content4 .rig .rq2 p span {
    font-size: 12px;
  }

  .content4 .lef .bot .p2 {
    font-size: 12px;
    line-height: 16px;
  }

  .content4 .lef .bot .p1 {
    font-size: 14px;
  }

  .fbt {
    font-size: 13px;
  }

  .content5 .dt {
    width: 436px;
  }

  .content5 .lef {
    margin-top: 26px;
  }

  .content6 .foot-container .p1 {
    font-size: 13px;
    width: 379px;
    line-height: 20px;
  }

  .content {
    min-height: 500px;
    margin-top: 60px;
  }



  /* ODM */
  .odm_cont1 .rq div {
    height: 262px;
  }

  .odm_cont1 .rq1 {
    width: 437px;
  }

  .odm_cont1 .rq2 {
    width: 300px;
  }

  .odm_cont1 .rq3 {
    width: 300px;
  }

  .odm_cont1 .rq4 {
    width: 437px;
  }

  .odm_cont1 .rq div p {
    line-height: 45px;
    font-size: 16px;
  }

  .odm_cont5 .rq .lef,
  .odm_cont5 .rq .rig {
    width: 305px;
    height: 264px;
  }

  .odm_cont5 .rq .lef img,
  .odm_cont5 .rq .rig img {
    width: 75px;
    height: 75px;
  }

  .odm_cont6 .rq div {
    width: 32%;
    margin-right: 2%;
  }

  .odm_cont6 .rq div:nth-child(5n) {
    margin-right: 2%;
  }

  .odm_cont6 .rq div:nth-child(3n) {
    margin-right: 0%;
  }




  /* è§￡??3?–1??? */
  .banner .nr .wrap .p1 {
    font-size: 37px;
  }

  .banner .nr .wrap .p2 {
    font-size: 18px;
  }

  .banner .nr .wrap .p1::before {
    background-size: contain;
  }

  .banner .nr .wrap .p1::before {
    width: 65px;
    height: 120px;
    top: -15px;
  }

  .so_bt {
    font-size: 26px;
  }

  .solu_cont2 a {
    width: 180px;
    font-size: 13px;
  }

  .solu_cont3 .lef {
    width: 280px;
    height: 285px;
  }

  .solu_cont3 .rig {
    width: 460px;
    height: 285px;
  }

  .solu_cont3 .lef .rq {
    height: 45px;
  }

  .solu_cont3 .lef .rq img {
    height: 40px;
    width: auto;
    margin-top: 8px;
  }

  .solu_cont3 .lef .rq p {
    font-size: 13px;
    line-height: 45px;
  }

  .solu_cont3 {
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .solu_cont3 .so_jz {
    padding-top: 30px;
  }

  .solu_cont4 .top .rq .tc .lef {
    width: 40px;
    height: 40px;
    margin-top: 12px;
    line-height: 40px;
    font-size: 12px;
  }

  .solu_cont4 .top .rq .tc .rig {
    height: 70px;
    padding-left: 9px;
  }

  .solu_cont4 .top .rq .tc .rig p {
    font-size: 12px;
  }

  .solu_cont4 .top .rq .tc {
    height: 70px;
    padding-left: 20px;
    margin-top: 35px;
  }

  .solu_cont4 .top .rq .p1 {
    font-size: 19px;
  }

  .solu_cont4 .top .rq {
    height: 455px;
    margin-top: 30px;
  }

  .solu_cont4 .bot .p1 {
    font-size: 26px;
    padding: 50px 0;
  }

  .solu_cont4 {
    padding: 50px 0;
  }

  .solu_cont5 .p2 {
    font-size: 16px;
    margin-bottom: 40px;
  }

  .solu_cont5 .p3 {
    font-size: 26px;
  }

  .sp {
    display: block;
  }

  .sp1 {
    margin-left: 0;
    margin-bottom: 10px;
  }

  .solu_cont5 .p4 {
    margin-bottom: 35px;
  }

  .con5_5 .rq .lef {
    width: 431px;
  }

  .con5_5 .rq .rig {
    width: 308px;
  }

  .con5_5 .rq .rig div {
    padding-left: 0;
    padding-top: 13px;
  }

  .con5_5 .rq .rig div p {
    text-align: center;
  }

  .con5_5 .rq .lef div {
    height: 65px;
  }

  /* ?o§?“?èˉ|??… */
  .proxq1-lf,
  .proxq1-rt {
    width: 100%;
  }

  .proxq1-lf {
    margin-bottom: 10px;
  }

  .prodate_cont5 .lef {
    padding-top: 0;
  }

  .prodate_cont6 .lef {
    padding-top: 25px;
  }

  .prodate_cont10 .rq .rq1 {
    width: 49%;
    margin-right: 2%;
  }

  .prodate_cont10 .rq .rq1:nth-child(2n) {
    margin-right: 0;
  }


  /* ?o§?“???—è?¨ */
  .prlis_cont2 .rq .rq1 {
    width: 49%;
    margin-right: 2%;
  }

  .prlis_cont2 .rq .rq1:nth-child(3n) {
    margin-right: 2%;
  }

  .prlis_cont2 .rq .rq1:nth-child(2n) {
    margin-right: 0%;
  }

  /* ???è§?é—?é￠?èˉ|??… */
  .issdate_cont2 .top .p1 {
    font-size: 23px;
    width: 56%;
  }

  .issdate_cont2 .an .lb {
    width: 105px;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    margin: 0 20px;
  }

  .issdate_cont2 .an a {
    font-size: 12px;
  }

  .issdate_cont2 .bot .p2 {
    font-size: 13px;
  }


  .abdate_cont a {
    font-size: 14px;
    margin-right: 40px;
  }

  .ab_bt {
    font-size: 30px;
  }

  .about_cont2 {
    padding-top: 50px;
  }

  .about_cont2 .p1 img {
    width: 70px;
  }

  .about_cont3 .rig {
    display: none;
  }

  .about_cont3 .lef {
    width: 100%;
  }

  .about_cont4 .rq1 {
    width: 125px;
    height: 112px;
  }

  .about_cont4 .rq1 div {
    background-size: 32px;
  }

  .about_cont4 .rq1 div p {
    padding-top: 70px;
  }

  .deve-text {
    padding: 3px 28px;
  }

  .deve-text p {
    font-size: 14px;
  }

  .about_cont6 .ig {
    width: 100%;
    height: auto;
  }

  .about_cont6 .p2 {
    width: 100%;
  }


  .about_honor .bd_r,
  .about_honor .bd_l {
    height: 600px;
  }

  .about_honor .bd_l .img_title {
    font-size: 14px;
    height: 60px;
    line-height: 60px;
  }

  .about_honor .r_title {
    font-size: 2px;
  }

  .about_honor .r_text p {
    font-size: 14px;
    line-height: 19px;
  }

  .join_cont1 .swiper-slide div img {
    vertical-align: middle;
  }

  .join_cont1 .swiper-slide div {
    margin-right: 0px;
    margin-bottom: 0;
  }

  .join_cont1 .swiper-slide div:nth-child(1) {
    width: 37.5%;
    margin-right: 1%;
    margin-bottom: 10px;
    height: auto;
  }

  .join_cont1 .swiper-slide div:nth-child(2) {
    width: 29.5%;
    margin-right: 1%;
    height: auto;
    margin-bottom: 10px;
  }

  .join_cont1 .swiper-slide div:nth-child(3) {
    width: 29.5%;
    /* margin-right:  1%; */
    height: auto;
    margin-bottom: 10px;
  }

  .join_cont1 .swiper-slide div:nth-child(4) {
    width: 37.5%;
    margin-right: 1%;
    height: auto;
  }

  .join_cont1 .swiper-slide div:nth-child(5) {
    width: 60.5%;
    height: auto;
  }

  .join_cont1 .swiper-button-next,
  .join_cont1 .swiper-button-prev {
    width: 35px;
    height: 35px;
    background-size: contain;
    top: 55%;
  }

  .join_bt {
    font-size: 27px;
    padding-bottom: 32px;
  }

  .join_cont2 .rq1 div {
    width: 100%;
    height: auto;
  }


  /* è?”?3???‘??? */
  .con_cont2 .wrap {
    top: 215px;
  }

  .con_cont2 .rq {
    padding: 31px 41px;
  }

  .con_cont2 .p1 {
    font-size: 20px;
  }

  .con_cont2 .rig .p2 {
    font-size: 13px;
    margin-bottom: 15px;
  }

  .con_cont2 .lef .p2 {
    font-size: 13px;
    line-height: 30px;
  }

  .con_cont2 .lef .p2 span {
    font-size: 14px;
  }

  .con_cont2 {
    padding-bottom: 340px;
  }

  .con_cont1 {
    padding-bottom: 60px;
  }

  .con_cont1 .p1 {
    width: 100%;
    font-size: 15px;
  }



  /* ?a’??“??-??? */
  .new_cont1 .rig {
    height: 225px;
    padding: 23px 37px;
  }

  .new_cont1 .rig .p1 {
    font-size: 17px;
    margin-bottom: 18px;
  }

  .new_cont1 .rig .p2 {
    font-size: 13px;
    line-height: 21px;
  }

  .new_cont2 .rq1 {
    width: 49%;
    margin-right: 2%;
  }

  .new_cont2 .rq1:nth-child(3n) {
    margin-right: 2%;
  }

  .new_cont2 .rq1:nth-child(2n) {
    margin-right: 0%;
  }

  /* ??????????o? */

  .newsha_cone1 .rq {
    height: auto;
  }

  .newsha_cone1 .rig {
    padding: 10px 15px;
  }

  .newsha_cone1 .rig .p1 {
    font-size: 20px;
  }

  .newsha_cone1 .rig .p2 {
    font-size: 12px;
    line-height: 20px;
  }

  .newsha_cone1 .rig a {
    font-size: 12px;
    width: 100px;
    height: 35px;
    line-height: 35px;
    margin-top: 24px;
  }

  /* ?…¨?????????-???è§?é—?é￠? */
  .servedat_cont .p3 {
    font-size: 13px;
  }

  .servedat_cont .p1 {
    font-size: 19px;
  }


  .ser_cont5 .rq .rq1 {
    width: 49%;
    margin-right: 2%;
  }

  .ser_cont5 .rq .rq1:nth-child(3n) {
    margin-right: 2%;
  }

  .ser_cont5 .rq .rq1:nth-child(2n) {
    margin-right: 0%;
  }



  .ser_bt {
    font-size: 26px;
  }

  .ser_cont2 .rq .lef .p2 {
    font-size: 12px;
    width: 96%;
    margin-top: 11px;
  }

  .ser_cont2 .rq .lef {
    height: 375px;
  }

  .ser_cont2 .rq2 .rq2_1 .p1 {
    font-size: 19px;
    margin-bottom: 6px;
  }

  .ser_cont2 .rq2 .rq2_1 .p2 {
    font-size: 13px;
  }

  .ser_cont4 .p3 {
    font-size: 13px;
  }

  .ser_cont4 .p1 {
    font-size: 18px;
  }

  .ser_cont4 .p5 {
    font-size: 15px;
  }

  .ser_cont52 .rq .rq1:nth-child(3n) {
    width: 100%;
    margin-top: 10px;
  }

  .ser_cont5 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .ser_cont3 .dznr {
    width: 346px;
    padding: 35px 49px;
  }

  .pc2 {
    display: none;
  }

  .app2 {
    display: block;
  }

  .about_cont7 .pc,
  .about_cont7 .rig1 .bz_4 {
    display: none !important;
  }

  .about_cont7 .app {
    display: block !important;
  }



  .cent_cont3 .yq {
    width: 411px;
    height: 415px;
    background-size: contain;
  }

  .cent_cont3 .yq::before {
    width: 311px;
    height: 311px;
    background-size: contain;
  }

  .cent_cont3 .tp {
    width: 240px;
    height: 240px;
  }

  .cent_cont3 .wrap {
    padding-bottom: 50px;
  }

  .cent_cont3 .sz {
    font-size: 15px;
    width: 114px;
  }

  .cent_cont3 {
    height: 700px;
  }

  .cen_bt {
    font-size: 33px;
  }

  .join2_con3 .rq1 {
    width: 49%;
  }

  .join2_con3 .rq1:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .newdate2 .bot .an a:nth-child(1),
  .newdate2 .bot .an a:nth-child(3) {
    width: 225px;
    overflow: hidden;
  }

  .newdate2 .bot div,
  .newdate2 .bot div img,
  .newdate2 .bot span img,
  .newdate2 .bot p img {
    width: 100% !important;
  }

}


@media (max-width: 767px) {
  .about_honor .bd_l {
    display: none;
  }

  .newdate2 .bot .an a:nth-child(1),
  .newdate2 .bot .an a:nth-child(3),
  .newdate2 .bot .an a:nth-child(2) {
    width: 100%;
  }

  .newdate2 .bot .an a img {
    width: 22px !important;
  }

  .content2 .dbj {
    width: 460px;
    height: 114px;
  }

  @keyframes sonarEffect {
    0% {
      opacity: 0.3;
    }

    40% {
      opacity: 0.5;
      box-shadow: 0 0 0 2px rgba(10, 185, 223), 0 0 0px 0px rgba(10, 185, 223), 0 0 0 10px rgba(10, 185, 223);
    }

    100% {
      box-shadow: 0 0 0 2px rgba(10, 185, 223), 0 0 0px 0px rgba(10, 185, 223), 0 0 0 10px rgba(10, 185, 223);
      transform: scale(0.5);
      opacity: 0;
    }
  }

  .content5 .fa {
    width: 20px;
  }

  .content5 .fa img {
    width: 100%;
  }

  .foot-container,
  .wrap {
    width: 100%;
    padding: 0 15px;
  }

  /* é|–é?μ */
  .pc {
    display: none;
  }

  .app {
    display: block;
  }

  .content1 .content1_1 .p2 {
    margin-top: 0;
  }

  .content1 .content1_1 .p1 {
    font-size: 16px;
  }

  .content1 .content1_1:hover>div {
    top: 22%;
  }

  .content1 .content1_1:hover>div .p2 {
    font-size: 12px;
  }

  .content1 .content1_1:hover>div .p1 {
    font-size: 16px;
  }

  .content1 .content1_1 div img {
    margin-top: 10px;
  }

  .content2 .lef,
  .content2 .rig {
    width: 100%;

  }

  .content2 .rig div {
    height: auto;
    margin-top: 0;
  }

  .content2 .void {
    width: 100%;
    height: auto;
  }

  .content2 .lef .rq {
    padding: 0 15px;
  }

  .content4 .lef {
    margin-bottom: 10px;
  }

  .content4 .lef,
  .content4 .rig {
    width: 100%;
    height: auto;
  }

  .content4 .rig .rq .rq1 {
    width: 48%;
  }

  .content2 .foot-container {
    width: 100%;
    padding: 0;
  }

  .content3 .content3_1 {
    width: 50%;
  }

  .content3 {
    height: 320px;
  }

  .content3 .content3_1:nth-child(1) {
    background-size: 50px;
  }

  .content3 .content3_1:nth-child(2) {
    background-size: 40px 50px;
  }

  .content3 .content3_1:nth-child(3) {
    background-size: 51px 48px;
  }

  .content3 .content3_1:nth-child(4) {
    background-size: 50px;
  }

  .content3 .content3_1 {
    padding-left: 80px;
  }

  .content5 .dt {
    width: 70%;
  }

  .content5 .lef {
    width: 30%;
  }

  .content6 .foot-container .p1 {
    font-size: 12px;
  }

  .bt {
    font-size: 20px;
  }

  .content1 .content1_1 {
    width: 50%;
  }

  .content1 .content1_1:nth-child(3) {
    width: 100%;
  }

  .content1 .content1_1:nth-child(3) .p1 {
    font-size: 32px;
  }

  .content1 .content1_1:nth-child(3):hover>div .p1 {
    font-size: 40px;
  }



  /* .ODM */

  .odm_cont1 .rq div {
    height: auto;
    margin-bottom: 10px;
  }

  .odm_cont1 .rq1,
  .odm_cont1 .rq4 {
    width: 58.2%;
  }

  .odm_cont1 .rq2,
  .odm_cont1 .rq3 {
    width: 40%;
  }

  .banner2 .nr .wrap .p1 {
    font-size: 24px;
  }

  .odm_bt {
    font-size: 27px;
    padding-top: 40px;
    padding-bottom: 23px;
  }

  .odm_cont1 .rq {
    padding: 40px 0;
  }

  .odm_cont2 .swiper-button-prev,
  .odm_cont2 .swiper-button-next {
    width: 40px;
    height: 40px;
  }

  .odm_cont5 .rq {
    background-image: none;
    background-size: 40%;
  }

  .odm_cont5 .rq .lef,
  .odm_cont5 .rq .rig {
    height: 240px;
  }

  .odm_cont4 .rq div .tp {
    width: 85px;
    height: 95px;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .odm_cont4 .rq div p {
    font-size: 15px;
    padding-top: 110px;
  }

  .odm_cont4 .rq div {
    height: 145px;
    margin-bottom: 20px;
  }

  .odm_cont6 .rq div img {
    width: 70px;
  }

  .odm_cont5 .rq .lef,
  .odm_cont5 .rq .rig {
    width: 100%;
    height: auto;

  }

  .odm_cont5 .p2,
  .odm_cont5 .rq .rig .p2 {
    width: 100%;
    padding: 0;
    text-align: center;
  }

  .odm_cont5 .p1,
  .odm_cont5 .rq .rig .p1 {
    padding: 0;
    text-align: center;
    font-size: 20px;
  }

  .odm_cont5 .rq {
    height: auto;
    margin-top: 10px;
  }


  /* è§￡??3?–1??? */
  .solu_cont1 a {
    font-size: 15px;
    line-height: 60px;
    margin-right: 35px;
  }

  .solu_cont1 {
    height: 60px;
  }

  .solu_cont3 .lef,
  .solu_cont3 .rig {
    width: 100%;
    height: auto;
  }

  .solu_cont4 .top .rq {
    width: 100%;
    height: auto;
  }

  .sp {
    font-size: 13px;
  }

  .sp img {
    width: 30px;
    height: 30px;
  }

  .con5_5 .rq .lef,
  .con5_5 .rq .rig {
    width: 100%;
  }

  .solu_cont2 a {
    width: 30%;
    font-size: 12px;
    /* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden; */
    float: left;
    margin-right: 2%;
  }

  .solu_cont2 {
    height: 45px;
  }


  /* ?o§?“?èˉ|??… */
  .proxq1-rt_jz .prod_p {
    font-size: 22px;
  }

  .proxq1-rt_jz .p2 {
    font-size: 13px;
  }

  .prodate_cont3 .rq a {
    margin-left: 60px;
  }

  .prodate_cont3 .rq a::before {
    left: -30px;
  }

  .prodate_but {
    font-size: 26px;
  }

  .prodate_but::before {
    height: 27px;
    top: 5px;
  }

  .prodate_cont4 .lef {
    width: 100%;
  }

  .prodate_cont4 .rig {
    width: 100%;
  }

  .prodate_but {
    margin-bottom: 16px;
  }

  .prodate_cont5 .lef {
    padding-left: 0;
  }

  .prodate_cont5 .prodate_but {
    margin-bottom: 20px;
  }

  .prodate_cont4 .p3 {
    color: #e84926;
    font-size: 18px;
    margin-bottom: 28px;
  }

  .prodate_cont4 .rig {
    margin-top: 10px;
  }

  .prodate_cont4 {
    padding-top: 30px;
  }

  .prodate_cont6 .lef {
    padding-left: 0;
  }


  /* ?o§?“???—è?¨ */
  .prlis_cont1 .rq div {
    width: 100%;
    margin-bottom: 13px;
  }

  .prlis_cont1 .rq div span {
    font-size: 14px;
  }

  .prlis_cont1 label {
    font-size: 13px;
  }

  .prlis_cont1 .rq div span {
    width: 19%;
  }

  .prlis_cont1 .rq .rq1 {
    width: 81%;
  }

  /* ???è§?é—?é￠?èˉ|??… */
  .case_deta_contene2 {
    display: none;
  }

  .issdate_cont2 .top .p1 {
    width: 100%;
    line-height: 100px;
  }

  .issdate_cont2 .top {
    height: 100px;
  }

  .issdate_cont2 .an a {
    display: block;
  }

  .issdate_cont2 .an .lb {
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
  }

  .issdate_cont2 .an {
    float: right;
  }

  /* ?…3?o???‘??? */
  .about_cont4 .ab_bt {
    margin-top: 30px;
  }

  .about_cont4 .rq1 {
    width: 94px;
    height: 83px;
  }

  .about_cont4 .rq1 div p {
    font-size: 12px;
    padding-top: 55px;
  }

  .about_cont4 .ab_bt {
    margin-top: 26px;
  }

  .ab_fbt {
    font-size: 14px;
    margin-top: 0px;
  }

  .deve-item .deve-info {
    height: auto;
  }

  .deve-center {
    padding: 190px 0;
  }

  .about_cont5 {
    padding: 40px 0;
  }

  .development-box {
    margin-top: 5px;
  }

  .about_cont6 {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .about_cont5 .swiper-button-prev,
  .about_cont5 .swiper-button-next {
    width: 42px;
    height: 42px;
  }

  .about_cont7 .lef {
    width: 100%;
    padding-top: 0;
  }

  .about_cont7 .rig {
    width: 100%;
  }

  .abdate_cont a {
    font-size: 12px;
    margin-right: 13px;
  }

  .ab_bt {
    font-size: 26px;
  }

  .about_cont2 .p1 {
    font-size: 13px;
  }

  .about_cont2 button {
    width: 120px;
    height: 40px;
  }

  .about_cont2 .p1 img {
    width: 50px;
  }

  .about_cont2 .abo_video:after {
    width: 50px;
    height: 50px;
  }


  .about_honor .bd_r,
  .about_honor .bd_l {
    width: 100%;
  }

  .channel_content .ann button {
    width: 205px;
    height: 70px;
  }

  .join_cont1,
  .join_cont2 {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .join_cont2 .rq1 {
    float: none;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .join_cont2 .rq1:nth-child(3) {
    margin: 0 auto;
  }

  .join_cont2 .rq .p2 {
    font-size: 21px;
    margin-top: 45px;
    margin: 12px;
  }

  .join_cont2 .rq .p3 {
    font-size: 12px;
  }

  .join_cont3 .top .p1 {
    font-size: 18px;
  }

  .join_cont3 .top .p2,
  .join_cont3 .bot .p3 {
    font-size: 14px;
  }

  .join_cont3 .bot .on {
    width: 100px;
  }

  .join_cont3 .bot a {
    /* width: 69px; */
    width: auto;
  }

  .join_cont3 .rq1 {
    padding: 0 20px;
  }


  /* è?”?3???‘??? */

  .con_cont2 .wrap {
    position: relative;
    width: 100%;
    top: 10px;
  }

  .con_cont2 {
    padding-bottom: 40px;
  }

  .con_cont1 .rq input,
  .con_cont1 .xl,
  .con_cont1 .x2 {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }



  /* ?a’??“??-??? */
  .new_cont1 .lef,
  .new_cont1 .rig {
    width: 100%;
  }

  .new_cont1 .swiper-pagination-bullets {
    bottom: 4%;
  }

  .new_cont2 .rq1 .top,
  .new_cont2 .rq1 {
    height: auto;
  }

  .new_cont2 .rq1 .top img {
    vertical-align: middle;
  }

  /* ??????????o? */
  .newsha_cone1 .lef,
  .newsha_cone1 .rig {
    width: 100%;
  }

  .newdate2 .top {
    padding-top: 0;
  }

  .newdate2 .top .p1 {
    line-height: 64px;
    margin-bottom: 0;
  }

  /* ?a’??“??-???èˉ|??… */
  .newdate2 .bot .an a {
    display: block;
    text-align: center;
  }

  .newdate2 .bot .an .lb {
    width: 100%;
  }

  .newdate_cont3 .p1 {
    font-size: 26px;
  }

  .newdate_cont3 .p1 {
    font-size: 34px;
  }

  /* ?…¨?????????-???è§?é—?é￠? */
  .servedat_cont .rq1 {
    width: 100%;
    height: auto;
    padding-bottom: 50px;
    margin: 0;
    margin-bottom: 10px;
  }

  .servedat_cont .p4 {
    top: 90%;
  }



  .ser_cont5 .rq .rq1 {
    /* width: 100%; */
    margin-right: 2%;
    height: auto;
    padding: 14px 14px;
  }

  .down_cont .ser_bt {
    font-size: 26px;
  }

  .ser_cont5 .rq .rq1 .p1 {
    font-size: 16px;
  }

  .down_cont {
    padding: 40px 0;
  }

  .ser_cont5 .rq .rq1 .p2 {
    font-size: 15px;
    margin-bottom: 26px;
  }

  .ser_cont5 .rq .rq1 .p3 {
    width: 40px;
    height: 38px;
    background-size: 16px;
  }


  .ser_cont52 .rq .rq1 {
    margin-bottom: 10px;
  }

  .ser_cont52 .rq .rq1:nth-child(3n) {
    width: 100%;
    margin-top: 0px;
  }

  .ser_cont2 .rq .lef,
  .ser_cont2 .rq .rig {
    width: 100%;
    height: auto;
  }

  .ser_cont2 {
    padding: 0px 0;
  }

  .ser_cont4 .swiper-slide {
    padding: 35px 67px;
  }


  .cent_cont1 .p1 {
    font-size: 14px;
  }

  .cen_bt {
    font-size: 25px;
    padding-bottom: 14px;
  }

  .cent_cont2 .rq {
    margin-top: 14px;
  }

  .cent_cont1 .p1 {
    padding: 0;
  }

  .cent_cont1 {
    padding-top: 30px;
  }

  .cent_cont2 .rq1 {
    width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 10px;
  }

  .cent_cont2 .rq1 div {
    padding: 44px 33px;
  }

  .cent_cont2 {
    padding: 40px 0;
  }

  .cent_cont4 {
    padding-top: 40px;
  }

  .cent_cont4 .rq1 {
    width: 49%;
    margin-right: 2%;
  }

  .cent_cont4 .rq1:nth-child(3n) {
    margin-right: 2%;
  }

  .cent_cont4 .rq1:nth-child(2n) {
    margin-right: 0%;
  }

  .cent_cont4 .bot .p1 {
    font-size: 19px;
  }

  .cent_cont5 .rq1 {
    width: 80%;
    height: auto;
    margin: 0 auto;
    float: none;
    margin-bottom: 10px;
  }

  .cent_cont5 .rq1:nth-child(3) {
    margin: 0 auto;
  }


  .solu_cont4 .bot .rq .lef,
  .solu_cont4 .bot .rq .rig {
    width: 100%;
  }


  .abdate_cont .wrap {
    padding: 0 15px;
    width: auto;
    white-space: nowrap;

  }

  .abdate_cont a {
    font-size: 12px;
    margin-right: 8px;
    line-height: 60px;
    /* width: 70px; */
    padding: 0 15px;
  }

  .abdate_cont a:nth-child(1) {
    padding-left: 0;
  }

  .abdate_cont {
    width: 100%;
    height: 60px;
    line-height: 60px;
    top: 60px;
    overflow-x: auto;
    z-index: 99;
  }

  .abdate_cont::-webkit-scrollbar {
    height: 2px;
    background-color: #136091;
    border-radius: 50px;
  }

  .abdate_cont::-webkit-scrollbar-track {
    border-radius: 50px;
    background-color: #999999
  }

  .abdate_cont::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #136091
  }


}

@media (max-width: 570px) {

  .newdate2 .top .p2 {
    font-size: 16px;
  }

  .newdate2 .top .p2 img {
    width: 19px;
    margin-bottom: -3px;
    margin-right: 6px;
  }

  .prodate_cont10 .bot .p1 {
    font-size: 19px;
  }

  .prlis_cont2 .top img {
    height: 70%;
  }

  .prodate_cont10 .rq1 .bot {
    padding: 0 15px;
    padding-top: 15px;
  }

  .proxq1-top {
    height: auto;
    width: 100%;
  }

  .proxq1-thumbs {
    display: none;
  }

  .prodate_cont1 .rq a {
    font-size: 13px;
  }

  .prodate_cont1 .rq a img {
    margin-right: 2px;
  }

  .proxq1-con .proxq1-top .swiper-slide img {
    width: 80%;
  }

  .proxq1-rt .proxq1-rt_jz {
    margin-left: 0px;
  }

  .prodate_cont10 .rq1 .bot {
    height: auto;
    padding-bottom: 20px;
    border-bottom: 0px solid #000;
  }

  .prodate_cont10 .rq .rq1 {
    height: auto;
  }

  .prodate_cont10 .rq1:hover .bot {
    height: auto;
  }

  /* ?o§?“???—è?¨ */
  .prlis_cont2 .bot {
    padding: 0 22px;
    padding-top: 30px;
  }

  .prlis_cont2 .top img {
    height: 70%;
    width: auto;
  }

  .prlis_cont2 .rq .rq1 {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }

  .about_cont4 .rq1 {
    width: 90px;
    height: 79px;
    margin-left: 28px;
  }

  .about_cont4 .rq1 div {
    background-size: 25px;
  }

  .about_cont4 .rq1 div p {
    font-size: 14px;
    padding-top: 46px;
  }

  .about_cont3 .lerq .p2 {
    font-size: 13px;
  }

  .about_cont3 .rq {
    padding-top: 40px;
  }

  .channel_content .ann {
    /* display: grid; */
    height: auto;
    width: 100%;
  }

  .channel_content .ann button {
    width: 100%;
    height: 70px;
    margin: 0;
    margin-bottom: 10px;
  }

  .channel_content .ann a {
    display: inline-block;
    width: 49%;
  }

  .channel_content .ann a:nth-child(1) {
    margin-right: 1%;
  }

  .channel_content .ann button:nth-child(2) {
    margin-left: 0;
  }

  .channel_content .ann button img {
    width: 23px;
    margin-bottom: -9px;
  }

  .channel_content .ann button {
    height: 50px;
    font-size: 16px;
  }

  .channel_content {
    padding-top: 25px;
    padding-bottom: 40px;
  }

  .channel_content .p {
    margin-top: 8px;
    margin-bottom: 30px;
  }

  .about_honor .bd_l {
    display: none;
  }

  .about_honor .r_title {
    font-size: 18px;
  }

  /* ?a’??“??-??? */

  .new_cont2 .rq1 {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }

  .fyq a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    margin-right: 2px;
  }

  .fyq .a2 {
    width: 55px;
    height: 40px;
    font-size: 13px;
  }

  .new_cont2 {
    padding-bottom: 40px;
  }

  .fyq {
    margin-top: 30px;
  }

  .new_cont1 {
    padding: 40px 0;
  }


  .newdate_cont3 .bot .p2 {
    font-size: 15px;
  }

  .newdate_cont3 .bot .p3 {
    font-size: 13px;
  }

  .newdate_cont3 .bot {
    background-size: 10%;
  }

  .newdate_cont3 {
    padding-bottom: 60px;
  }

  .newdate_cont3 .p1 {
    font-size: 26px;
  }


  .ser_cont2 .rq2 .rq2_1 {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }

  .ser_cont2 .rq2 {
    margin-top: 30px;
  }

  .ser_cont5 {
    padding: 40px 0;
  }

  .ser_cont4 .swiper-button-prev,
  .ser_cont4 .swiper-button-next {
    width: 40px;
    height: 40px;
  }

  .ser_cont4 .swiper-slide {
    padding: 35px 35px;
  }

  .cent_cont3 {
    height: 450px;
  }

  .cent_cont3 .yq {
    width: 220px;
    height: 220px;
  }

  .cent_cont3 .yq::before {
    width: 160px;
    height: 160px;
  }

  .cent_cont3 .tp {
    width: 130px;
    height: 130px;
  }

  .cent_cont3 .sz {
    font-size: 12px;
    width: 95px;
    top: 13%;
    left: -4%;
  }

  .cent_cont3 .sz2 {
    top: 47%;
    left: -12%;
  }

  .cent_cont3 .sz3 {
    top: 70%;
    left: -12%;
  }

  .cent_cont3 .sz4 {
    top: 94%;
    left: 4%;
  }

  .cent_cont3 .sz5 {
    top: 106%;
    left: 48%;
  }

  .cent_cont3 .sz6 {
    top: 97%;
    left: 94%;
  }

  .cent_cont3 .sz7 {
    top: 79%;
    left: 112%;
  }

  .cent_cont3 .sz8 {
    top: 50%;
    left: 122%;
  }

  .cent_cont3 .sz9 {
    top: 27%;
    left: 117%;
  }

  .cent_cont3 .sz10 {
    top: 5%;
    left: 99%;
  }

  .cent_cont3 .sz11 {
    top: -6%;
    left: 51%;
  }

  .join2_con3 .rq1 {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }

  .join2_con1 .p1 {
    font-size: 21px;
    padding-top: 37px;
    padding-bottom: 25px;
  }

  .join2_con2 .p3 {
    font-size: 21px;
    padding-top: 24px;
    padding-bottom: 30px;
  }

  .join2_con3 .p1 {
    font-size: 21px;
  }

  .join2_con3 {
    width: 100%;
    padding-top: 37px;
    padding-bottom: 0px;
  }

  .join2_con3 .p2,
  .join2_con3 .p5 {
    font-size: 15px;
  }

  .join2_con3 .rq1 {
    height: auto;
  }

  .join2_con3 .p3 {
    font-size: 13px;
  }
}



@media (max-width: 414px) {
  .content2 .dbj img {
    width: 75%;
  }

  .about_cont5 {
    padding-bottom: 0;
  }

  .con_cont1 .p1 {
    font-size: 14px;
    text-align: left;
  }

  .content5 {
    padding-top: 35px;
    padding-bottom: 30px;
  }

  .odm_cont4 .rq p {
    font-size: 12px;
  }

  .odm_cont4 .rq .p5,
  .odm_cont4 .rq .p6,
  .odm_cont4 .rq .p7,
  .odm_cont4 .rq .p8 {
    top: 92%;
  }

  .odm_cont5 .p1,
  .odm_cont5 .rq .rig .p1 {
    margin-bottom: 10px;
  }

  .solu_cont3 {
    padding-top: 28px;
  }

  .form .p1 {
    font-size: 21px;
    margin-bottom: 23px;
  }

  .form img {
    width: 20px;
  }

  .form input,
  .form select {
    height: 40px;
    font-size: 14px;
  }

  .form .inp2 {
    width: 100%;
  }

  .form button {
    height: 45px;
    font-size: 16px;
  }

  .form {
    height: 100%;
    padding-top: 20px;
  }


  .content5 .dt .dian1 {
    width: 3px;
    height: 3px;
  }

  @keyframes sonarEffect {
    0% {
      opacity: 0.3;
    }

    40% {
      opacity: 0.5;
      box-shadow: 0 0 0 2px rgba(10, 185, 223), 0 0 0px 0px rgba(10, 185, 223), 0 0 0 10px rgba(10, 185, 223);
    }

    100% {
      box-shadow: 0 0 0 2px rgba(10, 185, 223), 0 0 0px 0px rgba(10, 185, 223), 0 0 0 10px rgba(10, 185, 223);
      transform: scale(0.2);
      opacity: 0;
    }
  }

  .content5 .dt {
    width: 100%;
  }

  .content5 .lef {
    width: 100%;
  }

  .content5 .ljgd {
    margin-top: 0;
  }

  /* é|–é?μ */
  .content2 {
    width: 100%;
    padding: 40px 0;
    position: relative;
  }

  .content1 .content1_1 {
    width: 100%;
  }

  .content1 .content1_1 .p1 {
    font-size: 32px;
  }

  .content1 .content1_1:hover>div .p1 {
    font-size: 40px;
  }

  .content5 .lef {
    margin-top: 0px;
  }

  .content3 .content3_1 {
    padding-left: 60px;
  }

  .content3 .content3_1:nth-child(4) {
    width: 50%;
  }

  .content3 .content3_1,
  .content3 div {
    height: 100px;
  }

  .content3 {
    height: 200px;
  }

  .content3 .content3_1 .p1 span {
    font-size: 26px;
  }

  .content3 .content3_1:nth-child(1) {
    background-size: 40px;
  }

  .content3 .content3_1:nth-child(2) {
    background-size: 30px 40px;
  }

  .content3 .content3_1:nth-child(3) {
    background-size: 41px 38px;
  }

  .content3 .content3_1:nth-child(4) {
    background-size: 40px;
  }

  .content4 {
    padding: 40px 0;
  }

  .content1 .content1_1 .p1,
  .content1 .content1_1:nth-child(3) .p1 {
    font-size: 24px;
  }

  .content1 .content1_1:hover>div .p1,
  .content1 .content1_1:nth-child(3):hover>div .p1 {
    font-size: 26px;
  }




  .odm_bt {
    font-size: 22px;
  }

  .odm_fbt {
    width: 100%;
    font-size: 12px;
  }

  .odm_cont1 .rq {
    padding-top: 20px;
  }

  .odm_cont2 {
    padding-bottom: 40px;
  }

  .odm_cont2 .swiper-container {
    margin-top: 20px;
  }

  .odm_cont2 .swiper-button-prev,
  .odm_cont2 .swiper-button-next {
    width: 30px;
    height: 30px;
    top: 55%;
  }

  .odm_cont3 .swiper-button-next,
  .odm_cont3 .swiper-button-prev {
    width: 40px;
    height: 40px;
    top: 66%;
  }

  .odm_cont3 {
    padding-bottom: 40px;
  }

  .odm_cont3 .swiper-container {
    margin-top: 20px;
  }

  .odm_cont4 .rq div {
    width: 32%;
    margin-right: 2%;
  }

  .odm_cont4 .rq div:nth-child(4n) {
    margin-right: 2%;
  }

  .odm_cont4 .rq div:nth-child(3n) {
    margin-right: 0;
  }

  .odm_cont4 .rq div:nth-child(7),
  .odm_cont4 .rq div:nth-child(8) {
    width: 49%;
  }

  .odm_cont4 .rq div:nth-child(8) {
    margin-right: 0;
  }

  .odm_cont4 .rq {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .odm_cont6 .rq div {
    height: 60px;
  }

  .odm_cont6 {
    padding-bottom: 40px;
  }

  .odm_cont6 .rq {
    margin-top: 20px;
  }




  .so_bt {
    font-size: 22px;
  }

  .solu_cont5 .p3 {
    font-size: 23px;
    margin-top: 40px;
  }

  .solu_cont5 .p4 {
    font-size: 13px;
  }

  .solu_cont5 {
    padding: 40px 0;
  }

  /* ?o§?“?èˉ|??… */
  .prodate_cont1 .rq a {
    font-size: 12px;
  }

  .prodate_cont3 .rq a {
    margin-left: 35px;
    font-size: 13px;
  }

  .prodate_cont3 .rq a::before {
    height: 14px;
    left: -18px;
  }

  .prodate_cont4 .lef .p2 {
    font-size: 13px;
  }

  .proxq-one {
    padding: 40px 0 40px;
  }

  .prodate_cont3 {
    height: 60px;
    line-height: 60px;
  }

  .prodate_cont10 {
    padding-top: 50px;
    padding-bottom: 30px;
  }

  .proxq1-rt_jz .prod_p {
    margin-bottom: 8px;
  }

  .prodate_cont10 .rq .rq1 {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }

  .proxq1-rt_jz div {
    width: 125px;
    margin-top: 10px;
  }

  .proxq1-top p {
    font-size: 11px;
    display: none;
  }


  /* ?o§?“???—è?¨ */
  .prlis_cont1 label {
    width: 120px;
  }

  .prlis_cont2 .bot .p1 {
    font-size: 20px;
  }

  .prlis_cont2 .bot .p2 {
    font-size: 14px;
  }

  .prlis_cont2 .bot .p3 {
    font-size: 14px;
  }

  .prlis_cont2 .bot {
    height: auto;
    padding-bottom: 20px;
  }

  .prlis_cont2 .rq .rq1 {
    height: auto;
  }

  .prlis_cont2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .prlis_cont2 .anniu {
    margin-top: 15px;
  }

  .issdate_cont2 .wrap {
    padding: 0 15px;
  }

  .issdate_cont2 .bot .ig div:nth-child(2) {
    margin-left: 10px;
  }

  .issdate_cont2 .bot {
    padding-bottom: 40px;
  }

  .issdate_cont2 .an {
    margin-top: 15px;
  }

  .issdate_cont2 {
    padding-bottom: 45px;
  }

  .issdate_cont2 .top .p1 {
    font-size: 18px;
  }


  /* ?…3?o???‘??? */
  .deve-text p {
    font-size: 12px;
  }

  .deve-text {
    height: 244px;
    padding: 3px 12px;
  }



  .about_cont2 {
    padding-top: 15px;
  }

  .about_cont3 .lerq .p1 {
    font-size: 18px;
  }

  .about_cont3 .lerq .y {
    background-size: contain;
    width: 65px;
    height: 64px;
    left: 25px;
  }

  .ser_cont2 .rq .lef {
    padding-top: 30px;
  }

  .ser_cont2 .rq .lef .p1 {
    font-size: 13px;
    width: 80px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
  }

  .ser_cont4 .p5 {
    margin-top: 20px;
  }

  .ser_cont4 {
    padding-bottom: 32px;
  }

  .join2_con3 .rq1 {
    padding-top: 10px;
  }

  .odm_cont1 .rq {
    padding-bottom: 0;
  }

  .ser_bt {
    font-size: 22px;
  }

  .con_cont2 .rig .p1 {
    margin-top: 20px;
  }

  .about_cont3 .lerq {
    height: 70px;
    margin-bottom: 10px;
  }

  .about_cont3 .rq {
    padding-top: 22px;
  }

  .about_cont3 {
    padding: 40px 0;
  }

  .about_cont4 .ab_bt {
    margin-top: 20px;
  }

  .about_cont4 .rq {
    margin-top: 30px;
  }

  .deve-text {
    height: 403px;
  }

  .deve-center {
    padding: 121px 0;
  }

  .about_cont5 .swiper-button-prev,
  .about_cont5 .swiper-button-next {
    width: 32px;
    height: 32px;
  }

  .about_cont6 .p1 {
    font-size: 13px;
  }

  .about_cont7 .rig {
    height: auto;
  }

  .about_cont7 .lef button {
    font-size: 15px;
    width: 95px;
    height: 34px;
  }

  .about_cont7 .lef .ab_fbt {
    margin-bottom: 18px;
  }

  .join_bt {
    font-size: 22px;
  }

  .join_cont3 {
    padding: 40px 0;
  }

  .join_cont3 .rq1 .top {
    width: 100%;
    height: 70px;
    line-height: 70px;
    background-size: 30px;
  }

  .join_cont3 .top .p1 {
    font-size: 15px;
  }


  .con_cont1 {
    padding: 40px 0;
  }

  .con_cont2 .rq {
    padding: 31px 13px;
  }

  .con_cont1 .rq {
    margin-top: 17px;
  }

  .con_cont1 button {
    width: 110px;
    height: 32px;
    font-size: 14px;
  }


  /* ??????????o? */
  .newsha_cone1 {
    padding: 40px 0;
  }

  .newsha_cone1 .rq {
    margin-bottom: 10px;
  }

  .newsha_cone1 .fyq {
    margin-top: 30px;
  }


  .newdate_cont3 .swiper-button-prev,
  .newdate_cont3 .swiper-button-next {
    width: 40px;
    height: 40px;
    top: 54%;
  }


  .ser_cont5 .rq,
  .down_cont .fyq {
    margin-top: 30px;
  }

  .cent_cont4 .rq1 {
    width: 100%;
    margin-right: 0;
  }

  .cent_cont5 .rq1 {
    width: 100%;
  }

  .cent_cont5 .rq1 .bot .p1 {
    font-size: 18px;
  }

  .cent_cont5 {
    padding: 40px 0;
  }

  .cen_bt {
    font-size: 23px;
    padding-bottom: 14px;
  }

  .solu_cont4 .bot .rq .lef .p3 {
    background-size: 30px;
    margin-bottom: 10px;
    padding-left: 50px;
    width: 100%;
  }

  .solu_cont4 .bot .rq .lef .p2 {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
  }

  .solu_cont4 .bot .rq .lef p {
    font-size: 13px;
  }

  .join2_con3 .rq2,
  .join2_con3 .rq {
    margin-bottom: 15px;
  }

  .join2_con3 .wrap {
    padding-bottom: 30px;
  }

  .cent_cont3 .wrap {
    padding-top: 33px;
  }

  .cent_cont3 {
    height: 390px;
  }

  .cent_cont4 .rq1 {
    height: auto;
    padding-bottom: 20px;
  }

  .prlis_cont1 {
    padding-bottom: 0;
  }

  .cent_cont1 .ig {
    margin-top: 15px;
    position: relative;
  }

  .cent_cont2 .rq1 div p {
    font-size: 15px;
    padding-top: 83px;
  }

  .cent_cont2 .rq1 div {
    padding: 20px 33px;
    background-position-y: 20px;
  }

  .deve-item.it2 .deve-text {
    height: 403px;
  }

  .deve-text p {
    -webkit-line-clamp: 3;
  }

  .deve-item.it2 .deve-info {
    padding-top: 0;
  }

  .deve-item.it1 .deve-info {
    padding-bottom: 0;
  }


  .about_cont6 .ig {
    margin-top: 20px;
  }

  .about_cont6 .ab_fbt {
    padding-bottom: 10px;
    margin-bottom: 22px;
  }

  .about_cont7 {
    padding-top: 25px;
  }

  .channel_content .ann a:nth-child(1) button img {
    margin-bottom: -5px;
  }

  .ser_cont4,
  .servedat_cont {
    padding-top: 30px;
  }

  .ser_cont4 .ser_fbt {
    margin-bottom: 25px;
  }

  .join_cont1,
  .join_cont2 {
    padding-top: 20px;
  }

  .join_xz {
    padding: 22px 0;
  }


  .content4 .lef .bot {
    padding-bottom: 20px;
  }




  .prodate_cont4 {
    padding-top: 0;
    padding: 0px 0;
  }

  .prodate_cont4 .p3 {
    margin-bottom: 5px;
  }

  .prodate_cont6 {
    padding-bottom: 35px;
  }



  .down_cont .rq1 {
    margin-bottom: 10px;
  }

  .new_cont1 .rig {
    background-position-x: 40px;
    background-position-y: 90%;
  }


  .join_cont1 .swiper-slide div:nth-child(1) {
    margin-bottom: 3px;
  }

  .join_cont1 .swiper-slide div:nth-child(2) {
    margin-bottom: 3px;
  }

  .join_cont1 .swiper-slide div:nth-child(3) {
    margin-bottom: 3px;
  }


  .con_cont2 .lef,
  .con_cont2 .rig {
    width: 100%;
  }

  .issdate_cont2 {
    padding-top: 0;
  }

  .odm_cont4 .rq .p1,
  .odm_cont4 .rq .p2,
  .odm_cont4 .rq .p3,
  .odm_cont4 .rq .p4 {
    top: 45%;
  }

}


.pro-category dl dt a {
  font-size: 18px;
  color: #444;
  width: 100%;
  font-weight: 300;
  font-family: "regular";
  text-transform: uppercase;
  display: inline-block;
}

.pro-category dl dd {
  display: block;
}

.pro-category dl dd a {
  font-family: "regular";
  font-size: 16px;
  color: #666;
  line-height: 20px;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  margin-bottom: 15px;
  transition: all 0.4s;
}

/* .pro-category dl.dl1 dd a:hover,.pro-category dl.dl1 dd a.on{text-decoration: underline;} */
.pro-category dl.dl1 dd a:hover:after,
.pro-category dl.dl1 dd a:hover:before {
  opacity: 1;
}

.pro-category dl.dl1 dd a.on:after,
.pro-category dl.dl1 dd a.on:before {
  opacity: 1;
}

/* .pro-category dl li a:hover,.pro-category dl li a.on{text-decoration: underline;} */
.pro-category dl li a:hover:after,
.pro-category dl li a:hover:before {
  opacity: 1;
}

.pro-category dl li a.on:after,
.pro-category dl li a.on:before {
  opacity: 1;
}


.pro-category dl {
  float: left;
}

.pro-category dl ul {
  display: inline-block;
  vertical-align: top;
}

.pro-category dl li {
  display: block;
  margin-right: 33px;
  min-width: 60px;
}

.pro-category dl ul:last-child li {
  margin-right: 0;
}

.pro-category dl.dl1 {
  width: 100%;
}

.pro-category dl.dl2 {
  width: 100%;
}

.pro-category dl.dl3 {
  width: 100%;
}

.pro-category dl dd,
.pro-category dl dt {
  display: inline-block;
}

.pro-category dl li {
  display: inline-block;
}

.pro-category dl ul {
  width: 100%;
}

.pro-category dl dd {
  width: 86%;
  float: left;
}

.pro-category dl dt {
  width: 15%;
  float: left;
}

.pro-category dl.dl1 dd {
  width: 160px;
}

.pro-category dl.dl1 dd a,
.pro-category dl dt a,
.pro-category dl dd a {
  line-height: 35px;
  cursor: pointer;
}

.pro-category dl.dl1 dd a.on,
.pro-category dl dd a.on {
  color: #fff;
  background: url(../images/img275.png) #ff0000;
  background-repeat: no-repeat;
  background-position-y: 5px;
  background-position-x: 98%;
}

.pro-category dl {
  border-top: 1px solid rgb(213, 214, 218);
  padding-top: 15px;
}

.pro-category dl:nth-child(1) {
  border-top: none;
}

.pro-category dl.dl1 div {
  width: 90%;
  float: right;
  font-family: '微软雅黑';
}


@media(max-width:991px) {
  .pro-category dl dd a {
    font-size: 14px;
  }

  .pro-category dl dt a {
    font-size: 16px;
  }
}

@media(max-width:580px) {
  .pro-category dl dd {
    width: 80%;
    float: left;
  }

  .pro-category dl dt {
    width: 20%;
    float: left;
  }

  .pro-category dl.dl1 dd {
    width: 120px;
  }

  .pro-category dl li {
    width: 60px;
  }

  .cent_cont1 .ig .a1 img {
    width: 65px;
    /* height: 70px; */
  }

  .prlis_cont2 .bot button {
    position: static;
    opacity: 1;
  }




}

@media(max-width:414px) {
  .pro-category dl dt a {
    font-size: 14px;
  }

  .pro-category dl dd a {
    font-size: 13px;
  }

  .pro-category dl dd {
    width: 73%;
    float: left;
  }

  .pro-category dl dt {
    width: 27%;
  }
}

.odm_cont6 .an {
  width: 100px;
  line-height: 40px;
  font-size: 14px;
}




.pro-seven {
  padding: 0px 0 0 0;
}

.pro-tit {
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  color: #333;
  letter-spacing: 5px;
}

.pro-table {
  margin: 40px 0px 75px;
}

.pro-table table {
  width: 100%;
}

.pro-table td {
  border: solid 3px white;
  color: #444444;
  /*width: 33.333333%;*/
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
}

.pro-table td:first-child {
  /* background: #797979; */
  /* padding-left: 54px; */
  /* text-align: left; */
  /* color: white; */
}

.pro-table tr:nth-child(odd) {
  background: #bfbdbd;
}

.proi-more {
  transition: all .5s;
  display: block;
  width: 240px;
  height: 68px;
  font-size: 26px;
  text-align: center;
  line-height: 68px;
  color: white;
  background: #db292e;
  margin: 0 auto;
  margin-bottom: 50px;
}

.proi-more:hover {
  background: #0079c3;
}

@media (max-width: 1460px) {
  .proi-more {
    width: 170px;
    height: 55px;
    font-size: 20px;
    line-height: 55px;
  }

  .pro-tit {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  .pro-table td:first-child {
    padding-left: 10px;
  }
}

@media (max-width: 767px) {
  .pro-table {
    margin: 30px 0;
    overflow-x: auto;
    white-space: nowrap;
  }

  .pro-table td {
    padding: 0;
    min-width: 243px;
    float: none;
    display: inline-block;
    font-size: 13px;
    line-height: 32px;
  }

  .proi-more {
    width: 125px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
  }
}

#darkbox {
  position: fixed;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8) no-repeat none 50%;
  background-size: contain;
  -webkit-box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
}

#darkbox.on2 {
  opacity: 1;
  visibility: visible;
  height: 90% !important;
  width: 90% !important;
  left: 5% !important;
  top: 5% !important;
}

.dark-close i {
  color: #fff;
}

#darkbox_prev,
#darkbox_next {
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

#darkbox_prev {
  left: -2px;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#darkbox_next {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -2px;
}

#darkbox_prev:hover,
#darkbox_next:hover {
  border-color: #c42a2e;
}

#darkbox-description {
  position: absolute;
  width: 100%;
  color: #fff;
  font-size: 18px;
  bottom: 5px;
  text-align: center;
  text-shadow: 0 1px 1px #000;
}

#darkbox .dark-close {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2em;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

#darkbox .dark-close:hover {
  color: #c42a2e;
}