@charset "utf-8";
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
ul,
li {
  list-style: none;
}

.nav {
  height: 130px;
  border-bottom: 1px solid #cfd4dd;
}
.nav:after {
  content: '';
  clear: both;
  height: 0;
  width: 0;
}
.nav .nav_top {
  height: auto;
  overflow: hidden;
  padding: 26px 0 10px;
}
.nav .nav_top .fl a {
  font-size: 14px;
  color: #808080;
  display: block;
  line-height: 36px;
}
.nav .nav_top .fl a img {
  display: block;
  float: left;
  margin-right: 18px;
  width: 150px;
  height: 40px;
}
.nav .nav_top .fr {
  width: 520px;
  padding-top: 10px;
  padding-right: 22px;
}
.nav .nav_top .fr a {
  display: block;
  width: 74px;
  font-size: 12px;
  text-align: center;
  color: #3778e5;
  float: right;
}

.nav .nav_con {
  height: auto;
  overflow: hidden;
}
.nav .nav_con ul li {
  float: left;
  margin-right: 60px;
  height: 50px;
  margin-top: 14px;
}
.nav .nav_con ul li > a {
  font-size: 16px;
  color: #3b3b3b;
  height: 50px;
  display: block;
}
.nav .nav_con ul li:hover > a {
  color: #0090f6;
}
.nav .nav_con ul li > a .sj {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0090f6;
  margin: 12px auto 0;
  display: none;
}
.nav .nav_con ul li:hover .sj {
  display: block;
}
.nav .nav_con ul li .nav_menu {
  position: absolute;
  top: 131px;
  left: 0;
  right: 0;
  height: 0;
  background: #fff;
  z-index: 99;
  box-shadow: 6px 6px 6px rgba(230, 230, 230, 0.8);
  height: 0;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  overflow: hidden;
}
.nav .nav_con ul li:hover .nav_menu {
  height: 480px;
}
.nav .nav_con ul li .nav_menu dl {
  float: left;
  width: 206px;
  margin-right: 38px;
}
.nav .nav_con ul li .nav_menu dl:last-child {
  margin-right: 0;
}
.nav .nav_con ul li .nav_menu dl dt {
  font-size: 18px;
  color: #367efa;
  font-weight: bold;
  margin: 30px 0;
  line-height: 22px;
}
.nav .nav_con ul li .nav_menu dl dt::before {
  content: '';
  display: block;
  float: left;
  height: 22px;
  width: 23px;
  overflow: hidden;
  margin-right: 8px;
  background-size: 109px;
  background-position: 0 0;
}
.nav .nav_con ul li .nav_menu dl:nth-child(2) dt::before {
  background-position: -28px 0;
}
.nav .nav_con ul li .nav_menu dl:nth-child(3) dt::before {
  background-position: -56px 0;
}
.nav .nav_con ul li .nav_menu dl:nth-child(4) dt::before {
  background-position: -85px 0;
}
.nav .nav_con ul li .nav_menu dl dd a {
  display: block;
  height: 58px;
  border: 1px dashed #dcdcdc;
  border-radius: 8px;
  margin-bottom: 30px;
  padding-left: 15px;
  transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}
.nav .nav_con ul li .nav_menu dl dd a:hover {
  border: 1px solid #0090f6;
}
.nav .nav_con ul li .nav_menu dl dd a span {
  display: block;
  font-size: 16px;
  color: #1a1a1a;
  padding: 6px 0;
}
.nav .nav_con ul li .nav_menu dl dd a span.s {
  padding-top: 18px;
}
.nav .nav_con ul li .nav_menu dl dd a:hover span {
  color: #367ffa;
}
.nav .nav_con ul li .nav_menu dl dd a span em {
  display: inline-block;
  width: 40px;
  height: 16px;
  border-radius: 50px;
  text-align: center;
  line-height: 16px;
  color: #fff;
  font-size: 12px;
  background: #367efa;
  margin-left: 10px;
}
.nav .nav_con ul li .nav_menu dl dd a span em.em2 {
  background: #ff543d;
}
.nav .nav_con ul li .nav_menu dl dd a span em.em3 {
  background: #f37200;
}
.nav .nav_con ul li .nav_menu dl dd a p {
  font-size: 12px;
  color: #757575;
}
.nav .nav_right {
  float: right;
  height: 50px;
  line-height: 30px;
  margin-top: 6px; 
}
.nav .nav_right a {
  display: inline-block;
  width: 90px;
  height: 30px;
  background: #ff543d;
  text-align: center;
  line-height: 30px;
  color: #fff;
  border-radius: 6px;
  margin: 0 30px 0 26px;
  font-size: 14px;
}
.nav .nav_right em {
  color: #333333;
  font-size: 14px;
}

.footer_2021 {
  clear: both;
  background: #393b3d;
  height: 380px;
  overflow: hidden;
}
.footer_2021 .w1180 {
  width: 1180px;
  margin: 0 auto;
}
.footer_2021 .f_info {
  padding-top: 50px;
  border-bottom: 1px solid #555555;
  height: auto;
  overflow: hidden;
}
.footer_2021 .f_info .fl {
  width: 700px;
  float: left;
}
.footer_2021 .f_info .fl dl {
  height: auto;
  overflow: hidden;
  margin-bottom: 24px;
}
.footer_2021 .f_info .fl dl dt {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 20px;
}
.footer_2021 .f_info .fl dl dd {
  float: left;
  width: 20%;
  margin-bottom: 12px;
}
.footer_2021 .f_info .fl dl dd a {
  display: block;
  color: #fff;
  font-size: 14px;
}
.footer_2021 .f_info .fr {
  width: 306px;
  float: right;
  padding-right: 30px;
}
.footer_2021 .f_info .fr img {
  display: block;
  float: left;
}
.footer_2021 .f_info .fr .f_btn {
  float: right;
  padding-top: 56px;
}
.footer_2021 .f_info .fr .f_btn a.pop {
  display: block;
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  border-radius: 50px;
  background: #3c8aeb;
  margin-bottom: 12px;
}
.footer_2021 .f_info .fr .f_btn a.bj {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.footer_2021 .foot_text {
  padding-top: 22px;
  height: auto;
  overflow: hidden;
}
.footer_2021 .foot_text .f_logo {
  font-size: 14px;
  color: #b5b5b5;
  float: left;
  margin-right: 50px;
  width: 222px;
}
.footer_2021 .foot_text .f_logo img {
  display: block;
  float: left;
  margin-right: 8px;
}
.footer_2021 .foot_text em {
  float: left;
  display: block;
  font-size: 14px;
  color: #b5b5b5;
  line-height: 24px;
}

/*左侧浮窗*/
#new_kf {
  position: fixed;
  font-size: 14px;
  z-index: 999;
  width: 78px;
  height: auto;
  color: #3a3a3a;
  background: #fff;
  border-radius: 3px;
}
#new_kf ul li {
  width: 78px;
  height: 78px;
  margin-bottom: 1px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
}
#new_kf ul li a span {
  color: #3a3a3a;
  padding-top: 53px;
  display: block;
}
#new_kf ul li:hover {
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}
#new_kf ul li:hover span {
  color: #fff;
}
#new_kf ul .zxzx {
  background: url(../images/hf/zszx.png) center 13px no-repeat #f3f3f3;
}
#new_kf ul .zxzx:hover {
  background: url(../images/hf/zszx_1.png) center 13px no-repeat #ff8f22;
}

#new_kf ul .zcyl {
  background: url(../images/hf/zcyl.png) center 13px no-repeat #f3f3f3;
}
#new_kf ul .zcyl:hover {
  background: url(../images/hf/zcyl_1.png) center 13px no-repeat #ff8f22;
}

#new_kf ul .x_ewm {
  height: 108px;
  background: url(../images/hf/x_ewm.png) center 18px no-repeat #f3f3f3;
}
#new_kf ul .x_ewm .d_ewm {
  width: 216px;
  height: 267px;
  position: relative;
  right: -78px;
  background: rgba(255, 199, 144, 0.7);
  top: -98px;
  border-radius: 3px;
  display: none;
}
#new_kf ul .x_ewm .d_ewm img {
  margin-top: 20px;
}
#new_kf ul .x_ewm .d_ewm em {
  display: block;
  font-size: 19px;
  color: #4f4841;
  margin-top: 15px;
}
#new_kf ul .x_ewm:hover {
  height: 108px;
  background: url(../images/hf/x_ewm_1.png) center 18px no-repeat #ff8f22;
}
#new_kf ul .x_ewm:hover .d_ewm {
  display: block;
}
#new_kf ul .x_ewm span {
  padding-top: 60px;
}

#new_kf ul .mfhd {
  background: url(../images/hf/mfhd.png) center 13px no-repeat #f3f3f3;
}
#new_kf ul .mfhd:hover {
  background: url(../images/hf/mfhd_1.png) center 13px no-repeat #ff8f22;
}
#new_kf ul .mfhd:hover .dh {
  display: block;
}
#new_kf ul .mfhd .dh {
  width: 215px;
  height: 130px;
  background: rgb(250, 193, 139);
  position: relative;
  right: -78px;
  top: -71px;
  border-radius: 3px;
  padding-top: 37px;
  display: none;
}
#new_kf ul .mfhd .dh input {
  width: 185px;
  height: 43px;
  background: #fff;
  border-radius: 18px;
  outline: none;
  border: none;
  color: #000 !important;
  line-height: 43px !important;
}
#new_kf ul .mfhd .dh .phone {
  width: 165px;
  font-size: 16px;
  padding-left: 20px;
  color: #aeaeae;
  margin-bottom: 10px;
}
#new_kf ul .mfhd .dh .btn_1 {
  font-size: 20px;
  cursor: pointer;
  margin-top: 0;
}

#new_kf ul .new_kftop {
  background: url(../images/hf/jiantou.png) center 20px no-repeat #f3f3f3;
  height: 99px;
}
#new_kf ul .new_kftop:hover {
  background: url(../images/hf/jiantou_1.png) center 20px no-repeat #ff8f22;
  height: 99px;
}
#new_kf ul .new_kftop span {
  padding-top: 60px;
}

/* Hi宝宝客服 */
.hikf {
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 99;
  min-width: 100px;
  min-height: 123px;
}
.hikf .a {
  position: absolute;
  right: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}
.hikf .b {
  width: 356px;
  height: 259px;
  background: url(../images/hf/hikfbg.png);
  overflow: hidden;
  display: none;
}
.hikf .b img {
  display: block;
  margin: 9px 0 0 56px;
}
.hikf .b p {
  font-size: 14px;
  text-align: center;
  width: 224px;
}
.hikf .b div {
  margin: 44px 0 0 12px;
  width: 200px;
}
.hikf .b div input {
  display: block;
  float: left;
  width: 95px;
  margin-left: 12px;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  padding-left: 12px;
  border: none;
  background: none;
}
.hikf .b div a {
  display: block;
  float: left;
  width: 72px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  text-align: center;
  color: #fff;
}
.hikf .b div span {
  display: block;
  font-size: 14px;
  color: #ff8c38;
  clear: both;
  padding: 7px 0 0 85px;
  cursor: pointer;
}