[class^="col"]{
    padding: 40px;
}

.box{
    width: 100%;
    box-shadow:0px 3px 6px 3px rgb(203, 203, 203);
}

.text{
position: relative;
width: 100%;
font-size: 1.5vh;
font-weight: 400;
letter-spacing:0.2rem;
 
}
.iframe{
    width: 100%;
    height: 300px;
}
.text p{
    font-size: 2vh;
    line-height: 7vh;
    color: rgb(20, 20, 20);
}

.text img{
    position: absolute;
    top:30%;
    left: 10%;
    transform:translate(-30%,-25%);
    color: rgb(20, 20, 20);
}
.threecontent{
    padding-left: 10%;
    padding-right: 10%;
    background-image: url(/profilm3D/images/3dcontent.jpg) ;
    background-size: 100% 100%;
}
.more{
    text-align: center;
    font-size: 3vh;
    padding-top: 0px;
}

.profilebanner{
    background-image: url(/profilm3D/images/profilmbanner.jpg) ;
    background-size: 100% 100%;
}

.profilmbanner{
    position: relative;
}
.button{
    position: absolute;
    right: 9%;
    top: 60%;
    cursor: pointer;
    text-align: center;
    font-size: 1vh;
}
.back{
    margin: 0;
    padding: 0;
}
.back-btn{
    position:fixed;
    right: 2px;
    Top: 53%;
    width: 144px;
    height: 53px;
    background-image: url(/profilm3D/images/btn-1.png);
    margin:0;
    padding: 0;
    cursor: pointer;
}





@media screen and (min-width: 320px){
    .button{
        position: absolute;
        right: 9%;
        top: 60%;
        cursor: pointer;
        text-align: center;
    }
    .icon{
        width: 16px;
        height: 16px;
    }
    .iframe{
        width: 100%;
        height: 200px;
    }
  }
  @media screen and (min-width: 480px){
    .button{
        position: absolute;
        right: 9%;
        top: 60%;
        cursor: pointer;
        text-align: center;
    }
    .icon{
       width: 25px;
       height: 25px;
    }
  }
  @media screen and (min-width: 768px){
    .button{
        position: absolute;
        right: 9%;
        top: 60%;
        cursor: pointer;
        text-align: center;
    }
    .icon{
       width: 35px;
       height: 35px;
    }
    .iframe{
        width: 100%;
        height: 400px;
    }
  }
  @media screen and (min-width: 992px){
    .button{
        position: absolute;
        right: 9%;
        top: 60%;
        cursor: pointer;
        text-align: center;
    }
    .icon{
       width: 45px;
       height: 45px;
    }
    .gengduo{
        display: none;
      }
    .iframe{
        width: 100%;
        height: 280px;
    }
  }
  @media screen and (min-width: 1200px){
    .button{
        position: absolute;
        right: 7%;
        top: 60%;
        padding: 1px 15px 1px 20px ;
        cursor: pointer;
        text-align: center;
        border: 2px solid rgb(0, 0, 105);
        border-radius: 18px;
    }
    .gengduo{
        display: block;
        color: rgb(0, 0, 105);
        float: left;
        margin-top: 5%;
        margin-right: 10px;
        font-family:"Microsoft YaHei";
        font-size: 24px;
        font-weight: 800;
    }
    .icon{
        color: rgb(0, 0, 105);
        width: 40px;
        height: 45px;
     }
    .button:hover {
        color: rgb(255, 255, 255);
        text-decoration: none;
        border:3px solid #ffffff;
        background: linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
        background: -o-linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
        background: -ms-linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
        background: -moz-linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
        background: -webkit-linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
      }
      .button:hover .gengduo {
        color: rgb(255, 255, 255);
      }
    .button:hover .icon{
        fill:currentColor;
        color: rgb(255, 255, 255);
      }
    }
  /* @media screen and (min-width: 1920px){
    .button{
        position: absolute;
        right: 7%;
        top: 62%;
        padding: 1px 50px 1px 50px ;
        cursor: pointer;
        text-align: center;
        border: 2px solid rgb(0, 0, 105);
        border-radius: 38px;
    }
    .gengduo{
        display: block;
        color: rgb(0, 0, 105);
        float: left;
        margin-top: 9%;
        margin-right: 18px;
        font-family:"Microsoft YaHei";
        font-size: 47px;
        font-weight: 800;
    }
    .icon{
        color: rgb(0, 0, 105);
        width: 69px;
        height: 114px;
     }
    .button:hover {
        color: rgb(255, 255, 255);
        text-decoration: none;
        border:3px solid #ffffff;
        background: linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
        background: -o-linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
        background: -ms-linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
        background: -moz-linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
        background: -webkit-linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
      }
      .button:hover .gengduo {
        color: rgb(255, 255, 255);
      }
    .button:hover .icon{
        fill:currentColor;
        color: rgb(255, 255, 255);
      }

  } */
  @media screen and (min-width: 1950px){
    .button{
        position: absolute;
        right: 7%;
        top: 60%;
        padding: 1px 5px 1px 20px ;
        cursor: pointer;
        text-align: center;
        border: 2px solid rgb(0, 0, 105);
        border-radius: 20px;
    }
    .gengduo{
        display: block;
        color: rgb(0, 0, 105);
        float: left;
        margin-top: 5%;
        margin-right: 10px;
        font-family:"Microsoft YaHei";
        font-size: 30px;
        font-weight: 800;
    }
    .icon{
        color: rgb(0, 0, 105);
        width: 50px;
        height: 60px;
     }
    .button:hover {
        color: rgb(255, 255, 255);
        text-decoration: none;
        border:3px solid #ffffff;
        background: linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
        background: -o-linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
        background: -ms-linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
        background: -moz-linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
        background: -webkit-linear-gradient(top , rgb(255, 181, 246) , rgb(97, 98, 241) 100%);
      }
      .button:hover .gengduo {
        color: rgb(255, 255, 255);
      }
    .button:hover .icon{
        fill:currentColor;
        color: rgb(255, 255, 255);
      }

  }