@charset "utf-8";

/* 这个css是初始化的css，在任何项目里面都可以使用 */
/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 解决IOS默认滑动很卡的情况 */
  font-size: calc(100vw/120);
  overflow-x: hidden;
}

/* 禁止缩放表单 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
  resize: none;
  border: none;
}

button {
  /* border: none;
     */
}

.map img {
  max-width: inherit;
}

/* 取消链接高亮 */
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.xinbj.col-sm-4{
  width:20%;
}

/* 设置HTML5元素为块 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* 图片自适应 */
img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}

/* 初始化 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "sourcehansans"; /* 这个名字可以自己定义 */
  src: url("//assets-font-sh.oss-accelerate.aliyuncs.com/sourcehansans.eot"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
  src: url("//assets-font-sh.oss-accelerate.aliyuncs.com/sourcehansans.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("//assets-font-sh.oss-accelerate.aliyuncs.com/sourcehansans.woff") format("woff"),
    /* Modern Browsers */ url("//assets-font-sh.oss-accelerate.aliyuncs.com/sourcehansans.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("//assets-font-sh.oss-accelerate.aliyuncs.com/sourcehansans.svg#YourWebFontName")
      format("svg"); /* Legacy iOS */

 
}


body {
  font-family: "sourcehansans";
  font-size: 1rem;
  color: #555;
  overflow-x: hidden;
  padding-top: 4.375rem;



}
table{
  border: none !important;
}
.index-body {
  padding-top: 0;
}

button:focus {
  outline: none;
}

em,
i {
  font-style: normal;
}

ul,
li {
  list-style-type: none;
}

.mobile_banner{
  display: none;
}
.w100 {
  width: 100%;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

a:hover,
a:link,
a:visited {
  text-decoration: none;
}

.clearfix {
  zoom: 1;
}
.phone_duan{
    display: none;
}

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

.overh {
  overflow: hidden;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.ta {
  text-align: center;
}

.tr {
  text-align: right;
}

.tl {
  text-align: left;
}

.displaynone {
  display: none;
}

.swiper-button-prev:focus,
.swiper-button-next:focus {
  outline: none;
}

.wen_hied {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}



.f1rem {
  font-size: 1rem;
}

.book {
  border: 0.0625rem solid #000;
}

.db {
  display: block;
}

.dnb {
  display: inline-block;
}

.flight {
  font-weight: lighter;
}

.fbold {
  font-weight: bold;
}

.imghover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
}

.sca1 {
  transform: scale(1);
  -ms-transform: scale(1);
  /* IE 9 */
  -moz-transform: scale(1);
  /* Firefox */
  -webkit-transform: scale(1);
  /* Safari 和 Chrome */
  -o-transform: scale(1);
}

.sca0 {
  transform: scale(0);
  -ms-transform: scale(0);
  /* IE 9 */
  -moz-transform: scale(0);
  /* Firefox */
  -webkit-transform: scale(0);
  /* Safari 和 Chrome */
  -o-transform: scale(0);
}

.tran {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.hovercolor {
  color: #8cca1d;
}

.zhong {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  justify-content: center;
  align-items: center;
}

.z {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
}

.l0 {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cen {
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
}

.f48 {
  font-size: 3rem;
}
.none_phone{
  display: none !important;
}
.block_pc{
  display: block;
}
.wen_hied {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.p15 {
  padding: 0.9375rem;
}

.w50 {
  width: 50%;
}

.blod {
  font-weight: bold;
}

.wen_hied2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.w55 {
  width: 55%;
}

@media (min-width: 1440px) {
  .container {
    width: 100%;
    padding: 0 13vw;
  }
}

.rightfix {
  position: fixed;
  top: 70%;
  right: 0.625rem;
  border-right: none;
  z-index: 99;
}

.fix_ul li {
  width: 3.125rem;
  height: 3.125rem;
  cursor: pointer;
  position: relative;
  display: block;
  margin-top: 0.625rem;
  border-radius: 50%;
  background-color: rgba(0, 171, 132, 0.92);
  text-align: center;
  line-height: 3.125rem;
  box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.1);
}

.fix_ul li i {
  font-size: 1.875rem;
  color: #fff;
  font-weight: lighter;
}

.fix_ul li p {
  color: #5e6062;
  font-size: 0.8125rem;
}

.fix_ul li a {
  color: #5e6062;
}

.fix_ul li:last-child {
  border-bottom: none;
}

.fix_ul li:hover>a>p {
  color: #FFF;
}

.fix_ul li:hover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.fix_ul li:hover>p {
  color: #FFF;
}

.right_div {
  transform: scale(0);
  -ms-transform: scale(0);
  /* IE 9 */
  -moz-transform: scale(0);
  /* Firefox */
  -webkit-transform: scale(0);
  /* Safari 和 Chrome */
  min-width: 8.75rem;
  -o-transform: scale(0);
  position: absolute;
  color: #fff;
  right: 4.375rem;
  top: 0rem;
  opacity: 0;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.8);
  padding: 0.9375rem 1.25rem;
  line-height: 1.875rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.fix_ul li:hover a {
  color: #fff;
}

.fix_ul li:hover .right_div {
  transform: scale(1);
  -ms-transform: scale(1);
  /* IE 9 */
  -moz-transform: scale(1);
  /* Firefox */
  -webkit-transform: scale(1);
  /* Safari 和 Chrome */
  -o-transform: scale(1);
  opacity: 1;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.fix_ul li:hover i {
  color: #fff;
}

.fix_ul li:hover {
  background: rgba(0, 171, 132, 0.5);
}

.mobile-foot {
  display: none;
  background: rgba(0, 171, 132, 0.92);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  overflow: hidden;
}

.mobile-foot .containers {
  padding: 0;
}

.mobile-foot a i {
  font-size: 1.125rem;
}

.mobile-foot a {
  color: #fff;
  line-height: 1.25rem;
  border-right: 0.0625rem solid rgba(255, 255, 255, 0.24);
  border-radius: 0.25rem;
  text-align: center;
  width: 33.33%;
  font-size: 0.9375rem;
  float: left;
  padding: .5rem 0;
  transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.mobile-foot a:last-child {
  border-right: none;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

/* 手机导航 */
.phone {
  box-shadow: 0rem 0rem 0.125rem rgba(0, 0, 0, 0.1);
  display: none;
  top: 0;
  background: #ffffff;
  z-index: 999;
  width: 100%;
  padding: 0.625rem 0.625rem;
  position: fixed;
  left: 0;
  right: 0;
}

.index_a {
  display: inline-block;
}

.phone .wid {
  float: left;
}

.phone .wid>a {
  display: inline-block;
}

.color_dao .iconfont {
  color: #fe7506;
  font-size: 1.875rem;
  margin: 0 0.3125rem;
}

.color_dao {
  line-height: 2.1875rem;
}

.color_dao .daohang_sp {
  position: relative;
  top: -0.4375rem;
  font-size: 1.5625rem;
}

.color_a {
  font-size: 1.5625rem;
  position: relative;
  top: -0.4375rem;
}

/* 手机端导航 */
/* siteFunctions */
#siteFunctions {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  bottom: 0;
  height: 100%;
  z-index: 10;
  background-color: #fff;
  display: none;
}

#siteFunctions .inner {
  position: relative;
  overflow-y: auto;
  background-color: #fff;
  padding: 0 0 3.125rem;
  height: 100vh;
}

#siteFunctions .hd {
  position: relative;
  height: 2.8125rem;
  overflow: hidden;
  border-bottom: #dcdcdc 0.0625rem solid;
  padding: 0 5vw;
}

#siteFunctions .hd .lang a {
  display: inline-block;
  line-height: 2.75rem;
  height: 2.75rem;
  font-size: 1.3rem;
  padding: 0;
  color: #999;
  text-transform: uppercase;
}

#siteFunctions .hd .lang a.active {
  color: rgba(0, 171, 132, 0.92);
}

#siteFunctions .hd .lang a+a {
  margin-left: 1.25rem;
}

#siteFunctions .bt-close {
  position: absolute;
  right: 5vw;
  top: 0.875rem;
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#siteFunctions .bt-close span {
  position: absolute;
  top: -624.9375rem;
  left: -624.9375rem;
}

#siteFunctions .bt-close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.0625rem;
  width: 100%;
  height: 0.125rem;
  background-color: #222;
  display: block;
}

#siteFunctions .bt-close::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.0625rem;
  width: 0.125rem;
  height: 100%;
  background-color: #222;
  display: block;
}

.mobMenu>li.lis>a::before {
  opacity: 0;
}

.mobMenu>li.lis>a::after {
  opacity: 0;
}

/* 分页 */
#page {
  clear: both;
  height: 2.5rem;
  margin: 0 auto;
  text-align: center;
  display: table;
  margin-top: 1.25rem;
}

#page li {
  float: left;
  padding: 0.3125rem 0.875rem;
  border: 0.0625rem solid #CCCCCC;
  margin-right: 0.375rem;
  color: #666;
  font-size: 0.75rem;
  list-style: none;
}

#page li:hover {
  border: 0.0625rem solid #4471c4;
}

#page li:hover a {
  color: #4471c4;
}

#page li a {
  color: #666666;
}

#page li.active {
  border: 0.0625rem solid #4471c4;
  background-color: #4471c4;
  color: #ffffff;
}

#page li.active a {
  color: #ffffff;
}

#page .thisclass {
  background-color: #4471c4;
  color: #ffffff;
}

/* siteFunctions */
#phone_nav span,
.seaarch_phone i {
  font-size: 1.875rem;
  margin-left: 0.9375rem;
  display: inline-block;
  line-height: 1.6875rem;
  color: #333;
  cursor: pointer;
  margin-top:5px;
}

#siteFunctions {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  bottom: 0;
  height: 100%;
  z-index: 10;
  background-color: #fff;
  display: none;
  z-index: 9999;
}

#siteFunctions .inner {
  position: relative;
  overflow-y: auto;
  background-color: #fff;
  padding: 0 0 3.125rem;
  height: 100vh;
}

#siteFunctions .hd {
  position: relative;
  height: 3.75rem;
  overflow: hidden;
  border-bottom: #dcdcdc 0.0625rem solid;
  padding: 0rem 5vw;
  line-height: 3.75rem;
}

#siteFunctions .hd .lang a {
  display: inline-block;
  line-height: 2.75rem;
  height: 2.75rem;
  font-size: 1.3rem;
  padding: 0;
  color: #999;
  text-transform: uppercase;
}

#siteFunctions .hd .lang a.active {
  color: rgba(0, 171, 132, 0.92);
}

#siteFunctions .hd .lang a+a {
  margin-left: 1.25rem;
}

#siteFunctions .bt-close {
  position: absolute;
  right: 5vw;
  top: 1rem;
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#siteFunctions .bt-close span {
  position: absolute;
  top: -624.9375rem;
  left: -624.9375rem;
}

#siteFunctions .bt-close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.0625rem;
  width: 100%;
  height: 0.125rem;
  background-color: #222;
  display: block;
}

#siteFunctions .bt-close::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.0625rem;
  width: 0.125rem;
  height: 100%;
  background-color: #222;
  display: block;
}

.mobMenu {
  padding: 0 5vw;
}

.mobMenu a,
.mobMenu span {
  display: block;
  color: #222;
}

.mobMenu>li {
  border-bottom: #dcdcdc 0.0625rem solid;
}

.mobMenu>li>a {
  position: relative;
  font-size: 16px;
  padding: 18px 0.9375rem;
  color: #000;
  display: block;
  font-weight: 500;
}

.mobMenu>li>a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 12px;
  display: block;
  width: 13px;
  height: 1px;
  background-color: #000;
}

.mobMenu>li>a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -6px;
  display: block;
  width: 1px;
  height: 13px;
  background-color: #000;
}

.mobMenu>li.active>a::before {
  background-color: #0077bc;
}

.mobMenu>li.active>a::after {
  display: none;
}

.mobMenu>li>.subDepth {
  padding: 0 0.75rem 0.9375rem;
}

.mobMenu>li>.subDepth>li>a {
  color: #666;
  font-size: 1.125rem;
  line-height: 1.75rem;
  display: block;
}

.mobMenu>li>.subDepth>li+li {
  margin-top: 0.625rem;
  line-height: 1.75rem;
}

.mobMenu>li.active>a::before {
  background-image: url('//www.nowcos.com/202101/chn/asset/images/aw_bot2.png');
}

/* 搜素 */
.searchbox {
  padding: 0.9375rem;
  box-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.04);
  background: #fff;
  width: 100%;
  top: 4.375rem;
  border-top: 0.125rem solid rgba(0, 171, 132, 0.92);
  text-align: center;
  z-index: 44;
  position: fixed;
}

.searchbox.active {
  top: 3.75rem;
}

.displaynone {
  display: none;
}

.searchs {
  max-width: 37.5rem;
  margin: 0 auto;
}

.clearfix {
  zoom: 1;
}

.searchs .sertext {
  display: block;
  padding: 0;
  outline: 0;
  padding-left: 0.75rem;
  width: 78%;
  float: left;
  border: 0.0625rem solid #cdcdcd;
  color: #a2a2a2;
  font-size: 1rem;
  height: 3.25rem;
  line-height: 3.25rem;
  transition: 0.4s;
  box-sizing: border-box;
}

.serbtn {
  padding: 0;
  margin: 0;
  border: none;
  outline: 0;
  width: 22%;
  float: right;
  height: 3.25rem;
  text-align: center;
  line-height: 3.25rem;
  background: rgba(0, 171, 132, 0.92);
  color: #fff;
  font-size: 0.9375rem;
  cursor: pointer;
  transition: 0.44s;
}

/* 搜索结束 */
.daohang {
  position: fixed;
  left: 0;
  background: #ffffff;
  right: 0;
  top: 0;
  width: 100%;
  padding: 0 3.75rem;
  line-height: 4.375rem;
  z-index: 99;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.daohang .logo-div {
  width: 11%;
  text-align: center;
}



/* .daohang .logo-div img {
  width: 8.125rem;
} */

.daohang .nav-ul {
  width: 72%;
  text-align: center;
}

.daohang .nav-ul>li {
  display: inline-block;
  font-size: 1.125rem;
  color: #424242;
  padding: 0 2.8125rem;
}

.daohang .nav-ul>li>a {
  color: #333;
  position: relative;
  display: block;
}

.daohang .nav-ul>li>a::after {
  content: '';
  position: absolute;
  height: 0.125rem;
  left: 0;
  width: 0%;
  background: rgba(0, 171, 132, 0.92);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  bottom: 0;
}

.daohang .nav-ul>li .er-div {
  width: 100vw;
  line-height: 1.875rem;
  padding: 1.25rem 0;
  opacity: 0;
  left: 0;
  top: 100%;
  z-index: 100;
  transform: scaleY(0);
  transform-origin: top center;
  transition: all 0.5s ease;
  /* Opera */
  background: #F5F5F5;
  border-bottom: 0.0625rem solid #bbbcbc;
  overflow: hidden;
}

/* .daohang .nav-ul>li:hover .er-div {
  height: 4.5rem;
  transition: all 0.5s ease;
  opacity: 1;
}
.daohang .nav-ul>li:nth-of-type(3):hover .er-div{
  height: 39.6875rem;
  transition: all 0.5s ease;
  opacity: 1;
}
.daohang .nav-ul>li:nth-of-type(6):hover .er-div{
  height: 8.0625rem;
  transition: all 0.5s ease;
  opacity: 1;
  padding: 1.25rem 0;
} */
/* .daohang .nav-ul>li .er-div .er-ul{
  padding: 1.25rem 0;
  
} */
/* .daohang .nav-ul>li:nth-of-type(2):hover .er-ul,
.daohang .nav-ul>li:nth-of-type(4):hover .er-ul,
.daohang .nav-ul>li:nth-of-type(5):hover .er-ul{
  line-height: 4.5rem;
} */
.daohang .nav-ul>li:hover .er-div{
  transform: none;
  opacity: 1;
}
.daohang .nav-ul>li .er-div .er-ul li {
  display: inline-block;
  font-size: 1rem;
  text-align: center;
  padding: 0 1.875rem;
}

.daohang .nav-ul>li .er-div .er-ul li a {
  color: #424242;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.daohang .nav-ul>li .er-div .er-ul li a i {
  font-size: 4.125rem;
  display: block;
  line-height: 1;
  color: #acadac;
  margin-bottom: 0.3125rem;
}

.daohang .nav-ul>li .er-div .er-ul li a:hover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  color: rgba(0, 171, 132, 0.92);
}

.daohang .nav-ul>li .er-div .er-ul li a:hover i {
  color: rgba(0, 171, 132, 0.92);
}

.daohang .nav-ul>li:hover>a,
.daohang .nav-ul>li.active>a {
  color: rgba(0, 171, 132, 0.92);
}

.daohang .nav-ul>li:hover>a::after,
.daohang .nav-ul>li.active>a::after {
  width: 100%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.daohang .dian-div {
  width: 17%;
  text-align: left;
  font-size: 1.125rem;
  color: #333;
}
.daohang .dian-div i{
  font-size: 1rem;
}
.daohang.active {
  line-height: 3.75rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.more a {
  display: inline-block;
  border-style: Solid;
  border-color: #DFDFDF;
  border-color: #dfdfdf;
  border-width: 0.0625rem;
  padding: 0 2.5rem;
  line-height: 2.875rem;
  color: #444444;
  font-size: 1rem;
  height: 2.875rem;
  border-radius: 1.4375rem;
  -moz-border-radius: 1.4375rem;
  -webkit-border-radius: 1.4375rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.more a:hover {
  box-shadow: inset 0 0 0.625rem 1.875rem #00ab84;
  color: #FFF;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.lunbo .swiper-slide {
  cursor: pointer;
  position: relative;
}
.lunbo .swiper-slide::after{
  content:'' ;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
}
.lunbo .lunbo-zi {
  top: 50%;
  z-index: 2;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.lunbo .lunbo-zi .p1 {
  font-size: 1.5625rem;
  color: #FFFFFF;
}

.lunbo .lunbo-zi .div1 {
  font-size: 3.75rem;
  color: #FFFFFF;
  margin: 0.625rem 0 1.875rem;
  font-weight: bold;
}

.lunbo .lunbo-zi .more a {
  color: #FFF;
}

.lunbo .soll-img {
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  cursor: pointer;
  z-index: 3;
  bottom: 1.875rem;
  animation: mymove 3s infinite;
  -webkit-animation: mymove 3s infinite;
  /*Safari and Chrome*/
}

.lunbo .soll-img p {
  font-size: 1.125rem;
  letter-spacing: 1.0.5rem;
  color: #929392;
  margin-bottom: 0.3125rem;
}

@keyframes mymove {
  0% {
    bottom: 3.75rem;
  }

  50% {
    bottom: 1.875rem;
  }

  100% {
    bottom: 3.75rem;
  }
}

@-webkit-keyframes mymove {
  0% {
    bottom: 3.75rem;
  }

  50% {
    bottom: 1.875rem;
  }

  100% {
    bottom: 3.75rem;
  }
}

.index-content {
  background: #f3f3f3;
  padding-top: 3.125rem;
}

.index-pro {
  padding: 3.125rem 0 5.625rem;
}

.index-pro-top {
  margin-bottom: 3.125rem;
}

.index-pro .index-pro-top .le {
  margin-left: 3.125rem;
  background: rgba(255, 255, 255, 0.92);
  padding: 1.875rem 6.25rem 1.875rem 3.75rem;
}

.index-pro .index-pro-top .le .p1 {
  font-size: 2.375rem;
  color: #000;
  font-weight: bold;
}

.index-pro .index-pro-top .le .p2 {
  font-size: 1.125rem;
  line-height: 2.125rem;
  color: #757575;
  margin-top: 0.625rem;
}

.index-pro .index-pro-top .re {
  font-weight: bold;
  font-size: 9.375rem;
  line-height: 1;
  text-align: center;
  right: 0;
  width: 100%;
  bottom: -1.25rem;
  color: rgba(0, 0, 0, 0.04);
}

.index-pro-contnet .swiper-container-horizontal>.swiper-pagination-bullets,
.index-pro-contnet .swiper-pagination-custom,
.index-pro-contnet .swiper-pagination-fraction {
  width: 30.625rem;
  bottom: 0.9375rem;
  margin-left: 3.125rem;
}

.index-pro-contnet .swiper-container {
  z-index: 11;
  padding-bottom: 3.75rem;
}

.index-pro-contnet .swiper-container .swiper-slide>a {
  display: block;
  overflow: hidden;
  z-index: 11;
  position: relative;
}

.index-pro-contnet .swiper-container .swiper-slide>a img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.index-pro-contnet .swiper-container .swiper-slide>a:hover img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
}

.index-pro-contnet .pro-x {
  font-size: .875rem;
  line-height: 1.625rem;
  color: #B4B4B5;
  width: 19.5rem;
  text-align: right;
  z-index: 11;
  left: 38%;
  bottom: 14%;
  overflow: hidden;
  height: 1.625rem;
}

.index-pro-contnet .pro-x li {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.index-pro-contnet .pro-x li::after {
  position: absolute;
  content: '';
  height: 0.0625rem;
  width: 100%;
  background: #D1D1D1;
  left: -100%;
  bottom: 0;
  transition: 1000ms ease-in-out;
  -moz-transition: 1000ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 1000ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 1000ms ease-in-out;
  /* Opera */
}

.index-pro-contnet .pro-x li.active {
  opacity: 1;
}

.index-pro-contnet .pro-x li.active::after {
  left: 0;
  transition: 1000ms ease-in-out;
  -moz-transition: 1000ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 1000ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 1000ms ease-in-out;
  /* Opera */
}

.er-ovh img {
  width: 3vw;
}

.index-pro-contnet .imigy {
  font-size: .875rem;
  line-height: 1.625rem;
  color: #B4B4B5;
  transform: rotate(90deg);
  z-index: 12;
  right: -4.5625rem;
  top: 20%;
}

.index-pro-contnet .imigy::after {
  position: absolute;
  width: 19.5rem;
  height: 0.0625rem;
  background: #E0E0E0;
  content: '';
  top: 0.8125rem;
  left: 6.25rem;
}

.index-pro-contnet .swiper-pagination {
  height: 8.9375rem;
  background: #Fff;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
  bottom: 0.9375rem;
  left: 3.125rem;
  padding-top: 3.125rem;
}

.index-pro-contnet .swiper-pagination .swiper-pagination-bullet {
  border-style: Solid;
  background: transparent;
  margin: 0 0.625rem;
  position: relative;
  border-color: #000;
  border-width: 0.0625rem;
  width: 1.3125rem;
  height: 1.3125rem;
}

.index-pro-contnet .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(0, 171, 132, 0.92);
  border-color: rgba(0, 171, 132, 0.92);
}

.lighting-ul {
  margin-top: 3.75rem;
}

.lighting-ul li {
  width: 48%;
}

.lighting-ul li .lighting-bot {
  width: 80%;
  background: rgba(255, 255, 255, 0.97);
  margin: -4.375rem auto 0;
  position: relative;
  padding: 2.5rem 3.75rem;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.11);
  z-index: 4;
  border-radius: 1.875rem;
}

.lighting-ul li .lighting-bot .lighting-title {
  font-size: 1.8rem;
  color: #161616;
  line-height: 1;
  font-weight: bold;
}

.lighting-ul li .lighting-bot .zhasi {
  font-size: 1.125rem;
  line-height: 2.125rem;
  color: #757575;
  margin: 0.9375rem 0 0.9375rem;
}

.lighting-ul li:nth-child(2) {
  position: relative;
  margin-top: -4.375rem;
}

.heap-p1 {
  font-size: 2.6rem;
  color: #161616;
  font-weight: bold;
}

.heap-p2 {
  font-size: 1.125rem;
  line-height: 2.125rem;
  color: #757575;
}

.index_quality {
  padding: 0rem 0 5.625rem;
}

.index_quality .zihao {
  position: absolute;
  font-weight: bold;
  font-size: 12.1875rem;
  line-height: 1;
  width: 100%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.03);
  top: -5rem;
  left: 0%;
  z-index: 1;
}

.index_quality .quality-div1 {
  position: relative;
  z-index: 2;
  margin-top: 3.125rem;
}

.index_quality .quality-img {
  padding: 4.375rem 5rem 2.5rem;
  background: #FFF;

}

.index_quality .quality-img .quality-img-ul li {
  display: none;
}

.index_quality .quality-img-ul1 {
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.index_quality .quality-img-ul1 li {
  cursor: pointer;
}
.index_quality .quality-img-ul1 li:nth-child(1) {
  position: absolute;
  right: 19%;
  top: 22%;
}

.index_quality .quality-img-ul1 li:nth-child(4) {
  position: absolute;
  left: 11%;
  top: 41%;
}
.index_quality .quality-img-ul1 li:nth-child(5) {
  position: absolute;
  left: 42%;
  top: 28%;
}

.index_quality .quality-img-ul1 li:nth-child(6) {
  position: absolute;
  left: 57%;
  top: 28%;
}

.index_quality .quality-img-ul1 li:nth-child(2) {
  position: absolute;
  left: 23%;
  top: 9%;
}

.index_quality .quality-img-ul1 li:nth-child(3) {
  position: absolute;
  left: 56.5%;
  top: 11%;
}

.index_quality .quality-ul {
  width: 2rem;
  top: 6.25rem;
  left: 1.5rem;
}

.index_quality .quality-ul li {
  font-size: 1rem;
  line-height: 1.1;
  color: #eee;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  padding: 0.875rem 0.375rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.625rem;
}

.index_quality .quality-ul::after {
  content: '';
  position: absolute;
  top: 105%;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  width: 0.5rem;
  height: 6.75rem;
  background: url(../img/1.png) no-repeat;
  background-size: 100% 100%;
}

.index_quality-lunbo .swiper-slide {
  text-align: center;
  background: #fff;
  border: 0.0625rem solid #eee;
  padding: 1.875rem 1.25rem;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.03);
}

.index_quality-lunbo .swiper-slide img {
  width: 3.125rem;
}

.index_quality-lunbo .swiper-slide .t1 {
  margin-top: 0.625rem;
}

.index_quality .index_quality-lunbo {
  position: relative;
  z-index: 33;
  margin-top: -2.0625rem;
  padding: 0 5rem;
}

.index_quality .index_quality-lunbo .swiper-slide .img2 {
  display: none;
}

.index_quality .index_quality-lunbo .swiper-slide {
  cursor: pointer;
}

.index_quality .index_quality-lunbo .swiper-slide.active .img1 {
  display: none;
}

.index_quality .index_quality-lunbo .swiper-slide.active .img2 {
  display: inline-block;
}

.index_quality .index_quality-lunbo .swiper-slide.active {
  border: 0.0625rem solid rgba(0, 171, 132, 0.92);
  background: rgba(0, 171, 132, 0.92);
}

.index_quality .index_quality-lunbo .swiper-slide.active .t1 {
  color: #fff;
}

.index_quality .index_quality-lunbo .swiper-button-next,
.index_quality .index_quality-lunbo .swiper-button-prev {
  width: 2.8125rem;
  height: 3.125rem;
  background: transparent;
  display: none;
}

@keyframes wordsLoop {
  0% {
    transform: translateX(0%);
  }

  25% {
    transform: translateX(-30%);
  }

  50% {
    transform: translateX(-50%);
  }

  75% {
    transform: translateX(-80%);
  }

  100% {
    transform: translateX(-100%);
  }
}



@-webkit-keyframes fadeInUps {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0, 10%, 0);
      transform: translate3d(0, 10%, 0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
  }
}

@keyframes fadeInUps {
  from {
      opacity: 0;
      -webkit-transform: translate3d(0, 10%, 0);
      transform: translate3d(0, 10%, 0)
  }

  to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
  }
}

.fadeInUps {
  -webkit-animation-name: fadeInUps;
  animation-name: fadeInUps
}





.index-story .index-story-zi {
  width: 100%;
  bottom: 0rem;
}

.index-story .index-story-zi .right {
  padding: 4.375rem 5rem;
  border-top: 0.125rem solid rgba(0, 171, 132, 0.92);
  width: 43%;
  background: rgba(255, 255, 255, 0.94);
}

.index-story .index-story-zi .right .heap-p2 {
  margin: 0.625rem 0 1.875rem;
}

.news-div .news-bot {
  background: #fff;
  padding: 1.25rem 1.875rem;
}

.news-div .news-bot .data {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #000000;
}

.news-div .news-bot .title {
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #000000;
  height: 3.25rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: bold;
  margin: 0.625rem 0;
}

.news-div .news-bot .title a {
  color: #000000;
}

.news-div .news-bot .zhai {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #6D6D6C;
  height: 4.875rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.index-news {
  padding: 5.625rem 0;
}

.index-news .heap-p2 {
  margin: 0.625rem 0 1.25rem;
}

.index-news .index-news-cont {
  margin-top: 3.125rem;
}

.index-news .index-news-ul {
  background: rgba(255, 255, 255, 0.57);
  padding: 1.6875rem 1.875rem;
  position: relative;
}

.index-news .index-news-ul::-webkit-scrollbar {
  width: 0.375rem;
  /**/
}

.index-news .index-news-ul::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.57);
  border-radius: 0.125rem;
}

.index-news .index-news-ul::-webkit-scrollbar-thumb {
  background: #bfbfbf;
  border-radius: 0.25rem;
}

.index-news .index-news-ul::after {
  content: "";
  height: 5rem;
  right: 0rem;
  position: absolute;
  bottom: -0.0625rem;
  left: 0rem;
}

.index-news .index-news-ul li {
  margin-bottom: 1.25rem;
  overflow:hidden;
}

.index-news .index-news-ul li .titld {
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #000000;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 3.25rem;
}

.index-news .index-news-ul li .titld a {
  color: #000000;
}

.index-news .index-news-ul li .date {
  font-size: 1rem;
  line-height: 1.625rem;
  color: rgba(0, 0, 0, 0.69);
}

.index-news .index-news-ul li:last-child {
  margin-bottom: 0;
}

.index-news .index-news-ul li:hover .titld a {
  color: rgba(0, 171, 132, 0.92);
}

footer {
  background: rgba(0, 0, 0, 0.92);
}

footer .footer-top {
  padding: 3.4375rem 0 3.75rem;
}

footer .footer-top .container {
  width: 90rem;
  margin: 0 auto;
  padding: 0;
}

footer .footer-top .footer-top-ul li {
  float: left;
  margin-right: 5rem;
}

footer .footer-top .footer-top-ul li .p1 {
  font-size: 1.125rem;
  color: #FFFFFF;
}

footer .footer-top .footer-top-ul li .foot-div {
  font-size: 1rem;
  line-height: 1.75rem;
  margin-top: 0.9375rem;
  color: #848383;
}

footer .footer-top .footer-top-ul li .foot-div a {
  color: #848383;
}

footer .footer-top .footer-top-ul li .foot-div a:hover {
  color: rgba(0, 171, 132, 0.92);
}

footer .footer-top .footer-top-ul li .foot-div .bshare-custom a {
  background: transparent;
  width: 2.375rem;
  height: 2.375rem;
  padding: 0;
  line-height: 2.375rem;
  text-align: center;
  border-radius: 100%;
  border: 0.0625rem solid #C5C3C1;
  font-size: 1.25rem;
  display: inline-block;

}
footer .footer-top .footer-top-ul li .foot-div .social-share a{
  border: 0.0625rem solid #C5C3C1 !important;
  font-size: 1rem !important;
}
footer .footer-top .footer-top-ul li:last-child {
  margin-right: 0;
}

footer .footer-top .footer-top-ul li .ding-box {
  width: 17.375rem;
  border: 0.0625rem solid #C5C3C1;
  border-radius: 1.4375rem;
  -moz-border-radius: 1.4375rem;
  -webkit-border-radius: 1.4375rem;
}

footer .footer-top .footer-top-ul li .ding-box input {
  width: 80%;
  height: 2.9375rem;
  background: transparent;
  padding-left: 0.9375rem;
}

footer .footer-top .footer-top-ul li .ding-box button {
  width: 20%;
  color: #848383;
  font-size: 1rem;
  background: transparent;
  height: 2.9375rem;
  border: none;
  border-left: 0.0625rem solid #C5C3C1;
}

footer .ban-div {
  background: rgba(48, 48, 48, 0.92);
  font-size: .875rem;
  line-height: 1.75rem;
  padding: 1.25rem 0;
  color: #A8A7A7;
}

footer .ban-div .fr {
  font-size: .875rem;
  line-height: 1.75rem;
}

footer .ban-div .fr a {
  color: #A8A7A7;
}

footer .ban-div .fr a:hover {
  color: rgba(0, 171, 132, 0.92);
}

.er-div1 {
  padding: 0 !important;

}

.er-div1 .le {
  width: 24%;
  height: 100%;
  
  position: relative;
  z-index: 2;
}


.er-div1 .le .le-ul {
  padding: 4.375rem 3.75rem;
}

.er-div1 .le .le-ul li {
  font-size: 1rem;
  line-height: 3.5625rem;
  color: #424242;
  padding: 0 2.0625rem;
  border-bottom: 0.0625rem solid #F5F5F5;
}

.er-div1 .le .le-ul li a {
  color: #424242;
}

.er-div1 .le .le-ul li a:hover {
  color: rgba(0, 171, 132, 0.92);
}

.er-div1 .le .le-ul li.active a {
  color: rgba(0, 171, 132, 0.92);
}

.er-div1 .le .le-ul li:last-child {
  border-bottom: none;
}

.er-div1 .re {
  width: 63%;
  padding: 3.5625rem;

}
.er-div1::before{
  content: '';
  position: absolute;
  width: 24%;
  left: 0;
  height: 100%;
  z-index: 1;
  display: block;
  top: 0;
  background: #fff;
}
.er-div1 .re .re-con .div1 {
  display: none;
}

.er-div1 .re .re-con .div1 .tiles {
  font-size: 1rem;
  color: #424242;
  line-height: 1.875rem;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 0.625rem;
}

.er-div1 .re .re-con .div1 .tiles a {
  color: #424242;
}

.er-div1 .re .re-con .div1 .tiles a:hover {
  color: rgba(0, 171, 132, 0.92);
}

.er-div1 .re .re-con .div1 .col-sm-3 {
  margin-bottom: 1.5625rem;
}
.er-div1 .re .re-con .div1 .col-sm-3 .overh{
  overflow: hidden;
}
.er-div1 .re .re-con .div1 .col-sm-3 img {
  border-radius: 1.25rem;
  width: 100%;
}

/* .phone_logo {
  width: 7.5rem;
} */

.ds {
  cursor: pointer;
}

.lx-div {
  margin: 0 1.5625rem;
  cursor: pointer;
  position: relative;
}

.lx-div a {
  color: #333;
}

.lx-div::after {
  content: '';
  position: absolute;
  height: 0.125rem;
  left: 0;
  width: 0%;
  background: rgba(0, 171, 132, 0.92);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  bottom: 0;
}

.lx-div .erweima {
  margin-top: 0.625rem;
}

.lx-div .erweima img {
  border-radius: 0.625rem;
}

.lx-div .ma-div {
  display: none;
  width: 13.8125rem;
  border-radius: 0rem 0rem 1.0625rem 1.0625rem;
  -moz-border-radius: 0rem 0rem 1.0625rem 1.0625rem;
  -webkit-border-radius: 0rem 0rem 1.0625rem 1.0625rem;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: #424242;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
  padding: 1.875rem 0 0.9375rem;
}

.lx-div .ma-div i {
  font-size: 0.8125rem;
  position: relative;
  top: 0rem;
}

.lx-div .ma-div .guanzhu {
  margin-top: 0.625rem;
}

.lx-div:hover::after {
  width: 100%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.lx-div:hover .ma-div {
  display: block;
}

.fix_ul li.tops {
  display: none;
}

.ban .ban-wz {
  bottom: 1.875rem;
  left: 0;
  width: 100%;
  right: 0;
  line-height: 2.125rem;
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.53);
}

.ban .ban-wz a {
  color: rgba(255, 255, 255, 0.53);
}

.ban .ban-wz a:hover {
  color: #fff;
}

.ban .ban-ziz {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.ban .ban-ziz .p1 {
  font-size: 1.5625rem;
  color: #FFFFFF;
  text-shadow: 0rem 0rem 0.625rem rgba(52, 52, 51, 0.9);
}

.ban .ban-ziz .div1 {
  font-size: 3.75rem;
  color: #FFFFFF;
  margin: 0.625rem 0 0rem;
  font-weight: bold;
  text-shadow: 0rem 0rem 0.625rem rgba(52, 52, 51, 0.9);
}

.contnets {
  background: #F3F3F3;
}

.con-er-ul {
  border-bottom: 0.0625rem solid #E0E0E0;
}

.con-er-ul li {
  float: left;
  font-size: 1.0625rem;
  color: #424242;
  line-height: 4.6875rem;
  margin-right: 3.125rem;
}

.con-er-ul li a {
  color: #424242;
  border-bottom: 0.125rem solid transparent;
  display: inline-block;
}

.con-er-ul li:hover a,
.con-er-ul li.active a {
  color: rgba(0, 171, 132, 0.5);
  border-bottom: 0.125rem solid rgba(0, 171, 132, 0.5);
}

.con-san-ul li {
  float: left;
  font-size: 1.0625rem;
  color: #424242;
  line-height: 4.6875rem;
  margin-right: 3.75rem;
}

.con-san-ul li a {
  color: #424242;
}

.con-san-ul li:hover a,
.con-san-ul li.active a {
  color: rgba(0, 171, 132, 0.5);
}

.newiss-list {
  padding: 3.75rem 0;
}

.newiss-list .news-div {
  margin-bottom: 2.5rem;
}
.newiss-list .news-div .overh{
  max-height: 19.0625rem;
  overflow: hidden;
}
.product-description-list {
  padding: 3.5625rem 0;
}

.des-div {
  margin-bottom: 1.875rem;
}

.des-div .des-bot {
  background: #fff;
  padding: 1.25rem 1.875rem;
}

.des-div .des-bot .pdf-div {
  margin: 1.25rem 0 0.625rem;
}

.des-div .des-bot .pdf-div span {
  color: rgba(0, 171, 132, 0.58);
}

.des-div .des-bot .title {
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #000000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: bold;
  margin: 0.625rem 0;
}

.des-div .des-bot .title a {
  color: #000000;
}

.des-div .des-bot .xia-div {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #707070;
}

.link-div {
  padding: 4.375rem 0 4.375rem;
}

.link-div .link-con {
  margin-top: 3.125rem;
  text-align: center;
}
.link-div .link-con .link-con-ul{
  /* display: inline-block; */
  display: flex;
  justify-content: space-between;

  /* display: flex;
  align-items: center;
  justify-content: center;
  text-align: justify; */
}
.link-div .link-con .link-con-ul>li {
  /* float: left; */
  padding: 2.5rem 1vw;
  text-align: left;
  
}

.link-div .link-con .link-con-ul>li>div {
  padding-left: 4.25rem;
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
}

.link-div.jinjiaolink .link-con .link-con-ul>li>div{

  padding-bottom: 8px;
    padding-top: 8px;
}


.link-div .link-con .link-con-ul>li .img1{
  width: 2.5rem;
}
.link-div .link-con .link-con-ul>li .img1 {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */

  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1.25rem;
}

.link-div .link-con .link-con-ul>li .p1 {
  font-size: 1.25rem;
  line-height: 2.25rem;
  color: #000000;
}

.link-div .link-con .link-con-ul>li .p1.conp1{font-size:1.65rem;}


.link-div .link-con .link-con-ul>li .p2 {

  font-size: 1.55rem;
  line-height: 1;
  color: #161616;
}

.link-div .link-con .link-con-ul>li .con-uls li {
  float: left;
  position: relative;
  cursor: pointer;
  padding: 0 2rem;
  text-align: center;
}

.mm-d {
  display: none;
  width: 7.5rem;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  border: 0.0625rem solid #EBEBED;
  background: #FFF;
  border-radius: 0.625rem;
  padding: 0.3125rem;
}

.mm-d::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  bottom: -1.25rem;
  border-top: 0.625rem solid #EBEBED;
  border-right: 0.625rem solid transparent;
  border-bottom: 0.625rem solid transparent;
  border-left: 0.625rem solid transparent;
  z-index: 1;
}

.mm-d::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  bottom: -1.125rem;
  border-top: 0.5625rem solid #fff;
  border-right: 0.5625rem solid transparent;
  border-bottom: 0.5625rem solid transparent;
  border-left: 0.5625rem solid transparent;
  z-index: 2;
}

.con-uls li:hover .mm-d {
  display: block;
}

.link-div .link-con .link-con-ul>li .con-uls li p {
  margin-top: 0.9375rem;
  color: #555;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.link-div .link-con .link-con-ul>li .con-uls li:hover i {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  color: #00AB84;
}

.link-div .link-con .link-con-ul>li .con-uls li:hover p {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  color: #00AB84;
}

.link-div .link-con .link-con-ul>li:nth-child(2) {
  border-left: 0.0625rem solid #CACACC;
  border-right: 0.0625rem solid #CACACC;
  padding: 2.5rem 3rem;
}

.map .map-zi {
  background: rgba(255, 255, 255, 0.74);
  font-size: 1.125rem;
  line-height: 2.25rem;
  color: #424242;
  padding: 0.9375rem 1.5625rem;
  right: 1.25rem;
  bottom: 1.875rem;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
  border-left: 0.25rem solid #00AB84;
}

.map .cha-a a {
  font-size: 1.125rem;
  line-height: 2.25rem;
  color: #000000;
  padding: 0.3125rem 0;
  border-bottom: 0.0625rem solid #000000;
}

.map .cha-a a:hover {
  color: rgba(0, 171, 132, 0.92);
  border-bottom: 0.0625rem solid rgba(0, 171, 132, 0.92);
}

.zixun-div {
  padding: 5rem 0 3.75rem;
}

.zixun-div .zixun-ul {
  margin-top: 3.75rem;
}

.zixun-div .zixun-ul li {
  width: 49%;
  float: left;
  margin-bottom: 0.625rem;
}

.zixun-div .zixun-ul li:nth-child(even) {
  float: right;
}

.zixun-div .zixun-ul li .p1 {
  font-size: 1.125rem;
  font-weight: bold;
  color: #000000;
}

.zixun-div .zixun-ul li input {
  width: 100%;
  height: 2.5rem;
  color: #ddd;
  font-size: 1rem;
  padding-left: 0.9375rem;
  margin: 0.625rem 0;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
  border-radius: 0.3125rem;
  border: 0.0625rem solid #D1D1D1;
}

.zixun-div .zixun-ul li:nth-child(3) {
  height: 2.5rem;
}

.zixun-div .zixun-ul li select {
  background: transparent;
  width: 100%;
  height: 2.5rem;
  color: #ddd;
  font-size: 1rem;
  padding-left: 0.9375rem;
  margin: 0.625rem 0;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
  border-radius: 0.3125rem;
  border: 0.0625rem solid #D1D1D1;
}

.zixun-div .zixun-ul li select:focus {
  outline: none;
}

.zixun-div .zixun-ul li input::placeholder {
  color: #ddd;
  font-size: 1rem;
}

.zixun-div .zixun-ul li textarea {
  width: 100%;
  height: 15.625rem;
  color: #ddd;
  font-size: 1rem;
  padding: 0.9375rem;
  margin: 0.625rem 0;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
  border-radius: 0.3125rem;
  border: 0.0625rem solid #D1D1D1;
  resize: none;
}

.zixun-div .zixun-ul li:nth-child(5) {
  width: 100%;
}

.zixun-div .zixun-ul li:nth-child(6) {
  width: 100%;
  margin-top: 1.25rem;
  border-bottom: 0.0625rem solid transparent;
}

.zixun-div .zixun-ul li button {
  display: inline-block;
  border-style: Solid;
  border-color: #DFDFDF;
  border-color: #dfdfdf;
  border-width: 0.0625rem;
  padding: 0 2.5rem;
  background: transparent;
  line-height: 2.875rem;
  color: #444444;
  font-size: 1rem;
  height: 2.875rem;
  border-radius: 1.4375rem;
  -moz-border-radius: 1.4375rem;
  -webkit-border-radius: 1.4375rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.zixun-div .zixun-ul li button:hover {
  box-shadow: inset 0 0 0.625rem 1.875rem #00ab84;
  color: #FFF;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.vision-p2 {
  font-size: 1.75rem;
  color: #161616;
  margin-top: 1.1875rem;
}

.vision-p1 {
  font-size: 1.8rem;
  color: #161616;
  line-height: 1;
  font-weight: bold;
  padding-bottom: 1.25rem;
  position: relative;
}

.vision-p1 a {
  color: #161616;
}

.vision-p1::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  height: 0.0625rem;
  background: #161616;
  width: 4.875rem;
}

.corporate-vision {
  padding: 5rem 0;
  position: relative;
}

.corporate-vision .le {
  width: 29%;
  padding-top: 11.25rem;
}

.corporate-vision .re {
  width: 71%;
}

.corporate-vision::after {
  position: absolute;
  content: '';
  left: 0;
  width: 70%;
  z-index: -1;
  height: 100%;
  top: 0;
  background: #f3f3f3;
}

.corporate-mission {
  padding: 17.5rem 0;
}

.corporate-mission .vision-p1 {
  color: #fff;
}

.corporate-mission .vision-p1::after {
  background: #fff;
}

.corporate-mission .vision-p2 {
  color: #fff;
}

.sense-of-worth {
  padding: 6.875rem 0 0;
  background: rgba(243, 243, 243, 0.88);
}
.sense-of-worth2{
  padding: 6.875rem 0 6.875rem;
}
.sense-of-worth .sense-con {
  margin-top: 1.875rem;
}

.sense-of-worth .sense-con .sense-ul li {
  font-size: 1.125rem;
  line-height: 2rem;
  color: #9B9B9B;
  padding: 2.8125rem 9rem 1.25rem 0;
  height: 11.5rem;
  border-bottom: 0.125rem solid rgba(91, 91, 91, 0.19);
}

.introduction-con .introduction-top {
  padding: 7.8125rem 0 3.75rem;
}

.introduction-con .introduction-top .introduction-zi {
  padding: 5rem 0;
  position: relative;
}

.introduction-con .introduction-top .introduction-zi::after {
  position: absolute;
  content: '';
  width: 90%;
  top: 0;
  z-index: -1;
  height: 100%;
  bottom: 0;
  background: #F3F3F3;
}

.introduction-con .introduction-top .le {
  width: 50%;
  padding: 0 5rem;
}

.introduction-con .introduction-top .re {
  width: 50%;
}

.introduction-zhai {
  font-size: 1.125rem;
  line-height: 2rem;
  color: #6f6e6e;
  margin: 1.25rem 0 1.875rem;
  text-align: justify;
}

.introduction-con .introduction-top .introduction-zi .introduction-zhai::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0.3125rem;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 0.0625rem;
}

.introduction-con .introduction-top .introduction-zi .introduction-zhai::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 0.3125rem;
  background-color: rgba(0, 171, 132, 0.92);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.introduction-con .introduction-top .introduction-zi .introduction-zhai::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 0.3125rem rgba(0, 0, 0, 0.2);
  background: #ededed;
  border-radius: 0.625rem;
}

.introduction-lunbo .swiper-pagination-bullet {
  width: 0.9375rem;
  height: 0.9375rem;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 100%;
}

.introduction-lunbo .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(0, 171, 132, 0.92);
}

.development .development-bot {
  margin-top: 3.75rem;
  padding: 6.25rem 0 2.5rem;
}

.development .development-bot .gallery-top .swiper-slide {
  text-align: center;
}

.development .development-bot .gallery-top .swiper-slide .deve-div {
  border-radius: 0.75rem;
  margin: 0 auto;
  text-align: left;
  background: rgba(255, 255, 255, 0.71);
  padding: 2.1875rem;
}

.development .development-bot .gallery-top .swiper-slide .deve-div .nian {
  font-size: 4.375rem;
  color: rgba(0, 171, 132, 0.92);
  line-height: 1;
}

.development .development-bot .gallery-top .swiper-slide .deve-div .neri-d {
  font-size: 1.1rem;
  line-height: 2.125rem;
  height: 3.925rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 1.25rem;
  color: #757575;
}

.development .development-bot .gallery-top .swiper-slide.swiper-slide-active .deve-div .neri-d {
  height: 6.375rem;
  -webkit-line-clamp: 3;
}

.development .development-bot .gallery-thumbs {
  margin-top: 4.25rem;
  position: relative;
}

.development .development-bot .gallery-thumbs .swiper-slide {
  text-align: center;
  cursor: pointer;
}

.development .development-bot .gallery-thumbs .swiper-slide .yuan {
  display: inline-block;
  width: 1.1875rem;
  height: 1.1875rem;
  background: #FFF;
  border-radius: 100%;
  border: 0.0625rem solid #CECCCC;
}

.development .development-bot .gallery-thumbs .swiper-slide .p1 {
  font-size: 1.375rem;
  line-height: 2.125rem;
  color: #757575;
}

.development .development-bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .yuan {
  background: rgba(0, 171, 132, 0.92);
  border: 0.0625rem solid rgba(0, 171, 132, 0.92);
}

.development .development-bot .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .p1 {
  font-weight: bold;
  color: rgba(0, 171, 132, 0.92);
}

.development .development-bot .gallery-thumbs:after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0.625rem;
  height: 0.0625rem;
  background: url(../img/8.png) no-repeat;
  background-size: 100% 100%;
}

.development .development-bot .swiper-button-next,
.development .development-bot .swiper-button-prev,
.rongyu-lunbo .swiper-button-next,
.rongyu-lunbo .swiper-button-prev {
  width: 4.25rem;
  height: 4.25rem;
}

.development .development-bot .swiper-button-next,
.rongyu-lunbo .swiper-button-next {
  background: url(../img/h1.svg) no-repeat;
  background-size: 100% 100%;
  right: 3.125rem;   transition: 400ms ease-in-out;
  -moz-transition:400ms ease-in-out; /* Firefox 4 */
 -webkit-transition:400ms ease-in-out; /* Safari and Chrome */
 -o-transition:400ms ease-in-out; /* Opera */
}
.development .development-bot .swiper-button-next:hover,
.rongyu-lunbo .swiper-button-next:hover{
  background: url(../img/c1.svg) no-repeat;
  background-size: 100% 100%;   transition: 400ms ease-in-out;
  -moz-transition:400ms ease-in-out; /* Firefox 4 */
 -webkit-transition:400ms ease-in-out; /* Safari and Chrome */
 -o-transition:400ms ease-in-out; /* Opera */
}
.rongyu-lunbo .swiper-button-next {
  right: -6.25rem;
}
/* .rongyu-lunbo1 .swiper-button-next,.rongyu-lunbo1 .swiper-button-prev{
  display: none;
} */

.development .development-bot .swiper-button-prev,
.rongyu-lunbo .swiper-button-prev {
  background: url(../img/h2.svg) no-repeat;
  background-size: 100% 100%;
  left: 3.125rem;   transition: 400ms ease-in-out;
  -moz-transition:400ms ease-in-out; /* Firefox 4 */
 -webkit-transition:400ms ease-in-out; /* Safari and Chrome */
 -o-transition:400ms ease-in-out; /* Opera */
}
.development .development-bot .swiper-button-prev:hover,
.rongyu-lunbo .swiper-button-prev:hover {
  background: url(../img/c2.svg) no-repeat;
  background-size: 100% 100%;   transition: 400ms ease-in-out;
  -moz-transition:400ms ease-in-out; /* Firefox 4 */
 -webkit-transition:400ms ease-in-out; /* Safari and Chrome */
 -o-transition:400ms ease-in-out; /* Opera */
}
.rongyu-lunbo .swiper-button-prev {
  left: -6.25rem;
}

.deve-p1 {
  font-size: 2.25rem;
  color: #161616;
  font-weight: bold;
  line-height: 1;
}

.deve-zhai {
  font-size: 1.125rem;
  line-height: 2.125rem;
  color: #757575;
  margin-top: 1.4375rem;
}

.awards {
  padding: 6.25rem 0 6.25rem;
}

.awards .awards-lunbo {
  margin-top: 3.75rem;
  margin-bottom: 2.5rem;
}

.awards .awards-lunbo .awards-img {
  position: relative;
  width: 79%;
}

.awards .awards-lunbo .awards-img::after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  z-index: 2;
  bottom: 0;
  background: rgba(131, 132, 132, 0.39);
  display: none;
}

.awards .awards-lunbo .swiper-pagination-bullet {
  width: 0.9375rem;
  height: 0.9375rem;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 100%;
}

.awards .awards-lunbo .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(0, 171, 132, 0.92);
}

.awards .awards-lunbo .swiper-pagination {
  width: 79%;
}



/*教育照明轮播*/
.awards.jyzm{
  padding: 3.25rem 0 3.7rem;
}
.awards .zmprodhct-lunbo {
  margin-top: 3.75rem;
  margin-bottom: 2.5rem;
}

.awards .zmprodhct-lunbo .awards-img {
  position: relative;
  width: 79%;
}

.awards .zmprodhct-lunbo .awards-img::after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  z-index: 2;
  bottom: 0;
  background: rgba(131, 132, 132, 0.39);
  display: none;
}

.awards .zmprodhct-lunbo .swiper-pagination-bullet {
  width: 0.9375rem;
  height: 0.9375rem;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 100%;
}

.awards .zmprodhct-lunbo .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(0, 171, 132, 0.92);
}

.awards .zmprodhct-lunbo .swiper-pagination {
  width: 79%;
}






.awards .awards-zi {
  padding: 5rem 4.375rem;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  z-index: 3;
  background: #F3F3F3;
  width: 45%;
}

.message-div {
  padding: 7.0625rem 0;
}

.message-div .le {
  width: 50%;
}

.message-div .le .vision-p1::after {
  display: none;
}

.message-div .re {
  width: 45%;
}

.number-theory .theory-div {
  padding: 3.125rem 0 3.75rem;
}

.number-theory .theory-div .theory-con {
  margin-top: 3.75rem;
  text-align: center;
}

.theory-con .col-sm-3 {
  margin-bottom: 2.5rem;
}

.number-theory .theory-div .theory-con .shu {
  line-height: 1;
  font-size: 2.8rem;
  color: #161616;
  /* font-weight: bold;
     */
}

.number-theory .theory-div .theory-con .shu span {
  font-size: 3rem;
  position: relative;
  /* top: 0.3125rem; */
  line-height: 1;
  display: inline-block;
  margin-right: 0.1875rem;
  color: #161616;
  font-weight: bold;
}

.number-theory .theory-div .theory-con .shu sup {
  font-weight: bold;
  font-size: 1.5rem;
  color: #000000;
  position: relative;
  top: -3.125rem;
}

.number-theory .theory-div .theory-con .p3 {
  margin-bottom: 0.625rem;
  font-size: 1.375rem;
  line-height: 2.125rem;
  color: #757575;
}

.l-tanch {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  display: none;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.l-tanch img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
}

.l-tanch .fuanbi {
  top: 0;
  right: 0;
  cursor: pointer;
}

.l-tanch .fuanbi i {
  font-size: 3.75rem;
  color: rgba(255, 255, 255, 0.7);
}

.quality-img-ul1 li .yuan {
  border-radius: 50%;
  animation: run03 4s infinite linear;
  width: 3.4375rem;
  height: 3.4375rem;
  background: transparent;
}

.quality-img-ul1 li .yuan span {
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.quality-img-ul1 li .yuan .sp1 {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-block;
  background: transparent;
  text-align: center;
  color: #fff;
}

.quality-img-ul1 li .yuan .sp2 {
  width: 0.8125rem;
  height: 0.8125rem;
  background: rgba(255, 255, 255, 0.6);
}

.quality-img-ul1 li .yuan .sp3 {
  width: 1.875rem;
  height: 1.875rem;
  background: rgba(255, 255, 255, 0.3);
}

@keyframes run03 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.4);
  }

  100% {
    transform: scale(1);
  }
}

.xinwen-div {
  padding-top: 4.375rem;
}

.xinwen-div .wzs {
  line-height: 2.125rem;
  padding: 2.125rem 0;
  color: rgba(99, 102, 99, 0.53);
}

.xinwen-div .wzs a {
  color: rgba(99, 102, 99, 0.53);
}

.xinwen-div .wzs a:hover {
  color: rgba(0, 171, 132, 0.92);
}

.xinwen-div .xinwen-tile {
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 47.1.0625rem;
  color: #000000;
}

.xinwen-div .data-t {
  font-size: 1rem;
  line-height: 1.625rem;
  margin-top: 0.9375rem;
  color: rgba(0, 0, 0, 0.69);
}

.xinwen-div .xinwen-con .le {
  width: 60%;
  padding: 0 3.625rem;
  border-right: 0.0625rem solid #EBEDEB;
  border-left: 0.0625rem solid #EBEDEB;
}
.xinwen-div .xinwen-con .fl-le{
  width: 15%;
  text-align: center;
  color: #6D6D6C;
  
}
.xinwen-div .xinwen-con .fl-le .data-t{
  font-family: " verdana";
}
.xinwen-div .xinwen-con .fl-le .data-t span{
  font-size: 1.375rem;
  display: inline-block;
  margin-top: .9375rem;
}
.xinwen-div .xinwen-con .fl-le .social-share span{
  font-size: 1rem;
  margin-top: 3.9375rem;
  display: inline-block;
}
.xinwen-div .xinwen-con .fl-le .social-share a {
  background: transparent;
  width: 2.375rem;
  height: 2.375rem;
  padding: 0;
  line-height: 2.375rem;
  text-align: center;
  border-radius: 100%;
  border: 0.0625rem solid #C5C3C1;
  font-size: 1.25rem;
  display: block;
  margin: 0 auto;
  margin-top: .9375rem;
  color: #C5C3C1;
  font-size: 1rem;
}
.data-t.none{
  display: none;
}
.data-t.block{
  display: block;
}
.xinwen-div .xinwen-con .le .xw-con {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #6f6e6e;
  padding: 1.25rem 0 2.875rem;
  /* text-indent: 1.875rem; */
  text-align: justify;
  border-bottom: 0.0625rem solid #EBEDEB;
}
.xinwen-div .xinwen-con .le .xw-con img{
  width: 100%;
}
.xinwen-div .xinwen-con .le .xw-shang {
  padding: 1.5625rem 0;
}

.xinwen-div .xinwen-con .le .xw-shang>div {
  width: 50%;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #000000;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.xinwen-div .xinwen-con .le .xw-shang>div a {
  color: #000000;
}

.xinwen-div .xinwen-con .le .xw-shang>div a:hover {
  color: rgba(0, 171, 132, 0.92);
}

.xinwen-div .xinwen-con .re {
  width: 22%;
  padding-left: 0.8rem;
}

.xinwen-div .xinwen-con .re .hot-art-title {
  font-size: 1.875rem;
  line-height: 1;
  color: #000000;
}

.xinwen-div .xinwen-con .re .hot-articles-ul {
  margin-top: 1.5625rem;
}

.xinwen-div .xinwen-con .re .hot-articles-ul li {
  margin-bottom: 1.5625rem;
}
.xinwen-div .xinwen-con .re .hot-articles-ul li img{
  transition: all 0.6s;
}
.xinwen-div .xinwen-con .re .hot-articles-ul li:hover img{
  transform: scale(1.1);
}
.xinwen-div .xinwen-con .re .hot-articles-ul li:hover .articles-p1 a{
  color: rgba(0, 171, 132, 0.92);
}
.xinwen-div .xinwen-con .re .hot-articles-ul li .articles-p1 {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #6D6D6C;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 0.625rem;
}

.xinwen-div .xinwen-con .re .hot-articles-ul li .articles-p1 a {
  color: #6D6D6C;
}

b,
strong {
  font-weight: bold;
}

.product-top {
  background: #FFF;
  padding: 1.875rem 3.3125rem;
  margin: 3.75rem 0 1.875rem;
}
.product-top.syzm .pro-div:nth-child(3){
  display: none;
}

.product-top .pro-div {
  margin: 0.9375rem 0;
  line-height: 2.375rem;
}

.product-top .pro-div .fl {
  width: 10%;
  font-weight: bold;
  font-size: 1.125rem;
  color: #000000;
  text-align: right;
}

.product-top .pro-div .product-uls {
  width: 88%;
}
.product-top .more a:hover{
  color: #fff!important;
}

.product-top .pro-div:nth-child(1) .product-uls>li.active a{
    color: #fff!important;
    background: rgba(0, 171, 132, 0.92);
}
.product-top .pro-div .product-uls.sycp>li:last-child .xiala-div ul{
   width: 200%;
}
.product-top .pro-div .product-uls.sycp>li:last-child .xiala-div ul li:nth-child(1){
  width: 100%;
}
.product-top .pro-div .product-uls.sycp>li:last-child .xiala-div ul li{
    width: 50%;
    float: left;
}

.product-top .pro-div .product-uls.jyzm>li:last-child .xiala-div ul{
  width: 200%;
}
.product-top .pro-div .product-uls.jyzm>li:last-child .xiala-div ul li:nth-child(1){
 width: 100%;
}
.product-top .pro-div .product-uls.jyzm>li:last-child .xiala-div ul li{
   width: 50%;
   float: left;
}

.product-top .pro-div .product-uls>li {
  float: left;
  font-size: 1rem;
  color: #5B5B5B;
  padding: 0 0.5625rem;
}

.product-top .pro-div .product-uls>li>a {
  color: #5B5B5B;
}

.product-top .pro-div .product-uls>li>a:hover,
.product-top .pro-div .product-uls>li.active>a {
  color: rgba(0, 171, 132, 0.92);
}

.product-top .pro-div .product-uls>li .xiala-div {
  height: 2.375rem;
  min-width: 10.125rem;
  line-height: 2.375rem;
  border-radius: 1.1875rem;
  -moz-border-radius: 1.1875rem;
  -webkit-border-radius: 1.1875rem;
  padding: 0 1.5625rem;
  cursor: pointer;
  border: 0.0625rem solid #DFDFDF;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /* 右侧添加小箭头的背景图 */
  background: url('../img/xis.svg') right no-repeat;
  position: relative;
}

.product-top .pro-div .product-uls>li .xiala-div .xiala-ul {
  background: #FFF;
  width: 100%;
  display: none;
  top: 95%;
  border-radius: 0.625rem;
  position: absolute;
  left: 0;
  padding: 0.625rem 0;
  z-index: 3;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.2);
}

.product-top .pro-div .product-uls>li .xiala-div .xiala-ul li {
  width: 100%;
}

.product-top .pro-div .product-uls>li .xiala-div .xiala-ul li>a {
  font-size: 1rem;
  display: block;
  padding-left: 1.5625rem;
  line-height: 2.375rem;
  color: #5B5B5B;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.product-top .pro-div .product-uls>li .xiala-div .xiala-ul li>a:hover {
  background: rgba(0, 171, 132, 0.92);
  color: #Fff;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.product-top .pro-div .product-uls>li .xiala-div:hover .xiala-ul {
  display: block;
}

.product-top .pro-div .product-uls li select:focus {
  outline: none;
}

.product-bot .product-a {
  margin-bottom: 1.875rem;
  cursor: pointer;
  background: #FFF;
  padding: 0rem 0 4.375rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.product-bot .product-a .products-d {
  padding: 1.25rem 1.6875rem 0;
}

.product-bot .product-a .products-d .pro-d {
  font-size: 1.25rem;
  line-height: 1.875rem;
  height: 1.875rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: bold;
  color: #000000;
}

.product-bot .product-a .products-d .pro-d a {
  color: #000000;
}

.product-bot .product-a .products-d .pro-zhais {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #5B5B5B;
  overflow: hidden;
  padding: 0.9375rem 0 0;
  border-bottom: 0.0625rem solid #D3D3D3;
  height: 8.9375rem;

}
.product-bot .product-a .products-d .pro-zhais sup{
  font-size: .75rem;
}
.product-bot .product-a:hover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.3);
}

.product-bot .product-a:hover .products-d .pro-d a {
  color: rgba(0, 171, 132, 0.92);
}

.apply-process {
  padding: 4.375rem 0;
}

.apply-process .xcp video{
	width: 60%;
	margin-top: 4rem;
}

.apply-process .apply-process-ul {
  margin-top: 5.625rem;
}

.apply-process .apply-process-ul li {
  width: 25%;
  position: relative;
  float: left;
  cursor: pointer;
}

.apply-process .apply-process-ul li:hover img {
  transform: rotateY(-360deg);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.apply-process .apply-process-ul li .app-p1 {
  font-size: 1.25rem;
  line-height: 1;
  margin-top: 1.8125rem;
  color: #000000;
}

.apply-process .apply-process-ul li .apply-d {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.apply-process .apply-process-ul li .apply-d i {
  font-size: 2.5rem;
  color: #ddd;
}

.apply-process .apply-process-ul li:last-child .apply-d {
  display: none;
}

.career-development {
  padding: 3.75rem 0;
}

.career-development .deve-zhai {
  margin: 1.875rem 0 1.75rem;
}

.career-development .vid-div {
  margin-top: 2.3125rem;
}

.security {
  padding: 1.875rem 0 3.125rem;
}

.security .security-top {
  height: 45.125rem;
  width: 90rem;
  margin: 1.875rem auto 0;
}

.security .security-top .yuan-logo {
  width: 19.75rem;
  height: 19.75rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.3rem solid rgba(0,0,0,0.15);
}

.security .security-top .security-ul {
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.security .security-top .security-ul li {
  width: 9.25rem;
  height: 9.25rem;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.375rem;
  cursor: pointer;
  border-radius: 100%;
  color: #757575;
  background: rgba(243, 243, 243, 0.88);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.security .security-top .security-ul li:hover {
  background: #009944;
  transition: 400ms ease-in-out;
  color: #FFF;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.security .security-top .security-ul li:nth-child(1) {
  left: 44%;
  top: 5%;
}

.security .security-top .security-ul li:nth-child(2) {
  left: 56%;
  top: 12%;
}

.security .security-top .security-ul li:nth-child(3) {
  left: 63%;
  top: 33%;
}

.security .security-top .security-ul li:nth-child(4) {
  left: 62%;
  top: 58%;
}

.security .security-top .security-ul li:nth-child(5) {
  bottom: 7%;
  left: 51%;
}

.security .security-top .security-ul li:nth-child(6) {
  bottom: 6%;
  left: 38%;
}

.security .security-top .security-ul li:nth-child(7) {
  left: 28%;
  bottom: 21%;
}

.security .security-top .security-ul li:nth-child(8) {
  left: 25%;
  bottom: 43%;
}

.security .security-top .security-ul li:nth-child(9) {
  left: 31%;
  top: 13%;
}

.humanistic-concern {
  padding: 0rem 0 6.25rem;
}

.humanistic-concern .concern-list {
  margin-top: 2.5rem;
}

.humanistic-concern .concern-list .ren-div a {
  display: block;
}

.humanistic-concern .concern-list .ren-div a::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.humanistic-concern .concern-list .ren-div a .title {
  line-height: 1.625rem;
  text-transform: uppercase;
  color: #FFFFFF;
  position: absolute;
  font-size: 1.5rem;
  left: 3.125rem;
  top: 3.125rem;
  z-index: 3;
}

.humanistic-concern .concern-list .div-top .left {
  width: 66.66%;
}

.humanistic-concern .concern-list .div-top .left .ren-div a::after {
  background: rgba(3, 41, 112, 0.67);
}

.humanistic-concern .concern-list .div-top .right {
  width: 33.33%;
}

.humanistic-concern .concern-list .div-top .right .ren-div a::after {
  background: rgba(93, 32, 110, 0.46);
}

.humanistic-concern .concern-list .div-mid>div {
  width: 33.33%;
  float: left;
}

.humanistic-concern .concern-list .div-mid>div:nth-child(1) .ren-div a::after {
  background: rgba(0, 120, 167, 0.68);
}

.humanistic-concern .concern-list .div-mid>div:nth-child(2) .ren-div a::after {
  background: rgba(207, 60, 35, 0.74);
}

.humanistic-concern .concern-list .div-mid>div:nth-child(3) .ren-div a::after {
  background: rgba(60, 156, 181, 0.56);
}

.humanistic-concern .concern-list .div-bot .left {
  width: 66.66%;
}

.humanistic-concern .concern-list .div-bot .left .ren-div a::after {
  background: rgba(0, 153, 68, 0.69);
}

.humanistic-concern .concern-list .div-bot .right {
  width: 33.33%;
}

.humanistic-concern .concern-list .div-bot .right .ren-div a::after {
  background: rgba(190, 185, 144, 0.39);
}

.post-xx {
  padding: 5.625rem 0 3.125rem;
  background: rgba(243, 243, 243, 0.88);
}

.post-xx .post-uls {
  margin-top: 2.5rem;
  margin: 2.5rem -0.5% 0;
}

.post-xx .post-uls li {
  width: 32.33%;
  margin: .5%;
  float: left;
  background: #Fff;
  padding: 2.5rem;
  cursor: pointer;
}

.post-xx .post-uls li .p1 {
  font-size: 1.3rem;
  line-height: 1.625rem;
  color: #000000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.post-xx .post-uls li .p1 a {
  color: #000000;
}

.post-xx .post-uls li .p2 {
  font-size: 1rem;
  color: #000000;
  margin-top: 0.625rem;
}

.post-xx .post-uls li .add-tr {
  margin-top: 0.625rem;
  font-size: 1rem;
  line-height: 1.625rem;
  color: rgba(112, 112, 112, 0.69);
}

.post-xx .more {
  margin-top: 1.875rem;
}

.chuan-div {
  font-size: 1.125rem;
  line-height: 2.125rem;
  color: #757575;
  padding: 5rem 0;
}

.development-bot .gallery-top .swiper-slide {
  transition: 300ms;
  transform: scale(0.85);
}

.development-bot .gallery-top .swiper-slide-active,
.development-bot .gallery-top .swiper-slide-duplicate-active {
  transform: scale(1);
}

.independent-lunbo .swiper-container {
  padding-bottom: 6.25rem;
}

.independent-lunbo .swiper-container .swiper-pagination-bullet {
  width: 0.9375rem;
  height: 0.9375rem;
  display: inline-block;
  border-radius: 100%;
  background: #DBDDDC;
  opacity: 1;
}

.independent-lunbo .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(0, 171, 132, 0.92);
}

.independent-lunbo .independent-ul {
  overflow: hidden;
}

.independent-lunbo .independent-ul li {
  width: 25%;
  float: left;
  position: relative;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  cursor: pointer;
}

.independent-lunbo .independent-ul li .zizhu-div {
  width: 80%;
  bottom: 10%;
  left: 50%;
  display: none;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  z-index: 2;
}

.independent-lunbo .independent-ul li .zizhu-div .p1 {
  font-size: 1.6rem;
  line-height: 1;
  color: #FFFFFF;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.independent-lunbo .independent-ul li .zizhu-div .p2 {
  font-size: 1.3rem;
  line-height: 2.125rem;
  color: #FFFFFF;
  margin-top: 0.625rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.independent-lunbo .independent-ul li::after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(127, 127, 127, 0.72);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  display: none;
  /* Opera */
}

.independent-lunbo .independent-ul li:hover::after {
  background: rgba(127, 127, 127, 0.2);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.independent-ul li video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  opacity: 0;
}

.independent-ul li.active video {
  opacity: 1;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.independent-img {
  height: 47.5rem;
}

.independent-img .independent-zza {
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.independent-img .independent-zza .independent-fl {
  background: rgba(255, 255, 255, 0.79);
  padding: 2.5rem;
  width: 42%;
}

.independent-img .independent-zza .independent-fl .div1 {
  font-size: 2.25rem;
  line-height: 2.9375rem;
  color: #161616;
}

.independent-img .independent-zza .independent-fl .div2 {
  font-size: 1.125rem;
  line-height: 2rem;
  color: #9B9B9B;
  margin: 0.625rem 0 1.25rem;
  text-align: justify;
}

.independent-img .independent-zza .independent-fl .more a {
  background: #FFF;
}

.rongyu-div {
  padding: 6.25rem 0 6.25rem;
  margin-top: 0rem;
  background: #F3F3F3;
}

.rongyu-div .rongyu-lunbo {
  margin-top: 2.5rem;
}

.rongyu-div .rongyu-lunbo .swiper-container .swiper-pagination-bullet {
  width: 0.9375rem;
  height: 0.9375rem;
  display: inline-block;
  border-radius: 100%;
  background: #DBDDDC;
  opacity: 1;
}

.rongyu-div .rongyu-lunbo .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #00ab84;
  opacity: 0.92;
}

.rongyu-div .swiper-slide {
  cursor: pointer;
}

.rongyu-div .swiper-slide .rongyu-p1 {
  font-size: 1.0625rem;
  line-height: 27.4.8125rem;
  color: #C5933A;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.rongyu-div .swiper-slide .rongyu-p2 {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 2rem;
  color: #C5933A;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.tan-rong {
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 999;
}

.tan-rong .closei {
  right: 5%;
  top: 5%;
  cursor: pointer;
}

.tan-rong .closei i {
  font-size: 3.75rem;
  color: #FFF;
}

.investment-div {
  padding: 3.75rem 0 0;
}

.investment-div .animate__wrap {
  margin-top: 3.75rem;
}

.investment-div .animate__wrap {
  width: 100%;
}

.investment-div .marquee__container {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 23rem;
  margin-bottom: 1.25rem;
  overflow: hidden;
}

.investment-div .marquee__wrapper {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate3d(0, 0, 0);
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}

.investment-div .marquee__slide {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}

.investment-div .swiper__item {
  flex-shrink: 0;
  width: 32.33%;
  height: 100%;
  margin-right: 1%;
}

.detail-container .detail-title {
  text-align: center;
  font-size: 2.5rem;
  color: #000;
  position: relative;
  line-height: 1.4;
  margin-bottom: 5.625rem;
}

.detail-container {
  padding: 5rem 0;
}

.detail-container .info-container {
  height: 33.5rem;
  padding-left: 9.375rem;
}

.detail-container .info-container .info-block {
  width: 20%;
  margin-top: 6.25rem;
}

.detail-container .info-container .info-block .title {
  font-size: 1.8rem;
  color: #000;
  margin-bottom: 3.75rem;
}

.detail-container .info-container .info-block .desc {
  color: #4e4e4e;
  text-align: justify;
  line-height: 2rem;
  font-size: 1rem;
}

.detail-container .info-container .info-swiper {
  width: 70%;
}

.detail-container .info-container .info-swiper .swiper-container {
  padding-right: 30%;
}

.detail-container .info-container .info-swiper .info-slide-btn {
  bottom: 0;
  z-index: 33;
  width: 9.625rem;
  left: -4.75rem;
}

.detail-container .info-container .info-swiper .info-slide-btn .info-prev {
  background: #EEE;
}

.detail-container .info-container .info-swiper .info-slide-btn .info-next {
  background: #fff;
}

.detail-container .info-container .info-swiper .info-slide-btn .info-prev,
.detail-container .info-container .info-swiper .info-slide-btn .info-next {
  height: 3.125rem;
  padding: 0 1.875rem;
  float: left;
  text-align: center;
  line-height: 3.125rem;
}

.detail-container .more-block {
  margin-top: 9.375rem;
}

.detail-container .more-block .more-anli-title {
  margin-top: 0.8125rem;
}

.detail-container .more-block .more-anli-title a {
  font-size: 1.125rem;
  color: #000;
}

.detail-container .more-block .more-anli {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  position: relative;
}

.detail-container .more-block .more-anli .overh {
  border-radius: 0.3125rem;
}

.detail-container .more-block .more-anli:hover {
  margin-top: -0.625rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.detail-container .more-block .more-anli:hover .more-anli-title a {
  color: rgba(0, 171, 132, 0.92);
}

.lunbosijia1 .swiper-slide img {
  width: 100%;
}

.lunbosijia1 .swiper-slide .miao {
  bottom: 10%;
  left: 10%;
}

.lunbosijia1 .swiper-slide .miao a {
  width: 3.125rem;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.3);
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  color: #555;
  border-radius: 100%;
  display: inline-block;
  background: #FFF;
}

.quality-div .quality-ul {
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  width: 70%;
  text-align: center;
  bottom: 5%;
  z-index: 33;
}

.quality-div .quality-ul li {
  width: 15.66%;
  cursor: pointer;
  background: #FFF;
  float: left;
  line-height: 2.5rem;
  display: inline-block;
  margin: 0 .5%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.zhap-tan {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  display: none;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.zhap-tan .closei {
  top: 5%;
  right: 5%;
  cursor: pointer;
}

.zhap-tan .closei i {
  font-size: 3.75rem;
  color: rgba(255, 255, 255, 0.7);
}

.zhap-tan .zha-con {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
  background: #fff;
  width: 50%;
  padding: 3.125rem;
}

.zhap-tan .zha-con .title {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  color: #000000;
}


.zha-con .linx-div .fl{
	margin-bottom: 10px;
} 

.zhap-tan .zha-con .zp-con {
  padding: 1.875rem 0;
  font-size: 1rem;
  line-height: 1.875rem;
}

.danye {
  padding: 5rem 0;
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.case-block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  margin-bottom: 1.875rem;
  height: 26vw;
  border-radius: 1.875rem;
  overflow: hidden;
}

.case-block .case-info {
  width: 35%;
  padding: 3.5vw;
  position: relative;
  box-sizing: border-box;
}

.case-block .case-logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.5vw;
  padding-bottom: 1.25vw;
  position: relative;
}

.case-block .case-logo:after {
  content: "";
  display: block;
  width: 3.125vw;
  height: 1px;
  background: #777;
  position: absolute;
  bottom: 0;
  left: 0;
}

.case-block .case-logo .logo {
  max-width: 9vw;
  max-height: 4vw;
  width: auto;
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.case-block .case-logo .logo-name {
  font-weight: 700;
  font-size: 1.5rem;
  color: #000;
  letter-spacing: 0;
  line-height: 1.5;
}

.case-block .desc {
  font-size: 1rem;
  color: #282828;
  letter-spacing: 0;
  text-align: justify;
  line-height: 1.875rem;
}

.case-block .more {
  position: absolute;
  left: 3.5vw;
  bottom: 2.4vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}

.case-block .more span {
  font-size: .875rem;
  color: #000000;
}

.case-block .more i {
  margin-left: 0.625rem;
  font-size: .625rem;
  transform: scale(0.7);
  color: #000000;
}

.case-block .more:hover {
  opacity: 0.7;
}

.case-block .case-photo {
  height: 26vw;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.case-block .case-photo .pho {
  display: block;
  width: 100%;
  height: 26vw;
  transition: all 1.2s ease-in-out;
  background-size: cover !important;
}

.case-block .case-photo:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: .98vw;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.case-block:nth-child(2n) {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.case-block:nth-child(2n) .case-photo:after {
  border-color: transparent #fff transparent transparent;
  right: 0;
  left: auto;
}

.cses-l {
  padding: 6.25rem 0;
}

.message-div .le .introduction-zhai {
  display: block;
  height: 50rem;
  overflow-y: scroll;
  padding-right: 0.625rem;
}

.message-div .le .introduction-zhai::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0.3125rem;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 0.0625rem;
}

.message-div .le .introduction-zhai::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 0.3125rem;
  background-color: rgba(0, 171, 132, 0.92);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

.message-div .le .introduction-zhai::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 0.3125rem rgba(0, 0, 0, 0.2);
  background: #ededed;
  border-radius: 0.625rem;
}

.message-div .le .introduction-zhai {
  display: block;
}

.lighting-ul li .more a {
  background: #FFF;
}

.floor-lamp .floor-zi {
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
}

.floor-lamp .floor-bg1 {
  height: 50rem;
}

.floor-bg1 .floor-zi .heap-p1 {
  color: #fff;
}

.floor-bg1 .floor-zi .floor-div {
  margin: 1.125rem 0;
}

.floor-bg1 .floor-zi .floor-div span {
  line-height: 1;
  display: inline-block;
  color: #ffffff;
  padding: 0.625rem 1.875rem;
  font-size: 1.625rem;
  border-radius: 1.6875rem;
  border: 0.125rem dashed #ffffff;
}

.floor-lamp .floor-bg2 {
  padding: 5.875rem 0 7.3125rem;
}

.floor-lamp .floor-bg2 .floor-bg2-ul {
  margin-top: 5.3125rem;
}

.floor-lamp .floor-bg2 .floor-bg2-ul li {
  float: left;
  width: 16.666%;
  cursor: pointer;
}

.floor-lamp .floor-bg2 .floor-bg2-ul li .floor-bg2-title {
  text-align: center;
  margin-top: 1.25rem;
  font-size: 1.5rem;
  line-height: 2.0625rem;
  color: #000000;
}

.floor-lamp .floor-bg2 .floor-bg2-ul li:hover .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: rotateY(-360deg);
}

.floor-bg3 {
  padding: 5rem 0 9.375rem;
}

.floor3-p2 {
  font-size: 1.5rem;
  color: #000000;
  margin-top: 1.875rem;
}

.floor-bg3 .floor-bg3-ul {
  margin: 3.125rem -0.5% 0;
}

.floor-bg3 .floor-bg3-ul li {
  float: left;
  width: 24%;
  margin: 0 .5%;
  cursor: pointer;
}

.floor-bg3 .floor-bg3-ul li .overh {
  border-radius: 1.875rem;
}

.floor-bg3 .floor-bg3-ul li .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.floor-bg3 .floor-bg3-ul li:hover .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  /* IE 9 */
  -moz-transform: scale(1.2);
  /* Firefox */
  -webkit-transform: scale(1.2);
  /* Safari 和 Chrome */
  -o-transform: scale(1.2);
}

.floor-bg3 .floor-bg3-ul li .floor-bg3-title {
  font-size: 1.5rem;
  margin: 1.25rem 0;
  color: #000000;
  line-height: 1.875rem;
  text-align: center;
}

.floor-bg3 .floor-bg3-ul li .floor-bg3-title span {
  font-size: 1.2rem;
}

.floor-lamp .floor-bg4 .heap-p1 {
  color: #fff;
}

.floor-lamp .floor-bg4 .floor-bg4-d {
  font-size: 1.2rem;
  margin-top: 1.25rem;
  line-height: 1.5;
  font-weight: bold;
  color: #ffffff;
}

.floor-lamp .floor-bg5 .floor-bg5-d {
  font-size: 1.2rem;
  margin-top: 1.25rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}

.floor-lamp .floor-bg5 .floor-bg5-w {
  height: 100%;
  padding-top: 30%;
}

.floor-lamp .floor-bg6 .floor-zi6 {
  width: 100%;
  top: 10%;
  text-align: center;
}

.floor-lamp .floor-bg6 .floor-zi6 .heap-p1 {
  color: #fff;
}

.floor-lamp .floor-bg6 .floor-zi6 .floor-bg6-d {
  font-size: 1.2rem;
  margin-top: 1.25rem;
  line-height: 1.5;
  font-weight: bold;
  color: #ffffff;
}

.floor-lamp .floor-bg7-d {
  font-size: 1.2rem;
  margin-top: 1.25rem;
  line-height: 1.5;
  font-weight: bold;
  color: #000;
}

.floor-lamp .floor-bg7 .floor-zi7 {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.floor-lamp .floor-bg8 {
  padding-top: 6.25rem;
}

.floor-lamp .floor-bg8 .heap-p2 {
  margin-top: 1.25rem;
}

.floor-lamp .floor-bg8 .floor-bg8-img {
  margin-top: 2rem;
}

.floor-lamp .floor-bg9 {
  padding: 11.875rem 0 7.5rem;
}

.floor-lamp .floor-bg9 .floor-bg5-w {
  padding-top: 18%;
}

.floor-bg10 {
  padding: 5rem 0 5.625rem;
}

.floor-bg10 .floor-bg3-ul li {
  width: 32.33%;
}

.floor-bg11 {
  padding: 0rem 0 2.5rem;
}

.floor-bg11 .floor-bg11-biaoge {
  margin-top: 4.375rem;
}

.floor-bg11 .floor-bg11-biaoge .floor-bg11-biaoge-top {
  height: 4.375rem;
  background-color: #edecec;
  text-align: center;
  line-height: 4.375rem;
  font-size: 1.5rem;
  color: #464142;
  font-weight: bold;
}

.floor-bg11 .floor-bg11-biaoge .table>tbody>tr>td,
.floor-bg11 .floor-bg11-biaoge .table>tbody>tr>th,
.floor-bg11 .floor-bg11-biaoge .table>tfoot>tr>td,
.floor-bg11 .floor-bg11-biaoge .table>tfoot>tr>th,
.floor-bg11 .floor-bg11-biaoge .table>thead>tr>td,
.floor-bg11 .floor-bg11-biaoge .table>thead>tr>th {
  font-size: 1.2rem;
  padding: 1.25rem 1.5625rem;
  color: #464142;
}

.floor-bg11 .floor-bg11-biaoge .table>tbody>tr>td:nth-child(1) {
  width: 10%;
}

.mores a {
  color: #0f0f0f;
  font-size: 1rem;
  background: #fff;
}

.floor-er-div {
  height: 3.875rem;
  position: fixed;
  top: 4.375rem;
  left: 0;
  right: 0;
  z-index: 9;
  line-height: 3.875rem;
  background: rgba(255, 255, 255, 0.68);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.floor-er-div .fl {
  font-size: 1.125rem;
  color: #000000;
  font-weight: bold;
}

.floor-er-div .floor-er-ul li {
  float: left;
}

.floor-er-div .floor-er-ul li a {
  font-size: 1rem;
  color: #000000;
  padding: 0.3125rem 1.125rem;
  border-radius: 1rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.floor-er-div .floor-er-ul li:hover a,
.floor-er-div .floor-er-ul li.active a {
  background-color: #14b28e;
  color: #fff;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.floor-er-div.active {
  top: 3.8125rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.floor-bg5 .tl-ul {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.floor-bg5 .tl-ul img {
  max-width: inherit;
}

.floor-bg5 .tl-ul .yuan {
  position: absolute;
}

.floor-bg5 .tl-ul li {
  position: absolute;
}

.floor-bg5 .tl-ul li:nth-child(1) {
  top: 29%;
  left: 42%;
}

.floor-bg5 .tl-ul li:nth-child(1) .yuan {
  right: 38%;
  top: -11%;
}

.floor-bg5 .tl-ul li:nth-child(2) {
  top: 43%;
  left: 58%;
}

.floor-bg5 .tl-ul li:nth-child(2) .yuan {
  right: 42%;
  top: 47%;
}

.floor-bg5 .tl-ul li:nth-child(3) {
  top: 48%;
  left: 50%;
}

.floor-bg5 .tl-ul li:nth-child(3) .yuan {
  right: 42%;
  bottom: 1%;
}

.floor-bg5 .tl-ul li .yuan {
  border-radius: 50%;
  animation: run03 4s infinite linear;
  width: 3.4375rem;
  height: 3.4375rem;
  background: transparent;
}

.floor-bg5 .tl-ul li .yuan span {
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.floor-bg5 .tl-ul li .yuan .sp1 {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-block;
  background: transparent;
  text-align: center;
  color: #fff;
}

.floor-bg5 .tl-ul li .yuan .sp2 {
  width: 0.8125rem;
  height: 0.8125rem;
  background: #000000;
}

.floor-bg5 .tl-ul li .yuan .sp3 {
  width: 1.875rem;
  height: 1.875rem;
  background: rgba(0, 0, 0, 0.3);
}

.night-light .floor-zi {
  width: 100%;
  top: 30%;
}

.night-title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 2.1875rem;
  letter-spacing: -0.0625rem;
  color: #000000;
  margin-top: 1.25rem;
}

.night-div1 {
  position: relative;
  margin-top: -8.75rem;
  z-index: 2;
}

.night-div1 .night-div1-ul1 {
  text-align: center;
  padding: 6.25rem 0;
  background-color: #e9e9e9;
  border-radius: 1.875rem;
}

.night-div1 .night-div1-ul1 li {
  cursor: pointer;
  float: left;
  width: 16.666%;
}

.night-div1 .night-div1-ul1 li .night-div1-title {
  font-size: 1.6875rem;
  line-height: 2.4375rem;
  letter-spacing: -0.0625rem;
  color: #000000;
}

.night-div2 {
  padding: 7.25rem 0;
}

.night-div2 .night-div2-ul {
  margin: 4.375rem -0.5% 0;
}

.night-div2 .night-div2-ul li {
  width: 32.333%;
  margin: .5%;
  float: left;
  position: relative;
  overflow: hidden;
  border-radius: 1.875rem;
}

.night-div2 .night-div2-ul li .night-div2-title {
  font-size: 1.5rem;
  line-height: 1.875rem;
  letter-spacing: -0.0625rem;
  color: #ffffff;
  position: absolute;
  text-align: right;
  top: 2.5rem;
  right: 2.125rem;
}

.night-div3 {
  position: relative;
  height: 62.5rem;
}

.night-div3 .night-div3-zi {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.night-div3 .night-div3-zi .heap-p1 {
  color: #fff;
}

.night-div3 .night-div3-zi .night-title {
  color: #fff;
}

.night-div3 .night-div3-zi .night-div3-ul {
  width: 45%;
  margin-top: 3.125rem;
}

.night-div3 .night-div3-zi .night-div3-ul li {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 1.5rem;
  float: left;
  display: inline-block;
  background-color: #52716b;
  border-radius: 2.8125rem;
  padding: 0.9375rem 3.75rem;
}

.night-div3 .night-div3-zi .night-div3-ul li:nth-child(2n) {
  margin-right: 0%;
}

.night-div3 .night-div3-zi .night-div3-ul li .p1 {
  font-size: 1.5625rem;
  letter-spacing: -0.0625rem;
  color: #ffe49b;
  line-height: 1;
}

.night-div3 .night-div3-zi .night-div3-ul li .p2 {
  font-size: 1.875rem;
  line-height: 1;
  letter-spacing: 0.125rem;
  color: #ffe49b;
  padding-left: 1.25rem;
}

.night-div4 {
  padding: 7.5rem 0 3.125rem;
}

.night-div4 .heap-p1 {
  color: #fff;
}

.night-div4 .night-title {
  color: #fff;
}

.night-div4 .night-div4-ul {
  text-align: center;
  margin-top: 4.375rem;
  margin-bottom: 2.5rem;
}

.night-div4 .night-div4-ul li {
  display: inline-block;
  margin: 0 2.8125rem;
}

.night-div4 .night-div4-ul li .yuas {
  width: 5.75rem;
  height: 5.75rem;
  display: inline-block;
  border: solid 0.0625rem #f5dbb6;
  font-size: 2.1875rem;
  text-align: center;
  line-height: 5.75rem;
  letter-spacing: -0.0625rem;
  color: #ffffff;
  border-radius: 100%;
  position: relative;
}

.night-div4 .night-div4-ul li .yuas::after {
  content: '';
  position: absolute;
  right: -0.125rem;
  top: 0.625rem;
  width: 0.625rem;
  height: 1.875rem;
  background: #60564d;
}

.night-div4 .night-div4-ul li .night-div4-title {
  font-size: 1.375rem;
  line-height: 2.1875rem;
  margin-top: 0.875rem;
  color: #ffffff;
}

.night-div4 .night-div4-img .night-div4-zi {
  font-size: 1.375rem;
  line-height: 2.1875rem;
  color: #ffffff;
  opacity: 0.37;
  right: 0;
  width: 40%;
  bottom: 10%;
}

.night-div5 {
  padding: 8.125rem 0 3.125rem;
}

.night-div5 .night-div5-img {
  margin-top: 2.5rem;
}

.night-div6 {
  padding: 5.625rem 0;
}

.night-div6 .night-div6-ul {
  margin: 0 -1%;
}

.night-div6 .night-div6-ul li {
  width: 48%;
  margin: 0 1%;
  float: left;
  border-radius: 1.875rem;
  overflow: hidden;
}

.night-div6 .night-div6-ul li .night-div6-title {
  text-align: center;
  font-size: 2.25rem;
  font-weight: bold;
  margin-top: 1.875rem;
  line-height: 1;
  letter-spacing: 0rem;
  color: #000000;
}

.night-div7 {
  padding: 5rem 0;
}

.night-div7 .night-div7-ul {
  margin-top: 5rem;
}

.night-div7 .night-div7-ul li {
  margin-bottom: 1.25rem;
}

.night-div7 .night-div7-ul li .le {
  width: 64%;
  border-radius: 1.875rem;
  overflow: hidden;
}

.night-div7 .night-div7-ul li .re {
  width: 34.5%;
  overflow: hidden;
  border-radius: 2.5rem;
}

.night-div8 {
  padding: 4.375rem 0 6.875rem;
}

.night-div8 .night-div8-ul {
  margin-top: 3.75rem;
}

.night-div8 .night-div8-ul li {
  width: 49%;
  position: relative;
}

.night-div8 .night-div8-ul li .night-div8-zi {
  top: 4.0625rem;
  left: 5rem;
  z-index: 2;
}

.night-div8 .night-div8-ul li .night-div8-zi .night-div8-title {
  font-size: 1.875rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
  line-height: 1;
  letter-spacing: -0.0625rem;
  color: #000000;
}

.night-div9 .floor-bg11-biaoge .table>tbody>tr>td,
.night-div9 .floor-bg11-biaoge .table>tbody>tr>th,
.night-div9 .floor-bg11-biaoge .table>tfoot>tr>td,
.night-div9 .floor-bg11-biaoge .table>tfoot>tr>th,
.night-div9 .floor-bg11-biaoge .table>thead>tr>td,
.night-div9 .floor-bg11-biaoge .table>thead>tr>th {
  text-align: center;
}

.lang-ming .floor-zi {
  width: 100%;
  top: 30%;
}

.lang-ming .lang-div1 {
  position: relative;
}

.lang-ming .lang-div1 .lang-div1-zi {
  top: 48%;
  width: 100%;
}

.lang-ming .lang-div2 .swiper-slide {
  position: relative;
}

.lang-ming .lang-div2 .swiper-slide .lang-div2-zi {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.lang-ming .lang-div2 .swiper-slide .lang-div2-zi1 {
  color: #fff;
  right: 15%;
  top: 30%;
  display: inline-block;
  font-size: 1.875rem;
  line-height: 1;
}

.lang-ming .lang-div2 .swiper-slide .lang-div2-zi1 .sp1 {
  font-size: 6.625rem;
  font-weight: bold;
}

.lang-ming .lang-div2 .swiper-slide .lang-div2-zi1 .sp2 {
  font-size: 3rem;
  font-weight: bold;
}

.lang-ming .lang-div2 .swiper-slide:nth-child(1) .heap-p1 {
  color: #fff;
}

.lang-ming .lang-div2 .swiper-slide:nth-child(1) .night-title {
  color: #fff;
}

.lang-ming .lang-div2 .swiper-pagination-bullet {
  width: 1.625rem;
  height: 1.625rem;
  background-color: #ffffff;
  opacity: 1;
}

.lang-ming .lang-div2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #14b28e;
}

.lang-ming .lang-div2 .swiper-container-horizontal>.swiper-pagination-bullets,
.lang-ming .lang-div2 .swiper-pagination-custom,
.lang-ming .lang-div2 .swiper-pagination-fraction {
  bottom: 3.125rem;
}

.lang-ming .lang-div4 {
  background-image: linear-gradient(-29deg, #e6b870 0%, #f3cc91 38%, #ffdfb2 100%), linear-gradient(#655f5f, #655f5f);
  background-blend-mode: normal, normal;
  padding: 8.375rem 0 0;
}

.lang-ming .lang-div4 .lang-div4-img {
  margin-top: 2.5rem;
}

.lang-ming .lang-div5 {
  padding: 8.4375rem 0 6.9375rem;
}

.lang-ming .lang-div5 .lang-div5-sp {
  margin-top: 1.875rem;
}

.lang-ming .lang-div5 .lang-div5-sp span {
  font-size: 1.25rem;
  height: 3.125rem;
  display: inline-block;
  line-height: 3.125rem;
  background-color: #f07f00;
  border-radius: 2.0625rem;
  color: #ffffff;
  padding: 0 4.125rem;
}

.lang-ming .lang-div5 .lang-div5-img {
  margin-top: 4.8125rem;
}

.lang-div6 {
  padding: 8.4375rem 0 6.9375rem;
}

.lang-div6 .more {
  margin: 2.5rem 0 3.125rem;
}

.lang-div6 .more a {
  background-color: #000000;
  color: #ffffff;
}

.langrun .floor-zi {
  top: 40%;
  width: 100%;
}

.langrun .floor-zi .heap-p1 {
  color: #000000;
}

.langrun .floor-zi .floor-div span {
  border: 0.125rem dashed #000000;
  color: #000000;
}

.langrun .langrun-div1 {
  background-image: linear-gradient(0deg, #cabfbb 0%, #afa29e 50%, #938480 100%), linear-gradient(#f3f3f3, #f3f3f3);
  background-blend-mode: normal, normal;
  position: relative;
}

.langrun .langrun-div1 .le {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.langrun .langrun-div1 .le .heap-p1 {
  color: #ffffff;
}

.langrun .langrun-div1 .le .night-title {
  color: #ffffff;
}

.langrun .langrun-div1 .le .langrun-div-more {
  margin-top: 1.25rem;
}

.langrun .langrun-div1 .le .langrun-div-more a {
  display: inline-block;
  height: 3.125rem;
  background-color: #f8f8f8;
  box-shadow: 0rem 0.3125rem 1rem 0.0625rem rgba(202, 201, 198, 0.27);
  border-radius: 2.0625rem;
  line-height: 3.125rem;
  padding: 0 2.5rem 0 1.25rem;
  font-size: 1.125rem;
  color: #000000;
  margin: 0.875rem 0;
}

.langrun .langrun-div1 .le .langrun-div-more a img {
  display: inline-block;
  margin-right: 0.625rem;
}

.langrun .langrun-div2 .langrun-div2-zi {
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.langrun .langrun-div3 .langrun-div3-div {
  width: 100%;
  top: 10%;
}

.langrun .langrun-div3 .langrun-div3-div .langrun-div3-ul {
  margin: 0 -0.5%;
}

.langrun .langrun-div3 .langrun-div3-div .langrun-div3-ul li {
  width: 24%;
  float: left;
  margin: 0 .5%;
  background: url(../img/y12.png) no-repeat center;
  background-size: cover;
  padding: 3.4375rem 0;
  text-align: center;
}

.langrun .langrun-div3 .langrun-div3-div .langrun-div3-ul li .p1 {
  font-size: 1.5625rem;
  line-height: 1;
  font-weight: bold;
  color: #000000;
}

.langrun .langrun-div3 .langrun-div3-div .langrun-div3-ul li .p2 {
  font-size: 1.5625rem;
  margin-top: 1.25rem;
  line-height: 1;
  color: #000000;
}

.langrun .langrun-div3 .langrun-div3-div .langrun-div3-ul li .p2 span {
  font-weight: bold;
}

.langrun .langrun-div4 {
  position: relative;
}

.langrun .langrun-div4 .langrun-div4-zi {
  width: 100%;
  top: 12%;
  z-index: 2;
}

.langrun .langrun-div5 {
  position: relative;
}

.langrun .langrun-div5 .langrun-div5-ul li {
  display: none;
}

.langrun .langrun-div5 .langrun-div5-zi {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
}

.langrun .langrun-div5 .langrun-div5-zi .langrun-div5-ul2 {
  margin-top: 1.875rem;
}

.langrun .langrun-div5 .langrun-div5-zi .langrun-div5-ul2 li {
  display: inline-block;
  background: rgba(255, 255, 255, 0.302);
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0 1.5625rem;
  border-radius: 1.75rem;
  font-size: 1.25rem;
  color: #000000;
  cursor: pointer;
  margin-right: 0.625rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.langrun .langrun-div5 .langrun-div5-zi .langrun-div5-ul2 li:hover,
.langrun .langrun-div5 .langrun-div5-zi .langrun-div5-ul2 li.active {
  background: #ffffff;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.langrun .langrun-div6 {
  padding: 6.25rem 0 5rem;
}

.langrun .langrun-div6 .langrun-div6-ul {
  margin-top: 2.5rem;
}

.langrun .langrun-div6 .langrun-div6-ul li {
  width: 49%;
  margin-bottom: 2%;
  float: left;
  position: relative;
}

.langrun .langrun-div6 .langrun-div6-ul li:nth-child(2n) {
  float: right;
}

.langrun .langrun-div6 .langrun-div6-ul li .more {
  position: absolute;
  bottom: 2.9375rem;
  right: 3.125rem;
  z-index: 2;
}

.langrun .langrun-div6 .langrun-div6-ul li .more a {
  font-weight: bold;
}

.lang-div3 {
  position: relative;
}

.lang-div3 .lang-div3-zi {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.lang-div3 .lang-div3-zi .night-title {
  margin-top: 0;
  color: #fff;
  text-shadow: 0rem 0.0625rem 0.4375rem rgba(52, 52, 51, 0.67);
}

.lang-div3 .lang-div3-zi .heap-p1 {
  color: #fff;
  text-shadow: 0rem 0.0625rem 0.4375rem rgba(52, 52, 51, 0.67);
}

.lang-div3 .lang-div3-con>.div1 {
  display: none;
}

.lang-div3 .lang-div3-ul {
  width: 100%;
  bottom: 4.375rem;
  text-align: center;
}

.lang-div3 .lang-div3-ul li {
  display: inline-block;
  font-size: 1.875rem;
  color: #ffffff;
  line-height: 1;
  padding: 1.25rem 0.625rem;
  position: relative;
  text-align: center;
  margin: 0 0.625rem;
  cursor: pointer;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  opacity: 0.33;
}

.lang-div3 .lang-div3-ul li::after {
  content: '';
  position: absolute;
  width: 7.1875rem;
  height: 0.25rem;
  background: url(../img/y8.png) no-repeat;
  bottom: 0;
  left: 0;
}

.lang-div3 .lang-div3-ul li:hover,
.lang-div3 .lang-div3-ul li.active {
  opacity: 1;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.bright-desk .floor-zi {
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bright-desk .bright-div1 {
  padding: 6.0625rem 0 7.4375rem;
}

.bright-desk .bright-div1 .bright-div1-ul {
  margin: 0 -0.5% 0;
}

.bright-desk .bright-div1 .bright-div1-ul li {
  width: 32.333%;
  margin: .5%;
  text-align: center;
  padding: 6.25rem 0;
  float: left;
  background-color: #f1efea;
  border-radius: 1.875rem;
}

.bright-desk .bright-div1 .bright-div1-ul li .p1 {
  font-size: 2.375rem;
  color: #000000;
  line-height: 5.3125rem;
}

.bright-desk .bright-div1 .bright-div1-ul li .p1 span {
  font-size: 3.75rem;
  color: #000000;
  font-weight: bold;
}

.bright-desk .bright-div1 .bright-div1-ul li .p2 {
  font-size: 1.875rem;
  color: #000000;
  margin-top: 1.25rem;
  line-height: 1;
}

.bright-desk .bright-div1 .bright-div1-ul1 {
  margin-top: 5.625rem;
}

.bright-desk .bright-div1 .bright-div1-uls {
  margin-top: 5.625rem;
}

.bright-desk .bright-div1 .bright-div1-uls li {
  width: 49%;
  position: relative;
  border-radius: 1.875rem;
  overflow: hidden;
}

.bright-desk .bright-div1 .bright-div1-uls li .bright-div1-zi {
  position: absolute;
  z-index: 2;
  font-size: 3.4375rem;
  font-weight: bold;
  left: 5rem;
  top: 5.625rem;
  color: #000000;
}

.bright-desk .bright-div2 {
  position: relative;
}

.bright-desk .bright-div2 .floor-zi {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.bright-desk .bright-div2 .floor-zi .heap-p1 {
  color: #fff;
}

.bright-desk .bright-div2 .floor-zi .night-title {
  color: #fff;
}

.bright-desk .bright-div3 {
  position: relative;
}

.bright-desk .bright-div3 .floor-zi {
  width: 100%;
  top: 15%;
  z-index: 2;
}

.bright-desk .bright-div4 {
  position: relative;
}

.bright-desk .bright-div4 .floor-zi {
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.bright-desk .bright-div4 .floor-zi .heap-p1 {
  color: #fff;
}

.bright-desk .bright-div4 .floor-zi .night-title {
  color: #fff;
}

.bright-desk .bright-div5 {
  position: relative;
}

.bright-desk .bright-div5 .floor-zi {
  width: 100%;
  top: 45%;
  z-index: 2;
}

.bright-desk .bright-div6 {
  position: relative;
}

.bright-desk .bright-div6 .floor-zi {
  width: 100%;
  top: 45%;
  z-index: 2;
}

.meteor .meteor-div1 {
  font-size: 1.625rem;
  color: #ffffff;
  letter-spacing: -0.0625rem;
  margin: 1.875rem 0;
}

.meteor .meteor-div1 span {
  border-radius: 0.3125rem;
  border: solid 0.125rem #ffffff;
  padding: 0.125rem 0.3125rem;
}

.meteor .floor-zi {
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.meteor .meteor-div2 {
  padding: 5.625rem 0 6.25rem;
}

.meteor .meteor-div2 .meteor-div2-lunbo {
  margin-top: 5.625rem;
}

.meteor .meteor-div2 .meteor-div2-lunbo .swiper-slide a {
  display: block;
  position: relative;
}

.meteor .meteor-div2 .meteor-div2-lunbo .swiper-slide a .meteor-div2-zi {
  position: absolute;
  left: 3.125rem;
  bottom: 3.125rem;
  z-index: 3;
}

.meteor .meteor-div2 .meteor-div2-lunbo .swiper-slide a .meteor-div2-zi .p1 {
  font-size: 1.5rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 2.1875rem;
  letter-spacing: -0.0625rem;
  color: #ffffff;
}

.meteor .meteor-div2 .meteor-div2-lunbo .swiper-slide a .meteor-div2-zi .p2 {
  font-size: 1.125rem;
  line-height: 2.1875rem;
  letter-spacing: -0.0625rem;
  color: #ffffff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.meteor .meteor-div2 .meteor-div2-lunbo .swiper-slide a::after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.5));
}

.meteor .meteor-div2 .meteor-div2-lunbo .swiper-container {
  padding-bottom: 3.125rem;
}

.meteor .meteor-div2 .meteor-div2-lunbo .swiper-container-horizontal>.swiper-pagination-progressbar,
.meteor .meteor-div2 .meteor-div2-lunbo .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: auto !important;
  bottom: 0 !important;
}

.meteor .meteor-div2 .meteor-div2-lunbo .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #26b796;
}

.meteor .meteor-div3 {
  background-color: #f8f8f8;
  padding: 8.25rem 0 9.375rem;
}

.meteor .meteor-div3 .meteor-div3-con {
  margin-top: 3.75rem;
}

.meteor .meteor-div4 {
  position: relative;
}

.meteor .meteor-div4 .floor-zi {
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.meteor .meteor-div4 .floor-zi .heap-p1 {
  color: #fff;
}

.meteor .meteor-div4 .floor-zi .night-title {
  color: #fff;
}

.meteor .meteor-div4 .meteor-div4-ul {
  margin-top: 3.125rem;
}

.meteor .meteor-div4 .meteor-div4-ul li {
  float: left;
  color: #fff;
}

.meteor .meteor-div4 .meteor-div4-ul li .p1 {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
}

.meteor .meteor-div4 .meteor-div4-ul li .p2 {
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1;
  margin-top: 0.625rem;
}

.meteor .meteor-div4 .meteor-div4-ul li:nth-child(1) {
  padding-right: 3rem;
  border-right: 0.0625rem solid #Fff;
}

.meteor .meteor-div4 .meteor-div4-ul li:nth-child(2) {
  padding-left: 3rem;
}

.meteor .meteor-div5 .lang-div3-ul li::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0.125rem;
  background: url(../img/y16.png) center no-repeat;
  bottom: auto;
  top: 0;
  left: 0;
}

.meteor .meteor-div5 .lang-div3-ul li {
  font-size: 1.5rem;
}

.meteor .meteor-div6 .meteor-div6-ul li {
  display: none;
}

.meteor .meteor-div6 .meteor-div6-zi {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  position: absolute;
}

.meteor .meteor-div6 .meteor-div6-zi .meteor-div6-bg {
  display: inline-block;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.3125rem;
  padding: 2.5rem 1.5625rem;
  text-align: center;
}

.meteor .meteor-div6 .meteor-div6-zi .meteor-div6-bg .p1 {
  font-size: 2.6875rem;
  color: #ffffff;
  font-weight: bold;
}

.meteor .meteor-div6 .meteor-div6-zi .meteor-div6-bg .meteor-div6-bg-ul {
  margin: 1.5625rem 0;
}

.meteor .meteor-div6 .meteor-div6-zi .meteor-div6-bg .meteor-div6-bg-ul li {
  float: left;
  width: 3.875rem;
  height: 2.3125rem;
  background-color: #ffffff;
  font-size: 1.125rem;
  color: #555053;
  line-height: 2.3125rem;
  cursor: pointer;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.meteor .meteor-div6 .meteor-div6-zi .meteor-div6-bg .meteor-div6-bg-ul li:nth-child(1) {
  border-top-left-radius: 1.1875rem;
  border-bottom-left-radius: 1.1875rem;
}

.meteor .meteor-div6 .meteor-div6-zi .meteor-div6-bg .meteor-div6-bg-ul li:nth-child(2) {
  border-top-right-radius: 1.1875rem;
  border-bottom-right-radius: 1.1875rem;
}

.meteor .meteor-div6 .meteor-div6-zi .meteor-div6-bg .meteor-div6-bg-ul li.active,
.meteor .meteor-div6 .meteor-div6-zi .meteor-div6-bg .meteor-div6-bg-ul li:hover {
  background: #555053;
  color: #fff;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.meteor .meteor-div6 .meteor-div6-zi .meteor-div6-bg .p2 {
  font-size: 1.5rem;
  color: #ffffff;
}

.meteor .meteor-div7 {
  background-color: #eeeeee;
  padding: 6.375rem 0 9.8125rem;
}

.meteor .meteor-div7 .meteor-div7-ul {
  margin-top: 6.25rem;
}

.meteor .meteor-div7 .meteor-div7-ul li {
  width: 49%;
}

.meteor .meteor-div7 .meteor-div7-ul li .meteor-entitle {
  font-size: 0.9375rem;
  margin-top: 0.625rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  color: #000000;
}

.meteor .meteor-div8 {
  padding: 5rem 0 4.375rem;
}

.meteor .meteor-div8 .meteor-div8-ul {
  margin-top: 4.375rem;
}

.meteor .meteor-div8 .meteor-div8-ul li {
  width: 49%;
  position: relative;
}

.meteor .meteor-div8 .meteor-div8-ul li .meteor-div8-zi {
  position: absolute;
  width: 100%;
  top: 10%;
  text-align: center;
}

.meteor .meteor-div8 .meteor-div8-ul li .meteor-div8-zi .p1 {
  font-size: 2.1875rem;
  font-weight: bold;
  line-height: 2.1875rem;
  letter-spacing: -0.0625rem;
  color: #ffffff;
}

.meteor .meteor-div8 .meteor-div8-ul li .meteor-div8-zi .more {
  margin-top: 1.25rem;
}

.quality-ul-zi li {
  text-align: center;
  background: rgba(255, 255, 255, 0.88);
  border: 0.0625rem solid #eee;
  padding: 1.25rem 1.25rem;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.03);
}

.quality-ul-zi li img {
  width: 3.125rem;
}

.quality-ul-zi li .img2 {
  display: none;
}

.quality-ul-zi li:hover,
.quality-ul-zi li.active {
  background: #00ab84;
  border: 0.0625rem solid #00ab84;
}

.quality-ul-zi li:hover .img1,
.quality-ul-zi li.active .img1 {
  display: none;
}

.quality-ul-zi li:hover .img2,
.quality-ul-zi li.active .img2 {
  display: inline-block;
}

.quality-ul-zi li:hover .t1,
.quality-ul-zi li.active .t1 {
  color: #fff;
}

.daohang .nav-ul>li:last-child .er-div .er-ul li:nth-child(1) a:hover,
.link-div .link-con .link-con-ul>li .con-uls li:nth-child(1) a:hover {
  color: #FF0036;
}

.daohang .nav-ul>li:last-child .er-div .er-ul li:nth-child(1) a:hover i,
.link-div .link-con .link-con-ul>li .con-uls li:nth-child(1) a:hover i {
  color: #FF0036;
}

.link-div .link-con .link-con-ul>li .con-uls li:nth-child(1) a:hover p {
  color: #FF0036;
}

.daohang .nav-ul>li:last-child .er-div .er-ul li:nth-child(2) a:hover,
.link-div .link-con .link-con-ul>li .con-uls li:nth-child(2) a:hover {
  color: #c81623;
}

.daohang .nav-ul>li:last-child .er-div .er-ul li:nth-child(2) a:hover i,
.link-div .link-con .link-con-ul>li .con-uls li:nth-child(2) a:hover i {
  color: #c81623;
}

.link-div .link-con .link-con-ul>li .con-uls li:nth-child(2) a:hover p {
  color: #c81623;
}

.daohang .nav-ul>li:last-child .er-div .er-ul li:nth-child(3) a:hover,
.link-div .link-con .link-con-ul>li .con-uls li:nth-child(3) a:hover {
  color: #ff8000;
}

.daohang .nav-ul>li:last-child .er-div .er-ul li:nth-child(3) a:hover i,
.link-div .link-con .link-con-ul>li .con-uls li:nth-child(3) a:hover i {
  color: #ff8000;
}

.link-div .link-con .link-con-ul>li .con-uls li:nth-child(3) a:hover p {
  color: #ff8000;
}

.daohang .nav-ul>li:last-child .er-div .er-ul li:nth-child(4) a:hover,
.link-div .link-con .link-con-ul>li .con-uls li:nth-child(4) a:hover {
  color: #f50008;
}

.daohang .nav-ul>li:last-child .er-div .er-ul li:nth-child(4) a:hover i,
.link-div .link-con .link-con-ul>li .con-uls li:nth-child(4) a:hover i {
  color: #f50008;
}

.link-div .link-con .link-con-ul>li .con-uls li:nth-child(4) a:hover p {
  color: #f50008;
}

.news-div .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.news-div:hover .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
}

.news-div:hover .news-bot .title a {
  color: rgba(0, 171, 132, 0.92);
}

.lighting-ul li .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.lighting-ul li:hover .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
}

.index-story .heap-p2,
.index_quality .heap-p2 {
  margin: 0.625rem 0 1.25rem;
}

.index-story-uls {
  margin: 3.125rem -1% 0;
}

.index-story-uls li {
  width: 31.33%;
  margin: 0 1%;
  border-radius: 1.25rem;
  overflow: hidden;
  float: left;
}

.index-story-uls li a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  position: relative;
  overflow: hidden;
}

.index-story-uls li .card-item-text {
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  color: #fff;
  font-size: 1.2rem;
}

.index-story-uls li .card-item-text i {
  font-size: 1.25rem;
  display: inline-block;
  margin-left: 0.625rem;
}

.index-story-uls li .card-item-text h5 {
  margin: 0.9375rem 0;
  font-size: 1.8rem;
  font-weight: bold;
}

.index-story-uls li .card-item-text p {
  line-height: 1.2rem;
}

.index-story-uls li img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.index-story-uls li:hover img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
}

.index-pro-contnet .swiper-slide .bots {
  padding: 2.5rem 3.75rem;
  width: 40%;
  margin-top: -8.375rem;
  z-index: 12;
  background: rgba(255, 255, 255, 0.97);
}

.index-pro-contnet .swiper-slide .bots .bots-p1 {
  font-size: 2.25rem;
  color: #161616;
  line-height: 1;
  font-weight: bold;
}

.index-pro-contnet .swiper-slide .bots .bots-p2 {
  font-size: 1.125rem;
  line-height: 2.125rem;
  color: #757575;
  margin: 0.9375rem 0  0.9375rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.wang-add {
  padding: 3.75rem 0;
}

.content-di h4 a {
  font-size: 1.25rem;
  line-height: 3.125rem;
  background: #c4e4d3;
  color: rgba(0, 171, 132, 0.5);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.content-di h4 a:hover {
  background: rgba(0, 171, 132, 0.5);
  color: #FFF;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.site_cell a {
  line-height: 3.125rem;
  font-size: 1.125rem;
}

.content-di {
  border-bottom: 0.0625rem solid #d2d1d1;
}

.ren-div>a {
  overflow: hidden;
}

.ren-div>a img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.ren-div:hover>a img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
}

.lunbo .swiper-container-horizontal>.swiper-scrollbar {
  background: rgba(255, 255, 255, 0.5);
  height: 0.3125rem;
  margin: 0 auto;
  border-radius: 0.3125rem;
}

.lunbo .swiper-scrollbar-drag {
  background: rgba(0, 171, 132, 0.92);
  border-radius: 0.3125rem;
}

.lunbo .swiper-container-horizontal>.swiper-scrollbar {
  width: 30%;
  left: 35%;
}

.designer-ban {
  padding: 7.5rem 0 7.5rem;
}

.designer-ban .fl {
  width: 100%;
  padding-top: 3.4375rem;
}

.designer-ban .fl .yihao {
  left: 0;
  top: 0rem;
}

.designer-ban .fr {
  width: 35%;
  text-align: right;
}

.designer-ban .fr .tou-img {
  display: inline-block;
  border-radius: 100%;
  overflow: hidden;
}

.designer-ban .p1 {
  font-weight: bold;
  font-size: 3.75rem;
  line-height: 5rem;
  color: #FFFFFF;
}

.designer-ban .p2 {
  font-size: 1.9rem;
  line-height: 40.4.625rem;
  color: #FFFFFF;
  margin-top: 0.625rem;
}

.designer-cons {
  padding: 1.25rem 0 4.375rem;
}

.designer-cons .ban-wz {
  font-size: 1.125rem;
  line-height: 2.125rem;
  color: #747475;
}

.designer-cons .ban-wz a {
  color: #747475;
}

.designer-cons .ban-wz a:hover {
  color: rgba(0, 171, 132, 0.92);
}

.designer-cons .sjs-cons {
  font-size: 1.125rem;
  line-height: 2rem;
  color: #9B9B9B;
  padding: 1.75rem 0;
}

.designer-cons .sjs-cons .sjs-imgs img {
  border-radius: 1.875rem;
}

.index-news .news-div .overh img {
  height:22.5625rem;
  object-fit: cover;
}

.index-news .news-div {
  height: 37.875rem;
  overflow: hidden;
  background: #FFF;
}

.new-rigs-div1 {
  background: #fefefe;
  padding-bottom: 1.9375rem;
  height: 37.875rem;
  overflow: hidden;
}

.phone-new-list>.div1 {
  display: none;
}

.phone-new-list .title {
  margin-top: 0.625rem;
}

.phone-new-list .title a {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #000000;
}

.phone-new-list .overh {
  margin: 0.625rem 0;
  border-radius: 0.3125rem;
}

.phone-new-list .data {
  font-size: 0.875rem;
  line-height: 1.625rem;
  color: #000000;
}

.div-bot-ul li {
  padding: 0.625rem 0;
  border-top: 0.0625rem solid #D3D1D1;
}

.div-bot-ul li .fl {
  width: 60%;
}

.div-bot-ul li .fl .title {
  margin-top: 0;
}

.div-bot-ul li .fr {
  width: 35%;
  height: 95px;
  object-fit: cover;
  overflow: hidden;
}

.foot-phone-div {
  background: #141414;
  padding: 1.875rem 0.9375rem;
}

.foot-phone-div {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #A8A7A7;
}

.foot-phone-div ul li {
  display: inline-block;
  margin: 0 0.1875rem;
}

.foot-phone-div a {
  color: #A8A7A7;
}

.foot-phone-div a:hover {
  color: rgba(0, 171, 132, 0.92);
}

.foot-phone-div .bq {
  margin-top: 0.625rem;
}

.div-top {
  padding-bottom: 0.625rem;
}

.ceiling-div .heap-ceil {
  font-size: 2.6rem;
  color: #161616;
  font-weight: bold;
}

.ceiling-div .ceiling-zhai {
  margin: 0.625rem 0;
  font-size: 1.5rem;
  color: #515050;
  line-height: 2.1875rem;
  letter-spacing: -0.0625rem;
}

.ceiling-div .ceiling-zi {
  width: 100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.ceiling-div .ceiling-zi .right {
  display: inline-block;
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.89);
  padding: 2.5rem 3.75rem;
}

.ceiling-div .ceiling-zi .right .heap-p1 {
  line-height: 1.2;
}

.ceiling-div .ceiling-zi .right .ceiling-zhai {
  margin: 0.9375rem 0;
  color: #000;
}

.ceiling-div .ceiling-div2 .ceiling-div2-con {
  background: #fff;
  padding: 5.625rem;
  border-radius: 1.875rem;
  background: url(../img/y80.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  margin-top: -6.25rem;
  box-shadow: 0rem 0.3125rem 1.25rem 0.0625rem rgba(137, 135, 131, 0.27);
}

.ceiling-div .lunbo-ceiling-div2 {
  margin-top: 2.8125rem;
}

.ceiling-div .lunbo-ceiling-div2 .swiper-slide img {
  width: 7.5rem;
}

.ceiling-div .lunbo-ceiling-div2 .swiper-slide .p1 {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  color: #706f6f;
  padding: 0.9375rem 0;
  position: relative;
}

.ceiling-div .lunbo-ceiling-div2 .swiper-slide .p1::after {
  content: '';
  width: 0.875rem;
  height: 0.25rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  background-color: #000000;
  border-radius: 0.125rem;
  bottom: 0;
}

.ceiling-div .lunbo-ceiling-div2 .swiper-slide .p2 {
  font-size: 1.875rem;
  line-height: 2.0625rem;
  letter-spacing: 0rem;
  color: #515050;
}

.ceiling-div .ceiling-div3 {
  padding: 8.125rem 0;
}

.ceiling-div .ceiling-div3 .ceiling-div3-ul {
  margin: 3.75rem -.8rem 0;
}

.ceiling-div .ceiling-div3 .ceiling-div3-ul .swiper-slide {
  float: left;
  padding: 0 .8rem;
}

.ceiling-div .ceiling-div3 .ceiling-div3-ul .swiper-slide .overh {
  overflow: hidden;
  border-radius: 1.875rem;
}

.ceiling-div .ceiling-div3 .ceiling-div3-ul .swiper-slide .ceiling-div3-title {
  font-size: 1.5rem;
  line-height: 1.875rem;
  letter-spacing: -0.0625rem;
  color: #515050;
  text-align: center;
  margin-top: 1.25rem;
}

.ceiling-div .ceiling-div4 .ceiling-div4-zi {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}

.ceiling-div .ceiling-div5 {
  padding: 4.8125rem 0 0;
}

.ceiling-div .ceiling-div6 {
  padding: 4.375rem 0 0;
}

.ceiling-div .ceiling-div6 .ceiling-div6-top {
  margin-top: 3.75rem;
}

.ceiling-div .ceiling-div6 .ceiling-div6-top .more {
  position: absolute;
  right: 3.125rem;
  bottom: 2.25rem;
}

.ceiling-div .ceiling-div6 .ceiling-div6-top .more a {
  font-weight: bold;
}

.ceiling-div .ceiling-div7 {
  padding: 4.375rem 0;
}

.ceiling-div .ceiling-div7 .ceiling-div7-top {
  margin-top: 3.125rem;
}

.ceiling-div .ceiling-div7-biaoge {
  margin-top: 1.875rem;
}

.ceiling-div .ceiling-div7-biaoge .table thead tr th {
  font-size: 1.125rem;
  color: #fff;
  height: 5.625rem;
  line-height: 5.625rem;
  padding: 0;
  text-align: center;
  background-color: #14b28e;
  border: solid 0.0625rem #e2e0e0;
}

.ceiling-div .ceiling-div7-biaoge .table tbody tr td {

  line-height: 1.5;
  vertical-align: middle;
  color: #464142;
  padding:1.5rem .3rem;
  font-size: 1.125rem;
  text-align: center;
}

.ceiling-div .lunbo-ceiling-div2 .swiper-slide {
  cursor: pointer;
}

.ceiling-div .ceiling-div3 .ceiling-div3-ul .swiper-slide:hover .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
}

.ceiling-div .ceiling-div3 .ceiling-div3-ul .swiper-slide {
  cursor: pointer;
}

.ceiling-div .ceiling-div3 .ceiling-div3-ul .swiper-slide .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.ceiling-div5 .overh,
.ceiling-div6 .overh,
.ceiling-div7 .overh {
  cursor: pointer;
  border-radius: 1.875rem;
}

.ceiling-div5 .overh img,
.ceiling-div6 .overh img,
.ceiling-div7 .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.ceiling-div5 .overh img:hover,
.ceiling-div6 .overh img:hover,
.ceiling-div7 .overh img:hover ,
.ceiling-div6 .swiper-slide:hover .overh img{
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
}

.ceiling-div .lunbo-ceiling-div2 .swiper-slide .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.ceiling-div .lunbo-ceiling-div2 .swiper-slide .overh img:hover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  -webkit-transition: 400ms ease-in-out;
  -o-transition: 400ms ease-in-out;
  transform: rotateY(-360deg);
}

.phone-sousuo {
  position: fixed;
  top: 0;
  right: -100%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  opacity: 0;
  width: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
}

.phone-sousuo button {
  width: 48%;
  margin: 1.25rem 1% 0;
  background: rgba(0, 171, 132, 0.92);
  color: #fff;
  float: left;
  border-radius: 0.625rem;
  border: none;
}

.phone-sousuo.active {
  right: 0%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  opacity: 1;
}

.phone-sousuo .product-top {
  width: 90%;
  margin-left: 10%;
  padding-bottom: 3.125rem;
  height: 100vh;
  overflow-y: scroll;
}

.phone-sousuo .product-top .pro-div .product-uls>li .xiala-div {
  min-width: 7.5rem;
  margin-top: 0.625rem;
}

.phone-sousuo .product-top {
  padding-top: 1.875rem;
}

.phone-sousuo .product-top .pro-div .product-uls>li {
  background: #f7f5f5;
  border-radius: 0.625rem;
  margin-top: 0.625rem;
  margin-right: 0.3125rem;
}

.phone-sousuo .product-top .pro-div .product-uls>li>a {
  padding: 0 0.625rem;
}

.phone-sousuo .colse-i {
  right: 0.625rem;
  top: 0.625rem;
  cursor: pointer;
  background: #Fff;
}

.phone-sousuo .colse-i i {
  font-size: 1.25rem;
}

.phone-sousuo .product-top .pro-div .product-uls>li.active {
  background: rgba(0, 171, 132, 0.92);
}

.phone-sousuo .product-top .pro-div .product-uls>li.active a {
  color: #fff;
}

.phone-cpfl {
  padding-bottom: 1.875rem;
  font-size: 1rem;
  cursor: pointer;
}

.phone-cpfl i {
  font-size: 1rem;
}

.ceil4-zi {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  right: 30%;
  margin: 0.625rem 0;
  font-size: 1.5rem;
  color: #515050;
  line-height: 2.1875rem;
  letter-spacing: -0.0625rem;
}

.ceil4-zi .yuans {
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 50%;
  background-color: #ababab;
  animation: run03 4s infinite linear;
  z-index: 1;
  display: inline-block;
  margin: 1.25rem auto 0;
  position: relative;
}

.ceil4-zi .yuans::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(42, 42, 42, 0.278);
  z-index: 2;
  width: 0.625rem;
  height: 0.625rem;
}

.sjs-cons .row {
  display: flex;
  /*实现垂直居中*/
  align-items: center;
  /*实现水平居中*/
  justify-content: center;
  text-align: justify;
  margin-bottom: 3.125rem;
}
.dsj-con .p3,.jxs-con .p3 {
  font-size: 1.3rem;
  line-height: 2.25rem;
  color: #000000;
}
.dsj-con .link-div .link-con .link-con-ul>li {
  float: left;
  padding:.5rem 4rem .5rem 0  ;
  text-align: left;
}
.dsj-con .link-div .link-con .link-con-ul>li.pr.pricosec{
  padding-left:1.5rem;
}
.dsj-con .link-div{
  padding-bottom: 0;

}.dsj-con1 .link-div{
  padding-bottom: 4.5rem;
}



.jxs-con .link-div .link-con .link-con-ul>li{
  padding:.5rem 3rem  ;
}

.jxs-con .link-div .link-con .link-con-ul>li:nth-child(2) ,.jxs-con .link-div .link-con .link-con-ul>li:nth-child(1) {
  padding-left: 6.25rem;
}

.jxs-con .link-div .link-con .link-con-ul>li:nth-child(2) .img1 {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1.25rem;
}

.jxs-con .link-div .link-con .link-con-ul>li:nth-child(2) .p1 {
  font-size: 1.125rem;
  line-height: 2.25rem;
  color: #000000;
}

.jxs-con .link-div .link-con .link-con-ul>li:nth-child(2) .p2 {
  font-weight: bold;
  font-size: 2.3125rem;
  line-height: 1;
  color: #161616;
}.dsj-con .link-div .link-con .link-con-ul>li:last-child ,.jxs-con .link-div .link-con .link-con-ul>li:last-child{
  padding-right: 0;
  
}

.awards-zi.active .vision-p1{
  text-align: center;
}

.awards-zi.active .vision-p1::after {

  left: 50%;
  transform: translateX(-50%);
}

.awards-zi.active .introduction-zhai{
  margin-bottom: 0;
}
.case-block .case-info.active .case-logo{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-bottom: 0;
}


.logo-div img{
  width: 100%;
}


/* @media(max-width:2880px){
  .logo-div img{
    width: 240px;
  }
} */








@media (max-width: 1840px) {
  footer .footer-top .footer-top-ul li {
    margin-right: 2.5625rem;
  }

  /* body {
         zoom: 90%;
    }
     */
  .daohang .dian-div {
    width: 17%;
  }

  /* .daohang .nav-ul {
    width: 61%;
  } */

  .daohang .nav-ul>li {
    padding: 0 1.875rem;
  }

  .index_quality .zihao {
    font-size: 23.1875rem;
  }

  .detail-container .info-container {
    padding-left: 6.125rem;
  }

  .detail-container .info-container .info-block {
    margin-top: 3.875rem;
  }

  .detail-container .info-container {
    height: 26.0625rem;
  }

  .deve-p1 {
    font-size: 2.4rem;
  }

  .post-xx .post-uls li .p2 {
    font-size: 1.2rem;
  }

}

@media (max-width: 1500px) {
  .jxs-con .link-div .link-con .link-con-ul>li:nth-child(2) .p2,.link-div .link-con .link-con-ul>li:nth-child(1) .p2 {

    font-size: 1.7rem;
    }
  .development .development-bot .swiper-button-next, .development .development-bot .swiper-button-prev, .rongyu-lunbo .swiper-button-next, .rongyu-lunbo .swiper-button-prev {
    width: 3.25rem;
    height: 3.25rem;
}.rongyu-lunbo .swiper-button-next {
  right: 0rem;
}.rongyu-lunbo .swiper-button-prev {
  left: 0em;
}
  .container {
    padding: 0 30px;
  }.floor-er-div{
    padding: 0 1.875rem;
  }

  .product-top .pro-div .product-uls>li {
    padding: 0 0.375rem;
  }

  .product-top {
    padding: 1.25rem;
  }

  .ceiling-div .heap-ceil {
    font-size: 2.2rem;
  }

  .security .security-top {
    width: auto;
  }

  footer .footer-top .container {
    width: 73.125rem;
  }
/* 
  .index-news .news-div {
    height: 31.25rem;
  } */

  /* .new-rigs-div1 {
    height: 31.25rem;
  } */

  .floor-lamp .floor-bg2 .floor-bg2-ul li img {
    width: 50%;
  }

  .designer-ban .p1 {
    line-height: 3.625rem;
    font-size: 2.75rem;
  }

  .floor-lamp .heap-p1 {
    font-size: 2rem;
  }

  .floor-lamp .floor-bg1 .floor-zi .floor-div span {
    font-size: 1.2rem;
  }

  .floor-lamp .floor-bg8 .floor-bg8-img img {
    width: 40%;
  }

  .floor-lamp .floor-bg5 .bg5-imgs {
    width: 30%;
  }

  .floor-lamp .floor-bg9 {
    padding: 6.25rem 0;
  }

  .floor-bg5 .tl-ul img {
    width: 90%;
  }

  .floor-lamp .floor-bg5 .floor-bg5-w {
    padding-top: 24%;
  }

  .floor-lamp .floor-bg9 .floor-bg5-w {
    padding-top: 12%;
  }

  .floor-lamp .floor-bg11 .floor-bg11-biaoge .table>tbody>tr>td:nth-child(1) {
    width: 14%;
  }

  .message-div .le .introduction-zhai {
    height: 43.75rem;
  }

  /* .sense-of-worth .sense-con .sense-ul li {
    font-size: 1.5rem;
  } */

  .product-bot .product-a .products-d .pro-d {
    font-size: 1.2rem;
  }

  .chuan-div,
  .deve-zhai {
    font-size: 1.125rem;
  }

  .daohang .nav-ul>li .er-div {
    /* padding: 0.6875rem 0; */
  }
  /* .daohang .nav-ul>li:nth-of-type(3):hover .er-div {
    height: 34.6875rem;
  } */
  footer .footer-top .footer-top-ul li {
    margin-right: 2.6875rem;
  }

  .link-div .link-con .link-con-ul>li {
    padding: 2.5rem 0.9375rem;
  }

  .security .security-top .yuan-logo {
    width: 16.5rem;
    height: 16.5rem;
  }

  .security .security-top {
    height: 42.75rem;
  }

  .number-theory .theory-div .theory-con .shu span {
    font-size: 4rem;
  }

  .number-theory .theory-div .theory-con .p3 {
    font-size: 1.2rem;
  }

  html {
    font-size: 0.875rem;
  }

  .independent-lunbo .independent-ul li .zizhu-div .p1 {
    font-size: 1.5rem;
  }

  .independent-lunbo .independent-ul li .zizhu-div .p2 {
    font-size: 1.2rem;
  }

  footer .footer-top .footer-top-ul li {
    margin-bottom: 0.625rem;
  }

  .security .security-top .yuan-logo {
    width: 15.625rem;
    height: 15.625rem;
  /*  border: 1.5rem solid #009944;*/
  }

  /* .link-div .link-con .link-con-ul>li {
    padding: 2.5rem 1.125rem;
  } */

  .lx-div {
    margin: 0 0.6875rem;
  }

  /* html {
         font-size: 0.625rem;
    }
     */
  /* .daohang .dian-div {
    width: 20%;
  } */

  .index_quality .zihao {
    font-size: 22.1875rem;
  }

  .index-news .index-news-ul li {
    margin-bottom: 1.5rem;
  }

  .daohang .nav-ul>li {
    padding: 0 1.75rem;
  }

  footer .footer-top .footer-top-ul li {
    margin-right: 3.25rem;
  }

  .floor-bg5 .tl-ul li:nth-child(1) .yuan {
    right: 37%;
    top: -25%;
  }

  .floor-bg5 .tl-ul li .yuan .sp3 {
    width: 1.25rem;
    height: 1.25rem;
  }

  .floor-bg5 .tl-ul li .yuan .sp2 {
    width: 0.625rem;
    height: 0.625rem;
  }

  .floor-bg5 .tl-ul li:nth-child(2) .yuan {
    top: 38%;
  }

  .floor-bg5 .tl-ul li:nth-child(3) .yuan {
    right: 40%;
    bottom: -5%;
  }

  .floor-bg9 .col-sm-6 img {
    width: 70%;
  }

  .lunbo .lunbo-zi .div1 {
    font-size: 2.75rem;
    margin: 0rem 0 0.625rem;
  }

  .er-div1 .le {
    height: 30.625rem;
  }

  .er-div1 .re {
    padding: 2.125rem;
  }footer .footer-top .footer-top-ul li{
    margin-right: 2.25rem;
  }
}





@media(max-width:1440px){
  .case-block .case-photo .pho, .case-block .case-photo, .case-block {
    height: 30vw;
  }
  /* .development .development-bot .gallery-top .swiper-slide .deve-div .neri-d {
    height: 2.825rem;
  } */
  .newiss-list .news-div .overh {
    max-height: 17.0625rem;
  }

  .dsj-con .link-div .link-con .link-con-ul>li.pr.pricosec{
    padding-left:0.5rem;
  }

}
@media(max-width:1380px){
  .daohang .nav-ul{width:68%;}
  .daohang .dian-div{width:19%;}
  .daohang .logo-div{width:13%;}

}


@media (max-width: 1340px) {
  .rongyu-lunbo2 .swiper-button-next {
    right: 0rem;
  }.rongyu-lunbo2 .swiper-button-prev{
    left: 0;
  }
}
@media (max-width: 1300px) {
  .container {
    padding: 0;
  }

  .daohang .nav-ul>li {
    padding: 0 1.4375rem;
  }

  /* .daohang .dian-div {
    width: 22%;
  } */

  .daohang .nav-ul{
    width:67%;
  }

  /* .more a {
    line-height: 2.5rem;
    height: 2.5rem;
  } */

  .index_quality {
    padding: 1.375rem 0 5.625rem;
  }
  /* .daohang .nav-ul>li:nth-of-type(6):hover .er-div {
    height: 7.0625rem;
  } */
}
.fanghui-a1 a {
  display: inline-block;
 
  padding: 0 1.5rem;
  line-height: 2rem;
  color: #444444;
  font-size: 1rem;
  height: 2rem;
  border-radius: 1.4375rem;
  -moz-border-radius: 1.4375rem;
  -webkit-border-radius: 1.4375rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  -webkit-transition: 400ms ease-in-out;
  background: rgba(255, 255, 255, 0.8);
  -o-transition: 400ms ease-in-out;
}
.fanghui-a1 a:hover{
  background:rgba(0, 171, 132, 0.5) ;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  -webkit-transition: 400ms ease-in-out;
  color: #Fff;

}
.fanghui-a1 {
  right: 9%;
  bottom: 17%;
  z-index: 77;
}
.pro-ban1 .more{
  margin-top: 1.25rem;
}
.pro-ban1 .more a{
  color: #FFFFFF;
}

@media (max-width: 1240px){
  .daohang .logo-div{width:15%;}
  .daohang .dian-div{width:22%;}
  .daohang .nav-ul{width:63%;}

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

  .fanghui-a1 {

    bottom: 22%;
  }
  footer .footer-top .container {
    width: 90%;
  }.dsj-con .link-div .link-con .link-con-ul>li {
 
    padding: .5rem .3rem .5rem 0;
  }
  .number-theory .theory-div .theory-con .shu span {
    font-size: 3rem;
}
  .ceil4-zi {
    right: 25%;
  }

  .container {
    width: 90%;
    padding: 0;
  }

  .ceiling-div .ceiling-zi .right {
    padding: 1.875rem;
  }

  footer .footer-top .footer-top-ul li {
    margin-right: 1.1875rem;
  }

  .ceiling-div .heap-ceil {
    font-size: 2rem;
  }
  .sense-of-worth .sense-con .sense-ul li{
      padding: 2.8125rem 0rem 1.25rem 0;
  }

  .ceiling-div .ceiling-div2 .ceiling-div2-con {
    margin-top: -3.125rem;
    padding: 1.875rem;
  }

  .tan-designer .titlw {
    font-size: 2rem;
  }

  .tan-designer {
    height: auto;
  }

  .security .security-top .security-ul li {
    width: 6.25rem;
    height: 6.25rem;
  }

  .security .security-top {
    height: 33.9375rem;
  }

  .security .security-top .yuan-logo {
    width: 15.625rem;
    height: 15.625rem;
    /*border: 0.625rem solid #009944;*/
  }

  .message-div .le .introduction-zhai {
    height: 25rem;
  }

  .independent-lunbo .independent-img .independent-zza .independent-fl .div1 {
    font-size: 2rem;
  }

  .awards .awards-zi {
    padding: 2.9375rem 2.1875rem;
  }

  .new-rigs-div1 {
    padding-bottom: 0.8125rem;
  }

  .detail-container .info-container {
    height: 21rem;
  }

  .product-bot .product-a .products-d {
    padding: 0 1.0625rem;
  }

  .detail-container .info-container .info-block {
    margin-top: 0rem;
  }

  .detail-container .info-container .info-block .title {
    margin-bottom: 1.25rem;
  }

  .product-bot .product-a {
    padding: 0 0 1.25rem;
  }

  .daohang .dian-div {
    width: 23%;
  }

  .product-top .pro-div .product-uls li select {
    margin-bottom: 0.625rem;
  }

  .daohang .nav-ul {
    width: 62%;
  }

  .daohang .nav-ul>li {
    padding: 0 1.25rem;
  }

  .daohang {
    padding: 0 0.625rem;
  }

  .lunbo .lunbo-zi .div1 {
    font-size: 2.75rem;
    margin: 0.3125rem 0 1.25rem;
  }

  .index-pro-contnet .pro-x {
    left: 49%;
    bottom: 15%;
  }

  .lighting-ul li .lighting-bot {
    padding: 1.875rem 2.5rem;
  }

  .lighting-ul li .lighting-bot .zhasi {
    margin: 0.625rem 0 0.9375rem;
  }

  .index-pro-contnet .swiper-container-horizontal>.swiper-pagination-bullets,
  .index-pro-contnet .swiper-pagination-custom,
  .index-pro-contnet .swiper-pagination-fraction {
    width: 28rem;
  }

  .lighting-ul li .lighting-bot .lighting-title {
    font-size: 2rem;
  }

  .index_quality .zihao {
    font-size: 18.1875rem;
  }

  .index-story .index-story-zi .right {
    padding: 1.875rem 2.5rem;
  }

  .index-news .index-news-ul li {
    margin-bottom: 1.125rem;
    overflow: hidden;
  }

  .link-div .link-con .link-con-ul>li .con-uls li {
    padding: 0 1.3125rem;
  }
  /* .daohang .nav-ul>li:nth-of-type(3):hover .er-div {
    height: 28.6875rem;
} */
.case-block .case-photo .pho, .case-block .case-photo, .case-block {
  height: 37vw;
}
.newiss-list .news-div .overh {
  max-height: 16.0625rem;
}
}

.ceiling-div .color-pag .swiper-pagination {
  display: none;
}

@media (max-width: 1160px) {
  .newiss-list .news-div .overh {
    max-height: 15.0625rem;
  }
  .dsj-con .link-div .link-con .link-con-ul>li.pr.pricosec{
    padding-left:0;
  }
}

@media(max-width:1120px){
  .link-div .link-con .link-con-ul>li{width:100%;}
  .link-div .link-con .link-con-ul{display: block;}
  .link-div .link-con .link-con-ul>li:nth-child(2){border:none;}
  .link-div.jinjiaolink .link-con .link-con-ul>li>div{

    padding-bottom: 5px;
      padding-top: 5px;
  }


}


@media (max-width: 1090px) {
  .newiss-list .news-div .overh {
    max-height: 14.0625rem;
  }
}
@media (max-width: 990px) {
  .link-div .link-con .link-con-ul{
    display: block;
  }
 /* .link-div .link-con .link-con-ul>li>div {
    padding-left: 3rem;
  } */
.link-div .link-con .link-con-ul>.conpr>div {
    padding-left: 0;
  } 

  .link-div .link-con .link-con-ul>li .img1 .conimg1{
    left: 37%;
  }
  .security .security-top .security-ul li:nth-child(7) {
    left: 30%;

  }
  
  .phone_duan{
    display: block;
}
.pc_duan{
    display: none;
}
 

  .link-div .link-con .link-con-ul>li .conimg1{left:37%;}

.link-div .link-con .link-con-ul>li{width:100%;}
.link-div .link-con .link-con-ul>li:nth-child(2){border:0;}
  
  .security .security-top .security-ul li:nth-child(8) {
    left: 28%;

  }

  .dsj-con1 .link-div.jinjiaolink{
    margin-bottom: 0;
      
  }
  .link-div .link-con .link-con-ul>li.pr{ margin-bottom:3rem;}
  .link-div .link-con .link-con-ul>li.conpr{text-align: center;}



  .security .security-top .security-ul li:nth-child(9) {
    left: 33%;

  }
  .number-theory .theory-div .theory-con .shu span,.number-theory .theory-div .theory-con .shu {
    font-size: 2rem;
}
  .index-news .index-news-ul li {
    margin-bottom: 0.125rem;
  }.fanghui-a1 {

    bottom: 29%;
}
.link-div .link-con .link-con-ul>li .con-uls.cons{ text-align: center;}


.link-div .link-con .link-con-ul>li .con-uls.cons li{ width: 33.33%;}
.link-div .link-con .link-con-ul>li .con-uls.cons li{ text-align: center; padding: 0;}
.link-div .link-con .link-con-ul>li .con-uls.cons li{    
  float: none;
  display: inline-block;}

  .er-ovh img{width: 3.125rem;}

  .xinwen-div .xinwen-con .re {
    padding-left: 1.5rem;
  }

  .xinwen-div .xinwen-con .le {
    padding-right: 1.5rem;
  }

  .ceiling-div .ceiling-div5 {
    padding: 1.875rem 0;
  }

  .floor-er-div.active {
    top: 2.9375rem;
  }

  .ceiling-div .ceiling-div3 {
    padding: 3.125rem 0.9375rem;
  }

  .ceiling-div .ceiling-div3 .ceiling-div3-ul {
    margin: 1.875rem 0% 0;
  }

  .ceiling-div .ceiling-div6 {
    padding: 2.5rem 0;
  }

  .floor-er-div {
    padding: 0 0.9375rem;
    top: 2.9375rem;
  }

  .ceiling-div .ceiling-zi .right {
    padding: 1.25rem;
  }

  .ceiling-div .ceiling-zi .right .ceiling-zhai {
    margin: 0.25rem 0;
  }

  .ceiling-div .ceiling-div2-ul {
    margin-top: 1.5625rem;
  }

  .ceiling-div .ceiling-div6 .ceiling-div6-top {
    margin-top: 2.5rem;
  }

  .ceiling-div .ceiling-div7 {
    padding: 1.875rem 0;
  }

  .security .security-top {
    height: 30.75rem;
  }

  .index-news .news-div {
    height: 30.625rem;
  }
  .index-news .news-div .overh img {
    height: 15.5625rem;

  }
  .new-rigs-div1 {
    height: 30.625rem;
  }

  .quality-div .quality-ul {
    width: 70%;
  }

  .quality-div .quality-img-ul li .miao {
    bottom: 7%;
    left: 6%;
  }

  .security .security-top .security-ul li {
    width: 6rem;
    height: 6rem;
    font-size: 1.2rem;
  }

  .security .security-top .yuan-logo {
    width: 11.375rem;
    height: 11.375rem;
   /* border: 0.3125rem solid #009944;*/
    padding: 0.625rem;
  }

  .introduction-zhai {
    -webkit-line-clamp: 3;
  }

  .development .development-bot {
    padding: 3.125rem 0;
  }

  .independent-lunbo .independent-img {
    height: 25rem;
  }

  .independent-lunbo .independent-img .independent-zza .independent-fl {
    padding: 1.25rem;
    width: 70%;
  }

  .introduction-con .introduction-top .introduction-zi {
    padding: 2.375rem 0;
  }

  .introduction-con .introduction-top .le {
    padding: 0 1.8125rem;
  }

  html {
    font-size: 0.75rem;
  }

  .detail-container .info-container .info-swiper .swiper-container {
    padding-right: 0%;
  }


  .link-div .link-con .link-con-ul>li:nth-child(2){padding:0;}

  .detail-container .more-block {
    margin-top: 3.125rem;
  }

  .detail-container .info-container {
    padding-left: 1.0625rem;
  }

  .detail-container .info-container {
    height: 24.125rem;
  }

  .des-div .des-bot {
    padding: 0.625rem 0.9375rem;
  }

  .daohang {
    display: none;
  }

  .index_quality .quality-ul {
    top: 0.625rem;
  }

  .index_quality .quality-ul li {
    padding: 0.375rem;
  }

  .heap-p2 {
    font-size: 1rem;
    line-height: 1.625rem;
  }

  .heap-p1 {
    font-size: 1.8rem;
  }

  .index-story .index-story-zi .right .heap-p2 {
    margin: 0.625rem 0;
  }

  .more a {
    height: 2.1875rem;
    line-height: 2.1875rem;
    padding: 0 1.25rem;
    font-size: .9rem;
  }

  .index-news .index-news-ul li .titld {
    font-size: 1rem;
  }

  .index-news .index-news-ul {
    padding: 1.25rem 0.9375rem;
  }

  .index-news .news-div .news-bot {
    padding: 1.25rem 0.9375rem;
  }

  footer {
    display: none;
  }

  .lighting-ul li .lighting-bot .zhasi {
    font-size: 1rem;
    line-height: 1.5625rem;
  }

  .lighting-ul li .lighting-bot .lighting-title {
    font-size: 1.8rem;
  }

  .lighting-ul li .lighting-bot {
    padding: 1.25rem 1.875rem;
  }

  .index_quality .zihao {
    font-size: 13.1875rem;
    top: -2.5rem;
  }

  .rightfix {
    display: none;
  }

  body,
  .index-body {
    padding-top: 2.9375rem;
    padding-bottom: 3.6875rem;
  }

  .link-div .link-con .link-con-ul>li {
    padding: 1.4375rem 0.25rem;
  }

  .phone {
    display: block;
  }

  .product-top {
    padding: 1.25rem;
  }

  .link-div .link-con .link-con-ul>li .p2 {
    font-size: 1.6rem;
  }

  /* .link-div .link-con .link-con-ul>li {
    padding-left: 4.5rem;
  } */

  .link-div .link-con .link-con-ul>li .img1 {
    width: 2.5rem;
  }
  .case-block .case-photo .pho,
  .case-block .case-photo,
  .case-block{
    height: 40vw;
  }
  .number-theory .theory-div .theory-con .shu span{
    top: 0;
  }
}

@media (max-width: 767px) {
  .data-t.none{
    display: block;
  }
  .fl-le,
  .data-t.block{
    display: none;
  }

  .xinbj.col-sm-4{
    width:50%;
    float: left;
  }


  .link-div .link-con .link-con-ul>li.pr{margin-bottom: 2rem;}

  .rongyu-lunbo1 .swiper-button-next,.rongyu-lunbo1 .swiper-button-prev{
    display: block;
  }
  /* .link-div .link-con .link-con-ul>li>div {
    padding-left: 4rem;
  } */
  .link-div .link-con .link-con-ul>li .con-uls {
    text-align: center;
  }  .link-div .link-con .link-con-ul>li .con-uls li{
    float: none;
    display: inline-block;
  }
  .security .security-top {
    height: 27.75rem;
}
  .ceiling-div .color-pag .swiper-pagination {
    display: none;
  }

  .link-div .link-con .link-con-ul>li.pr{padding-left:0;}

  .ceiling-div .color-pag .swiper-container-horizontal>.swiper-pagination-bullets,
  .ceiling-div .color-pag .swiper-pagination-custom,
  .ceiling-div .color-pag .swiper-pagination-fraction {
    bottom: 14%;
  }

  .ceiling-div .lunbo-ceiling-div2 .swiper-container-horizontal>.swiper-pagination-bullets,
  .ceiling-div .lunbo-ceiling-div2 .swiper-pagination-custom,
  .ceiling-div .lunbo-ceiling-div2 .swiper-pagination-fraction {
    bottom: 0%;
  }

  .container {
    width: 97%;
  }

  .zhap-tan .zha-con {
    width: 100%;
    padding: 1.25rem;
  }

  .index-pro-top {
    margin-bottom: 1.25rem;
  }

  .index-content {
    padding-top: 0;
  }

  .link-div {
    padding: 0rem;
  }

  .lixnxi-con {
    padding: 1.875rem 0.9375rem;
  }

  .lunbo .soll-img {
    display: none;
  }

  .quality-div .quality-ul {
    width: 100%;
    text-align: center;
    overflow: hidden;
  }

  .quality-div .quality-ul li {
    width: 32.333%;
    padding: 0.625rem 0.3125rem;
    line-height: 1.25rem;
  }

  .quality-div .quality-ul li .t1 {
    margin-top: 0.3125rem;
  }

  .quality-div .quality-ul-zi {
    padding: 1.875rem 0.9375rem;
    margin-top: 0;
  }

  .index-pro {
    padding: 1.875rem 0;
  }

  .index-pro .index-pro-top .le {
    margin-left: 1.625rem;
    padding: 0.9375rem;
  }

  .index-pro .index-pro-top .le .p1 {
    font-size: 1.5rem;
  }

  .index-pro .index-pro-top .le .p2 {
    font-size: 1rem;
    margin-top: 0.3125rem;
  }

  .index-pro .index-pro-top .re {
    font-size: 6.375rem;
  }

  .index-pro-contnet .swiper-container-horizontal>.swiper-pagination-bullets,
  .index-pro-contnet .swiper-pagination-custom,
  .index-pro-contnet .swiper-pagination-fraction {
    width: 13.125rem;
    margin-left: 1.625rem;
  }

  .index-pro-contnet .swiper-pagination {
    padding-top: 1.25rem;
    height: 3.625rem;
  }

  .index-pro-contnet .swiper-container {
    padding-bottom: 4.6875rem;
  }

  .index-pro-contnet .swiper-pagination .swiper-pagination-bullet {
    width: 0.75rem;
    height: 0.75rem;
  }

  .index-pro-contnet .pro-x {
    width: 9.625rem;
    bottom: 18%;
  }

  .lighting-ul {
    margin-top: 1.25rem;
    padding: 0 0.9375rem;
  }

  .lighting-ul li {
    width: 100%;
  }

  .lighting-ul li:nth-child(2) {
    margin-top: 1.25rem;
  }

  .lighting-ul li .lighting-bot {
    padding: 1.25rem 0.9375rem;
  }

  .index_quality .zihao {
    font-size: 8.1875rem;
    top: -1.8125rem;
  }

  .index_quality {
    padding: 2.5rem 0.9375rem;
  }

  .index_quality .quality-div {
    margin-top: 1.25rem;
  }

  .index_quality .quality-img {
    padding: 0.625rem;
  }

  .index-story .index-story-zi {
    position: relative;
  }

  .index-story .index-story-zi .right {
    width: 100%;
  }

  .index_quality .quality-ul {
    position: relative;
    left: 0;
    width: 100%;
  }

  .index_quality .quality-ul li {
    display: inline-block;
  }

  .index_quality .index_quality-lunbo {
    margin-top: 1.25rem;
  }

  .index_quality .index_quality-lunbo {
    padding: 0 2.125rem;
  }

  .index_quality .index_quality-lunbo .swiper-button-next,
  .index_quality .index_quality-lunbo .swiper-button-prev {
    width: 1.875rem;
    height: 1.5625rem;
  }

  .index-story .index-story-zi .right {
    padding: 1.25rem 0.9375rem;
  }

  .index_quality .quality-ul::after {
    display: none;
  }

  .index-news {
    padding: 1.875rem 0.9375rem;
  }

  .index-news .index-news-cont {
    margin-top: 1.25rem;
  }

  .news-div {
    margin-bottom: 0.9375rem;
  }

  .index-news .news-div .news-bot .title {
    height: auto;
  }

  .index-news .index-news-ul li .titld {
    height: auto;
  }

  .index-news .heap-p2 {
    margin: 0.3125rem 0 0.625rem;
  }

  .lunbo .lunbo-zi .div1 {
    font-size: 1.8rem;
  }

  .lunbo .lunbo-zi .div1 {
    margin: 1.3125rem 0 1.5rem;
  }

  .lunbo .swiper-button-next,
  .lunbo .swiper-button-prev {
    width: 1.0625rem;
    height: 1.375rem;
    background-size: 100% 100%;
  }

  .more a {
    height: 1.875rem;
    line-height: 1.875rem;
  }

  .index_quality .quality-img-ul1 li {
    width: 1.25rem;
  }

  .lunbo .lunbo-zi .p1 {
    font-size: 1.5rem;
  }

  .detail-container,
  .contnets {
    padding: 1.875rem 0.9375rem;
  }

  .des-div {
    margin-bottom: 0.9375rem;
  }

  .ban .ban-wz {
    display: none;
  }

  .detail-container .info-container {
    padding-left: 0rem;
  }

  .detail-container .info-container .info-block {
    width: 100%;
  }

  .detail-container .info-container .info-swiper {
    width: 100%;
    margin-top: 0.625rem;
  }

  .detail-container .detail-title {
    margin-bottom: 1.25rem;
  }

  .detail-container .info-container .info-block .title {
    font-size: 1.8rem;
  }

  .detail-container .info-container .info-block .desc {
    line-height: 1.5625rem;
  }

  .detail-container .info-container .info-swiper .info-slide-btn {
    left: 0;
  }

  .detail-container .more-block .more-anli {
    margin-bottom: 0.9375rem;
  }

  .product-top {
    margin: 0 0 1.25rem;
  }

  .product-top {
    padding: 1.25rem 0.9375rem;
  }

  .product-top .pro-div .fl {
    width: 100%;
    text-align: left;
  }

  .product-top .pro-div .product-uls {
    width: 100%;
  }

  .product-top .pro-div .product-uls li select {
    min-width: 5.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
  }

  .product-top .pro-div {
    margin: 0.625rem 0;
    line-height: 1.875rem;
  }

  .product-bot .product-a {
    margin-bottom: 0.9375rem;
  }

  .quality-div .quality-ul {
    position: relative;
    margin-top: 1.25rem;
  }

  .quality-div .quality-ul li {
    border: 0.0625rem solid #eee;
    margin-bottom: 0.625rem;
  }

  .link-div .link-con .link-con-ul>li {
    width: 100%;
  }

  .link-div .link-con {
    margin-top: 1.25rem;
  }

  .link-div .link-con .link-con-ul>li {
    padding: 0.625rem 0rem;
  }

  .link-div .link-con .link-con-ul>li:nth-child(2) {
    border-left: 0.0625rem solid transparent;
    border-right: 0.0625rem solid transparent;
    padding: 0.625rem 0rem;
  }

  .map .map-zi {
    position: relative;
    right: 0rem;
    margin-top: 0.625rem;
    bottom: 0rem;
  }

  .zixun-div {
    padding: 1.875rem 0;
  }

  .zixun-div .zixun-ul li input {
    height: 2.5rem;
  }

  .zixun-div .zixun-ul {
    margin-top: 1.25rem;
  }

  .zixun-div .zixun-ul li textarea {
    height: 6.25rem;
  }

  .zixun-div .zixun-ul li:nth-child(6) {
    margin-top: 1.25rem;
  }

  .map {
    margin-top: 0.625rem;
  }

  .introduction-con {
    padding: 0;
  }

  .introduction-con .introduction-top {
    padding: 1.875rem 0.9375rem;
  }

  .introduction-con .introduction-top .le {
    width: 100%;
    padding: 0.9375rem;
  }

  .introduction-con .introduction-top .re {
    width: 100%;
    margin-top: 1.25rem;
    padding-bottom: 1rem;
  }

  .introduction-con .introduction-top .introduction-zi::after {
    width: 100%;
  }

  .introduction-con .introduction-top .introduction-zi {
    padding: 0;
  }

  .development .development-bot .gallery-top .swiper-slide .deve-div {
    padding: 0.9375rem;
  }

  .development .development-bot {
    padding: 1.875rem;
  }

  .development .development-bot .swiper-button-prev {
    width: 2.5rem;
    height: 2.5rem;
    left: 0;
  }

  .development .development-bot .swiper-button-next {
    width: 2.5rem;
    height: 2.5rem;
    right: 0;
  }

  .development .development-bot .gallery-top .swiper-slide .deve-div .nian {
    font-size: 3rem;
  }

  .development .development-bot .gallery-top .swiper-slide .deve-div .neri-d {
    line-height: 1.25rem;
    font-size: 1rem;
    margin-top: 0.625rem;
  }

  .development .development-bot .gallery-thumbs {
    margin-top: 1.25rem;
  }

  .independent-lunbo .independent-ul li {
    width: 50%;
    overflow: hidden;
  }

  .independent-lunbo .independent-ul li .zizhu-div .p1 {
    font-size: 1.5rem;
    line-height: 1.25rem;
  }

  .independent-lunbo .independent-ul li .zizhu-div .p2 {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .independent-lunbo .independent-img .independent-zza .independent-fl .div1 {
    font-size: 1.5rem;
    line-height: 1.25rem;
  }

  .independent-lunbo .independent-img .independent-zza .independent-fl .div2 {
    font-size: 1rem;
    line-height: 1.5625rem;
  }

  .independent-lunbo .independent-img .independent-zza .independent-fl {
    width: 90%;
    margin: 0 auto;
  }

  .independent-lunbo .swiper-container {
    padding-bottom: 3.125rem;
  }

  .rongyu-div {
    padding: 1.875rem 0.9375rem;
    margin-top: 1.25rem;
  }

  .rongyu-div .swiper-slide {
    padding: 0.9375rem 1.25rem;
  }

  .rongyu-div .rongyu-lunbo .swiper-container {
    padding-bottom: 3.125rem;
  }

  .rongyu-div .rongyu-lunbo {
    margin-top: 1.25rem;
  }

  .investment-div {
    padding: 1.875rem 0.9375rem;
  }

  .investment-div .swiper__item {
    width: 49%;
  }

  .investment-div .marquee__container {
    height: 18.75rem;
  }

  .deve-p1 {
    font-size: 2rem;
  }

  .investment-div .animate__wrap {
    margin-top: 1.25rem;
  }

  .awards {
    padding: 1.875rem 0.9375rem;
  }
  .awards.jyzm{
    padding: 1.5rem 0.9375rem 1.875rem;
  }
  .awards .awards-lunbo .awards-img {
    width: 100%;
  }
  .awards .zmprodhct-lunbo .awards-img {
    width: 100%;
  }

  .awards .awards-zi {
    position: relative;
    top: 0%;
    width: 100%;
    margin-top: 0rem;
    padding: 1.25rem;
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }

  .introduction-zhai {
    margin: 0.3125rem 0;
    font-size: 1rem;
    line-height: 1.5625rem;
  }

  .vision-p1 {
    font-size: 1.5rem;
  }

  .awards .awards-lunbo .swiper-pagination {
    width: 100%;
  }
  .awards .zmprodhct-lunbo .swiper-pagination {
    width: 100%;
  }

  .number-theory .theory-div {
    padding: 1.875rem 0.9375rem;
  }

  .number-theory .theory-div .theory-con {
    margin-top: 1.25rem;
  }

 

  .number-theory .theory-div .theory-con .shu sup {
    top: -1.25rem;
  }

  .number-theory .theory-div .theory-con .p3 {
    margin-bottom: 0rem;
    margin-top: 0.3125rem;
  }

  .con-er-ul li {
    line-height: 1.875rem;
  }

  .con-san-ul li {
    line-height: 2.5rem;
    margin-right: 1.25rem;
  }

  .newiss-list {
    padding: 1.875rem 0;
  }

  .newiss-list .news-div {
    margin-bottom: 0.9375rem;
  }

  .news-div .news-bot {
    padding: 0.9375rem;
  }

  .corporate-vision {
    padding: 1.875rem 0.9375rem;
  }

  .corporate-vision .le {
    width: 100%;
    padding-top: 0;
  }

  .corporate-vision .re {
    width: 100%;
    margin-top: 1.25rem;
  }

  .vision-p2 {
    margin-top: 0.625rem;
    font-size: 1.2rem;
  }

  .corporate-mission {
    padding: 5rem 0.9375rem;
  }

  .sense-of-worth {
    padding: 1.875rem 0.9375rem;
  }

  .sense-of-worth .sense-con .sense-ul li {
    padding: 0.625rem 0;
    font-size: 1rem;
    line-height: 1.875rem;
  }

  .sense-of-worth .sense-con {
    margin-top: 0.625rem;
  }

  .message-div {
    padding: 1.875rem 0.9375rem;
  }

  .message-div .le {
    width: 100%;
  }

  .message-div .re {
    width: 100%;
    margin-top: 0.625rem;
  }

  .apply-process {
    padding: 1.875rem 0.9375rem;
  }

  .apply-process .apply-process-ul {
    margin-top: 1.25rem;
  }

  .apply-process .apply-process-ul li>div {
    height: 3.75rem;
    line-height: 3.75rem;
  }

  .apply-process .apply-process-ul li>div> img {
    height: 33px;
  }

  .apply-process .apply-process-ul li .apply-d i {
    font-size: 2rem;
  }

  .post-xx {
    padding: 1.875rem 0.9375rem;
  }

  .post-xx .post-uls li {
    width: 100%;
    padding: 1.25rem;
  }

  .chuan-div,
  .career-development {
    padding: 1.875rem 0.9375rem;
  }

  .security .security-top {
    width: 23rem;
    margin: 0 auto;
  }

  .security .security-top .security-ul li:nth-child(1) {
    left: 39%;
    top: 5%;
  }

  .security .security-top .security-ul li:nth-child(2) {
    left: 68%;
    top: 15%;
  }

  .security .security-top .security-ul li:nth-child(3) {
    left: 78%;
    top: 38%;
  }

  .security .security-top .security-ul li:nth-child(4) {
    left: 74%;
    top: 60%;
  }

  .security .security-top .security-ul li:nth-child(5) {
    bottom: 7%;
    left: 51%;
  }

  .security .security-top .security-ul li:nth-child(6) {
    bottom: 6%;
    left: 22%;
  }

  .security .security-top .security-ul li:nth-child(7) {
    left: 2%;
    bottom: 21%;
  }

  .security .security-top .security-ul li:nth-child(8) {
    left: -4%;
    bottom: 43%;
  }

  .security .security-top .security-ul li:nth-child(9) {
    left: 9%;
    top: 13%;
  }

  .humanistic-concern {
    padding: 0 0.9375rem 1.875rem;
  }

  .humanistic-concern .concern-list .div-top .left {
    width: 100%;
  }

  .humanistic-concern .concern-list .div-top .right {
    width: 100%;
  }

  .humanistic-concern .concern-list .div-mid>div {
    width: 100%;
  }

  .humanistic-concern .concern-list .div-bot .right {
    width: 100%;
  }

  .humanistic-concern .concern-list .div-bot .left {
    width: 100%;
  }

  .humanistic-concern .concern-list .ren-div a .title {
    left: 0.625rem;
    top: 0.625rem;
  }

  .case-block {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem;
    height: auto;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    border-radius: 0.25rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0.3125rem 0.9375rem 0 rgba(0, 0, 0, 0.1);
  }

  .case-block .case-info {
    width: 100%;
    padding: 4vw;
    position: relative;
    box-sizing: border-box;
  }

  .case-block .case-logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.25rem;
    padding-bottom: 0;
    position: relative;
  }

  .case-block .case-logo:after {
    content: "";
    display: none;
  }

  .case-block .case-logo .logo {
    max-width: 26.6vw;
    max-height: 8vw;
  }

  .case-block .case-logo .logo-name {
    font-weight: bold;
    font-size: 1.5rem;
    color: #000;

    letter-spacing: 0;
  }

  .case-block .desc {
    font-size: 0.875rem;
    color: #777;
    text-align: justify;
    line-height: 1.625rem;
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal !important; */
  }

  .case-block .more {
    display: none;
  }

  .case-block .case-photo {
    width: 100%;
    height: 53.33vw;
    -ms-flex: none;
    flex: none;
    position: relative;
  }
  .case-block .case-photo .pho{
    height: 53.33vw;
  }
  .case-block .case-photo:after {
    display: none;
  }

  .case-block:nth-child(2n) {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .cses-l {
    padding: 0rem 0;
  }

  .tan-designer {
    padding: 1.875rem 0.9375rem;
  }

  .tan-designer .tan-designer-div .le {
    width: 100%;
    padding: 1.875rem 1.25rem;
  }

  .tan-designer .tan-designer-div .le .tan-zhan .img1 {
    top: 0.3125rem;
    width: 1.25rem;
  }

  .tan-designer .tan-designer-div .le .tan-zhan {
    padding: 0.625rem 1.875rem;
    font-size: 1.3rem;
  }

  .tan-designer .tan-designer-div .le .tan-zhan img {
    width: 1.25rem;
  }

  .tan-designer .tan-designer-div .le .zz1 {
    margin: 0.625rem 0;
    height: 11.875rem;
    line-height: 1.5625rem;
  }

  .tan-designer .tan-designer-div .le {
    margin-top: 0.625rem;
  }

  .tan-designer .tan-designer-div .des-img-lunbo {
    position: relative;
    width: 100%;
    z-index: 88;
    float: left;
  }

  .tan-designer .tan-designer-div .des-img-lunbo::after {
    display: none;
  }

  .tan-designer .tan-designer-div .des-img-lunbo {
    display: none;
  }
  .newiss-list .news-div .overh {
    max-height: none;
  }
}

.re-con .div1 .col-sm-3 .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.re-con .div1 .col-sm-3 .overh:hover img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
}

.service-tab-content {
  background: #FFF;
}

@media (min-width: 320px) {
  #afterservice {
    padding: 0;
  }

  #afterservice .section-content {
    background: #f8f9f9;
  }

  #afterservice .section-content>.container {
    padding: 0;
  }

  #afterservice .section-content .service-description .service-title {
    font-size: 3rem;
  }

  #afterservice .section-content .service-description h5 {
    margin: 2rem 0;
    font-size: 2.5rem;
    line-height: 3.5rem;
  }

  #afterservice .section-content .service-description .service-text {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  #afterservice .section-content .service-description .service-text li {
    display: inline-block;
    width: 30%;
  }

  #afterservice .section-content .service-items .service-tabs li {
    font-size: 1.2rem;
    float: left;
    text-align: center;
    width: 33.33%;
  }

  .service-list li .wzi {
    font-size: 1.1rem;
    line-height: 2rem;
    margin-top: 0.625rem;
  }

  .xiaofeizhe {
    font-size: 1.1rem;
    line-height: 2rem;
    color: #000;
    margin-bottom: 1.875rem;
    font-weight: bold;
  }

  #afterservice .section-content .service-items .service-tabs li p {
    color: #373737;
    font-weight: bold;
  }

  #afterservice .section-content .service-items .service-tabs li .iconfont {
    display: block;
    font-size: 3rem;
    color: #373737;
    margin-bottom: 0.7rem;
  }

  #afterservice .section-content .service-items .service-tab-content {
    margin-top: 3rem;
  }

  #afterservice .section-content .service-items .service-tab-content .service-panel {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.11);
    border-radius: 0.4rem;
  }

  #afterservice .section-content .service-items .service-tab-content .tab-pane {
    display: none;
  }

  #afterservice .section-content .service-items .service-tab-content .tab-pane.active {
    display: block;
  }

  #afterservice .section-content .service-items .service-tab-content .tab-pane .container {
    background-color: #fff;
  }

  .jingxiao-div .service-name {
    font-weight: bold;
    color: #000;
    font-size: 1.3rem;
  }

  #afterservice .section-content .service-items .service-tab-content .tab-pane .large,
  .jingxiao-div .service-list>li .large {
    font-size: 3rem;
    color: rgba(0, 171, 132, 0.92);
    line-height: 1.15;
    opacity: 0.44;
    position: relative;
    margin-right: 0.3em;
    top: 0.8125rem;
  }

  #afterservice .section-content .service-items .service-tabs li.active p,
  #afterservice .section-content .service-items .service-tabs li.active .iconfont {
    color: rgba(0, 171, 132, 0.92);
  }

  #afterservice .section-content .service-items .service-tab-content .tab-pane span.service-name {
    font-size: 1.2rem;
    line-height: 1.15;
    color: #000;
    padding-bottom: 0.5rem;
  }

  #afterservice .section-content .service-items .service-tab-content li.tab,
  #afterservice .section-content .service-items .service-tab-content>li:hover {
    display: inline-block;
    padding: 0 2.3rem;
    font-size: 1.125rem;
    line-height: 4.35rem;
    border-radius: 2.7rem;
    font-weight: bold;
  }

 

  

  #afterservice .section-content .service-items .service-tab-content li.tab>a,
  #afterservice .section-content .service-items .service-tab-content>li:hover>a {
    display: block;
  }

  #afterservice .section-content .service-items .service-tab-content li.tab.active,
  #afterservice .section-content .service-items .service-tab-content>li:hover {
    color: rgba(0, 171, 132, 0.92);
    background-color: #f8f9f9;
  }

  .service-contact {
    padding-top: 3.75rem;
    background: #f8f9f9;
  }

  .service-contact .section-title {
    font-size: 2rem;
    line-height: 2.4rem;
    text-align: center;
    color: #000;
  }

  .service-contact .service-text {
    font-size: 1.5rem;
    line-height: 2.3rem;
    text-align: center;
    margin: 0;
  }

  .service-contact .service-panel {
    padding: 0;
    background: none;
    font-size: 1.1rem;
  }

  .service-contact .service-panel>.row {
    display: flex;
    align-items: center;
    background-color: #fff;
  }

  .service-contact .service-panel ul.service-infos {
    padding-left: 6.8rem;
    font-weight: bold;
  }

  .service-contact .service-panel li {
    margin-bottom: 2.5rem;
  }

  .service-contact .service-panel li:last-of-type {
    margin-bottom: 0;
  }

  .service-contact .service-panel li .title {
    display: block;
    float: none;
    margin-bottom: 0.7rem;
  }

  .service-contact .service-panel li .title::after {
    display: none;
  }

  .service-contact .service-panel li .contact {
    float: none;
  }

  .service-list {
    padding: 3rem 3rem 1rem;
    overflow: hidden;
  }

  .service-list>li {
    float: left;
    width: 49%;
    margin-left: 0 !important;
    margin-bottom: 1.5rem;
  }

  #service .service-list li:nth-child() {
    width: 100%;
  }

  #service .service-content {
    margin-top: 0rem;
  }

  #service .service-content .row>div:first-child .service-panel::before {
    display: none;
  }

  #service .service-content .row>div:first-child .service-panel.on .panel-text {
    opacity: 0;
  }

  #service .service-content .service-panel {
    position: relative;
  }

  #service .service-content .panel-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    text-align: center;
  }

  #service .service-content .panel-text p {
    font-size: 1.3rem;
    line-height: 2.3rem;
    color: #fff;
  }

  #service .service-content .panel-text a.btn {
    margin-top: 2.5rem;
    padding: 0 1.5em;
    font-size: 1rem;
    line-height: 2.6rem;
    text-align: center;
    border: 0.1rem solid;
    border-radius: 1.4rem;
    transition: all 0.3s;
    color: #fff;
    font-weight: bold;
  }

  #service .service-content .panel-text a.btn:hover {
    color: rgba(0, 171, 132, 0.92);
    border-color: #fff;
    background-color: #fff;
  }

  #service .service-content .panel-text a.btn .arrow-right {
    display: none;
  }

  #service .service-content .panel-pic {
    height: auto;
  }

  #service .service-content .panel-pic::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
  }

  #support .support-tabs {
    text-align: center;
    margin-bottom: 1.3rem;
  }

  #support .support-tab-content {
    padding: 0 1rem;
  }

  #support .support-tab-content .support-item {
    margin-bottom: 2.5rem;
  }

  #support .support-tab-content .support-title {
    font-size: 1.5rem;
    line-height: 2;
    margin-bottom: 1em;
  }

  #support .support-tab-content .support-item-panel {
    border-radius: 0.4rem;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-out;
  }

  #support .support-tab-content .support-item-panel .arrow {
    position: absolute;
    padding: 1em 0.5em;
    font-size: 1rem;
    cursor: pointer;
    z-index: 99;
    background: #fff;
  }

  #support .support-tab-content .support-item-panel .arrow i {
    color: rgba(0, 171, 132, 0.92);
  }

  #support .support-tab-content .support-item-panel .arrow.arrow-right {
    top: 0;
    right: 0rem;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }

  #support .support-tab-content .support-item-panel .arrow.arrow-left {
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
/* 
  #support .support-tab-content .support-item-panel.hasArrowMask.right::after {
    content: "";
    position: absolute;
    width: 4rem;
    top: 0;
    right: 0;
    height: 3.8rem;
    background: -webkit-linear-gradient(90deg, transparent, #ffffff, #ffffff);
    background: linear-gradient(90deg, transparent, #ffffff, #ffffff);
    z-index: 9;
  } */

  #support .support-tab-content .support-item-panel.hasArrowMask.right::before {
    content: none;
  }

  #support .support-tab-content .support-item-panel.hasArrowMask.right .arrow-left {
    left: -10rem;
  }

  #support .support-tab-content .support-item-panel.hasArrowMask.left::after {
    content: none;
  }

  #support .support-tab-content .support-item-panel.hasArrowMask.left .arrow-right {
    right: -10rem;
  }

  #support .support-tab-content .support-item-panel.hasArrowMask.left::before {
    content: "";
    position: absolute;
    width: 4rem;
    top: 0;
    left: 0;
    height: 3.8rem;
    background: -webkit-linear-gradient(-90deg, transparent, #ffffff, #ffffff);
    background: linear-gradient(-90deg, transparent, #ffffff, #ffffff);
    z-index: 9;
  }

  #support .support-tab-content .support-item-panel .tab-pane {
    position: relative;
    padding: 1em 0.5em;
    font-size: 1.1rem;
    line-height: 2rem;
    box-shadow: 0rem 0.125rem 1rem 0rem rgba(0, 0, 0, 0.11);
  }

  #support .support-tab-content .support-item-panel .tab-pane .content {
    width: 100%;
    margin: 0;
  }

  #support .support-tab-content .support-item-panel .tab-pane .service-feedback {
    position: absolute;
    top: 1rem;
    right: 3.5rem;
    font-weight: bold;
    display: none;
  }

  #support .support-tab-content .support-item-panel .tab-pane .service-feedback>a.btn-feedback {
    display: inline-block;
    margin: 0;
    color: rgba(0, 171, 132, 0.92);
  }

  #support .support-tab-content .nav-tabs {
    border: 0;
    background-color: #fff;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    margin: 0 auto;
    /*定义滚动条轨道 内阴影+圆角*/
    /*定义滑块 内阴影+圆角*/
  }

  #support {
    padding: 3rem 0;
  }

  /* #support .support-tab-content .nav-tabs::-webkit-scrollbar {
    width: 0.3125rem;
    height: 0.3125rem;
    background-color: transparent;
  }

  #support .support-tab-content .nav-tabs::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 0rem;
    background-color: transparent;
  }

  #support .support-tab-content .nav-tabs::-webkit-scrollbar-thumb {
    border-radius: 0.125rem;
    -webkit-box-shadow: none;
    background-color: rgba(160, 199, 255, 0.46);
  } */

  #support .support-tab-content .nav-tabs li {
    float: none;
    display: inline-block;
  }

  #support .support-tab-content .nav-tabs li>a {
    padding: 1.1em 1.75em;
    font-size: 1.1rem;
    color: #666;
    border: 0;
    position: relative;
    z-index: 3;
    font-weight: bold;
  }

  #support .support-tab-content .nav-tabs li.active {
    position: relative;
    box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.11);
  }

  #support .support-tab-content .nav-tabs li.active>a {
    color: rgba(0, 171, 132, 0.92);
  }

  #logistics .service-panel {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  #logistics .service-panel::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.14);
  }

  #logistics .service-panel .panel-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.5rem;
  }

  #logistics .service-panel .panel-text .btn-search {
    display: inline-block;
    margin-top: 2.5rem;
    padding: 0 2.3rem;
    font-size: 1rem;
    line-height: 2.6rem;
    border: 0.1rem solid;
    border-radius: 1.4rem;
  }

  #question .container {
    padding-bottom: 7rem;
  }

  #question .question-tabs {
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  #question .row {
    display: flex;
    flex-wrap: wrap;
  }

  #question .tab-pane {
    overflow: visible;
  }

  #question .tab-pane>.pane {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding: 0.5rem;
    margin: 0.5%;
  }

  #question .service-panel {
    padding: 1.8rem 1.5rem;
    font-size: 1rem;
    cursor: pointer;
  }

  #question .service-panel .icon-expand {
    right: 2rem;
    top: 2.35rem;
    width: 1.15rem;
    height: 1.15rem;
  }

  #question .service-panel .icon-expand span {
    border-radius: 0.2rem;
  }

  #question .service-panel .sign {
    margin-right: 2em;
    width: 2.15em;
    height: 2.15em;
    font-size: 1rem;
    line-height: 2.15;
    display: inline-block;
  }

  #question .service-panel .text {
    padding-top: 0.4rem;
  }

  #question .service-panel.expanded .answer {
    margin-top: 1.9rem;
  }

  #policy .container .row {
    padding: 0 1rem;
  }

  #policy .container .row>div:first-of-type dd {
    width: 94%;
  }

  #policy .container .row>div:last-of-type {
    padding-left: 3%;
  }

  #policy dt {
    color: #373737;
    position: relative;
    margin-top: 3.5rem;
    margin-bottom: 2rem;
    padding: 1em 0 1.2em;
  }

  #policy dt:first-of-type {
    margin-top: 0;
  }

  #policy dt::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2.5rem;
    height: 0.2rem;
    background-color: rgba(0, 171, 132, 0.92);
    opacity: 0.9;
    border-radius: 0.2rem;
  }

  #policy dd {
    line-height: 1.45;
  }

  #policy dd a.btn-view {
    margin-left: 1em;
  }

  #policy dd a.btn-view .iconmore {
    font-size: 0.9rem;
    margin-left: 0.5em;
  }

  #Charges .page-modal-content p.name {
    font-size: 1rem;
  }
}
.question-tabs>li:hover,
.support-tabs>li:hover {
  color: rgba(0, 171, 132, 0.92);
  background-color: #f8f9f9;
}
.question-tabs>li:hover>a,
  .support-tabs>li:hover>a {
    color: rgba(0, 171, 132, 0.92) !important;
  }
#Charges {
  display: none;
}

/* pad 端*/

@media (min-width: 768px) and (max-width: 895px) {
  .container {
    width: 95% !important;
  }

  .service-contact .container {
    padding: 0;
  }
}

.ie9 #question .service-panel .text {
  width: 85%;
  vertical-align: top;
}

.service-contact .service-panel li a {
  color: rgba(0, 171, 132, 0.92);
}

#afterservice .section-content>.container {
  padding: 0 1.8rem;
}

#afterservice .section-content .service-description {
  text-align: center;
}

#afterservice .section-content .service-items {
  padding: 0;
  padding-top: 3rem;
}

#afterservice .section-content .service-items .service-tabs {
  white-space: nowrap;
  text-align: center;
}

#afterservice .section-content .service-items .service-tabs li .iconfont {
  display: block;
  font-size: 2.6rem;
  margin-bottom: 0.7rem;
}

#afterservice .section-content .service-items .service-tabs li.active {
  color: rgba(0, 171, 132, 0.92);
}

#afterservice .section-content .service-items .service-tab-content .service-panel {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.8rem;
}

#afterservice .section-content .service-items .service-tab-content .tab-pane {
  display: none;
}

#afterservice .section-content .service-items .service-tab-content .tab-pane.active {
  display: block;
  opacity: 1;
}

#afterservice .section-content .service-items .service-tab-content li.tab.active {
  color: rgba(0, 171, 132, 0.92);
}

#service .container {
  padding: 0;
}

.service-list {
  overflow: hidden;
}

.service-list>li {
  float: left;
}

.service-list li:nth-child(even) {
  float: right;
}

#service .service-content .row>div:first-child .service-panel::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  opacity: 0.21;
  z-index: -1;
  opacity: 0;
}

#service .service-content .row>div:first-child .service-panel::after {
  content: "";
  position: absolute;
  left: 22%;
  right: 22%;
  top: 22%;
  bottom: 22%;
  background: url(../img/qrcode.jpg) no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transition: all 0.3s;
  z-index: -1;
}

#service .service-content .row>div:first-child .service-panel.on::before {
  opacity: 0.9;
  z-index: 2;
}

#service .service-content .row>div:first-child .service-panel.on::after {
  opacity: 1;
  z-index: 3;
}

#service .service-content .container {
  padding: 0;
}

#service .service-content .service-panel {
  margin-bottom: 1rem;
}

#service .service-content .panel-text {
  padding: 1.08rem 1.7rem;
  transition: all 0.3s;
}

#service .service-content .panel-text h6 {
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin: 1rem 0;
}

#service .service-content .panel-text a.btn .arrow-right {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.8em;
  font-size: 0.8em;
}

#support .container {
  background-color: #fff;
}

#support .support-tabs {
  text-align: center;
  margin-bottom: 2rem;
}

#support .support-tabs>li {
  position: relative;
}

#support .support-tab-content {
  padding: 0 2rem;
}

#support .support-tab-content .support-title {
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 1.2rem 0;
}

#support .support-tab-content .support-item {
  font-size: 1.2rem;
}

#support .support-tab-content .support-item .content {
  margin-bottom: 4rem;
  color: #5d5d5d;
}

#support .support-tab-content .support-item .content img {
  max-width: 100%;
  height: auto !important;
}

#support .support-tab-content .support-item .service-feedback {
  color: #666;
}

#support .support-tab-content .support-item .service-feedback a.btn-feedback {
  display: block;
  margin-top: 1.2rem;
  color: #373737;
}

#question .container {
  padding: 0;
}

#question .row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

#question .row>div {
  padding: 0.5rem;
}

#question .tab-pane {
  overflow: hidden;
}

#question .tab-pane>.pane {
  padding: 0.5rem 0;
  float: left;
}

#question .service-panel {
  padding: 1.7rem 2rem;
  font-size: 1.2rem;
}

#question .service-panel .icon-expand {
  position: absolute;
  right: 2rem;
  top: 2.4rem;
  width: 1rem;
  height: 1rem;
  z-index: 2;
}

#question .service-panel .icon-expand span {
  display: block;
  background-color: #373737;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0.1rem;
  transition: all 0.3s;
}

#question .service-panel .icon-expand .line1 {
  width: 0.2rem;
  height: 100%;
  left: 50%;
  margin-left: -0.1rem;
}

#question .service-panel .icon-expand .line2 {
  width: 100%;
  height: 0.2rem;
  top: 50%;
  margin-top: -0.1rem;
}

#question .service-panel .question,
#question .service-panel .answer {
  display: flex;
}

#question .service-panel .sign {
  display: inline-block;
  margin-right: 1em;
  width: 2em;
  height: 2em;
  font-size: 1.125rem;
  line-height: 2;
  text-align: center;
  border-radius: 50%;
}

#question .service-panel .text {
  display: inline-block;
  flex: 1;
  line-height: 2.1875rem;
  padding-top: 0.4rem;
  text-align: justify;
}

#question .service-panel .question .sign {
  color: #fff;
  background-color: rgba(0, 171, 132, 0.92);
}

#question .service-panel .question .text {
  padding-right: 8%;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

#question .service-panel .answer {
  color: #666;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s;
}

#question .service-panel .answer .sign {
  background-color: #f1f2f2;
}

#question .service-panel.expanded .answer {
  margin-top: 2.4rem;
  height: auto;
  opacity: 1;
}

#question .service-panel.expanded .icon-expand .line1 {
  transform: rotate(90deg);
}

#question .service-panel.expanded .case-baseinfo {
  display: none;
}

#question .service-panel.expanded .case-detailinfo {
  display: block;
}

#policy .container {
  padding: 3rem 0;
  font-size: 1.125rem;
  background-color: #fff;
}

#policy .container .row {
  padding: 0 1rem;
}

#policy .container .row>div:first-of-type dt:first-of-type {
  margin-top: 0;
}

#policy dt {
  line-height: 1.5;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

#policy dd {
  color: #666;
  line-height: 1.5;
  text-align: justify;
}

#policy dd>p {
  margin: 0.4rem 0;
}

#policy dd a.btn-view {
  display: inline-block;
  margin-left: 3em;
  color: rgba(0, 171, 132, 0.92);
  cursor: pointer;
}

#policy dd a.btn-view .iconmore {
  font-style: normal;
  font-size: 0.9rem;
  display: inline-block;
  vertical-align: middle;
}

#policy dd a.btn-view .icon-more {
  display: inline-block;
  font-size: 1rem;
  margin-left: 0.5em;
}

#policy dd a.btn-view .visible-xs {
  display: inline-block;
}

.service-contact {
  padding-bottom: 5rem;
  margin-top: 3rem;
}

.service-contact .container {
  padding: 0 1.8rem;
}

.service-contact .section-title {
  margin-bottom: 3rem;
}

.service-contact .section-title::after {
  height: 0.1rem;
  opacity: 0.9;
}

.service-contact .service-text {
  font-size: 1.2rem;
  line-height: 1.6em;
  text-align: justify;
  margin-bottom: 2rem;
}

.service-contact .service-panel {
  background-color: #fff;
  font-size: 1.2rem;
}

.service-contact .service-panel .col-sm-6 {
  padding: 0;
}

.service-contact .service-panel li {
  overflow: hidden;
  list-style: none;
  margin-bottom: 1rem;
}

.service-contact .service-panel li .title {
  float: left;
  position: relative;
}

.service-contact .service-panel li .title::after {
  content: "：";
}

.service-contact .service-panel li .contact {
  float: left;
  color: #999;
  line-height: 1.6;
}

.service-contact .service-panel li a {
  color: rgba(0, 171, 132, 0.92);
}

#Charges .page-modal-content ul.list>li {
  margin-bottom: 1.5rem;
  overflow: hidden;
  line-height: 2.1875rem;
}

#Charges .page-modal-content p.name {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

#Charges .page-modal-content table td {
  text-align: left;
}

#Charges .page-modal-content table td.td-title {
  text-align: center;
}

#HuaweiPolicy .page-modal-content ul.list>li {
  margin-bottom: 1.5rem;
  overflow: hidden;
}

#HuaweiPolicy .page-modal-content ul.remark>li {
  position: relative;
  padding-left: 1em;
  font-size: 1rem;
}

#HuaweiPolicy .page-modal-content ul.remark>li::before {
  content: "*";
  width: 1em;
  position: absolute;
  left: 0;
  top: 0;
  color: rgba(0, 171, 132, 0.92);
  text-align: center;
  opacity: 0.9;
}

#HuaweiPolicy .page-modal-content table td a {
  color: rgba(0, 171, 132, 0.92);
}

#HuaweiPolicy .page-modal-content dl dt {
  margin-top: 1rem;
  margin-bottom: 0.2rem;
}

@media (max-width: 767px) {
  .question-tabs>li:hover,
  .support-tabs>li:hover {
    color: #373737 !important;
    background-color: transparent;
  }
  .question-tabs>li:hover a,
  .support-tabs>li:hover a{
    color: #373737 !important;
  }

  #question .tab-pane {
    display: block !important;
    opacity: 1;
  }

  #support .support-tabs {
    text-align: center;
    margin-bottom: 2.2rem;
  }

  #support .support-tabs>li {
    position: relative;
    margin: 0 1.2rem;
  }

  .link-div .link-con .link-con-ul>li .img1{
    width: 2rem;
  }

  #support .support-tabs>li::after {
    content: "";
    position: absolute;
    background: url(/assets/imgs/global/arrow-down.png) no-repeat;
    background-size: cover;
    width: 1.2rem;
    height: 1.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -0.2rem;
  }

  .apply-process .xcp video{
	width: 100%;
	margin-top: 1.5rem;
}

  #support .support-tabs li.active::after {
    content: "";
    position: absolute;
    background: url(../img/arrow-down-active.png) no-repeat;
    background-size: cover;
  }
}

#afterservice .section-content .service-items .service-tab-content li.tab>a {
  display: block;
  color: #373737;
}

#afterservice .section-content .service-items .service-tab-content li.tab.active>a {
  color: rgba(0, 171, 132, 0.92) !important;
}

.global-pop-page {
  padding-top: 5.45rem;
  background: #f8f9f9;
}

.global-pop-page .page-modal {
  padding: 2rem 12rem;
}

.global-pop-page .page-modal .close-hook {
  right: 4.5rem;
  top: 1.5rem;
}

.global-pop-page .page-modal .close-hook .iconfont {
  font-size: 2.6rem;
  border-radius: 100%;
  padding: 0.3125rem;
}

.global-pop-page .page-modal-content {
  font-size: 1.1rem;
  margin-bottom: 1.875rem;
  outline: none;
}

.global-pop-page .page-modal-content::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0.3125rem;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 0.0625rem;
}

.global-pop-page .page-modal-content::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 0.625rem;
  background: #ddd;
}

.global-pop-page .page-modal-content::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0.625rem;
  background: #f8f9f9;
}

.global-pop-page .page-modal-content table th,
.global-pop-page .page-modal-content table td {
  border-radius: 0.4rem;
}

.global-pop-page .page-modal-content table th {
  padding: 1em 0.5em;
}

.global-pop-page .page-modal-content table td {
  height: 2.7rem;
  padding: 0.65em 1em;
}

.global-pop-page .page-modal-control .btn {
  font-size: 1rem;
  font-weight: bold;
}

#Download .page-modal-content .download-item {
  position: relative;
  margin: 0 3rem;
  border-radius: 0.4rem;
  overflow: hidden;
  height: 16rem;
  display: flex;
  justify-content: center;
}

#Download .page-modal-content .download-item>img {
  width: auto;
  height: 100%;
}

#Download .page-modal-content .download-item .mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.15);
  opacity: 0;
  transition: all 0.3s;
}

#Download .page-modal-content .download-item .mask .mask-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12%;
}

#Download .page-modal-content .download-item .mask .btn {
  display: block;
  width: 52.6%;
  padding: 0;
  margin: 1em auto;
  text-align: center;
  font-size: 0.9rem;
  line-height: 2rem;
  color: rgba(0, 171, 132, 0.92);
  background-color: #fff;
  border-radius: 2rem;
}

#Download .page-modal-content .download-item:hover .mask {
  opacity: 1;
}

#Download .page-modal-content .download-desc {
  padding: 0.5rem 0;
  padding-left: 3rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ie9 #swiper-box .swiper-slide {
  width: 90% !important;
}

.global-pop-page {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.global-pop-page .page-modal {
  position: relative;
  padding: 3rem 1.8rem;
}

.global-pop-page .page-modal .close-hook {
  position: absolute;
  cursor: pointer;
}

.global-pop-page .page-modal .page-modal-title {
  font-size: 1.7rem;
  margin-top: 0;
  margin-bottom: 1em;
  text-align: center;
  color: #000;
}

.global-pop-page .page-modal .page-modal-sub-title {
  text-align: center;
  color: #6e6e6e;
  display: block;
  font-size: 0.9rem;
}

.global-pop-page .page-modal-content {
  overflow-y: auto;
  font-size: 1.2rem;
  line-height: 1.45;
  height: 32.5rem;
}

.global-pop-page .page-modal-content table {
  width: calc(100.5%);
  margin-left: -0.5rem;
  border-collapse: separate;
  border-spacing: 0.5rem;
}

.global-pop-page .page-modal-content table th,
.global-pop-page .page-modal-content table td {
  background-color: #f2f2f2;
  border-radius: 0.2rem;
  text-align: center;
}

.global-pop-page .page-modal-content table th {
  padding: 0.5em;
}

.global-pop-page .page-modal-content table td {
  height: 3.8rem;
  padding: 0.3em;
}

.global-pop-page .page-modal-content h5.title {
  margin-top: 0;
  margin-bottom: 0.8rem;
  padding: 0.5rem 0;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
}

.global-pop-page .page-modal-content h5.title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2em;
  height: 0.1rem;
  background-color: rgba(0, 171, 132, 0.92);
  opacity: 0.9;
  border-radius: 0.2rem;
}

.global-pop-page .page-modal-control {
  margin: 2rem auto;
  text-align: center;
}

.global-pop-page .page-modal-control .btn {
  padding: 0 3em;
  font-size: 1.2rem;
  line-height: 3.5rem;
  color: rgba(0, 171, 132, 0.92);
  background-color: rgba(160, 199, 255, 0.16);
  border-radius: 1.75rem;
}

@media (max-width: 767px) {
  .product-bot .row {
    margin-right: -0.46875rem;
    margin-left: -0.46875rem;
  }

  .product-bot .row .col-sm-4 {
    padding: 0 0.46875rem;
  }

  .product-bot .product-a .products-d .pro-d {
    line-height: 1.25rem;
    height: 2.5rem;
  }

  .product-bot .product-a .products-d .pro-zhais {
    line-height: 1.25rem;
    padding: 0.625rem 0;
 
  }

  .global-navbar.navfixed {
    box-shadow: 0 0.3rem 0.5rem 0 rgba(0, 0, 0, 0.06);
  }

  .global-navbar.isSafari .nav-options {
    max-height: calc(17vh);
  }

  .global-navbar .nav-options {
    overflow-y: auto;
    max-height: calc(99%);
  }

  .global-honour .nav-sidebar ul {
    padding: 0 1rem;
    white-space: nowrap;
    overflow: auto;
  }

  .global-honour .nav-sidebar ul li {
    display: inline-block;
  }
}

#global-search,
.global-search-input {
  display: none !important;
}

#global-header-nav {
  margin-right: 0.8rem;
}

.global-pop-page .page-modal {
  padding: 2rem 12rem;
}

.rongs-img {
  margin-top: 1.25rem;
}

.rongyu-lunbo .swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: linear;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}

.pingpa-vid {
  cursor: pointer;
}

.pingpa-vid .ban-ziz {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.pingpa-vid:hover .ban-ziz {
  opacity: 0;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.souh {
  margin: 1.25rem 0 6.25rem;
}

.souh img {
  border-radius: 0.8rem;
  width: 100%;
}

.souh .independent-fl {
  font-weight: bold;
  width: 40%;
  background: rgba(255, 255, 255, 0.88);
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 10%;
  padding: 2.5rem;
}

.souh .independent-fl a {
  color: rgba(0, 171, 132, 0.92);
}
.souh .independent-fl .more a{
  color: #0f0f0f;
  font-size: 1rem;
  background: none;
  font-weight: 500;
}
.souh .independent-fl .more a:hover{
  box-shadow: inset 0 0 0.625rem 1.875rem #00ab84;
  color: #FFF;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  -webkit-transition: 400ms ease-in-out;
  -o-transition: 400ms ease-in-out;
}
.souh .independent-fl .div2 {
  line-height: 2.5rem;
  margin-top: 1.25rem;
  font-size: 1.1rem;
}
.souh2{
  margin: 6.25rem 0;
}
.quality-img .swiper-container {
  overflow: hidden;
}

.quality-img .swiper-container .swiper-slide .overh {
  border-radius: 1.25rem;
}

.quality-img .swiper-container .swiper-slide {
  background: transparent;
  overflow: hidden;
  width: 100%;



}

.wen-zi {
  font-size: 1.125rem;
  line-height: 2.125rem;
  color: #757575;
  margin-top: 1.25rem;
  height: 4.25rem;
  visibility: hidden;
}

.quality-img .swiper-container .swiper-slide img {
  width: 100%;


}.quality-img .swiper-container .swiper-slide {



} .quality-img .swiper-container .swiper-slide.active{
  transition: 1000ms ease !important;
  -moz-transition: 1000ms ease !important;
  /* Firefox 4 */
  -webkit-transition: 1000ms ease !important;
  /* Safari and Chrome */
  -o-transition: 1000ms ease !important;
}
.quality-img .swiper-container .swiper-slide.swiper-slide-active .wen-zi{
  visibility: visible;
}
.quality-img .swiper-container .swiper-slide.swiper-slide-active{
  background: #FFF;

}
.index-pro-contnet .swiper-slide .bots .heap-p1 {
  font-size: 1.8rem;
  line-height: 1;
  padding-bottom: 0;
}

.index-pro-contnet .swiper-slide .bots .heap-p1::after {
  display: none;
}

.index_quality .zihao .swiper-container {
  padding-right: 12%;
}

.index-pro-contnet .swiper-slide .bots {
  border-radius: 1.875rem;
  margin-left: 5%;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.11);
  position: relative;
}

.index-pro .index-pro-top .le {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
}

.index_quality .index_quality-lunbo .swiper-slide {
  border-radius: 1.25rem;
}

.des-div img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.des-div:hover img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
}



.er-ovh .skimg {
  display: none;
}

.er-ovh .skimg2 {
  display: inline-block;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
}

.er-ovh:hover .skimg {
  display: none;
}

.er-ovh:hover .skimg2 {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
}

.link-div .link-con .link-con-ul>li .con-uls2 li:nth-child(1):hover p {
  color: #1cba24;
}

.link-div .link-con .link-con-ul>li .con-uls2 li:nth-child(2):hover p {
  color: #f30009;
}

.link-div .link-con .link-con-ul>li .con-uls2 li:nth-child(3):hover p {
  color: #000;
}

/* .ban>img {
  height: 31.25rem;
  object-fit: cover;
} */

.zihao {
  display: none;
}

.index-body .heap-p1 {
  position: relative;
  padding-bottom: 0.625rem;
}

.index-body .heap-p1::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  width: 2rem;
  height: 0.2rem;
  background-color: #00ab84;
  border-radius: 0.4rem;
  opacity: 0.9;
  bottom: 0rem;
}

.color-pag .swiper-pagination-bullet {
  width: 0.9375rem;
  height: 0.9375rem;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 100%;
  box-sizing: border-box;
  position: relative;
}
.color-pag .swiper-pagination-bullet:hover {
  background: rgba(0, 171, 132, 0.92);
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
 /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
 /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
 /* Opera */
}
.color-pag .swiper-pagination-bullet::after {
  content: '';
  width: 0;
  left: -0.0625rem;
  top: -0.0625rem;
  border-top-left-radius: 0.9375rem;
  border-bottom-left-radius: 0.9375rem;
  height: 0.9375rem;
  position: absolute;
  overflow: hidden;
  z-index: 2;
  background: #00ab84;
}
.color-pag .swiper-pagination-bullet.swiper-pagination-bullet-active, .color-pag .swiper-pagination-bullet.active {
  width: 6.25rem;
  border-radius: 0.9375rem;
  background: transparent!important;
  border: 0.0625rem solid #fff;
}
.color-pag .swiper-pagination-bullet.swiper-pagination-bullet-active::after, .color-pag .swiper-pagination-bullet.active::after {
  width: 6.3125rem;
  transition: 4000ms ease-in-out;
  -moz-transition: 4000ms ease-in-out;
 /* Firefox 4 */
  -webkit-transition: 4000ms ease-in-out;
 /* Safari and Chrome */
  -o-transition: 4000ms ease-in-out;
  border-top-right-radius: 0.9375rem;
  border-bottom-right-radius: 0.9375rem;
}
.color-pag .swiper-container-horizontal > .swiper-pagination-bullets, .color-pag .swiper-pagination-custom, .color-pag .swiper-pagination-fraction {
  bottom: 1.875rem;
}


.index-story-uls li img {
  width: 100%;
}

.phone-pro-ul {
  text-align: center;
  position: relative;
}

.phone-pro-ul::before {
  content: '';
  position: absolute;
  height: 0.1875rem;
  background: #D3D1D1;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}

.phone-pro-ul li {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5625rem;
  color: #717172;
  cursor: pointer;
  padding: 0 0.625rem 0.625rem;
  position: relative;
}

.phone-pro-ul li::after {
  content: '';
  position: absolute;
  height: 0.1875rem;
  background: #00ab84;
  left: 0;
  right: 0;
  width: 0;
  bottom: 0rem;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.phone-pro-ul li:hover,
.phone-pro-ul li.active {
  color: #00ab84;
}

.phone-pro-ul li:hover::after,
.phone-pro-ul li.active::after {
  width: 100%;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
}

.phone-pro-ul .er-ovh img {
  width: 3.125rem;
}

@media (max-width: 767px) {
  .dsj-con .link-div .link-con .link-con-ul>li:nth-child(1) {
    padding-left: 0rem;
}
  .dsj-con .link-div .link-con .link-con-ul>li {
    padding: .4rem 0rem;
}
  .link-div .link-con .link-con-ul>li .p1 {
    font-size: 1.125rem;
    line-height: 2.25rem;
    color: #000000;
}
  .deve-zhai {
    text-align: left;
    line-height: 1.75rem;
  }

  .chuan-div .row {
    line-height: 1.75rem;
  }

  .link-div .link-con .link-con-ul>li .con-uls li {
    text-align: center;
    width: 20%;
    padding: 0;
  }

  #dituContent {
    display: none;
  }

  .linx-div img {
    width: 1.25rem;
  }

  .zhap-tan .zha-con .zp-con {
    padding: 1rem 0;
  }

  .quality-ul-zi li img {
    width: 1.875rem;
  }

  .security {
    padding: 1.875rem 0.9375rem;
  }

  #support .support-tab-content .support-item-panel .tab-pane .content {
    width: 100%;
  }

  #afterservice .section-content .service-items .service-tab-content li.tab {
    padding: 0 1.3rem;
  }

  .souh {
    margin: 0;
  }

  .souh img {
    height: 25rem;
    object-fit: cover;
  }

  .souh .independent-fl {
    width: 90%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -moz-transform: translate(-50%, -50%);
    /* Firefox */
    -webkit-transform: translate(-50%, -50%);
    /* Safari 和 Chrome */
    -o-transform: translate(-50%, -50%);
    padding: 1.25rem;
  }

  .floor-er-div {
    display: none;
  }

  /* .phone_logo {
    width: 6.25rem;
  } */

  .lunbo .swiper-button-next,
  .lunbo .swiper-button-prev {
    display: none;
  }

  .lunbo .swiper-slide img {
    height: 90vh;
    object-fit: cover;
  }

  #question .tab-pane>.pane {
    width: 100%;
  }

  .question-tab-content {
    font-size: 1.1rem;
    line-height: 2rem;
    margin-top: 0.625rem;
    padding: 1.25rem 0.625rem;
  }

  .color-pag .swiper-pagination-bullet {
    width: 9px !important;
    height: 9px !important;
    border-radius: 100%;

    box-sizing: border-box;
    border: 1px solid #fff;
  }

  .color-pag .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .color-pag .swiper-pagination-bullet.active {
    width: 35px !important;
  }

  .color-pag .swiper-pagination-bullet.swiper-pagination-bullet-active::after,
  .color-pag .swiper-pagination-bullet.active::after {
    width: 36px !important;

  

  }

  .color-pag .swiper-pagination-bullet::after {
    height: 11px  !important;
    left: -1px;
    top: -2px !important;
  }

  .lighting-ul li .lighting-bot {
    margin-top: -0.625rem;
    border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem;
    z-index: 1;
  }

  .lighting-ul li .overh {
    position: relative;
    z-index: 2;
  }

  .lighting-ul li .lighting-bot {
    padding: 1.25rem;
  }

  .lighting-ul li {
    margin-bottom: 0rem;
  }

  .lighting-ul li .overh img {
    height: 15.1875rem;
    object-fit: cover;
  }

  .lighting-ul li:nth-child(2) {
    margin-top: 0rem;
  }

  .lighting-ul1 li {
    display: none;
  }

  .heap-p2 {
    font-size: 1rem;
  }

  .phone-lunbo-index-pro .lighting-bot .zhasi {
    font-size: 0.875rem;
  }

  .index_quality .quality-ul {
    display: none;
  }

  .index_quality {
    padding: 0rem 0 0;
  }

  .index_quality-lunbo .swiper-slide {
    padding: 0.875rem 0.375rem;
  }

  .index_quality-lunbo .swiper-slide img {
    width: 1.875rem;
  }

  .index_quality .index_quality-lunbo {
    padding: 0 0.625rem;
  }

  .index_quality .index_quality-lunbo .swiper-slide {
    border-radius: 0.3125rem;
  }

  .index_quality .index_quality-lunbo .swiper-button-next,
  .index_quality .index_quality-lunbo .swiper-button-prev {
    display: none;
  }

  .index_quality-lunbo .swiper-slide .t1 {
    height: 2.125rem;
  }

  .index_quality .quality-img {
    padding: 0.625rem 0.625rem 3.125rem;
  }

  .index_quality .index_quality-lunbo {
    margin-top: -1.25rem;
  }

  .ba-slider .handle:after {
    width: 1.875rem !important;
    height: 1.875rem !important;
    background: url(../img/y17.png) center center no-repeat;
    background-size: 100% 100%;
    margin: -0.9375rem 0 0 -0.9375rem !important;
  }

  .index_quality .quality-div1 {
    margin-top: 0.625rem;
  }

  .index-story {
    padding: 1.875rem 0.9375rem;
  }

  .index-story-uls li .card-item-text h5 {
    font-size: 1rem;
    text-align: center;
    font-weight: normal;
  }

  .index-story-uls li a {
    border-radius: 0.3125rem;
  }

  .index-story-uls li .card-item-text {
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .index-story-uls {
    margin: 1.25rem -1% 0;
  }

  .phone-new-div {
    margin-top: 1.25rem;
  }

  .ceiling-div .ceiling-zi {
    width: 100%;
    top: 4%;
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    z-index: 2;
    text-align: center;
  }

  .ceiling-div .ceiling-zi .right {
    background: transparent;
  }

  .ceiling-div .heap-ceil {
    font-size: 1.8rem;
  }

  .ceiling-div .ceiling-zhai {
    font-size: 1.2rem;
    margin: 0rem 0;
  }

  .ceiling-div .lunbo-ceiling-div2 .swiper-slide img {
    width: 4.375rem;
  }

  .ceiling-div .lunbo-ceiling-div2 .swiper-slide .p1 {
    font-size: 0.875rem;
    padding: 0.625rem 0;
  }

  .ceiling-div .ceiling-div2-ul {
    margin-top: 0.625rem;
  }

  .ceiling-div .ceiling-div2 .ceiling-div2-con {
    border-radius: 0.625rem;
    padding: 1.875rem 0.9375rem;
  }

  .ceiling-div .ceiling-div3 {
    padding: 1.875rem 0.9375rem;
  }

  .ceiling-div .ceiling-div3 .ceiling-div3-ul {
    margin: 0.625rem 0% 0;
  }

  .ceiling-div .ceiling-div4 .ceiling-div4-zi {
    top: 10%;
    padding-left: 5%;
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
  }

  .ceiling-div .ceiling-div5 {
    padding: 1.875rem 0.9375rem;
  }

  .ceiling-div .ceiling-div6 {
    padding: 0rem 0.9375rem;
  }

  .ceiling-div .ceiling-div6 .ceiling-div6-top {
    margin-top: 0.625rem;
  }

  .ceiling-div .ceiling-div7 {
    padding: 1.875rem 0.9375rem;
  }

  .ceiling-div .ceiling-div6 .ceiling-div6-top .more {
    right: 0.625rem;
    bottom: 1rem;
  }

  .ceiling-div .ceiling-div7 .ceiling-div7-top {
    margin-top: 0.625rem;
  }

  .ceiling-div .ceiling-div7-biaoge .table thead tr th {
    line-height: 1.875rem;
    height: 2.5rem;
    padding: 0.625rem;
  }

  .ceiling-div .ceiling-div7-biaoge .table tbody tr td {
    line-height: 2.5rem;
    height: 2.5rem;
    padding: 0 0.625rem;
  }

  .searchbox {
    top: 2.9375rem;
  }

  .searchbox.active {
    top: 2.9375rem;
  }

  .ban>img {
    height: 12.5rem;
  }

  .ban .ban-ziz .div1 {
    font-size: 1.75rem;
    margin-top: 0;
  }

  .ban .ban-ziz .p1 {
    font-size: 1.5rem;
  }

  .xinwen-div {
    padding: 1.875rem 0.9375rem;
  }

  .xinwen-div .xinwen-tile {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }

  .xinwen-div .xinwen-con .le {
    width: 100%;
    padding-right: 0;
    border-right: none;
    padding-left: 0;
    border-left: 0;
  }

  .xinwen-div .xinwen-con .re {
    width: 100%;
    padding-left: 0;
  }

  .xinwen-div .xinwen-con .le .xw-shang>div {
    width: 100%;
    text-align: left;
  }

  .xinwen-div .xinwen-con .le .xw-con {
    padding: 0.625rem 0;
  }

  .xinwen-div .xinwen-con .re .hot-art-title {
    font-size: 1.5rem;
  }

  .wang-add {
    padding: 0rem 0;
  }

  .product-con .product-top {
    display: none;
  }

  .product-description-list {
    padding: 0rem 0;
  }

  .er-ovh img {
    width: 3.125rem;
  }

  .rongyu-div .swiper-slide {
    padding: 0;
  }

  .awards .awards-lunbo {
    margin-top: 1.25rem;
    margin-bottom: 0rem;
  }
  .awards .zmprodhct-lunbo {
    margin-top: 1.25rem;
    margin-bottom: 0rem;
  }

  .rongyu-div .rongyu-lunbo .swiper-container {
    padding-bottom: 0rem;
  }

  .rongyu-div .rongyu-lunbo {
    margin-top: 0rem;
  }

  .development .development-bot {
    padding: 1.875rem 0.9375rem;
    margin-top: 1.25rem;
  }

  .awards .awards-lunbo {
    margin-bottom: 0.625rem;
  }
  .awards .zmprodhct-lunbo {
    margin-bottom: 0.625rem;
  }

  .sense-of-worth .sense-con .sense-ul li {
    height: auto;
  }

  .security .security-top .security-ul li {
    font-size: 1rem;
  }

  .designer-ban .p1 {
    line-height: 2.0625rem;
    font-size: 1.75rem;
  }

  .designer-ban {
    padding: 0rem 0.9375rem;
  }

  .designer-cons .ban-wz {
    display: none;
  }

  .designer-cons {
    padding: 1.875rem 0.9375rem;
  }

  .table-responsive {
    border-top: none;
  }

  .awards .awards-lunbo .swiper-container {
    padding-bottom: 0rem;
  }

  .awards .awards-lunbo .swiper-container-horizontal>.swiper-pagination-bullets,
  .awards .awards-lunbo .swiper-pagination-custom,
  .awards .awards-lunbo .swiper-pagination-fraction {
    bottom: 34%;
  }

  .awards .zmprodhct-lunbo .swiper-container {
    padding-bottom: 0rem;
  }

  .awards .zmprodhct-lunbo .swiper-container-horizontal>.swiper-pagination-bullets,
  .awards .zmprodhct-lunbo .swiper-pagination-custom,
  .awards .zmprodhct-lunbo .swiper-pagination-fraction {
    bottom: 34%;
  }

  .awards-div .more {
    display: none;
  }

  .awards .awards-zi {
    padding-bottom: 3.125rem;
  }

  .independent-lunbo .swiper-container {
    padding-bottom: 0;
  }

  .juli-p1 {
    padding: 0.625rem 0 0.625rem;
  }

  .juli-p2 {
    padding: 0.625rem 0 0;
  }

  .julis-d {
    padding: 0.625rem 0 0;
  }

  .sjs-cons .row {
    margin-bottom: 0.625rem;
  }
}
.con-uls3 {
  text-align: center;
}
.con-uls3 li {
  display: inline-block;

  width: 20%;
  text-align: center;
  cursor: pointer;
}

.con-uls3 li>p {
  margin-top: 0.625rem;
}

.phone-cp-div {
  width: 100%;
  background: #Fff;
  z-index: 2;
  padding: 0.625rem 1.25rem 1.25rem;
  top: 60%;
  display: none;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
}

.phone-cp-div .product-uls li {
  float: left;
  background: #f7f5f5;
  border-radius: 0.625rem;
  margin-top: 0.625rem;
  margin-right: 0.3125rem;
  font-size: 0.875rem;
  line-height: 1.875rem;
}

.phone-cp-div .product-uls li a {
  padding: 0 0.625rem;
  color: #5B5B5B;
}

#myModal1 .modal-dialog {
  top: 25%;
  margin: 0;
}

#myModal1 .modal-content {
  background: transparent;
  border: none;
  border-radius: 0rem;
  outline: 0;
  -webkit-box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0rem 0rem rgba(0, 0, 0, 0.5);
}

#myModal1 .modal-header {
  border: none;
}

#myModal1 .close {
  color: #fff;
  opacity: 1;
}

.introduction-lunbo .swiper-container-horizontal>.swiper-pagination-bullets,
.introduction-lunbo .swiper-pagination-custom,
.introduction-lunbo .swiper-pagination-fraction {
  bottom: 0;
}

.introduction-lunbo .swiper-container {
  padding-bottom: 3.125rem;
}

.loadmore {
  padding-bottom: 2.5rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: rgba(0, 171, 132, 0.5);
}

.ganwen-ul {
  text-align: center;
  color: #000000;
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 2.5rem;
}

.ganwen-ul li {
  display: none;
}

.con-san-ul {
  display: none;
}

.map-imh {
  padding: 1.25rem;
}

.BMapLabel {
  display: none !important;
}

.question-tab-content {
  font-size: 1.1rem;
  line-height: 2rem;
  padding: 1rem 14rem;
}

.question-tab-content table tbody tr td {
  border: 0.0625rem solid #EEE;
  text-align: center;
  padding: 0.3125rem;
}

.question-tab-content table tbody tr:nth-child(odd) {
  background: #e6e6e6;
}

.question-tab-content table tbody tr:nth-child(even) {
  background: #fff;
}

#question-1 .row {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: justify;
}
.fin_box>div:nth-of-type(even) div:nth-of-type(1){
  float: right;
}
.fin_box>div:nth-of-type(even) div:nth-of-type(2){
  float: left;
  padding-top: 7.8125rem;
}
#question-1 .fin_box>div:nth-of-type(even){
  display: block;
}
.question-tab-content img {
  width: 100%;
}

.question-tab-content .row {
  padding: 0 !important;
}

#question-2 p {
  padding: 0.3125rem 0;
}

#question-2 img {
  padding: 0.625rem 0;
}

#question-2 .row {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: justify;
}

.index-news .index-news-ul li {
  padding-left: 8.125rem;
}

.index-news .index-news-ul li .overh {
  width: 7.0625rem;
  left: 0;
  top: 0;
}

.index-news .index-news-ul li:hover .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
}

.index-news .index-news-ul li .overh img {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: rgba(0, 171, 132, 0.92);
  border-color: rgba(0, 171, 132, 0.92);
}

.ebj-div .ebj-ul li {
  display: none;
}

.ebj-ul2 {
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  bottom: 1.875rem;
}

.ebj-div {
  margin-top: 3.125rem;
}

.ebj-div .ceiling-div4-zi {
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ebj-ul2 li {
  float: left;
  color: #fff;
  text-align: center;
  cursor: pointer;
  margin: 0 1.25rem;
  font-size: 1.2rem;
  line-height: 2.1875rem;
  opacity: .7;
}

.ebj-ul2 li.active {
  opacity: 1;
}

.ceiling-div .gaoxianzhi {
  padding: 0 0 0rem;
}

.ceiling-div .cangshu-pro {
  padding: 3.125rem 0 0rem;
}

.changjing1 .color-pag .swiper-pagination,
.changjing .color-pag .swiper-pagination {
  display: block;
}

.changjing .color-pag .swiper-container-horizontal>.swiper-pagination-bullets,
.changjing .color-pag .swiper-pagination-custom,
.changjing .color-pag .swiper-pagination-fraction {
  bottom: 4.375rem;
}

.changjing1 .color-pag .swiper-container-horizontal>.swiper-pagination-bullets,
.changjing1 .color-pag .swiper-pagination-custom,
.changjing1 .color-pag .swiper-pagination-fraction {
  bottom: 0rem;
}

.changjing1 .swiper-container {
  padding-bottom: 2.5rem;
}

.changjing1 .color-pag .swiper-pagination-bullet {
  background: #cdcdcd;
}

.langdu-div {
  padding: 1.875rem 0;
}

.div-xian {
  width: 6.25rem;
  height: 1.25rem;
  border-radius: 1.25rem;
  margin: 0 auto 0.3125rem;
}

.jili-div {
  margin-top: 3.125rem;
}

.divs-cp-p {
  margin: 0.625rem 0;
}

.phone-cp-div .product-uls {
  margin-bottom: 1.25rem;
}

.langdu-div-lunbs .swiper-pagination {
  display: none;
}
@media(max-width:1440px){
  .fin_box>div:nth-of-type(even) div:nth-of-type(2) {
    float: left;
    padding-top: 5.8125rem;
}
}

@media(max-width:1180px){
  .fin_box>div:nth-of-type(even) div:nth-of-type(2) {
    float: left;
    padding-top: 0.8125rem;
}
}
@media(max-width:990px){
  #question-1 .row{
    display: block;
  }
  .fin_box>div> div{
    margin-bottom: 1.25rem;
  }
}
@media(max-width:767px) {
  #question-1 .row{
    display: block;
  }
  .designer-cons .sjs-cons {
    line-height: 2rem;
  }

  .xrdd-div .heap-ceil {
    color: #fff;
  }

  .xrdd-div .ceiling-zi .right .ceiling-zhai {
    color: #fff;
  }

  .jili-div {
    margin-top: 0rem;
    margin-bottom: 1.25rem;
  }
  .sjs-cons  .visible-xs .row:nth-child(3) .col-xs-6:nth-child(1){
    padding-right: 7.5px;

  }
  .sjs-cons  .visible-xs .row:nth-child(3) .col-xs-6:nth-child(2){
    padding-left:  7.5px;

  }

  .question-tab-content {
    padding: 0 0.9375rem;
  }

  .service-list>li {
    width: 100%;
  }

  .ebj-div .ceiling-div4-zi {
    width: 100%;
    top: 20%;
    text-align: center;
  }

  .ebj-div {
    margin-top: 0;
    margin-bottom: 1.875rem;
  }

  .ebj-div .heap-ceil {
    text-align: center;
  }

  .ebj-div .ceiling-zhai {
    text-align: center;
  }

  .ebj-ul2 {
    width: 100%;
  }

  .ebj-ul2 li {
    margin: 0 0.3125rem;
    line-height: 1.25rem;
  }
  .index_quality_boxs{
    padding: 2.1875rem 0;
  }
}

@media(max-width:620px){

  .awards .awards-lunbo .swiper-container-horizontal>.swiper-pagination-bullets,
  .awards .awards-lunbo .swiper-pagination-custom,
  .awards .awards-lunbo .swiper-pagination-fraction {
    bottom: 44%;
  }
  .awards .zmprodhct-lunbo .swiper-container-horizontal>.swiper-pagination-bullets,
  .awards .zmprodhct-lunbo .swiper-pagination-custom,
  .awards .zmprodhct-lunbo .swiper-pagination-fraction {
    bottom: 44%;
  }
}

@media(max-width:480px){

  /* .langdu-div-lunbs .swiper-pagination{
         display:block;
    }
     */
  .awards .awards-lunbo .swiper-container-horizontal>.swiper-pagination-bullets,
  .awards .awards-lunbo .swiper-pagination-custom,
  .awards .awards-lunbo .swiper-pagination-fraction {
    bottom: auto;
    top: 46%;
  }
  .awards10 .awards-lunbo .swiper-container-horizontal>.swiper-pagination-bullets,
  .awards10 .awards-lunbo .swiper-pagination-custom, .awards .awards-lunbo .swiper-pagination-fraction{
    top: 41%;
  }
  .awards.jyzm{
    padding: 0 0.9375rem;
  }

  .awards .zmprodhct-lunbo .swiper-container-horizontal>.swiper-pagination-bullets,
  .awards .zmprodhct-lunbo .swiper-pagination-custom,
  .awards .zmprodhct-lunbo .swiper-pagination-fraction {
    bottom: auto;
    top: 46%;
  }
  .awards10 .zmprodhct-lunbo .swiper-container-horizontal>.swiper-pagination-bullets,
  .awards10 .zmprodhct-lunbo .swiper-pagination-custom, .awards .zmprodhct-lunbo .swiper-pagination-fraction{
    top: 41%;
  }
  .designer-cons .sjs-cons .col-xs-12 {
    width: 100%;
  }

  .sjs-cons .row {
    display: block;
  }
  #afterservice .section-content .service-items .service-tab-content #policy .container{
    width: 100%;
  }
}

.phone-lunbo-index-pro .lighting-bot {
  width: 80%;
  background: rgba(255, 255, 255, 0.97);
  margin: -0.625rem auto 0;
  padding: 1.25rem;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.11);
  border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  position: relative;
  z-index: 1;
}

.phone-lunbo-index-pro .lighting-bot .zhasi {
  margin: 0.625rem 0 0.9375rem;
  line-height: 1.25rem;
}

.changsou-ul {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.changsou-ul li {
  position: absolute;
  padding: 0.625rem 0;
  text-align: center;
}

.changsou-ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  height: 5rem;
  width: 1px;
  background: #000;
  bottom: 100%;
}

.changsou-ul1 li:nth-child(1) {
  left: 20%;
  bottom: 2%;
}

.changsou-ul1 li:nth-child(2) {
  left: 29%;
  bottom: 17%;
}

.changsou-ul1 li:nth-child(3) {
  left: 37%;
  bottom: 11%;
}

.changsou-ul1 li:nth-child(4) {
  left: 47%;
  bottom: 14%;
}

.changsou-ul1 li:nth-child(5) {
  left: 72%;
  bottom: 9%;
}


.changsou-ul2 li:nth-child(1) {
  left: 12%;
  bottom: 13%;
}

.changsou-ul2 li:nth-child(2) {
  left: 30%;
  bottom: 18%;
}
.changsou-ul2 li:nth-child(3) {
  left: 48%;
  bottom: 13%;
}
.changsou-ul2 li:nth-child(4) {
  right: 19%;
  bottom: 11%;
}.fanghui-a1{
  display: none;
}


.gaixian-img-ul li {
display: none; 


}
.gaixian-zi-ul1{
  right: 6%;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #FFF;
}
.gaixian-zi-ul2 {
  right: 6%;
  top: 60%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #FFF;
}

.gaixian-zi-ul li {
  margin: 0.625rem 0;
  text-align: center;
  padding: 0 1rem;
  position: relative;
  cursor: pointer;
  opacity: .2;

  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  -webkit-transition: 400ms ease-in-out;
  -o-transition: 400ms ease-in-out;
  z-index: 3;
}

.yauns-1 {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 100%;
  background: #Fff;
  position: absolute;
  right: -1.25rem;
  top: 50%;
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  animation: run03 4s infinite linear;
}

.yauns-1::after {
  content: '';
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
}

.gaixian-zi-ul li.active {
  opacity: 1;

  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  -webkit-transition: 400ms ease-in-out;
  -o-transition: 400ms ease-in-out;
}
.changsou-ul li{
  color: #000;
  font-family: "Source Han Sans CN"

}.gaixian-zi-ul li p{
  font-family: "Source Han Sans CN";
  font-weight: bold;
}
.changsou-ul li span{
  font-weight: bold;
}
.changsou-ul3 li:nth-child(1) {
  left: 20%;
  bottom: 43%;
  color: #5d5d5d;
}

.changsou-ul3 li:nth-child(2) {
  left: 20.5%;
  bottom: 35%;
  color: #5d5d5d;
}

.changsou-ul3 li:nth-child(3) {
  right: 40%;
  top: 43%;
}
.changsou-ul3 li:nth-child(1):after{
  left: auto;
  transform: translateX(0%);
  -ms-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -o-transform: translateX(0%);
  width: 6rem;
  height: 1px;
  background: transparent;
  border-bottom: 1px dashed red;
  right: -7.6rem;
  bottom: auto;
  top: 56%;
}


.changsou-ul3 li:nth-child(2):after{
  left: auto;
  transform: translateX(0%);
  -ms-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -o-transform: translateX(0%);
  width: 6rem;
  height: 1px;
  background: transparent;
  border-bottom: 1px dashed red;
  right: -7.6rem;
  bottom: auto;
  top: 56%;
}

.changsou-ul3 li:nth-child(3):after {
  width: 1px;
  height: 2.9rem;
  bottom: auto;
  top: 100%;
  background: transparent;
  border-left: 2px dashed rgba(0, 171, 132, 0.92);
  transform: rotate(36deg);
  left: 0%;
}

.quality-i-q {
  border-radius: 1.25rem;
  overflow: hidden;
}
.anli-sdiv{
  width: 77%;
  margin: 0 auto;
}
.anli-sdiv .lighting-bot {
  width: 90%;
  background: #FFF;
  border-radius: 1.25rem;
  padding: 1.25rem;
  position: absolute;
  bottom: 0rem;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.anli-sdiv .lighting-bot .lighting-title {
  font-size: 1.25rem;
  line-height: 1.875rem;
  height: 1.875rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: bold;
  color: #000000;
}

.anli-sdiv .lighting-bot .zhasi {
  font-size: 1rem;
  line-height: 1.625rem;
  color: #5B5B5B;
  padding: 0.3125rem 0 0.9375rem;
}

.anli-sdiv .swiper-slide {
  position: relative;
  transition: 300ms;
  transform: scale(0.85);
}

.anli-sdiv .swiper-container {
  padding-bottom: 4.375rem;
}

.anli-sdiv {
  padding: 3.125rem 0 0.625rem;
}

.anli-sdiv .deve-p1 {
  margin-bottom: 3.75rem;
}

.anli-sdiv .swiper-slide.swiper-slide-active .lighting-bot {
  bottom: -2.375rem;
}

.anli-sdiv .swiper-slide.swiper-slide-active {
  transform: scale(1);
  transition: 300ms;
}

.anli-sdiv .swiper-button-next {
  background: url(../img/h1.svg) no-repeat;
  background-size: 100% 100%;
  right: 3%;
  transition: 400ms ease-in-out;
  -moz-transition:400ms ease-in-out; /* Firefox 4 */
 -webkit-transition:400ms ease-in-out; /* Safari and Chrome */
 -o-transition:400ms ease-in-out; /* Opera */
}
.anli-sdiv .swiper-button-next:hover{

  background: url(../img/c1.svg) no-repeat;
  background-size: 100% 100%;  transition: 400ms ease-in-out;
  -moz-transition:400ms ease-in-out; /* Firefox 4 */
 -webkit-transition:400ms ease-in-out; /* Safari and Chrome */
 -o-transition:400ms ease-in-out; /* Opera */
}
.anli-sdiv .swiper-button-next,
.anli-sdiv .swiper-button-prev {
  width: 2.75rem;
  top: 43%;
  height: 2.75rem;
}

.rongyu-p1{
  font-size: 1.0625rem;
  margin-top: .625rem;

  color: #C5933A;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.rongyu-p2 {
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 2rem;
  color: #C5933A;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.anli-sdiv .swiper-button-prev {
  background: url(../img/h2.svg) no-repeat;
  background-size: 100% 100%;  transition: 400ms ease-in-out;
  -moz-transition:400ms ease-in-out; /* Firefox 4 */
 -webkit-transition:400ms ease-in-out; /* Safari and Chrome */
 -o-transition:400ms ease-in-out; /* Opera */
  left: 3%;
}
.anli-sdiv .swiper-button-prev:hover{
  background: url(../img/c2.svg) no-repeat;
  background-size: 100% 100%;  transition: 400ms ease-in-out;
  -moz-transition:400ms ease-in-out; /* Firefox 4 */
 -webkit-transition:400ms ease-in-out; /* Safari and Chrome */
 -o-transition:400ms ease-in-out; /* Opera */
}
.theory-con1s {
  margin-top: 3.125rem;
}
.index_quality-lunbo .swiper-slide img{
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
}
.index_quality-lunbo .swiper-slide:hover img{
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  transform: scale(1.05);
  -ms-transform: scale(1.05);
  /* IE 9 */
  -moz-transform: scale(1.05);
  /* Firefox */
  -webkit-transform: scale(1.05);
  /* Safari 和 Chrome */
  -o-transform: scale(1.05);
}
.ceiling-div  .langrun-div .ceiling-div6-top {
  margin-top: 0;
}
.gaixian-zi-ul::after {
  content: '';
  position: absolute;
  left: 0;
  right: -40px;
  bottom: 0;
  top: 0;
  z-index: -1;

  border-radius: 10px;


  background:-moz-linear-gradient(top, rgba(0,186, 144, 0.40), rgba( 0,156 ,121, 0.75));  /* Firefox浏览器下的渐变背景 */
  background:-webkit-linear-gradient(top, rgba(0,186, 144, 0.40), rgba( 0,156 ,121, 0.75)); /* chrome/Safari浏览器下的渐变背景实现 */
  background:-o-linear-gradient(top, rgba(0,186, 144, 0.40), rgba( 0,156 ,121, 0.75)); /* Opera浏览器下的渐变背景 */

}
@media(max-width:1060px){
  .changsou-ul3 li:nth-child(3) {
    right: 33%;
    top: 38%;
}
.changsou-ul3 li:nth-child(1) {
  left: 12%;
}
.changsou-ul3 li:nth-child(2) {
  left: 12%;
}
.changsou-ul1 li:nth-child(4){
  bottom: 21%;
}
.changsou-ul1 li:nth-child(4)::after {
  height: 2rem;
 
}
}
@media(max-width:768px){
  .changsou-ul3 li:nth-child(3) {
    right: 32%;
    top: 38%;
}
.changsou-ul3 li:nth-child(2) {
  left: 9.3%;
}
.changsou-ul3 li:nth-child(1) {
  left: 10%;
}
}
@media(max-width:480px){
  .zixun-div .zixun-ul li button{
    height: 1.875rem;
    line-height: 1.875rem;
  }
  .phone-lunbo-index-pro .lighting-bot .zhasi{
    margin:0 0 0.9375rem;
  }
  .case-block{
    border-radius: .625rem;
  }
  .awards .awards-lunbo{
    margin-bottom:1.875rem ;
  }
  .awards .zmprodhct-lunbo{
    margin-bottom:1.875rem ;
  }
  .pro-ban1 .more{
    margin-top: 1rem;
  }
  .product-bot .product-a .products-d .pro-zhais{
    border-bottom: none;
  }
  .product-bot .product-a .products-d .pro-zhais{
    height: auto;
  }
 .fanghui-a1 {
    right: 5%;
    bottom: 17%;
}.wen-zi{
  height: auto;
}.wen-zi{
  display: none;
}.fanghui-a1 a {

  padding: 0 1.5rem;
  line-height: 1.875rem;

  height: 1.875rem
}.gaixian-zi-ul li {
  margin: 0.1rem 0;
}.gaixian-zi-ul2 {
  right: 10%;
  top: 18%;
}.gaixian-zi-ul1 {
  right: 9%;
  top: 42%;
}.changsou-ul li::after,.changsou-ul3 li:nth-child(1):after, .changsou-ul3 li:nth-child(2):after,.changsou-ul3 li:nth-child(3):after{
  height: 10px !important;
  width: 10px;
  border-radius: 100%;
  opacity: .5;
}.changsou-ul li span{
  display: none ;
  position: absolute;
  width: 130px;
  text-align: center;
  left: 50%;
  transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -webkit-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  font-size: .75rem;
  background: rgba(255, 255, 255, .5);
  border-radius: 5px;
  padding: 2px 0;
}
.changsou-ul1 li:nth-child(5) span{
  transform: translateX(-85%);
  -ms-transform: translateX(-85%);
  -moz-transform: translateX(-85%);
  -webkit-transform: translateX(-85%);
  -o-transform: translateX(-85%);
}
.changsou-ul1 li:nth-child(2) span{
  transform: translateX(-27%);
  -ms-transform: translateX(-27%);
  -moz-transform: translateX(-27%);
  -webkit-transform: translateX(-27%);
  -o-transform: translateX(-27%);
}
.changsou-ul1 li:nth-child(1) {
  left: 19%;
  bottom: 18%;
}

.changsou-ul1 li:nth-child(2) {
  left: 33%;
  bottom: 27%;
}

.changsou-ul1 li:nth-child(3) {
  left: 41%;
  bottom: 24%;
}

.changsou-ul1 li:nth-child(4) {
  left: 53%;
  bottom: 24%;
}

.changsou-ul1 li:nth-child(5) {
  left: 75%;
  bottom: 20%;
}

.changsou-ul2 li:nth-child(1) {
  left: 19%;
  bottom: 14%;
}

.changsou-ul2 li:nth-child(2) {
  left: 32%;
  bottom: 24%;
}
.changsou-ul2 li:nth-child(3) {
  left: 53%;
  bottom: 23%;
}
.changsou-ul2 li:nth-child(4) {
  right: 24%;
  bottom: 18%;
}
.number-theory .theory-div .theory-con .shu span,.number-theory .theory-div .theory-con .shu {
  font-size: 2rem;
}.anli-sdiv .swiper-button-next {

  right: 2%;
}.anli-sdiv .swiper-button-prev{
  left: 2%;
}.xinwen-div img{
  width: 100%;
}.xinwen-div .xinwen-con .le .xw-con{
  text-indent: 0 !important;
}
.xinwen-div .xinwen-con .le .xw-con p{
  text-indent: 0 !important;
}
.service-list{
  padding: 0;
} 
.contnets .danye{
  padding: 0;
}.designer-cons .sjs-cons {
  line-height: 2rem;
}
.sjs-cons img{
  padding: 5px 0;
}.xinwen-div img{
  padding: 5px 0;
}.product-bot .row .col-sm-4{
  width: 100%;
}.product-bot .product-a{
  overflow: hidden;
}.product-bot .product-a>div{
  width: 49%;
  float: left;
}.product-bot .product-a>div:nth-child(2){
  float: right;

    padding: 25px 10px 0;

}
.con-er-ul{
  margin-bottom: 10px;
}

.changsou-ul3 li:nth-child(1):after{
  background: red;
}.changsou-ul3 li:nth-child(2):after{
  background: red;
}.changsou-ul3 li:nth-child(3):after{
  background: rgba(0, 171, 132, 0.92);
transform: rotate(0deg);
}
.changsou-ul3 li:nth-child(1) {
  left: 16%;
  bottom: 47%;
  color: #000;
}

.changsou-ul3 li:nth-child(2) {
  left: 18.5%;
  bottom: 35%;
  color: #000;
}

.changsou-ul3 li:nth-child(3) {
  right: 55%;
  top: 43%;

  
}.changsou-ul3 li:nth-child(3)  span{
  width: 170px;
  margin-top: -39px;
}.color-pag .swiper-pagination-bullet.swiper-pagination-bullet-active, .color-pag .swiper-pagination-bullet.active {

  border-radius: 0.9375rem;
  }
.color-pag .swiper-pagination-bullet::after {

  border-top-left-radius: 0.9375rem;
  top: -1px;
  border-bottom-left-radius: 0.9375rem;
  }
.changsou-ul2 li span {
  width: 110px;
}
  .changsou-ul2 li::before,.changsou-ul1 li::before{
    content: '';

    background:transparent;
    position: absolute;
  }
  .changsou-ul2 li:nth-child(1):before{
    top: -9rem;
    left: -1rem;
    width: 4rem;
    height: 8rem;
  }
  .changsou-ul2 li:nth-child(2):before{
    top: -5rem;
    left: -1rem;
    width: 2rem;
    height: 5rem;

  }
  .changsou-ul2 li:nth-child(3):before{
    top: -6rem;
    left: -1rem;
    width: 2rem;
    height: 5rem;

  }
  .changsou-ul2 li:nth-child(4):before{
    top: -8rem;
    left: -1rem;
    width: 3rem;
    height: 7rem;
  }

  .changsou-ul1 li:nth-child(1):before{
    top: -9rem;
    left: -1rem;
    width: 4rem;
    height: 8rem;
  }
  .changsou-ul1 li:nth-child(2):before{
    top: -5rem;
    left: -1rem;
    width: 2rem;
    height: 5rem;

  }  .changsou-ul1 li:nth-child(3):before{
    top: -6rem;
    left: -1rem;
    width: 3.4rem;
    height: 6rem;

  }
  .changsou-ul1 li:nth-child(4):before{
    top: -6rem;
    left: -1rem;
    width: 2rem;
    height: 5rem;

  }
  .changsou-ul1 li:nth-child(5):before{
    top: -8rem;
    left: -1rem;
    width: 3rem;
    height: 7rem;
  }
 
}


.pagination>li>a, .pagination>li>span{
color: #777;
}.phone-new-list .overh img{
  height: 200px;
  object-fit: cover;
}.du-ul{
  margin: 1.875rem -3.25rem 0;
}
.du-ul li {
  float: left;
  position: relative;
  text-align: center;
  padding: 0 3.25rem;

}.du-ul li .shz{
  font-size: 2.6rem;
  color: #161616;
  font-weight: bold;
}.du-ul li .pp2{

  font-size: 1.2rem;
  color: #515050;
  line-height: 2.1875rem;

}.du-ul li::after{
  content: '';
  position: absolute;
  top: 50%;

  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 50%;
  background: #b4b4b4;
  right: 0;

}.du-ul li:last-child::after{
  display: none;
}

@media(max-width:767px){
  .theory-con1s{
    width: 80%;
    margin:2.125rem auto  0;
  }
  .ban >img{
    display: none;
  }
  .mobile_banner{
    display: block;
  }
.link-div .link-con .link-con-ul>li .img1.conimg1{left: 32%;}

  .link-div .link-con .link-con-ul>li .img1{
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1.25rem;
  }
  .jxs-con .link-div .link-con .link-con-ul>li .p1 {
    font-size: 1.125rem;
    line-height: 2.25rem;
    color: #000000;
    width: 2rem;
}
  .jxs-con .link-div .link-con .link-con-ul>li {
    padding-left: 4.25rem!important;
}.jxs-con .link-div .link-con .link-con-ul>li:nth-child(3){
  padding-left:0;
  text-align: center;
}.dsj-con .link-div .link-con .link-con-ul>li {
  padding-left: 4.25rem;
}.dsj-con .link-div .link-con .link-con-ul>li {

  padding: 0rem 0rem;
}
  .dsj-con .p3, .jxs-con .p3 {
    font-size: 1.1rem;
}.jxs-con .link-div .link-con .link-con-ul>li {
  padding: 0.5rem 0rem;
}
  .security .security-top .yuan-logo {
    width: 9.375rem;
    height: 9.375rem;
    }
  .du-ul{
    display: none;
  }.number-theory .theory-div .theory-con .p3{
    font-size: 1rem;
  
  }
  .number-theory .theory-div .theory-con .col-xs-4{
    padding: 0;
  }
  .theory-con>div:nth-of-type(1){
    margin-right: 0;
    margin-left: 0;
  }
  .zixun-div .zixun-ul li{
    width: 100%;
  }.zixun-div .zixun-ul li:nth-child(3) {
   height: auto;
}
  .theory-con1s {
    margin-top: 2.125rem !important;
} .number-theory .theory-div .theory-con .shu {
  font-size: 1.5rem;
}
.theory-con .col-sm-5 {
  padding: 0 1px;
}.anli-sdiv .swiper-container{
  padding:0 40px 20px ;
}.anli-sdiv .swiper-button-next{
  right: 0;
}.anli-sdiv .swiper-button-prev{
  left: 0;
}.anli-sdiv {
  width: 100%;
}.anli-sdiv .deve-p1 {
  margin-bottom: 0.75rem;
}.message-div .le .introduction-zhai{
  height: auto;
  overflow-y: hidden;
  padding-right: 0rem;
  /* padding: 0 12px; */
}
.designer-cons .visible-xs{
  /* padding: 0 12px; */
}
video{
  width: 100%;
}
.link-div .link-con .link-con-ul>li .con-uls li{
  width: 33.33%;
}
.designer-ban .tr img{
  width: 100px;
}.designer-ban .fl{
  padding-bottom: 2rem;
}.con-er-ul li a{
  padding-bottom: .625rem;
}
.case-block .case-info.active .case-logo{
  position: static;
  transform: translateY(0%);
}
.awards-zi.active .vision-p1{
  text-align: left;
}

.awards-zi.active .vision-p1::after {

  left: 0%;
  transform: translateX(-0%);
}
.theory-con1s{
  width: 100%;
}

.number-theory-box .theory-div{
  padding: 1.875rem 0;
}
.introduction-lunbo .swiper-wrapper .swiper-slide:nth-child(2){
  display: none;
}
.container>.row{
  margin: 0;
}
sup {
  top: -.3em;
}
.changsou-ul li::after{
  animation: run03 4s infinite linear;
}
.color-pag .swiper-pagination-bullet:hover{
  background: #FFFFFF;
}
[role=button]:focus {
  outline: none;
  resize: none;
}
.theory-con1s>div,
.number-theory-div>div{
  padding: 0;
}
.none_phone{
  display: block !important;
}
.block_pc{
  display: none;
}
}

.xw-con video{
  width: 48%;
  margin: 0 auto;

  
}

@media (max-width: 1024px){
  .daohang .nav-ul>li{padding: 0 1rem;}

}


@media (max-width: 710px){
  .link-div .link-con .link-con-ul>li .conimg1.conimg1{left:30%;}

}

@media (max-width: 640px){
  .link-div .link-con .link-con-ul>li .conimg1.conimg1{left:28%;}

}

@media (max-width: 580px){
  .link-div .link-con .link-con-ul>li .conimg1.conimg1{left:26%;}

}

@media (max-width: 540px){
  .link-div .link-con .link-con-ul>li .conimg1.conimg1{left:24%;}

}




@media(max-width:500px){
  .theory-con1s>div,
  .number-theory-div>div:nth-of-type(2),
.number-theory-div>div:nth-of-type(1){
  width: 50%;
}
.number-theory-div>div:nth-of-type(3){
  width: 100%;
  margin-top: 2.125rem;
}
.theory-con1s>div{
  margin-bottom: 2.125rem;
}
.link-div .link-con .link-con-ul>li .conimg1.conimg1{left:22%;}
}
@media(max-width:480px){
  .link-div .link-con .link-con-ul>li .conimg1.conimg1{left:20%;}

}

@media(max-width:440px){
  .link-div .link-con .link-con-ul>li .conimg1.conimg1{left:18%;}


}
@media(max-width:420px){
  .awards .awards-lunbo .swiper-container-horizontal>.swiper-pagination-bullets, .awards .awards-lunbo .swiper-pagination-custom, .awards .awards-lunbo .swiper-pagination-fraction{
    bottom: 57%;
  }
}

@media(max-width:400px){
  .awards .awards-lunbo .awards-div .introduction-zhai{
    height: 130px;
  }
  .awards .zmprodhct-lunbo .awards-div .introduction-zhai{
    height: 130px;
  }
  /* #question-2 .row, */
  #question-1 .row{
    display: block;
    
  }
  .awards .zmprodhct-lunbo .swiper-container-horizontal>.swiper-pagination-bullets, 
  .awards .zmprodhct-lunbo .swiper-pagination-custom, .awards .zmprodhct-lunbo .swiper-pagination-fraction{
    top: 42%;
  }

  .link-div .link-con .link-con-ul>li .conimg1.conimg1{left:16%;}
}

@media(max-width:360px){
  .link-div .link-con .link-con-ul>li .conimg1.conimg1{left:10%;}

}

@media(max-width:320px){
  .link-div .link-con .link-con-ul>li .conimg1.conimg1{left:6%;}
}