@charset "utf-8";
/* CSS Document */
/**头部**/
.head {
  height: 64px;
  min-width: 1200px;
}
.logo {
  margin-left: 60px;
  margin-top: 15px;
  width: 201px;
  height: 34px;
  background: url(/static/login1/images/indexLogo.png) no-repeat;
}
.loginBtn {
  margin-right: 60px;
  height: 64px;
  position: relative;
}
.loginBtn span.beforLogin {
  cursor: pointer;
  display: block;
  background: url(/static/login1/images/indexLogin.png) no-repeat left center;
  padding-left: 25px;
  color: #3a8bff;
  margin-top: 22px;
}
.loginBtn span.afterLogin {
  background: url(/static/login1/images/arrBlue.png) no-repeat right center;
  padding-left: 0;
  padding-right: 20px;
  cursor: pointer;
  display: block;
  color: #3a8bff;
  margin-top: 22px;
}
.loginBtn ul {
  position: absolute;
  background: #fff;
  border: 1px solid #f2f2f2;
  box-shadow: 0px 2px 12px rgba(0, 37, 89, 0.2);
  border-radius: 4px;
  width: 100px;
  left: 50%;
  margin-left: -50px;
  top: 52px;
  padding: 4px 0;
  display: none;
}
.loginBtn ul li {
  text-align: center;
  padding: 14px 0;
}
.loginBtn ul li a {
  color: #131b26;
}
.loginBtn ul li:hover a {
  color: #0669dc;
}
.loginBtn:hover ul {
  display: block;
}
.nav {
  margin-left: 100px;
}
.nav li {
  float: left;
  height: 64px;
  line-height: 64px;
  margin-right: 48px;
  font-size: 17px;
  position: relative;
}
.nav li a {
  display: block;
  color: #474c59;
}
.nav li.active a {
  color: #131b26;
  font-weight: bold;
}
.nav li a .arr {
  display: inline-block;
  width: 12px;
  height: 7px;
  background: url(/static/login1/images/arrGray.png) no-repeat;
  vertical-align: middle;
  margin-left: 8px;
}
.nav li ul {
  position: absolute;
  background: #fff;
  border: 1px solid #f2f2f2;
  box-shadow: 0px 2px 12px rgba(0, 37, 89, 0.2);
  border-radius: 4px;
  width: 100px;
  left: 50%;
  margin-left: -50px;
  top: 52px;
  padding: 4px 0;
  display: none;
}
.nav li ul li {
  text-align: center;
  padding: 14px 0;
  float: none;
  margin: 0;
  font-size: 15px;
  height: 48px;
  line-height: 20px;
}
.nav li ul li a {
  color: #131b26;
}
.nav li.active ul li a {
  font-weight: normal;
}
.nav li ul li:hover a {
  color: #0669dc;
}
.nav li:hover ul {
  display: block;
}
.nav .c_hot_box {
  position: relative;
}
.nav .c_hot_box .c_hot_tag {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(50%, -16px);
  line-height: 18px;
  padding: 0 10px;
  border-radius: 8px 5px 5px 0;
  font-size: 12px;
  color: #fff;
  background: linear-gradient(267.03deg, #f0743f 1.9%, #f04a3f 100.57%);
}

/**首页头部**/
.indexHead .head {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 20001;
}

/**底部**/
.footer {
  height: 110px;
  background: #dde4f0;
  width: 100%;
}
.ewmBx {
  margin-top: 26px;
  font-size: 12px;
  line-height: 1.8;
  text-align: right;
}
.ewmFont {
  margin-right: 8px;
  margin-top: 10px;
}
.footFont {
  font-size: 12px;
  line-height: 17px;
  height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
.footFont p {
  margin: 4px 0;
}
.police {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

/**子页面头部**/
.childHead {
  background: #0669dc;
  color: #fff;
  height: 64px;
}
.childHead .head {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 20001;
  background: #0669dc;
  color: #fff;
  height: 64px;
}
.childHead .logo {
  background: url(/static/login1/images/logoWhite.png) no-repeat;
}
.childHead .loginBtn span {
  color: #fff;
  background: url(/static/login1/images/loginWhite.png) no-repeat left center;
}
.childHead .loginBtn span.afterLogin {
  background: url(/static/login1/images/arrWhite.png) no-repeat right center;
}
.childHead .nav li a {
  color: #fff;
}
.childHead .nav li a .arr {
  background: url(/static/login1/images/arrWhite.png) no-repeat;
}
.childHead .nav li ul li a {
  color: #131b26;
}
.childHead .nav li ul li:hover a {
  color: #0669dc;
}


/**客服和联系我们**/
.service{position:fixed;right:30px;bottom:120px}
.connectUs{width: 132px;height: 50px;background:url(/static/login1/images/connect.png) no-repeat 19px center #fff;border: 1px solid #FFFFFF;box-shadow: 0px 2px 10px rgba(31, 35, 41, 0.1);border-radius: 32px;display:block;line-height:50px;color:#3A8BFF;font-size:16px;padding-left:50px}
.kefu{width: 132px;height: 50px;background:url(/static/login1/images/kefu.png) no-repeat 19px center #fff;border: 1px solid #FFFFFF;box-shadow: 0px 2px 10px rgba(31, 35, 41, 0.1);border-radius: 32px;display:block;line-height:50px;color:#3A8BFF;font-size:16px;padding-left:50px}
.connectUs:hover,.kefu:hover,.kefuOnline:hover .kefu{background-color:#F0F6FF;border-color:#3A8BFF}
.kefuOnline{margin-bottom:26px;position:relative}
.kefuLeft{position:absolute;top:-60px;left:-153px;width:153px;display:none}
.kefuOnline ul{width: 143px;background: #FFFFFF;border: 1px solid #F2F2F2;box-shadow: 0px 2px 12px rgba(0, 37, 89, 0.2);border-radius: 8px;padding:12px 12px 0 12px;}
.kefuOnline ul li{padding-bottom:14px}
.kefuOnline ul li h3{font-weight: 500;font-size: 13px;line-height: 18px;color: #131B26;margin-bottom:4px}
.kefuOnline ul li p{font-size: 12px;line-height: 17px;}
.kefuOnline:hover .kefuLeft{display:block}

@media screen and (max-width: 1600px) {
  .logo {
    margin-left: 30px;
  }
  .loginBtn {
    margin-right: 30px;
  }
  .nav {
    margin-left: 80px;
  }
  .nav li {
    margin-right: 30px;
  }
}