/*
@media (min-width: 768px) {}
@media (min-width: 992px) {}
*/
.width-480 {
  width: 480px;
}
.width-478 {
  width: 478px;
}
.width-380 {
  width: 380px;
}
.width-394 {
  width: 394px;
}
.width-50 {
  width: 50%;
}
.width-10 {
  width:10px; height:350px; float:left;
}
.height-666 {
  width:100%; height:666px; background-color:#16172E;
}
.width-500 {
  width:500px; left:calc(50% - 250px);
}

@media (max-width: 767px) {
  .width-480 {
    width:90%; margin-left:auto; margin-right:auto;
  }
  .width-478 {
    width: calc(90% - 2px); margin-left:auto; margin-right:auto;
  }
  .width-380 {
    width: 80%;
  }
  .width-394 {
    width: calc(80% + 14px);
  }
  .width-50 {
    width: 100%;
  }
  .hidden-sm {
    display: none;
  }
  .width-sm {
    width: 100%;
  }
  .center-sm {
    text-align: center;
  }
  .width-750 {
    width: 100%;
  }
  .hidden-xs {
    display: none;
  }
  .hidden-xs1 {
    display: none;
  }
  .pp {
    color: DarkGray;
    font-size: 0.85em;
    display: none;
  }
  .width-1200 {
    width: 90%;
  }
  .lin {
    width:16.8%; height:200px; float:left;
  }
  .lin i {
    font-size: 1.5em;
  }
  .width-960 {
    width:100%; margin-left:auto; margin-right:auto; height:998px; margin-top:60px;
  }
  .fudong-sm {
    float: none;
  }
  .width-150 {
    width: 33.3333333%;
  }
  .width-48 {
    width:4%; height:200px; float:left;
  }
  .width-47 {
    width:4%; height:200px; float:left;
  }
  .width-600 {
    width: 300px;
  }
  .paddingtop80 {
    padding-top:30px; height:308px;
  }
  .width-1160 {
    width:90%; height:750px; margin-left:auto; margin-right:auto;
  }
  .width-170 {
    width:110px; height:10px; float:left;
  }
  .width-730 {
    width:100%; height:710px; float:left;
  }
  .intro {width:100%; height:348px; background-color:white; box-shadow:0 12px 39px 0 rgba(8,18,109,.08); padding-top:30px;}
  .margin-30 {margin:30px; line-height:175%;}
  .height-870 {width:100%; height:2120px;}
  .width-10 {
    width:100%; height:10px;
  }
  .height-666 {
    width:100%; height:1666px; background-color:#16172E;
  }
  .width-1000 {
    width:90%; margin-left:auto; margin-right:auto;
  }
  .width-500 {
    width:90%; left:5%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none;
  }
  .width-sm {
    width: 100%;
  }
  .center-sm {
    text-align: center;
  }
  .width-750 {
    width: 750px;
  }
  .hidden-xs {
    display: inline;
  }
  .hidden-xs1 {
    display: block;
  }
  .pp {
    color: DarkGray;
    font-size: 0.85em;
    display: none;
  }
  .width-1200 {
    width: 740px;
  }
  .lin {
    width:108px; height:200px; float:left; border:1px solid DarkGray; border-radius:5px;
  }
  .width-960 {
    width:100%; margin-left:auto; margin-right:auto; height:998px; margin-top:60px;
  }
  .fudong-sm {
    float: none;
  }
  .width-150 {
    width: 150px;
  }
  .width-48 {
    width:48px; height:200px; float:left;
  }
  .width-47 {
    width:47px; height:200px; float:left;
  }
  .width-600 {
    width: 370px;
  }
  .paddingtop80 {
    padding-top:30px; height:308px;
  }
  .width-1160 {
    width:730px; height:750px; margin-left:auto; margin-right:auto;
  }
  .width-170 {
    width:110px; height:480px; float:left;
  }
  .width-730 {
    width:730px; height:710px; float:left;
  }
  .intro {width:360px; height:348px; float:left; background-color:white; box-shadow:0 12px 39px 0 rgba(8,18,109,.08);}
  .margin-30 {margin:30px; line-height:175%;}
  .height-870 {width:100%; height:1310px;}
  .width-1000 {
    width:500px; margin-left:auto; margin-right:auto;
  }
}
@media (min-width: 992px) and (max-width: 1239px) {
  .hidden-sm {
    display: inline;
  }
  .width-sm {
    width: 950px;
  }
  .center-sm {
    text-align: left;
  }
  .width-750 {
    width: 900px;
  }
  .hidden-xs {
    display: inline;
  }
  .hidden-xs1 {
    display: block;
  }
  .pp {
    color: DarkGray;
    font-size: 0.85em;
    display: inline;
  }
  .width-1200 {
    width: 970px;
  }
  .lin {
    width:154px; height:200px; float:left; border:1px solid DarkGray; border-radius:5px;
  }
  .width-960 {
    width:960px; margin-left:auto; margin-right:auto; height:518px; margin-top:60px;
  }
  .fudong-sm {
    float: left;
  }
  .width-150 {
    width: 150px;
  }
  .width-48 {
    width:48px; height:200px; float:left;
  }
  .width-47 {
    width:47px; height:200px; float:left;
  }
  .width-600 {
    width: 485px;
  }
  .paddingtop80 {
    padding-top:80px; height:258px;
  }
  .width-1160 {
    width:960px; height:750px; margin-left:auto; margin-right:auto;
  }
  .width-170 {
    width:110px; height:480px; float:left;
  }
  .width-730 {
    width:590px; height:710px; float:left;
  }
  .intro {width:280px; height:348px; float:left; background-color:white; box-shadow:0 12px 39px 0 rgba(8,18,109,.08);}
  .margin-30 {margin:15px; line-height:150%;}
  .height-870 {width:100%; height:870px;}
  .width-1000 {
    width:730px; margin-left:auto; margin-right:auto;
  }
}
@media (min-width: 1240px) {
  .hidden-sm {
    display: inline;
  }
  .width-sm {
    width: 950px;
  }
  .center-sm {
    text-align: left;
  }
  .width-750 {
    width: 900px;
  }
  .hidden-xs {
    display: inline;
  }
  .hidden-xs1 {
    display: block;
  }
  .pp {
    color: DarkGray;
    font-size: 0.85em;
    display: inline;
  }
  .width-1200 {
    width: 1200px;
  }
  .lin {
    width:200px; height:200px; float:left; border:1px solid DarkGray; border-radius:5px;
  }
  .width-960 {
    width:960px; margin-left:auto; margin-right:auto; height:518px; margin-top:60px;
  }
  .fudong-sm {
    float: left;
  }
  .width-150 {
    width: 150px;
  }
  .width-48 {
    width:48px; height:200px; float:left;
  }
  .width-47 {
    width:47px; height:200px; float:left;
  }
  .width-600 {
    width: 600px;
  }
  .paddingtop80 {
    padding-top:80px; height:258px;
  }
  .width-1160 {
    width:1160px; height:750px; margin-left:auto; margin-right:auto;
  }
  .width-170 {
    width:170px; height:480px; float:left;
  }
  .width-730 {
    width:730px; height:710px; float:left;
  }
  .intro {width:360px; height:348px; float:left; background-color:white; box-shadow:0 12px 39px 0 rgba(8,18,109,.08);}
  .margin-30 {margin:30px; line-height:175%;}
  .height-870 {width:100%; height:870px;}
  .width-1000 {
    width:1000px; margin-left:auto; margin-right:auto;
  }
}