.p1 {
  padding-top: 1rem;
  box-sizing: border-box;
  position: relative;
  height: 8.8rem;
  background: url(../img/index/p1-bg.jpg) top center no-repeat;
  background-size: cover;
}

.p1::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 4.41rem;
  height: 4.21rem;
  background: url(../img/index/p1-img2.png) center no-repeat;
  background-size: 100%;
}

.p1-cont {
  width: 15rem;
  margin: 0 auto;
  display: flex;
}

.p1-cont .p1-img {
  margin-right: 1.3rem;
  width: 6.55rem;
  height: 6.74rem;
}

.p1-cont .p1-right {
  padding-top: 1.35rem;
  width: 5.6rem;
}

.p1-cont .p1-right .p1-tit {
  position: relative;
  padding-bottom: .5rem;
  margin-bottom: .3rem;
  font-size: .71rem;
  line-height: 1.1em;
  color: #000;
}
.p1-cont .p1-right .p1-tit strong{
  font-family: 'myfont_b';
}
.p1-cont .p1-right .p1-tit::before {
  content: "";
  position: absolute;
  width: 5.62rem;
  height: .69rem;
  background: url(../img/index/p1-en.png) center no-repeat;
  background-size: 100%;
  left: 1.32rem;
  top: -.44rem;
}

.p1-cont .p1-right .p1-tit::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -.9rem;
  width: 6.8rem;
  height: 1px;
  background: #363636;
}

.p1-cont .p1-right .p1-desc {
  font-size: .26rem;
  line-height: .42rem;
  color: #3e3a39;
}

.p2 {
  padding-top: 2.25rem;
  box-sizing: border-box;
  position: relative;
  height: 8.8rem;
  background: url(../img/index/p2-bg.jpg) top center no-repeat;
  background-size: cover;
}

.p2-cont {
  width: 15rem;
  margin: 0 auto;
  text-align: right;
}

.p2-cont .p2-tit {
  position: relative;
  margin-bottom: .5rem;
  font-size: .68rem;
  color: #fff;
}

.p2-cont .p2-tit strong{
  font-family: 'myfont_b';
}
.p2-cont .p2-tit::before{
  content: "";
  position: absolute;
  top: -1rem;
  right: -1rem;
  width: 5.04rem;
  height: .9rem;
  background: url(../img/index/p2-txt1.png) center no-repeat;
  background-size: 100%;
}
.p2-cont .p2-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.p2-cont .p2-list .item {
  position: relative;
  margin-left: .2rem;
  width: 2.9rem;
  height: 2.9rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: .68rem;
  color: #000;
}
.p2-cont .p2-list .item strong{
  font-family: 'myfont_b';
}
.p2-cont .p2-list .item .inner,
.p2-cont .p2-list .item img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% ,-50%);
}
.p2-cont .p2-list .item  img{
  width: 2.93rem;
}
.p2-cont .p2-list .item:nth-of-type(3) img{
  top: unset;
  bottom: .35rem;
  transform: unset;
  left: 0;
}

.p3 {
  box-sizing: border-box;
  position: relative;
  height: 8.8rem;
  background: url(../img/index/p3-bg.jpg) top center no-repeat;
  background-size: cover;
}
.p3-cont{
  padding: 2.3rem 0 0 2.2rem;
  width: 15rem;
  margin: 0 auto;
  box-sizing: border-box;
}
.p3-cont img{
  margin-bottom: .1rem;
  width: 7.3rem;
}
.p3-cont .small{
  font-size: .5rem;
  color: #000;
}
.p3-cont .big{
  position: relative;
  margin-top: .5rem;
  padding-top: .3rem;
  display: inline-block;
  font-size: .68rem;
}
.p3-cont .big strong{
  font-family: 'myfont_b';
}
.p3-cont .big::before{
  content: "";
  position:absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3.15rem;
  height: 1px;
  background: #000;
}

.p4 {
  padding-top: .9rem;
  box-sizing: border-box;
  position: relative;
  height: 8.8rem;
  background: url(../img/index/p4-bg.jpg) top center no-repeat;
  background-size: cover;
}

.p4-tit{
  margin-bottom: .35rem;
  padding-top: .5rem;
  text-align: center;
  font-size: .68rem;
  background: url(../img/index/p4-txt.png) top center no-repeat;
  background-size: 6.71rem;
}
.p4-tit strong{
  font-family: 'myfont_b';
}
.p4-cont{
  width: 15.5rem;
  margin: 0 auto;
  
}
.p4-list {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.p4-list .center{
  position: absolute;
  top: .5rem;
  left: 6.2rem;
  width: 1.9rem;
  z-index: 2;
}
.p4-list .p4-left{
  width: 7.68rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex: 0 0 7.68rem;
}
.p4-list .p4-left img,
.p4-list .p4-right img{
  width: 2.56rem;
  height: 2.56rem;
  display: block;
}
.p4-list .p4-right{
  width: 7.68rem;
  flex: 0 0 7.68rem;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
}
.p5{
  padding-top: .7rem;
  box-sizing: border-box;
  height: 8.8rem;
  background: #eaeaea;
}
.p5 .p5-tit{
  padding-top: .5rem;
  background: url(../img/index/p5-txt.png) top center no-repeat;
  background-size: 5.28rem;
  margin-bottom: .4rem;
  font-size: .68rem;
  font-weight: bold;
  text-align: center;
}
.p5 .p5-tit strong{
  font-family: 'myfont_b';
}
.p5-cont{
  width: 15.55rem;
  margin: 0 auto;
}
.p5-list {
  display: flex;
  justify-content: space-between;
}
.p5-list .item{
  width: 5.1rem;
  text-align: center;
}
.p5-list .item img{
  width: 5.1rem;
  height: 3.4rem;
  display: block;
}
.p5-list .item .item-tit{
  margin-top: .4rem;
  margin-bottom: .15rem;
  font-size: .41rem;
  font-family: 'myfont_b';
}
.p5-list .item .item-desc{
  font-size: .22rem;
  line-height: .36rem;
}

.p6{
  padding-top: .5rem;
  box-sizing: border-box;
  height: 8.8rem;
  background: #eaeaea;
}
.p6 .p6-tit{
  padding-top: .5rem;
  background: url(../img/index/p6-txt.png) top center no-repeat;
  background-size: 5.28rem;
  margin-bottom: .4rem;
  font-size: .68rem;
  font-weight: bold;
  text-align: center;
  
}
.p6 .p6-tit strong{
  font-family: 'myfont_b';
}
.p6-cont{
  width: 15rem;
  margin: 0 auto;
}
.p6-cont .p6-list{
  display: flex;
  justify-content: space-between;
}
.p6-cont .p6-list .item{
  width: 3.6rem;
}
.p6-cont .p6-list .item .item-tit{
  margin-bottom: .75rem;
  font-size: .4rem;
  font-weight: bold;
  text-align: center;
  background: url(../img/index/p6-line.png) center no-repeat;
  background-size: 100%;
}
.p6-cont .p6-list .item .img-box{
  margin-bottom: .3rem;
  position: relative;
  width: 3.6rem;
  height: 3.28rem;
}
.p6-cont .p6-list .item .img-box img{
  display: block;
}
.p6-cont .p6-list .item .img-box .item-desc{
  top: -.6rem;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #000000;
  font-size: .33rem;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1em;

}
.p6-cont .p6-list .item .other{
  font-size: .22rem;
  line-height: .34rem;
  color: #000;
  text-align: justify;
}



.p7 {
  padding-top: .7rem;
  box-sizing: border-box;
  position: relative;
  height: 8.8rem;
  background: url(../img/index/p7-bg.jpg) top center no-repeat;
  background-size: cover;
}
.p7 .p7-tit{
  margin-bottom: .8rem;
  padding-top: .5rem;
  background: url(../img/index/p7-txt.png) top center no-repeat;
  background-size: 4.64rem;
  margin-bottom: .4rem;
  font-size: .54rem;
  font-weight: bold;
  text-align: center;
}
.p7 .p7-tit strong{
  font-size: .68rem;
  font-family: 'myfont_b';
}
.p7-cont{
  width: 15rem;
  margin: 0 auto;
}
.p7-cont .p7-list{
  display: flex;
  
}
.p7-cont .p7-list .item{
  width: 2.43rem;
  margin-right: .55rem;
}
.p7-cont .p7-list .item .item-tit{
  margin-bottom: .15rem;
  padding-top: .75rem;
  box-sizing: border-box;
  text-align: center;
  width: 2.43rem;
  height: 2.9rem;
  font-size: .46rem;
  line-height: 1em;
  font-weight: bold;
}
.p7-cont .p7-list .item:nth-of-type(1) .item-tit{
  background: url(../img/index/p7-icon1.png) top center no-repeat;
  background-size: 100%;
}
.p7-cont .p7-list .item:nth-of-type(2) .item-tit{
  background: url(../img/index/p7-icon2.png) top center no-repeat;
  background-size: 100%;
}
.p7-cont .p7-list .item:nth-of-type(3) .item-tit{
  background: url(../img/index/p7-icon3.png) top center no-repeat;
  background-size: 100%;
}
.p7-cont .p7-list .item .item-desc{
  font-size: .22rem;
  line-height: .3rem;
  text-align: justify;
}
.p8{
  position: relative;
  padding-top: .9rem;
  height: 8.8rem;
  box-sizing: border-box;
}
.kf-box{
  position: absolute;
  right: 1.95rem;
  bottom:0;
  box-sizing: border-box;
  padding: 0.2rem 0 0 0.23rem;
  width: 1.52rem;
  height: 1.32rem;
  background: url(../img/index/kf-bg.png) center no-repeat;
  background-size: 100%;
  font-size: .18rem;
  font-weight: bold;
  color: #fff;
}
.kf-box a{
  padding-bottom: .05rem;
  display: inline-block;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.p8-cont{
  width: 15rem;
  margin: 0 auto;
 
}
.p8-cont .p8-left{
  float: left;
  padding:.97rem 0 0 2.39rem;
  box-sizing: border-box;
  width: 6.88rem;
  height: 6.73rem;
  background: url(../img/index/p8-img1.jpg) center no-repeat;
  background-size: 100%;
}
.p8-swiper{
  width: 4.15rem;
  height: 5.45rem;
  overflow: hidden;
}
.p8-right{
  padding-top: 1.7rem;
  float: right;
  width: 6.45rem;
}
.p8-right .p8-tit{
  margin-bottom: .45rem;
  padding-bottom: .35rem;
  border-bottom: 1px solid #585757;
}
.p8-right .p8-tit img{
  margin-right: .1rem;
  width: 1.65rem;
  height: .64rem;
  vertical-align: bottom;
}
.p8-right .p8-tit span{
  font-family: 'myfont_b';
  font-size: .5rem;
  line-height: 1em;
}
.p8-right  .p8-list{
  margin-bottom: 1rem;
}
.p8-right  .p8-list>a{
  margin-bottom: .4rem;
}
.p8-right  .p8-list>a:hover .time,
.p8-right  .p8-list>a:hover .new-tit
{
  color: #5b40c8;
}
.p8-right  .p8-list .time{
  margin-bottom: .1rem;
  font-size: .4rem;
  font-weight: bold;
  color: #040000;

}
.p8-right  .p8-list  .new-tit{
  font-size: .25rem;
  color: #040000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.p8-right  .p8-list  a:hover{
  color: #d528aa;
}
.p8-right  .more{
  position: relative;
}
.p8-right  .more::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 4.45rem;
  height: .02rem;
  background: #ababab;
}
.p8-right  .more a{
  font-size: .33rem;
  font-weight: bold;
  color: #040000;
}