@keyframes list{0%{left:-100%}
100%{left:0}
}
html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;box-sizing:border-box}
body,html{font-family:'Microsoft YaHei','Microsoft YaHei',Helvetica,sans-serif;-webkit-tap-highlight-color:transparent;background-color:#fff;color:#000;-webkit-text-size-adjust:100%;font:14px;line-height:1.4286;font-weight:300}
html{margin:0;padding:0}
body{overflow-x:hidden;font-family:"Microsoft YaHei";margin:0;padding:0;font-size:14px;line-height:1.5;color:#000;font-weight:300;overflow-x:hidden}
em,i{font-style:normal}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.fx,.fxrow{display:flex;flex-direction:row;align-items:center}
.fjsb{justify-content:space-between}
.fjsa{justify-content:space-around}
.fjfe{justify-content:flex-end}
.fjce{justify-content:center}
.fafe{align-items:flex-end}
.fafs{align-items:flex-start}
.fwp{flex-wrap:wrap}
.ti2{text-indent:2em}
.ovh{overflow:hidden}
.dn{display:none}
a{text-decoration:none;outline:0;color:#666;transition:.2s}
p{text-align:justify;text-justify:inter-ideograph;margin:0}
li{list-style-type:none;vertical-align:top;margin:0;padding:0}
ul{margin:0;padding:0}
img{margin:0;padding:0}
img{border:0;vertical-align:top}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;margin:0;padding:0}
.container{width:1200px;margin:0 auto}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mb40{margin-bottom:40px}

/* wel */
.header{width:100%;border-bottom: 1px solid #f53711;}
/* .header .header_top .right a:last-child{border-left: 1px solid #666;}
.header .header_top .right a img{vertical-align:middle;margin:-4px 5px 0 0} */
.header .nr .zb .left img{vertical-align:top}
.logo  img{width:431px;height:75px;}
/*导航栏*/
nav {position: relative;z-index: 1000;background: #fff;}
nav >  ul > li {line-height:48px;text-align: center;position: relative;;}
nav > ul > li >a {display: block;color: #666;font-size:18px;padding:0 16px}
nav > ul > li:hover{ background-color: #f53711;}
nav > ul > li.active{ background-color: #f53711; }
nav > ul > li:hover a{color: #fff;}
nav > ul > li.active a{color: #fff;}
nav > ul > li.cur{ background-color: #f53711; }
nav > ul > li.cur a{color: #fff;}



header nav > ul > li > ul {position: absolute;width:100%;}
header nav > ul >  li > ul {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0)}
header nav > ul > li:hover > ul {opacity: 1;visibility: visible;transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0)}
header nav > ul > li > ul li {width: 100%;float: left;}
header nav > ul >  li > ul li a {text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; display: block;  font-weight: 0!important; line-height:40px;width: 100%;color: #fff;text-align: center;background: rgba(0, 0, 0, 0.6); }
header nav > ul >  li > ul li a  span{float: none!important; }
header nav > ul >  li > ul li a:hover {color: #f53711;} 




/* banner */
.banner{border: none;}
.flexslider{margin:0 auto 0;position:relative;width:100%;height:600px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:rgba(245, 55, 17, 0.5);display:block;height:10px;overflow:hidden;text-indent:-99em;width:50px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#f53711}
.flexslider .slides a img{width:100%;height:600px;display:block}


/* 标题 */
.lines{position:relative;margin: 80px 0 50px 0;height:1px;background-color:#ccc}
.line-txt{background-color:#fff;padding:0 20px;font-size:35px;text-align:center;font-weight:600;position:absolute;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);color:#f53711}
.lines p{font-weight:400;text-transform:uppercase;font-family:arial;color:#666;font-size:18px;padding:0 10px}

/* #about */
#about .des{padding: 0 10%;}
#about .des p{color: #666; font-size:18px;line-height:2; }
#about .list{margin-top: 30px;    padding: 0 8%;}
#about .list li{flex: 1; border-bottom: 2px solid #333;   }
#about .list li img{display: block;border-radius:10px;width: 320px;height:130px; display: block;object-fit: cover;     }
#about .list li  p{font-weight: 600;color:#333; font-size: 20px;text-align: center;line-height:3; }
#about .list li:nth-child(2){margin:0  10px;  }


#about .list li:hover  p{color:#f53711; }
#about .list li:hover{border-bottom: 2px solid #f53711;   }





/* 产品展示 */
#product{}
#product  li {flex: 1;margin-right:15px;}
/*#product  li:nth-child(4n){margin-right: 0;}*/
#product .img{width:100%;height: 270px;overflow: hidden;border-radius: 20px;border:1px  solid #ececec;   }
#product img{ width:100%; height: 270px; display: block;transition:.5s ease-in;display: block;object-fit: contain;    }
#product img:hover { transform:scale(1.1,1.1);}
#product  li .des{padding: 0 10px;}
#product  li  h2{text-align: center;    padding-top: 20px;color:#f53711;font-weight: 600;font-size:20px;}
#product  li  h3{text-align: left;line-height:30px;color:#999;font-size:14px;    }
#product  li  h4{line-height:2;color:#333; font-size:16px;font-weight: 600; text-transform: uppercase;    }
#product  li  h4  em{display: block;width:19%; height: 1px;background-color: #333  ;        }

#product .hd .prev{ display:block;  width:50px; height:50px;margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../image/pre.jpg")  no-repeat  center;}
#product .hd .next{ display:block;  width:50px; height:50px;margin-top:10px;  margin-right:5px; overflow:hidden;cursor:pointer; background:url("../image/next.jpg")  no-repeat  center;}





/* 新闻 */
#newscenter{background-color: #fff;}
#newscenter ul  li{margin-bottom: 35px;width: 46%;border-bottom: 1px dotted #cecece; padding: 0 0 35px 0;  }
#newscenter ul  li .date{background-color: #e7e7e7;padding: 12px; width: 90px;margin-right: 20px;    }
#newscenter ul  li .date span{display: block;font-weight: 600;font-size:32px;text-align: center; color:#666;line-height: 30px;font-family: arial;     }
#newscenter ul  li .date p{  text-align: center;color:#666;  }
#newscenter ul  li .des{width:75%;}
#newscenter ul  li .des b{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px; color: #333; line-height: 2;  }
#newscenter ul  li .des p{display: block;color: #888;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#newscenter ul  li:hover .des b{color: #f53711;}
#newscenter ul  li:hover .date{background-color: #f53711;}
#newscenter ul  li:hover .date  span{color: #fff;}
#newscenter ul  li:hover .date p{color: #fff;}







/* 优势 */
.scroll_bg { width: 100%; height: 100%;background-image: url(../images/scroll_bg.jpg); background-attachment: fixed;  background-position: 50% 0%; background-repeat: no-repeat; position: absolute;/* z-index: -1; */ position: absolute;height: 400px; background-color: rgb(255, 255, 255); background-attachment: fixed;}
#adv{height: 400px;z-index: 5;background: rgba(230, 230, 230, 0.85);position: relative;  padding: 80px 0;}
#adv .middle{ background-color: #f53711;border-radius: 20px;   width: 25%; padding: 20px; margin: 0 5%;  }
#adv .middle img{display: block;margin:0  auto;width: 65px;height: 56px;}
#adv .middle  b{font-size: 40px; display: block;text-align: center;color: #fff;}
#adv .middle  p{text-transform: uppercase; line-height: 30px;text-align: center;font-size:20px;  color: #fff;    }
#adv .middle  em{display: block;width:2px;height: 30px;margin:0  auto;background-color: #fff;   } 
#adv .left{width: 30%;  }
#adv .left  li{font-weight: 600;font-size: 28px;line-height:55px;color: #333;text-align: center;  }
#adv .left .idot{width:100%; }
#adv .left .idot  em{display: block;background-color: #f53711;height: 2px;width:95%;}
#adv .left  .idot  i{display: block;background-color: #f53711;height:18px;width: 18px;border-radius: 50px;}


/* 客户 */
#clients{background-color: #fff;margin-top: 50px;   margin-bottom:50px;  }
#clients  .title{width: 300px;}
#clients  .title  em{width: 2px;height:75px;display: block;background-color: #f53711;margin:15px auto}
#clients  .title  h3{color: #333;font-weight: 600;line-height: 50px;font-size: 32px;color: #f53711; text-align: center;  }
#clients  .title  h4{ color: #666;font-size: 18px; text-align: center; }
#clients .list {width: 75%;}
#clients .list  li{padding:5px;border:1px  solid #ccc;width: 24%;margin-bottom: 15px;}
#clients .list img{display: block;width: 100%;height: 195px;object-fit: cover;    }


/* more */
.viewmore{ background:#d8d8d8 ; display: block; margin: 20px auto 0;;transition: all .5s ease;position: relative;cursor: pointer; width:120px;line-height:38px;text-align:center;color:#333;font-size:16px; border-radius: 50px;}
.viewmore:hover{ background:#d8d8d8 ;   }
.viewmore:after , .viewmore a.more:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:0 0;z-index:-2;color:#fff}
.viewmore:hover{z-index:1;background:0 0;color:#fff}
.viewmore:before{transition:.5s;background: #d8d8d8;z-index:-1;color:#fff}
.viewmore:hover:after , .viewmore a.more:hover:before{width:100%;background:#f53711;  border-radius: 50px; -webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;     }


/* footer */
footer{padding:10px 0 60px 0;background:#f7f7f7;position: relative;     }
footer .tubiao{display: block;position: absolute; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);    top: 0; }
footer .logo{display: block;height: 62px; object-fit: contain;}
footer h1{color: #f53711;   font-size: 25px;   }
footer p.p1{text-align: center; color: #f53711;font-size: 32px;     }
footer p.p1 b{font-family: arial; font-size: 40px;  }
footer p.p1 em{display: block;height: 2px;width:17%; background-color: #f53711;      }
footer p.p2{text-align: center;color: #f53711; font-size: 18px;}
footer p.p3{text-align: center;color: #f53711;padding-top: 5%;font-size: 16px;   }
footer p a{color: #f53711; }
footer p a:hover{color: #000; }
.mt50{margin-top: 50px;}