body {font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;color: #555;background-color: #D5D5D6;min-width: 320px;}
body, button, input, textarea {font-size: 12px;line-height:1.5;outline: none;margin: 0;padding: 0;border: 0;}
p, ul, ol, dl, dt, dd, form, blockquote {margin: 0;padding: 0;}
ul, ol {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 12px;margin: 0;padding: 0;}
em, b, i {font-style: normal;font-weight: normal;}
img {border: 0;}
a {text-decoration: none;color: #333333;}
a:hover {text-decoration: underline;}
input, img, select {vertical-align: middle;}
.clear {clear: both;height: 0;line-height: 0;font-size: 0;}
.clearfix {overflow: hidden;zoom: 1;}
.none {display: none;}
#captcha {cursor: pointer;}
table{border-collapse:collapse;}
/* 主体框架
----------------------------------------------- */
#wrapper {width: 100%;min-width: 320px;margin: 0 auto;max-width: 640px;background-color: #FFF;overflow: hidden;}
#wrapper .mb {margin-bottom: 50px;}
/* -- header -- */
#header {zoom:1;overflow: hidden;background-color: #0072C6;height: 45px;margin-bottom: 1px;color: #FFF;text-align: center;font-size:16px;}
#header a {color: #FFF;}
#header em {line-height: 45px;}
#header .logo {float: left;padding-left: 11px;}
#header .home, #header .sitemap {display: block;width: 45px;height: 45px;}
#header .home {float: left;background: url(/m/image/icon_head.png) no-repeat left top;}
#header .sitemap {float: right;background: url(/m/image/icon_head.png) no-repeat right top;}

.panel{display: none;width:100px;padding: 20px;background-color: #333;color: #fff;box-shadow: inset 0 0 5px 5px #222;}
.panel ul{ width:90px; margin:0 auto; text-align:center}
.panel ul li{ line-height:30px; border-bottom:#666 1px solid}
.panel ul li a{ color:#FFFFFF}
.panel button{ margin-top:50px;}


/* -- 幻灯 -- */
.slideShow {position: relative;padding: 0;*zoom: 1;text-align:center;}
.slideShow .slideBox {background: #fff;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.slideShow .slideBox .slides img{max-width: 100%;display: block;}
/* -- slideLoading -- */
.slideShow .slideLoading {min-height: 50px;background: url(/m/image/slide_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top:0;left:0;z-index:2000;}
/* -- previous 和 next 按钮 -- */
.slideShow .arrowBox a {
 z-index: 50;
 font-family: \5b8b\4f53, sans-serif;
 position: absolute;
 display: block;
 margin-bottom: -20px;
 width:20px;
 height: 40px;
 bottom: 50%;
 line-height: 40px;
 text-decoration: none;
 text-align: center;
 color: #fff;
 font-size: 2em;
 background-color: #333;
 background-color: rgba(50,50,50,.3);
}
.slideShow .arrowBox a.disabled {display: none;}
.slideShow .arrowBox .arrowPrev {left:0px;}
.slideShow .arrowBox .arrowNext {right:0px;}
.slideShow .arrowBox a:hover {background-color: rgba(50,50,50,.6);}
/* -- controlBox -- */
.slideShow .controlBox {
 z-index: 30;
 position: absolute;
 bottom: 3px;
 width: 100%;
 text-align: center;
 font-size: .85em;
 font-family: Arial;
 font-weight: bold;
 color: #666;
}
.slideShow .controlBox .control {
 display: inline-block;
 *zoom: 1;
 *display: inline;
}
.slideShow .controlBox.controlDefault a {
 background: url(/m/image/inactive.png) no-repeat 50% 50%;
 text-indent: -9999px;
 width: 13px;
 height: 13px;
 clear: none;
 display: block;
}
.slideShow .controlBox.controlDefault a:hover, .slideShow .controlBox.controlDefault a.active {
 background: url(/m/image/active.png) no-repeat 50% 50%;
}

/* -- incbox -- */
.incbox {margin-bottom: 15px;}
.incbox h3 {font-weight: bold;font-size: 16px;color: #0072C6;padding: 0 10px 8px 10px; margin-top: 15px;}
.incbox h3 .more {float: right;font-size: 13px;color: #777777;}

/* -- productlist -- */
.productlist {font-size: 13px;zoom: 1;overflow: hidden; border-bottom: solid #F8F8F8 5px;}
.productlist dl { float: left; width: 50%;}
.productlist dd { text-align: center; border-right: solid #EEEEEE 1px; border-top: solid #EEEEEE 1px; padding: 10px;}
.productlist dd.clearborder {border-right: none;}
.productlist dd .img {margin-bottom:10px;}
.productlist dd .img img{width:100%;}
.productlist dd .name { text-align:left}

/* -- articlelist -- */
.articlelist {border-bottom: solid #F8F8F8 5px;}
.articlelist dl{border-top: solid #EEEEEE 1px;padding: 13px;}
.articlelist dt{margin-bottom: 5px;font-size: 13px;}
.articlelist dd{color: #999999;}
.articlelist dd em{margin-right:8px;}

.urhere{background-color:#EEE;color: #555;padding: 10px;font-weight: bold;font-size: 15px;}
.urhere a{color: #0072C6;}
.urhere b{margin: 0 8px;}

/* product
----------------------------------------------- */
#product {margin-bottom: 30px;}
#product .img {border-bottom: 1px solid #EEEEEE;padding:10px;}
#product .img img{ width:100%;margin:0 auto}
#product .info {padding: 10px;line-height:180%;}
#product .info h1 {font-size: 14px;color: #333333;}

#product .info .defined {color: #999999; padding: 5px 0;}

#product .info .tel {margin-top: 20px; zoom: 1; overflow: hidden;line-height: 35px;background-color: #19B4EA;font-weight: bold;font-size: 14px;}
#product .info .tel dt{float:left;width:82px;height: 35px;text-align: right;padding-right: 3px;background-color: #E0E0E0;color: #333;}
#product .info .tel dd{float:left; width:150px; height: 35px; color: #FFF;padding-left: 10px;}
#product .info .tel dd a{color: #FFF;}
#product .content{padding:15px 0;}
#product .content img{max-width:100%;margin-top:10px;}
#product .content h3{ height: 35px; line-height: 35px; color: #555555; font-weight: bold; font-size: 18px; border-bottom: 1px solid #EEE;padding-left: 10px;}
#product .content ul{padding: 10px;color: #666;line-height:200%;}

/* -- tree -- */
.treebox {zoom: 1; overflow: hidden; margin:10px 5px;}
.treebox a {display: block; float: left; margin:5px; border: solid #EEEEEE 1px; padding: 3px 6px;}
.treebox a.cur {background-color: #19B4EA;color: #FFF;border: solid #FFF 1px;}

#page {margin-bottom: 30px;}
#page h1 {border-bottom: 1px solid #EEEEEE;color: #333333;font-size: 14px;font-weight: bold;padding: 0 0 10px 10px;}
#page .content {color: #666;line-height: 200%;padding: 10px;}
#page .content img{max-width:100%;margin-top:10px;}

.list_page{line-height:20px;color:#999999;padding:20px; text-align:center; font-size:12px}
.list_page li{padding-right:8px;font-weight:normal;float:left;list-style:none;}
.list_page a{display:inline;border:1px solid #d6d6d6;cursor:pointer;color:#999;padding:3px 6px;margin:0 4px}
.list_page a:hover{text-decoration:none}
.list_page li.thisclass a{border:1px solid #2a5ba0;color:#2a5ba0;}
.list_page .p:hover{color:#FFFFFF;border:1px solid #2a5ba0; background:#2a5ba0}

/* article
----------------------------------------------- */
#article{margin-bottom: 30px;}
#article h1 {border-bottom: 1px solid #EEEEEE;color: #333333;font-size: 14px;font-weight: bold;padding: 0 0 10px 10px;}
#article .info {padding: 10px;color: #999999;}
#article .content {color: #666;line-height: 200%;padding:10px;}
#article .content img {max-width:100%; margin-top:10px;}


#bar{z-index:1000;_display:none;width:100%;height:45px;position:fixed;left:0;bottom:0px;}
#bar ul{height:44px;border-top:1px solid rgba(163,163,163,0.5);background-color: #0072C6;}
#bar ul li{width:33%;float:left;text-align:center;background-size:50%;}
#bar ul li:hover{ background: #009999}
#bar ul li.mob{ background:url(/m/image/mob.png) no-repeat center 5px; }
#bar ul li.sms{ background:url(/m/image/sms.png) no-repeat center 5px; }
#bar ul li.email{ background:url(/m/image/email.png) no-repeat center 5px; }
#bar ul li.map{ background:url(/m/image/map.png) no-repeat center 5px; }
/*#bar ul li.btop{background:url(/m/image/top.gif) no-repeat center 5px;}*/
#bar ul li a{color:#FFFFFF;height:45px;line-height:45px;font-size:10px; display:block;border-right:1px solid rgba(163,163,163,0.3);}




/* -- form -- */
.btn {
 display: inline-block;
 background-color: #0072C6;
 color: #EEE;
 padding: 8px 5px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 font-size: 14px;
 width: 97%;
}
.btn:hover {
 text-decoration: none;
 color: #FFFFFF;
 background-color: #007AD5;
}
.btnGray {
 display: inline-block;
 background-color: #CCC;
 border: 0;
 color: #333;
 padding: 6px 15px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 width: 97%;
}
/* -- input -- */
.textInput {
 padding: 8px 5px;
 border: 1px solid #DDDDDD;
 font-size: 14px;
 -webkit-appearance: none;
 width: 95%;
}
.textArea {
 padding: 8px 5px;
 border: 1px solid #DDDDDD;
 font-size: 14px;
 -webkit-appearance: none;
 width: 95%;
}

/* 留言板
----------------------------------------------- */
#guestbook {
 padding: 10px 0;
}

/* bookList */
#guestbook .bookList {
 padding: 10px;
 line-height: 180%;
 font-size: 13px;
 margin-bottom: 20px;
}
#guestbook .bookList dl {
 margin-bottom: 15px;
}
#guestbook .bookList dt {
 color: #333;
 margin-bottom: 3px;
 font-weight: bold;
}
#guestbook .bookList dd {
 color: #999;
}
#guestbook .bookList p {
 color: #0072C6;
 margin-top: 5px;
 overflow: hidden;
 zoom: 1;
}
#guestbook .bookList p em {
 float: left;
 width: 70px;
}
#guestbook .bookList p span {
 float: left;
 width: 800px;
}
#guestbook .bookList p b {
 color: #999;
 float: right;
}
#guestbook .bookList .pager {
 text-align: left;
 padding: 0;
}
/* bookList */
#guestbook .bookadd {
 font-size: 13px;
 padding: 15px 10px;
}
#guestbook .bookadd dl {
 overflow: hidden;
 zoom: 1;
 margin-bottom: 20px;
}
#guestbook .bookadd .contact dt {
 float: left;
 width: 110px;
}
#guestbook .bookadd .contact dd {
 margin-left: 110px;
}
#guestbook .bookadd .contact dd .textInput {
 width: 93%;
}
#guestbook .bookadd .vcode {
 text-transform: uppercase;
 width: 100px;
}
#guestbook .bookadd .select {
 height: 38px;
}
#guestbook .bookadd dl.cue {
 margin: -8px 0 10px 60px;
 color: #999;
}
#guestbook .bookadd dl.submit {
 margin: 20px 0 0 60px;
}
#guestbook .bookadd dl b {
 display: block;
 padding: 2px 0 2px 3px;
 color: #FF0000;
 line-height: 16px;
}
/* 站点地图
----------------------------------------------- */
#catalog {
 margin-bottom: 30px;
 zoom: 1;
 overflow: hidden;
}
#catalog li a {
 display: block;
 background: url(/m/image/icon_arrow_right.png) no-repeat right center;
 border-bottom: 1px solid #EEE;
 line-height: 50px;
 padding-left: 10px;
}

/* footer
----------------------------------------------- */
#footer{ padding-bottom:30px;}
#footer .gotop {display: block;margin: 0 auto;width: 60px;text-align: center;background: url(/m/image/icon_gotop.png) no-repeat center top;padding-top: 8px;margin-bottom: 20px;}
#footer ul {background-color: #EEEEEE;padding: 15px 0;text-align: center;color: #999999;}
#footer a {color: #555555;}
#footer li {padding: 5px 0;}
#footer .powered {font-size: 11px;}



#page .content .right_calc {width:100%;}
#page .content .right_title_calc{width:100%;height:62px;overflow:hidden;background:#3889c7;text-indent:24px;color:#fff;}
#page .content .right_title_calc span{font:700 16px/62px "microsoft yahei";}
#page .content .right_title_calc font{font:14px/62px "microsoft yahei";color:#e2eaf1;text-transform: uppercase;}
#page .content .right_calc_con{width:100%;overflow:hidden;padding-bottom:27px;margin-bottom:26px;}
#page .content .right_calc_con li {width:90%;margin:0 6px;float:left;height:auto;}
#page .content .right_calc_con li img {width:100%;}
#page .content .right_calc_con input {font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;border:1px solid #ccc;}

#page .content .btnMiddle {width:60px;float:left;}
#page .content .btnMiddle .submit {padding:2px 20px;line-height:30px;}
#page .content .result {float:left;margin-left:30px;color:blue;font-weight:700;}
#page .content .calc_it {width:210px;margin:10px;float:left;}/*height:232px;border:1px solid #ccc;*/
#page .content .calc_it img {width:210px;}