* {
  margin: 0;
  padding: 0;
  color: #2F2725;
  font-family: 'AlibabaPuHuiTiRegular';
}
img {
  vertical-align: bottom;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
body {
  background: url(../img/mainbg.png) no-repeat;
  background-size: 100% 100%;
}
@font-face {
  font-family: 'AlibabaPuHuiTiBold';
  font-weight: bold;
  src: url('../fonts/Alibaba-PuHuiTi-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'AlibabaPuHuiTiHeavy';
  src: url('../fonts/Alibaba-PuHuiTi-Heavy.ttf') format('truetype');
}
@font-face {
  font-family: 'AlibabaPuHuiTiLight';
  src: url('../fonts/Alibaba-PuHuiTi-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'AlibabaPuHuiTiMedium';
  src: url('../fonts/Alibaba-PuHuiTi-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'AlibabaPuHuiTiRegular';
  src: url('../fonts/Alibaba-PuHuiTi-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'IMPACT';
  font-weight: normal;
  src: url('../fonts/IMPACT.TTF') format('ttf');
}
body #index {
  padding: 30px 6.5% 5px;
}
body #index .logo {
  max-width: 60px;
}
body #index .title1 {
  font-size: 32px;
  font-weight: bold;
  font-family: 'IMPACT';
  text-align: center;
  margin-top: 19px;
}
body #index .content {
  text-align: center;
}
body #index .content .head {
  max-width: 299px;
  margin: 11px auto 0;
  z-index: 2;
  position: relative;
}
body #index .content .video-box {
  position: relative;
  bottom: 70px;
  width: calc(100% - 10px);
  padding: 10px 5px 5px;
  background: url(../img/videoBox.png) no-repeat;
  background-size: 100% 100%;
}
body #index .content .video-box video {
  padding-top: 30px;
  width: calc(100% - 10px);
}
body #index .content .video-box .border {
  width: 100%;
  height: 100%;
}
body #index .content .video-box .plat-btn {
  width: 46px;
  position: absolute;
  left: calc(50% - 23px);
  top: calc(50% - 6px);
  z-index: 3;
}
body #index .content .center {
  position: relative;
  bottom: 30px;
}
body #index .content .title2 {
  color: #2F2725;
  font-family: 'AlibabaPuHuiTiBold';
  font-weight: bold;
  font-size: 19px;
  line-height: 29px;
  margin-bottom: 3px;
}
body #index .content .sub-title2 {
  color: #2F2725;
  font-family: 'AlibabaPuHuiTiRegular';
  font-weight: 400;
  font-size: 19px;
}
body #index .content .service-list {
  margin: 35px 0 50px;
}
body #index .content .service-list .service-item {
  display: flex;
  justify-content: space-between;
  text-align: left;
  margin-bottom: 23px;
}
body #index .content .service-list .service-item > img {
  width: 35%;
  height: auto;
}
body #index .content .service-list .service-item .item-right {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body #index .content .service-list .service-item .item-right .service-title div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
body #index .content .service-list .service-item .item-right .service-title div text {
  font-size: 15px;
  font-family: 'AlibabaPuHuiTiMedium';
  font-weight: 500;
  color: #B01F24;
}
body #index .content .service-list .service-item .item-right .service-title div a {
  display: inline-block;
  padding: 1px 6px;
  font-size: 12px;
  color: #B01F24;
  border: 1px solid #B01F24;
}
body #index .content .service-list .service-item .item-right .service-title p {
  font-size: 12px;
  color: #2F2725;
  font-family: 'AlibabaPuHuiTiRegular';
}
body #index .content .service-list .service-item .item-right .service-detail div {
  padding-left: 20px;
  position: relative;
  display: flex;
  align-items: center;
}
body #index .content .service-list .service-item .item-right .service-detail div img {
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: auto;
}
body #index .content .service-list .service-item .item-right .service-detail div span {
  font-size: 11px;
  color: #0A1B5C;
}
body #index .content .service-list .service-item .item-right .service-detail div:first-child {
  margin-bottom: 3px;
}
body #index .content .activity {
  margin: 20px 0 41px;
}
body #index .content .activity .activity-item {
  position: relative;
  margin-bottom: 5px;
}
body #index .content .activity .activity-item img {
  width: 100%;
  height: auto;
}
body #index .content .activity .activity-item .activity-content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body #index .content .activity .activity-item .activity-content div {
  padding-left: 15px;
  text-align: left;
}
body #index .content .activity .activity-item .activity-content h3 {
  color: #2F2725;
  font-size: 15px;
  font-weight: 500;
  font-family: 'AlibabaPuHuiTiMedium';
}
body #index .content .activity .activity-item .activity-content h3 span {
  color: #B01F24;
}
body #index .content .activity .activity-item .activity-content p {
  color: #2F2725;
  font-size: 12px;
  margin: 5px 0 14px;
}
body #index .content .activity .activity-item .activity-content a {
  width: 98px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  font-size: 12px;
  border-radius: 2px;
  background: linear-gradient(0deg, #B01F24 0%, #FF5B61 100%);
}
body #index .content .activity .activity-item:last-child {
  margin-bottom: 0;
}
body #index .content .business {
  margin-top: 25px;
}
body #index .content .business .b-item {
  margin-bottom: 25px;
}
body #index .content .business .b-item .b-title {
  margin-bottom: 19px;
}
body #index .content .business .b-item .b-title h2 {
  background: url(../img/tit-bg.png) no-repeat;
  background-size: contain;
  background-position: center;
  text-align: center;
  font-size: 15px;
  color: #B01F24;
  margin-bottom: 4px;
}
body #index .content .business .b-item .b-title p {
  font-size: 12px;
  font-family: 'AlibabaPuHuiTiRegular';
  font-weight: 400;
}
body #index .content .business .b-item .b-content {
  display: flex;
  justify-content: space-between;
}
body #index .content .business .b-item .b-content .img-div {
  width: 35%;
}
body #index .content .business .b-item .b-content .img-div img {
  width: 100%;
}
body #index .content .business .b-item .b-content .b-info {
  width: 60%;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  font-family: 'AlibabaPuHuiTiRegular';
  font-weight: 400;
}
body #index .content .introduce {
  margin-top: 48px;
  background: url(../img/i-bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 14px 10px 0;
}
body #index .content .introduce .title {
  font-size: 19px;
  font-family: 'AlibabaPuHuiTiMedium';
  font-weight: 500;
  margin-bottom: 20px;
}
body #index .content .introduce .i-info {
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  display: block;
  font-family: 'AlibabaPuHuiTiRegular';
}
body #index .content .introduce .title3 {
  font-size: 15px;
  margin-top: 30px;
  font-family: 'AlibabaPuHuiTiRegular';
}
body #index .content .introduce .sub-title3 {
  font-size: 12px;
  font-weight: 500;
  font-family: 'AlibabaPuHuiTiRegular';
}
body #index .content .introduce .i-list {
  margin-top: 10px;
}
body #index .content .introduce .i-list .i-item {
  padding: 10px 0;
  border-bottom: 1px solid #fff;
}
body #index .content .introduce .i-list .i-item:last-child {
  border-bottom: none;
}
body #index .content .introduce .i-list .i-item .item-box {
  background: #fff;
  padding: 12px 6px 12px 10px;
  display: flex;
  justify-content: space-between;
  border-radius: 2px;
}
body #index .content .introduce .i-list .i-item .item-box .item-left {
  width: 39.6%;
  text-align: left;
}
body #index .content .introduce .i-list .i-item .item-box .item-left .tips {
  width: 52px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  color: #B01F24;
  font-size: 11px;
  border-radius: 2px;
  border: 1px solid #FF4249;
  display: inline-block;
  background-image: -webkit-linear-gradient(bottom, #B01F24, #FF4249);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body #index .content .introduce .i-list .i-item .item-box .item-left p {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  margin-top: 7px;
}
body #index .content .introduce .i-list .i-item .item-box .item-left span {
  font-size: 9px;
  color: #BEBEBE;
}
body #index .content .introduce .i-list .i-item .item-box .img-div {
  width: 56.4%;
}
body #index .content .introduce .i-list .i-item .item-box .img-div img {
  width: 100%;
}
