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

/*banner按钮*/
.swiper-container-ban .swiper-slide img{
	width: 100%;
	display: block;
	margin: 0 auto;
}
.swiper-paginationban {
    bottom: 30px;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 10;
    text-align: center;
}
.swiper-paginationban span.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background: rgba(255,255,255,1);
    display: inline-block;
}
.swiper-paginationban span.swiper-pagination-bullet-active {
    background: rgba(83,46,12,1);
}


/*最新产品*/
.index-newpro{
	width: 100%;
	overflow: hidden;
	padding: 70px 0;
	border-top: 1px solid #e1e1e1;
}
.innewprotit{
	overflow: hidden;
}
.innewprotit p{
	width: 50%;
	display: block;
	float: left;
	line-height: 50px;
	font-size: 22px;
}
.innewprotit a{
	display: block;
	float: right;
	line-height: 50px;
	margin-right: 30px;
}
.innewprolist{
	overflow: hidden;
	margin-top: 20px;
}
.innewprolist li{
	display: block;
	float: left;
	width: 23%;
	margin: 0 2% 0 0;
}
.innewprolist li p.pic{
	width: 100%;
	display: block;
	overflow: hidden;
}
.innewprolist li p.pic img{
	width: 100%;
	transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
	background: #fff;
}
.innewprolist li:hover p.pic img{
	transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}
.innewprolist li p.title{
	width: 100%;
	display: block;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
}
/*最新产品end*/

/*工程案例*/
.index-case{
	padding:50px 0;
}
.incasetitle{
	font-size: 38px;
	text-align: center;
	padding-bottom: 30px;
	background: url("../images/titbj.png") no-repeat center bottom;
}
.incaselist{
	overflow: hidden;
	margin-top: 30px;
}
.incaseleft{
	width: 20%;
	float: left;
}
.incaseleft li{
	display: block;
	width: 100%;
}
.incaseleft li a{
	display: block;
	width: 100%;
	line-height: 56px;
	margin-bottom: 1px;
	background: #333333;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
.incaseright{
	width: 100%;
	float: right;
}
.incaseright li{
	width:24%;
	display: block;
	float: left;
	margin: 0 1% 1% 0;
	position: relative;
}
.incaseright li p.pic{
	width: 100%;
	display: block;
	overflow: hidden;
/*	border: 2px solid #333333;*/
}
.incaseright li p.pic img{
	width: 100%;
	display: block;
	transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
}
.incaseright li:hover p.pic img{
	transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}
.incaseright li p.title{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	background: rgba(0,0,0,.7);
	width: 100%;
	line-height: 40px;
	color: #fff;
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;
	font-size: 14px;

}
/*工程案例end*/

/*简介*/
.index-about{
	background: #f5f5f5;
	padding: 70px 0;
	overflow: hidden;
}
.injianjieleft{
	width: 100%;
}
.inabtitle{
	overflow: hidden;
}
.inabtitle p {
    width: 50%;
    display: block;
    float: left;
    line-height: 50px;
    font-size: 22px;
}
.inabtitle p span{
	color: #999;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 5px;
}
.inabtitle a {
    display: block;
    float: right;
    line-height: 50px;
}
.inabjjmain{
	overflow: hidden;
	margin: 20px 0;
}
.inabjjpic{
	width: 40%;
	float: left;
}
.inabjjpic img{
	width: 100%;
}
.inabjjwen{
	width: 58%;
	float: right;
	font-size: 14px;
	line-height: 30px;
}
.inabjjwen pre{
	font: 16px Arial, "Microsoft Yahei";
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
	line-height: 30px;
}
.inababoutpic li{
	width: 31%;
	display: block;
	margin: 0 2% 0 0;
	float: left;
	overflow: hidden;
}
.inababoutpic li img{
	width: 100%;
	transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
}
.inababoutpic li:hover img{
	transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

/*荣誉*/
.injianjieright{
	width: 100%;
	background: #eee;
	padding:3% 0 0 0;
}
.inabtitle02{
	overflow: hidden;
	margin-top: 10px;
	border-bottom: 1px solid #eee;
}
.inabtitle02 p {
    width: 100%;
    display: block;
    float: left;
    line-height: 50px;
    font-size: 22px;
}
.inabtitle02 p span{
	color: #999;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 5px;
}
.swiper-container-rongyu{
	margin-top: 20px;
}
.swiper-pagination-rongyu{
	width: 100%;
	position: relative;
	margin-top: 50px;
	
}
.swiper-pagination-rongyu span{
	width: 12px;
	border-radius: 50%;
	height: 12px;
	background: rgba(0,0,0,.3);
	opacity: 1;
}
.swiper-pagination-rongyu span.swiper-pagination-bullet-active{
	background: #59381a;
}
.rongyizhanshi img{
	width: 100%;
	background: #fff;
}
/*荣誉end*/
/*简介end*/

/*新闻*/
.indexnews{
	padding: 70px 0;
	overflow: hidden;
	background: #333;
}
.innewstitle{
	    font-size: 38px;
    text-align: center;
    padding-bottom: 30px;
	color: #fff;
    background: url(../images/titbj02.png) no-repeat center bottom;
}
.innewsmain{
	overflow: hidden;
	width: 100%;
	margin-top: 30px;
}
.innewsmain .innewsli{
	width: 31%;
	float: left;
	display: block;
	margin: 0 1% 2% 1%;
	background: #000;
	padding: 2%;
}
.innewsmain .innewsli span.date{
	display: block;
	float: left;
	font-size: 12px;
	background: #333333;
	color: rgba(255,255,255,.5);
	padding: 5px;
}
.innewsmain .innewsli h4{
	clear: both;
	font-size: 16px;
	display:block;
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;
	color: #999;
	width: 90%;
	line-height: 40px;
}
.innewsmain .innewsli p{
	display: block;
	font-size: 14px;
	color: #555;
	line-height: 22px;
}
.morenews{
	display: block;
	margin: 0 auto;
	font-size: 16px;
	background: #f00000;
	line-height: 55px;
	padding: 0 15px;
	width: 150px;
	text-align: center;
	color: #fff;
}
.morenews:hover{
	background: #000;
	color: #fff;
}
/*新闻end*/
/*展柜知识*/
.indezgzhis{
	padding: 0 0 50px 0;
	background: #333;
	overflow: hidden;
}
.inzgzsmain{
	overflow: hidden;
	margin-top: 30px;
}
.inzgzsmain li{
	display: block;
	width: 50%;
	overflow: hidden;
	float: left;
	margin-bottom: 2%;
}
.inzgzsmain li p.pic{
	width: 30%;
	float: left;
	display: block;
}
.inzgzsmain li p.pic img{
	width: 100%;
}
.inzgzsmain li .wen{
	display: block;
	width: 70%;
	float: left;
	padding: 0 5% 0 3%;
}
.inzgzsmain li .wen h4{
	clear: both;
	font-size: 16px;
	display:block;
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;
	color: #ddd;
	width: 90%;
	line-height: 40px;
}
.inzgzsmain li .wen span{
	display: block;
	font-size: 14px;
	color: #777;
	line-height: 22px;
}
/*展柜知识end*/
/*友情链接*/
.wrap-links{
	background: #222;
	padding: 25px 0;
	overflow: hidden;
	border-bottom: 1px solid #333;
}
.wrap-links p{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	float: left;margin: 0 20px 0 0;
}
.wrap-links p em{
	font-size: 14px;
	color: #bbbbbb;
}

.wrap-links a{
    font-size: 14px;
    color: #666;
    margin: 4px 0 0 20px;
    float: left;display: block;
}
.wrap-links a:hover{
	color: #fff;
}

@media screen and (max-width: 1460px){

}

@media screen and (max-width: 1280px){
	.index-newpro,.index-about,.indexnews{
		padding: 40px 0;
	}
	.incaseleft li a {
    display: block;
    width: 100%;
    line-height: 45px;
    margin-bottom: 1px;
    background: #333333;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
	.inabjjwen {
    line-height: 24px;
}
	.inabjjwen pre {
    font: 14px Arial, "Microsoft Yahei";
    line-height: 24px;
}
}
@media screen and (max-width: 1080px){
	.incaseleft{
		width: 100%;
		text-align: center;
	}
	.incaseleft li{
		width: 23.5%;
		float: left;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	.incaseright{
		width: 100%;
		margin-top: 15px;
	}
}
@media screen and (max-width: 992px){
	.injianjieleft{
		width: 100%;
	}
	.injianjieright{
		width: 100%;
		margin-top: 30px;
	}
	.innewsmain .innewsli {
    width: 48%;

}
.inabjjwen pre {
    font: 14px Arial, "Microsoft Yahei";
    line-height: 22px;
}
}
@media screen and (max-width: 860px){
	.innewprolist li{
		width: 48%;
	}
	.innewprolist {
    overflow: hidden;
    margin-top: 10px;
}
	.inzgzsmain li{
		width: 100%;
	}

}
@media screen and (max-width: 768px){
.innewsmain .innewsli h4 {
    clear: both;
    font-size: 14px;
    line-height: 30px;
}
	
}
@media screen and (max-width: 680px){
	.innewprotit a {
    font-size: 14px;
}
	.innewprotit p {
    font-size: 20px;
}
	.incaseright li{
		width: 48%;
	}
	.incasetitle {
    font-size: 24px;
    text-align: center;
    padding-bottom: 30px;
    background: url(../images/titbj.png) no-repeat center bottom;
}
	.incaseleft li a {

    line-height: 35px;
    font-size: 12px;
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;

}
	.incaseright li p.title{
		font-size: 12px;
	}
	.incaselist {
    overflow: hidden;
    margin-top: 15px;
}
	.inabtitle a {
    font-size: 14px;
}
	.inabtitle p {
    width: 70%;
    font-size: 20px;
}
	.inabjjpic{
		display: none;
	}
	.inabjjwen{
		width: 100%;
	}
	.innewstitle {
    font-size: 24px;
}
	.innewsmain .innewsli {
    width: 100%;
		margin: 0 0 2% 0;
}
	.inzgzsmain li .wen h4 {
    clear: both;
    font-size: 14px;
    width: 95%;
    line-height: 30px;
}
	.inzgzsmain li .wen span{
		line-height: 18px;
		font-size: 12px;
		
	}
	.morenews {
    display: block;
    margin: 0 auto;
    font-size: 14px;
    background: #333333;
    line-height: 40px;
    padding: 0 15px;
    width: 130px;
    text-align: center;
    color: #fff;
}
	.innewsmain,.inzgzsmain{
		margin: 20px 0 15px 0;
	}

}
@media screen and (max-width: 460px){
	
	.inababoutpic li{
		width: 100%;
	}
	.inababoutpic li img{
		margin-bottom: 10px;
	}
}