@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}
html {
  font-family: "Microsoft YaHei";
  font-size: 12px;
  color: #333333;
}
ul li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
img{
  border: 0;
}
input{
	border: 0;
	outline: none;
}
i,
em {
  font-style: normal;
}
a {
  text-decoration: none;
  color: #333333;
}
a:hover {
  color: #8d1b20;
}
.container {
  width: 1400px;
  margin: 0 auto;
}
.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.pull_left {
  float: left !important;
}
.pull_right {
  float: right !important;
}
.cen{margin:0 auto;}
.cen{clear:both;}
.clear{ clear:both;}

html,body {margin: 0;padding: 0;}
.bf-top {width: 100%;height: 294px;overflow: hidden;position: relative;min-width: 1200px;}
.bf-container {position: absolute;width: 1200px;height: 100%;left: 50%;top: 0;transform: translate(-50%,0);}
@keyframes videoSong {
	0% {
		transform: scale(1, 1);
	}

	25% {
		transform: scale(1.02, 1.02);
	}

	50% {
		transform: scale(1.04, 1.04);
	}

	75% {
		transform: scale(1.06, 1.06);
	}

	100% {
		transform: scale(1.08, 1.08);
	}
}
.bf-top > img {
	display: block;
	width: 100%;
	height: 100%;
	animation-name: videoSong;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay: 0;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: videoSong;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
	background: url(/templates/jxjy2025/img/top_bg_01.jpg) no-repeat top center;
}

/* banner */
#swiper1 {width: 100%;height: 100%;overflow: inherit;}
#swiper1 > img {position: absolute;left: 0;top: 50%;transform: translate(0,-50%);z-index: 5;}

#swiper1 .swiper-wrapper .swiper-slide {position: relative;width: 100%;height: 100%;}
#swiper1 .swiper-wrapper .swiper-slide img {opacity: 0;-webkit-transition: all 2s;-moz-transition: all 2s;-ms-transition: all 2s;transition: all 2s;}

/* one */
#ban-one img:first-child{z-index: 7;position: absolute;height: 100%;right: 0;transition-delay: 0.5s!important;transform: translate(-100px,0) scale(1,1);}
#ban-one img:nth-child(2){z-index: 10;position: absolute;right: 0%;bottom: -2%;height: 61.22%;transition-delay: 1s!important;transform: translate(-100px,0) scale(1,1);}

/* two */
#ban-two img:first-child{z-index: 7;position: absolute;height: 100%;right: 0;transition-delay: 0.5s!important;transform: translate(100px,0) scale(1,1);}
#ban-two img:nth-child(2){z-index: 10;position: absolute;right: 0%;bottom: -8%;transition-delay: 1s!important;transform: translate(0,100px) scale(1,1);}

/* three */
#ban-three img:first-child{z-index: 7;position: absolute;height: 100%;right: 0;transition-delay: 0.5s!important;transform: translate(0,0) scale(1.2,1.2);}
#ban-three img:nth-child(2){z-index: 10;position: absolute;right: 0%;height: 60%;bottom: -5%;transition-delay: 1s!important;transform: translate(0,0) scale(0,0);}
#swiper1 .swiper-wrapper .swiper-slide-active img {opacity: 1;transform: translate(0,0) scale(1,1);}