@charset 'utf-8';/* 新城区便民助企专栏 */
.ban{
	background: url('/template/images/ztzl.files/bmzq/banner1.png') no-repeat top center;
}
.gaos{
	width: 100%;
	height: 640px;
}

.titles {
	text-align: center;
}
.titles img{margin: 40px 0;}
/* 平行四边形导航样式 */
.parallelogram-nav {
    /* display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px; */
    margin: 2% 15%;
}

.parallelogram-item {
	width: 15%;
    list-style: none;
    position: relative;
    transform: skew(-20deg);
    background-color: #0066c6;
    transition: all 0.3s ease;
    overflow: hidden;
	margin: 0 15px;
}

.parallelogram-item a {
    display: block;
    padding: 18px 5px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    transform: skew(20deg);
	font-size: 20px;
}

/* 悬停效果 */
.parallelogram-item:hover {
    transform: skew(-20deg) translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); 
}

/* 激活状态 */
.parallelogram-item.default {
    background-color: #fd6921;
    z-index: 10;
}
.tabs li {text-align: center;}
.zcjd_content .hei-img{height: 260px;overflow: hidden;}
.zcjd_content .hei-img img{
	width: 100%;
	height: 100%;
}
/* 社区信息 */
.sqxx-name a{
	display: inline-block;
	width: 100%;
	text-align: center;
	background: linear-gradient(90deg, #e9f3fe, #f4fbff);
	line-height: 60px;
	color: #0155a3;
    font-size: 18px;
    font-weight: 600;
	border: 1px solid #b7d5f2;
}
.lists > div{
	margin: 0 0 20px 0;
}
.jy-yl-name{
	width: 100%;
	height: 50px;
	background-color:#0058be ;
}
.jy-yl-name a:hover{color: #fff !important;}
.title-a{
	line-height: 50px;
	color: #fff;
	font-size: 22px;
    font-weight: 600;
	padding: 0 20px;
}
.more-a{
	line-height: 50px;
	color: #fff;
	float: right;
	padding: 0 20px;
}
.jy-yl > div{margin: 0 0 40px 0;}
.jy-yl ul{
	background-image: linear-gradient(
	    to bottom,
	    transparent 0%,
	    #feffff 20%,
	    #f7feff 80%
	  );
	border: 1px solid ;
	border-image: linear-gradient(to bottom, 
	  #feffff 0%,   
	  #eaf3fb 50%,   
	  #cde3f7 100%   
	) 1;
}
.ul-list ul li {
	font-size: 16px;
	padding: 12px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ul-list ul li em{
	font-size: 20px;
    color: #ff7e2b;	
}
.ul-list ul li span{
	float: right;
	padding: 5px 0 0px 10px;
}
.ggqy a span{
	display: inline-block;
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 50px;
    left: 50px;
}
.ggqy .ylws{left: 28px !important;}
.ggqy a img{width: 100%;}
.ggqy >div{margin: 0 0 30px 0;}
.gysy .tab li{
	position: relative;
    line-height: 80px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(2deg, #0066c6, #005dc0);
}
.gysy .tab li a{color: #fff;}
.tab .default {background: #faa40e !important;z-index: 10;}
#tab ul{
	background-image: linear-gradient(
	    to right,
	    transparent 0%,
	    #feffff 20%,
	    #f7feff 80%
	  );
	border: 1px solid ;
	border-image: linear-gradient(to right, 
	  #feffff 0%,   
	  #eaf3fb 50%,   
	  #cde3f7 100%   
	) 1;
}
.ylbz > div{
	margin: 30px 0;
}
.ylbz img{width: 100%;}

/* 社区二级页面 */
.com{
	background: url('/template/images/ztzl.files/bmzq/banner-sq.png') no-repeat top center;
}
.sqName{
	font-size: 70px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	padding: 175px 0;
}
.sqCom{
	background: url('/template/images/ztzl.files/bmzq/sqjj-ban.png') no-repeat top center;
}
.sq-bac{
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.sqfw-name{
	text-align: center;
	font-size: 50px;
	padding: 40px 0;
}
.sqfw-tol{
	font-size: 20px;
	font-weight: 600;
	padding: 10px 40px;
}
.sqfw-title div{
    margin: 15px 30px;
    width: 80%;
    font-size: 22px;
    color: #3b62d2;
    padding: 15px 0;
    text-align: center;
    font-weight: 600;
    background: #e9f5ff;
	border:1px solid #cbdcf1;
	cursor: pointer;
}
.sqlist{margin: 0 0 60px 0;}
.yq{text-align: center;margin-top: -25px;z-index: 99;}
.sqfw-title .default {
    background: #fd6921 !important;
    color: #fff;
}
.sqtitle div{
	width: 100%;
	text-align: center;
	font-size: 36px;
	padding: 60px 0;
}
.sqtitle div::after{
	 content: "";
	  position: absolute;
	  left: 60px;
	  right: 0;
	  top: 50%; /* 定位到垂直中线 */
	  height: 0.5px;
	  width: 91%;
	  background: #becbf4; /* 水平中线 */
	  transform: translateY(-50%); /* 精准对齐 */
}
.sqtitle div span{
	color: #fd6921;
	background: #fff;
	position: relative;
	z-index: 99;
	padding: 0 15px;
}
.sqjj-com{
    width: 92%;
    margin-left: 4%;
    background: #f3faff;
    border-radius: 10px;
	border: 1px solid #becbf4;
	font-size: 18px;
	line-height: 35px;
}
.sqnr{
	padding: 45px 36px;
}
.ryxx{
	padding: 5px;
}
.sqjj{margin: -30px 0 40px 0;}
.jj{padding: 0 0 50px 0;}
.pho{height: 230px;}
.pho img{width: 100%;height: 100%;}
.tnm{
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 5px;
	padding: 0 20px;
}
.nr ul li{
    padding: 3px 0;
    background: #fff;
    margin: 12px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.txt{font-size: 18px;}
.ldxx-list{margin: 30px 0;}
.content-list{display: none;}
.active{display: block;}
.sydj .sydjlist{margin: 0 0 30px 0;}

@media all and (max-width: 767px){
	.yq img{width: 100%;}
	.ban{
		background: url('/template/images/ztzl.files/bmzq/banner1.png') no-repeat top center;
		background-size: 100%;
	}
	.com{
		background: url('/template/images/ztzl.files/bmzq/banner-sq.png') no-repeat top center;
		background-size: 100%;
	}
	.sqCom{
		background: url('/template/images/ztzl.files/bmzq/sqjj-ban.png') no-repeat top center;
		background-size: 100%;
	}
	.titles img{width: 100%;}
	.gaos {
	    width: 100%;
	    height: 135px;
	}
	.sqName {
	    font-size: 24px;
	    padding: 40px 0;
	}
	.sq-bac {
	    border-radius: 0px;
	}
	.sqtitle div::after {
	    left: 0px;
	    width: 100%;
	}
	.sqlist {
	    margin: 0;
	}
	.sqfw-name {
	    font-size: 30px;
	}
	.yq {
	    margin-top: -10px;
	}
	.sqjj {
	    margin: -15px 0 40px 0;
	}
	.pho {
		text-align: center;
	    height: 100%;
	}
	.tnm,.txt {
	    font-size: 14px;
	}
	.nr ul li {
	    margin: 5px 0;
	}
	.pho img {
	    width: 50%;
	}
	.sqfw-title div{
		margin: 10px 0px;
		width: 100%;
	    font-size: 16px;
	}
	
	.sydj .sydjlist{margin: 0;}
}