@charset "utf-8";
/* CSS Main */

.banner { position: relative; width: 100%; height: 400px; display: flex; align-items: center; justify-content: center;}
.banner .banner-title h2 { color: #ffffff; font-size: 40px; line-height: 1; margin-bottom: 20px;}
.banner .banner-title p { color: rgba(255, 255, 255, 0.57); font-size: 26px; line-height: 1;}


.ele { width: 1200px; margin: 0 auto;}
.ele .ele-title { padding: 80px 0 40px;}
.ele .ele-title h2 { font-size: 30px; color: #333333; line-height: 1;}
.ele .ele-title p { color: #666666; font-size: 15px; line-height: 1; margin-top: 24px;}

.ele-1 .ele-inner { display: flex; align-items: flex-start; justify-content: space-between; text-align: left; overflow: hidden;}
.ele-1 .ele-inner .image { margin-right: 60px;}
.ele-1 .ele-inner .txt { font-size: 15px; line-height: 30px;}
.ele-1 .ele-inner .txt p { margin-bottom: 30px; text-align: justify;}
.ele-1 .ele-inner .txt p:last-child { margin-bottom: 0;}

.ele-2 .ele-inner ul { display: flex; align-items: flex-start; justify-content: space-between; text-align: left; flex-wrap: wrap;}
.ele-2 .ele-inner ul li { flex: 0 0 584px; border-bottom: 1px #efefef solid;}
.ele-2 .ele-inner ul li a { display: flex; align-items: center; justify-content: space-between; font-size: 15px; line-height: 42px; color: #333333;}
.ele-2 .ele-inner ul li a p { flex: 0 0 430px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ele-2 .ele-inner ul li a span { font-size: 15px;}

.ele-3 .ele-inner { padding: 30px 0;}
.ele-3 .swiper { width: 100%; height: 291px; padding: 0 60px; box-sizing: border-box;}
.ele-3 .swiper-wrapper .swiper-slide { position: relative; background: url(../img/profile/ele-3-bg.png) center center no-repeat; transition: 300ms; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.ele-3 .swiper-wrapper .swiper-slide img { margin: -35px auto 0;}
.ele-3 .swiper-wrapper .swiper-slide p { position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); font-size: 16px; width: 100%;}
.ele-3 .swiper-button-next,.ele-3 .swiper-rtl .swiper-button-prev { right: -7px; left: auto; height: 100%; background: #ffffff; top: 0; margin: 0; width: 60px;}
.ele-3 .swiper-button-prev,.ele-3 .swiper-rtl .swiper-button-next { left: -7px; right: auto; height: 100%; background: #ffffff; top: 0; margin: 0; width: 60px;}
.ele-3 .swiper-button-next:after,.ele-3 .swiper-rtl .swiper-button-prev:after { content: ""; width: 45px; height: 45px; background: url(../img/profile/icon-next.png) center center no-repeat;}
.ele-3 .swiper-button-prev:after,.ele-3 .swiper-rtl .swiper-button-next:after { content: ""; width: 45px; height: 45px; background: url(../img/profile/icon-prev.png) center center no-repeat;}