.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); }







.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; } }

.footer { background: #F2F6F8; text-align: center; padding: 30px 0; margin-top: 30px; }

.footer a { text-decoration: none; color: #333; }

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

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

.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{background:url(right.png) no-repeat;height:50px;}

@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{background:url(left.png) no-repeat;height:50px;}
@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; border: 2px solid #e2b20c; box-sizing: border-box; border-radius: 6px; margin: 3px; float: left; transition: linear all .3s; }

.focus .owl-controls .owl-page.active { width: 20px; border: none; background: #e2b20c; }

.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; }

.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; font-weight: bold; }

.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; }

#sync2 { margin: 0 -5px; width: auto; }

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

#sync2 .item i{position:absolute;left:0;right:0;bottom:0;top:0;margin:5px;background:#000;opacity:.7;filter:alpha(opacity=70)}

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

#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; }

.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 { 
    
    height: 471px; position: relative; overflow: hidden;  
    background: url(bannner.jpg) no-repeat;background-position: center top;
    transform-origin: top;
    transition: linear all .2s;
}



.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:20px;}

.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-title .container{position:relative;margin-top:30px;}
.site-name-title .headline-article{background:url(headline.png) no-repeat;display:table;margin:0 auto;}
.site-name-title .headline-article:after{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: #b40000;}
.site-name-title .headline-article .title{top:16%;font-size:32px;font-weight:bold;}
.site-name-title .headline-article p{top:32%;font-size:14px;color:#888;}
.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{display:table-cell;padding-left:30px;}
@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;}
.story h3{ font-weight:bold; font-size:18px; margin:0;}
.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:40px;margin-top:60px;position: relative;}

.class-name:after{content: "";position: absolute;left: 20%;right: 20%;bottom: 0;height: 2px;background: #cacaca;}

.class-name.st:after{content: "";position: absolute;left: 0%;right: 0%;bottom: 0;height: 2px;background: #cacaca;}

.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; }

.list3 { margin-top: 30px; background: #f4f4f4; padding: 30px; }

.list3 .item { float: left; width: 33.3333%; padding: 10px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

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


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

.lr-img .title{font-weight:bold;font-size:18px;color:#000;}
.lr-img .desc{color:#888;line-height:1.6em;height:1.6em;overflow:hidden;margin:5px 0 15px 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 {
    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{position:relative;z-index:9; opacity:0;filter:alpha(opacity=0);     background: url(nav-bg.png) 100%;      border-bottom: 10px solid #dedede;left: 0;
    right: 0;
    bottom: 0;    position: absolute;transition:linear all .3s;}
	.site-name-nav.show{opacity:1;filter:alpha(opacity=100);}




#anchor li{float:left;margin-right:2em;margin-bottom:6px;}
#anchor li span{font-size:20px;color:#fff;cursor: pointer;}
#anchor li span:hover{color:#e6000}

@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{font-size:15px;}
.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;    text-indent: 0;}

.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;    text-indent: 3.5em;}

@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;height:128px;overflow:hidden;margin-bottom:20px;border: 1px solid #dedede;}

.artsin .num{position: absolute;top: 40px;text-align: center;left: 18px;font-size: 20px;color: #fff;}

.artsin .img{float:left;width:60px;margin-top:11px;}

.artsin .desc{    font-size: 14px;    color: #666;padding-left:75px;line-height:1.9em;}

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

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

.mb0{margin-bottom:0!important}







/*! animate.css -http://daneden.me/animate Version - 3.5.2 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2017 Daniel Eden */
.animated { animation-duration: .5s; animation-fill-mode: both; }

.animated.infinite { animation-iteration-count: infinite; }

.animated.hinge { animation-duration: .5s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { animation-duration: .75s; }

@keyframes bounce { 0%, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% { transform: translate3d(0, -4px, 0); } }

.bounce { animation-name: bounce; transform-origin: center bottom; }

@keyframes flash { 0%, 50%, to { opacity: 1; }
  25%, 75% { opacity: .5; } }

.flash { animation-name: flash; }

@keyframes pulse { 0% { transform: scaleX(1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  to { transform: scaleX(1); } }

.pulse { animation-name: pulse; }

@keyframes rubberBand { 0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  to { transform: scaleX(1); } }

.rubberBand { animation-name: rubberBand; }

@keyframes shake { 0%, to { transform: translateZ(0); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } }

.shake { animation-name: shake; }

@keyframes headShake { 0% { transform: translateX(0); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0); } }

.headShake { animation-timing-function: ease-in-out; animation-name: headShake; }

@keyframes swing { 20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  to { transform: rotate(0deg); } }

.swing { transform-origin: top center; animation-name: swing; }

@keyframes tada { 0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to { transform: scaleX(1); } }

.tada { animation-name: tada; }

@keyframes wobble { 0% { transform: none; }
  15% { transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% { transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% { transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% { transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% { transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to { transform: none; } }

.wobble { animation-name: wobble; }

@keyframes jello { 0%, 11.1%, to { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello { animation-name: jello; transform-origin: center; }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1;
    transform: scaleX(1); } }

.bounceIn { animation-name: bounceIn; }

@keyframes bounceInDown { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% { transform: translate3d(0, -10px, 0); }
  90% { transform: translate3d(0, 5px, 0); }
  to { transform: none; } }

.bounceInDown { animation-name: bounceInDown; }

@keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% { transform: translate3d(-10px, 0, 0); }
  90% { transform: translate3d(5px, 0, 0); }
  to { transform: none; } }

.bounceInLeft { animation-name: bounceInLeft; }

@keyframes bounceInRight { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% { transform: translate3d(10px, 0, 0); }
  90% { transform: translate3d(-5px, 0, 0); }
  to { transform: none; } }

.bounceInRight { animation-name: bounceInRight; }

@keyframes bounceInUp { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% { transform: translate3d(0, 10px, 0); }
  90% { transform: translate3d(0, -5px, 0); }
  to { transform: translateZ(0); } }

.bounceInUp { animation-name: bounceInUp; }

@keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  to { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut { animation-name: bounceOut; }

@keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to { opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { animation-name: bounceOutDown; }

@keyframes bounceOutLeft { 20% { opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { animation-name: bounceOutLeft; }

@keyframes bounceOutRight { 20% { opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { animation-name: bounceOutRight; }

@keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to { opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { animation-name: bounceOutUp; }

@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { animation-name: fadeIn; }

@keyframes fadeInDown { 0% { opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInDown { animation-name: fadeInDown; }

@keyframes fadeInDownBig { 0% { opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInDownBig { animation-name: fadeInDownBig; }

@keyframes fadeInLeft { 0% { opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInLeft { animation-name: fadeInLeft; }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInLeftBig { animation-name: fadeInLeftBig; }

@keyframes fadeInRight { 0% { opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInRight { animation-name: fadeInRight; }

@keyframes fadeInRightBig { 0% { opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInRightBig { animation-name: fadeInRightBig; }

@keyframes fadeInUp { 0% { opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInUp { animation-name: fadeInUp; }

@keyframes fadeInUpBig { 0% { opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInUpBig { animation-name: fadeInUpBig; }

@keyframes fadeOut { 0% { opacity: 1; }
  to { opacity: 0; } }

.fadeOut { animation-name: fadeOut; }

@keyframes fadeOutDown { 0% { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown { animation-name: fadeOutDown; }

@keyframes fadeOutDownBig { 0% { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { animation-name: fadeOutDownBig; }

@keyframes fadeOutLeft { 0% { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { animation-name: fadeOutLeft; }

@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { animation-name: fadeOutLeftBig; }

@keyframes fadeOutRight { 0% { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight { animation-name: fadeOutRight; }

@keyframes fadeOutRightBig { 0% { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { animation-name: fadeOutRightBig; }

@keyframes fadeOutUp { 0% { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp { animation-name: fadeOutUp; }

@keyframes fadeOutUpBig { 0% { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { animation-name: fadeOutUpBig; }

@keyframes flip { 0% { transform: perspective(400px) rotateY(-1turn);
    animation-timing-function: ease-out; }
  40% { transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    animation-timing-function: ease-out; }
  50% { transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    animation-timing-function: ease-in; }
  80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in; }
  to { transform: perspective(400px);
    animation-timing-function: ease-in; } }

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; }

@keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% { transform: perspective(400px) rotateX(-5deg); }
  to { transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; }

@keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { transform: perspective(400px) rotateY(-20deg);
    animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% { transform: perspective(400px) rotateY(-5deg); }
  to { transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; }

@keyframes flipOutX { 0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to { transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@keyframes flipOutY { 0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to { transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; }

@keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { transform: skewX(20deg);
    opacity: 1; }
  80% { transform: skewX(-5deg);
    opacity: 1; }
  to { transform: none;
    opacity: 1; } }

.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }

@keyframes lightSpeedOut { 0% { opacity: 1; }
  to { transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }

@keyframes rotateIn { 0% { transform-origin: center;
    transform: rotate(-200deg);
    opacity: 0; }
  to { transform-origin: center;
    transform: none;
    opacity: 1; } }

.rotateIn { animation-name: rotateIn; }

@keyframes rotateInDownLeft { 0% { transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0; }
  to { transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft { animation-name: rotateInDownLeft; }

@keyframes rotateInDownRight { 0% { transform-origin: right bottom;
    transform: rotate(45deg);
    opacity: 0; }
  to { transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownRight { animation-name: rotateInDownRight; }

@keyframes rotateInUpLeft { 0% { transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0; }
  to { transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft { animation-name: rotateInUpLeft; }

@keyframes rotateInUpRight { 0% { transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  to { transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpRight { animation-name: rotateInUpRight; }

@keyframes rotateOut { 0% { transform-origin: center;
    opacity: 1; }
  to { transform-origin: center;
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut { animation-name: rotateOut; }

@keyframes rotateOutDownLeft { 0% { transform-origin: left bottom;
    opacity: 1; }
  to { transform-origin: left bottom;
    transform: rotate(45deg);
    opacity: 0; } }

.rotateOutDownLeft { animation-name: rotateOutDownLeft; }

@keyframes rotateOutDownRight { 0% { transform-origin: right bottom;
    opacity: 1; }
  to { transform-origin: right bottom;
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutDownRight { animation-name: rotateOutDownRight; }

@keyframes rotateOutUpLeft { 0% { transform-origin: left bottom;
    opacity: 1; }
  to { transform-origin: left bottom;
    transform: rotate(-45deg);
    opacity: 0; } }

.rotateOutUpLeft { animation-name: rotateOutUpLeft; }

@keyframes rotateOutUpRight { 0% { transform-origin: right bottom;
    opacity: 1; }
  to { transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight { animation-name: rotateOutUpRight; }

@keyframes hinge { 0% { transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to { transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge { animation-name: hinge; }

@keyframes jackInTheBox { 0% { opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  to { opacity: 1;
    transform: scale(1); } }

.jackInTheBox { animation-name: jackInTheBox; }

@keyframes rollIn { 0% { opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1;
    transform: none; } }

.rollIn { animation-name: rollIn; }

@keyframes rollOut { 0% { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg); } }

.rollOut { animation-name: rollOut; }

@keyframes zoomIn { 0% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { animation-name: zoomIn; }

@keyframes zoomInDown { 0% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown { animation-name: zoomInDown; }

@keyframes zoomInLeft { 0% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft { animation-name: zoomInLeft; }

@keyframes zoomInRight { 0% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight { animation-name: zoomInRight; }

@keyframes zoomInUp { 0% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp { animation-name: zoomInUp; }

@keyframes zoomOut { 0% { opacity: 1; }
  50% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

.zoomOut { animation-name: zoomOut; }

@keyframes zoomOutDown { 40% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown { animation-name: zoomOutDown; }

@keyframes zoomOutLeft { 40% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center; } }

.zoomOutLeft { animation-name: zoomOutLeft; }

@keyframes zoomOutRight { 40% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to { opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center; } }

.zoomOutRight { animation-name: zoomOutRight; }

@keyframes zoomOutUp { 40% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp { animation-name: zoomOutUp; }

@keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to { transform: translateZ(0); } }

.slideInDown { animation-name: slideInDown; }

@keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to { transform: translateZ(0); } }

.slideInLeft { animation-name: slideInLeft; }

@keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to { transform: translateZ(0); } }

.slideInRight { animation-name: slideInRight; }

@keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to { transform: translateZ(0); } }

.slideInUp { animation-name: slideInUp; }

@keyframes slideOutDown { 0% { transform: translateZ(0); }
  to { visibility: hidden;
    transform: translate3d(0, 100%, 0); } }

.slideOutDown { animation-name: slideOutDown; }

@keyframes slideOutLeft { 0% { transform: translateZ(0); }
  to { visibility: hidden;
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft { animation-name: slideOutLeft; }

@keyframes slideOutRight { 0% { transform: translateZ(0); }
  to { visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

.slideOutRight { animation-name: slideOutRight; }

@keyframes slideOutUp { 0% { transform: translateZ(0); }
  to { visibility: hidden;
    transform: translate3d(0, -100%, 0); } }

.slideOutUp { animation-name: slideOutUp; }
.artlist{border-bottom:1px dotted #dedede;padding-bottom:10px;margin-top:10px}
.artlist .title{}
.artlist .title a{color:#000;font-size:18px;font-weight:18px;}
.artlist .title a:hover{color:#d32;}
.artlist p{text-indent:2em;font-size:14px;color:#888;line-height:1.5em;height:3em;overflow:hidden;margin:10px 0;}

.cir{margin-bottom:15px;}
.cir .img{float:left;width:30%;border-radius: 50%; }
.cir .img img{ padding: 5px;    border: 1px dotted #f2f3f4;    background: #fff;    border-radius: 50%;}
.cir .img .above{position:relative;z-index:3;}
.cir .img .under {position:relative}
.cir .img .above img{display:block;width:100%;}
.cir .img .under img{display:block;width:100%;}
.cir .content{margin-top:10px;background:#fef5eb;padding: 20px 15px 9px 12%;  margin-left: 21%;}
.cir .content .title a{    color: #000;    font-size: 16px;    line-height: 1.5em;    height: 3em;   overflow: hidden;    display: block;}
.cir .content .desc{color: #888;    font-size: 14px;    line-height: 1.6em;    height: 4.8em;    overflow: hidden;}
.cir .content .desc a{display:inline-block;margin-left:1em;color:#000;}
.cir .content .desc a:hover{color:#d43;}


.classnames{background:url(class-name.png) no-repeat;background-position:center;height:74px;    position: relative;    margin-top: 60px;    margin-bottom: 40px;}
.classnames .posi{    position: absolute;    left: 0;    right: 0;    bottom: 0;    top: 0;}
.classnames:after{content:'';display:block;clear:both;}
.classnames .left{    float: left;    padding-left: 14%;    line-height: 92px;    font-size: 22px;    font-weight: bold;}
.classnames .left a{color:#333}
.classnames .left a span{color:#d43;}
.classnames .right{    float: right;    padding-right: 30px;    line-height: 92px;}
.classnames .right a {color:#d43}

/**




<div class="container hidden" >
	<div class="row">
    	   <!--精武先锋 101005-->
        <div class="col-md-6-12" id="101005">
           <div class="class-name st">
                <!--webbot bot="AdvClassList" isshowcode="0" mode="0" nodeid="101005" type="-5" attr="" classstring="&lt;Class&gt;&lt;NodeUrl&gt;&lt;a href=#enpquot#ClassUrlPh#enpquot# target=#enpquot#_blank#enpquot#&gt;&lt;/NodeUrl&gt;
                &lt;img src=#enpquot#38920.files/101005.png#enpquot#&gt;
                &lt;/a&gt;&lt;/Class&gt;" TAG="BODY" PREVIEW="[高级栏目列表]" startspan --><!--webbot bot="AdvClassList" endspan i-checksum="0" -->
            </div>
               
                <ul class="news-list list-unstyled">
                <!--#Tmaker bot="title-list" loop="1-1" from=""-->
                <!--webbot bot="AdvTitleList" nodeid="101005" type="" spanmode="0" isshowcode="0" dayspan="0" attr="" comstring="&lt;Repeat Begin=1 End=1&gt;
                &lt;li&gt; &lt;h3&gt;&lt;a href=#enpquot#&lt;Url&gt;ArticleUrlPh&lt;/Url&gt;#enpquot# target=#enpquot#_blank#enpquot#&gt;&lt;Title length=#enpquot#0#enpquot#&gt;TitlePh&lt;/Title&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;&lt;Abstract&gt;AbstractPh&lt;/Abstract&gt;&lt;/p&gt;
                &lt;/li&gt;
                &lt;/Repeat&gt;" TAG="BODY" PREVIEW="[高级标题列表]" id="__enpspecial_6514178e8033481eb3bfe99b5c1ea1bd" startspan --><!--webbot bot="AdvTitleList" endspan i-checksum="0" -->
                <!--/#Tmaker-->
                <!--#Tmaker bot="title-list" loop="2-2" from=""-->
                <!--webbot bot="AdvTitleList" nodeid="101005" type="" spanmode="0" isshowcode="0" dayspan="0" attr="" comstring="&lt;Repeat Begin=2 End=2&gt;
                &lt;li&gt; &lt;h3&gt;&lt;a href=#enpquot#&lt;Url&gt;ArticleUrlPh&lt;/Url&gt;#enpquot# target=#enpquot#_blank#enpquot#&gt;&lt;Title length=#enpquot#0#enpquot#&gt;TitlePh&lt;/Title&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;&lt;Abstract&gt;AbstractPh&lt;/Abstract&gt;&lt;/p&gt;
                &lt;/li&gt;
                &lt;/Repeat&gt;" TAG="BODY" PREVIEW="[高级标题列表]" id="__enpspecial_5ee71f5f26074df4932722b232e73baf" startspan --><!--webbot bot="AdvTitleList" endspan i-checksum="0" -->
                <!--/#Tmaker-->
                <!--#Tmaker bot="title-list" loop="3-3" from=""-->
                <!--webbot bot="AdvTitleList" nodeid="101005" type="" spanmode="0" isshowcode="0" dayspan="0" attr="" comstring="&lt;Repeat Begin=3 End=3&gt;
                &lt;li class=#enpquot#visible-md-up#enpquot#&gt; &lt;h3&gt;&lt;a href=#enpquot#&lt;Url&gt;ArticleUrlPh&lt;/Url&gt;#enpquot# target=#enpquot#_blank#enpquot#&gt;&lt;Title length=#enpquot#0#enpquot#&gt;TitlePh&lt;/Title&gt;&lt;/a&gt;&lt;/h3&gt;&lt;p&gt;&lt;Abstract&gt;AbstractPh&lt;/Abstract&gt;&lt;/p&gt;
                &lt;/li&gt;
                &lt;/Repeat&gt;" TAG="BODY" PREVIEW="[高级标题列表]" id="__enpspecial_ff850d437bb94d0d86ba8a8450052c17" startspan --><!--webbot bot="AdvTitleList" endspan i-checksum="0" -->
                <!--/#Tmaker-->
                </ul>
            
        </div>
     
        
        <div class="col-sm-6-12" id="101006">
          <!--创新人才 101006 -->
            <div class="class-name st">
            <!--webbot bot="AdvClassList" isshowcode="0" mode="0" nodeid="101006" type="-5" attr="" classstring="&lt;Class&gt;&lt;NodeUrl&gt;&lt;a href=#enpquot#ClassUrlPh#enpquot# target=#enpquot#_blank#enpquot#&gt;&lt;/NodeUrl&gt;
            &lt;img src=#enpquot#38920.files/101006.png#enpquot#&gt;
            &lt;/a&gt;&lt;/Class&gt;" TAG="BODY" PREVIEW="[高级栏目列表]" startspan --><!--webbot bot="AdvClassList" endspan i-checksum="0" -->
            </div>
        <!--#Tmaker bot="title-list" loop="1-4" from=""-->
        <!--webbot bot="AdvTitleList" nodeid="101006" type="" spanmode="0" isshowcode="0" dayspan="0" attr="" comstring="&lt;Repeat Begin=1 End=2&gt;
        &lt;div class=#enpquot#story m-b-sm#enpquot#&gt;		  
        &lt;a class=#enpquot#story-img#enpquot# href=#enpquot#&lt;Url&gt;ArticleUrlPh&lt;/Url&gt;#enpquot# target=#enpquot#_blank#enpquot#&gt;
        &lt;img src=#enpquot#&lt;Picture&gt;PictureUrlPh&lt;/Picture&gt;#enpquot# alt=#enpquot#&lt;Title length=#enpquot#0#enpquot#&gt;TitlePh&lt;/Title&gt;#enpquot#&gt;
        &lt;/a&gt;
        &lt;div class=#enpquot#title#enpquot#&gt;
        &lt;h3&gt;&lt;a href=#enpquot#&lt;Url&gt;ArticleUrlPh&lt;/Url&gt;#enpquot# target=#enpquot#_blank#enpquot#&gt;&lt;Title length=#enpquot#0#enpquot#&gt;TitlePh&lt;/Title&gt;&lt;/a&gt;&lt;/h3&gt;
        &lt;p&gt;&lt;Abstract&gt;AbstractPh&lt;/Abstract&gt;&lt;/p&gt;
        &lt;/div&gt;
        &lt;/div&gt;
        &lt;/Repeat&gt;" TAG="BODY" PREVIEW="[高级标题列表]" id="__enpspecial_bb75695fcab541adaa5e557aa1b01d10" startspan -->
        <!--webbot bot="AdvTitleList" endspan i-checksum="0" -->
        <!--/#Tmaker-->
        </div>
    </div>
</div>

**/