/* css的基础样式*/
/* css的样式重置*/
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  /* 使用内减模式进行布局*/
  box-sizing: border-box;
  /* 兼容-webkit-内核浏览器 */
  -webkit-box-sizing: border-box;
  /* 去除移动端点击高亮颜色*/
  -webkit-tap-highlight-color: transparent;
}
a.disabled {
  pointer-events: none;
  filter: alpha(opacity=50); /*IE滤镜，透明度50%*/
  -moz-opacity: 0.5; /*Firefox私有，透明度50%*/
  opacity: 0.5; /*其他，透明度50%*/
}
body {
  font-size: 14px;
  color: #333;
  font-family: 'Microsoft YaHei', Arial, sans-serif;
  min-width: 1366px;
  max-width: 1920px;
}
/* @media screen and (min-width: 1366px) and (max-width: 1919px){
    
} */
@media screen and (min-width: 1920px){
  .w{
    width: 1366px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1919px){
  .w{
    width: 1000px;
    margin: 0 auto;
  }
}


ul,
li {
  list-style: none;
}
a,
a:hover {
  text-decoration: none;
  color: #333;
}
input {
  /*取消边框*/
  border: none;
  /*取消外边框*/
  outline: none;
  /* 在 移动端浏览器 表单可能会出现 阴影 高亮 3d效果,需要清除*/
  -webkit-appearance: none;
}
em,
i {
  font-style: normal;
}
/* 公共样式*/
.fl {
  float: left;
}
.fr {
  float: right;
}
/* 清除浮动 */
.clearfix::before,
.clearfix::after {
  content: "";
  display: block;
  clear: both;
  line-height: 0;
  visibility: hidden;
  height: 0;
}


/* 头部样式 */
.log-img{
  cursor: pointer;
}
.container{
  /* position: absolute; */
  /* top: 0; */
  margin: 0 auto;
  width: 100%;
  z-index: 10;
  background-color: #fff;
}
.header-cont{
  border-bottom: 1px solid #E6E6E6;
  /* position: fixed; */
  /* top: 0;
  left: 0;  */
}
.header {
  /* height: 98px; */
  height: 70px;
  /* margin: 0 auto; */
  /* background-color: pink; */
  display: flex;
  justify-content: space-between;
  align-content: center;
  /* background-image: linear-gradient(#eeeeee, #bbbbbb); */
}

.header .log{
  line-height: 98px;
}

.header .search{
  height: 100%;
  margin-top: 20px;
}
.heade .ipt{
  margin-right: 20px;
}
.tel{
  margin-left: 20px;
}

.header .tel .tel-t{
  color: #5D5D5D;
  font-size: 14px;
}
.header .tel .tel-t span{
  color: #5D5D5D;
  font-size: 14px;
}

.header .tel .tel-b{
  font-size: 13px;
  color: #B0B0B0
}

.header .search input{
  width: 299px;
  height: 40px;
  border: 1px solid #0474B6;
  vertical-align: top;
  border-radius: 4px 0 0 4px;
  padding-left: 10px;
}
.header .search button{
  width: 90px;
  height: 40px;
  border: 0;
  background-color: #0474B6;
  color: #fff;
  font-size: 14px;
  vertical-align: middle;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
.navbar{
  height: 57px;
}
.navba ul{
  height: 57px;
  width: 100%;
}
.navbar li{
  height: 57px;
  line-height: 57px;
}
.el-menu{
  border:none !important;
}
.navbar .el-menu--horizontal>.el-menu-item {
  float: left;
  height: 57px;
  line-height: 57px;
  margin: 0;
  border-bottom: 2px solid #0474B6;
  color: #333;
  font-size: 16px;
}
/* .navbar .el-menu--horizontal>.el-menu-item:hover */
.navbar .el-menu--horizontal>.el-submenu{
  /* border-bottom: 2px solid #0474B6; */
  color: #0474B6;
}

.navbar .el-menu--horizontal>.el-menu-item.is-active {
  border-bottom: 2px solid #0474B6;
  color: #303133;
}
.navbar .el-menu--horizontal>.el-submenu .el-submenu__title{
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid #0474B6;
  box-sizing: border-box;
  padding: 0 35px;
  display: block;
  width: 100%;
  height: 100%;
  color: #333333;
  font-size: 16px;
}
.navbar .el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
  border-bottom: 2px solid #0474B6;
  color: #303133;
}
.navbar li a:hover{
  border-bottom: 2px solid #0474B6;
  color: #0474B6;
}
.navbar .el-submenu__title i {
  color: #333;
  font-size: 18px;
}
.foot {
  /* position: fixed; */
  width: 100%;
  bottom: 0;
  padding: 20px 0;
  line-height: 25px;
  text-align: center;
  /* z-index: 88; */
  background-color: #fff;
  /* text-align: center; */
}