@charset "utf-8"; /* 清除内外边距 */
body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td ,img {
    /* table elements 表格元素 */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-weight: normal;
} 
textarea {
    resize : none;
}

/* 设置默认字体 */
body, button, input, select, textarea {
    /* for ie */
    font-family:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';  
    /* 用 ascii 字符表示，使得在任何编码下都无问题 */
    outline: none;
}

body, td, th,samp {
    font-family:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
} 
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-family: apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

address, cite, dfn, em, var {
    font-style: normal;
}

/* 将斜体扶正 */
code, kbd, pre, samp, tt {
}

/* 统一等宽字体 */
small {
    font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul, ol {
    list-style: none;
}

/* 重置文本格式元素 */
a {
    transition: all 0.3s ease-out;
    cursor: pointer;
    color: #333;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/*除点状线*/
a:focus, *:focus {
    /* noFocusLine: expression(this.onFocus=this.blur()); */
}

img {
    max-width: 100%;
    display: block;
}

abbr[title], acronym[title] {
    /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

.clear::after {
    content: '';
    clear: both;
}

q:before, q:after {
    content: '';
}

/* 重置表单元素 */
legend {
    color: #000;
}

/* for ie6 */
fieldset, img {
    border: none;
}

/* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%;
    /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/*清除iPhone、iPad默认按钮样式*/
input[type="button"], input[type="submit"], input[type="reset"] , select {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

/*去除IE10+浏览器文本框后面的小叉叉*/
input::-ms-clear {
    display: none;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {
    overflow-y: scroll;
}

/*给input的placeholder设置颜色*/
::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
}

.dis_in_bl {
    display: inline-block;
    *display: inline-block;
    *zoom: 1; }

body {
    scrollbar-face-color : #bcbcbc; /*滚动条页面颜色设定；*/
    scrollbar-highlight-Color : #bcbcbc; /*滚动条斜面和左面颜色设定；*/
    scrollbar-shadow-Color : #bcbcbc; /*滚动条下斜面和右面颜色设定；*/
    scrollbar-3dlight-Color : #bcbcbc;
    /*滚动条上边和左边的边沿颜色设定；*/
    scrollbar-arrow-Color : #505050; /*滚动条两端箭头颜色设定；*/
    scrollbar-track-Color : #f1f1f1; /*滚动条底版颜色设定；*/
    scrollbar-darkshadow-Color: #f00;
    /*滚动条下边和右边的边沿颜色设定。*/
}



/*底部*/
.down01{width:100%; min-width:1200px; height:200px;  background: no-repeat top center rgba(30, 90, 159, 0.5);}
.down01 .frame{width:100%; height:200px; margin-top:-40px; overflow:hidden;}
.down01 .frame .d1{border-right:1px solid #fff;float:left; height:180px;padding:50px 20px 0 80px;}
.down01 .frame .d1 img{width:150px;padding-right:50px;}
.down01 .frame .d2{border-right:1px solid #fff;float:left; width:530px;  padding:30px 30px 40px 50px;}
.down01 .frame .d2 p{color:#fff; font-size:14px; font-family:宋体;line-height:2.8;}
.down01 .frame .d3{float:left;height:160px; margin-left:30px;}
.down01 .frame .d3 p{text-align:center;color:#fff; font-size:12px;font-family:宋体;font-weight:bold;}
.down01 .frame .d3 img {margin:40px 0px 5px 55px;height:120px;}
.down01 .frame .d5{float:left;  height:160px; margin-left:30px;}
.down01 .frame .d5 img {margin:21px 0px 5px 45px;height:120px;}
.down01 .frame .d5 p{margin-left:45px;text-align:center;color:#fff; font-size:14px;font-family:宋体;font-weight:bold; }
.down02{width:100%; min-width:1200px; height:60px; background:url(../images/bg-down2.jpg) no-repeat top center rgba(30, 88, 169, 0.8);}
.down02 .frame{width:1200px; height:40px; line-height:60px; text-align:center; color:#fff; font-size:16px; position:relative; margin:0 auto;}
.down02 .frame .shiye{width:54px; height:62px; position:absolute; left:85px; }
.down02 .frame .shiye a { color:#b2a6a5}
.down02 .frame .shiye span {margin:0px;}


.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline > li {
    display: inline-block;
    float: left;
}

.list-inline-npc > li {
    display: flex;
    float: left;
}

.left {
    float: left;
}

.right {
    float: right;
} 

.col-6{ 
    width: 50%;
}
.col-6,.col-2,.col-3,.col-4,.col-8{ 
    position: relative;
    min-height: 1px;
    float: left;
    padding: 0 10px;
}
.row::after,
.clear::after,
.clear,
.row:before,
.row:after,
header::after,
main::after,
footer:after{
    clear: both;
    display: table;
    content: '';
}

.col-4{
    width: 33.3333%;
}

.row{
    margin-left: -10px;
    margin-right: -10px;
}

.col-3{
    width: 25%; 
}

.col-2{
    width: 16.66666667%; 
}

.col-8{
    width: 66.666666%; 
} 
.row-no-gutters{
    margin-left: 0;
    margin-right: 0;
}

.row-no-gutters [class*=col-]{
    padding-left: 0;
    padding-right: 0;
}
 
.media-left{
    padding-right: 20px;
}

.media-body h4{
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 600;
}

.mt-0{
    margin-top: 0 !important;
}

.media-body p{
    font-size: 20px;
    margin-bottom: 18px;
}

.media-body .clear span{
    font-size: 16px;
    color: #999;
}

.media-body .clear img{
    height: 20px; 
    right:10px;
}

/* 
main img{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
}

main img:hover{
    webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}  */
.vis-xs{
    display: none !important;
}

.media-left img{
    width: 240px;
    height: 135px;
    max-width: 240px;
    max-height: 135px;
}
 

@media screen and (max-width: 768px) {
    .col-6,.col-2,.col-3,.col-4,.col-8{ 
        width: 100%;
    }
    .hidden-xs{
        display: none;
    }
    .vis-xs{
        display: block !important;
    }
    .layui-laypage{
        display:none;
    }
    .media-body .right{
        display:none;
    }
    .media-left img {
        width: 100% !important;
        max-width: 100% !important;
    }
}




@media screen and (max-width:320px) {
    #showcase{
        height: 200px;
    }
    .cloud9-item {
        width: 90px;
        height: 160px;
    }
}
@media screen and (max-width:640px) {
    
    .cloud9-item {
        width: 125px;
        height: 210px;
    }
}


html{_background-image:url(about:blank);_background-attachment: fixed;}
body {font: 14px/28px '\u5fae\u8f6f\u96c5\u9ed1','Microsoft Yahei','\5b8b\4f53','Simsun';color: #222;}

a:link {color: #222;}
a:visited {color: #222;}
a:hover {color: #b81c25}
a:active {color: #222;}

.nav{ width:100%; height:60px; line-height:60px; background:#f9f9f9;}
.nav a{ padding:0px 36px; }
.nav a.current,.nav a.h_cur{ background-color:#b81c25;color: #fff;}


.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix {*zoom:1;}

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

.relative{ position:relative;}
.absolute{ position: absolute;}
.fixed{position: fixed;}

.alpha60 {background: rgba(0, 0, 0, 0.6); /* For IE */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); }

.wid300{ width: 300px;}
.wid630{ width: 630px;}
.wid660{ width: 660px;}
.wid1000{ width: 1200px;}
.wid1010{ width: 1010px;}
.wid1050{ width: 1050px;}

.none{ display:none;}
.block{ display:block;}
.in_block{ display: inline-block;*zoom:1;*display: inline;}
.table_cell{display: table-cell;}

.overhide{overflow: hidden;}

.pointer{cursor: pointer;}

.txtleft {text-align:left;}
.txtright {text-align:right;}
.txtcenter {text-align:center;}

.textIndent28{text-indent: 28px;}

.txttop{vertical-align: top;}
.txtmiddle{vertical-align: middle;}
.txtbottom{vertical-align: bottom;}

.bg_fff{ background: #fff;}
.bg_f6f6f6{ background: #f6f6f6;}
.bg_efe9e1{background: #efe9e1;}
.bg_b81c25{background: #b81c25;}
.bg_f8f8f8{background: #f8f8f8;}

.color_ff3938{color: #ff3938;}
.color_3992ec{color: #3992ec;}
.color_ea7a58{color: #ea7a58;}

.txtindent{ text-indent:2em;}

.bold {font-weight: bold;}
.normal {font-weight: normal;}

.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f26 { font-size:26px;}
.f32 { font-size:32px;}
.f40 { font-size:40px;}
.f48 { font-size:48px;}
.lh16 {line-height:16px;}
.lh18 {line-height:18px;}
.lh20 {line-height:20px;}
.lh22 {line-height:22px;}
.lh23 {line-height:23px;}
.lh24 {line-height:24px;}
.lh26 {line-height:26px;}
.lh27 {line-height:27px;}
.lh28 {line-height:28px;}
.lh29 {line-height:29px;}
.lh30 {line-height:30px;}
.lh32 {line-height:32px;}
.lh34 {line-height:34px;}
.lh36{ line-height:36px;}
.lh38 {line-height:38px;}
.lh40 {line-height:40px;}
.lh48 {line-height:48px;}

.pad2{ padding:2px;}
.pad_lr_5 { padding-left:5px; padding-right:5px;}
.pad_lr_10 { padding-left:10px; padding-right:10px;}
.pad_lr_15 { padding-left:15px; padding-right:15px;}
.pad_lr_20 { padding-left:20px; padding-right:20px;}
.pad_lr_35 { padding-left:35px; padding-right:35px;}
.pad_r_10{ padding-right:10px;}
.pad_r_15{ padding-right:15px;}
.pad_r_25{ padding-right:25px;}
.pad_r_65{ padding-right:65px;}
.pad_b_10{ padding-bottom:10px;}
.pad_b_15{ padding-bottom:15px;}
.pad_b_20{ padding-bottom:20px;}
.pad_b_22{ padding-bottom:22px;}
.pad_b_30{ padding-bottom:30px;}
.pad_l_5{ padding-left:5px;}
.pad_l_10{ padding-left:10px;}
.pad_l_15{ padding-left:15px;}
.pad_l_25{ padding-left:25px;}
.pad_l_30{ padding-left:30px;}
.pad_t_5{ padding-top:5px;}
.pad_t_10{ padding-top:10px;}
.pad_t_15{ padding-top:15px;}
.pad_t_20{ padding-top:20px;}
.pad_t_25{ padding-top:25px;}
.pad_t_35{ padding-top:35px;}
.pad_t_45{ padding-top:45px;}
.pad_t_50{ padding-top:50px;}

.mrg_auto{ margin: 0 auto;}
.mrg_lr_5 { margin-left:5px; margin-right:5px;}
.mrg_lr_10 { margin-left:10px; margin-right:10px;}
.mrg_lr_12 { margin-left:12px; margin-right:12px;}
.mrg_lr_15 { margin-left:15px; margin-right:15px;}
.mrg_r_10{ margin-right:10px;}
.mrg_r_15{ margin-right:15px;}
.mrg_r_20{ margin-right:20px;}
.mrg_r_45{ margin-right:45px;}
.mrg_b_10{ margin-bottom:10px;}
.mrg_b_12{ margin-bottom:12px;}
.mrg_b_15{ margin-bottom:15px;}
.mrg_b_20{ margin-bottom:20px;}
.mrg_b_25{ margin-bottom:25px;}
.mrg_l_5{ margin-left:5px;}
.mrg_l_10{ margin-left:10px;}
.mrg_l_15{ margin-left:15px;}
.mrg_l_30{ margin-left:30px;}
.mrg_l_35{ margin-left:35px;}
.mrg_l_40{ margin-left:40px;}
.mrg_t_5{ margin-top:5px;}
.mrg_t_10{ margin-top:10px;}
.mrg_t_15{ margin-top:15px;}
.mrg_t_18{ margin-top:18px;}
.mrg_t_20{ margin-top:20px;}
.mrg_t_25{ margin-top:25px;}
.mrg_t_30{ margin-top:30px;}
.mrg_t_35{ margin-top:35px;}
.mrg_t_40{ margin-top:40px;}
.mrg_t_45{ margin-top:45px;}
.mrg_t_50{ margin-top:50px;}


.f_fff,.f_fff a:link,.f_fff a:visited,a.f_fff,a.f_fff:link,a.f_fff:visited{color:#fff;text-decoration:none;}
.f_fff a:hover,a.f_fff:hover{color:#fff; text-decoration:none;}

.f_000,.f_000 a:link,.f_000 a:visited,a.f_000,a.f_000:link,a.f_000:visited{color:#000;text-decoration:none;}
.f_000 a:hover,a.f_000:hover{color:#000; text-decoration:none;}

.f_222,.f_222 a:link,.f_222 a:visited,a.f_222,a.f_222:link,a.f_222:visited{color:#222;text-decoration:none;}
.f_222 a:hover,a.f_222:hover{color:#b81c25; text-decoration:none;}

.f_333,.f_333 a:link,.f_333 a:visited,a.f_333,a.f_333:link,a.f_333:visited{color:#333;text-decoration:none;}
.f_333 a:hover,a.f_333:hover{color:#333; text-decoration:none;}

.f_444,.f_444 a:link,.f_444 a:visited,a.f_444,a.f_444:link,a.f_444:visited{color:#444;text-decoration:none;}
.f_444 a:hover,a.f_444:hover{color:#b81c25; text-decoration:none;}

.f_666,.f_666 a:link,.f_666 a:visited,a.f_666,a.f_666:link,a.f_666:visited{color:#666;text-decoration:none;}
.f_666 a:hover,a.f_666:hover{color:#666; text-decoration:none;}

.f_999,.f_999 a:link,.f_999 a:visited,a.f_999,a.f_999:link,a.f_999:visited{color:#999;text-decoration:none;}
.f_999 a:hover,a.f_999:hover{color:#b81c25; text-decoration:none;}

.f_dedede,.f_dedede a:link,.f_dedede a:visited,a.f_dedede,a.f_dedede:link,a.f_dedede:visited{color:#dedede;text-decoration:none;}
.f_dedede a:hover,a.f_dedede:hover{color:#b81c25; text-decoration:none;}

.f_b81c25,.f_b81c25 a:link,.f_b81c25 a:visited,a.f_b81c25,a.f_b81c25:link,a.f_b81c25:visited{color:#b81c25;text-decoration:none;}
.f_b81c25 a:hover,a.f_b81c25:hover{color:#b81c25; text-decoration:none;}

.f_999444,.f_999444 a:link,.f_999444 a:visited,a.f_999444,a.f_999444:link,a.f_999444:visited{color:#999;text-decoration:none;}
.f_999444 a:hover,a.f_999444:hover{color:#444; text-decoration:none;}

.f_0087bd,.f_0087bd a:link,.f_0087bd a:visited,a.f_0087bd,a.f_0087bd:link,a.f_0087bd:visited{color:#0087bd;text-decoration:none;}
.f_0087bd a:hover,a.f_b81c25:hover{color:#b81c25; text-decoration:none;}

.bor_t_dedede{ border-top: 1px solid #dedede;}
.bor_b_dedede{ border-bottom: 1px solid #dedede;}
.bor_l_dedede{ border-left: 1px solid #dedede;}
.bor_r_dedede{ border-right: 1px solid #dedede;}
.bor_dedede{ border: 1px solid #dedede;}

.bor_b_dedede{ border-bottom: 1px solid #dedede;}

.bor_t_b81c25{ border-top: 1px solid #b81c25;}
.bor_2t_b81c25{ border-top: 2px solid #b81c25;}
.bor_3t_b81c25{ border-top: 3px solid #4582B4;}
.bor_b_b81c25{ border-bottom: 1px solid #b81c25;}
.bor_l_b81c25{ border-left: 1px solid #b81c25;}
.bor_r_b81c25{ border-right: 1px solid #b81c25;}
.bor_b81c25{ border: 1px solid #b81c25;}

.line_bg{ background:url("../image/line_bg.gif") repeat-x left bottom;}
.li_bg{ background:url("../image/li_bg.gif") no-repeat;}