@charset "UTF-8";
.IndexBanner { /* 电脑显示一个swiper,手机显示一个swiper */ /* 初始化swiper样式 */ /* 初始化分页样式 */ /* 初始化左右箭头样式 */ }

.IndexBanner .pc { display: block; }

.IndexBanner .m { display: none; }

@media (max-width: 575px) { .IndexBanner .pc { display: none; }
  .IndexBanner .m { display: block; } }

.IndexBanner .swiper-slide a { display: block; }

.IndexBanner .pc a { height: 600px; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.IndexBanner .swiper-pagination { bottom: 23px; }

.IndexBanner .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 1; box-shadow: 0px 1px 4px 0px rgba(35, 35, 35, 0.56); -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.IndexBanner .swiper-pagination-bullet.swiper-pagination-bullet-active, .IndexBanner .swiper-pagination-bullet:hover { background: #3154ad; }

.IndexBanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

.IndexBanner .swiper-button-prev, .IndexBanner .swiper-button-next { width: 28px; height: 60px; background-size: cover; margin-top: -30px; }

.IndexBanner .swiper-button-prev::after, .IndexBanner .swiper-button-next::after { content: none; }

.IndexBanner .swiper-button-prev.swiper-button-disabled, .IndexBanner .swiper-button-next.swiper-button-disabled { opacity: 1; }

.IndexBanner .swiper-button-prev { background-image: url(../images/07e8b8ab716b88ccae5d3f762eabdf19.png); left: 280px; }

.IndexBanner .swiper-button-prev.swiper-button-disabled { background-image: url(../images/b85e7e35cf47b70c2caec8bc2b73a07e.png); }

.IndexBanner .swiper-button-next { background-image: url(../images/b8082d4efec200d2e7a182b1104c96ef.png); right: 280px; }

.IndexBanner .swiper-button-next.swiper-button-disabled { background-image: url(../images/bdf74fe1f84822c1d9b6215b5ca915cf.png); }

@media (max-width: 1199px) { .IndexBanner .pc a { height: 370px; } }

@media (max-width: 575px) { .IndexBanner .swiper-pagination { bottom: 5px; }
  .IndexBanner .swiper-pagination-bullet { width: 6px; height: 6px; }
  .IndexBanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; } }

.IndexCommonTitle .en { font-size: 22px; color: #909090; }

.IndexCommonTitle .cn { font-size: 34px; color: #3154ad; font-weight: bold; line-height: 1.3; position: relative; padding-left: 20px; }

.IndexCommonTitle .cn::after { position: absolute; width: 8px; height: 32px; background: #3154ad; left: 0; top: 0; bottom: 0; margin: auto; content: ''; }

section .main { padding: 70px 0; }

.SectionA .main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.SectionA .left { position: relative; width: 460px; }

.SectionA .left .con .title { font-size: 24px; color: #3154ad; margin: 25px 0; }

.SectionA .left .con .desc { text-indent: 2em; font-size: 16px; color: #5f5f5f; line-height: 2; }

.SectionA .left .con .img { position: absolute; left: -45px; top: 270px; width: 630px; }

.SectionA .left .con .iconimg { position: absolute; bottom: 40px; left: 10px; width: 548px; }

.SectionA .right { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin-left: 50px; border-radius: 10px; background: #edf1f9; margin-top: 35px; }

.SectionA .right ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 100px 0; }

.SectionA .right ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 45px; }

.SectionA .right ul li:last-child { margin-bottom: 0; }

.SectionA .right ul li .text { width: 450px; padding-left: 20px; }

.SectionA .right ul li .text .title { color: #3154ad; margin-bottom: 3px; font-size: 18px; font-weight: bold; }

.SectionA .right ul li .text .desc { font-size: 14px; line-height: 1.8; color: #828282; }

.SectionB { background-image: url(../images/e45e0eaf8f08f9bc90404b0385dfb6ac.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }

.SectionB .main .con { margin-top: 70px; }

.SectionB .main .con ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 135px; }

.SectionB .main .con ul li { width: 200px; }

.SectionB .main .con ul li a { width: 100%; height: 100%; display: block; }

.SectionB .main .con ul li:hover .img { box-shadow: 0px 3px 16px 0px rgba(12, 35, 80, 0.29); }

.SectionB .main .con ul li:hover .img img:nth-of-type(2) { display: block; }

.SectionB .main .con ul li:hover .img img:nth-of-type(1) { display: none; }

.SectionB .main .con ul li:nth-of-type(1):hover .img { background: #3154ad; }

.SectionB .main .con ul li:nth-of-type(1) .img { border: 1px solid #3154ad; }

.SectionB .main .con ul li:nth-of-type(2):hover .img { background: #358ccf; }

.SectionB .main .con ul li:nth-of-type(2) .img { border: 1px solid #358ccf; }

.SectionB .main .con ul li:nth-of-type(3):hover .img { background: #2ba9cd; }

.SectionB .main .con ul li:nth-of-type(3) .img { border: 1px solid #2ba9cd; }

.SectionB .main .con ul li .img { width: 100%; height: 200px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; }

.SectionB .main .con ul li .img img:nth-of-type(1) { display: block; }

.SectionB .main .con ul li .img img:nth-of-type(2) { display: none; }

.SectionB .main .con ul li .text { padding-top: 30px; }

.SectionB .main .con ul li .text .title { font-size: 20px; color: #2d2d2d; text-align: center; }

.SectionB .main .con ul li .text .desc { font-size: 12px; color: #8c8c8c; text-align: center; margin-top: 5px; }

.SectionC .main .con { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.SectionC .main .con .title { font-size: 16px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; color: #444444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.SectionC .main .con .desc { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; font-size: 14px; color: #909090; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 50px; line-height: 1.8; }

.SectionC .main .con .left { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.SectionC .main .con .left ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.SectionC .main .con .left ul li { margin-top: 50px; }

.SectionC .main .con .left ul li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.SectionC .main .con .left ul li a:hover .date { background: #3154ad; border: 1px solid #3154ad; }

.SectionC .main .con .left ul li a:hover .date span:nth-of-type(1), .SectionC .main .con .left ul li a:hover .date span:nth-of-type(2) { color: #fff; }

.SectionC .main .con .left ul li a:hover .text .title, .SectionC .main .con .left ul li a:hover .text .desc { color: #3154ad; }

.SectionC .main .con .left ul li a .date { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; padding: 14px; border: 1px solid #a1a1a1; }

.SectionC .main .con .left ul li a .date span { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.SectionC .main .con .left ul li a .date span:nth-of-type(1) { font-size: 24px; color: #a1a1a1; }

.SectionC .main .con .left ul li a .date span:nth-of-type(2) { font-size: 14px; color: #a1a1a1; }

.SectionC .main .con .left ul li a .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin-left: 15px; }

.SectionC .main .con .left ul li a .text .title { margin-bottom: 5px; }

.SectionC .main .con .right { margin-top: 30px; width: 565px; margin-left: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.SectionC .main .con .right a { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.SectionC .main .con .right a:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.SectionC .main .con .right a .img { overflow: hidden; }

.SectionC .main .con .right a .img img { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.SectionC .main .con .right a:hover .text .titlea .tit { color: #3154ad; }

.SectionC .main .con .right a .text { padding: 20px; border: 1px solid #bebebe; }

.SectionC .main .con .right a .text .titlea { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; }

.SectionC .main .con .right a .text .titlea .tit { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; font-size: 16px; color: #444444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.SectionC .main .con .right a .text .titlea .date { font-size: 14px; color: #909090; }

.SectionC .main .morelink { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 50px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.SectionC .main .morelink a { padding: 10px 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; color: #fff; border-radius: 6px; background: #3154ad; }

.SectionD { background-image: url(../images/42d5922e671ba2ffa23b7dac015bc978.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }

.SectionD .main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.SectionD .main .left { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin-right: 50px; }

.SectionD .main .left .text .desc { font-size: 16px; color: #686868; line-height: 2; text-indent: 2em; margin-top: 30px; margin-bottom: 20px; }

.SectionD .main .left .text a { text-align: right; font-size: 16px; color: #5e5e5e; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.SectionD .main .left .text a:hover { color: #3154ad; }

.SectionD .main .left .text a span { margin-left: 10px; }

.SectionD .main .left .text .list { box-shadow: 0px 1px 24px 0px rgba(18, 12, 53, 0.1); position: absolute; bottom: 25px; left: 0; }

.SectionD .main .left .text .list ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.SectionD .main .left .text .list ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; padding: 30px 90px; position: relative; }

.SectionD .main .left .text .list ul li::after { position: absolute; height: 76px; width: 1px; background: #d8d8d8; right: 0; content: ''; top: 0; bottom: 0; right: 0; margin: auto; }

.SectionD .main .left .text .list ul li:last-child::after { content: none; }

.SectionD .main .left .text .list ul li span { text-align: center; }

.SectionD .main .left .text .list ul li span:nth-of-type(1) { font-size: 48px; font-weight: bold; color: #494949; line-height: 0.8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.SectionD .main .left .text .list ul li span:nth-of-type(1) i { font-style: normal; font-size: 16px; font-weight: normal; margin-left: 10px; color: #939393; }

.SectionD .main .left .text .list ul li span:nth-of-type(2) { font-size: 14px; color: #494949; margin-top: 20px; }

@media (max-width: 1199px) { .SectionA .main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .SectionA .left { width: 100%; }
  .SectionA .left .con .iconimg { position: static; }
  .SectionA .left .con .img { position: static; }
  .SectionA .left .con .img { width: 100%; margin-top: 30px; }
  .SectionA .left .con .title { text-align: center; }
  .SectionA .left .con .desc { text-align: center; }
  .SectionA .left .con .img { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .SectionA .left .con .iconimg { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; }
  .IndexCommonTitle .cn::after { content: none; }
  .IndexCommonTitle .cn { padding-left: 0; text-align: center; }
  .IndexCommonTitle .en { text-align: center; }
  .SectionA .left .con .title { margin-bottom: 10px; }
  .SectionA .right ul li .text { width: 650px; }
  .SectionA .right ul { padding: 60px 0; }
  .SectionB .main .con ul { padding: 0 60px; }
  .SectionD .main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .SectionD .main .left .text .list { position: static; }
  .SectionD .main .left .text .list { background: #fff; margin-top: 20px; }
  .SectionD .main .left .text .list ul { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .SectionD .main .left .text .desc { text-align: center; }
  .SectionD .main .left .text a { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .SectionD .main .right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 30px; }
  .IndexBanner .swiper-button-prev, .IndexBanner .swiper-button-next { display: none; }
  .SectionD .main .left { margin-right: 0; }
  .SectionA .right { margin-left: 0; } }

@media (max-width: 991px) { .SectionA .right ul li .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }
  .SectionA .right ul { padding: 50px 30px; }
  .SectionB .main .con ul li { width: auto; }
  .SectionB .main .con ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; padding: 0 10px; }
  .SectionB .main .con ul { padding: 0; }
  .SectionB .main .con ul li .img { height: 213px; }
  .SectionC .main .con { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .SectionC .main .con .right { margin-left: auto; margin-right: auto; }
  .SectionD .main .left .text .list ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; padding: 30px 0; } }

@media (max-width: 767px) { .SectionB .main .con ul li .img { height: 153px; }
  .SectionB .main .con ul li .img img { width: 70px; }
  .SectionC .main .con .right { width: 100%; } }

@media (max-width: 575px) { section .main { padding: 30px 0; }
  .IndexCommonTitle .en { font-size: 18px; }
  .IndexCommonTitle .cn { font-size: 20px; }
  .SectionA .left .con .title { font-size: 18px; margin-top: 20px; }
  .SectionA .left .con .desc { font-size: 14px; }
  .SectionA .left .con .img { margin-top: 20px; padding: 0 20px; }
  .SectionA .left .con .iconimg { margin-top: 10px; }
  .SectionA .right ul { padding: 30px 20px; }
  .SectionA .right ul li .text .title { font-size: 16px; }
  .SectionA .left .con .iconimg { padding: 0 20px; }
  .SectionB .main .con { margin-top: 20px; }
  .SectionB .main .con ul li .img { height: auto; }
  .SectionB .main .con ul li { padding: 0 5px; }
  .SectionB .main .con ul li .img img { width: 40px; }
  .SectionA .right ul li { margin-bottom: 20px; }
  .SectionB .main .con ul li { -webkit-box-flex: initial; -webkit-flex: initial; -ms-flex: initial; flex: initial; width: 100px; padding: 0; }
  .SectionB .main .con ul li .img { height: 100px; }
  .SectionB .main .con ul { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
  .SectionB .main .con ul li .text { padding-top: 10px; }
  .SectionB .main .con ul li .text .title { font-size: 16px; }
  .SectionC .main .con .left ul li a .date { font-size: 12px; }
  .SectionC .main .con .left ul li a .date span:nth-of-type(1) { font-size: 18px; }
  .SectionC .main .con .left ul li a .date span:nth-of-type(2) { font-size: 12px; }
  .SectionC .main .con .left ul li a .date { padding: 5px 10px; }
  .SectionC .main .con .left ul li { margin-top: 10px; }
  .SectionC .main .con .left ul { margin-top: 10px; }
  .SectionC .main .morelink { margin-top: 20px; }
  .SectionC .main .morelink a { font-size: 14px; padding: 10px 20px; }
  .SectionD .main .left .text .desc { font-size: 14px; margin-top: 20px; }
  .SectionD .main .left .text a { font-size: 12px; }
  .SectionD .main .left .text .list ul li span:nth-of-type(1) { font-size: 20px; }
  .SectionD .main .left .text .list ul li span:nth-of-type(1) i { font-size: 12px; margin-left: 5px; }
  .SectionD .main .left .text .list ul li span:nth-of-type(2) { margin-top: 10px; }
  .SectionD .main .left .text .list ul li { padding: 20px 0; }
  .SectionD .main .left .text .list ul li::after { height: 30px; }
  .SectionB .main .con ul li { width: 90px; }
  .SectionB .main .con ul li .img { height: 90px; }
  .SectionC .main .con .right a .text { border-top: 0; } }