/* CSS Document */
/*====banner====*/
.banner { height: 640px; width: 100%; z-index: 0; }
.swiper-container { width: 100%; height: 640px; position: relative; }
.swiper-container a{
	display: block;
	width: 100%;
	height: 100%;
}
.swiper-slide {width: 100%; height: 640px; position: relative; background: no-repeat center top; background-size: cover; position: relative;}
.swiper-slide .bannerfloat{
	position: absolute;
	height: 216px;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 4;
	background: url(../image/banner_shoaw.png) repeat-x;
}
.swiper-slide .play{
	position: absolute;
	width: 50px;
	height: 50px;
	/*background-color: #fff;*/
	/*background: url(../images/play.png) center no-repeat #fff;*/
	/*background: url(../images/zz/play.png) center no-repeat;*/
	cursor: pointer;
	background-size: 80% auto;
	left: 50%;
	top: 50%;
	top: 70%;
	margin-left: -25px;
	margin-top: -59px;
	z-index: 3;
	font-size: 0;
}
.swiper-slide .play svg{
	width: 50px;
	height: 50px;
	opacity: 0.5;
}
.swiper-pagination { bottom: 50px !important; z-index:9999; }
.swiper-pagination-bullet { width:12px; height:12px; background-color:rgba(255,255,255,1); border-radius:6px;}
.swiper-pagination-bullet-active {width:30px; }


.video { position: absolute; min-width: 100%; min-height: 640px; width: auto; height: auto; z-index: 0;  background-color: #000; left: 0; top: 0;}
.video2 { width: 800px; height: 450px; position: fixed; z-index: 9998; left: 50%; top: 50%; margin-top: -225px; display: none; margin-left: -400px; }
.close{
	position: fixed;
	z-index: 9999;
	left: 50%;
	top: 50%;
	margin-top: -225px;
	display: none;
	margin-left: 370px;
	width: 30px;
	height: 30px;
	background: url(../image/close.png) center no-repeat rgba(255, 255, 255, 0.5);
	background-size: 25px auto;
	cursor: pointer;
}
.video2_bg { position: fixed; z-index: 8888; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.8); display: none; }
.swiper-slide-active .banner_zi {animation: myfirst; animation-duration: 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; } 
.swiper-slide-active .banner_zi2 {animation: myfirst2; animation-duration: 1s; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay:0.1s; } 
.swiper-slide-active .banner_zi3 { animation: myfirst3; animation-duration: 1s; animation-iteration-count: 1; animation-fill-mode: forwards; } 
.swiper-slide-active .banner_zi4 { animation: myfirst4; animation-duration: 1s; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay:0.1s; } 
.swiper-slide-active .banner_zi5 {animation: myfirst5; animation-duration: 1s; animation-iteration-count: 1; animation-fill-mode: forwards;} 
.banner_zi { height: 50px; width: 1280px; margin-right: auto; margin-left: auto; position: relative; top: 250px; font-size: 36px; line-height: 50px; font-weight: normal; color: #FFF; letter-spacing: 5px; text-shadow: 0 1px 10px rgba(0,0,0,0.8);  }
@keyframes myfirst { 
from {
opacity:0;
top: 200px;
}
to {
bopacity:1;
top: 250px;
}
}
.banner_zi2 {height: 40px; width: 40%; margin-right: auto; margin-left: auto; position: relative; top: 250px; font-size: 16px; line-height: 25px; font-weight: normal; color: #FFF; letter-spacing: 5px; text-shadow: 0 1px 10px rgba(0,0,0,0.8);  }
@keyframes myfirst2 { 
from {
opacity:0;
top: 200px;
}
to {
bopacity:1;
top: 250px;
}
}
.banner_zi3 { height: 50px; width: 1280px; margin-right: auto; margin-left: auto; position: relative; top: 250px; font-size: 36px; line-height: 50px; font-weight: normal; color: #FFF; letter-spacing: 5px; text-align: center; text-shadow: 0 1px 10px rgba(0,0,0,0.8); z-index: 3;}
@keyframes myfirst3 { 
from {
opacity:0;
top: 200px;
}
to {
bopacity:1;
top: 250px;
}
}
.banner_zi4 { height: 40px; width: 1280px; margin-right: auto; margin-left: auto; position: relative; top: 250px; font-size: 24px; line-height: 50px; font-weight: normal; color: #FFF; letter-spacing: 5px; text-align: center; text-shadow: 0 1px 10px rgba(0,0,0,0.8); z-index: 3;}
@keyframes myfirst4 { 
from {
opacity:0;
top: 200px;
}
to {
bopacity:1;
top: 250px;
}
}
.banner_zi5 {/*height: 70px;*/ max-width: 1200px; width:120%;  /*margin-right: auto; margin-left: auto;*/ position: absolute; /*top: 250px;*/ transform: translate(-50%, -50%); top: 80%; left: 40%;}
@keyframes myfirst5 { 
from {
opacity:0;
top: 200px;
}
to {
bopacity:1;
top: 250px;
}
}
.banner_zi5 img {/*height: 70px;width: 610px;*/ max-width: 120%; margin-top:160px;}
.banner_zhezhao { height: 120px; width: 100%; background-image: url(../image/banner_zhezhao_02.png); background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 999; bottom: 0px; background-size: 100% 100%;}
/*====关于我们====*/
.gywm { width: 1280px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; }
.gywm_tu { width: 100px; height: 100px; margin-left: auto; margin-right: auto; }
.gywm_tu img { width: 100px; height: 100px; display: block; }
.gywm_zi { font-size: 30px; line-height: 50px; text-align: center; margin-top: 10px; color: #0080cc; }
.gywm_zi2 { font-size: 16px; line-height: 30px; font-weight: normal; color: #807f85; text-align: center; margin-top: 10px;   font-size: 18px;}
.gywm_tu2 { width: 40px; height: 40px; margin-left: auto; margin-right: auto; margin-top: 10px; }
.gywm_tu2 img { width: 40px; height: 40px; display: block; }

/*====数据====*/
.shuju { background-image: url(../image/shuju_bg.png); background-repeat: no-repeat; background-position: center center; height: 470px; width: 100%; padding-top: 60px; }
.shuju2 { height: 80px; width: 761px; margin-right: auto; margin-left: auto; margin-top: 80px; }
.shuju2 ul li { float: left; height: 80px; width: 380px; }
.shuju2 ul li:hover { margin-top:-10px; transition:all 0.3s;}
.shuju2 ul i { background-color: #d3d3d3; display: block; float: left; height: 60px; width: 1px; margin-top: 10px; }
.shuju3 { height: 80px; width: 1142px; margin-right: auto; margin-left: auto; margin-top: 80px; }
.shuju3 ul li { float: left; height: 80px; width: 380px; }
.shuju3 ul li:hover { margin-top:-10px; transition:all 0.3s;}
.shuju3 ul i { background-color: #d3d3d3; display: block; float: left; height: 60px; width: 1px; margin-top: 10px; }
.shuju_left { float: left; height: 80px; width: 190px; font-size: 72px; line-height: 80px; font-weight: normal; color: #0080CC; text-align: right; }
.shuju_right { height: 60px; width: 180px; float: left; font-size: 18px; line-height: 30px; color: #0080CC; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
.shuju_left2 { float: left; height: 80px; width: 220px; font-size: 72px; line-height: 80px; font-weight: normal; color: #0080CC; text-align: right; }
.shuju_right2 { height: 60px; width: 150px; float: left; font-size: 18px; line-height: 30px; color: #0080CC; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }

.shuju3 ul li{
	text-align: center;
}
.shuju3 ul li .shuju_left {
    width: auto;
    display: inline-block;
    float: none;
}

.shuju3 ul li .shuju_right {
    width: auto;
    display: inline-block;
    text-align: left;
    float: none;
}
/*====æ–°é—»====*/
.xw_box { padding-top: 70px; padding-bottom: 70px; }
.xw_biti { height: 60px; width: 1280px; margin-right: auto; margin-left: auto; }
.xw_biti_right { float: right; height: 20px; width: 200px; padding-top: 40px; text-align: right; }
.xw_biti_right a { font-size: 14px; line-height: 20px; letter-spacing: 3px; color: #807f85; font-weight: normal; }
.xw_biti_right a:hover {color:#0080cc;}
.xw_biti_left { float: left; height: 60px; width: 200px; }
.xw_biti_zi { line-height: 40px; font-size: 24px; color: #0080cc; letter-spacing: 3px; }
.xw_biti_zi2 { line-height: 20px; font-size: 16px; color: #0080cc; text-transform: uppercase; }
.xw { width: 1280px; margin-right: auto; margin-left: auto; }
.xw ul li { float: left; height: 180px; margin-right: 20px; width: 630px; background-color: #f5f5f5; margin-top: 20px; }
.xw ul li:nth-child(2n) {  margin-right: 0px; }
.xw_left { float: left; height: 180px; width: 256px; }
.xw_left img { height: 180px; width: 256px; }
.xw_right { height: 140px; margin-left: 256px; padding: 20px; }
.xw_shang { height: 34px; padding-top: 10px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:rgba(0,0,0,0.1); }
.xw_shang_right { float: right; height: 34px; /*width: 50px;*/ font-size: 16px; line-height: 34px; font-weight: normal; color: #38383a;  /*opacity:0;*/}
.xw_shang_left { height: 34px;  float: left; font-size: 20px; line-height: 34px; font-weight: normal; color: #0080CC; text-align: center; padding-right: 10px;  border-right-color: #0080CC; }
.xw_shang_left2 { height: 34px; font-size: 14px; line-height: 17px; font-weight: normal; width: 100px; float: left; padding-left: 10px; }
.xw_zi { color: #0080CC; }
.xw_zi2 { color: #0080CC; }
.xw_xia { font-size: 16px; line-height: 25px; font-weight: normal; color: #38383a; height: 50px; margin-top: 20px; }

.xw ul li:hover { background-color:#0080cc; transition:all 1s; box-shadow: 0 0 20px #00a0ff}
.xw ul li:hover .xw_shang { border-bottom-color:rgba(255,255,255,0.3); transition:all 0.5s;}
.xw ul li:hover .xw_shang_right { opacity:1; transition:all 0.5s; color: #fff;}
.xw ul li:hover .xw_shang_left {color: #fff; border-right-color: #fff; transition:all 0.5s;}
.xw ul li:hover .xw_zi {color: #fff; transition:all 0.5s;}
.xw ul li:hover .xw_zi2 {color: #fff; transition:all 0.5s;}
.xw ul li:hover .xw_xia {color: #fff; transition:all 0.5s;}


/*====foot_banner====*/
.foot_banner { height: 640px; width: 100%; z-index: 0; }
.swiper2{
	max-width: 1920px;
	margin: 0 auto;
}
.swiper2 .swiper-slide:hover .foot_banner_xia { animation-iteration-count: 1; animation-fill-mode: forwards; display:block; }
.foot_banner_xia { display:block; height: 100px; width: 60%; border: 1px solid #FFF; position: relative; left: 64.5%; top: 50%; padding: 40px; margin-left: -640px; margin-top: -90px; background: rgba(0,0,0,0.4); }

.foot_banner_xia_zi { line-height: 40px; color: #FFF; font-size: 18px; }
.foot_banner_xia_zi2 { font-size: 16px; line-height: 30px; font-weight: normal; color: #FFF; }
.foot_banner_xia_zi2_m{display:none; font-size: 16px; line-height: 30px; font-weight: normal; color: #FFF;}
@keyframes myfirst6 { 
from {
opacity:0;
margin-left: -960px;
}
to {
bopacity:1;
margin-left: -640px;
}
}




.banner_gif{
	display: none;
}
@media screen and (max-width: 750px) {
.swiper-pagination{
	font-size: 0;
	bottom: 0.4rem !important;
}
.swiper-pagination .swiper-pagination-bullet{
	width: 0.15rem;
	height: 0.15rem;
	border-radius: 0.075rem;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 0.30rem;
}


	.banner_zhezhao{
		height: 0.48rem;
	}
	.swiper1.swiper-container, .swiper1 .swiper-slide{
		height: 8.06rem;
		height: 6.06rem;
	}
	.swiper-slide .bannerfloat{
		height: 2.60rem;
		background-size: auto 100%;
	}
	.video{
		width: 100%;
		height: 100%;
		min-height: inherit;
		object-fit: cover;
		display: none;
	}
	.banner_gif{
		display: block;
		max-width: 100%;
	}
	.swiper-slide .play{
		width: 0.70rem;
		height: 0.70rem;
		margin-left: -0.35rem;
		margin-top: -0.35rem;
		font-size: 0;
	}
	.swiper-slide .play svg{
		width: 0.70rem;
		height: 0.70rem;
		opacity: 0.5;
	}
	.banner_zi, .banner_zi1, .banner_zi2, .banner_zi3, .banner_zi4, .banner_zi5{
		width: 5.00rem;
		left: 1.25rem;
		margin: 0;
		height: auto;
		top: 1rem;
		font-size: 0.41rem;
		line-height: 1.8;
	}
	@keyframes myfirst { 
		from {
			opacity:0;
			top: 2.00rem;
		}
		to {
			opacity:1;
			top: 2.50rem;
		}
	}
	@keyframes myfirst2 { 
		from {
			opacity:0;
			top: 2.00rem;
		}
		to {
			opacity:1;
			top: 2.50rem;
		}
	}
	@keyframes myfirst3 { 
		from {
			opacity:0;
			top: 2.00rem;
		}
		to {
			opacity:1;
			top: 2.50rem;
		}
	}
	.banner_zi4, .banner_zi2{
		font-size: 0.26rem;
		letter-spacing: 0;
		min-width:50%;
	}
	@keyframes myfirst4 { 
		from {
			opacity:0;
			top: 2.00rem;
		}
		to {
			opacity:1;
			top: 2.50rem;
		}
	}
	.banner_zi5 img{
		width: 100%;
		height: auto;
		margin-top:10px;
	}
	@keyframes myfirst5 { 
		from {
			opacity:0;
			top: 40%;
		}
		to {
			opacity:1;
			top: 50%;
		}
	}
	.banner_zi5{left: 50%;top: 50%;width: 6.00rem; width:120%;}








	/*section*/
	.gywm{
		width: 100%;
		padding: 0.28rem 0.32rem 0.34rem;
		box-sizing: border-box;
	}
	.gywm_tu, .gywm_tu img{
		width: 1.00rem;
		height: auto;
	}
	.gywm_zi{
		font-size: 0.36rem;
		line-height: 0.48rem;
		width: 4.00rem;
		margin: 0.10rem auto 0;
	}
	.gywm_zi2{
		font-size: 0.18rem;
		line-height: 0.36rem;
	}


	.shuju{
		background-size: cover;
		height: auto;
		box-sizing: border-box;
		padding: 0.96rem 0.32rem 1.15rem;
		padding: 0.96rem 0 1.15rem;
	}
	.shuju2{
		width: 6.49rem;
		height: 0.85rem;
		margin-top: 0;
		overflow: hidden;
	}
	.shuju2 ul li{
		max-width: 3.12rem;
		width: auto;
	}
	.shuju_left{
		font-size: 0.62rem;
		max-width: 1.87rem;
		width: auto;
		height: 0.85rem;
		line-height: 0.85rem;
	}
	.shuju_right{
		font-size: 0.24rem;
		line-height: 0.30rem;
		height: 0.75rem;
		line-height: 0.325rem;
		/*max-width: 1.25rem;*/
		width: auto;
		padding-top: 0;
		box-sizing: border-box;
	}
	.shuju2 ul i{
		margin: 0.15rem 0.28rem;
		height: 0.60rem;
	}
	.shuju3{
		width: 100%;
		height: auto;
		text-align: center;
		margin-top: 0;
	}
	.shuju3 ul{
		line-height: 1;
		letter-spacing: -8px;
	}
	.shuju3 ul li{
		width: auto;
		display: inline-block;
		height: auto;
		float: none;

		max-width: calc(50% - 9px);
		letter-spacing: 0;
	}
	.shuju3 ul li:nth-of-type(1){
		/*margin-bottom: 0.67rem;*/
		max-width: inherit;
	}
	.shuju3 ul li a{
		display: block;

		display: flex;
		align-items: center;
	}
	.shuju3 ul i{
		float: none;
		display: inline-block;
		margin: 0 4px;
		height: 0.60rem;

		letter-spacing: 0;
	}
	.shuju3 ul i:nth-of-type(1){
		height: 0;
		display: block;
	}
	.shuju3 ul li .shuju_right{
		/*padding-left: 0;*/
	}



	.xw_box{
		padding: 0.54rem 0.32rem 0.80rem;
	}
	.xw_biti{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.xw{
		width: 100%;
	}
	.xw_biti_left{
		height: auto;
		width: auto;
	}
	.xw_biti_zi{
		font-size: 0.30rem;
		line-height: 1;
		margin-bottom: 0.12rem;
	}
	.xw_biti_zi2{
		font-size: 0.24rem;
		line-height: 1;
	}
	.xw_biti_right{
		padding-top: 0.42rem;
		width: auto;
		height: auto;
		line-height: 1;
	}
	.xw_biti_right a{
		font-size: 0.24rem;
		line-height: 1;
		display: block;
	}
	.xw ul{
		padding-top: 0.11rem;
	}
	.xw ul li{
		height: inherit;
		width: 100%;
		float: none;
		margin-top: 0.23rem;
	}
	.xw ul li a{
		display: block;
		overflow: hidden;
	}
	.xw ul li:hover{
		background-color: #f5f5f5;
		box-shadow: none;
		transition: all 0s;
	}
	.xw ul li:hover .xw_shang{
		border-bottom-color: rgba(0,0,0,0.1);
		transition: all 0s;
	}
	.xw ul li:hover .xw_shang_right{
		transition: all 0s;
		color: #38383a;
	}
	.xw ul li:hover .xw_shang_left{
		color: #0080CC;
		border-right-color: #0080CC;
		transition: all 0s;
	}
	.xw ul li:hover .xw_zi, .xw ul li:hover .xw_zi2{
		transition: all 0s;
		color: #0080CC;
	}
	.xw ul li:hover .xw_xia{
		color: #38383a;
		transition: all 0s;
	}


	.xw_left{
		width: 2.79rem;
		height: 1.97rem;
		position: relative;
		overflow: hidden;
	}
	.xw_left img{
		width: 100%;
		height: auto;
		display: block;

		position: absolute;
		max-width: inherit;
		width: auto;
		height: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.xw_shang{
		height: auto;
		overflow: hidden;
		padding: 0;
		padding-bottom: 0.20rem;
	}
	.xw_right{
		margin-left: 3.05rem;
		padding: 0.20rem 0.13rem 0 0;
		height: 1.97rem;
		box-sizing: border-box;
	}
	.xw_shang_left{
		width: auto;
		height: auto;
		font-size: 0.38rem;
		line-height: 0.48rem;
	}
	.xw_shang_left2{
		width: auto;
		line-height: 0.24rem;
		font-size: 0.24rem;
		height: auto;
	}
	.xw_shang_right{
		height: 0.48rem;
		line-height: 0.48rem;
		font-size: 0.24rem;
	}
	.xw_xia{
		margin-top: 0.15rem;
		font-size: 0.24rem;
		line-height: 0.36rem;
		overflow: hidden;
		height: 0.72rem;
	}
	.mobiledisplay{display:none;}



	.swiper2{
		/*height: 8.35rem;*/
	}

	.swiper2.swiper-container, .swiper2 .swiper-slide{
		height: 4.06rem;
	}

		
	.foot_banner_xia{
		width: 5.08rem;
		margin-left: -3.54rem;
		height: auto;
		padding: 0.45rem 0.53rem;
		box-sizing: border-box;
		display: block;
		margin-top: 0;
		transform: translateY(-50%);
	}
	.swiper2 .swiper-slide:hover .foot_banner_xia{
		animation: none;
	}
	.foot_banner_xia_zi{
		font-size: 0.30rem;
		line-height: 0.48rem;
	}
	.foot_banner_xia_zi2_m{
		display:block;
		font-size: 0.24rem;
		line-height: 0.48rem;
	}
	.foot_banner_xia_zi2{
		display:none;
		font-size: 0.24rem;
		line-height: 0.48rem;
	}

}