* {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
      }

      html,
      body {
          color: 14px;
          background-color: #fff;
          font-size: 14px;
          color: #666666;
      }

      img {
          width: 100%;
          height: auto;
      }
		
      .main {
          width: 100%;
          box-sizing: border-box;
          position: relative;
      }

      .container {
          width: 1200px;
          margin: auto;
          padding: 0;
      }

      .justify-between {
          display: flex;
          justify-content: space-between;
          background-color: #FBFBFB;

      }

      .m-40 {
          margin: 40px auto;
      }

      .justify-around {
          display: flex;
          justify-content: space-around;
      }
		.img img{
			border-radius: 20px;
		}
      .kbxx {
          margin-right: 30px;
          width: 580px;
      }

      .bmxx h2 {
          font-size: 28px;
          color: #333;
          font-weight: 999;
          font-family: '华文中宋';
          text-align: center;
          margin-top: 5px;
      }

      .quest {
          width: 230px;
          padding-left: 20px;
          border-left: 1px solid #CCC;
      }

      .quest p {
          font-size: 16px;
          line-height: 3;
          cursor: pointer;
          text-align: left;
      }

      .kbxx .head {
          background: #428EFE;
          padding: 10px 0;
          color: #fff;
          border-radius: 5px;
      }

      .kbxx .kbxx-list {
          display: flex;
          justify-content: space-around;
          margin: 10px auto;
          padding: 10px 0;
          background: #F8F9FE;
      }

      .btn {
          background: #FF6B4D;
          padding: 2px 10px;
          color: #fff;
          font-size: 12px;
          border-radius: 5px;
          cursor: pointer;
      }

      .kbxx .kbxx-list span {
          padding: 2px 10px;
      }

      .box-1 {
          background-color: #FF190B;
          clip-path: polygon(0px 0px, 100% 0px, 100% 75%, 0% 100%);
          height: 1650px;
      }

      .box-1 .container {
          position: relative;
      }

      .box-1::before {
          content: '';
          background: url(../images/dsj/dsj-bg1.png) no-repeat;
          position: absolute;
          left: 5%;
          top: -30px;
          width: 1451px;
          height: 1794px;
          mix-blend-mode: luminosity;
          opacity: .8;
      }

      .box-1 .img {
          box-shadow: 0px 4px 70px 0px rgba(0, 0, 0, 0.1);
          margin-bottom: 40px;
      }

      .box-1 h3 {
          font-size: 38px;
          font-weight: bold;
          color: #fff;
          line-height: 40px;
          padding: 40px 0;
		  text-align: center;
      }

      .box-2 .container {
          position: relative;
      }

      .box-2::before {
          content: '';
          background: url(../images/dsj/dsj-bg2.png) no-repeat;
          position: absolute;
          left: 1%;
          top: -123px;
          width: 1541px;
          height: 2899.5px;
          opacity: .9;
      }

      .box-2 .img {
          padding-bottom: 120px;
      }

      .box-3 {
          background: url(../images/dsj/dsj-bg3.png) no-repeat center;
          background-size: cover;

      }

      .box-3 .img:nth-child(1) {
          padding-bottom: 180px;
      }

      .box-4 img {
          padding-top: 120px;
      }

      .box-5 .container {
          position: relative;
      }

      .box-5::before {
          content: '';
          background: url(../images/dsj/dsj-bg4.png) no-repeat;
          position: absolute;
          left: 0px;
          top: -25%;
		  width: 100%;
		  height: 368vh;
          opacity: 1;
      }

      .box-5 .img {
          margin-top: 120px;
      }

      .box-5 h3 {
          font-size: 38px;
          font-weight: bold;
          color: #000;
          margin-top: 120px;
		  text-align: center;
      }

      .box-6 p {
          font-size: 18px;
          line-height: 2;
		  text-align: center;
      }

      .kc-content {
          background: #FBF8F8;
          border-radius: 10px;
          padding: 20px;
          margin: 20px auto;
      }

      .kc-box {
          display: flex;
      }

      .kc-fa {
          width: 16%;
          background-color: #FF190B;
          color: #fff;
          border-radius: 10px;
          font-size: 24px;
          text-align: center;
          align-content: center;
          line-height: 2;
      }

      .kc-txt {
          width: 28%;
          background: #FDEDED;
          padding: 10px;
          border-radius: 10px;
      }

      .kc-txt h4 {
          font-size: 20px;
          text-align: center;
          line-height: 2.5;
          color: #ff190b;
      }

      .kc-txt p {
          font-size: 18px;
          padding: 15px;
          background-color: #f7dddb;
          color: #333;
          line-height: 2;
          text-align: left;
      }

      .kc-h {
          margin: 20px auto;
          display: flex;
          background: #fff;
          border-radius: 10px;
      }

      .kc-h span {
          background: #ff8500;
          color: #fff;
          font-size: 24px;
          height: 80px;
          display: inline-block;
          width: 30%;
          line-height: 80px;
          text-align: center;
          border-radius: 10px;
          font-weight: bold;
          letter-spacing: 5px;
      }

      .kc-h p {
          display: inline;
          font-size: 18px;
          padding: 10px;
          line-height: 2;
          color: #333;
          text-align: left;
      }

      .kc-zw {
          display: flex;
          flex-wrap: wrap;
          padding: 0 20px;
      }

      .kc-zw p {
          font-size: 20px;
          background: #F9E5E4;
          border: 1px solid #F7BBB5;
          text-align: center;
          line-height: 45px;
          padding: 0 20px;
          margin: 8px;
          height: 45px;
          border-radius: 30px;
          color: #FF190B;

      }

      .title h2 {
          font-size: 38px;
          font-weight: bold;
          color: #000;
          margin-top: 120px;
      }

      .xm-name {
          display: flex;
          justify-content: space-around;
          height: 80px;
          margin: 40px auto;
          align-items: center;
      }

      .xm-name a {
          display: inline-block;
          width: 20%;
          font-size: 18px;
          background: #F9E5E4;
          text-align: center;
          height: 45px;
          line-height: 45px;
          border-radius: 10px;
          color: #FF190B;
          font-weight: bold;
      }

      .xm-name a.active {
          background: linear-gradient(to right, #ffc0bb, #FF190B);
          color: #fff;
      }

      .xm-content {
          background-color: #F9E5E4;
          border: 2px solid #F7BBB5;
          padding: 30px;
      }

      .xm-content .item {
          display: flex;
      }

      .xm-content .item .el {
          width: 50%;
      }

      .xm-content .item .el h2 {
          font-size: 24px;
          color: #FF190B;
          line-height: 28px;
          font-weight: bold;
          margin-bottom: 14px;
      }

      .xm-content .item .el h3 {
          font-size: 18px;
          color: #323543;
          margin: 40px 0 10px;
          font-weight: bold;
          display: flex;
          align-items: center;
      }

      .xm-content .item .el p {
          font-size: 15px;
          color: #333333;
          line-height: 24px;
          padding-bottom: 10px;
          text-align: left;
      }

      .xm-content .item .er {
          width: 50%;
          overflow: hidden;
      }

      .xm-content .item .er img {
          width: 100%;
      }

      .xm-content .item .er .img-list {
          display: flex;
      }

      .xm-content .item .er .img-list img {
          width: 50%;
      }

      .xb-btn {
          padding: 50px;
          text-align: center;
          display: flex;
          justify-content: space-around;
      }

      .xb-btn a {
          display: inline-block;
          background: linear-gradient(to right, #1085FE, #03ACFE);
          color: #fff;
          width: 200px;
          height: 60px;
          text-align: center;
          line-height: 60px;
          border-radius: 20px;
          font-size: 20px;
          font-weight: bold;
      }

      .xb-btn a:last-child {
          background: linear-gradient(to right, #f03333, #fa8b8b);
      }

      .box-7 h3 {
          font-size: 38px;
          font-weight: bold;
          color: #000;
          margin: 30px auto;
		  text-align: center;
      }

      .box-7 .img {
          padding-bottom: 80px;
      }

      .box-7::before {
          content: '';
          background: url(../images/dsj/dsj-bg5.png) no-repeat center;
          background-size: contain;
          position: absolute;
          left: 0px;
		top: 12%;
		  width: 100%;
		  height: 266vh;
          opacity: 1;
      }

      .box-7 .container {
          position: relative;
      }

      .box-8 h3 {
          font-size: 38px;
          font-weight: bold;
          color: #000;
          margin: 30px auto;
		  text-align: center;
      }

      .box-8 p {
          font-family: Source Han Sans;
          font-size: 18px;
          text-align: center;
          margin-top: 30px;
      }

      .box-8 .img:last-child {
          margin: 80px auto;
      }