@charset "utf-8";
/* Author: lucy of wisdom
 * Copyright 2017 Admin Designs
===================================================
   Web of Contents
===================================================
  A. Typography
  B. Padding Helpers
  C. Margin Helpers
  D. LineHeight Helpers
  E. Font Size Helpers
  F. Text Colors
  G. Border Colors
  H. Background Colors
  I. Float
  J. Ellipsis
  K. Width
  O. position
  P. box

===================================================
  layout
=================================================== */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { width: 100%; margin: 0; padding: 0; font-family: "Microsoft YaHei"; color: #666; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%; font-size-adjust: 100%; font-weight: 400; font-size: 14px; line-height: 1.475; background-color: #f2f2f2; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding: 0; margin: 0; }
ol, ul, li, dl, dt, dd, form, img, p, form { margin: 0; padding: 0; border: none; list-style-type: none; vertical-align: top; }
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, button, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; word-wrap: break-word; word-break: break-all; font-style: normal; }
i, em, ins { font-style:normal;text-decoration:none; }
select, input { vertical-align: middle; }
button { font-family: "Microsoft YaHei"; cursor: pointer; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*===============================================
  A. Typography
================================================= */
a { text-decoration: none; cursor: pointer; }
a:focus { outline: none; }

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

.text-uppercase { text-transform: uppercase; }
.clearfix { *zoom: 1;}
.clearfix:after { clear: both; display: block; visibility: hidden; overflow: hidden; height: 0; content: "."; font-size: 0; }

/*===============================================
  B. Padding Helpers
================================================= */
.pn { padding: 0 !important; }
.p1 { padding: 1px !important; }
.p2 { padding: 2px !important; }
.p3 { padding: 3px !important; }
.p4 { padding: 4px !important; }
.p5 { padding: 5px !important; }
.p6 { padding: 6px !important; }
.p7 { padding: 7px !important; }
.p8 { padding: 8px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p50 { padding: 50px !important; }
.ptn { padding-top: 0 !important; }
.pt3 { padding-top: 3px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt67 { padding-top: 67px !important; }
.prn { padding-right: 0 !important; }
.pr3 { padding-right: 3px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pbn { padding-bottom: 0 !important; }
.pb3 { padding-bottom: 3px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pln { padding-left: 0 !important; }
.pl3 { padding-left: 3px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
/*===============================================
  C. Margin Helpers
================================================= */
.mn { margin: 0 !important; }
.m1 { margin: 1px !important; }
.m2 { margin: 2px !important; }
.m3 { margin: 3px !important; }
.m4 { margin: 4px !important; }
.m5 { margin: 5px !important; }
.m8 { margin: 8px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m50 { margin: 50px !important; }
.mtn { margin-top: 0 !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mrn { margin-right: 0 !important; }
.mr3 { margin-right: 3px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mbn { margin-bottom: 0 !important; }
.mb3 { margin-bottom: 3px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mln { margin-left: 0 !important; }
.ml3 { margin-left: 3px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml70 { margin-left: 70px !important; }
/*===============================================
  D. LineHeight Helpers
================================================= */
.lh0 { line-height: 0 !important; }
.lh5 { line-height: 5px !important; }
.lh10 { line-height: 10px !important; }
.lh15 { line-height: 15px !important; }
.lh20 { line-height: 20px !important; }
.lh25 { line-height: 25px !important; }
.lh30 { line-height: 30px !important; }
.lh35 { line-height: 35px !important; }
.lh40 { line-height: 40px !important; }
/*===============================================
  E. Font Size Helpers
================================================= */
.fs3 { font-size: 4px !important; }
.fs4 { font-size: 4px !important; }
.fs5 { font-size: 5px !important; }
.fs6 { font-size: 6px !important; }
.fs7 { font-size: 7px !important; }
.fs8 { font-size: 8px !important; }
.fs9 { font-size: 9px !important; }
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fs35 { font-size: 35px !important; }
.fs40 { font-size: 40px !important; }
.fs45 { font-size: 45px !important; }
.fs50 { font-size: 50px !important; }
.fw-no { font-weight: normal;}
.fw-b { font-weight: bold; }
.fw400 { font-weight: 400; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
/*===============================================
  F. Text Colors
================================================= */
.c-fff { color: #fff!important; }
.c-000 { color: #000!important; }
.c-333 { color: #333!important; }
.c-666 { color: #666!important; }
.c-999 { color: #999!important; }
.c-a0a0a0 { color: #a0a0a0!important; }
.c-ccc { color: #ccc!important; }
.c-green { color: #259b24!important; }
.c-orange { color: #ff9800!important; }
.c-red { color: #d90111!important; }
.c-primary { color: #007aff!important; }
.c-positive { color: #4cd964!important; }
.c-negative { color: #dd524d!important; }
/*===============================================
  G. Border Colors of style
================================================= */
.border-eee { border-color: #eee; }
.border-ccc { border-color: #ccc; }
.border-dedede { border-color: #dedede; }
.border-green { border-color: #259b24; }
.border-orange { border-color: #ff9800; }
.border-red { border-color: #d90111; }
.border-primary { border-color: #007aff; }
.border-positive { border-color: #4cd964; }
.border-negative { border-color: #dd524d; }
/* Border Width */
.bw1 { border-width: 1px !important; }
.bw2 { border-width: 2px !important; }
.bw3 { border-width: 3px !important; }
.bw4 { border-width: 4px !important; }
.bw5 { border-width: 5px !important; }
/* Border Style */
.bs-dashed { border-style: dotted !important; }
.bs-dotted { border-style: dashed !important; }
.bs-solid { border-style: solid !important; }
/* Disable Border */
.border-left-none { border-left: none !important; }
.border-right-none { border-right: none !important; }
.border-top-none { border-top: none !important; }
.border-bottom-none { border-bottom: none !important; }
.border-none { border: none !important; }
/*===============================================
  H. Background Colors
================================================= */
.bg-fff { background: #fff; }
.bg-000 { background: #000; }
.bg-f2f2f2 { background: #f2f2f2; }
.bg-f5f5f5 { background: #f5f5f5; }
.bg-eee { background: #eee; }
.bg-green { background: #259b24; }
.bg-orange { background: #ff9800; }
.bg-red { background: #d90111; }
.bg-primary { background-color: #007aff; }
.bg-positive { background-color: #4cd964; }
.bg-negative { background-color: #dd524d; }
/*===============================================
   I. Float and text-align
================================================= */
.pull-left { float: left; display: inline-block; }
.pull-right { float: right; display: inline-block; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important;; }
.text-right { text-align: right !important;; }
/*===============================================
   J. Ellipsis
================================================= */
.word-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
/*===============================================
   k. Width
================================================= */
.wd5 { width: 5%; }
.wd10 { width: 10%; }
.wd15 { width: 15%; }
.wd20 { width: 20%; }
.wd25 { width: 25%; }
.wd30 { width: 30%; }
.wd40 { width: 40%; }
.wd50 { width: 50%; }
.wd60 { width: 60%; }
.wd70 { width: 70%; }
.wd75 { width: 75%; }
.wd80 { width: 80%; }
.wd85 { width: 85%; }
.wd90 { width: 90%; }
.wd100 { width: 100%; }
/*===============================================
   0. position
================================================= */
.p-r { position: relative; }
.p-a { position: absolute; }
.t-0 { top: 0;}
.r-0 { right: 0;}
.b-0 { bottom: 0;}
.l-0 { left: 0;}
/*===============================================
   P. box
================================================= */
.vam { vertical-align: middle; }
.vat { vertical-align: top; }
.over { overflow: hidden; }
.dis-none { display: none;}
.dis-block { display: block;}
.dis-inline-blcok { display: inline-block;}
.mar-auto { margin:auto;}





.container-fluid {padding-right: 8px;padding-left: 7px;}
.row {margin-right: -8px;margin-left: -7px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-right: 8px;padding-left: 7px;}

/* top */
.navbar-fixed-top{height:80px;position:relative;z-index:1000;}
.navbar-fixed{height:80px;width:100%;padding:0px 15px; }
.navbar-fixed-bg{background: #0099cb; 
background: -moz-linear-gradient(left, #007398 0%, #0099cb 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0099cb), color-stop(100%,#0099cb));
background: -webkit-linear-gradient(left, #007398 0%,#0099cb 100%);
background: -o-linear-gradient(left, #007398 0%,#ffffff 100%); 
background: -ms-linear-gradient(left, #007398 0%,#0099cb 100%);
background: linear-gradient(to right, #007398 0%,#0099cb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007398', endColorstr='#0099cb',GradientType=0 );
}:root {filter:none;}

.top-left .logo{height:60px;display:table;}
.top-left .logo a{display:table-cell;height:60px;vertical-align:middle;}
.top-left .logo a img{ max-width: 100%; max-height:50px;vertical-align:middle;}

.top-center .top-center-a{height:45px;line-height:45px;float:right;margin-top:7px;position:relative;}
.top-center .top-center-a i{display:inline-block;width:45px;height:45px;float:left;margin-right:10px;}
.top-center .top-center-a i img{width:45px;height:45px;border-radius:50%;}
.top-center .top-center-a span{font-size:14px;color:#fff;cursor: pointer;}

.top-center .top-center-b{height:30px;line-height:30px;float:right; position:relative;}
.top-center .top-center-b span{display:inline-block;overflow:hidden;height:30px;position:relative;color:#fff;}
.top-center .top-center-b span i{display:inline-block;width:20px;height:20px; } 
.top-center .top-center-b span .icon1 {background:url(../images/icon.png) no-repeat 0 0;}
.top-center .top-center-b span .icon2 {background:url(../images/icon.png) no-repeat 0 -20px;}
.top-center .top-center-b span a{color:#fff;text-decoration: none;}
.top-center .top-center-b span ins{display:inline-block;padding:0 6px;height:15px;line-height:15px;color:#fff;font-size:12px;background:#53b992;position:absolute;left:12px;top:0;border-radius:50%;text-decoration: none;}

.top-center .top-center-c{height:60px;line-height:20px;float:right; position:relative;}
.top-center .top-center-c a{color:#1b666f;text-decoration: none;}
.top-center .top-center-c .top-icon { padding-top:5px; width:100%; height:37px; text-align:center;}

.top-btn { padding: 0 12px; border: 1px solid #fff; color: #fff; height: 26px; line-height: 24px; background: none;}
.top-btn:hover,.top-btn:focus { background: none; color: #fff;}
.top-btn-con { min-width: 130px;}
.top-btn-con>li>a { color: #999;}

/* main */
.container-main{height:100%;overflow:hidden;}

/* left menu */
.side-left{ position:fixed; top: 80px; bottom: 0; left: 0; z-index: 999; display: block; overflow-x: hidden; overflow-y: auto; background: #e3dde6;}
/*.side-right { position:fixed; top: 80px; bottom: 0; right: 0; z-index: 999; display: block; overflow: hidden;}*/

.menu-ico{ position: fixed; bottom: 10px; left: 144px; z-index: 999; margin: 0; background: #5cb85c; border-color: #5cb85c; color: #fff;}
.menu-ico .icon-bar { background: #fff;}
.menu-ico-float{ position:fixed; bottom:10px; left:-38px; z-index: 998;height:34px;width:38px;background:url(../images/menu-float.png) no-repeat center;cursor: pointer;}

.menu-ico-hide { display: none;}
.menu-ico-width { width:100%;}

.menu-list{width:100%;margin-bottom:40px;}
.menu_head { height:42px;line-height:42px;padding-left:25px;font-size:15px; color:#333;cursor:pointer;border-bottom:1px solid #f2f2f2;border-left: 5px solid #E3DDE6;position:relative;}
.menu_head a { display:block; text-decoration: none; font-size:15px; color:#333;}
.menu_list .current{ background:#f2f2f2;border-left: 5px solid #5cb85c;}
.menu_body { display: none; height:auto; overflow:hidden; border-left: 5px solid #ffb329; background:#f2f2f2;}
.menu_body a { float: left; display:block; padding-left: 65px; margin: 0px auto 10px; width: 100%; height:32px;line-height:32px; font-size:14px; color: #666; border-radius: 17px; text-decoration:none; text-overflow: ellipsis;overflow: hidden; white-space: nowrap; }
.menu_body a:hover { text-decoration:none; color:#0099cb;}
.menu_body .active { color:#0099cb; font-weight: bold;}
.menu_body a:first-child {margin-top: 10px;}

.menu_head .menu_head-icon { display: inline-block; margin-top: 14px; width: 13px; height: 13px; background: url(../images/icon.png) no-repeat 0 -50px;}
.current .menu_head-icon { display: inline-block; margin-top: 14px; width: 13px; height: 13px; background: url(../images/icon.png) no-repeat 0 -70px;}
.current_xz .menu_head-icon { display: inline-block; margin-top: 14px; width: 13px; height: 13px; background: none;}

.menu-title{height:80px;padding:15px 20px;border-bottom:1px solid #f2f2f2;}
.menu-title .menu-title-text{margin-top:8px;line-height:34px;font-weight: bold;}
.menu-title .menu-title-text a {font-size:16px;color:#333;text-decoration: none;}

.side-left-icon { margin: 11px 11px 0 0; width: 20px; height: 20px;}

/* ECHARTS  */

.echarts {
    height: 200px;
}