:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  text-align: left;
  background-color: #f6f6f6;
  /* min-width: 1200px; */
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 0.875em;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.svg-white {/*color: #fff;*/ filter: drop-shadow(var(--white) 5000px 0);transform: translateX(-5000px)!important;}
.svg-primary {/*color: #007bff;*/ filter: drop-shadow(var(--primary) 5000px 0);transform: translateX(-5000px)!important;}
.svg-secondary {/*color: #6c757d;*/ filter: drop-shadow(var(--secondary) 5000px 0);transform: translateX(-5000px)!important;}
.svg-success {/*color: #28a745;*/ filter: drop-shadow(var(--success) 5000px 0);transform: translateX(-5000px)!important;}
.svg-info {/*color: #17a2b8;*/ filter: drop-shadow(var(--info) 5000px 0);transform: translateX(-5000px)!important;}
.svg-warning {/*color: #ffc107;*/ filter: drop-shadow(var(--warning) 5000px 0);transform: translateX(-5000px)!important;}
.svg-danger {/*color: #dc3545;*/ filter: drop-shadow(var(--danger) 5000px 0);transform: translateX(-5000px)!important;}
.svg-light {/*color: #f8f9fa;*/ filter: drop-shadow(var(--light) 5000px 0);transform: translateX(-5000px)!important;}
.svg-dark {/*color: #343a40;*/ filter: drop-shadow(var(--dark) 5000px 0);transform: translateX(-5000px)!important;}
.svg-abs {transform: translateX(-5000px) translate(-50%, -50%)!important;}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}

/* .todo::after{} */
.todo{position: relative;z-index: 1;}
.todo:hover::after{position: absolute;top:0;right: 0;bottom: 0;left: 0;z-index: 10;display: block;background-color: rgba(0, 0, 0, 0.1);content: ' ';}

/* header */
.header-wrap{height:118px; /**/transition: all 500ms;-webkit-transition: all 500ms;box-shadow: -5px 0 5px rgba(0,0,0,0.05), 5px 0 5px rgba(0,0,0,0.05), 0 -5px 5px rgba(255,255,255,0.05), 0 5px 5px rgba(0,0,0,0.05);background-color: #f6f6f6;}
.mod-headers{position: fixed; left: 0; right: 0;z-index: 888;height: 98px; background: #fff;border-bottom: solid 1px #f6f6f6;}
.logo-css{float:none; z-index: 88; width:260px; position: absolute; left:7.5%; top:12px;}
.logo-css img{max-width:120px; height:auto!important}
.logo-css i img{margin-left: 20px;}
.wrap-nav{text-align: center;}
@media (max-width: 1200px) {
  .logo-css i img{display: none;}
}
/* .pos-hash{position: absolute;margin-top: -90px;} */

/*导航*/
/* .wrap-nav{ } */
.navMenu{position: relative;margin-left: 200px; padding-top:46px; padding-right: 100px;}
.navMenu>li{display: inline-block;position: relative;  height:45px;}
.navMenu>li{padding: 0 1.6% 0 1.6%;}
.navMenu>li>a{
  cursor: pointer;
  white-space: nowrap;

  display: block;
  /* padding: 0 4% 0 4%;*/
  box-sizing: border-box;
  text-align: center;
  color: #666;
  font-weight: 200;
  /*border-bottom:transparent solid 2px;*/
  /*text-shadow:#fff 1px 1px;*/
}
.navMenu>li>a:hover{text-decoration: none;}
.navMenu>li>a>span{color:#4d4d4d;line-height:100%;font-size:18px;/* font-weight: bold;*/}
/* .navMenu>li.cr>a,.navMenu>li>a:hover,.navMenu>li>a:hover *,.navMenu>li.cr>a * {} */
.navMenu .sub-menus:after{ content: ""; position: absolute; top: -6px;width: 0px; height: 0px; left: 50%; margin-left: -6px; display: block;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #f4f4f4;}
.navMenu .sub-menus { border: 1px solid #f9f9f9;
  position: absolute;
  /**/
  top:52px;
  /*   top:-1800px;*/
  left: 50%;
	margin-left: -78px;
  width: 156px;
  height:auto;
  overflow: hidden;
  /*height:80px;*/
  background:rgba(255,255,255,.95);

  transition-duration: .3s;
  -ms-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  opacity: 0;
  text-align: center;
	box-shadow: -5px 0 5px rgba(0,0,0,0), 5px 0 5px rgba(0,0,0,0), 0 -5px 5px rgba(255,255,255,0.06), 0 5px 5px rgba(0,0,0,0.06);
}
.mod-cr .navMenu .sub-menus {top:65px; /*overflow: hidden;*/}
.navMenu .sub-menus  li{ line-height: 120%;}
.navMenu>li>a>span,.navMenu>li>a>span{ padding-bottom:4px; position: relative;}
/* .navMenu>li:hover>a>span, .navMenu>li.cr>a>span{ } */
.navMenu>li:hover>a>span:after,.navMenu>li.cr>a>span:after{border-bottom:2px solid #c60000; position: absolute; width: 70px; bottom:-5px; left: 50%; margin-left: -35px;  content: ""; display: block;}
.navMenu>li:hover>a>span,.navMenu>li.cr>a>span,.navMenu>li:hover>a>span em,.navMenu>li.cr>a>span em{ color:#c60000;}
.navMenu>li:hover .sub-menus {opacity: 1;z-index: 10000;}
.navMenu .sub-menus  li  span{ color: #666; font-size: 16px; /*font-weight: bold;*/}
.navMenu .sub-menus  li{ line-height: 25px; padding: 10px 8px;   border-bottom: 1px  solid rgba(255,255,255,.1);border-bottom: 1px solid #f6f6f6;}
.navMenu .sub-menus  li:hover{ background: #c60000;}
.navMenu .sub-menus  li:hover a span{ color: #fff;}

/* banner */
.swiper .autoplay-progress {position: absolute;right: 16px;bottom: 16px;z-index: 10;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;font-weight: bold;color: var(--swiper-theme-color);}
.swiper .autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0px;z-index: 10;width: 100%;height: 100%;stroke-width: 4px;stroke: var(--swiper-theme-color);fill: none;stroke-dashoffset: calc(125.6 * (1 - var(--progress)));stroke-dasharray: 125.6;transform: rotate(-90deg);}


/* footer */
.footer{width: 100%;min-height: 298px; background: url(../images/footer-bg.jpg) no-repeat ;}
.footer-box{width: 1200px; margin: 0 auto;}
.footer .logo{position: relative;width: 270px;padding:80px 0 0 30px;float:left;}
.footer .wide{float:left;padding: 25px; width: 150px;color: #fff;text-align: center;}
.footer .wide .wide-header{font-size: 20px;line-height: 2;}
.footer .wide .wide-list{font-size: 16px;line-height: 1.8;}
.footer .wide .wide-header a, .footer .wide .wide-list a{color: #fff;text-decoration: none;cursor: pointer;}
.footer .wide img{width: 100%;}


.main, .main-section, .main-goods{width: 1200px; margin:0 auto;}

/* .main-section{} */

.main-goods-see{width: 100%; min-height: 200px;margin-top: 30px;padding-top: 29.0625%;}
.main-goods-see-yang{background: url(../images/see-yang.png) top center no-repeat;background-size: 100% auto;}
.main-goods-see-wangyan{background: url(../images/see-wangyan.png) top center no-repeat;background-size: 100% auto;}
.main-goods-see-box{width: 1200px;margin: 50px auto;min-height: 100px;background-color: red;border-radius: 5px;overflow: hidden;box-shadow: 0 0 10px black;}

/* 心选好物 */
.main-goods{margin-top: 50px;margin-bottom: 80px;}
.main-goods .title, .main-goods .desc{font-size: 58px; line-height: 1.6;text-align: center;}
.main-goods .title{font-weight: bold;}
.main-goods .desc{font-size: 28px;}
.main-goods .desc-after{margin: 20px auto 50px;width: 150px;height: 12px;background-color:#323232;}
/* .main-goods .main-goods-box{} */
.main-goods .main-goods-item{float: left;width: 285px;margin-right: 20px;background-color: #202329;}
.main-goods .main-goods-item:last-child{margin-right: 0;}
.main-goods .main-goods-item .main-goods-img-box{width: 100%;height: 0;padding-bottom: 90%;overflow: hidden;}
.main-goods .main-goods-item .main-goods-img-box img{width: 100%;}
.main-goods .main-goods-item .main-goods-title{margin: 35px 0 0 35px; font-size: 22px;line-height: 2;color: #ffffff;}
.main-goods .main-goods-item .main-goods-btn{display: block;margin: 20px 0 30px 35px;width: 110px;height: 38px;border-radius: 0 100px 100px 0; font-size: 14px;line-height: 38px; color: #000000;text-align: center; text-decoration: none;background: linear-gradient(to bottom, #efce99, #ffffff);}

/* about 公司简介 */
.about-banner{width: 100%;min-width: 1200px;; height: 0;padding-bottom: 34.427083%; background: url(../images/about-bg.jpg) center center no-repeat;background-size: 100%;}
.about-profile{position: relative;width:100%;padding-top: 70px;padding-bottom: 45px;;text-align: center;}
.about-profile .video{padding-top: 50px;width: 1000px; margin: 0 auto;}

.about-history{position: relative;width: 100%;min-width: 1200px;padding-top: 45px;padding-bottom: 100px; background: url(../images/about-history-bg.jpg) center center no-repeat;background-size: cover;}
.about-history img{display: block;width: 100%; max-width: 1400px;margin: 0 auto;}

/* .about-brand{} */

/* 荣誉资质 & 视频中心 */
.credentials{padding-top: 100px;padding-bottom: 40px;}
.credentials .item{float: left;width: 360px;margin:0 20px 40px;padding-bottom: 10px;border: 1px solid #b6b6b6;}
.credentials .item .header{position: relative;border-bottom:3px solid #cb0000;}
.credentials .item .header img{width: 100%;}
.credentials .item .header .tip{position: absolute;left: 50%;top:234px; margin-left: -25px; width: 50px; height: 50px; border: 2px solid #ffffff; border-radius: 100px;
  background: #cb0000 url(../images/trepang.png) center center no-repeat;background-size: 66%;
}
.credentials .item .title{padding-top: 35px;font-size: 24px;font-weight: bold; line-height: 2; color: #1e1e1e; text-align: center;}
.credentials .item .btn{display: block;padding: 0;width: 145px; height: 46px; margin: 10px auto;color:#fff; font-size: 20px;line-height: 46px;text-align: center;cursor: pointer; border-radius: 100px; background-color: #cb0000;}

/* 产品中心 */
.product{padding-top: 60px;padding-bottom: 70px;}

/* 488-501 */
.product{width: 1300px; overflow: hidden;}
.product .item-cell{ position: relative; min-height: 343px;  margin-top:30px;}
.product .item-cnt{ margin-left: 650px; padding: 100px 40px 40px 40px; }
.product .item-pic { float: left; width: 600px; height: 343px;/*background:url(../images/prbg.jpg) 0 0 no-repeat; background-size:100% 100%;*/}
/* .product .item-pic .auto-img{ width: 600px; margin: 0 auto 0 auto;} */
.product .item-pic img{width:100%; height:auto; display: block;}
.product .item-tit *{ font-size:32px; font-weight: normal;}
.product .item-tit{ margin-bottom: 25px;color: #000; font-weight: bold;}
.product .item-desc{ font-size:18px; color: #666; font-weight: normal;}
.product .grey-probgs{ position: absolute; right: 0; bottom: 0; max-height: 300px;}
.product .grey-probgs img{ max-height: 300px; width: auto;}
.product .item-2 .item-pic{ float: right; margin-left: 120px;}
.product .item-2 .item-cnt{ margin-left: 0; padding-left: 0;}
.product .item-2 .grey-probgs{ right: auto; left: 0;}

/* 1045-1050 */
.product{ padding-top: 40px;}
.product .item-pic { float: left; width:800px; height:509px;/*background:url(../images/prbg.jpg) 0 0 no-repeat; background-size:100% 100%;*/}
.product .item-pic .auto-img{width:800px;margin: 0 auto 0 auto;}
.product .item-cell{ min-height: 509px; background:#fff;  overflow: hidden;}
.product .item-cnt{ margin-left: 850px;    padding: 100px 40px 40px 10px; position: relative; z-index: 5;}
.product .item-2 .item-cnt{    padding-left:50px;}


@media screen and (max-width: 1320px) {
  .product{width: 1000px;}
  .product .item-pic,.product .item-pic .auto-img{ width:625px;}
  .product .item-cnt{margin-left: 650px;padding-top: 20px;}
  .product .item-cell{min-height: 397px;}
  .product .item-pic{height: 397px;}
  .product .item-2 .item-pic{margin-left: 50px;}
  .product .grey-probgs img{max-width: 350px;max-height: 250px;}
}


/* 联系我们 */

.contact {padding: 80px 0 120px;background: #fff;}
.cw1200 {max-width: 1200px;width: 100%;margin: auto;}
.contact .content {border-radius: 30px;overflow: hidden;background: #f5f6f7;display: flex;align-items: center;justify-content: space-between;}
.contact .content .img {width: 50%;padding-top: 37.5%;}
.contact .buy .info .box:hover .icon {background: #f5f6f7;box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);}
.contact .buy .info .box:hover .icon .code {opacity: 1;}
.i-pic:before, .i-pic:after {content: '';display: inline-block;}
.i-pic .absolute {position: absolute;}
.i-pic {overflow: hidden;font-size: 0;position: relative;text-align: center;background: url() no-repeat center / cover;}
.i-pic img {width: 100%;min-height: 100%;}
.contact .content .img {width: 50%;padding-top: 37.5%;}
.contact .content .word {padding: 0 8.333%;width: 50%;}
.contact .content .word .ul {margin-top: 48px;}
.contact .content .word .ul .li:first-child {margin-top: 0;}
.contact .content .word .ul .li {display: flex;justify-content: space-between;margin-top: 40px;}
.contact .content .word .ul .li .name {font-size: 17px;color: var(--color);width: calc(100% - 33px);}
.contact .buy {border-radius: 30px;background: #f5f6f7;padding: 45px 5% 50px;margin-top: 40px;}
.contact .buy .name {font-size: 24px;font-weight: 500;color: var(--color);}
.contact .buy .brief {font-size: 17px;color: var(--color);margin-top: 10px;}
.contact .buy .info {display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact .buy .info .box {width: calc((100% - 40px* 3) / 4);margin-top: 35px;}
.contact .buy .info .box .icon {border-radius: 10px;background: #fff;position: relative;height: 220px;width: 100%;}
.block, for, nav, cty, db, dbx, jxt, txt, tools {display: block;}
.m-pic:before, .m-pic:after {content: '';display: inline-block;vertical-align: middle;}
.m-pic {font-size: 0;line-height: 1;background: url() no-repeat center / contain;text-align: center;}
.m-pic svg.absolute, .m-pic img.absolute {top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);transition: 0.5s;position: absolute;}
.m-pic svg, .m-pic img {max-width: 100%;max-height: 100%;transform: scale(1);transition: 0.5s;vertical-align: middle;}
.m-pic:after {height: 100%;}
.m-pic svg, .m-pic img {max-width: 100%;max-height: 100%;transform: scale(1);transition: 0.5s;vertical-align: middle;}
.absolute.max {left: 0;top: 0;right: 0;bottom: 0;}
.contact .buy .info .box .icon .code {opacity: 0;}
.contact .buy .info .box .text {text-align: center;font-size: 17px;margin-top: 15px;color: #000;}
.contact .buy .info .box {width: calc((100% - 40px* 3) / 4);margin-top: 35px;}
.trans {-webkit-transition: .3s;transition: .3s;}
.contact .content .word .text {font-size: 24px;font-weight: 500;color: var(--color);}
@media screen and (max-width: 750px) {
  .contact .content {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .contact .content .img {
    width: 100%;
    padding-top: 0;
  }
}
@media screen and (max-width: 750px) {
  .contact .content .img .max {
    position: relative;
  }
}
@media screen and (max-width: 750px) {
  .contact .content .word {
    width: 100%;
    padding: 30px;
  }
}
@media screen and (max-width: 750px) {
  .contact .content .word .text {
    font-size: 24px;
  }
}
@media screen and (max-width: 750px) {
  .contact .content .word .ul .li .icon {
    transform: scale(1.3);
    padding-top: 6px;
  }
}
@media screen and (max-width: 750px) {
  .contact .content .word .ul .li .name {
    font-size: 17px;
  }
}
@media screen and (max-width: 750px) {
  .contact .buy .name {
    font-size: 24px;
  }
}
@media screen and (max-width: 750px) {
  .contact .buy .brief {
    font-size: 17px;
  }
}
@media screen and (max-width: 750px) {
  .contact .buy .info .box {
    width: 48%;
  }
}
@media screen and (max-width: 1024px) {
  .contact .buy .info .box {
    width: 46%;
  }
}
@media screen and (max-width: 750px) {
  .contact .buy .info .box .text {
    font-size: 19px;
  }
}