/* banner */
 .indexbanner {
     /*height: 600px;
   position: relative;*/
	width:100%;
}
.wrap{padding: 0 76px;}
.iconmouse{position: absolute;left: 50%;bottom: 60px;margin-left: -12px;z-index: 999;width: 25px;height: 37px;background: url("../image/iconmouse.png") no-repeat center;}
.iconmouse .line{
	position: absolute;
	width: 2px;
	height: 9px;
	background: #fff;
	top: 4px;
	left: 50%;
	margin-left: -1px;
	animation: drop  1s infinite;

}
@keyframes drop {

  0%   { transform:translateY(0px);  opacity: 0;}

  30%  {  transform:translateY(5px); opacity: 1;}

  100% {  transform:translateY(15px); opacity: 0;}

}
.swiper-slide{position: relative;}

.banner-in{padding-top:220px; }

.bl{width: 44px;height: 30px;text-align: center;line-height: 30px;left: 76px;top:394px; background: #fff;}

.br{width: 44px;height: 30px;text-align: center;line-height: 30px;left: 122px;top:394px;background: #fff;}

.bl:hover,.br:hover{color: #fff;background: #ef5922;}

.btnmore{width: 129px;height: 35px;text-align: center;line-height: 35px;display: inline-block;}

.btnmore img{margin-left: 3px;transition: all .3s;}

.btnmore:hover img{transform:translateX(6px);}

.bannermore{color: #fff;background: #ef5922;}

.bannermore:hover{opacity: .9;color: #fff;}

.banner-in{color: #fff;}

.banner-in .title1{font-size: 66px;font-weight: bold;display: inline-block;position: relative;left: 200px;opacity: 0;margin-bottom: 24px;vertical-align:middle;line-height:1.1}

.banner-in .title1::after{content: '';position: absolute;left: 0;bottom: -10px;width: 100%;height: 6px;background: #ef5922;z-index: -1;}

.banner-in .titlle2{font-size: 24px;margin-bottom: 68px;left: 350px;opacity: 0;position: relative}

.banner-in .bannermore{position: relative;left: 0;opacity: 0;}


.indexbanner .swiper-slide{background-size: cover;height: 600px;}

.trs3{transition: all .3s;}

.trs5{transition: all .5s;}

.trs10{transition: all 1s;}

.trs15{transition: all 1.5s;}


.ani-slide .title1,.ani-slide .bannermore,.ani-slide .titlle2{opacity: 1;left: 0;    font-weight: normal;
    font-family: "黑体";  }

.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev,
.indexbanner .btnmore.bannermore{
    display: none;
}

.scrollpic .slideGroup {
	width: 100%;
	text-align: left;
	text-align: center;
}
.scrollpic .slideGroup .slideBox {
	overflow: hidden;
	zoom: 1;
	position: relative;
}
.scrollpic .slideGroup .sPrev, .slideGroup .sNext {
	background-image: url("../image/jt_l.png");
	display: inline-block;
	width: 42px;
	height: 42px;
	margin-right: 1px;
	background-color: #c1c1c1;
	border-radius: 4px 0 4px 0;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	margin-bottom: 20px;
	position:absolute;
	top:50%;
	z-index:99;
}
.scrollpic .slideGroup .sPrev{left:0}
.scrollpic .slideGroup .sNext {
	background-image: url("../image/jt_r.png");
	display: inline-block;
	right:0;
}
.scrollpic .slideGroup .sPrev:hover, .slideGroup .sNext:hover {
	background-color: #16b4b9;
}
.scrollpic .slideGroup .parBd ul {
	overflow: hidden;
	zoom: 1;
}
.scrollpic .slideGroup .parBd ul li {
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.scrollpic .slideGroup .parBd ul li .pic {
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.scrollpic .slideGroup .parBd ul li .pic a {
	display: block;
	text-align: center;
	overflow: hidden;
}
.scrollpic .slideGroup .parBd ul li .pic a .iblock {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.scrollpic .slideGroup .parBd ul li .pic img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	transition: transform .6s;
}
.scrollpic .slideGroup .parBd ul li .pic a:hover img {
	transform: scale(1.1);
}
.scrollpic .slideGroup .parBd ul li .title {
	line-height: 34px;
	background-color: #1f71c2;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.scrollpic .slideGroup .parBd ul li .title a {
	display: block;
	color: #fff;
	font-size: 14px;
	padding: 0 15px;
	height: 34px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.scrollpic .slideGroup .parBd ul li .title p {
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	height: 0;
	overflow: hidden;
	transition-duration: .25s;
	-ms-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-webkit-transition-duration: .25s;
	margin-bottom: 0;
}
.scrollpic .slideGroup .parBd ul li:hover p {
	height: 40px;
	margin-bottom: 10px;
	padding: 0 15px;
}
.scrollpic .slideGroup .parBd ul li:hover .title {
	background-color: #16b4b9;
}
.scrollpic .slideGroup .parBd ul li:hover .pic {
	border: 1px solid #16b4b9;
}
.pic_title{    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    color: #fff;
    line-height: 40px;}
    
@media screen and (max-width: 980px){ 
.banner-in .title1{font-size: 30px;}  
.banner-in .titlle2{font-size:20px;}
.banner-in.wrap{padding: 35vh 26px 0px!important;height: 100vh;background: rgba(0, 0, 0, 0.3);}
}