@charset "utf-8";
/* CSS Document */

/**公共部分**/
*{margin:0px;padding:0px;}
img{border:none;vertical-align:top;}
li{list-style-type:none;}
ul,dl,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
body{font-size:14px; font-family:"微软雅黑"; }
address,cite,code,em,th{font-weight:normal; font-style:normal;}
.clear{clear:both;}
a{outline: none;}

.aBlack a,.aBlack{ color:#131415; text-decoration:none;}
.aBlack a:hover,.aBlack:hover{ color:#0085FF; text-decoration: underline;}

.bBlack a,.bBlack{ color:#C0C0C2; text-decoration:none;}
.bBlack a:hover,.bBlack:hover{ color:#0286FF; text-decoration: underline;}

.cBlack a,.cBlack{ color:#B8B8B8; text-decoration:none;}
.cBlack a:hover,.cBlack:hover{ color:#0286FF; text-decoration: underline;}

.dBlack a,.dBlack{ color:#969799; text-decoration:none;}
.dBlack a:hover,.dBlack:hover{ color:#0286FF; text-decoration: underline;}

.aBlue a,.aBlue{ color:#0286FF; text-decoration:none;}
.aBlue a:hover,.aBlue:hover{ text-decoration: underline;}

.bodyBg{ background:#F8F9FB;}


/**头部**/
.ngfHead{ width: 100%; height: 69px; background: #FFFFFF; position:absolute; left: 0px; top: 0px; position:fixed; z-index: 10; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.0500);} 
.ngfHeadIn{ width: 1180px; margin: auto; }
.ngfLogo a{ display: block;  float: left; width: 136px; height: 49px; background:url(../images/ngf-logo.png) no-repeat; 
    background: image-set(url(../images/ngf-logo.png) 1x, url(../images/ngf-logo-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(../images/ngf-logo.png) 1x, url(../images/ngf-logo-2x.png) 2x) no-repeat; margin: 10px 0px 0px 0px;}
.ngfMenu{ float: left; margin-left:10px;}
.ngfMenu li{ float: left; margin: 22px 0px 0px 60px;}
.ngfMenu li a{ display: block; height: 45px; border-bottom: 2px solid #ffffff; font-size: 16px; color: #131415; text-decoration: none; font-weight: 400; opacity: 0.6;}
.ngfMenu li a.hover{ color: #131415; font-weight: 600; border-bottom: 2px solid #0286FF; opacity: 1;}
.ngfSerch{ float: left; width: 279px; height: 30px; background: #F6F6F6; border-radius: 3px; margin: 20px 0px 0px 260px;}
.ngfSerch input.submit1{ width: 12px; height: 12px; border: none; background:none; background:url(../images/ngf-bg1.png) no-repeat 0px 0px; 
    background: image-set(url(../images/ngf-bg1.png) 1x, url(../images/ngf-bg1-2x.png) 2x)  no-repeat 0px 0px; 
    background: -webkit-image-set(url(../images/ngf-bg1.png) 1x, url(../images/ngf-bg1-2x.png) 2x) no-repeat 0px 0px; margin:9px 0px 0px 10px; float: left; outline: none; cursor: pointer;}
.ngfSerch input.text1{ float: left; width: 230px; margin: 0px 0px 0px 10px; border: none; background: none; height: 30px; outline: none; font-size: 12px; font-weight: 400; line-height: 30px;} 
.ngfSerch input::placeholder{ color: #131415; opacity: 0.4;}
.ngfShouj{ float: right; margin: 27px 0px 0px 0px;}
.ngfShouj a{ display: block; line-height: 19px; font-size: 12px; font-weight: 400;}
.ngfShouj a b{ display: block;  float: left; width: 12px; height: 19px; background:url(../images/ngf-bg1.png) no-repeat -20px 0px; 
    background: image-set(url(../images/ngf-bg1.png) 1x, url(../images/ngf-bg1-2x.png) 2x)  no-repeat -20px 0px; 
    background: -webkit-image-set(url(../images/ngf-bg1.png) 1x, url(../images/ngf-bg1-2x.png) 2x) no-repeat -20px 0px; margin: 0px 10px 0px 0px;}

 
/**底部**/
.ngfFoot{ width: 100%; height: 139px; background: #373639; margin-top:50px;}
.ngfFootIn{ width: 1200px; margin: auto; font-weight: 400;}
.ngfFootIn p.cont2{ color: #FFFFFF; opacity: 0.6; text-align: center;}
.ngfFootIn p.cont1{ text-align: center; color:#FFFFFF; color: #8F8C90; padding-top: 20px; margin-bottom: 15px;}
.ngfFootIn p.cont1 a{ color: #FFFFFF; text-decoration: none; opacity: 0.6;}
.ngfFootIn p.cont1 a:hover{ color: #8AC7FF; opacity:1;}


/**主体**/
.ngfMain{ width: 1180px; margin: auto; margin-top:70px;}


/**右侧导航**/
.ngfYoucBox{ width: 70px; background: #ffffff; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.0500); border-radius: 6px; position:absolute; right:0px; top: 65%; position: fixed;}
.ngfYoucBox a{ display: block; width: 70px; height: 76px;  overflow: hidden;}
.ngfYoucBox a b{ display: block; width: 25px; height: 25px; background:url(../images/ngf-bg1.png) no-repeat; 
    background: image-set(url(../images/ngf-bg1.png) 1x, url(../images/ngf-bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(../images/ngf-bg1.png) 1x, url(../images/ngf-bg1-2x.png) 2x) no-repeat; margin: 15px 0px 0px 20px;}
.ngfYoucBox a b.icon1{ background-position: -250px 0px;}
.ngfYoucBox a b.icon2{ background-position: -280px 0px;}
.ngfYoucBox a p{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; text-align: center; margin-top:10px;}
.ngfYoucBox a:hover b.icon2{ background-position: -310px 0px;}


/**左侧导航**/
.ngfZuocBox{ width: 158px; background: #ffffff; padding-bottom: 20px; position:absolute; left: 0px; top:129px; position: fixed; padding-top: 10px;}
.ngfZuocBox a{ display: block; width: 128px; margin: auto; height: 46px; border-radius: 2px; font-size: 16px; color: #131415; text-decoration: none; line-height: 46px; overflow: hidden; margin-top:10px; font-weight: 400;} 
.ngfZuocBox a b{ display: block; width: 16px; height: 16px;  background:url(../images/ngf-bg1.png) no-repeat; 
    background: image-set(url(../images/ngf-bg1.png) 1x, url(../images/ngf-bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(../images/ngf-bg1.png) 1x, url(../images/ngf-bg1-2x.png) 2x) no-repeat; float: left; margin: 15px 7px 0px 15px;}
.ngfZuocBox a b.icon1{ background-position: 0px -30px;}
.ngfZuocBox a b.icon2{ background-position: -20px -30px;}
.ngfZuocBox a b.icon3{ background-position: -40px -30px;}
.ngfZuocBox a b.icon4{ background-position: -60px -30px;}
.ngfZuocBox a b.icon5{ background-position: -80px -30px;}
.ngfZuocBox a b.icon6{ background-position: -100px -30px;}
.ngfZuocBox a b.icon7{ background-position: -120px -30px;}
.ngfZuocBox a b.icon8{ background-position: -140px -30px;}
.ngfZuocBox a b.icon9{ background-position: -160px -30px;}
.ngfZuocBox a.hover{ background:#0286FF; color: #ffffff;}
.ngfZuocBox a.hover b.icon1{ background-position: 0px -50px;}
.ngfZuocBox a.hover b.icon2{ background-position: -20px -50px;}
.ngfZuocBox a.hover b.icon3{ background-position: -40px -50px;}
.ngfZuocBox a.hover b.icon4{ background-position: -60px -50px;}
.ngfZuocBox a.hover b.icon5{ background-position: -80px -50px;}
.ngfZuocBox a.hover b.icon6{ background-position: -100px -50px;}
.ngfZuocBox a.hover b.icon7{ background-position: -120px -50px;}
.ngfZuocBox a.hover b.icon8{ background-position: -140px -50px;}
.ngfZuocBox a.hover b.icon9{ background-position: -160px -50px;}
.ngfZuocBox a:hover{ background:#0286FF; color: #ffffff;}
.ngfZuocBox a:hover b.icon1{ background-position: 0px -50px;}
.ngfZuocBox a:hover b.icon2{ background-position: -20px -50px;}
.ngfZuocBox a:hover b.icon3{ background-position: -40px -50px;}
.ngfZuocBox a:hover b.icon4{ background-position: -60px -50px;}
.ngfZuocBox a:hover b.icon5{ background-position: -80px -50px;}
.ngfZuocBox a:hover b.icon6{ background-position: -100px -50px;}
.ngfZuocBox a:hover b.icon7{ background-position: -120px -50px;}
.ngfZuocBox a:hover b.icon8{ background-position: -140px -50px;}
.ngfZuocBox a:hover b.icon9{ background-position: -160px -50px;}
.bodyBg1 .ngfZuocBox{ margin-top:-40px;}
@media screen and (min-width:1280px) and (max-width:1440px){
    .ngfZuocBox{ width:80px;}
    .ngfZuocBox a{ width:80px; height: 70px !important; height:20px; line-height: 20px; overflow: hidden; text-align: center; margin-top:0px; font-size: 14px;}
    .ngfZuocBox a b{ margin: 15px 0px 0px 30px; float:inherit; margin-bottom:10px;}
    }
@media screen and (max-width:1280px){
.ngfZuocBox{ width:80px;}
.ngfZuocBox a{ width:80px; height: 70px !important; height:20px; line-height: 20px; overflow: hidden; text-align: center; margin-top:0px; font-size: 14px;}
.ngfZuocBox a b{ margin: 15px 0px 0px 30px; float:inherit; margin-bottom:10px;}
}


/**页码**/
.eyxxPage1{width:100%; text-align:center; margin-top:40px;}
.eyxxPage1 a{height:33px; line-height:33px; display:inline-block; color:#323233; text-decoration:none; border:1px solid #DCDEE0; padding:0px 12px; background:#FFFFFF; margin-left:5px; border-radius: 2px; font-weight: 400;}
.eyxxPage1 a.currentPage{color:#ffffff; background:#0085FF ; border:1px solid #0085FF;}


/**所在位置**/
.ngfSize{ width:1180px; padding-top:20px; color:#B8B8B8; height: 18px; line-height: 18px; overflow: hidden; font-weight: 400;}

 

 /**新页码**/
.pagination{ list-style: none;
    padding: 0;
    margin: 20px 0;
    display: flex;
    justify-content: center;}
.pagination li {
    margin: 0 5px;
}
/* 分页项样式 */
.pagination li a , .pagination li span{
    height: 33px;
    line-height: 33px;
    display: inline-block;
    color: #323233;
    text-decoration: none;
    border: 1px solid #DCDEE0;
    padding: 0 12px;
    background: #FFFFFF;
    margin-left: 5px;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 悬停效果 */
.pagination li a:hover {
    background-color: #f0f0f0;
    border-color: #c0c0c0;
}

/* active 状态 */
.pagination li a.active {
    background-color: #007bff; /* 背景颜色醒目 */
    color: #ffffff; /* 文字颜色白色 */
    border-color: #007bff; /* 边框颜色与背景一致 */
    font-weight: 600; /* 加粗文字 */
}
/* disabled 状态 */
.pagination li.disabled span {
    color: #999999;
    border-color: #DCDEE0;
    cursor: not-allowed;
    background-color: #f9f9f9;
}