@charset "UTF-8"; /* ========== 样式说明 start ========== */
.animHide {
    opacity: 0;
}

.wrap1 {
    padding: 0 9.375%;
    clear: both;
}

body {
    font-family: "Microsoft YaHei";
}
:root {--themeColor: #1d2087;}
/* ————— 头部 start ————— */
.top {
    width: 100%;
    height: 100px;
    background: #fff;
    position: relative;
}

.indexTop .top {
    position: fixed;
    top: 0;
    left: 0;
}

/* logo start */
.logo {
    margin-top: 15px;
}

.logo img {
    display: block;
    height: 66px;
}

/* logo end */
/* 搜索 start */
.searchBox {
    width: 70px;
    margin-left: 15px;
    position: relative;
    height: 100px;
    z-index: 10;
}

.search {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 2;
    border-radius: 5px;
    width: 0;
}

/* .search.hover{display: block;} */
.searchInput {
    overflow: hidden;
    background: #f5f5f5;
}

.searchInput input {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 60px;
    line-height: 60px;
    background: none;
    border: none;
}

.searchInput input input::-webkit-input-placeholder {
    color: #666666;
    /* placeholder颜色  */
    font-size: 14px;
    /* placeholder字体大小  */
    text-align: left;
    /* placeholder位置  */
}

.searchBtn {
    float: right;
    display: inline;
    width: 38px;
    height: 60px;
    overflow: hidden;
    background: var(--themeColor) url(../images/common/searchH.png) no-repeat center center;
    position: relative;
}

.topSearch {
    width: 54px;
    height: 40px;
    background: var(--themeColor) url(../images/common/searchH.png) no-repeat center center / 15px 13px;
    cursor: pointer;
    border-radius: 40px;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    border: 2px solid var(--themeColor);
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.topSearch:hover::after {
    animation: topS 0.5s linear infinite;
    display: block;
}

.model.show::before {
    animation: menu-animation .8s ease-out forwards;
    transform: scale(2) translateY(0);
}

.model.show {
    display: block;
}

.model {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10600;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.model span {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    font-size: 60px;
    text-align: center;
    overflow: hidden;
    color: #fff;
    z-index: 10;
    font-weight: lighter;
}

.model::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, .87);
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
    transform: scale(.04) translateY(9999px);
    overflow: hidden;
    z-index: 9;
}

.searchPWBox {
    width: 600px;
    height: 60px;
    overflow: hidden;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    margin: -30px 0 0 -300px;
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
;}

.searchPWBox input {
    display: block;
    float: left;
    width: 530px;
    height: 60px;
    background: none;
    border: none;
    line-height: 60px;
    color: #333;
    font-size: 16px;
    padding-left: 10px;
    background: #fff;
}

.searchPWBox input::placeholder {
    color: #999;
    font-size: 16px;
}

.searchPWBox input::-webkit-placeholder {
    color: #999;
    font-size: 16px;
}

.searchPWBox a {
    float: left;
    display: inline;
    width: 60px;
    height: 60px;
    background: var(--themeColor) url(../images/common/searchH.png) no-repeat center center;
    background-size: 19px 20px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 60px;
}

.searchPWBox a:hover {
    opacity: 0.9;
}

@keyframes menu-animation {
    0% {
        opacity: 0;
        transform: scale(.04) translateY(300%)
    }

    40% {
        transform: scale(.04) translateY(0);
        transition: ease-out
    }

    40% {
        transform: scale(.04) translateY(0)
    }

    60% {
        opacity: 1;
        transform: scale(.02) translateY(0)
    }

    61% {
        opacity: 1;
        transform: scale(.04) translateY(0)
    }

    99.9% {
        opacity: 1;
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%
    }

    100% {
        opacity: 1;
        transform: scale(2) translateY(0);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0
    }
}

/* 搜索 end */
/* 导航 start */
.menuBox {
    position: relative;
    z-index: 8;
    margin-right: 25px;
}

.menu {
    position: relative;
    margin-right: -45px;
}

.menu dd {
    float: left;
    display: inline;
    margin-right: 45px;
    position: relative;
    z-index: 2;
}

.menu dd .yj a {
    display: block;
    line-height: 100px;
    height: 100px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.menu dt.icn {
    height: 2px;
    background-color: var(--themeColor);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.menu dd .ej {
    position: absolute;
    top: 100%;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0;
}

.menu dd .ej.open {
    height: 60px;
}

.menu dd .ej li {
    display: inline-block;
    margin-right: 50px;
}

.menu dd .ej li span a {
    line-height: 60px;
    display: block;
    font-size: 16px;
    color: #fff;
}

.top .bg {
    transition: all 0.5s;
    width: 100%;
    height: 0;
    background: rgba(0, 0, 0, .6) ;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 4;
}

.menu dd .ej li:last-child {
    margin-right: 0;
}

.menu dd.hover .yj a {
    color: var(--themeColor);
    font-weight: bold;
}

.menu dd.hover .ej {
    opacity: 1;
    visibility: visible;
}

.menu dd .ej li span a:hover {
    font-weight: 700;
}

/* .menuDl dd {float: left;display: inline;position: relative;padding: 0 25px;}
.mainMenu {position: relative;z-index: 9;}
.menuDl dd.hover .mainMenu a,
.menuDl dd:hover .mainMenu a{color: var(--themeColor);}
.mainMenu a {font-size: 16px;color: #333333;display: block;line-height: 100px;height: 100px;text-align: center;transition: all 0.4s;-webkit-transition: all 0.4s;font-weight: 700;font-family: "Microsoft YaHei"}
.menuDl dd .subMenu {padding-top: 8px;position: absolute;left: 50%;top: 50px;width: max-content;visibility: hidden;opacity: 0;transform: translate( -50%, 60px);-webkit-transform: translate( -50%, 60px);transition: all 0.5s;-webkit-transition: all 0.5s;z-index: 8;}
.menuDl dd .subMenu.style2 {width: 645px;margin-left: -322px;}
.menuDl dd .subMenu:before {display: block;content: '';position: absolute;top: 30px;left: 0;right: 0;margin: 0 auto;width: 0;height: 0;border-width: 8px;border-style: solid;border-top: none;border-color: transparent;border-bottom-color: #ffffff;z-index: 2;}
.menuDl dd .subMenu .subMenuItem {position: relative;background: #FFFFFF;box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
border-radius: 10px;padding: 5px;margin-top: 30px;overflow: hidden;}
.menuDl dd .subMenu.style2 .subMenuItem {padding: 20px;}
.menuDl dd .subMenu a {display: inline;float: left;padding: 8px;line-height: 24px;text-align: center;font-size: 15px;color: #666666;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.menuDl dd .subMenu .subMenuItem a:hover,
.menuDl dd .subMenu .subMenuItem a.hover {color: var(--themeColor);}
.menuDl dd:hover .subMenu {visibility: visible;opacity: 1;transform: translate( -50%, 20px);-webkit-transform: translate( -50%, 20px)}
.menuDl dd .subMenu .enter a {color: var(--themeColor);text-align: left;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.menuDl dd .subMenu .enter a:hover {opacity: 0.8;}
.menuBox .menuIcon{bottom: 13px !important;}
.menuBox .menuIcon div {transform: scaleX(.7);-webkit-transform: scaleX(.7);border-radius: 2px;} */
/* 导航 end */
/* ————— 头部 end   ————— */
/* ————— indexBanner start   ————— */
.indexBannerScroll {
    position: relative;
    height: calc(100% - 100px);
}

.indexBannerScroll .bd, .indexBannerScroll .bd .slick-track, .indexBannerScroll .bd .slick-list {
    height: 100%;
}

.indexBannerScroll .imgBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.indexBannerScroll .imgBox img {
    width: 100%;
    height: 100%;
}

.indexBannerDot {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: 30px;
    width: 100%;
}

.indexBannerDot .slick-dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    background: #fff;
    clip-path: circle(100%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.indexBannerDot .slick-dots li:after {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border: 1px solid #fff;
    border-radius: 50%;
}

.indexBannerDot .slick-dots li~li {
    margin-left: 25px;
}

.indexBannerDot .slick-dots li.slick-active {
    clip-path: circle(110%);
}

.indexBannerPrev {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0,.3) url(../images/indexBanner-icon1.png) no-repeat center center;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer;
    transition: all 1s;
    visibility: hidden;
    opacity: 0;
}

.indexBannerPrev:hover {
    background-color: #fff;
    background-image: url(../images/indexBanner-icon1-w.png);
}

.indexBannerNext {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0,.3) url(../images/indexBanner-icon2.png) no-repeat center center;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer;
    transition: all 1s;
    visibility: hidden;
    opacity: 0;
}

.indexBannerNext:hover {
    background-color: #fff;
    background-image: url(../images/indexBanner-icon2-w.png);
}

.indexBannerScroll:hover .indexBannerPrev {
    left: 70px;
    visibility: visible;
    opacity: 1;
}

.indexBannerScroll:hover .indexBannerNext {
    right: 70px;
    visibility: visible;
    opacity: 1;
}

/* ————— indexBanner end   ————— */
/* ————— subBanner start   ————— */
.subBanner {
    overflow: hidden;
    position: relative;
}

.subBanner .pic::before {
    padding-top: 31.25%;
}

.subBanner .text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: max-content;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}

/* ————— subBanner end   ————— */
/* ————— 当前位置 start ————— */
.locationBox {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
}

.locationBoxC {
    width: 100%;
    height: 80px;
    background-size: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.location {
    height: 80px;
    overflow: hidden;
    display: inline;
    float: right;
}

.location a.home {
    width: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/common/home.png);
    padding-left: 0;
    margin-right: 0;
}

.location a {
    display: inline;
    float: left;
    height: 80px;
    line-height: 80px;
    padding-left: 20px;
    margin-right: 12px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/common/icon8.png);
    color: #999999;
    font-size: 16px;
}

.location a:hover {
    color: var(--themeColor)
}

.location a.hover {
    color: var(--themeColor)
}

.subNavBox {
    margin-right: -15px;
    position: relative;
    display: inline;
    float: left;
}

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

.subNav {
    display: inline;
    float: left;
}

.subNav::after {
    display: block;
    content: '';
    clear: both;
    visibility: hidden;
}

.subNav a {
    display: inline;
    float: left;
    line-height: 78px;
    height: 78px;
    color: #333;
    font-size: 18px;
    padding: 0 17px;
    border-bottom: 2px solid transparent;
}

.subNav a~a {
    margin-left: 17px;
}

.subNav a.hover, .subNav a:hover {
    color: var(--themeColor);
    background: #fafafa;
    border-bottom-color: var(--themeColor);
}

.luban .luBanlocation {
    display: inline;
}

.caseView .luBanlocation {
    display: inline;
}

.luBanlocation {
    display: none;
    float: left;
    width: 168px;
    box-sizing: border-box;
    margin-top: 16px;
    margin-left: 63px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.luBanlocation .lbLTop {
    height: 45px;
    padding: 0 18px;
    border-radius: 18px;
    background: #f2f2f2;
}

.luBanlocation .lbLTop.hover {
    border-radius: 18px 18px 0 0;
}

.luBanlocation .icon {
    display: inline;
    float: right;
    width: 13px;
    height: 12px;
    background: url(../images/lubanLocatione-icon.png) no-repeat center center / 100% 100%;
    margin-top: 16px;
}

.luBanlocation .title {
    overflow: hidden;
    font-size: 18px;
    color: #999999;
    line-height: 45px;
}

.luBanlocation .lbLCon {
    width: 100%;
    height: 120px;
    line-height: 30px;
    overflow: auto;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    border-radius: 0 0 10px 10px;
    padding: 0 10px;
    box-sizing: border-box;
    display: none;
}

.luBanlocation .lbLCon a {
    display: block;
    font-size: 14px;
    color: #999999;
}

.luBanlocation .lbLCon a:hover {
    color: var(--themeColor);
}

.locationBox .backBtn {
    line-height: 50px;
    height: 50px;
    float: right;
    text-align: center;
    margin-top: 15px;
    display: none;
}

.locationBox .backBtn span {
    display: inline-block;
    font-size: 16px;
    color: #6f6f6f;
    padding-left: 32px;
    background: url(../images/backBtn-icon.png) no-repeat center left;
}

.locationBox .backBtn:hover span {
    color: var(--themeColor);
}

/* ————— 当前位置 end ————— */
/* ————— 页尾 start ————— */
.footer {
    background: url(../images/footer-bg.jpg) no-repeat center center / 100% 100%;
}

.section5 .footer .wrap {
    width: 1560px;
}

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

/* .footerTop{height: 70px;} */
.footerTop::after {
    display: block;
    content: '';
    clear: both;
}

.footerLogo {
    margin-top: 40px;
    margin-right: 247px;
}

.footerLogo img {
    width: 408px;
}

.footerTop .list {
    overflow: hidden;
    margin-right: -60px;
    display: inline;
    float: left;
    margin-left: 40px;
}

.footerTop .list dt {
    display: inline;
    float: left;
    margin-right: 60px;
}

.footerTop .list dt span {
    line-height: 60px;
    font-size: 15px;
    color: #666666;
    font-weight: 700;
}

.footerTop .list dd {
    display: inline;
    float: left;
}

.footerTop .list .con {
    margin-right: 64px;
    line-height: 60px;
    font-size: 15px;
    color: #666666;
    font-family: "Microsoft YaHei"
}

.footerTop .list .con:hover {
    color: var(--themeColor);
}

.selectBox {
    display: inline;
    float: left;
    clear: both;
    margin: 15px 0;
}

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

.selectBox dt {
    display: inline;
    float: left;
    line-height: 30px;
}

.selectBox dt span {
    font-size: 16px;
    color: #595959;
    padding-left: 40px;
    background: url(../images/footerIcn1.png) no-repeat center left;
    display: block;
    font-weight: 700;
}

.selectBox dd {
    display: inline;
    float: left;
}

.selectBox dd a {
    display: block;
    font-size: 16px;
    color: #595959;
    line-height: 30px;
    padding: 0 30px;
    position: relative;
}

.selectBox dd~dd a::after {
    display: block;
    content: '';
    width: 1px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: #d4d4d4;
}

.selectBox dd a:hover {
    color: var(--themeColor);
    font-weight: 700;
}

.footerCon {
    padding: 30px 0 30px;
    border-top: 1px solid #e5e5e5;
}

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

.footerCon .textBox {
    overflow: hidden;
    padding-top: 25px;
}

.footerCon .textBox .item {
    overflow: hidden;
    margin-bottom: 11px;
}

.footerCon .textBox .item:nth-last-of-type(1) {
    margin-bottom: 0;
}

.footerCon .textBox .icon {
    width: 18px;
    height: 40px;
    border-radius: 50%;
    display: inline;
    float: left;
    margin-right: 11px;
    background: no-repeat center center;
}

.footerCon .textBox .item:nth-of-type(1) .icon {
    background-image: url(../images/footer-icon1.png);
}

.footerCon .textBox .item:nth-of-type(2) .icon {
    background-image: url(../images/footer-icon2.png);
}

.footerCon .textBox .textC {
    line-height: 40px;
    font-size: 30px;
    color: #666666;
    overflow: hidden;
}

.footerCon .textBox .textC.txt {
    font-size: 16px;
}

.footerCon .iconBox {
    overflow: hidden;
    margin-right: -30px;
}

.footerCon .iconBox dd {
    display: inline;
    float: left;
}

.footerCon .iconBox .con {
    margin-right: 30px;
}

.footerCon .iconBox .imgBox {
    width: 97px;
    height: 97px;
    margin-bottom: 25px;
}

.footerCon .iconBox .imgBox img {
    width: 100%;
    height: 100%;
}

.footerCon .iconBox .textC {
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    color: #666666;
}

/* 底部版权start   */
.friendCopyRight {
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    width: 100%;
    font-size: 15px;
    color: #999999;
    background: rgba(255, 255, 255, 0.5);
}

.friendCopyRight .conL {
    float: left;
    display: inline;
}

.friendCopyRight .conL span {
    margin-right: 6px;
}

.friendCopyRight .conL img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 2px;
}

.friendCopyRight .conL a {
    color: #999999;
}

.friendCopyRight .conL a:hover {
    color: var(--themeColor);
}

.friendCopyRight .conR {
    float: right;
    display: inline;
}

.friendCopyRight .conR a {
    color: #999999;
}

.friendCopyRight .conR a:hover {
    color: var(--themeColor);
}

/* 底部版权end   */
/* ————— 页尾 end ————— */
/* ————— 首页 start ————— */
#fullpage .wrap {
    width: 1560px;
}

.indexTitle {
    font-size: 36px;
    color: #131313;
    line-height: 63px;
    font-weight: 700;
    position: relative;
}

.indexTitle::after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/indexTitle-icon.png) no-repeat left bottom / 100% 100%;
    width: 52px;
    height: 6px;
}

.indexLookMore {
    font-size: 14px;
    color: #ffffff;
    padding: 0 42px;
    border-radius: 30px;
    height: 60px;
    background: var(--themeColor);
    width: max-content;
    position: relative;
    overflow: hidden;
}

.indexLookMore a {
    padding-right: 37px;
    background: url(../images/jiantou-icon6.png) no-repeat center right;
    line-height: 60px;
    font-size: 14px;
    color: #ffffff;
    position: relative;
    z-index: 2;
}

.indexLookMore::after {
    display: block;
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #4347d1;
    transition: all 0.3s;
    z-index: 1;
}

.indexLookMore:hover:after {
    width: 100%;
}

.backTop {
    display: block;
    position: fixed;
    right: -70px;
    bottom: 50px;
    width: 50px;
    height: 50px;
    background: #d8dce9;
    z-index: 5;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.backTop.hover {
    right: 70px;
}

.backTop:after {
    display: block;
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--themeColor);
    opacity: 0;
    z-index: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.backTop span {
    display: block;
    font-size: 14px;
    color: #1d2087;
    padding-top: 14px;
    background: url(../images/jiantou-icon9.png) no-repeat center top;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: max-content;
    height: max-content;
    z-index: 2;
}

.backTop:hover::after {
    width: 100%;
    opacity: 1;
}

.backTop:hover span {
    background-image: url(../images/jiantou-icon9-w.png);
    color: #fff;
}

/* 第一栏 start */
.section2 {
    position: relative;
    overflow: hidden;
    background: no-repeat center center;
}

.section2 .leftBox {
    overflow: hidden;
}

.section2 .indexTitle {
    margin-bottom: 70px;
}

.section2 .text {
    width: 710px;
}

.section2 .title {
    font-size: 20px;
    color: #1d2087;
    line-height: 40px;
    margin-bottom: 24px;
}

.section2 .textC {
    font-size: 16px;
    color: #666666;
    line-height: 34px;
    height: 136px;
    margin-bottom: 57px;
    font-family: "Microsoft YaHei";
    overflow: hidden;
}

.section2 .indexLookMore {
    margin-bottom: 120px;
}

.section2 .numBox {
    overflow: hidden;
}

.section2 .numBox .item {
    display: inline;
    float: left;
    width: 33.3333%;
}

.section2 .numBox .con {
    width: max-content;
}

.section2 .numBox .item:nth-of-type(2) .con {
    margin: 0 auto;
}

.section2 .numBox .item:nth-of-type(3) .con {
    display: inline;
    float: right;
}

.section2 .numBox .item .num {
    font-size: 16px;
    color: var(--themeColor);
    line-height: 40px;
}

.section2 .numBox .item .num span {
    font-size: 40px;
    font-weight: 700;
    margin-left: 5px;
}

.section2 .numBox .item .info {
    font-size: 18px;
    color: #888888;
    line-height: 48px;
    text-align: center;
}

.section2 .videoBox {
    width: 1004px;
    height: 830px;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(50, 115, 186, 0.07);
    overflow: hidden;
    clip-path: circle(85.3125% at 80% 0);
    cursor: pointer;
}

.section2 .videoBox .vidCon {
    width: 100%;
    height: 100%;
    clip-path: circle(81.2708% at 78% 0%);
}

.section2 .videoBox .btn {
    width: 120px;
    height: 120px;
    background: url(../images/col1-video-icon.png) no-repeat center center / 100% 100%;
    position: absolute;
    left: 58%;
    top: 15%;
    animation: scr 5s linear infinite;
}

.section2 .videoBox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@keyframes scr {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 第二栏 start */
.section3 {
    overflow: hidden;
    background: no-repeat center center / 100% 100%;
}

.section3 .indexTitle {
    margin-left: 180px;
}

.section3 .leftBox {
    margin-left: 180px;
    display: inline;
    float: left;
    margin-right: 330px;
    margin-top: 100px;
}

.section3 .list {
    overflow: hidden;
}

.section3 .list dd {
    overflow: hidden;
    margin-bottom: 66px;
    cursor: pointer;
    padding: 0 30px;
    border-radius: 24px;
    text-align: center;
    width: 218px;
    box-sizing: border-box;
}

.section3 .list dd.hover {
    background: var(--themeColor);
}

.section3 .list dd:nth-of-type(1) .icon {
    background-image: url(../images/col2List-icon1.png);
}

.section3 .list dd:nth-of-type(2) .icon {
    background-image: url(../images/col2List-icon2.png);
}

.section3 .list dd:nth-of-type(3) .icon {
    background-image: url(../images/col2List-icon3.png);
}

.section3 .list dd:nth-of-type(4) .icon {
    background-image: url(../images/col2List-icon4.png);
}

.section3 .list dd.hover:nth-of-type(1) .icon {
    background-image: url(../images/col2List-icon1-w.png);
}

.section3 .list dd.hover:nth-of-type(2) .icon {
    background-image: url(../images/col2List-icon2-w.png);
}

.section3 .list dd.hover:nth-of-type(3) .icon {
    background-image: url(../images/col2List-icon3-w.png);
}

.section3 .list dd.hover:nth-of-type(4) .icon {
    background-image: url(../images/col2List-icon4-w.png);
}

.section3 .list dd.hover .text {
    color: #fff;
}

.section3 .list .icon {
    width: 36px;
    height: 48px;
    margin-right: 10px;
    background: no-repeat center center;
    vertical-align: middle;
    float: left;
    display: inline;
}

.section3 .list .text {
    font-size: 18px;
    color: #767779;
    line-height: 48px;
    height: 48px;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
}

.conBox {
    overflow: hidden;
}

.col2Scroll {
    overflow: hidden;
    position: relative;
}

.col2Scroll .slick-list {
    overflow: visible;
    margin-right: -30px;
}

.col2Scroll .slick-slide {
    width: 995px;
}

.col2Scroll .myslide {
    float: left;
}

.col2Scroll .con {
    margin-right: 30px;
    display: block;
}

.col2Scroll .con .pic {
    margin-bottom: 22px;
}

.col2Scroll .con .pic::before {
    padding-top: 59.3782%;
}

.col2Scroll .con .text {
    font-size: 18px;
    color: #333333;
    line-height: 23px;
    text-align: center;
    font-weight: 700;
}

.col2Page {
    width: 965px;
}

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

.col2Page .btnBox {
    display: inline;
    float: right;
    margin-left: 20px;
    height: 50px;
}

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

.col2Page .btnBox .col2Prve {
    display: inline;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff url(../images/jiantou-icon7.png) no-repeat center center;
    margin-right: 30px;
    cursor: pointer;
    box-shadow: 0px 3px 7px 0px rgba(166, 126, 88, 0.35);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.col2Page .btnBox .col2Prve:hover {
    background-color: var(--themeColor);
    background-image: url(../images/jiantou-icon7-w.png);
}

.col2Page .btnBox .col2Next {
    display: inline;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff url(../images/jiantou-icon8.png) no-repeat center center;
    cursor: pointer;
    box-shadow: 0px 3px 5px 0px rgba(166, 126, 88, 0.35);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.col2Page .btnBox .col2Next:hover {
    background-color: var(--themeColor);
    background-image: url(../images/jiantou-icon8-w.png);
}

.col2Page .toldBox {
    display: inline;
    float: left;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    margin-top: 12px;
    margin-right: 20px;
}

.col2Page .toldBox .nuw {
    font-size: 24px;
}

.col2Page .lineBox {
    overflow: hidden;
    position: relative;
    height: 50px;
}

.col2Page .line {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: #9cb5cd;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

/* 第二栏 end */
/* 第三栏 start */
.section4 {
    position: relative;
}

.section4 .indexTitle {
    position: absolute;
    left: 0;
    top: 134px;
}

.section4 .textCon {
    position: relative;
}

.section4 .textBox {
    overflow: hidden;
    margin: 0 -50px;
}

.section4 .textBox dd {
    width: 25%;
    float: left;
    display: inline;
    padding-top: 295px;
}

.section4 .textBox .con {
    margin: 0 50px;
    padding-bottom: 215px;
}

.section4 .textBox .pic.top {
    margin-bottom: 25px;
    height: 0;
    visibility: hidden;
    opacity: 0;
}

.section4 .textBox .pic.bot {
    margin-top: 25px;
}

.section4 .textBox .pic {
    transition: all 1s;
}

.section4 .textBox .pic::before {
    padding-top: 60%;
}

.section4 .textBox .col5title {
    font-size: 18px;
    color: #333333;
    padding-top: 20px;
    overflow: hidden;
    line-height: 20px;
    font-family: 'Microsoft YaHei';
    height: 40px;
}

.section4 .textBox .time {
    font-size: 16px;
    color: #666666;
    line-height: 20px;
    height: 20px;
    padding-top: 55px;
    position: relative;
    margin-bottom: 40px;
}

.section4 .textBox .time::after {
    width: 34px;
    height: 1px;
    content: '';
    display: block;
    background-color: var(--themeColor);
    position: absolute;
    top: 30px;
    left: 0;
    transition: all 0.3s;
}

.section4 .textBox .txt {
    font-size: 16px;
    color: #808080;
    line-height: 25px;
    height: 75px;
    margin-bottom: 45px;
}

.section4 .indexLookMore {
    margin: 0 auto;
    display: none;
    animation: sil 0.3s linear;
}

.section4 .textBox dd:hover {
    background-color: rgba(29, 32, 135, 0.1);
    transition: all 1s;
    -webkit-transition: all 1s;
}

.section4 .textBox dd:hover .pic.top {
    height: unset;
    visibility: visible;
    opacity: 1;
}

.section4 .textBox dd:hover .pic.bot {
    height: 0;
    visibility: hidden;
    opacity: 0;
}

.section4 .textBox dd:hover .indexLookMore {
    display: block;
}

.section4 .textBox dd:hover .time::after {
    width: 100%;
}

.col4Page {
    position: absolute;
    right: 0;
    top: 220px;
    z-index: 8;
}

.col4Prev {
    display: inline;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff url(../images/jiantou-icon7.png) no-repeat center center;
    margin-right: 30px;
    cursor: pointer;
    box-shadow: 0px 3px 7px 0px rgba(166, 126, 88, 0.35);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.col4Prev:hover {
    background-color: var(--themeColor);
    background-image: url(../images/jiantou-icon7-w.png);
}

.col4Next {
    display: inline;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff url(../images/jiantou-icon8.png) no-repeat center center;
    cursor: pointer;
    box-shadow: 0px 3px 5px 0px rgba(166, 126, 88, 0.35);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.col4Next:hover {
    background-color: var(--themeColor);
    background-image: url(../images/jiantou-icon8-w.png);
}

@keyframes sil {
    0% {
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
}

/* 第三栏 end */
/* ————— 首页 end ————— */
/* ————— 党建综合页 start ————— */
.djTitle {
    font-size: 38px;
    color: #c51121;
    line-height: 60px;
    font-weight: 700;
    width: max-content;
    padding: 0 140px;
    position: relative;
    margin: 0 auto;
}

.djTitle:after {
    display: block;
    content: '';
    width: 120px;
    height: 10px;
    background: url(../images/djIndexTitle-icon1.png) no-repeat center center / 100% 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.djTitle::before {
    display: block;
    content: '';
    width: 120px;
    height: 10px;
    background: url(../images/djIndexTitle-icon2.png) no-repeat center center / 100% 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.djILookMore {
    padding: 0 35px;
    border-radius: 10px;
    background: #d63132;
    text-align: center;
    height: 54px;
    display: block;
    width: max-content;
    margin: 0 auto;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.djILookMore span {
    font-size: 16px;
    color: #ffffff;
    line-height: 54px;
    padding-right: 34px;
    background: url(../images/jiantou-icon5.png) no-repeat center right;
    position: relative;
    z-index: 2;
}

.djILookMore::after {
    display: block;
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #94070a;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    z-index: 1;
}

.djILookMore:hover:after {
    width: 100%;
}

/* 第一栏 start */
.djCol1 {
    padding-top: 90px;
    overflow: hidden;
    padding-bottom: 73px;
    background: no-repeat center bottom / 100% auto;
}

.djCol1 .wrap {
    position: relative;
}

.djCol1 .djTitle {
    margin-bottom: 38px;
}

.djCol1 .list {
    margin-right: -30px;
    overflow: hidden;
    margin-bottom: 50px;
}

.djCol1 .list dd {
    display: inline;
    width: 33.3333%;
    float: left;
}

.djCol1 .list .con {
    overflow: hidden;
    margin-right: 30px;
}

.djCol1 .list .con .pic {
    display: block;
}

.djCol1 .list .con .pic::before {
    padding-top: 56.5217%;
}

.djCol1 .list .con .text {
    background: #fff;
    padding: 27px 0 22px;
}

.djCol1 .list .con .text .title {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 0 28px 0 20px;
}

.djCol1 .list .con .text .textC {
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    height: 52px;
    padding: 0 28px 22px 20px;
;border-bottom: 1px solid #f5f5f5;
    margin-bottom: 10px;
}

.djCol1 .list .con .text .timeBox {
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    display: block;
    padding: 0 28px 0 20px;
}

.djCol1 .list .con .text .timeBox .lookMore {
    display: inline;
    float: right;
    padding-right: 18px;
    background: url(../images/jiantou-icon4.png) no-repeat center right;
}

.djCol1 .list .con .text .timeBox .time {
    overflow: hidden;
}

.djCol1 .list .con:hover .text .timeBox {
    color: #c51121;
}

.djCol1 .list .con:hover .text .timeBox .lookMore {
    background-image: url(../images/jiantou-icon4-w.png);
}

.djCol1Prev {
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff url(../images/indexBanner-icon3-w.png) no-repeat center center;
    margin-right: 30px;
    cursor: pointer;
    box-shadow: 0px 3px 7px 0px rgba(166, 126, 88, 0.35);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.djCol1Prev:hover {
    background-color: #d63132;
    background-image: url(../images/indexBanner-icon1.png);
}

.djCol1Next {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff url(../images/indexBanner-icon4-w.png) no-repeat center center;
    cursor: pointer;
    box-shadow: 0px 3px 5px 0px rgba(166, 126, 88, 0.35);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.djCol1Next:hover {
    background-color: #d63132;
    background-image: url(../images/indexBanner-icon2.png);
}

/* 第一栏 end */
/* 第二栏 start */
.djCol2::after {
    display: block;
    content: '';
    clear: both;
}

.djCol2 {
    padding-top: 90px;
    overflow: hidden;
    padding-bottom: 73px;
    background: no-repeat center bottom / 100% 100%;
}

.djCol2 .djTitle {
    margin-bottom: 38px;
}

.djCol2 .list {
    margin-right: -25px;
    margin-bottom: 11px;
}

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

.djCol2 .list dd {
    display: inline;
    width: 50%;
    float: left;
    margin-bottom: 44px;
}

.djCol2 .list .con {
    overflow: hidden;
    margin-right: 25px;
    padding: 20px;
    background: #fff;
    border: 1px solid #caae8b;
    box-shadow: 0 0 5px 5px rgba(202, 174, 139, 0.5);
}

.djCol2 .list .con .pic {
    display: inline;
    float: right;
    width: 240px;
    margin-left: 36px;
}

.djCol2 .list .con .pic::before {
    padding-top: 66.6667%;
}

.djCol2 .list .con .text {
    overflow: hidden;
}

.djCol2 .list .con .text .title {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 20px;
}

.djCol2 .list .con .text .textC {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    height: 48px;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.djCol2 .list .con .text .timeBox {
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    display: block;
}

.djCol2 .list .con .text .timeBox .time {
    overflow: hidden;
}

.djCol2 .list .con:hover .title {
    color: #94070a;
}

.djCol2 .list .con:hover .text .timeBox {
    color: #c51121;
}

/* 第二栏 end */
/* 第三栏 start */
.djCol3::after {
    display: block;
    content: '';
    clear: both;
}

.djCol3 {
    padding-top: 90px;
    overflow: hidden;
    padding-bottom: 73px;
    background: no-repeat center bottom / 100% 100%;
}

.djCol3 .djTitle {
    margin-bottom: 38px;
}

.djCol3 .list {
    margin-right: -112px;
    overflow: hidden;
    margin-bottom: 11px;
}

.djCol3 .list dd {
    display: inline;
    width: 50%;
    float: left;
    margin-bottom: 50px;
}

.djCol3 .list .con {
    overflow: hidden;
    margin-right: 112px;
}

.djCol3 .list .con .pic {
    display: inline;
    float: left;
    width: 240px;
}

.djCol3 .list .con .pic::before {
    padding-top: 66.6667%;
}

.djCol3 .list .con .text {
    overflow: hidden;
    background: #f7f4ee;
    padding: 18px 30px 22px;
}

.djCol3 .list .con .text .title {
    font-size: 16px;
    color: #333333;
    line-height: 32px;
    margin-bottom: 7px;
    display: block;
}

.djCol3 .list .con .text .textC {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    height: 48px;
    margin-bottom: 13px;
}

.djCol3 .list .con .text .timeBox {
    font-size: 14px;
    color: #999999;
    line-height: 20px;
    display: block;
}

.djCol3 .list .con:hover .title {
    color: #94070a;
}

/* 第三栏 end */
/* 第四栏 start */
.djCol4::after {
    display: block;
    content: '';
    clear: both;
}

.djCol4 {
    padding-top: 90px;
    overflow: hidden;
    padding-bottom: 73px;
    background: no-repeat center bottom / 100% 100%;
}

.djCol4 .djTitle {
    margin-bottom: 38px;
}

.djCon4 {
    overflow: hidden;
    margin-bottom: 20px;
}

.djCon4Scroll {
    display: inline;
    float: right;
    width: 725px;
    margin-left: 30px;
    position: relative;
}

.djCon4Scroll .con {
    display: block;
}

.djCon4Scroll .pic::before {
    padding-top: 62.8966%;
}

.djCon4Scroll .text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 0 22px;
    box-sizing: border-box;
    height: 60px;
}

.djCon4Scroll .text .textC {
    font-size: 16px;
    color: #ffffff;
    line-height: 60px;
    overflow: hidden;
    display: block;
}

.djCon4Scroll .text .textC:hover {
    color: #94070a;
}

.djCon4Dot {
    float: right;
    display: inline;
}

.djCon4Dot .slick-dots li {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    margin: 0px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 23px;
}

.djCon4Dot .slick-dots li~li {
    margin-left: 9px;
}

.djCon4Dot .slick-dots li.slick-active {
    background: #fff
}

.djCon4 .list {
    overflow: hidden;
}

.djCon4 .list dd {
    margin-bottom: 30px;
}

.djCon4 .list .con {
    overflow: hidden;
    padding: 17px 50px 22px 23px;
    background: #ffffff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    position: relative;
}

.djCon4 .list .con:after {
    display: block;
    content: '';
    width: 30px;
    height: 30px;
    background: #bd3129;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.djCon4 .list .con .time {
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    margin-bottom: 3px;
}

.djCon4 .list .con .title {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 5px;
}

.djCon4 .list .con .textC {
    font-size: 16px;
    color: #666666;
    line-height: 25px;
    height: 25px;
}

.djCon4 .list .con:hover {
    box-shadow: 0px 12px 16px 0px rgba(0, 0, 0, 0.07);
}

.djCon4 .list .con:hover .title {
    color: #94070a;
}

/* 第四栏 end */
/* ————— 党建综合页 end ————— */
/* ========== 样式说明 end ========== */
/*三级栏目 start*/
.sjMenu {
    overflow: hidden;
    margin: 0 -15px;
    padding: 30px 0 15px;
    text-align: center;
}
.sjMenu a  {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    color: #333;
    background: #fff;
    padding: 0 50px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    margin: 5px 15px;
    text-align: center;
}

.sjMenu a.hover, .sjMenu a:hover {
    background: var(--themeColor);
    color: #fff;
    font-weight: 700;
}

/*三级栏目 end*/