
.slide-carousel {
  width: 100%;
  height: 100%;
  position: relative;

}

.slide-carousel .item-list {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

.slide-carousel .item-list li .item-content {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.slide-carousel .item-list li .item-content a {
  display: block;
  width: 100%;
  height: 100%;
}

.slide-carousel .item-list li .item-content a .cover-img {
  width: 100%;
  height: 100%;
}

.slide-carousel .indicator-list {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -63px;
  z-index: 100;
}

.slide-carousel .indicator-list a {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ccc;
  margin-left: 5px;
}

.slide-carousel .indicator-list a.selected {
  border-color: #ff6700;
  background-color: #5fff92;
}

.slide-carousel .controls {
  opacity: 1;
}

.slide-carousel .controls a {
  z-index: 2;
  text-decoration: none;
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 120px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  _border: 1px solid none;
  background: url(../index/icon.png) no-repeat;
}

.slide-carousel .controls a:hover {
  opacity: 1;
}

.slide-carousel .controls .item-prev {
  top: 50%;
  left: -80px;
  margin-top: -25px;
  background-position: -88px -10px;
}

.slide-carousel .controls .item-next {
  top: 50%;
  right: -80px;
  margin-top: -25px;
  background-position: -88px -70px;
}

.slide-carousel .desc {
  height: 72px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99;
}

.slide-carousel .desc strong {
  color: #fff;
  font-size: 20px;
  line-height: 72px;
  margin-left: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.slide-carousel:hover .controls {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.item-content {
  background: #Fff;
  box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.16);
}

header .banner {
  width: 1000px;
  height: 300px;
  margin: auto;
}

header .banner .slide-carousel {
}

header .banner .slide-3d .desc {
  display: none
}

header .banner .slide-3d .item-list li {
  width: 800px;
    height: 300px;
    transition: all .5s ease-out;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    list-style-type: none;
}

header .banner .slide-3d .item-list li.item0 {
  transform: translate3d(-100px, 0, 0) scale(.8);
  opacity: 1;
}

header .banner .slide-3d .item-list li.item1 {
  transform: translate3d(300px, 0, 0) scale(.8);
  /* transform-origin: 0 50%; */
  opacity: 1;
  z-index: 2
}

header .banner .slide-3d .item-list li.item2 {
  transform: translate3d(100px, 0, 0) scale(1);
  transform-origin: 0 50%;
  opacity: 1;
  z-index: 3
}

header .banner .slide-3d .item-list li.item3 {
  transform: translate3d(200px, 0, 0) scale(.8);
  transform-origin: 100% 50%;
  opacity: 1;
  z-index: 2
}

header .banner .slide-3d .item-list li.item4 {
  transform: translate3d(675px, 0, 0) scale(.8)
}

header .banner .slide-3d .item-list li.item5 {
  transform: translate3d(900px, 0, 0) scale(.8)
}

header .banner .slide-3d .item-list li.item6 {
  transform: translate3d(1125px, 0, 0) scale(.8)
}

header .banner .slide-3d .item-list li.item7 {
  transform: translate3d(1350px, 0, 0) scale(.8)
}

header .banner .slide-3d .item-list li.item8 {
  transform: translate3d(1575px, 0, 0) scale(.8)
}

header .banner .slide-3d .item-list li.item9 {
  transform: translate3d(1800px, 0, 0) scale(.8)
}

header .banner .slide-2d .item-list li {
  width: 1200px;
  height: 300px;
  transition: all .5s ease-out;
  position: absolute;
  top: 0;
  left: 0
}

header .banner .slide-2d .item-list li.item0 {
  transform: translateX(-1200px)
}

header .banner .slide-2d .item-list li.item1 {
  transform: translateX(0px)
}

header .banner .slide-2d .item-list li.item2 {
  transform: translateX(1200px)
}

header .banner .slide-2d .item-list li.item3 {
  transform: translateX(2400px)
}

header .banner .slide-2d .item-list li.item4 {
  transform: translateX(3600px)
}

header .banner .slide-2d .item-list li.item5 {
  transform: translateX(4800px)
}

header .banner .slide-2d .item-list li.item6 {
  transform: translateX(6000px)
}

header .banner .slide-2d .item-list li.item7 {
  transform: translateX(7200px)
}

header .banner .slide-2d .item-list li.item8 {
  transform: translateX(8400px)
}

header .banner .slide-2d .item-list li.item9 {
  transform: translateX(9600px)
}

.item-content{

}

.item-content{
	height: 300px;
	background: #FFF;
	position: relative;
	position: absolute;
	z-index: 8;
}
.item-content.click{
	display: block;
}
.item-content a{
	display: block;
	width: 100%;
	height: 300px;
	cursor: pointer;
}
.item-content .obj-a{
	position: absolute;
	z-index: 9;
	left:0px;
	width:200px;
	padding-left: 10px;
	display: block; cursor: pointer;
	height: 300px; overflow: hidden;
}
.item-content .obj-a img{
	margin:80px auto;
	width: 100%;
	display: block;
}
.item-content .obj-b{
	position: absolute;cursor: pointer;
	z-index: 9;
	left:220px;
	width: 570px;
	padding-right: 20px;
	top: 0px;
	height: 300px;
	overflow: hidden;
}
.item-content .obj-b  h4{
	line-height: 24px;
	font-size: 18px;
	color: #333;
	font-weight: 400;
	position: relative;
	z-index: 4;
	margin-top:60px;
}
.item-content .obj-b  h4 span{
	display: block;
	height: 4px;
	width: 40px;
	position: absolute;
	bottom: -13px;
	left: 0px;
	z-index: 6;
	background-color: #ff150e;
}
.item-content .obj-b p{
	height: 85px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	margin:32px 32px 60px 0;
	display: box;
	display: -webkit-box;
	display: -ms-box;
	display: -moz-box;
	display: -o-box;
	box-orient: vertical;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	-ms-box-orient: vertical;
	-ms-line-clamp: 3;
	-moz-box-orient: vertical;
	-moz-line-clamp: 3;
	-o-box-orient: vertical;
	-o-line-clamp: 3;
	overflow: hidden;
}
/*expert*/