body {
    background: #f9f8f6;
    min-width: 1200px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix::after {
    content: ' ';
    display: block;
    clear: both;
}

.w-1200 {
    width: 1200px;
    margin: 0 auto;
}

.w-1100 {
    width: 1100px;
    margin: 0 auto;
}

.imgBox {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imgBox:hover img {
    transform: scale(1.3);
    transition: transform 0.5s ease;
}

.imgBox img {
    cursor: pointer;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    max-width: 100%;
    max-height: 100%;
    transition: transform 0.5s ease;
}

/* 头 */


.indexFour .head {
    background: url('./bg.png') no-repeat;
    background-size: 100%;
    height: 438px;
    position: relative;
}

.indexFour .head .text {
    text-align: right;
    padding: 10px 0;
    position: relative;
    z-index: 99;
    display: inline-block;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    background-color: #BF000A;
    border-radius: 50px;
}

.indexFour .head .text span {
    border-right: 1px solid #fff;
    font-size: 14px;
    color: #FFFFFF;
    padding: 0 15px;
    cursor: pointer;
}

.indexFour .head .text span:last-child {
    border: none;
    background: url('./user-icon.png') no-repeat left center;
    background-size: 15px auto;
    margin-left: 15px;
    padding-left: 20px;
}

.indexFour .head .logoImg {
    position: absolute;
    top: 168px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    height: 130px;
}

.indexFour .head .postionImg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    height: 615px;
}

/* 头 end*/
/* 导航 */
.indexFour .navDiv {
    height: 60px;
    line-height: 60px;
    background: linear-gradient(-90deg, #BF000A, 70%, #FFC258);
    text-align: center;

}

.indexFour .navDiv .navUl {
    /* transform: translateX(50px); */
    position: relative;
    z-index: 999;
    display: flex;
    max-width: 1100px;
}

.indexFour .navDiv .navUl li {
    padding: 0 15px;
    display: inline;
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 10;
    font-size: 16px;
}

.indexFour .navDiv .navUl li:hover {
    color: #FFE3A8;
}

.indexFour .navDiv .navUl li.active {
    color: #FFE3A8;
}

/* 导航 end */
/* 搜索 */
.indexFour .searchBox {
    height: 180px;
    background: linear-gradient(180deg, #F4EEE3, #FFFFFF, #F4EEE3);
}

.indexFour .searchBox .searchInt {
    width: 960px;
    height: 60px;
    background: #FFFFFF;
    outline: 2px solid #D6C7AA;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
    position: relative;
    z-index: 10;
    margin-top: 42px;
    /* padding-left: 22px; */
    box-sizing: border-box;
}

.indexFour .searchBox .advSearch {
    width: 120px;
    height: 60px;
    background: #F0EADF;
    border-radius: 8px;
    float: left;
    line-height: 60px;
    text-align: center;
    color: #333333;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    z-index: 10;
    margin-top: 42px;
    display: block;
}

.indexFour .searchBox .searchInt .el-select {
    color: #333;
    height: 60px;
    width: 106px;
}

.indexFour .searchBox .searchInt .el-select input {
    border: none;
    outline: none;
    font-size: 16px;
    height: 60px;
}

/* .indexFour .searchBox .searchInt::before {
    content: ' ';
    height: 42px;
    width: 1px;
    background: #E5E5E5;
    position: absolute;
    left: 130px;
    top: 9px;
} */

.indexFour .searchBox .searchBtn {
    width: 91px;
    height: 60px;
    background: #BF000A url('./search-btn.png') no-repeat center;
    border-radius: 0 8px 8px 0;
    position: absolute;
    right: 0;
    top: 0px;
    cursor: pointer;
}

.indexFour .searchBox .searchBtn:hover {
    opacity: 0.8;
}

.indexFour .searchBox .searchInt .int {
    width: calc(100% - 130px);
    border: none;
    outline: none;
    padding-left: 30px;
    font-size: 16px;
    box-sizing: border-box;
    height: 60px;
}

.indexFour .searchBox .hotWord {
    line-height: 1;
    width: 960px;
    margin: 21px auto 0 auto;
    height: 16px;
    white-space: nowrap;
    overflow: hidden;
    transform: translateX(-70px);
}

.indexFour .searchBox .hotWord .hot {
    font-size: 14px;
    /* background: url(./hot-icon.png) no-repeat left center; */
    padding-left: 20px;
}

.indexFour .searchBox .hotWord .text {
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    margin-right: 15px;
}


.navlist .s-nav-more-list {
    position: relative;
    display: inline-block;
}

.navlist .s-nav-more-list .s-morebtn {
    font-size: 16px;
    cursor: pointer;
}

.navlist .s-nav-more-list .s-list {
    position: absolute;
    top: 60px;
    left: 0px;
    z-index: 999;
    display: none;
    width: 180px;
    border-radius: 3px;
    background: #f5f5f5;
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    line-height: 30px;
}

.navlist .s-nav-more-list .s-list .s-item {
    margin: 0;
}

.navlist .s-nav-more-list .s-list .s-item:hover {
    color: #fff;
}

.navlist .s-nav-more-list:hover .s-list {
    display: block;
}

/* 搜索 end */
/* 轮播图 */
.indexFour .swiper {
    height: 255px;
    margin-top: 40px;
    background: url('./bookBg.png') no-repeat bottom center;
    position: relative;
    margin-bottom: 40px;
}

.indexFour .swiper-container {
    width: calc(100% - 180px);
}

.indexFour .swiper-container .swiper-slide {
    width: 100%;
    height: 235px;
    cursor: pointer;
}

.indexFour .swiper-container .swiper-slide .shadowTitle {
    height: 160px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 9;
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: flex-end;
    /* 将子元素向容器底部对齐 */
    box-sizing: border-box;
    padding: 20px;

}

.indexFour .swiper-container .swiper-slide:hover .shadowTitle {
    display: flex;
    transition-duration: 0.5s;
}

.indexFour .swiper-container .swiper-slide .shadowTitle span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.indexFour .swiper-container .swiper-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.maxLin .swiper-slide img {
    width: 161px !important;
}

.indexFour .swiper .swiper-button-prev {
    background: url('./left-btn.png') no-repeat left center;
    width: 51px;
    height: 41px;
}

.indexFour .swiper .swiper-button-prev:hover {
    background: url('./left-active-btn.png') no-repeat left center;
}

.indexFour .swiper .swiper-button-next {
    background: url('./right-btn.png') no-repeat left center;
    width: 51px;
    height: 41px;
}

.indexFour .swiper .swiper-button-next:hover {
    background: url('./right-active-btn.png') no-repeat left center;
}

/* 轮播图 end */
.contentLeft {
    width: 930px;
    float: left;
    margin-right: 30px;
}

.contentRight {
    width: 240px;
    float: left;
}

/* 标题 */
.commonTitle {
    border-bottom: 1px solid #ccc;
    line-height: 44px;
    margin-bottom: 20px;
}

.noBoder {
    border: none;
    margin-bottom: 0;
}

.commonTitle::after {
    content: ' ';
    display: block;
    clear: both;
}

.commonTitle .title {
    font-size: 24px;
    color: #BF000A;
    float: left;
}

.commonTitle .more {
    font-size: 14px;
    color: #999;
    float: right;
    cursor: pointer;
}



.commonTitle .more:hover::after {
    color: #BF000A;
}

.commonTitleUl {
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;
}

.commonTitleUl li {
    text-align: center;
    font-size: 18px;
    color: #333333;
    padding: 0 31px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    height: 46px;
    line-height: 46px;
    width: 100%;
    position: relative;
}

.commonTitleUl li::after {
    content: ' ';
    display: block;
    width: 1px;
    height: 30px;
    background: #CCCCCC;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}

.commonTitleUl li:last-child:after {
    display: none;
}

.commonTitleUl li.active {
    color: #B17840;
}

.commonTitleUl::after {
    content: ' ';
    display: block;
    clear: both;
}

/* 标题 end */
.link-box {
    margin-top: 40px;
}

.link-box .title {
    text-align: center;
    position: relative;
    margin-bottom: 15px;
}

.link-box .title span {
    font-size: 20px;
    color: #333333;
    text-align: center;
    background: #f9f8f6;
    padding: 0 10px;
    position: relative;
    z-index: 9;
    display: inline-block;
}

.link-box .title::after {
    content: ' ';
    display: block;
    height: 1px;
    background: #CCCCCC;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;

}

.link-box ul {}

.cbrwBox {
    margin-bottom: 30px;
}

.linkImg {
    margin-bottom: 20px;
}

.linkImg li {
    margin-bottom: 10px;
    cursor: pointer;
}

.linkImg li img {
    max-width: 240px;
}

.link-box ul li {
    width: 232px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #FFFFFF;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    cursor: pointer;
    float: left;
    color: #666666;
    margin-right: 10px;
    margin-bottom: 10px;
}

.link-box ul li:nth-child(5n) {
    margin-right: 0;
}

/* 中外译本 */
.zwybBox .left {
    float: left;
    width: 455px;
    margin-right: 40px;
    background: #FFFFFF;
    box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
}

.zwybBox .left .one .imgBox {
    width: 160px;
    height: 230px;
    float: left;
    margin-right: 20px;
}

.zwybBox .left .one .imgBox:hover img {
    transform: scale(1.3);
    transition-duration: 0.3s;
    transition: transform 0.5s ease;
}

.zwybBox .left .one .imgBox img {
    transition: transform 0.5s ease;
}

.oneRight .title {
    cursor: pointer;
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.oneRight .intr {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 60px;
}

.oneRight .time {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    position: absolute;
    bottom: 60px;
    left: 200px;
}

.zwybBox .rightLine {
    width: calc(100% - 495px);
    float: left;
    height: 260px;
    overflow-y: hidden;
    transition-duration: 0.3s;
}

.rightLine ul {
    transition-duration: 0.3s;
}

.rightLine ul li::before {
    content: ' ';
    display: block;
    clear: both;
}

.rightLine ul li span {
    font-size: 14px;
    color: #666666;
    line-height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    float: left;
    cursor: pointer;
}

.rightLine ul li span:last-child {
    width: calc(100% - 80px);
}

.rightLine ul li span.leftLine {
    color: #999;
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}

.rightLine ul li span.leftLine::after {
    content: ' ';
    display: block;
    height: 14px;
    width: 1px;
    background: #999;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

/* 中外译本end */
.hrBox {
    width: 930px;
    height: 20px;
    visibility: hidden;
    /* height: 70px; */
    /* background: linear-gradient(90deg, #F9F8F6, #CD8837, #F9F8F6);
    background: url(./hrBox.png) no-repeat center;
    background-size: auto 100%; */
    text-align: center;
    margin: 15px 0;
    font-size: 24px;
    color: #FFF3D9;
    line-height: 70px;
    font-family: '宋体';


}

/* 传播通考 */
.cbtkBox .cardBox {
    margin-bottom: 25px;
}

.cbtkBox .cardBox .title {
    font-size: 18px;
    cursor: pointer;
    color: #000000;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 56px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-bottom: 15px;
}

.cbtkBox .cardBox li {
    float: left;
    width: 296px;
    background: #FFFFFF;
    box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    margin-right: 21px;
    padding: 20px;
    box-sizing: border-box;
    /* height: 487px; */
}

.cbtkBox .cardBox li:last-child {
    margin-right: 0;
}

.cbtkBox .cardBox .intr {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-bottom: 25px;
}

.cbtkBox .cardBox .imgBox {
    height: 230px;
    margin-bottom: 25px;
}

.cbtkBox .cardBox .time {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}

.cbtkBox .rightLine {
    margin-bottom: 25px;
}

.cbtkBox .rightLine ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.cbtkBox .rightLine ul li {
    cursor: pointer;
    width: 50%;
}

/* 传播通考end */
/* 传播人物 */
.cbrwBox .oneLeft.imgBox {
    width: 160px;
    height: 195px;
    float: left;
    margin-right: 20px;
}

.cbrwBox .cbrwCon {
    margin-bottom: 30px;
}

.cbrwBox .cbrwCon .one {
    width: 455px;
    margin-right: 20px;
    background: #FFFFFF;
    box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}

.cbrwBox .cbrwCon .one:last-child {
    margin-right: 0px;
}

.cbrwBox .cbrwCon .oneRight .intr {
    margin-bottom: 30px;
}

.cbrwBox .cbrwCon .time {
    background: url('./learRight.png') no-repeat right center;
    padding-right: 30px;
    display: inline;
    cursor: pointer;
}

.cbrwBox .cbrwCon .time:hover {
    background: url('./learRightAc.png') no-repeat right center;
}

.cbrwBox .cbrw-scroll {
    overflow-x: hidden;
}

.cbrwBox .cbrw-scroll ul {
    display: flex;
    flex-wrap: nowrap;
    width: 1000px;
    transition-duration: 0.3s;
}

.cbrwBox .cbrwImg li {
    width: 138px;
    float: left;
    margin-right: 20px;
    background: #FFFFFF;
    cursor: pointer;
}

.cbrwBox .cbrwImg li .imgBox {
    width: 138px;
    height: 166px;
}

.cbrwBox .cbrwImg li:last-child {
    margin-right: 0;
}

.cbrwBox .cbrwImg li p {
    line-height: 41px;
    text-align: center;
    font-size: 14px;
    color: #333333;
}

/* 传播人物end */
/* 术语索引 */
.sysyBox .sysyCon {
    overflow-x: hidden;
    margin-top: 40px;
}

.sysyBox .sysyconBox {
    position: relative;
}

.sysyBox .sysyCon ul {
    width: 1000px;
    display: flex;
    flex-wrap: nowrap;
}

.sysyBox .sysyCon li {
    width: 280px;
    padding-right: 30px;
    position: relative;
    flex-shrink: 0;
    transition-duration: 0.3s;
    cursor: pointer;
}

.sysyBox .sysyCon li:last-child {
    padding-right: 0px;
}

.sysyBox .sysyCon li .year {
    text-align: center;
    font-size: 18px;
    font-family: Arial;
    color: #B17840;
    line-height: 1;
    margin-bottom: 14px;
}

.timeLine {
    transition-duration: 0.3s;
}

.sysyBox .sysyCon li .bgLine {
    height: 1px;
    background: #B37B44;
    position: relative;
    margin-bottom: 26px;
    width: calc(100% + 30px);
}

.sysyBox .sysyCon li:last-child .bgLine {
    width: 100%;
}

.sysyBox .sysyCon li .bgLine .radio {
    width: 16px;
    height: 16px;
    background: #F9F8F6;
    border: 2px solid #B17840;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: calc(50% - 15px);
    transform: translate(-50%, -50%);
    z-index: 9;
}

.sysyBox .sysyCon li:last-child .bgLine .radio {
    left: calc(50%);
}

.sysyBox .sysyCon li .intr {
    padding: 20px;
    background: #fff;
    position: relative;
}

.sysyBox .sysyCon li.active .radio,
.sysyBox .sysyCon li.active .intr {
    /* background: #BF000A; */
    transition-duration: 0.3s;
}

.sysyBox .sysyCon li.active .title,
.sysyBox .sysyCon li.active .text,
.sysyBox .sysyCon li.active .author {
    color: #fff;
    transition-duration: 0.3s;
}

.sysyBox .sysyCon li.active .radio {
    /* border-color: #BF000A; */
    transition-duration: 0.3s;
}

.sysyBox .sysyCon li.active .triangle {
    transition-duration: 0.3s;
}

.sysyBox .sysyCon li.active .year {
    /* color: #BF000A; */
    transition-duration: 0.3s;
}

.triangle {
    position: absolute;
    top: -23px;
    font-size: 36px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
}

.sysyBox .sysyCon li .title {
    font-size: 16px;
    color: #333333;
    line-height: 18px;
    margin-bottom: 15px;
}

.sysyBox .sysyCon li .text {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 20px;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}

.sysyBox .sysyCon li .author {
    font-size: 14px;
    color: #999999;
    line-height: 18px;
}

.sysyBox .sysyCon .left {
    width: 13px;
    height: 22px;
    background: #f9f8f6 url('./prev.png') no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    cursor: pointer;
    z-index: 9;
}

.sysyBox .sysyCon .left:hover {
    background: #f9f8f6 url('./prevAc.png') no-repeat center;
}

.sysyBox .sysyCon .right {
    display: block;
    width: 13px;
    height: 22px;
    background: #f9f8f6 url('./next.png') no-repeat center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 9;
}

.sysyBox .sysyCon .right:hover {
    background: #f9f8f6 url('./nextAc.png') no-repeat center;
}

/* 标题2 */
.commonTitleTow {
    font-size: 20px;
    color: #333333;
    position: relative;
    padding-left: 10px;
    line-height: 1;
    margin-bottom: 13px;
}

.commonTitleTow::after {
    content: ' ';
    display: block;
    width: 5px;
    height: 20px;
    border-radius: 3px;
    position: absolute;
    top: calc(50% + 1px);
    left: 0px;
    transform: translateY(-50%);
}

/* 标题2end */
/* 术语索引end */
.gcxm {
    margin-bottom: 20px;
}

.gcxm li {
    background: url('./icon-03.png') no-repeat center;
    height: 50px;
    line-height: 50px;
    margin-bottom: 5px;
    padding: 0 20px;
    font-size: 14px;
    color: #333333;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.gcxm li img {
    width: 30px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}

.tszy {
    width: 100%;
    margin-bottom: 20px;
    cursor: pointer;
}

.phbBox {
    margin-bottom: 20px;
}

.phbBox li {
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #E7E7E7;
    cursor: pointer;
}

.phbBox li:last-child {
    border: none;
}

.phbBox li::after {
    display: block;
    clear: both;
    content: '';
}

.phbBox li:hover,
.phbBox li.on {
    background: #FAF5F0;
}

.phbBox li span {
    width: 20px;
    height: 20px;
    background: #EBEBEB;
    border-radius: 50%;
    float: left;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    display: block;
    margin-right: 13px;
    color: #666666;
}

.phbBox li:nth-child(1) span,
.phbBox li:nth-child(2) span,
.phbBox li:nth-child(3) span {
    background: #B17840;
    color: #fff;
}

.phbBox li .imgBox {
    width: 0;
    height: 0;
    float: left;
    margin-right: 0;
}

.phbBox li:hover .con,
.phbBox li.on .con {
    width: calc(100% - 103px);
}

.phbBox li:hover .imgBox,
.phbBox li.on .imgBox {
    width: 60px;
    margin-right: 10px;
    height: 86px;
}

.phbBox li:hover .author,
.phbBox li.on .author {
    display: block;
}

.phbBox li .con {
    float: left;
    width: calc(100% - 33px);
}

.phbBox li .title {
    white-space: nowrap;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    text-overflow: ellipsis;
    cursor: pointer;
    overflow: hidden;
}

.phbBox li:hover .title,
.phbBox li.on .title {
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.phbBox li .author {
    font-size: 12px;
    display: none;
    color: #999999;
    margin-top: 15px;
}

.lineItem {
    margin-bottom: 20px;
}

.lineItem li {
    background: #fff;
    border-bottom: 1px solid #f7f7f7;
    padding: 14px 20px;
    line-height: 1;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
    padding-left: 36px;
    cursor: pointer;
    position: relative;
}

.lineItem li:last-child {
    border: none;
}

.lineItem.fera li {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    white-space: inherit;
    line-height: 22px;
}

.lineItem.fera li::before {
    top: 35%;
}

.lineItem li::before {
    content: ' ';
    display: block;
    width: 6px;
    height: 6px;
    background: #CCCCCC;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

/* 右侧工程+出版 */
/* 底部 */
.footer {
    height: 140px;
    background: url('./footerbg.png') repeat !important;

}

.footer .w-1200 {
    display: flex;
    align-items: center;
    height: 75px;
    justify-content: space-between;
}

.footer .footerImg {
    height: 54px;
}

.footer .footerImg img {
    height: 100%;
}

.foot_copyright a {
    color: #fff;
}

.foot_copyright a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.footer ul {
    text-align: right;
    font-size: 18px;
    color: #FFFFFF;
    /* opacity: 0.8; */
}

.footer ul a {
    color: #FFFFFF;
    /* opacity: 0.8; */
}

.footer ul::after {
    display: block;
    content: ' ';
    clear: both;
}

.footer ul li {
    float: left;
    padding-right: 10px;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
}

.footer ul li:last-child::after {
    display: none;
}

.footer ul li::after {
    display: block;
    content: ' ';
    clear: both;
    width: 1px;
    height: 18px;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.foot_copyright {
    text-align: center;
    color: #fff;
}

.ywdb-page {}

.ywdb-page .head {
    height: 50px;
    background-image: linear-gradient(to right, #BF000A, #e75a36 20%, #BF000A);
}

.ywdb-page .head .w-1200 {
    height: 100%;
    line-height: 50px;
    color: #fff;
}

.ywdb-page .head .w-1200 .fl {
    cursor: pointer;
}

.ywdb-page {}

.ywdb-page .head {
    position: relative;
}

.ywdb-page .head .text {
    text-align: right;
}

.ywdb-page .head .text span {
    border-right: 1px solid #fff;
    font-size: 14px;
    color: #FFFFFF;
    padding: 0 15px;
    cursor: pointer;
}

.ywdb-page .head .text span:last-child {
    border: none;
    background: url(./user-icon.png) no-repeat left center;
    background-size: 15px auto;
    margin-left: 15px;
    padding-left: 20px;
    padding-right: 0;
}

.ywdb-page .nav {
    height: 89px;
    line-height: 89px;
    border-bottom: 1px solid #D6C7AA;
    color: #333333;
    font-size: 18px;
}

.ywdb-page .nav ul li {
    cursor: pointer;
    position: relative;
}


.ywdb-page .nav ul li.active::before {
    width: 100%;
    height: 3px;
    content: ' ';
    display: block;
    bottom: 0px;
    left: 0;
    position: absolute;
}

.ywdb-page .nav>li:hover {
    color: #BF000A;
}

.ywdb-page .nav li {
    float: left;
    margin-left: 30px;
}

.ywdb-page .nav .logo img {
    display: inline;
    max-width: 270px;
    cursor: pointer;
}

.ywdb-page .searchBox {
    height: 180px;
    /* background: linear-gradient(180deg, #F4EEE3, #FFFFFF, #F4EEE3); */
}

.ywdb-page .search-bg {
    background: url(./search-bg.png) no-repeat center;
    background-size: cover;
}

.ywdb-page .hasSearchBtn {
    width: 120px;
    height: 60px;
    border-radius: 0 8px 8px 0;
    color: #fff;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0px;
    cursor: pointer;
    line-height: 60px;
    text-align: center;
}

.ywdb-page .hasSearchBtn:hover,
.ywdb-page .hasSearchBtnT:hover,
.page-searchadv .app_searchadv .page-search-main .s-area-right .s-area-searchadv-main .s-area-searchadv-box .s-area-form .s-area-has-condition .s-area-search-btn .s-btn:hover {
    opacity: 0.8;
}

.ywdb-page .hasSearchBtnT {
    width: 120px;
    height: 60px;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    line-height: 60px;
    text-align: center;
    float: left;
    margin-top: 42px;
    margin-right: 27px;
}

.ywdb-page .hasBook .searchInt {
    width: 830px !important;
}

.ywdb-page .searchBox .searchInt {
    width: 960px;
    height: 60px;
    background: #FFFFFF;
    outline: 2px solid #D6C7AA;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
    position: relative;
    z-index: 10;
    margin-top: 42px;
    padding-left: 12px;
    box-sizing: border-box;
}

.ywdb-page .advText {
    float: left;
    margin-top: 46px;
}

.ywdb-page .advText a {
    display: block;
    font-size: 16px;
    color: #333;
}

.ywdb-page .advText .el-checkbox {
    display: block;
    margin: 0;
    color: #666;
}

.ywdb-page .searchBox .advSearch {
    width: 120px;
    height: 60px;
    background: #F0EADF;
    border-radius: 8px;
    float: left;
    line-height: 60px;
    text-align: center;
    color: #333333;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    z-index: 10;
    margin-top: 42px;
    display: block;
}

.ywdb-page .searchBox .searchInt .el-select {
    color: #333;
    height: 60px;
    width: 110px;
}

.ywdb-page .searchBox .searchInt .el-select input {
    border: none;
    outline: none;
    font-size: 16px;
    height: 60px;
}

.ywdb-page .searchBox .searchInt::before {
    content: ' ';
    height: 42px;
    width: 1px;
    background: #E5E5E5;
    position: absolute;
    left: 135px;
    top: 9px;
}

.ywdb-page .searchBox .searchBtn {
    width: 91px;
    height: 60px;
    background: url('./search-btn.png') no-repeat center;
    border-radius: 0 8px 8px 0;
    position: absolute;
    right: 0;
    top: 0px;
    cursor: pointer;
}

.ywdb-page .searchBox .searchBtn:hover {
    opacity: 0.8;
}

.ywdb-page .searchBox .searchInt .int {
    width: calc(100% - 220px);
    border: none;
    outline: none;
    padding-left: 30px;
    font-size: 16px;
    box-sizing: border-box;
    height: 60px;
}

.ywdb-page .searchBox .searchInt .int2 {
    width: calc(100% - 220px);
}

.ywdb-page .searchBox .hotWord {
    line-height: 1;
    width: 960px;
    margin: 21px auto 0 auto;
    height: 16px;
    white-space: nowrap;
    overflow: hidden;
    transform: translateX(-70px);
}

.ywdb-page .searchBox .hotWord .hot {
    font-size: 14px;
}

.ywdb-page .searchBox .hotWord .text {
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    margin-right: 15px;
}


/* 搜索 end */

/*  */
.zwyb-list .clearfix .number {
    float: left;
    font-size: 18px;
    color: #999999;
    margin-right: 10px;
    line-height: 1;
    margin-top: 7px;
    width: 30px;
    text-align: right
}

.zwyb-list .clearfix .text-content {
    float: left;
    width: 830px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;

}

.zwyb-list .clearfix .text-content .title {
    cursor: pointer;
    /* margin-bottom: 20px; */
    /* line-height: 1; */
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    white-space: inherit;
}

.zwyb-list .clearfix .text-content .para {
    height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    white-space: inherit;
}

.zwyb-list .clearfix .text-content .para b,
.zwyb-list .clearfix .text-content .para strong {
    font-weight: normal !important;
}

.zwyb-list .clearfix .text-content .title span {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    color: #666666 !important;
}

.lights {
    /* position: absolute; */
    line-height: 24px;
}

.zwyb-list .clearfix .text-content .title span>div .title {
    margin: 0;
    line-height: 24px;
}

.zwyb-list .clearfix .text-content .title span .para p {
    text-indent: 0;
    margin-bottom: 0;
    padding: 0;
}

.zwyb-list .clearfix .mores {
    font-size: 14px;
    color: #999999;
}

.zwyb-list .clearfix li {
    display: inline-block;
    margin-right: 20px;
}

.zwyb-list .more {
    font-size: 14px;
    color: #B17840;
    text-align: right;
    cursor: pointer;
}

.ywdb-list {
    padding: 20px 0;
    border-bottom: 1px solid #EAEAEA;
}

.el-pagination .btn-prev {
    padding-right: 0px;
}

.el-pagination .btn-next {
    padding-left: 0;
}

.ywdb-list-box .s-area-all-counts {
    font-size: 16px;
    color: #666666;
    margin-bottom: 30px;
}

.ywdb-list-box .s_search_logo {
    margin-right: 17px;
}

.ywdb-list-box .s_search_logo span {
    color: #333333;
    margin-right: 10px;
}

.ywdb-list-box .result-top {
    font-size: 14px;
    color: #999999;
    padding-bottom: 15px;
}

.ywdb-list-box .s-search-result .s-area-top .s-area-handle {
    line-height: 1;
    margin-bottom: 0px;
}

.on.asc span .sort-icon {
    transform: rotateX(180deg);
}

.sort-icon {
    display: inline-block;
    width: 18px;
    height: 14px;
    background: url(./sort.png) no-repeat center;
    background-size: 18px;
    position: relative;
    top: 2px;
}

/* 术语索引 */
.sysy-page .brem {
    font-size: 14px;
    color: #999999;
    margin: 15px 0;
}

.sysy-page .forItem {}

.sysy-page .forItem .forItemLi {
    margin-bottom: 30px;
}

.sysy-page .forItem .title {
    font-size: 20px;
    color: #333333;
    position: relative;
    padding-left: 15px;
    margin-bottom: 12px;
}

.sysy-page .forItem .title::before {
    content: ' ';
    width: 5px;
    height: 20px;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.sysy-page .forItem .fr {
    font-size: 14px;
    color: #999999;
    cursor: pointer;
}

.sysy-page .forItem .itemCon {
    background: #fff;
    padding: 30px 20px 10px 20px;
    box-sizing: border-box;
}

.sysy-page .forItem .itemList {
    float: left;
}

.sysy-page .forItem .item {
    width: 176px;
    height: 50px;
    background: #FCFCFB;
    text-align: center;
    border: 1px solid #EDEAE4;
    line-height: 50px;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
    transition-duration: 0.3s;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px;
}

.sysy-page .forItem .item:hover {
    background: #BF000A;
    border: 1px solid #EDEAE4;
    color: #fff;
}

.sysy-page .forItem .item:nth-child(6n) {
    margin-right: 0;
}

/* 术语索引end */
/* 中外译本 */
.search-list-ywdb {}

.search-list-ywdb .title {
    font-size: 18px;
    color: #000000;
    line-height: 1;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
}

.search-list-ywdb .intr {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-bottom: 10px;
}

.search-list-ywdb .more {
    font-size: 14px;
    color: #999999;
}

.search-list-ywdb .more li {
    float: left;
    margin-right: 20px;
}

.search-list-ywdb .s-key {}

.search-list-ywdb .s-val {}

/* 中外译本end */
.ywdb-search-tool .s_search_logo {
    color: #666666;
    font-size: 16px;
}

.ywdb-search-tool .s_search_logo span {
    color: #333;
    cursor: pointer;
}

.ywdb-search-tool .result-top {
    color: #999999;
    font-size: 14px;
    margin: 0;
    padding-bottom: 15px;
}

.ywdb-search-tool .result-top .fr {
    margin: 0;
    padding: 0;
    line-height: 1;
}

.ywdb-search-tool .result-top .fl {
    margin: 0;
    padding: 0;
}

.ywdb .text-content .intr {
    cursor: pointer;
    word-break: break-all;
    margin-bottom: 15px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.ywdb .text-content .intr>.para {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.ywdb .text-content .intr .sect2 .title {
    margin-bottom: 0;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.ywdb .text-content .intr .sect2 .para p {
    text-indent: 0;
    font-size: 14px;
    color: #666666;
    line-height: 2;
    margin-bottom: 0;
    padding: 0;
}

.ywdb.zwyb-list .clearfix .text-content {
    width: 100%;
}

.line-menu {
    background: url(./menuline.png) no-repeat center;
    background-size: 100%;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin: 0 20px;
    cursor: pointer;
    position: relative;
    top: 8px;
}

.line-menu.on {
    background: url(./menulineActive.png) no-repeat center;
    background-size: 100%;
}

.block-menu {
    background: url(./menu.png) no-repeat center;
    background-size: 100%;
    height: 20px;
    width: 20px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 8px;
}

.block-menu.on {
    background: url(./menuActive.png) no-repeat center;
    background-size: 100%;
}

.s-area-list .s-item-box.zwyb-block {
    width: 195px;
    height: 312px;
    background: #F9F8F6;
    margin-right: 30px;
    padding: 20px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 20px;
}

.s-area-list .s-item-box.zwyb-block:nth-child(4n) {
    margin-right: 0;
}

.s-area-list .s-item-box.zwyb-block .title-block {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    cursor: pointer;
}

.s-area-list .s-item-box.zwyb-block .img-box {
    width: 155px;
    height: 217px;
    margin-bottom: 20px;
    overflow: hidden;
}

.s-area-list .s-item-box.zwyb-block .img-box:hover img {
    transform: scale(1.3);
    transition-duration: 0.3s;
    transition: transform 0.5s ease;
}

.s-area-list .s-item-box.zwyb-block .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.zwyb-list-box .s-area-top {
    margin-bottom: 30px;
}

#tagcloud2 {
    width: 100%;
    height: 200px;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden;
}

#tagcloud2 span {
    cursor: pointer;
}

.search-tab {
    background-color: #f5f5f5;
    color: #333;
    line-height: 38px;
    margin-bottom: 20px;
}

.search-tab div {
    display: inline-block;
    font-size: 16px;
    padding: 0 17px;
    cursor: pointer;
}

.search-tab div.active {
    border-top: 2px solid #BF000A;
}

.sysy-content {
    line-height: 1;
}

.sysy-content h1 {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    line-height: 1;
    margin-bottom: 20px;
}

.sysy-content .more {
    margin-bottom: 30px;
}

.sysy-content .more li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.sysy-content .more li .s-key {
    color: #999999;
    font-size: 14px;
}

.sysy-content .more li .s-value {
    color: #666666;
    font-size: 14px;
}

.sysy-content .sysy-title {
    background: #F5F5F5;
    margin-bottom: 32px;
}

.sysy-content .sysy-title>ul {
    height: 42px;
    border: 1px solid #E5E5E5;
    border-bottom: none;
}

.sysy-content .sysy-title>ul li {
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    color: #333333;
    line-height: 42px;
    background: #fff;
    text-align: center;
    position: relative;
}

.sysy-content .sysy-title>ul li::after {
    width: 100%;
    height: 2px;
    background: #BF000A;
    content: " ";
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
}

.sysy-content .content-intr {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    padding: 20px;
    padding: 20px;
    border: 1px solid #E5E5E5;
    background: #fff;
}

.sysy-content .time-line {}

.sysy-content .line-content {
    background: #fff;
    padding: 20px;
    border: 1px solid #e5e5e5;
}

.sysy-content .line-content>ul {}

.sysy-content .line-content>ul li {
    display: flex;
    /* margin-bottom: 20px; */
    width: 100%;
    align-items: center;
}

.sysy-content .line-content>ul li.active>span {
    color: #BF000A
}

.sysy-content .line-content>ul li.active .radio {
    background: #BF000A;
    border-color: #BF000A;
}

.sysy-content .line-content>ul li.active .box::after {
    border-right: 10px solid #BF000A;
}

.sysy-content .line-content>ul li.active .box {}

.sysy-content .line-content>ul li.active .box p {
    color: #fff;
}

.sysy-content .line-content>ul li.active .box p.i {
    opacity: 0.8;
}

.sysy-content .line-content>ul li.active .box p.a {
    opacity: 0.6;
}

.sysy-content .line-content>ul li>span {
    font-size: 22px;
    color: #B17840;
    display: inline-block;
    padding: 0 12px;
    /* float: left; */
    margin-right: 9px;
}

.sysy-content .line-content>ul li .text-s {
    display: block;
    position: relative;
    /* padding-left: 57px; */
    padding: 20px 0 10px 57px;
    width: 743px;
    border-left: 1px solid #B17840;
}

.sysy-content .line-content>ul li .box {
    background: #F9F8F6;
    padding: 20px;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.sysy-content .line-content>ul li .box .el-icon-caret-left {
    position: absolute;
    left: -17px;
    top: 45%;
    font-size: 26px;
    transform: translateY(-50%);
    display: block;
    color: #f9f8f6;
}

.sysy-content .line-content>ul li .radio {
    width: 16px;
    height: 16px;
    background: #F9F8F6;
    border: 2px solid #B17840;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
}

.sysy-content .line-content>ul li .text-s .t {
    font-size: 16px;
    color: #333333;
    margin-bottom: 16px;
    cursor: pointer;
    word-wrap: break-word;
}

.sysy-content .line-content>ul li .text-s .i {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-bottom: 16px;
    word-wrap: break-word;
}

.sysy-content .line-content>ul li .text-s .a {
    word-wrap: break-word;
}

.zwcb .searchInt::before,
.zwcb .el-select:nth-child(1) {
    display: none;
}

.zwcb .searchInt input {
    padding-left: 0 !important;
}

.split_book_page .page {
    /* border: 1px solid; */
    border-radius: 3px;
    padding: 0 6px;
    margin: 5px;
    color: #fff;
}

@media (max-width: 1366px) {

    /* 在此处添加样式 */
    .indexFour .head {
        height: 450px;
    }

    .indexFour .head .postionImg {
        height: 530px;
    }
}

@media (max-width: 1366px) and (min-width: 800px) {

    /* 在此处添加样式 */
    .indexFour .head {
        height: 384px;
    }

    .indexFour .head .postionImg {
        height: 455px;
    }
}

.TwoLine {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100% !important;
    white-space: normal !important;
}

.downMaterial {
    position: relative;
    top: 1px;
    margin-left: 25px;
    color: #999;
}

.zwyb-list .clearfix .mores .el-checkbox .el-checkbox__inner {
    border: 1px solid red !important;
}

.ywdb-wrap {
    padding: 10px;
    display: flex;
}

.ywdb-item {
    flex: 1;
    height: calc(100vh - 80px);
    overflow: auto;
}

.ywdb-item:nth-child(1) {
    border-right: 2px solid #999;
}

.ywdb-call {
    padding: 0px 20px;
}

.ywdb-item .title {
    color: #333;
    table-layout: fixed;
    text-align: justify;
    word-wrap: break-word;
    font-weight: bold;
    font-size: 22px;
    padding: 10px 0;
}

.el-drawer__header {
    margin-bottom: 0;
}