@charset "utf-8";
.pc_top_lj p.w::after{display:none;}
.sy_tit .wz{text-align: center;}

/* 顶部样式 开始 */
.toubu_div{position: relative;z-index: 1;}
#header:before{content:"";position:absolute;top: 0;left: 0;z-index: 1;width: 100%;height:4rem;background-image: linear-gradient(#1545d6,#6c8ae5,rgba(0,0,0,0));}
#header.xg:before{ opacity:0; visibility:hidden}
#header #logo .box_table{width: 100%;margin-bottom: 0.7rem;}
.head_bottom{position: relative;width: 15rem;z-index:3;}
.head_bottom>.right{position:absolute;right:0;top: 0.32rem;}
/* 顶部样式 结束 */


.nana_top_box{background: url(/images25/CCNIS/bg_hyjs.jpg) no-repeat center bottom;background-size: cover;}
/* banner 开始 */
.nana_banner{width:15rem;height:4.44rem;overflow:hidden;margin: 0 auto;position: relative;z-index:2;}
.nana_banner img{width:100%;min-height:4.44rem;}
/* banner 结束 */


/* 导航 开始 */
.nana_nav{height: auto;}
.nana_nav ul{background-color:#1845cd;display: flex;justify-content: space-between;flex-wrap: wrap;}
.nana_nav ul li{height: 0.62rem;line-height:0.62rem;font-size:0.18rem;margin:0 0.2rem;}
.nana_nav ul li a{color:#fff;}
/* 导航 结束 */


/* 图片列表 开始 */
.nana_tplb{position: relative;padding-top: 0.12rem;margin-bottom: 0.7rem;}
.nana_tplb .swiper-slide{float:left;height: 1.25rem;overflow: hidden;}
.nana_tplb .swiper-slide img{width:100%;min-height:1.25rem;}
/* 图片列表 结束 */


/* 文字介绍 开始 */
.nana_wzjs{font-size: 0.18rem;color: #333;line-height:2;text-align: justify;padding-bottom:0.6rem;}
.nana_wzjs p{    font-size: 18px !important;
    line-height: 36px !important;}
/* 文字介绍 结束 */


.nana_bottom_box{padding-top:0.7rem; background: url(/images25/NANA/nana_bottom.jpg) no-repeat center bottom;background-size: cover;}
/* 重要活动 开始 */
.nana_zyhd{margin-bottom: 0.5rem;}
.nana_zyhd .zyhd_title{font-size:0.3rem;font-weight:blod;color:#b2fc9e;border-bottom:1px solid #b2fc9e;padding-bottom:0.1rem;padding-left:0.2rem;margin-bottom:0.55rem;}

.nana_zyhd .zyhd_left{float:left;width:3.87rem;height:7rem;background-color:#1b4cbf;padding:0.3rem;border-radius: 0.2rem;color: #fff;}
.nana_zyhd .zyhd_left ul{}
.nana_zyhd .zyhd_left ul li{line-height:0.3rem;font-size:0.16rem;padding-bottom:0.3rem;padding-left:0.2rem;background: url(/images25/NANA/nana_zyhd_li.png) no-repeat left -0.3rem;cursor: pointer;}
.nana_zyhd .zyhd_left ul li:first-child{background: url(/images25/NANA/nana_zyhd_li_first.png) no-repeat left -0.3rem;}
.nana_zyhd .zyhd_left ul li:last-child{background: url(/images25/NANA/nana_zyhd_li_last.png) no-repeat left -0.3rem;}
.nana_zyhd .zyhd_left ul li:nth-of-type(6){background: url(/images25/NANA/nana_zyhd_li_last.png) no-repeat left -0.3rem;}
.nana_zyhd .zyhd_left ul li p{height:0.3rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.nana_zyhd .zyhd_left p{height:0.3rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.nana_zyhd .zyhd_left ul li:hover,.nana_zyhd .zyhd_left ul li.on{color:#b2fc9e;}
.nana_zyhd .zyhd_right{float:right;width:10.5rem;height:7rem;background-color:#1b4cbf;padding:0.3rem 0.45rem;border-radius: 0.2rem;color: #fff;}
.nana_zyhd .zyhd_right .zyhd_list{width: 100%;height: 5.2rem;}
.nana_zyhd .zyhd_right .zyhd_list .swiper-slide{padding-right:0.2rem;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.nana_zyhd .zyhd_right .zyhd_list .swiper-slide p{line-height:0.3rem;font-size:0.16rem;margin-bottom:0.3rem;}
/* 重要活动 结束 */


/* Technically 开始 */
.nana_tech_box{background-color:#fff;padding:0.45rem 0.8rem;}
.nana_tech .sy_tit{margin-bottom: 0.6rem;}
.nana_tech .sy_tit .wz .bt{color:#333;}
.nana_tech .sy_tit .wz .en p{color:#333;}

.nana_tech{position: relative;}
.tech_list{}
.tech_side{width:16%;float: left;}
.nana_tech .img_out{width:2.18rem; height:1.3rem;overflow: hidden;margin: 0 auto;}
.nana_tech .img{    padding-bottom: 30%;object-fit: contain;
    height: 1.1rem;}
.nana_tech .img img{  object-fit: contain;}
.nana_tech p{font-size: 0.18rem;color: #333333;line-height: 0.3rem;height: 0.6rem; text-align: center;transition: 0.4s;margin:0.1rem 0 0.6rem 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.nana_tech a:hover p{color: #064d9c;}
.nana_tech .swiper-pagination{}
.nana_tech .swiper-pagination span{width: 0.13rem;height: 0.13rem;margin: 0 0.1rem !important;background: none;border: 1px solid #777;opacity: 1;}
.nana_tech .swiper-pagination span.swiper-pagination-bullet-active{background: #777;}
@media(max-width: 1024px){
	.nana_tech_box{padding:0.45rem 0;}
	.tech_side{width:33.33%;}
@media(max-width: 800px){
	.tech_side{width:50%;}
}
/* Technically 结束 */


/* footer 开始 */
.nana_footer{padding-top: 0.2rem;position: relative;}
.nana_footer .foot, .nana_footer .f_bq{background:none;position: inherit;z-index: 3;}
.nana_footer::before{content:"";position:absolute;bottom:0;left: 0;z-index: 1;width: 100%;height:2.9rem;background-image: linear-gradient(rgba(0,0,0,0),#093ba4,#093ba4,#093896);}
/* footer 开始 */


@media(max-width: 1200px){
	.nana_banner img {min-width:auto;}
    .nana_banner .djs{display: none;}
	.nana_banner .djs-sj{display: block;}
	.nana_hyjs .kuaijie{margin: 0;}
    .nana_hyjs .kuaijie ul{margin: 0;}
	.nana_hyjs .kuaijie ul{}
	.nana_hyjs .kuaijie ul li{width:40%;height:auto;padding:0.2rem 0;float:left;margin:0 5% 0.6rem 5%;;border:0;}
	.nana_hyjs .kuaijie ul li a{font-size:0.26rem;line-height: 0.5rem;background-position: center 0.2rem!important;padding-top: 1.3rem;}
	.zyrq_content{font-size:0.2rem;width: 100%;padding-top: 0.5rem;}
	.nana_zyrq{padding:0.5rem 0;}
	.tzgg_content li{padding: 0 0.4rem 0 1.2rem;}
	.tzgg_content li a span.sj{left: 0rem;}
	.nana_footer{padding-top:0.5rem;}
}
@media(max-width: 1024px){	
    .sy_tit{justify-content: center!important;}
    .toubu_div{z-index: 4;}
	.nana_zyhd .zyhd_left{width:100%;float: none;height:auto;margin-bottom:0.2rem;}
	.nana_zyhd .zyhd_left ul li{width:50%;float:left;}
	.nana_zyhd .zyhd_right{width:100%;float: none;height:auto;}
	.nana_zyhd .zyhd_left ul li:first-child,.nana_zyhd .zyhd_left ul li:last-child,.nana_zyhd .zyhd_left ul li:nth-of-type(6){background: url(/images25/NANA/nana_zyhd_li.png) no-repeat left -0.3rem;}
}
@media(max-width: 850px){	

}
@media(max-width: 650px){
  
	
}