@charset "utf-8";
.ndbb-ban{height: 269px;background: url("20211214-ndbb-bg.png") no-repeat center;text-align: center;}
.ndbb-ban img{margin-top: 90px;}
.ndbb-wit{padding: 58px 0;background: #fff;}

.ndbb-fx{position: relative;}
.nd-btn1,.nd-btn2{display: inline-block;width: 24px;height: 56px;border-radius: 6px;background: #f6f6f6;text-align: center;line-height: 56px;position: absolute;top: 50%;margin-top: -28px;z-index: 10;}
.nd-btn1 i,.nd-btn2 i{color: #999;font-size: 22px;}
.nd-btn1{left: -40px;}
.nd-btn2{right: -40px;}
.ndbb-fx a:hover i,.ndbb-fx a.onn i{color: #008eff;}
.ndbb-fx ul{margin-left: -2%;}
.ndbb-fx ul li{margin-left: 2%;width: 23%;float: left;}
.ndbb-fx ul li a{display: block;height: 80px;font-size: 24px;font-weight: bold;color: #fff;text-align: center;border-radius: 10px;line-height: 80px;
    background: -moz-linear-gradient(top, #7aaee7 0%, #4c80b9 100%);
    background: -webkit-linear-gradient(top, #7aaee7 0%, #4c80b9 100%);
    background: -o-linear-gradient(top, #7aaee7 0%, #4c80b9 100%);
    background: -ms-linear-gradient(top, #7aaee7 0%, #4c80b9 100%);
    background: linear-gradient(to bottom, #7aaee7 0%, #4c80b9 100%);z-index: 100;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aaee7', endColorstr='#4c80b9',GradientType=0 );
}
.ndbb-fx ul li.actp a,.ndbb-fx ul li:hover a{background: #1658a0;}
.ndbb-gar{padding: 30px 0 60px;background: #f6f6f6;}
.ndtit-box{text-align: center;margin-top: 30px;}
.ndinl{display: inline-block;*display:inline;}
.ndtit-box em{display: inline-block;width: 50px;height: 5px;background: #1658A0;float: left;margin: 10px 20px 0;}
.ndtit-box h5{font-size: 36px;font-weight: bold;float: left;float: left}
.ndtit-box p{font-size: 36px;font-weight: bold;color: #1658a0;opacity: .14;margin-top: -5px;}

.gzbb-list{margin-left: -2%;padding-top: 10px;}
.gzbb-list li{width: 23%;float: left;margin-left: 2%;margin-top: 22px;}
.gzbb-list li a{display: block;height: 58px;padding: 0 20px;border-radius: 5px;border: 1px #dddddd solid;background: #fff;line-height: 58px;font-size: 16px;}
.gzbb-list li i{display: inline-block;float: right;width: 14px;height: 14px;border: 1px #dedede solid;border-radius: 100%;font-size: 10px;color: #dedede;text-align: center;line-height: 14px;margin-top: 20px;}
.gzbb-list li span{display: inline-block;vertical-align: middle;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left}
.gzbb-list li.ndj-act span,.gzbb-list li:hover span{color: #1658A0;}
.gzbb-list li.ndj-act i,.gzbb-list li:hover i{background: #1658A0;color: #fff;border: 1px #1658A0 solid}
@media screen and (max-width: 1380px){
    .nd-btn2{right: 0;opacity: .5;}
    .nd-btn1{left: 0;opacity: .5;}
}

@media screen and (max-width: 1240px){
    .nd-btn2{right: 0;opacity: .5;}
    .nd-btn1{left: 0;opacity: .5;}
    .ndbb-fx ul li a{font-size: 22px;}
    .ndtit-box h5{font-size: 30px;}
    .ndtit-box p{font-size: 26px;margin-top: -10px;}
    .gzbb-list li a{padding: 0 12px;font-size: 14px;height: 48px;line-height: 48px;}
    .gzbb-list li i{margin-top: 16px;}

}

@media screen and (max-width: 1000px){
    .ndbb-ban {height: 200px;background-size: 1400px;}
    .ndbb-ban img{width: 600px;margin-top: 65px;}
    .ndbb-wit{padding: 30px 0;}
    .ndbb-fx ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch;}
    .ndbb-fx ul li{-webkit-box-flex: 0;-webkit-flex: none;-ms-flex: none;flex: none;}
    .ndbb-fx ul li a{font-size: 18px;}
    .ndbb-gar{padding: 1px 0 30px;}
    .ndtit-box p{font-size: 22px;}
    .gzbb-list li{width: 31.33%;}

}

@media screen and (max-width:700px){
    .ndbb-fx ul li{width: 31.33%;}
    .ndtit-box h5{font-size: 22px;}
    .ndtit-box em{width: 25px;height: 3px;margin: 10px 15px 0;}
    .ndtit-box p{display: none}
    .gzbb-list li{width: 48%;margin-top: 16px;}
    .gzbb-list{padding-top: 0;}

}
@media screen and (max-width:500px){
    .ndbb-fx ul li{width: 48%;}
    .ndtit-box em{display: none}
}

/* 20240109 BUG修改 */
.ndbb-wit+.ndbb-gar{margin-bottom:-.32rem;}
.SLB .ndtit-box>.ndinl + p{margin-top:.05rem;}
@media screen and ( max-width:1000px){
	.ndbb-wit+.ndbb-gar{margin-bottom:-.2rem;}
	.ndbb-ban>.w_1300_2021>img{max-width: 90%;}
}
@media screen and ( max-width:700px){
	.SLB .ndbb-wit .ndbb-fx ul{display:block;}
	.SLB .ndbb-wit .ndbb-fx ul li{width:98%; margin-right: 0;}
}