* {
  font-family: MISANS-DEMIBOLD;
  margin: 0;
  padding: 0;
}

.head_pc .nav .ul2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  display: none;
  background-color: white;
  text-align: center;
  transition: .1s
}

.head_pc .nav .ul2:hover,
.head_pc .nav .ul2.hover {
  background-color: white;
}

.head_pc .nav .ul2 a {
  font-size: 16px;
  display: block;
  line-height: 40px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  color: #000;
  padding: 0 20px;
}

.head_pc .nav .ul2 a:hover,
.head_pc .nav .ul2 a.hover {
  /* font-weight: bold !important; */
  color: #ffffff !important;
  background-color: #07559f;

}

.logo {
  width: 20%
}




/*  */

.banner {
  margin-top: -128px;
}






/* 拓展轴承 */


@font-face {
  font-family: MISANS-LIGHT;
  src: url(../css/fonts/MISANS-LIGHT.TTF);
}

@font-face {
  font-family: MISANS-MEDIUM;
  src: url(../css/fonts/MISANS-MEDIUM.TTF);
}

@font-face {
  font-family: MISANS-DEMIBOLD;
  src: url(../css/fonts/MISANS-DEMIBOLD.TTF);
}

.w1839 {
  max-width: 1839px;
  margin: 0 auto;
  width: 91%;
}
.w19171{
  max-width: 1917px;
  padding-left: 88px;
  width: 100%;
}
.w1739 {
  max-width: 1739px;
  margin: 0 auto;
  width: 91%;
  padding-left: 88px;
  padding-right: 88px;
}

.index_ch_d1 {
  padding-left: 88px;
  padding-right: 88px;
}

.index_ch {
  background-color: #ebeef3;
  padding: 53px 0 128px 0;
}

.in_ch_li {
  width: 23.5%;
  background-color: #fff;
  /*height: 547px;*/
  text-align: center;
  padding-top: 62px;
  border: 2px solid rgb(251, 251, 251);
  transition: .5s;
  padding-bottom: 62px;
}

.in_ch_li .p1 {
    display: none;
  font-size: 24px;
  line-height: 36px;
  text-transform: uppercase;
  /*font-family: lingti;*/
  font-weight: bold;
  color: #2997ff;
}

.in_ch_li .p2 {
  font-size: 20px;
  line-height: 36px;
  margin: 15px 0 80px 0;
}

.ul_ch_li {
  display: flex;
  justify-content: space-between;
}

.in_ch_li:hover {
  border: 2px solid #2997ff;
  box-shadow: 0px 12px 80px -34px #303d56;
}

.ddi_d {
  display: flex;
  width: 60%;
  justify-content: space-between;
}
.ddi_d li:nth-child(1){
    width: 70%;
}
.CONTACT {
  background-color: #ebeef3;
}

.banner {
  margin-top: 0px;
}

.con_span1 {
  padding: 13px 43px;
  background-color: rgba(255, 255, 255, 0)(255, 248, 248);
  border: 2px solid #d7d8da;
  border-radius: 50px;
  font-size: 20px;
  color: rgb(0, 0, 0);
  margin-right: 20px;
  transition: .5s;
}
.con_span1:hover , .con_span1.active{
  background-color: #2997ff;
  color: #fff;
  border: 2px solid #2997ff;
}
.idd{
  background-color: #2997ff;
  color: #fff;
  border: 2px solid #2997ff;
}

.sp {
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
  padding-top: 75px;
}
.sp111 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
  padding-top: 75px;
}
.lian_p1 {
  font-size: 50px;
  margin-bottom: 10px;
}

.lian_p2 {
  font-size: 34px;
  font-family: lingti;
  font-weight: bold;
}

.lian_left {
  margin-top: 12px;
  line-height: 100px;
}

.lian_right {
  margin: auto 0;
}

.hr1 {
  background-color: rgb(209, 209, 209);
  height: 2px;
}

.ku {
  padding: 100px 0 100px 0;
  display: flex;
  justify-content: space-between;
}
.map1{
  padding: 100px 0 100px 0;
}
#amap_container{
   width: 100% !important;
   height: 550px !important;
}
.ku{
  width: 47%;
}
.kuai {
  width: 100%;
  padding: 35px 0 35px 40px;
  background-color: #fff;
  text-align: left;
  
}
.kuai .d1{
  padding: 24px 0 0 0;
  display: flex;
}
.kuai .d1 .dd2{
  width: 70%;
  margin:auto 0 auto 40px;
  /*display: flex;*/
}
.tel1{
  width: 9%;
}
.map1{
  width: 50%;
}
.dt{
  display: flex;
  justify-content: space-between;
}

.fuw_p1 {
  font-size: 24px;
  line-height: 35px;
  font-family: MISANS-DEMIBOLD;
  margin: 13px 10px 5px 0;
}

.fuw_p2 {
  font-size: 20px;
  font-family: MISANS-DEMIBOLD;
  color: #777777;
  margin: 0px 0 5px 0;
}

.dp1 {
  text-align: center;
  font-size: 50px;
  line-height: 52px;
  font-family: MISANS-DEMIBOLD;
}

.name_z,
.tel_z,
.xuqiu {
  height: 110px;
  border-radius: 56px;
  border: 2px solid #acacac;
  padding-left: 45px;
}

.input_in1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.name_z::placeholder {
  /* padding-left: 10px; */
  color: #2997ff;
  font-family: lingti;
  font-weight: bold;
}

.tel_z::placeholder {
  /* padding-left: 10px; */
  color: #2997ff;
  font-family: lingti;
  font-weight: bold;
}

.xuqiu {
  width: 100%;
}

.xuqiu::placeholder {
  /* padding-left: 10px; */
  color: #2997ff;
  font-family: lingti;
  font-weight: bold;
}

.zaixi {
  margin-top: 50px;
}

.submit_ti {
  position: relative;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  left: 94.5%;
  top: -110px;
  border: 1px solid #777777;
  background-color: #2997ff;
}

.NEW {
  background-color: #ebeef3;
}

.liri {
  text-align: right;
}

.card_c2 {
  width: 30%;
  margin: 0 28px;
}

/* product */
.pro_title {
  width: 48%;
}

.lian_left1 {
  margin-top: 12px;
  line-height: 70px;
}

.Pr_product {
  background-color: #ebeef3;
}

.con_span2 {
  padding: 13px 15px;
  background-color: rgba(255, 255, 255, 0)(255, 248, 248);
  border: 2px solid #d7d8da;
  border-radius: 50px;
  font-size: 18px;
  color: rgb(0, 0, 0);
  margin-right: 20px;
  width: 317px;
  display: inline-block;
  line-height: 20px;
  /* text-align: center; */
  transition: .5s;
 
}
.con_span2:hover ,.con_span2.active {
  background-color: #2997ff;
  color: #fff;
  border: 2px solid #2997ff;
}

.pro_li {
  border: 2px solid #fff;
  width: 23%;
  background-color: #fff;
  text-align: center;
  padding: 83px 0 0 0;
  transition: .5s;
  margin: 0 0 100px 0;

}

.pro_pic {
  padding-bottom: 84px;
  border-bottom: 2px solid #acacac70;
  transition: .5s;
}

.pro_p1 {
  padding: 26px 0px;
  font-size: 16px;
  font-family: MISANS-DEMIBOLD;
}
  .pro_ul::after{
       content: '';
       width: 23%;
  }
.pro_ul {
  padding: 95px 0 0px 0;
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  gap: 1.333%;
}
.xxy{
    padding-bottom: 95px;
}
.pro_li:hover {
  border: 2px solid #2997ff;
  box-shadow: 0px 20px 69px -30px #434d56;
}

.pro_li:hover .pro_pic {
  border-bottom: 2px solid #2997ff;
}


/* 关于我们 */
.ABOUT{
  background-color: #ebeef3;
}
.TUO_zhan{
  background:url(../images/image/a_jian.png) no-repeat;
  background-position-y: 262px;
}
.zhan_p1{
  font-size: 38px;
  line-height: 52px;
  font-family: MISANS-DEMIBOLD;
}
.zhan_p2{
  font-size: 22px;
  line-height: 52px;
  font-family:lingti;
  display: none;
}
.zhan_p3 , .zhan_p4{
  font-size: 58px;
  line-height: 70px;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-color: #2997ff ;
  -webkit-text-stroke-width:1px;
  font-weight: bold;
}
.zhan_p4{
  text-indent: 1.3em;
}
.tuo_title{
  margin-bottom: 130px;
  margin-top: 90px;
}
.a_about1{
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 158px;
}
.a_about_center{
  position: absolute;
  left: 35%;
  top: 30%;
}
.a_about_center{
  width: 39%;
  background-color: #ebeef3;
  padding: 77px;
}
.a_about_center p{
  font-size: 18px;
  line-height: 30px;
  font-family: MISANS-DEMIBOLD;
}

.a_ry{
  background:url(../images/image/a_ry1.png) no-repeat;
  overflow: hidden;
  height: 909px;
}
/* 荣誉资质 */

.a_ryzz{
  position: absolute;
  left: 59.5%;
  top: 125px;
   font-size: 50px;
   line-height: 52px;
   font-family: MISANS-DEMIBOLD;
}
.a_r1{
 display: flex;
 height: 909px;
 position: relative;
}
.a_rleft{
 width: 40%;
 margin: 0;
}
.a_rright{
 width: 50%;
 margin: 0;
}
.swiper-slide-thumb-active .a_rright_p1{
 font-size: 20px !important;
 color: rgb(0, 0, 0);
 font-weight: bold;
 
}
.a_rleft{
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 height: 388px;
 overflow: visible !important;
}
.a_rright{
 position: absolute;
 top: 50%;
 left: 35%;
 transform: translate(50%,-50%);
 /* background-color: rgb(25, 55, 227); */
 height: 200px;
 /* width: 700px; */
}

.a_rleft .swiper-slide-prev,.a_rleft .swiper-slide-next{
    width: 75%;
 transform: scale(.6) !important;
}
.a_rleft .swiper-slide-active{
    width: 70%;
 margin-left: 42%;
 transition: .3s;
}
.a_rright_p1{
 font-size: 15px;
 line-height: 52px;
 color: #00000070;
}

.a_r1 .swiper-button-next.swiper-button-disabled,.a_r1 .swiper-button-prev.swiper-button-disabled{
 pointer-events: auto;
}

.swiper-button-next{
  top: 80%;
  left: 65%;
  opacity: 1 !important;
}
.swiper-button-prev{
 top: 80%;
 left: 60%;
 opacity: 1 !important;
}
.a_r1 .swiper-button-prev:after, .a_r1 .swiper-rtl .swiper-button-next:after{
 content: '' !important;
}
.a_r1  .swiper-button-next:after, .a_r1  .swiper-rtl .swiper-button-prev:after{
 content: '' !important;
}
.a_r1 .next , .a_r1 .prev{
   width: 60px;
   height: 60px;
   border-radius: 50%;
   background: url(../images/image/a_ry_right.png)center no-repeat ;
   background-color: #2997ff;
}
.a_r1 .prev{
 width: 60px;
 height: 60px;
 border-radius: 50%;
 background: url(../images/image/a_ry_left.png)center no-repeat;
 background-color: #2997ff;
}


/* <!-- 03 发展历程--> */
.a_lc{
  background: url(../images/image/a_lic1.png) no-repeat;
  padding:125px 0;
  position: relative;
}
.hua{
  position: absolute;
  top: 48%;
  left: 69%;
  z-index: 100;
}

.a_lc_p1{
  font-size: 50px;
  line-height: 52px;
  text-align: center;
  font-family: MISANS-DEMIBOLD;
  margin-bottom: 105px;
}

.lc_slide_p{
  width: 96%;
  background-color: rgb(255, 255, 255);
  position: relative;
  padding: 140px 35px 50px 35px;
}
.lc_slide_p .p1{
  width: 50%;
  position: absolute;
  top: 48px;
  left: -20px;
  font-size: 26px;
  padding: 10px;
  color: #fff;
  font-family: MISANS-DEMIBOLD;
  background-color: #2997ff;
}
.lc_slide_p .p2{
   font-size: 18px;
   line-height: 22px;
   font-family: MISANS-DEMIBOLD;
  
}
.ABOUT .hr2{
  background-color: rgb(209, 209, 209);
  height:2px;
}
/* <!-- 04 作业环境 --> */
.a_zy{
  padding:125px 0
}

/* <!-- 04 视频环境 --> */
.s_zy{
  padding:0px 0 135px 0
}


/* 产品中心 放大处理 */
.PRODUCT_read{
  background-color: #ebeef3;
  padding: 100px 0;
}
.read_fd{
  width: 40%;
  padding: 70px;
  background-color: #fff;
  display: inline-block;
  text-align: center;
}
.read_fd img{
  width: 80%;
}
.read_ms{
  margin-left: 10%;
}
.read_ms span{
   font-size: 26px;
   line-height: 30px;
}
.rad{
  display: flex;
}
.read_ms p{
  margin: 50px 0 50px 0;
}
.read_fan{
  padding: 15px 35px;
  font-size: 18px;
  line-height: 54px;
  color: #fff;
  background-color: #2997ff;
  border-radius: 10px;
}
.red_fh{
  margin-top: 330px;
}
.new_s{
  background-color: #ebeef3;
  padding: 100px 0;
}
.new_t1 p{
  font-size: 36px;
  line-height: 30px;
  text-align: center;
}
.new_t2 p{
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  margin: 40px 0 100px 0;
  color: #2997ff;
}
.new_t3 p{
  font-size: 20px;
  line-height: 30px;
  color: #777777;
  text-indent: 2em;
}

.bei1{
  margin-top: 10px;   
}
.tuo_img{
    width: 38%;
}
.a_about_center{
    width: 39%;
}




.pp3{
  line-height: 50px;   
}
.emai{
  display: flex;   
  margin-bottom: 36px;
}
.emai1{
   color: #999999; 
}





















.phone_cang{
  display: none !important;
}


@media screen and (min-width: 1750px) and (max-width: 1800px) {
  .zh {
    width: 10% !important;
  }
}

@media screen and (min-width: 1400px) and (max-width: 1750px) {
  .zh {
    width: 15% !important;
  }

  .head_pc .w1918 .nav ul li {
    padding: 0 0 0 40px;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1500px) {
  .head_pc .w1918 {
    padding: 5px 40px 35px 40px !important;
  }
}

@media screen and (min-width: 1450px) and (max-width: 1655px) {

  .pro_li {
    width: 21% !important;
    padding: 43px 0 0 0;
    margin: 0 25px 80px 25px;
  }

  .pro_pic {
    padding-bottom: 44px;
  }
}


@media screen and (min-width: 1354px) and (max-width: 1776px) {

  .a_about_center p{
    line-height: 25px;
  }
  .a_about_center {
    width: 45%;
    padding: 67px;
}
}
@media screen and (min-width: 1100px) and (max-width: 1354px) {

  .a_about_center p{
    line-height: 25px;
  }
  .a_about_center{
    padding: 35px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1850px) {
   
  .crd{
    padding: 30px 30px 20px 30px !important;
  }
  .card_c2{
    width: 29%;
  }
  .card__side{
    height: 49rem !important;
  }
  .card{
    height: 58rem !important;
   }
  }

@media screen and (min-width: 1424px) and (max-width: 1580px) {
  .card__heading{
    padding-bottom: 30px !important;
    margin-bottom: 25px !important;
  }
  .car_p1 {
    font-size: 20px !important;
    line-height: 24px !important;
  }
  .card__side{
    height: 42rem !important;
  }
  .card{
    height: 54rem !important;
   }
   .car_p2{
    line-height: 26px !important;
   }
}
@media screen and (min-width: 1200px) and (max-width: 1424px) {
  .card_c2{
    width: 44% !important;
  }
     .fuw_p1{
       font-size: 24px;
   }
   .fuw_p2{
       font-size: 20px;
   }
   .in_ch_li .p2 {
    font-size: 19px;
    line-height: 20px;
    font-family: MISANS-DEMIBOLD !important;
    margin: 15px 0 80px 0;
}
.a_about_center {
    width: 50%;
    background-color: #ebeef3;
    padding: 39px;
}
.zh {
    width: 20%;
}
.pp3 {
    line-height: 40px;
}
.li2_d img {
    width: 70% !important;
   }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .lc_slide_p {
    width: 100%;
    background-color: rgb(255, 255, 255);
    position: relative;
    padding: 80px 10px 30px 10px;
  }
  .lc_slide_p .p1 {
    width: 80%;
    position: absolute;
    top: 20px;
    left: -20px;
    font-size: 21px;
    padding: 7px;
    color: #fff;
    font-family: MISANS-DEMIBOLD;
    background-color: #2997ff;
   }
  .lc_slide_p .p2{
    font-size: 14px;
   }
   .head_pc .w1918 .nav ul li{
           padding: 0px 0px 0px 25px;
   }
   .zh {
    width: 15%;
  }
  .li2_d img {
    width: 70% !important;
   }
  
   .foot_boottom_li2 {
       width: 40% !important;
   }
   .fuw_p1{
       font-size: 24px;
   }
   .fuw_p2{
       font-size: 20px;
   }
   .in_ch_li .p2 {
    font-size: 19px;
    line-height: 20px;
    margin: 15px 0 80px 0;
}
.a_about_center {
    width: 50%;
    background-color: #ebeef3;
    padding: 39px;
}
.lian_p1 {
    font-size: 44px;
    margin-bottom: 10px;
}

.pp3 {
    line-height: 40px;
}


}





/*荣誉*/
@media screen and (min-width: 1000px) and (max-width: 1350px) {
    .con_span1 {
      padding: 10px 30px;
      font-size: 16px;
    }
    .lian_p1 {
    font-size: 38px;
    }
    .a_about_center p{
        font-size: 16px;
    }
    
    .a_rleft{
        height: 230px;
    }
    .a_ry{
      height:580px   
    }
    .a_r1{
        height:580px   
    }
    .a_ry{
        background-size: 100%;
    }
    .a_rright{
        height: 160px
    }
    .swiper-button-next {
    top: 80%;
    left: 70%;
    opacity: 1 !important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
      .a_ry{
      height:540px   
    }
    .a_r1{
        height:540px   
    }
}
@media screen and (min-width: 1120px) and (max-width: 1440px) {
    .lc_slide_p .p1 {
    width: 75%;
    top: 24px;
    }
    .lc_slide_p {
    padding: 94px 15px 25px 15px;
   }
    
}
@media screen and (min-width: 1120px) and (max-width: 1550px) {
     .pro_title {
         width: 66%;
      }
}

@media screen and (min-width: 1200px) and (max-width: 1424px){
    .a_about_center {
    width: 50%;
    background-color: #ebeef3;
    padding: 39px;
  }
  .con_span1 {
    padding: 13px 30px;
    font-size: 18px;
  
   }
}
@media screen and (min-width: 1100px) and (max-width: 1572px){
     .kuai {
       padding: 20px 0 20px 40px;
     }
}