@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; margin:0 auto;}

/* 头部 */
.topbox{ width:7.5rem; position:fixed; z-index:200;}
.menubg{ position:fixed; width:100%; height:100%; top:0; display:none; z-index:100;}

.mm{ width:1rem; position:absolute; top:0; right:0;}
.mm img{ width:100%;}

.logo{ width:6.5rem; height:1rem; overflow:hidden;}
.logo img{ width:100%;}

/* 导航 */
.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%;}

/* banner */
.banner{ max-width:750px; height:3.31rem; position:relative; padding:1rem 0 0 0; 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;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd li img{ width:100%; height:3.31rem;}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* 标题 */
.b-tit{ width:4rem; text-align:center; line-height:0.7rem; padding:0.37rem 0 0 0; position:relative; margin:0 auto;}
.b-tit h1{ font-size:.7rem;}
.b-tit h2{ width:100%; font-size:.35rem; font-weight:normal; position:absolute; left:0; bottom:0;}

.h-tit{ width:4rem; text-align:center; line-height:0.7rem; padding:0.37rem 0 0 0; position:relative; margin:0 auto;}
.h-tit h1{ font-size:.6rem;}
.h-tit h2{ width:100%; font-size:.35rem; font-weight:normal; position:absolute; left:0; bottom:0;}

.cpxl{ width:1.82rem; height:1px; position:absolute; left:-1.75rem; bottom:0.19rem;}
.cpxr{ width:1.82rem; height:1px; position:absolute; right:-1.75rem; bottom:0.19rem;}

/* 更多 */
.more{ width:0.82rem; height:0.82rem; overflow:hidden; text-align:center; position:relative; margin:0 auto;}
.more img{ width:100%;}
.more a{ position:relative; margin:0.2rem; display:block; z-index:100;}
.more:hover .qq{ content:""; position:absolute; display:block; width:0.6rem; height:0.6rem; border-radius:50%; -webkit-animation:bounce-circle 1.8s infinite; animation:bounce-circle 1.8s infinite; animation-delay:0s; box-sizing:border-box; left:0.11rem; top:0.11rem;}
@-webkit-keyframes bounce-circle {
0%{ opacity:0; filter:alpha(opacity=0); -webkit-transform:scale(1); transform:scale(1)}
20%{ opacity:1; filter:alpha(opacity=100);}
80%,100% { opacity:0; filter:alpha(opacity=0); -webkit-transform:scale(1.3); transform:scale(1.3)}}

/* 产品 */
.cpbox{ width:7.5rem; padding:0 0 0.2rem 0;}
.fl{ width:7.4rem; padding:0 0.05rem; margin:0.4rem 0 0 0; overflow:hidden;}
.fl li{ width:1.65rem; font-size:.28rem; line-height:0.7rem; text-align:center; margin:0 0.1rem; float:left;}
.fl li a{ height:0.7rem; display:block;}
.cpcc{ margin:0.4rem 0 0 0; overflow:hidden;}
.cpcc li{ width:3.55rem; margin:0 0.1rem; overflow:hidden; float:left;}
.cpcc li .tu{ width:3.55rem; height:2.83rem; overflow:hidden;}
.cpcc li .tu img{ width:3.55rem; height:2.83rem;}
.cpcc li .ti{ text-align:center; line-height:0.8rem; font-size:.28rem;}
.cpcc li:hover a{ display:block; text-decoration:none;}
.cpcc li:hover a img{ width:3.55rem; height:2.83rem;}

/* 简介 */
.usbox{ width:7.5rem; padding:0 0 0.2rem 0; overflow:hidden;}
.uscc{ font-size:.28rem; padding:0 0.2rem; line-height:0.6rem; overflow:hidden;}
.ustu{ width:7.1rem; padding:0.2rem; margin:0 0 0.2rem 0; overflow:hidden;}
.ustu-l{ width:3.4rem; height:4.6rem; margin:0 0.3rem 0 0; position:relative; float:left;}
.ustu-l img{ width:3.4rem; height:4.6rem;}
.ustu-l-wz{ width:1.4rem; height:0.86rem; padding:0.14rem 0 0 0; text-align:center; position:absolute; left:0; bottom:0;}
.ustu-l-wz h1{ font-size:.24rem;}
.ustu-l-wz h2{ font-size:.28rem;}
.ustu-r{ width:3.4rem; height:4.6rem; overflow:hidden; float:left;}
.ustu-r li{ width:3.45rem; height:2.15rem; position:relative; margin:0 0 0.3rem 0; overflow:hidden;}
.ustu-r li img{ width:3.45rem; height:2.15rem;}
.ustu-r-wz{ width:1rem; height:0.9rem; padding:0.1rem 0 0 0; text-align:center; position:absolute; left:0; top:0;}
.ustu-r-wz h1{ font-size:.24rem;}
.ustu-r-wz h2{ font-size:.28rem;}


/* 新闻动态 */
.newsbox{ width:100%; padding:0 0 0.2rem 0; overflow:hidden;}
.newscc{ position:relative; overflow:hidden; margin:0.2rem auto 0.1rem auto;}
.newscc li{ width:3.55rem; height:3.03rem; margin:0.2rem 0.1rem 0.1rem 0.1rem; float:left;}
.newscc li .pic{ width:3.55rem; height:1.82rem; display:block; overflow:hidden;}
.newscc li .pic img{ width:3.55rem; height:1.82rem;}
.newscc li:hover .pic img{ width:3.55rem; height:1.82rem;}
.newscc li .title{ padding:0.1rem 0; overflow:hidden;}
.newscc li .title{ font-size:.28rem; line-height:0.5rem; text-align:center; overflow:hidden;}

/* 案例 */
.albox{ width:7.5rem; padding:0 0 0.2rem 0; overflow:hidden;}
.alcc{ margin:0.4rem 0 0 0; overflow:hidden;}
.alcc li{ width:3.55rem; margin:0 0.1rem; overflow:hidden; float:left;}
.alcc li .tu{ width:3.55rem; height:2.83rem; overflow:hidden;}
.alcc li .tu img{ width:3.55rem; height:2.83rem;}
.alcc li .ti{ text-align:center; line-height:0.8rem; font-size:.28rem;}
.alcc li:hover a{ display:block; text-decoration:none;}
.alcc li:hover a img{ width:3.55rem; height:2.83rem;}

/* 底部 */
.copyright{ font-size:.28rem; height:0.6rem; line-height:0.6rem; text-align:center; margin:0 0 1rem 0;}
.foot{ width:7.5rem; height:1rem; bottom:0; position:fixed; bottom:0; z-index:200;}
.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;}
.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;}

/* 内页 */
.n-banner{ width:7.5rem; height:2.2rem; padding:1rem 0 0 0; position:relative;}
.n-banner i{ height:2.2rem; display:block;}

.ntit{ width:7.1rem; height:0.8rem; line-height:0.8rem; font-size:.28rem; padding:0 0.2rem; overflow:hidden; position:absolute; left:0; bottom:0;}
.ntt{ padding:0 0 0 0.3rem; overflow:hidden;}
.ntt h1{ font-size:.35rem; line-height:0.8rem; margin:0 0.15rem 0 0; float:left;}
.ntt i{ font-size:.35rem; height:0.8rem; line-height:0.8rem; float:left;}

.n-box{ overflow:hidden;}

.nfl{ padding:0 0 0.3rem 0; text-align:center; overflow:hidden;}
.nfl li{ font-size:.32rem; text-align:center; margin:0.3rem 0 0 0.3rem; float:left;}
.nfl a{ width:2.08rem; line-height:0.7rem; display:block; text-decoration:none;}
.nfl .on a{ text-decoration:none;}

.nrwz{ font-size:.28rem; padding:0.1rem 0.2rem; line-height:0.6rem; overflow:hidden;}
.nrwz img{ width:100%; margin:0.1rem 0;}

.fy{ width:7.1rem; padding:0.15rem 0.2rem; overflow:hidden;}
.fy li{ font-size:.28rem; line-height:0.5rem;}
.fy li img{ width:0.32rem; height:0.32rem; margin:0.1rem 0.2rem 0 0.58rem;}

 
.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;}

.n-news{ width:7.3rem; margin:0.3rem 0.1rem;}
.n-news li{ padding:0.2rem; margin:0.3rem 0; overflow:hidden;}
.n-news li:hover a{ display:block; text-decoration:none; overflow:hidden;}
.n-news li .netu{ width:2.53rem; height:1.3rem; margin:0 0.2rem 0 0; overflow:hidden; float:left;}
.n-news li .netu img{ width:2.53rem; height:1.3rem; display:block;}
.n-news li .newz{ width:4.12rem; height:1.3rem; font-size:.20rem; line-height:0.4rem; overflow:hidden; float:left;}
.n-news li .newz h1{ font-size:.3rem;}
.n-news li .newz a{ text-decoration:none;}
/*在线留言*/
.message_content{  padding:2% 5%; margin:3% auto 2% auto}
.message_content input[type="text"],.contact input[type="email"],.message_content input[type="tel"],.message_content input[type="url"],.message_content textarea,.message_content button[type="submit"]{font:400 12px/16px "Open Sans",Helvetica,Arial,sans-serif;}
.message_content h3{color:#F96;display:block;font-size:30px;font-weight:400;}
.message_content h4{margin:5px 0 15px;display:block;font-size:13px;}
fieldset{border:medium none !important;margin:0 0 10px;min-width:100%;padding:0;width:100%;}
.message_content input[type="text"],#contact input[type="email"],#contact input[type="tel"],#contact input[type="url"],.message_content textarea{width:90%;border:1px solid #CCC;background:#FFF;margin:0 0 5px;padding:10px;}
.message_content input[type="text"]:hover,#contact input[type="email"]:hover,.message_content input[type="tel"]:hover,.message_content input[type="url"]:hover,.message_content textarea:hover{-webkit-transition:border-color 0.3s ease-in-out;-moz-transition:border-color 0.3s ease-in-out;transition:border-color 0.3s ease-in-out;border:1px solid #007AC4;}
.message_content textarea{height:100px;max-width:100%;resize:none;}
.message_content button[type="submit"]{cursor:pointer;width:20%;border:none;background:#4a9900;color:#FFF;margin:0 0 5px;padding:10px;font-size:15px;}
.message_content button[type="submit"]:hover{background:#4a9900;-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;}
.message_content button[type="submit"]:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}
.message_content input:focus,#contact textarea:focus{outline:0;border:1px solid #BF3131;}::-webkit-input-placeholder{color:#888;}:-moz-placeholder{color:#888;}::-moz-placeholder{color:#888;}:-ms-input-placeholder{color:#888;}