#groups{background: #f1f5f6}
.section3{width: 1200px;margin:0 auto;}
.section3 ul{font-size: 0;}
.section3 ul li{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 23.5%;margin-right: 1.333333%;margin-bottom: 40px;}
.section3 ul li:nth-of-type(4n){margin-right: 0;}
.section3 ul li a{display: block;padding: 10px;box-sizing: border-box;background: #fff;position: relative;transition: 0.6s ease-in-out;padding-bottom: 10px}
.section3 ul li a img{width: 100%;transition: 0.6s ease-in-out;}
.s3txt{padding:20px 10px;box-sizing: border-box;transition: 0.6s ease-in-out;}
.s3txt span{font-size: 50px;color: #13458c;line-height: 50px;display: block;margin-bottom: 20px;transition: 0.6s ease-in-out;}
.s3txt h3{font-size: 22px;color: #265b9f;margin-bottom: 12px;transition: 0.6s ease-in-out;}
.s3txt p{font-size: 15px;color: rgba(51,51,51,.8);line-height:1.5;transition: 0.6s ease-in-out;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  height: 48px;
  text-align: justify !important;
}
.section3 ul li a h6{position: absolute;bottom: -35px;z-index: 2;text-align: center;left: 0;width: 100%;opacity: 0;transition: 0.6s ease-in-out;}
.section3 ul li a h6 img{width: auto;transition: 0.6s ease-in-out;}
.section3 ul li a::before{content: '';display: block;width: 100%;height: 0;background: rgba(38,91,159,.9);position: absolute;top: 0;left: 0;transition: 0.6s ease-in-out;}
.section3 ul li a:hover::before{height: 100%;}
.section3 ul li a:hover span{position: relative;color: #fff;}
.section3 ul li a:hover h3{position: relative;color: #fff;}
.section3 ul li a:hover p{position: relative;color: #fff;overflow: initial;-webkit-box-orient: initial;}
.section3 ul li a:hover h6{opacity: 1;}



.section4{position: relative;padding: 50px 0 ;background-size: 100% 100%;width: 100%}
.ism{width: 1200px;margin:0 auto;}
.s4t{margin-bottom: 30px;font-size: 0;}
.s4tl,.s4tr{display: inline-block;vertical-align: bottom;}
.s4tr a{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 154px;line-height: 52px;text-align: center;border-radius: 8px;background: #eaeef4;
  font-size: 20px;color: #13458c;margin-right: 6px;font-weight: bold;
}
.s4tr a:hover{background: #13458c;color: #fff;}
.swiper-button-prev,.swiper-button-next{display: block;width: 58px;height: 58px;line-height: 58px;text-align: center;background: rgba(19,69,140,.2);font-size: 20px !important;color: #fff;
  border-radius: 50%;border: 6px solid transparent;

}
.s4an .swiper-button-prev{left: -66px;top: 45%;background: url(left-l.png) no-repeat center center #eee;}
.s4an .swiper-button-next{right:-66px;top: 45%;background: url(right-t.png) no-repeat center center #eee;}
.swiper-button-prev:hover,.swiper-button-next:hover{border: 6px solid #bfddee;}
.swiper-button-prev:hover{background: url(left-l.png) no-repeat center center #13458c}
.swiper-button-next:hover{background: url(right-t.png) no-repeat center center #13458c}
.s4b{box-sizing: border-box;position: relative;}
.s4b a{display: block;position: relative;background: #fcfdfd;}
.s4b a h6 img{width: 100%;}
.s4b a h6{opacity: 0;display: none;}
/* .s4txt{position: absolute;top: 0;left: 0;width: 100%;} */
.s4txtt{padding: 20px;box-sizing: border-box;border-bottom: 1px solid #eaecef;}
.s4txtt h3{font-size: 24px;color: #333333;margin-bottom: 20px;text-align:left;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.s4txtt p{font-size: 14px;color: #999999;line-height: 22px;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.s4txtb{padding: 20px;box-sizing: border-box;font-size: 0;}
.s4txtb h4,.s4txtb h5{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 50%;font-size: 14px;color: #999;text-align: left;}
.s4txtb h5{text-align: right;}
.s4b a:hover h6{opacity: 1;}
.s4b a:hover h3{color: #13458c;}



.section5{position: relative;padding: 40px 0 44px;background: url(s5bg_02.jpg) center center;background-size: 100% 100%;width: 100%}
.section5 .sybt h3{color: rgba(255,255,255,.2);}
.section5 .sybt h2{color: #fff;}
.section5 .s4tr a{background: rgba(19,69,140,.8);color: #fff;}
.section5 .s4tr a:hover{background: #fff;color: #333;}

.s5b{position: relative;}
.s5b .swiper-container{padding-bottom: 50px;}
.s5b a{display: block;position: relative;padding: 12px;background: rgba(255,255,255,.9);box-sizing: border-box;height: 375px;transition: 0.6s ease-in-out;}
.s5b a img{width: 100%;transition: 0.6s ease-in-out;}
.s5txt{padding: 10px;box-sizing: border-box;position: relative;text-align: left;transition: 0.6s ease-in-out;}
.s5txt h3{font-size: 20px;color: #333;line-height: 32px;margin-bottom: 20px;position: relative;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  transition: 0.6s ease-in-out;
}
.s5txt p{font-size: 14px;color: #333;position: relative;white-space: nowrap;transition: 0.6s ease-in-out;}
.s5txt p strong{font-size: 14px;color: #333;}
.s5txt p::before{content: '';display: inline-block;vertical-align: middle;box-sizing: border-box;width: 5px;height: 5px;background: #ccd2dc;
border-radius: 50%;margin-right: 8px;}
.s5txt p:last-of-type::before{display: none;}
.s5txt p:nth-of-type(4),.s5txt p:nth-of-type(5){display: none;}
.s5b a::before{content: '';display: block;width: 100%;height: 0;background: rgba(28,102,208,.8);position: absolute;top: 0;left: 0;transition: 0.6s ease-in-out;}

.s5b a:hover::before{height: 100%;}
.s5b a:hover h3,.s5b a:hover p{color: #fff;}
.s5b a:hover p{display: block !important;}
.s5b a:hover .s5txt{margin-top: -88px;}
.s5b a h5 img{width: auto;}
.s5b a h5{position: absolute;bottom: -35px;left: 0;width: 100%;text-align: center;z-index: 2;opacity: 0;}
.s5b a:hover h5{opacity: 1;}
.s5b a:hover .s5txt p:last-of-type{display: none !important;}
.s5b a:hover .s5txt p strong{color: #fff;}



.section7{background: url(s7bg_02.jpg) center center;width: 100%}
.s7t{position: relative;padding: 10px 0 40px;position: relative;}
.s7t1,.s7t2{position: relative;width: 1200px;margin:0 auto;}
.s7t1 h4,.s7t2 h4{font-size: 24px;color: #333;margin-top: 60px;}
.s7tlb{margin-top: 25px;}
.s7tlb .swiper-slide{padding: 10px;box-sizing: border-box;}
.s7tlb .swiper-slide a{display: block;position: relative;background: rgba(255,255,255,.8);box-shadow: 0 0 10px 3px #ebebeb;}
.s7tlb .swiper-slide a img{width: 100%;}
.s4ant .swiper-button-prev,.s4ant .swiper-button-next{top:60%;}


@media only screen and (max-width: 750px) {
  .section3,.section3 ul li,.ism{width:100%;margin-right:0}
  .section4{padding:0}
  .s4tr{text-align:left}
  .s4t{margin-bottom:0}
  .s4tr a{width:auto;padding:0 10px;width:auto;margin:10px 1.5%}
  .s7t1, .s7t2{width:100%}
  .s4an .swiper-button-prev,.s4an .swiper-button-next,.s4ant .swiper-button-prev, .s4ant .swiper-button-next{display:none}

}