/*公用样式部分*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin:0;padding:0;}
html,body{font-family:"Microsoft YaHei";}
ul,ol{list-style:none;}
img{border:0;}
input,select,textarea{outline:0;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,strong,var,em{font-weight:normal;font-style:normal;}
a{text-decoration:none; color:#000;}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:#000;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}
/*本页面css*/
html,body{overflow-x:hidden;}
.noPC {display: none;}
.g_wrap * {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.g_wrap{background:url(../images/renwen_index_bg1_20230529.jpg) center bottom no-repeat;}
.g_wrap img{vertical-align: middle;}
.m_layout{width: 1200px;margin:0 auto 20px;}
.m_hd{width: 1200px;margin:0 auto 50px;text-align: center;}
.m_hd h2{font-family: 'SimSun', serif;font-size: 34px; font-weight:800;text-align: center;display: block;width: 100%;overflow: hidden;}
.m_layout_wrap{background: url(../images/bjzlg.jpg) center bottom no-repeat;padding:40px 0 0;}
.m_layout_wrap .m_hd{margin-bottom: 29px;}
.m_layout_wrap .m_layout{position: relative;height: 630px;margin-bottom: 0;padding: 33px 0 0;}
.intro_box{font-size: 18px;line-height: 2em;color: #000;margin-bottom: 32px;}
.more_news {font-size: 16px;clear: both;padding-top: 30px;text-align: right;}
.more_news a {color: #fff!important;background: #c19a63;border-radius: 17px;display: inline-block;height: 34px;line-height: 32px;padding: 0 10px;}
.more_news a img{margin: 0 5px 0 0;vertical-align: middle;}
/*手风琴*/
.pic_slide_piano{width: 1210px;overflow: hidden;margin-left: -10px;}
.pic_slide_piano li{float: left; overflow: hidden;position: relative;width: 130px;height: 380px;margin-left: 10px;}
.pic_slide_piano h3{cursor: pointer;font-size: 38px; color: #000; height: 380px;position: absolute;left:40px;bottom: 0;color: #000; width: 38px;line-height: 38px;font-size: 24px;display: block; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;font-family: '\5B8B\4F53';padding:40px 0 0;}
.pic_slide_piano div.m_imgCon{height: 380px; width: 780px; zoom: 1; float: left;display: block;background-color: rgba(255, 249, 241, 0.5);}
.pic_slide_piano li.on div.m_imgCon,.pic_slide_piano li.on{width: 780px;}
.pic_slide_piano .hd{width: 130px;height: 380px;position: absolute;left:0;top:0;transition: all 0.1s;-webkit-transition: all 0.1s;background-color: rgba(238, 230, 220, 0.5);}
.pic_slide_piano .on .hd{display: none;}
.pic_slide_piano img{vertical-align:inherit;margin: 10px 0;}
.pic_slide_piano .txt_box{margin:72px 0 0 130px;width: 600px;font-size: 18px;line-height: 2em;color: #0d0d0d;display:none;}
.pic_slide_piano .txt_box .txt{font-size: 18px;height: 180px;line-height: 2em;-webkit-line-clamp: 5;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;text-align: justify;}
.pic_slide_piano .txt_box .m_source{font-size: 16px;text-align:right;line-height: 1.5em;margin-top:10px;}
.pic_slide_piano li.on .txt_box{display:block;}
.pic_slide_piano .more_news{padding-top: 10px;}
.swiper_piano{display: none;}
	/*各区名片*/
	.swiper_wrap{max-width: 1920px;margin: 0 auto 50px;background: url(../images/zjbj_16bg_20260630.jpg) center 0 no-repeat;height: 650px;position: relative;padding:40px 0;}
	.swiper_inner{position: absolute;left: 390px;top:75px;width: 1530px;}
	.swiper_wrap .swiper_list{width: 1530px;overflow: hidden;}
	.swiper_wrap .swiper_list .swiper-slide {width: 260px;height: 460px;float: left;position: relative;background: #fff;}
	.swiper_wrap .swiper_list .swiper-slide img{width: 260px;height: 460px;width:100%;height:auto;}
	.swiper_wrap .swiper_list .swiper-slide p{padding:10px 0 0;text-align: center;}
	.swiper_wrap .swiper_list .swiper-slide p a{color:#4b2a00;font-size: 18px;}
	.swiper_wrap .swiper-button-prev {font-size: 20px;position: absolute; display: none; cursor: pointer;border-radius: 5px;text-align: center;border:1px solid #c09a62; top: 50%;left:-65px; background-color: #c09a62;width:44px;height:44px;line-height:44px;opacity: 1!important;z-index: 1000;}
	.swiper_wrap .swiper-button-next {font-size: 20px;position: absolute; display: block; cursor: pointer;border-radius: 5px;text-align: center;border:1px solid #c09a62; top: 50%;left:1203px; background-color: #c09a62;width:44px;height:44px;line-height:44px;opacity: 1!important;z-index: 1000;}
	.swiper_wrap .swiper-button-prev:after,.swiper_wrap .swiper-button-next:after{font-size: 20px;font-weight: 700;color: #fff;}
	.swiper_wrap .swiper-button-prev:hover,.swiper_wrap .swiper-button-next:hover{background-color: #fff;border:1px solid #dcdcdc;}
	.swiper_wrap .swiper-button-prev:hover:after,.swiper_wrap .swiper-button-next:hover:after{color: #c09a62;}
	.swiper_wrap .swiper_list .swiper-slide img{opacity: 0.25; transition: opacity 0.3s ease;}
	.swiper_wrap .swiper-slide-active img,.swiper_wrap .swiper-slide-active + .swiper-slide img,.swiper_wrap .swiper-slide-active + .swiper-slide + .swiper-slide img,.swiper_wrap .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide img{opacity: 1 !important;}
	.swiper_wrap .swiper-pagination-progressbar {background: rgba(0, 0, 0, 0.1);height: 3px;top: auto;bottom: -50px;width: 1160px;left: 5px;}
	.swiper_wrap .swiper-pagination-progressbar-fill {background: #ab3327;}
	/*绿色北京*/
	.item_list ul{display: flex;justify-content: space-between;}
	.item_list li{width:380px;height:380px;position:relative;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition: box-shadow 0.3s, background-color 0.3s;}
	.item_list li:hover{box-shadow:0 8px 16px rgba(0,0,0,0.2);background-color: #c09a62;}
	.item_list li a{display:block;text-align:center;padding:60px;}
	.item_list li span{display:block;height:108px;text-align: center;}
	.item_list li span img{transition:opacity 0.3s;margin: 0 auto;}
	.item_list li span img:first-child{display: block;}
	.item_list li span img:last-child{display: none;}
	.item_list li:hover span img:first-child{display: none;}
	.item_list li:hover span img:last-child{display: block;}
	.item_list li h3{font-size:24px;font-weight: 400;color: #c09a62;margin:45px 0 20px;}
	.item_list li .u_txt{color:#7b7b7b;font-size:16px;}
	.item_list li:hover h3{color: #fff;}
	.item_list li:hover .u_txt{color: #ded1c1;}
	/*人文北京*/
	.m_layout_wrap_rwbj{background: url(../images/zjbj_rwbjbg_20260630.jpg) center bottom no-repeat;margin-bottom: 90px;}
	.pic_list{width: 1200px;margin: 0 auto;border-bottom: 1px solid #ddd;}
	.pic_list .pic_area{float: left;width: 171px;width:240px;height: 770px;position: relative;overflow: hidden;/*margin-left: -1px;border-bottom: 1px solid #ddd;*/}
	.pic_list .picbox1{background-color: #fff;position: relative;width: 100%;/*border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;*/height: 770px;}
	.pic_list .picbox1 h3{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-family: 'SimSun', serif;flex-grow: 1;}
	.pic_list h3 span{width: 30px;line-height: 30px;font-size: 30px;text-align: right;display: block;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
	.pic_list .picbox1 img,.pic_list .picbox2 img{width: 171px;width:240px;height: 770px;}
	.picbox1,.picbox2{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1s ease,transform 1s ease;}
	.picbox1{z-index:1;opacity:1;}
	.picbox2{z-index:0;opacity:0;transform:translateY(100%);}
	.pic_area:hover .picbox1{opacity:0;z-index:0;}
	.pic_area:hover .picbox2{opacity:1;z-index:1;transform:translateY(0);}
	.pic_list .picbox2 .m_txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(171, 51, 39, 0.8);z-index: 2;}
	.pic_list .picbox2 h3{font-family: 'SimSun', serif;color: #fff;width: 30px;margin:0 auto;padding:50px 0;}
	.pic_list .picbox2 h3 a{color: #fff;}
	.pic_list .list{display: flex;justify-content: center;/*align-items: center;*/}
	.pic_list .list li{margin: 0 10px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
	.pic_list .list li span{position:absolute;width:12px;height:12px;border:1px solid #fff;border-radius:50%;transition:all 0.3s ease;transform: translateX(-50%) translateY(-150%);}
	.pic_list .list li span::before{content:'';position:absolute;top:3px;left:3px;width:4px;height:4px;background-color:#fff;border-radius:50%;}
	.pic_list .list li{font-size: 18px;}
	.pic_list .list li a{color: #fff;}
	/*光影北京*/
	.tab_hd{display: flex;justify-content: center;align-items: center;margin-bottom: 40px;}
	.tab_hd li{position: relative;display: inline-block;width: 130px;height: 40px;text-align: center;line-height: 40px;border-radius: 5px;font-size: 20px;color: #282a36;letter-spacing: 0.1em;}
	.tab_hd li.on,.tab_hd li:hover{background-color: #dabb85;color: #fff;}
	.tab_hd li.on a,.tab_hd li:hover a{color: #fff;}
	.tab_hd li.on::after{content: '';position: absolute;left: 50%;bottom: -10px;transform: translateX(-50%);border-width: 10px 10px 0 10px;border-style: solid;border-color: #dabb85 transparent transparent transparent;}
	.tab_cont{margin-left: -20px;display: none;}
	.tab_cont .pic{float: left;margin-left: 20px;margin-bottom: 20px;position: relative;}
	.tab_cont .pic1 img{width: 590px;height: 590px;}
	.tab_cont .pic2 img{width: 285px;height: 285px;}
	.tab_cont .pic p{position: absolute;bottom: 0;left: 0;padding-top: 20px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0));height: 60px;width: 100%;text-align: center;font-size: 18px;}
	.tab_cont .pic p span{font-size: 18px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.m_layout_gybj{margin-bottom:30px;}
/*视频*/
.shipin_box{width: 1200px;margin:0 auto;position: relative;}
.carousel-wrapper {width: 100%;max-width: 1920px;position: relative;padding: 0 0 30px;margin: 0 auto;}
.mySwiper {width: 100%;height: 470px;padding: 0 60px;}
.mySwiper .swiper-wrapper {align-items: center;}
.mySwiper .swiper-slide {width: 580px;height: 320px;box-shadow: 0 25px 50px -12px rgb(0 0 0 / 40%);transition: all 0.25s ease;cursor: pointer;position: relative;flex-shrink: 0;}
.mySwiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;display: block;pointer-events: none;}
.mySwiper .swiper-slide-prev,.mySwiper .swiper-slide-next {clip-path: path('M 0,0 C 200,12 380,12 580,0 L 580,340 C 380,328 200,328 0,340 Z');}
.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{display:none;}
.mySwiper .swiper-slide h3{opacity: 0;}
.mySwiper .swiper-slide-active h3{opacity: 1;font-size: 20px;color: #000;text-align: center;padding-top: 20px;}
.mySwiper .swiper-slide-active h3 a{color: #000;}
.carousel-click-zone {position: absolute;top: 0;bottom: 0;width: 30%;height:470px;z-index: 15;cursor: pointer;}
.click-left { left: 0; }
.click-right { right: 0; }
.noPC,.g-nav-box{display: none;}
@media (max-width: 1023px) {
.g_navbox{display: none;}
.noPC,.g-nav-box{display: block;}
.m_layout_wrap{padding: 0;height: auto;margin-bottom: 0;width: 100%;background:0;}
.m_layout,.m_layout_wrap .m_layout{width:100%;padding: 10px 2%;margin-bottom: 0;height:auto;}
.m_layout_wrap .m_hd,.m_hd{width:100%;margin-bottom:3%;}
.m_hd img{height:1rem;}
.intro_box{font-size:0.7rem;text-align: justify;margin-bottom:5%;}
.pic_slide_piano{width:100%;margin: 0;}
.pic_slide_piano li{margin: 0;width: 10%;height: 18rem;}
.pic_slide_piano div.m_imgCon{width:100%;height: 18rem;}
.pic_slide_piano li.on div.m_imgCon{width:100%;}
.pic_slide_piano li.on{width:70%;}
.pic_slide_piano .hd{height:18rem;}
.pic_slide_piano h3{font-size:0.8rem;width: 100%;height:18rem;left:0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 5% 2% 0;line-height: 0.8rem;border-left: 1px solid #fff;}
.pic_slide_piano li.on h3{width:10%;left:2%;}
.pic_slide_piano li.on .txt_box{width:80%;font-size:0.75rem;padding: 0 5% 0 0;margin: 3% 0 0 20%;}
.pic_slide_piano li.on .txt_box .txt{font-size: 0.75rem;text-align: justify;height: 10.5rem;line-height: 2em;-webkit-line-clamp: 7;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;margin-top: 12%;}
.pic_slide_piano li.on .txt_box .m_source{font-size: 0.65rem;}
.more_news{font-size: 0.65rem;padding-top:3%;}
.more_news a{height: 1.5rem;line-height: 1.5rem;font-size: 0.65rem;}
.swiper_wrap{max-width:inherit;height: auto;padding:5% 0;margin-bottom: 5%;}
.swiper_inner{position: static;width: 96%;margin:0 auto;}
.swiper_wrap .swiper_list{width: 100%;}
.swiper_wrap .swiper_list .swiper-slide{height: auto;}
.swiper_wrap .swiper-button-prev{left:0;}
.swiper_wrap .swiper-button-next{left: auto;right: 0;}
.swiper_wrap .swiper-pagination-progressbar{width:100%;bottom: 0;}
.pic_list{width: 100%;}
.pic_list .pic_area{width:20%;height:auto;}
.pic_list .picbox1{height:auto;}
.pic_list .picbox1 img, .pic_list .picbox2 img{width:100%;height:auto;}
.pic_list h3{display: flex;align-items: center;justify-content: center;}
.pic_list h3 span{width:0.9rem;font-size:0.9rem;}
.m_layout_wrap_rwbj{margin-bottom: 5%;background-size: cover;}
.m_layout_lsbj{padding:0 0 5%;}
.item_list li{width:33.33%;height:8rem;}
.item_list li a{padding:5% 1% 3%;}
.item_list li span{height:3rem;padding-top:0.5rem;}
.item_list li span img{height:1.8rem;}
.item_list li h3{font-size:0.65rem;margin:2% 0;line-height: 1.5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.item_list li .u_txt{font-size:0.6rem;height: 2.7rem;line-height: 1.5em;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;padding: 0 2%;}
.tab_hd{margin-bottom:5%;}
.tab_hd ul{width: 100%;}
.tab_hd li{width: 23%;margin: 0 1%;height: 2rem;font-size: 0.75rem;line-height: 2rem;}
.tab_cont{margin:0;}
.tab_cont .pic1{float:none;}
.tab_cont .pic{margin:1%;}
.tab_cont .pic2{width:48%;}
.tab_cont .pic img{width: 100%;height:auto;}
.tab_cont .pic p{height: 3rem;padding-top: 1rem;}
.tab_cont .pic p span{font-size: 0.75rem;display: block;}
.m_layout_gybj{margin-bottom:5%;}
.carousel-wrapper{max-width:inherit;width:94%;}
.mySwiper{height:auto;padding: 0;}
.carousel-click-zone{height:12rem;display:none;}
.mySwiper .swiper-slide{height:auto;box-shadow:none;}
.mySwiper .swiper-slide-active h3{font-size: 0.75rem;padding-top: 2%;}
.carousel-wrapper .swiper-slide-prev,.carousel-wrapper .swiper-slide-next {clip-path: path('M 0,0 C 160,10 320,10 480,0 L 480,280 C 320,270 160,270 0,280 Z');}
.carousel-wrapper .swiper-button-prev,.carousel-wrapper .swiper-button-next{display:block;color:#c19a63;top:45%;}
.shipin_box{width:100%;}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .item_list li {width: 32%;}
    .pic_slide_piano li {width: 12%;}
    .pic_slide_piano li.on {width: 64%;}
    .pic_slide_piano h3{display: flex;align-items: center;}
}