@media (min-width: 1200px) { 
  .linkToOhter{
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1;
  }
  .linkToOhter img{
    width: 1rem;
    height: 1rem;
    display: block;
    margin-bottom: 1rem;
  }

  .wxwarpper:hover .wxerweima{
    display: block;
  }

  .linkToOhter .wxerweima{
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: -2rem;
    right: 2rem;
    display: none;
  }
  .home_title {
    margin-top: 2rem;
    background-color: #fff;
    width: 100%;
    height: 20rem;
    background-image: url("../images/home/title-2.png");
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .download_app {
    width: 100%;
  }

  .download_app_btn {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 26.5rem;
    height: 7.5rem;
    cursor: pointer;
  }

  .brand {
    position: relative;
  }

  .brand-hand {
    position: absolute;
    right: 0;
    top: 1.75rem;
    width: 9rem;
    height: 3.5rem;
  }

  .brand-log,
  .download_pack_title {
    margin-top: 1.75rem;
    width: 10rem;
    height: 3.5rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .brand-bg {
    width: 26.5rem;
    height: 15.5rem;
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 1.25rem;
  }

  .download_pack {
    background-color: #f2f2f2;
    padding: 1rem 0 .8rem 0;
    position: relative;
  }

  .download_pack_title {
    padding: 0;
    margin: 0;
  }

  .distance {
    margin-bottom: 20rem;
  }

  .download_bg {
    position: absolute;
    top: 3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 30rem;
    height: 16.5rem;
    background-image: url("../images/home/download_bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .download_ewm,
  .download_btn {
    width: 5rem;
    height: 5rem;
    position: absolute;
    bottom: -2.8rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .download_btn {
    bottom: -5rem;
    width: 8rem;
    height: 3rem;
    left: 52.8%;
    cursor: pointer;
  }   

  .download_txt {
    padding-top: .5rem;
    font-size: .8rem;
    font-weight: 700;
    text-align: center;
    color: #000;
  }

  .transport {
    background-image: url("../images/aboutus/wgbg.jpg");
    /* background-repeat: no-repeat; */
    /* background-size: 100%; */
  }

  .transport_title {
    margin-top: 1.5rem;
    margin-bottom: .75rem;
    width: 19rem;
    height: 4.8rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .transport_gzzy {
    width: 30rem;
    height: 20rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 1.5rem;
  }

  .country {
    width: 100%;
    height: 26rem;
    background-color: #f2f2f2;
    position: relative;
  }

  .country_global {
    position: absolute;
    width: 10rem;
    height: 15rem;
    left: 20%;
    top: -.25rem;
  }

  .country_az {
    position: absolute;
    top: 2rem;
    width: 12rem;
    height: 12.75rem;
    left: 47%;
  }

  .country_qt {
    width: 25.5rem;
    height: 8.5rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 60%;
  }

  .country_yun {
    width: 100%;
    height: 15rem;
    position: absolute;
    left: 0;
    top: -3rem;
  }

  .process,
  .service {
    padding: 1rem 0;
  }

  .service {
    background-color: #f2f2f2;
  }

  .process_list {
    margin-top: 1rem;
    width: 90%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    font-size: .4rem;
  }

  .process_info {
    width: 32.999%;
    display: inline-block;
    text-align: center;
  }

  .process_log {
    width: 4.6rem;
    height: 4.5rem;
  }

  .process_txt {
    margin-top: .25rem;
  }

  .process_img {
    display: inline-block;
  }

  .service_log {
    width: 3.6rem;
    height: 3.5rem;
  }

  .service_txt {
    font-size: .5rem;
    font-weight: 700;
    line-height: 1rem;
  }

  .service_text {
    color: #222222;
  }

  .process_content {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    margin-left: .25rem;
  }

  .service_info {
    width: 32.999%;
    display: inline-block;
    padding-left: 2rem;
  }

 }
 
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 920px) and (max-width: 1200px) { 
  .linkToOhter{
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1;
  }
  .linkToOhter img{
    width: 2rem;
    height: 2rem;
    display: block;
    margin-bottom: 1rem;
  }
  .wxwarpper:hover .wxerweima{
    display: block;
  }

  .linkToOhter .wxerweima{
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: -2rem;
    right: 3rem;
    display: none;
  }
  .home_title {
    margin-top: 2rem;
    background-color: #fff;
    width: 100%;
    height: 20rem;
    background-image: url("../images/home/title-2.png");
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .download_app {
    width: 100%;
  }

  .download_app_btn {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 26.5rem;
    height: 7.5rem;
    cursor: pointer;
  }

  .brand {
    position: relative;
  }

  .brand-hand {
    position: absolute;
    right: 0;
    top: 1.75rem;
    width: 9rem;
    height: 3.5rem;
  }

  .brand-log,
  .download_pack_title {
    margin-top: 1.75rem;
    width: 10rem;
    height: 3.5rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .brand-bg {
    width: 26.5rem;
    height: 15.5rem;
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 1.25rem;
  }

  .download_pack {
    background-color: #f2f2f2;
    padding: 1rem 0 .8rem 0;
    position: relative;
  }

  .download_pack_title {
    padding: 0;
    margin: 0;
  }

  .distance {
    margin-bottom: 20rem;
  }

  .download_bg {
    position: absolute;
    top: 3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 30rem;
    height: 16.5rem;
    background-image: url("../images/home/download_bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .download_ewm,
  .download_btn {
    width: 5rem;
    height: 5rem;
    position: absolute;
    bottom: -2.8rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .download_btn {
    bottom: -5rem;
    width: 8rem;
    height: 3rem;
    left: 52.8%;
    cursor: pointer;
  }   

  .download_txt {
    padding-top: .5rem;
    font-size: .8rem;
    font-weight: 700;
    text-align: center;
    color: #000;
  }

  .transport {
    background-image: url("../images/aboutus/wgbg.jpg");
    /* background-repeat: no-repeat; */
    /* background-size: 100%; */
  }

  .transport_title {
    margin-top: 1.5rem;
    margin-bottom: .75rem;
    width: 19rem;
    height: 4.8rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .transport_gzzy {
    width: 30rem;
    height: 20rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 1.5rem;
  }

  .country {
    width: 100%;
    height: 26rem;
    background-color: #f2f2f2;
    position: relative;
  }

  .country_global {
    position: absolute;
    width: 10rem;
    height: 15rem;
    left: 20%;
    top: -.25rem;
  }

  .country_az {
    position: absolute;
    top: 2rem;
    width: 12rem;
    height: 12.75rem;
    left: 47%;
  }

  .country_qt {
    width: 25.5rem;
    height: 8.5rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 60%;
  }

  .country_yun {
    width: 100%;
    height: 15rem;
    position: absolute;
    left: 0;
    top: -3rem;
  }

  .process,
  .service {
    padding: 1rem 0;
  }

  .service {
    background-color: #f2f2f2;
  }

  .process_list {
    margin-top: 1rem;
    width: 90%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    font-size: .4rem;
  }

  .process_info {
    width: 32.999%;
    display: inline-block;
    text-align: center;
  }

  .process_log {
    width: 4.6rem;
    height: 4.5rem;
  }

  .process_txt {
    margin-top: .25rem;
  }

  .process_img {
    display: inline-block;
  }

  .service_log {
    width: 3.6rem;
    height: 3.5rem;
  }

  .service_txt {
    font-size: .5rem;
    font-weight: 700;
    line-height: 1rem;
  }

  .service_text {
    color: #222222;
  }

  .process_content {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    margin-left: .25rem;
  }

  .service_info {
    width: 32.999%;
    display: inline-block;
    padding-left: 2rem;
  }
 }
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (min-width: 480px) and (max-width: 920px) {
  .linkToOhter{
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1;
  }
  .linkToOhter img{
    width: 2rem;
    height: 2rem;
    display: block;
    margin-bottom: 1rem;
  }
  .wxwarpper:hover .wxerweima{
    display: block;
  }

  .linkToOhter .wxerweima{
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: -2rem;
    right: 3rem;
    display: none;
  }
  .home_title {
    margin-top: 2rem;
    background-color: #fff;
    width: 100%;
    height: 20rem;
    background-image: url("../images/home/title-2.png");
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .download_app {
    width: 100%;
  }

  .download_app_btn {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 26.5rem;
    height: 7.5rem;
    cursor: pointer;
  }

  .brand {
    position: relative;
  }

  .brand-hand {
    position: absolute;
    right: 0;
    top: 1.75rem;
    width: 9rem;
    height: 3.5rem;
  }

  .brand-log,
  .download_pack_title {
    margin-top: 1.75rem;
    width: 10rem;
    height: 3.5rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .brand-bg {
    width: 26.5rem;
    height: 15.5rem;
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 1.25rem;
  }

  .download_pack {
    background-color: #f2f2f2;
    padding: 1rem 0 .8rem 0;
    position: relative;
  }

  .download_pack_title {
    padding: 0;
    margin: 0;
  }

  .distance {
    margin-bottom: 20rem;
  }

  .download_bg {
    position: absolute;
    top: 3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 30rem;
    height: 16.5rem;
    background-image: url("../images/home/download_bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .download_ewm,
  .download_btn {
    width: 5rem;
    height: 5rem;
    position: absolute;
    bottom: -2.8rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .download_btn {
    bottom: -5rem;
    width: 8rem;
    height: 3rem;
    left: 52.8%;
    cursor: pointer;
  }   

  .download_txt {
    padding-top: .5rem;
    font-size: .8rem;
    font-weight: 700;
    text-align: center;
    color: #000;
  }

  .transport {
    background-image: url("../images/aboutus/wgbg.jpg");
    /* background-repeat: no-repeat; */
    /* background-size: 100%; */
  }

  .transport_title {
    margin-top: 1.5rem;
    margin-bottom: .75rem;
    width: 19rem;
    height: 4.8rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .transport_gzzy {
    width: 30rem;
    height: 20rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 1.5rem;
  }

  .country {
    width: 100%;
    height: 26rem;
    background-color: #f2f2f2;
    position: relative;
  }

  .country_global {
    position: absolute;
    width: 10rem;
    height: 15rem;
    left: 20%;
    top: -.25rem;
  }

  .country_az {
    position: absolute;
    top: 2rem;
    width: 12rem;
    height: 12.75rem;
    left: 47%;
  }

  .country_qt {
    width: 25.5rem;
    height: 8.5rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 60%;
  }

  .country_yun {
    width: 100%;
    height: 15rem;
    position: absolute;
    left: 0;
    top: -3rem;
  }

  .process,
  .service {
    padding: 1rem 0;
  }

  .service {
    background-color: #f2f2f2;
  }

  .process_list {
    margin-top: 1rem;
    width: 90%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    font-size: .4rem;
  }

  .process_info {
    width: 31%;
    display: inline-block;
    text-align: center;
  }

  .process_log {
    width: 4.6rem;
    height: 4.5rem;
  }

  .process_txt {
    margin-top: .25rem;
  }

  .process_img {
    display: inline-block;
  }

  .service_log {
    width: 3.6rem;
    height: 3.5rem;
  }

  .service_txt {
    font-size: .5rem;
    font-weight: 700;
    line-height: 1rem;
  }

  .service_text {
    color: #222222;
  }

  .process_content {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    margin-left: .25rem;
  }

  .service_info {
    width: 50%;
    padding-left: 2rem;
    position: relative;
    left: 46%;
    transform: translateX(-50%);
    margin-bottom: 3rem;
  }
}

@media (max-width: 480px) { 
  .linkToOhter{
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1;
  }
  .linkToOhter img{
    width: 2rem;
    height: 2rem;
    display: block;
    margin-bottom: 1rem;
  }
  .wxwarpper:hover .wxerweima{
    display: block;
  }

  .linkToOhter .wxerweima{
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: -2rem;
    right: 2rem;
    display: none;
  }
  .home_title {
    margin-top: 2rem;
    background-color: #fff;
    width: 100%;
    height: 20rem;
    background-image: url("../images/home/title-2.png");
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .download_app {
    width: 100%;
  }

  .download_app_btn {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 26.5rem;
    height: 7.5rem;
    cursor: pointer;
  }

  .brand {
    position: relative;
  }

  .brand-hand {
    position: absolute;
    right: 0;
    top: 1.75rem;
    width: 9rem;
    height: 3.5rem;
  }

  .brand-log,
  .download_pack_title {
    margin-top: 1.75rem;
    width: 10rem;
    height: 3.5rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .brand-bg {
    width: 26.5rem;
    height: 15.5rem;
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 1.25rem;
  }

  .download_pack {
    background-color: #f2f2f2;
    padding: 1rem 0 .8rem 0;
    position: relative;
  }

  .download_pack_title {
    padding: 0;
    margin: 0 0 .5rem 0;
  }

  .distance {
    margin-bottom: 20rem;
  }

  .download_bg {
    position: absolute;
    top: 3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 30rem;
    height: 16.5rem;
    background-image: url("../images/home/download_bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .download_ewm,
  .download_btn {
    width: 5rem;
    height: 5rem;
    position: absolute;
    bottom: -2.8rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .download_btn {
    bottom: -5rem;
    width: 8rem;
    height: 3rem;
    left: 52.8%;
    cursor: pointer;
  }   

  .download_txt {
    padding-top: .5rem;
    font-size: .8rem;
    font-weight: 700;
    text-align: center;
    color: #000;
  }

  .transport {
    background-image: url("../images/aboutus/wgbg.jpg");
    /* background-repeat: no-repeat; */
    /* background-size: 100%; */
  }

  .transport_title {
    margin-top: 1.5rem;
    margin-bottom: .75rem;
    width: 19rem;
    height: 4.8rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .transport_gzzy {
    width: 30rem;
    height: 20rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 1.5rem;
  }

  .country {
    width: 100%;
    height: 26rem;
    background-color: #f2f2f2;
    position: relative;
  }

  .country_global {
    position: absolute;
    width: 10rem;
    height: 15rem;
    left: 20%;
    top: -.25rem;
  }

  .country_az {
    position: absolute;
    top: 2rem;
    width: 12rem;
    height: 12.75rem;
    left: 47%;
  }

  .country_qt {
    width: 25.5rem;
    height: 8.5rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 60%;
  }

  .country_yun {
    width: 100%;
    height: 15rem;
    position: absolute;
    left: 0;
    top: -3rem;
  }

  .process,
  .service {
    padding: 1rem 0;
  }

  .service {
    background-color: #f2f2f2;
  }

  .process_list {
    margin-top: 1rem;
    width: 90%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    font-size: .4rem;
  }

  .process_info {
    width: 31.999%;
    display: inline-block;
    text-align: center;
  }

  .process_log {
    width: 4.6rem;
    height: 4.5rem;
  }

  .process_txt {
    margin-top: .25rem;
  }

  .process_img {
    display: inline-block;
  }

  .service_log {
    width: 3.6rem;
    height: 3.5rem;
  }

  .service_txt {
    font-size: .5rem;
    font-weight: 700;
    line-height: 1rem;
  }

  .service_text {
    color: #222222;
  }

  .process_content {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    margin-left: .25rem;
    width: 100%;
  }

  .service_info {
    width: 50%;
    padding-left: 2rem;
    position: relative;
    left: 36%;
    transform: translateX(-50%);
    margin-bottom: 3rem;
  }
 }