* { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; outline: none; font-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

html, body { padding: 0; margin: 0; }
body {  background-repeat: repeat; font-family: Arial, Helvetica, Verdana; font-size: 14px; line-height: 22px; color: #6b6b6b; position: relative; -webkit-text-size-adjust: none; }

h1, h2, h3, h4, h5, h6 { line-height: 1; font-weight: bold; margin: 20px 0 10px 0; }
h1, h2, h3 { font-size: 18px; }
h4, h5, h6 { font-size: 16px; }
ul, ol { list-style-type: none; }
p { margin: 0 0 10px 0; }
a, a:link, a:active, a:visited, a:hover { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
a:hover { -webkit-tap-highlight-color: transparent; }
div, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre { display: block; overflow: hidden; position: relative; }

/**去掉点击连接后的虚线**/
a { outline: none; cursor: pointer; text-decoration: none; }
a, area, input { blr: expression(this.onFocus=this.blur()); outline: none; }
/*for IE*/
:focus { outline: none; }
/*for Firefox*/

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix { zoom: 1; }


#preloader { position: fixed; z-index: 2500; top: 0; left: 0; right: 0; bottom: 0; background-color: #FFF; z-index: 99999999; }
#status { position: fixed; z-index: 99999999; width: 250px; height: 250px; position: absolute; left: 50%; top: 50%; background-image: url(../images/status.gif); background-size: 64px 64px; background-repeat: no-repeat; background-position: center; margin: -125px 0 0 -125px; }
#status p { top: 60%; text-align: center; }
#status em { font-size: 10px!important; display: block; font-style: normal; }



nav:not(.mm-menu) { display: none; }

.header,
.content,
.footer { text-align: center; }
.header { font-size: 16px; font-weight: bold; background:#394076; color: #ffffff; line-height: 60px; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 60px; padding: 0 0 0 40px; text-shadow: 0 0 2px #333333; position: fixed; top: 0; left: 0; -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); z-index: 9999; }
.header { font-family: 'Microsoft YaHei'; }
.header a.default { background: center center no-repeat transparent; background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC ); display: block; width: 40px; height: 60px; position: absolute; top: 0px; left: 0px; text-shadow: 0 0 5px #333; }
.header a.black { background: center center no-repeat transparent; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDQxNTcxRjQ1NjU2MTFFNjlEOURDQUREOTc2M0Q1MTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDQxNTcxRjU1NjU2MTFFNjlEOURDQUREOTc2M0Q1MTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNDE1NzFGMjU2NTYxMUU2OUQ5RENBREQ5NzYzRDUxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNDE1NzFGMzU2NTYxMUU2OUQ5RENBREQ5NzYzRDUxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqa5tl4AAABASURBVHjaYvz//z8DrQETAx0AXSxhgTEEBARoEm4fPnxgHD7BRd84AYXdaHCNJuHRJDyahEeT8GgSHvGWAAQYAK5QF66IZENGAAAAAElFTkSuQmCC"); display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; }

.footer {  position: fixed; z-index: 9999; width: 100%; height: 45px; line-height: 45px; bottom: 0; left: 0; font-size: 16px; color: #ffffff; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(241, 241, 241)), color-stop(0.35, rgb(237, 237, 237)), color-stop(0.5, rgb(227, 227, 227)), to(rgb(220, 220, 220))); border-top: 1px solid #ddd; -moz-box-shadow: 0px 0px 10px 0px #666666; -webkit-box-shadow: 0px 0px 5px 0px #666666; box-shadow: 0px 0px 5px 0px #666666; }
.footer > * { -webkit-box-flex: 1; -moz-box-flex: 1; }
.footer li { border: 1px solid rgba(190,190,190,1); height: 45px; border-width: 0 0 0 1px; position: relative; float: left; width: 33.26%; }
.footer li:nth-of-type(1) { border-left: 0; }
.footer li > a { font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); border-bottom: 0; display: block; line-height: 45px; text-align: center; }
.footer li > a:only-child span { background: none; padding-left: 0; }
.footer li > a span { color: #4f4d4f; display: inline-block; padding-left: 15px; text-shadow: 0px 1px 0px #ffffff; }



.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: #333; }
.content { padding: 60px 10px  10px 10px ; }

/* 本例子css -------------------------------------- */
.slideBox { position: relative; overflow: hidden; margin: 10px auto; }
.slideBox .hd { position: absolute; height: 28px; line-height: 28px; bottom: 10px; right: 0; z-index: 10; }
.slideBox .hd li { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #333; text-indent: -9999px; overflow: hidden; margin: 0 3px; }
.slideBox .hd li.on { background: #fff; }

.slideBox .bd { position: relative; z-index: 0; width: 100%; }
.slideBox .bd li { position: relative; text-align: center; width: 100%; }

.slideBox .bd li img { background: url(../images/loading.gif) center center no-repeat; vertical-align: top; width: 100%; position: relative; }
.slideBox .bd li a { -webkit-tap-highlight-color: rgba(0,0,0,0); font-size: 12px; }
/* 去掉链接触摸高亮 */
.slideBox .bd li .tit { display: block; width: 100%; position: absolute; bottom: 0; text-indent: 10px; height: 28px; line-height: 28px; background: url(../images/focusBg.png) repeat-x; color: #fff; text-align: left; }
.slideBox .bd li:nth-child(2) { z-index: 10; }


.columntitle { height: 40px; line-height: 40px; text-align: left; margin-bottom: 15px; position: relative; width: 100%; background: #059243; -moz-box-shadow: 0px 15px 10px -15px #333; -webkit-box-shadow: 0px 15px 10px -15px #333; box-shadow: 0px 15px 10px -15px #333; }
.columntitle a { display: inline-block; height: 40px; line-height: 40px; font-size: 16px; color: #ffffff; padding-left: 10px; }
.columntitle a.fr { font-size:14px; margin-right:10px; }

/*.float-ul{width: 100%; overflow: hidden; zoom: 1;}
.float-ul li{float: left; width: 49%; margin-right:2%; margin-bottom:20px; position:relative;}
.float-ul li.right { margin-right:0; float:right;}
.float-ul li img { width:100%;}
.float-ul li p {position:absolute; width:100%; bottom: 0px; height: 28px; line-height: 28px; background: url(../images/focusBg.png) repeat-x; color: #fff; margin-bottom:0px; font-size:12px; }*/

.float-ul { overflow: hidden; zoom: 1; margin-top: 20px; padding-bottom: 10px; }
.float-ul li { float: left; width: 48.3%; border:1px #e4e4e4  solid; margin-right: 2.4%; margin-bottom: 15px; position: relative; -moz-box-shadow: 0px 15px 6px -15px #999; -webkit-box-shadow: 0px 10px 6px -10px #999; box-shadow: 0px 10px 6px -10px #999; }
.float-ul li.right { margin-right: 0; float: right; }
.float-ul li p { width: 100%; bottom: 0px; height: 42px; line-height: 42px; background: #ffffff; color: #333; margin-bottom: 0px; font-size: 12px; }


.mod-pictxt { background: #fff; border: solid 1px #d4d8e3; margin: 0%; margin-bottom: 20px; border-radius: 3px; position: relative; box-shadow: 0 1px 3px #e1e2e4; padding: 15px 10px 0 10px; }
.mod-pictxt .mod-button a { width: 100%; }
.mod-pictxt::before { content: "."; position: absolute; left: 0px; font-size: 0; top: 0px; height: 100%; width: 10px; background: -webkit-gradient(linear, 0 0, 100% 0, from(#eee), to(#fff)); }
.mod-pictxt::after { content: "."; font-size: 0; position: absolute; right: 0px; top: 0px; height: 100%; width: 10px; background: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(#eee)); }


.container { padding-bottom: 20px; }
.no-bottom { margin-bottom: 0px!important; }
.recent-post ul { border-top:1px solid #d9d9d9;}
.recent-post li{padding:5px 0;border-bottom:1px dashed #d9d9d9;font-size:12px;line-height:24px; text-align:left;}
.recent-post li span{float:right;font-size:12px;color:#999;}
.recent-post li a{color:#000000; width:80%;height:24px;overflow:hidden; text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;}
.morenewsbtn{display:block;height:79px;line-height:79px;text-align:center;font-size:30px;background:#ededed;margin-top:26px;border-radius:6px;}


.navtitle { background:#394076; z-index: 999; height: 40px; text-indent: 5px; line-height: 40px; text-align: left; margin-bottom: 15px; position: relative; width: 100%; -moz-box-shadow: 0px 15px 10px -15px #333; -webkit-box-shadow: 0px 15px 10px -15px #333; box-shadow: 0px 15px 10px -15px #333; }
.navtitle a { color:#ffffff; z-index: 999; display: inline-block; height: 40px; line-height: 40px; font-size: 12px;  }
.navtitle .arrow-x { width: 10px; height: 12px; display: inline-block; background: url(../images/icon.png) no-repeat; background-position: -487px -77px; margin-left: 3px; }
.navtitle a.return { float: right; margin-right: 20px; }


.case-ul { width: 100%; overflow: hidden; zoom: 1;border-top: 1px solid #d9d9d9; }
.case-ul li { float: left; width: 48.3%; margin-right: 2.4%; margin-top: 15px; position: relative; }
.case-ul li.right { margin-right: 0; float: right; }
.case-ul li .placeholder {width: 100%; height: 0px; padding-bottom: 70%; }
.case-ul li img { width: 100%; }
.case-ul li p { width: 100%; bottom: 0px; height: 28px; line-height: 28px; margin-bottom: 0px; font-size: 12px; text-indent: 5px; }


.detail { padding: 0 10px 50px 10px; }
.detail h1 { font-size: 14px; text-align: center; line-height: 22px; margin: 0px; }
.detail .hother { height: 35px; line-height: 35px; color: #888888; text-align: center; width: 100%; }
.detail .hother a { font-size: 12px; font-weight: normal; color: #999; }
.detail .hother span { margin: 0 5px; 10px; font-size: 12px; }

.detail .detailcontent { text-align: left; }
.detail .detailcontent p { text-align: left; }

.detailcontact { padding: 0 10px 50px 10px; }
.contact { color: #333; margin-top: 40px; font-size: 14px; }
.contact .company { font-size: 18px; font-weight: bold; display: block; margin-bottom: 20px; }
.contact p { height: 45px; line-height: 45px; padding: 0 0 14px 55px; margin: 0px; margin-top: 14px; text-align: left; }
.contact p.bg1 { background: url(../images/icon/20151205110426_5937.png) left top no-repeat; }
.contact p.bg2 { background: url(../images/icon/20151205110426_5625.png) left top no-repeat; }
.contact p.bg3 { background: url(../images/icon/20151205110426_4531.png) left top no-repeat; }
.contact p.bg4 { background: url(../images/icon/20151221104749_4909.png) left top no-repeat; }
.contact p.bg5 { background: url(../images/icon/20151205110426_3593.png) left top no-repeat; }
.contact p.bg6 { background: url(../images/icon/20151205110426_2812.png) left top no-repeat; }

.fl { float: left; }
.fr { float: right; }

.casetitle { font-size:16px; color:#000; line-height:20px; height:20px; margin-top:30px; border-left:3px solid #e85e57; padding-left:12px;  font-weight:normal; text-align:left;}
.casetitle span{ color:#b2b2b2; font-size:14px; display:inline-block; padding-left:10px; font-weight:normal;  }

html.mm-background .mm-page {  background:#ffffff;}
html.mm-opening .mm-slideout{  background:#ffffff;}

.m-searchform { padding:15px 0px 15px 0; }
.m-searchform .txt { width: 100%; height: 40px; line-height: 40px; font-size:16px; text-align:center; padding-left: 5px; border: 1px #e4e4e4 solid; overflow: hidden; display: inline-block; }
.m-searchform .btn { width: 100%; height: 40px; line-height: 40px; background:#ed6801; color:#ffffff; display: inline-block; cursor: pointer;font-weight: bold; border-radius:5px;-webkit-border-radius:5px;  margin-top:15px; }


.logscontent { padding:15px 15px 15px 20px; }
.logslist { border-left: 1px #eeeeee solid; padding-left:10px; position:relative; font-size:14px;  }
.logslist li { width: 100%; line-height: 20px;  padding: 2px 0px 6px 15px; margin-bottom:5px; position:relative; border-bottom:1px #eeeeee dotted; }
.logslist li i { display:inline-block; width:10px; height:10px; position:absolute; background:#909090; left:-15px; top:7px; border-radius:5px; }
.logslist li.first .context{ font-weight:bold;  }
.logslist li.first i {background:red; }
.logslist li .context { width: 100%; float: left; text-align:left }
.logslist li .time { width: 160px; float: left; color:#999999;  text-align:left}