.news-header {
    height: calc(var(--base-font) * 380);
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
}
.news-header .t1{
  width: calc(var(--base-font) * 150);
  height: calc(var(--base-font) * 36);
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: calc(var(--base-font) * 36);
  font-family: MicrosoftYaHei;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  line-height: calc(var(--base-font) * 36);
  margin: calc(var(--base-font) * 155) 0 0 calc(var(--base-font) * 350);

}
.news-header .t2 {
  width: calc(var(--base-font) * 201);
  height: calc(var(--base-font) * 15);
  overflow-wrap: break-word;
  color: rgba(223, 223, 223, 1);
  font-size: calc(var(--base-font) * 18);
  font-family: MicrosoftYaHei;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  line-height: calc(var(--base-font) * 18);
  margin: calc(var(--base-font) * 20) 0 calc(var(--base-font) * 154) calc(var(--base-font) * 350);
}

/*left*/
.left{
    width: calc(var(--base-font) * 1090);
    float: left;
}
.group_2 {
  height: calc(var(--base-font) * 40);
  margin: calc(var(--base-font) * 50) 0 0 0;
  display: flex;
    align-items: center;
}

.group_2 .title {

  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: calc(var(--base-font) * 18);
  font-family: MicrosoftYaHei;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  margin-right: calc(var(--base-font) * 20);
}

.group_2 .section_1 .text_1{
    height: calc(var(--base-font) * 40);
    width: calc(var(--base-font) * 120);
    line-height: calc(var(--base-font) * 40);
    text-align: center;
    color: rgba(102, 102, 102, 1);
    margin-right: calc(var(--base-font) * 20);
    border-radius: 0.33rem;
    border: 1px solid #DDDDDD;
    
}
.group_2 .section_1 .text_1.c2{
    border:1px solid rgba(242, 164, 97, 1);
    color: rgba(242, 164, 97, 1);
}
.group_2 .section_1 .text_1:hover,.group_2 .section_1 .text_1.cur{
    background: #F0A35F;
    color: #fff;
    border:none;
}

.list{margin-top:22px}
.list .group .thumb {
  border-radius: 0.33rem;
  width: calc(var(--base-font) * 270);
  height: calc(var(--base-font) * 202);
}
.list .group .thumb img{width:100%;height:100%;border-radius:0.33rem}

.list .group .item {
  width: calc(var(--base-font) * 790);
  height: calc(var(--base-font) * 183);
  margin-top: calc(var(--base-font) * 10);
}
.list .group .item .title {
  width: calc(var(--base-font) * 584);
  height: calc(var(--base-font) * 24);
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: calc(var(--base-font) * 24);
  font-family: MicrosoftYaHei;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  line-height: calc(var(--base-font) * 24);
  margin-left: 1px;
}
.list .group:hover .title{color:#C77935}
.list .group2:hover .title{color:#C77935}
.list .group:hover .gotobtn{color:#FFF;background:#f2a461;border:none}
.list .group .item .desc {
  width: calc(var(--base-font) * 790);
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: calc(var(--base-font) * 14);
  font-family: MicrosoftYaHeiLight;
  font-weight: 300;
  line-height: calc(var(--base-font) * 24);
  margin-top: calc(var(--base-font) * 19);
  
   display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list .group .time{
    width: calc(var(--base-font) * 47);
    height: calc(var(--base-font) * 13);
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: calc(var(--base-font) * 14);
    font-family: MicrosoftYaHeiLight;
    font-weight: 300;
    white-space: nowrap;
    margin-top: calc(var(--base-font) * 21);
}
.list .group .gotobtn{
    width: calc(var(--base-font) * 137);
    padding: calc(var(--base-font) * 10) 0;
    text-align: center;
    border: 1px solid #CCCCCC;
    margin-top: calc(var(--base-font) * 20);
    border-radius:calc(var(--base-font) * 45);
    color: #666666;
}

.list .group2 .title{
    width: calc(var(--base-font) * 337);
    height: calc(var(--base-font) * 24);
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: calc(var(--base-font) * 24);
    font-family: MicrosoftYaHei;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    line-height: calc(var(--base-font) * 24);
    margin: calc(var(--base-font) * 30) 0 0 calc(var(--base-font) * 2);
}
.list .group2 .desc{
    /*width: 1089px;*/
    height: calc(var(--base-font) * 38);
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: calc(var(--base-font) * 14);
    font-family: MicrosoftYaHeiLight;
    font-weight: 300;
    margin-top: calc(var(--base-font) * 19);
    
     display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
}

.list .group2 .time{
    width: calc(var(--base-font) * 47);
    height: calc(var(--base-font) * 13);
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: calc(var(--base-font) * 14);
    font-family: MicrosoftYaHeiLight;
    font-weight: 300;
    white-space: nowrap;
    margin-top: calc(var(--base-font) * 21);
}


/*right*/
.right{
    width: calc(var(--base-font) * 270);
    float: right;
}
.right .title{margin-top: calc(var(--base-font) * 60); display:flex;text-align:center; height:calc(var(--base-font) * 40); line-height:calc(var(--base-font) * 40)}
.right .title .text{
    height: calc(var(--base-font) * 25);
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: calc(var(--base-font) * 24);
    color: #666666;
    line-height: calc(var(--base-font) * 24);
    padding-left: calc(var(--base-font) * 5) ;
    border-left: calc(var(--base-font) * 4) solid #C77935;
}
.right .box{
    /*padding-left: calc(var(--base-font) * 16);*/
}
.right .box li{color:#C77935;margin-top: calc(var(--base-font) * 10);}
.right .box li a{
    color: rgba(102, 102, 102, 1);
    font-size: calc(var(--base-font) * 14);
    font-family: MicrosoftYaHei;
    line-height: calc(var(--base-font) * 24);
    
     display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.right .box li a:hover{color:#C77935}
.right .box li a .dian{margin-right:0.23rem;vertical-align: middle;}
.right .gg{
    background-color: rgba(31, 33, 32, 1);
    border-radius: 0.33rem;
    height: calc(var(--base-font) * 210);
    margin-top: calc(var(--base-font) * 30);
    width: calc(var(--base-font) * 270);
}

.right .gg img {
    width: 100%;
    height: 100%;
    border-radius: 0.33rem;
}

/*新闻详情*/
.detail-content {
    margin-top: calc(var(--base-font) * 50);
}
.detail-content .detail-top .detail-title{
  color: rgba(51, 51, 51, 1);
  font-size: calc(var(--base-font) * 24);
  font-family: MicrosoftYaHei-Bold;
  font-weight: 700;
  text-align: center;
  /*white-space: nowrap;*/
  line-height: calc(var(--base-font) * 24);
  margin-top: 2px;
  width: calc(var(--base-font) * 600);
    word-wrap: break-word;
    margin: 0 auto;
}
.detail-content .detail-top .detail-time{
   margin-top: calc(var(--base-font) * 28);
  color: rgba(153, 153, 153, 1);
  font-size: calc(var(--base-font) * 14);
  font-family: MicrosoftYaHeiLight;
  font-weight: 300;
  text-align: center;
}

.detail-content .intro-box{
    margin-top:calc(var(--base-font) * 30) ;
    /*height: calc(var(--base-font) * 84);*/
    background: linear-gradient(-90deg, #F2F7FF, #FEF5F0);
    border-radius: 4px;
    display: flex;
    justify-content: space-around;
    display: flex;
    align-items: center;
    padding: 0.5rem;
}
.detail-content .intro-box .t1{
    width: calc(var(--base-font) * 42);
  height: calc(var(--base-font) * 20);
  color: rgba(255, 84, 0, 1);
  font-size: calc(var(--base-font) * 20);
  font-family: MicrosoftYaHei-Bold;
  font-weight: 700;
}
.detail-content .intro-box .intro{
     width: calc(var(--base-font) * 959);
  /*height: calc(var(--base-font) * 50);*/
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: calc(var(--base-font) * 16);
  font-family: MicrosoftYaHeiLight;
  font-weight: 300;
  line-height: calc(var(--base-font) * 28);
  /*display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;*/
}

.detail-content .tag-box{
    font-family: Microsoft YaHei;
    font-weight: 300;
    font-size: calc(var(--base-font) * 16);
    line-height: calc(var(--base-font) * 28);
    margin-top:calc(var(--base-font) * 113);
    display: flex;
    align-items: center;
    color: #333333;
}
.detail-content .tag-box .keyword-group a{
    color: #333333;
    margin-right: calc(var(--base-font) * 20);
}

.detail-content .detail-article{margin-top: calc(var(--base-font) * 20);}
.detail-content .detail-article p{line-height:calc(var(--base-font) * 30)}
.detail-content .detail-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(var(--base-font) * 22);
}
.detail-content .detail-bottom .pre{
    width: calc(var(--base-font) * 358);
    font-size: calc(var(--base-font) * 16);
}
.detail-content .detail-bottom  span{
    color: #999999;
}
.detail-content .detail-bottom a{
    color: #333333;
}