.btnbox {
    text-align: center;
    position: absolute;
    width: 167px;
  height:80px;
  top:0px;
  right:0px;
  left:auto;
    line-height: 40px;
    background: #0176c9;
    color: #fff;
    margin-left: auto;
  font-style: normal !important;
    cursor: pointer;
    font-size: 14px;
   
}

.btnbox span {
    display: inline-block;
    font-family: 'PoppinsM' !important;
}

.iconfont.map {
    width: 150px;
    margin-right: 40px;
    text-align: center;
    line-height: 80px;
    display: inline-block;
    display: flex;
    justify-content: center;
	
}

.iconfont.map::after{
    content: '';
   background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022112108493510533/cms/image/677aac26-2e06-4088-b95e-505e51e40eea.png?d=1671589838681)  ;
	    background-repeat: no-repeat;
    background-position: top right;
    color: #303030;
    font-size: 16px;
  width:50px;
  height:27px;
  display: block; 


    text-align: center;
  margin-top:25px;
}


.showbox {
    position: fixed;
    width: 167px;
    background: #fff;
    z-index: 999;
    margin-top: 0px;
    overflow: hidden;
    display: none;right:10px;
    padding: 0;
  right:0px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0);
    border-radius: 0px;
}

.showbox a {
    color: #333;
    display: block;
    transition: all 0.5s;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    font-family: 'PoppinsM' !important;
}

.showbox a:hover {
    background: #0176c9;
    color: #fff;
}

 @media only screen and (max-width: 768px){
  
.btnbox {
    text-align: center;
    position: absolute;
    width: 100px;
  height:61px;
  top:0px;
  right:0px;
  left:auto;
    line-height: 40px;
    background: #0176c9;
    color: #fff;
    margin-left: auto;
  font-style: normal !important;
    cursor: pointer;
    font-size: 14px;
   
}
   .iconfont.map {
    width: 100px;
    margin-right: 0px;
    text-align: center;
    line-height: 60px;
    display: inline-block;
    display: flex;
    justify-content: center;
	
}
   
   .iconfont.map::after{
     display: none;
    content: '';
   background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022112108493510533/cms/image/677aac26-2e06-4088-b95e-505e51e40eea.png?d=1671589838681)  ;
	    background-repeat: no-repeat;
    background-position: top right;
    color: #303030;
    font-size: 16px;
  width:50px;
  height:27px;



    text-align: center;
  margin-top:25px;
}
}  .twoImg {
        width: 100%;
        position: relative;
        display: block;
        margin: auto;
        margin-top: 20px;
    }

    .twoImg .pcs {
        display: inline-block !important;
    }

    .twoImg .phs {
        display: none !important;
    }

    .twoImg .lr {
        position: absolute;
        height: 20px;
        z-index: 9;
        top: 50%;
    }

    .twoImg .TWimgBlock {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
    }

    .twoImg .TWimgBlock > div {
        display: inline-block;
        height: 100%;
        position: absolute;
        top: 0;
    }

    .twoImg .TWimgBlock .tImg {
        height: 100%;
          width: auto !important;
    }

    .twoImg .TWimgBlock .tImg.gray {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    .twoImg .TWimgBlock1 {
        width: 75%;
        z-index: 4;
        left: 0;
        height: 100%;
        padding-left: 4%;
        margin-left: -25%;
        transform: skew(-18deg, 0deg);
        -ms-transform: skew(-18deg, 0deg);
        -moz-transform: skew(-18deg, 0deg);
        -webkit-transform: skew(-18deg, 0deg);
        -o-transform: skew(-18deg, 0deg);
        background: #000;
    }

    .twoImg .TWimgBlock1 .tImg {
        transform: skew(18deg, 0deg);
        -ms-transform: skew(18deg, 0deg);
        -moz-transform: skew(18deg, 0deg);
        -webkit-transform: skew(18deg, 0deg);
        -o-transform: skew(18deg, 0deg);
    }

    .twoImg .TWimgBlock1 > div {
        left: 34px;
    }

    .twoImg .TWimgBlock1 > div .lr {
        left: 50%;
        transform: translate(-50%, -50%);
      display:none;
    }

    .twoImg .TWimgBlock2 {
        right: 0;
        text-align: right;
        z-index: 3;
        background: #000;
    }

    .twoImg .TWimgBlock2 > div {
        right: 0;
    }

    .twoImg .TWimgBlock2 > div .lr {
        right: 52%;
        transform: translate(40%, -50%);
    }

    .twoImg .twoInfo {
        width: 40%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 4;
    }

    .twoImg .twoInfo.twoInfo1 {
        left: 40%;
        display: none;
        transform: skew(18deg) translateY(-50%);
    }

    .twoImg .twoInfo.twoInfo1 .twoImg-title {
        color: #ffffff;
        FONT-FAMILY: Oswald1;
        font-size: 2rem;
        text-decoration: none;
        position: relative;
        right: 40%;
    }

    .twoImg .twoInfo.twoInfo2 {
        width: 40%;
        right: 14%;
        display: none;
        text-align: center;
        font-size: 2.4rem;
        color: white;
    }

    .twoImg .twoInfo.twoInfo2 .twoImg-title {
        color: red;
        font-size: 2rem;
        FONT-FAMILY: Oswald1;
        position: relative;
    }

    .pkonowMore {
        display: none;
    }

    .twoImg .TWimgBlock1 :hover .twoInfo1 {
        display: block;
    }

    .twoImg .TWimgBlock2 :hover .twoInfo2 {
        display: block;
    }

    .twoImg .TWimgBlock1 :hover img {
        opacity: 0.5;
    }

    .twoImg .TWimgBlock2 :hover img {
        opacity: 0.5;
    }
    /*产品菱形*/
 
 #c_portalResPublic_codeContainer-15609222172712720{  
 width:100%;

  max-width:none;

  min-width:0px;

  height:50px;

  max-height:none;

  min-height:50px;

  margin-top:0px;

  margin-left:auto;

  margin-right:auto;

  margin-bottom:0px;

  padding-top:0px;

  padding-left:0px;

  padding-right:0px;

  padding-bottom:0px;

  position:absolute;

  top:0px;

  left:10px;

  z-index:1;

  bottom:auto;

  right:10px;
}
  
  .info {
        border: 1px solid #ff0000;
        width: 170px;
        padding: 10px 40px;
        font-size: 14px;
        color: #ffffff;
        FONT-FAMILY: Oswald1;
        background: #ff0000;
    }

    .info01 {
        border: 1px solid #737373;
        width: 170px;
        FONT-FAMILY: Oswald1;
        padding: 10px 40px;
        font-size: 14px;
        color: #ffffff;
        background: #737373;
    }
  
 .ruizhi06 li {
        width: 100%;
        text-align: center !important;
        clear: left;
        margin: 0px auto;
    }

    .ruizhi06 {
        text-align: center;
        color: #ffffff;
        width: 100%;
        line-height: 40px;
        font-size: 16px;
        FONT-FAMILY: Oswald1;
        margin: 0px auto !important;
    }