.rowMlr-10{margin-left: -5px; margin-right: -5px;}.rowPlr10{padding-left: 5px; padding-right: 5px;}
.rowMlr-26{margin-left: -13px; margin-right: -13px;}.rowPlr26{padding-left: 13px; padding-right: 13px;}
.rowMlr-30{margin-left: -15px; margin-right: -15px;}.rowPlr30{padding-left: 15px; padding-right: 15px;}
.rowMlr-50{margin-left: -25px; margin-right: -25px;}.rowPlr50{padding-left: 25px; padding-right: 25px;}
.rowMlr-80{margin-left: -40px; margin-right: -40px;}.rowPlr80{padding-left: 40px; padding-right: 40px;}
.wh26{width: 26px !important; height: 26px !important;}

/*农林-页头导航页尾-控制颜色 if*/
.webStyle {
    /*链接动画下划线颜色*/
    /* .el-link::after, ._alink a::after{background-color: var(--nl-A-col);} */
    /*顶图*/
    /* .picBgHead .bgPic {  background-image: linear-gradient(to bottom, var(--nl-picBgHead-col) 100%, var(--nl-picBgHead-col) 100%), url("/images/picBgHead.png");} */
    /* .picBgHead .bgGradient {  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);} */
    
    /*pc导航*/
    /* .navBox,.logoMobile .navBox{background-color: var(--nl-A-col);}
    .el-menu--horizontal > .el-menu-item.is-active{background-color: var(--nl-Ahover-col);}
    .el-menu--horizontal > .el-menu-item:hover{background-color: var(--nl-Ahover-col) !important;} */
    /*二级三级*/
    /* .menMore .menMoreL p:hover, .menMore .menMoreL p.mMLActive {  background-color: var(--nl-Abghover-col) !important; color: var(--nl-A-col);}
    .menMore .menMoreC p:hover,.menMore .menMoreC p.sActive {  background-color: var(--nl-Abghover-col) !important; color: var(--nl-A-col);}
    .menMore .menMoreC p:hover span,.menMore .menMoreC p.sActive span { color: var(--nl-Aspanhover-col) !important;} */

    /*移动导航*//*二级*//*有二级*//*无二级*/
    /* .mobileMenu{
        .el-main .menMoreC p:hover,.el-sub-menu__title:hover,.el-menu--vertical .el-menu-item:hover {
            background-color:  var(--nl-Abghover-col) !important;
            a,&{color: var(--nl-A-col) !important;}
        }
        .el-main .menMoreC p span { font-size: 12px; color: var(--nl-Aspan-col); display: block; }
        .el-menu-item.is-active { color: var(--nl-A-col); }
    } */

    /* .footer {
        background: linear-gradient(to bottom, var(--nl-footer-col) 0%, var(--nl-footer-col) 100%), url("/images/picBgfirst.png");
        .el-button.el-button--primary{border-color: #60B087 !important;}
    } */

    /* .tyTitle{
        text-align: center;
        b,span,i{display: block; padding: 0; margin: 0 auto;}
        b{font-size: 32px;}
        span{font-size: 16px; margin-bottom: 20px;}
        i{width: 60px; margin: 0 auto; height: 6px; background-color: var(--nl-A-col);}
        &.baiSe{
            b,span{color: #FFFFFF;}
            i{background-color: #FFFFFF;}
        }
    }

    .lrTitle{
        margin-bottom: 30px;
        i,b,p,a{display: block !important; padding: 0; margin: 0;}
        a{float: right; width: 148px; line-height: 48px; border: 1px var(--nl-A-col) solid; text-align: center; color: var(--nl-A-col); border-radius: 10px;}
        a:hover{background: var(--nl-A-col) !important; color: #FFFFFF !important;}
        i{background-color: var(--nl-A-col); width: 6px; height: 66px; margin-right: 10px; float: left;}
        b{color: #333333; font-size: 32px; font-weight: bold !important;}
        p{color: #333333; height: 20px;}
    }

    .butLookMore {
        width: 148px; line-height: 48px; border: 1px var(--nl-A-col) solid; text-align: center; color: var(--nl-A-col); border-radius: 10px;
        a{display: block; width: 100%; height: 100%;}
    }
    .butLookMore:hover{background-color: var(--nl-A-col); color: #FFFFFF;}
    .butLookMore.moreFFF {border: 1px #FFFFFF solid; color: #FFFFFF;}
    .butLookMore:hover.moreFFF{background-color: #FFFFFF; color: var(--nl-A-col);}
    /*新闻热点图片统一样式*/
    /* .styleInfo h4 {
        position: absolute;bottom: -22px;background-color: var(--nl-HotNews-col);width: 100%;color: #FFFFFF;text-align: center;font-size: 16px; height: 40px; line-height: 40px;
    } */ 
}
/*农林-页头导航页尾-控制颜色 end*/


.xBiaoTi b{font-size: 48px;}
.xBiaoTi span{font-size: 18px;}

/*系部介绍*/
.xiBuJieShao{
    background-color: #F8F8F8; padding: 120px 0;
    .jsBox{background-color: #FFFFFF; border-radius: 10px;}
    .jieShaoPic{ height: 580px; border-radius: 10px;}
    .jieShaoNR{
        padding: 38px 70px 30px 70px;
        b{color: var(--nl-A-col); font-size: 32px; font-weight: initial;}
        p{font-size: 14px; line-height: 25px; color: #666666;}
        i{width: 32px; height: 32px;}
        .el-divider--horizontal{margin: 50px 0;}
        .zhuanYe{
            .zyTitle{
                margin-bottom: 30px;
                i,b,p,a{display: block !important; padding: 0; margin: 0;}
                a{float: right; width: 148px; line-height: 48px; border: 1px var(--nl-A-col) solid; text-align: center; color: var(--nl-A-col); border-radius: 10px;}
                a:hover{background: var(--nl-A-col) !important; color: #FFFFFF;}
                i{background-color: var(--nl-A-col); width: 6px; height: 50px; margin-right: 10px; float: left;}
                b{color: #333333; font-size: 20px; font-weight: bold; height: 30px;}
                p{color: #333333; height: 20px;}
            }
            .zyList{
                i,span{display: block;}
                .zyLBox {
                    background-color: var(--nl-A-col); border: 5px solid var(--nl-A-col); border-radius: 10px; overflow: hidden; display: flex; margin-bottom: 20px;
                    .pic{width: 180px; height: 130px; border-radius: 8px;}
                    .info{
                        color: #FFFFFF; padding: 10px 20px; display: flex; justify-content: space-between; flex-direction: column;
                        i{width: 26px; height: 26px;}
                    }
                }
                :nth-last-child(1) .zyLBox {margin-bottom: 0;}
            }
        }
    }
    @media (max-width: 980px) {
        .jieShaoNR{ padding: 30px;}
    }
}

.contentToB{
    background-color: #FFFFFF; padding: 120px 0 230px 0;
    .cTo8bg{background-color: #F0F3F7; border-radius: 120px 120px 0 0; height: 288px;}
    .cToBgunDong{
        display: flex; justify-content: space-between; margin-top: -80px; height: 398px;
        .butLeft, .butRight{display: block; position: absolute; z-index: 5}
        .butLeft{float: left;}
        .butRight{float: right;}
        .nRongList{
            width: 100%; height: 398px; overflow: hidden; position: absolute;
            .nRongS{
                position: absolute; width: 20%; height: 194px; background-color: var(--nl-A-col); margin:170px 23px 0 23px;
                a,b,span,p{display: block; color: #FFFFFF; font-weight: 300 !important;}
                a{width: 100%; height: 100%; padding: 30px; margin: 0; display: flex; flex-direction: column;}
                b{font-size: 18px; margin-bottom: 10px; height: 80px;}
                span{margin-bottom: 10px; flex: 1;}
                p{line-height: 32px;}
                &.active{
                    width: 34%; height: 398px; border-radius: 20px; margin-top: 0;
                    a{padding: 40px;}
                    b{font-size: 22px;}
                    span{margin-bottom: 30px; flex: initial;}
                    p{font-size: 18px;}
                }
            }

            .nRongS,.nRongS.active,.nRl,.nRc,.nRr,.nRrr{ transition: all 0.2s ease-in-out; }
            .nRl{left: 5%; border-radius: 80px 0 80px 0;}.nRc{left: 50%; margin-left: -17%; margin-right: 0; border-radius: 20px;}.nRr{right: 5%; border-radius: 0 80px 0 80px;} .nRrr{right: -400px;}
            .nLl{left: 5%; border-radius: 80px 0 80px 0;}.nLc{right: 50%; margin-right: -17%; margin-left: 0; border-radius: 20px;}.nLr{right: 5%; border-radius: 0 80px 0 80px;} .nLrr{right: -400px;}
        }
    }
}
@media (max-width: 1200px) {
    .nRongS{ border-radius: 40px 0 40px 0 !important; }
    .nRc,.nLc{
        b{font-size: 16px !important; }
        span{font-size: 14px !important; }
        p{font-size: 16px !important; }
    }
    .nRl,.nLl,.nRr,.nLr{
        b{font-size: 14px !important; }
        span{font-size: 12px !important; }
    }
}


.contentToC{
    background-color: #F8F8F8; padding: 120px 0 120px 0;
    .picList,.textList{
        i,b,span,p,a{display: block; padding: 0; margin: 0;}
    }
    .picList{
        .nRongS{
            margin-bottom: 50px;
            i{width: 100%; height: 230px; border-radius: 10px; margin-bottom: 10px;}
            b{font-size: 18px; height: 52px; margin-bottom: 10px; color: #333333;}
            span{color: #999999;}
            a:hover{
                b{color: var(--nl-Atitlehover-col);}
                span{color: var(--nl-Aspanhover-col);}
                p{color: var(--nl-HotNews-col);}
            }
        }
    }
    .textList{
        .nRongS{
            margin-bottom: 20px;
            b{font-size: 18px; color: #333333; margin-bottom: 5px;}
            span{color: #999999; margin-bottom: 15px;}
            p{color: #666666;}
            a{padding: 20px; border-radius: 10px;
                &:hover{
                    background-color: var(--nl-Abghover-col);
                    b{color: var(--nl-Atitlehover-col);}
                    span{color: var(--nl-Aspanhover-col);}
                    p{color: var(--nl-HotNews-col);}
                }
            }
        }
    }
}

.contentToD{
    background: linear-gradient(to bottom, var(--nl-picBgHead-col) 100%, var(--nl-picBgHead-col) 100%), url("/images/jieShaoPic.png"); padding: 120px 0 120px 0;
    .infoLeft{
        margin-bottom: 50px;
        .nRongS{
            border-radius: 50px 0 150px 0; overflow: hidden; background-color: #FFFFFF;
            .infoPic{height: 468px;}
            .infoText{
                padding: 30px;
                b,span,p,a{display: block; padding: 0; margin: 0; font-weight: 500;}
                a{
                    b{font-size: 18px; margin-bottom: 5px;}
                    span{font-size: 14px; margin-bottom: 20px; color: #999999;}
                    p{font-size: 14px; margin-bottom: 20px; color: #666666; line-height: 26px;}
                }
            }
        }
    }
    .infoRight{
        .nRongS{
            border-radius: 0 0 100px 0; overflow: hidden; background-color: #FFFFFF; margin-bottom: 50px;
            .infoPic{height: 210px;}
            .infoText{
                padding: 30px;
                b,span,p,a{display: block; padding: 0; margin: 0; font-weight: 500;}
                a{
                    b{font-size: 18px; margin-bottom: 5px;}
                    span{font-size: 14px; flex: 1; color: #999999;}
                    p{font-size: 14px; margin-bottom: 20px; color: #666666; line-height: 26px;}
                }
            }
        }
    }
}

.contentToE {
    padding: 50px 0;
    a,b,span{display: block; padding: 0; margin: 0; font-weight: 500;}
    .infoList{
        a{line-height: 36px; display: flex; width: 100%; justify-content: space-between;}
        b{color: #666666;}
        span{color: #999999; min-width: 100px; text-align: right;}
    }
}

/*新闻热点图片统一样式*/
.gdNews {
    /*滚动图*/
    .styleInfo p, .styleInfo p h4 {padding: 0;margin: 0;line-height: 50px;}
    .styleInfo .el-carousel__indicators--horizontal {display: none;}
    .styleInfo .el-icon {font-size: 28px;}
    .styleInfo .sLBoxH, .styleInfo .el-carousel__item,.carousel-container {height: 320px;}
    .carousel-container {position: relative; width: 100%; overflow: hidden;}
    .carousel-wrapper {display: flex; height: 100%; transition: transform 0.5s ease;}
    .carousel-item {flex: 0 0 100%; height: 100%; display: flex; justify-content: center; align-items: flex-start; font-size: 2rem; overflow: hidden;}
    .carousel-item a{width: 90%; margin: 0 auto;}
    .carousel-item .el-link{  &,&:hover{color: #FFFFFF !important; height: 20px;}    }
    .carousel-indicators{position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px;}
    .carousel-fenCaiIcons {position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; }
    .carousel-indicator,.carousel-fenCaiIcon {width: 8px;height: 8px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.2);cursor: pointer;transition: background-color 0.3s;}
    .carousel-arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 36px;height: 36px;background-color: rgba(0, 0, 0, 0.3);
        color: white;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: background-color 0.3s;
    }
    .carousel-arrow:hover {background-color: rgba(0, 0, 0, 0.5);}
    .carousel-arrow.prev {left: 10px;}
    .carousel-arrow.next {right: 10px;}
}

.caBut {
    position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; background-color: #FFFFFF;
    color: black; border-radius: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer;
    transition: background-color 0.3s; z-index: 1;
}
.caBut:hover {background-color: rgba(255, 255, 255, 0.5);}
.caBut.prev  {left: 10px;}
.caBut.next  {right: 10px;}

.teShu{
    /*///////////*/
    p,p h4 {padding: 0;margin: 0;line-height: 50px;}
    .el-carousel__indicators--horizontal {display: none;}
    .el-icon {font-size: 28px;}
    .sLBoxH, .el-carousel__item {height: 320px;}
    .carousel-container {position: relative; width: 100%; height: 320px; overflow: hidden;}
    .carousel-wrapper {display: flex; height: 100%; transition: transform 0.5s ease;}
    .carousel-item {flex:0 0 60%; height: 100%; display: flex; justify-content: center; align-items: flex-start; font-size: 2rem; overflow: hidden;}
    .carousel-item .el-link{  &,&:hover{color: #FFFFFF !important; height: 20px;}    }
    .carousel-indicators{position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px;}
    .carousel-fenCaiIcons {position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; }
    .carousel-indicator,.carousel-fenCaiIcon {width: 8px;height: 8px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.2);cursor: pointer;transition: background-color 0.3s;}
    .carousel-indicator.active,.carousel-fenCaiIcon.active {    background-color: #00C483;}
    .carousel-arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 36px;height: 36px;background-color: rgba(0, 0, 0, 0.3);
        color: white;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: background-color 0.3s;
    }
    .carousel-arrow:hover {background-color: rgba(0, 0, 0, 0.5);}
    .carousel-arrow.prev {left: 10px;}
    .carousel-arrow.next {right: 10px;}
}