body{ margin:0 auto; padding:0;  background:#000; }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{ text-decoration:none;}
a:hover{ text-decoration:underline; }
a:link{ color: #fff; font-family: t2;}
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; background: rgba(0,0,0,0.6); font-family: t1;}
.top .top1{ width:1000px;  margin:0 auto; text-align:center; font-family: t1;}
.top .top1 a{ color: #fff; font-size: 14px;  text-align: center; font-family: t1; padding: 10px 5px 0 5px; display: inline-block; height: 29px; line-height: 20px;}
.top .top1 a:hover{ background:#fff; color:#000; text-decoration:none; font-family: t1;}



.tt { width: 1000px; height: auto; text-align: center; padding: 30px 0; margin-top: 30px; background:url(../images/line.png) top 100px left  no-repeat;}
.tt span { padding: 0 10px; color: #fff;  font-family: t2;  font-size: 24px; background: #000; }
.txt {  margin: 0 auto; margin-top: 0px; text-align: center; font-family: mf2;  display: block;  font-size:60px; font-family: t2; display: block;  background-image: linear-gradient(to bottom,#fa9f9d,#ffffff);  -webkit-background-clip:text; -webkit-text-fill-color:transparent;}




.banner{ background: url(../images/banner.jpg) top center no-repeat; width: 100%; height: 610px; box-shadow: 0 0 20px 5px; }
.main{ width: 1000px; margin:0 auto; overflow:visible; }
.main .c1{ width: 1000px; height: auto;  box-sizing: border-box; }
.main .c1 .c1Video{ float: left; width: 600px; height: 340px; background: #efefef;  border-radius: 10px; }
.main .c1 .c1R{ float: right; width: 380px; height: 340px; overflow: hidden; }
.main .c1 .c1R h1{ font-family: t2; color: #fff; line-height: 40px; font-size:28px; }
.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;}
.main .c1 .c1R ul{ margin: 0 }
.main .c1 .c1R ul li{ float: left; width: 340px; box-sizing: border-box; overflow: hidden; background: url(../images/i1.png) top 7px left no-repeat; padding: 5px 0 5px 25px; }
.main .c1 .c1R ul li a{ font-family: t2; color: #fff; font-size: 18px; }

.main .c2{ width: 1000px; margin: 0 auto; }
.main .c2 .c2p {  }
.main .c2 .c2p .lead{ width: 300px;height: 300px;display: block;background: #efefef;float: left; position: relative; border-radius: 10px;}
.main .c2 .c2p .lead img{ width: 300px;height: 300px;display: block;background: #efefef; }
.main .c2 .c2p .lead p{ font-size:18px; font-family: t2; line-height: 30px; color: #fff; width: 100%;  background:rgba(0,0,0,0.7); padding: 10px 20px; box-sizing: border-box; position: absolute; bottom: 0; }
.main .c2 .c2p .textarea{ background-image: linear-gradient(to bottom,#460503, #000000); float: right;  padding: 20px 40px; box-sizing: border-box; box-sizing: border-box; width: 670px; height: 300px; }
.main .c2 .c2p .textarea p{ line-height: 30px; color: #fff; font-size: 18px; text-align: justify;  font-family: t2; 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;}
.xg .xgbox { opacity: 0.6; box-sizing: border-box;  float: left; width: 340px; height: 260px; border: 1px solid #000;}
.xg ul { list-style: inside; color: #fff;  }
.xg ul li{ float: left; padding: 5px 0; width: 50%;  }
.xg ul li a{  font-size: 18px; color: #fff;  }


.his{}
.his a{ width: 470px; height: 200px; float: left; background: #fff; margin:0 15px; }



.footer{ width:100%; height:auto; padding:40px 0; background:#000; 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:1000px; height:500px; 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:1000px; height:500px; 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;  }


.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:-10px; top:200px; cursor:pointer; width:51px; height:58px; background:url(../images/adbtnl.png) no-repeat; z-index: 9999;}
.next{ position:absolute; right:-10px; top:200px; cursor:pointer; width:51px; height:58px; background:url(../images/adbtnr.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结束 */