/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

body {
  font-family: pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif !important;
  color: #333;
  background: #F8F8F8;
}

body::-webkit-scrollbar {
  display: none;
}

.pc-header {
  width: 100%;
  height: 90px;
  background: #C1272D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
}

a {
  text-decoration: none;
}

.pc-header-left {
  width: 233px;
  height: 52px;
  margin-left: 16px;
}

.pc-header-right {
  margin-left: auto;
  margin-right: 50px;
}

.pc-header-right-link {
  margin: 0 50px;
  font-size: 32px;
  
  font-weight: bold;
  color: #FFFFFF;
  line-height: 48px;
  cursor: pointer;
}

.pc-index {
  width: 100%;
  height: 1080px;
  position: relative;
}

.pc-index-banner {
  width: 100vw;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.pc-index-banner ul {
  position: relative;
  height: 100%;
  right: 0;
}

.pc-index-banner ul li {
  float: left;
  height: 100%;
  width: 100vw;
}

.pc-index-banner ul li img {
  height: 100%;
  width: 100vw;
}

.pc-index-banner-indicator {
  width: 100vw;
  text-align: center;
  position: absolute;
  bottom: 46px;
  display: flex;
  justify-content: center;
  z-index: 1;
}

.pc-index-banner-indicator div {
  width: 15px;
  height: 15px;
  border-radius: 8px;
  background: #FFFFFF;
  margin-left: 20px;
}

.pc-index-banner-indicator-active {
  background-color:#C1272D !important;
}

.pc-script-title {
  width: 360px;
  height: 99px;
  display: block;
  margin: 122px auto 0;
}

.pc-script-new {
  margin: 141px auto 0;
  width: 1282px;
  height: auto;
  background: linear-gradient(145deg, #F8F8F8 0%, #E9E9E9 100%);
  box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.31);
  border-radius: 25px;
  display: flex;
  overflow: hidden;
}

.pc-script-new-left {
  box-sizing: border-box;
  padding: 78px 0;
  width: 454px;
  background: linear-gradient(140deg, #D3171E 0%, #C81729 100%);
  border-radius: 26px 0px 0px 26px;
}

.pc-script-new-left-year {
  width: 100%;
  text-align: center;
  font-size: 70px;
  
  font-weight: bold;
  color: #FFFFFF;
  line-height: 105px;
}

.pc-script-new-left-desc {
  width: 100%;
  text-align: center;
  font-size: 47px;
  
  font-weight: 500;
  color: #FFFFFF;
  line-height: 71px;
}

.pc-script-new-left-names {
  margin-top: 76px;
  margin-left: 29px;
}

.pc-script-new-left-names-name {
  width: 426px;
  font-size: 30px;
  
  font-weight: bold;
  color: #FFFFFF;
  line-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis; 
  white-space: nowrap;
}

.pc-script-new-right {
  box-sizing: border-box;
  padding: 80px 0px 30px 8px;
  display: flex;
  flex-wrap: wrap;
}

.pc-script-new-right-img {
  width: 203px;
  height: 320px;
  /* margin-left: 62px; */
  /* margin-bottom: 71px; */
}

.pc-script-common {
  margin: 149px auto 0;
  width: 1282px;
  height: auto;
  background: linear-gradient(145deg, #F8F8F8 0%, #E9E9E9 100%);
  box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.31);
  border-radius: 25px;
  display: flex;
}

.pc-script-common-right {
  box-sizing: border-box;
  padding: 78px 0;
  width: 484px;
  background: linear-gradient(140deg, #D3171E 0%, #C81729 100%);
  border-radius: 0px 26px 26px 0px;
}

.pc-script-common-left {
  flex: 1;
  box-sizing: border-box;
  display: flex;
}

.pc-script-common-left-img {
  width: 203px;
  height: 320px;
  /* margin-left: 62px;
  margin-bottom: 71px; */
}

.pc-script-common-right-year {
  width: 100%;
  text-align: center;
  font-size: 70px;
  
  font-weight: bold;
  color: #FFFFFF;
  line-height: 105px;
}

.pc-script-common-right-desc {
  width: 100%;
  text-align: center;
  font-size: 47px;
  
  font-weight: 500;
  color: #FFFFFF;
  line-height: 71px;
}

.pc-script-common-right-names {
  margin-top: 76px;
}

.pc-script-common-right-names-name {
  width: 100%;
  font-size: 30px;
  box-sizing: border-box;
  padding-right: 20px;
  text-align: right;
  
  font-weight: bold;
  color: #FFFFFF;
  line-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis; 
  white-space: nowrap;
}

.pc-about {
  margin-top: 156px;
  background-color: #F8F8F8;
}

.pc-about-title {
  display: block;
  width: 360px;
  height: 99px;
  margin: 0 auto;
}

.pc-about-content {
  display: flex;
  justify-content: space-around;
  margin-top: 145px;
  width: 100vw;
}

.pc-about-content-card {
  width: 773px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pc-about-content-card-logo1 {
  margin-bottom: 99px;
  width: 564px;
  height: 127px;
}

.pc-about-content-card-logo2 {
  margin-bottom: 99px;
  width: 466px;
  height: 127px;
}

.pc-about-content-text {
  font-size: 40px;
  text-align: left;
  font-weight: bold;
  color: #262626;
  line-height: 50px;
  letter-spacing: 5px;
}

.pc-about-content-red {
  color: #C1262C;
}

.pc-platform {
  margin-top: 200px;
  width: 100vw;
  height: auto;
}

.pc-other {
  display: flex;
  margin-top: 196px;
  justify-content: space-around;
}

.pc-other-left {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pc-other-left-img {
  width: 360px;
  height: 106px;
  margin-bottom: 64px;
}

.pc-other-left-wechat {
  width: 394px;
  height: 550px;
}

.pc-other-right {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pc-other-right-img {
  width: 360px;
  height: 106px;
}

.pc-other-right-card {
  box-sizing: border-box;
  padding: 43px 43px 0 47px;
  margin-top: 81px;
  width: 863px;
  height: 604px;
  background: #FFFFFF;
  box-shadow: 2px 2px 19px 0px rgba(0,0,0,0.23);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pc-other-right-card-text {
  width: 100%;
  font-size: 1.6em;
  text-align: center;
  
  font-weight: 500;
  color: #262626;
  line-height: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc-other-right-card-divide {
  width: 100%;
  height: 3px;
  background: #333333;
  margin: 7px auto 7px;
}

.pc-other-right-card-img {
  width: 555px;
  height: 135px;
  margin-top: 20px;
}

.pc-hortor {
  padding: 144px 0;
  background: #F8F8F8;
  text-align: center;
}

.pc-hortor img {
  margin-bottom: 30px;
}

.pc-hortor p {
  margin: 0;
  font-size: 20px;
  
  font-weight: 400;
  color: #1F1F2C;
  line-height: 30px;
}

.pc-hortor a {
  font-size: 16px;
  font-family: Noto Sans SC-Light, Noto Sans SC;
  font-weight: 300;
  color: #1F1F2C;
  line-height: 22px;
}

/*---------------mobile------------------- */
.mobile {
  background: #F8F8F8;
}

.mobile-header {
  width: 100vw;
  height: .7rem;
  background: #C1272D;
  display: flex;
  box-sizing: border-box;
  padding: 0 .13rem 0 .12rem;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
}

.mobile-header-logo {
  width: 1.8rem;
  height: .41rem;
}

.mobile-header-right {
  font-size: .32rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .48rem;
  display: flex;
  align-items: center;
}

.mobile-header-right img {
  width: .26rem;
  height: .13rem;
  margin-left: .15rem;
}

.mobile-nav {
  display: none;
  z-index: 11;
  position: fixed;
  top: 0;
  width: 100vw;
  height: 5.07rem;
  background: #C1272D;
}

.mobile-nav-wrap {
  position: absolute;
  right: 0;
  top: 0;
  width: 1rem;
  height: 1rem;
}

.mobile-nav-wrap img {
  width: .26rem;
  height: .13rem;
  position: absolute;
  top: .33rem;
  right: .25rem;
  transform: rotate(180deg);
}

.mobile-list {
  display: flex;
  flex-direction: column;
  margin-top: .58rem;
  margin-left: .54rem;
}

.mobile-list-link {
  font-size: .4rem;
  
  font-weight: bold;
  color: #FFFFFF;
  line-height: .6rem;
  margin-bottom: .6rem;
}

.mobile-index {
  width: 100%;
  height: 12rem;
  position: relative;
}

.mobile-index-banner {
  width: 100vw;
  height: 12rem;
  position: relative;
  overflow: hidden;
}

.mobile-index-banner ul {
  position: relative;
  height: 12rem;
  right: 0;
}

.mobile-index-banner ul li {
  float: left;
  height: 12rem;
  width: 100vw;
}

.mobile-index-banner ul li img {
  height: 12rem;
  width: 100vw;
}

.mobile-index-banner-indicator {
  width: 100vw;
  text-align: center;
  position: absolute;
  bottom: .46rem;
  display: flex;
  justify-content: center;
  z-index: 1;
}

.mobile-index-banner-indicator div {
  width: .2rem;
  height: .2rem;
  border-radius: .16rem;
  background: #FFFFFF;
  margin-left: .28rem;
}

.mobile-index-banner-indicator-active {
  background-color:#C1272D !important;
}

.mobile-script {
  background-color: #F8F8F8;
}

.mobile-script-title {
  display: block;
  margin: .7rem auto 0;
  width: 2.28rem;
  height: .65rem;
}

.mobile-script-card {
  margin: .5rem auto 0;
  width: 6.7rem;
  background: linear-gradient(136deg, #E7E7E7 0%, #D6D6D6 100%);
  box-shadow: 0px .04rem .1rem 0rem rgba(0,0,0,0.31);
  border-radius: .25rem;
  box-sizing: border-box;
  padding-top: .36rem;
  padding-bottom: .66rem;
}

.mobile-script-card-title {
  margin-bottom: .51rem;
  text-align: center;
  font-size: .4rem;
  
  font-weight: bold;
  color: #C1272D;
  line-height: .6rem;
  letter-spacing: .02rem;
}
.mobile-script-card-title-2024 {
  margin-bottom: .51rem;
  text-align: center;
  font-size: .4rem;
  
  font-weight: bold;
  color: #C1272D;
  line-height: .6rem;
  letter-spacing: .02rem;
}

.mobile-script-card-imgs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .45rem;
}

.mobile-script-card-imgs-img {
  width: 1.73rem;
  height: 2.73rem;
  margin-bottom: .27rem;
}

.mobile-about {
  background-color: #F8F8F8;
}

.mobile-about-title {
  display: block;
  margin: .7rem auto 0;
  width: 2.28rem;
  height: .65rem;
}

.mobile-about-logo1 {
  display: block;
  margin: 1.22rem auto 0;
  width: 3.79rem;
  height: .85rem;
}

.mobile-about-text {
  margin: 0 auto;
  width: 6.7rem;
  font-size: .34rem;
  text-align: left;
  font-weight: bold;
  line-height: .5rem;
  letter-spacing: .04rem;
  margin-top: .29rem;
}

.mobile-about-red {
  color: #C1262C;
}

.mobile-about-logo2 {
  display: block;
  margin: 1.38rem auto 0;
  width: 3.14rem;
  height: .85rem;
}

.mobile-platform {
  width: 100vw;
  margin-top: 1.09rem;
}

.mobile-other {
  background: #F1F1F1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mobile-other-business {
  margin-top: .89rem;
  width: 2.27rem;
  height: .65rem;
}

.mobile-other-wechat {
  width: 3.53rem;
  height: 4.66rem;
  margin-top: .69rem;
}

.mobile-other-media {
  width: 2.27rem;
  height: .65rem;
  margin-top: 1.38rem;
}

.mobile-other-card {
  box-sizing: border-box;
  padding-top: .52rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: .67rem;
  width: 6.7rem;
  height: 1.9rem;
  background: #FFFFFF;
  box-shadow: .02rem .02rem .19rem 0rem rgba(0,0,0,0.23);
}

.mobile-other-card-text {
  width: 6rem;
  font-size: .36rem;
  
  font-weight: 500;
  color: #262626;
  line-height: .6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-other-card-divide {
  width: 5.96rem;
  height: .03rem;
  background: #333333;
  margin-bottom: .78rem;
}

.mobile-hortor {
  padding: .68rem 0;
  background: #F8F8F8;
  text-align: center;
}

.mobile-hortor p {
  margin: 0;
  font-size: .22rem;
  font-family: NotoSansSC;
  color: #1F1F2C;
  line-height: .26rem;
}

.mobile-hortor>p:nth-child(4) {
  margin-bottom: .4rem;
}

.mobile-hortor img {
  margin-bottom: .32rem;
  width: 2.51rem;
  height: .61rem;
}


/* ************************************************** */
@media screen and (min-width: 1600px) {

}

@media screen and (min-width: 1300px) {

}
.pc-script-list {
  

}
.pc-script-list-title {
  width: 100%;
  text-align: center;
  font-size: 47px;
  
  font-weight: 500;
  color: #FFFFFF;
  line-height: 71px;
}

.pc-common-h1 {
  width: 100%;
  text-align: center;
  font-size: 70px;
  
  font-weight: bold;
  color: #FFFFFF;
  line-height: 105px;
}
.pc-common-h2 {
  width: 100%;
  text-align: center;
  font-size: 47px;
  
  font-weight: 500;
  color: #FFFFFF;
  line-height: 71px;
}
.pc-common-p-box {
  margin-top: 76px;
  margin-left: 29px;
}
.pc-common-p {
  width: 100%;
  font-size: 30px;
  box-sizing: border-box;
  padding-right: 20px;
  
  font-weight: bold;
  color: #FFFFFF;
  line-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.pc-common-img-box {
  width: 100%;
  height: 100%;

}
.pc-swiper-box {
  flex: 1;
  height: 600px;
  border: 1px solid red;
  overflow: hidden;
  display: flex;

}
.pc-common-left{
  box-sizing: border-box;
  width: 400px;
  overflow: hidden;
  padding: 30px 10px;
}
.pc-common-left2{
  box-sizing: border-box;
  overflow: hidden;
  padding: 30px 10px;
}
.pc-common-right{
  box-sizing: border-box;
  padding: 78px 0;
  width: 454px;
  background: linear-gradient(140deg, #D3171E 0%, #C81729 100%);
  border-radius: 0px 26px 26px 0px;
}
.swiper-container,.swiper-slide-img {
  width: 100%;
  height: 100%;
  position: relative;

}
.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 8px;
  background: #ffffff;
}
.swiper-pagination-bullet-active {
  background: #C1272D;
}
.swiper-pagination-m {
  bottom: -0.66rem !important;
}
.swiper-pagination-m .swiper-pagination-bullet {
  width: .2rem !important;
  height: .2rem !important;
  border-radius: .16rem !important;
  background: #FFFFFF !important;
  margin-left: .28rem !important;
}
.swiper-pagination-m .swiper-pagination-bullet-active {
  background: #C1272D !important;
}
.pc-common-img {
  width: 100%;
  height: 100%;
  display: block;
}