@charset "utf-8";



@media(min-width:1200px) { 
.container{ width:1200px;}
}

/**/
.ex{width: 100%;margin:0 auto;}

.fsbanner, .fsbanner > div > span { 
	/* obrigatório */
	display:none; 
}
div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
	/* opcional */
	width:100%;
	height:240px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
	border-radius:5px;
   -webkit-text-stroke: 1px black;
}


.fsbanner > div { 
	position:absolute; 
	background-size:auto 100%;
	cursor:pointer;
	top:0px; 
	left:0px;
}
/* 风琴褶 */
.index-solution-box{ margin-top:30px; background:#fafafa;}

/*2020-07-27*/
.city-title{
	padding: 0 5%;
	margin-bottom: 30px;
}
.city-title h3{
	font-size: 36px;
	font-weight: bold;
	margin: 0;
}
.city-title h4{
	font-size: 16px;
	line-height: 1.5em;
	margin: 20px 0 10px;
}
@media (max-width: 992px) {
.city-title h3{
	font-size: 24px;
}
.city-title h4{
	font-size: 14px;
}
}
@media (max-width: 768px) {
.city-title h3{
	font-size: 20px;
}
}
/*城市合伙人-关于*/
.city-about{
	padding: 60px 0;
}
#city-about{
	margin-left:-10px;
	margin-right:-10px;
}
#city-about .item{
	padding: 10px;
}
.zoom-img{
	overflow: hidden;
}
.zoom-img img{
	transition:all .4s;
}
.zoom-img:hover img{
	transform:scale(1.1); 
}
#city-about img{
	width: 100%;
}
#city-about .item:hover img{
	transform:scale(1.1); 
}

#city-about p{
	width: 100%;
	padding: 12px;
	margin: 0;
	font-size: 18px;
	line-height: 1.2em;
	color: #fff;
	background:#21ad42;
	white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
}

#city-about .owl-controls .owl-buttons  {
}
#city-about .owl-controls .owl-buttons div{
	position: absolute;
	z-index: 1;
	top: 50%;
	padding: 0;
	border-radius: 0;
	background: #21ad42;
	transform:translate(0%,-50%);
}
#city-about .owl-controls .owl-buttons .owl-prev{
	left: 10px;
}
#city-about .owl-controls .owl-buttons .owl-next{
	right: 10px;
}
#city-about .banner-l{
	display: block;
	width: 43px;
	height: 43px;
	background: url(img/left.png)
}
#city-about .banner-r{
	display: block;
	width: 43px;
	height: 43px;
	background: url(img/right.png)
}
@media (max-width: 992px) {
#city-about{
	margin-left:0px;
	margin-right:0px;
}	
}
/*城市合伙人-优势*/
#city-advantage{
	padding-top: 10px;
	padding-bottom: 60px;
}
#city-advantage .fsbanner{
	line-height: 1em;
	font-weight: normal;
	height: 430px;
	color: #333;
	-webkit-text-stroke: 0;
}
#city-advantage .fsbanner>div{
	box-sizing: border-box;
	padding:30px 20px;
	background-position: center;
	background-size: cover;
}
#city-advantage h3{
	margin: 0px;
	font-size: 24px;
}
#city-advantage  span{
	display: inline-block;
	font-size: 12px;
}
#city-advantage p{
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	box-sizing: border-box;
	padding: 20px;
	margin: 0px;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	background: rgba(33,173,66,0.6);
	transform:translate(0%,100%);
	transition:all .3s;    
}
#city-advantage .fsbanner div:hover p{
	transform:translate(0%,0%);
	transition:all .3s .3s;    
}


#city-advantage-wap{
	display: none!important;
	padding-top: 10px;
	padding-bottom: 60px;
}
#city-advantage-wap .item{
	text-align: center;
}
#city-advantage-wap .item img{
	display: inline-block;
	max-width: 80%;
	border-radius: 50%;
	margin-bottom: 20px;
}
#city-advantage-wap .item p{
	font-size: 14px;
}
@media (max-width: 992px) {
#city-advantage{
	display: none;
}
#city-advantage-wap{
	display: block!important;
}
}
/*城市合伙人-支持*/
.city-support{
	padding-bottom: 60px;
}
.city-support ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	counter-reset: compteListe;
}
.city-support ul li{
	position: relative;
	z-index: 1;
	width: 49%;
	margin: 1% 0;
	padding: 40px 30px 30px;
	display: flex;
	border: 1px solid #ccc;
	background: #f7faf8;
	overflow: hidden;
	transition:all .4s;    
}
.city-support ul li:before {
	counter-increment: compteListe 1;
	content: "" counter(compteListe);
	position: absolute;
	z-index: 2;
	top: 5px;
	left: 8px;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	transition:all .4s;    
}
.city-support ul li:after {
	content:"";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 82px;
	height: 82px;
	background: #b9c7bc;
	transform:rotate(45deg) translate(-62px,0px);
	transition:all .4s;    
}
.city-support ul li:hover{
	border: 1px solid #21ad42;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.city-support ul li:hover:before {
	counter-increment: compteListe 1;
	content: "" counter(compteListe);
	color: #fff;
}
.city-support ul li:hover:after {
	content:"";
	background: #21ad42;
}
.city-support ul li img{
	width: 60px;
	height: 60px;
}
.city-support ul li>div{
	box-sizing: border-box;
	width:calc(100% - 60px);
	padding-left: 20px;
}
.city-support ul li h4{
	margin: 0px 0px 10px;
	font-size: 22px;
}
.city-support ul li p{
	margin: 0px;
	font-size: 15px;
	line-height: 24px;
}
@media (max-width: 992px) {
.city-support ul li{
	width:100%;
	margin: 1% 0;
}	
}

/*城市合伙人-寻找*/
.city-search{
	box-sizing: border-box;
	padding: 60px 0;
}
.city-search a{
	display: inline-block;
	padding: 0px 35px;
	margin-top: 20px;
	font-size: 22px;
	line-height: 40px;
	color: #fff;
	background: #21ad42;
	transition:all .4s;
}
.city-search a:hover{
	background: #e62129;
}
@media (min-width: 992px) {
.city-search{
	height: 720px;
	background: url(img/img-city4-1.jpg) center;
	background-size: cover;
}
.city-search img{
	display: none;
}
}
@media (max-width: 992px) {
.city-about{
padding: 20px 0;
}


.city-search{
	padding: 0;
	background:none;
	background-size: cover;
}
.city-search img{
	display: block;
	    max-width: 100%;
}
.city-search a{
	font-size: 18px;
	line-height: 36px;
}
}

/*城市合伙人-流程*/
.city-process{
	padding-top: 60px;
	padding-bottom: 60px;
}
#city-process{
	text-align: center;
	counter-reset: compteListe;
}
#city-process{
	padding-top: 10px;
	text-align: center;
	counter-reset: compteListe;
}
#city-process .item{
	position: relative;
	z-index: 1;
}
#city-process .owl-item .item:after{ content:""; display: block;position: absolute;  z-index:-1;top: 75px;left: 50%;width: 100%;height:4px; margin-top: -2px; background-color:#333;}
#city-process .owl-item:last-of-type .item:after{ content:""; display: none;}
#city-process .item>div{
	display: inline-block;
	margin-bottom: 10px;
	border-radius: 50%;
	border: 7px solid #f2fff6;
	overflow: hidden;
}
#city-process .item>div img{
	display: inline-block;
	width: 130px;
	border-radius: 50%;
	border: 2px solid #333;
	overflow: hidden;
}
#city-process .item p{
	position: relative;
	display: inline-block;
	padding-left: 24px;
	font-size: 18px;
}
#city-process .item p:before {
	counter-increment: compteListe 1;
	content: "0" counter(compteListe);
	position: absolute;
	z-index: 2;
	top: -5px;
	left:0px;
	font-size: 18px;
	color: #333;
	transition:all .4s;    
}
@media (max-width:768px) {
#city-process .owl-item .item:after{ content:"";top: 62px;}
#city-process .item>div img{
	width: 110px;
}
#city-process .item p{

	padding-left: 20px;
	font-size: 14px;
}
#city-process .item p:before {
	counter-increment: compteListe 1;
	content: "0" counter(compteListe);
	font-size: 16px;
}
}

/*城市合伙人-留言*/
#city-feedback{
	padding: 60px 0;
	background: url(img/img-city6-1.jpg) center;
	background-size: cover;
}
#city-feedback form{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 30px;
	border-radius: 8px;
	border: 1px solid #999;
	background: #fff;
}
#city-feedback form h3{
	display: block;
	width: 100%;
	margin: 10px 0 30px;
	font-size: 24px;
	font-weight: bold;
	color: #333;
}
#city-feedback form div{
	font-size: 14px;
	padding: 5px;
	margin-bottom: 20px;
	border-radius: 8px;
	border: 1px solid #999;
	overflow: hidden;
}
#city-feedback form div.city-3{
	width: 48%;
}
#city-feedback form div.city-1{
	width: 83%;
}
#city-feedback form div.city-button{
	width: 15%;
	padding: 0;
	border: none;
}

#city-feedback form img{
	display: inline-block;
	width: 30px;
	vertical-align: top;
}

#city-feedback form input{
	display: inline-block;
	width:calc(100% - 40px);
	padding-left: 10px;
	font-size: 14px;
	line-height: 30px;
	border: none;
	outline:none;
	vertical-align: top;
}
#city-feedback form div.city-1{
	border-radius: 8px;
    border: 1px solid #999;
	display: inline-block;
	box-sizing: border-box;
	padding-left: 40px;
	font-size: 14px;
	line-height: 48px;
	height: 50px;
	outline:none;
	vertical-align: top;
	background:url(img/img-city7-4.jpg) no-repeat center left 10px;
}

#city-feedback form div.city-button input#tj2{
	display: inline-block;
	width: 100%;
	font-size: 14px;
	line-height: 42px;
	color: #fff;
	background: #21ad42;
	text-align: center;
	border-radius: 8px;
	transition:all .4s;
}
#city-feedback form div.city-button a:hover{
	background: #e62129;
}


@media (max-width:992px) {
#city-feedback form div.city-3{
	width: 80%;
}
#city-feedback form div.city-1{
	width: 100%;
}
#city-feedback form div.city-button{
	width: 160px;
	padding: 0;
	border: none;
}	
}

@media (max-width:768px) {
#city-feedback form div.city-3{
	width: 100%;
}
}