@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:#333; text-decoration:none;}
a.active { color:#06c;}

body{ max-width:750px; min-width:320px; background:#f5f5f5; margin:0 auto;}
.box{ overflow:hidden;}

/* 头 部 */
.logo{ width:7.5rem; height:1.3rem; background:#1d2027; overflow:hidden;}
.logo img{ width:100%;}

/* 导 航 */
.menu{ width:7.5rem; overflow:hidden;}
.menu ul{ margin:0.03rem 0;}
.menu li{ width:2.44rem; height:0.8rem; line-height:0.8rem; margin:0.03rem; background:#323441; font-size:.28rem; text-align:center; float:left; overflow:hidden;}
.menu li a{ color:#fff; display:block;}
.menu li a:hover{ color:#fff; background:#ffab00; display:block;}

/* banner */
.banner{ max-width:750px; height:12rem; position:relative; overflow:hidden;}
.banner .hd{ width:7.5rem; height:0; position:absolute; z-index:1; left:0; bottom:0;}
.banner .hd ul{ text-align:center; height:0;}
.banner .hd li{ font-size:0; width:0.2rem; height:0.2rem; border-radius:100%; text-align:center; display:inline-block; margin:0 0.06rem; background:#fff; overflow:hidden;}
.banner .hd .on{ background:#ffc300;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd li img{ width:100%; height:12rem;}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}

/* 标 题 */
.h-tit{ width:7.5rem; margin:0.3rem 0 0 0; overflow:hidden;}
.h-tit h1{ font-size:.4rem; text-align:center; font-weight:bold; color:#333333;}
.h-tit h2{ width:1.04rem; height:2px; background:#e62129; margin:0.1rem auto; overflow:hidden;}
.h-tit h3{ font-size:.28rem; text-align:center; font-weight:normal; color:#999999;}

.b-tit{ width:7.5rem; margin:0.3rem 0 0 0; overflow:hidden;}
.b-tit h1{ font-size:.4rem; text-align:center; font-weight:bold; color:#fff;}
.b-tit h2{ width:1.04rem; height:2px; background:#fff; margin:0.1rem auto; overflow:hidden;}
.b-tit h3{ font-size:.28rem; text-align:center; font-weight:normal; color:#fff;}

/* 产品简介 */
.lcbox{ margin:0.3rem 0; overflow:hidden;}
.lcbox .bd li{ width:7.2rem; height:5rem; background:#fff; float:left; margin:0 0.15rem; overflow:hidden;}
.lcbox .bd li h1{ font-size:.34rem; font-weight:bold; margin:0.1rem 0 0.05rem 0; overflow:hidden;}
.lcbox .bd li h2{ font-size:.26rem; font-weight:normal; color:#808080; margin:0 0 0.2rem 0; overflow:hidden;}
.lcbox .bd li p{ font-size:.28rem; line-height:0.5rem; margin:0;}
.lcbox .bd li a{ width:6rem; height:2.8rem; display:block; padding:0.3rem; background-color:rgba(255,255,255,0.7); margin:0.8rem auto;}

.lcbox .hd{ font-size:0; text-align:center; overflow:hidden;}
.lcbox .hd ul{ display:inline-block; overflow:hidden;}	
.lcbox .hd li{ width:0; height:0; cursor:pointer; background:#d0d0d0; margin:0 5px; overflow:hidden; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; display:inline-block;}
.lcbox .hd .on{ background:#e62129;}

/* 资质 */
.zzbox{ width:7.2rem; padding:0 0.15rem 0.4rem 0.15rem; background:url(../images/rybg.jpg) no-repeat; background-size:100%; overflow:hidden;}
.zzcon{ width:7.5rem; overflow:hidden;}
.zzcon li{ width:3.05rem; height:4.21rem; margin:0.3rem 0.3rem 0 0; padding:0.2rem; background:url(../images/ryk.jpg) no-repeat; background-size:100%; float:left;}
.zzcon li img{ width:3.05rem; height:4.21rem;}

/* 产 品 */
.cpbox{ overflow:hidden;}
.cpcon{ margin:0 0 0.3rem 0; overflow:hidden;}
.cpcon li{ width:3.45rem; margin:0.3rem 0.15rem 0 0.15rem; float:left; overflow:hidden;}
.cpcon li .tu{ width:3.45rem; height:2.65rem; position:relative; overflow:hidden;}
.cpcon li .tu img{ width:3.45rem; height:2.65rem;}
.cpcon li .tu span{ width:3.45rem; color:#fff; height:0.6rem; line-height:0.6rem; background-color:rgba(0,0,0,0.5); text-align:center; overflow:hidden; font-size:.28rem; position:absolute; left:0; bottom:0; z-index:1;}
.cpcon li .tc{ width:3.25rem; padding:0.1rem; text-align:center; font-size:.28rem; line-height:0.6rem; color:#000; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.cpcon li a{ text-decoration:none;}
.cpcon li a:hover .tc{ background:#323441; color:#fff;}

.cpfl{ overflow:hidden;}
.cpfl li{ width:2.3rem; font-size:.28rem; margin:0.2rem 0.1rem 0 0.1rem; height:0.7rem; line-height:0.7rem; text-align:center; background:#54576c; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}
.cpfl li a{ display:block; color:#fff;}


/* 案 例 */
.albox{ background:#fff; overflow:hidden;}
.alcon{ margin:0 0 0.3rem 0; overflow:hidden;}
.alcon li{ width:3.45rem; margin:0.3rem 0.15rem 0 0.15rem; float:left; overflow:hidden;}
.alcon li .tu{ width:3.45rem; height:2.65rem; position:relative; overflow:hidden;}
.alcon li .tu img{ width:3.45rem; height:2.65rem;}
.alcon li .tu span{ width:3.45rem; color:#fff; height:0.6rem; line-height:0.6rem; background-color:rgba(0,0,0,0.5); text-align:center; overflow:hidden; font-size:.28rem; position:absolute; left:0; bottom:0; z-index:1;}
.alcon li .tc{ width:3.25rem; padding:0.1rem; text-align:center; font-size:.28rem; line-height:0.6rem; color:#fff; background:#707070; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.alcon li a{ text-decoration:none;}
.alcon li a:hover .tc{ background:#323441; color:#fff;}

/* 列 表 */
.lsdtbox{ padding:0 0.15rem; overflow:hidden;}
.lbtu{ width:7.2rem; height:2.65rem; margin:0.2rem 0 0 0; overflow:hidden;}
.lbtu img{ width:100%;}

.lbcon{ margin:0 0 0.3rem 0; overflow:hidden;}
.lbcon li{ height:0.8rem; line-height:0.8rem; font-size:.28rem; background:url(../images/dian.png) center left no-repeat; border-bottom:1px dashed #cfcfcf; padding:0 0 0 0.3rem; overflow:hidden;}
.lbcon li a{ color:#707070;}

/* 更 多 */
.hmore{ width:4.5rem; text-align:center; overflow:hidden; margin:0 auto 0.3rem auto; display:block;}
.hmore a{ height:0.7rem; line-height:0.7rem; font-size:.28rem; display:block; text-decoration:none; color:#707070; background:#fff; border:1px solid #ececec;}
.hmore a:hover{ height:0.7rem; line-height:0.7rem; color:#fff; background:#e62129; border:1px solid #e62129;}

/* 底 部 */
.copyright{ font-size:.28rem; height:0.6rem; line-height:0.6rem; background:#383838; text-align:center; color:#fff; margin:0 0 1.02rem 0;}
.foot{ width:7.5rem; height:1rem; bottom:0; position:fixed; bottom:0; z-index:999; overflow:hidden;}
.foot ul{ width:7.52rem; overflow:hidden;}
.foot ul li{ width:1.86rem; font-size:.28rem; line-height:0.5rem; margin:0 0.02rem 0 0; background-color:rgba(30,32,40,0.9); float:left;}
.foot ul li a { display:block; text-align:center; color:#fff; text-decoration:none; padding:0.15rem 0 0 0;}
.foot ul li a i{ width:0.6rem; height:0.37rem; display:block; overflow:hidden; margin:0 auto;}
.foot ul li a i img{ max-width:0.6rem; max-height:0.37rem;}

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

.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:#000;}

.fy{ padding:0.1rem 0.2rem; overflow:hidden; background:#fff; border-top:1px dashed #cecece;}
.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:#fff; border-top:1px dashed #cecece; border-bottom:1px dashed #cecece;}
.nfl li{ width:2.3rem; font-size:.28rem; text-align:center; margin:0.3rem 0.1rem 0 0.1rem; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#54576c;}
.nfl a{ width:2.3rem; line-height:0.8rem; display:block; text-decoration:none; color:#fff;}
.nfl a:hover{ display:block; color:#fff; background:#e62129;}
.nfl .on a{ text-decoration:none;}

.n-zy{ width:7.1rem; margin:0.3rem auto 0 auto; overflow:hidden;}
.n-zy li{ height:2.08rem; background:#f5f5f5; padding:0.1rem; margin:0 0 0.3rem 0; overflow:hidden;}
.n-zy li .zytu{ width:3.55rem; height:2.08rem; margin:0 0.2rem 0 0; float:left; overflow:hidden;}
.n-zy li .zytu img{ width:3.55rem; height:2.08rem;}
.n-zy li .zydw{ width:3.15rem; height:2.08rem; float:left; position:relative; overflow:hidden;}
.n-zy li .zydw h1{ font-size:.3rem; line-height:0.56rem; font-weight:bold; color:#c70000;}
.n-zy li .zydw p{ font-size:.28rem; margin:0; line-height:0.4rem; color:#707070; margin:0 0 0.12rem 0; overflow:hidden;}
.n-zy li .zydw p span{ color:#c70000; font-weight:bold;}
.n-zy li .anl{ width:1.5rem; height:0.6rem; line-height:0.6rem; font-size:.28rem; text-align:center; background:#909090; position:absolute; left:0; bottom:0; overflow:hidden;}
.n-zy li .anl a{ color:#fff; text-decoration:none;}
.n-zy li .anr{ width:1.5rem; height:0.6rem; line-height:0.6rem; font-size:.28rem; text-align:center; background:#c70000; position:absolute; right:0; bottom:0; overflow:hidden;}
.n-zy li .anr a{ color:#fff; text-decoration:none;}

.n-lb{ padding:0 0.15rem 0.3rem 0.15rem; overflow:hidden;}
.n-lb li{ height:0.8rem; line-height:0.8rem; font-size:.28rem; background:url(../images/dian.png) center left no-repeat; border-bottom:1px dashed #cfcfcf; padding:0 0 0 0.3rem; overflow:hidden;}
.n-lb li a{ color:#707070;}

.n-al{ margin:0.3rem 0 0 0; overflow:hidden;}
.n-al li{ width:3.45rem; margin:0 0.15rem 0.3rem 0.15rem; float:left; overflow:hidden;}
.n-al li .tu{ width:3.45rem; height:2.69rem; position:relative; overflow:hidden;}
.n-al li .tu img{ width:3.45rem; height:2.69rem;}
.n-al li .tu span{ width:3.45rem; color:#fff; height:0.6rem; line-height:0.6rem; background-color:rgba(0,0,0,0.5); text-align:center; overflow:hidden; font-size:.28rem; position:absolute; left:0; bottom:0; z-index:1;}

.n-al li .tc{ width:3.25rem; padding:0.1rem; text-align:center; background:#fff; overflow:hidden;}
.n-al li .tc h1{ font-size:.3rem; line-height:0.6rem; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.n-al li .tc h2{ color:#808080; font-size:.28rem; line-height:0.4rem; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.n-al li a{ text-decoration:none;}
.n-al li a:hover .tc{ background:#0a2b49;}
.n-al li a:hover .tc h1{ color:#fff;}
.n-al li a:hover .tc h2{ color:#fff;}

.n-zz{ width:7.2rem; padding:0 0.15rem 0.3rem 0.15rem; overflow:hidden;}
.n-zz ul{ width:7.5rem; overflow:hidden;}
.n-zz li{ width:3.45rem; height:2.3rem; margin:0.3rem 0.3rem 0 0; float:left;}
.n-zz li img{ width:3.45rem; height:2.3rem;}

.ntu{ padding:0.2rem 0 0 0.2rem; overflow:hidden;}
.ntu li{ width:3.45rem; margin:0 0.2rem 0.3rem 0; font-size:.28rem; text-align:center; overflow:hidden; float:left;}
.ntu li .tu{ width:3.45rem; height:2.31rem; overflow:hidden;}
.ntu li .tu img{ width:3.45rem; height:2.31rem; overflow:hidden;}
.ntu li .tit{ height:0.8rem; line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#f5f5f5;}
.ntu li .tit a{ display:block;}
.ntu li .tit a:hover{ text-decoration:none; color:#fff; background:#ffae00;}

.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:#fff; border-top:1px dashed #cecece;}
.page a{ padding:0.1rem 0.3rem; margin:0 0.1rem; border-radius:4px; display:inline-block; color:#fff; background:#585858;}
.page a:hover{ text-decoration:none; color:#fff; background:#ffae00;}