@media only screen and (max-width: 1600px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    .wp {width: 96%;}
    .section-office.s1 .txt {padding: 0 20px 0 50px;}
    .section-office.s2 .txt {padding: 0 50px 0 20px;}
    .section-office .tit {font-size: 32px;}
}
@media only screen and (max-width: 1199px) {
    .box-pop .wp {padding: 0;}
    .section-office .info {line-height: 2;font-size: 14px;}

    
}
@media only screen and (max-width: 1023px) {
    .header {height: 60px;}
    .header .logo {height: 60px;}
    .header .hd-r {margin-top: 11px;}
    .header .logo a {height: 40px;}
    .header .logo img {height: 40px;}
    .header .logo .txt {padding-left: 30px;background-size: auto 60%;background-position: 15px center;}

    .g-txt-1 {position: static;}
    .g-txt-1 .tit {padding-bottom: 0;text-align: center;font-size: 32px;}
    .g-txt-1 .cont {margin: 0 2% !important;padding: 30px 0;width: 96% !important;max-width: none !important;color: #333;}
    .g-txt-1 .info {text-align: center;}

    .section-index {height: 100vh;}
    .section-index .bg-img {display: none !important;}
    .banner-service .item {height: 500px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
    .banner-service .item .cont,.banner-office .cont,.banner-mall .cont,.banner-food .cont,.banner-about .cont,.banner-free .cont {padding: 0;color: #fff;}
    .banner-office a {margin: 38px auto;}

    .section-office.s1,.en .section-office.s1 {padding-bottom: 30px;height: auto;}
    .section-office.s1 .img {float: none;width: 100%;height: 300px;}
    .section-office.s1 .txt,.en .section-office.s1 .txt {padding: 30px 0;float: none;width: 100%;}
    .section-office.s1 .txt .cont {margin: 0 2%;}

    .section-office.s2 {height: auto;}
    .section-office.s2 .img {float: none;width: 100%;height: 300px;}
    .section-office.s2 .txt,.en .section-office.s2 .txt {padding: 30px 0;float: none;width: 100%;}
    .section-office.s2 .txt .cont {margin: 0 2%;}

    .section-office .info {padding-top: 20px;}

    .section-about-1 .tit {font-size: 36px;text-align: center;}
    .section-about-1 .info {padding-top: 0;}
    .section-about-1 .info .col-l {float: none;width: 100%;}
    .section-about-1 .info .col-r {float: none;width: 100%;}
    .section-about-1 .wp {padding: 50px 0 50px 314px;}

    .big-img img {display: none !important;}
    .big-img .item {height: 500px;background-position: center center;background-repeat: no-repeat;background-size: cover;}

    .section-about-2 .big-img .tit {font-size: 36px;}

    .section-about-3 .tit {font-size: 36px;}

    .section-about-3 {padding: 30px 0;}
    .section-about-3 .tab .tabtitle span {font-size: 18px;}

    .box-news {padding: 100px 0 30px;}
    .cat .name {font-size: 36px;}
    .box-news .list .txt {margin: 10px 0 14px;font-size: 14px;}
    .box-news .list {margin-left: -10px;}
    .box-news .list li {margin-bottom: 10px;padding-left: 10px;}
}
@media only screen and (max-width: 959px) {
    .box-pop {padding: 30px 0;}
    .box-pop .wp {padding: 0;width: 100%;}
    .nav a {width: 25%;font-size: 18px; border-bottom: 1px solid #d7d7d7;}
    .nav a.a4 {border-right: 1px solid #d7d7d7;}
    .box-pop .info {display: none;}
    .nav a.a1,.nav a.a2,.nav a.a3,.nav a.a4, .nav a.a5 {border-bottom: 1px solid #d7d7d7;}
    
    .section-index img.txt {right: auto;left: 50%;display: block;width: 70%;
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .section-index img.txt {display: none;}
    
}

/*Common For Max 480*/
@media only screen and (max-width: 768px) {
    
    .g-txt-1 .tit {font-size: 22px;}

    .section-office .tit {font-size: 22px;}

    .section-about-1 .tit {font-size: 22px;}

    .section-about-1 .wp {padding: 500px 0 38px 0;background-position: center 20px;}

    .section-about-2 .big-img .tit {font-size: 22px;}

    .section-about-3 .tit {font-size: 22px;}

    .section-about-3 .info {font-size: 14px;}

    .section-about-3 .tab .tabtitle li {margin-bottom: 10px;width: 50%;}
    .section-about-3 .tab .tabcontent {font-size: 14px;}
    .section-about-3 .tab .tabcontent {padding: 10px;}
    .section-about-3 .tab .tabtitle a {height: 60px;line-height: 60px;}

    .cat .name {padding-right: 0;float: none;text-align: center;font-size: 22px;}
    .cat .type {float: none;text-align: center;}

    .box-news-info .tit {font-size: 22px;}
    .box-news-info .txt {font-size: 14px;font-weight: normal;}

    .pages a{font-size: 16px;}
    .g-txt-1 {padding: 20px 0;}

    .traffic{ width: 100%; margin-top: 2rem; }
    .traffic p{ line-height: 3rem;margin-bottom: 1rem; }
    .traffic h1 i{display: inline-block;  width: 40px; height: 40px; background-size: 100%; vertical-align: middle;  }
    .traffic h1 span{vertical-align: middle; }
    .traffic h1.bus i{ background: #B0B0CC url(../images/ico-bus.png) no-repeat; }
    .traffic h1.subway i{background: #B0B0CC url(../images/ico-subway.png)  no-repeat;  }
}

@media only screen and (max-width: 640px){
    .section-about-2 .thumb-list {left: 2%;bottom: 20px;max-width: none;}

    .section-about-2 .big-img .txt {left: 2%;right: auto;max-width: none;text-align: center;}
    .box-news .list li {width: 50%;}
}


@media only screen and (max-width: 600px) {
    .header .logo .txt {display: none;}
    .nav {height: 100%;}
    .nav a {padding-top: 68px;width: 33.333%;height: 102px;border-bottom: 1px solid #d7d7d7;background-position: center 30px;background-size: auto 30px;}
    .nav a.a3,.nav a.a6 {border-right: 1px solid #d7d7d7;}
    .nav a.a4,.nav a.a8 {border-right: 1px solid #d7d7d7;}
    .nav a.a7,.nav a.a8 {border-bottom: 1px solid #d7d7d7;}
    .box-pop {padding: 30px 0;height: 368px;}

    .banner-service .item {height: 360px;}
  
    .footer {padding: 10px 0;line-height: 1.5;}
    .footer .txt1 {float: none;text-align: center;}
    .footer .txt2 {float: none;text-align: center;}

    .ul-list-img li {margin-bottom: 10px;float: none;width: 100%;}

    .g-txt-1 .tit {font-size: 18px;}

}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .box-news .list li {width: 100%;}
    .nav a {font-size: 14px;}

}

@media only screen and (max-width: 360px) {
    
}