@import url(ph-main.css);

.i_pro{background:#f1f1f1;padding:2rem 0;}

.i_pro-inner{width:100%;margin:0 auto;position:relative;}

.i_pro-container{width:90%;padding:0 5%;}

.i_pro-container .swiper-wrapper .swiper-slide{width:100%;}

.i_pro-con img{width:100%;}

.i_pro-con p{display:none;font-size:1.2rem;line-height:2.4rem;}

.i_pro-con span{display:none;}

.i_pro-inner .swiper-button-next,.i_pro-inner .swiper-button-prev{color:#fb0009;}

.i_pro-inner .swiper-button-prev,.i_pro-inner .swiper-container-rtl .swiper-button-next{left:0;}

.i_pro-inner .swiper-button-next,.i_pro-inner .swiper-container-rtl .swiper-button-prev{right:0;}

.i_pro-more{font-size:1.4rem;line-height:2.8rem;margin-top:0.5rem;text-align:center;}

.i_pro-more a{color:#fb0009;}



.i_workshop{width:100%;position:relative;overflow:hidden;z-index:0;}



.i_workshop_sub{width:100%;position:relative;overflow:hidden;transition:.5s;}

.i_workshop_sub img {width:100%;height:auto;z-index:50;transition:.5s;}

.i_workshop_sub .mask{background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;height:100%;width:100%;z-index:70;}

.i_workshop_sub:hover .mask{background:none;transition:.5s;}

.i_workshop_sub:hover img{transform: scale(1.1);}



.i_workshop_sub .text{position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;z-index:80;}

.i_workshop_sub .text h2{font-size:2.4rem;line-height:5rem;margin-top:85%;}

.i_workshop_sub .text h2 a{color:#FFF;}

.i_workshop_sub .text p{font-size:1.6rem;line-height:3.2rem;color:#FFF;}

.i_workshop_sub .text span{display:block;width:40%;height:4rem;line-height:4rem;margin:1rem auto 0;background:#ea0000;font-size:1.6rem;border-radius:1rem;}

.i_workshop_sub .text span a{color:#FFF;}



.i_area{width:96%;padding:2rem 2%;}

.i_area_l{width:100%;}

.i_area_l ul{/* display:flex;justify-content:space-between;flex-wrap:wrap; */}

.i_area_l ul li{width:100%;margin-bottom:5px;}



.i_area_cover{width:100%;height:auto;position:relative;}

.i_area_cover img{width:100%;z-index:5;}
.i_area_cover .mask {position: absolute;z-index: 6;background-color: #f8f8f8;top: 0;left: 0;width: 100%;height: 100%;transition: .8s;}



.i_area_cover .icon_box{margin:0 auto;position:absolute;top:0;left:0;width:100%;height:100%;z-index:7;padding-top:5%;}

.i_area_cover .icon_box>div{display:block;width:8vw;height:8vw;margin:0 auto;padding:1.5rem;border:2px solid #ea0000;border-radius:50%;}

.i_area_cover .icon_box>div img{width:100%;}

.i_area_cover .icon_box>div .img1{display:none;}

.i_area_cover .icon_box>div .img2{display:block;}



.icon_title{position:absolute;top:0;left:0;width:100%;height:100%;z-index:8;}

.icon_title p{color:#ea0000;margin-top:25%;text-align:center;font-size:18px;}

.icon_title a{display:block;transform: scale(1);overflow:hidden;text-align:center;color:#ea0000;}



/* .i_area_l ul li:hover .mask{background:none;transition: .8s;}

.i_area_l ul li:hover .i_area_cover .icon_box a{background:#ea0000;transition: .5s;}

.i_area_l ul li:hover .i_area_cover .icon_box a .img1{display:block;transition: .5s;}

.i_area_l ul li:hover .i_area_cover .icon_box a .img2{display:none;transition: .5s;}

.i_area_l ul li:hover .icon_title p{color:#FFF;transition: .5s;}

.i_area_l ul li:hover .icon_title a{transform: scale(1);transition: .5s;} */



.i_area_r{width:40%;}



.i_about_con{width:94%;padding:2rem 3%;}

.i_about_con h2{margin-bottom:1rem;color:#fb0009;font-size:1.6rem;line-height:3.2rem;font-weight:600;text-align:center;}

.i_about_con p{font-size:1.2rem;line-height:2.4rem;}

.i_about_con span{display:block;width:60%;height:3rem;line-height:3rem;background:#fb0009;border-radius:0.5rem;text-align:center;margin:2rem auto 0;}

.i_about_con span a{color:#FFF;}



.i_about_img{width:100%;}

.i_about_img .mySwiper{width:100%;height:auto;overflow:hidden;}

.i_about_img .mySwiper img{width:100%;height:auto;}



.i_app{background:#f1f1f1;padding:2rem 0;}

.i_app-inner{width:86%;padding:0 7%;margin:0 auto;position:relative;}

.i_app-container{width:100%;}

.i_app-container .swiper-wrapper .swiper-slide{width:100%;}

.i_app-inner .swiper-button-prev,.i_app-inner .swiper-container-rtl .swiper-button-next{left:0;}

.i_app-inner .swiper-button-next,.i_app-inner .swiper-container-rtl .swiper-button-prev{right:0;}

.i_app-con img{width:100%;}

.i_app-con p{font-size:1.2rem;line-height:3rem;}

.i_app-con span{height:1px;background:#c1c1c1;display:block;margin-top:3px;}

.i_app-inner .swiper-button-next,.i_app-inner .swiper-button-prev{color:#fb0009;}