/* 内容上方导航 */
.daohang {
     width: 1200px;
     margin: 30px auto;
     font-size: 14px;
}

.daohang span {
     margin-right: 10px;
}

.daohang a {
     margin-right: 5px;
}

.daohang a:hover {
     color: #516598;
}

/* 列表内容 */
.article-list {
     width: 1200px;
     margin: 0 auto;
}

.article-list .list-l {
     width: 288px;
     height: 60px;
}

.article-list .list-r {
     width: 900px;
}

.article-list .list-l .list1 {
     margin-bottom: 20px;
}

.article-list .list-l .tit {
     width: 288px;
     height: 50px;
     line-height: 50px;
     background-color: #516598;
     position: relative;
     border: 1px solid #eee;
     border: 1px solid #516598;

}

.article-list .list-l .tit strong {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     font-size: 60px;
     color: rgba(255, 255, 255, 0.1);
}

.article-list .list-l .tit b {
     font-size: 20px;
     color: #fff;
     margin: 0 15px;
}

.article-list .list-l .tit span {
     font-size: 18px;
     color: rgba(255, 255, 255, 0.8);
}

.article-list .list-l .list1 .content {
     border-left: 1px solid #eee;
     border-right: 1px solid #eee;
     border-bottom: 1px solid #eee;
     width: 288px;
     padding: 10px 15px;
     box-sizing: border-box;
     color: #555;
     font-size: 16px;
}

.article-list .list-l .list1 .content a {
     width: 236px;
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

}

.article-list .list-l .list1 .content:hover {
     border: 1px solid #516598;
}

.article-list .list-l .list1 .content:hover a {
     color: #516598 !important;
}

.article-list .list-l .list2 {
     margin-bottom: 20px;
}

.article-list .list-l .list2 .content {
     border-left: 1px solid #eee;
     border-right: 1px solid #eee;
     border-bottom: 1px solid #eee;
     width: 288px;
     padding: 10px 15px;
     box-sizing: border-box;
     color: #555;
     font-size: 14px;
}

.article-list .list-l .list2 .content a {
     width: 100%;
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

}

.article-list .list-l .list2 .content:hover {
     border: 1px solid #516598;
}

.article-list .list-l .list2 .content:hover a {
     color: #516598 !important;
}

.article-list .list-l .list3 {
     margin-bottom: 20px;
}

.article-list .list-l .list3 .content {
     border-left: 1px solid #eee;
     border-right: 1px solid #eee;
     border-bottom: 1px solid #eee;
     width: 288px;
     padding: 10px 15px;
     box-sizing: border-box;
     color: #555;
     font-size: 15px;
}

.article-list .list-l .list4 {
     margin-bottom: 20px;
     width: 288px;
     height: 100Px;
     border: 1px solid #eee;
     background: url(../../../../../front/public/image/phoneme.png) no-repeat;
     background-size: 100%;
     overflow: hidden;
     color: #fff;
     font-size: 20px;
     cursor: pointer;
}

/* --------------------------------------------------------------------------------------------------------在线留言 */
.leavemsg {
     width: 900px;
     margin-bottom: 20px;
     box-sizing: border-box;
     padding-left: 20px;
}
/* 标题注红点 */
.leavemsg .star{
     /* 红色* */
     color: red;
     font-size: 17px;
     margin-right: 5px;
     display: inline-block;
     font-weight: bold;
     }
/* 改变输入框的背景色和文字颜色 */ 
.layui-form-item .layui-input {
     color: #666 !important; /* 文字颜色 */
 }
/* 改变表单项的边框颜色 */
.layui-form-item .layui-input,
.layui-form-item .layui-textarea {
     border-color: #ccc;
     /* 边框颜色 */
}
/* 改变表单项的悬浮和焦点状态颜色 */
.layui-form-item .layui-input:hover,
.layui-form-item .layui-input:focus {
     border-color: #516598 !important;
     /* inputinput边框颜色 */
}
.layui-form-item .layui-textarea:hover,
.layui-form-item .layui-textarea:focus{
     border-color: #516598 !important;
     /* 多行文本边框颜色 */
}
/* 标题 */
.custom-width {
     width: 160px; /* 标题自定义宽度 */
     margin-right: 20px;
     color: #333;
     /* 文字颜色 */
     font-weight: bold;
   }
/* 输入框（单行+多行） */
.input-width{
     width: 680px;/* 输入框自定义宽度 */
}
/* 验证码 */
.yanzhengma-width{
     width: 180px;/* 验证码输入框自定义宽度 */
     height: 42px;
     padding-left: 5px;
     margin-right: 10px;
}
/* 按钮位置 */
.btn-weizhi{
     padding-left: 180px;
}
/* 按钮颜色自定义 */
.custom-btn {
     width: 300px;
     background-color: #516598; /* 背景颜色 */
     color: #ffffff; /* 文字颜色 */
 }