.banner { position: relative; height: 398px; }

.banner .banner-item { width: 100%; height: 100%; }

.banner .banner-item img { width: 100%; margin: 0 auto; display: block; font-size: 0; }

.header { position: relative; background-color: #101937; }

.section-box { padding: 40px 0; }

.section-a { background-color: #f3f6f9; }

.section-a .section-box { width: 1200px; padding: 60px; padding-left: 90px; padding-top: 0; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.section-a .section-box .section4-item { position: relative; width: 525px; height: 178px; color: #2354d5; font-size: 20px; -ms-flex-negative: 0; flex-shrink: 0; line-height: 178px; }

.section-a .section-box .section4-item img { margin-left: 50px; vertical-align: middle; }

.section-a .section-box .section4-item .des { position: absolute; left: 169px; top: 30px; display: inline-block; max-width: 240px; line-height: 24px; margin-left: 25px; }

.section-a .section-box .section4-item .des .tit { font-size: 20px; color: #2354d5; margin-bottom: 10px; }

.section-a .section-box .section4-item .des .text { font-size: 16px; color: #333333; line-height: 24px; }

.section-a .section-box .section4-item:hover { background-color: #ffffff; -webkit-box-shadow: 0px 4px 32px 0px rgba(179, 195, 211, 0.32); box-shadow: 0px 4px 32px 0px rgba(179, 195, 211, 0.32); }

.section1 .section-box { height: 581px; background-image: url("./images/section1.png"); background-position: -30px 0; padding-top: 72px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.section1 .section-box .section-content { position: relative; width: 1200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.section1 .section-box .section1-item { width: 255px; height: 405px; background-color: rgba(255, 255, 255, 0.85); text-align: center; padding: 66px 30px 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 21px 29px 0px rgba(121, 121, 121, 0.32); box-shadow: 0px 21px 29px 0px rgba(121, 121, 121, 0.32); -ms-flex-negative: 0; flex-shrink: 0; }

.section1 .section-box .section1-item .icon { width: 82px; height: 82px; margin: 0 auto 20px; background-repeat: no-repeat; background-size: center center; }

.section1 .section-box .section1-item .icon1 { background-image: url("./images/1-a.png"); }

.section1 .section-box .section1-item .icon2 { background-image: url("./images/2-a.png"); }

.section1 .section-box .section1-item .icon3 { background-image: url("./images/3-a.png"); }

.section1 .section-box .section1-item .icon4 { background-image: url("./images/4-a.png"); }

.section1 .section-box .section1-item .icon5 { background-image: url("./images/5-a.png"); }

.section1 .section-box .section1-item .icon6 { background-image: url("./images/6-a.png"); }

.section1 .section-box .section1-item .tit { font-size: 20px; color: #2354d5; margin-bottom: 28px; }

.section1 .section-box .section1-item .text { text-align: left; font-size: 16px; color: #535353; }

.section1 .section-box .section1-item:hover { background-color: rgba(35, 84, 213, 0.8); }

.section1 .section-box .section1-item:hover .tit { color: #ffffff; }

.section1 .section-box .section1-item:hover .text { color: #ffffff; }

.section1 .section-box .section1-item:hover .icon1 { background-image: url("./images/41-1.png"); }

.section1 .section-box .section1-item:hover .icon2 { background-image: url("./images/41-2.png"); }

.section1 .section-box .section1-item:hover .icon3 { background-image: url("./images/41-3.png"); }

.section1 .section-box .section1-item:hover .icon4 { background-image: url("./images/41-4.png"); }

.section1 .section-box .section1-item:hover .icon5 { background-image: url("./images/41-5.png"); }

.section1 .section-box .section1-item:hover .icon6 { background-image: url("./images/41-6.png"); }

.section1 .section-box .swiper-button-prev2 { position: absolute; top: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: calc(50% - 630px); width: 22px; height: 48px; background-image: url("../../images/swiper-left-d.png"); cursor: pointer; z-index: 999; }

.section1 .section-box .swiper-button-prev2:hover { background-image: url("../../images/swiper-left.png"); }

.section1 .section-box .swiper-button-next2 { position: absolute; top: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: calc(50% - 630px); width: 22px; height: 48px; background-image: url("../../images/swiper-right-d.png"); cursor: pointer; z-index: 999; }

.section1 .section-box .swiper-button-next2:hover { background-image: url("../../images/swiper-right.png"); }

.section-4 { padding-bottom: 96px; }

.section-4 .section-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.section-4 .section3-item { width: 572px; }

.section-4 .section3-item:hover { background-color: #2354d5; -webkit-box-shadow: 0px 21px 29px 0px rgba(35, 84, 213, 0.32); box-shadow: 0px 21px 29px 0px rgba(35, 84, 213, 0.32); }

.section-4 .section3-item:hover .des { background-color: #2354d5; }

.section-4 .section3-item:hover .des .tit { color: #ffffff; }

.section-4 .section3-item:hover .des .text { color: #ffffff; }

.section-4 .section3-item img { width: 572px; height: 304px; }

.section-4 .section3-item .des { text-align: left; padding: 32px 20px; width: 572px; height: 197px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; }

.section-4 .section3-item .des .tit { font-size: 20px; color: #323333; font-weight: 600; margin-bottom: 12px; }

.section-4 .section3-item .des .text { font-size: 16px; color: #323333; line-height: 28px; }

.section-2 { background-image: url("./images/2-bg.png"); height: 581px; }

.section-content { text-align: center; }

.section3 { padding-bottom: 96px; background: #fdfdfd; }

.section3 .section-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.section3 .section3-item { width: 547px; }

.section3 .section3-item:hover { background-color: #2354d5; -webkit-box-shadow: 0px 21px 29px 0px rgba(35, 84, 213, 0.32); box-shadow: 0px 21px 29px 0px rgba(35, 84, 213, 0.32); }

.section3 .section3-item:hover .des { background-color: #2354d5; }

.section3 .section3-item:hover .des .tit { color: #ffffff; }

.section3 .section3-item:hover .des .text { color: #ffffff; }

.section3 .section3-item:hover .des p { color: #ffffff; }

.section3 .section3-item img { width: 547px; height: 338px; }

.section3 .section3-item .des { margin-top: -4px; padding: 24px 20px; width: 547px; height: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f3f6f9; text-align: left; }

.section3 .section3-item .des .tit { font-size: 20px; color: #323333; font-weight: 600; margin-bottom: 12px; }

.section3 .section3-item .des .text { font-size: 18px; color: #333333; line-height: 24px; }

.section3 .section3-item .des p { font-family: MicrosoftYaHei-Bold; font-size: 16px; color: #333333; font-weight: bold; margin-bottom: 10px; }

.news-slider__pagination { text-align: center; margin-top: 50px; }

.news-slider__pagination .swiper-pagination-bullet { width: 44px; height: 6px; background-color: #070f28; display: inline-block; opacity: .3; margin: 0 5px; border-radius: 0px; -webkit-transition: opacity .5s, background-color .5s, width .5s; transition: opacity .5s, background-color .5s, width .5s; -webkit-transition-delay: .5s, .5s, 0s; transition-delay: .5s, .5s, 0s; }

.news-slider__pagination .swiper-pagination-bullet-active { opacity: 1; background-color: #2354d5; width: 84px; -webkit-transition-delay: 0s; transition-delay: 0s; }

@media screen and (max-width: 576px) { .news-slider__pagination .swiper-pagination-bullet-active { width: 70px; } }
/*# sourceMappingURL=index.min.css.map */