body{ margin:0 auto; padding:0; background: url(../images/bg2.jpg) top 1640px center repeat-y #000; }
*{ 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/t1.ttf');

}

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

}



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



.wapper{ width: 100%; background:url(../images/bg1.jpg) top 500px center no-repeat;  }
.banner{ width: 100%; height: 500px; background: url(../images/banner.jpg) top center no-repeat; box-shadow:0px 8px 20px 22px;   }
.main{ width: 1000px; height: auto; padding: 100px 0 0 0; box-sizing: border-box;; overflow: visible; }
.c1{ width: 998px; height: 400px; border: 1px solid #4cb5ff; }
.c1 .c1in{ width: 975px; height: 380px; background: rgba(255,255,255,0.4); margin-top: 10px; box-sizing: border-box; padding: 20px; }
.c1 .c1in video{ width: 600px; height: 340px; float: left; background: #fff; }
.c1 .c1in .c1t{ width: 340px; height: 340px; box-sizing: border-box; padding: 0 10px; }

.c1 .c1r{ float: right; width: 310px; height: 340px;    }
.c1 .c1r .c1rin{ width: 310px; height: 340px; box-sizing: border-box;  }
.c1 .c1r .c1rin .c1tit{ color: #020833; font-family:t1; font-size: 23px; line-height: 30px;  }
.c1 .c1r .c1rin p{ padding: 5px 0; font-family:c1; text-align: left;; font-size: 16px; color: #020833; line-height: 20px; text-indent: 0px;  }
.c1 .c1r .c1rin p a{ color: #020833; font-family:c1;  }
.c1 .c1r .c1rin ul{ width: 100%; height: auto;    margin-top: 10px;  }
.c1 .c1r .c1rin ul li{ padding: 2px 0; list-style: inside;; }
.c1 .c1r .c1rin ul li a{ color: #020833; letter-spacing:-1px; font-family:c1; font-size: 15px; line-height: 18px; }


.cctit{ width: 100%; height: 170px; position: relative;  margin: 70px 0 30px 0; }
.cctit .cctxt{ position: relative; margin: 0 auto; margin-top: 10px; width: 550px; height: 70px; font-family: c1; font-size: 50px; color: #121c5a; text-align: center; font-weight: 800; text-shadow: -5px -5px 5px 5px;}
.cctit .circle{ background: url(../images/titbg.png); width: 400px; height: 170px; top: 0; left: 300px; position: absolute; }
.cctit .cct{ position: relative; z-index: 999; width:200px ;height:55px; font-size: 46px; font-weight: 800; text-align: center; font-family: c1; background-image:-webkit-linear-gradient(right top,#f32424,#0067f3); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
    text-shadow: 0 0 0 5px;
 }



.c2{ width: 100%; height: auto; clear: both;  background: url(../images/c2bg.png) 300px 150px no-repeat;  }
.c2 .c2l{ width: 290px; height: 390px; border: 1px solid #4cb5ff; float: left; box-shadow: 5px 11px 26px #000;   }

.c2 .c2r{ width: 690px; height: 250px; border: 1px solid #4cb5ff; float: right;box-sizing:border-box; padding: 20px; box-shadow: 5px 11px 26px #000;  }
.c2 .c2r p{ font-size: 16px; color: #fff; line-height: 30px; text-indent: 30px; font-family: c1; }
.c2 .c2r p a{ font-size: 16px; color: #fff; line-height: 30px; text-indent: 30px; font-family: c1; }
.c2 .imgin{ width: 270px; height: 370px; position: relative; margin: 10px;}
.c2 .imgin img{ width: 270px; height: 370px; }
.c2 .imgin .c4txt{ width: 100%; position: absolute; bottom: 0px;  background: rgba(0,0,0,0.4); padding:5px  10px; box-sizing: border-box; }



.c3{ width: 100%; height: auto; clear: both; overflow: visible;  }
.c3in{ padding: 0 0 20px; overflow: visible; }
.c3 .c3tab{ width:100%; height: 80px; overflow: visible; position: relative; background: url(../images/circle.png) top center no-repeat; padding: 30px 0; }
.c3 .c3tab .c3btn{ cursor: pointer; width: 150px; height: 70px; color: #fff; line-height: 80px; opacity: 0.5; font-size: 24px; font-family: c1; text-align: center; position: absolute;  background: url(../images/sanjiao.png) top center no-repeat; }
.c3 .c3tab .on{ font-size: 24px; opacity: 1; animation: like 1s ease forwards; z-index: 999999999999; }
@keyframes like{
	0%{ transform: scale(1); }
	100%{ transform: scale(1.2); }
}
.c3 .c3l{ width: 690px; height: 220px; border: 1px solid #4cb5ff; float: left; box-sizing:border-box; padding: 10px 20px; box-shadow: 5px 11px 26px #000;  }
.c3 .c3l p{ font-size: 16px; color: #fff; line-height: 30px; text-indent: 30px; font-family: c1; }
.c3 .c3l p a{ font-size: 16px; color: #fff; line-height: 28px; text-indent: 30px; font-family: c1; }
.c3 .c3r{ width: 290px; height: 220px; border: 1px solid #4cb5ff; float: right; box-sizing:border-box; padding: 10px; box-shadow: 5px 11px 26px #000;  }

.c3 .imgin{ width: 270px; height: 200px; position: relative; }
.c3 .imgin img{ width: 270px; height: 200px; }
.c3 .imgin .c4txt{ width: 100%; position: absolute; bottom: 0px;  background: rgba(0,0,0,0.4); padding:5px  10px; box-sizing: border-box; }

.c3 .c3tab .b1{ top: 0; left: 100px; }
.c3 .c3tab .b2{ top: -20px; left: 250px; }
.c3 .c3tab .b3{ top: -25px; left: 450px; }
.c3 .c3tab .b4{ top: -25px; left: 600px; }
.c3 .c3tab .b5{ top: 0; left: 750px; }
.c3 .c3tab .b6{ top: 25px; left: 600px; }
.c3 .c3tab .b7{ top: 30px; left: 400px; }
.c3 .c3tab .b8{ top: 25px; left: 250px; }




.c4 .c4top{ width: 998px; height: 400px; border: 1px solid #4cb5ff; }
.c4 .c4in{ width: 975px; height: 380px; background: rgba(255,255,255,0.4); margin-top: 10px; box-sizing: border-box; padding: 20px; }
.c4 .c4in img{ width: 600px; height: 340px; float: right; background: #fff; }
.c4 .c4in .c1t{ width: 340px; height: 340px; box-sizing: border-box; padding: 0 10px; }

.c4 .c4l{ float: left; width: 310px; height: 340px;    }
.c4 .c4l .c4lin{ width: 310px; height: 340px; box-sizing: border-box;  }
.c4 .c4l .c4lin .c4tit{ color: #020833; font-family:t1; font-size: 28px; line-height: 30px;  }
.c4 .c4l .c4lin p{ padding: 5px 0; font-family:c1; text-align: left;; font-size: 16px; color: #020833; line-height: 20px; text-indent: 0px;  }
.c4 .c4l .c4lin p a{ color: #020833; font-family:c1;  }

.c4div{ width: 1050px; height: auto; padding: 20px 0; margin-left: -10px;  }
.c4div .c4box{ float: left; width: 490px; height: auto;  margin: 10px;}
.c4div .c4box .c4pic{ width:202px; height: 202px; position: relative; float: left; padding: 10px; box-sizing: border-box;; border:1px solid #6ac3ff;  } 
.c4div .c4box .c4pic .imgin{ position: relative; }
.c4div .c4box .c4pic .imgin img{ width: 180px; height: 180px;  }
.c4div .c4box .c4pic .imgin .c4txt{ width: 100%; position: absolute; bottom: 3px;  background: rgba(0,0,0,0.4); padding:5px  10px; box-sizing: border-box; }
.c4txt p { color: #fff; font-family: c1; font-size: 16px; }
.c4txt p font{ color: #fff; font-family: c1; font-size:24px; }
.c4div .c4box .c4p{ border:1px solid #6ac3ff; width: 278px; height: 202px; box-sizing: border-box; padding: 20px; float:right; }
.c4div .c4box .c4p p{ color: #fff; font-size: 16px; font-family: c1; text-align: justify; }
.c4div .c4box .c4p .c4txt{ margin-bottom:10px;}



.c5{ width: 998px; height: 400px; border: 1px solid #4cb5ff; }
.c5 .c5in{ width: 975px; height: 380px; background: rgba(255,255,255,0.4); margin-top: 10px; box-sizing: border-box; padding:20px;  }
.c5 .c5in img{ width: 935px; height: 340px;  background: #fff; }



.c6{ width: 998px; height: 320px; border: 1px solid #4cb5ff; }
.c6 .c6in{ width: 975px; height: 380px; margin-top: 10px; box-sizing: border-box; padding: 20px; }
.c6 .c6in img{ width: 600px; height: 260px; float: left; background: #fff; }
.c6 .c6in .c6t{ width: 340px; height: 340px; box-sizing: border-box; padding: 0 10px; }

.c6 .c6r{ float: right; width: 310px; height: 340px;    }

.c6 .c6r .c6rin ul{ width: 100%; height: auto;   padding-left: 10px; margin-top: 10px;  }
.c6 .c6r .c6rin ul li{ margin:5px 0; list-style: inside;; color: #fff; height:18px; overflow:hidden; float:left; white-space:nowrap; text-overflow:ellipsis; width:310px; }
.c6 .c6r .c6rin ul li a{ color: #fff; letter-spacing:-1px; font-family:c1; font-size: 18px; line-height: 18px; font-style: italic; }


.c7{ width: 100%; height: auto; }
.c7 img{ display: block;; float: left; width: 300px; height: 200px; background: #efefef; margin: 0 16px; }



.footer{ width:100%; height:auto; padding:120px 0; background:rgba(0,0,0,0.6); position:relative; z-index:99999; margin-top:70px; border-top:1px solid #6ac3ff;}
.footer .fin{ margin:0 auto; width:980px; color:#3882b6; text-align:center; line-height:30px; font-size:14px;}
.footer .fin a{ color:#3882b6; font-size:14px; margin:0 5px;}


.pp{ overflow:visible; }
.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:170px; cursor:pointer; width:31px; height:105px; background:url(../images/arr1.png) no-repeat;}
.next{ position:absolute; right:-50px; top:170px; cursor:pointer; width:31px; height:105px; background:url(../images/arr2.png) no-repeat;}


.c2 .c2r a {
	color: #FDFCFC;
	font-size: 14px;
}
.c2 .c2r a {
}
.c4box .c4p p {
	color: #FDFCFC;
}




.slideBox2{ width:975px; height:380px; overflow:hidden; position:relative; float:left;   }
.slideBox2 .hd{ height:18px; overflow:hidden; position:absolute; right:20px; bottom:10px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; border: 1px solid #fff; 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;   }
.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:975px; height:380px; display:block; background: #efefef;  }


/* 效果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:52px;height:52px;top:220px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:-140px}
#focus_Box .next{background:url(../images/btn.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结束 */