body{
  background:#f8f4e9;
}
/* header */
.header {
   background:#fff;
}
.header .layui-row{
   text-align: center;
   height:100px;
   line-height:100px;
  
}

.main-nav{
   background:#570205;
   height:40px;
   line-height: 40px;
   width: 100%;
   text-align: center;
}
.main-nav ul li{
   float:left;
   padding:0 62px;
}
.main-nav ul li a {
    display: block;
    color: #fff;
}
.main-nav ul li:hover{
    display: block;
    background:#222;
}
/* banner */
.site-banner{
    position: relative;
    height: 450px;
    text-align: center;
    overflow: hidden;
}

.white-main{
    background:#fff;
    padding:0 40px;
    overflow:hidden;
}
.main-content{
   margin:10px auto;
   padding:0 100px;
  
}
.main-content .title{
   padding:20px 0;
}
.text-infor{

}
.main-content .shuhang{
    width: 14px;
    margin: 0 auto;
    line-height: 22px;
    font-size: 20px;
    background: #fffcf1;
    border-radius: 10px;
    color: #5a0103;
    padding: 50px 20px;
    text-align: center;
    box-shadow: 0px 3px 9px #c7c7c7;
    margin-left: 2px;
}
.main-content .list-show{
   padding-bottom:10px;
}
.main-content .list-show .list-show-in img,.main-content .title img,.site-banner img,.about-our img,.company-title-top img,.news-list-title img{
    width:100%;
    height:100%;
}
.main-content .list-show .list-show-in{
    border:1px solid #f2f2f2;
    padding:6px;
}
.main-content .list-show .list-show-in p{
    text-align: center;
    padding: 6px 0 2px;
    color:#222;
}
.main-content .list-show .list-show-in:hover{
    border:1px solid #ffc712;
    border-radius: 5px;
}

.main-content  .click_ang{
    float:right;
}
.main-content  .click_ang li {
    float: left;
    border:1px solid #e9e9e9;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #252525;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    margin-right:10px;
    margin-bottom:10px;
}
.main-content  .click_ang li a {
    color: #ac0e02;
    font-size: 20px;
    padding: 14px;
}
.main-content  .click_ang li:hover {
    background: #ac0e02;
}
.main-content  .click_ang li a:hover {
   color:#fff!important;
 }
.main-content  .company-infor{
    padding:10px 0 20px;
 }
 .main-content  .company-title-top,.news-list-title{
    line-height: 36px;
 }
 .main-content  .company-title-top a{
    color:#777;
 }
 .main-content  .company-infor img{
    width:250px;
    height:200px;
    padding-right: 10px;
 }
 .main-content  .company-infor p{
   text-indent: 2em;
   line-height:28px;
 }
 .main-content  .about-our{
    line-height:36px;
 }
 .main-content  .about-our .about-our-title{
    width:143px;
    height:36px;
 }
  .main-content  .about-our div,.news-list-title{
     padding:10px 0;
  }
  .main-content  .about-our div>p{
    line-height:28px;
  }
 .main-content  .about-our a{
   text-align:right;
   color:#777;
   float:right;
 }
 .main-content .news-list-title a{
   color:#ccb593;
 }
 .main-content .news-top{
    border:1px solid #f1d370;
    padding:10px;
    height:130px;
    border-radius: 10px;

 }
.main-content .news-top img{
  width:100%;
  height:130px;
  border-radius: 10px;
 }
 .main-content .news-top .news-top-right{
    padding-left:10px;
 }
 .main-content .news-top-right p{
    color:#777;
    font-size:14px;
    line-height:22px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
 }
 .main-content .news-top-right span{
    color:#777;
    font-size:12px;
    float:right;
    font-weight: 600;

 }
.main-content ul li{
    border-bottom:1px dashed #f6d065;
    width:100%;
 }
.main-content ul li a{
    color:#222!important;
  }
.main-content ul li i{
   width:10px;
   height:10px;
   content:'';
   background:#efd86e;
   border-radius: 50%;
   display:inline-block;
   margin-right:4px;
}

 .main-content ul li span{
    float:right;
    color:#777;
 } 
 .footer{
    background:#570205;
    color:#616264;
    height:200px;
}
.footer .main .footer-left,.footer .main .footer-right{
    color:#fcffff;
}
.footer .main .footer-left{
     text-align: center;
     font-size: 28px;
    
     padding:50px 0 0 0;
}
.footer .main .footer-left p{
     font-weight: 600;
}
.footer .main .footer-left p:nth-child(1){
    font-size:24px;
     line-height:50px;
}
.footer .main .footer-left span{
     font-size:14px;
}
.footer .main .footer-right{
     line-height: 30px;
     border-left:1px solid #fff;
     margin-top:20px;
}
.footer .main .footer-right p{
    padding-left:60px;
}