/* .news_link:hover { color: #004eb3; } */
.detail_link { color: #d9001b; }

.section_title { display: block; width: 383px; height: 93px; margin: 0 auto 60px; }


.logo { display: block; width: 252px; height: 90px; background: url(/uploads/image/e22pidefault/logo.png) no-repeat center; }


/* .banner { position: relative; height: 620px; padding-top: 30px; background: url(/uploads/image/e22pidefault/banner_bg.jpg) no-repeat center top; background-size: cover; }
.banner .wrap { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; width: 1066px; height: 293px; } */
/* .banner .wrap { position: absolute; top: 40%; left: 50%; width: 1066px; height: 293px; margin: -146px 0 0 -533px; } */
/* .banner .img { display: block; width: 559px; height: 63px; margin: 70px auto 0; } */
/* .banner__img1, 
.banner__img2 { display: block; margin: 0 auto; }  */

/* @media (max-width: 1200px) {
  .banner { height: 530px; }
  .banner .wrap {
    top: 36%;
    width: 658px;
    height: 182px;
  }
  .banner__img1 { width: 290px; }
  .banner__img2 { width: 658px; }
}

@media (max-width: 1600px) {
  .banner { height: 700px; }
  .banner .wrap {
    top: 34%;
    width: 658px;
    height: 250px;
  }
  .banner__img1 { width: 346px; }
  .banner__img2 { width: 800px; }
} */


.banner { position: relative; height: 580px; padding-top: 30px; background: url(/uploads/image/e22pidefault/banner_bg.jpg) no-repeat center top; background-size: cover; }
.banner .wrap { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; width: 1066px; height: 293px; }
/* .banner .wrap { position: absolute; top: 40%; left: 50%; width: 1066px; height: 293px; margin: -146px 0 0 -533px; } */
/* .banner .img { display: block; width: 559px; height: 63px; margin: 70px auto 0; } */
/* .banner__img1, 
.banner__img2 { display: block; margin: 0 auto; }  */

/* @media (max-width: 1200px) {
  .banner { height: 530px; }
  .banner .wrap {
    top: 36%;
    width: 658px;
    height: 182px;
  }
  .banner__img1 { width: 290px; }
  .banner__img2 { width: 658px; }
}

@media (max-width: 1600px) {
  .banner { height: 700px; }
  .banner .wrap {
    top: 34%;
    width: 658px;
    height: 250px;
  }
  .banner__img1 { width: 346px; }
  .banner__img2 { width: 800px; }
} */
.banner__img1 { display: block; width: 40%; max-width: 559px; margin: 0 auto 90px; }
.banner__img2 { display: block; width: 60%; max-width: 1066px; margin: 0 auto; }

.m_banner { display: none; }



.news { margin-top: 40px; margin-bottom: 90px; }
.news__top_list .item { position: relative; text-indent: 12px; }
.news__top_list .item::before { content: ''; position: absolute; left: 0; width: 5px; height: 5px; margin: 7px 0 0  0; border-radius: 100%; background-color: #d9001b; }

.news__main { margin-bottom: 76px; }
.news__main img { margin: 82px 24px 0 0; }
.news__main .title { margin: 68px 0 25px; text-align: center; font-size: 40px; letter-spacing: 2px; font-weight: bold; }
.news__main .content { line-height: 26px; color: #666; text-indent: 32px; }
/* .detail_link { color: #d9001b; } */

.news__list .wrap:nth-child(1) { margin-bottom: 40px; }
.news__list .wrap:nth-child(1) img { margin-right: 50px; }
.news__list .wrap:nth-child(2) img { margin-left: 50px; }
.news__list img { width: 590px; height: 300px; }
.news__list .title { max-height: 60px; margin-bottom: 20px; line-height: 30px; font-size: 22px; font-weight: bold; letter-spacing: 2px; }
.news__list .content { line-height: 26px; color: #666; }
.news__list .line { margin: 18px 0; border-bottom: 1px dashed #ccc; }





.keywords { position: relative; height: 618px; margin-bottom: 50px; background: url(/uploads/image/e22pidefault/keywords_bg.jpg) no-repeat center; background-size: cover; }
.keywords::after { content: ''; position: absolute; top: 50%; left: 48%; transform: translate(-50%, -50%); width: 324px; height: 370px; background: url(/uploads/image/e22pidefault/keywords_icon_1.png) no-repeat center; }
.keywords .wrap { position: absolute; top: 50%; left: 48%; transform: translate(-50%, -50%); height: 100%; }
.keywords a { position: absolute; white-space: nowrap; }





.education_voice { margin-bottom: 50px; }
.education_voice .wrap { width: 570px; }
.education_voice .column_title { margin-bottom: 27px; border-bottom: 1px solid #f8e7d6; }
.education_voice .column_title span { display: inline-block; border-bottom: 3px solid #d51d1c; font-size: 34px; color: #d51d1c; }
.education_voice .column_title a { display: inline-block; margin-top: 14px; font-size: 14px; color: #999; font-weight: normal; }
.principal_list .item:not(:last-child) { padding-bottom: 26px; margin-bottom: 26px; border-bottom: 1px dashed #ccc; }
.principal_list .title { margin-bottom: 16px; line-height: 30px; font-size: 20px; letter-spacing: 2px; }
.principal_list .content { height: 48px; line-height: 24px; font-size: 14px; color: #666; }

.viewpoint_list .item:not(:last-child) .title { margin-bottom: 12px; }
.viewpoint_list .item.on .title { margin-bottom: 0; background-color: #d9001b; color: #fff; font-weight: bold; }
.viewpoint_list .item.on .content { display: block; padding: 22px; }
.viewpoint_list  .title { height: 54px; padding: 0 22px; line-height: 54px; font-size: 20px; background-color: #f0f0f0; }
.viewpoint_list .title span { display: block; }
.viewpoint_list .content { display: none; padding: 0 }
.viewpoint_list .content span { line-height: 24px; font-size: 14px; color: #666; }

.reply_list__wrap { margin-top: 40px; }
.reply_list .item { position: relative; width: 50%; padding-right: 20px; line-height: 48px; font-size: 18px; text-indent: 20px; }
.reply_list .item::before { content: ''; position: absolute; left: 0; width: 6px; height: 6px; margin: 22px 0 0 2px; transform: rotate(45deg); background-color: #d9001b; }


.education_online { margin-bottom: 50px; }
.education_online .main_img { position: relative; display: block; }
.education_online .main_img::after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, .1) url(/uploads/image/e22pidefault/bf_big.png) no-repeat center; }
.education_online .img { width: 630px; height: 420px; }
.education_online .top_wrap { padding: 46px 40px 40px 0; margin-top: 34px; background-color: #fafafa; box-shadow: 0 0 10px #eee; }
.education_online .top_wrap .title { height: 62px; text-align: center; line-height: 62px; font-size: 22px; background-color: #d9001b; color: #fff; }
.education_online .top_wrap .content { margin: 38px 0 0 34px; line-height: 28px; color: #666; }

.education_online .list { margin-top: 62px; }
.education_online .item { position: relative; width: 370px; margin-bottom: 36px; text-align: center; }
.education_online .list a::after { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 210px; background: rgba(0, 0, 0, .1) url(/uploads/image/e22pidefault/bf.png) no-repeat center; }
.education_online .list img { display: block; height: 210px; margin-bottom: 10px; }


/* .mobile { padding-bottom: 50px; margin-bottom: 45px; background: url(/uploads/image/e22pidefault/mobile_bg.jpg) no-repeat center; background-size: cover; }
.mobile .img { position: relative; width: 300px; height: 599px; margin-left: 70px; }
.mobile .img::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/uploads/image/e22pidefault/pda_img.png) no-repeat center; }
.mobile .list { padding-top: 80px; }
.mobile .item { height: 72px; padding-left: 64px; line-height: 72px; font-size: 26px; color: #000; cursor: pointer; }
.mobile .item::before { content: ''; display: inline-block; width: 32px; height: 32px; margin: 0 18px -6px 0; background: url(/uploads/image/e22pidefault/mobile_icon_1.png) no-repeat center; }
.mobile .item.on { background-color: #d9001b; color: #fff; }
.mobile .qr { width: 162px; margin-top: 30px; }
.mobile .qr_text { display: block; margin-top: 4px; font-size: 18px; color: #000; } */


.mobile { padding-bottom: 50px; margin-bottom: 45px; background: url(/uploads/image/e22pidefault/mobile_bg.jpg) no-repeat center; background-size: cover; }
.mobile_img { position: relative; float: left; width: 300px; height: 599px; margin-left: 70px; }
.mobile_img::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/uploads/image/e22pidefault/pda_img.png) no-repeat center; }
.mobile_img .img { width: 262px; height: 564px; margin: 18px 0 0 20px; }
.mobile .list { padding-top: 80px; }
.mobile .item { height: 72px; padding-left: 64px; line-height: 72px; font-size: 26px; color: #000; cursor: pointer; }
.mobile .item::before { content: ''; display: inline-block; width: 32px; height: 32px; margin: 0 18px -6px 0; background: url(/uploads/image/e22pidefault/mobile_icon_1.png) no-repeat center; }
.mobile .item.on { background-color: #d9001b; color: #fff; }
.mobile .qr { width: 162px; margin-top: 30px; }
.mobile .qr_text { display: block; margin-top: 4px; font-size: 18px; color: #000; }





.images { margin-bottom: 70px; }
.images_wrap { position: relative; }
.images .swiper-container { width: 1000px; height: 480px; margin: 0 auto; }
.images .swiper-container img {
  /* display: block; width: 1000px; */
  max-height: 480px; }
.swiper-button-next,
.swiper-button-prev { width: 55px !important; height: 55px !important; border-radius: 100% !important; background-color: #f5f5f5; color: #c1c1c1 !important; outline: none; }
.swiper-button-next::after,
.swiper-button-prev::after { font-size: 26px !important; }
.swiper-button-next:hover,
.swiper-button-prev:hover { background-color: #d9001b; color: #fff !important; }
.swiper-button-next,
.swiper-button-prev { width: 55px !important; height: 55px !important; border-radius: 100% !important; background-color: #f5f5f5; color: #c1c1c1 !important; }
.swiper-slide {
  text-align: center;
}




.footer { padding: 20px 0 14px; height: 100px; text-align: center; line-height: 22px; font-size: 12px; background: #333; color: #fff; }
/* friendlink */
.footer .friendlink .link { vertical-align: middle; }
.footer .friendlink .link:hover { color: #c3c3c3; }
.footer .friendlink .line { display: inline-block; width: 1px; height: 12px; margin: 0 6px; vertical-align: middle; background-color: rgba(255, 255, 255, .7); }
/* right */
.footer .right .link { margin: 0 6px; }
.footer .right .link:hover { color: #c3c3c3; }
/* contact */
.footer .contact .email:hover { color: #c3c3c3; }

.m_footer { display: none; }


.keywords a { animation-name: move; animation-duration: 16s; animation-timing-function: linear; animation-iteration-count: infinite; position: absolute; white-space: nowrap; }
.keywords a:hover { animation-play-state: paused; }
.keywords__text_1 { top: 56px; left: -74px; font-size: 24px; }
.keywords__text_2 { animation-delay: 1s; top: 73px; left: -330px; font-size: 34px; color: #bf0002; }
.keywords__text_3 { animation-delay: .5s; top: 75px; left: 184px; font-size: 20px; opacity: .8; }
.keywords__text_4 { animation-delay: 2s; top: 95px; left: 432px; font-size: 22px; }
.keywords__text_5 { animation-delay: .7s; top: 140px; left: -530px; font-size: 32px; opacity: .6; }
.keywords__text_6 { animation-delay: .2s; top: 173px; left: 228px; font-size: 34px; color: #d51d1c; }
.keywords__text_7 { animation-delay: 1.2s; top: 206px; left: -314px; font-size: 24px; }
.keywords__text_8 { animation-delay: 1.6s; top: 254px; left: -530px; font-size: 22px; color: #ad0100; opacity: .6; }
.keywords__text_9 { animation-delay: .4s; top: 254px; left: 412px; font-size: 24px; opacity: .9; }
.keywords__text_10 { animation-delay: 1.6s; top: 319px; left: -400px; font-size: 36px; }
.keywords__text_11 { animation-delay: 2s; top: 308px; left: 224px; font-size: 30px; }
.keywords__text_12 { animation-delay: .5s; top: 367px; left: 434px; font-size: 30px; opacity: .7; }
.keywords__text_13 { animation-delay: 1.7s; top: 404px; left: -518px; font-size: 22px; opacity: .8; }
.keywords__text_14 { animation-delay: .2s; top: 410px; left: 192px; font-size: 22px; opacity: .8; }
.keywords__text_15 { animation-delay: 1s; top: 480px; left: -458px; font-size: 28px; }
.keywords__text_16 { animation-delay: .4s; top: 490px; left: 350px; font-size: 24px; color: #ad0100; opacity: .6; }
.keywords__text_17 { animation-delay: 1.4s; top: 525px; left: -238px; font-size: 20px; opacity: .8; }
.keywords__text_18 { animation-delay: 1s; top: 524px; left: 54px; font-size: 32px; opacity: .8; }
@keyframes move {
  0% { transform: translate(0); }
  15% { transform: translate(10px, -10px); }
  30% { transform: translate(16px, 10px); }
  45% { transform: translate(0); }
  60% { transform: translate(-10px, 10px); }
  75% { transform: translate(-16px, -16px); }
  100% { transform: translate(0); }
}