.nbanner{ background: url(../img/about/nban.jpg) no-repeat center center; background-size:cover ; height: 6.85rem;}
.nbanner .bfont{ text-align: center; color: #fff; font-size: 0.6rem;}
.nbanner .bfont i{ display: block; font-family: impact; font-size: 1rem; color: rgba(255,255,255,0.2); margin-bottom: 0.3rem;}
.nbanner .bfont span{ display: block;}

.box-tit{ text-align: center; line-height: 0.46rem;}
.box-tit span{ font-size: 0.46rem;}
.box-tit p{ font-size: 0.24rem; color: #3a3a3a;}
.box-tit .psize{ font-size: 0.18rem;}

.sect_k1 .bk-1{ text-align: center; color: #5c5c5c; line-height: 0.4rem;}

.sect_k2{ background: url(../img/about/bg_k1.jpg) no-repeat center 0;}
.sect_k2 .bk-2{ position:relative; height: 5.9rem;}
.sect_k2 .block-1{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.sect_k2 .block-1 .brow{margin-top: 0.3rem;}
.sect_k2 .block-1 .brow i{ background: url(../img/about/dot_bg.png) no-repeat; background-size:cover ; width: 1.36rem; height: 1.36rem; color: #fff; display: inline-block; text-align: center; line-height: 1.36rem; font-size: 0.55rem; vertical-align: middle;}
.sect_k2 .block-1 .brow span{ font-size: 0.18rem; display: inline-block; vertical-align: middle; margin: 0 0.1rem;}
.sect_k2 .bimg{ text-align: center; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.sect_k2 .bimg span{ display: block; font-weight: bold; font-size: 0.24rem; margin-top: 0.15rem;}

.sect_k2 .block-1 .bw-1{ width: 100%; text-align: center;}
.sect_k2 .block-1 .bw-1 span{ display: block;}
.sect_k2 .block-1 .bw-2,.sect_k2 .block-1 .bw-4{ text-align: right;}
.sect_k2 .block-1 .bw-2,.sect_k2 .block-1 .bw-3{ margin-bottom: 0.6rem;}
.sect_k2 .block-1 .bw-2{ margin-right: -0.6rem;}
.sect_k2 .block-1 .bw-3{ margin-left: -0.6rem;}
.sect_k2 .block-1 .bw-4{ margin-right: -0.9rem;}
.sect_k2 .block-1 .bw-5{ margin-left: -0.9rem;}

.sect_k3{ background: url(../img/about/bg_k2.jpg) no-repeat center 0; padding-top: 0.9rem; margin-top: 0.9rem;}
.sect_k3 .box-tit{ color: #fff;}
.sect_k3 .bk-3{ color: #fff; text-align: center; line-height: 0.4rem;}
.sect_k3 .media-box .icon{ background: #000;}
.sect_k3 .media-box .ntit{ text-align: center; padding: 0.2rem 4%; line-height: 0.4rem; font-size:0.24rem; background: #fff;}
.sect_k3 .media-box .ntit i{ display: block; text-transform: uppercase;}
.sect_k3 .media-box .ntit span{ display: inline-block;}
.sect_k3 .media-box .ntit span:after{ content: ""; display: block; margin: 0 auto; width: 50%; height: 1px; background: #2760f7;}
.sect_k3 .media-box .ntit p{ font-size: 14px; color: #858585;}
.sect_k3 .media-box:hover .ntit{ background-image: linear-gradient(-225deg,#2b68fa,#6d7afd); transition: all 0.4s;}
.sect_k3 .media-box:hover .ntit,.sect_k3 .media-box:hover .ntit p{ color: #fff;}
.sect_k3 .media-box:hover .ntit span:after{ background: #fff;}

.sect_k4 .btit{ line-height: 0.4rem;}
.sect_k4 .btit span{ font-size: 0.48rem;}
.sect_k4 .btit p,.sect_k4 .binfo{ color: #858585; }
.sect_k4 .binfo span{ font-family: impact; font-size: 0.5rem; color: #333;}
.sect_k4 .bimg{text-align: center; margin-bottom: 0.3rem; overflow: hidden;}
.sect_k4 .bimg img{ width: 100%; transition: all 0.5s;}
.sect_k4 .bimg:hover img{ transform: scale(1.2); transition: all 0.5s;}

.sect_k5{ background: url(../img/about/bg_k3.jpg) no-repeat center center; background-size:cover; padding: 0.7rem 0;}
.sect_k5 .box-tit{ color: #fff;}
.sect_k5 .brow{ color: #fff; border: 1px solid #fff; padding: 0.2rem; min-height: 2.7rem;}
.sect_k5 .brow i{ display: block; text-transform: uppercase; font-size: 0.36rem; position: relative;}
.sect_k5 .brow i:after{ content: "+"; position: absolute; right: 0; top: 0; font-size: 0.3rem;}
.sect_k5 .brow span{ font-size: 0.48rem;}
.sect_k5 .brow p{ line-height: 0.3rem; margin-top: 0.2rem;}

.sect_k6{ background: url(../img/about/bg_k4.jpg) no-repeat center 0;}
.sect_k6 .bk-6{ padding: 0 10%;}
.sect_k6 .bk-6 .brow{ position: relative; text-align: center; padding-top: 0.5rem;}
.sect_k6 .bk-6 .brow i{ color: #e7edfb; font-size: 0.7rem; font-family: impact; position: absolute; top: 0; display: block; width: 100%; left: 0;}
.sect_k6 .bk-6 .brow span{ display: block; background-image: linear-gradient(-250deg,#2d6bff,#727eff); height: 0.66rem; border-radius: 10px; color: #fff; font-size: 0.18rem; font-weight: bold; line-height: 0.66rem; position: relative; z-index: 3;}
.sect_k6 .bk-6 .brow span:before{ content: ""; display: block; position: absolute; width: 7px; height: 7px; background: #fff; border-radius: 7px; right: 13px; top: 0; bottom: 0; margin: auto 0; z-index: 2; box-shadow: #ccc 3px 0 10px;}
.sect_k6 .bk-6 .brow span:after{ content: ""; display: block; position: absolute; width: 17px; height: 7px; background: #f2f2f2; right: 0; top: 0; bottom: 0; margin: auto 0;}
.sect_k6 .bk-6 .brow:before{ content: ""; display: block; position: absolute; width: 7px; height: 7px; background: #fff; border-radius: 7px; left: 13px; top: 0.5rem; bottom: 0; margin: auto 0; z-index: 4; box-shadow: #ccc 3px 0 10px;}
.sect_k6 .bk-6 .brow:after{ content: ""; display: block; position: absolute; width: 17px; height: 7px; background: #f2f2f2; left: 0; top:  0.5rem; bottom: 0; margin: auto 0; z-index: 3;}
.sect_k6 .bk-6 .last span:before,.sect_k6 .bk-6 .last span:after,.sect_k6 .bk-6 .index:before,.sect_k6 .bk-6 .index:after{ display: none;}
.sect_k6 .bk-7{ padding: 0 10%;}
.sect_k6 .bk-7 p{ line-height: 0.35rem; color: #5b5b5b;}

.sect_k7{ background: url(../img/about/bg_k5.jpg) no-repeat center center; background-size:cover ; padding: 0.7rem 0; color: #fff;}
.sect_k7 .brow{ width: 50%;}
.sect_k7 .btit{ font-size: 0.36rem;}
.sect_k7 .binfo{ line-height: 0.35rem;}
.sect_k7 .binfo span{ display: inline-block; width: 48%;}

@media screen and (max-width: 1680px) {
	.sect_k2 .bimg{ bottom: -0.3rem;}
	.sect_k2 .block-1 .bw-2{ margin-right: 0;}
	.sect_k2 .block-1 .bw-3{ margin-left: 0;}
	.sect_k2 .block-1 .bw-4{ margin-right: -0.2rem;}
	.sect_k2 .block-1 .bw-5{ margin-left: -0.2rem;}
	
	.sect_k5 .brow{ min-height: 2.9rem;}
	
	.sect_k6 .bk-6,.sect_k6 .bk-7{ padding: 0;}
}
@media screen and (max-width: 1366px) {
	.sect_k2 .bimg{ width: 28%;}
	.sect_k2 .block-1 .brow i{ width: 1.1rem; height: 1.1rem; line-height: 1.1rem; background-size:cover ; font-size: 0.4rem;}
	.sect_k2 .bimg{ bottom: 0rem;}
}
@media screen and (max-width: 1024px) {
	.nbanner{ height: 5rem;}
	.nbanner .bfont{ font-size: 0.4rem;}
	.nbanner .bfont i{ font-size: 0.8rem;}
}
@media screen and (max-width: 768px) {
	.sect_k2 .bimg{ bottom: 0.8rem;}
	.sect_k5 .brow{min-height: 3.3rem;}
	
	.sect_k6 .bk-6 .brow span:before,.sect_k6 .bk-6 .brow span:after,.sect_k6 .bk-6 .brow:before,.sect_k6 .bk-6 .brow:after{ display: none;}
}
@media screen and (max-width: 640px){
	.nbanner{ height: 4rem;}
	.nbanner .bfont{ font-size: 0.24rem;}
	.nbanner .bfont i{ font-size: 0.6rem; margin-bottom: 0.2rem;}
	.box-tit{ line-height: 0.35rem;}
	.box-tit span{ font-size: 0.3rem;}
	.box-tit p{ font-size: 0.16rem;}
	
	.sect_k1 .bk-1{ text-align: left;}
	
	.sect_k2 .bk-2{ height: auto;}
	.sect_k2 .block-1{ position: relative;}
	.sect_k2 .block-1 .bw-1{ width: 100%; text-align: center;}
	.sect_k2 .block-1 .bw-1 span,.sect_k2 .block-1 .brow span{ display: block;}
	.sect_k2 .block-1 .bw-2,.sect_k2 .block-1 .bw-4{ text-align: center;}
	.sect_k2 .block-1 .bw-2,.sect_k2 .block-1 .bw-3{ margin-bottom: 0; text-align: center;}
	.sect_k2 .block-1 .bw-2{ margin-right:0;}
	.sect_k2 .block-1 .bw-3{ margin-left: 0;}
	.sect_k2 .block-1 .bw-4{ margin-right: 0;}
	.sect_k2 .block-1 .bw-5{ margin-left: 0; text-align: center;}
	
	.sect_k3{ padding-top: 0.6rem; margin-top: 0.6rem;}
	
	.sect_k4 .binfo{ margin-bottom: 0.2rem;}
	.sect_k4 .bimg{ margin-bottom: 0.2rem;}
	
	.sect_k5{ padding: 0.6rem 0;}
	.sect_k5 .brow{ margin-bottom: 0.2rem; min-height: auto;}
	
	.sect_k6 .bk-6 .brow{ padding-top: 0.35rem; margin-bottom: 0.1rem;}
	.sect_k6 .bk-6 .brow i{ font-size: 0.5rem;}
	
	.sect_k7{ padding: 0.6rem 0;}
	.sect_k7 .brow{ width: 100%;}
}