.container, img { box-sizing: border-box; }

.nav li, .navbar, .navbar li { position: relative; }

.dropdown-menu li.disabled, table > tfoot { font-style: italic; }

.breadcrumb, .list-unstyled, .nav li, .navbar li { list-style: none; }

.breadcrumb:after, .button-group:after, .clearfix:after, .container-fluid:after, .container:after, .navbar .navbar-header:after, .navbar:after, .row:after { clear: both; }

.visible-lg, .visible-lg-down, .visible-lg-up, .visible-md, .visible-md-down, .visible-md-up, .visible-sm, .visible-sm-down, .visible-sm-up, .visible-xs, .visible-xs-down, .visible-xs-up { display: none; }

@media (min-width: 768px) and (max-width: 959px) { .visible-sm { display: block; } }

@media (min-width: 960px) and (max-width: 1199px) { .visible-md { display: block; } }

@media (min-width: 767px) { .visible-xs-up { display: block; } }

@media (min-width: 959px) { .visible-sm-up { display: block; } }

@media (min-width: 1199px) { .visible-md-up { display: block; } }

@media (min-width: 1200px) { .visible-lg, .visible-lg-up { display: block; } }

@media (max-width: 1px) { .visible-xs-down { display: block; } }

@media (max-width: 768px) { .visible-sm-down { display: block; } }

@media (max-width: 960px) { .visible-md-down { display: block; } }

@media (max-width: 1200px) { .visible-lg-down { display: block; } }

@media (max-width: 767px) { .visible-xs { display: block; }
  .hidden-xs { display: none; } }

@media (min-width: 768px) and (max-width: 959px) { .hidden-sm { display: none; } }

@media (min-width: 960px) and (max-width: 1199px) { .hidden-md { display: none; } }

@media (min-width: 767px) { .hidden-xs-up { display: none; } }

@media (min-width: 959px) { .hidden-sm-up { display: none; } }

@media (min-width: 1199px) { .hidden-md-up { display: none; } }

@media (min-width: 1200px) { .hidden-lg, .hidden-lg-up { display: none; } }

@media (max-width: 1px) { .hidden-xs-down { display: none; } }

@media (max-width: 768px) { .hidden-sm-down { display: none; } }

@media (max-width: 960px) { .hidden-md-down { display: none; } }

@media (max-width: 1200px) { .hidden-lg-down { display: none; } }

.visible-print { display: none; }

@media print { .visible-print { display: block; }
  .hidden-print { display: none; } }

.show { display: block !important; }

.hidden { display: none !important; }

.invisible { visibility: hidden; }

.float-left { float: left !important; }

.float-right { float: right !important; }

.clearfix:after, .clearfix:before { content: " "; display: table; }

.block-center { display: block; margin-left: auto; margin-right: auto; }

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

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

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

.text-indent { text-indent: 2em; }

.text-primary { color: #267; }

.text-success { color: #7B0; }

.text-info { color: #39D; }

.text-warning { color: #F80; }

.text-danger { color: #D33; }

.bg-primary { background-color: #278; color: #FFF; padding: 1em; }

.bg-success { background-color: #dff0d8; color: #006400; padding: 1em; }

.bg-info { background-color: #d9edf7; color: #4682B4; padding: 1em; }

.bg-warning { background-color: #fcf8e3; color: sienna; padding: 1em; }

.bg-danger { background-color: #f2dede; color: #B22222; padding: 1em; }

.m-t { margin-top: 15px !important; }

.m-t-xs { margin-top: 10px !important; }

.m-t-sm { margin-top: 20px !important; }

.m-t-md { margin-top: 30px !important; }

.m-t-lg { margin-top: 45px !important; }

.m-r { margin-right: 15px !important; }

.m-r-xs { margin-right: 10px !important; }

.m-r-sm { margin-right: 20px !important; }

.m-r-md { margin-right: 30px !important; }

.m-r-lg { margin-right: 45px !important; }

.m-b { margin-bottom: 15px !important; }

.m-b-xs { margin-bottom: 10px !important; }

.m-b-sm { margin-bottom: 20px !important; }

.m-b-md { margin-bottom: 30px !important; }

.m-b-lg { margin-bottom: 45px !important; }

.m-l { margin-left: 15px !important; }

.m-l-xs { margin-left: 10px !important; }

.m-l-sm { margin-left: 20px !important; }

.m-l-md { margin-left: 30px !important; }

.m-l-lg { margin-left: 45px !important; }

.m-n { margin: 0 !important; }

.p-t { padding-top: 15px !important; }

.p-t-xs { padding-top: 10px !important; }

.p-t-sm { padding-top: 20px !important; }

.p-t-md { padding-top: 30px !important; }

.p-t-lg { padding-top: 45px !important; }

.p-r { padding-right: 15px !important; }

.p-r-xs { padding-right: 10px !important; }

.p-r-sm { padding-right: 20px !important; }

.p-r-md { padding-right: 30px !important; }

.p-r-lg { padding-right: 45px !important; }

.p-b { padding-bottom: 15px !important; }

.p-b-xs { padding-bottom: 10px !important; }

.p-b-sm { padding-bottom: 20px !important; }

.p-b-md { padding-bottom: 30px !important; }

.p-b-lg { padding-bottom: 45px !important; }

.p-l { padding-left: 15px !important; }

.p-l-xs { padding-left: 10px !important; }

.p-l-sm { padding-left: 20px !important; }

.p-l-md { padding-left: 30px !important; }

.p-l-lg { padding-left: 45px !important; }

.p-n { padding: 0 !important; }

.badge { border-radius: 3px; padding: 2px 6px; font-size: 80%; background-color: #EEE; color: #267; }

.badge-danger, .badge-info, .badge-primary, .badge-success, .badge-warning { border-radius: 3px; padding: 2px 6px; font-size: 80%; color: #FFF; }

.badge-primary { background-color: #267; }

.badge-success { background-color: #7B0; }

.badge-info { background-color: #39D; }

.badge-warning { background-color: #F80; }

.badge-danger { background-color: #D33; }

.badge-notification { border-radius: 1em !important; }

a, img { border: none; }

html { font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; color: #333; }

body, html { margin: 0; }

a { text-decoration: none; color: #37B; }

a:hover { color: #F55; }

::selection { background: #FFA; color: #333; text-shadow: none; }

code { color: #A00; background: #FEE; padding: 2px 5px; line-height: 1em; margin: 0 3px; display: inline-block; font-family: Consolas,Monaco,'Andale Mono',monospace; }

.button-group:after, .button-group:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { display: table; content: " "; }

h1, h2, h3, h4, h5, h6 { line-height: 1.6em; margin: .5em 0; font-weight: 400; }

ol li, p, ul li { line-height: 1.8em; }

h1 { font-size: 38px; }

h2 { font-size: 26px; }

h3 { font-size: 20px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

hr { border-color: #ddd; border-width: 0 0 1px; }

p { margin: 1em 0 1.5em; }

sub, sup { font-size: 12px; }

small { font-size: 70%; color: #777; }

ol, ul { margin: 1em 0; padding-left: 1.5em; }

.list-unstyled { padding: 0; }

dl, dl.dl-horizontal { margin: 1em 0; line-height: 1.8em; }

dl dt, dl.dl-horizontal dt { font-weight: 700; }

dl dd, dl.dl-horizontal dd { margin: 0; }

dl.dl-horizontal dt { width: 160px; float: left; }

dl.dl-horizontal dd { padding-left: 190px; }

img { max-width: 100%; height: auto; }

img.img-rounded { border-radius: 1em; }

img.img-circle { border-radius: 50%; }

img.img-thumbnail { border: 1px solid #ddd; padding: 5px; background: #FFF; }

.container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

img.img-preserve { max-width: auto; }

@media (min-width: 768px) { .container { width: 738px; } }

@media (min-width: 960px) { .container { width: 930px; } }

@media (min-width: 1200px) { .container { width: 1170px; } }

.container-fluid { box-sizing: border-box; }

.col-xs-1-10, .col-xs-1-12, .col-xs-10-10, .col-xs-10-12, .col-xs-11-12, .col-xs-12-12, .col-xs-2-10, .col-xs-2-12, .col-xs-3-10, .col-xs-3-12, .col-xs-4-10, .col-xs-4-12, .col-xs-5-10, .col-xs-5-12, .col-xs-6-10, .col-xs-6-12, .col-xs-7-10, .col-xs-7-12, .col-xs-8-10, .col-xs-8-12, .col-xs-9-10, .col-xs-9-12 { padding: 0 15px; box-sizing: border-box; float: left; }

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

.col-xs-1-12 { width: 8.33333%; }

.col-xs-2-12 { width: 16.66667%; }

.col-xs-3-12 { width: 25%; }

.col-xs-4-12 { width: 33.33333%; }

.col-xs-5-12 { width: 41.66667%; }

.col-xs-6-12 { width: 50%; }

.col-xs-7-12 { width: 58.33333%; }

.col-xs-8-12 { width: 66.66667%; }

.col-xs-9-12 { width: 75%; }

.col-xs-10-12 { width: 83.33333%; }

.col-xs-11-12 { width: 91.66667%; }

.col-xs-12-12 { width: 100%; }

@media (min-width: 768px) { .col-sm-1-12 { width: 8.33333%; }
  .col-sm-2-12 { width: 16.66667%; }
  .col-sm-3-12 { width: 25%; }
  .col-sm-4-12 { width: 33.33333%; }
  .col-sm-5-12 { width: 41.66667%; }
  .col-sm-6-12 { width: 50%; }
  .col-sm-7-12 { width: 58.33333%; }
  .col-sm-8-12 { width: 66.66667%; }
  .col-sm-9-12 { width: 75%; }
  .col-sm-10-12 { width: 83.33333%; }
  .col-sm-11-12 { width: 91.66667%; }
  .col-sm-12-12 { width: 100%; }
  .col-sm-1-12, .col-sm-10-12, .col-sm-11-12, .col-sm-12-12, .col-sm-2-12, .col-sm-3-12, .col-sm-4-12, .col-sm-5-12, .col-sm-6-12, .col-sm-7-12, .col-sm-8-12, .col-sm-9-12 { float: left; padding: 0 15px; box-sizing: border-box; flex: none; } }

@media (min-width: 960px) { .col-md-1-12 { width: 8.33333%; }
  .col-md-2-12 { width: 16.66667%; }
  .col-md-3-12 { width: 25%; }
  .col-md-4-12 { width: 33.33333%; }
  .col-md-5-12 { width: 41.66667%; }
  .col-md-6-12 { width: 50%; }
  .col-md-7-12 { width: 58.33333%; }
  .col-md-8-12 { width: 66.66667%; }
  .col-md-9-12 { width: 75%; }
  .col-md-10-12 { width: 83.33333%; }
  .col-md-11-12 { width: 91.66667%; }
  .col-md-12-12 { width: 100%; }
  .col-md-1-12, .col-md-10-12, .col-md-11-12, .col-md-12-12, .col-md-2-12, .col-md-3-12, .col-md-4-12, .col-md-5-12, .col-md-6-12, .col-md-7-12, .col-md-8-12, .col-md-9-12 { float: left; padding: 0 15px; box-sizing: border-box; flex: none; } }

@media (min-width: 1200px) { .col-lg-1-12 { width: 8.33333%; }
  .col-lg-2-12 { width: 16.66667%; }
  .col-lg-3-12 { width: 25%; }
  .col-lg-4-12 { width: 33.33333%; }
  .col-lg-5-12 { width: 41.66667%; }
  .col-lg-6-12 { width: 50%; }
  .col-lg-7-12 { width: 58.33333%; }
  .col-lg-8-12 { width: 66.66667%; }
  .col-lg-9-12 { width: 75%; }
  .col-lg-10-12 { width: 83.33333%; }
  .col-lg-11-12 { width: 91.66667%; }
  .col-lg-12-12 { width: 100%; }
  .col-lg-1-12, .col-lg-10-12, .col-lg-11-12, .col-lg-12-12, .col-lg-2-12, .col-lg-3-12, .col-lg-4-12, .col-lg-5-12, .col-lg-6-12, .col-lg-7-12, .col-lg-8-12, .col-lg-9-12 { float: left; padding: 0 15px; box-sizing: border-box; flex: none; } }

.col-xs-1-10 { width: 10%; }

.col-xs-2-10 { width: 20%; }

.col-xs-3-10 { width: 30%; }

.col-xs-4-10 { width: 40%; }

.col-xs-5-10 { width: 50%; }

.col-xs-6-10 { width: 60%; }

.col-xs-7-10 { width: 70%; }

.col-xs-8-10 { width: 80%; }

.col-xs-9-10 { width: 90%; }

.col-xs-10-10 { width: 100%; }

@media (min-width: 768px) { .col-sm-1-10 { width: 10%; }
  .col-sm-2-10 { width: 20%; }
  .col-sm-3-10 { width: 30%; }
  .col-sm-4-10 { width: 40%; }
  .col-sm-5-10 { width: 50%; }
  .col-sm-6-10 { width: 60%; }
  .col-sm-7-10 { width: 70%; }
  .col-sm-8-10 { width: 80%; }
  .col-sm-9-10 { width: 90%; }
  .col-sm-10-10 { width: 100%; }
  .col-sm-1-10, .col-sm-10-10, .col-sm-2-10, .col-sm-3-10, .col-sm-4-10, .col-sm-5-10, .col-sm-6-10, .col-sm-7-10, .col-sm-8-10, .col-sm-9-10 { float: left; padding: 0 15px; box-sizing: border-box; flex: none; } }

@media (min-width: 960px) { .col-md-1-10 { width: 10%; }
  .col-md-2-10 { width: 20%; }
  .col-md-3-10 { width: 30%; }
  .col-md-4-10 { width: 40%; }
  .col-md-5-10 { width: 50%; }
  .col-md-6-10 { width: 60%; }
  .col-md-7-10 { width: 70%; }
  .col-md-8-10 { width: 80%; }
  .col-md-9-10 { width: 90%; }
  .col-md-10-10 { width: 100%; }
  .col-md-1-10, .col-md-10-10, .col-md-2-10, .col-md-3-10, .col-md-4-10, .col-md-5-10, .col-md-6-10, .col-md-7-10, .col-md-8-10, .col-md-9-10 { float: left; padding: 0 15px; box-sizing: border-box; flex: none; } }

@media (min-width: 1200px) { .col-lg-1-10 { width: 10%; }
  .col-lg-2-10 { width: 20%; }
  .col-lg-3-10 { width: 30%; }
  .col-lg-4-10 { width: 40%; }
  .col-lg-5-10 { width: 50%; }
  .col-lg-6-10 { width: 60%; }
  .col-lg-7-10 { width: 70%; }
  .col-lg-8-10 { width: 80%; }
  .col-lg-9-10 { width: 90%; }
  .col-lg-10-10 { width: 100%; }
  .col-lg-1-10, .col-lg-10-10, .col-lg-2-10, .col-lg-3-10, .col-lg-4-10, .col-lg-5-10, .col-lg-6-10, .col-lg-7-10, .col-lg-8-10, .col-lg-9-10 { float: left; padding: 0 15px; box-sizing: border-box; flex: none; } }

.col-lg-1-10, .col-lg-1-12, .col-lg-10-10, .col-lg-10-12, .col-lg-11-12, .col-lg-12-12, .col-lg-2-10, .col-lg-2-12, .col-lg-3-10, .col-lg-3-12, .col-lg-4-10, .col-lg-4-12, .col-lg-5-10, .col-lg-5-12, .col-lg-6-10, .col-lg-6-12, .col-lg-7-10, .col-lg-7-12, .col-lg-8-10, .col-lg-8-12, .col-lg-9-10, .col-lg-9-12, .col-md-1-10, .col-md-1-12, .col-md-10-10, .col-md-10-12, .col-md-11-12, .col-md-12-12, .col-md-2-10, .col-md-2-12, .col-md-3-10, .col-md-3-12, .col-md-4-10, .col-md-4-12, .col-md-5-10, .col-md-5-12, .col-md-6-10, .col-md-6-12, .col-md-7-10, .col-md-7-12, .col-md-8-10, .col-md-8-12, .col-md-9-10, .col-md-9-12, .col-sm-1-10, .col-sm-1-12, .col-sm-10-10, .col-sm-10-12, .col-sm-11-12, .col-sm-12-12, .col-sm-2-10, .col-sm-2-12, .col-sm-3-10, .col-sm-3-12, .col-sm-4-10, .col-sm-4-12, .col-sm-5-10, .col-sm-5-12, .col-sm-6-10, .col-sm-6-12, .col-sm-7-10, .col-sm-7-12, .col-sm-8-10, .col-sm-8-12, .col-sm-9-10, .col-sm-9-12, .col-xs-1-10, .col-xs-1-12, .col-xs-10-10, .col-xs-10-12, .col-xs-11-12, .col-xs-12-12, .col-xs-2-10, .col-xs-2-12, .col-xs-3-10, .col-xs-3-12, .col-xs-4-10, .col-xs-4-12, .col-xs-5-10, .col-xs-5-12, .col-xs-6-10, .col-xs-6-12, .col-xs-7-10, .col-xs-7-12, .col-xs-8-10, .col-xs-8-12, .col-xs-9-10, .col-xs-9-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; flex: none; }

table { border-spacing: 0; border-collapse: collapse; width: 100%; border-bottom: 1px solid #ddd; }

table > tbody > tr > td, table > tbody > tr > th, table > tfoot > tr > td, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th { padding: 1em; text-align: left; border-bottom: 1px solid #ddd; }

table > thead > tr > td, table > thead > tr > th { border-bottom-width: 2px; }

table > tfoot { color: #888; }

.button, .button:hover { color: #333; }

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #ddd; }

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px; }

.table-unstyled, .table-unstyled > tbody > tr > td, .table-unstyled > tbody > tr > th, .table-unstyled > tfoot > tr > td, .table-unstyled > tfoot > tr > th, .table-unstyled > thead > tr > td, .table-unstyled > thead > tr > th { border: none; }

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: .5em; }

.button, .button-danger, .button-info, .button-primary, .button-success, .button-warning { box-sizing: border-box; padding: .5em 1em; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; vertical-align: middle; cursor: pointer; word-spacing: normal; font-size: 14px; }

.table-striped tbody > tr:nth-of-type(odd) { background: #fafafa; }

.button, .table-hover tbody > tr:hover { background: #F2F2F2; }

.button { border: 1px solid #e1e1e1; }

.button-danger, .button-danger:hover, .button-info:hover, .button-primary, .button-primary:hover, .button-success, .button-success:hover, .button-warning, .button-warning:hover { color: #FFF; }

.button.active, .button:hover { background: #fff; border: 1px solid #F2F2F2; }

.button-primary { background: #267; border: 1px solid #156; }

.button-primary.active, .button-primary:hover { background: #378; border: 1px solid #267; }

.button-success { background: #7B0; border: 1px solid #6a0; }

.button-success.active, .button-success:hover { background: #8c1; border: 1px solid #7B0; }

.button-info { color: #FFF; background: #39D; border: 1px solid #28c; }

.button-info.active, .button-info:hover { background: #4ae; border: 1px solid #39D; }

.button-warning { background: #F80; border: 1px solid #e70; }

.button-warning.active, .button-warning:hover { background: #f91; border: 1px solid #F80; }

.button-danger { background: #D33; border: 1px solid #c22; }

.button-danger.active, .button-danger:hover { background: #e44; border: 1px solid #D33; }

.button-xs { font-size: 12px; padding: 1px 5px; }

.button-sm { font-size: 12px; padding: 5px 10px; }

.button-md { font-size: 22px; }

.button-lg { font-size: 30px; }

button[disabled], button[disabled]:hover { color: #AAA; background-color: #EEE; border-color: #DDD; cursor: not-allowed; }

.nav li > a, .navbar li > a { display: block; line-height: 20px; }

.button-group button { float: left; margin-left: -1px; }

.button-group button:first-child { margin-left: 0; }

.nav { margin: 0; padding: 0; }

.nav li > a { padding: 15px; color: #333; }

.nav li > a:hover { color: #000; }

.navbar { padding: 0; margin: 0; background: #F2F2F2; }

.navbar li.active { background: #e1e1e1; }

.navbar li > a { padding: 15px; color: #333; }

.navbar li > a:hover { color: #000; }

.navbar .navbar-header { float: left; }

.navbar .navbar-header:after, .navbar .navbar-header:before { content: " "; display: table; }

.navbar .navbar-header .navbar-logo { float: left; height: 20px; margin: 15px; line-height: 20px; font-weight: 700; }

.navbar .navbar-header .navbar-toggle { margin: 10px 15px; height: 30px; border: 1px solid #ddd; padding: 6px 10px; display: none; }

.navbar .navbar-nav { list-style-type: none; padding: 0; margin: 0; float: left; }

.navbar .navbar-nav li { float: left; }

.navbar .navbar-right { float: right; }

.navbar:after, .navbar:before { content: " "; display: table; }

.dropdown-menu { position: absolute; padding: 5px 0; margin: 0; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.2); background: #FFF; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); min-width: 160px; display: none; z-index: 999; }

.dropdown-menu li { float: none !important; }

.dropdown-menu li.header { padding: 6px 15px; margin: 0; font-weight: 700; color: #555; }

.dropdown-menu li.disabled, .dropdown-menu li.disabled a { color: #DDD; cursor: not-allowed; }

.dropdown-menu li.disabled a:hover { background: 0 0; }

.dropdown-menu li.active, .dropdown-menu li.active a { background: #e1e1e1; }

.dropdown-menu li.divider { margin: 5px 0; border-top: 1px solid #ddd; line-height: 0; height: 0; }

.dropdown-menu li a { color: #333; display: block; padding: 6px 15px; }

.dropdown-menu li a:hover { background: #e9e9e9; }

.navbar-default { background: #F2F2F2; border: 1px solid #ddd; }

.navbar-default li.active { background: #e1e1e1; }

.navbar-inverse { color: #F2F2F2; background: #267; border: none; }

.navbar-inverse li.active, .navbar-inverse li.active > a { background: #045 !important; }

.navbar-inverse li > a { color: #F2F2F2; }

.navbar-inverse li > a:hover { color: #fff; background: #195d6e; }

.navbar-inverse li .dropdown-menu li { background: #FFF; }

.navbar-inverse li .dropdown-menu li > a { color: #267; }

.navbar-inverse li .dropdown-menu li.active > a, .navbar-inverse li .dropdown-menu li > a:hover { color: #FFF; }

.navbar-inverse li .dropdown-menu li.disabled > a { color: #DDD; }

@media (max-width: 479px) { .navbar-xs .navbar-header, .navbar-xs .navbar-nav, .navbar-xs .navbar-nav li { float: none; }
  .navbar-xs .navbar-header:after, .navbar-xs .navbar-header:before { content: " "; display: table; }
  .navbar-xs .navbar-header:after { clear: both; }
  .navbar-xs .navbar-header .navbar-toggle { display: block; }
  .navbar-xs .dropdown-menu { position: relative; box-shadow: none; border: none; background: #F2F2F2; color: #333; }
  .navbar-xs .dropdown-menu li.header { padding-left: 20px; }
  .navbar-xs .dropdown-menu li a { color: #333; padding-left: 20px; }
  .navbar-xs .dropdown-menu li a:hover { background: 0 0; } }

@media (max-width: 767px) { .navbar-sm .navbar-header, .navbar-sm .navbar-nav, .navbar-sm .navbar-nav li { float: none; }
  .navbar-sm .navbar-header:after, .navbar-sm .navbar-header:before { content: " "; display: table; }
  .navbar-sm .navbar-header:after { clear: both; }
  .navbar-sm .navbar-header .navbar-toggle { display: block; }
  .navbar-sm .dropdown-menu { position: relative; box-shadow: none; border: none; background: #F2F2F2; color: #333; }
  .navbar-sm .dropdown-menu li.header { padding-left: 20px; }
  .navbar-sm .dropdown-menu li a { color: #333; padding-left: 20px; }
  .navbar-sm .dropdown-menu li a:hover { background: 0 0; } }

@media (max-width: 959px) { .navbar-md .navbar-header, .navbar-md .navbar-nav, .navbar-md .navbar-nav li { float: none; }
  .navbar-md .navbar-header:after, .navbar-md .navbar-header:before { content: " "; display: table; }
  .navbar-md .navbar-header:after { clear: both; }
  .navbar-md .navbar-header .navbar-toggle { display: block; }
  .navbar-md .dropdown-menu { position: relative; box-shadow: none; border: none; background: #F2F2F2; color: #333; }
  .navbar-md .dropdown-menu li.header { padding-left: 20px; }
  .navbar-md .dropdown-menu li a { color: #333; padding-left: 20px; }
  .navbar-md .dropdown-menu li a:hover { background: 0 0; } }

@media (max-width: 1199px) { .navbar-lg .navbar-header, .navbar-lg .navbar-nav, .navbar-lg .navbar-nav li { float: none; }
  .navbar-lg .navbar-header:after, .navbar-lg .navbar-header:before { content: " "; display: table; }
  .navbar-lg .navbar-header:after { clear: both; }
  .navbar-lg .navbar-header .navbar-toggle { display: block; }
  .navbar-lg .dropdown-menu { position: relative; box-shadow: none; border: none; background: #F2F2F2; color: #333; }
  .navbar-lg .dropdown-menu li.header { padding-left: 20px; }
  .navbar-lg .dropdown-menu li a { color: #333; padding-left: 20px; }
  .navbar-lg .dropdown-menu li a:hover { background: 0 0; } }

.breadcrumb { padding: 0; margin: .6em 0; }

.breadcrumb:after, .breadcrumb:before { content: " "; display: table; }

.breadcrumb li { float: left; margin-right: 1.6em; position: relative; }

.breadcrumb li:after { content: '/'; position: absolute; right: -1.2em; font-size: .5em; color: #999; }

.breadcrumb li:last-child { overflow: hidden; }
/*  Core Owl Carousel CSS File v1.3.2 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }






body{background:url(body.png)}
.input-group input[type=text], table { width: 100%; }

.btn { box-sizing: border-box; padding: 0.5em 1em; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; vertical-align: middle; cursor: pointer; word-spacing: normal; white-space: nowrap; font-size: 14px; border-radius: 2px; }

.btn { background: #F2F2F2; border: 1px solid #e1e1e1; color: #333; }

.btn:hover { color: #333; }

.btn:hover, .btn.active { background: white; border: 1px solid #e9e9e9; }

.btn-primary { background: #267; border: 1px solid #115566; color: #FFF; }

.btn-primary:hover { color: #FFF; }

.btn-primary:hover, .btn-primary.active { background: #337788; border: 1px solid #195d6e; }

.btn-success { background: #7B0; border: 1px solid #66aa00; color: #FFF; }

.btn-success:hover { color: #FFF; }

.btn-success:hover, .btn-success.active { background: #88cc11; border: 1px solid #6eb200; }

.btn-info { background: #39D; border: 1px solid #2288cc; color: #FFF; }

.btn-info:hover { color: #FFF; }

.btn-info:hover, .btn-info.active { background: #44aaee; border: 1px solid #2a90d4; }

.btn-warning { background: #F80; border: 1px solid #ee7700; color: #FFF; }

.btn-warning:hover { color: #FFF; }

.btn-warning:hover, .btn-warning.active { background: #ff9911; border: 1px solid #f67f00; }

.btn-danger { background: #D33; border: 1px solid #cc2222; color: #FFF; }

.btn-danger:hover { color: #FFF; }

.btn-danger:hover, .btn-danger.active { background: #ee4444; border: 1px solid #d42a2a; }

.btn-xs { font-size: 12px; padding: 1px 5px; }

.btn-sm { font-size: 12px; padding: 5px 10px; }

.btn-md { font-size: 22px; }

.btn-lg { font-size: 30px; }

button[disabled], button[disabled]:hover { color: #AAA; background-color: #EEE; border-color: #DDD; cursor: not-allowed; }

.btn-group:before, .btn-group:after { content: " "; display: table; }

.btn-group:after { clear: both; }

.btn-group .btn { border-radius: 0; margin-left: -1px; margin-right: -1px; float: left; }

.btn-group .btn:first-child { margin-left: 0; border-radius: 2px 0 0 2px; }

.btn-group .btn:last-child { margin-right: 0; border-radius: 0 2px 2px 0; }

input[type=text] { box-sizing: border-box; padding: .5em 1em; font-size: 14px; border-style: solid; border-width: 1px; border-color: #e1e1e1; color: #666; }

input[type=text]:focus { box-shadow: 0 0 .5em #bfbfbf; outline: 0; }

.input-group { display: table; }

.input-group .input-group-btn, .input-group input[type=text] { display: table-cell; position: relative; box-sizing: border-box; }

.input-group .btn-group { display: table-cell; word-spacing: normal; width: 1%; vertical-align: middle; }

.nav li > a, .navbar li > a { display: block; line-height: 20px; }

.input-group .btn-group .btn { margin-left: -1px; margin-right: -1px; border-radius: 0; z-index: 2; position: relative; }

.input-group .btn-group:first-child .btn { border-radius: 2px 0 0 2px; margin-right: -1px; margin-left: 0; }

.input-group .btn-group:last-child .btn { border-radius: 0 2px 2px 0; margin-left: -1px; margin-right: 0; }

.input-group input[type=text]:first-child { border-radius: 2px 0 0 2px; }

.input-group input[type=text]:last-child { border-radius: 0 2px 2px 0; }

.nav { margin: 0; padding: 0; }

.nav li { position: relative; }

.navbar { position: relative; padding: 0; margin: 0; background: #F2F2F2; }

.navbar li { position: relative; }

.navbar li.active { background: #e1e1e1; }

.navbar .navbar-header { float: left; }

.main-nav .logo, .nav-bar .logo, .nav-bar .navbar, .nav-bar .navbar li { float: left; }

.nav-bar, .tj-slider { background: #F2F2F2; }

.nav-bar .logo { margin: 10px 0; }

.nav-bar .search { width: 180px; margin: 11px 0; }

.nav-bar .search input[type=text] { height: 30px; font-size: 12px; }

.nav-bar .search .btn { height: 30px; }

@media (min-width: 960px) and (max-width: 1200px) { .main-nav .nav { width: 80%; }
  .main-nav .nav li { padding: 0 15px; } }

@media (min-width: 768px) and (max-width: 959px) { .main-nav .nav { width: 80%; }
  .main-nav .nav li { padding: 0 6px; } }

.footerbg{background:url(footerbg.png) no-repeat;background-position:center bottom;}
.footer { text-align: center; padding: 30px 0; margin-top: 50px; }
.footer small{color:#fff}
.footer a { text-decoration: none; color: #fff; }

.footer a:hover { color: #F42; }

.footer em { font-style: normal; margin: 0 8px; color: #eee; }

.header { background: #f5fcff; padding: 5px 0; }

.header img { width: 100px; float: left; padding-right: 20px; }

.header form { float: left; font-size: 14px; }

.header form * { float: left; }

.header form input { line-height: 2em; box-sizing: border-box; }

.header form button { cursor: pointer; padding: 0 1em; line-height: 2em; background-color: #fff; color: green; font-weight: bolder; }

.header form button:hover { background-color: green; color: #fff; }

.item { position: relative; }

.item > div { position: relative; }

.item img { display: block; width: 100%; }

.item .title { position: absolute; bottom: 0; width: 100%; cursor: pointer; font-size: 18px; line-height: 2.5em; height: 2.5em; overflow: hidden; text-indent: 1em; margin: 0; color: #fff; z-index: 2; }



.item span { content: ""; display: block; position: absolute; background: #000; left: 0; right: 0; height: 3em; opacity: .5; filter: alpha(opacity=50); bottom: 0; top: -3em; }

.owl-buttons .owl-next { width: 21px; z-index: 99; height: 31px; position: absolute; top: 50%; right: 4%; background: url(right.png) no-repeat; background-size: 100% 100%; }

#sync1 .owl-buttons .owl-next{position: absolute;
    background: url(next.png);
    right: 0;
    top: 50%;
    width: 36px;
    height: 56px;
    border-radius: 0;
    padding: 0;
    margin: 0;}

@media (max-width: 767px) { .owl-buttons .owl-next { transform: scale(0.6); -webkit-transform: scale(0.6); } }

.owl-controls .owl-buttons .owl-prev { background: none; width: 21px; z-index: 99; height: 31px; position: absolute; background: url(left.png) no-repeat; background-size: 100% 100%; top: 50%; left: 4%; }

#sync1 .owl-buttons .owl-prev{position: absolute;
    background: url(pre.png);
    left: 0;
    top: 50%;
    width: 36px;
    height: 56px;
    border-radius: 0;
    padding: 0;
    margin: 0;}
@media (max-width: 767px) { .owl-controls .owl-buttons .owl-prev { transform: scale(0.6); -webkit-transform: scale(0.6); } }

.focus .owl-controls .owl-page { cursor: pointer; width: 12px; height: 12px; background:#dbdbdb; box-sizing: border-box; border-radius: 6px; margin: 3px; float: left; transition: linear all .3s; }

.focus .owl-controls .owl-page.active {  border: none; background: #c49d21; }

.owl-pagination { position: absolute; bottom: 10px; right: 10px; }

@media (max-width: 767px) { .owl-pagination { display: none; } }

#headline .item img { display: block; width: 100%; }

.bkc { position: relative; }

.bkc:before { content: ""; display: block; background: #f0f0f0; position: absolute; left: 15px; right: 15px; top: 0; bottom: 0; }

.normal-list { list-style: none; margin: 0; padding: 0; margin-bottom:30px;}

.normal-list.small li{margin:10px 0}

.normal-list li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 9px 0; }

.normal-list li:first-child a { font-weight: 700; color: #d42; }

.normal-list li a { line-height: 1.8em; font-size: 20px; color: #333; }

.normal-list li a:hover { color: #d43; }

.banner img { display: block; }

.headline { background: url(bg-headline.png); padding: 2em; }

.headline .img { width: 80px; float: left; }

.headline .img img { display: block; margin: 0; margin-right: 20px; width: 100%; }

.headline .content { padding-left: 100px; box-sizing: border-box; }

.headline .content a { font-size: 40px; color: #333; line-height:48px;font-weight:bold}

.headline .content p { margin: 0; padding: 0; color: #d08d22; font-size: 16px; line-height: 1.6em; }

a { color: #000; }

a:hover { color: #d43; }

.class-title { display: table; margin: 35px auto 25px auto; }

.class-title h2 { position: relative; margin: 0; }

.class-title h2:before{content: "+";position: absolute;right: -1.5em;top: -0.5em;color: #DC0404;transition: linear all .3s;height:1em;width:1em;line-height:1em;}



.class-title h2:after { position: absolute; content: ""; left: -1em; right: -1.5em; bottom: -4px; height: 3px; background: #e60012; background: linear-gradient(to right, #e60012, rgba(230, 0, 18, 0)); }

.class-title.no h2:before{display:none}

.article-list .head-article { border-bottom: 1px solid #ddd; }

.article-list .head-article a { font-size: 20px; color: #333; font-weight:bold;}

.article-list .head-article p{color:#888}

.article-list .head-article a:hover { color: #d43; }

.article-list .list { color: #888; }

.article-list .list li { margin: 15px 0; border-bottom: 1px dotted #ddd; }

.article-list .list li:hover { border-color: #d43; }

.article-list .list li:hover a { color: #d43; }

.article-list .list li a { font-size: 16px; color: #333; }

.img { position: relative; }

.img img { display: block; width: 100%; }

.img.b-r:after { position: absolute; content: ""; top: 0; bottom: 0; width: 1px; background: #ddd; right: -15px; }

.lnmf { position: relative; top: -1em; }

.background-img { background: url(background-img.png); padding-bottom: 30px; margin-top:30px}

.background-pic {  background: url(background-pic.png) no-repeat; background-origin: center center; }

.data { background: #fff; }

.nb .data .title{border:none}
.data .title {    padding: 1em 0;margin: 0 1em;border-bottom: 1px solid #ddd;line-height: 1.6em;font-size: 18px;height: 3.2em;}

.data .title a { font-size: 18px; color: #333;}

.data .title a:hover { color: #d42; }

.data p { padding: 0 1em 1em 1em; }

.tab-container .tab-item .normal-list { float: left; width: 50%; }

.tab-container .tab-item.first { display: block; }

.img-list { margin-top: 1em; float: left; width: 50%; }

.img-list .img { padding: 2px; box-sizing: border-box; width: 50%; float: left; }

#owl { float: left; width: 50%; padding: 2px; box-sizing: border-box; }

#owl .item img { display: block; }

.phone .view .box { margin: 0 auto; position: relative; background: url(phone.png) no-repeat; background-size: contain; width: 270px; height: 556px; margin-top: 15px; }

.phone .view .view-box { position: absolute; top: 65px; bottom: 66px; left: 15px; right: 15px; right: 9px\9; bottom: 62px\9; width: auto; }

.phone .view .view-box img { display: block; height: 100%; width: 100%\9; }

.phone .control { overflow: hidden; }

.phone .control .content { float: left; width: 33.3333%; padding: 15px; box-sizing: border-box; transition: linear all .15s; position: relative; }

.phone .control .content:before { content: ""; position: absolute; left: 12px; right: 12px; top: 12px; bottom: 12px; background: transparent; transition: ease-in all .3s; }

.phone .control .content:hover:before { background: #115566; }

.phone .control .content:hover .bg .title a { color: #fff; }

.phone .control .content .bg { position: relative; }

.phone .control .content .bg i { position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: linear all .3s; background: #000; opacity: 0; filter: alpha(opacity=0); }

.phone .control .content .bg img { width: 100%; display: block; }

.phone .control .content .bg .title { display: none; position: absolute; left: 15px; right: 15px; bottom: 15px; top: 15px; }

.phone .control .content .bg .title a { transition: ease-in-out all .5s; font-weight: bold; color: #000; line-height: 1.8em; font-size: 16px; }

#sync1{    padding: 10px;    box-sizing: border-box;    background: #fff;}

#sync2 {  width: auto;background:#fff; margin-top:15px;}

#sync2 .item { padding: 10px; box-sizing: border-box; position:relative;}


#sync2 .synced .item i{display:none;}

#sync2 .owl-pagination{position:relative;}

#sync2 .owl-pagination .owl-page span{background:#c1c1c1;width: 10px;height: 10px;}

#sync2 .owl-pagination .owl-page.active span{background:#3a569b;width:25px;}

#sync1 .item .title { text-align: center; }

.owl-item.synced .class-item h3 { background-image: url(classbgac.png); }

.owl-item.synced .class-item h3 a { color: #fff; }

.class-item:hover h3 a { color: #fff; }

.class-item h3 {  background: 100% auto; margin-top: 0; line-height: 55px; text-indent: 10px; }

.class-item h3 i {  width: 44px; height: 44px; display: inline-block; vertical-align: top; margin-top: 6px; }

.class-item.b1 i { background: url(classicon1.png) no-repeat; }

.class-item.b2 i { background: url(classicon2.png) no-repeat; }

.class-item.b3 i { background: url(classicon3.png) no-repeat; }

.class-item.b4 i { background: url(classicon4.png) no-repeat; }

.class-item.b5 i { background: url(classicon5.png) no-repeat; }

.mt0 { margin-top: 0; }
@media(max-width:1200px){
	.view{zoom:.78;}
	.normal-list li{margin:5px 0;}
	.tab-container .tab-item .normal-list{margin-top:0.5em;}
	.normal-list li a{font-size:18px}
	.lnmf{margin-top:0;}
	
}
@media (max-width: 960px) { .bkc:before { display: none; }
  .background-img { margin-top: 30px; }
  .headline .img { width: 120px; }
  .headline .content { padding-left: 0; float: none; }
  .tab-container .tab-item .normal-list { width: auto; }
  .normal-list li { margin: 5px 0; white-space: normal; }
  .normal-list li a { font-size: 16px; }
  .img-list { width: auto; }
  .article-list .head-article { border: none; }
  .article-list .head-article a { font-size: 18px; }
  .article-list .head-article p { display: none; }
  .article-list .list { list-style: none; margin: 0; padding: 0; }
  #owl { width: 100%; }
  .lnmf { position: static; margin-left: 0; }
  
  .data:after { content: ""; clear: both; display: table; }
  .data .img { width: 30%; float: left; }
  .data .title { border-bottom:none; }
  .data .title a { font-size: 16px; font-weight: normal; }
  .data p { display: none; }
  .data .tab-container .tab-item .normal-list { margin: 0; } }

.site-name { position: relative;overflow:hidden }

.site-name.zoom{
    box-sizing: border-box;
}

.class-name.st a{display:block; background-repeat: no-repeat;}

.class-name.st img{max-width:inherit;}

.site-name .banner-lg { 
    position: relative; overflow: hidden;background: url(bannner.jpg) no-repeat;background-position: center bottom;
    transform-origin: top;transition: linear all .2s;
}
.site-name .banner-lg .bird{   width:420px; position: absolute;    left: 50%;margin-left:150px\9;   top: 29%;    transition: linear all .3s;}
.site-name .banner-lg .bird.animated{animation:bird 1s cubic-bezier(0.55, 0.09, 0.68, 0.53);animation-fill-mode:forwards;}
.site-name .banner-lg h1{margin:0;    position: absolute;    left: 0;    right: 0;    top: -100%; top:0\9;   transition: linear all .3s;z-index:9;}
.site-name .banner-lg h1.h1{animation: h1 1s linear;animation-fill-mode:forwards;}
.site-name .banner-lg h1 img{display:block;margin:0 auto;}
@keyframes bird{
	0%{
		margin-left:1000px;
		transform: scale(.8);
	}
	80%{
		margin-left:150px;
		transform: scale(.8)
	}
	100%{
		margin-left:150px;
		right: 20%;
		transform: scale(1);
	}
}
@keyframes h1{
  0%{
	  top: -100%;
	  transform: scale(.8);
  }
  80%{
	  top:0;
	  transform: scale(.8)
  }
  100%{
	  top: 0;
	  transform: scale(1);
  }
}


.site-name .cont { position: absolute; bottom: 0; left: 0; right: 0; }

@media(max-widht:1199px){
	.class-name.st img{display:block}
}

@media (max-width: 1200px) and (min-width: 768px) { .site-name .container { margin-top: 15px; position: static; }
  .site-name .container .headline { width: 100px; float: left; }
  .site-name .container .headline-article { width: auto; }
  .site-name .container .headline-article .more { color: #d2a60e; } }

@media (max-width: 767px) { .site-name .container { position: static; margin-top: 15px; }
  .site-name .container .headline { display: none; }
  .site-name .container .headline-article { width: auto; }
  .site-name .container .headline-article a { color: #000; text-align: left; }
  .site-name .container .headline-article .desc { margin-bottom: 0; color: #888; }
  .site-name .container .headline-article .more { color: #d2a60e; } }

.site-name .headline a { display: block; }

.site-name .headline img { display: block; margin: 0 auto; }

.site-name .headline-article{position:relative;}

.site-name .link{position:absolute;top:0;bottom:0;left:0;width:120px;z-index:333;}

.site-name .cont { width: 80%; margin: 0 auto; background:url(headline.png) no-repeat center;}

.site-name .headline-article .title { font-size: 26px; color: #fff;  text-align: center; display: block; line-height: 2em; }

.site-name .headline-article .title:hover { color: #d2a60e; }

.site-name .headline-article .desc { color: #fff; text-indent: 2em; margin-bottom: 2em; text-align: center;}

.site-name .headline-article .more { padding-left: 2em; color: #f9f688; }

.site-name .headline-article .more:hover { color: #d43; }

.site-name .banner-phone, .site-name .banner-md { display: none; position:relative;}

.site-name .banner-phone img, .site-name .banner-md img { display: block; width: 100%; }

.site-name .banner-lg a,.site-name .banner-md a{ position:absolute;left:15%;top:70px;}

.site-name .banne-md a img{display:inline;width:120px;}

@media (max-width:1150px){
.site-name .banner-lg{display:none}
.site-name .banner-md{display:block}

.site-name .banner-lg a,.site-name .banner-md a{top:30px;}
}
.site-name-title .container{position:relative;margin-top:30px;}
.site-name-title .headline-article{display:table;margin:0 auto;}
.site-name-title .headline-article:after{display:none;content:"";height:2px;position:absolute;bottom:45px;left:15px;right:15px;background:#e0140a;}
.site-name-title .headline-article .title,.site-name-title .headline-article p{   color: #000;}
.site-name-title .headline-article .title{top:16%;font-size:42px;font-weight:bold;}
.site-name-title .headline-article p{text-indent:2em;font-size:14px;color:#888;    text-align: left;}
.site-name-title .headline-article .link{display:table-cell;width:110px;height:140px;background: url(headline.png) no-repeat;background-position:left top;z-index:2;position:relative}
.headline-article .article{    text-align: center;}
@media(max-width:1199px){
	.site-name-title .headline-article{height:80px}
	.site-name-title .headline-article .title,.site-name-title .headline-article p{left:30%}
	.site-name-title .headline-article .title{position:static;}
	.owl-pagination{display:none}
}
@media(max-width:959px){
	.site-name-title .headline-article .title, .site-name-title .headline-article p{text-overflow: inherit;white-space: normal;}
	.site-name-title .headline-article p{font-size:12px;}
	.site-name-title .headline-article .title{font-size:20px;}
		.owl-pagination{display:none}
}

/*  Core Owl Carousel CSS File v1.3.3 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

/* Owl Carousel Owl Demo Theme  v1.3.3 */
.owl-theme .owl-controls { margin-top: 10px; text-align: center; }


/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; }







.video-box { margin-top: 30px; position: relative; display: block !important; display: none \9   !important; }

.video-box .video { position: absolute; transition: linear all .3s; width: 60%;user-select:none; }

.video-box .video:before { content: ""; left: 0; right: 0; bottom: 0; top: 0; background: rgba(255, 255, 255, 0.5); transition: linear all .3s; position: absolute; }

.video-box .video img { display: block; width: 100%; }

.video-box .video .article { position: absolute; left: 0; bottom: 0; right: 30%; padding: 1em; background: rgba(0, 0, 0, 0.5); }

.video-box .video .article .title a { font-size: 18px; font-weight: bold; color: #fff;    user-select: auto; }

.video-box .video .article .title a:hover { color: #d43; }

.video-box .video .article p { margin: 0; padding-top: .5em; color: #fff; }

.video-box #v2 { left: 20%; right: 20%; transform: scale(1); z-index: 5; filter: blur(0); }

.video-box #v2:before { background: transparent; }

.video-box #v1 { left: 10%; right: 30%; transform: scale(0.9); z-index: 4; }

.video-box #v0 { left: 0; right: 40%; transform: scale(0.8); z-index: 3; }

.video-box #v0:before { background: rgba(255, 255, 255, 0.7); }

.video-box #v3 { right: 10%; left: 30%; transform: scale(0.9); z-index: 2; }

.video-box #v4 { right: 0; left: 40%; transform: scale(0.8); z-index: 1; }

.video-box #v4:before { background: rgba(255, 255, 255, 0.7); }

.video-box #v5 { left: 20%; right: 20%; transform: scale(0); z-index: 0; opacity: 0; }

.background-ie { background: url(background-pic.png) 0 50px no-repeat \9; }

#video-ie { width: 80%; margin: 0 auto; display: none !important; display: block\9   !important; }

@media (max-width: 960px) { .phone .control .content { width: 50%; }
  .background-pic { padding-bottom: 0; }
  .video-box .video .article { padding: 5px; text-indent: 1em; left: 0; right: 0; }
  .video-box .video .article .title a { font-size: 16px; font-weight: normal; }
  .video-box .video .article p { display: none; } 
}


.class-icon{position:relative;}
.class-icon h2{position:relative;font-size:23px;margin-top:16px;margin-bottom:0;margin-right:2em;}
.class-icon h2:after{    border: 1px solid #b9b9b9;border-top: none;    border-radius: 20px;    border-right: none;content:"";top:0;bottom:0;right:0;left:0;position:absolute;display:block}
.class-icon .link:before{content:"";position:absolute;left:-1px;top:-1px;width:45px;height:40px;}
.class-icon .link{color:#d43;text-align:left;display: inline-block;width: 6em;border-radius: 20px;border: 1px solid;text-indent: 40px;position:relative;border-radius: 20px 20px 0 20px;border-right:none;font-weight:bold;z-index:2;}
.class-icon a:hover{color:#d43;}
.class-icon span{color:#999;float:right;margin-right:1em;font-size:16px;cursor:pointer;position:relative;z-index:2;}
.class-icon span a{color:#999}
.class-icon span a:hover{color:#d43;}





#section-3rd { position: relative;overflow:hidden}

#section-3rd #canvas { position: absolute; left: 0; top: 0; bottom: 0; right: 0;background:url(canvasbg.png) no-repeat \9; background-position:center center;}

#section-3rd #canvas a { position: absolute; }

#section-3rd #canvas .img { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }





.lhbg .boxs { float: left; width: 50%; padding-right: 20px; box-sizing: border-box; }

.lhbg .boxs .item { width: 33.3333%; float: left; padding: 10px; box-sizing: border-box; }

.lhbg .boxs .item a { padding: 2em; box-sizing: border-box; color: #fff; font-weight: bold; font-size: 16px; display: block; height: 150px; background: orange; }

.lhbg .list { float: left; width: 50%; }

.lhbg .list .item { margin: 10px 0; }

.lhbg .list .item a { font-size: 18px; color: #333; margin: 1em; padding-left: 15px; display: block;  }

.lhbg .list .item a img{display:inline;width:auto;}



.lhqjc .headline{background:none; padding:0;}

.lhqjc .headline .img { display: block; margin-bottom: 20px; float:none;width:100%;padding:5px;box-sizing:border-box;border:1px solid #dedede;}

.lhqjc .headline .img img { display: block; width: 100%; }

.lhqjc .headline a { color: #000; font-size: 18px; font-weight:bold;}

.lhqjc .headline a:hover { color: #d43; }

.lhqjc .headline p { font-size: 14px; color: #888; text-indent: 2em; }

.lhqjc .default-list { padding: 0 80px; box-sizing: border-box; }

.lhqjc .default-list.bg3 { background: url(bg3.png) no-repeat; background-size: 100% 100%; }

.lhqjc .default-list .item.first { border-bottom: 1px solid #aaa; font-size: 20px; color: #000; margin-bottom: 1em; }

.lhqjc .default-list .item.first a{font-weight:bold;color:#e60000;font-size:18px;}

.lhqjc .default-list .item.first:before { display: none; }

.lhqjc .default-list .item.first p { font-size: 14px; }

.lhqjc .default-list .item a { font-size: 16px; color: #000; font-weight:bold}


.lhqjc .default-list .item p { color: #666; margin-bottom: 15px;margin-top:5px }


.lhrht .article { background: #fff; float: left; width: 50%; margin: 30px 30px 30px 0; box-sizing: border-box; }

.lhrht .article .first img { display: block; width: 100%; }

.lhrht .article .first .title { display: block; font-size: 18px; text-indent: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: .5em; }

.lhrht .article .first .title a { color: #000; }

.lhrht .article ul { margin-left: 1em; }

.lhrht .article ul a { color: #333; font-size: 16px; }

.lhrht .keywords { background: #fff; width: 20%; float: left; padding: 40px 0; }

.lhrht .keywords .box { width: 100%; display: block; position: relative; }

.lhrht .keywords .box a { position: absolute; padding: 5px; color: #e62410; line-height: 1em; word-wrap: break-word; text-decoration: none; transition-property: top, left, opacity, font-size; transition-duration: 0.5s; opacity: 0; }

.lhrht .keywords .box a:hover { color: #000; }

.lhrht .topic { width: 50%; float: left; margin-left: 30px; }

.lhrht .topic .item { border-bottom: dashed 1px #fff; position: relative; }

.lhrht .topic .item:last-child { border: none; }

.lhrht .topic .item a { color: #fff; font-size: 16px; margin: 2em 0; margin-left: 120px; display: block; line-height: 1.8em; height:3.2em}

.lhrht .topic .item:after { content: ""; position: absolute; left: 0; top: 0; width: 90px; height: 80px; background: url(s1.png) no-repeat; background-size: 100% 100%; }
.lhrht .topic .item.s2:after {background: url(s2.png) no-repeat; background-size: 100% 100%; }
.lhrht .topic .item.s3:after {background: url(s3.png) no-repeat; background-size: 100% 100%; }
.lhrht .topic .item.s4:after {background: url(s4.png) no-repeat; background-size: 100% 100%; }



@media(max-width:1199px){
	.lhqjc .default-list .item a{font-size:18px;display:block;margin:18px 0;}
	.lhqjc .default-list .item p{display:none}
	.lhqjc .default-list .item.first p{display:block}
	.lhqjc .default-list .item:before{display:none;}
	.lhqjc .default-list.bg3{padding:0;background:none;}
	.lhqjc .default-list .item a{font-weight:normal}
}


.lhjs .item { position: relative; }

.lhjs .item .title{position:relative;}

.lhjs .item .img img { display: block; width: 100%; }

.lhjs .item:hover .back { display: block; }

.lhjs .item .opp { margin-top: 40px; }

.lhjs .item .opp span { font-size: 24px; color: #666; text-align: center; display: block; }

.lhjs .item .opp .title { display: block; text-align: center; margin: 10px; font-size: 22px; color: #666; position:static;height: auto;line-height: 1.3em;text-indent: 0;overflow: auto;}

.lhjs .item .opp i { width: 20px; height: 20px; background: url(icon4.png) no-repeat; background-size: 100% 100%; display: block; margin: 60px auto 60px auto; }

.lhjs .item .back {    display: none;    position: absolute;    left: 0;    top: 50%;    background-color: #e60000;    right: 0;}

.lhjs .item .back i { width: 30px; height: 30px; background: url(icon3.png) no-repeat; background-size: 100% 100%; display: block; margin: 60px auto 0 auto; }

.lhjs .item .back .title { color: #fff; font-size: 22px; display: block; text-align: center; margin-top: 1em; }

.lhjs .item .back span { text-align: center; display: block; font-size: 16px; color: #fff; }

.lhjs .item .back p { color: #fff; text-indent: 2em; padding: 0 30px; }






/**鑻遍泟閮ㄩ槦*/
.story { overflow:hidden;background:#fff}
.story h3{ font-weight:bold; font-size:18px; margin-top:5px;}
.story a{ color:#333;}
.story p{margin-bottom:0;}
.story-img {margin-right: 15px; width: 40%;float: left;}
.story-img img {display: block;width: 100%;}
@media(max-width:1199px){
	.story .title p{display:none;}
	.story h3{font-weight:normal}
}


/*section01*/
#img .aTab { display: none; }


.section01 .left-page .first p { background: #B96; color: #fff; font-size: 14px; padding: 10px; line-height: 2em; margin: 0 0 0 0; overflow: hidden; top:0;bottom:0;position:absolute}

@media (max-width: 1200px) and (min-width: 960px) { .section01 .left-page .first p { padding: 12px; } }

@media (max-width: 959px) and (min-width: 768px) { .section01 .left-page .first p {  line-height: 1.5em; } }

.section01 .left-page .first img { display: block; width: 100%; }

.section01 .left-page .second .img { overflow: hidden; }

.section01 .left-page .second .img a { display: block; position: relative; }

.section01 .left-page .second .img a img { display: block; width: 100%; transition: all 0.3s; }

.section01 .left-page .second .img a img:hover { transform: scale(1.03); }

.section01 .left-page .second .img a span { display: block; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; right: 0; color: #fff; font-size: 18px; line-height: 1.5em; font-weight: bold; padding: 10px 30px; transition: all 0.3s; }

@media (max-width: 1200px) and (min-width: 960px) { .section01 .left-page .second .img a span { font-size: 18px; } }

@media (max-width: 959px) and (min-width: 768px) { .section01 .left-page .second .img a span { font-size: 16px; } }

.section01 .third ul li { position: relative; }

.section01 .third ul li:hover::after { border-color: #e00d26; }

.section01 .third ul li:hover::before { background: #e00d26; }

.section01 .third ul li:first-child::before { content: ''; width: 2px; height: 2.0em; background: #6f6f6f; position: absolute; right: 10px; top: -27px; }

@media (max-width: 1200px) and (min-width: 960px) { .section01 .third ul li:first-child::before { height: 1.6em; top: -20px; } }

@media (max-width: 959px) and (min-width: 768px) { .section01 .third ul li:first-child::before { height: 1.2em; top: -16px; right: 0; } }

.section01 .third ul li:first-child:hover::before { background: #e00d26; }

.section01 .third ul li::after { content: ''; width: 8px; height: 8px; border-radius: 50%; border: 3px #6f6f6f solid; position: absolute; right: 4px; top: 2px; }

@media (max-width: 959px) and (min-width: 768px) { .section01 .third ul li::after { right: -6px; } }

.section01 .third ul li::before { content: ''; width: 2px; height: 3.6em; background: #6f6f6f; position: absolute; right: 10px; top: -48px; }

@media (max-width: 1200px) and (min-width: 960px) { .section01 .third ul li::before { height: 2.6em; top: -34px; } }

@media (max-width: 959px) and (min-width: 768px) { .section01 .third ul li::before { height: 1.8em; top: -24px; right: 0; } }

.section01 .third ul li a { color: #333; font-size: 22px; padding: 0 0 1.8em 1em; display: block; transition: color 0.3s; position: relative; }

.section01 .third ul li a::before { content: ''; width: 10px; height: 3px; background: #6f6f6f; position: absolute; right: 24px; top: 8px; }

@media (max-width: 959px) and (min-width: 768px) { .section01 .third ul li a::before { right: 8px; width: 5px; height: 2px; } }

.section01 .third ul li a:hover { color: #e00d26; }

.section01 .third ul li a:hover::after { border-color: #e00d26; }

.section01 .third ul li a:hover::before { background-color: #e00d26; }

@media (max-width: 1200px) and (min-width: 960px) { .section01 .third ul li a { font-size: 18px; padding: 0 0 1.2em 0em; } }

@media (max-width: 959px) and (min-width: 768px) { .section01 .third ul li a { font-size: 16px; padding: 0 0 0.8em 0; } }

/*/section01*/

/*section02*/

.section02 .left {overflow: hidden; }

.section02 .left .top { margin: 20px 10px 0 10px; position: relative; }

.section02 .left .top img { display: block; position: absolute; left: -26px; bottom: -40px; }

.section02 .left .top a { font-size: 18px; color: #000; font-weight: bold; }

@media (max-width: 1200px) and (min-width: 960px) { .section02 .left .top a { font-size: 16px; } }

@media (max-width: 959px) and (min-width: 768px) { .section02 .left .top a { font-size: 16px; } }

.section02 .left .top p { font-size: 14px; color: #777; margin: 1em 0 1em 0; padding-bottom: 20px; }

@media (max-width: 1200px) and (min-width: 960px) { .section02 .left .top { margin: 15px 10px 0 10px; } }

.section02 .left .bottom { margin-top: 25px; }

.section02 .left .bottom ul li { color: #c30000; list-style-type: square; }

.section02 .left .bottom ul li a { line-height: 2em; display: block; font-size: 16px; color: #000; transition: all 0.3s; }

.section02 .left .bottom ul li a:hover { color: #e00d26; }

@media (max-width: 959px) and (min-width: 768px) { .section02 .left .bottom ul li a { font-size: 14px; } }

.section02 .right .item a { display: block; position: relative; }

.section02 .right .item a img { display: block; width: 100%; transition: transform 0.3s; }

.section02 .right .item a img:hover { transform: scale(1.03); }

.section02 .right .item a span { color: #fff; font-size: 18px; line-height: 1.5em; padding: 0.5em 1em; background: #000; opacity: 0.8; filter: alpha(opacity=80); background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; right: 0; bottom: 0; top:auto;height:auto;}

@media (max-width: 959px) and (min-width: 768px) { .section02 .right .item a span { font-size: 14px; } }

.section02 .right .owl-controls { position: absolute; right: 10px; bottom: 5px; z-index: 999; }

@media (max-width: 959px) and (min-width: 768px) { .section02 .right .owl-controls { right: 0; bottom: 2px; } }

.section02 .right .owl-theme .owl-controls .owl-page span { width: 8px; height: 8px; border-radius: 50%; border: 3px #f00 solid; }

@media (max-width: 959px) and (min-width: 768px) { .section02 .right .owl-theme .owl-controls .owl-page span { width: 5px; height: 5px; } }

/*/section02*/


#owl-demos .item a { display: block; }

#owl-demos .item a img { display: block; width: 100%; height: auto; }

#owl-demos .owl-pagination{position:static}


.class-name{overflow:hidden;margin-bottom:30px;margin-top:60px;position: relative;}

.class-name img{display:block;position:relative;z-index:2;margin:0 auto;}


.f-three { margin: 0 -10px; }

.f-three .owl-item { padding: 0 10px; box-sizing: border-box; }

.f-three .owl-item img{display:block;width:100%;}

.f-three .owl-item .item .title { margin-top:10px;font-size: 16px;position:static!important ;height:auto;line-height:1.8em;text-indent:0;}

.f-three .owl-item .title a { color: red; }

.f-three .owl-item .title a:hover { color: #d34; }

.bgfff{background:#fff;}
.bgdefult{background: url(body.png);    padding: 15px 0;    margin-bottom: 15px;}

.list3 .item {  box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding-left:15px; }

.list3 .item a { line-height: 2em; font-size: 16px; color: #000; }

.lr-img.b a{color:#c42125;}
.lr-img{border-bottom:1px dotted #ddd;margin-bottom:5px;}

.lr-img:after{content:'';display:table;clear:both}
.lr-img .img{float:left;width:30%;}

.lr-img .title{font-weight:bold;font-size:20px;color:#000;line-height:1.8em;}
.lr-img .desc{color:#888;line-height:1.6em;height:3.2em;overflow:hidden;margin:11px 0 11px 0;}

@media (max-width:1199px){
	.lr-img-hidden{display:none;}
	.list3 .item a{line-height:1.6em;}
	.list3 .item{overflow:auto;text-overflow:initial;white-space: normal;}
}


.single-img  img{display:block;width:100%}

/*寮哄啗鐢诲嵎*/
#owl-demos-right .item a { display: block; position: relative; }

#owl-demos-right .item a img { display: block; width: 100%; transition: transform 0.3s; }

#owl-demos-right .item a img:hover { transform: scale(1.03); }

#owl-demos-right .item a span { color: #fff; font-size: 18px; line-height: 1.5em; padding: 0.5em 1em; background: #000; opacity: 0.8; filter: alpha(opacity=80); background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; right: 0; bottom: 0; top:auto;height:auto;}

@media (max-width: 959px) and (min-width: 768px) { #owl-demos-right .item a span { font-size: 14px; } }

#owl-demos-right .owl-controls { position: absolute; right: 10px; bottom: 5px; z-index: 999; }

@media (max-width: 959px) and (min-width: 768px) { #owl-demos-right .owl-controls { right: 0; bottom: 2px; } }

#owl-demos-right .owl-theme .owl-controls .owl-page span { width: 8px; height: 8px; border-radius: 50%; border: 3px #f00 solid; }

@media (max-width: 959px) and (min-width: 768px) { #owl-demos-right .owl-theme .owl-controls .owl-page span { width: 5px; height: 5px; } }


/*寮哄啗涔嬬瓥*/
.qj-content .qj-photo{width:30%; float:left;}
.qj-content .qj-list{}
.qj-content .qj-list .qj-list-fir a{font-size:18px;font-weight:bold;color:#b40000;}
.qj-content .qj-list li{margin-bottom:12px;}
.qj-content .qj-list li a{font-size: 16px;color: #000;}
.qj-content .qj-list li a:hover{color: #d42;}
@media (max-width:1199px){.qj-content .qj-list li{margin-bottom:1em;}}

#gotoTop {
	cursor:pointer;
    position: fixed;
    bottom: 8%;
    right: 2%;
    display: none;
    width: 64px;
    height: 72px;
    background: url(top.png);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 5;
}

/*nav*/
.site-name-nav{z-index:9;    background: url(nav.png) no-repeat;      left: 0;
    right: 0;
    bottom: 0;   background-position:49%;transition:linear all .3s;}
	.site-name-nav.show{opacity:1;filter:alpha(opacity=100);}
.site-name-nav .nav-logo{float:left;width:20%;margin-top:10px;}

.site-name-nav .nav-logo img{float:right;}

#anchor {    float: left;    width: 80%;    padding-left: 10%;    box-sizing: border-box;    display: table;}

#anchor li{display: table-cell;    position: relative;}
#anchor li.nb:after{display:none}
#anchor li:after{    content: "";    position: absolute;    right: 0;    top: 10px;    bottom: 10px;    width: 1px;    background: #be9d00;}
#anchor li span{font-size:16px;color:#840303;font-weight:bold;cursor: pointer;display:block;text-align: center;    margin-bottom: 5px;}
#anchor li span:hover{color:#e41616}

@media (max-width:1199px){
#anchor li span{font-size:16px;}
}
@media (max-width:959px){
	#anchor{margin-bottom:0}
	#anchor li{margin-bottom:0;}
#anchor li span{font-size:14px;}
}




.news-list {padding: 0;margin: 0}

.news-list li {font-size: 16px;position: relative;padding-left: 15px}

.news-list li h3 {margin: 13px 0 16px}

.news-list li p {margin: 0;height: 3.6em;color: #999;font-size: 14px}

.news-list li a:before {left: 0;margin-top: 0;border-color: red;border-style: solid;border-width: 3px;width: 0;height: 0;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 13px;content: "";position: absolute}



.jpsz .list .article{padding-bottom:20px}
.jpsz .list .article .img{width:30%}
.jpsz .list .article .img a{display:block;width:100%}
.jpsz .list .article .img a img{display:block;width:100%}
.jpsz .list .article .text{width:70%;box-sizing:border-box;padding-left:20px}
.jpsz .list .article .text h4{font-size:18px;margin:0;line-height:1.6em;height:3em;overflow:hidden}
@media (max-width:960px){.jpsz .list .article .text h4{font-size:16px}
}
.jpsz .list .article .text h4 a{color:#333;height:3em;display:block;font-weight:bold}
.jpsz .list .article .text p{margin-top:.6em;margin-bottom:0;font-size:14px;color:#999;line-height:1.7em;text-indent:2em;height:5em;overflow:hidden}
@media (max-width:1199px) and (min-width:960px){.jpsz .list .article .text p{height:5em;overflow:hidden}
}
@media (max-width:959px) and (min-width:768px){.jpsz .list .article .text p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
.jpsz hr{margin:0}




/* 姝ｆ枃閮ㄥ垎 */
.person{}
.person h3{ border-left:5px solid #D33; padding: 0 0 0 5px; font-weight:bolder;    margin: 30px 0 10px 0;line-height: 1.2em;}
.person h3 a{color:#333; font-size:18px;}
.person h3 a:hover{color:#D33;}

.person .image{ margin:15px 0 0 0;    padding: 10px;    border: 1px solid #ddd;border-bottom-color: #f5f5f5;font-size:18px;}
.person .image span{font-weight:bold}
.person .image i{float:left}
.person .image img{ display:block; width:100%;    margin-bottom: 20px;}
.person .image i,.person .intro i,.person .news .tag{ background:#F60; color:#FFF; margin-right:10px;    padding: 2px 5px;    font-style: normal;}

.person .intro{padding: 10px;  border: 1px solid #ddd; border-top-width:0;border-bottom-color: #f5f5f5;}
.person .intro i{background:#03a9f4}

.person .news{ margin:0;padding: 10px; text-indent: 2em;     position: relative; border: 1px solid #ddd; border-top-width:0;    list-style: none; max-height:6.5em;}
.person .news .tag{position: absolute;    padding: 0 5px; height:1.6em;   left: 10px; background:#8bc34a;}
.person .news li{margin-bottom:0.5em; line-height:1.6em;  overflow:hidden;height:6.4em}

@media (max-width:1199px){
	.person .news{display:none;}
}


@media (max-width:768px) {
    .person .news{ height:auto;}
	.person .news li{
        overflow:auto;
		height:auto;
    }
}

#first{height:364px;}

@media (min-width:960px )and(max-width:1120px) {
    #first{height:286px;}
}

@media (min-width:768px )and(max-width:959px) {
    #first{height:224px;}
}

.focus {border:1px solid #dedede;box-sizing:border-box;}
.focus.owl-theme .owl-controls{margin:0}

.artsin{   box-sizing: border-box;overflow:hidden;margin-bottom:20px;background:#fff;height:106px;}

.artsin .num{    position: absolute;    top: 21px;    text-align: center;    left: 18px;    font-size: 54px;    color: #fff;    font-family: '宋体','微软雅黑';font-style: italic;}

.artsin .img{float:left;width:96px;margin-top:0;}

.artsin .desc{    font-size: 14px;    color: #666;padding-left:15px;line-height:1.9em;padding-right:15px;height:3.8em;overflow:hidden;}

.artsin .title{font-size:18px;font-weight:bold;margin-bottom:10px;padding-left:105px;    padding-top: 15px;}

#warTab{overflow:hidden;margin:0;}

.mb0{margin-bottom:0!important}









#huge { position: relative; }

#huge .item { position: relative; }

#huge .item .img img { display: block; width: 100%; }

#huge .item .content { position: relative; top: -50px; width: 60%; left: 20%; background: #fff; padding: 15px 15px 15px 60px; box-sizing: border-box; margin-bottom:-50px}

#huge .item .content a { color: #000; font-weight: bold; font-size: 16px; }

#huge .item .content a:hover { color: #d43; }

#huge .item .content p { color: #666; font-size: 14px; margin: 0; margin-top: 10px; }

#huge .item .content .posi { background: url(icon.png); background-size: 100% 100%; position: absolute; height: 60px; width: 60px; left: -40px; top: 20px; color: #fff; }

#huge .item .content .posi sub { font-size: 16px; position: absolute; top: 9px; left: 13px; }

#huge .item .content .posi sup { font-size: 18px; position: absolute; bottom: 6px; right: 11px; }

#huge .owl-controls { position: absolute; left: 0; right: 0; margin: 0; top: 300px; }

#huge .owl-controls .owl-buttons { position: absolute; left: 0; right: 0; }

#huge .owl-controls .owl-buttons .owl-prev { position: absolute; background: url(pre.png); left: 0; top: 50%; width: 36px; height: 56px; border-radius: 0; padding: 0; margin: 0; }

#huge .owl-controls .owl-buttons .owl-next { position: absolute; background: url(next.png); right: 0; top: 50%; width: 36px; height: 56px; border-radius: 0; padding: 0; margin: 0; }

#memory .img { float: left; width: 70%; background-position: top center; }

#memory ul { margin: 0; background: #fff; float: left; width: 30%; }

#memory ul li { position: relative; padding: 7.3px 0; padding-left: 60px; margin: .5em 0; font-size: 18px; }

#memory ul li i { position: absolute; color: #c49d21; left: 1em; }

#memory ul li.active, #memory ul li:hover { background: #c49d21; }

#memory ul li.active a, #memory ul li:hover a { color: #fff; }

#memory ul li.active i, #memory ul li:hover i { color: #fff; }

#memory ul li a { font-weight: bold; color: #000; line-height: 1.5em; }

.box { margin: 0 -5px; }

.box .person { position: relative; overflow: hidden; float: left; width: 25%; padding: 5px; box-sizing: border-box; }

.box .person .img img { display: block; width: 100%; }

.box .person .content { position: absolute; left: 5px; right: 5px; bottom: 5px; top: 100%; overflow: hidden; transition: linear all .3s; padding: 15px; }

.box .person .content i { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #c49d21; }

.box .person .content a { font-size: 18px; position: relative; z-index: 3; color: #fff; line-height: 1.4em; }

.box .person .content p { margin-top: 5px; position: relative; z-index: 3; color: #fff; line-height: 1.4em; font-size: 14px; text-indent: 2em; }

.box .person:hover .content { top: 5px; }






.yx{background:url(yx.png) no-repeat;}
#foc { position: relative; height: 380px; perspective: 1000px; }

#foc .item { transition: linear all .3s; position: absolute; }

#foc .item:before{content:"";left:0;right:0;bottom:0;top:0;position:absolute;display:block;z-index:2;}

#foc .item img { display: block; width: 100%; }

#foc .item .title { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding-bottom: .4em; font-size: 18px; background: linear-gradient(to top, #000000, 64%, #ffffff00); }

#foc .item .title a { color: #fff; font-weight: bold; }

#foc #i1 { top: 5%; left: 0; transform: rotateY(30deg); transform-origin: left; width: 50%; }

#foc #i2 { z-index: 3; left: 20%; top: 0; right: 20%; transform: rotateY(0); }

#foc #i2:before{display:none;}

#foc #i2:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); width: 40px; height: 52px; background: url(video.png) no-repeat; background-size: 100% 100%; }

#foc #i3 { top: 5%; width: 50%; right: 0; transform: rotateY(-30deg); transform-origin: right; }






.time-box { background: url(bgtime.png) no-repeat; background-size: 100% 100%; padding: 30px; box-sizing: border-box; position: relative; }

.time-box #time { position: static; box-sizing: border-box; padding: 0 30px; }

.time-box #time .owl-pagination { display: none; }

.time-box #time .owl-controls { position: absolute; left: 0; right: 0; }

.time-box #time .owl-controls .owl-buttons .owl-next { position: absolute; background: url(next.png); right: 0; top: 50%; width: 36px; height: 56px; border-radius: 0; padding: 0; margin: 0; }

.time-box #time .owl-controls .owl-buttons .owl-prev { position: absolute; background: url(pre.png); left: 0; top: 50%; width: 36px; height: 56px; border-radius: 0; padding: 0; margin: 0; }

.time-box #time .item { background: #fff; }

.time-box #time .item:after { content: ""; display: block; clear: both; }

.time-box #time .item .img { float: left; width: 50%; }

.time-box #time .item .img img { width: 100%; display: block; }

.time-box #time .item .content { float: left; width: 50%; padding: 40px; box-sizing: border-box; }

.time-box #time .item .content a { color: #000; font-weight: bold; font-size: 18px; }

.time-box .time { position: relative; padding: 0 9px; box-sizing: border-box; }

.time-box .time ul { margin-top: 50px; }

.time-box .time ul li { float: left; width: 0.99%; height: 40px; background: url(ts.png) no-repeat; background-position: bottom; }

.time-box .time ul li.tb { background-image: url(tb.png); position: relative; }

.time-box .time ul li.tb span { position: absolute; top: -1em; left: -3em; right: -3em; text-align: center; }

.time-box .time ul li.tb .day { display: none; position: absolute; top: -1em; left: -6em; text-align: center; }

.time-box .time ul li.tb.active { background-image: url(current.png);color: #ec0607; }

.time-box .time ul li.tb.active span { left: -6em; right: .8em; text-align: right; }

.time-box .time ul li.tb.active span.day { text-align: left; left: 0; right: -6em; display: block; }





.swf { background: url(swf.png) no-repeat; }

.swf:after { content: ""; display: block; clear: both; }

.swf #swf { float: left; width: 668px; }

.swf #swf object { display: block; }

.swf .list { margin: 0; float: left; padding: 40px 30px 0 40px; box-sizing: border-box; width: 472px; }

.swf .list li { font-size: 18px; line-height: 2.5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.swf .list li p { display: none; }

.swf .list li.b { font-weight: bold; }

.swf .list li a { color: #000; }

@media (max-width: 1199px) and (min-width: 960px) { .swf .list { width: 232px; padding: 20px 10px; }
  .swf .list li { line-height: 1.5em; margin-bottom: 10px; overflow: auto; text-overflow: inherit; white-space: normal; }
  .swf .list li p { margin: 0; margin-top: 1em; display: block; color: #333; font-size: 16px; font-weight: normal; text-indent: 2em; padding: 5px; box-sizing: border-box; } }

@media (max-width: 959px) { .swf { background: none; }
  .swf #swf { margin: 0 auto; float: none; }
  .swf .list { display: none; } }
  
  
  
  
  
.phone { margin: 0 -3px; }

.phone .item { overflow: hidden; position: relative; float: left; width: 25%; padding: 0 0; border: 15px solid #fff; box-sizing: border-box; outline: 6px solid #f0f6f1; }

.phone .item img { display: block; width: 100%; }

.phone .item .title { height: 0; transition: linear height .3s; position: absolute; bottom: 0; right: 0; left: 0; }

.phone .item .title i { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; filter: alpha(opacity=50); opacity: .5; }

.phone .item .title a { position: relative; z-index: 2; padding: 5px; color: #fff; display: block;line-height:1.9em; }

.phone .item:hover .title { height: 4em; }


#wb iframe{width:100%;display:block}

@media (max-width: 1200px) and (min-width: 960px) {iframe{height:323px}}
@media (max-width: 960px){iframe{height:243px}}