/*************** 自适应幻灯片区域 **************/
.auto {
	border-top: 2px solid #0066B3;
	height: 400px;
	background: #1994F1;
}
#sonMenu {
	top: 0;
	left: 0;
	position: absolute;
	width: 160px;
	background: #0384E5;
	height: 400px;
	padding-left: 30px;
}
#sonMenu ul {

}
#sonMenu li {
	height: 36px;
	/*background: url(../images/data/right-arrow.png) no-repeat 138px 14px;*/
}
#sonMenu li a {
	line-height: 36px;
	color: #fff;
}
#slide2 {
	position: absolute;
	top: 0;
	left: 190px;
	width: 809px;
	height: 400px;
}
#hot1 {
	position: absolute;
	top: 0;
	right: 0;
	width: 190px;
	height: 196px;
	background: #C5E3FB url(../images/data/cycle.png) no-repeat;
}
#hot2 {
	position: absolute;
	top: 197px;
	right: 0;
	width: 190px;
	height: 202px;
	background: #C5E3FB url(../images/data/cycle.png) no-repeat;
}
#hot1 h4, #hot2 h4 {
	position: absolute;
	top: 140px;
	font-size: 16px;
	width: 100%;
	text-align: center;
}
#hot1 h5, #hot2 h5 {
	position: absolute;
	top: 162px;
	font-size: 14px;
	width: 100%;
	text-align: center;
}
#hot1 img, #hot2 img {
	position: absolute;
	left: 50px;
	top: 31px;
}
#kefuphone {
	position: absolute;
	top: 100px;
	left: 250px;
	color: #fff;
    font-size: 22px;
    font-weight: bold;
}
#title {
	position: absolute;
	top: 32px;
	left: 253px;
	font-size: 44px;
	color: #fff;
	font-weight: bold;
}
/**************** 半年指数 *********************/
#zhishu {
	height: 76px;
	background: #fff;
	margin: 30px 0;
}
#zhishu img{
	margin: 24px 0 0 24px;
	display: block;
	float: left;
}
#zhishu p {
	float: left;
	margin: 24px 0 0 165px;
	font-size: 12px;
	color: #666;
}
#zhishu #p1 {
	margin-left: 58px;
}
#zhishu span {
	font-size: 24px;
}
/************** 原厂品牌 *****************************/
.title2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 24px;
}
.title2 span{
	font-size: 12px;
	color: #666;
}
#yuanbrand {
	position: relative;
	height: 324px;
	border-top: 2px solid #ccc;
	margin-top: 6px;
	background: #fff;
}
#yzxingfaxian {
	top: 0;
	left: 0;
	position: absolute;
	width: 192px;
	background: #E4F4FF;
	height: 324px;
	text-align: center;
}
#brandTable {
	padding: 0;
	margin: 0;
	top: 0;
	left: 190px;
	position: absolute;
	width: 810px;
	background: #fff;
	height: 326px;
	border-left: 1px solid #f0f0f0;
}
#brandTable td{
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	text-align: center;
	height: 25%;
	position:relative;
}

#brandTable td .brand_new{
	position: absolute;
	top: 0;
	left:-150px;
	width:100%;
	height:100%;
	display: none;
	background: rgba(85,133,179,.9);
	text-align: center;
	color:#fff;
	cursor: pointer;
	font-size: 16px;

	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
}

#brandTable td:hover > .brand_new{
	color:#fff;
	position: absolute;

	left:0;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;

	display:flex;
	justify-content:center;
	align-items:center;
}

#topbrand {
	position: absolute;
	top: 0;
	right: 0;
	width: 192px;
	height: 324px;
	text-align: center;
}
#yuanbrand h3 {
	font-size: 18px;
	margin-top: 29px;
}
#yuanbrand h4 {
	font-size: 14px;
	color: #666;
	margin-top: 12px;
}
#yzxingfaxian img {
	margin-top: 40px;
}
#topbrand img {
	margin-top: 27px;
	
}
.brank_link{
	position: relative;
	display: inline-block;
	width: 134px;
	height: 81px;
}
.brank_link img{
	width: 134px;
	height: 81px;
}
.brand_name {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 134px;
	height: 81px;
	line-height: 28px;
	text-align: center;
}
td:hover .brand_name {
	width: 236.5px;
	height: 94.5px;
	line-height: 94.5px;
	background: rgba(85,133,179,.9)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e55585b3, b3, endColorstr=#e55585b3, b3);
	font-size: 16px!important;
}
/************************ 分类展示 ********************/
.ad {
	margin: 24px auto -6px auto;
	
}
.classify {
	position: relative;
	height: 362px;
	border-top: 2px solid #0065B3;
	margin-top: 6px;
	background: #fff;
}
.class_left {
	top: 0;
	left: 0;
	position: absolute;
	width: 201px;
	height: 362px;
	text-align: center;
}
.class_left .brandLi {
	margin: 9px 0 0 14px;
}
.class_left .brandLi li{
	font-size: 14px;
	float:left;
	text-align: left;
	margin-right: 22px;
	width: 71px;
	height: 24px;
	color: #666;
	font-weight: bold;
	margin-bottom: 8px;
	border-bottom: 1px dashed #ccc;
}
.brandLi2 {
	position: absolute;
	top: 155px;
	left: 38px;
}
.brandLi2 li {
	height: 51px;
	
}
.leftArrow {
	position: absolute;
	top: 230px;
	left: 13px;
}
.rightArrow {
	position: absolute;
	top: 230px;
	left: 167px;
}
.class_mid {
	padding: 0;
	margin: 0;
	top: 0;
	left: 201px;
	position: absolute;
	background: #E4F4FF;
	width: 330px;
	height: 362px;
	
	border-left: 1px solid #f0f0f0;
}
.class_right {
	position: absolute;
	top: 0;
	right: 0;
	width: 659px;
	height: 362px;
	text-align: center;
}
.class_right td:hover {
	-webkit-transform: translatey(-5px);
	-moz-transform: translatey(-5px);
	transform: translatey(-5px);
	-moz-box-shadow: 0 7px 15px rgba(0,0,0,.1);
	box-shadow: 0 7px 15px rgba(0,0,0,.1);

}
.class_right td{
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	font-weight: bold;
	line-height: 30px;
	width: 33%;
	height: 50%;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
}
.class_right td:last-child {
	border-right: none;
}
.class_right tr:last-child td {
	border-bottom: none;
}
#num {
	position: absolute;
	left: 45%;
	top: 350px;
}
#num a {
    background: #fff none repeat scroll 0 0;
    font-size: 14px;
    display: block;
    float: left;
    height: 12px;
    margin-left: 6px;
    width: 12px;
    border-radius: 6px;
}
#num a.active {
    height:16px;
    width: 16px;
    border-radius: 8px;
    background: #206aae!important;
    position: relative;
    top: -2px;
}
.white_line {
	height:30px;
	background: #fff;
}

.logo_ys{width:196px; height:auto;}