/* reset */
html,body { background-color: #ecf3ff;}
.mainnav {background: #17288c;}
.nav-link {color: #fff !important;}
.BP1,.BP2{display:none;}
.container {   max-width:100%;width:100%;background: transparent;}
.swiper1, .swiper1 .swiper-slide,.home-device {width:100%;}
.home-device img{width:100%;height:auto;}
.swiper-partial { width:90%;}
img{width:100%;}
.tabs a{font-size: 0.42rem;width: 2.9rem;background:#fff;border:1px solid #d5dffc;}
.tabs a span{font-size: 0.3rem; padding:10px;}
.tabs a.active,.tabs a.action {
	color: #0278f8;
	background:#d5dffc;

}
.thumb-img {
	float:right;
	font-size: 0.2rem;
	overflow: hidden;
	text-indent: -10000px;
}
.thumb-img img {
	display: block;
	width: 2.8rem;
	height: 1.8rem;
 padding-left:.2rem;
}
.column {
    margin-bottom:0rem;padding-bottom:.24rem;padding-top:.24rem;
}
footer {
    background: #17288e;}
.piclist{ padding-top:20px;}
.piclist .nov:before {background-image:none;}

/** reset **/
/* bza */
.bza {overflow: hidden;width:96%;font-size: 0.43rem;line-height: 1.4;position:relative ;margin:0 auto;color:#777;}
.news1{}
.mrc-btn-wrap{width:100%; background:#fff; text-align:center; }
.mrc-shadow {
	pointer-events: none;
	position: absolute;
	height:80px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(14%, #fff), to(rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(bottom, #fff 14%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(bottom, #fff 14%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to top, #fff 14%, rgba(255, 255, 255, 0) 100%);
}

.lni{line-height:10px;font-size: 0.43rem;color:#b1b1b1;}
/** bza **/
/* addcss */
.W98{width: 95%;margin-right: auto;margin-left: auto;}
.W90{ width:85%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;}
.cl-white {
    color: #ffffff;
}
.bg-white{background:#fff; padding:10px 0;}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.justify-content-be {
    display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.section-title {
    margin-bottom:15px;
}
.section-title h1 {
color:#007aff;
    position: relative;

padding-bottom:8px;
    font-size:.65rem;
    font-weight:500;
    line-height:1.0;
    z-index: 1;
	text-align:center;
	letter-spacing:2px;

}
.section-title h1 .spanl{ background:#48ccdc; border-radius:8px 0 0 10px; padding:0px 8px; font-size:.3rem; margin-right:5px;font-weight:300;letter-spacing:0px;color:#fff;}
.section-title h1 .spanr{ background:#48ccdc; border-radius:0 10px 8px 0; padding:0px 8px; font-size:.3rem; margin-left:1px;font-weight:300;letter-spacing:0px;}
.section-title h2 {text-align:center;padding-bottom:20px;z-index: 1;line-height:1.0;}
.section-title h2 span {
    font-size: .45rem;
    font-weight:400;
    line-height: 1.4;
    padding:5px 15px;
    
color:#fff;
	letter-spacing:1px;
	
border-radius:15px;
background:#253eaf;

}

.single-feature-2 {
	margin:.2rem 0;
    text-align: center;
    color: #ffffff;
	width:3.8rem;
	height:4.0rem;;
position:relative;z-index:0;
}
.single-feature-2 span i{background: rgba(23, 40, 143, 0.7);padding:5px;color: #ffffff; font-style: normal; font-weight: normal; font-size:.36rem;position: absolute;width:3.8rem;height:2.0rem; left: 0; top:2.2rem;}
.single-feature-2 span{
	width:3.8rem;
	height:3.8rem;
    border-radius: 50%;
    text-align: center;
    display: block;
    border: 0;
position: absolute;
    left: 0;
    top:0;
overflow:hidden;
z-index:1;

}

.single-feature-2 img {
    width:3.8rem;
    height:3.8rem;
    transition: 0.4s;
	border-radius: 50%;
}
/*dongtu3*/

.swiper-scroll-container { width:98%; height:5.5rem; margin:0 auto;}
.swiper-scroll-container .swiper-slide {width:69rem; !important; }
.swiper-scroll-container .swiper-slide li{float:left; margin:7px;}
.BP3 {background:#fff;
    height: 6.2rem;
    padding-left: .2rem;
}
.BP3-slide {
    display: block;
    width:3.2rem;
    height:4.8rem;
    background: #fff;
    overflow: hidden;
    border-radius: .24rem;
position: relative;
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}
.BP3-slide img{
	width:3.2rem;
	height:4.45rem;
}
.BP3-slide h2{height:4.8rem;width:100%;font-size: 0.34rem; font-weight:400;line-height:.4rem;position: absolute;left: 0;bottom:.35rem;background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); }
.BP3-slide h2 p{position: absolute;left: 0;bottom:-.35rem;color:#000;padding:0 5px 5px;}
