@media screen and (max-width: 768px) {

    .visiting-box img{
        width: 100%;
        float: none;
        display: block;
    }
    .visiting-box.row{
        float: none;
    }
    .visiting-box .hgroup{
        width: 100%;
        float: none;
        padding: 5%;
        box-sizing:border-box;
    }
    .visiting-box .ways{
        position: static;
        padding: 5%;
        width: 100%;
        height: auto;
        box-sizing:border-box;
    }

    .visiting-box .ways p{
        font-size: 18px;
    }

    .visiting-box .ways li{
        font-size: 16px;
    }
    .valuation{
        position: static;
    }
    .valuation .inn{
        float: right;
    }

    .visiting-box .hgroup h3{
        font-size: 24px;
    }

    .visiting-box .hgroup h4{
        font-size: 30px;
    }
    .video-list .item{
        margin-bottom: 5%;
        float: none;
    }
    .video-list .item-1{
        height: auto;
    }
    .video-list .item img{
        width: 100%;
    }
    .video-list .item .info{
        position: static;
        height:64px;
        line-height:64px;
    }

    .video-list .item-2{
        width: 100%;
        height: auto;
    }

    .video-list .item-3{
        width: 100%;
        height: auto;
    }
    .video-list .item .info .p{
        margin: 12px 0 0 14px;
    }
    .video-list .item .info .link{
        width: 50px;
        height: 50px;
        top:50%;
        left:50%;
        margin:-50px 0 0 -25px;
    }
    .video-list .item .info .p{
        width:50px;
        height:50px;
        margin:0;
        background-position: -8px -263px;
    }
    .member-list .item{
        width: 100%;
        box-sizing:border-box;
        padding: 5%;
        margin-bottom: 5%;
    }
    .member-list .item .name{
        float: none;
        width: 100%;
    }
    .member-list .item .info{
        float: none;
        width: 100%;
    }
    .hgroup-tabs li{
        width: 50%;
        overflow: hidden;
    }
    .hgroup-tabs li a{
        width: 100%;
        font-size: 20px;
        padding: 5%;
    }
    .hgroup-tabs li.current {
        background: url("/images/icon/arrow-down.gif") no-repeat center 67px;
    }

    .sub-content .img img{
        width: 100%;
    }

    .leader-speech .speech{
        width: 100%;
        padding: 5%;
        box-sizing:border-box;
    }

    .leader-speech{
        padding: 0;
    }

    .leader-speech .leader{
        position: static;
        width: 100%;
    }

    .leader-speech .leader img{
        width: 100%;
    }

    .sub-page-title .hgroup-intro p{
        width: 100%;
        position: static;
        padding-top: 5%;
    }
    .social-list ul{
        width: 100%;
    }
    .social-list li{
        width: 100%;
        height: auto;
    }
    .social-list li img{
        width: 100%;
    }
    .social-list li a{
        height: auto;
    }
    .social-list li .info{
        padding: 5%;
    }
    .social-list li .info .title{
        font-size: 16px;
    }
    .social-list li .info .year{
        width: 100%;
        height: auto;
        float: none;

    }
    .social-list li .info .title{
        width: 100%;
        height: auto;
        float: none;
        box-sizing:border-box;
        padding-left: 20px;
        margin-top: 5%;
    }
    .sub-content .text{
        padding: 10% 5%;
    }
    .article-content{
        width: 100%;
        margin: 0;
    }
    .article-content img{
        width: 100% !important;
    }
    .news-list .list-1 li{
        width: 100%;
        padding: 5%;
        box-sizing:border-box;
    }
    .news-list .focus .img{
        width:100%;
        float: none;
    }
    .news-list .focus .info{
        width: 100%;
        float: none;
        padding: 5%;
        box-sizing:border-box;
    }
    .news-list .list .date{
        width: 100%;
        float: none;
        height: auto;
        padding-top: 0;
        padding-bottom: 5%;
        background: #f3f3f3 !important;
    }
    .news-list .list li a{
        box-shadow: none !important;
    }
    .news-list .list .date .day{
        font-size: 58px;
    }
    .news-list .list .info{
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        border-left:none;
        background: #f3f3f3 !important;
    }
    .news-list .list li{
        min-height: inherit;
        float: none;
        padding: 5%;
        box-sizing:border-box;
    }
    .news-list .list li a{
        float: none;
    }
    .investment-map img{
        width: 100%;
    }

    .information-list{
        width: 94%;
        float: none;
        padding: 3%;
        box-sizing:border-box;
        margin-left:0;
    }

    .sub-hgroup-container li{
        height: auto;
        padding: 5% 0;
    }
    .sub-hgroup-container li a{
        height: auto;
        line-height: 1.5;
        padding-left: 0;
    }

    .sub-hgroup-container li .title{
        float: none;
        padding-left: 0;
        width: 100%;
        display: block;
    }
    .sub-hgroup-container li .date{
        float: none;
        width: 100%;
        padding-right: 0;
        display: block;
    }
    .information .hgroup{
        width: 100%;
        float: none;
        padding-left: 0;
    }
    .information .hgroup h3{
        font-size: 22px;
    }
    .information .hgroup h4{
        font-size: 30px;
    }
    .human-box .human-item .texts{
        width: 100%;
        float: none;
        padding: 5%;
        box-sizing:border-box;
        margin-bottom: 5%;
    }
    .human-box .human-item h2{
        font-size: 22px;
    }
    .human-box .human-item h3{
        font-size: 30px;
    }
    .human-box .human-item h3{
        padding-bottom: 5%;
    }
    .human-box .human-item .texts p{
        line-height: 2;
        font-size: 14px;
    }
    .human-box .human-item .silder{
        width: 100%;
        float: none;
    }
    .human-box .human-item .silder img{
        width: 100%;
    }
    .human-box .human-item{
        height: auto;
    }
    .human-work-list{
        padding-top: 10%;
    }
    .human-work-list h2{
        padding-left: 0;
        font-size: 22px;
    }
    .human-work-list h3{
        padding-left: 0;
        font-size: 30px;
    }
    .work-table table td{
        border-bottom:1px #ffffff solid;
    }
    .work-table table .title .outline{
        text-align: left;
        background: none;
    }
    .work-table table th.title, .work-table table td.title{
        height:auto;
        padding-top:10px;
        padding-bottom:10px;
        padding-left: 10px;
        text-align: left;
    }
    .work-table table th.date, .work-table table td.date{
        height:auto;
        padding-right: 0;
        text-align: center;
    }
    .work-table table .outline{
        line-height: 18px;
        text-align: center;
        border:none;
    }
    .work-table table .date .outline{
        text-align: center;
    }
    .work-table table th.title{
        text-align: center;
    }
    .corporate-honor .tabs-container .items{
        margin-left: 100px;
        padding-left: 25px;
    }
    .corporate-honor .tabs-container .title{
        top: -60px;
        font-size: 30px;
    }
    .corporate-honor .tabs-container .title .round{
        display: none;
    }
    .corporate-honor .tabs-container .year li{
        padding: 5%;
        font-size: 14px;
    }
    .corporate-honor .tabs-container .year li .n{
        width: 100%;
    }
    .corporate-honor .tabs-container .year li .m{
        width: 100%;
    }
    .corporate-honor .tabs-container .year li{
        line-height: 2;
    }
    .corporate-honor .tabs-container .year .num{
        top: 18px;
        left: -110px;
    }
    .corporate-honor .tabs-container .year li .round{
        left: 0;
        top: 24px;
    }
    .corporate-honor .tabs li{
        width: 100%;
        float: none;
    }
    .corporate-honor .tabs li a{
        line-height: 1;
        padding: 5% 0;
        font-size: 18px;
    }
    .history-list .odd{
        width: 100%;
        float: none;
        padding: 0;
    }
    .history-list .item{
        overflow: hidden;
        margin-bottom: 5%;
    }
    .history-list .even{
        float: none;
        width: 100%;
        padding: 0;
    }
    .history-list{
        top: 0;
        background: none;
    }
    .history-list .even .info{
        float: none;
    }
    .history-list .info{
        width: 100%;
        box-sizing:border-box;
        padding: 5%;
        height: auto;
    }
    .history-list .year{
        /*display: none;*/
        position: inherit !important;
        width: 100% !important;
        top: inherit !important;
        left: inherit !important;
        right: inherit !important;
        text-align: left !important;
        text-indent: 20px;
        border-radius: 4px !important;
    }
    .history-list .line{
        display: none;
    }
    .history-list .round{
        display: none;
    }
    .history-list .even-first{
        margin-top: 5%;
    }
    .history-list .first-mask{
        display: none;
    }
    .history-list .more-link{
        display: none;
    }
    .history-list .more-info{
        width: 100%;
        box-sizing:border-box;
        position: static;
    }
    .sub-page-title .hgroup-intro-1 p{
        width: 100%;
        position: static;
        padding-top: 5%;
    }
    .homepage, .homepage body{
        overflow: auto;
    }
    .index-about-us .nav{
        width: 100%;
        padding-left:inherit;
    }
    .index-news{
        padding-bottom:40px;
    }
    .index-news .title{
        width: 100%;
        float: none;
        height: auto;
        padding-top: 40px;
        padding-left: 10px;
    }
    .index-news .title ul{
        padding: 5% 0;
    }
    .index-news .title .btns{
        display: none !important;
    }
    .index-news .title h3{
        font-size: 26px;
    }
    .index-news .title h2{
        font-size: 20px;
    }
    .index-news .title ul li{
        display: inline-block;
        width:auto;
        height:auto;
        margin-right:20px;
    }
    .index-news .title ul li a{
        font-size:16px !important;
    }
    .index-news-box .swiper-slide{
        width:280px !important;
        height: auto;
        padding-top: 20px;
        border-left: none;
        background: #fff;
    }
    .index-news-box .day{
        font-size:24px;
        padding: 0 10px;
    }
    .index-news-box .month{
        padding: 0 10px;
        margin:10px 0;
    }
    .index-news-box .name{
        font-size:14px;
        padding:0 10px;
        margin:10px 0;
    }
    .index-news-box .img{
        padding:0 10px;
        margin:10px 0;
    }
    .index-news-box .desc{
        font-size:14px;
        padding:0 10px 20px;
        line-height:20px;
    }
    .index-news-box .more{
        padding:20px 10px 0;
    }
    .index-news .index-news-box{
        position: inherit;
        width: 100%;
        height:auto !important;
        top:inherit;
        left:inherit;
        background: #fff;
    }
    .index-news .index-news-box.on{
        position: absolute;
        bottom:-1999px;
        opacity: 0;
    }

    .index-about-us .nav .dls{
        width:auto;
        padding:10px 20px;
    }
    .index-about-us .nav .dls dt{
        font-size: 28px;
    }
    .index-about-us .nav .dls dl{
        float: none;
        height:auto;
        margin-top: 10px;
        padding-bottom: 10px;
    }
    .index-about-us .nav .dls dd{
        font-size: 14px;
    }
    .index-about-us .nav .dls dd.f{
        font-size:14px;
        padding-top:0;
    }
    .index-about-us .about-info{
        width:100%;
        height:auto;
    }
    .index-about-us .about-info .texts{
        position: inherit;
        left: inherit;
        top: inherit;
        padding:20px;
    }
    .index-about-us .about-info .texts h2{
        font-size:20px;
    }
    .index-about-us .about-info .texts h3{
        font-size:26px;
    }
    .index-about-us .about-info .texts p{
        width:auto;
        font-size:14px;
        line-height:20px;
        margin-top:10px;
    }
    .index-about-us .about-info .imgs{
        width:100%;
        height:auto;
        position: inherit;
        right: inherit;
        bottom: inherit;
        overflow: hidden;
    }
    .index-about-us .about-info .img{
        position: relative;
        right: inherit;
        bottom: inherit;
    }
    .index-about-us .about-info .line{
        /*display: none;*/
    }

    .wrapper{
        width: 100%;
    }

    .index-search{
        display: none;
    }
    .financial-table{
        display: none;
    }
    .financial-table-mobile{
        background: #fff;
        padding: 5%;
        margin-bottom: 5%;
    }
    .financial-table-mobile .item{
        border-bottom: 1px solid #dadada;
    }
    .financial-table-mobile .item .t{
        padding: 20px 0;
        font-size: 18px;
        color: #666666;
    }
    .financial-table-mobile .item .con{
        border-top: 1px dotted #dadada;
        padding: 5px 0;
        color: #333333;
    }
    .financial-table-mobile .item .con span{
        display: block;
        padding: 5px 0;
    }

    .index-industrial .left{
        display: none;
    }
    .index-industrial .right{
        display: none;
    }
    .index-industrial .wrapper{
        width: 100%;
        height: auto;
        position: inherit;
        left: inherit;
        top: inherit;
        margin-left: inherit;
    }
    .index-industrial .hs h2{
        font-size:20px;
    }
    .index-industrial .hs h3{
        font-size:26px;
        float: none;
    }
    .index-industrial .hs p{
        width: auto;
        float: none;
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
        padding-left: 0;
    }
    .index-industrial .sub{
        width: auto;
        height: auto;
        position: inherit;
        left: inherit;
        bottom: inherit;
        margin-top:40px;
    }
    .index-industrial .sub .nav{
        float: none;
        width:100%;
        height:auto;
    }
    .index-industrial .sub .nav ul{
        height: auto;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom:20px;
    }
    .index-industrial .sub .nav ul li{
        margin:10px 0;
    }
    .index-industrial .sub .nav .more{
        padding-top: 20px;
    }
    .index-industrial .index-industrial-maps{
        float: none;
        width:100%;
        margin-top:40px;
    }
    .china-sb-maps{
        width:100%;
        height:auto;
    }
    .china-sb-maps .map-name{
        font-size:14px;
        left: 10px;
        top: 10px;
    }
    .index-industrial-maps img{
        width:100%;
        height:auto;
    }
    .index-industrial .index-industrial-maps .mapsTab{
        top: 0;
    }
    .mapsTab a{
        width: 50px;
        font-size: 12px;
    }
    .footer-groups>span{
        margin-top: inherit;
        text-align: center;
        font-size: 18px;
    }


    .video-list .item .info{
        font-size:16px;
    }
    .video-list .item .info .v{
        margin:0;
    }
}