@charset "utf-8";
/* CSS Document */
/*内容*/
.mainBoxL{width:780px;float:left;}
.mainBox {
    width: 1260px;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #fff;
}
.mainLeft{width:760px;background-color:#fff;padding-left:20px;padding-right:20px; padding-top:20px;}
.articleDiv .content h2 {font-size:24px;color:#55c658;font-weight:500;line-height:24px; margin-top:60px;}
.articleDiv .content {
    line-height: 25px;
    width: 760px;
    margin: 0 auto;
    color: #18191c;
}
.articleDiv .content h3 {font-size:20px;color:#ffa500;font-weight:500;line-height:24px;}
.articleDiv {
    font-size: 18px;
    color: #09f;
    line-height: 24px;
}
.mainleft_bottom{width:730px;background-color:#fff;padding-left:20px;padding-top:20px; margin-top:20px;}
.itemtitle_bottom span {background-color:#FFF;padding-left:15px;padding-right:15px;}
.itemtitle_bottom {font-weight:500;width:720px;text-align:center;height:35px;line-height:35px;color:#0099FF;margin-top:20px;margin-bottom:10px;font-size:20px;}
.listItem .listLeft,.listItem .listRight{ float:left;}
.listItem .listLeft{ width:200px; height:148px; display:block;}
.listItem .listRight{ width:480px; height:148px; margin-left:20px;}
.listItem .listRight .listtop {height:50px;line-height:36px;font-size:18px;}
.listItem .listRight .listmiddle{font-size:14px;height:46px;line-height:24px;width:480px;margin-bottom: 55px}
.listItem .listRight .listbottom{ font-size:14px; line-height:24px;}
.listRight .listtop a{color:#666;}
.listRight .listmiddle a,.listRight .listbottom { color:#999;}
.clear{ clear:both;}
.listItem .listRight .listbottom .left span {float:left;margin-right:20px;padding-left:26px;}
.listItem .listRight .listbottom .right {float:right;padding-right:25px;padding-top:15px;}
.listLeft img:hover{-webkit-transform:scale(1.08);transform: scale(1.08);}
.listLeft img {-webkit-transition: opacity .5s,-webkit-transform .6s ease-in-out;transition: opacity .5s,-webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out,opacity .5s;transition: transform .6s ease-in-out,opacity .5s,-webkit-transform .6s ease-in-out;-webkit-transition-delay: .1s;transition-delay: .1s;
    -webkit-backface-visibility: hidden;backface-visibility:hidden;-webkit-perspective: 1000;perspective:1000;}
/*右侧*/
.mainRight{ width:388px;float:right; background-color:#fff; }
.mainRight .rightitem{ width:368px; padding-left:20px; padding-right:20px; padding-top:20px;}
.rightitem .righttitle {
    font-size: 14px;
    color: #18191c;
    height: 38px;
    font-weight:600;
}
.detailside {
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    margin-bottom: 10px;
    list-style-type: none; /* 去掉默认的列表样式 */
    padding: 0; /* 去掉内边距 */
}

    .detailside li {
        width: calc(50% - 10px); /* 每个元素占50%的宽度，减去间距 */
        margin-bottom: 10px; /* 增加列表项之间的垂直间距 */
        box-sizing: border-box; /* 使padding和border包含在width内 */
    }
        .detailside li img {
            width: 100%; /* 图片宽度占满父元素 */
            height: auto;
            border-radius: 4px;
        }

.rtext {
    text-align: center; /* 文字居中 */
    margin-top: 5px; /* 图片和文字之间的间距 */
}
/*.detailside li img {width:125px;height:125px; display:block;}*/
.detailside li img:hover{-webkit-transform:scale(1.08);transform: scale(1.08);}
.detailside li img {-webkit-transition: opacity .5s,-webkit-transform .6s ease-in-out;transition: opacity .5s,-webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out,opacity .5s;transition: transform .6s ease-in-out,opacity .5s,-webkit-transform .6s ease-in-out;-webkit-transition-delay: .1s;transition-delay: .1s;
    -webkit-backface-visibility: hidden;backface-visibility:hidden;-webkit-perspective: 1000;perspective:1000;}
.detailside li {float:left;margin-top:10px;text-align:center;font-size:14px;}
    .detailside li a {
        font-size: 14px;
        color: #18191c;
        line-height: 14px;
        font-weight: 600;
    }
.detailside li .detailtitle{ margin-top:10px; margin-bottom:10px;}
h4.header {
    margin: 10px 0 10px 0;
    margin-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 2px solid #0099ff;
    border-bottom: 2px solid #0099ff;
    font-size: 18px;
    color: #18191c;
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 32px;
    clear: both;
}
table {
    width: 100%;
    border-collapse: collapse;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    width: 100%;
}

tr {
    border-bottom: 1px solid #0099ff;
    height: 28px;
}

td {
    padding: 8px;
}
.articleDiv .content p {
    line-height: 2.2em;
    font-size: 18px;
}
.fenge{
    margin:10px 0 10px 0;
}
    .articleDiv .content div > img {
        border-radius: 6px;
        width: 700px;
        height: 400px;
        text-align:center
    }
.imgcontainer {
    display: flex;
    justify-content: center;
    align-items: center;
}