﻿li {
	list-style: none;
}
img {
	border: 0;
}
._con {
	overflow: hidden;
	margin: 10px auto;
	width: 100%;
	box-sizing: border-box !important;
	background-color: #ffffff;
}
#carousel_container {
	position: relative;
	height: 100px;
	overflow: hidden;
	top: 0px;
	left: 0px;
}
#carousel_container ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#carousel_inner {
	width: 100%;
	height: 100px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
#left_scroll {
	position: absolute;
	width: 9px;
	height: 50px;
	left: 0;
	top: 0;
	cursor: pointer;
	cursor: pointer;
	background: url(../images/left_arrow.png) no-repeat;
	background-size: 100% 100%
}
#right_scroll {
	position: absolute;
	right: 3px;
	width: 9px;
	height: 50px;
	cursor: pointer;
	cursor: pointer;
	background: url(../images/right_arrow.png) no-repeat;
	background-size: 100% 100%
}
#carousel_ul {
	width: 9999px;
	height: 100px;
	position: relative;
}
#carousel_ul li {
	float: left;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	margin-right: 10px;
	text-align: center;
}
#carousel_ul li a {
	display: block;
	border: solid 1px #ddd;
	width: 98px;
	height: 98px;
}
#carousel_ul li a i {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
#carousel_ul li a:hover {
	border: solid 1px #0070c2;
}
#carousel_ul li img {
	vertical-align: middle;
	max-width: 98px;
	max-height: 98px; background:#a4d6ff;
_width: expression((this.offsetWidth > 40) ? "40px" : this.offsetWidth + "px" );
_height: expression((this.offsetHeight > 40) ? "40px" : this.offsetHeight + "px" );
}

@media screen and (max-width: 1620px)
{
#carousel_inner,#carousel_container,#carousel_ul{ height:90px}
#carousel_ul li{ width:90px; height:90px}
#carousel_ul li a{ width:88px; height:88px}
#carousel_ul li img{ max-width:88px; max-height:88px}
}
@media screen and (max-width: 1440px)
{
#carousel_inner,#carousel_container,#carousel_ul{ height:80px}
#carousel_ul li{ width:80px; height:80px; margin-right:8px}
#carousel_ul li a{ width:78px; height:78px}
#carousel_ul li img{ max-width:78px; max-height:78px}

}
@media screen and (max-width: 1280px)
{
#carousel_inner,#carousel_container,#carousel_ul{ height:72px}
#carousel_ul li{ width:72px; height:72px}
#carousel_ul li a{ width:70px; height:70px}
#carousel_ul li img{ max-width:70px; max-height:70px}
}
@media screen and (max-width: 1140px)
{
#carousel_inner,#carousel_container,#carousel_ul{ height:64px}
#carousel_ul li{ width:64px; height:64px}
#carousel_ul li a{ width:62px; height:62px}
#carousel_ul li img{ max-width:62px; max-height:62px}
}
@media screen and (max-width: 1024px)
{
#carousel_inner,#carousel_container,#carousel_ul{ height:110px}
#carousel_ul li{ width:110px; height:110px}
#carousel_ul li a{ width:108px; height:108px}
#carousel_ul li img{ max-width:108px; max-height:108px}
}
@media screen and (max-width: 520px)
{
#carousel_inner,#carousel_container,#carousel_ul{ height:54px}
#carousel_ul li{ width:54px; height:54px; margin-right:7px}
#carousel_ul li a{ width:52px; height:52px}
#carousel_ul li img{ max-width:52px; max-height:52px}
}


