body {
  overflow-x: hidden;
}
@font-face {
  font-family: AlibabaPuHuiTi-2-45-Light;
  src: url(../font/AlibabaPuHuiTi-2-45-Light.ttf), 
}
@font-face {
  font-family: AlibabaPuHuiTi-2-55-Regular;
  src: url(../font/AlibabaPuHuiTi-2-55-Regular.ttf), 
}
@font-face {
  font-family: D-DIN;
  src: url(../font/D-DIN.otf), 
}
@font-face {
  font-family: D-DINExp;
  src: url(../font/D-DINExp.ttf), 
}
@font-face {
  font-family: Poppins-Light;
  src: url(../font/Poppins-Light.ttf), 
}
@font-face {
  font-family: OPPOSans20-Medium;
  src: url(../font/OPPOSans20-Medium.ttf), 
}
@font-face {
  font-family: PlayfairDisplay-Regular-7;
  src: url(../font/PlayfairDisplay-Regular-7.ttf), 
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: 'AlibabaPuHuiTi-2-45-Light', '微软雅黑', 'Arial', 'PingFang SC';
}
*:focus {
  outline: none;
}
ul,li {
  list-style: none;
}
a:hover,a {
  text-decoration: none;
  color: #303133;
}
img {
  border: none;
  max-width: 100%;
}
dl,dd,p {
  margin: 0;
}
ul,li {
  margin-bottom: 0;
  padding-left: 0;
}
header{
  position: fixed;
  width: 100%;
  height:90px;
  left:0;
  top:0;
  z-index: 8888;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-left:1rem;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
@media (max-width:991px){
  header{
    height:70px;
  }
}
header.border{
  border-bottom: 1px solid rgba(245, 246, 248, 1);
}
header.open,
header.on{
  background: #ffffff;
}
header .container-fluid{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height:100%;
  --bs-gutter-x:6rem;
}
@media (max-width: 1600px) {
  header .container-fluid{
    --bs-gutter-x:3rem;
  }
}
@media (max-width: 1400px) {
  header .container-fluid{
    --bs-gutter-x:1rem;
  }
}
header.open .logo a img:first-child,
header.on .logo a img:first-child,
.logo a img:last-child{
  display: none;
}
header.open .logo a img:last-child,
header.on .logo a img:last-child{
  display: block;
}
.logo a{
  display:block;
  max-width: 146px;
  max-height: 44px;
}
.logo a img{
	width: 100%;
	height:100%;
}
@media (max-width:768px){
    .logo a{
        /*max-width: 170px;*/
        max-width: 136px;
    }
}
.nav_box{
  display: flex;
  align-items: center;
  height:100%;
}
.menu{
  display: flex;
  height:100%;
}
@media (max-width: 1200px) {
  .menu{
    display: none;
  }
}
.menu>li{
  display: flex;
  align-items: center;
  height:100%;
}
.menu>li>a{
  display: flex;
  align-items: center;
  height:100%;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  padding:0 1.6rem;
  font-size: 18px;
  font-weight: 400;
  line-height:1.5;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1400px) {
  .menu>li>a{
    padding:0 1rem;
  }
}
header.on .menu>li>a{
  color: rgba(48, 49, 51, 1);
}
.menu li:hover>a,
.menu li.on>a{
  color:transparent;
  background: linear-gradient(90deg, #006C6B 0%, #006C6B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
a.tel:hover,
a.tel{
  margin-left:2rem;
  font-family: 'OPPOSans20-Medium';
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(255, 255, 255, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1600px) {
  a.tel{
    display: none;
  }
}
header.on a.tel:hover,
header.on a.tel{
  color: rgba(0, 108, 107, 1);
}
.navi {
  margin-left:30px;
  margin-right:5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  cursor: pointer;
  overflow: ;
}
@media (max-width: 1600px) {
  .navi {
    margin-left:10px;
  }
}
.navi a {
  width: 27px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.navi span {
  width: 100%;
  background: #ffffff;
  opacity: 1;
  border-radius: 1.5px;
  height: 3px;
  margin:3px 0;
  display: block;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
header.open .navi span,
header.on .navi span{
  background: rgba(0, 108, 107, 1);
}
.navi span:nth-child(2){
  width:82%;
}
.navi span:last-child{
  width:70%;
}
.navi p{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  margin-left:12px;
  text-transform:uppercase;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 1);
}
header.open .navi p,
header.on .navi p{
  color: rgba(0, 108, 107, 1);
}

/* 子菜单 */
.sub_main{
  display: none;
  position: fixed;
  z-index: 3333;
  left:0;
  top:90px;
  width:100%;
  height:340px;
  background: #ffffff;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;*/
}
@media (max-width:1400px){
  .sub_main{
    height:230px;
  }
}
@media (min-width: 1400px) {
  .sub_main .container{
    height:100%;
    max-width: 1500px;
  }
}
.sub-box{
  height:100%;
  display: flex;
  align-items:flex-start;
  justify-content: center;
}
.sub-info{
  display: flex;
  flex-direction: column;
  max-width: 660px;
  margin:68px 108px 0 40px;
}
@media (max-width:1400px){
  .sub-info{
    max-width: 560px;
    margin: 20px;
  }
}
.sub-info span{
  display: block;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .sub-info span{
    font-size:1.2rem;
  }
}
.sub-info p{
  margin-top:1rem;
  font-family: 'AlibabaPuHuiTi-2-55-Regular'; 
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.01em;
  color: rgba(96, 98, 102, 1);
}
@media (max-width:1400px){
  .sub-info p{
    margin-top:.2rem;
    font-size:1rem;
    line-height:1.6;
  }
}
.sub-img{
  max-width: 425px;
  max-height: 240px;
  overflow: hidden;
  margin-top:40px;
}
@media (max-width:1400px){
  .sub-img{
    max-width: 300px;
    margin-top:30px;
  }
}
.sub-img img{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.sub-img:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.sub-box ul{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:.5rem 3rem .5rem 2rem;
  height:100%;
  max-height: 250px;
  position: relative;
  margin-top:36px;
}
.sub-box ul::after{
  content: '';
  width:1px;
  height:100%;
  background:rgba(235, 238, 245, 1);
  position: absolute;
  right:0;
  top:0;
}
@media (max-width:1400px){
  .sub-box ul{
    margin-top:1rem;
    padding:.2rem 1rem;
  }
}
.sub-box ul li a{
  position: relative;
  display: flex;
  width: 100%;
  padding:.7rem 0;
  font-family: 'AlibabaPuHuiTi-2-55-Regular'; 
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .sub-box ul li a{
    padding:.4rem 0;
    font-size:1rem;
  }
}
.sub-box ul li a:hover{
  color:transparent;
  background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sub-box ul li a::after{
  content: '';
  position: absolute;
  left:0;
  bottom: 0;
  width:0;
  height:1px;
  background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.sub-box ul li a:hover::after{
  width:100%;
}
.navi.on span:last-child {
  display: none;
}
.navi.on span:nth-child(1) {
  transform: skewY(40deg) translateX(6px) translateY(0px);
  -webkit-transform: skewY(40deg) translateX(6px) translateY(0px);
  -moz-transform: skewY(40deg) translateX(6px) translateY(0px);
  -ms-transform: skewY(40deg) translateX(6px) translateY(0px);
  -o-transform: skewY(40deg) translateX(6px) translateY(0px);
}
.navi.on span:nth-child(2) {
  transform: skewY(-40deg) translateX(6px);
  -webkit-transform: skewY(-40deg) translateX(6px);
  -moz-transform: skewY(-40deg) translateX(6px);
  -ms-transform:skewY(-40deg) translateX(6px);
  -o-transform: skewY(-40deg) translateX(6px);
  width: 100%;
}

/* 手机导航 */
.header-nav {
	background: #ffffff;
	display: none;
	width: 100%;
	position: fixed;
	left: 0;
	top: 90px;
  z-index: 555;
}
@media (max-width:991px){
  .header-nav {
    top:70px;
  }
}
.header-nav>ul>li>a {
	display: block;
  width:100%;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
	font-size: 15px;
	color: #081f2c;
	font-weight: 600;
  padding: 16px 10px;
}
.header-nav>ul>li{
  cursor: pointer;
  position: relative;
  display: block;
  border-top: 1px solid #e0e0e0;
}
.header-nav>ul>li::after{
	content: " ";
	position: absolute;
	top: 2rem;
	transform: translateY(-50%);
	right: 15px;
	background: url(../images/icon_menu-arrow.svg) no-repeat center;
	background-size: 7px 13px;
	width: 7px;
	height: 13px;
}
.header-nav>ul>li.nav-parent>a{
  width:70%;
}
.header-nav>ul>li.nav-parent::after {
	background: url(../images/icon_plus_black.svg) no-repeat center;
	background-size: 11px 11px;
	width: 11px;
	height: 11px;
}
.header-nav>ul>li.nav-minus::after {
	background: url(../images/icon_minus_black.svg) no-repeat center;
	background-size: 11px 11px;
	width: 11px;
	height: 11px;
}
.header-nav>ul>li>ul {
	display: none;
}
.header-nav>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 14px 20px;
	border-top: 1px solid #b7b7b8;
	font-size: 14px;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
	color: #081f2c;
  font-weight: 500;
}
.header-nav>ul>li>ul>li>a::after {
	content: " ";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	background: url(../images/icon_menu-arrow.svg) no-repeat center;
	background-size: 7px 13px;
	width: 7px;
	height: 13px;
}


/* 第一屏 轮播图 */
.banner-pc{
  width:100vw;
  height:100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
@media (max-width:768px){
  .banner-pc{
    height:85vh;
  }
}
@media (max-width:576px){
  .banner-pc .container{
    --bs-gutter-x:0;
  }
}
.banner-logo{
  position: absolute;
  left:10px;
  bottom:123px;
  z-index: 99999999999;
  font-family: 'Poppins-Light';
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
  text-transform:uppercase;
  letter-spacing: 0.5em;
  text-align: left;
  /* background-image:linear-gradient(90deg, #005655 0%, #00BCBA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  color: rgba(255, 255, 255, 1);
  transform: rotateZ(90deg);
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  border-bottom:1px solid rgba(255, 255, 255, 0.3);
  padding:0 3.6rem 6px 1rem;
}
@media (max-width:1200px){
  .banner-logo{
    left:0px;
    bottom:100px;
    font-size: 1rem;
    line-height:1.2;
  }
}
@media (max-width:991px){
  .banner-logo{
    bottom:80px;
    font-size: .9rem;
  }
}
@media (max-width:768px){
  .banner-logo{
    display: none;
  }
}
.banner-logo::after{
  content: '';
  width:100%;
  height:1px;
  opacity: 1;
  background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
  position: absolute;
  bottom:-1px;
  left:0;
  animation: Gradient 4s ease-out infinite;
  -webkit-animation: Gradient 4s ease-out infinite;
}
@keyframes Gradient {
  0% {
    width:0%;
  }
  100% {
    width:100%;
    opacity: .3;
  }
}

.banner-txt{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top:28vh;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
@media (max-width: 1400px) {
  .banner-txt{
    padding-top: 30vh;
  }
}
@media (max-width:1200px){
  .banner-txt{
    padding-top: 30vh;
  }
}
@media (max-width:991px){
  .banner-txt{
    padding-top: 20vh;
  }
}
.banner-txt p{
  max-width: 1015px;
}
@media (max-width: 1400px) {
  .banner-txt p{
    max-width: 900px;
  }
}
@media (max-width:1200px){
  .banner-txt p{
    max-width: 800px;
  }
}
@media (max-width:768px){
  .banner-txt p{
    max-width: 90%;
  }
}
@media (max-width:576px){
  .banner-txt p{
    max-width: 80%;
  }
}
.banner-txt span{
  display: block;
  margin-top:4.6vh;
  font-size: 26px;
  font-weight: 100;
  line-height: 1.6;
  letter-spacing: 0.06em;
  text-align: center;
  color:#303133;
}
@media (max-width: 1400px) {
  .banner-txt span{
    margin-top:3vh;
  }
}
@media (max-width:1200px){
  .banner-txt span{
    margin-top:2vh;
    font-size:1.5rem;
  }
}
@media (max-width:768px){
  .banner-txt span{
    font-size:1.4rem;
     margin-top:2vh;
  }
}
@media (max-width:576px){
  .banner-txt span{
    font-size:1.2rem;
    font-weight: 400;
  }
}
.banner-txt a{
  position: relative;
  margin-top:19.6vh;
  width:180px;
  height:48px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: url(../images/more_bg.svg) no-repeat center; */
  background-size: cover;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.01em;
  color:#ffffff;
  background-color: #006C6B;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1400px) {
  .banner-txt a{
    margin-top:15vh;
  }
}
@media (max-width:1200px){
  .banner-txt a{
    margin-top:10vh;
    font-size:1rem;
  }
}
@media (max-width:768px){
  .banner-txt a{
    /*margin-top:4vh;*/
    margin-top:10vh;
  }
}
@media (max-width:576px){
  .banner-txt a{
    width:160px;
    height:40px;
    background: url(../images/more_bg2.svg) no-repeat center;
    background-size: cover;
  }
}
.banner-txt a::after{
  content: '';
  width:20px;
  height:20px;
  background: url(../images/more.svg) no-repeat center;
  background-size: cover;
  margin-left:4px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.banner-txt a:hover::after{
  /* background: url(../images/more_on.svg) no-repeat center; */
  background-size: cover;
}
.banner-txt a svg{
  position: absolute;
  left:0;
  top:0;
  z-index: 222;
}
.banner-txt a svg:last-child{
  display: none ;
}
@media (max-width:576px){
  .banner-txt a svg:first-child{
    display: none;
  }
  .banner-txt a svg:last-child{
    display: block;
  }
}
#shape {
  stroke-width: 3px;
  fill: transparent;
  stroke-dasharray: 440;
  stroke-dashoffset: 440;
  transition: 1s all ease;
  -webkit-transition: 1s all ease;
  -moz-transition: 1s all ease;
  -ms-transition: 1s all ease;
  -o-transition: 1s all ease;
}
.banner-txt a:hover #shape {
  stroke-dasharray: 440;
  stroke-width: 3px;
  stroke-dashoffset: 0;
}
#rotation_swiper .swiper-pagination{
  bottom: 7vh;
}
#rotation_swiper .swiper-pagination ul{
  display: flex;
  justify-content: center;
}
#rotation_swiper .swiper-pagination ul li{
  width:8px;
  height:8px;
  position: relative;
  margin:0 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, .5);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
#rotation_swiper .swiper-pagination ul li.on{
  background: #ffffff;
  box-shadow: none;
}
#rotation_swiper .swiper-pagination ul li.on::after{
  content: '';
  position: absolute;
  width:20px;
  height:20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  left:50%;
  top:50%;
  transform: translate(-50%, -49%);
  -webkit-transform: translate(-50%, -49%);
  -moz-transform: translate(-50%, -49%);
  -ms-transform: translate(-50%, -49%);
  -o-transform: translate(-50%, -49%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
#rotation_swiper .swiper-pagination ul li.on svg{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -49%);
  -webkit-transform: translate(-50%, -49%);
  -moz-transform: translate(-50%, -49%);
  -ms-transform: translate(-50%, -49%);
  -o-transform: translate(-50%, -49%);
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: Round 12s ease-out infinite;
  -webkit-animation: Round 12s ease-out infinite;
}

@keyframes Round {
  0% {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dasharray: 100;
    stroke-dashoffset: 0;
  }
}
.section_news{
    width:100%;
    height: 100vh;
    background:#F5F6F8;
}
@media (max-width:768px){
	.section_news{
		height: auto;
	}
}
/* 第二屏 产品分类 */
.section2 .container{
  height: 100%;
  padding-top: 90px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* justify-content: space-between; */
}
@media (min-width: 1400px) {
  .section2 .container{
    max-width: 90%;
  }
}
@media (max-width:991px){
  .section2 .container{
    padding-top:70px;
  }
}
@media (max-width:768px){
  .section2 .container{
    padding: 3rem 0;
    flex-direction: column;
	height: auto;
  }
 
}
.type-box{
  width:90%;
  overflow: hidden;
  margin: 0 auto;
   margin-top:3rem;
}
@media (max-width:1400px){
  .type-box{
    width:76%;
  }
}
@media (max-width:1200px){
  .type-box{
    height: 100%;
    display: flex;
    align-items: center;
    margin-top: 0;
  }
}
@media (max-width:991px){
  .type-box{
    width:70%;
  }
}
@media (max-width:768px){
  .type-box{
    width:100%;
    margin-top:2rem;
  }
}
@media (max-width:576px){
  .type-box{
    width:100%;
    margin-top:1.5rem;
    padding:0 3%;
  }
}
.type-nav{
  padding-top:5rem;
  width:100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* overflow: hidden; */
}
@media (max-width:1400px){
  .type-nav{
    width:20%;
  }
}
@media (max-width:1200px){
  .type-nav{
    padding-top:4rem;
  }
}
@media (max-width:991px){
  .type-nav{
    width:30%;
    padding-top:6rem;
  }
}
@media (max-width:768px){
  .type-nav{
    width:100%;
    padding-top:0;
  }
}
.type-nav>span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 43px;
  font-weight: 600;
  line-height: 74px;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .type-nav>span{
    font-size:2.4rem;
    line-height:1.4;
  }
}
@media (max-width:1200px){
  .type-nav>span{
    font-size:2rem;
  }
}
@media (max-width:991px){
  .type-nav>span{
    font-size:1.8rem;
  }
}
@media (max-width:768px){
  .type-nav>span{
    font-size:1.6rem;
    text-align: center;
  }
}
.type-nav-p{
  display: flex;
  flex-direction: column;
  /* max-width: 220px; */
  margin-top:5px;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.01em;
  color: rgba(96, 98, 102, 1);
}
@media (max-width:1200px){
  .type-nav-p{
    font-size:1rem;
    line-height: 1.6;
  }
}
@media (max-width:991px){
  .type-nav-p{
    font-size:.9rem;
    max-width: 180px;
  }
}
@media (max-width:768px){
  .type-nav-p{
    display: none;
  }
}
.type-nav>em{
  margin-top:1.5rem;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: rgba(144, 147, 153, 1);
}
@media (max-width:1200px){
  .type-nav>em{
    margin-top:1rem;
    font-size:.8rem;
    line-height:1.6;
  }
}
@media (max-width:768px){
  .type-nav>em{
    display: none;
  }
}
.type-more{
  display: flex;
  align-items: center;
  height:46px;
  width:212px;
  margin-top:3rem;
}
@media (max-width: 1400px) {
  .type-more{
    width:80%;
    height:40px;
  }
}
@media (max-width:1200px){
  .type-more{
    margin-top:2rem;
  }
}
@media (max-width:768px){
  .type-more{
    display: none;
  }
}
.type-more span{
  display: flex;
  align-items: center;
  justify-content: center;
  width:68.39%;
  height:100%;
  color: rgba(255, 255, 255, 1);
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  background: rgba(0, 108, 107, 1);
  border-radius: 8px 0 0 8px;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width:1400px){
  .type-more span{
    font-size: .9rem;
  }
}
@media (max-width:1200px){
  .type-more span{
    font-size:.8rem;
    line-height: 1.4;
  }
}
.type-more:hover span{
  background: rgba(96, 34, 25, 1);
}
.type-more p{
  display: flex;
  align-items: center;
  justify-content: center;
  width:31.6%;
  height:100%;
  background: rgba(96, 34, 25, 1);
  border-radius: 0 8px 8px 0;
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  -ms-border-radius: 0 8px 8px 0;
  -o-border-radius: 0 8px 8px 0;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.type-more:hover p{
  background: rgba(0, 108, 107, 1);
}
.type-more p svg{
  animation: leftRright 3s ease-out infinite;
  -webkit-animation: leftRright 3s ease-out infinite;
}
@keyframes leftRright {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
}
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
.type-slide{
  position: relative;
  cursor: pointer;
  display: block;
  max-width: 288px;
}
@media (max-width:1200px){
    .type-slide{
        max-width:100%;
    }
    .type-box .swiper-slide{
      width: calc( 100% / 2 -  15px ) ;
    }
}
@media (max-width:991px){
    .type-box .swiper-slide{
      width: calc( 100% / 2 -  10px ) ;
    }
}
@media (max-width:425px){
    .type-box .swiper-slide{
      width: calc( 100% / 2 -  7px ) ;
    }
}

.type-pic{
  max-height: 700px;
  overflow: hidden;
}
@media (max-width: 1600px) {
  .type-pic{
    max-height: 600px;
  }
}
@media (max-width:768px){
  .type-pic{
    max-height: 500px;
    display: flex;
    align-items: flex-end;
  }
}
@media (max-width:576px){
  .type-pic{
    max-height: 400px;
  }
}
.type-pic img{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.type-slide:hover .type-pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.type-desc{
  position: absolute;
  top:70px;
  left:28px;
  display:flex;
  flex-direction: column;
}
@media (max-width:1400px){
  .type-desc{
    top:8%;
    left:5%;
    width: calc( 100% - 10% ) ;
  }
}
.type-txt{
  font-family: 'AlibabaPuHuiTi-2-55-Regular ';
  font-size: 32px;
  font-weight: 700;
  line-height: 44.8px;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width:1400px){
  .type-txt{
    font-size: 2rem;
    line-height:1.4;
  }
}
@media (max-width:1200px){
  .type-txt{
    font-size: 1.8rem;
  }
}
@media (max-width:991px){
  .type-txt{
    font-size: 1.6rem;
  }
}
@media (max-width:768px){
  .type-txt{
    font-size: 1.4rem;
  }
}
@media (max-width:576px){
  .type-txt{
    font-size: 1.2rem;
  }
}
.type-slide:hover .type-txt span{ 
  color:transparent;
  background: linear-gradient(90deg, rgba(242, 134, 46, 1) 0%, rgba(242, 134, 46, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.type-desc em{
  margin-left:1rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 1);
  font-style: normal;
  text-transform: uppercase;
}
@media (max-width:1400px){
  .type-desc em{
    font-size:.9rem;
  }
}
@media (max-width:768px){
  .type-desc em{
      font-size:.8rem;
    line-height: 1.4;
  }
}
.type-desc p{
  margin-left:1rem;
  margin-top:18px;
  margin-right:30px;
  font-size: 12px;
  font-weight: 300;
  line-height: 16.8px;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 1);
}
@media (max-width:1200px){
  .type-desc p{
    font-size:.9rem;
    margin-top:.8rem;
    line-height: 1.2;
  }
}
@media (max-width:576px){
  .type-desc p{
      display: none;
    margin-top:.5rem;
    margin-left:.5rem;
  }
}
.type-class{
  position: absolute;
  left:0;
  bottom:32px;
  width:180px;
  height:38px;
  /* background: linear-gradient(90deg, #005655 0%, rgba(0, 188, 186, 0) 100%); */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left:30px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  font-family: 'AlibabaPuHuiTi-2-55-Regular ';
}
.type-class img{
	margin-right: 10px;
}
@media (max-width:1200px){
  .type-class{
    width:160px;
    height:34px;
    font-size:1rem;
    padding-left:20px;
    line-height: 1.2;
  }
}
.type-slide:hover .type-class{
  bottom: 60px;
}
@media (max-width:768px){
    .type-slide:hover .type-class{
       bottom:32px;
    }
     .type-class{
        font-size:12px;
        line-height: 34px;
      }
}
#type_swiper .swiper-slide:last-child .type-desc em,
#type_swiper .swiper-slide:last-child .type-desc p,
#type_swiper .swiper-slide:last-child .type-desc span{
  /* color:#fff; */
}
.ripple {
  display: inline-block;
  overflow: hidden;
}

.ripple span {
  display: inline-block;
}
.about{
  width:100%;
  height:100vh;
  display: flex;
  justify-content: space-between;
  position: relative;
  background-color: #f5f6f8;
}
.about-desc-header{
	width: 771px;
	height: 122px;
	background-image: url('../images/about-pic-icon1.png');
	background-size: cover;
	position: absolute;
	top: 180px;
	right: 0;
}
@media (max-width:768px){
  .about{
    height:auto;
    flex-direction: column;
    max-width: 720px;
    margin:0px auto 2rem auto;
  }
}
@media (max-width:576px){
  .about{
     max-width: 540px;
    padding:0 3%;
  }
}
.about-pic{
  /* height:100%; */
  height: 41.25rem;
  /* width:46%; */
  width: 67.25rem;
  background: url(../images/about-pic-new2.png) no-repeat center;
  background-size: cover;
  animation: aboutPic 3s ease-out infinite;
  -webkit-animation: aboutPic 3s ease-out infinite;
  margin-top: 150px;
}
@media (max-width:1200px){
  .about-pic{
    width:50%;
  }
}
@media (max-width:991px){
  .about-pic{
    width:40%;
  }
}
@media (max-width:768px){
  .about-pic{
    width:100%;
    height:300px;
    order:2;
	margin-top: 30px;
  }
}
@keyframes leftRright {
  0% {
    background-position: -10px -10px;
  }
  100% {
    background-position: top center;
  }
}
.about-desc{
  width:43.95%;
  height:calc( 100% - 104px );
  display: flex;
  flex-direction:column ;
  justify-content: center;
  /* background: url(../images/about-desc.jpg) no-repeat center; */
  background-size: cover;
  /* padding-left:55px; */
  padding-top: 8.5rem;
  align-items: end;
  padding-right:60px;
  position: relative;
}
.about-desc-content{
	max-width: 523px;
}
@media (max-width:1560px){
	.about-desc{
		padding-left:36px;
	}
	.about-desc-header{
		width: 300px;
		right: unset;
		left: 0;
		height: 70px;
	}
}
@media (max-width:1200px){
  .about-desc{
    width:50%;
    height:calc( 100% - 160px );
    padding-left:36px;
  }
}
@media (max-width:991px){
  .about-desc{
    width:60%;
    height:calc( 100% - 140px );
    padding-left:30px;
  }
}
@media (max-width:768px){
  .about-desc{
    width:100%;
    height:auto;
    padding:0px;
    order:1;
  }
}
.about-desc span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 43px;
  font-weight: 600;
  line-height:1.6;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
}
.about-desc span img{
	width: 60px;
	height: 41px;
	margin-left: 18px;
}
@media (max-width: 1400px) {
  .about-desc span{
    font-size:2.5rem;
  }
}
@media (max-width:1200px){
  .about-desc span{
    font-size:2rem;
  }
}
@media (max-width:768px){
  .about-desc span{
    font-size:1.8rem;
    text-align: center;
  }
  .about-desc-content{
	  padding-top: 30px;
  }
  .about-desc span img{
	width: 42px;
	height: 29px;
  }
}
.about-p{
  margin-top:1.2rem;
  max-width: 523px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: rgba(96, 98, 102, 1);
}
.about-p em{
	color: #006C6B;
	font-style:normal;
}
@media (max-width:1200px){
  .about-p{
    font-size:1rem;
  }
}
@media (max-width:768px){
  .about-p{
    margin-top:.8rem;
    max-width: 100%;
  }
}
.about-p p{
  margin-bottom: 2.1rem;
}
@media (max-width: 1400px) {
  .about-p p{
    margin-bottom: 1.6rem;
  }  
}
@media (max-width:1200px){
  .about-p p{
    margin-bottom: 1.2rem;
  } 
}
@media (max-width:768px){
  .about-p p{
    margin-bottom: .8rem;
  } 
}
.about-desc-more{
	color: #fff;
	background-color: #006C6B;
	width: 180px;
	height: 46px;
}
.about-desc-more a{
	display: inline-flex;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin:0 ;
	color: #fff;
}
.about-desc-more a img{
	margin-left: 16px;
}
.about-desc a{
  /* margin-top:1rem;
  display: inline-flex;
  align-items: center;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #fff;
  background-color: #006C6B;
  width: 180px;
  height: 46px; */
}
@media (max-width:1200px){
  .about-desc a{
    /* margin-top:.5rem;
    font-size:1rem;
    line-height: 1.2; */
  }
}
@media (max-width:768px){
  .about-desc a{
    /* margin:.5rem 0 1.5rem 0; */
  }
}
.about-desc a svg{
  margin-left:8px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.about-desc a:hover svg{
  margin-left:16px;
}
.about-adva{
  position: absolute;
  width:68.33%;
  height:204px;
  right:0;
  bottom: 0;
  background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1400px) {
  .about-adva{
    height:180px;
  }
}
@media (max-width:1200px){
  .about-adva{
    height:160px;
  }
}
@media (max-width:991px){
  .about-adva{
    height:140px;
  }
}
@media (max-width:768px){
  .about .about-adva{
    position: static;
    width:100%;
    order:3;
    height:100px;
  }
}
.section_chanpin{
	width: 100%;
	height: 100vh;
	background: url(../images/chanpin_bj.png) no-repeat; 
	background-size: cover;
}
.about-adva ul{
  display: flex;
}
@media (max-width:768px){
	.section_chanpin{
		height: auto;
	}
}
@media (max-width:576px){
  .about-adva ul{
    width:100%;
    justify-content: space-around;
  }
  .type-class img{
	  width: 30px;
	  height: 30px;
  }
}
.about-adva ul li{
  margin:0 40px;
}
@media (max-width:1200px){
  .about-adva ul li{
    margin:0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width:768px){
  .about-adva ul li{
    margin:0 16px;
  }
}
@media (max-width:576px){
  .about-adva ul li{
    margin:0px;
  }
}
.about-adva ul li p{
  margin-top:10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width:1200px){
  .about-adva ul li p{
    margin-top:6px;
    font-size:1rem;
  }
}
@media (max-width:991px){
  .about-adva ul li p{
    margin-top:4px;
    font-size:.9rem;
  }
}
@media (max-width:576px){
  .about-adva ul li p{
    font-size:.8rem;
  }
}
.about-num{
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.about-adva ul li:nth-child(4) b,
.about-adva ul li:nth-child(1) b{
  width:62px;
}
@media (max-width:1200px){
  .about-adva ul li:nth-child(4) b,
  .about-adva ul li:nth-child(1) b{
    width:50px;
  }
}
@media (max-width:768px){
  .about-adva ul li:nth-child(4) b,
  .about-adva ul li:nth-child(1) b{
    width:44px;
  }
}
@media (max-width:576px){
  .about-adva ul li:nth-child(4) b,
  .about-adva ul li:nth-child(1) b{
    width:auto;
  }
}
.about-adva ul li:nth-child(2) b{
  width:36px;
}
@media (max-width:768px){
  .about-adva ul li:nth-child(2) b{
    width:26px;
  }
}
@media (max-width:576px){
  .about-adva ul li:nth-child(2) b{
    width:auto;
  }
}
.about-adva ul li:nth-child(3) b{
  width:92px;
}
@media (max-width:1200px){
  .about-adva ul li:nth-child(3) b{
    width:72px;
  }
}
 @media (max-width:768px){
    .about-adva ul li:nth-child(3) b{
      width:66px;
    }
}
@media (max-width:576px){
    .about-adva ul li:nth-child(3) b{
      width:auto;
    }
}
.about-adva ul li b{
  font-family: 'OPPOSans20-Medium';
  font-size: 50px;
  font-weight: 400;
  line-height: .8;
  letter-spacing: -0.03em;
  text-align: right;
  color: rgba(255, 255, 255, 1);
}
@media (max-width:1200px){
  .about-adva ul li b{
    font-size: 2.5rem;
  }
}
@media (max-width:991px){
  .about-adva ul li b{
    font-size: 2.2rem;
  }
}
@media (max-width:768px){
  .about-adva ul li b{
    font-size: 2rem;
  }
}
@media (max-width:576px){
  .about-adva ul li b{
    font-size: 1.8rem;
  }
}
.about-adva ul li span{
  margin-left:6px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26.1px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width:1200px){
  .about-adva ul li span{
      line-height:1;
    font-size:1rem;
  }
}
@media (max-width:576px){
  .about-adva ul li span{
    margin-left:4px;
    font-size:.9rem;
  }
}
/* 第四屏 精选案例 */
.case-top{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.case-top span{
  margin-top:2rem;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 43px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .case-top span{
    font-size:2.5rem;
  }
}
@media (max-width:1200px){
  .case-top span{
    font-size:2rem;
  }
}
@media (max-width:991px){
  .case-top span{
    margin-top:1rem;
    font-size:1.8rem;
  }
}
@media (max-width:768px){
  .case-top span{
    margin-top:2rem;
  }
  
}
.case-top p{
  margin-top:1rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
}
@media (max-width:1400px){
  .case-top p{
    margin-top:.5rem;
    font-size: 1rem;
  }
}
@media (max-width:1200px){
  .case-top p{
    margin-top:.2rem;
    font-size: .8rem;

  }
}
.listBox{
  margin-top:4vh;
  height: 65vh;
  position: relative;
}
@media (max-width:1400px){
  .listBox{
    margin-top:2vh;
    height: 60vh;
  }
}
@media (max-width:576px){
  .listBox{
    padding:0 1%;
    height: 50vh;
  }
}
.listBox-more{
  position: absolute;
  left: 0;
  bottom: -6vh;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  padding-bottom: 20px;
  width: 100%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
@media (max-width:1200px){
  .listBox-more{
    padding-bottom: 0;
  }
}
@media (max-width:991px){
  .listBox-more{
    bottom: -9vh;
  }
}
@media (max-width:768px){
  .listBox-more{
    bottom: -3rem;
  }
}
.listBox-more svg{
  margin-top:4px;
}
.falsh{
  animation: falsh 2s ease-out infinite;
  -webkit-animation: falsh 2s ease-out infinite;
}
@keyframes falsh {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
}
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}
}
.listBox-more span{
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 1);
}
.mCSB_scrollTools {
  width:50px;
  z-index:10;
  height: 100% ;
}
.mCustomScrollbar {
  height: 100%;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar::after, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar::after {
  content: '';
  position: absolute;
  left:50%;
  bottom: calc(-18 / 16* 1em);
  width: 30px;
  height: 30px;
  background: url(../images/dragger_bar.svg) no-repeat center;
  background-size: contain;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  z-index: 222;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  height:112px;
  background: rgba(0, 108, 107, 1);
}
.mCSB_scrollTools .mCSB_draggerRail {
  display: none;
}
.mCSB_inside::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20vh;
  background-image: -moz-linear-gradient(0deg, #ffffff, rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(0deg, #ffffff, rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(0deg, #ffffff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(0deg, #ffffff, rgba(255, 255, 255, 0));
  z-index: 3;
}
@media (max-width:1200px){
  .mCSB_inside::before {
    height:16vh;
  }
}
.mCSB_scrollTools .mCSB_draggerContainer::after{
  content: '';
  position: absolute;
  top:0;
  right:11px;
  border-radius: 5px;
  width:8px;
  height: 95%;
  background: rgba(235, 238, 245, 1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.mCSB_scrollTools .mCSB_dragger{
  right:-10px;
}
.mCSB_inside > .mCSB_container{
  margin-right:40px;
}
.case-main{
  padding-bottom:60px;
}
@media (max-width:1200px){
  .case-main{
    padding-bottom:40px;
  }
}
@media (max-width:768px){
  .case-main{
    padding-bottom:0;
  }
}
.case-box{
  width:100%;
}
.case-box{
  padding-bottom: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width:991px){
  .case-box{
    padding-bottom: 16px;
  }
}
@media (max-width:768px){
  .case-box{
    flex-direction: column;
  }
}
.case-l{
  width: calc( 100% / 2 - 8px);
  display: flex;
  flex-direction: column;
}
@media (max-width:768px){
  .case-l{
    width:100%;
  }
}
.case-r{
  width: calc( 100% / 2 - 8px);
  display: flex;
  flex-direction: column;
}
@media (max-width:991px){
  .case-r{
    margin-top:10px;
    width: calc( 100% / 2 - 2px);
  }
}
@media (max-width:768px){
  .case-r{
    width: 100%;
  }
}
.case-min{
  display: flex;
  justify-content: space-between;
  margin-top:20px;
}
@media (max-width:991px){
  .case-min{
    margin-top: 16px;
  }
}
@media (max-width:768px){
  .case-min{
    margin-top: 10px;
  }
}
.case-puls{
  width: calc( 100% / 2 - 8px);
}
@media (max-width:768px){
  .case-puls{
    width: calc( 100% / 2 - 5px);
  }
}
.case-btn{
  margin-top:20px;
}
@media (max-width:991px){
  .case-btn{
    margin-top:16px;
  }
}
@media (max-width:768px){
  .case-btn{
    margin-top:10px;
  }
}
.case-pic{
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media (max-width:991px){
  .case-pic{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
}
.case-pic img{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.case-pic:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.case-txt{
  position: absolute;
  left:26px;
  top:26px;
  z-index: 111;
  border-radius: 10px;
  display: flex;
  align-items: center;
  height:50px;
  padding:0 16px;
  background: rgba(0, 0, 0, 0.2);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
@media (max-width:1200px){
  .case-txt{
    height:40px;
    font-size:1rem;
  }
}
@media (max-width:991px){
  .case-txt{
    left:20px;
    top:20px;
    height:34px;
    padding:0 12px;
    font-size:.9rem;
  }
}
.case-pic:hover .case-txt{
  background: rgba(0, 86, 85, 1);
  color:#ffffff;
}

/* 第五屏 合作加盟 */
.cooper{
  height: 100vh;
  position: relative;
  /* background:url(../images/cooper-map.png) no-repeat 78px 30%; */
background:url(../images/cooper-map.png) no-repeat 90% 30%;
  background-size: 1066px 517px;
}
.cooper .container{
  --bs-gutter-x:0;
  display: flex;
  justify-content: flex-end;
}
@media (max-width:768px){
  .cooper{
    height:auto;
    margin-top:2rem;
    padding-bottom: 2rem;
	font-size: 1.8rem;
  }
}
.cooper::after{
  content: '';
  position: absolute;
  top:16%;
  left:0;
  width:62.18%;
  height:476px;
  background: url(../images/index_hz1.png) no-repeat center; 
  background-size: cover;
}
.container_hz_box{
	width:500px;
	margin-right: -116px;
}
@media (max-width:1550px){
    .cooper::after{
        height:400px; 
    }
   
}
@media (max-width:1400px){
    .cooper::after{
        height:400px; 
    }
}
@media (max-width:991px){
  .cooper::after{
    width:50%;
    height:400px;
  }
}
@media (max-width:768px){
  .cooper::after{
    display: none;
  }
}
.cooper-desc,
.cooper-top{
  /* display:flex; */
  /* align-items: end; */
  /* flex-direction: column; */
  position: relative;
}
.cooper-top-img{
	width: 75px;
	height: 85px;
	position: absolute;
	top:36%;
	left: -30px;
}
.cooper-top-img img{
	width: 100%;
	height: auto;
}
.cooper-top .about-desc-more{
	background-color: rgba(242, 134, 46, 1);
	 font-family: 'AlibabaPuHuiTi-2-55-Regular';
}
.cooper-top{
  padding-top:45%;
  height: 500px;
}

@media (max-width:1500px){
  .cooper-top{
    /* padding-top:10%; */
  }
  .container_hz_box{
	  width: 467px;
	  margin-right:0px;
  }
}
@media (max-width:1400px){
	.container_hz_box{
		width:367px;
		margin-right:0px;
	}
	.cooper-top{
		padding-top: 44%;
	}
}
@media (max-width:1400px){
	.container_hz_box{
		width: 290px;
	}
}
@media (max-width:768px){
  .cooper-top{
    padding-top:0;
    align-items: center;
  }
  .container_hz_box{
	  width: 100%;
  }
  .cooper-top .about-desc-more{
	  margin: 0 auto;
	  font-size: 16px;
  }
  .cooper-top-img{
	  display: none;
  }
  .cooper-top{
	  height: auto;
  }
}
.cooper-top span{
  display: block;
  /* padding-top:228px; */
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 36px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgba(0, 108, 107, 1);
}
@media (max-width:1400px){
  .cooper-top span{
    font-size: 2.5rem;
  }
}
@media (max-width:1200px){
  .cooper-top span{
    font-size: 2rem;
  }
}
@media (max-width:991px){
  .cooper-top span{
    padding-top:15vh;
    font-size: 1.8rem;
  }
}
@media (max-width:768px){
  .cooper-top span{
   padding-top:0;
    font-size: 1.6rem;
	text-align: center;
  }
}
.cooper-top p{
  margin-top:4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.01em;
  color: rgba(144, 147, 153, 1);
}
.cooper-top-desc{
	margin-top: 56px;
	margin-bottom: 58px;
}
.cooper-top-desc p{
	color: rgba(48, 49, 51, 1);
	font-size: 18px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
}
@media (max-width:1550px){
    .cooper-top-desc{
        margin-top: 28px;
        margin-bottom: 42px;
    } 
}
@media (max-width:1200px){
  .cooper-top p{
    font-size:.9rem;
    line-height:1.2;
  }
}
@media (max-width:991px){
  .cooper-top p{
    font-size:.8rem;
  }
}
@media (max-width:768px){
	.cooper-top-desc{
		padding-left: 30px;
		margin-top: 25px;
		padding-right: 30px;
	}
	.cooper-top-desc p{
		font-size: 1rem;

	}
}
@media (max-width:576px){
   	.cooper-top-desc{
		padding-left:20px;
		margin-top: 25px;
		padding-right: 20px;
	}
	.cooper-top-desc p{
		font-size: 1rem;
		line-height: 1.6;
		margin-top: 0;
	} 
}
.cooper-desc{
  margin-top:4rem;
}
@media (max-width:1400px){
  .cooper-desc{
    margin-top:3rem;
  }
}
@media (max-width:991px){
  .cooper-desc{
    margin-top:2rem;
  }
}
@media (max-width:768px){
  .cooper-desc{
    margin-top:1rem;
    align-items: center;
  }
}
.cooper-desc p{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 36px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 1);
}
@media (max-width:1400px){
  .cooper-desc p{
    font-size:2rem;
  }
}
@media (max-width:1200px){
  .cooper-desc p{
    font-size:1.8rem;
  }
}
@media (max-width:991px){
  .cooper-desc p{
    font-size:1.6rem;
  }
}
@media (max-width:768px){
  .cooper-desc p{
    font-size:1.4rem;
  }
}
.cooper-desc span{
  margin-top:1rem;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .cooper-desc span{
    font-size:1.2rem;
  }
}
@media (max-width:1200px){
  .cooper-desc span{
    font-size:1rem;
  }
}
@media (max-width:768px){
  .cooper-desc span{
    margin:.5rem 0;
  }
}
.cooper-box{
  width:100%;
  height:210px;
  display: flex;
  justify-content: space-between;
 position: absolute;
  bottom: 0;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1400px) {
  .cooper-box{
    height:180px;
  }
}
@media (max-width:1200px){
  .cooper-box{
    height:160px;
  }
}
@media (max-width:991px){
  .cooper-box{
    height:150px;
  }
}
@media (max-width:768px){
  .cooper-box{
    height:120px;
    margin:2rem auto 0 auto;
    position: static;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
	justify-content: center !important;
  }
  .cooper-box li p{
	  display: none;
  }
}
@media (max-width:576px){
  .cooper-box{
    padding:0 3%;
  }
}
.cooper-box li{
  flex:1;
  background: rgba(248, 248, 248, 1);
  padding:36px 48px 39px 46px;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1400px) {
  .cooper-box li{
    padding:2rem;
  }
}
@media (max-width:1200px){
  .cooper-box li{
    padding:1.4rem;
  }
}
@media (max-width:991px){
  .cooper-box li{
    padding:1.2rem;
  }
}
@media (max-width:768px){
  .cooper-box li{
    padding:.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.cooper-box li:nth-child(3){
  background: rgba(255, 255, 255, 1);
}
.cooper-box li.on{
  background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
}
.cooper-name{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cooper-title{
  margin-top:26px;
  display: flex;
  flex-direction: column;
}
@media (max-width:1200px){
  .cooper-title{
    margin-top:.5rem;
  }
  .cooper-svg svg{
    width:40px;
    height:40px;
  }
  .cooper-more svg{
    width:28px;
    height:28px;
  }
}
@media (max-width:768px){
  .cooper-more{
    display: none;
  }
}
.cooper-title span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width:1400px){
  .cooper-title span{
    font-size:1.2rem;
  }
}
@media (max-width:991px){
  .cooper-title span{
    font-size:1rem;
  }
}
@media (max-width:768px){
  .cooper-title span{
    text-align: center;
    font-size: 14px;
  }
}
@media (max-width:576px){
  .cooper-title span{
    text-align: center;
    font-size: 12px;
  }
}
.cooper-title p{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(48, 49, 51, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  white-space: nowrap;
}
@media (max-width:1400px){
  .cooper-title p{
    font-size:.8rem;
  }
}
@media (max-width:768px){
  .cooper-title p{
    font-size:.6rem;
  }
}
.cooper-box li.on .cooper-svg svg path{
  fill:#ffffff;
}
.cooper-box li.on .cooper-svg svg #room{
  stroke:#ffffff;
}
.cooper-box li.on .cooper-title span,
.cooper-box li.on .cooper-title p{
  color:#ffffff;
}
.cooper-box li.on .cooper-more svg{
  fill:#ffffff;
}
.cooper-box li.on .cooper-more svg circle{
  stroke:#ffffff;
}
#room{
  stroke-dasharray: 300;
  stroke-dashoffset: 0;
  /* stroke:#303133; */
}
.cooper-box li.on #room{
  stroke:#ffffff;
  fill:transparent !important;
  animation: room 2s ease-out 1;
  -webkit-animation: room 2s ease-out 1;
}
@keyframes room {
  0% {
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
  }
  0% {
    stroke-dasharray: 300;
    stroke-dashoffset:300;
  }
  100% {
    stroke-dasharray: 300;
    stroke-dashoffset: 0;;
  }
}

/* 地球 */
#earth{
  transition: all .3s;
  transform:rotate3d(0,0,1,0deg);
  -webkit-transform:rotate3d(0,0,1,0deg);
  -moz-transform:rotate3d(0,0,1,0deg);
  -ms-transform:rotate3d(0,0,1,0deg);
  -o-transform:rotate3d(0,0,1,0deg);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.cooper-box li.on #earth{
  transform:rotate3d(0,0,1,360deg);
  -webkit-transform:rotate3d(0,0,1,360deg);
  -moz-transform:rotate3d(0,0,1,360deg);
  -ms-transform:rotate3d(0,0,1,360deg);
  -o-transform:rotate3d(0,0,1,360deg);
}
#process{
  transform-origin:50% 36%;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
.cooper-box li.on #process{
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

/* 底部 */
footer{
  height:600px;
  background: rgba(27, 27, 27, 1);
  position: relative;
  padding-top:82px;
}
@media (max-width: 1400px) {
  footer{
    padding:3rem 0 2rem 0;
    height:auto;
  }
}
@media (max-width:1200px){
  footer{
    padding:2rem 0 1.4rem 0;
  }
}
@media (max-width:991px){
  footer{
    padding:1.5rem 0 1.2rem 0;
  }
}
footer .container{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.foot_bottom_box{
	display: flex;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	padding-top: 33px;
	margin-top:40px;
}
.foot_bottom_box_left_title{
	color: rgba(109, 113, 120, 1);
	font-size: 15px;
	font-family:'AlibabaPuHuiTi-2-55-Regular';
}
.foot_bottom_box_left_desc{
	color: rgba(48, 49, 51, 1);
	font-size: 14px;
	padding-top: 12px;
}
.foot_bottom_box_right a{
	color: rgba(109, 113, 120, 1);
	font-size: 14px;
}
.foot_top_box{
	display: flex;
	justify-content: space-between;
}
.foot_top_box_left{
	display: flex;
	align-items: center;
}
.foot_top_box_left a img{
	width: 173px;
	height: 53px;
}
.foot_top_box_left_title{
	font-family:'AlibabaPuHuiTi-2-55-Regular';
	color: rgba(164, 164, 164, 1);
	font-size: 26px;
	margin-left: 55px;
}
.foot_top_box_right{
	display: flex;
}
.foot_top_box_right_phone{
	color: rgba(0, 108, 107, 1);
	font-size: 18px;
	font-family: 'OPPOSans20-Medium';
	margin-right: 35px;
}
.foot_top_box_right_address{
	display: flex;
}
.foot_top_box_right_address_text{
	max-width: 309px;
	color: rgba(144, 147, 153, 1);
	font-size: 18px;
	font-family:'AlibabaPuHuiTi-2-55-Regular';
}
@media (max-width:768px){
	.foot_top_box{
		flex-direction: column;
	}
	.foot_top_box_left{
		flex-direction: column;
	}
	.foot_top_box_left_title{
		display: none;
	}
	.foot_top_box_right{
		flex-direction: column;
		padding-top: 30px;
	}
	.foot_top_box_right_phone{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.foot_top_box_right_address{
		justify-content: center;
		padding-top: 10px;
	}
	.foot_top_box_right_address_text{
		text-align: center;
	}
	.foot_bottom_box{
		flex-direction: column;
		padding-top: 16px;
		margin-top: 20px;
	}
	.foot_bottom_box_left_title{
		font-size: 12px;
		text-align: center;
	}
	.foot_bottom_box_left_desc{
		font-size: 12px;
		padding-top: 6px;
		display: none;
	}
	.foot_bottom_box_right{
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 6px;
	}
	.foot_top_box_left a img{
    	width: 136px;
    	height: 40px;
    }
}
@media (max-width:991px){
  footer .container{
    flex-wrap: wrap;
  }
}
@media (min-width: 1400px) {
  footer .container{
    max-width: 1440px;
  }
}
.foot-l{
  width:27.36%;
}
@media (max-width:991px){
  .foot-l{
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.foot-l form{
    width:100%;
}
@media (max-width:768px){
.foot-l form{
    max-width:360px;
}
}
.foot-r{
  /* width:65.27%; */
}
@media (max-width:1200px){
  .foot-r{
    /* width:68.27%; */
  }
}
@media (max-width:991px){
  .foot-r{
    width:100%;
  }
}

.foot-name{
  font-family:'AlibabaPuHuiTi-2-55-Regular';
  font-size: 38px;
  font-weight: 400;
  line-height:1.6;
  letter-spacing: 0.02em;
  color:transparent;
  background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width:1400px){
  .foot-name{
    font-size:2.2rem;
  }
}
@media (max-width:1200px){
  .foot-name{
    font-size:2rem;
    line-height: 1.4;
  }
}
@media (max-width:991px){
  .foot-name{
    font-size:1.8rem;
    line-height: 1.2;
  }
}
.foot-search{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width:100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-top:1.2rem;
  padding:.6rem;
}
@media (max-width:1400px){
  .foot-search{
    margin-top:.8rem;
  }
}
@media (max-width:1200px){
  .foot-search{
    margin-top:.4rem;
    padding:.4rem;
  }
}
@media (max-width:991px){
  .foot-search{
    margin-top:.2rem;
  }
}
.foot-search input::placeholder,
.foot-search input[type='text']{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width:991px){
  .foot-search input::placeholder,
  .foot-search input[type='text']{
    font-size:12px;
  }
}
.foot-search input[type='text']{
  border:none;
  background: transparent;
}
.foot-search input[type='submit']{
  width:24px;
  height:24px;
  background: url(../images/search.svg) no-repeat center;
  background-size: cover;
  border: none;
}
@media (max-width:1200px){
  .foot-search input[type='submit']{
    width:20px;
    height:20px;
  }
}
@media (max-width:991px){
  .foot-search input[type='submit']{
    width:18px;
    height:18px;
  }
}
.foot-list{
  margin-top:1rem;
}
@media (max-width:1200px){
  .foot-list{
    margin-top:.5rem;
  }
}
.foot-list a{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: rgba(192, 196, 204, 1);
}
@media (max-width:991px){
  .foot-list a{
    font-size:.8rem;
    line-height: 1.2;
  }
}
.foot-list a:hover{
  color:transparent;
  background: linear-gradient(87.89deg, #005655 0%, #00BCBA 40.44%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.foot-list a::after{
  content: '/';
  margin:0 4px;
  font-size: 14px;
  color: rgba(192, 196, 204, 1);
}
.foot-list a:last-child::after{
  display: none;
}
.foot-logo{
  margin-top:5rem;
  max-width: 270px;
  max-height:70px;
}
@media (max-width:1400px){
  .foot-logo{
    margin-top:3rem;
  }
}
@media (max-width:1200px){
  .foot-logo{
    margin-top:2rem;
  }
}
@media (max-width:991px){
  .foot-logo{
    margin-top:1rem;
    max-width: 220px;
  }
}
.foot-tel{
  display: flex;
  flex-direction:column;
  margin-top:1.8rem;
}
@media (max-width:1400px){
  .foot-tel{
    margin-top:1rem;
  }
}
@media (max-width:991px){
  .foot-tel{
    margin-top:.6rem;
    align-items: center;
  }
}
.foot-tel p{
  margin-top:6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: rgba(144, 147, 153, 1);
}
@media (max-width:1200px){
  .foot-tel p{
    margin-top:3px;
    font-size:.9rem;
  }
}
.foot-tel b{
  font-family: 'OPPOSans20-Medium';
  font-size: 22px;
  font-weight: 600;
  line-height:1.4;
  letter-spacing: 0.03em;
  color:transparent;
  background: linear-gradient(87.89deg, #005655 0%, #00BCBA 40.44%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width:1200px){
  .foot-tel b{
    font-size:1.2rem;
  }
}
@media (max-width:991px){
  .foot-tel b{
    font-size:1.1rem;
  }
  .foot-tel b svg{
    width:22px;
    height:22px;
  }
}
.foot-r{
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  /* flex-direction: column; */
  padding-top: 60px;
  margin-top: 36px;
}
@media (max-width:768px){
	.foot-r{
		display: none;
	}
}
.foot-menu{
  display: flex;
  justify-content: space-between;
}
@media (max-width:991px){
  .foot-menu{
    display: none;
  }
}
.foot-menu ul li{
  margin:8px 0;
   text-align: center; 
  /*text-align: left;*/
  margin-right: 60px;
}
@media (max-width:1400px){
  .foot-menu ul li{
	 margin-right: 30px;
  }
}
@media (max-width:1200px){
  .foot-menu ul li{
    margin:5px 0;
	 margin-right: 15px;
  }
}
@media (max-width:991px){
  .foot-menu ul li{
	 margin-right: 15px;
  }
}
.foot-menu ul li a{
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: rgba(96, 98, 102, 1);
}
.foot-menu ul li:first-child{
  margin-bottom:12px;
}
@media (max-width:1200px){
  .foot-menu ul li:first-child{
    margin-bottom:8px;
  }
}
.foot-menu ul li:first-child a{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 1);
}
.foot-menu ul li:hover a{
  color: rgba(0, 108, 107, 1);
}
.foot-b{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  /* border-top:1px solid rgba(255, 255, 255, 0.05); */
  /* margin-top:4.2rem; */
  /* padding-top:34px; */
}
@media (max-width:1400px){
  .foot-b{
    margin-top:2rem;
    padding-top:1rem;
  }
}
@media (max-width:1200px){
  .foot-b{
    margin-top:1rem;
    padding-top:.8rem;
  }
}
@media (max-width:991px){
  .foot-b{
    margin-top:.8rem;
    padding-top:.6rem;
  }
}
.foot-link{
  display: flex;
  justify-content: space-between;
  width:31.38%;
}
@media (max-width:768px){
  .foot-link{
    display: none;
  }
}
.foot-link li{
  position: relative;
  cursor: pointer;
   margin-left: 20px;
}
.foot-link li p{
  width:50px;
  height:50px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border:1px solid rgba(255, 255, 255, 0);
  display: flex;
  justify-content: center;
  padding-top:15px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  background-color: rgba(48, 49, 51, 1);
}
@media (max-width:1200px){
  .foot-link li p{
    width:34px;
    height:34px;
	padding-top: 8px;
  }
  .foot-link li p svg{
    width:16px;
    height:16px;
  }
  
}
@media (max-width:991px){
  .foot-link li p{
    padding-top:4px;
    width:26px;
    height:26px;
  }
  .foot-link li p svg{
    width:14px;
    height:14px;
  }
}
.foot-link li:nth-child(2) p,
.foot-link li:nth-child(1) p{
  padding-top: 15px;
}
@media (max-width:1200px){
	.foot-link li:nth-child(2) p, .foot-link li:nth-child(1) p{
		  padding-top: 8px;
	  }
	 .foot_top_box_right_address_text{
		 font-size: 15px;
	 }
	 .foot_top_box_left_title{
		 font-size: 20px;
	 }
}

  
@media (max-width:991px){
  .foot-link li:nth-child(2) p,
  .foot-link li:nth-child(1) p{
    padding-top: 4px;
  }
}
.foot-link li:hover p{
  background: rgba(0, 108, 107, 1);
  border:1px solid rgba(0, 108, 107, 1);
}
.foot-link li span{
  margin-top:10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  width: 50px;
  display: inline-block;
  text-align: center;
  color: rgba(144, 147, 153, 1);
}
@media (max-width:1200px){
  .foot-link li span{
    font-size:.7rem;
	  width: 34px;
  }
}
@media (max-width:991px){
  .foot-link li span{
    font-size:.7rem;
    margin-top:2px;
    line-height: 1.2;
  }
}
.foot-code{
  display: none;
  position: absolute;
  z-index: 111;
  left:50%;
  bottom:120%;
  width:160px;
  height:160px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  background: #ffffff;
  overflow: hidden;
  border-radius: 10%;
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  -ms-border-radius: 10%;
  -o-border-radius: 10%;
}
@media (max-width:1200px){
  .foot-code{
    width:140px;
    height:140px;
  }
}
@media (max-width:991px){
  .foot-code{
    width:120px;
    height:120px;
  }
}
.foot-copy{
  width:50.61%;
  margin-top:.4rem;
  text-align: right;
}
@media (max-width:1400px){
  .foot-copy{
    flex:.9;
  }
}
@media (max-width:1200px){
  .foot-copy{
    flex:.95;
    margin-top:0;
  }
}
@media (max-width:991px){
  .foot-copy{
    text-align: right;
  }
}
@media (max-width:768px){
  .foot-copy{
    flex:1;
    text-align: center;
  }
}
.foot-copy p a,
.foot-copy span i,
.foot-copy span{
    font-style:normal;
  font-size: 14px;
  font-weight: 400;
  line-height:1.4;
  letter-spacing: 0.02em;
  color: rgba(109, 113, 120, 1);
}
@media (max-width:1200px){
  .foot-copy p a,
  .foot-copy span i,
  .foot-copy span{
    font-size:.8rem;
  }
}
@media (max-width:425px){
.foot-copy span i{
    display: none;
}
}
.foot-copy p{
  text-align: right;
  margin-top:7px;
}
@media (max-width:1400px){
  .foot-copy p{
    margin-top:4px;
  }
}
@media (max-width:1200px){
  .foot-copy p{
    margin-top:2px;
  }
}
@media (max-width:991px){
  .foot-copy p a,
  .foot-copy p{
    font-size:.8rem;
    margin-top:0;
    line-height: 1.2;
  }
}
@media (max-width:576px){
.foot-copy p a,
  .foot-copy span{
    font-size:.7rem;
  }
}
@media (max-width:768px){
  .foot-copy p{
    text-align: center;
  }
}
.foot-copy p a{
  margin:0 4px;
}
@media (max-width:768px){
    .foot-copy p a{
      margin:0 2px;
    }
}
.foot-copy p a:hover{
  color:rgba(0, 108, 107, 1);
}

#gotop{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right:80px;
  top:50px;
  z-index: 999;
  width: 80px;
  height: 80px;
  background-image: url('../images/back_top_icon.png');
  background-size: cover;
 /* background: rgba(0, 108, 107, 1);
  border-radius: 50%; */
 /* -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%; */
  cursor: pointer;
}
@media (max-width: 1700px) {
    #gotop{
        top:-20px;
    }
}
@media (max-width: 1400px) {
  #gotop{
    width:40px;
    height:40px;
     top:50px;
  }
  #gotop svg{
    width:18px;
    height:18px;
  }
}
@media (max-width:991px){
  #gotop{
    display: none;
  }
}
#gotop svg{
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
}
#gotop:hover svg{
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.about_container_bj_box{
	background-color: rgba(245, 246, 248, 1);
	padding-top: 90px;
	padding-bottom: 120px;
}
.about_container_title{
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	color: rgba(0, 0, 0, 1);
	font-size: 50px;
	margin-bottom: 46px;
}
.about_container_content{
	display: flex;
}



.about_container_content_left{
	width: 560px;
	position: relative;
	height: fit-content;
}
@media (max-width:768px){
	.about_container_content_left{
		width: 96%;
	}
	.about_container_title{
		font-size: 1.8rem;
		margin-bottom: 12px;
	}
	.about_container_bj_box{
		padding-top: 64px;
		padding-bottom: 40px;
	}
}
.about_container_content_left img{
	width: 100%;
	height: auto;
}
.about_container_content_left_absolute{
	width: 182px;
	height: 182px;
	background-image: url('../images/about_top_bj_icon.png');
	background-size: cover;
	position: absolute;
	top: 50%;
	right: -30px;
	transform:translate(0,-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	cursor: pointer;
}
.about_container_content_left_absolute a{
	width: 100%;
	height: 100%;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
}
.about_container_content_left_absolute a svg{
	margin-bottom: 10px;
}
.about_container_content_right{
	width: calc(100% - 570px);
	margin-left: 80px;
}
.about_container_content_right_title{
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	color: rgba(48, 49, 51, 1);
	font-size: 42px;
	margin-bottom: 33px;
	padding-top: 20px;
}
.about_container_content_right_title span{
	color: rgba(0, 108, 107, 1);
}
@media (max-width:768px){
	.about_container_content_left_absolute{
		width: 80px;
		height: 80px;
		right: 50%;
		transform:translate(50%,-50%);
		font-size: 15px;
	}
	.about_container_content_left_absolute a{
	    font-size: 13px;
	}
	.about_container_content_left_absolute svg{
		width: 36px;
		height: 36px;
	}
	.about_container_content_left_absolute a svg{
	   margin-bottom: 2px;
	}
	.about_container_content_right_title span{
	    font-weight: 600;
	}
}
.about_container_content_right_desc{
	color: rgba(96, 98, 102, 1);
	font-size: 18px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	line-height: 180%;
}
.about_container_content_right_desc p{
	text-indent: 2em;
}
.about_container_content_right_desc span{
	color: rgba(0, 108, 107, 1);
}

@media (max-width:1200px){
	.about_container_content_right{
		margin-left: 46px;
	}
	.about_container_content_right_title{
		font-size: 26px;
		margin-bottom: 10px;
	}
	.about_container_content_right_desc{
		font-size: 16px;
	}
}
@media (max-width:996px){
	.about_container_content{
		flex-direction: column;
		align-items:  center;
	}
	.about_container_content_right{
		margin-left: 0;
		width: 100%;
	}
	
}




.page_about_culture_box{
	width: 100%;
	background-image: url('../images/about_culture_bj.png');
	background-size: cover;
	padding:90px 0 6.5rem 0;
}
.page_about_culture_title{
	color: rgba(0, 0, 0, 1);
	font-size: 50px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
}

.page_about_culture_item_box{
	display: flex;
	margin-top: 30px;
}
.page_about_culture_item{
	transition:all .5s ease 0s;
	width:29%;
	height: 534px;
	position: relative;
	background:linear-gradient(180deg, rgba(245, 246, 248, 1) 0%, rgba(245, 246, 248, 0.2) 100%);
}
.page_about_culture_item{
	margin-right:2%;
}
.page_about_culture_item:nth-child(3){
	margin-right: 0;
}
.page_about_culture_item_title{
	padding-top: 80px;
	padding-left: 42px;
	color: rgba(48, 49, 51, 1);
	font-size:32px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
}
.page_about_culture_item_title::after{
	content: '//';
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0.01em;
	background:rgba(48, 49, 51, 1);
	color:transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-left:.1rem;
}
.page_about_culture_item_desc{
	color: rgba(96, 98, 102, 1);
	font-size: 18px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	line-height: 160%;
	width: 90%;
	padding-left: 42px;
	padding-top: 28px;
}
.page_about_culture_item_svg{
	position: absolute;
	bottom: 57px;
	left: 42px;
	width: 70px;
	height: 70px;
}

.page_about_culture_item_active{
	background-image: url('../images/about_culture_item_bj.png');
	background-size: cover;
	width:38%;
}

.page_about_culture_item_active .page_about_culture_item_title{
	color: #fff;
}

.page_about_culture_item_active .page_about_culture_item_title::after{
	content: '//';
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0.01em;
	background:rgba(255, 255, 255,1);
	color:transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-left:.1rem;
}
.page_about_culture_item_active .page_about_culture_item_desc{
	color: #fff;
}
.page_about_culture_item_active .page_about_culture_item_svg svg path{
	fill: #fff;
}
.page_about_culture_item_box .page_about_culture_item_active #process{
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

.page_about_culture_item_box .page_about_culture_item_active #earth{
  transform:rotate3d(0,0,1,360deg);
  -webkit-transform:rotate3d(0,0,1,360deg);
  -moz-transform:rotate3d(0,0,1,360deg);
  -ms-transform:rotate3d(0,0,1,360deg);
  -o-transform:rotate3d(0,0,1,360deg);
}
.page_about_culture_item_box .page_about_culture_item_active #room{
  stroke:#ffffff;
  fill:transparent !important;
  animation: room 2s ease-out 1;
  -webkit-animation: room 2s ease-out 1;
}

.page_about_honor_box{
	width: 100%;
	height: auto;
	padding: 90px 0 130px 0;
	background-image: url('../images/about_culture_honor_bj.png');
	background-size: cover;
}
.page_about_honor_swiper{
	position: absolute;
	top: 0;
	left: 0;
	width: 1450px;
}
@media (max-width:1530px){
	.page_about_honor_swiper{
		position: sticky;
		width: 100%;
	}
}
@media (max-width:768px){
	.page_about_culture_title{
		font-size: 1.8rem;
		padding-left: 16px;
		margin-top: -10px;
	}
	.page_about_culture_box{
		padding-top: 0;
		padding-bottom: 40px;
	}
	.page_about_culture_item_box{
		flex-direction: column;
		align-items: center;
		margin-top: 12px;
	}
	.page_about_culture_item{
		width: 94%;
		margin-right: 0;
		margin-bottom: 20px;
		height: 216px;
	}
	.page_about_culture_item_active{
		width: 94%;
	}
	.page_about_culture_item_title{
		padding-top: 20px;
		padding-left: 20px;
		font-size: 22px;
	}
	.page_about_culture_item_desc{
		padding-left: 20px;
		padding-top: 10px;
		width: 93%;
	}
	.page_about_culture_item_svg{
		left: 20px;
		bottom: 20px;
	}
	.page_about_culture_item_svg svg{
		width: 46px;
		height:46px;
	}
	.page_about_culture_item_svg{
		width: 46px;
		height:46px;
	}
}

.page_about_honor_swiper .swiper {
      width: 100%;
      height: 457px;
    }

    .page_about_honor_swiper .swiper-slide {
      text-align: center;
      font-size: 18px;
     /* display: flex;
      justify-content: center;
      align-items: center; */
    }

    .page_about_honor_swiper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.mySwiperHonor .swiper-slide-bj{
	width: 272px;
	height: 357px;
	background-image: url('../images/about_culture_honor_item.png');
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mySwiperHonor .swiper-slide-bj img{
	width: 198px;
	height: 280px;
}
.page_about_honor_top{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.page_about_honor_top_title{
	color: rgba(0, 0, 0, 1);
	font-size: 50px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
}
.page_about_honor_top_tip{
	color: rgba(96, 98, 102, 1);
	font-size: 16px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
}

.page_about_honor_swiper{
	margin-top: 60px;
}

.mySwiperHonor .swiper-pagination-progressbar{
	top: unset !important;
	bottom: 0;
}

.mySwiperHonor .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
}

.page_about_honor_swiper_container{
	width: 100%;
	height: 457px;
	position: relative;
}


.page_nav_box{
	width: 100%;
	height: 90px;
	background-color: rgba(239, 241, 243, 1);
	position: relative;
}
.page_nav_content_box{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page_nav_content_right a{
	height: 90px;
	line-height: 90px;
	color: rgba(144, 147, 153, 1);
	font-size: 16px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
}
.page_nav_content_left{
	display: flex;
	align-items: center;
}
.page_nav_content_left_item{
	display: block;
	height: 90px;
	line-height: 90px;
	padding: 0 46px;
	color: rgba(48, 49, 51, 1);
	font-size: 18px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	position: relative;
}
.page_nav_content_left_item_active{
	background-color: #fff;
	
}
.page_nav_content_left_item_active::after{
	content: "";
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
	background:linear-gradient(90deg, #005655 0%, #00BCBA 100%);
}
.page_nav_content_box_top{
	position: absolute;
	top: 50%;
	left: 70px;
	transform:translate(0,-50%);
	width: 28px;
	height: 28px;
	cursor: pointer;
}
.page_header_zw{
	height: 90px;
}
@media (max-width:1400px){
	.page_nav_content_left_item{
		padding: 0 20px;
	}
}
@media (max-width:1200px){
	.page_nav_content_left_item{ 
		padding: 0 20px;
	}
}
@media (max-width:991px){
	.page_header_zw{
		height:0px;
	}
	.page_nav_content_left_item{
		padding: 0 20px;
	}
}
@media (max-width:768px){
	.page_about_honor_top_title{
		font-size: 1.8rem;
	}
	.page_about_honor_top{
		padding: 0 16px;
	}
	.page_about_honor_box{
		padding-top: 42px;
		padding-bottom: 93px;
	}
	.page_about_honor_swiper_container{
		width: 94%;
		margin: 0 auto;
	}
	.page_about_honor_swiper .swiper-slide{
		display: flex;
		justify-content: center;
	}
}
@media (max-width:1610px){
	.page_nav_content_box_top{
		left: 2%;
	}
}
@media (max-width:1520px){
	.page_nav_content_box_top{
		left: 1%;
	}
}
@media (max-width:768px){
	.page_nav_box{
		display: none;
	}
}
.page_nav_content_left_item:hover{
	background-color: #fff;
}
.page_nav_content_left_item:hover::after{
	content: "";
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
	background:linear-gradient(90deg, #005655 0%, #00BCBA 100%);
}
.page_nav_box_fixed{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
.product_container_top{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.product_container_top_title{
	color: rgba(0, 0, 0, 1);
	font-size: 50px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
}
.product_container_top_name{
	color: rgba(48, 49, 51, 1);
	font-size: 32px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
}
.product_container_box{
	padding-top: 90px;
	padding-bottom: 150px;
}
.product_container_content{
	display: flex;
	margin-top: 50px;
}
.product_container_content_left{
	/* width: 100%; */
	width: calc(100% - 796px);
}
.product_container_content_left img{
	width: 100%;
	height: auto;
}
.product_container_content_right{
	background-image: url('../images/page_product_icon2.png');
	background-size: cover;
	width: 796px;
	
	
}

.product_container_content_right_title{
	color: rgba(48, 49, 51, 1);
	font-size: 28px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	padding-left: 56px;
	padding-top: 10%;
}
.product_container_content_right_desc{
	color: rgba(96, 98, 102, 1);
	font-size: 18px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	padding-top: 36px;
	width: 70%;
	padding-left: 56px;
	font-weight: 300;
}
.product_container_content_right_desc p{
	word-break:break-all !important;
}
.product_container_content_right:hover .product_container_content_right_title{
    color: rgba(0, 108, 107, 1);
}
.product_container_content_right:hover .product_container_content_right_desc{
    color: rgba(0, 108, 107, 1) !important;
}
.product_container_content_right:hover .product_container_content_right_desc p{
    color: rgba(0, 108, 107, 1) !important;
}
.product_container_content_right:hover .product_container_content_right_desc span{
    color: rgba(0, 108, 107, 1) !important;
}
.product_container_swiper_desc{
	width: 100%;
	padding: 64px 60px 50px 105px;
	background:rgba(250, 240, 228, 0.5) ;
	border-radius: 10px;
	display: flex;
	margin-top: 47px;
}
.product_container_swiper_desc_left_title{
	color: rgba(48, 49, 51, 1);
	font-size: 36px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
}
.product_container_swiper_desc_left_title_en{
	color:rgba(144, 147, 153, 1);
	font-size: 18px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
}
.product_container_swiper_desc_right{
	margin-left: 116px;
	color: rgba(96, 98, 102, 1);
	font-size: 18px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	padding-top: 10px;
	/* white-space:pre-wrap; */
}
.product_container_swiper_desc_right p{
	/* white-space:pre-wrap; */
}
.product_container_swiper_box{
	width: 100%;
}
.product_container_swiper{
	width: 100%;
	margin-top: -122px;
}
.product_container_swiper_item{
	/* margin-right: 40px; */
	cursor: pointer;
}
.product_container_swiper_item_img{
	width: 200px;
	border: 2px solid rgba(0, 108, 107, 0);
	border-radius: 8px;
}
.product_container_swiper_item_img img{
	width: 100%;
	height: auto;
}
.product_container_swiper .swiper {
      width: 100%;
      height: 100%;
    }

   .product_container_swiper .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* background: #fff; */
      display: flex;
      justify-content: center;
      align-items: center;
    }

   .product_container_swiper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 6px;
      object-fit: cover;
    }
.product_container_swiper_item_active .product_container_swiper_item_img{
	border: 2px solid rgba(0, 108, 107, 1);
	border-radius: 8px;
}
.product_container_swiper_item_name{
	color: rgba(48, 49, 51, 1);
	font-size: 20px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	margin-top: 24px;
}
.product_container_swiper_item_desc{
	display: none;
}
@media (max-width:1600px){
	.product_container_swiper{
		margin-top: -46px;
	}
}
@media (max-width:1400px){
	.product_container_content_right{
		width: 40%;
	}
	.product_container_content_left{
		width: 60%;
	}
	.product_container_content_right_desc{
		width: 90%;
	}
}
.product_container_swiper_desc_tip{
	text-align: center;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	display: none;
}
@media (max-width:768px){
	.product_container_top{
		flex-direction: column;
	}
	.product_container_box{
		padding-top: 64px;
		padding-bottom: 50px;
	}
	.product_container_top_title{
		font-size: 1.8rem;
	}
	.product_container_top_name{
		font-size: 1.5rem;
	}
	.product_container_content{
		flex-direction: column;
		margin-top: 20px;
	}
	.product_container_content_left{
		width: 94%;
		margin: 0 auto;
	}
	.product_container_content_right{
		width: 94%;
		margin: 0 auto;
		height: auto;
		padding-bottom: 20px;
	}
	.product_container_content_right_title{
		padding-top: 4%;
		padding-left: 20px;
		font-size: 22px;
	}
	.product_container_content_right_desc{
		padding-left: 20px;
		padding-top: 20px;
		font-size: 16px;	
	}
	.product_container_swiper{
		margin-top:30px;
	}
	.product_container_swiper_item_name{
		margin-top: 14px;
	}
	.product_container_swiper_desc{
		flex-direction: column;
		align-items: center;
		width: 94%;
		margin: 0 auto;
		padding: 20px;
		margin-top: 20px;
	}
	.product_container_swiper_desc_right{
		width: 94%;
		margin: 0 auto;
		margin-left: 0;
		margin-right: 0;
		font-size: 12px;
	}
	.product_container_swiper_desc_left_title{
		font-size: 20px;
		text-align: center;
	}
	.product_container_swiper_desc_left_title_en{
		text-align: center;
		font-size: 14px;
	}
	.product_container_swiper_desc_tip{
		display: block;
	}
}
/* 联系崔木匠 */
.inner-bar {
	position: relative;
}
@media (max-width:991px){
    .inner-bar {
    	padding-top:70px;
    }
}
.container.inner-box{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-60%);
  -webkit-transform: translate(-50%,-60%);
  -moz-transform: translate(-50%,-60%);
  -ms-transform: translate(-50%,-60%);
  -o-transform: translate(-50%,-60%);
}
.inner-name{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top:-4%;
}
.inner-name span{
  margin-top: 1.5rem;
  font-family: 'OPPOSans20-Medium';
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 1);
  text-shadow: 0px 4px 12.3px rgba(0, 0, 0, 0.25);
}
@media (max-width:1400px){
  .inner-name span{
    margin-top: .5rem;
    font-size:1.5rem;
    line-height:1.2;
  }
}
@media (max-width:1200px){
  .inner-name span{
    margin-top: .2rem;
    font-size:1.2rem;
  }
}
@media (max-width:991px){
  .inner-name span{
    margin-top: .1rem;
    font-size:1rem;
  }
}
@media (max-width:768px){
  .inner-name span{
    font-size:.9rem;
  }
}
.inner-name p{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 1);
  text-shadow: 0px 4px 12.3px rgba(0, 0, 0, 0.25);
}
@media (max-width:1400px){
  .inner-name p{
    font-size:2.4rem;
    line-height:1.2;
  }
}
@media (max-width:1200px){
  .inner-name p{
    font-size:2rem;
  }
}
@media (max-width:991px){
  .inner-name p{
    font-size:1.8rem;
  }
}
@media (max-width:768px){
  .inner-name p{
    font-size:1.6rem;
  }
}
.inner-bar img{
  width:100%;
}
.container.crumb-box{
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translate(-50%,50%);
  -webkit-transform: translate(-50%,50%);
  -moz-transform: translate(-50%,50%);
  -ms-transform: translate(-50%,50%);
  -o-transform: translate(-50%,50%);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content:space-between;
  --bs-gutter-x:0;
  z-index: 10;
  display: none;
}
@media (max-width:1400px){
  .container.crumb-box{
    height:80px;
  }
}
@media (max-width:1200px){
  .container.crumb-box{
    height:70px;
  }
}
@media (max-width:991px){
  .container.crumb-box{
    height:60px;
  }
}
@media (max-width:768px){
	.container.crumb-box{
		 display: flex;
	}
}
@media (max-width:576px){
  .container.crumb-box{
    height:50px;
    width:94%;
  }
}
.columns li,
.columns{
  display: flex;
  align-items: center;
  height:100%;
}
.columns{
  flex:1;
  overflow: hidden;
}
.columns .swiper{
  width: 100%;
}
@media (max-width:1200px){
  .columns{
    width:100%;
  }
}
.columns .swiper-slide{
  width: 160px;
}
.columns .swiper-max{
  width: 170px;
}
@media (max-width:1400px){
  .columns .swiper-slide{
    width: 228px;
  }
  .columns .swiper-max{
    width: 155px;
  }
}
@media (max-width:1200px){
  .columns .swiper-slide{
    width: 192px;
  }
}
@media (max-width:991px){
  .columns .swiper-slide{
    width: 180px;
  }
}
@media (max-width:576px){
  .columns .swiper-slide{
    width:50%;
  }
}
.columns li{
  width:100%;
}
@media (max-width:1200px){
  .columns li{
    flex:1;
    min-width: auto;
  }
  .columns-find li{
    flex:auto;
    max-width: 160px;
  }
}
.columns li a{
  display:flex;
  align-items: center;
  justify-content: center;
  padding:0 1rem;
  height:100px;
  width: 100%;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
  position: relative;
  transition: all .1s;
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  -ms-transition: all .1s;
  -o-transition: all .1s;
  z-index: 444;
  position: relative;
}
@media (max-width:1400px){
  .columns li a{
    height:80px;
    font-size:1rem;
    line-height:1.2;
  }
}
@media (max-width:1200px){
  .columns li a{
    height:70px;
    font-size:.9rem;
    padding:0 .8rem;
  }
}
@media (max-width:991px){
  .columns li a{
    height:60px;
  }
  .columns li a svg{
    width:26px;
    height:26px;
  }
}
@media (max-width:576px){
  .columns li a{
    height:50px;
  }
  .columns li a svg{
    margin-right:4px;
  }
}
.columns li.checked a,
.columns li.on a{
  color:#ffffff;
  background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
}
.columns li.checked a::after,
.columns li.on a::after{
  content: '';
  width:24px;
  height:24px;
  background: url(../images/columns.svg) no-repeat center;
  background-size: cover;
  margin-left:6px;
}
@media (max-width:1400px){
  .columns li.checked a::after,
  .columns li.on a::after{
    width:20px;
    height:20px;
    margin-left:4px;
  }
}
@media (max-width:991px){
  .columns li.checked a::after,
  .columns li.on a::after{
    width:18px;
    height:18px;
    margin-left:2px;
  }
}
.breadcrumb{
  --bs-breadcrumb-margin-bottom:0;
  --bs-breadcrumb-padding-x:2rem;
  position: relative;
}
@media (max-width:1400px){
  .breadcrumb{
    display: none;
  }
}
.breadcrumb::before{
  content: '';
  width:22px;
  height:22px;
  background: url(../images/home.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width:1400px){
  .breadcrumb::before{
    width:16px;
    height:16px;
  }
}

.breadcrumb-item a{
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: rgba(96, 98, 102, 1);
}
@media (max-width:1400px){
  .breadcrumb-item a{
    font-size:.8rem;
    line-height:1.2;
  }
}
.breadcrumb-item a:hover{
  color:rgba(0, 108, 107, 1);
}
.view{
  /* padding-top:8.4rem; */
  position: relative;
 
}
.page_one_box{
	padding-top: 100px;
	 background-color: rgba(245, 246, 248, 1);
	 padding-bottom: 120px;
}
#view{
  position: absolute;
  top:-160px;
}
@media (max-width:1400px){
  .view{
    /* padding-top:6.4rem; */
  }
}
@media (max-width:1200px){
  .view{
    /* padding-top:6rem; */
  }
}
@media (max-width:991px){
  .view{
    padding-top:4rem;
  }
}
@media (max-width:576px){
  .view{
    padding-top:50px;
  }
}
.view .container{
  --bs-gutter-x:0;
}
.view-top{
  display:flex;
  flex-direction: column;
  align-items: center;
}
.view-top h1{
  font-family:'AlibabaPuHuiTi-2-55-Regular';
  font-size: 50px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .view-top h1{
    font-size:2.4rem;
  }
}
@media (max-width: 1200px) {
  .view-top h1{
    font-size:2rem;
  }
}
@media (max-width:991px){
  .view-top h1{
    font-size:1.8rem;
  }
}
@media (max-width:768px){
  .view-top h1{
    font-size:1.6rem;
    margin-bottom: .2rem;
  }
}
.view-top span{
  margin-top:.4rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgba(144, 147, 153, 1);
}
@media (max-width:1400px){
  .view-top span{
    margin-top:.2rem;
    font-size: 1rem;
  }
}
@media (max-width: 1200px) {
  .view-top span{
    margin-top:0;
    font-size: .9rem;
  }
}
@media (max-width:991px){
  .view-top span{
    font-size: .8rem;
  }
}
@media (max-width:576px){
  .view-top span{
    max-width: 80%;
    text-align: center;
  }
}
.contact-info{
  display: flex;
  align-items: flex-start;
  justify-content:flex-end; 
  position: relative; 
}
#contact{
  position: absolute;
  top:-80px;
}
@media (max-width:991px){
  .contact-info{
    flex-direction: column;
  }
}
@media (max-width:576px){
  .contact-info{
    padding:0 5%;
  }
}
.contact-name{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
  margin-top:3.5rem;
  position: relative;
  padding-left:2rem;
}
@media (max-width:1400px){
  .contact-name{
    margin-top:2.5rem;
    font-size:1.3rem;
    line-height:1.4;
    padding-left:1.6rem;
  }
}
@media (max-width:991px){
  .contact-name{
    margin-top:1.5rem;
    font-size:1rem;
    padding-left:1.4rem;
  }
}
@media (max-width:768px){
  .contact-name{
    margin-top:1.2rem;
  }
}
.contact-name::after{
  content: '';
  width:32px;
  height:32px;
  background: url(../images/contact.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  top:50%;
  left:0;
  transform: translateY(-50%) translateX(-35%);
  -webkit-transform: translateY(-50%) translateX(-35%);
  -moz-transform: translateY(-50%) translateX(-35%);
  -ms-transform: translateY(-50%) translateX(-35%);
  -o-transform: translateY(-50%) translateX(-35%);
}
@media (max-width:1400px){
  .contact-name::after{
    width:26px;
    height:26px;
  }
}
@media (max-width:991px){
  .contact-name::after{
    width:20px;
    height:20px;
  }
}
.contact-l{
  width:32.28%;
  margin-right:7%;
}
@media (max-width:1400px){
  .contact-l{
    width:40%;
    margin-right:0;
  }
}
@media (max-width:991px){
  .contact-l{
    width:100%;
  }
}
.contact-l ul{
  margin-top:2.8rem;
  padding-left: 4.2rem;
}
@media (max-width:1400px){
  .contact-l ul{
    margin-top:1.8rem;
    padding-left: 1rem;
  }
  .contact-map{
    /* margin-top:2rem; */
  }
}
@media (max-width:576px){
  .contact-map{
    margin-top:1rem;
  }
}
@media (max-width:991px){
  .contact-l ul{
    margin-top:1rem;
  }
}
@media (max-width:768px){
  .contact-l ul{
    margin-top:.6rem;
  }
}
.contact-l ul li{
  display: flex;
  margin:2.3rem 0;
  position: relative;
}
@media (max-width:1400px){
  .contact-l ul li{
    margin:1.2rem 0;
  }
}
@media (max-width:991px){
  .contact-l ul li{
    margin:1rem 0;
  }
}
@media (max-width:768px){
  .contact-l ul li{
    margin:.8rem 0;
  }
}
.contact-l ul li::before{
  content: '';
  /* width:30px; */
  /* height:30px; */
  position: absolute;
  left:0px;
  top:50%;
  transform: translateY(-50%) translateX(-120%);
  -webkit-transform: translateY(-50%) translateX(-120%);
  -moz-transform: translateY(-50%) translateX(-120%);
  -ms-transform: translateY(-50%) translateX(-120%);
  -o-transform: translateY(-50%) translateX(-120%);
}
@media (max-width:1400px){
  .contact-l ul li::before{
    /* width:24px; */
    /* height:24px; */
  }
}
.contact-l ul li:nth-child(1):before{
  /* background: url(../images/tel.svg) no-repeat center; */
  background-size: cover;
}
.contact-l ul li:nth-child(2):before{
  /* background: url(../images/address.svg) no-repeat center; */
  background-size: cover;
}
.contact-l ul li:nth-child(3):before{
  /* background: url(../images/mail.svg) no-repeat center; */
  background-size: cover;
}
.contact-l ul li span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 20px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .contact-l ul li span{
    font-size:1.2rem;
    line-height:1.2;
  }
}
@media (max-width:991px){
  .contact-l ul li span{
    font-size:1rem;
  }
}
.contact-l ul li p{
  margin-left:2rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.01em;
  color: rgba(96, 98, 102, 1);
  width: 75%;
}
@media (max-width:1400px){
  .contact-l ul li p{
    font-size:1rem;
    line-height:1.5;
    margin-left:1.2rem;
  }
}
@media (max-width:991px){
  .contact-l ul li p{
    font-size:.9rem;
    line-height:1.6;
    margin-left:.9rem;
  }
}
.contact-r{
  width:56.28%;
}
@media (max-width:991px){
  .contact-r{
    width:100%;
  }
}
.contact-r ul{
  display: flex;
  align-items: center;
  margin-top:2.2rem;
}
@media (max-width:1400px){
  .contact-r ul{
    margin-top:1.6rem;
  }
}
@media (max-width:991px){
  .contact-r ul{
    margin-top:1rem;
  }
}
@media (max-width:576px){
  .contact-r ul{
    flex-wrap: wrap;
  }
}
.contact-r ul li{
  width:100%;
  display: flex;
  flex-direction:column;
  align-items: center;
  justify-content: space-between;
}
@media (max-width:576px){
  .contact-r ul li{
    width:50%;
    margin-bottom: 1rem;
  }
}
.contact-r ul li p{
  width:140px;
  height:140px;
}
@media (max-width:1400px){
  .contact-r ul li p{
    width:120px;
    height:120px;
  }
}
.contact-r ul li span{
  margin-top:1.8rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: 0.01em;
  color: rgba(96, 98, 102, 1);
}
@media (max-width:1400px){
  .contact-r ul li span{
    margin-top:1rem;
    font-size:.9rem;
  }
}
@media (max-width:991px){
  .contact-r ul li span{
    margin-top:.5rem;
    font-size:.8rem;
  }
}
.contact-top-new-box{
	display: none;
}
@media (max-width:768px){
  .contact-top-new-box{
  	display: block;
  }
}
.contact-map{
    /* margin-top:3rem; */
}
#map{
  height:800px;
  position: relative;
}
.map_info_box{
	position: absolute;
	top: 14%;
	right: 10%;
	width: 700px;
	z-index: 1001;
}
.map_info_title{
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	color: rgba(48, 49, 51, 1);
	font-size: 40px;
	font-weight:400;
	/*text-shadow:0px 4px 12.3px rgba(48, 49, 51, 0.25);*/
}
.map_info_content_box{
	width: 100%;
	height: 440px;
	background-color: rgba(255, 255, 255, 1);
	margin-top: 14px;
}
.map_info_content_title{
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	color: rgba(48, 49, 51, 1);
	font-size: 22px;
	padding-top: 60px;
	padding-left: 8%;
	font-weight: 600;
	margin-bottom: 34px;
}
.map_info_content_item_box{
	display: flex;
}
.map_info_content_item{
	display: flex;
	margin-bottom: 46px;
	margin-left: 8%;
}
.map_info_content_item_img{
	width: 48px;
	height: 48px;
	border: 1px solid rgba(228, 231, 237, 1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
}
.map_info_content_item_info_desc{
	max-width: 300px;
	min-width: 130px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	color: rgba(48, 49, 51, 1);
	font-size: 16px;
}
.map_info_content_item_info_title{
	font-size: 14px;
	color: rgba(96, 98, 102, 1);
}
.contact-desc-more{
	margin-left: 8%;
	border-radius: 6px;
}

.contact-title-box {
	padding-top:60px;
}




@media (max-width:1400px){
  #map{
    height:700px;
  }
}
@media (max-width:991px){
  #map{
    height:500px;
  }
}
@media (max-width:768px){
    .contact-map{
        margin-top:2rem;
    }
  #map{
    height:400px;
  }
  .map_info_box{
	  display: none;
  }
}
/* 留言板 */
.message{
  padding:8rem 0;
  position: relative;
}
#message{
  position: absolute;
  top:-80px;
}
@media (max-width:1400px){
  .message{
    padding:5rem 0 2rem 0;
  }
}
@media (max-width:1200px){
  .message{
    padding:4rem 0 1rem 0;
  }
}
@media (max-width:991px){
  .message{
    padding:3rem 0 1rem 0;
  }
}
@media (min-width: 1400px) {
  .message .container{
    --bs-gutter-x:0;
    max-width: 1440px;
  }
}
.message .view-top h1{
  font-weight:600;
}
.mes_box{
  margin-top:3rem;
}
.mes_box_new{
    /*background:rgba(245, 246, 248, 0.6);*/
    background: linear-gradient(to bottom,rgba(245, 246, 248, 0.6), rgba(245, 246, 248, 0.2));
    border-radius: 20px;
    padding: 40px;
}
.mes_box_new .mes_box-txt p textarea{
     background: rgba(255,255,255,0);
}
.mes_box_new .mes_box-txt p input{
    background: rgba(255,255,255,0);
}
@media (max-width:1400px){
  .mes_box{
    margin-top:2rem;
  }
}
@media (max-width:768px){
  .mes_box{
    margin-top:1rem;
  }
  .mes_box_new{
      background: rgba(255,255,255,0);
      border-radius: 0px;
        padding: 0px;
  }
}
@media (max-width:576px){
  .mes_box{
    padding:0 3%;
  }
}
.mes_box .row *{
  --bs-gutter-x:3rem;
}
@media (max-width:1400px){
  .mes_box .row *{
    --bs-gutter-x:1.5rem;
  }
}
@media (max-width:1200px){
  .mes_box .row *{
    --bs-gutter-x:1rem;
  }
}
@media (max-width:991px){
  .mes_box .row *{
    --bs-gutter-x:.8rem;
  }
}
.mes_box-txt{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mes_box-txt span{
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.01em;
  color: rgba(96, 98, 102, 1);
  text-indent: 1.5rem;
  position: relative;
}
@media (max-width:1400px){
  .mes_box-txt span{
    font-size: 1rem;
    line-height:1.2;
    text-indent: 1rem;
  }
}
@media (max-width:1200px){
  .mes_box-txt span{
    font-size: .9rem;
    text-indent: .5rem;
  }
}
.mes_box-txt span::after{
  content: '*';
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: rgba(192, 196, 204, 1);
  position: absolute;
  top:0;
  right:-10px;
}
@media (max-width:1400px){
  .mes_box-txt span::after{
    font-size:1rem;
  }
}
.mes_box-txt p input::placeholder,
.mes_box-txt p input{
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: rgba(192, 196, 204, 1);
}
@media (max-width:1400px){
  .mes_box-txt p input::placeholder,
  .mes_box-txt p input{
    font-size:1rem;
    line-height:1.2;
  }
}
@media (max-width:991px){
  .mes_box-txt p input::placeholder,
  .mes_box-txt p input{
    font-size:.8rem;
  }
}
.mes_box-txt p input{
  margin-left:.5rem;
  border:0 none;
  flex:1;
}
.mes_box-txt p{
  margin-top: 1.2rem;
  margin-bottom: 2rem;
  width:100%;
  min-height:60px;
  border: 1px solid rgba(228, 231, 237, 1);
  display: flex;
  align-items: center;
  padding:0 1rem;
}
@media (max-width:1400px){
  .mes_box-txt p{
    margin:.6rem 0 1.2rem 0;
    min-height:40px;
    padding:0 .6rem;
  }
}
@media (max-width:1200px){
  .mes_box-txt p{
    margin:.4rem 0 1rem 0;
    min-height:36px;
    padding:0 .4rem;
  }
}
@media (max-width:991px){
  .mes_box-txt p svg{
    width:18px;
    height:18px;
  }
}
.mes_box-txt p textarea{
  width:100%;
  height:312px;
  border:none;
  margin:0 .5rem;
}
@media (max-width:1400px){
  .mes_box-txt p textarea{
    height:200px;
    margin:0 .2rem;
  }
}
@media (max-width:1200px){
  .mes_box-txt p textarea{
    height:160px;
    margin:0 .1rem;
  }
}
@media (max-width:991px){
  .mes_box-txt p textarea{
    height:140px;
    font-size:.8rem;
  }
}
.mes_box-info p{
  padding:1.2rem;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}
@media (max-width:1400px){
  .mes_box-info p{
    padding:1rem;
    margin-bottom: 1rem;
  }
}
@media (max-width:1200px){
  .mes_box-info p{
    padding:.9rem;
    margin-bottom: .6rem;
  }
}
@media (max-width:991px){
  .mes_box-info p{
    padding:.6rem .4rem;
    margin-bottom: .3rem;
  }
}
.mes_box-info em{
  font-style: normal;
}
@media (max-width:1400px){
  .mes_box-info em{
    font-size:.8rem;
  }
}
.mes_box button{
  display: flex;
  align-items: center;
  justify-content: center;
  width:238px;
  height:55px;
  border-radius: 1px;
  background: rgba(0, 108, 107, 1);
  border:none;
  margin:2rem auto;
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
}
@media (max-width:1400px){
  .mes_box button{
    width:200px;
    height:46px;
    font-size:1.2rem;
    line-height:1.2;
  }
}
@media (max-width:1200px){
  .mes_box button{
    margin:1.8rem auto;
    width:180px;
    height:42px;
    font-size:1rem;
  }
  .map-logo img{
    height:40px;
  }
}
@media (max-width:991px){
  .mes_box button{
    margin:1.4rem auto;
    width:160px;
    height:38px;
    font-size:.9rem;
  }
}
/* 专卖店 */
.shop-box{
  display: flex;
  justify-content: center;
  margin-top:4.8rem;
  position: relative;
}
@media (max-width:1400px){
  .shop-box{
    margin-top:2rem;
  }
}
@media (max-width:991px){
  .shop-box{
    margin-top:1.5rem;
  }
}
@media (max-width:768px){
  .shop-box{
    margin-top:1rem;
  }
}
@media (max-width:576px){
  .shop-box{
    padding:0 2%;
  }
}
.shop-box button{
  width:152px;
  height:56px;
  background: rgba(0, 108, 107, 1) !important;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.04em;
  color:#ffffff !important;
}
@media (max-width:1400px){
  .shop-box button{
    width:120px;
    height:40px;
    font-size: 1rem;
    line-height:1.2;
    padding:0;
  }
}
@media (max-width:768px){
  .shop-box button{
    width:100px;
    height:36px;
    font-size: .8rem;
  }
}

.shop-box .el-input__inner{
  height:56px;
  width:340px;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.02em;
  color: rgba(144, 147, 153, 1);
}
@media (max-width:1400px){
  .shop-box .el-input__inner{
    height:40px;
    line-height: 1.2;
    font-size: 1rem;
    width:300px;
  }
}
@media (max-width:1200px){
  .shop-box .el-input__inner{
    width:260px;
  }
}
@media (max-width:991px){
  .shop-box .el-input__inner{
    width:180px;
  }
}
@media (max-width:768px){
  .shop-box .el-input__inner{
    width:120px;
    height:36px;
    font-size:.8rem;
    padding: 0 10px;
  }
}
@media (max-width:576px){
  .shop-box .el-input__inner{
    width:100%;
    height:36px;
    padding: 0 5px;
    font-size:.7rem;
  }
}
.shop-box .el-select{
  margin:0 8px;
}
.shop-box .el-select:first-child{
  margin:0;
}
.shop-box .el-select:nth-child(2){
  margin-right:0;
}
#search{
	padding-bottom: 6rem;
	padding-top:4rem ;
}
.map-box{
  position: relative;
  margin:4rem 0 6rem 0;
  margin-bottom: 0;
}
@media (max-width:1400px){
  .map-box{
    margin:2rem 0 3rem 0;
	 margin-bottom: 0;
  }
}
@media (max-width:1200px){
  .map-box{
    margin:1.5rem 0 2rem 0;
	 margin-bottom: 0;
  }
}
@media (max-width:768px){
  .map-box{
    margin-top:1.2rem;
  }
}
@media (max-width:576px){
  .map-box{
    padding:0 3%;
  }
}
.map-list{
  position: absolute;
  width:400px;
  height:100%;
  top:0;
  right:0;
  background: rgba(245, 246, 248, 1);
  z-index: 1999;
  overflow-y: scroll;
}
@media (max-width:1200px){
  .map-list{
    width:360px;
  }
}
@media (max-width:991px){
  .map-list{
    width:260px;
  }
}
@media (max-width:768px){
  .map-list{
    width:100%;
    position:static;
    margin-top:1rem;
  }
  #ascrail2000{
    display: none !important;
  }
}
.map-list li{
  height:120px;
  border-bottom: 1px solid rgba(228, 231, 237, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding:26px;
  cursor: pointer;
}
@media (max-width:1400px){
  .map-list li{
    height:100px;
    padding:20px;
  }
  .map-list li svg{
    height:20px;
    width:20px;
  }
}
@media (max-width:991px){
  .map-list li{
    height:auto;
    padding:16px;
  }
}
@media (max-width:768px){
  .map-list li{
    padding:10px;
}
}
.map-list li.on{
  background: #ffffff;
}
.map-name{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .map-name{
    font-size:1.1rem;
    line-height:1.2;
  }
}
@media (max-width:991px){
  .map-name{
    font-size:1rem;
  }
}
@media (max-width:768px){
  .map-name{
    font-size:.9rem;
  }
}
.map-list li.on .map-name{
  color: rgba(0, 108, 107, 1);
}
.map-txt{
  padding:.5rem 0 0 2rem;
  font-size: 12px;
  font-weight: 400;
  line-height: 17.4px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(144, 147, 153, 1);
}
.map-txt-search p{
	font-size: 20px;
	margin-top: 6px;
}
@media (max-width:1400px){
  .map-txt{
    padding-top:.2rem;
    padding-left:1.6rem;
  }
}
@media (max-width:768px){
  .map-txt{
    padding-top:.1rem;
    padding-left:0;
  }
  .map-txt-search p{
  	font-size: 12px;
  }
}
/* 防伪查询 */
.anti{
  padding-bottom: 8rem;
  cursor: pointer;
  display: block;
}
@media (max-width:1400px){
  .anti{
    padding-bottom: 6rem;
  }
}
@media (max-width: 1200px) {
  .anti{
    padding-bottom: 5rem;
  }
}
@media (max-width:991px){
  .anti{
    padding-bottom: 3rem;
  }
}
@media (max-width:576px){
  .anti{
    padding:0 1rem;
    padding-bottom: 2rem;
  }
}
.anti-search{
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 910px;
  height:54px;
  background: rgba(245, 246, 248, 1);
  border: 1px solid rgba(235, 238, 245, 1);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  margin:4rem auto 0 auto;
}
@media (max-width:1400px){
  .anti-search{
    max-width: 700px;
    height:46px;
    margin-top:3rem;
  }
}
@media (max-width: 1200px) {
  .anti-search{
    max-width: 640px;
    height:40px;
    margin-top:2rem;
  }
}
@media (max-width:991px){
  .anti-search{
    max-width: 80%;
    height:36px;
    margin-top:1.5rem;
  }
}
@media (max-width:768px){
  .anti-search{
    max-width: 100%;;
    margin-top:1rem;
  }
}
.anti-search button{
  width:206px;
  height:54px;
  border-radius: 50px;
  background: rgba(0, 108, 107, 1);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border:none;
  cursor: pointer;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 1);
}
@media (max-width:1400px){
  .anti-search button{
    width:180px;
    height:46px;
    font-size: 1.2rem;
    line-height:1.4;
  }
}
@media (max-width: 1200px) {
  .anti-search button{
    width:160px;
    height:40px;
    font-size: 1rem;
  }
}
@media (max-width:768px){
  .anti-search button{
    width:140px;
    font-size: .9rem;
  }
}
.anti-search span{
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: rgba(144, 147, 153, 1);
  text-indent: 2.5rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width:1400px){
  .anti-search span{
    font-size:1rem;
    line-height:1.2;
    text-indent: 1.8rem;
  }
}
@media (max-width: 1200px) {
  .anti-search span{
    font-size:.9rem;
    text-indent: 1.2rem;
  }
}
@media (max-width:768px){
  .anti-search span{
    font-size:.8rem;
    text-indent: 1rem;
  }
}
@media (max-width:576px){
  .anti-search span{
    text-indent: .8rem;
  }
}
.anti-main{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1200px;
  margin:4rem auto 0 auto;
}
@media (max-width:1400px){
  .anti-main{
    margin-top:2.6rem;
  }
}
@media (max-width:991px){
  .anti-main{
    margin-top:2rem;
  }
}
@media (max-width:576px){
  .anti-main{
    flex-direction: column;
  }
}
.anti-box{
  width:50%;
  height:300px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(228, 231, 237, 1);
  box-shadow: 0px 10px 27px 0px rgba(26, 53, 95, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width:1400px){
  .anti-box{
    height:260px;
  }
}
@media (max-width: 1200px) {
  .anti-box{
    height:240px;
  }
}
@media (max-width:576px){
  .anti-box{
    margin-bottom: 1rem;
    width: 100%;
    height:auto;
    padding:1.5rem 0;
  }
}
.anti-box span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 24px;
  font-weight: 400;
  line-height: 33.6px;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .anti-box span{
    font-size:1.4rem;
    line-height:1.4;
  }
}
@media (max-width: 1200px) {
  .anti-box span{
    font-size:1.2rem;
  }
}
@media (max-width:991px){
  .anti-box span{
    font-size:1rem;
  }
}
.anti-box p{
  margin:22px 0 40px 0;
  max-width: 480px;
  font-size: 14px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.02em;
  color: rgba(96, 98, 102, 1);
}
@media (max-width:1400px){
  .anti-box p{
    margin:1rem 0 1.5rem 0;
    font-size:1rem;
    line-height:1.4;
  }
}
@media (max-width: 1200px) {
  .anti-box p{
    margin:1rem 1.5rem;
    font-size:.9rem;
  }
}
@media (max-width:991px){
  .anti-box p{
    margin:.7rem 1.2rem;
    font-size:.9rem;
  }
}
@media (max-width:768px){
  .anti-box p{
    margin:.6rem 1rem;
    font-size:.8rem;
  }
}
.anti-box button{
  border: 1px solid rgba(228, 231, 237, 1);
  width:132px;
  height:40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
  background: #ffffff;
}
@media (max-width:1400px){
  .anti-box button{
    width:120px;
    height:36px;
    line-height: 1.2;
  }
}
@media (max-width:768px){
  .anti-box button{
    width:110px;
    height:32px;
    font-size:13px;
  }
}
.anti-box.on button{
  background: rgba(0, 108, 107, 1);
  color:#ffffff;
}
.procedure{
  padding:8rem 0 4rem 0;
}
@media (max-width:1400px){
  .procedure{
    padding-top:5rem;
  }
}
@media (max-width: 1200px) {
  .procedure{
    padding-top:4rem;
  }
}
@media (max-width:991px){
  .procedure{
    padding-top:3rem;
  }
}
@media (max-width:768px){
  .procedure{
    padding:3rem 0;
  }
}
.procedure-img{
  max-width: 1320px;
  margin:0 auto;
  margin-top:2rem;
}
@media (max-width:1400px){
  .procedure-img{
    margin-top:1.4rem;
    max-width:100%;
  }
}
@media (max-width: 1200px) {
  .procedure-img{
    margin-top:1.2rem;
  }
}
@media (max-width:991px){
  .procedure-img{
    margin-top:1rem;
  }
}

/* 资讯中心 */
.infor-top{
  position: relative;
  overflow: hidden;
}
@media (max-width:576px){
  .infor-top{
    padding:0 3%;
  }
}
.infor-sell{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height:414px;
  background: rgba(245, 246, 248, 1);
}
@media (max-width:1400px){
  .infor-sell{
    height:auto;
    align-items: center;
  }
}
@media (max-width:576px){
  .infor-sell{
    flex-direction: column;
  }
}
.infor-img{
  position: relative;
  flex:1;
  height:100%;
  overflow: hidden;
}
.infor-pic{
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.infor-img:hover .infor-pic{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.infor-sell:hover .infor-pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.infor-desc{
  flex:1;
  height:100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 7rem;
}
@media (max-width:1400px){
  .infor-desc{
    padding:0 1.5rem;
  }
}
@media (max-width:1200px){
  .infor-desc{
    padding:0 1rem;
  }
}
@media (max-width:576px){
  .infor-desc{
    padding:1rem;
  }
}
.infor-time,
.infor-txt{
  display: flex;
  flex-direction: column;
}
.infor-time{
  align-items: center;
  margin-right:34px;
}
@media (max-width:1400px){
  .infor-time{
    margin-right:1rem;
  }
}
@media (max-width:1200px){
  .infor-time{
    margin-right:.5rem;
    min-width:50px;
  }
}
@media (max-width:768px){
  .infor-time{
    display: none;
  }
}
.infor-time span{
  font-family: 'OPPOSans20-Medium';
  font-size: 42px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .infor-time span{
    font-size:2rem;
  }
}
@media (max-width:1200px){
  .infor-time span{
    font-size:1.6rem;
    line-height:1.2;
  }
}
@media (max-width:991px){
  .infor-time span{
    font-size:1.5rem;
  }
}
.infor-time p{
  font-family: 'OPPOSans20-Medium';
  font-size: 14px;
  font-weight: 400;
  line-height: 18.47px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width:1200px){
  .infor-time p{
    font-size:.8rem;
  }
}
.infor-txt{
  max-width: 502px;
}
.infor-txt span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 26px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width:1400px){
  .infor-txt span{
    font-size:1.5rem;
  }
}
@media (max-width:1200px){
  .infor-txt span{
    font-size:1.2rem;
  }
}
@media (max-width:991px){
  .infor-txt span{
    font-size:1.1rem;
  }
}
@media (max-width:768px){
  .infor-txt span{
    font-size:1rem;
  }
}
.infor-sell:hover .infor-txt span{
  color: rgba(0, 108, 107, 1);
}
.infor-txt p{
  margin-top:10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: rgba(96, 98, 102, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width:1200px){
  .infor-txt p{
    margin-top:6px;
    font-size:.9rem;
    line-height:1.4;

  }
}
.infor-page{
  position: absolute;
  width:200px;
  height:80px;
  right:26%;
  bottom:50px;
  z-index: 4444;
}
@media (max-width:768px){
  .infor-page{
    display: none;
  }
}
.infor-page .swiper-button-next, 
.infor-page .swiper-button-prev{
  width:50px;
  height:50px;
  background: url(../images/next.svg) no-repeat center;
  background-size: cover;
}
.infor-page .swiper-button-prev{
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.infor-page .swiper-pagination-fraction{
  bottom: auto;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.infor-page .swiper-pagination-current,
.infor-page .swiper-pagination-fraction,
.infor-page .swiper-pagination-total{
  font-family: 'OPPOSans20-Medium';
  font-size: 16px;
  font-weight: 400;
  line-height: 21.1px;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
}
.infor-main{
  margin-top:3rem;
}
@media (max-width:1200px){
  .infor-main{
    margin-top:2rem;
  }
}

.infor-main.empty{
  margin-top:0;
}
.infor-sider{
  display: block;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  cursor: pointer;
}
.infor-sider.on{
  background: rgba(245, 246, 248, 1);
}
.infor-sider .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height:200px;
  --bs-gutter-x:0;
  border-bottom: 1px solid rgba(228, 231, 237, 1);
}
.infor-sider.on .container{
  border-bottom: none;
}
@media (max-width:768px){
  .infor-main{
    margin-top:-30px !important;
  }
}
@media (max-width:1400px){
  .infor-sider .container{
    height:180px;
  }
}
@media (max-width:1200px){
  .infor-sider .container{
    height:160px;
  }
}
@media (max-width:1200px){
  .infor-sider .container{
    height:140px;
  }
}
@media (max-width:991px){
  .infor-sider .container{
    height:120px;
  }
}
@media (max-width:576px){
  .infor-sider .container{
    height:110px;
    padding:0 1rem;
  }
}
.infor-title{
  width:64%;
  display: flex;
  flex-direction: column;
  margin-right: 2%;
  margin-left: 2%;
}
@media (max-width:1400px){
  .infor-title{
    width:auto;
    flex:1;
  }
}
.infor-title span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;
}
@media (max-width:1200px){
  .infor-title span{
    font-size:1.2rem;
  }
}
@media (max-width:991px){
  .infor-title span{
    font-size:1.1rem;
  }
}
.infor-title p{
  margin-top:10px;
  font-size: 16px;
  font-weight: 400;
  line-height:1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(144, 147, 153, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width:1200px){
  .infor-title p{
    margin-top:5px;
    font-size:.9rem;
  }
}
.infor-image{
	width:20%;
	height: 80%;
	margin-left: 1%;
}
.infor-image img{
	width: 100%;
	height: 100%;
}
@media (max-width:768px){
	.infor-image{
		display: none;
	}
}
.infor-year{
  width:10%;
  display: flex;
  justify-content: center;
  border-left: 1px solid rgba(228, 231, 237, 1);
}
@media (max-width:576px){
  .infor-year{
    width:60px;
  }
}
.infor-date{
  display: flex;
  flex-direction: column;
  align-items:center;
}
.infor-date span{
  font-family: 'OPPOSans20-Medium';
  font-size: 42px;
  font-weight: 400;
  line-height:1.4;
  letter-spacing: 0.01em;
  color: rgba(96, 98, 102, 1);
}
@media (max-width:1400px){
  .infor-date span{
    font-size:2rem;
  }
}
@media (max-width:1200px){
  .infor-date span{
    font-size:1.8rem;
  }
}
@media (max-width:991px){
  .infor-date span{
    font-size:1.5rem;
  }
}
.infor-date p{
  font-family: 'OPPOSans20-Medium';
  font-size: 14px;
  font-weight: 400;
  line-height: 18.47px;
  letter-spacing: 0.01em;
  text-align: left;
}
@media (max-width:1200px){
  .infor-date p{
    font-size:.8rem;
  }
}
.infor-sider.on .infor-title span,
.infor-sider.on .infor-date p,
.infor-sider.on .infor-date span{
  color: rgba(0, 108, 107, 1);
}
.pager{
  padding:3rem 0;
}
.paging{
  display: flex;
  align-items: center;
  justify-content: center;
  margin:2rem 0;
}
@media (max-width:1400px){
  .pager{
    padding:3.5rem 0;
  }
}
@media (max-width: 1200px) {
  .pager{
    padding:3rem 0;
  }
}
@media (max-width:991px){
  .pager{
    padding:2rem 0;
  }
}
.paging li{
  width:38px;
  height:38px;
  margin:0 6px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: rgba(245, 246, 248, 1);
}
@media (max-width:991px){
  .paging li{
    width:30px;
    height:30px;
    margin:0 4px;
  }
}
@media (max-width:576px){
  .paging li{
    width:40px;
    height:40px;
  }
}
.paging li span,
.paging li a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height:100%;
  font-size: 15px;
  font-weight: 400;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:991px){
  .paging li span,
  .paging li a{
    font-size:14px;
  }
}
.paging li a img{
  width:22px;
  height:22px;
}
.pagination li a:hover, 
.pagination .active span{
  background:#005655;
  color:#fff;
}
.pagination li:last-child:hover span,
.pagination li:first-child:hover span{
  background: none;
}
.brand_title_zw{
	padding-top: 90px;
}
@media (max-width:768px){
	.brand_title_zw{
		padding-top: 64px;
	}
}

.section_news .case-top span{
    padding-top: 70px;
}
@media (max-width:768px){
	.section_news .case-top span{
		padding-top: 0px;
	}
}
.news_container_box{
    display: flex;
    width: 100%;
    padding-top: 40px;
}

.news_container_item_box{
  width: 31%;  
  margin-right: 2%;
   background: #fff;
    padding-bottom: 20px;
}
.news_container_item_box:nth-child(3){
  margin-right: 0;
}
.news_container_item_first_box{
    width: 100%;
    /*height: 400px;*/
   
   
}
.news_container_item_img_box{
    width: 100%;
    height: 282px;
}
.news_container_item_img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news_container_item_first_title_box h2{
    display: block;
    width: 95%;
    padding-left: 10px;
    margin-top: 16px;
    font-size:20px;
    margin-bottom:12px;
    line-height:30px;
    /*height:60px;*/
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    overflow:hidden;
}
.news_container_item_first_desc_box{
    display: flex;
    padding-left: 10px;
}
.news_container_item_first_desc1{
    display: flex;
    align-items: center;
    font-size:14px;
    color: #999;
    margin-right: 30px;
}
.news_container_item_first_desc1 img{
    margin-right: 10px;
}
.news_container_item_li_box{
    margin-top: 10px;
    width: 100%;
    padding-left: 10px;
}
.news_container_item_li{
     width: 95%;
     display: block;
    height: 40px;
    line-height: 40px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
@media (max-width:768px){
    .news_container_box{
        align-items: center;
		flex-direction: column;
		justify-content: center;
	}
	.news_container_item_box{
	    margin-right: 0;
	    width: 95%;
	    margin-bottom: 20px;
	}
	.news_container_item_img_box{
	    height: 180px;
	}
	.news_container_item_first_title_box h2{
	    font-size: 15px;
	    margin-top: 10px;
	    margin-bottom: 4px;
	}
	.news_container_item_li{
	    font-size: 14px;
	    height: 30px;
	    line-height: 30px;
	}
	.news_container_item_li_box{
	    margin-top: 6px;
	}
}













/* 工程案例 */
.case_swiper_box {
	position: relative;
	margin-top: 16px;
}
.case_swiper_box .swiper {
      width: 100%;
      height: 100%;
    }

    .case_swiper_box .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
	  position: relative;
    }
	 .case_swiper_box .swiper-slide-case-name{
		 position: absolute;
		 top:78px;
		 left: 60px;
		 padding: 0 16px;
		 height: 48px;
		 line-height: 48px;
		 border-radius: 10px;
		 background-color:rgba(242, 134, 46, 1) ;
		 color: #fff;
		 font-size: 18px;
		  font-family: 'AlibabaPuHuiTi-2-55-Regular';
	 }
	 .case_swiper_box .swiper-slide-case-title{
		 font-family: 'AlibabaPuHuiTi-2-55-Regular'; 
		 color: #fff;
		 font-size: 20px;
		 position: absolute;
		 top: 135px;
		 left: 60px;
		 text-shadow:0px 4px 12.3px rgba(0, 0, 0, 0.25);
	 }

   .case_swiper_box  .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

  
    .case_swiper_box  .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .case_swiper_box .swiper-slide {
      background-size: cover;
      background-position: center;
	  height: 500px;
	  
    }
	
   .case_swiper_box  .mySwiper2 {
      height: 80%;
      width:100%;
    }

   .case_swiper_box  .mySwiper {
      /* height: 20%; */
	  height: 150px;
      box-sizing: border-box;
      padding: 10px 0;
    }
    .case_swiper_box .swiper-button-next, .swiper-button-prev{
        width: 44px;
        height: 44px;
    }
	@media (max-width:768px){
		 .case_swiper_box .swiper-slide {
			 height: 222px;
		 }
		  .case_swiper_box  .mySwiper {
			  height: 80px;
		  }
		  .case_swiper_box .swiper-button-next, .swiper-button-prev{
                width: 28px;
                height: 28px;
          }
	}
    .case_swiper_box  .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.7;
    }

    .case_swiper_box .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

    .case_swiper_box .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
	  border-radius:8px;
    }
	@media (max-width:768px){
		.case_swiper_box .swiper-slide-case-name{
			  top: 10px;
			  left: 10px;
			  height: 36px;
			  line-height: 36px;
			  font-size: 14px;
		}
		.case_swiper_box .swiper-slide-case-title{
			left: 10px;
			 top:54px;
			 font-size: 15px;
		}
	}
	@media (max-width:576px){
	   .case_swiper_box .swiper-slide-case-title{
			text-align: left;
		} 
	}
	
.case-search{
  border: 1px solid rgba(235, 238, 245, 1);
  height:50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width:1400px){
  .case-search{
    height:44px;
  }
}
@media (max-width: 1200px) {
  .case-search{
    margin-top:-1rem;
    height:42px;
  }
}
@media (max-width:576px){
  .case-search{
    margin:0 auto;
    margin-top:-.8rem;
    height:40px;
    max-width: 94%;
  }
}
.s-view .case-search{
    min-width: 600px;
    margin-top:-1rem;
}
@media (max-width:1200px){
.s-view .case-search{
    min-width: 500px;
    margin-top:0;
}
}
@media (max-width:991px){
.s-view .case-search{
    min-width: 400px;
    margin-top:1rem;
}
}

@media (max-width:768px){
.s-view .case-search{
    min-width: 360px;
}
}

@media (max-width:576px){
.s-view .case-search{
    min-width: 260px;
}
}
.case-tab{
  display: flex;
  align-items: center;
  height:100%;
}
.case-tab li{
  height:100%;
  width:187px;
  align-items: center;
  display: flex;
  justify-content: center;
  border-right:1px solid rgba(235, 238, 245, 1);
  position: relative;
}
@media (max-width:1400px){
  .case-tab li{
    width:160px;
  }
}
@media (max-width: 1200px) {
  .case-tab li{
    width:140px;
  }
}
@media (max-width:991px){
  .case-tab li{
    width:120px;
  }
}
@media (max-width:576px){
  .case-tab li{
    width:90px;
  }
}
@media (max-width:425px){
  .case-tab li{
    width:80px;
  }
}
.case-tab li::after{
  content: '';
  width:0;
  height:3px;
  position: absolute;
  left:0;
  bottom: 0;
  background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.case-tab li.selected::after,
.case-tab li.on::after{
  width:100%;
}
.case-tab li a{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .case-tab li a{
    font-size:1rem;
    line-height:1.4;
  }
}
@media (max-width:991px){
  .case-tab li a{
    font-size:.9rem;
  }
}
.case-form{
  flex:1;
  display: flex;
  justify-content: space-between;
  padding:0 1rem 0 2rem;
}
@media (max-width: 1200px) {
  .case-form{
    padding-left:1.2rem;
  }
}
@media (max-width:991px){
  .case-form{
    padding:0 .8rem 0 .8rem ;
  }
}
@media (max-width:425px){
  .case-form{
    padding:0 .4rem 0 .4rem ;
  }
}
.case-form input::placeholder,
.case-form input{
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: rgba(144, 147, 153, 1);
}
@media (max-width:1400px){
  .case-form input::placeholder,
  .case-form input{
    font-size:1rem;
    line-height:1.2;
  }
}
@media (max-width: 1200px) {
  .case-form input::placeholder,
  .case-form input{
    font-size:.9rem;
  }
}
@media (max-width:991px){
  .case-form input::placeholder,
  .case-form input{
    font-size:.8rem;
  }
}
.case-form input{
  border:none;
  flex:.8;
}
@media (max-width:425px){
    .case-form input{
        flex: auto;
        width: 50%;
    }
}
.case-form button{
  border:none;
  background: none;
  cursor: pointer;
}
.case-col-pic{
  position: absolute;
  left:0px;
  top:0;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  border-radius: 10px;
}
.case-list{
  margin-top:1rem;
}
@media (max-width: 1200px) {
  .case-list{
    margin-top:.6rem;
  }
}
@media (max-width:576px){
  .case-list{
    margin:0 auto;
    max-width: 94%;
    margin-top:.6rem;
  }
}
.case-list .row,
.case-list .row>*{
  --bs-gutter-x:0;
}
.case-list .row .col-sm-6:nth-child(odd){
  padding-right:1.5rem;
}
.case-list .row .col-sm-6:nth-child(even){
  padding-left:1.5rem;
}
@media (max-width:1400px){
  .case-list .row .col-sm-6:nth-child(odd){
    padding-right:1.1rem;
  }
  .case-list .row .col-sm-6:nth-child(even){
    padding-left:1.1rem;
  }
}
@media (max-width: 1200px) {
  .case-list .row .col-sm-6:nth-child(odd){
    padding-right:.9rem;
  }
  .case-list .row .col-sm-6:nth-child(even){
    padding-left:.9rem;
  }
}
@media (max-width:991px){
  .case-list .row .col-sm-6:nth-child(odd){
    padding-right:.6rem;
  }
  .case-list .row .col-sm-6:nth-child(even){
    padding-left:.6rem;
  }
}
@media (max-width:576px){
  .case-list .row .col-sm-6:nth-child(odd),
  .case-list .row .col-sm-6:nth-child(even){
    padding:0;
  }
}
.case-col{
  display: block;
  position: relative;
  margin:30px 10px;
}
@media (max-width:1400px){
  .case-col{
    margin:20px 10px;
  }
}
@media (max-width: 1200px) {
  .case-col{
    margin:16px 10px;
  } 
}
@media (max-width:991px){
  .case-col{
    margin:10px 10px;
  } 
}
@media (max-width:768px){
  .case-col{
    margin:8px 10px;
  } 
}
.case-col-img{
  overflow: hidden;
  position: relative;
}
.case-col-pic img{
  opacity: 1;
}
.case-col:hover .case-col-pic{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.case-col-txt{
 /* position: absolute;
  bottom: 2rem;
  left:0;
  z-index: 3333; */
  width:100%;
  display: flex;
  justify-content: space-between;
  padding:0 2rem;
  padding-top: 24px;
}
@media (max-width:1400px){
  .case-col-txt{
    bottom: 1.6rem;
    padding:0 1.6rem;
  }
}
@media (max-width: 1200px) {
  .case-col-txt{
    bottom: 1rem;
    padding:0 1.2rem;
  }
}
@media (max-width:991px){
  .case-col-txt{
    bottom: .5rem;
    padding:0 .8rem;
  }
}
.case-col-txt p{
  flex:.92;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: center;
  font-family:'AlibabaPuHuiTi-2-55-Regular';
}
@media (max-width:1400px){
  .case-col-txt p{
    font-size: 1.4rem;
  }
}
@media (max-width: 1200px) {
  .case-col-txt p{
    font-size: 1.2rem;
  }
}
@media (max-width:991px){
  .case-col-txt p{
    font-size: 1rem;
    line-height: 2;
  }
}
@media (max-width:768px){
  .case-col-txt p{
    flex:1;
  }
}
.case-col-txt span{
  position: relative;
  background: rgba(0, 108, 107, 1);
  width:127px;
  height:40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 1);
}
@media (max-width:1400px){
  .case-col-txt span{
    width:110px;
    height:34px;
    font-size:.8rem;
  }
}
@media (max-width: 1200px) {
  .case-col-txt span{
    width:100px;
    height:30px;
  }
}
@media (max-width:991px){
  .case-col-txt span{
    width:auto;
    padding:0 .3rem;
  }
}
@media (max-width:768px){
  .case-col-txt span{
    display: none;
  }
}
.case-col-txt span::after{
  content: '';
  width:21px;
  height:20px;
  background: url(../images/case-col-txt.svg) no-repeat center;
  background-size: cover;
}
@media (max-width:1400px){
  .case-col-txt span::after{
    width:18px;
    height:17px;
  }
}
/* 加盟合作 */
@media (max-width: 1200px) {
  .cooper-about{
    margin-top:-1rem;
  }
}
@media (max-width:991px){
  .cooper-about{
    margin-top:0;
  }
}
.cooper-h1{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cooper-h1 span{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 50px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  color:rgba(48, 49, 51, 1);
}
.cooper-h1 span h1{
     font-size: 50px;
}
@media (max-width:1400px){
  .cooper-h1 span{
    font-size:2.5rem;
  }
  .cooper-h1 span h1{
     font-size: 2.5rem;
    }
}
@media (max-width: 1200px) {
  .cooper-h1 span{
    font-size:2rem;
  }
  .cooper-h1 span h1{
     font-size: 2rem;
    }
}
@media (max-width:991px){
  .cooper-h1 span{
    font-size:1.8rem;
  }
  .cooper-h1 span h1{
     font-size: 1.8rem;
    }
}
@media (max-width:768px){
  .cooper-h1 span{
    font-size:1.6rem;
  }
  .cooper-h1 span h1{
     font-size:1.6rem;
    }
}
.cooper-p{
  display: flex;
  flex-direction: column;
  margin-top:1.3rem;
  color: rgba(96, 98, 102, 1);;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.01em;
  text-align: center;
  max-width: 1000px;
}
@media (max-width:1400px){
  .cooper-p{
    margin-top:.8rem;
    font-size:1rem;
    line-height:1.6;
  }
}
@media (max-width: 1200px) {
  .cooper-p{
    margin-top:.5rem;
    font-size:.9rem;
    max-width: 90%;
  }
}
@media (max-width:991px){
  .cooper-p{
    margin-top:.3rem;
    font-size:.8rem;
    max-width: 90%;
  }
}
@media (max-width:768px){
  .cooper-p{
    max-width: 94%;
  }
}
.cooper-tag{
  display: flex;
  justify-content: space-between;
  max-width: 1250px;
  margin:3.8rem auto 8rem auto;
}
@media (max-width:1400px){
  .cooper-tag{
    margin:2rem auto 6rem auto;
    max-width: 90%;
  }
}
@media (max-width: 1200px) {
  .cooper-tag{
    margin:1.8rem auto 5rem auto;
  }
}
@media (max-width:991px){
  .cooper-tag{
    margin:1.6rem auto 4rem auto;
  }
}
@media (max-width:768px){
  .cooper-tag{
    max-width: 100%;
    margin:1.4rem auto 3rem auto;
  }
}
@media (max-width:576px){
  .cooper-tag{
    max-width: 94%;
    flex-wrap: wrap;
    margin:1.4rem auto 1.6rem auto;
  }
}
.cooper-tag li{
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
@media (max-width:576px){
  .cooper-tag li{
    width:50%;
    margin-bottom: 1rem;
  }
}
.cooper-tag li span{
  margin-top:1.2rem;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 26px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(0, 0, 0, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width:1400px){
  .cooper-tag li span{
    margin-top:.8rem;
    font-size:1.2rem;
  }
}
@media (max-width: 1200px) {
  .cooper-tag li span{
    margin-top:.6rem;
    font-size:1rem;
  }
}
@media (max-width:991px){
  .cooper-tag li span{
    margin-top:.3rem;
    font-size:.9rem;
  }
}
.cooper-tag li p{
  margin-top:.3rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
}
@media (max-width:1400px){
  .cooper-tag li p{
    font-size:.8rem;
    line-height:1.2;
  }
}
@media (max-width:768px){
  .cooper-tag li p{
    max-width: 110px;
  }
}
@media (max-width:576px){
  .cooper-tag li p{
    max-width: 100%;
  }
}
.cooper-tag li .cooper-svg{
  display: flex;
  align-items: center;
  justify-content: center;
  width:136px;
  height:136px;
  border-radius: 50%;
  background: rgba(245, 246, 248, 1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media (max-width:1400px){
  .cooper-tag li .cooper-svg{
    width:110px;
    height:110px;
  }
}
@media (max-width: 1200px) {
  .cooper-tag li .cooper-svg{
    width:90px;
    height:90px;
  }
}
@media (max-width:991px){
  .cooper-tag li .cooper-svg{
    width:70px;
    height:70px;
  }
}
.cooper-tag li.on .cooper-svg{
  background: rgba(0, 108, 107, 1);
}
@media (max-width:1400px){
  .cooper-tag li .cooper-svg svg{
    width:50px;
    height:50px;
  }
}
@media (max-width: 1200px) {
  .cooper-tag li .cooper-svg svg{
    width:40px;
    height:40px;
  }
}
@media (max-width:991px){
  .cooper-tag li .cooper-svg svg{
    width:30px;
    height:30px;
  }
}
.cooper-tag li .cooper-svg svg path{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.cooper-tag li.on .cooper-svg svg path{
  fill:#ffffff;
}
.cooper-tag li.on span{
  color:rgba(0, 108, 107, 1);
}

.cooper_about_one_box{
	width: 100%;
	display: flex;
	justify-content: space-around;
	margin-top: 80px;
}
.cooper_about_one_item{
	width: 24%;
	height:  240px;
	background-image: url('../images/youshi_icon1.png');
	background-size: cover;
	cursor: pointer;
}
.cooper_about_one_item_no{
	text-align: center;
	padding-top: 27px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	font-size: 30px;
	color:rgba(0, 108, 107, 1) ;
	font-weight: 600;
}
.cooper_about_one_item_title{
	text-align: center;
	padding-top: 35px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	font-size: 30px;
	color:rgba(48, 49, 51, 1) ;
}
.cooper_about_one_item_desc{
	text-align: center;
	padding-top: 5px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	font-size: 12px;
	color:rgba(192, 196, 204, 1);
}
.cooper_about_one_item_desc_ch{
    color: rgba(255, 255, 255, 1);
    padding-top: 5px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	font-size: 16px;
	display: none;
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
.cooper_about_one_item_active{
	background-image: url('../images/youshi_icon2.png');
}
.cooper_about_one_item_active .cooper_about_one_item_no{
	color: #fff;
}
.cooper_about_one_item_active .cooper_about_one_item_title{
	color: #fff;
}
.cooper_about_one_item_active .cooper_about_one_item_desc{
	color: #fff;
	display: none;
}
.cooper_about_one_item_active .cooper_about_one_item_desc_ch{
    display: block;
}
@media (max-width: 768px) {
	.cooper_about_one_box{
		margin-top: 30px;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.cooper_about_one_item{
		width: 45.7%;
		margin-bottom: 12px;
		border-radius: 12px;
		margin-left: 12px;
	}
	.page_one_box{
		padding-bottom: 40px;
	}
	.cooper_about_one_item_title{
	    font-size: 20px;
	}
	.cooper_about_one_item_desc_ch{
	    font-size: 11px;
	}
}

.empowerment {
  background: url('../images/youshi_icon3.png') no-repeat;
  background-size: cover;
  position: relative;
}
.empowerment .nt_text {
  position: absolute;
  width: 100%;
}
.empowerment .nt_text p {
  color: #fff;
}
.empowerment .nt_text p span {
  color: #e62129;
}
.empowerment .nt_box {
  padding: 0 0 0 200px;
  height:880px;
  width: 1719px;
  /*padding-top: 8rem;*/
  display: flex;
}
.empowerment .nt_box .slide {
  transition: 1s;
  position: relative;
  width: 144px;
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.empowerment .nt_box .slide .de_post {
  transition: 0.4s;
  position: absolute;
  top: 8rem;
  left: 0;
  width: 100%;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
}
.empowerment .nt_box .slide .de_post .num {
  font-size: 68px;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
  background-clip: text;
  -webkit-background-clip: text;
  font-family: GilroyBold;
  padding-top: 6.5rem;
}
.empowerment .nt_box .slide .de_post .text {
  margin-top: 40px;
  writing-mode: vertical-rl;
  letter-spacing: 6px;
}
.empowerment .nt_box .slide .de_box {
  transition: 0.4s;
  opacity: 0;
  color: #fff;
  /*padding-top: 120px;*/
  padding-top: 14rem;
}
.empowerment .nt_box .slide .de_box > div {
  width: 90%;
  padding-left:30px;
  opacity: 0;
  transition: .4s;
  transition-delay: .8s;
  transform: translateY(20px);
}
.empowerment .nt_box .slide .de_box .content1 {
  position: relative;
}
.empowerment .nt_box .slide .de_box .content1 .num {
  font-size: 140px;
  line-height: 0.9;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
  background-clip: text;
  -webkit-background-clip: text;
}
.empowerment .nt_box .slide .de_box .content1 .text {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
}
.empowerment .nt_box .slide .de_box .content2 {
  margin:40px 0 60px;
  line-height:38px;
  height: 120px;
  overflow: auto;
  padding-right:20px;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
}
.empowerment .nt_box .slide .de_box .content2::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.empowerment .nt_box .slide .de_box .content2::-webkit-scrollbar-thumb {
  background: #fff;
}
.empowerment .nt_box .slide .de_box .content2::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.3);
}
.empowerment .nt_box .slide.active {
  flex: 1;
}
.empowerment .nt_box .slide.active .de_post {
  opacity: 0;
  z-index: -1;
}
.empowerment .nt_box .slide.active .de_box {
  opacity: 1;
}
.empowerment .nt_box .slide.active .de_box > div {
 opacity: 1;    
 transform: translateY(0); 
}
.empowerment .w1520 {
  padding: 0 10.4vw;
}
.empowerment  .f48 {
  font-size: 48px;
  line-height: 1.2;
}
.empowerment .p100 {
  padding-top: 100px;
}
.empowerment .f30 {
  font-size: 30px;
  line-height: 1.2;
}
.pu_link {
  display: inline-block;
  transition: 0.4s;
}
.pu_link a {
  cursor: pointer;
  background: rgba(0, 108, 107, 1);
  color: #fff;
  border-radius: 5px;
  width:180px;
  padding: 0 18px;
  line-height:50px;
  justify-content: center !important;
}
.pu_link a  span{
	margin-right: 16px;
}
.pu_link:hover {
  transform: translateY(-6px);
  box-shadow: 3px 3px 10px rgba(0, 108, 107, 0.4);
}
.empowerment .ac {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.empowerment .js {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.empowerment .df {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.step_liucheng_box{
	width: 100%;
	background: url('../images/youshi_icon3.png') no-repeat;
	background-size: cover;
	padding-top:80px;
	padding-bottom: 60px;
	display: none;
}
.step_liucheng_box_title{
	color: #fff;
	font-size: 2.5rem;
	font-weight: 600;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
}
.step_liucheng_item_no{
	color: #fff;
	font-size:100px;
	color: transparent;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
	background-clip: text;
	-webkit-background-clip: text;
	position: relative;
}
.step_liucheng_item{
	display: flex;
	align-items: center;
}
.step_liucheng_item_title{
	color: #fff;
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	font-size:24px;
	position: absolute;
	bottom:30px;
	left: 6px;
}
.step_liucheng_item_desc{
	color: rgba(255, 255, 255, 0.8);
	font-family: 'AlibabaPuHuiTi-2-55-Regular';
	font-size:18px;
	padding: 0 20px;
}
@media (max-width: 768px) {
	.step_liucheng_box_title{
		font-size: 1.6rem;
		padding-left: 20px;
	}
	.step_liucheng_box{
		padding-top: 40px;
	}
	.step_liucheng_item{
		flex-direction: column;
		align-items: flex-start;
	}
	.step_liucheng_item_no{
		padding-left: 20px;
		font-size: 80px;
	}
	.step_liucheng_item_title{
		font-size: 20px;
		bottom: 22px;
		left: 20px;
	}
	.step_liucheng_item_desc{
		font-size: 14px;
		margin-top: -20px;
	}
}
@media (max-width: 1700px) {
	.empowerment .nt_box{
		width: calc(100% - 200px);
	}
}

@media (max-width: 1500px) {
	.empowerment .f48 {
	  font-size: 36px;
	}
	.empowerment .f30 {
	  font-size: 26px;
	}
	.empowerment .f20 {
	  font-size: 14px;
	}
	.empowerment  .f18 {
	  font-size: 12px;
	}
	.empowerment .nt_box .slide .de_box .content1 .num{
		 font-size: 100px;
	}
}
@media (max-width: 1300px) {
	.empowerment{
		display: none;
	}
	.step_liucheng_box{
		display: block;
	}
}
@media (max-width: 1200px) {
	.empowerment .nt_box .slide .de_box .content1 .num {
	  font-size: 80px;
	}
	.empowerment .nt_box .slide .de_box > div {
	  width: 100%;
	}
	.empowerment .nt_box .slide .de_post {
	  display: none;
	}
	.empowerment .nt_box .slide .de_box {
	  opacity: 1;
	}
	.empowerment .nt_box .slide .de_box .content2 {
	  height: auto;
	}
	.empowerment .nt_text {
	  position: initial;
	}
	.empowerment .nt_box .slide {
	  border-left: none;
	}
	.empowerment .nt_box .slide .de_box > div {
	  padding-left: 0;
	}
	.empowerment .w1520,
	.empowerment .w1720 {
	  padding: 0 5vw;
	}
	.empowerment .f48 {
	  font-size: 32px;
	}
	.empowerment .p100 {
	  padding-top: 0.8rem;
	}
	.empowerment .f30 {
	  font-size: 24px;
	}
}
@media (max-width: 768px) {
	.empowerment .f48 {
	  font-size:32px;
	}
	.empowerment .f30 {
	  font-size: 24px;
	}
	.empowerment .f20 {
	  font-size: 12px;
	}
	.pu_link a {
	  width: 2rem;
	  line-height: 0.68rem;
	}
	.index_case .pu_link {
	  margin-top: 0.26rem;
	}
	.empowerment  .f18 {
	  font-size: 0.2rem;
	}
}
 
 .cooper_liucheng_box{
	 width: 100%;
	 height: auto;
	background-image: url('../images/youshi_icon4.png');
	background-size: cover; 
	padding: 100px 0 100px 0;
 }
 
 .cooper_liucheng_box_img_box{
	 display: block;
	 margin: 0 auto;
	 width: fit-content;
	 margin-top: 72px;
 }
 
 
 @media (max-width: 768px) {
	.cooper_liucheng_box{
		padding-top: 40px;
		padding-bottom: 40px;
	} 
	.cooper_liucheng_box_img_box{
		margin-top: 40px;
		width: 94%;
	}
 }
 
 .page_case_top_box{
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding-top: 90px;
 }
 .page_case_title{
	color: rgba(48, 49, 51, 1);
	font-size: 50px;
	font-family: 'AlibabaPuHuiTi-2-55-Regular'; 
 }
 .page_case_search{
	width: 344px;
	height: 56px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 65px;
 }
 
  .page_case_search .case-form input::placeholder, .case-form input{
	  height: 54px;
	  line-height: 54px;
  }
 .page_case_title_news{
	 padding-bottom:30px;
 }
 @media (max-width:768px){
	.page_case_top_box{
		flex-direction: column;
		align-items: flex-start;
		padding-top: 66px;
		margin-bottom: 20px;
	} 
	.page_case_title{
		font-size: 1.8rem;
		margin-bottom: 14px;
	}
	.page_case_search{
		width: 80%;
		height: 46px;
		
	}
	.page_case_search .case-form input::placeholder, .case-form input{
		height: 44px;
		line-height: 44px;
	}
	.case-form{
		padding: 0 1rem  0 1rem;
	}
	.case-col-txt{
		padding-top: 10px;
	}
	.page_case_title_news{
		 padding-bottom:0px;
	}
 }
 
 
 
 
 
 
 
 
 
 
 
 
/* 6大加盟支持 */
.fran{
  background: url(../images/fran-bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}
#fran{
  position: absolute;
  top:-80px;
}
@media (max-width:768px){
  .fran{
    /*padding-bottom: 3rem;*/
    padding-bottom: 0;
	/*display: none;*/
  }
}
.fran-title{
  display: flex;
  flex-direction: column;
  margin-top:45%;
}
@media (max-width:1400px){
  .fran-title{
    margin-top:30%;
  }
}
@media (max-width:768px){
  .fran-title{
    margin-top:3rem;
    align-items: center;
  }
}
.fran-title span{
  display: block;
  max-width: 300px;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 50px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width:1400px){
  .fran-title span{
    font-size:2.5rem;
    max-width: 260px;
  }
}
@media (max-width: 1200px) {
  .fran-title span{
    font-size:2rem;
    line-height:1.2;
    max-width: 200px;
  }
}
@media (max-width:991px){
  .fran-title span{
    font-size:1.8rem;
    max-width: 170px;
  }
}
@media (max-width:768px){
  .fran-title span{
    font-size:1.6rem;
    max-width: 100%;
  }
}
.fran-title p{
  margin-top:1rem;
  font-size: 18px;
  font-weight: 400;
  line-height:1.2;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width:1400px){
  .fran-title p{
    margin-top:.8rem;
    font-size:1rem;
  }
}
@media (max-width: 1200px) {
  .fran-title p{
    margin-top:.6rem;
    font-size:.9rem;
  }
}
@media (max-width:991px){
  .fran-title p{
    margin-top:.4rem;
    font-size:.8rem;
  }
}
.fran .container{
  --bs-gutter-x:0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width:768px){
  .fran .container{
    flex-direction: column;
  }
}
.fran-l{
  width:31.42%;
}
@media (max-width:768px){
  .fran-l{
    width:100%;
  }
}
.fran-r{
  width:60.14%;
}
@media (max-width:991px){
  .fran-r{
    width:67.14%;
  }
}
@media (max-width:768px){
  .fran-r{
    margin-top:1.5rem;
    width:100%;
  }
}
@media (max-width:576px){
  .fran-r{
    padding:0 3%;
  }
}
.fran-r .row,
.fran-r .row>*{
  --bs-gutter-x:0;
}
.fran-plus{
  position: absolute;
  left:28px;
  bottom:25px;
  background: url(../images/fran-plus.svg) no-repeat center;
  background-size: cover;
  width:34px;
  height:34px;
}
@media (max-width:1400px){
  .fran-plus{
    width:28px;
    height:28px;
  }
}
@media (max-width: 1200px) {
  .fran-plus{
    width:24px;
    height:24px;
    left:20px;
    bottom:20px;
  }
}
@media (max-width:991px){
  .fran-plus{
    width:20px;
    height:20px;
    left:16px;
    bottom:16px;
  }
}
.fran-box.on .fran-plus{
  background: url(../images/fran-plus2.svg) no-repeat center;
  background-size: cover;
}
.fran-box{
  height:390px;
  background: rgba(0, 0, 0, 0.14);
  border-right:1px solid rgba(255, 255, 255, 0.14);
  border-bottom:1px solid rgba(255, 255, 255, 0.14);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding:28px;
  position: relative;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width:1400px){
  .fran-box{
    height:300px;
    padding:24px;
  }
}
@media (max-width: 1200px) {
  .fran-box{
    height:260px;
    padding:20px;
  }
}
@media (max-width:991px){
  .fran-box{
      height:250px;
    padding:16px;
  }
}
@media (max-width:576px){
  .fran-box{
  height:230px;
  }
}
.fran-box.on{
  justify-content: flex-start;
  background: rgba(0, 108, 107, 0.9);
}
.fran-box.on::after{
  content: '';
  width:66px;
  height:66px;
  background: url(../images/fran-box-pic.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  right:22px;
  bottom: 25px;
}
.fran-box span{
  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width:1400px){
  .fran-box span{
    font-size: 1.4rem;
  }
}
@media (max-width: 1200px) {
  .fran-box span{
    font-size: 1.2rem;
  }
}
.fran-box b{
  margin-top:2rem;
  margin-bottom: 2.5rem;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width:1400px){
  .fran-box b{
    margin-top:1rem;
    font-size:1.5rem;
  }
}
@media (max-width: 1200px) {
  .fran-box b{
    margin-top:.8rem;
    font-size:1.2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width:991px){
  .fran-box b{
    margin-top:.8rem;
    margin-bottom: 1.6rem;
    font-size:1rem;
  }
}
@media (max-width:768px){
  .fran-box b{
    margin-bottom: 2rem;
  }
}
@media (max-width:425px){
  .fran-box b{
    margin-bottom: 1rem;
  }
}
.fran-box p{
  display: none;
  margin-top:-.8rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  text-align: justify;
}
@media (max-width:1400px){
  .fran-box p{
    font-size:.9rem;
    margin-top:-1rem;
  }
}
@media (max-width: 1200px) {
  .fran-box p{
    font-size:.8rem;
  }
}
@media (max-width:768px){
  .fran-box p{
    font-size:.75rem;
  }
}
@media (max-width:425px){
  .fran-box p{
    font-size:.7rem;
  }
}
.fran-box.on p{
  display: block;
}
.fran-r .row .col-md-4:nth-child(3n+3) .fran-box{
  border-right:none;
}
/* 5大服务承诺 */
.major{
  padding:8rem 0;
  padding-top: 10px;
}
@media (max-width:1400px){
  .major{
    padding:6rem 0;
  }
}
@media (max-width:1200px){
  .major{
    padding:5rem 0;
  }
}
@media (max-width:991px){
  .major{
    padding:4rem 0;
  }
}
@media (max-width:768px){
  .major{
    padding:1rem 0;
  }
  
}
.major .swiper-button-next, 
.major .swiper-button-prev{
  width:60px;
  height:60px;
  background: url(../images/major-next.svg) no-repeat center;
  background-size: cover;
}
@media (max-width:1400px){
  .major .swiper-button-next, 
  .major .swiper-button-prev{
    width:50px;
    height:50px;
  }
}
@media (max-width:1200px){
  .major .swiper-button-next, 
  .major .swiper-button-prev{
    width:40px;
    height:40px;
  }
}
.major .swiper-button-next{
  right:-110px;
}
@media (max-width:1400px){
  .major .swiper-button-next{
    right:-80px;
  }
}
@media (max-width:1200px){
  .major .swiper-button-next{
    right:-60px;
  }
}
.major .swiper-button-prev{
  left:-110px;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
@media (max-width:1400px){
  .major .swiper-button-prev{
    left:-80px;
  }
}
@media (max-width:1200px){
  .major .swiper-button-prev{
    left:-60px;
  }
}
@media (max-width:991px){
  .major .swiper-button-prev,
  .major .swiper-button-next{
    display: none;
  }
}
.major .swiper-button-next.swiper-button-disabled,
.major .swiper-button-prev.swiper-button-disabled{
  opacity: 1;
  background: url(../images/major-next2.svg) no-repeat center;
  background-size: cover;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.major .swiper-button-prev.swiper-button-disabled{
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
}
.major-main{
  margin-top:3rem;
  position: relative;
}
@media (max-width:1400px){
  .major-main{
    margin-top:2rem;
  }
}
@media (max-width:1200px){
  .major-main{
    margin-top:1.8rem;
  }
}
@media (max-width:991px){
  .major-main{
    margin-top:1.5rem;
  }
}

@media (max-width:768px){
	.major-main{
	  	margin-top: 0;
	}
}
@media (max-width:576px){
  .major-main{
    padding:0 3%;
  }
}
.major-main .swiper{
  overflow: hidden;
}
.major-top{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width:576px){
  .major-top{
    align-items: center;
  }
}
.major-top span font,
.major-top span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 50px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .major-top span font,
  .major-top span{
    font-size:2.4rem;
  }
}
@media (max-width:1200px){
  .major-top span font,
  .major-top span{
    font-size:2.2rem;
    line-height: 1.2;
  }
}
@media (max-width:991px){
  .major-top span font,
  .major-top span{
    font-size:2rem;
  }
}
@media (max-width:768px){
  .major-top span font,
  .major-top span{
    font-size:1.8rem;
  }
}
.major-top span font{
  color:#005655; 
}
.major-top p{
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .major-top p{
    font-size:1rem;
    line-height:1.4;
  }
}
@media (max-width:1200px){
  .major-top p{
    font-size:.9rem;
  }
}
@media (max-width:991px){
  .major-top p{
    font-size:.8rem;
  }
}
.major-box{
  background: rgba(245, 246, 248, 1);
  height:330px;
  width:100%;
  border-radius: 0 0 40px 0;
  -webkit-border-radius: 0 0 40px 0;
  -moz-border-radius: 0 0 40px 0;
  -ms-border-radius: 0 0 40px 0;
  -o-border-radius: 0 0 40px 0;
  display: flex;
  flex-direction: column;
  padding:28px;
}
@media (max-width:1400px){
  .major-box{
    height:auto; 
  }
}
@media (max-width:1200px){
  .major-box{
    padding:20px;
  }
}
@media (max-width:991px){
  .major-box{
    padding:16px;
  }
}
.major-box span{
  margin-top:1.3rem;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 28px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: rgba(0, 0, 0, 1);
}
@media (max-width:1400px){
  .major-box span{
    margin-top:1rem;
    font-size:1.4rem;
  }
}
@media (max-width:1200px){
  .major-box span{
    margin-top:.5rem;
    font-size:1.2rem;
  }
}
@media (max-width:991px){
  .major-box span{
    margin-top:.2rem;
    font-size:1rem;
  }
}
.major-box p{
  margin-top:1rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: rgba(96, 98, 102, 1);
}
@media (max-width:1400px){
  .major-box p{
    margin-top:.5rem;
    font-size: 1rem;
  }
}
@media (max-width:1200px){
  .major-box p{
    margin-top:.2rem;
    font-size: .9rem;
  }
}
@media (max-width:991px){
  .major-box p{
    font-size: .8rem;
  }
}
.major-box img{
  margin-top:1.3rem;
  width:66px; 
  height:66px;
}
@media (max-width:1400px){
  .major-box img{
    margin-top:0;
    width:56px; 
    height:56px;
  }
}
@media (max-width:1200px){
  .major-box img{
    width:50px; 
    height:50px;
  }
}
@media (max-width:991px){
  .major-box img{
    width:40px; 
    height:40px;
  }
}
/* 寻找伙伴 */
.seek{
  background: url(../images/seek-pic.jpg) no-repeat center;
  background-size: cover;
  padding:8rem 0 10rem 0;
}
@media (max-width:1400px){
  .seek{
    padding:6rem 0 8rem 0;
  }
}
@media (max-width: 1200px) {
  .seek{
    padding:5rem 0 6rem 0;
  }
}
@media (max-width:991px){
  .seek{
    padding:4rem 0;
  }
}
@media (max-width:768px){
  .seek{
    padding:3rem 0;
  }
}
.seek-box{
  display: flex;
  flex-direction: column;
}
@media (max-width:576px){
  .seek-box{
    padding:0 3%;
  }
}
.seek-box span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 50px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}
@media (max-width:1400px){
  .seek-box span{ 
    font-size: 3rem;
  }
}
@media (max-width:1200px){
  .seek-box span{ 
    font-size: 2.5rem;
  }
}
@media (max-width:991px){
  .seek-box span{ 
    font-size: 2.2rem;
    line-height:1.2;
  }
}
@media (max-width:768px){
  .seek-box span{ 
    font-size: 2rem;
  }
}
@media (max-width:576px){
  .seek-box span{ 
    font-size: 1.8rem;
  }
}
.seek-box span font{
  color:#005655;
}
.seek-box ul{
  margin-top:3rem;
}
@media (max-width:1400px){
  .seek-box ul{
    margin-top:1.6rem;
  }
}
@media (max-width:1200px){
  .seek-box ul{
    margin-top:1.2rem;
  }
}
@media (max-width:991px){
  .seek-box ul{
    margin-top:1rem;
  }
}
.seek-box ul li{
  font-size: 18px;
  font-weight: 400;
  line-height:  2;
  letter-spacing: 0.01em;
  color: rgba(96, 98, 102, 1);
}
@media (max-width:1400px){
  .seek-box ul li{
    font-size:1.2rem;
    line-height:1.8;
  }
}
@media (max-width:1200px){
  .seek-box ul li{
    font-size:1rem;
  }
}
@media (max-width:991px){
  .seek-box ul li{
    font-size:.9rem;
    line-height: 1.8;
  }
}
/* 加盟流程 */
.chise{
  padding:8rem 0 ;
  position: relative;
}
#chise{
  position: absolute;
  top:-80px;
}
@media (max-width:1400px){
  .chise{
    padding:6rem 0 ;
  }
}
@media (max-width:1200px){
  .chise{
    padding:4rem 0 ;
  }
}
@media (max-width:991px){
  .chise{
    padding:3rem 0 ;
  }
}
.chise-top{
  display: flex;
  flex-direction:column;
  justify-content: center;
}
.chise-top span{
  font-family:'AlibabaPuHuiTi-2-55-Regular';
  font-size: 50px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .chise-top span{
    font-size:2.4rem;
  }
}
@media (max-width:1200px){
  .chise-top span{
    font-size:2rem;
  }
}
@media (max-width:991px){
  .chise-top span{
    font-size:1.8rem;
  }
}
@media (max-width:768px){
  .chise-top span{
    font-size:1.6rem;
  }
}
.chise-main{
  margin-top:2rem;
}
@media (max-width:1400px){
  .chise-main{
    margin-top:1rem;
  }
}
@media (max-width:991px){
  .chise-main{
    margin-top:.6rem;
  }
  .chise-main .row *{
    --bs-gutter-x:1rem;
  }
}
@media (max-width:576px){
  .chise-main{
    padding:0 3%;
  }
}
.chise-top p{
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .chise-top p{
    font-size: 1rem;
    line-height:1.5;
  }
}
@media (max-width:1200px){
  .chise-top p{
    font-size: .9rem;
  }
}
@media (max-width:991px){
  .chise-top p{
    font-size: .8rem;
  }
}
.chise-box{
  margin-top:24px;
  border: 1px solid rgba(228, 231, 237, 1);
  height:146px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width:1400px){
  .chise-box{
    margin-top:18px;
    height:120px;
  }
}
@media (max-width:991px){
  .chise-box{
    margin-top:12px;
    height:100px;
  }
}
@media (max-width:1200px){
  .chise-box p svg{
    width:40px;
    height:40px;
  }
}
@media (max-width:991px){
  .chise-box p svg{
    width:30px;
    height:30px;
  }
}
.chise-box span{
  margin-top:6px;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width:1400px){
  .chise-box span{
    margin-top:6px;
    font-size:1.1rem;
    line-height:1.2;
  }
}
@media (max-width:1200px){
  .chise-box span{
    margin-top:4px;
    font-size:1rem;
  }
}
@media (max-width:991px){
  .chise-box span{
    font-size:.9rem;
  }
}
.chise-box::after{
  content: '';
  position: absolute;
  left:12px;
  top:1px;
  font-family:'PlayfairDisplay-Regular-7';
  font-style:italic;
  font-size: 37px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(228, 231, 237, 1);
}
@media (max-width:1400px){
  .chise-box::after{
    font-size:2.2rem;
    line-height:1.4;
  }
}
@media (max-width:1200px){
  .chise-box::after{
    font-size:2rem;
  }
}
@media (max-width:991px){
  .chise-box::after{
    font-size:1.8rem;
  }
}
.chise-main .row>div:nth-child(1) .chise-box::after{
  content: '01';
}
.chise-main .row>div:nth-child(2) .chise-box::after{
  content: '02';
}
.chise-main .row>div:nth-child(3) .chise-box::after{
  content: '03';
}
.chise-main .row>div:nth-child(4) .chise-box::after{
  content: '04';
}
.chise-main .row>div:nth-child(5) .chise-box::after{
  content: '05';
}
.chise-main .row>div:nth-child(6) .chise-box::after{
  content: '06';
}
.chise-main .row>div:nth-child(7) .chise-box::after{
  content: '07';
}
.chise-box.on{
  background: rgba(0, 108, 107, 1);
}
.chise-box.on span{
  color:#ffffff;
}
.chise-box p svg path{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width:1400px){
  .chise-box p svg{
    width:40px;
    height:40px;
  }
}
.chise-box.on p svg path{
  fill:#ffffff;
}

/* 崔木匠精板 */
.columns.board li.checked a::after,
.columns.board li.on a::after{
  display: none;
}
.board li a svg path{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.board li.checked a svg path,
.board li.on a svg path{
  fill:#ffffff;
}
.board-title{
  display: flex;
  flex-direction: column;
}
@media (max-width:576px){
  .board-title{
    align-items: center;
  }
}
.board-title span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 42px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .board-title span{
    font-size:2.4rem;
  }
}
@media (max-width: 1200px) {
  .board-title span{
    font-size:2rem;
  }
}
@media (max-width:991px){
  .board-title span{
    font-size:1.8rem;
  }
}
@media (max-width:768px){
  .board-title span{
    font-size:1.6rem;
  }
}
.board-title p{
  margin-top:1.4rem;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(144, 147, 153, 1);
}
@media (max-width:1400px){
  .board-title p{
    margin-top:1rem;
    font-size: 1.2rem;
  }
}
@media (max-width: 1200px) {
  .board-title p{
    margin-top:.8rem;
    font-size: 1rem;
  }
}
@media (max-width:991px){
  .board-title p{
    margin-top:.6rem;
    font-size: .9rem;
  }
}
@media (max-width:576px){
  .board-title p{
    max-width: 90%;
    text-align: center;
    margin:0 auto;
    margin-top:.6rem;
  }
}
.board-info{
  display: flex;
  flex-wrap: wrap;
  margin-top:7rem;
}
@media (max-width:1400px){
  .board-info{
    margin-top:5rem;
  }
}
@media (max-width: 1200px) {
  .board-info{
    margin-top:4rem;
  }
}
@media (max-width:991px){
  .board-info{
    margin-top:3rem;
  }
}
@media (max-width:768px){
  .board-info{
    margin-top:2rem;
  }
}
@media (max-width:576px){
  .board-info{
    margin-top:1.2rem;
    justify-content: center;
  }
}
.board-info li{
  width:50%;
  display: flex;
  margin-bottom: 3rem ;
}
@media (max-width:1400px){
  .board-info li{
    margin-bottom:2rem;
  }
}
@media (max-width: 1200px) {
  .board-info li svg{
    width:46px;
    height:46px;
  }
}
@media (max-width:991px){
  .board-info li{
    margin-bottom:1.5rem;
  }
  .board-info li svg{
    width:36px;
    height:36px;
  }
}
@media (max-width:576px){
  .board-info li{
    justify-content: center;
    margin-bottom:1rem;
  }
}
.board-main{
  margin-top:6rem;
  background: url(../images/board-main.jpg) no-repeat bottom center;
  background-size: cover;
}
@media (max-width:1400px){
  .board-main{
    margin-top:4rem;
  }
}
@media (max-width: 1200px) {
  .board-main{
    margin-top:3rem;
  }
}
@media (max-width:991px){
  .board-main{
    margin-top:1rem;
  }
}
@media (max-width:768px){
  .board-main{
    margin-top:.5rem;
  }
}
.board-main .container{
  display: flex;
  justify-content:flex-start;
}
@media (max-width:576px){
  .board-main .container{
    flex-direction: column;
    align-items: center;
  }
}
.board-l{
  width:47.14%;
}
@media (max-width:768px){
  .board-l{
    width:55%;
  }
}
@media (max-width:576px){
  .board-l{
    width:100%;
  }
}
.board-txt{
  margin-left:.8rem;
}
@media (max-width:991px){
  .board-txt{
    margin-left:.5rem;
  }
}
@media (max-width:576px){
  .board-txt{
    width: 90px;
  }
}
.board-txt span{
  font-family:'AlibabaPuHuiTi-2-55-Regular';
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.02em;
  color: rgba(48, 49, 51, 1);
} 
@media (max-width:1400px){
  .board-txt span{
    font-size:1.2rem;
    line-height:1.2;
  }
}
@media (max-width: 1200px) {
  .board-txt span{
    font-size:1rem;
  }
}
@media (max-width:991px){
  .board-txt span{
    font-size:.9rem;
  }
}
.board-txt p{
  margin-top:6px;
  font-family:'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.02em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .board-txt p{
    font-size:1rem;
    line-height:1.2;
  }
}
@media (max-width: 1200px) {
  .board-txt p{
    font-size:.9rem;
    margin-top:2px;
  }
}
@media (max-width:991px){
  .board-txt p{
    font-size:.8rem;
  }
}
.board-r{
  max-width: 474px;
  margin-left:6rem;
}
@media (max-width:1400px){
  .board-r{
    max-width: 400px;
  }
}
@media (max-width: 1200px) {
  .board-r{
    max-width: 340px;
  }
}
@media (max-width:991px){
  .board-r{
    max-width: 260px;
    margin-left:0;
  }
}
@media (max-width:768px){
  .board-r{
    max-width: 240px;
    margin-left:0;
  }
}
.board-select{
  background: url(../images/board-select.jpg) no-repeat center;
  background-size: cover;
  padding:7.3rem 0 2rem 0;
}
@media (max-width:1400px){
  .board-select{
    padding:6rem 0 1.6rem 0;
  }
}
@media (max-width: 1200px) {
  .board-select{
    padding:5rem 0 1.4rem 0;
  }
}
@media (max-width:991px){
  .board-select{
    padding:4rem 0 1.4rem 0;
  }
}
@media (max-width:768px){
  .board-select{
    padding-top:3rem;
  }
}
.board-select .container{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.select-title{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.select-title span font,
.select-title span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 42px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .select-title span font,
  .select-title span{
    font-size:2.4rem;
  }
}
@media (max-width: 1200px) {
  .select-title span font,
  .select-title span{
    font-size:2rem;
  }
}
@media (max-width:991px){
  .select-title span font,
  .select-title span{
    font-size:1.8rem;
  }
}
@media (max-width:768px){
  .select-title span font,
  .select-title span{
    font-size:1.6rem;
  }
}
.select-title span font{
  color: rgba(0, 108, 107, 1);
}
.select-title p{
  margin-top:2rem;
  font-size: 20px;
  font-weight: 400;
  line-height:1.9;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .select-title p{
    margin-top:1rem;
    font-size: 1.1rem;
  }
}
@media (max-width: 1200px) {
  .select-title p{
    font-size: 1rem;
    line-height:1.7;
  }
}
@media (max-width:991px){
  .select-title p{
    margin-top:.5rem;
    font-size: .9rem;
    line-height:1.6;
  }
}
@media (max-width:768px){
  .select-title p{
    margin-top:.4rem;
    font-size: .8rem;
    line-height:1.5;
  }
}
.select-pic{
  max-width: 678px;
  margin:4rem 0;
}
@media (max-width:1400px){
  .select-pic{
    max-width: 620px;
    margin:3rem 0;
  }
}
@media (max-width: 1200px) {
  .select-pic{
    max-width: 600px;
    margin:2rem 0;
  }
}
@media (max-width:991px){
  .select-pic{
    max-width: 500px;
    margin:1rem 0;
  }
}
@media (max-width:576px){
  .select-pic{
    max-width: 90%;
  }
}
/* 产品特点 */
.board-type{
  background: url(../images/board-type.jpg) no-repeat center;
  background-size: cover;
  padding:10.8rem 0 19rem 0;
}
@media (max-width:1400px){
  .board-type{
    padding:7rem 0 10rem 0;
  }
}
@media (max-width: 1200px) {
  .board-type{
    padding:5rem 0 8rem 0;
  }
}
@media (max-width:991px){
  .board-type{
    padding:4rem 0 6rem 0;
  }
}
@media (max-width:768px){
  .board-type{
    padding:3rem 0 5rem 0;
  }
}
.board-tag{
  display: flex;
  justify-content: center;
  margin-top:4rem;
}
@media (max-width:1400px){
  .board-tag{
    margin-top:3rem;
  }
}
@media (max-width: 1200px) {
  .board-tag{
    margin-top:2rem;
  }
}
@media (max-width:991px){
  .board-tag{
    margin-top:1.5rem;
  }
}
@media (max-width:576px){
  .board-tag{
    justify-content: space-around;
    max-width: 94%;
    margin:0 auto;
    margin-top:1.2rem;
  }
}
.board-tag li{
  margin:0 2.5rem;
}
@media (max-width:1400px){
  .board-tag li{
    margin:0 2rem;
  }
}
@media (max-width:991px){
  .board-tag li{
    margin:0 1rem;
  }
}
@media (max-width:768px){
  .board-tag li{
    margin:0 .7rem;
  }
}
@media (max-width:576px){
  .board-tag li{
    margin:0;
  }
}
.board-tag li span{
  display: block;
  margin-top:1rem;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}
@media (max-width:1400px){
  .board-tag li span{
    font-size:1.2rem;
  }
  .board-tag li p svg{
    width:90px;
    height:90px;
  }
}
@media (max-width: 1200px) {
  .board-tag li span{
    margin-top:.6rem;
    font-size:1rem;
  }
  .board-tag li p svg{
    width:80px;
    height:80px;
  }
}
@media (max-width:991px){
  .board-tag li span{
    margin-top:.4rem;
    font-size:.9rem;
  }
  .board-tag li p svg{
    width:60px;
    height:60px;
  }
}
@media (max-width:768px){
  .board-tag li p svg{
    width:50px;
    height:50px;
  }
}
.board-type .select-title p,
.board-type .select-title span{
  color:#ffffff;
}
.board-type .select-title p{
  max-width: 1110px;
  margin-top:3rem;
}
@media (max-width:1400px){
  .board-type .select-title p{
    margin-top:2rem;
  }
}
@media (max-width: 1200px) {
  .board-type .select-title p{
    margin-top:1rem;
  }
}
@media (max-width:991px){
  .board-type .select-title p{
    margin-top:.7rem;
  }
}
@media (max-width:576px){
  .board-type .select-title p{
    max-width: 94%;
  }
}
.board-case{
  padding:7.5rem 0;
}
@media (max-width:1400px){
  .board-case{
    padding:6rem 0;
  }
}
@media (max-width: 1200px) {
  .board-case{
    padding:5rem 0;
  }
}
@media (max-width:991px){
  .board-case{
    padding:4rem 0;
  }
}
@media (max-width:768px){
  .board-case{
    padding:3rem 0;
  }
}
.board-case-main{
  overflow: hidden;
  margin-top:3.8rem;
}
@media (max-width:1400px){
  .board-case-main{
    margin-top:2.5rem;
  }
}
@media (max-width: 1200px) {
  .board-case-main{
    margin-top:2rem;
  }
}
@media (max-width:991px){
  .board-case-main{
    margin-top:1.5rem;
  }
}
@media (max-width:768px){
  .board-case-main{
    margin-top:1rem;
  }
}
@media (max-width:576px){
  .board-case-main{
    padding:0 1rem;
  }
}
.board-case-main a img{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.board-case-main a{
  display: block;
  overflow: hidden;
}
.board-case-main a:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.board-case-t{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.board-case-t span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 50px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .board-case-t span{
    font-size: 2.4rem;
  }
}
@media (max-width: 1200px) {
  .board-case-t span{
    font-size: 2rem;
  }
}
@media (max-width:991px){
  .board-case-t span{
    font-size: 1.8rem;
  }
}
@media (max-width:768px){
  .board-case-t span{
    font-size: 1.6rem;
  }
}
.board-case-t p{
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: capitalize;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .board-case-t p{
    font-size: 1rem;
    line-height:1.4;
  }
}
@media (max-width: 1200px) {
  .board-case-t p{
    font-size: .9rem;
  }
}
/* 产品中心 */
.level{
  display: flex;
  margin-top:-3.2rem;
  width:100%;
  justify-content:space-around;
  flex-wrap: wrap;
  padding:0 3%;
  overflow: hidden;
}
@media (max-width:1400px){
  .level{
    margin-top:-2.6rem;
    padding:0 1%;
  }
}
@media (max-width:991px){
  .level{
    margin-top:-1.2rem;
    padding:0 .5%;
  }
}
@media (max-width:576px){
  .level{
    margin:0 auto;
    max-width: 94%;
    margin-top:-1.2rem;
    padding:0;
  }
}
.level .swiper-slide{
  width:150px;
}
@media (max-width:1400px){
  .level .swiper-slide{
    width:160px;
  }
}
@media (max-width:991px){
  .level .swiper-slide{
    width:180px;
  }
}
@media (max-width:576px){
  .level .swiper-slide{
    width:50%;
  }
}
.level li{
  display: flex;
  align-items: center;
  justify-content: center;
}
.level li a{
  display: block;
  padding:.5rem .3rem;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
  position:relative;
}
@media (max-width:1400px){
  .level li a{
    font-size:1.1rem;
  }
}
@media (max-width:1200px){
  .level li a{
    font-size:1rem;
  }
}
@media (max-width:991px){
  .level li a{
    font-size:.9rem;
    padding:.4rem .2rem;
  }
}
.level li.checked a,
.level-box:hover span,
.level li.on a{
  color:transparent;
  background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.level li.checked a::after,
.level li.on a::after{
  content: '';
  width:100%;
  height:3px;
  position: absolute;
  left:0;
  bottom: 0;
  background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
}
.level-main{
  margin-top:1.8rem;
}
@media (max-width:1400px){
  .level-main{
    margin-top:1rem;
  }
}
@media (max-width:1200px){
  .level-main{
    margin-top:.5rem;
  }
}
@media (max-width:991px){
  .level-main .row *{
    --bs-gutter-x:1rem; 
  }
}
@media (max-width:576px){
  .level-main{
    margin:0 auto;
    max-width: 94%;
    margin-top:.5rem;
  }
  .level-main .row,
  .level-main .row *{
    --bs-gutter-x:0; 
  }
}
.level-pic{
  overflow: hidden;
  position: relative;
}
.level-img{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.level-box:hover .level-img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.level-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin:2rem 0;
}
.level-box-min{
  margin:1rem 0;
}
@media (max-width:1400px){
  .level-box{
    margin:1rem 0;
  }
}
@media (max-width:1200px){
  .level-box{
    margin:.6rem 0;
  }
}
@media (max-width:991px){
  .level-box{
    margin:.4rem 0;
  }
}
.level-box span{
  display: block;
  margin-top:1.2rem;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
.level-box span>b{
  color:red;
}
@media (max-width:1400px){
  .level-box span{
    margin-top:1rem;
    font-size:1.2rem;
  }
}
@media (max-width: 1200px) {
  .level-box span{
    font-size:1rem;
  }
}
@media (max-width:991px){
  .level-box span{
    margin-top:.6rem;
    font-size:.9rem;
  }
}
.level-pic img{
  opacity: 0;
}
/* 走进崔木匠 */
.walk{
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width:576px){
  .walk{
    padding:0 3%;
  }
}
.walk-r{
  width:58.54%;
}
@media (max-width:991px){
  .walk-r{
    display: none;
  }
}
.walk-l{
  width:41.45%;
}
@media (max-width:991px){
  .walk-l{
    display: none;
  }
}
.walk-info .about-adva{
  width:auto;
  height:auto;
  position: static;
  background: none;
  width:100%;
  margin-top:5rem;
}
@media (max-width:1400px){
  .walk-info .about-adva{
    margin-top:2rem;
  }
}
@media (max-width:1200px){
  .walk-info .about-adva{
    margin-top:1.2rem;
  }
}
.walk-info .about-adva ul{
  justify-content: space-between;
  width: 100%;
}
.walk-info .about-adva ul li{
  margin:0;
}
.walk-info .about-adva ul li b{
  font-size:50px;
  color:transparent;
  background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width:1200px){
  .walk-info .about-adva ul li b{
    font-size: 2.5rem;
  }
}
@media (max-width:991px){
  .walk-info .about-adva ul li b{
    font-size: 2.2rem;
  }
}
.walk-info .about-adva ul li span{
  color: rgba(0, 0, 0, 1);
}
.walk-info .about-adva ul li p{
  color: rgba(0, 0, 0, 1);
}
.walk .container{
  position: absolute;
  left:50%;
  height:100%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  display: flex;
  justify-content: flex-end;
}
@media (max-width:991px){
  .walk .container{
    position:static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
.walk-box{
  max-width: 800px;
  margin-top:60px;
}
@media (max-width:1400px){
  .walk-box{
    max-width: 630px;
    margin-top:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width:1200px){
  .walk-box{
    max-width: 540px;
  }
}
@media (max-width:991px){
  .walk-box{
    max-width: 100%;
    padding-bottom:2rem;
  }
}
.walk-desc span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 50px;
  font-weight: 400;
  line-height: 74px;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 1);
}
@media (max-width:1400px){
  .walk-desc span{
    font-size:2.5rem;
    line-height:1.4;
  }
}
@media (max-width:1200px){
  .walk-desc span{
    font-size:2rem;
    line-height:1.2;
  }
}
@media (max-width:991px){
  .walk-desc span{
    display: block;
    width:100%;
    text-align: center;
    font-size:1.8rem;
  }
}
.walk-txt{
  margin-top:2.2rem;
}
@media (max-width:1400px){
  .walk-txt{
    margin-top:1rem;
  }
}
@media (max-width:1200px){
  .walk-txt{
    margin-top:.5rem;
  }
}
.walk-txt p{
  font-size: 18px;
  font-weight: 400;
  line-height:1.7 ;
  letter-spacing: 0.01em;
  color: rgba(96, 98, 102, 1);
}
@media (max-width:1400px){
  .walk-txt p{
    font-size: 1.1rem;
    line-height:1.6;
  }
}
@media (max-width:1200px){
  .walk-txt p{
    font-size: 1rem;
    line-height:1.5;
  }
}
/* 企业文化 */
.culture{
  margin-top:4rem;
  background: url(../images/culture-bg.jpg) no-repeat center;
  background-size: cover;
  padding:5rem 0 6.5rem 0 ;
  position: relative;
}
#culture{
  position: absolute;
  top:-100px;
}
@media (max-width:1400px){
  .culture{
    margin-top:2rem;
    padding:4rem 0 5rem 0;
  }
}
@media (max-width:1200px){
  .culture{
    padding:3rem 0 4rem 0;
  }
}
@media (max-width:991px){
  .culture{
    margin-top:1rem;
  }
}
@media (max-width:768px){
  .culture{
    margin-top:0rem;
  }
}
@media (max-width:576px){
  .culture{
    padding-bottom:3rem;
  }
}
@media (min-width: 1400px) {
  .culture .container{
    max-width: 1414px;
  }
}
.culture-top{
  display:flex;
  flex-direction:column;
  align-items: center;
}
.culture-top span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 50px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}
@media (max-width:1400px){
  .culture-top span{
    font-size: 2.5rem;
  }
}
@media (max-width:1200px){
  .culture-top span{
    font-size: 2rem;
  }
}
@media (max-width:991px){
  .culture-top span{
    font-size: 1.8rem;
  }
}
.culture-top p{
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .culture-top p{
    font-size:1rem;
  }
}
@media (max-width:1200px){
  .culture-top p{
    font-size:.9rem;
  }
}
.culture-main{
  margin-top:3.2rem;
}
@media (max-width:1400px){
  .culture-main{
    margin-top:2rem;
  }
}
@media (max-width:1200px){
  .culture-main{
    margin-top:1.5rem;
  }
}
@media (max-width:576px){
  .culture-main{
    margin-top:1rem;
    padding:0 3%;
  }
}
.culture-box{
  position: relative;
  margin:0 .5rem;
  margin-bottom: 5.5rem;
}
@media (max-width:1200px){
  .culture-box{
    margin-bottom: 4rem;
  }
}
@media (max-width:991px){
  .culture-box{
    margin-bottom: 3rem;
  }
}
@media (max-width:576px){
  .culture-box{
    margin-bottom: 0rem;
  }
}
.culture-txt{
  position: absolute;
  right:0;
  bottom: 0;
  width:84.54%;
  height:170px;
  background: rgba(245, 246, 248, 1);
  padding:26px;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  cursor: pointer;
}
@media (max-width:1400px){
  .culture-txt{
    width:76%;
    height:120px;
    padding:20px;
  }
}
@media (max-width:1200px){
  .culture-txt{
    width:86%;
    height:100px;
    padding:16px;
  }
}
@media (max-width:768px){
  .culture-txt{
    position:static;
    transform: translate(0);
    width:100%;
    height:90px;
    padding:10px;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}
}
.culture-txt span{
  display: block;
  position: relative;
  margin-top:.5rem;
  font-family:'AlibabaPuHuiTi-2-55-Regular';
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-align: left;  
  color: rgba(48, 49, 51, 1);
}
@media (max-width:1400px){
  .culture-txt span{
    margin-top:0;
    font-size:1.4rem;
  }
}
@media (max-width:1200px){
  .culture-txt span{
    font-size:1.2rem;
  }
}
@media (max-width:768px){
  .culture-txt span{
    font-size:1rem;
  }
}
.culture-txt span::after{
  content: '//';
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.01em;
  background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
  color:transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left:.5rem;
}
@media (max-width:1400px){
  .culture-txt span::after{
    font-size:12px;
    line-height:1.6;
    margin-left:.2rem;
  }
}
.culture-txt p{
  margin-top:.5rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: rgba(96, 98, 102, 1);
  max-width: 240px;
}
.culture-txt0 p{
    max-width: 200px;
}
@media (max-width:1400px){
  .culture-txt p{
    font-size:.9rem;
    margin-top:.3rem;
  }
}
@media (max-width:1200px){
  .culture-txt p{
    font-size:.8rem;
  }
}
@media (max-width:576px){
  .culture-txt p{
    font-size:.7rem;
  }
}
.culture-box.on .culture-txt{
  background: linear-gradient(90deg, #005655 0%, #00BCBA 100%);
}
.culture-box.on .culture-txt span::after{
  -webkit-text-fill-color:#fff;
}
.culture-box.on .culture-txt p,
.culture-box.on .culture-txt span{
  color:#ffffff;
}

/* 组织架构 */
.struct{
  background: url(../images/struct-bg.jpg) no-repeat center center;
  background-size: cover;
  padding:5.9rem 0 4rem 0;
   position: relative;
}
#struct{
    position: absolute;
    top:70px;
}
.struct .container{
    position: relative;
    padding-top:3.5rem;
}
@media (max-width:1200px){
.struct .container{
    padding-top:2.5rem;
}
}
@media (max-width:768px){
.struct .container{
    padding-top:5rem;
}
}
.struct-logo{
    position: absolute;
    left:0;
    top:0;
}
@media (max-width:1400px){
    .struct-logo{
        max-width:300px;
    }
}
@media (max-width:1200px){
    .struct-logo{
        max-width:250px;
    }
}
@media (max-width:991px){
    .struct-logo{
        max-width:230px;
    }
}
@media (max-width:768px){
    .struct-logo{
        left:50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
    }
}
#struct{
  position: absolute;
  top:-100px;
}
@media (max-width:1200px){
  .struct{
    padding:4rem 0 3rem 0;
  }
}
@media (max-width:991px){
  .struct{
    padding:3rem 0 3rem 0;
  }
}
@media (max-width:576px){
  .struct{
    padding:3rem 3%;
  }
}
/* 资质荣誉 */
.honor{
  /* background: url(../images/honor.jpg) no-repeat center;
  background-size: cover; */
  padding:4rem 0;
  background: #f4f8fb;
  position: relative;
}
#honor{
  position: absolute;
  top:-100px;
}
@media (max-width:1400px){
  .honor{
    padding:3rem 0;
  }
}
@media (max-width:576px){
  .honor{
    padding:3rem 3%;
  }
}
.honor-main{
  max-width: 1440px ;
  margin:4.45rem auto 0 auto;
  position: relative;
}
.honor-main::before,
.honor-main::after{
  content: '';
  width:1567px;
  height:38px;
  background: url(../images/honor-main.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  left:50%;
  top:246px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  z-index: 111;
}
@media (max-width:1600px){
  .honor-main::before,
  .honor-main::after{
    width:100%;
  }
}
@media (max-width:1400px){
  .honor-main::before,
  .honor-main::after{
    height:30px;
  }
}
.honor-main::before{
  top:auto;
  bottom: 72px;
}
@media (max-width:1400px){
  .honor-main::before{
    bottom: 60px;
  }
}
@media (max-width:991px){
  .honor-main::before{
    bottom: 50px;
  }
}
@media (max-width:768px){
  .honor-main::before{
    bottom: 36px;
  }
}
@media (max-width:1400px){
  .honor-main{
    margin-top:2rem;
  }
}
@media (max-width:1200px){
  .honor-main{
    margin-top:1.8rem;
  }
}
@media (max-width:768px){
  .honor-main{
    margin-top:1rem;
  }
}
@media (max-width:576px){
  .honor-main{
    max-width: 100%;
  }
}
.honor-name{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 50px;
  font-weight: 400;
  line-height: 70px;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}
@media (max-width:1400px){
  .honor-name{
    font-size:2.5rem;
    line-height:1.5;
  }
}
@media (max-width:1200px){
  .honor-name{
    font-size:2.2rem;
  }
}
@media (max-width:991px){
  .honor-name{
    font-size:2rem;
  }
}
@media (max-width:768px){
  .honor-name{
    font-size:1.8rem;
  }
}
#honor_swiper{
  height:720px;
}
@media (max-width:1400px){
  #honor_swiper{
    height:680px;
  }
}
@media (max-width:1200px){
  #honor_swiper{
    height:660px;
  }
}
@media (max-width:991px){
  #honor_swiper{
    height:640px;
  }
}
@media (max-width:768px){
  #honor_swiper{
    height:620px;
  }
}
#honor_swiper .swiper-slide { 
  height: calc( ( 100% - 0px ) / 2 ) !important;
}
.honor-box{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.honor-box span{
  display: block;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
  margin-top:2.4rem;
  position:relative;
  z-index: 4444;
}
@media (max-width:1400px){
  .honor-box span{
    font-size:1.1rem;
    margin-top:2rem;
  }
}
@media (max-width:1200px){
  .honor-box span{
    font-size:1rem;
    margin-top:1.6rem;
  }
}
.honor-img{
  overflow: hidden;
  position: relative;
}
.honor-img img{
  opacity: 0;
}
.honor-pic{
  position: absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 222;
}
/* 详情 */
.details{
  padding-bottom: 5rem;
}
@media (max-width:1400px){
  .details{
    padding-bottom: 3rem;
  }
}
@media (max-width:1200px){
  .details{
    padding-bottom: 2rem;
  }
}
@media (max-width:991px){
  .details{
    padding-bottom: 1.5rem;
  }
}
@media (max-width:768px){
  .details{
    padding-bottom: 1.2rem;
  }
}
.details .view-top h1{
  font-size:2.2rem;
  text-align: center;
  max-width: 94%;
  padding-top: 60px;
}
@media (max-width:1400px){
  .details .view-top h1{
    font-size:1.8rem;
  }
}
@media (max-width:1200px){
  .details .view-top h1{
    font-size:1.6rem;
  }
}
@media (max-width:991px){
  .details .view-top h1{
    font-size:1.4rem;
  }
}
@media (max-width:768px){
  .details .view-top h1{
    font-size:1.2rem;
  }
}
.view-info{
  display: flex;
  justify-content: center;
  padding:1rem 0;
}
@media (max-width:1400px){
  .view-info{
    padding:.7rem 0;
  }
}
@media (max-width:991px){
  .view-info{
    padding:.4rem 0;
  }
}
.view-info em{
	display:block;
	margin-right: 3rem;
	color: #909399;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%;
	letter-spacing: 0.3px;
}
@media (max-width:1200px){
  .view-info em{
    font-size:12px;
  }
}
@media (max-width:991px){
  .view-info em{
    margin-right:2rem;
  }
}
@media (max-width:576px){
  .view-info em{
    margin-right:1rem;
  }
}
.view-info em img{
  margin-right:10px;
}
@media (max-width:1200px){
  .view-info em img{
    margin-right:6px;
  }
}
.view-desc{
  margin-top:1rem;
}
@media (max-width:1400px){
  .view-desc{
    margin-top:.5rem;
  }
}
@media (max-width:768px){
  .view-desc{
    margin-top:.3rem;
  }
}
@media (max-width:576px){
  .view-desc{
    padding:0 3%;
  }
}
.view-desc,
.view-desc p {
  color: #303133;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.3px;
}
@media (max-width:1400px){
  .view-desc,
  .view-desc p {
    font-size:16px;
    line-height:1.6;
  }
}
@media (max-width:991px){
  .view-desc,
  .view-desc p {
    font-size:14px;
  }
}
.view-pager {
	border-top: 1px solid rgba(226, 226, 226, 1);
	padding: 2rem 0 ;
  margin-top:2rem;
}
@media (max-width:1400px){
  .view-pager {
    margin-top:1rem;
    padding:1.5rem 0;
  }
}
@media (max-width:1200px){
  .view-pager {
    padding:1rem 0;
  }
}
@media (max-width:768px){
  .view-pager {
    margin-top:.8rem;
    padding:.8rem 0;
  }
}
.view-pager ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media (max-width:576px){
  .view-pager ul {
    padding:3%;
  }
}
.view-pager ul li {
	display: flex;
}
.view-pager ul li span,
.view-pager ul li a {
	color: #303133;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0.32px;
}
@media (max-width:1400px){
  .view-pager ul li span,
  .view-pager ul li a {
    font-size:14px;
  }
}
@media (max-width:991px){
  .view-pager ul li a {
    display: none;
  }
}
.view-pager ul li:hover a{
  color:#005655;
}
@media (max-width: 768px) {
  .paging li{
    display: none;
    margin:0 16px;
  }
  .paging li:first-child,
  .paging li:last-child{
    display: block;
  }
}

.right,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
  display: none;
}

.sy-mask {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	left: 0;
	top: 0;
	z-index: 1000;
}

.sy-alert {
	position: fixed;
	display: none;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	width: 400px;
	max-width: 90%;
	max-height: 80%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9999;
	padding: 5px;
}

.sy-alert.animated {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
}

.sy-alert .sy-title {
	text-align: center;
	color: #333;
	line-height: 2;
	font-size: 24px;
	border-bottom: 1px solid #eee;
	padding: 0 12px;
}

.sy-alert .sy-content {
	padding: 20px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	overflow-y: auto;
}

.sy-alert .sy-btn {
	height: 50%;
	border-top: 1px solid #eee;
	overflow: hidden;
}

.sy-alert .sy-btn button {
	float: left;
	border: 0;
	color: #333;
	cursor: pointer;
	background: #fff;
	width: 50%;
	line-height: 45px;
	font-size: 15px;
	text-align: center;
}

.sy-alert .sy-btn button:nth-child(1) {
	color: #888;
	border-right: 1px solid #eee;
}

.sy-alert.sy-alert-alert .sy-btn button {
	float: none;
	width: 100%;
}

.sy-alert.sy-alert-tips {
	text-align: center;
	width: 150px;
	background: rgba(0, 0, 0, 0.7);
}

.sy-alert.sy-alert-tips .sy-content {
	padding: 8px;
	color: #fff;
	font-size: 14px;
}

.sy-alert.sy-alert-model .sy-content {
	text-align: left;
}

.sy-alert.sy-alert-model .sy-content .form .input-item {
	margin-bottom: 12px;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.sy-alert.sy-alert-model .sy-content .form .input-item input {
	display: block;
	position: relative;
	width: 100%;
	border: 1px solid #eee;
	padding: 10px;
	box-sizing: border-box;
}

.sy-alert.sy-alert-model .sy-content .form .input-item select {
	padding: 10px 5px;
	border: 1px solid #eee;
	box-sizing: border-box;
	display: inline;
	width: 32%;
}

.sy-alert.sy-alert-model .sy-content .form .input-item .getcode {
	border: 0;
	top: 0;
	right: 0;
	position: absolute;
	background: 0;
	line-height: 37px;
	color: #f60;
	width: 100px;
	text-align: center;
}

.loadmore {
  width: 80%;
  margin: 1.5em auto;
  line-height: 1.6em;
  font-size: 14px;
  text-align: center;
  clear: both;
}
.loadmore-tips {
  display: inline-block;
  vertical-align: middle;
}
.loadmore-line {
  border-top: 1px solid #eeeeee;
  margin-top: 4em;
  margin-bottom: 4em;
}
.loadmore-line .loadmore-tips {
  position: relative;
  top: -0.9em;
  padding: 0 0.55em;
  background-color: #FFFFFF;
  color: #808080;
}
.btn-loadmore {
  clear: both;
}
.case-thumb{
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.case-pic img{
  opacity: 0;
}
.case-pic:hover .case-thumb{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.talent-row{
  margin-top:50px;
  margin-bottom: 5rem;
}
@media (max-width: 1400px) {
  .talent-row{
    margin-top:40px;
  }
}
@media (max-width: 1200px) {
  .talent-row{
    margin-top:30px;
  }
}
@media (max-width: 768px) {
  .talent-row{
    margin-top:60px;
  }
}
.talent-item{
  background: #f9f9f9;
  padding:40px 40px 50px 40px;
  margin-bottom: 24px;
}
@media (max-width: 1400px) {
  .talent-item{
    padding:30px;
  }
}
@media (max-width: 1200px) {
  .talent-item{
    padding:25px;
  }
}
@media (max-width: 992px) {
  .talent-item{
    padding:18px;
    margin-bottom: 18px;
  }
}
@media (max-width: 768px) {
  .talent-item{
    padding:14px;
    margin-bottom: 14px;
  }
}
.talent-top{
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  cursor: pointer;
}
.talent-item.on .talent-top{
  border-bottom: 1px solid rgba(235, 238, 245, 1);
  padding-bottom: 28px; 
}
@media (max-width: 1400px) {
  .talent-item.on .talent-top{
    padding-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .talent-item.on .talent-top{
    padding-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .talent-item.on .talent-top{
    padding-bottom: 10px;
  }
}
.talent-title{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
  color: rgba(48, 49, 51, 1);
  margin-bottom: 10px;
  padding-left:10px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1400px) {
  .talent-title{
    font-size: 20px;
    margin-bottom: 8px;
  }
}
@media (max-width: 992px) {
  .talent-title{
    font-size: 18px;
    margin-bottom: 8px;
  }
}
@media (max-width: 768px) {
  .talent-title{
    font-size: 17px;
    margin-bottom: 4px;
    padding-left:5px;
  }
}
.talent-item.on .talent-title{
  color:#00BCBA;
}
.talent-tool{
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*max-width:924px;*/
  padding-left:10px;
  width:100%;
}
@media (max-width: 1200px) {
  .talent-tool{
    padding-left: 5px;
    flex-wrap: wrap;
  }
}
.talent-tool li{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(48, 49, 51, 1);
  flex:1;
}
@media (max-width: 1400px) {
  .talent-tool li{
    font-size:15px;
  }
}

@media (max-width:1200px) {
  .talent-tool li{
    width: 50%;
    flex:auto;
  }  
}
.talent-open{
  position: absolute;
  right:10px;
  top:20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1400px) {
  .talent-open{
    width:30px;
    height:30px;
  }
}
@media (max-width: 1200px) {
  .talent-open{
    top:50%;
    width:20px;
    height:20px;
        transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
}
@media (max-width: 768px) {
  .talent-open{
    width:18px;
    height:18px;
  }
}
.talent-item.on .talent-open img:last-child{
  display: block;
}
.talent-item.on .talent-open img:first-child,
.talent-open img:last-child{
  display: none;
}
.talent-but{
  margin-top:18px;
  padding:10px 0;
  display: none;
}
@media (max-width: 1400px) {
  .talent-but{
    margin-top:10px;
  }
}
@media (max-width: 1200px) {
  .talent-but{
    padding:6px 0;
  }
}
@media (max-width: 992px) {
  .talent-but{
    margin-top:6px;
    padding:4px;
  }
}
.talent-name{
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(48, 49, 51, 1);
  margin-left:10px;
}
@media (max-width: 1400px) {
  .talent-name{
    font-size:15px;
  }
}
@media (max-width: 992px) {
  .talent-name{
    margin-left:0px;
  }
}
.talent-app{
  padding:10px;
}
@media (max-width: 992px) {
  .talent-app{
    padding:6px;
  }
}
.talent-app p{
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1400px) {
  .talent-app p{
    font-size: 14px;
    line-height: 1.8;
  }
}