@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 16px;
}

a {
  text-decoration: none;
  color: #000;
}

li {
  list-style: none;
}

img {
  vertical-align: top;
  border: none;
}

button {
  border: 0;
  background-color: transparent;
  outline: none;
  -webkit-appearance: none;
}

select {
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

input, textarea {
  outline: none;
  border: none;
}

textarea {
  resize: none;
  overflow: auto;
}

i {
  font-weight: normal;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input {
  -moz-appearance: textfield;
}

.animated {
  visibility: visible !important;
}

html::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

html::-webkit-scrollbar-thumb {
  background: #c9353e;
  border-radius: 6px;
}

html::-webkit-scrollbar-corner {
  background: #c9353e;
}

.formError {
  max-width: 280px;
  pointer-events: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 101;
  background-color: #f6f6f6;
  padding: 15px 30px;
  border-radius: 5px;
  opacity: 0;
  transition: .4s all;
  box-shadow: 0 5px 10px rgba(67, 65, 68, 0.9);
}

.formError.active {
  opacity: 1;
}

.formError h6 {
  font-size: 16px;
  color: #434144;
  font-weight: normal;
}

.notice {
  max-width: 280px;
  pointer-events: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 101;
  background-color: #f6f6f6;
  padding: 15px 30px;
  border-radius: 5px;
  opacity: 0;
  transition: .4s all;
  box-shadow: 0 5px 10px rgba(67, 65, 68, 0.9);
}

.notice.active {
  opacity: 1;
}

.notice h6 {
  font-size: 16px;
  color: #434144;
}

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
}

.pc_header {
  display: block;
  width: 100%;
  height: 101px;
  background-color: transparent;
  padding: 0 100px;
  border-bottom: 1px solid #dedede;
  transition: .4s all;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
}

.pc_header.active {
  background-color: #101f36;
}

.pc_header .h_logo {
  display: block;
  width: 220px;
}

.pc_header .h_logo img {
  width: 100%;
  object-fit: contain;
}

.pc_header ul {
  width: 1000px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
}

.pc_header ul li {
  width: 12.5%;
  transition: .4s all;
  position: relative;
}

.pc_header ul li:hover {
  background-color: rgba(32, 72, 114, 0.7);
}
.pc_header ul li.active{
  background-color: rgba(32, 72, 114, 0.7);
}
.pc_header ul li:hover figure {
  opacity: 1;
  pointer-events: auto;
}

.pc_header ul li a {
  display: block;
  width: 100%;
  height: 100px;
  line-height: 100px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.pc_header ul li figure {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  transition: .4s all;
}

.pc_header ul li figure a {
  height: 70px;
  line-height: 70px;
  color: #666;
  border-bottom: 1px solid #d9d9d9;
  transition: .4s all;
}

.pc_header ul li figure a:last-child {
  border: none;
}

.pc_header ul li figure a:hover {
  color: #c9353e;
}

.pc_header dl {
  width: 290px;
  padding: 0 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
}

.pc_header dl dd:first-child a {
  width: 101px;
  height: 13px;
}

.pc_header dl dd:last-child a {
  width: 88px;
  height: 13px;
}

.pc_header dl dd a {
  display: block;
  position: relative;
}

.pc_header dl dd a img {
  transition: .4s all;
  position: absolute;
  top: 0;
  left: 0;
}

.pc_header dl dd a img:first-child {
  opacity: 1;
}

.pc_header dl dd a img:last-child {
  opacity: 0;
}

.pc_header dl dd a:hover img:first-child {
  opacity: 0;
}

.pc_header dl dd a:hover img:last-child {
  opacity: 1;
}

.pc_header form {
  position: absolute;
  top: 0;
  right: 0;
}

.pc_header form:hover figure {
  opacity: 1;
  pointer-events: auto;
}

.pc_header form i {
  display: block;
  width: 100px;
  height: 100px;
  background: url("../images/h_search.png") no-repeat center center;
  background-size: 30%;
  transition: .4s all;
  border-left: 1px solid #dedede;
  cursor: pointer;
}

.pc_header form figure {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100px;
  right: 0;
  width: 360px;
  border: 1px solid #fff;
  border-right: none;
  padding: 20px;
  transition: .4s all;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
}

.pc_header form figure.active {
  background-color: rgba(0, 0, 0, 0.5);
}

.pc_header form figure input {
  width: 260px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 0 10px;
}

.pc_header form figure input::-webkit-input-placeholder {
  color: #fff;
  font-size: 14px;
}

.pc_header form figure button {
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  transition: .4s all;
}

.pc_header form figure button:hover {
  color: #c9353e;
}

.m_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
  display: none;
  width: 100%;
  height: 80px;
  padding: 0 3%;
  background-color: #fff;
  flex-wrap: unset;
}

.m_header a {
  display: block;
  width: 246px;
}

.m_header a img {
  width: 100%;
  object-fit: contain;
}

.m_header figure {
  width: 140px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
}

.m_header figure .m_search_btn {
  width: 45px;
  height: 45px;
  object-fit: contain;
  transition: .4s all;
}

.m_header figure .nav-btn {
  position: relative;
  cursor: pointer;
  transition: 0.6s;
  z-index: 100;
  width: 56px;
  height: 50px;
}

.m_header figure .nav-btn span {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 4.5px;
  margin-top: -1px;
  background: #434144;
  transition: .2s ease;
}

.m_header figure .nav-btn span:before {
  content: '';
  position: absolute;
  top: -17px;
  left: 0;
  width: 56px;
  height: 4.5px;
  border-radius: 3px;
  background: #434144;
  transition: transform .2s ease, top .2s ease;
}

.m_header figure .nav-btn span:after {
  position: absolute;
  top: 17px;
  right: 0;
  width: 56px;
  height: 4.5px;
  content: '';
  border-radius: 3px;
  background: #434144;
  transition: transform .2s ease, top .2s ease;
}

.m_header figure .nav-btn-open span {
  width: 0 !important;
}

.m_header figure .nav-btn-open span:after {
  top: 0 !important;
  transform: rotate(-45deg);
  left: 0;
  width: 56px !important;
}

.m_header figure .nav-btn-open span:before {
  top: 0 !important;
  transform: rotate(45deg);
}

.m_search {
  width: 100%;
  background-color: #434144;
  transform: none;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 101;
  overflow-y: scroll !important;
  display: none;
}

.m_search figure {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.m_search .title {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.m_search .title img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.m_search .title h3 {
  font-size: 38px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px;
  line-height: 36px;
}

.m_search .main {
  width: 100%;
  padding: 6% 15%;
  padding-bottom: 0;
}

.m_search .main select {
  width: 100%;
  padding-bottom: 28px;
  border-bottom: 1px solid #f8f8f8;
  font-size: 24px;
  outline: none;
  color: #cfcfcf;
  background: url(../images/m_down.png) #fff 100% 20% no-repeat;
  background-color: transparent;
  outline: none;
}

.m_search .main select option {
  color: #333;
  padding: 0 10px;
}

.m_search .main input {
  width: 100%;
  margin-top: 30px;
  padding-bottom: 28px;
  border-bottom: 1px solid #f8f8f8;
  font-size: 24px;
  color: #cfcfcf;
  background-color: transparent;
}

.m_search .main input::-webkit-input-placeholder {
  color: #cfcfcf;
}

.m_search .main button {
  width: 100%;
  margin-top: 30px;
  padding: 15px 0;
  background-color: #fff;
  color: #434144;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
}

.m_search .search_close {
  margin: 0 auto;
  margin-top: 6%;
}

.m_search .search_close span {
  display: block;
  margin: 0 auto;
  width: 50px;
  height: 5px;
  border-radius: 10px;
  background-color: #fff;
  transform: rotate(45deg);
  position: relative;
}

.m_search .search_close span:before {
  content: '';
  opacity: 1;
  display: block;
  width: 100%;
  height: 5px;
  border-radius: 10px;
  background-color: #fff;
  transform: rotate(-90deg);
}

.m_search .search_close h4 {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin-top: 30%;
}

.m_nav {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: #f5f5f5;
  overflow-y: scroll !important;
}

.m_nav ul {
  width: 100%;
  height: auto;
}

.m_nav ul li {
  width: 100%;
  cursor: pointer;
  font-size: 20px;
  border-bottom: 1px solid #ccc;
}

.m_nav ul li > a {
  display: block;
  width: 100%;
  font-size: 20px;
  padding: 15px 3%;
  position: relative;
}

.m_nav ul li > a i {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #434144;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

.m_nav ul li > a i:before {
  content: '';
  opacity: 1;
  display: block;
  width: 2px;
  height: 18px;
  background-color: #434144;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.m_nav ul li > p {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 20px;
  padding: 15px 3%;
  position: relative;
}

.m_nav ul li > p i {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #434144;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

.m_nav ul li > p i:before {
  content: '';
  opacity: 1;
  display: block;
  width: 2px;
  height: 18px;
  background-color: #434144;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.m_nav ul li.active {
  color: #fff;
}

.m_nav ul li.active > a {
  color: #fff;
  background-color: #434144;
}

.m_nav ul li.active > a i {
  background-color: #fff;
}

.m_nav ul li.active > a i:before {
  opacity: 0;
}

.m_nav ul li.active > p {
  color: #fff;
  background-color: #434144;
}

.m_nav ul li.active > p i {
  background-color: #fff;
}

.m_nav ul li.active > p i:before {
  opacity: 0;
}

.m_nav ul li dl {
  width: 100%;
  display: none;
  padding: 0 2%;
}

.m_nav ul li dl dd {
  position: relative;
}

.m_nav ul li dl dd + dd {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.m_nav ul li dl dd a {
  display: block;
  padding: 0 4%;
  color: #434144;
  width: 100%;
  height: 100%;
  line-height: 45px;
  font-size: 20px;
  border: none;
}

.m_nav ul li dl dd:before {
  content: '';
  opacity: 1;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #434144;
  position: absolute;
  top: 50%;
  left: 1.5%;
  transform: translateY(-50%);
}

.index_banner {
  width: 100%;
  position: relative;
}

.index_banner.page {
  margin-top: 0;
}

.index_banner i {
  display: block;
  position: absolute;
  cursor: pointer;
  bottom: 20px;
  left: 120px;
  z-index: 9;
  width: 50px;
  height: 80px;
}

.index_banner i:before {
  content: '';
  opacity: 1;
  display: block;
  width: 50px;
  height: 80px;
  background: url("../images/banner_left.png") no-repeat;
  background-size: 100% 100%;
  transition: .4s all;
  position: absolute;
  top: 0;
  left: 0;
}

.index_banner i:after {
  content: '';
  opacity: 1;
  display: block;
  width: 50px;
  height: 80px;
  background: url("../images/banner_left_n.png") no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transition: .4s all;
  position: absolute;
  top: 0;
  left: 0;
}

.index_banner i:hover:before {
  opacity: 0;
}

.index_banner i:hover:after {
  opacity: 1;
}

.index_banner .swiper-wrapper {
  width: 100%;
}

.index_banner .swiper-wrapper .swiper-slide {
  display: block;
  width: 100%;
  position: relative;
  padding: 24% 0;
}

.index_banner .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}

.index_banner .swiper-pagination {
  position: absolute;
  bottom: 5%;
}

.index_banner .swiper-pagination .swiper-pagination-bullet {
  width: 3%;
  height: 3px;
  background-color: #fff;
  transition: .4s all;
  border-radius: 0;
  opacity: 1;
}

.index_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #c9353e;
}

.index_banner .swiper-container .swiper-button-prev {
  width: 58px;
  height: 58px;
  background: url("../images/banner_btn.png") no-repeat;
  background-size: contain;
  left: 5%;
}

.index_banner .swiper-container .swiper-button-next {
  width: 58px;
  height: 58px;
  background: url("../images/banner_btn.png") no-repeat;
  background-size: contain;
  transform: rotate(180deg);
  right: 5%;
}

.page_banner {
  width: 100%;
}

.page_banner figure {
  display: block;
  width: 100%;
  position: relative;
  padding: 15% 0;
}

.page_banner figure img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}

.page {
  margin-top: 100px;
}

/* footer {
  width: 100%;
  height: 400px;
  background-color: #434144;
} */

.side_nav {
  position: fixed;
  bottom: 5%;
  right: 20px;
  width: 70px;
  z-index: 8;
}

.side_nav ul {
  width: 100%;
}

.side_nav ul li {
  width: 70px;
  height: 70px;
  cursor: pointer;
  margin-top: 10px;
  border: 1px solid #bebebe;
  background-color: #fff;
  transition: .4s all;
}

.side_nav ul li:hover {
  background-color: #c9353e;
}

.side_nav ul li:hover p {
  color: #fff;
}

.side_nav ul li.side_tel {
  position: relative;
  z-index: 9;
}

.side_nav ul li.side_tel a {
  position: relative;
}

.side_nav ul li.side_tel a h3 {
  position: absolute;
  top: -1px;
  left: 0;
  width: 160px;
  height: 70px;
  padding: 0 10px;
  font-size: 18px;
  color: #fff;
  background-color: #c9353e;
  border: 1px solid #bebebe;
  line-height: 70px;
  transition: .4s all;
  z-index: -1;
  opacity: 0;
}

.side_nav ul li.side_tel a h3:hover {
  color: #fff;
}

.side_nav ul li.side_tel:hover img {
  content: url("../images/24_new.png");
}

.side_nav ul li.side_tel:hover h3 {
  left: -160px;
  opacity: 1;
}

.side_nav ul li.side_qq:hover img {
  content: url("../images/n_qq.png");
}

.side_nav ul li.side_message:hover img {
  content: url("../images/ly_new.png");
}

.side_nav ul li.side_wx {
  position: relative;
}

.side_nav ul li.side_wx > figure {
  position: absolute;
  top: 0px;
  left: -110px;
  width: 100px;
  height: 100px;
  transform: scale(0);
  transition: .4s all;
}

.side_nav ul li.side_wx > figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.side_nav ul li.side_wx:hover a img {
  content: url("../images/wx_new.png");
}

.side_nav ul li.side_wx:hover > figure {
  transform: scale(1);
}

.side_nav ul li.side_gotop:hover img {
  content: url("../images/go_top_new.png");
}

.side_nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.side_nav ul li a figure {
  width: 32px;
  height: 33px;
}

.side_nav ul li a figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.side_nav ul li a p {
  font-size: 12px;
  color: #454545;
  margin-top: 5px;
}

.index_message {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99;
  transform: scale(0);
  transition: .4s all;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.index_message.active {
  transform: scale(1);
}

.index_message .index_message_main {
  width: 820px;
  padding: 2%;
  background-color: #fff;
  position: relative;
}

.index_message .index_message_main .title {
  width: 300px;
  margin: 0 auto;
}

.index_message .index_message_main .title h3 {
  font-size: 30px;
  color: #c9353e;
  text-align: center;
  font-weight: bold;
}

.index_message .index_message_main .title p {
  margin-top: 10px;
  font-size: 14px;
  color: #787878;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  font-weight: bold;
}

.index_message .index_message_main .title p:before {
  position: absolute;
  right: 0;
  top: 50%;
  content: "";
  width: 100px;
  height: 1px;
  background: #434144;
}

.index_message .index_message_main .title p:after {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  width: 100px;
  height: 1px;
  background: #434144;
}

.index_message .index_message_main .main {
  width: 100%;
  margin-top: 4%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
  align-items: unset;
}

.index_message .index_message_main .main figure {
  display: block;
  width: 47%;
  position: relative;
  padding: 17% 0;
}

.index_message .index_message_main .main figure img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}

.index_message .index_message_main .main .message_form {
  width: 50%;
}

.index_message .index_message_main .main .message_form ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
}

.index_message .index_message_main .main .message_form ul li {
  width: 48%;
  transition: 0.6s;
}
/* .m-index_banner{display: none;} */
.index_message .index_message_main .main .message_form ul li input {
  font-size: 14px;
  color: #979797;
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 1px solid #bebebe;
}

.index_message .index_message_main .main .message_form ul li select {
  font-size: 14px;
  color: #979797;
  width: 100%;
  height: 46px;
  padding: 0 14px;
  outline: none;
  border: 1px solid #bebebe;
  background: url(../images/xia.png) #fff 90% center no-repeat;
}

.index_message .index_message_main .main .message_form ul li:nth-of-type(n+3) {
  margin-top: 20px;
}

.index_message .index_message_main .main .message_form ul li:hover {
  box-shadow: 0 5px 10px rgba(204, 60, 64, 0.6);
}

.index_message .index_message_main .main .message_form ul li.joan_textarea {
  width: 100%;
  height: 240px;
}

.index_message .index_message_main .main .message_form ul li.joan_textarea textarea {
  width: 100%;
  height: 100%;
  border: 1px solid #bebebe;
  padding: 14px;
}

.index_message .index_message_main .main .message_form ul li.joan_submit {
  width: 100%;
}

.index_message .index_message_main .main .message_form ul li.joan_submit button {
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background-color: #c9353e;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
}

.index_message .index_message_main .close_index_message {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  background: url("../images/close.png") no-repeat center center #c9353e;
  background-size: 60%;
  cursor: pointer;
}

.index_wxcode {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: .4s all;
  transform: scale(0);
  z-index: 101;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.index_wxcode img {
  width: 140px;
  height: 140px;
  object-fit: contain;
}

.index_wxcode.active {
  transform: scale(1);
}

.index1 {
  width: 100%;
  background-color: #101f36;
}

.index1 .main {
  width: 1640px;
  margin: 0 auto;
  padding-top: 120px;
  padding-bottom: 90px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
  align-items: unset;
  position: relative;
}

.index1 .main:before {
  content: '';
  opacity: 1;
  display: block;
  width: 3px;
  height: 450px;
  background-color: #ffba00;
  position: absolute;
  top: -100px;
  left: -30px;
  z-index: 3;
}

.index1 .main div {
  width: 600px;
  position: relative;
  order: -1;
}

.index1 .main div > p {
  width: 555px;
  margin-top: 30px;
  color: #dfdfdf;
  line-height: 48px;
  font-size: 16px;
}

.index1 .main div > p span {
  color: #fff;
}

.index1 .main div .more{
  display: block;
  margin: 75px 0;
  width: 125px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  color: #0e3152;
  font-size: 14px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid transparent;
  transition: .4s all;
  text-transform: uppercase;
  font-weight: bold;
}

.index1 .main div .more:hover {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.index1 .main div ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
}


.index1 .main div ul li a{
  display: block;  
  width: 180px;
  background-color: #ae1f24;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 40px 0;
}

.index1 .main div ul li img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.index1 .main div ul li p {
  margin-top: 15px;
  color: #fff;
  font-size: 18px;
}

.index1 .main div ul li span {
  font-size: 14px;
  color: #dfdfdf;
}

.index1 .main div figure {
  display: block;
  width: 100%;
  position: relative;
  padding: 30% 0;
  margin-bottom: 3%;
  display: none;
}

.index1 .main div figure img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}

.index1 .main > figure {
  width: 900px;
}

.index1 .main > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index2 {
  width: 100%;
}

.index2 .main .top {
  background: url("../images/index2_bag.jpg") no-repeat;
  background-size: cover;
  padding: 75px 0;
  width: 100%;
}

.index2 .main .top div {
  width: 1640px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
}

.index2 .main .top div figure {
  width: 525px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
  align-items: flex-end;
}

.index2 .main .top div figure h3 {
  width: 225px;
  color: #0b2843;
  position: relative;
}

.index2 .main .top div figure h3 span {
  color: #0b2843;
}

.index2 .main .top div figure h3 i {
  display: block;
  width: 4px;
  height: 100%;
  background-color: #ae1f24;
  position: absolute;
  top: 0;
  right: 0;
}

.index2 .main .top div figure h3 i:before {
  content: '';
  opacity: 1;
  display: block;
  width: 4px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #101f36;
}

.index2 .main .top div figure h4 {
  width: 290px;
  padding-left: 25px;
  color: #101f36;
  font-size: 18px;
  font-weight: bold;
}

.index2 .main .top div figure h4 span {
  font-weight: normal;
  display: block;
}

.index2 .main .top div ul {
  width: 550px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: space-between;
  justify-content: space-between;
}

.index2 .main .top div ul li {
  position: relative;
  width: 54px;
  height: 85px;
}

.index2 .main .top div ul li:hover img {
  top: -15px;
}

.index2 .main .top div ul li img {
  position: absolute;
  top: 0;
  width: 54px;
  height: 54px;
  transition: .4s all;
}

.index2 .main .top div ul li p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: 12px;
  font-size: 14px;
  color: #0b2843;
  text-align: center;
}

.index2 .main .bottom {
  width: 100%;
  padding: 100px 0;
  background: url("../images/index2_bag2.jpg") no-repeat;
  background-size: cover;
}

.index2 .main .bottom .swiper-pagination {
  display: none;
  margin-top: 3%;
  z-index: 5;
  position: relative;
}

.index2 .main .bottom .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
}

.index2 .main .bottom .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ae1f24;
}

.index2 .main .bottom nav {
  width: 1640px;
  margin: 0 auto;
}

.index2 .main .bottom nav ul {
  width: 100%;
}

.index2 .main .bottom nav ul li:hover a div {
  background-color: #ae1f24;
}

.index2 .main .bottom nav ul li:hover a figure:before {
  top: 100%;
}

.index2 .main .bottom nav ul li a {
  display: block;
}

.index2 .main .bottom nav ul li a div {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
 align-items: center !important;
  flex-direction: unset;
  align-items: flex-end;
  padding: 15px 0;
  background-color: #0e2a46;
  transition: .4s all;
}

.index2 .main .bottom nav ul li a div img {
  width: 65px;
  height: 80px;
  object-fit: contain;
}

.index2 .main .bottom nav ul li a div p {
  margin-left: 20px;
  color: #fff;
  font-size: 18px;
}

.index2 .main .bottom nav ul li a div p span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: #dfdfdf;
  text-transform: uppercase;
}

.index2 .main .bottom nav ul li a > figure {
  display: block;
  width: 100%;
  position: relative;
  padding: 52% 0;
  position: relative;
  overflow: hidden;
}

.index2 .main .bottom nav ul li a > figure:before {
  content: '';
  opacity: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(67, 65, 68, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  transition: .4s all;
}

.index2 .main .bottom nav ul li a > figure img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}

.index2 .main .bottom nav > a {
  display: block;
  margin: 0 auto;
  margin-top: 90px;
  width: 125px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  color: #0e3152;
  font-size: 14px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid transparent;
  transition: .4s all;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  z-index: 5;
}

.index2 .main .bottom nav > a:hover {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.index3 {
  width: 100%;
  padding: 80px 0;
  background-color: #101f36;
}

.index3 .main {
  height: 780px;
  position: relative;
}

.index3 .main .img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.index3 .main .right-slide {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  max-width: 1400px;
  margin: 0 auto;
  height: 100%;
  position: relative;
  z-index: 2;
}

.index3 .main .right-slide .content {
  max-width: 680px;
  width: 50%;
  padding-top: 4%;
}

.index3 .index_title{
  /* font-size: 48px; */
  margin-bottom: 5%;
  /* font-family: '宋体';
  font-weight: bold; */
  text-align: center;
  color: #0b2843;
}

.index3 .index_title span {
  display: block;
  /* font-size: 18px;
  font-family: '微软雅黑';
  font-weight: normal; */
  text-align: center;
  text-transform: uppercase;
}


.index3 .index_title .contorl{margin-bottom: 4%;}
.contorl {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 60px;


}
.contorl .swiper-pagination{margin: 0 50px;position: unset;}
.contorl .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin-right: 10px;
}
.contorl .swiper-pagination-bullet:last-of-type{margin-right: 0 !important;}
.contorl .swiper-pagination-bullet-active {
  background: #c9353e;
}

.contorl .swiper-button-prev {
  position: unset;
  margin: 0;
  background: url("../images/icon01.png") no-repeat center center;
  color: transparent;
  width: 62px;
}

.contorl .swiper-button-next {
  margin: 0;
  position: unset;
  background: url("../images/icon02.png") no-repeat center center;
  color: transparent;
  width: 62px;
}

.index3 .main .right-slide .content .swiper-container {
  width: 100%;
}

.index3 .main .right-slide .content .swiper-container a {
  border: 1px solid #d6d6d6;
  background: #fff;
  padding-bottom: 35%;
}

.index3 .main .right-slide .content .swiper-container a img {
  display: block;
  width: 90%;
  height: 90%;
  object-fit: contain;
  position: absolute;
  left: 5%;
  top: 5%;
}
.index3 .main .img1{display: none;}
@media screen and (max-width: 1600px) {
  .index3{padding: 0;}
  .index3 .main{height: auto;padding: 8% 0;}
}
@media screen and (max-width: 1024px) {
  .index3 .main .right-slide .content{max-width: 100%;width: 100%;}
  .index3 .main{padding: 20px;}
  .index3 .main .img{display: none;}
  .index3 .main .right-slide .content .contorl{display: none;}
  .index3 .main .right-slide{background: #f0f0f0;padding:20px;margin-top: 4%;}
  .index3 .main .right-slide .content .swiper-container a{padding-bottom: 50%;}
  .index3 .main .img1{display: block;width: 100%;height: auto;}
}
@media screen and (max-width: 767px) {
  .index3 .main{padding: 10px;}
  .index3 .main .right-slide{padding:20px 10px;}
  .index3 .main .right-slide .content h4{font-size: 24px;}
  .index3 .main .right-slide .content h4 span{font-size: 14px;}
  .index3 .main .right-slide .content{padding-top: 0;}
  
}




/* 终端赋能 */
.max-w-17{max-width: 1720px;margin: 0 auto;}
.index4{background: #101f36;padding: 100px 20px;}
.index4 .index_title{background: url("../images/bg02.jpg") no-repeat center center;background-size: cover;margin-bottom: 60px;}
.index4 .index_title{padding: 2% 0;text-align: center;}
.index4 .index_title span{color: #fff;}
.index4 .content{display: flex;margin-bottom: 40px;}
.index4 .content .left-slide{width: 260px;margin-right: 4px;max-width: 260px;width: 100%;}
.index4 .content .left-slide li{color: #0e3152; cursor: pointer;transition: 0.4s; margin-bottom: 4px;font-size: 18px;background: #fff;padding-left: 40%;line-height: 120px;background-image: url("../images/icon04.png");background-color: #fff;background-repeat:  no-repeat; background-position:center  left 30%;}
.index4 .content .left-slide li:hover{background-image: url("../images/icon03.png");background-color: #ae1f24;color: #fff;}
.index4 .content .left-slide a{display: block;text-transform: uppercase;font-weight: bold;text-align: center;line-height: 80px;color: #101f36;background: #fff;}
.index4 .content .right-slide{background: url("../images/bg03.jpg") no-repeat center center;flex: auto;}
.index4 .content .right-slide .txt{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.index4 .content .right-slide .txt img{display: block;object-fit: contain;max-width: 1300px;width: 90%;}
.index4 form{display: flex;justify-content: space-between;border: 1px solid #fff;padding: 30px;}
.index4 form input{width: 24%;height: 58px;padding: 20px;font-size: 16px;}
.index4 form button,
.index4 form a{width: 12%;line-height: 58px;text-align: center;color: #fff;display: block;}
.index4 form button{background: #ae1f24;}
.index4 form a{background: #005284;}
.index4 .m-more{display: none;}
.cov-pic{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
@media screen and (max-width: 1400px) {
  .index4{padding: 60px 20px 60px 20px;}
  .index4 .content .left-slide{max-width: 200px;}
  .index4 .content .left-slide li{line-height: 70px;}
  .index4 .content .left-slide li{background-position: center left 22%;padding-left: 34%;}
  
}
@media screen and (max-width: 1200px) {
 
}
@media screen and (max-width: 1024px) {
  .index4{padding:40px 20px;}
  .index4 .content{display: block;}
  .index4 .content .left-slide{display: flex;max-width:unset;margin-right: 0;justify-content: space-between;}
  .index4 .content .left-slide a{display: none;}
  .index4 .content .left-slide li{width: 25%;padding-left: 10%;}
  .index4 .content .right-slide .txt{height: 400px;padding: 20px}
  .index4 .content .right-slide .txt img{width: 100%;height: 100%;}
  .index4 form button, .index4 form a{line-height: 40px;font-size: 14px;}
  .index4 form input::placeholder{font-size: 14px;}
  .index4 form input{height: 40px;}
  .index4 form input{padding: 0 6px;}
  .index4 form{padding: 10px;} 
  .index4 .m-more{display: block;margin: 20px auto;width: 125px;height: 40px;line-height: 40px; background-color: #fff;color: #0e3152;font-size: 14px;text-align: center;border-radius: 10px;border: 1px solid transparent;transition: .4s all;text-transform: uppercase;font-weight: bold;position: relative;}
}
@media screen and (max-width: 767px) {
  .index4{padding:30px 10px;}
  .index4 .content .left-slide li{font-size: 16px;background-size: 18px;padding-left: 0;background-position: center left 12%;text-align: center;line-height: 50px;}
  .index4 .content .right-slide .txt{padding: 10px;height: 300px;}
  .index4 .index_title{margin-bottom:30px ;}
  .index4 .content{margin-bottom: 20px;}
}
@media screen and (max-width: 600px) {
.index4 .content .left-slide li{background-image:none;}
.index4 .content .left-slide li:hover{background-image: none;}
.index4 .content .left-slide li{font-size: 14px;}
.index4 .content .right-slide .txt{height: 260px;}
.index4 form{flex-wrap: wrap;justify-content: center;}
.index4 form input{width: 100%;margin-bottom: 14px;}
.index4 form button{margin-right: 20px;}
.index4 form button, .index4 form a{width: 110px;}
}
@media screen and (max-width: 420px) {
  .index4 .content .right-slide .txt{height: 220px;}
  .index4 .m-more{width: 100%;line-height: 35px;border-radius: 6px;height: auto;}
}
/* 项目案例 */
.max-w-14{max-width: 1400px;margin: 0 auto;}
.index5{background: #f0f0f0;padding-bottom: 100px;position: relative;}
.index5 .max-w-14{display: flex;}
.index5 .left-slide{display: flex;flex-direction: column;justify-content: flex-end;}
.index5 .left-slide .index_title{padding-bottom: 70px;color: #ae1f24;}
.index5 .left-slide .index_title span{color: #0b2843;}
.index5 .left-slide b{display: block;color: #101f36;font-size: 18px;margin-bottom: 20px;}
.index5 .left-slide>p{font-size: 12px;text-transform: uppercase;color:#9e9e9e;margin-bottom: 30px;}
.index5 .left-slide{width: 50%;padding-right: 30px;}
.index5 .left-slide .more{margin-bottom: 40px; position: relative; display: block;font-weight: bold; text-transform: uppercase;font-size: 14px;width: fit-content;padding-bottom: 10px;}
.index5 .left-slide .more:before{content: "";bottom: 0;right: 0;position: absolute;height: 2px;width: 100%;background: #ae1f24;}
.index5 .left-slide .more:after{content: "";bottom: 0;left: 0;position: absolute;height: 2px;width: 26px;background: #101f36;}
.index5 .left-slide .case1 {width: 100%;}
.index5 .left-slide .case1 a{display: block;padding-bottom: 54%;position: relative;height: 300px;overflow: hidden;}
.index5 .left-slide .case1 a img{transition: 2s;}
.index5 .case2{width: 50%;}
.index5 .case2 a{padding-bottom: 112%;position: relative;display: block;}
.index5 .left-slide .case1 a p,
.index5 .case2 p{transition: 0.3s; font-size: 16px;color: #fff;text-align: center;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 10px;background: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0;left: 0; z-index: 3;}
.index5 .left-slide .case1 a:hover p,
.index5 .case2:hover p{background: #ae1f24;}
.index5 .left-slide .case1 a:hover img{transform: scale(1.05,1.05);}
.index5 .max-w-14{position: relative;}
.index5 .max-w-14 .index-case-prev{top:unset;bottom:-75px;width: 50px;height: 50px;background: url("../images/icon06.png") no-repeat center center;left: unset;right: 26px;}
.index5 .max-w-14 .index-case-next{top:unset;bottom:-75px;width: 50px;height: 50px;background: url("../images/icon05.png") no-repeat center center;right: 125px;}
.index5::before{content: "";width: 360px;height: 680px;background: url("../images/bg04.png") #ae1f24 no-repeat right 125px center;position: absolute;bottom: 0;right: 0;left: unset;}
.index5 .m-swiper-button{display: none;}
@media screen and (max-width: 1400px) {
  .index5{padding: 20px;}
}
@media screen and (max-width: 1200px) {
  
}
@media screen and (max-width: 1024px) {
  .index5 .max-w-14{display: block;}
  .index5 .left-slide{width: 100%;}
  .index5 .left-slide .index_title{text-align: center;}
  .index5 .left-slide .index_title{padding-bottom: 30px;}
  .index5 .left-slide b{text-align: center;}
  .index5 .left-slide>p{max-width: 600px;margin: 0 auto;text-align: center;margin-bottom: 30px;}
  .index5 .left-slide .more{display: none;}
  .case2{display: none;}
  .index5::before{display: none;}
  .index5 .left-slide{padding-right: 0;}
  .index5 .max-w-14 .index-case-prev{top: 50%;}
  .index5 .max-w-14 .index-case-next{top: 50%;}
  .index5 .max-w-14 .index-case-next{left: 10px;}
  .index5 .max-w-14 .index-case-prev{right: 10px;}
  .index5 .m-swiper-button{display: block;background-image:url("../images/icon05.png") ;width: 25px !important;height: 25px !important;background-size: contain !important;}
  .index5 .pc-swiper-button{display: none;}
}
@media screen and (max-width: 767px) {
  .index5 .left-slide b{font-size: 14px;margin-bottom: 10px;}
  .index5 .left-slide .index_title{padding-bottom: 20px;}
  .index5 .left-slide>p{margin-bottom: 16px;}
  .index5{padding:30px 10px;}
}
@media screen and (max-width: 420px) {

}

.ellip{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellip2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index6{background: #101f36;padding: 100px 20px;}
.index6 .tit{display: flex;justify-content: space-between;align-items: center;padding-bottom: 50px;border-bottom: 1px solid rgba(255,255, 255, 0.5);margin-bottom: 60px;}
.index6 .tit-a a{display: inline-block;width: 116px;line-height: 34px;color: #fff;text-align: center;border-radius: 17px;transition: 0.4s;margin-left: 30px;position: relative;}
.index6 .tit-a a::before{content: "";left: -15px;top: 50%;height: 3px; width:10px;background: #ae1f24;top: 50%;margin-top: -1px;position: absolute;}
.index6 .tit-a a:nth-of-type(1){margin-left: 0;}
.index6 .tit-a a:nth-of-type(1)::before{display: none;}
.index6 .tit-a a:hover{background: #ae1f24;}
.index6 .index-news-list {width: 100%;margin-bottom: 50px;}
.index6 .index-news-list a{width: 50%;display: block;height: 190px;float: left;position: relative;background: #fff;}

.index6 .index-news-list a{display: flex;padding: 20px;margin-bottom: 30px;}
.index6 .index-news-list a .pic{width: 200px;height: 150px;position: relative;min-width: 200px;}
.index6 .index-news-list a .txt{flex: auto;padding: 20px 30px 0 30px;flex-direction: column-reverse;display: flex;justify-content: flex-end;}
.index6 .index-news-list a .txt b{font-size: 18px;color: #434144;margin-bottom: 10px;display: block;max-width: 400px;}
.index6 .index-news-list a .txt p{color: #6a6a6a;font-size: 14px;line-height: 1.5;}
.index6 .index-news-list a .txt time{margin-top: 20px;color: #787878;}
.index6 .index-news-list a:nth-of-type(1){height: auto;display: block;padding: 0;margin-bottom: 0;padding-right: 30px;background: unset;}
.index6 .index-news-list a:nth-of-type(1) .pic{height: 480px;position: relative;width: 100%;}
.index6 .index-news-list a:nth-of-type(1) .txt{display: flex;align-items: center;flex-direction:unset;justify-content:unset;height: 150px;background: #fff;margin-left: 0;}
.index6 .index-news-list a:nth-of-type(1) .txt time{display: block;width: 120px;text-align: center;font-size: 18px;color: #6a6a6a;min-width: 120px;margin-top: 0;}
.index6 .index-news-list a:nth-of-type(1) .txt time span{display: block;font-size: 48px;color: #454545;}
.index6 .index-news-list a:nth-of-type(1) .txt{padding:0;}

.index6 .index-news-list a:nth-of-type(1) .txt .content{flex: auto;padding: 0 30px;border-left: 1px solid #c0c0c0;}
.index-news-list-m{display: none;}
@media screen and (max-width: 1400px) {
  .index6{padding: 80px 20px;}
}
@media screen and (max-width: 1200px) {
  .index6 .index-news-list a{padding: 10px;}
  .index6 .index-news-list a .txt{padding: 0 10px;}
  .index6 .index-news-list a{height: 170px;}
  .index6 .index-news-list a:nth-of-type(1) .pic{height: 421px;}
  .index6{padding: 60px 20px;}
}
@media screen and (max-width: 1024px) {
  .index6{padding: 40px 20px;}
  .index-news-list{display: none;}
  .index-news-list-m{display: block;}
  .index6 .index-news-list-m a{height: auto;display: block;padding: 0;margin-bottom: 0;background: unset;background: #fff;}
  .index6 .index-news-list-m a .pic{width: 100%;position: relative;padding-top: 80%;}
  .index6 .index-news-list-m a .txt{flex: auto;padding: 20px 10px;flex-direction: column;display: flex;}
  .index6 .index-news-list-m a .txt b{font-size: 18px;color: #434144;margin-bottom: 10px;display: block;}
  .index6 .index-news-list-m a .txt p{color: #6a6a6a;font-size: 14px;line-height: 1.5;}
  .index6 .index-news-list-m a .txt time{margin-top: 10px;color: #787878;}
  .index6 .tit{padding-bottom: 30px;margin-bottom: 30px;}
  .index6 .tit-a a{width:max-content;font-size: 14px;}
  .index6 .tit-a a::before{left: -20px;}
}
@media screen and (max-width: 767px) {
  .index6 .index-news-list-m a .txt b{font-size: 16px;}
  .index6{padding: 30px 10px;}
  .index6 .tit{padding-bottom: 2px;margin-bottom: 20px;}
  .index6 .tit-a{display: none;}
  .index6 .index-news-list-m a .txt{padding: 10px;}
  .index6 .index-news-list-m a .txt time{font-size: 14px;}
}
@media screen and (max-width: 420px) {

}


.clearfix:after{content:'';display: table;clear: both;}
.index6 .index-news-list a:nth-of-type(4n+4){margin-bottom: 0;}
.index-news-list .swiper-pagination{margin-top: 60px;}                    
.index-news-list .swiper-button-next{top:unset; bottom: 0px;background: url("../images/icon08.png") no-repeat center center;width: 60px;right: 40%;height: 20px;}
.index-news-list .swiper-button-prev{top:unset; bottom: 0px;background: url("../images/icon07.png") no-repeat center center;width: 60px;left: 40%;height: 20px;}
.index-news-list .swiper-pagination-bullet{background:#fff;width: 10px;height: 10px;opacity: 1;}
.index-news-list .swiper-pagination-bullet-active{background: #ae1f24;}
.index-news-list2{padding: 40px 0;display: flex;justify-content: space-between;flex-wrap: wrap;border: 1px solid #fff;border-left: 0;border-right: 0;}
.index-news-list2 .list a{width:46%;display: flex;margin-bottom: 20px;padding-left: 24px;position: relative;justify-content: space-between;}
.index-news-list2 .list a::before{content: "";transition: 0.2s;width: 12px;height: 12px;border: 2px solid #c9353e;left: 6px;top: 50%;margin-top: -6px;position: absolute;box-sizing: border-box;transform: scale(0,0);}
.index-news-list2 .list a:hover::before{transform: scale(1,1);}
.index-news-list2 .list a p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;flex: auto;margin-right: 40px;font-size: 14px;color: #ccc;}
.index-news-list2 .list a span{display: block;min-width: 90px;font-size: 14px;color: #ccc;}
.index-news-list2 .list{width: 80%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-news-list2 .list a:hover p{color: #fff;font-weight: bold;}
.index-news-list2 .list a:hover span{color: #fff;font-weight: bold;}
.index-news-list2 .more{min-width: 200px;width: 200px;display: flex;justify-content: center;align-items: center;color: #fff;flex-direction: column;}
.index-news-list2 .more img{display: block;margin-bottom: 20px;}
.index-news-list2 .more span{border-bottom: 2px solid #ae1f24;display: block;color: #fff;padding-bottom: 10px;width: fit-content;}
.index-news-list2 .list a:nth-of-type(7),.index-news-list2 .list a:nth-of-type(8){margin-bottom: 0;}
.index-news-list-m .swiper-pagination{position: unset;}
.index-news-list-m .pc-change{display: flex;justify-content: center;padding: 16px 0 ;} 
.pc-change .swiper-pagination{position: unset;}
.index-news-list .swiper-pagination-bullet{margin-right: 10px;}
.index-news-list .swiper-pagination-bullet:last-of-type{margin-right: 0;}
@media screen and (max-width: 1400px) {

}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1024px) {
  .index-news-list-m .swiper-pagination{margin: 0 20px;}
  .index-news-list-m .m-change{display: flex;justify-content: center;padding: 16px 0 ;}                   
  .index-news-list-m .swiper-button-next{position: unset; background: url("../images/icon08.png") no-repeat center center;width: 60px;height: 20px;margin: 0;}
  .index-news-list-m .swiper-button-prev{position: unset; background: url("../images/icon07.png") no-repeat center center;width: 60px;height: 20px;margin: 0;}
  .index-news-list-m .swiper-pagination-bullet{background:#fff;width: 10px;height: 10px;opacity: 1;}
  .index-news-list-m .swiper-pagination-bullet-active{background: #ae1f24;}
  .index-news-list-m .swiper-pagination-bullet{margin: 0 6px;}
  .index-news-list2{display: block;padding: 30px 0;}
  .index-news-list2 .list{width: 100%;}
  .index-news-list2 .list a{width: 48%;}
  .index-news-list2 .list a p{margin-right: 20px;}
  .index-news-list2 .more{margin: 20px auto 0;}
  .index-news-list2 .more img{display: none;}
  
}
@media screen and (max-width: 767px) {
  .index-news-list2 .list a {width: 100%;margin-bottom: 16px !important;font-size: 14px;padding-left: 10px;}
  .index-news-list2 .list a::before{width: 6px;height: 6px;transform: scale(1,1);margin-top: -3px;left: 0;}
  .index-news-list2{padding: 20px 0;}
  .index-news-list2 .more{ margin: 10px auto 0;}
  .index-news-list2 .more span{font-size: 14px;}
}
@media screen and (max-width: 420px) {
  .index-news-list2 .list a{margin-bottom: 8px;}
}
/* =========================首页样式结束 ==============================================*/






/* =========================公共底部样式开始 ==============================================*/
footer{background: #083050;}
.footer-top{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.footer-top .max-w-14{height: 160px;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.footer-top h4{display: none;}
.footer-top .footer-logo{display: block;width: 220px;height: 30px;}
.footer-top .footer-logo img{width: 100%;height: 100%;display: block;object-fit:contain;}
.footer-top .nav{display: flex;justify-content: space-between;flex: auto;max-width: 780px;} 
.footer-top .nav a{display: block;color: #fff;color: #ececec;font-size: 16px;}
.footer-top .nav a:hover{color: #101f36;}
.footer-min{display: flex;justify-content: space-between;align-items: center;}
.footer-min{padding: 60px 0;}
.footer-min .left-slide p{color: #c2c2c2;font-size: 16px;line-height:2;}
.footer-min .left-slide p a{color: #c2c2c2;}
.footer-min .right-slide{display: flex;}
.footer-min .right-slide .code img{display: block;width: 116px;height: 116px;object-fit: contain;margin-bottom: 20px;}
.footer-min .right-slide .code{text-align: center;color: #c2c2c2;margin-left: 20px;}
.footer-bottom{background: #101f36;padding: 30px 20px;}
.footer-bottom .max-w-14{color: #c2c2c2;font-weight: bold;font-size: 14px;}
.footer-bottom .max-w-14 a{color: #c2c2c2;font-weight: normal;font-size: 14px;display: inline-block;margin-right:18px;}


/* 新修改 */
@media screen and (max-width: 1400px) {
  .footer-top{padding: 0 20px;}
  .footer-min{padding: 60px 20px;}
}
@media screen and (max-width: 1200px) {
  .footer-top .nav{max-width: 680px;}
}
@media screen and (max-width: 1024px) {
  .footer-top .nav{display: none;}
  .footer-top .max-w-14{height: 80px;}
  .footer-min{display: block;}
  .footer-min{padding: 30px 20px;}
  .footer-min .right-slide{display: none;}
}
@media screen and (max-width: 767px) {
  .footer-min .left-slide p{font-size: 14px;}
  .footer-min{padding: 20px;}
  .footer-top .max-w-14{height: 60px;}
  .footer-top{padding: 0 10px;}
  .footer-min .left-slide p a{font-size: 14px;}
  .footer-bottom{padding: 10px;}
  .footer-top .footer-logo{display: none;}
  .footer-bottom{display: none;}
  .footer-top h4{display: block;font-size: 18px;font-weight: bold;color: #fff;}
  .footer-top .max-w-14{height: 40px;}
}
@media screen and (max-width: 420px) {
  .footer-top .footer-logo{width:180px;}
  .footer-min{padding: 10px;}
}



/* 分页切换 */
.m-pages{margin: 0 auto;}
.m-pages ul{display: flex;justify-content: center;}
.m-pages li{margin-right: 8px;}
.m-pages li a,
.m-pages li span{display: block;width: 100%;height: 100%;background: #fff;padding:6px 12px;border-radius: 4px;text-align: center;}
.m-pages select{padding: 6px 24px 6px 10px ;border-radius: 4px;background:url("../images/xia.png") #fff no-repeat right 4px center;position: relative;}
.page-t{display: flex;justify-content: center;}
.m-pages li a:hover{background: #ae1f24;color: #fff;}
.m-pages li.active a{background: #ae1f24; color: #fff;}
.page-num{display: none;}
/* 新修改 */



/* =========================公共底部样式结束 ==============================================*/




/*=========== 关键字 ==================*/
.keywords{border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.keywords .max-w-14{display: flex;padding: 20px 0;align-items: center;justify-content: space-between;	}
.keywords b{font-size: 14px;color: #fff;}
.keywords p{color: #fff;}
.keywords p a{display: inline;font-size: 14px !important;color: #fff;}
.keywords p a:hover{color:#ae1f24 ;}
.keywords  form{width: 400px;height: 42px;border-radius: 21px;display: flex;align-items: center;background: #fff;}
.keywords input{font-size: 14px; outline: none;box-shadow: none; width: 360px;border: none;box-shadow: none;height: 100%;padding-left: 20px;background: transparent;}
.keywords button{outline: none;box-shadow: none;width: 32px;height: 32px;border-radius: 50%;border: none;background: url("../images/search.png") #ae1f24 no-repeat center center;}
.keywords .word{display: none;}
.m-mianbaoxie{display: none;padding: 20px 10px;font-size: 14px;}
.m-mianbaoxie b{font-size: 14px !important;}
.m-mianbaoxie a{display: inline;font-size: 14px !important;color: #414141;}
@media screen and (max-width: 1400px){
  .keywords .max-w-14{padding:20px;}
}
@media screen and (max-width: 1200px){
	.keywords .word{display: block;}

	.m-mianbaoxie{display: block;}
}
@media screen and (max-width: 767px){
	.mianbaoxie{display: none;}
	.keywords{display: none;}
	.keywords .max-w-14{display: block;padding:20px;}
	.keywords .max-w-14 p{text-align: center;margin-bottom: 10px;}
	.keywords form{margin: 0 auto;height: 36px;width: 90%;max-width: 400px;padding-right: 6px;}
	.keywords input{flex: 1;width: auto;}
	.keywords button{width: 24px;height: 24px;background-size: 12px;}
	.m-mianbaoxie{display: none;}

}
@media screen and (max-width: 500px){
	.keywords .max-w-14{padding: 10px;}
	.m-mianbaoxie{padding: 10px;}
}
/* 二级栏目列表 */
.lanmu-type{background: #f7f7f7;display: flex;justify-content: space-between;align-items: center;height: 60px;border: 1px solid #d3d3d3;margin-top: 60px;}
.lanmu-type span{display: inline-block;padding-left: 30px;color: #626262;background: url("../images/icon-01.png") no-repeat left center;margin-left: 20px;}
.lanmu-type ul{height: 100%;display: flex;}
.lanmu-type li{height: 100%;}
.lanmu-type li>a{display: inline-block;height: 100%;line-height: 60px;color: #626262;text-align: center;padding: 0 20px;}
.lanmu-type li.active>a,
.lanmu-type li:hover>a{background: #ae1f24;color: #fff;}
@media screen and (max-width: 1400px){
  .lanmu-type{margin: 40px 20px  0 20px;}
}
@media screen and (max-width: 1200px){
  


}
@media screen and (max-width: 767px){
	.lanmu-type span{display: none;}
	.lanmu-type{background: none;border: none;height: auto;display: none;}
	.lanmu-type li{background: #ececec;width: 33%;margin-right: 1px;margin-bottom: 1px; height: 40px;}
	.lanmu-type li:nth-of-type(3n+3){margin-right: 0;}
	.lanmu-type li>a{font-size: 14px;width: 100%;line-height: 40px;height: 40px; padding: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.lanmu-type ul{width: 100%;flex-wrap: wrap;}
	
}
@media screen and (max-width: 500px){
	.lanmu-type{margin: 10px;}
}



.in-page{margin-top: 0;}
/* =========================专卖店风采样式开始 ==============================================*/

.store-list{display: flex;flex-wrap:wrap;}
.store-list li{width: 32%;margin-right: 2%;margin-bottom: 20px;transition: .3s;background: #fff;}
.store-list li:nth-of-type(3n+3){margin-right: 0;}
.store-list li a{display: block;text-align: center;color: #333333;font-size: 16px;padding-bottom: 20px;}
.store-list li .pic{padding-bottom: 80%;position: relative;margin-bottom: 20px;border: 1px solid #eee;}
.store-list li .pic img{position: absolute;width: 100%;height: 100%;object-fit: cover;display: block;left: 0;top: 0;}
.store-list li:hover{box-shadow: 2px 2px 4px #eee;transform: translateY(-6px);}
@media screen and (max-width: 1200px){
	.store{margin-top: 30px;padding: 0 20px;}
}
@media screen and (max-width: 767px){
	.store-list li:nth-of-type(3n+3){margin-right: unset;}
	.store-list li{width: 48%;margin-right: 4% !important;}
	.store-list li:nth-of-type(even){margin-right: 0 !important;}

}
@media screen and (max-width: 500px){
	.store{padding: 0 10px;}
	.store-list li{margin: 0 !important;margin-bottom: 10px !important;width: 100%;}
	.store-list li .pic{margin-bottom: 4px;}
	.store-list li a{font-size: 14px;}
}


/* 新增 */
@media screen and (max-width: 420px){
  .store-list li .pic{margin-bottom: 10px;}
  .store-list li a{    padding-bottom: 10px;}
 
}
/* 新增 */

/* =========================专卖店风采样式结束 ==============================================*/



/*=================新闻中心样式           开始=============================*/


.news-list .slide-l .news-list-box li{width: 100%;margin-bottom: 30px;transition: 0.3s;display: block;background: #fff;display: flex;}
.news-list .slide-l .news-list-box li>a{display: block;}
.news-list .slide-l .pic{padding-bottom:27% ;width: 40%;position: relative;}
.news-list .slide-l .pic img{position: absolute;width: 100%;height: 100%;object-fit: cover;display: block;}
.news-list .slide-l .txt{padding: 30px;width: 60%;}
.news-list .slide-l .txt h6 a{transition: 0.3s; font-size: 18px;color: #202020;margin-bottom: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.news-list .slide-l .txt p{font-size: 14px;color: #6a6a6a;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-list .slide-l .txt .time{display: flex;justify-content: space-between;align-items: center;margin-bottom: 60px;}
.news-list .slide-l .txt .time time{color: #6a6a6a;font-size: 14px;}
.news-list .slide-l .txt .time span{display: inline-block;color: #6a6a6a;font-size: 14px;transition: 0.3s;}
.news-list .slide-l .txt .more{display: block;border-radius: 15px; text-transform: uppercase;height: 30px;width: 90px;text-align: center;line-height: 30px;font-size: 14px;color: #fff;background: #9e9e9e;}
.news-list .slide-l .news-list-box li:hover{box-shadow: 2px 2px 4px #ccc;}
.news-list .slide-l .news-list-box li:hover h6{font-weight: bold;} 
.news-list .slide-l .news-list-box li:hover .more{background: #d0141b;}
.hot-search{display: block;font-weight: bold;font-size: 14px;color: #242424;margin-top: 20px;}
.hot-search a{display: inline-block;font-weight: normal;font-size: 14px;color: #414141;margin-right: 10px;}
.hot-search a:hover{color: #d0141b;}
@media screen and (max-width: 1200px){
	.news-list{padding: 0 20px;margin-top: 40px;}
	.news-list .slide-l .news-list-box li{border: 1px solid #eee;}
	.news-list .slide-l .txt{padding: 20px;}
	.news-list .slide-l .txt .time{margin-bottom: 20px;}
  .news-list .slide-l .txt p{margin-bottom: 10px;}
  
	
}
@media screen and (max-width: 767px){
  .news-list .slide-l .news-list-box li{display: block;}
	.news-list .slide-l .pic{width: 100%;padding-bottom: 60%;}
	.news-list .slide-l .txt .more{display: none;}
	.news-list .slide-l .txt .time{margin-bottom: 0;}
  .news-list{padding-bottom: 30px;}
  .news-list .slide-l .txt{width: 100%;}
  .news-list{padding: 0 !important;}
 
}

@media screen and (max-width: 500px){
	.news-list{padding: 0 10px;margin-top: 30px;padding-bottom: 30px;}
	.news-list .slide-l .txt{padding:10px;}
	.news-list .slide-l .txt h6{font-size: 16px;margin-bottom: 10px;}
	.news-list .slide-l .news-list-box li{margin-bottom: 20px;}
  .news-list .slide-l .txt h6 a{font-size: 16px;margin-bottom: 6px;}
  .hot-search{margin-top: 6px;}
}
/* =========================公共底部样式结束 ==============================================*/



/* =========================内页布局样式开始 ==============================================*/
/* 内页布局 */
.page-layout {display: flex;padding-bottom: 40px;}
.page-layout .slide-l{flex: 1;margin-right: 30px;}
.page-layout .slide-r{width:300px;}
.page-layout .slide-l .list-box{display: flex;flex-wrap: wrap;}
@media screen and (max-width: 1024px){
	.page-layout .slide-r{display: none;}
	.page-layout .slide-l{margin-right: 0;flex: unset;width: 100%;}
	.news-view{padding: 0 20px;}
}
/* 提交加盟信息表单 */
.page-layout .slide-r .join-form{background-image: linear-gradient(to bottom, #ae1f24 137px, #fff 0);padding: 30px 20px 20px 20px;margin-bottom: 30px;}
.page-layout .slide-r .join-form b{display: block;text-align: center;font-size: 18px;color: #fff;margin-bottom: 16px;}
.page-layout .slide-r .join-form p{font-size: 14px;text-align: center;color: #fff;margin-bottom: 22px;}
.page-layout .slide-r .join-form p span{display: inline-block;font-size: 18px;font-weight: bold;}
.page-layout .slide-r .join-form form{background: #fff;border: 1px solid #e4e4e4;border-radius: 6px;padding: 20px;}
.page-layout .slide-r #distpicker3{display: flex;flex-wrap: wrap;}
.page-layout .slide-r #distpicker3 select{border: 1px #dddddd solid;height: 36px;border-radius: 2px;margin-bottom: 12px;font-size: 14px;color: #757575;padding: 0 6px;appearance: auto;}
.page-layout .slide-r #distpicker3 select:nth-of-type(1){width: 100%;}
.page-layout .slide-r #distpicker3 select:nth-of-type(n+2){width: 48%;}
.page-layout .slide-r #distpicker3 select:nth-of-type(2){margin-right: 4%;}
.page-layout .slide-r form input{width: 100%;height: 36px;width: 100%;border: 1px solid #dddddd;border-radius: 4px;padding: 0 6px;margin-bottom: 12px;font-size: 14px;color: #757575;}
.page-layout .slide-r button{cursor: pointer; background: #101f36;color: #fff;height: 40px;width: 100%;border-radius: 4px;border: none;box-shadow: none;outline: none;}
.page-layout .slide-r button:hover{opacity: 0.9;}
/* 用户关注 */
/* 公共样式 */
.public-layou1{background: #fff;margin-bottom: 30px;width: 100%;padding: 30px 20px;}
.public-layou1 .tit{display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}
.public-layou1 .tit b{display: block;color: #333333;font-size: 24px;display: flex;align-items: center;}
.public-layou1 .tit b::before{content: "";width: 10px;height:24px;background-image: linear-gradient(to right, #ae1f24 5px, #101f36 0 );margin-right: 10px;}
.public-layou1 .tit a{display: inline-block;font-size: 14px;color: #929292;}
.public-layou1 .tit a:hover{color: #d32228;}
.user-attention ul li a{transition: 0.3s; display: block;color: #5e5e5e;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 14px;}
.user-attention ul li::before{content: ""; transition: 0.3s;background:#e3e3e3 ;width:6px ;height: 6px ;position: absolute;left: 0;top: 50%;margin-top: -3px;border-radius: 50%;}
.user-attention ul li{position: relative;padding-left: 16px;margin-bottom: 10px;}
.user-attention ul li:hover a{color: #d0141b;}
.user-attention ul li:hover::before{background:#d0141b ;}

/* 近期热搜 */
.hot-search ul{display: flex;flex-wrap: wrap;}
.hot-search ul li{width: 48%;margin-right: 4%;margin-bottom: 4%;}	
.hot-search ul li:nth-of-type(even){margin-right: 0;}
.hot-search ul li a{display: block;width: 100%;background: #efefef;color: #5e5e5e;padding: 12px 0;text-align: center;font-size: 14px;transition: 0.2s;}
.hot-search ul li :hover{color: #fff;background: #d0141b;}

/* 看了又看 */
.see-again ul li {margin-bottom: 30px;}
.see-again ul li a{display: block;}
.see-again ul li img{display: block;width: 100%;height: 190px;object-fit: contain;margin-bottom: 10px;    padding: 10px;border: 1px solid #eee;}
.see-again ul li p b{display: block;font-size: 18px;color: #333333;margin-bottom: 8px;}
.see-again ul li p{color: #868686;font-size: 14px;text-align: center;}
.see-again ul li:last-of-type{margin-bottom: 0;}




/* =========================内页布局样式结束 ==============================================*/

/* 分享到其他平台 */
.bdsharebuttonbox {display: flex;margin-bottom: 20px;}
.bdshare_popup_list{display: none !important;}
.bdshare_popup_box{display: none !important;;}
.bdsharebuttonbox a{background-position: left center !important;background-size: contain !important;background-repeat: no-repeat !important; clear: both !important;float: none !important;margin: 16px 0 0 0;width: 32px !important;height: 32px !important;line-height: 32px !important;padding:0 !important;display:inline-block;margin-right: 10px !important; }
.bdsharebuttonbox a:first-of-type{width: auto !important;background: none;}
.popup_qzone {background: url("../images/share03.png") !important;}
.bds_weixin {background: url("../images/share01.png") !important;}
.bds_tsina { background: url("../images/share02.png") !important;}
.popup_renren { background: url("../images/share04.png") !important;}
.popup_renren { background: url("../images/share04.png") !important;}
.popup_tqq{ background: url("../images/share05.png") !important;}
/* 分享到其他平台 */

/* =========================新闻详情样式开始 ==============================================*/
/* 新闻内页 */

.about-news{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.news-view .slide-l{background: #fff;padding: 30px;height: fit-content;}
.news-view .slide-l .tit{padding-bottom: 30px;border-bottom: 1px solid #d8d8d8;display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 40px;}
.news-view .slide-l .tit>div{width: 100%;}
.news-view .slide-l .tit h3{font-size: 30px;color: #434144;font-weight: bold;margin-bottom: 10px;}
.news-view .slide-l .tit p{color: #787878;font-size: 16px;}
.news-view .slide-l .tit .bdsharebuttonbox{margin-bottom: 0 !important;}

.news-view .slide-l .news-content{font-size: 16px;color: #787878;line-height: 1.8;padding-bottom: 40px;border-bottom: 1px solid #d9d9d9;margin-bottom: 40px;}
.news-view .slide-l .news-content img{display: block;margin:  0 auto;}
.news-view .slide-l .turn-page {margin-bottom: 40px;}
.news-view .slide-l .turn-page a{display: block;color: #787878;font-size: 16px;line-height: 2;transition: 0.2s;}
.news-view .slide-l .turn-page a:hover{color: #d0141b;}
.news-view .slide-l .turn-page a:last-of-type{margin-top: 30px;background: #083050;color: #fff;width: max-content;padding: 6px 40px;position: relative;margin-left: 64px;}
.news-view .slide-l .turn-page a:last-of-type::before{content: "";background:url("../images/icon-01-r.png") #d0141b no-repeat center;width: 64px;height: 44px;position: absolute;left: -64px;display: block;top: 0;}
.news-join {margin-top: 60px; border:1px solid #ebebeb;border-top:2px solid #db214c;}
.news-join .title{background: #fafafa;padding: 30px;}
.news-join .title b{color: #333333;display: block;font-size: 24px;text-align: center;margin: 0 auto;}
.news-join .title b span{display: inline-block;color: #d0141b;}
.news-join .title p{font-size: 	18px;color: #333333;text-align: center;margin-top: 10px;}
.news-join .txt{background: #fff;padding: 20px 30px;display: flex;}
.news-join form{width: 54%;margin-right: 4%;padding-right: 30px;border-right: 1px solid #ebebeb;}
.news-join form p{font-size: 14px;color:#787878 ;margin-bottom: 20px;}
.news-join .form-group{display: flex;align-items: center;}
.news-join .form-group label{font-weight: normal;width: 80px;}
.news-join .form-group {font-size: 14px;font-weight: normal;color: #787878;}
.news-join .form-group input{flex: 1;height: 40px;border: 1px solid #dddddd;border-radius: 4px;padding: 0 6px;}
.news-join .form-group #distpicker2{flex: 1;}
.news-join  #distpicker2{display: flex;}
.news-join  #distpicker2 select{width: 32%;margin-right: 2%;height: 40px;border: 1px solid #dddddd;border-radius: 4px;padding: 0 6px;font-size: 14px;}
.news-join  #distpicker2 select:last-of-type{margin-right: 0;}
.news-join button{width: 100%;background: #d0141b;color: #fff;border: none;border-radius: 4px;height: 50px;font-size: 16px;}
.news-join .join-list{width: 50%;height:240px;}
.news-join .swiper-slide{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-join .swiper-slide span{color: #d0141b;display: inline-block;}
.news-join .swiper-slide{height: auto; -webkit-box-sizing: border-box;}
@media screen and (max-width: 1200px){
	.news-view .slide-l .tit{display: block;}
	.news-view{margin-top: 40px;}
}
@media screen and (max-width: 767px){
	.news-view .slide-l .tit{text-align: center;}
	.news-view .slide-l .tit h3{font-size: 20px;}
	.news-view .slide-l .tit p{font-size: 14px;}
	.news-view .slide-l .tit .bdsharebuttonbox{width: max-content;margin: 0 auto;}
	
	.news-view .slide-l .tit{padding-bottom: 20px;}
	.news-view .slide-l .tit{margin-bottom: 20px;}
	.news-view .slide-l .news-content{font-size: 14px;line-height: 1.5;padding-bottom: 20px;margin-bottom: 20px;text-align: justify;}
	.news-view .slide-l .turn-page a{font-size: 14px;}
	.news-view .slide-l .turn-page a:last-of-type::before{height: 40px;width: 36px;left: -36px;}
	.news-view .slide-l .turn-page a:last-of-type{  margin:20px auto 0;}
  .news-join{display: none;}
  .news-view{padding:0;}
	
}
@media screen and (max-width:500px){
  .news-view {margin-top: 30px;}
  .news-view .slide-l{padding: 10px;}
}

/* =========================新闻详情样式结束 ==============================================*/




/* =========================联系我们样式开始 ==============================================*/
.page-bg{background: #101f36;padding: 60px 0;}
.senav{background: #101f36;}

.contact-content{background: #f0f0f0;padding: 40px;}
.contact-content .box1{display: flex;margin-bottom: 30px;}
.contact-content .left-slide{display: flex;flex-wrap: wrap;justify-content: space-between;widows: 30%;max-width: 480px;}
.contact-content .left-slide .txt{padding:20px; background: #ae1f24;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 220px;height: 220px;margin-right: 20px;margin-bottom: 20px;}
.contact-content .left-slide .txt:nth-of-type(3),
.contact-content .left-slide .txt:nth-of-type(4){margin-bottom: 0;}
.contact-content .left-slide .txt .icon{background-repeat:no-repeat;background-position: center center;}
.contact-content .left-slide .txt:nth-of-type(1) .icon{background-image: url("../images/icon10.png");}
.contact-content .left-slide .txt:nth-of-type(2) .icon{background-image: url("../images/icon11.png");}
.contact-content .left-slide .txt:nth-of-type(3) .icon{background-image: url("../images/icon12.png");}
.contact-content .left-slide .txt:nth-of-type(4) .icon{background-image: url("../images/icon13.png");}
.contact-content .left-slide .txt span{width: 60px;height: 60px;display: block;background: #fff;border-radius: 50%;margin-bottom: 10px;}
.contact-content .left-slide .txt p{color: #fff;text-align: center;line-height: 2;}
.contact-content .map{flex: auto;}
.contact-content .map #bmap{width: 100%;height: 100%;}
.contact-content form{display: flex;justify-content: space-between;background:#fff;padding: 30px;}
.contact-content form input{width: 24%;height: 58px;padding: 20px;font-size: 16px;border: 1px solid #ccc;}
.contact-content form button,
.contact-content form a{width: 12%;line-height: 58px;text-align: center;color: #fff;display: block;}
.contact-content form button{background: #ae1f24;}
.contact-content form a{background: #005284;}
/* 新增 */
@media screen and (max-width: 1400px){
  .page-bg{padding: 60px 20px;}
}
@media screen and (max-width: 1200px){

} 
@media screen and (max-width: 1024px){
  .page-bg{padding: 40px 20px;}
  .contact-content .box1{display: block;}
  .contact-content{padding: 20px;}
  .contact-content .left-slide{width: 100%;max-width: none;}
  .contact-content .left-slide .txt{width: 49%;margin-right: 2%;}
  .contact-content .left-slide .txt:nth-of-type(2n+2){margin-right: 0;}
  .contact-content .map{padding-bottom: 60%;position: relative;}
  .contact-content .map #bmap{position: absolute;left: 0;top: 0;object-fit: cover;}
  .BMap_bubble_content p{font-size: 14px !important;}
  .contact-content .map{margin-top: 30px;}
  .contact-content form button,  .contact-content form a{line-height: 40px;font-size: 14px;}
  .contact-content form input::placeholder{font-size: 14px;}
  .contact-content form input{height: 40px;}
  .contact-content form input{padding: 0 6px;}
  .contact-content form{padding: 10px;} 
  .contact-content .m-more{display: block;margin: 20px auto;width: 125px;height: 40px;line-height: 40px; background-color: #fff;color: #0e3152;font-size: 14px;text-align: center;border-radius: 10px;border: 1px solid transparent;transition: .4s all;text-transform: uppercase;font-weight: bold;position: relative;}
  
}
@media screen and (max-width: 767px){
  .page-bg{padding: 20px 10px;}
  .contact-content .left-slide .txt p{font-size: 12px;}
  .contact-content{padding: 10px;}
  .contact-content .left-slide .txt{height: auto;margin-bottom: 2%;}
  .contact-content .left-slide .txt p{line-height: 1.5;}
  .contact-content .map{margin-top: 20px;}
  .contact-content form{flex-wrap: wrap;justify-content: center;}
  .contact-content form input{width: 100%;margin-bottom: 14px;}
  .contact-content form button{margin-right: 20px;}
  .contact-content form button,  .contact-content form a{width: 110px;}
}
@media screen and (max-width: 420px){
  .contact-content .left-slide .txt{
    padding: 4% 10px;
  }
  .contact-content .map{padding-bottom: 78%;}
}
/* 新增 */
/* =========================联系我们样式结束 ==============================================*/



/* =========================产品中心样式开始 ==============================================*/
/* 产品筛选 */
.product-type{margin: 60px auto 0;background: #fff;}
.product-type .tit{display: flex;justify-content: space-between;align-items: center;padding: 0 20px;height: 60px;border: 1px solid #d3d3d3;}
.product-type .tit span{display: inline-block;padding-left: 30px;color: #626262;background: url("../images/icon-01.png") no-repeat left center;}
.product-type .tit .more{display: inline-block;color: #626262;}
.product-type .type-detail{border: 1px solid #d3d3d3;border-top: none;height: auto;padding: 10px 40px;display: flex;color: #868686;}
.product-type .type-detail ul{display: flex;flex-wrap: wrap;flex: 1;}
.product-type .type-detail b{margin-right: 20px;color: #626262;display: block;width: 80px;}
.product-type .type-detail li{margin-right: 30px;position: relative;margin-bottom: 10px;}
.product-type .type-detail a{display: inline-block;color: #686868;}
.product-type .type-detail li.active::before,
.product-type .type-detail li:hover::before{transform: scale(1,1)}
.product-type .type-detail li::before{position: absolute;content: "";bottom: -10px;left: 50%;height: 4px;width: 30px;margin-left: -15px;background: #d32228;transition: .4s;transform: scale(0,1);}
.product-type .type-detail li.active a,
.product-type .type-detail li:hover a{color: #242424;}
@media screen and (max-width: 1400px){
  .product-type{margin: 60px  20px 0 20px;}
}
@media screen and (max-width: 1200px){
  .product-type{margin: 40px  20px 0 20px;}
	/* .product-type .type-detail{padding: 0 20px;}
	.product-type .type-detail b{margin-right: 40px;} */
}
@media screen and (max-width: 767px){
	.product-type{display: none;}
}

/* 移动端产品筛选 */
.page_nav_bd{background: #fff;display: none;}
.page_nav_bd li{width: 100%; padding: 11px 0; border: 1px solid #d3d3d3; border-top: none;}
.page_nav_bd li dl{display: flex; align-items: flex-start; justify-content: flex-start;}
.page_nav_bd li dl dt{padding: 0 44px; display: flex; align-items: center; justify-content: center;}
.page_nav_bd li dl dt span{display: block; min-width: 2em; position: relative; font-size: 16px; font-weight: bold; color: #626262; line-height: 100%; padding: 13px 0;}
.page_nav_bd li dl dt i{display: none; margin-left: 1%; font-size: 20px; color: #b3b3b3;}
.page_nav_bd li dl dd{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.page_nav_bd li dl dd a{margin: 0 15px; display: block; font-size: 16px; color: #626262; line-height: 100%; padding: 10px 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent;}
.page_nav_bd li dl dd a:hover,.page_nav_bd li dl dd a.active{border-bottom-color: #f8b62d;}
@media only screen and (min-width: 0) and (max-width: 1200px){
	
	.page_nav_bd li{width: 100%; padding: 0; border: none;}
	.page_nav_bd li dl{display: block;}
	.page_nav_bd li dl dt{transition: 0.6s; padding: 2%; border: 1px solid #bdbdbd; border-bottom: none; cursor: pointer;}
	.page_nav_bd li:last-child dl dt{border-bottom: 1px solid #bdbdbd;}
	.page_nav_bd li dl dt span{transition: 0.6s; font-size: 18px; font-weight: normal; padding: 0;}
	.page_nav_bd li dl dt i{transition: 0.6s; display: block;}
	.page_nav_bd li dl dd{display: none; padding: 2% 0; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd;}
	.page_nav_bd li:last-child dl dd{border-bottom: 1px solid #bdbdbd;}
	.page_nav_bd li dl dd a{margin: 0; font-size: 18px; padding: 2%; border: none; text-align: center;}
	.page_nav_bd li dl dd a:nth-of-type(1){display: block;}
	.page_nav_bd li dl dd a.active{color: #333;}
	.page_nav_bd li.active dl dt{border-color: #d0141b; background: #d0141b;}
	.page_nav_bd li.active dl dt span,.page_nav_bd li.active dl dt i{color: #fff;}
}
@media only screen and (min-width: 0) and (max-width: 768px){
	.page_nav_bd {display: block;padding: 20px;margin-top: 60px;background: #101f36;}
	.page_nav_bd li dl dt{padding: 2.3%;}
	.page_nav_bd li dl dt span{font-size: 16px;color: #fff;}
  .page_nav_bd li dl dd a{font-size: 16px; padding: 2.3%;color: #fff;}
  .page_nav_bd{padding: 20px 10px;}
}
@media only screen and (min-width: 0) and (max-width: 500px){
		.page_nav_bd {padding: 10px;}
	.page_nav_bd li dl dt{padding: 2.8%;}
	.page_nav_bd li dl dt span{font-size: 14px;}
	.page_nav_bd li dl dd a{font-size: 14px; padding: 2.8%;}
}

/* 产品中心内容 */
.product-list .slide-l .list-box li{width: 48%;margin-right: 4%;margin-bottom: 4%;transition: 0.4s;}
.product-list .slide-l .list-box li:nth-of-type(even){margin-right: 0;}
.product-list .slide-l .pic{padding-bottom: 76%;position: relative;background: #fff;border: 1px solid #eee;}
.product-list .slide-l .pic img{position: absolute;width: 100%;height: 100%;left:0;top: 0;object-fit: cover;}
.product-list .slide-l .txt{background: #fff;padding: 10px 0;}
.product-list .slide-l .txt h6{font-size: 18px; color: #333333;text-align: center;margin-bottom: 6px;font-weight: bold;}
.product-list .slide-l .txt p{color: #868686;text-align: center;font-size: 14px;}
.product-list .slide-l .list-box li:hover{box-shadow: 2px 2px 4px #cccccc;transform: translateY(-6px);}

@media screen and (max-width:1200px){
	.product-list {padding: 0 20px;}
}
@media screen and (max-width:767px){
	.product-list .slide-l .txt h6{font-size: 16px;margin-bottom: 0;}
	.product-list .slide-l .txt{padding:10px 0;}
	.product-list .slide-l .list-box li{margin-bottom: 10px;}
	.product-list{padding: 0;}
}

@media screen and (max-width:500px){
	.product-list .slide-l .list-box li{width: 100% !important;margin-right: 0 !important;}
}



/* 产品中心内页内容 */
.porduct-view .slide-l {background: #fff;padding: 20px;}
.porduct-view .box1{display: flex;margin-bottom: 40px;}
.porduct-view .box1 .pro1{width: 58%;;border: 1px solid #eee; }
.porduct-view .box1 .pro1 .swiper-slide{height: 520px;padding: 10px;background: #fff;}
.porduct-view .box1 .pro1 .swiper-slide img{object-fit: contain;width: 100%;height: 100%;display: block;}
.porduct-view .box1 .txt{background: #f5f5f5;width: 42%;padding: 24px;}
.porduct-view .box1 .txt p b{color: #474443;font-size: 24px;display: block;}
.porduct-view .box1 .txt p{line-height: 1.8;color: #474443;font-size: 14px;margin-bottom: 20px;}
.porduct-view .box1 .txt strong{display: block;color: #3c3c3c;font-size: 18px;padding-left: 30px;background: url('../images/index-icon03-r.png') no-repeat center left;margin-bottom: 20px;}
.porduct-view .box1 .txt hr{border-top: 1px solid #d8d8d8;}
.porduct-view .box1 .txt .bdsharebuttonbox{margin-top: 20px;} 
.bdsharebuttonbox {display: flex;margin-bottom: 20px;}
.bdshare_popup_list{display: none !important;}
.bdshare_popup_box{display: none !important;;}
.bdsharebuttonbox a{background-position: left center !important;background-size: contain !important;background-repeat: no-repeat !important; clear: both !important;float: none !important;margin: 16px 0 0 0;width: 32px !important;height: 32px !important;line-height: 32px !important;padding:0 !important;display:inline-block;margin-right: 10px !important; }
.bdsharebuttonbox a:first-of-type{width: auto !important;background: none;}
.popup_qzone {background: url("../images/share03.png") !important;}
.bds_weixin {background: url("../images/share01.png") !important;}
.bds_tsina { background: url("../images/share02.png") !important;}
.popup_renren { background: url("../images/share04.png") !important;}
.popup_renren { background: url("../images/share04.png") !important;}
.popup_tqq{ background: url("../images/share05.png") !important;}
.change-pro a{display: inline-block;border: 1px solid #e6e6e6;text-align: center;padding:12px 16px;color: #797979;background: #fff;transition: 0.2s;}
.change-pro a:hover{background: #d0141b;color: #ffff;border:1px solid  #d0141b;}
.change-pro a:first-of-type{margin-right: 16px;}
@media screen and (max-width: 1200px){
	.porduct-view .box1 .txt p b{font-size: 20px;}
	.bdsharebuttonbox a{width: 24px !important;height: 24px !important;line-height:20px !important;}
	.porduct-view .box1 .txt{padding: 18px 20px;}
	.change-pro a{padding: 8px 10px;font-size: 14px;}
  .porduct-view .box1 .txt hr{margin: 10px 0;}
  .porduct-view .box1{display: block;}
  .porduct-view .box1 .pro1{width: 100%;}
  .porduct-view .box1 .txt{width: 100%;}
  
	}

	@media screen and (max-width: 767px){
		.porduct-view .box1{display: block;}
		.porduct-view .box1>img{width: 100%;}
    .porduct-view .slide-l{padding: 20px 10px 10px;}
		.bdsharebuttonbox{margin-bottom: 10px;}
    .porduct-view .box1{margin-bottom: 30px;}
    .porduct-view .box1 .pro1 .swiper-slide{height: 380px;}
		
	}
	@media screen and (max-width: 500px){
		.bdsharebuttonbox{display: none;}
		.porduct-view .box1 .txt {padding: 10px;}
		.porduct-view .box1 .txt p b{font-size: 18px;}
		.porduct-view .box1 .txt p{line-height: 1.5;}
		.porduct-view .box1 .txt strong{font-size: 16px;}
    .porduct-view .slide-l{padding: 20px 10px;}
    .porduct-view .box1 .pro1 .swiper-slide{height: 280px;}
  }
  @media screen and (max-width: 420px){
    .porduct-view .box1 .txt p{margin-bottom: 10px;}
    .porduct-view .box1 .txt strong{margin-bottom: 10px;}
    .porduct-view .box1 .txt strong{font-size: 14px;background-size: 14px;padding-left: 20px;}
    .change-pro{display: flex;justify-content: center;}
  }
.porduct-view  .index_title{color: #0b2843;padding-right: 30px;position: relative;margin-right: 30px;}
.porduct-view  .index_title::before,
.porduct-view  .index_title::after{content: "";width: 4px;height: 100%;background: #ae1f24;position: absolute;right: 0;top: 0;}
.porduct-view  .index_title::after{height: 30px;background: #0b2843;}
.porduct-view  .index_title span{color: #0b2843;}
.porduct-view  .pro-view-tit{display: flex;margin-bottom: 30px;}
.porduct-view  .pro-view-tit p{align-self: flex-end;color: #101f36;font-size: 18px;}
.porduct-view  .pro-view-tit p b{display: block;font-size: 18px;}
/* 产品参数 */

.porduct-view .box2{padding-bottom: 30px;border-bottom: 1px solid #d8d8d8;margin-bottom: 40px;}
.porduct-view .box2 .content{color: #474443;font-size: 16px;line-height: 2;}
.porduct-view-form {margin-top: 60px;}
.porduct-view-form form{display: flex;justify-content: space-between;border: 1px solid #fff;padding: 30px;}
.porduct-view-form form input{width: 24%;height: 58px;padding: 20px;font-size: 16px;}
.porduct-view-form form button,
.porduct-view-form form a{width: 12%;line-height: 58px;text-align: center;color: #fff;display: block;}
.porduct-view-form form button{background: #ae1f24;}
.porduct-view-form form a{background: #005284;}

@media screen and (max-width: 1024px) {
 .porduct-view-form form button, .porduct-view-form form a{line-height: 40px;font-size: 14px;}
 .porduct-view-form form input::placeholder{font-size: 14px;}
 .porduct-view-form form input{height: 40px;}
 .porduct-view-form form input{padding: 0 6px;}
 .porduct-view-form form{padding: 10px;}
}

@media screen and (max-width: 767px){
  .porduct-view .box2{  padding-bottom: 10px;margin-bottom: 20px;}
  .porduct-view-form{margin-top: 40px;}
  .porduct-view .box2 .content{font-size: 14px;line-height: 1.5;}
}
@media screen and (max-width: 600px){
   .porduct-view-form form{flex-wrap: wrap;justify-content: center;}
   .porduct-view-form form input{width: 100%;margin-bottom: 14px;}
   .porduct-view-form form button{margin-right: 20px;}
   .porduct-view-form form button,  .porduct-view-form form a{width: 110px;}
   .porduct-view-form{margin-top: 20px;}
   .porduct-view  .pro-view-tit p b{font-size: 16px;}
   .porduct-view .pro-view-tit p{font-size: 16px;}
}
@media screen and (max-width: 420px){
  
  .porduct-view  .pro-view-tit p b{font-size: 14px;}
  .porduct-view .pro-view-tit p{font-size: 14px}
   .porduct-view-form .pro-view-tit{display: block;}
   .porduct-view-form .box2 .content{font-size: 14px;}
   .porduct-view-form .index_title{padding-right: 14px;}
   .porduct-view-form .index_title{margin-right: 12px;}
}
/* 效果图 */
.porduct-view .box3{border-bottom: 1px solid #d8d8d8;padding-bottom: 20px;margin-bottom: 40px;}
.porduct-view .box3 .pro2{margin-top: 30px;}
.porduct-view .box3 .pro2 .swiper-slide{display: block;height: 600px;}
.porduct-view .box3 .pro2 .swiper-slide img{width: 100%;height: 100%;object-fit: cover;display: block;}
@media screen and (max-width: 767px){
	.porduct-view .box3 .public-title{text-align: center;margin-bottom: 20px;}
	.porduct-view .box3{padding-bottom: 10px;    margin-bottom: 20px;}
	
}

/* 产品色卡 */
.porduct-view .box4{margin-bottom: 30px;border-bottom: 1px solid #d8d8d8;padding-bottom: 20px;}
.porduct-view .box4 ul{display: flex;justify-content: space-between;}
.porduct-view .box4 ul li{text-align: center;font-weight: bold;color: #101f36;font-size: 16px;cursor: pointer;}
.porduct-view .box4 ul li .pic::before{content: "";position: absolute;left: 0;left: 0;background: #f0f0f0;width: 100%;border-radius: 50%; height: 100%;opacity: 1;transform: scale(1,1);transition:0.3s;z-index: -1;}
.porduct-view .box4 ul li:hover .pic::before{transform: scale(1.3,1.3);opacity: 0.4;}

.porduct-view .box4 ul li .pic{position: relative;z-index: 3; display: block;width:90px;height: 90px; background: #f0f0f0;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.porduct-view .box4 ul li img{display: block;}
.porduct-view .box5 {display: flex;justify-content: space-between;}
.porduct-view .box5 a{display: inline-block;color: #787878;font-size: 16px;} 
.porduct-view .box5 a:hover{color: #d0141b;}
@media screen and (max-width: 1024px){
  .porduct-view .box4 ul li .pic{width: 70px;height: 70px;}
  .porduct-view .box4 ul li img{max-width: 60%;max-height: 60%;}
}
@media screen and (max-width: 767px){
	.porduct-view .box4 .public-title{  text-align: center;  margin-bottom: 20px;}
	.porduct-view .box4{padding-bottom:10px;margin-bottom:20px;}
  .porduct-view .box5 a{font-size: 14px;}
  .porduct-view .box3 .pro2 .swiper-slide{padding-bottom: 70%;height: auto;}
  .porduct-view .box3 .pro2 .swiper-slide img{position: absolute;left: 0;top: 0;}
  .porduct-view .box4 ul li .pic{width: 50px;height: 50px;}
}
@media screen and (max-width: 500px){
  .porduct-view .box4 ul {flex-wrap: wrap;justify-content: flex-start;}
.porduct-view .box4 ul li{width: 25%;text-align: center;margin-bottom: 16px;}
.porduct-view .box4 ul li .pic{margin: 0 auto 8px;}
}
@media screen and (max-width: 420px){
  .porduct-view .pro-view-tit{margin-bottom: 16px;}
  .porduct-view .box3 .pro2{margin-top: 0;}
  .porduct-view .box4{margin-bottom: 10px;}
  .porduct-view .box4 ul li{font-size: 14px;}
 
}





/* =========================产品中心样式结束 ==============================================*/



/* =========================品牌中心样式开始 ==============================================*/
.barnd-center .box1{display: flex;align-items: center;justify-content: space-between;padding: 40px 0 100px;}

.barnd-center .box1 .txt{width: 42%;height: 100%;}
.barnd-center .box1 .txt .index_title{margin-bottom: 30px;}
.barnd-center .box1 .txt  p{margin-bottom: 5%;color: #dadada;font-size: 16px;line-height: 1.8;}
.barnd-center .box1 .pic{display: block;object-fit: cover;width: 55%;height: 600px;}

/* 视频专区 */

.barnd-center .box2 .index_title{padding: 76px 0;background: url("../images/bg04.jpg") no-repeat center center;background-size: cover;text-align: center;color: #0b2843;}
.barnd-center .box2 .index_title span{color: #0b2843;}
.barnd-center .box2 .content{background: #f0f0f0;padding: 60px;}
.barnd-center .box2 .video-swiper a{display: block;text-align: center;color: #4e4e4e;position: relative;}
.barnd-center .box2 .video-swiper a .pic::before{content: "";position: absolute;z-index: 6; width: 40px;height: 40px;background: url("../images/open_video.png") no-repeat center center;background-size: 40px;top: 50%;left: 50%;margin-left: -20px;margin-top: -20px;}
.barnd-center .box2 .video-swiper .pic{height: 240px;width: 100%;border: 1px solid #d6d6d6;background: #000;margin-bottom: 20px;position: relative;}
.barnd-center .box2 .video-swiper .pic img{height: 100%;width: 100%;display: block;object-fit: cover;transition: 0.3s;}
.barnd-center .box2 .content .contorl{margin-bottom: 40px;}
.barnd-center .box2 .video-swiper .pic:hover img{opacity: 0.5;}

.video-box .close{z-index: 9; cursor: pointer; width: 32px;height: 48px;background: url("../images/close.png") no-repeat center center;background-size: 28px;position: absolute;top: 10px;right: 10px;display: block;}
.video-box{background: #000;width: 90%;max-width: 1000px;height: 600px;position: fixed;left: 50%;top: 50%;z-index: 20;transform: translate(-50%,-50%);}
.video-box{display:none;}
.video-box video{width: 100%;height: 100%;display: block;object-fit: contain;}
.barnd-center .box3{background: #101f36;padding: 100px 0;position: relative;}
.barnd-center .box3 .max-w-14{display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 3;}
.barnd-center .box3 .txt{width: 50%;color: #fff;}
.barnd-center .box3 .txt .index_title{margin-bottom: 30px;}
.barnd-center .box3 .txt p b{display: block;font-size: 18px;}
.barnd-center .box3 .txt p{font-size: 16px;line-height: 2;margin-bottom: 40px;}
.barnd-center .box3 .txt p:last-of-type{margin-bottom: 0;}
.barnd-center .box3 .pic{width: 50%;height: 680px;object-fit: cover;display: block;}
.barnd-center .box3::before{content: "";background: url("../images/bg04.png") #ae1f24 no-repeat center center;width: 260px;height: 680px;position: absolute;right: 0;top: 50%;transform: translateY(-340px);}

.barnd-center .box4 .index_title{padding: 76px 0;background: url("../images/bg04.jpg") no-repeat center center;background-size: cover;text-align: center;color: #0b2843;}



.barnd-center .box4{background: #f0f0f0;padding-bottom: 60px;}
.barnd-center .box4 .public{color: #000;}
.barnd-center .box4 .datetime{padding:0 60px;position: relative;margin: 50px auto;}
.barnd-center .box4 .development {padding-bottom: 20px;margin-bottom: 60px;}
.barnd-center .box4 .development .swiper-slide{text-align: center;border-bottom: 1px solid #c8c8c8;color: #424242;font-size: 18px;font-family: "BASKERVILLEMTSTD-REGULAR";padding-bottom: 20px;cursor: pointer;}
.barnd-center .box4 .development .swiper-slide::before{content: "";width:10px ;height: 10px;border-radius: 50%;background: #cccccc;position: absolute;bottom: 0;left: 50%;transform: translate(-50%,5px);}
.barnd-center .box4 .development  .swiper-slide-thumb-active {color: #101f36;}
.barnd-center .box4 .development .swiper-slide-thumb-active::before{	background: #101f36;}
.barnd-center .box4 .swiper-button-prev{background: url("../images/icon16.png") no-repeat center center;color: transparent;width: 36px;top: 100%;transform: translateY(-50%);left: 0;}
.barnd-center .box4 .swiper-button-next{background: url("../images/icon17.png") no-repeat center center;color: transparent;width: 36px;top: 100%;transform: translateY(-50%);right: 0;	}
.barnd-center .box4 .development .swiper-slide-thumb-active {color: #101f36;}
.barnd-center .box4 .development2 .swiper-slide{background: #fff;display: flex;height: 380px;}
.barnd-center .box4 .development2 .pic{padding-bottom: 30%;width: 50%;position: relative;}
.barnd-center .box4 .development2 .pic img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.barnd-center .box4 .development2 .txt{width: 50%;padding:  8%  40px 20px 40px;overflow: hidden;}
.barnd-center .box4 .development2 .txt h3{color: #000;font-size: 24px;margin-bottom: 24px;}
.barnd-center .box4 .development2 .txt h3 span{display: inline;font-size: 36px;font-family: "BASKERVILLEMTSTD-REGULAR";}
.barnd-center .box4 .development2 .txt p{color: #666666;}
.barnd-center .box4 .swiper-button-disabled{opacity: 1;}

.barnd-center .box5{background: #101f36;}
.barnd-center .box5 .index_title{text-align: center;}
.barnd-center .box5 .team-swiper a{display: block;text-align: center;color: #c0c0c0;position: relative;}
.barnd-center .box5 .team-swiper .pic{height: 240px;width: 100%;border: 1px solid #d6d6d6;background: #fff;margin-bottom: 20px;position: relative;padding: 10px;}
.barnd-center .box5 .team-swiper .pic img{height: 100%;width: 100%;display: block;object-fit: cover;transition: 0.3s;}
.barnd-center .box5 .contorl{margin: 40px auto;}

.barnd-center .box6{background: #f0f0f0;}
.barnd-center .box6 .index_title{text-align: center;color: #c9353e;}
.barnd-center .box6 .honor-swiper a{display: block;text-align: center;color: #666666;position: relative;}
.barnd-center .box6 .honor-swiper .pic{height: 240px;width: 100%;border: 1px solid #d6d6d6;background: #fff;margin-bottom: 20px;position: relative;padding: 10px;}
.barnd-center .box6 .honor-swiper .pic img{height: 100%;width: 100%;display: block;object-fit: contain;transition: 0.3s;}
.barnd-center .box6 .contorl{margin: 40px auto;}


.barnd-center .box7 .index_title{text-align: center;margin-bottom: 60px;}
.barnd-center .box7  ul{display: flex;justify-content: space-between;}
.barnd-center .box7  ul li{flex-direction: column;justify-content: center;display: flex;justify-content: center;text-align: center; color: #fff;font-size: 16px;width: 180px;height: 180px;background: #ae1f24;}
.barnd-center .box7  ul li b{font-size: 18px;display: block;margin-bottom: 6px;}
.barnd-center .box7  ul li b span{font-size: 48px;}

.barnd-center .box8{padding-bottom: 50px;}
.barnd-center .box8 .index_title{text-align: center;margin-bottom: 60px;}
.barnd-center .box8 ul{display: flex;flex-wrap: wrap;}
.barnd-center .box8 ul li{width: 260px;height: 130px;background: #fff;display: flex;justify-content: center;align-items: center;margin-right: 20px;margin-bottom: 20px;}
.barnd-center .box8 ul li:nth-of-type(5n+5){margin-right: 0;}
.barnd-center .box8 ul li img{display: block;object-fit: contain;max-width: 90%;max-height: 90%;}

.barnd-center .box9{background: #f0f0f0;}
.barnd-center .box9 .index_title{text-align: center;color: #c9353e;}
.barnd-center .box9 .dealer-swiper a{display: block;text-align: center;color: #666666;position: relative;}
.barnd-center .box9 .dealer-swiper .pic{height: 240px;width: 100%;border: 1px solid #d6d6d6;background: #fff;margin-bottom: 20px;position: relative;padding: 10px;}
.barnd-center .box9 .dealer-swiper .pic img{height: 100%;width: 100%;display: block;object-fit: contain;transition: 0.3s;}
.barnd-center .box9 .contorl{margin: 40px auto;}

@media screen and (max-width: 1400px){
  .barnd-center .box7 ul li{width: 150px;height: 150px;}

  .barnd-center .box8 ul li{width: 19%;padding-bottom: 14%;position: relative;height: auto;margin-right:1.25%;margin-bottom: 1.25%;}
  .barnd-center .box8 ul li img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
  .barnd-center .box8 ul li:nth-of-type(5n+5){margin-right: 0;}
  .barnd-center .box9{padding: 60px 20px;}
}
@media screen and (max-width: 1200px){
  
}
@media screen and (max-width: 1024px){
  .barnd-center .box1{display: block;}
  .barnd-center .box1 .txt{width: 100%;}
  .barnd-center .box1 .txt .index_title{text-align: center;}
  .barnd-center .box1 .txt p{margin-bottom: 10px;text-align: justify;text-indent: 32px;}
  .barnd-center .box1 .pic{width: 100%;}
  .barnd-center .box1 .pic{height: 400px;}
  .barnd-center .box2 .index_title{padding: 6% 0;}
  .barnd-center .box2 .content{ padding: 3%;}
  .barnd-center .box1{padding-bottom: 60px;}
  .barnd-center .box3{padding: 45px 0;}
  .barnd-center .box3 .max-w-14{display: block;position: relative;background: #000;padding: 8% 0;}
  .barnd-center .box3::before{display: none;}
  .barnd-center .box3 .txt{padding: 0 20px;}
  .barnd-center .box3 .txt .index_title{text-align: center;}
  .barnd-center .box3 .txt{width: 100%;position: relative;z-index: 3;}
  .barnd-center .box3 .txt p{margin-bottom: 20px;}
  .barnd-center .box3 .pic{width: 100%;height: 100%;height: 100%; position: absolute;top: 0;opacity:0.5 ;}
  .barnd-center .box4 .index_title{padding: 6% 0;}
  .barnd-center .box4 .content{ padding: 3%;}
  .barnd-center .box4 .development2 .swiper-slide{display: block;height: auto;padding: 20px;}
  .barnd-center .box4 .development2 .pic{width: 100%;padding-bottom: 54%;}
  .barnd-center .box4 .development2 .txt{width: 100%;padding: 20px;}
  .barnd-center .box4{padding-bottom: 0;}
  .barnd-center .box4 .development{margin-bottom: 40px;}
  .barnd-center .box4 .swiper-button-prev{left: 10px;}
  .barnd-center .box4 .swiper-button-next{right: 10px;}
  .barnd-center .box5 .index_title{padding: 6% 0;}
  .barnd-center .box6{    padding: 6% 20px;}
  .barnd-center .box7 ul li{width: 32%;height: auto;padding: 4% 0;margin-bottom: 2%;}
  .barnd-center .box7 ul{flex-wrap: wrap;}
  .barnd-center .box8 .index_title{margin-bottom: 30px;}
}
@media screen and (max-width: 767px){
  .barnd-center .box1{padding-top: 10px;}
  .barnd-center .box1 .pic{height: 300px;margin-top: 10px;}
  .barnd-center .box1 .txt p{font-size: 14px;text-indent: 28px;margin-bottom: 0;}
  .barnd-center .box2 .video-swiper .pic{padding-bottom: 70%;position: relative;height: auto;}
  .barnd-center .box2 .video-swiper .pic img{position: absolute;left: 0;top: 0;}
  .barnd-center .box1{padding-bottom: 30px;}
  .barnd-center .box2 .video-swiper .pic{margin-bottom: 10px;}
  .barnd-center .box2 .video-swiper a{font-size: 14px;}
  .barnd-center .box4 .development2 .txt{padding: 10px;}
  .barnd-center .box4 .development2 .swiper-slide{padding: 10px;}
  .barnd-center  .box4 .development{margin-bottom: 0;}
  .barnd-center .box4 .development .swiper-slide{font-size: 16px;}
  .barnd-center .box4 .development{margin-bottom: 0;}
  .barnd-center  .box4 .datetime{padding: 0 40px;margin: 20px auto;}
  .barnd-center  .box4 .development{padding-bottom: 20px;}
  .barnd-center .box4 .development2 .txt h3 span{font-size: 20px;}
  .barnd-center .box4 .development2 .txt h3{    font-size: 16px;margin-bottom: 12px;}
  .barnd-center .box4 .development2 .txt p{    font-size: 14px;}
  .barnd-center .box4 .development2 .pic{ position: relative;width: 100%; padding-bottom: 65%;}
  .barnd-center .box4 .development2 .pic img {left: 0;top: 0;}
  .barnd-center .box5 .team-swiper .pic{padding-bottom: 70%;position: relative;height: auto;}
  .barnd-center .box5 .team-swiper .pic img{position: absolute;left: 0;top: 0;}
  .barnd-center .box5 .team-swiper .pic{margin-bottom: 10px;}
  .barnd-center .box5 .team-swiper a{font-size: 14px;}
  .barnd-center .box5 .index_title{padding: 0;}
  .barnd-center .box6 .honor-swiper .pic{padding-bottom: 70%;position: relative;height: auto;}
  .barnd-center .box6 .honor-swiper .pic img{position: absolute;left: 5%;top: 5%;width: 90%;height: 90%;}
  .barnd-center .box6 .honor-swiper .pic{margin-bottom: 10px;}
  .barnd-center .box6 .honor-swiper a{font-size: 14px;}
  .barnd-center .box6{    padding: 6% 10px;}
  .barnd-center .box7 .index_title{margin-bottom: 30px;}
  .barnd-center .box7 ul li b span{font-size: 30px;}
  .barnd-center .box7 ul li {padding: 6% 0;}
  .barnd-center .box8 .index_title{margin-bottom: 20px;}
 
  .barnd-center .box8 ul li:nth-of-type(5n+5){margin-right: auto;}
  .barnd-center .box8 ul li{width: 24%;margin-right: 1.11% !important;}
  .barnd-center .box8 ul li:nth-of-type(4n+4){margin-right: 0 !important;}
  .barnd-center .box8{padding-bottom: 30px;}
  .barnd-center .box9{padding: 30px 10px;}
  .barnd-center{padding-bottom: 20px;}
}
@media screen and (max-width: 414px){
  .barnd-center .box1 .pic{height: 200px;}
  .barnd-center .box1{padding-bottom: 20px;}
  .barnd-center .box3 .txt p b{font-size: 16px;}
  .barnd-center .box3 .txt p{font-size: 14px;line-height: 1.5;margin-bottom: 10px;}
  .barnd-center .box3 .txt{padding: 0 10px;}
  .barnd-center .box3 .txt .index_title{margin-bottom:20px ;}
  .barnd-center .box3{padding: 20px 0;}
  .barnd-center .box7 ul li{font-size: 14px;}
  .barnd-center .box7 .index_title{margin-bottom: 20px;}
  .barnd-center .box4 .development .swiper-slide{font-size: 12px;}
}
@media screen and (max-width: 375px){
  .barnd-center .box7 ul li b span{font-size: 20px;}
  .barnd-center .box7 ul li{font-size: 12px;}
  .barnd-center .box7 ul li{padding: 8% 0;}
}
/* =========================品牌中心样式结束 ==============================================*/

.join-us .box1{display: flex;align-items: center;margin-bottom: 100px;}
.join-us .box1 .index_title{margin-bottom: 70px;}
.join-us .box1 .left-slide{flex: auto;}
.join-us .box1 .left-slide ul {width: 100%;display: flex;flex-wrap: wrap;align-items: center;align-content: space-between;justify-content: space-between;}
.join-us .box1 .left-slide ul li {width: 31%;background-color: #ae1f24;display: flex;justify-content: center;flex-direction: column;align-items: center;padding:4% 0;}
.join-us .box1 .left-slide ul li img {width: 70px;height: 70px;object-fit: contain;}
.join-us .box1 .left-slide ul li p {margin-top: 15px;color: #fff;font-size: 18px;}
.join-us .box1 .left-slide ul li span {font-size: 14px;color: #dfdfdf;text-transform: uppercase;display: block;width: 100%;text-align: center;}
.join-us .box1 .pic{width: 50%;height: 600px;object-fit: cover;margin-left: 4%;}

/* 为静音而来 */
.join-us .box2{background:url("../images/bg06.jpg") no-repeat center center;background-size: cover;padding: 6% 20px 16%;}
.join-us .box2 .index_title{text-align: center;margin-bottom: 4%;}
.join-us .box2 .index_title span{color: #fff;}
.join-us .box2 .txt{background: #ae1f24;display: block;width: max-content;color: #ffffff;font-size: 22px;padding:0 34px;line-height: 44px;border-radius: 22px;margin: 0 auto;}

/* 大品牌硬品质 */
.join-us .box3{display: flex;align-items: center;}
.join-us .box3 .index_title{margin-bottom: 30px;}
.join-us .box3 .txt{flex: auto;margin-right: 4%;}
.join-us .box3 .pic{width: 54%;height: 600px;display: block;object-fit: cover;}
.join-us .box3 .txt p{margin-bottom: 4%;color: #dadada;line-height: 2;}

/* 整合全球优质五金供应商 */
.join-us .box4 .index_title{padding: 76px 0;background: url("../images/bg04.jpg") no-repeat center center;background-size: cover;text-align: center;color: #0b2843;}
.join-us .box4 .index_title span{color: #0b2843;}
.join-us .box4 .content{background: #f0f0f0;padding: 60px;}
.join-us .box4 .supplier-swiper a{display: block;text-align: center;color: #4e4e4e;position: relative;}
.join-us .box4 .supplier-swiper .pic{height: 240px;width: 100%;border: 1px solid #d6d6d6;background: #fff;margin-bottom: 20px;position: relative;display: flex;justify-content: center;align-items: center;}
.join-us .box4 .supplier-swiper .pic img{max-height: 90%;max-width: 90%;display: block;object-fit: contain;transition: 0.3s;}
.join-us .box4 .content .contorl{margin-bottom: 40px;}

/* 高端37dB静音门窗 */
.join-us .box5{}
.join-us .box5 .index_title{text-align: center;margin-bottom: 2%;}
.join-us .box5 .txt{background: #ae1f24;display: block;width: max-content;color: #ffffff;font-size: 22px;padding:0 34px;line-height: 44px;border-radius: 22px;margin:0 auto  4%;}
.join-us .box5 .pic{display: block;width: 100%;height: auto;}

/* 高品质 */
.max-w-12{margin: 0 auto;max-width: 1200px;}
.join-us .box6{margin-bottom: 40px;}
.join-us .box6 .index_title{text-align: center;margin-bottom: 50px;}
.join-us .box6 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.join-us .box6 li{width: 18%;margin-right: 0;padding:4% 10px;margin-bottom: 60px;height: auto;display: block; margin-bottom: 60px; background: #ae1f24;color: #fff;text-align: center;}
.join-us .box6 li b{display: block;font-size: 30px;margin-bottom: 10px;}
.join-us .box6 li:nth-of-type(5n+5){margin-right: 0;}

/* 展会专区 */
.join-us .box7{background: #f0f0f0;padding: 90px 0;}
.join-us .box7 .index_title{text-align: center;color: #c9353e;}
.public-swiper a{display: block;text-align: center;color: #666666;position: relative;}
.public-swiper .pic{height: 240px;width: 100%;border: 1px solid #d6d6d6;background: #fff;margin-bottom: 20px;position: relative;padding: 10px;}
.public-swiper .pic img{height: 100%;width: 100%;display: block;object-fit: contain;transition: 0.3s;}
.join-us .box7 .contorl{margin: 40px auto;}

/* 为什么选择亚材这样的一线品牌？ */
.join-us .box8 {background: url("../images/index2_bag2.jpg") no-repeat center center;background-size: cover;}
.join-us .box8 .index_title{text-align: center;margin-bottom: 50px;}
.join-us .box8 ul{display: flex;justify-content: space-between;}
.join-us .box8 ul li{width: 48%;}
.join-us .box8 ul li img{display: block;width: 100%;height: auto;margin-bottom: 24px;}
.join-us .box8 ul li p{font-size: 18px;color: #fff;text-align: center;}
.join-us .box8 ul li p b{display: block;font-size: 24px;margin-bottom: 10px;}

/* 加盟8大支持 */

.join-us .box9 .index_title{text-align: center;margin-bottom: 60px;}
.join-us .box9 .content{display: flex;}
.join-us .box9 .left-slide{padding: 30px;background: url("../images/bg07.jpg") no-repeat center center;background-size: cover;margin-right: 24px;}
.join-us .box9 .left-slide b{display: block;font-size: 24px;color: #fff;margin-bottom: 24px;}
.join-us .box9 .left-slide span{display: block;color: #a9aaa9;font-size: 16px;margin-bottom: 10px;}
.join-us .box9 .left-slide p{color: #d0141b;font-size: 30px;margin-bottom: 50px;}
.join-us .box9 .right-slide{display: flex;flex-wrap: wrap;justify-content: space-between;width: 50%;}
.join-us .box9 .right-slide li{background-color: #f0f0f0;display: block;width: 48%;margin-bottom: 4%;display: flex;align-items: center;padding-left: 20px;}
.join-us .box9 .right-slide li img{display: block;object-fit: contain;max-height: 50px;padding-right: 20px;border-right: 1px solid #cccccc;margin-right: 20px;}
.join-us .box9 .right-slide li b{display: block;color: #c9353e;font-size: 24px;margin-bottom: 10px;}
.join-us .box9 .right-slide li p{color: #101f36;font-size: 14px;text-transform: uppercase;}
.join-us .box9 .right-slide li:nth-of-type(8),
.join-us .box9 .right-slide li:nth-of-type(7){margin-bottom: 0;}
/* 货期比同行快10天 */
.join-us .box10{background: url("../images/bg11.jpg") no-repeat center center;background-size: cover;padding: 9% 0;}
.join-us .box10 .index_title{text-align: center;margin-bottom: 60px;}
.join-us .box10 .index_title span{color: #ffffff}
.join-us .box10 .txt{background: #ae1f24;display: block;width: max-content;color: #ffffff;font-size: 22px;padding:0 34px;line-height: 44px;border-radius: 22px;margin: 0 auto;margin-bottom: 5%;}
.join-us .box10 .more{width: 140px;line-height: 40px;border-radius: 6px;display: block;margin: 0 auto;color: #0e3152;background: url("../images/icon18.png") #fff no-repeat right 26px center;padding-left: 32px;font-size: 14px;}

/* 免费给客源 */
.join-us .box11{display: flex;align-items: center;justify-content: space-between;}
.join-us .box11 .index_title{margin-bottom: 36px;}
.join-us .box11 .txt{color: #dadada;color: #dadada;font-size: 16px;font-weight: bold;}
.join-us .box11 .txt p{line-height: 1.8;}
.join-us .box11 .pic{width:56%;height: 480px;display: block;object-fit: cover;}

.join-us .box12{background: url("../images/bg16.jpg") no-repeat center center;background-size: cover;}
.join-us .box12 .index_title{text-align: center;margin-bottom: 60px;}
.join-us .box12 .index_title span{color: #dfdfdf;}
.join-us .box12 .txt{background: #ae1f24;display: block;width: max-content;color: #ffffff;font-size: 22px;padding:0 34px;line-height: 44px;border-radius: 22px;margin: 0 auto;margin-bottom: 5%;}
.join-us .box12 b{display:block;text-align: center;font-size: 24px;color: #fff;}
.join-us .box12 b span{font-size: 30px;display: block;margin-top: 20px;margin-bottom:3%;}
.join-us .box12  .more{width: 140px;line-height: 40px;border-radius: 6px;display: block;margin: 0 auto;color: #0e3152;background: url("../images/icon18.png") #fff no-repeat right 26px center;padding-left: 32px;font-size: 14px;}

/* 全国无差别，多维度推广 */
.join-us .box13{display: flex;align-items:center;justify-content: space-between;}
.join-us .box13 .pic{display: block;width: 770px;height: 490px;object-fit: cover;}
.join-us .box13 .index_title{margin-bottom: 30px;}
.join-us .box13 p{font-size: 16px;color: #dadada;font-weight: bold;}

.join-us .box14{padding:9% 10px;background: url("../images/bg14.jpg") no-repeat center center;background-size: cover;}
.join-us .box14 .index_title{text-align: center;margin-bottom: 60px;}
.join-us .box14 .index_title span{color: #fff;}
.join-us .box14 .txt{background: #ae1f24;display: block;width: max-content;color: #ffffff;font-size: 22px;padding:0 34px;line-height: 44px;border-radius: 22px;margin: 0 auto;margin-bottom: 5%;}
.join-us .box14 b{display:block;text-align: center;font-size: 24px;color: #fff;}

.join-us .box15 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.join-us .box15 ul li{width: 23%;margin-bottom: 2.66%;}
.join-us .box15 ul li .pic{width: 100%;padding: 30%;position: relative;}
.join-us .box15 ul li .pic img{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top:0;}
.join-us .box15 ul li p{background: #f0f0f0;padding: 12px 0;text-align: center;color: #101f36;}

/* 加盟案列 */
.join-us .box16{background: #f0f0f0;padding: 90px 0;}
.join-us .box16 .index_title{text-align: center;color: #c9353e;}
.join-us .box16 .franchise-swiper a{display: block;text-align: center;color: #666666;position: relative;}
.join-us .box16 .franchise-swiper .pic{height: 240px;width: 100%;border: 1px solid #d6d6d6;background: #fff;margin-bottom: 20px;position: relative;padding: 10px;}
.join-us .box16 .franchise-swiper .pic img{height: 100%;width: 100%;display: block;object-fit: contain;transition: 0.3s;}
.join-us .box16 .contorl{margin: 40px auto;}

.join-us .box17 .index_title{text-align: center;margin-bottom: 60px;}
.join-us .box17 .max-w-12{display: flex;}
.join-us .box17 .left-slide{background: #fff;flex: auto;padding:80px 20px 60px;}
.join-us .box17 .left-slide b span{font-size: 36px;color: #ae1f24;display: block;}
.join-us .box17 .left-slide b {display: block;color: #101f36;font-size: 24px;text-align: center;margin-bottom: 30px;width: 100%;}
.join-us .box17 .left-slide {display: flex;flex-wrap: wrap;}
.join-us .box17 .left-slide input{background: #fff;border:1px solid #dcdcdc;height: 46px;width: 48%;margin-bottom: 30px;padding: 0 6px;}
.join-us .box17 .left-slide input:nth-of-type(even){margin-right: 4%;}

.join-us .box17 .left-slide  #distpicker1{width: 100%;display: flex;margin-bottom: 30px;}
.join-us .box17 .left-slide  select{width: 48%;background: #fff;border:1px solid #dcdcdc;height: 46px;width: 48%;padding: 0 6px;color: #797979;}
.join-us .box17 .left-slide  select:first-of-type{margin-right: 4%;}
.join-us .box17 .left-slide textarea{width: 100%;background: #fff;border:1px solid #dcdcdc;height: 150px;width: 100%;margin-bottom: 30px;padding:6px;}
.join-us .box17 .left-slide p{width: 100%;color: #d93751;font-size: 14px;margin-bottom: 30px;}
.join-us .box17 .left-slide button{background: #ae1f24;color: #fff;font-weight: bold;font-size: 18px;width: 100%;height: 56px;}
.join-us .box17 .latest-news{background: #ae1f24;} 


.join-us .box17 .latest-news{width: 430px;min-width: 430px;padding:0 30px;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-left: 30px;}
.join-us .box17 .latest-news h4{font-size: 24px;color: #fff;text-align: center;margin-bottom: 30px;}
.join-us .box17 .latest-news .notic{font-size: 14px;font-weight: bold;color: #fff;}
.join-us .box17 .latest-news .notic span{color: #ffd800;}

.join-us .box17 .latest-news  .join-list{height: 530px;width: 100%;margin-bottom: 40px;}
.join-us .box17 .latest-news  .join-list li{color: #fff;display: flex;align-items: center;border-bottom: 1px solid rgba(255,255, 255, 0.5);width: 100%;font-size: 14px;}
.join-us .box17 .latest-news  .join-list li p{margin-left: 30px;display: block;font-size: 14px;width: 80%;max-width: 280px;}
.join-us .box17 .latest-news  .join-list li:first-of-type{border-top: 1px solid rgba(255,255, 255, 0.5);}

.join-us .box18{background: url("../images/pic18.jpg") no-repeat center center;background-size: cover;padding:4% 0;}
.join-us .box18 .index_title{text-align: center;margin-bottom: 60px;}
.join-us .box18 .txt{background: #ae1f24;display: block;width: max-content;color: #ffffff;font-size: 22px;padding:0 34px;line-height: 44px;border-radius: 22px;margin: 0 auto;margin-bottom: 5%;}
.join-us .box18 .pic{display: flex;justify-content: center;}
.join-us .box18 .pic img{display: block;width: 180px;height: 180px;object-fit: contain;margin-right: 40px;}
.join-us .box18 .pic img:first-of-type{margin-right:  40px;}
.pad-100{padding: 100px 0;}
.contorl .swiper-button-disabled{opacity: 1 !important;}

@media screen and (max-width: 1400px){
  .join-us .box7{padding: 60px 20px;}
  .join-us .box7 .contorl{margin: 20px auto;}
  .join-us .box16 .contorl{margin: 20px auto;}
  .join-us .box9 .left-slide{width: 50%;}
  .join-us .box9 .left-slide img{display: block;width: 100%;height: auto;}
  .join-us .box9 .left-slide b{font-size: 20px;}
  .join-us .box9 .left-slide p{font-size: 24px;}
  .join-us .box9 .right-slide li b{font-size: 20px;}
  .join-us .box9 .right-slide li img{max-height: 34px;}
  .join-us .box9 .right-slide li p{font-size: 12px;}
  .join-us .box9 .right-slide li{padding:0 8px;}
  .join-us .box9 .right-slide li img{padding-right: 12px;margin-right: 12px;}
}
@media screen and (max-width: 1200px){
  .join-us .box6{margin-bottom:0;}
  .pad-100{padding: 60px 0;}
  .join-us .box1{margin-bottom: 60px;}
  .join-us .box9 .index_title{margin-bottom: 40px;}
  .join-us .box13{flex-direction: column-reverse;}
  .join-us .box13 .pic{width: 100%;height: 400px;margin-bottom: 0;}
  .join-us .box13 .index_title{text-align: center;}
  .join-us .box13 .txt{margin-bottom: 30px;}
  .join-us .box13 p{text-align: center;}
}
@media screen and (max-width: 1024px){
  .contorl{height: 30px !important;}
  .join-us .box1{display: block;margin-bottom: 40px;}
  .join-us .box1 .index_title{text-align: center;margin-bottom: 40px;}
  .join-us .box1 .pic{width: 100%;height: auto;margin-left: 0;max-height: 400px;margin-top: 30px;}
  .pad-100{padding: 6% 0;}
  .join-us .box3{display: block;}
  .join-us .box3 .index_title{text-align: center;}
  .join-us .box3 .txt p{margin-bottom: 10px;text-indent: 32px;text-align: justify;}
  .join-us .box3 .txt{margin-right: 0;}
  .join-us .box3 .pic{width: 100%;max-height: 400px;}
  .join-us .box4 .index_title{padding: 6% 0;}
  .join-us .box4 .content{padding: 3%;}
  .join-us .box6 li{margin-bottom: 30px;}
  .join-us .box6{margin-bottom:20px;}
  .join-us .box7,
  .join-us .box16{padding: 40px 10px;}
  .public-swiper .pic{padding-bottom: 60% !important;height: auto !important;position: relative;}
  .public-swiper .pic img{position: absolute;width: 90% !important;height: 90% !important;object-fit: cover !important;left: 5% !important;top: 5% !important;}
  .contorl .swiper-button-prev,
  .contorl .swiper-button-next{width: 40px  !important;background-size: contain !important;}
  .contorl .swiper-pagination-bullet{width: 8px  !important;height: 8px  !important;}
  .contorl .swiper-pagination{margin: 0 20px  !important;}
  .join-us .box8 ul li p b{font-size: 18px;}
  .join-us .box8 ul li p{font-size: 16px;}
  .join-us .box9 .content{display: block;}
  .join-us .box9 .left-slide{width: 100%;}
  .join-us .box9 .right-slide{width: 100%;}
  .join-us .box9 .right-slide li{padding: 20px;width: 49%;margin-bottom: 2%;}
  /* .join-us .box9 .left-slide b{text-align: center;} */
  .join-us .box9 .left-slide{padding: 20px;margin-bottom: 30px;}
  .join-us .box9 .left-slide b{font-size: 18px;margin-bottom: 12px;}
  .join-us .box9 .left-slide p{margin-bottom: 20px;}
  .join-us .box11{display: block;}
  .join-us .box11 .index_title{text-align: center;}
  .join-us .box11 .txt p{text-align: center;}
  .join-us .box11 .index_title{margin-bottom: 20px;}
  .join-us .box11 .pic{width: 100%;margin-top: 40px;}
  .join-us .box13 .index_title{margin-bottom: 10px;}
  .join-us .box14 .index_title{margin-bottom: 30px;}
  .join-us .box15 ul li p{font-size: 14px;padding: 10px 0;}
  .join-us .box15 ul li{width: 24%;}
  .join-us .box15 ul li .pic{padding: 47%;}
  .join-us .box17 .latest-news{width: 40%;min-width: 360px;}
  .join-us .box17 .latest-news{margin-left: 10px;}
  .join-us .box17 .index_title{margin-bottom: 30px;}
}
@media screen and (max-width:767px){
  .public-tit-red{font-size: 16px !important;line-height: 36px !important;border-radius: 18px !important;padding:0 20px !important;width: fit-content !important;max-width: 90%;}
  .join-us .box1 .left-slide ul li p{font-size: 14px;}
  .join-us .box1 .left-slide ul li span{font-size: 12px;}
  .join-us .box1 .left-slide ul li img{width: 60px;height: 60px;}
  .join-us .box1 .index_title{text-align: center;margin-bottom: 20px;}
  .join-us .box3 .index_title{margin-bottom: 20px;}
  .join-us .box3 .txt p{font-size: 14px;margin-bottom: 0;}
  .join-us .box3 .pic{height: 280px;}
  .join-us .box4 .content .contorl{margin-bottom:2%;}
  .join-us .box4 .supplier-swiper .pic{padding-bottom: 60%;position: relative;height: auto;margin-bottom: 10px;}
  .join-us .box4 .supplier-swiper .pic img{position: absolute;left: 5%;top: 5%;display: block;width: 90%;height: 90%;object-fit: contain;}
  .join-us .box4 .supplier-swiper a{font-size: 14px;}
  .join-us .box5 .pic{height: 200px;object-fit: cover;}
  .join-us .box6 li{width: 49%;margin-bottom: 2%;padding: 9% 10px}
  .join-us .box6 li b{font-size: 22px;}
  .join-us .box6 li p{font-size: 14px;min-height: 38px;}
  .join-us .box6 .index_title{margin-bottom: 8%;}
  .public-swiper a{font-size: 14px;}
  .public-swiper .pic{margin-bottom: 10px !important;}
  .join-us .box8 ul li p b{font-size: 16px;}
  .join-us .box8 ul li p{font-size: 14px;}
  .join-us .box8 ul li img{margin-bottom: 12px;}
  .join-us .box8 .index_title{margin-bottom: 30px;}
  .join-us .box9 .right-slide li{padding: 10px 10px;}
  .join-us .box9 .right-slide li b{font-size: 16px;}
  .join-us .box9 .index_title{margin-bottom: 20px;}
  .join-us .box9 .left-slide{padding:20px 10px;}
  .join-us .box9 .left-slide b{font-size: 16px;}
  .join-us .box10 .index_title{margin-bottom: 30px;}
  .join-us .box12 .more,.join-us .box10 .more{width: 120px;padding-left: 20px; line-height: 36px;}
  .join-us .box11 .pic{width: 100%;margin-top: 20px;}
  .join-us .box11 .txt p{font-size: 14px;}
  .join-us .box11 .pic{height: 280px;}
  .join-us .box12 .index_title{margin-bottom: 30px;}
  .join-us .box12 b{font-size: 18px;}
  .join-us .box12 b span{font-size: 20px;margin-top: 10px;}
  .join-us .box13 .pic{height: 280px;}
  .join-us .box14 b{font-size: 18px;}
  .join-us .box15 ul li{width: 49%;}
  .join-us .box15 ul li .pic{padding: 30%;}
  .join-us .box17 .latest-news{display: none;}
  .join-us .box17 .left-slide{padding: 40px 20px;}
  .join-us .box17 .left-slide{padding: 30px 10px;}
  .join-us .box17 .left-slide b{font-size: 16px;}
  .join-us .box17 .left-slide b span{font-size: 20px;}
  .join-us .box17 .left-slide input{width: 49%;}
  .join-us .box17 .left-slide input:nth-of-type(odd){margin-right: 2%;}
  .join-us .box17 .left-slide select{width: 49%;}
  .join-us .box17 .left-slide select:first-of-type{margin-right: 2%;}
  .join-us .box17 .left-slide button{font-size: 16px;height: 42px;}
  .join-us .box18 .index_title{margin-bottom: 20px;}
  .join-us .box18 .pic img:last-of-type{margin-right: 0;}
  .join-us .box18 .pic img{width: 80px;height: 80px;}
  .contorl{margin: 20px auto !important;}
  join-us{padding-bottom: 20px;}
  .join-us .box3 .txt p{line-height: 1.5;}
  .join-us .box3 .txt{margin-bottom: 10px;}
}




@media screen and (max-width: 500px){
  .join-us .box9 .right-slide li{width: 50%;padding: 10px 6px;display: block;text-align: center;margin-bottom: 0;border-bottom: 1px solid #ccc;}
  .join-us .box9 .right-slide li:nth-of-type(odd){border-right: 1px solid #ccc;}
  .join-us .box9 .right-slide li img{ margin: 0 auto 10px;padding-right: 0;border: none;}
  .join-us .box9 .right-slide li b{margin-bottom: 6px;}
  .join-us .box9 .left-slide span{font-size: 14px;}
  .join-us .box9 .left-slide p{font-size: 18px;}
  .join-us .box9 .left-slide p{margin-bottom: 10px;}
  .join-us .box14 b{font-size: 16px;}
  .join-us .box17 .left-slide input{width: 100%;margin-right: 0 !important;margin-bottom: 10px;height: 36px;}
  .join-us .box17 .left-slide input::placeholder{font-size: 14px;}

  .join-us .box17 .left-slide #distpicker1{margin-bottom: 10px;}
  .join-us .box17 .left-slide select{height: 36px;font-size:14px;}
  .join-us .box17 .left-slide textarea{height: 100px;}
  .join-us .box17 .left-slide textarea::placeholder{font-size: 14px;}
  .join-us .box17 .left-slide textarea{margin-bottom: 10px;}
  .join-us .box17 .left-slide p{margin-bottom: 10px;}
  .join-us .box12 .txt{background: transparent;text-align: center;line-height: 1.5 !important;}
}
@media screen and (max-width: 420px){
  .join-us .box1{margin-bottom: 20px;}
  .join-us .box2{padding: 16% 0;}
  .join-us .box1 .pic{height: 200px;}
  .join-us .box3 .pic{height: 200px;}
  .join-us .box11 .pic{height: 200px;}
  .public-tit-red{font-size: 14px !important;}
  .join-us .box7,
  .join-us .box16{padding: 20px 10px;}
  .join-us .box13 .pic{height: 200px;}
  .contorl{margin: 10px auto !important;}
  .join-us .box1 .left-slide ul li{width: 32%;}
  /* .join-us .box8 ul li p{font-size: 12px;}
  .join-us .box8 ul li p b{font-size: 14px;} */
  .join-us .box8 ul li{width: 100%;}
  .join-us .box8 ul{flex-wrap: wrap;}
  .join-us .box12 b{font-size: 16px;}
  .join-us .box12 b span{font-size: 18px;}
  .join-us .box13 p{font-size: 14px;}
  .join-us .box18 .txt{background: transparent;text-align: center;line-height: 1.5 !important;}
  .join-us .box18{padding: 8% 0;}
  .join-us .box8 ul li{margin-bottom: 10px;}
}

/* =========================加盟样式开始==============================================*/


/* 移动端 二级导航*/
.m_page_nav{display: none;margin-bottom: 0;}

@media screen and (max-width: 1200px){
	.m_page_nav{display: none;margin-top: 80px;}
    .m_page_nav li{width: 100%;}
    .m_page_nav dl{display: block; border-top: 1px solid #bdbdbd;border-bottom: 1px solid #bdbdbd;}
    .m_page_nav dl dt{font-weight: normal;background: #fff; transition: 0.6s; padding: 1.2% 20px; cursor: pointer; display: flex; align-items: center; justify-content: space-between;font-size: 14px;}
    .m_page_nav dl dt span{transition: 0.6s; font-size: 18px; color: #434144; line-height: 200%;display: block;}
    .m_page_nav dl dt i{transition: 0.6s; font-size: 20px; color: #d0141b;}
    .m_page_nav dl dd{display: none;  border-top: 1px solid #bdbdbd; background: #fff;}
    .m_page_nav dl dd a{display: block; font-size: 18px; color: #434144; line-height: 200%; padding: 1.2% 0; border-bottom: 1px solid #cecece; text-align: center;}
    .m_page_nav dl dd a:last-child{border-color: transparent;}
    .m_page_nav dl dd a.active{color: #d0141b;}
}

@media screen and (max-width: 767px){
	.m_page_nav{margin-top: 70px;display: block;}
	.m_page_nav  dl dt{padding: 1.6% 10px;}
	.m_page_nav  dl dt span{font-size: 18px;}
	.m_page_nav  dl dt i{font-size: 30px;}
	.m_page_nav  dl dd a{font-size: 16px; padding: 1.6% 0;}
}

@media screen and (max-width: 500px){
	.m_page_nav dl dd a{font-size: 14px;}
	.m_page_nav dl dt span{font-size: 16px;}
	.m_page_nav  dl dt{padding: 2.2% 10px;}
    /* .m_page_nav  dl dt span{font-size: 14px;} */
    .m_page_nav  dl dt i{font-size: 24px;}
	.m_page_nav  dl dd a{font-size: 14px; padding: 2.2% 0;}
}

  .page_banner{position: relative;}
  .page_banner .index_title{position: absolute;z-index: 5;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;padding-bottom: 3%;}
  .page_banner .index_title span{color: #fff;}
  .page_banner .index_title::before{content: "";bottom: 0;left: 50%;margin-left: -36px;width: 72px;height: 4px;background: #101f36;position: absolute;}
  .page_banner .index_title::after{content: "";bottom: 0;left: 50%;margin-left: -36px;width: 48px;height: 4px;background: #ae1f24;position: absolute;}

/* =========================加盟样式结束 ==============================================*/


.red_div {
  width: 100%;
  padding: 50px 0;
  background: url("../images/red_div.jpg") no-repeat;
  background-size: cover;
}

.index_title{
  font-size: 48px;
  color: #fff;
  font-family: 宋体;
  font-weight: bold;
  /* margin-bottom: 20px; */
}

.index_title span {
  display: block;
  font-size: 16px;
  color: #8f8f8f;
  font-weight: normal;
  text-transform: uppercase;
  font-family: 微软雅黑;
}

@media screen and (max-width: 1710px) {
  .pc_header ul {
    width: 800px;
  }
  .pc_header dl {
    width: 260px;
  }
  .pc_header {
    padding: 0 56px;
  }
  .pc_header form i {
    width: 56px;
  }
}

@media screen and (max-width: 1640px) {
  .index2 .main .bottom {
    padding: 6% 0;
  }
  .index2 .main .bottom nav {
    width: 94%;
  }
  .index2 .main .top {
    padding: 3% 0;
  }
  .index2 .main .top div {
    width: 100%;
    padding: 0 3%;
  }
  .index1 .main {
    width: 100%;
    padding: 6% 3%;
  }
  .index1 .main > figure {
    width: 55%;
  }
  .index1 .main div {
    width: 40%;
  }
  .index1 .main div ul li {
    width: 32%;
  }
   .index1 .main div ul li a{width: 100%;}
}

@media screen and (max-width: 1400px) {
  .index2 .main .bottom nav ul li a div p {
    font-size: 16px;
  }
  .index2 .main .bottom nav ul li a div img {
    width: 40px;
    height: auto;
  }
  .index2 .main .top div ul {
    width: 450px;
  }
  .index2 .main .top div figure {
    width: 475px;
  }
  .index2 .main .top div figure h3 {
    width: 175px;
  }
  .pc_header nav .h_nav li {
    width: 90px;
  }
  .pc_header ul {
    width: 700px;
  }
  .index1 .main > figure {
    width: 50%;
  }
  .index1 .main div {
    width: 48%;
  }
  .index1 .main div ul li p {
    font-size: 16px;
  }
  .index1 .main div ul li {
    width: 31.5%;
    
  }
  .index1 .main div ul li a{padding: 3%;}
  .index_title {
    font-size: 34px;
  }
  .index_title span {
    font-size: 12px;
  }
  .index1 .main div > p {
    margin-top: 3%;
    width: 90%;
  }
  .index1 .main div .more {
    margin: 7% 0;
  }
}

@media screen and (max-width: 1300px) {
  .pc_header dl {
    display: block;
    width: auto;
  }
  .pc_header dl dd + dd {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1200px) {
  .pc_header ul li a {
    font-size: 14px;
  }
  .pc_header ul {
    width: 600px;
  }
  .pc_header .h_logo {
    width: 160px;
  }
  .index_banner .swiper-pagination .swiper-pagination-bullet {
    width: 50px;
  }
  .index_banner .swiper-wrapper .swiper-slide {
    padding: 45% 0;
  }
}

@media screen and (max-width: 1024px) {
  .red_div {
    padding: 3% 0;
  }
  .index2 .main .bottom .swiper-pagination {
    display: block;
  }
  .index2 .main .bottom nav > a {
    margin-top: 6%;
  }
  .index2 .main .top div {
    display: block;
  }
  .index2 .main .top div ul {
    width: 60%;
    margin-top: 3%;
  }
  .side_nav ul li.side_tel {
    border-left: none;
  }
  .index_banner i {
    display: none;
  }
  .index1 .main div .more {
    margin: 3% 0;
  }
  .index1 .main div > p {
    width: 100%;
    line-height: 32px;
  }
  .index1 .main div {
    width: 100%;
  }
  .index1 .main > figure {
    display: none;
  }
  .index1 .main div figure {
    display: block;
  }
  .pc_header {
    display: none;
  }
  .m_header {
    display: flex;
  }
  .page {
    margin-top: 80px;
  }
  .page_banner {
    display: none;
  }

  .side_nav ul li:nth-of-type(1) a h3 {
    display: none;
  }
  .side_nav ul li:nth-of-type(2) a h3 {
    display: none;
  }
  .side_nav ul li:nth-of-type(3) > figure {
    display: none;
  }
  .side_nav ul li:nth-of-type(4) > figure {
    display: none;
  }
  .side_nav {
    width: 100%;
    bottom: 0;
    right: 0;
  }
  .side_nav ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
  }
  .side_nav ul li {
    width: 25%;
    height: 100px;
    margin-top: 0;
    border-right: none;
    border-bottom: none;
  }
  .side_nav ul li.side_qq {
    display: none;
  }
  .side_nav ul li.side_gotop {
    transform: scale(1) !important;
  }
  .move_wx {
    display: block;
  }
  .side_nav ul li a p {
    font-size: 16px;
    margin-top: 10px;
  }
  .index_message {
    padding: 0 3%;
  }
  .index_message .index_message_main {
    width: 100%;
  }
  footer {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 850px) {
  /*小于850px*/
}
.index_banner .swiper-wrapper .m-index_banner{display: none;}
@media screen and (max-width: 768px) {
  .index_banner .swiper-wrapper .swiper-slide{display: none;}
  .index_banner .swiper-wrapper .m-index_banner{display: block !important;}
  .index1 .main div > p {
    line-height: 30px;
  }
  .index2 .main .bottom nav ul li a > figure {
    padding: 45% 0;
  }
  .index2 .main .top div ul {
    width: 80%;
  }
  .index2 .main .top div figure {
    width: 440px;
  }
  .index2 .main .top div figure h4 {
    font-size: 16px;
  }
  .index2 .main .top div figure h4 span {
    font-size: 14px;
  }
  .index2 .main .top div figure h3 {
    width: 150px;
  }
  .index1 .main div > p {
    font-size: 14px;
  }
  .index1 .main div > p span {
    font-size: 14px;
  }
  .index_title {
    font-size: 28px;
  }
  .m_header {
    height: 70px;
  }
  .m_header a {
    width: 196.8px;
  }
  .m_header figure {
    width: 125px;
  }
  .m_header figure .m_nav_btn {
    width: 51.2px;
    height: 51.2px;
  }
  .index_banner .swiper-pagination .swiper-pagination-bullet {
    width: 40px;
  }
  .m_nav ul li > p {
    font-size: 18px;
  }
  .m_nav ul li > a {
    font-size: 18px;
  }
  .m_nav ul li dl dd a {
    font-size: 17px;
  }
  .m_search .title h3 {
    font-size: 34px;
  }
  .m_search .main select {
    padding-bottom: 20px;
    font-size: 20px;
    background-size: 4%;
  }
  .m_search .main input {
    padding-bottom: 15px;
    font-size: 20px;
    margin-top: 20px;
  }
  .m_search .main button {
    padding: 10px 0;
    font-size: 24px;
  }
  .m_search .search_close {
    margin-top: 10%;
  }
  .page {
    margin-top: 70px;
  }
  .side_nav ul li {
    height: 90px;
  }
  .side_nav ul li a p {
    margin-top: 5px;
  }
  .index_message .index_message_main .main figure {
    display: none;
  }
  .index_message .index_message_main .main .message_form {
    width: 100%;
  }
  footer {
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 620px) {
  .index2 .main .top div ul {
    width: 100%;
  }
  .index_banner .swiper-container .swiper-button-prev {
    width: 45px;
    height: 45px;
  }
  .index_banner .swiper-container .swiper-button-next {
    width: 45px;
    height: 45px;
  }
  .m_search {
    padding-bottom: 40px;
  }
  .m_search .main {
    padding: 8% 4%;
    padding-bottom: 0;
  }
  .m_search .main select {
    font-size: 18px;
    padding-bottom: 15px;
  }
  .m_search .main input {
    font-size: 18px;
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .m_nav ul li > a {
    font-size: 16px;
  }
  .m_nav ul li > p {
    font-size: 16px;
  }
  .m_nav ul li dl dd a {
    font-size: 15px;
  }
  .m_header figure .nav-btn {
    width: 50px;
  }
  .m_header figure .nav-btn span:before {
    top: -16px;
    width: 50px;
    height: 4.5px;
  }
  .m_header figure .nav-btn span:after {
    top: 16px;
    width: 50px;
    height: 4.5px;
  }
  .m_header figure .nav-btn-open span::after {
    width: 50px !important;
  }
  .m_header figure {
    width: 115px;
  }
  .m_header figure .m_search_btn {
    width: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 520px) {
  .index2 .main .bottom nav ul li a div {
    padding: 10px 0;
  }
  .index2 .main .bottom nav ul li a div img {
    width: 35px;
  }
  .index2 .main .top div ul li:hover img {
    top: -8px;
  }
  .index_title {
    font-size: 26px;
  }
  .index2 .main .bottom nav > a {
    height: 35px;
    line-height: 35px;
    width: 100%;
    border-radius: 5px;
  }
  .index2 .main .top div ul li p {
    font-size: 12px;
  }
  .index2 .main .top div ul {
    margin-top: 6%;
  }
  .index2 .main .top div ul li {
    width: 36px;
    height: 65px;
  }
  .index2 .main .top div ul li img {
    width: 36px;
    height: 36px;
  }
  .index2 .main .top div figure {
    width: 100%;
  }
  .index2 .main .top div figure h3 {
    width: 130px;
  }
  .index2 .main .top div figure h4 {
    width: 260px;
    padding-left: 15px;
  }
  .index1 .main div .more {
    height: 35px;
    line-height: 35px;
    width: 100%;
    border-radius: 5px;
  }
  .index1 .main div ul li a{
    padding: 3% 1%;
  }
  .index1 .main div ul li img {
    width: 30px;
    height: 30px;
  }
  .index1 .main div ul li p {
    font-size: 14px;
  }
  .index1 .main div ul li span {
    font-size: 12px;
  }
  .m_header {
    height: 60px;
  }
  .m_header a {
    width: 172.2px;
  }
  .m_header figure {
    width: 100px;
  }
  .m_header figure .m_nav_btn {
    width: 45px;
    height: 45px;
  }
  .m_header figure .m_nav_btn span {
    height: 4px;
  }
  .m_header figure .m_search_btn {
    width: 32px;
    height: 32px;
  }
  .index_banner .swiper-wrapper .swiper-slide {
    padding: 50% 0;
  }
  .index_banner .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 2px;
  }
  .m_search_btn {
    width: 35px;
    height: 35px;
  }
  .m_nav ul li dl {
    padding: 0 3%;
  }
  .m_nav ul li dl dd a {
    padding: 0 6%;
  }
  .m_header figure .nav-btn {
    width: 40px;
  }
  .m_header figure .nav-btn span {
    height: 3.5px;
  }
  .m_header figure .nav-btn span:before {
    top: -13px;
    width: 40px;
    height: 3.5px;
  }
  .m_header figure .nav-btn span:after {
    top: 13px;
    width: 40px !important;
    height: 3.5px;
  }
  .m_search .title img {
    width: 35px;
    height: 35px;
  }
  .m_search .title h3 {
    font-size: 24px;
    margin-top: 10px;
    line-height: 28px;
  }
  .m_search .main button {
    font-size: 18px;
  }
  .m_search .search_close span {
    width: 40px;
  }
  .m_search .search_close h4 {
    font-size: 16px;
  }
  .page {
    margin-top: 60px;
  }
  .side_nav ul li {
    height: 80px;
  }
  .side_nav ul li a p {
    font-size: 14px;
  }
  .index_message .index_message_main .title h3 {
    font-size: 24px;
  }
  .index_message .index_message_main .main .message_form ul li input {
    height: 40px;
  }
  .index_message .index_message_main .main .message_form ul li select {
    height: 40px;
  }
  .index_message .index_message_main .main .message_form ul li.joan_submit button {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
  .index_message .index_message_main .main .message_form ul li.joan_textarea {
    height: 200px;
  }
  footer {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 420px) {
  .index2 .main .top div figure {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
  }
  .index2 .main .top div figure h4 {
    font-size: 14px;
    width: auto;
  }
  .index2 .main .top div figure h4 span {
    font-size: 12px;
  }
  .index2 .main .top div figure h3 {
    font-size: 20px;
    width: 120px;
  }
  .index2 .main .top div figure h3 i {
    width: 3px;
  }
  .index2 .main .top div figure h3 i:before {
    width: 3px;
  }
  .m_header a {
    width: 147.6px;
  }
  .m_header figure {
    width: 80px;
  }
  .m_header figure .m_search_btn {
    width: 27px;
    height: 27px;
  }
  .m_header figure .m_nav_btn {
    width: 32.768px;
    height: 32.768px;
  }
  .m_header figure .m_nav_btn span {
    height: 3px;
  }
  .index_banner .swiper-container .swiper-button-prev {
    width: 35px;
    height: 35px;
  }
  .index_banner .swiper-container .swiper-button-next {
    width: 35px;
    height: 35px;
  }
  .m_header figure .nav-btn {
    width: 35px;
    height: 35px;
  }
  .m_header figure .nav-btn span {
    height: 3px;
  }
  .m_header figure .nav-btn span:before {
    top: -12px;
    width: 35px;
    height: 3px;
  }
  .m_header figure .nav-btn span:after {
    top: 12px;
    width: 35px !important;
    height: 3px;
  }
  .m_search .main select {
    font-size: 16px;
    padding-bottom: 10px;
    background-position: 100% 33%;
  }
  .m_search .main input {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .m_search .main button {
    font-size: 16px;
  }
  .m_search .search_close {
    margin-top: 15%;
  }
  .m_search .search_close span {
    height: 3px;
    width: 30px;
  }
  .m_search .search_close span:before {
    height: 3px;
    width: 30px;
  }
  .m_search .search_close h4 {
    font-size: 14px;
  }
  .side_nav ul li {
    height: 70px;
  }
  .side_nav ul li a p {
    font-size: 12px;
  }
  .index_message .index_message_main .close_index_message {
    width: 30px;
    height: 30px;
  }
  footer {
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 375px) {
  .m_nav ul li > a {
    font-size: 14px;
    padding: 15px;
  }
  .m_nav ul li > p {
    font-size: 14px;
    padding: 15px;
  }
  .m_nav ul li dl dd a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  /*大于1200小于1400*/
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  /*大于1024小于1200*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /*大于768小于1024*/
}

@media only screen and (min-width: 520px) and (max-width: 768px) {
  /*大于520小于768*/
}

@media only screen and (min-width: 420px) and (max-width: 520px) {
  /*大于420小于520*/
}

@media only screen and (max-width: 420px) {
  /*大于320小于420*/
  .index_title { font-size: 18px;}
}


.swiper-button-prev{color: transparent !important;}
.swiper-button-next{color: transparent !important;}