@charset "UTF-8";
/* ========== 主体框架 start ========== */
.indexA {visibility: hidden;}
/* ————— 头部 start ————— */
.newsIndexTop .top{background:unset;background-image: -moz-linear-gradient( -90deg, rgba(51,51,51,0.8) 0%, rgba(0,0,0,0) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgba(51,51,51,0.8) 0%, rgba(0,0,0,0) 100%);
  background-image: -ms-linear-gradient( -90deg, rgba(51,51,51,0.8) 0%, rgba(0,0,0,0) 100%);box-shadow:none;}
 .newsIndexTop .top .menuDl dd a.shuidi{color:#fff;}
 .newsIndexTop .top .menuDl dd:hover a.shuidi{color:#e50112;}
 .newsIndexTop .top .menuDl dd.hover a.shuidi{color:#e50112;}
.newsIndexTop .top .topR .search{background:#fff;}
.newsIndexTop .top .logo img.imgLogo2{display:block;}
.newsIndexTop .top .logo img.imgLogo1{display:none;}
.top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 96px;
    z-index: 666;
    opacity: 1;
    transition: .5s;
    background: #fff;
    box-shadow: 0 0 16px rgba(0,0,0,.05)
}
.top::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 0;
    background: rgba(0,0,0,.5);
    top: 100%;
    left: 0;
    opacity: 1;
    transition: all .5s;
}
.top.active::before {
    opacity: 1;
    height: 52px;
}

.logo {
    width: 208px;
    height: 96px;
    float: left
}
.logo img.imgLogo2{display:none;}
.logo img {
    width: 100%;
    margin-top: 24px
}

.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
}
/* 导航 start */
.menuBox {
    position: relative;
    z-index: 1
}

.menuDl {
    float: right;
	position: relative;
}

.menuDl::after {
    display: block;
    content: "";
    clear: both
}

.menuDl dd {
    float: left;
    font-size: 16px;
    text-align: center;
    position: relative;
    line-height: 96px;
    padding: 0 30px;
}

.menuDl dd .ej {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    z-index: 11;
    border-radius: 5px;
    transition: all .3s linear;
    opacity: 0;
}


.menuDl dd .ej .xsj {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: -30px;
    border: 15px solid transparent;
    z-index: 999;
    border-bottom-color: #3b80e8
}

.menuDl dd .ej ul {
    overflow: hidden;
}
.menuDl dd .ej li {
    float: left;
    font-size: 15px;
    text-align: center;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s
}

.menuDl dd .ej li a {
    padding: 14px 8px;
    line-height: 25px;
    display: block;
    color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s
}

.menuDl dd .ej.show {
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.menuDl dd a.shuidi {
    display: block;
    color: #333333;
    transition: .5s;
    height: 100%;
    font-size: 16px;
    position: relative;
    z-index: 7
}
.menuDl dd a.shuidi::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    border-radius: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .5s;
    transform: scale(0);
    opacity: 0;
    background: var(--themeColors);
}
.menuDl dd a.shuidi:hover::before,
.menuDl dd.hover a.shuidi::before {
    transform: scale(1);
    opacity: 1;
}

.menuDl dd .ej li a:hover {
    background: var(--themeColors)
}

.menuDl dd .ej li a:hover {
    color: #fff !important
}
.menuIcon {
    display: none
}
/*  */
.topR .search {
    margin-top: 28px;
    background: #f2f2f2;
    height: 40px;
    border-radius: 40px;
    margin-left: 20px;
}
.topR .search .input {
    overflow: hidden;
    border: none;
    padding-left: 20px;
    height: 100%;
}
.topR .search .input input {
    height: 100%;
    font-size: 14px;
    color: #333;
}
.topR .search .input input::placeholder {color: #cccccc;font-size: 14px;}
.topR .search .btn {
    float: right;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    border-radius: 50%;
    background: var(--themeColors);
    cursor: pointer;
}
/* 导航 end */
/* ————— 头部 end   ————— */
/* ————— indexBanner start ————— */
.indexBanner{position: relative;height:100%;}
.indexBannerLoad{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); transition: all 1.3s;-webkit-transition: all 1.3s;}
.indexBannerLoad svg{-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;width: 100px;height: 100px;fill: #d71718;}
.indexBannerLoad.hide{ visibility: hidden; opacity: 0;}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg);transform:rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }
.indexBanner .bd{height: 100%; overflow: hidden; position: absolute; width: 100%; left: 0; top: 0;}
.indexBanner .bd .bg::after {
    position: absolute;
    display: block;
    content: '';
    background-image: linear-gradient(to bottom , rgba(0,0,0,0),rgba(0,0,0,.4));
    background-image: -webkit-linear-gradient(to bottom , rgba(0,0,0,0),rgba(0,0,0,.4));
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    z-index: 2;
}
.indexBanner .bd .slick-list,.indexBanner .bd .slick-track{height: 100%;}
.indexBanner.delay .bd .slick-track{ transition-delay: 1.3s !important;-webkit-transition-delay: 1.3s !important;}
.indexBanner .mySlide{height: 100%;position: relative;overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.indexBanner .mySlide .bg{height: 100%;position: absolute;width: 100%;left: 0;top:0; overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;transition: all 1.5s 0s ease-in-out;transform: scale(1.15);display: block;}
.indexBanner .mySlide:nth-child(3) .bg {background-size: 100% 100%;}
.indexBanner .mySlide a{display: block;height: 100%;width: 100%;}
.indexBanner .slick-dots {
    position: absolute;
    bottom: 34px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    z-index: 6;
}

.indexBanner .slick-dots li {
    display: inline-block;
    width: 36px;
    height: 46px;
    margin: 0 20px;
    line-height: 46px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    color: #fff;
    transition: all .5s;
}
.indexBanner .slick-dots li::before {
    position: absolute;
    display: block;
    content: '';
    width: 40px;
    height: 1px;
    background: #fff;
    opacity: .5;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    border-radius: 1px;
}
.indexBanner .slick-dots li:first-child:before {display: none;}
.indexBanner .slick-dots li::after {
    position: absolute;
    display: block;
    content: '';
    width: 46px;
    height: 46px;
    background: url(../images/dot.png) no-repeat center top / 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s;
    transform: scale(0);
}
.indexBanner .slick-dots li.slick-active {width: 46px;}
.indexBanner .slick-dots li.slick-active::after {opacity: 1;transform: scale(1);}
.indexBanner .mySlide .text{position: absolute; left: 50%; top:50%; width: 1200px; transform: translate(-50%,-50%); color: #FFF;display: none;}
.indexBanner .mySlide .text .text1{ font-size: 25px; margin-bottom: 30px;}
.indexBanner .mySlide .text .text2{ font-size: 0px;}
.indexBanner .mySlide .text .text2 span{font-size: 70px;font-family: "宋体";font-weight: bold;letter-spacing: 3px;float: left;}
.indexBanner .mySlide.slick-active .text{display: block;}
.indexBanner .img {
    width: fit-content;
    position: absolute;
    right: 9%;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 0;
    z-index: 6;
	display:none;
}

.indexBanner .img .imgItem img {
    overflow: hidden;
    display: inline-block;
    visibility: hidden;

}
.indexBanner .img .imgItem img.img6 {
    margin-left: 220px;
}
.indexBanner .img .imgItem img.show {
    visibility: visible;
}
.indexBanner .mySlide.on .bg{transform: scale(1);}

.cloudWave {
	position: absolute;
	top: 0;
	left: 0;
	width: 4500px;
	height: 100%;
	background: url(../images/cloudWave3.png) left top repeat-x;
	background-size: auto;
	-webkit-animation: cloud 100s linear infinite;
	-moz-animation: cloud 100s linear infinite;
	-o-animation: cloud 100s linear infinite;
	animation: cloud 100s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.cloudWave {
	position: absolute;
	top: 0;
	left: 0;
	width: 4500px;
	height: 100%;
	background: url(../images/cloudWave3.png) left top repeat-x;
	background-size: auto;
	-webkit-animation: cloud 100s linear infinite;
	-moz-animation: cloud 100s linear infinite;
	-o-animation: cloud 100s linear infinite;
	animation: cloud 100s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 3;
}
.indexBanner .mySlide:nth-child(4) .cloudWave{background-image:url(../images/cloudWave1.png)}

@keyframes cloud {
	0% {
		 background-position: 0 0; /* 从左边开始 */
	}

	100% {
		 background-position: 4500px 0; /* 从左边开始 */
	}
}
/* ————— indexBanner end ————— */
/* ————— 底部 start ————— */
.footer {
    background: url(../images/footerBg.jpg) no-repeat center center;
    background-size: cover;
}
/* 顶部导航 start */
.section4 {padding-top: 0 !important;}
.footerTop {
    padding: 30px 0;
    padding-top: 20px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    position: relative;
    z-index: 6
}
.footerTDl {
    padding-top: 2px
}
.footerTDl dd {
    padding-right: 46px;
    float: left
}
.footerTDl dd a {
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    transition: all .5s
}
.footerTDl dd a:hover {
    color: var(--themeColors)
}
.goTop {
    width: 52px;
    height: 52px;
    line-height: 52px;
    background: #ffffff;
    border-radius: 10px;
    text-align: center;
    color: var(--themeColors);
    cursor: pointer;
    transition: all .5s
}
.goTop::before {font-size: 24px;}
.goTop:hover {
    transform: scale(.95) !important;
    font-size: 26px;
}
/* 顶部导航 end */
/* 底部中间 start */
.footerCenter {
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.footerLogo {
    width: 280px;
    margin-bottom: 56px;
}
.footerLogo img {width: 100%;}
.linkBox {
    width: 330px;
	display: inline-block;
	line-height: 50px;
	font-size: 15px;
	color: #999999;
	border: 1px solid rgba(102, 102, 102,.1);
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
    z-index: 6;
}
.linkBox .title {
    line-height: 52px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 10px;
    font-size: 16px;
    color: #ffffff;
    padding: 0 20px;
    box-sizing: border-box;
    transition: all .5s;
}
.linkBox .title:hover {
    border-radius: 0 0 10px 10px;
}
.linkBox span {
	position: absolute;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	transform: rotate(180deg);
	right: 14px;
	line-height: 52px;
    transition: all .5s;
}
.linkBox:hover span {
    transform: rotate(360deg);
}
.linkBox .listBox1 {
	position: absolute;
	bottom: 100%;
	background: #555555;
	width: 100%;
	left: 0;
	padding: 10px 14px;
	box-sizing: border-box;
	display: none;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 10px 10px 0 0;
}
.linkBox .listBox1 .list {
    line-height: 30px;
}
.linkBox .listBox1 a {
	font-size: 15px;
	color: #fff;
    transition: all .5s;
}
.linkBox .listBox1 a:hover {color: var(--themeColors);}
/*  */
.footerCR {
    width: 280px;
    margin: 0 -15px;
    padding-top: 32px;
    padding-bottom: 60px;
}
.footerCR .ewm {
    width: 50%;
}
.footerCR .ewm .item {
    margin: 0 15px;
}
.footerCR .ewm .item .img {
    background: #e6eaf0;
    height: 110px;
    padding: 6px;
    box-sizing: border-box;
}
.footerCR .ewm .item .img img {width: 100%;}
.footerCR .ewm .item .title {
    line-height: 26px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-top: 14px;
}
/*  */
.footerCDl {
    width: fit-content;
    margin: auto;
    padding-top: 38px;
}
.footerCDl dd {
    margin-right: 50px;
}
.footerCDl dd .icn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: rgba(255,255,255,10%);
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
}
.footerCDl dd:nth-child(2) .icn {background-size: 35%;}
.footerCDl dd .title {
    line-height: 28px;
    font-size: 16px;
    color: rgba(255,255,255,40%);
    padding-top: 10px;
}
.footerCDl dd .tel {
    line-height: 24px;
    font-size: 16px;
    color: rgba(255,255,255,40%);
    padding-top: 20px;
}
.footerCDl dd .tel span {
    color: #e60012;
    font-family: 'pop';
}
/* 底部中间 end */
/* 底部版权start   */
.friendCopyRight{height: 60px;line-height: 60px;overflow: hidden;font-size: 14px;color: rgba(255,255,255,.2);}
.friendCopyRight .conL{ float: left; display: inline;}
.friendCopyRight .conL span{ margin-right: 20px;}
.friendCopyRight .conL img{ margin-right: 10px; vertical-align: middle;}
.friendCopyRight .conL a{color: rgba(255,255,255,.2);margin-right: 20px;transition: all .5s;}
.friendCopyRight .conR{ float: right; display: inline;}
.friendCopyRight .conR a{color: rgba(255,255,255,.2);}
.friendCopyRight .conL a:hover,
.friendCopyRight .conR a:hover{ color: var(--themeColors);}
/* 底部版权end   */
/* ————— 底部 end   ————— */
/* ========== 主体框架 end ========== */
/* ========== 内层框架 start ========== */
/* ————— subBanner start ————— */
.h96 {height: 96px;}
.subBanner{position: relative;overflow: hidden;width: 100%;}
.subBanner:before{display: block;content: '';padding-top: 28.3854%;}
.subBanner::after {
    position: absolute;
    display: block;
    content: '';
    width: 552px;
    height: 100%;
    background: url(../images/ze.png) no-repeat center center / 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.subBanner img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover; object-position: center center;transform: scale(1.1);-webkit-transform: scale(1.1);transition: all 3s ease;-webkit-transition: all 3s ease;}
.subBanner.on  img{transform: scale(1);-webkit-transform: scale(1);}
.subBanner .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.subBanner .wrap{height: 100%;}
.subBanner .textC{position: relative;z-index: 6;}
.subBanner .textC .cnTitle {
    font-size: 36px;
    color: #ffffff;
    line-height: 90px;
    font-weight: bold;
    margin-top: -50px;
    position: relative;
}
.subBanner .textC .cnTitle::before {
    position: absolute;
    display: block;
    content: '';
    width: 54px;
    height: 3px;
    background: #fff;
    bottom: 0;
    left: 0;
}
.partyBuildingBanner .subBanner::after,
.partyBuildingBanner .subBanner .text {display: none;}
/* ————— subBanner end ————— */
/* ————— 当前位置 start ————— */
.locationBox{clear:both;width: 100%;height: 80px;background: #fff;box-shadow:0 3px 5px #dcdcdc;z-index: 6;position: relative;}
.location{height: 80px;overflow: hidden;padding-left: 33px;position: relative;}
.location a.home{ position: absolute; left: 0; top: 0; width: 33px; height: 100%;background-position: left center;background-repeat: no-repeat;background-image: url(../images/home.png); padding-left: 0; margin-right: 0;}
.location a{display: inline;float: left;height: 80px;line-height: 80px;padding-left: 14px;margin-right: 10px;background-position: left center;background-repeat: no-repeat;background-image: url(../images/icon8.png);color: #666666;font-size: 14px;}
.subNavBox{margin-right:-15px; position: relative;}
.subNav::after{ display: block; content: ''; clear: both; visibility: hidden;}
.subNav a{display: inline;float: left;line-height: 80px;height:80px;color: #666666;font-size: 16px;padding:0 14px;transition: all .5s;position: relative;}
.subNav a::before {
    position: absolute;
    display: block;
    content: '';
    width: 62px;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform: scale(0);
    background: var(--themeColors);
    transition: all .5s;
}
.subNav a.hover::before,
.subNav a:hover::before {
    transform: scale(1);
}
.subNav a.hover,
.subNav a:hover{color: var(--themeColors)}
/* ————— 当前位置 end ————— */
/* ————— 三级栏目 start ————— */
.sjMenu{ text-align: center; font-size: 0;}
.sjMenu a{ display: inline-block; height: 30px; line-height: 30px; padding:0 30px; color: #333; border: 1px solid #fff; border-radius: 32px; font-size: 14px; margin: 0 5px; background: #FFF;}
.sjMenu a:hover{ background: #1e5ab0; color: #FFF; border-color: #1e5ab0;}
.sjMenu a.hover{ background: #1e5ab0; color: #FFF; border-color: #1e5ab0;}
/* ————— 三级栏目 end ————— */
/* ————— 页码 start ————— */
.page{text-align:center;clear:both;font-size:14px}
.page a{position:relative;width:40px;height:40px;display:inline-block;overflow:hidden;color:#999999;background:#fff;margin:0 3px;border:1px solid #dedede;border-radius:50%;text-align:center;line-height:40px;font-size:14px}
.page span{display:inline-block;padding:6px 2px;position:relative;top:-15px}
.page a:hover{background:var(--themeColors);color:#fff}
.page a.hover{background:var(--themeColors);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{display:inline-block;width:20px;height:20px;background-position:center center;background-repeat:no-repeat;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.page a.firstPage div{background-image:url(../images/firstPage.png)}
.page a.prevPage div{background-image:url(../images/prevPage.png)}
.page a.nextPage div{background-image:url(../images/nextPage.png);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.page a.lastPage div{background-image:url(../images/lastPage.png);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.page a.firstPage:hover div{background-image:url(../images/firstPageh.png)}
.page a.prevPage:hover div{background-image:url(../images/prevPageh.png)}
.page a.nextPage:hover div{background-image:url(../images/nextPageh.png)}
.page a.lastPage:hover div{background-image:url(../images/common/page/lastPageh.png)}
.page a.nextPage.disabled{background:#E2E2E2}
.page a.lastPage.disabled{background:#E2E2E2}
.page a.firstPage.disabled div{background-image:url(../images/firstPage.png);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.page a.prevPage.disabled div{background-image:url(../images/prevPage.png);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.page a.nextPage.disabled div{background-image:url(../images/nextPage.png)}
.page a.lastPage.disabled div{background-image:url(../images/lastPage.png)}
/* ————— 页码 end ————— */
/* ————— 弹窗 start ————— */
.aykj-recruitTc .layui-layer-btn{ text-align: center;}
.aykj-recruitTc .layui-layer-btn a{ height: 38px; line-height: 38px; padding: 0 40px; font-size: 14px;}
.aykj-recruitTc .layui-layer-btn .layui-layer-btn0{background: #1e5ab0; color: #FFF; border-color: #1e5ab0;}
.aykj-recruitTc .layui-layer-btn .layui-layer-btn1{background: #ddd; color: #8b8b8b; border-color: #ddd;}

.aykj-alert .layui-layer-btn .layui-layer-btn0{background: #1e5ab0; border-color: #1e5ab0;}
/* ————— 弹窗 end ————— */
/* ========== 内层框架 end ========== */

/* ========== 首页 start ========== */
/* ————— 公共部分 start ————— */
.indexTitle .title {
    line-height: 56px;
    height: 56px;
    font-size: 58px;
    color: #000;
    opacity: .05;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
    font-family: 'Sans';
}
.indexTitle .title1 {
    line-height: 40px;
    font-size: 34px;
    color: #fff;
    font-weight: bold;
    margin-top: -58px;
    z-index: 6;
    position: relative;
}
.indexTitle.hover .title1 {color: #333333;}
.indexTitle .title1 i {
    display: inline-block;
    font-size: 0;
    width: 28px;
    height: 28px;
    background: url(../test/index/indexTitle.png) no-repeat center center / 100%;
    margin-right: 12px;
    transform: translateY(4px);
}
.indexMore {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    background-image: linear-gradient( 0deg, rgb(196,12,27) 0%, rgb(230,0,18) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(196,12,27) 0%, rgb(230,0,18) 100%);
    text-align: center;
    font-size: 16px;
    color: #fff !important;
    border-radius: 50px 50px 0 50px;
    transition: all .5s;
    border: 2px solid transparent;
}
.indexMore span {
    display: inline-block;
    font-size: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    margin-left: 18px;
    transition: all .5s;
}
.indexMore:hover {
    transform: scale(.98);
    border-color: rgb(196,12,27);
    box-shadow: inset 0 0 16px rgb(255, 150, 159);
}
.indexMore:hover span {
    transform: scale(1.5);
}
.ov {overflow: hidden;}
/* ————— 公共部分 end ————— */
/* ————— 第1通栏 start ————— */
.section1 {padding-top: 0 !important;}
.section2A {display: none !important;}
/* .section2 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} */
.column1Tab {
    padding-top: 94px;
    width: 240px;
    margin-right: 104px;
    float: left;
}
.column1Tab dd {
    line-height: 80px;
    background: rgba(0,0,0,.2);
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    border-radius: 10px;
    transition: all .5s;
    margin-bottom: 70px;
    position: relative;
}
.column1Tab dd:hover,
.column1Tab dd.hover {
    background: var(--themeColors);
}
.column1Tab dd i {
    display: inline-block;
    width: 30px;
    height: 32px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 0;
    margin-right: 20px;
    position: relative;
    top: 10px;
}
.column1Tab dd::before {
    position: absolute;
    display: block;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    height: 70px;
    width: 30px;
    background: url(../test/index/column1Dt.png) no-repeat center center;
}
.column1Tab dd:last-child::before {display: none;}
.column1TabC {
    overflow: hidden;
    min-height: 654px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 60px 0 140px;
    box-sizing: border-box;
}
.column1TabC .item {display: none;}
.column1TabC .item.active {display: block;}
.column1TabCDl {
    padding-top: 134px;
}
.column1TabCDl dt .text {
    overflow: hidden;
    padding-bottom: 14px;
    border-bottom: 1px dashed #cccccc;
}
.column1TabCDl dt .title {
    line-height: 35px;
    font-size: 18px;
    color: #333;
    margin-bottom: 4px;
    transition: all .5s;
}
.column1TabCDl dt:hover .title {color: var(--themeColors);}
.column1TabCDl dt .time {
    line-height: 20px;
    font-size: 15px;
    color: #999999;
    margin-bottom: 14px;
}
.column1TabCDl dt .textC {
    line-height: 32px;
    font-size: 16px;
    color: #666666;
}
.column1TabCDl dt .pic {
    float: right;
    width: 210px;
    border-radius: 10px;
    margin-left: 90px;
    overflow: hidden;
}
.column1TabCDl dt .pic::before {padding-top: 66.6666%;}
.column1TabCDl dd {
    margin-bottom: 10px;
    padding-right: 302px;
    box-sizing: border-box;
}
.column1TabCDl dd .time {
    line-height: 30px;
    font-size: 15px;
    color: #999999;
}
.column1TabCDl dd .title {
    line-height: 30px;
    font-size: 15px;
    color: #454545;
    transition: all .5s;
    position: relative;
}
.column1TabCDl dd .title i {
    display: inline-block;
    color: #9f9e9e;
    margin-right: 10px;
    font-size: 12px;
    transform: scale(.6);
}
.column1TabCDl dd:hover .title {color: var(--themeColors);}
/* ————— 第1通栏 end ————— */
/* ————— 第2通栏 start ————— */
.column3 {
    background: url(../test/index/column2Bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}
.column3 .bg {
    width: 770px;
    position: absolute;
    right: -100%;
    top: 0;
    height: 100%;
    z-index: 1;
    transition: all 1s;
    opacity: 0;
}
.column3 .bg.active {right: 0;opacity: 1;}
.column3 .wrap {z-index: 6;position: relative;}
.column2LText {
    width: 682px;
}
.column2LText .title {
    line-height: 30px;
    font-size: 22px;
    color: var(--themeColors);
    padding-top: 110px;
    margin-bottom: 30px;
}
.column2LText .textC {
    line-height: 24px;
    font-size: 16px;
    color: #666666;
    margin-bottom: 28px;
}
.column2LDl {
    overflow: hidden;
    margin: 0 -10px;
    margin-bottom: 76px;
}
.column2LDl dd {
    float: left;
    width: 33.3333%;
}
.column2LDl dd .con {
    margin: 0 10px;
    overflow: hidden;
}
/*  */
.column2C {position: relative;z-index: 1;}
.column2C .yuan {
    width: 694px;
    height: 694px;
    background: url(../test/index/yuan.png) no-repeat right center / 327px;
    border-radius: 50%;
    position: relative;
}
.column2C .yuan #dot {
    position: absolute;
    width: 24px;
    height: 24px;
    background: rgba(255,255,255,.2);
    border-radius: 50%;
    top: 124px;
    right: 60px;
    transition: all .5s;
}
.column2C .yuan #dot.on1 {
    top: 124px;
    right: 60px;
}
.column2C .yuan #dot.on2 {
    top: 34.5%;
    right: .4%;
}
.column2C .yuan #dot.on3 {
    top: 52%;
    right: -1.5%;
    transform: translateY(-50%);
}
.column2C .yuan #dot.on4 {
    top: 65.5%;
    right: 1.5%;
}
.column2C .yuan #dot.on5 {
    top: 82%;
    right: 11.5%;
}
.column2C .yuan #dot::before {
    position: absolute;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    inset: 0;
    margin: auto;
}
.column2C .pic {
    width: 335px;
    height: 335px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    inset: 0;
    margin: auto;
    cursor: pointer;
}
.column2C .pic::after {
    position: absolute;
    display: block;
    content: '';
    width: 90%;
    height: 90%;
    border: 1px dashed #ffffff;
    inset: 0;
    margin: auto;
    border-radius: 50%;
    animation: yuan1 20s linear infinite;
}
@keyframes yuan1 {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
.column2C .pic .play {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.column2C .pic .play i {font-size: 36px;padding-top: 34px;display: block;}
.column2C .pic .play .title {
	line-height: 28px;
	padding-top: 12px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
/*  */
.column2R {
    padding-top: 120px;
    width: 260px;
    position: relative;
    z-index: 6;
}
.column2RDl dd {
    margin-bottom: 76px;
}
.column2RDl dd:nth-child(2) {padding-left: 52px;}
.column2RDl dd:nth-child(3) {padding-left: 100px;}
.column2RDl dd:nth-child(4) {padding-left: 52px;}
.column2RDl dd:last-child {margin-bottom: 0;}
.column2RDl dd a{
    line-height: 28px;
    font-size: 18px;
    color: #ffffff;
    transition: all .5s;
    position: relative;
}
.column2RDl dd a i {
    display: inline-block;
    font-size: 12px;
    transform: rotate(180deg) translateY(3px);
    transition: all .5s;
    opacity: 0;
}
.column2RDl dd.active a,
.column2RDl dd.active a i {color: var(--themeColors);font-weight: bold;}
.column2RDl dd a:hover i,
.column2RDl dd.active a i {opacity: 1;}
.column2RDl dd:nth-child(3) a .span {width: 148px !important;}
/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */
.indexTitleBox {
    background: url(../test/index/indexTitleBg.jpg) no-repeat center center / 100%;
    width: 730px;
    height: 130px;
    padding-left: 9.5%;
    box-sizing: border-box;
    border-radius: 0 40px 40px 0;
    position: relative;
    z-index: 6;
}
.indexTitleBox .title1 i {
    background: url(../test/index/indexTitle1.png) no-repeat center center / 100%;
}
.column4 {
    background: url(../test/index/column3Bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}
.column3L {
    width: 54.69%;
    position: absolute;
    left: 0;
    top: 160px;
}
.column3LMain {
    background: url(../test/index/column3LBg.jpg) no-repeat center center / 100%;
    min-height: 614px;
    box-sizing: border-box;
    border-radius: 0 60px 20px 0;
    box-shadow: -3.078px 8.457px 22px 3px rgba(230, 0, 18, 0.1);
    margin-top: -60px;
    position: relative;
    z-index: 1;
    padding-left: 9.5%;
    padding-top: 108px;
    padding-right: 80px;
}
.column3LMore {
    padding-left: 60px;
    margin-right: 94px;
}
.column3LMore .title {
    display: block;
    writing-mode: vertical-rl;
    font-size: 16px;
    color: #333333;
    margin: 10px 0;
}
.column3LMore i {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 26px;
    height: 170px;
    font-size: 0;
}
.column3LDl {
    padding-top: 24px;
}
.column3LDl dt {
    margin-bottom: 34px;
}
.column3LDl dt .pic {
    width: 200px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 30px;
}
.column3LDl dt .pic::before {padding-top: 67%;}
.column3LDl dt .title {
    line-height: 26px;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    padding-top: 16px;
    margin-bottom: 28px;
}
.column3LDl dt .time {
    line-height: 18px;
    font-size: 18px;
    color: #e60012;
    font-family: 'pop';
    font-weight: bold;
}
.column3LDl dd {
    margin-bottom: 34px;
}
.column3LDl dd .timeBox {
    width: 74px;
    text-align: center;
    padding: 2px 0;
    border-right: 1px solid #d1d1d1;
    margin-right: 20px;
    margin-top: 6px;
}
.column3LDl dd .timeBox .month {
    line-height: 20px;
    font-size: 18px;
    color: #666666;
    font-family: 'pop';
    font-weight: bold;
}
.column3LDl dd .timeBox .year {
    line-height: 20px;
    font-size: 16px;
    color: #999999;
    font-family: 'pop';
}
.column3LDl dd .title {
    line-height: 30px;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    transition: all .5s;
}
.column3LDl dd .textC {
    line-height: 30px;
    font-size: 16px;
    color: #999999;
}
.column3LDl dd:hover .title {
    color: var(--themeColors);
}
/*  */
.column4 .wrap {
    position: relative;
    height: 606px;  
}
.column3R {
    width: 606px;
    position: absolute;
    right: 0;
    top: 0;
}
.column3RTab {
    margin-bottom: 36px;
    height: 68px;
}
.column3RTab .item {
    display: inline-block;
    margin-right: 44px;
    line-height: 50px;
    font-size: 18px;
    color: #333333;
    padding-top: 22px;
    position: relative;
    cursor: pointer;
}
.column3RTab .item::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: var(--themeColors);
    transform: scale(0);
    transition: all .5s;
    bottom: 0;
    left: 0;
}
.column3RTab .item:hover,
.column3RTab .item.hover {
    color: var(--themeColors);
}
.column3RTab .item:hover::before,
.column3RTab .item.hover::before {
    transform: scale(1);
}
.column3RDl {display: none;}
.column3RDl.active {display: block;}
.column3RDl dd a{
    display: block;
    height: 78px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
}
.column3RDl dd a::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../test/index/column3RDlBg.jpg) no-repeat center center / 100%;
    z-index: 1;
    opacity: 0;
    transition: all .5s;
}
.column3RDl dd a:hover::before {opacity: 1;}
.column3RDl dd .timeBox {
    width: 170px;
    position: relative;
    font-size: 0;
    height: 48px;
    border-right: 1px solid rgba(153, 153, 153,30%);
    margin-right: 30px;
    z-index: 6;
    transition: all .5s;
}
.column3RDl dd:hover .timeBox {
    padding-left: 30px;
}
.column3RDl dd .month {
    width: 50px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 30px;
    color: var(--themeColors);
    transition: all .5s;
    margin-right: 14px;
    display: inline-block;
    background: url(../test/index/month.png) no-repeat center center / 100%;
}
.column3RDl dd .year {
    line-height: 24px;
    font-size: 18px;
    color: var(--themeColors);
    display: inline-block;
    transition: all .5s;
    position: relative;
    top: -8px;
}
.column3RDl dd a:hover .month {
    background: url(../test/index/monthA.png) no-repeat center center / 100%;
    color: #fff;
}
.column3RDl dd .title {
    line-height: 22px;
    font-size: 18px;
    color: #666666;
    padding-top: 10px;
    position: relative;
    z-index: 6;
    transition: all .5s;
}
.column3RDl dd a:hover .year,
.column3RDl dd a:hover .title {
    color: #fff;
}
.column3RDl dd a:hover .title {padding-right: 30px;}
/* ————— 第3通栏 end ————— */
/* ========== 首页 end ========== */
/* ========== 频道页 start ========== */
/* ========== 频道页 end ========== */
.section2{background-color: #fff;background-position: center bottom;background-size: cover;background-repeat: no-repeat;overflow: hidden;}
.newIndexC2 .indexTitle{margin-bottom: 70px;}
.newIndexC2List{position: relative;height: 565px;}
.newIndexC2List dd{position: absolute;width: 23.3974%;height: 100%;}
.newIndexC2List dd.dd1{left: 0;bottom: 0;}
.newIndexC2List dd.dd2{left: 25.3205%;top: 0;}
.newIndexC2List dd.dd3{left: 50.9615%;top: 0;}
.newIndexC2List dd.dd4{right: 0;top: 0;}
.newIndexC2List dd.dd5{right: 0;bottom: 0;}
.newIndexC2List dd a{display: block;position: relative;transition: all 0.3s;-webkit-transition: all 0.3s; background-position: center center;background-size: 100% 100%;background-repeat: no-repeat;height: 100%;}
.newIndexC2List dd a::before{display: block;content: "";width: 100%;height: 100%;background-image: -moz-linear-gradient( 90deg, rgba(36,75,154,0.8) 0%, rgba(36,75,154,0.4) 30%, rgba(36,75,154,0.39) 32%, rgba(36,75,154,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(36,75,154,0.8) 0%, rgba(36,75,154,0.4) 30%, rgba(36,75,154,0.39) 32%, rgba(36,75,154,0) 100%);background-image: -ms-linear-gradient( 90deg, rgba(36,75,154,0.8) 0%, rgba(36,75,154,0.4) 30%, rgba(36,75,154,0.39) 32%, rgba(36,75,154,0) 100%);position: absolute;left: 0;top: 0;}
.newIndexC2List dd a .title{position: absolute;width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 24px;color: #ffffff;position: absolute;left: 0;bottom: 25px;z-index: 2;}
.newIndexC2List dd:hover a{transform: translateY(-15px);-webkit-transform: translateY(-15px);}

.section3{background-color: #fff;background-position: center bottom;background-size: cover;background-repeat: no-repeat;overflow: hidden;}
.newIndexC3Up{margin-bottom: 40px;}
.newIndexC3Up .indexMore{float: right;display: inline;}
.newIndexC3Up .indexTitle{overflow: hidden;}
.newIndexC3C{overflow: hidden;}
.newIndexC3R{float: right;display: inline;width: 30.7692%;margin-left: 30px;}
.newIndexC3RPic1{overflow: hidden;margin-bottom: 20px;}
.newIndexC3RPic1 a{display: block;}
.newIndexC3RPic1::before{padding-top: 58.3333%;}
.newIndexC3RPic1 .text{position: absolute;width: 100%;text-align: center;line-height: 40px;height: 40px;left: 0;top: 50%;margin-top: -20px;font-size: 36px;color: #fbdf87;font-weight: bold;}
.newIndexC3RPic2{overflow: hidden;margin-bottom: 20px;}
.newIndexC3RPic2 a{display: block;}
.newIndexC3RPic2::before{padding-top: 25%;}
.newIndexC3RPic2 .text{position: absolute;width: 100%;text-align: center;line-height: 40px;height: 40px;left: 0;top: 50%;margin-top: -20px;font-size: 36px;color: #fff;font-weight: bold;}
.newIndexC3RPic3{overflow: hidden;}
.newIndexC3RPic3 a{display: block;}
.newIndexC3RPic3::before{padding-top: 25%;}
.newIndexC3RPic3 .text{position: absolute;width: 100%;text-align: center;line-height: 40px;height: 40px;left: 0;top: 50%;margin-top: -20px;font-size: 36px;color: #fff;font-weight: bold;}
.newIndexC3L{overflow: hidden;background-color: #fff;padding: 20px 30px 30px;position: relative;}
.newIndexC3L::before{display: block;content: "";width: 216px;height: 266px;position: absolute;right: 0;top: 0;}
.newIndexC3LScroll{position: relative;float: left;display: inline;width: 54.1961%;margin-right: 30px;margin-top: 7px;}
.newIndexC3LScroll .bd{ overflow: hidden;margin-bottom: 25px;}
.newIndexC3LScroll .slick-list{ overflow: visible; margin-right: -30px; }
.newIndexC3LScroll .con{ margin-right: 30px;display: block;}
.newIndexC3LScroll .con .pic{overflow: hidden;}
.newIndexC3LScroll .con .pic::before{padding-top: 67.2897%;}
.newIndexC3LScroll .con .pic .textTitle{position: absolute;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;line-height: 60px;height: 60px;padding: 0 20px;font-size: 18px;color: #ffffff;background-color: rgba(0, 0, 0, 0.5);left: 0;bottom: 0;}
.newIndexC3Dot{line-height: 10px;height: 10px;text-align: center;}
.newIndexC3Dot .slick-dots li{ display: inline-block; width: 8px; height: 8px; background: #e6e6e6; border-radius: 8px; margin-left: 8px; cursor: pointer;vertical-align: middle;transition: all 0.3s;-webkit-transition: all 0.3s;}
.newIndexC3Dot .slick-dots li.slick-active{ background:#e60012;width: 20px;}
.newIndexC3LScrollText .info{line-height: 26px;height: 52px;overflow: hidden;font-size: 15px;color: #888888;margin-bottom: 15px;}
.newIndexC3LScrollText .time{line-height: 25px;height: 25px;font-size: 16px;color: #e60012;margin-bottom: 15px;font-weight: bold;}
.newColumn3LMore {
    margin-left: 30px;
    margin-top: 30px;
    position: relative;
}
.newColumn3LMore .title {
    display: block;
    writing-mode: vertical-rl;
    font-size: 16px;
    color: #333333;
    margin: 10px 0;
}
.newColumn3LMore i {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 26px;
    height: 170px;
    font-size: 0;
    background-size: 100% 100%;
}
.newIndexC3List{overflow: hidden;position: relative;height:494px;}
.newIndexC3List dd{margin-bottom: 10px;}
.newIndexC3List dd:last-of-type{margin-bottom: 0;}
.newIndexC3List dd a{display: block;padding-bottom: 10px;border-bottom: 1px solid #f2f2f2;}
.newIndexC3List dd a .title{line-height: 30px;height: 30px;overflow: hidden;font-size: 16px;color: #333333;margin-bottom: 3px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.newIndexC3List dd a .time{line-height: 30px;height: 30px;overflow: hidden;font-size: 14px;color: #999999;font-weight: bold;transition: all 0.3s;-webkit-transition: all 0.3s;}
.newIndexC3List dd:hover a .title{color: #e60012;}
.newIndexC3List dd:hover a .time{color: #e60012;}

.section4{background-color: #fff;background-position: center bottom;background-size: cover;background-repeat: no-repeat;overflow: hidden;}
.newIndexC4Up{margin-bottom: 40px;}
.newIndexC4Up .indexMore{float: right;display: inline;}
.newIndexC4Up .indexTitle{overflow: hidden;}
.newIndexC4List{overflow: hidden;margin-right: -20px;}
.newIndexC4List dd{float: left;display: inline;width: 13.8205%;height: 545px;transition: all 0.5s;-webkit-transition: all 0.5s;}
.newIndexC4List dd.active{width: 44.3%;}
.newIndexC4List dd a{display: block;margin-right: 20px;position: relative;background-position: center center;background-size: cover;background-repeat: no-repeat;overflow: hidden;height: 100%;}
.newIndexC4List dd a::before{display: block;content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.3);}
.newIndexC4List dd a .text{position: absolute;width: 100%;left: -100px;padding: 0 30px;box-sizing: border-box;-webkit-box-sizing: border-box;top: 45px;opacity: 0;z-index: 2;transition: all 0.3s 0.3s;-webkit-transition: all 0.3s 0.3s;}
.newIndexC4List dd a .text .textTitle{line-height: 30px;font-size: 22px;color: #ffffff;padding-bottom: 17px;position: relative;margin-bottom: 22px;}
.newIndexC4List dd a .text .textTitle::before{display: block;content: "";width: 24px;height: 3px;background-color: #fff;position: absolute;left: 0;bottom: 0;}
.newIndexC4List dd a .text .info{line-height: 36px;font-size: 16px;color: #ffffff;font-weight: bold;}
.newIndexC4List dd a .textTitleTwo{position: absolute;writing-mode: vertical-rl;left: 50%;margin-left: -15px;width: 30px;text-align: center;top: 30px;transition: all 0.3s;-webkit-transition: all 0.3s;font-size: 22px;color: #ffffff;z-index: 2;}
.newIndexC4List dd a .learnMore{position: absolute;left: 0;bottom: -70px;width: 100%;height: 70px;text-align: center;font-size: 16px;color: #ffffff;opacity: 0;background-color: #e40112;z-index: 2;line-height: 70px;}
.newIndexC4List dd a .learnMore span{padding-right: 25px;background: url("../images/newIndexC4Icon1.png") no-repeat right center;display: inline-block;}
.newIndexC4List dd.active a .text{opacity: 1;left: 0;}
.newIndexC4List dd.active a .textTitleTwo{opacity: 0;left: 70%;}
.newIndexC4List dd.active a .learnMore{bottom: 0;opacity: 1;transition: all 0.3s 0.5s;-webkit-transition: all 0.3s 0.5s;}

.newFooter{background-color: #555555;background-position: center center;background-size: cover;background-repeat: no-repeat;overflow: hidden;}
.newFooterUp{padding: 55px 0 30px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.newFooterUpL{float: left;display: inline;height: 78px;}
.newFooterUpL a{display: block;height: 100%;}
.newFooterUpL a img{display: block;height: 100%;}
.newFooterUpR{float: right;display: inline;width: 52px;height: 52px;border-radius: 10px;overflow: hidden;background: #fff url("../images/newFooterReturn.png") no-repeat center center;cursor: pointer;}
.newFooterDown{padding: 30px 0 50px;}
.newFooterDownL{float: left;display: inline;margin-right: 19.23%;}
.newFooterPhone{margin-bottom: 30px;}
.newFooterPhone .icon{float: left;display: inline;width: 40px;height: 40px;border-radius: 50%;background: #666666 url("../images/newFooterPhone.png") no-repeat center center;margin-right: 10px;}
.newFooterPhone .iconText{line-height: 40px;height: 40px;font-size: 18px;color: #ffffff;overflow: hidden;}
.newFooterAdress{margin-bottom: 40px;}
.newFooterAdress .icon{float: left;display: inline;width: 40px;height: 40px;border-radius: 50%;background:#666666 url("../images/newFooterAdress.png") no-repeat center center;margin-right: 10px;}
.newFooterAdress .iconText{line-height: 40px;height: 40px;font-size: 16px;color: #ffffff;overflow: hidden;}
.footerDownConIcon dd {
    float: left;
    display: inline;
}

.footerDownConIcon dd .con {
    margin-right: 30px;
    position: relative;
    cursor: pointer;
}

.footerDownConIcon dd .con .conUp {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    background-color: #666666;
    line-height: 30px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.footerDownConIcon dd .con .conUp img {
    max-height: 15px;
    vertical-align: middle;
    display: inline-block;
}

.footerDownConIcon dd .con .conDown {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    width: 145px;
    z-index: 5;
    filter: drop-shadow(0px 6px 12px rgb(0 0 0 / 30%));
    position: absolute;
    top: -180px;
    left: -60px;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.footerDownConIcon .conDown em {
    display: inline-block;
    border: 7px solid transparent;
    border-top-color: #fff;
    position: absolute;
    left: 50%;
    bottom: -14px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.footerDownConIcon dd .con .conDown .pic::before {
    padding-top: 100%;
}

.footerDownConIcon dd .con .conDown .text {
    text-align: center;
    line-height: 40px;
    font-size: 13px;
    color: #666666;
}

.footerDownConIcon dd:hover .conUp {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
}

.footerDownConIcon dd:hover .conDown {
    opacity: 1;
    visibility: visible;
    top: -160px;
}
.newFooterMenu{ overflow: hidden;margin-top: -75px;}
.newFooterMenu dd{ float: left; display: inline; margin-right: 6%;}
.newFooterMenu dd em{ font-style: normal; display: block; line-height: 35px; height: 35px; overflow: hidden;margin-bottom: 20px;}
.newFooterMenu dd em a{ font-size: 16px; color: #ffffff;}
.newFooterMenu dd em a:hover{ color:#e60012;}
.newFooterMenu dd span{ font-style: normal; display: block; line-height: 25px; padding: 5px 0; overflow: hidden;}
.newFooterMenu dd span a{ font-size: 15px; color: #c7c7c7;}
.newFooterMenu dd span a:hover{ color:#e60012;}
.friendCopyRightNew{ height: 60px; line-height: 60px; overflow: hidden; font-size: 14px; color: #c7c7c7;position: relative;z-index: 3;border-top: 1px solid rgba(255,255,255,0.1);}
.friendCopyRightNew .conL{ float: left; display: inline;}
.friendCopyRightNew .conL span{ margin-right: 5px;}
.friendCopyRightNew .conL img{ margin-right: 5px; vertical-align: middle;}
.friendCopyRightNew .conL a{ color: #c7c7c7; margin-right: 5px;}
.friendCopyRightNew .conL a:hover{ color: #fff;}
.friendCopyRightNew .conR{ float: right; display: inline;}
.friendCopyRightNew .conR a{color: #c7c7c7; }
.friendCopyRightNew .conR a:hover{ color: #fff;}

/* 企业文化 start */
.newCultureList{margin-right: -20px;padding: 165px 0 200px;overflow: hidden;}
.newCultureList dd{float: left;display: inline;width: 25%;position: relative;}
.newCultureList dd.dd2{top: -50px;}
.newCultureList dd.dd3{top: 20px;}
.newCultureList dd.dd4{top: -30px;}
.newCultureList dd a{display: block;margin-right: 20px;}
.newCultureList dd a .pic{overflow: hidden;}
.newCultureList dd a .pic::before{padding-top: 157.8249%;}
.newCultureList dd a .text{position: absolute;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;left: 0;bottom: 0;padding: 0 30px 20px;z-index: 2;}
.newCultureList dd a .text .title{padding-bottom: 15px;margin-bottom: 15px;font-size: 20px;color: #ffffff;font-weight: bold;line-height: 35px;border-bottom: 1px solid rgba(255,255,255,0.3);}
.newCultureTitleCn{line-height: 38px;font-size: 24px;color: #ffffff;font-family: 'sanjixk';}
.newCultureTitleEn{line-height: 30px;font-size: 14px;color: #ffffff;}
/* 企业文化 end */
/* 集团业务 start */
.newImgText1C{background-color: #fafafa;background-position: center bottom;background-size: 100% auto;background-repeat: no-repeat;}
.newImgText1Top{padding: 40px 0;border-bottom: 1px solid #ebebeb;}
.newImgText1Top .item{margin-bottom: 20px;text-align: center;}
.newImgText1Top .item:last-of-type{margin-bottom: 0;}
.newImgText1Top .title{padding: 10px 0;line-height: 45px;font-size: 24px;color: #333333;font-weight: bold;position: relative;margin-bottom: 25px;}
.newImgText1Top .title::before{display: block;content: "";width: 24px;height: 3px;background-color: #e1211c;position: absolute;left: 50%;margin-left: -12px;bottom: 0;}
.newImgText1Top .info{line-height: 28px;font-size: 16px;color: #666666;}
.newImgText1{padding-top: 50px;margin-right: -50px;}
.newImgText1 dd{float: left;display: inline;width: 25%;margin-bottom: 50px;}
.newImgText1 dd a{display: block;margin-right: 50px;background-color: #fff;}
.newImgText1 dd a .text{padding: 45px 30px 50px;}
.newImgText1 dd a .text .title{line-height: 35px;height: 35px;overflow: hidden;font-size: 24px;color: #333333;margin-bottom: 15px;}
.newImgText1 dd a .text .line{width: 24px;height: 3px;background-color: #e1211c;margin-bottom: 25px;}
.newImgText1 dd a .text .info{line-height: 30px;height: 60px;overflow: hidden;font-size: 16px;color: #666666;}
.newImgText1 dd a .pic{overflow: hidden;}
.newImgText1 dd a .pic::before{padding-top: 64.7887%;}
.newImgText1 dd:hover a .text .title{color: #e1211c;}
/* 集团业务 end */
/* 商业地产开发 start */
.newImgText2{padding-top: 30px;}
.newImgText2 dd{padding-top: 40px;margin-bottom: 30px;}
.newImgText2 dd a{display: block;background:#fff;padding:50px;background:#fff url("../images/newImgText2Bg.jpg") no-repeat center center / 100% 100%;}
.newImgText2 dd a .pic{float: left;display: inline;width: 47.4487%;overflow: hidden;border-radius:20px;}
.newImgText2 dd a .pic::before{padding-top: 66.4739%;}
.newImgText2 dd a .text{padding: 50px 45px 0px 80px;overflow: hidden;}
.newImgText2 dd a .text .textLogo{height: 70px;line-height: 70px;margin-bottom: 45px;}
.newImgText2 dd a .text .textLogo img{display: inline-block;vertical-align: middle;max-height: 70px;}
.newImgText2 dd a .text .title{line-height: 55px;height: 55px;font-size: 24px;color: #333333;margin-bottom: 5px;overflow: hidden;}
.newImgText2 dd a .text .line{width: 24px;height: 3px;background-color: #e1211c;margin-bottom: 22px;}
.newImgText2 dd a .text .info{line-height: 30px;height: 90px;overflow: hidden;font-size: 16px;color: #666666;margin-bottom: 20px;}
.newImgText2 dd:hover a .text .title{color: #e1211c;}
.newImgText2 dd a .text .more{width: 32px;height: 32px;border: 1px solid #ebebea;border-radius: 8px 0 8px 8px;background: url("../images/newImgText3Icon1.png") no-repeat center center;transition: all 0.3s;-webkit-transition: all 0.3s;}
.newImgText2 dd a .text .more:hover{background-color: #e1211c;border-color: #e1211c;background-image: url("../images/newImgText3Icon1H.png");}
/* 商业地产开发 end */
/* 社会责任 start */
.newImgText3{padding-top: 150px;}
.newImgText3 dd{margin-bottom: 190px;}
.newImgText3 dd:last-of-type{margin-bottom: 0;}
.newImgText3 dd a{display: block;background-color: #fff;position: relative;padding: 0 12.85%;}
.newImgText3 dd a::before{display: block;content: "";width: 216px;height: 266px;position: absolute;right: 0;top: 0;}
.newImgText3 dd a .text{position: relative;padding: 55px 8.97% 35px 40.4871%;}
.newImgText3 dd:nth-child(2n) a .text{padding: 55px 50.4615% 35px 0;}
.newImgText3 dd a .text .title{line-height: 38px;height: 76px;overflow: hidden;font-size: 24px;color: #333333;margin-bottom: 10px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.newImgText3 dd a .text .lineC{width: 24px;height: 3px;background-color: #e1211c;margin-bottom: 23px;}
.newImgText3 dd a .text .info{line-height: 30px;height: 90px;overflow: hidden;margin-bottom: 22px;font-size: 16px;color: #666666;}
.newImgText3 dd a .text .more{width: 32px;height: 32px;border: 1px solid #ebebea;border-radius: 8px 0 8px 8px;background: url("../images/newImgText3Icon1.png") no-repeat center center;transition: all 0.3s;-webkit-transition: all 0.3s;}
.newImgText3 dd a .text .more:hover{background-color: #e1211c;border-color: #e1211c;background-image: url("../images/newImgText3Icon1H.png");}
.newImgText3 dd:hover a .text .title{color: #e1211c;}
.newImgText3 dd a .text .pic{width: 31.7179%;overflow: hidden;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.newImgText3 dd:nth-child(2n) a .text .pic{left: unset;right: 0;}
.newImgText3 dd a .text .pic::before{padding-top: 135.1351%;}
.newImgText3 dd a .text .pic .picText{position: absolute;left: 0;top: 0;width: 100%;text-align: right;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 60px 40px 0;z-index: 2;}
.newImgText3 dd a .text .pic .picText .line{width: 64px;height: 2px;display: inline-block;background-color: #3c63b4;margin-bottom: 18px;}
.newImgText3 dd a .text .pic .picText .text1{line-height: 25px;font-size: 18px;color: #3c63b4;font-weight: bold;margin-bottom: 15px;}
.newImgText3 dd a .text .pic .picText .textYear{line-height: 35px;font-size: 22px;font-weight: bold;color: #3c63b4;}
.newImgText3 dd:nth-child(3n) a .text .pic .picText .line{background-color: #4b3ed4;}
.newImgText3 dd:nth-child(3n) a .text .pic .picText .text1{color: #4b3ed4;}
.newImgText3 dd:nth-child(3n) a .text .pic .picText .textYear{color: #4b3ed4;}
.newImgText3 dd:nth-child(3n-1) a .text .pic .picText .line{background-color: #68b49a;}
.newImgText3 dd:nth-child(3n-1) a .text .pic .picText .text1{color: #68b49a;}
.newImgText3 dd:nth-child(3n-1) a .text .pic .picText .textYear{color: #68b49a;}
/* 社会责任 end */
/* 特色专栏 start */
.newImgText4{padding-top: 40px;}
.newImgText4 dd{margin-bottom: 30px;}
.newImgText4 dd a{display: block;background-color: #fff;padding: 30px 140px 30px 30px;}
.newImgText4 dd a .pic{float: left;display: inline;width: 420px;margin-right: 30px;overflow: hidden;}
.newImgText4 dd a .pic::before{padding-top: 66.6667%;}
.newImgText4 dd a .text{overflow: hidden;padding-top: 5px;}
.newImgText4 dd a .text .time{line-height: 30px;height: 30px;font-size: 16px;color: #999999;margin-bottom: 38px;}
.newImgText4 dd a .text .time span{color: #222222;font-size: 20px;}
.newImgText4 dd a .text .title{margin-bottom: 17px;line-height: 30px;height: 30px;overflow: hidden;font-size: 18px;color: #333333;transition: all 0.3s;-webkit-transition: all 0.3s;}
.newImgText4 dd a .text .info{line-height: 30px;height: 60px;overflow: hidden;font-size: 16px;color: #858585;margin-bottom: 55px;}
.newImgText4 dd a .text .more{width: 32px;height: 32px;border: 1px solid #ebebea;border-radius: 8px 0 8px 8px;background: url("../images/newImgText3Icon1.png") no-repeat center center;transition: all 0.3s;-webkit-transition: all 0.3s;}
.newImgText4 dd a .text .more:hover{background-color: #e1211c;border-color: #e1211c;background-image: url("../images/newImgText3Icon1H.png");}
.newImgText4 dd:hover a .text .title{color: #e1211c;} 
/* 特色专栏 end */