@import url(main.css);

.i_pro{background:#f1f1f1;padding:40px 0;}

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

.i_pro-container{width:94%;}

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

.i_pro-con{position:relative;}

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

.i_pro-con .text{position:absolute;bottom:0;left:0;width:100%;height:0;background:rgba(0,0,0,0.5);transition: 0.5s;}

.i_pro-con:hover .text{height:100%;transition: 0.5s;}

.i_pro-con .text h2{font-size:24px;line-height:50px;margin-top:10%;text-align:center;}

.i_pro-con .text h2 a{color:#FFF;}

.i_pro-con .text p{font-size:16px;line-height:32px;color:#FFF;padding:10px 5%;text-overflow: -o-ellipsis-lastline;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;}

.i_pro-con .text span{display:block;width:150px;height:50px;line-height:50px;margin:20px auto 0;background:#ea0000;font-size:20px;border-radius:20px;text-align:center;}

.i_pro-con .text span a{color:#FFF;}



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

.i_pro-more{font-size:24px;line-height:48px;margin-top:20px;text-align:center;}

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



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



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

.i_workshop_sub img {width: 100%;height: 100%;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:36px;line-height:80px;margin-top:85%;}

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

.i_workshop_sub .text p{font-size:20px;line-height:40px;color:#FFF;}

.i_workshop_sub .text span{display:block;width:200px;height:60px;line-height:60px;margin:20px auto 0;background:#ea0000;font-size:20px;border-radius:20px;}

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



.i_area{width:90%;padding:50px 5%;display:flex;justify-content:space-between;}

.i_area_l{width:60%;}

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

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



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

.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{width:20%;/* padding-top:20%; */position:absolute;top:10%;left:40%;z-index:7;overflow:hidden;}

.i_area_cover .icon_box>div{display:block;margin:0 auto;width:60%;height:60%;padding:15%;border:2px solid #ea0000;border-radius:50%;transition: .5s;overflow:hidden;}

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

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

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





/* .i_area_cover .icon_box{margin:0 auto;position:absolute;top:0;left:0;width:50%;padding-top:40%;background:#ea0000;border-radius:50%;z-index:7;padding-top:5%;}

.i_area_cover .icon_box a{display:block;padding-left:40%;height:40%;margin:0 auto;padding:1rem;border:2px solid #ea0000;border-radius:50%;transition: .5s;}

.i_area_cover .icon_box a img{height:100%;}

.i_area_cover .icon_box a .img1{display:none;transition: .5s;}

.i_area_cover .icon_box a .img2{display:block;transition: .5s;} */



.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;transition: .5s;}

.icon_title a{display:block;transform: scale(0);overflow:hidden;text-align:center;color:#FFF;transition: .5s;}



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

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

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

.i_area_l ul li:hover .i_area_cover .icon_box>div .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{display:flex;justify-content:space-between;background:#f1f1f1;}

.i_about_con{width:40%;padding:70px 3% 70px 7%;}

.i_about_con h2{margin-bottom:40px;color:#ea0000;font-size:24px;font-weight:600;}

.i_about_con p{font-size:16px;line-height:38px;}

.i_about_con span{display:block;width:220px;height:50px;line-height:50px;background:#ea0000;border-radius:10px;margin-top:30px;text-align:center;}

.i_about_con span a{color:#FFF;}



.i_about_img{width:50%;}

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





.i_app{background:#f1f1f1;padding:40px 0;}

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

.i_app-container{width:94%;}

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

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

.i_app-con p{font-size:16px;line-height:40px;}

.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:#ea0000;}