.nbanner{ background: url(../img/wb/nban.jpg) no-repeat center center; background-size:cover ; height: 6.1rem;}
.nbanner .bfont{ text-align: center; color: #fff; padding-top: 1.2rem;}
.nbanner .bfont span{ font-size: 0.6rem;}


.box-tit{ text-align: center; line-height: 0.38rem;}
.box-tit span{ font-size: 0.4rem;}

.box-tit2{ text-align: center; line-height: 0.38rem;}
.box-tit2 span{ font-size: 0.36rem;}

.sect_k1{ background: url(../img/wb/bg_k1.jpg) no-repeat center center; background-size: cover; padding: 0.8rem 0;}
.bk-1 .brow{ float: left; width: 20%; text-align: center;}
.bk-1 .brow i{ display: block;}
.bk-1 .brow span{ font-size: 0.3rem; display: block; margin: 0.1rem 0;}
.bk-1 .brow p{ line-height: 0.3rem;}
.bk-1 .brow:hover i{ transform: rotate(360deg); transition: all 0.9s;}

.sect_k2{ background: url(../img/wb/bg_k2.jpg) no-repeat center center; background-size: cover; padding: 0.8rem 0;}
.sect_k2 .box-tit{ color: #fff;}
.sect_k2 .swiper-container{ box-sizing: inherit;}
.sect_k2 .swiper-button-next,.sect_k2 .swiper-button-prev{ background: none; width: 0.6rem; height: 0.6rem; border: 5px solid #fff; text-align: center; line-height: 0.5rem; border-radius: 0.6rem; box-shadow: rgba(96,166,255,0.2) 0 0 10px;}
.sect_k2 .swiper-button-next i,.sect_k2 .swiper-button-prev i{ color: #fff; font-size: 0.4rem;}
.sect_k2 .swiper-button-next{ right: 10%;}
.sect_k2 .swiper-button-prev{ left: 10%;}
.sect_k2 .swiper-slide{ text-align: center; position: relative;}
.sect_k2 .swiper-slide .bimg{ display: inline-block; background: #fff; border-radius: 10px; padding: 0.35rem 0.1rem 0.1rem; margin-top: 0.4rem;  box-shadow: #333 0 0 10px; position: relative;}
.sect_k2 .swiper-slide .bimg:before{ content: ""; position: absolute; display: block; background: url(../img/wb/dot_p.png) no-repeat; width: 0.58rem; height: 0.16rem; top: 0.1rem; left: 0.1rem; background-size: cover;}
.sect_k2 .swiper-slide img{}

.sect_k3{ background: #f2f2f2; padding: 0.8rem 0 0.5rem;}

.pro-box{display:block;text-align: center;margin-bottom:0.3rem;width: 100%;}
.pro-box .icon{display: inline-block; width: 100%; overflow: hidden; position: relative;}
.pro-box .ntool{ background: rgba(0,0,0,0.8); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0;transition: all 0.5s;}
.pro-box .ntool a{ display: inline-block; color: #fff; background: #fff; width: 1.2rem; height: 0.6rem; line-height: 0.6rem; color: #000; border-radius: 5px; margin: 0 0.05rem;}
.pro-box .ntool a i{ font-size: 0.2rem; margin-right: 0.05rem; vertical-align: middle;}
.pro-box .ntool a:nth-child(1){ background: #4454ff; color: #fff;}
.pro-box .ntool a:hover{ background: #4454ff; color: #fff;}

.pro-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.pro-box .icon img{width: auto; max-width: 100%;}
.pro-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.pro-box .ntit{ background: #fff; text-align: left; padding: 0.2rem;}
.pro-box .ntit h3{ font-size: 0.24rem;}
.pro-box .ntit h3 i{ float: right; color: #999; font-size: 0.26rem;}
.pro-box .ntit p{ color: #666; border-top: 1px solid #eee; padding: 0.15rem 0 0; margin-top: 0.15rem;}
.pro-box .ntit p span,.pro-box .ntit p a{ display: inline-block; line-height: 0.3rem; padding: 0 3%; border-radius: 0.27rem; border:1px solid #ddd; margin: 0 1% 2px; font-size: 12px;}
.pro-box:hover .icon img{transform:scale(1.2);}
.pro-box:hover .ntool{ opacity: 1; transition: all 0.5s;}

.sect_k4{ background: url(../img/wb/bg_k3.jpg) no-repeat center center; background-size: cover; padding: 0.8rem 0;}
.sect_k4 .box-tit{ color: #fff;}

.bk-2 .brow{ text-align: center; float: left; width: 14.2%; color: #fff;}
.bk-2 .brow i{ display: block; background: url(../img/wb/dot_bg.png) no-repeat; width: 1.55rem; height: 1.55rem; line-height: 1.55rem; font-size: 0.5rem; color: #4e62e6; margin: 0 auto;}
.bk-2 .brow span{ display: block; font-size: 0.24rem; margin-top: 0.2rem;}
.bk-2 .brow:nth-child(2n){ margin-top: 1.5rem;}
.bk-2 .brow:hover i{ transform: rotate(360deg); transition: all 2s;}

.sect_k5{ padding: 0.6rem 0;}
.sect_k5 .swiper-container{ box-sizing: inherit; margin: 0 0.4rem;}
.sect_k5 .swiper-button-next,.sect_k5 .swiper-button-prev{ background: none; width: 0.3rem; height: 0.3rem; text-align: center; line-height: 0.3rem; border-radius: 0.3rem; background: #dddddd;}
.sect_k5 .swiper-button-next i,.sect_k5 .swiper-button-prev i{ color: #fff; font-size: 0.18rem;}
.sect_k5 .swiper-button-next{ right: 0;}
.sect_k5 .swiper-button-prev{ left: 0;}
.sect_k5 .swiper-slide{position: relative; padding: 0.1rem;}
.sect_k5 .ys-bk{ background: #fff; box-shadow: #ccc 0 0 10px; border-radius: 10px; padding: 0.2rem;}
.sect_k5 .ys-bk span{ display: block; font-size: 0.18rem;}
.sect_k5 .ys-bk p{ color: #666; line-height: 0.3rem; margin: 0.1rem 0;}
.sect_k5 .ys-bk .tr span{ color: #666; font-size: 0.16rem;}
.sect_k5 .swiper-slide img{}

@media screen and (max-width: 1680px) {
	.bk-2 .brow i{ background-size:cover ; width: 1rem; height: 1rem; line-height: 1rem; }
	.bk-2 .brow:nth-child(2n){ margin-top: 1rem;}
}
@media screen and (max-width: 1366px) {
	
}
@media screen and (max-width: 1024px) {
	
	
	

}
@media screen and (max-width: 768px) {
	.nbanner .bfont span{ font-size: 0.4rem;}
	.box-tit span{ font-size: 0.3rem;}
	
	.sect_k2 .swiper-button-next{ right: 0;}
	.sect_k2 .swiper-button-prev{ left: 0;}
}
@media screen and (max-width: 640px){
	.nbanner{ height: 4rem;}
	.nbanner .bfont{ padding-top: 0.8rem;}
	.nbanner .bfont span{ font-size: 0.4rem;}
	
	.sect_k1,.sect_k2{ padding: 0.6rem 0;}
	.bk-1 .brow{ width: 50%; margin-bottom: 0.2rem;}
	
	.sect_k2 .swiper-container{ width: 80%; margin: 0 auto; box-sizing: inherit;}
	.sect_k3{ padding: 0.6rem 0 0.4rem;}
	
	.sect_k4{ padding: 0.6rem 0;}
	.bk-2 .brow{ width: 33.3%; margin-bottom: 0.3rem;}
	.bk-2 .brow:nth-child(2n){ margin-top: 0;}
	
	.sect_k5 .ys-bk{ padding: 0.3rem;}
	
	.mt5,.mt6{ margin-top: 0.4rem;}
	
	
}