body,p,b,dl,dd,table,td,th,input,button,textarea,xmp,pre,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,header,section,nav,footer{margin:0;padding:0;}
body{min-width:1150px;}
img,iframe,acronym{border:0;}
h1,h2,h3,h4,h5,h6{ font-weight: normal; }
ol,ul,li{list-style:none;}
html,body{ font-size: 14px; color: #0a1735; font-family: '宋体';}
a{ color: #fff; font-size: 14px; text-decoration: none; }
a:hover{ text-decoration: underline;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.left{ float: left; }
.right{ float: right; }
input , a{outline:none;}
img{ border: 0; }
.block{ display: block;}
.ab{ position: absolute;}
.re{ position: relative;}
.center{ text-align: center;}
.fff{ color: #fff;}
.song{ font-family: '宋体';}
.hei{ color: #000;}
.hui{ color: #535353;}
/**/
.font14{ font-size: 14px;}
p{ color: #0a1735; font-size: 14px; line-height: 21px; }
/*
.head  {-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;}*/
body{ background: #565656; }
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}

.auto{ width: 940px; margin: 0 auto;}
.xy h2 span,.xy h2 span, .xy_3 h2 span,.about_1 h2,.seti3_p1{ font-family: '宋体'; font-weight: bold; }
/**/
.wap{ background: #fff; width: 1200px; margin:0 auto; overflow: hidden;zoom:1;position: relative; bottom: -90px;}
.head{position: fixed; left: 50%; top:0; margin-left: -600px; z-index: 222; background:  url(../images/bg_header.png) ; width: 1200px; height: 96px;}
header{  height: 90px; width: 940px; margin:0 auto;}
.nav{ float: right; padding-top: 35px; position: relative; padding-right: 60px;}

.ew_1{}
.head_1_1{ position: absolute; left: 0; top:0;display: none; }
.head_bottom{ position: absolute;right: -29px; top:63px; border: 1px solid #000; }


.nav a{ color: #444444; font-size: 14px; font-weight: bold; display: inline-block; padding: 0 31px; text-decoration: none;
background: url(../images/nav_bgs.png) no-repeat right center ;  }
.nav a.hover, .nav a:hover{ color: #8DD1DC; }

.banner{ background: url(../images/banner.jpg) no-repeat; position: relative; height: 642px; overflow: hidden;zoom:1; }
.banner_g.fadeInLeft{opacity:0;-webkit-animation: fadeInLeft 2s linear forwards;
          animation: fadeInLeft 2s linear forwards;}
.banner_g.scale_str{
	-webkit-animation: scale_str 6s linear infinite;
          animation: scale_str 6s linear infinite;
}
.banner_1{ position: absolute;top:126px; left: 50%; margin-left: -103px;
opacity:0;-webkit-animation: fadeInUp 1s linear .5s forwards;
          animation: fadeInUp 1s linear .5s forwards; }
.banner_2{ position: absolute;top:220px; left: 50%; margin-left: -314px; 
opacity:0;-webkit-animation: fadeInUp 1s linear .7s forwards;
          animation: fadeInUp 1s linear .7s forwards; }

.xy{ width: 940px; margin:0 auto; padding-top: 62px; }
.xy h2,.xy_3 h2{ text-align: center; color: #000000; font-size: 28px; margin-bottom: 23px; }
.xy h2 span,.xy_3 h2 span{background: url(../images/boder_2.png) no-repeat bottom left ; display: inline-block; padding: 8px 0 15px 0;;}
.xy h2.xy1111 span{background: url(../images/boder_2.png) no-repeat bottom center ;}

.xy p, .xy_3 p{ color: #444444; font-size: 14px; line-height: 26px; text-align: center; letter-spacing:2px}
.xy_1{ margin-top: 100px; background: #F3F3F3; height: 313px; }
.xy_re{ float: right; width: 356px; margin-right: 45px; position: relative; }
.xy_re h2{ padding-top: 86px; text-align: left; }
.xy_re  p,.xy_le p,.xy_le h2{ text-align: left; }
.sum_1{ position: absolute; top:-26px; }

.xy_2{ margin-top: 0;}
.xy_le{ float: left; width: 352px; padding: 111px 66px  0 52px; position: relative; }
.sum_2{ position: relative; left: -52px; }
.xy_le h2{ padding-top: 25px; }

.xy_wap2{background: url(../images/bgs.png); height: 429px;}
.xy_3{ width: 940px; padding-right: 60px;position: relative; margin-left: 130px;background:#fff url(../images/bg_sss.png) no-repeat bottom right ;}
.sum_3{ position: absolute; top:-24px; }

.jihe{/*background: url(../images/jihe_bg.png) no-repeat; */overflow: hidden; zoom:0; height: 665px; position: relative;  }
.about{ position: relative; overflow: hidden;zoom:1; height: 631px; background: #BBDAEF; }
#scene_img{}
#scene_img img{ }
.about_1{ position: absolute; left: 50%; top:0;  width: 940px; margin-left: -470px; padding-top: 200px; text-align: center;}
.about_1 h2{background: url(../images/boder_2.png) no-repeat bottom center ; display: inline-block; padding: 8px 0 15px 0; font-size: 28px; font-weight: bold; margin-bottom: 36px;}
.about_1 p span{ color: #444444; font-size: 16px;  display: inline-block; padding: 0 30px; }
.about_1 h3{ padding-top: 55px; color: #444444; font-size: 14px; font-weight: bold; }

.foot{height: 46px; overflow: hidden;zoom:1;}
.foot p{ height: 46px; line-height: 46px; color:#aaaaaa; text-align: center; font-size: 12px;}

.seti3_v1{  height: 665px;position: absolute; left: 0; top:0; width: 100%; }
.seti3_p1{ text-align: center; font-size: 28px; font-weight: bold; padding-top: 130px; }
.seti3_dl { position: absolute; width: 142px; height: 161px;  }
.seti3_dl dd{ position: absolute; left: 0; top:0; text-align: center; display: none; }
.seti3_dl dd span{ color: #fff; font-size: 20px; font-weight: bold; display: block; padding-top: 70px; position: absolute; left: 0; top:0; width: 142px; text-align: center; }
.seti3_dl1{ left: 240px; top:82px;width: 142px; height: 162px; }
.seti3_dl2{ left: 335px; top:248px; }
.seti3_dl3{ left: 530px; top:247px; }
.seti3_dl4{ left: 625px; top:413px; }
.seti3_dl5{ left: 918px; top:247px; }
/*.current dd{ display: block; }*/

/**/
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes scale_str {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

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

@keyframes scale_str {
  0% {
    opacity: 1;
      -webkit-transform: scale(1);
            transform: scale(1);
  }

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



@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp_1 {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp_1 {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp_1 {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.foot{ line-height: 50px; color: #555;}
.foot ul li{ float: left; margin-left: 15px;}


/*about */
.ov{ overflow: hidden;zoom:1; }
.about_2{ position: absolute; left: 50%; top:0;  width: 940px; margin-left: -470px; padding-top: 160px; text-align: center;  }
.about_2 h2{background: url(../images/boder_2.png) no-repeat bottom center ; display: inline-block; padding: 8px 0 15px 0; font-size: 28px; font-weight: bold; margin-bottom: 36px;}
.about_le h3{ text-align: left; padding: 0 0 5px 0; }
.about_le h4{ text-align: left; padding: 0 0 15px 0;}
.about_le{ width: 395px; float: left; margin-left: 50px; }
.about_le p{ text-align: left; overflow: hidden;zoom:1;  line-height: 26px;}
.about_le p span{ float: right; width: 350px; }

.about_re{width: 405px;float: right; margin-right: 15px;}
.about_re p{}

.index_e{ width: 120px; float: left; margin-right: 44px; }
.index_e span{ font-weight: bold; }

/*===========首页 end==========*/
.ab_con{ background: url(../images/ab_1.jpg) no-repeat top center; height: 910px;}
.ab_con1{ background: url(../images/ab_2.png) repeat top left; width: 100%; height: 477px; position: absolute; top: 433px;}
.ab_con1 .p1{ margin: 65px 0 0 107px;}
.ab_con1 .v1{ width: 590px; margin: 40px auto 0;}
.ab_con1 .v1 p{ margin-bottom: 40px; line-height: 28px; letter-spacing:.205em; color: #545454;}

/*===========关于我们 end==========*/

.ser_con1{ /*background: #151c36;*/ width: 100%; height: 780px; position: relative; background: #1F2D5A; }
.ding_w{ position: absolute; top: 0; left: 50%; margin-left: -476px;}
.gong_v1{ padding-top: 100px;}
.gong_v1 .span_1{ font-size: 30px; line-height: 36px;}
.gong_v1 .span_2{ margin: 22px auto 22px; width: 20px; height: 1px; background: #fff;}
.gong_v1 .span_3{ opacity: .7; font-size: 16px; line-height: 25px; width: 850px; margin: 0 auto;letter-spacing:.2em;}
.ser_con1 .v2{ letter-spacing:.2em; width: 952px; margin: 45px auto 0; position: relative; left: 12px;}
.ser_con1 .v2 dl{background:rgba(0, 0, 0, 0.1); padding: 50px 40px; float: left; width: 220px; margin-right: 12px; height: 334px; overflow: hidden; position: relative; border:rgba(255, 255, 255, 0.1) 1px solid;filter:alpha(opacity=50);}
.ser_con1 .v2 .dd_1{ font-size: 18px; line-height: 22px; margin-top: 40px;}
.ser_con1 .v2 .dd_2{ opacity: .7; margin-top: 20px; line-height: 25px;}
.ser_con1 .v2 .ding{ top: 10px; left: 10px;}

.ser_con2 .span_2,.ser_con3 .span_2{ background: #000;}
.ser_con2 .v2{ margin-top: 50px;letter-spacing:.2em; padding-bottom: 110px;}
.ser_con2 .v2 dt,.ser_con3 .v2 dt{ line-height: 0;}
.ser_con2 .v2 dt,.ser_con2 .v2 dd,.ser_con3 .v2 dt,.ser_con3 .v2 dd{ width: 470px;}
.ser_con2 .dd_1{ line-height: 25px; background: #eeeeee; height: 313px; }
.ser_con2 .dd_1 div,.ser_con3 .dd_1 div{ width: 337px; margin: 55px auto 0;}
.ser_con2 .sp_1,.ser_con3 .sp_1{ font-size: 20px;}
.ser_con2 .sp_2,.ser_con3 .sp_2{ margin-top: 20px;}

.ser_con3{ background: url(../images/se_9.jpg) repeat; width: 100%; padding-bottom: 95px;}
.ser_con3 .dd_1{ line-height: 25px; background: #fff; height: 300px; }
.ser_con3 .v2{ margin-top: 50px;letter-spacing:.2em;}


.count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold;}
.js-count-particles{ font-size: 1.1em;}
#stats,
.count-particles{-webkit-user-select: none; margin-top: 5px; margin-left: 5px;}
#stats{ border-radius: 3px 3px 0 0; overflow: hidden;}
.count-particles{ border-radius: 0 0 3px 3px;}
#particles-js{ width: 100%; height: 780px;  background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

#stats{ display: none;}

.bei_j{ background: #fff; width: 1200px; position: fixed; top: 0; left: 50%; margin-left: -600px; height: 100%; z-index: 1000;}