.wrap-box {
  margin: 0 auto;
  width: 1000px;
}
.box {
  position: relative;
  margin: 0 auto;
  overflow-x: hidden;
}
.box .show {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
}
.title {
  padding: 34px 0 46px 0;
  overflow: hidden;
}
.title .left {
  float: left;
  margin-top: 59px;
}
.title .left .title-line {
  float: left;
  margin-top: 3px;
  display: block;
  width: 314px;
  height: 2px;
  background: #e73416;
}
.title .left .point {
  float: left;
  display: block;
  width: 8px;
  height: 8px;
  background: #e73416;
  transform: rotate(45deg);
}
.title > img {
  float: left;
  margin: 0 3px;
}
.banner {
  height: 500px;
}
.banner img {
  float: left;
}
.dk {
  overflow: hidden;
}
.dk .name {
  float: left;
  margin: 0 9px 9px 0;
  position: relative;
}
.dk .name img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.dk .name .text {
  position: absolute;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
}
.dk .name .text p {
  line-height: 35px;
  font-size: 16px;
  color: #fff;
}
.dk .sm {
  width: 324px;
  height: 484px;
}
.dk .sm .text {
  bottom: 0;
  padding: 20px 0 0 0;
  width: 100%;
  height: 207px;
}
.dk .sm .text p {
  margin: 0 25px;
}
.dk .lg {
  width: 491px;
  height: 296px;
}
.dk .lg .text {
  right: 0;
  padding: 20px;
  width: 256px;
  height: 256px;
}
.dk .lg .text p {
  margin: 0 5px;
}
.ld {
  overflow: hidden;
}
.ld ul {
  overflow: hidden;
}
.ld ul li {
  position: relative;
  float: left;
  margin: 0 10px 10px 0;
  width: 325px;
}
.ld ul li p {
  position: absolute;
  top: 34px;
  left: -3px;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  transform: rotate(-45deg);
}
.ld ul li:nth-of-type(3),
.ld ul li:nth-of-type(6) {
  margin-right: 0;
}
.ld ul li.last {
  margin-left: 44px;
  width: 234px;
  height: 234px;
  border: 7px solid #e73416;
  border-radius: 50%;
}
.ld ul li.last a {
  display: block;
  margin: 40px auto 0;
  font-size: 50px;
  font-weight: 700;
  color: #e73416;
  text-align: center;
  vertical-align: middle;
}
.sc .title .left {
  margin-top: 79px;
}
.sc .sc-list {
  overflow: hidden;
  margin: 0 auto;
  width: 756px;
}
.sc .sc-list li {
  float: left;
  margin-right: 30px;
  width: 82px;
  height: 82px;
  line-height: 82px;
  text-align: center;
  border-radius: 50%;
  font-size: 22px;
  border-width: 6px;
  border-style: solid;
}
.sc .sc-list li.c1 {
  border-color: #08226f;
  color: #08226f;
  background: #ced3e2;
}
.sc .sc-list li.c2 {
  border-color: #e50000;
  color: #e50000;
  background: #facccc;
}
.sc .sc-list li.c3 {
  border-color: #a11f4b;
  color: #a11f4b;
  background: #e3bbc9;
}
.sc .sc-list li.c4 {
  border-color: #1e1072;
  color: #1e1072;
  background: #e4e2ee;
}
.sc .sc-list li.c5 {
  border-color: #e73416;
  color: #e73416;
  background: #f8c2b9;
}
.sc .sc-list li.c6 {
  border-color: #4d760f;
  color: #4d760f;
  background: #c9d6b7;
}
.sc .sc-con {
  position: relative;
  margin-top: 52px;
  height: 725px;
}
.sc .sc-con li {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.sc .sc-con li img {
  float: left;
  margin: 0 3px 3px 0;
}
.sc .sc-con li.on {
  display: block;
}
.gp .title .left .title-line {
  width: 293px;
}
.gp .aq-list {
  position: relative;
  height: 326px;
}
.gp .aq-list li {
  position: absolute;
  height: 102px;
  line-height: 102px;
  text-align: center;
  font-size: 18px;
}
.gp .aq-list li.list-c1 {
  top: 0;
  left: 0;
  width: 242px;
  color: #55638f;
  background: #ced3e2;
}
.gp .aq-list li.list-c2 {
  top: 0;
  left: 252px;
  width: 242px;
  height: 214px;
  line-height: 214px;
  color: #2f817d;
  background: #d7f0ee;
}
.gp .aq-list li.list-c3 {
  top: 0;
  left: 505px;
  width: 193px;
  color: #738955;
  background: #c9d6b7;
}
.gp .aq-list li.list-c4 {
  top: 0;
  right: 0;
  width: 289px;
  color: #000;
  background: #6dcff6;
}
.gp .aq-list li.list-c5 {
  top: 110px;
  left: 0;
  width: 242px;
  color: #725050;
  background: #f1eded;
}
.gp .aq-list li.list-c6 {
  top: 110px;
  left: 505px;
  width: 317px;
  color: #954646;
  background: #eee1d3;
}
.gp .aq-list li.list-c7 {
  top: 110px;
  right: 0;
  width: 169px;
  color: #738955;
  background: #c9d6b7;
}
.gp .aq-list li.list-c8 {
  top: 223px;
  left: 0;
  width: 347px;
  color: #220c10;
  background: #fee2c4;
}
.gp .aq-list li.list-c9 {
  top: 223px;
  left: 355px;
  width: 244px;
  color: #220c10;
  background: #e1efcd;
}
.gp .aq-list li.list-c10 {
  top: 223px;
  left: 607px;
  width: 211px;
  color: #220c10;
  background: #d5c8e2;
}
.gp .aq-list > a {
  position: absolute;
  top: 223px;
  right: 25px;
}
.jl {
  margin-top: 67px;
  overflow: hidden;
}
.jl img {
  float: left;
}
.lp {
  overflow: hidden;
}
.lp .title .left .title-line {
  width: 266px;
}
.lp .gift-sm {
  float: left;
  margin: 0 16px 10px 0;
  width: 490px;
  height: 168px;
  border: 1px solid #9e9e9e;
  overflow: hidden;
}
.lp .gift-sm > img {
  float: left;
  margin: 5px;
}
.lp .gift-sm .con {
  position: relative;
  float: left;
  width: 254px;
  height: 168px;
  border-left: 1px solid #9e9e9e;
}
.lp .gift-sm .con img.con-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.lp .gift-sm .con p {
  position: absolute;
  top: 60px;
  left: 0;
  width: 254px;
  font-size: 18px;
  text-align: center;
}
.lp .gift-sm .con a {
  position: absolute;
  left: 66px;
  top: 97px;
  width: 121px;
  height: 42px;
  line-height: 42px;
  background: #e74300;
  color: #fff;
  text-align: center;
}
.lp .gift-lg {
  width: 998px;
  float: left;
  border: 1px solid #9e9e9e;
}
.lp .gift-lg .title-bg {
  background: #fff3c7;
  overflow: hidden;
}
.lp .gift-lg .title-bg img {
  float: left;
}
.lp .gift-lg .title-bg h4 {
  float: left;
  margin: 0 45px 0 0;
  height: 75px;
  font-size: 28px;
  font-weight: 700;
  line-height: 75px;
  color: #0054b1;
}
.lp .gift-lg .title-bg a {
  float: left;
  margin: 17px 0 0 0;
  width: 121px;
  height: 42px;
  line-height: 42px;
  background: #e74300;
  color: #fff;
  text-align: center;
}
.lp .gift-lg ul {
  overflow: hidden;
  padding: 20px 60px;
}
.lp .gift-lg ul li {
  float: left;
  margin: 0 53px;
}
.lp .gift-lg ul li p {
  text-align: center;
}
.adv-list {
  padding-top: 65px;
  overflow: hidden;
}
.adv-list .bg {
  float: left;
  margin-right: 18px;
  width: 236px;
  height: 258px;
}
.adv-list .bg .adv-con {
  padding: 1px;
  width: 234px;
  height: 256px;
  border-radius: 30px;
}
.adv-list .bg .adv-con h4 {
  margin-top: 20px;
  font-size: 20px;
  text-align: center;
}
.adv-list .bg .adv-con span {
  margin: 15px 0;
  display: block;
  width: 70%;
  height: 5px;
}
.adv-list .bg .adv-con p {
  margin: 9px 15px;
  line-height: 20px;
}
.adv-list .bg-c1 {
  background: #495889;
}
.adv-list .bg-c1 .adv-con {
  background: #ced3e2;
}
.adv-list .bg-c1 .adv-con span {
  background: #495889;
}
.adv-list .bg-c2 {
  background: #9d754a;
}
.adv-list .bg-c2 .adv-con {
  background: #fee2c4;
}
.adv-list .bg-c2 .adv-con span {
  background: #9d754a;
}
.adv-list .bg-c3 {
  background: #448883;
}
.adv-list .bg-c3 .adv-con {
  background: #d7f0ee;
}
.adv-list .bg-c3 .adv-con span {
  background: #448883;
}
.adv-list .bg-c4 {
  margin-right: 0;
  background: #c07a7a;
}
.adv-list .bg-c4 .adv-con {
  background: #facccc;
}
.adv-list .bg-c4 .adv-con span {
  background: #c07a7a;
}