@font-face {
  font-family : Magneto;
  src         : url("../images/MAGNETOB.TTF");
  font-weight : normal;
  font-style  : normal;
  font-display: block;
}


.container {
  width     : 100%;
  max-width : 1200px;
  margin    : 0 auto;
  box-sizing: border-box;
  padding   : 0 40px;
}

body {
  background-color: #FFF9ED;
}

.cover {
  position: relative;
}

.cover .image {
  height             : 100%;
  background-repeat  : no-repeat;
  background-position: center center;
  background-size    : cover;
  transition         : 0.3s;
}

.more {
  padding   : 10px;
  text-align: right;
}

.more .link {
  font-size: 14px;
  color    : #EB2F1E;
}

.banner img {
  display: block;
  width  : 100%;
}

.web-title {
  font-size    : 40px;
  font-weight  : 600;
  color        : #D50503;
  text-align   : center;
  line-height  : 140px;
  border-bottom: 4px solid currentColor;
}

.new-one-wrapper {
  padding-top  : 30px;
  overflow     : hidden;
  margin-bottom: 60px;
}

.new-one-wrapper .left {
  width: 60%;
  float: left;
}

.new-one-wrapper .right {
  width: 40%;
  float: right;
}

.single-swiper-news {
  padding         : 20px 20px 0 20px;
  background-color: #B70100;
}

.single-swiper-news .single-swiper-news-prev {
  width           : 40px;
  height          : 40px;
  position        : absolute;
  left            : 0;
  top             : 50%;
  z-index         : 99;
  transform       : translate3d(0, -50%, 0);
  background-color: rgba(255, 0, 0, 0.5);
  display         : flex;
  justify-content : center;
  align-items     : center;
  cursor          : pointer;
}

.single-swiper-news .single-swiper-news-prev i {
  font-size: 30px;
  color    : #ffffff;
}

.single-swiper-news .single-swiper-news-next {
  width           : 40px;
  height          : 40px;
  position        : absolute;
  right           : 0;
  top             : 50%;
  z-index         : 99;
  transform       : translate3d(0, -50%, 0);
  background-color: rgba(255, 0, 0, 0.5);
  display         : flex;
  justify-content : center;
  align-items     : center;
  cursor          : pointer;
}

.single-swiper-news .single-swiper-news-next i {
  font-size: 30px;
  color    : #ffffff;
}

.new-one-wrapper .swiper-pagination {
  position: absolute;
  width   : auto !important;
  left    : auto !important;
  right   : 10px !important;
  bottom  : 0;
}

.new-one-wrapper .swiper-pagination .swiper-pagination-bullet {
  width           : 16px;
  height          : 12px;
  background-color: #F38360 !important;
  border-radius   : 2px;
  opacity         : 1;
}

.new-one-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width           : 26px;
  height          : 12px;
  background-color: #F3C50C !important;
}

.new-one-wrapper .news-fixed-card__cover {
  height: 463px;
}

.news-main-text__image {
  display: block;
  width  : 100%;
}

.tab-wrapper {
  padding-left: 20px;
}

.news-tab-title {
  padding-top    : 10px;
  
  justify-content: space-between;
  padding-bottom : 20px;
}

.news-tab-title li {
  width           : 48%;
  float: left;
  height          : 40px;
  line-height     : 40px;
  background-color: #B70100;
  color           : #ffffff;
  text-align      : center;
  cursor          : pointer;
  margin          :1%;
}

.news-tab-title li.active {
  background-color: #E74A05;
}

.news-tab-content .news-main-text__summary {
  font-size: 14px;
  color    : #5A5A5A;
}

.page-section-two .content {
  overflow   : hidden;
  padding-top: 10px;
}

.page-section-two .left {
  width: 49%;
  float: left;
}

.page-section-two .right {
  width: 49%;
  float: right;
}

.page-section-two .right .news-text-list__item {
  margin-top   : 20px;
  border-bottom: 1px dashed #666666 !important;
}

.page-section-two .left .news-text-list__item {
  margin-top   : 20px;
  border-bottom: 1px dashed #666666 !important;
}

.img-matts {
  padding-top : 20px;
  display     : flex;
  flex-wrap   : wrap;
  margin-left : -5px;
  margin-right: -5px;
}

.img-matts .item {
  width     : 50%;
  box-sizing: border-box;
  padding   : 5px;
  height    : 160px;
}

.img-matts .item .cover {
  height: 100%;
}

.red-mark {
  padding      : 20px 20px 20px 140px;
  background   : url(../images/jztm.png) no-repeat top left / cover;
  margin-bottom: 60px;
  margin-top   : 20px;
  position     : relative;
}

.red-mark .more {
  font-size: 14px;
  color    : #F9E29D;
  position : absolute;
  right    : 0;
  top      : -10px;
}

.red-mark .more:hover {
  text-decoration: underline;
}

.red-mark .news-list {
  padding-top : 30px;
  display     : flex;
  flex-wrap   : wrap;
  margin-left : -10px;
  margin-right: -10px;
}

.red-mark .news-list .item {
  width     : 33.3%;
  box-sizing: border-box;
  padding   : 0 10px;
}

.page-container-one {
  padding   : 60px 0;
  background: url(../images/bg1.jpg) no-repeat top center / cover;
}

.page-container-two {
  padding   : 100px 0 60px 0;
  background: url(../images/bg2.jpg) no-repeat top center / cover;
}

.our-history {
  padding   : 60px 20px 40px 20px;
  background: url(../images/ls.png) no-repeat top center / cover;
  overflow  : hidden;
  position  : relative;
}

.our-history .left {
  width: 48%;
  float: left;
}

.our-history .right {
  width: 48%;
  float: right;
}

.our-history .news-text-list__item {
  margin-top   : 20px;
  line-height  : 40px;
  border-bottom: 1px dashed rgba(105, 45, 5, 0.4) !important;
}

.our-history .news-text-list__item::after {
  content   : "";
  display   : block;
  width     : 3px;
  height    : 3px;
  background: #D50503;
  position  : absolute;
  left      : 0;
  top       : 50%;
  transform : translate3d(0, -50%, 0)
}

.our-history .more {
  font-size: 14px;
  color    : #D50503;
  position : absolute;
  right    : 10px;
  top      : 20px;
}

.our-history .more:hover {
  text-decoration: underline;
}

.works-collection {}

.works-collection .list {
  padding-top : 10px;
  display     : flex;
  margin-left : -10px;
  margin-right: -10px;
}

.works-collection .list a {
  display   : block;
  flex      : 1;
  box-sizing: border-box;
  padding   : 10px;
  position  : relative;
}

.works-collection .list a img {
  display: block;
  width  : 100%;
}

.works-collection .list a:first-child::after {
  content : url(../images/ljxq.png);
  display : block;
  position: absolute;
  right   : 30px;
  top     : 30px;
}

.works-collection .list a:last-child::after {
  content : url(../images/ljxq2.png);
  display : block;
  position: absolute;
  right   : 30px;
  bottom  : 30px;
}

.img-title {}

.img-title img {
  display: block;
  width  : 100%;
}

.page-container-three {
  padding         : 40px 0;
  background-color: #ffffff;
}

.country-map {
  height             : 550px;
  background         : url(../images/map-bg.png) no-repeat top left / cover;
  /* background-color: beige; */
  margin-bottom      : 60px;
  overflow           : hidden;
}

.country-map .left {
  width: 49%;
  float: left;
}

.country-map .right {
  width: 49%;
  float: right;
}

.map-tab-content {
  padding: 122px 0 0 34px;
}

.map-tab-content .basic-info {
  /*width        : 530px;*/
  width: 546px;
  height       : 224px;
  background   : #66371D;
  border-radius: 20px;
  position     : relative;
  box-sizing   : border-box;
  padding      : 20px 0px 20px 28px;
}

.map-tab-content .basic-info::after {
  content      : "";
  display      : block;
  /*width        : 511px;*/
  width: 480px;
  height       : 200px;
  border       : 2px solid #C9AB8C;
  border-radius: 15px;
  position     : absolute;
  left         : 47%;
  top          : 50%;
  transform    : translate3d(-50%, -50%, 0);
}

.map-tab-content .basic-info .city {
  width      : 47px;
  height     : 162px;
  background : linear-gradient(to top, transparent, #FFFCD1, transparent);
  position   : absolute;
  right      : 0;
  top        : 14px;
  z-index    : 109;
  font-size  : 36px;
  font-family: FZQKBYSJW;
  font-weight: normal;
  color      : #BC0606;
  line-height: 44px;
  display    : flex;
  align-items: center;
  text-align : center;
}

.map-tab-content .basic-info .title {
  font-size     : 22px;
  color         : #FFFCD1;
  padding-top   : 20px;
  padding-bottom: 20px;
}

.map-tab-content .basic-info .summary {
  font-size  : 16px;
  color      : #FFFCD1;
  line-height: 1.8;
  width: 85%;
}

.map-tab-content .basic-info .more {
  padding        : 0;
  width          : 18px;
  height         : 44px;
  background     : #BC0606;
  border-radius  : 9px;
  position       : absolute;
  right          : 14px;
  bottom         : 25px;
  z-index        : 9999;
  font-size      : 12px;
  color          : #ffffff;
  display        : flex;
  justify-content: center;
  align-items    : center;
  text-align     : center;
}

.map-tab-content .list-info {
  padding-top: 30px;
}

.map-tab-content .list-info .text {
  font-size     : 18px;
  font-family   : FZLTZHK;
  font-weight   : normal;
  color         : #66371D;
  line-height   : 25px;
  padding-bottom: 20px;
  padding-left  : 12px;
  position      : relative;
}

.map-tab-content .list-info .text::before {
  content  : ".";
  position : absolute;
  left     : 0;
  top      : -8px;
  font-size: 30px;
}

.country-map .map-wrapper {
  /*width : 530px;*/
  width: 490px;
  height: 450px;
  background: url(../images/China-map.png) no-repeat center center / contain;
  margin: 60px 0 0 30px;
}

.country-map .map-tab-title {
  position: relative;
}

.country-map .map-tab-title li {
  position   : absolute;
  display    : flex;
  align-items: center;
  cursor     : pointer;
}

.country-map .map-tab-title li .icon {
  display      : block;
  width        : 24px;
  height       : 24px;
  border-radius: 50%;
  background-image: url(../images/round.jpg);
  background-size: cover;
  transition: .3s;
}

.country-map .map-tab-title li.active .icon {
  animation: flashing 1s linear infinite;
  transition: 1s;
}

@keyframes flashing {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.country-map .map-tab-title li .text {
  font-size                      : 20px;
  font-family                    : FZQKBYSJW;
  font-weight                    : normal;
  color                          : #7E1105;
  line-height                    : 31px;
  writing-mode                   : vertical-lr;
  /*从左向右 从右向左是 writing-mode      : vertical-rl;*/
  writing-mode                   : tb-lr;
  /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}

.country-map .map-tab-title .one {
  right: 90px;
  top  : 70px;
}

.country-map .map-tab-title .two {
  right: 117px;
  top  : 107px;
}

.country-map .map-tab-title .three {
  right: 310px;
  top  : 180px;
}

.country-map .map-tab-title .four {
  right: 230px;
  top  : 200px;
}

.country-map .map-tab-title .five {
  right: 230px;
  top  : 300px;
}

.country-map .map-tab-title .six {
  right: 95px;
  top  : 245px;
}

.country-map .map-tab-title .seven {
  right: 227px;
  top  : 80px;
}