.index_casebg{ background:url(../ZERO/img/casebg.jpg) top center no-repeat #fff; height:699px;}
.index_case_head{width:100%; text-align:center; padding-top:60px;}
.index_case_head ul li{ font-size:16px; color:#ffffff; line-height:30px;}
.index_case_head ul li span{ font-size:40px; font-weight:bold; line-height:52px;}
.swiper-casebk{ position:relative;}
.swiper-case{overflow:hidden; position:relative; margin-top:40px; margin:40px -9px 0 -9px;}
.swiper-casebutton-prev{
	width: 32px;
	background: url(../ZERO/img/case_left.png) center no-repeat;
	position: absolute;
	left: -60px;
	top:50%;
	margin-top:-16px;
	height: 32px;
	z-index: 10;
	outline:medium;
}
.swiper-casebutton-prev:hover{background: url(../ZERO/img/case_left2.png) center no-repeat;}
.swiper-casebutton-next {
	width: 32px;
	background: url(../ZERO/img/case_right.png) center no-repeat;
	position: absolute;
	right:-60px;
	top:50%;
	margin-top:-16px;
	height: 32px;
	z-index: 10;
	outline:medium;
}
.swiper-casebutton-next:hover{background: url(../ZERO/img/case_right2.png) center no-repeat;}
.index_case_list{max-width:336px; margin:0 9px;}
.index_case_pic img{width:100%; height:auto; transition:all .6s}
.index_case_name{ padding:0 5px; margin-top:16px;}
.index_case_name ul li{ font-size:14px; line-height:20px; color:#ffffff;}
.index_case_name ul li span{ font-size:18px; font-weight:bold; line-height:35px;}
.index_case_list:hover .index_case_pic img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.swiper-slide div:hover a{ text-decoration:none;}

@media (min-width:1490px) and (max-width:1550px){
.swiper-casebutton-prev{ left:-32px;}
.swiper-casebutton-next{ right:-32px;}
}

@media (min-width:1px) and (max-width:1489px){
.swiper-casebutton-prev{ left:0;}
.swiper-casebutton-next{ right:0;}
}

@media (min-width:1400px) and (max-width:1489px){
.swiper-case{ margin:40px 0 0 0;}
}

@media (min-width:1201px) and (max-width:1409px){
.index_casebg{ height:auto; padding-bottom:50px;}
.swiper-case{ margin:40px 0 0 0;}
.index_case_list{ margin:0; width:98%; margin:auto;}
}

@media (min-width:768px) and (max-width:1200px){
.index_casebg{ height:auto !important; padding-bottom:30px;}
.index_case_name ul li span{ line-height:25px;}
.swiper-case{ margin:20px 0 0 0;}
.swiper-casebutton-prev{ left:0;}
.swiper-casebutton-next{ right:0;}
}

@media (max-width:767px){
.index_casebg{ height:auto; padding-bottom:0;}
.index_case_head{ padding-top:40px;}
.index_case_head ul li{ font-size:13px; line-height:18px;}
.index_case_head ul li span{ font-size:20px; line-height:27px;}
.swiper-case{ margin-top:20px;}
.index_case_list{ padding:0 1%; margin-bottom:25px;}
.index_case_name ul li{ font-size:13px; line-height:18px;}
.index_case_name ul li span{ font-size:15px; line-height:25px;}
#index_case_animate1{ display:block;}
}

#index_case_animate1,#index_case_animate1-1{

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 1s;
  -moz-animation-delay: .2s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: 1s;
  -ms-animation-delay: .2s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: 1s;
  animation-delay: .2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
}