.center {
    margin: 0 auto;
}
.digital-foreign-trade {
    margin: auto;
}
.productE{
    position: relative;
}
.productE li{
    padding: 2% 0;
}
/* .digital-foreign-trade img{
    width: 100%;
    height: auto;
} */
.productE .digital-foreign-trade .title {
    margin-bottom: 4%;
    text-align: center;
    font-size: 20px;
}
.nav-first {
    transition: all 0.3s ease;
}
.nav-first1 {
    transition: all 0.3s ease;
}
.sticky {
    position: fixed;
    top: 80px;
    width: 71%;
    max-width: 1400px;
    margin: auto;
    z-index: 6;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.nav-first a, .nav-first1 a{
    color: #303733;
    padding: 5px 32px !important;
    border-radius: 48px;
}

.develop-scenarios {
    text-align: center;
    background: #FFFFFF !important;
}

.develop-scenarios .title {
    margin-bottom: 4%;
    font-size: 20px;
}

.develop-scenarios .nav-top {
    background: #F2F2F2;
    padding: 13px 25px;
    /* width: 100%; */
}

.develop-scenarios .nav-top ul {
    padding: 5px 0;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    font-size: 17px;
    color: #303733;
    justify-content: space-between;
    align-items: center;

}

.develop-scenarios .nav-top ul li {
    padding: 0;
    background: none;
    cursor: pointer;
}

.productE .nav-active {
    padding: 5px 32px !important;
    background: #FF5B1A !important;
    border-radius: 48px;
    color: #FFFFFF;
}

.productE .nav-active a {
    color: #FFFFFF;
}

.nav-first1 .nav-active {
    padding: 5px 32px !important;
    background: #00897F !important;
    border-radius: 48px;
    color: #FFFFFF;
}

.productE li:nth-child(odd) .gtpics {
    order: inherit !important;
}

.productE li:nth-child(even) .gtpics {
    order: 2 !important;
}

#xiaoyi-ai {}

#xiaoyi-ai .gttxts {
    /* width: 53%; */
}

#xiaoyi-ai .gtpics {
    /* width: 40%;
    position: absolute;
    top: -50%;
    right: 0; */
}
.productE .productE-title {
    color: #FF5B1A;
    font-size: 23px;
    font-weight: bold;
}

.productE .productE-title1 {
    color: #00897F;
    font-size: 23px;
    font-weight: bold;
}

.banmore1 {
    background: #FF5B1A;
    color: #FFFFFF;
    display: inline-block;
    width: 105px;
    text-align: center;
    border-radius: 48px;
    margin-right: 10px;
    padding: 0px 14.5px;
    margin-bottom: 10px;
}

.banmore1:hover {
    background: #FF5B1A;
    color: #FFFFFF;
}

.banmore1:focus {
    background: #FF5B1A;
    color: #FFFFFF;
}

.banmore2 {
    background: #00897F;
    color: #FFFFFF;
    display: inline-block;
    min-width: 105px;
    text-align: center;
    border-radius: 48px;
    margin-right: 10px;
    padding: 0px 14.5px;
    margin-bottom: 10px;
}

.banmore2:hover {
    background: #00897F;
    color: #FFFFFF;
}

.banmore2:focus {
    background: #00897F;
    color: #FFFFFF;
}

.jump-text {
    color: #FF5B1A;
    font-size: 13px;
    text-decoration: underline;
}

.jump-text:hover {
    color: #FF5B1A;
    text-decoration: underline;
}

.jump-text:focus {
    color: #FF5B1A;
    text-decoration: underline;
}

.jump-text1 {
    color: #00897F;
    font-size: 13px;
    text-decoration: underline;
}

.jump-text1:hover {
    color: #00897F;
    text-decoration: underline;
}

.jump-text1:focus {
    color: #00897F;
    text-decoration: underline;
}

.go-detail-box {
    margin-top: 18.5px;
}

.productE-content-two .mainbox li:nth-child(odd) {
    background: #f7f8fa !important;
}

.productE-content-two .mainbox li:nth-child(even) {
    background: #FFFFFF !important;
}

#inquiry-acquisition {
    padding-top: 0;
}

.content2,.content3,.content4{
    width: 100%;
    background: #FFFFFF;
}
.curve1{
    width: 40%;
    margin:0 auto;
    position: relative;
    height:150px;
}
.curve2,.curve3,.curve4,.curve5{
   width: 40%;
    margin:0 auto;
    position: relative;
    height:150px
}
.curve1 svg{
  position: absolute;
  top: 0;
  z-index: 1;
}
.curve2 svg{
  position: absolute;
   top: -16px;
}
.curve3 svg{
  position: absolute;
   top: -16px;
  z-index: 1;
}
.curve4 svg{
  position: absolute;
   top: -16px;
  /* z-index: 1; */
}

.curve5 svg{
  position: absolute;
   top: -16px;
/* z-index: 1; */
}
#market-analysis,#clue-get,#customer-investigation,#marketing-reach,#customer-management{
    padding-bottom: 0;
}
#clue-get,#marketing-reach,#xiaoyi-ai{
    padding-top: 0;
}
#clue-get .gtpics,#marketing-reach .gtpics,#xiaoyi-ai .gtpics{
   position: relative;
    z-index: 2;
}
#xiaoyi-ai .gtpics{
     order: 2 !important;
}
#xiaoyi-ai .mainbox{
    z-index: 2;
    position: relative;
}
.xiaoyi-ai-mainbox-wrap{
   position: relative;
}
.bg-color{
    width: 100%;
    position: absolute;
    margin:0  auto;
    height: 70%;
    background: #F7F8FA;
    top: 50%;  /* 设置内容距离容器顶部的距离为容器高度的50% */
    left: 50%;  /* 设置内容距离容器左侧的距离为容器宽度的50% */
    transform: translate(-50%, -50%);  /* 通过平移来真正的居中 */
    overflow: hidden; /* 隐藏超出部分 */
    z-index: 0;
}

@media screen and (max-width: 1440px) {
.nav-first a, .nav-first1 a {
        padding: 5px 10px !important;
}
.productE .nav-active{
    padding: 5px 10px !important;
}

.sticky {
    width: 85% !important;
}

}
@media screen and (max-width: 1000px) {
.develop-scenarios{
    display: none;
}
}
@media screen and (max-width: 672px) {
.curve2,.curve3,.curve4,.curve5{
    display: none;
}
.content2,.content3,.content4{
    display: none;
}
}