/*in.css*/
body{
	background: #f3f5f7;
}
.main{
	position: relative;
	top: -50px;
	min-height: 500px;
}
.inbanner{
	height: 282px;
	width: 100%;
}
	.inbanner.i-serv{ background: url(../images/inbanner/serv.jpg) center center no-repeat; }
	.inbanner.i-about{ background: url(../images/inbanner/about.jpg) center center no-repeat; }
	.inbanner.i-contact{ background: url(../images/inbanner/contact.jpg) center center no-repeat; }
	.inbanner.i-case{ background: url(../images/inbanner/case.jpg) center center no-repeat; }
	.inbanner.i-news{ background: url(../images/inbanner/news.jpg) center center no-repeat; }
/* 服务项目页面 */
.main-c{
	margin-top: 30px;
}
.main-c .white-b{
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	border-radius: 4px;
	overflow: hidden;
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
}
.main-c .white-b:hover{
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
}
.main-c .lside{
	width: 224px;
	height: auto;
}
.typeul{
	width: 100%;
}
	.stype{
		width: 100%;
		padding: 10px;
		height: auto;
		position: relative;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		color: #666;
		border-top: 1px solid #ddd;
	}
	.stype .name{
		font-size: 15px;
		padding-left: 26px;
		background-position: -340px -20px;
		height: 20px;
		line-height: 20px;
	}
	.stype .name:hover{
		color: #f86c00;
	}
	.stype.on{
		color: #fff;
		border-top: 0;
	}
	.stype.on.stype-a{ background-image: url(../images/in/stype-a.jpg); }
	.stype.on .name{
		background-position: -340px -40px;
	}
		.stype .slist{
			display: none;
			width: 100%;
			margin-top: 20px;
		}
		.stype.on .slist{
			display: block;
		}
			.stype .slist li{
				position: relative;
				width: 100%;
				padding-left: 16%;
			}
				.stype .slist li a{
					width: 100%;
					height: 38px;
					line-height: 38px;
					color: #fff;
					font-size: 14px;
				}
				.stype .slist li.on a{
					color: #f86c00;
				}
				.stype .slist li a:hover{
					color: #f86c00;
				}
				.stype .slist li.on:before{
					display: block;
					content:'';
					width: 10px;
					height: 10px;
					position: absolute;
					left: 10px;
					top: 50%;
					margin-top: -5px;
					background: url(../images/icon.png) no-repeat -358px 0;
				}
			.stype .deco{
				display: none;
				width: 86%;
				margin: 10px auto;
				height: 1px;
				background: #fff;
				opacity: .4;
			}
				.stype.on .deco{
					display: block;
				}
			.stype .info{
				width: 90%;
				margin: 10px auto;
				color: #999;
				font-size: 12px;
				line-height: 20px;
			}
			.stype.on .info{
				color: #fff;
			}
/* 服务详情 */
.serv-detail{
	min-height: 500px;
	padding: 20px;
}
	.serv-detail .serv-title{
		width: 100%;
		font-size: 20px;
		color: #333;
		font-weight: bold;
		line-height: 50px;
		border-bottom: 1px solid #bbb;
		text-align: center;
		padding: 20px 0;
	}
	.serv-detail .content {
		border-bottom: 1px solid #ddd;
		margin-bottom: 20px;
		padding: 10px;
        font-size:13px;
        line-height:26px;
	}
/* 分栏页面 */
.main-c .rside{
	width: 960px;
	height: auto;
	/*! overflow: hidden; */
	min-height: 500px;
}
.main-c .rside .head{
	width: 100%;
	height: 34px;
	font-size: 12px;
	line-height: 34px;
}
	.main-c .rside .head .name{
		position: relative;
		width: auto;
		height: 36px;
		background: #f86c00;
		border-bottom: 2px solid #682d00;
		padding: 0 14px;
		font-size: 16px;
		color: #fff;
		line-height: 32px;
	}
	.main-c .rside .head .name:after{
		content:'';
		position: absolute;
		top: 0;
		right: -20px;
		width: 20px;
		height: 36px;
		background: url(../images/icon.png) no-repeat -340px -60px;
	}
.sb-list{
	width: 976px;
}
	.sb-list .b{
		float: left;
		width: 228px;
		height: 228px;
		background: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		border-radius: 4px;
		margin-right: 16px;
		margin-bottom: 16px;
	}
		.sb-list .b .img{
			width: 100%;
			height: 174px;
			overflow:hidden;
			background-position: center center;
			background-size: 100% 100%;
			background-repeat: no-repeat;
		}
		.sb-list .b:hover .img{
			background-size: 107% 107%;
		}
		.sb-list .b .s-name{
			padding: 0 14px;
			width: 100%;
			height: 54px;
			line-height: 54px;
			background: #fff;
			color: #333;
			font-size: 14px;
			text-align: center;
		}
		.sb-list .b:hover .s-name{
			color: #fff;
			background: #f86c00;
		}
.rb{
	width: 100%;
}
.rb .rb-title{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #2b1302;
}
.rb .rb-body{
	
}
.rb .rb-body .txt-ul{
	width: 100%;
}
.rb .rb-body .txt-ul li{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #ddd;
	font-size: 15px;
	text-align: center;
	color: #333;
}
	.rb .rb-body .txt-ul li a{
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 16px;
	}
		.rb .rb-body .txt-ul li.now a{
			color: #f86c00;
		}
		.rb .rb-body .txt-ul li a:hover{
			background: #f86c00;
			color: #fff;
		}
.rb img.sm-banner{
	display: block;
	width: 100%;
	height: auto;
}
/* 新闻列表 */
/* ================= news_list ==============*/
.news_list_b{
	width: 100%;
	height: 288px;
	padding-bottom: 19px;
	margin-bottom: 30px;
	padding: 20px;
}
.news_list_b_l{
	width: 88px;
}
news_list_b_r{
	width: 258px;
}
.news_list_b_l .news_date{
	width: 100%;
	height: 88px;
	padding: 0;
	background: #f87400;
	color: #fff;
	line-height: 40px;
	text-align: center;
	box-shadow: 3px 3px 0 #8f4004;
}
.news_list_b_l .news_date .month{
	font-size: 20px;
}
.news_list_b_l .news_date .day {
	font-size: 26px;
	line-height: 1em;
	padding-top: 16px;
}
.news_list_b_r .news_title a,.article .art_title a{
	display: block;
	width: 100%;
	height: 18px;
	margin-bottom: 16px;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 5px;
}
.news_list_b_r .news_content{
	width: 100%;
	height: 200px;
}
.news_list_b_r .news_content .news_img{
	width: 200px;
	height: 200px;
}
.news_list_b_r .news_content .news_img img{
	width: 100%;
	/*height: 100%;*/
}
.news_list_b_r .news_content .news_txt{
	width: 602px;
	padding-left: 24px;
}
.news_list_b_r .news_content .news_text{
	width: 100%;
	max-height: 112px;
	overflow: hidden;
	font-size: 13px;
	color: #777;
	line-height: 24px;
}
.news_list_b_r .news_content .news_text p{
	margin-bottom: 18px;text-align: justify-all;
}
.news_list_b_r .news_content .more{
	margin-top: 24px;
}
.news_list_b_r .news_info,.article .info{
	width: 100%;
	height: 13px;
	margin-top: 20px;
}

.news_list_b_r .news_info,.article .info{
	font-size: 13px;
	color: #909090;
	line-height: 13px;
	font-weight: bold;
}
.news_list_b_r .news_info span,.article .info span{
	margin-right: 18px;
	font-weight: normal;
}
/* 分页样式 */
.page {
    text-align: center;
    font-size: 14px;
    display: block;
    clear: both;
    height: 30px;
    line-height: 30px;
    margin-top: 18px;
}
.page a {
    margin: 0 5px 0 0;
    padding: 8px 14px;
    background: #261302;
    color: #fff;
    font-size: 14px;
}
.page a:hover{
	text-decoration:  underline;
}
.page a.active {
    background: #f87400;
    border-color: #009bff !important;
    color: #fff !important;
}
.page a.number {
    border: 1px solid #ddd;
}
.article{
	padding: 20px;
}
.article .art_title a{
	font-size: 20px;
	margin-bottom: 0;
}
.article .daodu{
	width: 100%;
	height: 76px;
	background: #f87400;
	border-radius: 5px;
	padding: 10px 20px;
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	margin: 30px 0;
}
.article .daodu span{
	/*! color: #666; */
	font-size: 14px;
	line-height: 28px;
	margin: 30px 0;
}
.article .art_body{
	padding-bottom: 40px;
	border-bottom: 1px #eee solid;
}
.article .art_body *{
	color: #666;
	font-size: 14px;
	line-height: 28px;
	text-indent: 28px;
}
.article .page_control{
	height: 66px;
	width: 100%;
	margin-top: 30px;
}
.page_control .button{
	width: 66px;
	height: 66px;
	font-size: 14px;
	padding: 0;
	text-align: center;
	line-height: 66px;
	box-shadow: 3px 3px 0 #8f4004;
	margin-right: 20px;
}
.page_control .fr{
	width: 604px;
}
.page_control .page_go{
	width: 100%;
	height: 33px;
	font-size: 12px;
}
.page_control .page_go a{
	line-height: 33px;
	font-size: 13px;
}


.article .detail_title{
	width: 100%;
	background: #eee;
	height: 60px;
	line-height: 60px;
	padding: 0 14px;
	margin-bottom: 40px;
}
.article .detail_title a{
	color: #666;
	line-height: 60px;
	font-size: 20px;
}

/* 关于我们页 */
.about-c{
	padding: 20px;
}
.about-c .ab-head {
	width: 100%;
	margin: 0 auto;
	line-height: 1.6em;
	color: #444;
	text-align: center;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #333;
	border-radius: 4px;
}
	.about-c .ab-head h1 {
		display: inline;
		position: relative;
		font-size: 30px;
		color: #f87400;
		font-weight: bold;
	}
		.about-c .ab-head h1:before,.about-c .ab-head h1:after{
			content: '';
			position: absolute;
			width: 100px;
			height: 3px;
			background: #f87400;
			top: 50%;
			margin-top: -1px;
		}
		.about-c .ab-head h1:before{
			left: -110px;
		}
		.about-c .ab-head h1:after{
			right: -110px;
		}
	.about-c .ab-head h2{
		font-size: 18px;
		margin-top: 10px;
		color: #444;
	}
	.about-c .ab-head h3{
		font-size: 13px;
		margin-top: 10px;
		color: #666;
	}
.about-c .ab-body{
	padding: 0 10px;
}
.ab-body .content { font-size:13px;line-height:28px;
}
    .ab-body .content img {max-width:100%
    }
/* 案例展示（沿袭新闻列表页） */
.case_list .news_list_b_r .news_content .news_img {
	width: 310px;
	height: 240px;
}
.case_list .news_list_b_r .news_title a{
	margin-bottom: 0;
}
.case_list .news_list_b_r .news_content .news_text{
	margin-top: 20px;
}
.article.case-art .art_body {
	padding-top: 30px;
	border-top: 1px solid #ddd;
	margin-top: 10px;
}
.article.case-art  .art_title,.article.case-art  .info{
	text-align: center;
	margin-top: 20px;
}
/* 联系我们页 */
.contact-c{
	padding: 20px;
}
.contact-c .map-wrap{
	width: 400px;
	height: 400px;
	overflow: hidden;
}
.contact-c .txt-wrap{
	width: 500px;
	height: auto;
	overflow: hidden;
}
/* 留言页 */
.contact-ly{
	background: url(../images/in/ly-bg.png) no-repeat right bottom #fff !important;
	padding-bottom: 200px !important;
}
.ly-form{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 40px;
}
.ly-form .form_title{
	height: 34px;
	width: 208px;
	border-bottom: 1px solid #333;
	font-size: 20px;
	line-height: 1em;
	color: #222;
	text-align: center;
	margin: 30px auto;
	font-weight: bold;
}
.ly-form .form_body{
	width: 100%;
	margin-top: 30px;
}
.ly-form .form_group{
	margin-bottom: 10px;
	width: 100%;
}
.ly-form .form_control{
	width: 100%;
	background: #f6f6f6;
	border: 1px solid #d2d2d2;
	font-size: 14px;
	color: #333;
	padding: 0 10px;
}
.ly-form .form_body input[type="text"]{
	height: 34px;
	line-height: 34px;
}
.ly-form .form_body input[name="userName"]{
	width: 150px;
	margin-right: 10px;
}.ly-form .form_body input[name="CheckCode"]{
	width: 150px;
	margin-right: 10px;
}
.ly-form .form_body input[name="tel"]{
	width: 200px;
	margin-right: 10px;
}
.ly-form .form_body input[name="email"]{
	width: 356px;
}
.ly-form .form_body textarea{
	width: 100%;
	height: 166px;
	line-height: 20px;
	padding: 10px;
}
.ly-form .form_body .my_btn{
	width: 100%;
	height: 34px;
	font-size: 16px;
	line-height: 34px;
	padding: 0;
	background: #f87400;
	color: #fff;
}
.ly-form .form_control:focus{
	border: 1px solid #f87400;
}
/* 招聘页 */
.zhaopin .zname{
	height: 40px;
	background: #f87400;
	color: #fff;
	border-radius: 3px;
	margin-top: 20px;
	font-size: 14px;
	line-height: 40px;
	padding-left: 20px;margin-bottom:20px;
}
.zhaopin .zblock{
	padding: 0 20px;
	color: #666;
	font-size: 13px;
	line-height: 26px;
}
.zhaopin .zblock .ztitle{
	font-size: 14px;
	line-height: 36px;
	font-weight: bold;
}
.zhaopin .zblock li{
	font-size: 13px;
	line-height: 26px;
}
/* 风采相册页 */
.xc{
	width: 100%;
	margin-top: 30px;
}
	.xc .b{
		float: left;
		margin-bottom: 20px;
		width: 280px;
		border-radius: 4px;
		/*border: 1px solid #ddd;*/
		background: #fff;
		margin-right: 15px;
	}
	.xc .b .img{
		width: 100%;
		height: 240px;
		overflow: hidden;
		padding: 10px;
	}
	.xc .b .img img{
		width: 100%;
		height: 100%;
		border: 1px solid #ddd;
	}
	.xc .b .txt{
		width: 100%;
		height: 40px;
		overflow: hidden;
		/*background: #f87400;*/
		color: #333;
		line-height: 40px;
		text-align: center;
		font-size: 15px;
		padding: 0 10px;
	}
.xc-name{
	width: 100%;
	height: 40px;
	background: #f5f5f5;
	color: #f87400;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
}