@charset "utf-8";
/* 这个css是初始化的css，在任何项目里面都可以使用 */
/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 解决IOS默认滑动很卡的情况 */
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: scroll;
}
.pagination {
  justify-content: center;
}
.pagination li {
  width: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px solid #ddd;
  margin: 0 2px;
  border-radius: 50%;
  height: 40px;
}
body {
  --color: #1D1D1F;
}
.c {
  color: #3366CC;
}
.bg {
  background: #3366CC;
}
.pagination li.active {
  border-color: #1D1D1F;
  color: #fff;
  background: #1D1D1F;
}
.bg0 {
  background: #1D1D1F;
}
.c0 {
  color: #1D1D1F;
}
.pagination li.active span {
  color: #fff;
}
.pagination li a {
  display: block;
}
/* 禁止缩放表单 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
  resize: none;
  border: none;
}
img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}
.line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.line3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.line4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.trans {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
header .nav_ul > li:nth-child(4) .er-ul {
  width: 160%;
  left: -30%;
}
.er-ul {
  position: absolute;
  width: 100%;
  left: 0%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  right: 0;
  top: 100%;
  z-index: 999;
  background: #fff;
  display: none;
}
.er-ul > li {
  line-height: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
}
.er-ul > li:hover a {
  color: #30cdd6;
}
.er-ul > li:nth-child(1) {
  padding-top: 0.625rem;
}
.er-ul > li:last-child {
  padding-bottom: 0.625rem;
}
header .nav_ul > li:hover .er-ul {
  transform: scale(1);
  opacity: 1;
  display: block;
}
.bg {
  color: #3366CC;
}
.logo_phone img {
  width: 7.5rem;
}
.c {
  color: #3366CC;
}
.cf {
  color: #fff !important;
}
.c0 {
  color: #000 !important;
}
.phone_weibu {
  background: #0A0A0A;
  display: none;
}
.phone_weibu .mobMenu > li > a {
  font-size: 14px;
  padding: 10px 0;
  color: #fff;
}
.phone_weibu .mobMenu > li {
  border-bottom: #424245 1px solid;
}
.phone_weibu .mobMenu > li > .subDepth > li > a {
  font-size: 1em;
  color: #9a9797;
  line-height: 28px;
}
.phone_weibu .mobMenu > li > a::before {
  background-color: #fff;
}
.phone_weibu .mobMenu > li > a::after {
  background-color: #fff;
}
.phone_weibu .mobMenu > li > .subDepth {
  display: none;
}
.container {
  padding: 0 14.8125rem;
  width: 100%;
  max-width: 100%;
}
/* 手机端样式 */
.sjj_nav .top {
  background: #F5F5F5;
  line-height: 52px;
}
.sjj_nav .top .container {
  padding: 0 15px;
}
.sjj_nav .top a {
  width: 80%;
  text-align: left;
}
.sjj_nav .top a img {
  height: 14px;
}
.sjj_nav .top .close_nav {
  width: 20%;
  text-align: right;
}
.sjj_nav .top .close_nav img {
  height: 18px;
}
.phone {
  box-shadow: none;
}
.sjj_nav {
  height: calc(100vh - 52px);
  padding: 0 15px;
  top: 52px;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
  left: -100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.sjj_nav.nav_show {
  left: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.sjj_nav.nav_show .last_bot {
  display: block;
}
.sjj_nav > .pr {
  margin-top: 55px;
}
.sjj_nav > .pr > form,
.sjj_nav .erji_top {
  margin-bottom: 35px;
}
.sjj_nav .erji_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sjj_nav .erji_top p {
  font-weight: bold;
  font-size: 44px;
  color: #EAEAEA;
  width: 80%;
  text-align: right;
  line-height: 1;
}
.sjj_nav .erji_top div {
  width: 20%;
}
.sjj_nav .erji_top div img {
  height: 25px;
}
.sjj_nav > .pr > form input {
  padding-left: 45px;
  width: 100%;
  font-size: 12px;
  color: #1D1D1F;
  line-height: 40px;
  border: none;
  border-radius: 3.125rem;
  background: #DCDCDC;
}
.sjj_nav > .pr > form button {
  background: transparent;
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  left: 5px;
  width: 28px;
  height: 100%;
  border: none;
}
.sjj_nav > .pr > form button img {
  height: 16px;
}
.sjj_nav .bot {
  overflow-x: hidden;
  height: calc(100vh - 55px - 52px - 80px - 75px);
}
.sjj_nav .bot > li {
  margin-bottom: 0.625rem;
}
.sjj_nav .bot > li.active ul {
  left: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.sjj_nav .bot > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #1D1D1F;
  line-height: 50px;
  font-size: 18px;
}
.sjj_nav .bot > li > a div {
  width: 80%;
}
.sjj_nav .bot > li > a p {
  width: 20%;
  text-align: right;
}
.sjj_nav .bot > li > a p img {
  height: 15px;
}
.sjj_nav .bot > li > ul {
  position: absolute;
  top: -1px;
  left: -110%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  width: 100%;
  height: calc(100vh - 55px - 80px - 75px);
  background: #fff;
  z-index: 99;
  overflow-y: scroll;
}
.sjj_nav .bot > li > ul li {
  margin-bottom: 2.5rem;
}
.sjj_nav .bot > li > ul li:nth-child(2) {
  margin-top: 0;
}
.sjj_nav .bot > li > ul li .list {
  display: flex;
}
.sjj_nav .bot > li > ul li .list .left {
  width: 7.5rem;
  font-weight: bold;
  font-size: 18px;
  line-height: 50px;
  color: #9E9E9F;
}
.sjj_nav .bot > li > ul li .list .right {
  width: calc(100% - 7.5rem);
}
.sjj_nav .bot > li > ul li .list .right a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #1D1D1F;
  line-height: 50px;
  font-size: 18px;
}
.sjj_nav .bot > li > ul li .list .right a p {
  width: 20%;
  text-align: right;
}
.sjj_nav .bot > li > ul li .list .right a p img {
  height: 15px;
}
.sjj_nav .bot > li > ul li .list .right a div {
  width: 80%;
}
.sjj_nav .last_bot {
  position: fixed;
  bottom: 30px;
  left: 0;
  width: 100%;
  padding: 0 15px 0;
  z-index: 9999;
  display: none;
}
.sjj_nav .last_bot ul {
  padding-top: 15px;
  border-top: 1px solid #1D1D1F;
  display: flex;
  justify-content: flex-end;
}
.sjj_nav .last_bot ul li:not(:first-child) {
  margin-left: 20px;
}
.sjj_nav .last_bot ul li img {
  height: 28px;
}
.sjj_nav .lanuage,
.sjj_nav .login {
  position: absolute;
  top: -1px;
  left: -110%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  width: 100%;
  height: calc(100vh - 55px - 52px - 120px);
  background: #fff;
  overflow-y: scroll;
  z-index: 99;
}
.sjj_nav .lanuage.active,
.sjj_nav .login.active {
  left: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.sjj_nav .lanuage .con {
  height: calc(100% - 80px);
  margin-top: 100px;
}
.sjj_nav .lanuage .con p {
  font-size: 20px;
  color: #1D1D1F;
  line-height: 1;
  margin-bottom: 32px;
  text-align: center;
}
.sjj_nav .lanuage .con > div > .pr > div {
  width: 100%;
  background: #F5F5F5;
  color: #6F6F70;
  font-size: 16px;
  border-radius: 3.125rem;
  line-height: 42px;
  text-align: center;
}
.sjj_nav .lanuage .con > div > .pr > div img {
  margin-left: 1.375rem;
  width: 0.9375rem;
}
.sjj_nav .lanuage .con > div > .pr:hover ul {
  height: 80px;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.sjj_nav .lanuage .con > div > .pr ul {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  overflow: hidden;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  color: #1D1D1F;
  height: 0;
}
.sjj_nav .lanuage .con > div > .pr ul li {
  padding-top: 14px;
}
.sjj_nav .login .left {
  padding-right: 0;
  border-right: none;
  border-bottom: 1px solid #C0C1C1;
  padding-bottom: 4rem;
}
.sjj_nav .login .left .name {
  font-size: 26px;
}
.sjj_nav .login .left .subtitle {
  font-size: 14px;
  margin-bottom: 3rem;
}
.sjj_nav .login .right {
  padding-top: 4rem;
  padding-left: 0;
  padding-bottom: 7rem;
}
.sjj_nav .login form button {
  position: static;
  transform: translateY(0);
}
.phone {
  line-height: 52px;
  padding: 0 40px;
  background: #F5F5F5;
}
.phone .left {
  width: 20%;
  text-align: right;
}
.phone .left img {
  height: 18px;
}
.phone .right {
  text-align: right;
}
.phone .right span {
  width: 1px;
  height: 10px;
  background: #1D1D1F;
  display: inline-block;
  margin: 0 5px;
  position: relative;
  top: 1px;
}
.phone .right a {
  font-weight: bold;
  font-size: 12px;
  color: #A7A7A8;
}
.phone .right a.c {
  color: #1D1D1F;
}
.phone .center {
  width: 80%;
}
.phone .center img {
  height: 16px;
}
.container {
  padding: 0 15rem;
}
@font-face {
  font-family: "Helvetica Neue Condensed Bold";
  src: url(../font/Helvetica\ Neue\ Condensed\ Bold.ttf);
}
@font-face {
  font-family: "Futura-Bold-5";
  src: url(../font/Futura-Bold-5.ttf);
}
@font-face {
  font-family: "HelveticaNeue-Medium";
  src: url(../font/HelveticaNeueLTPro-Md.otf);
}
@font-face {
  font-family: "Helvetica-Neue-Light-2";
  src: url(../font/Helvetica-Neue-Light-2.ttf);
}
@font-face {
  font-family: "HelveticaNeueLTPro-Roman";
  src: url(../font/HelveticaNeueLTPro-Roman.otf);
}
@font-face {
  font-family: "JosefinSans";
  src: url(../font/JosefinSans-Regular-7.ttf);
}
@font-face {
  font-family: "BIG JOHN";
  src: url(../font/BIG\ JOHN.otf);
}
body {
  font-family: "HelveticaNeue-Medium";
}
header {
  line-height: 4.8125rem;
  background: #F5F5F5;
  z-index: 999;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
header .search:hover .drop_trans {
  width: 87%;
}
header .left > ul > li .drop_trans .r > ul.resource {
  display: flex;
  padding-right: 18rem;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}
header .left > ul > li .drop_trans .r > ul.resource > li {
  flex-wrap: wrap;
}
header .left > ul > li .drop_trans .r > ul.resource > li .hover {
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  font-size: 1.25rem;
  padding-bottom: 0.3125rem;
  color: #1D1D1F;
}
header .left > ul > li .drop_trans .r > ul.resource > li.ml30:not(:last-child) {
  margin-right: 0 !important;
}
header .left > ul > li .drop_trans .r > ul.resource > li:nth-last-child(2) {
  margin-left: 0;
}
header .left > ul > li .drop_trans .r > ul.resource > li:nth-last-child(2) .hover {
  color: #fff;
}
header .left > ul > li .drop_trans .r > ul.resource > li ul li a {
  white-space: nowrap;
}
header .left > ul > li .drop_trans .r > ul.resource > li .over img {
  aspect-ratio: 3 / 4;
}
header .left > ul > li .drop_trans .r > ul.resource > li > a {
  margin-bottom: 1.5rem;
}
header .left > ul > li .drop_trans .r > ul.resource > li > a,
header .left > ul > li .drop_trans .r > ul.resource > li > ul {
  margin-right: 0 !important;
  width: 100%;
}
header .search .drop_down_search {
  display: block;
  position: absolute;
  top: 0;
  right: 13%;
  width: 0;
  z-index: 99;
  overflow: hidden;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
header .search .drop_down_search .content {
  width: calc(100% - 17.5rem);
  margin: 0 0 0 auto;
}
header .search .drop_down_search.acitve {
  width: 87%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
header .search .drop_down_search input {
  line-height: 2.25rem;
  border-radius: 3.125rem;
  padding-left: 2.5rem;
  width: 100%;
  font-size: 1rem;
  background: #DCDCDC;
}
header .search .drop_down_search button {
  border: none;
  position: absolute;
  top: 47%;
  transform: translateY(-50%);
  left: 0.5rem;
  background: transparent;
}
header .search .drop_down_search button img {
  height: 1.125rem !important;
}
header .yuyan:hover .drop_yuyan {
  transform: none;
  opacity: 1;
}
header .yuyan .drop_yuyan {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  width: 13.9375rem;
  background: #fff;
  z-index: 9;
  transition: 400ms ease-in-out;
  transform: scaleY(0);
  transform-origin: top center;
  opacity: 0;
  text-align: center;
}
header .yuyan .drop_yuyan .pr:hover ul {
  transform: none;
  opacity: 1;
  height: 5rem;
}
header .yuyan .drop_yuyan > div {
  padding: 4.375rem 1.875rem;
}
header .yuyan .drop_yuyan > div ul {
  width: 100%;
  transition: 400ms ease-in-out;
  transform: scaleY(0);
  transform-origin: top center;
  opacity: 0;
  overflow: hidden;
  height: 0;
}
header .yuyan .drop_yuyan > div ul li {
  line-height: 1.875rem;
  font-size: 0.875rem;
}
header .yuyan .drop_yuyan > div ul li:first-child {
  margin-top: 1.25rem;
}
header .yuyan .drop_yuyan > div .pr > div {
  width: 100%;
  background: #F5F5F5;
  color: #6F6F70;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 3.125rem;
  line-height: 1.875rem;
}
header .yuyan .drop_yuyan > div .pr > div img {
  margin-left: 1.375rem;
  width: 0.9375rem;
}
header .yuyan .drop_yuyan p {
  font-size: 0.875rem;
  color: #1D1D1F;
  line-height: 1;
  margin-bottom: 1.25rem;
}
header .login .drop_down_online {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 13.9375rem;
  background: #fff;
  z-index: 9;
  transition: 400ms ease-in-out;
  transform: scaleY(0) translateX(-50%);
  transform-origin: top center;
  opacity: 0;
  text-align: center;
}
header .login .drop_down_online ul {
  padding: 2.5rem 0;
}
header .login .drop_down_online li {
  line-height: 2.5rem;
  font-size: 0.875rem;
}
header .login:hover .drop_down_online {
  transform: scaleY(1) translateX(-50%);
  opacity: 1;
}
header .container {
  padding: 0 6.25rem;
}
header .center img {
  height: 1.625rem;
}
header .drop_down_online {
  display: none;
}
header .left > ul {
  margin-left: 5.3125rem;
}
header .left > ul > li {
  float: left;
  padding-right: 4.375rem;
}
header .left > ul > li .drop_trans {
  transition: 400ms ease-in-out;
  transform: scaleY(0);
  transform-origin: top center;
  opacity: 0;
  position: absolute;
  top: 100%;
  background: #fff;
  width: 100%;
  left: 0;
}
header .left > ul > li .drop_trans .flex2 {
  display: flex;
  justify-content: space-between;
}
header .left > ul > li .drop_trans .l img {
  height: 1.625rem;
  width: 9.125rem;
}
header .left > ul > li .drop_trans .r {
  padding: 4.375rem 0;
  width: calc(100% - 9.125rem);
  padding-left: 5.3125rem;
}
header .left > ul > li .drop_trans .r > ul {
  display: flex;
  flex-wrap: wrap;
}
header .left > ul > li .drop_trans .r > ul > li {
  display: flex;
}
header .left > ul > li .drop_trans .r > ul > li > a {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #9E9E9F;
  margin-right: 3.125rem;
  text-transform: uppercase;
}
header .left > ul > li .drop_trans .r > ul > li ul li {
  line-height: 1.5rem;
  color: #1D1D1F;
  padding-bottom: 1.125rem;
}
header .left > ul > li .drop_trans .r > ul > li ul li a {
  font-size: 1.25rem;
  padding-bottom: 0.3125rem;
  position: relative;
  display: inline-block;
  color: #1D1D1F;
}
header .left > ul > li .drop_trans .r > ul > li ul li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0%;
  width: 0;
  height: 2px;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  background: #1D1D1F;
}
header .left > ul > li .drop_trans .r > ul > li ul li:hover a::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
header .left > ul > li .drop_trans .r > ul > li:not(:last-child) {
  margin-right: 6.25rem;
}
header .left > ul > li:hover .drop_trans {
  transform: none;
  opacity: 1;
  display: block;
}
header .left > ul > li > a {
  font-size: 1.125rem;
  color: #1D1D1F;
  text-transform: uppercase;
  position: relative;
}
header .left > ul > li > a::before {
  content: "";
  position: absolute;
  bottom: 0.625rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: #1D1D1F;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
header .left > ul > li:hover > a::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
header .right > ul > li {
  float: left;
  padding-left: 1.875rem;
}
header .right > ul > li:hover > a::before {
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
header .right > ul > li > a {
  position: relative;
}
header .right > ul > li > a::before {
  content: "";
  position: absolute;
  bottom: 0.625rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background: #1D1D1F;
  opacity: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
header .right > ul > li img {
  height: 1.375rem;
}
.index_two {
  padding: 3.75rem 0 7.5rem;
}
.index_two.news {
  padding-top: 9.125rem;
}
.index_two .ul {
  margin-top: -3.75rem;
  margin-bottom: -3.75rem;
}
.index_two .ul li {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.index_two .ul li .name {
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: #1D1D1F;
  padding: 1rem 0 0.3125rem;
  position: relative;
  display: inline-block;
}
.index_two .ul li .name::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #1D1D1F;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.index_two .ul li .text {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #6F6F70;
}
.index_two .ul li:hover img {
  transform: scale(1.1);
}
.index_two .ul li:hover .name::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.banner .swiper-pagination {
  bottom: 1.875rem;
}
.banner .swiper-pagination-bullet {
  background: #FFFFFF;
  opacity: 0.5;
  width: 0.625rem;
  height: 0.625rem;
}
.banner .swiper-pagination-bullet-active {
  opacity: 1;
}
.title {
  font-weight: bold;
  font-size: 3.125rem;
  line-height: 3.75rem;
  color: #1D1D1F;
}
.index_product {
  padding: 7.1875rem 0 3.875rem;
  background: #F5F5F7;
}
.index_product .swiper-container {
  margin-top: 7.5rem;
}
.channel_pro {
  background: #F5F5F7;
  padding-top: 5.8125rem;
}
.channel_pro .swiper-button-next {
  background-image: url(../img/jr.svg);
  right: -5rem;
}
.channel_pro .swiper-button-prev {
  background-image: url(../img/jl.svg);
  left: -5rem;
}
.channel_pro .swiper-button-next,
.channel_pro .swiper-button-prev {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  line-height: 3.75rem;
  background-position: center center !important;
  background-size: 0.875rem 1.8125rem !important;
  background-color: #EBEBEC;
  margin-top: 0;
  top: calc(50% - 1.875rem - 3.125rem - 1.875rem);
}
.index_product .swiper-pagination,
.channel_pro .swiper-pagination,
.list_pro .swiper-pagination {
  bottom: 0;
}
.index_product .squera_pro .pr,
.index_story .squera_pro .pr,
.channel_pro .squera_pro .pr,
.list_pro .squera_pro .pr {
  overflow: hidden;
}
.squera_pro:hover img {
  transform: scale(1.1);
}
.index_product .squera_pro .img2,
.channel_pro .squera_pro .img2,
.index_story .squera_pro .img2,
.list_pro .squera_pro .img2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 2;
  width: 160%;
  opacity: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.index_product .squera_pro .img3,
.channel_pro .squera_pro .img3,
.index_story .squera_pro .img3,
.list_pro .squera_pro .img3 {
  font-size: 1.75rem;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  text-align: center;
  opacity: 0;
  z-index: 3;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  width: 100%;
  font-family: "BIG JOHN";
}
.index_product .squera_pro .img2::before,
.channel_pro .squera_pro .img2::before,
.index_story .squera_pro .img2::before,
.list_pro .squera_pro .img2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(76, 80, 86, 0.5);
}
.index_product .squera_pro .pr:hover .img2,
.channel_pro .squera_pro .pr:hover .img2,
.index_story .squera_pro .pr:hover .img2,
.list_pro .squera_pro .pr:hover .img2 {
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  animation: leftt 6s linear 1;
  animation-fill-mode: forwards;
}
.index_product .squera_pro .pr:hover .img3,
.channel_pro .squera_pro .pr:hover .img3,
.index_story .squera_pro .pr:hover .img3,
.list_pro .squera_pro .pr:hover .img3 {
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.index_product .squera_pro .name,
.channel_pro .squera_pro .name,
.list_pro .squera_pro .name {
  font-size: 1.25rem;
  color: #1D1D1F;
  line-height: 1.625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: "HelveticaNeue-Medium";
}
.index_product .squera_pro .name span,
.channel_pro .squera_pro .name span,
.list_pro .squera_pro .name span {
  display: inline-block;
  width: 2.125rem;
  text-align: center;
  line-height: 0.9375rem;
  font-size: 0.75rem;
  border: 1px solid #CC6633;
  color: #CC6633;
  margin-right: 0.9375rem;
}
.index_product .squera_pro .text,
.channel_pro .squera_pro .text,
.list_pro .squera_pro .text {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #6F6F70;
  font-family: "HelveticaNeueLTPro-Roman";
  display: none;
}
.index_product .squera_pro .content,
.channel_pro .squera_pro .content,
.list_pro .squera_pro .content {
  margin-top: 1.875rem;
}
.index_product .squera_pro:hover .name,
.channel_pro .squera_pro:hover .name,
.list_pro .squera_pro:hover .name {
  color: #3366CC;
}
.index_product .squera_pro,
.channel_pro .squera_pro,
.list_pro .squera_pro {
  margin-top: 0 !important;
  margin-bottom: 5.875rem !important;
}
.index_product .swiper-pagination-bullet,
.channel_pro .swiper-pagination-bullet,
.list_pro .swiper-pagination-bullet {
  background: #A7A7A8;
  opacity: 1;
  width: 0.625rem;
  height: 0.625rem;
}
.index_product .swiper-pagination-bullet-active,
.channel_pro .swiper-pagination-bullet-active,
.list_pro .swiper-pagination-bullet-active {
  background: #6F6F70;
}
@keyframes leftt {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -200px;
  }
}
.more {
  border: 1px solid #EBEBEC;
  padding: 0 2.6875rem;
  line-height: 3.125rem;
  font-size: 1.25rem;
  color: #EBEBEC;
  display: inline-block;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.more.b0 {
  border-color: #1D1D1F;
  color: #1D1D1F;
}
.more::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  height: 100%;
  width: 100%;
  background: #EBEBEC;
  z-index: -1;
}
.more:hover::before {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  left: 0;
}
.more:hover {
  color: #1D1D1F;
}
.more.b0::before {
  background: #1D1D1F;
}
.more.b0:hover {
  color: #fff;
}
.list_inspiration .hover div {
  text-shadow: 3px 2px 0px rgba(0, 0, 0, 0.6);
}
.index_about .list {
  background: #A7A7A8;
  display: flex;
  align-items: center;
}
.index_about .list:nth-child(1) {
  background: #A8836F;
}
.index_about .list:nth-child(2) {
  background: #8F9B85;
}
.index_about .list > div {
  width: 50%;
}
.index_about .list .title {
  color: #EBEBEC;
}
.index_about .list .text {
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #EBEBEC;
  margin: 0.9375rem 0 5rem;
  padding: 0 5rem;
}
.index_about .list .right {
  padding: 0 7.5rem;
}
.index_about .list:nth-child(even) .left {
  order: 2;
}
.index_about .list:nth-child(even) .right {
  order: 1;
}
.index_story {
  padding: 6.25rem 0 8.125rem;
  background: #F5F5F7;
}
.index_story .swiper-container {
  margin-top: 7.0625rem;
}
.index_story .line5 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  height: 8.125rem;
}
.index_story .swiper-button-prev {
  left: -3.4375rem;
  background-size: cover;
  width: 1.6875rem;
  height: 2.75rem;
}
.index_story .swiper-button-next {
  right: -3.4375rem;
  background-size: cover;
  width: 1.6875rem;
  height: 2.75rem;
}
.design_swiper .swiper-pagination-bullet {
  width: 24px;
  height: 3px;
  background: #c2c2c2;
  opacity: 1;
  border-radius: 0;
}
.design_swiper .swiper-pagination-bullet-active {
  background: #acacac;
}
.index_story .content {
  background: #fff;
  padding: 2.1875rem 1.875rem;
}
.index_story .more {
  background: #1D1D1F;
  color: #fff;
  margin-top: 2.125rem;
}
.index_story .more:hover {
  color: #1D1D1F;
}
.index_story .swiper-pagination-bullet {
  background: #A7A7A8;
  opacity: 1;
  width: 0.625rem;
  height: 0.625rem;
}
.index_story .swiper-pagination-bullet-active {
  background: #6F6F70;
}
.index_story .swiper-pagination {
  display: none;
}
.index_story .more:hover::before {
  background: #fff;
}
.text {
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #1D1D1F;
}
footer {
  background: #1D1D1F;
  padding: 4.375rem 0 3.125rem;
}
footer ul {
  display: flex;
  justify-content: space-between;
}
footer ul .name {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #F5F5F5;
  margin-bottom: 0.75rem;
}
footer ul .text {
  font-size: 0.875rem;
  line-height: 1rem;
  color: #F5F5F5;
  margin-bottom: 0.75rem;
}
footer ul .text div {
  display: inline-block;
  position: relative;
  padding-bottom: 0.35rem;
}
footer ul .text div::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
footer ul .text:hover div::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.beian {
  padding: 1.25rem 0;
  background: #1D1D1F;
  font-size: 0.875rem;
  line-height: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  color: #6F6F70;
}
.beian a {
  color: #6F6F70;
}
header.active {
  box-shadow: 0 0 10px #ddd;
}
.bread {
  line-height: 5rem;
  font-size: 1.125rem;
  display: none;
}
.bread ul li {
  float: left;
}
.bread a {
  color: #6f6f70;
}
.bread a:hover {
  color: #1d1d1f;
}
.bread img {
  margin: 0 1.25rem;
  height: 1.0625rem;
}
.channel_pro .title {
  font-size: 1.625rem;
  line-height: 2.125rem;
  color: #6F6F70;
  margin-bottom: 2.5rem;
  font-family: "Futura-Bold-5";
}
.channel_pro .swiper-pagination {
  display: none;
}
.list_pro {
  background: #F5F5F7;
  padding: 6.4375rem 0;
}
.list_pro .title {
  font-weight: bold;
  font-size: 2.75rem;
  color: #6F6F70;
  line-height: 1;
  margin-bottom: 7.8125rem;
}
.show_pro {
  /* padding: 6.6875rem 0 5.75rem; */
  background: #F5F5F7;
}
.show_pro .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
}
.show_pro .swiper-pagination-bullet-active {
  background: #ffffff;
}
.show_pro .swiper-pagination {
  bottom: 1.875rem;
}
/* .show_pro .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
} */
.show_pro .right > div {
  padding: 0 5.3125rem;
}
.show_pro .right .title {
  font-size: 2.25rem;
  line-height: 2.5rem;
  color: #1D1D1F;
  margin-bottom: 3.5rem;
}
.show_pro_two,
.pt115 {
  padding-top: 7.1875rem;
}
.show_pro_two .text.mt30 {
  color: #6F6F70;
  font-weight: 700 !important;
  font-size: 1.625rem;
  line-height: 3rem;
  margin: 1.875rem auto 0;
}
.show_pro_two .content {
  margin-top: 1.875rem;
}
.show_pro_two .name {
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 2.1875rem;
  color: #6F6F70;
  font-family: "Helvetica Neue Condensed Bold";
}
.show_pro_two .row {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.mb120 {
  margin-bottom: 7.5rem;
}
.show_pro_two .row > div {
  padding: 0 1.5rem;
  margin-bottom: 7.5rem;
  width: 100%;
}
.show_pro_three .container .pc img {
  width: 100%;
}
.show_pro_three .container {
  background: #F5F5F7;
  padding-top: 7.1875rem;
}
.show_pro_three .more {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}
.ny_ban .hover {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
}
.ny_ban .hover .name {
  font-size: 3.4375rem;
  line-height: 3.4375rem;
  color: #FFFFFF;
  font-family: "JosefinSans";
}
.list_ufou,
.list_partner,
.list_join,
.list_showroon,
.list_store,
.list_history,
.list_search {
  padding: 9.125rem 0;
}
.list_partner {
  padding-top: 5rem;
}
.list_ufou .list_ufou_ul .content {
  padding: 2.1875rem 1.875rem 0;
}
.list_ufou .list_ufou_ul ul li {
  margin-bottom: 6.6875rem;
}
.list_ufou .list_ufou_ul ul li:last-child {
  margin-bottom: 0;
}
.list_ufou .text {
  font-size: 1rem;
  line-height: 2rem;
  padding: 0 1.875rem;
}
.list_ufou .list_pad_left .text,
.list_ufou .list_ufou_ul.list_pad_left .content {
  padding-left: 0;
}
.list_ufou .list_design ul {
  margin-top: 6.875rem;
}
.list_ufou .list_design ul li {
  margin-bottom: 7.5rem;
}
.list_ufou .list_design ul li:last-child {
  margin-bottom: 0;
}
.list_ufou .list_design .name {
  font-weight: bold;
  font-size: 2.125rem;
  line-height: 2.5rem;
  color: #6F6F70;
  margin-bottom: 1.875rem;
}
.list_partner .name {
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 2.8125rem;
  color: #1D1D1F;
}
.list_partner .text {
  font-size: 1rem;
  line-height: 2rem;
  color: #6F6F70;
}
.list_partner .bot {
  padding: 5.5rem 2rem 0;
}
.list_partner form {
  margin-top: 4.5rem;
}
.list_partner form ul li {
  padding: 0 2.375rem;
}
.list_partner form ul {
  margin: 0 -2.375rem;
}
.list_partner form ::-webkit-input-placeholder {
  color: #1D1D1F;
}
.list_partner form :-ms-input-placeholder {
  color: #1D1D1F;
}
.list_partner form ::placeholder {
  color: #1D1D1F;
}
.list_partner form input {
  line-height: 3.4375rem;
  border-bottom: 1px solid #1D1D1F;
  font-size: 1.25rem;
  color: #1D1D1F;
  width: 100%;
}
.list_partner form .address {
  margin-top: 5rem;
}
.list_partner form .identity {
  margin-top: 5rem;
}
.list_partner form .identity p {
  font-size: 1.25rem;
  line-height: 3.4375rem;
}
.list_partner form .identity select {
  width: 100%;
  height: 3.25rem;
}
.list_partner form .identity select option:nth-child(1) {
  display: none;
}
.list_partner form textarea {
  width: 100%;
  height: 12.5rem;
  display: block;
  font-size: 1rem;
  line-height: 2rem;
  color: #6F6F70;
  padding: 1.5625rem 1.375rem;
  border: none;
  border-bottom: 1px solid #1D1D1F;
}
.list_partner form .col-md-6 {
  padding-top: 1rem;
}
.list_partner form .send {
  margin-top: 4.375rem;
}
.list_partner form .send .left {
  font-size: 1rem;
  line-height: 2rem;
  color: #1D1D1F;
}
.list_partner form .send .left input {
  margin-right: 0.5rem;
}
.list_partner form .send .left span {
  color: #3366CC;
  cursor: pointer;
}
.list_partner form .send .left label {
  margin-bottom: 0;
}
.list_partner form .send .left .label {
  display: block;
  position: relative;
  padding-left: 20px;
  box-sizing: border-box;
  color: #999;
}
.list_partner form .send .left .label::after {
  content: "";
  border: 1px solid #999;
  width: 0.875rem;
  height: 0.875rem;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  border-radius: 50%;
}
.list_partner form .send .left .label::before {
  content: "";
  background: #3366CC;
  border-radius: 50%;
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.25rem;
  opacity: 0;
}
.list_partner form .send .left label input {
  display: none;
}
.list_partner form .send .left label input:checked + .label:after {
  border-color: #3366CC;
}
.list_partner form .send .left label input:checked + .label:before {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.list_partner form .send .left label input:checked + .label {
  transition: color 0.6s ease;
}
.list_partner form .send .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.list_partner form .send button {
  background: transparent;
}
.list_partner form .send input {
  width: auto;
}
.list_partner .top .text {
  padding: 3rem 1.875rem 2.3125rem;
}
.list_join .text {
  font-size: 1rem;
  line-height: 2rem;
  color: #6F6F70;
}
.list_join .text a {
  color: #3366CC;
}
.list_join .text a:hover {
  text-decoration: underline;
}
.list_join .bot {
  margin-top: 6.25rem;
}
.list_join .title {
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 2.8125rem;
  color: #1D1D1F;
  margin-bottom: 1rem;
}
.list_join .left ul li {
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 0.75rem;
  position: relative;
}
.list_join .left ul li div {
  display: inline-block;
  color: #6F6F70;
  cursor: pointer;
  position: relative;
  padding-bottom: 0.4375rem;
}
.list_join .left ul li.active div,
.list_join .left ul li:hover div {
  color: #1D1D1F;
}
.list_join .left ul li div::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #1D1D1F;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.list_join .left ul li:hover div::before,
.list_join .left ul li.active div::before {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  width: 100%;
}
.list_join .right ul li {
  display: none;
}
.list_join .right ul li.active {
  display: block;
}
.list_showroon .text {
  font-size: 1rem;
  line-height: 2rem;
  color: #6F6F70;
}
.list_showroon .bot {
  margin-top: 2.125rem;
}
.list_showroon .bot .text div {
  margin-top: 2.1875rem;
}
.list_store ul li {
  margin-bottom: 2.5rem;
}
.list_store ul li .left {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.625rem;
  letter-spacing: 2.8px;
  color: #515151;
  width: 3.125rem;
}
.list_store ul li .right {
  font-size: 0.875rem;
  line-height: 1.625rem;
  letter-spacing: 1.4px;
  color: #515151;
}
.list_store ul li:last-child {
  margin-bottom: 0;
}
.list_inspiration {
  padding: 7.5rem 0;
}
.list_inspiration .hover {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 2.75rem;
  line-height: 3.125rem;
  color: #FFFFFF;
  font-family: "Futura-Bold-5";
}
.fancybox__container {
  z-index: 9999 !important;
}
.list_inspiration_two {
  background: #F5F5F7;
  padding: 7.5rem 0;
}
.list_inspiration_two .squera {
  overflow: hidden;
  margin-bottom: 1.875rem;
}
.list_inspiration_two .hover {
  position: absolute;
  bottom: -105%;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: 9;
}
.list_inspiration_two .hover a {
  height: 100%;
}
.list_inspiration_two .hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.list_inspiration_two .squera:hover .hover {
  bottom: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.list_inspiration_two .content {
  position: absolute;
  top: 1.875rem;
  left: 2.375rem;
}
.list_inspiration_two .content .p1 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #FFFFFF;
}
.list_inspiration_two .squera .pr {
  overflow: hidden;
}
.list_inspiration_two .content .p2 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #FFFFFF;
}
.list_inspiration_two .fangdajing {
  position: absolute;
  bottom: 1.25rem;
  left: 2.375rem;
}
.list_inspiration_two .fangdajing .iconfont {
  font-size: 1.25rem;
  color: #fff;
}
.list_history .img {
  margin-bottom: 1.875rem;
}
.list_history .container .text img {
  width: 100%;
  padding-bottom: 2rem;
}
.list_history .container .text p:last-child .img {
  padding-bottom: 0;
}
.list_history .title {
  font-weight: bold;
  font-size: 1.675rem;
  margin-bottom: 4.0625rem;
  line-height: 2.5rem;
  color: #6F6F70;
}
.list_history .text {
  margin-bottom: 4.0625rem;
}
.list_history .xiala .iconfont {
  color: #A7A7A8;
  font-size: 1.25rem;
}
.list_history .left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: calc(100% - 50px);
  background: #A7A7A8;
}
.list_history .left {
  height: 34rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -6.25rem;
  width: auto;
  display: none;
}
.list_history .left ul {
  height: 100%;
}
.list_history .left ul li:nth-child(1) {
  text-align: right;
}
.list_history .left ul li:nth-child(2) {
  text-align: center;
}
.list_history .left ul li {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  font-size: 2.5rem;
  color: #6F6F70;
  cursor: pointer;
  height: 25%;
}
.list_history .left li a {
  color: #999999 !important;
}
.list_history .left li div {
  padding: 1.25rem 0;
  background: #fff;
  display: inline-block;
}
.list_history .left li.active a {
  color: #000 !important;
}
.list_history .left .swiper-slide-next {
  display: flex;
  align-items: flex-end;
}
.list_history .left ul {
  margin: -1.25rem 0;
}
.list_history .left .swiper-slide-next div {
  color: #EBEBEC;
  padding-bottom: 2.25rem;
  background: #fff;
}
.list_history .left .swiper-slide-prev {
  display: flex;
  align-items: flex-start;
}
.list_history .left .swiper-slide-prev div {
  color: #EBEBEC;
  padding-top: 2.25rem;
  background: #fff;
}
.list_history .text {
  line-height: 2rem;
  color: #6F6F70;
}
.list_history .right .hover {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.274);
  height: 100%;
  z-index: 999;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.list_history .right .list .pr {
  overflow: hidden;
}
.list_history .right .list:hover .hover {
  bottom: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.list_history .right .hover .name {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.75rem;
  color: #fff;
  font-weight: 600;
}
.list_history .right .hover .fangdajing {
  position: absolute;
  bottom: 1.25rem;
  left: 2.375rem;
}
.list_history .right .hover .fangdajing .iconfont {
  font-size: 1.25rem;
  color: #fff;
}
.list_history .right .content {
  padding: 0.5625rem 1.875rem 0;
}
.list_history .left.active {
  position: fixed;
  top: 9rem;
  left: 15.7rem;
}
.list_search ul li .name {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 0.625rem;
  line-height: 2.5rem;
  color: #6F6F70;
}
.list_search ul li .text {
  line-height: 2rem;
  color: #6F6F70;
  font-size: 1rem;
}
.list_search ul li {
  padding: 2.5rem 0;
  border-bottom: 1px solid #ddd;
}
.list_search ul li:hover .name {
  color: #1d1d1f;
}
.list_search ul li:first-child {
  padding-top: 0;
}
.hear_about input {
  display: none;
}
.hear_about label {
  position: relative;
  margin-right: 0.875rem;
  font-size: 0.875rem;
  font-weight: normal;
  color: #5E5E5E;
}
.hear_about label::before {
  display: inline-block;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.hear_about input + label::before {
  border: 1px solid #231815;
}
.hear_about input:checked + label::after {
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 13px;
  background-color: #231815;
}
.title_office.title {
  font-size: 2.75rem;
  color: #1D1D1F;
  text-transform: none;
}
.overview0715 .title {
  font-size: 2.75rem;
  color: #1D1D1F;
  text-transform: none;
}
.subtitle_wrap {
  color: #1D1D1F;
  font-weight: 700 !important;
  font-size: 1.625rem;
  line-height: 2.2rem;
  margin: 1.875rem auto 0;
  font-weight: 500 !important;
  text-wrap: balance;
}
.pt75 {
  padding-top: 4.6875rem;
}
.squea_features .name {
  margin: 1.875rem 0 0.25rem;
}
.squea_features .name.top_t {
  margin: 0 0 1rem 0;
  height: 3.75rem;
  display: flex;
  align-items: center;
}
.squea_features .name.top_t + div {
  margin-bottom: 1.25rem;
}
.squea_features .text {
  color: #1D1D1F;
  font-size: 1.125rem;
  line-height: 1.65rem;
}
.squea_features .over img {
  width: 100%;
}
.squea_features:hover img {
  transform: scale(1.1);
}
.show_pro_office_overview_three .img {
  padding: 6.125rem 7.8125rem;
  margin-bottom: 1.875rem;
}
.show_pro_office_overview_three .text {
  margin: 0.5rem 0 1.25rem;
}
.more.bgf {
  background: #fff;
  color: #1D1D1F;
}
.swiper_pag1 {
  height: 1px;
  background: #6F6F70;
  margin-top: 1.875rem;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  height: 4px;
  background: #6F6F70;
  top: -2px;
}
.font26 {
  color: #1D1D1F;
  font-size: 1.625rem;
  line-height: 1.875rem;
}
.font18 {
  color: #1D1D1F;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.65rem;
}
.squea_features .font16 {
  color: #1D1D1F;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: "Helvetica-Neue-Light-2";
}
.show_pro_office_overview_four .flex_left_right .text {
  margin-top: 0.625rem;
  font-family: "Helvetica-Neue-Light-2";
}
.squea_features .font18 {
  font-family: "Helvetica-Neue-Light-2";
}
.alignc {
  align-items: center;
}
.show_pro_office_overview_four .row {
  margin: 0 -2.5rem;
}
.show_pro_office_overview_four .row > div {
  padding: 0 2.5rem;
}
.ul_flex_six {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 2.5rem -0.9375rem 0;
}
.ul_flex_six li {
  width: 16.6%;
  padding: 0 0.9375rem;
}
.ul_flex_six li.w20 {
  width: 20%;
  margin-bottom: 1.875rem;
}
.ul_flex_six li.w20 .over {
  border: 1px solid #f5f5f5;
  margin-bottom: 0.25rem;
}
.ul_flex_six li.w20 .font16 {
  font-family: "Helvetica-Neue-Light-2";
}
.ul_flex_six li:hover img {
  transform: scale(1.1);
}
.ul_flex_six li .font16 {
  color: #1D1D1F;
  font-size: 1rem;
  line-height: 1.875rem;
  margin: 1.125rem 0 0;
}
.ul_flex_six li .text {
  color: #1D1D1F;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.pb120 {
  padding-bottom: 7.5rem;
}
.show_pro_office_fixed {
  border-top: 1px solid #F5F5F7;
  border-bottom: 1px solid #F5F5F7;
  line-height: 4rem;
  z-index: 99;
  font-size: 1.25rem;
  color: #6F6F70;
  background: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  position: sticky;
  top: 0;
  background: #F6F6F6;
}
.show_pro_office_fixed::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #F5F5F7;
  opacity: 0;
}
.show_pro_office_fixed.active {
  position: fixed;
  left: 0;
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.show_pro_office_fixed.active::before {
  opacity: 1;
}
.show_pro_office_fixed ul {
  display: flex;
}
.show_pro_office_fixed ul li {
  margin-right: 3.125rem;
  cursor: pointer;
}
.show_pro_office_fixed ul li div {
  display: inline-block;
  position: relative;
  display: flex;
  align-items: center;
}
.show_pro_office_fixed ul li div img {
  height: 1.5rem;
  margin-right: 0.25rem;
}
.show_pro_office_fixed ul li.active,
.show_pro_office_fixed ul li:hover {
  color: #1D1D1F;
}
.show_pro_office_fixed ul li.active div img,
.show_pro_office_fixed ul li:hover div img {
  filter: brightness(0);
}
.font20 {
  color: #1D1D1F;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.show_office_design_two ul li:not(:last-child) {
  margin-bottom: 7.5rem;
}
.show_office_design_two ul li .list:hover img {
  transform: scale(1.1);
}
.show_office_design_two ul li .list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.show_office_design_two ul li .left .list img {
  height: 16.5625rem;
}
.show_office_design_two ul li .left .list:not(:last-child) {
  margin-bottom: 2.5rem;
}
.show_office_design_two ul li .right img {
  height: 38.875rem;
  object-fit: cover;
}
.show_office_design_two ul li .font18 {
  margin-top: 1.5rem;
}
.show_office_design_two ul li:nth-child(even) .left {
  order: 2;
}
.show_office_design_two ul li:nth-child(even) .right {
  order: 1;
}
.show_office_download_one .font18 {
  color: #6F6F70;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.875rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.625rem;
}
.show_office_download_one .font18 .iconfont {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  margin-left: 0.3125rem;
  position: relative;
  top: 0.1875rem;
}
.show_office_download_one .font18:hover {
  color: #3366CC;
}
.show_office_download_one .font18:hover .iconfont {
  transform: translateX(0.625rem);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.show_office_download_one ul li {
  display: flex;
  align-items: center;
  padding: 2.25rem 0;
  border-bottom: 1px solid #D9D9D9;
}
.show_office_download_one ul li .img {
  width: 10.4375rem;
}
.show_office_download_one ul li .img img {
  width: 100%;
  object-fit: cover;
  height: 10.4375rem;
}
.show_office_download_one ul li .name {
  color: #1D1D1F;
  width: calc(100% - 10.4375rem - 17.5rem);
  font-size: 1.125rem;
  line-height: 1.875rem;
  text-align: center;
  padding: 0 1.875rem;
}
.show_office_download_one ul li .right {
  width: 17.5rem;
}
.show_office_download_one ul li .right a {
  color: #6F6F70;
  display: block;
  font-size: 0.875rem;
  line-height: 1.875rem;
}
.show_office_download_one ul li .right a:hover {
  color: #3366CC;
}
.show_office_download_one ul li .right a:hover img {
  filter: invert(54%) sepia(66%) saturate(6656%) hue-rotate(210deg) brightness(84%) contrast(87%);
}
.show_office_download_one ul li .right a img {
  margin-right: 0.6875rem;
  height: 0.75rem;
}
.jiantou_office {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.jiantou_office .iconfont {
  color: #000;
  font-size: 1.125rem;
  display: block;
}
.show_office_download_two ul li {
  padding: 2.8125rem 0;
  border-bottom: 1px solid #D9D9D9;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.show_office_download_two ul li .name {
  color: #1D1D1F;
  width: calc(100% - 17.5rem);
  font-size: 1.125rem;
  line-height: 1.875rem;
  padding: 0 1.875rem 0 0;
}
.show_office_download_two ul li .right {
  width: 17.5rem;
}
.show_office_download_two ul li .right a {
  color: #6F6F70;
  display: block;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.875rem;
}
.show_office_download_two ul li .right a:hover {
  color: #3366CC;
}
.show_office_download_two ul li .right a:hover img {
  filter: invert(54%) sepia(66%) saturate(6656%) hue-rotate(210deg) brightness(84%) contrast(87%);
}
.show_office_download_two ul li .right a img {
  margin-right: 0.6875rem;
  height: 0.75rem;
}
.show_office_download_two ul,
.show_office_download_one ul {
  margin-top: 3.75rem;
}
.sum_image > div,
.show_pro_sum > div {
  height: 0;
  overflow: hidden;
}
.sum_image > div.active,
.show_pro_sum > div.active {
  height: auto;
}
.poplogin .modal-dialog {
  top: 50%;
  transform: translateY(-50%) !important;
}
.poplogin .name {
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 1.2;
  color: #1D1D1F;
}
.poplogin .subtitle {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #1D1D1F;
  margin: 1rem 0 5rem;
}
.poplogin input {
  border-bottom: 1px solid #1D1D1F;
  line-height: 3.125rem;
  width: 100%;
  background: transparent;
}
.poplogin .left {
  padding-bottom: 6.25rem;
  padding-right: 4.6875rem;
  border-right: 1px solid #C0C1C1;
}
.poplogin .right {
  padding-left: 4.6875rem;
}
.poplogin .right .create_btn {
  font-size: 1.125rem;
  color: #1D1D1F;
  line-height: 2.625rem;
  border-radius: 2.5rem;
  border: 2px solid #1D1D1F;
  display: inline-block;
  padding: 0 2.625rem;
  margin-top: 3.75rem;
  cursor: pointer;
}
.poplogin .pr .n {
  font-size: 0.875rem;
  color: #1D1D1F;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.poplogin .pr .n.active {
  top: 0;
  transform: translateY(0);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.poplogin .pr .n span {
  color: #969797;
}
.poplogin .pr input.active {
  border-bottom-color: #BA0D23;
}
.poplogin .pr input {
  position: relative;
  z-index: 8;
  padding: 1rem 0 0;
}
.poplogin .btnn {
  width: auto !important;
  border-radius: 3.125rem !important;
  padding: 0 2.5rem !important;
  line-height: 2.5rem !important;
  font-size: 1.125rem;
}
.poplogin .right form {
  display: none;
}
.poplogin .right form.active {
  display: block;
}
.poplogin .agree {
  display: flex;
  justify-content: space-between;
  color: #969797;
  font-size: 0.75rem;
  line-height: 1rem;
  align-content: center;
  margin-bottom: 3.4375rem;
}
.poplogin .agree label {
  font-size: 1.125rem;
  color: #969797;
  margin-bottom: 0;
  font-size: 0.75rem;
}
.poplogin .agree label a {
  color: #969797;
}
.poplogin .agree input[type="radio"] + label {
  padding-left: 1.75rem;
}
.poplogin .agree input[type="radio"] + label::before {
  content: " ";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #969797;
  margin-right: 0.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.poplogin .agree input[type="radio"] + label::after {
  content: "\2713";
  position: absolute;
  top: 50%;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
  font-size: 0.75rem;
  opacity: 0;
  color: #fff;
}
.poplogin .agree input[type="radio"]:checked + label::before {
  background: #1D1D1F;
  border-color: #1D1D1F;
}
.poplogin .agree input[type="radio"]:checked + label::after {
  opacity: 1;
}
.poplogin .agree input[type="radio"] {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
}
.poplogin .agree .left {
  line-height: 3.125rem;
}
.poplogin .agree button {
  width: 10.375rem;
}
.poplogin .agree span {
  display: block;
}
.poplogin .agree input[type="radio"] {
  width: 1rem;
  height: 1rem;
  margin-bottom: 0;
  border: none;
  margin-right: 0.625rem;
  position: relative;
  top: -0.05rem;
}
.poplogin .agree input[type="radio"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  border: 1px solid #969797;
}
.poplogin .agree input[type="radio"]:checked::before {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #969797;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.poplogin .agree input[type="radio"]:checked::after {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  background: #969797;
  text-align: center;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.poplogin .agree label {
  position: relative;
  display: flex;
  align-items: center;
}
.poplogin .feed.btnn {
  width: 10rem;
  line-height: 3.125rem;
  text-align: center;
  background: transparent;
  border: 1px solid #6F6F70;
  color: #000;
}
.poplogin .modal-header,
.poplogincreate .modal-header {
  padding: 0;
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  border-bottom: none;
  z-index: 99;
}
.poplogin .modal-header button,
.poplogincreate .modal-header button {
  background: transparent !important;
  border: none !important;
}
.poplogin .modal-header button .iconfont,
.poplogincreate .modal-header button .iconfont {
  color: #000000;
}
.poplogin .modal-header .close,
.poplogincreate .modal-header .close {
  padding: 0;
  margin: 0;
}
.poplogin .modal-header .close .iconfont,
.poplogincreate .modal-header .close .iconfont {
  font-size: 2rem;
  display: block;
}
.poplogin .btnn,
.poplogincreate .btnn {
  width: 100%;
  border: 1px solid #6F6F70;
  color: #FFF;
  line-height: 3.125rem;
  font-size: 1.25rem;
  background: #1D1D1F;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.poplogin .btnn:hover,
.poplogincreate .btnn:hover {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.poplogin .modal-body,
.poplogincreate .modal-body {
  padding: 3.625rem 5.25rem;
}
.poplogin .img img,
.poplogincreate .img img {
  height: 3.125rem;
}
.poplogin .create,
.poplogincreate .create {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.875rem;
  margin: 0.75rem 0 1.25rem;
  text-align: right;
}
.poplogin .create.tl,
.poplogincreate .create.tl {
  text-align: left;
}
.poplogin .create a,
.poplogincreate .create a {
  color: #36C;
  position: relative;
}
.poplogin .create a::before,
.poplogincreate .create a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #36C;
}
.poplogin .create a:hover::before,
.poplogincreate .create a:hover::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.poplogin .title {
  margin: 1.5rem 0;
}
.poplogincreate .title {
  margin-top: 1.5625rem;
}
.poplogincreate .name {
  color: #000;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  line-height: 1.25rem;
}
.poplogincreate .create {
  margin-bottom: 1.125rem;
  margin-top: 0;
}
.poplogincreate select {
  padding: 0 0.75rem;
  border: 1px solid #000;
}
.poplogincreate input,
.poplogincreate select {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #000;
  line-height: 3.125rem;
  height: 3.125rem;
  color: #000;
  font-size: 1rem;
  width: 100%;
}
.poplogincreate input::placeholder,
.poplogincreate select::placeholder {
  color: #000;
}
.poplogincreate textarea {
  width: 100%;
  height: 7.5rem;
  border: none;
  border-bottom: 1px solid #000;
  display: block;
  color: #000;
  font-size: 1rem;
  line-height: 1.875rem;
}
.poplogincreate textarea::placeholder {
  color: #000;
}
.modal-open {
  padding-right: 0 !important;
}
#masonry,
#masonry1,
#masonry2,
#masonry3 {
  margin: 0 -0.625rem;
}
#masonry li,
#masonry1 li,
#masonry2 li,
#masonry3 li {
  width: 33.33333333%;
  padding: 0 0.625rem;
  margin-bottom: 1.25rem;
}
#masonry li .imga,
#masonry1 li .imga,
#masonry2 li .imga,
#masonry3 li .imga {
  background: #FFF;
  border: 1px solid #f5f5f5;
}
#two,
#three,
#one,
#four,
#five {
  position: absolute;
  top: -4.125rem;
  left: 0;
  width: 100%;
}
.list_inspiration_two .flex {
  margin-bottom: 1.875rem;
  justify-content: flex-end;
}
.list_inspiration_two .choise {
  position: relative;
  transform: translate(0, 0);
}
.list_inspiration_two .choise ul {
  top: 100%;
  width: 17rem;
}
.choise,
.choise_sp {
  width: 11.25rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
}
.choise:hover ul,
.choise_sp:hover ul {
  transform: scaleY(1);
  opacity: 1;
}
.choise ul,
.choise_sp ul {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  background: #fff;
  color: #6F6F70;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2.25rem;
  z-index: 9;
  padding: 1rem 1.25rem;
  border: 1px solid #E7E7E7;
  transition: 400ms ease-in-out;
  transform: scaleY(0);
  transform-origin: top center;
  opacity: 0;
}
.choise ul li,
.choise_sp ul li {
  position: relative;
  padding-left: 1.625rem;
  cursor: pointer;
}
.choise ul li a,
.choise_sp ul li a {
  color: #6F6F70;
}
.choise ul li::before,
.choise_sp ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1rem;
  height: 1rem;
  border: 1px solid #D9D9D9;
}
.choise ul li.active::after,
.choise_sp ul li.active::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  background: #6F6F70;
}
.choise div,
.choise_sp div {
  text-align: right;
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.875rem;
}
.choise div .iconfont,
.choise_sp div .iconfont {
  font-size: 1rem;
}
.sum_sp_img {
  overflow: hidden;
}
.border_f .over,
.border_f .over1 {
  border: 1px solid #f5f5f5;
}
.list_huiyuan {
  padding: 4rem 0 3.125rem;
}
.list_huiyuan .text {
  color: #6F6F70;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.875rem;
  width: 60%;
  margin: 0 auto;
}
.list_huiyuan .name {
  color: #1D1D1F;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  margin: 1.375rem 0;
}
.list_huiyuan_two {
  background: #F5F5F7;
}
.list_huiyuan_two .more {
  background: #fff;
  color: #1D1D1F;
  margin-top: 3.75rem;
}
.right_leftul {
  margin-top: 5rem;
}
.right_leftul ul li {
  align-items: center;
  margin-left: -1.875rem;
  margin-right: -1.875rem;
}
.right_leftul ul li:not(:last-child) {
  margin-bottom: 3.3125rem;
}
.right_leftul ul li > div {
  padding: 0 1.875rem;
}
.right_leftul ul li .font18 {
  font-family: "Helvetica-Neue-Light-2";
  margin-top: 0.9375rem;
}
.right_leftul ul li:nth-child(even) .rr {
  order: 1;
}
.right_leftul ul li:nth-child(even) .ll {
  order: 2;
}
.list_huiyuan_two.aa .sum_sum > div {
  display: none;
}
.list_huiyuan_two.aa .sum_sum > div.active {
  display: block;
}
.huiyuan_ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.huiyuan_ul li {
  font-size: 1.25rem;
  margin: 0 2rem;
  cursor: pointer;
  position: relative;
  padding-bottom: 0.5rem;
}
.huiyuan_ul li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  background: #000;
}
.huiyuan_ul li:hover::before,
.huiyuan_ul li.active::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.sum_sp_img .ul_flex_six {
  margin-top: 1.25rem;
}
.sum_sp_img > div:not(:last-child) {
  margin-bottom: 1.875rem;
}
.specs .squea_features .padding15 {
  padding: 1rem;
}
.spesc_two .squea_features .name {
  margin: 1rem 0 2rem;
}
.row20 {
  margin: 0 -0.625rem;
}
.row20 > div,
.row20 > li {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.pt40 {
  padding-top: 2.5rem;
}
.pb40 {
  padding-bottom: 2.5rem;
}
.pt60 {
  padding-top: 3.75rem;
}
.pb60 {
  padding-bottom: 3.75rem;
}
.pt30 {
  padding-top: 1.875rem;
}
.overview0715 img {
  width: 100%;
}
.overview0715 .subtitle {
  color: #6F6F70;
  font-weight: 700 !important;
  font-size: 1.625rem;
  line-height: 3rem;
  margin: 1.875rem auto 0;
}
.overview0715 video {
  display: block;
}
.overview0715 .flex {
  flex-wrap: wrap;
  display: flex;
  align-items: flex-start;
}
.overview0715 .tupian {
  margin-bottom: 1.25rem;
}
.overview0715 .w36 {
  width: 36.45%;
}
.overview0715 .w64 {
  width: 63.55%;
}
.overview0715 .title {
  line-height: 1;
}
.mb30 {
  margin-bottom: 1.875rem;
}
.specs0715_title {
  font-size: 1.25rem;
  padding-bottom: 0.625rem;
  line-height: 1.375rem;
  border-bottom: 1px solid #1D1D1F;
  color: #1D1D1F;
  text-transform: uppercase;
}
.specs0715_title > div {
  display: inline-block;
  position: relative;
}
.specs0715_title > div:hover ul {
  display: block;
}
.specs0715_title > div ul {
  background: #F5F5F5;
  font-size: 0.75rem;
  line-height: 1.875rem;
  padding: 0.25rem 0.625rem;
  border-radius: 0.625rem;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: none;
}
.specs0715_title > div ul li:hover a {
  color: #000;
}
.specs0715_title > div ul li a {
  color: #6F6F70;
}
.specs0715_title > div p {
  padding: 0 2.5rem;
  border-radius: 3.125rem;
  background: #F5F5F5;
  line-height: 1.875rem;
  font-size: 0.875rem;
  color: #6F6F70;
}
.specs0715_title > div .iconfont {
  font-size: 0.75rem;
  margin-left: 0.5rem;
}
.specs0715 .text {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #6F6F70;
}
.specs0715 .name {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #1D1D1F;
  margin-top: 0.625rem;
}
.specs0715 .list .name1 {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1;
  color: #1D1D1F;
  margin-bottom: 0.875rem;
}
.specs0715 .list ul {
  display: flex;
  flex-wrap: wrap;
}
.specs0715 .list ul li {
  width: 20%;
}
.specs0715 .list ul li .text {
  padding-top: 0.625rem;
}
.image0715 .choise {
  padding-bottom: 0.625rem;
  width: 9.25rem;
}
.image0715 .choise ul {
  top: 88%;
}
.image0715 .choise div {
  color: #6F6F70;
}
.image0715 .choise ul li {
  font-size: 0.75rem;
}
.pb20 {
  padding-bottom: 1.25rem;
}
.proresources0715 .ul > li {
  display: flex;
  align-items: center;
}
.proresources0715 .ul > li:not(:last-child) {
  padding-bottom: 1.875rem;
}
.proresources0715 .ul > li .left {
  width: 11.5rem;
  padding-top: 2rem;
}
.proresources0715 .ul > li .right {
  width: calc(100% - 11.5rem);
  padding-left: 1.875rem;
}
.proresources0715 .ul > li .right .name {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #1D1D1F;
  padding: 0 1.375rem;
  margin-bottom: 1.25rem;
}
.proresources0715 .ul > li .right ul {
  border-top: 1px solid #9E9E9F;
}
.proresources0715 .ul > li .right ul li {
  border-bottom: 1px solid #9E9E9F;
  display: flex;
  justify-content: space-between;
  padding: 0 1.375rem;
  font-size: 1rem;
  height: 2.0625rem;
  align-items: center;
  color: #6F6F70;
}
.proresources0715 .ul > li .right ul li a {
  color: #6F6F70;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.proresources0715 .ul > li .right ul li a img {
  height: 0.625rem;
  margin-right: 0.625rem;
}
.proresources0715 .ul > li .right ul li a:hover {
  color: #000;
}
.proresources0715 .ul > li .right ul li a:hover img {
  filter: brightness(0);
}
.proresources0715 .ul > li .right ul li div:nth-child(1) {
  width: 50%;
}
.proresources0715 .ul > li .right ul li div:nth-child(2) {
  width: 30%;
}
.proresources0715 .ul > li .right ul li div:nth-child(3) {
  width: 20%;
  text-align: right;
}
.list_pro.pt40.bgff {
  padding-top: 2.5rem;
}
.list_pro_office .suqerua_pro_office .pr {
  border: 1px solid #f5f5f5;
}
.list_pro_office .suqerua_pro_office img {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.list_pro_office .suqerua_pro_office .name {
  font-size: 1.125rem;
  color: #1D1D1F;
  margin-top: 0.75rem;
  display: inline-block;
  position: relative;
  padding-bottom: 0.625rem;
}
.list_pro_office .suqerua_pro_office .name::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #000;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.list_pro_office .suqerua_pro_office:hover .pr img {
  transform: scale(1.2);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.list_pro_office .suqerua_pro_office:hover .name::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.nyban .ny_title {
  font-size: 2.375rem;
  line-height: 2.5rem;
  color: #1D1D1F;
  padding: 3.75rem 0;
}
.show_news .xw_401 .row:nth-child(odd) {
  flex-direction: row-reverse;
}
.show_news.pt150 {
  padding-top: 9.375rem;
}
.show_news .text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #6F6F70;
}
.show_news .name {
  font-weight: bold;
  font-size: 1.25rem;
  color: #1D1D1F;
  margin-bottom: 0.625rem;
}
.list_shop {
  padding: 9.375rem 0;
}
.list_shop ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -0.625rem;
}
.list_shop ul li {
  flex: 1 0 0;
  text-align: center;
  padding: 0 0.625rem;
}
.list_shop ul li .icon {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1D1D1F;
  margin: 0 auto;
}
.list_shop ul li .icon img {
  height: 3.75rem;
}
.list_shop ul li .name {
  font-size: 1.125rem;
  line-height: 1.875rem;
  margin-top: 0.75rem;
  color: #1D1D1F;
}
.list_qa ul {
  border-top: 1px solid #9E9E9F;
}
.list_qa ul li {
  border-bottom: 1px solid #9E9E9F;
}
.list_qa ul li.active .top div .iconfont {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transform: rotate(180deg);
}
.list_qa ul li .top {
  cursor: pointer;
  height: 3.75rem;
  display: flex;
  align-items: center;
}
.list_qa ul li .top p {
  width: 80%;
  font-size: 1.125rem;
  color: #1D1D1F;
}
.list_qa ul li .top div {
  width: 20%;
  text-align: right;
}
.list_qa ul li .top div .iconfont {
  font-size: 1.25rem;
  display: inline-block;
  color: #1D1D1F;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.list_qa ul li .bot {
  padding: 0 0 2.1875rem;
  display: none;
}
.list_qa ul li .bot .text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #6F6F70;
}
.ny_qiehuan {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #1D1D1F;
}
.ny_qiehuan .sum > div {
  display: none;
}
.ny_qiehuan .sum > div.active {
  display: block;
}
.ny_qiehuan > .pr:not(:last-child) {
  margin-right: 1.875rem;
}
.ny_qiehuan > .pr:hover ul {
  display: block;
}
.ny_qiehuan > .pr ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 0.625rem 0;
  font-size: 0.875rem;
  color: #6F6F70;
  background: #F5F5F5;
  z-index: 1;
  display: none;
  line-height: 2rem;
}
.ny_qiehuan > .pr ul li {
  cursor: pointer;
}
.ny_qiehuan > .pr ul li.active a {
  color: #1D1D1F;
}
.ny_qiehuan > .pr ul a {
  padding-left: 1.5625rem;
  color: #6F6F70;
}
.ny_qiehuan > .pr ul a:hover {
  color: #1D1D1F;
}
.ny_qiehuan > .pr > div {
  line-height: 2.5rem;
  border-radius: 3.125rem;
  padding: 0 1.5625rem;
  font-size: 0.875rem;
  color: #6F6F70;
  background: #F5F5F5;
  z-index: 4;
  position: relative;
  display: flex;
  align-items: center;
}
.ny_qiehuan > .pr > div .iconfont {
  font-size: 0.875rem;
  display: block;
  margin-left: 1.25rem;
}
.list_find_store .sum ul {
  display: none;
}
.list_find_store .sum ul.active {
  display: block;
}
.list_find_store .ul li {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #9E9E9F;
}
.list_find_store .ul li .name {
  margin-bottom: 0.375rem;
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #1D1D1F;
}
.list_find_store .ul li .text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #6F6F70;
}
.list_contact {
  padding: 9.375rem 0 13.125rem 0;
  /*重写伪类*/
}
.list_contact .agree label {
  font-size: 1rem;
}
.list_contact .agree:nth-child(1) input[type="radio"] + label::after {
  top: 0.5rem;
}
.list_contact .agree:nth-child(1) input[type="radio"] + label::before {
  top: 0.375rem;
  transform: translateY(0);
}
.list_contact .agree:nth-child(2) input[type="radio"] + label::before {
  top: 0.375rem;
  transform: translateY(0);
}
.list_contact .agree:nth-child(2) input[type="radio"] + label::after {
  top: 0.5rem;
}
.list_contact .contact1 {
  margin: 0 -1.75rem;
}
.list_contact .contact1 > div {
  padding: 0 1.75rem;
}
.list_contact .name {
  font-weight: bold;
  font-size: 1.625rem;
  color: #1D1D1F;
  margin-bottom: 0.9375rem;
}
.list_contact .text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #6F6F70;
}
.list_contact label {
  font-size: 1.125rem;
  color: #969797;
}
.list_contact input[type="radio"] + label {
  padding-left: 1.75rem;
}
.list_contact input[type="radio"] + label::before {
  content: " ";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #969797;
  margin-right: 0.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.list_contact label {
  margin-bottom: 0;
}
.list_contact input[type="radio"] + label::after {
  content: "\2713";
  position: absolute;
  top: 50%;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
  font-size: 0.75rem;
  opacity: 0;
  color: #fff;
}
.list_contact input[type="radio"]:checked + label::before {
  background: #1D1D1F;
  border-color: #1D1D1F;
}
.list_contact input[type="radio"]:checked + label::after {
  opacity: 1;
}
.list_contact input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.list_contact .sex {
  display: flex;
  justify-content: flex-start;
}
.list_contact .sex > div:not(:last-child) {
  margin-right: 2.5rem;
}
.list_contact .more_btn {
  width: 9.375rem;
  line-height: 2.875rem;
  border-radius: 3.125rem;
  background: #1D1D1F;
  border: none;
  font-size: 1.125rem;
  color: #FFFFFF;
  margin-top: 3.125rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.list_contact .more_btn:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.35);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.list_contact .agree {
  justify-content: flex-start;
  font-size: 1rem;
  line-height: 1.75rem;
  margin-bottom: 1.25rem;
  color: #6F6F70;
}
.list_contact .agree input[type="radio"] {
  top: 0.36rem;
}
.list_contact .agree input[type="radio"]:checked::before {
  background: #1D1D1F;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
}
.list_contact .agree p {
  width: calc(100% - 1.625rem);
}
.list_contact .agree input[type="radio"]:checked::after {
  content: "\2713";
  background: transparent;
  color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid #1D1D1F;
  font-size: 0.75rem;
}
.layui-layer-btn .layui-layer-btn0 {
  border-color: #1D1D1F !important;
  background: #1D1D1F !important;
}
.list_inspiration_0827 ul li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.textmsg {
  font-size: 0.75rem;
  color: #BA0D23;
  position: absolute;
  bottom: -1.25rem;
  left: 0;
  width: 100%;
}
.list_download .ul > li {
  margin-top: 2.5rem;
  display: flex;
}
.list_download .ul > li .left {
  width: 11.25rem;
  height: 11.25rem;
}
.list_download .ul > li .left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.list_download .ul > li .right {
  width: calc(100% - 11.25rem);
  padding-left: 1.875rem;
}
.list_download .ul > li .right .name {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #1D1D1F;
  padding: 0 1.375rem;
}
.list_download .ul > li .right ul li {
  border-bottom: 1px solid #9E9E9F;
  display: flex;
  line-height: 2.125rem;
  font-size: 0.875rem;
  color: #6F6F70;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.375rem;
}
.list_download .ul > li .right ul li a {
  color: #6F6F70;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.list_download .ul > li .right ul li a:hover {
  color: #1D1D1F;
}
.list_download .ul > li .right ul li a .iconfont {
  font-size: 1rem;
  display: block;
  font-weight: 600;
  margin-right: 0.25rem;
}
.list_download .ul > li .right ul li div {
  width: 45%;
}
.list_download .ul > li .right ul li div:nth-child(2) {
  width: 35%;
}
.list_download .ul > li .right ul li div:last-child {
  width: 20%;
}
.cookic_fix {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #1D1D1F;
  padding: 1.875rem 0;
  z-index: 999;
  display: none;
}
.cookic_fix .conent-avs {
  display: flex;
  align-items: center;
}
.cookic_fix .conent-avs .left {
  width: calc(100% - 10rem);
  padding-right: 10rem;
}
.cookic_fix .conent-avs .right {
  width: 10rem;
}
.cookic_fix .name {
  font-size: 1.125rem;
  color: #fff;
  margin-bottom: 0.5rem;
}
.cookic_fix .text {
  font-size: 0.875rem;
  color: #fff;
}
.cookic_fix .text a {
  font-size: 0.875rem;
  margin-left: 0.625rem;
  text-decoration: underline;
  display: inline-block;
  color: #fff;
}
.cookic_fix .right a {
  line-height: 2.5rem;
  width: 9.375rem;
  text-align: center;
  border-radius: 3.125rem;
  font-size: 1rem;
  text-transform: uppercase;
  color: #fff;
  padding: 0;
  display: block;
  background: transparent;
  cursor: pointer;
}
.cookic_fix .right a::before {
  background: #fff;
}
.cookic_fix .right a:hover {
  color: #1D1D1F;
}
.cookic_fix .right a:not(:last-child) {
  margin-bottom: 0.875rem;
}
.pro_download ul li .right a {
  cursor: pointer;
}
.m-bm-nav > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}
.m-bm-nav > li > a {
  display: block;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  padding: 0 4%;
  width: calc(100% - 40px);
}
.m-bm-nav > li > a span {
  display: inline-block;
  min-width: 40%;
  max-width: 50%;
  font-weight: 500;
}
.m-bm-nav > li .sec {
  display: none;
  padding: 10px 15px 10px 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.m-bm-nav > li .sec a {
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 35px;
}
.m-bm-nav > li .sec a span {
  display: inline-block;
  min-width: 40%;
  max-width: 50%;
}
.m-bm-nav .aniut {
  position: absolute;
  width: 40px;
  height: 50px;
  line-height: 50px;
  right: 2%;
  top: 0;
  text-align: center;
  z-index: 9;
}
.m-bm-nav .aniut i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #fff;
}
.foot-fot {
  background: #1D1D1F;
  display: none;
}
.index_product .swiper-pagination {
  display: none;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper_pag .swiper-pagination-bullet {
  background: #A7A7A8;
  opacity: 1;
  width: 0.625rem;
  height: 0.625rem;
  margin: 0 0.25rem;
}
.swiper_pag .swiper-pagination-bullet-active {
  background: #1D1D1F;
}
.index_two .name {
  max-width: 67%;
}
.index_two .line1 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.index_two.news .ul {
  margin-bottom: 0;
}
.list_ufou_ul img,
.border_f img {
  width: 100%;
}
@font-face {
  font-family: "JosefinSans-Regular";
  src: url(../font/JosefinSans-SemiBold.ttf);
}
@font-face {
  font-family: "JosefinSans-Bold";
  src: url(../font/JosefinSans-Bold.ttf);
}
@font-face {
  font-family: "OpenSans";
  src: url(../font/OpenSans-SemiBold.ttf);
}
@font-face {
  font-family: "OpenSans-Bold";
  src: url(../font/OpenSans-Bold.ttf);
}
@font-face {
  font-family: "OpenSans-Regular";
  src: url(../font/OpenSans-Regular.ttf);
}
.sjj_nav .erji_top p {
  font-family: "JosefinSans-Bold";
}
.show_pro_office_fixed ul li div {
  font-family: "OpenSans-Regular";
}
header .left > ul > li > a,
header .left > ul > li .drop_trans .r > ul > li ul li a,
.title,
.nyban .ny_title,
.sjj_nav .bot > li > a div,
.sjj_nav .bot > li > ul li .list .right a div {
  font-family: "JosefinSans-Regular";
}
header .left > ul > li .drop_trans .r > ul > li > a,
.sjj_nav .bot > li > ul li .list .left {
  font-family: "JosefinSans-Bold";
  font-weight: normal;
}
header .yuyan .drop_yuyan p,
header .yuyan .drop_yuyan > div .pr > div,
.font26,
.specs0715 .name,
.proresources0715 .ul > li .right ul li,
.sjj_nav .login .left .name,
.poplogin .name {
  font-family: "OpenSans";
}
.proresources0715 .ul > li .right .name {
  font-family: "OpenSans-Bold";
}
.cookic_fix .name,
.cookic_fix .text,
.cookic_fix .right a,
footer ul .name,
footer ul .text,
.beian,
.index_two .ul li .name,
.index_product .squera_pro .name,
.channel_pro .squera_pro .name,
.list_pro .squera_pro .name,
.list_contact .name,
.poplogin .pr .n,
.poplogin .pr input {
  font-family: "OpenSans";
}
.index_two .ul li .text {
  font-family: "OpenSans-Regular";
}
.list_ufou .text,
.list_join .text,
.list_contact .text,
.list_contact .agree,
.list_contact .more_btn,
.show_pro_sum .text,
.show_news .text {
  font-family: "OpenSans-Regular";
}
@font-face {
  font-family: "BigJohnPRO-Bold";
  src: url(../font/BigJohnPRO-Bold.otf);
}
.title_office.title {
  font-family: "BigJohnPRO-Bold";
  font-size: 2.1875rem;
}
.overview0715 .title {
  font-family: "BigJohnPRO-Bold";
  font-size: 2.1875rem;
}
.overview0715 .subtitle,
.show_pro_two .text.mt30 div {
  font-size: 1.375rem !important;
  font-family: "OpenSans-Regular";
  line-height: 2.25rem;
  font-weight: normal !important;
}
.show_pro_two .text.mt30 div strong {
  font-weight: normal !important;
}
.cookic_fix .right a {
  font-family: "OpenSans";
}
.shaixuan_0904.pro_case .ny_qiehuan {
  flex-wrap: wrap;
}
.shaixuan_0904.pro_case .ny_qiehuan > .pr ul li a {
  white-space: nowrap;
}
.shaixuan_0904.pro_case .ny_qiehuan .country.active > a {
  background: #1D1D1F;
  color: #fff;
}
.shaixuan_0904.pro_case .ny_qiehuan .country.active > a .iconfont {
  color: #fff;
}
.shaixuan_0904.pro_case .ny_qiehuan .pr > a {
  line-height: 2.5rem;
  border-radius: 3.125rem;
  padding: 0 1.5625rem;
  font-size: 0.875rem;
  color: #6F6F70;
  background: #F5F5F5;
  z-index: 4;
  position: relative;
  display: flex;
  align-items: center;
}
.shaixuan_0904.pro_case .ny_qiehuan .pr > a .iconfont {
  font-size: 0.875rem;
  display: block;
  margin-left: 1.25rem;
}
.shaixuan_0904.pro_case .ny_qiehuan > .pr ul {
  z-index: 99;
  width: auto;
  min-width: 100%;
  padding-right: 1rem;
}
.shaixuan_0904.pro_case .ny_qiehuan .country {
  margin-bottom: 0.625rem;
}
.squera_pro .name,
.overview0715 .title,
.index_product .title {
  text-transform: uppercase;
}
.list_ufou_1015 .text {
  font-size: 0.9375rem;
  line-height: 1.375rem;
  color: #000000;
}
.list_ufou_1015 .content {
  padding: 7.5rem 0 6.875rem;
  background: #f2ede3;
}
.list_ufou_1015 .content .name {
  margin: 2.8125rem 0 1.5625rem;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: #211815;
}
.list_ufou_1015 .content .img img {
  height: 3.625rem;
  width: auto;
}
.list_ufou_1015 .content .text {
  font-size: 0.9375rem;
  line-height: 1.6875rem;
  color: #211815;
}
.list_ufou_1015 .content2 {
  background: #f2ede3;
  padding: 4.6875rem 0;
}
.list_ufou_1015 .content2 .left .name,
.list_ufou_1015 .content2 .left .text {
  padding-left: 4.125rem;
}
.list_ufou_1015 .content2 .left .text {
  margin: 2.8125rem 0 4.375rem;
}
.list_ufou_1015 .content2 .right {
  text-align: center;
}
.list_ufou_1015 .content2 .right .img {
  margin: 4.375rem 0 8.75rem;
}
.list_ufou_1015 .content2 .right .img img {
  height: 17rem;
}
.list_ufou_1015 .content2 .name {
  font-size: 2.375rem;
  line-height: 2.625rem;
  color: #211815;
  font-weight: 600;
}
.list_ufou_1015 .content2 .text {
  font-size: 0.9375rem;
  line-height: 1.375rem;
  color: #211815;
}
.list_ufou_1015 .content2 .name2 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #211815;
  margin-bottom: 1.5625rem;
  font-weight: 600;
}
.list_ufou_1015 .content3 {
  background: #7b2e26;
}
.list_ufou_1015 .content3 .flex .left {
  width: 62%;
}
.list_ufou_1015 .content3 .flex .right {
  width: 38%;
}
.list_ufou_1015 .content3 .flex .right .text {
  padding: 0 1.25rem;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  color: #ffffff;
}
.list_ufou_1015 .content4 .flex {
  align-items: normal;
}
.list_ufou_1015 .content4 .flex .left {
  padding: 4.375rem 3.125rem 0 4.0625rem;
  width: 30%;
}
.list_ufou_1015 .content4 .flex .left .bot {
  height: calc(100% - 2rem);
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.list_ufou_1015 .content4 .flex .left .bot div {
  width: 100%;
}
.list_ufou_1015 .content4 .flex .left .name {
  font-size: 2.375rem;
  line-height: 2rem;
  color: #211815;
  font-weight: 600;
}
.list_ufou_1015 .content4 .flex .left .name1 {
  font-size: 1.5rem;
  line-height: 1.4375rem;
  color: #211815;
}
.list_ufou_1015 .content4 .flex .left .text {
  margin: 1.375rem 0 3.125rem;
}
.list_ufou_1015 .content4 .flex .right {
  width: 70%;
}
.list_ufou_1015 img {
  width: 100%;
}
.list_ufou_1015 .content5 .img {
  padding-left: 5.625rem;
}
.overview0715 .flex.ali {
  align-items: normal;
}
.overview0715 .flex.ali > div {
  height: auto;
}
.overview0715 .flex.ali > div div {
  height: 100%;
}
.overview0715 .flex.ali > div img {
  height: 100%;
  object-fit: cover;
}
.pb100 {
  padding-bottom: 6.25rem;
}
.modal-xl {
  max-width: 60%;
}
@media (max-width: 767px) {
  .overview0715 .tupian {
    margin-bottom: 40px;
  }
}
@media (max-width: 1280px) {
  .poplogin .left {
    padding-bottom: 1.25rem;
  }
  .poplogin .modal-dialog {
    margin: 0 auto;
  }
}
.channel_knowledge .ul {
  margin-top: 2.8125rem;
}
.channel_knowledge .ul li .hover {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 2rem;
  color: #1D1D1F;
  text-align: center;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 2rem;
}
.channel_knowledge .ul li:hover .img img {
  transform: scale(1.1);
}
.channel_knowledge .ul li:hover .hover {
  color: #3366CC;
}
.list_knowledge .shaixuan {
  display: flex;
  justify-content: flex-end;
  margin: 2.8125rem 0 1.875rem;
}
.list_knowledge .shaixuan .choise {
  transform: translateY(0);
  position: static;
  cursor: pointer;
  width: auto;
  margin-left: 3rem;
}
.list_knowledge .shaixuan .choise .flex {
  margin-top: 0.75rem;
  justify-content: flex-start;
}
.list_knowledge .shaixuan .choise .flex button {
  color: #000;
  font-size: 0.75rem;
  font-weight: 400;
  border: none;
  background: transparent;
}
.list_knowledge .shaixuan .choise .flex button:nth-child(1) {
  width: 4rem;
  line-height: 1.5rem;
  border: 1px solid #000000;
  text-align: center;
  margin-right: 1rem;
}
.list_knowledge .shaixuan .choise > div {
  text-transform: capitalize;
}
.list_knowledge .shaixuan .choise ul {
  width: 10rem;
}
.list_knowledge .shaixuan .choise ul li {
  padding-left: 0;
  /* 自定义checkbox外框 */
  /* 选中状态的对勾 */
  /* 选中时的样式 */
  /* 悬停效果 */
  /* 禁用状态 */
  /* 选中状态下的label文字颜色 */
}
.list_knowledge .shaixuan .choise ul li input {
  display: none;
}
.list_knowledge .shaixuan .choise ul li label {
  text-transform: capitalize;
}
.list_knowledge .shaixuan .choise ul li input[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: block;
  line-height: 24px;
  transition: all 0.3s ease;
}
.list_knowledge .shaixuan .choise ul li input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 1rem;
  height: 1rem;
  border: 1px solid #D9D9D9;
  background: #fff;
  border-radius: 3px;
  transition: all 0.3s ease;
}
.list_knowledge .shaixuan .choise ul li input[type="checkbox"] + label:after {
  content: '';
  position: absolute;
  left: 0.375rem;
  top: 0.125rem;
  width: 0.375rem;
  height: 0.75rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: all 0.3s ease;
}
.list_knowledge .shaixuan .choise ul li input[type="checkbox"]:checked + label:before {
  background: #1D1D1F;
  border-color: #1D1D1F;
}
.list_knowledge .shaixuan .choise ul li input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.list_knowledge .shaixuan .choise ul li input[type="checkbox"] + label:hover:before {
  border-color: #1D1D1F;
}
.list_knowledge .shaixuan .choise ul li input[type="checkbox"]:disabled + label {
  opacity: 0.6;
  cursor: not-allowed;
}
.list_knowledge .shaixuan .choise ul li input[type="checkbox"]:checked + label {
  color: #1D1D1F;
}
.list_knowledge .shaixuan .choise ul li:hover a {
  color: #000;
}
.list_knowledge .shaixuan .choise ul li::after,
.list_knowledge .shaixuan .choise ul li::before {
  display: none;
}
.list_knowledge .shaixuan .choise ul li a {
  position: relative;
  padding-left: 1.625rem;
  text-transform: capitalize;
}
.list_knowledge .shaixuan .choise ul li a::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1rem;
  height: 1rem;
  border: 1px solid #D9D9D9;
}
.list_knowledge .shaixuan .choise ul li.selected a::after,
.list_knowledge .shaixuan .choise ul li.active a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  background: #6F6F70;
}
.list_knowledge .ul li {
  margin-bottom: 3.5rem;
}
.list_knowledge .ul li:hover .over img {
  transform: scale(1.1);
}
.list_knowledge .ul li:hover .name {
  color: #3366CC;
}
.list_knowledge .ul li .name {
  color: #1D1D1F;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin: 1.25rem 0 0.5rem;
}
.list_knowledge .ul li .text {
  color: #6F6F70;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.875rem;
}
.list_knowledge .ul li .tags {
  margin-top: 1.25rem;
  border-top: 1px solid #000000;
  padding-top: 1.25rem;
  line-height: 1.875rem;
}
.list_knowledge .ul li .tags a {
  color: #6F6F70;
  font-size: 1rem;
  font-weight: 400;
}
.list_knowledge .ul li .tags a:hover {
  color: #3366CC;
}
.list_knowledge .ul li .tags span {
  color: #6F6F70;
}
.list_knowledge .ul li .tags span:last-child {
  display: none;
}
.show_knowledge {
  padding-top: 3.75rem;
}
.show_knowledge .swiper-pagination-bullet {
  background: #fff;
}
.show_knowledge .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.25rem;
}
.show_knowledge .swiper-pagination-bullet-active {
  background: #1C1D1F;
}
.show_knowledge .subtitle_wrap {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #706F70;
}
.show_knowledge .pr230 {
  padding-right: 14.375rem;
}
.show_knowledge .pl230 {
  padding-left: 14.375rem;
}
.show_knowledge .img img {
  width: 100%;
}
.show_knowledge .first_left .left_right:nth-child(odd) .right {
  order: 1;
  padding-left: 0;
}
.show_knowledge .first_left .left_right:nth-child(odd) .left {
  order: 2;
  padding-right: 1.25rem;
}
.show_knowledge .first_left .left_right:nth-child(even) .right {
  order: 2;
  padding-left: 30px;
}
.show_knowledge .first_left .left_right:nth-child(even) .left {
  order: 1;
}
.show_knowledge .left_right {
  display: flex;
  flex-wrap: wrap;
}
.show_knowledge .left_right:nth-child(even) .right {
  order: 1;
  padding-left: 0;
}
.show_knowledge .left_right:nth-child(even) .left {
  order: 2;
  padding-right: 1.25rem;
}
.show_knowledge .left_right .left {
  width: 72.75%;
}
.show_knowledge .left_right .left img {
  aspect-ratio: 3 / 2;
}
.show_knowledge .left_right .right {
  width: 27.25%;
  padding: 0 1.875rem;
}
.show_knowledge .left_right .right .name {
  font-weight: bold;
  font-size: 1.75rem;
  line-height: 2.25rem;
  color: #1C1D1F;
  margin-bottom: 1rem;
}
.show_knowledge .first .left_right_img .left {
  order: 2;
}
.show_knowledge .first .left_right_img .right {
  order: 1;
}
.show_knowledge .left_right_img {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  display: flex;
  padding-right: 1.25rem;
}
.show_knowledge .left_right_img > div {
  padding: 0 0.625rem;
}
.show_knowledge .left_right_img .left {
  width: 63.5%;
}
.show_knowledge .left_right_img .left img {
  aspect-ratio: 4 / 3;
  height: 100%;
  object-fit: cover;
}
.show_knowledge .left_right_img .right {
  width: 36.5%;
}
.show_knowledge .left_right_img .right img {
  aspect-ratio: 3 / 4;
  height: 100%;
  object-fit: cover;
}
.show_knowledge .name2 {
  font-weight: bold;
  font-size: 1.75rem;
  line-height: 2.25rem;
  color: #1C1D1F;
  margin-bottom: 1rem;
}
.show_knowledge .text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #706F70;
}
.show_knowledge .text .name {
  color: #1D1D1F;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 2.5rem;
}
.show_knowledge .text ul li:not(:last-child) {
  margin-bottom: 1.875rem;
}
.show_knowledge .text ul li:nth-child(odd) .left {
  padding-right: 0;
}
.show_knowledge .text ul li:nth-child(odd) .right {
  padding-left: 3.75rem;
}
.show_knowledge .text ul li:nth-child(even) .left {
  order: 2;
  padding-left: 0;
}
.show_knowledge .text ul li:nth-child(even) .right {
  order: 1;
  padding-right: 3.75rem;
}
.show_knowledge .tags {
  color: #1D1D1F;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.875rem;
  padding: 1.25rem 0;
  border-top: 1px solid #000;
  margin-top: 5rem;
}
.show_knowledge .tags a:hover {
  color: #3366CC;
}
.show_knowledge .tags a,
.show_knowledge .tags span {
  color: #6F6F70;
}
.show_knowledge .tags span:last-child {
  display: none;
}
@media (max-width: 768px) {
  .show_knowledge .pr230 {
    padding-right: 0;
  }
  .show_knowledge .left_right .left {
    width: 100%;
  }
  .show_knowledge .left_right .right {
    width: 100%;
    padding: 0;
  }
  .show_knowledge .left_right .right {
    margin-top: 30px;
  }
  .show_knowledge .left_right:nth-child(even) .left {
    order: 1;
    padding-right: 0;
  }
  .show_knowledge .first_left .left_right:nth-child(odd) .left {
    order: 1;
    padding-right: 0;
  }
  .show_knowledge .first_left .left_right:nth-child(even) .right {
    padding-left: 0;
  }
  .show_knowledge .mt60 {
    margin-top: 30px;
    padding-right: 0;
  }
  .show_knowledge .mt80 {
    margin-top: 30px;
  }
  .show_knowledge .pt80 {
    padding-top: 30px;
  }
  .show_knowledge .name2,
  .show_knowledge .left_right .right .name {
    font-size: 1.375rem;
    line-height: 1.75rem;
    margin-bottom: 0.5rem;
  }
  .show_knowledge .left_right_img .left {
    width: 100%;
    order: 1;
    margin-bottom: 15px;
  }
  .show_knowledge .left_right_img .right {
    width: 100%;
    order: 2;
  }
  .show_knowledge .first .left_right_img .left {
    order: 1;
  }
  .show_knowledge .left_right_img {
    flex-wrap: wrap;
    padding-right: 0;
  }
}
.list_resource {
  background: #F5F5F7;
}
.resoruce_right {
  width: calc(100% - 17.375rem);
  padding-left: 1.875rem;
}
.resoruce_right .story_by select {
  border: none;
  border-bottom: 1px solid #b3b3bb;
  line-height: 3rem;
  color: var(--color);
  font-size: 1rem;
  height: 3rem;
  background: transparent;
  width: 10rem;
}
.resoruce_right .story_by select option {
  color: #6F6F70;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2.25rem;
  height: 2.25rem;
}
.resoruce_right .clear_all_pr {
  margin: 5rem 0 1.875rem;
}
.resoruce_right .clear_all_pr .clear_all {
  width: calc(100% - 9rem);
}
.resoruce_right .clear_all_pr #add-all-item {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
  border: 1px solid #6F6F70;
  line-height: 2.8125rem;
  padding: 0 1.25rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 400;
  color: #6F6F70;
  font-size: 0.875rem;
  display: inline-block;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.resoruce_right .clear_all_pr #add-all-item:hover {
  background: var(--color);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  color: #fff;
}
.resoruce_right .clear_all_pr ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.resoruce_right .clear_all_pr ul li {
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
  border: 1px solid #6F6F70;
  line-height: 2.8125rem;
  padding: 0 0.75rem 0 1.25rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 400;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  color: #6F6F70;
  font-size: 0.875rem;
}
.resoruce_right .clear_all_pr ul li .iconfont {
  font-size: 0.75rem;
  margin-left: 1rem;
  font-weight: 500;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.resoruce_right .clear_all_pr ul li:hover {
  background: var(--color);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  color: #fff;
}
.resoruce_right .ul.resource_detail_166 li .over,
.resoruce_right .ul.resource_detail_167 li .over,
.resoruce_right .ul.resource_detail_166 li .over img,
.resoruce_right .ul.resource_detail_167 li .over img {
  cursor: default;
}
.resoruce_right .ul.resource_detail_164 li .over img {
  aspect-ratio: 1 / 1;
}
.resoruce_right .ul.resource_detail_164 .l1,
.resoruce_right .ul.resource_detail_166 .l1,
.resoruce_right .ul.resource_detail_168 .l1 {
  opacity: 0;
}
.resoruce_right .ul.resource_detail_166,
.resoruce_right .ul.resource_detail_164 {
  display: flex;
  column-gap: 0;
  margin: 0 -1rem;
}
.resoruce_right .ul.resource_detail_166 li,
.resoruce_right .ul.resource_detail_164 li {
  padding: 0 1rem;
}
.resoruce_right .ul.resource_detail_165 .l1 {
  display: none;
}
.resoruce_right .ul.resource_detail_165 li {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.resoruce_right .ul.resource_detail_165 li .over img:hover {
  transform: scale(1);
}
.resoruce_right .ul.resource_detail_165 li > div:nth-child(1) {
  display: flex;
  align-items: center;
}
.resoruce_right .ul.resource_detail_165 li > div:nth-child(1) .pr {
  position: static;
  width: 100px;
}
.resoruce_right .ul.resource_detail_165 li > div:nth-child(1) .pr .over {
  background: transparent;
}
.resoruce_right .ul.resource_detail_165 li > div:nth-child(1) .pr .con {
  background: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: auto;
  left: auto;
  width: auto;
  z-index: 9;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.resoruce_right .ul.resource_detail_165 li > div:nth-child(1) .pr .con .r .a p::before {
  bottom: -0.95rem;
}
.resoruce_right .ul.resource_detail_165 li > div:nth-child(1) .pr .con .l1 {
  margin-right: 2rem;
  width: 4rem;
  color: #6F6F70;
  font-size: 0.75rem;
  font-weight: 400;
}
.resoruce_right .ul.resource_detail_165 li > div:nth-child(1) .pr .con .l1:hover {
  color: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  background: var(--color);
}
.resoruce_right .ul.resource_detail_165 li > div:nth-child(1) .pr .con .l1:hover a {
  color: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.resoruce_right .ul.resource_detail_165 li > div:nth-child(1) .pr .con .l1 a {
  color: #6F6F70;
}
.resoruce_right .ul.resource_detail_165 li > div:nth-child(1) > div {
  width: calc(100% - 100px);
}
.resoruce_right .ul.resource_detail_165 li > div:nth-child(1) .product_name {
  padding-left: 2rem;
  margin-top: 0;
}
.resoruce_right .ul .pop_up {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background: #F5F5F7;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.resoruce_right .ul .pop_up.active {
  display: flex;
}
.resoruce_right .ul .pop_up .close {
  position: absolute;
  top: 3.75rem;
  right: 5.625rem;
  cursor: pointer;
}
.resoruce_right .ul .pop_up .close .iconfont {
  font-size: 2rem;
  font-weight: 300;
}
.resoruce_right .ul .pop_up .content {
  background: #fff;
  width: 65%;
  height: 70%;
  display: flex;
}
.resoruce_right .ul .pop_up .content .left {
  width: calc(100% - 20.75rem);
  height: 100%;
}
.resoruce_right .ul .pop_up .content .left .over,
.resoruce_right .ul .pop_up .content .left .over img {
  height: 100%;
  object-fit: contain;
}
.resoruce_right .ul .pop_up .content .right {
  width: 20.75rem;
  padding: 4.375rem 2.5rem;
}
.resoruce_right .ul .pop_up .content .right .name {
  color: #1D1D1F;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.875rem;
}
.resoruce_right .ul .pop_up .content .right .text {
  color: #1D1D1F;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.resoruce_right .ul li {
  margin-bottom: 1.875rem;
}
.resoruce_right .ul li .over {
  background: #fff;
}
.resoruce_right .ul li:hover .con {
  bottom: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  display: flex;
}
.resoruce_right .ul li .con {
  background: #fff;
  padding: 0.6875rem 1.0625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: -3.75rem;
  left: 0;
  width: 100%;
  z-index: 9;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  display: none;
}
.resoruce_right .ul li .con .l1 {
  margin-right: 2rem;
  width: 4rem;
  color: #6F6F70;
  font-size: 0.75rem;
  font-weight: 400;
}
.resoruce_right .ul li .con .l1 a {
  display: block;
}
.resoruce_right .ul li .con .l1:hover {
  color: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  background: var(--color);
}
.resoruce_right .ul li .con .l1:hover a {
  color: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.resoruce_right .ul li .con .l1 a {
  color: #6F6F70;
}
.resoruce_right .ul li .con .l {
  width: 4rem;
  color: #6F6F70;
  font-size: 0.75rem;
  font-weight: 400;
}
.resoruce_right .ul li .con .l:hover {
  background: var(--color);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  color: #fff;
}
.resoruce_right .ul li .con .a {
  line-height: 1.9375rem;
  height: 2.0625rem;
  border: 1px solid var(--color);
  background: #FFF;
  text-align: center;
  cursor: pointer;
  color: var(--color);
}
.resoruce_right .ul li .con .r {
  display: flex;
  justify-content: flex-end;
}
.resoruce_right .ul li .con .r .a {
  position: relative;
  width: 2.0625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resoruce_right .ul li .con .r .a:not(:last-child) {
  margin-right: 0.5rem;
}
.resoruce_right .ul li .con .r .a:hover {
  background: var(--color);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.resoruce_right .ul li .con .r .a:hover img {
  filter: brightness(0) invert(1);
}
.resoruce_right .ul li .con .r .a:hover p {
  display: block;
}
.resoruce_right .ul li .con .r .a p {
  padding: 0.625rem;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1;
  background: rgba(29, 29, 31, 0.75);
  position: absolute;
  top: -3rem;
  left: -1.5rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3));
  display: none;
}
.resoruce_right .ul li .con .r .a p::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-bottom: 0.5rem solid transparent;
  border-top: 0.5rem solid rgba(29, 29, 31, 0.75);
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
}
.resoruce_right .ul li .con .r .a img {
  width: 1.5rem;
}
.resoruce_right .ul li .product_name {
  color: var(--color);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin-top: 0.875rem;
}
.resoruce_right .ul li .product_description {
  color: var(--color);
  font-size: 0.75rem;
  line-height: 1.5rem;
}
.resoruce_left {
  width: 17.375rem;
  position: sticky;
  top: 5rem;
}
.resoruce_left form {
  position: relative;
}
.resoruce_left form input {
  line-height: 3.75rem;
  width: 100%;
  border-bottom: 1px solid #D9D9D9;
  font-size: 0.875rem;
  color: #1D1D1F;
  background: transparent;
}
.resoruce_left form input::placeholder {
  color: #6F6F70;
}
.resoruce_left form img {
  width: 1.25rem;
  height: 1.25rem;
}
.resoruce_left form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.875rem;
  border: none;
  background: transparent;
}
.resoruce_left form .close1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.resoruce_left .resource_result {
  color: #6F6F70;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
  margin-top: 1rem;
}
.resoruce_left .filter_by {
  margin-top: 3.75rem;
}
.resoruce_left .filter_by .name {
  color: var(--color);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.875rem;
  padding-bottom: 0.8125rem;
  border-bottom: 1px solid #D9D9D9;
}
.resoruce_left .filter_by .ul > li .t {
  display: flex;
  justify-content: space-between;
  line-height: 3.75rem;
  border-bottom: 1px solid #D9D9D9;
  font-size: 0.875rem;
}
.resoruce_left .filter_by .ul > li .t div {
  width: 80%;
}
.resoruce_left .filter_by .ul > li .t p {
  width: 20%;
  text-align: right;
  cursor: pointer;
}
.resoruce_left .filter_by .ul > li .t p .iconfont {
  color: var(--color);
  font-size: 0.75rem;
  display: inline-block;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.resoruce_left .filter_by .ul > li .ul3 {
  display: none;
}
.resoruce_left .filter_by .ul > li .flex {
  margin-bottom: 1rem;
  justify-content: space-between;
  position: relative;
  /* 隐藏原生 input */
  /* 自定义复选框容器 */
  /* 创建小方块 */
  /* 选中状态：显示对勾 */
}
.resoruce_left .filter_by .ul > li .flex .iconfont {
  font-size: 0.875rem;
}
.resoruce_left .filter_by .ul > li .flex .bl.zytype {
  opacity: 0;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.resoruce_left .filter_by .ul > li .flex .custom-checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  padding-left: 1.5625rem;
  color: #6F6F70;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.resoruce_left .filter_by .ul > li .flex .custom-checkbox-label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  border: 1px solid #D9D9D9;
  border-radius: 0px;
  transition: all 0.2s ease;
}
.resoruce_left .filter_by .ul > li .flex .bl.zytype:checked + .custom-checkbox-label::after {
  position: absolute;
  left: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  background: #6F6F70;
  content: "";
}
.resoruce_left .filter_by .ul > li > ul {
  display: none;
}
.resoruce_left .filter_by .ul > li.active .t .iconfont {
  transform: rotate(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.resoruce_left .filter_by .ul > li.active > ul {
  display: block;
}
.resoruce_left .filter_by .ul > li ul {
  padding-top: 0.875rem;
}
.resoruce_left .filter_by .ul > li ul li ul {
  padding-top: 0.375rem;
  padding-left: 1.5625rem;
  padding-bottom: 1rem;
}
.resoruce_left .filter_by .ul > li ul li.active > a::after {
  opacity: 1;
}
.resoruce_left .filter_by .ul > li ul li a {
  color: #6F6F70;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2.25rem;
  position: relative;
  padding-left: 1.5625rem;
}
.resoruce_left .filter_by .ul > li ul li a::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1rem;
  height: 1rem;
  border: 1px solid #D9D9D9;
}
.resoruce_left .filter_by .ul > li ul li a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  background: #6F6F70;
  opacity: 0;
}
.list_shopping .ul,
.shopping .ul {
  padding-right: 0.875rem;
}
.list_shopping .ul .delect,
.shopping .ul .delect {
  width: 1.25rem !important;
  cursor: pointer;
}
.list_shopping .ul > li > div,
.shopping .ul > li > div {
  color: var(--color);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 3rem;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 1.25rem;
}
.list_shopping .ul > li ul li,
.shopping .ul > li ul li {
  display: flex;
  align-items: center;
  color: #6F6F70;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}
.list_shopping .ul > li ul li img,
.shopping .ul > li ul li img {
  width: 2.25rem;
  height: 2.25rem;
  object-fit: contain;
}
.list_shopping .ul > li ul li .single-delete,
.shopping .ul > li ul li .single-delete {
  width: 1rem !important;
  cursor: pointer;
}
.list_shopping .ul > li ul li .div_c,
.shopping .ul > li ul li .div_c {
  width: calc(100% - 4rem);
  padding-left: 1rem;
  position: relative;
}
.list_shopping .ul > li ul li .div_c .car_product_name,
.shopping .ul > li ul li .div_c .car_product_name {
  right: 0;
}
.list_shopping .ul > li ul li .div_c > img,
.shopping .ul > li ul li .div_c > img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.list_shopping .ul > li ul li .div_c div,
.shopping .ul > li ul li .div_c div,
.list_shopping .ul > li ul li .div_c p,
.shopping .ul > li ul li .div_c p {
  padding-left: 2.5rem;
}
.list_shopping .ul > li ul li .div_c p,
.shopping .ul > li ul li .div_c p {
  line-height: 1;
  font-size: 0.75rem;
  color: #929292;
}
.list_shopping .ul > li ul li .div,
.shopping .ul > li ul li .div {
  width: 4rem;
  text-align: right;
}
.list_shopping .ul > li ul li .div img,
.shopping .ul > li ul li .div img {
  width: 0.625rem;
  margin-right: 0.6875rem;
}
.shopping {
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  width: 27.5rem;
  background: #fff;
  z-index: 99;
}
.shopping .div_c {
  text-align: right;
}
.shopping .div_c .car_product_name {
  text-align: left;
  line-height: 1.375rem;
}
.shopping .top {
  padding: 1.375rem 2.5rem;
  color: #333;
  font-size: 1rem;
  line-height: 1.75rem;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #DCDCDC;
  text-align: center;
  position: relative;
}
.shopping .top > div:nth-child(2) {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2.5rem;
  cursor: pointer;
}
.shopping .top > div:nth-child(2) img {
  width: 1.5rem;
}
.shopping .top > div:nth-child(1) {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  font-size: 0.875rem;
}
.shopping .top > div:nth-child(1) span {
  padding: 0 0.5rem;
  border-radius: 1.875rem;
  background: var(--color);
  color: #fff;
  margin-left: 1.5625rem;
  line-height: 1.125rem;
  font-size: 0.75rem;
}
.shopping .top > div:nth-child(1) img {
  width: 1.5rem;
  margin-right: 0.3125rem;
}
.shopping .delect_all_cart {
  font-size: 0.875rem;
  color: #BFBFBF;
}
.shopping .bot {
  padding-top: 1.5rem;
  margin: 0 1.25rem 0 2.5rem;
  max-height: 400px;
  overflow-y: scroll;
  padding-bottom: 0.375rem;
}
.shopping .bot .ul {
  padding-right: 0;
  padding-right: 1rem;
}
.shopping .bot .ul li .div img {
  margin-right: 0 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.shopping .bot .ul li .div img:last-child {
  margin-left: 0.375rem;
}
.shopping .bot::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background-color: transparent;
  width: 4px;
  height: 164px;
  position: absolute;
}
.shopping .bot::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
}
.shopping .bot::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  display: block;
  width: 10px;
  height: 35px;
  background: var(--color);
}
.shopping .last {
  padding: 1.375rem 2.5rem;
  border-top: 1px solid #DFDFDF;
}
.shopping .last .delect_all_cart {
  cursor: pointer;
}
.shopping .last .delect_all_cart:hover {
  color: var(--color);
}
.shopping .last button {
  font-weight: bold;
  font-size: 0.875rem;
  border: none;
  background: transparent;
  background: #FFF;
}
.shopping .last button a {
  color: var(--color);
}
.shopping .last button img {
  margin-right: 0.3125rem;
  width: 1.5rem;
}
.list_shopping {
  /* 修改现有代码 */
  /* 自定义checkbox外框 */
  /* 选中状态下的对勾 */
  /* 选中时的样式 */
  /* 禁用状态 */
  /* 选中状态下的label文字颜色 */
  background: #F5F5F7;
}
.list_shopping .ul {
  margin-top: 3rem;
}
.list_shopping .ul li {
  margin-bottom: 2.5rem !important;
  align-items: center;
  position: relative;
  justify-content: space-between;
}
.list_shopping .ul li label {
  width: calc(100% - 2.1875rem);
  margin-bottom: 0;
  display: flex;
}
.list_shopping .ul li label .div_c p {
  padding-left: 0 !important;
}
.list_shopping .ul li label .div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.list_shopping .ul li label .delect {
  width: 1rem !important;
}
.list_shopping label {
  margin-bottom: 0;
}
.list_shopping input {
  opacity: 0;
}
.list_shopping input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  border: 1px solid #D9D9D9;
  background: #fff;
  transition: all 0.3s ease;
}
.list_shopping input[type="checkbox"] + label:after {
  content: '';
  position: absolute;
  left: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  width: 0.5rem;
  height: 0.5rem;
  background: #6F6F70;
  transition: all 0.3s ease;
}
.list_shopping input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.list_shopping input[type="checkbox"]:disabled + label {
  opacity: 0.6;
  cursor: not-allowed;
}
.list_shopping input[type="checkbox"]:checked + label {
  color: #1D1D1F;
}
.list_shopping .last {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 3rem;
  margin-top: 5rem;
}
.list_shopping .last .l {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.list_shopping .last .l label {
  padding-left: 1rem;
}
.list_shopping .last .r button {
  width: 7.1875rem;
  line-height: 2.8125rem;
  border: 1px solid #6F6F70;
  text-align: center;
  background: transparent;
  font-size: 0.875rem;
  color: #6F6F70;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.list_shopping .last .r button:hover {
  background: var(--color);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  color: #fff;
}
.load-more-container button {
  width: 8rem;
  line-height: 2.5rem;
  border: 1px solid var(--color);
  background: transparent;
  color: var(--color);
  padding: 0;
  border-radius: 0;
  font-size: 0.875rem;
}
.load-more-container button:hover {
  background: var(--color);
  border-color: var(--color);
}
.btn-primary.focus,
.btn-primary:focus {
  box-shadow: none;
}
.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: var(--color);
  border-color: var(--color);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--color);
  border-color: var(--color);
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
.show_cmf_one {
  padding: 5rem 0;
}
.show_cmf_one .w50 {
  width: 50%;
}
.show_cmf_one .swiper-button-disabled {
  display: none;
}
.show_cmf_one .swiper-button-prev {
  left: -3.5rem;
  background-image: none;
  width: 2.5rem;
  height: 2.5rem;
  margin-top: 0;
  top: 47%;
  transform: translateY(-50%);
}
.show_cmf_one .swiper-button-prev .iconfont {
  font-size: 2.5rem;
}
.show_cmf_one .swiper-button-next {
  right: -3.5rem;
  background-image: none;
  width: 2.5rem;
  height: 2.5rem;
  margin-top: 0;
  top: 47%;
  transform: translateY(-50%);
}
.show_cmf_one .swiper-button-next .iconfont {
  font-size: 2.5rem;
}
.show_cmf_one .right .bottom {
  display: flex;
  justify-content: space-between;
  padding: 2rem 15rem 0 5.5625rem;
}
.show_cmf_one .right .bottom .add_box {
  width: 8.5625rem;
  line-height: 2.0625rem;
  border: 1px solid #6F6F70;
  text-align: center;
  color: #6F6F70;
  font-size: 0.75rem;
  font-weight: 400;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  cursor: pointer;
}
.show_cmf_one .right .bottom .add_box:hover {
  background: var(--color);
  color: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.show_cmf_one .right .bottom .share {
  display: flex;
  align-items: center;
  color: #1D1D1F;
  font-size: 1.125rem;
}
.show_cmf_one .right .bottom .share a {
  margin-left: 0.875rem;
}
.show_cmf_one .right .bottom .share a img {
  height: 0.875rem;
}
.show_cmf_one .swiper_cmf_right {
  margin-top: 15px;
}
.show_cmf_one .swiper_cmf_right .swiper-slide {
  text-align: center;
}
.show_cmf_one .swiper_cmf_right .swiper-slide img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.show_cmf_one .swiper_cmf_left .swiper-slide:hover a {
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.show_cmf_one .swiper_cmf_left .swiper-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 2.0625rem;
  line-height: 1.9375rem;
  height: 2.0625rem;
  opacity: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}
.show_cmf_one .swiper_cmf_left .swiper-slide a img {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  filter: brightness(0) invert(1);
}
.show_cmf_one .swiper_cmf_left .swiper-slide img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
}
.show_cmf_one .right .top {
  display: flex;
  align-items: center;
  padding-left: 5.5625rem;
  color: #1D1D1F;
  font-size: 2rem;
}
.show_cmf_one .right .top .sum > div {
  display: none;
}
.show_cmf_one .right .top .sum > div.active {
  display: block;
}
.show_cmf_one .right .top .r .add_box {
  margin-left: 1rem;
}
.show_cmf_one .right .top .r img {
  width: 1.75rem;
}
.show_cmf_one .right ul {
  padding: 2.5625rem 0 0 5.5625rem;
}
.show_cmf_one .right ul li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D9D9D9;
}
.show_cmf_one .right ul li:first-child {
  border-top: 1px solid #D9D9D9;
}
.show_cmf_one .right ul li div {
  color: #1D1D1F;
  font-size: 1rem;
  width: 40%;
  line-height: 1.625rem;
  display: flex;
  align-items: center;
  padding: 0.75rem;
}
.show_cmf_one .right ul li p {
  width: 60%;
  color: #6F6F70;
  font-size: 1rem;
  display: flex;
  line-height: 1.625rem;
  align-items: center;
  padding: 0.75rem;
}
.about_cmf.resoruce_right {
  padding: 7.5rem 0;
  background: #F5F5F7;
  width: 100%;
}
.about_cmf.resoruce_right .swiper_pag {
  display: none;
}
.about_cmf.resoruce_right .ul {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.about_cmf.resoruce_right .ul li {
  padding: 0;
}
.about_cmf.resoruce_right .swiper-button-prev {
  left: -4rem;
}
.about_cmf.resoruce_right .swiper-button-next {
  right: -4rem;
}
.about_cmf.resoruce_right .swiper_btn {
  background: none;
  top: 45%;
  transform: translateY(-50%);
  margin-top: 0;
  width: auto;
  height: auto;
}
.about_cmf.resoruce_right .swiper_btn .iconfont {
  font-size: 2.5rem;
}
.about_cmf.resoruce_right .title {
  margin-bottom: 2.5rem;
}
.about_cmf.resoruce_right .over img {
  aspect-ratio: 1 / 1;
}
.show_idea {
  background: #F2F2F4;
  padding: 5rem 0;
}
.show_idea .container {
  padding: 0 6.25rem;
}
.show_idea .title {
  font-size: 2.5rem;
}
.show_idea .content {
  display: flex;
}
.show_idea .content .left {
  width: 30%;
}
.show_idea .content .left .text {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #3A3A3A;
  margin: 2rem 0 0;
}
.show_idea .content .left .tags ul {
  border-top: 0.5px solid #e0e0e0;
  margin-top: 1.5rem;
}
.show_idea .content .left .tags ul li {
  position: relative;
  display: flex;
}
.show_idea .content .left .tags ul li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e0e0e0;
}
.show_idea .content .left .tags ul li div,
.show_idea .content .left .tags ul li p {
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.show_idea .content .left .tags ul li div {
  font-size: 1rem;
  color: #6F6F70;
  width: 9rem;
}
.show_idea .content .left .tags ul li p {
  width: calc(100% - 9rem);
  font-size: 0.875rem;
}
.show_idea .content .right {
  width: 70%;
  padding-left: 6.25rem;
}
.show_idea .content .right .bot {
  margin-top: 5rem;
}
.show_idea .content .right .bot .swiper_pag {
  display: none;
}
.show_idea .content .right .bot .swiper-container {
  margin-top: 1.875rem;
}
.show_idea .content .right .bot .swiper-button-next,
.show_idea .content .right .bot .swiper-button-prev {
  background-image: none;
  top: 52%;
  margin-top: 0;
  transform: translateY(-50%);
}
.show_idea .content .right .bot .swiper-button-next .iconfont,
.show_idea .content .right .bot .swiper-button-prev .iconfont {
  font-size: 2.5rem;
}
.show_idea .content .right .bot .swiper-button-next {
  right: -3.5rem;
}
.show_idea .content .right .bot .swiper-button-prev {
  left: -3.5rem;
}
.show_idea .content .right .bot .swiper-slide .name1 {
  font-size: 1.125rem;
  color: #1D1D1F;
  line-height: 1.625rem;
  margin-top: 1rem;
}
.show_idea .flex.aa {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin: 2rem 0  5rem;
}
.show_idea .flex.aa a {
  margin-left: 1rem;
}
.show_idea .flex.aa a img {
  width: 1.75rem;
}
.list_shopping .ul > li ul li .div_c {
  line-height: 1.5rem;
}
.list_shopping .ul > li ul li .div img.delect {
  margin-left: 0.625rem;
}
.list_shopping .ul > li ul li .div img.delect,
.list_shopping .ul > li ul li .div img {
  width: 1.5rem !important;
  height: 1.5rem !important;
  margin-right: 0;
}
.list_shopping.pt115 .ul {
  padding-right: 0;
}
footer ul .name,
header .left > ul > li .drop_trans .r > ul.resource > li > a {
  cursor: default;
}
.shopping .bot .ul li .div img {
  cursor: pointer;
}