@charset "UTF-8";
/* ========== 样式说明 start ========== */
.wrap1{padding: 0 9.375%;clear: both;}
body{font-family: "Microsoft YaHei";}
/* ————— 头部 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 {width: 436px;}
/* logo end */
/* 视频弹窗 start */
.aykj-videoPop .layui-layer-setwin .layui-layer-close2 {width: 30px !important;height: 30px !important;right: -40px;top: -40px;background: url(../images/common/videoPopClose.png) no-repeat center center;}
.aykj-videoPop .layui-layer-setwin .layui-layer-close2:hover {background: url(../images/common/videoPopClose.png) no-repeat center center;}
.aykj-videoPop {border: 10px solid rgba(255, 255, 255, 0.9);box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1) !important;border-radius: 5px !important;background-color: #000 !important;}
/* 视频弹窗 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{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 ————— */
.page {text-align: center;clear: both;font-size: 14px;}
.page a {display: inline-block;overflow: hidden;width: 45px;height: 45px;line-height: 45px;border: 1px solid #cccccc;color: #999999;border-radius: 5px;background: #f5f5f5;margin: 0 5px;font-size: 14px;color: #666;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 50%;}
.page span {display: inline-block;padding: 6px 2px;position: relative;top: -15px;}
.page a:hover {background: var(--themeColor);border-color: var(--themeColor);color: #fff;}
.page a.hover {background: var(--themeColor);border-color: var(--themeColor);color: #fff;}
.page.dj a:hover {background: #cb1704;border-color: #cb1704;color: #fff;}
.page.dj a.hover {background: #cb1704;border-color: #cb1704;color: #fff;}
.page input {display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative;top: -2px;}
.page input.pageDetail {width: 30px;height: 30px;text-align: center;border-radius: 3px;color: #999999;position: relative;top: -13px;}
.page label {color: #999999;position: relative;top: -11px;}
.page input.page_bnt {border: none;width: 30px;height: 25px;cursor: pointer;background: none;color: #999999;position: relative;top: -13px;}
.page a div {width: 43px;height: 43px;background-position: center center;background-repeat: no-repeat;}
.page a.firstPage div {background-image: url(../images/common/page/firstPage.png)}
.page a.prevPage div {background-image: url(../images/common/page/prevPage.png)}
.page a.nextPage div {background-image: url(../images/common/page/nextPage.png)}
.page a.lastPage div {background-image: url(../images/common/page/lastPage.png)}
.page a.firstPage:hover div {background-image: url(../images/common/page/firstPageh.png)}
.page a.prevPage:hover div {background-image: url(../images/common/page/prevPageh.png)}
.page a.nextPage:hover div {background-image: url(../images/common/page/nextPageh.png)}
.page a.lastPage:hover div {background-image: url(../images/common/page/lastPageh.png)}
.page a.firstPage.disabled {background: unset;cursor: no-drop;}
.page a.firstPage.disabled:hover {border-color: #ccc;}
.page a.prevPage.disabled {background: unset;cursor: no-drop;}
.page a.prevPage.disabled:hover {border-color: #ccc;}
.page a.nextPage.disabled {background: #E2E2E2;}
.page a.lastPage.disabled {background: #E2E2E2;}
.page a.firstPage.disabled div {background-image: url(../images/common/page/firstPage.png)}
.page a.prevPage.disabled div {background-image: url(../images/common/page/prevPage.png)}
.page a.nextPage.disabled div {background-image: url(../images/common/page/nextPage.png)}
.page a.lastPage.disabled div {background-image: url(../images/common/page/lastPage.png)}
/* ————— 页码 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{ width: 100%;}
.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;}
.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: 8px;margin-right: 20px;}
.col2Page .toldBox .nuw{font-size: 24px;}
.col2Page .lineBox{overflow: hidden;position: relative;height: 40px;}
.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 ========== */