/**!
 * 首页
 * author: fxyue
 * date:2020-12-16
 */
.view {
    height: 440px;
    overflow: hidden;
    padding-top: 280px;
    background:  top center no-repeat;
}

.view-box {
    margin-right: -24px;
}

.view-list {
    float: left;
    padding-right: 24px;
}

.viewlist1 {
    background-image: ;
}

.viewlist2 {
    background-image: ;
}

.viewlist3 {
    background-image: ;
}

.viewlist4 {
    background-image: ;
}

.viewlist5 {
    background-image: ;
}

.viewlist6 {
    background-image: ;
}

.view-item {
    display: block;
    width: 180px;
    height: 160px;
    padding-top: 112px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

.com-hd {
    height: 44px;
    text-align: center;
    font-size: 0;
    position: relative;
    background:  center center no-repeat;
}

.comhd2 {
    background-image: ;
}

.com-tt {
    display: inline-block;
    vertical-align: middle;
    color: #384fbe;
    font-size: 36px;
    font-weight: bold;
    line-height: 44px;
}

.com-more {
    position: absolute;
    right: 0;
    top: 6px;
    width: 80px;
    height: 34px;
    line-height: 32px;
    padding-left: 17px;
    border-radius: 16px;
    border: 1px solid #ddd;
    cursor: pointer;
    text-align: left;
    color: #666;
    font-size: 16px;
    background:  60px 50% no-repeat #fff;
}

.com-hd .com-city {
    position: absolute;
    top: 6px;
    right: 90px;
    text-align: left;
}

/* 政务服务 */
.service {
    margin-top: 65px;
}

.service-bd {
    margin-top: 26px;
    box-shadow: 0px 4px 20px 0px rgba(172, 177, 203, 0.33);
    height: 150px;
    padding: 20px;
}

.service-left {
    float: left;
}

.service-left>img {
    display: block;
    width: 110px;
    height: 110px;
}

.service-right {
    margin-left: 120px;
    overflow: hidden;
}

.service-list {
    float: left;
    padding: 0 20px;
    width: 50%;
}

.service-txt {
    height: 46px;
    line-height: 40px;
    padding-left: 16px;
    font-size: 24px;
    background:  left center no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px dashed #ddd;
}

.service-txt a {
    color: #333;
}

.service-p {
    margin-top: 12px;
    color: #999;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

/* 动态 */
/* 轮播 */
.scroll {
    float: left;
    width: 588px;
    overflow: hidden;
}

/* 文字介绍 */

.scroll-intro {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-right: 120px;
    height: 50px;
    line-height: 50px;
    text-indent: 15px;
    background: rgba(0, 0, 0, 0.33);
}

.scroll-intro>p {
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 分页按钮 */

.owl-dots {
    position: absolute;
    right: 7px;
    bottom: 21px;
    height: 8px;
    z-index: 60;
    font-size: 0;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
}

.scroll button.owl-dot {
    float: left;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 8px;
    background: rgba(255, 255, 255, 0.33);
    border: 0;
    outline: 0;
    font-size: 0;
}

.scroll .owl-dot.active {
    background: #384fbe;
}


/* 工作动态 行业动态 */
.dynamic {
    float: right;
    width: 588px;
}

.dynamic-hd {
    height: 50px;
    border-bottom: 1px solid #ddd;
}

.dynamic-node {
    float: left;
    margin-right: 40px;
}

.dynamic-node>a {
    display: block;
    height: 50px;
    line-height: 42px;
    padding: 0 2px;
    font-size: 24px;
    font-weight: bold;
    color: #666;
}

.dynamic-node.active>a {
    color: #384fbe;
    border-bottom: 3px solid #384fbe;
}

.dynamic-bd {
    margin: 6px 7px 0;
    height: 304px;
    overflow: hidden;
}

/* 交易信息 */
.engineer {
    margin-top: 65px;
}

.engineer-hd {
    margin-top: 27px;
}

.engineer-node {
    float: left;
    width: 200px;
    position: relative;
}

.engineer-node>a {
    display: block;
    height: 140px;
    padding-top: 85px;
    line-height: 26px;
    text-align: center;
    color: #333;
    background-repeat: no-repeat;
    background-position: 50% 33px;
}

.engineernode1>a {
    background-image: ;
}

.engineernode2>a {
    background-image: ;
}

.engineernode3>a {
    background-image: ;
}

.engineernode4>a {
    background-image: ;
}

.engineernode5>a {
    background-image: ;
}

.engineernode6>a {
    background-image: ;
}

.engineer-node.active {
    background:  top center no-repeat;
}

.engineer-node.active::before {
    content: "";
    position: absolute;
    top: 140px;
    left: 50%;
    width: 12px;
    height: 6px;
    margin-left: -6px;
    z-index: 2;
    background:  no-repeat;
}

.engineer-node.active>a {
    color: #fff;
    border-bottom: 4px solid #f8bd46;
}

.engineernode1.active>a {
    background-image: ;
}

.engineernode2.active>a {
    background-image: ;
}

.engineernode3.active>a {
    background-image: ;
}

.engineernode4.active>a {
    background-image: ;
}

.engineernode5.active>a {
    background-image: ;
}

.engineernode6.active>a {
    background-image: ;
}

.engineer-bd {
    background: #eff2ff;
    border-top: 1px solid #d5dbf5;
    padding: 30px 0;
    height: 566px;
}

.engineer-left {
    float: left;
    width: 200px;
    height: 500px;
    padding: 10px;
    background: #fff;
}

.engineer-item {
    height: 50px;
    margin-top: 10px;
    border-radius: 3px;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
}

.engineer-item:last-child {
    border-bottom: 0;
}

.engineer-sub {
    display: block;
    padding: 0 10px 0 15px;
    height: 50px;
    line-height: 50px;
    color: #666;
}

.engineer-arr {
    float: right;
    width: 6px;
    height: 100%;
    background:  center center no-repeat;
}

.engineer-name {
    display: block;
    margin-right: 20px;
    padding-left: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-repeat: no-repeat;
    background-position: left center;
}

.engineeritem1 .engineer-name {
    background-image: ;
}

.engineeritem2 .engineer-name {
    background-image: ;
}

.engineeritem3 .engineer-name {
    background-image: ;
}
.engineeritem4 .engineer-name {
    background-image: ;
}
.engineeritem5 .engineer-name {
    background-image: ;
}
.engineeritem6 .engineer-name {
    background-image: ;
}
.engineeritem7 .engineer-name {
    background-image: ;
}
.engineeritem8 .engineer-name {
    background-image: ;
}
.engineeritem9 .engineer-name {
    background-image: ;
}
/* 工程建视 */
.engineeritemgcjs1 .engineer-name {
    background-image: ;
}
.engineeritemgcjs2 .engineer-name {
    background-image: ;
}
.engineeritemgcjs3 .engineer-name {
    background-image: ;
}
.engineeritemgcjs4 .engineer-name {
    background-image: ;
}
.engineeritemgcjs5 .engineer-name {
    background-image: ;
}
/* 国土交易 */
.engineeritemgtjy1 .engineer-name {
    background-image: ;
}
.engineeritemgtjy2 .engineer-name {
    background-image: ;
}
.engineeritemjtgc1 .engineer-name {
    background-image: ;
}
.engineeritemjtgc2 .engineer-name {
    background-image: ;
}
.engineeritemjtgc3 .engineer-name {
    background-image: ;
}
.engineeritemjtgc4 .engineer-name {
    background-image: ;
}
.engineeritemslgc1 .engineer-name {
    background-image: ;
}
.engineeritemslgc2 .engineer-name {
    background-image: ;
}
.engineeritemslgc3 .engineer-name {
    background-image: ;
}
.engineeritemslgc4 .engineer-name {
    background-image: ;
}


.engineer-item.active {
    border-bottom: 0;
    background:  no-repeat;
}

.engineer-item.active .engineer-sub {
    color: #fff;
}

.engineeritem1.active .engineer-name {
    background-image: ;
}

.engineeritem2.active .engineer-name {
    background-image: ;
}

.engineeritem3.active .engineer-name {
    background-image: ;
}
.engineeritem4.active .engineer-name {
    background-image: ;
}

.engineeritem5.active .engineer-name {
    background-image: ;
}

.engineeritem6.active .engineer-name {
    background-image: ;
}

.engineeritem7.active .engineer-name {
    background-image: ;
}

.engineeritem8.active .engineer-name {
    background-image: ;
}

.engineeritem9.active .engineer-name {
    background-image: ;
}



.engineeritemgcjs1.active .engineer-name {
    background-image: ;
}

.engineeritemgcjs2.active .engineer-name {
    background-image: ;
}

.engineeritemgcjs3.active .engineer-name {
    background-image: ;
}
.engineeritemgcjs4.active .engineer-name {
    background-image: ;
}

.engineeritemgcjs5.active .engineer-name {
    background-image: ;
}

.engineeritemgtjy1.active .engineer-name {
    background-image: ;
}

.engineeritemgtjy2.active .engineer-name {
    background-image: ;
}

.engineer-item.active .engineer-sub .engineer-arr {
    background-image: ;
}


.engineeritemjtgc1.active .engineer-name {
    background-image: ;
}

.engineeritemjtgc2.active .engineer-name {
    background-image: ;
}

.engineeritemjtgc3.active .engineer-name {
    background-image: ;
}
.engineeritemjtgc4.active .engineer-name {
    background-image: ;
}


.engineeritemslgc1.active .engineer-name {
    background-image: ;
}

.engineeritemslgc2.active .engineer-name {
    background-image: ;
}

.engineeritemslgc3.active .engineer-name {
    background-image: ;
}
.engineeritemslgc4.active .engineer-name {
    background-image: ;
}



.engineer-right {
    margin-left: 220px;
    height: 500px;
    overflow: hidden;
    background: #fff;
    padding: 13px 30px 0 20px;
}

.engineer-box {
    height: 525px;
    overflow: hidden;
}

.engineer-box .com-list {
    height: 48px;
    line-height: 48px;
}

/* 今日标讯 */
.news {
    margin-top: 65px;
}

.news-bd {
    margin-top: 35px;
}

.news-list {
    float: left;
    width: 224px;
    border-radius: 4px;
    overflow: hidden;
    margin-left: 20px;
    background-repeat: no-repeat;
}

.news-list:first-child {
    margin-left: 0;
}

.news-list>a {
    display: block;
    text-align: center;
    color: #fff;
    padding-top: 25px;
    height: 120px;
	    cursor: default;
}

.news-num {
    line-height: 36px;
    font-size: 30px;
    font-family: "opposans-b";
}

.news-name {
    line-height: 26px;
    margin-top: 10px;
}

.newslist1 {
    background-image: ;
    box-shadow: 0px 6px 6px 0px rgba(112, 97, 228, 0.2);
}

.newslist2 {
    background-image: ;
    box-shadow: 0px 6px 6px 0px rgba(62, 111, 245, 0.2);
}

.newslist3 {
    background-image: ;
    box-shadow: 0px 6px 6px 0px rgba(45, 182, 116, 0.2);
}

.newslist4 {
    background-image: ;
    box-shadow: 0px 6px 6px 0px rgba(31, 155, 232, 0.2);
}

.newslist5 {
    background-image: ;
    box-shadow: 0px 6px 6px 0px rgba(62, 111, 245, 0.2);
}

/* 2020年全市交易项目统计 */
.project {
    background: #f6f6f6;
    height: 720px;
    margin-top: 80px;
    padding: 55px 0 66px;
}

.project-bd {
    margin-top: 55px;
}

.project-map {
    float: left;
    width: 490px;
    height: 500px;
}

.project-box {
    float: right;
    background: #fff;
    height: 540px;
    width: 660px;
}

.project-top {
    height: 50px;
    padding-left: 23px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    background:  no-repeat;
}

.project-loc {
    float: left;
    padding: 0 10px 0 25px;
    min-width: 120px;
    min-height: 1px;
    background:  left center no-repeat;
}

.project-name {
    float: left;
}

.project-bottom {
    padding: 10px 20px;
}

.project-left {
    float: left;
    width: 480px;
}

.project-list {
    float: left;
    width: 230px;
    height: 90px;
    background: #eff2ff;
    margin: 10px 10px 0 0;
    padding: 10px 20px 0;
    line-height: 32px;
}

.project-list h3 {
    color: #666;
}

.project-list p {
    color: #384fbe;
    font-size: 16px;
    font-family: "opposans-b";
}

.project-right {
    float: right;
    width: 140px;
}

.project-right .project-list {
    width: 140px;
    height: 190px;
    padding: 50px 12px 0;
    background:  right bottom no-repeat #eff2ff;
}

.project-pie {
    margin-top: 30px;
    height: 200px;
}
/* 2023-5-30 */
.page-old .com-tt {
	font-size: 38px;
}
.page-old .comhd2 {
	background-image: ;
}
.page-old .com-more {
	width: 108px;
	font-size: 30px;
	height: 44px;
	line-height: 42px;
	border-radius: 22px;
	background: url(/hksite/images/com_more_arr.png) 88px 50% no-repeat #fff;
	top: 0;
}
.page-old .service-txt {
	font-size: 32px;
}
.page-old .service-p {
	font-size: 24px;
}
.page-old .scroll,
.page-old .dynamic {
	width: 100%;
}
.page-old .dynamic {
	margin-top: 48px;
}
.page-old .owl-carousel .owl-item img {
	height: 600px;
}
.page-old .scroll-intro > p {
	font-size: 30px;
}
.page-old .scroll .owl-dot.active {
	background-color: #f8bd46;
}
.page-old .owl-dots {
	height: 14px;
}
.page-old .scroll button.owl-dot {
	width: 14px;
	height: 14px;
}
.page-old .dynamic-node > a {
	font-size: 36px;
}
.page-old .com-date {
	font-size: 32px;
}
.page-old .dynamic-bd {
	margin: 12px 0 0;
	height: 378px;
}
.page-old .engineer-node > a {
	font-size: 32px;
}
.engineer-bd-old {
	display: none;
}
.page-old .engineer-bd-old {
	display: block;
	background: #eff2ff;
	height: 595px;
	overflow: hidden;
	padding: 30px 0;
}
/* .page-old .engineer-bd {
	display: none;
} */
.engineer-bd-old > .bdl {
	background-color: #fff;
	padding: 30px;
}
.engineer-bd-old .engineer-box {
	height: 410px;
	padding-top: 35px;
}
.page-old .switch {
	position: relative;
	margin: 0 70px;
}
.switch-arr {
	position: absolute;
	width: 18px;
	height: 21px;
	top: 53px;
	z-index: 9999;
}
.switch-left {
	left: -40px;
	background: url(/hksite/images/prev_icon.png) no-repeat;
}
.switch-right {
	background: url(/hksite/images/next_icon.png) no-repeat;
	right: -40px;
}
.engineer-bd-old .tab-hd {
	height: 54px;
	font-size: 36px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
.engineer-bd-old .tab-hd li.active a {
	color: #384fbe;
	border-bottom: 3px solid #384fbe;
}

.engineer-bd-old .tab-hd li a {
	display: block;
	min-width: 143px;
	text-align: center;
	height: 54px;
	color: #333;
	font-weight: bold;
	padding: 0 5px;
	margin-right: 45px;
}
.page-old .engineer-box .com-list {
	height: 76px;
	line-height: 76px;
}
.transaction-swiper .swiper-slide a {
	height: 100%;
	color: #333;
	display: block;
}
.transaction-swiper .swiper-slide.active a {
	color: #384fbe;
	border-bottom: 3px solid #384fbe;
}

.page-old .news-list {
	width: 588px;
	margin-left: 0;
	margin-top: 24px;
	background-size: 100% 100%;
}
.page-old .news-list:nth-child(2n) {
	margin-left: 24px;
}
.page-old .news-list:nth-child(5) {
	width: 100%;
}
.page-old .news-list:nth-child(-n   2) {
	margin-top: 0;
}
.page-old .news-name {
	font-size: 32px;
}
.page-old .news-num {
	font-size: 40px;
}
.page-old .newslist1 {
	background-image: url(/hksite/images/news_list_old_01.png);
}
.page-old .newslist2 {
	background-image: url(/hksite/images/news_list_old_02.png);
}
.page-old .newslist3 {
	background-image: url(/hksite/images/news_list_old_03.png);
}
.page-old .newslist4 {
	background-image: url(/hksite/images/news_list_old_04.png);
}
.page-old .newslist5 {
	background-image: url(/hksite/images/news_list_old_05.png);
}
.page-old .project-map {
	margin: auto;
}
.page-old .project {
	height: auto;
	padding: 41px 0;
}
.page-old .project-bd {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.page-old .project-box {
	width: 100%;
	height: auto;
	margin-top: 60px;
}
.page-old .project-top {
	background: url(/hksite/images/project_top_old_bg.png) no-repeat;
	padding-right: 29px;
	font-size: 32px;
}
.page-old .project-name {
	float: right;
}
.page-old .project-list {
	width: 565px;
	margin: 24px 22px 0 0;
	line-height: 90px;
	padding: 0 24px;
}
.page-old .project-right {
	float: left;
	width: 100%;
	font-size: 32px;
}
.page-old .project-list:nth-child(2n) {
	margin-right: 0;
}
.page-old .project-left {
	width: 100%;
	font-size: 32px;
}
.page-old .project-bottom {
	padding: 0 24px 10px;
}
.page-old .project-right .project-list {
	width: 100%;
	height: 90px;
	padding: 0 24px;
}
.page-old .engineer-bd {
	height: auto;
}
.page-old .engineer-bd > .bdl {
	position: relative;
}
.page-old .engineer-left {
	float: none;
	width: 100%;
	padding: 0;
	height: 95px;
	overflow: hidden;
}
.page-old .engineer-item.active {
	border-bottom: 1px dashed #ddd;
}
.page-old .engineer-right {
	width: 100%;
	float: none;
	margin-left: 0;
	padding: 36px 30px 0 30px;
	height: 440px;
}
.page-old .engineer-item {
	float: left;
	/* min-width: 165px; */
	/* width: auto !important; */
	height: 65px;
	line-height: 65px;
	margin-top: 30px;
	/* margin-right: 32px; */
	/* border: 0; */
}
.page-old .engineer-item.active {
	background: none;
}
.page-old .engineer-item a {
	color: #333;
	display: block;
	font-size: 36px;
	font-weight: bold;
	padding: 0px 24px;
}
.page-old .engineer-item.active a {
	color: #384fbe;
	border-bottom: 3px solid #384fbe;
}
.page-old .column-items {
	/* min-width: 884px; */
}
.page-old .engineer-arr {
	display: none;
}
.page-old .engineer-name {
	background-image: none;
	padding-left: 0;
	margin-right: 0;
}
.page-old .engineer-sub {
	height: 65px;
	line-height: 65px;
}
.page-old .tab-head {
	height: 95px;
	overflow: hidden;
	border-bottom: 1px dashed #ddd;
}
.page-old .engineer-item:last-child {
	border-bottom: 1px dashed #ddd;
	margin-right: 0;
}