* {
  margin: 0;
  padding: 0
}
html {
  height: 100%;
}
body {
  height: 100%;
  position: relative;
  font: 13px/150% "Microsoft YaHei";
  zoom: 1;
  min-height:700px;
}
a {
  text-decoration: none
}
ul {
  list-style: none
}
img {
  border: 0
}
.container {
  position: relative;
  margin-left: 15px;
  margin-right: 15px
}
#header {
  width: 1000px;
  margin: 0 auto;
  padding: 13px 0 17px 0
}
.logo {
  background: url(../img/logo.png) no-repeat
}
.company-logo {
  display: block;
  width: 285px;
  height: 39px;
  background-position: -8px 0
}
.slogan {
  display: block;
  padding: 0 10px;
  line-height: 39px;
  font-size: 15px;
  color: #797979;
  border-left: 1px solid #bebebe
}
.top-link {
  position: absolute;
  top: 22px;
  right: 0
}
.top-link li {
  display: inline-block;
*display:inline;
  padding: 0 10px
}
.top-link li a {
  font-size: 13px;
  color: #797979
}
.top-link li a:hover {
  color: #000
}
#slider {
  width: 100%;
  position: relative;
  left: 0;
  top: 0
}
.slide ul li {
  width: 100%;
  min-width: 1000px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");
  position: absolute
}
.banner-1 {
  width: 100%;
  height: 550px;
  background: url(../img/banner01.jpg) center 0 no-repeat
}
.banner-2 {
  width: 100%;
  height: 550px;
  background: url(../img/banner02.jpg) center 0 no-repeat
}
.banner-3 {
  width: 100%;
  height: 550px;
  background: url(../img/banner03.jpg) center 0 no-repeat
}
.banner-4 {
  width: 100%;
  height: 550px;
  background: url(../img/banner04.jpg) center 0 no-repeat
}
.wrap {
  position: relative;
  width: 500px;
  height: 550px;
  margin: 0 auto;
  padding-top:150px;
  text-align:center;
}
#signin-box {
  top: 70px;
  width: 360px;
  height: 413px;
  margin:0 auto;
}
#signin-box h3 {
  padding-left: 24px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  color: #003f96;
  border-top: 2px solid #e8f3fa;
  border-top: 2px solid rgba(232,243,250,.9);
  background: #fff;
  background: rgba(255,255,255,.85);
  background: transparent\9;
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#95ffffff,endColorstr=#95ffffff)";
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#99ffffff, endColorstr=#99ffffff)
}
#nc_1_wrapper{width:100%}
.login_input{
  }
#signin-box-main {
  position: relative;
  width: 100%;
  height: 270px;
}
#form {
  position: relative;
}
.form-text-wrap {
  position: relative;
  background-color:#fff; margin-bottom:10px;
}
.mg15 {
}
.lab {
  position: absolute;
  top: 13px;
  left: 10px;
  width: 14px;
  height: 16px;
  background: url(../img/icon.jpg)
}
.lab-2 {
  background-position: 0 -20px
}
.lab-3 {
  background-position: 0 -39px
}
.message {
  display: block;
  width: 100%;
  height: 25px;
  overflow: hidden;
  line-height: 25px;
  color: #ff6c00;
  font-weight: bold
}
.form-text, .form-text-code {
}
.w {
  width: 250px
}
.w-1 {
  width: 100px
}
.validate-code {
  position: absolute;
  top: 2px;
  right: 64px;
  width: 87px;
  height: 38px
}
.padd {
  position: relative;
  padding: 15px 10px
}
.self-motion{ position:absolute; left:0; top:5px;}
.self-motion-right{ position:absolute; right:0; top:5px; color:#003f96}
.tip {
  padding-left: 9px;
  padding-top: 2px
}
.forget-pwd {
  color: #003f96;
  margin-left: 3px
}
a.forget-pwd:hover {
  text-decoration: underline
}
.checkbox {
  vertical-align: middle;
  margin-top: 0;
*width:13px;
*height:13px
}
#sign-btn, #reg-btn {
  display: block;
  width: 110px;
  height: 38px;
  line-height: 38px;
  font-size: 15px;
  font-weight: 700
}
#sign-btn {
   width: 360px; height: 46px; line-height: 46px; text-align: center; background: #1db7ff; border-radius: 8px; margin: 0 auto; border: 0 none; cursor: pointer; color: #fff; font-size: 18px; margin-top:20px; font-weight:normal
}
#reg-btn {
  left: 142px;
  color: #5c8198;
  text-align: center;
  background: url(../img/reg.png) no-repeat
}
a#sign-btn:hover {
  background-position: -112px 0
}
a#reg-btn:hover {
  background-position: -112px 0
}
#other-signin {
  position: relative;
  width: 100%;
  height: 88px;
  background: #d9e2e8;
  background: rgba(217,226,232,.95);
  background: transparent\9;
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#2d9e2e8,endColorstr=#2d9e2e8)";
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#2d9e2e8, endColorstr=#2d9e2e8)
}
#other-signin h4 {
  padding-left: 24px;
  height: 30px;
  line-height: 30px;
  color: #465c74;
  font-size: 14px
}
#other-signin-main ul {
  padding-left: 24px;
  padding-top: 5px
}
#other-signin-main ul li {
  float: left;
  margin-right: 21px
}
#other-signin-main a:hover {
  border-radius: 4px;
  box-shadow: inset 0 0 8px #66afe9;
  -webkit-box-shadow: inset 0 0 8px #66afe9;
  -moz-box-shadow: inset 0 0 8px #66afe9
}
.login-four-home {
  text-align: center;
}
.login-four-home a {
  border-radius: 2px;
  color: #fff;
  float: left;
  height: 36px;
  line-height: 36px;
  /*width: 104px;*/
  padding: 0 19px;
  margin: 2px 0;
}
.login-four-home a i {
  float: left;
  height: 100%;
  width: 36px;
}
.login-four-home a span {
  float: left;
  font-size: 12px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  display:none;
}
.login-four-home .qq {
  /*background-color: #5ca3df;*/
}
.login-four-home .qq i {
  background: url(../img/login_qq.svg) no-repeat;
}
.login-four-home .wechat {
  /*background-color: green;
  float: right;*/
}
.login-four-home .wechat i {
  background: url(../img/login_wechat.svg) no-repeat;
}
.login-four-home .alipay {
  /*background-color: #9762d8;*/
}
.login-four-home .alipay i {
  background: url(../img/login_alipay.svg) no-repeat;
}
.login-four-home .weibo {
  /*background-color: #e36f5f;
  float: right;*/
}
.login-four-home .weibo i {
  background: url(../img/login_weibo.svg) no-repeat;
}
.arrow {
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  background: #000;
  opacity: .5;
  background: transparent\9;
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#60000000,endColorstr=#60000000)";
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#60000000, endColorstr=#60000000);
  border: 2px solid #fff;
  border-radius: 28px;
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px
}
.arrow-1 {
  bottom: 10px;
  right: 70px
}
.arrow-2 {
  bottom: 10px;
  right: 110px
}
a.arrow-1:hover, a.arrow-2:hover {
  opacity: 1;
  box-shadow: 0 0 8px #faffff;
  -webkit-box-shadow: 0 0 8px #faffff;
  -moz-box-shadow: 0 0 8px #faffff;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#1000000,endColorstr=#1000000)";
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#1000000, endColorstr=#1000000)
}
#platform {
  width: 1000px;
  margin: 0 auto;
  padding: 25px 0
}
.pf-list li {
  float: left;
  border-left: 1px solid #bebebe
}
.pf-1, .pf-2, .pf-3, .pf-4 {
  display: block;
  width: 190px;
  height: 70px;
  background: url(../img/logo.png) no-repeat;
  padding: 0 25px
}
.pf-1 {
  background-position: 20px -45px
}
.pf-2 {
  background-position: 20px -102px
}
.pf-3 {
  background-position: 20px -160px
}
.pf-4 {
  background-position: 20px -218px
}
#footer {
  width: 100%;/*background:#f9f9f9;*/
  position:fixed;
  bottom:0;
}
@media screen and (max-height: 680px) {
  #footer{position:static !important;}
　　}
.w1000 {
  width: 1000px;
  margin: auto
}
.links {
  width: 420px;
  margin: 0 auto;
  padding-top: 25px;
  color: #666
}
.links a {
  padding: 0 25px;
  color: #666;
  text-align: center
}
.links a:hover {
  color: #000;
  text-decoration: underline
}
.copyright {
  color: #ccc;
  text-align: center;
  padding: 15px 0
}
.copyright  a{color: #ccc;}
.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
.pull-left {
  float: left
}
.pull-right {
  float: right
}
.clear {
  clear: both
}
.cf:before, .cf:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0
}
.cf:after {
  clear: both
}
.cf {
  border: 1px solid #ccc;
    color: #a9a9a9;
    font-size: 16px;
    height: 53px;
  zoom: 1;
  border-radius:5px;
}
.top-10 {
  margin-top: 10px
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
border: 0px solid #CCC!important;
}
.form-control {
  outline:none;
  border:0;
  font-size: 22px;
  height:50px;
  line-height: 50px;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  margin-left:25px;
  float:left
}
.placeholder {
  position: absolute;
  cursor: text;
  top: 19px;
  left: 25px;
  background: none repeat scroll 0 0 transparent;
  color: #c9c9c9;
  font-size: 16px
}
.disno {
  display: none
}
#cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: #000;
  background-color: #000;
  opacity: .8;
  filter: ALPHA(opacity=80)
}
#modal {
  padding: 0;
  margin: 0;
  position: fixed;
  _position: absolute;
  top: 22%;
  left: 50%;
  margin-left: -218px;
  width: 425px;
  z-index: 11;
  box-shadow: 0 0 15px rgba(255,255,255,.8)
}
.modal-header {
  position: relative;
  padding-left: 24px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  color: #003f96;
  border-top: 2px solid #e8f3fa;
  border-top: 2px solid rgba(232,243,250,.9);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #fff;
  background: rgba(255,255,255,.95);
  background: transparent\9;
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#2ffffff,endColorstr=#2ffffff)";
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#2ffffff, endColorstr=#2ffffff)
}
#close {
  margin: 0;
  padding: 0;
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/x.png);
  position: absolute;
  top: 8px;
  right: 15px
}
* html, * html body {
  background-image: url(../img/e2e6bf503ca1466cb538ad395f611185.gif);
  background-attachment: fixed
}
#iframe {
  position: relative;
  width: 425px;
  height: 255px;
  background: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}
#btnSubmit {
  display: block;
  float: left;
  font-size: 14px;
  margin-top: 9px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  width: 110px;
  height: 38px;
  line-height: 38px;
  font-weight: 700
}
#btnSubmit {
  color: #fff;
  text-align: center;
  background: url(../img/signin.png) no-repeat
}
a#btnSubmit:hover {
  background-position: -8.000em 0
}
#newUser {
  width: 100px;
  display: block;
  position: absolute;
  top: 10px;
  color: #666;
  left: 142px
}
#newUser a {
  color: #f33
}
.tips {
  background: #abd1ca;
  padding-left: 20px;
  height: 30px;
  line-height: 30px;
  color: #fff
}
#bind-wrap {
  background-color: #fff;
  padding-bottom: 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.login { text-align: center; width: 250px; margin: 0 auto; height: 30px;padding: 0 0 15px 97px; }
.login li { float: left; font-size: 16px; margin-right: 35px; width: 40px; }
.login a { color: #6a6a6a; display: block; padding-bottom: 5px; }
.login a:hover { border-bottom: solid 2px #1db7ff; }
.hoverline { border-bottom: solid 2px #1db7ff; }
.btn { width: 300px; height: 46px; line-height: 46px; text-align: center; background: #1db7ff; border-radius: 8px; margin: 0 auto; border: 0 none; cursor: pointer; color: #fff; font-size: 18px; display:block; margin-top:20px; }
.btn:hover { background: #55ABED; }
.login_img{ width:250px; text-align:center; margin:0 auto; display:block}
.login_p{ color: #6a6a6a;font-size: 16px;margin-bottom: 45px; margin-top:15px;}
.website { padding-left: 20px; height: 40px; line-height: 40px; border: solid 1px #ccc; border-radius: 5px; position: absolute; right:15px ; top: 15px; text-align: left; color: #1db7ff;}
.website a { color: #1db7ff; }
.erweima { padding-top: 45px; display: none; position: absolute; left: -100px; top: 0; }
.erweima img { background: #fff; padding: 10px; }
canvas { display: block; vertical-align: bottom; }
#particles-js { width: 100%; height: 100%; position: absolute; top: 0px; z-index: -1;  background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.cellicon { cursor: pointer; width: 50px; height: 40px; cursor: pointer; position: relative; float:right;  background: url(../img/cell.png) center no-repeat}
 @media screen and (max-width : 500px){
.wrap{width:auto; padding-top: 20px;}
.website{display: none;}
}
/**动态箭头**/
section {
  width: 100%;
}
section::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 80%;
}
.demo a {
  bottom: 20px;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
  position:relative;
}
#section07 a {
  padding-top: 30px;
}
#section07 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
#section07 a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  background:url(../img/xl2.png) top center no-repeat;
  position:absolute;top:96px;
  left:-2px;
}
#section07 a span:nth-of-type(2) {
  top: 105px;
  width:80px;
  background:url(../img/xl1.png) top center no-repeat;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
  position:absolute;
  left: -30px;
}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.new_header{ position:relative; height:55px; line-height:55px;}
.new_header h1{ position:absolute; left:40px; top:7px;}
.index_xiala{height:110px; background:url(../img/xiala.png) top center no-repeat;width:350px; position:relative}