@charset "utf-8";

/* 首页头部 */
.header {
  display: flex;
  padding: 20px 0px;
  align-items: center;
  justify-content: space-between;
}

.head_main {
  width: 100%;
  position: fixed;
  top: 0px;
  z-index: 9;
  background: url("../images/top_bg.png");
}

.logo {
  display: block;
  height: 100%;
}

.logo img {
  display: block;
  height: 100%;
}

.header_top {
  display: flex;
 justify-content: right; 
  align-items: center;
  line-height: 15px;
  position: relative;
}

.header_more {
  display: flex;
  align-items: center;
  position: absolute;
  right: 20px;
}
.seach_menu{
  
position: absolute;
  
right: 0;
}
.header_more li {
  margin-right: 33px;
}

.header_more a {
  display: block;
  font-size: 16px;
  color: rgb(255, 255, 255);
  position: relative;
  opacity: 0.5;
}

.header_more a::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 1px;
  right: -16px;
  background: rgb(255, 255, 255);
}

.seach_menu .seach {
  width: 19px;
  height: 19px;
  background-image: url("../images/fdj.png");
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}

.seach_menu .menu {
  display: none;
}

.seach_menu .menu span {
  display: block;
  width: 24px;
  height: 2px;
  background: #fff;
  margin-bottom: 7px;
}

.seach_menu .menu span:last-child {
  margin-bottom: 0px;
}

.header_nav {
  display: flex;
  align-items: center;
  line-height: 48px;
  margin-top: 9px;
}

.header_nav>li {
  margin-right: 26px;
  position: relative;
}

.header_nav .active>a {
  /* color: rgb(237, 201, 58); */
  position: relative;
}

.header_nav .active>a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: rgb(237, 201, 58);
  left: 0px;
  bottom: 0px;
}

.header_nav li:last-child {
  margin-right: 0px;
}

.header_nav li a {
  display: block;
  width: 100%;
  height: 100%;
  color: rgb(255, 255, 255);
  font-size: 16px;
  /* font-weight: bold; */
  white-space: nowrap;
  transition: color 0.3s ease 0s;
}

.header_nav li:hover .menu-toggle {
  color: rgb(237, 201, 58);
}

.menu-items {
  width: auto;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  background: rgb(211, 211, 211);
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
  border-radius: 5px;
  overflow: hidden;
}

.menu-items li {
  width: auto;
  line-height: 50px;
  transition: background-color 0.3s ease 0s;
}

.menu-items li:hover {
  background-color: rgb(156, 13, 43);
}

.menu-items li a {
  white-space: nowrap;
  display: block;
  color: rgb(51, 51, 51);
  text-align: center;
  line-height: 50px;
  font-size: 17px;
  padding: 0px 20px;
}

.menu-items li:hover a {
  color: rgb(255, 255, 255);
  font-weight: bold;
}

.mybanner {
  width: 100%;
}

.mybanner  .slick-arrow{
  position:absolute;
  top:calc(50% - 15px);
  width:30px;
  height:30px;
  font-size:0px;
  background-color:transparent;
  border:none;
  z-index:9;
  background-position:center;
  background-repeat:no-repeat;
  background-size:auto;
}
.mybanner  .slick-prev{
  left:10px;
  background-image:url(../images/banner_zjt.png);
}

.mybanner  .slick-next{
  right:10px;
    background-image:url(../images/banner_yjt.png);
}

.mybanner .slick-dots {
  position: absolute;
  bottom: 22px;
  left: 2.5%;
  display: flex !important;
}

.mybanner .slick-dots li button {
  width: 26px;
  height: 26px;
  background: transparent;
  border-radius: 50%;
  border: none;
  font-size: 16px;
  color: rgb(255, 255, 255);
  margin: 0px 5px;
  cursor: pointer;
}

.mybanner .slick-dots .slick-active button {
  background: rgb(210, 22, 57);
}

/* 首页尾部 */
.footer {
  background: rgb(156, 13, 43);
  padding: 88px 0px;
}

.footer .w1400 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.footer_center {
  margin: 0px 28px;
  padding: 0px 24px;
  border-left: 1px solid rgb(186, 86, 107);
  border-right: 1px solid rgb(186, 86, 107);
}

.footer_center p {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 25px;
  white-space: nowrap;
}

.footer_center p a {
  font-size: 15px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 25px;
  margin-left: 16px;
}

.footer_center p img {
  margin-right: 7px;
}

.footer_right {
  display: flex;
}

.footer_right li:last-child {
  margin-left: 10px;
}

.footer_right li .img {
  width: 100px;
  height: 100px;
  padding: 2.5px;
  background: rgb(255, 255, 255);
  border-radius: 4px;
}

.footer_right li .img img {
  width: 100%;
  height: 100%;
}

.footer_right li p {
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  line-height: 31px;
}


/* 分页头部 */

.head_main_ {
  position: relative;
}

.head_main_ .header {
  background: url(../images/head_bg.png);
  background-size: 100% 100%;
  padding: 35px 0;
}
.head_main_ .header_top {
 position: absolute;
 display: block;
 width: 110px;
 height: 19px;
 right: 0;
}
.head_main_ .header_more{
 
position: absolute;
 
right: 20px;
}
.head_main_ .seach_menu{
 
position: absolute;
 
right: 0;
}
.head_main_ .header .w1400 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.head_main_ .header .w1400::after {
  display: block;
  content: url(../images/head_text.png);
  position: absolute;
  width: 25.8%;
  height: auto;
  left: 45%;
  top: 50%;
  transform: translate(-50%, -50%);

}

.head_main_ .header_btm {
  background: #C74745;
  margin-top: -9px;
}

.head_main_ .header_btm .header_nav {
  line-height: 50px;
}

.head_main_ .header_btm .header_nav li {
  flex: 1;
}

.head_main_ .header_btm .header_nav li a {
  text-align: center;
}

.head_main_ .header_btm .header_nav .active>a::after {
  display: none;
}

/* 分页尾部 */
.footer_ {
  padding: 28px 0px 20px;
}

@media (max-width: 1500px) {

  .header,
  .head_main_ .header .w1400,
  .header_btm {
    width: 100%;
    padding: 20px 3%;
  }

  .head_main_ .header_btm {
    padding: 0 3%;
  }

  .header_btm .header_nav {
    width: 100%;
  }

  .footer .w1400 {
    width: 100%;
    padding: 0 3%;
  }
.head_main_ .header_top {
 position: absolute;
 display: block;
 width: 110px;
 height: 19px;
 right: 3%;
}
}

@media (max-width: 1380px) {
  .header_nav {
    margin-left: 30px;
  }

  .head_main_ .header_nav {
    margin-left: 0px;
  }

  .header_nav>li {
    margin-right: 15px;
  }

  .logo {
    min-width: 250px;
  }

  .logo img {
    width: 100%;
    display: block;
    height: 100%;
  }
}

@media (max-width: 1200px) {
  .header {
    width: 100%;
    border-radius: 0px;
    position: fixed;
    top: 0px;
    z-index: 999;
    padding: 10px 3%;
    background: rgb(156, 13, 43);
  }

  .head_main_ .header .w1400::after {
    display: none !important;

  }

  .head_main_ .header .w1400 {

    padding: 10px 3%;
  }

  .head_main_ .header {
    position: initial;
    padding: 0 !important;
  }

  .seach_menu .seach {
    width: 24px;
    height: 24px;
    background-image: url("../images/fdj_.png");
    background-size: cover;
  }

  .red {
    display: block;
    position: absolute;
    right: -120%;
    top: 90px;
    height: calc(100vh - 90px);
    overflow: auto;
    z-index: 99;
  }

  .seach_menu {
    display: flex;
    align-items: center;
  }

  .header_more {
    display: none;
  }

  .menu span {
    transition: transform 0.3s ease 0s;
  }

  .menu span:first-child {
    margin-top: 0px;
  }

  .menu.open span:nth-child(1) {
    width: 24px;
    transform: rotate(45deg);
    margin-top: 9px;
  }

  .menu.open span:nth-child(2) {
    width: 24px;
    transform: rotate(-45deg);
    margin-top: -9px;
  }

  .menu.open span:nth-child(3) {
    opacity: 0;
  }

  .header_nav {
    display: none;
  }

  .seach_menu .menu {
    display: block;
    margin-left: 20px;
  }

  .mybanner {
    margin-top: 90px;
  }
}

@media (max-width: 1024px) {
  .footer_right {
    margin-top: 30px;
  }

  .footer {
    padding: 50px 0 30px;
  }
}

@media (max-width: 768px) {
  .header {
    padding: 10px 2%;
  }

  .red {
    width: 100%;
  }

  .footer_center {
    margin-top: 30px;

  }
  .mybanner .slick-dots {
  display: none !important;
}
  .mybanner  .slick-arrow{
  
  width: 20px;
  height: 20px;
 
  background-size: cover;
}
}

@media (max-width: 567px) {
  .header {
    height: 80px;
  }

  .mybanner {
    margin-top: 80px
  }

  .red {
    top: 80px;
    height: calc(100vh - 80px);
  }

  .header .logo {
    width: 60%;
    height: auto;
  }

  .header .logo img {
    width: 100%;
    height: 100%;
  }

  .footer_center p {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .header {
    height: 70px;
  }

  .mybanner {
    margin-top: 70px
  }

  .red {
    top: 70px;
    height: calc(100vh - 70px);
  }

  .seach_menu .menu {
    margin-left: 10px;
  }

  .footer_center {
    margin: 30px 0 0;
    padding: 0;
    border: none;
  }

  .footer {
    padding: 30px 0 20px;
  }

}