/* CSS Reset */
/* Basic Styling */
html{-webkit-font-smoothing: antialiased;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,section,footer {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin:0;outline: 0;padding: 0; }
body, html{color:#4e4e4e;font-family: Helvetica, Arial, Verdana, sans-serif;font-size:12px;line-height:18px;margin: 0;padding: 0;text-align:left;-webkit-text-size-adjust: none; }
ul,li,ol{padding:0px; margin:0px;list-style:none;} 
header, nav, section, aside, footer { display: block !important; }

a{color:#2964b6;text-decoration: none;-webkit-transition-property: color, left, right;-webkit-transition-duration: 0.5s;-webkit-transition-property: ease-in-out;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.fl_left{float:left;}
.fl_right{float:right;}
.clear{clear:both;}
.stretch{ width:100%;}

#wrapper {margin:0 auto;position:relative;width:100%;box-shadow:0 1px 1px #000000;background:url(../images/bg_pat_1.png) repeat;}
/*Typography*/
h1{font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-size:20px; color:#3363a3; line-height:25px;}
h2{font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-size:16px; color:#008ccb; border-bottom:1px #CCCCCC solid}

/*Header*/
header{width:100%; margin:8px auto;overflow:hidden;}
/*Navigation*/
header ul.navigation{background:#0077ab;width:100%;height:auto;border-bottom:3px solid #4377b7;}
header ul.navigation li{float:left;text-align:center;position:relative;width:25%;height:32px;background:url(../images/nv.gif) center repeat-x;}
header ul.navigation li a{display:block;height:32px;line-height:32px; background:url(../images/ac_default.png) right center no-repeat; font-size:12px; color:#FFF;text-shadow: 1px 1px 0 #636363; font-family:"微软雅黑"; font-weight:bold; letter-spacing:1px;}
header ul.navigation .active{background:#fff url(../images/nv2.gif) center bottom;}
header ul.navigation .active a{color:#ffffff;letter-spacing:1px}
/*Logo*/
.logobox{margin:0px 5px; padding:5px 0px}
.logobox .logo{float:left;display:block; margin-bottom:5px;width: 100%;}
.logobox .logo img{height:70px;    width: 100%;}
.logobox a.fan{float:right; width:45px; line-height:25px; height:25px; margin-top:6px; background:url(../images/fanhui.png) center no-repeat}
.logobox a.fan span{padding-left:12px; font-size:12px; color:#FFF;text-shadow: 1px 1px 0 #636363;}

/*Seach*/
#search{padding:7px 10px; background:#5388c9; border-bottom:1px solid #4377b7; display:none;}
#search fieldset{position:relative;}
#search input{ background-color:#efefef; border:solid 1px #285892; font-size:12px; padding:4px 0px; color:#7b7b7b; float:left; border-radius:0px!important;}
#search input[type=text]{ width:100%; height:14px; border-right:none;  box-shadow: inset 1px 0 1px #fff; text-indent:8px;}
#search input[type=submit]{width:37px; height:24px; background:url(../images/search_d.png) no-repeat center top; text-indent:-300px; position:absolute; right:-1px;}
#search input[type=submit]:active{ background-position:center bottom;}

/*Footer*/
footer{ padding:0px 13px; font-size:11px;}
ul.footer_nav{ width:100%;}
ul.footer_nav li{ float:left; padding:0px 8px; border-left:solid 1px #b4b4b4; list-style:none;line-height:100%;}
ul.footer_nav li:first-child{ padding-left:0px; border-left:none;}
ul.footer_nav li a{ color:#2964b6; text-shadow: 1px 1px 0 #fff;}
footer .copyright{ display:block; color:#9c9c9c; padding:10px 0px; clear:both; text-shadow: 1px 1px 0 #fff;}

/*Section*/
section#main{padding:0px 10px;}
.block_module{background:#fff; margin-bottom:18px;}
.block_module h2{ padding:11px 12px;}
.paper_bh_white{background-image:url(../images/paper_bh_white.png); background-repeat:repeat-x; background-position:center bottom; padding-bottom:8px;}
.content_container{padding:12px 14px; display:inline-block;}
.content_container p{ line-height:28px}
.content-width { width:100%; height:auto; position:relative}
.content-width img{width:100%;myimg:expression(onload=function(){this.style.width=(this.offsetWidth > 270)?"270px":"auto"});}
/*Button*/
a.btn{ display:inline-block; line-height:100%; text-decoration:none;}
a.grey_bt_sml{ padding:5px 7px; background:url(../images/btn_grey_sml.png) repeat-x; color:#fff; font-family:'MgOpenModataBold'; text-shadow: 0px 1px 0 #737373;}
a.grey_bt_big{ padding:9px 14px 8px 34px; background:url(../images/btn_grey_big.png) repeat-x; font-size:15px; color:#fff; font-family:'MgOpenModataBold'; text-shadow: 0px 1px 0 #737373; position:relative;}
span.app{ display:inline-block; background:url(../images/app.png) no-repeat center; width:20px; height:22px; position:absolute; left:7px; top:5px;}


/*Hiring*/
section#main .hiring{ position:relative; }
section#main .hiring img{ float:left; margin-right:3px;}
section#main .hiring a.grey_bt_sml{ position:absolute; right:10px; top:10px;}

/*Slideshow*/
#slideshow{ background-color:#f1f1f1;position:relative;padding-bottom:7px; margin-bottom:38px;}
#slideshow ul li{ list-style:none;}
/*产品案例*/
.hotImg{padding:4px;overflow:hidden;}
.hotImg a{float:left;display:inline;margin:4px;background:#fff;border:1px solid #e4e4e4; background:#F7F7F7; text-align:center;width: 46%;}

/*Accordion*/
#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:#1c79e9;}
#accordion_menu h5.ui-state-active span.arrow{ background-position:center -20px;}

/*Page*/
.page{ padding:15px 20px;}
.page h1{ padding:5px 0px 20px; margin-bottom:10px; background:url(../images/lines.png) repeat-x center bottom;}

/*Blog*/
.BttnE{width:50px; height:25px; background:#F2F2F2; position:absolute; margin-top:5px; right:13px;}

.BttnE p{text-align:center; line-height:25px;}
.BttnE #submenu{ display:block;}
.BttnC{width:50px; height:25px; background:#D4D4D4; position:absolute; margin-top:5px; right:13px;}
.BttnC p{text-align:center; line-height:25px;}
.BttnC a{color:#FFF}
#submenu{position:fixed; right:13px;min-width:150px; width:120px; opacity:0.95; border:solid 1px #212121; margin-top:30px; -webkit-border-radius: 0px 0px 4px 4px;-moz-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px; border-width:0px 0px 1px; z-index:11;}
#submenu li{text-align:left;display:block;font-weight:normal; border-top:solid 1px #D4D4D4; box-shadow: inset 0px 1px 0px #D4D4D4;background:#CCC}
#submenu li a{padding:4px 5px;width:90%;line-height:100%;display:block;padding:10px;color:#727272;text-shadow:1px 1px 0 #FFF;}
#submenu li:hover{ background:#F0F0F0}

.blog h1{margin-bottom:0px;}
.blog h1 a{text-decoration:none;}

.blog .post_info{height:auto; overflow:hidden;padding-bottom:5px;background:url(../images/lines.png) repeat-x center bottom; line-height:30px; font-size:11px;}
.blog .post_info a.title {float:left;display:inline-block;text-decoration:none}
.blog .post_info a.more{float:right;text-decoration:none;}

.blog .tpic{height:auto;position:relative; overflow:hidden;padding:3px; margin:5px  auto; border-bottom:1px #CCCCCC solid}
.blog .tpic img{margin:5px auto; display:block}
.blog .tpic  p.t{font-size:14px; color:#06F; display:block;position:relative}
.blog .tpic  p.b{font-size:12px; color:#CCC}

.blog .team {height:auto; position:relative; overflow:hidden; padding:3px; margin:5px 0px; border-bottom:1px #CCCCCC solid}
.blog .team img{float:left;width:expression(this.width>600?"580px":this.width+"px");}
.blog .team .tbox{float:left; margin-left:5px;}
.blog .team .tbox p{padding:5px 10px}

.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;float:left;}
.tags ul li{list-style:none;line-height:100%; padding:4px 5px; background-color:#e2e2e2; margin-right:2px; margin-bottom:2px; float:left;}
.tags span{float:left;padding-right:10px;}
.tags ul li a{color:#4e4e4e; text-decoration:none;text-shadow: 0px 1px 0 #fff;}
.tnex{border-top:solid 1px #d9d9d9; margin-top:12px; padding:10px 0px; font-size:11px; clear:both; display:inline-block; width:100%;}
.tnex p{background-color:#e2e2e2; padding:0px 5px; margin:2px auto}
.tnex p a{line-height:25px; color:#999;text-decoration:none;text-shadow: 0px 1px 0 #fff;}
.tnex p span {color:#036; padding-right:10px;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%; }
/*翻页*/
.list_page{font-family:"微软雅黑"; margin:6px; text-align:left; clear:both}
.list_page a{background: none repeat scroll 0 0 #ffffff; border-color:#d7d7d7; border-style:solid; border-width:1px; color: #a1a1a1; text-align: center; margin: 0 1px; padding:2px 6px;}
.list_page a:hover{background:none repeat scroll 0 0 #d20000; color: #ffffff;}
.list_page span{border-color:#d7d7d7; border-style:solid; border-width:1px; text-align:center; background:none repeat scroll 0 0 #d20000; color: #ffffff; margin:0 1px; padding: 2px 6px;font-size:12px;}	

/* 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;}