/*!	* common.css * CSS Document * The site is designed by LEBANG,Inc 11/2015 */
@charset "utf-8";

/*头部*/
.header{position:fixed;left:0;top:0rem;width:100%;z-index:100;margin-bottom:0.33rem;}
.header_m{height: 1.15rem; z-index: 1000}
.header_m .main{height: 1.15rem; width: 100%; background:#000; opacity: 0.3;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3; position: absolute; top: 0; left:0; z-index: 1}
.head_logo{height:0.4rem; margin-top: 0.3rem; margin-left: 0.3rem;}
.head_logo a{display:block;height:0.4rem;}
.head_logo img{display:block;border:none;}
.head_nav{background:url(../images/menu.png) no-repeat left top;width:0.6rem;height:0.49rem;background-size:100%;margin-top:0.3rem;margin-right: 0.3rem; z-index: 1000;position: relative;}
.head_erify{display:none;}

.head_nav_close{height:0.84rem;width:100%;background:#cc3f46;overflow:hidden;}
.head_nav_close img{display:block;width:0.39rem;margin:0.28rem 0 0 0.3rem;}

.head_nav_list{font-size:0.24rem;width:100%;position:relative;} 
.head_nav_list ul{ z-index: 200; position: relative;padding-top: 1rem;}
.head_nav_list ul li{height:1rem;line-height: 1rem;border-right:1px solid #e7e7e7; margin-bottom:0.2rem;}
.head_nav_list ul li a{display:block;color:#fff;margin:0 auto;text-align: center; font-size: 0.36rem; }
.head_nav_list ul li.on a span{ padding-bottom: 0.2rem;border-bottom:0.04rem solid #fff; }
.head_nav_list ul li.onhead_height a{border:none;}
.head_nav_sublist{font-size:0.24rem;width:50%;}
.head_nav_sublist ul{display:none;}
.head_nav_sublist ul.on{display:block;}
.head_nav_sublist ul li{height:0.8rem;line-height:0.8rem;}
.head_nav_sublist ul li a{display:block;margin:0 0.3rem;color:#888;border-bottom:1px solid #e1e1e1;}

.head_nav_list .black_shadow{left:0;top:0;width:100%;z-index:101; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5; position: absolute; height: 100%;}

/*底部*/
.footer{width:100%;height:0.86rem;font-size:0.24rem;color:#333;line-height:0.86rem;border-top:1px solid #e0e0e0; text-align: center; z-index: 100;}

/*首页*/
#dowebok .head_nav{background:url(../images/menu.png) no-repeat left top;background-size:100%;}
#dowebok .footer{position:absolute;bottom:0;left:0;z-index:100;}

.ind_banner{width:100%;position:relative;overflow:hidden;z-index:0;}
.ind_banner .hd ul{width:0;height:0;text-indent:-9999px;}
.ind_banner .bd{position:relative;z-index:1;}
.ind_banner .bd ul li{width:100%;height:100%;}
.ind_banner .bd ul li a{display:block;width:100%;height:100%;}
.ind_banner .bd ul li a img{ width: 100%; height: 100%; display: block; background-size: contain; background-position: center; background-repeat: no-repeat;  }
.j_banner{width: 6.9rem; margin:0 auto;}
.j_banner small{ font-size:0.24rem; color:#333;  }
.j_banner h3{ font-size:0.44rem; color:#333; padding-bottom:0.3rem; border-bottom: 1px solid #333;overflow:hidden; text-overflow: ellipsis ;white-space: nowrap; width: 100%;}
.j_banner p{ font-size:0.28rem; color:#333;  margin-top: 0.28rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 100%;}

.ind_tit{padding:0.55rem 0.3rem 0;text-align:center; font-size: 0.6rem}
.ind_tit h1{font-size:0.5rem;color:#444444;font-weight:bolder; margin-bottom: 0.3rem}
.ind_tit small{display: block; text-align: center; background: #d9d9d9; width:1rem; height: 0.02rem; margin:0 auto; margin-bottom: 0.3rem;}
.ind_tit p{ font-size: 0.26rem; color: #666; text-align: center; margin-bottom: 0.26rem;}
.ind_tit h4{ font-size: 0.26rem; color: #666; text-align: center; margin-bottom: 0.26rem;}
.ind_tit a{ width: 1.6rem; height: 0.67rem; display: block; text-align: center; margin:0 auto;}

.ind_into{text-align:center;margin-bottom:1.2rem; width: 100%; height: 4.2rem; display: block;}
.ind_into_to{ width: 2.66rem;height: 0.28rem; display: block; text-align: center; margin:0 auto; }
.ind_into_to a{ width: 100%; height: 100%; display: block;background: url(../images/about_a.png) no-repeat center; background-size:cover;  }
.ind_info{text-align:center;font-size:0.2rem;color:#999;line-height:0.35rem;margin-bottom:0.4rem;}
.ind_info span{font-weight:bolder;}
.ind_con { width: 100%;  text-align: center;}
.ind_con .main{ width: 100%; height: 1.81rem; display: block;}

.ind_con p{ font-size: 0.3rem; color: #333; margin-bottom: 0.5rem;}
.ind_con h3{ font-size: 0.6rem; color: #333; margin-bottom: 0.25rem;}
.ind_con h1{ font-size: 0.34rem; color: #333; margin:0.7rem 0 0.25rem;}
.ind_con h2{ font-size: 0.26rem; color: #333; margin-bottom: 0.25rem;}
.ind_sub_banner{width:100%;height:3.9rem;position:relative;overflow:hidden;z-index:0;}
.ind_sub_banner .hd ul{position:absolute;left:0;bottom:0;text-indent:-9999px;}
.ind_sub_banner .hd ul li{float:left;margin:0 0.06rem;width:0.25rem;height:0.25rem;background:#cccccc;background-size:100%; border-radius: 0.25rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem;}
.ind_sub_banner .hd ul li.on{background:#ff6600; background-size:100%; border-radius: 0.25rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem;}
.ind_sub_banner .hd .prev,.ind_sub_banner .hd .next{display:block;position:absolute;width:0.85rem;height:0.85rem;top:1.67rem;z-index:10;}
.ind_sub_banner .hd .prev{left:0;}
.ind_sub_banner .hd .next{right:0;}
.ind_sub_banner .bd{position:relative;z-index:1;}
.ind_sub_banner .bd ul li{width:100%;height:3.9rem;}
.ind_sub_banner .bd ul li a{display:block;width:100%;height:3.9rem;}
.ind_sub_banner .bd ul li .hb{ width: 100%;  padding:0.3rem 0.3rem 0.3rem 0.3rem;} 
.ind_sub_banner .bd ul li .hb h3{font-size: 0.32rem; color:#9b9b9b; margin-bottom: 0.23rem;} 
.ind_sub_banner .bd ul li .hb p{font-size: 0.26rem; color:#000000; line-height: 0.5rem; width: 95%;} 
.ind_sub_banner .bd ul li .hb a img{display: block; width: 1.73rem; height: 1.2rem; margin-top: 0.2rem}

.ind_case{font-size:0.35rem;color:#231815;text-align:center;height:0.4rem;line-height:0.4rem;margin-top:0.35rem;}
.third_view .ind_sub_banner{height:8.5rem;}
.third_view .ind_sub_banner .bd ul li{width:100%;height:3.9rem; margin-bottom: 0.05rem;}
.third_view .ind_sub_banner .bd ul li a,.third_view .ind_sub_banner .bd ul li img{display:block;width:100%;height:5rem;}

.fourth_view{background:#f5f5f7;}
.fourth_view .ind_sub_banner{height:8.3rem;}
.fourth_view .ind_sub_banner .bd ul li{width:100%;height:8.3rem;}
.fourth_view .ind_sub_banner .bd ul li a,.fourth_view .ind_sub_banner .bd ul li img{display:block;width:100%;height:4.58rem;}

.ind_jou{text-align:center;margin-bottom:1.2rem; width: 92%; height: 4.57rem; display: block; margin:0 auto;}
.ind_jou_to{ width: 92%;height: 1.2rem; display: block; }
.ind_jou_to p{ width: 100%;display: block; margin-left: 0.3rem; font-size: 0.24rem; margin-bottom: 0.2rem;}
.ind_jou_to h3{ width: 100%; font-size: 0.44rem; font-weight: 500;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-left: 0.3rem; padding-bottom:0.3rem; border-bottom: 1px solid #000; }

.ind_map{width:6.9rem;height:3.65rem;background:url(../img/ind_map.jpg) no-repeat left top;background-size:100%;position:relative;}
.ind_map a{display:block;width:1.55rem;height:0.38rem;border-radius:0.15rem;position:absolute;}
.indmap_break1{left:0.95rem;top:0.8rem;}
.indmap_break2{left:3.23rem;top:0.52rem;}
.indmap_break3{right:0.37rem;top:0.83rem;}
.indmap_break4{left:3.05rem;top:1.97rem;}
.indmap_break5{right:1.12rem;bottom:0.83rem;}
.indmap_break6{right:0;bottom:0.28rem;}

/*联系我们*/
.contact{ width: 100%; margin-bottom: 0.81rem;}
.contact .main{ width: 100%; height: 6.05rem; display: block;}
.contact .main h1{font-size:0.5rem;color:#444444;font-weight:bolder; margin-bottom: 0.3rem}
.contact .main small{display: block; text-align: center; background: #d9d9d9; width:1rem; height: 0.02rem; margin:0 auto; margin-bottom: 0.3rem;}
.contact .main p{ font-size: 0.26rem; color: #666; text-align: center; margin-bottom: 0.26rem;}
.contact .main h4{ font-size: 0.26rem; color: #666; text-align: center; margin-bottom: 0.26rem;}


/*产品中心*/
.product,.product_list{ width: 100%;}
.product .main,.product_list .main{ width: 100%; height: 6.05rem; display: block;}
.ind_pro{ width: 100%; margin:0 auto; border-bottom: 0.01rem solid #333}
.ind_pro a{ width: 100%; display: block; height: 4.6rem; margin-bottom: 0.55rem;}
.ind_pro a img{ background-size: cover; background-position:center; background-repeat:no-repeat; display: block; width: 6.9rem; height: 100%; margin:0 auto;   }

.ind_pro .box1{ width: 0.74rem; height: 0.74rem; margin:0 0.3rem; }
.ind_pro .box2 { height: 100%; width: 80%; }
.ind_pro .box2 h3{ font-size: 0.4rem; margin:0; padding: 0; color:#000; line-height: 0.4rem}
.ind_pro .box2 span{ font-size: 0.28rem; color: #888;}
.ind_pro .box2 p{ font-size: 0.24rem; color: #666666; }
.ind_pro .box2 a{ width: 2rem; height: 0.7rem; text-align: center; font-weight: 600; color:#666; line-height: 0.7rem;  font-size: 0.3rem; border:1px solid #333; margin:0.6rem 0;}

.product_list .box{ width: 100%; height: 1rem; display: block; }
.product_list .box a{width: 100%; height: 0.5em; display: block;padding-top:0.5rem; }
.product_list .box a img{ width: 0.5rem; height: 0.28rem; display: block; background-size: cover;text-align: center; margin:0 auto; line-height: 1rem; }
.product_list .cont_1{ width: 100%; height: 0.6rem; line-height: 0.6rem; margin-bottom: 0.4rem;}
.product_list .cont_1 a{width: 49.5%; height: 0.58rem; display: block; float: left; border:0.01rem solid #e8e8e8;  font-size: 0.28rem;text-align: center; color:#333;}
.product_list .cont_1 a:hover{ background: #e97917; color: #fff; border:0.01rem solid #e97917;  }
.product_list .cont_1 a.on{ background: #e97917; color: #fff; border:0.01rem solid #e97917; }
.ind_list{ width: 100%; margin:0 auto;  border-bottom: 0.01rem solid #333;}
.ind_list a{ width: 100%; display: block; height: 3.9rem; margin-top: 0.4rem;}
.ind_list a img{ background-size: cover; background-position:center; background-repeat:no-repeat; display: block; width: 6.9rem; height: 100%; margin:0 auto; }
.ind_list .cont{ width: 92%; margin:0 auto; }
.ind_list .cont h3{ font-weight: 600; font-size: 0.3rem; color:#000; margin:0.3rem 0 0.12rem; }
.ind_list .cont p{ font-weight: 500; font-size: 0.26rem; color:#000; line-height: 0.5rem; margin-bottom: 0.3rem;}
.ind_list .cont a{ width: 1.64rem; height: 0.6rem; display: block; margin-top: 0.32rem}
.ind_list .cont h2{ font-size: 0.26rem; margin:0.15rem 0 0.1rem; color:#666; font-weight: 400; line-height: 0.26rem}
.ind_list .cont h4{ font-size: 0.3rem; margin-bottom: 0.25rem; color:#333; line-height: 0.3rem}
.ind_list .cont h5{ font-size: 0.24rem; color:#444;  font-weight: 400; margin-bottom: 0.25rem;}
.ind_list .cont h5 span{ font-weight: 600; color: #222 }

/*team团队内容*/
.ind_team{ width: 92%; margin:0 auto;}
.ind_team a{ width: 100%; display: block; height: 4.56rem;}
.ind_team a img{ background-size: cover; background-position:center; background-repeat:no-repeat; display: block; width: 100%; height: 100%;   }
.ind_team .cont{ width: 92%; margin:0 auto;}
.ind_team .cont h1{ font-weight: 600; font-size: 0.3rem; color:#000; margin:0.27rem 0 0.24rem; text-align: center;}

/*新闻列表*/
.ind_news{ width: 92%; margin:0 auto;}
.ind_news a{ width: 100%; display: block; height: 3.6rem;}
.ind_news a img{ background-size: cover; background-position:center; background-repeat:no-repeat; display: block; width: 100%; height: 100%;   }
.ind_news .cont a{ width: 1.6rem; height: 0.64rem; display: block; margin-bottom: 0.3rem}
.ind_news .cont h2{ font-size: 0.26rem; margin:0.3rem 0 0.12rem; color:#666; font-weight: 400; line-height: 0.26rem}
.ind_news .cont h4{ font-size: 0.3rem; margin-bottom: 0.25rem; color:#333; line-height: 0.3rem}



/*product_det 产品中心详情*/
.product_det{ width: 100%; text-align: center;}
.product_det .main{ width: 100%; height: 6.05rem; display: block;}
.product_det .box{ width: 92%; display: block; text-align: center; margin:0 auto;}
.product_det .box .h5{ font-size: 0.44rem; color: #333; font-weight: 500; margin-bottom: 0.85rem;}
.product_det .box .h5 span{ font-size: 0.26rem; font-weight: 500; display: block; color:#bababa; margin-top: 0.1rem}
.product_det .box p{ font-size: 0.28rem; line-height: 0.52rem; color:#666; }
.product_det .box2 { text-align: center; margin:0 auto; width: 100%; margin-bottom: 0.4rem;}
.product_det .box2 ul{ margin:0 auto; text-align: center; width: 70%; margin-top: 0.35rem}
.product_det .box2 li{ width: 0.67rem; padding:0 0.31rem; float: left; }
.product_det .box2 li img{ width: 100%; height: 100%; display: block; background-size:cover; background-repeat:no-repeat; background-position: center;   }
.product_det .box2 li p{font-size: 0.28rem; color: #666;}
.product_det .box3{ width: 100%; border-bottom:0.01rem dashed #333;}
.product_det .box3 img{ width: 100%; height: 3.43rem; display: block; background-size:cover; background-repeat:no-repeat; background-position: center;   }
.product_det .box3 .h5{ font-size: 0.48rem; color: #333; font-weight: 600; margin:0.70rem 0 0.85rem;}
.product_det .box3 .h5 span{ font-size: 0.30rem; font-weight: 600; display: block; color:#bababa; margin-top: 0.1rem}
.product_det .box3 p{ font-size: 0.28rem; line-height: 0.52rem; color:#666; }


/*news_det*/
.news_det{width: 100%; margin:0 auto; text-align:center;}
.news_det h5{ font-size: 0.3rem; color: #333; font-weight: 600; margin-bottom: 0.1rem;}
.news_det span{ font-size: 0.26rem; font-weight: 500; display: block; color:#333; margin-top: 0.1rem}
.news_det p{ font-size: 0.24rem; font-weight: 400; display: block; color:#666; line-height: 0.48rem; margin-bottom: 0.5rem; text-indent: 2em; text-align: left;}
.news_det img{ width: 82.3%; text-align:  center; margin:0.2rem auto ; height: 4.62rem; }
/*caseo案例样式*/
.fhui{ position: absolute; width: 0.82rem; height: 0.82rem; right:0.3rem; bottom: 1.05rem;}
.fhui img{ width: 100%; height: 100%;display: block; background-size: contain; background-repeat:no-repeat; background-position: center;    }

/*about滚动样式*/
.about{ width: 100%; margin-bottom: 0.81rem; }
.about .main{ width: 100%; height: 6.05rem; display: block;}
.about_m{ width: 100%; height: 2.42rem; display: block; }
.about .wenzi{ font-size:0.24rem; color: #666;line-height: 0.48rem; text-indent: 2em; width: 92%; margin:0 auto;}
.about .con{width: 100%; height: 1rem;}
.about .con a{ text-align: center; margin: 0 auto; display: block; width:100%; height: 0.5rem; padding-top:0.5rem;  }
.about .con a img{ width: 0.5rem; height: 0.28rem; display: block; background-size: cover;text-align: center; margin:0 auto; line-height: 1rem; }
.about .main1{ width: 100%;  margin-bottom: 0.6rem;}
.about .main1 a{ font-size: 0.28rem; color: #fff; background: #e97916;  width: 92%;  height: 100%; display: block; margin:0 auto; text-align: center; line-height: 0.66rem; margin-bottom: 0.24rem}
.about_cont{ width: 100%; border-top: 0.01rem solid #f0f0f0; }
.about_cont .box{ width: 100%; height: 1rem; display: block; }
.about_cont .box a{width: 100%; height: 0.5em; display: block;padding-top:0.5rem; }
.about_cont .box a img{ width: 0.5rem; height: 0.28rem; display: block; background-size: cover;text-align: center; margin:0 auto; line-height: 1rem; }
.about_cont .cont{ width: 100%; display: block; text-align: center; margin-bottom: 0.5rem;}
.about_cont .cont img{ width: 1.8rem; height: 1.6rem; margin:0 auto; background-size:contain; background-position:center; background-repeat:no-repeat; display: block; margin-top: 0.3rem;}
.about_cont .cont h3{ font-size: 0.3rem; color:#333; font-weight: 600; line-height: 0.8rem}
.about_cont .cont p{ font-size: 0.26rem; color:#666; font-weight: 500; }
.about_cont ul{ width: 92%;  margin:0 auto;}
.about_cont ul li{ width: 100%; border-bottom:0.01rem solid #333;}
.about_cont ul li span{ display: block; width: 34%; float: left; margin-right:0.34rem; font-size: 0.24rem; color:#333; margin-top:0.15rem; }
.about_cont ul li .you{font-size: 0.24rem; color:#666; float: left; width: 52.4%; line-height: 0.36rem;margin:0.15rem 0;}

.focus{ width:100%; height:5.95rem;  margin:0 auto 0.5rem; position:relative; overflow:hidden;  }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:0.2rem; height:0.2rem; -webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem; background:#8C8C8C; margin:0 0.09rem;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#ff6600;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li{border:none;}
.focus .bd li img{ width:100%;  height:4.95rem; background:url(images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.focus .bd li p{text-align: center; font-size: 0.28rem; color:#2d2d2d;}