/* 初始化 */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,dl,dt,dd,ol,ul,li,
table{ margin:0; padding:0; vertical-align:baseline; list-style:none; border:0; font-size: 16px; line-height: 1.8; font-family:"Microsoft YaHei"!important;}
body a{ font-size: 16px; color: #333; text-decoration: none; transition: all 0.2s;}
body a:hover{ cursor: pointer; color: #f30404;}
img{ max-width:100%; vertical-align: top;}
body{ margin:0 auto; min-width:1100px; max-width:1920px;}
@media (max-width: 1100px) {
    body{ min-width:inherit; }
}
/* footer */
.foot{ margin-top:50px; padding:50px 0; text-align:center; font-size: 18px; color:#FFF; background-color:#cc2827;}
@media (max-width: 1100px) {
    .foot{ margin-top:30px; padding:30px;}
}
/*pc端导航*/
.nav24{ display: flex;flex-direction: column;}
@media screen and (max-width: 1100px){  .nav24{display: none}  }
.tab{ margin: -50px auto 0 auto;}
/* 导航 */
.nav{ text-align: center;}
.nav li{ display: inline; padding: 0 15px;}
.nav li a{ padding-bottom: 10px; font-size: 20px; font-weight: normal; color: #FFFFFF; line-height: 2;}
.nav li a:hover{ border-bottom: 3px solid #FFDD00; color: #FFDD00}
.navWap{ display:none;}
.nav ul{margin-top: -55px;}
@media (max-width: 1100px) {
    .navWap{ display:block; width:25px; position:absolute; top:5px; right:10px;}
    .nav{ display:none; background:none; background-color:#cc2827;}
    .nav ul{ width:100%; height:auto; padding:0; margin:0;}
    .nav li{ float:none; padding:0; text-align:center;}
    .nav li a{ display:block; padding-bottom: 0; color: #fff; font-weight: normal; font-size:16px; line-height: 40px; border-bottom:1px dashed #ffffff;}
    .nav ul{margin-top: 0;}
}
/* 首页 */
.indexHead{ padding-top: 570px; background: url(bg-top.jpg) no-repeat center top;}
@media (max-width: 1100px) {
    .indexHead{ padding: 0; background: none;}
}
/* 内页 */
.sub{ padding-top: 440px; background: url(bg-top.jpg) no-repeat center top;}
.bannerSub{ display: none; text-align: center;background: url(bg-bannerSub.jpg) no-repeat center center / cover;width: 100%;height: 160px;}
.bannerSub img{ width: 100%;}
.content{ margin: 50px auto 0 auto; width: 1000px;}
@media (max-width: 1100px) {
    .sub{ padding-top: 0; background: none;}
    .bannerSub{ display: block;}
    .content{ margin: 0; width: auto;}
}
.subTit{ padding: 15px 10px; border-bottom: 1px solid #dddddd;}
.subTit h3{ padding-left: 15px; color: #cc0000; border-left: 5px solid #cc2827; font-size: 24px; line-height: 26px;}
@media (max-width: 1100px) {
    .subTit{ padding: 15px;}
    .subTit h3{ padding-left: 10px; font-size: 20px; line-height: 22px;}
}
/* 分页 */
.page{ clear:both; margin:50px 0; text-align:center;}
.page li{ display:inline; margin-right:2px; font-size: 16px;}
.page li a{ display:inline-block; margin-top:5px; padding:0 10px; font-size: 16px; line-height:30px; color:#000;}
.page li a:hover,
.page .NormalRed{ display:inline-block; padding:0 10px; line-height:30px; color:#fff; background-color:#cc2827; opacity:1; border-radius:3px;}
.page .specificPage{ padding:0 10px;}
.page b { color: #f00; }
.page .currentPage,
.page .jumpTo{ display: none;}
.page .pageInput { width: 40px; border: 1px solid #ddd; font-size: 16px; text-align: center;}
.page .pageGo { padding-left: 15px; }
@media (max-width: 1100px) {
    .page{ display:block; margin-top: 30px;}
    .page li a{ border: 0;}
    .page .specificPage,
    .page .firstPage,
    .page .lastPage { display: none; }
    .page .jumpTo,
    .page .currentPage{ display: inline;}
}
/*背景图*/
.banner-wrapper {
    position: relative; /* 让内部元素相对于这个容器定位 */
}

.background-image {
    position: absolute;
    top: 83%; /* 使背景图相对于 .bannerPC 元素下方定位 */
    left: 0;
    width: 100%;
    height: 1076.04px; /* 背景图的高度 */
    background-image: url('tbbdback.png');
    background-size: cover;
    background-position: center;
}
@media screen and (max-width: 1200px){
    .background-image{display: none}
}