@charset "utf-8";


/* CSS Document */


*{	padding:0;	margin:0;}


.swiper-banner{position: relative;	height:634px; width: 100%;overflow: hidden;}


.swiper-banner .pcimg{width: 100%;height: 100%;}


.arrow-left {


  background: url(../images/arrows.png) no-repeat left top;


  position: absolute;


  left: 10px;


  top: 50%;


  margin-top: -15px;


  width: 17px;


  height: 30px;


  z-index:10;


}


.arrow-right {


  background: url(../images/arrows.png) no-repeat left bottom;


  position: absolute;


  right: 10px;


  top: 50%;


  margin-top: -15px;


  width: 17px;


  height: 30px;


  z-index:10;


}


.pagination {


  position: absolute; z-index:1;


  left: 0;


  text-align: center;


  bottom:5px;


  width: 100%;


}


.swiper-pagination-switch {


  display: inline-block;


  width: 10px;


  height: 10px;


  border-radius: 10px;


  background: #999;


  margin: 0 3px;


  cursor: pointer;


}


.swiper-active-switch {


  background: #fff;


}


.swiper-slide{


	position:relative;


	opacity:0;


	transition: opacity 0.7s ease-in-out;


}


.swiper-slide-active{


	opacity:1;


}


.swiper-slide .img{


	position:absolute;


}


.slidecon{


	position:relative;


	display:block;


	max-width:1000px;


	height:634px;


	margin:0 auto;


}


.banner_txt{width: 100%; height: 100%;position: absolute;top: 0;left: 0;}


.swiper-slide .b-1 {left:0;top:200px;}


.swiper-slide .b-2 {left:380px;top: 215px;}








.loop{


	animation-iteration-count: infinite;/*无限*/


	animation-timing-function:linear;/*平滑*/


}


.targetBtn {


    margin-top: 20px;


    position: absolute;


    bottom: 60px;


    left: 352px;


    z-index: 999;


}


.targetBtn a{


	height:50px;


	border-radius:50px;


	background:rgba(0,0,0,.5);


	float:left;


	line-height:50px;


	text-align:center;


	color:#fff;


	text-decoration:none;


	}


.targetBtn .a1{


	width:110px;


	}


.targetBtn .a2{


	width:170px;


	margin-left:15px;


	}	





@media only screen and (max-width:767px) {


.banner_txt{width: 100%; height: 100%;}


.swiper-slide .b-1 {left:40px;top:100px;max-width:300px;}


.swiper-slide .b-2 {top: 350px;left:40px;}


.arrow-left,.arrow-right{display: none;}


}





/*自定义CSS动画*/


.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}


@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}


10%{opacity: 1;}


100%{opacity: 1;left:550px;}}


@keyframes moveRight{0%{opacity: 0;left:0px;}


10%{opacity: 1;}


100%{opacity: 1;left:550px;}}





.moveLeft{-webkit-animation-name:moveLeft;animation-name:moveLeft}


@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}


10%{opacity:1;}


100%{opacity:1;left:-370px;}}


@keyframes moveLeft{0%{opacity:0;left:390px;}


10%{opacity:1;}


100%{opacity:1;left:-370px;}}