@charset "utf-8";
input {
  border: 0;
  outline: none;
  /*去除蓝色边框*/
}
* {
  padding: 0;
  margin: 0;
}
/* 初始化 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  border: none;
}
em,
i {
  font-style: normal;
}
strong {
  font-weight: normal;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.displayNone {
  display: none;
}
.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
.clearfix {
  zoom: 1;
}
a {
  text-decoration: none;
  color: #333333;
  font-family: "微软雅黑", Helvetica, Arial, 'Hiragino Sans GB', 'Microsoft Yahei', "微软雅黑", "STHeiti", "华文细黑", sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: 0 auto -webkit-focus-ring-color;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
}
ul,
ol,
li {
  list-style: none;
}
img {
  border: none;
  vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-family: "经典微中黑简体_0", Helvetica, Arial, 'Hiragino Sans GB', 'Microsoft Yahei', "微软雅黑", "STHeiti", "华文细黑", sans-serif;
}
/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  font-family: "微软雅黑", Helvetica, Arial, 'Hiragino Sans GB', 'Microsoft Yahei', "STHeiti", "华文细黑", sans-serif;
  position: relative;
  background: #f4f4f6;
}
/* 去除iPhone中默认的input样式 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input,
textarea {
  -webkit-appearance: none;
  resize: none;
}
/* 取消链接高亮  */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 设置HTML5元素为块 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
h group,
menu,
nav,
section {
  display: block;
}
/* 图片自适应 */
img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}
header#index_header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 2;
}
header#index_header section.top {
  height: 90px;
  position: relative;
  color: #d6131f;
}
header#index_header section.top .logo {
  display: block;
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translate(0, -50%);
  height: 14px;
}
header#index_header section.top .logo.white {
  display: none;
}
header#index_header section.top p {
  position: absolute;
  top: 50%;
  right: 110px;
  transform: translate(0, -50%);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0.3px;
}
header#index_header section.top p a {
  color: #d6131f;
}
header#index_header section.top p a:hover {
  color: #666666;
}
header#index_header section.top .menu-button {
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translate(0, -50%);
  cursor: pointer;
  width: 30px;
  height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header#index_header section.top .menu-button .bar:nth-of-type(1) {
  margin-top: 0px;
}
header#index_header section.top .menu-button .bar:nth-of-type(3) {
  margin-bottom: 0px;
}
header#index_header section.top .menu-button .bar {
  position: relative;
  display: block;
  height: 4px;
  width: 30px;
  margin: 4px auto;
  background-color: #d6131f;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header#index_header section.top .menu-button:hover .bar {
  background-color: #666666;
}
header#index_header section.top .menu-button:hover .bar:nth-of-type(1) {
  -webkit-transform: translateY(1.5px) rotate(-4.5deg);
  -ms-transform: translateY(1.5px) rotate(-4.5deg);
  transform: translateY(1.5px) rotate(-4.5deg);
}
header#index_header section.top .menu-button:hover .bar:nth-of-type(2) {
  opacity: 0.9;
}
header#index_header section.top .menu-button:hover .bar:nth-of-type(3) {
  -webkit-transform: translateY(-1.5px) rotate(4.5deg);
  -ms-transform: translateY(-1.5px) rotate(4.5deg);
  transform: translateY(-1.5px) rotate(4.5deg);
}
header#index_header section.top.white {
  color: #ffffff;
}
header#index_header section.top.white .logo {
  display: none;
}
header#index_header section.top.white .logo.white {
  display: block;
}
header#index_header section.top.white a {
  color: #ffffff;
}
header#index_header section.top.white a:hover {
  color: #d6131f;
}
header#index_header section.top.white .menu-button .bar {
  background-color: #fff;
}
header#index_header section.top.white .menu-button:hover .bar {
  background-color: #d6131f;
}
header.header_all {
  height: 90px;
  line-height: 1;
  background: white;
}
header.header_all section {
  height: 90px;
  width: 100%;
  line-height: 1;
  background: white;
  position: fixed;
  top: 0;
  z-index: 99999;
}
header.header_all section .img-logo img {
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translate(0, -50%);
}
header.header_all section .menu-button {
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translate(0, -50%) rotateZ(90deg);
  opacity: 1;
  display: block;
  cursor: pointer;
  width: 30px;
  height: 20px;
  -webkit-transition: 0.3s;
  transition: all 0.3s, opacity 0.5s, display 0s 0.5s;
}
header.header_all section .menu-button .bar:nth-of-type(1) {
  margin-top: 0px;
}
header.header_all section .menu-button .bar:nth-of-type(3) {
  margin-bottom: 0px;
}
header.header_all section .menu-button .bar {
  position: relative;
  display: block;
  height: 4px;
  width: 30px;
  margin: 4px auto;
  background-color: #d6131f;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header.header_all section .menu-button:hover .bar {
  background-color: #666666;
}
header.header_all section .menu-button:hover .bar:nth-of-type(1) {
  -webkit-transform: translateY(1.5px) rotate(-4.5deg);
  -ms-transform: translateY(1.5px) rotate(-4.5deg);
  transform: translateY(1.5px) rotate(-4.5deg);
}
header.header_all section .menu-button:hover .bar:nth-of-type(2) {
  opacity: 0.9;
}
header.header_all section .menu-button:hover .bar:nth-of-type(3) {
  -webkit-transform: translateY(-1.5px) rotate(4.5deg);
  -ms-transform: translateY(-1.5px) rotate(4.5deg);
  transform: translateY(-1.5px) rotate(4.5deg);
}
header.header_all section ul.menu {
  display: none;
  overflow: hidden;
  height: 90px;
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translate(0, -50%);
}
header.header_all section ul.menu li {
  margin-left: 35px ;
  float: left;
  line-height: 90px;
}
header.header_all section ul.menu li a {
  font-size: 14px;
  color: #333333;
}
header.header_all section ul.menu li a:hover {
  color: #d6131f;
  transition: color 0.1s;
}
header.header_all section.active .menu-button {
  opacity: 0;
  display: none;
  transition: opacity 0.5s, display 0s 0.5s;
}
header.header_all section.active ul.menu {
  display: block;
}
div.banner img {
  width: 100%;
}
#index.swiper-container {
  width: 100vw;
  height: 100vh;
}
#index.swiper-container .swiper-slide {
  width: 100vw;
  height: 100%;
  overflow: hidden;
  background-color: white;
}
#index.swiper-container .swiper-slide aside.service-index {
  position: absolute;
  bottom: 30px;
  right: 50px;
  z-index: 1000;
}
#index.swiper-container .swiper-slide aside.service-index ul li {
  margin-left: 40px;
  position: relative;
}
#index.swiper-container .swiper-slide aside.service-index ul li div.top {
  display: none;
  position: absolute;
  transform: translate(-50%, -100%);
  top: -20px;
  left: 50%;
  opacity: 0;
  width: max-content;
  height: auto;
  transition: all 0.5s;
}
#index.swiper-container .swiper-slide aside.service-index ul li div.top p.tel {
  font-size: 12px;
  line-height: 1;
  padding: 10px 14px;
  letter-spacing: 0.7px;
  color: #ffffff;
  background-color: #d6131f;
}
#index.swiper-container .swiper-slide aside.service-index ul li div.top img {
  width: 76px !important;
  height: 76px !important;
}
#index.swiper-container .swiper-slide aside.service-index ul li div.bottom i {
  font-size: 20px;
  color: white;
}
#index.swiper-container .swiper-slide aside.service-index ul li div.bottom i.icon-76 {
  font-size: 24px;
  line-height: 24px;
}
#index.swiper-container .swiper-slide aside.service-index ul li div.bottom i.icon-tianmao_ {
  font-size: 17px;
}
#index.swiper-container .swiper-slide aside.service-index ul li div.bottom:hover i {
  color: #d6131f;
}
#index.swiper-container .swiper-slide aside.service-index ul li:hover div.top {
  opacity: 1;
  display: block;
}
#index.swiper-container .swiper-slide.slide-1 video {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
#index.swiper-container .swiper-slide.slide-1 .text {
  position: absolute;
  right: 10.625vw;
  bottom: 11.302vw;
  color: white;
  text-align: right;
}
#index.swiper-container .swiper-slide.slide-1 .text p {
  font-size: 1.042vw;
  font-weight: 200;
  font-stretch: normal;
  line-height: 1.042vw;
  letter-spacing: 0.5px;
  color: #ffffff;
  margin-bottom: 0.99vw;
}
#index.swiper-container .swiper-slide.slide-1 .text span {
  font-size: 0.625vw;
  font-weight: 200;
  font-stretch: normal;
  line-height: 0.625vw;
  letter-spacing: 0.3px;
  color: #ffffff;
}
#index.swiper-container .swiper-slide.slide-1 .text h2 {
  font-size: 1.667vw;
  font-weight: 200;
  font-stretch: normal;
  line-height: 1.667vw;
  letter-spacing: 1.6px;
  margin-top: 0.99vw;
  color: #ffffff;
}
#index.swiper-container .swiper-slide.slide-2 {
  background: url("http://img.moloney.com.cn/upload/2019-03-29/5c9db9625954b.jpg");
  background-size: 100% 100%;
}
#index.swiper-container .swiper-slide.slide-2 div.text {
  width: 56.667vw;
  height: 30.573vw;
  top: 12.685vw;
  left: 6.865vw;
  position: absolute;
}
#index.swiper-container .swiper-slide.slide-2 div.text h3 {
  font-size: 0.833vw;
  line-height: 0.833vw;
  letter-spacing: -0.6px;
  color: #333333;
  margin-bottom: 3.49vw;
  font-weight: bold;
}
#index.swiper-container .swiper-slide.slide-2 div.text p {
  width: 34.115vw;
  margin-bottom: 3.542vw;
  font-size: 0.729vw;
  line-height: 1.458vw;
  letter-spacing: 0.2px;
  color: #666666;
}
#index.swiper-container .swiper-slide.slide-2 div.text ul {
  overflow: hidden;
  box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.2);
  min-width: 56.667vw;
}
#index.swiper-container .swiper-slide.slide-2 div.text ul li {
  background-color: white;
  width: 14.05vw;
  height: 10vw;
  text-align: center;
  padding: 3.125vw 0;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-flow: column;
}
#index.swiper-container .swiper-slide.slide-2 div.text ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #dedede;
}
#index.swiper-container .swiper-slide.slide-2 div.text ul li h4 {
  font-size: 1.875vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.875vw;
  letter-spacing: -1px;
  color: #474747;
}
#index.swiper-container .swiper-slide.slide-2 div.text ul li h4 small {
  font-size: 0.833vw;
  margin-left: calc( -0.052vw * 5 );
  position: relative;
  top: calc( -0.052vw * 3 );
}
#index.swiper-container .swiper-slide.slide-2 div.text ul li span {
  font-size: 0.729vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.729vw;
  letter-spacing: -0.3px;
  color: #474747;
}
#index.swiper-container .swiper-slide.slide-2 div.text ul li:hover {
  background-color: #d6131f;
  color: white;
}
#index.swiper-container .swiper-slide.slide-2 div.text ul li:hover h4,
#index.swiper-container .swiper-slide.slide-2 div.text ul li:hover small,
#index.swiper-container .swiper-slide.slide-2 div.text ul li:hover span {
  color: white;
}
#index.swiper-container .swiper-slide.slide-2 div.text ul li:hover::after {
  background-color: #d6131f;
}
#index.swiper-container .swiper-slide.slide-2 div.text a.btn {
  margin-top: 5.652vw;
  width: 8.75vw;
  height: 2.24vw;
  background-color: #d6131f;
  border-radius: 24px;
  font-size: 0.729vw;
  font-weight: 300;
  font-stretch: normal;
  line-height: 1.8vw;
  letter-spacing: -0.3px;
  color: #ffffff;
  padding: 0;
}
#index.swiper-container .swiper-slide.slide-2 div.text a.btn i {
  font-size: 18px;
  margin-left: 0.815vw;
  position: relative;
  top: 2px;
  left: 0;
  font-weight: 300;
  transition: left 0.5s ease-in;
}
#index.swiper-container .swiper-slide.slide-2 div.text a.btn:hover i {
  left: 15px;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper {
  width: 100%;
  height: calc( 100vh - 90px );
  background-color: #1B1B1B;
  display: flex;
  justify-content: center;
  align-items: center;
  /* opacity: 0.5; */
  position: absolute;
  bottom: 0;
  /*初始状态*/
  /*点击展示动画*/
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content.vag-1 .item {
  width: 100%;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content.vag-2 .item {
  width: 50%;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content.vag-3 .item {
  width: calc( 100% / 3 );
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content.vag-4 .item {
  width: calc( 100% / 4 );
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content.vag-5 .item {
  width: calc( 100% / 5 );
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content.vag-6 .item {
  width: calc( 100% / 6 );
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item {
  position: relative;
  height: 100%;
  color: #fff;
  background-color: #333;
  overflow: hidden;
  transition: width 1s linear;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item .inner {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  transition: transform 1s linear ;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item .inner .bjPic {
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 1s linear 0s, background-position-x 1s linear 0s;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item .inner .dir {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 1.5s linear 0.3s;
  text-align: center;
  white-space: nowrap;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item .inner .dir a {
  transition: transform 0.2s linear;
  display: block;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item .inner .dir a:hover {
  transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item .inner .dir h3 {
  font-size: 1.042vw;
  font-weight: 200;
  font-stretch: normal;
  line-height: 1.042vw;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 1.458vw;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item .inner .dir p {
  font-size: 0.729vw;
  font-weight: 200;
  font-stretch: normal;
  line-height: 0.729vw;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 11.51vw;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item .inner .dir i {
  font-size: 47px;
  color: #ffffff;
  transform-style: preserve-3d;
  display: block;
  cursor: pointer;
  transition: transform 0.2s linear;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item .inner .dir i:hover {
  transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item .inner .dir i.close {
  float: none;
  opacity: 1;
  transform: rotateZ(180deg);
  display: inline-block;
  font-weight: normal;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item .inner .dir i.close:hover {
  transform: rotateZ(180deg) scale(1.3);
  -moz-transform: rotateZ(180deg) scale(1.3);
  -webkit-transform: rotateZ(180deg) scale(1.3);
  -o-transform: rotateZ(180deg) scale(1.3);
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item:nth-of-type(2) .inner .bjPic {
  background-position-x: -54vw;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item:nth-of-type(3) .inner .bjPic {
  background-position-x: -32vw;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item:not(.active):hover .inner .bjPic {
  opacity: 1;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper .content .item:not(.active):hover .inner .dir {
  font-size: 18px;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper.init .content .item .inner {
  transform: translateY(100%);
}
#index.swiper-container .swiper-slide.slide-3 .wrapper.startShowItem .content .item {
  transition: width 1s linear ;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper.startShowItem .content .item.active {
  width: 100%;
  cursor: default;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper.startShowItem .content .item.active .inner .bjPic {
  background-position-x: 0px;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper.startShowItem .content .item:not(.active) {
  width: 0%;
}
#index.swiper-container .swiper-slide.slide-3 .wrapper.startShowItem .content .item .inner .dir {
  opacity: 1;
  transition: opacity 1.5s linear 0.2s;
}
#index.swiper-container .swiper-slide.slide-4 {
  background-color: white;
  overflow: hidden;
}
#index.swiper-container .swiper-slide.slide-4 .content {
  width: 87.135vw;
  margin: 130px auto 0;
}
#index.swiper-container .swiper-slide.slide-4 .content section {
  margin-bottom: 2.604vw;
}
#index.swiper-container .swiper-slide.slide-4 .content section h3 {
  font-size: 0.833vw;
  font-weight: bold;
  font-stretch: normal;
  line-height: 0.833vw;
  letter-spacing: -0.6px;
  color: #333333;
  margin-bottom: 0.729vw;
}
#index.swiper-container .swiper-slide.slide-4 .content section p {
  font-size: 0.625vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.625vw;
  letter-spacing: -0.3px;
  color: #333333;
}
#index.swiper-container .swiper-slide.slide-4 .content section div.swiper-case-prev {
  width: 1.875vw;
  height: 1.875vw;
  background-color: #d6131f;
  color: white;
  margin-right: 1.563vw;
}
#index.swiper-container .swiper-slide.slide-4 .content section div.swiper-case-prev:hover {
  background-color: #c00914;
}
#index.swiper-container .swiper-slide.slide-4 .content section div.swiper-case-prev.swiper-button-disabled {
  background-color: #666666;
  cursor: default;
}
#index.swiper-container .swiper-slide.slide-4 .content section div.swiper-case-prev i {
  display: block;
  transform: perspective(200px) rotateZ(180deg);
  font-size: 0.833vw;
  text-align: center;
  line-height: 1.875vw;
}
#index.swiper-container .swiper-slide.slide-4 .content section div.swiper-case-next {
  width: 1.875vw;
  height: 1.875vw;
  background-color: #d6131f;
  color: white;
}
#index.swiper-container .swiper-slide.slide-4 .content section div.swiper-case-next:hover {
  background-color: #c00914;
}
#index.swiper-container .swiper-slide.slide-4 .content section div.swiper-case-next.swiper-button-disabled {
  background-color: #666666;
  cursor: default;
}
#index.swiper-container .swiper-slide.slide-4 .content section div.swiper-case-next i {
  font-size: 0.833vw;
  text-align: center;
  line-height: 1.875vw;
  display: block;
}
#index.swiper-container .swiper-slide.slide-4 .content #container-case .swiper-wrapper .swiper-slide {
  height: 37.333vw;
}
#index.swiper-container .swiper-slide.slide-4 .content #container-case .swiper-wrapper .swiper-slide img {
  width: 100%;
}
#index.swiper-container .swiper-slide.slide-4 .content #container-case .swiper-wrapper .swiper-slide div.text {
  width: calc( 100% - 30px );
  margin: -6.146vw auto 0;
  background-color: #ffffff;
  box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.15);
  opacity: 0.95;
  padding: 1.345vw 1.667vw;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -ms-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
}
#index.swiper-container .swiper-slide.slide-4 .content #container-case .swiper-wrapper .swiper-slide div.text h3 {
  font-size: 0.729vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.729vw;
  letter-spacing: -0.4px;
  color: #333333;
  margin-bottom: 1.094vw;
}
#index.swiper-container .swiper-slide.slide-4 .content #container-case .swiper-wrapper .swiper-slide div.text p {
  font-size: 0.625vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.25vw;
  letter-spacing: -0.3px;
  color: #666666;
  margin-bottom: 1.979vw;
}
#index.swiper-container .swiper-slide.slide-4 .content #container-case .swiper-wrapper .swiper-slide div.text .btn {
  font-size: 0.625vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: -0.3px;
  color: #666666;
  text-align: center;
  width: 5.521vw;
  height: 1.458vw;
  display: block;
  border-radius: 14.878px;
  border: solid 1px #999999;
  transition: 0.5s;
}
#index.swiper-container .swiper-slide.slide-4 .content #container-case .swiper-wrapper .swiper-slide div.text:hover {
  margin-top: -7.708vw;
  color: #d6131f;
}
#index.swiper-container .swiper-slide.slide-4 .content #container-case .swiper-wrapper .swiper-slide div.text:hover h3 {
  color: #d6131f;
}
#index.swiper-container .swiper-slide.slide-4 .content #container-case .swiper-wrapper .swiper-slide div.text:hover p {
  color: #d6131f;
}
#index.swiper-container .swiper-slide.slide-4 .content #container-case .swiper-wrapper .swiper-slide div.text:hover .btn {
  color: #d6131f;
  border-color: #d6131f;
}
#index.swiper-container .swiper-slide.slide-4 aside.service-index ul li div.bottom i {
  color: #333333;
}
#index.swiper-container .swiper-slide.slide-4 aside.service-index ul li div.bottom:hover i {
  color: #d6131f;
}
#index.swiper-container .swiper-slide.slide-4 aside.service-index ul li:hover div.top {
  opacity: 1;
}
#index.swiper-container .swiper-slide.slide-5 {
  background-image: url("http://img.moloney.com.cn/upload/2019-03-25/5c98b3d26504f.jpg");
  background-size: 100% 100%;
}
#index.swiper-container .swiper-slide.slide-5 .content {
  width: 87.135vw;
  margin: 168px auto 0;
  overflow: hidden;
}
#index.swiper-container .swiper-slide.slide-5 .content section {
  margin-bottom: 2.604vw;
}
#index.swiper-container .swiper-slide.slide-5 .content section h3 {
  font-size: 0.833vw;
  font-weight: bold;
  font-stretch: normal;
  line-height: 0.833vw;
  letter-spacing: -0.6px;
  color: #333333;
  margin-bottom: 0.729vw;
}
#index.swiper-container .swiper-slide.slide-5 .content section p {
  font-size: 0.625vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.625vw;
  letter-spacing: -0.3px;
  color: #333333;
}
#index.swiper-container .swiper-slide.slide-5 .content section a.btn {
  width: 5.156vw;
  height: 1.927vw;
  background-color: #d6131f;
  font-size: 0.625vw;
  line-height: 1.927vw;
  letter-spacing: 0px;
  color: #ffffff;
  border-radius: 0;
  font-weight: 200;
  padding: 0;
}
#index.swiper-container .swiper-slide.slide-5 .content section a.btn:hover {
  background-color: #c00914;
}
#index.swiper-container .swiper-slide.slide-5 .content #container-news-left {
  width: 42.71vw;
  height: 31.302vw;
}
#index.swiper-container .swiper-slide.slide-5 .content #container-news-left .swiper-wrapper .swiper-slide .text {
  padding: 0.83vw 2.656vw;
  color: #333333;
  position: relative;
  background-color: #fff;
}
#index.swiper-container .swiper-slide.slide-5 .content #container-news-left .swiper-wrapper .swiper-slide .text:hover {
  color: white;
  background-color: #d6131f;
}
#index.swiper-container .swiper-slide.slide-5 .content #container-news-left .swiper-wrapper .swiper-slide .text span.time {
  width: 3.542vw;
  height: 3.542vw;
  background-color: #d6131f;
  font-size: 0.833vw;
  font-weight: 300;
  font-stretch: normal;
  line-height: 3.542vw;
  text-align: center;
  letter-spacing: 0vw;
  color: #ffffff;
  display: inline-block;
}
#index.swiper-container .swiper-slide.slide-5 .content #container-news-left .swiper-wrapper .swiper-slide .text p {
  position: absolute;
  left: 8.281vw;
  top: 50%;
  transform: translate(0, -50%);
  width: 28.906vw;
  font-size: 0.729vw;
  font-weight: 300;
  font-stretch: normal;
  line-height: 1.355vw;
  letter-spacing: 0vw;
}
#index.swiper-container .swiper-slide.slide-5 .content #container-news-left .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .text {
  color: white;
  background-color: #d6131f;
}
#index.swiper-container .swiper-slide.slide-5 .content #container-news-right {
  width: 44.421vw;
  height: 31.302vw;
}
#index.swiper-container .swiper-slide.slide-5 .content #container-news-right .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
}
#index.swiper-container .swiper-slide.slide-footer {
  height: auto;
}
#index.swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  margin: 30px auto;
  opacity: 1;
}
#index.swiper-container .swiper-pagination .swiper-pagination-bullet:hover {
  background-color: #d6131f;
}
#index.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 14px;
  height: 14px;
  background-color: #ffffff;
}
#index.swiper-container .swiper-pagination .swiper-pagination-bullet-active:hover {
  background-color: #d6131f;
}
#index.swiper-container .swiper-pagination.red .swiper-pagination-bullet {
  background-color: #d6131f;
}
#index.swiper-container .swiper-pagination.red .swiper-pagination-bullet:hover {
  background-color: #c00914;
}
#index.swiper-container .swiper-pagination.red .swiper-pagination-bullet-active {
  background-color: #d6131f;
}
#index.swiper-container .swiper-pagination.red .swiper-pagination-bullet-active:hover {
  background-color: #c00914;
}
.view {
  padding: 30px 6.406vw 70px;
  overflow: hidden;
  background-color: #f2f2f2;
}
.view article {
  margin-top: 30px;
  padding: 3.073vw;
  position: relative;
  width: 1010px;
  margin: 30px auto;
  background-color: white;
}
.view article h2,
.view article h1 {
  margin-bottom: 1.563vw;
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 56px;
  letter-spacing: 0px;
}
.view article span {
  font-size: 0.729vw;
  line-height: 1;
  margin-bottom: 1.563vw;
  display: block;
  letter-spacing: 0.016vw;
  color: #333333;
}
.view article .view-content {
  width: 900px;
  margin: 0 auto;
}
.view article .view-content p {
  font-size: 0.729vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.667vw;
  letter-spacing: 0.021vw;
  color: #333333;
  margin-bottom: 2.083vw;
}
.view article .view-content p img {
  width: 100%;
}
.product-content {
  padding: 30px 3.125vw 70px;
  background-color: white;
  border-bottom: 1px solid #dedede;
  overflow: hidden;
}
.product-content aside {
  width: 14.583vw;
  margin-top: 30px;
}
.product-content aside ul li {
  width: 14.583vw;
  height: 10.729vw;
  overflow: hidden;
  margin-bottom: 1.042vw;
  position: relative;
}
.product-content aside ul li img {
  width: 14.583vw;
  height: 10.729vw;
  position: relative;
}
.product-content aside ul li div.text {
  position: absolute;
  top: -4.271vw;
  left: 0;
  transition: top 0.1s;
}
.product-content aside ul li div.text div.top {
  width: 14.583vw;
  height: 10.729vw;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  padding-top: 3.229vw;
  opacity: 0;
  transition: opacity 0.2s 0.1s;
}
.product-content aside ul li div.text div.top h2 {
  font-size: 0.729vw;
  line-height: 1;
  letter-spacing: 0vw;
  color: #ffffff;
  position: relative;
  margin-bottom: 1.927vw;
}
.product-content aside ul li div.text div.top h2::after {
  content: '';
  position: absolute;
  bottom: -1.042vw;
  left: 50%;
  transform: translate(-50%, 0);
  width: 1.667vw;
  height: 0.104vw;
  background-color: #d7131f;
}
.product-content aside ul li div.text div.top a {
  display: block;
  margin-bottom: 0.625vw;
  font-size: 0.625vw;
  line-height: 1;
  color: #ffffff;
}
.product-content aside ul li div.text div.top a:hover {
  color: #d6131f;
}
.product-content aside ul li div.text div.bottom {
  display: flex;
  justify-content: center;
  background-color: #f5f5f5;
  flex-direction: column;
  text-align: center;
  width: 100%;
  height: 4.271vw;
}
.product-content aside ul li div.text div.bottom h2 {
  font-size: 0.729vw;
  line-height: 1.458vw;
  color: #333333;
}
.product-content aside ul li div.text div.bottom span {
  font-size: 0.625vw;
  line-height: 1.458vw;
  color: #666666;
}
.product-content aside ul li:hover div.text {
  top: 0;
}
.product-content aside ul li:hover div.text div.top {
  opacity: 1;
}
.product-content section {
  width: 76.667vw;
  margin-top: 30px;
}
.product-content section ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.product-content section ul li {
  width: 24.479vw;
  margin-bottom: 1.563vw;
}
.product-content section ul li a img {
  width: 100%;
}
.product-content section ul li a div.text {
  display: flex;
  justify-content: center;
  background-color: #f5f5f5;
  flex-direction: column;
  text-align: center;
  width: 100%;
  height: 4.948vw;
  transition: all 0.5s;
}
.product-content section ul li a div.text h2 {
  font-size: 0.729vw;
  line-height: 1.458vw;
  color: #333333;
}
.product-content section ul li a div.text span {
  font-size: 0.625vw;
  line-height: 1.354vw;
  color: #666666;
}
.product-content section ul li a:hover div.text {
  background-color: #d6131f;
}
.product-content section ul li a:hover div.text h2 {
  color: white;
}
.product-content section ul li a:hover div.text span {
  color: white;
}
.product-view {
  padding: 1.563vw 6.406vw 5.208vw;
}
.product-view section.content {
  margin-top: 30px;
  background: white;
  padding: 3.125vw;
}
.product-view section.content div.top {
  position: relative;
  margin-bottom: 60px;
}
.product-view section.content div.top img {
  width: 41.667vw;
}
.product-view section.content div.top div.text {
  position: absolute;
  top: 50%;
  left: 47.292vw;
  transform: translate(0, -50%);
  max-width: 33.542vw;
}
.product-view section.content div.top div.text h2,
.product-view section.content div.top div.text h1 {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.016vw;
  color: #333333;
  margin-bottom: 20px ;
}
.product-view section.content div.top div.text small {
  max-width: 33.542vw;
  border-bottom: 1px solid #dedede;
  padding: 0 50px 30px 0;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.3px;
  color: #333333;
  display: block;
  margin-bottom: 1.563vw;
}
.product-view section.content div.top div.text p {
  margin-bottom: 1.563vw;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.3px;
  color: #333333;
}
.product-view section.content div.top div.text p span {
  display: inline-block;
  width: 100px;
  text-align-last: justify;
  text-align: justify;
}
.product-view section.content div.top div.text div.button a.btn {
  width: 178px;
  height: 48px;
  background-color: #666666;
  color: #ffffff;
  border-radius: 0;
  line-height: 48px;
  padding: 0;
  margin-right: 20px;
}
.product-view section.content div.top div.text div.button a.btn.btn1 {
  background-color: #d6131f;
}
.product-view section.content div.top div.text div.button a.btn.btn1:hover {
  background-color: #c00914;
}
.product-view section.content div.top div.text div.button a.btn:hover {
  background-color: #d6131f;
}
.product-view section.content div.bottom div#product-top {
  margin-bottom: 40px;
}
.product-view section.content div.bottom div#product-top .swiper-wrapper .swiper-slide {
  border: solid 1px #d6131f;
  font-size: 14px;
  line-height: 3.125vw;
  color: #d6131f;
  text-align: center;
}
.product-view section.content div.bottom div#product-top .swiper-wrapper .swiper-slide:not(:first-child) {
  border-left: 1px;
}
.product-view section.content div.bottom div#product-top .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  background-color: #d6131f;
  color: #ffffff;
}
.product-view section.content div.bottom div#product-bottom {
  height: auto;
}
.product-view section.content div.bottom div#product-bottom .swiper-wrapper .swiper-slide.product-details .product-content {
  width: 900px;
  margin: 0 auto;
}
.product-view section.content div.bottom div#product-bottom .swiper-wrapper .swiper-slide.product-details .product-content img {
  width: 100%;
}
.product-view section.content div.bottom div#product-bottom .swiper-wrapper .swiper-slide.product-data {
  padding: 20px ;
}
.product-view section.content div.bottom div#product-bottom .swiper-wrapper .swiper-slide.product-data aside {
  margin-right: 68px;
  display: inline-block;
  width: 256px;
  height: 268px;
  background-color: #ffffff;
  box-shadow: 0px 1px 27px 0px rgba(0, 0, 0, 0.13);
  padding: 38px 0;
  text-align: center;
}
.product-view section.content div.bottom div#product-bottom .swiper-wrapper .swiper-slide.product-data aside h4 {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.3px;
  color: #333333;
}
.product-view section.content div.bottom div#product-bottom .swiper-wrapper .swiper-slide.product-data aside img {
  width: 75px;
  height: 75px;
  margin-top: 30px;
  margin-bottom: 40px;
}
.product-view section.content div.bottom div#product-bottom .swiper-wrapper .swiper-slide.product-data aside a {
  display: block;
  margin: 0 auto;
  width: 129px;
  height: 32px;
  background-color: #666666;
  border-radius: 15px;
  font-size: 14px;
  line-height: 30px;
  color: #ffffff;
  padding: 0;
}
.product-view section.content div.bottom div#product-bottom .swiper-wrapper .swiper-slide.product-data aside a i {
  margin-left: 0.521vw;
}
.product-view section.content div.bottom div#product-bottom .swiper-wrapper .swiper-slide.product-data aside a:hover {
  background-color: #d6131f;
}
.product-view section.content div.bottom div#product-bottom .swiper-wrapper .swiper-slide.product-respond h2 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 5px;
}
.product-view section.content div.bottom div#product-bottom .swiper-wrapper .swiper-slide.product-respond p {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #666666;
  margin-bottom: 35px;
}
.case {
  padding: 30px 6.406vw 70px;
  background-color: white;
  border-bottom: 1px solid #dedede;
  overflow: hidden;
}
.case section {
  margin-top: 30px;
  margin-bottom: 4.167vw;
  height: 28.958vw;
  width: 100%;
  background-color: #f7f7f7;
}
.case section .case-item-img {
  width: 49vw;
  height: 28.958vw;
  float: left;
}
.case section .case-item-img .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.case section .case-item-img .swiper-pagination {
  width: auto;
  left: initial;
  right: 0;
  bottom: 24px;
}
.case section .case-item-img .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  margin: auto 30px ;
  opacity: 1;
}
.case section .case-item-img .swiper-pagination .swiper-pagination-bullet-active {
  width: 14px;
  height: 14px;
  background-color: #ffffff;
}
.case section .case-item-img .swiper-pagination.red .swiper-pagination-bullet {
  background-color: #d6131f;
}
.case section .case-item-img .swiper-pagination.red .swiper-pagination-bullet-active {
  background-color: #d6131f;
}
.case section div.text {
  width: 37vw;
  height: 28.958vw;
  display: flex;
  justify-content: center;
  padding-left: 5.156vw;
  float: right;
  flex-direction: column;
}
.case section div.text h2 {
  font-size: 0.833vw;
  line-height: 1;
  color: #333333;
  position: relative;
  margin-bottom: 3.968vw;
}
.case section div.text h2:after {
  content: "";
  position: absolute;
  bottom: -1.563vw;
  left: 0;
  width: 2.604vw;
  height: 0.052vw;
  background-color: #333333;
}
.case section div.text p {
  font-size: 0.729vw;
  line-height: 1 ;
  color: #666666;
  margin-bottom: 1.667vw;
}
.case section div.text p i {
  font-size: 0.729vw;
  margin-right: 12px;
}
.case section div.text a {
  border-radius: 25px;
  width: 8.75vw;
  height: 2.24vw;
  background-color: #d6131f;
  padding: 0;
  line-height: 2.24vw;
  color: #fff;
}
.case section div.text a i {
  position: relative;
  left: 0;
  transition: left 0.5s;
}
.case section div.text a:hover i {
  left: 10px;
}
.case section:nth-child(2n-1) .case-item-img {
  float: right;
}
.case section:nth-child(2n-1) div.text {
  float: left;
}
.news {
  padding: 30px 6.406vw 70px;
  overflow: hidden;
  background-color: #f2f2f2;
}
.news section {
  margin-top: 30px;
  padding: 1.563vw;
  position: relative;
  width: 100%;
  height: 20.833vw;
  background-color: white;
}
.news section img {
  width: 23.229vw;
  height: 17.708vw;
}
.news section div.text {
  width: 52vw;
  height: 17.708vw;
  display: flex;
  justify-content: center;
  padding-left: 3.073vw;
  flex-direction: column;
}
.news section div.text h2 {
  font-size: 0.833vw;
  line-height: 1 ;
  margin-bottom: 2.083vw;
  color: #333333;
}
.news section div.text p {
  font-size: 0.729vw;
  line-height: 1.667vw;
  letter-spacing: -0.005vw;
  color: #666666;
  margin-bottom: 6.666vw;
}
.news section div.text span {
  font-size: 0.729vw;
  line-height: 1 ;
  color: #666666;
}
.news section a.btn {
  transition: all 0.5s;
  height: 100%;
  width: 4.115vw;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 20.833vw;
  border-left: 1px #dedede solid;
  border-radius: 0;
}
.news section:hover a.btn {
  background-color: #d6131f;
  color: white;
}
.news section:hover div.text h2 {
  color: #d6131f;
}
.news aside {
  margin-top: 3.125vw;
}
.about section.top {
  background: url(http://img.moloney.com.cn/upload/2019-07-29/5d3eb7be1a3c3.jpg);
  background-size: 100%;
  width: 100%;
  height: 35.79vw;
  position: relative;
  background-repeat: no-repeat;
}
.about section.top div.text {
  position: absolute;
  bottom: 7.907vw;
  left: 11.146vw;
}
.about section.top div.text p {
  font-size: 1.042vw;
  line-height: 1;
  letter-spacing: 0.021vw;
  color: #ffffff;
  margin-bottom: 1vw;
}
.about section.top div.text span {
  font-size: 0.625vw;
  line-height: 1;
  letter-spacing: 0.01vw;
  color: #ffffff;
  margin-bottom: 1vw;
  display: block;
}
.about section.top div.text h4 {
  font-size: 1.667vw;
  line-height: 1  ;
  color: #ffffff;
}
.about section.top ul {
  width: 87.188vw;
  height: 11.979vw;
  background-color: #ffffff;
  box-shadow: 0vw 0.052vw 2.604vw 0vw rgba(0, 0, 0, 0.09);
  position: absolute;
  bottom: -6vw;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: space-between;
  padding: 2.604vw 0;
}
.about section.top ul li {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 25%;
  text-align: center;
  padding: 21px 0;
}
.about section.top ul li h3 {
  font-size: 2.917vw;
  line-height: 2.917vw;
  color: #d6131f;
  width: auto;
  margin: 0 auto;
  position: relative;
  display: inline-block;
}
.about section.top ul li h3 i {
  font-size: 1.25vw;
  color: #d6131f;
  position: absolute;
  line-height: 1;
}
.about section.top ul li h3 small {
  font-size: 0.729vw;
  color: #333333;
  margin-left: 13px;
  position: relative;
  top: -2px;
}
.about section.top ul li h3 span {
  font-size: 2.2vw;
  position: relative;
  top: -0.4vw;
}
.about section.top ul li:not(:first-child) {
  border-left: 1px solid #dedede;
}
.about section.us {
  background: #F0F0F0;
  padding: 7.522vw 6.406vw;
}
.about section.us div.content {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: 5.313vw;
}
.about section.us div.content img {
  width: 44.271vw;
  margin-bottom: 6.667vw;
}
.about section.us div.content article {
  width: 37.188vw;
}
.about section.us div.content article h2 {
  font-weight: 700;
  font-size: 0.833vw;
  line-height: 1;
  letter-spacing: -0.016vw;
  color: #333333;
  margin-bottom: 3.698vw;
}
.about section.us div.content article p {
  line-height: 1.458vw;
  font-size: 0.729vw;
  font-weight: normal;
  letter-spacing: 0.005vw;
  color: #666666;
}
.about section.CERTIFICATIONS {
  background: #fff;
  padding: 7.76vw 6.406vw;
  border-bottom: 1px solid #dedede;
}
.about section.CERTIFICATIONS div.content {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: 5.313vw;
}
.about section.CERTIFICATIONS div.content img {
  width: 31.354vw;
  margin-right: 4.479vw;
}
.about section.CERTIFICATIONS div.content article {
  width: 37.188vw;
}
.about section.CERTIFICATIONS div.content article h2 {
  font-weight: 700;
  font-size: 0.833vw;
  line-height: 1;
  letter-spacing: -0.016vw;
  color: #333333;
  margin-bottom: 3.698vw;
}
.about section.CERTIFICATIONS div.content article p {
  line-height: 1.458vw;
  font-size: 0.729vw;
  font-weight: normal;
  letter-spacing: 0.005vw;
  color: #666666;
}
.contact {
  width: 100vw;
  height: 46.927vw;
  position: relative;
  background-image: url("http://img.moloney.com.cn/upload/2019-04-09/5cac3d2b9b087.jpg");
  background-size: cover;
}
.contact article.content {
  width: 87.188vw;
  height: 29.896vw;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  transform: translate(-50%, -50%);
  top: 58.5%;
  left: 50%;
  padding: 1.563vw 3.125vw;
}
.contact article.content div.text div#map {
  width: 42.969vw;
  height: 23.646vw;
}
.contact article.content div.text div#contact-top {
  width: 28.275vw;
  height: 2.604vw;
  margin-top: 1.51vw;
}
.contact article.content div.text div#contact-top .swiper-wrapper .swiper-slide {
  border: solid 1px #d6131f;
  font-size: 14px;
  line-height: 2.604vw;
  color: #d6131f;
  text-align: center;
}
.contact article.content div.text div#contact-top .swiper-wrapper .swiper-slide:not(:first-child) {
  border-left: 0;
}
.contact article.content div.text div#contact-top .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  background-color: #d6131f;
  color: #ffffff;
}
.contact article.content div.text div#contact-bottom {
  margin-top: 2.813vw;
  width: 28.275vw;
}
.contact article.content div.text div#contact-bottom .swiper-wrapper .swiper-slide p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 1.825vw;
}
.contact article.content div.text div#contact-bottom .swiper-wrapper .swiper-slide p i {
  font-size: 14px;
  color: #d6131f;
  margin-right: 14px;
}
.contact article.content section.QR-Code {
  position: absolute;
  bottom: 2.552vw;
}
.contact article.content section.QR-Code aside {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 3.542vw;
  margin-right: 2.083vw;
}
.contact article.content section.QR-Code aside img.QR-img {
  position: absolute;
  width: 100px!important;
  height: 100px!important;
  top: -6.563vw;
  transition: opacity 0.2s;
  opacity: 0;
}
.contact article.content section.QR-Code aside img.white {
  position: absolute;
  width: 72px;
  height: 68px;
  top: 0;
  opacity: 1;
  transition: opacity 0.2s;
  left: 50%;
  transform: translate(-50%, 0);
}
.contact article.content section.QR-Code aside img.red {
  top: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 72px;
  height: 68px;
  opacity: 0;
  transition: opacity 0.2s;
}
.contact article.content section.QR-Code aside:hover img.QR-img {
  opacity: 1;
}
.contact article.content section.QR-Code aside:hover img.white {
  opacity: 0;
}
.contact article.content section.QR-Code aside:hover img.red {
  opacity: 1;
}
footer#index_footer {
  background-color: white;
}
footer#index_footer section {
  padding: 5.208vw 6.406vw;
  overflow: hidden;
}
footer#index_footer section dl {
  width: 11.775vw;
}
footer#index_footer section dl dt {
  font-size: 0.729vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.729vw;
  letter-spacing: 0vw;
  color: #333333;
  margin-bottom: 2.604vw;
}
footer#index_footer section dl dd {
  font-size: 0.625vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.625vw;
  letter-spacing: 0vw;
  color: #666666;
  margin-bottom: 1.25vw;
}
footer#index_footer section dl dd span:hover {
  color: #d6131f;
}
footer#index_footer section dl.img {
  text-align: center;
  width: auto;
  margin-right: 130px;
}
footer#index_footer section dl.img dt {
  width: 100%;
  text-align: center;
}
footer#index_footer section dl.img dd img {
  width: 5.104vw;
}
footer#index_footer div.tel {
  font-size: 1.042vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.458vw;
  letter-spacing: 0px;
  color: #d6131f;
  text-align: center;
}
footer#index_footer p {
  margin-top: 0.99vw;
  text-align: center;
  border-top: 1px solid #dedede;
  height: 2.656vw;
  font-size: 0.625vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2.656vw;
  letter-spacing: 0px;
  color: #666666;
}
footer.footer_all {
  background-color: white;
}
footer.footer_all section {
  padding: 5.208vw 120px;
  overflow: hidden;
}
footer.footer_all section dl {
  width: 11.775vw;
}
footer.footer_all section dl dt {
  font-size: 0.729vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.729vw;
  letter-spacing: 0vw;
  color: #333333;
  margin-bottom: 2.604vw;
}
footer.footer_all section dl dd {
  font-size: 0.625vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.625vw;
  letter-spacing: 0vw;
  color: #666666;
  margin-bottom: 1.25vw;
}
footer.footer_all section dl dd span:hover {
  color: #d6131f;
}
footer.footer_all section dl.img {
  text-align: center;
  width: auto;
  margin-right: 130px;
}
footer.footer_all section dl.img dt {
  width: 100%;
  text-align: center;
}
footer.footer_all section dl.img dd img {
  width: 5.104vw;
}
footer.footer_all section dl.add {
  margin-right: 180px;
  width: auto;
}
footer.footer_all section dl.add dt img {
  width: 118px;
  height: 14px;
}
footer.footer_all section dl.add dd {
  line-height: 1;
  height: auto;
  margin-bottom: 20px;
}
footer.footer_all section dl.add dd.item {
  color: rgba(51, 51, 51, 0.3);
  font-size: 16px;
}
footer.footer_all section dl.add dd.tel {
  font-size: 28px;
  line-height: 1;
  color: #d6131f;
}
footer.footer_all section dl.add dd a {
  color: rgba(51, 51, 51, 0.3);
}
footer.footer_all section dl.add dd a.active {
  color: #333333;
}
footer.footer_all section dl.add dd a:hover {
  color: #d6131f;
}
footer.footer_all section dl.add dd p {
  line-height: 1;
  height: auto;
  border: 0;
  text-align: left;
}
footer.footer_all section dl.add dd p span {
  display: none;
}
footer.footer_all section dl.add dd p span.active {
  display: inline-block;
}
footer.footer_all > div {
  padding: 0 120px;
  font-size: 12px;
  letter-spacing: 0.6px;
  color: #333333;
  overflow: hidden;
}
footer.footer_all > div span {
  display: inline-block;
  text-align: left;
  margin-right: 50px;
  margin-bottom: 20px;
}
footer.footer_all aside.link {
  margin-top: 0.99vw;
  border-top: 1px solid #dedede;
  height: 2.656vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2.656vw;
  padding: 0 120px;
  text-align: left;
  font-size: 12px;
  letter-spacing: 0.6px;
  color: #333333;
}
footer.footer_all aside.link span {
  height: 2.656vw;
}
footer.footer_all aside.link .slide-link {
  width: calc( 100% - 100px   );
  padding: 0;
  display: inline-block;
}
footer.footer_all aside.link .slide-link .swiper-wrapper {
  padding: 0;
}
footer.footer_all aside.link .slide-link .swiper-wrapper .swiper-slide {
  padding: 0 10px;
  width: auto !important;
}
footer.footer_all aside.link .slide-link .swiper-wrapper .swiper-slide a {
  color: #333333;
}
footer.footer_all aside.link .slide-link .swiper-wrapper .swiper-slide a:hover {
  color: #d6131f;
}
#modal-menu .modal-dialog {
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
}
#modal-menu .modal-dialog .modal-content {
  background-color: #000000;
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
}
#modal-menu .modal-dialog .modal-content .modal-body {
  overflow: hidden;
  padding: 0;
}
#modal-menu .modal-dialog .modal-content .modal-body .menu-button {
  position: absolute;
  top: 52px;
  right: 50px;
  transform: translate(0, -50%);
  cursor: pointer;
  width: 40px;
  height: 26px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 10;
}
#modal-menu .modal-dialog .modal-content .modal-body .menu-button .bar {
  position: relative;
  display: block;
  height: 4px;
  width: 40px;
  margin: 6px auto;
  background-color: #fff;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#modal-menu .modal-dialog .modal-content .modal-body .menu-button .bar:nth-of-type(1) {
  margin-top: 0px;
}
#modal-menu .modal-dialog .modal-content .modal-body .menu-button .bar:nth-of-type(3) {
  margin-bottom: 0px;
}
#modal-menu .modal-dialog .modal-content .modal-body .menu-button.cross .bar:nth-of-type(1) {
  -webkit-transform: translateY(11px) rotate(-45deg);
  -ms-transform: translateY(11px) rotate(-45deg);
  transform: translateY(11px) rotate(-45deg);
}
#modal-menu .modal-dialog .modal-content .modal-body .menu-button.cross .bar:nth-of-type(2) {
  opacity: 0;
}
#modal-menu .modal-dialog .modal-content .modal-body .menu-button.cross .bar:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  -ms-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg);
}
#modal-menu .modal-dialog .modal-content .modal-body .menu-button.cross:hover .bar {
  background-color: #d6131f;
}
#modal-menu .modal-dialog .modal-content .modal-body ul {
  background-color: white;
  width: 101vw;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li {
  display: flex !important;
  align-items: center;
  /*垂直居中*/
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
  height: 50vh;
  width: 33.33vw;
  position: relative;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a {
  line-height: 1;
  position: relative;
  width: 15vw;
  height: 15vw;
  padding-top: 3.333vw;
  overflow: hidden;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a:before {
  transform: translate(0, -50%);
  position: absolute;
  right: -127px;
  top: 50%;
  width: 1px;
  height: 23.867vw;
  background-color: #dedede;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a img {
  width: 1.875vw;
  height: 1.875vw;
  margin-bottom: 3.17vw;
  transition: opacity 0.3s, transform 1s;
  transform: rotateY(0deg);
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a img.white {
  display: none;
  opacity: 0;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a img.red {
  display: inline-block;
  opacity: 1 ;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a h2 {
  font-size: 0.833vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.833vw;
  letter-spacing: 0px;
  color: #ffffff;
  position: relative;
  margin-bottom: 0.718vw;
  transition: color 0.3s;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a h2::before {
  content: "";
  width: 7.24vw;
  height: 1px;
  border: dashed 1px #444444;
  position: absolute;
  left: 50%;
  top: -1.51vw;
  transform: translate(-50%, 0);
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a span {
  font-size: 0.729vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.729vw;
  letter-spacing: 0px;
  color: #ffffff;
  position: relative;
  transition: color 0.3s;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a span::before {
  content: "";
  height: 1px;
  border: solid 1px #d7131f;
  position: absolute;
  left: 50%;
  bottom: -24px;
  transform: translate(-50%, 0);
  width: 0.729vw;
  transition: border 0.3s;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a .tp_sp,
#modal-menu .modal-dialog .modal-content .modal-body ul li a .lt_sp,
#modal-menu .modal-dialog .modal-content .modal-body ul li a .rt_sp,
#modal-menu .modal-dialog .modal-content .modal-body ul li a .bm_sp {
  position: absolute;
  background: #d20000;
  transition: all 0.3s;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a .tp_sp,
#modal-menu .modal-dialog .modal-content .modal-body ul li a .bm_sp {
  width: 100%;
  height: 3px;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a .lt_sp,
#modal-menu .modal-dialog .modal-content .modal-body ul li a .rt_sp {
  height: 100%;
  width: 3px;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a .bm_sp {
  bottom: 0;
  right: -100%;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a .tp_sp {
  top: 0;
  left: -100%;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a .lt_sp {
  left: 0;
  bottom: -100%;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li a .rt_sp {
  right: 0;
  top: -100%;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li:hover .bm_sp {
  right: 0;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li:hover .tp_sp {
  left: 0;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li:hover .lt_sp {
  bottom: 0;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li:hover .rt_sp {
  top: 0;
}
#modal-menu .modal-dialog .modal-content .modal-body ul li:hover img {
  width: 1.875vw;
  height: 1.875vw;
  margin-bottom: 3.17vw;
  transform: rotateY(180deg);
}
div.location a {
  font-size: 0.625vw;
  line-height: 1;
  letter-spacing: 0.01vw;
  color: #333333;
}
div.location a:hover {
  color: #d6131f;
}
div.location span {
  font-size: 0.625vw;
  letter-spacing: 0.01vw;
  color: #d6131f;
}
section.relation {
  background-color: white;
  overflow: hidden;
  margin-top: 60px;
  padding: 3.125vw;
  width: 87.135vw;
}
section.relation aside {
  margin-bottom: 2.604vw;
}
section.relation aside h3 {
  font-size: 0.833vw;
  font-weight: bold;
  font-stretch: normal;
  line-height: 0.833vw;
  letter-spacing: -0.6px;
  color: #333333;
  margin-bottom: 0.729vw;
}
section.relation aside p {
  font-size: 0.625vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.625vw;
  letter-spacing: -0.3px;
  color: #333333;
}
section.relation aside div.swiper-case-prev {
  width: 1.875vw;
  height: 1.875vw;
  background-color: #d6131f;
  color: white;
  margin-right: 1.563vw;
}
section.relation aside div.swiper-case-prev:hover {
  background-color: #c00914;
}
section.relation aside div.swiper-case-prev.swiper-button-disabled {
  background-color: #666666;
  cursor: default;
}
section.relation aside div.swiper-case-prev:focus {
  outline: none;
}
section.relation aside div.swiper-case-prev i {
  display: block;
  transform: perspective(200px) rotateZ(180deg);
  font-size: 0.833vw;
  text-align: center;
  line-height: 1.875vw;
}
section.relation aside div.swiper-case-prev i:focus {
  outline: none;
}
section.relation aside div.swiper-case-next {
  width: 1.875vw;
  height: 1.875vw;
  background-color: #d6131f;
  color: white;
}
section.relation aside div.swiper-case-next:hover {
  background-color: #c00914;
}
section.relation aside div.swiper-case-next.swiper-button-disabled {
  background-color: #666666;
  cursor: default;
}
section.relation aside div.swiper-case-next:focus {
  outline: none;
}
section.relation aside div.swiper-case-next i {
  font-size: 0.833vw;
  text-align: center;
  line-height: 1.875vw;
  display: block;
}
section.relation aside div.swiper-case-next i:focus {
  outline: none;
}
section.relation #relation .swiper-wrapper .swiper-slide img {
  width: 100%;
}
section.relation #relation .swiper-wrapper .swiper-slide div.text {
  width: 100%;
  background: #f0f0f0;
}
section.relation #relation .swiper-wrapper .swiper-slide div.text h3 {
  text-align: center;
  font-size: 0.729vw;
  line-height: 3.542vw;
  height: 3.542vw;
  color: #333333;
}
section.relation #relation .swiper-wrapper .swiper-slide:hover div.text {
  background-color: #d6131f;
}
section.relation #relation .swiper-wrapper .swiper-slide:hover div.text h3 {
  color: white;
}
div.page-section {
  margin: 0 -0.521vw;
}
div.page-section a,
div.page-section span {
  padding: 0 0.729vw;
  margin: 0 0.521vw;
  height: 1.875vw;
  border: solid 0.052vw #d6131f;
  font-size: 0.729vw;
  line-height: 1.875vw;
  letter-spacing: 0.005vw;
  color: #d6131f;
  float: left;
  text-align: center;
}
div.page-section a.active,
div.page-section span.active,
div.page-section a:hover,
div.page-section span:hover,
div.page-section a.current,
div.page-section span.current {
  background-color: #d6131f;
  color: #ffffff;
}
div.page-section a.page-prev,
div.page-section span.page-prev,
div.page-section apage-next,
div.page-section spanpage-next {
  padding: 0 0.729vw;
}
div.page-section a.page-prev.close,
div.page-section span.page-prev.close,
div.page-section apage-next.close,
div.page-section spanpage-next.close {
  color: #666666;
  border-color: #666666;
  opacity: 0.5;
}
div.page-section a.page-prev.close:hover,
div.page-section span.page-prev.close:hover,
div.page-section apage-next.close:hover,
div.page-section spanpage-next.close:hover {
  background-color: transparent;
  border-color: #666666;
  opacity: 0.5;
}
div.next {
  height: 9.323vw;
  width: 100%;
  border: dashed 1px #dedede;
  border-left: none;
  border-right: none;
  padding: 2.604vw 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
div.next span {
  color: #333333;
  margin: 0;
}
div.next span a {
  font-size: 0.833vw;
  line-height: 1 ;
  color: #333333;
}
div.next span a:hover {
  color: #d6131f;
}
aside.service {
  position: fixed;
  top: 50%;
  right: 15px;
  transform: translate(-50%, 0);
  z-index: 1000;
}
aside.service ul li {
  position: relative;
  margin: 14px 0;
  text-align: center;
}
aside.service ul li div.top {
  display: none;
  position: absolute;
  transform: translate(-100%, -50%);
  left: -20px;
  top: 50%;
  opacity: 0;
  width: max-content;
  height: auto;
  transition: all 0.5s;
}
aside.service ul li div.top p.tel {
  font-size: 12px;
  line-height: 1;
  padding: 10px 14px;
  letter-spacing: 0.7px;
  color: #ffffff;
  background-color: #d6131f;
}
aside.service ul li div.top.img {
  width: 111px;
  padding: 10px;
  font-size: 12px;
  text-align: center;
  background-color: #d6131f;
  color: #ffffff;
}
aside.service ul li div.top.img img {
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 10px;
}
aside.service ul li div.bottom i {
  font-size: 20px;
  color: #333333;
}
aside.service ul li div.bottom i.icon-76 {
  font-size: 24px;
  line-height: 24px;
}
aside.service ul li div.bottom i.icon-tianmao_ {
  font-size: 17px;
}
aside.service ul li div.bottom.btn-top i {
  display: inline-block;
  transform: translate(0, 0) rotate(-90deg);
}
aside.service ul li div.bottom:hover i {
  color: #d6131f;
}
aside.service ul li:hover div.top {
  display: block;
  opacity: 1;
}