#focus {height:600px; overflow:hidden; position:relative; margin:auto; width:100%;}
#focus ul {position:absolute;}
#focus ul li {
	float:left;
	width:1200px;
	overflow:hidden;
	position:relative;
	background-repeat: no-repeat;
	background-position: center center;
	height:600px;
}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:30px;}
#focus .btn {width:980px; height:10px; padding:5px 10px; text-align: center; margin:auto;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:17px; height:17px; _font-size:0; margin:0px 10px; cursor:pointer; 
	background-image: url(dot2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#focus .btn span.on {background-image: url(dot1.png);}
#focus .preNext {
	width:26px;
	height:55px;
	position:absolute;
	top:40%;
	cursor:pointer;
	background-image: url(l.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#focus .pre {left:20px;}
#focus .next {
	right:20px;
	background-position:right top;
	background-image: url(r.png);
}

.in_title {margin-bottom:30px; font-size: 20px;color:#F0862F;}
.index-title{margin-bottom:40px;}
.index-title span{line-height:40px; font-size:30px;color:#008FD7;}
.index-title i{color:#666;text-transform : uppercase;font-style: normal;font-size:14px;}
.line{ height:1px; margin:10px 0px; background:#e5e5e5; position:relative;}

.hacont{ line-height:25px; font-size:14px;}
.hapic{width:400px;float:left; text-align:center;border-right:1px #e5e5e5 solid;}
.habout{width:700px;float:right;}



.item2{ width:1260px; margin:0 auto;}
.item2li li{float: left;display: inline;width: 390px;height: 255px;overflow: hidden;margin: 0 30px 30px 0;}
.item2li li.last{margin-right: 0;}
.item2li li a{display: block;width: 100%;height: 100%;position: relative;}
.item2li li .item2img{display: block;width: 100%;height: 100%;transition: all .4s ease;-webkit-transition: all .4s ease;-ms-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;}
.item2li li .text{text-align: center;position: absolute;left: 0;width: 100%;top: 0;z-index: 3;height: 188px;padding-top: 60px;transition: all .4s ease;-webkit-transition: all .4s ease;-ms-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;background:rgba(0,0,0,0.2);}
.item2li li .text b{font-size: 20px;color: #fff;font-weight: normal;}
.item2li li .text em{display: block;font-size: 16px;color: #FF9900; margin-top: 10px;font-style: normal;font-family: Arial;text-transform : uppercase;}
.item2li li span{display: block;width: 220px;height: 60px;line-height:60px;text-align: center;font-size: 16px;color: #fff;border-radius: 4px;background: url(black.6.png) repeat;position: absolute;bottom: -80px;left: 50%;margin-left: -110px;transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;}
.item2li li span img{display: inline-block;margin-right: 14px;vertical-align: text-top;position: relative;top: 2px;}
.item2li li:hover .text{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
.item2li li:hover span{bottom: 20px;}
.item2li li:hover .item2img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}



.brand{	width: 1200px;}
.brand li{float:left;width:1200px;height:250px;position:relative;}
.brand li a{
display: block;
width:216px;
height:80px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
text-align:center;
margin:12px;
float:left;
}
.brand li a p{width:216px;height:80px;
display: table-cell;
vertical-align:middle;
text-align:center;
overflow:hidden;
}
.brand li a img{width:150px;height:60px;-webkit-transition: transform 0.3s linear;-moz-transition: transform 0.3s linear;-ms-transition: transform 0.3s linear;-o-transition: transform 0.3s linear;transition: transform 0.3s linear;}
.brand li a:hover img{-webkit-transform: scale(1.3,1.3);-moz-transform: scale(1.3,1.3);-ms-transform: scale(1.3,1.3);-o-transform: scale(1.3,1.3);transform: scale(1.3,1.3);}



.vip{position:relative;}
.vip .hd{ position:absolute; height:30px; line-height:30px; bottom:0; left:50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index:1; }
.vip .hd li{ display:inline-block; width:12px; height:12px; border-radius:12px; background:#cbcbcb; text-indent:-9999px; overflow:hidden; margin:0 10px; }
.vip .hd li.on{ background:#008FD7; }