.nbanner{ background: url(../img/erp/nban_1.jpg) no-repeat center center; background-size:cover ; height: 6.1rem;}
.nbanner .bfont{ text-align: left; color: #fff; font-size: 0.6rem; padding-top: 1.1rem;}
.nbanner .bfont span{ display: block;}
.nbanner .bfont p{ font-size: 0.3rem; line-height: 0.7rem; padding-top: 0.4rem;}
.nbanner .bfont a{ display: inline-block; border: 1px solid #fff; width: 0.5rem; line-height: 0.5rem; width: 2.3rem; text-align: center; color: #fff; margin-top: 0.2rem; font-size: 0.18rem;}
.nbanner .bfont a i{ display: inline-block; vertical-align: middle; background: url(../img/dot_more.png) no-repeat center center; width: 0.5rem; height: 0.2rem; margin-left: 0.1rem; transition: all 1s;}
.nbanner .bfont a:hover{ background-image: linear-gradient(-220deg,#2a6aff,#6a65ff);}
.nbanner .bfont a:hover i{ transform: rotateX(360deg); transition: all 1s;}

.sect_k1{ position: relative; margin-top: 0.6rem; padding-bottom: 0.3rem;}
.sect_k1 .brow{ clear: both; overflow: hidden; padding: 0.2rem; position: relative; text-align: center;}
.sect_k1 .brow .dot{  text-align: center; border-bottom: 1px solid #838693;}
.sect_k1 .brow .dot img{ width: auto; height: auto;}
.sect_k1 .brow .tit{  line-height: 0.3rem; position: relative; z-index: 3;}
.sect_k1 .tit p{ color: #525252; font-size: 0.16rem; padding-top:0.2rem ;}

.sect_k2{ padding: 0.6rem 0; background: url(../img/erp/bg_1.jpg) no-repeat center top; background-size: cover;}
.bk-1{ padding: 0.5rem 1rem 0 0;}
.bk-1 .brow{ text-align: center; float: left; width: 24.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;}


.box-tit{ text-align: center; line-height: 1.2rem; font-size: 0.36rem;  padding: 0.5rem 0;}
.box-tit p{ color: #ffffff; }
.box-tit span{color: #000000; }

.tit_1{ text-align:left; padding-left: 0.3rem;}
.tit_1 span{ font-size: 0.36rem; line-height: 0.7rem;}
.tit_1 p{ font-size: 0.16rem;}

.sect_k3{ padding:1rem 0; background: #ffffff;}

.sect_k4{ padding:1rem 0; background:url(../img/erp/bg_2.jpg) no-repeat center center; background-size: cover;}
.bk-2{ text-align: center;}
.bk-2 img{-moz-box-shadow:0px 0px 30px rgb(23,39,107,0.6); -webkit-box-shadow:0px 0px 30px rgb(23,39,107,0.6); box-shadow:0px 0px 30px rgb(23,39,107,0.6); text-align: center;}

.prodBox{}
.prodBox .hd{margin:0 auto 0.5rem auto; width: 40%; border: 1px solid #ffffff;}
.prodBox .hd ul li{width: 33.3%;float: left;font-size: 0.2rem;text-align: center;line-height: 0.6rem;position: relative; border-right: 1px solid #ffffff;}
.prodBox .hd ul li:last-child{ border-right: none;}
.prodBox .hd ul li a{display: block;color: #ffffff}
.prodBox .hd ul li.on{ }
.prodBox .hd ul li.on a{color: #ffffff; }
.prodBox .y-box{ text-align: left; padding-left: 0.5rem;}
.prodBox .y-box li{ font-size: 0.18rem; color: #ffffff; line-height: 0.6rem;}
.prodBox .y-box li span{ padding-right: 0.1rem;}
.prodBox .y-box1{ text-align: left; }
.prodBox .y-box1 li{ font-size: 0.18rem; color: #ffffff; line-height: 0.6rem;}
.prodBox .y-box1 li span{ padding-right: 0.1rem;}
.prodBox .y-img{ text-align: center; padding: 0.3rem 0;}
.prodBox .y-img img{ width: auto;}


@media screen and (max-width: 1600px) {
	
}
@media screen and (max-width: 1366px) {
	
}
@media screen and (max-width: 1024px) {
	.nbanner .bfont{ font-size: 0.4rem;}
}
@media screen and (max-width: 768px) {
	.nbanner{ height: 4rem;}
	.nbanner .bfont p{ font-size: 0.21rem; padding-top: 0.2rem;}
	.sect_k1 .brow{ padding: 0.2rem 0.1rem;}
	.sect_k1 .tit span{ font-size: 0.22rem;}
	.sect_k2{ padding: 0;}
	.prodBox .hd{ width: 80%;}
	.prodBox .y-box{ padding-left: 0.2rem;}
	.prodBox .y-box li,.prodBox .y-box1 li{ line-height: 0.4rem;}
	}
@media screen and (max-width: 640px){
	.nbanner{ height: 4rem;}
	.nbanner .bfont{ font-size: 0.4rem;}
	.prodBox{ height: 720px;}
	.prodBox .y-box,.prodBox .y-box1{ padding-left: 0.8rem;}
	.prodBox .y-box li,.prodBox .y-box1 li{ width: 50%; float: left;}
	.bk-1{ padding: 0.2rem 0;}
}
@media screen and (max-width: 414px){
	.nbanner .bfont p {font-size: 0.16rem; padding-top: 0.2rem; line-height: 0.4rem;}
	.box-tit{line-height: 0.6rem;}
	.sect_k1 .brow{ height: 3rem;}
	.sect_k1 .tit p{ padding: 0.1rem;}
	.prodBox{ height: 600px;}
	.prodBox .y-box,.prodBox .y-box1{ padding-left: 0.6rem;}
	.prodBox .y-box li,.prodBox .y-box1 li{ width: 50%; float: left;}
	.bk-1{ padding: 0.2rem 0;}
}