@charset "UTF-8";
/*header start*/
.header-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  flex-wrap: wrap;.jiaTing1 ul li::before, .jiaTing4 ul li::before
  white-space: wrap;
}
#st-1{
   text-align: left !important; 
}
#st-1 .st-btn {
    /*margin-right: 0 !important;*/
}
html {
    margin-top:0 !important;
}
.miniTopBox{
    display: none;
}
.hc-pro-kv-pb .imgshow .img-box{
    padding-bottom:20.83333%;
}
.hc-video-height{
    position: relative;
    overflow: hidden;
    padding-bottom:56.25%;
}
.hc-video-height .hvh-inner{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.newsBottomSwiper .hc-video-height .hvh-inner img{
    width:100%;
    height:100%;
    object-fit:cover;
    position: absolute;
    left:0;
    top:0;
    transition: all 0.6s;
    transform: scale(1);
}
.newsBottomSwiper .hc-video-height .hvh-inner:hover img{
    transform: scale(1.1);
}
.border-hc{
    border:1px solid #ccc;
    display: block;
    box-sizing:border-box;
}
.hc-video-height .hvh-inner .video-js{
    height:100% !important;
}
.hc-video-height .hvh-inner .vjs-poster{
    background-size:cover;
    transition: all 0.6s;
    transform: scale(1);
}
.hc-video-height .hvh-inner .vjs-poster:hover{
    transform: scale(1.1);
}
.newsSwiper{border:1px solid #e1e3e1;}
/*.video-box{padding:15px;}*/
.hc-no-pd .video-box{
    padding:0;
}

.msgCenter .usedComp{
	width: calc((100% - 30px) / 3) !important;
	margin-right: 15px;
}
.msgCenter .usedComp:nth-child(4n+4){
	margin-right: 0px;
}
.usedComp{
	float: none;
	display: inline-block;
}
.usedComp:nth-child(even) {
	float: none;
}
.usedComp{
	position: relative;
	display: flex;
	align-items: center;
}
.selfTxtarea{
	position: relative;
}
.selfTxtarea label {
	position: absolute;
	top:0;
	left:20px;
	display: block;
	line-height: 55px;
}
.msgCenter .xhl-control-group textarea {
	text-indent: 70px;
	line-height: 55px !important;
}
.xhl-controls{
	flex:1;
}
.xhl-control-group{
	background: #F8F8F8;
	border: 1px solid #EEEEEE;
	padding-left: 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.msgCenter .xhl-control-group input {
	padding-left: 10px !important;
}
.msgCenter .xhl-input-xlarge{
	background: none !important;
	border:none !important;
}
.usedComp label{
	line-height: 55px;
}
.msgCenter #xhlFormSubmit {
	background: rgb(51,51,51) !important;
	color: #fff !important;
	margin:0 auto !important;
}




.pro-con{
    display: none;
}
.pro-conactive{
    display: block;
}
.layui-layer-shade{
    z-index: 1999!important;
}
.nojq{
    display: none !important;
}
.header-box .logo {
  width: 141px;
  margin-right: 46px;
}

.header-box .header-box-left {
  display: flex;
  align-items: center;
  flex:1;
}

.header-box .header-box-left-news {
  width: 100%;
}

.header-box .header-box-left-news .nav-box {
  flex: 1;
}

.header-box .nav-box {
  display: flex;
  align-items: center;
  text-transform: capitalize;
}

.header-box .h-tool {
  display: flex;
  align-items: center;
}

.header-box .h-search {
  position: relative;
}

.header-box .h-search input {
  border: 1px solid #999;
  border-radius: 50px;
  height: 34px;
  line-height: 34px;
  padding: 0 16px;
  box-sizing: border-box;
  width: 210px;
}

.header-box .h-search button {
  position: absolute;
  right: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  width: 40px;
  top: 0;
  height: 100%;
  text-align: center;
  z-index: 2;
}

.header-box .h-search .iconfont {
  font-size: 18px;
}

.header-box .h-lang {
  display: flex;
  align-items: center;
  margin-left: 40px;
  position: relative;
  cursor: pointer;
  z-index: 2;
}

.header-box .h-lang em {
  padding: 0 5px;
}

.header-box .h-lang .iconfont {
  font-size: 20px;
}

.header-box .h-lang:hover .h-cont {
  top: 100%;
  opacity: 1;
  visibility: visible;
}

.header-box .h-lang:hover .arrow {
  transform: rotate(-180deg);
}

.header-box .h-lang .h-cont {
  position: absolute;
  left: 0;
  top: 110%;
  min-width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.header-box .h-lang .h-cont a {
  color: #FFF;
  padding: 5px;
  display: block;
  text-align: center;
}

.header-box .h-lang .h-cont a:hover {
  text-decoration: underline;
}

.header-box .h-lang .arrow {
  width: 10px;
  height: 10px;
  background: url("../images/index/arrow.png") no-repeat center center;
  background-size: 10px 5px;
  transition: all 0.4s;
}
[data-network="facebook"] {
  background: url("../images/facebook.svg") no-repeat center center;
  background-size: contain;
}
[data-network="twitter"] {
  background: url("../images/x.svg") no-repeat center center;
  background-size: contain;
}
[data-network="email"] {
  background: url("../images/email.svg") no-repeat center center;
  background-size: contain;
}
[data-network="linkedin"] {
  background: url("../images/instagram.svg") no-repeat center center;
  background-size: contain;
}
[data-network="pinterest"] {
  background: url("../images/time.svg") no-repeat center center;
  background-size: contain;
}
[data-network="sharethis"] {
  background: url("../images/fenXiang.svg") no-repeat center center;
  background-size: contain;
}

.nopicbg{
    background:#f5f5f5 !important;
}


.shareBox #st-1 .st-btn  img {
    display: none !important;
}
.shareBox #st-1 .st-btn {
    height: 15px !important;
    width: 15px !important;
    box-sizing: box-sizing;
    line-height: 22px !important;
    cursor: pointer;
    margin: 5px;
}

.header-box-right {
  width: fit-content;
}

.header-box-right ul {
  display: flex;
  align-items: center;
  gap: 38px;
}

.header-box-right ul::before {
  display: none;
}

.header-box-right ul::after {
  display: none;
}

.header-box-right ul li {
  cursor: pointer;
  position: relative;
}
.header-box-right ul li.lan{
    display: flex;
    align-items: center;
}
.header-box-right ul li.lan .diqiu{
    width:25px;
    height:25px;
    background:url("../images/diQiu.png") no-repeat center;
    margin-right:5px;
}
.header-box-right ul li.lan select{
    color:#fff;
    background:transparent;
    border:none;
}
.header-box-right ul li.lan select option{
    background:rgba(0,0,0,0.5);
    color:#fff;
}
.hide .header-box-right ul li.lan .diqiu{
    background:url("../images/diQiu2.png") no-repeat center;
}
.hide .header-box-right ul li.lan select{
    color:#333;
    background:transparent;
    border:none;
}
.hide .header-box-right ul li.lan select option{
    background:rgba(255,255,255,0.5);
    color:#333;
}

.hide2 .header-box-right ul li.lan .diqiu{
    background:url("../images/diQiu2.png") no-repeat center;
}
.hide2 .header-box-right ul li.lan select{
    color:#333;
    background:transparent;
    border:none;
}
.hide2 .header-box-right ul li.lan select option{
    background:rgba(255,255,255,0.5);
    color:#333;
}
.header-box-right ul li:hover a{
    color:#C11920;
}

.header-box-right ul .act a{
    color:#C11920 !important;
}

.header-box-right ul a {
  font-weight: 500;
  color: #E6E6E6;
}

.header-box-right ul .select {
  display: flex;
  align-items: center;
  gap: 6px;
}

.header-box-right ul dd {
  padding: 10px 0px;
  display: block;
  margin:0 10px;
}

#header {
  top: 0;
  z-index: 2026;
  transition: all 0.4s;
  position: absolute;
  width: 100%;
}

.header {
  /*overflow: hidden;*/
}

.logo1 {
  display: inline-block;
  margin: 5px 0;
  height: 60px;
}

.logo2 {
  display: none;
}

.hide, .hide2 {
  position: sticky !important;
}

.hide .header, .hide2 .header {
  background-color: #FFF;
}

.hide .header-top, .hide2 .header-top {
  transform: translateY(-100%);
}

.hide #menuPc > ul > li > a, .hide2 #menuPc > ul > li > a {
  color: #000;
}

.hide .header-box-right ul a, .hide2 .header-box-right ul a {
  color: #000;
}

.hide .logo .logo1, .hide2 .logo .logo1 {
  display: none;
}

.hide .logo .logo2, .hide2 .logo .logo2 {
  display: inline-block;
  margin: 5px 0;
  height: 60px;
}

.hide .logo .logo1 {
  display: none;
}

.hide .logo .logo2 {
  display: inline-block;
}

#menuWap {
  display: none;
}

#menuPc > ul > li {
  display: inline-block;
  padding: 0 0;
  position: relative;
}

#menuPc > ul > li dl, .header-box-right > ul > li dl , #menuPc > ul > li .downDL{
  width: max-content;
  /*max-width: 200px;*/
  /*width:100%;*/
  position: absolute;
  left:0%;
  top: 100%;
  z-index: 999;
  opacity: 0;
  transition: all 0.2s;
  visibility: hidden;
  transform:translateX(0%) translateY(22px);
  border-radius: 0px 0px 8px 8px;
  padding: 0 10px 20px;
  background: #000;
  box-sizing: border-box;
  color: #fff;
  /*border:1px solid #000;*/
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
  /*border:2px solid #3894e4;*/
  

}



.hide2 #menuPc > ul > li dl, .hide2 .header-box-right > ul > li dl , .hide2 #menuPc > ul > li .downDL
#menuPc > ul > li .downDL , .hide2 .header-box-left-news .mainMeau dl, .hide2 .header-box-left-xiaZaiCenter .mainMeau dl{
    background: #fff;
    color:#000 !important;
}

.hide2 .header .header-box-right > ul > li dl a, .hide2 #menuPc > ul > li .downDL a, .hide2 .header-box-left-news .mainMeau dd a, .hide2 .header-box-left-xiaZaiCenter .mainMeau dd a {
    color:#000 !important;
}


.hide2 #menuPc > ul > li .downDL:before, .hide2 .header-box-right > ul > li dl:before, .hide2 .header-box-left-news .mainMeau dl:before, .hide2 .header-box-left-xiaZaiCenter .mainMeau dl:before {
   border-bottom: 10px solid #fff;
}

.hide2 #menuPc > ul > li dl dd::after, .hide2 .header-box-right ul dd::after, .hide2 .header-box-left-news .mainMeau dl dd::after, .hide2 .header-box-left-xiaZaiCenter .mainMeau dl dd::after {
    background: #000;
}

.hide #menuPc > ul > li dl, .hide .header-box-right > ul > li dl , .hide #menuPc > ul > li .downDL
#menuPc > ul > li .downDL , .hide .header-box-left-news .mainMeau dl, .hide .header-box-left-xiaZaiCenter .mainMeau dl{
    background: #fff;
    color:#000 !important;
}

.hide .header .header-box-right > ul > li dl a, .hide #menuPc > ul > li .downDL a, .hide .header-box-left-news .mainMeau dd a, .hide .header-box-left-xiaZaiCenter .mainMeau dd a {
    color:#000 !important;
}


.hide #menuPc > ul > li .downDL:before, .hide .header-box-right > ul > li dl:before, .hide .header-box-left-news .mainMeau dl:before, .hide .header-box-left-xiaZaiCenter .mainMeau dl:before {
   border-bottom: 10px solid #fff;
}

.hide #menuPc > ul > li dl dd::after, .hide .header-box-right ul dd::after, .hide .header-box-left-news .mainMeau dl dd::after, .hide .header-box-left-xiaZaiCenter .mainMeau dl dd::after {
    background: #000;
}



#menuPc > ul > li .downDL:before , .header-box-right > ul > li dl:before, .header-box-left-news .mainMeau dl:before, .header-box-left-xiaZaiCenter .mainMeau dl:before{
  content:'';
  position: absolute;
  top: -10px;
  left: 50px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #000;
  /*box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);*/
    
}
.header-box-right > ul > li dl{
    left:-1vw;
}
.header-box-right > ul > .lan dl:before {
   display: none;
}
.header-box-right > ul > .lan dl {
    left:0;
    top:25px;
}
#menuPc > ul > li  > :first-child{
    line-height: 40px;
}

#menuPc > ul > .curr > :first-child ,#menuPc > ul > .act > :first-child, .header-box-right> ul > .curr> :first-child{
    border-bottom: 2px solid #C11920;
    
}

.header-box-right > ul > li >:first-child{
    display: block;
    line-height: 40px;
     border-bottom: 2px solid transparent;
}

#menuPc > ul > .curr .downDL {
    display: block;
}

.header .header-box-right > ul > li dl  a , #menuPc > ul > li .downDL a{
    /*color: #505050 !important;*/
    color:#fff !important;
    font-weight: 500;

}

.header .header-box-right > ul > li dl dd:hover a , #menuPc > ul > li .downDL dd:hover a{
    /*color:#C11920 !important;*/
    background: transparent;
}

/*#menuPc > ul > li:hover dl {*/
/*  opacity: 1;*/
/*  visibility: visible;*/
/*  transform: translateY(0);*/
/*}*/

.header-box-right > ul > li:hover dl , #menuPc > ul > li:hover .downDL {
  opacity: 1;
  visibility: visible;
  transform:translateX(0%) translateY(22px);
}

#menuPc > ul > li dl dd {
  margin: 0 10px;
  position: relative;
  width: fit-content;
  /*border-bottom: 1px solid #002c4e;*/
}
#menuPc > ul > li dl dd::after , .header-box-right ul dd::after, .header-box-left-news .mainMeau dl dd::after, .header-box-left-xiaZaiCenter .mainMeau dl dd::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0; /* 初始长度为0 */
  height: 1px; /* 边框的粗细 */
  background: #fff;
  transition: width 1s ease;
}
#menuPc > ul > li dl dd:hover::after,  .header-box-right ul dd:hover::after, .header-box-left-news .mainMeau dl dd:hover::after, .header-box-left-xiaZaiCenter .mainMeau dl dd:hover::after {
  width: 100%; /* 悬停时长度变为100% */
  
}

.header-box-right ul dd {
    position: relative;
     width: fit-content;
    /*border-bottom: 1px solid #002c4e;*/
}
#menuPc > ul > li dl dd:last-child , .header-box-right ul dd:last-child{
    border-bottom: none;
}

#menuPc > ul > li dl dd:first-child {
  border-top: none;
}

#menuPc > ul > li dl dd a {
  font-size: 16px;
  color: #fff;
  display: block;
  padding: 20px 0px;
  transition: all 0.6s;
}

#menuPc > ul > li > a {
  font-weight: 500;
}

#menuPc > ul > li dl dd a:hover {
  background: #000;
  color: #C11920;
}

#menuPc > ul > li > a {
  color: #ffffff;
  /*padding: 29px 0 25px;*/
  margin: 0 1.56vw;
  display: block;
  position: relative

}

.newsTop2, .xiaZaiTop2 {
  display: none;
  padding: 20px;
}

.newsTop2 li, .xiaZaiTop2 li  {
  padding: 5px 0;
}

.mainMeau , .newsTop ,.xiaZaiTop{
	display: none;
}

.header-box-left-news .mainMeau, .header-box-left-xiaZaiCenter .mainMeau {
  display: block;
}

.header-box-left-news .header-box-left, .header-box-left-xiaZaiCenter .header-box-left {
  flex: 1;
  justify-content: space-between;
}

.header-box-left-news .nav-box, .header-box-left-xiaZaiCenter .nav-box {
  flex: 1;
  height: 80px;
}

.header-box-left-news #menuPc > ul > li > a, .header-box-left-xiaZaiCenter #menuPc > ul > li > a {
  margin: 0 1.4vw 0 0;
  white-space: nowrap;
  padding: 0 0;
}

.header-box-left-news #menuPc > .newsTop > li:last-child a, .header-box-left-news #menuPc > .xiaZaiTop > li:last-child a, .header-box-left-xiaZaiCenter #menuPc > .newsTop > li:last-child a, .header-box-left-xiaZaiCenter #menuPc > .xiaZaiTop > li:last-child a {
  margin-right: 0;
}

.header-box-left-news .fixed, .header-box-left-xiaZaiCenter .fixed {
  display: none;
}

.header-box-left-news .header-box-right, .header-box-left-xiaZaiCenter .header-box-right {
  width: 125px;
}

.header-box-left-news .header-box-right li, .header-box-left-xiaZaiCenter .header-box-right li {
  display: none;
}

.header-box-left-news .header-box-right li:last-child, .header-box-left-xiaZaiCenter .header-box-right li:last-child {
  /*display: block;*/
}

.header-box-left-news .mainMeau, .header-box-left-xiaZaiCenter .mainMeau {
  position: relative;
  margin-right: 20px;
}

.header-box-left-news .mainMeau a, .header-box-left-xiaZaiCenter .mainMeau a {
  /*color: #A8A8A8;*/
  cursor: pointer;
  padding:20px 0;
  display: inline-block;
  
}

.header-box-left-news .mainMeau dl, .header-box-left-xiaZaiCenter .mainMeau dl {
  border-radius: 0 0 10px 10px;
  width: max-content;
  min-width: 150px;
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: 999;
  opacity: 0;
  transition: all 0.2s;
  visibility: hidden;
  /*transform: translateY(23px);*/
  box-sizing: border-box;
  background: #000;
  padding: 0 20px 20px;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
  /*position: relative;*/
  
   
  /*border:2px solid #3894e4;*/
}
.header-box-left-news .mainMeau dd a, .header-box-left-xiaZaiCenter .mainMeau dd a{
    color:#fff;
}

.header-box-left-news .mainMeau dl dd, .header-box-left-xiaZaiCenter .mainMeau dl dd {
  width: fit-content;
  position: relative;
}
.header-box-left-news .mainMeau dl dd:last-child, .header-box-left-xiaZaiCenter .mainMeau dl dd:last-child{
    border-bottom: none;
}

.header-box-left-news .mainMeau dl dd a:hover, .header-box-left-xiaZaiCenter .mainMeau dl dd a:hover {
  /*color: #C11920;*/
}

.header-box-left-news .mainMeau .headA, .header-box-left-xiaZaiCenter .mainMeau .headA {
  display: flex;
  align-items: center;
  gap: 5px;
}

.header-box-left-news .mainMeau .headA .headImg, .header-box-left-xiaZaiCenter .mainMeau .headA .headImg {
  transition: all 0.5s;
}

.header-box-left-news .mainMeau:hover .headImg, .header-box-left-xiaZaiCenter .mainMeau:hover .headImg {
  transform: rotate(-90deg);
}

.header-box-left-news .mainMeau:hover .headA, .header-box-left-xiaZaiCenter .mainMeau:hover .headA {
  color: #C11920;
}

.header-box-left-news .mainMeau:hover dl, .header-box-left-xiaZaiCenter .mainMeau:hover dl {
  opacity: 1;
  /*transform: translateY(22px);*/
  visibility: visible;
}

.header-box-left-xiaZaiCenter .xiaZaiTop {
  display: flex;
  flex-wrap: wrap;
}

.header-box-left-xiaZaiCenter .header-box-right {
  width: fit-content;
}

.header-box-left-xiaZaiCenter .header-box-right UL {
  display: flex;
}

.header-box-left-xiaZaiCenter .header-box-right li {
  display: block;
}

.header-box-left-news .newsTop {
  display: flex;
  flex-wrap: wrap;
}

.inner-page #menuPc > ul > li > a {
  color: #183340;
}

#menuPc > ul > li:hover > a,
#menuPc > ul > li.act > a {
  color: #C11920;
}

#menuPc > ul > li:hover > a:after,
#menuPc > ul > li.act > a:after {
  opacity: 1;
}

.header {
  position: absolute;
  width: 100%;
  z-index: 2;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
}

/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/
.ipd-20 {
  padding: 0 20px;
}

/* 内容区域宽度+40px */
.m-width-content {
  max-width: 1320px;
  margin: 0 auto;
}

.m-width-1760 {
  max-width: 1760px;
  margin: 0 auto;
}

/*置顶按钮 start*/
#toTop {
  width: 40px;
  height: 40px;
  left: 20px;
  bottom: 20px;
  position: fixed;
  z-index: 999;
  background: #b24249;
  opacity: 0;
  visibility: hidden;
}

.child-wrap {
  width: 100%;
  background: #F9F9F9;
  border-radius: 0px 0px 0px 0px;
  position: relative;
  padding: 39px 0 45px;
}

.child-wrap .wrapFlax {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.child-wrap .productFlex {
  align-items: start;
}

.child-wrap .title {
  margin-bottom: 9px;
  padding-top: 27px;
}

.child-wrap .liLine {
  padding-left: 12px;
  /*padding-top: 15px;*/
  border-top: 1px solid #DCDCDC;
  width: fit-content;
  display: flex;
  gap: 80px;
}

.child-wrap .liLine ul {
  padding: 10px 0;
  border-left: 1px solid #DCDCDC;
}

.child-wrap .liLine li {
  padding-left: 20px;
  margin-bottom: 25px;
  color: #000;
  position: relative;
  cursor: pointer;
}

.child-wrap .liLine li a{
    color: #000;
}

.child-wrap .liLine li:last-child {
  margin-bottom: 0;
}

.child-wrap .liLine li::before {
  content: ' ';
  position: absolute;
  left: -4px;
  top: 8px;
  width: 8px;
  height: 8px;
  background: #C11920;
  border-radius: 50%;
}

.child-wrap .liLine .active {
  color: #C11920;
}

.child-wrap .productL ul {
  border-left: 0;
}

.child-wrap .productL li {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
  width: 335px;
  margin: 0;
  padding: 16px 20px 16px 37px;
  border-bottom: 1px solid #D2D2D2;
}

.child-wrap .productL .cur .active,.child-wrap .productL li .unactive,.child-wrap .productL li:hover .active{
    display: inline-block;
}
.child-wrap .productL .cur .unactive,.child-wrap .productL li .active, .child-wrap .productL li:hover .unactive{
    display: none;
}
.child-wrap .productL li::before {
  display: none;
}


.child-wrap .right {
  display: none;
  cursor: pointer;
  position: relative;
}

.child-wrap .right .imgshow {
  width: 411px;
}

.child-wrap .right .imgshow .img-box {
  padding-bottom: 50.12165%;
}

.child-wrap .rightActive {
  display: block;
}

.child-wrap .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.12);
  padding: 30px 0 0 24px;
  box-sizing: border-box;
  color: #fff;
}

.child-wrap .bg .title {
  font-style: italic;
}

.child-wrap .righticon {
  width: 61px;
  height: 61px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border: 1px solid #fff;
  position: absolute;
  right: 46px;
  bottom: 17px;
}

.child-wrap .righticon img {
  margin: 0 auto;
  width: 32.86px;
  height: 12px;
}

.child-wrap .fixedIMG {
  position: absolute;
  top: 0;
  left: -5.7px;
  width: 20.7vw;
  height: 75px;
}

.child-wrap .rightProduct {
  flex: 1;
  padding-left: 47px;
  border-left: 1px solid #D2D2D2;
  padding-top: 27px;
  display: none;
}

.child-wrap .rightProduct .ptitle {
  padding-right: 82px;
  padding-bottom: 8px;
  border-bottom: 1px solid #DCDCDC;
  color: #717171;
  font-weight: 600;
  width: fit-content;
}

.child-wrap .activeR {
  display: block;
}

.child-wrap .ulCopnt {
  display: flex;
  gap: 40px;
  margin-top: 24px;
}
.ulCopnt .liContent{
    flex:1;
}

.child-wrap .ulCopnt .white {
  margin-top: 12px;
  width: 194px;
  height: 75px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.09);
  border-radius: 6px 6px 6px 6px;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}

.child-wrap .ulCopnt .white img {
  margin: 0 auto;
}

.child-wrap .rigtUl {
  padding-left: 20px;
  /*border-left: 1px solid #DCDCDC;*/
  padding: 25px 0 30px 20px;
}

.child-wrap .rigtUl li {
  margin-bottom: 25px;
  position: relative;
  color: #A8A8A8;
}
.child-wrap .rigtUl li a{
    font-weight: 500;
    color: #A8A8A8;
}
.child-wrap .rigtUl li:hover a{
    color: #C11920;
}

.child-wrap .rigtUl li::before {
  /*content: ' ';*/
  /*position: absolute;*/
  /*width: 8px;*/
  /*height: 8px;*/
  /*background: #C11920;*/
  /*border-radius: 50%;*/
  /*left: -24px;*/
  /*top: 8px;*/
}

/*置顶按钮 end*/
/*分页 start*/
.page-box {
  padding: 50px 0;
  text-align: center;
}

.fenYe .wp-pagenavi {
  display: flex;
  justify-content: center;
  gap: 4px;
}

.fenYe .wp-pagenavi a,
.fenYe .wp-pagenavi span {
  display: inline-flex;
  color: #ffffff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  background: #121212;
  color: #ffffff;
  transition: all 0.2s;
  cursor: pointer;
  justify-content: center;
  padding: 0;
  border: none;
}

.fenYe .wp-pagenavi .current {
  color: #fff;
  background: #FFAD0F;
}

.absoluteBox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 1760px;
  width: 100%;
  margin: 0 auto;
}

.ExtraLightItalic {
  font-style: italic;
}

.flexRow {
  display: flex;
}

/*分页 end*/
.footerBttom {
  padding-top: 4.68vw;
}

.footerBttom .footerBttom-center {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footerBttom .f-item {
  display: flex;
  flex-direction: column;
}

.footerBttom h3 {
  margin-bottom: 30px;
  color: #505050;
  height: 42px;
}

.footerBttom a {
  color: #505050;
  margin-bottom: 16px;
}

.footerBttom a:last-child {
  margin-bottom: 0;
}

.footerBttom a:hover {
  color: #C11920;
}

.footerBttom .tel {
  color: #C11920;
}

.footerBttom .copyright {
  color: #707070;
  display: flex;
  gap: 20px;
  justify-content: center;
  padding: 34px 0 39px;
  text-align: center;
  border-top: 1px solid #CCCCCC;
  margin-top: 5vw;
}

.footerBttom .footerline {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}
.footerBttom .footerline  a {
    margin:0;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footerBttom .footerline .active {
  display: none;
}

.footerBttom .footerline img{width:21px;}

.footerBttom .footerline a:hover .unActive {
  display: none;
}

.footerBttom .footerline a:hover .active {
  display: block;
}
.footerline a:first-child:hover .hoverImg{
    display: inline-block;
    opacity: 1;
    visibility: visible;
}
.weiXinHover {
    position: relative;
}
.weiXinHover .hoverImg {
    position: absolute;
    bottom:-10px;
    left:50%;
    transform: translate(-50%,100%);
    opacity: 0;
    visibility: hidden;
    display: none;
    width: 100px;
    height: 100px;
    background: #EEEEEE;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
    padding:10px;
    transition: all 0.2s;
    
}
.weiXinHover .hoverImg::before{
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #EEEEEE;
    /*box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);*/
    
}
.weiXinHover .hoverImg img{
    width:100%;
    object-fit: cover;
}

@keyframes slideDown {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(20%);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.index-banner {
  position: relative;
}

.index-banner .shuBiao {
  position: absolute;
  right: 5%;
  bottom: 37px;
  cursor: pointer;
  z-index: 4;
  animation: slideDown 1s linear infinite;
}

.index-banner .imgshow {
  width: 100%;
}

.index-banner .imgshow .img-box {
  padding-bottom: 47.91667%;
}

.index-banner .swiper-pagination-bullet {
  width: 80px;
  height: 10px;
  border-radius: 10px;
  background-size: cover;
  background: #A8A8A8;
  bottom: 29px;
  transition: all 0.6s;
  position: relative;
}

.index-banner .swiper-pagination-bullet::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #065E9D;
  transition: all 0.6s;
  border-radius: 10px;
}

.index-banner .swiper-horizontal > .swiper-pagination-bullets, .index-banner .swiper-pagination-bullets.swiper-pagination-horizontal, .index-banner .swiper-pagination-custom, .index-banner .swiper-pagination-fraction {
  bottom: 29px;
}

.index-banner .swiper-pagination-bullet-active {
  background-size: cover;
  background: #fff;
}

.index-banner .swiper-pagination-bullet-active::after {
  width: 100%;
}

.index-banner .bannertop {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.index-banner .topBg1 {
  max-width: 650px;
}

.index-banner .topBg1 .imgshow {
  width: 100%;
}

.index-banner .topBg1 .imgshow .img-box {
  padding-bottom: 18.30769%;
}

.index-banner .topBg {
  color: #FFFFFF;
  letter-spacing: 8px;
  margin-top: -38px;
  background-position: bottom;
  padding-bottom: 35px;
}

.index-banner .itemCircle {
  cursor: pointer;
  display: inline-block;
  margin-right: 39px;
  width: 244px;
  height: 244px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 8px;
}

.index-banner .itemCircle:last-child {
  margin-right: 0;
}

.indexSwiper .imgshow {
  width: 100%;
}
.indexSwiper .ss-pos{
    position: absolute;
    left:0;
    bottom:0;
    z-index:3;
    width:100%;
}
.indexSwiper .imgshow .img-box {
  padding-bottom: 41.77083%;
}
.indexSwiper .imgshow .img-box video{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.indexSwiper .bottomText {
  top: auto;
  bottom: 30px;
  text-align: center;
  padding: 32px 0.59vw;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  transform: translate(-50%, 0px);
  opacity: 1;
  left:50%;
  transition: all 1.6s;
}

.indexSwiper .bottomText .flexRow {
  justify-content: center;
}

.indexSwiper .swiper-slide-active .bottomText {
  transform: translate(-50%, 0px);
  opacity: 1;
  max-width: 1400px;
  width: calc(100% - 40px);
      left: 50%;
}

.indexSwiper .firstD {
  margin-right: 20px;
}

.indexSwiper .index-text {
  color: #E6E6E6;
}

.index-black {
  padding: 83px 0 41px;
}

.index-black .blackContent ul {
  padding: 0 5.7vw;
  display: flex;
  justify-content: space-between;
  margin-bottom: 55px;
}

.index-black .blackContent ul .imgshow {
  width: 72px;
}

.index-black .blackContent li {
  display: flex;
  align-items: center;
  gap: 30px;
}

.index-black .blackContent .rghtBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
}

.index-black .blackContent .desc {
  color: #E6E6E6;
}

.index-black .blackContent .margiRight {
  margin-right: 13px;
}

.index-black .blackContent .text {
  color: #C2C2C2;
  line-height: 24px;
}

.index-white {
  padding: 90px 0;
}

.index-white .whiteContent {
  display: flex;
  justify-content: space-between;
}
.index-white .whiteContent .right{
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.index-white .text {
  color: #505050;
  margin-top:30px;
}

.index-white .btn {
  margin-top: 26px;
}

.index-white .btn a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #000;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #000;
}

.index-white .btn a:hover {
  transform: scale(1.1);
}

.index-white .r-top {
  padding: 27px 30px 46px 30px;
  
  opacity: 0;
  transition: all 0.2s;
  display: none;
  position: relative;
  /*max-width: 728px;*/
  box-sizing: border-box;
  background-size: cover;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0, .2);
  height: 98%;
}
.index-white .top{
    flex:1;
    padding: 0 29px;
}

.index-white .r-top .time {
  margin: 79px 0 7px;
}

.index-white .r-top .topimg {
  position: absolute;
  top: 31px;
  right: 31px;
  width: 20px;
}

.index-white .curTop {
  display: block;
  opacity: 1;
  background-size:cover ;
  background-position: center;
  background-repeat: no-repeat;
  
  /*display: flex;*/
  /*flex-direction: column;*/
  /*justify-content: space-between;*/
}

.index-white .left {
  padding-right: 12.2%;
}

.index-white .rightBottob {
  color: #505050;
  padding: 0 29px;
}

.index-white .rightBottob img {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(calc(-50%), -10px);
  transition: all 0.2s;
}
.index-white .rightBottob .cur img {
  opacity: 1;
}
.index-white .rightBottob ul {
  border-bottom: 2px solid #C2C2C2;
  display: flex;
}

.index-white .rightBottob li {
  position: relative;
  margin-right: 90px;
  padding: 44px 0 17px 0;
  cursor: pointer;
}

.index-white .rightBottob li:hover img {
  opacity: 1;
}

.index-white .rightBottob .cur {
  color: #C11920;
  border-bottom: 2px solid #C11920;
}

.niaoKan {
  position: relative;
  /*overflow-x: hidden;*/
}

.niaoKan .imgshow {
  width: 100%;
}

.niaoKan .imgshow .img-box {
  padding-bottom: 47.39583%;
}
.niaoKan .imgshow .img-box img{
    object-fit: fill;
}

.niaoKan .fixBox {
  position: absolute;
  left: 16.78%;
  /*bottom: 27.47%;*/
  top:22%;
  text-align: center;
  width: 1px;
  height: 1px;
  cursor: pointer;
}

.niaoKan .fixBox .hoverBox {
  left: 0;
  bottom: 0;
  top: auto;
  transform: translate(-43.81%, 121%);
  display: none;
}
.niaoKan .active .hoverBox  {
      display: block;
  }
 .niaoKan .fixBox .hoverBox:hover  {
      display: block;
      opacity: 1;
      visibility: visible;
  }

.niaoKan .fixBox7 .hoverBox {
    bottom:auto;
    left:0;
    top:0;
    transform: translate(-50%, -130%);
}
.niaoKan .fixBox:hover{
    z-index:999;
}

.niaoKan .fixBox:hover .hoverBox {
  opacity: 1;
  visibility: visible;
}

.niaoKan .fixBox1 .hoverBox {
  bottom: 0;
  top: auto;
  left: 0%;
  transform: translate(-31%, 130%);
  
}

.niaoKan .fixBox2 {
  /*left: 29.32%;*/
  /*bottom: auto;*/
  /*top: 19.45%;*/
    left: 45.32%;
    bottom: auto;
    top: 35.45%;
}

.niaoKan .fixBox3 {
  /*left: 41.92%;*/
  /*bottom: auto;*/
  /*top: 26.593%;*/
      left: 57.92%;
    bottom: auto;
    top: 43.593%;
}

.niaoKan .fixBox4 {
  /*left: 67.864%;*/
  /*bottom: auto;*/
  /*top: 18.241%;*/
  
      left: 72.864%;
    bottom: auto;
    top: 32.241%;
}

.niaoKan .fixBox5 {
  /*left: 72.552%;*/
  bottom: auto;
  top: 25.0549%;
  
  left: 74.552%;
   
}

.niaoKan .fixBox6 {
  /*left: 54.1145%;*/
  /*bottom: 19.01%;*/
  
  
    bottom: 42.01%;
    left: auto;
    right: 15%;
    top: auto;
}
.niaoKan .fixBox7 {
    /*left: 48.1145%;*/
    /*bottom: 43.01%;*/
    top:auto;
    left: 32.1145%;
    bottom: 10.01%;
}
.niaoKan .fixBox6 .hoverBox {
  bottom: auto;
  top: 0%;
  left: 0%;
  transform: translate(-61.81%, -138.48%);
}

.niaoKan .topLable a {
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  padding: 5px 15px;
  color: #fff;
  gap: 10px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: fit-content;
  white-space: nowrap;
}
.niaoKan .fixBox2 .topLable a {
    transform: translateX(-62%);
    bottom: 26px;
}
.niaoKan .fixBox3 .topLable a {
    transform: translateX(-100%);
    bottom: -116px;
}
.niaoKan .fixBox5 .topLable a {
   transform: translateX(0%);
}
.niaoKan .fixBox4 .topLable a {
  transform: translateX(-100%);
}
    



.niaoKan .bottomImg {
  position: absolute;
  bottom: 0;
  left:50%;
  margin-left:-70px;
  width:140px;
  height:auto;
  animation: growWidth3 2s linear infinite;
}

.niaoKan .hoverBox {
  position: absolute;
  top: 0%;
  left: 0%;
  transform: translate(-61.81%, -138.48%);
  /*display: none;*/
  transition: all 1s;
  opacity: 0;
  visibility: hidden;
}

.niaoKan .hoverBox .imgshow {
  /*width: 23.86vw;*/
  width: 15vw;
}

.niaoKan .hoverBox .imgshow .img-box {
  padding-bottom: 55.00677%;
}

.niaoKan .hoverBox .bottombg {
  width: 100%;
  height: 50px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0 20px;
  justify-content: space-between;
  box-sizing: border-box;
}

.niaoKan .hoverBox .bottombg .title {
  max-width: 250px;
  color: #fff;
  text-align: left;
}

.diTu {
  position: relative;
}

.diTu .imgshow2 {
  width: 100%;
  background:#020924;
}

.diTu .imgshow2 .img-box {
  padding-bottom: 46.875%;
}

.diTu .imgshow3 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
  width: 100%;
  display: none;
}

.diTu .imgshow3 .img-box {
  padding-bottom: 46.875%;
}

.diTu .diTuTop {
  /*position: absolute;*/
  /*width: 100%;*/
  /*left: 50%;*/
  /*bottom: 0;*/
  /*transform: translateX(-50%);*/
  /*z-index: 3;*/
}
.diTu .topIndex{
    top: 10%;
}
.diTu .diTuTop .imgshow {
  width: 100%;
}

.diTu .diTuTop .imgshow .img-box {
  padding-bottom: 46.86919%;
}

.diTu .relative {
  position: relative;
  width: 100%;
}

.topIndex {
  position: absolute;
  top: 7.4vw;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1682px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  z-index: 3;
}

.topIndex ul {
  display: flex;
  width:45%;
}

.topIndex li {
  padding: 0 20px;
  border-right: 1px solid #d9d9d9;
  max-width: 218px;
  box-sizing: border-box;
  text-align: center;
  color: #FFFFFF;
}
.topIndex li:last-child{
    border-right:none;
}
.diTu .topIndex li{
    text-align: left;
}
.topIndex li .f-500{
    font-weight:500;
    text-transform: uppercase;
}
.topIndex li:first-child {
  padding-left: 0;
  max-width: 128px;
}

.topIndex li .desc {
  color: #E6E6E6;
  margin-top: 11px;
  height: 20px;
  line-height:12px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.topIndex .rightText {
  color: #fff;
  width:24%;
  text-transform: uppercase;
  line-height:36px;
  letter-spacing: 2px;
}

.dingWeiItem {
  position: absolute;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}

.dingWeiItem:hover {
  background: #C11920;
}

.dingWeiItem:hover .topText {
  visibility: visible;
  opacity: 1;
}

.dingWeiItem img {
  margin: 0 auto;
}

.dingWeiItem .topText {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -100%);
  padding: 10px 50px;
  background: #C11920;
  color: #fff;
  white-space: noWrap;
  visibility: hidden;
  opacity: 0;
}

.dingWeiItem .topText::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #C11920;
  /* 颜色可以自定义 */
  transform: translate(-50%, 100%);
}

.index-solution {
  margin-top: 6.25vw;
}

.index-solution .headTitle {
  text-align: center;
}

.index-solution .headTitle-desc {
  padding: 0 7.7vw;
  color: #707070;
}

.index-solution .index-solution-list {
  margin-top: 25px;
}

.index-solution .index-solution-list ul {
  display: flex;
  justify-content: space-between;
  gap: 26px;
}

.index-solution .index-solution-list .p-item {
  position: relative;
}

.index-solution .index-solution-list li {
  flex: 1;
}

.index-solution .index-solution-list li:hover .textTop {
  display: none;
}

.index-solution .index-solution-list li:hover .overBox {
  opacity: 1;
  visibility: visible;
}

.index-solution .index-solution-list .overBox {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  cursor: pointer;
  transition: all 0.6s;
}

.index-solution .index-solution-list .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}

.index-solution .index-solution-list .imgshow {
  width: 100%;
}

.index-solution .index-solution-list .imgshow .img-box {
  padding-bottom: 62.30201%;
}

.index-solution .index-solution-list .desc {
  color: #D9D9D9;
  margin: 22px 0 38px;
}

.index-solution .index-solution-list .btn a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #ffffff;
}

.index-solution .index-solution-list .btn a:hover {
  transform: scale(1.1);
}

.index-solution .index-solution-list .btn a {
  margin: 0 auto;
}

.index-swiper-box {
  padding: 5.2vw 0 5.7vw;
  background: rgba(235, 235, 235, 0.4);
}

.rightBtn {
  cursor: pointer;
  position: absolute;
  top: -46px;
  right: 0;
  transform: translateY(-100%);
  display: flex;
  gap: 40px;
  align-items: center;
}

.rightBtn img {
  width: 43px;
  height: 15px;
}

.rightBtn .pre-btn, .rightBtn .next-btn {
  height: 15px;
}
.rightBtn .next-btn img{
animation: blink 1s linear infinite;
}
@keyframes blink {
    0% {
        opacity: 1; 
    }
    25% {
        opacity: 0.7; 
    }
    50% {
        opacity: 0.5; 
    }
    75% {
        opacity: 0.2; 
    }
    100% {
        opacity: 1; 
    }
}

.rightBtn .swiper-pagination {
  position: static;
  letter-spacing: 5px;
  font-size: 20px;
}

.newSwiper {
  padding: 6.3vw 0 7.29vw;
  background: #fff;
}

.newSwiper .text {
  color: #A8A8A8;
  margin: 20px 0 46px;
}

.newSwiper .swiperBox {
  position: relative;
}
.newSwiper .swiper-slide{
    height: auto;
}
.newSwiper  .swiper-wrapper {
    align-items: stretch;
}
.newSwiper .swiper-slide a {
    height: 100%;
   display: flex;
   flex-direction:column;
}
.newSwiper .bottomBox{
    flex:1;
    position: relative;
}
.newSwiper .imgbOX {
    position: absolute;
    bottom:18px;
    left:34px;
    transition: all 0.6s;
}
.newSwiper .imgbOX  img {
     
}
.newSwiper .swiper-slide .imgshow img {
      transition: all 0.6s;
      transform: scale(1);
}
.newSwiper .swiper-slide:hover .imgshow img {

  transform: scale(1.1);
}
.newSwiper .swiper-slide:hover .imgbOX {
    transform: translateY(-10px);
    
}


.newSwiper .imgshow {
  width: 100%;
}

.newSwiper .imgshow .img-box {
  padding-bottom: 63.09091%;
}

.newSwiper .bottomBox {
  padding: 34px 25px 18px;
  background: #EEEEEE;
  border: 1px solid #D2D2D2;
  border-radius: 0 0 4px 4px;
}

.newSwiper .topFlex {
  color: #505050;
  display: flex;
  justify-content: space-between;
}

.newSwiper .center {
  margin: 20px 0 75px;
}

.newSwiper a {
  display: block;
  color: #000;
}

.index-kaiingW {
  padding: 5.2vw 0 5.7vw;
  background: rgba(236, 236, 236, 0.4);
}

.index-kaiPinG {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

.index-kaiPinG ul {
  display: flex;
  justify-content: space-between;
  gap: 3px;
}

.index-kaiPinG li {
  width: 32vw;
  height: 600px;
  position: relative;
  cursor: pointer;
  color: #FFFFFF;
  transition: width 0.2s;
}

.index-kaiPinG li .topBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.index-kaiPinG li .centerText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  visibility: visible;
}

.index-kaiPinG li .btn {
  margin-top: 36px;
}

.index-kaiPinG li .btn a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: none;
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #ffffff;
}

.index-kaiPinG li .btn a:hover {
  transform: scale(1.1);
}

.index-kaiPinG li .btn a {
  margin: 0 auto;
}

.index-kaiPinG li .activeBox {
  opacity: 0;
  visibility: hidden;
  max-width: 730px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.index-kaiPinG .imgshow {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.index-kaiPinG .imgshow .img-box {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}

.index-kaiPinG .activeLi {
  width: calc((100vw - 6px) - 32vw);
}

.index-kaiPinG .activeLi .imgshow {
  width: 100%;
  height: 100%;
}

.index-kaiPinG .activeLi .activeBox {
  opacity: 1;
  visibility: visible;
}

.index-kaiPinG .activeLi .centerText {
  opacity: 0;
  visibility: hidden;
}


.solution-inner {
  position: relative;
  margin-bottom: 9.5vw;
}

.solution-inner .imgshow {
  width: 100%;
}
.solution-inner .imgshow .img-box{
  padding-bottom: 20.83333%;
}

/*.solution-inner .imgshow .img-box {*/
/*  padding-bottom: 84%;*/
/*}*/
.solution-inner2 .imgshow .img-box {
  padding-bottom: 20.83%;
}

.solution-inner .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/矩形 11328.png");
  background-size: cover;
}
.solution-inner .bg .img-box{
    padding-bottom:0;
    height:100%;
}
.gsap-solution-3 .solution-inner .bg{
    opacity:0;
}
.solution-inner .topBOX {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  height: calc(100% - 70px);
  z-index: 2;
  color: #fff;
  text-align: center;
}

.solution-inner .topBOX .text {
  margin-top: 23px;
}

.solution-inner .topBOX .text span {
  /*border-right: 1px solid #C11920;*/
  padding: 0 7px;
  color: #EEEEEE;
}

.solution-inner .topBOX .text .spanTText {
  max-width: 826px;
  display: inline-block;
}

.solution-inner .centerBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ptoduct32-inner .centerBox {
    padding-left: 20px;
}

.solution-inner .topBg1 {
  position: absolute;
  max-width: 650px;
  margin: 0 auto;
  top: 0;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}

.solution-inner .topBg1 .imgshow {
  width: 100%;
}
.gsap-solution-3 .solution-inner .topBg1 .imgshow{
  height:auto;
}
.solution-inner .topBg1 .imgshow .img-box {
  padding-bottom: 18.30769%;
}

.solution-inner .btn a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #ffffff;
}

.solution-inner .btn a:hover {
  transform: scale(1.1);
}

.solution-inner .btn a {
  margin: 0 auto;
}

.relativeBox {
  position: relative;
  width: 100%;
  z-index: 2;
}

.mianBao {
  position: absolute;
  top: 106px;
  left: 0;
  width: 100%;
  display: flex;
  gap: 18px;
  color: #fff;
  align-items: center;
}

.mianBao a {
  cursor: pointer;
  color: #fff;
}

.mianBao a:hover {
  color: #C11920;
}

.gonhJuTop {
  padding-top: 5.2vw;
  padding-left: 0;
}

.gonhJuTop .mianBao {
  border-bottom: 1px solid #EEEEEE;
  padding: 22px 0;
  
  margin-bottom: 27px;
  position: static;
}

.gonhJuTop .mianBao a {
  color: #D9D9D9;
}

.gonhJuTop .mianBao img {
  width: 23px;
}

.solutionBox2 {
  background: #EEEEEE;
  padding: 65px 67px 43px 7.5vw;
  display: flex;
  gap: 59px;
}

.solutionBox2 .lefImg {
  width: 469px;
  margin-top: -158px;
}

.solutionBox2 .lefImg .imgshow {
  width: 100%;
}

.solutionBox2 .lefImg .imgshow .img-box {
  padding-bottom: 112.36674%;
}

.solutionBox2 .headTitle {
  margin-left: -132px;
}

.solutionBox2 .rightBox {
  flex: 1;
  position: relative;
  z-index:4;
}

.solutionBox2 .rightBox .text {
  color: #505050;
  margin-top: 42px;
}

.SupplyBox {
  margin-bottom: 3.5vw;
}

.SupplyBox .imgshow {
  width: 100%;
}

.SupplyBox .imgshow .img-box {
  padding-bottom: 25.26042%;
}

.SupplyBox .fixedImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.SupplyBox .topBox {
  margin-top: -20.57vw;
  position: relative;
  z-index: 2;
  text-align: center;
  padding-bottom: 20px;
  color: #fff;
}

.SupplyBox .title {
  color: #000;
  margin-bottom: 9px;
  padding-left: 37px;
}

.SupplyBox .desc {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 15px;
  padding-left: 37px;
}

.SupplyBox .bottomBox {
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.06);
  border-radius: 6px 6px 6px 6px;
  margin-top: 42px;
  padding: 72px 38px;
  text-align: left;
  color: #505050;
}

.SupplyBox .centerBox {
  padding-left: 60px;
}

.SupplyBox .centerBox span, .SupplyBox .centerBox p {
  position: relative;
  display: block;
  margin-top: 10px;
}

.SupplyBox .centerBox span:before, .SupplyBox .centerBox p:before {
  content: ' ';
  position: absolute;
  top: 7px;
  left: -14px;
  transform: translate(-100%, 0%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #C11920;
}

.SupplyBox .title2 {
  padding: 18px 0 18px 37px;
  padding-bottom: 18px;
      border-bottom: 1px solid #D9D9D9;
}

.SupplyBox .bottomImg .imgshow {
  width: 28%;
  max-width: 520px;
  margin-left:17px;
}

.SupplyBox .bottomImg .imgshow .img-box {
  padding-bottom: 15.478%;
}

.SupplyBox .desc2 {
  margin-top: 10px;
  padding-left: 37px;
}

.EngineeringBox ul {
  display: flex;
  /*flex-wrap: wrap;*/
  width: 100%;
  gap: 26px;
}

.EngineeringBox .imgshow img {
  width: 100%;
}

.EngineeringBox li {
  width: 33.33%;
  box-sizing: border-box;
  background: #EEEEEE;
  
}
.EngineeringBox li .bga{}

.EngineeringBox .headTitle {
  text-align: center;
  margin-bottom: 42px;
}

.EngineeringBox .p-item {
  display: block;
  transform: translateY(0);
  transition: all 0.2s;
}

.EngineeringBox .p-item:hover {
    transform: translateY(-20px);
}

.EngineeringBox .bottomBox {
  padding: 27px 37px;
  background: #EEEEEE;
  color: #505050;
}

.EngineeringBox .imgshow {
  width: 100%;
}

.EngineeringBox .imgshow .img-box {
  padding-bottom: 44.46397%;
}

.EngineeringBox .title {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 12px;
  color: #000;
}

.EngineeringBox .title:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: url("../images/矩形 11427.png");
}

.IntelligentBox {
  margin: 9vw auto 10vw;
}

.IntelligentBox .headTitle {
  margin-bottom: 28px;
}

.IntelligentBox ul .p-item {
  display: flex;
  flex-direction: column-reverse;
  gap: 38px;
  color: #505050;
  position: relative;
}

.IntelligentBox ul li {
  width: calc((100% - 90px) / 2);
  display: inline-block;
  margin-right: 45px;
}

.IntelligentBox ul li:nth-child(2n+2) {
  margin-top: -76px;
  margin-right: 0;
  margin-left: 45px;
  float: right;
}

.IntelligentBox ul li:nth-child(2n+2) .p-item {
  flex-direction: column;
}

.IntelligentBox ul li:nth-child(2n+2) .tag {
  left: auto;
  right: -1px;
  top: -13px;
  bottom: auto;
  border-radius: 0px  0px  0px  50px;
  padding:28px 0 15px;
}

.IntelligentBox ul li:nth-child(2n+2) .imgshow {
  border-radius: 50px  0px  50px  0px;
  overflow: hidden;
}

.IntelligentBox ul li:nth-child(2n+2) .imgshow img{
    object-position: top;
}

.IntelligentBox ul .imgshow {
  width: 100%;
  border-radius: 50px  0px  50px  0px;
}

.IntelligentBox ul .imgshow .img-box {
  padding-bottom: 48.38323%;
}

.IntelligentBox ul .tag {
  position: absolute;
  bottom: -19px;
  left: -25px;
  /*padding: 18px 47px;*/
  background: #ffffff;
  color: #000;
  border-radius: 0px  50px  0px  0px;
  font-style: italic;
  width: 498px;
  padding:15px 0 34px;
  text-align: center;
  font-weight: 600;
  
}

.OpticalBox
{  position: relative;
    z-index: 0;}
.OpticalBox .banner-content {
  width: 100%;
}

.OpticalBox .relativeBox {
  position: relative;

}

.OpticalBox .relativeBox .imgshow {
  width: 100%;
}

.OpticalBox .relativeBox .imgshow .img-box {
  padding-bottom: 46.875%;
}

.OpticalBox .relativeBox .fixedImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.OpticalBox .topBox {
  position: absolute;
  top: 4.3vw;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #fff;
}

.OpticalBox .cener {
  margin: 20px 0;
}

.qiPao ul {
  display: flex;
}

.qiPao ul li {
  flex: 1;
  height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.qiPao ul li a {
  display: inline-block;
  color: #000;
  width: 100%;
  border-right: 1px solid #C11920;
  text-align: center;
  height: fit-content;
}

.qiPao ul li:last-child a{ border-right:0px solid #C11920;}

.qiPao .qiPaoBox {
  margin-top: 4.5vw;
  padding-bottom: 15vw;
}

.qiPao .qiPaoBox .qiPaoitem {
  padding-left: 8.2vw;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-top: 29vw;
  position: relative;
}

.qiPao .qiPaoBox .qiPaoitem .imgshow {
  position: relative;
  z-index: 2;
}

.qiPao .qiPaoBox .qiPaoitem .line1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(calc(-50% - 40px), -50%);
}

.qiPao .qiPaoBox .qiPaoitem .line2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.qiPao .qiPaoBox .qiPaoitem .line3 {
  width: 56.4vw;
  position: absolute;
  left: 15.3vw;
  bottom: 0;
  transform: translate(0, 100%);
}

.qiPao .qiPaoBox .qiPaoitem .line3 img {
  width: 100%;
}

.qiPao .qiPaoBox .qiPaoitem .line4 {
  width: 56.4vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(0, -100%);
}

.qiPao .qiPaoBox .qiPaoitem .line4 img {
  width: 100%;
}

.qiPao .qiPaoBox .qiPaoitem:nth-child(2n+1) {
  flex-direction: row;
}

.qiPao .qiPaoBox .qiPaoitem:nth-child(2n) {
  padding-right: 8.2vw;
  padding-left: 0;
}

.qiPao .qiPaoBox .qiPaoitem .headTitle {
  margin-top: -11.2vw;
}

.qiPao .qiPaoBox .qiPaoitem:first-child {
  margin-top: 0;
}

.qiPao .qiPaoBox .qiPaoitem:first-child .headTitle {
  margin-top: 0;
}

.qiPao .qiPaoBox .qiPaoitem:last-child .line1 {
  transform: translate(calc(-50% + 40px), -50%);
}

.qiPao .qiPaoBox .qiPaoitem:last-child .line2 {
  transform: translate(calc(-50% + 80px), -50%);
}

.qiPao .qiPaoBox .imgshow {
  width: 437px;
}

.qiPao .qiPaoBox .imgshow .img-box {
  padding-bottom: 72.08238%;
}

.qiPao .qiPaoBox .rightBox .desc {
  margin-top: 26px;
  color: #505050;
}

.qiPao .qiPaoBox .leftBox {
  position: relative;
}

.qiPao .qiPaoBox .bubble img {
  width: 100%;
}

.qiPao .qiPaoBox .desc {
  max-width: 850px;
}

.qiPao .qiPaoBox .dig_papaw0 {
  position: absolute;
  right: 64.8%;
  top: -120px;
  width: 90px;
  height: 104px;
  animation-name: fadeInUp0;
  animation-duration: 6s;
  animation-timing-function: ease;
}

.qiPao .qiPaoBox .dig_papaw1 {
  position: absolute;
  right: 40.5%;
  top: 257px;
  width: 180px;
  height: 190px;
  animation-name: fadeInUp1;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

.qiPao .qiPaoBox .dig_papaw2 {
  position: absolute;
  right: 14.3%;
  bottom: 210px;
  width: 228px;
  height: 258px;
  animation-name: fadeInUp2;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

.qiPao .qiPaoBox .dig_papaw3 {
  position: absolute;
  right: 45.4%;
  bottom: 289px;
  width: 80px;
  height: 101px;
  animation-name: fadeInUp3;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

.qiPao .qiPaoBox .dig_papaw4 {
  position: absolute;
  right: 66.25%;
  bottom: 230px;
  width: 69px;
  height: 80px;
  animation-name: fadeInUp4;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.qiPao .qiPaoBox .dig_papaw5 {
  position: absolute;
  right: 12.6%;
  bottom: 90px;
  width: 170px;
  height: 170px;
  animation-name: fadeInUp5;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
}

.qiPao .qiPaoBox .dig_papaw6 {
  position: absolute;
  right: 27.6%;
  bottom: 448px;
  width: 190px;
  height: 206px;
  animation-name: fadeInUp6;
  animation-duration: 4.2s;
  animation-iteration-count: infinite;
}

.qiPao .qiPaoBox .dig_papaw7 {
  position: absolute;
  right: 26.6%;
  bottom: 500px;
  width: 28px;
  height: 24px;
  animation-name: fadeInUp7;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

.qiPao .qiPaoBox .dig_papaw8 {
  position: absolute;
  right: 21.5%;
  bottom: 539px;
  width: 63px;
  height: 82px;
  animation-name: fadeInUp8;
  animation-duration: 6.7s;
  animation-iteration-count: infinite;
}

.qiPao .qiPaoBox .dig_papaw9 {
  position: absolute;
  right: 16.3%;
  bottom: 484px;
  width: 32px;
  height: 22px;
  animation-name: fadeInUp9;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

.ComplementaryBox {
  padding: 4.5vw;
  background: #000000;
  color: #fff;
  text-align: center;
}

.ComplementaryBox ul {
  display: flex;
  gap: 14px;
  margin-top: 40px;
}

.ComplementaryBox .left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.ComplementaryBox .left .topImg .imgshow {
  width: 100%;
}

.ComplementaryBox .left .topImg .imgshow .img-box {
  padding-bottom: 36.83168%;
}

.ComplementaryBox .left .bottomImg .imgshow {
  width: 100%;
}

.ComplementaryBox .left .bottomImg .imgshow .img-box {
  padding-bottom: 78.0198%;
}

.ComplementaryBox .right {
  flex: 1;
}

.ComplementaryBox .right .topImg .imgshow {
  width: 100%;
}

.ComplementaryBox .right .topImg .imgshow .img-box {
  padding-bottom: 57.53968%;
}

.ComplementaryBox .center {
  flex: 1.432;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ComplementaryBox .center .topImg .imgshow {
  width: 100%;
}

.ComplementaryBox .center .topImg .imgshow .img-box {
  padding-bottom: 49.23928%;
}

.ComplementaryBox .center .bottomImg .imgshow {
  width: 100%;
}

.ComplementaryBox .center .bottomImg .imgshow .img-box {
  padding-bottom: 32.36515%;
}

.CreateBox .imgshow {
  width: 100%;
}

.CreateBox .imgshow .img-box {
  padding-bottom: 46.875%;
}

.CreateBox .fixedImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.CreateBox .fixedMessage {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  color: #fff;
}

.CreateBox .fixedMessage .desc {
  max-width: 1155px;
  margin: 45px auto 37px;
}

.CreateBox .fixedMessage .btn a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #ffffff;
}

.CreateBox .fixedMessage .btn a:hover {
  transform: scale(1.1);
}

.CreateBox .fixedMessage .btn a {
  margin: 0 auto;
}

.solution-inner2 {
  margin-bottom: 5.2vw;
}

.ComprehensiveBox {
  display: flex;
  gap: 20px;
  margin-bottom: 9.3vw;
}

.ComprehensiveBox:last-child {
  margin-bottom: 4.7vw;
}

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

.ComprehensiveBox:nth-child(2n) .relativeBox .headTitle {
  /*left: auto;*/
  /*right: 30px;*/
}

.ComprehensiveBox .bgImg {
  display: inline-block;
  width: 47.34vw;
  position: relative;
}

.ComprehensiveBox .rightBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.ComprehensiveBox .rightBox .rightItem {
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.08);
}

.ComprehensiveBox .rightBox .title {
  height: 66px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 114px;
  border-bottom: 1px dashed #D9D9D9;
}

.ComprehensiveBox .rightBox .title::before {
  content: ' ';
  position: absolute;
  left: 54px;
  top: 50%;
  transform: translate(0,-50%);
  width: 32px;
  height: 12px;
  background: url("../images/箭头_切换左_o (4).png");
  transition: all 0.6s;
}
.ComprehensiveBox .rightBox .title:hover::before{
    transform: translate(20px,-50%);
} 
.ComprehensiveBox .rightBox .bottomContent {
  padding: 30px 30px 30px 55px;
}

.ComprehensiveBox .rightBox .bottomContent span {
  color: #505050;
  padding-left: 13px;
  position: relative;
  display: block;
  margin-bottom: 5px;
  transition: all 0.2s;
}
.ComprehensiveBox .rightBox .bottomContent span:hover{
    transform: scale(1.05);
}

.ComprehensiveBox .rightBox .bottomContent span:last-child {
  margin-bottom: 0;
}

.ComprehensiveBox .rightBox .bottomContent span::before {
  content: ' ';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  /*background-color: #C11920;*/
  top: 8px;
  left: 0;
  position: absolute;
}

.ComprehensiveBox .relativeBox {
  position: relative;
  top: 0;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.08);
  height: 100%;
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
}

.ComprehensiveBox .relativeBox .headTitle {

  padding: 20px 10px 0 32px;
  /*position: absolute;*/
  /*top: 20px;*/
  /*left: 32px;*/
  z-index: 2;
  max-width: 745px;
}

.ComprehensiveBox .relativeBox img {
  max-width: 100%;
  margin-top:-20px;
}

.swiperBg {
  margin: 4.5vw 0;
  position: relative;
}

.swiperBg .bgItem {
  position: relative;
  /*opacity: 0;*/
  /*display: none;*/
}

.swiperBg .bgItem .imgshow {
  width: 100%;
}

.swiperBg .bgItem .imgshow .img-box {
  padding-bottom: 46.875%;
}

.swiperBg .activeBox {
  opacity: 1;
  display: block;
}

.swiperBg .fixedImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.swiperBg .centerText {
  position: absolute;
  top: 50%;
  left: 0;
  max-width: 50%;
  z-index: 2;
  color: #fff;
  transform: translateY(-50%);
  min-width: 300px;
}

.swiperBg .centerText .desc {
  max-width: 647px;
}

.swiperBg .centerText .title {
  display: flex;
  align-items: center;
}

.swiperBg .centerText .number {
  font-style: italic;
  color: #6d6d6d;
  margin-right: 12px;
}

.swiperBg .centerText .text {
  margin: 16px 0 20px;
}

.swiperBg .rightSwiper {
  max-width: 634px;
  width: 100%;
  position: absolute;
  top: 4.5vw;
  right: 5.7vw;
  z-index: 3;
  bottom: 0;
}

.swiperBg .rightSwiper .banner-content {
  height: 100%;
}

.swiperBg .rightSwiper .imgshow {
  width: 100%;
}

.swiperBg .rightSwiper .imgshow .img-box {
  padding-bottom: 36.11987%;
}

.swiperBg .rightSwiper .swiper-scrollbar {
  background: rgba(255, 255, 255, 0.48);
  border-radius: 10px;
  width: 5px;
  right: -4vw;
  top: 0;
  height: 100%;
  position: absolute;
}

.swiperBg .rightSwiper .swiper-scrollbar-drag {
  background: #fff;
  border-radius: 100px;
}

.swiperBg .bottomText {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  color: #ffffff;
  padding-left: 37px;
  box-sizing: border-box;
}

.swiperBg .bottomText .title {
  font-style: italic;
  text-align: right;
  padding-right: 12px;
  line-height: 1;
}

.swiperBg .bottomText .desc {
  margin-top: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #F8F8F8;
  max-width: 484px;
}

.marginBttom40 {
  margin-bottom: 40px;
}

.ProductsSwper {
  /*background: url("../images/蒙版组 384.png") no-repeat bottom;*/
  background-size: cover;
}

.ProductsSwper .headTitle {
  text-align: center;
}
.ProductsSwper .banner-content {
    padding-bottom: 20px;
}

.ProductsSwper .imgshow {
  width: 100%;
}

.ProductsSwper .imgshow .img-box {
  padding-bottom: 54.90405%;
  
}

.ProductsSwper .bottomText {
  margin: 0 38px 0;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.08);
  border-radius: 6px 6px 6px 6px;
  padding: 15px 44px 56px;
  text-align: center;
  position: absolute;
  bottom:0;
  left:0;
}

.ProductsSwper .bottomText .text {
  text-align: left;
  color: #505050;
  margin-top: 20px;
  line-height:1.5;
  height:7.5em;
  overflow-y:auto;
}

.ProductsSwper .swiper-slide {
  width: 53.29%;
  opacity:0.8 !important;
  padding-bottom:10%;
}
.ProductsSwper .swiper-slide-active{
    opacity:1 !important;
}
.ProductsSwper .swiper-slide .bottomText {
    opacity:0;
    transition: all .6s;
    transform: translateY(-50%);
}
.ProductsSwper .swiper-slide-active .bottomText {
    opacity: 1;
    transform: translateY(0);
}

.ProductsSwper .swiper-slide-active .imgshow .img-box {
  
}

.ProductsSwper .swiper-button-prev, .ProductsSwper .swiper-button-next {
  width: 61px;
  height: 61px;
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  top:80%;
  border: 1px solid #065E9D;
}

.ProductsSwper .swiper-button-prev {
  border: 1px solid #065E9D;
  left: 24%;
}

.ProductsSwper .swiper-button-next {
  /*border: 1px solid #065E9D;*/
  /*background: #065E9D;*/
  right: 24%;
}
.ProductsSwper .swiper-button-prev:hover .hoverImg {
    transform: rotateY(180deg);
}
.ProductsSwper .swiper-button-next .IMG {
    transform: rotateY(180deg);
}
.ProductsSwper .swiper-button-next:hover , .ProductsSwper .swiper-button-prev:hover{
  border: 1px solid #065E9D;
  background: #065E9D;
}

.ProductsSwper .swiper-button-next:hover img, .ProductsSwper .swiper-button-prev:hover img{
    display: none;
}
.ProductsSwper .swiper-button-next:hover .hoverImg, .ProductsSwper .swiper-button-prev:hover .hoverImg{
    display: block;
}
.ProductsSwper .swiper-button-next .hoverImg, .ProductsSwper .swiper-button-prev .hoverImg{
    display: none;
}

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

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

.ProductsSwper .StandardBox {
  margin-top: 9vw;
  padding-bottom: 3.5vw;
}

.ProductsSwper .StandardBox .lineBox {
  max-width: 1220px;
  margin: 0 auto 40px;
  border-bottom: 2px solid #D9D9D9;
}

.ProductsSwper .StandardBox .lineBox ul {
  display: flex;
  gap: 10%;
  justify-content: center;
}

.ProductsSwper .StandardBox .lineBox li {
  width: fit-content;
  padding: 18px 0;
  cursor: pointer;
  text-align: center;
  position: relative;
}
.ProductsSwper .StandardBox .lineBox li::after {
    content:'';
    position: absolute;
    left:0;
    bottom:-2px;
    width:0;
    height:1px;
  border-bottom: 2px solid #C11920;
  transition: all 0.6s;
}
.ProductsSwper .StandardBox .lineBox li.active::after {
    width:100%;
}

.ProductsSwper .StandardBox .tableContent {
  margin: 0 auto;
  max-width: 1198px;
  display: none;
}

.ProductsSwper .StandardBox .active {
  display: block;
}

.ProductsSwper .StandardBox table {
  display: block;
  text-align: center;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
}

.ProductsSwper .StandardBox thead {
  height: 71px;
  background: #70B638;
  border: 1px solid #C6C6C6;
  width: 100%;
}

.ProductsSwper .StandardBox thead th {
  border-right: 1px solid #C6C6C6;
  color: #FFFFFF;
  padding: 0 5px;
}

.ProductsSwper .StandardBox thead th:last-child {
  border-right: 0;
}

.ProductsSwper .StandardBox tbody tr {
  height: 70px;
  border: 1px solid #C6C6C6;
  border-top: 0;
  background: #eeeeee;
}

.ProductsSwper .StandardBox tbody tr:nth-child(2n+2) {
  background: #fff;
}

.ProductsSwper .StandardBox tbody td {
  border-right: 1px solid #C6C6C6;
  color: #A8A6A7;
  padding: 0 5px;
}

.ProductsSwper .StandardBox tbody td:first-child {
  color: #000000;
  font-weight: 600;
}

.ProductsSwper .StandardBox tbody td:last-child {
  border-right: 0;
}

.anLiBox ul {
  margin-bottom: 40px;
  display:flex;
  justify-content: center;
}

.anLiBox ul li {
  display: inline-block;
  padding: 0 27px;
  /*border-right: 1px solid #C11920;*/
  color: #505050;
  cursor: pointer;
}

.anLiBox ul li:last-child {
  border-right: 0;
}

.anLiBox ul .active a{
  color: #C11920;
}

.anLiBox .anLiSwiper {
  position: relative;
}
.anLiBox .anLiSwiper .hc-ss-li{
    display: flex;
    flex-wrap: wrap;
}
.anLiBox .anLiSwiper .hc-ss-li .swiper-slide-li{
    width:calc((100% / 3) - 10px);
    margin-left:15px;
    margin-bottom:15px;
}
.anLiBox .anLiSwiper .hc-ss-li .swiper-slide-li:nth-child(3n+1){
    margin-left:0;
}
.anLiBox .anLiSwiper .swiper-item {
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
}

.anLiBox .anLiSwiper .swiper-item:hover .bg {
  opacity: 1;
  visibility: visible;
}

.anLiBox .anLiSwiper .imgshow {
  width: 100%;
}

.anLiBox .anLiSwiper .imgshow .img-box {
  padding-bottom: 66.43599%;
}

.anLiBox .anLiSwiper .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  /*background: url("../images/矩形 12097.png");*/
  background: rgba(0,0,0,.67);
  text-align: center;
  opacity: 0;
  visibility: hidden;
}

.anLiBox .anLiSwiper .title {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255, .6);
}

.anLiBox .anLiSwiper .btn {
  margin-top: 22px;
}

.anLiBox .anLiSwiper .btn a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #ffffff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #ffffff;
}

.anLiBox .anLiSwiper .btn a:hover {
  transform: scale(1.1);
}

.anLiBox .anLiSwiper .btn a {
  margin: 0 auto;
}

.anLiBox .anLiSwiper .bgCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  max-width: 393px;
  width: 100%;
}

.anLiBox .anLiSwiper .rightBtn {
  display: flex;
  gap: 43px;
  align-items: center;
  justify-content: center;
  margin-top: 45px;
  cursor: pointer;
}

.anLiBox .anLiSwiper .swiper-pagination {
  position: static;
  letter-spacing: 5px;
  font-size: 20px;
  color: #505050;
}

.anLiBox .anLiSwiper .swiper-pagination-lock {
  display: inline-block;
  width: fit-content;
}

.anLiBox .anLiSwiper .swiper-pagination-current {
  color: #065E9D;
}

.anLiBox .rightBtn {
  position: static;
  transform: translateY(0);
}

.anLiBox .anLiSwiper .swiper-pagination {
  display: flex;
  justify-content: center;
  width: fit-content;
}

.lineShare {
  margin: 15px 0 30px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  max-width: 670px;
  color: #999999;
}

.lineShare .lineleft {
  display: flex;
  /*gap: 12px;*/
  width: fit-content;
  white-space: nowrap;
  align-items: center;
  gap:2px;
}
.lineShare .lineleft img {
    margin-top:3px;
}

.lineShare .shareBox {
  flex: 1;
  display: flex !important;
  align-items: center;
}

.lineShare .shart {
  flex: 1;
  display: flex !important;
  /*justify-content: space-between;*/
  align-items: center;
  margin-left: 10px;
}

.lineShare .shart a {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}

.projctDetail {
  padding-top:30px;
  display: flex;
  gap: 70px;
}

.projctDetail .left {
  width: 434px;
}

.projctDetail .inputBox {
  position: relative;
}

.projctDetail input {
  width: 100%;
  height: 53px;
  border-radius: 26.5px;
  background: #eeeeee;
  color: #A8A8A8;
  font-size: 16px;
  padding-right: 50px;
  padding-left: 23px;
  border: none;
  outline: none;
  box-sizing: border-box;
}

.projctDetail .fixedRight {
  position: absolute;
  right: 27px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.projctDetail .selectBox {
  display: flex;
  align-items: center;
  gap: 10px;
}

.projctDetail .selectLine {
  flex: 1;
  height: 42px;
  border: 1px solid #D2D2D2;
  border-radius: 6px;
  padding-left: 16px;
  line-height: 42px;
  cursor: pointer;
  color: #000000;
  font-weight: bold;
}

.projctDetail .selectInput {
  margin: 31px 0 24px;
}

.projctDetail .selectInput ul {
  padding-left: 30px;
}

.projctDetail .selectInput .hide {
  display: none;
}

.projctDetail .selectInput li {
  height: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 18px;
  position: relative;
  color: #666666;
  margin-top: 16px;
  cursor: pointer;
}

.projctDetail .selectInput li a {
    font-weight: 500;
    color: #666666;
    font-size: 16px;
}

.projctDetail .selectInput .active a {
     color:#C11920;
}


.projctDetail .selectInput li a:hover{
    color:#C11920;
}

.projctDetail .selectInput li::before {
  content: ' ';
  position: absolute;
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #eeeeee;
}

.projctDetail .selectInput .active::before {
  background-color: #C11920;
}

.projctDetail .selectInput .down {
  transform: rotate(180deg);
}

.projctDetail .bg {
  width: 100%;
  height: 1px;
  /*background: url("../images/直线 229.png");*/
  border-bottom: 1.5px solid #D9D9D9;
  margin-bottom: 19px;
  
}

.projctDetail .productList .p-item {
  display: flex;
  gap: 22px;
  margin-bottom: 10px;
}

.projctDetail .productList .imgshow {
  width: 159px;
}

.projctDetail .productList .imgshow .img-box {
  padding-bottom: 61.63522%;
}

.projctDetail .productList .rightText {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.projctDetail .productList .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #000000;
}

.projctDetail .productList .timeLine {
  color: #999999;
  display: flex;
  gap: 10px;
  margin-top: 17px;
}

.projctDetail .right {
  flex: 1;
}

.projctDetail .right .title {
  color: #000;
  padding: 0 0 20px;
  border-bottom: 1.5px solid #D9D9D9;
}

.projctDetail .right .detailTitle {
  color: #666666;
  margin: 73px 0 56px;
}

.projctDetail .right .content {
  color: #666666;
  /*border-bottom: 1px solid rgba(153, 153, 153, 0.9);*/
}

.projctDetail .right .content p {
  margin-bottom: 30px;
}

.projctDetail .right .detailimg {
  width: 100%;
}

.projctDetail .right .detailimg .img-box {
  padding-bottom: 32.18021%;
}

.projctDetail .right .pre-btn, .projctDetail .right .next-btn {
  display: flex;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #666666;
  cursor: pointer;
}

.projctDetail .right .pre-btn span, .projctDetail .right .next-btn span {
  color: #666666;
  margin-right: 10px;
}

.projctDetail .right .pre-btn {
  margin: 32px 0 20px;
  color: #C11920;
}

.jiaTing1, .jiaTing4 {
  margin: 0;
}
.gsap-solution-1 .bg{
  opacity:0;
}
.gsap-warp .jiaTing1 .imgshow, .gsap-warp .jiaTing4 .imgshow {
  width: 100%;
  height: 100vh;
}

.jiaTing1 .imgshow .img-box, .jiaTing4 .imgshow .img-box {
  padding-bottom:0;
  /*height: calc(100vh - 70px);*/
  height: 100%;
}

.jiaTing1 ul, .jiaTing4 ul {
  display: flex;
  justify-content: center;
  margin: 20px 0;
  cursor: pointer;
}

.jiaTing1 ul li, .jiaTing4 ul li {
  padding: 0 20px;
  position: relative;
  font-style: italic;
}

.jiaTing1 ul li::before, .jiaTing4 ul li::before {
  content: ' ';
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  /*background: #C11920;*/
  transform: translateY(-50%);
}

.jiaTing1 ul li a, .jiaTing4 ul li a {
  color: #fff;
}

.jiaTing1 .decs, .jiaTing4 .decs {
  color: #EEEEEE;
}

.jiaTing1 .btn, .jiaTing4 .btn {
  margin-top: 30px;
  margin-left:30px;
}

.jiaTing1 .btn a, .jiaTing4 .btn a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #fff;
}

.jiaTing1 .btn a:hover, .jiaTing4 .btn a:hover {
  transform: scale(1.1);
}

.jiaTing1 .btn a, .jiaTing4 .btn a {
  margin: 0 auto;
}

.jiaTing1 .bg, .jiaTing4 .bg {
  background: rgba(0, 0, 0, 0.6);
}

.downSingle {
  position: absolute;
  bottom: 27px;
  width: 18px;
  left: 50%;
  margin-left: -9px;
}

.downSingle img {
  width: 100%;
  height: auto;
}

.jiaTing2 {
  margin: 0;
}

.jiaTing2 .imgshow {
  width: 100%;
}

.jiaTing2 .imgshow .img-box {
  padding-bottom: 47.91667%;
}

.jiaTing2 .bg {
  background: rgba(0, 0, 0, 0.66);
}
.text2 .decs,
.jiaTing2 .decs {
  max-width: 483px;
  color: #EEEEEE;
  margin: 20px auto 0;
  text-align: center;
}
.gsap-solution .text2{
  opacity: 0;
  transform: translate(-50% , 100%);
}
.gsap-solution .text4{
  opacity: 0;
  transform: translate(-50% , 100%);
}
.gsap-solution-3 .text2,
.gsap-solution-3 .text3{
  opacity: 0;
  transform: translate(-50% , 100%);
}
.jiaTing3 {
  margin: 0;
}
.gsap-warp{
  position: relative;
}
.gsap-warp .downSingle{
  position:fixed;
  z-index: 99;
  animation: fadeInDown 1s ease infinite;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); /* 向上移动 */
  }
  100% {
    opacity: 1;
    transform: translateY(0); /* 返回原位 */
  }
}

.jiaTing3 .imgshow {
  width: 100%;
  height: 100vh;
}

.jiaTing3 .imgshow .img-box {
  padding-bottom:0;
  height: 100%;
}

.jiaTing3 .bg {
  background: rgba(0, 0, 0, 0.66);
}

.jiaTing3 ul li {
  margin-right: 80px;
  text-align: center;
  display: inline-block;
}
.jiaTing3 ul li a{
  color: #fff;
}
.jiaTing3 ul li:last-child {
  margin-right: 0;
}

.jiaTing3 ul li .count {
  font-style: italic;
  margin: 80px auto 14px;
}

.jiaTing4 {
  margin: 0;
}

.jiaTing4 .imgshow {
  width: 100%;
}

.jiaTing4 .imgshow .img-box {
  padding-bottom:0;
  height:100%;
}
.jiaTing4Two .imgshow .img-box {
    padding-bottom:0;
    height: calc(100vh - 70px);
}


.jiaTing4 .bg {
  background: rgba(0, 0, 0, 0.4);
}

.jiaTing4 ul:first-child {
  margin: 30px auto 16px;
}

.jiaTing4 .relativeContent {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.jiaTing6 {
  margin: 0;
}

.jiaTing6 .imgshow {
  width: 100%;
}

.jiaTing6 .imgshow .img-box {
  padding-bottom: 47.91667%;
}

.jiaTing6 .bg {
  background: rgba(0, 0, 0, 0.4);
}

.MainUseBox {
  margin: 4.5vw auto 9vw;
}

.MainUseBox .headTitle {
  text-align: center;
  margin-bottom: 40px;
}

.MainUseBox .MainUseContent {
  display: flex;
  gap: 75px;
}

.MainUseBox .left, .MainUseBox .right {
  flex: 1;
}

.MainUseBox .left .imgshow {
  width: 100%;
}

.MainUseBox .left .imgshow .img-box {
  padding-bottom: 84.46026%;
}

.MainUseBox .right {
  background: #EEEEEE;
  border-radius: 6px 6px 6px 6px;
  padding: 82px 43px;
  color: #000000;
}

.MainUseBox .right .right_title {
  margin-top: 11px;
}

.MainUseBox .right .right_item {
  margin-top: 11px;
}

.MainUseBox .right .right_ul li {
  margin-top: 8px;
  color: #505050;
  padding-left: 19px;
  position: relative;
}

.MainUseBox .right .right_ul li::before {
  content: ' ';
  position: absolute;
  top: 8px;
  left: 0;
  width: 7px;
  height: 7px;
  background: #C11920;
  border-radius: 50%;
}

.MainUseBox .right .flex-right-ul {
  display: flex;
  gap: 65px;
}

.MainUseBox .right .flex-right-ul li {
  color: #505050;
  text-align: center;
}

.MainUseBox .right .flex-right-ul .count {
  color: #C11920;
  margin: 8px 0 3px;
}

.MainUseBox .right .btn {
  margin-top: 38px;
}

.MainUseBox .right .btn a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #000;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #000;
}

.MainUseBox .right .btn a:hover {
  transform: scale(1.1);
}

.CustomerCaseBox {
  position: relative;
  margin-bottom: 4.5vw;
}

.CustomerCaseBox .headTitle {
  margin-bottom: 40px;
}

.CustomerCaseBox .imgshow {
  width: 100%;
}

.CustomerCaseBox .imgshow .img-box {
  padding-bottom: 49.81818%;
}

.CustomerCaseBox .bottomContent {
  padding: 28px 15px 0;
  background: #EEEEEE;
}

.CustomerCaseBox .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #000000;
  padding-bottom: 30px;
  border-bottom: 2px dashed #D2D2D2;
  padding-left: 8px;
}

.CustomerCaseBox .flexline {
  height: 77px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  color: #505050;
}

.CustomerCaseBox .rightBtn {
  top: 37px;
  transform: translateY(0);
}

.CustomerCaseBox .rightBtn .swiper-pagination {
  color: #505050;
  font-weight: Medium;
  display: block;
  font-size: 20px;
}

.CustomerCaseBox .rightBtn .swiper-pagination span {
  font-style: italic;
}

.CustomerCaseBox .rightBtn .swiper-pagination span:first-child {
  color: #065E9D;
}

.submitBox {
  position: relative;
}

.submitBox .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.29);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.submitBox .imgshow {
  width: 100%;
}

.submitBox .imgshow .img-box {
  padding-bottom: 20.83333%;
}

.boxSha60 .bg {
  background: rgba(0, 0, 0, 0.6);
}

.pointUl {
  max-width: 1036px;
  margin: 22px auto 0;
}

.pointUl li {
  padding-left: 14px;
  position: relative;
  color: #EEEEEE;
  line-height: 30px;
  text-align: left;
  margin-bottom: 8px;
}

.pointUl li::before {
  /*content: ' ';*/
  /*position: absolute;*/
  /*top: 11px;*/
  /*left: 0;*/
  /*width: 8px;*/
  /*height: 8px;*/
  /*border-radius: 50%;*/
  /*background: #C11920;*/
}

.UnleashBox {
  padding: 5.4vw 0;
  background: #000000;
}

.UnleashBox .UnleashBoxCenter {
  max-width: 1492px;
  margin: 0 auto;
  color: #ffffff;
  position: relative;
  text-align: center;
}

.UnleashBox .pointUl li {
  margin-bottom: 5px;
}

.UnleashBox .line .heng {
  width: 1px;
  height: 240px;
}

.UnleashBox .line .shu {
  height: 1px;
  width: 212px;
}

.UnleashBox .leftborder img {
  position: absolute;
  top: -50px;
  left: 0;
}

.UnleashBox .rightborder img {
  position: absolute;
  bottom: -54px;
  right: 0;
}

.relativeContent {
  width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.relativeContent .swiperTop {
  max-width: 1622px;
  display: flex;
  justify-content: space-between;
}

.relativeContent .swiperTop .swiperLeft {
  max-width: 546px;
  position: relative;
  text-align: left;
}

.relativeContent .rightBtn {
  position: static;
  margin-top: 33px;
}

.relativeContent .rightBtn .swiper-pagination {
  width: fit-content;
}

.relativeContent .rightBtn .swiper-pagination span:first-child {
  color: #C11920;
}

.relativeContent .line {
  max-width: 1574.5px;
  height: 1px;
  background: url("../images/直线 110");
  background-size: cover;
}

.CustomerCases {
  margin: 4.5vw 0;
}

.CustomerCases .headTitle {
  text-align: center;
}

.CustomerCases .contentLst {
  margin-top: 40px;
}

.CustomerCases .contentLst li {
  display: inline-block;
  margin-right: 20px;
  width: calc((69.32% - 104px) / 4);
  border-radius: 40px 0 50px 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.CustomerCases .contentLst li .imgshow {
  width: 100%;
}

.CustomerCases .contentLst li .imgshow .img-box {
  padding-bottom: 211.11111%;
}

.CustomerCases .contentLst li:last-child {
  margin-right: 0;
}

.CustomerCases .contentLst .topBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 48px 29px;
  background:rgba(255,255,255,0.7);
  transition:all .6s;
  box-sizing: border-box;
}

.CustomerCases .contentLst .topBg .top {
  margin-bottom: 20px;
}

.CustomerCases .contentLst .topBg .desc {
  display: none;
}

.CustomerCases .contentLst .topBg .bottombTN {
  display: none;
}

.CustomerCases .contentLst .active {
  width: 30.68%;
  color: #fff;
  animation: growWidth1 4s linear;
}

.CustomerCases .contentLst .active a {
  color: #fff;
}

.CustomerCases .contentLst .active .imgshow {
  width: 100%;
}

.CustomerCases .contentLst .active .imgshow .img-box {
  padding-bottom: 109.07407%;
  border-radius: 28px 0 0 0;
}

.CustomerCases .contentLst .active .topBg {
    background:rgba(0,0,0,0.5);
}

.CustomerCases .contentLst .active .topBg .desc {
  display: block;
}
.CustomerCases .contentLst .topBg .hc-time-siac{
    display: flex;
    flex-wrap: wrap;
    max-width:fit-content;
}
.CustomerCases .contentLst .topBg .line{
    width:0;
    bottom:24.5%;
    left:14px;
    position: absolute;
    border-top:1px dashed #ccc;
    height:1px;
    transition: all 1.6s;
}
.CustomerCases .contentLst .active .topBg .line{
    width:calc(100% - 28px);
}
.CustomerCases .contentLst .active .topBg .hc-time-siac{
    max-width: fit-content;
}
.CustomerCases .contentLst .active .time, .CustomerCases .contentLst .active .bottombTN {
  display: inline-block;
  position: absolute;
  bottom: 48px;
  left: 52px;
  max-width: 36px;
}

.CustomerCases .contentLst .active .bottombTN {
  left: auto;
  right: 52px;
  max-width: 43px;
}

.jiaTing7 {
  margin: 0;
}

.jiaTing7 .desc {
  text-align: left;
  margin: 40px auto;
  max-width: 1007px;
  color: #EEEEEE;
}

.jiaTing7 .btn a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #fff;
}

.jiaTing7 .btn a:hover {
  transform: scale(1.1);
}

.jiaTing7 .btn a {
  margin: 0 auto;
}

.jiaTing7 .imgshow {
  width: 100%;
}

.jiaTing7 .imgshow .img-box {
  padding-bottom: 47.91667%;
}

.jiaTing7 .centerBox {
  top: 7.6vw;
  transform: translate(-50%, 0);
}

.jiaTing7 .bottomBtn {
  width: 100%;
  max-width: 809px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 7.6vw;
  left: 50%;
  transform: translateX(-50%);
}

.jiaTing7 .bottomBtn .btn a {
  display: inline-block;
  width: 386px;
  height: 67px;
  background-color: rgba(255, 255, 255, 0.2);
  color: #EEEEEE;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #EEEEEE;
}

.jiaTing7 .bottomBtn .btn a:hover {
  transform: scale(1.1);
}

.jiaTing7 .bottomBtn .btn a {
  border: none;
}

.TOPfLEX {
  display: flex;
  justify-content: space-between;
  margin: 6.5vw 0 40px;
  align-content: center;
}

.TOPfLEX .text {
  color: #505050;
}

.TOPfLEX a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #000;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #000;
}

.TOPfLEX a:hover {
  transform: scale(1.1);
}

.jiaTing8 {
  position: relative;
  margin-bottom: 0;
}

.jiaTing8 .imgshow {
  width: 100%;
  border: 1px solid #D2D2D2;
  margin-bottom: 20px;
  box-sizing:border-box;
}

.jiaTing8 .imgshow .img-box {
  padding-bottom: 84.36364%;
}

.jiaTing8 .centerText {
  /*padding: 0 49px;*/
  text-align: center;
}

.jiaTing8 .rightBtn {
  position: static;
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.jiaTing8 .rightBtn .swiper-pagination {
  display: inline-block;
  width: fit-content;
}

.jiaTing8 .rightBtn .swiper-pagination span {
  color: #505050;
}

.jiaTing8 .rightBtn .swiper-pagination span:first-child {
  color: #065E9D;
}

.jiaTing9 {
  position: absolute;
  top: 50%;
  right: 20px;
  height: 470px;
  transform: translateY(-50%);
  margin-bottom: 0;
  z-index: 9;
}

.jiaTing9 .swiper {
  height: 100%;
}

.jiaTing9 .topSwiperBox {
  max-width: 45.83vw;
  background: rgba(0, 0, 0, 0.69);
  width: 100%;
  padding: 62px 45px;
  color: #707070;
  box-sizing: border-box;
  cursor: pointer;
}

.jiaTing9 .topSwiperBox .desc {
  margin-top: 20px;
}

.jiaTing9 .swiper-slide-active .topSwiperBox {
  color: #EEEEEE;
}

.bottomTextFixed {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,0%);
  z-index: 10;
  width: 100%;
  padding: 0 45px;
  box-sizing: border-box;
}

.bottomTextFixed ul {
  display: flex;
  width: 100%;
  border-top: 2px solid #9f9f9f;
  padding: 0 45px;
  box-sizing: border-box;
}

.bottomTextFixed ul li {
  padding-top: 24px;
  flex: 1;
  color: #EEEEEE;
  text-align: center;
  margin: 0 13px;
}

.bottomTextFixed ul li::before {
  display: none;
}

.bottomTextFixed ul .active {
  position: relative;
}

.bottomTextFixed ul .active:before {
  display: block;
  content: '';
  position: absolute;
  top:-1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}

.paterBox {
  margin-bottom: 0;
}

.paterBox .bg {
  background: url("../images/组 2509.png");
  background-size: cover;
}

.paterBox .img-box img {
  top: 50%;
  transform: translateY(calc( -50% + 70px));
}

.paterBox .btn {
  margin-top: 22px;
}

.paterBox .btn a {
  margin: 0 auto;
}

.paterBox .btn a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #fff;
}

.paterBox .btn a:hover {
  transform: scale(1.1);
}

.parterBox {
  margin: 56px auto 4.7vw;
}

.parterBox .headContent {
  padding: 0 20px;
  width: fit-content;
  text-align: center;
  margin:0px auto;
}


.parterBox .headContent .desc {
  color: #707070;
  margin: 14px 0;
}

.parterBox .headContent .bgLine {
  width: 100%;
  height: auto;
}

.creatbox {
  margin-top: 60px;
}

.creatbox .creatItem {
  display: flex;
  gap: 82px;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.creatbox .creatItem:first-child {
  flex-direction: row;
  margin-bottom: 7.4vw;
}

.creatbox .creatItem:nth-child(2n+2) .leftBox .bottomCount {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 18.2vw;
  width: 5.2vw;
  flex-direction: column;
}

.creatbox .creatItem:nth-child(2n+2) .leftBox .line {
  height: 5.6vw;
  width: 2px;
  background: #D2D2D2;
}

.creatbox .leftBox {
  width: 31.6vw;
  position: relative;
}

.creatbox .leftBox .bottomCount:before {
    content:' ';
    position: absolute;
    left:0;
    top:0;
    width: 0;
    height: 100%;
    background: #000;
    transition: width 0.6s;
    
}
.creatbox .creatItem:nth-child(2n+2) .leftBox .bottomCount:before {
    height: 0;
    width: 100%;
    transition: height 0.6s;
    
}
.creatbox .leftBox:hover .bottomCount:before{
    width: 100%;
}
.creatbox .creatItem:nth-child(2n+2) .leftBox:hover .bottomCount:before {
    height: 100%;
}

.creatbox .leftBox .imgshow {
  width: 100%;
}

.creatbox .leftBox .imgshow .img-box {
  padding-bottom: 101.65563%;
}

.creatbox .leftBox .bottomCount {
  width: 18.2vw;
  height: 5.2vw;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #F8F8F8;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
  cursor: pointer;
  /*border:1px solid #000;*/
}

.creatbox .leftBox .line {
  width: 5.6vw;
  height: 2px;
  background: #D2D2D2;
  transition: all 0.6s;
  position: relative;
  z-index: 2;
  
}
.creatbox .leftBox:hover .line {
    background: #fff;
}
.creatbox .creatItem:first-child .line{

}

.creatbox .leftBox .cunt {
    
  color: #D2D2D2;
  line-height: 1;
  transition: all 0.6s;
  /*animation: expand 2s linear;*/
}
.creatbox .leftBox:hover .cunt {
    color:#fff;
    position: relative;
    z-index: 2;
}

.creatbox .rightBox {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.creatbox .rightBox .desc {
  color: #707070;
  margin: 20px 0;
}

.creatbox ul {
  padding-left: 0.42vw;
  display: flex;
  flex-wrap: wrap;
  gap: 68px 0;
}

.creatbox ul li {
  flex: 1 1 calc(50% - 38px);
  display: flex;
  align-items: center;
  gap: 48px;
}

.creatbox ul a {
  display: block;
  width: 72.5px;
  height: 72.5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  box-sizing: border-box;
  border-radius: 50%;
  background: url("../images/组 2495.png");
  background-size: cover;
}

.creatbox ul a img {
  width: 100%;
  height: auto;
}

.creatbox ul a:hover {
  transform: scale(0.8);
}

.creatbox ul .text {
  flex: 1;
}

.creatbox .btn a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #000;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #000;
}

.creatbox .btn a:hover {
  transform: scale(1.1);
}

.paterSwiper .imgshow {
  width: 100%;
}

.paterSwiper .imgshow .img-box {
  padding-bottom: 47.91667%;
}

.paterSwiper .swiperBottomBtn {
  position: absolute;
  bottom: 6.3vw;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}

.paterSwiper .swiperBottomBtn ul {
  width: 100%;
  max-width: 856px;
  padding: 0 25px;
  box-sizing: border-box;
  border-bottom: 1px solid #FFFFFF;
  display: flex;
  margin: 0 auto;
}

.paterSwiper .swiperBottomBtn ul li {
  flex: 1;
  padding-bottom: 13px;
}

.paterSwiper .swiperBottomBtn ul li a {
  color: #EEEEEE;
  cursor: pointer;
}

.paterSwiper .swiperBottomBtn ul .active {
  border-bottom: 3px solid #C11920;
}

.boxSha66 .bg {
  background: rgba(0, 0, 0, 0.66);
}

.ResourceBox {
  margin: 4.7vw 0 9.2vw;
}

.ResourceBox .headTitle {
  text-align: center;
}

.ResourceBox .ResourceBox-list {
  margin-top: 40px;
}

.ResourceBox .ResourceBox-list ul {
  margin: 0 -22.5px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.ResourceBox .ResourceBox-list .imgshow img {
  width: 100%;
}

.ResourceBox .ResourceBox-list li {
  width: 33.33%;
  padding: 0 22.5px;
  box-sizing: border-box;
}

.ResourceBox .ResourceBox-list .p-item {
  display: block;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
  border-radius: 0px 0px 0px 0px;
  padding: 79px 37px  41px;
  color: #000;
  height: 100%;
  box-sizing: border-box;
  transition: all 0.6s;
}

.ResourceBox .ResourceBox-list .p-item:hover .fixedBg {
  opacity: 1;
  visibility: visible;
}
.ResourceBox .ResourceBox-list .p-item:hover {
    transform: scale(1.1);
}

.ResourceBox .ResourceBox-list .fixedBg {
  /*opacity: 0;*/
  /*visibility: hidden;*/
  /*background: url("../images/减去 5.png");*/
  /*background-size: cover;*/
  /*transition: all 0.2s;*/
  /*position: absolute;*/
  /*top: -18px;*/
  /*right: 10px;*/
  /*width: 100%;*/
  /*height: 100%;*/
  
}

.ResourceBox .ResourceBox-list .content {
  position: relative;
  z-index: 2;
}

.ResourceBox .ResourceBox-list .title {
  position: relative;
}

.ResourceBox .ResourceBox-list .title::before {
  content: ' ';
  position: absolute;
  left: -18px;
  width: 43.83px;
  height: 44.29px;
  background: url("../images/路径 15700.png");
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
}

.ResourceBox .ResourceBox-list .title::after {
  content: ' ';
  position: absolute;
  left: 0px;
  width: 43.83px;
  height: 44.29px;
  background: url("../images/路径 15701.png");
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
}

.ResourceBox .ResourceBox-list .desc {
  color: #505050;
  margin-top: 20px;
  min-height: 110px;
}

.readMore {
  color: #065E9D;
  display: flex;
  align-items: center;
  gap: 7px;
}

.readMore img {
  width: 5.82px;
  height: auto;
}

.parterBox-list ul {
  margin: 0 -13px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.parterBox-list .imgshow img {
  width: 100%;
}

.parterBox-list li {
  width: 50%;
  padding: 0 13px;
  box-sizing: border-box;
}

.parterBox-list .p-item {
  display: block;
  position: relative;
}

.parterBox-list li {
  margin-bottom: 26px;
}

.parterBox-list .imgshow {
  width: 100%;
}

.parterBox-list .imgshow .img-box {
  padding-bottom: 51.10876%;
}

.parterBox-list .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
}

.parterBox-list .content a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #fff;
}

.parterBox-list .content a:hover {
  transform: scale(1.1);
}

.parterBox-list .content a {
  margin: 0 auto;
}

.parterBox-list .desc {
  margin: 22px auto;
  color: #D9D9D9;
  max-width: 545px;
}

.chengeiBox {
  margin: 4.7vw auto;
}

.chengeiBox ul {
  display: flex;
  justify-content: space-between;
}

.chengeiBox ul li {
  display: inline-block;
  width: 14.5vw;
  position: relative;
  transition: width 0.3s;
  height: 456px;
}

.chengeiBox ul li a{
    color: #fff;
}
.chengeiBox ul li .imgshow {
  width: 100%;
  height: 100%;
}

.chengeiBox ul li .imgshow .img-box {
  /*padding-bottom: 163.44086%;*/
  height: 100%;
  padding-bottom: 0;
}

.chengeiBox ul li:last-child {
  margin-right: 0;
}

.chengeiBox ul li .centerContent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  padding: 34px 36px;
  box-sizing: border-box;
}

.chengeiBox ul .active {
  width: 44.6vw;
  /*animation: growWidth2 4s linear;*/
}

.chengeiBox ul .active .centerContent {
  background: rgba(0, 0, 0, 0.19);
  padding: 46px 38px 0;
}

.chengeiBox ul .active .imgshow {
  width: 100%;
}

.chengeiBox ul .active .imgshow .img-box {
  /*padding-bottom: 53.20887%;*/
  height: 100%;
  padding-bottom: 0;
}

.chengeiBox .desc {
  margin-top: 22px;
}
.chengeiBox .desc p{
    display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3; /* 控制显示的行数 */
      overflow: hidden;
      text-overflow: ellipsis;
}
.chengeiBox ul .active p{
    text-overflow: clip; /* 或 'initial' / 'unset' */
      white-space: normal; /* 恢复默认换行 */
      overflow: visible;   /* 取消溢出隐藏 */
      display: block;
}
.findPaterSwiper {
  margin-bottom: 4.7vw;
}

.findPaterSwiper .bg {
  background: rgba(0, 0, 0, 0.44);
}

.findPaterSwiper .centerBox {
  top: 7.2vw;
}

.findPaterSwiper .btn {
  margin-top: 54px;
}

.findPaterSwiper .imgshow {
  width: 100%;
}

.findPaterSwiper .imgshow .img-box {
  padding-bottom: 39.53125%;
}

.Partners {
  margin-bottom: -8.1vw;
}

.Partners .headTitle {
  text-align: center;
  padding-bottom: 23px;
  border-bottom: 1px solid #D9D9D9;
}

.Partners .Partners-list {
  padding: 0 45px;
  margin-top: 4.4vw;
}

.Partners .Partners-list ul {
  margin: 0 -66px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.Partners .Partners-list .imgshow img {
  width: 100%;
  
}
.Partners li:hover .imgshow {
    transform: scale(1.2);
}

.Partners .Partners-list li {
  width: 16.66%;
  padding: 0 66px;
  box-sizing: border-box;
}

.Partners .Partners-list li {
  padding-bottom: 8.1vw;
}

.Partners .Partners-list .imgshow {
  width: 100%;
  transition: all 0.4s;
}

.Partners .Partners-list .imgshow .img-box {
  padding-bottom: 26.84589%;
}

.tableList {
  margin-top: 55px;
}

.tableList ul {
  padding-bottom: 25px;
  margin-bottom: 39px;
  border-bottom: 1px dashed #A8A8A8;
}

.tableList ul li {
  display: inline-block;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  cursor: pointer;
}

.tableList ul li a {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 17px 63px;
  display: block;
  color: #000;
}

.tableList ul .active {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.07);
}

.tableList ul .active a {
  color: #C11920;
}

.tableList table {
  width: 100%;
}

.tableList tr {
  min-height: 44px;
  background: #FFFFFF;
  margin-bottom: 13px;
  color: #707070;
  display: flex;
  padding-left: 9px;
  box-sizing: border-box;
}

.tableList tr:nth-child(2n+2) {
  background: #F8F8F8;
}

.tableList tr td {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tableList tr td:first-child {
  color: #000;
  flex: 1;
}

.tableList tr td:nth-child(2n+2) {
  flex: 2;
  color: #707070;
}

.tableList tr td:nth-child(2n+3) {
  width: 120px;
}

.tableList tr td a {
  color: #707070;
  display: flex;
  align-items: center;
  gap: 16px;
}

.tableList .rightBtn {
  position: static;
  width: 100%;
  justify-content: center;
  transform: translateY(0);
  margin-top: 46px;
}

.tableList .rightBtn span {
  font-style: italic;
}

.tableList .rightBtn .active {
  position: relative;
  color: #065E9D;
}

.tableList .rightBtn .active::before {
  content: ' ';
  position: absolute;
  top: -3px;
  right: -3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(6, 94, 157, 0.12);
}

.fWuSwiper {
  margin-bottom: 0;
}

.fuContent .headTitle {
  text-align: center;
  margin-top: 4.7vw;
  margin-bottom: 40px;
}

.fuContent .centerTitle {
  margin-bottom: 22px;
}

.fuContent .desc {
  margin-bottom: 40px;
  text-align: center;
  color: #505050;
}

.fuContent .fuWuItem ul {
  margin: 0 -27.5px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.fuContent .fuWuItem .imgshow img {
  width: 100%;
}

.fuContent .fuWuItem li {
  width: 33.33%;
  padding: 0 27.5px;
  box-sizing: border-box;
}

.fuContent .fuWuItem ul {
  align-items: stretch;
}

.fuContent .fuWuItem .p-item {
  display: block;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
  border-radius: 6px 6px 6px 6px;
  position: relative;
  padding: 37px 21px 37px 37px;
  color: #000000;
  transition: all 0.2s;
  height: 100%;
  box-sizing: border-box;
}

.fuContent .fuWuItem .p-item:hover {
  transform: scale(1.1);
}

.fuContent .fixedImg {
  position: absolute;
  right: 21px;
  bottom: 37px;
}

.fuContent .fixedImg .imgshow {
  width: 10.625vw;
}

.fuContent .fixedImg .imgshow .img-box {
  padding-bottom: 64.70588%;
}

.fuContent .topImg {
  margin-bottom: 15px;
}

.fuContent .text {
  color: #505050;
  line-height: 30px;
  margin-top: 22px;
  min-height: 110px;
  margin-bottom: 15px;
}

.fuContent .readMore {
  color: #000000;
}

.fuWuSwiper2 {
  margin-top: 6.3vw;
}

.fuWuSwiper2 .swierItem {
  position: relative;
}

.fuWuSwiper2 .swierItem .imgshow {
  width: 100%;
}

.fuWuSwiper2 .swierItem .imgshow .img-box {
  padding-bottom: 38.75%;
}

.fuWuSwiper2 .swierItem .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.fuWuSwiper2 .flexCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  text-align: center;
  width: 100%;
}

.fuWuSwiper2 .desc {
  color: #D9D9D9;
  margin: 19px 0 20px;
}

.fuWuSwiper2 .btn a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #fff;
}

.fuWuSwiper2 .btn a:hover {
  transform: scale(1.1);
}

.fuWuSwiper2 .btn a {
  margin: 0 auto;
}

.zhongXinTop {
  margin-bottom: 0;
}

.centerInput {
  margin: 0 auto;
  width: 100%;
  max-width: 904px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  position: relative;
}

.centerInput input {
  width: 100%;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  outline: none;
  border: bone;
  padding-left: 30px;
  color: #A8A8A8;
  height: 68px;
  line-height: 68px;
  padding-right: 5.4vw;
  box-sizing: border-box;
}

.centerInput .rightIcon {
  width: 104px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0  6px 6px;
  height: 100%;
  background: #C11920;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}

.centerInput .rightIcon img {
  width: 28px;
  height: auto;
  margin: 0 auto;
}

.zhongXinTop .imgshow .img-box {
  padding-bottom: 19.63542%;
}

.zhongXinTop .centerBox {
  bottom: 5.2vw;
  top: auto;
  transform: translate(-50%, 0);
}
.down-tab-box{
    display:flex;
    justify-content: center;
    align-items: center;
    padding-top:4vw;
}
.down-tab-box ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.down-tab-box ul li{
    margin:0 20px;
}
.down-tab-box ul li a{
    font-weight:600;
    font-size:20px;
    color:#000;
    display: inline-block;
    padding-bottom:5px;
    position: relative;
}

.down-tab-box ul li a:after{
    content: '';
    width:0;
    height:3px;
    background:#C11920;
    position: absolute;
    left:0;
    bottom:0;
    transition: all 0.6s;
}
.down-tab-box ul li.act a:after{
    width:100%;
}
.down-tab-box ul li.act a{
}
.down-con-box .xiaZaiContent{
    /*display:none;*/
}
.down-con-box .xiaZaiContent.act{
    display: block;
}
.xiaZaiContent {
  margin-top: 4.7vw;
  cursor: pointer;
}
.xiaZaiContent.mtn{
    margin-top:2.5vw;
}
.xiaZaiContent .xiaZaiitem {
  padding: 32px  30px;
  background: linear-gradient(180deg, #EEEEEE 0%, rgba(238, 238, 238, 0.24) 100%);
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 18px;
  display: flex;
  gap: 30px;
  align-items: center;
  transition: height 1s ease;
}
.xiaZaiContent:nth-child(1) .lefBtnBox .text{
    white-space: wrap;
}
.xiaZaiContent .lefBtnBox {
  width: 13.125vw;
  position: relative;
  height: fit-content;
}
.xiaZaiContent .lefBtnBox .text {
    width: min-content;
    position: relative;
    white-space: nowrap;
}

.xiaZaiContent .lefBtnBox .text::after {
  content: ' ';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 13px;
  height: 3px;
  background: #C11920;
  border-radius: 10px 10px 10px 10px;
  transition: width ease 0.6s;
}

.xiaZaiContent .righBox {
  flex: 1;
  overflow: hidden;
  /*display: none;*/
}

.xiaZaiContent .righBox ul {
  margin: 0 -11px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.xiaZaiContent .righBox .imgshow img {
  width: 100%;
}

.xiaZaiContent .righBox li {
  width: 25%;
  padding: 0 11px;
  box-sizing: border-box;
  cursor: pointer;
}

.xiaZaiContent .righBox .p-item {
  display: block;
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
  position: relative;
}

.xiaZaiContent .righBox .imgshow {
  width: 100%;
}

.xiaZaiContent .righBox .imgshow .img-box {
  padding-bottom: 121.30178%;
}

.xiaZaiContent .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.43);
  border-radius: 6px 6px 6px 6px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
}

.xiaZaiContent .topContent {
    position: absolute;
    top: 50%;
    left: 22px;
    height: fit-content;
    width: calc(100% - 22px);
    transition: height ease 1s;
    color: #fff;
    transform: translateY(-50%);
}

.xiaZaiContent .topContent a{
    color:#fff;
}

.xiaZaiContent .contetUl {
  display: none;
  gap: 10px;
}

.xiaZaiContent .contetUl ul {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
}

.xiaZaiContent .contetUl ul li {
  width: 100%;
  padding: 0;
  white-space: nowrap;
}

.xiaZaiContent .contetUl ul:first-child li {
  padding-left: 12px;
  position: relative;
}

.xiaZaiContent .contetUl ul:first-child li::before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  /*width: 8px;*/
  /*height: 8px;*/
  /*border-radius: 50%;*/
  /*background: #C11920;*/
}

.xiaZaiContent .active .lefBtnBox .text::after {
  width: 100%;
}

.xiaZaiContent .active .righBox {
  display: block;
}

.xiaZaiContent .active .p-item:hover .bg {
  opacity: 1;
  visibility: visible;
}

.xiaZaiContent .active .p-item:hover .topContent {
  height: calc( 100% - 48px);
}

.xiaZaiContent .active .p-item:hover .contetUl {
  display: flex;
}

.xiaZaiContent14 .righBox .imgshow {
  width: 100%;
}

.xiaZaiContent14 .righBox .imgshow .img-box {
  padding-bottom: 54.14201%;
}

.xiaZaiContent14 li .bg {
  background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
  opacity: 1;
  visibility: visible;
}

.xiaZaiContent14 .itemImg {
  margin-top:15px;
}

.xiaZaiContent14 .title {
  color: #000;
}

.xiaZaiContent14 .jianTou {
  display: none;
  margin: 11px auto 0;
  cursor: pointer;
}

.xiaZaiContent14 .active .p-item:hover .topContent {
  bottom: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.xiaZaiContent14 .active .p-item:hover .itemImg {
  display: none;
}

.xiaZaiContent14 .active .p-item:hover .bg {
  background: rgba(0, 0, 0, 0.47);
}

.xiaZaiContent14 .active .p-item:hover .title {
  color: #ffffff;
}

.xiaZaiContent14 .active .p-item:hover .jianTou {
  display: block;
  cursor: pointer;
}

.xiaZaiContent15 .righBox .imgshow {
  width: 100%;
}

.xiaZaiContent15 .righBox .imgshow .img-box {
  padding-bottom: 95.85799%;
}

.xiaZaiContent15 .bg {
  opacity: 1;
  visibility: visible;
  background: url("../images/15 (1).png") no-repeat center;
  background-size: cover;
}

.xiaZaiContent15 .centerCount {
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1;
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 0.16);
  z-index: 2;
}

.xiaZaiContent15 .title {
  text-align: center;
}

.xiaZaiContent15 .p-item:hover .topContent {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.topSearchBx {
  display: flex;
  flex-wrap: wrap;
}

.topSearchBx .searchItm {
  margin-right: -1px;
  margin-bottom: -1px;
  border-radius: 6px 0px 0px 0px;
  border: 1px solid #D9D9D9;
  width: 33.33%;
  height: 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 66px;
  box-sizing: border-box;
  color: #000000;
  position: relative;
  cursor: pointer;
  line-height: 1;
}

.topSearchBx .searchItm::before {
  width: 13px;
  height: 13px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  content: ' ';
  position: absolute;
  top: 50%;
  left: 35px;
  transform: translateY(-50%);
}

.topSearchBx .active {
  color: #C11920;
}

.topSearchBx .active::before {
  width: 15px;
  height: 13px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  content: ' ';
  position: absolute;
  top: 50%;
  left: 35px;
  transform: translateY(-50%);
  border: none;
  background: url("../images/组 2792.png");
  background-size: cover;
  border-radius: 0;
}

.videoBtn {
  position: absolute;
  width: 96px;
  height: 96px;
  z-index: 2;
  background: url("../images/播放.png");
  background-size: cover;
  top: 43px;
  right: 58px;
  cursor: pointer;
}

.searchImg, .searchImg1, .searchImg2 {
  display: none;
}

.searchImg1, .searchImg2 {
  position: absolute;
  top: 50%;
  right: 60px;
  transform: translateY(-50%);
  display: none;
}

.searchImg1 img, .searchImg2 img {
  width: 32px;
  height: 32px;
}

.ziLiaoYongHuBox {
  padding-top: 110px;
}

.ziLiaoYongHuBox .ziLiaoTop {
  margin-bottom: 35px;
}

.ziLiaoYongHuBox .ziLiaoTop ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.ziLiaoYongHuBox .ziLiaoTop .imgshow img {
  width: 100%;
}

.ziLiaoYongHuBox .ziLiaoTop li {
  width:23.5%;
  margin-left:2%;
  box-sizing: border-box;
}
.ziLiaoYongHuBox .ziLiaoTop li:nth-child(4n+1){
    margin-left:0;
}
.ziLiaoYongHuBox .ziLiaoTop .p-item {
  position: relative;
  display: block;
}

.ziLiaoYongHuBox .ziLiaoTop .p-item:hover .topText , .ziLiaoYongHuBox .ziLiaoTop .active .topText{
  color: #fff;
}

.ziLiaoYongHuBox .ziLiaoTop .p-item:hover .bg , .ziLiaoYongHuBox .ziLiaoTop .active .bg {
  visibility: visible;
  opacity: 1;
  background: url("../images/16 (1).png");
  background-size: cover;
}


.ziLiaoYongHuBox .ziLiaoTop .imgshow {
  width: 100%;
}

.ziLiaoYongHuBox .ziLiaoTop .imgshow .img-box {
  padding-bottom: 30.0716%;
  border-radius:5px;
}

.ziLiaoYongHuBox .ziLiaoTop .bg {
  /*opacity: 0;*/
  /*visibility: hidden;*/
  transition: all 0.6s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/16.png");
  background-size: cover;
 
}

.ziLiaoYongHuBox .ziLiaoTop .topText {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #000000;
  z-index: 2;
  width: 100%;
  text-align: center;
}

.ziLiaoYongHuBox .ziLiaoBottom {
  display: flex;
  flex-wrap: wrap;
}

.ziLiaoYongHuBox .ziLiaoBottom .ziLIaoLeft {
  width: 23.5%;
  box-sizing: border-box;
  margin-right:2%;
}

.ziLiaoYongHuBox .ziLiaoBottom .searchContent li {
  height: 62px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 30px;
  background: #EEEEEE;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}

.ziLiaoYongHuBox .ziLiaoBottom .searchContent li:hover {
  color: #C11920;
}

.ziLiaoYongHuBox .ziLiaoBottom .searchContent li::before {
  content: ' ';
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 37px;
  background: url("../images/16 (7).png");
  opacity: 0;
  visibility: hidden;
}

.ziLiaoYongHuBox .ziLiaoBottom .searchContent .active {
  color: #C11920;
  background: #fff;
}

.ziLiaoYongHuBox .ziLiaoBottom .searchContent .active::before {
  opacity: 1;
  visibility: visible;
}

.ziLiaoYongHuBox .rightContent {
  display: none;
}

.ziLiaoYongHuBox .rigtActive {
  display: block;
}

.ziLiaoYongHuBox .ziLIaoRight {
  width:74.5%;
}

.ziLiaoYongHuBox .ziLIaoRight .allPicture ul {
  margin: 0 -11px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.ziLiaoYongHuBox .ziLIaoRight .allPicture .imgshow img {
  width: 100%;
}

.ziLiaoYongHuBox .ziLIaoRight .allPicture li {
  width: 33.33%;
  padding: 0 11px;
  box-sizing: border-box;
}

.ziLiaoYongHuBox .ziLIaoRight .allPicture li {
  margin-bottom: 39px;
}

.ziLiaoYongHuBox .ziLIaoRight .allPicture .p-item {
  display: block;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #D2D2D2;
  padding: 15px 24px;
  color: #000;
}

.ziLiaoYongHuBox .ziLIaoRight .allPicture .p-item:hover .imgshow {
  transform: scale(1.1);
}

.ziLiaoYongHuBox .ziLIaoRight .allPicture .imgshow {
  margin-bottom: 29px;
  width: 100%;
}

.ziLiaoYongHuBox .ziLIaoRight .allPicture .imgshow .img-box {
  padding-bottom: 84.26667%;
}

.ziLiaoYongHuBox .ziLIaoRight .rightBtn {
  position: static;
  display: flex;
  justify-content: center;
  transform: translate(0, 0);
  margin-top: 5px;
}

.ziLiaoYongHuBox .ziLIaoRight .rightBtn span {
  font-style: italic;
  color: #505050;
}

.ziLiaoYongHuBox .ziLIaoRight .rightBtn .active {
  color: #065E9D !important;
}

.ziLiaoYongHuBox .topP {
  margin-top: 73px;
  display: flex;
  gap: 13px;
  align-items: center;
  color: #C11920;
  margin-bottom: 20px;
  padding-bottom: 11px;
  border-bottom: 1px dashed #D9D9D9;
}

.ziLiaoYongHuBox .pictureUl {
  margin-bottom: 18px;
}

.ziLiaoYongHuBox .pictureUl ul {
  margin: 0 -11px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.ziLiaoYongHuBox .pictureUl .imgshow img {
  width: 100%;
}

.ziLiaoYongHuBox .pictureUl li {
  width: 33.33%;
  padding: 0 14px;
  box-sizing: border-box;
}

.ziLiaoYongHuBox .pictureUl .imgshow {
  width: 100%;
}

.ziLiaoYongHuBox .pictureUl .imgshow .img-box {
  padding-bottom: 84.26667%;
}

.ziLiaoYongHuBox .pictureUl .p-item {
  padding: 54px 24px;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #D2D2D2;
  display: block;
}

.ziLiaoYongHuBox .pictureUl .p-item:hover .imgshow {
  transform: scale(1.1);
}

.ziLiaoYongHuBox .pictureUl li {
  margin-bottom: 22px;
}

.ziLiaoYongHuBox .videoList {
  color: #fff;
}

.ziLiaoYongHuBox .videoList ul {
  margin: 0 -11px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.ziLiaoYongHuBox .videoList .imgshow img {
  width: 100%;
}

.ziLiaoYongHuBox .videoList li {
  width: 33.33%;
  padding: 0 11px;
  box-sizing: border-box;
}

.ziLiaoYongHuBox .videoList li {
  margin-bottom: 40px;
}
.ziLiaoYongHuBox .videoList li:hover .topContentText {
      display: none;
 }
.ziLiaoYongHuBox .video-js .vjs-big-play-button .vjs-icon-placeholder:before{
     display: none;
 }

.ziLiaoYongHuBox .videoList .reslativeTGop {
  position: relative;
}
.ziLiaoYongHuBox .videoList .reslativeTGo .video-js{
    width: 100% !important;
}

.ziLiaoYongHuBox .videoList .text {
  padding: 16px 13px;
  box-sizing: border-box;
  color: #000;
}

.ziLiaoYongHuBox .videoList .topContentText {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.38);
  padding: 62px 0 0 51px;
  box-sizing: border-box;
  cursor: pointer;
}

.ziLiaoYongHuBox .videoList .textTitle {
  margin-bottom: 10px;
}

.ziLiaoYongHuBox .reslativeTGop .video-js .vjs-big-play-button {
  width: 96px;
  height: 96px;
  position: absolute;
  top: 43px;
  right: 58px;
  background: url("../images/播放.png");
  border: none;
  left: auto;
  /*display: none;*/
}

.ziLiaoYongHuBox .videoLis.vjs-fluid:not(.vjs-audio-only-mode) {
  padding-top: 43.020833%;
}

.ziLiaoYongHuBox .video-js :before {
  /*display: none;*/
}

.ziLiaoYongHuBox .time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #505050;
  padding: 0 13px;
  box-sizing: border-box;
  cursor: pointer;
}

.ziLiaoYongHuBox .time .rightTime {
  display: flex;
  align-items: center;
  gap: 22px;
}

.ziLiaoYongHuBox .time .rigtimg {
  display: flex;
  align-items: center;
  gap: 5px;
}

.ziLiaoYongHuBox .time a {
  color: #505050;
}

.ziLiaoYongHuBox .DocumentItem {
  margin-bottom: 30px;
  cursor: pointer;
}

.ziLiaoYongHuBox .DocumentItem .bottomLine {
  display: flex;
  justify-content: space-between;
}

.ziLiaoYongHuBox .DocumentItem .DocumentI {
  display: flex;
  gap: 13px;
  align-items: center;
  margin-bottom: 6px;
}

.ziLiaoYongHuBox .DocumentItem .name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ziLiaoYongHuBox .DocumentItem .time {
  width: fit-content;
  gap: 23px;
}

.gongJuList ul {
  margin: 0 -27.5px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.gongJuList .imgshow img {
  width: 100%;
}

.gongJuList li {
  width:25%;
  padding: 0 27.5px;
  box-sizing: border-box;
  margin-top:20px;
}

.gongJuList .p-item {
  position: relative;
  color: #000;
}

.gongJuList .imgshow {
  width: 100%;
}

.gongJuList .imgshow .img-box {
  padding-bottom: 58.90909%;
}

.gongJuList .topBg {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 14px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.68);
  cursor: pointer;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gouMaiBox {
  padding-bottom: 5.7vw;
}

.gouMaiBox .goumAItOP {
  border-bottom: 1px solid #999999;
  /*padding: 0 7.5vw;*/
  box-sizing: border-box;
  margin-bottom: 23px;
  margin-bottom: 33px;
}

.gouMaiBox .goumAItOP .desc {
  margin-top: 15px;
  padding-bottom: 25px;
}

.gouMaiBox .goumAItOPBottom {
  display: flex;
  flex-direction: row-reverse;
  padding-bottom: 90px;
  background: #fff;
}

.gouMaiBox .gouMaiLedt {
  flex: 1;
  min-height: 300px;
}

.gouMaiBox .gouMaiLedt iframe {
    height:100%;
    width:100%;
}

.gouMaiBox .gouMaiRight {
  width: 23vw;
  position: relative;
  min-width: 377px;
  height: 600px;
}

.gouMaiBox .gouMaiRight .contactusContent {
  padding: 40px 40px 0;
  height: 100%;
  box-sizing: border-box;
  overflow-x:hidden ;
}

.gouMaiBox .gouMaiRight .contactusContent {
  display: flex;
  flex-direction: column;
}

.gouMaiBox .gouMaiRight .contactusContent ul {
  display: flex;
  gap: 20px;
}

.gouMaiBox .gouMaiRight .contactusContent ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 20px;
  border-bottom: 2px solid #F8F8F8;
  cursor: pointer;
}

.gouMaiBox .gouMaiRight .contactusContent ul img {
  width: 32px;
  height: 32px;
}

.gouMaiBox .gouMaiRight .contactusContent ul .Active {
  display: none;
}

.gouMaiBox .gouMaiRight .contactusContent ul .active {
  border-bottom: 3px solid #C11920;
}

.gouMaiBox .gouMaiRight .contactusContent ul .active .Active {
  display: block;
}

.gouMaiBox .gouMaiRight .contactusContent ul .active .unActive {
  display: none;
}

.gouMaiBox .gouMaiRight .topBase {
  border-bottom: 2px solid #F8F8F8;
  padding: 30px 0 20px;
}

.gouMaiBox .gouMaiRight .topBase:hover .topText {
  color: #C11920;
}

.gouMaiBox .gouMaiRight .bottomVItem {
  width: 100%;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: none;
  color: #666;
  cursor: pointer;
}

.gouMaiBox .gouMaiRight .bottomVItem a {
  color: #000;
}

.gouMaiBox .gouMaiRight .topText {
  color: #333;
}


.gouMaiBox .gouMaiRight .bottomV {
  flex: 1;
  display: flex;
}

.gouMaiBox .gouMaiRight .bottomV .active {
  opacity: 1;
  display: flex;
  animation: fadeTranslate 0.5s;
}

.gouMaiBox .gouMaiRight .imgshow {
  width: 100%;
}

.gouMaiBox .gouMaiRight .imgshow .img-box {
  padding-bottom: 152.01843%;
}

.gouMaiBox .gouMaiRight .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(238, 238, 238, 0.16);
  cursor: pointer;
}

.gouMaiBox .gouMaiRight .topContentText {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 0 28px;
  box-sizing: border-box;
  color: #000;
  display: flex;
  flex-direction: column;
  gap: 57px;
}

.gouMaiBox .gouMaiRight .topItem {
  padding: 24px 11px;
  border-bottom: 1px dashed #A8A8A8;
}

.gouMaiBox .gouMaiRight .topItem:last-child {
  border: none;
}

.gouMaiBox .gouMaiRight .text {
  color: #505050;
  margin: 10px 0 15px;
}

.gouMaiBox .gouMaiRight .btn a {
  display: inline-block;
  width: 116px;
  height: 36px;
  background-color: "none";
  color: #000;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #000;
}

.gouMaiBox .gouMaiRight .btn a:hover {
  transform: scale(1.1);
}

.gouMaiBox .gouMaiRight .bottomHref {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #C11920;
}

.gouMaiBox .gouMaiRight .bottomHref img {
  width: 31.89px;
  height: auto;
}

.gouMaiBox .iframe {
  width: 100%;
  height: 100%;
}

.dieSwiper {
  background: url("../images/bg1.jpg") no-repeat center;
  background-size: cover;
  position: relative;
}

.dieSwiper .swiperContent {
  display: none;
}
.dieSwiper .active {
  display: block;
}

.dieSwiper .swiper-prev, .dieSwiper .swiper-next {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #cccccc;
  border-radius: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}

.dieSwiper .swiper-prev img, .dieSwiper .swiper-next img {
  width: 18.21px;
  height: auto;
  margin: 0 auto;
}

.dieSwiper .swiper-next:hover , .dieSwiper .swiper-prev:hover{
    background: #C11920;
}
.dieSwiper .swiper-next {
  left: auto;
  right: 10px;
  /*background: #C11920;*/
}

.gouMaiSwiper {
  padding: 52px 0 9.2vw;
  position: relative;
}

.gouMaiSwiper .swiperTop {
  display: flex;
  align-items: center;
  color: #000000;
  justify-content: space-between;
  padding-bottom: 11px;
  border-bottom: 1px dashed #A8A8A8;
  margin-bottom: 60px;
}

.gouMaiSwiper .rightBtnList {
  display: flex;
  align-items: center;
}

.gouMaiSwiper .rightBtnList .btn {
  width: 204px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  cursor: pointer;
}

.gouMaiSwiper .rightBtnList .active {
  height: 58px;
  line-height: 58px;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
  color: #C11920;
}

.gouMaiSwiper .swiper-slide {
    width: 323px;
    transform-origin: bottom center; 
  /*transform: translateX(0) scale(0.5);*/
}
.gouMaiSwiper .swiper-slide  img{
    object-fit: cover;
    width: 100%;
}

.gouMaiSwiper .swiper-slide-prev {
    z-index: 2;
  /*transform: translateX(-64px) scale(0.7);*/
}

.gouMaiSwiper .swiper-slide-next {
    z-index: 2;
  /*transform: translateX(20px) scale(0.7);*/
}

.gouMaiSwiper .swiper-slide-active {
    z-index: 3;
  /*transform: translateX(-37px) scale(1);*/
}

.gouMaiSwiper .swiperContent {
  /*width: 1174px;*/
  margin: 0 auto 40px;
  position: relative;
}

.newsContent {
  padding-top: 100px;
}

.newsContent .newsTop {
  display: flex;
  align-items: center;
  gap: 32px;
}

.newsContent .newsTop .left {
  flex: 1;
}

.newsContent .newsTop .left .imgshow {
  width: 100%;
}

.newsContent .newsTop .left .imgshow .img-box {
  padding-bottom: 18.16092%;
}

.newsContent .newsTop .right {
  width: 423px;
  background-image: url("../images/矩形 11782.png") no-repeat;
  background-size: cover;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.07);
  padding: 22px 0 0 29px;
  box-sizing: border-box;
}

.newsContent .newsTop .centerRight {
  width: 100%;
  background: url("../images/24 (3).png") no-repeat;
  background-size: cover;
  padding: 19px 40px 40px 12px;
  box-sizing: border-box;
}

.newsContent .newsTop .centerRight .desc {
  color: #505050;
  margin-top: 17px;
}

.newsContent .newsSearch {
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.08);
  border-radius: 6px 6px 6px 6px;
  margin: 26px 0;
  display: flex;
  gap: 33px;
  justify-content: space-between;
  padding: 22px 0;
  box-sizing: border-box;
}

.newsContent .leftInput {
  flex: 1;
  position: relative;
  padding-left:26px;
}

.newsContent .leftInput input {
  width: 100%;
  height: 53px;
  background: #EEEEEE;
  border-radius: 26px;
  line-height: 53px;
  padding: 0 56px 0 30px;
  outline: none;
  border: none;
  color: #A8A8A8;
  box-sizing: border-box;
}

.newsContent .leftInput .sarchimg {
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
  width: 24px;
  height: auto;
}

.newsContent .searchRight {
  display: flex;
  gap: 26px;
  width: 423px;
}

.newsContent .searchRight .searchBtn-right {
  width: 100%;
  max-width: 185px;
  height: 53px;
  background: url("../images/24 (4).png") no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  gap: 11px;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

.newsContent .searchRight .searchBtn-right:hover .hoverBox {
  display: block;
}

.newsContent .searchRight .hoverBox {
  display: none;
  width: 123px;
  height: 53px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 100%);
  background: url("../images/组 2795.png");
  background-size: cover;
}

.newsContent .searchRight .hoverCENTER {
  padding: 19px 17px 9px;
  display: flex;
  justify-content: space-between;
}

.newsContent .searchRight .imgBg {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 0.5px solid #EEEEEE;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.newsContent .searchRight .imgBg img {
  width: fit-content;
  height: auto;
  margin: 0 auto;
}

.newsContent .searchRight .igBg {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  background: #fff;
  padding: 5px 6px;
}

.newsBtnist {
  margin: 20px  0 28px;
}

.newsBtnist ul {
  margin: 0 -9px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.newsBtnist .imgshow img {
  width: 100%;
}

.newsBtnist li {
  width: 20%;
  padding: 0 9px;
  box-sizing: border-box;
}

.newsBtnist .p-tem {
  position: relative;
}

.newsBtnist li {
  margin-bottom: 12px;
  min-width: 232px;
}

.newsBtnist .imgshow {
  width: 100%;
}

.newsBtnist .imgshow .img-box {
  padding-bottom: 33.87097%;
}

.newsBtnist .topContentText {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 25px 0 24px 22px;
  box-sizing: border-box;
}

.newsBtnist .topContentText .topText {
  color: #000;
  max-width: 152px;
}

.newsBtnist .rightIcon {
  position: absolute;
  top: 23px;
  right: 25px;
  width: fit-content;
  height: auto;
}

.newsBtnist .rightIcon::before {
  content: ' ';
  position: absolute;
  top: -11px;
  left: -10px;
  background: url("../images/241 (3).png");
  width: 30px;
  height: 38px;
}

.newsBtnist .rightIcon img {
  position: relative;
}

.popBtn {
  width: 218px;
  height: 54px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
  border-radius: 6px 6px 6px 6px;
  color: #C11920;
  margin-bottom: 26px;
}

.clanewsList .newsItem {
  padding-bottom: 20px;
  border-bottom: 1.5px solid #D9D9D9;
  margin-bottom: 36px;
}

.clanewsList .newsTop {
  display: flex;
  gap: 27px;
  align-items: center;
}

.clanewsList .newBtn {
  width: 121px;
  height: 29px;
  line-height: 29px;
  border-radius: 50px 50px 50px 50px;
  border: 1px solid #065E9D;
  text-align: center;
  color: #065E9D;
}

.clanewsList .dwec {
  margin: 21px 0 24px;
  color: #505050;
  line-height: 30px;
}

.newsTime {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #505050;
}

.newsTime a {
  color: #505050;
}

.newsTime .newsTime-r {
  display: flex;
  align-items: center;
}

.newsTime .more {
  margin: 0 24px 0 13px;
}

.newsTime .rigtimg {
  display: flex;
  align-items: center;
  gap: 5px;
}

.newsMainRight {
  width: 423px;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.08);
  border-radius: 6px 6px 6px 6px;
  padding: 32px 20px;
  box-sizing: border-box;
  height: fit-content;
}

.newsMainRight .newsRightRowItem {
  margin-bottom: 50px;
}

.newsMainRight .newsRightRowItem:last-child {
  margin-bottom: 0;
}

.newsMainRight .newRightItem {
  margin-top: 12px;
  padding-bottom: 12px;
  border-bottom: 2px dashed #D9D9D9;
  color: #505050;
}

.newsMainRight .newRightItem div:first-child {
  line-height: 30px;
}

.newsMainRight .newRightItem .newsTime {
  margin-top: 10px;
}

.newsMain {
  display: flex;
  gap: 26px;
}

.newsMain .newsMainLeft {
  flex: 1;
}

.newTile {
  display: flex;
  gap: 13px;
  align-items: center;
}

.newsContent25 {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.newsContent25 .left {
  width: 339px;
  background: #F8F8F8;
  border-radius: 6px 6px 6px 6px;
  box-sizing: border-box;
}

.newsContent25 .leftTop {
  padding: 21px 26px;
  border-bottom: 2px dashed #D9D9D9;
}

.newsContent25 .leftTop .leftTopCntent {
  width: 100%;
  height: 42px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  display: flex;
  justify-content: space-between;
  padding: 0 18px 0 16px;
  box-sizing: border-box;
  align-items: center;
  cursor: pointer;
}

.newsContent25 .leftTop .leftICON {
  width: 33px;
  height: 28px;
  background: url("../images/25 (4).png");
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.newsContent25 .leftTop .leftICON img {
  margin: 0 auto;
}

.newsContent25 .rightIcon {
  background: url("../images/25 (2).png") no-repeat;
  background-size: contain;
  width: 6px;
  height: 12px;
  transition: all 1s;
}

.newsContent25 .active .rightIcon {
  transform: rotate(90deg);
}

.newsContent25 .leftBottomContent {
  padding: 16px 26px;
}

.newsContent25 .leftBottomContent .itemContent {
  margin-bottom: 6px;
}

.newsContent25 .leftBottomContent .bottomTile {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  height: 42px;
  align-items: center;
  color: #000000;
  box-sizing: border-box;
  background: #fff;
  cursor: pointer;
  line-height: 1;
}

.newsContent25 .leftBottomContent a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.newsContent25 .leftBottomContent a .f-16{
    flex: 1;
}

.newsContent25 .leftBottomContent .bottomUl {
  margin-top: 12px;
  display: none;
}

.newsContent25 .leftBottomContent .bottomUl li {
  box-sizing: border-box;
  margin-bottom: 12px;
  position: relative;
  padding: 2.5px 0 1.5px 46px;
  cursor: pointer;
}

.newsContent25 .leftBottomContent .bottomUl li::before {
  content: ' ';
  position: absolute;
  left: 30px;
  top: 0;
  width: 2px;
  height: 100%;
  background: rgba(210, 210, 210, 0.5);
  border-radius: 50px;
}

.newsContent25 .leftBottomContent .bottomUl .activeLi::before {
  background: #C11920;
}

.newsContent25 .leftBottomContent .active .bottomUl {
  display: block;
}

.newsContent25 .cener {
  flex: 1;
}

.newsContent25 .cener .centerTopINPUT {
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.08);
  border-radius: 6px 6px 6px 6px;
  padding: 16px 18px;
  box-sizing: border-box;
  position: relative;
  height: 69px;
}

.newsContent25 .cener .centerTopINPUT .sarchimg {
  position: absolute;
  top: 50%;
  right: 33px;
  transform: translateY(-50%);
  width: 17px;
  cursor: pointer;
}

.newsContent25 .cener .centerTopINPUT .sarchimg26 {
  width: 48px;
  height: 38px;
  background: #EEEEEE;
  border-radius: 650px 650px 650px 650px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.newsContent25 .cener .centerTopINPUT .sarchimg26 img {
  width: 17px;
  margin: 0 auto;
}

.newsContent25 .cener .boxSHAnONE {
  box-shadow: none;
}

.newsContent25 .cener input {
  width: 100%;
  height: 100%;
  background: #EEEEEE;
  border-radius: 650px 650px 650px 650px;
  padding: 0 32px 0 15px;
  color: #A8A8A8;
  box-sizing: border-box;
  border: none;
  outline: none;
}

.newsContent25 .cener .searcvhBt {
  display: flex;
  justify-content: space-between;
  margin: 33px 0 28px;
  margin-bottom: 28px;
}

.newsContent25 .cener .c-leftBtn {
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
  border-radius: 6px 6px 6px 6px;
  width: 109px;
  height: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #C11920;
  cursor: pointer;
}

.newsContent25 .cener .c-rightBtn {
  display: flex;
  gap: 8px;
}

.newsContent25 .cener .c-rightBtn .btn {
  width: 168px;
  height: 37px;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  line-height: 37px;
  border: 0.5px solid #D9D9D9;
  align-items: center;
  cursor: pointer;
}

.newsContent25 .cener .c-rightBtn input {
  background: none;
  color: #000;
  box-shadow: none;
}

.newsContent25 .cener .c-rightBtn input::placeholder {
  color: #000;
}

.newsContent25 .cener .c-rightBtn img {
  width: 10px;
  height: 5px;
}

.newsContent25 .cener .newsitem {
  padding-right: 32px;
  box-sizing: border-box;
  padding-bottom: 13px;
  border-bottom: 2px dashed #D9D9D9;
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 35px;
}

.newsContent25 .cener .C-NEW-TOP {
  display: flex;
  gap: 30px;
}

.newsContent25 .cener .C-NEW-TOP .btn {
  width: fit-content;
  padding: 0 10px;
  height: 29px;
  border-radius: 50px 50px 50px 50px;
  border: 1px solid #065E9D;
  text-align: center;
  line-height: 29px;
  color: #065E9D;
}

.newsContent25 .cener .C-NEW-TOP div:last-child {
  flex: 1;
}

.newsContent25 .cener .dwsc {
  color: #505050;
  line-height: 30px;
  margin: 7px 0 3px;
}

.newsContent25 .cener .c-left {
  flex: 1;
}

.newsContent25 .cener .c-right {
  width: 100px;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.newsContent25 .cener .c-right .centerContent {
  position: relative;
  z-index: 2;
  background: #fff;
  width: fit-content;
  text-align: center;
  margin: 0 auto;
}

.newsContent25 .cener .c-right::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background: #D9D9D9;
}

.newsContent25 .cener .c-right .absolute {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #d9d9d9;
}

.newsContent25 .cener .c-right .line1 {
  left: 0;
  height: 40px;
  width: 1px;
}

.newsContent25 .cener .c-right .line2 {
  left: 15px;
  height: 86px;
  width: 1px;
}

.newsContent25 .cener .c-right .line3 {
  right: 15px;
  height: 86px;
  width: 1px;
}

.newsContent25 .cener .c-right .line4 {
  right: 0;
  height: 40px;
  width: 1px;
}

.newsContent25 .cener .rightBtn {
  position: static;
  display: flex;
  justify-content: center;
  transform: translate(0, 0);
  margin-top: 5px;
}

.newsContent25 .cener .rightBtn span {
  font-style: italic;
  color: #505050;
}

.newsContent25 .cener .rightBtn .active {
  color: #065E9D !important;
}

.newsContent25 .newsMainRight {
  width: 423px;
  background: #F8F8F8;
  border-radius: 6px 6px 6px 6px;
}

.newsContent25 .newsRightRowItem {
  margin-bottom: 28px;
}

.newsContent25 .newsContent25Center {
  flex: 1;
  padding: 0 20px;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.newsContent25 .newsContent25Center .phoneTime {
  display: none;
}

.newsContent25 .newsContent25Center .centerItem {
  padding: 60px 0;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

.newsContent25 .newsContent25Center .centerItem:hover .hover {
  display: block;
}

.newsContent25 .newsContent25Center .centerItem:hover .uhover {
  display: none;
}

.newsContent25 .newsContent25Center .leftTime {
  color: #333;
}

.newsContent25 .newsContent25Center .leftTime .timeDay {
  line-height: 1;
  margin-bottom: 5px;
}

.newsContent25 .newsContent25Center .centerImg {
  width: 100%;
  max-width: 331px;
  cursor: pointer;
}

.newsContent25 .newsContent25Center .centerImg .imgshow {
  max-width: 331px;
}

.newsContent25 .newsContent25Center .centerImg .imgshow .img-box {
  padding-bottom: 70.99698%;
}

.newsContent25 .newsContent25Center .centerImg .imgshow img {
  transition: transform 0.5s ease;
}

.newsContent25 .newsContent25Center .centerImg .imgshow:hover img {
  transform: scale(1.1);
}

.newsContent25 .newsContent25Center .rightNew {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: auto;
}
.newsContent25 .newsContent25Center .rightNew .bottomHref{
    display:inline-block;
    max-width:60px;
    transition: all 0.6s;
    transform: translateX(0);
}
.newsContent25 .newsContent25Center .rightNew .bottomHref img{
    width:100%;
    height:auto;
}
.newsContent25 .newsContent25Center .rightNew .bottomHref:hover{
    transform: translateX(10px);
}

.newsContent25 .newsContent25Center .newsTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.newsContent25 .newsContent25Center .dwsc {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 10px;
}

.newsContent25 .newsContent25Center .hover {
  display: none;
}

.pictureItem {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1.5px dashed #D9D9D9;
  margin-bottom: 9px;
  cursor: pointer;
}

.pictureItem:first-child {
  margin-top: 12px;
}

.pictureItem .imgshow {
  width: 97px;
}

.pictureItem .imgshow .img-box {
  padding-bottom: 83.50515%;
}

.pictureItem .rightNBox {
  flex: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  color: #505050;
}
.newsDetailContent{
 padding:0 20px 90px;
 max-width: 1000px;
 margin:0 auto;
}

.newsDetailContent .detailTitle {
  margin-top: 19px;
  padding: 20px 0;
  border-bottom: 1.5px solid #D9D9D9;
}

.newsDetailContent .lineShare {
  margin: 15px 0 30px;
}

.newsDetailContent .detailImg .imgshow {
  width: 100%;
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
}

.newsDetailContent .detailImg .imgshow .img-box {
  padding-bottom: 25.11247%;
}

.newsDetailContent .nresText{

  margin: 32px 0 30px;
  color: #666666;
}
.newsDetailContent .nresText p{
  line-height: 28px;
}

.previousAndNext {
  /*display: flex;*/
  
  /*justify-content: space-between;*/
}

.previousAndNext .leftp, .previousAndNext .right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  color: #000;
  cursor: pointer;
  height: 80px;
  border-top:1px solid rgb(240,243,247);
  
}
.previousAndNext .leftp{
    border-top: 1px solid rgb(222,222,222);
}
.previousAndNext .right {
    border-bottom: 1px solid rgb(222,222,222);
}

.previousAndNext .leftp img, .previousAndNext .right img {
  width: 10px;
  height: auto;
}

.previousAndNext .leftp a:hover , .previousAndNext .right a:hover{
    color: #C11920;
}
.previousAndNext .right img {
    transform: rotate(180deg);
}
.previousAndNext .flexLeft {
    display:flex;
    align-items: center;
    gap:20px;
    flex:1;
}
.previousAndNext .leftNmae {
    width: 120px;
}
.previousAndNext .red {
  color: #C11920;
}
.bankList {
    padding:10px 30px;
    margin:0 auto;
    border:1px solid rgb(222, 222, 222);
    border-radius: 4px;
    width: fit-content;
    margin-top:20px;
    cursor: pointer;
    transition: all 0.2s;
    display: block;
    font-size:14px;
}
.bankList:hover{
    transform: scale(1.1);
}

.topsearchCENTER {
  display: flex;
  gap: 30px;
  align-items: center;
  height: 100%;
}

.topsearchCENTER li {
  color: #C2C2C2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}

.topsearchCENTER .active {
  border-bottom: 1px solid #C11920;
}

.pictureEWiTEM .pictureItem {
  padding-bottom: 18px;
  margin-bottom: 33px;
  gap: 14px;
}

.pictureEWiTEM .pictureItem:first-child {
  margin-top: 20px;
}

.pictureEWiTEM .pictureItem .imgshow {
  width: 164px;
}

.pictureEWiTEM .pictureItem .imgshow .img-box {
  padding-bottom: 70.12195%;
}

.pictureEWiTEM .title {
  color: #000;
}

.searchLi {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 6px;
  margin-bottom: 32px;
}

.searchLi li {
  padding: 0 8px;
  height: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}

.searchLi .active {
  background: rgba(193, 25, 32, 0.15);
  color: #C11920;
}

.newsList {
  margin-bottom: 37px;
}

.newsList ul {
  margin: 0 -16px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.newsList .imgshow img {
  width: 100%;
}

.newsList li {
  width: 33.33%;
  padding: 0 16px;
  box-sizing: border-box;
}

.newsList .imgshow {
  width: 100%;
}

.newsList .imgshow .img-box {
  padding-bottom: 49.83607%;
}

.newsList .p-item {
  display: block;
  color: #505050;
}

.newsList .title {
  color: #000000;
  margin: 8px 0;
}

.newsVideo {
  max-width: 1416px;
  margin: 0 auto;
  position: relative;
}

.newsVideo .video-player0-dimensions.vjs-fluid:not(.vjs-audio-only-mode) {
  padding-top: 44.7%;
}
.newsVideo .video-js .vjs-big-play-button{
    /*display: none;*/
}
.newsVideo .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    display: none;
}

.newsVideo .video-js .vjs-big-play-button {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 112px;
    height: 112px;
    border-radius: 40%;
    text-align: center;
    line-height: 112px;
    background:rgba(255, 255, 255, 0.3) url('../images/play.png') no-repeat center;
    background-size: auto;
    border:none;
    
}
.newsVideo .video-js .vjs-big-play-button:before{
    content: '';
    display: inline;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 40%;
    box-shadow: inset #fff 0 0 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin: auto;
    transform: translate3d(-25%, 0, 0);
    animation: warn 3s ease-out .1s infinite;
}
/* 首页视频关于我们的视频圆圈 */
@keyframes warn{
	0%{ opacity:0; -webkit-transform:scale(.1); transform:scale(.1);}
	5%{ opacity:1;}
	to{ opacity:0; -webkit-transform:scale(3); transform:scale(3);}
}
.hc-video-tit{
    padding:0 20px 20px;
}

.hc-video-tit .num
{
margin-right:10px;
}

.newsVideo .topCeng {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.14);
}

.newsVideo .videoBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.newsVideo .bottomCenter {
    padding:20px 0;
    font-size:16px;
}
.newsVideo .bottomCenter .num
{
padding:5px 10px;
background:#C11920;
font-size: 14px;
color: white;
margin:0px 15px;
}


.newsVideo .bottomCenter div:first-child {
  padding-top: 23px;
}

.PreviousBox {
  padding-bottom: 8.6vw;
  position: relative;
}

.PreviousBox .headTitle {
  text-align: center;
  margin: 9.2vw auto 40px;
}

.PreviousBox .bottomtext {
/*  padding: 21px 40px;*/
/*  box-sizing: border-box;*/
/*  background: #EEEEEE;*/
/*  box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.1);*/
/*  position: absolute;*/
/*left:0;*/
/*bottom: 0;*/
/*width:100%;*/
/*box-sizing: box-sizing;*/
    
}

.PreviousBox .newsBottomSwiper {
  position: relative;
  padding-bottom: 50px;
  z-index: 3;
}

.PreviousBox .swiper-horizontal > .swiper-pagination-bullets, .PreviousBox .swiper-pagination-bullets.swiper-pagination-horizontal, .PreviousBox .swiper-pagination-custom, .PreviousBox .swiper-pagination-fraction {
  bottom: 0;
}

.PreviousBox .swiper-pagination-bullet-active {
  width: 44px;
  height: 8px;
  background: #065E9D;
  border-radius: 6px;
}

.PreviousBox .absoluteBg1 {
  position: absolute;
  bottom: 59px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.PreviousBox .absoluteBg1 .imgshow {
  width: 69.27vw;
}

.PreviousBox .absoluteBg1 .imgshow .img-box {
  padding-bottom: 15.48872%;
}

.PreviousBox .absoluteBg2 {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

.PreviousBox .absoluteBg2 .imgshow {
  width: 85.83vw;
}

.PreviousBox .absoluteBg2 .imgshow .img-box {
  padding-bottom: 16.0801%;
}

/*.PreviousBox .swiper-slide .video-js {*/
/*  padding-top: 71.020833% !important;*/
/*}*/
.PreviousBox .swiper-slide{
	max-width: 556px;

}
/*.PreviousBox .swiper-slide-prev .video-js {*/
/*  padding-top: 86.020833% !important;*/
/*}*/

/*.PreviousBox .swiper-slide-active .video-js {*/
/*  padding-top: 73.020833% !important;*/
/*}*/

/*.PreviousBox .swiper-slide-next .video-js {*/
/*  padding-top: 86.020833% !important;*/
/*}*/

.PreviousBox .video-js .vjs-big-play-button {
  display: none;
}

.bannerUl ul {
  display: flex;
}

.bannerUl ul li {
  padding: 0 6px;
  /*border-right: 1px solid #C11920;*/
  color: #EEEEEE;
}

.bannerUl ul li a{
  color: #EEEEEE;
}

.bannerUl ul li:hover {
  color: #C11920;
}

.bannerUl ul li:first-child {
  padding-left: 0;
}

.bannerUl ul li:last-child {
  border-right: 0;
}

.ptoduct32-inner {
  margin-bottom: 39px;
}

.product32Baner {
  width: 100%;
}

.product32Baner .headTitle {
  text-align: left;
}

.product32Baner .bannerUl {
  margin-top: 20px;
}

.relativeFixed-m-width {
  position: relative;
  height: calc(100% - 75px);
  margin-top: 75px;
  box-sizing: border-box;
}

.bobleSearchBtn {
  padding-bottom: 32px;
  border-bottom: 1px solid #C2C2C2;
}

.bobleSearchBtn ul {
  max-width: 1103px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 5.6vw;
}

.bobleSearchBtn li {
  height: 118px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.09);
  border-radius: 6px 6px 6px 6px;
  display: flex;
  padding: 32px 0 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  text-align: center;
}

.bobleSearchBtn .active {
  border: 2px solid #065E9D;
}

.bobleSearchBtn img {
  width: fit-content;
  margin: 0 auto;
}

.searchResult {
  display: none;
}

.activeBox {
  display: block;
}

.proSearchBTN ul {
  display: flex;
  gap: 24px 40px;
  margin-top: 28px;
  margin-bottom: 40px;
  flex-wrap: wrap;
  align-items: center;
}

.proSearchBTN ul li {
  padding: 0  20px;
  height: 41px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #A8A8A8;
  border-radius: 6px 6px 6px 6px;
  background: #fff;
}
.proSearchBTN ul li a{
  color: #A8A8A8;
}
.proSearchBTN ul li:hover a{
    color: #fff;
}

.proSearchBTN ul .active ,.proSearchBTN ul li:hover {
  background: #065E9D;
  color: #fff;
}

.proSearchBTN ul .active a {
  color: #fff;
}

.proSearchBTN .Components {
  color: #A8A8A8;
}

.productList32 {
  padding-bottom: 4.7vw;
}

.productList32 ul {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.productList32 .imgshow img {
  width: 100%;
}

.productList32 li {
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}

.productList32 .p-item {
  display: inline-block;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.11);
  border-radius: 6px 6px 6px 6px;
  padding: 16px 10px 26px 26px;
  box-sizing: border-box;
  background: #Fff;
  height: 100%;
  color: #000000;
  position: relative;
  
  /*transform: scale(0.9);*/
}
.productList32 .p-item:hover .imgshow {
    transform: scale(1.1);
}
/*.productList32 .p-item:hover .overBox {*/
/*  opacity: 1;*/
/*}*/

/*.productList32 .p-item:hover .bottomRadius {*/
/*  opacity: 1;*/
/*}*/

.productList32 .p-item .imgshow {
  width: 100%;
  transition: all 0.2s;
}

.productList32 .p-item .imgshow .img-box {
  padding-bottom: 91.06628%;
}

.productList32 .bottomRadius {
  position: absolute;
  height: 20px;
  width: 100%;
  border-radius: 6px;
  bottom: 0;
  left: 0;
  background: #C11920;
  opacity: 0;
}

.productList32 .overBox {
  width: 100%;
  height: 378px;
  position: absolute;
  bottom: 5px;
  left: 0;
  background: url("../images/矩形 12320.png");
  z-index: 2;
  opacity: 0;
}

.productList32 .bottomimg {
  display: flex;
  justify-content: center;
  gap: 30px;
  align-items: center;
  position: absolute;
  bottom: 26px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.productList32 .bottomimg .left {
  display: flex;
  gap: 18px;
  align-items: center;
}

.productList32 .bottomimg img {
  width: fit-content;
}

.productList32 li {
  margin-bottom: 40px;
}

.productList32 .bottomUl div {
  padding-left: 16px;
  position: relative;
  color: #505050;
  font-size: 16px;
}

@media (max-width:1680px){
    .productList32 .bottomUl div{
        font-size: 14px;    
    }
    .index-white .left{
        padding-right:5%;
    }
}


.productList32 .bottomUl div::before {
  content: ' ';
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  background: #C11920;
  border-radius: 50%;
}

.productList32 .title {
  margin: 20px 0;
}

.productList32 .rightBtn {
  position: static;
  display: flex;
  justify-content: center;
  transform: translate(0, 0);
  margin-top: -12px;
}

.productList32 .rightBtn span {
  font-style: italic;
  color: #505050;
}

.productList32 .rightBtn .active {
  color: #065E9D !important;
}

.f8bf {
  background: #F8F8F8;
}

.boxSha17 .bg {
  background: rgba(0, 0, 0, 0.17);
}

.boxSha31 .bg {
  background: rgba(0, 0, 0, 0.31);
}

.relativeFixed {
  position: relative;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.relativeFixed .headTitle {
  text-align: left;
}

.relativeFixed .topBg1 {
  left: 0;
  transform: translate(0);
}

.boxSha63 .bg {
  background: rgba(0, 0, 0, 0.63);
}

.product36Swiper .relativeContent .swiperTop .swiperLeft {
  max-width: 930px;
  width: 100%;
}

.product36Swiper .headTitle {
  padding-bottom: 19px;
  padding-left:30px;
}

.product36Swiper .solution-inner .topBg1 {
  max-width: 100%;
}

.product36Swiper .relativeContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product36Swiper .relativeContent .imgshow {
  width: 58.9vw;
}

.product36Swiper .relativeContent .imgshow .img-box {
  padding-bottom: 85.14589%;
}

.product36Swiper .relativeContent .topBg1 .imgshow {
  width: 100%;
}

.product36Swiper .relativeContent .topBg1 .imgshow .img-box {
  padding-bottom: 18.30769%;
}

.product36Swiper .relativeContent .line {
  width: calc(100% - 30px);
  background: #A5A5A5;
  position: relative;
  margin-left:30px;
}

.product36Swiper .relativeContent .line::before {
  content: ' ';
  position: absolute;
  left: 0;
  top: -2px;
  width: 110px;
  height: 5px;
  background: #C11920;
  border-radius: 110px;
}

.product36Swiper .bottomulPoint {
  display: flex;
  flex-wrap: wrap;
  gap: 54px 60px;
  margin-top: 35px;
}

.product36Swiper .bottomulPoint ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: calc(50% - 30px);
}

.product36Swiper .bottomulPoint ul:first-child {
  margin: 0;
}

.product36Swiper .bottomulPoint li {
  padding-left: 28px;
  position: relative;
  max-width: 340px;
}

.product36Swiper .bottomulPoint li::before {
  /*content: ' ';*/
  /*position: absolute;*/
  /*top: 8px;*/
  /*left: 0;*/
  /*width: 8px;*/
  /*height: 8px;*/
  /*background: #C11920;*/
  /*border-radius: 50%;*/
}

.product37Swiper2 .relativeContent .imgshow {
  width: 55.25vw;
  max-width: 1080px;
  position: absolute;
  right:0;
  padding-right:4.1vw;
  box-sizing:border-box;
  bottom:0;
}

.boxSha37 .bg {
  background: rgba(0, 0, 0, 0.37);
}

.productSwiper .headTitle {
  max-width: 1248px;
  margin: 0 auto 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.76);
}

.productSwiper .bottomYe {
  display: flex;
  justify-content: center;
  gap: 49px;
}

.productSwiper .bottomYe .yeITEM {
  height: 164px;
  width: 334px;
  padding: 23px 23px 0;
  box-sizing: border-box;
  color: #EEEEEE;
  background: rgba(255, 255, 255, 0.17);
  border-radius: 30px 0 30px 0;
  text-align: left;
  backdrop-filter: blur(10px);
}

.boxSha22 .bg {
  background: rgba(0, 0, 0, 0.22);
}

.product37Swiper .asolutePop {
  position: absolute;
  left: 14.58vw;
  right: 14.58vw;
  top: 0;
  height: 100%;
}

.product37Swiper .amatePop {
  color: #fff;
  text-align: center;
}

.product37Swiper .amatePop .topBg {
  width: 7.9vw;
  height: 7.9vw;
  background: url("../images/37 (10).png");
  background-size: cover;
  margin-bottom: 7px;
  position: relative;
  margin: 0 auto;
  min-width: 85px;
  min-height: 85px;
}

.product37Swiper .amatePop .f1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7vw;
  height: 7vw;
  min-width: 70px;
  min-height: 70px;
}

.product37Swiper .amatePop .f2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: fit-content;
  height: auto;
}

.product37Swiper .line1 {
  display: flex;
  justify-content: space-between;
  width: 24.27vw;
  margin: 0 auto;
  margin-top: 7.29vw;
}

.product37Swiper .line2 {
  display: flex;
  justify-content: space-between;
  width: 54.21vw;
  margin: 0 auto;
  margin-top: -57px;
  min-width: 300px;
}

.product37Swiper .line3 {
  display: flex;
  justify-content: space-between;
  width: 70.83vw;
  margin: 0 auto;
  margin-top: 3.95vw;
  min-width: 382px;
}

.product37Swiper2 .relativeContent {
  left: 50%;
  flex-direction: row-reverse;
}

.product37Swiper2 .headTitle {
  white-space: nowrap;
}

.product37Swiper2 .btn a {
  margin: 0;
}

.xieTi {
  font-style: italic;
}

.product38 {
  margin: 0;
}

.product38 .imgshow {
  width: 100%;
}

.product38 .imgshow .img-box {
  padding-bottom: 39.11458%;
}

.product38 .topBar {
  padding-top: 80px;
  height: 51px;
  width: 100%;
  background: #000;
}

.product38 .relativeBoxProduct {
  position: relative;
  width: 100%;
  height: 100%;
}

.product38 .absoluteCentr {
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  bottom: 0;
  width: 100%;
  height: 100%;
  align-items: end;
  transform: translate(-50%, -50%);
}

.product38 .leftSwiper {
  width: 38.17%;
}

.product38 .leftSwiper .img-box {
  padding-bottom: 84.99318%;
}

.product38 .rightText {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  max-width: 748px;
  text-align: left;
  position: relative;
}

.product38 .topBg1 {
  top: 50%;
  left: 0;
  transform: translate(0%, -120%);
}

.product38 .headTitleSpan {
  /*padding-left: 26px;*/
  position: relative;
  display: block;
}

.product38 .headTitleSpan::before {
  content: ' ';
  position: absolute;
  left: 4px;
  top: 50%;
  width: 3px;
  height: 59px;
  transform: translateY(-50%);
  /*background: #C11920;*/
}

.beer-slider {
  display: block !important;
}

.beer-slider .img {
  height: 100%;
}

.beer-slider img {
  width: 100%;
  height: auto;
}

.beer-slider .beer-range {
  -webkit-appearance: auto;
}

.beer-slider .beer-handle:before, .beer-slider .beer-handle:after {
  color: #065E9D;
}

.beer-slider .beer-handle {
  width: 43px;
  height: 43px;
}

.product38Content {
  margin: 42px auto 4.7vw;
  display: flex;
  gap: 20px;
  justify-content: center;
  position: relative;
}
.product38Content .coverbg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    top:0;
    left:0;
}

.product38Content ul {
  width: 41.66vw;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.product38Content ul li {
  flex: 1;
}

.product38Content ul .p-item {
  display: block;
  position: relative;
  cursor: pointer;
  height: 100%;
}

.product38Content .imgshow {
  width: 100%;
}

.product38Content .imgshow .img-box {
  padding-bottom: 33.5%;
}

.product38Content .imgShadow {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.product38Content .bottomImg {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.6s;
  transform: translateY(10px);
}
.product38Content li:hover .bottomImg{
    transform: translateY(0);
}
.product38Content .bottomText {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  color: #fff;
  z-index: 2;
  padding: 0 32px 23px 18px;
  box-sizing: border-box;
  display: flex;
}

.product38Content .bottomText .text {
  margin-top: 12px;
  /*display:none;*/
}
.product38Content ul .bottomText .text {
    display: none;
   
    

}
.product38Content ul li:hover .bottomText .text{
    display: block;
     animation: fadeInText 1s ease-in-out;
    
}
/*.product38Content ul .bottomText .text {*/
/*    display: none;*/
/*}*/

.product38Content .bottomText .rightImg {
  width: 43px;
  height: 37px;
  background: url("../images/多边形 91.png") no-repeat center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.6s;
  transform: translateY(-3px);
  position: absolute;
  right:10px;
  top:0;
}
.product38Content li .rightImg img
{
transition: transform 0.5s ease;
transform: rotate(90deg);
}
.product38Content li:hover .rightImg img
{
transform: rotate(0deg);
}


.product38Content .bottomText img {
  margin: 0 auto;
  width: 9px;
  height: auto;
}

.product38Content .centerul {
  width: 22.76vw;
}

.product38Content .centerul .imgshow {
  width: 100%;
}

.product38Content .centerul .imgshow .img-box {
  padding-bottom: 60.4119%;
}

.product38Content .centerul .centerBottom .imgshow {
  width: 100%;
}

.product38Content .centerul .centerBottom .imgshow .img-box {
  padding-bottom: 81.9222%;
}

.product38Content .bottomul {
  width: 25.156vw;
}

.product38Content .bottomul .imgshow {
  width: 100%;
}

.product38Content .bottomul .imgshow .img-box {
  padding-bottom: 79.29607%;
}

.product38Content .bottomul .centerBottom .imgshow {
  width: 100%;
}

.product38Content .bottomul .centerBottom .imgshow .img-box {
  padding-bottom: 49.4824%;
}

#product1 .product38Content {
  display: block;
  position: relative;
}

#product1 .product38Content .bottomText {
  position: absolute;
}

#product1 .product38Content .text {
  margin: 25px 0 70px;
  max-width: 1278px;
}

#product1 .beer-handle {
  width: 70px;
  height: 70px;
}

#product1 .centerText {
  display: flex;
  justify-content: space-between;
  color: #aaa9b1;
}

.relativeMwith {
  position: relative;
  transform: translateY(-100%);
  z-index: 2;
}

.absoluteMwith {
  width: 100%;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  z-index: 2;
}

.product2Box {
  margin-bottom: 4.7vw;
  display: flex;
  flex-direction: column;
  gap: 90px;
}

.product2Box .p-item {
  display: flex;
  justify-content: space-between;
  gap: 9.8vw;
  align-items: center;
}

.product2Box .p-item:first-child {
  flex-direction: row-reverse;
}

.product2Box .text {
  color: #707070;
}

.product2Box .textBox {
  flex: 1;
}

.product2Box .imgshow {
  width: 40.15vw;
}

.product2Box .imgshow .img-box {
  padding-bottom: 66.53696%;
}

.product3, .product4 {
  position: relative;
}
.product4ShowBG .bg2{
    display: block !important;
}

.product3 .imgshow, .product4 .imgshow {
  width: 100%;
}

.product3 .imgshow .img-box, .product4 .imgshow .img-box {
  padding-bottom: 47.91667%;
}

.product3 .topText, .product4 .topText {
  position: relative;
}

.product3 .headTitle, .product4 .headTitle {
  color: #fff;
  position: relative;
  z-index: 2;
}

.product3 .text, .product4 .text {
  color: #EEEEEE;
  margin-top: 20px;
  max-width: 799px;
}

.product3 .topImg, .product4 .topImg {
  position: absolute;
  top: -59px;
  left: 0;
}

.product3 .bg, .product4 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
}

.product3 .bg2, .product4 .bg2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
}

.product3 .absoluteMwith, .product4 .absoluteMwith {
  top: 50%;
  box-sizing: border-box;
  padding-left:50%;
  left:0;
}

.product4Bg .bg {
  background: url("../images/矩形 12251.png") no-repeat;
  background-size: cover;
}

.product4Bg .bg2{
  background: url("../images/product4bg.png") no-repeat;
  background-size: cover;
}
.productNav {
  width: 100%;
  height: 51px;
  background: #000000;
  padding-top: 80px;
}

.productNav .title {
  color: #FCFCFC;
  line-height: 51px;
}

.pro-con .product39Content{
    padding-top:50px;
}

.product39Content .headTitle {
  color: #000;
  text-align: center;
  margin: 4.7vw auto 40px;
}

.product39Content .topUl-list {
  max-width: 1295px;
  margin: 50px auto 0px auto;
}

.product39Content .topUl-list ul {
  margin: 0 -26px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.product39Content .topUl-list .imgshow img {
  width: 100%;
}

.product39Content .topUl-list li {
  width: 33.33%;
  padding: 0 26px;
  box-sizing: border-box;
}

.product39Content .topUl-list .imgshow {
  width: 100%;
}

.product39Content .topUl-list .imgshow .img-box {
  padding-bottom: 85.16698%;
}

.tableListProduct {
  margin-bottom: 40px;
  overflow-x: auto;
}

.tableListProduct .tableTitle {
  padding: 29px 0 20px;
  border-top: 1px solid #D2D2D2;
}

.tableListProduct table {
  width: 100% !important;
}
.tableListProduct:first-child tr th, .tableListProduct tr td {
  /*text-align: center;*/
  font-size: 14px;
  padding:10px;
  color: #707070;
}
.tableListProduct tr td:first-child{
    color:#000;
}
.tableListProduct:first-child tr:nth-last-child(3)  td:last-child, .tableListProduct:first-child tr:nth-last-child(2)  td:last-child,.tableListProduct:first-child tr:nth-last-child(4)  td:last-child{
    text-align: center;
}

.tableListProduct tr:nth-child(odd){
    background:#f5f5f5;
}
.Current-voltage .CurrentList {
  max-width: 1156px;
  margin: 29px auto 77px;
}

.Current-voltage .CurrentList ul {
  margin: 0 -18.5px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.Current-voltage .CurrentList .imgshow img {
  width: 100%;
}

.Current-voltage .CurrentList li {
  width: 50%;
  padding: 0 18.5px;
  box-sizing: border-box;
}

.Current-voltage .imgshow {
  width: 100%;
}

.Current-voltage .imgshow .img-box {
  padding-bottom: 77.1444%;
}

.Allunits .bottomImg {
  margin-top: 25px;
  display: flex;
  gap: 76px;
  justify-content: center;
}

.Allunits img {
  width: fit-content;
  max-width: calc((100% - 76px) / 2);
}
.pro-con .product40Content{
    padding-top:50px;
}
.product40Content .product40Top {
  display: flex;
  justify-content: space-between;
  margin-top: 107px;
  padding-bottom: 49px;
  border-bottom: 1px solid #D2D2D2;
}

.product40Content .product40Top .lett {
  width: 38.69vw;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #D2D2D2;
  position: relative;
  /*padding-bottom: 30px;*/
  box-sizing: border-box;
}

.product40Content .product40Top .imgshow {
  width: 71.87%;
  margin: 0 auto;
  /*margin-top: -28px;*/
}

.product40Content .product40Top .imgshow .img-box {
  padding-bottom: 85.09074%;
}

.product40Content .product40Top .right {
  flex: 1;
  max-width: 829px;
      display: flex;
    flex-direction: column;
}

.product40Content .product40Top .title {
  padding-left: 22px;
  position: relative;
  margin-bottom: 20px;
}

.product40Content .product40Top .title::before {
  content: '';
  position: absolute;
  left: 0;
  height: 59px;
  width: 3px;
  top: 50%;
  transform: translateY(-50%);
  background: #C11920;
}

.product40Content .product40Top .downLoad {
  height: 308px;
  background: #F8F8F8;
  border-radius: 6px 6px 6px 6px;
  padding: 20px 36px 23px 26px;
  flex:1;
}

.product40Content .product40Top .newTile {
  color: #C11920;
  padding: 0 0 0 10px;
  border-bottom: 1px dashed #A8A8A8;
}

.product40Content .product40Top .downLoadItem {
  display: flex;
  justify-content: space-between;
  padding: 17px 15px 14px 6px;
  border-bottom: 1px dashed #A8A8A8;
}

.product40Content .product40Top .left-r {
  display: flex;
  align-items: center;
  gap: 12px;
}

.product40Content .product40Top .right-r {
  gap: 17px;
}

.product40Content .product40Top .btn {
  margin-top: 30px;
  display: flex;
  justify-content: end;
}

.product40Content .product40Top .btn a {
  display: inline-block;
  width: 176px;
  height: 51px;
  background-color: "none";
  color: #000;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  transition: all 0.2s;
  border: 1px solid #000;
}

.product40Content .product40Top .btn a:hover {
  transform: scale(1.1);
}

.product40Content .bottomvideo .title {
  padding: 20px 0 72px;
}

.product40Content .bottomvideo .videobOX {
  max-width: 1416px;
  margin: 0 auto;
  position: relative;
}

.product40Content .bottomvideo .videoBtn {
  width: 153px;
  height: 153px;
  top: 50%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  background: url("../images/播放2.png");
  background-size: cover;
}

.product40Content .bottomvideo .video-js .vjs-big-play-button {
  display: none;
}

.product40Content .bottomvideo .video-player2-dimensions.vjs-fluid:not(.vjs-audio-only-mode) {
  padding-top: 45.020833%;
}

.product40Content .bottomvideo .topContentText {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.14);
}

.product40Content .bottomvideo .topContentText .textTitle {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 160px;
  background: linear-gradient(180deg, transparent 0%, #000000 100%);
  border-radius: 0px 0px 0px 0px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 38px;
  box-sizing: border-box;
  width: 100%;
}

.absoluteWidth {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  padding-top: 70px;
  height: 51px;
  width: 100%;
  z-index: 3;
}

.absoluteWidth .absoluteMwith {
  top: 70px;
  line-height: 51px;
  color: #fff;
   transform: translateY(0);
}

.product41 {
  padding: 0;
  height: fit-content;
  background: none;
  position: relative;
  color: #fff;
}

.product41 .bgImg {
  width: 100%;
}

.product41 .bgImg .img-box {
  padding-bottom: 52.65625%;
}

.product41 .flexTopBanner {
  display: flex;
  align-items: center;
  color: #000;
}

.product41 .flexTopBanner .title {
  max-width: 700px;
}

.product41 .flexTopBanner .searchList {
  display: flex;
  gap: 29px;
  margin-top: 33px;
}

.product41 .flexTopBanner .f-selected {
  width: 229px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  border: none;
  cursor: pointer;
  position: relative;
}

.product41 .flexTopBanner .f-selected::before {
  content: '';
  width: 1px;
  height: 11px;
  position: absolute;
  /*background: #C11920;*/
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}

.product41 .flexTopBanner .f-selected:last-child::before {
  display: none;
}

.product41 .flexTopBanner .layui-form-select .layui-input {
  height: 56px;
  border-radius: 6px 6px 6px 6px;
}

.product41 .flexTopBanner .layui-form-select dl {
  top: 60px;
}

.product41 .right {
  flex: 1;
}

.product41 .right .imgshow {
  width: 100%;
  animation: breath 3s ease-in-out infinite; /* 关键参数 */
  transition: all 0.3s;
  will-change: transform; /* 性能优化 */
  
}

.product41 .right .imgshow .img-box {
  padding-bottom: 85.1296%;
}

.PowerBox .title {
  padding-bottom: 15px;
  border-bottom: 1px dashed #C11920;
  max-width: 1386px;
  margin: 0 auto;
  text-align: center;
}

.PowerBox .title2 {
  margin: 18px  0 17px;
  text-align: center;
}

.PowerBox .desc {
  max-width: 1099px;
  margin: 0 auto;
  text-align: center;
  color: #707070;
}

.PowerBox .imgshow {
  width: 47.7vw;
  margin: 16px auto 4.7vw;
}

.PowerBox .imgshow .img-box {
  padding-bottom: 46.31579%;
}

.AbnormalBox {
  padding-bottom: 4.7vw;
}

.AbnormalBox .AbnormalItem {
  display: flex;
  justify-content: space-between;
  gap: 11.2vw;
  align-items: center;
  margin-bottom: 18px;
}

.AbnormalBox .AbnormalItem:nth-child(2n+1) {
  flex-direction: row-reverse;
}

.AbnormalBox .AbnormalItem:last-child {
  margin-bottom: 0;
}

.AbnormalBox .imgshow {
  width: 40.15vw;
}

.AbnormalBox .imgshow .img-box {
  padding-bottom: 49.54604%;
}

.AbnormalBox .riht {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.AbnormalBox .headTitle {
  line-height: 60px;
}

.PowerBox2 {
  padding: 4.7vw 0 4.7vw;
  background: #F8F8F8;
}

.PowerBox2 .title2 {
  margin: 12px auto 10px;
}

.PowerBox2 .title3 {
  margin-top: 0;
}

.PowerBox2 .imgshow2 {
  margin-bottom: 0;
}

.PowerBox3 {
  padding: 4.7vw 0;
}

.PowerBox3 .title3 {
  margin: 0 auto 15px;
}

.PowerBox3 .desc {
  margin-bottom: 15px;
}

.PowerBox3 ul {
  margin-top: 40px;
  max-width: 1386px;
  display: flex;
  justify-content: space-evenly;
  margin: 40px auto 38px;
}

.PowerBox3 li {
  text-align: center;
}

.PowerBox3 .Ldesc {
  color: #707070;
  max-width: 280px;
  text-align: center;
  margin: 0 auto;
}

.PowerBox3 .Ltitle {
  margin: 15px auto 8px;
  max-width: 230px;
  text-align: center;
  height: 58px;
}

.PowerBox3 .imgshow3 {
  margin-bottom: 0;
}

.PowerBox3 .desc3 {
  max-width: 1175px;
  line-height: 30px;
  margin: 25px auto 0;
  text-align: center;
  color: #707070;
}

.PowerBox4 {
  padding: 4.7vw 0 6.9vw;
  background: #F8F8F8;
}

.PowerBox4 ul {
  display: flex;
  justify-content: space-between;
  max-width: 1668px;
  margin: 0 auto;
  gap: 7.81vw;
}

.PowerBox4 li {
  flex: 1;
  height: 210px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  padding: 50px 86px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.PowerBox4 .newTile {
  color: #C11920;
}

.PowerBox4 .bottom {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 6px;
}

.PowerBox4 .title {
  text-align: center;
  margin-bottom: 38px;
}

.product42 .imgshow .img-box {
  padding-bottom: 47.91667%;
}

.product42 .leftSwiper {
  width: 43.33vw;
}

.product42 .leftSwiper .img-box {
  padding-bottom: 85.09615%;
}

.product42 .headTitle {
  color: #000000;
}

.product42 .absoluteCentr {
  align-items: center;
}

.product42 .headTitleSpan {
  margin-top: 40px;
}

.All-roundBox {
  padding: 40px 0 32px;
  background: #000;
}

.All-roundBox .centerContent {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 18px;
  color: #fff;
}

.product42Video {
  position: relative;
}

.product42Video .video-player0-dimensions.vjs-fluid:not(.vjs-audio-only-mode) {
  padding-top: 48.020833%;
}

.product42Video .video-js .vjs-big-play-button {
  /*display: none;*/
  width: 153px;
  height: 153px;
  top: 50%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  background: url("../images/播放2.png");
  background-size: cover;
  border:none;
  
}
.product42Video .video-js .vjs-big-play-button {
    /*display: none;*/
}

.product42Video .videoBtn {
  width: 153px;
  height: 153px;
  top: 50%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  background: url("../images/播放2.png");
  background-size: cover;
}

.product42Video .topContentText {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  cursor:pointer;
}

.product42MaoDian {
  padding: 4.7vw 0;
  background: #000;
}

.product42MaoDian .product38Content {
  margin: 0;
}

.systemLevel {
  padding-top: 60px;
  background: #000;
  color: #FFFFFF;
}

.systemLevel .headTitle {
  margin-bottom: 48px;
  text-align: center;
}

.systemLevel .systemItem {
  display: flex;
  gap: 6.5vw;
  justify-content: space-between;
  align-items: center;
}

.systemLevel .systemItem:nth-child(2n) {
  flex-direction: row-reverse;
}

.systemLevel .systemItem:last-child {
  margin-top: -48px;
}

.systemLevel .systemItem .righText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  flex: 1;
}

.systemLevel .systemItem .desc {
  max-width: 799px;
}

.systemLevel .systemItem .imgCONTENT {
  width: 42.76vw;
  position: relative;
}

.systemLevel .systemItem .bg {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: rgba(0, 0, 0, 0.12);
}

.systemLevel .systemItem .imgshow {
  width: 100%;
}

.systemLevel .systemItem .imgshow .img-box {
  padding-bottom: 57.97808%;
}

.systemLevel .sysCenter .descCenter {
  max-width: 1099px;
  margin: 0 auto;
  text-align: center;
}

.systemLevel .sysCenter .imgshow {
  margin: 19px auto 0;
  width: 49.68vw;
}

.systemLevel .sysCenter .imgshow .img-box {
  padding-bottom: 46.12159%;
}

.systemLevel .sysCenter .headTitle {
  margin: 50px auto 18px;
}

.SevereBox {
  padding-top: 8.28vw;
  background: #000;
  color: #fff;
}

.SevereBox .severTop {
  padding-bottom: 65px;
}

.SevereBox .severTop .desc {
  margin: 18px 0 40px;
  line-height: 30px;
}

.SevereBox .severTop ul {
  display: flex;
  gap: 5.2vw;
  justify-content: center;
}

.SevereBox .severTop li {
  display: flex;
  justify-content: center;
  max-width: 460px;
  flex: 1;
  position: relative;
  padding-bottom: 36px;
}

.SevereBox .severTop li::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 9px;
  background: url("../images/矩形 12257.png");
}

.SevereBox .severTop .liTop {
  width: fit-content;
}

.SevereBox .severTop .topTitle {
  position: relative;
}

.SevereBox .severTop .topTitle::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -20px;
  width: 55px;
  height: 48px;
  background: url("../images/多边形 93.png");
  transform: translateY(-50%);
}

.SevereBox .severItem {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  align-items: center;
}

.SevereBox .severItem:nth-child(2n+1) {
  flex-direction: row-reverse;
}

.SevereBox .severItem .imgshow {
  width: 48.69vw;
}

.SevereBox .severItem .imgshow .img-box {
  padding-bottom: 42.35294%;
}

.SevereBox .severItem .righText {
  flex: 1;
  max-width: 799px;
}

.product7 {
  padding: 20px 0;
  background: #000;
}

.PhotovoltaicVox {
  background: #000;
  color: #fff;
  padding: 4.7vw;
}

.PhotovoltaicVox .VoxTop {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.PhotovoltaicVox .VoxTop .desc {
  margin: 6px auto 23px;
}

.PhotovoltaicVox .reslativeTGop {
  position: relative;
}

.PhotovoltaicVox .reslativeTGop .video-js .vjs-big-play-button {
  display: none;
}

.PhotovoltaicVox .video-player1-dimensions.vjs-fluid:not(.vjs-audio-only-mode) {
  padding-top: 46.10833%;
}

.PhotovoltaicVox .videoBtn {
  width: 139px;
  height: 139px;
  top: 50%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  background: url("../images/播放2.png");
  background-size: cover;
}

.PhotovoltaicVox .topContentText {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url("../images/矩形 11925.png");
  background-size: cover;
}

.PhotovoltaicVox .VoxBottom {
  max-width: 1382px;
  margin: 4.7vw auto 0;
  text-align: center;
}

.PhotovoltaicVox .VoxBottom .desc {
  margin: 14px 20px;
}

.VoxSwiper {
  background: #000;
  position: relative;
}
.VoxSwiper .swiper-button-prev,
.VoxSwiper .swiper-button-next{
    width: 61px;
    height: 61px;
    background: #FFFFFF;
    border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.6s;
}
.VoxSwiper .swiper-button-prev:after,
.VoxSwiper .swiper-button-next:after{
    display:none;
}
.VoxSwiper .swiper-button-prev i,
.VoxSwiper .swiper-button-next i{
    font-size:20px;
    font-weight:700;
    color:#065E9D;
}
.VoxSwiper .swiper-button-prev:hover,
.VoxSwiper .swiper-button-next:hover{
    background:#065E9D;
}
.VoxSwiper .swiper-button-prev:hover i,
.VoxSwiper .swiper-button-next:hover i{
    color:#fff;
}
.VoxSwiper .swiper-button-prev{
    left:28%;
    transform: rotateX(180deg) rotateZ(-180deg);
}
.VoxSwiper .swiper-button-next{
    right:28%;
}
.VoxSwiper .imgshow {
  width: 100%;
}

.VoxSwiper .imgshow .img-box {
  padding-bottom: 51.69271%;
}

.ProductFeatures {
  background: #000;
  padding: 4.7vw;
  color: #fff;
}

.ProductFeatures ul {
  margin: 0 -27.5px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.ProductFeatures .imgshow img {
  width: 100%;
}

.ProductFeatures li {
  width: 33.33%;
  padding: 0 27.5px;
  box-sizing: border-box;
}

.ProductFeatures ul {
  margin-top: 8px;
}

.ProductFeatures .p-item {
  width: 100%;
  height: 465px;
  background: rgba(255, 255, 255, 0.17);
  border-radius: 6px 6px 6px 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.ProductFeatures .topImg {
  width: 120px;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}

.ProductFeatures .topImg img {
  margin: 0 auto;
  width: fit-content;
}

.ProductFeatures .tte {
  max-width: 377px;
  margin: 0 auto;
}

.SustainableBox {
  margin-top: 4.7vw;
  padding-bottom: 10.7vw;
  background: url("../images/城市_1.png");
  background-size: cover;
  position: relative;
}

.SustainableBox::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/矩形 12049.png");
  background-size: cover;
}

.SustainableBox .relative {
  position: relative;
  z-index: 3;
}

.SustainableBox .content {
  max-width: 1276px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.SustainableBox .content ul {
  margin: 0 -32px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.SustainableBox .content .imgshow img {
  width: 100%;
}

.SustainableBox .content li {
  width: 16.66%;
  padding: 0 32px;
  box-sizing: border-box;
}

.SustainableBox .content .imgshow {
  width: 100%;
}

.SustainableBox .content .imgshow .img-box {
  padding-bottom: 100%;
}

.SustainableBox .content li {
  margin-top: 36px;
}

.EarthBox {
  width: 100%;
  position: relative;
}

.EarthBox .img-box {
  padding-bottom: 56.25%;
}

.EarthBox .absolutemw {
  position: absolute;
  width: 100%;
  top: 9.5vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: end;
}
.mp-box-hc{
    height:100vh;
    position: relative;
    overflow: hidden;
}
.EarthBox .centerContent {
  text-align: right;
}

.EarthBox .text {
  color: #505050;
  margin-top: 40px;
  max-width: 480px;
}

.SustainabilityBox {
  position: relative;
  padding-top: 4.7vw;
  background:#F8F8F8;
}

.SustainabilityBox .absoluteBgS {
  position: absolute;
  left: 0;
  top: 0;
  width: 45vw;
  height: 100%;
  background: #F8F8F8;
  border-radius: 0 0 20px 0;
}

.SustainabilityBox .relativeBoxS {
  z-index: 2;
  position: relative;
  display: flex;
  justify-content: end;
}

.SustainabilityBox .swiperCenter {
  width: 85.93vw;
}

.SustainabilityBox .p-item {
  display: flex;
  align-items: end;
  justify-content: end;
}

.SustainabilityBox .leftBox {
  position: relative;
  width: fit-content;
  display: inline-block;
  height: fit-content;
  z-index: 2;
}

.SustainabilityBox .leftBox .bgbIX {
  width: 100%;
  height: 83.74%;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
  border-radius: 20px 20px 20px 20px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.SustainabilityBox .leftBox .topText {
  position: relative;
  z-index: 2;
  padding: 3.2vw 40px 35px;
  background: url("../images/蒙版组 500 (1).png") no-repeat;
  background-size: cover;
  width: fit-content;
}

.SustainabilityBox .leftBox .topBg {
  position: absolute;
  top: 0;
  left: 24px;
  background: #fff;
  width: 100%;
  height: 100%;
  border-radius: 20px 20px 20px 20px;
}

.SustainabilityBox .leftBox .title {
  padding-left: 21px;
  position: relative;
  z-index: 2;
  margin-bottom: 25px;
}

.SustainabilityBox .leftBox .text {
  position: relative;
  z-index: 2;
}

.SustainabilityBox .leftBox .desc {
  max-width: 549px;
}

.SustainabilityBox .leftBox .fixedNuber {
  position: absolute;
  left: 0;
  top: -2.5vw;
  color: rgba(238, 238, 238, 0.67);
  font-style: italic;
}

.SustainabilityBox .rightPNG {
  width: 67.55vw;
  display: inline-block;
  margin-left: -13vw;
  padding-bottom: 40px;
}

.SustainabilityBox .rightPNG .imgshow {
  width: 100%;
}

.SustainabilityBox .rightPNG .imgshow .img-box {
  padding-bottom: 36.93138%;
}

.SustainabilityBox .custom-numbers-pagination {
  width: fit-content;
  height: fit-content;
  background: #fff;
  border-radius: 50px;
  width: 60px;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.07);
}

.SustainabilityBox .pagination-number {
  border: none;
  color: #EEEEEE;
  text-align: center;
  width: 61px;
  height: 61px;
  border-radius: 50%;
  background: #fff;
}

.SustainabilityBox .active {
  background: #C11920;
  color: #fff;
  text-align: center;
}

.SustainabilityBox .pagination {
  position: absolute;
  top: 10.26vw;
  left: 4.1vw;
  z-index: 2;
  padding-top: 36px;
  padding-left: 40px;
}

.SustainabilityBox .pagination::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 11.4vw;
  height: 5px;
  background: #C11920;
}

.margin0 {
  margin: 0;
}

.msgCenter {
  max-width: 1175px;
  margin: 40px auto 0;
}

.msgCenter .xhl-input-xlarge {
  height: 55px;
  background: #F8F8F8;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #EEEEEE;
  font-weight: 500;
  font-size: 17px;
  color: #505050;
}

.msgCenter .usedComp input {
  padding-left: 22px;
}

.msgCenter .usedComp {
  margin-bottom: 0;
  width: calc((100% - 45px) /2);
}

.msgCenter .xhl-control-group {
  margin-bottom: 12px;
}

.msgCenter .xhl-control-group input {
  padding-left: 22px;
  box-sizing: border-box;
}

.msgCenter .xhl-control-group textarea {
  line-height: 45px;
  height: 209px;
  padding-left: 22px;
  padding-bottom: 48px;
  box-sizing: border-box;
  position: relative;
}

.msgCenter .xhl-control-group textarea::placeholder {
  color: #999;
  /* 设置占位符文本的颜色 */
  font-style: italic;
  /* 设置占位符文本的样式 */
}

.msgCenter #xhlFormSubmit {
  width: 167px;
  height: 49px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #000000;
  line-height: 49px;
  background: none;
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  margin: 0;
}

.formBox {
  padding: 4.7vw 0;
  background: #F8F8F8;
}

.formBox .msg-grid {
  max-width: 1466px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.09);
  border-radius: 6px 6px 6px 6px;
  margin: 0 auto;
  padding: 2.9vw 0;
}

.formBox .tile {
  margin-bottom: 30px;
}

.content-search {
  padding-top: 90px;
}

.search-inputbox .s-input button {
  background: #C11920;
}

.fenYe .wp-pagenavi .current {
  background: #C11920;
}

.flexBetween {
  display: flex;
  justify-content: space-between;
}

.red {
  color: #C11920;
}

.intelligentbox {
  background: #000;
  padding: 70px 0 80px;
  margin-bottom: 4.7vw;
}

.intelligentbox .intelligentItem {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.intelligentbox li {
  display: flex;
  gap: 30px;
  /*flex: 1;*/
}

.intelligentbox .lefImg {
  width: 72.75px;
  height: 72.75px;
  background: url("../images/prodect/组 2495 (2).png");
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 11px;
  box-sizing: border-box;
}

.intelligentbox .lefImg img {
  width: 100%;
  max-width: fit-content;
}

.intelligentbox .rightBox {
  color: #fff;
  flex: 1;
}

.intelligentbox .liContnt {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 15px;
}

.intelligentbox .liItem {
  position: relative;
  /*padding-left: 14px;*/
  cursor: pointer;
}

.intelligentbox .liItem:hover {
  color: #C11920;
}

.intelligentbox .liItem::before {
  /*content: '';*/
  /*position: absolute;*/
  /*left: 0;*/
  /*top: 4.5px;*/
  /*width: 8px;*/
  /*height: 8px;*/
  /*border-radius: 50%;*/
  /*background: #C11920;*/
}

.intelligentbox ul {
  display: flex;
  justify-content: space-between;
  width: fit-content;
  margin:0 auto;
}

.parametersBox {
  padding-top: 30px;
}

.parametersBox .TableBox {
  margin-top: 20px;
}

.parametersBox .tableListProduct tr th, .parametersBox .tableListProduct tr td {
  flex: 1;
  text-align: left;
}

.parametersBox .tableListProduct thead tr {
  background: #F8F8F8;
}

.CascadeBx {
  margin: 4.7vw 0;
}

.CascadeBx .topP {
  display: flex;
  align-items: center;
  gap: 9px;
}

.CascadeBx .desc {
  color: #707070;
  padding-left: 20px;
}

.CascadeBx .imgshow {
  width: 43.69vw;
}

.CascadeBx .imgshow .img-box {
  padding-bottom: 38.49821%;
}

.CascadeBx .left {
  flex: 1;
}

.CascadeBx .cascadeItem {
  display: flex;
  align-items: center;
  gap: 4.7vw;
}

.CascadeBx .cascadeItem:nth-child(2n+2) {
  flex-direction: row-reverse;
}

.NetworkBox .headTitle {
  text-align: center;
  margin-bottom: 17px;
}

.NetworkBox .imgshow {
  margin: 0 auto;
  max-width: 754px;
}

.NetworkBox .imgshow .img-box {
  padding-bottom: 68.16976%;
}

.ComparisonBox {
  margin-top: 4.7vw;
}

.ComparisonBox .title {
  padding: 28px 0 42px;
  border-top: 1px solid #D2D2D2;
}

.ComparisonBox .imgLine {
  display: flex;
  gap: 18px;
  align-items: center;
}

.ComparisonBox .imgLine img {
  width: calc(50% - 9px);
  flex: 1;
  max-width: fit-content;
}

.wp-pagenavi {
  display: flex;
  gap: 20px;
  align-items: baseline;
  justify-content: center;
  font-style: italic;
  color: #000;
  font-weight: bold;
  font-family: Montserrat;
}

.wp-pagenavi a {
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wp-pagenavi a img {
  display: block;
}

.wp-pagenavi .current {
  color: #065E9D;
}

.jiaRuWoMen2 {
  margin-bottom: 4.7vw;
}

.jiaRuWoMen2 .mianBao a {
  color: #fff;
}

.jiaRuWoMen2 .bg {
  background: rgba(0, 0, 0, 0.09);
}

.jiaRuWoMen2 .banner-content .imgshow {
  width: 100%;
}

.jiaRuWoMen2 .banner-content .imgshow .img-box {
  padding-bottom: 47.91667%;
}

.jiaRuWoMen2 .max1760 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.jiaRuWoMen2 .absoluteCenter {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
}

.jiaRuWoMen2 .flexRight {
  display: flex;
  justify-content: center;
  color: #fff;
  flex-direction: column;
  height: 100%;
}

.jiaRuWoMen2 .flexR-bottm {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-top: 43px;
  gap: 4.9vw;
}

.jiaRuWoMen2 .leftItem {
  padding: 22px 32px 26px 36px;
  background: linear-gradient(to right, #F1F9FF 10%, #B5E0FF 100%);
  color: #000;
  height: 9.1vw;
  min-height: 126px;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s;
  position: relative;
}

.jiaRuWoMen2 .leftItem .fixedRightImg {
  position: absolute;
  right: -5vw;
  top: 50%;
  transform: translate(50%, -50%);
}

.jiaRuWoMen2 .leftItem .fixedRightImg .activeImg {
  display: none;
}

.jiaRuWoMen2 .leftItem:hover {
  background: linear-gradient(to right, #B5E0FF 10%, #B5E0FF 100%);
}

.jiaRuWoMen2 .leftItem .text {
  color: #505050;
  max-width: 365px;
  margin-top: 12px;
}

.jiaRuWoMen2 .active .fixedRightImg img {
  display: none;
}

.jiaRuWoMen2 .active .fixedRightImg .activeImg {
  display: block;
}

.jiaRuWoMen2 .left {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.jiaRuWoMen2 .right {
  position: relative;
  width: 2px;
  height: 100%;
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, white 100%);
  transition: all 0.2s;
}

.jiaRuWoMen2 .hoverClass {
  background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%);
}

.jiaRuWoMen2 .fixedBotommImg {
  position: absolute;
  bottom: 26px;
  right: 32px;
}

.jiaRuWoMen2ad {
  display: flex;
  gap: 14px;
}

.jiaRuWoMen2ad .column li {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.jiaRuWoMen2ad .column a {
  display: block;
}

.jiaRuWoMen2ad .leftItem {
  /*width: 26%;*/
  flex:1;
}

.jiaRuWoMen2ad .leftItem .imgshow {
  width: 100%;
}

.jiaRuWoMen2ad .leftItem .imgshow .img-box {
  padding-bottom: 91.57295%;
}

.jiaRuWoMen2ad .leftItem .imgshow2 {
  width: 100%;
}

.jiaRuWoMen2ad .leftItem .imgshow2 .img-box {
  padding-bottom: 71.22923%;
}

.jiaRuWoMen2ad .leftItem2 {
  /*width: 26%;*/
  flex:1;
}

.jiaRuWoMen2ad .leftItem2 .imgshow {
  width: 100%;
}

.jiaRuWoMen2ad .leftItem2 .imgshow .img-box {
  padding-bottom: 71.19647%;
}

.jiaRuWoMen2ad .leftItem2 .imgshow2 {
  width: 100%;
}

.jiaRuWoMen2ad .leftItem2 .imgshow2 .img-box {
  padding-bottom: 91.61662%;
}

.jiaRuWoMen2ad .leftItem3 {
  width: 19.425%;
}

.jiaRuWoMen2ad .leftItem3 .imgshow {
  width: 100%;
}

.jiaRuWoMen2ad .leftItem3 .imgshow .img-box {
  padding-bottom: 222.426%;
}

.topNum {
  width: 61px;
  height: 61px;
  border-radius: 50%;
  background: #C11920;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fuContent2 {
  padding-bottom: 4.7vw;
}

.fuContent2 .fuWuItem ul {
  margin: 0;
}

.fuContent2 .fuWuItem .p-item {
  min-height: 323px;
  box-sizing: border-box;
}

.jiaRuWoMen2ottom {
  padding: 4.7vw 0;
  background: url("../images/jiaRuWoMen/蒙版组 369.png") no-repeat;
  background-size: cover;
}

.jiaRuWoMen2ottom .flexBox {
  display: flex;
  gap: 58px;
  justify-content: space-between;
  /*align-items: end;*/
}

.jiaRuWoMen2ottom .flexLeft {
  position: relative;
}

.jiaRuWoMen2ottom .flexLeft .searchImg {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  display: none;
}

.jiaRuWoMen2ottom .bottomBox {
  width: 28.64vw;
  min-height: 445px;
  background: #FFFFFF;
  margin-top: 30px;
  padding: 0 20px;
  box-sizing: border-box;
}

.jiaRuWoMen2ottom .title {
  padding-left: 42px;
  position: relative;
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #D9D9D9;
}

.jiaRuWoMen2ottom .title::before {
  content: '';
  position: absolute;
  left: 23px;
  width: 5px;
  height: 40px;
  background: #065E9D;
}

.jiaRuWoMen2ottom .li-item {
  padding-left: 42px;
  height: 72px;
  display: flex;
  border-bottom: 1px solid #D9D9D9;
  cursor: pointer;
  align-items: center;
}

.jiaRuWoMen2ottom .li-item img {
  display: none;
  margin-left: 30px;
}

.jiaRuWoMen2ottom .textLine {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.jiaRuWoMen2ottom .active {
  color: #065E9D;
}

.jiaRuWoMen2ottom .active img {
  display: block;
}

.jiaRuWoMen2ottom .flexRight {
  flex: 1;
  overflow: hidden;
}

.jiaRuWoMen2ottom .flexRight .swiper {
  max-width: 1152px;
  width: 100%;
}

.jiaRuWoMen2ottom .flexContent {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.jiaRuWoMen2ottom .flexContent .item-box{
  height: 82px;
  background: #FFFFFF;
  padding: 0 37px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  color: #505050;
  cursor: pointer;
}
.jiaRuWoMen2ottom .flexContent .item-tips{
    padding:20px 37px;
    background:#fff;
    display:none;
}
.jiaRuWoMen2ottom .flexContent .item-tips .mail{
    padding-top:20px;
}
.jiaRuWoMen2ottom .flexContent .item-tips .mail a{
    display: block;
    width:150px;
    height:40px;
    text-align: center;
    line-height:40px;
    border:1px solid #505050;
    color:#505050;
}
.jiaRuWoMen2ottom .flexContent .rightImg {
  width: 60px;
  height: 60px;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all .6s;
  transform: rotate(0deg);
}
.jiaRuWoMen2ottom .flexContent .act .rightImg{
    transform: rotate(-90deg);
    background:#065E9D;
}
.jiaRuWoMen2ottom .flexContent .rightImg img {
  margin: 0 auto;
}

.jiaRuWoMen2ottom .flexContent .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.topFlexBetween {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.topFlexBetween .red{
    display: flex;
    gap:35px;
}

.topFlexBetween a {
    color:#fff;
    
}

.topFlexBetween a:hover{
    color: #C11920;
}

.topFlexBetween .active{
    color: #C11920;
}

.isok-pbc{
    height:100vh;
}
.isok-pbc .swiper-slide{
    height:100vh;
}
.isok-pbc .swiper-slide .imgshow{
    height:100%;
}
.isok-pbc.isp-02 .swiper-slide .imgshow .img-box{
    padding-bottom:0;
    height:100%;
}
.isok-pbc.isp-04 .swiper-slide .imgshow .img-box{
    padding-bottom:0;
    height:100%;
}
.solution-inner.isp-04 .topBg1 .imgshow .img-box{
    padding-bottom:18.30769%;
}
.solution-inner.isp-03 .topBg1 .imgshow .img-box{
    padding-bottom:18.30769%;
}
.solution-inner.isp-02 .topBg1 .imgshow .img-box{
    padding-bottom:18.30769%;
}
.solution-inner.isplc-02 .topBg1 .imgshow .img-box{
    padding-bottom:18.30769%;
    height:0;
}
.isok-plc .swiper-slide{
    height:100vh;
}
.jiaTing2.isplc-02 .imgshow .img-box{
    padding-bottom:0;
    height:100vh;
}
.solution-inner.isplc-01 .imgshow{
    height:100%;
}
.isplc-04 .jiaTing4 .imgshow .img-box{
    padding-bottom:0;
    height:100vh;
}
.isplc-04 .product36Swiper .relativeContent .imgshow .img-box{
    height:0;
    padding-bottom:85.14589%;
}
.isplc-04 .product37Swiper2 .relativeContent{
    left:0;
    flex-direction:row;
    box-sizing:border-box;
    padding:0 4.1vw;
    height:100%;
}
.if-ipd-20{
    padding:0 4.1vw;
}
.isplc-04 .product36Swiper .relativeContent .topBg1{
    left:30px;
    transform: translate(0,-50%);
}
.isplc-04 .product36Swiper .relativeContent .topBg1 .imgshow .img-box{
    height:0;
    padding-bottom:18.30769%;
}
.product37Swiper.isplc-03 .asolutePop{
    top:50%;
    height:auto;
    transform: translateY(-50%);
}
.is-pop-text{
    text-align:left;
}
.solution-inner .is-pop-text .topBg1{
    left:0;
    transform: translate(0,-50%);
}
.solution-inner.isplc-02 .topBOX{
    display: flex;
    align-items: center;
    max-width:50%;
    z-index:4;
}
.ispop-list{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:33;
}
.ispop-list ul{
    width:100%;
    height:100%;
    display: flex;
    flex-wrap: wrap;
}
.ispop-list ul li{
    width:25%;
    border-left-width:10px;
    box-sizing: border-box;
    border-left-style: solid;
    border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
    border-image-slice: 1; /* 根据需要调整切片值 */
    border-image-width: 1; /* 根据需要设置边框宽度 */
    border-image-outset: 0; /* 根据需要设置外边距 */
    border-style: solid; /* 确保有边框样式 */
    display: flex;
    align-items: flex-end;
}
.ispop-list ul li:nth-child(4n+1){
    border-left:none;
}
.ispop-list ul li .li-text{
    width:100%;
    text-align: center;
    box-sizing:border-box;
    padding:10% 20px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    font-size:30px;
    color:#505050;
    transition: all .6s;
}
.ispop-list ul li .li-text span{
    font-weight:500;
    padding:5px;
    display: inline-block;
    position: relative;
}
.ispop-list ul li .li-text span:after{
    content: '';
    width:0;
    height:1px;
    background:#C11920;
    position: absolute;
    left:0;
    bottom:0;
    transition: all .6s;
}
.ispop-list ul li:hover .li-text{
    padding: 40% 20px 10%;
    color:#C11920;
}
.ispop-list ul li:hover .li-text span:after{
    width:100%;
}
.pro-con .product39Content {
    padding-top:90px;
}

@media screen and (max-width: 1480px) {
  #menuPc > ul > li > a {
    font-size: 16px;
    margin: 0 10px;
  }
  .header-box-right ul {
    gap: 10px;
  }
  .m-width-1760 {
    max-width: 1200px;
  }
  .topMinSolution .imgshow .img-box{
      padding-bottom: 27.83333%;
  }
  .diTu .topIndex{
      
     width: 111%;
    transform: translateX(-50%) scale(0.8);
  }
  .index-banner .itemCircle {
    width: 140px;
    height: 140px;
  }
  .f-50 {
    font-size: 25px;
  }
  .f-80 {
    font-size: 40px;
  }
  .f-209 {
    font-size: 100px;
  }
  .index-white .whiteContent {
    flex-direction: column;
    gap: 20px;
  }
  .index-white .left {
    padding-right: 0;
  }
  .solutionBox2 .headTitle {
    margin-left: -96px;
  }
  .Partners .Partners-list ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .Partners .Partners-list .imgshow img {
    width: 100%;
  }
  .Partners .Partners-list li {
    width: 16.66%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .product41 .flexTopBanner {
    flex-direction: column;
  }
  .product41 .right {
    display: none;
  }
  .swiperBg .rightSwiper {
    right: 20px;
    max-width: 400px;
  }
  .swiperBg .bottomText {
    padding-left: 10px;
  }
 
  .product45 .centerBox {
    transform: translate(-50%, -50%);
  }
  .chengeiBox ul .active .centerContent {
    padding: 20px 10px 0;
  }
  .chengeiBox ul li .centerContent {
    padding: 20px 10px 0;
  }
  .gouMaiBox .gouMaiRight .topContentText {
    gap: 10px;
  }
  .gouMaiSwiper .swiperContent {
    width: 100%;
  }
  .product42 .centerBox {
    transform: translate(-50%, -39%);
  }
  .ptoduct32-inner .centerBox {
    transform: translate(-50%, -50%);
  }
  .jiaRuWoMen2 .flexRight {
    justify-content: end;
  }
  .index-white .rightBottob{
      padding: 0 0;
  }
  .index-white .top{
      padding:0 0;
  }
}

@media screen and (max-width: 1200px) {
  #menuPc > ul > li > a {
    font-size: 16px;
    margin: 0 5px;
  }
  .header-box-right ul {
    gap: 5px;
  }
  .header-box .logo {
    margin-right: 10px;
  }
  .m-width-1760 {
    max-width: 1000px;
  }
  .topMinSolution .imgshow .img-box{
      padding-bottom: 33%;
  }
  .f-76 {
    font-size: 40px;
  }
  .f-46 {
    font-size: 32px;
  }
  .f-36 {
    font-size: 28px;
  }
  .f-32 {
    font-size: 26px;
  }
  .f-30 {
    font-size: 24px;
  }
  .f-26 {
    font-size: 20px;
  }
  .f-60 {
    font-size: 42px;
  }
  .f-64 {
    font-size: 52px;
  }
  .f-58 {
    font-size: 44px;
  }
  .f-54 {
    font-size: 42px;
  }
  .f-24 {
    font-size: 18px;
  }
  .f-40 {
    font-size: 28px;
  }
  .f-22 {
    font-size: 16px;
  }
  .f-28 {
    font-size: 20px;
  }
  .f-20 {
    font-size: 18px;
  }
  .index-banner .itemCircle {
    width: 120px;
    height: 120px;
  }
  .logo .logo1 {
    display: none;
  }
  .logo .logo2 {
    display: inline-block;
  }
  .index-banner .absoluteBox {
    height: 100%;
  }
  .index-banner .bannertop {
    top: auto;
    bottom: 0;
    transform: translateY(0) scale(0.8);
    transform-origin: cener cener;
    width: 200%;
  }
  .index-banner .shuBiao {
    display: none;
  }
  .indexSwiper .bottomText {
    padding: 0;
  }
  .indexSwiper .bottomText {
    margin-right: 20px;
  }
  .index-white .whiteContent {
    flex-direction: column;
    gap: 20px;
  }
  .index-white .left {
    padding-right: 0;
  }
  .index-white .rightBottob li {
    margin-right: 10px;
  }
  .bottomTextFixed {
    bottom: 0;
  }
  .jiaTing9 .topSwiperBox {
    padding: 20px;
  }
  .bottomTextFixed ul li {
    padding: 0;
    margin: 0;
  }
  .jiaTing9 {
    height: 320px;
  }
  .videoBtn {
    top: 50%;
    transform: translateY(-50%);
  }
  .ziLiaoYongHuBox .videoList .topContentText {
    padding: 10px 0 0 10px;
  }
  .product36Swiper .relativeContent .swiperTop .swiperLeft {
    transform: scale(0.9);
  }
  .product36Swiper .bottomulPoint {
    gap: 10px;
    margin-top: 5px;
  }
  .dieSwiper {
    background: none;
  }
  .dieSwiper .swiper-slide {
    transform: translateX(0px) scale(1);
    text-align: center;
  }
  .dieSwiper .swiper-slide img {
    margin: 0 auto;
  }
  .newsList ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .newsList .imgshow img {
    width: 100%;
  }
  .newsList li {
    width: 100%;
    padding: 0 0px;
    box-sizing: border-box;
  }
  .newsContent25 .newsMainRight {
    width: 300px;
  }
  .lineShare {
    flex-direction: column;
    gap: 10px;
  }
  .product41 {
    padding-top: 63px;
  }
  
  .newsContent25 .newsContent25Center .centerImg .imgshow {
    max-width: 100%;
    
  }
  .newsContent25 .newsContent25Center .centerItem {
    flex-direction: column;
    padding: 30px 0 20px;
  }
  .newsContent25 .newsContent25Center .centerItem:first-child {
    padding-top: 0px;
  }
  .newsContent25 .newsContent25Center .centerItem .centerImg {
    max-width: 100%;
  }
  .newsContent25 .newsContent25Center .centerItem .leftTime {
    display: none;
  }
  .newsContent25 .newsContent25Center .centerItem .phoneTime {
    color: #333;
    display: block;
    margin: 10px 0;
  }
}

@media screen and (max-width: 1000px) {
    .anLiBox .anLiSwiper .hc-ss-li{
    display: flex;
    flex-wrap: wrap;
}
.anLiBox .anLiSwiper .hc-ss-li .swiper-slide-li{
    width:100%;
    margin-left:0;
}
    .ziLiaoYongHuBox .ziLIaoRight{
        width:100%;
    }
  .isok-pbc.isp-02 .swiper-slide .imgshow .img-box{
      padding-bottom:0;
      height:100%;
  }
  .solution-inner.isp-02 .topBg1 .imgshow .img-box{
      padding-bottom:18.30769%;
      height:0;
  }
  .solution-inner.isp-03 .imgshow .img-box{
      padding-bottom:0;
      height:100%;
  }
  .solution-inner.isp-03 .topBOX{
      position: absolute;
      
  }
  .product36Swiper .bottomulPoint{
      display: block;
  }
  .product36Swiper .bottomulPoint ul{
      display: block;
      width:100%;
  }
  .isok-pbc.isp-04 .swiper-slide .imgshow .img-box{
      height:100%;
      padding-bottom:0;
  }
  .ispop-list{
      display: flex;
      align-items: flex-end;
      padding-bottom:20px;
      box-sizing: border-box;
  }
  .ispop-list ul{
      display: block;
      height:auto;
  }
  .ispop-list ul li{
      border-left-width:0px;
      width:100%;
  }
  .ispop-list ul li .li-text{
      padding:10px 5px;
      font-size:16px;
      background:rgba(255,255,255,.6);
  }
  .product37Swiper.isplc-03 .asolutePop{
      left:50%;
      transform:translate(-50%, -50%) scale(0.5);
  }
  .isplc-04 .product37Swiper2 .relativeContent{
      display: block;
  }
  .isplc-04 .product37Swiper2 .topBOX{
      margin-top:0;
      position: absolute;
      display: flex;
      align-items: center;
  }
  
  
  
  
  .productSwiper .bottomYe .yeITEM{
      height:auto;
      padding-bottom:30px;
  }
  .previousAndNext{
      flex-direction: column;
      gap:10px;
  }
  .previousAndNext .leftp img, .previousAndNext .right img{
      order:0;
  }
  .previousAndNext .right div{
      order:1;
  }
  .ipd-20 {
    padding: 0 20px;
  }
  .header{
      overflow: hidden;
  }
  .header-box-left-news .nav-box, .header-box-left-xiaZaiCenter .nav-box{
      display: none;
  }
  /* 手机菜单 start */
  .header-box-left-news .mainMeau .headA, .header-box-left-xiaZaiCenter .mainMeau .headA{
		display: none;
  }
  .xinWen, .xiaZaiCener{
		display: block;
	}
  .btn-nav {
    display: block !important;
    position: relative;
  }
  .header-box-right {
    display: none;
  }
  .ipd-20 {
    padding: 0 20px;
  }
  html.mm-blocking body {
    overflow: initial;
  }
  #menuPc {
    display: none;
  }
  .mm-opened #menuWap {
    display: block;
  }
  .mm-listview > li > a, .mm-listview > li > span {
    color: #000000;
  }
  .mm-listview > li a {
    padding: 10px 40px;
    font-size: 16px;
    color: #000000;
    display: block;
  }
  #page {
    background: #FFFFFF;
  }
  .btn-nav {
    position: absolute;
    top: 0;
    right: 0px;
    background: transparent;
    border: none;
    padding: 21px 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 99999;
    display: block;
    width: 30px;
    float: right;
    position: relative;
  }
  .icon-bar {
    display: block;
    margin: 6px 0;
    width: 30px;
    height: 3px;
    background-color: #B24249;
    box-shadow: 0 1px 1px #000000;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    z-index: 999999;
  }
  .mm-opening .top {
    -webkit-transform: translateY(8px) rotateZ(45deg);
    -moz-transform: translateY(8px) rotateZ(45deg);
    -ms-transform: translateY(8px) rotateZ(45deg);
    -o-transform: translateY(8px) rotateZ(45deg);
    transform: translateY(8px) rotateZ(45deg);
  }
  .mm-opening .bottom {
    -webkit-transform: translateY(-10px) rotateZ(-45deg);
    -moz-transform: translateY(-10px) rotateZ(-45deg);
    -ms-transform: translateY(-10px) rotateZ(-45deg);
    -o-transform: translateY(-10px) rotateZ(-45deg);
    transform: translateY(-10px) rotateZ(-45deg);
  }
  .mm-opening .middle {
    width: 0;
  }
  /* 手机菜单 end */
  .index-banner .swiper-pagination-bullet {
    bottom: 0;
    width: 40px;
    height: 5px;
  }
  .index-banner .swiper-horizontal > .swiper-pagination-bullets, .index-banner .swiper-pagination-bullets.swiper-pagination-horizontal, .index-banner .swiper-pagination-custom, .index-banner .swiper-pagination-fraction {
    bottom: 0;
    text-align: right;
  }
  .copyright {
    flex-direction: column-reverse;
    justify-content: center;
  }
  .footerBttom .f-item {
    margin-bottom: 40px;
  }
  .absoluteBox {
    max-width: calc(100% - 40px);
  }
  .indexSwiper .bottomText .flexRow div {
    white-space: nowrap;
  }
  .index-black .blackContent ul {
    flex-direction: column;
    gap: 20px;
  }
  .index-black {
    padding: 20px 0 20px;
  }
  .index-white .whiteContent {
    flex-direction: column;
  }
  .niaoKan .topLable a{
    width: 100px;
    white-space: normal;
    transform: scale(0.5);
    bottom: -37px;
    left: -40px;
  }
  .niaoKan .fixBox2 .topLable a {
        transform: translateX(-62%) scale(0.5);
        bottom: 18px;
    }
    .niaoKan .fixBox3 .topLable a {
        transform: translateX(-100%) scale(0.5);
        bottom: -116px;
    }
    .niaoKan .fixBox5 .topLable a {
       transform: translateX(0%) scale(0.5);
    }
    .niaoKan .fixBox4 .topLable a {
      transform: translateX(-100%) scale(0.5);
    }
  
  
  
  .diTu .topIndex {
    left: 100%;
    width: 200%;
    transform: translateX(-75%) scale(0.5);
  }
  .diTu .topIndex li {
    padding: 0 10px;
    height: fit-content;
  }
  .index-solution .index-solution-list ul {
    flex-direction: column;
  }
  .index-kaiPinG ul {
    flex-direction: column;
  }
  .index-kaiPinG .activeLi {
    width: 100%;
  }
  .index-kaiPinG li {
    width: 100%;
  }
  .index-kaiPinG .imgshow {
    width: 100%;
  }
  .index-kaiPinG .imgshow .img-box {
    padding-bottom: 46.07692%;
  }
  .index-kaiPinG li .activeBox {
    transform: translate(-50%, -50%) scale(0.5);
  }
  .index-kaiPinG li .activeBox {
    width: 100%;
  }
  .rightBtn {
    top: -7px;
  }
  .niaoKan .bottomImg {
    width: 50px;
  }
  .niaoKan .hoverBox .imgshow {
    width: 90vw;
  }
  .niaoKan .fixBox .hoverBox {
    /*position: fixed;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5) !important;
    z-index: 99;
    /*display: none;*/
  }
  .niaoKan .hoverBox .bottombg {
    position: static;
  }
  .SustainabilityBox .swiperCenter {
    width: 100%;
  }
  .SustainabilityBox .p-item {
    flex-direction: column-reverse;
  }
  .SustainabilityBox .rightPNG {
    width: 100%;
  }
  .SustainabilityBox .leftBox {
    margin: 0 auto;
  }
  .SustainableBox .content ul {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .SustainableBox .content .imgshow img {
    width: 100%;
  }
  .SustainableBox .content li {
    width: 16.66%;
    padding: 0 5px;
    box-sizing: border-box;
  }
  .SustainableBox .content li {
    margin-top: 10px;
  }
  .EarthBox .absolutemw {
    position: static;
    transform: translate(0);
    margin-top: -80px;
  }
  .solution-inner {
    padding-top:50px;
  }
  .mianBao {
    top: 10px;
  }
  .btn-nav {
    padding: 10px 0;
  }
  .index-banner {
    padding-top: 53px;
  }
  .solutionBox2 {
    flex-direction: column;
  }
  .solutionBox2 .lefImg {
    margin: 0;
    width: 100%;
  }
  .solutionBox2 .headTitle {
    margin-left: 0;
  }
  .headTitle .white {
    color: #000 !important;
  }
  .EngineeringBox ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    
    
  }
  .EngineeringBox .imgshow img {
    width: 100%;
  }
  .EngineeringBox li {
    width: 100%;
    padding: 0 0px;
    
    box-sizing: border-box;
  }
  .EngineeringBox li {
    margin-bottom: 20px;
  }
  .IntelligentBox ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  .IntelligentBox ul li:nth-child(2n+2) {
    margin-top: 0;
  }
  .ComplementaryBox ul {
    flex-direction: column;
  }
  .CreateBox .fixedMessage {
    width: 200%;
    left: -50%;
    transform: translateY(-50%) scale(0.5);
  }
  .qiPao .qiPaoBox .qiPaoitem:nth-child(2n+1) {
    flex-direction: column-reverse;
  }
  .qiPao .qiPaoBox .qiPaoitem {
    flex-direction: column-reverse;
    padding-left: 0;
    width: 100%;
  }
  .qiPao .qiPaoBox .imgshow {
    width: 100%;
  }
  .qiPao .qiPaoBox .qiPaoitem .line1, .qiPao .qiPaoBox .qiPaoitem .line2, .qiPao .qiPaoBox .qiPaoitem .line3, .qiPao .qiPaoBox .qiPaoitem .line4 {
    display: none;
  }
  .IntelligentBox ul li {
    margin-right: 0;
  }
  .SupplyBox .desc2 {
    padding: 0;
  }
  .SupplyBox .desc {
    padding-left: 0;
  }
  .SupplyBox .title {
    padding-left: 0;
  }
  .SupplyBox .centerBox {
    padding-left: 20px;
  }
  .solution-inner .centerBox {
    width: calc(200% - 40px);
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%) scale(0.5);
  }
  .qiPao .qiPaoBox .qiPaoitem:nth-child(2n) {
    padding-right: 0;
  }
  .projctDetail {
    flex-direction: column-reverse;
  }
  .projctDetail .left {
    width: 100%;
  }
  .projctDetail .left .searchBoxContent{
      padding:20px;
  }
  
  .projctDetail .left .searchBoxContent  {
      display: none;
  }
  .lineShare {
    flex-direction: column;
    gap: 10px;
  }
  .downSingle {
    display: none;
  }
  .MainUseBox .right {
    padding: 20px;
  }
  .MainUseBox .MainUseContent {
    flex-direction: column;
    gap: 0;
  }
  .MainUseBox .headTitle {
    margin-bottom: 0;
  }
  .msgCenter .usedComp {
    width: 100% !important;
  }
  .msgCenter #xhlFormSubmit {
    margin: 0 auto;
  }
  .UnleashBox .UnleashBoxCenter {
    transform: scale(0.5);
  }
  .jiaTing4 .relativeContent {
    top: -33px;
    left: -20%;
    transform: scale(0.5);
  }
  .bottomTextFixed {
    left: -50%;
    width: 200%;
    bottom: 0px;
    transform: translateY(25%) scale(0.5);
  }
  .bottomTextFixed ul {
    padding: 0;
  }
  .jiaTing9 {
    padding-top: 0;
    transform: translateX(25%) scale(0.5);
    width: 100%;
    top: 0%;
    right: 0%;
    height: 200px;
  }
  .jiaTing9 .topSwiperBox {
    padding: 10px;
    max-width: 80%;
  }
  .bottomTextFixed ul li {
    padding: 0;
    margin: 0;
  }
  .UnleashBox .UnleashBoxCenter {
    width: calc(200% - 20px);
    margin: 0 auto;
    left: calc(-50% + 10px);
    transform: scale(0.5);
  }
  .jiaTing4 {
    padding-top: 0;
  }
  .CustomerCases .contentLst li {
    width: 100%;
  }
  .CustomerCases .contentLst li .imgshow .img-box {
    padding-bottom: 109.07407%;
  }
  .CustomerCases .contentLst .active {
    width: 100%;
    animation: none;
  }
  .jiaTing7 .centerBox {
    top: 30%;
  }
  .jiaTing7 .bottomBtn {
    bottom: 0;
  }
  .jiaTing7 .bottomBtn .btn {
    flex: 1;
  }
  .jiaTing7 .bottomBtn .btn a {
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
  .jiaTing7 .desc {
    margin: 0;
  }
  .TOPfLEX {
    flex-direction: column;
    gap: 10px;
  }
  .TOPfLEX .btn {
    display: flex;
    justify-content: end;
  }
  .jiaTing8 {
    padding-top: 0;
  }
  .jiaTing8 .centerText {
    padding: 0;
  }
  .jiaTing7 .desc {
    margin: 0 auto;
  }
  .jiaTing6, .jiaTing2, .jiaTing3 {
    padding-top: 0;
  }
  .paterBox .img-box img {
    top: 0;
    transform: none;
  }
  .creatbox .creatItem:first-child {
    flex-direction: column;
  }
  .creatbox .creatItem {
    flex-direction: column;
  }
  .creatbox .leftBox {
    width: 100%;
  }
  .ResourceBox .ResourceBox-list ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .ResourceBox .ResourceBox-list .imgshow img {
    width: 100%;
  }
  .ResourceBox .ResourceBox-list li {
    width: 100%;
    padding: 0 0px;
    box-sizing: border-box;
  }
  .ResourceBox li {
    margin-bottom: 20px;
  }
  .ResourceBox li:last-child {
    margin-bottom: 0;
  }
  .parterBox-list ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .parterBox-list .imgshow img {
    width: 100%;
  }
  .parterBox-list li {
    width: 100%;
    padding: 0 0px;
    box-sizing: border-box;
  }
  .parterBox-list .content div {
    transform: scale(0.5);
  }
  .parterBox-list .desc {
    margin: 0 auto;
  }
  .creatbox ul li {
    gap: 20px;
  }
  .creatbox ul {
    flex-direction: column;
    gap: 20px;
  }
  .creatbox .creatItem:nth-child(2n+2) .leftBox .bottomCount {
    width: fit-content;
    height: fit-content;
  }
  .creatbox .leftBox .bottomCount {
    width: fit-content;
    height: fit-content;
  }
  .tableList ul li a {
    padding: 10px 20px;
  }
  .paterBox .btn {
    margin-top: 0;
  }
  .mianBao {
    display: none;
  }
  .chengeiBox ul li {
    width: 100%;
  }
  .chengeiBox ul li .imgshow .img-box {
    padding-bottom: 53.20887%;
  }
  .chengeiBox ul {
    flex-direction: column;
    gap: 20px;
  }
  .chengeiBox ul .active {
    width: 100%;
    animation: none;
  }
  .chengeiBox ul li .centerContent {
    padding: 20px;
  }
  .findPaterSwiper {
    padding-top: 0;
  }
  .findPaterSwiper .centerBox {
    top: 50%;
  }
  .Partners .Partners-list ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .Partners .Partners-list .imgshow img {
    width: 100%;
  }
  .Partners .Partners-list li {
    width: 33.33%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .fuContent .fuWuItem ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .fuContent .fuWuItem .imgshow img {
    width: 100%;
  }
  .fuContent .fuWuItem li {
    width: 100%;
    padding: 0 0px;
    box-sizing: border-box;
  }
  .fuContent .fuWuItem li {
    margin-bottom: 20px;
  }
  .fuContent .desc {
    margin-bottom: 20px;
  }
  .fuWuSwiper2 .flexCenter {
    transform: translate(-50%, -50%) scale(0.5);
  }
  .xiaZaiContent .xiaZaiitem {
    flex-direction: column;
  }
  .xiaZaiContent .righBox {
    width: 100%;
  }
  .xiaZaiContent .righBox li {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding-right: 0;
  }
  .xiaZaiContent .lefBtnBox {
    width: 100%;
  }
  .xiaZaiContent .righBox ul {
    margin: 0;
  }
  .zhongXinTop .centerBox {
    top: 50%;
    bottom: auto;
    width: 100%;
  }
  .ziLiaoYongHuBox .ziLiaoTop ul {
    margin: 0 -14px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .ziLiaoYongHuBox .ziLiaoTop .imgshow img {
    width: 100%;
  }
  .ziLiaoYongHuBox .ziLiaoTop li {
    width:49%;
    box-sizing: border-box;
  }
  .ziLiaoYongHuBox .ziLiaoTop li:nth-child(2n+1){
      margin-left:0;
  }
  .ziLiaoYongHuBox .ziLiaoTop li {
    margin-bottom: 14px;
  }
  .ziLiaoYongHuBox .ziLIaoLeft {
    display: none;
  }
  .ziLiaoYongHuBox .videoList ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .ziLiaoYongHuBox .videoList .imgshow img {
    width: 100%;
  }
  .ziLiaoYongHuBox .videoList li {
    width: 100%;
    padding: 0 0px;
    box-sizing: border-box;
  }
  
  .ziLiaoYongHuBox .videoList li:hover .topContentText {
      display: none;
  }
  
  .ziLiaoYongHuBox .pictureUl ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .ziLiaoYongHuBox .pictureUl .imgshow img {
    width: 100%;
  }
  .ziLiaoYongHuBox .pictureUl li {
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .ziLiaoYongHuBox .ziLiaoBottom {
    flex-direction: column;
  }
  .ziLiaoYongHuBox .ziLIaoRight .allPicture ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .ziLiaoYongHuBox .ziLIaoRight .allPicture .imgshow img {
    width: 100%;
  }
  .ziLiaoYongHuBox .ziLIaoRight .allPicture li {
    width: 100%;
    padding: 0 0px;
    box-sizing: border-box;
  }
  .ziLiaoYongHuBox .ziLIaoRight .topSearchBx .searchItm {
    width: 50%;
  }
  .ziLiaoYongHuBox .ziLIaoRight .DocumentItem .bottomLine {
    flex-direction: column;
    gap: 5px;
  }
  .searchImg {
    display: flex;
    justify-content: end;
    margin-bottom: 20px;
  }
  .searchImg img {
    width: 40px;
  }
  .ziLiaoYongHuBox .ziLiaoBottom .ziLIaoLeft {
    width: 90vw;
  }
  .ziLiaoYongHuBox .ziLiaoBottom .searchContent li {
    box-sizing: border-box;
  }
  .gongJuList ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .gongJuList .imgshow img {
    width: 100%;
  }
  .gongJuList li {
    width: 100%;
    padding: 0 0px;
    box-sizing: border-box;
  }
  .gongJuList li {
    margin-bottom: 20px;
  }
  .gonhJuTop {
    padding-top: 53px;
  }
  .gouMaiBox .goumAItOPBottom {
    flex-direction: column;
  }
  #map{
      height:400px !important;
  }
  .gouMaiBox .gouMaiRight {
    width: 100%;
    min-width: 100%;
  }
  .gouMaiBox .gouMaiRight .topContentText {
    gap: 20px;
  }
  .gouMaiBox .gouMaiRight .topItem {
    padding: 10px;
  }
  .gouMaiSwiper .swiperTop {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .gouMaiSwiper {
    padding: 20px;
  }
  .gouMaiSwiper .rightBtnList .btn {
    width: 150px;
  }
  .newsContent .newsTop {
    flex-direction: column;
    align-items: start;
  }
  .newsContent .newsTop .right, .newsContent .newsTop .left {
    width: 100%;
  }
  .newsContent {
    padding-top: 63px;
  }
  .newsContent .newsSearch {
    flex-direction: column;
    padding:20px 10px;
    
  }
  .newsContent .leftInput{
      padding-left:0;
  }
  .newsMain {
    flex-direction: column;
  }
  .topSearchBx .searchItm {
    width: 50%;
  }
  .newsBtnist ul {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .newsBtnist .imgshow img {
    width: 100%;
  }
  .newsBtnist li {
    width: 50%;
    padding: 0 5px;
    box-sizing: border-box;
  }
  .newsBtnist li {
    min-width: 10px;
  }
  .newsBtnist .topContentText .topText {
    max-width: calc(100% - 49px);
  }
  .newsContent .searchRight {
    width: 100%;
    gap: 5px;
  }
  .newsContent .searchRight .searchBtn-right {
    flex: 1;
    background-size: contain;
  }
  .newsBtnist .topContentText {
    padding: 10px;
  }
  .newsMainRight {
    width: 100%;
  }
  .newsContent {
    padding-top: 63px;
  }
  .newsContent25 {
    flex-direction: column;
  }
  .newsContent25 .left {
    display: none;
  }
  .newsContent25 .newsMainRight {
    width: 100%;
  }
  .newsContent25 .cener .C-NEW-TOP {
    flex-direction: column;
    gap: 5px;
  }
  .newsContent25 .cener .newsitem {
    padding-right: 0;
  }
  .newsContent25 .cener .searcvhBt {
    flex-direction: column;
    gap: 5px;
  }
  .topsearchCENTER {
    gap: 10px;
  }
  .newsContent25 .cener .centerTopINPUT .sarchimg26 {
    display: none;
  }
  .pictureEWiTEM .pictureItem {
    flex-direction: column;
  }
  .pictureEWiTEM .pictureItem .imgshow {
    width: 100%;
  }
  .newsList ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .newsList .imgshow img {
    width: 100%;
  }
  .newsList li {
    width: 100%;
    padding: 0 0px;
    box-sizing: border-box;
  }
  .newsList li {
    margin-bottom: 20px;
  }
  .fuContent .headTitle {
    margin-bottom: 20px;
  }
  .PreviousBox .headTitle {
    margin-bottom: 20px;
  }
  .proSearchBTN ul {
    gap: 10px;
  }
  .productList32 ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .productList32 .imgshow img {
    width: 100%;
  }
  .productList32 li {
    width: 100%;
    padding: 0 0px;
    box-sizing: border-box;
  }
  .solution-inner .product32Baner {
    transform: translate(-48%, -76%) scale(0.5);
  }
  .product36Swiper .relativeContent .swiperTop .swiperLeft {
    transform: scale(0.5);
  }
  .product36Swiper .relativeContent {
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
  }
  .solution-inner .topBOX {
    position: static;
  }
  .jiaTing4 .relativeContent {
      top:auto;
      bottom:-20px;
      left:20px;
      transform: translate(0,0);
    /*position: relative;*/
    /*top: 0;*/
    /*left: 0;*/
    /*transform: none;*/
  }
  .product36Swiper .relativeContent .swiperTop .swiperLeft {
    transform: scale(1);
  }
  .product36Swiper .relativeContent {
    flex-direction: column;
  }
  .product36Swiper .relativeContent .imgshow {
    width: 100%;
  }
  .product37Swiper .asolutePop {
    transform: translateY(-72%) scale(0.5);
    top: 50%;
  }
  .product37Swiper .line1 {
    min-width: 300px;
  }
  .product37Swiper .line2 {
    min-width: 500px;
  }
  .product37Swiper .line3 {
    min-width: 700px;
  }
  .product37Swiper .asolutePop {
    width: 200%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    height: fit-content;
  }
  .product38 .topBOX {
    position: absolute;
  }
  .product38 .banner-content {
    padding-top: 51px;
  }
  .product38Content {
    flex-direction: column;
  }
  .product38Content ul {
    width: 100%;
  }
  .product38Content .centerul, .product38Content .bottomul {
    width: 100%;
  }
  #product1 .relativeMwith {
    transform: translateY(0);
  }
  .product38Content .bottomText {
    /*color: #000;*/
  }
  #product1 .product38Content .text {
    margin-bottom: 0;
  }
  .product2Box .p-item:first-child {
    flex-direction: column;
  }
  .product2Box .imgshow {
    width: 100%;
  }
  .product2Box .p-item {
    flex-direction: column;
  }
  .absoluteWidth {
    padding-top: 53px;
  }
  .product38 .absoluteWidth {
    padding-top: 53px;
  }
  .absoluteWidth .absoluteMwith {
    top: 53px;
  }
  .product38 .banner-content {
    padding-top: 40px;
  }
  .product39Content .topUl-list ul {
    margin: 0 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .product39Content .topUl-list .imgshow img {
    width: 100%;
  }
  .product39Content .topUl-list li {
    width: 100%;
    padding: 0 0;
    box-sizing: border-box;
  }
  .tableListProduct {
    overflow-x: auto;
  }
  .Allunits .bottomImg {
    flex-direction: column;
    gap: 20px;
  }
  .Allunits img {
    max-width: 100%;
  }
  .product40Content .product40Top {
    flex-direction: column;
  }
  .product40Content .product40Top .lett {
    width: 100%;
  }
  .product40Content .bottomvideo .videoBtn , .PhotovoltaicVox .videoBtn , .product42Video .videoBtn{
    width: 80px;
    height: 80px;
  }
  .product40Content .bottomvideo .title {
    padding-bottom: 20px;
  }
  .product41 .absoluteWidth {
    padding-top: 84px;
  }
  .product41 .absoluteMwith {
    position: static;
    background: none;
    width: 100%;
    transform: translateX(0) translateY(0%);
  }
  .product41 .flexTopBanner .title {
    line-height: 1;
  }
  .product41 {
    position: relative;
  }
  .product41 .searchImg {
    position: absolute;
    top: 103px;
    right: 5px;
    z-index: 4;
  }
  .product41 .flexTopBanner .searchList {
    flex-wrap: wrap;
  }
  .product41 .absoluteWidth {
    position: static;
    background: none;
    height: fit-content;
    margin-top: -70%;
  }
  .product41 .flexTopBanner .f-selected {
    width: 45%;
  }
  .product41 .flexTopBanner .searchList {
    gap: 10px;
  }
  .PowerBox .imgshow {
    width: 100%;
  }
  .AbnormalBox .AbnormalItem, .AbnormalBox .AbnormalItem:nth-child(2n+1) {
    flex-direction: column-reverse;
    gap: 10px;
  }
  .AbnormalBox .riht {
    gap: 5px;
  }
  .AbnormalBox .imgshow {
    width: 100%;
  }
  .PowerBox3 ul {
    flex-wrap: wrap;
  }
  .PowerBox3 ul li {
    width: 50%;
    margin-bottom: 20px;
  }
  .PowerBox4 ul {
    flex-direction: column;
  }
  .product42 .absoluteWidth {
    display: none;
  }
  .product4 .topText {
    /*width: calc(200% - 40px);*/
    /*left: 50%;*/
    /*transform: translate(0, -50%) scale(0.5);*/
    
  }
  .product3 .headTitle, .product4 .headTitle{
      font-size:18px !important;
  }
  .product3 .text, .product4 .text{
      font-size:12px !important;
  }
  .systemLevel .systemItem:nth-child(2n) {
    flex-direction: column;
  }
  .systemLevel .systemItem .imgCONTENT {
    width: 100%;
  }
  .systemLevel .systemItem {
    flex-direction: column;
  }
  .systemLevel .sysCenter .imgshow {
    width: 100%;
  }
  .SevereBox .severItem, .SevereBox .severItem:nth-child(2n+1) {
    flex-direction: column;
  }
  .SevereBox .severItem .imgshow {
    width: 100%;
  }
  .ProductFeatures ul {
    margin: 0 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .ProductFeatures .imgshow img {
    width: 100%;
  }
  .ProductFeatures li {
    width: 100%;
    padding: 0 0px;
    box-sizing: border-box;
  }
  .ProductFeatures li {
    margin-bottom: 20px;
  }
  .ProductFeatures .p-item {
    height: fit-content;
    padding: 20px 0;
  }
  .listBox {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .ComprehensiveBox, .ComprehensiveBox:nth-child(2n) {
    flex-direction: column;
  }
  .ComprehensiveBox .bgImg {
    width: 100%;
  }
  .ComprehensiveBox:nth-child(2n) .relativeBox .headTitle {
    left: 32px;
    right: auto;
  }
  .ProductsSwper .StandardBox .tableContent {
    overflow-x: auto;
    max-width: 750px;
  }
  .swiperBg .rightSwiper {
    position: static;
    right: 0;
    top: 0;
    max-width: 100%;
  }
  .swiperBg .centerText .text {
    margin: 0;
  }
  .swiperBg .centerText {
    position: static;
    transform: translateY(0);
    color: #000;
    margin-top: -150px;
  }
  .swiperBg .centerText .title {
    color: #fff;
  }
  .swiperBg .centerText {
    max-width: 100%;
  }
  .jiaTing9 {
    position: static;
    transform: translate(0);
    height: fit-content;
  }
  .bottomTextFixed {
    padding: 10px 0;
    position: static;
    /*background: rgba(0, 0, 0, 0.69);*/
    background: #000;
    width: 100%;
    transform: none;
  }
  .solution-inner .topBOX {
    background: rgba(0, 0, 0, 0);
  }
  .jiaTing9 .topSwiperBox {
    max-width: 100%;
  }
  .jiaTing4 ul:first-child {
    overflow-x: auto;
  }
  .gouMaiBox .gouMaiRight {
    max-height: 573px;
    overflow: hidden;
  }
  .product41 .absoluteWidth {
    margin-top: -60%;
  }
  .product42 .banner-content {
    padding-top: 0;
  }
  .product42 .topBOX {
    background: none;
  }
  .ptoduct32-inner .topBOX {
    position: absolute;
  }
  .ziLiaoYongHuBox .ziLiaoTop {
    margin-bottom: 0;
  }
  .intelligentbox ul {
    flex-direction: column;
    gap: 20px;
  }
  .product45 .absoluteWidth {
    padding-top: 0;
    position: relative;
  }
  .product45 .absoluteMwith {
    top: 0;
    position: static;
    transform: translateX(0);
  }
  .product45 .banner-content {
    padding-top: 0;
  }
  .product45 .leftSwiper .imgshow {
    display: none;
  }
  .product45 .topBOX {
    background: none;
  }
  .intelligentbox {
    padding: 32px 0;
  }
  .jiaRuWoMen2 .max1760, .jiaRuWoMen2 .absoluteCenter {
    position: relative;
    transform: translate(0, 0);
    left: 0;
    background: #fff;
  }
  .jiaRuWoMen2 .flexRight {
    color: #000;
  }
  .jiaRuWoMen2 .flexR-bottm {
    margin-top: 10px;
  }
  .jiaRuWoMen2 .left {
    gap: 20px;
    flex: 1;
  }
  .jiaRuWoMen2 .right {
    display: none;
  }
  .jiaRuWoMen2ad {
    flex-direction: column;
  }
  .jiaRuWoMen2ad .column {
    width: 100%;
  }
  .jiaRuWoMen2ad .column .imgshow {
    width: 100%;
  }
  .jiaRuWoMen2ottom .flexBox {
    flex-direction: column;
  }
  .jiaRuWoMen2ottom .flexBox .bottomBox, .jiaRuWoMen2ottom .flexBox .flexLeft {
    width: 100%;
  }
  .jiaRuWoMen2ottom .flexRight {
    width: 100%;
  }
  .jiaRuWoMen2ottom .flexContent .rightImg {
    transform: scale(0.8);
  }
  .jiaRuWoMen2ottom .flexContent .item {
    padding: 0 10px;
  }
  .jiaRuWoMen2ottom .flexBox .bottomBox {
    display: none;
    margin: 0;
    width: 95vw;
  }
  .jiaRuWoMen2ottom .flexBox {
    gap: 20px;
  }
  .jiaRuWoMen2ottom .flexLeft .searchImg {
    display: block;
  }
  .jiaRuWoMen2ottom .title, .jiaRuWoMen2ottom li {
    height: 42px;
  }
  .ProductsSwper .bottomText{
      margin:10px auto;
      padding:20px;
      position: relative;
  }
  .ProductsSwper .swiper-button-prev, .ProductsSwper .swiper-button-next{
      top:60%;
  }
  .ProductsSwper .swiper-button-prev{
      left:-9px;
      transform: scale(0.7);
  }
  .ProductsSwper .swiper-button-next{
      right:-9px;
      transform: scale(0.7);
  }
  .ProductsSwper .swiper-slide .imgshow .img-box {
      padding-bottom: 54.90405%;
    }
    .ProductsSwper .swiper-slide{
        width:100%;
        background:#fff;
        padding-bottom:0;
    }
    .swiperBg .rightSwiper .imgshow .img-box{
        padding-bottom: 43.11987%;
    }
    .hide .logo .logo2, .hide2 .logo .logo2, .logo .logo2{
          height: 40px;
      }
     .anLiBox ul {
         overflow-x: auto;
         justify-content:flex-start;
     }
    .anLiBox ul li {
        flex: none;
        /*max-width: 300px;*/
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .SustainabilityBox .leftBox .desc{
        position: relative;
        z-index: 2;
    }
}

@media screen and (max-width: 500px) {
    #hc0929 .imgshow .img-box {
      padding-bottom: 84.36364%;
    }
    #hc09291112 .TOPfLEX{
        text-align: center;
    }
    #hc09291112 .TOPfLEX .btn{
        justify-content: center;
    }
    .product3 .absoluteMwith, .product4 .absoluteMwith{
        position: relative;
        transform: translateY(0);
        padding-left:0;
        width:100%;
        background:#000;
        top:0;
    }
    .product4 .absoluteMwith.hc-text-pos{
        position: absolute;
        transform: translateY(-50%);
        padding-left:50%;
        background: transparent;
        top:50%;
    }
    .product3 .topImg, .product4 .topImg{
        width:100%;
        height:auto;
        top:0;
        margin-top:20px;
        position: relative;
    }
    
    
    
    .topSearchBx .searchItm{
        font-size:12px;
    }
    .mp-box-hc{
        height:100vw;
    }
    .niaoKan .fixBox1{
        left:28.78%;
    }
    .niaoKan .topLable{
        display:none;
    }
    .niaoKan .topLable a{
        padding:5px;
    }
  .newsContent25 .newsContent25Center {
    padding: 0;
  }
  .dingWeiItem .topText {
    transform: translate(-50%, -71%) scale(0.5);
  }
  .ComprehensiveBox .relativeBox .headTitle {
    position: static;
    padding: 10px;
  }
  .ProductsSwper .headTitle {
    margin-bottom: 10px;
  }
  .UnleashBox {
    padding: 1vw 0;
  }
  .tableList .rightBtn {
    margin-top: 20px;
  }
  .index-banner .bannertop {
    top: auto;
    bottom: 10px;
    transform: translateY(0) scale(0.5);
    transform-origin: bottom left;
    width: 200%;
  }
  .indexSwiper .bottomText {
    position: relative;
    transform: translateY(0);
    width: 100%;
    max-width:100%;
    margin: 0;
    bottom: 0;
    color: #fff;
    background: none;
    box-sizing: border-box;
    padding:20px 0;
    opacity:1;
    left:0;
  }
  .indexSwiper .bottomText .flexRow{
      display: block;
  }
  .indexSwiper .index-text {
    color: #fff;
  }
  .indexSwiper .firstD {
    margin-right: 0;
    font-size:18px;
  }
  .indexSwiper .bottomText .flexRow div{
      font-size:18px;
  }
  .indexSwiper .bottomText .flexRow{
      font-size:14px;
  }
  .index-white {
    padding: 4.7vw 0;
  }
  .index-white .r-top {
    padding-left: 20px;
  }
  .jiaTing3 ul li {
    margin-right: 10px;
    white-space: wrap;
    flex: 1;
  }
  .jiaTing3 ul {
    display: flex;
  }
  .lineShare .shart {
    justify-content: start;
    gap: 10px;
  }
  .product37Swiper2 .topBOX {
    padding: 0 20px;
    box-sizing: border-box;
    margin-top: -130px;
  }
  .product37Swiper2 .headTitle {
    white-space: wrap;
  }
  .productNav {
    padding-top: 53px;
  }
  .systemLevel .sysCenter .descCenter {
    text-align: left;
  }
  .systemLevel .headTitle {
    text-align: left;
  }
  .OpticalBox .cener {
    margin: 0;
  }
  .CascadeBx .cascadeItem, .CascadeBx .cascadeItem:nth-child(2n+2) {
    flex-direction: column;
  }
  .CascadeBx .imgshow {
    width: 100%;
  }
  .ComparisonBox .imgLine {
    flex-direction: column;
  }
  .ComparisonBox .imgLine img {
    width: 100%;
  }
  .intelligentbox .lefImg {
    width: 40px;
    height: 40px;
  }
  .intelligentbox li {
    gap: 20px;
  }
  .footerBttom .f-item{
      display: none;
  }
  .footerBttom .f-item:last-child {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
  }
  .footerBttom .f-item:last-child h3{
      display: none;
  }
  .footerBttom .footerline{
      margin-top:0;
  }
  .footerBttom .copyright{
      padding:20px;
  }
  .absoluteWidth {
      padding-top: 40px;
  }
  .absoluteWidth .absoluteMwith{
      line-height: 40px;
  }
  .topFlexBetween{
      gap:35px;
  }
  .topFlexBetween .red{
    gap: 20px;
    overflow-x: scroll;
    white-space: nowrap;
    flex:1;
  }
  .ProductFeatures .topImg{
      width: 60px;
      height: 60px;
  }
  .ProductFeatures .topImg img{
      width: 60px;
  }
  .hide .logo .logo2, .hide2 .logo .logo2, .logo .logo2{
      height: 40px;
  }
  .topIndex{
      top:-30px;
  }
  .index-kaiPinG li{
      height: fit-content;
  }
  .product3 .imgshow .img-box, .product4 .imgshow .img-box {
      padding-bottom: 69.91667%;
  }
  
  
  
  
  /*最新移动端*/
  .index-banner .imgshow .img-box {
    padding-bottom: 60.77083%;
  }
  .indexSwiper .imgshow .img-box {
    padding-bottom: 60.77083%;
  }
  .index-black .blackContent ul {
      padding:0;
  }
  .solution-inner .imgshow .img-box{
       padding-bottom: 40%;
  }
   #hc09291107 .imgshow .img-box.hc{
       padding-bottom:70%;
   }
  .SustainabilityBox .pagination-number{
      width: 30px;
      height: 30px;
  }
  .SustainabilityBox .custom-numbers-pagination{
      width: 30px;
  }
  .SustainabilityBox .pagination{
      padding-left: 0;
      padding-top:25px;
  }
  .SustainabilityBox .rightPNG{
      padding-bottom: 4.7vw;
  }
  .SustainabilityBox .leftBox .topText{
      padding-right:20px;
  }
  .footerBttom .copyright{
      font-size: 12px;
      padding:10px 20px;
  }
  .fuContent .fuWuItem .p-item{
      padding:20px;
  }
  .topNum{
      width: 40px;
      height: 40px;
      font-size: 20px;
  }
  .fuContent .text{
      margin-top:10px;
      margin-bottom: 0;
  }
  .fuContent2 .fuWuItem .p-item{
      height: fit-content;
      min-height: 0;
  }
  .jiaRuWoMen2ottom .flexContent .item-box{
      padding:0 10px;
  }
  .jiaRuWoMen2ottom .flexContent .item{
      padding:0;
  }
  .jiaRuWoMen2ottom .flexContent .rightImg{
      transform: scale(0.5);
  }
  .jiaRuWoMen2ottom .flexContent .item-box{
      height: 60px;
      font-size: 14px;
  }
  .jiaRuWoMen2ottom .flexContent .act .rightImg{
      transform: rotate(-90deg) scale(0.5);
  }
  .jiaRuWoMen2ottom .flexContent .item-tips{
      padding:10px 20px;
  }
  .jiaRuWoMen2ottom .ds-markdown-paragraph {
       font-size: 14px;
  }
  .ComprehensiveBox .rightBox .bottomContent{
      padding: 20px 20px 10px 10px;
  }
  .ComprehensiveBox .rightBox .title::before{
      left:20px;
  }
  .ComprehensiveBox .rightBox .title{
      padding-left: 60px;
  }
  .swiperBg .rightSwiper .imgshow .img-box{
      padding-bottom: 46.875%;
  }
  .ProductsSwper .swiper-button-prev, .ProductsSwper .swiper-button-next{
      transform: scale(0.5);
  }
  .ProductsSwper .StandardBox .lineBox li{
      font-size: 14px;
      padding:0 0 10px  0;
  }
  .ProductsSwper .StandardBox .lineBox{
      margin-bottom: 20px;
  }
   .ProductsSwper .StandardBox tr{
       font-size: 12px;
   }
   .ProductsSwper .StandardBox tbody tr , .ProductsSwper .StandardBox thead{
       height: 60px;
   }
   .rightBtn{
       gap:20px;
   }
   .submitBox .imgshow .img-box{
       padding-bottom: 49.81818%;
   }
   .submitBox .bg{
       font-size: 20px;
   }
   .bottomTextFixed ul{
       font-size: 10px;
   }
   /*.solution-inner .imgshow .img-box{*/
   /*    padding-bottom: 60.77083%;*/
   /*}*/
   .jiaTing9 .topSwiperBox{
       background: #000;
   }
   .jiaTing4 .relativeContent .headTitle {
       font-size: 14px;
   }
   .rightBtn .swiper-pagination{
       font-size: 14px;
   }
   .jiaTing4 .relativeContent{
       bottom:50px;
   }
   .CustomerCases .contentLst li .imgshow .img-box , .CustomerCases .contentLst .active .imgshow .img-box{
       padding-bottom: 80%;
   }
   .CustomerCases .contentLst .topBg{
       padding:20px;
   }
   .CustomerCases .contentLst .active .time{
        left:20px;
   }
   .CustomerCases .contentLst .active .time, .CustomerCases .contentLst .active .bottombTN{
       bottom:10px;
      
   }
   .jiaTing7 .bottomBtn .btn a{
       line-height: normal;
       display: flex;
       flex-direction:column;
       justify-content: center;
   }
   .jiaTing7 .bottomBtn{
       flex-direction: center;
       gap:10px;
   }
   .jiaTing7  .centerBox {
       transform: translate(-50%, -33%) scale(0.5);
   }
   .solutionBox2{
       padding:20px;
       gap:20px;
   }
   .solutionBox2 .lefImg .imgshow .img-box {
       padding-bottom: 50%;
    }
    .solutionBox2 .rightBox .text{
        margin-top:20px;
    }
    .SupplyBox .bottomBox{
        margin-top:15px;
    }
    .SupplyBox .bottomBox{
        padding:20px;
    }
    .SupplyBox .bottomImg .imgshow{
        width: 100%;
        margin-left: 0;
    }
    .EngineeringBox .headTitle{
        margin-bottom: 20px;
    }
    .EngineeringBox .bottomBox{
        padding:20px;
    }
    .IntelligentBox ul .tag{
        width: fit-content;
        padding: 10px 15px 10px 10px;
        left:-1px;
        bottom:-1px;
        font-size: 14px;
    }
    .IntelligentBox ul li:nth-child(2n+2) .tag{
        padding: 10px 10px 10px 15px;
        top:-1px;
    }
    .OpticalBox .topBox .headTitle , .OpticalBox .topBox .cener{
        font-size: 14px;
    }
    .qiPao ul li a{
        font-size: 12px;
    }
    .solution-inner .product32Baner {
        transform: translate(-48%, -108%) scale(0.5);
    }
    
    .ptoduct32-inner  .imgshow .img-box {
        padding-bottom: 40%;
    }
    .ptoduct32-inner , .proSearchBTN ul{
        margin-bottom: 20px;
    }
    .bobleSearchBtn{
        padding-bottom: 20px;
    }
    .page-box{
        padding:20px 0;
    }
    .productList32 li:last-child{
        margin-bottom: 0;
    }
    .ispop-list ul li .li-text{
        background: rgba(0,0,0,0.6);
        color:#fff;
    }
    .product38Content .bottomText .f-20 {
        font-size: 14px;
    }
    .product38Content .centerul .imgshow .img-box , .product38Content .centerul .centerBottom .imgshow .img-box , .product38Content .bottomul .imgshow .img-box , .product38Content .bottomul .centerBottom .imgshow .img-box{
        padding-bottom: 33.5%;
    }
    .product38Content ul li:hover .bottomText .text{
        font-size: 10px;
    }
    #product1 .product38Content .beer-slider img {
        height: 260px;
        width: auto;
        object-fit: contain;
    }
    #product1 .product38Content .bottomText .f-36{
        font-size: 14px;
    }
    #product1 .product38Content .bottomText .f-16 {
        font-size: 12px;
    }
    /*.product3 .topText , .product4 .topText {*/
    /*    width: calc(200% - 40px);*/
    /*    left: 50%;*/
    /*    transform: translate(-50%, -50%) scale(0.5);*/
        
    /*}*/
    .product3 .topText {
    }
    .product39Content .headTitle{
        margin-bottom: 20px;
    }
    .product40Content .product40Top .title{
        margin-top:10px;
    }
            
    .product42Video .video-js .vjs-big-play-button {
        display: none;
    }
    .systemLevel .systemItem .righText{
        width:100%;
        padding-bottom:20px;
    }
    .listBox{
        padding:0;
    }
    .ProductFeatures{
        padding:4.7vw 0;
    }
    .anLiBox ul li{
       padding:0 5px;
       font-size: 14px;
    }
    .anLiSwiper  .swiper-slide{
        margin-bottom: 10px;
    }
    .anLiBox ul {
        margin-bottom: 10px;
    }
    .projctDetail{
        padding-top:10px;
        gap:20px;
    }
    .previousAndNext .leftNmae{
        width: 40px;
    }
    .previousAndNext .leftp, .previousAndNext .right{
        /*display: block;*/
    }
    .previousAndNext .leftp .f-14 a, .previousAndNext .right .f-14 a{
        display: block;
        width:150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .previousAndNext .flexLeft{
        gap:5px;
    }
    .chengeiBox .desc p{
        text-overflow: clip;
        white-space: normal;
        overflow: visible;
        display: block;
    }
    .chengeiBox ul li .imgshow .img-box{
        padding-bottom: 0;
    }
    .chengeiBox ul li .centerContent {
        padding:20px 10px 0;
    }
    .gouMaiBox .gouMaiRight{
       max-height: 250px;
    }
    .gouMaiBox .gouMaiRight .contactusContent{
        padding:10px;
    }
    .gouMaiBox .gouMaiRight .contactusContent ul li{
        font-size: 14px;
    }
    .gouMaiBox .gouMaiRight .contactusContent ul li{
        padding-bottom: 10px;
    }
    .gouMaiBox .goumAItOPBottom{
        padding-bottom: 4.7vw;
    }
    .Partners{
        margin-bottom: 20px;
    }
    .Partners .Partners-list{
        padding:0;
    }
    .Partners .Partners-list ul{
        margin:0;
    }
    .Partners .headTitle{
        padding-bottom: 10px;
    }
        .Partners .Partners-list li {
            padding:0 10px;
            margin-bottom: 10px;
    }
    .ResourceBox .ResourceBox-list .p-item{
        padding:20px ;
    }
    .ResourceBox .ResourceBox-list{
        margin-top:20px;
    }
    .creatbox .leftBox .line {
        width: 20vw;
    }
    .creatbox .creatItem:nth-child(2n+2) .leftBox .line {
        height: 20vw;
    }
    .newsVideo .bottomCenter .num{
        margin-left: 0;
    }
    .xiaZaiContent .xiaZaiitem{
        padding:20px;
    }
    .ziLiaoYongHuBox{
        padding-top:70px;
    }
    .ziLiaoYongHuBox .ziLiaoTop ul{
        margin:0;
    }
    .ziLiaoYongHuBox .ziLiaoTop .imgshow .img-box{
        padding-bottom: 47%;
    }
    .ziLiaoYongHuBox .topP{
        margin-top:10px;
    }
    .ziLiaoYongHuBox .pictureUl .p-item{
        padding:10px;
    }
    .solution-inner2 .imgshow .img-box{
        padding-bottom: 50%;
    }
    .header-box .logo{
        width: fit-content;
    }
    .miniTopBox{
        display: flex;
        justify-content: space-between;
        flex:1;
        padding-right: 20px;
        gap:2px;
    }
    .navItem{
        /*background: rgba(0,0,0,.85);*/
        color:#333;
        font-size: 12px;
        padding:5px 2px;
        /*min-width: 70px;*/
        flex:1;
        text-align: center;
        font-weight: 500;
        max-width: 100px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .index-banner .imgshow .img-box{
        padding-bottom: 52.77083%;
    }
    .index-banner .itemCircle{
        margin-right:10px;
    }
    .jiaRuWoMen2ottom .flexBox .flexLeft  .headTitle {
        font-size: 24px;
    }
    .jiaRuWoMen2ottom .flexLeft .searchImg{
        right:0;
    }
    .bobleSearchBtn ul{
        flex-wrap:wrap ;
    }
    .bobleSearchBtn li{
        min-width: 45%;
        height: 75px;
        padding: 10px 0;
    }
    .paterSwiper  .imgshow .img-box {
        padding-bottom: 60%;
    }
    .paterSwiper .swiperBottomBtn ul li {
        font-size: 12px;
    }
    .paterSwiper .centerBox {
        width: calc(100% - 40px);
        top: 40%;
        bottom: auto;
        transform: translate(-50%, -50%) scale(0.7);
    }
    .paterSwiper .centerBox .desc  {
        text-align: left;
    }
    .product3 .topText .text, .product4 .topText  .text, .product5 .topText .text, .product6 .topText  .text{
        padding-bottom: 20px;
        
    }
    .product42 .leftSwiper {
        width: 50%;
    }
    .product42 .centerBox {
        top:38%;
    }
    .jiaTing4Two .relativeContent {
        bottom: -13px;
    }
    .jiaTing4Two .imgshow .img-box {
        padding-bottom: 47.91667%;
        height:100%;
    }
    /*.product3 .headTitle, .product4 .headTitle {*/
    /*    font-size: 14px;*/
    /*}*/
    /*.product3 .text, .product4 .text{*/
    /*    font-size: 12px;*/
    /*}*/
}

@keyframes growWidth {
  from {
    flex: 1;
  }
  to {
    flex: 4;
  }
}

@keyframes growWidth1 {
  to {
    width: 30.68%;
  }
}

@keyframes growWidth2 {
  to {
    width: 44.6vw;
  }
}

@keyframes fadeInUp0 {
  0% {
    -webkit-transform: translate3d(-80%, 350px, 0);
    transform: translate3d(-80%, 350px, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 350px, 0);
    transform: translate3d(0, 350px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 350px, 0);
    transform: translate3d(0, 350px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp3 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 350px, 0);
    transform: translate3d(0, 350px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp4 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 350px, 0);
    transform: translate3d(0, 350px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp5 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 350px, 0);
    transform: translate3d(0, 350px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp6 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 350px, 0);
    transform: translate3d(0, 350px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp7 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 350px, 0);
    transform: translate3d(0, 350px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp8 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 350px, 0);
    transform: translate3d(0, 350px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp9 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 350px, 0);
    transform: translate3d(0, 350px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes growWidth3 {
  0% {
    transform: translateY(100%) scale(0.8);
  }
  50% {
    transform: translateY(100%) scale(1);
  }
  100% {
    transform: translateY(100%) scale(0.8);
  }
}

@keyframes fadeTranslate {
  from {
    transform: translateX(50%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes breath {
  0%, 100% { 
    transform: scale(0.98); 
    opacity: 0.95; /* 透明度微调增强质感 */
  }
  50% { 
    transform: scale(1.03); 
    opacity: 1;
    box-shadow: 0 0 15px rgba(255,255,255,0.3); /* 添加光晕变化 */
  }
}
@keyframes expand {
    0% {
        transform:rotateY(0deg);
    }
    100% {
        transform:rotateY(360deg);
    }
}
@keyframes borderGrow {
    from {
        border-width: 0;
    }
    to {
        border-width: 100px;
    }
}
@keyframes fadeInText {
     0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}