body{min-width:980px; margin:0 auto;}
.layout{width:100%; margin:0 auto; max-width:1280px; z-index:2;}

.Top{position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:10; width:100%;}
.Top .lft{ padding:10px 0  10px 0;}
.Top .lft img{width:200px;}
.Top .rit .dptc{position:relative;}
.Top .rit .nav_Item a{color:#fff; padding:5px 0; display:block; font-size:16px; line-height:35px;}
.Top .rit .nav_List{position:absolute; top:100%; left:0%; background:rgba(0,0,0,0.6); width:100%; text-align:center; z-index:0;
    -webkit-transform: scale(0); opacity:0;    transform: scale(0);}
.Top .rit .dptc:hover .nav_Item{background:#535353;color:#ff6a00;}
.Top:hover .nav_List{ -webkit-transform: scale(0.7);    transform: scale(0.7);}
.Top .rit .dptc:hover .nav_List{ transform: scale(1);  -webkit-transform: scale(1); opacity:1; z-index:50;}
.Top .rit .nav_List a{display:block; padding:8px 0; color:#fff; font-size:14px;}
.Top .rit .nav_List a:hover{background:#535353;color:#ff6a00;}

.TopSearch{color:#fff; height:30px;}
.TopSearch .fl{margin-left:30px; font-size:13px; line-height:30px;}
.TopSearch .fl i{margin-right:5px;}
.TopSearch .fl:hover{color:#ff6a00; cursor:pointer;}

#OpenSouSuo{position:fixed; top:0; left:0; right:0; bottom:0; z-index:99; display:none; z-index:99;}
#OpenSouSuo .main{width:400px; position:absolute; top:35px; right:0;}
#OpenSouSuo .main .mainbox{ border:1px #ddd solid; background:rgba(255,255,255,.9); padding:20px;width:400px; }
#OpenSouSuo .main .p1{font-size:26px; color:#505050;}
#OpenSouSuo .main input{width:286px; height:34px; background:#fff; line-height:30px; float:left; display:block;}
#OpenSouSuo .main .ssbtn{width:60px; color:#fff; text-align:center; line-height:36px; display:block; float:left;}
#OpenSouSuo .main .gb{width:24px; height:24px; cursor:pointer; margin:10px 0 0 0; border:1px #ddd solid; background:#ddd; text-align:center; line-height:24px;}
#OpenSouSuo .main .gb:hover{color:#fff; background:#2299ee;}


#OpenKeFu{position:fixed; top:0; left:0; right:0; bottom:0; z-index:99; display:none; z-index:99;}
#OpenKeFu .main{width:400px; position:absolute; top:35px; right:0;}
#OpenKeFu .main .mainbox{ border:1px #ddd solid; background:rgba(255,255,255,.9); padding:20px;width:400px; }
#OpenKeFu .main .p1{font-size:26px; color:#505050;}
#OpenKeFu .main .kfl{padding:10px 0; border-bottom:1px #ddd solid;line-height:20px;}
#OpenKeFu .main .kfl i{line-height:20px;}
#OpenKeFu .main .gb{width:24px; height:24px; cursor:pointer; margin:10px 0 0 0; border:1px #ddd solid; background:#ddd; text-align:center; line-height:24px;}
#OpenKeFu .main .gb:hover{color:#fff; background:#2299ee;}

.banner{width:100%; height:712px; overflow:hidden; position:relative;}
.banner .man{position:absolute; top:0; width:1920px; left:50%; margin-left:-960px; height:712px;}

.title_01{font-size:36px; color:#9dd9d1; line-height:38px; text-align:center; text-transform:uppercase;}
.title_02{font-size:26px; color:#222; text-align:center; margin-bottom:20px;}
.title_02 span{border-bottom:2px #288828 solid;}

.FuWuLi{width:200px; margin:15px auto; padding:15px; cursor:pointer; border:2px #fff solid;}
.FuWuLi img{transform: scale(0.9);  -webkit-transform: scale(0.9);}
.FuWuLi .t1{font-size:20px; font-weight:bold; padding-top:20px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #ddd dotted}
.FuWuLi .t2{font-size:14px; color:#666; line-height:1.8;transform: scale(0.9);  -webkit-transform: scale(0.9);}
.FuWuLi:hover{ border:2px #2299ee solid;-moz-box-shadow: 0px 0px 5px #aaa; -webkit-box-shadow: 0px 0px 5px #aaa; box-shadow: 0px 0px 5px #aaa; }
.FuWuLi:hover img{transform: scale(1);  -webkit-transform: scale(1);}
.FuWuLi:hover  .t2{transform: scale(1);  -webkit-transform: scale(1);}

.YeWu{padding:30px 0;}
.YeWuLi{padding:15px 5px; border:1px #fff solid;}
.YeWu .br50{width:60px; height:60px; background:#2299ee; color:#fff; line-height:60px;text-align:center; font-size:30px; font-family:Arial; }
.YeWu .wz{margin-left:75px;}
.YeWu .wz .t1{font-size:20px; font-weight:bold; line-height:28px;padding:5px 0; color:#2d2c27;}
.YeWu .wz .t2{font-size:13px;  color:#666;}
.YeWu .wz2{margin-right:75px; text-align:right;}
.YeWu .wz2 .t1{font-size:20px; font-weight:bold; line-height:28px;padding:5px 0; color:#2d2c27;}
.YeWu .wz2 .t2{font-size:13px;  color:#666;}
.YeWu .wz3{}
.YeWu .wz3 .t1{font-size:20px; font-weight:bold; line-height:28px;padding:5px 0; color:#2d2c27;}
.YeWuLi:hover{ border-color:#2299ee; cursor:pointer; }
.YeWuLi:hover .t1{color:#2299ee !important; }
.YeWuLi:hover .t2{color:#2299ee !important; }
.YeWuLi .lft{margin-left:-30px; opacity:0;}
.YeWuLi .rit{margin-right:-30px; opacity:0;}

.YeWu.Animate .YeWuLi .lft.l01{-webkit-animation: fadeLeft .9s both;animation: fadeLeft .9s both;-webkit-animation-delay: 0.5s; }
.YeWu.Animate .YeWuLi .lft.l03{-webkit-animation: fadeLeft .9s both;animation: fadeLeft .9s both;-webkit-animation-delay: 1s; }
.YeWu.Animate .YeWuLi .lft.l05{-webkit-animation: fadeLeft .9s both;animation: fadeLeft .9s both;-webkit-animation-delay: 1.5s; }
.YeWu.Animate .YeWuLi .lft.l07{-webkit-animation: fadeLeft .9s both;animation: fadeLeft .9s both;-webkit-animation-delay: 2s; }
.YeWu.Animate .YeWuLi .lft.l09{-webkit-animation: fadeLeft .9s both;animation: fadeLeft .9s both;-webkit-animation-delay: 2.5s; }
.YeWu.Animate .YeWuLi .lft.l11{-webkit-animation: fadeLeft .9s both;animation: fadeLeft .9s both;-webkit-animation-delay: 3s; }


.YeWu.Animate .YeWuLi .rit.l02{-webkit-animation: fadeLeft .9s both;animation: fadeLeft .9s both;-webkit-animation-delay: 0.75s; }
.YeWu.Animate .YeWuLi .rit.l04{-webkit-animation: fadeLeft .9s both;animation: fadeLeft .9s both;-webkit-animation-delay: 1.25s; }
.YeWu.Animate .YeWuLi .rit.l06{-webkit-animation: fadeLeft .9s both;animation: fadeLeft .9s both;-webkit-animation-delay: 1.75s; }
.YeWu.Animate .YeWuLi .rit.l08{-webkit-animation: fadeLeft .9s both;animation: fadeLeft .9s both;-webkit-animation-delay: 2.25s; }
.YeWu.Animate .YeWuLi .rit.l10{-webkit-animation: fadeLeft .9s both;animation: fadeLeft .9s both;-webkit-animation-delay: 2.75s; }
.YeWu.Animate .YeWuLi .rit.l12{-webkit-animation: fadeLeft .9s both;animation: fadeLeft .9s both;-webkit-animation-delay: 3.25s; }

.JianJieLi{ padding:10px; cursor:pointer; border:1px #fff solid;}
.JianJieLi .main{border:1px #ddd solid;}
.JianJieLi .img{transform: scale(0.9);  -webkit-transform: scale(0.9);}
.JianJieLi .word{position:relative; padding:25px 15px; z-index:2; margin-top:-15px; background:#fff url(/web/images/banner/bg.png) -1px top no-repeat;}
.JianJieLi .word .t1{font-size:16px; line-height:18px; color:#767676;}
.JianJieLi .word .t2{font-size:38px; line-height:40px; color:#576b7c}
.JianJieLi .word .t3{font-size:13px; line-height:18px; color:#767676;}
.JianJieLi:hover{ border:1px #2299ee solid; -moz-box-shadow: 0px 0px 5px #aaa; -webkit-box-shadow: 0px 0px 5px #aaa; box-shadow: 0px 0px 5px #aaa;}
.JianJieLi:hover .main{border-color:#fff; background:#fff;} 
.JianJieLi:hover .img{transform: scale(1);  -webkit-transform: scale(1);}
.JianJieLi:hover .word{background-color:rgba(0,0,0,0);}
.JianJieLi:hover .word .t2{color:#2299ee}

.foot{background:#2a333f; color:#fff;}
.copyright{color:#777; border-top:1px #4f565f solid; text-align:center}


.Foot01 .lft ul li{display:block; padding-bottom:15px;}
.Foot01 .lft ul li a{display:block; color:#fff; line-height:20px; font-size:14px; width:100%; float:left}
.Foot01 .lft ul li a .hx{width:17px; height:2px; background:#545b65; display:block; float:left; margin-top:9px;}
.Foot01 .lft ul li a .wz{display:block; margin-left:34px;}
.Foot01 .lft ul li a:hover {color:#2299ee;}
.Foot01 .lft ul li a:hover .hx{width:34px;}
.Foot01 .lft ul li a:hover .wz{ margin-left:52px;color:#2299ee;}

.Foot01 .t1{font-size:20px; font-weight:400; padding-bottom:20px;}
.Foot01 .rit i{color:#f8ea49; font-size:16px;}
.Foot01 .rit .dptb{padding-bottom:20px; display:block;}
.Foot01 .rit .dptb:hover{color:#2299ee; cursor:pointer;}
.Foot01 .rit .dptb img{ display:none;}
.Foot01 .rit .dptb:hover img{display:block;}

.shansuo{width:8px; height:8px;  display:block; position:absolute;}

.shansuo.sp1{
    background:#ff6a00;
     top:104px; left:220px;
    -webkit-animation-delay: 1.2s;    
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
     -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
     -webkit-animation-duration: 5s; /*动画所花费的时间*/
}
.shansuo.sp2{
    background:#2299ee;
     top:92px; left:560px;
    -webkit-animation-delay: 1.4s;    
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
     -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
     -webkit-animation-duration: 5s; /*动画所花费的时间*/
}
.shansuo.sp3{
    background:#076b05;
     top:260px; left:670px;
    -webkit-animation-delay: 1.6s;    
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
     -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
     -webkit-animation-duration: 5s; /*动画所花费的时间*/
}


/*fadeLeft*/ 
@-webkit-keyframes fadeLeft{
    0%{margin-left:-30px; opacity:0;}
  100%{margin-left:0; opacity:1}
}
@-moz-keyframes fadeLeft{
    0%{margin-left:-30px; opacity:0;}
  100%{margin-left:0; opacity:1}
}



/*fadeRit*/ 
@-webkit-keyframes fadeRit{
    0%{margin-right:-30px; opacity:0;}
  100%{margin-right:0; opacity:1}
}
@-moz-keyframes fadeRit{
    0%{margin-right:-30px; opacity:0;}
  100%{margin-right:0; opacity:1}
}

/*闪烁*/
@keyframes scaleDraw
 {
    0%{transform: scale(1); opacity:1;  /*开始为原始大小*/}
    25%{transform: scale(2); opacity:0.9; /*放大1.1倍*/}
    50%{transform: scale(1); opacity:1;}
    75%{transform: scale(2);  opacity:0.9;}
}
@-moz-keyframes scaleDraw
 {
    0%{transform: scale(1); opacity:1;  /*开始为原始大小*/}
    25%{transform: scale(2); opacity:0.9; /*放大1.1倍*/}
    50%{transform: scale(1); opacity:1;}
    75%{transform: scale(2); opacity:0.9; }
}