@charset "UTF-8";
*{ margin: 0; padding: 0;}
body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,td,tr,th,p{padding:0; margin:0;}
body {
  max-width: 100%; /* 替代固定宽度 */
  width: 100%;
}
li,dd,ol,ul{list-style-type:none;}
a{ text-decoration:none;cursor: pointer;color: #333;}
img{border:none; outline: medium none; }
img a{border:none;}
input, select,button{outline: medium none;border: none; padding: 0; margin: 0; font-family: "Microsoft YaHei",Helvetica,sans-serif,"瀹嬩綋";}
textarea {outline: medium none; background: none; border: 0; padding: 0; margin: 0; resize: none; font-family:"Microsoft YaHei",Helvetica,sans-serif,"瀹嬩綋";}
i{font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
:focus{outline: none;}
.pb50{padding-bottom: 50px;}
.clearfix{clear: both;}
a:hover{background: none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);-webkit-user-select: none;-moz-user-select: none;}
input[type="button"], input[type="submit"], input[type="reset"],button { -webkit-appearance: none;  }
textarea {  -webkit-appearance: none;}
.content1 ul:after,.content1 ul:before, .content1li:after, .content1 li:before {  content: " ";  clear: both;  display: block;}
.inban img{max-width: 100%;}
.content1,.content2{width: 100%;margin: 0 auto;max-width: 1920px;overflow: hidden;}
.content{width: 1210px;height: auto;overflow: hidden;margin: 0 auto;}
.mr{margin-right: 0!important;}
.fl{float: left}
.fr{float: right;}
.center{text-align: center;}
.wid{width: 1400px;margin:auto}
.head{width: 100%;height: auto;position: fixed;z-index: 1000;padding-top: 20px;transition: all 0.3s;max-width: 1920px;border-bottom: #ffffff5e 1px solid;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.headon{margin-top: 0;padding: 20px 0;background-color: rgba(0, 0, 0, 0.6);}
.head .show{*max-width: 1400px;width: 1400px;margin: 0 auto;}
.content1 .scrolled{background-color: #fff;}
.scrolled .nav li a{color: #333 !important;}


.head .logo{  filter: brightness(0) invert(1); /* 初始白色logo */  transition: filter 0.3s ease;}
.scrolled .logo {  filter: none; /* 滚动后恢复原色 */}
.head .tel{  filter: brightness(0) invert(1); /* 初始白色logo */  transition: filter 0.3s ease;}
.scrolled .tel {  filter: none; /* 滚动后恢复原色 */ color: #dd650c !important;}

/* 默认样式 */
.head {
  background-color: transparent; /* 初始透明 */
  transition: background-color 0.3s ease; /* 平滑过渡 */
}

/* 滚动后的样式 */
.head.scrolled {
  background-color: #fff; /* 滚动后背景变白 */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 可选：添加阴影 */
}

/* 滚动后 logo 切换 */
.head.scrolled .logo {
  content: url(../images/logo2.png); /* 替换为深色 logo */
}

/* 滚动后电话图标切换 */
.head.scrolled .tel img {
  content: url(../images/tel.png); /* 替换为深色电话图标 */
}

.head .logo{float: left;}
.head .tel {float: right;color: #fff;margin-top: 10px;margin-right: -10%;}
.head .tel img{width: 10%;margin-bottom: -10px;margin-right: 10px;}
.head .nav{float: right;line-height: 48px;margin-right: 10%;}
.head .nav li{float: left;margin-left: 45px;position: relative; }
.head .nav li a{font-size: 16px;color: #ffffff;padding-bottom: 44px;position: relative;overflow: hidden;}
.head .nav li a:after{position: absolute;background-color: #dd650c;width: 0;height: 2px;right: 0%;bottom: -1px;z-index: -1;transition: all 0.3s ease-in-out;content: '';}
.head .nav li a:hover:after{width: 100%;left: 0%;}
.head .nav .on a{border-bottom: 2px solid #dd650c;}
/* .nav ul li .sub_con {display: none;position: absolute;top: 55px;z-index: 1001;width: 100%;}
.nav ul li .sub_con p{width: 100%;text-align: center;background: #dd650c;opacity: 0.95;transition: all .6s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nav ul li .sub_con p a {color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;padding: 10px 0;}
.nav ul li .sub_con p:hover{background: #636875;} */
.banner{position: relative;height: 100%;z-index: 1;overflow: hidden;}
.flexslider{position:relative;height:100%;overflow:hidden;transition: all 0.3s;}
.flex-pauseplay{display: none;}
.slides{position:relative;z-index:1;}
.slides li{height:900px;text-align: center;}
.slides li a{display: block;height:100%;}
.slides li img{margin: 0 auto;display: none;}
.flex-direction-nav{position:absolute;z-index:10;width:100%;top:47%;opacity: 0;transition: all 0.3s;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;z-index: 10;border-radius: 25px;opacity: 0.5;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;transition: all 0.5s;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;transition: all 0.5s;}
.flex-direction-nav li a:hover{width: 60px;height: 50px; opacity: 1;}

.flexslider:hover .flex-direction-nav{opacity:1;}
.flex-control-nav{position: absolute;z-index: 11;width:60px;bottom: 0;right: 108px;height: 90px;display: none;}
.flex-control-nav li{position: absolute;z-index: 2;width: 60px;height: 90px;}
.flex-control-nav li a{color: #ffffff;width: 60px;line-height: 90px;text-align: center;display: none;}
.flex-control-nav li .flex-active{display: block;font-size: 28px;color: #15843b;font-weight: bold;font-family: te2;}
.flexslider .flex-pauseplay{position: absolute;z-index: 10;width: 100px;height: 100px;background-color: #0D6A28;top: 50%;right: 0;text-align: center;line-height: 100px;}


.banner .show{width: 210px;line-height: 40px;text-align: center;background-color: #000000;color: #ffffff;font-size: 16px;border-radius: 20px;margin: 30px auto;cursor: pointer;
position: absolute;z-index: 20;left: 50%;bottom: 200px;margin-left: -105px;}
.banner .show:hover{background-color: rgba(0, 0, 0, 0.8);}
.stay{position: absolute;z-index: 12;width: 1px;bottom: 0;left: 50%;height:150px;background-color: rgba(255, 255, 255, 0.3);}
.stay p{width: 1px;background-color: #ffffff;animation: chang ease-in-out 2s infinite;height: 0;margin-top: 0;}
@keyframes chang{  0% {height: 0;margin-top: 0;}  60% {height: 150px;margin-top: 0;}  100% {height: 150px;margin-top: 150px;}}

.ban01{background:url(../images/ban01.jpg) no-repeat center;}
.ban02{background:url(../images/ban02.jpg) no-repeat center;}
/* 板块标题 */
.title{padding: 50px 0;}
.title p {font-size: 55px;color: rgb(51 51 51 / 20%);font-weight: bold;position: relative;display: inline-block;font-style: italic;}
.title p span{color: #e74c3c4a;} span{color: #898989;} 
.title  h2 {font-size: 40px;color: #333;display:block;font-weight: bold;margin-top: -30px;}
.title h2 span {font-size: 14px;color: #898989;font-style: italic;font-weight: normal;}


/* 优势 */
.main {  display: flex;  justify-content: space-between;  flex-wrap: wrap; list-style: none;  padding: 0; }
.main li {  width: calc(33.33% - 20px); /* 三列布局，减去左右边距 */  margin: 0 10px 30px; box-sizing: border-box; background: #fff;  border-radius: 8px;  overflow: hidden;  box-shadow: 0 3px 10px rgba(0,0,0,0.1);  transition: transform 0.3s;}
.main li:hover {  transform: translateY(-5px);}
.main img {  width: 100%;  object-fit: cover;}
.main h1 {  padding: 15px 20px 10px;  font-size: 24px;  color: #522601;  text-align: center;  font-weight: bold;}
.main p {  padding: 0 20px 20px;  color: #666;  line-height: 1.6;  font-size: 16px;  text-align:center;}

/* 产品展示 */

.product img{ border-radius: 10px;}


/* 容器设置相对定位 */
.pro1 {  position: relative;  width: 100%;  margin-bottom: 10px;}/* 图片样式 */.pro1 img {  width: 100%;   /* 固定高度或使用aspect-ratio */  object-fit: cover; /* 保持图片比例 */  display: block;}
.lin2,.lin3{margin-bottom: 10px;display: block;}
/* 文字容器绝对定位 */.desi {  position: absolute;  bottom: 0; /* 贴底部 */  left: 0;  right: 0;  padding: 20px;  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);  color: white;  border-radius: 0 0 10px 10px;}/* 文字样式 */.desi h2 {font-size: 30px;margin-bottom: 10px;color: #fff;font-weight: bold;}
.desi p {font-size: 16px;line-height: 1.5;margin-bottom: 15px;display: -webkit-box;-webkit-line-clamp: 2; /* 限制显示行数 */-webkit-box-orient: vertical;overflow: hidden;color: #dedede;}
/* 初始状态 - 隐藏more内容 */
.desi .more {opacity: 0;visibility: hidden;height: 0;overflow: hidden;transition: all 0.3s ease;}

/* 鼠标悬停时 - 显示more内容 */
.pro3:hover .desi  .more{opacity: 1;visibility: visible;height: auto;margin-top: 15px; /* 可根据需要调整间距 */}
/* 保持产品卡片的一致性 */
.pro3 {position: relative;overflow: hidden;transition: all 0.3s ease;border-radius: 10px;}
.pro3 img {width: 100%;height: auto;transition: transform 0.5s ease; /* 图片缩放动画 */}

.pro3:hover img {transform: scale(1.05);/* 轻微放大（5%） */}

/* 可选：添加悬停时整体效果 */
.pro3:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}





/* 鼠标悬停时 - 显示more内容 */
.pro1:hover .desi  .more{opacity: 1;visibility: visible;height: auto;margin-top: 15px; /* 可根据需要调整间距 */}
/* 保持产品卡片的一致性 */
.pro1 {position: relative;overflow: hidden;transition: all 0.3s ease;border-radius: 10px;}
.pro1 img {width: 100%;height: auto;transition: transform 0.5s ease; /* 图片缩放动画 */}

.pro1:hover img {transform: scale(1.05);/* 轻微放大（5%） */}

/* 可选：添加悬停时整体效果 */
.pro1:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}





/* 鼠标悬停时 - 显示more内容 */
.pro2:hover .desi  .more{opacity: 1;visibility: visible;height: auto;margin-top: 15px; /* 可根据需要调整间距 */}
/* 保持产品卡片的一致性 */
.pro2 {position: relative;overflow: hidden;transition: all 0.3s ease;border-radius: 10px;}
.pro2 img {width: 100%;height: auto;transition: transform 0.5s ease; /* 图片缩放动画 */}

.pro2:hover img {transform: scale(1.05);/* 轻微放大（5%） */}

/* 可选：添加悬停时整体效果 */
.pro2:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}





/* 鼠标悬停时 - 显示more内容 */
.pro4:hover .desi  .more{opacity: 1;visibility: visible;height: auto;margin-top: 15px; /* 可根据需要调整间距 */}
/* 保持产品卡片的一致性 */
.pro4 {position: relative;overflow: hidden;transition: all 0.3s ease;border-radius: 10px;}
.pro4 img {width: 100%;height: auto;transition: transform 0.5s ease; /* 图片缩放动画 */}

.pro4:hover img {transform: scale(1.05);/* 轻微放大（5%） */}

/* 可选：添加悬停时整体效果 */
.pro4:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}




/* 鼠标悬停时 - 显示more内容 */
.pro5:hover .desi  .more{opacity: 1;visibility: visible;height: auto;margin-top: 15px; /* 可根据需要调整间距 */}
/* 保持产品卡片的一致性 */
.pro5 {position: relative;overflow: hidden;transition: all 0.3s ease;border-radius: 10px;}
.pro5 img {width: 100%;height: auto;transition: transform 0.5s ease; /* 图片缩放动画 */}

.pro5:hover img {transform: scale(1.05);/* 轻微放大（5%） */}

/* 可选：添加悬停时整体效果 */
.pro5:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}



/* 鼠标悬停时 - 显示more内容 */
.pro6:hover .desi  .more{opacity: 1;visibility: visible;height: auto;margin-top: 15px; /* 可根据需要调整间距 */}
/* 保持产品卡片的一致性 */
.pro6 {position: relative;overflow: hidden;transition: all 0.3s ease;border-radius: 10px;}
.pro6 img {width: 100%;height: auto;transition: transform 0.5s ease; /* 图片缩放动画 */}

.pro6:hover img {transform: scale(1.05);/* 轻微放大（5%） */}

/* 可选：添加悬停时整体效果 */
.pro6:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}





/* 鼠标悬停时 - 显示more内容 */
.pro7:hover .desi  .more{opacity: 1;visibility: visible;height: auto;margin-top: 15px; /* 可根据需要调整间距 */}
/* 保持产品卡片的一致性 */
.pro7 {position: relative;overflow: hidden;transition: all 0.3s ease;border-radius: 10px;}
.pro7 img {width: 100%;height: auto;transition: transform 0.5s ease; /* 图片缩放动画 */}

.pro7:hover img {transform: scale(1.05);/* 轻微放大（5%） */}

/* 可选：添加悬停时整体效果 */
.pro7:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}






.more a {  color: #fff;  text-decoration: none;  border: 1px solid rgba(255, 255, 255, 0.3);  display: block;  width: 20%;  height: 40px;  line-height: 36px;  text-align: center;}

/* 产品特点 */
.icon {padding-top: 50px;padding-bottom: 50px;}
.icon ul li{float: left;width: 11%;margin-right: 3%;}
.icon ul li:nth-child(7){margin-right: 0;}
.icon ul li img{display: block;margin: auto;transition: transform 0.3s ease;}
.icon ul li p{text-align: center;margin-top: 10px;color: #666;}
.icon li img:hover { transform: scale(1.05)}
/* 装修效果 */
.case ul li{float: left;width: 30%;margin-right: 3%;margin-bottom: 30px;}
.case ul li:nth-child(3){margin-right: 0;}
.case ul li .caseimg{width: 100%;overflow: hidden;display: block;}  .case ul li img{display: block;margin: auto;transition: transform 0.3s ease;width: 100%;}
.case ul li p{text-align: center;margin-top: 20px;color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.case li img:hover { transform: scale(1.05)}
.case li p:hover { color: #522601;} 
/* 关于我们 */
.about img{width: 100%;}
.about .aboutimg{width: 45%;}
.about .abouttxt{width: 50%;}
.about .abouttxt p{margin: 80px 0;line-height: 2;}
.about .more {  width: 100%;  text-align: right;  padding-top: 10px;  }     .about  .more a {display: inline-block;padding: 5px 30px;border: #e1e1e1 1px solid;color: #666;text-decoration: none;border-radius: 35px;transition: all 0.3s;font-size: 14px;}    .about .more a:hover {  background-color: #522601;  color: #fff;  }
/* 新闻中心 */
.new .fl{width: 50%;padding-top: 8px;}
.new .fl .tit,.new .fr .tit{position: relative;}
.new .fl .tit:before,.new .fr .tit:before {width: 100%;height: 1px;background-color: #e0e0e0;display: block;content: '';position: absolute;left: 0px;top: 45px;}
.new .fl .tit p,.new .fr .tit p {font-weight: bold;font-size: 18px;}
.new .fl .tit span,.new .fr .tit span {font-size:14px;}
.new .fl .tit font,.new .fr .tit p font {text-transform: uppercase;color: #ccc;font-weight: normal;margin-left: 10px;}
.new .tit .fr{width: 10%;}
.new a{color: #333;}
.new a:hover,.new1 .fr p:hover,.new .fr ul li p:hover{color: #f14900; }
.new .fr{width: 45%;}
.new1 {margin-top: 20px;border-bottom: 1px #ddd dotted;}
.new1 .fl{width: 25%;}
.new1 img{width: 80%;margin: 15px;}
.new1 .fr {width: 69%;}
.new1 .fr p{font-size:18px;line-height: 28px;color: #333;}

.new1 .fr font{color:#ccc;font-size: 14px;display: block;line-height: 28px;}
.new1 .fr span{line-height:2;font-size:14px;}
.new2 {padding:20px 0 0 0;font-size:14px;}
.new2 li {margin-bottom: 15px;width: 48%;float: left;}
.new2 li img {float: left;width: 20px;height: 20px;}
.new2 li a {color:#666;}
.new .fr {padding: 10px;}
.new .fr ul {margin-top:20px;}
.new .fr ul li {border-bottom: 1px #ccc dotted;padding: 15px 0;}
.new .fr ul li:nth-last-child(1){border-bottom: 0px;}
.new .fr ul li img {height: 25px;float: left;}
.new .fr ul li p {line-height:30px;margin-bottom: 4px;color: #333;font-weight: normal !important;}
.new .fr ul li span {color: #999;font-size:14px;line-height: 24px;}

/* 底部 */
.footer{background-image: url("../images/footimg.jpg");width: 100%;min-height: 300px;color: #fff;background-size: cover; /* 或 contain */background-position: center;background-repeat: no-repeat;max-width: 100%;display: block;}
.footlogo{padding: 30px 0;}
/* 导航菜单样式 */
.footnav {text-align: center;margin-bottom: 30px;}
.footnav ul {display: inline-block;margin: 0 auto;padding: 0;list-style: none;}
.footnav li {display: inline-block;margin: 0 15px;position: relative;line-height: 2;}
.footnav li a{color: #fff;}
.footnav li a:hover{color: #f14900;}
.footnav li:after {content: "|";position: absolute;right: -18px;color: rgba(255,255,255,0.3);}
.footnav li:last-child:after {display: none; /* 最后一个导航项去掉分隔线 */}

/* 底部版权信息 */
.bottom {font-size: 14px;color: rgba(255,255,255,0.7);padding-top: 20px;border-top: 1px solid rgba(255,255,255,0.1);line-height: 1.8;}
.bottom img {height: 16px;vertical-align: middle;margin-left: 5px;}
.bottom a{color:#fff;}
.bottom a:hover{color: #f14900;}


/* 右侧浮动 */
.izl-rmenu{position:fixed;right: 10px;margin-left:532px;bottom:10px;padding-bottom: 10px; z-index:999;}
.izl-rmenu .btn{width:50px; height:50px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-kf{background:url(../images/r_kf.png) center center no-repeat; background-color:#e94910;}
.izl-rmenu .btn-qq:hover,.izl-rmenu .btn-kf:hover{background-color:#e94910;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) center center no-repeat; background-color:#e94910; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) center center no-repeat; background-color:#e94910;}
.izl-rmenu .btn-wx:hover{background-color:#e94910;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-125px;top:0px;display:none;width:120px;height:120px;max-width: 120px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) center center no-repeat; background-color:#e94910;}
.izl-rmenu .btn-phone:hover{background-color:#e94910;}
.izl-rmenu .btn-phone .phone{background-color:#e94910;position:absolute;width: 170px;left:-157px;top:0px;line-height:50px;color:#FFF;font-size:18px;font-weight:bold;text-align:center;display:none;border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-moz-border-radius:8px;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) center center no-repeat; background-color:#e94910; display:none;}
.izl-rmenu .btn-top:hover{background-color:#e94910;}



/* 单页样式 */
.submenu  ul{text-align:center}
.submenu ul li a{ display:block;padding: 0 2rem;border-radius: 3rem;background: #f0f0f0;}
.submenu ul li a:hover,.submenu .current a{ background:#e94910; color:#fff}
.content .video{margin: 2rem 0;text-align: center;}
.search {background: #f2f2f2;height: 6rem;line-height: 6rem;border-bottom: 1px solid #eee;overflow: hidden;}
.search a{display: inline-block;margin-right: 1rem;}
.content{min-height: 50rem;padding: 2rem 0;}
.content p{line-height:2}
.content img{display:block;margin:auto;max-width: 100%;}

/* 新闻页面样式 */
.posnav{overflow: hidden;text-overflow: ellipsis;}
.intitle{padding-bottom: 3rem;}
.intitle  h2{font-size: 2.8rem;color:#e94910;font-weight: bold; position: relative; padding-left: 2rem;}
.intitle  h2:before{ width: 7px; height:3rem; border-radius: 4px; content: ""; display: block; position: absolute; background:#e94910; left: 0px; top:9px;}
.submenu ul li,.submenu .swiper-slide{display: inline-block;text-align: center;line-height: 3.6rem;margin: 1rem 1rem 1rem 0;}
.submenu ul li a,.submenu .swiper-slide a{display: block;background: #fff;border: #ddd 1px solid;border-radius: .8rem 0;padding: 0 1rem;}
.submenu ul li a:hover,.submenu ul li .on,.submenu .swiper-slide .swiper-slide-active{ background:#e94910; color: #fff; border: #e94910 1px solid;}

.newlist{margin: 50px 0;}
.newlist ul li {margin-bottom: 2rem;height: 16rem;border-bottom: #ddd 1px dotted;width: 48%;display:inline-block;margin-right: 3%;box-sizing: border-box;padding: 1rem;}
.newlist ul li:nth-child(2n){ margin-right:0;}
.newlist ul li .data {width: 20%;max-width: 18rem;padding: 3rem 0;float: left;text-align: center;background: #f2f2f2;transition: all .5s;border-radius: .8rem 0;}
.newlist ul li .data p {color: #e94910;font-size: 2.4rem;font-family: arial;}
.newlist ul li .data span {color: #8c8c8c;font-size: 1.4rem;}
.newlist ul li .text {float: right;width: 75%;}
.newlist ul li .text h3 {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition: all .5s;font-weight: bold;}
.newlist ul li .text em {display: none;}
.newlist ul li .text p {color: #999;line-height: 2.4rem;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.newlist ul li .text span {margin-top: 1.5rem;display: inline-block;border: 1px solid #e8e8e8;line-height: 3rem;padding: 0 2rem;color: #999999;}
.newlist ul li:hover{ box-shadow: 0 5px 25px rgba(0, 0 ,0, 0.1);}
.newlist ul li:hover .text h3 {color: #e94910;}
.newlist ul li:hover .data {background: #e94910;}
.newlist ul li:hover .data p,.newlist ul li:hover .data span {color: #fff;}
.fanye ul li,.inright .fanye ul li {display: inline-block;margin: 10px;float: none;width: auto !important;height: 5rem;border-radius: 0.8rem !important;background-color: #EFEFEF;text-align: center;line-height: 5rem;}
.fanye ul li:first-child,.inright .fanye ul li:first-child{width: auto;}
.fanye ul li:last-child,.inright .fanye ul li:last-child{margin-left: 3px;}
.fanye ul li a,.fanye ul li span,.inright .fanye ul li a,.inright .fanye ul li span{display: block;padding: 0px 2rem;}
.fanye ul li:hover a,.inright .fanye ul li:hover a,.fanye .active a{color: #fff;background-color: #e94910;border-radius:0.8rem !important}
.fanye ul li.thisclass a,.inright .fanye ul li.thisclass a{ color: #ffffff;background-color: #e94910;}
.detailbox {line-height:2;min-height: 500px;padding: 2rem 0;}
.detailbox img { display: block; text-align: center; margin: 2rem auto;}
.newdetail .inleft,.pro_detail .inright,.product_detail .inright{width: 72%;margin-top: 30px;}
.newdetail .inright,.pro_detail .inleft,.product_detail .inleft{width: 25%;}
.inright .tit{line-height: 5rem;text-align: center;font-size: 1.8rem;color: #fff;background: #e94910;}
.inright .tj_new ul li{ line-height: 4rem; border-bottom: #ddd 1px dotted;}
.inright .tj_new ul li p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.inright .tj_new ul li span{    display: block;}
.time,.source {font-size: 13px;color: #BEBEBF;margin-right: 30px;}
.time_source p{ display: inline-block;}
.inhuigu {margin-top:2rem;margin-bottom: 2rem;}

.daodu,.pages {padding: 2.5rem;border: #f5f5f5 1px solid;background: #fff;line-height: 60px;}
.pages p{margin: -20px;}
.detailbox img { display: block; text-align: center; margin: 2rem auto;}
.submenu ul li a,.submenu .swiper-slide a{display: block;background: #fff;border: #ddd 1px solid;border-radius: .8rem 0;padding: 0 1rem;}
.submenu ul li a:hover,.submenu ul li .on,.submenu .swiper-slide .swiper-slide-active{ background:#e94910; color: #fff; border: #e94910 1px solid;}
.newdetail .submenu ul li{ width: 100%; line-height: 4.5rem; margin-bottom: 1rem;}

/*  产品页面 */
.fangan ul li{float: left;width: 32%;margin: 1% 0.5%;border-bottom: #ddd 1px solid;} 
.fangan .imgbox{ overflow: hidden; border-radius: 8px;}
.fangan a img{transition: all ease-in-out 0.5s;width: 100%;}
.fangan a:hover img{ transform:scale(1.1,1.1);}
.fangan ul li h1{line-height: 5rem;font-size: 18px;width: 100%;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}


/* 响应式调整 */
@media (max-width:1920px) {
  .hidden-x{display: block;}
  .visible-x{display: none;}
  .visible-xs{ display: none;}

}

@media (max-width:1440px) {
  .wid{ width:1200px; }
  .head .show{width: 1200px;}
  .content1, .content2{max-width: 1440px;}
  .jiange img{max-width: 1440px;}
  .footer{max-width: 1440px;}
  .pro6,.pro2,.pro5 {width: 67%;}
  .pro7,.pro3,.pro4 {width: 31.5%;}

}

@media (max-width:1280px) {
  .wid{ width:1100px; }
  .head .show{width: 1100px;}
  .content1, .content2{max-width: 1280px;}
  .jiange img{max-width: 1280px;}
  .footer{max-width: 1280px;}
  .about .abouttxt p{margin: 20px 0;}
  .new2 li img{margin: 0;}
  .new2 li{width: 50%;}
}


@media (max-width:1080px) {
  .hidden-xs{display: none;}
  .visible-xs{ display: block;}
  .wid{ width:900px; }
  .head .show{width: 900px;}
  .content1, .content2{max-width: 1080px;}
  .jiange img{max-width: 1080px;}
  .footer{max-width: 1080px;}
  .inban img{max-width: 100%;padding-top: 110px;}
.newdetail .inleft{width:100%}
  .top-xs{background-color: #fff;position: fixed;top: 0;z-index: 991;width: 100% !important;padding: 1rem 0;box-shadow: 0 5px 15px rgba(0, 0 ,0, 0.15);}
  .top-xs .logo{position:relative;z-index:990;margin-top: 0px;margin-left: 10px;} 


 .ban01xs{background:url(../images/ban01_xs.jpg) no-repeat center;}
 .ban02xs{background:url(../images/ban02_xs.jpg) no-repeat center;}

 .desi h2{font-size: 24px;}

 .about .aboutimg{width: 100%;}
 .about .abouttxt_xs p{line-height: 2;margin:20px 0}
 .about .more{text-align: center;}



.new_xs  ul li{line-height: 3.7rem;border-bottom: #ddd 1px dashed;position: relative;padding-left: 1rem;box-sizing: border-box;}
.new_xs  ul li::before{ content: '·'; width: 5px; height: 5px; display: block; position: absolute; left: 0; font-size: 3rem;}
.new_xs  ul li a{width: 100%;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #333;}
.new_xs  ul li a:hover{ text-indent: 0.5em;}
.new_xs  ul li span{ float: right; color: #999;}

.title p{font-size:46px}
.title h2{font-size:32px}


/*swpier--bannerb部分*/
.banner .swiper {width: 100%;height: auto;position: relative;}
.banner .swiper-slide {background-position: center;background-size: cover;}
.banner .swiper-slide img {width: 100%;transition: 1s linear 2s;transform: scale(1.1, 1.1);display: block;}
.banner .swiper-slide-active img,.swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1, 1);}
.banner .swiper-button-next,.banner .swiper-button-prev {color: #fff !important;}
.banner .swiper-pagination-bullet {font-size: 1.6rem !important;background-color: #e94910 !important;}
.banner .swiper-pagination {bottom: 12rem;}
.banner .swiper-pagination{bottom:3rem}
.menu-button {display: block;height: 3rem;margin: 1.2rem 1rem 0 0;cursor: pointer;position: relative;z-index: 900;}
.menu-button .line:nth-of-type(1) {margin-top: 0;}
.menu-button .line:nth-of-type(2) {margin-bottom: 0;}
.menu-button .line {position: relative;display: block;width: 2.2rem;height: 0.2rem;margin: .5rem 0;background: #666;border-radius: 5px;-webkit-transition: 0.3s;transition: 0.3s;}
.header_active .line:nth-of-type(1) {
-webkit-transform: translateY(6.5px) rotate(-45deg);
-ms-transform: translateY(6.5px) rotate(-45deg);
transform: translateY(6.5px) rotate(-45deg);
}
.header_active .line:nth-of-type(2) {opacity: 0}
.header_active .line:nth-of-type(3) {
-webkit-transform: translateY(-7.5px) rotate(45deg);-ms-transform: translateY(-7.5px) rotate(45deg);transform: translateY(-7.5px) rotate(45deg);}
#menu {background: #fff;height: 100%;position: fixed;transform: translateY(-100%);top: 0;left: 0;right: 0;bottom: 0;z-index: 800;overflow-y: hidden;padding: 7rem 3rem 5rem;transition: .5s;display: block;}
#menu ul {margin: 0 0 7rem 0;transition-delay: .2s;}
#menu ul li {border-bottom: 1px solid rgba(0,0,0,.05);position: relative;line-height: 50px;}
#menu ul li a {color: #333;display: inline-block;width: 90%;font-weight: bold;}
#menu ul li a:hover {background: none; color:#e94910}
#menu ul li i {line-height: 2.2rem;font-size: 1.4rem;display: none;width: 2.2rem;transform: translateY(0);color: #333;position: absolute;right: 0;top: 3rem;cursor: pointer;}
#menu ul li.cur i,#menu ul li.current i {display: inline-block;}
#menu ul li.cur .fa-angle-down { display: inline-block;transform: rotate(90deg);}
#menu ul li.on { background: rgba(255,255,255,.05);}
#menu ul li.on a {color: #333;}
#menu dl {background: rgba(0,0,0,.02);display: none;}
#menu dl dd { border-bottom: 1px solid rgba(0,0,0,.05);}
#menu dl dd a {color: #555;display: block;padding: .5rem 1.5rem;font-weight: normal;}
#menu dl dd i {padding: 0 6.5rem 0 0;font-size: 1.4rem;}
.header_active #menu {transform: translateY(0);}

}


@media (max-width:768px) {
  .hidden-xs{display: none;}
  .visible-xs{ display: block;}
  .wid{ width:90%; }
  .head .show{width: 700px;}
  .content1, .content2{max-width: 768px;}
  .jiange img{max-width: 100%;}
  .footer{max-width: 768px;}
  .case ul li img{width: 100%;}
  .fangan ul li{width: 49%;}
  .newlist ul li{width:100%}
}

@media (max-width:500px) {
  .hidden-xs{display: none !important;}
  .visible-xs{ display: block;}
  .visible-xxs{ display: none;}
  .wid{ width:90%; }
  .head .show{width: 300px;}
  .banner{top: 70px;}
  .content1, .content2{max-width: 375px;}
  .menu-button{margin:0.8rem 1rem 0 0}
  .jiange img{max-width: 375px;}
  .footer{max-width: 100%;}
  .pb50{padding-bottom: 15px;}
  .title{padding: 20px 0;}
  .top-xs .logo img{width: 120px;}
  .izl-rmenu .btn{width: 40px;height: 40px;}
  .title p{font-size: 32px;}
.title h2{font-size: 24px;}
.main li{width: 100%;}
.desi h2{font-size: 13px;margin-bottom: 0;}
.desi p{font-size: 12px;}
/* .pro2,.pro3,.pro4,.pro5,.pro6,.pro7{width: 100%;margin-bottom: 10px;} */
.icon ul li{width: 30%;margin-bottom: 20px;}
.case ul li{float: left;width: 47%;margin-right: 3%;margin-bottom: 30px;}
.case ul li:nth-child(2n){margin-right: 0;}
.case ul li img{width: 150px;}
.case ul li:nth-child(3){margin-right: 3%;}
.main h1{font-size: 20px;}
.main p{font-size: 14px;}
.top-xs{padding: 10px 0;}
.content2{padding-top: 80px;}
.newlist ul li .data p{font-size: 16px;}
}