body {margin:0; font-size:15px;}
table {}
td {word-break: break-all;}
tr {vertical-align: top;}
a:link, a:visited {text-decoration: none;color:black;}
a:hover {text-decoration: none; color: #FF0000;}
img {vertical-align: middle; border: 0px;}
hr {height: 1px; border: 0; color: #CCCCCC; overflow: hidden; margin: 10px auto;}
ul {list-style-image: none; list-style-type: none; margin:0; padding:0;}
li, p {}
.hide {display: none;}
h2 {font-size: 16px; display: inline;}
h3, h4, h5 {display: inline;}
ul.nl {list-style: none outside none;	font-size:14px;}
ul.nl li {line-height: 32px; padding-left: 15px; background: url(li.gif) no-repeat 0px 50%; clear: both; overflow: hidden;}
ul.nl li a{ display:block;}
ul.nl li.newsLine {background: url(dotLine.gif) repeat-x top; overflow: hidden; height: 5px; line-height: 5px;}
.line { height: 1px; border-bottom: 1px dashed #ccc; margin: 10px auto; overflow: hidden;}
ul.nl li .addTime { float: right; color: #666666;}
ul.nll { list-style: none outside none;}
ul.nll li {line-height: 22px;  clear: both;  overflow: hidden;  text-align: left;}
ul.nll li.newsLine { background: url(dotLine.gif) repeat-x top; overflow: hidden; height: 5px; line-height: 5px;}
ul.nll li .addTime { float: right; color: #666666;}
form {display: inline;}
input { font-family: Tahoma, Arial; font-size: 12px;}
input.text {height: 16px; padding: 1px; color: #000000; border: 1px solid #CCCCCC; background-color: #F9F9F9;}
input.button {height: 20px; color: #000000; border: 1px solid #999999; border-top: 1px solid #CCCCCC; border-left: 4px solid #CCCCCC; background: #FFFFFF;}
textarea {font-size: 12px; font-family: Tahoma, Arial; color: #000000; border: 1px solid #CCCCCC; background: #F9F9F9; width: 200px;}
select {}
a.highlight:link, a.highlight:visited {color: red; text-decoration: none;}
a.highlight:hover {color: red; text-decoration: underline;}
.articletop {margin-left: 5px; vertical-align: middle; _margin: 3px 5px;}
#mainWrapper {width: 1200px; margin: 0 auto;padding-top:10px; clear: both;}
.sidebar {float: left; width: 245px;}
.sidebar_index{float:left; width:200px;}
.right_index{width:280px;float:left;}
#innerHeader {background: url(bg.png) repeat-x;}
#headtop {height: 24px; padding: 0 15px;font-size:12px;line-height: 24px; width: 1200px; margin: 0 auto;}
#websiteLogo {margin:0px auto;width:1200px;height:110px;}
#logo { width: 246px;  height: 100px;  overflow: hidden; float:left; padding-left: 20px; padding-top: 20px;}
.head_t{float:left; width:500px; font-family:'微软雅黑'; font-size:16px; color:#333; text-align:center;}
.head_t h1{font-size:32px; margin-bottom: 5px; margin-top: 25px;}
#menu {clear: both;	font-size: 16px;overflow: hidden; margin:0 auto; width: 1200px;}
#menu ul {}
#menu li {width: 119.5px; margin: 0; padding: 0; float: left; padding-right: 1px;}
#menu a {line-height: 48px; display: block; text-align: center; color:#FFFFFF}
#menu a:link, #menu a:visited {background-position: 0 -30px; text-decoration: none;}
#menu a:hover {background-position: 0 0; background-color:#CC0000; color:#ffffff; text-decoration: none;}
#menu a.thisclass, #menu a.thisclass:link, #menu a.thisclass:visited, #menu a.thisclass:hover { background-position: 0 0; color: #900606;}
#toubu{float:right; width: 262px; padding-top:50px;}
#toubu a:link, #toubu a:visited{color:red;}
.navSub {background: url(shadow.gif) repeat-x; height: 36px; line-height: 36px; clear: both;}
.more{float:right; padding:8px;}
.ntitle{text-align:center;border-bottom: 1px solid #ded0ab; line-height: 28px; overflow: hidden; padding-bottom:10px;}
.ntitle span{float:right;font-size: 12px;color: gray; padding-right: 10px;height: 24px;line-height: 48px;}
.contentsx{font-size:12px; color:#666666; padding:5px 10px;}
.ncontent{padding: 5px 10px 10px 10px; text-indent: 2em; line-height: 2em; font-size:14px;}
.ncontent img{padding-left:2em;}
.projs{width:450px;line-height:32px; float:left;}
.projs b{color:#FF0000;}
.procontent{padding:10px 5px 0 5px;}
.prolist01{padding: 2px; border: 1px solid #C6C6C6; width:280px;margin: 2px 10px 0px 10px;}
.prolist01 img{ width:280px; height:180px; border:0px;}
.prolist02{line-height:24px; background-color: #efefef; padding: 5px 10px; margin: 2px 9px 20px 10px;}
.prolist02 b{color:#FF0000;}
.prolist02 span{font-size: 12px;}
#footer {clear: both;background-color: red; padding: 5px 0;	text-align: center;}
#footer ul {}
#footer li {display: inline; list-style: none; padding: 0px; margin: 0 7px;}
#footer a {color: #FFFFFF; line-height: 28px; display: inline;}
#copyriht {text-align:center;line-height:32px; background-color: #ccc; padding:5px;}
#copyriht a:link, #copyriht a:visited {color:#FF0000;}
#copyriht b {color: #FF0000;}

#jiage{}
#jiage ul{}
#jiage ul li{background: url(/images/sub_nav.jpg) no-repeat left;height: 38px; line-height: 36px}
#jiage ul li a{padding-left:30px; display:block;}
#pro_i{}
#pro_i ul{}
#pro_i ul li{width:226px; height:200px; float:left;}

#flink{width:1190px; margin: 0 auto 10px auto;}
#flink ul{}
#flink ul li{ float:left; padding:0 5px; font-size:13px;}
.content_index {margin:0 10px; float: left; width: 700px;}
.content {float: right; width: 945px;}
.mframe {clear: both;}
.mframe .tm {border-bottom: 1px solid #ded0ab; height: 32px;  line-height: 32px; overflow: hidden;}
.mframe h2.tt {background: url(bullet.gif) no-repeat 5px center; color: #9a0103;  padding-left: 15px;}
.mframe .mm {padding: 10px; overflow: hidden; line-height: 17px;}

.lframe {clear: both; margin-bottom: 10px; padding: 5px; border: 1px solid #eedebc;}
.lframe .tm {background: url(tm.gif) repeat-x bottom; height: 34px; line-height: 32px; overflow: hidden;}
.lframe h2.tt {background: url(bullet.gif) no-repeat 5px center; color: #9a0103; font-weight: bold; padding-left: 15px;}
.lframe .mm {padding: 5px; overflow: hidden;}
.loginBt {background-color:#c73234; cursor: pointer; width: 37px; height: 20px; border: none; color: #f4e9d5;}
.memberName {color: #c73234;  background: #F9FAFB;  height: 18px;border: 1px solid #E2E8EE; padding-left:5px;}
.siteMapPath {line-height: 28px; background: url(dotline.gif) repeat-x left bottom; padding-left: 5px; padding-bottom:5px; color:gray; width: 1200px; margin: 0 auto;}
.siteMapPath a{color:gray;}
.pageMainContent {clear: both; margin:0 10px 10px; overflow: hidden;}
.pageMainContent .tm {height: 32px; line-height: 32px; overflow: hidden; background-color:#eee}
.pageMainContent h2.tt {background: url(bullet.gif) no-repeat 5px center; color: #9a0103; font-weight: bold; padding-left: 15px;}
.pageMainContent .mm {padding: 5px;}
.pageMainContent .bm {text-align:center; color:#666666; padding:15px; clear:both;}
.pageMainContent .bm strong{color:#FF0000;}
.pageMainContent .mm p {margin-bottom: 5px; text-indent: 2em;}
.pageMainContent .mm .cp ul{}
.pageMainContent .mm .cp ul li{width:305px; float:left;}
.pageMainContent td {vertical-align: middle;}
.cartButton {color: #215996; height: 24px;}
.index_cp1{border: 1px solid #ccc; padding:1px; text-align:center; margin:5px;}
.index_cp2{height:20px; text-align:center; font-size:13px;}

/* main_image section CSS */
.examples_bg {width: 549px;	background-color: #F0F0F0; border: 1px solid #CCCCCC; padding: 10px;overflow: hidden;}
.examples_image {width: 458px; height: 303px;float: right; position: relative; overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/}
.examples_image p {line-height: 1.5em; padding: 10px 10px 0 10px; margin: 0;font-size: 0.9em;}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em; padding: 0 0 5px 20px; }
.examples_image .block small {margin-left: 10px;}
.examples_image .block{width: 100%;}
.examples_image a.collapse { /*--This is our hide/show tab--*/
    width: 93px; height: 27px; text-indent: -99999px; position: absolute; top: -27px; right: 20px;}
.examples_image a.show {background-position: left bottom;}
/* image_thumb section CSS */
.mune_thumb {float:left;overflow: hidden;width: 440px; height: 75px;border: 1px solid #ccc;}
.mune_thumb img {border: 1px solid #ccc; padding: 3px; background: #fff; float: left;}
.mune_thumb ul {}
.mune_thumb ul li{padding: 4px; background-color: #EEE; float: left;}
.mune_thumb ul li.hover { /*--Hover State--*/ background: #CCC; cursor: pointer;}
.mune_thumb ul li.active { /*--Active State--*/ background: #fff; cursor: default;}
.mune_thumb ul li .block {float: left; margin-left: 10px; padding: 0;  width: 200px;}

/* 用于控制显示与隐藏的css类 */
.normaltab{float:left; padding:0 20px; cursor:pointer; font-size:15px;}
.hovertab{color:#fff; font-weight:bold; float:left; padding:0 20px; border:1px solid #ded0ab; background-color: #ff0000; cursor:pointer; font-size:15px;}
.dis{}
.dis img{padding:5px; width:900px; height:600px;}
.dis p{padding:0 10px;text-align:left;}
.dis_{padding: 1px 8px;background-color: coral;border-radius: 5px;color: white;margin-right: 5px;font-weight: bold;}
.undis{display:none;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
#SfMessWrap{padding:1px; background-color:#52b1eb;}
#SfMessTitle{background-color: #52b1eb; padding: 5px;}
#SfMessBody{padding:0 3px; background-color:#ffffff;}
#SfMess_content{height:50px;}