/* neimenggu 2022.9.9 */

ul::after { display: none; }

.boxContainer { padding: 30px 0; }

.bannerBox { background: url(../images/banner_bg.png) no-repeat center top / 120% 100%; height: 680px; padding: 30px 0 20px; }
.bannerBox .wrap { display: flex; justify-content: space-between; align-items: center; }
.bannerBox .bannerL { width: 52%; }
.bannerBox h2 { font-size: 34px; font-weight: normal; text-align: center; color: #FFFFFF; }
.bannerBox h1 { width: 100%; margin: 50px auto -20px; }
.bannerBox h1 img { display: block; width: 100%; height: 100%; }
.bannerBox p { width: 100%; margin: 0 auto; }
.bannerBox .bannerR { width: 46%; }
.bannerBox .bannerR img { display: block; width: 100%; }

.bg1 { background: url(../images/box_bg1.png) no-repeat center top / 100% 100%; }
.bg2 { background: url(../images/box_bg2.png) no-repeat center bottom / 100% 80%; }
.bg3 { background: url(../images/box_bg3.png) no-repeat center top / 100% 100%; }

.box1 { margin-top: -50px; }

.boxTit1 { display: flex; justify-content: center; align-items: baseline; font-size: 40px; font-weight: bold; line-height: 60px; margin: 0 auto 30px; color: #333333; }
.boxTit1 span { color: #DD0000; }
.boxTitL { width: 100px; height: 20px; position: relative; left: 60px; top: 15px; z-index: 1; }
.boxTitR { width: 100px; height: 20px;  position: relative; right: 60px; top: 15px; z-index: 1; }
.boxTit2 { display: flex; justify-content: center; align-items: baseline; font-size: 40px; font-weight: bold; line-height: 60px; margin: 0 auto 30px; color: #FFFFFF; }
.boxTit2 span { color: #FFFFFF; }

.tsList { display: flex; justify-content: space-evenly; flex-wrap: wrap; }
.tsList li { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 46%; margin-bottom: 30px; background: #FFFFFF; box-shadow: 0 0 20px #CCCCCC; border-radius: 10px; position: relative; }
.tsList .tsT { width: 100%; background: linear-gradient(90deg,#F25936,#E24420); padding: 10px 20px; box-sizing: border-box; border-radius: 10px 10px 0 0; font-size: 22px; color: #FFFFFF; line-height: 30px; }
.tsList .tsB { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 30px; box-sizing: border-box; border-radius: 0 0 10px 10px; }
.tsList .tsBL { display: flex; justify-content: flex-start; align-items: center; }
.tsList .tsBL img { display: block; width: 66px; height: 56px; margin-right: 20px; }
.tsList .tsBL p { font-size: 18px; line-height: 34px; }
.tsList .tsBR p { font-size: 16px; line-height: 28px; color: #444444; }
.tsList .tsBR p span { margin-right: 4px; }
.tsList li:nth-last-child(1) { box-shadow: 0 0 0; }
.tsList li .tsShadow { display: block; width: 100px; height: auto; position: absolute; right: 10px; top: 0; }
.tsBuy { display: block; width: 280px; height: 50px; border: 2px solid #E24420; border-radius: 25px; box-shadow: 0 0 10px #F25936; font-size: 24px; color: #E24420; text-align: center; line-height: 50px; animation: 3s tada linear infinite; }

.bgMajor { background: #FFFFFF; box-shadow: 0 0 10px #CCCCCC; border-radius: 20px; padding: 30px; box-sizing: border-box; margin-bottom: 60px; }
.curveBox { position: relative; margin: 80px auto; }
.curveItem img { width: 8px; height: auto; margin: 0 auto; }
.curveItem { width: 20%;  display: flex; justify-content: center; flex-direction: column; }
.curveItem .curveItemM1 { width: 90%; height: 40px; margin: 0 auto 10px; background: linear-gradient(90deg,#DD0000,#E24420); border-radius: 20px; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 40px; }
.curveItem .curveItemM2 { width: 90%; height: 40px; margin: 10px auto 0; background: linear-gradient(90deg,#FFA000,#FF7000); border-radius: 20px; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 40px; }
.curveItem p { font-size: 16px; text-align: center; line-height: 24px; }
.curveItem1 { position: absolute; left: 75px; top: 70px; }
.curveItem2 { position: absolute; left: 265px; top: -60px; }
.curveItem3 { position: absolute; left: 455px; top: 70px; }
.curveItem4 { position: absolute; left: 645px; top: -60px; }
.curveItem5 { position: absolute; left: 835px; top: 70px; }
.majorDescTit { width: 300px; height: 50px; background: url(../images/tit_bg5.png) no-repeat center top / 100% 100%; padding: 0 10px; font-size: 22px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 40px; position: relative; z-index: 2; margin-bottom: -20px; }
.majorDescP { background: #FFF6D9; padding: 30px; font-size: 18px; color: #333333; line-height: 30px; }

.mkList { display: flex; justify-content: space-evenly; flex-wrap: wrap; margin-top: -20px; }
.mkList li { width: 33%; background: url(../images/mk_bg.png) no-repeat center top / 100% 100%; padding: 60px 50px; box-sizing: border-box; position: relative; }
.mkList li .ksImg { position: absolute; right: 0; top: 0; display: block; width: 80px; height: auto; }
.mkList li .mkT { font-size: 22px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 36px; }
.mkList li .mkM { display: block; width: 90%; margin: 10px auto 20px; }
.mkList li .mkB { display: flex; justify-content: space-between; align-items: flex-start; }
.mkList li .mkBL { display: block; width: 18px; height: auto; margin-top: 6px; }
.mkList li .mkBR { width: calc(100% - 50px); }
.mkList li .mkBR p { font-size: 18px; color: #FFFFFF; line-height: 28px; margin-bottom: 8px; }
.btmLine { display: block; margin: 0 auto; }
.mkBuy { display: block; width: 240px; height: 50px; background: #FFD000; border-radius: 25px; box-shadow: 0 0 10px #DD0000; font-size: 24px; color: #000000; text-align: center; line-height: 50px; margin: 25px auto; animation: 3s tada linear infinite; }

.bgBook { background: #FFFFFF; box-shadow: 0 0 10px #CCCCCC; border-radius: 20px; padding: 30px; box-sizing: border-box; margin-bottom: 40px; }
.tabList { display: flex; justify-content: flex-start; margin-bottom: 20px; }
.tabList li { width: 220px; height: 40px; border: 2px solid #E24420; border-radius: 20px; font-size: 20px; color: #DD0000; text-align: center; line-height: 40px; margin-right: 20px; cursor: pointer; }
.tabList li.active { background: linear-gradient(#DD0000,#E24420); color: #FFFFFF; }
.bookWrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.bookL { display: flex; justify-content: center; align-items: center; width: 40px; height: 200px; background: url(../images/trapeziod.png) no-repeat center top / 100% 100%; font-size: 20px; font-weight: bold; color: #FFFFFF; line-height: 36px; }
.bookR { width: calc(100% - 40px); padding: 20px; box-sizing: border-box; background: #FFF4F0; border-radius: 10px; }
.swiper-button-next, .swiper-button-prev { color: #E24420; }
.bookItem { background: linear-gradient(#DD0000,#E24420); border-radius: 16px; padding: 6px; box-sizing: border-box; }
.bookItem img { display: block; margin: 0 auto; border-radius: 10px 10px 0 0; }
.bookItem span { display: block; width: 100%; background: linear-gradient(90deg,#FF8633,#FEB75F); border-radius: 0 0 10px 10px; font-size: 18px; color: #FFFFFF; text-align: center; line-height: 40px; box-shadow: 0 10px 20px #DD0000; }
.bookItem p { padding: 10px 0; font-size: 16px; color: #FFFFFF; text-align: center; line-height: 28px; }
.bookB { width: 100% }
.bookBuy { display: block; width: 240px; height: 50px; background: linear-gradient(#DD0000,#E24420); border-radius: 25px; box-shadow: 0 0 10px #DD0000; font-size: 24px; color: #FFFFFF; text-align: center; line-height: 50px; margin: 25px auto; animation: 3s tada linear infinite; }

.fwBox { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.fwItem { width: 25%; background: #EEEEEE; }
.fwItem img { display: block; width: 100%; height: 255px; }
.fwItem .fwItemTMB { height: 255px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px; box-sizing: border-box; }
.fwItem .fwItemTMB .fwItemT { font-size: 36px; font-style: italic; color: #999999; }
.fwItem .fwItemTMB .fwItemM { font-size: 22px; line-height: 48px; color: #000000; border-bottom: 2px solid #E24420; }
.fwItem .fwItemTMB .fwItemB { margin-top: 10px; margin-bottom: 10px; font-size: 18px; line-height: 30px; color: #333333; }
.fwItem:first-child .fwItemTMB { height: 510px; background: url(../images/fw_bg1.png) no-repeat center top / 100% 100%; }
.fwItem:first-child .fwItemTMB .fwItemT, .fwItem:first-child .fwItemTMB .fwItemM, .fwItem:first-child .fwItemTMB .fwItemB { color: #FFFFFF; }
.fwItem:first-child .fwItemTMB .fwItemM { border-color: #FFFFFF; }
.fwItem:last-child .fwItemTMB { background: url(../images/fw_bg2.png) no-repeat right center / 15% 30%; }

.bg3 .boxTit2 { margin-top: 30px; }
.ghList { display: flex; justify-content: space-evenly; flex-wrap: wrap; }
.ghList li { width: 29%; padding: 20px; box-sizing: border-box; border-radius: 10px; box-shadow: 0 10px 10px #DD0000; margin-bottom: 30px; position: relative; }
.ghList li:nth-child(odd) { background: #FFFFFF; }
.ghList li:nth-child(even) { background: #FF0000; color: #FFFFFF; }
.ghList .ghT { display: flex; justify-content: space-between; align-items: center; }
.ghList .ghT span { width: 240px; height: 40px; background: linear-gradient(90deg,#FF8633,#FEB75F); border-radius: 0 20px 20px 0; font-size: 20px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 40px; margin-left: -30px; }
.ghList .ghT img { display: block; width: 30px; height: 30px; }
.ghList .ghM { margin-top: 20px; margin-bottom: 30px; font-size: 16px; line-height: 24px; }
.ghList .ghB { width: 90%; position: absolute; left: 50%; bottom: 15px; transform: translateX(-50%); }

.floatBtm { position: fixed; left: 0; bottom: 0; z-index: 10; width: 100%; padding: 90px 0 20px; background: url(../images/float_bg.png) no-repeat center top / cover; display: flex; justify-content: center; }
.floatBtm p { font-size: 32px; font-weight: bold; color: #FFFFFF; line-height: 40px; text-shadow: 4px 4px 4px #E24420; }
.floatBtm img { display: block; width: 58px; height: 48px; margin: 0 20px; }
.floatBtm a { display: block; width: 160px; height: 40px; background: linear-gradient(90deg,#DD0000,#E24420); border-radius: 20px; box-shadow: 0 0 10px #DD0000; font-size: 20px; color: #FFFFFF; text-align: center; line-height: 40px; animation: 3s tada linear infinite; }


@media only all and (max-width: 1200px) {

  .boxContainer { padding: .75rem 0; }

  .bannerBox { background: url(../images/banner_bg.png) no-repeat center top / 130% 100%; height: 10rem; padding: 1.5rem 0 0; }
  .bannerBox .wrap { justify-content: center; }
  .bannerBox .bannerL { width: 62%; }
  .bannerBox h2 { font-size: .8rem; }
  .bannerBox h1 { width: 100%; margin: .75rem auto -.5rem; }
  .bannerBox .bannerR { width: 34%; }
  .bannerBox .bannerR img { width: 90%; margin: 0 auto; }

  .bg2 { background-size: cover; }
  .bg3 { background-position: right top; background-size: 150% 100%; }

  .box1 { margin-top: -.9rem; }

  .boxTit1 { font-size: .95rem; line-height: 1.5rem; margin: 0 auto .5rem; }
  .boxTitL { width: 1.5rem; height: .3rem; left: 1.2rem; top: .1rem; }
  .boxTitR { width: 1.5rem; height: .3rem; right: 1.2rem; top: .4rem; }
  .boxTit2 { font-size: .95rem; line-height: 1.5rem; margin: 0 auto .5rem; }

  .tsList li { margin-bottom: .5rem; box-shadow: 0 0 .5rem #CCCCCC; border-radius: .25rem; }
  .tsList .tsT { padding: .2rem .5rem; border-radius: .25rem .25rem 0 0; font-size: .75rem; line-height: 1.5rem; }
  .tsList .tsB { padding: .25rem; border-radius: 0 0 .25rem .25rem; height: 9rem; }
  .tsList .tsBL { width: 100%; flex-direction: column; justify-content: center; }
  .tsList .tsBL img { width: 2rem; height: 1.8rem; margin-right: 0; }
  .tsList .tsBL p { font-size: .7rem; line-height: 1.1rem; text-align: center; margin: .25rem auto; }
  .tsList .tsBR { width: 100%; }
  .tsList .tsBR p { font-size: .65rem; line-height: 1rem; text-align: center; }
  .tsList .tsBR p span { margin-right: 0; display: block; width: 100%; text-align: center; }
  .tsList li .tsShadow {width: 2.5rem; right: .25rem; }
  .tsBuy { width: 7rem; height: 1.6rem; border-radius: .8rem; box-shadow: 0 0 .25rem #F25936; font-size: .8rem; line-height: 1.6rem; }

  .bgMajor { box-shadow: 0 0 .25rem #CCCCCC; border-radius: .5rem; padding: .5rem; box-sizing: border-box; margin-bottom: .75rem; overflow-y: scroll; overflow-y: scroll; }
  .curveBox { position: relative; margin: 3rem auto 3rem; }
  .curveImg { width: 100%; }
  .curveImg img { display: block; max-width: 200%; width: 200%; height: auto; }
  .curveItem img { display: block; width: .4rem; height: auto; margin: 0 auto; }
  .curveItem { width: 45%;  display: flex; justify-content: center; flex-direction: column; }
  .curveItem .curveItemM1 { height: 1.2rem; margin: 0 auto .25rem; border-radius: .6rem; font-size: .6rem; line-height: 1.2rem; }
  .curveItem .curveItemM2 { height: 1.2rem; margin: .25rem auto 0; border-radius: .6rem; font-size: .6rem; line-height: 1.2rem; }
  .curveItem p { font-size: .6rem; line-height: .9rem; }
  .curveItem1 { left: 1.8rem; top: 1rem; }
  .curveItem2 { left: 7.5rem; top: -1.8rem; }
  .curveItem3 { left: 13.2rem; top: 1rem; }
  .curveItem4 { left: 18.8rem; top: -1.8rem; }
  .curveItem5 { left: 24.5rem; top: 1rem; }
  .majorDescTit { width: 8rem; height: 1.8rem; padding: 0 .25rem; font-size: .75rem; line-height: 1.4rem; margin-bottom: -.5rem; }
  .majorDescP { padding: .5rem; font-size: .65rem; line-height: 1rem; }
  .curveMS { font-size: .7rem; text-align: center; line-height: 1.2rem; margin-bottom: .75rem; }

  .mkList { margin-top: 0; }
  .mkList li { background: #FF0000; border-radius: 1rem 0 0 0; width: 100%; padding: 1.25rem 1.5rem .75rem; margin-bottom: .5rem; position: relative; }
  .mkList li .ksImg { position: absolute; right: 0; top: 0; display: block; width: 2.25rem; }
  .mkList li .mkT { font-size: .75rem; line-height: 1.2rem; }
  .mkList li .mkM { width: 100%; margin: .25rem auto .75rem; }
  .mkList li .mkBL { width: .5rem; margin-top: .75rem; }
  .mkList li .mkBR { width: calc(100% - 1rem); }
  .mkList li .mkBR p { font-size: .7rem; line-height: 1.2rem; margin-bottom: 0; }
  .btmLine { display: block; margin: 0 auto; }
  .mkBuy { width: 7rem; height: 1.6rem; border-radius: .8rem; box-shadow: 0 0 .25rem #DD0000; font-size: .8rem; line-height: 1.6rem; margin: .25rem auto; }

  .bgBook { box-shadow: 0 0 .25rem #CCCCCC; border-radius: .5rem; padding: .25rem; margin-bottom: .75rem; }
  .tabList { margin-bottom: .5rem; justify-content: center; }
  .tabList li { width: 7.5rem; height: 1.6rem; border-radius: .8rem; font-size: .7rem; line-height: 1.6rem; margin-right: .25rem; }
  .bookL { width: 1.2rem; height: 5rem; font-size: .7rem; line-height: 1rem; }
  .bookR { width: calc(100% - 1.2rem); padding: .25rem; border-radius: .25rem; }
  .bookItem { border-radius: .4rem; padding: .2rem; }
  .bookItem img { border-radius: .25rem .25rem 0 0; }
  .bookItem span { border-radius: 0 0 .25rem .25rem; font-size: .7rem; line-height: 1.3rem; box-shadow: 0 .25rem .5rem #DD0000; }
  .bookItem p { padding: .25rem 0; font-size: .65rem; line-height: 1rem; }
  .bookBuy { width: 7rem; height: 1.6rem; border-radius: .8rem; box-shadow: 0 0 .25rem #DD0000; font-size: .8rem; line-height: 1.6rem; margin: .5rem auto; }

  .fwItem { width: 50%; }
  .fwItem img { height: 8rem; }
  .fwItem .fwItemTMB { height: 8rem; padding: .4rem; }
  .fwItem .fwItemTMB .fwItemT { font-size: .85rem; }
  .fwItem .fwItemTMB .fwItemM { font-size: .75rem; line-height: 1.2rem; }
  .fwItem .fwItemTMB .fwItemB { margin-top: .25rem; margin-bottom: .25rem; font-size: .65rem; line-height: 1.1rem; }
  .fwItem:first-child .fwItemTMB { height: 16rem; }

  .bg3 .boxTit2 { margin-top: .75rem; }
  .ghList li { width: 45%; padding: .5rem; border-radius: .25rem; box-shadow: 0 .25rem .25rem #DD0000; margin-bottom: .75rem; }
  .ghList .ghT span { width: 8rem; height: 1.5rem; border-radius: 0 .75rem .75rem 0; font-size: .7rem; line-height: 1.5rem; margin-left: -.75rem; }
  .ghList .ghT img { display: none; width: .75rem; height: .75rem; }
  .ghList .ghM { margin-top: .5rem; margin-bottom: .75rem; font-size: .65rem; line-height: 1rem; }
  .ghList .ghB { bottom: .4rem; }

  .floatBtm { padding: 2.2rem 0 .25rem; }
  .floatBtm p { font-size: .8rem; line-height: 1.2rem; text-shadow: .1rem .1rem .1rem #E24420; }
  .floatBtm img { width: 1.4rem; height: 1.2rem; margin: 0 .25rem; }
  .floatBtm a { display: block; width: 4.5rem; height: 1.5rem; border-radius: .75rem; box-shadow: 0 0 .25rem #DD0000; font-size: .75rem; line-height: 1.5rem; }

}