body{ margin:0 auto; padding:0;  background:url(../images/bg.jpg) top center no-repeat #001c4e; }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{ text-decoration:none;}
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;
}

@font-face
{
font-family: t1;
src: url('../images/ff.TTF');

}

@font-face
{
font-family: t2;
src: url('../images/ZT2.otf');

}



.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;}








.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{  color:#fff; text-decoration:none;}





.tt { width: 1200px; height: auto; text-align: center; padding: 30px 0; margin:20px 0; background:url(../images/titbg.png) top 50px left  no-repeat; }
.tt span { padding: 0 10px; color: #fff;  font-family: t2;  font-size: 24px; background: #000; font-family: '黑体';  position: relative; font-size: 42px; display: block;}
.tt span b{ position: absolute; top: -33px; left: 338px; z-index: 1;  }
.txt {  margin: 0 auto; margin-top:25px; text-align: center;   display:inline; font-size:48px; font-family: t1; font-weight: normal; display: block; position: relative; z-index: 5; background-image:-webkit-linear-gradient(top,#04defe,#9c4ee4); -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;  }


.lt{
	width: 1200px;
	height: 840px;
	position: relative;
}
.lt img{ display: block; width: 1200px; height: 480px; background: #fff; position: relative; z-index: 10; }
.lt .txta{
	position: absolute;
	width: 960px;
	height: 400px;
	border: 1px solid #6a6b6e;
	box-sizing: border-box;
	padding: 20px 40px;
	padding-top: 70px;
	top: 430px;
	left: 110px;
	border: 3px solid #ddd;
	border-image: linear-gradient(#2ac0b2, #a248e3) 20 20;
	overflow:scroll;
}
.lt .txta p{ font-family: t2; color: #fff; font-size: 16px; text-indent: 30px; text-align: justify; line-height: 30px; }
.lt .txta p b{ font-family: t2; font-size: 24px; text-align: left; }
.lt .txta p a{ color: #00e1ff;} 



.banner{ background: url(../images/banner.jpg) top center no-repeat; width: 100%; height:745px; box-shadow: 0 0 20px 5px; }
.main{ width: 1200px; margin:0 auto; margin-top: 700px; overflow:visible; }
.main .c1{ width: 1200px; height: 400px;  box-sizing: border-box; position: relative; }
.main .c1 .c1Video{ float: right; width: 730px; height: 363px; background: #efefef; z-index: 100; box-shadow: 0 0 15px #333; }
.main .c1 .c1R{ float: left; box-sizing: border-box; width: 420px;  height: auto; overflow: hidden;   }
.main .c1 .c1R h1{ font-family: t2; color: #00e1ff; line-height: 40px; font-size:28px; padding: 10px 0; font-weight: 800; }
.main .c1 .c1R p{ line-height: 24px; color: #fff; font-size: 16px; font-family: t2; padding: 10px 0; text-align: justify; }
.main .c1 .c1R p a{color: red; font-size: 16px; font-family: t2; display: inline-block; color: #00e1ff;}
.main .c1 .c1R ul{ margin: 0 }
.main .c1 .c1R ul li{ float: left; width: 400px; box-sizing: border-box; color: #fff; overflow: hidden; background: url(../images/i1.png) top 7px left no-repeat; padding: 5px 0 ; }
.main .c1 .c1R ul li a{ font-family: t2; color: #00e1ff; font-size: 18px; }


.c2{ width: 100%; overflow: visible;}
.c2tab{ width: 100%; margin:50px 0; }
.c2tab .c2t{ width: 180px; height: 180px; background: #fff; border-radius: 100px; float: left;; position: relative; margin: 0 28px;cursor: pointer; }
.c2tab .on{ border:2px solid #2ee4ff; }
.c2tab .c2t img{ display: block; width: 180px; height: 180px; background: #ccc; }
.c2tab .c2t .c2tin{ position: absolute; bottom: 0; left: 0; padding: 5px 0 15px 0; text-align: center; width: 100%; background: #fff;   }
.c2tab .c2t .c2tin p{ text-align: center;  color: #021946; font-size: 14px; }
.c2tab .c2t .c2tin p font{ text-align: center;  color: #021946; font-size: 20px; }
.c2box{ margin: 20px 0 0 0; }
.c2box .c2div{}
.c2l{ float: left; width: 450px; height: 540px; position: relative; }
.c2l img{ width: 450px; height: 540px ; background: #ccc; }
.c2l .c2pictxt{ position: absolute; width: 100%; bottom:0; left: 0; padding: 20px 0; background: #000; }
.c2l .c2pictxt p{ color: #dab57b; text-align: center;  font-size: 20px; }
.c2l .c2pictxt p font{ font-size: 30px; }
.c2l{ float: right; width: 850px; height: 540px; background: #5284c7; box-sizing: border-box; padding: 20px;  }
.c2l p{ color: #fff;  font-size: 20px;  line-height: 30px; padding: 20px 0; }
.c2l p font{ font-size: 30px; }
.c2l p a{ color: red; }
.c2divin img{ display:  block; width: 490px; height: 400px; float: left; background: #efefef; }
.c2inbox{ padding: 30px 60px; margin-top: 50px; border:3px solid #ddd; border-image: linear-gradient(#2ac0b2, #a248e3) 20 20; border-left: 0; }
.c2inbox p{ line-height: 30px; color: #fff; font-size: 16px;  }
.c2inbox font{ font-size: 18px; color: #00e1ff;  }
.c2inbox font b{ font-size: 30px; color: #00e1ff; }
.c2inbox p a{ color: #00e1ff;} 
.c2inbox .pp{ text-indent: 30px; }





.c3{ margin: 0; }
.c3 .c3btn{ clear: both; padding: 20px 0; }
.c3 .c3btn span{ float: left; cursor: pointer; width: auto; opacity: 0.7; padding:20px; margin: 0 20px; transform: scale(0.8); text-align: center; font-size: 30px; color: #fff; font-family: t1; background: url(../images/btmbg.png) top center no-repeat; }
.c3 .c3btn span:hover{ opacity: 1; }
.c3 .c3btn .c3on{ transform: scale(1); opacity: 1; }

.c3 .c3box{ clear: both; width: 1000px; height: auto; }
.c3 .c3box .c3div{ width: 200px; height: 285px; position: relative; border-radius: 10px;}
.c3 .c3box .c3div p{ position: absolute; bottom: 0; left: 0; width:200px; box-sizing: border-box; font-family: t1; font-size: 18px; color: #fff; background: rgba(0,0,0,0.7); padding: 5px 10px; line-height: 24px; }
.c3 .c3box .c3div img{ display: block; width: 200px; height: 285px; background: #efefef; }
.c3 .c3box .c3txt{ width: 800px; box-sizing: border-box; padding: 0 50px 0 50px; background: url(../images/c3bg.png) top 10px center no-repeat; }
.c3 .c3box .c3txt p{ font-size: 18px; color: #fff; text-indent: 30px; line-height: 30px; text-align: justify; font-family: t2;}

.c3 .c3b2 span{ float: left; cursor: pointer; width: auto; opacity: 0.7; padding:20px 30px; margin: 0 10px; transform: scale(0.8); text-align: center; font-size: 30px; color: #fff; font-family: t1; background: url(../images/btmbg2.png) top center no-repeat; }
.c3 .c3b2 span:hover{ opacity: 1; }
.c3 .c3b2 .c3on{ transform: scale(1); opacity: 1; }

.c3tab{ margin-bottom: 20px; }


.c4{ width: 100%; height: auto;  }
.c4 .c4l{ float: left;  width: 680px; height: 400px; background: #fff; border-radius: 20px; }
.c4 .c4r{ float: right; width: 320px; height: 400px; position: relative;  }
.c4 .c4r .c4rin{ box-sizing: border-box; padding:20px 30px; }
.c4 .c4r .c4rin .c4tit{ font-size: 22px; line-height: 35px; padding:0; background-image:-webkit-linear-gradient(#d79c9a,#fff); -webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.c4 .c4r .c4rin p{ line-height: 24px; font-size: 16px; color: #fff; padding-top: 12px; font-family: t2; }

.c4box{ float: left; width: 230px; height: 240px; padding:10px; margin:0 20px; box-sizing: border-box; background: linear-gradient(to bottom,#400403,#000000); border-radius: 20px; }
.c4box .c4pic{ width: 210px; height: 110px; background: #fff; border-radius: 10px; position: relative; }
.c4box .c4pic p{ position: absolute; bottom: 0;  left: 0; width: 100%; box-sizing: border-box; padding:5px 10px; background: rgba(0,0,0,0.7); color: #fff; font-family: t2; line-height: 22px; font-size: 14px; }
.c4txt{ line-height: 24px; color: #fff; font-size: 14px; box-sizing: border-box; padding:10px; text-align: justify; }









.xg { width: 1000px; height: auto; margin: 50px 0 0 0; padding: 0 60px;}
.xg .vv{ width: 500px; height: 300px; background: #efefef; float: left; }
.xg ul { list-style: inside; color: #fff; float: left; width: 450px; margin-left: 30px;  }
.xg ul li{ float: left; padding: 5px 0; width: 500px; height: 20px; text-overflow: ellipsis; white-space: nowrap;  }
.xg ul li a{
	font-size: 16px;
	color: #fff;
}


.his{}
.his a{ width: 350px; height: 160px; float: left; background: #fff; margin:0 15px; margin-bottom: 30px; }



.footer{ width:100%; height:auto; padding:40px 0; background:#001c4e; 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; padding: 50px 0 100px 0;}
.footer .fin a{ color:#fff; font-size:14px; margin:0 5px;}


.slideBox3{ width:1200px; height:480px; overflow:visible; position:relative;   }
.slideBox3 .hd{ height:18px; overflow:hidden; position:absolute; right:50px; bottom:20px; z-index:1; }
.slideBox3 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox3 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #fff; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox3 .hd ul li.on{ background:#2bfde9 ; color:#fff; }
.slideBox3 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox3 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox3 .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding:30px 200px 30px 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox3 .bd img{ width:1200px; height:480px; display:block; background: #efefef;  }
.slideBox3 .sbtn{ width: 31px; height:105px;; cursor: pointer; position: absolute; z-index: 99999;}
.slideBox3 .prev{ top:220px; left:-50px; background: url(../images/arr1.png) no-repeat; }
.slideBox3 .next{ top:220px; right:-50px;background: url(../images/arr2.png) no-repeat;  }


.video{ width: 800px; height: 450px; border:1px solid #1d1e22; padding: 20px; box-sizing: border-box;  }
.imgbox{ border:1px solid #1d1e22; padding: 20px; }
.imgbox .ib{ float: left; width: 310px; height: 660px; }
.imgbox .ib .i1{ width: 310px; height: 200px; background: #fff; }
.imgbox .ib .i2{ width: 310px; height: 444px; background: #fff; }



.pp{ overflow:visible; }
.picScroll-left{ position:relative; overflow:visible; padding: 10px 0; }
.picScroll-left .plborder{ width: 1200px; 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:-50px; top:150px; cursor:pointer; width:29px; height:125px; background:url(../images/adlbtn.png) no-repeat; z-index: 9999;}
.next{ position:absolute; right:-50px; top:150px; cursor:pointer; width:29px; height:125px; background:url(../images/adrbtn.png) no-repeat; z-index: 9999;}


.picScroll-left2{ position:relative; overflow:visible; padding: 10px 0; }
.picScroll-left2 .plborder{ width: 1200px; height: 445px; z-index: 9999; background: url(../images/bg1.png) top center no-repeat; position: absolute; top:0; left: 0; }
.picScroll-left2 .bd{  overflow:visible;  }
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left2 .bd ul li .pic{ text-align:center; }
.picScroll-left2 .bd ul li .pic img{ width:350px; height:473px; display:block;   }
.picScroll-left2 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left2 .bd ul li .title{ line-height:24px;   }
.prev{ position:absolute; left:-50px; top:150px; cursor:pointer; width:29px; height:125px; background:url(../images/adlbtn.png) no-repeat; z-index: 9999;}
.next{ position:absolute; right:-50px; top:150px; cursor:pointer; width:29px; height:125px; background:url(../images/adrbtn.png) no-repeat; z-index: 9999;}






/* 效果CSS开始 */
#focus_Box{position:relative;width:555px;height:555px;margin:20px auto; overflow: visible;}
#focus_Box ul{position:relative;width:710px;height:555px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:31px;height:105px;top:220px;}
#focus_Box .prev{background:url(../images/arr1.png) left bottom no-repeat;left:-140px}
#focus_Box .next{background:url(../images/arr2.png) right bottom no-repeat;right:-140px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}
/* 效果CSS结束 */