@charset "UTF-8";
@media screen and (max-width: 480px) {
    .wrap-layer {
        width: auto;
        padding: 0 10px;
    }
    body, html {
        overflow-x: hidden;
        min-width: 0;
    }
    .H25 {
        height: 10px;
    }
    /*banner图*/
    .banner-inner {
        width: 640px;
        margin-left: -320px;
    }
    .box_skitter img {
        width: 640px;
        max-width: 640px;
    }
    .box_skitter_large {
        height: 180px!important;
    }
    .box_clone {
        background-size: 640px 180px!important;
    }
    .box_skitter .info_slide_dots {
        bottom: 10px!important;
    }
    .layer-1, .layer-2 {
        float: none;
        width: auto;
    }
    .news-1 {
        width: auto;
        overflow: hidden;
        height: 170px;
    }
    .mores {
        margin-bottom: 25px;
        margin-top: -5px;
        padding-top: 0;
    }
    .projects-wrap .item-cell {
        height: auto;
    }
    .project-arrow {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .layer-about{
        width: auto;
        overflow: hidden;
        float: none;
    }
    .layer-about img {
        max-width: none;
        margin-left: -200px;
    }
    .layer-about span {
        width: auto!important;
        padding: 0 20px;
        right: 0;
        top: 10px;
    }
    .index-video {
        float: none;
    }
    .m-about {
        position: relative;
        padding-bottom: 73px;
    }
    .index-video {
        width: 55%;
        overflow: hidden;
    }
    .index-video img {
        max-width: none;
    }
    .nlinks .item-cell {
        position: absolute;
    }
    .nlinks .item-3 {
        width: 100%;
        bottom: 0;
    }
    .nlinks .item-2 {
        width: 44%;
        right: 0;
        bottom: 79px;
    }
    .nlinks .item-1 {
        width: 44%;
        right: 0;
        bottom: 152px;
        border: none;
    }
    .contacts {
        float: none;
        width: auto;
    }
    .addr span {
        display: block;
        margin-bottom: 15px;
        background-size: 15px auto;
        padding-left: 20px;
    }
    .addr em {
        background-size: 15px auto;
        padding-left: 20px;
    }
    .wx-code {
        float: none;
        margin-top: 25px;
    }
    .layer-3 {
        float: none;
        width: 100%;
    }
    .layer-4{
        width:100%;
    }
    .layer-content{
        margin:20px 0 0 0;
    }
    .inner-navlefts .navstit{
        background-color:#95262a;
        color:#fff;
        padding:0 10px;
        font-size:20px;
        line-height: 35px;
        position: relative;
        cursor: pointer;
    }
    .inner-navlefts .navstit span{
        color:#fff;
        font-size:12px;
        vertical-align: top;
        padding-left:10px;
    }
    .inner-navlefts .navstit:after{
        content: "+";
        position: absolute;
        top: 0;
        right: 0;
        height: 35px;
        width: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
    }
    .inner-navlefts ul {
        padding: 0; 
        max-height: 0;
        overflow: hidden;
        border: none;
        transition: max-height 300ms ease-in-out;
        -webkit-transition: max-height 300ms ease-in-out;
    }
    .inner-navlefts ul li {
        margin:5px;
    }
    .inner-navlefts ul li a{
        height:35px;
        line-height:35px;
        margin:0;
        padding:0 10px;
    }
    .inner-navlefts .openSubnav{
        max-height: 100vh;
    }
    .left-ads,.location{
        display:none;
    }

    .mod-jobs .item-cell .item-tits{
        padding-left:10px;
        font-size:12px;
        margin-bottom:10px;
    }
    .mod-jobs .item-cell .job-tits{
        font-size:14px;
    }
    .mod-jobs .item-cell .job-tits,.mod-jobs .item-cell .job-num{
        padding-right:10px;
    }
    .mod-jobs .item-cell .job-cnts{
        padding-left:10px;
        padding-right:10px;
        font-size:13px;
        line-height:25px;
    }
    

    .mod-newslist2 li,.mod-newslist2 li .item-cnt{
        height:auto;
        overflow:hidden;
    }
    .mod-newslist2 li{
        padding:15px 0;
        margin:0;
    }
    .mod-newslist2 li .date{
        position: static;
        float:left;
        width:auto;
        height:auto;
        min-width: inherit;
        padding:5px;
    }
    .mod-newslist2 li .date em{
        font-size:16px;
        margin:0;
        width:auto;
        line-height: normal;
    }
    .mod-newslist2 li .date span{
        font-size:12px;
        width:auto;
        line-height: normal;
    }
    .mod-newslist2 li .item-cnt{
        float:none;
    }
    .mod-newslist2 li .item-tit{
        padding:0;
        margin-bottom:5px;
    }
    .mod-newslist2 li .item-tit a{
        font-size:14px;
    }
    .mod-newslist2 li .item-desc *, .mod-newslist2 li .item-desc{
        font-size:12px;
    }
    .mod-newslist2 li:hover .item-cnt{
        background:none;
    }


    .newsInfo{
        padding:0;
    }
    .newsInfo h3{
        font-size:20px;
    }
    .newsInfo .source li{
        line-height:30px;
        white-space: nowrap;
    }
    .newsInfo .content p, .newsInfo .content *{
        font-size:14px;
        line-height:30px;
    }
    .relnews *{
        font-size:14px;
    }
    .copys{
        padding-left:10px;
        padding-right:10px;
    }

    .project-list{
        margin:0;
		margin-right:-10px;
    }
    .project-list .core{
        width:50%;
		box-sizing:border-box;
		padding-right:10px;
        margin-right:0;
        margin-bottom:10px;
    }
    .project-list .core .pic{
        width:100%;
        padding-top:64.6258%;
        position: relative;
        overflow:hidden;
    }
    .project-list .core .pic img{
        position: absolute;
        width:100%;
        height:100%;
        left:0;
        top:0;
    }
    .project-list .core .text{
        padding:0 10px;
    }
	
	.about-us .case .left{
		float:none;
		width:100%;
	}
	.about-us .case li{
		width:100%;
		box-sizing:border-box;
	}
	.about-us .case .right{
		float:none;
		width:100%;
		margin-top:10px;
	}
}

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

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