@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; font-size:14px;font-family:'微软雅黑';}
img{ border:none;}
a{ text-decoration:none;}
ul{ list-style:none;}
li{ list-style:none;}
.cl{ clear:both;}
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}


.zyjz1{ width:100%; height:200px;}
.zyjz11{ width:100%; height:110px;}
.zyjz111{ width:1300px; height:110px; margin:0 auto;}

.zyjz12{ width:100%; height:90px; background:#ae0909;}
.zyjz121{ width:1300px; height:90px; margin:0 auto; overflow:hidden;}
.zyjz121 a{ width:144.4px; height:90px; display:block; float:left; text-align:center; line-height:90px; color:#FFF; font-size:20px; transition:0.5s;text-shadow:2px 2px 3px #333;
animation: zyjz121s 3s forwards;}
.zyjz121 a:hover{ background:#890808; line-height:100px;}

@-webkit-keyframes zyjz121s
{
	0% {width:14445px; letter-spacing:20px;}
    30% {width:144.4px; letter-spacing:20px;}
    100%{width:144.4px; letter-spacing:3px;}
}

@-webkit-keyframes lubos
{
0%{ width: 1%;height:0px;}
100%{ width: 100%;height:700px; }
}


.lubo{ width: 100%;clear: both; position: relative; height:700px;animation: lubos 3s forwards; margin:0 auto; overflow:hidden;}
.lubo_box{ position: relative; width: 100%; height:700px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:700px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height: 700px;}
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #b00a0a !important;}
.lubo_btn{ position: absolute; width: 100%; top: 310px;}
.left_btn, .right_btn{ width: 30px; height: 80px; background: #b00a0a;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}


.zyjz2{ width:100%; height:700px; background:#ededed;animation: zyjzl12s 3s forwards;}
.zyjz21{ width:1300px; height:700px; overflow:hidden; margin:0 auto;}
.zyjz211{ width:1300px; height:100px; background:url(../images/b1.png) no-repeat; text-align:center; font-size:28px; font-weight:bolder; text-shadow:2px 2px 3px #999; margin-top:20px; line-height:40px;}
.zyjz211 span{ font-size:26px; font-style:italic; color:#666;}

.zyjz212{ width:1300px; height:540px; margin-top:20px;}
.zyjz2121{ width:650px; height:540px; float:left; position:relative;}
.zyjz21211{width:600px; height:490px; position:absolute; left:0px; top:50px; background:#382640;}
.zyjz21211 img{width:600px; height:490px; position:absolute; left:30px; top:-30px;}

.zyjz2122{ width:649px; height:540px; float:left; border-left:1px dotted #666}
.zyjz21221{ width:629px; height:500px; margin-left:20px; line-height:50px; font-size:20px; overflow:hidden;}
.zyjz21222{ width:629px; height:40px; margin-left:20px;}
.zyjz21222 a{ width:100px; height:30px; display:block; background:#ae0909; text-align:center; line-height:30px; color:#FFF; float:right; box-shadow:2px 2px 3px #666; margin-right:10px; transition:0.5s;}
.zyjz21222 a:hover{ border-radius:10px;box-shadow:-2px -2px 3px #666; margin-top:5px;}


.zyjz3{ width:100%; height:459px; background:url(../images/hbg.jpg) top center no-repeat;animation: zyjzl12s 3s forwards;}
.zyjz31{ width:1060px; height:459px; margin:0 auto; overflow:hidden;}


.zyjz311{ width:1060px; height:100px; background:url(../images/b2.png) top center no-repeat; text-align:center; font-size:28px; font-weight:bolder; text-shadow:2px 2px 3px #999; margin-top:20px; line-height:40px; color:#FFF;}
.zyjz311 span{ font-size:26px; font-style:italic; color:#CCC;}

.zyjz312{ width:1060px; height:310px; margin-top:20px;}
.zyjz312 a{ width:1060px; height:140px; display:block; margin-top:20px; line-height:40px; font-size:20px; color:#FFF; transition:0.5s;}
.zyjz312 a span{ font-size:24px; display:block; transition:0.5s; text-shadow:2px 2px 3px #000;}
.zyjz312 a:hover{ color:#FC0;}
.zyjz312 a:hover > span{color:#FF3;}


.zyjz4{ width:1300px; height:600px; margin:0 auto; overflow:hidden;animation: zyjzl12s 3s forwards;}
.zyjz41{ width:1300px; height:100px; background:url(../images/b1.png) no-repeat; text-align:center; font-size:28px; font-weight:bolder; text-shadow:2px 2px 3px #999; margin-top:20px; line-height:40px;}
.zyjz41 span{ font-size:26px; font-style:italic; color:#666;}
.zyjz42{ width:1300px; height:440px; margin-top:20px;}


.rollBox{width:1300px;overflow:hidden;}
.gun1{ width:50px; height:50px; float:left; background:#999; font-size:24px; font-weight:bolder; color:#FFF; text-align:center; line-height:50px; margin:195px 0px; border-radius:50px; cursor:pointer; transition:0.5s;}
.gun2{ width:50px; height:50px; float:left; background:#999; font-size:24px; font-weight:bolder; color:#FFF; text-align:center; line-height:50px; margin:195px 0px; border-radius:50px; cursor:pointer; transition:0.5s;}
.gun1:hover,.gun2:hover{ background:#ae0909;}

.Cont{width:1200px;overflow:hidden; float:left;}
.ScrCont{width:10000000px;}
.pic{width:370px; height:430px;float:left; display:block; margin:0px 10px; border:5px solid #72716f; border-radius:5px; position:relative; transition:0.5s; overflow:hidden;}
.pic img{width:370px; height:430px; position:absolute; left:0px; top:0px; transition:0.5s;}
.pic1{ width:370px; height:80px; position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.5)}
.pic11{ width:370px; height:40px; line-height:40px; text-align:center; font-size:20px; color:#FFF; overflow:hidden; transition:0.5s;}
.pic12{ width:370px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#CCC; overflow:hidden; transition:0.5s;}
.pic:hover{border:5px solid #ae0909;}
.pic:hover >img{width:390px; height:450px;left:-10px; top:-10px;}
.pic:hover >.pic1 .pic11{ font-size:24px; letter-spacing:5px;}
.pic:hover >.pic1 .pic12{ color:#FFF;}

.rollBox #List1,.rollBox #List2{float:left;}



.zyjz5{ width:100%; height:265px; background:url(../images/g3.jpg) top center no-repeat;animation: zyjzl12s 3s forwards;}

.zyjz6{ width:100%; height:500px; background:url(../images/huibg.jpg) center center no-repeat;animation: zyjzl12s 3s forwards;}
.zyjz61{ width:1300px; height:500px; margin:0 auto; overflow:hidden;}
.zyjz611{ width:1300px; height:100px; background:url(../images/b1.png) no-repeat; text-align:center; font-size:28px; font-weight:bolder; text-shadow:2px 2px 3px #999; margin-top:20px; line-height:40px;}
.zyjz611 span{ font-size:26px; font-style:italic; color:#666;}
.zyjz612{ width:1300px; height:284px; margin-top:40px;}

#lanren {width: 1300px;height:225px;margin: 0 auto;position: relative;}
#lanren2{position: absolute;left: 0;top: 0;}
#lanren2 a{width:285px;height:215px;display: block;float: left; margin:0px 20px; transition:0.5s; position:relative;}
#lanren2 a img{width:285px;height:215px; transition:0.5s; position:absolute; left:0px; top:0px; box-shadow:2px 2px 3px #333;}

#lanren2 a img:hover{width:305px;height:235px; top:-10px; left:-10px; box-shadow:3px 3px 6px #333;}



.zyjz7{ width:100%; height:1050px; overflow:hidden; background:url(../images/fbg.jpg) top center no-repeat;animation: zyjzl12s 3s forwards;}
.zyjz7n{ width:1300px; height:1050px; margin:0 auto; overflow:hidden;}
.zyjz71{ width:1300px; height:100px; background:url(../images/b1.png) no-repeat; text-align:center; font-size:28px; font-weight:bolder; text-shadow:2px 2px 3px #999; margin-top:20px; line-height:40px;}
.zyjz71 span{ font-size:26px; font-style:italic; color:#666;}
.zyjz72{ width:1300px; height:350px; margin-top:20px; position:relative;}
.zyjz721{ width:920px; height:350px; position:absolute; right:0px; top:0px; background:#434343;}
.zyjz7211{ width:735px; height:240px; position:absolute; left:140px; top:40px; overflow:hidden;}
.zyjz7211 a{ width:735px; height:39px; line-height:39px; display:block; overflow:hidden; color:#FFF; border-bottom:1px dotted #999; font-size:14px; transition:0.5s;}
.zyjz7211 a span{ float:right; color:#CCC; transition:0.5s;}
.zyjz7211 a:hover{color:#F00; border-bottom:1px dotted #F00;}
.zyjz7211 a:hover span{color:#F00;}
.zyjz7212{ width:100px; height:30px; position:absolute; right:40px; bottom:25px;}
.zyjz7212 a{ width:100px; height:30px; line-height:30px; text-align:center; color:#FFF; background:#ae0909; display:block; transition:0.5s;}
.zyjz7212 a:hover{ background:#F00;}

.zyjz722{width:480px; height:190px; position:absolute; left:0px; top:80px;}

.zyjz73{ width:1300px; height:350px; margin-top:20px;}
#lanrens {width: 1300px;height:295px;margin: 0 auto;position: relative;}
#lanren2s{position: absolute;left: 0;top: 0;}
#lanren2s a{width:393px;height:295px;display: block;float: left; margin:0px 20px; transition:0.5s; position:relative;}
#lanren2s a img{width:393px;height:295px; transition:0.5s; position:absolute; left:0px; top:0px; box-shadow:2px 2px 3px #333;}

#lanren2s a img:hover{width:393px;height:295px; top:20px; left:0px; box-shadow:3px 3px 6px #333;}


.zyjz8{ width:100%; height:190px; background:#9e0a0a;  padding-top:40px;animation: zyjzl12s 3s forwards;}
.zyjz81{ width:1300px; height:190px; margin:0 auto;}
.zyjz811{ width:1000px; height:190px; float:left;text-align:center; color:#FFF; overflow:hidden; line-height:50px; font-size:18px;}
.zyjz812{ width:300px; height:190px; float:left; color:#FFF; text-align:center; line-height:30px; font-size:16px;}
.zyjz812 img{ width:150px; height:150px;}

.zyjz8 a{ color:#FFF; font-size:18px;} 






.zyjzl{ width:1300px; height:auto; overflow:hidden; margin:20px auto;}
.zyjzl1{ width:930px; height:auto; overflow:hidden; float:left;}
.zyjzl11{ height:63px; border-bottom:2px solid #af0a0a; padding:0px 20px; line-height:65px; font-size:20px;text-shadow:1px 1px 2px #333; font-weight:bolder;animation: zyjzl11s 3s forwards; overflow:hidden;}
@-webkit-keyframes zyjzl11s
{
    from {width:100px; letter-spacing:30px;}
    to {width:890px; letter-spacing:3px;}
}

.zyjzl12{ width:930px; height:auto; overflow:hidden;animation: zyjzl12s 3s forwards;}
@-webkit-keyframes zyjzl12s
{
    from {margin-top:200px;}
    to {margin-top:0px;}
}
.zyjzl12 a{ width:296.6px; height:auto; overflow:hidden; display:block; float:left;animation: zyjzl12s 3s forwards; margin-right:20px;}
.zyjzl12 a:nth-child(3n+3){ margin-right:0px;}
.zyjzl12 a img{ width:0px; margin:0 auto; height:auto; margin-top:20px;animation: zyjzl12im 3s forwards;}
@-webkit-keyframes zyjzl12im
{
    from {width:0px;}
    to {width:296.6px;}
}

.zyjzl12 a span{ width:296.6px; height:40px; line-height:40px; overflow:hidden; display:block; text-align:center; color:#000; font-size:16px;}

.zyjzl13{ width:930px; height:auto; overflow:hidden;}
.zyjzl13 a{ height:50px; line-height:50px; overflow:hidden; color:#000; display:block; border-bottom:1px solid #CCC; font-size:16px;animation: zyjzl13a 3s forwards; transition:0.5s;}
.zyjzl13 a span{ float:right; margin-left:20px;}
@-webkit-keyframes zyjzl13a
{
    from {width:10px;color:#af0a0a;}
    to {width:930px;color:#000;}
}
.zyjzl13 a:hover{ color:#af0a0a; border-bottom:1px solid #af0a0a;}


.zyjzl15{ width:930px; height:auto; overflow:hidden;}
.zyjzl151{ width:930px; padding:20px 0px; line-height:25px; font-size:18px; text-align:center;animation: zyjzl12s 3s forwards;}
.zyjzl152{ width:930px; text-align:center; color:#999; font-size:12px;animation: zyjzl12s 3s forwards;}
.zyjzl153{ width:930px; height:auto; overflow:hidden; line-height:30px; color:#666;animation: zyjzl12s 3s forwards;}
.zyjzl153 img{ max-width:930px; }


.zyjzl16{ width:930px; height:50px; overflow:hidden;}
.zyjzl16 a{ border:1px solid #af0a0a; color:#af0a0a; padding:0px 10px; height:30px; line-height:30px; margin:0px 10px; margin-top:10px; display:block; float:left;}
.zyjzl16 span{ border:1px solid #CCC; color:#CCC; padding:0px 10px; height:30px; line-height:30px; margin:0px 10px; margin-top:10px; display:block; float:left;}





.zyjzl2{ width:350px; height:auto; overflow:hidden; float:left; margin-left:20px;}

.zyjzl21{ width:350px; margin:0 auto; height:65px; line-height:65px; text-align:center; color:#FFF; background:#af0a0a; font-size:20px;font-weight:bolder; text-shadow:2px 2px 3px #333;animation: zyjzl22s 3s forwards; overflow:hidden;}
.zyjzl22{width:350px; height:auto; overflow:hidden; margin-bottom:20px;animation: zyjzl22s 3s forwards;}
@-webkit-keyframes zyjzl22s
{
    from { margin-left:360px;}
    to { margin-left:0px;}
}
.zyjzl221{ width:310px; height:50px; display:block; background:#CCC; margin-top:10px; line-height:50px; padding:0px 20px; font-size:18px; color:#FFF;text-shadow:2px 2px 3px #333; font-weight:bolder; transition:0.5s;}
.zyjzl221:hover{ background:#ee3333;}
.zyjzl222{ width:268px; height:40px; display:block; border:1px solid #CCC; text-align:center;  margin-top:10px; font-size:16px; line-height:40px; padding:0px 40px;color:#000; transition:0.5s;}
.zyjzl222:hover{border:1px solid #af0a0a; color:#af0a0a; letter-spacing:15px; font-weight:bolder; border-radius:50px;}


.zyjzl23{ width:348px; height:auto; overflow:hidden; border:1px solid #CCC; border-top:none;animation: zyjzl22s 3s forwards;}
.zyjzl23 a{ width:328px; height:40px; line-height:40px; display:block; overflow:hidden; margin:0 auto; color:#333; border-bottom:1px dotted #CCCCCC; transition:0.5s;}
.zyjzl23 a span{ float:right; margin-left:20px;}
.zyjzl23 a:hover{ color:#F00; border-bottom:1px solid #F00}