@charset "utf-8";
/*-----------cp------------*/
#cp{width:100%;}
/*------gg------*/
#gg{width:100%; overflow: hidden;}
#gg a{ display: block; width:100%;}
#gg a img{width:100%;}
/*------xw------*/
#xw{width:1400px; overflow:hidden; margin: 0 auto;}
.xw_l{width:560px; float:left;}
.xw_l a{display: block; width:560px; height:420px;}
.xw_l a p{width:560px; height: 370px; overflow: hidden;}
.xw_l a img{width:560px; height: 370px; transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;}
.xw_l a:hover img{ transform: scale(1.05);}
.xw_l h3{height:50px; line-height: 50px; font-size:20px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; font-weight: normal; position: relative;transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;}
.xw_l a:hover h3{ padding-left:40px;}
.xw_l h3:before,.xwtxt a:before{
	content: "";
	display: block;
	position: absolute;
	width:0;
	height:2px;
	left:0;
	top:50%;
	margin-top:-1px;
	background:#4b3b2e;
	transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}
.xw_l a:hover h3:before{ width:30px;}
.xw_l i,.xwtxt span{ font-size:14px; color:#776c61;line-height:28px; display: -webkit-box; overflow: hidden; width:100%; text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.xw_l span{ font-size:14px; color:#776c61;line-height:28px; display:block; overflow: hidden; width:100%;}
.xw_r{width:790px; float:right;}
.xw_r ul{width:100%; overflow: hidden;}
.xw_r ul li{width:100%; height:120px; margin-bottom:20px; overflow:hidden;}
.xwimg{width:180px; height:120px; float:left;}
.xwimg a{ display: block; width: 180px; height:120px; overflow: hidden;}
.xwimg a img{ width:180px; height:120px; transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;}
.xwimg a:hover img{ transform: scale(1.05);}
.xwtxt{width:590px; float:right;}
.xwtxt strong{display: block; width: 100%; margin-bottom:10px;}
.xwtxt a{ display: block; font-weight: normal; height:45px; line-height:30px; width:590px; font-size:20px; position: relative; }
.xwtxt a:before{
	top:auto;
	bottom:0;
	width:135px;
}
.xwtxt a:hover:before{width:100%;}
/*------------al------------*/
#al{ width:100%; margin:0 auto; background: #f1f1f1; overflow:hidden;}
.allb{width:1428px; margin: 0 auto;}
.allb ul{width:100%; overflow: hidden; }
.allb ul li{ width:448px; float:left; margin:14px; background:#fff; }
.allb a{ display:block; width:428px; height:285px; position: relative; overflow:hidden;color:#fff;padding:9px; border:1px solid #dfdfdf;}
.allb p{width:428px; height:285px; position: absolute; overflow:hidden;}
.allb p img{width:428px; height:380px; transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;}
.allb a:hover img{transform: scale(1.05);}
.altxt{width:408px; padding:10px; height:75px; background:rgba(0, 0, 0, 0.8); position: absolute; left:9px; bottom:-95px;transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;}
.allb a:hover .altxt{bottom:9px;}
.altxt strong{ font-size:16px; display: block; font-weight: normal; line-height:26px;}
.altxt span{ font-size:13px; color:#d7d7d7; line-height:24px;}
/*----sjs---*/
#sjs{width:100%; overflow: hidden;}
.sjslb{ width:1420px; margin: 0 auto;}
.sjslb ul{ width:1420px; overflow: hidden;}
.sjslb li{width:335px; margin:10px; float:left;}
.sjslb li a{ display: block; width:315px; height:315px; position: relative; overflow:hidden; color:#fff; border:1px solid #e6e7e7; padding:9px;}
.sjslb p{ width:315px; height:315px; overflow: hidden;}
.sjslb p img{width:315px; height:315px;
	filter: gray; /* IE6-9 */  
	filter: grayscale(1); /* W3C */
	-webkit-filter: grayscale(1); /* Webkit */
transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;}
.sjslb a:hover img{ transform: scale(1.05); 
	filter:none; /* IE6-9 */  
	filter: grayscale(0); /* W3C */
	-webkit-filter: grayscale(0); /* Webkit */}
.sjstxt{ width:295px; height:85px; position: absolute; left:9px; bottom:-105px; background:rgba(0, 0, 0, 0.8);padding:10px;transition: all 0.6s ease;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease; }
.sjslb a:hover .sjstxt{ bottom:9px;}
.sjstxt strong{ font-size:16px; display: block; font-weight: normal; line-height:26px; margin-bottom:5px;}
.sjstxt span{ font-size:13px; color:#d7d7d7; line-height:24px;}