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

.banner { position: relative;}
.banner .swiper a { display: inline-block; width: 100%; height: 620px;}
.banner .swiper-pagination { bottom: 35px;}
.banner .swiper-pagination .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.26); width: 10px; height: 10px; margin: 0 6px;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 1);}

.ele .ele-inner { width: 1200px; margin: 0 auto;}
.ele .ele-title { padding: 76px 0 50px;}
.ele .ele-title h2 { font-size: 30px; color: #333333; line-height: 1;}

.ele-1 .ele-inner { display: flex; align-items: stretch; justify-content: space-between; text-align: left; padding-bottom: 74px;}
.ele-1 .ele-inner .ele-inner-box { width: 585px; box-shadow: 0 11px 29px rgba(197, 197, 197, 0.19); padding-bottom: 30px;}
.ele-1 .ele-inner .ele-inner-box .top { width: 100%; height: 95px; padding: 0 30px; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; background: url(../img/index/ele-1-bg.png) 0 0 no-repeat;}
.ele-1 .ele-inner .ele-inner-box .top span { font-size: 20px; color: #328cf0; margin-left: 16px;}
.ele-1 .ele-inner .ele-inner-box ul li { display: flex; align-items: center; justify-content: flex-start; padding: 30px 30px 0;}
.ele-1 .ele-inner .ele-inner-box ul li img { box-shadow: 11px 11px 13px rgba(18, 142, 254, 0.09); border-radius: 50%;}
.ele-1 .ele-inner .ele-inner-box ul li .txt { font-size: 18px; margin-left: 20px;}
.ele-1 .ele-inner .ele-inner-box ul li .txt p { font-size: 15px; color: #888888; margin-top: 10px;}

.ele-2 .ele-inner ul { display: flex; align-items: flex-start; justify-content: space-around; padding: 25px 0 110px;}
.ele-2 .ele-inner ul li img { margin: 0 auto;}
.ele-2 .ele-inner ul li:hover img { transition: 0.4s; transform: scale(1.03);}
.ele-2 .ele-inner ul li p { font-size: 18px; margin-top: 35px;}

.ele-3 { background: #f7fbff;}
.ele-3 .ele-inner ul { display: flex; align-items: flex-start; justify-content: space-between; padding: 0 0 65px; flex-wrap: wrap;}
.ele-3 .ele-inner ul li { width: 380px; border-radius: 10px; background: #ffffff; box-shadow: 0px 11px 27px rgba(18, 142, 254, 0.08); margin-bottom: 27px; overflow: hidden;}
.ele-3 .ele-inner ul li .image { width: 100%; height: 172px; overflow: hidden; box-shadow: 0px 11px 13px rgba(18, 142, 254, 0.06);}
.ele-3 .ele-inner ul li:hover .image { transition: 0.4s; transform: scale(1.03);}
.ele-3 .ele-inner ul li .txt { padding: 24px 20px 40px; text-align: left;}
.ele-3 .ele-inner ul li .txt h3 { font-size: 18px; margin-bottom: 15px;}
.ele-3 .ele-inner ul li .txt p { color: #757575; line-height: 24px; height: 48px; overflow: hidden;}

.ele-4 .ele-inner { margin-bottom: 85px;}
.ele-4 .ele-inner ul li { box-sizing: border-box; height: 78px; margin-bottom: 23px; display: flex; align-items: center; justify-content: space-between;}
.ele-4 .ele-inner ul li a { width: 182px; height: 78px; display: block; float: left; transition: 0.4s; overflow: hidden; background-image: url(../img/index/ele-4-img.png); background-repeat: no-repeat; transform: scale(1);}
.ele-4 .ele-inner ul li a:hover { cursor: pointer; transform: scale(1.03); z-index: 100;}
.ele-4 .ele-inner ul .li1 .k0 { background-position: 0 0;}
.ele-4 .ele-inner ul .li1 .k1 { background-position: -203px 0;}
.ele-4 .ele-inner ul .li1 .k2 { background-position: -407px 0;}
.ele-4 .ele-inner ul .li1 .k3 { background-position: -610px 0;}
.ele-4 .ele-inner ul .li1 .k4 { background-position: -815px 0;}
.ele-4 .ele-inner ul .li1 .k5 { background-position: -1018px 0;}
.ele-4 .ele-inner ul .li2 .k0 { background-position: 0 -101px;}
.ele-4 .ele-inner ul .li2 .k1 { background-position: -203px -101px;}
.ele-4 .ele-inner ul .li2 .k2 { background-position: -407px -101px;}
.ele-4 .ele-inner ul .li2 .k3 { background-position: -610px -101px;}
.ele-4 .ele-inner ul .li2 .k4 { background-position: -815px -101px;}
.ele-4 .ele-inner ul .li2 .k5 { background-position: -1018px -101px;}
.ele-4 .ele-inner ul .li3 .k0 { background-position: 0 -202px;}
.ele-4 .ele-inner ul .li3 .k1 { background-position: -203px -202px;}
.ele-4 .ele-inner ul .li3 .k2 { background-position: -407px -202px;}
.ele-4 .ele-inner ul .li3 .k3 { background-position: -610px -202px;}
.ele-4 .ele-inner ul .li3 .k4 { background-position: -815px -202px;}
.ele-4 .ele-inner ul .li3 .k5 { background-position: -1018px -202px;}
.ele-4 .ele-inner ul .li4 .k0 { background-position: 0 -303px;}
.ele-4 .ele-inner ul .li4 .k1 { background-position: -203px -303px;}
.ele-4 .ele-inner ul .li4 .k2 { background-position: -407px -303px;}
.ele-4 .ele-inner ul .li4 .k3 { background-position: -610px -303px;}
.ele-4 .ele-inner ul .li4 .k4 { background-position: -815px -303px;}
.ele-4 .ele-inner ul .li4 .k5 { background-position: -1018px -303px;}