@charset "utf-8";
/* CSS Document */
*{ margin:0 auto; padding:0px;}
table{ border-collapse:collapse;}
table td, th {
    border: 1px solid #ddd;
}
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

.navlis {
	margin-top: 20px;
}
.navlis ul {
 *zoom: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	/*background: #333;*/
	display: flex;
}
.navlis ul:before, .navlis ul:after {
	content: "";
	display: table;
}
.navlis ul:after {
	clear: both;
}
.navlis ul > li {
	/* float: left;*/
	position: relative;
}
.navlis a {
	display: block;
	/*  padding: 10px 20px;*/
	line-height: 1.2em;
	color: #333;
	padding-bottom: 6px;/*  border-left: 1px solid #595959;*/
}
.navlis a:hover {
	text-decoration: none;
	/*  background: #595959;transition:all .7s ease 0s;*/
	border-bottom: 2px solid #F39800;
}
/*.navlis a:hover:after{ border-bottom:1px solid red;}*/
.navlis li ul {
	background: #dce9fc;
	/* display:flex;*/
	display: block;
	border-radius: 2px;
}
.navlis li ul li {
	width: 180px;
	text-align: center;
	font-size: 16px;
}
.navlis li ul a {
	border: none;
	padding: 10px 20px;
}
.navlis li ul a:hover {
	color: #fff;
	font-weight: bold;
	background: #516598;
	border-left: 3px solid #F39800;
	padding: 10px 20px;
}
/* Not Animated
============================== */
.navlis ul > li:hover ul {
	left: 0;
}
.navss{ width:100%; position:fixed; top:0px; z-index:999999;}


.banner{ width:100%; position:relative; left:0px; top:0px;}



    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height:atuo;
      object-fit: cover;
    }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:55px;}	

.jiyu-list{ padding:40px 20px;}
.jiyu-info{ width:25%; float:left; text-align:center; border-right:1px solid #f2f2f2;}

.jiyu-info p{ font-size:20px; margin-bottom:0px;}
.fu-jiyu{ font-size:16px !important; color:#575757 !important;}
.jiyu-info img{ text-align:center; display:block;}
.j11{ display:none;}
.jiyu-info:hover{ display:block; cursor:pointer; color:#b60803;}
.jiyu-info:hover .j11{ display:block;}
.jiyu-info:hover .j1{ display:none;}

.jiyu-info:hover .j22{ display:block;}
.jiyu-info:hover .j2{ display:none;}

.jiyu-info:hover .j33{ display:block;}
.jiyu-info:hover .j3{ display:none;}

.jiyu-info:hover .j44{ display:block;}
.jiyu-info:hover .j4{ display:none;}


.about{ background:url(../images/about.jpg) no-repeat; height:800px; position:relative; left:0px;}
.about-info{ width:1400px; padding-top:90px;}
.about-title{ font-size:40px; font-weight:bold; color:#ad0000;}
.about-word{ font-size:16px; /*width:500px; margin-left:0px; margin-top:10px; */   width: 600px;
     margin-left: 0px; 
    margin-top: 10px;
    padding-right: 10px;}
.about-fenlei{ width:600px; margin-left:0px; margin-top:30px;}
.about-fenlei ul{ list-style:none; padding:0px;}
.about-fenlei ul li{ float:left; width:200px;}
.about-fenlei ul li span{ font-size:48px; font-weight:bold; color:#ad0000;}
.about-more{ width:180px; margin-left:0px; margin-top:50px; background:#ad0000; height:50px; text-align:center; line-height:50px; border-radius:60px;}
.about-more a{ text-decoration:none; color:#fff;}

.chanpin{ width:1400px; margin:60px 0px;}

.chanpin{ width:100%; margin:0 auto; margin-top:40px;}
.chanpin-title{ width:1440px; font-size:48px; font-weight:bold; text-align:center;}
.chanpin-title span{ color:#ad0000;}
.chanpin-title p{ font-size:16px; font-weight:normal;}
.chanpin-fenlei{ width:1440px; margin:0 auto; border:2px solid #ad0000; line-height:40px;}
.chanpin-left{ float:left; width:120px; background:#ad0000; color:#fff; text-align:center;}
.chanpin-right{ float:left; width:1310px;}
.chanpin-right ul{ list-style:none; display:flex; margin-bottom:0px;}
.chanpin-right ul li{ text-align:center;}
.chanpin-right ul li a{ text-decoration:none; color:#333;}
.chanpin-right ul li a:hover{ color:#ad0000;}

.chanpin-zhanshi{ width:1440px; margin:0 auto; margin-top:40px;}
.chanpin-zhanshi ul { list-style:none; padding-left:0px;}
.chanpin-zhanshi ul li{ border:1px solid #ad0000; border-radius:10px; width:460px; float:left; margin-left:30px; margin-top:20px;}
.chanpin-zhanshi ul li:nth-child(1){ margin-left:0px;}

.chanpin-zhanshi ul li:nth-child(4){ margin-left:0px;}
.chanpin-zhanshi ul li img{ text-align:center; width:350px; display:block;}
.chanpin-zhanshi ul li a{ text-decoration:none; text-align:center; font-size:22px; color:#333;}
.chanpin-zhanshi ul li .paihui{ background:#f5f6f7; padding:10px 0px; border-radius:10px;}
.chanpin-zhanshi ul li .paihui p{ font-size:16px;}

.qiujing{ width:100%; margin-top:30px; padding:0px; box-sizing:border-box;}
.chanpin-bg{ width:100%; position:relative; left:0px; top:0px; margin-top:40px;}
.qiujing-info{ float:left; width:880px; position:relative; left:0px; top:0px;}
.qiujing-word{ position:absolute; left:40px; top:80%; width:800px;}
.qiujing-word span{ font-size:30px; font-weight:bold; color:#fff;}
.qiujing-word p{ font-size:16px; color:#fff;}
.fenlei{ float:left; width:575px; position:relative; left:0px; top:0px;}
.fenlei-info{ background:#ad0000; height:331px; position:relative; left:0px; top:0px;}
.fenlei-word{ width:80%; position:absolute; left:40px; top:20%;}
.fenlei-word span{ font-size:30px; color:#fff; font-weight:bold;}
.fenlei-word p{ color:#fff;}
.jishu{ float:right; width:400px; position:relative; right:0px; top:0px;}
.jishu-info{ background:#515151; width:399px; height:328px;}
.jishu-img img{ width:400px; height:332px;}
.jishu-word{ width:80%; position:absolute; left:40px; top:10%;}
.jishu-word span{font-size:30px; font-weight:bold; color:#fff;}
.jishu-word p{font-size:16px; color:#fff;}

.news-list{ width:100%; margin-top:60px;}
.news-info{ width:30%; margin:0 auto; margin-top:20px;}
.news-word{ width:100%; margin:0 auto;}
.news-word ul { list-style:none; padding-left:0px;}
.news-word ul li{ float:left; width:50%; text-align:center;}
.news-word ul li a{ text-decoration:none; color:#333;}
.news-word ul li a:hover{ color:#ad0000; text-decoration:underline;}

.news-con{ width:100%;}
.news-con-list{ width:1440px;}
.news-con-list ul{ list-style:none; padding-left:0px;}
.news-con-list ul li{ float:left; width:460px; background:#f3f2f2; padding:10px; margin-left:20px; margin-top:20px;}
.news-con-list ul li a{ text-decoration:none; color:#000;}
.news-con-list ul li .news-title{ font-size:20px; font-weight:bold; white-space: nowrap;       /* 禁止换行 */
  overflow: hidden;          /* 隐藏溢出内容 */
  text-overflow: ellipsis;}
.news-con-list ul li .news-nfs{ font-size:16px; margin-top:10px;}
.news-con-word{ margin-top:10px;}
.news-con-word img{ display:block; width:440px; height:360px;}
.news-con-list ul li a:hover{ color:#a1011c;}

.bottom{ width:100%; background:#191c22; margin-top:60px; padding:20px 0px;}
.btm-total{ width:1440px; margin:0 auto;}
.btm-left{ float:left; width:50%;}

.btm-info{ width:100%;}
.btm-info ul{ list-style:none; padding-left:0px;}
.btm-info ul li { color:#fff; margin-top:10px;}

.btm-right{ width:500px; float:right;}
.btm-right ul{ list-style:none;}
.btm-right ul li{ float:left; width:30%; text-align:center; margin-top:30px;}
.btm-right ul li a{ color:#fff; text-decoration:none;}

.footer{ width:100%; background:#27292f; padding:20px 0px; text-align:center; color:#686868;}

.daohang{ width:1440px; margin:0 auto;}
.dao-left{ float:left; width:25%;}
.dao-left img{ display:block; width:100%;}
.dao-right{ float:right; width:70%; margin-top:30px;}
.dao-right ul{ list-style:none; padding-left:0px; display:flex;}
.dao-right ul li{ text-align:center; position:relative; left:0px; top:0px; height:90px; font-weight:bold;}
.dao-right ul li a:hover{ color:red !important;}
.dao-right ul li a{ text-decoration:none; color:#fff;}
.dao-right ul li ul{ display:none; background:#fff; color:#000; width:180px; position:absolute; top:40px; padding-left:0px; left:-60px; border-radius:2px; padding:10px 0px;}
.dao-right ul li ul li{ height:40px;}
.dao-right ul li ul li a{ color:#000;}

/*.dao-right ul li:hover ul { display:block;}
.dao-right ul li:active ul{ display:block;}*/

    /* 滚动后的导航栏样式 - 深色玻璃效果 */
        .navss.scrolled {
            background: rgba(26, 26, 26, 0.5);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            padding: 8px 0;
            box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
			height:90px;
        }
/* 打开二级菜单 */
.open .sub-nav {
    opacity: 1;
   /* visibility: visible;
    transform: translateX(-50%) translateY(0);*/
/*	display:block;*/
}

.chanpin-info-list{ width:100%; background:rgba(247,247,247,1); padding:10px 0px; position:relative; left:0px; top:0px;}
.chanpin-total{ width:1440px; margin:0 auto;}
.chanpin-total a{ text-decoration:none; color:#333; display:inline-block;}
.chanpin-total a:hover{ color:#ad0000;}
.chanpin-fenlei-list{ width:1440px; margin:0 auto; margin-top:60px;}
.chanpin-fenlei-list ul{ list-style:none; padding-left:0px;}
.chanpin-fenlei-list ul li{ float:left; width:15%;  margin-top:10px; background:#f5f5f5; margin-left:20px; height:40px; line-height:40px; text-align:center;}
.chanpin-fenlei-list ul li a{ text-decoration:none; color:#333; display:block;}
.chanpin-fenlei-list ul li a:hover{ background:#ad0000 !important; color:#fff !important; display:block;}
.chanpin-info-fenlei { width:1440px; margin:0 auto; margin-top:60px;}
.chanpin-info-fenlei ul { list-style:none; padding-left:0px;}
.chanpin-info-fenlei ul li { float:left; background:#f5f5f5; padding:10px; margin-left:20px; margin-top:20px;  }
.chanpin-info-fenlei ul li .tutu{ width:300px; height:300px;overflow:hidden;}
.chanpin-info-fenlei ul li p{ display:block; text-align:center; font-size:16px; padding-top:10px;}
.chanpin-info-fenlei ul li img{ width:300px; /*height:300px;*/ transition: transform 0.3s ease;}
.chanpin-info-fenlei ul li a{ text-decoration:none; color:#333;}
.chanpin-info-fenlei ul li a:hover{ color:#ad0000;}
.chanpin-info-fenlei ul li:hover img{ transform: scale(1.1); }
.fenye a{ display:inline-block; text-decoration:none; background:#f5f5f5; padding:10px; color:#000; }
.fenye a:hover{ background:#ad0000; color:#fff; }

/*产品分页*/
.dede_pages{clear:both;padding:10px;font-size:14px;text-align:center; overflow:hidden;display:inline-block; text-decoration:none; }
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:25px;background:#fff;border:1px solid #d8dadf; padding:0px !important;}
.dede_pages ul li:nth-child(1){ padding:0 10px}
.dede_pages ul li:nth-child(1) a{ padding:0}
.dede_pages ul li a{color:#555;display:block;padding: 0 10px;}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages ul li:hover a{color:#fff}
.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid; padding:0 10px}
.dede_pages ul li:last-child{ padding:0 10px}
.dede_pages ul li:last-child a{ padding:0}
.dede_pages ul li.thisclass a{color:#fff; padding:0}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}
.neiy .ny_sxp{ margin:30px 0; overflow:hidden;}
/*产品分页*/

.chanpin-content{ width:1100px; float:right; }
.chanpin-title-content{ text-align:center; font-size:30px; font-weight:bold; }
.chanpin-con-img{ text-align:center; margin-top:20px; }
.chanpin-con-img img{ display:block; }
.chanpin-info-conn{ margin-top:20px; }
.xiangguan{ margin-top:20px; }
.xiangguan a{ text-decoration:none; color:#333; display:block; float:left; width:50%; }
.xiangguan a:nth-child(2){ text-align:right; }
.xiangguan a:hover{ color:#ad0000; }

.about-content{ width:1400px; margin-top:30px; }
.about-left{ width:600px; float:left; }
.about-right{ width:800px; float:right; }
.gongsiwenhua{ width:1400px; margin-top:30px; }
.gswh-title{ text-align:center; margin-top:30px; font-size:30px; font-weight:bold; }
.gswh-title p{ font-size:18px; font-weight:normal; }
.gswh-info{ margin-top:60px; }
.gswh-left{ float:left; width:700px; }
.gswh-right{ float:right; width:600px; }
.gswh-right img{ display:block; width:100%; }
.news-info-list{ width:1400px; margin-top:30px; }
.news-info-list ul{ list-style:none; padding-left:0px; }
.news-info-list ul li { background:#f5f5f5;  margin-top:30px; padding:10px; position:relative; left:0px; top:0px; }
.news-info-list ul li a{ text-decoration:none; color:#333; }
.news-info-list ul li .news-title{ font-size:14px; }
.news-info-list ul li .news-content{ font-size:14px; margin-top:8px; }
.news-info-list ul li:hover .news-title{ color:#ad0000; }
.news-title span{ display:block; position:absolute; right:30px; top:10px;}


.news-content{ width:1400px; margin:0 auto; margin-top:40px; }
.news-con-title{ text-align:center; font-size:24px; }
.news-con-time{ text-align:center; font-size:16px; margin-top:10px; }
.news-conss{ margin-top:20px; }


.contant-info{ margin-top:80px; }
.contant-left{ float:left; width:40%; }
.contant-left ul{ list-style:none; padding-left:0px; }
.contant-left ul li{ margin-top:30px; }
.contant-right{ width:60%; float:left; }
.contant-right img{ width:800px; height:350px; }

.fu-banner{ width:100%; position:relative; left:0px; top:0px; }
.fu-banner img{ display:block; width:100%; }


.chanpin-list-list{ width:1440px; margin:0 auto; margin-top:40px;}
.chanpin-list-left{ width:300px; float:left; border:1px solid #f2f2f2; }

.chanpin-list-title{ width:100%; text-align:center; background:#b5001f; color:#fff; font-size:30px; padding:10px 0px; font-weight:bold;}
.chanpin-list-left ul{list-style:none; padding:0px;}
.chanpin-list-left ul li { background:url(../images/icon03.jpg) no-repeat left; text-indent:2rem; margin:0 auto; border-bottom:1px dashed #CCC; padding:15px 0px; background-position:10px;}
.chanpin-list-left ul li:last-child{ border-bottom:0px;}
.chanpin-list-left ul li:hover{ cursor:pointer; background:#b5001f; color:#fff; background:url(../images/icon03.png) no-repeat left #b5001f; background-position:10px;}
.chanpin-list-left ul li a{ text-decoration:none; color:#000;}
.chanpin-list-left ul li:hover  a{ color:#fff; display:block;}

.chanpin-list-right{ width:1120px; float:right;}
chanpin-list-right2
.chanpin-list-right2 ul { list-style:none; padding:0px;}
.chanpin-list-right2 ul li { float:left; border:1px solid #b5001f; margin-left:10px; margin-top:20px; overflow:hidden; }
.chanpin-list-right2 ul li:nth-child(1){ margin-top:0px;}
.chanpin-list-right2 ul li:nth-child(2){ margin-top:0px;}
.chanpin-list-right2 ul li:nth-child(3){ margin-top:0px;}
.chanpin-list-right2 ul li .tutu{ width:350px; height:222px;}
.chanpin-list-right2 ul li .tutu img{ width:350px; height:222px;}
.chanpin-list-right2 ul li p{ text-align:center; font-size:16px; padding-top:10px; display:block;}
.chanpin-list-right2 ul li a{ color:#000; text-decoration:none;}

.chanpin-list-right ul li img {
  display: inline-block; /* 确保元素是块级或内联块级，以便应用transform */
  transform-origin: bottom center; /* 设置缩放的中心点 */
  transform: scale(1); /* 初始缩放比例 */
  transition: transform 0.3s ease; /* 平滑过渡效果 */
}

.chanpin-list-right ul li img:hover {
  transform: scale(1.5); /* 鼠标悬停时放大并上移 */
}

.chanpin-list-right ul li:hover a{ color:#b5001f;}

.dede_pages ul{ list-style:none;}
.dede_pages ul li a{ text-decoration:none;}

.fenlei-img img{ display:block; width:575px; height:328px;}

.qiujing-bg { width:100%; position:relative; left:0px; top:0px;}
.qiujing-bg img{ width:100%; display:block;}
.fenlei-word1{ float:left; position:relative; width:400px; left:896px; bottom:275px;}
.fenlei-word1 span{ font-size:30px; font-weight:bold; color:#fff;}
.fenlei-word1 p{ color:#fff; font-size:16px;}
.jishu-word1{ float:right; position:absolute; width:400px; right:67px; top:48px;}
.jishu-word1 span{font-size:30px; font-weight:bold; color:#fff;}
.jishu-word1 p{ color:#fff; font-size:16px;}
.qiujing-b2{ width:100%;}
.img1{  width:100%; margin:0 auto;}
.img1 img{ display:block; width:100%;}
.img2{ float:left; width:529px;}
.img2 img{ display:block; width:100%;}
.img3{ float:left; width:510px;}
.img3 img{ display:block; width:100%;}

/* 定义动画 */
@keyframes zoomIn {
  from {
    transform: scale(0); /* 初始大小 */
  }
  to {
    transform: scale(1); /* 放大到2倍大小 */
  }
}

/* 应用动画到div */
.zoom-in {
  animation: zoomIn 2s ease-out; /* 动画名称，持续时间，动画速度曲线 */
}


.bg_bg{ width:100%; margin:0 auto; overflow:hidden; margin-top:40px; display:flex; max-width:1920px;}
.bg_left{ flex-shrink: 0; width:880px; height:663px;  background-image:url(../images/a1.jpg); background-repeat:no-repeat; position:relative; left:0px; top:0px;}
.bg_left img{width:880px; height:663px;}
.bg_mid{ flex-shrink: 0; width:529px; height:663px; background-image:url(../images/a2.jpg); background-repeat:no-repeat;  position:relative; left:0px; top:0px;}
.bg_mid img{width:529px; height:663px;}
.bg_right{ flex-shrink: 0; width:511px; height:663px;  background-image:url(../images/a3.jpg); background-repeat:no-repeat;  position:relative; left:0px; top:0px;}
.bg_right img{ width:510px; height:663px;}


.bg_bg_info{ position:absolute; left:40px; width:800px; bottom:40px;}
.bg_bg_info .bg_span{ font-weight:bold; font-size:30px; color:#fff;}
.bg_bg_info .bg_p{ color:#fff;}

.bg_bg_mid{ position:absolute; left:40px; width:450px; bottom:150px;}
.bg_bg_mid .bg_span{ font-weight:bold; font-size:30px; color:#fff;}
.bg_bg_mid .bg_p{ color:#fff;}

.bg_bg_right{ position:absolute; left:40px; width:450px; top:100px;}
.bg_bg_right .bg_span{ font-weight:bold; font-size:30px; color:#fff;}
.bg_bg_right .bg_p{ color:#fff;}