@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#333;text-align:center;background:#fff}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:none;}
ol,ul,li{list-style:none;} 
em{font-style:normal;}
/*clear*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
.w1000{width:1000px;margin: 0 auto;}
.w1300{width:1300px;margin: 0 auto;}
  /*header*/
.header{background:#fff;height:41px;}
.header span{float:left;}
.header span img{margin-top:3px;}
.header em{float:right;padding-top:8px;}
.header em a{margin:0 6px;}
.header em,.header em a,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}

html,body{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.swiper-container{
  width: 100%;
  height: 100%;
}
.swiper-container .swiper-slide-active{z-index:999;}
.swiper-slide{overflow: hidden;}
.video-main{
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.video-main .next-arr{
  width:30px; 
  height:30px; 
  background: url(../images/next-arr.png)no-repeat center/cover; 
  animation:nextArr 1s linear infinite; 
  position:absolute; 
  left:0; 
  right:0; 
  bottom:100px; 
  z-index:10; 
  display:none;
}

.video{object-fit:cover; width:100%; min-height:100%;}


@keyframes nextArr{
  to{
    opacity: 0;
    transform: translateY(50px);
  }
}


.bigmenu{width: 170px; height: 680px; background: url(../images/menu2.png) no-repeat center/cover; position:fixed; top:0; bottom:0; right:10px; margin:auto; z-index:99; display:none;}
.bigmenu-list{width: 100%; margin-top:10px;}
.bigmenu-list li{width:90%; margin:0 10% 0 4%; height:51px; cursor:pointer; text-align:center;}
.bigmenu-list li span{display:block; width:120px; margin: 0 auto;text-align: center;font: 900 18px/50px "Microsoft Yahei,SimHei,STHeiti,PingFang SC"; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2); color: #31318B;}


.p2,.p4,.p5,.p6,.p7{background: url(../images/bg.jpg)no-repeat top center/cover !important;}

.p8{background: url(../images/bg_red.jpg)no-repeat top center/cover !important;}


.p2-main{width:1270px;height: 800px;background: url(../images/p2-2.png)no-repeat center/contain; margin-top: 10px;}
.p2-tittle{width: 400px;height:90px; margin: 0 auto; margin-top: 50px; background: url(../images/p2-title.png)no-repeat center/cover;}


.p4-main{box-sizing:border-box; margin: 0 auto; margin-top:60px; width:1200px;}
.p4-tittle{width:400px; height:90px;background: url(../images/p4-tittle.png) no-repeat center/cover; margin:0 auto; margin-top:50px;}

.p4-main .hzgk{box-sizing:border-box; width:1200px; position: relative;}
.p4-main .hzgk li{ width:1200px; height:719px;}
.p4-main .hzgk li a{ display:block; width:100%; height:100%;}
.p4-main .hzgk li:nth-child(1){background:url(../images/hzgk1.png) no-repeat center/cover;}
.p4-main .hzgk li:nth-child(2){background:url(../images/hzgk2.png) no-repeat center/cover;}
.p4-main .hzgk li:nth-child(3){background:url(../images/hzgk3.png) no-repeat center/cover;}
.p4-main .hzgk li:nth-child(4){background:url(../images/hzgk4.png) no-repeat center/cover;}
.p4-main .hzgk li:nth-child(5){background:url(../images/hzgk5.png) no-repeat center/cover;}

.p4-main .togglebox {width: 1038px; margin: 120px auto 0;}
.p4-main .togglebox dd{width:100%; height:90px; margin-top:10px; }
.p4-main .togglebox dd:nth-child(1){background: url(../images/file01.png) no-repeat center/cover;}
.p4-main .togglebox dd:nth-child(2){background: url(../images/file02.png) no-repeat center/cover;}
.p4-main .togglebox dd:nth-child(3){background: url(../images/file03.png) no-repeat center/cover;}
.p4-main .togglebox dd:nth-child(4){background: url(../images/file04.png) no-repeat center/cover;}
.p4-main .togglebox dd:nth-child(5){background: url(../images/file05.png) no-repeat center/cover;}

.p4-main .hzgk li:nth-child(3) em{
  display:block;
  width: 770px;
  height: 480px;
  margin: 107px 0 0 378px;
  background: url(../images/hzgk3_1.png);
  -webkit-animation:cloud 40s linear infinite;
  -o-animation:cloud 40s linear infinite;
  animation-play-state:paused;
  -webkit-animation-play-state:paused;  
  }

  @-webkit-keyframes cloud {
  from{background-position:0% 0%}
  to{background-position:100% 100%}
  }

.p4-main .hzgk li:nth-child(3) em:hover {
  animation-play-state:running;
  -webkit-animation-play-state:running;
  cursor:w-resize;
}

.p4-main .hzgk .prev, .p4-main .hzgk .next {
  position: absolute;
  left: 0.5%;
  top: 50%;
  margin-top: -25px;
  display: block;
  width: 48px;
  height: 58px;
  background: url(../images/slider-arrow.png) -165px 5px no-repeat;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.p4-main .hzgk .next {
  left: auto;
  right: 0.5%;
  background-position: 8px 5px;
}

.p4-main .hzgk .prev:hover,
.p4-main .hzgk .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.p4-main .hzgk .prevStop{ display:none; }
.p4-main .hzgk .nextStop{ display:none; }

.p4-main .hzgk .hd {
  height: 15px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 1;
}


.p5-main{width:1270px; height: 800px;background: url(../images/p5-2.png)no-repeat center/contain; margin-top: 10px;}
.p5-tittle{width:400px; height:90px;margin: 0 auto; margin-top: 50px; background: url(../images/p5-title.png)no-repeat center/cover;}

.p5-main .box{position:relative; box-sizing:border-box; width:1270px; height:800px;}
.p5-main .box li{position:absolute; width:160px; height:450px; transition:all 1.2s;}
.p5-main .box li:hover{transform: scale(1.1) !important; transition:all .6s;}
.p5-main .box a{ display:block; width:100%; height:100%;}
.p5-main .box li:nth-child(1){background:url(../images/p5-link1.png) no-repeat center/cover; left:171px; top:254px;}
.p5-main .box li:nth-child(2){background:url(../images/p5-link2.png) no-repeat center/cover; left:370px; top:203px;}
.p5-main .box li:nth-child(3){background:url(../images/p5-link3.png) no-repeat center/cover; left:569px; top:254px;}
.p5-main .box li:nth-child(4){background:url(../images/p5-link4.png) no-repeat center/cover; left:768px; top:203px;}
.p5-main .box li:nth-child(5){background:url(../images/p5-link5.png) no-repeat center/cover; left:967px; top:254px;}


.p6-main{width:1344px;height: 800px; margin-top: 10px;}
.p6-tittle{width:400px; height:90px;margin: 0 auto; margin-top: 50px; background: url(../images/p6-title.png)no-repeat center/cover;}

.p6-main .box{position:relative; box-sizing:border-box; width:1344px; height:600px;}
.p6-main .box li{position:absolute; width:270px; height:228px; transition:all 1.2s;}
.p6-main .box li:hover{transform: scale(1.1) !important; transition:all .6s;}
.p6-main .box a{ display:block; width:100%; height:100%;}
.p6-main .box li:nth-child(1){background:url(../images/001.png) no-repeat center/cover; left:0; top:103px;}
.p6-main .box li:nth-child(2){background:url(../images/002.png) no-repeat center/cover; left:280px; top:103px;}
.p6-main .box li:nth-child(3){background:url(../images/010.png) no-repeat center/cover; left:560px; top:103px;}
.p6-main .box li:nth-child(4){background:url(../images/003.png) no-repeat center/cover; left:840px; top:103px;}
.p6-main .box li:nth-child(5){background:url(../images/004.png) no-repeat center/cover; left:1120px; top:103px;}
.p6-main .box li:nth-child(6){background:url(../images/005.png) no-repeat center/cover; left:0; top:376px;}
.p6-main .box li:nth-child(7){background:url(../images/006.png) no-repeat center/cover; left:280px; top:376px;}
.p6-main .box li:nth-child(8){background:url(../images/009.png) no-repeat center/cover; left:560px; top:376px;}
.p6-main .box li:nth-child(9){background:url(../images/007.png) no-repeat center/cover; left:840px; top:376px;}
.p6-main .box li:nth-child(10){background:url(../images/008.png) no-repeat center/cover; left:1120px; top:376px;}

.p6-main .box li:nth-child(1):hover{background:linear-gradient(rgba(3,30,182,0.9),rgba(2,86,245,0.9)),url(../images/001.png) no-repeat center/cover;}
.p6-main .box li:nth-child(1) .fd{position:absolute; top:-40px; left:30px; width:300px; height:300px; display:none;}
.p6-main .box li:nth-child(1) .fd a{width:70px; height:70px; background:url(../images/fd1.png) no-repeat center/cover; position:absolute; transition:all 1.2s;}
.p6-main .box li:nth-child(1) .fd a:hover{transform: scale(1.2) !important; transition:all .6s;}
.p6-main .box li:nth-child(1) .fd .t1{background-image:url(../images/fd1.png); left:13px; top:30px;}
.p6-main .box li:nth-child(1) .fd .t2{background-image:url(../images/fd2.png); left:91px; top:60px;}
.p6-main .box li:nth-child(1) .fd .t3{background-image:url(../images/fd3.png); left:162px; top:106px;}
.p6-main .box li:nth-child(1) .fd .t4{background-image:url(../images/fd4.png); left:91px; top:152px;}
.p6-main .box li:nth-child(1) .fd .t5{background-image:url(../images/fd5.png); left:13px; top:180px;}


.p7-main{width:1100px; height:485px; margin-top: 120px;}
.p7-tittle{width: 600px;height:90px; margin: 0 auto; margin-top: 50px; background: url(../images/p7-title.png)no-repeat center/cover;}

.p7-content{width:1100px; height:485px; display: flex;}
.p7-content li:nth-child(1) .stitle{background:url(../images/hxjs01.png) no-repeat top/cover;}
.p7-content li:nth-child(2) .stitle{background:url(../images/hxjs02.png) no-repeat top/cover;}
.p7-content li:nth-child(3) .stitle{background:url(../images/hxjs03.png) no-repeat top/cover;}
.p7-content li:nth-child(4) .stitle{background:url(../images/hxjs04.png) no-repeat top/cover;}
.p7-content li:nth-child(5) .stitle{background:url(../images/hxjs05.png) no-repeat top/cover;}
.p7-content li:nth-child(6) .stitle{background:url(../images/hxjs06.png) no-repeat top/cover;}

.p7-main .item-group{
	display: flex;
	justify-content: center;
	align-items: center;
	height:485px;
	position: relative;
	width: 138px;
	overflow: hidden;
	transition: all .4s;
}
.p7-main .item-group .stitle{
	width:500px;
	height:85px;
	left:-206px;
	transform: rotate(-90deg);
	position: absolute;
	cursor: pointer;
	z-index: 1;
}

.p7-main .item-group .desc{
	box-sizing: border-box;
	height: 485px;
	padding:50px 30px 30px calc(30px + 98px);
	color: #666;
	background:url(../images/hxjs_bg.png) no-repeat 100%;
	flex: 1;
	opacity: 0;
}

.p7-main .item-group .desc p{margin-bottom:16px;	width: 485px; font: 18px/1.5em "Microsoft Yahei,SimHei,STHeiti,PingFang SC";}
.p7-main .item-group .desc p a{color:#000;}
.p7-main .item-group.self{width:100%;}
.p7-main .item-group.self .desc{	opacity: 1;}


.p8-main{width:1270px;height: 800px; margin-top: 10px;}
.p8-tittle{width:400px; height:90px;margin: 0 auto; margin-top: 50px; background: url(../images/p8-title.png)no-repeat center/cover;}

.p8-main .txt{margin-top:60px;}
.p8-main .txt p{padding:5px 50px; font: 20px/1.5em "Microsoft Yahei,SimHei,STHeiti,PingFang SC"; color:#fff; text-indent: 2em;}


@media (min-width:980px) and (max-width:1380px)
	   {
      .p2-main,.p4-main,.p5-main,.p6-main,.p7-main,.p8-main{margin-top:0;transform:scale(0.9);transform-origin: top center;}
      .p4-main{margin-top:10px;}
      .p8-main .txt{margin-top:10px;}
      .p2-tittle,.p4-tittle,.p5-tittle,.p6-tittle,.p7-tittle,.p8-tittle{margin-top: 50px;transform: scale(0.8);transform-origin: top center;}
      .bigmenu{transform: scale(0.8);transform-origin: right center;}
}

@media (min-width:1390px) and (max-width:1600px)
	   {
    .p2-main,.p4-main,.p5-main,.p6-main,.p7-main,.p8-main{margin-top:30px;transform:scale(0.8);transform-origin: top center;}
    .p4-main{margin-top:20px;}
    .p8-main .txt{margin-top:30px;}
    .p2-tittle,.p4-tittle,.p5-tittle,.p6-tittle,.p7-tittle,.p8-tittle{margin-top: 50px;transform: scale(0.7);transform-origin: top center;}
    .bigmenu{transform: scale(0.8);transform-origin: right center;}
}