.site_banner .wrap_index{position: relative;}
.site_banner .wrap_index .wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.banner_con{width: 54%; color: #fff; }
.banner_con h1{margin-bottom: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.banner_con p{line-height:1.5em;max-height: 7.5em;overflow: hidden;text-indent: 2em;}

.xintro1{padding: 70px; background-position: center center; background-size: cover; background-repeat: no-repeat;color: #414141; margin-bottom: 50px;}
.xintro1 h1{margin-bottom: 10px;}
.xintro1 p{ line-height: 24px;}

.xintro2 ul{margin: 0 -10px;}
.xintro2 ul li{width: 33.333333%; float: left; padding: 0 10px; box-sizing: border-box;}
.xintro2_img img{width: 100%;}
.xintro2_con{padding: 20px 30px; color: #414141;}
.xintro2_con a{color: #414141;}
.xintro2_tit{border-bottom: #da2219 solid 1px; padding-bottom: 15px; margin-bottom: 15px;}
.xintro2_tit h1{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.xintro2_con p{text-align: justify; line-height: 24px; height: 72px; overflow: hidden; color:#414141;}

.honor{ overflow: hidden; }
.honor *{box-sizing: border-box;}
.honor_l{float: left; width: 77.8%; position: relative; }
.honor_l_img_wrap{position: relative;  width: 72.7%; margin: auto;}
.honor_l img{width: 100%;}
/*.style_l i{display: block; width: 100%; height: 100%;  position: absolute;top: 0;left: 0;}*/
.honor_l_info{position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; line-height: 1.1em; padding: 160px 20px 25px;
background: url(../images/honor_l_zz.png) no-repeat; background-size: 100% 100%; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.honor_l_btn{position: absolute; width: 27px; height: 49px; cursor: pointer; top: 50%;  transform: translate(0,-50%);-webkit-transform: translate(0,-50%); background-size: 100% 100%;}
.honor_l_l{left: 6%; background-image: url(../images/honor_l_l_on.png);}
.honor_l_l.disabled{background-image: url(../images/honor_l_l.png); cursor: default;}
.honor_l_r{right: 6%;background-image: url(../images/honor_l_r_on.png);}
.honor_l_r.disabled{background-image: url(../images/honor_l_r.png); cursor: default;}

.honor_r{float: left; width: 22.2%; position: relative; padding: 30px 15px 66px;border:#e44840 solid 2px;}

.honor_r .swiper-slide{}
.honor_pad{width: 50%;  float: left; padding: 0 5px; margin-bottom: 20px;}
.honor_r_wrap{ position: relative; cursor: pointer}
.honor_r_wrap:before{
	position: absolute;
	content:"";
	width:100%;
	height:100%;
	box-sizing: border-box;
	left:0;
	top:0;
	border: #da2219 solid 2px;
	display: none;
}
.honor_r_wrap.on:before{
	display: block;
}
.swiper-slide .honor_r_wrap:nth-child(2n+1){clear: both;}
.honor_r_wrap img{width: 100%;}

.honor_r .swiper-button-next,.honor_r .swiper-button-prev{width: 36px; height: 36px; opacity: 1; background-position: center center; background-repeat: no-repeat; bottom: 30px; left: 50%; top:auto; background-size: 100% 100%;}
.honor_r .swiper-button-next{ background-image: url(../images/honor_r_r_on.png) !important; margin-left: 5px;}
.honor_r .swiper-button-prev{ background-image: url(../images/honor_r_l_on.png) !important; margin-left: -41px;}

.honor_r .swiper-button-next.swiper-button-disabled,.style_r .swiper-button-prev.swiper-button-disabled{
	border-color: #dcdcdc; background: #fff;background-position: center center; background-repeat: no-repeat; 
}
.honor_r .swiper-button-next.swiper-button-disabled{background-image: url(../images/honor_r_r.png) !important;}
.honor_r .swiper-button-prev.swiper-button-disabled{background-image: url(../images/honor_r_l.png) !important;}

/*城市功能开发板块*/
.ufdp1{position: relative;}
.ufdp1 > img{width: 100%;}
.ufdp1_wrap{position: absolute; width: 36%; right: 14%; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); color: #fff; box-sizing: border-box;}
.ufdp1_wrap h1{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px;}
.ufdp1_wrap h1 a{color: #fff;}
.ufdp1_wrap p{line-height: 24px; max-height: 120px; overflow: hidden; margin-bottom: 25px; text-align: justify;text-indent: 2em;}
.ufdp1_wrap ul{margin: 0 -0.5px; overflow: hidden; margin-bottom: 50px;}
.ufdp1_wrap ul li{width: 33.333333%; float: left; padding: 0 0.5px; box-sizing: border-box;}
.ufdp1_wrap ul li img{width: 100%;}
.ufdp2 .ufdp1_wrap{left: 14%; right:auto;}

/*项目介绍页*/
.project1{color: #fff; padding: 7.6% 9%;background-size: cover; background-repeat: no-repeat; margin-bottom: 50px;position: relative;}
.project1::before{position: absolute;
	content:"";
	width:100%;
	height:100%;
	left:0;
	top:0; background: rgba(0,0,0,0.3);
}

.project1 h1{ margin-bottom: 20px; position: relative;  z-index: 1;}
.project1_con{ position: relative;  z-index: 1;}
.project1_con p{line-height: 24px;}
.project2{padding: 3.5% 7.5%;}
.project3{overflow: hidden;}
.project3 *{box-sizing: border-box;}
.project3 ul{margin: -15px; overflow: hidden; }
.project3 ul li{width: 50%; float: left; padding: 15px;}
.project3 ul li a{ display: block; overflow: hidden;}
.project3 ul li a img{width: 100%;}

@media only screen and (max-width:1024px) {
	.banner_con{width: 100%;}
	.xintro1{padding: 40px;}
	.xintro2_con{padding: 20px 10px;}
	.honor_r{padding:20px 15px 56px;}
	.honor_r .swiper-button-next, .honor_r .swiper-button-prev{bottom: 20px;}
	.honor_pad{margin-bottom: 16.5px;}
	
	/*城市功能开发板块*/
	.ufdp1_wrap h1{margin-bottom: 10px;}
	.ufdp1_wrap p{margin-bottom: 15px;}
	.ufdp1_wrap ul{margin-bottom: 30px;}
}
@media only screen and (max-width:1023px) {
	.xintro1{margin-bottom: 30px;}
	.project1{margin-bottom: 20px; padding: 30px;}
	.project3 ul{margin: -10px;}
	.project3 ul li{padding: 10px;}
}

@media only screen and (max-width:768px) {
	.xintro1{padding: 30px; margin-bottom: 20px;}
	.xintro2_con{padding: 15px;}
	.honor_r{padding:20px 10px 56px;}
	.honor_pad{margin-bottom: 8.3px;}
}
@media only screen and (max-width:767px) {
	.xintro_tab li{width: 33.333333% !important; margin-bottom: 10px;} 
	.xintro_tab li a{ border: 1px solid #a5a5a5;}
	.xintro_tab li.on a{ border: 1px solid #da2219;}
	.site_banner .wrap_index .wrap{position: static;transform: translate(0,0);-webkit-transform: translate(0,0); margin-top: 20px;}
	.banner_con p{max-height: inherit;}
	.banner_con{color:#414141;}
	.xintro1{padding: 20px;}
	.xintro2 ul li{width: 100%;}
	.honor_l{width: 100%;}
	.honor_r{width: 100%; display: none;}
	.honor_l_l{left: 10px;}
	.honor_l_info{    padding: 80px 20px 15px;}
	.honor_l_r{right: 10px;}
	
	/*城市功能开发板块*/
	.ufdp1_wrap{width: 100%; position: static; transform: translate(0,0);-webkit-transform: translate(0,0); background: rgba(0,0,0,0.7); padding: 20px;}
	.ufdp1_wrap ul{margin-bottom: 15px;}
	.project3 ul{margin: -6px;}
	.project3 ul li{padding: 3px;}
}
@media only screen and (max-width:400px) {
	.xintro_tab li{width: 50% !important;} 
}



/*城市功能开发板块*/

.service_cont .social_cont li{margin-bottom: 0; background: #fff;}
.service_cont .social_p{max-height: 15em;height: auto;overflow:hidden;}
.service_cont .social_p p{text-indent: 2em;}
.service_cont .social_boxin{padding: 0 65px;}

@media only screen and (max-width:1280px) {
.service_cont .social_p{max-height: 10.5em;}
.service_cont .social_boxin{padding: 0 40px;}
}
@media only screen and (max-width:1024px) {
.service_cont .social_p{max-height: 9em;}
.service_cont .social_boxin{padding: 0 20px;}
}
@media only screen and (max-width:768px) {
.service_cont .social_boxin{padding: 20px;}
.service_cont .social_p{max-height: 6em;}
}
@media only screen and (max-width:420px) {
.service_cont .social_boxin{padding: 20px 10px;}
}

.blank_5{position: absolute;background: rgba(0,0,0,0.2); width: 100%; height: 100%;top:0;left: 0; display: none;}
.ufdp1_wrap{padding: 20px;    background: rgba(0,0,0,0.4);}
@media only screen and (max-width:767px) {
.blank_5{display: none;}
.ufdp1_wrap{    background: rgba(0,0,0,0.4);}
}