@import url("http://at.alicdn.com/t/font_2758429_4hu906a77e.css");
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body, input, select, textarea, button { font-family: -apple-system, "microsoft yahei", SimHei, sourcehansans, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif; }
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0px; }
hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); }
img { max-width: 100%; height: auto; vertical-align: top; border: 0px; }
img { backface-visibility: hidden; }
ul { padding-left: 0px; list-style-type: none; }
i, em { font-style: normal; }
big { font-size: 1.3em; }
small { font-size: 0.77em; }
a { transition: all 0.3s ease 0s; text-decoration: none; outline: 0px; }
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress { display: block; }
input, select, textarea { outline: 0px; font-family: inherit; font-size: 100%; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { box-sizing: border-box; appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
select[multiple], select[size] { height: auto; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
fieldset { min-width: 0px; margin: 0px; padding: 0px; border: 0px; }
legend { font-size: 1.3em; line-height: 2.5; display: block; width: 100%; margin-bottom: 20px; padding: 0px; color: rgb(51, 51, 51); border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); }
table { border-spacing: 0px; border-collapse: collapse; background-color: transparent; }
td, th { padding: 0px; }
.fix { }
.fix::before, .fix::after { display: table; clear: both; content: ""; }
.clearfix::after, .clearfix::before { display: block; height: 0px; content: ""; clear: both; visibility: hidden; }
.oh { overflow: hidden; }
.l { float: left; }
.r { float: right; }
.dib { display: inline-block; }
.pr { position: relative; }
.pa { position: absolute; }
.tc { text-align: center; }
.tr { text-align: right; }
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hide { display: none; }
.hidetext { font: 0px / 0 a; letter-spacing: -9px; }
.arr { display: inline-block; overflow: hidden; width: 0px; height: 0px; }
.opc0 { opacity: 0; }
.fz14 { font-size: 14px; }
.fz15 { font-size: 15px; }
.fz16 { font-size: 16px; }
.fz17 { font-size: 17px; }
.fz18 { font-size: 18px; }
.fz19 { font-size: 19px; }
.fz20 { font-size: 20px; }
.fz21 { font-size: 21px; }
.fz22 { font-size: 22px; }
.fz23 { font-size: 23px; }
.fz24 { font-size: 24px; }
.fz25 { font-size: 25px; }
.fz26 { font-size: 26px; }
.fz27 { font-size: 27px; }
.fz28 { font-size: 28px; }
.fz29 { font-size: 29px; }
.fz30 { font-size: 30px; }
.fz31 { font-size: 31px; }
.fz32 { font-size: 32px; }
.fz33 { font-size: 33px; }
.fz34 { font-size: 34px; }
.fz35 { font-size: 35px; }
.fz36 { font-size: 36px; }
.fz37 { font-size: 37px; }
.fz38 { font-size: 38px; }
.fz39 { font-size: 39px; }
.fz40 { font-size: 40px; }
.fz41 { font-size: 41px; }
.fz42 { font-size: 42px; }
.fz43 { font-size: 43px; }
.fz44 { font-size: 44px; }
.fz45 { font-size: 45px; }
.fz46 { font-size: 46px; }
.fz47 { font-size: 47px; }
.fz48 { font-size: 48px; }
.fz49 { font-size: 49px; }
.fz50 { font-size: 50px; }
.rotation { animation: 0.8s linear 0s infinite normal none running rotation; }
@-webkit-keyframes rotation { 
  0% { transform: rotateZ(0deg); }
  100% { transform: rotateZ(360deg); }
}
@keyframes rotation { 
  0% { transform: rotateZ(0deg); }
  100% { transform: rotateZ(360deg); }
}
.heartbeat { animation: 1.2s ease-in 0s infinite normal none running heartbeat; }
@-webkit-keyframes heartbeat { 
  0% { transform: scale(1); opacity: 1; }
  15% { transform: scale(1.3); opacity: 0.5; }
  30% { transform: scale(1); opacity: 1; }
}
@keyframes heartbeat { 
  0% { transform: scale(1); opacity: 1; }
  15% { transform: scale(1.3); opacity: 0.5; }
  30% { transform: scale(1); opacity: 1; }
}
.trigger:hover { animation: 0.2s ease 0s 1 normal none running trigger; }
@-webkit-keyframes trigger { 
  0% { transform: rotateZ(0deg); }
  100% { transform: rotateZ(180deg); }
}
@keyframes trigger { 
  0% { transform: rotateZ(0deg); }
  100% { transform: rotateZ(180deg); }
}
[class*="rect-"] { position: relative; display: block; width: 100%; height: 0px; overflow: hidden; }
[class*="rect-"] ._full { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.rect-50 { padding-bottom: 50%; }
.rect-5625 { padding-bottom: 56.25%; }
.rect-60 { padding-bottom: 60%; }
.rect-618 { padding-bottom: 61.8%; }
.rect-67 { padding-bottom: 66.6%; }
.rect-70 { padding-bottom: 70%; }
.rect-75 { padding-bottom: 75%; }
.rect-80 { padding-bottom: 80%; }
.rect-90 { padding-bottom: 90%; }
.rect-100 { padding-bottom: 100%; }
.datalist { width: 100%; border-collapse: collapse; border-spacing: 0px; border: 1px solid rgb(204, 204, 204); }
.datalist caption { padding-bottom: 5px; }
.datalist th { font-weight: 700; padding: 5px 15px; border: 1px solid rgb(204, 204, 204); background: rgb(238, 238, 238); }
.datalist td { padding: 5px 15px; border: 1px solid rgb(204, 204, 204); }
.datalist tr.altrow { background: rgb(204, 204, 204); }
.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { line-height: 1.42857; padding: 8px; vertical-align: inherit; border-top: 1px solid rgb(221, 221, 221); }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid rgb(221, 221, 221); }
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0px; }
.table > tbody + tbody { border-top: 2px solid rgb(221, 221, 221); }
.table .table { background-color: rgb(255, 255, 255); }
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; }
.table-bordered { border: 1px solid rgb(221, 221, 221); }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid rgb(221, 221, 221); }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: rgb(249, 249, 249); }
.table-hover > tbody > tr:hover { background-color: rgb(245, 245, 245); }
table col[class*="col-"] { position: static; display: table-column; float: none; }
table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; }
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: rgb(245, 245, 245); }
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: rgb(232, 232, 232); }
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: rgb(223, 240, 216); }
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: rgb(208, 233, 198); }
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: rgb(217, 237, 247); }
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: rgb(196, 227, 243); }
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: rgb(252, 248, 227); }
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: rgb(250, 242, 204); }
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: rgb(242, 222, 222); }
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: rgb(235, 204, 204); }
.table-responsive { overflow-x: auto; min-height: 0.01%; }
@media screen and (max-width: 1240px) {
  .table-responsive { overflow-y: hidden; width: 100%; margin-bottom: 15px; border: 1px solid rgb(221, 221, 221); }
  .table-responsive > .table { margin-bottom: 0px; }
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
  .table-responsive > .table-bordered { border: 0px; }
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0px; }
  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0px; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0px; }
}
.btn { font-size: inherit; font-weight: normal; line-height: 24px; display: inline-block; margin-bottom: 0px; padding: 4px 10px; cursor: pointer; user-select: none; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid transparent; touch-action: manipulation; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; }
.btn:hover, .btn:focus, .btn.focus { text-decoration: none; color: rgb(51, 51, 51); }
.btn:active, .btn.active { outline: 0px; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; box-shadow: none; }
.btn-default { color: rgb(51, 51, 51); border-color: rgb(204, 204, 204); background-color: rgb(255, 255, 255); }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: rgb(51, 51, 51); border-color: rgb(173, 173, 173); background-color: rgb(230, 230, 230); }
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { border-color: rgb(204, 204, 204); background-color: rgb(255, 255, 255); }
.btn-primary { color: rgb(255, 255, 255); border-color: rgb(46, 109, 164); background-color: rgb(235, 86, 20); }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: rgb(255, 255, 255); border-color: rgb(32, 77, 116); background-color: rgb(40, 96, 144); }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { border-color: rgb(46, 109, 164); background-color: rgb(235, 86, 20); }
.btn-success { color: rgb(255, 255, 255); border-color: rgb(76, 174, 76); background-color: rgb(92, 184, 92); }
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: rgb(255, 255, 255); border-color: rgb(57, 132, 57); background-color: rgb(68, 157, 68); }
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { border-color: rgb(76, 174, 76); background-color: rgb(92, 184, 92); }
.btn-info { color: rgb(255, 255, 255); border-color: rgb(70, 184, 218); background-color: rgb(91, 192, 222); }
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: rgb(255, 255, 255); border-color: rgb(38, 154, 188); background-color: rgb(49, 176, 213); }
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { border-color: rgb(70, 184, 218); background-color: rgb(91, 192, 222); }
.btn-warning { color: rgb(255, 255, 255); border-color: rgb(238, 162, 54); background-color: rgb(240, 173, 78); }
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: rgb(255, 255, 255); border-color: rgb(213, 133, 18); background-color: rgb(236, 151, 31); }
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { border-color: rgb(238, 162, 54); background-color: rgb(240, 173, 78); }
.btn-danger { color: rgb(255, 255, 255); border-color: rgb(212, 63, 58); background-color: rgb(217, 83, 79); }
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: rgb(255, 255, 255); border-color: rgb(172, 41, 37); background-color: rgb(201, 48, 44); }
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { border-color: rgb(212, 63, 58); background-color: rgb(217, 83, 79); }
.btn-link { font-weight: normal; color: rgb(235, 86, 20); border-radius: 0px; }
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; }
.btn-link:hover, .btn-link:focus { text-decoration: underline; color: rgb(35, 82, 124); background-color: transparent; }
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { text-decoration: none; color: rgb(119, 119, 119); }
.btn-lg { font-size: 18px; height: 46px; line-height: 46px; padding: 0px 16px; }
.btn-sm { font-size: 12px; height: 28px; line-height: 24px; padding: 0px 10px; }
.btn-xs { font-size: 12px; height: 22px; line-height: 22px; padding: 0px 5px; }
.btn-block { display: block; width: 100%; padding-right: 0px; padding-left: 0px; }
.btn-block + .btn-block { margin-top: 5px; }
.btn .jon, .form-mark .jon { line-height: 1.2; margin: 0px; vertical-align: baseline; }
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }
.form-control { line-height: 34px; height: 34px; padding: 0px 10px; display: block; width: 100%; box-sizing: border-box; vertical-align: middle; transition: border-color 0.1s ease-in-out 0s; color: rgb(85, 85, 85); border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); }
.form-control::-webkit-input-placeholder { color: rgb(153, 153, 153); }
.form-control.blank { border-width: 0px 0px 1px; background: none; }
.form-control.blank:focus { box-shadow: none; border-radius: 0px; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { opacity: 1; background-color: rgb(238, 238, 238); }
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }
textarea.form-control { height: auto; }
select.form-control { padding: 0px 8px; }
input[type="search"] { appearance: none; }
.form-group { margin-bottom: 14px; }
.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.radio label, .checkbox label { font-weight: normal; min-height: 20px; margin-bottom: 0px; padding-left: 20px; cursor: pointer; }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; margin-top: 5px; }
.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }
.radio-inline, .checkbox-inline { font-weight: normal; position: relative; display: inline-block; margin-bottom: 0px; padding-left: 20px; cursor: pointer; vertical-align: middle; }
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0px; margin-left: 10px; }
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; }
.form-control-static { height: 34px; line-height: 34px; }
.form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0px; padding-left: 0px; }
.input-sm { font-size: 12px; height: 28px; line-height: 28px; }
select.input-sm { padding: 0px 0.5em; }
textarea.input-sm, select[multiple].input-sm { height: auto; }
.form-group-sm .form-control { font-size: 12px; line-height: 1.5; height: 30px; padding: 5px 10px; }
select.form-group-sm .form-control { line-height: 30px; height: 30px; }
textarea.form-group-sm .form-control, select[multiple].form-group-sm .form-control { height: auto; }
.form-group-sm .form-control-static { font-size: 12px; line-height: 1.5; height: 30px; min-height: 32px; padding: 5px 10px; }
.input-lg { font-size: 18px; line-height: 46px; height: 46px; }
select.input-lg { line-height: 46px; height: 46px; }
textarea.input-lg, select[multiple].input-lg { height: auto; }
.form-group-lg .form-control { font-size: 18px; line-height: 1.33333; height: 46px; padding: 10px 16px; }
select.form-group-lg .form-control { line-height: 46px; height: 46px; }
textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-control { height: auto; }
.form-group-lg .form-control-static { font-size: 18px; line-height: 1.33333; height: 46px; min-height: 38px; padding: 10px 16px; }
.has-feedback { position: relative; }
.has-feedback .form-control { padding-right: 42.5px; }
.control-label { font-weight: bold; }
.form-control-feedback { line-height: 34px; position: absolute; z-index: 2; top: 0px; right: 0px; display: block; width: 34px; height: 34px; text-align: center; pointer-events: none; }
.input-lg + .form-control-feedback { line-height: 46px; width: 46px; height: 46px; }
.input-sm + .form-control-feedback { line-height: 30px; width: 30px; height: 30px; }
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: rgb(60, 118, 61); }
.has-success .form-control { border-color: rgb(60, 118, 61); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; }
.has-success .form-control:focus { border-color: rgb(43, 84, 44); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(103, 177, 104) 0px 0px 6px; }
.has-success .input-group-addon { color: rgb(60, 118, 61); border-color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); }
.has-success .form-control-feedback { color: rgb(60, 118, 61); }
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: rgb(138, 109, 59); }
.has-warning .form-control { border-color: rgb(138, 109, 59); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; }
.has-warning .form-control:focus { border-color: rgb(102, 81, 44); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(192, 161, 107) 0px 0px 6px; }
.has-warning .input-group-addon { color: rgb(138, 109, 59); border-color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); }
.has-warning .form-control-feedback { color: rgb(138, 109, 59); }
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: rgb(211, 56, 53); }
.has-error .form-control { border-color: rgb(211, 56, 53); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; }
.has-error .form-control:focus { border-color: rgb(132, 53, 52); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(206, 132, 131) 0px 0px 6px; }
.has-error .input-group-addon { color: rgb(211, 56, 53); border-color: rgb(211, 56, 53); background-color: rgb(242, 222, 222); }
.has-error .form-control-feedback { color: rgb(211, 56, 53); }
.has-feedback label ~ .form-control-feedback { top: 25px; }
.has-feedback label.sr-only ~ .form-control-feedback { top: 0px; }
.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: rgb(115, 115, 115); }
.form-inline .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; }
.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
.form-inline .form-control-static { display: inline-block; }
.form-inline .input-group { display: inline-table; vertical-align: middle; }
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; }
.form-inline .input-group > .form-control { width: 100%; }
.form-inline .control-label { margin-bottom: 0px; vertical-align: middle; }
.form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0px; margin-bottom: 0px; vertical-align: middle; }
.form-inline .radio label, .form-inline .checkbox label { padding-left: 0px; }
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0px; }
.form-inline .has-feedback .form-control-feedback { top: 0px; }
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0px; margin-bottom: 0px; padding-top: 0.4em; }
.form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; }
.form-horizontal .control-label { margin-bottom: 0px; height: 34px; line-height: 34px; overflow: hidden; text-align: right; }
.form-horizontal .has-feedback .form-control-feedback { right: 15px; }
.form-horizontal .form-group-lg .control-label { padding-top: 14.3333px; }
.form-horizontal .form-group-sm .control-label { padding-top: 6px; }
.form-mark { display: inline-block; margin: 0px 0.3em; }
big.form-mark { font-size: 1.5em; }
.input-group { position: relative; overflow: hidden; border-collapse: separate; }
.input-group[class*="col-"] { float: none; padding-right: 0px; padding-left: 0px; }
.input-group .form-control { position: relative; z-index: 2; margin-bottom: 0px; width: auto; }
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { font-size: 18px; line-height: 1.33333; height: 46px; padding: 10px 16px; }
select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { line-height: 46px; height: 46px; }
textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; }
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { font-size: 12px; line-height: 1.5; height: 30px; padding: 5px 10px; }
select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { line-height: 30px; height: 30px; }
textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; }
.input-group-addon, .input-group-btn, .input-group .form-control { float: left; }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0px; }
.input-group-addon, .input-group-btn { vertical-align: middle; white-space: nowrap; }
.input-group-addon { font-size: 14px; font-weight: normal; padding: 0px 1em; text-align: center; color: rgb(85, 85, 85); border-width: 1px 0px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial; background-color: rgb(238, 238, 238); height: 32px; line-height: 32px; }
.input-group-addon.input-sm { font-size: 12px; padding: 5px 10px; }
.input-group-addon.input-lg { font-size: 18px; padding: 10px 16px; }
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0px; }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group-addon:first-child { border-left-width: 1px; }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group-addon:last-child { border-right-width: 1px; }
.input-group-btn { font-size: 14px; position: relative; white-space: nowrap; }
.input-group-btn > .btn { position: relative; }
.input-group-btn > .btn + .btn { margin-left: -1px; }
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; }
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; }
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; }
.text-muted { color: rgb(119, 119, 119); }
.text-primary { color: rgb(235, 86, 20); }
a.text-primary:hover { color: rgb(40, 96, 144); }
.text-success { color: rgb(60, 118, 61); }
a.text-success:hover { color: rgb(43, 84, 44); }
.text-info { color: rgb(49, 112, 143); }
a.text-info:hover { color: rgb(36, 82, 105); }
.text-warning { color: rgb(240, 132, 0); }
a.text-warning:hover { color: rgb(102, 81, 44); }
.text-danger { color: rgb(211, 56, 53); }
a.text-danger:hover { color: rgb(132, 53, 52); }
.bg-primary { color: rgb(255, 255, 255); background-color: rgb(235, 86, 20); }
a.bg-primary:hover { background-color: rgb(40, 96, 144); }
.bg-success { background-color: rgb(223, 240, 216); }
a.bg-success:hover { background-color: rgb(193, 226, 179); }
.bg-info { background-color: rgb(217, 237, 247); }
a.bg-info:hover { background-color: rgb(175, 217, 238); }
.bg-warning { background-color: rgb(252, 248, 227); }
a.bg-warning:hover { background-color: rgb(247, 236, 181); }
.bg-danger { background-color: rgb(242, 222, 222); }
a.bg-danger:hover { background-color: rgb(228, 185, 185); }
.wrap { width: 1200px; margin-right: auto; margin-left: auto; }
.mwrap { max-width: 1366px; margin-right: auto; margin-left: auto; }
body { font-size: 14px; line-height: 1.6; color: rgb(85, 85, 85); background: rgb(255, 255, 255); }
a { color: inherit; }
a:hover { color: rgb(237, 114, 57); }
::selection { color: rgb(255, 255, 255); background: rgb(60, 171, 255); }
::-webkit-input-placeholder { color: rgb(170, 170, 170); }
.placeholder { color: rgb(170, 170, 170); }
.row { width: 101%; transition: width 0.2s ease 0s; }
.row::before, .row::after { display: table; clear: both; content: ""; }
.row > [class*="span-"] { float: left; margin-right: 1%; }
.row > .span-1 { width: 7.33333%; }
.row > .span-2 { width: 15.6667%; }
.row > .span-3 { width: 24%; }
.row > .span-4 { width: 32.3333%; }
.row > .span-5 { width: 40.6667%; }
.row > .span-6 { width: 49%; }
.row > .span-7 { width: 57.3333%; }
.row > .span-8 { width: 65.6667%; }
.row > .span-9 { width: 74%; }
.row > .span-10 { width: 82.3333%; }
.row > .span-11 { width: 90.6667%; }
.row > .span-12 { width: 99%; }
.full-row { width: 100%; transition: width 0.2s ease 0s; }
.full-row::before, .full-row::after { display: table; clear: both; content: ""; }
.full-row > [class*="span"] { float: left; }
.full-row > .span-1 { width: 8.33333%; }
.full-row > .span-2 { width: 16.6667%; }
.full-row > .span-3 { width: 25%; }
.full-row > .span-4 { width: 33.3333%; }
.full-row > .span-5 { width: 41.6667%; }
.full-row > .span-6 { width: 50%; }
.full-row > .span-7 { width: 58.3333%; }
.full-row > .span-8 { width: 66.6667%; }
.full-row > .span-9 { width: 75%; }
.full-row > .span-10 { width: 83.3333%; }
.full-row > .span-11 { width: 91.6667%; }
.full-row > .span-12 { width: 100%; }
.row > .pull-right, .full-row > .pull-right { float: right; }
.row > .center { position: relative; left: -0.5%; display: block; float: none; clear: both; margin-right: auto; margin-left: auto; }
.full-row > .center { display: block; float: none; clear: both; margin-right: auto; margin-left: auto; }
.pull-left-1 { position: relative; left: -8.33333%; }
.pull-left-2 { position: relative; left: -16.6667%; }
.pull-left-3 { position: relative; left: -25%; }
.pull-left-4 { position: relative; left: -33.3333%; }
.pull-left-5 { position: relative; left: -41.6667%; }
.pull-left-6 { position: relative; left: -50%; }
.pull-left-7 { position: relative; left: -58.3333%; }
.pull-left-8 { position: relative; left: -66.6667%; }
.pull-left-9 { position: relative; left: -75%; }
.pull-left-10 { position: relative; left: -83.3333%; }
.pull-left-11 { position: relative; left: -91.6667%; }
.pull-left-12 { position: relative; left: -100%; }
.pull-right-1 { position: relative; left: 8.33333%; }
.pull-right-2 { position: relative; left: 16.6667%; }
.pull-right-3 { position: relative; left: 25%; }
.pull-right-4 { position: relative; left: 33.3333%; }
.pull-right-5 { position: relative; left: 41.6667%; }
.pull-right-6 { position: relative; left: 50%; }
.pull-right-7 { position: relative; left: 58.3333%; }
.pull-right-8 { position: relative; left: 66.6667%; }
.pull-right-9 { position: relative; left: 75%; }
.pull-right-10 { position: relative; left: 83.3333%; }
.pull-right-11 { position: relative; left: 91.6667%; }
.pull-right-12 { position: relative; left: 100%; }
@media only screen and (max-width: 1024px) {
  .row > .midd-1 { width: 7.33333%; }
  .row > .midd-2 { width: 15.6667%; }
  .row > .midd-3 { width: 24%; }
  .row > .midd-4 { width: 32.3333%; }
  .row > .midd-5 { width: 40.6667%; }
  .row > .midd-6 { width: 49%; }
  .row > .midd-7 { width: 57.3333%; }
  .row > .midd-8 { width: 65.6667%; }
  .row > .midd-9 { width: 74%; }
  .row > .midd-10 { width: 82.3333%; }
  .row > .midd-11 { width: 90.6667%; }
  .row > .midd-12 { width: 99%; }
  .midd-hide { display: none; }
  .midd-center { position: relative; left: -0.5%; display: block; float: none; clear: both; margin-right: auto; margin-left: auto; }
  .full-row > .midd-1 { width: 8.33333%; }
  .full-row > .midd-2 { width: 16.6667%; }
  .full-row > .midd-3 { width: 25%; }
  .full-row > .midd-4 { width: 33.3333%; }
  .full-row > .midd-5 { width: 41.6667%; }
  .full-row > .midd-6 { width: 50%; }
  .full-row > .midd-7 { width: 58.3333%; }
  .full-row > .midd-8 { width: 66.6667%; }
  .full-row > .midd-9 { width: 75%; }
  .full-row > .midd-10 { width: 83.3333%; }
  .full-row > .midd-11 { width: 91.6667%; }
  .full-row > .midd-12 { width: 100%; }
}
@media only screen and (max-width: 992px) {
  .row > .smidd-1 { width: 7.33333%; }
  .row > .smidd-2 { width: 15.6667%; }
  .row > .smidd-3 { width: 24%; }
  .row > .smidd-4 { width: 32.3333%; }
  .row > .smidd-5 { width: 40.6667%; }
  .row > .smidd-6 { width: 49%; }
  .row > .smidd-7 { width: 57.3333%; }
  .row > .smidd-8 { width: 65.6667%; }
  .row > .smidd-9 { width: 74%; }
  .row > .smidd-10 { width: 82.3333%; }
  .row > .smidd-11 { width: 90.6667%; }
  .row > .smidd-12 { width: 99%; }
  .smidd-hide { display: none; }
  .smidd-center { position: relative; left: -0.5%; display: block; float: none; clear: both; margin-right: auto; margin-left: auto; }
  .full-row > .smidd-1 { width: 8.33333%; }
  .full-row > .smidd-2 { width: 16.6667%; }
  .full-row > .smidd-3 { width: 25%; }
  .full-row > .smidd-4 { width: 33.3333%; }
  .full-row > .smidd-5 { width: 41.6667%; }
  .full-row > .smidd-6 { width: 50%; }
  .full-row > .smidd-7 { width: 58.3333%; }
  .full-row > .smidd-8 { width: 66.6667%; }
  .full-row > .smidd-9 { width: 75%; }
  .full-row > .smidd-10 { width: 83.3333%; }
  .full-row > .smidd-11 { width: 91.6667%; }
  .full-row > .smidd-12 { width: 100%; }
}
@media only screen and (max-width: 760px) {
  .row > .smal-1 { width: 7.33333%; }
  .row > .smal-2 { width: 15.6667%; }
  .row > .smal-3 { width: 24%; }
  .row > .smal-4 { width: 32.3333%; }
  .row > .smal-5 { width: 40.6667%; }
  .row > .smal-6 { width: 49%; }
  .row > .smal-7 { width: 57.3333%; }
  .row > .smal-8 { width: 65.6667%; }
  .row > .smal-9 { width: 74%; }
  .row > .smal-10 { width: 82.3333%; }
  .row > .smal-11 { width: 90.6667%; }
  .row > .smal-12 { width: 99%; }
  .smal-hide { display: none; }
  .smal-show { display: block; }
  .smal-center { position: relative; left: -0.5%; display: block; float: none; clear: both; margin-right: auto; margin-left: auto; }
  [class*="pull-left-"], [class*="pull-right-"] { right: auto; left: auto; }
  .full-row > .smal-1 { width: 8.33333%; }
  .full-row > .smal-2 { width: 16.6667%; }
  .full-row > .smal-3 { width: 25%; }
  .full-row > .smal-4 { width: 33.3333%; }
  .full-row > .smal-5 { width: 41.6667%; }
  .full-row > .smal-6 { width: 50%; }
  .full-row > .smal-7 { width: 58.3333%; }
  .full-row > .smal-8 { width: 66.6667%; }
  .full-row > .smal-9 { width: 75%; }
  .full-row > .smal-10 { width: 83.3333%; }
  .full-row > .smal-11 { width: 91.6667%; }
  .full-row > .smal-12 { width: 100%; }
}
.channel-content { padding: 70px 0px 50px; }
.common-info { text-align: center; }
.common-title { font-size: 34px; color: rgb(237, 114, 57); padding-bottom: 30px; display: inline-block; line-height: 1; font-weight: normal; }
.common-info.black .common-title { color: rgb(51, 51, 51); }
.common-line { width: 36px; height: 1px; background: rgb(168, 170, 174); display: block; margin: 0px auto 22px; }
.common-content { font-size: 14px; color: rgb(77, 77, 77); line-height: 30px; padding: 0px 10%; }
.common-btn-more { position: relative; }
.common-btn-more::after { content: ""; position: absolute; top: 0px; left: 0px; width: 0px; background: rgb(237, 114, 57); height: 100%; border-radius: 20px; transition: width 0.5s ease 0s; z-index: -1; }
.common-btn-more:hover::after { content: ""; background: rgb(237, 114, 57); width: 100%; }
.imgScale img, .imgTrans img { transition: all 0.8s ease 0s; }
.imgScale { overflow: hidden; transform: rotate(0deg); }
.imgScale:hover img { transform: scale(1.1, 1.1); }
.imgTrans:hover img { cursor: pointer; transform: rotateY(180deg); }
.header_nav { overflow: hidden; height: 85px; z-index: 99; width: 100%; position: fixed; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 10px 0px; opacity: 1; visibility: visible; transition: all 0.3s ease 0s; top: 0px; }
.header_nav_search { overflow: inherit; }
.header_nav.shadow { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px 2px; }
.header_nav.offset-top { top: -85px; opacity: 0; visibility: hidden; }
.header_nav .nav_box { height: 85px; z-index: 7; }
.header_nav .logo { display: inline-block; float: left; margin-top: 23px; }
.header_nav .logo img { }
.header_nav .stock { display: inline-block; padding-left: 5px; float: left; font-size: 14px; width: 245px; min-height: 20px; margin-top: 30px; }
.header_nav .stock .stock_ico { width: 12px; height: 12px; background-image: url("../img/c_img/stock.png"); display: inline-block; background-position: 0px 0px; }
.header_nav .stock.active .s { color: rgb(237, 114, 57); }
.header_nav .stock.down .stock_ico { background-position: -12px 0px; }
.header_nav .stock.down .s { color: rgb(54, 185, 53); }
.header_nav .stock .t { color: rgb(162, 162, 162); }
.header_nav .nav_m { display: inline-block; }
.header_nav .nav_s { float: right; height: 21px; line-height: 1; font-size: 0px; padding-top: 30px; }
.header_nav .nav_s .language { color: rgb(237, 114, 57); font-size: 14px; cursor: pointer; position: relative; width: 90px; display: inline-block; }
.header_nav .nav_s .language .iconfont { margin: 0px 0.2em; vertical-align: 0px; }
.header_nav .nav_s .language .language_box { position: absolute; width: 100%; left: 0px; top: 100%; display: none; background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); text-align: center; }
.header_nav .nav_s .language .language_box li { height: 25px; line-height: 25px; font-size: 14px; transition: background 0.5s ease 0s; }
.header_nav .nav_s .language .language_box li:hover { background: rgb(237, 114, 57); color: rgb(255, 255, 255); }
.header_nav .nav_s .language .language_box li:hover a { color: rgb(255, 255, 255); }
.header_nav .nav_s .search { display: inline-block; position: relative; width: 30px; height: 17px; }
.header_nav .nav_s .search .search_t { position: absolute; top: -3px; right: 0px; height: 25px; line-height: 25px; border-radius: 13px; width: 0px; transition: all 0.5s ease 0s; font-size: 14px; padding: 0px 15px; opacity: 0; border: 1px solid rgb(204, 204, 204); }
.header_nav .nav_s .search .search_btn { position: absolute; z-index: 5; background: transparent; border: 0px; font-size: 16px; padding: 0px; color: rgb(237, 114, 57); cursor: pointer; outline: 0px; }
.header_nav .nav_s .search .search_btn i { font-size: 22px; }
.header_nav .nav_s .search .dropdown_search { min-width: 400px; position: fixed; right: 30%; top: 95px; z-index: 2; display: none; }
.header_nav .nav_s .search .dropdown_search .form-input { background-clip: padding-box; border: 1px solid rgb(206, 212, 218); appearance: none; display: block; width: 100%; min-height: 45px; padding: 6px 80px 6px 20px; font-size: 14px; font-weight: 400; line-height: 1.625; color: rgb(71, 71, 71); background-color: rgb(255, 255, 255); transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; box-sizing: border-box; }
.header_nav .nav_s .search .dropdown_search .submit { position: absolute; top: 0px; left: auto; right: 0px; display: flex; align-items: center; justify-content: center; width: 60px; height: 100%; background: rgb(237, 114, 57); color: rgb(255, 255, 255); font-size: 20px; box-shadow: none; outline: 0px; border: 0px; cursor: pointer; }
.header_nav .nav_s .search .dropdown_search .submit i { font-size: 20px; }
.header_nav .nav_m { float: right; margin-right: 15px; font-size: 15px; color: rgb(36, 37, 38); }
.header_nav .nav_m > ul { overflow: hidden; }
.header_nav .nav_m > ul > li { float: left; font-size: 15px; color: rgb(36, 37, 38); height: 49px; text-align: center; padding-top: 28px; padding-bottom: 8px; }
.header_nav .nav_m > ul > li a { color: rgb(36, 37, 38); display: block; height: 100%; padding: 0px 15px; }
.header_nav .inner_bg { width: 100%; background: rgb(244, 244, 244); position: absolute; top: 85px; z-index: 5; height: 100%; left: 0px; }
.header_nav .nav_m .inner_box { position: absolute; top: 85px; width: 1200px; z-index: 6; padding: 3% 0px; display: none; left: 50%; margin-left: -600px; }
.header_nav .nav_m .second_nav li { width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid rgb(204, 204, 204); }
.header_nav .nav_m .inner_box.open { display: block; }
.header_nav .nav_m .second_nav li { border-bottom: none; }
.header_nav .nav_m .inner_box { padding: 0px 0px 2%; text-align: left; }
.header_nav .inner_bg { background: url("../img/nav.jpg") center center repeat; width: 1920px; left: 50%; margin-left: -960px; }
.header_nav .inner_box .sec_list { width: 17.5%; float: left; }
.header_nav .inner_box .sec_list .second_nav a { position: relative; padding-left: 9%; padding-right: 15%; }
.header_nav .inner_box .sec_list .second_nav i { position: absolute; right: 0px; font-size: 24px; }
.header_nav .inner_box .sec_list .second_nav { margin-top: 35px; }
.header_nav .inner_box .sec_img { float: right; width: 82.5%; }
.header_nav .inner_box .sec_img .img_infor { float: left; width: 53%; padding-left: 7%; }
.header_nav .inner_box .sec_img .img_infor .txt { padding: 43px 70px 32px 0px; line-height: 30px; }
.header_nav .inner_box .sec_img .img_infor .txt span { display: inline-block; height: 120px; overflow: hidden; font-size: 14px; }
.header_nav .inner_box .sec_img .img_infor .btn_more { width: 180px; height: 36px; border: 1px solid rgb(237, 114, 57); border-radius: 20px; display: block; line-height: 36px; text-align: center; overflow: hidden; margin-bottom: 30px; }
.header_nav .inner_box .sec_img .img_infor .btn_more:hover { color: rgb(255, 255, 255); }
.header_nav .inner_box .sec_img .img_pic { float: right; width: 35%; margin-right: 5%; margin-top: 45px; }
.header_nav .inner_box .sec_business { float: right; width: 82.5%; }
.header_nav .inner_box .sec_business .item { display: none; }
.header_nav .inner_box .sec_business .sec_bus_l { float: left; width: 53%; padding-left: 7%; }
.header_nav .inner_box .sec_business .sec_bus_l .txt { padding: 75px 70px 50px 0px; }
.header_nav .inner_box .sec_business .sec_bus_l .txt span { display: inline-block; height: 72px; overflow: hidden; }
.header_nav .inner_box .sec_business .sec_bus_l .btn_more { width: 180px; height: 36px; border: 1px solid rgb(237, 114, 57); border-radius: 20px; display: block; line-height: 36px; text-align: center; overflow: hidden; margin-bottom: 30px; }
.header_nav .inner_box .sec_business .sec_bus_l .btn_more:hover { color: rgb(255, 255, 255); }
.header_nav .inner_box .sec_business .img_pic { float: right; width: 35%; margin-right: 5%; margin-top: 45px; }
.header_nav .third_nav { margin-top: 35px; }
.header_nav .third_nav li { width: 50%; float: left; line-height: 46px; text-align: left; }
.header_nav .nav_m ul li a:hover { color: rgb(237, 114, 57); }
.header_nav .inner_box .sec_list ul li a:hover .n_jt { background-position: 0px -9px; }
.header_nav .inner_box .sec_list .second_nav li.cur a { color: rgb(237, 114, 57); }
.header_nav .inner_box .sec_list .second_nav li.cur a .n_jt { background-position: 0px -9px; }
.header_nav .inner_box .sec_business .item.cur { display: block; }
.header_nav .nav_s .mobile_key { width: 32px; height: 32px; display: none; font-size: 20px; }
.header_nav .mobile_key { width: 32px; height: 32px; display: none; font-size: 20px; padding-top: 20px; margin-left: 15px; }
.header_nav .mobile_key i { font-size: 24px; }
.header_nav .nav_m ul li .inner_box li.inner_imgs { width: 75%; float: right; text-align: left; }
.header_nav .nav_m ul li .inner_box li.inner_imgs .inner_img_r { display: inline-block; padding-top: 3%; padding-left: 3%; }
.header_nav .nav_m ul li .inner_box li.inner_imgs .inner_img_r .img_s { height: 6.4em; overflow: hidden; margin-bottom: 20px; }
.header_nav .nav_m ul li .inner_box li.inner_imgs .inner_img_r .btn_more { width: 180px; height: 36px; border: 1px solid rgb(237, 114, 57); border-radius: 20px; display: block; line-height: 36px; text-align: center; overflow: hidden; }
.header_nav .nav_m ul li .inner_box li.inner_imgs .inner_img_r .btn_more:hover { color: rgb(255, 255, 255); }
.index-banner { position: relative; margin-bottom: 50px; padding-top: 85px; }
.index-banner .swiper-pagination-bullet { height: 16px; width: 16px; border: 2px solid rgb(255, 255, 255); box-sizing: inherit; }
.index-banner .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.8); }
.index-banner .swiper-slide { height: 580px; background-size: cover; background-position: center center; }
.index-banner .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: 20px; }
.index-banner .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: 20px; }
.index-banner .tetxs { color: rgb(255, 255, 255); position: relative; }
.index-banner .tetxs1 { top: 100px; position: absolute; left: 0px; line-height: 1.8; }
.index-banner .tetxs2 { top: 100px; position: absolute; right: 0px; line-height: 1.8; }
.index-banner .tetxs3 { top: 340px; position: absolute; left: 0px; line-height: 1.8; }
.index-banner .tetxs .text1 { font-size: 24px; font-weight: bold; margin-bottom: 10px; line-height: 1.6; }
.index-banner .tetxs .text2 { font-size: 16px; font-weight: 300; }
.index-banner .swiper-button-next, .index-banner .swiper-button-prev{
	margin-top: 20px;
}
.index-s1 .common-content { padding: 0px 4%; font-size: 14px; color: rgb(102, 102, 102); line-height: 24px; }
.index-s1 .content { margin-top: 34px; }
.index-s1 .content .list .li_box .mask { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; color: rgb(50, 50, 50); padding: 8% 10%; box-sizing: border-box; }
.index-s1 .content .list .li_box .mask .t { font-size: 22px; margin-bottom: 10px; }
.index-s1 .content .list .li_box .mask .c { font-size: 13px; line-height: 25px; }
.index-s1 .content .list li:hover .mask { color: rgb(255, 255, 255); background: rgba(237, 114, 57, 0.7); }
.index-s1 .about { overflow: hidden; padding-bottom: 30px; position: relative; }
.index-s1 .about .fl {float: left;width: 780px;text-align: left;padding: 40px 80px 40px 40px;/* border: 1px solid rgb(238, 238, 238); */font-size: 15px;line-height: 1.8;background: #f6f6f6;}
.index-s1 .about .common-line { margin-top: inherit; margin-right: inherit; margin-left: inherit; margin-bottom: 22px; }
.index-s1 .about .fl .common-info { text-align: left; }
.index-s1 .about .fl .common-content { padding: 0px; }
.index-s1 .about .fr {position: absolute;right: 0px;top: 30px;}
.index-s1 .about .fr img { }
.index-s1 .about .title{
	
font-size: 22px;
	
margin-bottom: 10px;
	
color: #333;
}
.index-s1 .about .line{
	width: 90px;
	height: 1px;
	background: #ddd;
	margin-bottom: 15px;
}
.index-s1 .about .more{
	
width: 120px;
	
height: 36px;
	
line-height: 36px;
	
background: #ed7239;
	
color: #fff;
	
display: inline-block;
	
text-align: center;
	
margin-top: 15px;
}
.index-s1 .about .more:hover{
	background: #d86833;
}
.index-s1 .common-content-about { padding: 0px; }
.index-s2 { position: relative; margin-top: 50px; }
.index-s2 .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; }
.index-s2 .bg1 { background: url("../img/ssbg1.jpg") center center no-repeat; display: block; }
.index-s2 .bg2 { background: url("../img/ssbg2.jpg") center center no-repeat; }
.index-s2 .bg3 { background: url("../img/ssbg3.jpg") center center no-repeat; }
.index-s2 .bg4 { background: url("../img/ssbg4.jpg") center center no-repeat; }
.index-s2 .box { width: 100%; height: 716px; position: relative; }
.index-s2 .left_box { width: 40%; margin-top: 80px; }
.index-s2 .left_box .infor { color: rgb(255, 255, 255); margin-bottom: 60px; }
.index-s2 .left_box .infor .tit { font-size: 24px; line-height: 66px; }
.index-s2 .left_box .infor .con { font-size: 43px; line-height: 56px; }
.index-s2 .box .right_box { position: absolute; width: 50%; height: 100%; right: 0px; top: 0px; background: rgba(0, 0, 0, 0.3); }
.index-s2 .box .right_box li { height: 179px; width: 100%; position: relative; z-index: 2; overflow: hidden; }
.index-s2 .box .right_box li .text_box { margin-top: 75px; padding-left: 50px; padding-right: 180px; }
.index-s2 .box .right_box li::before { content: ""; position: absolute; inset: 0px; width: 100%; height: 100%; z-index: -1; transform: scaleY(0); transform-origin: 50% center; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; background-color: rgba(255, 255, 255, 0.7); opacity: 0; visibility: hidden; }
.index-s2 .box .right_box .li1::before { background-image: url("../img/ssibg01.png"); background-position: 90% 50%; background-repeat: no-repeat; }
.index-s2 .box .right_box .li2::before { background-image: url("../img/ssibg02.png"); background-position: 90% 50%; background-repeat: no-repeat; }
.index-s2 .box .right_box .li3::before { background-image: url("../img/ssibg03.png"); background-position: 90% 50%; background-repeat: no-repeat; }
.index-s2 .box .right_box .li4::before { background-image: url("../img/ssibg04.png"); background-position: 90% 50%; background-repeat: no-repeat; }
.index-s2 .box .right_box li .icon { display: block; width: 42px; height: 42px; background: url("../img/jia.png") center center no-repeat; position: absolute; right: 40px; top: 50%; margin-top: -21px; }
.index-s2 .box .right_box li .t { font-size: 20px; color: rgb(255, 255, 255); margin-bottom: 5px; }
.index-s2 .box .right_box li .d { font-size: 13px; color: rgb(57, 57, 57); line-height: 23px; display: none; }
.index-s2 .box .right_box li a { display: block; }
.index-s2 .box .right_box li:hover .text_box { margin-top: 50px; }
.index-s2 .box .right_box li:hover::before { transform: scaleY(1); }
.index-s2 .box .right_box li:hover .d { display: block; overflow: hidden; }
.index-s2 .box .right_box li:hover .t { color: rgb(237, 114, 57); }
.index-s2 .box .right_box li:hover .icon { display: none; }
.index-s2 .box .right_box li.cur .text_box { margin-top: 20px; }
.index-s2 .box .right_box li.cur::before { transform: scaleY(1); opacity: 1; visibility: visible; }
.index-s2 .box .right_box li.cur .d { display: block; }
.index-s2 .box .right_box li.cur .t { color: rgb(237, 114, 57); font-weight: bold; }
.index-s2 .box .right_box li.cur .icon { display: none; }
.index-s2 .box .right_box li.cur { }
.index-s2 .box .left_box .pd { overflow: hidden; }
.index-s2 .box .left_box .list { }
.index-s2 .box .left_box .list li { width: 194px; float: left; margin-right: 20px; margin-bottom: 20px; }
.index-s2 .box .left_box .list a { display: block; cursor: pointer; padding: 10px 20px; text-align: center; color: rgb(237, 114, 57); border: 1px solid rgb(237, 114, 57); font-size: 16px; transition: all 0.3s ease 0s; border-radius: 2px; }
.index-s2 .box .left_box .list i { font-size: 48px; display: block; line-height: 1.4; }
.index-s2 .box .left_box .list a:hover { border: 1px solid rgb(237, 114, 57); background: rgb(237, 114, 57); color: rgb(255, 255, 255); }
.index-s3 { padding: 50px 0px; background: rgb(248, 248, 248); }
.index-s3 .rect-96 { padding-bottom: 96%; }
.index-s3 .left { width: 33%; float: left; position: relative; overflow: hidden; }
.index-s3 .right { width: 64%; float: right; }
.index-s3 .left .owl-video .item { opacity: 0; visibility: hidden; cursor: pointer; }
.index-s3 .left .owl-video.owl-loaded .item { opacity: 1; visibility: visible; }
.index-s3 .left .video_tit { font-size: 24px; color: rgb(255, 255, 255); text-align: center; position: relative; z-index: 1; margin-top: 100px; }
.index-s3 .left .play_btn { display: inline-block; width: 54px; height: 54px; background: url("../img/ipart10.png") no-repeat; position: absolute; left: 50%; margin-left: -27px; top: 50%; margin-top: -27px; }
.index-s3 .left:hover .play_btn { background-position: 0px -54px; }
.index-s3 .left .swiper-slide { cursor: pointer; }
.index-s3 .ip3_btn .owl-prev { width: 20px; height: 36px; background: url("../img/ipart11.png") no-repeat; position: absolute; left: 30px; cursor: pointer; top: 50%; margin-top: -18px; z-index: 2; font-size: 0px; }
.index-s3 .ip3_btn .owl-next { width: 20px; height: 36px; background: url("../img/ipart11.png") -20px 0px no-repeat; position: absolute; right: 30px; cursor: pointer; top: 50%; margin-top: -18px; z-index: 2; font-size: 0px; }
.index-s3 .right ul li { padding: 20px; cursor: pointer; }
.index-s3 .right ul li a { display: block; }
.index-s3 .right ul .time_box { margin-bottom: 15px; }
.index-s3 .right ul .time_box .time { display: inline-block; font-size: 16px; color: rgb(22, 22, 22); margin-right: 10px; line-height: 22px; }
.index-s3 .right ul .time_box .tip { display: inline-block; line-height: 22px; padding: 0px 10px; color: rgb(22, 22, 22); font-size: 14px; background: rgb(234, 230, 230); }
.index-s3 .right ul li:hover { background: rgb(236, 236, 236); }
.index-s3 .right ul li:hover .time_box .time { color: rgb(229, 86, 23); }
.index-s3 .right ul li:hover .time_box .tip { color: rgb(229, 86, 23); }
.index-s3 .right ul li:hover .title { color: rgb(229, 86, 23); }
.index-s3 .right ul .title { font-size: 16px; color: rgb(0, 0, 0); line-height: 1; margin-bottom: 14px; }
.index-s3 .right ul .info { font-size: 14px; color: rgb(147, 147, 147); }
.index-s3 .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: 20px; }
.index-s3 .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: 20px; }
.index-s4 { margin: 50px 0px; }
.index-s4 .content { position: relative; }
.index-s4 .content .slide2 { position: relative; overflow: hidden; }
.index-s4 .content .rect-5625 { padding-bottom: 56.25%; }
.index-s4 .content .item { position: relative; opacity: 0; visibility: hidden; display: none; }
.index-s4 .content .owl-loaded .item { opacity: 1; visibility: visible; display: block; }
.index-s4 .content .swiper-slide .txt { font-size: 16px; color: rgb(0, 0, 0); line-height: 25px; padding: 22px 22px 0px; text-align: center; }
.index-s4 .content .swiper-slide .txt span { display: block; width: 100%; }
.index-s4 .content .swiper-buttons .swiper-button { width: 16px; height: 28px; background: url("../img/arrow1.png") no-repeat; position: absolute; cursor: pointer; margin-top: -32px; z-index: 2; font-size: 0px; top: 50%; }
.index-s4 .content .swiper-buttons .swiper-button-prev { left: -44px; background-position: 0px 0px; }
.index-s4 .content .swiper-buttons .swiper-button-next { right: -44px; background-position: -16px 0px; }
.index-s4 .content .swiper-buttons .swiper-button:hover { background: url("../img/arrow1_on.png") no-repeat; }
.index-s4 .content .swiper-buttons .swiper-button-next:hover { background-position: -16px 0px; }
.footer { background: rgb(50, 50, 50); width: 100%; padding-top: 50px; }
.footer .foot_part1 { padding-bottom: 50px; border-bottom: 1px solid rgb(29, 29, 29); }
.footer .foot_part1 dl { width: 10%; float: left; }
.footer .foot_part1 dl dt { font-size: 16px; line-height: 1; color: rgb(255, 255, 255); margin-bottom: 15px; font-weight: bold; }
.footer .foot_part1 dl dt .lin { width: 40px; height: 1px; background: rgb(237, 114, 57); margin-top: 18px; display: block; margin-bottom: 35px; }
.footer .foot_part1 dl dd { font-size: 14px; color: rgb(204, 204, 204); line-height: 1; margin-bottom: 12px; }
.footer .foot_part1 dl.last .qr { vertical-align: bottom; }
.footer .foot_part1 dl.last .qr .t { font-size: 12px; height: 32px; display: table-cell; vertical-align: bottom; line-height: 1.6; margin-left: 15px; }
.footer .foot_part1 dl.dl01 { width: 16%; }
.footer .foot_part1 dl.dl02 { width: 15%; }
.footer .foot_part1 dl.dl03 { width: 15%; }
.footer .foot_part1 dl.dl04 { width: 15%; }
.footer .foot_part1 dl.dl05 { width: 29%; }
.footer .foot_part2 { padding: 27px 0px; border-bottom: 1px solid rgb(29, 29, 29); border-top: 1px solid rgb(74, 74, 74); color: rgb(204, 204, 204); }
.footer .foot_part2 dl { width: 20%; float: left; color: rgb(255, 255, 255); line-height: 1; font-size: 13px; }
.footer .foot_part2 dl dd { margin-bottom: 16px; color: rgb(204, 204, 204); }
.footer .foot_part2 dl dd:last-child { margin-bottom: 0px; }
.footer .foot_part3 { padding: 23px 0px; line-height: 1; border-top: 1px solid rgb(74, 74, 74); }
.footer .foot_part3 .s { font-size: 13px; color: rgb(204, 204, 204); float: left; }
.footer .foot_part3 .foot_a { float: right; color: rgb(255, 255, 255); }
.footer .foot_part3 .foot_a a { display: inline-block; color: rgb(204, 204, 204); }
.footer .foot_part3 .foot_a a:hover { color: rgb(237, 114, 57); }
.gotop { display: none; width: 30px; height: 30px; background-color: rgb(237, 114, 57); color: rgb(255, 255, 255); text-align: center; overflow: hidden; border-radius: 50px; font-size: 32px; line-height: 50px; position: fixed; bottom: 30px; right: 15px; padding: 10px; cursor: pointer; z-index: 9811 !important; }
body.offcanvas-open { overflow: hidden; }
.offcanvas { font-size: 14px; font-weight: 400; position: fixed; z-index: 1000; top: 0px; right: 0px; left: auto; display: block; width: 400px; height: 100%; padding: 20px; transition: all 0.5s ease 0s; transform: translateX(100%); background-color: rgb(255, 255, 255); box-shadow: none; overflow: auto; }
@media only screen and (max-width: 479px) {
  .offcanvas { width: 300px; }
}
.offcanvas .inner { position: relative; z-index: 9; display: flex; flex-direction: column; height: 100%; }
.offcanvas .inner .head { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 30px 20px; }
.offcanvas .inner .head .title { color: rgb(33, 33, 33); font-weight: 700; }
.offcanvas .inner .head .offcanvas-close { position: relative; width: 20px; height: 20px; text-indent: -9999px; border: 0px; background-color: transparent; }
.offcanvas .inner .head .offcanvas-close::after { position: absolute; top: calc(50% - 1px); left: 0px; width: 20px; height: 2px; content: ""; transition: all 0.5s ease 0s; transform: rotate(-45deg); background-color: rgb(217, 55, 30); }
.offcanvas .inner .head .offcanvas-close::before { position: absolute; top: calc(50% - 1px); left: 0px; width: 20px; height: 2px; content: ""; transition: all 0.5s ease 0s; transform: rotate(45deg); background-color: rgb(217, 55, 30); }
.offcanvas .inner .head .offcanvas-close:hover::before { transform: rotate(180deg); }
.offcanvas .inner .head .offcanvas-close:hover::after { transform: rotate(0deg); }
.offcanvas .inner .offcanvas-userpanel ul li { background: 0px 0px; width: 100%; text-align: left; display: block; color: rgb(33, 33, 33); cursor: pointer; text-transform: uppercase; }
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role a { color: rgb(33, 33, 33); display: block; padding: 10px 0px; font-size: 14px; font-weight: 600; }
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role a i { float: right; font-size: 22px; display: flex; align-self: center; align-items: center; justify-content: center; }
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role a:hover { color: rgb(217, 55, 30); }
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu { display: none; }
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu li a { display: block; padding: 7px 10px; font-size: 12px; font-weight: 500; color: rgb(33, 33, 33); }
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu li a:hover { color: rgb(217, 55, 30); }
.offcanvas .inner .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu li a.current { color: rgb(217, 55, 30); }
.offcanvas .inner .offcanvas-menu ul li { position: relative; display: block; line-height: 28px; }
.offcanvas .inner .offcanvas-menu ul li a { display: block; padding: 10px 0px; text-transform: capitalize; color: rgb(71, 71, 71); border-top: 1px solid rgb(238, 238, 238); font-size: 16px; }
.offcanvas .inner .offcanvas-menu ul li .sub-menu { position: static; top: auto; display: none; visibility: visible; width: 100%; min-width: auto; padding: 0px; transition: none 0s ease 0s; opacity: 1; box-shadow: none; }
.offcanvas .inner .offcanvas-menu ul li .sub-menu li { line-height: inherit; position: relative; }
.offcanvas .inner .offcanvas-menu ul li .sub-menu li a { text-transform: capitalize; padding-left: 10px; padding-right: 0px; display: block; border-top: 1px solid rgb(238, 238, 238); font-size: 14px; font-weight: 500; }
.offcanvas .inner .offcanvas-menu ul li .sub-menu li:last-child { border-bottom: 0px solid rgb(238, 238, 238); }
.offcanvas .inner .offcanvas-menu ul li .menu-expand { position: absolute; z-index: 2; top: 0px; right: 0px; width: 24px; height: 49px; cursor: pointer; background-color: transparent; }
.offcanvas .inner .offcanvas-menu ul li:hover > a { color: rgb(217, 55, 30); }
.offcanvas .inner .offcanvas-menu ul li:hover > span.menu-expand::before { background: rgb(217, 55, 30); }
.offcanvas .inner .offcanvas-menu ul li:hover > span.menu-expand::after { background: rgb(217, 55, 30); }
.offcanvas .inner .offcanvas-menu ul li:last-child { border-bottom: 1px solid rgb(238, 238, 238); }
.offcanvas .inner .offcanvas-social li { display: inline-block; margin: 0px 10px 0px 0px; line-height: 40px; padding: 0px; }
@media only screen and (max-width: 479px) {
  .offcanvas .inner .offcanvas-social li { margin: 0px 5px 0px 0px; }
}
.offcanvas .inner .offcanvas-social li a { position: relative; display: inline-block; vertical-align: middle; color: rgb(255, 255, 255); background: rgb(217, 55, 30); font-size: 16px; padding: 0px; line-height: 40px; width: 40px; height: 40px; border-radius: 100%; text-align: center; border: none; z-index: 1; transition: all 0.3s linear 0s; }
.offcanvas .inner .offcanvas-social li a:hover { background: rgb(33, 33, 33); color: rgb(255, 255, 255); }
@media only screen and (max-width: 479px) {
  .offcanvas .inner .offcanvas-social li a { line-height: 35px; width: 35px; height: 35px; font-size: 15px; }
}
.offcanvas .inner .foot .buttons a { display: block; text-transform: capitalize; font-weight: 500; font-size: 16px; color: rgb(255, 255, 255); box-shadow: none; padding: 10px 15px; line-height: 26px; border: none; background: rgb(33, 33, 33); border-radius: 0px; width: auto; height: auto; }
.offcanvas .inner .foot .buttons a:hover { background-color: rgb(217, 55, 30); color: rgb(255, 255, 255); }
.offcanvas .inner .foot .buttons .current-btn { background-color: rgb(217, 55, 30); color: rgb(255, 255, 255); }
.offcanvas .inner .foot .sub-total { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid rgb(238, 238, 238); margin: 30px 0px 0px; }
.offcanvas .inner .foot .sub-total .table > :not(caption) > * > * { padding: 0px; border: 0px; }
.offcanvas .inner .foot .sub-total .table > tbody > tr > td { border: none; padding: 0px; color: rgb(33, 33, 33); text-transform: capitalize; font-size: 20px; vertical-align: middle; font-weight: 500; line-height: 30px; }
.offcanvas .inner .foot .sub-total .table > tbody > tr > td.theme-color { color: rgb(217, 55, 30); }
.offcanvas .inner .foot .sub-total .amount { color: rgb(235, 38, 6); font-weight: 600; }
.offcanvas .inner .foot .minicart-message { margin-top: 30px; margin-bottom: 30px; }
.offcanvas-menu > ul > li .menu-expand { position: absolute; z-index: 2; top: 0px; right: 0px; width: 24px; height: 44px; cursor: pointer; background-color: transparent; }
.offcanvas.offcanvas-mobile-menu { right: auto; left: 0px; transform: translateX(-100%); width: 350px; padding: 50px 30px; box-sizing: border-box; }
@media only screen and (max-width: 479px) {
  .offcanvas.offcanvas-mobile-menu { width: 300px; }
}
.offcanvas.offcanvas-mobile-menu .offcanvas-close { position: absolute; width: 32px; height: 32px; text-indent: -9999px; border: 0px; left: 0px; top: 10px; animation-delay: 0.5s; border-radius: 50%; background: none; }
.offcanvas.offcanvas-mobile-menu .offcanvas-close::after { position: absolute; top: calc(50% - 1px); left: 50%; margin-left: -10px; width: 20px; height: 2px; content: ""; transition: all 0.5s ease 0s; transform: rotate(-45deg); background-color: rgb(237, 114, 57); }
.offcanvas.offcanvas-mobile-menu .offcanvas-close::before { position: absolute; top: calc(50% - 1px); left: 50%; margin-left: -10px; width: 20px; height: 2px; content: ""; transition: all 0.5s ease 0s; transform: rotate(45deg); background-color: rgb(237, 114, 57); }
.offcanvas.offcanvas-mobile-menu .offcanvas-close:hover::before { transform: rotate(180deg); }
.offcanvas.offcanvas-mobile-menu .offcanvas-close:hover::after { transform: rotate(0deg); }
.offcanvas.offcanvas-cart .inner .head, .offcanvas.offcanvas-wishlist .inner .head { margin-bottom: 30px; padding: 0px; }
.offcanvas.offcanvas-cart .inner .head .title, .offcanvas.offcanvas-wishlist .inner .head .title { font-size: 20px; }
.offcanvas-menu > ul > li .menu-expand::after, .offcanvas-menu > ul > li .menu-expand::before { position: absolute; top: calc(50% - 1px); left: calc(50% - 7px); width: 14px; height: 2px; content: ""; transition: all 0.5s ease 0s; transform: scale(0.75); background-color: rgb(33, 33, 33); }
.offcanvas-menu > ul > li .menu-expand::after { transform: rotate(90deg) scale(0.75); }
.offcanvas-menu > ul > li.active > .menu-expand::after { transform: rotate(0deg) scale(0.75); }
.offcanvas-menu > ul > li .sub-menu li.active > .menu-expand::after { transform: rotate(0deg) scale(0.75); }
.offcanvas.offcanvas-mobile-menu.offcanvas-open { transform: translateX(0px); }
.offcanvas.offcanvas-mobile-menu.offcanvas-open .offcanvas-close { left: 80%; }
.offcanvas-overlay { position: fixed; z-index: 999; inset: 0px; display: none; background-color: rgba(0, 0, 0, 0.5); }
.offcanvas.offcanvas-open { transform: translateX(0px); }
.page_banner-wrap { padding-top: 85px; }
.page_banner { width: 100%; height: 340px; position: relative; overflow: hidden; }
.page_banner .pic { width: 100%; }
.page_banner .pic img { display: block; width: 1920px; position: absolute; top: 0px; left: 50%; margin-left: -960px; z-index: 1; max-width: inherit; }
.page_menu { position: relative; z-index: 9; background: rgb(246, 246, 246); }
.page_menu .menu_list { float: left; }
.page_menu .menu_list a { font-size: 16px; color: rgb(51, 51, 51); padding: 0px 26px; display: inline-block; border-left: 1px solid rgb(234, 234, 234); position: relative; margin: 25px 0px; }
.page_menu .menu_list a.first { padding-left: 0px; border-left: 0px; }
.page_menu .menu_list a:hover, .page_menu .menu_list a.active, .page_menu .menu_list ul li.active a { color: rgb(237, 114, 57); }
.page_menu .menu_list ul li { float: left; position: relative; padding: 15px 0px; }
.page_menu .menu_list ul li.first { padding-left: 0px; border-left: 0px; }
.page_menu .menu_list ul li.menu_slide { margin-right: 26px; background: url("../img/icon_works_03.png") 100% center no-repeat; }
.page_menu .menu_list ul li.menu_slide:hover, .page_menu .menu_list ul li.menu_slide.active { background: url("../img/icon_works_03_hover.png") 100% center no-repeat; }
.page_menu .menu_list ul li a { display: block; font-size: 14px; color: rgb(51, 51, 51); padding: 0px 26px; border-left: 1px solid rgb(234, 234, 234); margin: 0px; }
.page_menu .menu_list ul li.first a { border-left: 0px; padding-left: 0px; }
.page_menu .menu_list ul li .slide_con { position: absolute; top: 100%; left: -1px; width: 200%; z-index: 5; background: rgb(255, 255, 255); border: 1px solid rgb(234, 234, 234); display: none; }
.page_menu .menu_list ul li .slide_con p { text-align: left; border-top: 1px solid rgb(234, 234, 234); line-height: 40px; text-indent: 1em; }
.page_menu .menu_list ul li .slide_con p.first { border-top: 0px; }
.page_menu .menu_list ul li .slide_con p a { font-size: 13px; color: rgb(102, 102, 102); display: block; border-left: 0px; }
.page_menu .menu_list ul li.first .slide_con p a { padding-right: 0px; }
.page_menu .menu_list ul li .slide_con p a:hover { color: rgb(237, 114, 57); }
.page_menu .menu_location { float: right; padding: 15px 0px; }
.page_menu .menu_location a { font-size: 14px; color: rgb(41, 41, 41); padding: 0px 16px 0px 0px; background: url("../img/icon_01.png") right center no-repeat; }
.page_menu .menu_location span { font-size: 14px; color: rgb(237, 114, 57); }
.about { padding-bottom: 0px; }
.about01 .content { padding-top: 58px; }
.about01 .content li { position: relative; margin-bottom: 53px; }
.about01 .content li a { display: block; }
.about01 .content li::after { content: ""; width: 1px; height: 219px; background: rgb(244, 244, 244); position: absolute; right: 0px; top: 0px; }
.about01 .content .icon { transition: all 0.3s ease 0s; width: 120px; height: 120px; display: block; margin: 0px auto 22px; background: rgb(246, 246, 246); line-height: 120px; text-align: center; color: rgb(237, 114, 57); border-radius: 50%; }
.about01 .content .icon i { font-size: 52px; transition: all 0.3s ease 0s; }
.about01 .content .tit { color: rgb(234, 86, 19); text-align: center; font-size: 18px; margin: 15px 0px; }
.about01 .content .number { font-size: 20px; color: rgb(234, 86, 19); font-family: Arial; font-weight: bold; }
.about01 .content .txt { font-size: 14px; color: rgb(110, 110, 110); margin-top: 7px; padding: 0px 15%; height: 44px; overflow: hidden; }
.about01 .content li:hover .icon { background: rgb(237, 114, 57); }
.about01 .content li:hover .icon i { font-size: 60px; color: rgb(255, 255, 255); }
.about02 { padding: 42px 0px 70px; }
.about02 .wrap { width: 1200px; }
.about02 .infor .tit { font-size: 30px; }
.about02 { padding: 42px 0px 107px; background: rgb(247, 247, 247); }
.about02 .rect-153 { padding-bottom: 153%; }
.about02 .infor { text-align: center; margin-bottom: 43px; }
.about02 .infor .tit { font-size: 34px; color: rgb(84, 80, 79); margin-bottom: 11px; }
.about02 .infor .con { font-size: 14px; color: rgb(100, 100, 100); line-height: 24px; }
.about02 .content > .row > .span-6 { width: 47%; overflow: hidden; }
.about02 .content > .row > [class*="span-"] { margin-right: 1%; }
.about02 li .li_box { display: block; position: relative; margin-bottom: 20px; }
.about02 li .li_box .icon { width: 111px; height: 83px; background: url("../img/about.png") no-repeat; display: block; margin: 0px auto; }
.about02 li .li_box .icon01 { background-position: 0px 0px; }
.about02 li .li_box .icon02 { background-position: -111px 0px; }
.about02 li .li_box .icon03 { background-position: -222px 0px; }
.about02 li .li_box .t { font-size: 28px; color: rgb(255, 255, 255); font-weight: bold; text-align: center; margin-top: 25px; }
.about02 li .li_box .cover { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(237, 114, 57); opacity: 0; }
.about02 li .li_box:hover .cover { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.8; background-color: rgb(237, 114, 57); }
.about02 li .li_box .add { transition: all 0.3s ease 0s; position: absolute; left: 50%; margin-left: -56px; opacity: 1; visibility: visible; z-index: 2; line-height: 1; text-align: center; bottom: 60px; }
.about02 li .li_box .add i { font-size: 90px; color: rgb(255, 255, 255); }
.about02 li .li_box:hover .add { transform: scale(1.1); }
.about02 .mengban { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0px; bottom: 0px; z-index: 1; }
.pic-4model .rect-4772 { padding-bottom: 47.72%; }
.pic-4model .content { margin-top: 60px; }
.pic-4model .content .item { width: 49%; float: left; margin-bottom: 2%; }
.pic-4model .content .item.odd { margin-right: 1%; }
.pic-4model .content .item.even { margin-left: 1%; }
.pic-4model .content .item .title { font-size: 20px; color: rgb(255, 255, 255); position: absolute; left: 8%; bottom: 13%; transition: all 0.3s ease 0s; }
.pic-4model .content .item .cover { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(234, 86, 19, 0.8); opacity: 0; visibility: hidden; }
.pic-4model .content .item .cover_box { padding: 70px 50px; line-height: 26px; color: rgb(255, 255, 255); }
.pic-4model .content .item .cover_box .tit { font-size: 20px; margin-bottom: 20px; }
.pic-4model .content .item .cover_box .con { font-size: 14px; height: 104px; overflow: hidden; }
.pic-4model .content .item:hover .cover { opacity: 1; visibility: visible; }
.pic-4model .content .item:hover .title { opacity: 0; visibility: hidden; }
.pic-tabs .tab-hd { text-align: center; margin-bottom: 50px; }
.pic-tabs .tab-hd a { font-size: 18px; color: rgb(237, 114, 57); border: 1px solid rgb(237, 114, 57); padding: 10px 30px; margin: 0px 15px; border-radius: 100px; display: inline-block; }
.pic-tabs .tab-hd a.active, .pic-tabs .tab-hd a:hover { background: rgb(237, 114, 57); color: rgb(255, 255, 255); }
.pd50-100 { padding-top: 50px; padding-bottom: 100px; }
.bg-gray { background: rgb(246, 246, 246); }
.pic-tabs .tabs-bd .content { overflow: hidden; margin-left: -30px; display: none; }
.pic-tabs .tabs-bd .content.active { display: block; }
.pic-tabs .tabs-bd .content .img { width: 380px; float: left; margin-left: 30px; margin-bottom: 30px; }
.pic-tabs .tabs-bd .content .img a { display: block; padding: 10px; border: 1px solid rgb(238, 238, 238); }
.pic-tabs .tabs-bd .content .img img { width: 100%; }
.pic-tabs .tabs-bd .content .img p { text-align: center; margin-top: 15px; font-size: 16px; }
.rect-46 { padding-bottom: 46%; }
.cn_value .value_slide { margin-top: 31px; margin-bottom: 15px; }
.cn_value .value_slide .item { position: relative; padding-bottom: 30px; cursor: pointer; }
.cn_value .value_slide .item .font_box { position: absolute; right: 0px; bottom: 0px; padding: 40px 60px; background: rgb(234, 234, 234); width: 300px; }
.cn_value .value_slide .item .font_box .t { font-size: 22px; color: rgb(0, 0, 0); text-align: right; }
.cn_value .value_slide .item .font_box .p { font-size: 14px; color: rgb(96, 96, 96); overflow: hidden; padding-bottom: 20px; line-height: 1.8; }
.cn_value .value_slide ._img { width: 73%; }
.cn_value .value_slide .owl-nav { position: absolute; bottom: 30px; left: 51.65%; }
.cn_value .value_slide .owl-nav [class^="owl-"] { display: inline-block; width: 55px; height: 50px; text-align: center; line-height: 50px; background: rgb(183, 183, 183); color: rgb(255, 255, 255); transition: all 0.5s ease 0s; }
.cn_value .value_slide .owl-nav [class^="owl-"]:hover { background: rgb(234, 86, 19); }
.cn-content { padding-bottom: 0px; padding-top: 70px; }
.cn-con { padding-bottom: 80px; }
.cn-con .content { margin-top: 60px; }
.cn-con .content li { background: rgb(248, 248, 248); margin-bottom: 50px; }
.cn-con .content li.last { margin-bottom: 0px; }
.cn-con .content li .left { width: 60%; }
.cn-con .content li .right { width: 40%; }
.cn-con .content li .left .left_box {padding: 5% 9% 0% 10%;text-align: justify;}
.cn-con .content li .left .left_box .tit { font-size: 26px; color: rgb(237, 114, 57); margin-bottom: 15px; }
.cn-con .content li .left .left_box .con {font-size: 14px;color: rgb(101, 100, 100);line-height: 26px;height: 150px;overflow: hidden;}
.cn_value .part_ul { background: url("../img/ab2bg1.jpg") center center no-repeat; width: 100%; padding-top: 47px; padding-bottom: 80px; margin-top: 60px; }
.common-infor.black .common-tit { color: rgb(51, 51, 51); }
.common-infor.black .common-line { background: rgb(51, 51, 51); }
.cn_value .part_ul .common-title { padding-bottom: 70px; color: rgb(255, 255, 255); padding-top: 10px; }
.cn_value .part_ul .part_content li { width: 25%; float: left; color: rgb(255, 255, 255); transition: background 0.5s ease 0s; }
.cn_value .part_ul .part_content li:hover { background: rgba(234, 86, 19, 0.73); }
.cn_value .part_ul .part_content li.li4 .box { border-right: none; }
.cn_value .part_ul .part_content li .box { padding: 30px 34px 0px; line-height: 1; border-right: 1px solid rgba(255, 255, 255, 0.4); }
.cn_value .part_ul .part_content .box .ion { display: block; margin-bottom: 15px; font-size: 40px; }
.cn_value .part_ul .part_content .box h3 { font-weight: normal; font-size: 18px; line-height: 1.8; height: 60px; }
.cn_value .part_ul .part_content .box .span_lin { width: 33px; height: 1px; display: block; background: rgb(255, 255, 255); opacity: 0.6; margin: 15px 0px; }
.cn_value .part_ul .part_content .box .p { font-size: 14px; line-height: 1.6; height: 260px; overflow: hidden; }
.history-content { padding-bottom: 100px; }
.rect-55 { padding-bottom: 55%; }
.rect-65 { padding-bottom: 65%; }
.history .tab_t_h { height: 88px; overflow: hidden; }
.history .tab_h { width: 100%; left: 0px; top: 0px; background: rgb(255, 255, 255); height: 88px; z-index: 45; }
.history .tab_h li { width: 33.3%; font-size: 24px; color: rgb(102, 102, 102); text-align: center; border-bottom: 2px solid rgb(102, 102, 102); float: left; cursor: pointer; height: 86px; line-height: 86px; }
.history .tab_h li.cur { border-bottom: 2px solid rgb(234, 86, 19); color: rgb(234, 86, 19); }
.history .tab_h li:hover { color: rgb(234, 86, 19); }
.history .tab_c { overflow: hidden; }
.history .tab_c .ul_box .li_t { float: left; width: 50%; position: relative; }
.history .tab_c .ul_box .li_c { float: right; width: 50%; position: relative; box-sizing: border-box; }
.history .tab_c .ul_box .li_c .tab_linear { position: absolute; left: -1px; top: 0px; height: 0px; background: rgb(234, 86, 19); width: 1px; transition: height 0.5s ease 0s; }
.history .tab_c .ul_box .ul_data { padding-left: 13%; padding-right: 34%; }
.history .tab_c .ul_box .ul_data li { padding-top: 70px; position: relative; }
.history .tab_c .ul_box .ul_data li::after { content: ""; position: absolute; left: -80px; height: 100%; width: 1px; background: rgb(229, 229, 229); top: -80%; }
.history .tab_c .ul_box .ul_data li .h4 { font-size: 24px; color: rgb(51, 51, 51); font-family: Arial; position: relative; line-height: 1; margin-bottom: 3%; }
.history .tab_c .ul_box .ul_data li .p { font-size: 14px; color: rgb(128, 128, 128); padding-bottom: 7%; }
.history .tab_c .ul_box .ul_data li .h4::after, .history .tab_c .ul_box .ul_data li .h4::before { content: ""; position: absolute; left: -69px; top: 50%; height: 1px; width: 50px; background: rgb(229, 229, 229); z-index: 3; }
.history .tab_c .ul_box .ul_data li .h4::before { left: -69px; width: 0px; background: rgb(234, 86, 19); z-index: 4; }
.history .tab_c .ul_box .ul_data li .h4 .circle { width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 50%; left: -90px; margin-top: -10px; z-index: 5; }
.history .tab_c .ul_box .ul_data li .h4 .circle::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: scale(0); border: 1px solid rgb(234, 86, 19); transition: transform 0.5s ease 0s; border-radius: 50%; }
.history .tab_c .ul_box .ul_data li .h4 .circle::after { content: ""; width: 2px; height: 2px; position: absolute; top: 50%; left: 50%; margin-top: -1px; border-radius: 50%; background: rgb(51, 51, 51); }
.history .tab_c .ul_box .ul_data li.cur .h4 .circle::before { transform: scale(1); background: rgb(255, 255, 255); }
.history .tab_c .ul_box .ul_data li.cur .h4 .circle::after { background: rgb(234, 86, 19); }
.history .tab_c .ul_box .ul_data li.cur .h4::before { width: 50px; }
.history .tab_c .ul_box .li_t .tit_right li { display: none; }
.history .tab_c .ul_box .li_t .tit_right li.normal, .history .tab_c .ul_box .li_t .tit_right li.fixed { display: block; width: 375px; right: 50%; margin-right: 100px; padding-left: 125px; text-align: right; padding-top: 70px; }
.history .tab_c .ul_box .li_t .tit_right li.fixed { display: block; position: fixed; }
.history .tab_c .ul_box .li_t .tit_right li .tit, .history .tab_c .ul_box .ul_data .mobile_show .tit { font-size: 30px; font-weight: bold; color: rgb(51, 51, 51); line-height: 1; padding-bottom: 15px; }
.history .tab_c .ul_box .li_t .tit_right li .p, .history .tab_c .ul_box .ul_data .mobile_show .p { font-size: 14px; color: rgb(51, 51, 51); padding-bottom: 20px; }
.history .tab_c .ul_box .ul_data .mobile_show { display: none; }
.history .li_c .rect-65 { padding-bottom: 56%; }
.news { padding: 70px 0px 50px; }
.news_view { width: 100%; height: 380px; border: 1px solid rgb(233, 236, 239); margin-bottom: 80px; margin-top: 40px; }
.news_view .news_left { width: 50%; height: 100%; border-right: 1px solid rgb(233, 236, 239); float: left; box-sizing: border-box; position: relative; }
.news_view .news_left .pic, .news_view .news_left .pic img { width: 100%; height: 450px; transition: all 0.6s ease 0s; }
.news_view .news_left:hover .pic img { transform: scale(1.05); }
.news_view .news_left .pic { position: relative; }
.news_view .news_left .pic > div { width: 100%; overflow: hidden; }
.news_view .news_left .font { padding: 10px 20px; position: absolute; bottom: 0px; width: 100%; background: rgba(0, 0, 0, 0.3); box-sizing: border-box; }
.news_view .news_left .font p.title { font-size: 17px; line-height: 40px; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(41, 41, 41); }
.news_view .news_left .font p.title a { color: rgb(255, 255, 255); }
.news_view .news_right { width: 50%; float: left; }
.news_view .news_right ul { padding: 0px 30px; }
.news_view .news_right ul li { padding: 30px 0px; border-bottom: 1px solid rgb(233, 236, 239); position: relative; }
.news_view .news_right ul li:last-child { border-bottom: 0px; }
.news_view .news_right ul li::after, .news_view .news_right ul li::before { display: block; height: 0px; content: ""; visibility: hidden; clear: both; }
.news_view .news_right ul li p.title { display: block; width: 80%; line-height: 30px; margin-bottom: 10px; overflow: hidden; height: 30px; }
.news_view .news_right ul li p.title a { font-size: 17px; color: rgb(41, 41, 41); display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; }
.news_view .news_right ul li p.summary { color: rgb(175, 175, 175); height: 24px; overflow: hidden; font-size: 14px; }
.news_view .news_right ul li p.time { color: rgb(153, 153, 153); font-size: 12px; border-radius: 4px; position: absolute; top: 36px; right: 0px; }
.news_view .news_right ul li:hover p.title a { color: rgb(237, 114, 57); }
.news_view .news_right ul li.active p.title a { color: rgb(237, 114, 57); }
.news_lists { margin-top: 42px; min-height: 300px; border-top: 1px solid rgb(222, 222, 222); }
.news_lists .year { border-top: 2px solid rgb(81, 85, 94); position: relative; }
.news_lists .year .latest_year { font-size: 18px; color: rgb(31, 31, 31); background: rgb(247, 247, 248); padding-left: 20px; line-height: 54px; position: relative; border-bottom: 1px solid rgb(224, 225, 226); cursor: pointer; }
.news_lists .year ul { width: 100%; background: rgb(247, 247, 248); position: absolute; left: 0px; top: 100%; display: none; z-index: 5; }
.news_lists .year ul li a { display: block; padding: 3px 20px; }
.news_lists .content li { border-bottom: 1px solid rgb(224, 225, 226); }
.news_lists .content li a { display: block; padding: 30px 24px 30px 20px; }
.news_lists .content li .date { float: left; width: 6.5%; padding: 6px 0px 19px; color: rgb(139, 139, 139); font-family: Arial; position: relative; line-height: 22px; }
.news_lists .content li .date .d { font-size: 17px; }
.news_lists .content li .date .y { font-size: 13px; }
.news_lists .content li .date::after { content: ""; width: 1px; height: 69px; background: rgb(215, 215, 215); position: absolute; top: 0px; right: 0px; }
.news_lists .content li .infor { float: left; width: 88%; padding: 5px 0px 4px; }
.news_lists .content li .infor .tit { font-size: 17px; color: rgb(31, 31, 31); line-height: 24px; padding-left: 25px; margin-bottom: 11px; }
.news_lists .content li .infor .con { font-size: 14px; color: rgb(175, 175, 175); line-height: 24px; padding-left: 25px; }
.news_lists .content li .icon { width: 38px; height: 50px; background: url("../img/ljx/news_list03.png") no-repeat; float: right; margin-top: 12px; }
.news_lists .content li:hover .infor .tit { color: rgb(237, 114, 57); }
.page_button { width: 100%; text-align: center; margin-top: 40px; }
.page_button .yiiPager { border-top: 0px; margin-bottom: 80px; }
.page_button .yiiPager li { display: inline; background: none; font-size: 16px; border: 1px solid rgb(227, 227, 227); margin: 0px 6px; padding: 0px; }
.page_button .yiiPager li a { color: rgb(51, 51, 51); padding: 6px 10px; display: inline-block; }
.yiiPager li:hover, .yiiPager .page.selected { border-color: rgb(51, 51, 51); background: rgb(51, 51, 51); }
.yiiPager li:hover a, .yiiPager .page.selected a { color: rgb(255, 255, 255); }
.news_view .swiper-pagination { text-align: right; bottom: 15px; right: 15px; left: inherit; width: auto; }
.news_view .swiper-pagination-bullet { height: 12px; width: 12px; border: 2px solid rgb(255, 255, 255); box-sizing: inherit; }
.news_view .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.8); }
.news_read { margin-bottom: 80px; }
.news_read .title { padding-bottom: 16px; border-bottom: 2px solid rgb(233, 236, 239); }
.news_read .title h1 { font-size: 27px; color: rgb(41, 41, 41); font-weight: bold; text-align: center; }
.news_read .read_container { margin-top: 40px; }
.news_read .read_container p { font-size: 16px; color: rgb(51, 51, 51); line-height: 2em; text-indent: 2em; font-family: -apple-system, "microsoft yahei", SimHei, sourcehansans, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: justify; }
.news_read .read_container p img { max-width: 460px; height: auto; display: block; margin: 10px auto; }
.news_read .read_container.img800 p img { max-width: 800px; }
.news_read .links { margin-top: 80px; }
.news_read .links a { display: block; margin: 12px 0px; font-size: 16px; color: rgb(102, 102, 102); }
.news_read .links a:hover { color: rgb(237, 114, 57); }
.news-wrap { position: relative; }
.news-left { padding-right: 400px; min-height: 1240px; }
.news-right { position: absolute; right: 0px; top: 0px; width: 340px; }
.news-right .box { padding: 30px 30px 20px; margin-bottom: 40px; background: rgb(248, 248, 248); }
.news-right .box .tit { font-size: 20px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid rgb(237, 114, 57); width: 85px; }
.news-right .box ul { }
.news-right .box ul li { line-height: 1.8; position: relative; margin-bottom: 8px; padding-left: 10px; }
.news-right .box ul li::before { content: ""; width: 4px; height: 4px; position: absolute; top: 12px; left: 0px; background: rgb(195, 195, 195); }
.news-right .box ul a { color: rgb(85, 85, 85); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: break-word; font-size: 15px; }
.news-right .box ul li:hover a { color: rgb(237, 114, 57); }
.read-news-date { padding-top: 1em; font-size: 12px; line-height: 20px; color: rgb(153, 153, 153); text-align: center; }
.contact_us_main { margin-bottom: 80px; }
.contact_us_main .content { box-sizing: border-box; padding: 60px 0px; font-size: 0px; margin-top: 40px; background: rgb(246, 246, 246); }
.contact_us_main .content .item { display: inline-block; vertical-align: top; width: 33.3333%; font-size: 16px; color: rgb(41, 41, 41); box-sizing: border-box; padding: 0px 80px; position: relative; }
.contact_us_main .content .item h2 { font-size: 20px; color: rgb(237, 114, 57); padding-bottom: 10px; font-weight: 500; }
.contact_us_main .content .item::before { }
.contact_us_main .content .item .item-text { padding-top: 10px; }
.contact_us_main .content .item .item-text li, .contact_us_main .content .item .item-text p { padding: 5px 0px; }
.contact_us_main .content .item::after { display: block; content: ""; width: 1px; height: 180px; background-color: rgb(235, 235, 235); position: absolute; right: 0px; top: 0px; }
.contact_us_main .content .item.last::after { display: none; content: ""; }
.works-con .content li .left .left_box .con { height: auto; }
.works-con .more-btn { text-align: center; width: 100px; line-height: 36px; background: rgb(237, 114, 57); display: block; color: rgb(255, 255, 255); margin-top: 30px; }
.works-con .content li .left .left_box .tit { font-size: 24px; color: rgb(0, 0, 0); line-height: 1.4; }
.works01 .content .txt { text-align: left; height: auto; line-height: 2; }
.works01 .content li.nobor::after { background: none; }
.recruit_list { position: absolute; top: 0px; right: 0px; }
.recruit_list a { display: inline-block; width: 142px; height: 48px; line-height: 48px; text-align: center; border: 1px solid rgb(227, 227, 227); margin-left: 30px; color: rgb(51, 51, 51); font-size: 16px; }
.recruit_list a:hover, .recruit_list .active { background: rgb(237, 114, 57); border-color: rgb(237, 114, 57); color: rgb(255, 255, 255); }
.recruit_container { margin-top: 60px; margin-bottom: 100px; }
.recruit_container ul, .recruit_container ul li { width: 100%; }
.recruit_container ul { border-top: 1px solid rgb(227, 227, 227); }
.recruit_container ul li { padding: 25px 0px; background: url("../img/icon_11.png") right 30px no-repeat; border-bottom: 1px solid rgb(227, 227, 227); }
.recruit_container ul li.active { background: url("../img/icon_12.png") right 30px no-repeat; }
.recruit_container ul li div.clearfix { width: 100%; cursor: pointer; }
.recruit_container ul li div.clearfix p { display: inline-block; width: 32%; float: left; font-size: 15px; color: rgb(51, 51, 51); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recruit_container ul li div.clearfix p.position { padding-left: 20px; background: url("../img/icon_13.png") 6px center no-repeat; }
.recruit_container ul li div.slide { padding: 28px; display: none; }
.recruit_container ul li div.slide p { font-size: 15px; line-height: 30px; color: rgb(51, 51, 51); }
.recruit_container ul li div.slide p a { color: rgb(51, 51, 51); }
.recruit_container ul li div.slide .go_form { width: 190px; height: 60px; line-height: 60px; background: rgb(237, 114, 57); font-size: 16px; text-align: center; margin-top: 20px; }
.recruit_container ul li div.slide .go_form a { color: rgb(255, 255, 255); display: block; }
.route { margin: 0px 0px 100px; }
.route .route_summary { margin: 40px 0px; font-size: 16px; color: rgb(41, 41, 41); line-height: 26px; }
.route .starting { width: 885px; height: 452px; background: url("../img/occupation_bg.png") center top no-repeat; position: relative; margin: auto; }
.route .starting .starting_list { position: absolute; width: 434px; }
.route .starting .starting_list .pic { width: 100px; height: 100px; line-height: 100px; text-align: center; border-radius: 50%; border: 17px solid rgb(150, 150, 150); cursor: pointer; }
.route .starting .starting_list .font { width: 270px; font-size: 16px; line-height: 24px; color: rgb(51, 51, 51); padding-top: 30px; display: none; }
.route .starting .starting_list .pic img { display: inline-block; width: 60px; vertical-align: middle; }
.route .starting .starting_list .pic .pic_2 { display: none; }
.route .starting .starting_list:hover .pic { border-color: rgb(237, 114, 57); }
.route .starting .starting_list:hover .pic .pic_1 { display: none; }
.route .starting .starting_list:hover .pic .pic_2 { display: inline-block; }
.route .starting .starting_list:hover .font { display: block; }
.route .starting .starting_list.starting_01 { top: 23px; right: 738px; }
.route .starting .starting_list.starting_01 .pic { float: right; }
.route .starting .starting_list.starting_01 .font { float: right; margin-right: 30px; }
.route .starting .starting_list.starting_02 { top: 21px; left: 737px; }
.route .starting .starting_list.starting_02 .pic { float: left; }
.route .starting .starting_list.starting_02 .font { float: left; margin-left: 30px; }
.route .starting .starting_list.starting_03 { top: 293px; right: 732px; }
.route .starting .starting_list.starting_03 .pic { float: right; }
.route .starting .starting_list.starting_03 .font { float: right; margin-right: 30px; }
.route .starting .starting_list.starting_04 { top: 293px; left: 737px; }
.route .starting .starting_list.starting_04 .pic { float: left; }
.route .starting .starting_list.starting_04 .font { float: left; margin-left: 30px; }
.work-in-detail .pic { text-align: center; }
.work-in-detail .pic img { display: inline-block; max-width: 600px; height: auto; }
.work-in-detail .title { text-align: center; color: rgb(237, 114, 57); font-size: 22px; text-decoration: none; line-height: 48px; }
.work-in-detail .title h1 { font-weight: 500; font-size: 24px; }
.work-in-detail-body { margin: 40px 0px; font-size: 16px; color: rgb(102, 102, 102); line-height: 1.8em; }
.zeren01 { padding: 37px 0px; background: 0% 0% / cover rgb(246, 246, 246); overflow: hidden; }
.zeren01 ul { padding: 0px; }
.zeren01 li { border-bottom: 1px dotted rgb(93, 93, 93); }
.zeren01 li.last { border-bottom: none; }
.zeren01 li:last-child { border-bottom: none; }
.zeren01 li .li_box { padding: 50px 0px 42px; }
.zeren01 li .li_box .tit { font-size: 24px; color: rgb(234, 86, 19); line-height: 1; margin-bottom: 27px; }
.zeren01 li .li_box .con { font-size: 14px; color: rgb(115, 115, 115); line-height: 30px; }
.HSE { padding-bottom: 0px; }
.HSE01 .small_title { font-size: 20px; color: rgb(77, 77, 77); }
.HSE01 .content { margin-top: 50px; }
.HSE01 .content .item { width: 49%; float: left; margin-right: 1%; }
.HSE01 .content .item .img_ { width: 38%; margin-right: 2.5%; position: relative; cursor: pointer; border: 1px solid rgb(234, 86, 19); }
.HSE01 .content .item .img_ i { position: absolute; font-size: 20px; right: 5px; bottom: 5px; padding: 0px; margin: 0px; }
.HSE01 .content .item .infor { width: 59%; float: left; }
.HSE01 .content .item .infor .tit { font-size: 18px; color: rgb(234, 86, 19); line-height: 1; margin-bottom: 8px; }
.HSE01 .content .item .infor .con { font-size: 14px; color: rgb(77, 77, 77); line-height: 26px; height: 280px; overflow: hidden; position: relative; padding-right: 3%; }
.HSE01 .content .item .infor .con li { padding: 0px 20px; line-height: 36px; position: relative; }
.HSE01 .content .item .infor .con li::after { content: ""; width: 6px; height: 6px; background: rgb(234, 86, 19); position: absolute; top: 0px; left: 0px; margin: 15px 0px 0px 5px; border-radius: 10px; }
.HSE01 .content .item .infor .con.scrollbar-ui .scroll_slider { height: 43px; background: rgb(234, 86, 19); left: -3px; width: 7px !important; }
.HSE01 .content .item .infor .con.scrollbar-ui .scroll_bar { right: 3px !important; }
.HSE01 .content .box_bigimg { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); display: none; z-index: 100; }
.HSE01 .content .box_bigimg .box_body { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 450px; height: 600px; position: absolute; }
.HSE01 .content .box_bigimg .box_body .img_close { width: 30px; height: 30px; border-radius: 50%; font-size: 16px; background: rgb(237, 114, 57); color: rgb(255, 255, 255); text-align: center; position: absolute; right: -10px; top: -10px; cursor: pointer; }
.HSE01 .content .item .img_ img { width: 100%; }
.HSE02 { background: rgb(242, 242, 242); padding: 50px 0px; margin-top: 0px; }
.HSE02 .content { margin-top: 44px; }
.HSE02 .left { width: 62%; float: left; }
.HSE02 .left .l_box { padding-left: 18%; }
.HSE02 .left .l_box .tit { font-size: 24px; line-height: 46px; color: rgb(234, 86, 19); margin-top: 35px; }
.HSE02 .left .l_box li { line-height: 30px; font-size: 14px; color: rgb(77, 77, 77); }
.HSE03 { margin: 100px 0px; }
.HSE03 .content { margin-top: 44px; }
.HSE03 .content .img_ { width: 25%; }
.HSE03 .content .box_bigimg { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); display: none; z-index: 20; }
.HSE03 .content .box_bigimg .box_body { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 450px; height: 600px; position: absolute; }
.HSE03 .content .box_bigimg .box_body .img_close { width: 30px; height: 30px; border-radius: 50%; font-size: 16px; background: rgb(237, 114, 57); color: rgb(255, 255, 255); text-align: center; position: absolute; right: -10px; top: -10px; cursor: pointer; }
.HSE03 .content .item .img_ img { width: 100%; }
.HSE04 { background: rgb(242, 242, 242); padding: 73px 0px; }
.HSE04 .content .item .tit { font-size: 24px; color: rgb(234, 86, 19); line-height: 58px; text-align: center; margin-top: 63px; margin-bottom: 25px; }
.HSE04 .content .item li { width: 14%; float: left; text-align: center; }
.HSE04 .content .item.item02 li { width: 12.5%; }
.HSE04 .content .item li .txt { padding: 17px 8% 25px; line-height: 20px; }
.HSE04 .content .item.item02 li .txt { padding: 17px 10% 25px; }
.HSE04 .content .item01 li .icon { display: block; width: 90px; height: 90px; background: url("../img/HSE05.png") no-repeat; margin: 0px auto; }
.HSE04 .content .item01 li.li01 .icon { background-position: 0px 0px; }
.HSE04 .content .item01 li.li02 .icon { background-position: -90px 0px; }
.HSE04 .content .item01 li.li03 .icon { background-position: -180px 0px; }
.HSE04 .content .item01 li.li04 .icon { background-position: -270px 0px; }
.HSE04 .content .item01 li.li05 .icon { background-position: -360px 0px; }
.HSE04 .content .item01 li.li06 .icon { background-position: -450px 0px; }
.HSE04 .content .item01 li.li07 .icon { background-position: -540px 0px; }
.HSE04 .content .item02 li .icon { display: block; width: 90px; height: 90px; background: url("../img/HSE06.png") no-repeat; margin: 0px auto; }
.HSE04 .content .item02 li.li01 .icon { background-position: 0px 0px; }
.HSE04 .content .item02 li.li02 .icon { background-position: -90px 0px; }
.HSE04 .content .item02 li.li03 .icon { background-position: -180px 0px; }
.HSE04 .content .item02 li.li04 .icon { background-position: -270px 0px; }
.HSE04 .content .item02 li.li05 .icon { background-position: -360px 0px; }
.HSE04 .content .item02 li.li06 .icon { background-position: -450px 0px; }
.HSE04 .content .item02 li.li07 .icon { background-position: -540px 0px; }
.HSE04 .content .item02 li.li08 .icon { background-position: -630px 0px; }
.video_cen .rect-75 { padding-bottom: 55%; }
.video_cen .common-infor .common-tit { line-height: 1; }
.video_cen .video_list { padding-top: 0px; }
.video_cen .video_list .box li { width: 31%; float: left; margin-right: 3.5%; cursor: pointer; padding-bottom: 30px; }
.video_cen .video_list .box li.end { margin-right: 0px; }
.video_cen .video_list .box li .video_paly { width: 53px; height: 53px; position: absolute; top: 50%; margin-top: -26px; left: 50%; margin-left: -26px; z-index: 3; background: url("../img/video_normal.png") no-repeat; }
.video_cen .video_list .box li:hover .video_paly { background: url("../img/video_active.png") no-repeat; }
.video_cen .video_list .box li .tit { font-size: 17px; color: rgb(60, 60, 60); line-height: 24px; padding-top: 4%; height: 48px; overflow: hidden; }
.case { padding-bottom: 0px; }
.case01 .rect-5755 { padding-bottom: 57.55%; }
.case01 .rect-72 { padding-bottom: 72%; }
.case01 .title { font-size: 30px; color: rgb(0, 0, 0); line-height: 1; text-align: center; }
.case01 ul { margin-top: 55px; }
.case01 ul li { border: none; background: rgb(248, 248, 248); margin-bottom: 64px; }
.case01 ul li .left { width: 50%; float: left; }
.case01 ul li .right { width: 50%; float: right; }
.case01 ul li.even .left { float: right; }
.case01 ul li.even .right { float: left; }
.case01 ul li .left .l_box {padding: 40px;}
.case01 ul li .left .l_box .tit { font-size: 26px; color: rgb(0, 0, 0); line-height: 28px; position: relative; padding-bottom: 14px; margin-bottom: 20px; }
.case01 ul li .left .l_box .con {font-size: 14px;color: rgb(0, 0, 0);line-height: 28px;height: 188px;overflow-y: auto;}
.case01 ul li .left .l_box .con.d { height: 268px; }
.case01 ul li .left .l_box .tit::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 50px; background: rgb(199, 199, 199); height: 1px; }