/* flex布局 */
.flex {
  display: flex;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-shrink {
  flex-shrink: 0;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.align-center {
  align-items: center;
}

.flex-min {
  min-width: 0;
}

.flex-1 {
  flex: 1;
}

/* float 布局 */
.float-left{
  float:left;
}
.float-right{
  float:right;
}
.clear-both::after{
  content:"";
  display:block;
  clear: both;
}

/* 超出隐藏缩略 */
.line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.line-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* 公用样式 */
.font-12{
  font-size:12px;
}
.font-14{
  font-size:14px;
}
.font-16{
  font-size:16px;
}
.font-18{
  font-size:18px;
}
.font-20{
  font-size:20px;
  font-weight: 700;
}
.color-999{
  color:#999999;
}
.color-666{
  color:#666666;
}
.color-333{
    color:#333;
}
.color-fff{
  color:#fff;
}
.color-blue{
  color: #1DA2DB;
}
.bg-blue{
  background-color:#1DA2DB;
}
.bg-grey{
  background-color:#E6E6E6;
}
.main-body{
  margin:0 auto;
  width:1280px;
  min-width:1280px;
}

/* 共用头部尾部样式 */
/* 头部 */
.header-top{
  padding:15px 0;
}
.logo{
  width: 768px;
  height: 127px;
}
.logo img{
  width:100%;
  height:100%;
}
.search{
  padding-top:40px;
}
.search-input{
  width:224px;
  height:40px;
  line-height:40px;
  border:1px solid #1DA2DB;
  padding-left:1em;
}
.search-btn{
  width: 62px;
  height: 40px;
  text-align:center;
  line-height:40px;
  cursor: pointer;
}
.link-way{
  padding-top:27px;
}
.link-way::before{
  content:" ";
  display:inline-block;
  width:15px;
  height:15px;
  vertical-align: middle;
  background: url("../img/phone.png") no-repeat;
  background-size:100% 100%;
}
.menu{
  margin-bottom:20px;
  height:44px;
}
.menu-item{
    position:relative;
  width:136px;
  text-align:center;
  line-height:44px;
}
.menu-item a{
  display:block; 
}
.menu-item:hover{
  background-color:#0f65ae;
  
}
.menu-item:hover .nav-child{
   visibility:visible;
}
.nav-child {
    /*display:flex;*/
    /*flex-wrap:wrap;*/
    z-index: 100;
    position: absolute;
    top: 44px;
    left: 0;
    width:136px;
    /*padding: 10px;*/
    background-color:#1DA2DB;
    visibility: hidden;
}
.nav-child > li a{
    width:136px;
    display:block;
  color: #fff;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
}
.nav-child > li a:hover {
  color: #fff;
  background-color:#0f65ae;
}

/* 尾部 */
.friend-title,
.friend-item{
  line-height:35px;
}
.friend-title{
  margin-right:60px;
}
.friend-list{
    flex:1;
    flex-wrap: wrap;
}
.friend-item{
  margin-right:36px;
}
.friend-item a{
  color:#000;
}
.footer-logo{
  margin:59px 0;
  width: 350px;
  height: 100px;
}
.footer-logo img{
  width:100%;
  height:100%;
}
.footer-right{
  flex:1;
  margin:35px 0 35px 53px;
  padding-left:53px;
  border-left:1px solid #fff;
  cursor: pointer;
}
.footer-link {
  margin-bottom:19px;
  padding-bottom:13px;
  border-bottom:1px solid #fff;
}
.footer-link-item{
  margin-left:14px;
}
.footer-link-item:first-child{
  margin-left:0;
}
.footer-info-text{
  line-height:32px;
}

.footer-media-item img{
  width:90px;
  height:90px;
  background:#fff;
}
.footer-media-text{
  margin-top:16px;
  text-align:center;
}


/* 面包屑导航 */
.bread-title{
  padding-bottom:14px;
  border-bottom:1px solid #1DA2DB;
}
.bread-item::after{
  margin:0 2px;
  content:">>";
}
.bread-item:last-child::after{
  content:" ";
  margin:0;
}

/*侧边导航栏*/
.aside-menu{
    margin-right:40px;
    width:228px;
}
.asidemenu-item{
    padding-left:27px;
    height:35px;
    line-height:35px;
    background:#f0f0f0;
    cursor: pointer;
}
.asidemenu-item a{
    color:#333333;
}
 
.asidemenu-item::before {
    content: "●"; /* 添加圆点样式 */
    color: #1DA2DB; /* 可自定义颜色 */
    margin-right: 5px; /* 自定义间距 */
}
.asidemenu-item:hover{
    background:#1DA2DB;
}
.asidemenu-item:hover a{
    color:#fff;
}
.asidemenu-item:hover::before{
    color: #fff; /* 可自定义颜色 */
}
.list-main{
    flex:1;
}
.list-item{
    height:48px;
    line-height:48px;
    border-bottom: 1px solid #aaa;
}
.list-item a{
    color:#333;
    width:100%;
}
/* 选项卡样式 */
.asidemenu-item-active{
    background: #1DA2DB;
}
.asidemenu-item-active a{
    color:#fff;
}
.asidemenu-item-active::before{
    content: "|"; /* 添加圆点样式 */
    color: #fff; /* 可自定义颜色 */
    margin-right: 5px; /* 自定义间距 */
}
.hide{
    display:none;
}

/*客服*/
.kf-box{
            position:fixed;
            top:250px;
            right:2px;
            z-index:999;
            width:82px;
            background:#fff;
            box-shadow:#DDD 0px 1px 5px;
            cursor: pointer;
        }
        
        .zixun{
            position:relative;
            width:82px;
            height:76px;
            background:url("../img/kf-icon.gif") no-repeat;
            background-position:center 0px;
        }
      
        .kf-phone{
            position:relative;
            width:82px;
            height:76px;
            background:url("../img/kf-icon.gif") no-repeat;
            background-position:center -77px;
        }
        .kf-phone-list{
            position:absolute;
            top:0;
            left:-180px;
            width:180px;
            padding:0 15px;
            background:#fff;
            box-shadow:#DDD 0px 1px 5px;
        }
        .kf-phone-list p{
            height:50px;
            text-align:center;
            line-height:50px;
            border-bottom:1px dashed #666;
        }
        .kf-phone-list p span{
            margin-left:10px;
        }
        .kf-phone-list p:last-child{
            border-bottom:none;
        }
        .kf-weixin{
            position:relative;
            width:82px;
            height:76px;
            background:url("../img/kf-icon.gif") no-repeat;
            background-position:center bottom;
        }
        .kf-weixin-icon{
            position:absolute;
            top:0;
            left:-132px;
            width:132px;
            height:132px;
            box-shadow:#DDD 0px 1px 5px;
        }
        .kf-weixin-icon img{
            display:block;
            width:100%;
            height:100%;
        }
        .kf-phone-list,
        .kf-weixin-icon{
            display:none;
        }
        .kf-phone:hover .kf-phone-list{
            display:block;
        }
        .kf-weixin:hover .kf-weixin-icon{
            display:block;
        }
        .kf-btn-top{
            display:none;
            width:82px;
            height:39px;
            background: url("../img/btn_top.png") no-repeat;
            background-position:center top;
        }
        .kf-btn-top:hover{
            background-position:center bottom;
        }