img[src=""]{opacity: 0;}
i{font-style: normal;}


/*弹窗 */

/* 弹窗动画 */
@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes zoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}

@-webkit-keyframes zoomIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes zoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@-webkit-keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}

@-webkit-keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}



.f_12 {
    font-size: 0.11rem;
}
.f_14 {
    font-size: 0.12rem;
}

.f_15 {
    font-size: 0.15rem;
}

.f_16 {
    font-size: 0.16rem;
}

.f_18 {
    font-size: 0.12rem;
}

.f_20 {
    font-size: 0.20rem;
}

.f_22 {
    font-size: 0.22rem;
}

.f_24 {
    font-size: 0.24rem;
}

.f_25 {
    font-size: 0.25rem;
}

.f_26 {
    font-size: 0.26rem;
}

.f_28 {
    font-size: 0.28rem;
}

.f_30 {
    font-size: 0.30rem;
}

.f_32 {
    font-size: 0.24rem;
}

.f_34 {
    font-size: 0.34rem;
}

.f_36 {
    font-size: 0.36rem;
}

.f_38 {
    font-size: 0.38rem;
}

.f_40 {
    font-size: 0.36rem;
}

.f_42 {
    font-size: 0.42rem;
}

.f_44 {
    font-size: 0.44rem;
}
.f_45 {
    font-size: 0.45rem;
}
.f_46 {
    font-size: 0.46rem;
}
.f_48 {
    font-size: 0.48rem;
}

.f_50 {
    font-size: 0.50rem;
}

.f_54 {
    font-size: 0.54rem;
}

.f_60 {
    font-size: 0.60rem;
}

.f_62 {
    font-size: 0.62rem;
}

.f_66 {
    font-size: 0.66rem;
}

.f_68 {
    font-size: 0.68rem;
}

.f_80 {
    font-size: 0.80rem;
}

.f_96 {
    font-size: 0.96rem;
}

.f_100 {
    font-size: 1rem;
}

.f_106 {
    font-size: 1.06rem;
}

.f_187 {
    font-size: 1.87rem;
}
.em2{
    text-indent: 2em;
}
/* 头部 */


.index_con{position: relative;overflow: hidden;height: 100vh;width: 100%;}
.index_con>.swiper-wrapper>.swiper-slide{height: 100vh;position: relative;}
.index_con>.swiper-wrapper>.fp-auto-height{height: auto;position: relative;}
.index_con>.swiper-pagination{left: 0;font-family: hm;font-size: 0.16rem;width: 0.58rem;}
.index_con>.swiper-pagination .swiper-pagination-bullet{display: block;width: 0.58rem;height: 0.2rem;text-align: right; background-color: transparent;opacity: 1;color: #999999;position: relative;line-height: 0.22rem;margin:0.4rem 0;}
.index_con>.swiper-pagination .swiper-pagination-bullet-active{background-color: transparent;color: #CF171B;}
.index_con>.swiper-pagination .swiper-pagination-bullet-active:after{content: "";position: absolute;bottom: -2px;left: 0.38rem;width: 0.2rem;height: 1px;background-color: #CF171B;}
.index_con>.swiper-pagination .swiper-pagination-bullet-active::before{content: "";position: absolute;left: 0;top: 50%;width: 0.29rem;height: 1px;background-color: #E50112;}

.index_con>.swiper-wrapper>.fp-auto-height .footer{display: block!important;}


.i_part2{position: relative;height:824px;background: url(../images/ip2_bj.png)no-repeat left bottom;background-size: 13rem calc(100vh - 0rem);}
.i_part2 .tit{position: absolute;top:0.6rem;left: 0.8rem;color: #333333;line-height: 0.52rem;z-index: 10; font-weight:bold}
.i_part2 .txts{position: absolute;top:0;left: 0;width: 42.88vw;height: calc(100% - 1rem);padding-top: 21.6vh;overflow: hidden;}
.i_part2 .txts .swiper-slide{padding-left: 0.8rem;opacity: 0;transition: all 0.5s;}
.i_part2 .txts .swiper-slide-active{opacity: 1;}
.i_part2 .txts .swiper-slide .h{color: #333;line-height: 0.42rem;margin-bottom: 0.2rem; font-weight:bold}
.i_part2 .txts .swiper-slide .p{color: #666666;line-height: 0.24rem;margin-bottom: .5rem;line-height:1.75; width:94%}
.i_part2 .txts .swiper-slide .btn{display: block;width: 1.3rem;line-height: 0.36rem;text-align: center;color: #fff;background:#004098; border-radius:0.06rem;margin: 0.2rem 0 0.4rem;transition: all 0.2s ease-out;}
.i_part2 .txts .swiper-slide .btn span{color: #fff;}
.i_part2 .txts .swiper-slide .btn:hover{ background:#0a72d1}

.i_part2 .txts .swiper-slide .p p{ color:#999}
.i_part2 .txts .swiper-slide .p a{ display:inline-block; padding-right:20px}


/* .i_part2 .right{position: relative;} */
.i_part2 .pic_box{position: absolute;top: 0rem;right: 0;width:43.5%;height: calc(100% - 1rem);}
.i_part2 .pic_box .pic{position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: no-repeat center;opacity: 0;transition: all 0.5s;}
.i_part2 .pic_box .pic.on{opacity: 1;}
.i_part2 .icons{position: absolute;top:0;left: 45%;width: 33.4vw;height:calc(100% - 1rem);background: url(../images/ip2_yueya.png)no-repeat left center;background-size: 6.2rem 10.56rem;z-index: 5;overflow: hidden;padding-left: 0.3rem;}
.i_part2 .icons .swiper-slide{display: flex;justify-content: center;align-items: center; width: 1.06rem;text-align: center; height:calc(20vh - 0.2rem);transform: translateX(0.55rem);transition: all 0.8s;}

.i_part2 .icons .swiper-slide-visible{transform: translateX(0.55rem);}
.i_part2 .icons .swiper-slide-prev,.i_part2 .icons .swiper-slide-next{transform: translateX(0.18rem);}
.i_part2 .icons .swiper-slide-active{transform: translateX(0.05rem);}
.i_part2 .icons .swiper-slide .icon{width: 0.59rem;height: 0.59rem;display: flex;justify-content: center;align-items: center;border: 1px solid rgba(145, 145, 145, 0.27);border-radius: 50%;margin: 0 auto;margin-bottom: 0.06rem;position: relative;z-index: 2;}
.i_part2 .icons .swiper-slide .icon img{width: 0.28rem;}
.i_part2 .icons .swiper-slide .icon .img1{display: none;}
.i_part2 .icons .swiper-slide .p{color: #333333;font-size: .12rem; font-weight:bold}
.i_part2 .icons .swiper-slide-active .p{color: #004098;}
.i_part2 .icons .swiper-slide-active .icon{border-color: #004098;background-color: #004098;margin-bottom: 0.16rem;}
.i_part2 .icons .swiper-slide-active .icon:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.76rem;height: 0.76rem;background-color: rgba(0, 64, 152, 00.23);border-radius: 50%;z-index: -1;}
.i_part2 .icons .swiper-slide-active .icon .img1{display: block;}
.i_part2 .icons .swiper-slide-active .icon .img2{display: none;}
.i_part2 .icons .prev,.i_part2 .icons .next{position: absolute;left:0;top: 50%;width: 0.35rem;height: 0.35rem;background-size: 100% 100%;z-index: 2;box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.09);border-radius: 50%;cursor: pointer;}
.i_part2 .icons .prev{transform: translateY(-70%);background-image: url(../images/ip2_prev.png);}
.i_part2 .icons .prev:hover{background-image: url(../images/ip2_prev1.png);}
.i_part2 .icons .next{transform: translateY(70%);background-image: url(../images/ip2_next.png);}
.i_part2 .icons .next:hover{background-image: url(../images/ip2_next1.png);}


@media (max-width:1600px){
		.f_40 {font-size:40px;}
.f_32 {font-size: 24px;}
.i_part2 .txts .swiper-slide .btn{width: 145px;line-height: 40px;font-size: 15px;}
.i_part2 .icons .swiper-slide .icon{width: 0.49rem;height: 0.49rem;}
.i_part2 .icons .swiper-slide-active .icon:after{width: 0.66rem;height: 0.66rem;}
.i_part2 .icons .swiper-slide .icon{margin-bottom: 0.02rem;}
.i_part2 .icons .swiper-slide .p{font-size: .11rem;}
.i_part2 .icons .swiper-slide-active .icon{margin-bottom: 0.12rem;}
.i_part2 .icons .swiper-slide{transform: translateX(0.40rem);}
.i_part2 .icons .swiper-slide-prev, .i_part2 .icons .swiper-slide-next{transform: translateX(0.18rem);}
.i_part2 .icons .swiper-slide-active{transform: translateX(0.05rem);}
.i_part2 .txts .swiper-slide .h{margin-bottom: 0.1rem;}
.i_part2 .txts .swiper-slide .p{margin-bottom: .3rem;}
}

@media (max-width:1440px){
		.f_40 {font-size:25px;}
.f_32 {font-size: 18px;}

}

@media screen and (max-width:1360px){
.i_part2 .icons .swiper-slide .p{font-size: .1rem;}
.i_part2 .icons .swiper-slide-active .icon:after{width: 0.5rem;height: 0.5rem;}
.i_part2 .icons .swiper-slide .icon{width: 0.36rem;height: 0.36rem;margin-bottom: 0rem;}
.i_part2 .icons .swiper-slide .icon img{width: 0.18rem;}
.i_part2 .icons .swiper-slide-active .icon{margin-bottom: 0.08rem;}
.i_part2 .icons{background-size: 5.2rem 10.56rem;}


.i_part2 .icons .swiper-slide{transform: translateX(0.15rem);}
.i_part2 .icons .swiper-slide-visible{transform: translateX(0.15rem);}
.i_part2 .icons .swiper-slide-prev, .i_part2 .icons .swiper-slide-next{transform: translateX(0rem);}
.i_part2 .icons .swiper-slide-active{transform: translateX(-0.05rem);}
.i_part2 .txts .swiper-slide .h{margin-bottom: 0.1rem;}
.i_part2 .txts .swiper-slide .p{margin-bottom: .1rem;}
.i_part2 .txts .swiper-slide .btn{margin: 0.15rem 0 0.4rem;}
.f_18{font-size: 0.11rem;}
.f_12 p{font-size: 0.1rem;}
.i_part2 .txts .swiper-slide .btn {width: 1rem;line-height: 250%;font-size: 0.1rem;}
.i_part2 .tit{top: 0.4rem;}
.i_part2 .txts{padding-top: 17.6vh;}
.i_part2 .icons .prev, .i_part2 .icons .next{margin-top: -0.18rem;}
}


@media screen and (min-width: 1024px) and (max-width: 1199px){
.i_part2 .pic_box{width: 40%;}
}

@media screen and (min-width: 769px) and (max-width: 1023px){
.i_part2 .pic_box{width: 35%;}
.i_part2 .icons{background-size: 6.2rem 16.56rem;}
}
@media screen and (max-width: 1024px) {
	.index_con{ height:auto !important}
	.pfpro{ display:none}
	.index_con>.swiper-wrapper{ height:auto !important}
	.index_con>.swiper-wrapper>.swiper-slide{ height:auto}
	.i_part2{padding: 60px 25px; height:auto;background-size:100% 100%}
	.i_part2 .tit{position: static;margin-bottom:20px;font-size:25px;line-height:34px;}
	.i_part2 .txts .swiper-slide .h{font-size: 18px;line-height: 22px;margin-bottom: 15px;}
	.i_part2 .txts .swiper-slide .p{font-size: 14px;line-height: 25px;margin-bottom:0px;}
	.i_part2 .txts .swiper-slide .btn{width: 106px;line-height: 24px;font-size:11px;}
	.i_part2 .txts{position: static;padding-top: 0;width:100%;height: auto;}
	.i_part2 .icons{position: relative;top: 0;left: 0;right: auto;padding-left:0;padding-bottom:58px;width:100%;background:transparent;}
	.i_part2 .icons .swiper-slide-prev, .i_part2 .icons .swiper-slide-next{transform: translateX(0);}
	.i_part2 .icons .swiper-slide{transform: translateX(0);}
	.i_part2 .pic_box{display: none;}
	.i_part2 .icons .prev, .i_part2 .icons .next{top: auto;bottom: 0;}
	.i_part2 .icons .prev{transform: translateX(-150%) rotate(-90deg);left:50%;}
	.i_part2 .icons .next{transform: translateX(150%) rotate(-90deg);left:auto;right:50%;}
	.i_part2 .txts .swiper-slide{padding-left: 0;}
	.i_part2 .right{ float:none}
	.f_40{ font-size:25px; }
	.f_32{ font-size:18px}
	
	.inbox3 .lefttxt .tit{ line-height:30px}
	.inbox3 .lefttxt .tit p,.inbox3 .lefttxt .tit p span{ line-height:50px}
	.inbox3 .lefttxt .txt *{ font-size:14px; line-height:25px}
	.inbox3 .lefttxt .txt{max-height:150px}
	.inbox3 .lefttxt .more{width: 106px;line-height: 24px;font-size: 12px; height:24px;margin-top: 10px;}
	.inbox3 .rightimg{ margin-top:25px}
	
	
	
}

@media screen and (max-width: 768px) {
	.i_part2 .icons{ padding-bottom:1rem;}
	.i_part2 .icons .swiper-slide{ height:auto}
	.i_part2 .icons .swiper-slide .p{font-size: .26rem;}
	.i_part2 .icons .swiper-slide .icon img{width: 0.35rem;}
	.i_part2 .icons .swiper-slide .icon{width: 0.79rem;height: 0.79rem;}
	.i_part2 .icons .prev, .i_part2 .icons .next{width: 0.55rem;height: 0.55rem;}
	
	.inbox3 .lefttxt{ width:100%}
	.inbox3 .rightimg{width:100%}
	
}