/*
 * Component:       Docs
 * Description:     Defines styles for the UIkit documentation
 ========================================================================== */



body, h1, h2, h3, h4, h5, h6,
.uk-navbar-cistc-nav > li > a { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }



/* Base
 ========================================================================== */

html {
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
}
.my-container
{
    max-width:1200px;
    margin: 0 auto;
    padding: 10px;
    }
.cistc-body-background-pic{
  background-image: url("/images/top_003a.png"); background-repeat: repeat-x;

}
.cistc-body-background-picb{
  background-image: url("/images/top_003b.png"); background-repeat: repeat-x;

}
.uk-cistc-top {
  background-image: url("/images/top_006b.png") ; 
  background-repeat: no-repeat;
  background-position: top;
}
.uk-cistc-topa {
  background-image: url("/images/top_006a.png"); 
  background-repeat: no-repeat;
  background-position: top;
}

/* ========================================================================
   Component: Nav-cistc
 ========================================================================== */
.uk-nav,
.uk-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*
 * Items
 */
.uk-nav li > a {
  display: block;
  text-decoration: none;
}
.uk-nav > li > a {
  padding: 5px 15px;
}
/*
 * Nested items
 */
.uk-nav ul {
  padding-left: 15px;
}
.uk-nav ul a {
  padding: 2px 0;
}
/*
 * Item subtitle
 */
.uk-nav li > a > div {
  font-size: 12px;
  line-height: 18px;
}
/* Sub-object: `uk-cistc-nav-header`
 ========================================================================== */
.uk-nav-header {
  padding: 5px 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.uk-nav-header:not(:first-child) {
  margin-top: 15px;
}
/* Sub-object: `uk-cistc-nav-divider`
 ========================================================================== */
.uk-nav-divider {
  margin: 9px 15px;
}
/* Sub-object: `uk-cistc-nav-sub`
 ========================================================================== */
/*
 * `ul` needed for higher specificity to override padding
 */
ul.uk-nav-sub {
  padding: 5px 0 5px 15px;
  color: #555555;
}
/* Modifier: `uk-cistc-nav-parent-icon`
 ========================================================================== */
.uk-nav-parent-icon > .uk-parent > a:after {
  content: "\f104";
  width: 20px;
  margin-right: -10px;
  float: right;
  font-family: FontAwesome;
  text-align: center;
}
.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
  content: "\f107";
}
/* Modifier `uk-cistc-nav-side`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-side > li > a {
  color: #77c2ff;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
  background: rgba(0, 0, 0, 0.05);
  color: #0078D7;
  /* 2 */
  outline: none;
}
/* Active */
.uk-nav-side > li.uk-active > a {
  background-image: url("/images/top_001a.png");
  background-repeat: repeat-x;
  /* background: #77c2ff;*/
  color: #ffffff;
}
/*
 * Sub-object: `uk-cistc-nav-header`
 */
.uk-nav-side .uk-nav-header {
  color: #77c2ff;
}
/*
 * Sub-object: `uk-cistc-nav-divider`
 */
.uk-nav-side .uk-nav-divider {
  border-top: 1px solid #eeeeee;
}
/*
 * Nested items
 */
.uk-nav-side ul a {
  color: #77c2ff;
}
.uk-nav-side ul a:hover {
  color: #0078D7;
}
/* Modifier `uk-cistc-nav-dropdown`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-dropdown > li > a {
  color: #77c2ff;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus {
  background: #77c2ff;
  color: #ffffff;
  /* 2 */
  outline: none;
}
/*
 * Sub-object: `uk-cistc-nav-header`
 */
.uk-nav-dropdown .uk-nav-header {
  color: #999999;
}
/*
 * Sub-object: `uk-cistc-nav-divider`
 */
.uk-nav-dropdown .uk-nav-divider {
  border-top: 1px solid #dddddd;
}
/*
 * Nested items
 */
.uk-nav-dropdown ul a {
  color: #0077dd;
}
.uk-nav-dropdown ul a:hover {
  color: #005599;
}
/* Modifier `uk-cistc-nav-navbar`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-navbar > li > a {
  color: #0F6DBA;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
  background: #0F6DBA;
  color: #ffffff;
  /* 2 */
  outline: none;
}
/*
 * Sub-object: `uk-cistc-nav-header`
 */
.uk-nav-navbar .uk-nav-header {
  color: #999999;
}
/*
 * Sub-object: `uk-cistc-nav-divider`
 */
.uk-nav-navbar .uk-nav-divider {
  border-top: 1px solid #dddddd;
}
/*
 * Nested items
 */
.uk-nav-navbar ul a {
  color: #0077dd;
}
.uk-nav-navbar ul a:hover {
  color: #005599;
}
/* Modifier `uk-cistc-nav-offcanvas`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-offcanvas > li > a {
  /*color: #0B6BB9;*/
  background-image: url("/images/top_001.png"); background-repeat: repeat-x;
  padding: 10px 15px;
}
/*
 * Hover
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
  /*background: #0078D7;*/
  background-image: url("/images/top_001a.png"); background-repeat: repeat-x;
  color: #ffffff;
  /* 2 */
  outline: none;
}
/*
 * Active
 * `html .uk-nav` needed for higher specificity to override hover
 */
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
  /*background: #1a1a1a;*/
  background-image: url("/images/top_001a.png");
  background-repeat: repeat-x;
  color: #ffffff;
}
/*
 * Sub-object: `uk-nav-header`
 */
.uk-nav-offcanvas .uk-nav-header {
  color: #777777;
}
/*
 * Sub-object: `uk-nav-divider`
 */
.uk-nav-offcanvas .uk-nav-divider {
  border-top: 1px solid #dddddd;
}
/*
     * Sub-object: `uk-nav-sub`
     */
.uk-nav-offcanvas .uk-nav-sub {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: #000000;
}
/*
 * Nested items
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 */
.uk-nav-offcanvas ul a {
  color: #000000;
}
/*
左侧二级栏目字的颜色
*/
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
  color: #0861A9;
}
/* ========================================================================
   Component: CISTCNavbar
 ========================================================================== */
.uk-navbar-cistc {
  background: #77c2ff;
  background-image: url("/images/top_001.png"); background-repeat: repeat;
  color: #ffffff;
}
/*
 * Micro clearfix
 */
.uk-navbar-cistc:before,
.uk-navbar-cistc:after {
  content: "";
  display: table;
}
.uk-navbar-cistc:after {
  clear: both;
}
/* Sub-object: `uk-navbar-cistc-nav`
 ========================================================================== */
.uk-navbar-cistc-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
/*
 * 1. Create position context for dropdowns
 */
.uk-navbar-cistc-nav > li {
  float: left;
  /* 1 */
  position: relative;
  border-left: 1px solid #77c2ff;
}
/*
 * 1. Dimensions
 * 2. Style
 */
.uk-navbar-cistc-nav > li > a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  /* 1 */
  height: 50px;
  padding: 0 15px;
  line-height: 50px;
  /* 2 */
  color: #ffffff;
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
/* Appear not as link */
.uk-navbar-cistc-nav > li > a[href='#'] {
  cursor: text;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
.uk-navbar-cistc-nav > li:hover > a{
/* background-color: #f5f5f5; */
  background-image: url("/images/top_001a.png");
  background-repeat: repeat-x;
  color: #ffffff;
  /* 3 */
  outline: none;
}
.uk-navbar-cistc-nav > li > a:focus,
.uk-navbar-cistc-nav > li.uk-open > a {
/* background-color: #f5f5f5; */
  background-image: url("/images/top_001a.png");
  background-repeat: repeat-x;
  color: #ffffff;
  /* 3 */
  outline: none;
}
/* OnClick */
.uk-navbar-cistc-nav > li > a:active {
/*  background-color: #dddddd; */
  background-image: url("/images/top_001.png"); background-repeat: repeat-x;
  color: #ffffff;
}
/* Active */
.uk-navbar-cistc-nav > li.uk-active > a {
/* background-color: #f5f5f5; */
  background-image: url("/images/top_001.png"); background-repeat: repeat-x;
  color: #ffffff;
}
/* Sub-objects: `uk-navbar-cistc-nav-subtitle`
 ========================================================================== */
.uk-navbar-cistc-nav .uk-navbar-cistc-nav-subtitle {
  line-height: 28px;
}
.uk-navbar-cistc-nav-subtitle > div {
  margin-top: -6px;
  font-size: 10px;
  line-height: 12px;
}
/* Sub-objects: `uk-navbar-cistc-content`, `uk-navbar-cistc-brand`, `uk-navbar-cistc-toggle`
 ========================================================================== */
/*
 * Imitate navbar items
 */
.uk-navbar-cistc-content,
.uk-navbar-cistc-brand,
.uk-navbar-cistc-toggle {
  box-sizing: border-box;
  display: block;
  height: 50px;
  padding: 0 15px;
  float: left;
}
/*
 * Helper to center all child elements vertically
 */
.uk-navbar-cistc-content:before,
.uk-navbar-cistc-brand:before,
.uk-navbar-cistc-toggle:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* Sub-objects: `uk-navbar-cistc-content`
 ========================================================================== */
/*
 * Better sibling spacing
 */
.uk-navbar-cistc-content + .uk-navbar-cistc-content:not(.uk-navbar-cistc-center) {
  padding-left: 0;
}
/*
 * Link colors
 */
.uk-navbar-cistc-content > a:not([class]) {
  color: #0077dd;
}
.uk-navbar-cistc-content > a:not([class]):hover {
  color: #005599;
}
/* Sub-objects: `uk-navbar-cistc-brand`
 ========================================================================== */
.uk-navbar-cistc-brand {
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
}
/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-navbar-cistc-brand:hover,
.uk-navbar-cistc-brand:focus {
  color: #ffffff;
  text-decoration: none;
  /* 2 */
  outline: none;
}
/* Sub-object: `uk-navbar-cistc-toggle`
 ========================================================================== */
.uk-navbar-cistc-toggle {
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
}
/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-navbar-cistc-toggle:hover,
.uk-navbar-cistc-toggle:focus {
  color: #ffffff;
  text-decoration: none;
  /* 2 */
  outline: none;
}
/*
 * 1. Center icon vertically
 */
.uk-navbar-cistc-toggle:after {
  content: "\f0c9";
  font-family: FontAwesome;
  /* 1 */
  vertical-align: middle;
}
.uk-navbar-cistc-toggle-alt:after {
  content: "\f002";
}
/* Sub-object: `uk-navbar-cistc-center`
 ========================================================================== */
/*
 * The element with this class needs to be last child in the navbar
 * 1. This hack is needed because other float elements shift centered text
 */
.uk-navbar-cistc-center {
  float: none;
  text-align: center;
  /* 1 */
  /*max-width: 50%;
  margin-left: auto;
  margin-right: auto;*/
  /* 2 */
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}
/* Sub-object: `uk-navbar-cistc-flip`
 ========================================================================== */
.uk-navbar-cistc-flip {
  float: right;
}
/* Modifier: 'subnav-line'
 ========================================================================== */
.uk-navbar-cistc-line > :before {
  content: "";
  display: inline-block;
  height: 10px;
  vertical-align: middle;
}
.uk-navbar-cistc-line > :nth-child(n+2):before {
  margin-right: 10px;
  border-left: 1px solid #77c2ff;
}
/* DIC CSS
==========================================================================*/
/* OnClick */
.uk-cistc-DIC-Org {
  background-color: #ecf7ff;
}

/* ========================================================================
   Component: Subnav-cistc
 ========================================================================== */
/*
 * 1. Gutter
 * 2. Remove default list style
 */
.uk-subnav-cistc {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* 1 */
  margin-left: -10px;
  margin-top: -10px;
  /* 2 */
  padding: 0;
  list-style: none;
}
/*
 * 1. Space is allocated solely based on content dimensions
 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
 * 3. Create position context for dropdowns
 */
.uk-subnav-cistc > * {
  /* 1 */
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  /* 2 */
  padding-left: 10px;
  margin-top: 10px;
  /* 3 */
  position: relative;
}
/*
 * DEPRECATED IE9 Support
 */
.uk-subnav-cistc:before,
.uk-subnav-cistc:after {
  content: "";
  display: block;
  overflow: hidden;
}
.uk-subnav-cistc:after {
  clear: both;
}
.uk-subnav-cistc > * {
  float: left;
}
/* Items
 ========================================================================== */
.uk-subnav-cistc > * > * {
  display: inline-block;
  color: #444444;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 */
.uk-subnav-cistc > * > :hover,
.uk-subnav-cistc > * > :focus {
  color: #0077dd;
  text-decoration: none;
}
/*
 * Active
 */
.uk-subnav-cistc > .uk-active > * {
  color: #0077dd;
}
/* Modifier: 'subnav-line'
 ========================================================================== */
.uk-subnav-cistc-line > :before {
  content: "";
  display: inline-block;
  height: 10px;
  vertical-align: middle;
}
.uk-subnav-cistc-line > :nth-child(n+2):before {
  margin-right: 10px;
  border-left: 1px solid #dddddd;
}
/* Modifier: 'subnav-pill'
 ========================================================================== */
.uk-subnav-cistc-pill > * > * {
  padding: 3px 9px;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-subnav-cistc-pill > * > :hover,
.uk-subnav-cistc-pill > * > :focus {
  background: #eeeeee;
  color: #444444;
  text-decoration: none;
  /* 2 */
  outline: none;
}
/*
 * Active
 * `li` needed for higher specificity to override hover
 */
.uk-subnav-cistc-pill > .uk-active > * {
  background: #00a8e6;
  color: #ffffff;
}
/* Disabled state
 ========================================================================== */
.uk-subnav-cistc > .uk-disabled > * {
  background: none;
  color: #999999;
  text-decoration: none;
  cursor: text;
}
.uk-subnav-cistc-flip {
  float: right;
}
/*===============================================================
   Component: Off-canvas
 ========================================================================== */
/*
 * This is the offcanvas overlay and bar container
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Deactivate browser touch actions in IE11
 * 4. Mask the background page
 */
.uk-offcanvas {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  /* 3 */
  touch-action: none;
  /* 4 */
  #45B6F9
  background: rgba(69, 182, 249, 0.1);
}
.uk-offcanvas.uk-active {
  display: block;
}
/* Sub-object `uk-offcanvas-page`
 ========================================================================== */
/*
 * Prepares the whole HTML page to slide-out
 * 1. Fix the main page and disallow scrolling
 * 2. Side-out transition
 */
.uk-offcanvas-page {
  /* 1 */
  position: fixed;
  /* 2 */
  -webkit-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
}
/* Sub-object `uk-cistc-offcanvas-bar`
 ========================================================================== */
/*
 * This is the offcanvas bar
 * 1. Set fixed position
 * 2. Size and style
 * 3. Allow scrolling
 * 4. Side-out transition
 * 5. Deactivate scroll chaining in IE11
 */
.uk-offcanvas-bar {
  /* 1 */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: 1001;
  /* 2 */
  width: 270px;
  max-width: 100%;
  background: #eaeaea;
  /* 3 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 4 */
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  /* 5 */
  -ms-scroll-chaining: none;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
/* Modifier `uk-cistc-offcanvas-bar-flip`
 ========================================================================== */
.uk-offcanvas-bar-flip {
  left: auto;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
/* Panel in offcanvas
 ========================================================================== */
.uk-offcanvas .uk-panel {
  margin: 20px 15px;
  color: #777777;
}
.uk-offcanvas .uk-panel-title {
  color: #cccccc;
}
.uk-offcanvas .uk-panel a:not([class]) {
  color: #cccccc;
}
.uk-offcanvas .uk-panel a:not([class]):hover {
  color: #aaaaaa;
}

/* 二维码 */
.erweima
{
  height: 70px;
  width: 70px;
  float: right;
}
#searchPart
{
  width: 440px;
  margin-left: -55px;
}
.searchPartForm
{
  width: 263px;
}

/* 下载链接背景 */
#linkBG
{
  height: 40px;
  width: 315px;
  line-height: 40px;
  text-align: center;
  background: #BEBEBE;
  margin: 175px auto 0;
  padding: 0;
  font-size: 17px;
}

@media screen and (max-width: 400px)
{
  #linkBG
  {
    height: 40px;
    width: 255px;
    line-height: 40px;
    text-align: center;
    background: #BEBEBE;
    margin: 175px auto 0;
    padding: 0;
    font-size: 15px;
  }
}
#floatLink
{
  width: auto;
  height: auto;
}
.pic2035
{
  margin-top: 5%;
}
@media screen and (min-width: 1570px){
  #floatLink
  {
    position: absolute;
    height: auto;
  }
}
@media screen and (max-width: 1571px){
  .cistc-body-background-pic
  {
    display: flex;
  }
}