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


.ne-banner{ position:relative;}
.pc-banner {
    display: block;
}
.mobile-banner{ display:none;}
.ne-menu{ background:#e8ecf3; height:0.68rem;}
.ne-menu ul li{ float:left;}
.ne-menu ul li a{ display:block; line-height:0.68rem; padding:0 0.33rem;}
.ne-menu ul li a:hover,.ne-menu ul li .on{ background:#21478b; color:#fff;}
.ne-xi{ padding:0.8rem 0;}
.ne-ti{ text-align:center; position:relative; margin-bottom:0.25rem;}
.ne-ti h1{ font-weight:bold; font-size:0.8rem;font-family: "SourceHanSansCN-bold"; text-transform:uppercase; color:#21478b; opacity:0.15; line-height:1.1;}
.ne-ti p{ position:absolute; bottom:0; left:0; width:100%; text-align:center; color:#21478b; font-size:0.3rem;font-family: "SourceHanSansCN-bold";font-weight:bold;}
.ab-le{ width:53%;}
.ab-le p{ font-size:0.18rem; text-indent:32px; margin-bottom:0.2rem; text-align:justify;}
.ab-ri{ width:40%;}
.pro-list li{ float:left; width:32%; margin-right:2%; margin-bottom:0.48rem;}
.pro-list li:nth-child(3n){ margin-right:0;}
.pro-list li p{ border:1px solid #dedede; text-align:center; border-top:0; font-size:0.2rem;font-family: "SourceHanSansCN-bold";font-weight:bold; line-height:0.62rem; transition-duration:.5s;}
.pro-list li .pro-img{ overflow:hidden;}
.pro-list li .pro-img img{ transition-duration:.5s; display:block;}
.pro-list li:hover .pro-img img{ transform:scale(1.1)}
.pro-list li:hover p{ color:#fff; background:#21478b}
.jianT {width: 100%;text-align: center; padding: 0.3rem 0 0 0;}
.jianT li {display: inline-block;margin: 0 0.05rem; }
.jianT li a {font-size: 0.14rem;color: #474747;display: block;padding:3px 15px; border:1px solid #c1c5c8}
.jianT li a:hover {text-decoration: none;background: #21478b;color: #fff;}
.jianT li .on {background: #21478b;color: #fff;}
.new-nr-ti { text-align:center; border-bottom:1px solid #eee; padding-bottom:0.2rem; margin-bottom:0.2rem;}
.new-nr-ti h1{ font-size:0.2rem; padding-bottom:0.15rem;}
.new-nr-ti p{ font-size:0.19rem;}
.new-nr-zi{ font-size:0.16rem; line-height:1.8;}
.ne-new-list{ padding-bottom:0.4rem;}
.ne-new-list dl{ padding:0.3rem; position:relative; transition-duration:.5s; border-bottom:1px solid #e0e0e0; }
.ne-new-list dl dt{ width:191px; height:116px; overflow:hidden; float:right;}
.ne-new-list dl dt img{ width:100%; height:100%; display:block; transition-duration:.5s;}
.ne-new-list dl dd{width: calc(90% - 191px);width: -webkit-calc(90% - 191px);padding-right: 105px; float:right; margin-top:0.3rem;border-left:1px solid #e0e0e0; padding-left:0.48rem;}
.ne-new-list dl dd h1{ font-size:0.20rem;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding:0 0 0.05rem 0;}
.ne-new-list dl dd span{ display:block;}
.ne-new-list dl dd span img{ margin-right:0.1rem;}
.ne-new-list dl dd p{ font-size:0.18rem;   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.ne-rq{ position:absolute; left:0.5rem; top:0.6rem;  text-align:center;}
.ne-rq p{ font-size:0.48rem; line-height:1; color:#21478b;}
.ne-rq span{ display:block; font-size:0.16rem; color:#999999; }
.ne-new-list dl:hover dt img{ transform:scale(1.1)}
.ne-new-list dl:hover{ background:#dee4ee}
#map{ width:60%; height:5.5rem;}
.map-lx{ width:40%; height:5.5rem; background:#21478b; padding:0.48rem 0.26rem 0; color:#fff;}
.map-lx h1{ font-weight:normal; font-size:0.3rem; border-bottom:1px solid #647fae; padding-bottom:0.3rem; margin-bottom:0.3rem;}
.map-lx h2{ font-size:0.22rem; font-weight:normal;}
.map-lx p{ font-size:0.18rem; border-bottom:1px solid #647fae;padding-bottom:0.3rem;margin-bottom:0.3rem;}
.map-lx p span{ padding-left:0.4rem;}
.map-lx ul li{ float:left; border:1px solid #fff; width:45px; height:45px; margin-right:3px; position:relative; cursor:pointer;}
.map-lx ul li img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;}

 

.view .swiper-container {
	width: 921px;
 
}
 
 
.preview {
	 width: 1023px;
	 margin:0 auto;
	position: relative;
}

.preview .swiper-container {
	width: 931px;
	height: 136px;
	margin-left: 50px;  
}

.preview .swiper-slide {
	width: 219px;
	height: 136px;
	cursor:pointer; 
	margin-right:15px;
} 
 
.preview .arrow-left {
	 
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -17px;
	width: 34px;
	height: 34px;
	z-index: 10;
}

.preview .arrow-right {
	 
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -17px;
	width: 34px;
	height: 34px;
	z-index: 10;
}

 

.preview .active-nav img {
 
	border:3px solid #375996;
}


@media only screen and (max-width: 1650px) {
.ab-le p,.pro-list li p,.ne-new-list dl dd h1,.ne-rq span,.map-lx p{ font-size:0.22rem;}
.jianT li a,.new-nr-zi{ font-size:0.18rem;}
.new-nr-ti h1,.map-lx h2{ font-size:0.24rem;}
.ne-new-list dl dd p{ font-size:0.2rem}
.ne-rq p{ font-size:0.7rem;}
 
}

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

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

@media only screen and (max-width: 1280px) {

}











@media only screen and (max-width: 760px) {
    .pc-banner,.ne-rq,.ne-new-list dl dd span{
    display: none;
}
.mobile-banner{ display:block;}
.ne-ti p{ font-size:20px;}
.ne-xi{ padding:30px 20px;}
.ab-le,.ab-ri{ width:100%; float:none; height:auto; margin-bottom:10px;}
.ab-le p{ font-size:14px; margin-bottom:10px;}
.pro-list li,.pro-list li:nth-child(3n){ width:48%; margin:0 1% 10px;}
.pro-list li p{ font-size:15px;}
.view .swiper-container,.preview .swiper-container,.preview{ width:100%; margin-left:0;}
.preview .swiper-container{ height:50px;}
.preview .swiper-slide{ width:83px;}
.preview .arrow-left,.preview .arrow-right{ width:24px; height:24px;}
.ne-new-list dl{ padding:0 0 20px 0; margin-bottom:20px;}
.ne-new-list dl dd{ padding-right:0; border:none; padding-left:0;width: calc(95% - 100px);
    width: -webkit-calc(95% - 100px); float:left; margin-top:0;}
.ne-new-list dl dt{ width:100px; height:auto;}
.ne-new-list dl dd h1{ font-size:16px;}
.ne-new-list dl dd p,.map-lx p{ font-size:14px; line-height:1.3}
.jianT{ padding-top:0;}
#map{ width:100%; height:250px;}
.map-lx{ width:100%; height:auto; padding:15px;}
.map-lx h1{ font-size:20px; padding-bottom:15px; margin-bottom:15px;}
.map-lx h2{ font-size:18px;}

}