@charset "utf-8";
/* CSS Document */


#breadcrumbs{
	top:20px;
}
.content{
	margin: 0 auto;
}
.content .box{
	border:#FFF 3px solid;
	position: relative;
	background:url(../images/service/bg.jpg) repeat;
}
.content .box:before{
	content:'';
	position: absolute;
	left:0px;
	right:0px;
	bottom:-17px;
	height:14px;
	background:url(../images/service/s.png) center bottom no-repeat;
}
.content img{
	max-width:100%;
	height:auto !important;
}
.content .photo{
	width: 55%;
	float:left;
}
.content .info{
	width: 45%;
	padding:30px 20px 0 20px;
	float:left;
}
.content .info .title{
	font-size: 30px;
	font-weight: bold;
	color:#FFF;
	line-height:1;
	font-family: "Times New Roman", Times, seri;
	border-bottom:#FFF 1px solid;
	padding-bottom:15px;
	margin-bottom:20px;
}
.content .info .title span{
	color:#F9F414;
}
.content .info li{
	list-style:none;
	font-size: 17px;
	color:#FFF;
	padding:0px 10px 0 40px;
	line-height:1.3;
	border-bottom:#BBBBBB 1px solid;
	position: relative;
	line-height: 35px;
}
.content .info li:before{
	content: '12';
	position: absolute;
	text-align: right;
	top: 0;
	bottom: 0;
	left: 0;
	display:inline-block;
	font-size: 30px;
	font-weight: bold;
	color:rgba(255,255,255,0.3);
	padding-right:5px;
	width: 30px;
}
.content .info li:nth-child(1):before{
	content: '1';
}
.content .info li:nth-child(2):before{
	content: '2';
}
.content .info li:nth-child(3):before{
	content: '3';
}
.content .info li:nth-child(4):before{
	content: '4';
}
.content .info li:nth-child(5):before{
	content: '5';
}
.content .info li:nth-child(6):before{
	content: '6';
}
.content .info li:nth-child(7):before{
	content: '7';
}
.content .info li:nth-child(8):before{
	content: '8';
}
.content .info li:nth-child(9):before{
	content: '9';
}
.content .info li:nth-child(10):before{
	content: '10';
}
.content .info li:nth-child(11):before{
	content: '11';
}
.content .info li:nth-child(12):before{
	content: '12';
}
.content .info li:nth-child(13):before{
	content: '13';
}
.content .info li:nth-child(14):before{
	content: '14';
}
.content .info li:nth-child(15):before{
	content: '15';
}
.content .info li:nth-child(16):before{
	content: '16';
}
.content .info li:nth-child(17):before{
	content: '17';
}
.content .info li:nth-child(18):before{
	content: '18';
}
.content .info li:nth-child(19):before{
	content: '19';
}
.content .info li:nth-child(20):before{
	content: '20';
}
@media (max-width: 1060px) {
.content .box{
	max-width:605px;
	margin:0 auto;
}
.content .photo{
	width: 100%;
	float: none;
}
.content .info{
	width: 100%;
	float: none;
	padding-bottom:20px;
}
}
@media (max-width: 510px) {
.content .info li span{
	width:100%;
}
.content .info li span.no{
	width:45px;
}
}