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



.top{ width:100%; height:auto;  background:#333;}
.top .top1{ width:1200px;  margin:0 auto; text-align:center;}
.top .top1 a{ color: #aaa9a9; 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;}

.banner{ position:relative; z-index: 9; width: 100%; height: 500px;; background: url(../images/banner2.jpg) top center no-repeat;}
.banner .bbin{ position:relative; width: 1200px; height:500px; margin:0 auto;}
.banner .bbin .ifa{ animation: ifa_ani 1s ease-out forwards; z-index: 99999999; position: absolute;top: 140px; left: 250px; width: 260px; height: 190px;;}
.banner .bbin .i2019{ animation: i2019_ani 1s ease-out forwards; z-index: 99999999; position: absolute; bottom: 170px; right: 280px; width: 400px; height: 190px;;}


@keyframes ifa_ani{
    0%{ top: 40px; opacity: 0;}
    100%{ top: 140px; opacity: 1;}
}
@keyframes i2019_ani{
    0%{ bottom: 70px; opacity: 0;}
    100%{ bottom: 170px; opacity: 1;}
}


.line1{ opacity: 0.5; animation: line1_ani 24s linear 1s infinite; transform: rotate(-50deg);  position: absolute; left: -1000px; top: 0;}
.line2{ opacity: 0.5; animation: line2_ani 15s linear  infinite;  position: absolute; right: -700px; top: -20px;}
.line3{ opacity: 0.5; animation: line3_ani 11s linear   infinite;  position: absolute; left: -700px; top: -70px;}
.line4{ opacity: 0.5; animation: line4_ani 20s linear 1.5s  infinite;  position: absolute; right: -700px; top: -20px;}
.box_f1{ animation: box_f1 5s ease-in-out infinite; position: absolute; left:240px; top: -100px; }
.box_f2{ animation: box_f2 8s ease-in-out infinite; position: absolute; right:150px; bottom: 50px; }

@keyframes line1_ani{
    0%{ left:-700px; transform: rotate(-80deg); opacity: 0;}
    100%{ left:1800px; transform: rotate(-10deg); }
}
@keyframes line2_ani{
    0%{ right:-700px; transform: rotate(0deg); opacity: 0;}
    100%{ right:1800px; transform: rotate(20deg);}
}

@keyframes line3_ani{
    0%{ left:-1200px; transform: rotate(-20deg); opacity: 0;}
    100%{ left:1800px; transform: rotate(-20deg);}
}

@keyframes line4_ani{
    0%{ right:-1000px; transform: rotate(20deg); opacity: 0;}
    100%{ right:1800px; transform: rotate(40deg);}
}

@keyframes box_f1{
    0%{  top:-100px; }
    50%{  top:-40px; transform: rotate(-10deg);}
    100%{ top:-100px;}
}

@keyframes box_f2{
    0%{  bottom:10px; }
    50%{  bottom:50px; transform: rotate(-5deg);}
    100%{ bottom:10px;}
}


.nav{ overflow:visible; width: 100%; height: 50px; background: linear-gradient( to top, #020f26, #144f7b);}
.nav .navin{ overflow: visible; position: relative; z-index: 8; width: 1200px; height: 50px;}
.nav .navin a{ position: relative; color: #fff; font-size: 26px; font-weight: normal; line-height: 50px; width:240px; height: 50px; float: left; text-align: center; }
.nav .navin a:hover{ text-decoration: none; animation: nav_span 0.5s linear forwards; cursor: pointer; }
.nav .navin a img{  position: absolute; top: -200px; left:30px; z-index: 8;}
.nav .navin a font{ position: relative; z-index: 9;}
.ani_box{ animation: ani_navbox 0.5s ease-out forwards; }

@keyframes nav_span{
    0%{ text-indent: 0; text-align: center; background: #144f7b; }
    100%{ text-indent: 80px; background: #020f26;}
}
@keyframes ani_navbox{
    0%{ opacity: 0; top:-150px; left:30px; transform: rotate(-20deg);}
    100%{ opacity: 1; top:-80px; left:10px; transform: rotate(0deg); }
}




.wrapper{ width: 1200px; height: auto;; margin:0 auto;}
.c1{ width: 1200px; height: auto;; margin-top:50px;}
.c1 .c1l{ float: left; width:660px; height: 380px;;}
.c1 .c1r{ float: right; width:540px; box-sizing: border-box; padding:70px 40px 0 40px; height: 380px;; background: url(../images/t1.png) no-repeat top 0  left 40px ;}
.c1 .c1r .c1t{ margin:0 auto; display: block; font-size: 22px; color: #313140; text-align: center; margin-top: 15px;}
.c1 .c1r p{ margin-top:10px; line-height: 26px; font-size: 14px; color: #9797a5; margin-bottom: 30px;}
.c1 .c1r p a{ color: #9797a5;}

.c2{ width: 1200px; height: auto;; padding-top: 100px; box-sizing: border-box; /*min-height: 700px;*/ overflow: hidden; margin-top:50px; background: url(../images/t2.png) top center no-repeat;}
.c2 .c2more{ cursor: pointer; clear: both;  display:block; margin-left:0; background: url(../images/morebg.png) no-repeat; text-align: center; font-size: 18px; width: 122px; height: 36px;; line-height: 36px; color: #fff;}
.c2 .vb{ float: left; margin-bottom: 30px; width: 578px; height: 294px;; position: relative;}
.c2 .vb .vbcover{ position: absolute; z-index: 9; top: 0; left: 0;}
.c2 .vb .vbin{ width: 578px; height: 294px;; background: #efefef;}
.c2 .vb .vbshadow{ font-size: 26px; color: #fff; text-decoration: underline; text-align: center; font-style:italic; box-sizing: border-box; padding-top:240px; width: 578px; display: none; height: 294px;; background:url(../images/varr.png) top 60px center no-repeat rgba(0, 0, 0, 0.6); z-index: 8; position: absolute; top: 0; left: 0;}
.c2 .c2hide{ display: none; clear: both;}

.c3{ width: 1200px; height: auto; padding-top:100px; box-sizing: border-box; margin-top:50px; background: url(../images/t3.png) top center no-repeat; }
.c3 .c3box{  float: left; width: 350px; height: 330px; margin:0 25px; margin-bottom: 20px;}
.c3 .c3box img{ display:block; width: 350px; height: 200px; background: #efefef;}
.c3 .c3box .c3t{ box-sizing: border-box; padding: 0 10px; display: inline-block; font-size: 18px; color: #313140; text-align: left; margin: 10px 0;}
.c3 .c3box  p{ line-height: 20px; box-sizing: border-box; padding: 0 15px; text-align: justify; color: #9797a5; font-size: 12px;}
.c3 .c3box  p a{ color: #9797a5;}

.c4{ width: 1200px; height: auto; padding-top:100px; box-sizing: border-box; margin-top:50px; background: url(../images/t4.png) top center no-repeat; }

.c5{ width: 1200px; height: auto; padding-top:100px; box-sizing: border-box; margin-top:0px; background: url(../images/t5.png) top center no-repeat;  }

.c6{ width: 1200px; height: auto; padding-top:100px; box-sizing: border-box; margin-top:50px; background: url(../images/t6.png) top center no-repeat;  }
.c6 .his{ width: 380px; height: 150px; margin:0 10px; float: left;}





.footer{ width:100%; height:auto; padding:40px 0 200px 0; background:#202a3d; position:relative; z-index:99999; margin-top:40px;}
.footer .fin{ margin:0 auto; width:980px; color:#f6f9ff; text-align:center; line-height:30px; font-size:14px;}
.footer .fin a{ color:#f6f9ff; font-size:14px; margin:0 5px;}

.slideBox{ width:660px; height:380px; overflow:hidden; position:relative; float:left;   }
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:20px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; background: #fff; 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:#de201b ; width: 20px; 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:10px 0 20px 0; width:100%; font-size:26px; color:#fff; background:rgba(0, 0, 0, 0.8); opacity:0.8; text-align:center;}
.slideBox .bd li p a{ color:#fff;}
.slideBox .bd img{ width:660px; height:380px; display:block; background: #efefef;  }


.slideBox2{ width:1200px; height:750px; 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: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;}
.slideBox2 .hd ul li.on{ background:#de201b ; width: 30px; 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:20px 0 40px 0; width:100%; font-size:26px; color:#fff; background:rgba(0, 0, 0, 0.8); opacity:0.8; text-align:center;}
.slideBox2 .bd li p a{ color:#fff;}
.slideBox2 .bd img{ width:1200px; height:750px; display:block; background: #efefef;  }
.slideBox2 .next{ width: 40px; height: 85px; position: absolute; top: 300px; right:50px; background: url(../images/sar2.png) no-repeat; z-index: 88888; cursor: pointer;}
.slideBox2 .prev{ width: 40px; height: 85px; position: absolute; top: 300px; left:50px; background: url(../images/sar1.png) no-repeat; z-index: 88888; cursor: pointer;}







/**瀑布流**/
.waterfall{ width:1200px; height:auto; overflow:hidden;  }
.waterfall .wf_l{ float:left; width:870px; height:auto;   padding-bottom:30px;}
.waterfall .wf_l .wf_nav{ position: relative; z-index: 8; width:100%; border-bottom:2px solid #ddd; border-image: linear-gradient( to right,#bfc0c0,#fff) 30 30;  }
.waterfall .wf_l .wf_nav span{ position: relative; float:left; text-shadow: 2px 2px 5px #2E7EC9; line-height: 110px; background: url(../images/wbg.png) top center no-repeat;  color:#002935; font-size:32px;  text-align:center;  width:210px;  border-bottom:0; height:90px;  text-align:center;  cursor:pointer; }
.waterfall .wf_l .wf_nav span:last-child{ margin-right: 0; }
.waterfall .wf_l .wf_nav .wf_on{ position: relative; width:210px;  text-align: center;  display: block; height:90px; margin-top: 0;} 
.waterfall .wf_r{ float:right; width:320px; height:auto; padding:0;   }
.wfrcon{ margin-bottom: 35px; margin-top:20px;  box-sizing: border-box; width: 320px; padding-top:70px; }
.wf1{ background: url(../images/wr1.png) no-repeat;}
.wf2{ background: url(../images/wr2.png) no-repeat;}

.wf_rin{ width:320px; height:240px; overflow:hidden; color:#fff; margin-bottom:20px; box-sizing: border-box; position: relative;}
.wf_rin:last-child{ margin-bottom:0; }
.wf_rin img{ display:block;  width:320px; height:240px; background: #efefef; }
.wf_rin p{ text-align:center; font-size: 14px; padding:10px 0 ; width: 100%; background: rgba(0,0,0,0.6); width: 100%; position: absolute; bottom:0; left:0;}
.wf_rin p a{ color:#fff; font-size:16px;}

.waterfall .wf_r ul{ margin:0 auto; overflow:hidden; color:#fff; }
.waterfall .wf_r ul li{ margin:5px 0; list-style:inside; width:260px; overflow:hidden; height:20px; line-height:20px; float:left; text-overflow: ellipsis; white-space: nowrap;}
.waterfall .wf_r ul li a{ font-size:14px; color:#ccc; line-height:20px;}
.waterfall .wf_r ul li a:hover{ color:#fff;}
.waterfall .wf_l .wf_nav span img{ position: absolute; bottom:-200px; left:0;}
.waterfall .wf_l .wf_nav span b{ position: relative; z-index: 10;}
.ws{ animation: ani_ws 1s ease-out forwards ;}
.ws img{ animation: ani_wsimg 0.8s ease-out forwards;}
@keyframes ani_ws{
    0%{ color: #002935;}
    100%{ color: #fff; }
}
@keyframes ani_wsimg{
    0%{ bottom:-200px; left:20px; transform: rotate(40deg);}
    100%{ bottom:-100px; left:10px; transform: rotate(-5deg);}
}

.news_wf{ overflow:hidden; clear:both; width:870px; position: relative; z-index: 9;}
.news_wf .wfin{ overflow:hidden;}
.news_wf .wfin .wfbox{ clear:both;}
.news_wf .wfin .wfbox .show_news{ overflow:hidden;}
.news_wf .wfin .wfbox .hide_news{ overflow:hidden; display:none;}
.news_wf .wfin .wfbox .wnews{ border-bottom:1px solid #efefef; width:100%; height:auto; padding:15px 0 ; background:#fff; box-sizing: border-box;; margin:10px 0; position:relative;}
.news_wf .wfin .wfbox .wnews:last-child{ border-bottom:0 none;}
.news_wf .wfin .wfbox .wnews img{ display:block; float:left; width:250px; height:188px; background:#eeeeee; margin:0 20px 0 0;}
.news_wf .wfin .wfbox .wnews .wfn{ width:510px; float:left;}
.news_wf .wfin .wfbox .wnews .wftit{ padding:10px 0; clear:both;  }
.news_wf .wfin .wfbox .wnews .wftit a{ font-size:18px; color:#313140; }
.news_wf .wfin .wfbox .wnews .wfcon{ font-size:12px; color:#9797a5; line-height:24px; text-align: justify;  margin:10px 0 0 0;}
.news_wf .wfin .wfbox .wnews .wfcon  a{ color:#9797a5;}
.news_wf .wfin .wfbox .wnews .all_a{ position:absolute; right:20px; bottom:20px; font-size:14px; color: #f43131; font-style: italic; padding:2px 5px; border: 1px solid #b6b6b6;}
.news_wf .wfin .wfbox .wnews .all_a:hover{ border: 1px solid #dc5259; background: #dc5259; color: #fff; text-decoration: none; }
.news_wf .wfin .mbtn{ clear:both; line-height: 36px; margin:0 auto; text-align:center;  position: relative;;  float: left; width:122px; height:36px; font-size:18px;  color:#fff;  cursor:pointer; margin-top:20px; margin-bottom:20px; background:url(../images/morebg.png) no-repeat;}

/**瀑布流**/


 /**浮动导航**/

 #menu{position:fixed;right:0%; display:inline;  z-index:9999999; position: fixed; top: 0px; margin-left:0px; z-index: 999999;  }
 #menu a.current{ animation: ani_navbox 0.5s ease-out forwards; }