
.p1{
  margin-bottom: .2rem;
}
.p1-cont {
  padding-bottom: .8rem;
  border-bottom: 1px solid #afb0b0;
  display: flex;
  justify-content: space-between;
}

.p1-cont .p1-img {
  width: 6.6rem;
  height: 4.6rem;
  flex: 0 0 6.6rem;
}

.p1-cont .p1-info {
  width: 4.5rem;
  flex: 0 0 4.5rem;
}

.p1-cont .p1-info .p1-tit .big {
  position: relative;
  display: inline-block;
  font-size: .6rem;
  line-height: .64rem;
  font-family: 'myfont_b';
  color: #002ac4;
}

.p1-cont .p1-info .p1-tit .big::after {
  content: "";
  position: absolute;
  top: 0;
  right: -.5rem;
  width: .81rem;
  height: .56rem;
  background: url(../img/index/p1-icon1.png) center no-repeat;
  background-size: 100%;
}

.p1-cont .p1-info .p1-tit .en {
  margin-top: .2rem;
  margin-bottom: .2rem;
  font-size: .18rem;
  font-weight: bold;
  line-height: .3rem;
  color: #606060;
}

.p1-cont .p1-info .p1-tit .small {
  margin-bottom: .3rem;
  padding: .2rem 0;
  border-top: 1px solid #cecfcf;
  border-bottom: 1px solid #cecfcf;
  font-size: .18rem;
  line-height: .3rem;
  color: #595757;
}

.p1-cont .p1-info .more {
  width: 1.5rem;
  height: .4rem;
  border-radius: .2rem;
  line-height: .4rem;
  text-align: center;
  font-size: .16rem;
  font-family: 'myfont_b';
  color: #fff;
  background: #002ac4;
}



.p2 {
  background: url(../img/index/p2-bg.jpg) top center no-repeat;
  background-size: cover;
  height: 7.8rem;
}

.p2 .p2-cont {
  padding-top: .45rem;
}

.p2 .p2-tit .big {
  font-size: .6rem;
  font-family: 'myfont_b';
  color: #002ac4;
}
.p2 .p2-tit .big span{
  color: #ff000d;
}
.p2 .p2-tit .small {
  font-size: .3rem;
  color: #595757;
}

.p2 .p2-img {
  width: 5.02rem;
  height: 1.93rem;
  margin: .45rem 0;
}

.p2 .desc {
  position: relative;
  padding-bottom: .8rem;
  font-size: .18rem;
  line-height: .3rem;
  color: #595757;
  width: 5.25rem;
  text-align: justify;
}

.p2 .desc::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: .7rem;
  height: .21rem;
  background: url(../img/index/p2-icon.jpg) center no-repeat;
  background-size: 100%;
}


.p3-cont {
  padding-top: 1.2rem;
  padding-bottom: 1.06rem;
  display: flex;
  justify-content: space-between;
}

.p3-cont .p3-img {
  width: 5.6rem;
  height: 4.8rem;
}

.p3-cont .p3-right {
  width: 5.85rem;
  flex: 0 0 5.85rem;
}

.p3-cont .p3-tit {
  margin-bottom: .4rem;
  padding-bottom: .3rem;
  border-bottom: 1px solid #9a9b9b;
}

.p3-cont .p3-tit .big {
  margin-bottom: .1rem;
  font-size: .6rem;
  line-height: 1em;
  font-family: 'myfont_b';
  color: #002ac1;
}

.p3-cont .p3-tit .small {
  font-size: .3rem;
  color: #595757;
}
.p3-cont .p3-right .p3-desc{
  display: flex;
  justify-content: space-between;
}
.p3-cont .p3-right .p3-desc .item {
  width: 1.7rem;
}

.p3-cont .p3-right .p3-desc .big {
  margin-bottom: .21rem;
  font-size: .3rem;
  line-height: .36rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.7rem;
  height: 1.7rem;
  background: #002abc;
  border-radius: 50%;
  text-align: center;
}

.p3-cont .p3-right .p3-desc .small {
  font-size: .18rem;
  line-height: .3rem;
  color: #595757;
  text-align: justify;
}



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

}

.p4 .p4-tit{
  margin-bottom: .35rem;
  padding-bottom: .6rem;
  position: relative;
  text-align: center;
  color: #fff;
}
.p4 .p4-tit::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1.22rem;
  height: .33rem;
  background: url(../img/index/p5-icon.png)  center  no-repeat;
  background-size: 100%;
}
.p4 .p4-tit .big{
  
  font-size: .6rem;
  font-family: 'myfont_b';

}
.p4 .p4-tit .small{
  font-size: .3rem;
  color: #fff;
}
.p4 .p4-cont {
  position: relative;
}
.p4 .p4-cont .item{
  position: absolute;
  top: 0;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-sizing: border-box;
}

.p4 .p4-cont .item img{
  width: .63rem;
  height: .38rem;
}
.p4 .p4-cont .item:nth-of-type(1){
  color: #595757;
  background: #fff;
}
.p4 .p4-cont .item:nth-of-type(2){
  left: 50%;
  transform: translateX(-50%);
  background: #002abc;
  border: .05rem solid #fff;
  box-sizing: border-box;
  z-index: 2;
}
.p4 .p4-cont .item:nth-of-type(3){
  right: 0;
  background: #ff000d;
  border: .05rem solid #fff;
  box-sizing: border-box;
}
.p4 .p4-cont .item .big{
  margin-top: .2rem;
  margin-bottom: .25rem;
  font-size: .42rem;
  line-height: .5rem;
  font-weight: bold;
  text-align: center;
}
.p4 .p4-cont .item .small{
  font-size: .24rem;
  line-height: .32rem;
  text-align: center;
}
.p5{
  background: #002ac4;
  padding-bottom: .15rem;
}
.p5 .p5-tit{
  margin-bottom: .55rem;
  text-align: center;
  color: #fff;
  font-family: 'myfont_b';
}
.p5 .p5-tit .en{
  font-size: .24rem;
}
.p5 .p5-tit .cn{
  font-size: .6rem;
}
.p5 .p5-tit  img{
  width: .84rem;
  vertical-align: middle;
}
.p5 .p5-cont .tab-tit-box{
  width: 12rem;
  margin: 0 auto;
  margin-bottom: .6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
.p5 .p5-cont .tab-tit-box span{
  margin-bottom: .1rem;
  width: 2.33rem;
  height: .6rem;
  line-height: .6rem;
  background: #efefef;
  font-size: .3rem;
  color: #595757;
  text-align: center;
  cursor: default;
}
.p5 .p5-cont .tab-tit-box span.active{
  background: #ff000d;
  color: #fff;
}
.p5 .p5-cont .tab-cont .tab-item{
  display: none;
}
.p5 .p5-cont .tab-cont .tab-item .swiper-slide{
  width: 6.3rem!important;
  height: 5.5rem!important;
}
.p5 .p5-cont .tab-cont .tab-item .swiper-slide img{
  width: 6.3rem;
  height: 5.5rem;
  display: block;
}
.p5-cont .swiper-container{
  position: relative;
}
.p5-cont .swiper-button-next::after,
.p5-cont .swiper-button-prev::after {
    display: none;
}

.p5-cont .swiper-button-next,
.p5-cont .swiper-button-prev {
    width: .45rem;
    height: .8rem;
    top: 50%;
    margin-top: -.4rem;
    bottom: 1.2rem;
    outline: none;
}

.p5-cont .swiper-button-next {
    right: .85rem;
    background: url(../img/next1.png) center no-repeat;
    background-size: 100%;
}
.p5-cont .swiper-button-prev {
    left: .85rem;
    background: url(../img/prev1.png) center no-repeat;
    background-size: 100%;
}



.p6{
  padding-top: .5rem;
  padding-bottom: .65rem;
}

.p6 .p6-top{
  position: relative;
  margin-bottom: .45rem;
  padding-bottom: 1.05rem;
  height: 4.54rem;
  box-sizing: border-box;

}
.p6 .p6-top::after{
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4.54rem;
  background: url(../img/index/p6-ip.png) center  no-repeat;
  background-size: 100%;
}
.p6-top  .cn{
 padding-top: .85rem;
  font-size: .72rem;
  line-height: .82rem;
  font-family: 'myfont_b';
  color: #959696;
}
.p6-top  .cn span{
  color: #002abc;
}
.p6-cont .p6-more a{
  margin:.45rem auto 0 auto;
  width: 1.5rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  line-height: .4rem;
  text-align: center;
  font-size: .16rem;
  font-family: 'myfont_b';
  color: #fff;
  background: #002ac4;
}
.p6-cont {
  position: relative;
}

.p6-cont .p6-swiper{
  width: 100%;
  height: 2.86rem;
  overflow: hidden;
}
.p6-cont .swiper-button-next::after,
.p6-cont .swiper-button-prev::after {
    display: none;
}

.p6-cont .swiper-button-next,
.p6-cont .swiper-button-prev {
    width: .45rem;
    height: .8rem;
    top: 50%;
    margin-top: -.8rem;
    bottom: 1.2rem;
    outline: none;
}

.p6-cont .swiper-button-next {
    right: -.85rem;
    background: url(../img/next.png) center no-repeat;
    background-size: 100%;
}
.p6-cont .swiper-button-prev {
    left: -.85rem;
    background: url(../img/prev.png) center no-repeat;
    background-size: 100%;
}


.p7 {
  background: #002ac4;
  padding: 1rem 0;
}

.p7 .p7-tit {
  margin-bottom: .7rem;
  text-align: center;
  color: #fff;
  font-weight: bold;

}

.p7 .p7-tit .cn {
  font-size: .72rem;
  line-height: 1em;
}

.p7 .p7-tit .en {
  font-size: .36rem;
}

.p7 .p7-list {
  display: flex;
  justify-content: space-between;
}

.p7 .p7-list .item {
  text-align: center;
}

.p7 .p7-list .icon {
  margin: 0 auto .25rem auto;
  width: 1.86rem;
  height: 1.71rem;
  background: url(../img/index/p7-icon.png) center no-repeat;
  background-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p7 .p7-list .icon img {
  width: 1.67rem;
  height: 1.71rem;
}

.p7 .p7-list .item .desc {
  font-size: .36rem;
  line-height: .46rem;
  color: #fff;
}

.p8 {
  padding-top: .85rem;
  padding-bottom: .95rem;
}

.p8 .p8-tit {
  margin-bottom: .65rem;
  position: relative;
  font-size: .48rem;
  color: #002ac4;
  font-weight: bold;
  text-align: center;
}

.p8 .p8-tit::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #b6b6b6;
}

.p8 .p8-tit span {

  

  margin-left: .2rem;
  font-size: .42rem;
  color: #595757;
}

.p8 .p8-tit .inner {
  padding: 0 .2rem;
  display: inline-block;
  position: relative;
  z-index: 1;
  background: #fff;
}


.p8-cont .left {
  width: 8.5rem;
  float: left;
}

.p8-cont .left .new-img {
  width: 4.5rem;
  height: 3.5rem;
  float: left;
  border-right: 1px solid #c9c9c9;
  position: relative;
}

.p8-cont .left .new-img::after {
  content: "";
  position: absolute;
  top: 0;
  right: -.25rem;
  width: 1px;
  height: 100%;
  background: #d3d3d3;
}


.p8-cont .left .new-text {
  width: 3.2rem;
  float: right;
  margin-right: .3rem;
}



.p8-cont .left .new-img .cont {
  padding: 0 .2rem;
  box-sizing: border-box;
  background: rgba(0, 42, 196, .8);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: .46rem;
  line-height: .46rem;
  font-size: .18rem;
  color: #fff;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}




.p8-cont .left .new-text .new-item {
  position: relative;
  padding-bottom: .15rem;
  margin-bottom: .3rem;
  border-bottom: 1px solid #dadada;
}

.p8-cont .left .new-text .new-item::before {
  content: "";
  position: absolute;
  width: .03rem;
  height: .7rem;
  background: #a6a7a7;
  left: -.27rem;
  top: .1rem;
  display: none;
  z-index: 2;
}

.p8-cont .left .new-text .new-item:hover:before {
  display: block;

}

.p8-cont .left .new-text .new-item h2 a {
  margin-bottom: .08rem;
  font-size: .18rem;
  color: #4d4d4d;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.p8-cont .left .new-text .new-item h2 .time{
  margin-bottom: .08rem;
  font-size: .16rem;
  color: #9d9e9e;
}

.p8-cont .left .new-text .new-item p a {
  display: block;
  font-size: .16rem;
  line-height: .22rem;
  color: #666666;
  text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}

.p8-cont .left .new-text .more a {
  width: 1.5rem;
  height: .42rem;
  border-radius: .21rem;
  background: #002ac4;
  font-size: .16rem;
  color: #fff;
  text-align: center;
  line-height: .42rem;
  font-weight: bold;
}

.p8-cont .right {
  width: 3.3rem;
  float: right;
  box-sizing: border-box;
  border-left: 1px dashed #c4c4c4;
  border-right: 1px dashed #c4c4c4;
}

.p8-cont .right .form-wrap {
  padding: 0 .25rem 1px .25rem;
  box-sizing: border-box;
}

.p8-cont .right .form-tit {
  margin-bottom: .2rem;
  font-size: .24rem;
  line-height: .36rem;
  color: #595757;
  font-weight: bold;
}



.p8-cont .right .form-tit  span {
  color: #002ac4;
}

.p8-cont .right .form-cont .item {
  margin-bottom: .2rem;
  display: flex;
}

.p8-cont .right .form-cont .item label {
  font-size: .18rem;
  color: #333333;
  vertical-align: bottom;
  margin-right: .1rem;
}

.p8-cont .right .form-cont .item input,
.p8-cont .right .form-cont .item textarea {
  width: 2.1rem;
  height: .2rem;
  border-bottom: 1px solid #dadada;
  background: transparent;
  font-size: .16rem;
  color: #333;
  resize: none;
}

.p8-cont .right .form-cont .item textarea {
  height: .9rem;
  border: 1px solid #dadada;
}

.p8-cont .right .sub-btn {
  margin-left: .3rem;
  width: 1.5rem;
  height: .42rem;
  border-radius: .21rem;
  background: #002ac4;
  font-size: .16rem;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}
.p9{
  padding: .75rem 0 1.1rem 0;
  background: #002abc;
}
.p9 .p9-tit{
  margin-bottom: .5rem;
  text-align: center;
  color: #fff;
}
.p9 .p9-tit .en{
  font-size: .48rem;
  color: #003ec8;
  font-family:"myfont_b";
}
.p9 .p9-tit .big{
  line-height: 1.2em;
  font-size: .9rem;
  font-family:"myfont_b";
}
.p9 .p9-tit .big strong{
  color: #ff0000;
  font-size: 1.1rem;
}
.p9 .p9-tit  .small{
  font-size: .3rem;
}
.p9 .p9-list ul{
  display: flex;
  justify-content: space-between;
}
.p9 .p9-list ul .list-tit{
  padding-top: .12rem;
  box-sizing: border-box;
  margin-bottom: .35rem;
  width: 1.86rem;
  height: 1.71rem;
  background: url(../img/index/p7-icon.png) center no-repeat;
  background-size: 100%;
}
.p9 .p9-list ul .list-tit .inner{
  margin: 0 auto;
  width: 1.45rem;
  height: 1.45rem;
  background: #003eca;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .38rem;
  font-family: 'myfont_b';
  color: #fff;
  text-align: center;
}
.p9 .p9-list ul .list-desc{
  position: relative;
  font-size: .3rem;
  line-height: .4rem;
  color: #fff;
  text-align: center;
}
.p9 .p9-list ul .list-desc::after{
  content: "";
  position: absolute;
  top: .08rem;
  right: -.7rem;
  width: 1px;
  height: .65rem;
  background: #fff;
}
.p9 .p9-list ul li:last-child .list-desc::after{
  display: none;
}