/*
* @Author: Sun Jijing
* @Date:   2023-10-27 10:33:38
* @Last Modified by: Sun Jijing
* @Last Modified time: 2023-10-27 16:46:02
*/

/* 头部样式 2023-4-24 */
.header_2023 { width: 100%; height: 597px; background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2023102716483118239.jpg) no-repeat top center; background-size: cover; }
.header_2023 .gap { padding: 15px 0; background: rgba(0,0,0,.4); }
.topLink_2023 { width: 260px; margin-top: 10px; }
.header_2023 .dxLogo_2023 { margin-top: 10px; width: 290px; }
.dxNav_list { margin-top: 20px; }
.dxNav_list li { display: inline-block; margin-left: 45px; }
.dxNav_list li a { font-size: 18px; color: #fff; }
.topLink_2023 .topLink_img2023 { width: 60px; }
.topLink_2023 .topLink_img2023  img { height: 64px; vertical-align: middle; }
.topLink_2023 .topLink_link2023 { width: 200px; line-height: 28px; }
.topLink_2023 .topLink_link2023  a { font-size: 14px; color: #fff; display: inline-block; width: 28.333%; padding-left: 3%; }

.top_nav_2022 { height: 70px; background: #BD192E; position: relative; }
.nav_list>li { float: left; margin-right: 115px; }
.nav_list>li:last-child { margin-right: 0; }
.nav_list>li>a { font-size: 26px; color: #fff; border-bottom: 2px solid transparent; line-height: 70px; }
.nav_list>li:hover>a, .nav_list>li.on>a { border-color: #efd493; }
.subNav_list { background: #fff6e2; position: absolute; left: 0; display: none; width: 100%; line-height: 60px; border-bottom: 1px solid #efd493; z-index: 900; }
.subNav_list a { display: inline-block; padding-left: 15px; margin-right: 20px; background: url(/eportal/fileDir/bjdx2022/template/common/header/top_subNav_dian.png) no-repeat left center; font-size: 16px; color: #333; }
.nav_list>li:hover .subNav_list { display: block; }

/* 模块 */
.mktit { text-align: center; margin-bottom: 50px; }

/* banner */
.banner img { display: block; width: 100%; }

.zjdx { padding-top: 100px; margin-bottom: 65px; }
.zjdx_con { overflow: hidden; }
.zjdx_list { position: relative; }
.zjdx_list > li { float: left; height: 460px; overflow: hidden; }
.zjdx_list > li .tit { width: 62px; height: 100%; float: left; margin-right: 10px; text-align: center; position: relative; overflow: hidden; }
.zjdx_list > li.li01 .tit { background: url(zjdx_hd_bg04.jpg) no-repeat center/cover; transition: all ease-in-out 400ms; }
.zjdx_list > li.li01.on .tit { width: 0; margin-right: 0; }
.zjdx_list > li.li02 .tit { background: url(zjdx_hd_bg01.jpg) no-repeat center/cover; }
.zjdx_list > li.li03 .tit { background: url(zjdx_hd_bg02.jpg) no-repeat center/cover; }
.zjdx_list > li.li04 .tit { background: url(zjdx_hd_bg03.jpg) no-repeat center/cover; }
.zjdx_list > li.li05 .tit { background: url(zjdx_hd_bg04.jpg) no-repeat center/cover; margin-right: 0; }
.zjdx_list > li.li05.on .tit { margin-right: 10px; }
.zjdx_list > li .cloud { margin-top: 110px; display: block; margin-bottom: 20px; transition: margin ease-in-out 400ms; }
.zjdx_list > li .name { font-size: 30px; font-family: '思源宋体'; font-weight: bold; color: #fff; display: block; padding: 0 10px; }
.zjdx_list > li .line { width: 1px; height: 0px; background: #fff; display: block; position: absolute; bottom: 0; left: 50%; transition: all ease-in-out 400ms; }
.zjdx_list > li.on .cloud { margin-top: 30px; }
.zjdx_list > li.on .line { height: 215px; }
.zjdx_list > li .aniCon { height: 460px; width: 0; transition: width ease-in-out 500ms; overflow: hidden; display: flex; }
.zjdx_list > li.on .aniCon { width: 850px; }
.zjdx_list > li.li01.on .aniCon { width: 925px; }
.zjdx_list > li .con { display: none; float: right; margin-right: 10px; width: 838px; height: 460px; }
.zjdx_list > li.li01 .con { width: 914px; }
.zjdx_list > li .con video { width: 100%; height: 460px; object-fit: cover; }
.zjdx_list > li.li05 { position: absolute; right: 0; }
.zjdx_list > li.li05 .con { margin-right: 0; }
.zjdx_list > li.on .con { display: block; }
.zjdx_list > li.on .con.txtCon { width: 758px; height: 360px; background: #f4f4f4; padding: 50px 40px; }
/* 大兴概况 */
.gaikuang_con { width: 100%; height: 460px; background: url(/bjsdxqrmzf/uiFramework/commonResource/image/2023110813535641702.jpg) no-repeat; background-size: cover; }
.gaikuang_txt { padding: 60px 30px 0; }
.gaikuang_txt p { padding: 15px 20px; font-size: 16px; line-height: 30px; color: #fff; position: relative; }
.gaikuang_txt p::after { content: ''; position: absolute; left: 0; right: 45px; top: 0; bottom: 0; background: rgba(42, 72, 130, .55); background: rgba(189, 27, 45, .55); }
.gaikuang_txt p span { position: relative; z-index: 2; }
.gaikuang_txt p a { font-size: 16px; color: #bd1a2d; color: #daba87; }
.gaikuang_txt p i { display: block; position: absolute; top: 0; right: 0; bottom: 45px; width: 45px; background: rgba(42, 72, 130, .55); background: rgba(189, 27, 45, .55); }
.gaikuang_txt p i::after { content: ''; position: absolute; bottom: -45px; right: 0; width: 0; height: 0; border-right: 45px solid transparent; border-top: 45px solid rgb(189, 27, 45); }
/* 大兴历史 */
.ptext { font-size: 18px; text-align: justify; line-height: 1.8em; margin-bottom: 20px; }
.SZDXnav { overflow: hidden; }
.szdxList { width: 120%; }
.szdxList li { width: 200px; float: left; text-align: center; margin-right: 78px; }
.szdxList li .pic { margin-bottom: 20px; width: 200px; height: 200px; overflow: hidden; border-radius: 50%; }
.szdxList li .pic img { width: 100%; height: 100%; object-fit: cover; transform: scale(1, 1); transition: all ease-in-out 400ms; }
.szdxList li:hover .pic img { transform: scale(1.1, 1.1); }
.szdxList li .down a { font-size: 16px; color: #333; }
/* 大兴史志 */
.dxBox_ds .fl { width: 40%; }
.dxBox_ds .fl img { width: 100%; height: 165px; }
.dxBox_ds .fr { width: 55%; }
.dxBox_ds h4 { position: relative; padding-left: 20px; margin-bottom: 10px; }
.dxBox_ds h4::before { content: ''; display: block; width: 4px; height: 20px; background: #9a8f6a; position: absolute; left: 0; top: 50%; margin-top: -10px; }
.dxBox_ds h4 a { display: block; font-size: 22px; color: #000; }
.dxdsLists { overflow: hidden; }
.dxdsLists li {  }
.dxdsLists li a { display: block; font-size: 16px; line-height: 2em; }
.dxdsLists li:hover a { color: #9a8f6a; }

/* 印象大兴 */
.yxdx { width: 100%; background: url(yxdx_bg.png) no-repeat center bottom; padding-top: 65px; padding-bottom: 130px; }
.yxdx_left { width: 685px; overflow: hidden; }
.yxdx_list { width: 110%; }
.yxdx_list li { float: left; margin-right: 15px; position: relative; margin-bottom: 15px; border-radius: 8px; overflow: hidden; }
.yxdx_list li img { display: block; width: 100%; transform: scale(1,1); transition: all ease-in-out 400ms; }
.yxdx_list li span { display: block; padding-left: 10px; padding-right: 80px; line-height: 40px; position: absolute; left: 0; bottom: 15px; background: linear-gradient(to right,rgb(189, 27, 45) 40%,rgba(189,27,45,0)); font-size: 24px; color: #fff; font-family: '思源宋体'; font-weight: bold; }
.row1 .yxdx_list li { width: 334px; }
.row2 .yxdx_list { width: 100%; }
.row2 .yxdx_list li { width: 100%; }
.row3 .yxdx_list li { width: 218px; }
.yxdx_list li:hover img { transform: scale(1.1,1.1); }
.video_con { position: relative; border-radius: 8px; overflow: hidden; }
.video_con img { display: block; transform: scale(1,1); transition: all ease-in-out 400ms; width: 100%; height: 100%; }
.video_con:hover img { transform: scale(1.1,1.1); }
.video_con .play { position: absolute; top: 50%; left: 50%; z-index: 10; margin-top: -98px; margin-left: -98px; }
.video_con .txt { display: block; padding-right: 10px; padding-left: 80px; line-height: 40px; position: absolute; right: 0; bottom: 15px; background: linear-gradient(to left,rgb(189, 27, 45) 40%,rgba(189,27,45,0)); font-size: 24px; color: #fff; font-family: '思源宋体'; font-weight: bold; }

/* 投资大兴 */
.tzdx { padding-top: 105px; padding-bottom: 105px; background: #fbfbfb url(tzdx_bg.png) no-repeat top center/cover; }
.tzdx_wrap { position: relative; overflow: hidden; }
.tzdx_tit { width: 37%; padding: 40px 0; background: url(tzdx_tit_bg.jpg) no-repeat; height: 570px; position: absolute; left: 0; }
.tzdx_con { width: 73%; position: relative; z-index: 5; padding: 40px 0 !important; }
.tzdx_but { float: right; padding-right: 34%; width: 50px; display: flex; flex-direction: column; justify-content: end; height: 445px; margin-bottom: 125px; }
.tzdx_a { display: inline-block; width: 50px; height: 50px; margin-top: 30px; }
.tzdx_txt { margin-right: 20px; float: right; }
.tzdx_txt span { font-size: 32px; color: #7d430f; width: 1em; display: inline-flex; flex-direction: column; height: 392px; padding: 0 15px; justify-content: center; border-left: 1px solid #fff; border-right: 1px solid #fff; float: left; margin-left: -1px; }
.tzdx_txt i { display: block; }
.tzdx_list li { width: 370px; box-shadow:  0 0 15px #ccc; }
.tzdx_list li .img { height: 475px; overflow: hidden; width: 100%; display: block; }
.tzdx_list li .img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1,1); transition: all ease-in-out 400ms; }
.tzdx_list li .txt { height: 105px; background: #fff; font-size: 26px; color: #333; font-weight: bold; font-family: '思源宋体'; line-height: 105px; text-align: center; }
.tzdx_list li:hover .img img { transform: scale(1.1,1.1); }
.tzdx_list li:hover .txt { background: #BD192E; color: #fff; }

/* 宜居大兴 */
.yjdx { padding-top: 130px; padding-bottom: 100px; background: url(yjdx_bg.png) no-repeat center bottom; animation: animateBg 60s linear infinite; }
.yjdx_con { padding-top: 300px; overflow: hidden; }
.yjdx_list li { float: left; width: 25%; padding-bottom: 20px; }
.yjdx_list li a { display: block; margin: 0 auto; width: 100%; height: 100%; text-align: center; width: 185px; height: 185px; border-radius: 50%; transform: scale(1,1); transition: all ease-in-out 400ms; }
.yjdx_list li.li01 a { background: url(yjdx_icon_bg1.png) no-repeat center; }
.yjdx_list li.li02 a { background: url(yjdx_icon_bg2.png) no-repeat center; }
.yjdx_list li.li03 a { background: url(yjdx_icon_bg3.png) no-repeat center; }
.yjdx_list li.li04 a { background: url(yjdx_icon_bg4.png) no-repeat center; }
.yjdx_list li img { display: block; margin: 0 auto 10px; padding-top: 42px; transform: rotateY(0deg); transition: all ease-in-out 400ms; }
.yjdx_list li span { font-size: 30px; font-weight: bold; font-family: '思源宋体'; color: #fff; }
.yjdx_list li:hover a { transform: scale(1.1,1.1); }
.yjdx_list li:hover img { transform: rotateY(180deg); }

@keyframes animateBg{
	0% { background-position: 0% bottom; }
	100% { background-position: 100% bottom; }
}

@media screen and (max-width:1200px) {
	.header_2023 .dxLogo_2023 { margin-top: 0; width: auto; float: none; height: 50px; }
	.header_2023 .dxLogo_2023 img { height: 100%; width: auto; }
	.dxNav_list li { margin-left: 0; margin-right: 45px; }
	.topLink_2023 { margin-top: 0; }
	.topLink_2023 .topLink_link2023 a { padding-left: 0; }

	.mktit { margin-bottom: 30px; }
	.mktit img { height: 60px; }

	.zjdx { padding-top: 50px; margin-bottom: 50px; }
	.zjdx_list > li { width: 100%; margin-bottom: 10px; float: none; height: auto; }
	.zjdx_list > li .tit { width: 100%; float: none; display: flex; align-items: center; height: 60px; }
	.zjdx_list > li .aniCon { width: 100% !important; height: auto !important; }
	.zjdx_list > li .con { display: block; height: auto; float: none; width: 100%; margin-right: 0; }
	.zjdx_list > li .cloud { margin-top: 0; margin-bottom: 0; transform: rotate(-90deg); }
	.zjdx_list > li.on .cloud { margin-top: 0; }
	.zjdx_list > li .line { display: none; }
	.zjdx_list > li.on .con.txtCon { width: 100%; height: auto; }
	.zjdx_list > li .con.txtCon { background: #f4f4f4; padding: 50px 40px; height: auto; }
	.zjdx_list > li.li01 .con { width: 100%; }
	.zjdx_list > li.li01 .con img { width: 100%; }
	.zjdx_list > li.li01.on .tit { width: 100%; margin-right: 0; }
	.zjdx_list > li.li05 { position: static; }
	.gaikuang_con { height: auto; }
	.gaikuang_txt { padding: 30px; }

	.szdxList { width: 100%; display: flex; justify-content: space-between; }
	.szdxList::after { display: none; }
	.szdxList li { margin-right: 0; }

	.dxdsLists li { width: 50%; }

	.yxdx { padding-top: 0; padding-bottom: 50px; }
	.yxdx_left, .yxdx_right { width: 48%; }
	.yxdx_list { width: 100%; display: flex; justify-content: space-between; }
	.yxdx_list li { margin-right: 0; height: 125px; }
	.row1 .yxdx_list li { width: 48%; }
	.row3 .yxdx_list li { width: 31.33%; }
	.yxdx_list li span { padding-right: 30px; font-size: 18px; }
	.video_con { height: 400px; }

	.tzdx { padding-top: 50px; padding-bottom: 50px; }
	.tzdx_tit { background: #daba87 url(tzdx_tit_bg.jpg) no-repeat bottom center/cover; height: 480px; font-size: 24px; }
	.tzdx_txt span { width: 54px; font-size: 24px; justify-content: start; }
	.tzdx_but { padding-right: 50%; height: 370px; }
	.tzdx_list li { width: 260px; }
	.tzdx_list li .img { height: 340px; }
	.tzdx_list li .txt { height: 60px; line-height: 60px; font-size: 20px; }

	.yjdx { padding-top: 50px; padding-bottom: 50px; background-size: auto 100%; }
	.yjdx_con { padding-top: 150px; }
	.yjdx_list li a { width: 16vw; height: 16vw; display: flex; flex-direction: column; align-items: center; justify-content: center; }
	.yjdx_list li img { padding-top: 0; }
}

@media screen and (max-width:1023px) {
	.header_2023 { height: 60vw; }
	.topLink_2023 { display: none; }
	.dxNav_2023 { float: none; }
	.dxNav_list { display: flex; justify-content: space-between; width: 100%; float: none; }
	.dxNav_list li { margin-right: 0; }

	.zjdx_list > li .con.txtCon, .zjdx_list > li.on .con.txtCon { padding: 30px; }
	.szdxList li { width: 20vw; }
	.szdxList li .pic { width: 20vw; height: 20vw; }

	.yxdx_left, .yxdx_right { width: 100%; float: none; }
	.yxdx_list li { height: auto; }
	.yjdx_list li img { width: 40%; }
	.yjdx_list li span { font-size: 20px; }
}

@media screen and (max-width:767px) {
	.header_2023 .dxLogo_2023 { height: 40px; text-align: center; }
	.header_2023 .gap { padding: 10px 0; }
	.dxNav_list { margin-top: 10px; flex-wrap: wrap; }
	.dxNav_list li a { font-size: 16px; }

	.mktit { margin-bottom: 10px; }
	.mktit img { height: auto; }

	.zjdx { padding-top: 20px; margin-bottom: 20px; }
	.zjdx_list > li .tit { height: 40px; }
	.zjdx_list > li .cloud { width: 24px; }
	.zjdx_list > li .name { font-size: 18px; padding: 0 10px; }
	.zjdx_list > li .con.txtCon, .zjdx_list > li.on .con.txtCon { padding: 10px; }
	.ptext { font-size: 14px; margin-bottom: 10px; }
	.szdxList li .pic { margin-bottom: 5px; }
	.szdxList li .down a { font-size: 14px; }
	.szdxList li { width: 24vw; }
	.szdxList li .pic { width: 24vw; height: 24vw; }
	.dxBox_ds h4 a { font-size: 16px; }
	.dxdsLists li { width: 100%; }
	.dxdsLists li a { font-size: 14px; }

	.yxdx { padding-top: 20px; padding-bottom: 20px; }
	.yxdx_list li { margin-bottom: 10px; }
	.yxdx_list li span { font-size: 14px; line-height: 2em; }
	.video_con { height: 60vw; }
	.video_con .txt { font-size: 14px; line-height: 2em; padding-left: 30px; }
	.video_con .play { width: 60px; margin-left: -30px; margin-top: -30px; }

	.tzdx { padding-top: 20px; padding-bottom: 20px; }
	.tzdx_tit { display: none; }
	.tzdx_con { width: 96%; padding: 0 !important; float: none; }
	.tzdx_list li .img { height: 60vw; }
	.tzdx_list li .txt { height: 40px; line-height: 40px; font-size: 16px; }

	.yjdx { padding-top: 20px; padding-bottom: 10px; }
	.yjdx_con { padding-top: 0; }
	.yjdx_list li { width: 48%; padding-bottom: 10px; }
	.yjdx_list li a { width: 30vw; height: 30vw; }
	.yjdx_list li img { margin-bottom: 0px; }
}