* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }
a:link { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout: none; text-decoration:none; }
body { font:0.8em/1.5 "Microsoft Yahei", "Thmano", "Arial"; color:#333; -webkit-text-size-adjust:100%; background:#eee; }
img { border:0px; }
input, textarea, select  { font:0.8em/1.5 "Microsoft Yahei","Thmano", "Arial"; color:#999; outline:0; }
textarea { resize: none; overflow:auto; }
ul, ol { list-style-type:none; }
table { border-collapse:collapse; border-spacing:0; }
.clear { clear:both; font-size:0em; line-height:0px; height:0px; }
.hidden { display:none; }
.center { text-align:center; }
.modalBlur { -webkit-filter:blur(1px); -moz-filter:blur(1px); -ms-filter:blur(1px); filter:blur(1px); }
.layout { position:fixed; width:100%; height:100%; left:0; top:0; z-index:98; background:#000; opacity:0.7; display:none; }
.dataErr { width:100%; height:40px; line-height:40px; margin:0 auto; color:#999;  }
.listPro .dataErr, .listNews .dataErr { width:92%;  }
.inputErr { background:#e5f5fd !important; color:#097aaf !important; }
.fixeder { position:fixed; width:100%; left:0; bottom:30px; }
/* 顶部工具栏 */
.navBar { width:100%; position:fixed; left:0; bottom:0; z-index:100; }
.navBar .main { width:100%; height:35px; max-width:640px; min-width:320px; background:-webkit-linear-gradient(#2e3538, #14181a) !important; background:#21272a; margin:0 auto; }
.navBar li { float:left; width:20%; height:35px; position:relative; background:url(images/c.gif) left center no-repeat; }
.navBar li:first-child { background:none; }
.navBar li > a { display:block; height:15px; text-align:center; color:#ab896d; margin:0 auto; padding:10px 0; }
.navBar i { width:15px; height:15px; background:url(images/a.png) 0 0 no-repeat; background-size:15px; display:block; margin:0 auto; }
.navBar li.back i { background-position:0 0; }
.navBar li.home i { background-position:0 -17px; }
.navBar li.call i { background-position:0 -35px; }
.navBar li.line i { background-position:0 -52px; }
.navBar li.navi i { background-position:0 -69px; }
.navBar li.hover a { background:#21282b; }
/* 顶部工具下拉菜单 */
.nav { display:none; background:#21282b; width:100px; text-align:center; position:absolute; bottom:40px; right:5px; border-radius:5px; padding:5px 0; }
.nav dd { height:30px; line-height:30px; background:url(images/b.gif) center bottom no-repeat; }
.nav dd:last-child { background:none; }
.nav a { color:#FFF; }
/* header */
.header { width:100%;  }
.header .main { max-width:640px; min-width:320px; width:100%; background:#333; }
.header .main img { height:50px; display:block; margin:0 auto; }
/* pane */
.pane { width:96%; margin:0 auto 10px; height:40px; }
.pane .tid { position:relative; z-index:10; height:40px; }
.pane .tid span { width:98%; height:40px; line-height:40px; padding-left:2%; background:#f8f8f8; background:-webkit-linear-gradient(#FFF, #f0f0f0); background:-moz-linear-gradient(#FFF, #f0f0f0); background:-mz-linear-gradient(#FFF, #f0f0f0); border:1px solid #ddd; border-radius:8px; position:absolute; left:0; top:0; z-index:10; cursor:pointer; }
.pane .tid a { width:20px; height:14px; position:absolute; right:2%; top:15px; background:url(images/e.png) 0 0 no-repeat; background-size:20px; z-index:11;}
.pane .tod { background:#fff; border:1px solid #ddd; margin-top:-10px; padding-top:15px; padding-bottom:10px; display:none; position:relative; z-index:9; border-radius:0 0 8px 8px;  }
.pane .tod li { padding:0 2em; text-align:center; }
.pane .tod a { border-bottom:1px solid #ddd; display:block; height:2em; line-height:2em; color:#999; }
.pane .tod li:last-child a { border-bottom:0; }
.pane li.hover a { color:#ee970f; }
/* cms2.0地图 */
.baiduMap { height:200px; margin:20px 0 10px; border-radius:8px;line-height: 20px;}
.BMap_bubble_title a { display:inline-block; padding:0 10px; height:2em; line-height:2em; border-radius:0.5em; background:#e64819; color:#FFF; }
/* 相关链接 */
.relLink { width:100%; height:30px; margin:0 auto; }
.relLink .goTop, .relLink > div { display:block; width:50px; height:30px; background:url(images/ui-a.png) 0 0 no-repeat; background-size:50px; text-indent:-99em; overflow:hidden; }
.relLink .l { float:left; margin-right:2%; }
.relLink .r { float:left; background-position:0 -33px;  }
.relLink a { display:block; }
.relLink .goTop { float:right; background-position:0 -66px; }
/* 迷你翻页 */
.minPage { width:96%; height:30px; margin:0 auto; }
.minPage span, .minPage a { float:left; width:50px; height:30px; background:url(images/ui-a.png) 0 0 no-repeat; background-size:50px; text-indent:-99em; overflow:hidden; display:none; }
.minPage a.prev { margin-right:2%; }
.minPage a.next { background-position:0 -33px; }
.minPage .goTop { float:right; background-position:0 -66px; display:block !important; }
/* 网站可视区域 */
.wrapper { max-width:640px; min-width:320px; width:100%; margin:0 auto; position:relative; }
/* banner */
.banner { width:100%; max-width:640px; min-width:320px; position:relative; z-index:1; background:#FFF; overflow:hidden; margin-bottom:15px; }
.banner ul { float:left; width:500%; }
.banner li { float:left; width:20%; }
.banner img { display:block; width:100%; }
.banner .tip { width:100%; height:10px; position:absolute; bottom:0px; z-index:10; text-align:center; z-index:10; padding:10px 0; background:rgba(0,0,0,0.8); }
.banner .tip span { display:inline-block; width:10px; height:10px; background:#FFF; border-radius:15px; margin:0 5px; vertical-align:5px; opacity:0.5; }
.banner .tip span.cur { opacity:1; }
/* column */
.column { float:left; width:100%; }
.column li { float:left; }
.column li.s { float:left; width:30%; margin:0 0 2.5% 2.5%; height:40px; line-height:40px; background:#fff; border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,0.1); font-size:1.2em;  text-align:center; }
.column li.s a { color:#000; display:block; height:40px; }
.column li.e { float:left; width:30%; margin:0 0 2.5% 2.5%; background:#fff; border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,0.1); position:relative; }
.column li.e img { display:block; width:100%; border-radius:5px; }
.column li.e1 a, .column li.e2 a, .column li.e3 a { text-align:center; color:#FFF; position:absolute; width:100%; height:100%; }
.column li.e span { display:block; width:100%; height:100%; border-radius:5px; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; display:-moz-box; -moz-box-align:center; -moz-box-pack:center; display:box; box-align:center; box-pack:center; background:#2c8411; }
.column li.e font { padding-top:25px; height:20px; line-height:20px; display:block; background:url(images/d1.png) center 0 no-repeat; background-size:22px; }
.column li.e1 font { background-image:url(images/d1.png); }
.column li.e2 font { background-image:url(images/d2.png); }
.column li.e3 font { background-image:url(images/d3.png); }
.column li.hover { box-shadow:0 1px 3px rgba(0,0,0,0.5); }
/* listPro */
.listPro { padding-top:10px; }
.listPro .list { width:96%; border-radius:5px; background:#FFF; box-shadow:0px 2px 2px rgba(0,0,0,0.1); margin:0 auto 15px; overflow:hidden;  }
.listPro .list li.item { float:left; width:94%; margin:0 0 0 3%; overflow:hidden; border-bottom:1px solid #ddd; padding:10px 0; background:url(images/d.gif) 96% center no-repeat; background-size:7px; }
.listPro .list li:last-child { border-bottom:0; }
.listPro .list img { float:left; width:90px; height:90px; margin-right:10px; border-radius:5px; }
.listPro .list span { display:block; height:30px; line-height:30px; font-size:1.2em; color:#333; overflow:hidden; }
.listPro .list span.model { color:#ccc; }
.listPro .list span.price font { color:#ef870c; }
.listPro .list li.hover { border-bottom-color:#aaa; }
/* listNews */
.listNews { padding-top:10px; margin-bottom:15px; }
.listNews .list { overflow:hidden; margin-bottom:1.5em; }
.listNews .list li.item { float:left; width:96%; margin:0 0 2% 2%; background:#FFF; border-radius:3px; box-shadow:1px 1px 1px rgba(0,0,0,0.1); }
.listNews .list a { display:block; height:40px; line-height:40px; margin-left:2%; color:#333; }
.listNews li.hover { background:#f1f1f1 !important; }
/* listCase */
.listCase { padding-top:10px; margin-bottom:15px;  }
.listCase .list { overflow:hidden; }
.listCase .list li.item { float:left; width:47%; margin:0 0 2% 2%; border-radius:5px; background:#FFF; box-shadow:0px 2px 2px rgba(0,0,0,0.1); overflow:hidden; }
.listCase .list li.item img { display:block; width:100%; }
.listCase .list li.item span { display:block; height:40px; line-height:40px; font-size:1.2em; color:#333; text-align:center; }
.listCase .list li.hover { box-shadow:0px 2px 5px rgba(0,0,0,0.5); }
/* showInfo */
.showInfo { padding-top:10px; margin-bottom:15px; }
.showInfo .content { padding:4%; color:#666; line-height:2em; background:#FFF; border-radius:5px; box-shadow:1px 1px 1px rgba(0,0,0,0.1); margin-bottom:2em; }
.showInfo .content img { max-width:100%; border-radius:8px; }
.showInfo .proImg { max-width:100%; display:block; margin:0 auto 20px; border-radius:8px; }
.showInfo h1.proTit { text-align:center; font-size:1.5em; font-weight:400; color:#000; margin-bottom:0.5em; }
.showInfo h1.newsTit { font-size:1.5em; font-weight:400; color:#000; }
.showInfo h1.aboutTit { font-size:1.5em; font-weight:400; color:#000; border-bottom:1px solid #ccc; padding-bottom:0.5em; margin-bottom:1em; }
.showInfo .date { height:2em; line-height:2em; border-bottom:1px solid #ccc; color:#ccc; margin-bottom:1em; }
/* message */
.message .content { padding:10px 4% 15px; color:#666; overflow:hidden; }
.message li { margin-bottom:15px; float:left; width:100%; font-size:1.2em; }
.message .txt, .message .text, .message input.code { width:94%; padding:0 3%; height:40px; line-height:40px; background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px rgba(0,0,0,0.5); font-size:1em; }
.message .text { height:100px; line-height:20px; padding:3%; }
.message input.code { width:60%; }
.message img.code { float:right; width:30%; height:40px; border-radius:5px; }
.message .sub { width:100%; height:40px; line-height:40px; text-align:center; background:-wenkit-linear-gradient(#FFF, #EEE) !important; background:#FFF; border:0; border-radius:3px; box-shadow:0 0 5px rgba(0,0,0,0.1); font-size:1.2em; cursor:pointer; }
/* footer */
.footer { padding:15px 0; color:#333; }
.footer a { color:#333; }
.ifooter { position:fixed; left:0; bottom:50px; width:100%; height:20px; color:#ddd; text-shadow:2px 2px 2px rgba(0,0,0,1); }
.ifooter a { color:#ddd; }