/*全局*/
html{ font-size:14px; line-height:1.4; }
@media screen and (max-width:767px)
{
    html{ font-size:15px; }
}
body, input, select, textarea{ font-size:100%; font-family:Arial, Microsoft YaHei; color:#555555; }
body, form{ margin:0; padding:0; }
*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
img{ border:0; }
a{ color:#333333; text-decoration:none; }
a:hover,
a:active{ color:#000000; }
fieldset{ margin:10px 0; padding:10px; border:1px solid #E1E1E1; }
hr{ height:1px; border:none; background:#E1E1E1; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ font-size:inherit; }

/*列表*/
.list{ }
.list.list-none{ list-style-type:none; margin:0; padding:0; }
.list.list-circle{ list-style-type:circle; }
.list.list-square{ list-style-type:square; }
.list.list-decimal{ list-style-type:decimal; }
.list.list-lower-roman{ list-style-type:lower-roman; }
.list.list-lower-alpha{ list-style-type:lower-alpha; }
.list.list-upper-alpha{ list-style-type:upper-alpha; }
.list.list-1 > li{ padding:10px 0; }
.list.list-2 > li{ padding:10px 0; border-bottom:1px dashed #E1E1E1; }
.list.list-3 > li{ padding:10px; display:inline-block; }

/*控件*/
.text{ padding:5px; height:34px; line-height:24px; border:1px solid #E1E1E1; background:#FEFEFE; vertical-align:middle; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.textbox{ padding:5px; border:1px solid #E1E1E1; background:#FEFEFE; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.select{ padding:5px; height:34px; line-height:24px; border:1px solid #E1E1E1; background:#FEFEFE; vertical-align:middle; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.text:focus,
.textbox:focus,
.select:focus{ border:1px solid #999999; background:#FFFFFF; }
.checkbox{ }
.radio{ }
.browse{ position:relative; padding:5px 10px; height:34px; line-height:24px; display:inline-block; vertical-align:middle; border:1px solid #E1E1E1; background:#FAFAFA; overflow: hidden; text-decoration:none; }
.browse:hover{ border:1px solid #999999; background:#FFFFFF; text-decoration:none; }
.browse input{ position:absolute; right:0; top:0; font-size:100px; filter:alpha(opacity=0); opacity:0; }
.btn{ padding:5px 14px; height:34px; line-height:24px; border:none; text-align:center; vertical-align:middle; display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; }
.btn:hover{ text-decoration:none; }
.btn:disabled{ cursor:not-allowed; }

.text.small,
.select.small{ padding:3px; height:26px; line-height:20px; font-size:85%; }
.browse.small,
.btn.small{ padding:3px 8px; height:26px; line-height:20px; font-size:85%; }

.text.large,
.select.large{ padding:7px; height:42px; line-height:28px; font-size:130%; }
.browse.large,
.btn.large{ padding:7px 20px; height:42px; line-height:28px; font-size:130%; }

/*按钮*/
.btn-default{ background:#FBFBFB; color:#888888; border:1px solid #E1E1E1; }
.btn-default-o{ background:none; border:1px solid #888888; color:#888888; }
.btn-default-o:hover,
.btn-default:hover{ background:#F8F8F8; color:#666666; }
.btn-primary{ background:#258CD1; color:#FFFFFF; }
.btn-primary-o{ background:none; border:1px solid #2077B2; color:#2077B2; }
.btn-primary-o:hover,
.btn-primary:hover{ background:#2077B2; color:#FFFFFF; }
.btn-info{ background:#24CABC; color:#FFFFFF; }
.btn-info-o{ background:none; border:1px solid #20B4A8; color:#20B4A8; }
.btn-info-o:hover,
.btn-info:hover{ background:#20B4A8; color:#FFFFFF; }
.btn-success{ background:#29B765; color:#FFFFFF; }
.btn-success-o{ background:none; border:1px solid #239A55; color:#239A55; }
.btn-success-o:hover,
.btn-success:hover{ background:#239A55; color:#FFFFFF; }
.btn-warning{ background:#F39C12; color:#FFFFFF; }
.btn-warning-o{ background:none; border:1px solid #E08E0B; color:#E08E0B; }
.btn-warning-o:hover,
.btn-warning:hover{ background:#E08E0B; color:#FFFFFF; }
.btn-danger{ background:#E74C3C; color:#FFFFFF; }
.btn-danger-o{ background:none; border:1px solid #E43725; color:#E43725; }
.btn-danger-o:hover,
.btn-danger:hover{ background:#E43725; color:#FFFFFF; }
.btn.disabled{ background:#FBFBFB; color:#C9C9C9; border:1px solid #E1E1E1; cursor:not-allowed; }
.btn.disabled:hover{ background:#FBFBFB; color:#C9C9C9; }

/*标签*/
.pop{ display:inline-block; padding:0 4px; min-width:16px; height:16px; line-height:16px; vertical-align:text-top; text-align:center; font-style:normal; font-size:12px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }

.pop-default{ background:#FBFBFB; color:#666666; border:1px solid #E1E1E1; }
.pop-primary{ background:#2077B2; color:#FFFFFF; border:none; }
.pop-info{ background:#20B4A8; color:#FFFFFF; border:none; }
.pop-success{ background:#239A55; color:#FFFFFF; border:none; }
.pop-warning{ background:#E08E0B; color:#FFFFFF; border:none; }
.pop-danger{ background:#E43725; color:#FFFFFF; border:none; }

.bg-default{ background:#FBFBFB; }
.bg-primary{ background:#2077B2; }
.bg-info{ background:#20B4A8; }
.bg-success{ background:#239A55; }
.bg-warning{ background:#E08E0B; }
.bg-danger{ background:#E43725; }

/*提示框*/
.tipbox{ position:relative; padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.tipbox-default{ background:#F8F8F8; border:1px solid #EEEEEE; }
.tipbox-primary{ background:#EBF2F8; border:1px solid #C2D7EA; }
.tipbox-info{ background:#EFF9FC; border:1px solid #CEECF5; }
.tipbox-success{ background:#EFF8EF; border:1px solid #CEEACE; }
.tipbox-warning{ background:#FEF7EE; border:1px solid #FBE7CA; }
.tipbox-danger{ background:#FBEEEE; border:1px solid #F4CCCB; }

/*文本*/
.txt-default{ color:#999999; }
.txt-primary{ color:#2077B2; }
.txt-info{ color:#20B4A8; }
.txt-success{ color:#239A55; }
.txt-warning{ color:#E08E0B; }
.txt-danger{ color:#E43725; }

.align-left{ text-align:left; }
.align-right{ text-align:right; }
.align-center{ text-align:center; }

.font-12{ font-size:85.7%; }
.font-14{ font-size:100.0%; }
.font-16{ font-size:114.3%; }
.font-18{ font-size:128.6%; }
.font-20{ font-size:142.9%; }
.font-24{ font-size:171.4%; }
.font-32{ font-size:228.6%; }
.font-48{ font-size:342.9%; }
.font-64{ font-size:457.1%; }
.font-80{ font-size:571.4%; }
.font-96{ font-size:685.7%; }

/*垂直居中*/
.valign-top{ vertical-align:top; }
.valign-middle{ vertical-align:middle; }
.valign-bottom{ vertical-align:bottom; }

/*线条*/
.line{ background:none; clear:both; margin:10px 0; }
.line{ border-bottom:1px solid #E1E1E1; }
.line-bold{ border-bottom:2px solid #E1E1E1; }
.line-double{ border-bottom:3px double #E1E1E1; }
.line-dotted{ border-bottom:1px dotted #E1E1E1; }
.line-dashed{ border-bottom:1px dashed #E1E1E1; }

/*容器*/
.container{ position:relative; margin:0 auto; max-width:1200px; }
.container:before,
.container:after{ display:table; content:" "; }
.container:after{ clear:both; }

.row{ position:relative; }
.row:before, .row:after{ display:table; content:" "; }
.row:after{ clear:both; }

/*媒体*/
.media{ position:relative; }
.media:before, .media:after{ display:table; content:" "; }
.media:after { clear:both; }
.media-left{ float:left; padding-right:10px; }
.media-right{ float:right; padding-left:10px; }
.media-top{ display:block; }
.media-bottom{ display:block; }
.media-body{ display:block; margin:auto; word-wrap:break-word; word-break:break-all; overflow:hidden; }

/*响应列*/
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1
{
    position:relative;
    float:left;
    padding:10px;
    vertical-align:top;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.col-md-12{ width:99.99%; }
.col-md-11{ width:91.66%; }
.col-md-10{ width:83.33%; }
.col-md-9{ width:75%; }
.col-md-8{ width:66.67%; }
.col-md-7{ width:58.34%; }
.col-md-6{ width:50%; }
.col-md-5{ width:41.65%; }
.col-md-4{ width:33.32%; }
.col-md-3{ width:24.99%; }
.col-md-2-4{ width:20%; }
.col-md-2{ width:16.66%; }
.col-md-1{ width:8.33%; }

@media screen and (max-width:767px)
{
	.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3,.col-md-2-4, .col-md-2, .col-md-1
	{
		width:100%;
	}
    .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3,.col-xs-2-4, .col-xs-2, .col-xs-1
    {
        position:relative;
        float:left;
        padding:10px;
        vertical-align:top;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
    }
    .col-xs-12{ width:99.99%; }
    .col-xs-11{ width:91.66%; }
    .col-xs-10{ width:83.33%; }
    .col-xs-9{ width:75%; }
    .col-xs-8{ width:66.67%; }
    .col-xs-7{ width:58.34%; }
    .col-xs-6{ width:50%; }
    .col-xs-5{ width:41.65%; }
    .col-xs-4{ width:33.32%; }
    .col-xs-3{ width:24.99%; }
    .col-xs-2-4{ width:20%; }
    .col-xs-2{ width:16.66%; }
    .col-xs-1{ width:8.33%; }
}
[class*="col-"].media-right{ float:right; }

/*表格*/
.table{ min-width:100%; border-collapse:collapse; }
.table tr > th{ display:table-cell; float:none; padding:10px; vertical-align:middle; word-break:break-all; white-space:nowrap; }
.table tr > td{ display:table-cell; float:none; padding:10px; vertical-align:middle; word-break:break-all; white-space:nowrap; }
.table tr.disabled > td{ color:#BBBBBB !important; }

.table.tb-odd tr:nth-child(odd){ background-color:#F8F8F8; }
.table.tb-even tr:nth-child(even){ background-color:#F8F8F8; }
.table.tb-hover tr:not(:first-child):hover{ background-color:#F8F8F8; }
.table.tb-line{ border:1px solid #E2E2E2; }
.table.tb-line-x tr > td{ border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; }
.table.tb-line-y tr > td{ border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2; }

.table tr > th{ background-color:#F4F4F4; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; }
.table.tb-1 tr > th{ background:none !important; border-top:none; border-bottom:2px solid #E2E2E2; }

/*表单*/
.form{ display:table; width:100%; border-collapse:collapse; }
.form tr th{ display:table-cell; float:none; padding:10px; text-align:right; vertical-align:middle; white-space:nowrap; }
.form tr th em{ margin-right:5px; color:#CC0000; }
.form tr td{ display:table-cell; float:none; padding:10px; vertical-align:middle; }

.form .form-group{ display:table; border-collapse:separate; border-spacing:0; width:auto; }
.form .form-group-control{ display:table-cell; width:100%; }
.form .form-group-addon{ display:table-cell; width:1%; white-space:nowrap; }
.form .form-group-addon img{ max-width:none; width:auto; }

@media screen and (max-width:767px)
{
    .form tr th{ float:left; padding:5px 0; text-align:left; }
    .form tr td{ float:left; padding:5px 0; }
}

/*分页*/
.pager{ margin:20px 0; text-align:center; }
.pager ul{ margin:0; padding:0; list-style:none; }
.pager ul li{ display:inline-block; margin:0 2px; }
.pager ul li a{ display:inline-block; padding:5px 10px; border:solid 1px #E1E1E1; background:#FFFFFF; }
.pager ul li a:hover,.pager li.active a{ border:solid 1px #E1E1E1; background:#EEEEEE; text-decoration:none; }
@media screen and (max-width:767px)
{
    .pager ul li:not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)){ display:none; }
}

/*容器*/
.panel{ }
.panel > dt{ position:relative; padding:10px 0; }
.panel > dt strong{ position:relative; padding:0 10px; }
.panel > dt span{ float:right; padding:0 10px; }
.panel > dd{ position:relative; margin:0; padding:10px; }

.panel{ border:1px solid #EEEEEE; }
.panel > dt{ border-bottom:1px solid #EEEEEE; background:#F8F8F8; }

.panel.pn-1{ border:none; }
.panel.pn-1 > dt{ border-bottom:1px solid #EEEEEE; background:none; padding:0; }
.panel.pn-1 > dt strong{ display:inline-block; padding:10px; border-bottom:3px solid #999999; }

/*选项卡*/
.tabs{ position:relative; }
.tabs ul{  margin:0; padding:0; list-style:none; }
.tabs .tabs-nav{ position:relative; border-bottom:solid 1px #E1E1E1; padding:0 10px; }
.tabs .tabs-nav li{ display:inline-block; margin-bottom:-1px; text-align:center; }
.tabs .tabs-nav li a{ position:relative; display:block; padding:10px 15px; text-decoration:none; outline:none; }
.tabs .tabs-item{ position:relative; }
.tabs .tabs-item .slides{ padding:10px; clear:both; }
.tabs .tabs-item .slides:after{ content:""; display:block; clear:both; }
.tabs .tabs-item .slides li.flex-active-slide{ }

.tabs .tabs-nav li.flex-active{ border:solid 1px #E1E1E1; border-bottom:none; background:#FFFFFF; font-weight:bold; }

.tabs.tabs-1 .tabs-nav li.flex-active{ border:none; border-bottom:solid 3px #999999; background:none; }

.tabs.tabs-2{ position:relative; border:solid 1px #E1E1E1; }
.tabs.tabs-2 .tabs-nav{ background:#F4F4F4; }
.tabs.tabs-2 .tabs-nav li.flex-active{ border:none; border-left:solid 1px #E1E1E1; border-right:solid 1px #E1E1E1; }

/*幻灯片*/
.slider{ position:relative; z-index:2; }
.slider ul, .slider ol{  margin:0; padding:0; list-style:none; }
.slider .flex-viewport{ }
.slider .slides{ }
.slider .slides li{ margin:0; padding:0; }
.slider .slides:after{ content:""; display:block; clear:both; }

.slider .flex-direction-nav,
.slider .flex-control-nav{ width:100%; text-align:center; }
.slider .flex-direction-nav li,
.slider .flex-control-nav li,
.slider .flex-control-thumbs li{ display:inline-block; }

.slider .flex-direction-nav li a,
.slider .flex-control-nav li a{ display:block; padding:0 10px; line-height:1; font-size:0px; cursor:pointer; font-family:FontAwesome; outline:none; color:#000000; }

.slider .flex-direction-nav li a,
.slider .flex-control-nav li a{ filter:alpha(opacity=40); opacity:0.4; }
.slider .flex-direction-nav li a:hover,
.slider .flex-control-nav li a:hover,
.slider .flex-control-nav li a.flex-active{ filter:alpha(opacity=80); opacity:0.8; }

.slider .flex-control-nav li a:before{ content:"\f10c"; font-size:14px; }
.slider .flex-control-nav li a:hover:before,
.slider .flex-control-nav li a.flex-active:before{ content:"\f111"; font-size:14px; }

.slider .flex-control-thumbs li{ margin:5px; }
.slider .flex-control-thumbs li img{ width:60px; height:60px; border:solid 2px #FFFFFF; }
.slider .flex-control-thumbs li img.flex-active{ border:solid 2px #999999; }

/*样式*/
.slider .flex-direction-nav .flex-prev:before{ content:"\f053"; }
.slider .flex-direction-nav .flex-next:before{ content:"\f054"; }
.slider.circle .flex-direction-nav .flex-prev:before{ content:"\f137"; }
.slider.circle .flex-direction-nav .flex-next:before{ content:"\f138"; }
.slider.arrow .flex-direction-nav .flex-prev:before{ content:"\f0a8"; }
.slider.arrow .flex-direction-nav .flex-next:before{ content:"\f0a9"; }

/*尺寸*/
.slider .flex-direction-nav{ height:64px; }
.slider .flex-direction-nav .flex-prev:before,
.slider .flex-direction-nav .flex-next:before{ font-size:42px; line-height:64px; }
.slider.small .flex-direction-nav{ height:32px; }
.slider.small .flex-direction-nav .flex-prev:before,
.slider.small .flex-direction-nav .flex-next:before{ font-size:24px; line-height:32px; }

/*反显*/
.slider.inverse .flex-direction-nav a,
.slider.inverse .flex-control-nav li a{ color:#FFFFFF; }

/*位置*/
.slider .flex-direction-nav{ position:absolute; top:50%; z-index:3; }
.slider .flex-direction-nav .flex-prev{ position:absolute; left:0; top:-50%; }
.slider .flex-direction-nav .flex-next{ position:absolute; right:0; top:-50%; }
.slider .flex-control-nav{ position:absolute; bottom:20px; z-index:4; }

.slider.block .flex-direction-nav{ position:relative; top:0; }
.slider.block .flex-direction-nav .flex-prev{ position:relative; top:0; }
.slider.block .flex-direction-nav .flex-next{ position:relative; top:0; }
.slider.block .flex-control-nav{ position:relative; bottom:0; }

/*导航*/
.nav{ position:relative; }
.nav ul{ margin:0; padding:0; list-style:none; }
.nav ul li{ position:relative; }
.nav ul li a{ position:relative; display:block; white-space:nowrap; text-decoration:none; outline:none; }
.nav > ul > li ul{ position:relative; display:none; z-index:9999; }
.nav > ul > li ul li:before,
.nav > ul > li ul li:after{ display:table; content:" "; }
.nav > ul > li ul li:after{ clear:both; }
.nav .arrow{ font-family:FontAwesome; font-style:normal; }

/*横向导航*/
.nav-top-open{ position:absolute; top:50%; right:10px; margin-top:-16px; width:32px; height:32px; line-height:32px; font-size:24px; text-align:center; z-index:999; }
.nav-top-open.inverse{ color:#FFFFFF; }

.nav-top .arrow{ margin-left:5px; }
.nav-top > ul > li > a .arrow:before{ content:"\f107"; }
.nav-top > ul > li > ul > li a .arrow:before{ content:"\f105"; }

.nav-top > ul > li{ display:inline-block; }
.nav-top > ul > li ul{ position:absolute; min-width:100%; -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.15); -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.15); box-shadow:0px 0px 4px rgba(0,0,0,0.15); }
.nav-top.small > ul > li > a{ padding:0 20px; height:42px; line-height:42px; }
.nav-top.large > ul > li > a{ padding:0 20px; height:80px; line-height:80px; }

.nav-top > ul > li > ul{ top:100%; left:0; }
.nav-top > ul > li > ul.direction{ top:100%; left:auto; right:0; }
.nav-top > ul > li > ul > li ul{ top:0; left:100%; }
.nav-top > ul > li > ul > li ul.direction{ top:0; left:auto; right:100%; }
.nav-top > ul > li > ul > li a{ padding:10px; }

.nav-top > ul > li > a{ color:#555555; }
.nav-top > ul > li ul{ border:1px solid #E1E1E1; background:#FFFFFF; }
.nav-top > ul > li ul li:hover,
.nav-top > ul > li ul li.active{ background:#000000; background:rgba(0, 0, 0, 0.04)!important; filter:alpha(opacity=4); }
.nav-top > ul > li ul li a{ color:#555555; }

.nav-top.inverse > ul > li > a{ color:#FFFFFF; }
.nav-top.inverse > ul > li ul{ border:1px solid #222222; background:#333333; }
.nav-top.inverse > ul > li ul li:hover,
.nav-top.inverse > ul > li ul li.active{ background:#000000; background:rgba(0, 0, 0, 0.14)!important; filter:alpha(opacity=14); }
.nav-top.inverse > ul > li ul li a{ color:#CCCCCC; }

@media screen and (max-width:767px){
    .nav-top.pull-left,
    .nav-top.pull-right{ float:none; }
    .nav-top{ margin:0; padding:0; max-height:380px; overflow:auto; }
    .nav-top .arrow{ position:absolute; top:0; right:0; bottom:0; margin:0; padding:10px; }
    .nav-top .open > a .arrow:before{ content:"\f078"; }
    .nav-top .close > a .arrow:before{ content:"\f054"; }
    
    .nav-top > ul > li{ float:none; display:block; }
    .nav-top > ul > li ul{ position:relative; margin:0 10px 10px 10px; min-width:auto; }
    .nav-top > ul > li > a,
    .nav-top.small > ul > li > a,
    .nav-top.large > ul > li > a{ padding:10px; height:auto; line-height:normal; }
    .nav-top > ul > li > ul,
    .nav-top > ul > li > ul.direction,
    .nav-top > ul > li > ul > li ul,
    .nav-top > ul > li > ul > li ul.direction{ top:0; left:0; right:0; }
    
    .nav-top ul{ background:#F6F6F6; }
    .nav-top ul li:hover,
    .nav-top ul li.active{ background:#000000; background:rgba(0, 0, 0, 0.04)!important; filter:alpha(opacity=4); }
    .nav-top > ul > li:first-child{ border-top:1px solid #E1E1E1; }
    .nav-top > ul > li{ border-bottom:1px solid #E1E1E1; }
    .nav-top > ul > li > a{ border-top:1px solid #FFFFFF; }
    .nav-top > ul > li a{ color:#555555; }
    .nav-top > ul > li ul{ border:none; background:none; }
    
    .nav-top.inverse ul{ background:#333333; }
    .nav-top.inverse ul li:hover,
    .nav-top.inverse ul li.active{ background:#000000; background:rgba(0, 0, 0, 0.14)!important; filter:alpha(opacity=14); }
    .nav-top.inverse > ul > li:first-child{ border-top:1px solid #222222; }
    .nav-top.inverse > ul > li{ border-bottom:1px solid #222222; }
    .nav-top.inverse > ul > li > a{ border-top:1px solid #444444; }
    .nav-top.inverse > ul > li a{ color:#CCCCCC; }
    .nav-top.inverse > ul > li ul{ border:none; background:none; }
}

/*纵向导航*/
.nav-left .arrow{ position:absolute; top:0; right:0; bottom:0; padding:10px; }
.nav-left .open > a .arrow:before{ content:"\f078"; }
.nav-left .close > a .arrow:before{ content:"\f054"; }
    
.nav-left > ul > li a{ padding:10px; }
.nav-left > ul > li ul{ margin:0 10px 10px 10px; }

.nav-left ul{ background:#F6F6F6; }
.nav-left ul li:hover,
.nav-left ul li.active{ background:#000000; background:rgba(0, 0, 0, 0.04) !important; filter:alpha(opacity=4); }
.nav-left ul li a{ color:#555555; }
.nav-left > ul > li:first-child{ border-top:1px solid #E1E1E1; }
.nav-left > ul > li{ border-bottom:1px solid #E1E1E1; }
.nav-left > ul > li > a{ border-top:1px solid #FFFFFF; }
.nav-left > ul > li ul{ border:none; background:none; }
    
.nav-left.inverse ul{ background:#333333; }
.nav-left.inverse ul li:hover,
.nav-left.inverse ul li.active{ background:#000000; background:rgba(0, 0, 0, 0.14) !important; filter:alpha(opacity=14); }
.nav-left.inverse ul li a{ color:#CCCCCC; }
.nav-left.inverse > ul > li:first-child{ border-top:1px solid #222222; }
.nav-left.inverse > ul > li{ border-bottom:1px solid #222222; }
.nav-left.inverse > ul > li > a{ border-top:1px solid #444444; }
.nav-left.inverse > ul > li ul{ border:none; background:none; }

.nav-left-2 > ul > li ul{ display:inherit; }
.nav-left-2 .arrow{ position:absolute; top:0; right:0; bottom:0; padding:10px; }
.nav-left-2 .open > a .arrow:before{ content:"\f107"; }
.nav-left-2 .close > a .arrow:before{ content:"\f105"; }
.nav-left-2 ul li:hover > a,
.nav-left-2 ul li.active > a{ color:#000000; }
.nav-left-2 > ul > li > a:before{ content:"\f101\0020"; font-family:FontAwesome; font-style:normal; }
.nav-left-2 > ul > li a{ padding:10px; }
.nav-left-2 > ul > li ul{ margin:0 10px 10px 10px; }
.nav-left-2 > ul > li{ border-bottom:1px solid #EEEEEE; }
.nav-left-2 > ul > li ul{ border:none; background:none; }
    
/*下拉菜单*/
.nav-drop{ display:inline-block; }
.nav-drop ul{ display:none; position:absolute; min-width:100%; z-index:9999; -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.15); -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.15); box-shadow:0px 0px 4px rgba(0,0,0,0.15); }
.nav-drop ul li{ position:relative; }
.nav-drop ul li a{ position:relative; display:block; padding:8px 10px; line-height:normal; }

.nav-drop .arrow{ margin-left:5px; font-family:FontAwesome; font-style:normal; }
.nav-drop > a .arrow:before{ content:"\f0d7"; }
.nav-drop > ul > li a .arrow:before{ content:"\f0da"; }

.nav-drop > ul{ top:100%; left:0; }
.nav-drop > ul.direction{ top:100%; left:auto; right:0; }
.nav-drop > ul > li ul{ position:absolute; top:0; left:100%; }
.nav-drop > ul > li ul.direction{ top:0; left:auto; right:100%; }

.nav-drop ul{ border:1px solid #E1E1E1; }
.nav-drop ul li{ background:#FFFFFF; }
.nav-drop ul li:hover,
.nav-drop ul li.active{ background:#F6F6F6; }
.nav-drop ul li a{ color:#555555; }

/*固定位置*/
.fixed{ position:fixed; z-index:999; }
.fixed-auto{ position:relative; z-index:999; }
.fixed-animate{ position:absolute; z-index:999; }

/*其它*/
.pull-left{ float:left; }
.pull-right{ float:right; }
.clearfix{ clear:both; }
.clearfix:before,
.clearfix:after{ display:table; content:" "; }
.clearfix:after{ clear:both; }
.shadow{ -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.2); box-shadow:0px 0px 4px rgba(0,0,0,0.2); }
.no-padding{ padding:0px !important; }
.no-padding-all > [class*="col-"],
.no-padding-all > [class*="media-"]{ padding:0 !important; }

/*圆角*/
.radiu{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.radiu-full{ -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.radiu-half{ -moz-border-radius:17px/50%; -webkit-border-radius:17px/50%; border-radius:17px/50%; }
.small.radiu-half{ -moz-border-radius:13px/50%; -webkit-border-radius:13px/50%; border-radius:13px/50%; }
.large.radiu-half{ -moz-border-radius:21px/50%; -webkit-border-radius:21px/50%; border-radius:21px/50%; }

/*可见*/
.visible{ display:block; }
.hidden{ display:none; }
.visible-place{ visibility:visible; }
.hidden-place{ visibility:hidden; }

/*响应可见*/
@media screen and (min-width:768px)
{
    .visible-md{ display:block !important; }
	.hidden-md{ display:none; }
}
@media screen and (max-width:767px)
{
    .visible-xs{ display:block !important; }
    .hidden-xs{ display:none; }
}
/*填充、响应*/
.fill{ width:100%; }
.responsive{ max-width:100%; }
img.fill{ width:100%; height:auto; }
img.responsive{ max-width:100%; height:auto; }
img.block{ display:block; }

.over-scroll{ position:relative; overflow:auto; }

.photo-box{ position:relative; overflow:hidden; }
.photo-box img{ position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto; height:100%; }

/*紧凑*/
.compact{ }
.compact h1,
.compact h2,
.compact h3,
.compact p{ margin-top:6px; margin-bottom:6px; }

/*动画*/
.animated-scroll{ }
.animated-hover{ }
.animated-parent-hover{ }

/*遮罩层*/
.mask{ position:absolute; top:0; bottom:0; left:0; right:0; }
.mask-black{ color:#FFFFFF; background-color:#000000; filter:alpha(opacity=70); background:rgba(0, 0, 0, 0.7)!important; }
.mask-while{ color:#555555; background-color:#FFFFFF; filter:alpha(opacity=70); background:rgba(255, 255, 255, 0.7)!important; }

/**********页面级**********/

/*LOGO*/
.logo img{ display:block; height:110px; }
@media screen and (max-width:767px){
    .logo img{ display:block; width:auto; height:60px; }
}

/*面包屑*/
.page-bread{ padding:10px; text-align:right; background:#F8F8F8; }
.page-bread ul{ margin:0; padding:0; list-style:none; display:inline-block; }
.page-bread ul li{ margin:0 5px; display:inline-block; }
.page-bread ul li:last-child a{ color:#777777; }
.page-bread ul li:not(:first-child):before{ content:"\f105"; display:inline-block; padding-right:5px; font-family:FontAwesome; font-style:normal; color:#999999; }

/*页标题*/
.page-title{ position:relative; margin:10px 0; padding:10px 0; }
.page-title h1,
.page-title h2,
.page-title h3{ position:relative; margin:0; padding:0; }
.page-title small{ }

.page-title{ border-bottom:1px solid #E1E1E1; }
.page-title h1,
.page-title h2,
.page-title h3{ display:inline-block; padding-left:10px; border-left:3px solid #999999; }

.page-title.pt-1{ padding:0; }
.page-title.pt-1 h1,
.page-title.pt-1 h2,
.page-title.pt-1 h3{ display:inline-block; padding:9px 10px 8px 10px; border-bottom:3px solid #999999; border-left:none; }

.page-title.pt-2{ border:none; text-align:center; }
.page-title.pt-2 h1,
.page-title.pt-2 h2,
.page-title.pt-2 h3{ display:inline-block; padding:0; border:none; }
.page-title.pt-2 small{ display:block; color:#999999; font-weight:normal; }
.page-title.pt-2 small:before{ content:""; position:absolute; right:120%; top:50%; width:60px; height:2px; background:#999999; }
.page-title.pt-2 small:after{ content:""; position:absolute; left:120%; top:50%; width:60px; height:2px; background:#999999; }

/*客服*/
.online{ z-index:99; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.online .online-open{ display:none; position:absolute; top:0; right:0; z-index:10; padding:10px; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.online .online-open i{ width:20px; text-align:center; font-size:20px; color:#FFFFFF; }
.online .online-close{ position:absolute; top:0; right:0; z-index:10; top:5px; right:5px; text-align:center; z-index:10; }
.online .online-close i{ font-size:16px; color:#FFFFFF; }
.online .online-title{ position:relative; margin:10px; color:#FFFFFF; }
.online .online-title h3,
.online .online-title p{ margin:0; }
.online .online-content{ position:relative; margin:10px; padding:10px; background:#FFFFFF; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

.online-blue{ background:#258CD1; }
.online-blue .online-open{ background:#258CD1; }

.online-green{ background:#29B765; }
.online-green .online-open{ background:#29B765; }

.online-red{ background:#E74C3C; }
.online-red .online-open{ background:#E74C3C; }

.online-black{ background:#555555; }
.online-black .online-open{ background:#555555; }

@media screen and (max-width:767px){
    .online .online-open{ display:block; }
    .online .online-close{ display:none; }
    .online .online-title{ display:none; }
    .online .online-content{ display:none; }
}