.w1200 {
	width: 100%;
	max-width: 1340px;
	min-width: 320px;
	margin: 0 auto;
	padding: 0 70px;
	
}
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{
	clear:both; 
	display:block; 
	height:0; 
	visibility:hidden; 
	line-height:0; 
	content:'\20';
}
.service{ padding: 35px 0 30px;}

.service-ul{ margin-top: 35px; background: #f4f4f4;}
.service-ul li .img{ float: left; width: 50%;}
.service-ul li .text{ float: right; width: 50%; padding:40px 50px;}
.service-ul li:nth-child(2n) .img{ float: right; }
.service-ul li:nth-child(2n) .text{ float:left; }
.service-ul li .text .tit{ padding-bottom: 35px; position:relative; font-size: 30px; color: #333333;}
.service-ul li .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 30px; height:4px; background: #3864bc;}
.service-ul li .text .des{ margin-top: 30px;}
.service-ul li .text .des p{ margin-bottom: 15px; line-height: 24px; background:url(../image/ico_right.png) no-repeat left 2px; padding-left: 35px;}
.service-ul li .text .des p span{ font-size: 16px; color: #333333;}





.app {
	text-align: center;
}
.app > h3 {
	color: rgb(51, 51, 51); font-size: 30px; margin-top: 70px; margin-bottom: 10px;
}
.app .col-md-3 {
	margin: 40px 0px 70px; height: 130px;
}
.app .case {
	margin: 40px 0px 70px; height: 130px;
}
.app .col-md-3 > img {
	max-height: 100%; max-width: 100%;
}
.app .case > img {
	max-height: 100%; max-width: 100%;
}
.servic {
	position: relative;
}
.ys {
	right: 0px; bottom: 0px; position: absolute; max-height: 100%; max-width: 100%;
}

.servic {
	text-align: center; overflow: hidden; background-color: rgb(249, 249, 249);
}
.servic .container {
	width: 100%;
}
.servic > h3 {
	color: rgb(51, 51, 51); padding-top: 70px; font-size: 30px; margin-bottom: 10px; position: relative;
}
.liner {
	margin-bottom: 40px;
}
.servic .col-md-4 {
	height: 120px; text-align: center; color: rgb(51, 51, 51); line-height: 1.7; font-size: 20px; font-weight: bold; position: relative;
}
.serviceParticulars {
	text-align: center;
}
.serviceParticulars > h3 {
	color: rgb(51, 51, 51); font-size: 30px; margin-top: 70px; margin-bottom: 10px;
}
.serviceParticulars > img {
	margin-bottom: 70px;
}
.serviceParticulars .col-md-12 {
	border: 1px solid rgb(220, 220, 220); border-image: none; text-align: left; padding-right: 100px; padding-left: 100px; margin-bottom: 20px; position: relative;
}
.serviceParticulars .col-md-12 > span {
	top: -100px; position: absolute;
}
.serviceParticulars .col-md-12:hover {
	box-shadow: 0px 0px 13px 2px #dcdcdc;
}
.serviceParticulars .col-md-12 > h5 {
	color: rgb(102, 102, 102); font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 20px;
}
.serviceParticulars .col-md-12 > div {
	background: rgb(0, 161, 233); width: 50px; height: 3px; margin-bottom: 20px;
}
.serviceParticulars .col-md-12 > p {
	color: rgb(102, 102, 102); line-height: 1.7; font-size: 16px; margin-bottom: 30px;
}
.serviceParticulars .col-md-12 > h6 {
	color: rgb(102, 102, 102); font-size: 20px; margin-top: 40px;
}
@media all and (min-width:1200px)
{
.servic .container {
	width: 950px;
}
}
@media all and (min-width:992px)
{
.servic .container {
	width: 970px;
}
}
@media all and (min-width:768px)
{
.servic .container {
	width: 750px;
}
.servic .container {
	padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;
}
}
@media (max-width:999px) {
	/* ========== */
	/* = SERVICE = */
	/* ========== */
	.service-tit{ font-size: 0.5rem; font-weight: bold;}
	.service-ico li span{ font-size: 0.4rem;}
	.service-ul { margin-top:1rem;}
	.service-ul li .img{ width: 100%;}
	.service-ul li .text{ width: 100%; padding: 0.7rem 0.4rem;}
	.service-ul li .text .tit{ font-size:0.5rem; font-weight: bold;}
	
	
	/* ========== */
	/* = QUESTION= */
	/* ========== */
	.w1200 {
		padding: 0 15px;
	}
	
}