@charset "UTF-8"; .indexNav {
    width: 100%;
    /* top: 0px; */
    /* left: 0px; */
    z-index: 99;
    /* background: #fff; */
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    position: absolute;
}

.indexNavNr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    align-items: center;
    margin: 0 auto;
}

.logo {
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    display: flex;
    /*flex-wrap: wrap;*/
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

.logo h1 {
    font-size: 36px;
    color: #171414;
    text-transform: uppercase;
    font-weight: 500;
}

.logo img {
    max-height: 35px;
    margin-right: 10px;
}

.navB{
                margin-left: 20px;
                display: flex;
            }
            .navB .left{
                position: relative;
                color:white;
                cursor: pointer;
                height: 32px;
                line-height: 32px;
            }

            .navB .left:hover>.active{
               display: flex;
            }
            .navB .left > .app{
                position: absolute;
                width: 315px;
                height: 284px;
                background-image: url(./app.png);
                display: none;
                flex-direction: column;
                left: -132px;
                background-size: 100% 100%;
            }
.navB .left > .wx{
                position: absolute;
                width: 266px;
                height: 274px;
                background-image: url(./906bb43ccc98ab068dfa2d6f42eed333.png);
                display: none;
                flex-direction: column;
                left:-100px;
                background-size: 100% 100%;
            }
            .navB .left > .app a{
                flex:1;
            }
            .navB .right{
                margin-left: 30px;
                position: relative;
                width: 100px;
            }
            .navB .right .drop{
                position: absolute;
                padding: 5px 10px;
                border: 1px solid #D8D8D8;
                border-radius: 20px;
                box-sizing: border-box;
            }
            .navB .right .drop .header{
                width: 70px;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
            }

.navB .right .drop .header span {
    font-size: 16px;
    color: white;
}
.navB .right .drop .header span.buttom {
    color: black;
}

.navB .right .drop .header i {
    /* width: 5.922px; */
    /* height: 5.4px; */
    margin-left: 15px;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
            .navB .right .drop .menu{
                position: absolute;
                width: 157px;
                height: 128px;
                background-color: white;
                border-radius: 8px;
                box-shadow: 0px 18px 19px 0px rgba(0, 0, 0, 0.04);
                left: -50%;
                top: 120%;
                padding: 6px;
                display: flex;
                flex-direction: column;
                display: none;
            }
            .navB .right .drop .item{
                flex: 1;
                height: 58px;
                line-height:58px;
                position:relative;
                text-indent: 20px;
                cursor:pointer;
                font-size: 16px;
            }

.navB .right .drop .item:hover img {
    display: none;
}
.navB .right .drop .item img{
                width:16px;
                height:16px;
                position:absolute;
                left:80%;
                top:calc(50% - 8px);
                display:none;
            }
 .navB .right .drop .item:hover{
                 color:#205662;
            }

 .navB .right .drop .item.active{
     background-color:#F2F2F4;
            }

.navB .right .drop .item.active>img {
    display: block;
}
 .navB .right .drop .item.active>img{
                border:none;
            }
  .indexNav.fixed {
    position: fixed;
    background-color: #fff; /* 固定后的背景色 */
     /* 固定后的内边距 */
    box-shadow: 0 0 7px 0px #7c7c7c30;
}

.indexNav.fixed #nav>li>a {
    color: #212b2c;
}

.indexNav.fixed .navB .left ,

.indexNav.fixed .navB .right .drop{
      /* border: 1px solid #212b2c; */
      color: #212b2c;
      font-size: 16px;
}
.indexNav.fixed .navB .right .drop .header >span{
      /* border: 1px solid #212b2c; */
      color: #212b2c;
}

.indexNav.fixed .navB .right .drop .header >i{
      /* border: 1px solid #212b2c; */
      color: #212b2c;
}






.logo2 {
    display: none
}

#nav {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items: center;
}

#nav>li {
    display: block;
    position: relative;
    padding-left: 38px;
}

#EnNav #nav>li {
    padding-left: 21px;
}

#nav>li>a {
    font-size: 16px;
    position: relative;
    padding: 30px 0;
    font-weight: 300;
    color: #fff;
}

#nav>li>a:hover {
  font-weight: 500;
}



#nav>li>a.this {font-weight: 500;}



#nav>li>a i {
    margin-left: 5px;
}

#nav>li>ul {
    position: absolute;
    left: 45px;
    z-index: 10;
    background: #fff;
    /* box-shadow: 0 2px 6px 0 rgba(32,33,36,0.28); */
    display: none;
    min-width: 100%;
    padding: 16px 0;
}

#nav>li>ul>li {
}

#nav>li>ul>li>a {
    font-size: 14px;
    display: block;
    padding: 8px 20px;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 500;
    color: #333;
}

#nav>li:last-child {
}

#nav>li:last-child a {
}

.head {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    background: #303442;
}

.head a {
    color: #fff;
    line-height: 40px;
    font-size: 14px;
}

.headLeft {
}

.headLeft a {
}

.head a i {
    font-size: 14px;
    font-weight: normal;
    position: relative;
    top: 1px;
    margin-right: 6px;
    color: #f20000;
}

.headRight a {
    padding-left: 40px
}

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

.sousuoA {
    margin-left: 40px;
    cursor: pointer;
}

.sousuoA button {
    position: absolute;
    right: 0px;
    height: 38px;
    top: 0px;
    padding: 0 14px;
    background: none;
}

.sousuoA button i {
    color: #fff;
}

.sousuoA input {
    width: 200px;
    line-height: 38px;
    font-size: 14px;
    padding: 0 10px;
    display: block;
    background: none;
    height: 38px;
}

.sousuoA form {
    display: block;
    position: relative
}

.sousuoA input::-webkit-input-placeholder {
    color: #999
}

.sousuoA input::-moz-placeholder {
    color: #999
}

.sousuoA input::-ms-input-placeholder {
    color: #999
}

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

.RequestAQuote {
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    padding: 0 20px;
    margin-left: 40px;
    border: 1px solid #000;
}

.RequestAQuote i {
    font-size: 14px;
}

.indexNavNrRight {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

/*头部结束*/
/*头部二*/
.indexNavC {
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 2;
    background: #fff;
}

.indexNavNrC {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items: center;
    border-top: 1px solid #ededed;
}

.logoC {
    width: 100%;
}

.logoC h1 {
    font-size: 30px;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    padding: 16px 0;
}

#navC {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
}

#navC>li {
    display: block;
    position: relative;
}

#navC>li>a {
    line-height:60px;
    font-size: 16px;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    text-transform: uppercase;
    position: relative;
    padding-right: 80px;
    font-weight: 500;
}

#navC>li>a.this {
    color: #f20000!important
}

#navC>li>a.this:before {
    content: '';
    display: block;
    width: 14px;
    height: 1px;
    background: #f20000;
    position: absolute;
    left: 0px;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    width: 0;
    bottom: 26px;
}

#navC>li>ul {
    position: absolute;
    left: -20px;
    z-index: 20;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(32,33,36,0.28);
    display: none;
    min-width: 150%
}

#navC>li>ul>li {
    border-bottom: 1px solid rgba(0,0,0,0.10)
}

#navC>li>ul>li>a {
    display: block;
    padding: 10px 20px;
    white-space: nowrap;
    font-size: 14px;
}

.headC {
}

.headCNr {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

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

.headCNrlogo h1 {
    font-size: 26px;
    text-transform: capitalize;
}

.headCRight {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}

.headCRight a {
}

.headCRight span {
    width: 34px;
    height: 34px;
    background: #f20000;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.headCRight i {
}

.headCRight p {
}

.headCRight p em {
    display: block;
    width: 100%;
    line-height: 1em;
    font-size: 14px;
    padding-bottom: 4px;

}

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

.indexNavNrCBox .sousuonr {
}

.indexNavNrCBox .sousuonr form {
    display: block;
    padding: 4px 0;
    border-bottom: 1px solid rgba(153,153,153,0.8);
}

.indexNavNrCBox .sousuonr input {
    background: none;
    font-size: 14px;
    width: 200px;
    color: #fff;
}

.indexNavNrCBox .sousuonr button {
    background: none;
    color: #fff;
}

.indexNavNrCBox .sousuonr i {
    background: none;
    color: #fff;
}

/*头部二*/
/*轮播图*/
.banner {
    position: relative;
}

.banner:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #6f6f6f2e;
    opacity: 1;
    left: 0px;
    top: 0px;
}

.banner img {
    width: 100%;
    height: 100vh;
}

.bannerTxt {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: flex; /* 启用 Flexbox */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: calc(100% - 0px);
}

.bannerTxt h2 {
    color: #fff;
    font-size: 90px;
    line-height: 1.5em;
    font-weight: 600;
    text-shadow: 2px 2px 1px #33333391;
}
.bannerTxtWh2 {
    color: #fff;
    font-size: 70px;
    line-height: 1.5em;
    font-weight: 600;
    text-shadow: 2px 2px 1px #33333391;
}
.bannerTxt p {
    color: #fff;
    font-size: 24px;
    padding: 1em 0 0 0;
    text-shadow: 0px 1px 1px #33333391;
}

.bannerTxt a {
    line-height: 72px;
    background: #fff;
    color: #e76632;
    margin: 40px auto 0;
    width: 213px;
    text-align: center;
    font-size: 20px;
    border-radius: 30px;
    transition: 0.5s;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.bannerTxt .bannerimgtip {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
}

.bannerTxt a:hover {
    background-color: #e76632;
    color: #fff;
    transform:translateY(-5px);
}

.bannerTxt strong {
}

.banner .icon-zuo-copy {
    position: absolute;
    bottom: 20px;
    color: #fff;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    font-size: 50px;
    opacity: 0.9;
    -moz-animation: myMove 1s linear infinite alternate;
    -webkit-animation: myMove 1s linear infinite alternate;
    -o-animation: myMove 1s linear infinite alternate;
    animation: myMove 1s linear infinite alternate;
    opacity: 0;
    left: 50%;
    margin-left: -23px;
}

@-moz-keyframes myMove {
    0% {
        bottom: 20px
    }

    100% {
        bottom: 40px
    }
}

@-webkit-keyframes myMove {
    0% {
        bottom: 20px
    }

    100% {
        bottom: 40px
    }
}

@-o-keyframes myMove {
    0% {
        bottom: 20px
    }

    100% {
        bottom: 40px
    }
}

@keyframes myMove {
    0% {
        bottom: 20px
    }

    100% {
        bottom: 40px
    }
}

/*轮播图结束*/
/*首页公司介绍*/
.indexA {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    align-items: center;
}

.indexA.indexA2 {
    background-image: url();
}

.indexA>img {
    max-width: 600px
}

.indexA .indexAboutTxt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    align-items: center;
}

.indexA h4 {
    font-size: 26px;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.indexA h3 {
    font-size: 20px;
    padding-bottom: 10px;
}

.indexA h3 strong {}



.indexA h2:before {
    content: ''
}




.indexA .indexAboutTxt p {
    margin-bottom: 19px;
}

.indexAboutTxt .BJQ {
    width: 47%;
}

.indexAboutTxt h1 {
    color: #334859;
    font-size: 28px;
    font-weight: 400;
}

.indexAboutTxt h2 {
    font-size: 40px;
    line-height: 1.1;
    padding: 10px 0 15px;
}

.indexAboutTxt .BJQ a {
    margin-top: 20px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    border: 1px solid;
    padding: 10px 20px;
    transition: 0.2s;
}

.indexAboutTxt .BJQ a:hover {
    background-color: #334859;color: #fff;
    transform: translateY(-7px);}

.BjqImgBJnr p a:hover {
    transform: translateY(-10px);
    background-color:#f58759;
    color:#fff;
}

.indexAboutTxt .BJQ strong {width: 40px;height: 40px;background-color: #00c195;color: #fff;border-radius: 50%;text-align: center;line-height: 40px;margin-right: 10px;}

.indexAboutTxt .BJQ ul {
    padding: 0 0 1em 20px;
}

.indexAboutTxt .BJQ ul li {
    padding: 0 0 5px 0px;
    position: relative;
    list-style-type: disc;
    font-size: 14px;
}

.indexAboutTxt .BJQ ul li i {
    color: #f20000;
    position: absolute;
    left: 0px;
    top: 2px;
}

.indexAboutTxt>img {
    width: 50%;
}

.indexAUl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
}

.indexAUl>li {
    width: 49%;
    text-align: center;
    margin-bottom: 20px;
    padding: 80px 100px;
    border-radius: 20px;
    background: #F7F8FA;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

#indexAUlBJ88 li {
    background-color: #fff;
    text-align: left;
    padding: 50px;
}

.indexAUl>li:hover {
    transition: 0.3s;
    box-shadow: 0 0 12px 5px rgb(137 137 137 / 10%);
}

.indexAUl>li em {
    padding-bottom: 10px;
}

.indexAUl li img {
   width: 141px;
   padding-bottom: 10px;
}

.indexAUl li p {
    width: 290px;
    margin: auto;
    font-size: 16px;
}

#indexAUlBJ88 li p {
    width: auto;
}

.indexAUl li h3 {
    font-size: 24px;
    line-height: 2em;
    margin: 0 0 15px 0;
}

.indexAbout {
    padding: 40px 0;
    background-color: #eeeeee;
}

div#indexAbout14 {
    background-image:url(/uploads/20241118/1bc53165f0b0067e7784c25c32b3b5f3.jpg);
}

#indexAbout60 {
    background-color: #fff;
    background-image: none;
}

.indexAUl>li div {
}

/*首页公司介绍结束*/
/*隔断*/
.indexF {
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 80px 0 260px;
}

.indexF .indexFHead {
    padding: 0 0 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    align-items: center;
}

.indexF h2 {
    font-size: 56px;
    width: 100%;
    padding-bottom: 0.5em;
    text-transform: capitalize;
    text-align: center;
}

.indexF .indexFa {
    line-height: 40px;
    color: #fff;
    display: block;
    font-size: 14px;
    border: 1px solid #fff;
    position: relative;
    width: 170px;
    text-align: center;
    margin: 40px auto 0;
}

.indexF .indexFa i {
    font-size: 12px;
}

.indexF:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: #000; */
    opacity: 0.6;
    top: 0px;
    left: 0px
}

.indexF .BJQ {
    width: 100%;
}

.indexF .BJQ img {
    margin: auto;
    margin-bottom: 30px;
    width: 120px;
}

.indexF .indexFHead p {
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.indexF .indexFHead p:last-child {
    margin-bottom: 0px
}

.indexF .BJQ ul {
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex
}

.indexF .BJQ ul li {
    position: relative;
    color: #fff;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 1em;
}

.indexF .BJQ ul li i {
    position: absolute;
    left: 0px;
    top: 3px;
}

.indexFul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}

.indexFul li {
    width: 32%;
    overflow: hidden;
    margin-bottom: 16px;
}

.indexFul li:nth-of-type(1) {position: relative;top: 122px;}

.indexFul li:nth-of-type(3), .indexFul li:nth-of-type(6) {
    position: relative;
    top: 122px;
}

.indexFul h3 {
    font-size: 36px;
    line-height: 1.3em;
    margin: 10px 0;
    bottom: 50px;
    color: #fff;
    font-weight: 600;
}

.indexFul p {
    font-size: 14px;

    text-align: center;
}

.indexFul img {
    height: 70px;
    margin: 0 auto 0px;
    border-radius: 10px;
    transition: 0.5s;
}

.indexFul img:hover {
    transform: scale(1.05);
}

.indexFul em {
    /* width: 80px; */
    /* height: 80px; */
    /* border: 1px solid #f20000; */
    /* border-radius: 100%; */
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* display: -webkit-flex; */
    /* justify-content: center; */
    /* align-items:center; */
    margin: 0 auto;
    display: block;
    padding-bottom: 70%;
}

.indexFul div {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px;
    color: #ffffffe8;
    font-size: 13px;
    text-align: left;
    border-radius: 0 0 10px 10px;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(2px);
}

/*隔断*/
/*首页产品*/
.indexCp {padding: 60px 0;/* display: none; */}

.indexCpTitle {padding: 0 10% 20px;}

div#indexCpTitleEN {
    padding: 0 10px 20px;
}
.indexCpTitle img {
    margin: auto;
    margin-bottom: 30px;
    width: 120px;
}

.indexCpTitle h2 {
    font-size: 56px;
    text-align: center;
    text-transform: capitalize;
    padding-bottom: 60px;
}

.indexCpTitle ul {
    display: -webkit-flex;
    width: 100%;
    justify-content: space-evenly;
    padding-bottom: 60px;
}
#indexProjectsBox60 ul#indexCpTitleEN li {
    width: 260px;
}
.indexCpTitle ul li {
    border: 1px solid #20566261;
    border-radius: 10px;
    color: #0D2A30;
    width: 180px;
    text-align: center;
    height: 80px;
    line-height: 80px;
    margin: 0 7px;
    font-weight: 600;
    font-size: 22px;
}

.indexCpOl {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}

.indexCpOl>li {
    width: 24%;
    background: #fff;
    margin-bottom: 20px;
}

.indexCpOl>li a {
    display:block;
    position: relative;
    /*flex-wrap: wrap;*/
    /*display: -webkit-flex;*/
    transition: 0.5s;
}

.indexCpOl>li a:hover {
    transform: translateY(-10px);
}


.indexCpOl>li img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.indexCpOl>li h3 {
    font-size: 18px;
    overflow: hidden;
    margin: 10px 0;
    font-weight: bold;
    padding-left: 18px;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-weight: 400;
}

.indexCpOl>li p {
    font-size: 14px;
    margin: 5px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
}

.indexCpOl>li em {
    font-size: 15px;
    color: #0085c1;
    margin: 10px auto 0;
    /* display: none; */
    font-weight: 400;
    text-transform: uppercase;
}

.indexCpOl>li span {
    color: #999;
    font-size: 14px;
}

.indexCpOl>li em i {
    font-size: 12px;
}

.indexCpdefaultTxt {
    width: 100%;
}

.IndexProductTitle {
    font-size: 0.5rem;
    padding-bottom: 0.5em;
    text-align: center;
    padding-top: 0.5rem;
}

.IndexProduct .ShopAll {
    width: 145px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #000;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 auto;
    display: block;
}

.indexCpOl>li .imghover {
    width: 100%;
    padding-bottom: 74%;
}

.IndexProductNr dl {
    padding-top: 30px;
}

.IndexProductNr dt {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding-bottom: 10px;
    align-items: center;
}

.IndexProductNr dd {
}

.IndexProductNr dt em {
    font-size: 26px;
    text-transform: capitalize;
    font-weight: 500;
}

.IndexProductNr dt a {

    font-size: 14px;
}

.IndexProductNr dd ul {
}

/*首页产品*/
/*尾部*/
.footA {
    overflow: hidden;
    position: relative;
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
}

.footA h4 {
    font-size: 16px;
    padding-bottom: 15px;
    width: 100%;
    text-transform: uppercase;
    /* display: none; */
    position:relative;
    font-weight: 400;
    color: #071518;
}




#html .footA:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    top: 0px;
    left: 0px;
    background: linear-gradient(#e7edef, #fff);
}

.footBNr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    margin: 60px 0;
}

.footAA {
    width: 30%;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
div#footimg {
    display: none;
}
.footAA p {
    opacity: 1;
    font-size: 24px;
    color: #212B2C;
    /* display: none; */
    padding-bottom: 10px;
}


.footAB {
    width: 17%;
    padding-left: 100px;
    /* display: flex; */
    /* justify-content: center; */
}

.footAB a {
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    opacity: 1;
    color: #212B2C;
    /* text-transform: uppercase; */
}

.footAB h4 {
    font-size: 22px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    opacity: 1;
    color: #212B2C;
    /* text-transform: uppercase; */
}
.footABW {
    width: 20%;
    padding-left: 100px;
    /* display: flex; */
    /* justify-content: center; */
}

.footABW a {
    font-size: 12px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    opacity: 1;
    color: #212B2C;
    /* text-transform: uppercase; */
}

.footABW h4 {
    font-size: 18px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    opacity: 1;
    color: #212B2C;
    /* text-transform: uppercase; */
}

.footAD {
    width: 15%;
}

.footAD a {
    font-size: 15px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    opacity: 1;
    color: #666;
}

.footAC {
    width: 27%;
}

.footAC ul {/* display: flex; *//* justify-content: center; */}

.footAC ul li {
    overflow: hidden;
    margin-bottom: 10px;
    display: flex;
    /* flex-wrap: wrap; */
    display: -webkit-flex;
    justify-content: start;
    padding-right: 10px;
}

.footAC ul li i {
    opacity: 1;
    margin-top: 5px;
    font-size: 16px;
    position: relative;
    color: #fff;
}

.footAC ul li p {
    overflow: hidden;
    font-size: 14px;
    /* width: calc(100% - 24px); */
}

.footAC ul li a {
    font-size: 15px;
    opacity: 1;
    color: #666;
}

.footAC ul li span {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    font-size: 14px;
    padding-right: 10px;
    display: none;
}

.footABNr {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}

.footABNr a {
    font-size: 13px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    color: #bbb;
    opacity: 1;
    width: 32%;
}

.footABNr h3 {
    font-size: 13px;
    font-weight: normal;
    color: #bbb;
    padding: 5px 0;
    display: none;
}

.footABNr img {
    width: 100%;
}

.footA .copyright {
    position: relative;
    z-index: 2;
    padding: 10px 0 0;
    height: 150px;
}



.copyrightLeft a {
    font-size: 12px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    line-height: 80px;
    text-align: left;
    color: #071518;
}

.copyrightRight {order: 2;height: 40px;padding-top: 2px;}

.copyrightRight a {
    line-height: 30px;
    padding-right: 10px;
    color: #777;
    font-size: 14px;
}

.copyrightRight i {
    color: #212b2c;
    position: relative;
    top: -1px;
    font-size: 14px;
    margin-left: 15px;
}

.copyright .box {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    justify-items: center;
    height: 60px;
    padding: 30px;
    border-top: 1px solid #cccccc85;
    align-items: center;
}

/*尾部结束*/
/*面包屑*/
.lanmubanner {
    position: relative;
}

.lanmubanner:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0px;
    height: 100%;
    /* background: #f2f2f2bf; */
    /* opacity: 0.3; */
    left: 0px;
}


.lanmubanner img {
    width: 100%;
    height: 600px;
}

#html39 .lanmubanner img {
}

.lanmubannerTxt {
    position: absolute;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    display: -webkit-flex;
    align-items: center;
    font-size: 14px;
    bottom: 0px;
}

.lanmubannerTxt h1 {
    font-size: 40px;
    text-transform: capitalize;
    color: #fff;
    padding-bottom: 50px;
    font-weight: 300;
}

.lanmubannerTxt h2 {color: #fff;font-size: 68px;}

.lanmubannerTxt p {
    color: #fff;
    font-size: 20px;
}

.lanmubannerTxt h3 {
    color: #f3f3f3;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0;
    width: 376px;
}

.lanmubannerTxt a {
    color: #333;
    font-size: 18px;
}

.lanmubannerTxt>div {
    text-align: left;
}

/*面包屑结束*/
/*公司介绍*/
.About {
}

.AboutTxt h2 {
      font-size: 36px;
      margin-bottom: 10px;
      color: #002960;
}




.AboutTxt h2:after{content:'';}
.AboutTxt p {
    margin-bottom: 1em;
    font-size: 18px;
}

.AboutTxt strong {}

.AboutUL>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    z-index: 2;
    position: relative;
}

.AboutUL>ul>li {
    width: 21%;
    text-align: center;
}

.AboutUL>ul>li i {
    font-size: 60px;
    color: #f20000
}

.AboutUL>ul>li img {
    margin: 0px auto 0;
}

.AboutUL>ul>li h3 {
    text-align: center;
    font-size: 20px;
    padding-bottom: 0.5em;
}

.AboutUL>ul>li p {

    font-size: 14px
}

.AboutUL>ul>li div {
    padding: 20px;
}

.AboutUL {position: relative;padding: 60px 0;}

.AboutTxtBox {
    overflow: hidden;
    padding: 80px 0;
}

.AboutTxt ul {
    overflow: hidden;
    padding: 0px 0 20px 20px;
}

.AboutTxt ul li {
    position: relative;
    font-size: 14px;
    margin-bottom: 5px;
    list-style-type: disc;
}

.AboutTxt ul li:before {
}

.AboutTxt ul li i {
    color: #f20000;
    margin-right: 5px
}

.aboutListBox {
}

.aboutList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    align-items: center;
}

.aboutList img {height: 100%;}

.aboutListTxt {
    width: 55%;
}


.aboutListTxt h2 {
    padding-bottom: 15px;
    font-size: 40px;
    line-height: 1.3em;
    font-weight: 500;
}

.aboutListTxt h3 {
    font-weight: 500;
    color: #666;
    font-weight: 700;
    font-size: 20px;
}

.aboutListTxt p {
    padding-bottom: 1em;
    font-size: 18px;
}

.aboutListImg {
    width: 40%;
}

.aboutListBox .aboutList:nth-child(2n) .aboutListImg {
    order: 2;
}

/*公司介绍结束*/
/*服务列表*/
.ServicesListBJ {
}

.ServicesList {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 1rem 0
}

.ServicesList>ul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    /*margin: 0 -10px 0 -10px;*/
    min-width: 100%;
    justify-content: space-between;
}

.ServicesList>ul>li {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.ServicesList>ul>li>a {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.ServicesList>ul>li:nth-child(2n) .ServicesListTitle {
}

.ServicesListTitle {
    width: 40%;
}

.ServicesListTitle img {
    width: 100%;
}

.ServicesListTxt {
    position: relative;
    width: 55%;
}

.ServicesListTxt ul {
    margin: 10px 0;
    padding-left: 20px;
}

.ServicesListTxt ul li {
    position: relative;
    font-size: 14px;
    margin-bottom: 5px;
    list-style-type: disc;
}

.ServicesListTxt ul li i {
    color: #f20000;
    margin-right: 5px;
    display: none;
}

.ServicesListTxt h4 {
}

.ServicesListTxt span {
}

.ServicesListTxt em {
    color: #0084c1;
    line-height: 40px;
    font-weight: 600;
}

.ServicesListTxt h3 {
    margin: 0px 0 10px;
    font-size: 26px;
    color: #333;
    line-height: 1.2em;

    overflow: hidden;
}

.ServicesListTxt p {
    margin-bottom: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ServicesListTxt strong {
}

/*服务列表*/
/*服务详情*/
.ServicesShow {
    padding: 1rem 0;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between
}

.ServicesShow h1 {
    font-size: 30px;
    padding: 0px 0 10px 0;
}

.ServicesShowTxt {
    width: 100%;
}

.ServicesShowImg {
    padding-bottom: 20px;
}

.ServicesShowImg img {
}

.ServicesShowTxt .BJQ {
}

.ServicesShowTxt .BJQ {
    margin: 0 auto
}

.ServicesShowTxt .BJQ h3 {
    font-size: 20px
}

.ServicesShowTxt .BJQ h4 {
    padding-bottom: 10px;
}

.ServicesShowTxt .BJQ h2 {
}

.ServicesShowTxt .BJQ p {
    padding-bottom: 1em;
    font-size: 14px;
    color: #333;
}

.ServicesShowTxt .BJQ ul {
    padding: 0 0px 20px 20px;
}

.ServicesShowTxt .BJQ ul li {
    margin-bottom: 5px;
    position: relative;
    font-size: 14px;
    list-style-type: disc;
}

.ServicesShowTxt .BJQ ul li i {
    color: #f20000;
    position: absolute;
    left: 0px;
    top: 3px
}

.ServicesShowTxt .BJQ strong {
}

.ServicesParameter {
}

.ServicesParameter>h2 {
    font-size: 20px;
    padding-bottom: 10px;
}

.ServicesParameterUl {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 20px 0 20px;
}

.ServicesParameterUl li {
    width: 32%;
}

.ServicesParameterUl li img {
}

.ServicesParameterUl li h3 {
    font-size: 20px;
    padding: 10px 0 5px;
    line-height: 1.3em;
}

.ServicesParameterUl li p {
    color: #333;
    font-size: 14px;
}

.ServicesParameterList {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    margin-top: 20px;
}

.ServicesParameterImg {
    width: 40%;
}

.ServicesParameterImg img {
    width: 100%;
}

.ServicesParameterList .BJQ {
}

.ServicesParameterList .BJQ {
    width: 57%;
}

.ServicesParameterList .BJQ h3 {
    font-size: 20px
}

.ServicesParameterList .BJQ h4 {
    padding-bottom: 10px;
}

.ServicesParameterList .BJQ>h2 {
    font-size: 20px;
}

.ServicesParameterList .BJQ p {
    padding-bottom: 10px;
    color: #333;
    font-size: 14px;
}

.ServicesParameterList .BJQ ul {
    padding: 0 0 0 20px;
}

.ServicesParameterList .BJQ ul li {
    margin-bottom: 5px;
    position: relative;
    font-size: 14px;
    list-style-type: disc;
}

.ServicesParameterList .BJQ ul li i {
    color: #f20000;
    position: absolute;
    left: 0px;
    top: 3px
}

.ServicesParameterList .BJQ strong {
}

.ServicesParameterList:nth-child(2n) .ServicesParameterImg {
}

.ServicesContent {
}

.ServicesContent p {
    font-size: 14px;
    padding: 0 0 1em 0;
}

.ServicesContent h3 {
}

.ServicesContent h4 {
}

.ServicesContent h2 {
}

.ServicesContent ul {
    padding: 10px 20px;
}

.ServicesContent ul li {
    list-style-type: disc;
}

.ServicesContent strong {
}

/*服务详情结束*/
/*联系我们*/
.ContactBox {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.ContactBox h2 {
    position: relative;
    z-index: 1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.ContactBox p {
    /* font-size: 18px; */
}

.ContactLeft {
    width: 47%;
    background-color: #eeeeee;
    padding: 20px;
}



.ContactLeft form {}

.ContactLeft form>div {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}

.ContactLeft form>div input:nth-child(3) {
    width: 100%;
}

.ContactLeft form>div input:nth-child(4) {
}

.ContactLeft h2 {
    padding-bottom: 20px;
    font-size: 27px;
}

.ContactLeft p {
    font-size: 18px;
    padding-bottom: 15px;
    color: #002960;
    font-weight: 500;
}

.ContactLeft input {
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #477083;
    border-radius: 2px;
}

.ContactLeft textarea {
    width: 100%;
    height: 150px;
    font-size: 15px;
    display: block;
    padding: 10px;
    background: #fff;
    border: 1px solid #477083;
    margin-bottom: 10px;
    border-radius: 2px;
}

.ContactLeft button {
    height: 50px;
    line-height: 50px;
    background: #e13737;
    color: #fff;
    display: block;
    width: 200px;
    border-radius: 5px;
}

.ContactLeft button:hover {
    background-color: #b01013;
}

.ContactRight {
    width: 72%;
    position: relative;
    /* box-shadow: 3px 3px 10px rgb(154 154 154 / 20%); */
    /* padding: 20px; */
}

.ContactRight h3 {
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 14px;
    color: #333;
    position: relative;
    z-index: 1;
}

.ContactRight ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    display: -webkit-flex;
    position: relative;
    z-index: 1;
}

.ContactRight ul li {
    width: 100%;
    padding: 0 0 30px  0;
    width: 100%;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items: center;
}

.ContactRight ul li em {
    display: inline;
    font-weight: 300;
    padding-bottom: 10px;
    padding-right: 10px;
    font-size: 16px;
}

.ContactRight ul li div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}

.ContactRight ul li i {
    font-size: 22px;
    color: #fff;
    font-weight: normal;
}

.ContactRight ul li p {
    color: #333;
    font-size: 14px;
}

.ContactRight ul li a {color: #0084c0;font-weight: 500;}

.ContactRight ul li span {
    font-size: 18px;
    color: #222;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    display: none;
}
.ContactRight>p{padding-bottom:1em;}
.ContactBJ {
    padding: 1.5rem 0;
}

.map {
    /* width: 100%; */
    /* margin: 40px 0 0 0; */
    /* order: 3; */
}

.map iframe {
    width: 100%;
    height: 35vh;
    border: none;
    display: block;
}

.ContactRight:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
}

/*联系我们结束*/
/*导航固定*/
.fixed .indexNav {position: fixed;background: #fff;}

.box-shadow #nav>li>a {
}

.box-shadow .logo h1 {
}

.box-shadow .sousuo {
}

.box-shadow .sousuo input {
    color: #333
}

.box-shadow .sousuo button {
    color: #333
}

.box-shadow .sousuo input::-webkit-input-placeholder {
    color: #999
}

.box-shadow .sousuo input::-moz-placeholder {
    color: #999
}

.box-shadow .sousuo input::-ms-input-placeholder {
    color: #999
}

.box-shadow .logo1 {
    display: none
}

.box-shadow .logo2 {
    display: block
}

.box-shadow #nav>li>a.this:before {
    bottom: 20px
}

.box-shadow .head {
    display: none;
}

.box-shadow .indexNavNr {
}

.box-shadow .indexNav {
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 0.1);

}

.box-shadow .indexheadbj {display: none;}

/*导航固定*/
/*导航固定三 */
.fixedC .headC {
    display: none;
}

.fixedC .indexNavC {
    position: fixed;
}

/*导航固定三 */
/*产品列表*/
.productLeft select {
    display: none
}

.productLeft option {
}

.productList {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 1rem 0;
}

.productLeft {
    width: 260px
}

.H2ol {
}

.H2ol h2 {
    font-size: 24px;
    text-transform: uppercase;
}

.H2ol ol {
    margin: 10px 0 20px;
}

.H2ol ol li {
}

.H2ol ol li a {
    line-height: 36px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items: center;
    font-size: 14px;
    color: #333;
}

.H2ol ol li span {
    width: 14px;
    height: 14px;
    border: 1px solid #111;
    text-align: center;
    line-height: 18px;
    display: block;
    margin-right: 10px;
}

.H2ol ol li i {
    font-size: 14px;
    color: #f20000;
    position: relative;
    top: -2px;
    opacity: 0;
}

.H2ol ol li a.this {
    color: #f20000
}

.H2ol ol li a.this span {
    border: 1px solid #f20000
}

.H2ol ol li a.this i {
    opacity: 1;
}

.productRight {
    width: calc(100% - 300px)
}

.productRight>ul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    margin: 0 -10px 0 -10px;
}

.productRight>ul>li {
    width: 33.33%;
    margin-bottom: 20px;
    /* margin-bottom: -1px; */
    /* margin-right: -1px; */
    cursor: pointer;
}

.productRight>ul>li a {
    display: block;
    margin: 0 10px;
    background: #fff;
    height: 100%;
    /* padding: 20px; */
}

.productRight>ul>li .imghover {
    display: block;
    width: 100%;
    padding-bottom: 66.6%;
    position: relative;
}

.productRight>ul>li img {

}

.productRight>ul>li h3 {
    color: #333;
    font-weight: 400;
    font-size: 16px;
    overflow: hidden;
    margin-bottom: 5px;
}

.productRight>ul>li p {
    margin: 5px 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #666;
    font-weight: 300;
}

.productRight>ul>li em {
    color: #f20000;
    font-size: 14px;
    margin: 0 0px 10px;
}

.productRight>ul>li:nth-child(3n) {
}

.productRight>ul>li:nth-child(4n) {
}

.productListBJ {
}

/*产品列表*/
/*产品详情*/
.productShowprice {
    color: #f20000;
    font-size: 30px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 10px 0;
    margin: 10px 0;
}

.productShow {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding:60px 0 1rem;
}

.productShowImg {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

#productShowImg {
    width: 400px;
    margin: 0;
}

#productShowImg .swiper-slide img {
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}

#productShowImg a {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.productShowIntroduction {
    overflow: hidden;

    margin-bottom: 20px;
}

.productShowIntroduction ul {
    padding: 0px 20px;
}

.productShowIntroduction ul li {
    list-style-type: disc;
    font-size: 14px;
}

.productShowIntroduction p {
    font-size: 14px;
    margin-top: 10px;
}

.productShowIntroduction * {

}

.productShowIntroduction strong {
}

.productShowIntroduction h3 {
}

.productShowIntroduction h2 {
}

.productShowIntroduction h4 {
}

.productShowIntroduction span {
}

.productShowTxt {
}

.productShowImg h1 {
    font-size: 30px;
    padding-bottom: 10px;
    line-height: 1.3em;
}

.productShowTxt p {
    padding-top: 10px;
    font-size: 14px;
}

.productShowTxt ul {
    padding-left: 20px;
}

.productShowTxt ul li {
    font-size: 14px;
    margin-bottom: 5px;
    list-style-type: disc;
}

.productShowTxt ul li i {
    font-size: 14px;
    color: #f20000
}

.productShowTxt strong {
}

.productShowTxt h2 {
}

.productShowTxt h3 {
    padding-bottom: 10px
}

.productShowTxt h4 {
}

.productShowTxt .BJQ {
}

.productShowTxt .BJQ * {
    font-size: 14px;
}

.productShowImg .Consult {
    line-height: 42px;
    background: #f20000;
    color: #fff;
    padding: 0 30px;
    cursor: pointer;
}

.productShowLeft {
    width: 100%;
}

.productShowTxt h1 {
    font-size: 26px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dfdfdf;

    padding: 15px 0;
}

.productShowRight {
    width: 100%;
    padding-top: 40px;
}

.productShowRight h2 {
    font-size: 26px;
    padding: 0px 0px 20px;
    text-align: center;
    width: 100%;
}

.productShowRight h3 {
    padding: 10px 0;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
}

.productShowRight img { }

.productShowRight a {
    display: block;
    margin-bottom: 10px;
    width: 25%;
}


/*产品详情*/
/*首页产品*/
.IndexProductNr {
}

.IndexProduct {
    padding: 0rem 0 1rem;
    display: none;
}

.IndexProduct ul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between
}

.IndexProduct ul li {
    width: 24%;
    margin-bottom: 30px
}

.IndexProduct ul li a {
    display: block;
}

.IndexProduct ul li img { }

.IndexProduct ul li .imghover {margin-bottom: 15px;display: block;width: 100%;padding-bottom: 66.6%;position: relative;}

.IndexProduct ul li h3 {
    margin: 10px 0 0px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

.IndexProduct ul li span {
    font-size: 14px;
    color: #f20000;
    display: block;
    text-align: center;

}

.IndexProductTxt {
}

/*首页产品*/
/*房地产列表*/
.FdcLits {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    padding:60px 0 1rem;
}

.FdcLitsLeft>ul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    margin: 0 -15px 0 -15px;
}

.FdcLitsLeft>ul>li {
    width: 33.33333%;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 10px;
}

.FdcLitsLeft>ul>li a {
    background: #fff;
    display: block;
    margin: 0 15px;
}



.FdcLitsLeft>ul>li img {
}

.FdcLitsLeft>ul>li h4 {
    font-weight: 400;
    font-size: 14px;
    width: 100%;
}

.FdcLitsLeft>ul>li h3 {
    padding: 0;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}

.FdcLitsLeft>ul>li h5 {
    font-weight: normal;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
    padding: 20px 0 0 0;
}

.FdcLitsLeft>ul>li h5 i {
    font-size: 18px;
    margin-right: 2px;
}

.FdcLitsLeft>ul>li h5 em {
    margin-right: 20px;
    font-size: 14px;
    line-height: 1em;
}

.FdcLitsLeft>ul>li span {
    font-size: 16px;
    color: #f20000;
    display: block;
}

.FdcLitsLeft>ul>li:nth-child(3n) {
    margin-right: 0px
}

.FdcLitsLeft>ul>li:nth-child(4n) {
}

.FdcLitstxt {
    padding: 15px 0;
    width: 100%;
}
.indexFdcLitstxt {
    padding: 15px;
    width: 100%;
}

.FdcLitsBJ {
}

/*房地产列表*/
/*房地产详情   */
.FdcShow {
    width: calc(100% - 360px);
}

.FdcShow .BJQ {background: #fff;padding: 30px 0;}

.FdcShow .BJQ p {
    margin-bottom: 1em;
    color: #444;
    font-size: 14px;
}

.FdcShow .BJQ ul {
    padding: 10px 0 0 20px;
}

.FdcShow .BJQ ul li {
    position: relative;
    font-size: 14px;
    margin-bottom: 5px;
    list-style-type: disc;
}

.FdcShow .BJQ ul li i {
    position: absolute;
    left: 0px;
    top: 4px;
    color: #f20000;
    display: none;
}

.FdcShow .BJQ h2 {
}

.FdcShow .BJQ h3 {
}

.FdcShow .BJQ h4 {padding-bottom: 1em;}

.FdcShow .BJQ h5 {
}


  .FdcShowTitle{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 40px 0;
}


.FdcShowTitle h1 {
    font-size: 30px;
    padding: 20px 0;
    font-weight: 500;
}

.peizhi {

    width: 300px;
    order: 2;
    padding: 1rem 0px;
    position: relative;
}

.peizhi i {
    font-size: 40px;
    color: #fff;
    line-height: 1em;
    font-weight: normal;
}

.peizhi em {
    font-size: 14px;
}

.peizhi strong {
    color: #333;
    display: block;
    font-size: 20px;
    padding-bottom: 1em;
}

.FdcShowBJ {padding:0px 0 60px 0;}

.peizhi ul {
}

.peizhi ul li {
    padding-bottom: 10px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items: center;
}

#FdcShow {
    padding-bottom: 0px;
    margin-top: 80px;
}

#FdcShow img {
    height: 50vh;
}

/*房地产详情   */
/*首页房地产*/
.indexFdc {
    padding: 60px 0;
}

.indexFdc ul {
}

.indexFdc ul li {
    width: 32%;
    margin-bottom: 30px;
    background: #fff;
    overflow: hidden;
    display: block;
    height: auto;
}

.indexFdc ul li a {
    display: block;
    margin: 0 10px 20px;
    border: 1px solid #ddd;
    height: 100%;
}



.indexFdc ul li img {
}

.indexFdc ul li h4 {
    font-weight: normal;
    font-size: 14px;
    width: 100%;

    margin: 5px 0;
}

.indexFdc ul li h3 {
    padding: 0;
    font-size: 18px;
    margin-bottom: 10px;
}

.indexFdc ul li h5 {
    font-weight: normal;
    overflow: hidden;
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
}

.indexFdc ul li h5 i {
    margin-right: 2px;
    font-size: 18px;
}

.indexFdc ul li h5 em {
    margin-right: 20px;
    font-size: 14px;
    line-height: 1em;
}

.indexFdc ul li span {
    font-size: 14px;
    color: #f20000;
    display: block;
}

.indexFdcTitle {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px
}

.indexFdcTitle h3 {
    font-size: 26px;
    text-transform: capitalize;
}

.indexFdcTitle a {
    font-size: 14px
}

/*首页房地产*/
/*faq*/
.Faq {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 1rem 0
}

.FqaLeft {
    width: 30%
}

.FqaLeft img {
    height: 50vh
}

.FqaRight {
    width: 100%
}

.FqaRight dl {
    border-bottom: 1px solid #ddd
}

.FqaRight dt {
    padding: 20px 0;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center
}

.FqaRight dt span {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background: #333;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
}

.FqaRight dt i {
    color: #fff;
    font-size: 12px
}

.FqaRight dt h3 {
    width: calc(100% - 35px);
    font-size: 20px
}

.FqaRight dd {
    padding: 20px;
    display: none
}

.FqaRight dd p {
    color: #333;
    margin-bottom: 1em
}

.FqaRight dd ul {
    margin: 10px 0;
    padding: 0 20px;
}

.FqaRight dd ul li {
    position: relative;
    padding-bottom: 5px;
    color: #333;
    font-size: 14px;
    list-style-type: disc;
}

.FqaRight dt.this h3 {
    color: #f20000;
}



.FqaRight dt.this span {
    background: #f20000;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

/*faq*/
/*物业表单*/
.EvaluateBox {
}

.Evaluate {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 1rem 0px;
}

.EvaluateNr {
    width: 60%;
}

.EvaluateNr h2 {
    font-size: 30px;
    text-align: left;
    margin-bottom: 20px;
    line-height: 1.2em;
}

.EvaluateNr h3 {
    font-weight: normal;
    font-size: 14px;
    padding-bottom: 1em;

}

.EvaluateNr form {
}

.EvaluateNr input {
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    padding: 0 10px;
    background: #f8f8f8;
}

.EvaluateNr form div {
}

.EvaluateNr textarea {
    width: 100%;
    height: 207px;
    border: none;
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
    padding: 10px;
    background: #f8f8f8;
}

.EvaluateNr button {
    height: 40px;
    color: #fff;
    display: block;
    width: 150px;
    background: #333;
    font-size: 14px;
}

.EvaluateR {
    width: 300px;
}

.EvaluateR h2 {
    font-size: 23px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.EvaluateR ul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.EvaluateR ul li {
    padding-bottom: 20px;
    width: 100%;
}

.EvaluateR ul li a {
    display: block;
    position: relative;
}

.EvaluateR ul li h3 {
    color: #fff;
    font-size: 14px;
    padding: 6px 10px;
    font-weight: normal;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-image: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0.6));
}

.EvaluateR ul li img {
}

.EvaluateR ol {
}

.EvaluateR ol li {
    padding-bottom: 20px;
}

.EvaluateR ol li em {
    display: block;
    text-transform: capitalize;
    font-size: 14px;

}

.EvaluateR ol li a {
    font-size: 14px;
}

/*物业表单*/
/*服务页面表单*/
.ServicesShowLeft {
    order: 2;
    width: calc(100% - 350px);
}

.ServicesShowForm {
    width: 100%;
}

.ServicesShowForm>h3 {
    font-weight: normal;
    font-size: 14px;
    padding-bottom: 1em;
    color: #555
}

.ServicesShowForm form {
    display: block;
    /* box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%); */
    padding: 30px;
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #f5f5f5;
}

.ServicesShowForm h2 {
    font-size: 26px;
    margin-bottom: 10px;
    text-transform:capitalize;
}

.ServicesShowForm input {
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    display: block;
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.ServicesShowForm textarea {
    width: 100%;
    height: 130px;
    font-size: 14px;
    display: block;
    padding: 10px 0;
    background: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.ServicesShowForm button {
    height: 45px;
    background: #f20000;
    color: #fff;
    display: block;
    font-size: 14px;
    border-radius:4px;
    width: 100%;
}

.ServicesShowForm select {width: 100%;height: 46px;line-height: 46px;font-size: 14px;display: block;margin-bottom: 10px;padding: 0 10px;background: #f5f5f5;cursor: pointer;color: #666;border-right: 5px solid #f5f5f5;}

.otherService {
}

.otherService ul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}

.otherService ul li {
    width: 100%;
    margin-bottom: 20px;
}

.otherService ul li a {display: block;}

.otherService ul li .imghover {
}

.otherService ul li img {
}

.otherService ul li h3 {
    padding: 10px 0;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

.ServicesShowImglist {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    width: 100%;
    padding: 40px 0 0 0;
}

.ServicesShowImglist li {
    width: 24%;
    margin-bottom: 10px;
}

.ServicesShowImglist li img {
    cursor: pointer;
}

.ProductClassificationBJ {
    padding: 80px 0;
}

.ProductClassification {
}

.ProductClassification ul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    min-width: 100%;
    margin: 0 -10px 0 -10px;
}

.ProductClassification li {
    width: 33.33%;
}

.ProductClassification a {
    display: block;
    position: relative;
    margin: 0 10px;
}

.ProductClassification img {/* max-width: 100%; *//* max-height: 100%; */width: 100%!important;height: 100%!important;}

.ProductClassification h3 {
    width: 100%;
    padding: 10px;
    text-align: center;
    font-weight: normal;
}

.ProductClassification li:last-child {
}

/*服务页面表单*/
.ProductClassification h2 {
    font-size: 36px;
    padding-bottom: 20px;
    text-align: center;
    text-transform: capitalize;
}

#Project .swiper-slide {
    cursor: pointer;
}

#Project {
    padding-bottom: 30px;
}

.ProjectBJ {
}

.ProjectList {
    padding: 1rem 0;
}

.ProjectList>ul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    margin: 0 -10px 0 -10px;
    justify-content: space-between;
}

.ProjectList>ul>li {
    width: 25%;
    margin-bottom: 50px;
}

.ProjectList>ul>li>a {
    display: block;
    margin: 0 10px;
    position: relative;
}

.ProjectListTxtTitle {padding-bottom: 70%;border-radius: 2px;}

.ProjectListTxtTitle img {
    width: 100%;
}

.ProjectListTxt {
    width: 100%;
}

.ProjectListTxt h3 {
    font-size: 16px;
    margin: 5px 0;
    font-weight: 300;
    text-align: center;
}

.ProjectListTxt p {
    font-size: 15px;
    padding-top: 5px;
}

.Project {
    padding: 1rem 0;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}

.ProjectHead {
    width: 100%;
}

.ProjectHead h1 {
    font-size: 32px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc6b;
    color: #333;
    font-weight: 500;
}

.ProjectHead .BJQ {
    padding-bottom: 20px;
}

.ProjectHead .BJQ p {
    color: #333;
    padding-bottom: 10px;
}

.ProjectHead .BJQ h2 {
}

.ProjectHead .BJQ h3 {
    font-size: 20px;
    padding: 20px 0 0 0;
}

.ProjectHead .BJQ h4 {
}

.ProjectHead .BJQ ul {
    padding: 0 20px;
    margin: 20px 0;
}

.ProjectHead .BJQ ul li {
    font-size: 14px;
    list-style-type: disc;
}

.ProjectHead .BJQ strong {
}

.ProjectImgs {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    margin: 0 -5px 0 -5px;
    min-width: 100%;
}

.ProjectImgs li {
    width: 50%;
    margin-bottom: 10px;
    cursor: pointer;
}

.ProjectImgs li .img43 {
    padding-bottom: 80%;
}

.ProjectImgs li img {
    width: 100%;
}

.ProjectImgs li a {
    display: block;
    margin: 0 5px;
}

.otherProject {
    width: 20%;
}

.otherProject h2 {
    text-transform: uppercase;
}

.otherProject ul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
}

.otherProject ul li {
}

.otherProject ul li a {
    display: block;
}

.otherProject ul li img {
    width: 100%;
}

.otherProject ul li h3 {
    font-size: 14px;
    padding: 10px 0;
}

/*2022-3-13 17:48:13*/
.lanmujj {
    width: 100%;
    padding-bottom: 40px;
}
.lanmujj h3{
    text-align: center;
    font-size: 20px;
    padding-bottom: 10px;
}
.lanmujj h3:after{}
.lanmujj h2:after{}
.lanmujj h2 {
    text-align: center;
    font-size: 30px;
    padding: 0 0 10px 0;
}

.lanmujj p {
    margin-bottom: 1em;
}


.bannerTxtNrtxt{
    width: 100%;
    padding-block: 36px;
}


.indexCpdefaultTxt ul {
    padding: 0 20px;
}

.indexCpdefaultTxt ul li {
    font-size: 14px;
    color: #333;
    list-style-type: disc;
}

.AboutImg {
    width: 46%;
    float: left;
    margin: 0 40px 20px 0;
}

.AboutImg img {
}

.AboutTxt {width: 80%;}

.aboutListTxt {
}

.aboutListTxt ul {
    padding: 10px 20px 10px 20px;
}

.aboutListTxt ul>li {
    font-size: 14px;
    color: #333;
    list-style-type: disc;
}

.indexCpOl>li:nth-child(2n) .imghover {
}

/*2022-3-25 23:23:44*/
.indexCpOl>li:last-child {
}

.indexProjectBJ {
    padding: 1rem 0 0.5rem;
    /* background: #f5f5f5; */
    /* display: none; */
}

.indexProject {position: relative;padding-bottom: 60px;text-align: center;}

.indexProject>h2 {
    font-size: 36px;
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.indexProject>ul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    min-width: 100%;
    margin: 0 -10px 0 -10px;
}

.indexProject>ul>li {
    width: 24%;
    margin-bottom: 20px;
}

.indexProject>ul>li img {
    width: 100%;
    border-radius: 3px;
}

.indexProject>ul>li a {
    display: block;
    position: relative;
    margin: 0 10px;
    border-bottom: 1px solid #cccccc61;
}

.indexProject>ul>li .img43 {
    padding-bottom: 70%;
}

.indexProject>ul>li h3 {
    text-align: center;
    margin: 5px 0;
    font-weight: normal;
    font-size: 16px;
}

.productRin {
    width: calc(100% - 440px);
}

.ContactLeft form>div em {
    width: 100%;
    padding: 10px 0 5px 0;
    font-size: 16px;
}

#Cart {
    padding: 1rem 0;
}

#Cart table {
}

#Cart tr {
}

#Cart td {
    border: 1px solid #ddd;
    text-align: center;
    padding: 10px;
}

#Cart th {
    text-transform: capitalize;
    padding: 10px;
    border: 1px solid #ddd;
    background: #eee;
}

#Cart td a {
}

#Cart td img {
    width: 100px;
    margin: 0 auto;
}

#Cart td:nth-child(1) {
}

#Cart td:nth-child(2) {
}

#Cart td:nth-child(3) {
}

#Cart td:nth-child(4) {
}

#Cart td:nth-child(5) {
    color: #f00;
}

.Proceedto {
    background: #f20000;
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
    margin: 10px 0;
}

#Cart th:last-child {
    width: 260px;
}

.settlementBoxRight {
    padding: 1rem 0;
}

.ShippingAddressHead {
}

.ShippingAddressHead h3 {
    color: #333;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    padding: 20px 0;

}

.ShippingAddressHead>input {
    border: 1px solid #dcdfe6;
    width: 100%;
    line-height: 45px;
    height: 45px;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 6px;
}

.ShippingAddressHead p {
    color: #737373;
    padding: 10px 0;
}

.ShippingAddressHead p input {
    margin: 0 10px 0 0;
}

.ShippingAddressHead {
}

.ShippingAddressHead h3 {
    color: #333;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    padding: 0px 0 20px;

}

.ShippingAddressHead>input {
    border: 1px solid #dcdfe6;
    width: 100%;
    line-height: 45px;
    height: 45px;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 6px;
}

.ShippingAddressHead p {
    color: #737373;
    padding: 10px 0;
}

.ShippingAddressHead p input {
    margin: 0 10px 0 0;
}

.ShippingAddress {
}

.ShippingAddress h3 {
    color: #333;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    padding: 20px 0;

}

.ShippingAddress .formNr {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}

.ShippingAddress .formNr>input {
    border: 1px solid #dcdfe6;
    width: 100%;
    line-height: 45px;
    height: 45px;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 6px;
    margin: 0 0 10px 0;
}

.ShippingAddress .formNr>input.w50 {
    width: 49%;
}

.AddressList {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 0 0 10px 0;
}

.AddressList div {
    width: 32%;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    padding: 2px 10px;
    position: relative;
}

.AddressList label {
    color: #999;
    font-size: 12px;
    padding: 0 0 0 4px;
}

.AddressList select {
    width: 100%;
    font-size: 14px;
    position: relative;
    top: -2px;
}

.AddressList input {
    width: 100%;
    line-height: 45px;
    height: 45px;
    font-size: 14px;
}

.Continuetoshipping {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px 0 0;
}

.Continuetoshipping a {
}

.Continuetoshipping button {
    background: #f20000;
    color: #fff;
    height: 45px;
    padding: 0 20px;
}

.productQuantity {
    margin: 0 0 20px;
}

.productQuantity p {
    display: none;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.quantityBox {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e1e1e1;
    width: 101px;
}

.quantityBox input {
    width: 2em;
    text-align: center;
    height: 38px;
    line-height: 38px;

    border: 1px solid #e1e1e1;
    border-bottom: none;
    border-top: none;
}

.quantityBox button {
    font-size: 20px;
    padding: 0 10px;
    color: #999;

}

.ItemNo {
    color: #969696;
    font-size: 12px;
    font-weight: normal;
}

.Breadcrumbs {
    font-size: 16px;
    width: 100%;
    text-align: left;
    color: #fff;
    text-align: center;
}

.Breadcrumbs i {
    color: #fff;
    font-size: 12px;
    padding: 0 4px 0 2px;
}

#indexBanner {
    padding-bottom: 0px
}

.ContactRight {display: flex;flex-direction: column;width: 48%;}



.shemei {order: 3;}

.shemei a {
    padding-left: 20px;
}

.shemei a i {
    font-size: 16px;
    color: #fff;
}

.indexheadbj {
    background: #2e2e2e;
    display: none;
}

.indexhead {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.indexheadL {
    color: #fff;
    font-size: 13px;
    padding-block: 15px;
}

.indexheaR {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    display: none;
}

.indexheaR p {
}

.indexheaR a {
    line-height: 35px;
    font-size: 13px;
    padding-left: 40px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
}

.CartIco {
    padding-left: 40px;
    position: relative;
    padding-right: 14px;
}

.CartIco i {
    font-size: 20px;
}

.CartIco em {
    color: #fff;
    width: 18px;
    height: 18px;
    background: #f20000;
    font-size: 12px;
    text-align: center;
    border-radius: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
}

/*2022-5-10 14:29:33*/
.indexFul em i {
    color: #f20000;
    font-size: 40px;
}

.FdcShow .BJQ p strong {
}

.indexAUl>li em i {
    font-size: 50px;
}

.ProductClassification li:nth-child(1) {
}

.ProductClassification li:nth-child(2) {
}

.ProductClassification li:nth-child(3) {
}

.ProductClassification li:nth-child(4) {
}

.ProductClassification li:nth-child(5) {
}

.ProductClassification li:nth-child(6) {
}

.ProductClassification li:nth-child(1) img {
}

.ProductClassification li:nth-child(2) img {
}

.ProductClassification li:nth-child(3) img {
}

.ProductClassification li:nth-child(4) img {
}

.ProductClassification li:nth-child(5) img {
}

.ProductClassification li:nth-child(6) img {
}

.aboutListBoxBJ {
    padding: 60px 0;
}

.indexAUlBJ {
    padding: 160px 0;
}

div#indexAUlBJ88 {
    background-color: #f7f8fa;
}
.indexAUlTxt p{
    text-align: center;
}


.indexAUlTxt ul{}
.indexAUlTxt ul li{}

.indexAUlTxt h2 {
    font-size: 56px;
    text-align: center;
    text-transform: capitalize;
    color: #212B2C;
    padding-bottom: 80px;
}



/*2022-5-30 21:24:09*/


.box-shadow .logo {
    padding: 10px 0;
}

/*2022-6-10 11:08:57*/
.reviewBJ {
    background: #f5f5f5;
    padding: 160px 0;
    /* display: none; */
}

.review {
}

.review h2 {
    font-size: 36px;
    text-align: center;
    text-transform: capitalize;
}

#Reviews {
    padding-bottom: 40px;
}

#Reviews .swiper-slide {
    background: #fff;
    padding: 20px;
    height: auto;
    border-radius: 10px;
    border: 1px solid #cccccc2e;
}

#Reviews h3 {
    font-size: 16px;
}

#Reviews .nationalFlag {
   width:20px;
   height: 13px;
   border-radius:0px;
}

#Reviews a {
    width: 120px;
    border: 1px solid #bf8d45;
    text-align: center;
    font-size: 14px;
    padding: 6px 0;
    display: block;
    margin: 40px auto 0;
    color: #bf8d45;
}

#Reviews h4 i {
    color: #f20000;
    font-weight: normal;
}

#Reviews .BJQ {
    overflow: hidden;
    /* text-overflow:

ellipsis; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 6; */
    /* -webkit-box-orient: vertical; */
    font-size: 18px;
    /* height: 9em; */
    padding-bottom: 20px;
    height: 155px;
}

#Reviews .BJQ span {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #ccc;
}

.BJQImg{
    display:flex;
    align-items: center;
}

.BJQImg img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    margin-right: 20px;
}

#Reviews .BJQ p {
    font-size: 14px;
    color: #444;
}


.Captcha {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    margin: 0;
    padding: 0;
    /* padding: 10px 0 0; */
    justify-content: space-between;
}

.Captcha img {
    height: 45px;
}

.Captcha input {
    height: 45px!important;
    background: none;
    width: calc(100% - 330px);
    background: #f5f5f5;
    margin: 0;
}

/*2022年7月18日15:21:27*/
#Reviews h4 img {
    width: 20px;
}

.productShowImg .img {
    width: auto;
    margin: 0 auto;
}

/*2022年7月27日15:13:32*/
.CareerLsitBJ {
    padding: 1rem 0;
    background: #fff;
}

.CareerLsit {
}

.CareerLsit table {
}

.CareerLsit tr {
    border-bottom: 1px solid #eee;
}

.CareerLsit td {
    border: none;
    padding: 20px;
}

.CareerLsit td * {
}

.CareerLsit td a {
    display: block;

}

.CareerLsit td i {
    margin: 0px 4px 0 0;
    position: relative;
    top: 1px;
}

.CareerLsit td:nth-child(1) {
}

.CareerLsit td:nth-child(2) {
    font-size: 14px;

    width: 300px;
}

.CareerLsit td:nth-child(3) {
    font-size: 14px;

    width: 150px;
}

.CareerLsit tr:last-child {
}

.CareerBJ {
    padding: 1rem 0;
}

.CareerSHow {
    width: calc(100% - 360px);
}

.CareerSHow h1 {
    font-size: 30px;
    padding-bottom: 10px;
    color: #000;
}

.CareerSHow .BJQ {
    padding-top: 20px;
}

.CareerSHow .BJQ p {
    font-size: 14px;
    margin-bottom: 5px;

}

.CareerSHow .BJQ h3,.CareerSHow .BJQ h4,.CareerSHow .BJQ h2 {
    font-size: 20px;
    margin: 0px 0 5px;
}

.CareerSHow .BJQ strong {
}

.CareerSHow .BJQ * {
}

.CareerSHow .BJQ ul {
    padding: 0 0 20px 20px;
}

.CareerSHow .BJQ ul li {
    list-style-type: disc;
    font-size: 14px;
    padding-bottom: 5px;

}

.CareerSHow .BJQ ul li i {
    display: none;
}

.CareerRight {
    width: 300px;
    padding: 40px;
    border-left: 1px solid #eee;
}

.CareerRight h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.CareerRight ul {
}

.CareerRight li {
    padding: 4px 0;
}

.CareerRight a {
    font-size: 14px;
    display: block;
}

.Career {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}

.CareerSHowpeizhi {
    padding-bottom: 20px;
}

.CareerSHowpeizhi span {
    font-size: 14px;

    padding-right: 40px;
}

.CareerSHowpeizhi span i {
    font-size: 13px;
    margin: 0 4px 0 0;
}

.NewsBJ {
    padding: 1rem 0;
}

.News {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}

.News h1 {
    font-size: 28px;
    padding-bottom: 10px;
    line-height: 1.3em;
}

.Newstime {
    font-size: 14px;
    color: #999;
}

.News .BJQ {
    padding: 2em 0 0 0;
}

.News .BJQ p {
    padding-bottom: 1em;
}

.News .BJQ img {
    margin: 0 auto;
}

.News .BJQ ul {
}

.News .BJQ ul li {
}

.NewsLsitBJ {
    padding: 1rem 0;
}

.NewsLsit {
}

.NewsLsit>ul {display: flex;flex-wrap: wrap;display: -webkit-flex;margin: 0 -10px 0 -10px;}

.NewsLsit>ul>li {
    background: #fff;
    margin-bottom: 40px;
    width: 33.33%;
}

.NewsLsit>ul>li a {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    margin: 0 10px;
}

.NewsLsit>ul>li a img {
    width: 100%;
}

.NewsLsit>ul>li h3 {
    font-size: 20px;
    margin-bottom: 0.5em;
    line-height: 1.3em;
}

.NewsLsit>ul>li p {

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.NewsLsit>ul>li em {
    display: block;
    font-size: 14px;
    padding: 1em 0;

}

.NewsLsit>ul>li span {
    background: #f2f5f7;
    padding: 8px 30px;
    font-size: 14px;
    color: #333;
    border-radius: 2px;
    display: none;
}

/*2022年7月28日21:20:54*/
.sousuonr {background: #f5f5f5;overflow: hidden;}

.sousuonr form {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

.sousuonr input {display: block;height: 45px;line-height: 45px;width: 400px;padding: 0 10px;color: #000;}

.sousuonr button {width: 40px;height: 45px;color: #111;}

.ProductClassification li .imghover {
    width: 100%;
    padding-bottom: 66%;
}

.copyrightRight a img {
    height: 30px;
    background: #fff;
}

/*2022-7-30 21:31:33*/
.AgentDetails {
    text-align: center;
}

.AgentDetailsTitle {

    font-size: 26px;
    width: 70px;
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin: 0 auto;
    background: #f20000;
}

.AgentDetails img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 2px solid #ddd;
}

.AgentDetails h3 {
    padding: 10px 0 0;
    font-size: 20px;
}

.AgentDetails a {
    font-size: 14px;
    color: #333;
}

.AgentDetails em {
    display: block;

    text-transform: capitalize;
    padding-top: 10px;
}

.FdcPeizhi {
    background: #fff;
    padding: 0px 0 30px;
}

.FdcPeizhi>ul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items: center;
}

.FdcPeizhi>ul>li {
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items: center;
}

.FdcPeizhi>ul>li i {
    font-size: 20px;
    margin-right: 4px;
}

.FdcPeizhi>ul>li em {

}

.FdcPeizhi strong {padding-bottom: 1em;font-weight: normal;}

.filterBox {
    width: 100%;
    margin-bottom:40px;
}

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

.filterselect {
    background: #fff;
    width: 24%;
    padding: 0 10px;
    display: flex;
    /* flex-wrap: wrap; */
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
    border: 1px solid #000;
    border-radius:4px;
}

.filterselect em {padding: 0 20px 0 0;font-weight: 500;}

.filterselect select {height: 50px;line-height: 50px;cursor: pointer;width: 100%;}

.filter dl {
    padding: 5px 0;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items: center;
}

.filter dt {

    font-size: 16px;
    width: 150px;
}

.filter dd {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items: center;
}

.filter dd a {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items: center;
    width: 140px;
}

.filter dd a i {
    line-height: 1em;
    font-size: 14px;
    position: relative;
    top: -7px;
    opacity: 0;
}

.filter dd a span {
    width: 14px;
    height: 14px;
    border: 1px solid #555;
    text-align: center;
    margin-right: 6px;
}

.filter dd a strong {
    font-weight: normal;
    color: #333;
    font-size: 13px;
}

.filter dd a.this span {
    border: 1px solid #f20000;
}

.filter dd a.this i {
    color: #f20000;
    opacity: 1;
}

.filter dd a.this strong {
    color: #f20000;
}

.filter button i {
    color: #111;
    font-size: 20px;
}

.filter form {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    background: #fff;
    width: 24%;
    order: 2;
    border: 1px solid #000;
    border-radius: 4px;
}

.filter input {
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-indent: 10px;
    width: calc(100% - 100px);
}

.filter button {
    color: #fff;
    height: 50px;
    background: #f20000;
    font-weight: 500;
    width: 100px;
}

.filter dl:last-child a {
}

.NewsLeft {
    width: calc(100% - 460px);
}

.NewsRight {
    width: 400px;
}

.NewsRight h2 {
    font-size: 30px;
}

.NewsRight h3 {
}

.NewsRight a {
    display: block;
    overflow: hidden;
    margin: 20px 0 0 0;
}

.NewsRight a p {
    font-size: 14px;
}

.NewsRight a h3 {
    line-height: 1.2em;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.NewsRight a img {
    width: 150px;
    float: left;
    margin: 0 20px 0 0;
}

.FdcLitsLeft {
    width: 100%;
}

.headCNrlogo img {
    height: 50px;
    padding-right: 20px;
}

.headCNrlogo .logo1 {
}

.headCNrlogo .logo2 {
}

.copyrightLeft a em {
    font-size: 14px;
    color: #fff;
    display: block;
    padding: 0px 0 0 20px;
    line-height: 1em;
}

.footAA img {
    height: 80px;
    margin-right: 17px;
    /* margin: auto; */
}

img.footTel {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 1px;
}

/*2022年8月9日17:22:52   */
.indexProductBJ {
    padding: 1rem 0;
    background: #f5f5f5;
}

.indexProductHead {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding-bottom: 40px;
}

.indexProductHead h2 {
    font-size: 0.5rem;
    padding-bottom: 20px;
    text-align: center;
    text-transform: capitalize;
}

.indexProductHeadTxt {
    width: calc(100% - 460px);
}

.indexProductHeadTxt p {
}

#indexProduct {
    padding-bottom: 60px;
}

#indexProduct .swiper-slide {
}

#indexProduct a {
    overflow: hidden;
    /* border: 1px solid #eee; */
    padding: 20px 20px;
    width: 100%;
    background: #fff;
}

#indexProduct a img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

#indexProduct a h3 {
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 1.5em;

}

#indexProduct a div {
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    margin-bottom: 10px;
}

#indexProduct .swiper-button-next {
    margin-top: -44px;
}

#indexProduct .swiper-button-prev {
    margin-top: -44px;
}

.indexProduct {
}

.indexProjects {
    background: #f7f8fa;
    padding: 80px 0;
}

.indexProjectsNr {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    position: relative;
    margin-bottom: -100px;
}

.indexProjectsNr img {
    order: 2;
    width: 50%;
    min-height: 50vh;
}

.ProjectsTxt {
    position: absolute;
    padding-right: 700px;
}

.ProjectsTxt h3 {
    text-transform: uppercase;
    padding: 2em 0 20px;
    font-size: 40px;
}

.ProjectsTxt p {
    padding-right: 1em;
    color: #575757;
}

.ProjectsTxt a {
    background: #f20000;
    color: #fff;
    padding: 8px 30px;
    margin: 20px 0 0 0;
}

.ProjectsTxt a i {
    font-size: 20px;
    position: relative;
    top: 2px;
}

.indexProjectsList {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    position: relative;
}

#indexProjects {
    width: 100%;
}

.indexProjectsList .More {
    width: 2.8rem;
    height: 0.8rem;
    border-radius: 40px;
    background: #f20000;
    color: #fff;
    text-align: center;
    line-height: 0.8rem;
    font-size: 0.3rem;
}

.indexProjectsList .More i {
}

#indexProjects {
    padding-bottom: 10px;
}

#indexProjects a {
    background: #fff;
    height: 100%;
}

.indexProjectsLi {
    padding: 0px 0px;
    height: 100%;
    position: relative;
    text-align: center;
}

.indexProjectsLi img {width: 100%;margin: auto;}

.indexProjectsmiaosu {
}

.indexProjectsmiaosu h3 {
    color: #141a20;
    font-size: 20px;
    font-weight: 500;
    padding: 20px 0;
    line-height: 1.3em;
}

.indexProjectsmiaosu p {
    color: #575757;
    font-size: 14px;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.indexProjectsmiaosu em {
    position: absolute;
    bottom: 20px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

.indexProjectsmiaosu em i {
    font-size: 20px;
    line-height: 1em;
}

.indxAboutZw {
    width: 50%;
}

#indexProjects .swiper-slide {
    height: auto;
}

.ContactLeft input::-webkit-input-placeholder {
    color: #999;
}

.ContactLeft input::-moz-placeholder {
    color: #999;
}

.ContactLeft input::-ms-input-placeholder {
    color: #999;
}

.ContactLeft textarea::-webkit-input-placeholder {
    color: #999;
}

.ContactLeft textarea::-moz-placeholder {
    color: #999;
}

.ContactLeft textarea::-ms-input-placeholder {
    color: #999;
}

.otherService h2 {
}

.indexF .BJQ strong {
}

.indexProject>h2 a {color: #fff;font-weight: normal;position: absolute;bottom: 0px;line-height: 50px;display: block;font-size: 14px;width: 170px;text-align: center;margin: 40px auto 0;background: #000;}

.productShowRightList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    margin: 0 -10px 0 -10px;
}

.FootCuBox {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    background: #f7f7f7;
    position: relative;
}

.FootCuBox:before {
    content: '';
    display: block;
    width: 50%;
    order: 2;
}

.FootCuTxt {
}

.FootCuTxt p {
    padding: 10px 0;
}

.FootCuTxt h2 {
    font-size: 36px;
}



.FootCuTxt a {
    border: 1px solid #000;
    padding: 0 30px;
    line-height: 40px;
    margin: 20px 0 0 0;
}

.FootCuImg {
    width: 50%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

.FootCuImg img {
    width: 100%;
    height: 100%;
}

.Window {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgb(0 0 0 / 0.3);
    z-index: 99;
}

.WindowShow {
    width: 600px;
    position: fixed;
    background: #fff;
}

.WindowShow .WindowShowImg {
    display: block;
    border: none;
    max-height: 200px;
    margin: 0 auto;
}

.WindowShow .icon-guanbi {
}

.WindowShow span {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: -14px;
    top: -14px;
    cursor: pointer;
}

.WindowShow h3 {padding: 20px;text-align: center;}
.WindowShow p{
}
.WindowShow form {
    display: block;
    width: 100%;
    padding: 40px;
}

.WindowShow form>div {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}

.WindowShow form input {
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
}

.WindowShow form textarea {
    width: 100%;
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
    padding: 10px 0;
    height: 100px;
    background: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
}

.WindowShow form button {
    height: 45px;
    line-height: 45px;
    background: #f20000;
    color: #fff;
    display: block;
    width: 100%;
    margin: 0px auto 0;
    font-size: 14px;
}

.NewsLsitTxt {
    width: 100%;
    padding: 20px 0 0 0;
}

.indexCpTitle p {
    text-align: center;
    padding-bottom: 1em;
}

.ProductClassificationBJ {
    background: #fff;
    display: none;
}

.productListBJ {
    /* background: #f5f5f5; */
}

.News .BJQ ul li {
    list-style-type: disc;
}

.News .BJQ ul {
    padding: 0 0 10px 20px;
}

.pageUlBJ {
    padding: 160px 0 0;
}

div#Page3692 {
    padding: 180px;
}

td * {
    margin: 0px;
    padding: 0px;
}

.logo h1:before {
    content: '';
    color: #f20000;
}

.ServicesShowFormBJ {
    background: #f5f5f5;
    padding: 0.5rem 0;
}

.ServicesListTxt h3:after {
    content: '';
}

.ServicesShowImglist li p {
}




.otherService ul li a.this {
}

.otherService ul li a.this h3 {
}

/*2022-10-26 23:05:29*/
.languageselect {
    border: 1px solid #111;
    margin-left: 40px;
    color: #111;
    padding: 2px;
    cursor: pointer;
}

.languageselect option {
    font-size: 14px;
    padding: 5px;
}

#nav>li>ul>li>ul {
    position: absolute;
    z-index: 10;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(32,33,36,0.28);
    display: none;
    min-width: 100%;
    right: 100%;
    top: 0px;
}

#nav>li>ul>li>ul>li {
    border-bottom: 1px #e6e6e6 solid;
}

#nav>li>ul>li>ul>li>a {
    display: block;
    padding: 10px 20px;
    font-size: 14px;
}

#nav>li>ul>li>ul>li>a:hover {
}

#nav>li>ul>li>a:hover {
}

.ContactLeft select {
    cursor: pointer;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    border: none;
    padding: 0 10px;
    color: #737373;
    border-right: 10px solid #f5f5f5;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.inputDiv {
    width: 48%;
    margin-bottom: 20px;
}

.MoreA {
    width: 140px;
    text-align: center;
    line-height: 42px;
    background: #f20000;
    color: #fff;
    margin: 0 auto;
    display: block;
}

/*2022-11-1 18:46:27*/
#productShowImg .swiper-slide {
    height: auto;
}

.productShowImg {

}

.indexAboutBJ {
}

.indexAUl>li a {
}

.indexFul li a {display: block;position: relative;}

/*2022-11-7 14:37:13*/
.aboutListTxt a {
    border: 1px solid #fff;
    padding: 8px 20px;
}

.Aboutn2 {
    /* background: #f5f5f5; */
}

.Aboutn2 .aboutListImg {
    order: 2;
}

.index2n {
}

.index2n:before {
    order: 0;
}

.index2n .FootCuTxt {
    padding-right: 700px;
    padding-left: 0px;
}

.index2n .FootCuImg img {
    height: 650px;
    max-height: inherit;
}

.FootCuTxt ul {
    padding: 0 0 0 20px;
}

.FootCuTxt ul li {
    font-size: 14px;
    padding-bottom: 7px;
    list-style-type: disc;
}

.FootCuTxt ul li::marker {
}

.FootCuTxt ul li strong {
    color: #f20000;
}

.aboutListTxt ul>li::marker {
}

.ServicesShowTxt .BJQ ul li::marker {
}

.FqaRight dt.this {
}

/*单页开始*/
/*2022-11-12 12:19:19*/
.pageBJ {/* padding-block: 60px; */}

.page .PageLearnmore {
    line-height: 40px;
    font-size: 14px;
    border: 1px solid #000;
    text-transform: capitalize;
    width: 140px;
    text-align: center;
    margin: 20px 0 0 0;
}

.PageBJQ {
    padding: 160px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
p#about1p {
    display: none;
}

.PageBJQ h2 {
    position: relative;
    font-size: 56px;
    padding: 0px 0 10px 0;
    margin-bottom: 40px;
}
.PageBJQ h1 {
    position: relative;
    font-size: 56px;
    padding: 0px 0 10px 0;
    margin-bottom: 40px;
}
#Page6399 h2 {
    margin-bottom: 80px;
    font-size: 56px;
}

.PageBJQ h3 {
    position: relative;
    font-size: 30px;
    padding: 0px 0 10px 0;
}

.PageBJQ h4 {
    font-size: 20px;
    padding: 10px 0 0 0;
}

.PageBJQ p {
    padding-bottom: 1em;
    font-size: 16px;
}

.PageBJQ p em {
    background-color: #939d98;
    padding: 20px;
    text-align: center;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 500;
}

.PageBJQ strong {font-weight: 600;}

.PageBJQ em {
}

.PageBJQ ul {
    padding: 10px 0 10px 20px;
}

.PageBJQ ul li {
    list-style-type: disc;
    padding-block: 5px;
}

.PageBJQ ul li::marker {
}

.PageBJQ ul li * {
}

.PageBJQ ul li i {
}

.PageBJQ ol {display: flex;justify-content: end;flex-wrap: wrap;}

ol.aboutusrightimg {
    position: relative;
    height: 100%;
}

ol.aboutusrightimg>li {
    position: absolute;
    cursor: pointer;
    left: 383px;
    top: 209px;
    animation: spreadOut 0.8s forwards;
    transform-origin: center;
}


        /* 设置5张图片的动画延迟 */
        ol.aboutusrightimg>li:nth-of-type(1) { animation-delay: 0.1s; --final-angle: 0deg; }
        ol.aboutusrightimg>li:nth-of-type(2) { animation-delay: 0.3s; --final-angle: 72deg; }
        ol.aboutusrightimg>li:nth-of-type(3) { animation-delay: 0.5s; --final-angle: 144deg; }
        ol.aboutusrightimg>li:nth-of-type(4) { animation-delay: 0.7s; --final-angle: 216deg; }
        ol.aboutusrightimg>li:nth-of-type(5) { animation-delay: 0.9s; --final-angle: 288deg; }

        /* 从中心向外旋转散开的动画 */
        @keyframes spreadOut {
            0% {
                opacity: 0;
                transform: translate(-50%, -50%) rotate(0deg) translateX(0) scale(0.5);
            }
            50% {
                opacity: 0.7;
            }
            100% {
                opacity: 1;
                transform:
                    translate(-100%, -50%)
                    rotate(var(--final-angle))
                    translateX(180px)
                    rotate(calc(-1 * var(--final-angle)))
                    scale(1);
            }
        }



#Page6399 .PageBJQ ol li {width: 50%;}

#Page6456 li {
    width: 100%;
    padding-bottom: 15px;
    display: flex;
    align-content: center;
    justify-content: left;
    align-content: flex-start;
}

#Page6456 li:last-of-type {
    justify-content: space-between;
    margin-top: 15px;
    padding-bottom: 0;
}

#Page6456 li:nth-of-type(2),#Page6456 li:nth-of-type(4) {
    border-bottom: 1px solid #cccccc94;
    margin-bottom: 10px;
}


#Page6456 li  .contacter{
    width: 80px;
    height: 80px;
    /* margin: auto; */
}

.PageBJQ ol li h3 {
    font-size: 40px;
    margin-top: 30px;
    font-weight: 600;
    background: linear-gradient(238deg, #F58759 20%, #2A798B 86%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.PageBJQ ol li::marker {
}

.PageBJQ ol li h4 {font-size: 32px;font-weight: 600;}

#Page6456 .contactico {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    margin-right: 10px;
}

.PageBJQ ol li i {
}


.pagelIsttxt h2 {
    font-size: 40px;
    padding-bottom: 20px;
    position: relative;
}



.pagelIsttxt h2:after {
    content: '';
}

.pagelIsttxt h4 {
    font-size: 20px;
}

.pagelIsttxt p {
    padding-bottom: 2.5em;
}

.pagelIsttxt h3 {
    font-size: 32px;
    padding-bottom: 16px;
    font-weight: 600;
}

.pagelIsttxt strong {
}

.pagelIsttxt em {
}

.pagelIsttxt ul {
    padding: 10px 0 10px 20px;
    position: relative;
}

.pagelIsttxt ul::before {
    content: "";
    display: block;
    height: 84%;
    border-left: 2px dotted #287C8E;
    position: absolute;
    left: 6px;
}

.pagelIsttxt ul li::before {
   content: "";
   display: block;
   width: 8px;
   height: 8px;
   background-color:#246977;
   position: absolute;
   left: -17px;
   top: 10px;
   border-radius:100%;
}
.pagelIsttxt ul li {
    list-style-type: none;
    font-weight: 600;
    font-size: 22px;
    position: relative;
}

.pagelIsttxt ul li:hover {
    font-size:30px;
}


/*!* 当悬停在第一个li时显示第一张图片 *!
#Page3997 .pagelIsttxt ul li:nth-of-type(1):hover .imgActivity,
!* 当悬停在第二个li时显示第二张图片 *!
#Page3997 .pagelIsttxt ul li:nth-of-type(3):hover .imgActivity,
!* 当悬停在第三个li时显示第三张图片 *!
#Page3997 .pagelIsttxt ul li:nth-of-type(2):hover .imgActivity{
    opacity: 1;
    z-index:999;
}*/



/*
#Page3997 .pagelIsttxt ul li:nth-of-type(1):hover ~ .imgActivity2,
#Page3997 .pagelIsttxt ul li:nth-of-type(3):hover ~ .imgActivity2,
#Page3997 .pagelIsttxt ul li:nth-of-type(2):hover ~ .imgActivity2{
      opacity:0;
}
#Page3997 .pagelIsttxt ul li:nth-of-type(1):hover ~ .imgActivity3,
#Page3997 .pagelIsttxt ul li:nth-of-type(3):hover ~ .imgActivity3,
#Page3997 .pagelIsttxt ul li:nth-of-type(2):hover ~ .imgActivity3{
      opacity:1;
}*/





.pagelIsttxt ul li:hover,.pagelIsttxt ul li:hover p {
    color: #205662;
}




.pagelIsttxt ul li span {
    width: 30px;
    height: 30px;
    background: linear-gradient(180deg, #205662 0%, #287C8E 100%);
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin-right: 10px;
}

.pagelIsttxt ul li p {
    font-size: 16px;
    font-weight: 500;
    padding-left: 40px;
    padding-top: 10px;
    width: 306px;
}

.pagelIsttxt ul li::marker {
}

.pagelIsttxt ul li * {
}

.pagelIsttxt ul li i {
}

.pagelIsttxt ol {
}

.pagelIsttxt ol li {
}

.pagelIsttxt ol li::marker {
}

.pagelIsttxt ol li * {
}

.pagelIsttxt ol li i {
}

.pageUlBJQW {
    position: relative;
    z-index: 3;
    padding-bottom: 80px;
}
.pageUlBJQW img {
    margin: auto;
    margin-bottom: 30px;
    width: 120px;
}

.pageUlBJQW h2 {
    font-size: 56px;
    text-align: center;
}

.pageUlBJQ {
    position: relative;
    z-index: 3;
    padding-bottom: 80px;
}

.pageUlBJQ.box img {
    margin: auto;
    margin-bottom: 30px;
    width: 120px;
}

.pageUlBJQ h2 {
    font-size: 56px;
    text-align: center;
}

.pageUlBJQ h3 {
    font-size: 30px;
    padding-bottom: 20px;
    position: relative;
}

.pageUlBJQ h3:after {
    content: '';
}

.pageUlBJQ h2:after {
    content: '';
}

.pageUlBJQ h4 {
    font-size: 20px;
}

.pageUlBJQ p {
    padding-bottom: 1em;
}

.pageUlBJQ strong {
}

.pageUlBJQ em {
}

.pageUlBJQ ul {
    padding: 10px 0 10px 20px;
}

.pageUlBJQ ul li {
    list-style-type: disc;
}

.pageUlBJQ ul li::marker {
}

.pageUlBJQ ul li * {
}

.pageUlBJQ ul li i {
}

.pageUlBJQ ol {
}

.pageUlBJQ ol li {
}

.pageUlBJQ ol li::marker {
}

.pageUlBJQ ol li * {
}

.pageUlBJQ ol li i {
}

.pageOlBJQ {text-align: center;}

.pageOlBJQ img {
    margin: auto;
    margin-bottom: 30px;
    width: 120px;
}



.pageOlBJQ h2 {
    font-size: 56px;
    padding-bottom: 80px;
    position: relative;
}



.pageOlBJQ h2:after {
    content: '';
}

.pageOlBJQ h4 {
    font-size: 20px;
}

.pageOlBJQ p {
    padding-bottom: 1em;
}

.pageOlBJQ strong {
}

.pageOlBJQ em {
}

.pageOlBJQ ul {
    padding: 10px 0 10px 20px;
}

.pageOlBJQ ul li {
    list-style-type: disc;
}

.pageOlBJQ ul li::marker {
}

.pageOlBJQ ul li * {
}

.pageOlBJQ ul li i {
}

.pageOlBJQ ol {
}

.pageOlBJQ ol li {
}

.pageOlBJQ ol li::marker {
}

.pageOlBJQ ol li * {
}

.pageOlBJQ ol li i {
}

.pageUlBJColor {
    position: relative;
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
    padding: 160px 0;
}

div#Page4695 {
    padding-top: 160px;
    padding-bottom: 10px;
}

.pageUlBJColor:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
}

.pageUlBJColorBJQ {
    position: relative;
    z-index: 3;
    padding-bottom: 20px;
}

.pageUlBJColorBJQ h2 {
    font-size: 30px;
    color: #fff;
    text-align: center;
}

.pageUlBJColorBJQ h3 {
    font-size: 30px;
    padding-bottom: 20px;
    position: relative;
    color: #fff;
}

.pageUlBJColorBJQ h3:after {
    content: '';
}

.pageUlBJColorBJQ h2:after {
    content: '';
}

.pageUlBJColorBJQ h4 {
    font-size: 20px;
}

.pageUlBJColorBJQ p {
    padding-bottom: 1em;
    color: #fff;
}

.pageUlBJColorBJQ strong {
}

.pageUlBJColorBJQ em {
}

.pageUlBJColorBJQ ul {
    padding: 10px 0 10px 20px;
}

.pageUlBJColorBJQ ul li {
    list-style-type: disc;
    color: #fff;
}

.pageUlBJColorBJQ ul li::marker {
}

.pageUlBJColorBJQ ul li * {
}

.pageUlBJColorBJQ ul li i {
}

.pageUlBJColorBJQ ol {
}

.pageUlBJColorBJQ ol li {
}

.pageUlBJColorBJQ ol li::marker {
}

.pageUlBJColorBJQ ol li * {
}

.pageUlBJColorBJQ ol li i {
}

.pageColorUl {
    position: relative;
    z-index: 3;
}

.pageColorUl ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    width: 90%;
    margin: auto;
}

.pageColorUl ul li {
    width: 100%;
    display: flex;
    transition: all 0.5s;
    position: sticky;
    top: 100px; /* 粘性定位的位置 */
    transition: all 0.3s ease;
}




.pageColorUl ul li:hover{
     height: 400px;

}

.pageColorUl ul li:hover img {
    height: 400px;
}

.pageColorUl ul li:not(:hover) {
       height: 300px;
}


.pageColorUl ul li:last-of-type {
    height: 100%;

}


.pageColorUl ul li:nth-of-type(1) .pageColorUltxt {
    background-color: #d47a50;
     z-index: 1;  /* 最下层 */
}

.pageColorUl ul li:nth-of-type(2) .pageColorUltxt {
    background-color: #287c8e;
     z-index: 2;  /* 中层 */
}

.pageColorUl ul li:nth-of-type(3) .pageColorUltxt {
    background-color: #205662;
      z-index: 3;  /* 最上层 */
}


        /* 滚动时的覆盖效果 */

        body.scrolling .pageColorUl ul li:nth-child(3) {
            /* transform: translateY(100px); */
        }

        body.scrolling .pageColorUl ul li:nth-child(2) {
            /* transform: translateY(50px); */
        }


.pageColorUl ul li:nth-of-type(1) img {
    border-radius: 0  20px 0 0;
}

.pageColorUl ul li:nth-of-type(1) .pageColorUltxt {
    border-radius:  20px 0 0 0;
}

.pageColorUl ul li:nth-of-type(3) img {
    border-radius: 0 0 20px 0;
}

.pageColorUl ul li:nth-of-type(3) .pageColorUltxt {
    border-radius:  0  0 0 20px;
}

.pageColorUl ul li img {
    width: 100%;
    height: 300px;
    transition: all .3s;
}

.pageColorUl ul li p {
    color: #fff;

}

.pageColorUl ul li h3 {
    font-size: 25px;
    padding: 40px 0 5px;
    color: #fff;
    font-weight: 600;
}

.pageUlBJColorMore {
    line-height: 40px;
    font-size: 14px;
    border: 1px solid #fff;
    text-transform: capitalize;
    width: 140px;
    text-align: center;
    margin: 20px auto;
    display: block;
    color: #fff;
    position: relative;
    z-index: 3;
}

.pageOlBJ {
    padding: 160px 0;
}

div#Page6391 {
    background-color: #27282a;
}

.n2 .pagelIsImg{
    order: 2;
}

#Page3694 .pagelIsImg {
    margin-top: 20px;
}

#Page3997 .pagelIsImg {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: end;
    position: relative;
    justify-content: end;
    overflow: hidden;
    width: 500px;
    height: 649px;
}

.imgActivity {
   width: 320px;
   position:absolute;
   top: -17px;
   left: 500px;
   opacity:0;
}
#imgActivity1{
    top: 17px;
}
.imgActivity2 {
   width: 119px;
   position:absolute;
   top: 192px;
   left: 530px;
   /* opacity:1; */
}

.imgActivity3 {
   width: 119px;
   position:absolute;
   top: 440px;
   left: 530px;
   opacity: 0;
}


img#imgActivity1 {
   /* width:0; */
}
img#imgActivity2 {
    top: -3px;
}



.pagelIsImg .kaidianbg {
   width: 400px;
   transform: scale(1.3);
   overflow: hidden;
}


.n2 {
    background: #f5f5f594;
}

.page {
}

.pageUl {
    position: relative;
    z-index: 3;
    width: 88%;
}

.pageUl ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex
}

.pageUl>ul>li {
    width: 24%;
    padding: 120px 20px;
    margin-bottom: 20px;
    border-radius: 14px;
    transition: 0.5s;
    background: linear-gradient(198deg, #F58759 -41%, #287C8E 92%), #205662;
}


.pageUlcommon ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex
}

#Page3692 .pageUlcommon ul {
    width: 994px;
    margin: auto;
}

.pageUlcommon>ul>li {
    width: 200px
    margin-bottom: 20px;
    border-radius: 14px;
    transition: 0.5s;
    text-align: center;
}
.pageUlcommon>ul>li:nth-of-type(2),
.pageUlcommon>ul>li:nth-of-type(4),
.pageUlcommon>ul>li:nth-of-type(6){
    width: 10%;
}

.pageUlcommon>ul>li em {
    display: flex;
    justify-content: center;
}

.pageUlcommon>ul>li em span {
    font-size: 12px;
    font-weight: 500;
    0:
    AUTO 100PX;
}

.pageUlcommon .pageUltxt {
}

.pageUlcommon .pageUltxt h3 {
    font-size: 32px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 14px;
}

.pageUlcommon>ul>li:nth-of-type(odd) img {
    border-radius: 50%;
    box-shadow: 0 0 16px 4px rgb(202 202 202 / 30%);
    width: 81px;
}

.pageUlcommon>ul>li:nth-of-type(even) img {
    width: 120px;
    padding-top: 30px;
}



.pageUl>ul>li:hover {
    transform:translateY(-40px);
}

.pageUl>ul>li img {
    width: 35px;
    object-fit: contain;
    margin: auto;
}

.pageUl>ul>li em {width: 100%;padding-bottom: 20px;}

.pageUl>ul>li h3 {
    font-size: 36px;
    padding: 10px 0;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

.pageUl>ul>li p {
    color: #ffffff99;
    font-size: 18px;
    text-align: center;
}

.pageOl {
}

.pageOl ol {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    margin: 0 -5px 0 -5px;
    justify-content: space-between;
}

.pageOl li {
    width: 24%;
    cursor: pointer;
    margin: 5px 0;
    /* padding: 6px; */
    position: relative;
    transition:0.3s;
}

.pageOl li:hover .tip {
    display:flex;
     background: linear-gradient(217deg, rgb(245 135 89 / 94%) -17%, rgb(40 124 142 / 95%) 88%);

}

.pageOl li .tip {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding-inline: 47px;
     text-align: center;
     display: none;
     border-radius: 10px;
}

.pageOl li .tip h2 {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

.pageOl li .tip p {
    color: #ffffffb0;
    font-size: 12px;
    padding-top: 10px;
}

.pageOl img {
    /* width: 300px !important; */!i;!;!
    @;!;
    /* object-fit: contain; */
    /* mix-blend-mode: hard-light; */
    height: 200px;!i;!;
    border-radius: 10px;
}

.pageOl h3 {
    font-size: 22px;
    padding: 10px 0 0
}

.pageOl p {
    font-size: 14px;
    color: #444
}

.pageOl li>a {
    display: block;
    margin: 0 5px;
}

.pagelIstBox {
    padding: 40px 0;
    background: #f7f8fa;
    margin-bottom: 20px;
}

div#Page3694 {
    padding: 160px 0;
}

div#Page63100 {
    margin-bottom: 0;
    padding: 160px 0;
}

div#Page3997 {
    margin-bottom: 0;
}


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

#Page63100 .pagelIst.box {
    align-items: center;
}

.pagelIst img {
    /* width: 100%; */
    mix-blend-mode: multiply;
}

#Page6290 img {
    width: 59%;
    margin: auto;
}

#Page6290 {
    padding: 100px 0;
}

#Page6289 img {
    mix-blend-mode: lighten;
}

.pagelIsttxt {
    width: 46%;
}

#Page3694 .pagelIsttxt {
}

#Page63100 .pagelIsttxt {
    width: 36%;
}

#Page6290 .pagelIsttxt {
    width: 60%;
}
#Page6290 .pagelIsImg {
    width: 40%;
}



/*单页结束*/
.indexA2 {
}

.indexA2 img {
    order: 2;
}

.FootCuBox2 .FootCuImg {
    order: 3;
}

.FootCuTxtPd {
        width: 100%;
    padding: 40px 40px 40px 55%;
}

.FootCuBox2 .FootCuTxtPd {
    padding: 80px 55% 80px 0;
}

.indexBJQ {
    padding: 60px 0;
}

.indexBJQ h2 {
    font-size: 30px;
    padding-bottom: 10px;
    position: relative;
    color: #d43d27;
}


.indexBJQ h2:after {
    content: '';
}



.indexBJQ img{}
.indexBJQ h4 {
    font-size: 20px;
}

.indexBJQ p {
    padding-bottom: 1em;
    font-size: 20px;
}

.indexBJQ strong {
}

.indexBJQ em {
}

.indexBJQ ul {
    padding: 10px 0 10px 20px;
}

.indexBJQ ul li {
    list-style-type: disc;
}

.indexBJQ ul li::marker {
}

.indexBJQ ul li * {
}

.indexBJQ ul li i {
}

.indexBJQ ol {
}

.indexBJQ ol li {
}

.indexBJQ ol li::marker {
}

.indexBJQ ol li * {
}

.indexBJQ ol li i {
}

.indeximgsBJ {
    padding: 60px 0;
}

.indeximgs {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}

.indeximgs li {
    cursor: pointer;
    width: 24%;
    margin: 8px 0;
}

.indeximgs li img {
}

.indeximgsBJ h2 {
    font-size: 36px;
    text-align: center;
    text-transform: capitalize;
    padding-bottom: 10px;
}

.indeximgsBJ p {
    text-align: center;
    padding-bottom: 1em;
}

.AboutULBJQ {z-index: 3;}

.AboutULBJQ h2 {
    font-size: 32px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #b9b9b94f;
}

.AboutULBJQ h3 {
}

.AboutULBJQ h3:after {
    content: '';
}

.AboutULBJQ h2:after {
    content: '';
}

.searchList .productRight {
    width: 100%;
}

.searchList .productRight>ul>li {
    width: 25%;
}

#nav>li>ul>li>a.this {
    color: #0170b9;
}

.BJQBJ {}

div#Page6456 {
}

div#Page6399 {
    margin: 60px 0;
}

div#Page6392 {
    background-color: #27282a;
}

div#Page6392 .PageBJQ {
    padding: 60px 0px 0;
}

.FootCuTxtPd strong {
    font-size: 20px;
}

.indexProjectsLi:after {
    /*content: '';*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*left: 0px;*/
    /*top: 0px;*/
    /*opacity: 1;*/
    /*background-image: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0.8));*/

}

.News .BJQ strong {
    font-size: 20px;
}

.News .BJQ ul li {
    list-style-type: disc;
    padding-bottom: 1em;
}

.News .BJQ h3 {
}

.News .BJQ h4 {
}

#nav>li>a:before {
    /*content: '|';*/
    /*padding-right: 00px;*/
    /*font-size: 14px;*/
    /*opacity: 0; */
    /*width: 0px;*/
}

#nav>li:nth-child(1) a:before {
    display: none;
}

.PageBJQ h3:after {
    content: '';

}

.PageBJQ h2:after {
    content: '';

}
.WindowShowCenter{
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items:center;
}
.WindowShowNr{
    max-height: 80vh;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
.WindowShowNr .Captcha{justify-content:center;}
.ServicesShowTxt .BJQ p img{}
.ServicesShowForm .Captcha input{width: calc(100% - 160px);}
.ServicesShowForm .Captcha input::-webkit-input-placeholder{   }
.ServicesShowForm .Captcha input::-moz-placeholder { }
.ServicesShowForm .Captcha input::-ms-input-placeholder { }
.PageBJQ img{}
.indexheaR p i{color: #17929b;}
.indexheaR p span{
    margin: 0 10px 0 0;
}
.indexhead:after{content:'';position: absolute;}
.indexhead:before{content:'';display: block;position: absolute;}

.headEr{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items:center;
}
.headEr i{
    color: #f20000;
    font-size: 40px;
}
.headEr p{
    padding-left: 10px;
}
.headEr a{
    display: block;
    white-space:nowrap;
    font-weight: 500;
    font-size: 16px;
}
.headEr p a:nth-child(2){
    color: #7e7e7e;
    font-size: 14px;
    font-weight: normal;
}
.bannerImg{width: 50%;}
.RelatedProductsNr{
    margin: 0 10px;
    background: #fff;
    height: 100%;
}

.box-shadow .indexNav{
/*-moz-animation: indexNav 0.5s linear  alternate;*/
/*-webkit-animation: indexNav 0.5s linear  alternate;*/
/*-o-animation: indexNav 0.5s linear  alternate;*/
/*animation: indexNav 0.5s linear  alternate;*/
/*}*/

/*@-moz-keyframes indexNav{0%{top:-150px}*/
/*100%{top:0px}*/
/*}@-webkit-keyframes indexNav{0%{top:-150px}*/
/*100%{top:0px}*/
/*}@-o-keyframes indexNav{0%{top:-150px}*/
/*100%{top:0px}*/
/*}@keyframes indexNav{0%{top:-150px}*/
/*100%{top:0px}*/
}

.Contactlmimg{}
.Contactlmimg img{}


.indexBjqImgUrlLsit{
    padding: 160px 0;
}
.indexBjqImgUrl{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.indexBjqImgUrlNr{
        width: 31%;
        background-color: #f2f2f4;
        padding: 50px 30px;
        transition: 0.5s;
        border-radius: 21px;
}

.indexBjqImgUrlNr:hover {
    background-color: #205662;
}

.indexBjqImgUrlNr:hover .indexBjqImgUrlNrTxt h2{
    color: #fff;
            background: linear-gradient(238deg, #fff 20%, #fff 86%);
        -webkit-text-fill-color: transparent;
            background-clip: text;
}

.indexBjqImgUrlNr em{
    display: none;
}
.indexBjqImgUrlNr img{
    width: 66px;
    height: 66px;
    object-fit: contain;
}




.indexBjqImgUrlNrTxt{
    padding: 20px 0 0 0;
    font-size: 14px;
    color: #212b2c;
    line-height: 1.7em;
    transition:0.5s;
}

.indexBjqImgUrlNr:hover {
    transform:translateY(-5px);

}

.indexBjqImgUrlNrTxt h2{
    font-size: 44px;
    padding-bottom: 20px;
    color: #205662;
    border-bottom: 1px solid #50656a29;
}
.indexBjqImgUrlNrTxt h2{
    font-size: 50px;
    padding-bottom: 10px;

    border-bottom: 1px solid #42737e7a;
    background: linear-gradient(238deg, #F58759 20%, #2A798B 86%);
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
.indexBjqImgUrlNrTxt h2 span{
        font-size: 26px;
}

.indexBjqImgUrlNr:hover .indexBjqImgUrlNrTxt,
.indexBjqImgUrlNr:hover h2,
.indexBjqImgUrlNrTxt:hover span,
.indexBjqImgUrlNr:hover h3{
    color:#fff;
}



.indexBjqImgUrlNrTxt h3 {
     padding: 50px  0 120px;
    font-size: 22px;
    color: #212b2c;
}

.indexBjqImgUrlNrTxt p{
    padding-bottom: 1em;
}
.indexBjqImgUrlNrTxt ul{
    padding: 0 0 0 20px;
}
.indexBjqImgUrlNrTxt ul li{
    font-size: 14px;
    padding-bottom:5px;
    list-style-type: disc;
}
.indexBjqImgUrlA{
    border: 1px solid #000;
    padding: 0 30px;
    line-height: 40px;
    margin: 20px 0 0 0;
}

.ProjectHead .BJQ p img{margin:0 auto;}
.indexProject>ul>li p{
    line-height: 2em;
    text-align: left;
    font-size: 15px;
}
.indexAUlTxt ul{}
.indexAUlTxt ul li{}
.PageBJQ img{}
.WindowShowNrTxt{
    width: 50%;
}
/***********************************************************1600px*******************************************************/
@media (min-width: 1200px) and (max-width:1600px) {
}

.ViewAll {
    width: 200px;
    text-align: center;
    line-height: 45px;
    margin: 20px auto 0;
    display: block;
    color: #000;

    font-size: 16px;
    border: 2px solid #000;
}

.indexBJQdiv{

}
#indexBJQ63 .box{
   display: flex;
   flex-wrap: wrap;
   display: -webkit-flex;
   justify-content: center;
   align-items: center;
}


.lanmujj p strong{

}

.lrtxt{
    width: 48%;
    background: #fff;
    padding: 30px;
}

.Aboutn2 .aboutListTxt{}
.indexBjqImgUrlNr>a{
    display: block;
}


.SelectLanguage{border: 1px solid #000;
    padding: 2px 6px;
    margin: 0 0 0 40px;
    cursor: pointer;}
.SelectLanguage option{}


.copyrightLeft{
    padding: 0px;
}



 .FdcLitsLeft>ul>li p{
    overflow: hidden;
    text-overflow:

ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.filterDl{
    background: #fff;
    padding: 20px;
}
.ServicesShowFormBox{
    background: #f5f5f5;
    padding: 60px 0 0 0;
}
.indexCpdefaultTxt h4{
    color: #999;
    font-weight: normal;
    padding: 10px 0;
}

.footflex a{
   padding-top: 20px;
}
#html39 .lanmubanner{ }


.productShowTxt .BJQ tr:nth-child(odd){
    background: #eee;
}
.productShowTxt .BJQ th{
    width: 300px;
    border: none;
    text-align: left;
}
.productShowTxt .BJQ tr{
    background: #f5f5f5;
}
.productShowTxt .BJQ table{
    margin: 10px 0 20px;
    border: 1px solid #f5f5f5;
}
.productShowTxt .BJQ td{
    border: none;
    padding: 10px 0;
}
.productShowTxt .BJQ td *{
    padding: 0 10px;
}

.productShowIntroduction tr{
    background: #f5f5f5;
}
.productShowIntroduction tr:nth-child(odd){
    background: #eee;
}
.productShowIntroduction td{border:none;padding: 10px;}
.productShowIntroduction td *{
    padding: 0px;
    margin: 0px;
}
.ProductClassification li p{
    text-align: center;
    padding: 0 20px 1em;
    font-size: 15px;
}
.ProductClassification li em{
    padding: 0 30px;
    border-radius: 40px;
    background: #1a90c6;
    color: #fff;
    line-height: 45px;
    padding: 0 30px;
}


.indexBJQleft{
    width: 48%;
}
.indexBJQright{
    width: 48%;
}


.footAA h3{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items:center;
    color: #444;
    font-size: 30px;
    padding-bottom: 60px;
    flex-direction: row;
}



.indexAUlTxt strong{

}
.indexAUlTxt img{
   margin: auto;
   margin-bottom: 30px;
   width: 120px;
}
.box-shadow .RequestAQuote{

}


.Contact100{
    width: 100%;
}
.Contact50{
    margin: 0;
    padding: 0;
    width: 49%;
}

.footAC ul li a em{
    display: none;
    font-size: 14px;
    color: #ccc;
}


.ServicesShowTxt .BJQ ol{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 20px 0 0 0;
}
.ServicesShowTxt .BJQ ol li{


}
.ServicesShowTxt .BJQ ol li i{}
.ServicesShowTxt .BJQ ol strong{}
.ServicesShowTxt p em{
    font-style: italic;
    font-size: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid #111;
    font-weight: 500;
}

#indexAUlBJ63 .indexAUl>li em{ }
.indexCp .box{}









.sousuoForm{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items:center;

}
.sousuoForm form{
    display: block;
    width: 100%;
    position: relative;
}
.sousuoForm button{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 45px;
    font-size: 20px;
}
.sousuoForm input{
    height: 45px;
    line-height: 45px;
    width: 100%;
    text-indent: 40px;
    font-size: 16px;
}
.sousuoForm i{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    font-size: 22px;
}
.sousuoA i{
    font-size: 20px;
}
.RelatedProductsNr .imghover{
    display: block;
    width: 100%;
    padding-bottom: 66.6%;
    position: relative;
}
.review>h3{
    text-align: center;
    font-weight: normal;
    padding-bottom:40px;
}
.reviewBJ:before {
    content: '';
    /*display: block;*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: #000;*/
    /*opacity: 0.85;*/
    /*top: 0px;*/
    /*left: 0px;*/
}


.AboutTxtR{width: 48%;}
.AboutTxtL{
    width: 48%;
}

.bannerTxtNr ul{

}
.bannerTxtNr ul li{

}
.content .footA:before{}

.ServicesParameterList:nth-child(2n) .ServicesParameterImg img{

}

.ContactRight li:last-child{

}



.indexCpTitle h2:after{
    content: '';

}

.indexCpOl>li em:after{content: ''; }

.AboutUL>ul>li em{
    display: block;
}
.AboutUL a{}
.indexAUlTxt a{}
.footA h4:after{content:''; }
.ContactLeftBJ{}

.FdcShowRight{
    width: 340px;
}
.otherProject {
    width: 100%;
    border-radius: 10px;
    background: #fff;
    margin-top: 20px;
}

.otherProject h2 {font-size: 26px;margin-bottom: 20px;text-transform: capitalize;}

.otherProject ul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}

.otherProject ul li {
    width: 24%;
    margin-bottom: 20px;
}

.otherProject ul li a {
    display: block;
}

.otherProject ul li img {
    width: 100%;
}

.otherProject ul li h3 {
    font-size: 14px;
    padding: 10px 0;
    font-weight: normal;
}


.FdcLitsImg em{
    background: #f20000;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 2;
    padding:4px 20px;
    color: #fff;
}
.bannerTxt p a:last-child{
    border: none;
}


.indexFdc .swiper-button-next{top: 30%;}
.indexFdc .swiper-button-prev{top: 30%;}

.footAAbeian{
    padding: 10px 0 0 0;
    display: none;
}
.footAAbeian em{
    color: #ccc;

    display: block;
    font-size: 14px;
    padding: 10px 0 0 0;
}
.footAAbeian a{
    color: #ccc;

    font-size: 14px;
    }


.PageBJQ p a{
    text-align: center;
    line-height: 46px;
    font-size: 14px;
    padding: 0 30px;
    background: #b90202;
    color: #fff;
    text-transform: uppercase;
}
.footEmail{width: 30%; }
.footEmail h3{
    font-size: 32px;
    color: #fff;
}
.footEmail p{
    padding-bottom: 1em;
    color: #ccc;
}
.footEmail form{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
}
.footEmail input{
    width: calc(100% - 120px);
    border: 1px solid #ddd;
    padding: 0px 10px;
    height: 50px;
    line-height: 50px;
    color:#fff;
}
.footEmail button{
    width: 100px;
    background: #f20000;
    height: 50px;
    color: #fff;
}

.ServicesParameterList .BJQ h2{

    font-size: 40px;
}
.indexBJQ p a{

}
.indeximgs li em{}
.ServicesContent ol{
    padding: 0 0 0 20px;
}
.ServicesContent ol li{
    margin-bottom: 15px;
    position: relative;
    list-style-type: disc;
}


.indexCpdefaultTxt{

}

.indexCpdefaultTxt img{ margin:0 auto;}
.footSyS{
    display: flex;
}

.footwn{
    display: flex;
    margin-top:10px
}

.footwn a img {
    margin-right: 10px;
}
.footSyS p {
    font-size: 16px;
    padding-bottom: 15px;
    color: #fff;
    width: 100%;
    font-weight: 400;
}
.footSyS img{
    width: 108px;
    height: 108px;
    margin-right: 24px;
    mix-blend-mode: multiply;
}

.footwn img{
    mix-blend-mode: multiply;
    width: 20px;
    height: 20px;
}


#container{height:400px;}

.VIpgJd-ZVi9od-ORHb-OEVmcd{display: none; height: 0px;}
.goog-te-gadget{height:30px; overflow: hidden;}
.goog-te-combo{margin:0px 0 0 20px!important; height:30px;border:1px solid #000;cursor: pointer;}



.ServicesParameterBox{
    padding: 60px 0;
}
.ServicesParameterBox h2{
    font-size: 40px;
    text-align: center;
    padding-bottom: 20px;
}
.ServicesShowTxt a{
    width: 220px;
    line-height: 50px;
    text-align: center;
    display: block;
    border: 2px solid #269546;
    font-size: 18px;
    color: #269546;
    border-radius: 40px;
}
.ServicesParameterUl li em{}
.indexAboutImg{width:48%;}
.indexAboutImg img{width: 55%;mix-blend-mode: multiply;}
.galleryshang img{cursor: pointer;}
.FdcLitsLeft>ul>li h5 div{order:2;display: flex;flex-wrap: wrap;display: -webkit-flex;align-items:center;}
.indexFdc ul li h5 div{order:2;display: flex;flex-wrap: wrap;display: -webkit-flex;align-items:center;}
.daili{
    /* box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%); */
    padding: 30px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #f5f5f5;
}
.daili dt{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items:center;
    border-bottom: 1px solid #eee;
    padding: 0 0 20px 0;
}
.daili dd{
    padding: 20px 0 0;
}
.daili img{
    width: 80px;
    border-radius: 100%;
}
.daili h3{
    padding-left: 10px;
    font-size: 26px;
    color: #f20000;
}
.daili p{
    padding: 5px 0;
}
.daili a{}
.EvaluateNr p{
    padding-bottom: 2em;
    color: #666;
    font-size: 16px;

}
.EvaluateNr ul{}
.EvaluateNr ul li{}
.EvaluateNr h3{}
.EvaluateNr strong{
    font-weight: 500;
    font-size: 23px;
}
.indexA2 .indexAboutImg{order:2;display: flex;justify-content: center;}

#indexAbout14 .indexAboutImg {
    width: 400px;
    margin: auto;
}
.ServicesShowFormRight{
    width: 300px;
}
.WindowShow form select{
    display: block;
    width: 100%;
    border-bottom: 1px solid #000;
    padding: 10px 0;
    cursor: pointer;
    margin-bottom: 20px;
}

.otherProjectRight{width: 100%;margin-top: 20px;}
.pageshuzuBJ{
    padding: 80px 0;
}
.pageshuzu{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.pageshuzu dl{
    width: 30%;
}
.pageshuzu dl dt{
    font-size: 20px;
    padding-bottom: 10px;
}
.pageshuzu dd{
    font-size: 14px;
    color: #666;
    line-height: 1.7em;
}
.BjqImgBJ{
    position: relative;
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
    padding: 160px 0;
}

div#Page3688 {
    height: 804px;
}

div#Page63101 {
    height: 968px;
}

div#Page3696 {
    margin-bottom: 100px;
    height: 740px;
}

div#Page3998 {
    background-image: url(Woyaokaidian/43fb6eb82785fcbf12e266b04814e875.jpg);
    background-size: cover; /* 改为cover确保图片覆盖容器 */
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
}
@media (min-width: 768px) {
    div#Page3998 {
        height: 710px;
        margin-bottom: 100px;
        animation: slowBgMove 80s infinite alternate ease-in-out;
    }
    .PageBJQ100 h2 { font-size: 2.5em; } /* PC端标题大小 */
}
/* 移动端样式 */
@media (max-width: 767px) {
    div#Page3998 {
        height: 400px; /* 更紧凑的高度 */
        margin-bottom: 50px;
        animation: mobileBgMove 40s infinite alternate ease-in-out; /* 更快的动画 */
    }
    .PageBJQ100 {
        padding: 20px; /* 增加内边距 */
        text-align: center; /* 内容居中 */
    }
    .PageBJQ100 h2 {
        font-size: 1.8em; /* 缩小标题字号 */
        line-height: 1.3; /* 优化行高 */
    }
    .bannerimgtip {
        width: 20px; /* 缩小图标 */
    }
}
@keyframes slowBgTilt {
  0% {
    background-position: 0% 0%;
    transform: skew(0deg);
  }
  25% {
    background-position: 20% 10%;
    transform: skew(2deg);
  }
  50% {
    background-position: 40% 20%;
    transform: skew(-1deg);
  }
  75% {
    background-position: 60% 10%;
    transform: skew(1.5deg);
  }
  100% {
    background-position: 80% 0%;
    transform: skew(-0.5deg);
  }
}

.BjqImgBJnr{
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    align-items: center;
}

#Page3688 .BjqImgBJnr.BJQ.box {
    position: relative; /* 确保内容不受背景动画影响 */
    z-index: 2; /* 置于背景之上 */
    flex-direction: row;
    align-items: flex-start;
}
@keyframes slowBgMove {
    0% {
        background-position: 10% 10%; /* 左上 */
    }
    50% {
        background-position: 50% 50%; /* 居中 */
    }
    100% {
        background-position: 90% 90%; /* 右下 */
    }
}

#Page3998 .BjqImgBJnr.BJQ.box {
    height: 300px;
}
.BjqImgBJnr h2{
    color: #fff;
    font-size: 56px;
    padding: 0px 0 10px 0;
    font-weight: 600;
    text-align: center;
}

#Page3688 h2 {
    text-align: left;
}
.BjqImgBJnr h3{
    color: #fff;
    font-size: 30px;
    padding: 0px 0 10px 0;
    margin: 0 0 20px 0;
}
.BjqImgBJnr h4{
    color: #fff;
    text-align: center;
    font-size: 36px;
    padding-bottom: 10px;
}
.BjqImgBJnr p{
    color: #ffffffb3;
    text-align: center;
    font-size: 16px;
}

.BjqImgBJnr p a {
    line-height: 46px;
    color: #f16b34;
    display: block;
    position: relative;
    width: 140px;
    text-align: center;
    margin: 20px auto 0;
    background-color: #ffffff;
    font-weight: 500;
    transition: 0.5s;
    border-radius: 30px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: 16px;
}

.BjqImgBJnr p a:hover img {
    content: url('left.png');
}
.bannerTxtNrtxt a {
    line-height: 65px;
    color: #f16b34;
    display: block;
    position: relative;
    width: 180px;
    text-align: center;
    margin: 20px auto 0;
    background-color: #ffffff;
    font-weight: 500;
    transition: 0.5s;
    border-radius: 30px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.bannerTxtNrtxt a:hover img {
    content: url('left.png');
}

.BjqImgBJnr p .bannerimgtip {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
}


.BjqImgBJnr p a img {
    margin: 0;
}

.BjqImgBJnr p a img {
    width: 20px;
    border-radius: 50%;
    display: inline-block;
}

#Page3688 p {
    text-align: left;
}
.BjqImgBJnr strong{
    color: #fff;
}
.BjqImgBJnr ul{
    padding: 20px;
}
.BjqImgBJnr li{
    color: #fff;
    list-style-type: disc;
}

.BjqImgBJ:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
}

#Page3998::after {
    background: linear-gradient(233deg, rgb(245 135 89 / 20%) -1%, rgb(42 121 139 / 85%) 86%), rgba(0, 0, 0, 0.1);
}

#Page6290:after {
    background-color: #fff;
}





.footHead:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    background: rgb(0 0 0 / 0.5);
}



.IndexpageshuzuBJ{
    padding: 80px 0;
    position: relative;
}
.Indexpageshuzu{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    z-index: 2;
}
.Indexpageshuzu dl{
    width: 30%;
}
.Indexpageshuzu dl dt{
    font-size: 20px;
    padding-bottom: 10px;
}
.Indexpageshuzu dd{
    font-size: 14px;
    color: #666;
    line-height: 1.7em;
}

.IndexBjqImgBJ{
    position: relative;
    /*background-attachment: fixed;*/
    background-size: contain;
    background-position: center;
    padding: 160px 0;
}
.IndexBjqImgBJnr{
    position: relative;
    z-index: 2;
    display: flex;
}
.IndexBjqImgBJnr h2{
    text-align: center;
    color: #fff;
    font-size: 32px;
    padding: 20px 0;
}
.IndexBjqImgBJnr h3{
    color: #fff;
    font-size: 36px;
    padding-bottom: 10px;
    font-weight: 600;
}

.IndexBjqImgBJnr span{
    color: #fff;
    font-size: 26px;
    padding-bottom: 10px;
    font-weight: 600;
}
.IndexBjqImgBJnr h4{
    color: #fff;
}
.IndexBjqImgBJnr p{
    color: #fff;
    padding-right: 25px;
}

.IndexBjqImgBJ100 p {
    text-align: center;
    font-size: 16px;
    padding-inline: 37px;
}
.IndexBjqImgBJnr strong{
    color: #fff;
}
.IndexBjqImgBJnr ul{
    /* padding: 20px; */
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
}
.IndexBjqImgBJnr li{
    color: #fff;
    width: 50%;
    padding: 30px;
    border-bottom: 1px solid #ffffff42;
    border-right: 1px solid #ffffff42;
}

.IndexBjqImgBJnr li:nth-of-type(2),.IndexBjqImgBJnr li:nth-of-type(4) {
    border-right: none;
}

.IndexBjqImgBJnr li:nth-of-type(3),.IndexBjqImgBJnr li:nth-of-type(4) {
    border-bottom: none;
}


.IndexBjqImgBJ:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
}


.indexBjqImgUrlNrTxt strong{}
.IndexBjqImgBJnr a:hover{
 background-color: #f16b34;
 color: #fff;
    transform: translateY(-7px);
}
.AboutTxt h2 img{

}

.indexList{}
.indexList>div{width:100%;}

div#indexProjectsBox63 {
    height: 100vh;
    padding-top: 0;
}



.footAA h3 span{

}

.FqaRight dt img{ }
.FqaRight dt p{

}
.FqaRight dt em{ }
.FqaRight dt span{}
.Faq>h2{}

.AboutUL:after{content:'';display: block;width: 100%;height: 100%;left: 0px;top: 0px;background: #01221e;position: absolute;opacity: 0;}
.ServicesParameterUl li>div{

}
.productListImg{
    width: 100%!important;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%!important;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items:center;
}
.RelatedProductsNr p{text-align: center;color: #f20000;}

.AboutUL>ul li:last-child{}
.pageOl li:last-child{}
.pagelIsImg{
     width: 50%;
}

.ServicesShowForm form>div{

}

.indexBJQ100{
    width: 80%;
    text-align: center;
}
.indexBJQ50{
    width: 48%;
}
.PageBJQ100{
    width: 42%;
}

#Page6456 .PageBJQ100 {
    width: 34%;
}

div#lianxiwomen1 {
    display: none;
}

#Page6456 .PageBJQ50 {
    width: 60%;
    height: 100%;
}

#Page6456 .PageBJQ50 .ContactMap {
    margin: auto;
}

#Page3696 .PageBJQ100 {
    width: 100%;
    width: 475px;
}

.PageBJQ100 img {
    width: 120px;
    /* margin: auto; */
    margin-bottom: 25px;
}

#Page63101 .PageBJQ100 img {
    margin-inline: auto;
}


#Page6399 .PageBJQ100 img {
    margin: 0;
    margin-bottom: 25px;
}
.PageBJQ50{
    width: 50%;
    background-size: cover;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    height: 500px;
}

#Page6456 .PageBJQ50 img {
    width: 100%;
    height: 100%;
}

#Page6456 .PageBJQ50 .ContactMap .img1 {
    background-image: url(../YITOO_files/Lianxiwomen/1.png);
    top: 38%;
    left: 52.5%;
    border-radius: 20px 20px 30px 30px;
}

#Page6456 .PageBJQ50 .ContactMap .img2 {
    background-image: url(../YITOO_files/Lianxiwomen/2.png);
    top: 22%;
    left: 76.5%;
}
#Page6456 .PageBJQ50 .ContactMap .img3 {
    background-image: url(../YITOO_files/571df69518c90a753b12d21a9eab0cfe.png);
    top: 38%;
    left: 52.5%;
    border-radius: 20px 20px 30px 30px;
}

#Page6456 .PageBJQ50 .ContactMap .img4 {
    background-image: url(../YITOO_files/f6d91f01aacb1e47f258cc0635907f42.png);
    top: 22%;
    left: 76.5%;
}
#Page6456 .PageBJQ50 .ContactMap label {
    position: absolute;
    width: 280px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 288px;
    cursor: pointer;
    z-index: 9999;
}
#Page6456 .PageBJQ50 .ContactMap label:hover {
    transform: translateY(-10px);
    transition: all .3s;
}

#Page6399 .PageBJQ50 {
    height: auto;
    width: 40%;
}

#Page3688 .PageBJQ50 {
    margin-top: 375px;
    width: 50%;
}

#Page3688 .PageBJQ50 {
    height: auto;
}

.PageBJQ50 img {
    width: 80px;
    height: 80px;
}

#Page6399 .contactmapImg {
    width: 100%;
    height: 100%;
}


.IndexBjqImgBJ100{
    width: 36%;
    /* background-color: #205662e0; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 130px 20px;
    background-size: cover;
    border-radius: 10px 0 0;
}

#IndexBjqImgBJ63 .IndexBjqImgBJ100 {
    width: 100%;
}

#IndexBjqImgBJ63 h2 {
    font-size: 33px;
    text-align: center;
}
.IndexBjqImgBJ50{
    width: 64%;
    background-size: cover;
    background-position: center;
    padding: 130px 20px;
    border-radius: 0 10px 10px 0;
}
.IndexBjqImgBJnr a{
    line-height: 46px;
    color: #f16b34;
    display: block;
    position: relative;
    width: 140px;
    text-align: center;
    margin: 40px auto 0;
    background-color: #ffffff;
    font-weight: 500;
    transition: 0.5s;
    border-radius: 30px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    }

.IndexBjqImgBJnr a:hover img {
    content: url('left.png');
}


.IndexBjqImgBJnr .bannerimgtip {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
}


.FootCuBox2{

}
.FootCuBox2 h2{}
.FootCuBox2 p{}
.FootCuBox2 .FootCuTxt a{}
.ServicesList>ul>li:last-child{}


.FootCuBox2 .FootCuImg{
    left: auto;
    right: 0px;
}
.pageUltxt{

}
.pageColorUltxt{
    width: 60%;
    padding: 13px 40px;
}


.IndexpageshuzuBJQ{
    text-align: center;
    padding-bottom: 40px;
}
.IndexpageshuzuBJQ p{
    padding: 0 10%;
}
.IndexpageshuzuBJQ h2{
    font-size: 36px;
    text-align: center;
    text-transform: capitalize;
}
.IndexpageshuzuBJQ ul{}
.IndexpageshuzuBJQ ul li{}

.ServicesList>ul>li:nth-child(2n){}
.AboutTxt p img{}
.AboutULBJQ p{

}




.indeximgstxt{

}
.indeximgstxt a{
    line-height: 44px;
    color: #fff;
    font-size: 14px;
    width: 140px;
    text-align: center;
    margin: 20px 0 0;
    display: block;
    text-transform: capitalize;
    background: #e35a00;
    font-weight: 500;
}
.indeximgstxt ul{
    padding: 0 0 0 20px;
}
.indeximgstxt ul li{
    padding: 0 0 5px 0px;
    position: relative;
    list-style-type: disc;
    font-size: 16px;
}
.indeximgstxt p{}

.IndexpageshuzuBJ:after{content:'';display: block;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: #fff;opacity: 0.9;}

.productListImg img{
    /* max-width: 100%; */
    /* max-height: 100%; */
    width: 100%!important;
    height: 100%!important;
}

.indexAUlTxt h3{
    text-align: center;
    font-size: 26px;
}


.footEmail input::-webkit-input-placeholder{ }
.footEmail input::-moz-placeholder { }
.footEmail input::-ms-input-placeholder {}



.PageBJQ table{margin-bottom: 40px;}
.PageBJQ tr{
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
.PageBJQ td{
    padding: 10px;
    border: none;
}
.PageBJQ td p{}
.PageBJQ td h2{
    font-size: 20px;
}
.PageBJQ td h3{}
.PageBJQ tr:nth-child(2n){
    background: #fff;
}
.PageBJQ td:nth-child(1){

}
.PageBJQ td:nth-child(2){
}
.PageBJQ td:nth-child(3){}
.PageBJQ td:nth-child(4){}
.PageBJQ td:nth-child(5){}

.indexCpOl>li:nth-child(1){}
.indexCpOl>li:nth-child(2){}
.indexCpOl>li:nth-child(3){

}
.indexCpOl>li:nth-child(4){

}
.indexCpOl>li:nth-child(5){

}











.PageZhedie{}
.PageZhedie dl{
    padding: 40px 0;
}
.PageZhedie dt{
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:center;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.PageZhedie dt i{transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;font-size: 18px;}
.PageZhedie dt img{
    width: 30px;
}
.PageZhedie h3{
    width: calc(100% - 30px);
}
.PageZhedie dd{
    display: none;
    padding: 20px 0;
}
.PageZhedie dd p{
    padding-bottom: 1em;
}
.PageZhedie dd ul{
    padding: 0 0 20px 20px;
}
.PageZhedie dd li{
    list-style-type: disc;
}
.PageZhedie dd li::marker{}
.PageZhedie dd strong{}
.PageZhedie dd h2{}
.PageZhedie dd h3{}
.PageZhedie dt.this{}
.PageZhedie dt.this h3{
    color: #f20000;
}
.PageZhedie dt.this i{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    color: #f20000;
}



.indexBjqImgUrlTitle{
    font-size: 36px;
    padding-bottom: 80px;
    position: relative;
    text-align: center;
    font-weight: 600;
}

.indexBjqImgUrlTitle.box img {
    margin: auto;
    margin-bottom: 30px;
    width: 120px;
}

.ServicesShowPage{
    padding: 0 0;
}
.ServicesShowPageHead{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    /* align-items:center; */
}
.ServicesShowPageHeadImg{
    width: 50%;
}
.ServicesShowPageHeadImg img{}
.ServicesShowPageHeadTxt{
    width: 48%;
}
.ServicesShowPageHeadTxt h1{}
.ServicesShowPageHeadTxt .BJQ{}
.ServicesShowPageHeadTxt .BJQ p{
    padding: 1em 0 0 0;
}
.ServicesShowPageHeadTxt .BJQ ul{
    padding: 10px 20px 0;
}
.ServicesShowPageHeadTxt .BJQ li{
    list-style-type: disc;
}

.ServicesPageBJQ{
    background: #ffffff;
    padding: 60px 0;
}

div#ServicesPage29,
#ServicesPage33,
#ServicesPage37,
#ServicesPage41{
    /* background: #f5f5f5; */
    padding-bottom: 0;
}
.ServicesPageBJQ h2{
    padding-bottom: 20px;
    font-size: 32px;
    color: #444;
    text-align: center;
}
.ServicesPageBJQ p{
    /* padding: 1em 0 0 0; */
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}
.ServicesPageBJQ ul{
    padding: 10px 20px;
}
.ServicesPageBJQ li{
    list-style-type: disc;
}


.ServicesBJQImg{
    padding: 60px 0;
}

.ServicesBJQImg:nth-of-type(even) .ServicesBJQImgL {
    order: 2;
}
.ServicesBJQImgL{
    width: 37%;
    order: 2;
}
.ServicesBJQImgL img{}


.ServicesBJQImgR{
    width: 60%;
}
.ServicesBJQImgR h2{
    font-size: 26px;
}
.ServicesBJQImgR p{
    padding: 1em 0 0 0;
}
.ServicesBJQImgR ul{
    padding: 10px 20px;
}
.ServicesBJQImgR li{
    list-style-type: disc;
}
.ServicesBJQImgR a{}


.ServicesBJQImgs{
    padding: 60px 0;
    background: #f5f5f5;
}
.ServicesImgsBJQ p{}
.ServicesImgsBJQ h2{
    text-align: center;
    padding-bottom: 20px;
    font-size: 36px;
}

.ServicesBJQImgs ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
.ServicesBJQImgs ul li{
    width: 24%;
    padding-bottom: 17px;
}
.ServicesBJQImgs li em{
    position: relative;
    display: block;
    padding-bottom: 66%;
}
.ServicesBJQImgs li img{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}


.ServicesPageBJQBj{
    padding: 80px 0;
    position: relative;
    /*background-attachment: fixed;*/
    background-size: cover;
    background-position: center;
}
.ServicesPageBJQBj h2{
    color: #fff;
    padding-bottom: 20px;
    text-align: center;
    font-size: 34px;
}
.ServicesPageBJQBj p{
    color: #fff;
    /* text-align: center; */
}
.ServicesPageBJQBj ul{
    padding: 10px 20px;
}
.ServicesPageBJQBj li{
    list-style-type: disc;
    color: #fff;
}

.ServicesPageBJQBj li h3 {
    color: #fff;
}
.ServicesPageBJQBj:after{content:'';position: absolute;left: 0px;top: 0px;background: #00000078;display: block;width: 100%;height: 100%;opacity: 0.8;}
.ServicesBJQImg .box{display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;}
.ServicesShowPageHeadTxt .BJQ a{}
.ServicesPageBJQBj a{}


.ServicesBJQTxtImgs{
    padding: 60px 0;
    background-color: #f2f5f6;
}
.ServicesTxtImgsBJQ{}
.ServicesTxtImgsBJQ p{
    padding: 1em 0 0 0;
}
.ServicesTxtImgsBJQ h2{
    padding-bottom: 10px;
    font-size: 34px;
    text-transform: capitalize;
    text-align: center;
    color: #002960;
}
.ServicesTxtImgsBJQ ul{
    padding: 10px 20px;
}
.ServicesTxtImgsBJQ li{
    list-style-type: disc;
}

.ServicesBJQTxtImgs .box>ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.ServicesBJQTxtImgs .box>ul li{
    width: 24%;
    padding: 10px 0 0 0;
}
.ServicesBJQTxtImgs .box>ul li em{
    display: none;
}
.ServicesBJQTxtImgs .box>ul li h3{
    padding: 15px 0;
    font-size: 18px;
    font-weight: 500;
    color: #002960;
}
.ServicesBJQTxtImgs .box>ul li p{
    font-size: 16px;
    color: #333;
    font-weight: 300;
}
.ServicesBJQTxtImgs .box>ul li img{
    width: 50px;
    height: 50px;
    border: 2px solid #ccc;
    border-radius: 50%;
    padding: 13px;
    object-fit: contain;
}

.ServicesShowPageHeadTxt .BJQ h2{
    font-size: 36px;

}
.ServicesShowPageHeadTxt .BJQ h3{
    font-size:26px;

}

.ServicesPageBJQBj .box{z-index:2;}
.ServicesShowLeft .box{ width:100%;}

.AboutTxtBox .PageBJQ50{
    width: 48%;
}
.AboutTxtBox .PageBJQ50 p{
    margin-bottom: 1em;
    font-size: 14px;
}
.AboutTxtBox .PageBJQ50 h2{
    font-size: 36px;
    margin-bottom: 10px;
}
.AboutTxtBox .PageBJQ50 strong{
    font-size: 20px;
}
.FootImgBJ{
    position: relative;
    background-attachment: scroll;
    background-size: cover;
    background-position: top;
    padding: 150px 0 100px;
}

#html .FootImgBJ {
    /* padding: 500px 0 100px; */
    display: flex;
    flex-direction: column;
    position: relative;
    background: linear-gradient(#225763, #e7edef);
    background-repeat: no-repeat;
    height: 1000px;
}
.FootImgBJ h2{
    color: #fff;
    font-size: 32px;
    width: 100%;
    text-transform: capitalize;
    font-weight: 600;
    padding-bottom: 10px;
    /* text-align: center; */
    width: 100%;
}
.FootImgBJ h3{
    color: #f07f14;
    font-size: 26px;
    font-weight: 700;
    text-transform: capitalize;
}
.FootImgBJ p{
    color: #fff;
    /* width: 50%; */
    padding-right: 50px;
    padding-bottom: 10px;
    font-size: 16px;
}
.FootImgBJ a{
    line-height: 50px;
    font-size: 14px;
    text-transform: uppercase;
    width: 161px;
    text-align: center;
    display: block;
    color: #fff;
    background-color: #002960;
    border-radius: 30px;
    margin-top: 25px;
    display: none;
}

.FootImgBJ a:hover {
    background-color: #0170b9;
}
.FootImgBJ .BJQ{
    z-index: 2;
    width: 100%;
    display: flex;
    /* justify-content: center; */
}




.FootImgBJ:after{
    content: '';
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    /* background: rgb(227 114 34); */
    }
#html39 .FootImgBJ{display: none;}
#html39 .FootImgBJ a{display:none;}

.pageColorUl ul li em{display:block;width: 40%;}

.PageBJQ th{
    text-align: center;
    padding: 10px;

}

.ServicesShowPageHeadTxt h2{}
.ServicesShowPageHeadTxt .BJQ li::marker{}
.ServicesBJQImgR p strong{color: #222;font-size: 20px;}
/*笔记本*/


.EvaluateLeft{
    width: 30%;
    border: 1px solid #ddd;
    padding: 40px;
}
.EvaluateLeft h2{
    font-size: 30px;
    font-weight: normal;
    padding-bottom: 20px;
}
.EvaluateLeft h3{}
.EvaluateLeft p{
    padding-bottom: 1em;
}
.EvaluateLeft ul{
    padding: 0 20px 1em;
}
.EvaluateLeft ul li{
    list-style-type: disc;
    padding-bottom: 5px;
}
.EvaluateLeft strong{}
.ServicesShowPageHeadTxt .BJQ strong{ }

.lanmujj h3{}
.lanmujj h4{
    font-size: 20px;
    padding: 1em 0 0 0;
}
.lanmujj ul{
    padding: 0 0 1em 20px;
}
.lanmujj ul li{
    list-style-type: disc;
}
.ServicesShowPageHeadTxt .BJQ h4{
    padding: 1em 0 0 0;
    font-size: 20px;
}
.ServicesPageBJQ h4{
    font-size: 20px;
    padding: 1em 0 0 0;
    font-weight: 600;
}
.ServicesPageBJQ h3{
    font-size: 22px;
    color: #444;
}




.ServicesPageBJQTitle{
    padding: 60px 0;
}
.ServicesPageBJQTitle h2{}
.ServicesPageBJQTitle p{
    padding-bottom: 1em;
}
.ServicesPageBJQTitle h3{}
.ServicesPageBJQTitle ul{}
.ServicesPageBJQTitle ul li{}
.ServicesPageBJQTitle ol{}
.ServicesPageBJQTitle ol li{}
.ServicesPageBJQTitle strong{}

.ServicesPageBJQTitleImg{
    padding: 60px 0;
}
.ServicesPageBJQTitleImg .box{
}
.ServicesPageBJQTitleimage{position: relative;padding-bottom: 66%;}
.ServicesPageBJQTitleimage img{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.ServicesPageBJQTitleImgList{
    width:32%;
}
.ServicesPageBJQTitleImgList .BJQ{
    color: #666;
}
.ServicesPageBJQTitleImgList h2{
    padding: 15px 0;
    color: #000;
}
.ServicesPageBJQTitleImgList p{
    padding-bottom: 1em;
}
.ServicesPageBJQTitleImgList h3{}
.ServicesPageBJQTitleImgList ul{}
.ServicesPageBJQTitleImgList ul li{}
.ServicesPageBJQTitleImgList ol{}
.ServicesPageBJQTitleImgList ol li{}
.ServicesPageBJQTitleImgList strong{}
.ProductClassification h4{}
.ProductClassification h5{}
.FootCuTxt h3{}
.FootImgNr{
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
.FootImgForm{
    /* width: 40%; */
    margin-top: 10px;
}
.FootImgForm form{display: flex;justify-content: center;}
.FootImgForm form>div{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    width: 30%;
}

.FootImgForm form .Contact50 {
    width: 70%;
}
.FootImgForm input{
    border: 1px solid #2626266e;
    line-height: 40px;
    padding: 0 16px;
    width: 424px;
    border-radius: 10px;
    background-color: #fff;
    font-size: 12px;
    height: 45px;
    background-image: url(../YITOO_files/emailimg.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    text-indent: 20px;
    background-size: 13px 10px;
    font-weight:600;
}

.FootImgForm input::placeholder{
    color:#000000a8;
    font-weight:500;
}

.FootImgForm select {
    border: 1px solid #dddddd;
    height: 55px;
    padding: 0 10px;
    width: 100%;
    margin: 10px 0 20px;
    border-radius: 10px;
}
.FootImgForm em{font-size: 16px;font-weight: 600;}
.FootImgForm textarea{
    width: 100%;
    padding: 10px;
    height: 160px;
    border-radius: 10px;
    border: 1px solid #dddddd;
    margin: 10px 0 20px;
}
.FootImgForm button{
    width: 92px;
    background: #f16b34;
    color: #fff;
    padding: 2px 24px;
    margin-left: 20px;
    font-size: 16px;
    border-radius: 10px;
    font-size: 13px;
    height: 45px;
    background-image: url(../YITOO_files/line.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px 10px;
}

.FootImgForm button:hover {
    background-color: #17929b;
}
.galleryshang{padding:0 0 40px;}




.ServicesBJQTxtImgsEr{
    padding: 60px 0;
}
.ServicesTxtImgsBJQEr{}
.ServicesTxtImgsBJQEr p{
    padding: 1em 0 0 0;
}
.ServicesTxtImgsBJQEr h2{
    text-align: center;
    padding-bottom: 20px;
    font-size: 36px;
}
.ServicesTxtImgsBJQEr ul{
    padding: 10px 20px;
}
.ServicesTxtImgsBJQEr li{
    list-style-type: disc;
}

.ServicesBJQTxtImgsEr .box>ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
}
.ServicesBJQTxtImgsEr .box>ul li{
    width: 24%;
    padding: 10px;
    box-shadow: 0 0 10px rgb(151 151 151 / 20%);
    margin-bottom: 10px;
}
.ServicesBJQTxtImgsEr .box>ul li em{}
.ServicesBJQTxtImgsEr .box>ul li h3{
    padding: 15px 0;
    font-size: 17px;
    font-weight: 600;
}
.ServicesBJQTxtImgsEr .box>ul li p{}
.ServicesBJQTxtImgsEr .box>ul li img{
    height: 224px;
    width: 100%;
}

.ServicesBJQTxtImgsEr .box>ul li>div{}


.footAD a i{
    position: relative;
    color: #f20000;
    font-size: 20px;
    top: 2px;
    line-height: 1em;
    }
    .footAB a i{position: relative;
    color: #f20000;}



.PageBJQImgList{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    display: flex;
    gap: 10px;
}
.PageBJQImgListBox{
    padding: 0 0 160px;
}

.PageBJQImgListNr{
    margin-bottom: 20px;
    position: relative;
    flex: 1;
    transition: all 0.3s ease;
}

.PageBJQImgListNr img {
    height: 582px;
    border-radius: 20px;
    width: 100%;
}

   .PageBJQImgListNr:nth-of-type(1) {
      flex: 2;
    }




    .PageBJQImgListNr:hover {
      flex: 2;
    }

    .PageBJQImgList:hover .PageBJQImgListNr:not(:hover) {
      flex: 1;
    }


.PageBJQImgListNrtxt{
    color: #fff;
    position: absolute;
    bottom: 40px;
    padding: 0 30px;
}
.PageBJQImgListNrtxt h2{
    font-size: 32px;
    color: #fff;
    padding-bottom: 10px;
}
.PageBJQImgListNrtxt h3{}
.PageBJQImgListNrtxt h4{}
.PageBJQImgListNrtxt p{
    font-size: 14px;
    padding-bottom: 1em;
}
.PageBJQImgListNrtxt strong{}
.PageBJQImgListNrtxt ul{
    padding: 10px 20px;
}
.PageBJQImgListNrtxt ul li{
    list-style-type: disc;
}
.PageBJQImgListNrtxt ul li::marker{}
.PageBJQImgListNrtxt ul li i{}




.productCanshu{
    display: table;
}
.productCanshuList{
    display: table-row;
}
.productCanshuList span{
    display: table-cell;
    padding: 0 10px 0 0;
}
.productCanshuList strong{
    font-weight: normal;
}

.PageImgTxtList{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    /* background: #f7f7f7; */
    position: relative;
}
.PageImgTxtListImg{
    width: 50%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}
.PageImgTxtListImg img{
    width: 100%;
    height: 100%;
}
.PageImgTxtListTxt{}
.PageImgTxtListContent{
    padding: 80px 0 80px 55%;
}
.PageImgTxtListContent h2{
    font-size: 36px;
}
.PageImgTxtListContent h3{}
.PageImgTxtListContent p{
    padding-bottom: 1em;
}
.PageImgTxtListContent ul{
    padding: 0 20px;
}
.PageImgTxtListContent ul li{
    font-size: 14px;
    padding-bottom: 7px;
    list-style-type: disc;
}
.PageImgTxtListContent strong{}

.n2 .PageImgTxtListContent{
    padding: 80px 55% 80px 0%;
}
.n2 .PageImgTxtListImg{
    left: auto;
    right: 0px;
}



.content .indexNav{}
.PageXGbox{
    padding-bottom: 80px;
    display: none;
}
.PageXGbox h2{
    padding: 0px 0 10px 0;


    margin-bottom: 20px;
    font-size: 36px;
    text-align: center;
}
.PageXGbox ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    /* align-items: center; */
}
.PageXGbox ul li{
    width: 32%;
    margin-bottom: 30px;
}
.PageXGbox ul li a{
    display: block;
}
.PageXGbox ul li img{}
.PageXGbox ul li h3{
    font-weight: normal;
    padding: 10px 0;
}


.PageBJQImgListNrtxt a{line-height: 40px;
    font-size: 14px;
    border: 1px solid #000;
    text-transform: capitalize;
    width: 140px;
    text-align: center;
    margin: 20px 0 0 0;}

.fixed .indexheadbj{display:none;}
.FdcLitsImg{}
.indexFdcLitsImg em{background: #f20000;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 2;
    padding: 4px 20px;
    color: #fff;}



.productListTxt{
    padding: 20px 0 0 0;
}
.ClassificationImg{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.indexBjqImgUrlTitle h2{
    font-size: 56px;
    text-align: center;
    font-weight: 600;
    }
.indexBjqImgUrlTitle p{}
.indexBjqImgUrlTitle ul{}
.indexBjqImgUrlTitle li{}
.indexBjqImgUrlTitle strong{}

.AboutTxtBox .PageBJQ50 ul{
    overflow: hidden;
    padding: 0px 0 20px 20px;
}
.AboutTxtBox .PageBJQ50 li{
    position: relative;
    font-size: 14px;
    margin-bottom: 5px;
    list-style-type: disc;
}


#AboutTxtBox21{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: center;
    /* align-items: center; */
}


.indexFultxt{  font-size: 14px; text-align: center;}
.ServicesPageBJQTitleImgList a{display:block;}
.ServicesPageBJQUlrTitle  h2{    text-align: center;
    padding-bottom: 20px;
    font-size:36px;}

    .ServicesPageBJQUlrTitleList{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    /* align-items: center; */
}






.PageBJQImgListTitle {
    font-size: 30px;
    text-align: center;
    padding-bottom: 80px;
}

.PageBJQImgListTitle img {
    margin: auto;
    margin-bottom: 30px;
    width: 120px;
}
.PageBJQImgListTitle  h2{
    font-size: 56px;
}
.PageBJQImgListTitle  h3{}
.PageBJQImgListTitle  p{}
.PageBJQImgListTitle  ul{}
.PageBJQImgListTitle  li{}


.pageshuzuTitle{ width:100%; text-align: center;
    padding-bottom: 40px;}

.pageshuzuTitle h2{font-size: 30px;
    text-align: center;}
    #Noplaceholder{/* display:none; */}
    #placeholder{
    /* display: none; */
}
    #html49 .FootImgBJ{ }

.FqaRight dt.this i{ }



.ContactRight ol{

}
.ContactRight ol li{

}
.ContactRight ol li::marker{

}



.nofixed .indexNav{ }
.nofixed .logo h1{ }
.nofixed #nav>li>a{ }
.nofixed .logo1{display:none;}
.nofixed .logo2{display:block;}


.otherService h2{

    }
.otherService h2:after {
    content: '';


}
.ContactRight h2{
   border-bottom: 1px solid #ccc;
   }
.ContactBox h2:after {
    content: '';


}

.ContactRight>p strong{

}
#html .footA{

}
#html .copyrightLeft a em{ }
#html .copyrightLeft a{ }


.ServicesTxtImgsBJQ p strong{

}
.ServicesBJQTxtImgsTxt{ }
.aboutListTxt em{

}



.AboutTxtBj{position:relative;padding: 80px 0;}
.AboutTxtBj:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    background: rgb(0 0 0 / 0.5);
}
.AboutTxtBjcontent{
    position: relative;
    z-index: 3;
}
.AboutTxtBjcontent h2{
    color: #fff;
    font-size: 36px;
    line-height: 1.3em;
    text-align: center;
    padding-bottom: 20px;
}
.AboutTxtBjcontent h3{}
.AboutTxtBjcontent strong{
    color: #fff;
}
.AboutTxtBjcontent en{}
.AboutTxtBjcontent p{
    color: #fff;
    padding-bottom: 1em;
}
.AboutTxtBjcontent a{}
.AboutTxtBjcontent ul{
    padding: 0 20px;
}
.AboutTxtBjcontent ul li{
    color: #fff;
    list-style-type: disc;
}


.aboutListMaxImgTxt{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: flex-end;
    align-items: center;
    background: #f5f5f5;
    position: relative;
}
.aboutListMaxImg{
    width: 50%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}
.aboutListMaxImg img{
    width: 100%;
    height: 100%;
}
.aboutListMaxTxt{
    width: 50%;
    padding: 40px 40px;
    min-height: 50vh;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    align-items: center;
}
.aboutListMaxTxt h2{
    padding-bottom: 15px;
    font-size: 36px;
    line-height: 1.3em;
}
.aboutListMaxTxt h3{}
.aboutListMaxTxt ul{}
.aboutListMaxTxt ul li{}
.aboutListMaxTxt p{
    padding-bottom: 1em;
}
.aboutListMaxTxt em{}
.aboutListMaxTxt strong{}

.Righr .aboutListMaxImg{
    left: auto;
    right: 0px;
}
.Righr{
    justify-content: flex-start;
}

.aboutListMaxTxtMinh{
}
.footAC ul li img{}
.ServicesImgsBJQ{ }
/*2024-9-3 16:53:34*/

.footEmail{display:none;}




.indexProjectReadMore{
        margin: auto;
        font-size: 16px;
        text-transform: capitalize;
        font-weight: 500;
        border: 1px solid;
        padding: 10px 20px;
        transition: 0.2s;
        display: none;
    }

.indexProjectReadMore:hover {
    background-color: #334859;color: #fff;
    transform: translateY(-7px);}



.buttonLR a{}

.buttonLR{
    display: none;
}
.buttonLR button{
    position: absolute;
    top: 50%;
    margin-top: -30px;
}
.buttonLR button i{
    font-size: 40px;
    color: #6666666b;
}
.indexProjectsL{
    left: -50px;
}
.indexProjectsR{
    right: -50px;
}


.ServicesListImg{
    position: relative;
    padding-bottom: 66%;
}
.ServicesListImg img{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.indexFdcRM{    border: 1px solid #000;
    line-height: 46px;
    margin: 20px auto 0;
    display: block;
    width: 160px;
    text-align: center;}
.FootImgNrLeft{width: 100%;padding: 0;border-radius: 10px;display: flex;flex-wrap: wrap;justify-content: space-between;background: linear-gradient(152deg, #F58759 -3%, rgba(40, 124, 142, 0.52) 81%), #205662;}

.FootImgNrLeft .contactLeft {
    position: relative;
    width: 48%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.FootImgNrLeft .contactLeft img {
    position: absolute;
    top: -60px;
    left: 148px;
    width: 230px;
}

.FootImgNrLeft .contactRight {
    width: 50%;
    margin-block: 49px;
    padding: 10px 60px 23px 20px;
}



.aboutListTxt h2:after {
    content: '';
}
.aboutListTxt h3:after {
    content: '';
}

.aboutListMaxTxt h2:after {
    content: '';
}
.aboutListMaxTxt h3:after {
    content: '';
}
.AboutTxtBox h3{}
.AboutTxtBox h2:after {
    content: '';
}
.AboutTxtBox h3:after {
    content: '';
}
.lanmubannerTxtBj{
    padding-bottom: 40px;
}
#footCP{
    display: none;
}
/*笔记本*/
@media (min-width:1000px) and (max-width:1450px){

}
/*导航菜单放不下*/
@media (min-width:1000px) and (max-width:1300px){
    .logo,.indexNavNrRight{ width:100%;justify-content: center;}
    #nav>li{padding:0 20px;}
    #nav>li>ul{ left:5px;}
    .FdcShowBJ{padding: 160px 0 60px 0;}
    .navB{
        width:100%;
        justify-content:center;
    }
}
/*ipd*/
@media (min-width:750px) and (max-width:1000px){
 .indexNav{display:none;}
 .banner img{ height:50vh;}
 .H2ol{min-height:auto;}
 .productLeft{width:100%;}
 .productRight{width:100%;}
 .FdcShowRight{width: 260px;}
 .FdcShowBJ{padding:55px 0 40px;}
 .lanmubannerTxt{height: calc(100% - 60px);}
}

#indexProjectsBox63  .indexProjectsList{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 1036px;
    min-height: 1036px;
}
#indexProjectsBox63  .earth{
   width: 780px;
   height: 780px;
   background-image: url(../YITOO_files/map.png);
   background-size: 100% 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   cursor: pointer;
   box-sizing: border-box;
}

#indexProjectsBox63  .earth .earth-item{
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border-radius: 120px;
    position: absolute;
   box-shadow: 0px 13px 38px 7px rgba(32, 86, 98, 0.08);
    transition: transform 1s ease-out, opacity 1s ease-out;
    opacity: 0;
    z-index: 10;
}#indexProjectsBox63  .earth .earth-item>img{
    position: absolute;     /* 绝对定位 */
    top: 50%;               /* 垂直居中 */
    transform: translateY(-50%); /* 反向偏移自身高度的一半 */
    left: 15px; /* 调整 img 水平位置（假设 img 宽 200px） */
}
#indexProjectsBox63  .earth .earth-item>div{
  position: absolute;     /* 绝对定位 */
  top: 50%;               /* 垂直居中 */
  transform: translateY(-50%); /* 反向偏移自身高度的一半 */
  left: 123px;
}
#indexProjectsBox63  .earth-item.active {
            opacity: 1;
 }


    #Contact-us .map{
        height: 672px;
        width: 1479px;
        background: url(../YITOO_files/footmaptip.png) no-repeat;
        background-size: contain;
        background-position: top;
        position: relative;
        z-index: 2;
        display: flex;
        flex-wrap: wrap;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
    }
    #Contact-us .map label{
        position: absolute;
        width:208px;
        height: 183px;
        background-size:contain;
        background-repeat: no-repeat;
        max-width: 288px;
        cursor: pointer;
        z-index: 9999;
    }
    #Contact-us  .map  label:hover{
        transform: translateY(-10px);
        transition: all .3s;
    }
    #Contact-us  .map  label.img1{
        background-image: url(../YITOO_files/Africa.png);
        top: 14%;
        left: 34.5%;
    }
#Contact-us  .map  label.img3{
background-image: url(../YITOO_files/571df69518c90a753b12d21a9eab0cfe.png);
    top: 14%;
    left: 34.5%;
}
#Contact-us  .map  label.img4{
    background-image: url(../YITOO_files/f6d91f01aacb1e47f258cc0635907f42.png);
    top: 18%;
    left:61%;
}
    #Contact-us  .map  label.img2{
        background-image: url(../YITOO_files/yitooCN.png);
        top: 18%;
        left:61%;
    }

#Reviews.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function:linear;
}

#Page3690 ol{
   flex-wrap:nowrap;
}

.image-scroller {
      width: 100%;
      overflow: hidden;
      position: relative;
      margin: 0px 0 10px;
      padding: 15px 0;
      border-radius: 8px;
    }

    .scroller-track {
      display: flex;
      width: max-content;
      animation: scroll1 40s linear infinite;
      will-change: transform; /* 优化性能 */
    }
 #wuliu2 .scroller-track{
	animation: scroll2 40s linear infinite;
 }
    .scroller-track li {
      height: 213px;
      width: 320px;
      margin-right: 20px;
      object-fit: cover;
      border-radius: 8px;
      box-shadow: 0 3px 10px rgba(0,0,0,0.2);
      transition: transform 0.3s ease;
    }


    .image-scroller:hover .scroller-track {
      animation-play-state: paused;
    }
    #wuliu2.image-scroller:hover .scroller-track {
      animation-play-state: paused;
    }
    .image-scroller:hover .scroller-track li {
      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    }
       @keyframes scroll1{
      0% {
        transform: translateX(0%);
      }
      100% {
        transform: translateX(-50%);
      }
    }
    @keyframes scroll2 {
      0% {
        transform: translateX(-50%);
      }
      100% {
        transform: translateX(0%);
      }
    }

    /* 响应式调整 */
    @media (max-width: 768px) {
      .scroller-track li {
        height: 120px;
        margin-right: 15px;
      }
    }

#indexBanner{
        position: sticky;
        top:0;
        z-index: 1;
    }
    .indexBjqImgUrlLsit,.indexList {
        position: sticky;
        top:0;
        z-index: 2;
        background-color: white;
    }

.navBB{
   display:flex;
}
.navBB .right{
                margin-left: 30px;
                position: relative;
                width: 100px;
            }
            .navBB .right .drop{
                position: absolute;
                padding: 5px 10px;
                border: 1px solid #D8D8D8;
                border-radius: 20px;
                box-sizing: border-box;
            }
            .navBB .right .drop .header{
                width: 70px;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
            }

.navBB .right .drop .header span {
    font-size: 16px;
    color: #212b2c;
}
.navBB .right .drop .header span.buttom {
    color: black;
}

.navBB .right .drop .header img {
    width: 8.922px;
    height: 5.4px;
    margin-left: 15px;
    cursor: pointer;
}
            .navBB .right .drop .menu{
                position: absolute;
                width: 157px;
                height: 128px;
                background-color: white;
                border-radius: 8px;
                box-shadow: 0px 18px 19px 0px rgba(0, 0, 0, 0.04);
                left: -50%;
                bottom: 120%;
                padding: 6px;
                display: flex;
                flex-direction: column;
                display: none;
            }
            .navBB .right .drop .item{
                flex: 1;
                height: 58px;
                line-height:58px;
                position:relative;
                text-indent: 20px;
                cursor:pointer;
                font-size: 16px;
            }
.navBB .right .drop .item img{
                width:16px;
                height:16px;
                position:absolute;
                left:80%;
                top:calc(50% - 8px);
                display:none;

            }
 .navBB .right .drop .item:hover{
                 color:#205662;
            }

.navBB .right .drop .item:hover img {
    display: none;
}

 .navBB .right .drop .item.active{
                background-color:#F2F2F4;
                 color:#205662;
            }

.navBB .right .drop .item.active>img {
    display: block;
}
 .navBB .right .drop .item.active>img{
                border:none;
            }
.IndexBjqImgBJ .IndexBjqImgBJ50.swiper-container{
	display:none;
}
.opacityB{
    opacity:0.8;
    color:#000000;
    font-size: 16px;
}
.opacityW{
    font-size: 16px;
    opacity:0.8;
    color:#fff;
}
.fontSize68{
    font-size: 68px;
}
.fontSize48{
    font-size: 56px;
}
.fontSize24{
    font-size: 24px;
}
.fontSize18{
    font-size: 18px;
}