
/* ================================================================================= 整个站点通用模块 */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: "Microsoft YaHei","Lucida Grande","Lucida Sans Unicode","STHeiti","Helvetica","Arial","Verdana","sans-serif"; font-size: 16px; line-height: 1.5; background-color: #fff; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5em; }
p { margin-top: 0; margin-bottom: 1em; }

@-moz-viewport { width: device-width; }

@-ms-viewport { width: device-width; }

@-webkit-viewport { width: device-width; }

@viewport { width: device-width; }

/* link */
a { text-decoration: none; color: #333; font-size: 0.875em;}
/* a:visited, a:active { text-decoration: none; color: #333; } */
/* a:hover { text-decoration: underline;  } */
.inner-link { color: #999; cursor: default; }
.inner-link em { margin-right: 4px; margin-left: 4px; color: #21aa8e; }
.inner-link a { font-size: .8125em; color: #4499ee; text-decoration: none; }
.inner-link a:hover { color: #4499ee; }
.inner-link .punctuation { margin-left: 4px; font-family: Simsun,serif; font-style: normal; }

/* 页面内容区: 通栏、定宽范围 */
.section-wrapper:before, .section-wrapper:after,
.section-header:before, .section-header:after,
.section-container:before, .section-container:after,
.module-wrapper:before, .module-wrapper:after,
.module-header:before, .module-header:after,
.module-container:before, .module-container:after { display: table; content: " "; }

.section-wrapper:after,
.section-header:after,
.section-container:after,
.module-wrapper:after,
.module-header:after,
.module-container:after { clear: both; overflow: hidden; }

.section-wrapper,
.section-header,
.section-container,
.module-wrapper,
.module-header,
.module-container { *zoom: 1; }

.construct::after,.company-show::after,.tab-4 .tab-nav::after,.tab-container::after,.tab-nav::after,.know-wrapper .tab-container::after,.contact-way::after,.form-wrapper::after,.plate-tittle::after,.synopsis-inner::after,.plate-tittle-inner::after,.conment-inner::after,.contact-inner::after,.message::after,.th::after,.member-model::after,.member-item::after,.serve-item::after,.record::after,.flotage-top::after,.manage-list::after,.list-data::after,.relevance::after,.integral-direct::after,.clearfix::after{content: ''; clear:both; display: block; }

/* Float blocks */ /* Display */
.center-block { display: block; margin-right: auto; margin-left: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.hidden { display: none !important; visibility: hidden !important; }
.clear { clear: both; }
.clearfix:before,
.clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix { *zoom: 1; }

/* Font family */
.sans-serif { font-family: \5fae\8f6f\96c5\9ed1, "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; }
.serif { font-family: "Helvetica Neue",Helvetica,Arial, \5b8b\4f53, Simsun,sans-serif; }

/* Text Utility */
.font-normal { font-weight: normal; font-style: normal; }
.font-thin { font-weight: 300; }
.font-bold { font-weight: 700; }
.font-italic { font-style: italic; }

/* Text align */ /* Text overflow */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.list-ellipsis .item,
.text-ellipsis { display: block; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; }

/* 图片自适应 */
.img-responsive { display: block; width: 100% \9; max-width: 100%; height: auto; }

/* 等宽字符标点符号缩进处理 */
.punctuation { }

/* 分割线 */
.separator { padding-right: 5px; padding-left: 5px; font-family: \5b8b\4f53, Simsun,sans-serif; font-size: 0.75em; }
.spacer { width: 1px; height: 12px; margin-top: 9px; padding-right: 0; padding-left: 0; overflow: hidden; background-color: #ddd; }
.focus-news-list .item span{display: block;float: left;width:8px; height:30px; margin: 5px 5px 0 0;background-position:-10px -330px;background-image: url(../../images/sprite.png);}

/* style primary */
.text-primary { color: #21aa8e; }
.link-primary { color: #4499ee; }
.link-primary:hover,
.link-primary:focus { color: #4499ee; }
.bg-primary { color: #fff; background-color: #21aa8e; }

/* form basic & style */

.btn { display: inline-block; padding: 8px 16px; margin-bottom: 0; font-size: 16px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; border-radius: 0; }
.btn-large { padding: 12px 20px; font-size: 1.25em; }

.btn:focus,
.btn:active,
.btn.focus,
.btn.active { outline: 0; }
.btn:hover,
.btn:focus,
.btn.focus { text-decoration: none; }
.btn.disabled,
.btn[disabled] { cursor: not-allowed; filter: alpha(opacity=80); opacity: .8; }

.btn-default { color: #666 !important; background-color: transparent; border-color: #d6d6d6; }
.btn-default:focus,
.btn-default.focus,
.btn-default:hover,
.btn-default:active,
.btn-default.active { color: #333; background-color: #eee; border-color: #ccc; }

.btn-primary { color: #fff !important; background-color: #4499ee; border-color: transparent; }
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active { color: #fff; background-color: #4499ee; border-color: transparent; }

.btn-secondary { color: #fff !important; background-color: #fe5341; border-color: transparent; }
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary.active { color: #fff; background-color: #eb3030; border-color: transparent; }

.btn-info { color: #fff !important; background-color: #5bc0de; border-color: transparent; }
.btn-info:focus,
.btn-info.focus,
.btn-info:hover,
.btn-info:active,
.btn-info.active { color: #fff; background-color: #31b0d5; border-color: transparent; }

.btn-light { color: #fff !important; background-color: #dedede; border-color: transparent; }
.btn-light:focus,
.btn-light.focus,
.btn-light:hover,
.btn-light:active,
.btn-light.active { color: #fff; background-color: #cdcdcd; border-color: transparent; }

.btn.disabled,
.btn[disabled],
.btn.disabled:hover,
.btn[disabled]:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
.btn.disabled.focus,
.btn[disabled].focus,
.btn.disabled:active,
.btn[disabled]:active,
.btn.disabled.active,
.btn[disabled].active { background-color: #ccc; }

.btn-primary-outline { color: #168e76; background-color: transparent; background-image: none; border-color: #21aa8e; }
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline:active,
.btn-primary-outline.active { color: #168e76; background-color: #dff4f0; border-color: #168e76; }
.btn-primary-outline:hover { color: #168e76; background-color: #dff4f0; border-color: #168e76; }
.btn-primary-outline.disabled:focus,
.btn-primary-outline.disabled.focus,
.btn-primary-outline:disabled:focus,
.btn-primary-outline:disabled.focus { border-color: #43a7fd; }
.btn-primary-outline.disabled:hover,
.btn-primary-outline:disabled:hover { border-color: #43a7fd; }

.btn-secondary-outline { color: #ccc; background-color: transparent; background-image: none; border-color: #ccc; }
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline:active,
.btn-secondary-outline.active { color: #fff; background-color: #ccc; border-color: #ccc; }
.btn-secondary-outline:hover { color: #fff; background-color: #ccc; border-color: #ccc; }
.btn-secondary-outline.disabled:focus,
.btn-secondary-outline.disabled.focus,
.btn-secondary-outline:disabled:focus,
.btn-secondary-outline:disabled.focus { border-color: white; }
.btn-secondary-outline.disabled:hover,
.btn-secondary-outline:disabled:hover { border-color: white; }

.btn-info-outline { color: #5bc0de; background-color: transparent; background-image: none; border-color: #5bc0de; }
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline:active,
.btn-info-outline.active { color: #fff; background-color: #5bc0de; border-color: #5bc0de; }
.btn-info-outline:hover { color: #fff; background-color: #5bc0de; border-color: #5bc0de; }
.btn-info-outline.disabled:focus,
.btn-info-outline.disabled.focus,
.btn-info-outline:disabled:focus,
.btn-info-outline:disabled.focus { border-color: #b0e1ef; }
.btn-info-outline.disabled:hover,
.btn-info-outline:disabled:hover { border-color: #b0e1ef; }

.btn-link { font-weight: normal; color: #21aa8e; border-radius: 0; }
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link:disabled { background-color: transparent; }
.btn-link,
.btn-link:focus,
.btn-link:active { border-color: transparent; }
.btn-link:hover { border-color: transparent; }
.btn-link:focus,
.btn-link:hover { color: #168e76; text-decoration: underline; background-color: transparent; }
.btn-link:disabled:focus,
.btn-link:disabled:hover { color: #818a91; text-decoration: none; }
          /* 头部 */
.page-top{padding-top: 20px;padding-bottom: 20px;}
.header-logo {float: left; width: 152px; height: 52px;margin-top: 0.5em;background-repeat: no-repeat; background-position: left center; }
.logo{background-image: url(../../images/logo.png);} 
.header-logo a { width: 152px; height: 52px;display: block; text-indent:-999em; }
.question-header{margin:30px 0;}


.header-info{float: right;}
.question-header .header-search{float: left;margin-top: 15px;margin-left: 180px;}
.question-header .header-search .search-input-wrapper{width: 550px;border: 2px solid #4499ee;}
.question-a{float: left; color: #666; text-decoration: underline; height: 60px; line-height: 60px; margin-left: 20px;} 
           /* 表单 */
.search-input-wrapper {position: relative; width: 420px; height: 30px; overflow: hidden; border: 1px solid #4499ee; background-color: #fff; }
.header-search-btn {position: absolute; top: -1px; right: -1px; width: 84px; height: 32px; line-height: 32px;text-align: center; cursor: pointer; }
.header-search-btn{color: #fff; background-color: #4499ee;}
.search-input-wrapper .form-control { width: 320px; height: auto; padding: 4px 10px; font-size: 0.875em; border: none; color: #333; }
.search-input-wrapper .form-control:focus { border-color: transparent; box-shadow: none; }
.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: .875em; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
.form-control::-moz-placeholder { color: #999; opacity: 1; }
.form-control:-ms-input-placeholder { color: #999; }
.form-control::-webkit-input-placeholder { color: #999; }
.form-control::-ms-expand { background-color: transparent; border: 0; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; }
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }
.tab-2 .tab-nav {height: 36px;margin-left: 15px;} 
.tab-1 .tab-trigger{width: 70px;height: 36px;line-height: 36px;text-align: center;font-size: 0.875em;color:#5d5d5d;}
.tab-1 .tab-trigger:hover{color: #fff; background-color: #4499ee; }
.tab-1 .tab-trigger-active {color: #fff; background-color: #4499ee; }
.page-menu{background-color: #4499ee;}
.menu-sign{float: left;height:60px;line-height: 60px;}
.menu-sign a{margin-right: 10px;color:#fff;}
.menu-nav{float: right;height:60px;line-height: 60px; text-align: center;}
.menu-nav li{float: left;width: 90px;font-size: 0.875em;color:#fff;cursor: pointer;}
.menu-nav li a{float: left;width: 90px;font-size: 1em;color:#fff;cursor: pointer;}
/*#region public */
.column { float: left; *display: inline; }
.column-main{ float: left; *display: inline; }
.column-main { width: 620px; }
.column-sidebar {float: right; width: 340px;margin-bottom: 10px;padding-left: 30px;overflow: hidden; }
.column-sidebar .column .media-wrapper { padding: 0 10px; font-size: .875em; text-align: center; }

/* tab */
.tab-trigger { float: left; cursor: pointer; }
.tab-panel { display: none; }
.tab-panel-active { display: block; }

/* module */
.module-wrapper { margin-bottom: 32px;}
.column-sidebar .module-wrapper { margin-bottom:20px;}
.module-header { height: 30px;  }
.module-header-artile{ height: 30px; border-bottom: 1px solid #acacad;}
.module-header .more{margin-right: 25px;}
.module-title,.side-title { float: left; margin-bottom: 0; font-size: 1.125em; font-weight: bold; color: #4499ee; letter-spacing: .05em;margin-left: 35px;}
.side-title{margin-left: 0; }
.title-style { float: left; position: relative; top: 50%; width: 8px; height: 20px; margin-top: -10px; margin-right: 10px; background-color: #21aa8e; /*border-radius: 0 10px 10px 0;*/ }
.module-header-artile .inner-link { float:left;margin-top: 10px; margin-left: 5px;width:12px; height:12px;background:url(../../images/sprite.png) no-repeat;background-position:-10px -618px; } 
.module-header .inline-extra { margin-left: 10px; font-size: .875em; color: #888; }
.module-container { padding-top: 10px; padding-bottom: 10px;clear: both;border-top: 6px solid #4499ee;background: #f3f3f3; }
.module-container-artile{padding-top: 5px; clear: both;}
.module-extra .module-header { padding-bottom: 8px; }
.module-title .iconfont { font-size: 2em; }
.inline-extra { float: left; }
   /* footer-copyright */
.footer-copyright {background-color: #333; color: #777; height: 60px; line-height: 60px; text-align: center; }
.fs-sm {display: inline-block;font-size: 12px; float: left;margin-bottom: 0;}
.about{float: right;color:#fff;}
 /* 列表页 */
.module-comment{clear: both;background-color: #fff;}
.breadcrumb{height: 40px;line-height: 40px;}
.breadcrumb-ago,.breadcrumb-ago a{color:#707070;}
.breadcrumb-present{color:#4499ee;}
.module-piece{padding:15px 0;border-top: 1px solid #b3b3b3;border-bottom: 1px solid #b3b3b3;}
.module-list{margin: 30px 0;}
.list-column-sidebar .module-wrapper{margin-top: 40px;margin-bottom: 0;}
.hot-new{padding-top: 10px; padding-bottom: 10px; clear: both; border-top: 6px solid #4499ee; background: #f3f3f3;}
.hot-new .module-title{margin-left: 15px;}
.hot-new .focus-news-list{margin-left: 13px;}
.list-new{padding:10px 20px;border-bottom: 1px dashed #b3b3b3;}
.list-new:hover{background: #f3f3f3;}
.list-new .abstract{margin-left: 0;margin-bottom: 0;font-size: 0.875em; color: #999;}
 
 /* 翻页 */
.module-pagination { clear: both; height: 40px; margin: 40px 158px 0 40px; text-align: center; }
.pagination-inner { position: relative; display: inline-block;margin-left: 80px; }
.pagination-inner a,
.pagination-inner .page-break,
.pagination-inner .page-cur
{ float: left; min-width: 26px; width: 26px; width: auto !important; height: 36px; margin-right: 5px; padding: 0 5px; font-size: 14px; line-height: 36px; vertical-align: middle; text-align: center; white-space: nowrap; }
.pagination-inner .page-prev span,.pagination-inner .page-next span,.pagination-inner .comment-prev span,.pagination-inner .comment-next span{ display: block;width:20px; height:14px;margin: 11px 6px;background-image: url(../../images/archive.png);}
.pagination-inner .page-prev span{ background-position:-10px -120px;}
.pagination-inner .page-next span {background-position:-10px -96px;}
.pagination-inner .comment-prev span{background-position:-10px -48px;}
.pagination-inner .comment-next span{background-position:-10px -72px;}
.pagination-inner a {border: 1px solid #b3b3b3; background-color: #fff; color: #333; text-decoration: none; border-radius: 4px; }
.pagination-inner a:hover,.pagination-inner .page-cur { border:1px solid #b3b3b3; color: #4499ee; text-decoration: none;}
.pull-left {float: left !important; }



/*-----提示框------*/
#alertbgDiv{
    position:absolute;
    top:0;
    background-color:#E8E8E8;
    filter:alpha(style=3,opacity=25,finishOpacity=75);
    opacity:0.6;
    left:0;
    z-index:10000;    
}
#alertmsgDiv{
    text-align:center;
    position:absolute;    
    border:10px solid #4499ee;    
    background-color: #ffffff; 
    border-radius: 6px; 
    font:1.6em Verdana, Geneva, Arial, Helvetica, sans-serif;    
    line-height:25px;
    z-index :99999;
    word-break:break-all;
    word-wrap:break-word;
    min-width:500px;
    max-width:600px;
}
/*确定按钮*/
#alertBtn{   
    line-height: 2.5rem;
    background-color: #4499ee;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    margin-bottom:10px;
    font-size:1.6rem;
    padding-left:10px;
    padding-right:10px;
    display: inline-block;
}

/*取消按钮*/
#alertCancleBtn{  
    line-height: 2.5rem;    
     background-color: #dcdcdc;
    color:#666;
    text-align: center;
    border-radius: 5px;
    margin-bottom:10px;
    margin-left:10px;
    font-size:1.6rem;  
    padding-left:10px;
    padding-right:10px;
    display: inline-block;
}
/*提示信息*/
#alertmsgDiv #msgTxt{
    padding-left:2%;
    padding-right:2%;
    min-height:30px;
}
/*提示标题*/
#alertmsgTitle{
    text-align:left;
    margin:0;
    padding:3px;
    background:#4499ee;
    filter:alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);
    opacity :0.75;
    border:1px solid #4499ee;    
    font:1.5rem Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:white;
}
