body{ margin:0 auto; padding:0; background:url(../images/banner.jpg) top center no-repeat #000; }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{
	text-decoration: none;
	color: #FDFCFC;
}
a:hover{ text-decoration:underline; }
ul { list-style: none outside none; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ text-decoration:none;}
img{ border:0 none;}
div, form, img, p {
	border:0 none;
	font-family: 'microsoft yahei';
	font-size:12px;
	overflow:hidden;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


.clear {clear:both;display:block;}
.block1{ clear:both; width:100%; height:10px;}
.block2{ clear:both; width:100%; height:20px;}
.ff{ font-family:'microsoft yahei';}
.fl{ float:left;}
.fr{ float:right;}
.ml1{ margin-left:1px;}
.ml3{ margin-left:3px;}
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.mr8{ margin-right:8px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.pt5{ padding-top:5px;}
.more{ float:right; font-size:12px; margin:5px 5px 0 0; color:#565656;}
.yuan1{ border-radius:10px; padding:5px; background:#a72929; color:#fff; text-align:center;}
.yuan2{ font-size:35px; font-family:'microsoft yahei'; color:#fff; background:#000; border-radius:30px; padding:0 16px 0 12px; vertical-align:-5px; margin-right:5px;}
.blue{ font-size:14px; font-family:'microsoft yahei'; color:#239ff6;}
.dsn{ display:none;}

@font-face
{
font-family: myFirstFont;
src: url('../images/ziti.ttf');

}




.top{ width:100%; height:auto;  }
.top .top1{ width:1000px;  margin:0 auto; text-align:center;}
.top .top1 a{ color: #fff; font-size: 14px;  text-align: center; padding: 10px 5px 0 5px; display: inline-block; height: 29px; line-height: 20px;}
.top .top1 a:hover{ background:#fff; color:#000; text-decoration:none;}


.titdiv{ width: 100%; height: 155px; padding-top: 50px; margin: 50px 0; margin-bottom: 20px; box-sizing: border-box;; background: url(../images/tbg.jpg) top center no-repeat #000; }
.titdiv .titdivIn{ font-size: 60px; display: table; margin: 0 auto; background-image:-webkit-linear-gradient(top right,#38ffea,#fff);
-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.titdiv .skdiv{ width: 2px; height: 40px; transform:skew(-30deg); background-image: linear-gradient(#38ffea, #fff); display: inline-block; margin: 0 8px; }
.titdiv .zimu{ background-image:-webkit-linear-gradient(top right,#38ffea,#fff); font-size: 30px;
-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.titdivIn .f1{ font-family: myFirstFont; }



.main{ width: 1200px; height: auto; margin-top:700px;  }
.coverbox{ width: 592px; height: 600px; position: absolute; top: 0; left: 0; background: url(../images/bbg.png) repeat; z-index: 99999; box-sizing: border-box; padding: 50px; padding-right: 180px;}
.coverbox .tit{ font-size: 24px; color: #fff; text-align: left; line-height: 34px; font-weight: 800; }
.coverbox hr{ height: 2px; width:100%; background: #7befe2; border: none; float: left; margin: 20px 0;  }
.coverbox .con p{ font-size:14px; color: #fff; line-height: 24px; text-align: justify; }
.coverbox .con p a{ display: inline-block;  width: 130px; height: 40px; line-height: 40px; border: 2px solid #7efff1; text-align: center; font-size:18px; color: #7efff1; border-radius: 10px;}
.coverbox ul{ margin-top: 20px; }
.coverbox ul li{ box-sizing: border-box; padding:5px 0; color: #57c1e3; font-size: 16px; text-align:left; padding-left: 20px; background: url(../images/ibg1.png) top 12px left 0 no-repeat; }
.coverbox ul li a{ font-size: 16px; color: #fff; }



.c2{ width: 100%; height: auto; }
.c2 .c2div{ float: left; width: 200px; height: 360px; border: 2px solid #fff;  box-sizing: border-box; padding:20px 0; margin: 10px 20px;}
.c2 .c2div p{ padding:0 20px; font-size: 12px; color: #fff; line-height: 24px;  }
.c2 .c2div .p1{ font-size: 24px ; color: #16ffe6; line-height: 30px;}
.c2 .c2div .p2{ font-size: 18px; color: #16ffe6; line-height: 30px;}
.c2 .c2div img{ display: block; width: 180px; height: 150px; float: left; background: #efefef; margin:10px 0; }


.c3{ width: 100%; height: 700px; background: url(../images/cbg.jpg) top left -25px no-repeat; position: relative; }
.c3 .c3box{ position: absolute; top: 95px; left: 73px; width: 1020px; height: 485px; background: #efefef; }


.c4{ width: 100%; height: 500px;  }
.c4 .c4l{ float: left;  width: 780px; height: 500px; background: #fff; border-left:2px solid #38ffea;}
.c4 .c4r{ float: right; width: 418px; height: 500px; background: #04181c; position: relative;  }
.c4 .c4r .c4rin{ width: 380px; height: 470px; border:1px solid #38ffea; position: absolute; top: 15px; left:18px; box-sizing: border-box; padding:15px 30px; }
.c4 .c4r .c4rin .c4tit{ font-size: 22px; line-height: 35px; padding:0; background-image:-webkit-linear-gradient(#38ffea,#fff); -webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.c4 .c4r .c4rin p{ line-height: 21px; font-size: 14px; color: #fff; padding-top: 12px; }



.c5{ width: 100%; height: auto; }
.xg{ width: 100%; height: auto; }
.xg video{ float: left; width: 650px; height: 450px; border-left: 2px solid #38ffea; background: #fff; }
.xg ul{ width: 500px; float: right; margin-left: 40px; }
.xg ul li{ padding: 5px 0; padding-left: 20px; width: 100%; height: 25px; line-height: 25px; float: left; background: url(../images/ibg1.png) top 15px left no-repeat;  }
.xg ul li a{ display: block; width: 100%; font-size: 20px; color: #fff;	 }



.hdiv{ width: 100%; border-top:  2px solid #38ffea; padding: 30px 0; box-sizing: border-box; }
.hdiv .hdivIn{ float: left; width:390px; height: 210px; background: #efefef; margin: 0 5px; }






.footer{
	width: 100%;
	height: auto;
	height: 50px;
	padding: 100px 0;
	background: url(../images/fbg.jpg) top center no-repeat;
	position: relative;
	z-index: 99999;
	margin-top: 40px;
}
.footer .fin{ margin:0 auto; width:980px; color:#fff; text-align:center; line-height:30px; font-size:14px;}
.footer .fin a{ color:#fff; font-size:14px; margin:0 5px;}






.picScroll-left{ position:relative; overflow:visible; padding: 10px 0; width: 1020px; border:3px solid #38ffea; }
.picScroll-left .plborder{ width: 1000px; height: 445px; z-index: 9999; background: url(../images/bg1.png) top center no-repeat; position: absolute; top:0; left: 0; }
.picScroll-left .bd{  overflow:visible;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:237px; height:420px; display:block;   }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.prev{ position:absolute; left:-80px; top:180px; cursor:pointer; width:51px; height:82px; background:url(../images/al.png) no-repeat;}
.next{ position:absolute; right:-80px; top:180px; cursor:pointer; width:51px; height:82px; background:url(../images/ar.png) no-repeat;}




.slideBox{ width:1200px; height:600px; overflow:hidden; position:relative; float:left;   }
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:20px; bottom:30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; border: 1px solid #fff; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; text-indent:11130px;}
.slideBox .hd ul li.on{ background: linear-gradient(rgba(0,244,228,1),rgba(9,174,246,1)); color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding:30px 400px 30px 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:center;}
.slideBox .bd img{ width:1200px; height:600px; display:block;  }



/* 本例子css */
.slideBox2{ width:1200px; height:600px; overflow:hidden; position:relative;   }
.slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; right:50%;  bottom:20px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox2 .hd ul li{ float: left;  cursor:pointer;  width: 15px; height: 15px; background:  #03f0ff; text-indent: -9999px;  margin: 0 5px; border-radius: 20px;  }
.slideBox2 .hd ul li.on{ background:#fff; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle;  }
.slideBox2 .bd img{ width:1200px; height:600px; display:block; background: #cdcdcd; }


/* 本例子css */
.slideBox3{ width:1200px; height:600px; overflow:hidden; position:relative;   }
.slideBox3 .hd{ height:15px; overflow:hidden; position:absolute; right:50%;  bottom:20px; z-index:1; }
.slideBox3 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox3 .hd ul li{ float: left;  cursor:pointer;  width: 15px; height: 15px; background:  #03f0ff; text-indent: -9999px;  margin: 0 5px; border-radius: 20px;  }
.slideBox3 .hd ul li.on{ background:#fff; color:#fff; }
.slideBox3 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox3 .bd li{ zoom:1; vertical-align:middle;  }
.slideBox3 .bd img{ width:1200px; height:600px; display:block; background: #cdcdcd; }


/* 本例子css */
.slideBox4{ width:1200px; height:600px; overflow:hidden; position:relative;   }
.slideBox4 .hd{ height:15px; overflow:hidden; position:absolute; right:50%;  bottom:20px; z-index:1; }
.slideBox4 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox4 .hd ul li{ float: left;  cursor:pointer;  width: 15px; height: 15px; background:  #03f0ff; text-indent: -9999px;  margin: 0 5px; border-radius: 20px;  }
.slideBox4 .hd ul li.on{ background:#fff; color:#fff; }
.slideBox4 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox4 .bd li{ zoom:1; vertical-align:middle;  }
.slideBox4 .bd img{ width:1200px; height:600px; display:block; background: #cdcdcd; }