@charset "utf-8";
/* CSS Document */
/*author 定律 */
/*time 2017.8.14 */
/*NO.077*/

html{ min-width:1200px;}
body{ padding:0; margin:0; line-height:180%; font-family:"Microsoft YaHei";font-size: 14px;   }
div,ul,p,li,dt,dd,dl,h1,h2,h3,h4,h5,h6{ padding: 0; margin: 0; list-style: none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#5b0707;}
img{ border: 0; max-width:100%;}

.clearfix:after { content: " "; display: block; clear: both; height: 0;visibility: hidden; }
.clearfix { zoom: 1;}
.clear{ clear: both;}
input:focus,textarea:focus{ outline:none;}

 

.w1200{ width:1200px; margin:0 auto;position:relative; }

.fl{ float:left;}
.fr{ float:right;}
/*header*/
.head{ background:url(../images/headbg.png) #ececec; width:100%;}
.logo{ margin:10px 0;  }
.logo img{   max-width: 100%;    }
.logo + .tel{ background:url(../images/tel.png) left no-repeat; padding:20px 0 20px 50px; font-weight:bold; margin-top:10px;  }
 
.tel span{ display:block; color:#eb6438; font-size:24px; font-weight:normal; }


.nav{ width:100%;  position:relative;  z-index:9999; background:#eb6438; height:50px;}
 
.nav ul li{ float: left; height:50px; position:relative;  text-align:center; border-right:1px solid rgba(0,0,0,0.1);   } 
.nav ul li:last-child{ border-right:0;}
.nav ul li a{ display: block;   font-size: 16px; position: relative;height: 50px;padding:0 30px; line-height:50px; vertical-align:middle; color:#fff; }
.nav ul li:hover a,
.nav ul li a:hover,
.nav ul li.curr a{  color:#fff;background:#FE9E32;}
.nav ul li a span{ display: block; font-size: 14px;}
.nav ul li .subnav{ display: none; position:absolute; top:50px; left:0; z-index:9999;  background:#FE9E32;}
.nav ul li:hover .subnav{ display:block; width:124px; transition:all .8s ease-out; }
.nav ul li:hover .subnav li{ color:#fff; float:none;height: 40px; background:none;}
.nav ul li:hover .subnav li a{ height: 40px; line-height:40px; font-size: 14px; background:none; padding:0;}
.nav ul li:hover .subnav li a:hover{ background:#373867;}
/*banner*/
.banner{ position:relative; z-index:100;}
.fullSlide{ width:100%;  position:relative;  height:490px;    }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:490px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:490px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; border-radius:15px; margin:1px 5px; overflow:hidden; background:#000;	filter:alpha(opacity=60);opacity:0.6;  line-height:999px; box-shadow:1px 1px 5px #000; }
.fullSlide .hd ul .on{ background:#eb6438;  }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:10%; background-position:-6px -137px; }

.search{ height:50px; line-height:50px; vertical-align:middle; border-bottom:1px solid rgb(175,175,175); background:#ececec; margin-bottom:20px; }
.search .fl i{ color:#FE9E5F; font-size:24px; position:absolute; top:0; left:0}
.search .fl{ width:600px; position:relative; padding-left:35px}
.search .serbox{ padding-top:10px;}
.search .serbox input{ height:30px; font-family:"Microsoft YaHei"; line-height:30px; border:0; vertical-align:middle; margin-left:-1px;  }
.search .serbox input.keyword{ width:240px; padding:0 5px; background:#fff}
.search .serbox .sub{ background:#eb6438; padding:0 20px; color:#fff; cursor:pointer;}
 
 
/*首页产品*/
.ipro{ width:100%; }

.ipro .fl{ width:295px;   background:#ECECEC;  }
.ipro .iprobt{   color:#58312A; font-size:16px; padding:10px  ; background:#eb6438; color:#fff;}
.ipro .iprobt i{ color:#fff; margin-right:10px;}
.ipro .iprobt a{ color:#fff; margin-right:10px;}
.ipro .iproul{ padding:20px 10px; }
.ipro .iproul li{ height:40px; line-height:40px; vertical-align: middle; background:#fff;  margin-bottom:20px; border-radius:5px;}
.ipro .iproul li a{ display:block; padding-left:40px; position:relative;border-radius:5px;}
.ipro .iproul li a i{ position:absolute; top:2px; left:10px;  }
.ipro .iproul li a:hover{ background:#333; color:#fff;}
.ipro .iproul li a:hover i{ color:#fff}

.ipro .fr{ width:880px;}

.ipro .fr .prolist li{ float: left; margin:0 26px 30px 0; width:198px; border:1px #ECECEC solid; }
.ipro .fr .prolist li span{ background:#fff;   display:block; width:196px; border:1px #fff solid; height:165px;}
.ipro .fr .prolist li span img{ display:block; margin:0 auto; height:165px; max-width:196px;}
.ipro .fr .prolist li p{ text-align:center; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#ECECEC}
.ipro .fr .prolist li a{ color:#333;}
.ipro .fr .prolist li.mr0{ margin-right:0;}

.bt{ position: relative; border-bottom: 1px #eb6438 solid; margin-bottom: 20px; padding-bottom: 5px; font-weight: normal; font-size: 16px; padding-left: 5px;}
.bt span{ position: absolute; top: 0; right: 10px;}
.bt span a{ font-size: 12px; color: #eb6438 ;}
/*首页新闻*/
.inews ul li{ background: #ECECEC; width: 440px; float: left; margin: 20px; padding: 20px; position: relative; padding-left: 100px; height: 85px; line-height: 150%; }
.inews ul li:hover{ background: #e0dfdf;}
.inews ul li span{ width: 60px; display: block; position: absolute; top: 20px; left: 20px; text-align: center; background: #fff; }
.inews ul li span p{ height: 40px; line-height: 40px; color: #fff; background: #eb6438; font-size: 12px;}
.inews ul li span font{ color: #eb6438; font-size: 18px; line-height: 45px;}
.inews ul li h3{ font-size: 14px;  }
.inews ul li small{ font-size: 12px; color: #aaa;}
.inews ul li .desc{ font-size: 12px; color: #333;}


.news_list{   padding:10px;}
.news_list li{ position:relative; border-bottom:1px #eee dotted; background:url(../images/inewsicon.png) left center no-repeat; padding-left:20px; line-height:30px; }
.news_list li span{ position:absolute; top:0; right:20px;}

.contact{ width:355px; padding-left:40px; margin-top:50px  ;}
.contact img{ max-width:355px;}
.contact .tel{ background:url(../images/tel.jpg) left no-repeat; padding:40px 0 20px 50px; font-weight:bold;   line-height:1.3; }

.contact .lxcon{  padding-left:50px ;}


/*关于我们*/
.about{  margin: 20px  auto; }
.about .acon{ padding: 0 20px 0 0;}
.about .acon img{ float: left; margin-right: 30px;}
.about .acon p{ text-indent: 2rem; margin-bottom: 10px;}

.work{ margin-bottom: 20px; }
.work ul li{ float: left; border: 10px #ececec solid; width: 265px ; margin-right: 20px; text-align: center;}
.work ul li:hover{ border-color: #eb6438;}
.work ul li img{ height: 215px; max-width: 265px; display: block; margin: 0 auto  0px;}
.work ul li.mr0{ margin-right: 0;}
.work ul li h3{ color: #eb6438; font-weight: normal;}
.work ul li p{ color: #666; text-align: left;  font-size: 12px; font-family: arial; height: 50px;}
.work ul li .text{ padding: 10px;}
.work .more{ text-align: center; margin-top: 30px;}
.work .more a{ background: #eb6438; padding: 5px 20px; border-radius: 30px; color: #fff;} 
 
.link{ background: #e1e1e1; padding: 10px 0;}
.link .w1200{ background: #fff; border-radius: 40px; padding: 5px 10px; width: 1180px;}
.link .w1200 span{ color: #eb6438;}
.link a{ padding:0 10px; }

/*底部*/
.footer{ background:url(../images/headbg.png) #ececec;   color:#666; text-align: center; padding-bottom: 10px;}
.footer a{ color:#666;}
.footer .fnav{ line-height:50px; padding-top: 10px;  }
.footer .fnav a{ padding-right: 10px;}
 
 


.main{ margin: 20px 0;}
.main .left{ width:260px; float:left;  }
.main .left .lbt{ background: #eb6438; color: #fff; padding: 0 20px; line-height: 40px;}
.main .left .lbt h2{ font-size: 16px; font-weight: normal;}
.main .left .lul{ margin-bottom: 10px;}
.main .left .lul li{ border-bottom:1px solid #e5e5e5; line-height:35px; background: #f8f8f8;}
.main .left .lul li a{color:#333; padding-left:15px; position:relative; display:block; }
.main .left .lul li a:hover{ background:#eee; color:#222;}
.main .left .lnews{ padding: 10px;}
.main .left .lnews li{ line-height: 30px; }
.main .left .lnews li a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.main .right{ width:860px; float: right;   padding:0px 30px 20px;}
.main .right .rbt{ height:40px; line-height:40px;   color:#999;  font-weight:normal;   border-bottom:1px #ddd solid;   position:relative;}
.main .right .rbt b{color:#eb6438; font-size:18px; font-weight: normal; }
.main .right .rbt a{color:#999;}
.main .right .rbt span{ position:absolute; top:0; right:0;}
 
.main .right .singlepage{ padding:20px 0;}
.main .right .singlepage p{ text-indent:2rem; margin-bottom:10px;}

/*新闻列表样式*/
.main .news_list{ padding:20px 0;   border-bottom:1px #e7e7e7 solid; position:relative;}
.main .news_list dl{}
.main .news_list dt{ position: absolute; top:30px; left: 10px; width: 60px; text-align: center; background: #eb6438; color: #fff; font-size: 12px;}
.main .news_list dt span{ display: block; background: #fff; line-height: 45px; font-size: 20px; color: #eb6438; background: #eee;}
.main .news_list dd{   padding-right:10px; margin-left: 100px; min-height: 80px;}
.main .news_list dd h4{ font-weight:normal; font-size:16px; line-height:35px;}
.main .news_list dd span{ position:absolute; top:25px; right:10px; font-size:14px;}
.main .news_list dd p{ color:#999; font-size:12px; }
.main .news_list:haver p{ color:#999;}
 

/*图片列表*/
.main .rcon{ padding-top:20px;}
.main .pro_list{  }
.main .pro_list li{ width:200px; float:left; margin:0px 20px 20px 0; text-align:center; position:relative;}
.main .pro_list li .picbox{ display:block;  border:1px #ddd solid; width:198px; height:160px; overflow: hidden; transition: all ease-out .2s}
.main .pro_list li .picbox img{ display:block; margin:0 auto; max-width:188px; height:150px; padding:5px; transition: all .8s ease-out;  }
.main .pro_list li p{ line-height:2;}
.main .pro_list li.mr0{ margin-right:0;}
.main .pro_list li .tbox{ display:none; position:absolute; background:rgba(0,0,0,.5);top:0; left:0; width:170px; height:122px; z-index:999; padding:20px; overflow: hidden; }
.main .pro_list li:hover .tbox{ display: block; color:#fff; }
.main .pro_list li:hover .tbox i{ font-size:30px; color:#fff; display:block; margin-top:70px; }
.main .pro_list li:hover .picbox{border:1px #eb6438 solid;}
.main .pro_list li:hover p{ background:#eb6438; color:#fff;}
.main .pro_list li:hover .picbox img{ transform: scale(1.05)}

/*暂无内容样式*/
.nonecontent{ margin:50px ;color:#999; padding-top:50px;}
.nonecontent i{ display: block; font-size:100px; height:60px;color:#ccc; }

/*内页样式*/
.nh1{ text-align:center; font-size:20px; font-weight:normal; margin:20px 0 10px;}
.fbt{ text-align:center; border-bottom:1px #eee solid; line-height:40px; font-size:12px; }
.fbt span{ margin:0 10px;}
.fbt span font{ color:red;}

/*分页样式*/
.showpage{ text-align: center; margin:50px 0 20px;}
.showpage ul li{ display: inline ; text-align: center; zoom: 1;}
.showpage ul li a{  margin: 0 5px; border:1px #e6e6e6 solid; padding: 5px 10px;}
.showpage ul li.active a{ color: #fff; background:#eb6438;}

.xgbox{ border:1px #eee solid; padding:.5rem; margin-bottom:1rem;}
.xgbox h3{ font-weight:normal; border-bottom:1px #eee solid; line-height:2.5rem; padding-left:.5rem; margin-bottom:.5rem; color:#eb6438;}
.xgbox ul.news li{ position:relative;  width:48%; line-height:2rem; border-bottom:1px #eee dotted;}
.xgbox ul.news li span{ position:absolute; top:0; right:0;}
.xgbox .products li{ width: 390px;}

.fy{ margin: 20px 0 ; padding: 20px; border-top:1px #eee solid; }

.bigpic{ padding:20px;}
.bigpic img{ display:block; margin:0 auto; }

/*网站地图*/
.rrs { padding: 10px; }
.rrs h2 { font-size: 16px; color:#eb6438; line-height: 50px; }
.rrs .rrslist li { height: 30px; line-height: 30px; vertical-align: middle; position: relative; border-bottom: 1px #eee solid }
.rrs .rrslist li span { position: absolute; top: 0; right: 10px; }


.products li{ float: left; width: 400px; margin:0 20px 20px 0; padding: 10px; background: #f6f6f6;}
.products li:hover{ background: #eee;}
.products li.mr0{ margin-right: 0;}
.products li span{ width: 140px; height: 100px; display: block; overflow: hidden; float: left; background: #fff;}
.products li span img{ height: 100px; max-width: 140px; display: block;margin: 0 auto;}
.products li .desc{ width: 240px; float: right; line-height: 22px; font-size: 12px;}
.products li .desc h3{ font-size: 14px; font-weight: normal; margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.products li .desc p{ color: #999;}