* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  font-family: "微软雅黑", "宋体";
}
.icon {
  vertical-align: middle;
}
/* 头部 */
.top {
  width: 100%;
  height: 50px;
  background-color: white;
  margin: 0 auto;
}
.top .top_left {
  height: 50px;
  float: left;
  text-align: center;
}
.top .top_left:nth-child(1) {
  margin-left: 300px;
  line-height: 50px;
}
.top_right {
  float: left;
  margin-left: 270px;
}
.top_right a {
  line-height: 50px;
  color: black;
}
.top_right a:hover {
  color: blue;
}
.top_right span {
  color: #d3d3d4;
}
.top_right a:last-child {
  border: 1px solid #c3c2c8;
}
.top_right .icon {
  width: 15px;
  height: 15px;
}
a,
ul {
  list-style: none;
}
.nav {
  position: absolute;
  width: 100%;
  height: 472px;
  background: url(../images/bgtop.jpg);
  background-size: cover;
  margin: 0 auto;
}
.nav .nav_logo {
  float: left;
  position: relative;
  width: 350px;
  height: 100px;
  margin-top: 25px;
}
.nav .nav_ul {
  float: left;
  position: relative;
  left: 10px;
  top: 20px;
}
.nav .nav_ul li {
  text-align: center;
  float: left;
  width: 137px;
  height: 88px;
  margin-left: 5px;
  border-bottom: 3px solid red;
}
.nav .nav_ul li a:hover {
  color: red;
}
.nav .nav_ul li a {
  line-height: 88px;
  color: aliceblue;
}
.nav .nav_middle {
  width: 969px;
  height: 342px;
  position: relative;
  position: absolute;
  top: 112px;
  left: 370px;
}
.nav .nav_middle ul {
  display: none;
  float: left;
  position: relative;
}
.nav .nav_middle .wjsq {
  float: right;
  margin-top: -155px;
}
.nav .nav_middle li {
  width: 100px;
  text-align: center;
  margin-top: 10px;
  margin-left: 45px;
}
.nav .nav_middle .yzz li {
  margin-left: 5px;
}
.nav .nav_middle a {
  color: aliceblue;
}
.nav .nav_middle a:hover {
  color: red;
}
.nav .nav_middle:hover ul {
  display: block;
}
.nav .nav_ul:hover + .nav_middle ul {
  display: block;
}
.main {
  width: 100%;
  height: 2154px;
  background: url(../images/bgbot.jpg);
  background-size: cover;
  margin: 0 auto;
}
.main .left {
  position: relative;
  float: left;
  margin-left: 100px;
  margin-top: 472px;
  width: 303px;
  height: 431px;
}
.main .middle {
  position: relative;
  float: left;
  margin-top: 472px;
  width: 343px;
  height: 431px;
}
.main .middle-1 {
  margin-left: -50px;
  background: url(../images/新春礼包.jpeg);
  background-size: cover;
}
.main .middle-1 .mask {
  position: absolute;
  width: 343px;
  height: 431px;
  background: rgba(0, 0, 0, 0.5);
}
.main .middle-1 .mask h2 {
  position: relative;
  text-align: center;
  top: 200px;
  color: white;
}
.main .middle-1 .mask h3 {
  position: relative;
  top: 220px;
  color: white;
  text-align: center;
}
.main .middle-1 .mask a {
  position: relative;
  text-align: center;
  top: 280px;
  color: red;
  height: 20px;
}
.main .middle-1 .mask a img {
  vertical-align: middle;
}
.main .middle-2 .swiper {
  width: 345px;
  height: 431px;
}
.main #right {
  position: relative;
  float: left;
  margin-left: 10px;
  margin-top: 472px;
  width: 400px;
  height: 431px;
  background-color: #121318;
}
.main #right .right_dh ul {
  position: absolute;
  top: 20px;
  left: 25px;
  text-align: center;
}
.main #right .right_dh ul li {
  float: left;
  width: 70px;
  height: 45px;
  line-height: 45px;
  color: #978098;
  border-bottom: 1px solid #978098;
  cursor: pointer;
}
.main #right .right_dh ul li:hover {
  border-bottom: 3px solid red;
}
.main #right .right_nr {
  position: absolute;
  top: 75px;
  left: 25px;
  width: 360px;
  height: 320px;
}
.main #right .right_nr .r_box {
  display: none;
}
.main #right .right_nr h3 {
  text-align: center;
  color: #b42131;
}
.main #right .right_nr .gg {
  color: red;
}
.main #right .right_nr .hd {
  color: #6C2D2B;
}
.main #right .right_nr td:nth-child(2) {
  color: #978098;
}
.main #right .right_nr td:nth-child(3) {
  color: #546161;
}
.main #right .right_nr .checkmore {
  background-color: #121318;
  color: red;
  font-size: larger;
  width: 360px;
  text-align: center;
  border: 1px solid red;
}
.main #right .right_nr .checkmore img {
  color: red;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.main .main_2 {
  position: absolute;
  top: 980px;
  left: 100px;
}
.main .main_2 .main2_left {
  float: left;
  width: 224px;
  height: 415px;
  background-color: #121318;
  border: 10px solid;
  border-image: linear-gradient(to right, #B22231, #362537) 1;
}
.main .main_2 .main2_left .ksrk {
  width: 224px;
  height: 206px;
}
.main .main_2 .main2_left .ksrk p {
  padding: 10px;
  border-bottom: 1px solid #52524f;
  color: #B996B9;
  text-align: center;
}
.main .main_2 .main2_left .ksrk .p2 {
  margin-top: 150px;
}
.main .main_2 .main2_left .ksrk .ksrk_up {
  display: flex;
  height: 59.2px;
  flex-wrap: wrap;
}
.main .main_2 .main2_left .ksrk .ksrk_up div {
  text-align: center;
  width: 33.33%;
}
.main .main_2 .main2_left .ksrk .ksrk_up div span {
  color: #8E788F;
}
.main .main_2 .main2_left .ksrk .ksrk_up div span:hover {
  color: red;
}
.main .main_2 .main2_left .wjsq {
  display: flex;
  height: 59.2px;
  flex-wrap: wrap;
}
.main .main_2 .main2_left .wjsq div {
  text-align: center;
  width: 33.33%;
}
.main .main_2 .main2_left .wjsq div span {
  color: #8E788F;
}
.main .main_2 .main2_left .wjsq div span:hover {
  color: red;
}
.main .main_2 .main2_middle {
  float: left;
  margin-left: 10px;
  width: 686px;
  height: 435px;
  background-color: #1E1621;
}
.main .main_2 .main2_middle .hdzx_title {
  height: 100px ;
  border-bottom: 3px solid #6b6e6d;
}
.main .main_2 .main2_middle .hdzx_title span {
  margin-left: 40px;
  color: red;
  float: left;
  font-size: 35px;
  line-height: 100px;
}
.main .main_2 .main2_middle .hdzx_title .hdzx_title_right {
  float: right;
  margin: 0 auto;
  margin-right: 50px;
}
.main .main_2 .main2_middle .hdzx_title .hdzx_title_right li {
  margin-top: 35px;
  padding: 10px 10px 10px 10px;
  color: white;
  background-color: red;
  margin-right: 15px;
  border-radius: 7px;
  float: left;
}
.main .main_2 .main2_middle .hdzx_nr {
  height: 335px;
}
.main .main_2 .main2_middle .hdzx_nr .nr_nav {
  width: 686px;
  height: 100px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.main .main_2 .main2_middle .hdzx_nr .nr_nav div {
  color: #B097B1;
  display: inline-block;
  width: 80px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
}
.main .main_2 .main2_middle .hdzx_nr .nr_nav div:hover {
  color: red;
}
.main .main_2 .main2_middle .nr_nr {
  width: 686px;
  height: 235px ;
}
.main .main_2 .main2_middle .nr_nr table {
  color: #B097B1;
  width: 686px;
  height: 235px;
  text-align: center;
}
.main .main_2 .main2_middle .nr_nr table td:nth-child(3) {
  color: red;
}
.main .main_2 .main2_middle .nr_nr table tr:nth-child(1) {
  color: #CAA6CA;
  font-weight: bold;
  background-color: #69496D;
}
.main .main_2 .main2_middle .nr_nr table td {
  padding: 10px 20px 10px 20px;
}
.main .main_2 .main2_middle .nr_nr table button {
  color: white;
  padding: 5px 10px 5px 10px;
  background-color: #856E85;
}
.main .main_2 .main2_right {
  float: left;
  margin-left: 10px;
  width: 400px;
  height: 435px;
  background-color: #1E1621;
}
.main .main_2 .main2_right .gg_title {
  color: red;
  font-size: 35px;
  width: 400px;
  height: 100px;
  font-weight: bold;
}
.main .main_2 .main2_right .gg_title span {
  margin-left: 35px;
  line-height: 100px;
}
.main .main_2 .main2_right .gg_nr {
  width: 400px;
  height: 335px;
}
.main .main_2 .main2_right .gg_nr img {
  margin-top: 10px;
  margin-left: 25px;
  width: 350px;
  height: 150px;
}
.main .main_3 {
  position: absolute;
  top: 1440px;
  left: 100px;
}
.main .main_3 .main3_left {
  float: left;
  width: 224px;
  height: 415px;
  background-color: #121318;
  border: 10px solid;
  border-image: linear-gradient(to right, #B22231, #362537) 1;
}
.main .main_3 .main3_left .ksrk {
  width: 224px;
  height: 206px;
}
.main .main_3 .main3_left .ksrk p {
  padding: 10px;
  border-bottom: 1px solid #52524f;
  color: #B996B9;
  text-align: center;
}
.main .main_3 .main3_left .ksrk .p2 {
  margin-top: 150px;
}
.main .main_3 .main3_left .ksrk .ksrk_up {
  display: flex;
  height: 59.2px;
  flex-wrap: wrap;
}
.main .main_3 .main3_left .ksrk .ksrk_up div {
  text-align: center;
  width: 33.33%;
}
.main .main_3 .main3_left .ksrk .ksrk_up div span {
  color: #8E788F;
}
.main .main_3 .main3_left .ksrk .ksrk_up div span:hover {
  color: red;
}
.main .main_3 .main3_left .wjsq {
  display: flex;
  height: 59.2px;
  flex-wrap: wrap;
}
.main .main_3 .main3_left .wjsq div {
  text-align: center;
  width: 33.33%;
}
.main .main_3 .main3_left .wjsq div span {
  color: #8E788F;
}
.main .main_3 .main3_left .wjsq div span:hover {
  color: red;
}
.main .main_3 .main3_middle {
  float: left;
  margin-left: 10px;
  width: 686px;
  height: 435px;
  background-color: #1E1621;
}
.main .main_3 .main3_middle .hdzx_title {
  height: 100px ;
  border-bottom: 3px solid #6b6e6d;
}
.main .main_3 .main3_middle .hdzx_title span {
  margin-left: 40px;
  color: red;
  float: left;
  font-size: 35px;
  line-height: 100px;
}
.main .main_3 .main3_middle .hdzx_title .hdzx_title_right {
  float: right;
  margin: 0 auto;
  margin-right: 50px;
}
.main .main_3 .main3_middle .hdzx_title .hdzx_title_right li {
  margin-top: 35px;
  padding: 10px 10px 10px 10px;
  color: white;
  background-color: red;
  margin-right: 15px;
  border-radius: 7px;
  float: left;
}
.main .main_3 .main3_middle .hdzx_nr {
  height: 335px;
}
.main .main_3 .main3_middle .hdzx_nr .nr_nav2 {
  width: 686px;
  height: 100px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.main .main_3 .main3_middle .hdzx_nr .nr_nav2 div {
  color: #B097B1;
  display: inline-block;
  width: 80px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
}
.main .main_3 .main3_middle .hdzx_nr .nr_nav2 div:hover {
  color: red;
}
.main .main_3 .main3_middle .nr_nr2 {
  width: 686px;
  height: 235px ;
}
.main .main_3 .main3_middle .nr_nr2 table {
  color: #B097B1;
  width: 686px;
  height: 235px;
  text-align: center;
}
.main .main_3 .main3_middle .nr_nr2 table td:nth-child(3) {
  color: red;
}
.main .main_3 .main3_middle .nr_nr2 table tr:nth-child(1) {
  color: #CAA6CA;
  font-weight: bold;
  background-color: #69496D;
}
.main .main_3 .main3_middle .nr_nr2 table td {
  padding: 10px 20px 10px 20px;
}
.main .main_3 .main3_middle .nr_nr2 table button {
  color: white;
  padding: 5px 10px 5px 10px;
  background-color: #856E85;
}
.main .main_3 .main3_right {
  float: left;
  margin-left: 10px;
  width: 400px;
  height: 435px;
  background-color: #1E1621;
}
.main .main_3 .main3_right .gg_title {
  color: red;
  font-size: 35px;
  width: 400px;
  height: 100px;
  font-weight: bold;
}
.main .main_3 .main3_right .gg_title span {
  margin-left: 35px;
  line-height: 100px;
}
.main .main_3 .main3_right .gg_nr {
  width: 400px;
  height: 335px;
}
.main .main_3 .main3_right .gg_nr img {
  margin-top: 10px;
  margin-left: 25px;
  width: 350px;
  height: 150px;
}
.main .main_4 {
  position: absolute;
  top: 1900px;
  left: 100px;
}
.main .main_4 .li_123 {
  float: left;
  width: 940px;
  height: 300px;
  display: flex;
}
.main .main_4 .li_123 .li_1,
.main .main_4 .li_123 .li_2,
.main .main_4 .li_123 .li_3 {
  width: 33.3%;
  display: inline-block;
  background: url(../images/bg_end.png);
  background-size: cover;
}
.main .main_4 .li_123 .li_1 div,
.main .main_4 .li_123 .li_2 div,
.main .main_4 .li_123 .li_3 div {
  margin-top: 110px;
  text-align: center;
  color: #CBA4CB;
}
.main .main_4 .li_123 .li_1 div h5,
.main .main_4 .li_123 .li_2 div h5,
.main .main_4 .li_123 .li_3 div h5 {
  font-size: 35px;
  font-weight: bold;
}
.main .main_4 .li_ly {
  float: left;
  margin-left: 10px;
  width: 400px;
  height: 300px;
}
.main .main_4 .li_ly img {
  margin-top: -5px;
  width: 400px;
  height: 300px;
}
/* 尾部 */
.end {
  float: left;
  width: 100%;
  height: 170px;
  background-color: #282825;
}
.end img {
  float: left;
  margin-left: 200px;
  margin-top: 15px;
}
.end .fenge {
  float: left;
  color: #52524f;
  font-size: 60px;
}
.end .wenzi {
  float: left;
  margin-left: 15px;
}
.end .wenzi a {
  font-size: 8px;
  color: #6b6e6d;
}
.end .wenzi span {
  color: #6b6e6d;
}