@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;}
.clearfix:before,.clearfix:after{ content:"";display:table;}
.clearfix:after{ clear:both;}

body{ max-width:750px; min-width:320px; margin:0 auto;}

/* 头 部 */
.lomu{ width:7.5rem; height:0.8rem; overflow:hidden;}

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

.mu{ width:0.8rem; height:0.8rem; 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;}
.menu li{ font-size:.28rem; text-align:center; line-height:1rem; display:block;}
.menu li a{ display:block; width:100%;}
.menu li a:hover{ overflow:hidden;}

.h_menu{ width:7.5rem; margin:0.3rem 0 0.2rem 0; overflow:hidden;}
.h_menu ul{ width:7.4rem; margin:0 auto;}
.h_menu li{ width:1.85rem; font-size:.28rem; text-align:center; line-height:0.7rem; float:left; overflow:hidden;}
.h_menu li img{ width:1rem; height:1rem; display:block; margin:0 auto;}
.h_menu li a{ color:#303030; display:block; width:100%;}

/* banner */
.banner{ max-width:750px; max-height:5rem; position:relative; overflow:hidden;}
.banner .hd{ width:7.5rem; height:0.2rem; position:absolute; z-index:1; left:0; bottom:1.1rem;}
.banner .hd ul{ text-align:center; height:0.2rem;}
.banner .hd li{ font-size:0; width:0.1rem; height:0.1rem; border-radius:100%; text-align:center; display:inline-block; margin:0 0.06rem; overflow:hidden;}
.banner .hd .on{ text-decoration:none;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd li img{ width:100%; }
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* 标 题 */
.h-tit{ width:7.5rem; height:1.35rem; position:relative; overflow:hidden;}
.h-tit h1{ width:7.5rem; font-size:.4rem; text-align:center; position:absolute; left:0; top:0.25rem; font-weight:bold; z-index:1;}
.h-tit h2{ width:7.5rem; font-size:.6rem; text-align:center; font-weight:bold; position:absolute; left:0; top:0;}
.h-tit h3{ width:0.5rem; height:5px; position:absolute; left:3.5rem; top:0.85rem;}
.h-tit h4{ width:7.5rem; font-size:.28rem; text-align:center; font-weight:normal; position:absolute; left:0; bottom:0;}

.b-tit{ width:7.5rem; height:1.35rem; position:relative; overflow:hidden;}
.b-tit h1{ width:7.5rem; font-size:.4rem; text-align:center; position:absolute; left:0; top:0.25rem; font-weight:bold; z-index:1;}
.b-tit h2{ width:7.5rem; font-size:.6rem; text-align:center; font-weight:bold; position:absolute; left:0; top:0;}
.b-tit h3{ width:0.5rem; height:5px; position:absolute; left:3.5rem; top:0.85rem;}
.b-tit h4{ width:7.5rem; font-size:.28rem; text-align:center; font-weight:normal; position:absolute; left:0; bottom:0;}

/* 更 多 */
.more{ width:4.5rem; text-align:center; height:0.7rem; line-height:0.7rem; font-size:.28rem; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); overflow:hidden; margin:0 auto; border-radius:40px;}
.more a{ display:block; text-decoration:none;}
.more a:hover{ display:block;}

/* 新品热销 */
.xpbox{ width:100%; overflow:hidden; padding:0.3rem 0 0.4rem 0;}
.xpcon{ width:3.55rem; margin:0.3rem 0.1rem 0.4rem 0.1rem; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);  overflow:hidden;}
.xpcon .xptu{ width:3.55rem; height:2.8rem; overflow:hidden;}
.xpcon .xptu img{ width:3.55rem; height:2.8rem; overflow:hidden;}
.xpcon .xptit{ font-size:.28rem; line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.xpcon .xptit a{ text-decoration:none; display:block;}
.xpcon .xptit a:hover{ overflow:hidden;}

/* 产品展示 */
.cpbox{ width:100%; padding:0.3rem 0 0.4rem 0; overflow:hidden;}
.cpbox .hd{ margin:0.3rem 0 0 0;}
.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; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; float:left;}
.cpbox .hd li.on{ display:block;}
.cpbox .bd{ width:7.5rem; overflow:hidden;}
.cpbox .bd ul{ width:7.5rem; overflow:hidden;}
.cpbox .bd li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; font-size:.28rem; text-align:center; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); 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;}
.cpbox .bd li .tit a{ display:block;}
.cpbox .bd li:hover .tit{ text-decoration:none;}
.cpbox .bd li:hover a{ display:block;}

/* 视 频 */
.spbox{ width:100%; overflow:hidden; padding:0.2rem 0 0.4rem 0;}
.spcon{ width:3.55rem; margin:0.3rem 0.1rem 0.4rem 0.1rem; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden;}
.spcon .sptu{ width:3.55rem; height:2.8rem; position:relative; overflow:hidden;}
.spcon .sptu img{ width:3.55rem; height:2.8rem; overflow:hidden;}
.spcon .sptu span{ width:3.55rem; height:2.8rem; overflow:hidden; position:absolute; z-index:1;}
.spcon .sptit{ font-size:.28rem; line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.spcon .sptit a{ text-decoration:none; display:block;}
.spcon .sptit a:hover{ overflow:hidden;}

/* 优 势 */
.ysbox{ width:100%; position:relative; padding:0.5rem 0; overflow:hidden;}
.yscon{ width:7.3rem; position:relative; padding:0 0.1rem;}
.yscon .hd{ width:7.1rem; height:1.6rem; margin:0.3rem auto 0 auto; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.1); overflow:hidden;}
.yscon .hd ul{ width:7.16rem; overflow:hidden; zoom:1;}
.yscon .hd li{ width:1.41rem; height:1.6rem; line-height:0.36rem; padding:0 0 0 0; position:relative; cursor:pointer; float:left;}
.yscon .hd li h1{ margin:0.8rem 0 0 0; font-size:.28rem; text-align:center;}
.yscon .hd li h2{ font-size:.2rem; font-weight:normal; text-align:center; font-family:Times New Roman;}
.yscon .hd li .s0{ width:0.5rem; height:0.5rem; position:absolute; left:0.455rem; top:0.25rem; z-index:1;}
.yscon .hd li:hover .s0{ width:0.5rem; height:0.5rem; display:none;}
.yscon .hd li .s0-0{ width:0.5rem; height:0.5rem; position:absolute; left:0.455rem; top:0.25rem; display:none;}
.yscon .hd li:hover .s0-0{ width:0.5rem; height:0.5rem; display:block; z-index:1;}

.yscon .hd li.on{ overflow:hidden;}
.yscon .hd li.on .s0{ display:none;}
.yscon .hd li.on .s0-0{ display:block;}

.yscon .bd{ width:7.3rem; position:relative; overflow:hidden;}
.yscon .bd li{ zoom:1; vertical-align:middle; overflow:hidden;}
.yscon .bd img{ width:7.1rem; height:4.9rem; overflow:hidden; display:block;}
.yscon .bd li .cd{ width:7.1rem; overflow:hidden;}
.yscon .bd li .cd h1{ font-size:.32rem; font-weight:bold; line-height:0.6rem; text-align:center; margin:0.1rem 0 0 0; display:block;}
.yscon .bd li .cd h3{ font-size:.28rem; line-height:0.5rem; font-weight:normal; display:block;}
.yscon .bd li .cd h4 a{ width:2rem; height:0.7rem; line-height:0.7rem; font-size:.28rem; text-align:center; font-weight:normal; margin:0.2rem auto 0 auto; display:block;}

/* 案 例 */
.albox{ width:100%; padding:0.3rem 0 0.4rem 0; overflow:hidden;}
.albox .hd{ margin:0.3rem 0 0 0;}
.albox .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; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; float:left;}
.albox .hd li.on{ display:block;}
.albox .bd{ width:7.5rem; overflow:hidden;}
.albox .bd ul{ width:7.5rem; overflow:hidden;}
.albox .bd li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; font-size:.28rem; text-align:center; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; float:left;}
.albox .bd li .altu{ width:3.55rem; height:2.8rem; overflow:hidden;}
.albox .bd li .altu img{ width:3.55rem; height:2.8rem; overflow:hidden;}
.albox .bd li .altit{ line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.albox .bd li .altit a{ display:block;}
.albox .bd li:hover .altit{ text-decoration:none;}
.albox .bd li:hover a{ display:block;}

/* 关于我们 */
.abbox{ width:7.5rem; padding:0.2rem 0 0.3rem 0; overflow:hidden;}
.absp{ width:7.3rem; height:4.14rem; margin:0.3rem auto 0 auto; overflow:hidden;}
.absp img{ width:7.3rem; height:4.14rem;}
.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;}

.usfl{ width:7rem; height:1.6rem; margin:0 auto; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.1); overflow:hidden;}
.usfl ul{ width:7.04rem;}
.usfl li{ width:1.74rem; height:1.6rem; position:relative; float:left;}
.usfl li:hover{ overflow:hidden;}
.usfl li a{ width:1.74rem; height:1.6rem; display:block;}
.usfl li .usfl-tit{ width:1.45rem; text-align:center; font-size:.28rem; line-height:30px; padding:0 0.15rem; position:absolute; left:0; bottom:0.15rem;}
.usfl li:hover .usfl-tit{ overflow:hidden;}
.usfl li .s0{ width:0.6rem; height:0.6rem; position:absolute; left:0.575rem; top:0.3rem; z-index:1;}
.usfl li:hover .s0{ width:0.6rem; height:0.6rem; display:none;}
.usfl li .s0-0{ width:0.6rem; height:0.6rem; position:absolute; left:0.575rem; top:0.3rem; display:none;}
.usfl li:hover .s0-0{ width:0.6rem; height:0.6rem; display:block; z-index:1;}

/* 新 闻 */
.lbbox{ width:100%; padding:0.2rem 0 0.4rem 0; overflow:hidden;}
.lbcon{ width:7.5rem; overflow:hidden;}
.lbcon li{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0.2rem 0.1rem; margin:0.3rem 0 0 0;}
.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.5rem; overflow:hidden; float:left;}
.lbcon li .newz h1{ font-size:.3rem;}
.lbcon li .newz a{ text-decoration:none;}
.lbdw{ padding:0 0.1rem; margin:0 0 0.3rem 0; overflow:hidden;}
.lbdw li{ font-size:.28rem; height:0.8rem; line-height:0.8rem; border-bottom:1px dashed #dadada;}

/* 精英团队 */
.tdbox{ padding:0.3rem 0 0.4rem 0; overflow:hidden;}
.tdcon{ margin:0.3rem 0 0 0; overflow:hidden;}
.tdcon li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); font-size:.28rem; text-align:center; overflow:hidden; float:left;}
.tdcon li .tu{ width:3.55rem; height:2.8rem; overflow:hidden;}
.tdcon li .tu img{ width:3.55rem; height:2.8rem; overflow:hidden;}
.tdcon li .tit{ line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tdcon li .tit a{ display:block;}
.tdcon li:hover .tit{ text-decoration:none;}
.tdcon li:hover a{ display:block;}

/* 合作伙伴 */
.yqbox{ width:7.5rem; padding:0.4rem 0 0.1rem 0; overflow:hidden;}
.yqbox li{ width:2.3rem; height:0.96rem; float:left; margin:0 0.1rem 0.2rem 0.1rem; overflow:hidden;}
.yqbox li img{ width:2.3rem; height:0.96rem; overflow:hidden;}

/* 弹窗 */
.wap_cover{ background:rgba(0,0,0,.8); width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; z-index:999; left:0; top:0; position:fixed; text-align:center; display:none;}
.wap_dialog_container{ width:85%; max-width:620px; padding:15px; overflow:hidden; background:#fff; border-radius:8px; position:relative; font-size:.28rem;}
.wap_dialog_title{ text-align:center; font-size:0.32rem; margin-top:5px; color:#ff9855;}
.wap-colose{ width:40px; height:40px; position:absolute; right:5px; top:5px; background:url(../images/close.png) center center no-repeat; background-size:40%;}
.wap_dialog_item{ margin-top:.2rem; color:#666; overflow:hidden;}
.input_wap,.input_wap_btn{ display:block; width:100%; padding:0 0.2rem; font-size:0.28rem; height:0.84rem; line-height:0.84rem; border:1px solid #dedede; border-radius:4px; background:#fff; color:#333;}
.input_wap_btn{ background:#ff9855; border-color:#ff9855; color:#fff;}

/* 底 部 */
.copyright{ font-size:.28rem; height:0.6rem; line-height:0.6rem; text-align:center; margin:0 0 0.83rem 0;}
.foot{ width:7.5rem; height:0.8rem; bottom:0; position:fixed; bottom:0; z-index:200;}
.foot ul{ width:7.7rem; overflow:hidden;}
.foot li{ width:1.86rem; font-size:.28rem; line-height:0.8rem; margin:0 2px 0 0; float:left;}
.foot li a { display:block; text-align:center; text-decoration:none;}
.foot li a i{ width:0.54rem; height:0.8rem; display:block; overflow:hidden; float:left;}
.foot li a i img{ max-width:0.54rem; max-height:0.8rem;}

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

.n-banner{ height:1.8rem; position:relative;}

.ntit{ width:100%; height:0.89rem; line-height:0.9rem; position:absolute; right:0; bottom:0;}
.ntt{ height:0.89rem;}
.ntt h1{ font-size:.34rem; line-height:0.86rem; margin:0 0.1rem; float:left;}
.ntt i{ font-size:.28rem; height:0.89rem; line-height:0.89rem; float:left;}

.x-tit{ font-size:.28rem; line-height:0.6rem; text-align:center; padding:0.1rem 0 0.2rem 0; margin:0 0 15px 0;}
.x-tit h1{ font-size:.35rem; font-weight:bold;}

.fy{ padding:0.1rem 0.2rem; overflow:hidden;}
.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;}
.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;}
.nfl a{ width:2.3rem; line-height:0.8rem; display:block; text-decoration:none;}
.nfl a:hover{ display:block;}
.nfl .on a{ text-decoration:none;}

.nrwz{ width:7.1rem; padding:0.2rem; font-size:.28rem; line-height:0.6rem; overflow:hidden;}
.nrwz img,.nrwz iframe{ max-width: 100%!important; height: auto!important; }
.nrwz p{ margin:0; padding:0;}

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

.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;}
.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;}
.n-news li .newz h1{ font-size:.3rem;}
.n-news li .newz a{ text-decoration:none;}

.ntu{ margin:0.3rem 0 0 0; overflow:hidden;}
.ntu li{ width:3.55rem; margin:0 0.1rem 0.3rem 0.1rem; font-size:.28rem; text-align:center; position:relative; 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 .tu span{ width:3.55rem; height:2.8rem; overflow:hidden; position:absolute; z-index:1;}
.ntu li .tit{ line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ntu li .tit a{ display:block;}
.ntu li .tit a:hover{ text-decoration:none;}

.ntd{ margin:0.3rem 0 0 0; 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:2.8rem; overflow:hidden;}
.ntd li .tu img{ width:3.55rem; height:2.8rem; overflow:hidden;}
.ntd li .tit{ line-height:0.8rem; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ntd li .tit a{ display:block;}
.ntd li .tit a:hover{ text-decoration:none;}