body , html{
  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{
  height: 128px;
  margin-top: -128px;
}





/* 拓展轴承 */
/*@font-face {*/
/*  font-family: 汉仪菱心体简;*/
/*  src: url(../css/fonts/汉仪菱心体简.TTF);*/
/*}*/

@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) format('truetype');
}

.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 53px 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-family: MISANS-DEMIBOLD !important;
  font-size: 24px;
  line-height: 36px;
   text-transform: uppercase; 
  
  /* font-family:lingti; */
   font-weight: bold; 
  color: #2997ff;
}

.in_ch_li .p2 {
  font-size: 32px;
  line-height: 36px;
  /* font-family: MISANS-MEDIUM; */
  font-family: MISANS-DEMIBOLD !important;
  margin: 15px 0 110px 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;
}

.CONTACT {
  background-color: #ebeef3;
}

.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: 75px;
  padding-top: 75px;
}
.sp111 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 75px;
  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: 48%;
}
.kuai {
  width: 100%;
  padding: 50px 0 50px 40px;
  background-color: #fff;
  text-align: left;
}
.kuai .d1{
  padding: 30px 0 0 0;
  display: flex;
}
.kuai .d1 .dd2{
  margin:auto 0 auto 40px;
  /*display: flex;*/
}
.tel1{
  width: 9%;
}
.map1{
  width: 48%;
}
.dt{
  display: flex;
  justify-content: space-between;
}

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

.fuw_p2 {
  font-size: 22px;
  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-right: 73px;*/
}
/*.card_c2:nth-child(3n){*/
/*  margin-right:0px;*/
/*}*/

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

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

.Pr_product {
  background-color: #ebeef3;
}

.con_span2 {
  padding: 13px 35px;
  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;
  width: 260px;
  display: inline-block;
  line-height: 30px;
  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: 24%;
  background-color: #fff;
  text-align: center;
  padding: 83px 0 0 0;
  transition: .5s;
  margin: 0 0 100px 0px;
}
/*.pro_li:nth-child(4n){*/
/*  margin: 0 0px 100px 0px;*/
/*}*/
.pro_pic {
  padding-bottom: 84px;
  border-bottom: 2px solid #acacac70;
  transition: .5s;
}

.pro_p1 {
  padding: 26px 0px;
  font-size: 20px;
  font-family: MISANS-DEMIBOLD;
}

.pro_ul {
  padding: 95px 0 0px 0;
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  gap: 1.333%;
}
.pro_ul::after{
  content: '';
  width: 24%;
}
.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;
  background-size: 100%;
}
.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: 65px;
  line-height: 75px;
  -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: 41px;
  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: 30px !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: 20px;
 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:120px 0 135px 0;
  position: relative;
}

.a_lc .w1839:hover .hua img{
    opacity: 1;
}
.hua img{
     transition: .5s;
    opacity: 0;
}
.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: 102px;
}

.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: 40px;
   font-family: MISANS-DEMIBOLD;
}
.ABOUT .hr2{
  background-color: rgb(209, 209, 209);
  height:2px;
}
/* <!-- 04 作业环境 --> */
.a_zy{
  padding:120px 0 135px 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;   
}


/*  */
.left_a{
  width: 62%;
}
.tuo_img{
  width: 38%;
}



.car_p2 p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}



.ddi_d li:nth-child(1){
    width: 72%;
}



.emai{
  display: flex;   
}
.emai1{
   color: #999999; 
}


































.phone_cang{
  display: none !important;
}


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

/* @media screen and (min-width: 1545px) and (max-width: 1750px) {
  .zh {
    width: 9% !important;
  }
  .head_pc .w1918 .nav ul li {
    padding: 0 0 0 40px;
  }
}
@media screen and (min-width:1200px) and (max-width: 1545px) {
  .zh {
    width: 10% !important;
  }
  .head_pc .w1918 .nav ul li {
    padding: 0 0 0 30px;
  }
} */


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

  .pro_li {
    border: 2px solid #fff;
    width: 23%;
    background-color: #fff;
    text-align: center;
    padding: 83px 0 0 0;
    transition: .5s;
    margin: 0 30px 100px 0px;
  }
  .pro_li:nth-child(4n){
    margin: 0 0px 100px 0px;
  }

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

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

  .pro_li {
    border: 2px solid #fff;
    width: 23%;
    background-color: #fff;
    text-align: center;
    padding: 83px 0 0 0;
    transition: .5s;
    /*margin: 0 30px 100px 0px;*/
  }
  .pro_li:nth-child(4n){
    margin: 0 0px 100px 0px;
  }
}
@media screen and (min-width: 1354px) and (max-width: 1776px) {

  .a_about_center p{
    line-height: 30px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1354px) {

  .a_about_center p{
    line-height: 26px;
  }
  .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: 26px !important;
    line-height: 40px !important;
  }
  .card__side{
    height: 42rem !important;
  }
  .card{
    height: 48rem !important;
   }
   .car_p2{
    line-height: 26px !important;
   }
}
@media screen and (min-width: 1200px) and (max-width: 1424px) {
  .card_c2 {
    width: 30%;
    margin-right: 55px;
  }
  .card_c2:nth-child(3n){
    margin-right:0px;
  }
}



/* @media screen and (min-width: 1570px) and (max-width: 1700px) {
  .head_pc .w1918{
    padding: 16px 88px 29px 88px;
  }
}

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

/*  */
@media screen and (min-width: 1466px) and (max-width: 1620px) {
  .a_about_center{
   padding: 2%;
   width: 36%;
 }
}
@media screen and (min-width: 1100px) and (max-width: 1466px) {
  .a_about_center{
   padding: 2%;
   width: 41%;
 }
}


@media screen and (min-width: 1200px) and (max-width: 1670px) {
  .a_rleft{
    left: 4%;
  }
  .a_rright{
    left: 41%;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1679px) {
  .submit_ti{
    left: 92.5%;
  }
}



@media screen and (min-width: 1000px) and (max-width: 1440px) {
   .head_pc .w1918 .nav ul li{
     padding: 0px 0px 0px 30px;
   }
    .zh {
    width: 15% !important;
  }
  .in_ch_li .p2 {
    font-size: 24px;
    line-height: 36px;
    /* font-family: MISANS-MEDIUM; */
    font-family: MISANS-DEMIBOLD !important;
    margin: 15px 0 45px 0;
   }
   .kuai .d1 .dd2 {
    margin: auto 0 auto 20px;
    /*display: flex;*/
}
}
@media screen and (min-width: 1280px) and (max-width: 1582px) {
   .lc_slide_p .p2{
       font-size: 16px;
       line-height:24px;
   }
   .lc_slide_p .p1{
      width: 70%;
   }
   .lc_slide_p{
      padding: 120px 15px 50px 15px;;
   }
   .li2_d img {
    width: 100% !important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1280px) {
   .lc_slide_p .p2{
       font-size: 16px;
       line-height:24px;
   }
   .lc_slide_p .p1{
      width: 70%;
      top: 20px;
      font-size: 20px;
   }
   .lc_slide_p{
      padding: 80px 15px 30px 15px;
   }
      .li2_d img {
    width: 100% !important;
   }
}
/*荣誉*/
@media screen and (min-width: 1000px) and (max-width: 1350px) {
    .con_span1 {
      padding: 10px 35px;
      font-size: 16px;
      margin-right: 5px;
    }
    .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;
    }
    .pro_title {
    width: 67%;
}
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
      .a_ry{
      height:540px   
    }
    .a_r1{
        height:540px   
    }
}