/* CSS Document */
body{ margin:0; padding:0; font-size:12px;color:#333;line-height:22px;font-family:"微软雅黑",Arial, Helvetica, sans-serif,"黑体","宋体","楷体";}
ul,li,ol{ list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p,dl,dd,dt{ margin:0; padding:0;}
img,button,select,option,table{ border:none; margin:0; padding:0;}
a{text-decoration:none; color:#000000;}
.clear{ clear:both;}
/*Typography*/
h1{font-family:'MgOpenModataRegular', Arial, Helvetica, sans-serif; font-size:20px; color:#0084e6; line-height:25px;}
h2{font-family:'MgOpenModataRegular', Arial, Helvetica, sans-serif; font-size:16px; color:#0084e6;}
p{ color:#4e4e4e; font-size:12px; line-height:18px; padding-bottom:15px;}

/*aaaaa*/
.head{ width:100%; height:auto; margin: 0 auto;  overflow: hidden;}
.logo{ width: 100%;height:auto; vertical-align:middle; float:left; overflow: hidden;}
.logo img{ vertical-align: middle;}
.rexian{ width:30%; height:auto; float: right;}
.banner{ width:100%;  margin: 0 auto; overflow: hidden; height:auto; padding-bottom:15px;}
.a{ width:100%; height:auto;  overflow: hidden; background:#fff;margin:0 auto ;}
.a_top{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:10px;}
.a_h2{ width:50%; float: left; height:40px; margin-left:3%;}
.a_more{ width:40%; height:40px; text-align: right; float: right; margin-right:3%;}
.a_ul{ width:100%; height:auto; margin: 0 auto; overflow: hidden;}
.a_ul li{ width:45%; max-height:98%; height:auto;min-height:98%;margin-left:3%; float: left; overflow: hidden; text-align: center; margin-top:10px;}
.a_ul li img{ width:100%; }
.b{ width:100%; height:auto;  margin:10px auto 25px; overflow: hidden;}
 
.b_ul{ width:96%; margin:0px auto;}
.b_ul li{ width:95%; height:40px; margin: 0 auto; background:url(../images/w.png) no-repeat 0px 19px; padding-left:7px; border-bottom:1px dashed #ccc;line-height:40px ; }
.b_ul li a{ float: left; margin-left:5px;}
.b_ul li span{ float:right; margin-right:5px;}
.c{ width:100%; height:auto;  margin:20 auto 0; overflow: hidden; background:#f7f7f7; }
.c_cen{ width:95%; margin: 0 auto; overflow: hidden; height: auto; padding-bottom:20px;}
.c_l{ width:40%; height:auto; overflow: hidden; float:left;}
.c_l img{ width:100%;}
.c_r{ width:55%; height:auto; float: right; overflow: hidden; line-height:150%; }
.d{ width:100%; margin: 0 auto;   height:auto; overflow: hidden; padding:10px 0; }
 
header{ width:100%; overflow: hidden;}
/*nav*/
.navigation{ width:100%; height:40px; background:#0084e6; position: absolute;  z-index:2;}
.n{ width:100%; height:40px;}
header ul.navigation > li{ list-style:none; text-align:center; float:left;  position:relative; width:20%;line-height:40px;  }
header ul.navigation li a{ display:block; width:auto; min-width:52px; height:40px; padding:0px 2px;  font-size:12px; color:#fff;  font-weight:bold; letter-spacing:1px;}
header ul.navigation li.expanded #submenu{ display:block;}
#submenu{display:none; position:absolute; top:40px; left:0px; min-width:150px; width:100%; opacity:0.95; z-index:11; padding-bottom:10px;}
#submenu li{ list-style:none; padding:4px 5px; margin:0px; text-align:left; border-bottom:1px solid #ccc; background: #0084e6;}
 
#submenu li a{ line-height:100%; padding:10px; color:#fff; text-shadow: 1px 1px 0 #000000; height:auto; width:90%; display:block; background:none; font-weight:normal;}
#submenu li:active{ background:#8bc7f8;}
#submenu li:active a{ color:#fff;text-shadow: 1px 1px 0 #1f1f1f;}

.e{ width:100%; margin: 0 auto;max-width:640px;  overflow: hidden; height:50px; background:#f7f7f7; line-height:50px; text-align: center;}
.f{ width:100%; margin: 0 auto; overflow: hidden;  height:80px; background:#2e2f2e;}
 footer{ width:100%; background:#0084e6; padding:5px 0px; position:fixed; bottom:0px; left:0px;} 
footer ul{ overflow: hidden;}
footer ul li{ float: left; width:25%; height:auto; overflow: hidden; text-align: center;}
footer ul li a{ display: block; color:#fff;}
footer ul li img{ display: block; margin: 0 auto; width:50%;}
.x{ width:4%; height:80px; float: left; background:url(../images/x.png) no-repeat;}
.f1{ background:url(../images/home.png) no-repeat 55px;}
.f2{ background:url(../images/t.png) no-repeat 50px;}
.f3{ background:url(../images/t.png) no-repeat -70px 10px;}
.f4{ background:url(../images/t.png) no-repeat -180px 10px;}
.f5{ background:url(../images/t.png) no-repeat -295px 10px;}
.z{ width:100%;   height: auto; margin: 0 auto; overflow: hidden;}
.z_cate{ width:100%; height:auto; padding-bottom:50px;  margin-bottom:20px;}
.z_cate a{ line-height:300%; font-size:14px; }
.zc_a{ display: block; width:100%; height:40px; line-height:40px; float: left; float:2%;}
.zc_p{ width:100%; height:auto;}
.zc_pc{ width:90%; height:auto; margin-left:5%;  }
.zc_s{ width:80%; height:auto;  clear:left;}/*二级样式*/
.zc_s a{ color:#CC33FF;}
.zc_t{  color:#000; display: block; width:30%;  float: left; margin-left:2%;   }/*三级样式*/

.z_h1a{ width:100%; height:40px; line-height:40px; font-size:16px; text-align:center;}
.zp_info{ width:95%; height:auto; overflow: hidden; margin:0px auto;}
.zp_info img{ width:60%; margin: 0 auto;}

.za{ width:100%;  height:auto; margin: 0 auto; overflow: hidden; }
.za_date{ width:30%; height:10px; margin-left:10px; }
.za_h1{width:30%; height:30px; margin-left:10px; line-height:30px; }
.za_tit{margin-left:10px;}
.za_pic{ width:100%; height:auto; margin: 0 auto; overflow: hidden; max-width:640px; text-align:left;}
.za_pic img{ width:100%; vertical-align: middle;}
.za_desc{ width:95%; height: auto; margin: 0 auto; overflow: hidden;}

#accordion_menu{}
#accordion_menu h5{ background:url(../images/ac_default.png) repeat-x; padding:13px; color:#717c87;text-shadow: 0px 1px 0 #fff; line-height:100%; border-top:solid 1px #e4e7e9;}
#accordion_menu h5 span.arrow{ height:16px; width:15px; background:url(../images/accordion_arw.png) no-repeat center top; display:inline-block; float:right; cursor:pointer;}
#accordion_menu .ac_content{ padding:8px 13px;}
#accordion_menu .ac_content ul, #accordion_menu .ac_content ol{ list-style-position:inside;}
#accordion_menu .ac_content li{ padding:3px 0px;}
#accordion_menu h5.ui-state-active{ background:url(../images/ac_active.png) repeat-x; color:#fff;text-shadow: 0px 1px 0 #28558f; border-top-color:#44B996;}
#accordion_menu h5.ui-state-active span.arrow{ background-position:center -20px;}

.page{ padding:15px 20px; overflow: hidden;}
.page h1{ padding:5px 0px 20px; margin-bottom:10px; background:url(../images/lines.png) repeat-x center bottom;}
.page img { width:60%; margin: 0 auto;}
/*Blog*/
.blog h1{ margin-bottom:0px;}
.blog h1 a{ text-decoration:none;}
.blog img{ background:#f4f4f4; padding:3px; border:solid 1px #dcdcdc; margin-bottom:10px; margin-right:10px; float:left;max-width:40%;}
.blog .post_date{color:#999999; font-size:11px; display:block; padding-bottom:5px;}
.blog .post_info{ padding:6px 0px 14px; background:url(../images/lines.png) repeat-x center bottom; line-height:100%; font-size:11px; margin-bottom:11px; line-height:17px;}
.blog .post_info .posted_by { width:165px; display:inline-block;}
.blog .post_info .posted_by a{ font-weight:bold; text-decoration:none;}
.blog .post_info a.comments{ float:right; padding-left:25px; background:url(../images/comment.png) no-repeat left center; text-decoration:none;}
.blog a.like{ display:block; float:right; padding:1px 22px 1px 0px; background:url(../images/like.png) no-repeat right 1px; text-decoration:none; color:#828282;}
.tags{ border-top:solid 1px #d9d9d9; margin-top:12px; padding:10px 0px; font-size:11px; clear:both; display:inline-block; width:100%;}
.tags ul{ display:inline-block;}
.tags ul li{ list-style:none; line-height:100%; padding:4px 5px; background-color:#e2e2e2; margin-left:10px; float:left;}
.tags ul li:first-child{ margin-left:0px;}
.tags span{float:left; padding-right:10px;}
.tags ul li a{ color:#4e4e4e; text-decoration:none;text-shadow: 0px 1px 0 #fff;}

/*Comment*/
#comments li{ list-style:none; padding:12px 13px; border-top:solid 1px #dddddd;}
#comments li.odd{ background-color:#f1f1f1;}
#comments li.even{ background-color:#ffffff;}
#comments li img{ float:left; margin:2px 15px 2px 0px;}
#comments li h5{ padding-bottom:5px;}
#comments li span{color:#a3a3a3; font-size:11px; display:block; text-align:right; padding-top:5px;}
#comments li h5 a{color:#000000; font-size:14px; padding-bottom:5px;}
#comments li .comment_body{ margin-left:62px;}

.comment_form{ background-color:#383f4b;}
.comment_form h2{ color:#fff; text-shadow: 0px 1px 0 #242424;}
#moby_form{ padding-bottom:10px;}
#moby_form li{ list-style:none; padding:5px 13px; text-align:right;}
#moby_form li input[type=text], #moby_form li input[type=email], #moby_form li textarea{ border:solid 1px #2d333d; padding:10px 0px 7px 0px; background:#e3e3e3; box-shadow: inset 0px 0 8px #626262; width:99%; font-size:13px; color:#8b8b8b; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-family:Arial, Helvetica, sans-serif; text-indent:8px;}
#moby_form li input[type=text]:focus, #moby_form li textarea:focus{ box-shadow: inset 0px 0 5px #fff; color:#333;}
#moby_form li input[type=submit]{ border:none; background:url(../images/submit.png) no-repeat left center; padding:7px 25px 5px 45px; font-size:14px; font-family:'MgOpenModataBold'; text-shadow: 0px 1px 0 #275d8c; color:#fff; line-height:100%; box-shadow: 0 1px 2px #2c2c2c; cursor:pointer; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#moby_form li input[type=submit]:active{box-shadow: 0 0px 2px #000; cursor:pointer; text-shadow: 0px 0px 1px #275d8c; color:#cee2f3;}

/*Contact*/
#contact{width:287px; display:inline-block;}
#contact li{ padding:13px 10px 13px 50px; border-top:solid 1px #ececec; list-style:none;}
#contact li.address{background:url(../images/location.png) no-repeat 10px 7px;}
#contact li.telephone{background:url(../images/telephone.png) no-repeat 10px 7px;}
#contact li.website{background:url(../images/website.png) no-repeat 10px 7px;}

/* Border Radius */
.block_module, .btn, .blog img, .tags ul li{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
/* Box Shadow */
.block_module{-moz-box-shadow: 0 0px 2px #989898;;-webkit-box-shadow:0 0px 2px #989898;;	box-shadow: 0 0px 2px #989898; display:inline-block; width:100%; }

/* Style for the contact form and status messages */
.statusMessage {
  color: #666;
  background-color: #ebedf2;
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#dfe1e5), color-stop(1, #ebedf2) );
  background: -moz-linear-gradient( center bottom, #dfe1e5 0%, #ebedf2 100% );  
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  opacity: .95;
}
.statusMessage {
  display: none;
  margin: auto;
  width: 80%;
  height: 2em;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.statusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
}

#contactForm.positioned, .statusMessage {
  left: 5px;
  top: 50%;
}

.statusMessage {

  margin-top: -1em;
}