@charset "utf-8";
/* CSS Document */

*{padding:0;margin:0 auto;}
body{color:#000000; font-size:14px; font-family: "微软雅黑";line-height: 2;}
img{border:0}
ul,li{list-style:none;}
.left{float:left}
.right{float:right}
a{ color:#000000;text-decoration: none;font-size: 14px;}
a:hover{color: #054594; text-decoration: none;}
.clear{ clear:both}
.container{width: 1440px;margin: 0 auto;}

.top{height:110px; background-color: #FFFFFF;} 
.top_l{}
.top_r{}
.top_r ul{}
.top_r li{ float: left; display:block; padding-left:25px; padding-right:25px; line-height:45px; text-align: center;}
.top_r li a{font-size: 16px;line-height: 130px;}
.top_r li a:hover{display:block;}
.top_r .cur a{color:#054594;display:block;}

.banner{text-align: center;width: 100%;background: #000}
.banner .swiper{width: 100%;}
.banner img{width: 100%; max-width: 1920px;height: auto;}
.pc img{display: block}
.m_pc{display: none}

.products{padding: 50px 0 120px 0;background: #f5f5f5;}
 h1{font-size:40px;text-align: center;letter-spacing: 3px;line-height: 1;}
 h1 em{font-style: normal;color: #004097;}
.products h1{padding:50px 0;}
.products img {width: 100%;height: auto;
  border-radius: 1.875rem;
}
 :root .products, :root .productshow{
  --swiper-navigation-size: 70px;
}
.products .swiper-button-next,.products  .swiper-button-prev,.productshow .swiper-button-next,.productshow  .swiper-button-prev {color:#000;}
.products .swiper-pagination-bullet-active{background:#83b8ff;}
.products .swiper-pagination-bullet{width: 15px;height: 15px;}
.prowz{position: absolute;z-index: 99;left:150px;top:130px;padding:80px 50px;font-size: 20px;background:rgba(0,0,0,0.5);color: #fff;}


.equipment{}
.equipment img{width: 100%; max-width: 1920px;height: auto;position: absolute;z-index: -1;}
.equipment .equtext{position: absolute;z-index: 9;color: #fff;padding-top: 140px;left:12%;text-shadow: 2px 2px 4px #000;}
.equipment .equtext h1{font-size: 40px;font-weight: normal;letter-spacing: 5px;text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 30px;line-height:1;text-align: left;}
.equipment .equtext h2{font-size:36px;letter-spacing:1px;text-transform: uppercase;padding-bottom:30px;line-height: 1;}
.equipment .equtext .wz{width:450px;padding-top: 60px;font-size: 18px;}



.about{background: url("../images/about_bg.jpg") no-repeat center top #fdfdfd;width: 100%;}
.about h3{font-size:24px; color:#0d3983; text-align: left ;border-left:8px solid #ffb901; line-height: 48px; padding-left: 15px;}
.about .w2{width:1212px;font-size:12px; margin: 0 auto; text-align: center; line-height:30px; color: #b3b3b3}
.about_c{width:1212px; margin:0 auto; }
.about_c1{width:600px; float:left; padding-top:25px; }
.about_c1 img{cursor: pointer; transition: all 0.6s;}
.about_c1 img:hover{ transform: scale(1.2);}
.about_c2{width:600px; float:right; padding-top: 0px;}
.about_c2 h3{ color:#FFF; font-size:38px;  text-align: left}
.about_c2_img{}
.aboutmore{width:200px; display:block; margin-top:40px; float: left}
.aboutmore a{ width:200px;height:38px; line-height:38px; text-align:center; background-color: #ffb901; color:#000; font-weight:bold; display:block; border:1px solid #ffb901; display:block; }
.aboutmore a:hover{width:200px;height:38px; line-height:38px; text-align:center; color:#FFF; font-weight:bold; border:1px solid #FFF; display:block }

.about_l{width: 40%;padding: 100px 0;}
.about .gray{color: #eeeeee;font-size: 100px;font-weight: bold; text-transform: uppercase;line-height: 1;}
.about h1{text-align: left;line-height: 1;padding: 50px 0;}
.about p{text-indent: 2em;color: #9e9e9e;font-size: 16px;padding-bottom: 50px;}
a.btn{width: 180px;height: 50px;background: #910000;color: #fff;line-height:50px;text-align: center;display: block;border-radius:30px;transition: color 0.3s ease; }
a.btn:hover{background: #fff;color: #910000;border: 1px solid #910000}
.about_r{width: 50%;padding: 100px 0;}
  .about  .swiper-slide {
      background-size: cover;
      background-position: center;
    }

   .about .mySwiper2 {
      height: 80%;
      width: 100%;
    }

   .about .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

   .about .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;cursor: pointer;
    }

  .about  .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

  .swiper-slide img {
     /* display: block;*/
      width: 100%;
      height:auto;
      object-fit: cover;
    }

.application{padding: 80px 0;}
.application h2{color: #424242;font-size: 40px;font-weight: normal;line-height: 1;}
.application h1{line-height: 1;text-align: left;padding-top: 20px;color: #c6c5cc;font-weight: normal;padding:20px 0;}
.application ul{padding-top:30px;}
.application ul li{float: left;width: 23.5%;margin-right: 2%;padding-bottom: 40px;font-size:20px;line-height: 1;}
.application ul li span{color: #c6c5cc;line-height:40px;display: block;font-size: 16px;padding-bottom: 10px;}
.application ul li:nth-child(4n){margin-right: 0;}
.application ul li img{width: 100%;height: auto;display: block;}


.foot{background: #1f4c95;color: #cccccc;padding-top: 40px;text-align: center;}
.foot a{color: #cccccc;}
.footlink{width: 80%;margin: 0 auto;padding-bottom: 40px;}
.footlink div{float: left;padding-right: 5%;width: 30%;text-align: left;}
.footlink div a{width: 50%;float:left;text-align: center;font-size: 16px;}
.footlink ul li{padding-left: 25px;margin-bottom: 5px;}
.footlink ul li:nth-child(1){background: url("../images/icon_tel.png") no-repeat left center;}
.footlink ul li:nth-child(2){background: url("../images/icon_lxr.png") no-repeat left center;}
.footlink ul li:nth-child(3){background: url("../images/icon_mail.png") no-repeat left center;}
.footlink ul li:nth-child(4){background: url("../images/icon_web.png") no-repeat left center;}
.footlink ul li:nth-child(5){background: url("../images/icon_map.png") no-repeat left center;}
.footlink div:nth-child(3){padding-right: 0;text-align: center;}
.footlink div:last-child{float:none;}
.footlink div:nth-child(3) span,.footlink div:nth-child(3) img{display: block;font-size: 16px;}
.footlink a{display: block;}
.copy{line-height:80px;color: #fff;border-top: 1px solid #999999;width: 80%;margin: 0 auto;clear: both;}
.copy a{color: #fff;margin: 5px 0;}
.copy span{padding: 0 15px;}

.neiye{padding: 80px 0;}
.neiye h1,.pshow h1{font-size: 40px;font-weight: 500; color: #054594;}
.neirong{padding-top:40px;font-size: 16px;line-height: 2;}
.neirong p{text-indent: 2em;}
.aboutimg li{width:46%;float: left;text-align: center;padding: 0 2%;margin: 20px 0;}
.aboutimg li img{width: 100%;height: auto;}
.zs{text-align: center;padding-top: 40px;}
.zs ul li{width: 31.3%;text-align: center;padding: 0 1% 20px 1%;}
.zs ul li img{width: 100%;height: auto}
.flexBetween {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.box{padding-top: 40px;}
.box .item {
	width: 22%;
	text-align: center;
	background: #f6f6f6;
	padding: 3.375rem 0 4rem;
	border-radius: 1.25rem;
	transition: 0.4s;
}

.box .item .content1 img {
	width: 8.5625rem;
	border-radius: 50%;
}

.box .item .content2 {
	font-size: 32px;
	color: #000;
	margin-top:10px;
}

.box .item .content3,.box .item .content3 a {
	font-size:20px;
	color: #004097;
	margin-top:20px;line-height: 30px;
}

.box .item:hover {
	background: #fff;
	box-shadow: 0px 5px 25px #eaeaea;
}
.xuzhi{padding:80px 0 40px 0;}
.xuzhi li{width: 50%;font-size: 16px;line-height: 2;}
.xuzhi li span{color: red;display: block;font-size: 18px;}
.xuzhi li strong{color:#004097;display: block;}
.xuzhi h1{margin-bottom: 20px;text-align: left;font-size: 40px;font-weight: 500; color: #054594;}

.service{text-align: center;padding-bottom: 40px;font-size:18px;line-height:35px;color:red;padding-top: 40px;}
.service h1{font-size: 40px;font-weight: 500; color: #054594;}
.service p{padding-top: 30px;padding-bottom: 30px;}

.productshow{padding-bottom: 80px;}
.productshow  .swiper-slide {
  background-size: cover;
  background-position: center;
}

.productshow .mySwiper2 {
  height: 80%;
  width: 100%;
}

.productshow .mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.productshow .mySwiper .swiper-slide {
  width: 20%;
  height: 100%;
  opacity: 0.4;cursor: pointer;
}
.productshow .mySwiper .swiper-slide img{border-radius:8px;}

.productshow  .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}
.pshow{padding-top: 40px;font-size: 18px;}
.pshow p{text-indent: 2em;}



/* 平板设备（768px 及以下） */
@media (max-width: 768px) {
    .left{float:none}
    .right{float:none}
    .container{width: 100%;}
    .top{height: auto;}
    .top_l{box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);margin-bottom: 10px;}
    .top a{line-height: 1;}
    .top_r ul{height: 50px;background: #fff;}
    .top_r li a{line-height: 50px;}
    .pc{display: none}
    .m_pc{display: block}
    .about_l,.about_r{width: 98%;padding: 50px 1%;}
    .about .gray{font-size: 80px;}
    .about h1{padding-top: 0;padding-bottom: 30px;margin-top: -20px;}
    a.btn{float: left;}
    
    .equipment .equtext h2{}
    .equipment .equtext h1{font-size: 36px;letter-spacing:1px;text-underline-offset:20px;}
    .equipment .equtext{left: 5%;}
    .equipment .equtext .wz{width: 95%;padding-top:40px;line-height: 1.8;padding-right: 5%;font-size: 16px;}
    .products{padding-bottom: 80px;}
    .products h1{padding:20px 0 40px 0;}
    .prowz{left: 10%;top:30px;padding:30px;font-size: 18px;line-height: 1.8;}
    .products .swiper-pagination{z-index: 990;bottom:0;}
    .swiper-button-next, .swiper-button-prev{z-index: 100;}
    .application{padding: 60px 1%;}
    .application ul li span{display: none;}
    .application ul li img{margin-top: 15px;}
    .footlink{width: 90%;}
    .footlink div{width:45%;}
    .footlink div:first-child{display: none;}
    .footlink div:nth-child(2){width: 50%;padding-right: 0}
    .copy span,.copy a{display: none;}
    .productshow img,.service img{max-width: 100%;height: auto;}
    .xuzhi{padding-bottom: 0;}
    .xuzhi li{width: 98%;padding: 0 1% 40px 1%;}
    .neiye h1, .pshow h1,.xuzhi h1{font-size: 36px;}
    .service{padding-top: 0;}
    .box .item{width:45%;margin-bottom: 30px;}
    .box .item .content1 img{width: 7rem;}
    .box .item .content2{font-size: 30px;line-height: 1;}
    .copy{width: 90%;}
    
}

/* 手机设备（480px 及以下） */
@media (max-width: 480px) {
    h1{font-size: 36px;letter-spacing:0;}
    .top_l img{width: 100%;height: auto;display:block;}
    .top_r {
      width: 100%; /* 或者指定固定宽度 */
      overflow-x: auto; /* 横向溢出时显示滚动条 */
      white-space: nowrap; /* 防止列表项换行 */
      -webkit-overflow-scrolling: touch; /* 为iOS设备启用平滑滚动 */
    }

    .top_r ul {
      display: inline-block; /* 使UL不换行 */
      padding: 0;
      margin: 0;
      list-style: none;
    }

    .top_r  li {
      display: inline-block; /* 横向排列列表项 */
        float: none;
    }
    /* 整个滚动条 */
    .top_r::-webkit-scrollbar {
      height: 5px; /* 横向滚动条高度 */
    }

    /* 滚动条轨道 */
    .top_r::-webkit-scrollbar-track {
      background: #f1f1f1; 
      border-radius: 4px;
    }

    /* 滚动条滑块 */
    .top_r::-webkit-scrollbar-thumb {
      background: #888; 
      border-radius: 4px;
    }

    /* 鼠标悬停时滑块颜色 */
    .top_r::-webkit-scrollbar-thumb:hover {
      background: #555; 
    }
    .equipment .equtext{padding-top: 40px;}
    .equipment .equtext h1{margin-top: -80px;}
    .equipment .equtext h2{color: rgba(255,255,255,0.4);font-size: 40px;}
    .about .gray{font-size: 60px;}
    :root .products, :root .productshow{--swiper-navigation-size:40px;}
    .prowz{font-size: 16px;padding: 15px;width: 80%;left: 5%;top:30px;}
    .neiye{padding: 60px 0;}
    .xuzhi{padding-top: 60px;}
    .box .item{width: 95%;}
    .application{padding-bottom: 40px;}
    .application h2{font-size: 32px;}
    .application ul li{font-size: 16px;}
    .footlink div:nth-child(2){width: 100%;}
    .footlink div:nth-child(3){padding-top: 20px;}
    .pshow p{font-size: 16px;}
    .zs ul li{width: 48%;}
    .service h1{font-size: 36px;}
    .box{padding-top: 0}
}