@charset "utf-8";
/* CSS Document*/
.kehu{background-color: #fafafa; padding: 113px 0 122px;}
.huoban{width: 100%;}
.huoban>div{float: left; width: 20%; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;
	border-left:1px solid #eeeeee;box-sizing: border-box; position: relative; cursor: pointer;
	margin-bottom: 14px;}
.huoban>div>div{width: 100%; height: 100%; background-color: rgba(204,167,118,0); position: absolute; top:0;
	left: 0; transition: .5s;}
.huoban>div:last-child{border-right:1px solid #eeeeee;}
.huoban>div>img{display: block; width: 100%; height: auto;}
.huoban>div:hover>div{background-color: rgba(204,167,118,.6);}
/*弹出*/
html,body{width: 100%; position: relative;}
.tanchu{width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: fixed; top:0; left: 0; 
	display: none; z-index: 999; overflow-y: auto;}
.tanchu>.box{position: relative;}
.tanchu .tcbox{width: 100%; padding: 80px; border:1px solid #e5e5e5; box-sizing: border-box;
	background-color: #fff; position: absolute; top:100px; left: 0;}
.tanchu .tcbox .guanbi{width: 35px; height: 35px; border:1px solid #fff; font-size: 26px; color: #fff;
	text-align: center; line-height: 36px; position: absolute; top:-50px; right: 0; cursor: pointer;
	transition: .5s;}
.tanchu .tcbox .guanbi:hover{background-color: #cca776}
.tanchu .tcbox .tc_js{width: 100%; padding-bottom: 68px;}
.tanchu .tcbox .tc_js .tc_logo{width: 31%; border:1px solid #cca776; box-sizing: border-box;}
.tanchu .tcbox .tc_js .tc_logo>img{display: block; width: 100%; height: auto;}
.tanchu .tcbox .tc_js .tc_jj{width: 43%; margin-left: 5%;}
.tanchu .tcbox .tc_js .tc_jj .tit2{font-size: 20px; color: #666;}
.tanchu .tcbox .tc_js .tc_jj .line{width: 40px; height: 1px; background-color: #cca776; margin: 20px 0;}
.tanchu .tcbox .tc_js .tc_jj .tc_font{font-size: 16px; color: #999999; line-height: 30px;}
.tanchu .tcbox .tc_img>div{float: left; width: 26%; margin-right: 11%;}
.tanchu .tcbox .tc_img>div>img{display: block; width: 100%;}
.tanchu .tcbox .tc_img>div:nth-child(3n){margin-right: 0;}

@media screen and (max-width: 1279px){
	.bread{padding: 20px 0;}
}

@media screen and (max-width: 900px){
	.bread{font-size: 15px; padding: 8px 0;}
	.kehu{padding: 30px 0;}
	.huoban>div{margin-bottom: 10px;}
	.tanchu{overflow-y: auto;}
	.tanchu>.box{min-height: 100%;}
	.tanchu .tcbox{padding: 3%; min-height: 100%; top:0;}
	.tanchu .tcbox .guanbi{top:0; border:none; color: #cca776; font-size: 34px;}
	.tanchu .tcbox .tc_js .tc_jj{width: 100%; margin-left: 0; padding-top: 20px;}
	.tanchu .tcbox .tc_js .tc_jj .tit2{font-size: 17px;}
	.tanchu .tcbox .tc_js .tc_jj .line{margin:10px 0;}
	.tanchu .tcbox .tc_js .tc_jj .tc_font{font-size: 15px; line-height: 25px;}
	.tanchu .tcbox .tc_js{padding-bottom: 20px;}
	.tanchu .tcbox .tc_img>div{width: 32%; margin-right: 2%;}
}