img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 

*{margin:0;padding:0;list-style: none;}
a{text-decoration: none;color: #fff;}
img{ border:0;}
.containter{width:100%;height:100%;position:absolute;left:0;top:0;}
.page{width:100%;height:100%; background:url(../images/back0b.jpg) no-repeat;background-attachment: fixed;background-size: cover;background-position: center center; }

#particles-js{
	width:100%;
	height:95%;
	position: absolute;
  bottom: 0;
}  
canvas{
	display:block;
	vertical-align:bottom;
}

@keyframes rotate {
  0% { transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);}
  100% {transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);}
}
.stars {
  transform: perspective(500px);
  transform-style: preserve-3d;
  position: absolute;
  bottom: 0;
  perspective-origin: 50% 100%;
  left: 50%;
  animation: rotate 90s infinite linear;
}

.star {
  width: 2px;
  height: 2px;
  background: #F7F7B6;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0 -300px;
  transform: translate3d(0, 0, -300px);
  backface-visibility: hidden;
}
.page1{width:100%;height:100%; background:url(../images/11.jpg); background-attachment: fixed;background-size: cover;background-position: center center; position:relative;}
.page2{width:100%;height:100%;background:url(../images/10.jpg); background-attachment: fixed;background-size: cover;background-position: center center;}
.page3{width:100%;height:100%;background:url(../images/07.jpg); background-attachment: fixed;background-size: cover;background-position:top center;}
.page4{width:100%;height:100%; background:url(../images/12.jpg); background-attachment: fixed;background-size: cover;background-position: center center;}
.page5{width:100%;height:100%;background:url(../images/01.jpg); background-attachment: fixed;background-size: cover;background-position: center center;}

body,html{height:100%;overflow: hidden; font-family:"Microsoft YaHei";}

 .dian{position:absolute;right:20px;top:50%;text-align: center;}
 .dian ul{text-align:center;width:14px;}
 .dian li{width:10px;height:10px;border-radius:50%;background: #fff;text-align: center;margin:0 auto;margin-bottom: 10px;cursor:pointer;}
 .dian .da{width:14px;height:14px;}
 
  .nav{width:100%;height:50px;background:#5893d4;position:absolute;left:0;bottom:0;z-index: 111; filter:alpha(opacity:60); opacity:0.6; -moz-opacity:0.6;-khtml-opacity: 0.6; line-height: 50px;color:#fff; font-size:20px; font-weight:normal;}

    .nav ul{ width:1300px; margin:0 auto;}
  .nav li{float: left;width:16.6%;height:60px;margin:0px 0px;cursor:pointer;text-align: center; font-weight: bold; filter:alpha(opacity:30); opacity:30; -moz-opacity:30;-khtml-opacity:30;}
  .nav li a{ height:50px;display:block; line-height: 50px;color:#fff; font-size:20px; font-weight: bold;}
  .nav .bg{background:#4671d5;color:#fff;}


/*list0 start*/
.con0{ width: 1300px;height: 800px;margin-left: auto;margin-right: auto;overflow: hidden;position: relative;}
.con0-box{position: absolute;width: 1300px;height: 327px;top: 200px;left: 0px;animation: move 2s 0.1s; -webkit-animation: move 2s 0.1s; animation-fill-mode: backwards; -webkit-animation-fill-mode: backwards; overflow: hidden;}
.con0-box{ width: 1300px;height: 327px;}
@keyframes move { from { width: 0px;} to { width: 1300px; }}
@-webkit-keyframes move { from { width: 0px;}to {width: 1300px;}}
@-moz-keyframes move {from {width: 0px;}to {width: 1300px;}}
@-o-keyframes move {from { width: 0px;}to { width: 1300px; }}

.con0-box2{position: absolute; top:600px; left:0px; width:1300px; height:65px;animation: mymove 1s 1s; -webkit-animation: mymove 1s 1s; animation-fill-mode: backwards; -webkit-animation-fill-mode: backwards; overflow: hidden;}
@keyframes mymove { from { top: 1000px;} to { top:600px; }}
@-webkit-keyframes mymove { from { top:1000px;}to {top:600px;}}
@-moz-keyframes mymove {from {top:1000px;}to {top:600px;}}
@-o-keyframes mymove {from { top:1000px;}to { top:600px; }}
 
/*list1 start*/
.con1{ width:1300px; height:700px; padding-top:0%; margin:0 auto;}
.ttbg{width:1300px; height:150px; margin:10px auto; background:url(ttbg.png) no-repeat;}
.toutiao{ width:1000px; margin-left:50px;  z-index: 10; margin-top:20px;}
.toutiao h1{text-align:center; color:#1081d1;}
.toutiao h1 a{ font-size:38px; font-weight:bold; line-height:200%; color:#1081d1; }
.toutiao p{text-indent:0px; text-align:center; margin-top:10px;}
.toutiao p a{ font-size:16px;  line-height:200%; color:#7b7b7b;}
/*
.ttbg{width:1300px; height:110px; margin:10px auto;}
.toutiao{ width:1300px; height:110px; border-bottom:1px solid #CCCCCC; }
.toutiao h1{text-align:center;}
.toutiao h1 a{ font-size:48px; font-weight:bold; line-height:110px; color:#2c5b9f; }
.toutiao p{text-indent:32px; margin-top:10px;}
.toutiao p a{ font-size:16px;  line-height:200%; color:#7b7b7b;}*/

/*1.1 start*/
.main{width:1300px; height:480px; margin-top:20px; }

.mainleft{ float:left; width:600px; height:360px; background-color:#999999; padding:0px;}
/*play box start*/
.playBox{ width:600px; height:360px; background-color:#333333;overflow:hidden;}
.kePublic{background:#FFF; width:600px; height:360px;}
.mkeFocus {width:600px; height:360px;overflow:hidden; }
.mkeUl { margin: 0px auto; width:600px; height:360px;  overflow: hidden; position: relative;margin:0px;padding:0px; }
.mkeUl ul {position: absolute; left:0px; top:0px; width:10000px; list-style:none;margin:0px;padding:0px}
.mkeUl ul li { float: left; text-align: center; font: 16px "Microsoft YaHei";}
.mkeUl ul li img { margin-bottom:0; width:600px; height:360px; }
.mkeUl .du1{ position:absolute;bottom:0; height:45px; width:600px; background-color:#000000; FILTER: filter:alpha(opacity:60); opacity:0.6; -moz-opacity:0.6;-khtml-opacity: 0.6;}
.mkeUl .du1 p{font-size:16px;text-align:center; line-height:40px; color:#FFFFFF; padding-bottom:10px;}

.mkeNum {height: 45px; width: 67px; position: absolute; z-index: 1; left: 35px; bottom:0px;;font: 14px Arial; }
.mke_ns1 { font: 26px "Microsoft YaHei"; color:#F00}
.mke_ns2 { font: 18px "Microsoft YaHei"; color:#fff}
.mkeLbtn { background-image:url(kelBtn.png); height: 35px; width: 20px; position: absolute; left: 10px; bottom: 3px;  cursor: pointer; z-index: 10; }
.mkeRbtn { background-image:url(kerBtn.png); position: absolute; bottom: 2px;  right: 10px;  height: 35px; width: 20px; cursor: pointer; z-index: 10; }

.main-right{ float:right; width:460px; height:360px; background:url(bg05.png); z-index: 10;   }
.main1{ border-bottom:1px solid #CCCCCC; padding-bottom:10px;}
.main1 h2{ text-align:center; }
.main1 h2 a{font-size:22px; font-weight:normal; line-height:50px; color:#1081d1; }
.main1 p{text-indent:28px;font-size:14px;  line-height:26px; color:#333333; }
.main1 p a{}


.main2 ul{ margin-left:20px; margin-top:10px;}
.main2 li{ list-style:inside; color:#1081d1; }
.main2 li a{font-size:16px;  line-height:50px; color:#4b4666;}


/*2 start*/



/*3 start*/
.con3{width: 1300px;padding-top:4%; margin:0 auto;}
.boxbg{}
.Box {position: relative; }
		.Box .content {width: 1200px; height:300px;margin: 0 auto;background:url(bg03.png) no-repeat; }
		.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
		.Box .Box_con {position: relative;}
		.Box .Box_con .btnl {position: absolute;}
		.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
		.Box .Box_con .btnl {background:url(jtl02.png) no-repeat center;left: -72px;}
		.Box .Box_con .btnr {background: url(jtr02.png) no-repeat center;right: -72px;}
		.Box .Box_con .btnl:hover {background: url(jtl03.png) no-repeat center;}
		.Box .Box_con .btnr:hover {background: url(jtr03.png) no-repeat center;}
		.Box .Box_con .conbox {position: relative;overflow: hidden;}
		.Box .Box_con .conbox ul {position: relative;list-style: none;}
		.Box .Box_con .conbox ul li {float: left;width: 285px;height: 300px;margin-left: 20px;overflow: hidden;}
		.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
		.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 190px;transition: all 0.5s;}
		.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
		.Box .Box_con .conbox ul li p{ font-size:16px; color:#FFF; line-height:40px;padding-top:60px; text-align:center;}
			
		.Box .BoxSwitch {margin-top: 30px;text-align: center;}
		.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
		.Box .BoxSwitch span.cur {background: red;}


.font16 li{}
.font16 a{font-size:16px;  line-height:50px; color:#000000;}
		
.con3-con{ margin-top:0px; height:250px; border-radius:20px; background-color:#fff;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; }
.con3-con1{ width:530px; margin-left:40px; float:left; margin-top:25px;}
.con3-con3{width:370px; float:left;}

/*4 start*/
.con4{ width:1300px; height:800px;  padding-top:2%; margin:0 auto;}
.t4{ float:left;}
.listnav1{ float:right; width:1006px; height:450px; overflow:hidden;}
.listnavt{width:95%; height:60px; margin-left:4%;}
.divnavA{ font-size:24px; line-height:60px; text-align:center; color:#1081d1; width:150px; height:60px;float:left; font-weight:bold; background:url(n5.png) no-repeat left;}
.divnavA a{ font-size:24px; line-height:60px; text-align:center; color:#1081d1; font-weight:bold;}
.divnavB{ font-size:20px; line-height:60px; text-align:center; color:#d8c174;width:150px; height:60px;float:left;font-weight:bold; background:url(n6.png) no-repeat left;}
.divnavB a{ font-size:20px; line-height:60px; text-align:center; color:#d8c174; font-weight:bold;}
.listcon1{width:1000px; height:365px; margin-top:0px; border:3px solid #1081d1;border-radius:15px;}
.rmain-pic{ float:left;width:500px; height:330px;  margin-left:20px; margin-top:20px; position:relative; border-radius:10px; overflow:hidden; clear:both;}
.rmain-pic img{ width:500px; height:330px;}
.rmain-pic span{ width:100%; height:45px;position:absolute; bottom:0px; left:0;background-color:#000000; FILTER: filter:alpha(opacity:60); opacity:0.6; -moz-opacity:0.6;-khtml-opacity: 0.6; text-align:center; }
.rmain-pic span a{ font-size:16px; line-height:45px;}
.rmain-con{ float:right; width:480px; height:300px; margin-top:20px;}
.rmain-con ul{ margin-left:30px;}
.rmain-con li{list-style:inside; color:#1081d1;}
.rmain-con a{font-size:16px;  line-height:50px; color:#4b4666;}



.fontgray li{ padding-left:25px;}
.fontgray a{font-size:16px;  line-height:44px; color:#000000;}

/*5 start*/
.con5{width:1300px; height:600px; padding-top:3%; margin:0 auto;}

.con5-l{width:500;height:600px; float:left;}
.con5-r{width:500px;height:600px; float:right;}
.con5-lt{ width:500px; height:300px; border-radius:30px; overflow:hidden;}
.con5-lb{width:500px; height:300px;}
.pic1{ width:500px; height:300px;}
.pic1 img{width:500px; height:300px;}
.pic2{width:248px; height:148px; float:left; margin-right:2px; margin-top:2px;}
.pic2 img{width:248px; height:148px;}
.pic6{width:498px; height:300px; float:left;}
.pic6 img{width:498px; height:300px;}
.pic7{width:248px; height:148px; float:right;margin-right:2px; margin-bottom:2px;}
.pic7 img{ width:248px; height:148px;}

.section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}

.con5 .pic1.active{ opacity:1;transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);}

.photo img{cursor: pointer;
  transition: all 0.6s;}
.photo img:hover{ transform: scale(1.4);}

.content{
	width:1280px;
	height: 650px;
	margin:0 auto;
	
	padding: 0;
}
.con{
	width: 400px;
	height: 250px;
	float: left;
	margin-left: 15px;
	margin-bottom: 20px;
	position: relative;
	cursor: pointer;
	border-radius:10px;
	overflow:hidden;
}
.con img{
	width: 400px;
	height: 265px;
}
.txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
}
.txt h3{
	font-weight: normal; font-size:16px;
}
.txt p{
	font-size: 14px;
	display: block;
	line-height: 20px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-before: 1em;
	-moz-margin-after: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
}
/*6 start*/
.con6{width:1260px; height:600px; padding-top:7%; margin:0 auto;}
.hz{width:1175px; height:600px; float:left;}
.hz img{width:125px; height:50px; float:left; margin-right:5px; margin-bottom:5px;}
.t6{ float:right}