/* CSS Document */
#branch{
	position: relative;
}

#voice{
	padding:60px 0;
}
.customvoice{
	padding-right:28.5px;
}
.menews{
	padding-left:28.5px;
}
.litthumb .media-left img{
	width:150px;
	height: 100px;
}
.litthumb .media h4{
	font-size:18px;
	color:#333;
	margin-bottom:10px;
}
.newsdynic ul{
	margin-top:10px;
}
.newsdynic ul li a{
	font-size:#666;
	font-size:14px;
}
.newsdynic ul li{
	line-height: 25px;
}
.newsdynic ul li span{
	float: right;
	font-size:12px;
	color:#999;
}
.litthumb .media p{
	font-size:14px;
	color:#666;
	line-height: 25px;
}
/*h3.voice{
	font-size:28px;
	color:#000;
	padding-left:16px;
}
h3.voice span{
	font-size:21px;
}
h3.voice i{
	float: right;
}
 a.ico_plus{
	float: right
}*/
.litthumb{
	padding:25px 0;
	border-top:1px dashed #cacaca;
	border-bottom:1px dashed #cacaca;
}

.newsMain{
	padding-top:50px;
}
.newsMain a{
	margin:0px auto;
	display: block;
	max-width:276px;
}
.newsMain .newslist:nth-child(4) a{
	padding-right:0;
}
.newsgroup dl dt{
	margin-bottom:15px;
	max-height: 185px;
	position: relative;
	overflow: hidden;
}
.newsgroup dl dt i{
	position: absolute;
	left:50%;
	top:50%;
	color:#fff;
	width:40px;
	height: 40px;
	margin-top:-20px;
	margin-left:-20px;
}
.newsgroup dl dd{
	font-size:15px;
	margin-bottom:10px;
}
.newsgroup .timer{
	font-size:14px;
	color:#999999;
}
#News{
	padding:60px 0;
}
#News h4{
	text-transform: uppercase;
	color:rgba(51,51,51,0.2);
	font-size:21px;
	text-align: center;
	margin-bottom:10px;
}
#News h3{
	font-size:32px;
	text-align: center;
}
#News h3::after{
	position: absolute;
	content:"";
	width:56px;
	height: 3px;
	background:#81ad3a;
	bottom:-14px;
	left:50%;
	margin-left:-28px;
	border-radius: 5px;
}
.tabs{
	position: relative;
}
.tabs i{
	position: relative;
	right:0;
	top:0;
	width:28px;
	height: 28px;
}
a#moreshow{
	width:28px;
	height: 28px;
	position: absolute;
	right: 0;
	bottom:10px;
}
.tabs a{
	display: block;
	padding:3px 0px;
	text-align: center;
	font-size:16px;
	margin-bottom:10px;
}
.tabs a.active{
	background:#7db03c;
	
	border-radius:20px;
	color:#fff;
}
#services{
	padding:50px 0;
}
.services .s a{
	display: block;
	width:100%;
	height: 100%;
	border-radius: 50%;
}
.services .s a dl dt{
	margin-bottom:10px;
	padding-top:27px;
}
.services .s{
	float:left;
	width:157px;
	height: 157px;
	border-radius: 50%;
	border:1px solid #dfded3;
	text-align: center;
	margin-right:11px;
}

.services .s:nth-child(7){
	margin-right: 0;
}
#icos_1{
	float:right;
}
#icos_2{
	float:left;
}
#branch{
	background:#fff8dc;
}
.branchInfo{
	padding-top:32%;
}
.branchInfo h2{
	font-size:64px;
	color:#7db03c;
	margin-bottom:25px;
}
.branchInfo .b_en{
	font-size:22px;
	color:rgba(51,51,51,0.2);
	text-transform: uppercase;
	margin-bottom:10px;
}
.branchInfo .b_info{
	font-size:20px;
	color:#000;
	line-height: 33px;
	margin-bottom:30px;
}
.branchInfo .b_exploer{
	font-size:18px;
	color:#666;
	line-height: 30px;
}

@media (max-width: 768px) {
	.customvoice{
		padding-right:0;
	}
	.menews{
		padding-left:0;
		margin-top:20px;
	}
	.newsMain a{
		margin:0px auto;
		max-width:90%;
	}
	.branchInfo{
		text-align: center;
		padding-top:10%;
	}
	.branchInfo h2{
		font-size:3rem;
		margin-bottom:10px;
	}
	.branchInfo .b_en{
		font-size:1.5rem;
		margin-bottom:8px;
	}
	#services{
		padding:10px 0;
	}
	.branchInfo .b_info{
		font-size:2rem;
		margin-bottom:10px;
	}
	.branchInfo .b_exploer{
		font-size:1.5rem;
		margin-bottom:10px;
	}
	.services .s a dl dt{
		padding-top:0;
		margin-bottom:5px;
		height: 35px;
	}
	.services .s a dl{
		padding-top:10px;
	}
	.services .s{
		width:85px;
		height: 85px;
		margin:0px auto;
		float:none;
	}
	.services .s a{
		font-size:1rem;
		margin:0px auto;
	}
	.services .s a dl dt img{
		width:auto;
		height: 100%;
	}
}