@charset "utf-8";
/* CSS Document */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; word-wrap:break-word;}
table { border-collapse:collapse; border-spacing:0;}
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
li, ol, ul {list-style:none;}
img { max-width:100%; vertical-align:top; border:0; -ms-interpolation-mode:bicubic; -webkit-touch-callout:none;}
:focus {outline:0}
a {	color:#707070; text-decoration:none;}
a.active { color:#06c;}

body{}

/* 头 部 */
.topdw{ font-size:.28rem; height:0.6rem; line-height:0.6rem; text-align:center; color:#fff; background:#b7b7b7;}

.lomu{ width:7.5rem; height:1.5rem;overflow:hidden;}

.logo{ width:6.7rem; height:1.5rem; float:left; overflow:hidden;}
.logo img{ width:100%;}

.mu{ width:0.8rem; height:1.5rem; float:left;}
.mu img{ width:100%;}
.mubg{ position:fixed; width:100%; height:100%; top:0; display:none; z-index:200; background-color:rgba(0,0,0,0.5);}
 
/* 导 航 */
.menu{ width:50%; position:fixed; height:100%; right:50px; padding:1rem 0 0 0; display:none; top:0; z-index:500; background-color:rgba(0,147,236,0.8);}
.menu li{ font-size:.28rem; text-align:center; line-height:1rem; display:block; background-color:rgba(0,147,236,0.8);}
.menu li a{ display:block; width:100%; color:#fff; border-bottom:1px solid rgba(255,255,255,0.1);}
.menu li a:hover{ color:#fff; background:rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0);}
.time{ display: block; font-size: 12px}
/* banner */
.banner{ max-width:750px; height:3.5rem;width: 100%; position:relative;  overflow:hidden; }
.banner .hd{ width:100%; height:0.2rem;  position:absolute; z-index:1; left:3.6rem; bottom:0;}
.banner .hd ul{ display:block;}
.banner .hd ul li{ font-size:0; width:0.1rem; height:0.1rem; line-height:0.1rem; text-align:center; margin:0 0.1rem 0 0; -webkit-border-radius:0.1rem; -moz-border-radius:0.1rem; border-radius:0.1rem; float:left; overflow:hidden; background:#fff;}
.banner .hd ul .on{ display:block; background:#ffcf00;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd li img{ width:100%; height:3.5rem;}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* 搜 索 */
.sou{/*! display: none; */ width:6rem; /*! height:0.8rem; */ position:relative; margin:0.3rem auto; border:1px solid #ddd; /*! border-bottom:1px solid #ececec; */}
.sou input{ width:5.8rem; height:0.78rem; line-height:0.78rem; display:block; border:0;padding-left: 10px;}
.sou .go{ width:0.66rem; height:0.78rem; position:absolute; display:block; top:0; right:0; cursor:pointer; text-decoration:none; background:url(../images/b-fdj.png) no-repeat; background-size:100%;}

/* 标 题 */
.h-tit{ padding:0.3rem 0; overflow:hidden;}
.h-tit h1{ font-size:.36rem; line-height:0.65rem; text-align:center; font-weight:bold; color:#fff;background: #0f8c40;width: 60%;margin: 0 auto;border-radius: 80px;}
.h-tit h2{ font-size:.28rem; line-height:0.4rem; text-align:center; font-weight:normal; overflow:hidden; color:#707070;display: none;}
.h-tit h3{ display: none; width:0.5rem; height:0.56rem; /*display:block; */position:relative; margin:0.1rem auto 0 auto;}
.h-tit h3 .sl{ width:0.4rem; height:1px; background:#bababa; position:absolute; top:0.27rem; right:0.6rem;}
.h-tit h3 .sr{ width:0.4rem; height:1px; background:#bababa; position:absolute; top:0.27rem; left:0.6rem;}

.b-tit{ padding:0.3rem 0; overflow:hidden;}
.b-tit h1{ font-size:.36rem; line-height:0.6rem; text-align:center; font-weight:bold; color:#fff;}
.b-tit h2{ font-size:.28rem; line-height:0.4rem; text-align:center; font-weight:normal; overflow:hidden; color:#fff;}
.b-tit h3{ display: none;width:0.5rem; height:0.56rem; /*display:block;*/ position:relative; margin:0.1rem auto 0 auto;}
.b-tit h3 .sl{ width:0.4rem; height:1px; background:#fff; position:absolute; top:0.27rem; right:0.6rem;}
.b-tit h3 .sr{ width:0.4rem; height:1px; background:#fff; position:absolute; top:0.27rem; left:0.6rem;}

.hfl{ overflow:hidden;}
.hfl li{ width:2.3rem; font-size:.28rem; margin:0 0.1rem 0.2rem 0.1rem; height:0.8rem; line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left; background:#555555;}
.hfl li.on{ display:block; overflow:hidden; color:#fff; background:#0f8c40;}
.hfl li a{ display:block; overflow:hidden; color:#fff;}
.hfl li a:hover{ color:#fff; background:#0f8c40;}


/* 更 多 */
.more{ width:4.5rem; text-align:center; height:0.7rem; line-height:0.7rem; font-size:.28rem; overflow:hidden; margin:0 auto; border-radius:20px; background:#e8e8e8;}
.more a{ display:block; text-decoration:none;}
.more a:hover{ display:block; color:#fff; background:#0f8c40;}

/* 广 告 */
.h-gg{ width:7.5rem; height:1.1rem; overflow:hidden;}
.h-gg img{ width:100%;}

/* 新品上架 */
.xpbox{ width:100%; padding:0 0 0.3rem 0; background:#f8f8f8;}
.xpbox .hd{ overflow:hidden;}
.xpbox .hd ul{display:flex; justify-content: center; padding-bottom: 10px}
.xpbox .hd li{ width:auto; font-size:.28rem; margin:0 0.02rem 0.04rem 0.02rem; height:0.7rem;padding:0 .3rem; line-height:0.7rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; /*! border-radius:20px; */ color:#fff; background:#dfdfdf; float:left; color:#333333;}
.xpbox .hd li.on{ display:block; color:#fff; background:#0f8c40;}
.xpbox .bd ul{ overflow:hidden;}
.xpbox .bd li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; font-size:.28rem; text-align:center; overflow:hidden; float:left;}
.xpbox .bd li .tu{ width:3.55rem; height:2.8rem; overflow:hidden;}
.xpbox .bd li .tu img{ width:3.55rem; height:2.8rem; overflow:hidden;}
.xpbox .bd li .tit{ line-height:0.4rem; text-align:center; height: 1rem ;text-overflow:ellipsis; overflow:hidden; background:#fff;}
.xpbox .bd li .tit a{ display:block;}
.xpbox .bd li:hover .tit{ text-decoration:none; background:#0f8c40;}
.xpbox .bd li:hover a{ color:#fff;}

/* 推荐产品 */
.tjbox{ width:100%; padding:0 0 0.3rem 0; background:#f8f8f8;}
.tjbox .hd{ overflow:hidden;}
.tjbox .hd li{ width:2.3rem; font-size:.28rem; margin:0 0.1rem 0.2rem 0.1rem; height:0.7rem; line-height:0.7rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-radius:20px; color:#fff; background:#dfdfdf; float:left; color:#333333;}
.tjbox .hd li.on{ display:block; color:#fff; background:#0f8c40;}
.tjbox .bd ul{ overflow:hidden;}
.tjbox .bd li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; font-size:.28rem; text-align:center; overflow:hidden; float:left;}
.tjbox .bd li .tu{ width:3.55rem; height:2.8rem; overflow:hidden;}
.tjbox .bd li .tu img{ width:3.55rem; height:2.8rem; overflow:hidden;}
.tjbox .bd li .tit{ line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#fff;}
.tjbox .bd li .tit a{ display:block;}
.tjbox .bd li:hover .tit{ text-decoration:none; background:#0f8c40;}
.tjbox .bd li:hover a{ color:#fff;}

/* 热销产品 */
.rxbox{ width:100%; padding:0 0 0.3rem 0; background:#f8f8f8;}
.rxbox .hd{ overflow:hidden;}
.rxbox .hd li{ width:2.3rem; font-size:.28rem; margin:0 0.1rem 0.2rem 0.1rem; height:0.7rem; line-height:0.7rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-radius:20px; color:#fff; background:#dfdfdf; float:left; color:#333333;}
.rxbox .hd li.on{ display:block; color:#fff; background:#0f8c40;}
.rxbox .bd ul{ overflow:hidden;}
.rxbox .bd li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; font-size:.28rem; text-align:center; overflow:hidden; float:left;}
.rxbox .bd li .tu{ width:3.55rem; height:2.8rem; overflow:hidden;}
.rxbox .bd li .tu img{ width:3.55rem; height:2.8rem; overflow:hidden;}
.rxbox .bd li .tit{ line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#fff;}
.rxbox .bd li .tit a{ display:block;}
.rxbox .bd li:hover .tit{ text-decoration:none; background:#0f8c40;}
.rxbox .bd li:hover a{ color:#fff;}

/* 产品展示 */
.cpbox{ width:100%; padding:0 0 0.3rem 0; overflow:hidden; background:#f8f8f8;}
.cpbox .hd{ overflow:hidden;}
.cpbox .hd li{ width:2.3rem; font-size:.28rem; margin:0 0.1rem 0.2rem 0.1rem; height:0.7rem; line-height:0.7rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-radius:20px; color:#fff; background:#dfdfdf; float:left; color:#333333;}
.cpbox .hd li.on{ display:block; color:#fff; background:#0f8c40;}
.cpbox .bd ul{ overflow:hidden;}
.cpbox .bd li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; font-size:.28rem; text-align:center; overflow:hidden; float:left;}
.cpbox .bd li .tu{ width:3.55rem; height:2.8rem; overflow:hidden;}
.cpbox .bd li .tu img{ width:3.55rem; height:2.8rem; overflow:hidden;}
.cpbox .bd li .tit{ line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#fff;}
.cpbox .bd li .tit a{ display:block;}
.cpbox .bd li:hover .tit{ text-decoration:none; background:#0f8c40;}
.cpbox .bd li:hover a{ color:#fff;}

/* 实 力 */
.slbox{ padding:0 0 0.3rem 0.38rem; overflow:hidden; display: none;}
.slbox li{ width:1.78rem; overflow:hidden; float:left;}
.slbox li .slk1{ height:0.6rem; overflow:hidden; color:#fff;}
.slbox li .slk2{ font-size:.28rem; overflow:hidden; color:#fff;}
.slbox li .dz{ font-size:.4rem; float:left;}
.slbox li .xz{ font-size:.28rem; line-height:0.6rem; float:left;}

/* 关于我们 */
.abbox{ width:7.5rem; padding:0 0 0.3rem 0; overflow:hidden;}
.absp{ width:7.3rem; height:4.14rem; margin:0 auto; overflow:hidden;}
.abcon{ font-size:.28rem; line-height:0.5rem; padding:0.2rem 0.1rem; overflow:hidden;}
.abcon p{ margin:0; padding:0; line-height:0.6rem; color:#fff;}

/* 案例展示 */
.albox{ overflow:hidden; padding:0 0 0.3rem 0; background:#f8f8f8;}
.alcon{ overflow:hidden;}
.alcon li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; font-size:.28rem; text-align:center; overflow:hidden; float:left;}
.alcon li .tu{ width:3.55rem; height:2.8rem; overflow:hidden;}
.alcon li .tu img{ width:3.55rem; height:2.8rem; overflow:hidden;}
.alcon li .tit{ line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#fff;}
.alcon li .tit a{ display:block;}
.alcon li:hover .tit{ text-decoration:none; background:#0f8c40;}
.alcon li:hover a{ color:#fff;}

/* 精英团队 */
.tdbox{ padding:0 0 0.3rem 0; overflow:hidden;}
.tdcon{ overflow:hidden;}
.tdcon li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; font-size:.28rem; text-align:center; overflow:hidden; float:left;}
.tdcon li .tu{ width:3.55rem; height:4.7rem; overflow:hidden;}
.tdcon li .tu img{ width:3.55rem; height:4.7rem; overflow:hidden;}
.tdcon li .tit{ line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#ececec;}
.tdcon li .tit a{ display:block;}
.tdcon li:hover .tit{ text-decoration:none; background:#0f8c40;}
.tdcon li:hover a{ color:#fff;}

/* 新 闻 */
.lbbox{ padding:0 0 0.3rem 0; overflow:hidden; background:#f8f8f8;}
.lbcon{ overflow:hidden;}
.lbcon li{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0.2rem 0.1rem; margin:0 0 0.3rem 0; background:#fff;}
.lbcon li .netu{ width:1.8rem; height:1.2rem; margin:0 0.2rem 0 0; overflow:hidden; float:left;}
.lbcon li .netu img{ width:1.8rem; height:1.2rem; display:block;}
.lbcon li .newz{ width:4.95rem; /*! height:1.2rem; */ font-size:.28rem; line-height:0.4rem; overflow:hidden; float:left; color:#707070;}
.lbcon li .newz h1{ font-size:.3rem; color:#333333;}
.lbcon li .newz a{ text-decoration:none;}

/* 底 部 */
.copyright{ font-size:.28rem; /*height:0.6rem;*/ line-height:0.6rem; text-align:center; margin:0 0 1rem 0; background:#444444; color:#fff;}
.foot{ width:7.5rem; height:1rem; bottom:0; position:fixed; bottom:0; z-index:200; background:rgba(0,0,0,0.7);}
.foot ul{ overflow:hidden;}
.foot li{ width:25%; font-size:.28rem; line-height:0.5rem; float:left;}
.foot li a { display:block; text-align:center; text-decoration:none; padding:0.15rem 0 0 0; color:#fff;}
.foot li a i{ width:0.6rem; height:0.37rem; display:block; overflow:hidden; margin:0 auto;}
.foot li a i img{ max-width:0.6rem; max-height:0.37rem;}

/* 内容 */
.weiz{ width:7.5rem; height:auto; line-height:0.5rem; font-size:.28rem; padding:0 0.2rem;}

.weiz a{ display: inline-block}
.x-tit{ font-size:.28rem; line-height:0.6rem; text-align:center; padding:0.1rem 0 0.2rem 0; margin:0 0 15px 0; color:#8e8e8e; border-bottom:1px dashed #cecece;}
.x-tit h1{ font-size:.35rem; font-weight:bold; color:#333333;}

.fy{ padding:0.1rem 0.2rem; overflow:hidden; background:#f8f8f8;}
.fy li{ font-size:.28rem; line-height:0.6rem;}
.fy li img{ width:0.6rem; height:0.6rem; margin:0 0.12rem 0 0.2rem;}

.nfl{ padding:0 0 0.3rem 0; text-align:center; overflow:hidden; background:#f8f8f8;}
.nfl li{ font-size:.28rem; text-align:center; margin:0.1rem 0.1rem 0 0.1rem; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#0f8c40; /*! background:#0f8c40; */}
.nfl a{ width:auto; line-height:0.6rem; display:block; text-decoration:none; color:#0f8c40;border: #0f8c40 solid 1px; padding: 0 .2rem}
.nfl a:hover,.nfl .on a{ display:block; color:#fff; background:#0f8c40;}
.nfl .on a{ text-decoration:none;}

.nrwz{ /*! width:7.1rem; */ padding:0.2rem; font-size:.28rem; line-height:0.6rem; overflow:hidden; color:#707070;}
.nrwz img{ width:7.1rem; margin:0.15rem auto;}
.nrwz p{ margin:0; padding:0;}

.page{ text-align:center; padding:0.2rem 0; font-size:.28rem; overflow:hidden; background:#f8f8f8;}
.page a{ padding:0.1rem 0.3rem; margin:0 0.1rem; border-radius:4px; display:inline-block; color:#fff; background:#0f8c40;}
.page a:hover{ text-decoration:none; color:#fff; background:#0f8c40;}

.n-news{ width:7.3rem; padding:0 0.1rem; margin: 0 0 0.3rem 0; overflow:hidden;}
.n-news li{ padding:0.3rem 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-bottom:1px dashed #dfdfdf;}
.n-news li .netu{ width:1.8rem; height:1.3rem; margin:0 0.2rem 0 0; overflow:hidden; float:left;}
.n-news li .netu img{ width:1.8rem; height:1.3rem; display:block;}
.n-news li .newz{ width:5.05rem; /*! height:1.3rem; */ font-size:.28rem; line-height:0.5rem; overflow:hidden; float:left; color:#585858;}
.n-news li .newz h1{ font-size:.3rem; color:#555;font-weight: bold;}
.n-news li .newz a{ text-decoration:none;}

.ntu{ overflow:hidden;}
.ntu li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; font-size:.28rem; text-align:center; overflow:hidden; float:left;}
.ntu li .tu{ width:3.55rem; height:2.8rem; overflow:hidden;}
.ntu li .tu img{ width:3.55rem; height:2.8rem; overflow:hidden;}
.ntu li .tit{ line-height:0.4rem; height:0.8rem; text-align:center;  text-overflow:ellipsis; overflow:hidden; background:#f5f5f5;}
.ntu li .tit a{ display:block;}
.ntu li .tit a:hover{ text-decoration:none; color:#fff; background:#0f8c40;}

.ntd{ overflow:hidden;}
.ntd li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; font-size:.28rem; text-align:center; overflow:hidden; float:left;}
.ntd li .tu{ width:3.55rem; height:4.7rem; overflow:hidden;}
.ntd li .tu img{ width:3.55rem; height:4.7rem; overflow:hidden;}
.ntd li .tit{ line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#f5f5f5;}
.ntd li .tit a{ display:block;}
.ntd li .tit a:hover{ text-decoration:none; color:#fff; background:#0f8c40;}

.lyb{ padding:0 0.75rem; margin:0 0 0.25rem 0; overflow:hidden;}
.lyb input{ width:100%; /*! height:0.8rem; */ line-height:0.8rem; display:inherit; margin:0.25rem 0 0 0; /*! overflow:hidden; */}
.lyb select{ width:6rem; height:0.8rem; line-height:0.8rem; color:#828282; display:inherit; margin:0.25rem 0 0 0; overflow:hidden;}
.lyb textarea{ width:100%; height:2rem; line-height:0.6rem; color:#828282; display:inherit; margin:0.25rem 0 0 0; overflow:hidden;}

/*新导航*/
.brand{ clear: both; }
.navv{width: 100%;clear: both; position: relative;top: 80px;}
.navv ul li{width: 25%;   text-align: center; float: left;}
.navv ul li a{font-size: .28rem;color: #FFF; background: #0f8c40; width: 100%;height: 40px; line-height: 40px;    display: block; border-right: #fff solid 1px;border-bottom: #fff solid 1px;}
.dh_top{ background:url(../images/dh_bf.jpg) repeat-x; text-align:center; background-size:100% 100%}
.dh_top img{ display:block; margin:0 auto; width:100%; }
/*新导航*/