@charset "utf-8";
*{
margin:0;
padding:0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}

a{
    text-decoration: none;
    color:#666;
    font-size:.16rem;
    outline: none;}

.header{
    height:1.7rem;
    width:100%;}

.header-t{
    max-width:14rem;
    margin-left:auto;
    margin-right:auto;
    height:100%;
    background-image:url(/uploads/image/nnimage/logo1.jpg);
    background-repeat:no-repeat;
    background-position:left;
    background-size:auto 35%;}

.header-r{
    *width:1rem;
    *max-width:50%;
    height:100%;
    margin-top:auto;
    margin-bottom:auto;
    float:right;
    position:relative;}

.nav-b{
    width: 0.44rem;
    height: 0.44rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff url(/uploads/image/nnimage/nav-button.png) center no-repeat;
    background-size: 100%;
    display:inline-block;
    display:none;
    *margin-top:50%;}

.donthide {
    display: none;
    position: absolute;
    top: 1.2rem;
    right: 0rem;
    width: 1.22rem;
line-height:0.33rem;
z-index:999;
background-color:#f3f3f3;
padding:0.1rem 0.22rem;
}
.donthide a{
font-size:16px;
}
.donthide a:active,
.donthide a:hover{
background-color:#1f296a;
}
  
.banner{
    width:100%;
    overflow:hidden;
    position:relative;}    
    
.banner .blue-bg {
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    height: 7.24rem;}

.banner .blue-bg:before {
    content: "";
    display: block;
    position: absolute;
    left: -7.45rem;
    top: 0;
    right: 0;
    bottom: 0;
    *background: url(/uploads/image/nnimage/blue-bg.png) center no-repeat;
    *background-size: 100% 100%;}
    
.banner .banner-p{
    position: relative;
    z-index: 2;
    *padding-top: .48rem;
    margin-top: .48rem;
    max-width:15rem;
    margin-left: auto;
    margin-right: auto;
    height: 7.24rem;
    background:white;}    
ul{list-style-type:none;list-sytle:none;}
.banner-c{width:100%;height:100%;font-size:.16rem;}
.piclist{max-width:10rem;height:100%;display:inline-block;}
.piclist img{width:100%;#height:100%; object-fit:cover}
.pic-txtlist{max-width:5rem;height:100%;display:inline-block;float:right;}
.pic-txtlist .txt-c{max-width:2.75rem;height:1.81rem;display:inline-block;padding:.2rem;border-bottom:1px solid #999}
.pic-txtlist img{max-width:2.25rem;#height:1.81rem;display:inline-block;float:right;}
.date,.txt{display:block;color:#1f296a;font-size:16px;margin-bottom:.12px;line-height:150%;}
.date{color:#666}
.txt{font-weight:bold}

.thumbs .my-slide-thumb-active{border:.1rem solid #1f296a;box-shadow: -100px 0px 4px  #1f296a;background:#1f296a;}
.thumbs .my-slide-thumb-active .txt-c span{color:#ddd}
.my-slide-thumb-active a{zoom:.9;}
.my-slide-thumb-active img{zoom:.9;}
.more{
    font-size:0.16rem;
    color:#666;}
.more1{
    height:0.28rem;
    max-width:15rem;
    margin-top:0.10rem;
    margin-bottom:0.10rem;
    margin-left: auto;
    margin-right: auto;
    position:relative;
    background:url(/uploads/image/nnimage/more.png) left no-repeat;
    background-size: auto 100%;
    vertical:middle;}
    
.more1 a{
    font-size:16px;
    margin-left:.68rem;
    line-height:200% !important;
    color:#666;}
.news{
   max-width:15rem;
   margin-left:auto;
   margin-right:auto;
   border-bottom:2px solid #666;
   height:.28rem;}

.news-r{
   float:right;
   line-height:200%;}
   
.news-r span{
   font-size:18px;
   margin-left:.18rem;}
  
.news-3l .news-3r{
   display:inline-block;}
   
.news-3l{
    float:left;}
  .yxyd{width:100%;height:100%;font-size:0.16rem;overflow:hidden;}
.yxyd div{display:inline-block;float:left;}
.yxyd-pic{max-width:5rem;height:3rem;overflow:hidden;position:relative}
.yxyd .pic-title{position: absolute;
    bottom: .18rem;
    left: 0;
    color: white;
    padding-left: .18rem;
    font-size: 16px;}
.styd .pic-title{margin-bottom:10px}    
.news-3l span,
.news-3r span a{font-size:18px}    
.contain a, 
.contain li,
.contain span{
font-size:16px;
line-height:300%;
color:#666;
text-overflow:ellipsis;
overflow:hidden;

}
.contain .box span {float:right} 
.box{width:6.8rem;margin-left:0;margin-right:auto;padding-top:0.48rem}
span.on{color:#1f296a;}
.more3 a{font-size:16px}
.more4{display:none;}

.box ul{list-style-type:disc}
.yxyd-d div:before,
.styd div:before {
    content: '';
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top , #1f296a 0, rgb(0 0 0 / 0%) 100%);
}  

.styd{#max-width:15rem;margin-left:auto;margin-right:auto;margin-top:.18rem;}
.styd .n1{padding:0.48rem 0 1rem;width:9.5rem;height:6.8rem;overflow:hidden;position:relative}
.styd .n2{padding:0.48rem 0 0.48rem 0;float:right;width:5rem;height:3.36rem;overflow:hidden;position:relative}
.styd .n1 .pic-title{*left:1rem;}
.contain4 .news .more span,
.contain4 .news .more a{color:#666}
.styd .n1 .pic-title,
.styd .n2 .pic-title{
    font-size: 0.26rem;
    background: linear-gradient(to right , rgba(31, 41, 106, .60) 0, rgba(31, 41, 106, .10) 100%);
    width: auto;
    height: 0.48rem;
    line-height: 180%;
    padding-right: .28rem;
    }
    
img:hover {
-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
} 
.contain3{
    max-width:15rem;
    *height:6rem;
    margin-top:.18rem;
    margin-left:auto;
    margin-right:auto;}    

.contain4{
    max-width:15rem;
    #height:8rem;
    margin-top:.28rem;
    margin-left:auto;
    margin-right:auto;
    #background:url(/uploads/image/nnimage/st.png) center no-repeat;}      
   
.banner .blue-bg5{
    height:1.38rem;
    z-index:99;}  

.banner .blue-bg5:before{
     background:url(/uploads/image/nnimage/blue-bg5.png) center no-repeat;}    
    
.banner .banner-p5{
    padding-top:0;
    height:1rem;
    margin-top:0.3rem;
    z-index:1;
    background:url(/uploads/image/nnimage/blue-bg51.png) center repeat;}   

.contain{
    width:100%;
    overflow:hidden;
    position:relative;
    margin-top:.18rem;}    
    
.contain .blue-bg {
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    height: 7.24rem;}

.contain .blue-bg:before {
    content: "";
    display: block;
    position: absolute;
    left: -3rem;
    top: 0;
    right: 0;
    bottom: 0;
    z-index:-1;
    background: #eee}
    
.contain .banner-p{
    position: relative;
    z-index: 0;
    margin-top: .28rem;
    max-width:15rem;
    margin-left: auto;
    margin-right: auto;
    height: 6rem;}   
.contain .banner-p .news-p{
    position: relative;
    left: 0;
    top: 0;
    width: 45%;
    height: 4rem;
    background: black;}
.contain .banner-p em{
    font-style: normal;
    font-weight: 700;
    color: #1f296a;}


.header5{
height:.8rem;
width:100%;}
.bq{
font-size:0.14rem;
color:#999;
margin:0.18rem auto auto 0.48rem;
position:absolute;
z-index:9;
left:-77%;
}
.bq span{display:block;line-height:150%;}
.contain,.contain3,.contain4{overflow:hidden}
@media screen and (max-width: 1620px){
.piclist{max-width:9.4rem;}
.yxyd-pic{width:33.33%}
.bq{left:-100%} 
}
@media screen and (max-width: 1660px){
.nav-w{width:100% !important;margin-left:1rem}
}
@media screen and (max-width: 1500px){
  .piclist{width:60%;}
  .pic-txtlist{width:40%}
  .styd .n1{width:64%;height:80%}
  .styd .n2{width:32%;height:40%}
}

@media screen and (max-width: 1300px) {
.piclist{width:100%;max-width:100%;}
.pic-txtlist{width:100%;max-width:100%;display:none;}
.pic-txtlist .txt-c{max-width:100%}
.yxyd-pic{max-width:50%}
.styd .n1{width:100%;height:80%}
.styd .n2{display:none}
.banner .more1{display:none;}
.news{margin-top:.48rem}
.box{width:100%}
.bq{left:-100%;margin-left: 0.1rem}
.bcenter{width:100% !important}
}
@media screen and (max-width: 1200px) {
.search,.header-r dl{display:none !important;}
.news-p{display:none;}
.banner-p em, .more3{display:none;}
.more4{display:block;margin-top:0.5rem}
.contain .blue-bg{left:0.2rem}
.yxyd-pic{width:100%;max-width:100%;}
.banner .blue-bg:before{padding-left:.1rem;}
.nav-a{display:none;}
.nav-b{display:inline-block;position:relative;top:-30px}
.header-r{width: 1rem; max-width: 50%;}
.donthide{top:0.8rem;right:-.rem}
.banner .banner-p{margin-top:0}
#ysu{right:0.44rem !important}
.banner,.news,.contain,.contain3,.contain4,.box{padding:0 0.2rem}
}
@media screen and (max-width: 1110px) {

}
@media screen and (max-width:1000px){
.bcenter{background-image: !important;width:90% !important;}
}
@media screen and (max-width: 920px){
.piclist{height:100%}
.pic-txtlist .txt-c{max-width:50%}
}
@media screen and (max-width: 660px) {
.yxyd-pic{max-width:100%}
.contain4 {height:50%}
.styd .n1{width:100%;height:50%}
.contain4{padding-top:0.1rem !important;}
.contain4 .news-r{display:none}
.contain4 .news{margin-top:0}

}
@media screen and (max-width: 500px){
.header{height:1rem}
.header .nav-b{position:absolute;right:0;top:0}
.header .nav-b-1{top:32px}
.banner{height:4rem}
.banner .blue-bg,
.banner .banner-p{height:100%;}
.contain span{/*display:none;*/}
.banner5{height:1.2rem;}
.styd .n1 .pic-title{height:.9rem}
.box a{width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
#nav{position:fixed !important;top:0.7rem !important;left:0 !important;width:100% !important;text-align:center;}
}
@media screen and (max-width: 420px) {

}
@media screen and (max-width: 380px) {

}


















/*2021-8-3-end*/