body{overflow-x: hidden;-webkit-text-size-adjust: none;color: #19110b;}

.color_red {color: #FF5722;}

/* 布局 */
.site-menu,
.site-content{min-height: 950px;}
.site-menu{box-shadow: none; border-left: none;}
.site-content{padding: 20px 0 10px 20px;}

/* 头部 */
.header{height: 59px; border-bottom: 1px solid #404553;  background-color: #EF4136;}
.logo{position: absolute; left: 0; top: 2px;}
.logo img{width: 120px; height: 66px;}

.header .layui-nav{position: absolute; right: 0; top: 0; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 20px; }
.header .layui-nav .layui-nav-item[mobile]{display: none;}

.header .layui-container .logo{left: 0px;}
.header .layui-container .layui-nav{right: 15px;}
.header .layui-nav .layui-badge, 
.header .layui-nav .layui-badge-dot{right: 0;}

#switch{position: absolute; top: 12px; right: 15px; width: 25px; height: 25px; background: transparent; cursor: pointer; transition: 0.3s;}
 #switch:hover{border-color: #dabb92; transition: 0.3s;}
#switch span{position: absolute; top: 25%; left: 3px; width: 18px; height: 2px; background-color: #fff;}
 #switch span.second{position: absolute; top: 50%;}
 #switch span.third{position: absolute; top: 75%;}

 #topnav {overflow: hidden;transition: all 400ms ease-out;}

 #nav-ctn {padding-top: 16px;}

 #nav-ctn dl dd {display: inline-block;padding: 6px; font-size: 16px;}

 #nav-ctn > a {font-size: 20px;font-weight: bold;padding: 2px;}


.component{position: absolute; width: 150px; left: 135px; top: 16px; }
.component .layui-input{height: 30px; padding-left: 32px; padding-right: 10px; background-color: #424652; background-color: rgba(255,255,255,.05); border: none 0; color: #fff; color: rgba(255,255,255,.5); font-size: 12px;}
.component .layui-form-select .layui-edge{display: none; border-top-color: #999;}
.component .layui-form-select dl{top: 36px; background-color: rgba(255,255,255,.9)}
.component > .layui-icon{position: absolute; left:  10px; top: 9px; font-size: 12px; color: rgba(255,255,255,.5);}

.site-banner{position: relative; text-align: center; overflow: hidden; background-color: #393D49;}
.site-banner-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
/* .site-banner-main{width: 960px;height: 538px;margin: 0 auto;} */
.site-banner-bg{background-position: center 0;}
.layui-carousel .top-img {width: 100%;}
.site-idea {margin: 10px 0 0 0;} 
.site-idea img {width: 100%;}
.site-idea p { margin: 6px 0 0 0;line-height: 160%;}
.site-idea li {padding: 15px 15px 0 15px;}
.site-idea h4 {font-size:18px;font-weight:400;line-height: 160%;}
.site-idea dl dd {line-height: 160%;border-bottom: 1px solid #EEEEEE;}
.site-idea dl dd a {display: block;padding: 5px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1}
.wyt-article {padding: 5px;line-height: 180%;}
.artile_dd {
  display: flex;
}

.artile_dd a {
  

}
.artile_dd span {display: block; flex-shrink: 0; flex-basis: 40px;color: #999;}


.site-title{ margin: 30px 0 20px;}
.site-title fieldset{border: none; padding: 0; border-top: 1px solid #eee;}
.site-title fieldset legend{margin-left: 20px;  padding: 0 10px; font-size: 22px; font-weight: 300;}


/* .layui-col-md4 div{height: 400px;} */
  
.footer{padding: 30px 15px; line-height: 30px; text-align: center; color: #666; font-weight: 300;}
.footer a{padding: 0 5px;}



/* 低于 1200 像素时 */
@media screen and (max-width: 1200px) {
  .site-idea li div{padding: 2px;}
}


@media screen and (max-width: 992px) {

  .site-menu{position: fixed; top: 0; bottom: 0; min-height: 0; overflow-y: auto; overflow-x: hidden; z-index: 1000; left: -300px; background-color: #fff;  transition: all .3s;}

  .site-tree-mobile{display: block!important; position: fixed; z-index: 16666669; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: #009688; color: #fff;}
  .site-home .site-tree-mobile{display: none!important;}
  .site-mobile .site-tree-mobile{display: none !important;}
  .site-mobile .site-menu{left: 0;}
  .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
  .site-tree-mobile i{font-size: 20px;}





  .layui-main{width: auto; margin: 0 10px;}
  .logo,
  .header-demo .logo{left: 10px;}
  .component{display: none}
  .site-notice{left: 135px;}

  .header .layui-nav-child{left: auto!important; right: 0!important;}
  .site-demo-overflow{overflow: auto;}

  .site-nav-layim{display: none !important;}
  .header .layui-nav .layui-nav-item{margin: 0;}
  .header .layui-nav .layui-nav-item a{padding: 0 14px;}
  .header .layui-nav .layui-nav-item[pc]{display: none;}
  .header .layui-nav .layui-nav-item[mobile]{display: inline-block;}