﻿/*banner*/
.none{display:none;}

.banner_show{width:100%;text-align:center;overflow:hidden;position:relative;height:630px;}

@media screen and (max-width: 1680px) {
 .banner_show{height:551px;}
}
@media screen and (max-width: 1600px) {
 .banner_show{height:525px;}
}

@media screen and (max-width: 1440px) {
 .banner_show{height:473px;}
}
@media screen and (max-width: 1366px) {
 .banner_show{height:448px;}
}





.bannger_inbox{position:absolute;left:0%;top:0;}


    /* 首页Banner条按比例显示 */
        .img-container {
            width: 100%; /* 容器宽度占满屏幕 */
            
            margin: 0 auto; /* 水平居中 */
           
        }

        /* 核心：让图片按比例完整显示 */
        .responsive-img {
            width: 100%; /* 图片宽度适配容器 */
            height: auto; /* 高度自动，保持原始宽高比 */
            object-fit: contain; /* 确保图片完整显示，不裁切，会自动留空（如果有） */
            display: block; /* 消除图片默认的行内空白 */
        }

/*翻页*/
.banner_pre_next{position:relative;z-index:105;top:300px;width: 100%; margin:0 auto;height:37px; }
.banner_pre_next a{width:37px;height:37px;background:url(../image/btn.png) no-repeat;text-indent:-999em;}
.banner_pre_next .banner_btn_left{position:absolute;left:3%;background-position:0px 0px;}
.banner_pre_next .banner_btn_right{position:absolute;right:3%;background-position:-37px 0px;}

@media screen and (max-width: 1680px) {
.banner_pre_next{ top:250px;}
}
@media screen and (max-width: 1600px) {
 
}

@media screen and (max-width: 1440px) {
.banner_pre_next{ top:200px;}
}
@media screen and (max-width: 1366px) {

}
/*全局美化*/
body{
font-family:"HelveticaNeue",Helvetica,Arial,sans-serif;
background-color:#f8f9fa;
color:#333;
line-height:1.6;
}

/*=====Banner美化=====*/
.banner_show{
position:relative;
overflow:hidden;
border-radius:8px;
margin-bottom:20px;
}
.banner_inbox{
width:100%;
}
.banner_inboximg{
width:100%;
height:auto;
display:block;
}
.banner_pre_nexta{
position:absolute;
top:50%;
transform:translateY(-50%);
padding:10px15px;
background-color:rgba(0,0,0,0.5);
color:#fff;
border-radius:4px;
text-decoration:none;
transition:background0.3s;
}
.banner_pre_nexta:hover{
background-color:rgba(0,0,0,0.8);
}
.banner_btn_left{left:10px;}
.banner_btn_right{right:10px;}

/*=====留言记录卡片=====*/
.message.media{
background:#fff;
border-radius:8px;
box-shadow:02px8pxrgba(0,0,0,0.05);
padding:15px;
margin-bottom:15px;
transition:box-shadow0.3s;
}
.message.media:hover{
box-shadow:04px12pxrgba(0,0,0,0.1);
}
.message.mediaimg{
border-radius:50%;
}
.messageh5{
font-size:16px;
color:#007bff;
margin-bottom:5px;
}
.messagep{
font-size:14px;
color:#555;
margin-bottom:5px;
}
.message.badge{
font-size:12px;
margin-right:5px;
}

/*=====表单美化=====*/
form.form-grouplabel{
font-weight:600;
color:#444;
margin-bottom:5px;
}
form.form-control{
border-radius:6px;
border:1pxsolid#ced4da;
padding:10px12px;
font-size:15px;
transition:border-color0.3s,box-shadow0.3s;
}
form.form-control:focus{
border-color:#007bff;
box-shadow:0003pxrgba(0,123,255,0.1);
}
form.btn-info{
background:linear-gradient(135deg,#007bff,#0056b3);
border:none;
border-radius:6px;
padding:10px20px;
font-size:16px;
transition:transform0.2s,box-shadow0.2s;
}
form.btn-info:hover{
transform:translateY(-2px);
box-shadow:04px12pxrgba(0,123,255,0.3);
}

/*=====分页美化=====*/
.pagination.page-item.page-link{
border-radius:6px;
margin:03px;
color:#007bff;
border:1pxsolid#dee2e6;
}
.pagination.page-item.active.page-link{
background:#007bff;
border-color:#007bff;
color:#fff;
}
.pagination.page-item.page-link:hover{
background-color:#e9ecef;
}

/*=====响应式调整=====*/
@media(max-width:768px){
.message.media{
flex-direction:column;
align-items:center;
text-align:center;
}
.message.mediaimg{
margin-bottom:10px;
}
form.col-lg-3{
display:none;
}
form.col-12.col-lg-6{
max-width:100%;
}
