.indexE-sengong{padding:80px 0;position:relative;}
.indexE-sengong .txt{text-align:center;}
.indexE-sengong .txt h3{font-size: 60px;text-transform: uppercase;font-weight: 700;line-height:1;color: #000;}
.indexE-sengong .txt h5{color: #38A5DD;font-size: 29px;font-weight: 300;margin:15px 0 0;}
.indexE-sengong .txt span {color: #38A5DD;font-size: 18px;}
.indexE-sengong .txt p{font-size: 18px;font-weight: 300;color: #000;margin:15px 0 0;}
.indexE-sengong .list{margin-top:60px;position:relative;}
                       
.indexE-sengong .list .swiper-slide{}                       
.indexE-sengong .list .swiper-slide > div{display:-webkit-flex;-webkit-flex-direction: column;-webkit-justify-content: center;display: flex;flex-direction: column;justify-content: center;border-radius: 20px;height: 300px;background: #F2F2F2;padding:0 30px;color: #000;transition: all .4s ease 0s;}
.indexE-sengong .list .swiper-slide:nth-child(2n) > div{background: #3395C7;color: #fff;}
.indexE-sengong .list .swiper-slide p{font-size: 17px;font-weight: 300;line-height: 1.8em;margin-top: 15px;}
.indexE-sengong .list .swiper-slide .pic{position:relative}
.indexE-sengong .list .swiper-slide .pic .B{display:none;}
.indexE-sengong .list .swiper-slide:hover .pic .B{display:block;position:absolute;left:0;top:0;}

.indexE-sengong .list .swiper-slide:hover > div{background: #3395C7;color: #fff;}
.indexE-sengong .list .swiper-slide:nth-child(2n):hover > div{background: #F2F2F2;color: #000;}                                               
                                                
.indexE-sengong .swiper-button-prev,.indexE-sengong .swiper-button-next{width:50px;height:50px;line-height:50px;overflow:hidden;border-radius:0;background:none;margin-top:-25px;text-align:center;color:#B5B5B5;}
.indexE-sengong .swiper-button-next::after,.indexE-sengong .swiper-button-prev::after {display:none;}
.indexE-sengong .swiper-button-prev i,.indexE-sengong .swiper-button-next i{color:inherit;font-size:40px;display:inline-block;margin-top:1px;}
.indexE-sengong .swiper-button-prev,.indexE-sengong .swiper-container-rtl .swiper-button-next{left:-70px;right:auto;}
.indexE-sengong .swiper-button-next,.indexE-sengong .swiper-container-rtl .swiper-button-prev{right:-70px;left:auto;}
.indexE-sengong .swiper-button-prev:hover,.indexE-sengong .swiper-button-next:hover{color:#005BAC;}

.indexE-sengong .swiper-pagination-bullets{position:static;width:100%;display:none;margin-top:20px;}
.indexE-sengong .swiper-pagination-bullet {width:30px;height:4px;margin:0 3px;background:#C1C1C1;border-radius:0;opacity:1;box-sizing:border-box;}
.indexE-sengong .swiper-pagination-bullet-active{background:#005BAC;}                                                
                                                
                                                
                                                
                                                

                       
                       
.indexE-sengong .list ul{display: flex;flex-wrap: wrap;margin: 0 -15px;}
.indexE-sengong .list ul li{width:25%;padding: 0 15px;cursor:pointer;}
.indexE-sengong .list ul li > div{display:-webkit-flex;-webkit-flex-direction: column;-webkit-justify-content: center;display: flex;flex-direction: column;justify-content: center;border-radius: 20px;height: 300px;background: #F2F2F2;padding:0 30px;color: #000;transition: all .4s ease 0s;}
.indexE-sengong .list ul li:nth-child(2n) > div{background: #3395C7;color: #fff;}
.indexE-sengong .list ul li p{font-size: 17px;font-weight: 300;line-height: 1.8em;margin-top: 15px;}
.indexE-sengong .list ul li .pic{position:relative}
.indexE-sengong .list ul li .pic .B{display:none;}
.indexE-sengong .list ul li:hover .pic .B{display:block;position:absolute;left:0;top:0;}

.indexE-sengong .list ul li:hover > div{background: #3395C7;color: #fff;}
.indexE-sengong .list ul li:hover:nth-child(2n) > div{background: #F2F2F2;color: #000;}

@media screen and (max-width:1440px){
.indexE-sengong .txt h3{font-size: 50px;}
}

@media screen and (max-width:1280px){
.indexE-sengong .txt h3{font-size: 40px;}

.indexE-sengong {padding: 180px 0 50px;}
.indexE-sengong::after {height: 560px;width: 560px;}
.indexE-sengong .txt h3 {line-height: 50px;}
.indexE-sengong .txt h5 {font-size: 22px;line-height: 2.4em;}
.indexE-sengong .txt p {font-size: 14px;line-height: 1.6em;}
.indexE-sengong .list ul li {padding: 0 15px 35px;}
.indexE-sengong .list ul li:nth-child(2n) {padding: 35px 15px 0;}
.indexE-sengong .list ul li p {font-size: 15px;line-height: 1.4em;}
.indexE-sengong .list ul li .pic img{width:80px;}
.indexE-sengong .list ul li > div {height: 240px;padding: 0 20px;}

}

@media screen and (max-width:768px){
	
.indexE-sengong .txt h3{font-size: 28px;}

.indexE-sengong {padding: 30px 0;}
.indexE-sengong .wp {display: block;}
.indexE-sengong::after {display: none;}
.indexE-sengong .txt {width: 100%;text-align: center;}
.indexE-sengong .txt h3 {width: 100%;}
.indexE-sengong .list {width: 100%;margin-top: 30px;padding: 20px;}
.indexE-sengong .list ul li,.indexE-sengong .list ul li:nth-child(2n) {padding: 0 15px 20px;}
}

@media screen and (max-width:480px){

.indexE-sengong .txt h3{font-size: 22px;}

.indexE-sengong .list ul li {width: 100%;text-align:center;}
.indexE-sengong .list ul li:hover .pic .B{left:calc(50% - 40px);}

}