.banner-mobile{
  display: none;
 }

@media (max-width: 750px) {
    .cloud-pc{
     display: none;
    }
    .nav-shadow{
     display: none;
    }
    .product-function{
      display: none;
    }
    .banner-mobile{
      display: block;
    }
 }
 .cloud-pc{
   margin-bottom: 50px;
 }
 
 .cloud-pc-banner{
   width:100%;
   height: 500px;
   background-image: url('/web/shiwais2/assets/img/cloud/server.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   /* line-height: 500px; */
   overflow: hidden;
 }
 .cloud-pc-banner .cloud-pc-content{
   width: 1220px;
   margin: 0 auto;
   height: 50%;
   /* background-color: aqua; */
   margin-top: 150px;
 }
 .cloud-pc-banner .cloud-pc-content p{
   width: 733px;
 }
 .cloud-pc-banner .cloud-pc-content p:first-child{
   font-size: 42px;
 }
 .cloud-pc-banner .cloud-pc-content p:nth-child(2){
   font-size: 14px;
   line-height: 2;
 }
 .cloud-pc-banner .cloud-pc-content p:nth-child(3){
   width: 39%;
   cursor: text;
   color: #181818;
   font-size: 12px;
   line-height: 15px;
   background-image: linear-gradient(-89deg, rgba(51, 125, 255, 0), rgba(51, 125, 255, .2));
   padding: 7px 40px 7px 35px;
   margin-top: 15px;
   position: relative;
 }
 .cloud-pc-banner .cloud-pc-content p:nth-child(3) img{
   position: absolute;
   left: 10px;
   top: 5px;
 }
 .cloud-pc-banner .cloud-pc-content p:last-child button{
   border: none;
   display: inline-block;
   width: 118px;
   height: 40px;
   text-align: center;
   line-height: 38px;
   font-size: 14px;
   color: #fff;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 3px;
   transition: background-color 0.3s, transform 0.3s;
 }
 .cloud-pc-banner .cloud-pc-content p:last-child button:first-child{
   background-color: #0080ff;
 }
 .cloud-pc-banner .cloud-pc-content p:last-child button:nth-child(2),
 .cloud-pc-banner .cloud-pc-content p:last-child button:nth-child(3){
   background-color: #fff;
   color: #0080ff;
   border: #0080ff 1px solid;
 }
 .cloud-pc-banner .cloud-pc-content p:last-child button:first-child:hover{
   background-color: #0037ff;
 }
 .cloud-pc-banner .cloud-pc-content p:last-child button:nth-child(2):hover,
 .cloud-pc-banner .cloud-pc-content p:last-child button:nth-child(3):hover{
   background-color: #0080ff;
   color: #fff;
 }
 .cloud-pc .cloud-pc-navlist{
   border-bottom: 1px solid #eee;
   margin-bottom: 10px;
 }
 .cloud-pc .cloud-pc-navlist ul{
   width: 1220px;
   height: 50px;
   line-height: 50px;
   margin: 0 auto;
   display: flex;
   justify-content: space-around;
   font-size: 14px;
 }
 .cloud-pc .cloud-pc-navlist ul li:first-child{
   border-bottom: 2px solid #059fff;
 }
 .cloud-pc .advantage,
 .cloud-pc .contrast{
   width: 1220px;
   margin: 0 auto;
   
 }
 .cloud-pc .advantage > p,
 .cloud-pc .contrast > p{
   text-align: center;
   font-size: 24px;
   font-weight: 700;
   margin: 40px 0;
 }
 .cloud-pc .advantage .advantage-top,
 .cloud-pc .advantage .advantage-bottom{
   display: flex;
   justify-content: space-between;
 }
 .cloud-pc .advantage .advantage-top div{
   margin: 35px 0;
 }
 .cloud-pc .advantage .advantage-top div,
 .cloud-pc .advantage .advantage-bottom div{
   width: 240px;
   height: 174px;
   /* background-color: #059fff; */
 }
 .cloud-pc .advantage div img{
   display: block;
   margin: 0 auto;
 }
 .cloud-pc .advantage div p:nth-child(2){
   text-align: center;
   margin-top: 20px;
   font-size: 18px;
   color: #333333;;
 }
 .cloud-pc .advantage div p:nth-child(3){
   font-size: 12px;
   color: #999999;;
 }
 .cloud-pc .contrast{
   text-align: center;
 }
 .cloud-pc .contrast div{
   display: flex;
 }
 .cloud-pc .contrast .contrast-table1{
   width: 276px;
   height: 600px;
   border: 1px solid #d3d3d3;
   border-right: none;
   border-left: 1px solid #d3d3d3
 }
 
 .cloud-pc .contrast .contrast-table1 ul li,
 .cloud-pc .contrast .contrast-table2 ul li,
 .cloud-pc .contrast .contrast-table3 ul li,
 .cloud-pc .contrast .contrast-table4 ul li{
   display: block;
   height: 38px;
   width: 271px;
   line-height: 38px;
   color: #666;
 }
 .cloud-pc .contrast .contrast-table3 ul li,
 .cloud-pc .contrast .contrast-table4 ul li{
   width: 275px;
 }
 .cloud-pc .contrast .contrast-table2 ul li{
   width: 368px;
 }
 .cloud-pc .contrast .contrast-table1 ul li:first-child,
 .cloud-pc .contrast .contrast-table3 ul li:first-child,
 .cloud-pc .contrast .contrast-table4 ul li:first-child{
   height: 66px;
 }
 .cloud-pc .contrast .contrast-table2 ul li:first-child{
   height: 85px;
   background-color: #0080ff !important;
   color: #fff;
   font-size: 20px;
   line-height: 85px;
 }
 .cloud-pc .contrast .contrast-table1 ul li:nth-child(2n-1),
 .cloud-pc .contrast .contrast-table3 ul li:nth-child(2n-1),
 .cloud-pc .contrast .contrast-table4 ul li:nth-child(2n-1){
   background-color: #f6f6f6;
 }
 .cloud-pc .contrast .contrast-table2 ul li:nth-child(2n-1){
   background-color: #edf4fc;
 }
 .cloud-pc .contrast .contrast-table2{
   width: 370px;
   height: 620px;
   border: 1px solid #00aaff;
   margin-top: -18px;
   box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.33);
 }
 .cloud-pc .contrast .contrast-table3{
   width: 277px;
   height: 600px;
   border-top: 1px solid #d3d3d3;
   border-bottom: 1px solid #d3d3d3;
 }
 .cloud-pc .contrast .contrast-table4{
   width: 277px;
   height: 600px;
   border: 1px solid #d3d3d3;
   border-left: none;
   border-left: 1px solid #d3d3d3
 }

 .product-function{
    width:100%;
    height: 938px;
    background-color: #f7f8fa;
 }
 .product-function .product-function-table{
    width: 1220px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
 }
 .product-function .product-function-table > p:first-child{
    font-size: 28px;
    color: #333;
    text-align: center;
    margin: 70px 0;
    font-weight: 700;
 }
 .product-function .product-function-table ul li{
    display: block;
    border: 1px solid #cfd6e3;
    border-bottom: none;
    height: 130px;
    padding: 28px 10px 0 130px;
    position: relative;
 }
 .product-function .product-function-table ul li img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
 }
 .product-function .product-function-table ul li p:nth-child(2){
    font-weight: 700;
    font-size: 18px;
 }
 .product-function .product-function-table ul li p:last-child{
    font-size: 13px;

 }
 .product-function .product-function-table ul li:last-child{
    border-bottom: 1px solid #cfd6e3;
 }
 .banner-mobile-header{
  height: auto;
  background-image: url('/web/shiwais2/assets/img/cloud/banner.png');
  height: 260px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
 }
 .banner-mobile-header p{
  margin-left: 20px;
 }
 .banner-mobile-header p:nth-child(1){
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
 }
 .banner-mobile-header p:nth-child(2){
  width: 60%;
  line-height: 1.75;
  margin-bottom: 20px;
 }
 .banner-mobile-header p:nth-child(3) a{
  -webkit-border-radius: 0.1rem;
  -moz-border-radius: 0.1rem;
  border-radius: 0.1rem;
  line-height: 1.5rem;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  background-color: #0080ff;;
  padding: 7px 14px;
 }
 .banner-nav-mobile{
  /* margin-bottom: 20px; */
 }
 .banner-nav-mobile ul{
  display: flex;
  justify-content: space-evenly;
  border-bottom: 1px solid #e8e8e8;
 }
 .banner-nav-mobile ul li{
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  /* border-bottom: 2px solid #0080ff; */
 }
 .banner-nav-mobile .border-bottom{
  border-bottom: 2px solid #0080ff;
 }
 .banner-content-mobile .advantages{
  display: block;
 }
 .banner-content-mobile .advantages ul li{
  border-bottom: 1px solid #e8e8e8;
  padding-left: 100px;
  height: 130px;
  padding-top: 20px;
  color: #333;
  position: relative;
 }
 /* .banner-content-mobile .scend, */
 .banner-content-mobile .function{
  display: none;
 }
 .banner-content-mobile .advantages ul li p:nth-child(2){
  width: 90%;
  line-height: 1.5em;
  font-size: 13px;
  color: #666;
 }
 .banner-content-mobile .advantages ul li img{
  position: absolute;
  width: 70px;
  height: 70px;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
 }
 .banner-content-mobile .advantages ul .advantages-list{
  display: none;
 }
 .banner-content-mobile .advantages .covered{
  height: 80px;
  background-color: #fff;
  text-align: center;
  padding-top: 25px;
  
 }
 .banner-content-mobile .advantages .covered button{
  background-color: #fff;
  border: 1px solid #0080ff;
  color:#0080ff;;
  padding: 7px 15px;
 }
 .scene{
  display: none;
 }
 .scene .scene-title{
  border: 1px solid #e5e5e5;
  width: 90%;
  margin: 10px auto;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  font-size: 13px;
  background-color: #f5f6f7;
  position: relative;
 }
 .scene .scene-title img{
  width:10px;
  height: 10px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
 }
 .scene .scene-content{
  width: 90%;
  height: 246px;
  margin: 0 auto;
  margin-top: -10px;
  display: none;
  background-image: linear-gradient(180deg, #f0f2f5 0, #fff 100%), linear-gradient(#fff, #fff);
  border: 2px solid #fff;
  padding: 8px 15px;
 }
 .scene .scene-content p:first-child{
  font-size: 12px;
  line-height: 1.9em;
  color: #999;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 26px;
 }

 .scene .scene-content p:last-child{
  color: #999;
 }
 .scene .scene-content .recommended-configuration{
  color: #0080ff;
 }
 .scene .scene-content p:last-child span:first-child{
  display: block;
  margin-bottom: 10px;
  color:#999;
 }

 .scene .scene-content p:last-child button{
  width: 100%;
  margin-top: 20px;
  border: none;
  padding: 6px 0;
  color: #fff;
  background-color: #0080ff;
 }

 .hidden {
  display: none !important;
 }

 .function{
  width: 90%;
  margin: 15px auto;
  color: #666;
  font-size: 13px;
 }
 .function > div{
  margin-top: 20px;
 }
 .function p:first-child{
  font-size: 18px;
  /* padding-left: 28px; */
  line-height: 25px;
 }
 .function p:first-child img{
  width: 20px;
  height: 20px;
 }