@media screen  and (max-width: 767px) {
    * {
        font: 14px/1.5 'Hiragino Sans GB', 'Open Sans', Arial, 'Microsoft YaHei', ΢ÈíÑźÚ, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
    'Hiragino Sans GB', 'Open Sans', Arial, 'Microsoft YaHei', ΢ÈíÑźÚ, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
    }

    /*ͨÓÃ*/
    ul, li, a, em, i {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    a, a:hover, a:link {
        text-decoration: none;
    }

    html, body {
        overflow-x: hidden;
    }

    /*begin Ê×Ò³*/
    /*index-header*/
    .header-bg{
        background:#027abe;
        height:10px;
    }

    .header{
        background:#f7f7f7;
        height:90px;
    }

    .navbar-toggle{
        background:#027ABE;
        margin-top:4px;
    }

    .navbar-toggle .icon-bar{
        background: white;
    }

    .container>.navbar-collapse {
        margin-right: 0;
        background:#027ABE;
        position: absolute;
        right: 0;
        top: 140px;
        z-index: 999;
        padding:0;
    }

    .nav-box .nav>li:first-child{
        display:none;
    }

    .nav-box .nav>li a{
        color:white;
        font-size:12px;
    }

    .nav-box .nav>li a:hover a{
        color:white;
    }

    .container{
        max-width:960px;
        margin:0 auto;
        padding-left:0;
        padding-right:0;
    }

    .header .header-box{
        overflow:hidden;
        margin-top:20px;
    }

    .header-box img{
        float:left;
        width:280px;
        margin-left:20px;
    }

    .header-box .language{
        float:right;
        margin-right:20px;
    }

    .header-box .language a{
        font-size:12px;
        color:#333333;
        display:inline-block;
    }

    .header-box .language a:hover{
        color:#027abe;
    }

    .header-box .language .china{
        color:#027abe;
    }
    /*index-nav*/
    .nav-box{
        background:url("../../images/nav-bg.jpg");
        height:42px;
    }

    .nav-div ul li:last-child{
        border:none;
    }

    .nav-div ul li a{
        font-size:16px;
        color:#333333;
        font-weight: bold;
    }

    .nav-box .nav li:hover a{
        color:#027abe;
    }

    .nav-box .nav>li>a{
        padding:10px 10px 8px 10px;
    }

    .nav>li>a:hover{
        background:none;
    }

    .nav-active{
        background:none;
    }

    .nav-box .nav>li>a:active,.nav-box .nav>li>a:hover{
        background:#027abe;
        color:white;
    }
    /*index-body*/
    .index-body{
        margin-top:10px;
    }

    .body-l h2,.body-r h2{
        color:#333333;
        font-size:16px;
        font-weight: bold;
    }

    .body-l p{
        display:block;
        line-height:25px;
        font-size:12px;
        color:#333333;
        background:#f5f5f5;
        border-top:2px solid #cccccc;
        padding:20px;
        text-indent: 2em;
        margin-top:20px;
    }

    .index-body .index-carousel{
        border:2px solid #c2c2c2;
        margin-top:20px;
    }

    .index-body .index-carousel .carousel-inner .item div{
        height:353px;
    }

    .index-body .carousel-indicators{
        bottom:-38px;
    }

    .carousel-left,.carousel-right{
        display:none;
    }

    .body-r-org{
        background:#f5f5f5;
        padding:10px;
        margin-top:20px;
        border-top:2px solid #cccccc;
    }

    .body-r-org img{
        width:258px;
        display:block;
        margin:auto;
    }

    .body-r ul li span{
        color:#333333;
        font-size:14px;
        display:inline-block;
    }

    .body-r ul{
        overflow:hidden;
    }

    .body-r ul li span a{
        display:inline-block;
        font-size:12px;
        color:#015180;
        margin-left:2px;
    }

    .body-l .carousel-indicators li{
        border-radius:0;
        width:12px;
        height:12px;
        border:none;
        background:#c2c2c2;
        margin:0;
        margin-left:5px;
    }

    .body-l .carousel-indicators li.active{
        border:none;
        background:#333333;
        width:12px;
        height:12px;
        margin:0;
        margin-left:5px;
    }

    .slide-bg{
        height:30px;
        background:#ebebeb;
    }

    .body-r ul span{
        background: url("../../images/index-r-bg.png") no-repeat left center;
        padding-left:20px;
    }

    .body-r ul p{
        margin-top:5px;
        line-height:20px;
        font-size:12px;
    }

    .body-r ul li i{
        background:#cccccc;
        height:1px;
        display:block;
    }

    .body-r ul li{
        margin-top:20px;
    }

    .index-footer i{
        background:#027abe;
        width:100%;
        height:2px;
        display:block;
        margin-top:10px;
        margin-bottom:20px;
    }

    .index-footer span{
        display:block;
        font-size:10px;
        margin-top:8px;
        margin-left:20px;
        margin-right:20px;
    }

    .index-footer{
        padding-bottom:30px;
    }

    .banner-text{
        position:absolute;
        bottom:0;
        left:0;
        background:rgba(1,36,64,.85);
        color:white;
        font-size:10px;
        line-height:22px;
        padding:15px;
    }
    /*project*/
    .project-t h2,.project-t-2 h2{
        background:url("../images/project-t-bg.jpg") no-repeat left center;
        padding-left:20px;
        color:#333333;
        font-size:18px;
        font-weight: bold;
    }

    .project-t,.project-t-2{
        border-bottom:2px solid #cccccc;
    }

    .project-body ul li{
        margin-top:20px;
    }

    .project-body ul li .project-list-t{
        font-size:14px;
        font-weight: bold;
        color:#033a67;
        display:block;
    }

    .project-body ul li .project-list-name{
        color:#027abe;
        display:block;
        line-height:40px;
        font-size:12px;
    }

    .project-body ul li .project-list img{
        display:inline-block;
    }

    .project-body ul li .project-list span{
        color:#666666;
        display:block;
        margin-top:10px;
    }

    .project-body ul li .project-list .project-list-text{
        width:95%;
    }

    .project-body ul li .project-list{
        overflow:hidden;
        margin-top:20px;
    }

    .project-body ul li .project-list img:last-child{
        margin-left:10px;
    }

    .project-body ul li .more{
        display:inline-block;
        color:#015180;
        font-size:12px;
        font-weight: bold;
        line-height:40px;
        margin-left:88%;
    }

    .project-list-dashline{
        height:1px;
        border-top:1px dashed #c9c9c9;
        width:90%;
        margin-left:5%;
    }

    .project-list-line{
        border-top:1px solid #c9c9c9;
        height:1px;
    }

    .project-body ul li>a{
        display:block;
    }

    .project-list-shotline{
        border-top:2px solid #c9c9c9;
        height:1px;
        width:10px;
    }

    .project-body ul{
        overflow:hidden;
    }
    /*project-detail*/

    .project-detail-box h1{
        color: #033a67;
        font-size: 16px;
        margin-top: 20px;
        text-align: center;
        line-height: 25px;
        font-weight: bold;
    }

    .project-detail-box h2{
        color:#027abe;
        font-size:14px;
        text-align:center;
        margin-top:10px;
    }

    .pro-detail-line{
        height:1px;
        border-top:1px solid #cccccc;
        margin-top:10px;
    }

    .pro-detail-tit span{
        float:left;
        margin-left:20px;
        color:#333333;
    }

    .pro-detail-tit em{
        float:right;
        margin-right:20px;
    }

    .pro-detail-tit {
        overflow:hidden;
        margin-top:10px;
    }

    .pro-detail-vedio{
        padding:20px;
    }

    .pro-detail-vedio img{
        display:block;
        margin:auto;
        width:100%;
    }

    .pro-detail-text img{
        float:left;
        padding-bottom:10px;
        width:100%;
    }

    .pro-detail-text{
        padding:20px;
        font-size:13px;
        line-height:25px;
    }
    /*information*/
    .info-body{
        padding-bottom:30px;
    }

    .info-body h2{
        font-size:18px;
        color:#333333;
        font-weight: bold;
        border-bottom:2px solid #cccccc;
        padding-bottom:15px;
        margin-top:40px;
        padding-left:20px;
    }

    .info-body ul{
        overflow:hidden;
        margin-left:20px;
    }

    .info-body ul li{
        float:left;
        margin-top:20px;
        margin-right:10px;
    }

    .info-body ul li span{
        display:block;
        font-size:13px;
        text-align: center;
        padding-bottom:5px;
    }

    .info-body ul li img{
        padding:20px 32px 10px 32px;
    }

    .info-body ul li a{
        display:block;
    }

    .info-body ul li em{
        display:block;
        color:#666666;
        font-size:13px;
        text-align:center;
        padding-bottom:10px;
    }
    /*photo*/
    .photo-box img{
        float:left;
        max-width:300px;
        height:210px;
        margin-right:10px;
        margin-top:10px;
        padding-right:20px;
    }

    .photo-box{
        overflow:hidden;
        margin-top:60px;
        margin-left:20px;
        padding-bottom:60px;
    }
    .photo-box a{
        display:block;
        overflow:hidden;
    }
    /*404*/
    .arror-container img{
        margin-top:60px;
    }

    .arror-container .arror-box{
        margin-top:50px;
    }

    .arror-box span{
        font-size:16px;
        font-weight: bold;
    }

    .arror-box ul{
        margin-top:10px;
        margin-left:15px;
    }

    .arror-box ul li{
        list-style: disc;
        margin-top:5px;
    }

    .arror-box a{
        background:#5ebbea;
        width:135px;
        height:40px;
        line-height:40px;
        text-align:center;
        display:block;
        color:white;
        border-radius: 4px;
        font-size:16px;
        margin-top:20px;
    }
    .arror-box{
        padding-bottom:50px;
    }
    /*news-list*/
    .news-list{
        margin-top:30px;
        padding-bottom:40px;
        min-height:250px;
        margin-left:20px;
    }

    .news-list ul li{
        overflow:hidden;
        margin-top:30px;
    }

    .news-list ul li .news-t{
        background:#F4F4F4;
        width:60px;
        height:60px;
    }

    .news-list ul li .news-container{
        /*margin-left:20px;*/
    }

    .news-list ul li .news-t span{
        color:#666666;
        font-size:26px;
        display:block;
        width:60px;
    }

    .news-list ul li .news-t em{
        color:#999999;
        font-size:12px;
        display:block;
        width: 60px;
        margin-left:-6px;
    }

    .news-container span{
        display: block;
        font-size: 14px;
        color: #333333;
        margin-top: 3px;
        height: 18px;
        overflow: hidden;
    }

    .news-container p{
        display: inline-block;
        color: #666666;
        font-size: 12px;
        margin-top: 9px;
        height: 18px;
        overflow: hidden;
        margin-bottom: 5px;
    }

    .news-container i{
        border-top:1px solid #DCDCDC;
        display:block;
        width: 100%;
    }

    .news-container{
        padding-right:0;
    }
}