@charset "utf-8";

#container{margin:0 auto;overflow:hidden;  transition: all 0.3s; font-size: .28rem; position: relative;}

.mainboxbg{ position:fixed; height:100%; width:100%; background-color:#000; top:0; display:none; z-index:9;lter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}

/*nav*/

.nav{width:40%; height:100%;position: fixed;right:-40%; padding-top:8%; display:none; top:0; z-index:1001; background:url(../images/navbg.png) #d8281b left repeat-y;}

.nav li{text-align:center; margin:0 .1rem;  }

.nav li a{display:block; width:100%; font-size:.24rem; color:#fff; padding:5% 0; border-bottom:1px solid #fff;}

.nav li a:hover{ color:#1b8dff;}

/*header*/

#logo{ width:100%; height:auto;}

#logo img{width:100%; height:auto;}


/* banner */

.slideBox{ position:relative; overflow:hidden; clear:both;}

.slideBox .hd{ position:absolute; height:0.06rem; line-height:normal; bottom:0.16rem; z-index:5; text-align:center; width:100%; left:0;}

.slideBox .hd ul{height:0.06rem;}

.slideBox .hd li{ display:inline-block; width:0.06rem; background-color:#fff; height:0.06rem; -webkit-border-radius:0.03rem; -moz-border-radius:0.03rem; border-radius:0.03rem; text-indent:-9999px; overflow:hidden; margin:0 0.04rem; line-height: normal; vertical-align: top;}

.slideBox .hd li.on{ background-color:#1b8dff; width:0.1rem;}

.slideBox .bd{ position:relative; z-index:0; }

.slideBox .bd li{ position:relative; text-align:center;  }

.slideBox .bd li img{ vertical-align:top; width:100%; height:auto;/* 图片宽度100%，达到自适应效果 */}

.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */	



.tel{ font:0.28rem/1rem "微软雅黑"; text-align:center; color:#fff;  background:#121212;}

.tel span{ font:0.4rem/1rem "Impact"; color:#fff; padding-left:1%;}





/* 公司简介 */

.bjhs{ background:url(../images/aboutbg.png);}

.jj01{font:0.40rem/0.1rem "微软雅黑"; color:#000; text-transform:uppercase; padding:0 4%;}

.jj01  b{color:#d8261c;}

.jj02{font:0.24rem/0.45rem "微软雅黑"; color:#000; height: 2.7rem; overflow: hidden; padding:0 4%; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 6; overflow: hidden;}



.tu{ width:100%; max-width:750px; clear:both;}

.tu li{ width:24.6%; display: block; text-align:center; float:left; cursor:pointer; margin: 0 0.2%; padding:2% 0;  background:#5a5959;}

.tu li .iconfont{ font-size:0.49rem; color:#fff; display: block;}

.tu_01{ font-size:0.20rem; overflow:hidden; color:#fff; display: block; padding-top: 3%;}

.tu .dan{ display: block; background:#0d4faf;}



.bt1{text-align:center; font:bold 0.68rem/0.78rem "微软雅黑"; color:#1b8dff; text-transform:uppercase;}

.bt2{text-align:center; font:0.3rem/0.4rem "微软雅黑"; color:#666; }



.xm_ps{ width:99%; display:block; margin: 0 auto;}

.xm01{ width:100%; display:block; text-align:center; overflow:hidden; background:#fff; height:0.55rem; line-height:0.55rem; font-size:0.24rem;}

.xm01 a{display:block;  color:#666;}

.xm01 a:hover{ display:block; color:#b28238;}

.protitle{background:#d8261c; width: 100%;margin:0 auto;text-align: center;padding: 5vw 0;}
.protitle img{}

/* 产品 */

.bt3{text-align:center; font:bold 0.44rem/0.5rem "微软雅黑"; color:#585b63;}

.more{ border-top:1px solid #e7cc70; height:0.5rem; line-height:0.5rem; text-align:center;  font-size:0.20rem; }

.more a{width:45%;  height:0.5rem;  display:block; margin: 0rem auto 0 auto; background: #e7cc70; color:#b28238; }

.more a:hover{display:block; background: #fff; color:#333; }

.cplist{width:100%; overflow: hidden;}

.cplist li{ width:47%;   margin:2% 0 0 2%;}

.cp-img{ width:100%; height:2.0rem; overflow:hidden;}

.cp-img img{ width:100%; height:2.0rem; overflow:hidden;}

.cplist_01{ width:100%; display:block; text-align:center; overflow:hidden; background:#fff; height:0.56rem; line-height:0.56rem; font-size:0.23rem;}

.cplist_01 a{display:block;  color:#333;}

.cplist_01 a:hover{ display:block; color:#b28238;}

.gc_img{ width:100%; height:2.35rem; overflow:hidden;}

.gc_img img{   }



/* 公司新闻 */

.bt{ background:#d8261c; overflow:hidden; line-height:0.3rem; padding:2% 0.15rem; }

.bt h3{ display: inline; float: left; height:0.3rem; border-left:0.08rem solid #fff; text-align: center; color:#fff; padding-right: .2rem; font-size:.28rem; padding-left:0.1rem;}

.more2{ display: block; float: right; font-size: 0.24rem;}

.more2 a{ display: block; color:#fff;}

.more2 a:hover{ display: block; color: #e7cc70;}

.news01{ background:#fff; padding:2%; margin-bottom:1%;}

.banner3{ width:24%; height:1.14rem; overflow:hidden; float:left; display:block;  }

.banner3 img{ width:100%; height:1.14rem; overflow:hidden;}

.news01_t1{ width:74%; float:right; line-height:0.5rem; height:0.5rem; overflow:hidden; font-size:0.24rem; display:inline; text-overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

.news01_t1 a{ color:#333;}

.news01_t1 a:hover{ color:#b28238;}

.news01_t2{ width:74%; float:right; line-height:0.3rem; color:#666; font-size:0.2rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}



.news {clear:both;}

.news li{ height:0.58rem; line-height:0.58rem; background:#fff; margin-bottom:1%; padding:0rem .2rem; overflow:hidden; font-size:0.22rem; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }

.news li a{ color:#666; text-decoration:none; padding-left:.1rem;}

.news li a:hover{ color:#b28238;}



.time {float: left; display:inline; color: #666;}





/* 工厂实况 */

.gc01{ width:65%; height:3.25rem; overflow: hidden; float: left; margin-left: 1%; }

.gc01 img{ width:100%; height:3.25rem; overflow: hidden;}

.gc02{ width:34%; float:right;}

.gc02 li{ width: 94%; margin:0 3% 3% 3%; height: 1.58rem; overflow: hidden;}

.gc02 li img{ width: 100%; height: 1.58rem; overflow: hidden;}






/* 产品 */

.bjls{ background:#d8281b;}

.bt3{  color: #fff; text-align: center; }

.bt4{font:0.3rem/0.5rem "微软雅黑"; color: #fff; text-align: center;}



.in_cplist{width:100%; overflow: hidden;}
.in_cplist li{ width:46%; display:inline-block;vertical-align:top;  margin:2% 0 0 2%;height: 2.4rem;overflow: hidden;}
.in_cp-img{ width:100%; height:2.52rem; overflow:hidden;}
.in_cp-img img{ width:100%; height:2.52rem; overflow:hidden;}
.in_cplist_01{ width:100%; display:block; text-align:center; overflow:hidden; background:#fff; height:0.56rem; line-height:0.56rem; font-size:0.23rem;}
.in_cplist_01 a{display:block; color:#333;}
.in_cplist_01 a:hover{ display:block; color:#00863a;}






.cplist{width:100%; overflow: hidden;}
.cplist li{ width:30%; display:inline-block;vertical-align:top;  margin:2% 0 0 2%;height: 2.4rem;overflow: hidden;}
.cp-img{ width:100%; height:2.52rem; overflow:hidden;}
.cp-img img{ width:100%; height:2.52rem; overflow:hidden;}
.cplist_01{ width:100%; display:block; text-align:center; overflow:hidden; background:#fff; height:0.56rem; line-height:0.56rem; font-size:0.23rem;}
.cplist_01 a{display:block; color:#333;}
.cplist_01 a:hover{ display:block; color:#00863a;}



.gc_img{ width:100%; height:1.6rem; overflow:hidden;}

.gc_img img{ width:100%;  }



.more{ width:45%;  height:0.5rem; line-height:0.5rem; text-align:center; font-size:0.20rem; border:1px solid #dfdfdf; margin: 0 auto;}

.more a{ display:block; background:none; color:#666; }

.more a:hover{display:block; background:#00863a; color:#fff; }
























/*底部*/

#footer{padding:0; margin: 0; text-align:center; color:#999; font-size:.19rem; line-height:0.36rem; background:#fbfbfb;}

#footer a{ margin:0 5px; color:#999;}

#footer p{margin: 0;}



.foc1{ position:fixed; z-index:1000; bottom:0; width:100%; max-width:750px; clear:both; background:#d8281b;}

.foc1 li{ width:25%; text-align:center; float:left; cursor:pointer; padding:2% 0;}

.foc1 li .iconfont{ font-size:0.49rem; color:#1b8dff; display: block;}

.foc1_01{ font-size:0.20rem; overflow:hidden; color:#fff; display: block; padding-top: 3%;}





/*topbar*/

.top_bar{background-color:#F7F7F7;box-shadow: 0 2px 2px rgba(0,0,0,.15);text-align: center;position: relative;z-index:1; overflow: hidden; font-size: .18rem; height: .8rem; line-height: .8rem;text-align: center;}

.top_bar .head_title{ display: inline-block; max-width: 5rem;margin: 0 auto;  font-size: .30rem; white-space: nowrap;}

.top_bar .head_title{ display: inline-block; max-width: 5rem;margin: 0 auto;  font-size: .30rem; white-space: nowrap;}

.top_bar .back_btn{ position: absolute; left: 0;top: 0; width: .6rem; height: .8rem; text-align: center; font-size: .44rem; color:#333;}



/*content*/

.content{ padding: .1rem 5vw .1rem 5vw;overflow: hidden;text-align: left;font-size:3.4vw !important; background: #fff; line-height:1.8;}
.content p{text-indent:2em;}
.content h1{ font-size: .32rem; font-weight: normal; text-align: center; color: #000;  border-bottom:1px solid #eee; margin-bottom: 10px; padding:.1rem; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.content img,.contentct img{max-width:100%; text-align: center;}



.page{ text-align:center; padding:10px 0; padding-top:15px;font-size: .14rem}

.page a{padding:5px 20px; margin:0 5px;border-radius:4px; display:inline-block; border:1px solid #e2e2e2; background-color:#fff; font-size: .2rem}



.xingxi{padding:3% 2%; line-height:1.6; overflow:hidden; clear:both; background:#fff;}

.author{font-size:0.2rem; padding:0.06rem 0; border-bottom:#ddd solid 1px; color:#666; margin-bottom:0.13rem}

.content_img{text-align:center; clear:both; overflow:hidden; width:100%;}

.content_img img{ width:100%; margin:2% 0; max-width:640px;}



.con_title{ padding:5% 0 0 0; line-height:1.3; color:#000; font-size:0.38rem;}



/*分类*/

.page_tt{ border:#e5e5e5 solid 1px; margin:0.04rem 0.2rem 0.2rem 0.2rem; height:0.6rem; line-height:0.6rem; clear:both; position:relative;}

.page_tt h3{ font-weight:normal; font-size:0.3rem; padding-left:0.4rem; background-size:1%; border-left: 4px solid #03267a;}

.page_tt .sspan{ position:absolute; right:-1px; top:-1px; width:1.2rem; height:0.6rem; line-height:0.6rem; text-align:center; overflow:hidden; color:#a46a11; background:#1b8dff; border:#1b8dff solid 1px;}

.page_tt .sspan a{ color:#FFF; display:block; font-size: 0.26rem;} 

.page_tt .sspan i{ font-style:normal; font-size:0.26rem; overflow:hidden; padding-left:5%;}

.mainboxbg01{position:fixed; height:100%; width:100%; top:0; display:none; z-index:10000; lter:alpha(opacity=60); -moz-opacity:0.6;opacity:0.6; background:#000;}

.page_slide{position:fixed; top:1rem; right:0; z-index:10001; display:none; width:100%; background:#FFF; padding:0.12rem 0 0.18rem 0rem; max-height:65%; overflow-y:scroll;}

.page_slide li{ display:block; width:7.1rem; height:0.66rem; line-height:0.66rem; text-align:center; margin:0.12rem 0.2rem; background:#f2f2f2;}

.page_slide li a { display: block; font-size:0.24rem; background-color: transparent;}

.page_slide li a:hover,.slide li a.selected { background:#b28238; color:#fff;}





/*翻页*/

.pageListNav{padding:0.4rem 0; width:7.5rem; position:relative; z-index:1;text-align:center; overflow:hidden; font-size:0.26rem; clear:both;}

.pageListNav a{display:inline-block; color:#333; border:#ddd solid 1px; background:#FFF;text-align:center; text-decoration:none; width:1.2rem; height:0.46rem; line-height:0.46rem; border-radius:3px;}

.pageListNav .first{float:left; margin:0 auto;}

.pageListNav span{display:inline-block; overflow:hidden; vertical-align:middle}

.pageListNav span select{position:relative; top:0; width:1rem; height:0.46rem; line-height:0.46rem; border:0; color:#333; font-size:0.26rem; background:#FFF; text-align:center; margin:0 0.1rem;}

.con_fy1{text-align:right; margin-top:4%; font-size:0.26rem; overflow:hidden; clear:both; padding:0.2rem 0 0.3rem 0; border-top:#ccc dashed 1px;}

.con_fy1 a{ color:#333;}





.site_pic{ clear:both; overflow:hidden; width:7.1rem; height:auto; background:#FFF; padding:0.2rem; position:relative;}

.site_pic img{ width:7.1rem; height:auto; overflow:hidden;}

.site_pic span{ position:absolute; bottom:0.2rem; left:0.2rem; width:7.1rem; height:0.7rem; line-height:0.7rem; color:#FFF;}

.site_pic span i{ font-style:normal; width:3.53rem; text-align:center; background:rgba(0,0,0,0.8); font-size:100%;}

.site_box{ background:#FFF; padding:0 0.2rem 0.2rem 0.2rem; overflow:hidden; zoom:1;}

.site_box p{ height:0.3rem; line-height:0.3rem; display: block; color:#474747; font-size:0.2rem; overflow:hidden; white-space:nowrap; margin-right:0.16rem; margin-bottom:0;}

.site_box div{ font-size:0.3rem; line-height:0.46rem; border-bottom:#ddd solid 1px; padding-bottom:0.1rem;}

.site_box span{ color: #66cc00;}






 /*分页=============================================================*/
 /*分页=============================================================*/
.prorig-con{ clear:both; }
.prorig-con ul{margin:auto;}
.prorig-con ul li{color:#fff;float:left; border-radius:5px;background:#000;line-height:10px;width:50px;text-align:center ;margin-left:5px;height:40px; }
.prorig-con ul li a{color:#fff;font-size:15px;line-height:20px; width:50px;text-align:center }
.prorig-con ul li.current{float:left;color:#fff;font-size:15px; border-radius:5px;background:#d8281b;line-height:40px;width:50px;text-align:center ;margin-left:5px;}