body{ margin:0 auto; padding:0; background:url(../images/bg.jpg) top center repeat-y; }
*{ 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;
}


.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');

}

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

}

.top{ width:100%; height:auto; background: none; }
.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: auto;  }
.top .top1 a:hover{  color:#fff; text-decoration:none;}


.mtit{ width: 1000px; height: 110px; margin: 15px 0; background: url(../images/mtit.png) top center no-repeat; font-family: myFirstFont; text-align: center; box-sizing: border-box; padding-top: 20px; font-size: 60px; text-shadow: 3px 2px 0px #90e7f8,-3px 0px 0px #fd78f0; color: #fff; }
.banner{ width: 100%; height: 716px; background: url(../images/banner.jpg) top center no-repeat; }

.main{ width:1000px; height:auto; overflow: visible;  }
.c1{ width: 100%; }
.c1 .c1l{ float: left; width: 700px; height: 400px;  border-radius: 10px; background: linear-gradient(to right bottom,#5eebff, #cb1f98) ; box-sizing: border-box;
padding: 5px 0 0 5px;  }
.c1 .c1l video{ width: 690px; height: 390px; background: #fff; display: block; border-radius: 6px; margin-top: 5px; }
.c1 .c1r{ float: right; width: 280px; height: 400px;  border-radius: 8px;   }
.c1 .c1r .c1rin{ width: 280px; height: 400px; box-sizing: border-box; padding: 20px 25px; border:3px solid #ddd; border-image: linear-gradient(to right bottom,#5eebff, #cb1f98) 20;  }
.c1 .c1r .c1rin .c1tit{ color: #fff; font-family:myFirstFont2; font-size: 26px; line-height: 30px;  }
.c1 .c1r .c1rin p{ padding: 5px 0; font-family:myFirstFont2; text-align: justify;; font-size: 16px; color: #fff; line-height: 20px; text-indent: 30px;  }
.c1 .c1r .c1rin p a{ color: #fff; font-family:myFirstFont2;  }
.c1 .c1r .c1rin ul{ width: 100%; height: auto;  border-left: 3px solid #ddd; border-image: linear-gradient(to top,#5eebff, #cb1f98) 2; padding-left: 10px; margin-top: 10px;  }
.c1 .c1r .c1rin ul li{ padding: 2px 0; }
.c1 .c1r .c1rin ul li a{ color: #fff; letter-spacing:-1px; font-family:myFirstFont2; font-size: 16px; line-height: 18px; }


.c2{ width: 1000px; height: auto; }
.c2 .clear{ margin-bottom: 40px; }
.c2 .pbox{ padding: 0 65px; width: 200px; height: auto; float: left; border-right: 3px solid #ddd; border-image: linear-gradient(to top,#5eebff, #cb1f98) 2;  }
.c2 .pbox:last-child{ border-right:0 none;  }
.c2 .pbox img{ display: block; width: 200px; height: 200px; background: #efefef; border-bottom: 3px solid #c1299b; margin-bottom: 10px; }
.c2 .pbox p{ font-size: 14px; color: #fff; text-align: justify; font-family:myFirstFont2; padding: 3px 0 0 0; line-height: 20px; }
.c2 .pbox p a{ color: #fff;  font-family:myFirstFont2; }
.c2 .pbox .ptit{ text-align: center; font-size: 20px; font-family:myFirstFont2; }
.c2 .pbox .ptit2{ text-align: center; font-size: 14px; font-family:myFirstFont2; }


.c3{ overflow: visible;  }



.c4{ width: 100%; }
.c4 .c4r{ float: right; width: 700px; height: 400px;  border-radius: 10px; background: linear-gradient(to right bottom,#5eebff, #cb1f98) ;  }
.c4 .c4r img{ width: 690px; height: 390px; background: #fff; display: block; border-radius: 6px; margin-top: 5px; }
.c4 .c4l{ float: left; width: 280px; height: 400px;  border-radius: 8px;   }
.c4 .c4l .c4lin{ width: 280px; height: 400px; box-sizing: border-box; padding: 20px 25px; border:3px solid #ddd; border-image: linear-gradient(to right bottom,#5eebff, #cb1f98) 20;  }
.c4 .c4l .c4lin .c4tit{ color: #fff; font-family:myFirstFont2; font-size: 22px; line-height: 30px; text-align: center;}
.c4 .c4l .c4lin p{ padding: 5px 0; font-family:myFirstFont2; text-align: justify;; font-size: 16px; color: #fff; line-height: 20px; text-indent: 30px;  }
.c4 .c4l .c4lin p a{ color: #fff; font-family:myFirstFont2;  }
.c4 .c4l .c4lin ul{ width: 100%; height: auto; border-left: 3px solid #ddd; border-image: linear-gradient(to top,#5eebff, #cb1f98) 2; padding-left: 10px;  }
.c4 .c4l .c4lin ul li{ padding: 2px 0; }
.c4 .c4l .c4lin ul li a{ color: #fff; font-family:myFirstFont2; font-size: 16px; line-height: 18px; }



.c5{ overflow: visible; position: relative; width: 1000px; height: 445px;  }
.c5 .plborder{ width: 1000px; height: 445px; z-index: 9999; background: url(../images/bg1.png) top center no-repeat; position: absolute; top:0; left: 0; }



.c6{ clear: both; }
.c6 ul{ margin:0 auto; padding: 15px 0; width: 1000px; height: auto;; overflow: hidden;}
.c6 ul li{ width:470px; height: 20px; padding: 5px 0; float: left; padding-left: 30px; background: url(../images/c1.png) top 2px left no-repeat; }
.c6 ul li a{ color: #fff; font-family:myFirstFont2; line-height: 20px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.c7{ overflow: hidden; width: 100%; height: auto; }

.hdiv{ width: 320px; height: 180px;  float: left; margin: 0 6px;}
.hdiv img{ width: 320px; height: 180px;  }


.footer{ border-top:3px solid #5fe7fc; box-shadow: 0 0 10px #5fe7fc; width:100%; height:auto; padding:40px 0; background:url(../images/bbg.png) bottom center no-repeat; position:relative; z-index:99999; margin-top:40px; padding-bottom: 300px;}
.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; }
.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:-50px; top:200px; cursor:pointer; width:51px; height:51px; background:url(../images/al.png) no-repeat;}
.next{ position:absolute; right:-50px; top:200px; cursor:pointer; width:51px; height:51px; background:url(../images/ar.png) no-repeat;}




.slideBox{  width: 690px; height: 390px;  overflow:visible; 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; overflow: visible; padding: 2px 0; margin-right: 10px;  }
.slideBox .hd ul li{ background: #5ff477; box-shadow: 0 0 5px #5ff477; float:left; margin-right:2px;  width:15px; height:15px;  line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox .hd ul li.on{ background:#fff ; 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 200px 30px 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox .bd img{  width: 690px; height: 390px;  display:block; background: #efefef;  }






.slideBox2{ width:1000px; height:445px; overflow:visible; position:relative; float:left; border-radius: 10px;   }
.slideBox2 .hd{ height:18px; overflow:hidden; position:absolute; right:20px; bottom:30px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox2 .hd ul li{ float:left; margin-right:2px; box-shadow: 0 0 5px #5ff477; float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox2 .hd ul li.on{ background:#fff ; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0; border-radius: 10px;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox2 .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;}
.slideBox2 .bd img{ width:1000px; height:445px; display:block;  background: #efefef; border-radius: 10px; }
.slideBox2 .prev{ position:absolute; left:-50px; top:200px; cursor:pointer; width:51px; height:51px; background:url(../images/al.png) no-repeat;}
.slideBox2 .next{ position:absolute; right:-50px; top:200px; cursor:pointer; width:51px; height:51px; background:url(../images/ar.png) no-repeat;}





.slideBox3{ width:1000px; height:445px; overflow:visible; position:relative; float:left; border-radius: 10px;   }
.slideBox3 .hd{ height:18px; overflow:hidden; position:absolute; right:20px; bottom:30px; z-index:1; }
.slideBox3 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox3 .hd ul li{ float:left; margin-right:2px; box-shadow: 0 0 5px #5ff477; float:left; margin-right:2px;  width:15px; height:15px; 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:#fff ; color:#fff; }
.slideBox3 .bd{ position:relative; height:100%; z-index:0; border-radius: 10px;   }
.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:445px; display:block;  background: #efefef; border-radius: 10px; }
.slideBox3 .prev{ position:absolute; left:-50px; top:200px; cursor:pointer; width:51px; height:51px; background:url(../images/al.png) no-repeat;}
.slideBox3 .next{ position:absolute; right:-50px; top:200px; cursor:pointer; width:51px; height:51px; background:url(../images/ar.png) no-repeat;}