.banner_box {


  height: 3.5rem;


  background-image: url('../image/banner01.jpg');


  background-size: 100% 100%;


  background-repeat: no-repeat;
  
      margin-top: 1.25rem;


}


.flex_center_top {


  height: 100%;


  display: flex;


  align-content: center;


  flex-wrap: wrap;


}


.banner_font {


  width: 100%;


  font-size: 0.3rem;


  color: #fff;


  font-weight: bold;


}


.type_nav_box {


  border-bottom: 0.01rem solid rgba(77, 77, 77, 0.16);


  /* margin-bottom: 1.36rem;


   */


  height: 0.55rem;


}


.content_box li {


  width: 1.3rem;


  height: 0.55rem;


  /*line-height: 0.55rem;*/


  text-align: center;


  font-size: 0.18rem;


  color: #383838;


  display: inline-block;


}


.content_box li.active {


  background-color: #005AAF;


  color: #fff;


  position: relative;


}


.content_box li.active::after {


  content: '';


  width: 0;


  height: 0;


  border-right: 0.1rem solid transparent;


  border-left: 0.1rem solid transparent;


  border-top: 0.08rem solid #005AAF;


  position: absolute;


  bottom: -0.06rem;


  left: 50%;


  transform: translateX(-50%);


}


.kj_box {


  background-image: url('../image/yjzxbg.jpg');


  background-size: 100% 100%;


  background-repeat: no-repeat;


  height: 8.9rem;


  overflow: hidden;


}


.kj-main {


  width: 12.8rem;


  height: 6.4rem;


  overflow: hidden;


  position: relative;


  margin: 1.1rem auto 0;


  background-image: url('../image/zhuanpan/25.png');


  background-size: 5rem auto;


  background-repeat: no-repeat;


  background-position-y: bottom;


  background-position-x: center;


  border-radius:6.4rem 6.4rem 0 0; /* 左上、右上、右下、左下 */


}


/* .kj-img1 {


  display: block;


  bottom: 0;


  left: 0.2rem;


  width: 3.46rem;


  position: absolute;


}


.kj-img2 {


  display: block;


  bottom: 0.72rem;


  left: 0.4rem;


  width: 3.54rem;


  position: absolute;


}


.kj-img3 {


  display: block;


  bottom: 1.4rem;


  left: 0.95rem;


  width: 3.46rem;


  position: absolute;


}


.kj-img4 {


  display: block;


  bottom: 2.36rem;


  left: 3.26rem;


  width: 2.38rem;


  position: absolute;


  overflow: hidden;


}


.kj-img5 {


  display: block;


  bottom: 1.93rem;


  left: 1.99rem;


  width: 2.98rem;


  position: absolute;


  overflow: hidden;


}


.kj-img6 {


  display: block;


  bottom: 2.58rem;


  left: 4.76rem;


  width: 1.64rem;


  position: absolute;


  overflow: hidden;


}


.kj-img7 {


  display: block;


  bottom: 2.56rem;


  left: 6.38rem;


  width: 1.63rem;


  position: absolute;


  overflow: hidden;


}


.kj-img8 {


  display: block;


  bottom: 2.28rem;


  left: 7.12rem;


  width: 2.4rem;


  position: absolute;


  overflow: hidden;


}


.kj-img9 {


  display: block;


  bottom: 1.83rem;


  left: 7.77rem;


  width: 3.04rem;


  position: absolute;


  overflow: hidden;


}


.kj-img10 {


  display: block;


  bottom: 1.19rem;


  left: 8.37rem;


  width: 3.46rem;


  position: absolute;


  overflow: hidden;


}


.kj-img11 {


  display: block;


  bottom: 0.49rem;


  left: 8.85rem;


  width: 3.63rem;


  position: absolute;


  overflow: hidden;


}


.kj-img12 {


  display: block;


  bottom: -0.23rem;


  left: 9.12rem;


  width: 3.57rem;


  position: absolute;


  overflow: hidden;


} */


.kj-a{


  width: 6.4rem;


  height: 6.4rem;


  position: absolute;


  left: 0;


  bottom: 0;


  /* border: 1px solid #005AAF; */


  background: transparent;


  transform-origin: 100% 100%;


  overflow: hidden;


  background-repeat: no-repeat;


}


/* .kj-a:hover{


  background: #ff0000;


} */


.kj-a:nth-child(1){


  transform: rotate(0deg);


  background-image: url(../image/yjzx/yj01.png);


  background-size: 3.8rem;


  background-position-x: 0rem;


  background-position-y: 4.66rem;


}


.kj-b:nth-child(1){


  background: transparent !important;


  background-repeat: no-repeat !important;


  background-size: 3.8rem !important;


  background-position-x: 0rem !important;


  background-position-y: 4.58rem !important;


  background-image: url(../image/yjzx/yj01_01.png) !important;


}


.kj-a:nth-child(2){


  transform: rotate(15deg);


  background-size: 3.8rem;


  background-position-x: 0rem;


  background-position-y: 4.6rem;


  background-image: url(../image/yjzx/yj02.png);


}


.kj-b:nth-child(2){


  background: transparent !important;


  background-repeat: no-repeat !important;


  background-size: 3.8rem !important;


  background-position-x: 0rem !important;


  background-position-y: 4.56rem !important;


  background-image: url(../image/yjzx/yj02_02.png) !important;


}


.kj-a:nth-child(3){


  transform: rotate(30deg);


  background-size: 3.8rem;


  background-position-x: 0rem;


  background-position-y: 4.6rem;


  background-image: url(../image/yjzx/yj03.png);


}


.kj-b:nth-child(3){


  background: transparent !important;


  background-repeat: no-repeat !important;


  background-size: 3.8rem !important;


  background-position-x: 0rem !important;


  background-position-y: 4.5rem !important;


  background-image: url(../image/yjzx/yj03_03.png) !important;


}


.kj-a:nth-child(4){


  transform: rotate(45deg);


  background-size: 3.8rem;


  background-position-x: 0rem;


  background-position-y: 4.6rem;


  background-image: url(../image/yjzx/yj04.png);


}


.kj-b:nth-child(4){


  background: transparent !important;


  background-repeat: no-repeat !important;


  background-size: 3.8rem !important;


  background-position-x: 0rem !important;


  background-position-y: 4.5rem !important;


  background-image: url(../image/yjzx/yj04_04.png) !important;


}


.kj-a:nth-child(5){


  transform: rotate(60deg);


  background-size: 3.8rem;


  background-position-x: 0rem;


  background-position-y: 4.6rem;


  background-image: url(../image/yjzx/yj05.png);


}


.kj-b:nth-child(5){


  background: transparent !important;


  background-repeat: no-repeat !important;


  background-size: 3.8rem !important;


  background-position-x: 0rem !important;


  background-position-y: 4.5rem !important;


  background-image: url(../image/yjzx/yj05_05.png) !important;


}


.kj-a:nth-child(6){


  transform: rotate(75deg);


  background-size: 3.8rem;


  background-position-x: 0rem;


  background-position-y: 4.6rem;


  background-image: url(../image/yjzx/yj06.png);


}


.kj-b:nth-child(6){


  background: transparent !important;


  background-repeat: no-repeat !important;


  background-size: 3.8rem !important;


  background-position-x: 0rem !important;


  background-position-y: 4.5rem !important;


  background-image: url(../image/yjzx/yj06_06.png) !important;


}


.kj-a:nth-child(7){


  transform: rotate(90deg);


  background-size: 3.8rem;


  background-position-x: 0rem;


  background-position-y: 4.6rem;


  background-image: url(../image/yjzx/yj07.png);


}


.kj-b:nth-child(7){


  background: transparent !important;


  background-repeat: no-repeat !important;


  background-size: 3.8rem !important;


  background-position-x: 0rem !important;


  background-position-y: 4.5rem !important;


  background-image: url(../image/yjzx/yj07_07.png) !important;


}


.kj-a:nth-child(8){


  transform: rotate(105deg);


  background-size: 3.8rem;


  background-position-x: 0rem;


  background-position-y: 4.6rem;


  background-image: url(../image/yjzx/yj08.png);


}


.kj-b:nth-child(8){


  background: transparent !important;


  background-repeat: no-repeat !important;


  background-size: 3.8rem !important;


  background-position-x: 0rem !important;


  background-position-y: 4.5rem !important;


  background-image: url(../image/yjzx/yj08_08.png) !important;


}


.kj-a:nth-child(9){


  transform: rotate(120deg);


  background-size: 3.8rem;


  background-position-x: 0rem;


  background-position-y: 4.6rem;


  background-image: url(../image/yjzx/yj09.png);


}


.kj-b:nth-child(9){


  background: transparent !important;


  background-repeat: no-repeat !important;


  background-size: 3.8rem !important;


  background-position-x: 0rem !important;


  background-position-y: 4.5rem !important;


  background-image: url(../image/yjzx/yj09_09.png) !important;


}


.kj-a:nth-child(10){


  transform: rotate(135deg);


  background-size: 3.8rem;


  background-position-x: 0rem;


  background-position-y: 4.6rem;


  background-image: url(../image/yjzx/yj10_10.png);


}


.kj-b:nth-child(10){


  background: transparent !important;


  background-repeat: no-repeat !important;


  background-size: 3.8rem !important;


  background-position-x: 0rem !important;


  background-position-y: 4.5rem !important;


  background-image: url(../image/yjzx/yj10.png) !important;


}


.kj-a:nth-child(11){


  transform: rotate(150deg);


  background-size: 3.8rem;


  background-position-x: 0rem;


  background-position-y: 4.6rem;


  background-image: url(../image/yjzx/yj11.png);


}


.kj-b:nth-child(11){


  background: transparent !important;


  background-repeat: no-repeat !important;


  background-size: 3.8rem !important;


  background-position-x: 0rem !important;


  background-position-y: 4.5rem !important;


  background-image: url(../image/yjzx/yj11_11.png) !important;


}


.kj-a:nth-child(12){


  transform: rotate(165deg);


  background-size: 3.8rem;


  background-position-x: 0rem;


  background-position-y: 4.6rem;


  background-image: url(../image/yjzx/yj12.png);


}


.kj-b:nth-child(12){


  background: transparent !important;


  background-repeat: no-repeat !important;


  background-size: 3.8rem !important;


  background-position-x: 0rem !important;


  background-position-y: 4.5rem !important;


  background-image: url(../image/yjzx/yj12_12.png) !important;


}