@charset "utf-8";
/* CSS Document */
body { 
  MARGIN: 0px; 
  PADDING: 0px;  
  FONT-FAMILY: sans - serif;
  COLOR: #000; 
  FONT-SIZE:14px; 
   width:100%;
  min-width:1420px;
  margin:0 auto;

 }
html{ height: 100%; margin-bottom: 1px; }/*去除火狐滚动条页面抖动*/

 /*链接样式*/
a{ font-size:14px; color:#333;} 
a:link{text-decoration : none ;color : #333;} 
a:visited {text-decoration : none ;color : #333;} 
a:hover {text-decoration : underline ;color: #ED1218;} 
a:active {text-decoration : none ;color : #333;}

/*去除链接虚线*/  
a{
    blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}
a:focus{ 
    -moz-outline-style: none;   /*    FF    */
}

 /*定义层容器*/
.main {
  margin:0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  min-width:1420px;
  max-width:1600px;
}
#head {
 width:100%;
 margin:0 auto;
 padding:0;
 overflow:hidden;
}

p,ul,li{ padding:0; margin:0; list-style-type: none;}
img{ border:0;}
.clear{ clear:both }


/*定义主内容*/
#PageBody { float:left; display:inline; width:100%; height:auto;}
.page_top{ width:100%; height:86px;  position:relative; z-index:999; background-color:rgba(255,255,255,.95);}
.page_top p img{ float:left; margin:20px 0 0 20px;}
.page_top ul li{ float:left; display:inline;  margin:0 10px 0 20px; position:relative;}
.page_top ul li a{ font-size:16px; color:#333; text-decoration:none; display:block; margin-top:30px; padding-bottom:6px;}

/*主菜单样式*/
#menu {
  float:right;
  list-style-type: none;
  padding: 0;
  margin: 0 10px 0 0;
  display: flex;
  justify-content: center;
}

#menu li {
  position: relative;
  margin: 0 10px 0 30px;
  height: 68px;
}

#menu li a {
  text-decoration: none;
  color: #333;
  padding: 0 2px 5px 2px;
  display: block;
}

.line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #E16920;
  border-radius: 2px;
  transition: all 0.3s ease;
  overflow: hidden;
}
#menu .separator {
    color: #ccc; /* 竖线颜色 */
    margin: 0 10px; /* 竖线与菜单项之间的间距 */
    font-size: 14px; /* 竖线大小 */
    line-height: 86px; /* 与导航菜单高度一致 */
    display: inline-block; /* 确保竖线与其他元素在同一行 */
}
.m_line .line {
  left: 0;
  width: 100%;
}

/* 动画效果 */
@keyframes lineExpand {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes lineShrink {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}


#banner{ float:left; display:inline; width:100%; height: auto; min-width:1420px; min-height: 750px;}
.focusBox { position: relative; width:100%; height:auto; float:left;
    aspect-ratio: 2.7 / 1; /* 设置宽高比  */
}	
.focusBox .pic{ position:relative; z-index:0; text-align:center; float:left; width:100%; display:inline; height:auto;}	
.focusBox .pic img { width:100%; display: block; height:100%;
    width: 100%;height: 100%; object-fit: cover;display: block; /*覆盖整个容器*/
}	
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }	
.focusBox .hd li{
	margin: 0 5px; background: url(images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;		display:inline-block; *display:inline; zoom:1;  _background: url(images/dot8.png) no-repeat 0 -16px;	}	
.focusBox .hd .on{ background-position:0 0; }	
.focusBox .prev,	.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(images/ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }	
.focusBox .prev { left: 0; }	.focusBox .next { background-position: 0 -90px; right: 0; }	
.focusBox .prev:hover,	.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }	
.focusBox  ul{ padding:0; margin:0;}
.focusBox  ul li{ display:inline; }

.box-1{ float:left; width:100%; background-color:#fff; padding:90px 0;}
.box-2{ float:left; width:100%; height: auto; background:#F1F1F1; padding: 80px 0; }
.box-3{ float:left; width:100%; height:840px;  background:#fff url(images/show_bg.jpg) no-repeat center top; background-size: cover; padding:90px 0;}
.box-4{ float:left; width:100%; height: auto;  padding:90px 0;}
.box-5{ float:left; width:100%; height:auto; padding: 120px 0; overflow: hidden; background:#E7F0F9 url(images/case_bg.jpg) no-repeat center -50px; background-size: cover; margin-bottom: 80px;}
.box-6{ float:left; display:inline; width:100%; height:auto; background-color: #2F343A; margin-top: 60px;}

.tit-1{ float:left; display:inline; width:100%; text-align: left; border-left: #E16920 10px solid; padding-left: 15px; box-sizing: border-box; position: relative;}
.tit-1 h1{ font-size:28px; margin:0; padding:5px 0 0 10px 0; font-weight: normal;}
.tit-1 span{ width:100%; color:#666; font-size:18px; margin:5px 0 0 0; float:left; display:inline;}
.tit-1 b{ color: #E16920; padding:0 0 20px 5px; font-weight: normal;}
.tit-1 a{ position: absolute; right: 10px; bottom: 15px; color:#fff; background-color: #E16920; font-size:16px; text-decoration:none; padding:8px 20px; font-weight: normal;}

.tit-2 {
    float: left;
    display: inline;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

        .tit-2 h1 {
            font-size: 34px;
            margin: 0;
            padding: 10px 0;
            color: #000;
            font-weight: normal;
            letter-spacing: 1px;
        }
        .tit-2 b{ color: #E16920; font-weight: normal; }

    .tit-2 span {
        float: left;
        display: inline;
        width: 100%;
        margin: 0 0 0 0;
        color: #333;
        font-size: 24px;
        line-height: 180%;
    }


 .tit-news{ float: left; display: inline; width: 100%; text-align: center; padding-bottom: 10px; border-bottom: #ccc solid 1px; padding-bottom: 20px;}
 .tit-news h1{ font-size: 28px; margin: 0; padding: 20px 0; color: #000; font-weight: normal; letter-spacing: 1px;}
 .tit-news span{ float: left; display: inline; width: 100%; margin: 0 0 0 0; font-size: 14px; color: #333; line-height: 180%;}

.tit-3 {
    float: left;
    display: inline;
    width: 100%;
    text-align: right;
    padding-bottom: 10px;
}

    .tit-3 h1 {
        font-size: 38px;
        margin: 0;
        padding: 10px 0;
        color: #EC6B1A;
    }

    .tit-3 span {
        float: left;
        display: inline;
        width: 100%;
        margin: 10px 0 0 0;
        font-size: 18px;
        color: #333;
        line-height: 180%;
    }    

.pro-1 { float:left; display:inline; width:100%; height:auto; margin-top:80px; background-color:#E5E5E5; padding: 80px 0;}
.pro-1 ul { display:flex; justify-content: center;  align-content: center; flex-wrap: wrap; gap: 30px 40px;}
.pro-1 ul li { flex:0 0 20%;  background-color: #fff; transition: all 0.5s ease;}
.pro-1 ul li a{ float: left; display: inline; width: 100%; height: 100%; position: relative;   box-shadow:0px 2px 8px 3px #ddd; overflow: hidden; }
.pro-1 ul li a img{ float: left; display: inline; width: 100%; }
.pro-1 ul li a h3{ float: left; display: inline; width: 100%; font-size: 12px; color: #999; font-weight: normal; text-align: center; margin: 20px 0 0 0;}
.pro-1 ul li a h2{ float: left; display: inline; width: 100%; font-size: 24px; color: #333; font-weight: normal; text-align: center; margin: 10px 0 0 0; padding: 0 10px; box-sizing: border-box;}
.pro-1 ul li a span{ float: left; display: inline; width: 90%; font-size: 14px; color: #333; font-weight: normal; padding: 10px 0;  margin: 10px 0 0 5%; border-top:#E16920 solid 2px; padding-bottom: 10px;}
.pro-1 ul li a dt{ float: right; display: inline;  text-align: center; margin: 0 20px 20px 0; width: 36%; font-size: 14px; color: #fff; background-color:#E16920; padding: 4px 0; }
.pro-1 ul li a dd{float: left; width: 90%;  color: #666; font-size: 14px; font-weight: normal;  margin: 0 0 0 5%; padding: 2px 0; list-style: disc;  display: list-item;}
.pro-1 ul li a:hover{ text-decoration:none; box-shadow:0px 2px 8px 3px #ccc;  }
.pro-1 ul li:hover { transform: scale(1.02); }

.placeholder {
    flex: 0 0 calc(33.33% - 20px);
    height: 0;
  }


.abt{ float:left; display:inline; width:50%; background-color: #fff; margin: 40px 0 0 0; height: 520px; box-sizing: border-box; padding: 40px; border-bottom: #E16920 solid 4px;}
.abt h1{ float: left; display:inline; margin:10px 0 0 0; padding: 0; width:100%; font-size:24px; position: relative; font-weight: normal;}
.abt h1 b{  font-weight: normal; color: #E16920;}
.abt dt{ float: left; display: inline; width: 100%; font-size: 12px; color: #333;  margin: 10px 0 0 0; }
.abt span{ float:left; width:100%; display:inline; margin:20px 0 0 0; font-size:16px; line-height:180%;}
.abt ul{ float:left; display: flex; flex-wrap: nowrap; justify-content: space-between; margin:40px 0 0 0; width: 100%;}
.abt ul li{ flex: 1; }
.abt ul li b{ float: left; display: block; width: 100%; color: #E16920; font-size: 28px;}
.abt ul li small{ color:#333; font-size: 14px; margin-top: 6px; float: left;}
.abt_more { float: left; padding: 6px 30px; background-color: #E16920; color: #fff !important; border-radius: 20px; margin: 40px 0 0 0;;}
.abt_img{ float: right; display: inline; width: 50%; height: auto; margin-top: 40px; height: 520px;}


.factory {float: left; display: block; width: 100%; height: auto; margin-top: 40px; padding: 40px 0;}
.factory ul{ float:left; display: flex; flex-wrap: wrap; justify-content: left; gap: 20px; margin:60px 0 0 0; width: 100%;}
.factory ul li{ flex:0 0 calc(33.33% - 20px); overflow: hidden;}
.factory ul li img { width: 100%; float: left; transition: all 0.5s ease; }
.factory ul li:hover img{ transform: scale(1.1);}
.factory ul li:first-child{ flex:0 0 calc(66.66% - 20px);}


.ind-show{ float:left; display:inline; width:100%;}
.ind-show-hd{ float:left; display:inline; width:100%;}
.ind-show-hd ul{  width:660px; margin:40px auto 0 auto;}
.ind-show-hd ul li{ float:left; display:inline; padding:10px 40px; border:#333 solid 1px; margin:0 0 0 20px; cursor:pointer;}
.ind-show-hd .on{ background-color:#EC6B1A; color:#fff;}
.ind-show-bd{ float:left; display:inline; width:100%;}
.ind-show-bd ul{ float:left; display:inline; width:100%; margin-top:60px;}
.ind-show-bd ul li{ float:left; display:inline; width: calc(50% - 5px);}
.ind-show-bd ul li:nth-child(odd){ float:left;}
.ind-show-bd ul li:nth-child(even){ float:right;}
.ind-show-bd ul li img{ float:left; display:inline;}
.ind-show-pic1{ width:100%; height:574px;}
.ind-show-pic2{ width:100%; height:282px;}
.ind-show-pic3{ width: calc(50% - 5px); height:282px; margin-top:10px;}
.ind-show-pic4{ float:right !important; margin-top:10px; width: calc(50% - 5px); height:282px;}
.ind-show-pic5{ width:100%; height:574px;}


.ind-news{ float:left; display:inline; width:100%; margin-top: 40px; height:700px; margin-bottom: 20px; background: url(images/news_bg.jpg) no-repeat center top; background-size: cover   ;}
.ind-news-L { float:left; display:inline; width:30%; height: 380px; margin-top:160px; position:relative;  overflow:hidden; background-color: #fff;}
.ind-news-L li{ float:left; width:100%; height:370px; position:relative; }
.ind-news-L li img{ float:right; display:inline; width: 100%; height:280px; border: none; }
.ind-news-L li span{ float:left; display:inline; width:20%;  margin: 20px 0 0 5%; }
.ind-news-L li span dt{ float:left; display:inline; width:100%; font-size: 24px; color: #333; font-weight: bold; }
.ind-news-L li span dd{ float:left; display:inline; width:100%; font-size: 12px; color: #333; font-weight: normal; }
.ind-news-L li h3{ float:right; display:inline; width:75%; font-size: 14px; color: #333;  margin: 20px 0 0 0; line-height: 180%; }
.ind-news-L li a{ float:left; display:inline; width:100%; height: 100%;}

.ind-news-L .num{ position:absolute; right:20px; top:20px;}
.ind-news-L .num li{ width:10px; height:10px; float:left; border:#E16920 solid 1px; margin-left:10px; border-radius:10px;}
.ind-news-L .on{ background-color:#E16920;}

.ind-news-R{ float:right; display:inline; width:65%; margin-top:160px;}
.ind-news-R ul { display: flex; justify-content: space-between; flex-wrap: nowrap;gap: 40px 0; width: 100%;}
.ind-news-R ul li{ flex: 0 0 calc(33.33% - 40px); background-color: #fff; height: 380px; }
.ind-news-R ul li dd{ float:left; display:inline; padding:0; margin:0; width:100%;}
.ind-news-R ul li img { float: left; display: block; width: 100%;}
.ind-news-R ul li sup{ padding:0; margin:15px 0 0 0;   float:left; display:inline; font-size:24px;  padding-bottom:4px;}
.ind-news-R ul li sub{ padding:0; margin:0; width:100%; float:left; display:inline; font-size:12px; margin-top:0;}
.ind-news-R ul li h3{float: left; width: 100%; display: block; padding: 20px 0; font-size: 14px; line-height: 180%;}
.ind-news-R ul li span{ float:left; display:inline; width:100%; margin:0 0 0 0;  line-height:180%; font-size: 12px;}
.ind-news-R ul li a { float: left;display: inline; width: 100%; height: 100%; box-sizing: border-box; padding: 20px 40px; text-decoration: none; position: relative; transition: all 0.5s ease;}
.ind-news-R ul li a b{ position: absolute; left: 40px; bottom: 40px; font-size: 14px; }
.ind-news-R ul li a:hover{ text-decoration: none; transform: scale(1.05);}
.ind-news-R ul li:nth-child(2) a{ background-color: #E16920; color: #fff !important;}
#ind-case{ margin-top: 80px; }

.ind-case{ float: left; display: block; width:100%; height:auto; margin-top:60px;}
.case_con{ float: left; display: block; width: 100%; height: auto; margin-top: 60px;}
.case_con ul{ display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; width: 100%;}
.case_con ul li{ flex: 0 0 calc(33.33% - 20px); box-sizing: border-box; border: #ccc solid 1px; overflow: hidden; transition: all 0.5s ease;}
.case_con ul li img{ width: 100%; float: left; display: block; }
.case_con ul li dt{ float: left; display: inline; width: 100%; font-size: 14px; font-weight: normal; padding: 15px 0 0 20px ; color: #E16920; box-sizing: border-box;}
.case_con ul li span{ float: left; display: inline; width: 100%; font-size: 14px; color: #333; font-weight: normal; padding: 10px 20px 0 20px; font-weight: bold; box-sizing: border-box; line-height: 180%; height: 80px;}
.case_con ul li a{ float: left; display: inline; width: 100%; font-size: 12px; color: #E16920; font-weight: normal; margin: 20px 0 0 0; border-top: #ccc solid 1px; border-bottom: #fff solid 4px; box-sizing: border-box; padding: 20px;}
.case_con ul li a b{ float: left; display: inline; }
.case_con ul li a i{ float: right; display: inline; font-style: normal;}

.case_con ul li:hover{ transform: scale(1.02);  }
.case_con ul li:hover a{border-bottom: #E16920 solid 4px;  }

.ind-ry{ float: left; display: block; width: 100%; height: auto;}
#ind-ry { float: left; display: block; padding: 0; margin:40px 0 0 0; width: 100%; height:982px; background: url(images/ry_bg.jpg) no-repeat center top; background-size: cover;}
.ry_tit{ float: left; display: inline; width: 80%; margin: 60px 0 0 10%; padding: 0; text-align: center; font-size: 18px;  font-weight: normal; border-bottom: #ccc solid 1px; padding-bottom: 12px;}
.ry_tit b{ font-weight: normal; font-size: 18px; margin: 0 40px; cursor: pointer;}
.ry_tit b.ry_on{ color: #E16920; border-bottom: #E16920 solid 4px; padding-bottom: 10px;}
.ind-ry { float: left; display: block; width: 100%; height: auto;}
#ry_0{ float: left; display: block; width: 100%;  margin-top: 80px;}
#ry_1{ display: none; float: left; display: none; width: 100%;  margin-top: 80px;}
.hz{ float: left; width: 100%; display:flex; flex-wrap: wrap;justify-content: space-between; padding:0; gap:40px 20px; margin-top: 40px;}
.hz img{  width: calc(20% - 20px); margin:0;  box-sizing: border-box; border:#ccc solid 1px;}
.placeholder2 {flex: 0 0 calc(20% - 20px); height: 0;}
.ind-hz{ float: left; display: block; width: 100%; height: auto; margin: 80px 0 0 0;}


.btm-line {height: 2px; float: left; width: 100%; border-bottom: #404346 solid 1px; margin-top: 60px;}

.btm-T{ float:left; display:inline; width:100%; height:200px;}
.btm-T img{ float: left; display: block; margin:60px 0 0 0;}
.btm-T b{ float:right; display: block; width: 36px; height: 45px; background: url(images/top.png) no-repeat center top;  margin: 120px 0 0 0; cursor: pointer;}
.btm-C{ float:left; display:inline; width:100%; background-color:#2F343A; height:auto; color:#F9F9F9; padding:0;}
.btm-C a{ color:#F9F9F9;}
.btmc { display:flex; justify-content: space-between; flex-wrap: nowrap;}
.btmc ul{ flex: 1 1 14%; padding: 40px 0 60px 0;}
.btm-C ul em{ font-size:16px; font-weight:bold; font-style:normal; float:left; display:inline; width:100%; margin-bottom:15px;}
.btm-C ul li{ float:left; display:inline; width:100%; margin-top:10px;}
.btm-lx{ flex:0 0 450px !important;}
.gzh { flex: 0 0 280px !important; text-align: center; border-left:#404346 solid 1px;border-right:#404346 solid 1px; margin-right: 60px;}
.gzh span{ width: 100%; float: left; padding-top: 8px;}
.btm-lx li{ margin-top:10px !important;}
.btm-lx li b{ font-size:38px; font-weight:normal; color: #EC6B1A;}
.btm-lx a{ background-color: #EC6B1A; float:left; display:inline; padding: 8px 20px; color: #fff; margin-top: 15px; font-size: 16px;}
.btm-B{ float:left; display:inline; width:100%; border-top: #404346 solid 1px; padding-bottom: 40px;}
.btm-B span{ float:left; display:inline; margin-top:40px;}
.btm-B dd{ float:right; display:inline; padding:0; margin:40px 20px 0 0;}

.bg-1{ background-color:#F5F6F8;}
.web-bar{ float:left; display:inline; width:100%; height:400px; }
.web-bar2{ float:left; display:inline; width:100%; height:542px;}
.Nav {
    float: left;
    display: inline;
    width: 100%;
    margin: 40px 0 0 0;
}


/*产品中心*/
.pro-sort{ float:left;  display: flex; width:100%; justify-content: center; padding:30px 0 0 0;}
.pro-sort ul{ margin:0 auto !important;}
.pro-sort ul li{ float:left; display:inline; margin:20px 10px 10px 10px;}
.pro-sort ul li a{ padding:10px 40px; background-color: #EC6B1A; color: #fff; border: #EC6B1A solid 3px; font-size:18px; border-radius: 20px; }
.pro-sort ul li a:hover{ text-decoration:none; background-color:#fff; color: #EC6B1A;}
.pro-on{background-color:#0D1F2D; color:#fff !important;}
.pro-on-02 {
    background-color: #fff !important;
    color: #EC6B1A !important;
}
.pro-on {
    background-color: #fff !important;
    color: #EC6B1A !important;
}


.pro-list { float:left; display:inline; width:100%; height:auto; margin-top:60px; box-sizing: border-box; }
.pro-list ul { display:flex; justify-content: left;  align-content: flex-start; flex-wrap: wrap; gap: 40px 30px;}
.pro-list ul li { flex:0 0 calc(33.3% - 20px); }
.pro-list ul li a{ float: left; display: inline; width: 100%; height: 100%; position: relative;    overflow: hidden; box-sizing: border-box; border: #ddd solid 1px; transition: all 0.5s ease;}
.pro-list ul li a img{ float: left; display: inline; width: 100%; }
.pro-list ul li a div{float:left; display: inline; width:100%; padding:20px 40px; box-sizing: border-box;}
.pro-list ul li a h2{ float: left; width: 100%; display: inline; box-sizing: border-box; padding: 0;  font-size: 24px; color: #333; font-weight: normal; }
.pro-list ul li a span{ float:left; display: inline; width:100%; color: #fff; line-height: 180%; color: #666; margin: 15px 0 0 0;}
.pro-list ul li a dd{ float: left; background-color: #EC6B1A; padding: 8px 20px; color: #fff;  margin: 20px 0 0 0;}
.pro-list ul li a:hover { bottom: 0; box-shadow:0px 2px 8px 3px #ddd; transform: scale(1.02);}

.tit-4{ float: left; display: block; width: 100%; margin:60px 0 40px 0; text-align: center;}
.tit-4 b{ font-size: 34px; font-weight: normal; background: url(images/line_tit4.gif) no-repeat center bottom; padding-bottom: 10px;}

#js_tit{float: left; display: block; width: 100%;   font-size: 18px; color: #333; font-weight: normal; background: url(images/js_tit.gif) no-repeat left center; padding:10px 0 10px 25px; border-bottom: #ccc dashed 1px;}
#vd{float: left; display: block; width: 920px; margin:0px 0 0 calc(50% - 460px); height: 500px;  padding:0; background: url(images/pro_tit_bg.jpg) no-repeat center top; background-size: cover;}

.pro-show-tit{ float: left; display: block; width: 100%; height: 640px;  padding:0; background: url(images/pro_tit_bg.jpg) no-repeat center top; background-size: cover;}
.pro-show-tit-cot{ float: left; width: 100%; height: auto;  box-sizing: border-box; }
.pro-show-tit-cot_L{ float: left; display: inline; width: 40%; height: 460px; border: #333 solid 3px; margin-top: 60px; position: relative;}
.pro-show-tit-cot_L ul{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;}
.pro-show-tit-cot_L ul li{ float: left; display: block; width: 100%; height: 100%;}
.pro-show-tit-cot_L ul li img{ float: left; display: block; width: 100%; height: 100%;}
.pro-show-tit-cot_L .num{ position: absolute;  width:20%; margin:0 0 0 40%; height: 20px; bottom: -40px; }
.pro-show-tit-cot_L .num li{ width: 10px; height: 10px; background-color:#7C858E; color: #7C858E; border-radius: 50%; list-style: none; margin: 0  5px; overflow: hidden; float: left;}
.pro-show-tit-cot_L .num li.on{ background-color: #0C202B; color: #0C202B;}

.pro-show-tit-cot_R { float: right; display: inline; width: 55%; margin-top: 60px;}
.pro-show-tit-cot_R  sub{ float: left; display: block; border: #EC6B1A solid 1px; padding: 4px 10px; color: #EC6B1A; border-radius: 20px; margin-top: 100px;}
.pro-show-tit-cot_R  h1{ float: left; display: block; width: 100%; padding: 0; margin: 0; font-size: 34px; font-weight: normal;}
.pro-show-tit-cot_R  h1 b{font-weight: normal; color: #EC6B1A;}
.pro-show-tit-cot_R  span{ float: left; display: block; width: 100%; line-height: 200%; margin: 20px 0 0 0; height: 300px; overflow-x: hidden; overflow-y: auto; padding: 0 0 30px 0; border-bottom: #ddd solid 1px;}
.pro-show-tit-cot_R  ul{ float: left; display: inline; width: 60%; margin-top: 30px;}
.pro-show-tit-cot_R  ul li{ float: left; display: block; width: 100%; margin-top: 10px;}
.pro-show-tit-cot_R  a{ float: left; display: inline; background-color: #EC6B1A; color: #fff; padding: 8px 30px; margin: 20px  0 0 0;}

.pro-show{ float:left; display:inline;  width:100%; min-height:500px;  margin:20px 0 20px 0; box-sizing: border-box; }

.yp-cot{ float: left; display: block; width: 100%;}
.yp-cot ul{ display: flex; justify-content: left; flex-wrap: wrap; align-content: flex-start; gap: 20px; width: 100%; float: left; margin-top: 20px;}
.yp-cot ul li{ flex: 0 0 calc(25% - 15px); overflow: hidden;}
.yp-cot ul li img{ float: left; display: block; width: 100%; transition: all 0.5s ease;}
.yp-cot ul li span{ float: left; display: block; width: 100%; text-align: center; background-color: #EC6B1A; color: #fff; padding: 10px 0;}

.yp-cot ul li img:hover{ transform: scale(1.1);}

.placeholde3 {
    flex: 0 0 calc(25% - 20px);
    height: 0;
  }


.cot {
    line-height: 200%;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding:20px 0;
}

/*关于我们*/

.abt-about {
    float: left;
    display: inline;
    background-color: #F5F6F8;
    padding:0 0 40px 0;
    width:100%;
}
.abt-about-L {
    float:left;
    display:inline;
    width:48%;
    margin:40px 0 0 0;
}
.abt-about-R {
    float: right;
    display: inline;
    width: 48%;
    margin: 40px 0 0 0;
}
.abt-tit{ float:left; display:inline; width:100%; margin:20px 0 0 0; }
.abt-tit h2{ padding:0; margin:10px 0 0 0; float:left; display:inline; font-size:32px; letter-spacing:4px; width:100%;}
.abt-tit img {
        float:left;
        display:inline;
 }

.abt-factory{ float:left; display:inline; width:100%; padding:40px 0;}

.abt-factory-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 20px 0 0 0;
    width:100%;
    float:left;
}
.abt-factory-list img{ flex: 0 0 calc(33.33% - 20px); transition: all 0.5s ease;}
.abt-factory-list img:first-child{ flex:0 0 calc(66.66% - 20px);}
.abt-factory-list img:hover{ transform: scale(1.02);}

.abt-factory-list img{
    float: left;
    display: inline;
    width: 32.5%;
    margin-top: 20px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
}

.abt-honor{
    float:left; 
    display:inline;
}
.abt-honor-pic{
     width:100%;
     text-align:center;
     float:left;
     display:inline;
     margin-top:00px;
     height:800px;
     background:url("images/show_ry.jpg") no-repeat center center;
}
.abt-process {
    float:left;
    display:inline;
    width:100%;
    padding:40px 0;
}
.abt-process-cot {
    float: left;
    display: inline;
    width: 100%;
    background: #F9F9F9 url("images/abt_pic-2.jpg") no-repeat right top;
    height: 724px;
    border-radius:10px;
    margin:40px 0 0 0;
}
.abt-process-cot ul {
    float:left;
    display:inline;
    width:580px;
    margin:60px 0 0 80px;
}
.abt-process-cot ul li {
    float: left;
    display: inline;
    width:100%;
    color:#666;
    font-size:16px;
    margin-bottom:20px;
}
.abt-process-cot ul li b{
     width:100%;
     float:left;
     display:inline;
     font-size:34px;
     color:#666;
     padding:15px 0;

}

/*新闻资讯*/

.news-tit {
    float:left;
    display:inline;
    width:100%;
    margin:40px 0 0 0;
}
.news-tit h1 {
    float: left;
    display: inline;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 42px;
    letter-spacing: 4px;
}
.news-tit b {
    color: #ED6C1B;
}
.news-tit span {
    float:left;
    display:inline;
    width:100%;
    margin:10px 0 0 0;
    font-size:18px;
    color:#666;
}
.news-list{
    float:left;
    display:inline;
    width:100%;
    height:auto;
    margin:20px 0 0 0;
}
.news-list a{
    float:left;
    display:inline;
    width:100%;
    box-shadow:1px 6px 4px 3px #eee;
    height:240px;
    overflow:hidden;
    margin:20px 0 20px 0;
    border:1px solid #eee;
}
.news-list a:hover{
    box-shadow:1px 6px 4px 3px #ddd;
    border:1px solid #ddd;
}

.news-list a img{
    float:left;
    display:inline;
    width:380px;
    height:240px;
}
.news-list a dl{
    float:left;
    display:inline;
    width:240px;
    height:100%;
    margin:0;
    padding:0;
    text-align:center;
}
.news-list a dt{
    float:left;
    display:inline;
    width:100%;
    margin:70px 0 0 0;
    padding:0;
    font-size:34px;
}
.news-list a dd{
    float:left;
    display:inline;
    width:100%;
    margin:10px 0 0 0;
    padding:0;
    font-size:20px;
}


.news-list a p{
    float:left;
    display:inline;
    width: calc(100% - 800px); 
    margin:0;
    padding:0;
}

.news-list a b{
    float:left;
    display:inline;
    width:100%;
    margin:40px 0 0 0;
    padding:0;
    font-size:20px;
    line-height:180%;
}
.news-list a span{
    float:left;
    display:inline;
    width:100%;
    margin:10px 0 0 0;
    padding:0;
    font-size:16px;
    line-height:180%;
    color:#666;
}
.news-list a s{
    float:right;
    display:inline;
    width:140px;
    height:100%;
    margin:0;
    padding:0;
    background:url("images/news_a.png") no-repeat center center;
}

/*联系我们*/
.contact-tit {
    float: left;
    display: inline;
    width: 100%;
    height: 150px;
    margin: 0;
    background: url("images/contact_line-2.jpg") no-repeat center bottom;
}
.contact-tit h1{
    float:left;
    display:inline;
    width:100%;
    height:100px;
    margin:10px 0 0 0;
    padding:0;
    font-size:24px;
    font-weight:normal;
    text-align: center;
    line-height: 140px;
    letter-spacing:2px;
    background: url("images/contact_line-1.gif") no-repeat center center;
}
.contact-cot {
     width:1200px;
     margin:40px auto 0 auto;
}

.contact-cot-L {
    float: left;
    display: inline;
    width: 47%;
    margin:40px 0 0 0;
}
.contact-cot-R {
    float: right;
    display: inline;
    width: 47%;
    margin:40px 0 0 0;
}
.contact-tit-2 {
    float: left;
    display: inline;
    width: 100%;
}
.contact-tit-2 b{
    font-size:24px;
    font-weight:normal;
    padding-right:10px;
}
.contact-cot-R ul {
    float: left;
    display: inline;
    width: 100%;
    margin:40px 0 0 0;
}
.contact-cot-R ul li{
    float: left;
    display: inline;
    width: 100%;
    padding:10px 0;

}

/*案例*/
.case {
    float:left;
    display:inline;
    width:100%;
   margin: 40px 0 0 0;
}

.case-list {
    float: left;
    display: inline;
    width: 100%;
    margin: 20px 0 0 -20px;
}
.case-list li{
    float:left;
    display:inline;
    width:32%;
    box-sizing: border-box;
    margin:20px 0 20px 1.3%;
    text-align:center;
}
.case-list img{
    float:left;
    display:inline;
    width:100%;
}
.case-list b{
    float:left;
    display:inline;
    width:100%;
    margin:0;
    padding:10px 0;
    font-weight:normal;

}


/*分页*/
#pagelist {
    float: left;
    width: 100%;
    height: 50px;
    margin-top: 14px;
    text-align: center;
    padding-top: 15px;
}
#pages{ margin:0 auto; width:auto; }
#pages a{padding:8px 15px; border:#ccc solid 1px; margin:0 2px; background-color:#fafafa; border-radius: 5px;}
#pages a:hover{ border:#ED1218 solid 1px; text-decoration:none; background-color:#fff; color:#ED1218;}
.page_on{ border:#EC6B1A solid 1px !important; background-color:#EC6B1A !important; color: #FFf !important;}
#rpage{ float:right; display:inline; }
#rpage a{ float:left; display:inline; padding:0 7px; height:23px; line-height:23px; border:#ccc solid 1px; margin:0 2px; border-radius: 5px;}
#rpage a:hover{ border:#000 solid 1px; text-decoration:none; background-color:#333; color:#ccc;}
.page_no{ float: none; padding:8px 15px; margin:0 2px; border:#eee solid 1px; background-color:#fafafa; color:#999; border-radius: 5px;}


/*按钮*/

blockquote,button, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, input, ol, p, pre, td, textarea, th {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
button, input, select, textarea {
    font-size: 100%
}

button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0
}
.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box
}
.layui-input, .layui-select, .layui-textarea {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: rgba(0,0,0,.85);
    border-radius: 2px
}

.layui-input::-webkit-input-placeholder, .layui-select::-webkit-input-placeholder, .layui-textarea::-webkit-input-placeholder {
    line-height: 1.3
}

.layui-input, .layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px
}

.layui-input:hover, .layui-textarea:hover {
    border-color: #EC6B1A !important
}

    .layui-input:focus, .layui-textarea:focus {
        border-color: #EC6B1A !important;
        box-shadow: 0 0 0 3px rgba(22,183,119,.08)
    }

.layui-textarea {
    position: relative;
    min-height: 100px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical
}

.layui-input[disabled], .layui-textarea[disabled] {
    background-color: #fafafa
}

.layui-select {
    padding: 0 10px
}

.layui-btn {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    border: 1px solid transparent;
    padding: 0 18px;
    background-color: #EC6B1A;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.layui-btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff
}

.layui-btn:active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.layui-btn + .layui-btn {
    margin-left: 10px
}

.layui-btn-container {
    word-spacing: -5px
}

.layui-btn-container .layui-btn {
    margin-right: 10px;
    margin-bottom: 10px;
    word-spacing: normal
}

.layui-btn-container .layui-btn + .layui-btn {
    margin-left: 0
}

.layui-table .layui-btn-container .layui-btn {
    margin-bottom: 9px
}

.layui-btn-radius {
    border-radius: 100px
}

.layui-btn .layui-icon {
    padding: 0 2px;
    vertical-align: middle\0;
    vertical-align: bottom
}

.layui-btn-primary {
    border-color: #EC6B1A;
    background: 0 0;
    color: #5f5f5f
}

.layui-btn-primary:hover {
    border-color: #EC6B1A;
    color: #333
    }

.layui-btn-normal {
    background-color: #1e9fff
}

.layui-btn-warm {
    background-color: #ffb800
}

.layui-btn-danger {
    background-color: #ff5722
}

.layui-btn-checked {
    background-color: #16b777
}

.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
    border-color: #eee !important;
    background-color: #fbfbfb !important;
    color: #EC6B1A !important;
    cursor: not-allowed !important;
    opacity: 1
}


@media only screen and (max-width: 1620px) {
	
}