::selection {

  background-color: #0172C2;

  color: #fff;

}

::-moz-selection {

  background-color: #0172C2;

  color: #fff;

}

::-webkit-selection {

  background-color: #0172C2;

  color: #fff;

}

::-webkit-scrollbar {

  width: 8px;

  height: 8px;

  background-color: #F5F5F5;

}

::-webkit-scrollbar-track {

  border-radius: 10px;

  background-color: #E2E2E2;

}

::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

  background-color: #555;

}

:focus {

  outline: 1;

}

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

  display: block;

}

a {

  color: #0a0a0a;

  text-decoration: none;

  -webkit-transition: all .3s ease-out;

  transition: all .3s ease-out;

}

a:link,

a:hover,

a:active,

a:visited {

  text-decoration: none;

}

a:hover {

  color: #ed744e;

}

ins {

  background-color: #ff9;

  color: #000;

  text-decoration: none;

}

mark {

  background-color: #ff9;

  color: #000;

  font-style: italic;

  font-weight: bold;

}

del {

  text-decoration: line-through;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

hr {

  display: block;

  height: 1px;

  border: 0;

  border-top: 1px solid #cccccc;

  margin: 1em 0;

  padding: 0;

}

input,

select {

  vertical-align: middle;

}

li,

ul {

  list-style-type: none;

}

img {

  border: none;

}

input,

textarea {

  outline: 0;

  border: 0;

}

textarea {

  resize: none;

}

h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

  font-weight: normal;

  font-style: normal;

}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,

/* structural elements 结构元素*/

dl, dt, dd, ul, ol, li,

/* list elements 列表元素*/

pre,

/* text formatting elements 文本格式元素*/

fieldset, lengend, button, input, textarea,

/* form elements 表单元素*/

th, td {

  /* table elements 表格元素*/

  margin: 0;

  padding: 0;

}

input,textarea {

  /*border: 2 none;*/

  box-shadow: none;

  outline: none;

}

i {

  font-style: normal;

}

/* 设置默认字体*/

body,button, input, select, textarea {

  font-family:"Microsoft Yahei" ;

  color: #0a0a0a;

}

* h1,* h2,* h3,* h4,* h5,* h6 {

  margin: 0px;

}

/* 重置列表元素*/

  ul, ol ,li {

  list-style: none;

}

/* 重置文本格式元素*/

  

a {

  text-decoration: none;

  color: #666;

  word-wrap:break-word;

}

/*英文换行*/

a:hover {

  text-decoration: none;

  color:#666;

}

/* 重置表单元素*/

legend {

  color: #000;

}

/* for ie6*/

fieldset, img {

  border: none;

}

/* img 搭车：让链接里的 img 无边框*/

button, input, select, textarea {

  font-size: 100%;

  /* 使表单元素在 ie 下能继承字体大小*/

}

/* 重置表格元素*/

table {

  border-collapse: collapse;

  border-spacing: 0;

}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁*/

html {

  overflow-y: scroll;

}

/*设置浮动*/

.fl {

  float: left;

}

.fr {

  float: right;

}

.pr {

  position: relative;

}

.pa {

  position: absolute;

}

.f_pr {

    position: relative;

}

.mt20 {

  margin-top: 20px;

}

.mt3 {

  margin-top: 30px;

}

.mb3 {

  margin-bottom: 30px;

}

/*清除浮动*/

.clear {

  clear: both;

  height: 0;

}

.blk-main .clearlist {

  clear:both;

  height:0;

  padding:0;

  margin:0;

  border:0;

  width:100% ;

  float:none;

}

.b-main .clearlist {

  clear:both;

  height:0;

  padding:0;

  margin:0;

  border:0;

  width:100% ;

  float:none;

}

.clearafter:after {

  content:".";

  display:block;

  height:0;

  visibility:hidden;

  clear:both;

}

/* -- 页面整体布局 --*/

.header , .content , .footer {

  width:1200px;

  margin:0 auto;

}

.pt {

  padding-top: 60px;

}

.pt40 {

  padding-top: 40px;

}

/* function*/

h2 a:hover {

  text-decoration: none;

}

input,textarea {

  outline:none;

}

textarea {

  resize:none;

}

em {

  font-style: normal;

}

.f_cb:after,.f_cbli li:after {

  display:block;

  clear:both;

  visibility:hidden;

  height:0;

  overflow:hidden;

  content:".";

}

.f_cb,.f_cbli li {

  zoom:1;

}

.f_ib {

  display:inline-block;

  *display:inline;

  *zoom:1;

}

.f_dn {

  display:none;

}

.f_db {

  display:block;

}

.f_pr {

  position:relative;

}

.f_pa {

  position:absolute;

}

.f_fl {

  float:left;

}

.f_fr {

  float:right;

}

.f_prz {

  position:relative;

  zoom:1;

}

.f_oh {

  overflow:hidden;

}

.f_fa {

  font-family:Arial, Helvetica, sans-serif;

}

.f_fw {

  font-family:"Microsoft Yahei"

}

.header , .content , .footer {

  width:1200px;

  margin:0 auto;

}

em {

  font-style:normal;

}

/*header*/

.head {

  width: 100%;

  height: 135px;

  background: url(../image/head_bg.png) top right no-repeat;

}

/*.head_top {

  line-height: 36px;

  height: 36px;

  font-size: 14px;

  background: #eee;

  color: #666;

}

.head_top a {

  padding-left: 25px;

}

.head_top a:nth-child(1) {

  background: url(../images/head_ico1.png) left center no-repeat;

  margin-right: 7px;

}

.head_top a:nth-child(2) {

  background: url(../images/head_ico2.png) left center no-repeat;

  margin-right: 7px;

}

.head_top a:nth-child(3) {

  background: url(../images/head_ico3.png) left center no-repeat;

}*/

.head_logo {

  width: 590px;

  overflow: hidden;

}

.head_logo img {

  height: 68px;

  width: 198px;

  margin-top: 24px;

  margin-right: 20px;

}

.head_logo dl {

  margin-top: 14px;

}

.head_logo dl dt {

  font-size: 32px;

  line-height: 58px;

  font-weight: bold;

  letter-spacing: 4px;

}

.head_logo dl dd {

  font-size: 21px;

  font-weight: 600;

  letter-spacing: 2px;

}

.head_logo dl dd em {

  color: #D6312D;

  font-weight: 600;

}

.head_tel {

  margin-top: 34px;

  margin-right: 15px;

  overflow: hidden;

}

.head_tel dl {

  color: #fff;

  overflow: hidden;

}

.head_tel dt {

  font-size: 14px;

  line-height: 18px;

}

.head_tel dd {

  font-size: 36px;

  line-height: 48px;

  font-family: Impact;

  letter-spacing: 2px;

}



/*foot*/

.foot {

  background: #1E2126;

  overflow:hidden;

  width: 100%;

  padding-top: 68px;

}

.f_menu {

  width: 380px;

  padding-top: 10px;

}

.f_menu a {

  float: left;

  font-size: 15px;

  line-height: 32px;

  width: 176px;

  color: rgba(255, 255, 255, .45);

  display: block;

  transition: .3s ease;

  -o-transition: .3s ease;

}

.f_menu a:before {

  content:"- ";

}

.f_menu a:hover {

  color: rgba(255, 255, 255, .8);

}

.f_contact {

  width: 300px;

  height: 205px;

}

.f_contact li {

  margin-bottom: 34px;

}

.f_contact li img {

  width: 52px;

  height: 52px;

  float: left;

  margin-right: 17px;

}

.f_contact li span {

  font-size: 14px;

  display: block;

  color: #fff;

  line-height: 26px;

}

.f_contact li span:last-child {

  color: rgba(237, 237, 237, .45);

}

.f_tel {

  width: 260px;

}

.f_tel span {

  display: block;

  font-size: 14px;

  color: rgba(255, 255, 255, .45);

  line-height: 1;

}

.f_tel strong {

  display: block;

  font-size: 29px;

  color: #DCDCDC;

  line-height: 1;

  margin-top: 7px;

  margin-bottom: 39px;

}

.f_qr {

  line-height: 0;

}

.f_qr p {

  float: left;

  margin-left: 15px;

}

.f_qr img {

  width: 94px;

  height: 94px;

  background: rgba(255, 255, 255, 1);

  border-radius: 10px;

  box-sizing:border-box;

  padding:4px;

}

.f_qr span {

  display: block;

  font-size: 14px;

  color: #fff;

  line-height: 1;

  text-align: center;

  margin-top: 13px;

}

.f_info {

  clear: both;

  border-top: 1px solid rgba(244, 244, 244, .1);

  color: #fff;

}

.f_info span, .f_info a {

  color: rgba(255, 255, 255, .25);

  line-height: 76px;

  margin-right: 28px;

  font-size: 14px;

  transition: .3s ease;

  -o-transition: .3s ease;

}

.f_info a:hover {

  color: rgba(255, 255, 255, .8);

}

/*foot end*/

/* 浮动客服*/

.kf {

  position:fixed;

  z-index:888;

  right:0;

  width:70px;

  height:198px;

  margin-top:-99px;

  top:75%;

}

.kf ul li {

  /*border-bottom:1px #ececec solid;*/

  float:left;

  position:relative;

  width:100%;

  height:65px;

}

.kf ul li:nth-child(1) {

  border-bottom:1px #fbfdfd solid;

}

.kf ul li:nth-child(2) {

  border-bottom:1px #fbfdfd solid;

}

.kf ul li:nth-child(3) {

  border-bottom:1px #fbfdfd solid;

}

/*.kf ul li:hover {

  border-bottom:1px #ececec solid;

}*/

.kf ul li:nth-child(3) img,.kf ul li:nth-child(1) img {

  display:none;

  position:absolute;

  top:0;

  right:70px;

  max-width:none;

}

.kf ul li a {

  background-color:#D6312D;

  -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);

  box-shadow:0 15px 30px rgba(0,0,0,0.1);

  display:block;

  width:100%;

  height:65px;

  background-position:center;

  background-repeat:no-repeat;

}

.kf ul li:hover a {

  background-color:#335ECD;

}

.qqchat {

  display:none;

  position:absolute;

  right:75px;

  width:190x;

  height:144px;

  top:0px;

  background-image:url(http://www.hbkelitong.com/template/hbkelitong.comlan/images/qqchat.png);

  background-position:center;

  background-repeat:no-repeat;

}

.kf ul li:nth-child(3):hover img,.kf ul li:nth-child(1):hover img {

  display:block;

}

.kf ul li:nth-child(1) a {

  background-image:url(../image/qico2.png);

}

.kf ul li:nth-child(1):hover a {

  background-image:url(../image/qico2.png);

}

.kf ul li:nth-child(2) a {

  background-image:url(../image/pico2.png);

}

.kf ul li:nth-child(2):hover a {

  background-image:url(../image/pico2.png);

}

.kf ul li:nth-child(3) a {

  background-image:url(../image/sico2.png);

}

.kf ul li:nth-child(3):hover a {

  background-image:url(../image/sico2.png);

}

.kf ul li:nth-child(4) a {

  background-image:url(../image/tico2.png);

}

.kf ul li:nth-child(4):hover a {

  background-image:url(../image/tico2.png);

}

.kf ul li:nth-child(5) a {

  background-image:url(../image/tico2.png);

}

.kf ul li:nth-child(5):hover a {

  background-image:url(../image/tico2.png);

}

.kf ul li .qqchat dl {

  float:left;

  width:190px;

  background: #fff;

}

.kf ul li .qqchat dl dd {

  float:left;

  width:100%;

}

.kf ul li .qqchat dl dd a {

  display:block;

  width:100%;

  height:65px;

  line-height:65px;

  background-image:url(../image/ptel.png);

  text-indent:45px;

  font-size: 18px;

  color: #335ECD;

  background-position:9px center;

  background-repeat:no-repeat;

}

.kf ul li .qqchat dl dd:hover {

  color: #335ECD;

}

.kf ul li:hover .qqchat dl dd a {

  background-color:transparent;

  background-image:url(../image/ptel.png);

}

.kf ul li:hover .qqchat {

  display:block;

}

/*2021新增高亮导航*/

.nav ul {

width: 100%;

}

.nav ul li {

float: left;

font-size: 15px;

}

.nav ul li.cur a , .nav ul li:hover a {

color: #335ECD;

}

.menu {

position: absolute;

right: 0;

top: 0;

width: 99px;

height: 99px;

background: #335ECD;

cursor: pointer;

}

.menu span {

display: block;

height: 99px;

background: url(http://www.hbkelitong.com/template/hbkelitong.comlan/images/Common/menu.png) no-repeat center;

}



.Nav{height: 65px;line-height: 65px;background-color: #335ECD;position: relative;z-index: 9;}

.Nav ul li{float: left;font-size: 18px;background: url(http://www.hbkelitong.com/template/hbkelitong.comlan/images/Common/NavBox.png) no-repeat center left;position: relative;}

.Nav ul li:first-child{background: none;}

.Nav ul li>a{color: #fff; display: block;}

.Nav ul li:hover{background-color: #D6312D;font-weight: bold;}

.Nav ul li.cur{background-color: #D6312D;font-weight: bold;}



.Nav.cur{position: fixed;top: 0;left: 0;background-color: #335ECD;width: 100%;height: 60px;z-index: 99;}

.Nav.cur ul li{height: 60px;line-height: 60px;}

.Nav.cur ul li .download-list{top: 60px;}



.download-list {width: 144px; background-color: #335ECD;margin: 0 auto;position: absolute;left: 0;top: 65px;}

.download-list a {display: block;text-align: left;color: #fff;font-size: 14px;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 50px;padding-left: 35px;line-height: 50px;padding-right: 10px;}

.download-list a:before {content:'';display: block;width: 11px;height: 1px;background-color: #fff;position: absolute;left: 15px;top: 25px;}

.download-list a:hover { background-color: #D6312D;color:#fff }

.download-list a:hover:before {background-color: #fff}