/* 样式初始化
--------------------------------------------------*/
html {height: 100%;}
body {font-family: Helvetica, Arial, sans-serif; font-family:微软雅黑, Arial;background: #fff;	-webkit-text-size-adjust: 100%;/*解决Iphone下橱窗字体变大问题*/}
* {padding: 0;margin: 0;border: 0;text-align: left;font-style: normal;font-weight: normal;font-size:12px;-webkit-tap-highlight-color: rgba(0,0,0,0);	/*禁止链接高亮*/-webkit-touch-callout: none;/*禁止链接长按弹出选项菜单*/}
nav, footer, section, header, article {display: block;}
ul,li{ list-style:none;}
img{ display:block; margin:0px; padding:0px; border:none;}
a{color:#000; text-decoration:none;}
a:link {-webkit-tap-highlight-color: rgba(0,0,0,0);	/*禁止链接高亮*/-webkit-touch-callout: none;/*禁止链接长按弹出选项菜单*/}
a:link, a:visited, a:hover, a:active {color: #000;}
input, textarea {-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}
.clearfix {clear:both;height:0;font-size: 1px;line-height: 0px;}
.fl{float:left;}
.fr{float:right;}
.img_right img{float:right;}
.img_left img{float:left;}
/* 主体结构
--------------------------------------------------*/
p{padding-bottom:4px;display:block;}
p span{display:block;}
.blank5{clear:both; height:5px; overflow:hidden; display:block;}
.blank8{clear:both; height:8px; overflow:hidden; display:block;}
.blank10{clear:both; height:10px; overflow:hidden; display:block;}
.blank15{clear:both; height:15px; overflow:hidden; display:block;}
.blank20{clear:both; height:20px; overflow:hidden; display:block;}
.center{text-align:center;}
.radius{-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;}
.opacity{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
/*布局*/
.box_root {width:100%;height:100%;max-width:1024px; margin:0 auto;overflow:hidden;}
.header{z-index: 9999;height: 56px;	overflow: visible;position: relative;zoom:1;}
.headline{ padding:0 3%;background: url(../images/head_bg.png) repeat-x; height:56px;z-index:9999;height: 54px;box-shadow: 0px 1px 2px #ccc; }
.logo{ float:left;} 
.logo img { max-height:40px;max-width:80%;}
.mainMenuButton {float:right;height:33px;width:33px;background: url(../images/menu.png) center center no-repeat; background-size:80%;}
.mainMenuWrapper {clear: both;display: none;position: absolute;right: 0px;	width:auto; margin:44px 20px 0 0;box-shadow: 0 2px 8px #ccc;padding-top:12px;background:url(../images/menu_arrow.png) right top no-repeat;border-radius:0 0 10px 10px; }
.mainMenuWrapper h2{ font-size:20px; text-align:center; line-height:45px; background-color:#f7f7f7;padding:0 20px;}
.mainMenuWrapper > li {line-height: 36px;border-bottom: 1px solid #ccc;margin-bottom: 0px;padding-left: 0px;	list-style: none;background-color:#fff;}
.mainMenuWrapper > li:last-child {border-bottom: none;}
.mainMenuWrapper > li > a {	margin:0 10px;background: url(../images/menu_icon.png) 0 center no-repeat;color: #999;padding-left: 16px; font-size:14px;}
.mainMenuWrapper > li > a:hover {text-decoration: none;}
/*--------------------------------------------------*/
#banner{ width:100%;height:100%; margin:0 0 5px 0;overflow:hidden;}
#banner ul{position:relative;width:100%;overflow:hidden;}
#banner li{float:left; position:relative;}
#banner li img{width:100%;max-width:100%; }
.banner img{width:100%;max-width:100%; }
/*--- -----------------------------------------------*/
.btn{text-align:center; width:100%; overflow:hidden;}
.btn img{text-align:center;margin:0 auto; width:100%; max-width:120px;}
.btn a{ color:#fff; display:block; text-align:center;white-space:nowrap; line-height:30px;}
.btn td{ padding:20px 10px;font-size:18px;}

.left_box{ width:35%;}
.right_box{ width:60%;}
.btn p{text-align:center;font-size:20px;}
.btn_home{background-color:#cf1c30;}
.btn_news{background-color:#ff97ff;}
.btn_pro{background-color:#ffcc00;}
.btn_contact{background-color:#12aeff;}
/*--- -----------------------------------------------*/
.footer{ padding-top:80px;}
#bottomToolbar{width:100%; height:80px;font-size:16px;position:fixed; bottom:0; left:0;_position:absolute; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight); text-align:center; color:#FFF; background:url(../images/footer_bg.gif) 0 15px repeat-x;
/*document.body.scrollTop 网页滚动的距离		document.body.clientHeight 网页可见区域高		this.offsetHeight 当前元素的高度	*/}
#bottomToolbar li{ width:20%; float:left;text-align:center; padding-top:20px;}
#bottomToolbar li img{text-align:center; margin:0 auto; max-width:60%;}
#bottomToolbar li.home{ padding:0;}
#bottomToolbar li.home img{max-width:100%;}
#bottomToolbar li span{ display:block; height:40px;}
#bottomToolbar li a {display:block;}
#bottomToolbar li a p{text-align:center; margin:0 auto; line-height:18px;color:#000; font-size:14px;}

/*------------------------------------------------------------------------------------------------------------------------------------*/
#collapse h3 + div { height:0px;padding:0px; overflow: hidden; display: block!important; -webkit-transform: translateZ(0); -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;	-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition: all 0.3s ease;}
#collapse .content { padding: 10px 0;}
#collapse .content p{ text-indent:2em; font-size:14px; line-height:1.6em; padding:0 10px;}
#collapse .content img{ max-width:100%;}

#collapse h3.open + div {height: auto;}
#collapse h3 {color:#fff; font-size:16px;}
#collapse h3 a {background: url(../images/sprite.png) 10px top no-repeat;display:block;padding:10px; padding-left: 45px; margin:0; color: #fff; text-decoration:none; background-size:30px;font-size:16px;}
#collapse h3.open a { background-position: 10px bottom; }
h3 + div {padding: 10px; }
.tit01{ background:url(../images/list_tit01.png) repeat-x;}
.tit02{ background:url(../images/list_tit02.png) repeat-x;}
.tit03{ background:url(../images/list_tit03.png) repeat-x;}
.tit04{ background:url(../images/list_tit04.png) repeat-x;}
.tit05{ background:url(../images/list_tit05.png) repeat-x;}

.news{ padding:0 10px;}
.news li{ line-height:2.8em; border-bottom:dashed 1px #999; font-size:14px;}
.news li span{ float:right; color:#999;}
.news li a{display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.product li{ width:50%; float:left; text-align:center; overflow:hidden;}
.product li a{font-size:16px;line-height:34px;text-align:center;}
.product li img{ width:90%; margin:0 auto;clear:both;}

.pro_info{padding:0 10px 10px 10px;}
.pro_img{ margin-bottom:10px;}
.pro_img img{width:100%;}
.info_text{font-size:16px;line-height:34px;}
.info_text dt{ font-size:18px;}
.info_text dd{ clear:both; font-size:16px;}
.info_text dd span{ font-size:16px;}
.color{height:26px; margin:4px 10px 4px 0; width:20%; max-width:50px; display:block; overflow:hidden; float:left;}

.detail_tit{border-bottom:solid 1px #12aeff;height:32px;}
.detail_tit h2{ float:left;height:32px; line-height:32px; font-size:18px; color:#fff; background-color:#12aeff; margin-left:10px; border-radius:5px 5px 0 0; padding:0 10px;}
.detail_info img{ width:100%;}

/*留言栏目*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:96%;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:96%;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:0px 0;text-align:right;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}