@charset "utf-8";
/* 小窗子 */
.backdrop{
    height: 25vw;
    width: 100%;
    overflow: hidden;
}
.backdrop img{
    width: 100%;
    height: 100%;
}
.ArticleContent{
    position: relative;
    padding-bottom: 4.1667vw;
}
.ArticleContent .ul{
    position: absolute;
    top: -68px;
    left: 0;
    width: 16.6667vw;
    height: 21.1458vw;
    color: #fff;
    z-index: 99;
}
.ArticleContent .ul .li{
    width: 100%;
    background-image: url(../images/Abuout-li.png);
    background-size: 100% auto;
    /* line-height:6.25vw; */
    padding: 34px 0;
    text-align: center;
    border: 0;
    pointer-events: none;
    /* padding: 0; */
    font-size: 25px;
 }
 .ArticleContent .ul .li a{
    font-size: 1.5625vw;
    display: inline;
    color: #ffffff;
    text-align: center;
 }
 .ArticleContent .ul li{
    width: 100%;
    padding: 0 20px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    line-height: 2.6042vw;
    margin-top: 15px;
 }
 .ArticleContent .ul li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333;
    font-size: 17px;
    padding: 5px 0;
 }
 .ArticleContent .ul li a .box{
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: space-between; */
    text-transform: uppercase;
    line-height: 24px;
    padding-left: 20px;
    position: relative;
 }
 .ArticleContent .ul li a .box .yuan{
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid #999;
    box-sizing: border-box;
    margin-right: 0.5208vw;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
 }
 .ArticleContent .ul li a span{
    font-size: 0.625vw;
 }
 /* 内容 */
 .Article{
    width:73%;
    padding-top: 2.2917vw;
    margin-left: 27%;
 }
 .Article-top{border-bottom: 1px solid #a9a9a9;padding: 20px 0 15px;color: #a9a9a9;}
 .Article-top a{color: #a9a9a9;}
 .Article-top a::before{
   content: ">";
   font-size: 16px;
   color: #a9a9a9;
   margin: 0 4px;
 }
 .Article-top a:first-child::before{
   display: none;
 }
 .Article-top span{color: #1e3c6e;font-weight: 600;font-size: 18px;}
 .Article .img{
    width: 40.1042vw;
    height: 16.6146vw;
    margin: 2.2917vw auto;
 }

 .Article .img img{width: 100%; height: 100%;}
 .Article .zi{
    font-size: 0.8333vw;
    color: #333;
 }
.Article .zi .box{
    width: 48%;
    float: left;
    margin-top: 20px;
    /* margin-bottom: 30px; */
    padding-bottom: 25px;
    border-bottom: 1px solid #DDD;
}
.Article .zi .box:nth-child(even){
    float: right;
}
.Article .zi .boxW{
    clear: both;
    padding-top: 20px;
}

 .Article .zi a{color: #214787;}
.Article .zi img{width: 50%;margin: 20px auto;}
.Article .zi table{
 width: 100%;
 margin: 25px 0 !important;
 border-collapse: collapse !important;
 line-height: 1.2 !important;
 margin: 1rem auto;
}
 .Article .zi p{line-height: 32px;font-size: 18px;margin-top: 10px;}
 .Article .zi p:nth-child(2){
    /* margin: 2.2917vw 0; */
 }
.Article-top .you{}
.Article-top .you *,.Article-top .you a{
    font-size: 13px !important;
}

.Article .zi
.Article .zi  table {width: 80% !important;/* max-width: 100% !important; */border-collapse: collapse !important;line-height: 1.2 !important;margin: 1rem auto;}
.Article .zi table thead tr th,.Article .zi table thead tr td { padding: 10px 15px; border: #d8d8d8 solid 1px; }
.Article .zi table tbody tr th, .Article .zi table tbody tr td {padding: 10px !important;border: #cbcbcb solid 1px !important;box-sizing: border-box;}
.Article .zi table thead tr th p,.Article .zi table thead tr td p,.Article .zi table tbody tr th p,.Article .zi table tbody tr td p {text-indent: 0 !important;margin-bottom: 0 !important;line-height: 1.8em;font-size: 1rem;margin: 0;}
.Article .zi table tbody tr td > ul > li { margin: 5px 0; }
.Article .zi table tr th:first-child,.Article .zi table tr td:first-child {}
.Article .zi table tr th:last-child,.Article .zi table tr td:last-child { }
.Article .zi table th { color: #1f1f1f; background-color: #fbfbfb; vertical-align: middle; }
.Article .zi table td {color: #1f1f1f !important;/* text-align: left !important; */vertical-align: middle !important;border-collapse: collapse !important;}
.Article .zi table td a { text-decoration: none; color: #454545 }
.Article .zi table tr.firstRow td{
    text-align: center;
    background: #ececec;
}

 /* 鼠标进入 */
 .ArticleContent .ul li:hover a{color: #1e3c6e; transition: color 0.5s ease; /* 添加过渡效果 */}
 .ArticleContent .ul li:hover .yuan{background: #1e3c6e;border: 0; transition: background 0.5s ease;}
 .ArticleContent .ul li:hover span{color: #ff9000;transition: color 0.5s ease;}
 .ArticleContent .ul li:hover{background: #e8ebf0; transition: background 0.5s ease;}
 .ArticleContent .Article .you a:hover{color: #1e3c6e;}