@charset "utf-8";
/* CSS Document */
article,nav,aside,header,footer,section,hgroup,menu{display:block;outline:0;vertical-align:baseline;background:transparent;}
html,body,article,nav,aside,header,footer,section,hgroup,menu,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,dl,dt,dd,ol,ul,li,fieldset{margin:0;padding:0;border:0;font-size:100%;}
body{direction:ltr;background:#fff;font:14px/1.5 'Verdana','Arial','宋体';color:#333;height:100%;}
ul,ol,dl,menu{list-style:none;}img,select,input{vertical-align:middle;}
input,button,textarea,select,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight: normal;outline:none;*font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}em{font-style:normal;}caption{text-align:left;}
a,a:link,a:visited,a:active{ color:#333; text-decoration:none;outline:none;}a:hover{color:#f00; text-decoration:none;}
.fl{float:left;}.fr{float:right;}
.clearfix:after,.product:after,.nav ul:after,#BottomNav ul:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix,.product,.nav ul,.#BottomNav ul{*zoom:1;}
img{ max-width:100%;}

/** index样式 **/
header{ height:90px; overflow:hidden; margin:10px 0px 0px; background:#333}
header .logo{ float:left; margin:5px 0 0 5px;}

.w640{ max-width:640px; height:auto; overflow:hidden; margin:0 auto;}

nav{ padding:0 0px;}
nav ul{ background:#fff;overflow:hidden; padding-left:2px;}
nav ul li{ float:left; text-align:center; width:33.33%; line-height:34px; margin-bottom:1px; background:#fff}
nav ul li a{ display:block;background:#074fb5; font-size:14px; font-weight:bold; width:99.99%; }
nav ul li a,nav ul li a:link,nav ul li a:visited,nav ul li a:active{ color:#fff;}
nav ul li a:hover{ background:#762100;}

#slider{ margin-top:5px;}
#slider figure{ margin:0; padding:0;display:block}
#slider figure div.wrap{max-width:650px;height:130px;display:block;margin:0 auto;position:relative;}
#slider figure div.image{display:block;height:inherit}
#slider figure a{text-transform:none;font-weight:400;letter-spacing:0;position:absolute;bottom:10px;right:20px;font-size:12px;color:#fff;background:#0096ff;padding:2px 5px;border-radius:3px;	opacity:.45;font-family:franklin-gothic-urw,sans-serif}
#slider figure a:hover{opacity:.85;text-decoration:none}
.swipe{overflow:hidden;visibility:hidden;position:relative;}
.swipe-wrap{overflow:hidden;position:relative;}
.swipe-wrap > figure{float:left;width:100%;position:relative;}

footer{ padding:15px 0 70px; margin:5px 2px 0; text-align:center; font-size:12px; overflow:hidden; border-top:solid 2px #ccc}
#goTop{	position:fixed;	bottom:60px; right:5px; background:url(../images/mobile/goTop.png) no-repeat 14px 15px; display:none;background-color:rgba(0,0,0,0.6); width:40px; height:40px; border-radius:4px; cursor:pointer; z-index:9999;}

.wrap{ margin-top:5px; padding:0 2px; overflow:hidden;}
.wrap h1{ display:block; height:32px; background:url(../images/mobile/titBg.png) repeat-x; line-height:32px;font-size:14px; color:#fff;}
.wrap h1 span{ float:left; background:url(../images/mobile/spanBg.png) no-repeat 12px; padding-left:35px; font-family:"微软雅黑";}
.wrap h1 a,.wrap h1 a:link,.wrap h1 a:visited,.wrap h1 a:active{ float:right; width:60px; color:#fff; font-size:12px;}

.about{ padding:5px; font-size:12px; line-height:180%; max-height:150px; overflow:hidden;}
.proList{ overflow:hidden;}
.proList li{ float:left; margin-right:8px;}
.proList li a{ display:block; margin:1px; background:#DBDBDB; padding:0 8px; height:32px; line-height:32px; font-size:12px; overflow:hidden;}
.proList li a:hover{ color:#C10302;}

.news{ padding:5px;}
.news li{ display:block; position:relative; height:30px; line-height:30px; border-bottom:1px dashed #ccc; background:url(../images/mobile/dot.gif) no-repeat 5px 14px; padding-left:15px; font-size:12px; padding-right:85px; overflow:hidden;}
.news li span{ position:absolute; top:0; right:0; width:85px; height:30px; text-align:right;}

.product,.case{ overflow:hidden;}
.product li{ float:left; width:50%; margin:5px 0; text-align:center;}
.product li img{max-width:149px; height:111px; border:solid 1px #ccc; padding:2px;}
.product li span{ display:block; height:30px; line-height:30px; font-size:12px; overflow:hidden;}

.case li{ float:left; width:50%; margin:5px 0; text-align:center;}
.case li img{width:168px; height:62px;}
.case li span{ display:block; height:30px; line-height:30px; font-size:12px; overflow:hidden;}

/** article **/
.wrapper{ padding:0 2px; margin-top:5px; min-height:300px;}
.wrapper .title{ display:block; height:32px; background:url(../images/mobile/titBg.png) repeat-x; line-height:32px; margin-bottom:5px;font-size:12px; color:#fff; padding-left:10px;}
.wrapper .title a{ color:#fff}

#listBut{ background-image:url(../images/mobile/but.png);cursor:pointer; background-repeat:no-repeat; background-position:98% 5px;}
#list{ display:none; margin-top:-5px;}

article{ display:block; padding:5px;}
article h2{ display:block; line-height:40px; text-align:center;}
article img{ max-width:100%; display:block;margin: 0 auto;}

.nr_next{line-height:30px; overflow:hidden; margin-bottom:0px;border-top:solid 1px #ccc; padding-top:10px;color:#333333}
.nr_next a{ color:#333333}

/*悬浮菜单*/
#BottomNav{background:-webkit-gradient(linear, 0 0, 0 bottom, from(#074fb5), to(#074fb5));background:-moz-linear-gradient(#074fb5, #074fb5);height:50px;overflow:hidden; position:fixed;left:0;bottom:0;width:100%;}
#BottomNav ul li { float:left; text-align:center; width:25%;}
#BottomNav .icon {background:url(../images/mobile/yvonne.png) no-repeat scroll 0 0 transparent; display:block; height:18px; margin:0 auto 3px;}
#BottomNav .a { background-position:1px 1px;width:33px; height:18px;}
#BottomNav .b { background-position:-32px 1px; width:28px; height:18px;}
#BottomNav .c { background-position:-58px 1px;width:30px; height:18px;}
#BottomNav .d { background-position:-88px 1px;width:23px; height:18px;}
#BottomNav .e { background-position:-111px 1px;width:26px; height:18px;}
#BottomNav ul li a { font:12px "微软雅黑"; color:#fff; display:block; border-right:1px solid #fff; margin:8px 0px;}
#BottomNav .last { border-right:none !important;}

.ui-input-text{display:block;padding: 0 .4em;margin: .5em 0;background-image: none;position: relative;-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);box-shadow: inset 0 1px 4px rgba(0,0,0,.2);-webkit-background-clip: padding;background-clip: padding-box;-webkit-border-radius: .6em;border-radius: .6em;border: 1px solid #aaa;color: #333;}
.ui-input-text input,
.ui-input-text textarea{width: 100%;min-height: 1.4em;line-height: 1.4em;font-size: 16px;padding: .4em 0;margin: 0;display: block;background: transparent none;outline: 0!important;border:none;-webkit-appearance: none;}
.ui-input-text select{width: 100%;min-height: 1.4em;line-height: 1.4em;font-size: 16px;padding: .4em 0;margin: 0;display: block;background: transparent none;outline: 0!important;border:none;}

/**分页**/
.page{ display:block; height:25px; line-height:25px; margin:20px 0 10px; text-align:center; font-size:12px;}
.page a, .page a:link, .page a:visited,.page a:active{ padding:0 5px;}
.page span{ color:#DC3719;}
.page a:hover,.page span.current{ color:#DC3719;}
.pages{ line-height:25px; margin:20px 0; text-align:center; font-size:12px;}
.pages a{ padding:0 6px;}

.page_link {padding:0px;margin:0px; text-align:center; font-family:Verdana; font-size:12px; margin-top:15px; margin-bottom:10px; }
.page_link a { border:solid 1px #ddd; padding:5px 12px; text-decoration: none; color:#000; margin-left:-1px;}
.page_link a:hover {background-color:#f5f5f5}
.page_link a:active { background:#f0f0f0}
.page_link span{border:solid 1px #ddd; padding:5px 12px; color:#000; margin-left:-1px;}
.page_link span.current { background:#f0f0f0; color:#999}
.page_link span.disabled {color:#999}


.a_click{ height:auto; overflow:hidden;}
.a_click a{ padding:5px 10px; background:#074fb5; display:block; float:left; margin-right:3px; margin-bottom:5px;color:#fff}
.a_click a.hover{ background:#000; color:#fff}