*{margin:0px;padding:0px;}

html,body {height:100%;background:#fff;font-family:"Microsoft YaHei";font-size:14px;color:#FFF;line-height:24px;}
header {position:fixed;top:0;left:0;width:100%;height:60px;background:#fff;z-index:7;}
*, *:after, *:before {
  box-sizing: border-box;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{font-family:'微软雅黑'; }
:focus {outline:0;}

address,caption,cite,code,dfn,em,th,var,optgroup {font-style:normal;font-weight:normal;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}

abbr,acronym {border:0;font-variant:normal;}

input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

code,kbd,samp,tt {font-size:100%;}

/*@purpose To enable resizing for IE */

/*@branch For IE6-Win,IE7-Win */

input,button,textarea,select {*font-size:100%;}

body {line-height:1.5; overflow-x:hidden;}

ol,ul,li {list-style:none;}

/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse:collapse;border-spacing:0;}

caption,th {text-align:left;}

sup,sub {font-size:100%;vertical-align:baseline;}

/* remember to highlight anchors and inserts somehow! */

blockquote,q {quotes:none;}

blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}



.clear:after{clear: both;content:'.';display: block;visibility:hidden;height:0;}

.clear{zoom:1; clear: both;}

a {text-decoration:none; transition:all .3s ease-in;}

a:hover {text-decoration:none;}





.banner{ height:220px;margin-top:60px; }
.banner1{ height:500px;margin-top:60px;background: url(../images/p2.jpg) no-repeat center;}
.banner11{ height:500px;margin-top:60px;background: url(../images/p3.jpg) no-repeat center;}
.banner12{ height:500px;margin-top:60px;background: url(../images/p4.jpg) no-repeat center;}
.banner2{width:1200px;margin:auto;height:500px;}
.banner3{width:1200px;height:400px;float:left;padding-top:80px;}
.tittle1{font-size:30px;color:#fff;float:left;height:50px;line-height:50px;padding-left:60px;width:1200px;}
.wenzi{font-size:16px;color:#fff;float:left;line-height:30px;letter-spacing:2px;text-indent:2em;width:460px;padding-top:30px;padding-left:40px;}
.wenzi1{font-size:16px;color:#fff;float:left;line-height:30px;letter-spacing:2px;text-indent:2em;width:460px;padding-top:10px;padding-left:30px;}
.banner4{width:1200px;height:40px;text-align:center;}
.button1{width:200px;border:1px #fff solid;float:left;margin-right:30px;}
.button1 a{font-size:16px;color:#fff;width:200px;display: block;height:40px;line-height:40px;text-decoration: none;}
.button1:hover{width:200px;border:1px #f0dd08 solid;float:left;margin-right:30px;cursor:pointer;background:#f0a108;}
.button1 a:hover{font-size:16px;display: block;color:#fff;width:200px;height:40px;line-height:40px;text-decoration: none;cursor:pointer;}
.titleone{font-size:30px;text-align:center;height:100px;line-height:100px;clear:both;margin-top:30px;margin-bottom:30px;COLOR:#262628;}
.co{text-align:center;margin-top:20px;padding:20px;border:1px #ddd solid;}
.titletwo{font-size:24px;height:50px;line-height:50px;text-align:center;letter-spacing:2px;}
.zhongxin0{margin:auto;width:1200px;background:url(../images/P8.jpg) no-repeat;height:418px;clear:both;}
.zhongxin01{margin:auto;width:1200px;background:url(../images/P9.jpg) no-repeat;height:418px;}
.zhongxin{margin:auto;width:1200px;}
.zhongxin1{margin:auto;text-align:center;}
.zhongxin2{margin:auto;width:1200px;font-size:16px;line-height:30px;letter-spacing:2px;text-indent:2em;padding-left:30px;padding-right:30px;COLOR:#262628;}
.article{padding-top:20px;padding-bottom:30px;font-size:16px;letter-spacing:1px;}
.article1{padding-top:10px;padding-bottom:20px;font-size:16px;letter-spacing:1px;text-indent:2em;}

.container1{ width:1200px; padding-top:38px;padding-bottom:38px;margin:0 auto;height:400px;  color:#262628;font-size:14px;line-height:30px;}

.container2{ width:1200px; padding-top:38px;padding-bottom:38px;margin:0 auto;height:450px;  color:#262628;font-size:14px;line-height:30px; background:url(../images/P5-1.jpg) no-repeat;}
.biaoti{font-size:24px;letter-spacing:3px;width:400px;color:#000;height:50px;line-height:50px;}

.container{ width:1200px; margin:38px auto; clear:both; color:#262628;font-size:14px;line-height:30px;}

.container .aside{ width:220px; float:left; overflow:hidden;}

.container .aside .submenu{ width:100%;}

.container .aside .submenu li{ height:50px;background:#eee;margin-bottom:10px;}

.container .aside .submenu li:last-child{ border:none;}

.container .aside .submenu li a{ width:220px; height:50px; display:block; color:#262628;text-align:center; line-height:50px; position:relative; font-size:16px;}

.container .aside .submenu li a.current{ color:#fff;background:#0955a2}

.container .aside .submenu li a .em1{ width:26px; height:26px; position:absolute; display:block; left:15px; top:13px;}

.container .aside .submenu li a:hover,a.current{ color:#fff;background:#0955a2;text-decoration: none;}

.container .aside .submenu li a:hover .em1,.container .aside .submenu li a.current .em1{ background-position:0 0;}

.top{font-size:24px;color:#000;font-weight:bold;}
.boody{font-size:16px;line-height:40px;padding-top:20px;padding-bottom:20px;}
.container .main{ width:920px; float:right;}

.container .main .list_type{ margin-bottom:20px;}

.container .main .list_type .em1{ width:86px; border-top:3px solid #0955a2; font-size:20px; font-weight:900; display:block; padding:15px 0 0 0; height:28px; line-height:20px; color:#26252A;}

.container .main .list_type .em2{ font-size:28px; color:#C8C8C8; border-bottom:1px dashed #D0D0D0; display:block; padding:15px 0 10px 0;}

.container .main .list_type1{ margin-bottom:20px;}

.container .main .list_type1 .em1{ width:400px; border-left:3px solid #0955a2; font-size:20px; font-weight:900; display:block; padding-left:10px; height:25px; line-height:25px; color:#26252A;}

.container .main .list_type1 .em2{ font-size:28px; color:#C8C8C8; border-bottom:1px dashed #D0D0D0; display:block; padding:15px 0 10px 0;}

.join{color:#000;width:1200px;height:40px;line-height:40px;border-bottom:2px #0955a2 solid;clear:both;}
.info{width:1200px;float:left;padding-top:20px;line-height:30px;font-size:14px;color:#444;padding-bottom:20px;background:#f6f6f6;padding-left:20px;}
.jon{float:right;font-size:14px;color:#fff;width:80px;text-align:center;height:35px;line-height:35px;margin-right:20px;background:#1264b8;}
.jon a{color:#fff;text-decoration:none;display:block;}
.jon a:hover{color:#fff;text-decoration:none;display:block;}
.br{width:1200px;height:30px;background:#fff;clear:both;}
.join1{float:left;width:160px;font-size:18px;line-height:40px;text-indent:1em;font-weight:bold;}

#wrap {position:relative;width:100%;max-width:1920px;min-width:1200px;_width:expression((document.documentElement.clientWidth>1920||document.body.clientWidth>1920)?"1920px":((document.documentElement.clientWidth<1000||document.body.clientWidth<1000)?"1000px":"100%"));height:auto;overflow:hidden;margin:0 auto;background:#fff;}

.lleft{float:left;width:600px;}
.rright{float:right;width:500px;padding-top:30px;}
.z1{ z-index:1;}

.z2{ z-index:2;}

.z3{ z-index:3;}

.word a{color:#fff;}
.contain{}
.anli{width:1200px;margin:auto;}
.anlli{width:1200px;margin:auto;padding-top:30px;}
.tt{width:1200px;height:40px;margin-top:30px;}
.t0 {float:left;width:200px;height:40px;line-height:40px;text-align:center;margin-right:60px;
    border-bottom:2px #0955a2 solid;}
.t1{float:left;font-size:18px;width:200px;height:40px;line-height:40px;text-align:center;margin-right:60px;}
.t2{font-size:24px;font-weight:bold;}
.t0 a{font-size:18px;color:#3e3a39;}
.t1 a{font-size:18px;color:#3e3a39;}
.t0 a:hover {color:#3e3a39;text-decoration:none;}
.t1 a:hover {color:#3e3a39;text-decoration:none;}
.tt1{float:left;width:400px;height:270px;}
.tt2{width:380px;height:250px;text-align:center;}
.nav { width: 1200px; margin: 0 auto 20px; font-size: 0;}
.nav li { display: inline-block; margin: 5px 5px; padding: 10px 20px; font-size: 14px; color: #333; background-color: #eee; cursor: pointer;letter-spacing:1px;}
.nav .active { color: #fff; background-color: #0955a2;}
.jq22 { width: 1200px; }

.com1{width:420px;float:left;text-align:center;}
.com1 a{font-size:18px;color:#000;text-decoration:none;}
.com1 a:hover{font-size:18px;color:#eb9206;text-decoration:none;}

.x1{width:280px;height:190px;float:left;margin-right:20px;margin-bottom:20px;}
.x2{border:1px #ddd solid;width:280px;height:290px;float:left;margin-right:20px;margin-bottom:20px;display: inline-block;}
.b1{font-size:16px;color:#666;text-align:center;height:40px;line-height:40px;}
.htmleaf-container{width:1200px;margin:auto;}

.logo{background:url(../images/logo.png) no-repeat;float:left;width:206px;height:60px;}
.animenu__toggle {
  display: none;
  cursor: pointer;
  background-color: #111;
  border: 0;
  padding: 10px;
  height: 40px;
  width: 40px;
}
.animenu__toggle:hover {
  background-color: #0186ba;
}

.animenu__toggle__bar {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  -webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
}
.animenu__toggle__bar + .animenu__toggle__bar {
  margin-top: 4px;
}

.animenu__toggle--active .animenu__toggle__bar {
  margin: 0;
  position: absolute;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
  opacity: 0;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animenu {
  display: block;float:right;
}
.animenu ul {
  padding: 0;
  list-style: none;
  font: 0px 'Open Sans', Arial, Helvetica;
}
.animenu li, .animenu a {
  display: inline-block;
  font-size: 15px;
}
.animenu a {
  color: #666;
  text-decoration: none;
}

.animenu__nav {
  
}
.animenu__nav > li {
  position: relative;
  height:60px;
}
.animenu__nav > li > a {
  padding-left:30px;padding-right:30px;line-height:60px;

}
.animenu__nav > li > a:first-child:nth-last-child(2):before {
  content: "";
  position: absolute;
  border: 4px solid transparent;
  border-bottom: 0;
  border-top-color: currentColor;
  top: 50%;
  margin-top: -2px;
  right: 10px;
}
.animenu__nav > li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.animenu__nav > li:hover > a {
  color: #fff;background:#0955a2;text-decoration: none;
}

.animenu__nav__child {
  min-width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 20px 0 0 0;
  background-color: #0955a2;
  transition: margin .15s, opacity .15s;
}
.animenu__nav__child > li {
  width: 100%;
  border-bottom: 1px solid #2279d2;
}
.animenu__nav__child > li:first-child > a:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  left: 1em;
  top: -6px;
  border: 6px solid transparent;
  border-top: 0;
  border-bottom-color: inherit;
}
.animenu__nav__child > li:last-child {
  border: 0;
}
.animenu__nav__child a {
  padding: 10px;
  width: 100%;
  background-color: #1264b8;color:#9dc9f7;border-color: #2279d2;text-decoration: none;
}
.animenu__nav__child a:hover {
  background-color: #0955a2;
  border-color: #0955a2;
  color: #fff;text-decoration: none;
}

@media screen and (max-width: 767px) {
  .animenu__toggle {
    display: inline-block;
  }

  .animenu__nav,
  .animenu__nav__child {
    display: none;
  }

  .animenu__nav {
    margin: 10px 0;
  }
  .animenu__nav > li {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #515151;
  }
  .animenu__nav > li:last-child {
    border: 0;
  }
  .animenu__nav > li:first-child > a:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    left: 1em;
    top: -6px;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom-color: inherit;
  }
  .animenu__nav > li > a {
    width: 100%;
    padding: 10px;
    border-color: #111;
    position: relative;
  }
  .animenu__nav a:hover {
    background-color: #0186ba;
    border-color: #0186ba;
    color: #fff;
  }

  .animenu__nav__child {
    position: static;
    background-color: #373737;
    margin: 0;
    transition: none;
    visibility: visible;
    opacity: 1;
  }
  .animenu__nav__child > li:first-child > a:after {
    content: none;
  }
  .animenu__nav__child a {
    padding-left: 20px;
    width: 100%;
  }
}
.animenu__nav--open {
  display: block !important;
}
.animenu__nav--open .animenu__nav__child {
  display: block;
}





.dMenu {position:fixed;width:91px;right:60px;top:48%;z-index:555; _top:expression(eval(document.documentElement.scrollTop+300)); margin-top:-207px;  _margin-top:-137px;}

.dMenu span{ width:91px; height:91px; display:block; background:url(../images/button.png) no-repeat; margin:10px 0; cursor:pointer;}

.wam0 .span0{ background-position:-91px 0;}

.wam0 .span1{ background-position:-91px -91px;}

.wam0 .span2{ background-position:-91px -182px;}

.wam0 .span3{ background-position:-91px -273px;}

.wam0 .span4{ background-position:-91px -364px;}

.wam0 .span5{ background-position:-91px -455px;}

.wam0 .span0.current{ background-position:0 0;}

.wam0 .span1.current{ background-position:0 -91px;}

.wam0 .span2.current{ background-position:0 -182px;}

.wam0 .span3.current{ background-position:0 -273px;}

.wam0 .span4.current{ background-position:0 -364px;}

.wam0 .span5.current{ background-position:0 -455px;}



.wam1 .span0{ background-position:-91px 0;}

.wam1 .span1{ background-position:-91px -91px;}

.wam1 .span2{ background-position:-91px -182px;}

.wam1 .span3{ background-position:-91px -273px;}

.wam1 .span4{ background-position:-91px -364px;}

.wam1 .span5{ background-position:-91px -455px;}

.wam1 .span0.current{ background-position:0 0;}

.wam1 .span1.current{ background-position:0 -91px;}

.wam1 .span2.current{ background-position:0 -182px;}

.wam1 .span3.current{ background-position:0 -273px;}

.wam1 .span4.current{ background-position:0 -364px;}

.wam1 .span5.current{ background-position:0 -455px;}





.wam2 .span0{ background-position:-91px 0;}

.wam2 .span1{ background-position:-91px -91px;}

.wam2 .span2{ background-position:-91px -182px;}

.wam2 .span3{ background-position:-91px -273px;}

.wam2 .span4{ background-position:-91px -364px;}

.wam2 .span5{ background-position:-91px -455px;}

.wam2 .span0.current{ background-position:0 0;}

.wam2 .span1.current{ background-position:0 -91px;}

.wam2 .span2.current{ background-position:0 -182px;}

.wam2 .span3.current{ background-position:0 -273px;}

.wam2 .span4.current{ background-position:0 -364px;}

.wam2 .span5.current{ background-position:0 -455px;}





.wam3 .span0{ background-position:-91px 0;}

.wam3 .span1{ background-position:-91px -91px;}

.wam3 .span2{ background-position:-91px -182px;}

.wam3 .span3{ background-position:-91px -273px;}

.wam3 .span4{ background-position:-91px -364px;}

.wam3 .span5{ background-position:-91px -455px;}

.wam3 .span0.current{ background-position:0 0;}

.wam3 .span1.current{ background-position:0 -91px;}

.wam3 .span2.current{ background-position:0 -182px;}

.wam3 .span3.current{ background-position:0 -273px;}

.wam3 .span4.current{ background-position:0 -364px;}

.wam3 .span5.current{ background-position:0 -455px;}



.wam4 .span0{ background-position:-91px 0;}

.wam4 .span1{ background-position:-91px -91px;}

.wam4 .span2{ background-position:-91px -182px;}

.wam4 .span3{ background-position:-91px -273px;}

.wam4 .span4{ background-position:-91px -364px;}

.wam4 .span5{ background-position:-91px -455px;}

.wam4 .span0.current{ background-position:0 0;}

.wam4 .span1.current{ background-position:0 -91px;}

.wam4 .span2.current{ background-position:0 -182px;}

.wam4 .span3.current{ background-position:0 -273px;}

.wam4 .span4.current{ background-position:0-364px;}

.wam4 .span5.current{ background-position:0 -455px;}





.wam5 .span0{ background-position:-91px 0;}

.wam5 .span1{ background-position:-91px -91px;}

.wam5 .span2{ background-position:-91px -182px;}

.wam5 .span3{ background-position:-91px -273px;}

.wam5 .span4{ background-position:-91px -364px;}

.wam5 .span5{ background-position:-91px -455px;}

.wam5 .span0.current{ background-position:0 0;}

.wam5 .span1.current{ background-position:0 -91px;}

.wam5 .span2.current{ background-position:0 -182px;}

.wam5 .span3.current{ background-position:0 -273px;}

.wam5 .span4.current{ background-position:0 -364px;}

.wam5 .span5.current{ background-position:0 -455px;}



.wrap .amousedown{ width:68px; height:110px; position:absolute; bottom:50px; color:red; left:470px; text-align:center; cursor:pointer; z-index:9; overflow:hidden;}



.wrapon .amousedown{ width:68px; height:110px; position:absolute; bottom:50px; color:red; left:470px; text-align:center; cursor:pointer; -webkit-animation:amousedown 2s; -moz-animation:amousedown 2s; -o-animation:amousedown 2s; animation:amousedown 2s; z-index:9; overflow:hidden;}

.wrapon .amousedown span{ width:68px; height:68px; -webkit-border-radius:34px; -moz-border-radius:34px; -o-border-radius:34px; border-radius:34px; display:block; background:url(../images/mousedown.png) center 15px no-repeat #0c5aa9; clear:both;}

.wrapon .amousedown:hover span{ width:68px; height:68px; -webkit-border-radius:34px; display:block; background:url(../images/mousedown.png) center -85px no-repeat #FFF; -webkit-animation:amousedownspan .2s forwards; -moz-animation:amousedownspan .2s forwards; -o-animation:amousedownspan .2s forwards; animation:amousedownspan .2s forwards;}

.wrapon .amousedown em{ font-weight:600; font-size:14px; color:#FAFDFE; clear:both;}

.wrapon .amousedown:hover em{ -webkit-animation:amousedownem .2s forwards; -moz-animation:amousedownem .2s forwards; -o-animation:amousedownem .2s forwards; animation:amousedownem .2s forwards;}



@-webkit-keyframes amousedown{

0%{ opacity:0; bottom:-100px;}

70%{ opacity:0; bottom:-100px;}

100%{ opacity:1; bottom:50px;}

}

@-moz-keyframes amousedown{

0%{ opacity:0; bottom:-100px;}

70%{ opacity:0; bottom:-100px;}

100%{ opacity:1; bottom:50px;}

}

@-o-keyframes amousedown{

0%{ opacity:0; bottom:-100px;}

70%{ opacity:0; bottom:-100px;}

100%{ opacity:1; bottom:50px;}

}

@keyframes amousedown{

0%{ opacity:0; bottom:-100px;}

70%{ opacity:0; bottom:-100px;}

100%{ opacity:1; bottom:50px;}

}

@-webkit-keyframes amousedownspan{

0%{ background-position:center 15px; -webkit-transform:translateY(0);}

100%{ background-position:center -85px; -webkit-transform:translateY(2px);}	

}

@-moz-keyframes amousedownspan{

0%{ background-position:center 15px; -webkit-transform:translateY(0);}

100%{ background-position:center -85px; -webkit-transform:translateY(2px);}	

}

@-o-keyframes amousedownspan{

0%{ background-position:center 15px; -webkit-transform:translateY(0);}

100%{ background-position:center -85px; -webkit-transform:translateY(2px);}	

}

@keyframes amousedownspan{

0%{ background-position:center 15px; -webkit-transform:translateY(0);}

100%{ background-position:center -85px; -webkit-transform:translateY(2px);}	

}



@-webkit-keyframes amousedownem{

0%{ font-size:14px; font-weight:600;}

100%{ font-size:16px; font-weight:700;}	

}

@-moz-keyframes amousedownem{

0%{ font-size:14px; font-weight:600;}

100%{ font-size:16px; font-weight:700;}	

}

@-o-keyframes amousedownem{

0%{ font-size:14px; font-weight:600;}

100%{ font-size:16px; font-weight:700;}	

}

@keyframes amousedownem{

0%{ font-size:14px; font-weight:600;}

100%{ font-size:16px; font-weight:700;}	

}
.wrap .amouseup{ width:68px; height:110px; position:absolute; bottom:50px; color:red; left:470px; text-align:center; cursor:pointer; z-index:9; overflow:hidden;}
.wrapon .amouseup{ width:68px; height:110px; position:absolute; bottom:50px; color:red; left:470px; text-align:center; cursor:pointer; -webkit-animation:amousedown 2s; -moz-animation:amousedown 2s; -o-animation:amousedown 2s; animation:amousedown 2s; z-index:9; overflow:hidden;}
.wrapon .amouseup span{ width:68px; height:68px; -webkit-border-radius:34px; -moz-border-radius:34px; -o-border-radius:34px; border-radius:34px; display:block; background:url(../images/mouseup.png) center 15px no-repeat #0c5aa9; clear:both;}
.wrapon .amouseup:hover span{ width:68px; height:68px; -webkit-border-radius:34px; display:block; background:url(../images/mouseup.png) center -85px no-repeat #FFF; -webkit-animation:amousedownspan .2s forwards; -moz-animation:amousedownspan .2s forwards; -o-animation:amousedownspan .2s forwards; animation:amousedownspan .2s forwards;}
.wrapon .amouseup em{ font-weight:600; font-size:14px; color:#FAFDFE; clear:both;}
.wrapon .amouseup:hover em{ -webkit-animation:amousedownem .2s forwards; -moz-animation:amousedownem .2s forwards; -o-animation:amousedownem .2s forwards; animation:amousedownem .2s forwards;}


/*第一屏*/

#wrap-0 {position:relative;width:1000px;height:942px;margin:0 auto;z-index:6;}

#wrap-0 .dbg{position:absolute;width:1920px;height:942px;margin:0 -460px;background:url(../images/bg1.jpg) center 0 no-repeat #2279d2; }

#wrap-0.wrapon .dbg span{position:absolute;width:1920px;height:942px;display:block; -webkit-animation:dbg 1.5s;  -moz-animation:dbg 1.5s;  -o-animation:dbg 1.5s; animation:dbg 1.5s; z-index:0;}

@-webkit-keyframes dbg{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-moz-keyframes dbg{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-o-keyframes dbg{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@keyframes dbg{

0%{ opacity:0;}

100%{ opacity:1;}	

}



#wrap-0.wrapon .w0_bg1{ width:674px; height:365px; background:url(../images/w0_bg1.png) no-repeat; position:absolute; top:205px; left:-105px; -webkit-animation:w0_bg1 1.5s; -moz-animation:w0_bg1 1.5s; -o-animation:w0_bg1 1.5s; animation:w0_bg1 1.5s;}

@-webkit-keyframes w0_bg1{

0%{ opacity:0; top:205px; left:-500px;}	

100%{ opacity:1; top:205px; left:-105px;}	

}

@-moz-keyframes w0_bg1{

0%{ opacity:0; top:205px; left:-500px;}	

100%{ opacity:1; top:205px; left:-105px;}	

}

@-o-keyframes w0_bg1{

0%{ opacity:0; top:205px; left:-500px;}	

100%{ opacity:1; top:205px; left:-105px;}	

}

@keyframes w0_bg1{

0%{ opacity:0; top:205px; left:-500px;}	

100%{ opacity:1; top:205px; left:-105px;}	

}

#wrap-0.wrapon .w0_bg2{ width:539px; height:541px; z-index:1; background:url(../images/w0_bg2.png) no-repeat; position:absolute; top:205px; right:1px; opacity:0; animation:w0_bg2 1.5s linear 1s forwards; -o-animation:w0_bg2 1.5s linear 1s forwards; -moz-animation:w0_bg2 1.5s linear 1s forwards; -webkit-animation:w0_bg2 1.5s linear 1s forwards;}

@keyframes w0_bg2{

0%{ opacity:0; top:0; right:10px;}	

100%{ opacity:1; top:175px; right:10px;}	

}

@-o-keyframes w0_bg2{

0%{ opacity:0; top:0; right:10px;}	

100%{ opacity:1; top:175px; right:10px;}	

}

@-moz-keyframes w0_bg2{

0%{ opacity:0; top:0; right:10px;}	

100%{ opacity:1; top:175px; right:10px;}	

}

@-webkit-keyframes w0_bg2{

0%{ opacity:0; top:0; right:10px;}	

100%{ opacity:1; top:175px; right:10px;}	

}

#wrap-0.wrapon .w0_bg3{ width:486px; height:2px; background:#FFF; opacity:0.5; position:absolute; top:315px; right:10px; overflow:hidden; z-index:1; -o-animation:w0_bg3 2s; -moz-animation:w0_bg3 2s; animation:w0_bg3 2s; -webkit-animation:w0_bg3 2s;}

#wrap-0.wrapon .w0_bg3 span{ width:65px; height:2px; background:#F00; left:210px; position:absolute; z-index:2; opacity:0; animation:w0_bg3span 2s linear 2s forwards; -o-animation:w0_bg3span 2s linear 2s forwards; -moz-animation:w0_bg3span 2s linear 2s forwards; -webkit-animation:w0_bg3span 2s linear 2s forwards;}

@keyframes w0_bg3{

0%{ transform:scaleX(0.1); -o-transform:scaleX(0.1); -moz-transform:scaleX(0.1); -webkit-transform:scaleX(0.1);}

100%{ transform:scaleX(1); -o-transform:scaleX(1); -moz-transform:scaleX(1); -webkit-transform:scaleX(1);}	

}

@-o-keyframes w0_bg3{

0%{ transform:scaleX(0.1); -o-transform:scaleX(0.1); -moz-transform:scaleX(0.1); -webkit-transform:scaleX(0.1);}

100%{ transform:scaleX(1); -o-transform:scaleX(1); -moz-transform:scaleX(1); -webkit-transform:scaleX(1);}	

}

@-moz-keyframes w0_bg3{

0%{ transform:scaleX(0.1); -o-transform:scaleX(0.1); -moz-transform:scaleX(0.1); -webkit-transform:scaleX(0.1);}

100%{ transform:scaleX(1); -o-transform:scaleX(1); -moz-transform:scaleX(1); -webkit-transform:scaleX(1);}	

}

@-webkit-keyframes w0_bg3{

0%{ transform:scaleX(0.1); -o-transform:scaleX(0.1); -moz-transform:scaleX(0.1); -webkit-transform:scaleX(0.1);}

100%{ transform:scaleX(1); -o-transform:scaleX(1); -moz-transform:scaleX(1); -webkit-transform:scaleX(1);}	

}

@keyframes w0_bg3span{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-o-keyframes w0_bg3span{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-moz-keyframes w0_bg3span{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-webkit-keyframes w0_bg3span{

0%{ opacity:0;}

100%{ opacity:1;}	

}

#wrap-0.wrapon .w0_bg4{ width:358px; height:29px; background:url(../images/w0_bg4.png) no-repeat; opacity:0; position:absolute; top:420px; right:10px; animation:w0_bg4 2s  1s forwards; -o-animation:w0_bg4 2s 1s forwards; -moz-animation:w0_bg4 2s 1s forwards; -webkit-animation:w0_bg4 2s 1s forwards;}

@keyframes w0_bg4{

0%{ opacity:0; transform:scaleX(0) rotateX(0deg);}	

100%{ opacity:1; transform:scaleX(1) rotateX(720deg);}	

}

@-o-keyframes w0_bg4{

0%{ opacity:0; -o-transform:scaleX(0) rotateX(0deg);}	

100%{ opacity:1; -o-transform:scaleX(1) rotateX(720deg);}	

}

@-moz-keyframes w0_bg4{

0%{ opacity:0; -moz-transform:scaleX(0) rotateX(0deg);}	

100%{ opacity:1; -moz-transform:scaleX(1) rotateX(720deg);}	

}

@-webkit-keyframes w0_bg4{

0%{ opacity:0; -webkit-transform:scale(0) rotateX(0deg);}

100%{ opacity:1; -webkit-transform:scale(1) rotateX(720deg);}	

}

#wrap-0.wrapon .w0_bg5{ width:178px; height:211px; position:absolute; left:498px; top:463px; overflow:hidden; background:none; -webkit-animation:dbg 3s;  -moz-animation:dbg 3s;  -o-animation:dbg 3s; animation:dbg 3s; }

#wrap-0.wrapon .w0_bg5 .pos{ width:178px; height:211px; position:relative; overflow:hidden; clear:both;}

#wrap-0.wrapon .w0_bg5 #tab-5{ width:50px; height:10px; position:absolute; z-index:2; bottom:10px; left:75px;}

#wrap-0.wrapon .w0_bg5 #tab-5 li{ width:6px; height:6px; border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #F00; float:left; margin-right:5px; cursor:pointer;}

#wrap-0.wrapon .w0_bg5 #tab-5 li.current{ background:red;}

#wrap-0.wrapon .w0_bg5 #tabcon-5{ width:178px; height:211px; position:absolute; z-index:0; clear:both; overflow:hidden;}

#wrap-0.wrapon .w0_bg5 #tabcon-5 em{ width:178px; height:211px; overflow:hidden; display:block; position:absolute;}

#wrap-0.wrapon .w0_bg5 #tabcon-5 .current{ animation:tabcon5 1.2s; -o-animation:tabcon5 1.2s; -moz-animation:tabcon5 1.2s; -webkit-animation:tabcon5 1.2s;}

#wrap-0.wrapon .w0_bg5 #tabcon-5 .currento{ transform:translate(178px,0px); animation:tabcon5o 1.2s; -o-transform:translate(178px,0px); -o-animation:tabcon5o 1.2s; -moz-transform:translate(178px,0px); -moz-animation:tabcon5o 1.2s; -webkit-transform:translate(178px,0px); -webkit-animation:tabcon5o 1.2s;}



@keyframes tabcon5{

0%{ transform:translate(-178px,0);}

70%{ transform:translate(-178px,0);}

88%{ transform:translate(10px,0);}

94%{ transform:translate(-10px,0);}

100%{ transform:translate(0,0);}

}

@-o-keyframes tabcon5{

0%{ -o-transform:translate(-178px,0);}

70%{ -o-transform:translate(-178px,0);}

88%{ -o-transform:translate(10px,0);}

94%{ -o-transform:translate(-10px,0);}

100%{ -o-transform:translate(0,0);}

}

@-moz-keyframes tabcon5{

0%{ -moz-transform:translate(-178px,0);}

70%{ -moz-transform:translate(-178px,0);}

88%{ -moz-transform:translate(10px,0);}

94%{ -moz-transform:translate(-10px,0);}

100%{ -moz-transform:translate(0,0);}

}

@-webkit-keyframes tabcon5{

0%{ -webkit-transform:translate(-178px,0);}

70%{ -webkit-transform:translate(-178px,0);}

88%{ -webkit-transform:translate(10px,0);}

94%{ -webkit-transform:translate(-10px,0);}

100%{ -webkit-transform:translate(0,0);}

}

@keyframes tabcon5o{

0%{ -webkit-transform:translate(0,0);}

70%{ -webkit-transform:translate(0,0);}

88%{ -webkit-transform:translate(-10px,0);}

94%{ -webkit-transform:translate(10px,0);}

100%{ -webkit-transform:translate(178px,0);}

}

@-o-keyframes tabcon5o{

0%{ -webkit-transform:translate(0,0);}

70%{ -webkit-transform:translate(0,0);}

88%{ -webkit-transform:translate(-10px,0);}

94%{ -webkit-transform:translate(10px,0);}

100%{ -webkit-transform:translate(178px,0);}

}

@-moz-keyframes tabcon5o{

0%{ -webkit-transform:translate(0,0);}

70%{ -webkit-transform:translate(0,0);}

88%{ -webkit-transform:translate(-10px,0);}

94%{ -webkit-transform:translate(10px,0);}

100%{ -webkit-transform:translate(178px,0);}

}

@-webkit-keyframes tabcon5o{

0%{ -webkit-transform:translate(0,0);}

70%{ -webkit-transform:translate(0,0);}

88%{ -webkit-transform:translate(-10px,0);}

94%{ -webkit-transform:translate(10px,0);}

100%{ -webkit-transform:translate(178px,0);}

}











#wrap-0.wrapon .w0_bg6{ width:280px; height:150px; position:absolute; left:695px; top:490px; overflow:hidden; line-height:22px; z-index:4; opacity:0; animation:star 2s forwards; -o-animation:star 2s forwards; -moz-animation:star 2s forwards; -webkit-animation:star 2s forwards;}

@keyframes w0_bg6{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-o-keyframes w0_bg6{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-moz-keyframes w0_bg6{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-webkit-keyframes w0_bg6{

0%{ opacity:0;}

100%{ opacity:1;}	

}



#wrap-0.wrapon .w0_bg7{ width:50px; display:block; height:50px; background:url(../images/13.png) no-repeat; position:absolute; right:0px; top:624px; overflow:hidden; z-index:5; font-family:Verdana, Geneva, sans-serif; font-weight:800; font-size:20px;}

#wrap-0.wrapon .w0_bg7 span{ width:20px; height:20px; position:absolute; top:22px; left:26px;}

#wrap-0.wrapon .w0_bg7:hover span{ color:#000;}









/*第二屏*/

#wrap-1 {position:relative;width:1000px;height:942px;margin:0 auto; z-index:5}

#wrap-1 .dbg {position:absolute;width:1920px;height:942px;margin:0 -460px;background:#2278d1;}

#wrap-1.wrapon .dbg span{position:absolute;width:1920px;height:942px; display:block; -webkit-animation:dbg 1.5s;  -moz-animation:dbg 1.5s;  -o-animation:dbg 1.5s; animation:dbg 1.5s;background:url(../images/bg2.jpg) center 0 no-repeat;}

#wrap-1.wrapon .w1_bg1{ width:519px; height:682px;  position:absolute; left:-308px; top:80px; background:url(../images/w1_bg1.png) no-repeat; animation:w1_bg1 2s; -o-animation:w1_bg1 2s; -moz-animation:w1_bg1 2s; -webkit-animation:w1_bg1 2s;}

@keyframes w1_bg1{

0%{ opacity:0; left:-500px; top:400px;}	

100%{ opacity:1; left:-308px; top:80px;}	

}

@-webkit-keyframes w1_bg1{

0%{ opacity:0; left:-500px; top:400px;}	

100%{ opacity:1; left:-308px; top:80px;}	

}

@-moz-keyframes w1_bg1{

0%{ opacity:0; left:-500px; top:400px;}	

100%{ opacity:1; left:-308px; top:80px;}	

}

@-o-keyframes w1_bg1{

0%{ opacity:0; left:-500px; top:400px;}	

100%{ opacity:1; left:-308px; top:80px;}	

}

#wrap-1.wrapon .w1_bg2{ width:285px; height:272px; position:absolute; left:17px; top:132px; opacity:0; background:url(../images/w1_bg2.png) no-repeat; overflow:hidden; animation:w1_bg2 6s forwards; -o-animation:w1_bg2 6s forwards; -moz-animation:w1_bg2 6s forwards; -webkit-animation:w1_bg2 6s forwards;}

@keyframes w1_bg2{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-o-keyframes w1_bg2{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-moz-keyframes w1_bg2{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-webkit-keyframes w1_bg2{

0%{ opacity:0;}

100%{ opacity:1;}	

}



#wrap-1.wrapon .w1_bg3{ width:278px; height:267px; position:absolute; left:498px; top:100px; animation:w1_bg3 9s forwards; -o-animation:w1_bg3 9s forwards; -moz-animation:w1_bg3 9s forwards; -webkit-animation:w1_bg3 9s forwards;}

@keyframes w1_bg3{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-o-keyframes w1_bg3{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-moz-keyframes w1_bg3{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-webkit-keyframes w1_bg3{

0%{ opacity:0;}

100%{ opacity:1;}	

}

#wrap-1.wrapon .w1_bg4{ width:537px; height:728px; position:absolute; left:818px; top:154px; background:url(../images/w1_bg4.png) no-repeat; animation:w1_bg4 6s forwards; -o-animation:w1_bg4 6s forwards; -moz-animation:w1_bg4 6s forwards; -webkit-animation:w1_bg4 6s forwards;}

@keyframes w1_bg4{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-o-keyframes w1_bg4{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-moz-keyframes w1_bg4{

0%{ opacity:0;}

100%{ opacity:1;}	

}

@-webkit-keyframes w1_bg4{

0%{ opacity:0;}

100%{ opacity:1;}	

}



#wrap-1.wrapon .w1_bg5{ width:50px; height:73px;  position:absolute; right:0; top:50px; opacity:0; background:url(../images/w1_bg5.png) no-repeat; animation:w1_bg5 4s linear 2s forwards; -o-animation:w1_bg5 4s linear 2s forwards; -moz-animation:w1_bg5 4s linear 2s forwards; -webkit-animation:w1_bg5 4s linear 2s forwards;}

@keyframes w1_bg5{

0%{ opacity:0; right:-250px; top:400px;}

50%{ opacity:0; right:-250px; top:400px;}	

100%{ opacity:1; right:0; top:50px;}	

}

@-webkit-keyframes w1_bg5{

0%{ opacity:0; right:-250px; top:400px;}

50%{ opacity:0; right:-250px; top:400px;}	

100%{ opacity:1; right:0; top:50px;}	

}

@-moz-keyframes w1_bg5{

0%{ opacity:0; right:-250px; top:400px;}

50%{ opacity:0; right:-250px; top:400px;}	

100%{ opacity:1; right:0; top:50px;}	

}

@-o-keyframes w1_bg5{

0%{ opacity:0; right:-250px; top:400px;}	

50%{ opacity:0; right:-250px; top:400px;}

100%{ opacity:1; right:0; top:50px;}		

}

#wrap-1.wrapon .w1_bg6{ width:597px; height:527px; position:absolute; left:-120px; top:182px; background:url(../images/w1_bg6.png) no-repeat;}

#wrap-1.wrapon .w1_bg7{ width:412px; height:302px;right:60px; position:absolute;background:url(../images/w1_img1.png) no-repeat;  top:204px;  }

#wrap-1.wrapon .w1_bg7 span{ width:65px; height:2px; background:#F00; left:170px; position:absolute; z-index:2; opacity:0; animation:w0_bg3span 2s linear 2s forwards; -o-animation:w0_bg3span 2s linear 2s forwards; -moz-animation:w0_bg3span 2s linear 2s forwards; -webkit-animation:w0_bg3span 2s linear 2s forwards;}

#wrap-1.wrapon .w1_bg8{ width:370px; height:240px; position:absolute; left:15px; top:440px; line-height:24px; overflow:hidden; z-index:4; opacity:0; animation:w0_bg6 5s forwards; -o-animation:w0_bg6 5s forwards; -moz-animation:w0_bg6 5s forwards; -webkit-animation:w0_bg6 5s forwards;}

#wrap-1.wrapon .dShare{ width:105px; height:28px; position:absolute; padding:0 0 0 93px; left:795px; top:362px; overflow:hidden; background:url(../images/w1_bg7.png) no-repeat; animation:share 2.3s linear; -o-animation:share 2.3s linear; -moz-animation:share 2.3s linear; -webkit-animation:share 2.3s linear;}

@keyframes share{

0%{ transform:translate(800px,0);}

80%{ transform:translate(800px,0);}

90%{ transform:translate(-10px,0);}

100%{ transform:translate(0,0);}

}

@-o-keyframes 'share'{

0%{ -o-transform:translate(800px,0);}

80%{ -o-transform:translate(800px,0);}

90%{ -o-transform:translate(-10px,0);}

100%{ -o-transform:translate(0,0);}

}

@-moz-keyframes 'share'{

0%{ -moz-transform:translate(800px,0);}

80%{ -moz-transform:translate(800px,0);}

90%{ -moz-transform:translate(-10px,0);}

100%{ -moz-transform:translate(0,0);}

}

@-webkit-keyframes 'share'{

0%{ -webkit-transform:translate(800px,0);}

80%{ -webkit-transform:translate(800px,0);}

90%{ -webkit-transform:translate(-10px,0);}

100%{ -webkit-transform:translate(0,0);}

}

#wrap-1.wrapon .dShare a {float:left;display:inline;width:28px;height:28px;overflow:hidden;background:none; text-indent:-9999px; margin-left:7px;}







/*第三屏*/

#wrap-2 {position:relative;width:1000px;height:942px;margin:0 auto;z-index:4}

#wrap-2 .dbg {position:absolute;width:1920px;height:942px;overflow:hidden;margin:0 -460px;background:#2279d2;}

#wrap-2.wrapon .dbg span{position:absolute;width:1920px;height:942px; display:block; -webkit-animation:dbg 1.5s;  -moz-animation:dbg 1.5s;  -o-animation:dbg 1.5s; animation:dbg 1.5s;background:url(../images/bg3.jpg) center 0 no-repeat; ;}

#wrap-2.wrapon .w2_bg1{ width:559px; height:689px;  position:absolute; left:-385px; top:135px; background:url(../images/w2_bg1.png) no-repeat; animation:w2_bg1 2s; -o-animation:w2_bg1 2s; -moz-animation:w2_bg1 2s; -webkit-animation:w2_bg1 2s;}

@keyframes w2_bg1{

0%{ opacity:0; left:-500px; top:400px;}	

100%{ opacity:1; left:-385px; top:135px;}	

}

@-webkit-keyframes w2_bg1{

0%{ opacity:0; left:-500px; top:400px;}	

100%{ opacity:1; left:-385px; top:135px;}	

}

@-moz-keyframes w2_bg1{

0%{ opacity:0; left:-500px; top:400px;}	

100%{ opacity:1; left:-385px; top:135px;}	

}

@-o-keyframes w2_bg1{

0%{ opacity:0; left:-500px; top:400px;}	

100%{ opacity:1; left:-385px; top:135px;}	

}

#wrap-2.wrapon .w2_bg2{ width:957px; height:660px;  position:absolute; left:42px; top:10px; background:url(../images/w2_bg2.png) no-repeat; animation:w2_bg2 2s; -o-animation:w2_bg2 2s; -moz-animation:w2_bg2 2s; -webkit-animation:w2_bg2 2s;}


#wrap-2.wrapon .w2_bg4{}

#wrap-2.wrapon .w2_bg4 .tab2{ width:800px; height:80px; clear:both; background:url(../images/line.jpg) center 22px no-repeat; position:absolute; left:143px; top:290px; z-index:5;}

#wrap-2.wrapon .w2_bg4 .tab2 li{ width:400px; height:60px; float:left; position:relative; border-bottom:2px solid #FFF; cursor:pointer;}

#wrap-2.wrapon .w2_bg4 .tab2 li.current{ border-bottom:2px solid #B94516;}

#wrap-2.wrapon .w2_bg4 .tab2 li.currento{ border-bottom:2px solid #FFF;}

#wrap-2.wrapon .w2_bg4 .tab2 li.current span.s_1 em{ width:170px; height:15px; position:absolute; right:0; text-align:center; top:35px; z-index:6;}

#wrap-2.wrapon .w2_bg4 .tab2 li.current span.s_2 em{ width:170px; height:15px; position:absolute; left:0; text-align:center; top:35px; z-index:6;}

#wrap-2.wrapon .w2_bg4 .tab2 li span em{ display:none; color:#B94516;}

#wrap-2.wrapon .w2_bg4 .tab2 li.current span em{ display:block;}

#wrap-2.wrapon .w2_bg4 .tab2 li.currento span em{ display:none;}



#wrap-2.wrapon .w2_bg4 .tab2 li span{ width:400px; height:28px; position:absolute; top:20px; background:url(../images/w2_bg3.png) no-repeat;}



#wrap-2.wrapon .w2_bg4 .tab2 li.current span{ width:400px; height:28px; position:absolute; top:20px; background:url(../images/w2_bg3_hover.png) no-repeat;}

#wrap-2.wrapon .w2_bg4 .tab2 li.currento span{ width:400px; height:28px; position:absolute; top:20px; background:url(../images/w2_bg3.png) no-repeat;}

#wrap-2.wrapon .w2_bg4 .dtabcon2{ width:800px; height:390px; clear:both; position:absolute; z-index:7; left:143px; top:380px;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .con{ width:800px; height:390px;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .con.current{ display:block;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .con.currento{ display:none;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .pNav1{ width:690px; height:140px; clear:both; margin:0 auto;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .pNav1 a{ width:105px; height:140px; display:inline; position:relative; opacity:0; float:left; margin: 0 17px 0 16px; text-align:center;line-height:30px; font-size:16px; font-weight:800; text-shadow:1px 1px 1px #333333; cursor:pointer;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .pNav1 a.current{ color:#B84517;}



#wrap-2.wrapon .w2_bg4 .dtabcon2 .pNav1 a span{ width:100px; height:100px; border:2px solid #893010; border-radius:50px; position:absolute; background:url(../images/w2_bg4.png) no-repeat #B84518; left:0px; top:0;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .pNav1 a em{ width:104px; height:104px; position:relative; display:block; top:0; left:0;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .pNav1 a.a_1 span{ background-position:0 20px;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .pNav1 a.a_2 span{ background-position:-400px 20px;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .pNav1 a.a_3 span{ background-position:-800px 20px;}



#wrap-2.wrapon .w2_bg4 .dtabcon2 div.current .pNav1 a.a_1{ animation:pNav1span 1s 0.1s forwards; -o-animation:pNav1span 1s 0.1s forwards; -moz-animation:pNav1span 1s 0.1s forwards; -webkit-animation:pNav1span 1s 0.1s forwards;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 div.current .pNav1 a.a_2{ animation:pNav1span 1s 0.6s forwards; -o-animation:pNav1span 1s 0.6s forwards; -moz-animation:pNav1span 1s 0.6s forwards; -webkit-animation:pNav1span 1s 0.6s forwards;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 div.current .pNav1 a.a_3{ animation:pNav1span 1s 0.4s forwards; -o-animation:pNav1span 1s 0.4s forwards; -moz-animation:pNav1span 1s 0.4s forwards; -webkit-animation:pNav1span 1s 0.4s forwards;}





@keyframes pNav1span{

0%{ transform:scale(10,10);opacity:0;}

75%{ transform:scale(10,10);opacity:0;}

90%{ transform:scale(.9,.9);opacity:1;}

95%{ transform:scale(1.1,1.1);opacity:.9;}

100%{ transform:scale(1,1);opacity:1;}

}

@-o-keyframes pNav1span{

0%{ -o-transform:scale(10,10);opacity:0;}

75%{ -o-transform:scale(10,10);opacity:0;}

90%{ -o-transform:scale(.9,.9);opacity:1;}

95%{ -o-transform:scale(1.1,1.1);opacity:.9;}

100%{ -o-transform:scale(1,1);opacity:1;}

}

@-moz-keyframes pNav1span{

0%{ -moz-transform:scale(10,10);opacity:0;}

75%{ -moz-transform:scale(10,10);opacity:0;}

90%{ -moz-transform:scale(.9,.9);opacity:1;}

95%{ -moz-transform:scale(1.1,1.1);opacity:.9;}

100%{ -moz-transform:scale(1,1);opacity:1;}

}

@-webkit-keyframes pNav1span{

0%{ -webkit-transform:scale(10,10);opacity:0;}

75%{ -webkit-transform:scale(10,10);opacity:0;}

90%{ -webkit-transform:scale(.9,.9);opacity:1;}

95%{ -webkit-transform:scale(1.1,1.1);opacity:.9;}

100%{ -webkit-transform:scale(1,1);opacity:1;}

}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .pNav1 a:hover span,#wrap-2.wrapon .w2_bg4 .dtabcon2 .pNav1 a.current span{ animation:spancur .5s; -o-animation:spancur .5s; -moz-animation:spancur .5s; -webkit-animation:spancur .5s;}

@keyframes spancur{

0%{ transform:rotate(0deg);}	

100%{ transform:rotate(-720deg);}	

}

@-o-keyframes spancur{

0%{ -o-transform:rotate(0deg);}	

100%{ -o-transform:rotate(-720deg);}	

}

@-moz-keyframes spancur{

0%{ -moz-transform:rotate(0deg);}	

100%{ -moz-transform:rotate(-720deg);}	

}

@-webkit-keyframes spancur{

0%{ -webkit-transform:rotate(0deg);}	

100%{ -webkit-transform:rotate(-720deg);}	

}

#wrap-2 .w2_bg4 .dtabcon2 .kNav1 .ulNav1{ width:110px; height:180px; border:3px solid #8A310F; background:#B84518; position:absolute; z-index:4; padding:10px; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; top:140px; visibility:hidden;}



#wrap-2.wrapon .w2_bg4 .dtabcon2 .kNav1 .ulNav1{ width:110px; height:180px; border:3px solid #8A310F; background:#B84518; position:absolute; z-index:4; padding:10px; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; top:140px; visibility:visible;}



#wrap-2.wrapon .w2_bg4 .dtabcon2 .kNav1{ opacity:0;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .kNav1 .ulNav1{ width:110px; height:180px; border:3px solid #8A310F; background:#B84518; position:absolute; z-index:4; padding:10px; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; top:140px;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .kNav1 .ulNav1 span{ position:absolute; top:-20px; color:#8A2F12; left:55px; display:block;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .kNav1 .ulNav1 li{ width:110px; height:28px; line-height:28px; border-bottom:1px dashed #893010; text-align:center;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .kNav1 .ulNav1 li a:hover{ color:#000;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .kNav1 .ulNav1_1{ left:60px;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .kNav1 .ulNav1_2{ left:198px;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .kNav1 .ulNav1_3{ left:336px;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .kNav1 .ulNav1_4{ left:474px;}

#wrap-2.wrapon .w2_bg4 .dtabcon2 .kNav1 .ulNav1_5{ left:612px;}

@keyframes knav1ul{

0%{ opacity:1;}

100%{ opacity:0;}	

}

@-o-keyframes knav1ul{

0%{ opacity:1;}

100%{ opacity:0;}	

}

@-moz-keyframes knav1ul{

0%{ opacity:1;}

100%{ opacity:0;}	

}

@-webkit-keyframes knav1ul{

0%{ opacity:1;}

100%{ opacity:0;}	

}



#wrap-2.wrapon .dtabcon2 div.current .kNav1 { animation: dbg 0.7s 2.5s forwards; -o-animation: dbg 0.7s 2.5s forwards; -moz-animation: dbg 0.7s 2.5s forwards; -webkit-animation: dbg 0.7s 2.5s forwards;}

#wrap-2.wrapon .kNav1 .current{ display:block; animation: dbg .3s linear; -o-animation: dbg .3s linear; -moz-animation: dbg .3s linear; -webkit-animation: dbg .3s linear;}

#wrap-2.wrapon .kNav1 .currento{ display:none; animation:knav1ul .3s linear; -o-animation:knav1ul .3s linear; -moz-animation:knav1ul .3s linear; -webkit-animation:knav1ul .3s linear;}

/*第五屏*/

#wrap-4 {position:relative;width:1000px;height:942px;margin:0 auto;z-index:2}

#wrap-4 .dbg {position:relative;width:1920px;height:942px;overflow:hidden;margin:0 -460px;background:#2279d2;}

#wrap-4.wrapon .dbg span{position:absolute;width:1920px;height:942px; display:block; -webkit-animation:dbg 1.5s;  -moz-animation:dbg 1.5s;  -o-animation:dbg 1.5s; animation:dbg 1.5s;background:url(../images/bg4.jpg) center 0 no-repeat;  }

#wrap-4.wrapon .w4_bg1{ width:598px; height:861px; background:url(../images/w4_bg1.png) no-repeat; position:absolute; top:62px; left:-423px; -webkit-animation:w4_bg1 .5s; -moz-animation:w4_bg1 .5s; -o-animation:w4_bg1 .5s; animation:w4_bg1 .5s;}

@-webkit-keyframes w4_bg1{

0%{ opacity:0; top:62px; left:-500px;}	

90%{ opacity:0.5; top:62px; left:-420px;}

100%{ opacity:1; top:62px; left:-423px;}	

}

@-moz-keyframes w4_bg1{

0%{ opacity:0; top:62px; left:-500px;}	

90%{ opacity:0.5; top:62px; left:-420px;}

100%{ opacity:1; top:62px; left:-423px;}

}

@-o-keyframes w4_bg1{

0%{ opacity:0; top:62px; left:-500px;}	

90%{ opacity:0.5; top:62px; left:-420px;}

100%{ opacity:1; top:62px; left:-423px;}	

}

@keyframes w4_bg1{

0%{ opacity:0; top:62px; left:-500px;}	

90%{ opacity:0.5; top:62px; left:-420px;}

100%{ opacity:1; top:62px; left:-423px;}	

}

#wrap-4.wrapon .w4_bg2{ width:172px; height:44px; z-index:1;  position:absolute; top:100px; left:410px; opacity:0; animation:w4_bg2 1.5s linear 1s forwards; -webkit-animation:w4_bg2 1.5s linear 1s forwards; -moz-animation:w4_bg2 1.5s linear 1s forwards; -o-animation:w4_bg2 1.5s linear 1s forwards; background:url(../images/w4_bg2.png) no-repeat;}

@keyframes w4_bg2{

0%{ opacity:0; top:0; left:410px;}	

100%{ opacity:1; top:100px; left:410px;}	

}

@-o-keyframes w4_bg2{

0%{ opacity:0; top:0; left:410px;}	

100%{ opacity:1; top:100px; left:410px;}	

}

@-moz-keyframes w4_bg2{

0%{ opacity:0; top:0; left:410px;}	

100%{ opacity:1; top:100px; left:410px;}	

}

@-webkit-keyframes w4_bg2{

0%{ opacity:0; top:0; left:410px;}	

100%{ opacity:1; top:100px; left:410px;}	

}

#wrap-4.wrapon .w4_bg3{ width:400px; height:2px; background:#FFF; opacity:0.5; position:absolute; top:166px; left:300px; overflow:hidden; z-index:1; -o-animation:w0_bg3 2s; -moz-animation:w0_bg3 2s; animation:w0_bg3 2s; -webkit-animation:w0_bg3 2s;}
#wrap-4.wrapon .w4_bg3 span{ width:65px; height:2px; background:#F00; left:155px; position:absolute; z-index:2; opacity:0; animation:w0_bg3span 2s linear 2s forwards; -o-animation:w0_bg3span 2s linear 2s forwards; -moz-animation:w0_bg3span 2s linear 2s forwards; -webkit-animation:w0_bg3span 2s linear 2s forwards;}
#wrap-4.wrapon .w4_bg4{ width:1200px; height:600px;margin:auto;-o-animation:dbg 2s; -moz-animation:dbg 2s; animation:dbg 2s; -webkit-animation:dbg 2s;}

#wrap-4 .w4_bg4 .tab7{ width:1000px; height:60px; position:absolute; left:0px; top:212x;}

#wrap-4.wrapon .w4_bg4 .tab7{ width:1000px; height:60px; position:absolute; left:0px; top:212px;}

#wrap-4.wrapon .w4_bg4 .tab7 a{ width:334px; height:60px; position:absolute; display:block; cursor:pointer;background:none;}

#wrap-4.wrapon .w4_bg4 .tab7 a span,#wrap-4.wrapon .w4_bg4 .tab7 a.currento span{ width:334px; height:60px; display:block; background:url(../images/w4_bg4.png) no-repeat;}

#wrap-4.wrapon .w4_bg4 .tab7 a:hover span,#wrap-4.wrapon .w4_bg4 .tab7 a.current span{ width:334px; height:60px; display:block; background:url(../images/w4_bg4_hover.png) no-repeat;}

#wrap-4.wrapon .w4_bg4 .tab7 a.a_1{ left:0;}

#wrap-4.wrapon .w4_bg4 .tab7 a.a_2{ left:334px;}

#wrap-4.wrapon .w4_bg4 .tab7 a.a_3{ left:667px;}

#wrap-4.wrapon .w4_bg4 .tab7 a.a_4{ left:1000px;}

#wrap-4.wrapon .w4_bg4 .tab7 a.a_1 span{ background-position:0 0;}

#wrap-4.wrapon .w4_bg4 .tab7 a.a_2 span{ background-position:-334px 0;}

#wrap-4.wrapon .w4_bg4 .tab7 a.a_3 span{ background-position:-667px 0;}

#wrap-4.wrapon .w4_bg4 .tab7 a.a_4 span{ background-position:-1000px 0;}

#wrap-4 .w4_bg4 .dtabcon7{ width:1000px; height:400px; position:absolute; left:1px; top:338px; overflow:hidden;}

#wrap-4.wrapon .w4_bg4 .dtabcon7{ width:1000px; height:400px; position:absolute; left:1px; top:338px;}

#wrap-4.wrapon .w4_bg4 .dtabcon7 .con{ width:1000px; height:400px; position:absolute; display:none}

#wrap-4.wrapon .w4_bg4 .dtabcon7 .current{ display:block;}

#wrap-4.wrapon .w4_bg4 .dtabcon7 .currento{display:block;}

#wrap-4.wrapon .w4_bg4 .dtabcon7 .con .img{ width:504px; height:384px; position:absolute; left:0; top:0;}

#wrap-4.wrapon .w4_bg4 .dtabcon7 .con .img img{ width:504px; height:384px;position:absolute; left:0; top:0; z-index:2; display:block;}

#wrap-4.wrapon .w4_bg4 .dtabcon7 .con .img em{ width:504px; height:384px; position:absolute; left:0; top:0; opacity:0; display:block; background:#666;}

#wrap-4.wrapon .w4_bg4 .dtabcon7 .con .word{ width:430px; height:400px; position:absolute; right:25px; top:2px;font-size:18px;line-height:40px;color:#fff;letter-spacing:3px;}

#wrap-4.wrapon .w4_bg4 .dtabcon7 .current img{ animation:dta7img 2s linear; -o-animation:dta7img 2s linear; -moz-animation:dta7img 2s linear; -webkit-animation:dta7img 2s linear;}



#wrap-4.wrapon .w4_bg4 .dtabcon7 .currento .img{ transform:scale(0,0); -o-transform:scale(0,0); -moz-transform:scale(0,0); -webkit-transform:scale(0,0); animation:dta7imgo .7s linear; -o-animation:dta7imgo .7s linear; -moz-animation:dta7imgo .7s linear; -webkit-animation:dta7imgo .7s linear;}

#wrap-4.wrapon .w4_bg4 .dtabcon7 .current .word{ animation:dta7word 1.2s linear; -o-animation:dta7word 1.2s linear; -moz-animation:dta7word 1.2s linear; -webkit-animation:dta7word 1.2s linear;}

#wrap-4.wrapon .w4_bg4 .dtabcon7 .currento .word{ transform:translate(1100px,0); -o-transform:translate(1100px,0); -moz-transform:translate(1100px,0); -webkit-transform:translate(1100px,0); animation:dta7wordo 1s linear; -o-animation:dta7wordo 1s linear; -moz-animation:dta7wordo 1s linear; -webkit-animation:dta7wordo 1s linear;}

@keyframes dta7em{

0%{transform:scale(0,0);opacity:0.3;}

60%{transform:scale(0,0);}

75%{transform:scale(1.1,1.1);}

95%{transform:scale(1,1);opacity:0.3;}

100%{opacity:0;}

}

@-o-keyframes dta7em{

0%{-o-transform:scale(0,0);opacity:0.3;}

60%{-o-transform:scale(0,0);}

75%{-o-transform:scale(1.1,1.1);}

95%{-o-transform:scale(1,1);opacity:0.3;}

100%{opacity:0;}

}

@-moz-keyframes dta7em{

0%{-moz-transform:scale(0,0);opacity:0.3;}

60%{-moz-transform:scale(0,0);}

75%{-moz-transform:scale(1.1,1.1);}

95%{-moz-transform:scale(1,1);opacity:0.3;}

100%{opacity:0;}

}

@-webkit-keyframes dta7em{

0%{-webkit-transform:scale(0,0);opacity:0.3;}

60%{-webkit-transform:scale(0,0);}

75%{-webkit-transform:scale(1.1,1.1);}

95%{-webkit-transform:scale(1,1);opacity:0.3;}

100%{opacity:0;}

}

@keyframes dta7img{

0%{opacity:0;}

70%{opacity:0;}

100%{opacity:1;}

}

@-o-keyframes dta7img{

0%{opacity:0;}

70%{opacity:0;}

100%{opacity:1;}

}

@-moz-keyframes dta7img{

0%{opacity:0;}

70%{opacity:0;}

100%{opacity:1;}

}

@-webkit-keyframes dta7img{

0%{opacity:0;}

70%{opacity:0;}

100%{opacity:1;}

}

@keyframes dta7imgo{	

0%{transform:scale(1,1);}

60%{transform:scale(1,1);}

100%{transform:scale(0,0);}

}

@-o-keyframes dta7imgo{	

0%{-o-transform:scale(1,1);}

60%{-o-transform:scale(1,1);}

100%{-o-transform:scale(0,0);}

}

@-moz-keyframes dta7imgo{	

0%{-moz-transform:scale(1,1);}

60%{-moz-transform:scale(1,1);}

100%{-moz-transform:scale(0,0);}

}

@-webkit-keyframes dta7imgo{	

0%{-webkit-transform:scale(1,1);}

60%{-webkit-transform:scale(1,1);}

100%{-webkit-transform:scale(0,0);}

}



@keyframes dta7word{

0%{transform:translate(-1400px,0)}

80%{transform:translate(-1400px,0)}

88%{transform:translate(20px,0)}

94%{transform:translate(-10px,0)}

100%{transform:translate(0,0)}

}

@-o-keyframes dta7word{

0%{-o-transform:translate(-1400px,0)}

80%{-o-transform:translate(-1400px,0)}

88%{-o-transform:translate(20px,0)}

94%{-o-transform:translate(-10px,0)}

100%{-o-transform:translate(0,0)}

}

@-moz-keyframes dta7word{

0%{-moz-transform:translate(-1400px,0)}

80%{-moz-transform:translate(-1400px,0)}

88%{-moz-transform:translate(20px,0)}

94%{-moz-transform:translate(-10px,0)}

100%{-moz-transform:translate(0,0)}

}

@-webkit-keyframes dta7word{

0%{-webkit-transform:translate(-1400px,0)}

80%{-webkit-transform:translate(-1400px,0)}

88%{-webkit-transform:translate(20px,0)}

94%{-webkit-transform:translate(-10px,0)}

100%{-webkit-transform:translate(0,0)}

}

@keyframes dta7wordo{

0%{transform:translate(0,0)}

70%{transform:translate(-50px,0)}

100%{transform:translate(1100px,0)}

}

@-o-keyframes dta7wordo{

0%{-o-transform:translate(0,0)}

70%{-o-transform:translate(-50px,0)}

100%{-o-transform:translate(1100px,0)}

}

@-moz-keyframes dta7wordo{

0%{-moz-transform:translate(0,0)}

70%{-moz-transform:translate(-50px,0)}

100%{-moz-transform:translate(1100px,0)}

}

@-webkit-keyframes dta7wordo{

0%{-webkit-transform:translate(0,0)}

70%{-webkit-transform:translate(-50px,0)}

100%{-webkit-transform:translate(1100px,0)}

}

/*第六屏*/

#wrap-5 {position:relative;width:1000px;height:942px;margin:0 auto;z-index:1}

#wrap-5 .dbg {position:relative;width:1920px;height:942px;overflow:hidden;margin:0 -460px;background:#2279d2;}

#wrap-5.wrapon .dbg span{position:absolute;width:1920px;height:942px;display:block; -webkit-animation:dbg 1.5s;  -moz-animation:dbg 1.5s;  -o-animation:dbg 1.5s; animation:dbg 1.5s;background:url(../images/bg5.jpg) center 0 no-repeat; }


#wrap-5.wrapon .w5_bg5{ width:172px; height:44px; z-index:1; background:url(../images/w5_bg5.png) no-repeat; position:absolute; top:100px; left:410px; opacity:0; animation:dbg 2.5s linear forwards; -webkit-animation:dbg 2.5s linear forwards; -moz-animation:dbg 2.5s linear forwards; -o-animation:dbg 2.5s linear forwards;}

@keyframes w5_bg5{

0%{ opacity:0; top:0; left:410px;}	

100%{ opacity:1; top:100px; left:410px;}	

}

@-o-keyframes w5_bg5{

0%{ opacity:0; top:0; left:410px;}	

100%{ opacity:1; top:100px; left:410px;}	

}

@-moz-keyframes w5_bg5{

0%{ opacity:0; top:0; left:410px;}	

100%{ opacity:1; top:100px; left:410px;}	

}

@-webkit-keyframes w5_bg5{

0%{ opacity:0; top:0; left:410px;}	

100%{ opacity:1; top:100px; left:410px;}	

}

#wrap-5.wrapon .w5_bg6{ width:400px; height:2px; position:absolute; left:300px; top:166px; background:#FFF; opacity:0.5; z-index:1; -o-animation:w0_bg3 2s; -moz-animation:w0_bg3 2s; animation:w0_bg3 2s; -webkit-animation:w0_bg3 2s;}



#wrap-5.wrapon .w5_bg7{ width:1008px; height:500px;  position:absolute; left:1px; top:210px; z-index:1; -o-animation:dbg 2s; -moz-animation:dbg 2s; animation:dbg 2s; -webkit-animation:dbg 2s;}

#wrap-5.wrapon .w5_bg7 .case1{ float:left;width:300px;height:280px;margin-right:30px;}

#wrap-5.wrapon .w5_bg7 .case1:hover{ float:left;width:300px;height:280px;margin-right:30px;}

#wrap-5.wrapon .w5_bg7 .case2 a{font-size:16px;color:#fff;font-weight:bold;letter-spacing:3px;}

#wrap-5.wrapon .w5_bg7 .case2 { text-align:center;cursor:pointer;background:#0955a2;height:50px;line-height:50px;}



.tittle{text-align:center;font-size:24px;color:#fff;font-weight:bold;padding-bottom:20px;}



.footer{width:100%;margin:auto;background:#0955a2;height:230px;clear:both;font-size:14px; }

.foot{width:1200px;margin:auto;height:180px;}
.foot2{margin:auto;text-align:center;height:50px;color:#f5f5f5;line-height:50px;background:#04417f;letter-spacing:1px;}
.foot1{float:left;margin-right:60px;}
.footitle{font-size:18px;color:#fff;padding-top:20px;padding-bottom:10px;vertical-align:middle;letter-spacing:2px;}
.footitle img{vertical-align:middle;padding-right:10px;padding-bottom:5px;}
.wen a{color:#f5f5f5;line-height:35px;margin-left:34px;font-size:14px;text-decoration:none;}
.wen img{margin-left:34px;}
.wen a:hover{color:#76e0f0;font-size:14px;text-decoration:none;}
.wen1{color:#f5f5f5;font-size:30px;margin-left:34px;}
.wen2{color:#f5f5f5;line-height:30px;margin-left:34px;}
.enter{ position:absolute; top:195px; right:0; display:block;}


.lanren{height:574px;width:1000px;}
.lanren ul li .a1 img{width:300px;height:200px;}
.lanren ul li{width:300px;height:200px;list-style:none;position:relative;float:left;overflow:hidden;margin:15px;}
.lanren ul li .a1 .divA{position:absolute;bottom:0;left:0;width:300px;height:46px;line-height:46px;background:#fafafa;}
.lanren ul li .a1 .divA>.p1{width:300px;height:46px;font-size:18px;line-height:46px;color:#666;text-align:center;}


/*遮罩*/
.lanren ul li .a2{position:absolute;top:0;left:-300px;width:300px;height:200px;text-align:center;color:white;background:rgba(0,0,0,0.7);transition:all 0.2s;}
.lanren ul li .a2 .p4{width:300px;text-align:center;position:absolute;top:54px;left:-300px;color:#fff;font-size:24px;transition:all 0.2s 0.1s ease-out;}

.lanren ul li .a2 .p7{position:absolute;bottom:-50px;left:70px;width:160px;height:38px;line-height:38px;border-radius:20px;margin:10px auto;border:1px solid;transition:all 0.2s 0.5s;}
.bd_con3{width:400px;height:400px;float:left;padding-top:30px;}
.bd_con3-0{width:400px;text-align:center;height:200px;}
.bd_con3-1{width:400px;text-align:center;font-size:24px;color:#000;height:60px;line-height:60px;}
.bd_con3-2{width:400px;font-size:14px;line-height:30px;padding-left:50px;padding-right:50px;text-align:center;color:#262628;}
.bd_con2 {  width: 1200px; margin: 0px auto; }
.bd_con4 {  height: 380px; width: 1200px; margin: 0px auto; }
.bd_t3 { font-size: 18px; color: #000; line-height:60px; height: 60px;width:650px;text-align:center; }
.bd_c4l {  float: left; height: 370px; width:680px;  padding-left: 25px; position: absolute; }
.bd_c4l ul li {cursor: pointer; background: ;  float: left;text-align: center; }
.bd_c4l ul li a{ font-size: 18px ; color: #999; text-align: center; cursor: pointer;height:40px;line-height:40px;clear:both;}
.bd_c4l ul .bd_cutLi { border:4px #6B0904 solid;}
.bd_c4l ul .bd_cutLi a { color:#6B0904;font-weight:bold;}
.bd_c4r { float: right; width: 480px;margin-right:30px; }
.bd_c4top { height: 380px;}
.bd_lbtn { padding: 0px 0px 0px 5px; float: left; width: 30px; background: url(../images/left.jpg) no-repeat; display: block; height: 30px; margin-top: 160px; }
.bd_rbtn { float: right; width: 30px; padding-top: 0px; padding-right: 9px; display: block; height: 30px; margin-top:160px; background: url(../images/right.jpg) no-repeat; }
.bd_lbtn:hover { background: url(../images/left.jpg) no-repeat; }
.bd_rbtn:hover { background: url(../images/right.jpg) no-repeat;  }
.bd_chgBox { float: left; height: 380px; width: 420px; overflow:hidden; position:relative}
.bd_long { width: 1680px; position: absolute; left: 0px; top: 0px; height:380px; }
.bd_long ul li { height: 380px; width: 420px; float: left;}
.bc_chgTitle { height: 60px; text-align: center;line-height:60px;width: 420px; font-size:18px; }
.bd_lbtn img,.bd_rbtn img{cursor:pointer}
.bd_long ul li p { font-size: 14px; line-height: 22px; padding-top: 12px; }

.servicesBox { width:1200px; height:300px; margin:0 auto; clear:both; line-height:18px; color:#999999; font-size:12px;}
.servicesBox .serBox { cursor:pointer; border:2px solid #fff; display:inline; width:240px; height:250px; float:left;  background-color:#f7f7f7; }

.servicesBox .serBox .pic1 { width:240px; height:110px; text-align:center;padding-top:22px;  }

.servicesBox .serBox .txt1 { width:240px; height:100px; color:#999999;  padding-top:24px;}

.servicesBox .serBox span.tit { font-size:16px; display:block; text-align:center;}
.servicesBox .serBox .txt1 .tit { color:#000000; line-height:30px;}

.servicesBox .serBox p{ padding:0 10px; text-align:center;text-decoration:none;}

.neirong{font-size:16px;padding-top:30px;line-height:50px;}

.rsContent {


line-height: 32px;
float: left;

}

.rsABlock {
position: relative;
display: block;
text-align: center; 
width: 100%; 

}
.slide01 {
background: url(../images/p6.jpg) center no-repeat;height:220px;
}
.slide1 {
width:100%;padding-top:50px;margin:auto;
}
.slide02 {
background: url(../images/p7.jpg) center no-repeat;height:220px;
}
.slide2 {
width:100%;padding-top:50px;margin:auto;
}
.slide03 {
background: url(../images/p10.jpg) center no-repeat;height:220px;
}
.slide3 {
width:100%;padding-top:50px;margin:auto;
}
.slide04 {
background: url(../images/p1.jpg) center no-repeat;height:220px;
}
.slide4 {
width:100%;padding-top:50px;margin:auto;
}
.slide05 {
background: url(../images/p-1.jpg) center no-repeat;height:220px;
}
.slide5 {
width:100%;padding-top:50px;margin:auto;
}
.top_cont_outer {
    background:url(../images/p.jpg) center no-repeat;
  
	height:500px;
}
.hero_section {
   
    padding-top: 50px;
}

.top_left_cont h2 {
    font-size: 30px;
    color: #FFF;
    line-height: 52px;
    margin: 0 0 26px 0;
   
    text-align: center;;
}
.service_block {
    text-align: center;
   
}


.delay-03s {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}
.top_left_cont {
padding:30px 0;
}
.top_left_cont h2 {
font-size: 25px;
color: #FFF;
line-height: 39px;
margin: 0 0 9px 0;
}
.top_left_cont p {
    font-size: 16px;
    color: #fff;
    height:250px;
    line-height: 30px;
	text-indent:2em;
	letter-spacing:2px;
	padding:30px;
}
.service_block h3 {
    letter-spacing:2px;
    height:60px;line-height:60px;
    font-size: 18px;
    color: #000;

}
.col-lg-4{width:25%;border:none;}


.top_left1{font-size: 16px;
    color: #fff;
    height:250px;
    line-height: 30px;
    letter-spacing:2px;
	padding:10px 0px 20px 50px;height:280px;
}

.top_left2 {font-size: 16px;
    color: #fff;
    height:250px;
    line-height: 30px;
    letter-spacing:2px;
	height:280px;
}

.top_left2 p{
	font-size: 16px;
    color: #fff;
    height:250px;
    line-height: 30px;
	text-indent:2em;
	letter-spacing:2px;
	padding:22px;
}