@charset"utf-8";
.panel{
  margin-top: 20px;
}
.panel .spe-left{
  width: 814.5px;
  height:516px;
  background-color: #fff;
  padding: 16px 19px 23px;
}
.content-title {
    padding-bottom: 18px;
    border-bottom: 1px solid #E0E0E0;
}
.panel .spe-left .content-title .hd,.spe-left .content-title .hd ul li{
  float: left;
}
.spe-left .content-title .hd ul li i {
  display: inline-block;
  width: 2px;
  height: 16px;
  margin: 4px 8px 0 6px;
  background-color: #017CDA;
  vertical-align: top;
}
.row-box{
  border: 1px solid #E1E1E1;
  border-top: none;
  padding-top: 20px;
}
.table .first-row{
  margin-top: 0;
}
.row .wid40{
  text-align: left;
}
.panel .right .top{
  width: 364.9px;
  height: 228.4px;
  background-color: #fff;
  padding: 16px 10px 0;
}
.panel .right .top .top-content{
  margin-top: 29px;
}
.panel .right .top .top-content li{
  float: left;
  margin-bottom: 20px;
  width: 167.8px;
  height: 50.8px;
}
.top-content li a{
  display: block;
  border: 1px solid #ECECEC;
  background-color: #FCFCFC;
  font-size: 18px;
  color: #666;
  width: 167.8px;
  height: 50.8px;
  padding: 13px 0;
 
}
.top-content li a img{
  margin: 0 17px 0 18px;
  vertical-align: top;
}
.top-content li a .icon-box{
  border-right: 1px dotted #DFDFDF;
}
.top-content li a span{
  margin-left:15px ;
}
.top-content li.item1,.top-content li.item3{
  margin-right: 8px;
}
.top-content li.item1 a img{
  width: 24px;
  height: 24px;
}
.top-content li.item2 a img,.top-content li.item4 a img{
  width: 24px;
  height: 21px;
}
.top-content li.item3 a img{
  width: 24px;
  height: 25px;
}
.top-content li a .icon-box .wicon{
  display: none;
}
.top-content li a:hover{
  background-color: #017CDA;
  color: #fff;
 
}
.top-content li a:hover .icon-box .wicon{
  display: block;
}
.top-content li a:hover .icon-box .bicon{
  display: none;
}
.top-content li a:hover .icon-box{
  border-right: 1px dotted #fff;
}
.bottom-box{
  margin-top: 20px;
  width: 364.9px;
  height: 268px;
}
.panel2{
  background-color: #fff;
  width: 100%;
  height: 292px;
  padding: 23px 17px 0;
}
.panel2 .news{
  width: 559.7px;
  margin-left: 0;
}
@media screen and (max-width: 1200px) {
.panel,.panel .right.news{
    margin-top: .3rem;
  }  
.panel .spe-left {
    width: 100%;
    height: auto;
    padding: .2rem .2rem .35rem;
}
.spe-left .title-line.left{
  float: left;
}
.hd ul li a{
  font-size: .28rem;
  font-weight: bold;
}
.spe-left .content-title .hd ul li i {
  width: .04rem;
  height: .32rem;
  margin: .04rem .18rem 0 .15rem;
}
.row-box {
    padding-top: 1px;
}
.table .row {
  display: flex;
  align-items: center;
}
.color-active {
  margin-left: .6rem;
}
.panel .right .top{
  width: 100%;
  height: auto;
  padding: .2rem .2rem 0;
  margin-top: .3rem;
}
.panel .right .top .top-content{
  margin-top: .46rem;
}
.panel .right .top .top-content li{
  margin-bottom: .36rem;
  margin-right: .13rem;
  width: 47%;
  height: .96rem;
}
.panel .right .top .top-content li:nth-of-type(2n){
  margin-right: 0;
}
.top-content li a{
  font-size: .28rem;
  width: 100%;
  height: .96rem;
  padding: .26rem 0 .22rem;
  display: flex;
}
.top-content li a .icon-box {
    border-right: .02rem dotted #DFDFDF;
    width: 1.12rem;
    height: .4rem;
}

.top-content li a img{
  
  margin: 0 .31rem 0 .35rem;
}

.top-content li a span{
  margin-left:.31rem ;
}
.top-content li.item1,.top-content li.item3{
  margin-right: 8px;
}
.top-content li.item1 a img{
  width: .45rem;
  height: .45rem;
}
.top-content li.item2 a img,.top-content li.item4 a img{
  width: .44rem;
  height: .41rem;
}
.top-content li.item3 a img{
  width: .46rem;
  height: .46rem;
}


.bottom-box{
  margin-top:.3rem;
  width: 100%;
  height: auto;
}
.bottom-box a,.bottom-box a img{
  display: block;
  width: 100%;
}
.panel2{
  height: auto;
  padding: 0;
  background-color: unset;
}
.panel2 .news{
  width: 100%;
  background-color: #fff;
  padding: .2rem .2rem .35rem;
}
}