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

.sect_k1{ position: relative; margin-top: -0.6rem; padding-bottom: 0.3rem;}
.sect_k1 .brow{ box-shadow: #eee 0 3px 3px; background: #fff; clear: both; overflow: hidden; padding: 0.2rem; position: relative;}
.sect_k1 .brow .dot{ float: left; width: 30%; height: 0.77rem; text-align: center;}
.sect_k1 .brow .tit{ float: right; width: 66%; line-height: 0.3rem; position: relative; z-index: 3;}
.sect_k1 .brow i{ position: absolute; color: #fafafb; font-family: arial; font-weight: bold; font-size: 0.6rem; right: 1%; top: 0;}
.sect_k1 .tit span{ font-size: 0.24rem;}
.sect_k1 .tit p{ color: #8f8f8f; font-size: 0.14rem;}

.sect_k2{ padding: 0.3rem 0;}
.bk-1 .brow{ text-align: center; float: left; width: 14.2%; margin: 0.2rem 0;}
.bk-1 .brow span{ display: block; color: #3a3a3a; font-size: 0.18rem; line-height: 0.4rem;}
.bk-1 .brow i{ display: block; margin: 0 auto; width: 0.7rem; height: 0.7rem; border-radius: 0.7rem; position: relative;}
.bk-1 .brow i img{ position: relative; z-index: 3;}
.bk-1 .brow i:after{ content: ""; display: block; position: absolute; width: 32%; height: 32%; top: 0.06rem; left: 0.1rem; background: #e7e7fb; border-radius: 100%; transition: all 0.4s;}
.bk-1 .brow:hover i:after{ top: 0; left: 0; width: 100%; height: 100%; transition: all 0.4s;}

.box-tit{ text-align: center; line-height: 0.4rem;}
.box-tit p{ color: #727272; font-size: 0.18rem;}
.box-tit span{ font-size: 0.48rem; line-height: 0.5rem;}

.tabBox{}
.tabBox .hd{ height: 0.77rem; background: url(../img/jz/tline.png) no-repeat center bottom; background-size:auto 0.25rem ; padding-bottom: 0.27rem; box-sizing: initial; text-align: center;}
.tabBox .hd ul li{width: 18%;font-size: 0.24rem;text-align: center;line-height: 0.77rem;position: relative; display: inline-block;}
.tabBox .hd ul li a{display: block;color: #252525; border-radius: 10px 10px 0 0;}
.tabBox .hd ul li a i{ font-size: 0.3rem; vertical-align: middle;}
.tabBox .hd ul li.on{ }
.tabBox .hd ul li.on a{color: #fff; background-image: linear-gradient(160deg,#5cb1ff,#766bff);}

.tabBox .bk-2{ text-align: center; margin: 0.2rem 0;}
.tabBox .bk-2 span{ display: inline-block; border: 1px solid #dee2ff; color: #414141; font-size: 0.16rem; line-height: 0.38rem; padding: 0 1%; margin-bottom: 0.05rem;}
.tabBox .bk-2 i{ color: #5475e0; font-size: 0.2rem; vertical-align: middle;}
.tabBox .bk-img{ text-align: center;}

.sect_k3{ background: url(../img/jz/bg_k1.jpg) no-repeat center center; background-size: cover; padding-top: 0.7rem;}
.sect_k3 .swiper-button-next,.sect_k3 .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_k3 .swiper-button-next i,.sect_k3 .swiper-button-prev i{ color: #fff; font-size: 0.4rem;}
.sect_k3 .swiper-button-next{ right: 12%;}
.sect_k3 .swiper-button-prev{ left: 12%;}

.sect_k4{ background: url(../img/jz/bg_k2.jpg) no-repeat center 0; background-size: cover; padding-top: 0.9rem; height: 8rem;}
.sect_k4 .box-tit,.sect_k4 .box-tit p{ color: #fff;}

.bk-3{ position: relative;}
.bk-3 .tabs{ position: absolute; width: 100%; height: 100%; z-index: 3; padding: 0 10%;}
.bk-3 .tabs a{ width: 4.5rem; display: block; border: 1px solid #fff; border-radius: 10px; margin: 0.1rem 0; float: left; padding: 0.25rem 0.2rem; color: #fff; position: relative;}
.bk-3 .tabs a:nth-child(2n){ float: right;}
.bk-3 .tabs a i{ width: 17%; display: inline-block; font-size: 0.45rem; color: #fff; line-height: 0.4rem;}
.bk-3 .tabs a .ntit{ display: inline-block; width: 80%;}
.bk-3 .tabs a .ntit span{ font-size: 0.2rem;}
.bk-3 .tabs a:after{ content: "";}
.bk-3 .tabs a:hover{ background: #fff; color: #666;}
.bk-3 .tabs a:hover i{ color: #146fff; transition: all 0.3s;}

.tablist .tlist{ display:none; position: relative; clear: both; overflow: hidden; padding: 0 4%; text-align: center;}
.tablist .active{ display:block;}

.tabs{line-height:26px;}
.tabs a{color: #333; }
.tabs a:hover,.tabs .active a{ }
.tabs a:hover span,.tabs .active a span{}

.sect_k5{ padding: 0.9rem 0 0.4rem;}
.bk-4{}
.bk-4 .brow{ width: 16.6%; float: left; text-align: center; padding: 0.3rem 0; color: #6a6a6a; font-size: 16px; height: 2.1rem;}
.bk-4 .brow i{ display: block; margin-bottom: 0.1rem;}
.bk-4 .brow:hover{ box-shadow: #d5e0fa 0 0 15px; background: #fff;}
.bk-4 .brow:hover i{ transform: rotateY(360deg); transition: all 1s;}

@media screen and (max-width: 1680px) {
.sect_k3 .swiper-button-next{ right: 2%;}
.sect_k3 .swiper-button-prev{ left: 2%;}
.bk-3 .tabs{ padding: 0;}
.sect_k4{ height: 8.5rem;}
}
@media screen and (max-width: 1366px) {
	.tablist .tlist .bimg{ width: 25%; margin: 0 auto;}
}
@media screen and (max-width: 1024px) {
	.nbanner .bfont{ font-size: 0.4rem;}
	
	.tabBox .hd ul li{ width: 25%;}
	.tabBox .hd{ background-size: 100% 0.25rem;}
	
	.tabBox .bk-img{ width: 70%; margin: 0 auto;}
	
	.box-tit span{ font-size: 0.4rem;}
}
@media screen and (max-width: 768px) {
	.sect_k1 .brow{ padding: 0.2rem 0.1rem;}
	.sect_k1 .tit span{ font-size: 0.22rem;}
	.bk-3 .tabs a{ margin-right: 2rem; padding: 0.15rem 0.1rem; width: 3.3rem; margin-bottom: 0;}
	.bk-3 .tabs a:nth-child(2n){ margin-right: 0;}
	.bk-3 .tabs a i{ line-height: 0.4rem; vertical-align: top;}
	
	.bk-4 .brow{ font-size: 14px;}
}
@media screen and (max-width: 640px){
	.nbanner{ height: 4rem;}
	.nbanner .bfont{ font-size: 0.24rem;}
	
	.sect_k1{ margin-top: 0.2rem;}
	.sect_k1 .brow{ margin-bottom: 0.1rem;box-shadow: #eee 0 0 5px;}
	
	.sect_k2{ padding: 0;}
	.bk-1 .brow{ width: 25%;}
	
	.box-tit span{ font-size: 0.3rem;}
	
	.tabBox .hd ul li{ font-size: 0.22rem; width: 32%; line-height: 0.3rem;}
	.tabBox .hd ul li i{ display: block; padding-top: 0.1rem;}
	.tabBox .hd ul li a{ height: 0.78rem;}
	
	.sect_k3{ padding-top: 0.4rem;}
	
	.sect_k4{ height: auto; padding-top: 0.4rem; height: 10.5rem;}
	.bk-3 .tabs{ position: relative; height: auto; margin-bottom: 0.2rem; clear: both; overflow: hidden;}
	.bk-3 .tabs a{ margin: 0 1% 0.1rem; padding: 0.15rem 0.1rem; width: 23.5%; text-align: center;}
	.bk-3 .tabs a:nth-child(2n){ float: left;}
	.bk-3 .tabs a i{ line-height: 0.4rem; vertical-align: top; display: block; width: auto;}
	.bk-3 .tabs a .ntit{ width: 100%;}
	.bk-3 .tabs a p{ display: none;}
	.tablist .tlist .bimg{ width: 63%;}
	.tabBox .bk-img{ width: 90%;}
	.bk-4 .brow{ width: 33.3%; padding: 0.2rem 0;}
	.bk-4 .brow img{ width: 70%;}
	
	.sect_k3 .swiper-button-next, .sect_k3 .swiper-button-prev{ margin-top: -70px;}
	
	
}