:root {
    
    --all-width:90rem;/**/
    --all-min-width:18.75rem;/**/
    --all-bgcolor:#FFFFFF;
    --all-hoverbg:#c01a3d;
    
    --all-color1:#d30302;
    --all-color2:#333333;
    --all-color3:#666666;
    --all-color4:#999999;
    --all-bg1:#444444;
    
    --all-color4:#949494;
    --all-color5:#e60012;
    --all-color6:#06467c;
    --all-color7:#fff2e9;
    --all-titlecolor:#007aff;
  
    --all-bg2:#fd0505;
    --all-bg3:#e9e9e9;
    --all-bkcolor:#e9e9e9;
}
body{
  
    background: var(--all-bgcolor);
    width: 100%;
    min-height: 100vh;
}
.lei_all{
    margin: auto;
}


.lei_width{
    max-width: var(--all-width);
    min-width: var(--all-min-width);
    margin: auto;
    
}

.topall{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1rem 2rem;
        justify-content: space-between;
}
.topall .toplogo{
    display: flex;
    align-items: center;
    font-size: 1.5rem;
}
.topall .toplogo .img{
    
}
.topall .toplogo .img img{
    width:5rem;
}
.topall .toplogo .txt{
   
    padding: 0 3rem 0 1rem;
}
.topall .toplogo .txt .cotxt{
     font-family: 'SimSun';
     font-weight: bold;
}
.topall .toplogo .en{
    font-size: 0.6rem;
}


.topall .topmenu{
  
}
.topall .topmenu ul{
    margin:auto;
    display: flex;
}
.topall .topmenu li{
    position: relative;
    padding: 0 1rem;
}

.topall .topmenu li a{
    float: left;
    padding: 0 0.5rem;
    border-radius: 0.4rem;
    line-height: 1.5rem;
}

.topall .topmenu li a::before{
    content: '';
    width: 0.05rem;
    height: 40%;
    background: var(--all-hoverbg);
    position: absolute;
    left:0;
    top: 50%;
    transform: translateY(-50%) ;
}
.topall .topmenu li.mr{
    background: var(--all-hoverbg);
    color: #fff;
    border-radius: 0.4rem;
}
.topall .topmenu li.mr a{
    color: #fff;
}
.topall .topmenu li.mr a::before{
    left:-1rem;;
}

.topall .topmenu li:nth-child(1) a::before{
    background: #fff;
}

.topall .topmenu li a:hover{
    background: var(--all-hoverbg);
    color: #fff;
    border-radius: 0.4rem;
}

.topall .topright{
    display: flex;
    font-size: 0.8rem;
}
.topall .topright .sy{
    
}
.topall .topright .sc{
    margin-left: 1rem;
}

.index_cen1{
    margin: 4rem;
    position: relative;
}
.index_cen1 .title{
    font-size: 1.5rem;
    position: relative;
    height: 2rem;
}

.index_cen1 .title::before{
    content: '';
    position: absolute;
    width: 2rem;height: 0.1rem;
    bottom: 0;
    left:0;
    background: var(--all-color1);
}

.index_cen1 .title span{
    color: var(--all-color4);
}
.index_cen1 .txt{
    font-size: 0.7rem;
    padding: 2rem 0;
    line-height: 2rem;
    color: var(--all-color3);
}
.index_cen1 .txt p{
    padding: 1rem 0;
    
}

.index_cen1 .fd{
    position: absolute;
    right: 0;
    top:0;
    writing-mode: vertical-rl; 
}
.index_cen1 .fd p{
    line-height: 2rem;
    letter-spacing: 0.5rem;
    font-family: 'SimSun';
    color: #000;
    font-weight: bold;
}

.index_cen1 .fd p:nth-child(2){
    margin-top: 10rem;
    margin-right: 3rem;
}


.index_cen2{
    width: 100%;
    display: flex;
}


.index_cen2 .img{
    width: 50%;
    height: 30rem;
    overflow: hidden;
    position: relative;
}
.index_cen2 .img img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.index_cen2 .txt{
    width: 50%;
}
.index_cen2 .txt .txtp{
    padding: 0 6rem;
}
.index_cen2 .title{
    font-size: 1.5rem;
    position: relative;
    height: 2rem;
}


.index_cen2 .title::before{
    content: '';
    position: absolute;
    width: 2rem;height: 0.1rem;
    bottom: 0;
    left:0;
    background: var(--all-color1);
}

.index_cen2 .title span{
    color: var(--all-color4);
}

.index_cen2 .txtshow{
    font-size: 0.7rem;
    padding: 2rem 0;
    line-height: 2rem;
    color: var(--all-color3);
}
.index_cen2 .more{
    text-align: right;
}
.index_cen2 .more a{
    color: var(--all-color1);
}




.index_cen3{
    margin: 8rem 4rem;
    display: flex;
}


.index_cen3 .img{
    width: 60%;
}
.index_cen3 .img img{
    width: 100%;
}
.index_cen3 .txt{
    width: 40%;
}
.index_cen3 .txt .txtp{
    padding: 0 6rem 0 0;
}
.index_cen3 .title{
    font-size: 1.5rem;
    position: relative;
    height: 2rem;
}


.index_cen3 .title::before{
    content: '';
    position: absolute;
    width: 2rem;height: 0.1rem;
    bottom: 0;
    left:0;
    background: var(--all-color1);
}

.index_cen3 .title span{
    color: var(--all-color4);
}

.index_cen3 .txtshow{
    font-size: 0.7rem;
    padding: 2rem 0;
    color: var(--all-color3);
}
.index_cen3 .list{
    margin-top: 1rem;
}
.index_cen3 .txtshow p:nth-child(1) a{
    color: var(--all-color2);
    font-weight: bold;
    line-height: 2rem;
}
.index_cen3 .txtshow p:nth-child(2) a{
    color: var(--all-color3); 

}

.index_cen4{
    padding: 2rem 4rem;
    display: flex;
}
.index_cen4 .list{
    padding: 2rem;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-radius: 6px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.index_cen4 .list:nth-child(2){
    margin: 0 2rem;
}
.index_cen4 .list .title{
    font-size: 0.6rem;
    position: relative;
}
.index_cen4 .list .txt{
    font-size: 0.5rem;
    color: var(--all-color3);
}
.index_cen4 .list .showtitle{
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.index_cen4 .list .time{
    position: absolute;
    top:0;
    right:0;
    color:var(--all-color4);
}


.index_cen5{
    padding: 0 4rem;
    margin-top: 2rem;
}
.indextitle2{
    font-size: 1.5rem;
    position: relative;
    height: 2rem;
}

.indextitle2::before{
    content: '';
    position: absolute;
    width: 2rem;height: 0.1rem;
    bottom: 0;
    left:0;
    background: var(--all-color1);
}

.indextitle2 span{
    color: var(--all-color4);
}

.index_cen5 .censhow{
    display: flex;
}
.index_cen5 .censhow .list{
     margin: 3rem 2rem;
     flex: 1;
}
.index_cen5 .censhow .list .title{line-height: 2rem;}
.index_cen5 .censhow .list .title a{font-size: 0.8rem; color: var(--all-color2)}
.index_cen5 .censhow .list .time{font-size: 0.5rem;color: var(--all-color3)}
.index_cen5 .censhow .list .txt{font-size: 0.5rem;color: var(--all-color3)}
.index_cen5 .censhow .list .img{
    width: 100%; overflow: hidden;
    height: 14rem;position: relative;
}
.index_cen5 .censhow .list .img img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}


.footer{
    background: var(--all-bg1);
}

.footer .txt{
    padding: 2rem 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer .footlogo{
    display: flex;
    font-size: 1.5rem;
    color: #fff;
    align-items: center;
}
.footer .footlogo .cotxt{
     font-family: 'SimSun';
     font-weight: bold;
}
.footer .footlogo .en{
    font-size: 0.6rem;
}

.footer .footlogo .txt2{
 margin-left: 2rem;
}
.footer .footlogo .img{
    width: 6rem;
}
.footer .footlogo .img img{
    width: 100%;
}

.footmenu{
    
}
.footmenu ul{
    display: flex;
}

.footmenu ul li{
    
}
.footmenu ul li a{
    margin: 0 1rem;
    color: #fff;
    font-size: 0.8rem;
}


.footalert{
    border-top:0.01rem #545454 solid;
    padding: 1rem 0;
    font-size: 0.6rem;
    text-align: center;  
    color:#fff;
}

.footcopy{
    font-size: 0.6rem;
    text-align: center;
    color:#fff;
    padding: 2rem 0;
}


/*
内页CSS
*/
.nybanner{
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 30rem;
}
.nybanner img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.nycen{
    margin: 6rem 4rem;
}
.nycen .title{
    margin: 3rem 0;
    font-size: 1.5rem;
    position: relative;
    height: 2rem;
}

.nycen .title::before{
    content: '';
    position: absolute;
    width: 2rem;height: 0.1rem;
    bottom: 0;
    left:0;
    background: var(--all-color1);
}

.nycen .title span{
    color: var(--all-color4);
}


.lei_list_news{
    width: 100%;
}
.lei_list_news li{
    display: flex;
    margin-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px var(--all-color7) dotted;
    
}

.lei_list_news .lei_con_img{
    width: 16rem;
    height: 10rem;
    overflow: hidden; 
    position: relative; 
}
.lei_list_news .lei_title{
    font-size: 1.6rem;
    line-height: 3rem;
}

.lei_dyshow{
    margin: 1rem auto;
    width: 100%;
}

.lei_dyshow .lei_dyshow_body{
    width: 100%;
    padding: 1rem;
    font-size: 1.5rem;
    line-height: 3rem;
    color: var(--all-color3);
}

.lei_dyshow_message{
  
    padding: 1rem;
    font-size: 1.5rem;
    line-height: 3rem;
    color: var(--all-color3);
    background: var(--all-bgcolor2);
    margin: 1rem 0;
    border-radius: 0.5rem;
    display: flex;
    flex-wrap: wrap;
}


.lei_dyshow_outline {
    background: var(--all-bgcolor2);
    padding: 2rem;
    border-radius: 0.5rem;
    margin: 1rem auto;
}
   
.lei_dyshow_outline .lei_dyshow_outline_title{
    
}

.lei_dyshow .lei_dy_title{
    text-align: center;
    font-size: 2.5rem;
    color: var(--all-color1);
    padding: 3rem 0;
}

.lei_list_news .lei_con_des{
    font-size: 1.2rem;
    line-height: 1.6rem;
    color:var(--all-color3);
    
}
.lei_list_news .lei_con_img img{ 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%; 
    transform: translateX(-50%) translateY(-50%);
     
}
.lei_list_news .lei_con{
    flex: 1; 
    margin-left: 1rem;
}
  

.lei_certifi{
   
}
.certifi_title{
    text-align: center;
    font-size: 1.6rem;
    height: 3rem;
}
.certifi_con{
    border: 1px saddlebrown solid;
    border-radius: 0.4rem;
    text-align:center;
}
.certifi_body{
    margin: 1rem 0;
    line-height: 1.6rem;
    color: var(--all-color3);
}
.certifi_1{
    padding: 2rem 0;
}
.certifi_1 .lei_input{
  display: flex;
      justify-content: center;
   margin: 2rem 0;
}
.certifi_1 .lei_input .it{
    width: 10rem;
    font-size: 1.2rem;
    text-align: right;
}
.certifi_1 .lei_input input{
    font-size: 1.2rem;
    border-bottom: 1px #545454 solid;
}

.certifi_1 .lei_cha{
    font-size: 1.2rem;
    width: 8rem;
    border-radius: 0.2rem;
    background: var(--all-color1);
    color: #fff;
    cursor: pointer;margin: auto;
    height: 2rem;
    line-height: 2rem;
}
.zs_search_show{
    
}
.zs_search_show .table_zs{
    background: var(--all-bg3);
}

.zs_search_show .table_show{
    padding: 1rem;
}
.zs_search_show table {
    border-collapse: collapse; /* 合并边框 */
}
 
.zs_search_show td, .zs_search_show th {
    border: 1px solid white; /* 设置边框为白色 */
}
.zs_search_show td{
    padding: 0.5rem;
}

/* 本例子css */
.slideBox{  height:40rem; overflow:hidden; position:relative; border:0.005rem solid var(--all-bkcolor);  }
.slideBox .hd{ height:0.75rem; overflow:hidden; position:absolute;left:50%;transform: translateX(-50%); bottom: 1rem; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:1rem;;  width:0.75rem; height:0.75rem;font-size: 0; border-radius: 50%; line-height:1rem; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#c01a3d; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:100%; display:block;  }
.slideBox .bd img:hover{opacity: 1;}

.slideBox1{ width:100%; height:100%; overflow:hidden; position:relative; border:0.005rem solid var(--all-bkcolor);  }

.picMarquee-top{ margin:0 auto;  width:100%; overflow:hidden; position:relative;   }
.picMarquee-top .hd{ overflow:hidden;   background:#f4f4f4;  }


.picMarquee-top .bd{ padding:10px;   }
.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-top .bd ul li{ text-align:center; zoom:1; }

/*
.slideBox2{  height:40rem; overflow:hidden; position:relative; border:0.005rem solid var(--all-bkcolor); 1margin-top: 3rem;}
.slideBox2 .hd{ height:0.75rem; overflow:hidden; position:absolute;left:50%;transform: translateX(-50%); bottom: 1rem; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox2 .hd ul li{ float:left; margin-right:1rem;;  width:0.75rem; height:0.75rem;font-size: 0; border-radius: 50%; line-height:1rem; text-align:center; background:#fff; cursor:pointer; }
.slideBox2 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0; }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; width: 15rem; height: 20rem; background: red;}
.slideBox2 .bd img{ width:100%; display:block;  }
.slideBox2 .bd img:hover{opacity: 1;}*/




.page{
    width: 100%;
    margin: 1rem auto;
}
.page ul{
    display: flex;
    justify-content: center;
}

.page ul li{
    height: 2rem;line-height: 2rem;
    background: var(--all-bgcolor2);
    font-size: 1.2rem;
    
     
}
.page ul li:hover{
    background: var(--all-color1);
    
}

.page ul li:hover a{
    color:#fff;
    
}

.page ul li.active{
    background: var(--all-color4);
    color: #FFF;
    padding: 0 1rem;
}
.page ul li.on{
    background: var(--all-bg3);
    color: var(--all-color4);
    padding: 0 1rem;
}

.page ul li.sm{
    background: var(--all-bgcolor2);
    color: var(--all-color8);
    padding: 0 1rem;
}

.page ul li a{
   width: 100%;
   padding: 0 1rem;
  float: left;
}