body {
  margin: 0;
  padding: 0;
}
.title a{
        text-decoration: none;
    list-style: none;
    color: #292929;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.single-most-populer-item .most-populer-content{
        margin-top: 0;
        padding: 0;
}
.single-most-populer-item{
    margin-top: 0!important;
}
.text-align-center{
    text-align: center;
}
.p-font-center {
  text-align: center;
  color: rgb(87, 87, 87);
}
.font-s-23{
    font-size: 23px ;
}

/*字体和表格元素的样式*/
.main {
  margin: auto;
 /* width: 1200px;*/
}
.common-waist .btn:hover{
  background-color: transparent
}
.index-banner-title {
  text-align: center;
 transition: font-size 0.3s ease; /* 添加过渡效果 */ 
  font-size: 36px;
  line-height: 48px;
   font-family: PingFang SC;
   font-weight: 600;
 color: #333333;
 margin: 50px 0 30px 0;
}
.index-banner-title:hover {  
  /* 鼠标悬停时的样式 */  
  font-size: 42px; /* 放大字体大小 */  
}  
/*以下是banner的样式代码*/
.banner {
  padding-top: 60px;
  text-align: center;
  height: 510px;
  overflow: hidden;
  display: none;
}
.banner-ul {
  margin: 0;
  padding: 0;
  width: 1200px;
}
.slider{
        list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.banner-mianfeizixun-beijing {
  padding: 0;
  margin: 80px 60px;
  cursor: pointer;
  transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in; /*icon变大的速度*/
}
.banner-mianfeizixun-beijing:hover {
  transform: scale(1.4);
} /*icon变大的尺寸*/
.banner-mainfeizixun {
  background-color: #0071ef;
  margin: auto;
  width: 146px;
  height: 46px;
  border-radius: 5px; /*圆角*/
  line-height: 46px;
}
.banner-p {
  margin-top: 120px;
  padding: 0;
  width: 600px;
  height: 60px;
  line-height: 60px;
}
.banner-img {
  margin: 0;
  padding: 5px;
  width: 580px;
  height: 440px;
  overflow: hidden;
}
.banner-mainfeizixun a {
  color: #fff;
}
/*以下是product的样式代码*/
.product {
  margin-top: 60px;
  padding: 0;
  width: 1200px;
  height: auto;
}

.product-biaoti {
  margin: 60px;
  padding: 0;
}
.product-a {
  margin: 0;
  padding: 0;
  color: #000;
}

.product-li a:hover {
  color: #136ad5;
}
.product-li {
    /* 初始位置，这里假设为静态定位，并设置了一个上边距 */  
    position: relative;
    top: 0;
    transition: top 0.3s ease;
    margin-top: 5px;
    margin: 15px 5px;
    padding: 10px;
    width: 220px;
    height: 220px;
    background-color: #fff;
    box-shadow: 0 4px 20px 5px rgba(217, 223, 231, 0.4);
    border-radius: 8px;
    transition: box-shadow ease .5s;
}

.product-li:hover {  
  top: -10px; 
 -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    box-shadow: 0 3px 6px -4px rgba(0, 61, 87, 0.12), 0 6px 16px rgba(5, 53, 130, 0.08), 0 9px 28px 8px rgba(0, 45, 112, 0.05);

}
.product-ul-bj {
  margin: 0;
  padding: 30px 20px;
  width: 960px;
  overflow: hidden;
}
.product-box-img-bj {
    float: left;
    margin: 10px;
    width: 75px;
    height: 75px;
    overflow: hidden;
}
.product-box-font {
  float: left; /*li左对齐*/
}
/*以下是solutions的样式代码*/
.solutions {
  margin: 0px;
  padding: 20px 0;
  width: 1200px;
  height: auto;
  font-size: 18px;
  overflow: hidden;
}
.solutions-ul {
  margin: 0;
  padding: 0;
  width: 1200px;
  overflow: hidden;
}
.solutions-li {
  margin: 5px;
  padding: 0;
  height: 160px;
  width: 222px;
  background-color: rgb(250, 250, 250);
  border-radius: 10px; /*圆角*/
  border-width: 1px;
  border-style: solid;
  border-color: #e8e8e8;
}
.solutions-li:hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 30%); /*阴影做的悬浮效果*/
}
.solutions-icon {
  margin-top: 25px; /*可是设置上下50像素，左右自动*/
  padding: 0px;
  height: 60px;
  display: flex; /*实现flex弹性布局，在设置justify-content: center;让图片水平居中对齐*/
  justify-content: center;
}

.solutions-li-box {  
  position: relative; /* 相对于此元素定位子元素 */  
  display: inline-block; /* 以便内联元素可以包含块级元素 */  
  width: 100%;
  height: 100%;
}  

.solutions-li-box:before {  
  content: ""; /* 创建伪元素 */  
  position: absolute; /* 相对于父元素定位 */  
  top: 0;  
  right: 0;  
  bottom: 0;  
  left: 0;  
 /* background-color: rgba(0, 0, 0, 0.2); /* 黑色半透明蒙版 */  */
  opacity: 0; /* 初始状态不可见 */  
  transition: opacity 0.3s ease; /* 添加过渡效果 */  
}  

.solutions-li-box:hover:before {  
  opacity: 1; /* 鼠标悬停时显示蒙版 */  
}  

.solutions-details-view{
width: 80px;
height: 30px;
border: 1px solid #2a7efb;
border-radius: 3px;
font-size: 13px;
color: #2a7efb;
align-items: center;
justify-content: center;
margin-left: 10px;
text-align: center;
line-height: 34px;
}
.solutions-biaoti-details {
display: none;
}

.solutions-details {  
display: none; /* 默认隐藏 */  
position: absolute; /* 相对于最近的已定位祖先元素进行定位 */  
top: 100%; /* 初始位置在父元素的正下方 */  
left: 0;  
width: 100%; /* 假设与父元素同宽 */  
transition: top 0.3s ease; /* 添加过渡效果 */  
background-color: #fff;
border-radius: 10px;
overflow: hidden;
}  

.solutions-li-box.hovered .solutions-details {  
display: block; /* 当父元素有hovered类时显示 */  
top: 0; /* 向上移动到父元素顶部对齐 */  
}
.solutions-ul li ul{
    margin: 0;
    padding: 0;
}
.solutions-icon img {
  height: 65px;
  cursor: pointer;
  transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
} /*不用重新给img命名*/
/*icon变大的速度*/
.solutions-icon img:hover {
  transform: scale(1.4);
} /*icon变大的尺寸*/
/*以下是advantage的样式代码*/
.advantage {
  clear: both;
  margin: 0;
  padding: 0;
  width: 1200px;
}
.advantage-ul {
  margin: 0px;
  padding: 0px;
  width: 1200px;
  overflow: hidden;
}
.advantage-li {
  margin: 30px 5px; /*li右边距*/
  border-radius: 15px; /*圆角*/
  height: 500px;
  width: 280px;
  background-color: #f7f7f9;
  text-align: center;
  box-shadow: 4px 4px 5px #e8e8e8; /*盒子加阴影*/
  -webkit-transition: margin 0.2s ease-out; /*设置背景向上移动的速度*/
  -moz-transition: margin 0.2s ease-out;
  -o-transition: margin 0.2s ease-out;
}
.advantage-li:hover {
  margin-top: 15px; /*设置背景向上移动*/
}
.advantage-img {
  margin-top: 50px;
  padding: 0px;
  height: 120px;
  display: flex;
    justify-content: center;
}
.advantage-p {
  margin-top: 30px;
  padding: 0px 15px;
  width: 250px;
  overflow: hidden;
}
.advantage-zaixianzixun-beijing {
  padding: 0;
  margin-top: 40px;
  margin-bottom: 50px;
}
.advantage-zaixianzixun {
  background-color: #0071ef;
  padding: 0px;
  margin: auto;
  width: 146px;
  height: 46px;
  border-radius: 5px; /*圆角*/
  line-height: 46px;
}
.advantage-zaixianzixun a {
  color: #fff;
}
/*以下是case的样式代码*/
.case-anli {
  margin: 30px 0 0 0;
  padding: 0;
  width: 1200px;
}
.case-icon {
  margin: 0;
  padding: 20px 0;
  width: 1200px;
  overflow: hidden;
}
/*联系我们*/
.common-waist {
  width: 100%;
  height: 342px;
  background-position: center 0;
  padding-top: 1px;
  text-align: center;
  background: url(https://www.ti-net.com.cn/static/images/common/bg_footer.png) no-repeat top left;
  background-size: 100% 100%;  
  position: relative;

}
.product-text-title{
font-weight: 600;
    font-size: 20px;
    /* line-height: 52px; */
    color: #17181b;
    overflow: hidden;
    /* display: inline-block; */
    /* -webkit-flex: 1; */
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 10px 0;
    padding-left: 5px;
    
}

element.style {
  font-size: 32px;
  margin: 109px 0 35px 0;
  text-align: center;
  color: #fff;
}
em {
  font-style: italic;
}
.common-waist .mobile {
  display: none;
}
.common-waist .btn {
  display: block;
  margin: auto;
  width: 1200px;
  height: 60px;
  text-align: center;
  border:0px solid;
}
.common-waist a {
    margin: auto;
    /* padding: 8px 50px; */
    width: 200px;
    height: 48px;
    line-height: 48px;
    border-radius: 10px;
    background-color: #fff;
    color: #136ad5;
    font-size: 20px;
}
button {
  font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
    "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
button {
  appearance: auto;
  writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: button text;
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: center;
  align-items: flex-start;
  cursor: default;
  box-sizing: border-box;
  background-color: button face;
  margin: 0em;
  padding: 1px 6px;
  border-width: 2px;
  border-style: outset;
  border-color: button border;
  border-image: initial;
}

.jsudo-btn {
  display: block;
  text-align: center;
  width: 180px;
  height: 50px;
  line-height: 50px;
  background: linear-gradient(to right,#2789f6,#339af9);
  border-radius: 4px;
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  margin: 20px auto;
}

.fl_3 .width dl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.case-left {
  width: 160px;
  background: url(	https://www.hishop.com.cn/images/index/fl3_1.png) center top;
  height: 160px;
  background-color: #78A2FF;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #FFF;
  box-sizing: border-box;
  line-height: 160px;
}

.case-left-img1 {
  line-height: 200px;
}
.case-left-img2{
  /*background-image: url(https://www.hishop.com.cn/images/index/fl3_2.png);*/
  height: 220px;
  line-height: 240px;
}
.case-left-img3 {
  /*background-image: url(https://www.hishop.com.cn/images/index/fl3_3.png);*/
  height: 117px;
}
.case-left-img4 {
  /*background-image: url(https://www.hishop.com.cn/images/index/fl3_4.png);*/
  height: 117px;
}
.case-left-img5 {
 /* background-image: url(https://www.hishop.com.cn/images/index/fl3_5.png);*/
  line-height: 200px;
}
.case-left-img6 {
  /*background-image: url(	https://www.hishop.com.cn/images/index/fl3_6.png);*/
  height: 117px;
}
.case-left-img7{
  /*background-image: url(https://www.hishop.com.cn/images/index/fl3_7.png);*/
  line-height: 200px;
}

.fl_3 .width dl dd img {
  display: block;
  width: 990px;
  float: right;
}
 
.fl_3 {
  padding-bottom: 100px;
}
.content .fl_3 .width dl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.container-flex-center{
  display: flex;  
  justify-content: center; /* 水平居中 */  
  align-items: center; /* 垂直居中（如果需要的话） */  
  clear: both;  
}
.background-color-F3F5F8
{
    background: #F3F5F8;
}
.more-product-bj{
    width: 200px;
    padding: 32px  0;
}
.more-product {
  background: #ffffff url(../images/202311/img_product_bg.png) bottom right no-repeat;
  -o-background-size: 82px 106px;
  background-size: 82px 106px;
  overflow: hidden;
  margin: 15px 0;
  padding: 0;
  height: 720px;
  border-radius: 8px;
}
 .more-product .name {
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #262626;
    padding: 40px 0 20px 20px;
    overflow: hidden;
    margin-bottom: 32px;
}
.more-product ul {
    position: relative;
    margin-left: 0;
    padding-left: 20px;
}
 .more-product ul li {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 32px;
}
.more-product ul li .img img {
    width: 24px;
    display: block;
    margin: 0;
    padding: 5px;
}
.intro:hover{
    color: #136ad5;
}
.font-color-fff{
    color: #fff;
}


 .transform-scale-x{  
    transition: transform 0.5s ease; /* 添加过渡效果到transform属性 */  
}  
.transform-scale-x:hover {  
    transform: scaleX(-1); /* 在鼠标悬停时水平翻转图片 */  

}
.font-size-14px{
    font-size: 14px;
}
.desc{
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 24px;
    color: #888888;
}
.m-b-15 {
    margin-bottom: 15px;
}
#merchant{
   align-items: center;
    justify-content: center;
    display: flex;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
    color: #FFFFFF;
    background-color: #2a7efb;
    width: 80px;
    height: 30px;
    border-radius: 3px;
        border: 1px solid #2a7efb;

    font-size: 13px;
}

.desc .btn {
     
    border: 1px solid #2a7efb;
    border-radius: 3px;
    font-size: 13px;
    color: #2a7efb;
    line-height: 34px;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-left: 10px;
    
}
.flex{
     display: flex;
}
/* 隐藏solutions-biaoti-details默认状态 */  


.proview-btn:hover{
background-color: #e8e8e8;
}
.proview-btn a{
color: #fff; 
 }
 .proview-btn a:hover{
  color: #e7e7e7!important; 
 }