#content{
    min-width: 1200px;
}
.bannerBox{
    width: 100%;
    height:640px;
}
.banner {
    min-width: 1200px;
    height: 640px;
    margin-bottom: 24px;
    background: url(../images/banner.png) no-repeat center;
    background-size: cover;
    position: relative;
    
}
.wrap{
    width: 1200px;
    margin: auto;
}
.banner section{
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.banner section a{
    display: block;
    width:104px;
    height: 36px;
    border-radius: 4px;
    background: #fff;
    color: #F32034;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
}
.banner section a:hover{
    background: #F32034;
    color: #fff;
}
.login_item{
    width: 600px;
    text-align: right;
    margin-left: 300px;
}
.index_navigator{
    height: 188px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -100px;
}
.navigator{
    height: 88px;
    width: 100%;
    background: #F32034;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.nav_content{
    width: 1200px;
    height: 88px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav_content img{
    display: block;
    height: 31px;
}
.nav_content>span{
    width: 892px;
    display: flex;
    justify-content: space-between;
    
}
.nav_content>span>a::after,.hoverLine::after{
    content:'';
    display: none;
    width:72px;
    height: 3px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    bottom:0;
    left: 0;
}
.nav_content>span>a:hover::after,.hoverLine::after{
    display: block;
}
/* .nav_content>span>a:nth-of-type(2):hover::after{
    content:'';
    display: block;
    width:52px;
    height: 3px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    bottom:0;
    left: 0;
} */
.nav_content>span>a,.dropdownList{
    display: flex;
    align-items: center;
    /* width: 72px; */
    height: 77px;
    position: relative;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
.dropdownList{
    position: relative;
}
.dropdownList span{
    padding: 8px !important;
    left: -58px;
    transform: translateX(20%);
    position: absolute;
    top: 77px;
    font-size: 14px;
    color: rgba(38, 38, 38, 1);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px  #faaeb5;
    
}
.dropdownList span a{
    display: block;
    width: 116px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 !important;
    border-radius: 8px;
}
.el-dropdown{
    width: 72px;
}

.nav_content>span>a{
    color: #fff;
}
.zscxList{
    border-radius: 8px!important;
}
.el-dropdown-link {
    display: block;
    text-align: center;
  }
 
  .dropdownList span a:hover{
    background: rgba(255, 241, 242, 1);
    color: rgba(243, 32, 52, 1);
  }
  
  .zscxList .el-dropdown-menu__item:hover a{
    color: rgba(243, 32, 52, 1);
    background: rgba(255, 241, 242, 1);
    
  }

  .el-dropdown-menu__item:hover ~ .el-dropdown > span::after {
    display: block;
}

.wrap h2{
    display: block;
    width: 100%;
    height: 48px;
    margin-bottom: 32px;
}
.reci_content,.knowladge_content,.czlf_content,.yewu_content,.gzrd_content,.review_content,.djxx_content,.ktcp_content{
    margin-top: 64px;
}
.reci_content h2{
 background: url("../images/title_reci.png") no-repeat;
}
.reci_content dl{
    display: flex;
    justify-content: space-between;
    height: 248px;
}
.reci_content dl dd{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    width: 1012px;
}
.reci_content dl dt{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    width: 168px;
}
.reci_content dl dd a{
    display: block;
    width: 150px;
    height: 116px;
    background: #f7f7f7;
    padding: 24px 15px;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    color: #262626;
    border:1px solid #f7f7f7;
    border-radius:8px
}
.reci_content dl dt a{
    display: block;
    width: 100%;
    height: 252px;
    background: #f7f7f7;
    padding: 79px 26px;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    color: #262626;
    border:1px solid #f7f7f7;
    border-radius:8px
}
.reci_content dl dd a i{
    display: block;
    width: 40px;
    height: 40px;
    margin: auto;
    margin-bottom:8px;
}
.reci_content dl dt a i{
    display: block;
    width: 40px;
    height: 40px;
    margin: auto;
    margin-bottom:8px;
    background: url("../images/icon_gspjjtz.png") no-repeat;
    background-size: 100% auto;
}
.reci_content dl dd a:hover,.reci_content dl dt a:hover{
    background: none;
    border:1px solid #F32034;
}
.reci_content dl dd a i.icon_jkcs{
    background: url("../images/icon_jk.png") no-repeat;
    background-size: 100% auto;
}
.reci_content dl dd a i.icon_dkjj{
    background: url("../images/icon_dk.png") no-repeat;
    background-size: 100% auto;
}
.reci_content dl dd a i.icon_gzlfz {
    background: url("../images/icon_fz.png") no-repeat;
    background-size: 100% auto;
}
.reci_content dl dd a i.icon_cxrh{
    background: url("../images/icon_cxjh.png") no-repeat;
    background-size: 100% auto;
}
.reci_content dl dd a i.icon_hqzq{
    background: url("../images/icon_qy.png") no-repeat;
    background-size: 100% auto;
}
.reci_content dl dd a i.icon_rxcs{
    background: url("../images/icon_rxcs.png") no-repeat;
    background-size: 100% auto;
}
.reci_content dl dd a i.icon_tgpz{
    background: url("../images/icon_pz.png") no-repeat;
    background-size: 100% auto;
}
.reci_content dl dd a i.icon_rmmz{
    background: url("../images/icon_mz.png") no-repeat;
    background-size: 100% auto;
}
.reci_content dl dd a i.icon_dflz{
    background: url("../images/icon_lz.png") no-repeat;
    background-size: 100% auto;
}
.reci_content dl dd a i.icon_xdh{
    background: url("../images/icon_xdh.png") no-repeat;
    background-size: 100% auto;
}
.reci_content dl dd a i.icon_dsj{
    background: url("../images/icon_dsj.png") no-repeat;
    background-size: 100% auto;
}
.reci_content dl dd a i.icon_rgzn{
    background: url("../images/icon_rgzn.png") no-repeat;
    background-size: 100% auto;
}

.knowladge_content h2{
    background: url("../images/title_zhishi.png") no-repeat;
}
.zhishiBox{
    display: flex;
    justify-content: space-between;
    height: 198px;
    width: 100%;
}
.left_rdlf{
    width: 588px;
    height: 198px;
    background: url("../images/zhishibg.png");
    padding: 26px 40px;
}
.right_zxll{
    width: 588px;
    height: 198px;
    background: url("../images/zxllbg.png");
    padding: 26px 40px;
}
.left_rdlf ul,.right_zxll ul{
    display: flex;
    flex-wrap: wrap;
    gap:16px;
    height: 93px;
    margin-top: 16px;
}
.left_rdlf ul li,.right_zxll ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 115px;
    height: 93px;
    background: #FFF4EA;
    border: 1px solid #FBE9D5;
    border-radius: 8px;
}
.right_zxll ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 108px;
    height: 93px;
    background: #FFF4EA;
    border: 1px solid #FBE9D5;
    border-radius: 8px;
}
.left_rdlf ul li:hover,.right_zxll ul li:hover{
    background: #fff;
    border:1px solid #F32034;
}
.left_rdlf ul li a,.right_zxll ul li a{
    display: block;
    width: 100%;
    height: 93px;
    padding: 14px 10px;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    color: #262626;
}
.left_rdlf ul li a i,.right_zxll ul li a i{
    display: block;
    width: 40px;
    height: 39px;
    margin: auto;
}
.left_rdlf ul li a i.icon_lffw{
    background: url("../images/icon_lf.png") no-repeat;
    background-size: 100% auto;
}
.left_rdlf ul li a i.icon_gzjd{
    background: url("../images/icon_jd.png") no-repeat;
    background-size: 100% auto;
}
.left_rdlf ul li a i.icon_dbxj{
    background: url("../images/icon_xj.png") no-repeat;
    background-size: 100% auto;
}
.left_rdlf ul li a i.icon_yack{
    background: url("../images/icon_ck.png") no-repeat;
    background-size: 100% auto;
}
.left_rdlf ul li a i.icon_yack{
    background: url("../images/icon_ck.png") no-repeat;
    background-size: 100% auto;
}
.right_zxll ul li a i.icon_lffw{
    background: url("../images/icon_gl.png") no-repeat;
    background-size: 100% auto;
}
.right_zxll ul li a i.icon_gzjd{
    background: url("../images/icon_lvz.png") no-repeat;
    background-size: 100% auto;
}
.right_zxll ul li a i.icon_dbxj{
    background: url("../images/icon_hy.png") no-repeat;
    background-size: 100% auto;
}
.right_zxll ul li a i.icon_yack{
    background: url("../images/icon_jb.png") no-repeat;
    background-size: 100% auto;
}

.czlf_content .cxlf_title{
    background: url("../images/czlfbg.png") no-repeat;
    margin-bottom: 32px;
 }
 .czlf_content .cxlf_title ul{
    display: flex;
    justify-content: space-between;
    width: 340px;
    margin: auto;
 }
 .czlf_content .cxlf_title ul li{
    width: 159px; 
    height: 56px;
    position: relative; 
    cursor: pointer;
 }
 .czlf_content .cxlf_title ul li.active::after{
    content:"";
    display: block;
    width: 80px;
    height: 4px;
    background: #F32034;
    border-radius:30px 30px 0 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -40px;
 }
 .czlf_content .cxlf_title ul li img{
    opacity: 0.4;
 }
 .czlf_content .cxlf_title ul li.active img{
    opacity: 1;
 }
 .czlfBox{
    
    height: 472px;
    width: 100%;
 }
 .czlfBox ul{
    height: 472px;
    width: 100%;
    display: flex;
    gap: 19px;
    flex-wrap: wrap;
 }
 .czlfBox ul li{
    width: 387px;
    height: 226px;
    float: left;
 }
 
 .czlfBox ul li h4{
    width: 100%;
    display: flex;
    align-items: center;
    height: 52px;
    background: linear-gradient(to right,#F32034 100%,#FE4F60 100%);
    border-radius: 16px 16px 0 0;
    padding: 12px 8px 12px 16px;
 }
 .czlfBox ul li h4 span{
    display: flex;
    width: 300px;
    gap: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
 }
 .czlfBox ul li h4 span i{
    display: block;
    width:3px;
    height: 20px;
    border-radius: 2px;
    border-radius: 2px;
    background: #fff;
 }
 .czlfBox ul li h4 a{
    display: flex;
    width: 52px;
    height: 28px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
 }
 .czlfBox ul li h4 a:hover{
    background: #DB2233;
 }
 .czlfBox ul li>div{
    position: relative;
    width: 387px;
    height: 174px;
 }
 .czlfBox ul li>div span{
    display: flex;
    width: 100%;
    height:46px;
    justify-content: center;
    align-items: center;
    gap: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 14px;
 }
 .czlfBox ul li>div span a{
    color: rgba(255, 255, 255, .8);
    display: block;
    height: 46px;
    line-height: 46px;
 }
 .czlfBox ul li>div span a:hover{
    color: rgba(255, 255, 255, 1);
    position: relative;
 }
 .czlfBox ul li>div span a:hover::after{
    content: "";
    width: 100%;
    height: 2px;
    border-radius:5px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.yewu_content h2{
    background: url("../images/title_yewu.png") no-repeat;
}
.yewuBox{
    width: 100%;
    height:382px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px 54px;
}
.yewuBox a{
   display: block;
   width:364px;
   height: 177px;
   background:#F7F7F7; 
   border-radius: 16px;
   border: 1px solid #F7F7F7;
   padding: 32px 40px;
}
.yewuBox a:hover{
    background: #fff;
    border: 1px solid #F32034;
}
/* .yewuBox a:nth-of-type(4),.yewuBox a:nth-of-type(5){
    width: 573px;
} */
.yewuBox a h3{
    display: flex;
    gap:8px;
    font-size: 24px;
    color: #262626;
    font-weight: bold;
    align-items: center;
    margin-bottom: 12px;
}
.yewuBox a h3 i{
    display: block;
    width: 32px;
    height: 37px;
}
.yewuBox a h3 i.icon_diaoyan{
    background: url("../images/icon_diaoyan.png") no-repeat;
    background-size: 100% auto
}
.yewuBox a h3 i.icon_baogao{
    background: url("../images/icon_baogao.png") no-repeat;
    background-size: 100% auto
}
.yewuBox a h3 i.icon_shenjiao{
    background: url("../images/icon_shenjiao.png") no-repeat;
    background-size: 100% auto
}
.yewuBox a h3 i.icon_zhaozc{
    background: url("../images/icon_zhaozc.png") no-repeat;
    background-size: 100% auto
}
.yewuBox a h3 i.icon_bizc{
    background: url("../images/icon_bizc.png") no-repeat;
    background-size: 100% auto
}
.yewuBox a h3 i.icon_ccbd{
    background: url("../images/icon_ccbd.png") no-repeat;
    background-size: 100% auto
}
.yewuBox a span{
    font-size: 14px;
    color: #585A5A;
    line-height: 22px;
}
.gzrd_content{
    display: flex;
    justify-content: space-between;
}
.gzbg_content{
    width: 311px;
}
.gzbg_content h2{
    display: block;
    width: 100%;
    height: 44px;
    background: url("../images/title_baogao.png") no-repeat;
}
.gzbg_content ul{
    display: block;
    width: 311px;
    height: 424px;
    background:#FDF9EE;
    padding: 32px 40px;
}
.gzbg_content ul li{
    width: 100%;
    height: 40px;
    margin-bottom: 24px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gzbg_content ul li::before{
    content: "";
    width:10px;
    height: 10px;
    background:rgba(251, 200, 80, 0.74) ;
    border-radius: 50%;
}
.gzbg_content ul li:nth-child(2n)::before,.gzbg_content ul li:nth-child(2n) a{
    background: rgba(241, 143, 56, 1);
}
.gzbg_content ul li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background:rgba(251, 200, 80, 0.74);
    color: #fff;
    font-size: 15px;
    padding: 0 16px;
    height: 40px;
    border-radius: 8px;
}
.gzbg_content ul li a i{
    display: block;
    width: 16px;
    height: 16px;
    background: url("../images/icon_ai.png") no-repeat;
    background-size: 100% auto;
}
.gzbg_content ul li:hover::before,.gzbg_content ul li:hover a{
    background: rgba(243, 32, 52, 1)
}
.gzbg_content ul li:hover a i{
    background: url("../images/icon_ai_active.png") no-repeat;
    background-size: 100% auto;
}
.rdbg_content{
    width: 837px;
}
.rdbg_content h2{
    display: block;
    width: 100%;
    height: 44px;
    background: url("../images/title_redian.png") no-repeat;
    margin-bottom: 30px;
}
.hotReports{
    width: 100%;
    height: 424px;
    background:#FDF9EE;
    padding: 32px 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 20px 14px;
}
.reportBox{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 243px;
    height: 160px;
    border-radius:8px;
    position: relative;
}
.reportBox:nth-of-type(1){
    background: url("../images/rd1.e8992d9c.png") no-repeat;
    background-size: 100% 100%;
}
.reportBox:nth-of-type(2){
    background: url("../images/rd2.000d5116.png") no-repeat;
    background-size: 100% 100%;
}
.reportBox:nth-of-type(3){
    background: url("../images/rd3.09bd72e1.png") no-repeat;
    background-size: 100% 100%;
}
.reportBox:nth-of-type(4){
    background: url("../images/rd4.b5225fa4.png") no-repeat;
    background-size: 100% 100%;
}
.reportBox:nth-of-type(5){
    background: url("../images/rd5.6190d8d1.png") no-repeat;
    background-size: 100% 100%;
}
.reportBox:nth-of-type(6){
    background: url("../images/rd6.bcb8992f.png") no-repeat;
    background-size: 100% 100%;
}
.hotReport-con{
    transition: all .5s ease-in-out;
    backface-visibility: hidden;
    opacity: 1;
    font-size: 16px;
    color: #fff;
    padding: 54px 33px;
    line-height: 24px;
    text-align: center;
  }
.hotReport-con img{
    display:block;
    width: 100%;
    height: auto;
}
.hotReport-more{
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,right top,from(#ef3839),to(#fe5e5e));
    background: linear-gradient(90deg,#ef3839,#fe5e5e);
    transform:rotateY(-180deg);
    transition: all .5s ease-in-out;
    backface-visibility:hidden;
    opacity: 0; /* 默认不可见 */
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .hotReport-more i{
    border: 1px solid #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 8px 16px;
    border-radius:5px;
    color: #fff;
  }
  .hotReport-more i:hover{
    cursor: pointer;
  }
 .reportBox:hover .hotReport-more{
    opacity: 1;
    transform: rotateY(0);
  } 
.reportBox:hover .hotReport-con{
    opacity: 0;
    transform:rotateY(180deg);
  }

  /*资料阅览*/

  .review_content h2{
    background: url("../images/title_review.png") no-repeat;
}
.reviewBox{
    width: 100%;
    height:626px;
    display: flex;
    justify-content: space-between;
    background: rgba(243, 32, 52, 0.01);
    overflow: hidden;
    border-radius: 16px;
    padding-right: 30px;
}
.reviewBox ul{
    background: rgba(243, 32, 52, 0.02);
    padding: 40px 24px;
}
.reviewBox ul li{
    width:211px;
    height: 71px;
    margin-bottom: 24px;
    background: rgba(255, 255, 255, 0.2);
    padding: 24px 32px;
    box-shadow: 0 8px 40px rgba(243, 32, 52, 0.11);
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    color: #262626;
    text-align: left;
}
.reviewBox ul li:last-child a{
    width:211px;
    height: 80px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #262626;
}
.reviewBox ul li:last-child:hover{
    cursor: pointer;
    color: rgba(243, 32, 52, 1);
    background: rgba(243, 32, 52, 0.1);
    border: 1px solid rgba(255, 255, 255, 1);
    box-shadow: 0 8px 40px 0 rgba(243, 32, 52, 0.11);
}
.reviewBox ul li:hover,.reviewBox ul li.active{
    background: rgba(243, 32, 52, 1);
    color: #fff;
    cursor: pointer;
}
.reviewBox ul li i{
    display: block;
    width:24px;
    height: 24px;
}
.reviewBox ul li i.icon_baozhi{
    background: url("../images/icon_baozhi.png") no-repeat;
    background-size: 100% 100%;
}
.reviewBox ul li i.icon_qikan{
    background: url("../images/icon_qikan.png") no-repeat;
    background-size: 100% 100%;
}
.reviewBox ul li i.icon_xwlw{
    background: url("../images/icon_xwlw.png") no-repeat;
    background-size: 100% 100%;
}
.reviewBox ul li i.icon_zbgb{
    background: url("../images/icon_zbgb.png") no-repeat;
    background-size: 100% 100%;
}
.reviewBox ul li i.icon_ts{
    background: url("../images/icon_ts.png") no-repeat;
    background-size: 100% 100%;
}
.reviewBox ul li i.icon_more{
    background: url("../images/icon_more.png") no-repeat;
    background-size: 100% 100%;
    
}
.reviewBox ul li:hover i.icon_baozhi,.reviewBox ul li.active i.icon_baozhi{
    background: url("../images/icon_baozhi_active.png") no-repeat;
    background-size: 100% 100%;
}
.reviewBox ul li:hover i.icon_qikan,.reviewBox ul li.active i.icon_qikan{
    background: url("../images/icon_qikan_active.png") no-repeat;
    background-size: 100% 100%;
}
.reviewBox ul li:hover i.icon_xwlw,.reviewBox ul li.active i.icon_xwlw{
    background: url("../images/icon_xwlw_active.png") no-repeat;
    background-size: 100% 100%;
}
.reviewBox ul li:hover i.icon_zbgb,.reviewBox ul li.active i.icon_zbgb{
    background: url("../images/icon_zbgb_active.png") no-repeat;
    background-size: 100% 100%;
}
.reviewBox ul li:hover i.icon_ts,.reviewBox ul li.active i.icon_ts{
    background: url("../images/icon_ts_active.png") no-repeat;
    background-size: 100% 100%;
}
.reviewBox .reviewRight{
    width: 877px;
    height: 100%;
    
    padding: 40px 0;
}
.reviewRight h4{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    width: 100%;
    height:40px;
    border-radius: 8px;
    background: #fff;
    border-radius: 8px;
    font-size: 14px;
    color: rgba(88, 90, 90, 1);
}
.reviewRight h4 span{
    display: block;
    width:748px;
}
.reviewRight h4 a{
    color: rgba(243, 32, 52, 1);
    display: flex;
    gap: 8px;
    font-size: 14px;
    width: 100px;
    text-align: right;
}
.reviewRight h4 a i{
    display: block;
    width: 16px;
    height: 16px;
    background: url("../images/icon_right.png");
}
.reviewRight>div{
    display: flex;
    justify-content: space-around;
    flex-wrap:wrap;
    gap: 24px 48px;
    margin-top: 24px;
}
.reviewRight>div a.pl {
	text-align : center;
	line-height: 22px;
    width: 137px;
    height: 229px;
    font-size: 16px;
    color: rgba(38, 38, 38, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reviewRight>div a.pl img {
	display      : block;
	cursor       : pointer;
    width: 137px;
    height: 191px;
    margin-bottom: 12px;
    border: 1px solid rgba(255,255,255, 0);
    border-radius: 6px;
    border: 1px solid #d9dbda;
}

.reviewRight>div a.pl span {
	display      : block;
	width        : 155px;
	overflow     : hidden;
	white-space  : nowrap;
	text-overflow: ellipsis;
}

.reviewRight>div a.pl:hover img{
	
	border: 1px #de0716 solid;
}
.reviewRight>div a.pl:hover{
    color : #de0716;
}

/*footer*/
.footer {
    width: 100%;
    min-width: 1200px;
    height: 320px;
    background: rgba(229, 30, 49, 1);
    margin-top: 50px;
}
.footer_content{
    width: 1200px;
    margin: 48px auto;
    color: #fff;
    position: relative;
}
.footer_content>h2{
    font-size: 20px;
    margin-bottom: 20px;
}
.footer_content>h2 b{
    font-size: 15px;
    font-weight: normal;
    color: rgba(255,255,255,.8);
}
.footer_mode{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.footer_left{
    width: 486px;
}
.footer_ewm{
    width: 162px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 100px;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
}
.footer_left>h3,.footer_right>h3{
    font-size: 18px;
    margin: 10px 0 30px 0;
    position: relative;
    padding-left: 16px;
    font-weight: bold;
}
.footer_left>h3::before,.footer_right>h3::before{
    content:"";
    width:4px;
    height: 20px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
    
}
.footer_left>div{
    display: flex;
    margin-bottom: 16px;
    min-height: 40px;
}

.footer_left>div>h4{
    display: block;
    width:200px;
    padding-left: 16px;
    font-size: 16px;
}
.footer_left>div>div{
    width: 254px;
    font-size: 14px;
}
.footer_left>div>div span{
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    margin-bottom: 12px;
    color: rgba(255,255,255,.8);
}
.footer_left>div>div a{
    display: flex;
    align-items: center;
    justify-content: center;
    width:96px;
    height: 30px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    color: rgba(229, 30, 49, 1);
    font-size: 14px;

}
.footer_left>div>div a:hover{
    background:rgba(255,255,255,.8)
}
.footer_left>div>div a i{
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/icon_download.png) no-repeat;
    background-size: 100% 100%;
}
.footer_content>p{
    font-size: 14px;
    color: rgba(255,255,255,.6);
    line-height: 24px;
}
.footer_content>p a{
    color: rgba(255,255,255,.6);
    margin-right: 5px;
}
.footer_content>p a:hover{
    color: rgba(255,255,255,1);
}


/* 二级页*/
/* 开通说明
-------------------------------*/
h4.title01 {
	font-size    : 24px;
	font-weight  : 700;
	color        : #ce1323;
	height       : 20px;
	line-height  : 70px;
	margin-top   : 20px;
	text-align   : center;
	border-bottom: #e2e2e2 solid 1px;
	margin-bottom: 50px;
}

h4.title01 span {
	display         : block;
	font-size       : 16px;
	width           : 330px;
	background-color: #FFF;
	border          : 1px #e2e2e2 solid;
	border-radius   : 5px;
	font-weight     : normal;
	color           : #333;
	height          : 40px;
	line-height     : 40px;
	margin          : 10px auto;
	text-align      : center;
}

.box01 {
	margin-bottom: 40px;
    display: flex;
    gap: 35px 100px;
    flex-wrap: wrap;
}

.box01 p>a {
	display         : block;
	font-size       : 14px;
	border-radius   : 5px;
	margin          : 34px auto 0px;
	width           : 120px;
	height          : 30px;
	color           : #FFF;
	background-color: #f08526;
    line-height: 30px;
}
.box01 p.noLink {
	display         : block;
	font-size       : 14px;
	border-radius   : 5px;
	margin          : 12px auto 0px;
	width           : 120px;
	height          : 30px;
	color           : #FFF;
	background-color: #e4c9b2;
    line-height: 30px;
}
.box01 p>a:hover {
	color           : #FFF;
	background-color: #c91629;
}

.box01_body {
	width           : 225px;
	height          : auto;
	padding         : 5px;
	box-sizing      : 0px;
	float           : left;
	text-align      : center;
	background-color: #FFFFFF;
	border-radius   : 5px;
	color           : #000000;
	border          : 1px #e8e9ef solid;
	box-shadow      : 0px 0px 10px 5px #e8e9ef;
    padding: 10px 18px 36px 18px;
}
.box01_body>a{
    padding-bottom: 10px;
    display: block;
    height: 204px;
}
.law_01 {
	height: 151px;
	width : 190px;
	margin: 8px auto 15px;
}

.law_01bg {
	background   : url(../images/pg1_law.jpg) no-repeat 0px 0px;
	border-radius: 5px;
}

.law_02bg {
	background   : url(../images/pg1_law.jpg) no-repeat 0px -222px;
	border-radius: 5px;
}

.law_03bg {
	background   : url(../images/pg1_law.jpg) no-repeat 0px -461px;
	border-radius: 5px;
}

.law_04bg {
	background   : url(../images/pg1_law.jpg) no-repeat 0px -755px;
	border-radius: 5px;
}

.law_05bg {
	background   : url(../images/dangzheng2026.png) no-repeat;
    background-size: 100% 100%;
	border-radius: 5px;
}

.law_06bg {
	background   : url(../images/pg1_law.jpg) no-repeat 0px -1326px;
	border-radius: 5px;
}

.law_07bg {
	background   : url(../images/pg1_law.jpg) no-repeat 0px -1590px;
	border-radius: 5px;
}

.law_08bg {
	background   : url(../images/cnki_ai.png) no-repeat;
    background-size: 100% 100%;
	border-radius: 5px;
}

.zhanghao {
	padding-left : 120px;
	margin-bottom: 30px;
}

.zhanghao dl {
	width       : 40%;
	margin-right: 100px;
}

.zhanghao dl dt {
	background-color: #fff4f4;
	text-align      : center;
	font-size       : 20px;
	color           : #F00;
	height          : 45px;
	line-height     : 45px;
	margin-bottom   : 20px;
}

.zhanghao dl dd {
	line-height : 45px;
	padding-left: 100px;
}

.zhanghao dl dd a {
	color       : #1b66e6;
	padding-left: 20px;
}

.zhanghao dl dd a img {
	vertical-align: text-bottom;
}

.zhanghao dl dd a:hover {
	color          : #1b66e6;
	text-decoration: underline;
}

.erweima {
	text-align: center;
}

.erweima img {
	width : 176px;
	height: 176px;
}

.aiLink{
    position: fixed;
    right: 20px;
    top: 50%;
    margin-top: -81px;
    width: 87px;
}
iframe#czyzlfyj {
    width: 1200px;
    height: 620px;
    margin: auto;
    display: block;
}
iframe#zlyl {
    width: 1200px;
    height: 770px;
    margin: auto;
    display: block;
}
/*党建学习*/
.djxx_content h2{
    background: url("../images/title_dj.png") no-repeat;
}
.djxx_ul{
    display: flex;
    justify-content: space-between;
}
.djxx_ul a{
    border-radius:16px;
    box-shadow: 0 8px 40px rgba(243, 32, 52, 0.11);
}
.djxx_ul a:hover{
    border-radius:16px;
    box-shadow: 0 8px 40px rgba(243, 32, 52, 0.2);
}
.ktcp_content h2{
    background: url("../images/title_ktcp.png") no-repeat;
}