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

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

.max-width {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
body,html{
  font-family: '思源黑体';
  
    /*font-family: "Noto Sans SC";*/
    
    overflow-x: hidden !important;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

/* 头部 */

.head {
    --headHeight: 50px;
    width: 100%;
    height: var(--headHeight);
    box-shadow: 0px 1px 4px 1px rgba(204, 204, 204, 0.73);
}

.head .head-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--headHeight);
}

.head .head-top .box {
    display: flex;
    align-items: center;
}

.head .head-top .box .etui {
    margin-right: 24px;
    display: flex;
    align-items: center;
}

.head .head-top .box .etui img {
    margin-right: 6px;
}

.head .head-top .box .etui span {
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
}

.xiu_head_box-2 {
   
    box-sizing: border-box;
    border-radius: 13px;
    /*border: 1px solid rgba(153, 153, 153, 1);*/
    cursor: pointer;
    position: relative;
    
    height: 100%;
    display: flex;
    align-items: center;
}

.xiu_head_box-2 #group {
    width: 146px;
    height: 26px;
    border: none;
    outline: none;
    color: rgba(193, 193, 193, 1);
    box-sizing: border-box;
    position: relative;
}
.xiu_head_box-2 #group span{
    line-height: 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 14px;
    display: block;
    padding-left: 16px;
    padding-right: 0px;
    box-sizing: border-box;
    display: flex;
}
.xiu_head_box-2 #group .group-box{
    width:200px;
    position: absolute;
    top: 55px;
    left: -43%;
    z-index: 99999999;
    box-shadow: 0px 0px 5px 1px #00000027;
    display: none;
    
    padding: 0px 0px;
    box-sizing: border-box;
}

.xiu_head_box-2 #group .group-box .text-box{
    /*line-height: 2em;*/
    display: flex;
    align-items: center;
    
    /*padding-left: 17px;*/
    box-sizing: border-box;
    
    border-bottom: 1px solid #9999996b;
    
    padding: 10px 20px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    z-index: 10;

}

.xiefangkuai{
    width: 40px;
    height: 40px;
    background: #fff;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -20px;
    z-index: -1;
    transform: rotate(45deg);
    box-shadow: 0px 0px 10px 1px #99999945;
}

.xiu_head_box-2 #group .group-box .text-box a{
    color: #999;
}

.xiu_head_box-2 #group .group-box .text-box .China{
    width: 30px;
}

.xiu_head_box-2 #group .group-box .text-box .China img{
    width: 100%;
    display: block;
}

.xiu_head_box-2 #group .group-box .text-box:hover{
    color: #3180D9;
}

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

.yuyan_1 img{
    width: 20px;
}

.yuyan_1 span{
    font-size: 16px !important;
    color: #333;
}
/* 导航 */
.nav {
    width: 100%;
    max-width: 1920px;
    --navHeight: 90px;
    height: var(--navHeight);
    z-index: 9999999;
}

.nav .nav-out {
    display: flex;
    justify-content: space-between;
    height: var(--navHeight);
    align-items: center;

}

.nav .nav-out .nav-box {
    width: 65%;
    margin-left: 30px;
}

.nav .nav-out .nav-box ul {
    display: flex;
    justify-content: space-between;
    position: relative;
    height: var(--navHeight);
    align-items: center;
}

.nav .nav-out .nav-box ul .xian-hie {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 86px;
    height: 4px;
    background: rgba(1, 72, 152, 1);
    display: none;
}

.nav .nav-out .logo {
    width: 177px;
    height: 50px;
}

.nav .nav-out .nav-box ul li {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.nav .nav-out .nav-box ul li .title a {
    font-size: 20px;
    color: rgba(51, 51, 51, 1);
    display: block;
    height: var(--navHeight);
    width: auto;
    min-width: 86px;
    text-align: center;
    line-height: var(--navHeight);
}

.nav .nav-out .nav-box ul li:hover .title a {
    color: rgba(1, 72, 152, 1);
}

.nav .nav-out .nav-box ul li.all .title a {
    color: rgba(1, 72, 152, 1);
}

.Xiu_search {
    width: 165px;
    height: 30px;
    border: 1px solid rgba(24, 74, 120, 1);
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.Xiu_search form {
    display: flex;
    align-items: center;
    height: 30px;
}

.Xiu_search form input {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 15px;
    outline: none;
    border: none;
    padding-left: 18px;
    box-sizing: border-box;
}

.Xiu_search form button {
    width: 30px;
    height: 30px;
    border: none;
    outline: none;
    background: none;
    margin-right: 10px;
}

/* 导航下拉 */
.nav .nav-out .nav-pulldown-out{
    position: absolute;
    top:var(--navHeight);
    width: 130px;
    left: 50%;
    margin-left:-65px;
    z-index: 999;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 1px #00000023;
    padding: 20px 0px;
    display: none;
}
.nav .nav-out .nav-pulldown-out a{
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    display: block;
    text-align: center;
    line-height: 2em;
}
.nav .nav-out .nav-pulldown-out a:hover{
    color: rgba(1, 72, 152, 1);
}

/* banner */
.bannre .banenr-swiper .swiper-slide img {
    width: 100%;
    height: 780px;
    object-fit: cover;
}

.bannre .banenr-swiper .swiper-button-prev::after,.bannre .banenr-swiper .swiper-button-next::after {
    color: #fff !important;
    font-weight: bold;
}

.bannre .banenr-swiper .swiper-pagination {
    bottom: 55px;
}

.bannre .banenr-swiper .swiper-pagination .swiper-pagination-bullet {
    background: rgba(51, 51, 51, 0.6);
    width: 11px;
    height: 11px;
}

.bannre .banenr-swiper .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

/* 产品中心 */
.Products{
    overflow: hidden;
}
.Products .publictitle h5 {
    color: rgba(17, 17, 17, 1);
    font-size: 40px;
    width: 100%;
}

.Products .publictitle .text-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.Products .publictitle .text-box i {
    width: 86px;
    height: 2px;
    display: block;
    background: rgba(1, 72, 152, 1);
}

.click-a {
    width: 156px;
    height: 41px;
    display: block;
    /* text-align: center; */
    padding-left: 37px;
    box-sizing: border-box;
    line-height: 41px;
    color: rgba(24, 74, 120, 1);
    background: rgba(241, 241, 241, 1);
    border-radius: 20.5px;
    position: relative;
}

.click-a::after {
    position: absolute;
    background: url(../images/Arrow.png) no-repeat center;
    display: block;
    width: 6px;
    height: 11px;
    content: '';
    top: 50%;
    margin-top: -5.5px;
    right: 41px;
    background-size: contain;
}

.click-a:hover {
    background: rgba(1, 72, 152, 1);
    color: #fff;
}

.click-a:hover::after {
    position: absolute;
    background: url(../images/Arrow-2.png) no-repeat center;
    display: block;
    width: 6px;
    height: 11px;
    content: '';
    top: 50%;
    margin-top: -5.5px;
    right: 41px;
    background-size: contain;
}

.Products {
    padding-top: 80px;
}

.Products .out {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 65px;
    margin-top: 25px;
}

.Products .out .box {
    width: 32%;
    height: 450px;
    background: rgba(236, 236, 238, 1);
    margin-right: 25px;
    margin-bottom: 38px;
    position: relative;
}

.Products .out .box:nth-child(3n) {
    margin-right: 0px;
}

.Products .out .box .img-box {
    width: 100%;
    height: 85%;
    overflow: hidden;
}

.Products .out .box .img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.6s;
}

.Products .out .box:hover .img-box img {
    transform: scale(1.2);
}

.Products .out .box span {
    width: 100%;
    height: 15%;
    display: flex;
    /*padding-left: 36px;*/
    box-sizing: border-box;
    color: rgba(51, 51, 51, 1);
    font-size: 22px;
    justify-content: center;
    align-items: center;
}

.Products .out .box:hover .ceng-box {
    display: block;
}

.Products .out .box:hover a>span {
    display: none;
}

.Products .out .box .ceng-box {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 0px 29px;
    box-sizing: border-box;
    padding-top: 40%;
    color: rgba(255, 255, 255, 1);
    display: none;
}

.Products .out .box .ceng-box h5 {
    font-size: 26px;
    /*text-align: center;*/
    width: 88%;
    margin: 0 auto;
        
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    
}
.Products .out .box .ceng-box p{
          overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;

    
}
.Products .out .box .ceng-box .ceng-box-MORE {
    margin-top: 15%;
    color: #fff !important;
    text-align: right;
    font-weight: bold;
}   

.Products-list .Products .out .box span{
          white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 17px;
}
.Products-list  .Products .out .box .ceng-box{
    padding-top: 30%;
}
.Products-list  .Products .out .box .ceng-box h5{
    color: #fff;
    
}

.Products .out .box .ceng-box .index-h5::after{
    margin: 20px auto;
}
.Products .out .box .ceng-box h5::after {
    content: '';
    width: 44px;
    height: 3px;
    background: rgba(24, 74, 120, 1);
    border-radius: 4px;
    display: block;
    margin-top: 40px;
    margin-bottom: 31px;
    margin: 20px auto;
}

/* 关于我们 */
.About {
    width: 100%;
    background: url(../images/about-background104.png) no-repeat center;
    background-size: cover;
    padding: 80px 0px 80px 0px;
    overflow: hidden;
}

.ab-title h5 {
    color: rgba(17, 17, 17, 1);
    font-size: 42px;
}

.ab-title h5::after {
    content: '';
    width: 80px;
    height: 2px;
    background: rgba(1, 72, 152, 1);
    margin-top: 32px;
    margin-bottom: 36px;
    display: block;
}

.About .out {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
}

.About .out .left {
    width: 53%;
}

.About .out .left img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.About .out .right {
    width: 43%;
    padding-top: 50px;
   box-sizing: border-box;
}

.About .out .right h1 {
    font-size: 30px;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 33px;
    margin-top: 28px;
    text-align: center;
}

.About .out .right span {
    font-size: 20px;
    color: rgba(68, 68, 68, 1);
    margin-bottom: 44px;
    display: block;
    text-align: center;
}

.About .out .right p {
    font-size: 17px;
    color: rgba(102, 102, 102, 1);
    line-height: 1.5em;
    letter-spacing: 3px;
    /*padding-right: 24px;*/
    box-sizing: border-box;
}

.About .out .right .click-a {
    margin:  0 auto;
    margin-top: 44px;
 
    
}


/* 公司优势 */

.Advantage {
    width: 100%;
    background: url(../images/Advantage7419.png) no-repeat center;
    background-size: cover;
    padding: 30px 0px 65px 0px;
    overflow: hidden;
}

.Advantage h5 {
    font-size: 42px;
    color: #fff;
    text-align: center;
    margin-bottom: 31px;
}

.Advantage .out {
    display: flex;
    justify-content: space-between;
}

.Advantage .out .box {
    width: 24%;
}

.Advantage .out .box span {
    width: 80%;
    margin: 0 auto;
    display: block;
    text-align: center;
    height: 53px;
    line-height: 53px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 3px 6px 1px rgba(1, 72, 152, 0.68);
    border-radius: 5px;
    transform: translateY(26.5px);
    font-size: 20px;
}

.Advantage .out .box .text {
    width: 100%;
    height: 193px;
    background: linear-gradient(144deg, rgba(255, 255, 255, 0.23) 0%, rgba(255, 255, 255, 0.17) 100%);
    box-shadow: 0px 2px 10px 1px rgba(8, 54, 143, 0.36), inset 0px 2px 2px 1px rgba(255, 255, 255, 0.31);
    border-radius: 8px 6px 8px 6px;
    display: flex;
    align-items: center;
    padding: 30px;
    box-sizing: border-box;
    font-size: 18px;
    color: #fff;
}
.Advantage .out .box .text p{
    font-weight: 300;
}
/* 客户案例 */
.Case {
    padding: 90px 0px;
    overflow: hidden;
}

.Case .Case-title h5 {
    font-size: rgba(17, 17, 17, 1);
    font-size: 42px;
}

.Case .Case-title h5::after {
    content: '';
    width: 80px;
    height: 2px;
    background: rgba(1, 72, 152, 1);
    margin-top: 32px;
    display: block;
    margin-bottom: 30px;
}

.Case .Case-title .text-box {
    display: flex;
    justify-content: right;
}

.Case .out {
    margin-top: 31px;
}

.Case .Case-swiper {
    padding: 50px 0px;

    padding-bottom: 100px;
}

.Case .Case-swiper .swiper-slide {
    width: 33.3%;
    height: 380px;
}

.Case .Case-swiper .swiper-slide .img-box::after {
    content: '';
    width: 100%;
    height: 100%;
    background: #ffffff62;
    position: absolute;
    top: 0px;
    left: 0px;
}

.Case .Case-swiper .swiper-slide .img-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    transition: 0.8s;
}

.Case .Case-swiper .swiper-slide .img-box span {
    color: rgba(51, 51, 51, 1);
    font-size: 20px;
    text-align: center;
    display: block;
    width: 212px;
    margin: 0 auto;
    margin-top: 20px;
}

.Case .Case-swiper .swiper-slide .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Case .Case-swiper .swiper-slide-active {
    z-index: 9999;
}

.Case .Case-swiper .swiper-slide-active .img-box::after {
    display: none;
}

.Case .Case-swiper .swiper-slide-active .img-box {
    width: 616px;
    height:430px;
    top: 50%;
    margin-top: -215px;
    left: 50%;
    margin-left: -308px;

}

.Case .Case-swiper .swiper-button-next,
.Case .Case-swiper .swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #999999a9;
}

.Case .Case-swiper .swiper-button-next:after,
.Case .Case-swiper .swiper-button-prev:after {
    font-size: 17px;
    color: #fff;
}

.Case .Case-swiper .swiper-button-next:hover,
.Case .Case-swiper .swiper-button-prev:hover {
    background: rgba(1, 72, 152, 0.68);
}

/* 新闻中心 */

.NEWS {
    width: 100%;
    padding-bottom: 90px;
    overflow: hidden;
}

.NEWS .NEWS-title h5 {
    font-size: 42px;
    color: rgba(17, 17, 17, 1);
}

.NEWS .NEWS-title h5::after {
    content: '';
    width: 80px;
    height: 2px;
    background: rgba(1, 72, 152, 1);
    display: block;
    margin: 32px 0px;
}

.NEWS .NEWS-title .text-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.NEWS .NEWS-title .text-box .exe {
    display: flex;
    width: 100%;
    max-width: 238px;
    justify-content: space-between;
}

.NEWS .NEWS-title .text-box .exe a {
    font-size: 20px;
    color: rgba(51, 51, 51, 1);
}

.NEWS .NEWS-title .text-box .exe a:hover {
    color: rgba(1, 72, 152, 1);
}

.NEWS .NEWS-title .text-box .exe a.all {
    color: rgba(1, 72, 152, 1);
}

.NEWS .out {
    display: flex;
    margin-top: 49px;
    justify-content: space-between;
}

.NEWS .out .left {
    width: 100%;
    max-width: 478px;
    height: 568px;
    position: relative;
    overflow: hidden;

}

.NEWS .out .left>.swiper{
    height: 100%;
} 

.NEWS .out .left .NEWS-swiper .swiper-slide:hover img {
    transform: scale(1.2);
}

.NEWS .out .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.NEWS .out .left .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100px;
    width: 100%;
    background: #00000033;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #fff;
    padding: 0px 42px;
    box-sizing: border-box;
}

.NEWS .out .left .text span {
    font-size: 18px;
    color: rgba(241, 241, 241, 1);
    margin-bottom: 15px;
}

.NEWS .out .left .text p {
    color: rgba(255, 255, 255, 1);
    font-size: 18px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.NEWS .out .right {
    width: calc(100% - 529px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.NEWS .out .right .box {
    width: 47%;
    border-bottom: 1px solid rgba(221, 221, 221, 1);
    margin-bottom: 50px;
    padding-bottom: 29px;
    box-sizing: border-box;
}

.NEWS .out .right .box span {
    font-size: 22px;
    color: rgba(51, 51, 51, 1);
}

.NEWS .out .right .box h5 {
    font-size: 20px;
    color: rgba(51, 51, 51, 1);
    margin: 26px 0px 50px 0px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.NEWS .out .right .box p {
    font-size: 16px;
    color: rgba(68, 68, 68, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 25px;
}

.NEWS .out .right .box .bott-box {
    width: 51px;
    height: 24px;
    border-radius: 12px;
    background: rgba(125, 125, 125, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.6s;
}

.NEWS .out .right .box .bott-box .MORE {
    display: none;
    margin-right: 3px;
}

.NEWS .out .right .box .bott-box span {
    color: #fff;
    display: inline;
    font-size: 10px;
}

.NEWS .out .right .box:hover .bott-box {
    width: 65px;
    background: rgba(1, 72, 152, 1);
}

.NEWS .out .right .box:hover .bott-box .MORE {
    display: block;
}

.NEWS .out .right .box:hover h5 {
    color: rgba(1, 72, 152, 1);
}

.NEWS .out .right .box:hover {
    border-bottom: 1.6px solid rgba(1, 72, 152, 1);
}

.footer {
    width: 100%;
    background: rgba(43, 43, 43, 1);
    padding: 30px 0px;

}

.footer .footer-box-1 .max-width {
    display: flex;
    justify-content: space-between;
}

.footer .el-1 {
    width: 260px;
}

.footer .el-2 {
    width: 330px;
}

.footer .el-3 {
    width: 253px;
}

.footer .el-4 {
    width: 180px;
}

.footer .el-1 img {
    text-align: center;
}

.footer .el-1 i {
    margin-top: 29px;
    margin-bottom: 30px;
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(171, 171, 171, 1);
}

.footer .el-1 .text {
    text-align: center;
    color: #fff;
}

.footer .el-1 .text span {
    display: block;
    font-size: 15px;
    line-height: 2em;
    color: rgba(220, 220, 220, 1);
}

.footer .el-2 span {
    color: rgba(220, 220, 220, 1);
    font-size: 18px;
}

.footer .el-2 div {
    margin-bottom: 20px;
}

.footer .el-3 {
    height: 176px;
}

.footer .el-3 h5 {
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 20px;
    text-align: center;
}

.footer .el-3 .box {
    display: flex;
    flex-direction: column;
    height: 130px;
    flex-wrap: wrap;
}

.footer .el-3 .box a {
    color: rgba(220, 220, 220, 1);
    line-height: 2em;
    font-size: 18px;
    margin-right: 20px;
}

.footer .el-4 .img-box {
    width: 180px;
    height: 180px;
    background: #fff;
}

.footer .el-4 .img-box img {
    width: 100%;
    height: 100%;
    transform: scale(0.98);
}

.footer .el-4 span {
    text-align: center;
    display: block;
    color: #fff;
    margin-top: 10px;
}

.footer-box {
    margin-top: 30px;
    border-top: 1px solid rgba(200, 200, 200, 1);
}

.footer-box .max-width {
    text-align: center;
    position: relative;
}

.footer-box span {
    color: rgba(204, 204, 204, 1);
    padding: 20px 0px;
    display: inline-block;
}

.jishu {
    position: absolute;
    right: 0px;
}


/* 关于我们页面 */

#AboutUs .bannre img {
    width: 100%;
}


#AboutUs .digitalScrollCompressors {
    display: flex;
    justify-content: space-between;
    padding: 0px 40px;
    margin-top: 60px;
}

#AboutUs .digitalScrollCompressors .box {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#AboutUs .digitalScrollCompressors .box .text span {
    font-size: 30px;
    color: rgba(1, 72, 152, 1);
    font-weight: 600;
}

#AboutUs .digitalScrollCompressors .box b {
    font-size: 66px;
    color: rgba(1, 72, 152, 1);
}

#AboutUs .digitalScrollCompressors .box>span {
    margin-top: 12px;
    color: rgba(85, 85, 85, 1);
    font-size: 22px;
}

#AboutUs .factoryVisit {
    padding: 81px 0px;
}

#AboutUs .factoryVisit h5 {
    font-size: 42px;
    color: rgba(17, 17, 17, 1);
    text-align: center;
}

#AboutUs .factoryVisit h5::after {
    content: '';
    width: 80px;
    height: 2px;
    background: rgba(1, 72, 152, 1);
    display: block;
    margin: 0 auto;
    margin-top: 32px;
    margin-bottom: 61px;
}

#AboutUs .factoryVisit .out {
    display: flex;
    width: auto;
    max-width: 1920px;
    margin: 0 auto;
}

#AboutUs .factoryVisit .out .box {
    width: 33.3%;
    height: 488px;
}

#AboutUs .factoryVisit .out .box img {
    width: 100%;
    height: 100%;
}

#AboutUs .factoryVisit-2 .box {
    width: 40% !important;
}

#AboutUs .factoryVisit-2 .box:nth-child(2) {
    width: 20% !important;
}

#AboutUs .Honor h5 {
    font-size: 42px;
    color: rgba(17, 17, 17, 1);
    text-align: center;
}

#AboutUs .Honor h5::after {
    content: '';
    width: 80px;
    height: 2px;
    background: rgba(1, 72, 152, 1);
    display: block;
    margin: 0 auto;
    margin-top: 32px;
    margin-bottom: 61px;
}

#AboutUs .Honor .Honor-swiper {
    padding: 70px 0px;
}

#AboutUs .Honor .Honor-swiper .swiper-slide {
    width: 33.4%;
    display: flex;
    justify-content: center;
}

#AboutUs .Honor .Honor-swiper .swiper-slide .box span {
    margin-top: 10px;
}


#AboutUs .Honor .Honor-swiper .swiper-slide-active .box span {
    margin-top: 30px;
}

#AboutUs .Honor .Honor-swiper .swiper-slide-active img {
    transform: scale(1.1);
    transition: 0.8s;
}

#AboutUs .Honor .Honor-swiper .swiper-slide .box {
    width: 358px;
}

#AboutUs .Honor .Honor-swiper .swiper-slide span {
    display: block;
    text-align: center;
}

#AboutUs .Honor .out {
    position: relative;
}

#AboutUs .Honor .out .swiper-button-prev {
    left: -70px;
    width: 54.7px;
    height: 54.7px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

#AboutUs .Honor .out .swiper-button-prev::after {
    font-size: 24.39px;
    color: #fff;
}

#AboutUs .Honor .out .swiper-button-next {
    right: -70px;
    width: 54.7px;
    height: 54.7px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

#AboutUs .Honor .out .swiper-button-next::after {
    font-size: 24.39px;
    color: #fff;
}

#AboutUs .Honor .out .swiper-button-next:hover,
#AboutUs .Honor .out .swiper-button-prev:hover {
    background: rgba(1, 72, 152, 1);
}

#AboutUs .partner {
    width: 100%;
    max-width: 1920px;
    padding: 60px 0px 10px 0px;
}

#AboutUs .partner .box {
    padding: 0px 160px;
    box-sizing: border-box;
    display: flex;
    /*justify-content: space-between;*/
    margin-bottom: 38px;
    flex-wrap: wrap;
}

#AboutUs .partner .box img {
    width: 16.66666666666667%;
    height: 100px;
    object-fit: contain;
    /*margin-right: 83px;*/
    
    transform: scale(0.8);
}

#AboutUs .partner h5 {
    font-size: 42px;
    color: rgba(17, 17, 17, 1);
    text-align: center;
}

#AboutUs .partner h5::after {
    content: '';
    width: 80px;
    height: 2px;
    background: rgba(1, 72, 152, 1);
    display: block;
    margin: 0 auto;
    margin-top: 32px;
    margin-bottom: 61px;
}

/* 客户案例页面 */
#Case .case {
    padding-bottom: 60px;
}

#Case .case .case-title {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 56px 0px;
    border-bottom: 1px solid rgba(1, 72, 152, 1);
}

#Case .case .case-title a {
    display: block;
    width: 199px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    border-radius: 25px;
    color: rgba(17, 17, 17, 1);
    font-size: 22px;
    font-weight: bold;
}

#Case .case .case-title a.all {
    background: rgba(1, 72, 152, 1);
    color: #fff;
}

#Case .case .out {
    padding: 60px 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#Case .case .out .box {
    width: 49%;
    /* margin-right: 43px; */
    margin-bottom: 60px;
}

#Case .case .out .box:nth-child(3n) {
    margin-right: 0px;
}

#Case .case .out .box .text-box-2 h5 {
    text-align: center;
    font-size: 20px;
    color: rgba(51, 51, 51, 1);
    margin: 22px 0px 18px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#Case .case .out .box .text-box-2 p {
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

#Case .case .out .box .text-box {
    width: 100%;
     height: 457px; 
    position: relative;
}

#Case .case .out .box .text-box-2 {
    padding: 0px 20px;
    box-sizing: border-box;
}

#Case .case .out .box .text-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#Case .case .out .box .text-box .cheng-box {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.34);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;

}

#Case .case .out .box .text-box .cheng-box .i-1 {
    position: relative;
}

#Case .case .out .box .text-box .cheng-box .i-1 i {
    width: 0px;
    height: 3px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: 0.3s;
}

#Case .case .out .box .text-box .cheng-box .i-1 i:nth-child(2) {
    width: 3px;
    height: 0px;
}

#Case .case .out .box .text-box .cheng-box .i-1 i:nth-child(3) {
    width: 3px;
    height: 0px;
    left: auto;
    top: auto;
    bottom: 0px;
    right: 0px;
}

#Case .case .out .box .text-box .cheng-box .i-1 i:nth-child(4) {
    width: 0px;
    height: 3px;
    left: auto;
    top: auto;
    bottom: 0px;
    right: 0px;
}


#Case .case .out .box .text-box .cheng-box h5 {
    font-size: 40px;
    color: #fff;
    padding: 20px;
}

#Case .case .out .box:hover .text-box-2 h5 {
    color: rgba(1, 72, 152, 1);
}

#Case .case .out .box:hover .text-box-2 p {
    color: rgba(1, 72, 152, 1);
}

#Case .case .out .box:hover .text-box .cheng-box {
    opacity: 1;
}

#Case .case .out .box:hover .text-box .cheng-box .i-1 i {
    width: 27px;
}

#Case .case .out .box:hover .text-box .cheng-box .i-1 i:nth-child(2) {
    height: 27px;
    width: 3px;
}

#Case .case .out .box:hover .text-box .cheng-box .i-1 i:nth-child(3) {
    height: 27px;
    width: 3px;
}

#Case .case .out .box:hover .text-box .cheng-box .i-1 i:nth-child(4) {
    width: 27px;
}


/* 分页 */
.Pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Pagination a {
    display: block;
    min-width: 30px;
    height: 30px;
    border: 1px solid #999;
    text-align: center;
    line-height: 30px;
    color: #999;
    margin: 0px 5px;
    border-radius: 3px;
}

.Pagination a:hover {
    color: #fff;
    background: rgb(0, 102, 255);
}

.Pagination .shang::after {
    content: 'prev';
    font-family: swiper-icons;
    font-size: 12px;
    text-transform: none !important;

}

.Pagination .xia::after {
    content: 'next';
    ;
    font-family: swiper-icons;
    font-size: 12px;
    text-transform: none !important;
}

.Pagination .row {
    border: 1px solid #999;
    color: #999;
    background: #fff;
    height: 30px;
    padding: 0px 5px;
    border-radius: 3px;
    line-height: 30px;
    margin-left: 10px;
}

.Pagination .p-box {
    margin-left: 5px;
    color: #999;
}

.Pagination .p-box input {
    width: 50px;
    height: 30px;
    padding-left: 5px;
    box-sizing: border-box;
    color: #999;
    outline: none;
}

.Pagination .p-box button {
    width: 40px;
    height: 30px;
    font-size: 12px;
    margin-left: 10px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 3px;
    cursor: pointer;
}

.bannre>img {
    width: 100%;
}

/* 解决方案 */

#solution .solution {
    width: 100%;
    padding: 90px 0px;
}

#solution .solution .titl {
    font-size: 42px;
    color: rgba(17, 17, 17, 1);
    text-align: center;
}

#solution .solution .titl::after {
    content: '';
    width: 80px;
    height: 2px;
    background: rgba(1, 72, 152, 1);
    margin: 0px auto;
    margin-top: 32px;
    margin-bottom: 60px;
    display: block;
}

#solution .solution .out .box {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#solution .solution .out>a:nth-child(2n) .box {
    flex-direction: row-reverse;
}

#solution .solution .out .box .left {
    width: 50%;
}

#solution .solution .out .box .left img {
    width: 100%;
    height: 420px;
}

#solution .solution .out .box .right {
    width: 50%;
    padding-left: 81px;
    padding-right: 90px;
    box-sizing: border-box;
}

#solution .solution .out .box .right h5 {
    font-size: 24px;
    color: rgba(51, 51, 51, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

#solution .solution .out .box .right h5::after {
    content: '';
    width: 80px;
    height: 2px;
    background: rgba(1, 72, 152, 1);
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 60px;
    display: block;
}

#solution .solution .out .box .right p {
    color: rgba(102, 102, 102, 1);
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

}

#solution .solution .out {
    padding-bottom: 60px;
}

/* 面包屑 */
.crumbs {
    height: 62px;
    background: rgba(243, 243, 243, 1);
    display: flex;
    align-items: center;
    transform: translateY(-4px);
}

.crumbs a {
    color: rgba(153, 153, 153, 1);
    font-size: 20px;
}

.crumbs a.all {
    color: rgba(1, 72, 152, 1);
}

/* 产品页面 */

#Products .Products .left {
    width: 30%;
    display: none;
}

#Products .Products .left .titel {
    width: 100%;
    background: linear-gradient(148deg, #3180D9 0%, #014898 100%);
    border-radius: 8px 8px 0px 0px;
    height: 81px;
    line-height: 81px;
    padding-left: 22px;
    box-sizing: border-box;
    font-size: 24px;
    color: #fff;
}
#Products .Products .out{
    /*justify-content: space-between;*/
}
#Products .Products .left ul {
    margin-top: 20px;
}

#Products .Products .left ul li span {
    width: 100%;
    min-height: 49px;
    /* background: linear-gradient(180deg, #3180D9 0%, #014898 100%); */
    display: block;
    color: rgba(51, 51, 51, 1);
    padding: 0px 30px;
    box-sizing: border-box;
    line-height: 49px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;

    border-top: 1px solid rgba(235, 235, 235, 1);
}
#Products .Products .left ul li .Pr-box{
    width: 100%;
    display: none;
}
#Products .Products .left ul li .Pr-box a{
    display: block;
    width: 100%;
    height: 55px;
    padding-left: 50px;
    box-sizing: border-box;
    line-height: 55px;
    color: rgba(102, 102, 102, 1);
    border-bottom:1px solid rgba(235, 235, 235, 1) ;
}

#Products .Products .right {
    width: 100%;
}

#Products .Products .left ul li:hover span{
    color: #fff;
    background: linear-gradient(180deg, #3180D9 0%, #014898 100%);
}

#Products .Products .left ul li.all span{
    color: #fff;
    background: linear-gradient(180deg, #3180D9 0%, #014898 100%);
}

#Products .Products .left ul li .Pr-box a:hover{
    background: rgba(238, 240, 238, 1);
}

#Products .Products .left .p-footer .titel{
    text-align: center;
    padding-left: 0px;
}
#Products .Products .left .p-footer .p-f-box{
    width: 100%;
    min-height: 213px;
    border: 1px solid rgba(235, 235, 235, 1);
    box-sizing: border-box;
}
#Products .Products .left .p-footer .p-f-box h5{
    margin: 18px 0px;
    text-align: center;
}
#Products .Products .left .p-footer .p-f-box .dian{
    color: rgba(1, 72, 152, 1);
    font-size: 23px;
    display: block;
    padding-bottom: 25px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(235, 235, 235, 1);
}
#Products .Products .left .p-footer .p-f-box span{
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0px;
}
#Products .Products .left .p-footer .p-f-box .liyan{
    width: 156px;
    height: 41px;
    border: 1px solid rgba(153, 153, 153, 1);
    border-radius: 20.5px;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 41px;
    font-size: 16px;
    color: rgba(85, 85, 85, 1);
    margin-bottom: 28px;
}
#Products .Products .left .p-footer .p-f-box .liyan:hover{
    background: rgba(1, 72, 152, 1);
    color: #fff;
}

#Products .Products .right .top-box{
    display: flex;
    /* align-items: center; */
}

#Products .Products .right .top-box .t-left{
    width: 40%;
    height: 490px;
    background: rgba(204, 204, 204, 0.16);
}
#Products .Products .right .top-box .t-left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#Products .Products .right .top-box  .r-right{
    width: 60%;
    padding-left: 50px;
    box-sizing: border-box;
}
#Products .Products .right .top-box  .r-right h5{
font-size: 30px;
color: rgba(17, 17, 17, 1);
}
#Products .Products .right .top-box  .r-right h5::after{
    width: 80px;
    height: 1px;
    background: rgba(1, 72, 152, 1);
    content: '';
    display: block;
    margin: 30px 0px;
}
#Products .Products .right .top-box  .r-right .text{
    margin-bottom: 30px;
}
#Products .Products .right .top-box  .r-right .text h6{
    color: rgba(1, 72, 152, 1);
    font-size: 24px;
    margin-bottom: 20px;
}
#Products .Products .right .top-box  .r-right .text p{
    color: rgba(102, 102, 102, 1);
    font-size: 20px;
    line-height: 1.5em;
    letter-spacing: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
   
}

#Products .Products .right .r-conter-box>h5{
    font-size: 38px;
    color: rgba(17, 17, 17, 1);
    text-align: center;
    margin-top: 60px;
}
#Products .Products .right .r-conter-box>h5::after{
    width: 80px;
    height: 2px;
    background: rgba(1, 72, 152, 1);
    content: '';
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 50px;
}

#Products .Products .right .r-conter-box .box{
    /*margin-right: 0px;*/
    /* height: auto; */
}
#Products .Products .right .r-conter-box .box:hover .ceng-box-MORE{
    color: rgba(1, 72, 152, 1);
}
#Products .Products .right .r-conter-box .box .ceng-box {
    padding-top: 40%;
}
#Products .Products .right .r-conter-box .box .ceng-box p{
    display: none;
}
.Products-list .Products .top-box{
    display: flex;
}
.Products-list .Products .right .left {
    width: 40% !important;
    display: block !important;
}
.Products-list .Products .right .right{
    width: 50%;
} 
.Products-list .Products .right .left .adasd-swiper{
    width: 100%;
}
.Products-list .Products .right .left .adasd-swiper .swiper-slide{
    background: rgba(204, 204, 204, 0.16);
}
.Products-list .Products .right .left .adasd-swiper .swiper-slide img{
    width: 100%;
    height: 490px;
    object-fit: contain;
}

.Products-list .Products .right .left .xiao-sw-box{
    position: relative;
    /* transform: translateX(70px); */
}
.Products-list .Products .right .left .xiao-swiper  .swiper-slide{
    width: 109px;
    height: 100px;
    background:rgba(204, 204, 204, 0.16) ;
    border: 3px solid rgba(255, 0, 0, 0);
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}
.Products-list .Products .right .left .xiao-swiper {
    margin-top: 60px;
}
.Products-list .Products .right .left .xiao-swiper  .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.8s;
}


.Products-list .Products .right .left .xiao-swiper  .swiper-slide-thumb-active{
    border: 3px solid rgba(255, 0, 0, 1);
    box-sizing: border-box;
}


.Products-list .Products .right .left .xiao-sw-box .swiper-button-next:after,.Products-list .Products .right .left .xiao-sw-box  .swiper-button-prev:after{
    font-size: 20px;
    color: #888;
}
.Products-list .Products .right .left .xiao-sw-box .swiper-button-next{
    transform: translateX(60px);
}
.Products-list .Products .right .left .xiao-sw-box  .swiper-button-prev{
    transform: translateX(-60px);
}

.Products-list .Products .right .top-box{
    align-items:normal !important;
}
.Products-list .Products .right .con-box{
    margin-top: 80px;
}
.Products-list .Products .right .top-box .right{
    padding-left: 51px;
    box-sizing: border-box;
}
.Products-list .Products .right .top-box .right h5{
    font-size: 30px;
    color: rgba(17, 17, 17, 1);
}
.Products-list .Products .right .top-box .right h5::after{
    content: '';
    width: 80px;
    height: 2px;
    background: rgba(1, 72, 152, 1);
    display: block;
    margin: 40px 0px;
}
.Products-list .Products .right .top-box .right p{
    font-size: 20px;
    color: rgba(102, 102, 102, 1);
    line-height: 1.5em;
    letter-spacing: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
   
}
.Products-list .Products .right .top-box .right .anniu-box {
    margin-top: 54px;
}
.Products-list .Products .right .top-box .right .anniu-box span{
    display: block;
    margin-bottom: 24px;
    display: flex;
    align-items: flex-start;
    font-size: 18px;
    color: rgba(51, 51, 51, 1);
}
.Products-list .Products .right .top-box .right .anniu-box span img{
    margin-right: 10px;
}
.Products-list .Products .right .top-box .right .anniu-box a{
    display: block;
    width: 156px;
    height: 41px;
    text-align: center;
    line-height: 41px;
    border: 1px solid rgba(153, 153, 153, 1);
    border-radius: 20.5px;
    margin-top: 43px;
    font-size: 16px;
    color: rgba(85, 85, 85, 1);
}
.Products-list .Products .right .top-box .right .anniu-box a:hover{
    background: rgba(1, 72, 152, 1);
    color: #fff;
}
.Products-list .Products .right .con-box h5{
    color: rgba(1, 72, 152, 1);
    font-size: 24px;
    margin: 40px 0px;
    display: none;
}

.Products-list .Products .right .con-box img{
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.Products-list .Products .other h5{
    color: rgba(1, 72, 152, 1);
    font-size: 24px;
    margin: 40px 0px;
    padding-left: 10px;
    box-sizing: border-box;
}
.Products-list .Products .other .out {
    display: flex;
    /*justify-content: space-between;*/
}
.Products-list .Products .other .out .other-swiper .swiper-slide{
    width: 25%;
}
.Products-list .Products .other .out .other-swiper .swiper-button-next{
    background: rgba(53, 139, 216, 1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
        box-shadow: 0px 0px 10px 1px #00000045;
}
.Products-list .Products .other .out .other-swiper .swiper-button-prev{
        background: rgba(53, 139, 216, 1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
        box-shadow: 0px 0px 10px 1px #00000045;
        
}
.Products-list .Products .other .out .other-swiper .swiper-button-next:after{
    background: url(../images/suang.png)  no-repeat center;
    content:'';
    width: 30px;
    height: 30px;
}
.Products-list .Products .other .out .other-swiper .swiper-button-prev:after{
    background: url(../images/suang2.png) no-repeat center;
    content:'';
    width: 30px;
    height: 30px;
}
.Products-list .Products .other .out .other-swiper .swiper-button-next:after, .Products-list .Products .other .out .other-swiper .swiper-button-prev:after{
    color: rgba(1, 72, 152, 1);
    font-size: 20px;
    font-weight: bold;
}
.Products-list .Products .other .out .box{
    width: 100% !important;
    margin-right: 0px !important;
    height: 310px;
    transform:scale(0.95);
    margin-bottom: 0px !important;
}

/* 新闻页面 */

#NEWS .news .news-title{
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 60px 0px;
    border-bottom: 1px solid rgba(1, 72, 152, 1);
}
#NEWS .news .news-title a{
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    border-radius: 20px;
    color: rgba(17, 17, 17, 1);
    font-size: 22px;
   font-weight: bold;
}
#NEWS .news .news-title a.all{
    background: rgba(1, 72, 152, 1);
    color: #fff;
}
#NEWS .news{
    padding-bottom: 60px;
}
#NEWS .news .out {
    padding: 30px 0px;
}
#NEWS .news .out .box{
    display: flex;
    align-items: center;
    padding: 30px 0px;
    box-sizing: border-box;
    box-shadow: 0px 6px 12px 1px rgba(204,204,204,0.34);
border-radius: 4px 4px 4px 4px;
margin-bottom: 20px;
}
#NEWS .news .out .box .el-1{
    width: 20%;
    text-align: center;
}
#NEWS .news .out .box .el-1 span{
    display: block;
    font-size: 22px;
    color: rgba(51, 51, 51, 1);
}
#NEWS .news .out .box .el-1 span:nth-child(2){
    font-size: 32px;
    color: rgba(102, 102, 102, 1);
    margin-top: 28px;
}
#NEWS .news .out .box .el-2{
    width: 30%;

}
#NEWS .news .out .box .el-2 img{
    width: 100%;
    height: 224px;
}
#NEWS .news .out .box .el-3{
    width: 50%;
    padding-left: 50px;
    box-sizing: border-box;
    padding-right: 60px ;

}
#NEWS .news .out .box .el-3 h5{
    font-size: 24px;
    color: rgba(51, 51, 51, 1);
}
#NEWS .news .out .box .el-3 h5::after{
    width: 100%;
    height: 1px ;
    background: rgba(220, 220, 220, 1);
    margin-top: 32px;
    margin-bottom: 32px;
    display: block;
    content: '';
}

#NEWS .news .out .box .el-3 p{
    font-size: 18px;
    color: rgba(102, 102, 102, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#NEWS .news .out .box .el-3 a{
    display: block;
    margin-top: 35px;
    width: 156px;
    height: 41px;
    border-radius: 20.5px;
    border: 1px solid rgba(1, 72, 152, 1);
    text-align: center;
    line-height: 41px;
    color: rgba(1, 72, 152, 1);
}
#NEWS .news .out .box .el-3 a:hover {
    background: rgba(1, 72, 152, 1);
    color: #fff;
}

/* 详情页 */
#NEWS-list .NEWS-list {
    padding: 100px 0px;
}
#NEWS-list .NEWS-list .titel{
    text-align: center;
}
#NEWS-list .NEWS-list .titel h5{
    font-size: 42px;
    color: rgba(51, 51, 51, 1);
    font-weight: 400;
}
#NEWS-list .NEWS-list .release{
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(227, 227, 227, 1);
    border-bottom: 1px solid rgba(227, 227, 227, 1);
    margin-top: 48px;
}
#NEWS-list .NEWS-list .release i{
    display: block;
    width: 1px ;
    height: 14px;
    background: rgba(153, 153, 153, 1);
    margin: 0px 30px;
}
#NEWS-list .NEWS-list .release span{
    font-size: 13px;
    color: rgba(102, 102, 102, 1);
}

#NEWS-list .NEWS-list .text{
    padding: 43px 73px 73px 73px;
    box-sizing: border-box;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    line-height: 2.5em;
    border-bottom: 1px solid rgba(227, 227, 227, 1);
}
#NEWS-list .NEWS-list .text img{
    width: auto;
    max-width: 100%;
}
#NEWS-list .NEWS-list .text video{
    width: auto;
    max-width: 100%;
}
.shangyiye{
    margin-top: 34px;
    padding-left: 73px;
    box-sizing: border-box;
}
.shangyiye span{
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
}
.shangyiye span a{
    color: rgba(51, 51, 51, 1);
}
.shangyiye span a:hover{
    color: rgba(1, 72, 152, 1);
}
/* 详情页 */

/* 联系我们 */
#connect .Contact .out{
    display: flex;
    margin-top: 89px;
    margin-bottom: 30px
}
#connect .Contact .out .box{
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    
}
#connect .Contact .out .box::after{
    width: 2px ;
    height: 136px;
    background: rgba(221, 221, 221, 1);
    content: '';
    position: absolute;
    right: 0px;
    display: block;
    top:50%;
    margin-top: -68px;
}
#connect .Contact .out .box .img{
    width: 48px;
    height: 48px;
    position: relative;
    border-radius: 50%;
}
#connect .Contact .out .box .img img{
    width: 100%;
    height: 100%;
}
#connect .Contact .out .box .img .cheng-s{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid #014898;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    box-sizing: border-box;
    transform: scale(0);
    opacity: 0.2;
    /* box-shadow: 0px 0px 4px 2px #014798c9; */
    
}
#connect .Contact .out .box:hover .img .cheng-s{
    animation: identifier 1s linear infinite alternate;
}
@keyframes identifier {
    0%{
        transform: scale(0);
        opacity: 0.2;
    }
    80%{
        opacity: 0.05; 
    }
    100%{
        transform: scale(1.4);
        opacity: 0.05; 
    }
}

#connect .Contact .out .box  h5{
    font-size: 18px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    margin-top: 21px;
    margin-bottom: 18px;
}
#connect .Contact .out .box  span{
    font-size: 18px;
    color: rgba(51, 51, 51, 1);
    text-align: center;
}
#connect .Contact .out .box-er{
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#connect .Contact .out .box-er img{
    width: 104px;
    height: 104px;
    margin: 0 auto;
    display: block;
    margin-bottom: 7px;
}

#connect .Contact .out .box-er h5{
    color: rgba(153, 153, 153, 1);
    font-size: 16px;

}

#connect .Contact-2 h5{
    font-size: 42px;
    color: rgba(51, 51, 51, 1);
    text-align: center;
    margin: 60px 0px;
    margin-top: 30px;
    display: none;
}
#connect .Contact-2 .img{
    text-align: center;
}
#connect .Contact-2 h5 span{
    color: rgba(1, 72, 152, 1);
}

#connect .Contact-2 img{
    width: auto;
    max-width: 100%;
}

#connect .Contact-3 h5{
    color: rgba(17, 17, 17, 1);
    font-size: 40px;
    margin-bottom: 40px;
}
#connect .Contact-3 .box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


#connect .Contact-3 .i-box{
    width: 100%;
    height: 46px;
    border: 1px solid rgba(207, 213, 219, 1);
    border-left: 1px solid rgba(1, 72, 152, 1);
    border-radius: 4px;
    padding-left: 10px;
    box-sizing: border-box;
    outline: none;
    background: none;
    width: 48%;
    margin-bottom: 30px;
}

#connect .Contact-3 textarea{
    height: 128px !important;
    padding-top: 10px;
}

#connect .Contact-3 button{
    width: 324px;
    height: 58px;
    background: rgba(1, 72, 152, 1);
    text-align: center;
    line-height: 58px;
    border-radius: 29px;
    font-size: 22px;
    color: #fff;
    border: none;
    display: block;
    margin:  0 auto;
}
#connect .Contact-3{
    position: relative;
    padding-bottom: 70px;
    overflow: hidden;
}
#connect .Contact-3 .max-width{
    position: relative;
    z-index: 30;
}
#connect .Contact-3::after{
    background: url(../images/23-20000.png) no-repeat center;
    width: 800px;
    height: 400px;
    margin: 0 auto;
    content: '';
    display: block;
    position: absolute;
    bottom:-100px;
    left: 50%;
    margin-left: -400px;
    opacity: 0.5;
    z-index: 10;
}
#Case .case .out .box .text-box .img{
   height: 100%;
}
.nav{
    position: relative;
}
.min-nav-click{
    /*position: absolute;*/
    top: 50% ;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(102, 102, 102, 1);
    background: #fff;
    /*margin-top: -20px;*/
    display: none;
}
.min-nav-click:active img{
    transform: scale(0.5);
}
.min-nav-click img{
    width: 100%;
    height: 100%;
    object-fit: contain;

    transform: scale(0.6);
}

.min-mav-navigation{
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 5px 2px #00000023;
    padding: 20px 30px;
    box-sizing: border-box;
    position: absolute;
    top:var(--navHeight);
    left: 0px;
    z-index: 999;
    display: none;
}
.min-mav-navigation .title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 2em;
    color: #333;
    border-bottom: 1px solid #999999a9;
}
.min-mav-navigation .title img{
    transition: 0.6s;
}
.min-mav-navigation .title img.all{
    transform: rotate(90deg);
}
.min-mav-navigation .title a{
    color: #333;
}
.min-mav-navigation .nav-pulldown-out{
    display: none;
}
.min-mav-navigation .nav-pulldown-out a{
    display: block;
    line-height: 1.7em;
    color: #444;
    border-bottom: 1px solid #999999a9;
    padding-left: 30px;
    box-sizing: border-box;
}




@media (max-width:768px) {
    
    .yuyan_1 span{
        font-size: 12px !important;
        padding-left: 5px !important;
    }
    
    .yuyan_1 img{
        width: 16px;
    }
    
    /*.xiu_head_box-2 #group .group-box{*/
    /*    left: -100% ;*/
    /*}*/
    
    .xiu_head_box-2{
        position:  absolute;
        right: 0px;
    }
    
    .Products-list .Products .other .out .other-swiper .swiper-slide{
        width: 100%;
    }
    .Products-list .Products .other .out .box{
        width: 100% !important;
    }
    .crumbs a{
        font-size: 16px;
    }
    .min-nav-click{
        display: block;
    }
    .nav{
        --navHeight:70px;
    }
    .nav .nav-out{
        padding: 0px 10px ;
        box-sizing: border-box;
    }
    .nav .nav-out .nav-box{
        display: none;
    }
    .head .head-top{
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .head .head-top .box{
        flex-direction: column;
        align-items:baseline;
    }
    .head .head-top .box .etui span{
        font-size: 12px;
    }

    .head .head-top .box .etui{
        line-height: 1.5em;
        margin-right: 0px;
    }
    .bannre .banenr-swiper .swiper-slide img{
        height: 160px;
        object-fit: cover;
    }

    .Products{
        padding: 0px 10px ;
        padding-top: 20px;
        box-sizing: border-box;
    }
    .Products .publictitle h5{
        font-size: 24px;
    }

    .click-a{
        width: 80px;
        height: 30px;
        padding-left: 10px;
        line-height: 30px;
    }
    .click-a::after{
       right: 10px;
    }
    .Products .out{
        justify-content: space-between;
    }
    .Products .out .box{
        width: 49%;
        height: 49vw;
        margin-right: 0px;
    }

    .Products .out .box span{
        font-size: 12px;
    }
    .Products .out .box:hover .ceng-box{
        display: none;
    }
    .Products .out .box:hover a>span{
        display: flex;
    }
    .About{
        padding: 30px 10px 80px 10px;
        box-sizing: border-box;
    }
    .About .out{
        display: block;
    }
    .About .out .left{
        width: 100%;
    }
    .About .out .right{
        width: 100%;
    }
    .About .out .right h1{
        margin-bottom: 16px;
        margin-top: 20px;
        font-size: 20px;
    }
    .About .out .right span{
        font-size: 14px;
        margin-bottom: 14px;
    }
    .About .out .right p{
        font-size: 12px;
    }
    .About .ab-title h5{
        font-size: 24px;
    }
    .About .ab-title h5::after{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .Advantage{
        padding: 30px 10px 65px 10px;
        box-sizing: border-box;
    }
    .Advantage h5{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .Advantage .out{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .Advantage .out .box{
        width: 49%;
    }
    .Advantage .out .box span{
        font-size: 14px;
    }
    .Advantage .out .box .text{
        padding: 10px;
        padding-bottom: 40px;
        padding-top: 50px;
        font-size: 12px;
        height: auto;
    }
    .Case .Case-title h5{
        font-size: 24px;
    }
    .Case{
        padding: 30px 10px;
        box-sizing: border-box;
    }
    .Case .Case-title h5::after{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .Case .Case-swiper .swiper-slide{
        width: 100%;
    }
    .Case .Case-swiper{
        padding: 0px;
    }
    .Case .Case-swiper .swiper-slide-active .img-box{
        width: 100%;
        height: 100%;
        left: 0px;
        margin-left: 0px;
        top: 0px;
        margin-top: 0px;
    }
    .NEWS{
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .NEWS .NEWS-title h5{
        font-size: 24px;
    }
    .NEWS .NEWS-title h5::after{
        margin: 20px 0px;
    }
    .NEWS .out{
        display: block;
    }
    .NEWS .out .left .text{
        padding: 0px 10px;
    }
    .NEWS .out .right{
        width: 100%;
    }
    .NEWS .out .right .box{
        width: 100%;
        margin-bottom: 0px;
        margin-top: 20px;
    }
    .NEWS .out .right .box h5{
        margin: 16px 0px 20px 0px;
    }
    .footer{
        padding: 0px 10px;
        padding-top: 30px;
        box-sizing: border-box;
    }
    .footer .footer-box-1 .max-width{
        display: block;
    }
    .footer .el-1{
        width: 100%;
    }
    .footer .el-1 img{
        display: block;
        margin: 0 auto;
    }
    .footer .el-2{
        width: 100%;
        margin: 20px 0px;
        display: none;

    }
    .footer .el-3{
        width: 100%;
        /*float: right;*/
        display: none;
    }
    .footer .el-4{
         display: none;
    }
    .jishu{
        position: relative;
    }
    .footer-box .max-width{
        font-size: 14px;
    }

    #AboutUs .bannre img{
        height: 160px;
        object-fit: cover;
    }
    #AboutUs .digitalScrollCompressors{
        flex-wrap: wrap;
    }
    #AboutUs .digitalScrollCompressors .box{
        align-items: baseline;
        width: 50%;
    }
    #AboutUs .digitalScrollCompressors .box b{
        font-size: 33px;
    }
    #AboutUs .digitalScrollCompressors .box>span{
        font-size: 12px;
    }
    #AboutUs .factoryVisit h5{
        font-size: 24px;
    }
    #AboutUs .factoryVisit h5::after{
        margin-top: 12px;
        margin-bottom: 20px;
    }
    #AboutUs .factoryVisit .out .box img{
        object-fit: cover;
    }
    #AboutUs .Honor .Honor-swiper .swiper-slide{
        width: 100%;
    }
    #AboutUs .Honor .out .swiper-button-prev{
        left: 0px;
    }
    #AboutUs .Honor .out .swiper-button-next{
        right: 0px;
    }
    #AboutUs .Honor h5{
        font-size: 24px;
    }
    #AboutUs .Honor h5::after{
        margin-top: 12px;
        margin-bottom: 20px;
    }
    #AboutUs .partner .box{
        padding: 0px 0px;
        flex-wrap: wrap;
        margin-bottom: 0px;
    }
    #AboutUs .partner .box img{
        width: 33%;
        height: auto;
        margin-right: 0px;
        transform: scale(0.9);
        margin-bottom: 20px;
    }
    #AboutUs .partner .box:nth-child(2n){
        padding: 0px ;
        margin-right:0px;
    }
    #AboutUs .partner .box-2{
        padding: 0px;
    }
    #AboutUs .partner .box-2 img{
        width: 16%;
        height: auto;
    }
    #AboutUs .factoryVisit{
        padding: 30px 0px;
    }
    #AboutUs .partner h5{
        font-size: 24px;
    }
    #AboutUs .partner{
        padding: 30px 0px 50px 0px;
    }
    #AboutUs .Honor .Honor-swiper{
        padding: 40px 0px;
    }

    .bannre>img{
        height: 160px;
        object-fit: cover;
    }
    .crumbs{
        height: 40px;
        padding-left: 10px;
        box-sizing: border-box;
    }
    #Products .Products .out{
        display: block;
    }
    #Products .Products .left{
        width:100%;
    }
    #Products .Products .left .p-footer{
        display: none
    }
    #Products .Products .right{
        width: 100%;
    }
    #Products .Products .right .top-box{
        display: block;
    }
    #Products .Products .right .top-box .t-left{
        width: 100%;
    }
    #Products .Products .right .top-box .r-right{
        width: 100%;
        padding-left: 0px;
        margin-top: 30px;
    }
    #Products .Products .right .top-box .t-left img{
        object-fit: contain;
    }
    #Products .Products .right .top-box .r-right h5{
        font-size: 24px;
    }
    #Products .Products .right .top-box .r-right h5::after{
        margin-top: 12px;
        margin-bottom: 20px;
    }
    #Products .Products .right .top-box .r-right .text h6{
        font-size: 16px;
        margin-bottom: 10px;
    }
    #Products .Products .right .top-box .r-right .text p{
        font-size: 12px;
    }
    #Products .Products .right .r-conter-box .out{
        display: flex;
    }
    .Pagination .row{
        display: none;
    }
    .Pagination .p-box{
        display: none;
    }
    .Products-list .Products .right .left{
        width: 100% !important;
    }
    .Products-list .Products .right .left .xiao-sw-box{
        transform: translate(0);
    }
    .Products-list .Products .right .left .xiao-sw-box .swiper-button-prev{
        transform: translate(0);
    }
    .Products-list .Products .right .left .xiao-sw-box .swiper-button-next{
        transform: translate(0);
    }
    .Products-list .Products .right .top-box .right{
        padding-left: 0px;
        margin-top: 30px;
    }
    .Products-list .Products .other .out .box{
        width: 100% !important;
    }
    .Products-list .Products .other .out{
        display: flex !important;
    }
    #Case .case .case-title a{
        width: 160px ;
        font-size: 16px;
    }
    #Case .case .out .box{
        margin-right: 0px;
        width: 100%;
    }
    #Case .case .out .box .text-box{
        height: auto;
    }
    #solution .solution .out .box{
        display: block;
    }
    #solution .solution .out .box .left{
        width: 100%;
    }
    #solution .solution .out .box .left img{
        height: auto;
    }
    #solution .solution .out .box .right{
        width: 100%;
        padding:10px;
    }
    #solution .solution .out .box .right h5::after{
        margin-top: 12px;
        margin-bottom:20px;
    }
    #solution .solution{
        padding: 30px 0px;
        
    }
    #solution .solution .titl{
        font-size: 24px;
    }
    #solution .solution .titl::after{
        margin-top: 12px;
        margin-bottom:20px;
    }
    #NEWS .news .news-title{
        padding: 30px 0px;
    }
    #NEWS .news .out .box{
        display: block;
    }
    #NEWS .news .out .box .el-2 img{
        object-fit: cover;
        transform: scale(0.9);
    }
    #NEWS .news .out .box .el-2{
        width: 100%;
    }
    #NEWS .news .out .box .el-3{
        width: 100%;
        padding: 0px 20px;
    }
    #NEWS .news .out .box .el-1 span{
        font-size: 16px
    }
    #NEWS .news .out .box .el-1 span:nth-child(2){
        margin-top: 10px;
        font-size: 20px;
    }

    #NEWS-list .NEWS-list .text{
        padding: 43px 30px 73px 30px;
    }
    #NEWS-list .NEWS-list .titel h5{
        font-size: 24px;
    }
    #connect .Contact .out{
        flex-wrap: wrap;
    }
    #connect .Contact .out .box{
        width: 50%;
        margin-bottom: 20px;
    }
    #connect .Contact .out .box span{
        font-size: 12px;
    }
    #connect .Contact .out .box-er{
        width: 50%;
    }
    #connect .Contact-2 h5{
        font-size: 24px;
    }
    .nav .nav-out .search{
        display: none;
    }
}

@media (min-width:769px) and (max-width:992px) {
    .Products-list .Products .other .out .other-swiper .swiper-slide{
        width: 33.3%;
    }
    .min-nav-click{
        display: block;
    }

    .nav .nav-out .search{
        margin-right: 100px;
    }
    .max-width{
        padding: 0px 20px;
        box-sizing: border-box;
    }
    .nav .nav-out .nav-box{
        display: none;
    }
    .Products .out{
        /*justify-content: space-between;*/
    }
    .Products .out .box{
        width: 49%;
        margin-right: 0px;
    }

    .About .out .left img{
        height: 100%;
        object-fit: cover;
    }
    .Case .Case-swiper .swiper-slide{
        width:100%;
        height: auto;
    }
    .Case .Case-swiper{
        padding-bottom: 0px;
    }
    .Case .Case-swiper .swiper-slide-active .img-box{
        width: 100%;
        height: auto;
        left: 0px;
        margin-left: 0px;
        top: 0px;
        margin-top: 0px;
        position: relative;
    }
    .Case .Case-swiper .swiper-slide .img-box img{
        height: 100%;
    }
    .NEWS .out{
        display: block;
    }
    .NEWS .out .right{
        width: 100%;
        margin-top: 30px;
    }
    .footer .footer-box-1 .max-width{
        flex-wrap: wrap;
        padding-bottom: 20px;
    }
    .footer .el-3{
        display: none;
    }
    .footer .el-4{
        display: none;
    }

    #AboutUs .digitalScrollCompressors .box b{
        font-size: 40px;
    }
    #AboutUs .digitalScrollCompressors .box>span{
        font-size: 14px;
    }
    #AboutUs .factoryVisit .out .box img{
        object-fit: cover;
    }
    #AboutUs .Honor .out .swiper-button-next{
        right: 0px;
    }
    #AboutUs .Honor .out .swiper-button-prev{
        left: 0px;
    }
    #AboutUs .Honor .Honor-swiper .swiper-slide{
        width: 50%;
    }
    #AboutUs .Honor .Honor-swiper .swiper-slide-active img{
        transform: scale(1);
    }
    #AboutUs .Honor .Honor-swiper .swiper-slide-active .box span{
        margin-top: 10px;
    }
    #AboutUs .Honor .Honor-swiper{
        padding: 0px 0px;
    }
    #AboutUs .factoryVisit{
        padding: 40px 0px;
    }
    #AboutUs .partner .box{
        padding: 0px ;
        flex-wrap: wrap;
        margin-bottom: 0px;
    }
    #AboutUs .partner .box img{
        width: 33.3%;
        object-fit: contain;
        margin-right: 0px;
        transform: scale(0.9);
        margin-bottom: 20px;
    }

#AboutUs .partner .box:nth-child(2n){
    padding: 0px;
}
    .Pagination .p-box{
        display: none;
    }
    #Products .Products .right .top-box .t-left img{
        object-fit: contain;
    }
    #Products .Products .right .top-box .r-right h5{
        font-size: 30px;
    }
    #Products .Products .right .top-box .r-right .text h6{
        font-size: 18px;
    }
    #Products .Products .right .top-box .r-right .text p{
        font-size: 16px;
    }
    #Products .Products .right .top-box .r-right{
        padding-left: 20px;
    }
    .Products-list .Products .right .top-box .right{
        padding-left: 20px;
    }
    .Products-list .Products .right .left .adasd-swiper .swiper-slide img{
        object-fit: contain;
    }

    #Case .case .out .box{
        width: 49%;
        margin-right: 0px;
    }

    #Case .case .out{
        justify-content: space-between;
    }
    
    #solution .solution .out .box .left img{
        object-fit: cover;
    }
    #solution .solution .out .box .right{
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width:993px) and (max-width:1399px) {
        .Products-list .Products .other .out .other-swiper .swiper-slide{
        width: 33.3%;
    }
    
    #AboutUs .partner .box{
        flex-wrap: wrap;
        margin-bottom: 0px;
    }
    #AboutUs .partner .box img{
        margin-right: 0px;
        width: 20%;
        margin-bottom: 20px;
        transform: scale(0.9);
    }
    #AboutUs .partner .box:nth-child(2n){
        padding: 0px;
    }
    
    .max-width{
        padding:0px 20px;
        box-sizing: border-box;
    }
    .nav .nav-out .search{
        width: 100px;
    }
    .Products .out .box{
        width: 31.5%;
    }

    .About .out .left img{
        height: 100%;
        object-fit: cover;
    }
    #AboutUs .digitalScrollCompressors .box b{
        font-size: 50px;
    }
    #AboutUs .digitalScrollCompressors .box>span{
        font-size: 16px;
    }
    #AboutUs .factoryVisit .out .box img{
        object-fit: cover;
    }
    #AboutUs .Honor .out .swiper-button-prev{
        left: 0px;
    }
    #AboutUs .Honor .out .swiper-button-next{
        right: 0px;
    }
    #AboutUs .Honor .Honor-swiper .swiper-slide img{
        transform: scale(1);
        width: 100%;
    }
    #AboutUs .Honor .Honor-swiper .swiper-slide-active .box span{
        margin-top: 10px;
    }
    #AboutUs .Honor h5::after{
        margin-bottom: 0px;
    }
    #AboutUs .partner .box{
        padding: 0px;
    }
    #AboutUs .partner .box-2{
        padding: 0px ;
    }
    #AboutUs .partner .box img{
        object-fit: contain;
    }
    #AboutUs .partner .box-2 img{
        object-fit: contain;
    }


    #Case .case .out .box{
        width: 49%;
        /*margin-right: 10px;*/
    }
}