@charset "utf-8";
/*-------------------------------------------reset------------------------------------------------*/
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin:0;
    padding:0; font:15px "微软雅黑";line-height:24px;color:#333;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,
img {
    border:0;
}
/*
    TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
input,
address,
caption,
cite,
code,
dfn,
em,
i,
th,
var {
    font-style:normal;
    font-weight:normal;
}
/*
    TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
    list-style:none;
}
a{text-decoration:none;}
caption,
th {
    text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:normal;
}
a{ cursor:pointer;}
q:before,
q:after {
    content:'';
}
abbr,
acronym {
    border:0;
    font-variant:normal;
}
button,input,
textarea,
select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    border:none;
}
/*to enable resizing for IE*/
button,input,
textarea,
select {
    *font-size:100%;
}
input:focus { outline: none; }
/*because legend doesn't inherit in IE */
legend {
    color:#000;
}

/*全局定义*/
body{ background:#FFF;}
.wrap {text-align: left; margin: 0px auto; width: 1000px;}
a:link, a:visited {text-decoration:none; }
a:hover { text-decoration:none; }
/*-------------------------------------base.css-------------------------------------------*/
.flex {
    /* 设置弹性布局 */
    display: -webkit-box;
    /* android 2.1-3.0, ios 3.2-4.3 */
    display: -webkit-flex;
    /* Chrome 21+ */
    display: -ms-flexbox;
    /* WP IE 10 */
    display: flex;
    /* android 4.4 */
}

.flex-direction-column {
    /* 设置弹性布局的方向，子元素按照在源文档中声明的顺序从上到下显示 */
    -webkit-box-orient: vertical;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex-direction: column;
    /* Chrome 21+ */
    -ms-flex-direction: column;
    /* WP IE 10 */
    flex-direction: column;
    /* android 4.4 */
}

.flex-1 {
    /* 子元素自动占据剩余的空间 */
    -webkit-box-flex: 1;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 1;
    /* Chrome 21+ */
    -ms-flex: 1;
    /* WP IE 10 */
    flex: 1;
    /* android 4.4 */
}.flex {
    /* 设置弹性布局 */
    display: -webkit-box;
    /* android 2.1-3.0, ios 3.2-4.3 */
    display: -webkit-flex;
    /* Chrome 21+ */
    display: -ms-flexbox;
    /* WP IE 10 */
    display: flex;
    /* android 4.4 */
}

.flex-direction-column {
    /* 设置弹性布局的方向，子元素按照在源文档中声明的顺序从上到下显示 */
    -webkit-box-orient: vertical;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex-direction: column;
    /* Chrome 21+ */
    -ms-flex-direction: column;
    /* WP IE 10 */
    flex-direction: column;
    /* android 4.4 */
}

.flex-1 {
    /* 子元素自动占据剩余的空间 */
    -webkit-box-flex: 1;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 1;
    /* Chrome 21+ */
    -ms-flex: 1;
    /* WP IE 10 */
    flex: 1;
    /* android 4.4 */
}
section.hd_nav {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    height: 220px;
    position: relative;
}
section.hd_nav ~ .hd_body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 100px;
    margin-top: -70px;
}
.background-media, .background-overlay {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.container, .container-fullwidth {
    position: relative;
    z-index: 3;
    width: auto! important;
}
.qfe_row{     padding: 0 40px;}
@media only screen and (min-width: 992px) {
   .container{
      max-width: 1280px;
      margin: 0 auto;
   }
}
.qfe_row_l{ width:25%; position: relative;    float: left;}
.qfe_row_r{ width:75%; position: relative; float: left;}
.qfe_row_l .column_inner{
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 20px;
   transition: all 0.3s ease 0s;
}
.background-overlay{
    background-color: #eaeaea;
    width: 100%;
  transition: all 0.3s ease 0s;
      z-index: 2;
      position: absolute; 
    left: 0;
    top: 0;
    bottom: 0;
}
.qfe_row_r .column_inner{
     padding-left: 63px;
    padding-right: 0;
    padding-top: 100px;
    padding-bottom: 0;
   transition: all 0.3s ease 0s;
}

.column_containter{ z-index: 3;position: relative;}
.qfe_wrapper{
     position: relative;
    background-color: #1e82e8;
    height: 70px;
}
.header_title{
    font-family: 微软雅黑;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
    display: block;
    padding: 10px 0 5px 20px;
    vertical-align: bottom;
}
.header_subtitle{
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    display: block;
    padding: 0 0 10px 20px;
    vertical-align: bottom;
}


.qfy-element{ margin-top: -20px; padding-right: 20px; padding-left: 20px; z-index: 5; position: relative;}

.menu-item span{    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-family: 微软雅黑;
    color: #888888 !important;
    display: inline-block;
    padding: 12px 10px;
}

.menu-item.active span{    
        color: #227dd8 !important;
}
.menu-item{background: transparent;
    border-top: 1px solid #e0e0e0;
    margin: 0;
    padding: 0;}
 .menu-item:first-child{  border-top:0 none;}   
 .menu-item i.glyphicon{ margin-right: 12px;}

.qfy_breadhtml{padding-bottom: 15px; width:100%; height:44px;}
.breadcrumb{    font-size: 14px;  font-family: 微软雅黑; color: #1e82e8;    background: none; padding-left:0px;}
.breadcrumb span{    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-family: 微软雅黑;
    color: #666666;
    margin-right: 5px;}
.breadcrumb .breadcrumb-a {
        color: #666666;
}
.breadcrumb .breadcrumb-separator {
        font-size: 14px;
    font-family: 微软雅黑;
    color: #1e82e8;
}
.breadcrumb .breadcrumb-text {
         font-size: 14px;
    font-family: 微软雅黑;
    color: #1e82e8;
}

.qfy_bodyhtml .header_title{font-family: 微软雅黑;
    font-size: 28px;
	line-height:33px;
    font-weight: bold;
    font-style: normal;
    color: #292929;
    display: block;
    padding-bottom: 0;
    vertical-align: bottom;}
.qfy_bodyhtml .header_subtitle{font-family: 微软雅黑;
    font-size: 28px;
	line-height:33px;
    font-weight: bold;
    font-style: normal;
    color: #292929;
    display: block;
    padding-bottom: 0px;
	padding-left:0;
    vertical-align: bottom;}	
	
.qfy_bodyhtml .body_content{  font-size: 14px; line-height: 32px; padding-top:10px;    padding-bottom: 28px;}

.front_image{ width: 100%;}

.new_ul_li{    max-width: 99.8%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;}
.itembody,.itembody  *{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.itembody .post-thumb{overflow: hidden;
    width: 140px;
    margin-right: 15px;
    margin-bottom: 21px;
    vertical-align: top; }
.itembody .post-thumb img{ width: 140px; height: 100px;}

.itembody .link_title{      color: #1e82e8;
    font-size: 20px;
    font-family: 微软雅黑;
    line-height: 20px;}
.itembody  .entry-content{    margin-top: 10px;  color: #939393;
    font-size: 14px;
    font-family: 微软雅黑;
    line-height: 22px;}



@media (max-width: 768px) {
  .hd_nav{ display:none;}	
  .qfe_row_l{ display:none;}
   .qfe_row_r{ width:100%; }
   .qfy_bodyhtml .header_title{font-size: 20px !important; font-weight:normal !important;}
   .qfy_bodyhtml .header_subtitle{font-size: 20px !important; font-weight:normal !important;}
   .itembody.flex{ display:block !important;}

}