html,body{width:100%; margin: 0; padding: 0; font-family: ""; overflow-x:hidden; overflow-y:auto;}
a,span,i{display: inline-block;text-decoration: none;}
li{list-style: none;}

ul {padding: 0px;}
em {font-style: normal;}
input {outline: none;}


/*头部+ban*/
.ctrl-top{ background: #242a37; border-bottom: none; height: 44px !important;}
.ctrl-top .am-header-nav img{ height: 44px;}
.ctrl-top  .am-header-nav>a{ color: #fff;}
.ctrl-top .am-header-icon{ font-size: 2.8rem;}
.ctrl-ban {
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}
.ctrl-ban .am-control-nav li{margin: 0 4px !important; display: inline-block;}
.ctrl-ban .am-control-nav li a{ width: 30px !important; height: 2px !important; background: #797c88;}
.ctrl-ban .am-control-nav li a.am-active{ background: #fff !important;}
.ctrl-ban  .am-control-nav{ bottom: 10px !important;}
.ctrl-ban .am-control-nav li a{ background: rgba(255,255,255,0.4) !important;}

/*头部导航栏目内容样式*/
#header {
    height: 44px;
}
.header-container {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 199;
    width: 100%;
    top:0;
}
.header-wrapper {
    position: relative;
    height: 100%;
}
.header-top {
  position: relative;
  z-index: 2;
  height: 44px;
  margin-bottom: -1px;
  background-color: #242a37;
  font-size: 14px;
  color: #A0A2A8;
  transition: top .3s ease-out, background-color .3s;
}

.header-left{ height: 44px; float: left;position: absolute;}
.header-left img{ width: 82px; height: 44px; margin-left:15px;}

.header-main {

}
.header-main h3{
    text-align: center;
    line-height: 44px;
    width: 60%;
    color: #fff; margin: 0 auto !important;
    font-size: 16px; font-weight: normal;}
.header-main h3 a{color: #fff;}
.header-main:before,
.header-main:after {
  content: " ";
  display: table;
}

.header-main:after {
  clear: both;
}

.header-main {
  height: 100%;
}
  .header-mbnav {
    position: fixed;
    top: 44px;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 66px;
    overflow-y: auto;
    z-index: 9999;
    }
    
  .header-mbnav::-webkit-scrollbar {
    display: none;
  }

  /* region 折叠组件基本样式 */
  .header-collapse-head a {
    cursor: pointer;
  }

  .header-collapse-body {
    height: 0;
    overflow: hidden;
    transition: .35s;
  }

  .header-collapse.open > .header-collapse-body {
    height: auto;
  }

  .header-collapse.closed > .header-collapse-body > .header-collapse-content {
    display: none;
  }
#header .new {
  display: inline-block;
  width: 29px;
  height: 12px;
  margin: 0 -36px 0 10px;
  background: url(../images/new.png) center no-repeat;
  vertical-align: middle;
  font-size: 0;
}
#header .hot {
  display: inline-block;
  width: 29px;
  height: 12px;
  margin: 0 -36px 0 10px;
  background: url(../images/hot.png) center no-repeat;
  vertical-align: middle;
  font-size: 0;
}
.header-mbnav-common-list{ margin: 0; background: #242a37;}
  /* endregion 折叠组件基本样式 */
  .header-collapse {
    background: #212633;
  }

  .header-collapse-level1 {
    border-bottom: solid 2px #323844;
    
  }

  .header-collapse-level2 {
    border-top: solid 2px #323844;
  }

  .header-collapse-level2 > .header-collapse-head {
    /*border-bottom: solid 1px #474747;*/
  }

  .header-collapse > .header-collapse-head a {
    position: relative;
    display: block;
    height: 50px;
     line-height: 50px;
    padding-left: 20px;
    font-size: 14px;
    color: #fff;
  }

  .header-collapse > .header-collapse-head h2 {
    display: inline-block; font-weight: normal; font-size: 15px;
    padding-left: 6px;
  }

  .header-collapse-level1 > .header-collapse-head a {
    background-color: #1b202c;
  }

  .header-collapse-level2 > .header-collapse-head a {
    padding-left: 35px;
    padding-right: 25px;
    background-color: #212634;
  }

  .header-collapse-level3 > .header-collapse-head a {
    padding-left: 40px;
    padding-right: 40px;
  }
.header-icon-arrow-down {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 6px;
    padding-left: 1px;
    padding-right: 1px;
}
  .header-collapse > .header-collapse-head .header-icon-arrow-down {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -3px;
    transition: .35s;
  }
.header-mbnav-common-list span{ margin: 0 10px; color: #fff;}
  .header-collapse.open > .header-collapse-head .header-icon-arrow-down {
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }

  .header-collapse-level2 > .header-collapse-body > .header-collapse-content {
    border-top: solid 1px rgba(102, 106, 117, .2);
  }

  .header-collapse-level3 > .header-collapse-body > .header-collapse-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .header-mbnav-common-list a { margin-left: 40px;
    display: block;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
  }
  .header-icon-arrow-down:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    margin-top: -3px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header-mbnav.show {
    display: block;
    background: #1D222E;
  }
  
.header-menu-mb {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0;
    line-height: 44px;
    cursor: pointer;
}  
/*.header-menu-mb {
    display: none;
}*/
.header-menu, .header-menu-mb {
    float: right;
    width: 40px;
    height: 40px;
    margin-left: 9px;
    margin-right: 9px;
    font-size: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    transition: transform .3s; margin-top: 3px;position: absolute;
    right: 0;
    top: 0;
}
.header-icon-menu {
    background: none;
    width: 18px;
    height: 14px;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
}
.header-icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(./../images/header-header-sprite.png);
    background-size: 104px auto;
}

#header .header-icon-menu {
    -webkit-transition: .3s .1s;
    transition: .3s .1s;
}

.header-mbnav{ display: none;}
.header-icon-menu:before {
    content: "";
    display: block;
    margin-top: 4px;
    border-top: solid 2px #fff;
}
.header-menu-mb.show-nav .header-icon-menu {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.header-tel{ text-align: left; margin-left: 20px; display: inline-block; margin-top: 10px; }
.header-tel span{ width: 35px; height: 31px;}
.header-tel span img{ width: 100%; vertical-align: top !important; direction: inherit !important;}
.header-tel h2{color: rgba(255,255,255,0.5); font-size: 18px; float: right; line-height:31px; margin: 0;}

#header-1{ position: relative; top: -43px;}
#header-1 .header-top{ background: none;}


.header-collapse > .header-collapse-head h2.header-nav-hot:after{  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  width: 6px;
  height: 6px;
  margin-left: 6px;
  border-radius: 50%;
  background: #f52f3e; 
}

.ctrl-foot-3{ width: 90%; margin: 0 auto;}
.ctrl-foot-3-t{ width: 100%; height: 48px; margin: 15px auto; line-height: 48px; background: #1f8fff; color: #fff; text-align: center; border-radius: 2px;}
.ctrl-foot-3-t a{ color: #fff; display: block;}
.ctrl-foot-3-b{ width: 100%;}
.ctrl-foot-3-b ul{ margin: 0; padding: 0;}
.ctrl-foot-3-b ul li{ width: 100%; height: 50px; margin: 0 auto 15px auto; border: 2px solid #6d6f71; line-height:46px; background:none;color: rgba(255,255,255,0.7); font-size: 1.5rem; text-align: center; border-radius: 2px;}
.ctrl-foot-3-b ul li a{ color: rgba(255,255,255,0.7); display: block;}


/*............................二期.........................................*/
/*新增会员样式开始*/
.add-person { position: absolute; right: 0; width: 100%;}
.hy-tb{ width: 36px; height: 38px;right: 45px; position: absolute; top:-44px;z-index: 99;}
.hy-tb img{ width: 50%; margin: 13px auto;}
.add-person nav{ background: #1D222E;}
.add-person nav ul li a{ color: #fff;padding: 0 22px; line-height: 40px; font-size: 15px;}
.add-person nav ul li{ border-bottom: 1px solid #323844;}
.add-person .am-nav>li.am-active>a{ background: none;}
.add-person .am-nav>li:first-child{ padding-top: 10px;}
.add-person .am-nav>li:last-child{ padding-bottom: 10px; border-bottom: none;}
.add-person .header-icon-arrow-down{position: absolute; top: 50%; right: 24px; margin-top: -3px;  transition: .35s;}
.add-person .header-icon-arrow-down:before{content: "";display: block; width: 8px; height: 8px; border-bottom: solid 1px #fff; border-right: solid 1px #fff; margin-top: -3px;
    -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.add-person  .am-nav>li>a:focus, .am-nav>li>a:hover{ background: none;}
.db-dl{padding: 20px; overflow: hidden;}
.db-dl a.denglu{ display: block; width: 47%; border-radius: 2px; font-size: 15px; float: left; line-height: 36px; text-align: center; background: #1F8FFF; color: #fff; border: 1px solid #1F8FFF; margin-right: 5%;}
.db-dl a.zhuce{  display: block; width: 47%; border-radius: 2px;font-size: 15px; float: left; line-height: 36px; text-align: center;border:1px solid #fff; color: #fff;}

.db-dl h3{ float: left;width: 60%; margin-right: 20px; text-align: left;}
.db-dl p{ float: left;  text-align: left;line-height: 44px; color: #fff; font-size: 16px;}
.db-dl h3 a , .db-dl p a{ color: #fff;}



/*云生态*/