@charset "utf-8";
/*normalize*/
html { line-height: 1.15; -webkit-text-size-adjust: 100% }
body { margin: 0 }
main { display: block }
h1 { font-size: 2em; margin: 0.67em 0 }
hr { box-sizing: content-box; height: 0; overflow: visible }
pre { font-family: monospace, monospace; font-size: 1em }
.rel { position: relative; }
a { background-color: transparent }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }
b, strong { font-weight: bolder }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -0.25em }
sup { top: -0.5em }
img { border-style: none }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 }
button, input { overflow: visible }
button, select { text-transform: none }
 button, [type="button"], [type="reset"], [type="submit"] {
 -webkit-appearance: button
}
 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
 border-style: none;
 padding: 0
}
 button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
 outline: 1px dotted ButtonText
}
fieldset { padding: 0.35em 0.75em 0.625em }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { vertical-align: baseline }
textarea { overflow: auto }
 [type="checkbox"], [type="radio"] {
 box-sizing: border-box;
 padding: 0
}
 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
 height: auto
}
 [type="search"] {
 -webkit-appearance: textfield;
 outline-offset: -2px
}
 [type="search"]::-webkit-search-decoration {
 -webkit-appearance: none
}

::-webkit-file-upload-button {
 -webkit-appearance: button;
 font: inherit
}
details { display: block }
summary { display: list-item }
template { display: none }
 [hidden] {
 display: none
}

/*reset*/
@charset "utf-8";
body { min-width: 1200px; background-color: #fff; }
body, body * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img, figure, figcaption { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif; color: #333; }
form { display: block; }
em { font-style: normal; }
ul, ol, li { list-style: none; }
a { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; color: inherit; }
img { border: 0px; }
table { border-collapse: collapse; border-spacing: 0; }
.al { float: left; }
.ar { float: right; text-align: right; }
.ac { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.clear, .cb { clear: both; text-indent: -9999px; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #222; font-weight: normal;  }
* html .clf { height: 1%; }
.clf, .clearfix { display: block; }
.clf:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
.clear { clear: both; text-indent: -9999px }
.clearfix:before, .clearfix:after { content: " "; display: table }
.clearfix:after { clear: both }
.container { max-width: 100%; margin-left: auto; margin-right: auto; }
/*custom*/
a:hover { text-decoration: none; }
a.link:hover { opacity: .8; }
hr { height: 1px; border: 0; background-color: #ddd; margin: 15px 0; }
hr.hr-dashed { height: 0px; border-bottom: 1px dashed #ccc; background-color: transparent; margin: 15px 0; }
.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.opc-0 { opacity: 0; filter: opacity(0); }
.opc-2 { opacity: 0.2; filter: opacity(20); }
.opc-4 { opacity: 0.4; filter: opacity(40); }
.opc-6 { opacity: 0.6; filter: opacity(60); }
.opc-8 { opacity: 0.8; filter: opacity(80); }
.trans-2 { -webkit-transition: .2s all; transition: .2s all; }
.trans-3 { -webkit-transition: .3s all; transition: .3s all; }
.trans-5 { -webkit-transition: .5s all; transition: .5s all; }
.rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.rotate-360 { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
ul { padding-left: 0 }
.list-style li { list-style: none; position: relative; }
.list-style-line li, .list-style-square li, .list-style-disc li, .list-style-circle li { padding-left: 20px; }
.list-style-line li:before, .list-style-square li:before, .list-style-disc li:before, .list-style-circle li:before { content: ''; position: absolute; top: 50%; left: 0; width: 10px; height: 10px; background-color: #555; }
.list-style-line li:before { width: 10px; height: 1px; }
.list-style-square li:before { width: 10px; height: 10px; margin-top: -5px; }
.list-style-disc li:before { width: 10px; height: 10px; margin-top: -5px; border-radius: 100%; }
.list-style-circle li:before { width: 10px; height: 10px; margin-top: -5px; background-color: transparent; border: 1px solid #555; border-radius: 100%; }
.list-style.list-style-top li:before { top: 0; margin-top: 0; }
.list-style-primary li:before { background-color: #258af2; }
.list-style-blue li:before { background-color: #0099ff; }
.list-style-indigo li:before { background-color: #6610f2; }
.list-style-purple li:before { background-color: #6f42c1; }
.list-style-pink li:before { background-color: #e83e8c; }
.list-style-red li:before { background-color: #dc3545; }
.list-style-orange li:before { background-color: #fd7e14; }
.list-style-yellow li:before { background-color: #ffc107; }
.list-style-green li:before { background-color: #28a745; }
.list-style-teal li:before { background-color: #20c997; }
.list-style-cyan li:before { background-color: #17a2b8; }
.list-style-white li:before { background-color: #fff; }
.list-style-gray li:before { background-color: #6c757d; }
.list-style-gray-dark li:before { background-color: #343a40; }
.list-style-secondary li:before { background-color: #6c757d; }
.list-style-success li:before { background-color: #28a745; }
.list-style-info li:before { background-color: #17a2b8; }
.list-style-warning li:before { background-color: #ffc107; }
.list-style-danger li:before { background-color: #dc3545; }
.list-style-light li:before { background-color: #f8f9fa; }
.list-style-dark li:before { background-color: #343a40; }
.list-style-circle.list-style-primary li:before { background-color: transparent; border-color: #258af2; }
.list-style-circle.list-style-blue li:before { background-color: transparent; border-color: #0099ff; }
.list-style-circle.list-style-indigo li:before { background-color: transparent; border-color: #6610f2; }
.list-style-circle.list-style-purple li:before { background-color: transparent; border-color: #6f42c1; }
.list-style-circle.list-style-pink li:before { background-color: transparent; border-color: #e83e8c; }
.list-style-circle.list-style-red li:before { background-color: transparent; border-color: #dc3545; }
.list-style-circle.list-style-orange li:before { background-color: transparent; border-color: #fd7e14; }
.list-style-circle.list-style-yellow li:before { background-color: transparent; border-color: #ffc107; }
.list-style-circle.list-style-green li:before { background-color: transparent; border-color: #28a745; }
.list-style-circle.list-style-teal li:before { background-color: transparent; border-color: #20c997; }
.list-style-circle.list-style-cyan li:before { background-color: transparent; border-color: #17a2b8; }
.list-style-circle.list-style-white li:before { background-color: transparent; border-color: #fff; }
.list-style-circle.list-style-gray li:before { background-color: transparent; border-color: #6c757d; }
.list-style-circle.list-style-gray-dark li:before { background-color: transparent; border-color: #343a40; }
.list-style-circle.list-style-secondary li:before { background-color: transparent; border-color: #d7b737; }
.list-style-circle.list-style-success li:before { background-color: transparent; border-color: #28a745; }
.list-style-circle.list-style-info li:before { background-color: transparent; border-color: #17a2b8; }
.list-style-circle.list-style-warning li:before { background-color: transparent; border-color: #ffc107; }
.list-style-circle.list-style-danger li:before { background-color: transparent; border-color: #dc3545; }
.list-style-circle.list-style-light li:before { background-color: transparent; border-color: #f8f9fa; }
.list-style-circle.list-style-dark li:before { background-color: transparent; border-color: #343a40; }
.m-0 { margin: 0 !important }
.mr-3, .mx-3 { margin-right: 3px !important }
.ml-3, .mx-3 { margin-left: 3px !important }
.mt-3, .my-3 { margin-top: 3px !important }
.mb-3, .my-3 { margin-bottom: 3px !important }
.m-3 { margin: 3px !important }
.mr-5, .mx-5 { margin-right: 5px !important }
.ml-5, .mx-5 { margin-left: 5px !important }
.mt-5, .my-5 { margin-top: 5px !important }
.mb-5, .my-5 { margin-bottom: 5px !important }
.m-5 { margin: 5px !important }
.mr-10, .mx-10 { margin-right: 10px !important }
.ml-10, .mx-10 { margin-left: 10px !important }
.mt-10, .my-10 { margin-top: 10px !important }
.mb-10, .my-10 { margin-bottom: 10px !important }
.m-10 { margin: 10px !important }
.mr-15, .mx-15 { margin-right: 15px !important }
.ml-15, .mx-15 { margin-left: 15px !important }
.mt-15, .my-15 { margin-top: 15px !important }
.mb-15, .my-15 { margin-bottom: 15px !important }
.m-15 { margin: 15px !important }
.mr-20, .mx-20 { margin-right: 20px !important }
.ml-20, .mx-20 { margin-left: 20px !important }
.mt-20, .my-20 { margin-top: 20px !important }
.mb-20, .my-20 { margin-bottom: 20px !important }
.m-20 { margin: 20px !important }
.mr-25, .mx-25 { margin-right: 25px !important }
.ml-25, .mx-25 { margin-left: 25px !important }
.mt-25, .my-25 { margin-top: 25px !important }
.mb-25, .my-25 { margin-bottom: 25px !important }
.m-25 { margin: 25px !important }
.mr-30, .mx-30 { margin-right: 30px !important }
.ml-30, .mx-30 { margin-left: 30px !important }
.mt-30, .my-30 { margin-top: 30px !important }
.mb-30, .my-30 { margin-bottom: 30px !important }
.m-30 { margin: 30px !important }
.mr-35, .mx-35 { margin-right: 35px !important }
.ml-35, .mx-35 { margin-left: 35px !important }
.mt-35, .my-35 { margin-top: 35px !important }
.mb-35, .my-35 { margin-bottom: 35px !important }
.m-35 { margin: 35px !important }
.mr-40, .mx-40 { margin-right: 40px !important }
.ml-40, .mx-40 { margin-left: 40px !important }
.mt-40, .my-40 { margin-top: 40px !important }
.mb-40, .my-40 { margin-bottom: 40px !important }
.m-40 { margin: 40px !important }
.mr-45, .mx-45 { margin-right: 45px !important }
.ml-45, .mx-45 { margin-left: 45px !important }
.mt-45, .my-45 { margin-top: 45px !important }
.mb-45, .my-45 { margin-bottom: 45px !important }
.m-45 { margin: 45px !important }
.mr-50, .mx-50 { margin-right: 50px !important }
.ml-50, .mx-50 { margin-left: 50px !important }
.mt-50, .my-50 { margin-top: 50px !important }
.mb-50, .my-50 { margin-bottom: 50px !important }
.m-50 { margin: 50px !important }
.mr-60, .mx-60 { margin-right: 60px !important }
.ml-60, .mx-60 { margin-left: 60px !important }
.mt-60, .my-60 { margin-top: 60px !important }
.mb-60, .my-60 { margin-bottom: 60px !important }
.m-60 { margin: 60px !important }
.mr-70, .mx-70 { margin-right: 70px !important }
.ml-70, .mx-70 { margin-left: 70px !important }
.mt-70, .my-70 { margin-top: 70px !important }
.mb-70, .my-70 { margin-bottom: 70px !important }
.m-70 { margin: 70px !important }
.mr-80, .mx-80 { margin-right: 80px !important }
.ml-80, .mx-80 { margin-left: 80px !important }
.mt-80, .my-80 { margin-top: 80px !important }
.mb-80, .my-80 { margin-bottom: 80px !important }
.m-80 { margin: 80px !important }
.mr-100, .mx-100 { margin-right: 100px !important }
.ml-100, .mx-100 { margin-left: 100px !important }
.mt-100, .my-100 { margin-top: 100px !important }
.mb-100, .my-100 { margin-bottom: 100px !important }
.m-100 { margin: 100px !important }
.mr--30, .mx--30 { margin-right: -30px !important }
.ml--30, .mx--30 { margin-left: -30px !important }
.mt--30, .my--30 { margin-top: -30px !important }
.mb--30, .my--30 { margin-bottom: -30px !important }
.p-0 { padding: 0 !important }
.pr-3, .px-3 { padding-right: 3px !important }
.pl-3, .px-3 { padding-left: 3px !important }
.pt-3, .py-3 { padding-top: 3px !important }
.pb-3, .py-3 { padding-bottom: 3px !important }
.p-3 { padding: 3px !important }
.pr-5, .px-5 { padding-right: 5px !important }
.pl-5, .px-5 { padding-left: 5px !important }
.pt-5, .py-5 { padding-top: 5px !important }
.pb-5, .py-5 { padding-bottom: 5px !important }
.p-5 { padding: 5px !important }
.pr-10, .px-10 { padding-right: 10px !important }
.pl-10, .px-10 { padding-left: 10px !important }
.pt-10, .py-10 { padding-top: 10px !important }
.pb-10, .py-10 { padding-bottom: 10px !important }
.p-10 { padding: 10px !important }
.pr-15, .px-15 { padding-right: 15px !important }
.pl-15, .px-15 { padding-left: 15px !important }
.pt-15, .py-15 { padding-top: 15px !important }
.pb-15, .py-15 { padding-bottom: 15px !important }
.p-15 { padding: 15px !important }
.pr-20, .px-20 { padding-right: 20px !important }
.pl-20, .px-20 { padding-left: 20px !important }
.pt-20, .py-20 { padding-top: 20px !important }
.pb-20, .py-20 { padding-bottom: 20px !important }
.p-20 { padding: 20px !important }
.pr-25, .px-25 { padding-right: 25px !important }
.pl-25, .px-25 { padding-left: 25px !important }
.pt-25, .py-25 { padding-top: 25px !important }
.pb-25, .py-25 { padding-bottom: 25px !important }
.p-25 { padding: 25px !important }
.pr-30, .px-30 { padding-right: 30px !important }
.pl-30, .px-30 { padding-left: 30px !important }
.pt-30, .py-30 { padding-top: 30px !important }
.pb-30, .py-30 { padding-bottom: 30px !important }
.p-30 { padding: 30px !important }
.pr-35, .px-35 { padding-right: 35px !important }
.pl-35, .px-35 { padding-left: 35px !important }
.pt-35, .py-35 { padding-top: 35px !important }
.pb-35, .py-35 { padding-bottom: 35px !important }
.p-35 { padding: 35px !important }
.pr-40, .px-40 { padding-right: 40px !important }
.pl-40, .px-40 { padding-left: 40px !important }
.pt-40, .py-40 { padding-top: 40px !important }
.pb-40, .py-40 { padding-bottom: 40px !important }
.p-40 { padding: 40px !important }
.pr-45, .px-45 { padding-right: 45px !important }
.pl-45, .px-45 { padding-left: 45px !important }
.pt-45, .py-45 { padding-top: 45px !important }
.pb-45, .py-45 { padding-bottom: 45px !important }
.p-45 { padding: 45px !important }
.pr-50, .px-50 { padding-right: 50px !important }
.pl-50, .px-50 { padding-left: 50px !important }
.pt-50, .py-50 { padding-top: 50px !important }
.pb-50, .py-50 { padding-bottom: 50px !important }
.p-50 { padding: 50px !important }
.pr-60, .px-60 { padding-right: 60px !important }
.pl-60, .px-60 { padding-left: 60px !important }
.pt-60, .py-60 { padding-top: 60px !important }
.pb-60, .py-60 { padding-bottom: 60px !important }
.p-60 { padding: 60px !important }
.pr-70, .px-70 { padding-right: 70px !important }
.pl-70, .px-70 { padding-left: 70px !important }
.pt-70, .py-70 { padding-top: 70px !important }
.pb-70, .py-70 { padding-bottom: 70px !important }
.p-70 { padding: 70px !important }
.pr-80, .px-80 { padding-right: 80px !important }
.pl-80, .px-80 { padding-left: 80px !important }
.pt-80, .py-80 { padding-top: 80px !important }
.pb-80, .py-80 { padding-bottom: 80px !important }
.p-80 { padding: 80px !important }
.pr-100, .px-100 { padding-right: 100px !important }
.pl-100, .px-100 { padding-left: 100px !important }
.pt-100, .py-100 { padding-top: 100px !important }
.pb-100, .py-100 { padding-bottom: 100px !important }
.p-100 { padding: 100px !important }
.m--30 { margin: -30px !important }
.mr--25, .mx--25 { margin-right: -25px !important }
.ml--25, .mx--25 { margin-left: -25px !important }
.mt--25, .my--25 { margin-top: -25px !important }
.mb--25, .my--25 { margin-bottom: -25px !important }
.m--25 { margin: -25px !important }
.mr--20, .mx--20 { margin-right: -20px !important }
.ml--20, .mx--20 { margin-left: -20px !important }
.mt--20, .my--20 { margin-top: -20px !important }
.mb--20, .my--20 { margin-bottom: -20px !important }
.m--20 { margin: -20px !important }
.mr--15, .mx--15 { margin-right: -15px !important }
.ml--15, .mx--15 { margin-left: -15px !important }
.mt--15, .my--15 { margin-top: -15px !important }
.mb--15, .my--15 { margin-bottom: -15px !important }
.m--15 { margin: -15px !important }
.mr--10, .mx--10 { margin-right: -10px !important }
.ml--10, .mx--10 { margin-left: -10px !important }
.mt--10, .my--10 { margin-top: -10px !important }
.mb--10, .my--10 { margin-bottom: -10px !important }
.m--10 { margin: -10px !important }
.mr--5, .mx--5 { margin-right: -5px !important }
.ml--5, .mx--5 { margin-left: -5px !important }
.mt--5, .my--5 { margin-top: -5px !important }
.mb--5, .my--5 { margin-bottom: -5px !important }
.m--5 { margin: -5px !important }
.mr--3, .mx--3 { margin-right: -3px !important }
.ml--3, .mx--3 { margin-left: -3px !important }
.mt--3, .my--3 { margin-top: -3px !important }
.mb--3, .my--3 { margin-bottom: -3px !important }
.m--3 { margin: -3px !important }
.mr--1, .mx--1 { margin-right: -1px !important }
.ml--1, .mx--1 { margin-left: -1px !important }
.mt--1, .my--1 { margin-top: -1px !important }
.mb--1, .my--1 { margin-bottom: -1px !important }
.m--1 { margin: -1px !important }
.mr-auto, .mx-auto { margin-right: auto !important }
.ml-auto, .mx-auto { margin-left: auto !important }
.mt-auto, .my-auto { margin-top: auto !important }
.mb-auto, .my-auto { margin-bottom: auto !important }
.m-auto { margin: auto !important }
.w-1 { width: 1px !important }
.w-2 { width: 2px !important }
.w-3 { width: 3px !important }
.w-4 { width: 4px !important }
.w-5 { width: 5px !important }
.w-6 { width: 6px !important }
.w-8 { width: 8px !important }
.w-10 { width: 10px !important }
.w-20 { width: 20px !important }
.w-30 { width: 30px !important }
.w-40 { width: 40px !important }
.w-50 { width: 50px !important }
.w-60 { width: 60px !important }
.w-80 { width: 80px !important }
.w-100 { width: 100px !important }
.w-120 { width: 120px !important }
.w-150 { width: 150px !important }
.w-160 { width: 160px !important }
.w-200 { width: 200px !important }
.w-250 { width: 250px !important }
.w-300 { width: 300px !important }
.w-350 { width: 350px !important }
.w-400 { width: 400px !important }
.w-450 { width: 450px !important }
.w-500 { width: 500px !important }
.w-p5 { width: 5% !important }
.w-p10 { width: 10% !important }
.w-p15 { width: 15% !important }
.w-p20 { width: 20% !important }
.w-p25 { width: 25% !important }
.w-p30 { width: 30% !important }
.w-p33 { width: 33.3333% !important }
.w-p50 { width: 50% !important }
.w-p75 { width: 75% !important }
.w-p100 { width: 100% !important }
.h-1 { height: 1px !important }
.h-2 { height: 2px !important }
.h-3 { height: 3px !important }
.h-4 { height: 4px !important }
.h-5 { height: 5px !important }
.h-6 { height: 6px !important }
.h-8 { height: 8px !important }
.h-10 { height: 10px !important }
.h-10 { height: 10px !important }
.h-20 { height: 20px !important }
.h-30 { height: 30px !important }
.h-40 { height: 40px !important }
.h-50 { height: 50px !important }
.h-45 { height: 45px !important }
.h-60 { height: 60px !important }
.h-80 { height: 80px !important }
.h-100 { height: 100px !important }
.h-120 { height: 120px !important }
.h-140 { height: 140px !important }
.h-150 { height: 150px !important }
.h-160 { height: 160px !important }
.h-200 { height: 200px !important }
.h-250 { height: 250px !important }
.h-300 { height: 300px !important }
.h-350 { height: 350px !important }
.h-400 { height: 400px !important }
.h-450 { height: 450px !important }
.h-500 { height: 500px !important }
.h-600 { height: 600px !important }
.h-p5 { height: 5% !important }
.h-p10 { height: 10% !important }
.h-p15 { height: 15% !important }
.h-p20 { height: 20% !important }
.h-p25 { height: 25% !important }
.h-p30 { height: 30% !important }
.h-p33 { height: 33.3333% !important }
.h-p50 { height: 50% !important }
.h-p75 { height: 75% !important }
.h-p100 { height: 100% !important }
.w-auto { width: auto !important }
.h-auto { height: auto !important }
.w-full { width: 100% !important }
.h-full { height: 100% !important }
.mw-100 { max-width: 100% !important }
.mh-100 { max-height: 100% !important }
/*
font-size
 */
.size-12 { font-size: 12px !important; }
.size-14 { font-size: 14px !important; }
.size-15 { font-size: 15px !important; }
.size-16 { font-size: 16px !important; line-height: 28px; }
.size-18 { font-size: 18px !important; line-height: 28px; }
.size-20 { font-size: 20px !important; }
.size-22 { font-size: 22px !important; }
.size-24 { font-size: 24px !important; }
.size-26 { font-size: 26px !important; }
.size-28 { font-size: 28px !important; }
.size-30 { font-size: 30px !important; }
.size-32 { font-size: 32px !important; }
.size-34 { font-size: 34px !important; }
.size-40 { font-size: 40px !important; }
.size-50 { font-size: 50px !important; }
.size-60 { font-size: 60px !important; }
.size-70 { font-size: 70px !important; }
.size-80 { font-size: 80px !important; }
/*
font-weight
 */
.font-weight-300 { font-weight: 300 !important; }
.font-weight-600 { font-weight: 600 !important; }
/*
radius
 */
.radius-0 { border-radius: 0px !important; }
.radius-2 { border-radius: 2px !important; }
.radius-4 { border-radius: 4px !important; }
.radius-6 { border-radius: 6px !important; }
.radius-10 { border-radius: 10px !important; }
.radius-p100 { border-radius: 100% !important; }
.radius-0-tl { border-top-left-radius: 0 !important; }
.radius-0-tr { border-top-right-radius: 0 !important; }
.radius-0-br { border-bottom-right-radius: 0 !important; }
.radius-0-bl { border-bottom-left-radius: 0 !important; }
.lh-1 { line-height: 1em !important }
.lh-15 { line-height: 1.5em !important }
.lh-2 { line-height: 2em !important }
.lh-20 { line-height: 20px !important }
.lh-22 { line-height: 22px !important }
.lh-24 { line-height: 24px !important }
.lh-25 { line-height: 25px !important }
.lh-28 { line-height: 28px !important }
.lh-30 { line-height: 30px !important }
.lh-34 { line-height: 34px !important }
.lh-38 { line-height: 38px !important }
.lh-40 { line-height: 40px !important }
.lh-45 { line-height: 45px !important }
.lh-50 { line-height: 50px !important }
.lh-60 { line-height: 60px !important }
.lh-70 { line-height: 70px !important }
.lh-80 { line-height: 80px !important }
.lh-100 { line-height: 100px !important }
.hr-theme-1 { position: relative; }
.hr-theme-1:after { content: ''; display: block; width: 80px; height: 5px; position: absolute; left: 0; top: -3px; background: #bbb; }
.hr-theme-1.text-center:after { left: 50%; margin-left: -40px; }
.hr-theme-1.text-right:after { left: auto; right: 0; }
.hr-theme-2 { position: relative; }
.hr-theme-2:after { content: ''; display: block; width: 100px; height: 1px; position: absolute; left: 0; bottom: 0px; background: #bbb; }
.hr-theme-2.text-center:after { left: 50%; margin-left: -40px; }
.hr-theme-2.text-right:after { left: auto; right: 0; }
.hr-primary:after { background: #258af2; }
.hr-blue:after { background: #0099ff; }
.hr-indigo:after { background: #6610f2; }
.hr-purple:after { background: #6f42c1; }
.hr-pink:after { background: #e83e8c; }
.hr-red:after { background: #dc3545; }
.hr-orange:after { background: #fd7e14; }
.hr-yellow:after { background: #ffc107; }
.hr-green:after { background: #28a745; }
.hr-teal:after { background: #20c997; }
.hr-cyan:after { background: #17a2b8; }
.hr-white:after { background: #fff; }
.hr-gray:after { background: #6c757d; }
.hr-gray-dark:after {  background: :#343a40;
}
.hr-secondary:after { background: #d7b737; }
.hr-success:after { background: #28a745; }
.hr-info:after { background: #17a2b8; }
.hr-warning:after { background: #ffc107; }
.hr-danger:after { background: #dc3545; }
.hr-light:after { background: #f8f9fa; }
.hr-dark:after { background: #343a40; }
.color-inherit { color: inherit !important; }
.bg-transparent { background-color: transparent !important }
.bg-white { background-color: #fff !important }
.bg-white-op2 { background-color: rgba(255, 255, 255, 0.2) !important; }
.bg-white-op4 { background-color: rgba(255, 255, 255, 0.4) !important; }
.bg-white-op6 { background-color: rgba(255, 255, 255, 0.6) !important; }
.bg-white-op8 { background-color: rgba(255, 255, 255, 0.8) !important; }
.bg-white-op9 { background-color: rgba(255, 255, 255, 0.9) !important; }
.bg-black { background-color: #212121 !important }
.bg-black-op2 { background-color: rgba(0, 0, 0, 0.2) !important; }
.bg-black-op4 { background-color: rgba(0, 0, 0, 0.4) !important; }
.bg-black-op6 { background-color: rgba(0, 0, 0, 0.6) !important; }
.bg-black-op8 { background-color: rgba(0, 0, 0, 0.8) !important; }
.bg-primary { background-color: rgb(51, 118, 246) !important }
.bg-primary-op2 { background-color: rgba(51, 118, 246, 0.2) !important; }
.bg-primary-op4 { background-color: rgba(51, 118, 246, 0.4) !important; }
.bg-primary-op6 { background-color: rgba(51, 118, 246, 0.6) !important; }
.bg-primary-op8 { background-color: rgba(51, 118, 246, 0.8) !important; }
.bg-light-primary { background-color: #356cd8 !important; }
.relative { position: relative; }
.absolute { position: absolute; }
.top-0 { top: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.bottom-0 { bottom: 0; }
.top-10 { top: 10px; }
.right-10 { right: 10px; }
.left-10 { top: 10px; }
.bottom-10 { bottom: 10px; }
.top-auto { top: auto; }
.left-auto { left: auto; }
.right-auto { right: auto; }
.bottom-auto { bottom: auto; }
.vertical-align { font-size: 0 }
.vertical-align:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.vertical-align-bottom, .vertical-align-middle { display: inline-block; max-width: 100%; font-size: inherit; }
.vertical-align-middle { vertical-align: middle }
.vertical-align-bottom { vertical-align: bottom }
.inline { display: inline !important }
.inline-block { display: inline-block !important }
.block { display: block !important }
.hidden-xs-up, .hidden-xxl-down { display: none !important }
.text-break { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word }
.text-top { vertical-align: top !important }
.text-middle { vertical-align: middle !important }
.text-bottom { vertical-align: bottom !important }
.text-left { text-align: left !important }
.text-right { text-align: right !important }
.text-justify { text-align: justify !important }
.text-center { text-align: center !important }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-uppercase { text-transform: uppercase; }
.text-lowercase { text-transform: lowercase; }
.text-underline { text-decoration: underline; }
.word-space-xs { word-spacing: .1em; }
.word-space-sm { word-spacing: .2em; }
.word-space-md { word-spacing: .3em; }
.word-space-la { word-spacing: .4em; }
.letter-space--xs { letter-spacing: -.02em; }
.letter-space-xs { letter-spacing: .02em; }
.letter-space-sm { letter-spacing: .04em; }
.letter-space-md { letter-spacing: .06em; }
.letter-space-la { letter-spacing: .08em; }
.cover-background { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover }
.overlay { position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); overflow: hidden; }
.overlay-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; color: #fff }
.overlay-panel a:not([class]) { color: inherit; text-decoration: underline }
.overlay-icon .icon { text-decoration: none }
.overlay-image { padding: 0 }
.overlay-shade { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) rgba(0, 0, 0, 0); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .87) 90%, #fff 100%) rgba(0, 0, 0, 0) }
.overlay-top { bottom: auto }
.overlay-bottom { top: auto }
.overlay-left { right: auto }
.overlay-right { left: auto }
.overlay-icon { font-size: 0; text-align: center }
.overlay-icon:before { height: 100% }
.overlay-icon .icon { width: 2.286rem; height: 2.286rem; margin-right: 10px; margin-left: 10px; font-size: 2.286rem; line-height: 1; color: #fff }
.overlay-anchor { position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.overlay-blur, .overlay-fade, .overlay-grayscale, .overlay-scale, .overlay-spin, [class*=overlay-slide] {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: opacity transform filter;
transition-property: opacity transform filter
}
.overlay-fade { opacity: .7 }
.overlay-hovered .overlay-fade, .overlay-hover:hover .overlay-fade { opacity: 1 }
.overlay-fadeed { opacity: 1 !important }
.overlay-scale { -webkit-transform: scale(1); transform: scale(1) }
.overlay-hovered .overlay-scale, .overlay-hover:hover .overlay-scale { -webkit-transform: scale(1.1); transform: scale(1.1) }
.overlay-spin { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) }
.overlay-hovered .overlay-spin, .overlay-hover:hover .overlay-spin { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) }
.overlay-grayscale { /*-webkit-filter: grayscale(100%); filter: grayscale(100%)*/ }
.overlay-hovered .overlay-grayscale, .overlay-hover:hover .overlay-grayscale { -webkit-filter: grayscale(0); filter: grayscale(0) }
[class*=overlay-slide] {
opacity: 0
}
.overlay-slide-top { -webkit-transform: translateY(-100%); transform: translateY(-100%) }
.overlay-slide-bottom { -webkit-transform: translateY(100%); transform: translateY(100%) }
.overlay-slide-left { -webkit-transform: translateX(-100%); transform: translateX(-100%) }
.overlay-slide-right { -webkit-transform: translateX(100%); transform: translateX(100%) }
.overlay-hovered [class*=overlay-slide], .overlay-hover:hover [class*=overlay-slide] { opacity: 1; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) }
/*size*/
.size-xl { font-size: 1.2em; }
.size-xxl { font-size: 1.4em; }
.size-xxxl { font-size: 1.6em; }
/*
icon-circle
 */
.icon-circle { position: relative; display: inline-block; width: 40px; height: 40px; border-radius: 100%; text-align: center; line-height: 40px; overflow: hidden; font-size: 16px; vertical-align: middle; }
.icon-circle.icon-circle-dot { width: 6px; height: 6px; background: #888; }
.icon-circle img { max-width: 100%; max-height: 100%; }
.icon-circle.icon-circle-sm { width: 30px; height: 30px; line-height: 30px; font-size: 14px; }
.icon-circle.icon-circle-lg { width: 50px; height: 50px; line-height: 50px; font-size: 18px; }
.icon-circle.icon-circle-xl { width: 60px; height: 60px; line-height: 60px; font-size: 20px; }
.icon-circle.icon-circle-xxl { width: 80px; height: 80px; line-height: 80px; font-size: 24px; }
.icon-circle.icon-circle-xxxl { width: 100px; height: 100px; line-height: 100px; font-size: 30px; }
.icon-circle.border-1 { line-height: 38px; }
.icon-circle.icon-circle-fillet { border-radius: 0.3rem; }
.icon-circle.icon-circle-square { border-radius: 0; }
.icon-circle.icon-circle-sm.border-1 { line-height: 28px; }
.icon-circle.icon-circle-lg.border-1 { line-height: 48px; }
.icon-circle.icon-circle-xl.border-1 { line-height: 58px; }
.icon-circle.icon-circle-xxl.border-1 { line-height: 78px; }
.icon-circle.icon-circle-xxxl.border-1 { line-height: 98px; }
.icon-badge { width: 42px; height: 42px; background: #eee; border-radius: 6px; display: inline-block; line-height: 42px; text-align: center; color: #999; }
.icon-circle.icon-circle-theme-1:before, .icon-circle.icon-circle-theme-1:after { position: absolute; content: ''; display: block; width: 80%; height: 80%; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; }
.icon-circle.icon-circle-theme-1:after { width: 50%; height: 50%; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.1); }
.icon-circle.icon-circle-theme-2:before, .icon-circle.icon-circle-theme-2:after { position: absolute; top: 3%; left: 3%; content: ''; display: block; width: 94%; height: 94%; border: 2px solid rgba(255, 255, 255, 0.6); border-radius: 50%; }
.icon-circle.icon-circle-theme-2:after { top: 8%; left: 8%; width: 84%; height: 84%; bottom: 0; right: 0; border: 1px solid rgba(255, 255, 255, 0.4); }
.icon-circle.icon-circle-theme-3:before, .icon-circle.icon-circle-theme-3:after { position: absolute; top: 0; left: 10%; content: ''; display: block; width: 2px; height: 100%; background: rgba(255, 255, 255, 0.4); }
.icon-circle.icon-circle-theme-3:after { top: 10%; left: 0; width: 100%; height: 2px; }
.icon-circle.icon-circle-theme-4:before { position: absolute; top: 6%; left: 6%; content: ''; display: block; width: 88%; height: 88%; background: rgba(0, 0, 0, 0.1); border-radius: 50%; box-shadow: 0 0 14px rgba(100, 100, 100, 0.1); }
.icon-circle.shadow>i { -webkit-filter: drop-shadow(rgba(100, 100, 100, 0.2) 0px 0px 2px); filter: drop-shadow(rgba(100, 100, 100, 0.2) 0px 0px 2px); }
/*btn*/
.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: none;  padding: .375rem .75rem;
font-size: 1rem; line-height: 1.5; border-radius: 0; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.btn-lg { font-size: 1.3rem; padding: 8px 40px; }
.btn:not(:disabled):not(.disabled) { cursor: pointer; background-color: #258af2; color: #fff; padding: 10px 100px !important; }
.btn-default { background-color: #e5e5e5; color: #258af2; }
.btn-default:hover { background-color: #00a4e9; background-image: linear-gradient(-90deg, #c91786 0%, #00a4e9 100%), linear-gradient(#00a0e8, #00a0e8); }
.btn-outline { background-color: #fff; color: #333333; border: 1px solid #bbb; }
.btn-outline:hover { background-color: #258af2; color: #fff; border-color: transparent; }
.btn-white { background-color: #fff; color: #333; }
.btn-white:hover { background-color: #fff; color: #258af2; }
.btn-black { background-color: #222; color: #fff; }
.btn-black:hover { background-color: #258af2; color: #fff; }
.btn-primary { background-color: #258af2; color: #fff; }
.btn-primary:hover { background-color: #c6171f; color: #fff; }
.btn-secondary { background-color: #2759da; color: #fff; }
.btn-secondary:hover { background-color: #3e72fa; color: #fff; }
.btn-warning { background-color: #f2bd2f; color: #fff; }
.btn-warning:hover { background-color: #ffd052; color: #fff; }
.btn-block { display: block; text-align: center; }
.btn-round { border-radius: 100px; }
.btn-round2 { border-radius: 0 100px 100px 100px; }
.btn-icon-animate { position: relative; }
.btn-icon-animate span { position: relative; display: inline-block; vertical-align: middle; width: auto; overflow: hidden; transition: .3s all linear; opacity: 1; }
.btn-icon-animate:hover span { position: relative; opacity: 0; }
.btn-icon-animate .icon { position: relative; display: inline-block; transition: .3s all linear; width: 20px; }
.btn-icon-animate:hover .icon { position: absolute; left: 50%; margin-left: -10px; top: 9px; }
.btn-icon-animate.btn-sm:hover .icon { top: 8px; }
.btn-icon-animate:hover .icon { top: 10px; }
.dropdown, .dropleft, .dropright, .dropup { position: relative; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 100px; padding: 0; margin: 3px 0 0; font-size: 12px; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15);  border-radius: .25rem;
}
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { right: auto; bottom: auto; }
.dropdown-menu.show { display: block; }
.dropdown-item { display: block; width: 100%; padding: 5px 10px; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; overflow: hidden; }
.dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa; }
/*.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}*/
.dropdown-toggle::after { display: inline-block; width: 12px; height: 7px; vertical-align: 2px; content: ""; }
/*
flexbox
 */
.mk-flexbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.mk-flexbox-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; }
.mk-flexbox-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; }
.mk-flexbox-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100% }
.mk-flexbox-vertical .mk-flexbox-item { width: 100% }
.mk-flexbox-item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.mk-flexbox-item-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; justify-self: flex-end }
.mk-flexbox-item-center { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center }
.mk-flexbox-item-end { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end }
/* theme */
.text-primary { color: #258af2 !important; }
.text-blue { color: #0099ff !important; }
.text-indigo { color: #6610f2 !important; }
.text-purple { color: #6f42c1 !important; }
.text-pink { color: #e83e8c !important; }
.text-red { color: #dc3545 !important; }
.text-orange { color: #fd7e14 !important; }
.text-yellow { color: #fed214 !important; }
.text-green { color: #28a745 !important; }
.text-teal { color: #20c997 !important; }
.text-cyan { color: #17a2b8 !important; }
.white { color: #fff !important; }
.black { color: #2c2c2c !important; }
.text-white { color: #fff !important; }
.text-gray { color: #555 !important; }
.text-light-gray { color: #999 !important; }
.text-gray-dark { color: #343a40 !important; }
.text-secondary { color: #d7b737 !important; }
.text-success { color: #28a745 !important; }
.text-info { color: #17a2b8 !important; }
.text-warning { color: #ffc107 !important; }
.text-danger { color: #dc3545 !important; }
.text-light { color: #f8f9fa !important; }
.text-light-light { color: #acacac !important; }
.text-dark { color: #343a40 !important; }
.text-222 { color: #222 !important; }
.text-333 { color: #333 !important; }
.text-666 { color: #666 !important; }
.text-777 { color: #777 !important; }
.text-888 { color: #888 !important; }
.text-999 { color: #999 !important; }
.text-aaa { color: #aaa !important; }
.text-ccc { color: #ccc !important; }
.text-eee { color: #eee !important; }
.bg-primary { background-color: #258af2 !important; }
.bg-blue { background-color: #0099ff !important; }
.bg-indigo { background-color: #6610f2 !important; }
.bg-purple { background-color: #6f42c1 !important; }
.bg-pink { background-color: #e83e8c !important; }
.bg-red { background-color: #dc3545 !important; }
.bg-orange { background-color: #fd7e14 !important; }
.bg-yellow { background-color: #ffc107 !important; }
.bg-green { background-color: #28a745 !important; }
.bg-teal { background-color: #20c997 !important; }
.bg-cyan { background-color: #17a2b8 !important; }
.bg-white { background-color: #fff !important; }
.bg-gray { background-color: #6c757d !important; }
.bg-light-gray { background-color: #c7c7c7 !important; }
.bg-gray-dark { background-color: #343a40 !important; }
.bg-secondary { background-color: #d7b737 !important; }
.bg-success { background-color: #28a745 !important; }
.bg-info { background-color: #17a2b8 !important; }
.bg-warning { background-color: #ffc107 !important; }
.bg-danger { background-color: #dc3545 !important; }
.bg-light { background-color: #f8f9fa !important; }
.bg-light-light { background-color: #eee !important; }
.bg-dark { background-color: #343a40 !important; }
.hover-white:hover { color: #fff !important; }
.hover-bg-grey:hover, .hover-bg-grey.hover { background-color: #eeeeee; }
.hover-bg-light-grey:hover, .hover-bg-light-grey.hover { background-color: #f7f7f7; }
.hover-bg-light-white:hover, .hover-bg-light-white.hover { background-color: #f9f9f9; }
.hover-opacity-8:hover, .hover-opacity-8.hover { opacity: 0.8; filter: opacity(80); }
.hover-zoom-up { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.hover-zoom-up:hover, .hover-zoom-up.hover { transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); }
.hover-primary:hover, .hover-primary.hover { color: #258af2 !important; }
.hover-primary-hover:hover .hover-primary, .hover-primary-hover.hover .hover-primary, .hover-primary:hover, .hover-primary.hover { color: #258af2 !important; }
.hover-bg-primary:hover, .hover-bg-primary.hover { background-color: #258af2 !important; }
.hover-border-light-grey:hover, .hover-border-light-grey.hover { background-color: #f9f9f9; }
.hover-border-primary:hover, .hover-border-primary.hover { border-color: #258af2 !important; }
.hover-zindex-1:hover, .hover-zindex-1.hover { z-index: 1 }
.hover-colors { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.hover-colors:hover, .hover-colors.hover { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: gray; }
.hover-shadow { box-shadow: 0 0 0px rgba(0, 0, 0, 0); }
.hover-shadow:hover, .hover-shadow.hover { box-shadow: 0 0 20px rgba(0, 0, 0, .2); }
.hr-bg-animate-hover:hover .hr-bg-animate, .hr-bg-animate-hover.hover .hr-bg-animate, .hr-bg-animate:hover, .hr-bg-animate.hover { width: 100% !important; background: #258af2 !important; }
.btn-width-anmate { display: block; width: 10px; }
.btn-width-anmate-hover:hover .btn-width-anmate, .btn-width-anmate-hover.hover .btn-width-anmate, .btn-width-anmate:hover, .btn-width-anmate.hover { width: 100%; background: #258af2 !important; border-color: #258af2 !important; color: white !important; }
.border-1 { border: 1px solid #ddd; }
.overlay.overlay-hover { height: 300px !important; }
.border-left { border-left: 1px solid #ddd; }
.border-right { border-right: 1px solid #ddd; }
.border-top { border-top: 1px solid #ddd; }
.border-bottom { border-bottom: 1px solid #ddd; }
.border-left-dashed { border-left: 1px dashed #ddd; }
.border-right-dashed { border-right: 1px dashed #ddd; }
.border-top-dashed { border-top: 1px dashed #ddd; }
.border-bottom-dashed { border-bottom: 1px dashed #ddd; }
.border-0 { border-width: 0; }
.border-l-0 { border-left-width: 0; }
.border-r-0 { border-right-width: 0; }
.border-t-0 { border-top-width: 0; }
.border-b-0 { border-bottom-width: 0; }
.border-black { border-color: #999; }
/*ico*/
.ico { display: inline-block; vertical-align: middle; outline: 0;  *display: inline;
 *zoom: 1;
}
.ico_right { width: 36px; height: 22px; background: url(../images/ico_right.png) -36px 0 no-repeat; }
.btn:hover .ico_right { background-position: 0 0px; }
.ico_30 { width: 30px; height: 30px; background: url(../images/ico_30.png) no-repeat; }
.ico_30.ico_30_1 { background-position: 0 0; }
.ico_30.ico_30_1:hover { background-position: 0 -30px; }
.ico_30.ico_30_1.ico_30.ico_30_1_right { transform: rotate(180deg); }
.ico_30.ico_30_2 { background-position: 0 -60px; }
.ico_30.ico_30_4 { background-position: 0 -90px; }
.ico_30.ico_30_5 { background-position: 0 -120px; }
.ico_30.ico_30_6 { background-position: 0 -150px; }
.ico_30.ico_30_7 { background-position: 0 -180px; }
.ico_60 { width: 60px; height: 60px; background: url(../images/ico_60.png) no-repeat; -webkit-transition: background-position .3s; -moz-transition: background-position .3s; -ms-transition: background-position .3s; -o-transition: background-position .3s; transition: background-position .3s; }
.ico_60.ico_60_1 { background-position: 0 0; }
.ico_60.ico_60_2 { background-position: 0 -60px; }
.ico_60.ico_60_3 { background-position: 0 -120px; }
.ico_60.ico_60_4 { background-position: 0 -180px; }
a:hover .ico_60.ico_60_1 { background-position: -60px 0; }
a:hover .ico_60.ico_60_2 { background-position: -60px -60px; }
a:hover .ico_60.ico_60_3 { background-position: -60px -120px; }
a:hover .ico_60.ico_60_4 { background-position: -60px -180px; }
/*table*/
.table { width: 100% }
.table th, .table td { font-size: 14px; line-height: 24px; color: #555; border: 1px solid #dcdcdc; padding: 8px 10px; text-align: center; }
.table th { font-size: 16px; color: #222222; font-weight: 600; }
.table-line th { line-height: 30px; border-top-width: 2px;  bor;
border-top-color: #ccc; }
.table-line th, .table-line td { border-left: 0; border-right: 0; border-bottom: 0; }
/*grid*/
.grid { }
.grid>li { display: block; float: left; }
.grid.grid-2>li { width: 50%; }
.grid.grid-3>li { width: 33.333333333%; }
.grid.grid-4>li {width: 23.5%;}
.grid.grid-5>li { width: 20%; }
.grid.grid-6>li { width: 16.66666%; }
.grid-space-6 { margin-left: -3px; margin-right: -3px; }
.grid-space-6 .grid>li { padding-left: 3px; padding-right: 3px; }
.grid-space-10 { margin-left: -5px; margin-right: -5px; }
.grid-space-10 .grid>li { padding-left: 5px; padding-right: 5px; }
.grid-space-20 {/* margin-left: -10px; *//* margin-right: -10px; */}
.grid-space-20 .grid>li {/* padding-left: 2%; *//* padding-right: 2%; */margin-right: 2%;}
.grid-space-20 .grid>li:nth-child(4n) {margin-right: 0;}
.grid-space-30 { margin-left: -15px; margin-right: -15px; }
.grid-space-30 .grid>li { padding-left: 15px; padding-right: 15px; }
.grid-space-40 { margin-left: -20px; margin-right: -20px; }
.grid-space-40 .grid>li { padding-left: 20px; padding-right: 20px; }
.grid-space-50 { margin-left: -25px; margin-right: -25px; }
.grid-space-50 .grid>li { padding-left: 25px; padding-right: 25px; }
.grid-space-60 { margin-left: -30px; margin-right: -30px; }
.grid-space-60 .grid>li { padding-left: 30px; padding-right: 30px; }
.grid-space-70 { margin-left: -35px; margin-right: -35px; }
.grid-space-70 .grid>li { padding-left: 35px; padding-right: 35px; }
.section { }
.section-header { position: relative; margin-bottom: 5px; text-align: center; }
.section-header h1 { font-size: 40px; line-height: 1em; color: #222; font-weight: bold; text-align: center; margin-bottom: 18px; }
.section-header h2 { font-size: 30px; line-height: 1em; color: #222; text-align: left; margin-bottom: 8px; }
.section-header h3 { display: inline-block; margin-bottom: 14px; font-size: 14px; color: #666; text-align: center; line-height: 32px; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; }
.section-header h4 { font-size: 16px; line-height: 1em; color: #a9a9a9; text-align: left; }
.section-header-inverse h1, .section-header-inverse h2, .section-header-inverse h3, .section-header-inverse h4, .section-header-inverse h5 { color: #fff; border-color: #fff; }
.section-header>.section-header-right { position: absolute; right: 20px; font-size: 14px; top: 0; line-height: 46px; color: #fff; }
.section-body { }
.list { }
.list>li, .list-wrap { display: block; position: relative; }
.list-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.list-wrap.list-wrap-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.list-wrap>.list-center { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.pager { display: inline-block; }
.pager:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.pager>a { display: block; float: left; background-color: #fff; padding: 6px 14px; font-size: 14px; color: #333; border-radius: 2px; border: 1px solid #ddd; margin: 0 4px; cursor: pointer; }
.pager>a.pager-control { }
.pager>a:hover { color: #258af2; }
.pager>a.disabled { color: #aaa; background-color: #f1f1f1; cursor: none; pointer-events: none; }
.pager>a.active { border-color: #258af2; background-color: #258af2; color: #fff; }
.stit-1 { height: 25px; line-height: 25px; font-size: 22px; color: #333; font-weight: normal; padding-left: 10px; border-left: 4px solid #d7b737; }
/*main*/
.header { height: 100px; width: 100%;  }
.header-nav { font-size: 14px; height: 100px; max-width:1920px;margin:0 auto;}
.header-nav-wrap { position: relative; padding-left: 30px; padding-right: 30px; }
.header-nav .logo { display: block; position: absolute; left: 0; height: 56px; vertical-align: middle; margin-top: 22px; }
.header-nav-wrap-inner { width: 100%; min-width: 900px; }
.header-nav-ul { text-align: right; height: 100px; float: right; padding-left: 200px; }
.header-nav-ul>li { position: relative; display: inline-block; height: 100px; }
.header-nav-ul>li.active>a { color: #b72721; }
.header-nav-ul>li i { color: #555; font-size: 16px; }
.header-nav-ul>li.active i { color: #b72721; }
.header-nav-ul>li a:hover i { color: #040000; }
.header-nav-ul>li>a { position: relative; display: block; padding: 0 14px; height: 32px; line-height: 32px; color: #333; font-size: 16px; margin: 32px 10px 0 10px; }
.header-nav-ul>li.active>a:after { display: block; }
.header-nav-ul>li>a:hover { color: #b72721; }
.header-extra-ul { position: absolute; top: 42px; right: 0; width: 120px; text-align: right; height: 35px; color: #fff; line-height: 35px; font-size: 18px; }
.header-extra-ul>li { display: inline-block; height: 35px; }
.header-extra-ul>li>a { position: relative; display: block; padding: 0 10px; height: 35px; line-height: 35px; color: #333; font-size: 14px; }
.header-extra-ul>li.active>a, .header-extra-ul>li>a:hover { color: #222222; text-decoration: underline }
/* secondary nav */
.header-nav-ul>li>ul { display: none; position: absolute; top: 80px; left: 50%; width: 200px; height: auto; background: #555; padding: 0; margin-left: -90px; }
.header-nav-ul>li:hover>ul { display: block; }
.header-nav-ul>li>ul>li>a { display: block; height: 44px; line-height: 44px; font-size: 15px; color: #fff; padding: 0; text-align: center; }
.header-nav-ul>li>ul>li>a:hover { color: #fff; background-color: #d70e18; }
 @media(min-width:1500px) {
/*1200 + 304*2 + 20*2 = 1544*/
.header-nav-wrap { width: 85%; }
.header-nav .logo { left: 30px; }
.header-nav-wrap-inner { position: relative; margin-left: 0; 0height: 100%;
padding-left: 0; }
.header-nav-ul>li>a { padding: 0 15px; }
}
 @media(max-width:1500px) {
.header-nav-ul { padding-left: 50px; }
.header-nav-wrap { padding-left: 30px; width: 85%; }
.header-nav-ul>li>a { font-size: 16px; padding: 0 12px; }
.header-extra-ul { font-size: 16px; }
}
.footer { background: #070b16; background-size: cover; color: #fff; font-size: 14px; line-height: 1.8em; }
.footer .container { padding: 60px 0 20px 0; position: relative; display: flex; justify-content: space-between; }
.footer-0 { width: 300px; text-align: left }
.footer-1 { width: 300px; text-align: left }
.footer-2 { width: 500px; text-align: left; }
.footer-3 { text-align: right; }
.footer p { margin-bottom: 10px; font-size: 15px; line-height: 30px; }
.footer span, .footer a { font-size: 16px; font-weight: normal; color: #fff; line-height: 1.6em; }
.footer a:hover { opacity: 1 }
.footer h4 { font-size: 18px; color: #fff; line-height: 1em; margin-bottom: 10px; }
.footer-bottom { opacity: 0.8; filter: alpha(opacity=80); color: #d0d0d0; font-size: 14px; text-align: center; padding: 20px 0; position: absolute; width: 100%; bottom: 0; }
/*in*/
.in-nav { float: left; color: #888888; font-size: 14px; text-align: left; }
.in-nav a em { color: #000; }
.in_main { position: relative; padding-top: 50px; padding-bottom: 80px; margin-top: -108px; border-radius: 0; }
.inbanner { height: 320px; width: 100%; background-position: center bottom; }
 @media (max-height:800px) {
.inbanner { height: 320px; }
}
.in_main_header { position: relative; line-height: 58px; font-size: 18px; color: #666666; font-weight: 500; text-align: left; margin-bottom: 26px; height: 58px; }
.in_main_header>h3 { font-size: 26px; color: #222222; display: inline-block; }
.article { font-size: 14px; color: #555; line-height: 1.5em; text-indent: 0; text-align: left; text-align: justify; }
.article p { margin-bottom: 5px; }
.article img { max-width: 100%; }
.article-title { height: 32px; line-height: 32px; font-size: 22px; color: #258af2; font-weight: normal; padding-left: 10px; border-left: 3px solid #258af2; margin-top: 30px; margin-bottom: 30px; }
.in-aside { float: left; width: 24%; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); padding: 10px 0; }
.in-aside-title { height: 60px; line-height: 50px; color: #222222; font-size: 24px; text-align: left; }
.in-aside-title h1 { font-size: 36px; color: #1b2d68; font-weight: 600; letter-spacing: 0px; margin-top: 26px; margin-left: 8%; position: relative; }
.in-aside-title h1:before { content: ""; width: 40px; height: 4px; background-color: #1b2d68; display: block; position: absolute; bottom: -12px; }
.in-aside-title h2 { font-size: 22px; color: #222222; font-weight: 600; }
.in-aside>ul { display: block; width: 100%; margin-top: 40px; margin-bottom: 40px; }
.in-aside>ul>li { margin-bottom: 8px; }
.in-aside>ul>li>a { position: relative; display: block; width: 100%; height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #fff; color: #444444; font-size: 18px; text-align: center; }
.in-aside>ul>li>a:hover, .in-aside>ul>li.active>a, .in-aside>ul>li.open>a { background-color: #258af2; background-image: linear-gradient(-90deg, #c91786 0%, #00a4e9 100%), linear-gradient(#00a0e8, #00a0e8); background-blend-mode: normal, normal; color: #fff; position: relative; }
.in-aside>ul>li.active>a:before { content: ""; position: absolute; background: url(../images/in_nav_ico.png) no-repeat; width: 9px; height: 10px; left: 27%; top: calc(50% - 5px); }
.in-aside>ul>li.menu>a:before { content: ""; display: block; width: 20px; height: 7px; position: absolute; right: 26px; top: 50%; margin-top: -2px; background: url(../images/down.png) no-repeat center center; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.in-aside>ul>li.menu.open>a:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.in-aside>ul>li>ul { display: none; padding: 0; }
.in-aside>ul>li.open>ul { display: block; }
.in-aside>ul>li>ul>li { text-align: right; padding-right: 30px; }
.in-aside>ul>li>ul>li>a { position: relative; display: inline-block; height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 20px; color: #444; font-size: 16px; text-align: right; }
.in-aside>ul>li>ul>li.active>a, .in-aside>ul>li>ul>li>a:hover { color: #444; border-bottom: 2px solid #258af2; }
.in_main .main { float: right; width: 74%; min-height: 700px; }
.pro-list .grid>li { height: 322px; margin-bottom: 40px; }
.pro-list .grid>li>figure { width: 100%; height: 250px; border-bottom: 1px solid #ddd; }
.pro-list .grid>li .name { height: 50px; line-height: 48px; background-color: #fff; text-align: center; color: #444444; font-size: 16px; border: 1px solid #ddd; border-top: 0; }
.pro-list .grid>li:hover .name { background-color: #258af2; color: #fff; border-color: #258af2 }
.feedback { width: 720px; }
.form-group { margin-bottom: 15px; }
.form-group>label { display: block; font-size: 14px; line-height: 14px; height: 20px; color: #444444; }
.input-wrap>.form-control { outline: none; width: 100%; border: 1px solid #dcdcdc; background-color: #fff; color: #333; padding: 8px 12px; font-size: 14px; }
.input-wrap>.form-control:focus { border-color: #0099ff; }
.input-wrap>select.form-control { /* border-radius: 20px; */
border: 0; background: #eeeeee; padding: 0 20px; background: url(../images/select.png) no-repeat scroll 95% center #fafafa; border: 1px solid #f1f1f1; }
select {/* appearance: none; */-moz-appearance: none;-webkit-appearance: none;outline: none;border: none;}
.check-wrap { position: relative; display: inline-block; vertical-align: middle; height: 24px; padding-left: 13px; line-height: 24px; font-size: 16px; color: #444444; }
.check-wrap~.check-wrap { margin-left: 10px; }
.check-wrap>.icheck { opacity: 0; }
.check-wrap>.ilabel { border-radius: 3px; cursor: pointer; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.check-wrap>.ilabel:after { content: " "; border: 1px solid #999; display: block; font-weight: bold; text-align: center; border-radius: 3px; width: 22px; height: 22px; line-height: 22px; }
.check-wrap>.icheck:checked+.ilabel:after { content: "√"; border-color: #00a0e8; background-color: #00a0e8; color: #fff; }
.check-wrap>.icheck:indeterminate+.ilabel:after { content: ""; color: #3f51b5; background-color: #FFF; border-color: #3f51b5; }
.form-group-horizontal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.form-group-horizontal>label { display: block; width: 120px; text-align: right; padding-right: 10px; line-height: 1em; }
.form-group-horizontal.form-group-top { -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start }
.form-group-horizontal.form-group-top>label { margin-top: 8px; }
.form-group-horizontal .input-wrap { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.feedback .form-control { height: 38px; border: 0; border: 1px solid #f1f1f1; font-size: 14px; /* border-bottom: 2px solid #ddd; */
background-color: #fafafa; }
.feedback .form-group>label { width: auto; font-size: 14px; }
.feedback .input-wrap>textarea { max-width: 100%; min-width: 100%; min-height: 96px; }
.feedback .input-wrap>.form-control:focus { border-bottom-color: #0099ff; border-bottom-width: 1px; }
#online_qq_layer { z-index: 1000; }
.online_icon { width: 36px; height: 150px; overflow: hidden; }
.online_icon a { display: block; width: 36px; height: 156px; background: url(../images/online/online_bg.png) no-repeat; _background: url(../images/online/online_bg_ie6.png) no-repeat; text-decoration: none; }
.online_windows { width: 150px; background-color: #fff; border: 3px solid #1b96e8; }
.online_w_top { background: url(../images/online/online_bg.png) no-repeat -42px 0 #1b96e8; height: 45px; }
.online_w_bottom { background: url(../images/online/online_bg.png) repeat-y -44px -118px; height: 29px; _background: url(../images/online/online_bg_ie6.png) repeat-y -44px -118px; }
.online_content { padding: 8px 0; text-align: center; border-bottom: 1px solid #d0d0d0; margin-bottom: 1px; }
.online_content>ul>li { line-height: 24px; margin-bottom: 4px; vertical-align: middle; }
.online_content>ul>li>a { height: 22px; height: 22px; width: 77px; display: inline-block; margin: 0 auto; line-height: 22px; cursor: pointer; border-radius: 4px; background-color: #dcf3ff; border: 1px solid #7cb8ce; text-align: center; font-size: 12px; -webkit-transition: background-color .25s; -moz-transition: background-color .25s; -ms-transition: background-color .25s; -o-transition: background-color .25s; transition: background-color .25s; color: #00587b; }
.online_content>ul>li>a:hover { background-color: #c6eafd; }
.online_content>ul>li>a.qq_btn { background-color: #dcf3ff; border: 1px solid #7cb8ce; color: #00587b; }
.online_content>ul>li>a.qq_btn:hover { background-color: #c6eafd; }
.online_content>ul>li>a.wangwang_btn { background-color: #dcf3ff; border: 1px solid #7cb8ce; color: #00587b; }
.online_content>ul>li>a.wangwang_btn:hover { background-color: #c6eafd; }
.online_content>ul>li>a.line_btn { background-color: #dcf3ff; border: 1px solid #7cb8ce; color: #00587b; }
.online_content>ul>li>a.line_btn:hover { background-color: #c6eafd; }
.online_content>ul>li>a>img { width: 16px; height: 16px; vertical-align: -3px; }
.online_bar .h2 { background: url(../images/online/online_bg.png) repeat-x 0 -156px; height: 29px; line-height: 27px; font-size: 12px; color: #666; text-align: left; _background: url(../images/online/online_bg_ie6.png) repeat-x 0 -156px; }
.online_bar .h2 a { display: block; padding-left: 14px; margin-left: 6px; cursor: pointer; }
.expand .h2 a { background: url(../images/online/online_bg.png) no-repeat -40px -69px; _background: url(../images/online/online_bg_ie6.png) no-repeat -40px -69px; }
.collapse .h2 a { background: url(../images/online/online_bg.png) no-repeat -40px -96px; _background: url(../images/online/online_bg_ie6.png) no-repeat -40px -96px; height: 28px; line-height: 28px; color: #000; }
.collapse .h2 a:hover { color: #000; }
#online_qq_layer { position: fixed; right: 0px; top: 120px; _position: absolute; }
* html, * html body { _background-attachment: fixed; }
* html #online_qq_layer { _bottom: auto;  _top: expression(eval(document.documentElement.scrollTop + 150));
}
#online_qq_tab { float: left; margin-top: 50px; }
#onlineService { float: left; margin-left: -3px; display: none; }
.online_bottom { padding: 3px; border: 0; line-height: 24px; }
.online_bottom ul li { margin-bottom: 0; }
.btn-tab { }
.btn-tab .btn { background-color: #fff; color: #333333; border: 1px solid #bbb; margin: 0 3px; }
.btn-tab .btn:hover { background-color: #f2f2f2; color: #333; }
.btn-tab .btn.active { background-color: #258af2; color: #fff; border: 0; }
.btn-tab .btn.active:hover { background-color: #c6171f; color: #fff; }
.btn-tab-style1 .btn { background-color: #e7e7e7; color: #333333; border: 0; margin: 0 3px; }
.btn-tab-style1 .btn:hover { background-color: #f2f2f2; color: #333; }
.tab-body { }
.tab-body>.tab-content { display: none }
.tab-body>.tab-content.active { display: block }
.blank0 { height: 0; }
.blank1 { height: 1px; }
.blank2 { height: 2px; }
.blank3 { height: 3px; }
.blank4 { height: 4px; }
.blank5 { height: 5px; }
.blank6 { height: 6px; }
.blank7 { height: 7px; }
.blank8 { height: 8px; }
.blank9 { height: 9px; }
.blank10 { height: 10px; }
.blank11 { height: 11px; }
.blank12 { height: 12px; }
.blank13 { height: 13px; }
.blank14 { height: 14px; }
.blank15 { height: 15px; }
.blank16 { height: 16px; }
.blank17 { height: 17px; }
.blank18 { height: 18px; }
.blank19 { height: 19px; }
.blank20 { height: 20px; }
.blank30 { height: 30px; }
.blank40 { height: 40px; }
.blank50 { height: 50px; }
.blank60 { height: 60px; }
.blank70 { height: 70px; }
.blank80 { height: 80px; }
/*inbanner*/
.con_rig.inbanner_box { max-width:inherit;padding: 0;}
.inbanner { height: 530px; background: url(../images/in/inbanner_about.jpg) no-repeat center;margin-top: 100px; position:relative; }
.inbanner img{height: 100%;object-fit: cover; margin:0 auto;}
.inbanner_news { background: url(../images/in/inbanner_news.jpg) no-repeat center; }
.inbanner_serv { background: url(../images/in/inbanner_serv.jpg) no-repeat center; }
.inbanner_contact { background: url(../images/in/inbanner_contact.jpg) no-repeat center; }
.inbanner span { font-size: 50px; color: #fff; display: block; text-shadow: rgba(0, 0, 0, 0.23) 6px 7px 0px; padding: 180px 0 39px 0; font-weight: bold; }
.inbanner em { font-size: 24px; color: #fff; text-shadow: rgba(0,0,0,0.25) 1px 1px 0px; }
.inbanner .serv_map{position:absolute;width:1200px;left:50%;transform:translateX(-50%);top:52%;height:140px;}
.inbanner .serv_map .map{width: 19%;height: 100%;position:absolute;left: 5%;top: 0;}
.inbanner .serv_map .map.map02{left: 28.5%;}
.inbanner .serv_map .map.map03{left: 52.5%;}
.inbanner .serv_map .map.map04{left: 76%;}
.inserv_pc{ display:block;}
.inserv_wrap{ display:none;}
@media (max-width:800px) {
.inbanner .serv_map{width:100%;height: 18%;top: 57%;}
.inserv_pc{ display:none;}
.inserv_wrap{ display:block;}
.inbanner .serv_map .map{width: 18%;left: 6%;}
 .inbanner .serv_map .map.map02{left: 29%;}
 .inbanner .serv_map .map.map03{left: 52%;}
.inbanner .serv_map .map.map04{left: 75%;}
}

/*in nav*/
.innav_bg {
    padding: 18px 20px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    position: relative;
    justify-content: center;
}
.innav_bg_guding { position: fixed; top: 100px; width: 100%; background-color: #fff; z-index: 9; }
.innav_bg .innav_tit { padding-left: 50px; background: url(../images/in/innav_tit_about.png) no-repeat left center; line-height: 46px; position: absolute; left: 20px; }
.innav_bg .innav_tit.innav_tit_news { background: url(../images/in/innav_tit_news.png) no-repeat left center; }
.innav_bg .innav_tit.innav_tit_serv { background: url(../images/in/innav_tit_serv.png) no-repeat left center; }
.innav_bg .innav_tit.innav_tit_contact { background: url(../images/in/innav_tit_contact.png) no-repeat left center; }
.innav_bg .innav_tit span { font-size: 30px; }
.innav_bg ul li { float: left; margin: 18px 22px; }
.innav_bg ul li.on a { color: #b72721; border-bottom: 2px solid #b72721; }
.innav_bg ul li a { font-size: 16px; color: #333; padding-bottom: 32px; }
.innav_bg ul li a:hover { color: #b72721; }
.innav_bg .innav_wz { width: 160px; height: 100px; background-color: #b72721; position: absolute; right: 0; top: 0; }
.innav_bg .innav_wz span { color: #fff; font-size: 16px; line-height: 100px;/* background: url(../images/in/innav_logo.png) no-repeat left center; */ padding: 10px 0 10px 6px; margin-left: 10px; position: relative; }
.innav_bg .innav_wz:before { content: ""; position: absolute; width: 50px; height: 100px; background: url(../images/in/innav_bg.png) no-repeat; margin-left: -50px; }
.innav_bg ul { display: block; }
.innav { display: none; }
/*in内容*/
.con_rig {/* background-color: #f7faff; */ padding: 4vw 0 0 0; margin: 0 auto; max-width: 1200px; }
@media(max-width:1200px) {
.con_rig { max-width: 1100px; }
}
.con_rig h2 { margin-bottom: 50px; text-align: center; }
.con_rig h2 span:before { content: ""; position: absolute; width: 66px; height: 3px; background-color: #b72721; left: -90px; top: 25px; }
.con_rig h2 span:after { content: ""; position: absolute; width: 66px; height: 3px; background-color: #b72721; right: -83px; top: 25px; }
.con_rig h2 span { font-size: 36px; color: #333; position: relative; /*letter-spacing: 7px;*/ color: #b72721; font-family: "微软雅黑"; font-weight: bold; }
/*innews*/
.innews_co { border-bottom: 1px solid #eee; padding: 30px 0; }
.innews_co .innews_img { float: left; width: 29%; height: 14.9vw; overflow: hidden; }
.innews_co .innews_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; }
.innews_co:hover .innews_img img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2) }
.innews_co .innews_rt { float: right; width: 66%; }
.innews_co .innews_rt .innews_date { float: left; width: 100px; text-align: center; border: 1px solid #f1d4d3; height: 100px; padding: 18px 9px; }
.innews_co .innews_rt .innews_date span { font-size: 32px; font-weight: bold; color: #d70e18; }
.innews_co .innews_rt .innews_date em { font-size: 18px; display: block; font-weight: bold; color: #d70e18; margin-top: 10px; }
.innews_co .innews_rt .innews_txt { float: right; width: calc(100% - 130px); }
.innews_co .innews_rt .innews_txt .innews_tit { color: #333; font-weight: bold; font-size: 22px; line-height: 36px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 65px; overflow: hidden; }
.innews_co .innews_rt .innews_txt .innews_tit:hover { color: #d70e18; }
.innews_co .innews_rt .innews_txt .innews_more { background-color: #d70e18; color: #fff; font-weight: normal; font-size: 14px; padding: 0px 30px; float: right; margin-top: 30px; height: auto; line-height: 36px; transition: all 0.3s; border: 1px solid #d70e18; }
.innews_co .innews_rt .innews_txt .innews_more:hover { color: #d70e18; border: 1px solid #d70e18; background-color: transparent; padding: 0px 60px; }
.con_rig p { line-height: 30px; font-size: 14px;/* color: #999; *//* margin-top: 30px; */ font-family: "微软雅黑"; }
/*inbanner*/
#big_banner { min-height: 60px; width: 96%; margin-bottom: 100px; box-shadow: 4px 3px 11px 0px  rgba(183, 39, 33, 0.4); height: 388px; }
#big_banner img { width: 100%; height: 100%;/* vertical-align: middle; */ object-fit: cover; }
#big_banner .swiper-slide { background-color: #ff0000; }
#big_banner .swiper-slide img { }
#big_banner .swiper-pagination { text-align: center; bottom: 10px; }
#big_banner .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #fff; opacity: 1; }
#big_banner .swiper-pagination-bullet-active { background: #b72721; }
/*手机 innav */
.innav { position: relative; width: 100%; height: 60px; z-index: 2; margin: 0 auto; overflow-x: auto; overflow-y: hidden; padding: 0 2%; }
.innav ul { width: auto; white-space: nowrap; }
.innav li { display: block; float: left; width: 33.33%; margin-bottom: 0.1%; }
.innav li:nth-child(4+4n) { border-right: 1px solid #ddd; }
.innav li.on { border-color: #003c8d; }
.innav li a { display: block; width: 99%; height: 38px; font-size: 13px; color: #fff; line-height: 38px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0.1%; background-color: rgba(255,255,255,.1); box-shadow: 0 2px 7px 0 rgba(5,34,97,.1); border-radius: 100px 0 0 100px; }
.innav li:nth-child(2) a { border-radius: 0; }
.innav li:nth-child(5) a { border-radius: 0; }
.innav li:nth-child(3n) a { border-radius: 0 100px 100px 0; }
.innav li:last-child a { border-radius: 0 100px 100px 0; }
.innav li.on a { background: rgba(255,255,255,.2); color: #fff; }
.inmain { background: #fff; padding: 10px 0; font-size: 14px; color: #444; line-height: 2em; overflow: hidden; margin: 0 auto; width: 96%; }
.page-name { font-size: 14px; line-height: 20px; margin-bottom: 10px; font-weight: bold; }
/*手机滑动导航*/
.innav .swiper1 { width: 100%; }
.innav .swiper1 .swiper-slide { text-align: center; font-size: 14px; height: 62px; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; color: #333; margin-right: 9px !important; }
.innav .swiper1 .selected { color: #b72721; }
.innav .swiper1 .selected a { border-bottom: 2px solid #b72721; padding-bottom: 20px; padding-top: 20px; }
.innav .swiper1 .swiper-slide:last-child { border-radius: 0 100px 100px 0; }
.innav .swiper2 { width: 100%; }
.innav .swiper2 .swiper-slide { height: calc(100vh - 50px); background-color: #ccc; color: #fff; text-align: center; box-sizing: border-box !important; overflow-x: hidden !important; }
/*新闻分页*/
.pagination { text-align: center; line-height: 30px; margin: 30px 0; display: flex; justify-content: center; }
.pagination a:nth-child(1), .pagination a:nth-child(2), .pagination a:nth-last-child(2), .pagination a:last-child { padding: 0 16px; font-size: 14px; border: 1px solid #e9e9e9; display: inline-block; color: #555; text-decoration: none; border-right: none; }
.pagination a:last-child { border: 1px solid #e9e9e9; }
.pagination .number { width: 40px; font-size: 14px; border: 1px solid #e9e9e9; display: inline-block; color: #555; text-decoration: none; border-right: none; }
.pagination .number.current { font-size: 14px; border: 1px solid #d70e18; display: inline-block; color: #fff; background: #d70e18; }
.pagination a:hover { text-decoration: underline; }
/* 文章页 */
.article { }
.article .a-title { padding-bottom: 14px; text-align: center; border-bottom: 1px solid #e5e5e5; }
.article .a-title .h1 { width: 100%; line-height: 34px; font-size: 28px; margin-bottom: 8px; color: #333; padding: 10px 10px; font-weight: bold; }
.article .a-title .info { width: 100%; line-height: 20px; font-size: 13px; color: #999; }
.article .a-title .info em { margin-right: 18px; }
.article .a-dd { padding: 10px; background: #f5f5f5; color: #666; font-size: 13px; line-height: 1.6em; border-radius: 4px; border: 1px solid #eee; margin-bottom: 20px; }
.article .a-body { padding: 30px 10px; }
.page_control { width: 100%; margin-top: 30px; margin-bottom: 30px; padding-top: 16px; border-top: 1px dashed #ddd; }
.page_control .button { width: 66px; height: 36px; line-height: 34px; margin: 0 auto; font-size: 14px; padding: 0; text-align: center; margin-top: -18px; background: #fff; }
.page_control .page_go { width: 49%; font-size: 12px; }
.page_control .page_go a { line-height: 20px; font-size: 13px; color: #666; margin-top: 10px; }
.page_control .page_go a:hover { color: #f08200; }
/*人才招聘*/
.l_1180 { width: 100%; background: #555; height: 45px; line-height: 45px; font-size: 14px; color: #fff; cursor: pointer; margin-bottom: 20px; }
.l_1180:hover { background-color: #b72721; }
.l_1180 .z_263 { width: 263px; padding-left: 46px; font-size: 16px; color: #fff; float: left; }
.l_1180 .z_200 { width: 200px; text-align: center; float: left; }
.l_1180 .z_210 { width: 210px; text-align: center; float: left; }
.l_1180 .z_190 { width: 190px; text-align: center; float: left; }
.l_1180:hover .z_190, .l_1180:hover .z_210, .l_1180:hover .z_200, .l_1180:hover .z_263 { color: #fff; }
/*留言*/
.add-msg-form { margin-bottom: 60px; }
.add-msg-form input { box-sizing: border-box; padding: 0 15px; border: 1px solid #ddd; height: 40px; line-height: 40px; color: #444; width: 100%; margin-bottom: 20px; }
.add-msg-form .cf-column { position: relative; width: 50%; float: left; padding-right: 15px; padding-left: 15px; }
.row { margin-right: -15px; margin-left: -15px; }
.add-msg-form textarea { box-sizing: border-box; border: 1px solid #ddd; color: #333; min-height: 100px; padding: 15px; color: #444; width: 100%; margin-bottom: 20px; }
.add-msg-form .col-md-12 { width: 100%; position: relative; }
.add-msg-form .col-md-12 .code { position: absolute; right: 15px; top: 0; }
.add-msg-form .submit-button { box-sizing: border-box; width: 100%; line-height: 40px; height: 40px; float: right; padding: 0px 15px; border: 0px; color: #fff; position: relative; background-color: #333; cursor: pointer; font-size: 14px; margin-top: 0; }
/*展览会议*/
.zlhy_box .zlhy_co { float: left; width: 49%; margin-right: 2%; margin-bottom: 2%; }
.zlhy_box .zlhy_co:nth-child(2n) { margin-right: 0%; }
.zlhy_box .zlhy_co .zlhy_img { height: 330px; }
.zlhy_box .zlhy_co .zlhy_img img { width: 100%; height: 100%; object-fit: cover; }
.zlhy_box .zlhy_co .zlhy_tit { background-color: #fff; line-height: 50px; text-align: center; }
.zlhy_box .zlhy_co .zlhy_tit a { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 50px; overflow: hidden; }
.zlhy_box .zlhy_co .zlhy_tit p { margin-top: 0px; padding: 0 10px 0px 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 54px; overflow: hidden; margin-bottom: 0; line-height: 24px; }
.zlhy_box .zlhy_co:hover .zlhy_tit p { color: #fff; }
.zlhy_box .zlhy_co:hover .zlhy_tit { background-color: #b72721; }
.zlhy_box .zlhy_co:hover .zlhy_tit a { color: #fff; }
/*创业孵化*/
.cytz_box .zlhy_co { width: 49%; }
.cytz_box .zlhy_co:nth-child(3n) { margin-right: 2%; }
.cytz_box .zlhy_co:nth-child(2n) { margin-right: 0; }
.cytz_box .zlhy_co .zlhy_tit { padding-bottom: 10px; }
/*媒体传播*/
.mtcb_box .zlhy_co { float: left; width: 23.5%; margin-right: 2%; margin-bottom: 2%; }
.mtcb_box .zlhy_co:nth-child(2n) { margin-right: 2%; }
.mtcb_box .zlhy_co:nth-child(4n) { margin-right: 0; }
.mtcb_box .zlhy_co .zlhy_img { height: 200px; }
/*内页设计*/
.incon { margin: 80px 0 0 0; }
/*about*/
.inabout_box {
    display: flex;
    flex-wrap: wrap;
    /* position: relative; */
}
.inabout_box .inab_co {width: 18%;float: left;margin-right: 2%;transition:all 0.3s;}
    .inabout_box .inab_co.current .inab_txt {
        width: 580px;
        height: auto;
        position: relative;
        margin-left: -200px;
        height: 410px;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    }
.inabout_box .inab_co:nth-child(5n) { margin-right: 0; }
.inabout_box .inab_co:last-child { margin-bottom: 0; }
.inabout_box .inab_co .inab_img {/* float: left; */width: 100%;position: relative;margin-top: 8px;text-align: center;height: 97px;}
.inabout_box .inab_co .inab_img:before {content: "";position: absolute;width: 1px;height: 80px;background-color: #e5e5e5;right: 22px;top: 0px;display: none;}
.inabout_box .inab_co .inab_img i{width:80px;height: 56px;display: inline-block;}
.inabout_box .inab_co .inab_img p {margin-top: 10px;font-size: 16px;font-weight: bold;color: #b72721;/* padding-left: 12px; */}
.inabout_box .inab_co .inab_txt {width:100%;font-size: 14px;color: #000;background-color: #ffffff;box-shadow: 4px 5px 11px 0px rgba(0, 0, 0, 0.1);margin-bottom: 20px;padding: 20px 20px;z-index: 9999;transition: all 0.3s;height: 410px;}
.inabout_box .inab_co .inab_txt>p{height: 266px;overflow: hidden;}
.inabout_box .inab_co.current .inab_txt>p{ height:auto;}
.inab_bot { background-color: #414b54; }
.inab_bot .ab_bot_img { float: left; width: 138px; background-color: #b72721; padding: 45px 0; text-align: center; }
.inab_bot .ab_bot_rt { float: left; width: calc(100% - 138px); padding: 29px 1vw; }
.inab_bot .ab_bot_rt p { color: #fff; font-size: 20px; letter-spacing: 2px; font-weight: bold; line-height: 42px; }
/*爱奇会展*/
.hui_box { }
.hui_box .hui_co { background-color: #ffffff; box-shadow: 4px 5px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 20px; margin-bottom: 2vw; padding: 1.5vw 1.5vw; }
.hui_box .hui_co:last-child { margin-bottom: 0; }
.hui_box .hui_co .hui_img { float: left; width: 338px; }
.hui_box .hui_co .hui_txt { float: right; width: calc(100% - 360px); color: #000; }
.hui_box .hui_co:nth-child(2n-1) .hui_img { float: right; }
.hui_box .hui_co:nth-child(2n-1) .hui_txt { float: left; }
/*爱奇体育*/
.tiyu_box { position: relative; margin-bottom: 160px; }
.tiyu_box .ty_le { width: 52%; float: left; background-color: #b72721; padding: 3vw 3vw; }
.tiyu_box .ty_le p { color: #fff; font-size: 14px; line-height: 30px; width: 60%; float: right; }
.tiyu_box .ty_rt { width: 50%; float: right; position: absolute; right: 0; top: 53px; }
/*-------业务范围-------*/
/*展览会议*/
.djh_box #owl-demo { width: 100%; margin: 60px auto 0 auto; }
.djh_box #owl-demo .item { display: block; }
.djh_box #owl-demo img { display: block; width: 100%; object-fit: cover; height: 100%; }
.djh_box .owl-pagination { display: none; }
.djh_box .owl-theme .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    left: -100px;
    top: 40%;
    background: url(../images/djh_prev.png) no-repeat;
    width: 57px;
    height: 95px;
    z-index: 999;
    opacity: 1;
}
.djh_box .owl-theme .owl-controls .owl-buttons .owl-next { position: absolute; right: -100px; top: 40%; background: url(../images/djh_next.png) no-repeat; width: 57px; height: 95px; opacity: 1; }
.djh_box .inzhan_co { display: block; position: relative; height: 254px; }
.djh_txt_bg { background-color: rgba(85,85,85,.9); position: absolute; width: 100%; bottom: 0; left: 0; transition: all 0.3s; }
.djh_txt { padding: 10px 18px; position: relative; height: 100%; }
.djh_txt:before { content: ""; position: absolute; width: 38px; height: 38px; background: url(../images/in/zhan_more.png) no-repeat; right: 3%; top: 50%; margin-top: -19px; }
.djh_txt span { color: #fff; display: block; width: 80%; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inzhan_co:hover .djh_txt_bg { height: 100%; background-color: rgba(183,39,33,.94); }
.inzhan_co:hover .djh_txt span { margin-top: 28%; }
/*创业孵化*/
.chuang_box .chuang_co { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06); background-color: #fff; margin-bottom: 2vw; border-radius: 20px; padding: 2vw; }
.chuang_box .chuang_co .chuang_txt { float: left; width: calc(100% - 520px); margin-top: 3%; }
.chuang_box .chuang_co .chuang_txt span { font-size: 24px; color: #333; font-weight: bold; }
.chuang_box .chuang_co .chuang_txt p { font-size: 16px; color: #333; border-top: dashed 1px #b72721; margin-top: 20px; padding-top: 20px; }
.chuang_box .chuang_co .chuang_img_bg { float: right; background-color: #b72721; position: relative; width: 480px; height: 268px; margin-top: 10px; }
.chuang_box .chuang_co .chuang_img_bg .chuang_img { position: absolute; left: -10px; top: -14px; width: 100%; }
.chuang_box .chuang_co:nth-child(2n) .chuang_txt { float: right; }
.chuang_box .chuang_co:nth-child(2n) .chuang_img_bg { float: left; }
/*其他图片*/
.other_banner { height: 500px; background: url(../images/in/inbanner_bg.jpg) no-repeat center; }
.other_banner .banner_le { float: left; margin-left: 22%; margin-top: 200px; }
.other_banner .banner_le span { font-size: 24px; color: #fff; border-bottom: 2px solid #fff; padding-bottom: 15px; }
.other_banner .banner_rt { width: 50%; float: right; margin-right: 13%; margin-top: 3%; }
/*市场调研*/
.dy_main #dy-demo { width: 1200px; margin-left: auto; margin-right: auto; position: absolute; top: -200px; }
.dy_main #dy-demo .dy_item { display: block; }
    .dy_main #dy-demo img {
        display: block; /*width: 100%;*/
        margin: 0 auto;
        height: 440px;
        object-fit: cover;
        box-shadow:0 0 8px rgba(0,0,0,.1);
        border-radius:10px;
    }
.dy_main .owl-page span { background-color: #bbb !important; width: 14px !important; height: 14px !important; }
.dy_main .owl-page.active span { background-color: #b72721 !important; }
.dy_main .owl-buttons { display: none; }
.dy_main { background-color: #fff; position: relative; height: 420px; margin-top: 220px; }
.dy_main .dy_item { width: 100%; }
.dy_main .dy_item .dy_le { float: left; width: 50%; margin-top: 280px; }
.dy_main .dy_item .dy_le .dy_tit { font-size: 28px; color: #333; }
.dy_main .dy_item .dy_le .dy_more { width: 225px; height: 54px; background-color: #b72721; border-radius: 27px; text-align: center; font-size: 18px; color: #fff; line-height: 54px; display: block; margin-top: 30px; }
.dy_main .dy_item .dy_rt { float: right; width: 46%; }
    .dy_main .dy_item .dy_rt a{padding:10px 0;display:block;}
    /*媒体传播*/
    .cb_main #cb-demo {
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
.cb_main #cb-demo .cb_item { display: block; margin: 0 10px; }
.cb_main #cb-demo img { display: block; width: 100%; }
.cb_main .owl-pagination { display: none; }
.cb_main .owl-theme .owl-controls .owl-buttons .owl-prev { position: absolute; left: -5%; top: 43%; background: url(../images/cb_prev.png) no-repeat; width: 32px; height: 61px; z-index: 999; opacity: 1; }
.cb_main .owl-theme .owl-controls .owl-buttons .owl-next { position: absolute; right: -5%; top: 43%; background: url(../images/cb_next.png) no-repeat; width: 32px; height: 61px; opacity: 1; }
.cb_main .cb_item .zlhy_co { width: 100%; margin-bottom: 20px; }
.cb_main .cb_item .zlhy_co:last-child { margin-bottom: 0; }
.cb_box { margin-top: 60px; padding-bottom: 60px; }
/*国际交流*/
.gj_main #gj-demo { width: 1200px; margin-left: auto; margin-right: auto; }
.gj_main #gj-demo .gj_item { display: block; padding-bottom: 10px; }
.gj_main #gj-demo img { display: block; width: 100%; }
.gj_main .owl-pagination { display: none; }
.gj_main .owl-theme .owl-controls .owl-buttons .owl-prev { position: absolute; left: -5%; top: 35%; background: url(../images/cb_prev.png) no-repeat; width: 32px; height: 61px; z-index: 999; opacity: 1; }
.gj_main .owl-theme .owl-controls .owl-buttons .owl-next { position: absolute; right: -5%; top: 35%; background: url(../images/cb_next.png) no-repeat; width: 32px; height: 61px; opacity: 1; }
.gj_box { margin-top: 60px; padding-bottom: 60px; }
.gj_main .gj_item { margin: 0 10px; }
.gj_main .gj_item .gj_co { background-color: #fff; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.06); border-radius: 20px; padding: 2vw 1vw; }
.gj_main .gj_item .gj_co .gj_img {width: 194px;height: 194px;border-radius: 10px;margin: 0 auto;overflow: hidden;box-shadow: 0px 3px 5px 0px  rgba(0, 0, 0, 0.06);border: solid 6px #ffffff;}
.gj_main .gj_item .gj_co .gj_img img { width: 100%; height: 100%; object-fit: cover; }
.gj_main .gj_item .gj_co .gj_txt { text-align: center; margin-top: 20px; }
.gj_main .gj_item .gj_co .gj_txt p { font-size: 15px; color: #666; line-height: 24px; height: 48px; overflow: hidden; }
/*加入我们*/
.adg_join { padding: 2vw; background-color: #fff; box-shadow: 4px 5px 11px 0px rgb(0 0 0 / 10%); border-radius: 20px; }
.adg_join .join_le { float: left; width: 48%; }
.adg_join .join_le img { width: 100%; }
.adg_join .join_rt { float: right; width: 50%; margin-top: 24px; }
 @media (max-width: 800px) {
.adg_join { padding: 4vw; }
.adg_join .join_le { width: 100%; }
.adg_join .join_rt { width: 100%; margin-top: 20px; }
}
.zzbox { position: fixed; bottom: 0; width: 100%; height: 100%; right: 0; display: block; background-color: #000; opacity: .5; filter: alpha(opacity=50); top: 0; left: 0; overflow: hidden; z-index: 9999 }
.fancybox-opened { width: 50%; height: auto; /*min-height: 323px;*/
position: fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -25%; opacity: 1; overflow: visible; z-index: 10000; background-color: #fff }
.fancybox-opened .fancybox-skin { padding: 25px; }
.fancybox-opened .fancybox-close { background-image: url(../images/fancybox_sprite.png); position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 10001 }
.fancybox-opened .biography-info { width: 170px; margin-right: 40px; text-align: center; font-size: 14px; color: #666; float: left; }
.fancybox-opened .biography-info img { width: 170px; display: block; padding: 5px; border-radius: 5px; box-shadow: 0px 0px 5px #ccc; }
.fancybox-opened .biography-intro { font-size: 14px; color: #787878; width: auto; padding-top: 5px; }

@media (min-width: 1300px){
  .fancybox-opened .biography-intro{width: calc(100% - 210px);float: right;}
                         
}
.fancybox-opened .biography-intro b { color: #b72721; font-size: 20px; padding-bottom: 10px; display: block; }
.fancybox-opened .biography-intro p.p2 { line-height: 30px; }
.fancybox-opened .biography-intro .biography-intro-c { color: #333; line-height: 30px; }
    .fancybox-opened .biography-intro .biography-intro-c p {
        margin-top: 10px;
        font-size: 12px;
        line-height: 2;
    }

.sidebar_navbg {
    width: 32px;
    height: 18px;
    background: url(../images/sidebar_navbg.png) no-repeat;
    margin: 0 auto 0 auto;
    cursor: pointer;
}
.sidebar_nav ul{display:none;margin-top: 20px;}
.sidebar_nav:hover ul{display:block;padding-right: 10px;}
.sidebar_nav {
    /* width: 160px; */
    padding-top: 30px;
    position: fixed;
    top: 100px;
    right: 50%;
    margin-right: -739px;
    z-index: 99999;
    background-color: rgba(0,0,0,.4);
    padding-bottom: 30px;
    padding: 30px 30px 30px 30px;
}
.sidebar_nav .posi-li { position: relative; width: 100%; height: 30px; font-size: 15px; color: #666; }
.sidebar_nav .posi-li:before { display: block; /*content:' ';*/
position: absolute; top: 0px; left: 11px; width: 2px; height: 30px; background: #ea5514; }
.sidebar_nav .posi-li.first:before { top: 15px; }
.sidebar_nav .posi-li.last:before { top: -15px; }
.sidebar_nav .posi-li a {display: block;width: 100%;height: 100%;padding-left: 26px;line-height: 30px;color: #fff;text-decoration: none;}
.sidebar_nav .posi-li a:before {display: block;content: ' ';position: absolute;top: 0px;left: 0;width: 16px;height: 30px;background: url(../images/in/posi-li-a.png) center center no-repeat;}
.sidebar_nav .posi-li.first a:before { height: 21px; background-position: bottom center; top: 9px; }
.sidebar_nav .posi-li.last a:before { height: 21px; background-position: top center; bottom: 9px; }
.sidebar_nav .posi-li.first.now a:before { height: 23px; top: 7px; }
.sidebar_nav .posi-li.last.now a:before { height: 23px; bottom: 7px; }
.sidebar_nav .posi-li.now a:before { background-image: url(../images/in/posi-li-now-a.png); }
.sidebar_nav .posi-li.now a {color: #d70e18;    }
.sidebar_nav .posi-li:hover a {color: #d70e18;}
.sidebar_nav .posi-li:hover a:before {background-image: url(../images/in/posi-li-now-a.png);}
    .sidebar_nav .posi-li.current a {
        color: #d70e18;
    }
        .sidebar_nav .posi-li.current a:before {
            color: #d70e18;
            background-image: url(../images/in/posi-li-now-a.png);
        }
.sidebar_nav1 {
    width: 100%;
    position: relative;
    z-index: 9994;
    background: #fff;
    padding-bottom: 30px;
}
.sidebar_nav_on {
    position: fixed;
    top: 100px;
    border-top: 1px solid #eee;
    box-shadow: 1px 1px 15px 0px rgba(4, 0, 0, 0.1);
}
.sidebar_nav1 .w {
    padding-top: 30px;
}
    .sidebar_nav1 li {
        line-height: 42px;
        height: 42px;
        position: relative;
        text-align: center;
        transition: all 0.2s;
        padding:0 10px;
        float: left;
        box-shadow: 0px 1px 3px 0px rgba(0,0,0,.25);
        background-color: #fff;
        margin-right: 12px;
        border-radius: 5px;
    }
    .sidebar_nav1 li.on, .sidebar_nav1 li:hover {
        background-color: #b72721;
        color:#fff;
    }
.sidebar_nav1 li a{display:block;}
        .sidebar_nav1 li:last-child{ margin-right:0;}

        .btn_more.btn_news {
            margin-top: 20px;
            margin-bottom: 30px;
        }

.btn_more {
    width: 220px;
    background:#555;
    border-radius: 25px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
    margin-top: 50px;
}

    .btn_more:hover {
        background:#d70e18;
    }

    .btn_more a {
        color: #fff;
        font-size: 18px;
        display: block;
    }
.anchor {
    display: block;
    height: 100px; /*和顶部fix的高度一致*/
    margin-top: -100px; /*和顶部fix的高度一致*/
    visibility: hidden;
}

.form-table-line-clamp {
    width: 200px;
    font-size: 16px;
    line-height: 20px;
    border: 1px solid #000;
    box-sizing: border-box;
}

/*旗下平台*/
.qx_main{ display:flex;justify-content:center; flex-wrap:wrap; margin-bottom:80px;}
.qx_main .qx_co{width: 49%;/* padding: 0 2%; */margin-bottom:20px;margin-right: 2%;}
.qx_main .qx_co:nth-child(2n){margin-right: 0;}
.qx_main .qx_co .qx_img{
    width: 100%;
}
.qx_main .qx_co .qx_img img{
    width: 100%;
}
.qx_main .qx_co .qx_txt{
    position: relative;
}
.qx_main .qx_co .qx_txt .qx_num{
    width: 70px;
    height: 100px;
    position: absolute;
    background-color: #d32222;
    top: -80px;
    box-shadow: 3px 3px 21px 0 rgba(0,0,0,.3);
}
.qx_main .qx_co .qx_txt .qx_num em{ color:#fff;position:absolute;bottom:0; right:0; font-size:40px;}
.qx_main .qx_co .qx_txt h4{
    padding-left: 90px;
    margin-top: 8%;
    font-size: 18px;
    font-weight: bold;
}
.qx_main .qx_co:hover h4{color: #b72721;}
.qx_main .qx_co .qx_txt p {color: #999;margin-top: 30px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;height: 85px;overflow: hidden;display: -moz-box;-moz-line-clamp: 3;-moz-box-orient: vertical;}
@media(max-width:800px) {
    .qx_main .qx_co .qx_txt p {
        height: 80px;
        margin-top: 20px;
    }
    .djh_box .owl-theme .owl-controls .owl-buttons .owl-prev {
        position: absolute;
        left: 10px;
        top: 40%;
        background: url(../images/djh_prev.png) no-repeat;
        width: 57px;
        height: 95px;
        z-index: 999;
        opacity: 1;
    }

    .djh_box .owl-theme .owl-controls .owl-buttons .owl-next {
        position: absolute;
        right: 10px;
        top: 40%;
        background: url(../images/djh_next.png) no-repeat;
        width: 57px;
        height: 95px;
        opacity: 1;
    }
}
@media(max-width:600px) {
 .qx_main .qx_co{width:100%; margin-right:0;}
}
.qx_other{
    display: flex;
    flex-wrap: wrap;
}
.qx_other .qx_other_co{
    width: 31.33%;
    background-color: #414b54;
    margin-bottom: 6%;
    margin-right: 3%;
    padding-bottom: 40px;
    position: relative;
    padding-top: 24px;
    border-bottom: 3px solid #b72721;
    padding-right: 10px;
}
.qx_other .qx_other_co:nth-child(3n){margin-right: 0%;}
.qx_other .qx_other_co .qx_num{
    width: 70px;
    height: 70px;
    position: absolute;
    background-color: #d32222;
    top: -28px;
    box-shadow: 3px 3px 21px 0 rgba(0,0,0,.3);
    left: 20px;
}
.qx_other .qx_other_co .qx_num em{color:#fff;position:absolute;bottom:0;right:0;font-size: 34px;}
.qx_other .qx_other_co h4{color: #fff;padding-left: 110px;font-size: 14px;}
@media(max-width:800px) {
   .qx_other .qx_other_co{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 14%;
}
   .qx_other .qx_other_co:nth-child(3n){margin-right: 2%;}
.qx_other .qx_other_co:nth-child(2n){margin-right: 0%;}

}
@media(max-width:600px) {
   .qx_other .qx_other_co{
    width: 100%;
    margin-right: 0;
}
   .qx_other .qx_other_co:nth-child(3n){margin-right: 0%;}
.qx_other .qx_other_co:nth-child(2n){margin-right: 0%;}

}
/*展览会议logo*/
.zhan_logo{ display:flex;flex-wrap:wrap;margin:0 -1.5%;}
.zlogo_co{width: 18%;margin-right:1%;margin-left:1%;margin-bottom: 3%;}
/*.zlogo_co:nth-child(4n){margin-right:0; }*/
.zlogo_co i a{display:block;background-color:#fff;display:flex;justify-content:center;align-items:center;padding: 20px 10px;width: 100%;height: 120px;}
.zlogo_co i a img{/* width:100%; *//* height:100%; */margin: 0 auto;max-width: 100%;max-height: 100%;}
.zlogo_co .zlogo_txt{ background-color:#555; text-align:center; line-height:40px;}
.zlogo_co:hover .zlogo_txt{ background-color:#b72721;}
.zlogo_co .zlogo_txt span{ color:#fff; font-size:14px;}
@media(max-width:800px) {
   .zlogo_co{width: 31.33%;margin-bottom: 3%;}
    .zlogo_co i a{height:80px;}
    .zlogo_co .zlogo_txt span{font-size:12px;}
}

/*新闻时间搜索*/
.innews_datebox {
    text-align: right;
}
.innews_datebox  select{width:200px;padding: 0 15px;appearance: auto;-moz-appearance: auto;-webkit-appearance: auto;display: inline-block;height: 40px;border-radius: 5px;font-size: 14px;border: 1px solid #eee;background-color: #fff;}