@media only screen and (max-width: 1199px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    .wp {width: 98%;}
    .nav {margin-left: 30px;}
    .nav li {margin-left: 28px;}

    
}
@media only screen and (max-width: 1023px) {
    body {}
    .header-top {display: none;}
    .nav {display: none;}
    .so {display: none;}
    #aside .so {display: block;}
    .menuBtn {display: block;}
    .header-btm {height: 50px;box-shadow: 0 0 3px rgba(0,0,0,.3);}
    .logo {margin-top: 5px;display: none;}
    .logo img {height: 40px;}
    .logo-m{display: block;float: left;margin-top: 5px;}
    .logo-m img{display: block;height: 40px;}
    .footer .ft {display: none;}
    .footer .fb {height: auto;}
    .footer .tool {display: none;}
    .footer .copy {padding: 10px 0;float: none;text-align: center;}
        .banner-index .item {height: 400px;}
        .banner-index .txt {position: absolute;top: 50%;left: 0;padding-top: 0;width: 100%;
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .banner-index .txt .p1 {font-size: 30px;}
        .banner-index .txt .p2 {font-size: 18px;}
        .m-group {margin-top: 20px;}

        .box-fang-1 {padding: 20px;}
        .box-fang-1 .tit1 .en {font-size: 24px;}
        .box-fang-1 .tit1 .cn {font-size: 18px;}

        .box-fang-1 .section1 .tit2 .cn {font-size: 24px;}
        .box-fang-1 .section1 .tit2 .en {font-size: 14px;}

        .box-fang-1 .section2 .tit3 {font-size: 24px;}

        .box-fang-2 .tit .cn {font-size: 24px;}
        .box-fang-2 .tit .en {font-size: 14px;}
        .box-fang-2 {padding: 40px 20px 20px;}

        .box-fang-2.box2 .section4 {padding: 20px;}
        .box-fang-2.box2 .section5 {padding: 20px;}
    }

    @media only screen and (max-width: 960px) {
        .footer {margin-top: 20px;}
        .m-group .img li {padding: 20px 10px 10px;}
        .m-group .img p {height: 30px;line-height: 30px;}

        .box-fang-1 .tit1 {text-align: center;}
        .box-fang-1 .tit1 .cn {margin-top: 10px;}

        .box-fang-1 .section2 .txt {margin-right: 0;padding: 0 10px;float: right;}
        .box-fang-1 .section2 {margin-top: 20px;height: auto;}
        .box-fang-1 .section2 .img {width: 100%;height: 300px;}
        .box-fang-1 .section2 .tit3 {text-align: center;}
        .box-fang-1 .section2 .tit3:after {left: 50%;margin-left: -35px;}

        .box-fang-2 .section1 {height: auto;}
        .box-fang-2 .section1 .img {float: none;width: 100%;height: 300px;}
        .box-fang-2 .section1 .txt {height: auto;margin-left: 0;}
        .box-fang-2 .section1 .info img {position: static;margin: 20px auto 0;width: auto;}

        .box-fang-2 .section1 .logo-in,.box-fang-2 .section4 .logo-in {position: static;margin: 0 0 20px;}
        .box-fang-2 .section4 .logo-in {margin-top: 20px;margin-bottom: 0;}

        .box-fang-2.box2 .section4 .img {margin-top: 0;float: none;width: 100%;height: 300px;}
        .box-fang-2.box2 .section4 .txt {margin-right: 0;padding: 0 10px;}

        .box-fang-2.box2 .section5 .img {float: none;width: 100%;}
        .box-fang-2.box2 .section5 .txt {margin-left: 0;}
        .box-fang-2.box2 .section5 .txt .info {padding: 20px 0;}

    }   

    @media only screen and (max-width: 768px) {
        .box-fang-1 {padding: 20px 10px;}
        .box-fang-1 .section1 .tit2 {padding: 14px 0;float: none;width: 100%;height: auto;}
        .box-fang-1 .section1 .tit2 .cn {position: static;width: 100%;text-align: center;font-size: 20px;}
        .box-fang-1 .section1 .tit2 .en {position: static;width: 100%;text-align: center;-webkit-writing-mode: lr-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: lr-tb;}
        .box-fang-1 .section1 .img {margin-right: 0;width: 100%;height: 300px;}
        .box-fang-1 .section2 .tit3 {font-size: 20px;}
        .box-fang-2 .tit .cn {font-size: 20px;}

        .box-fang-2 .pic-slide p {height: 40px;line-height: 40px;}

        .box-fang-2 {padding: 20px 10px;}

        .box-fang-2.box2 .section4 {padding: 20px 10px;}
        .box-fang-2.box2 .section5 {padding: 20px 10px;}

    }

    @media only screen and (max-width: 600px) {
        .footer .copy a {display: block;}
        .banner-index .item {height: 300px;}
        .m-group {padding: 0;}
        .m-group .txt {position: static;padding: 10px 0;height: auto;text-align: center;max-width: none;}
        .m-group .txt .tit {width: auto;}
        .m-group .txt .cn {font-size: 17px;}
        .m-group .txt .en:after {left: 50%;margin-left: -16px;}
        .m-group .txt .more {display: none;}
        .m-group:after {display: none;}
        .m-group .img {margin: 10px 0 0;}
        .m-group .more.m {display: block;}
        .banner-index .txt .p1 {font-size: 22px;}
        .banner-index .txt .p2 {font-size: 16px;}
    }

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