.middle{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    margin-top: 28px;
}
.middle .hot{
    width: 100%;
    height: 212px;
    background: url(banner.jpg) no-repeat center;
}
.zhaiyao{
    font-size: 16px;
    color: #afcae8;
    padding: 90px 80px 0 80px;
    text-indent: 20px;
    line-height: 24px;
}
.xinxianglist{position: absolute; padding-top: 10px;width:323px;display: none;z-index:999;text-align:center;bottom:-94px;}
.xinxianglist li{ width: 100%; margin-bottom: 8px; background: #fff;}
.xinxianglist li a{ line-height: 49px;color:#2c66a5; font-size: 20px;font-weight: bold;text-align:center;}
.woyaoliuyan{position:relative;}
.zmhd_li4:hover .xinxianglist{display:block!important;}
.wyxx{

}
.wyxx a{
    color: #d30001;
    font-size: 20px;
    font-weight: bold;
    background: #cdd9e9;
    padding: 8px 24px;
    float: right;
    margin-right: 170px;
}
.twot{
    width: 100%;
    margin-top:15px;
}
.two_left{
    float: left;
    width: 323px;position:relative;
}
.lysj2{
    width: 100%;height:45px;
    border-bottom: 3px solid #dfdfdf;
}
.lysjtit{
    width: 100%;height:45px;
    border-bottom: 3px solid #dfdfdf;
}
.lytjlist{
    /* width: 100%; */
    border-bottom: 3px solid #2d66a5;
    font-size: 22px;
    font-weight: bold;
    color: #2d66a5;
    padding-left:18px;
    float: left;
    height: 45px;
    line-height: 45px;
    padding-right: 10px;
}
.sgxx{
    width: 100%;
}
.xx_list{
    width: 100%;
    height: 119px;
    background: url(xx.jpg) no-repeat center;
    margin-bottom: 20px;
    float: left;
    padding-top: 30px;
    padding-left: 55px;
}
.xx_list p{
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}
.xx_list span{
    font-size: 8px;
    color: #fff;
}



.two_right{
    width: 1035px;
    float:right;
}
.two_righttop{
    width: 100%;
    overflow: hidden;
    background: url(cfx.png) no-repeat 23px;
}
.xxxd{
    font-size: 22px;
    font-weight: bold;
    color: #2d66a5;
    float: left;
    margin-left: 53px;
    line-height: 34px;
}
.wycj a{
    font-size: 18px;
    font-weight: bold;
    color: #2d66a5;
    border-radius: 10px;
    border: 1px solid #2d66a5;
    float: left;
    text-align: center;
    padding: 4px 10px;
    margin-left: 40px;
}
.morexj a{
    float: right;
    font-size: 16px;
    color: #fff;
    padding: 4px 10px;
    background-color: #2d66a5;
    margin-right:45px;
}
.xjbh{width:15.56%;}
.xjlb{
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}
.xjtit{height:40px;}
.xjtit span{
    background: #2d66a5;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    float: left;
    margin-left: 1px;
    line-height: 40px;
}
.xjbt{
    width:50.25%!important; cursor: pointer;
}
.xjly,.sldw{width:15.4%;}
.hfsj,.tjsj{width:18.34%;}
.xxlblist{
    width: 100%;
    overflow: hidden;margin-top:20px;
}
.xxlblist ul li{
    float: left;
    width: 100%;
    line-height: 40px;
}
.xxlblist ul li span{
    /*width: 19%;*/
    float: left;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
 
}
.xxlblist ul li a{
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    padding-left: 20px;
}
.xxlblist ul li a:hover{
color:#333;
}


.attr{width: 100%;height:100%;z-index: 99999;background-color: rgba(0,0,0,0.4);display: none;position: fixed;top: 0;left: 0;align-items: center;justify-content: center;}
.attr_tit{font-size: 16px;font-weight: bold;color: #000;padding-left: 20px;}
.attr_tit span {font-size:16px;margin-left:1rem;line-height:33px;font-weight:500;}
.attr_con{width: 900px;max-height:488px;background-color: #fff;opacity: 1;position: relative;border: 2px solid #eee;margin:15% auto;}
.attr_con p.ldzc_close{position: absolute;top:10px;right: 10px;font-size: 16px;width: 20px;height: 20px;color: #000;text-align: center; cursor: pointer;}
.attr_con .attr_tit{margin-top: 20px;}
.xj_info{padding: 19px 10px 0 20px;text-align: justify;}
.xj_list span{font-size: 18px;color: #000;font-weight:bold}
.xj_list div{display: inline;line-height:20px;}
.attr_title{width: 100%;background-color: #F8F8F8;line-height:20px;padding:10px 30px 0 20px;font-size: 16px;font-weight: bold;}
div.ldzc_close{position:relative;margin:auto;width:120px;height:40px;font-size:16px;color:#000;background-color:#F8F8F8;
  text-align:center;border:1px solid #e6e6e6;line-height:40px;cursor:pointer;border-radius:2px 2px;margin-bottom:1%;}
.xjnr,.hfnr {max-height:130px;overflow-y: auto;width: 100%;}
/*.hfnr,.lycon,.xj_bh,.lysj,.zdfdw{margin-top:1%;}*/
.hfnr,.lycon,.xj_bh,.lysj{margin-top:1%;}

/* 手机样式 */
@media screen and (max-width: 1399px){
  .twot{width:98%;margin:15px auto}
  .gaojijs{
  display:none;
  }
  .header{
  padding:0 10px;
  }

 .two_right{
  width:70%;
  }
  .two_left{
  width:28%;
  }
  .xx_list{padding-left:10%}
  .middle .hot{background-size:100% 100%;}
}

@media screen and (max-width:1285px){
 .two_right{
  width:69%;
  }
  .xjbt{width:50%!important}
  .zhaiyao{padding:90px 10px 0px 10px;font-size:15px;}
  .wyxx a{font-size:16px;margin-right:5%;}
  .attr_con{width:98%;}
}

@media screen and (max-width: 1024px){
  .xjly, .sldw{width:15%;}
    .two_left{
        width: 32%;
    }
    .two_right{
        width: 64%;
    }
  .zhaiyao{font-size:14px;}
}
@media screen and (max-width: 820px){
    .middle .hot {
        width: 100%;
    }
    .gaojijs{
      display:none;
      }
}
@media screen and (max-width: 768px){
   .middle{
    margin-top:0;
    }
   .middle .hot {
      width: 100%;
      background:none!important;
    }
   .gaojijs{
      display:none;
    }
      .two_left{
        width: 100%;
    }
    .lytj{
        width:50%;
        float: left;
        border: none;
    }
    .sgxx{
        width: 48%;
        float: left;
        margin-left:2%;
    }
    .xx_list{
        padding-bottom: 4px;height:95px;padding-top:6%;
    }
    .two_right{
        width: 100%;margin-bottom:2%;
    }
  .zhaiyao{color:#333;padding:3% 10px 3% 10px !important;}
  .xinxianglist{width:50%;}
  
}
@media screen and (max-width:570px){
  .xx_list{padding-left:3%;width:49%;padding-top:6%;margin-left:0.8%;margin-bottom:2%;}
  .lytj{width:100%;}
  .sgxx{width:100%;margin-left:0;}
  .xxlblist ul li span{font-size:14px;}
}
@media screen and (max-width:426px){
  .twot{margin:0px auto;}
  #main>div{width:100% !important;}
    canvas{width:100% !important;}
    .middle .hot{
        background: url(iph.png) no-repeat center;
    }
    .lytj,.sgxx{
        width: 100%;
    }
    .sgxx{
        margin-left: 0;
    }
   .xx_list{padding-left:16%;width:100%;margin-left:0.8%;}
    .xx_list p{
        font-size: 20px;
    }
    .xxxd,.wycj a{
        margin-left: 4%;
        font-size: 18px;
    }
    .morexj a{
        padding: 6px 10px;font-size:12px;
    }
    .xjtit .xjbt{
        width:49%!important;
    }
    .xjtit span{
        font-size: 12px;
    }
    .middle {
        margin-top: 20px;
    }
   
    .two_right{
        margin-top: 10px;
    }
  .two_righttop{background:url(cfx.png) no-repeat 0;}
  .morexj a{margin-right:0;}
  .xxlblist ul li span{font-size: 12px;}
  .xinxianglist{width:78%;left:12%;}
}
@media screen and (max-width: 375px){
    .sgxx{
        margin-left: 0;
    }

    .zhaiyao{
        padding: 80px 10px 10px 10px
    }
   .xx_list{padding-left:13%;width:100%;padding-top:7%}
}
@media screen and (max-width: 320px){
    .xxxd, .wycj a{
        margin-left: 3%;
        font-size: 16%;
    }
    .wycj a,.morexj a{
        padding: 4px;
    }
    .xjtit span{
        width: 20%;
    }
    .xjtit .xjbt{
        width: 38%;
    }
    .lytjlist{
        font-size: 18px;
    }
}