/* anli Styles */

#anli, .anli, .jszx-main {
	width: 100%;
	height: auto;
	/*
	background:#FFF;
	*/
	color:#000;
	margin:0;
	font-size:14px;
	text-align: center;
}

/* Tabs */

.anli .tabs {
	height: 41px;
	margin: 0 auto;
	/*border-bottom: 1px solid #e32121;*/
}
.anli .tabs li {
	float: left;
	width: 120px;
	height: 40px;
	line-height: 25px;
	margin: 0px 1px 10px 1px;
	padding: 6px;
	font-size: 16px;
	text-align: center;
	color: #323232;
	cursor: pointer;
	overflow:hidden;
	border: 1px solid #f2f2f2;
}
.anli .tabs li.curr,
.anli .tabs li.curr a,
.anli .tabs li.curr a:hover{
	background-color: #e32121;
	color: #fff;
}
.anli .tab-code {
		width: 100%;
		height: auto;
		/*overflow: auto;
		height:270px;
		overflow: hidden;*/
}
/*
.anli .tab-code img {
		width: 50%;
}
*/

.left{float:left;}
.right{float:right;}

/* Content Panels */
#anli .ui-tabs-panel {
	clear:both;
	height:230px;
	color:#000;
	/*padding:15px 50% 0px 0px;
	background-color:rgba(0,0,0,0.5);*/
}

.tab-info{
	display: block;
	width: 100%;
	height: 100%;
	/*background-color:rgba(255,255,255,0.8);*/
}
#anli .ui-tabs-hide {
	display:none;
}


/*案例*/

.anli li{
  display: inline-block;
  padding: 5px;
  text-align: center;
  line-height: 28px;
}

.anli li .item{
	margin: 5px;
	padding: 5px;
	border: 1px solid #ccc;
	overflow: hidden;
}

.anli li img{
	width: 120px;
  height: 120px;
	padding: 8px;
	border: 1px solid #eee;
	border-radius: 50%;
	overflow: hidden;
}

.anli .title {
	font-size: 16px;
	font-weight: bold;
	background: #eee;
	color: #666;
}


.anli li:hover .item{
	background: #f0f0f0;
	border: 1px solid #002e5b;
	color: #002e5b;
}
.anli li:hover .title {
	background: #002e5b;
	color: #fff;
}

.anli .description {
	display: block;
	text-align: left;
}

.anli .more {
	font-weight: bold;
}

/* 业绩展示*/
.yjzs{
	background: url(/uploadfile/201801/28a3a5936b.jpg) no-repeat;
	padding: 20px;
}

.jszx-main .tabs {
	display:inline-block;
	height: 41px;
	margin: 0 auto;
}
.jszx-main .tabs li {
	width: 120px;
	height: 40px;
	line-height: 25px;
	padding-top: 6px;
	font-size: 16px;
	text-align: center;
	color: #333;
	cursor: pointer;
	overflow:hidden;
	border: 1px solid #002e5b;
	/*border-radius: 8px;*/
}
.jszx-main .tabs li.curr,
.jszx-main .tabs li.curr a,
.jszx-main .tabs li.curr a:hover{
	background-color: #002e5b;
	color: #fff;
}

.jszx-main li{
  display: inline-block;
  padding: 5px;
  text-align: center;
  line-height: 36px;
	margin: 0 auto;
  margin-bottom: 32px;
}

.jszx-main li img{
  height: 220px !important;
}

.jszx-main li .item{
	margin: 5px;
	padding: 5px;
	border: 1px solid #eee;
	height: 376px;
	overflow: hidden;
}

.jszx-main li:hover .item{
	background: #f0f0f0;
	border: 1px solid #002e5b;
	color: #002e5b;
}

.jszx-main li:hover .title {
	background: #002e5b;
	color: #fff;
}

/**/

@media (max-width: 768px){
	.anli li{
		width: 100%;
		overflow: hidden;
	}
	.anli li img {
		width: 120px;
    height: 120px;
	}
	.anli li .item {
		height: 200px;
	}
	.jszx-main li{
		width: 50%;
		height: 216px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.jszx-main li .tl{
		display: none;
	}
	.jszx-main li img {
		width: 100%;
    height: 120px !important;
	}
	.jszx-main li .item {
		height: auto;
	}

}