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

.tit {
	text-align: center;
	line-height: 0;
	overflow: hidden;
}
.tit>a {
	font-size: 34px;
	color: #333;
	line-height: 1;
	display: inline-block;
	margin-top: 72px;
	transition: 0.3s;
}
.tit>a:hover {
	color: #66370a;
}
.tit>p {
	font-size: 14px;
	color: #777;
	line-height: 1;
	text-transform: uppercase;
	margin-top: 14px;
}
.more {
	display: block;
	width: 260px;
	height: 61px;
	margin: 50px auto 0;
	line-height: 0;
}

.intro {
	width: 100%;
	height: 721px;
	background: url(../images/i_bg.jpg) no-repeat center;
	overflow: hidden;
}
.intro .i_con {
	overflow: hidden;
}
.intro .i_con .i_txt {
	float: left;
	width: 680px;
}
.intro .i_txt .i_name {
	font-size: 34px;
	color: #333;
	line-height: 1;
	display: block;
	margin-top: 100px;
	transition: 0.3s;
}
.intro .i_txt .i_name:hover {
	color: #66370a;
}
.intro .i_txt .it_txt {
	font-size: 16px;
	color: #555;
	line-height: 32px;
	height: 224px;
	margin-top: 20px;
	transition: 0.3s;
	overflow: hidden;
}
.intro .i_txt .it_txt:hover {
	color: #66370a;
}
.intro .i_txt .i_more {
	display: block;
	width: 114px;
	height: 30px;
	border: 1px solid #66370a;
	text-align: center;
	margin-top: 24px;
	font-size: 16px;
	color: #66370a;
	line-height: 30px;
	transition: all 0.3s;
}
.intro .i_txt .i_more:hover {
	background-color: #66370a;
	color: #fff;
}
.intro .i_txt .it_bottom {
	margin-top: 86px;
	position: relative;
}
.intro .it_bottom .prev {
	line-height: 0;
	position: absolute;
	right: -14px;
	top: 59px;
}
.intro .it_bottom .next {
	line-height: 0;
	position: absolute;
	right: -14px;
	top: 0;
}
.intro .it_bottom ul {
	width: 583px;
	overflow: hidden;
}
.intro .it_bottom .ib_son {
	float: left;
	width: 180px;
	height: 120px;
	margin-right: 20px;
	line-height: 0;
	overflow: hidden;
}
.intro .it_bottom .ib_pic {
	display: block;
	width: 100%;
	height: 100%;
}
.intro .it_bottom .ib_son img {
	width: 100%;
	height: 100%;
	transition: 0.6s;
}
.intro .it_bottom .ib_son:hover img {
	transform: scale(1.1);
}
.intro .i_con .i_pic {
	float: right;
	width: 360px;
	height: 540px;
	background: url(../images/i_pic.jpg) no-repeat center;
	margin-top: 100px;
	line-height: 0;
	overflow: hidden;
}
.intro .i_con .i_pic>p {
	font-size: 13px;
	color: #555;
	line-height: 22px;
	width: 322px;
	height: 66px;
	margin: 446px auto 0;
}

.case {
	width: 100%;
	height: 876px;
	background: url(../images/p_bg.jpg) no-repeat center;
	overflow: hidden;
}
.case .c_con {
	width: 1200px;
	margin-top: 50px;
}
.case .c_con .slideBox {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.case .c_con .c_son {
	float: left;
	width: 223px;
	margin-right: 18px;
}
.case .c_son .c_pic {
	width: 100%;
	height: 434px;
	border: 1px solid #d2d2d2;
	line-height: 434px;
	overflow: hidden;
}
.case .c_pic>img {
	width: 100%;
	max-height: 100%;
	vertical-align: middle;
	transition: 0.6s;
}
.case .c_son:hover .c_pic>img {
	transform: scale(1.05);
}
.case .c_son .c_title {
	font-size: 16px;
	color: #333;
	line-height: 1;
	text-align: center;
	margin-top: 12px;
}
.case .c_son:hover .c_title {
	color: #66370a;
}
/* .case .prev {
	display: inline-block;
	line-height: 0;
	margin: 0 5px;
	position: relative;
	top: -12px;
}
.case .next {
	display: inline-block;
	line-height: 0;
	margin: 0 5px;
	position: relative;
	top: -12px;
} */

.news {
	width: 100%;
	height: 972px;
	background: url(../images/n_bg.png) no-repeat center;
	overflow: hidden;
}
.news .tit>a {
	margin-top: 100px;
	color: rgba(255,255,255,0);
}
.news .n_con {
	margin-top: 228px;
}
.news .n_con .n_left {
	float: left;
	width: 589px;
	height: 483px;
	margin-top: 32px;
	line-height: 0;
}
.news .n_con .n_left>img {
	width: 100%;
	height: 100%;
}
.news .n_con .n_right {
	float: right;
	width: 565px;
}
.news .n_txt {
	padding: 19px 14px 22px;
	border-bottom: 1px solid #cdcdcd;
	transition: 0.3s;
}
.news .n_txt:hover {
	box-shadow: 0 0 12px 1px #c4c4c4;
}
.news .n_txt>p>a {
	font-size: 18px;
	color: #333;
	line-height: 1;
	display: inline-block;
	width: 80%;
	height: 18px;
	transition: all 0.3s;
	overflow: hidden;
}
.news .n_txt>p>a:hover {
	color: #66370a;
}
.news .n_txt>p>span {
	float: right;
	font-size: 14px;
	color: #666;
	line-height: 18px;
}
.news .n_txt>div {
	font-size: 14px;
	color: #808080;
	line-height: 24px;
	height: 48px;
	margin-top: 15px;
	transition: 0.3s;
}
.news .n_txt>div:hover {
	color: #333;
}