.banner{ width:100%; height:600px; overflow:hidden; position:relative; }
.banner .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-38px; bottom:16px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:10px;  width:9px; height:9px; line-height:14px; text-align:center; background:none; border:3px solid #eb6435;cursor:pointer; border-radius:10px;}
.banner .hd ul li.on{ background:#eb6435; color:#eb6435; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; height:600px;}

/*产品中心*/
.pro{ margin-top:30px;}
.title { text-align:center; background:url(../images/titbg_09.png) no-repeat center center; height:106px; width:204px; margin:auto; font-size:24px; padding-top:60px;}
.chanp{ margin-top:16px;}
.chanp li{ float:left; width:270px; margin-right:40px;}
.chanp li:nth-of-type(4n){ margin-right:0;}
.chanp .proimg{ width:270px; height:168px; border:1px solid #ccc; overflow:hidden;}
.chanp .proimg img{ width:270px; height:168px; display:block; margin:auto;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.chanp .proimg img:hover{transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */}
.chanp .protext{ text-align:center; font-size:16px; margin-top:20px; margin-bottom:40px;}
.chanp .protext a{ color:#333;}
.more{ width:160px; height:36px; border:1px solid #eb6435; border-radius:20px; margin:auto; text-align:center; line-height:36px;}
.more a{ color:#eb6435;}
.more:hover{ background:#eb6435;}
.more:hover a{ color:#fff;}
/*展厅*/
.show{ margin-top:30px;}
.sroom{ margin-top:16px;}
.sroom li{ float:left; width:380px; height:300px;margin-right:30px; position:relative; margin-bottom:40px; overflow:hidden;} 
.sroom li img{ width:380px; min-height:300px;}
.sroom li:nth-of-type(3){ margin-right:0;}
.sroom li div{ position:absolute; left:0; bottom:0; width:100%; height:40px; text-align:center; background:rgba(0,0,0,0.53); line-height:40px; font-size:18px; text-transform:capitalize; color:#fff;}
.sroom li div:hover{ background:rgba(0,0,0,0.7)}