/*---------------------------------// swiper 拖动js 202000530之后新版 -----------------------------------*/
/*js api 详见官网 https://www.swiper.com.cn/*/

.banner_box:after{ content: ''; clear: both; display: block; font-size: 0;}
.banner_box{overflow:hidden; width:100%;      max-width: 2000px;    margin: 0 auto; background: url(../images/main/loading.gif) center center no-repeat #F6F6F6; }
.banner_box .swiper-slide{height:600px;background-repeat:no-repeat; background-position:center center;background-size:cover;}
.banner_box .swiper-slide a{position: absolute; top: 0; bottom: 0; left: 0;right: 0 ; font-size: 0;}


.banner_box .li1 {background-image:url(../images/main/banner01.jpg); font-size:0;}
.banner_box .li2 {background-image:url(../images/main/banner02.jpg); font-size:0;}
.banner_box .li3 {background-image:url(../images/main/banner03.jpg); font-size:0;}
.banner_box .li4 {background-image:url(../images/main/banner04.jpg); font-size:0;}
.banner_box .li5 {background-image:url(../images/main/banner05.jpg); font-size:0;}
/*底部圆点分页*/
.banner_box .swiper-pagination{ 
background: url(../images/ban_bg.png) center top no-repeat;
    height: 54px;
    bottom: 0 !important;
	    padding-top: 10px;
    box-sizing: border-box;

}
.banner_box .swiper-pagination-bullet {transition:all ease-out 0.3s;
    width: 14px;
    height: 14px;
    background: #CCC;
    opacity: 1;
}
.banner_box .swiper-pagination-bullet-active {    background: #0066cc;}

/*两侧的前后翻页*/
.banner_box .swiper-button-prev,
.banner_box .swiper-button-next{display:none; color:#FFF;}
.banner_box:hover .swiper-button-prev,
.banner_box:hover .swiper-button-next{display: block;}
		
		
@media screen and (max-width:1300px){
	.banner_box .swiper-slide{height:400px;}
}	
@media screen and (max-width:800px){
	.banner_box{ /* margin-top: 81px*/}
	.banner_box .swiper-slide {  height:250px;  }
    .banner_box .li2 {background-position: -130px 0;}
	.banner_box .li3 {background-size: auto 220px; background-position: center top;}
	.banner_box .li4 {background-size: auto 200px; background-position: -150px top;}
	
}		
/*.banner_box section{position:relative;}
	.banner_box section figure{}	
	.banner_box section .banner-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;}
		.banner_box section .banner-info h2{font-size:62px;color:#fff;font-family:"FuturaMdBtBold";font-style:normal;}
		.banner_box section .banner-info h2 span{color:#FF2500;}
		.banner_box section .banner-info h3{font-size:27px;color:#fff;font-family:"FuturaMdBtBold";font-style:normal;margin-bottom:30px;}
		.banner_box section .banner-info p{display:inline-block;padding:2px;background:linear-gradient(to bottom,#f24903 0%,#0f2b67 100%);border-radius:30px;}
		.banner_box section .banner-info p span{display:block;font-size:20px;color:#012060;text-transform:uppercase;background:#fff;border-radius:30px;line-height:56px;padding:0 35px;cursor:pointer;}*/

/* -----------首页 参展企业---------------*/
.case-list-slide:after{ content:'';clear: both; display: block;	font-size:0;}
/*底部圆点分页*/
.case-list-slide .swiper-pagination{ 
left: 0;
    bottom: 0;
    right: 0;

}
.case-list-slide .swiper-pagination-bullet {transition:all ease-out 0.3s;
    width: 14px;
    height: 14px;
    background: #CCC;
    opacity: 1;
}
.case-list-slide .swiper-pagination-bullet-active {    background: #0066cc;}
.case-list-slide  .swiper-pagination-bullet {
    margin: 0 2px;
}


.case-list-slide {	width: 100%; float: left; position: relative; height: 750px;   padding-bottom: 40px;padding-top: 20px;}
.case-list-slide  .swiper-container {box-sizing:border-box;
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
 .case-list-slide .swiper-slide {box-shadow: 0 0 20px 3px rgba(0,0,0,0.08);background: #FFF; 
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: calc((100% - 20px) / 2);
    }

 .case-list-slide .swiper-slide img{ width:99%;transition: all 0.3s ease 0s; border: 1px solid #EEE;}
 .case-list-slide .swiper-slide a:hover  img{border: 1px solid  #339933;}

.case-list-slide .swiper-button-next{right:-70px;  width:70px; height: 70px; background:; border-radius:100%;margin-top: -55px;}
.case-list-slide .swiper-button-next:after{color:#339933}
.case-list-slide .swiper-button-prev{left:-70px;  width:70px; height: 70px; background:;border-radius:100%;margin-top: -55px;}
.case-list-slide .swiper-button-prev:after{color:#339933}

.case-list-slide a p.datu{float:left; display:block; width:100%; height:265px; background: #F5F5F5;overflow:hidden;}
.case-list-slide a p.datu img{ width:100%; 
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s}
.case-list-slide a div{ position: absolute; left:0; bottom:0; height:90px;border-bottom: 4px solid transparent; transition: all 0.3s;
width:90%; padding:0 5% 15px 5%; background: #FFF; border-bottom:1px solid rgba(0,0,0,0.15);}	
.case-list-slide a h2{ width:100%; font: normal 16px/24px "微软雅黑",Arial,"宋体"; height:24px; overflow:hidden; text-align: left;
    color: #333;
    padding-bottom: 10px; padding-top:15px;
    border-bottom: 1px solid #f8f8f8;
    margin-bottom: 10px;
	}
.case-list-slide a p.txtm {font: normal 14px/26px Arial,"微软雅黑","宋体";
    width: 77%; max-height: 78px;color:#888;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.case-list-slide a div span{position: absolute; transition: all 0.5s;
    right: 5%;
    top: 57px;
    background: #f1f1f1;
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 12px;
	}
.case-list-slide a:hover div{ height:142px; border-bottom: 4px solid #00a1e7; padding-bottom:5px;}	
.case-list-slide a:hover p.txtm {
    width: 100%; 
    white-space: normal ;
    text-overflow:none;
    overflow: hidden;
}
.case-list-slide a:hover div span{position: absolute;
    right: 5%;
    top: 10px;
	}	
	

.case-list-slide a:hover p.datu img{ transition:all ease-out 0.3s;
-webkit-transform:scale(1.01);
	-moz-transform:scale(1.01);
	-o-transform:scale(1.01);
	transform:scale(1.01)
	}
	
	
	
	


@media screen and (max-width:800px){
	/*两侧的前后翻页*/
	.banner_box .swiper-button-prev,
	.banner_box .swiper-button-next,
	.case-list-slide .swiper-button-next,
	.case-list-slide .swiper-button-prev{display:none !important; }


	/* -----------首页 case---------------*/
	.case-list-slide {	 height: 450px;    padding-bottom: 20px;padding-top: 10px;}
	.case-list-slide .swiper-slide { box-shadow: none;}
	.case-list-slide a p.datu{ height:200px; }

	.case-list-slide a div{ height:50px;width:96%; padding:5px 2%; }	
	.case-list-slide a h2{ font: normal 16px/24px "微软雅黑",Arial,"宋体"; height:48px; 
		padding-bottom: 0; padding-top:0; border:none;
		margin-bottom: 0;
		}
	.case-list-slide a p.txtm {display:none; }
	.case-list-slide a div span{display:none;	}
	
	
	
	
	
}