@charset "UTF-8";

@media screen and (max-width: 480px) {
	body, html{
		min-width:initial;
		width:100%;
	}
	.wrap-layer{
		width:100%;
		box-sizing:border-box;
		padding:0 10px;
	}
	.pageTop{
		display:none;
	}
	.indexBanner{
		height:200px;
	}
	.indexBanner .banner .core img{
		height:200px;
	}
	.indexBanner .shadow{
		display:block;
		position: absolute;
		bottom:10px;
		left:0;
		height:6px;
		width:100%;
		text-align: center;
	}
	.indexBanner .shadow ul{
		position: static;
		text-align: center;
	}
	.index-content{
		margin-top:10px;
	}
	.index-content .left{
		float:none;
		width:100%;
	}
	.index-content .left .product .pic img{
		height:auto;
	}
	.index-content .left .product .com-tit{
		top:40px;
		left:40px;
	}
	.index-content .rec-news{
		padding:20px 10px;
	}

	.index-content .right{
		top:0;
	}

	.index-content .video .playBtn{
		width:70px;
		height:70px;
		margin-top:25px;
		background-size:contain !important;
	}
	.index-content .company-profile{
		height:auto;
		padding:40px 10px;
	}
	.index-content .company-profile .desc{
		max-height:initial;
	}
	.index-content .company-profile .more-btn{
		margin-top:30px;
	}
	.project-container{
		margin-bottom:50px;
		padding-bottom:10px;
	}

	.project-container .pagination .swiper-pagination-switch{
		width:20px;
		margin:0 5px;
	}
	.mode-banner{
		min-width:initial;
	}
	.mode-banner img{
		max-width:initial;
		height:200px;
	}
	.lc{
		display:none;
	}

	.business .core {
		margin:30px 0;
	}
	.business .core .con{
		top:0;
		padding:10px;
		height:auto;
	}
	.business .core .pic{
		float:none;
		margin:0;
	}
	.business .core .pic img{
		width:100%;
	}
	.article .content img{
		width:100%;
		height: auto !important;
	}

	.mod-newslist2{
		margin:10px 0;
	}
	.mod-newslist2 li{
		padding-left:0;
		margin-bottom:0;
		padding:15px 0;
		border-bottom:1px solid #dedede;
	}
	
	.mod-newslist2 li .item-tit{
		clear: both;
		padding-bottom:5px;
	}
	.mod-newslist2 li .date{
		position: static;
		border:none;
		width:auto;
		height:auto;
		text-align: left;
		line-height:20px;
		float:left;
		clear: both;
	}
	.mod-newslist2 li .date span{
		float:left;
	}
	.mod-newslist2 li .date em{
		float:right;
		background:none;
		font-size:14px;
		font-weight:normal;
		line-height:20px;
		margin:0;
	}
	.mod-newslist2 li .date em:before{
		content:"-"
	}
	.mod-newslist2 li .item-desc{
		clear: both;
		padding-top:5px;
	}
	.mod-newslist2 li:hover .date{
		border:none;
		color:#666666;
	}
	.mod-newslist2 li:hover .date em{
		background:none;
		color:#666666;
	}

	.newsInfo{
		padding:10px 0;
		margin-top:20px;
		margin-bottom:50px;
	}
	.newsInfo h3.title{
		font-size:18px;
		line-height:30px;
	}
	.newsInfo .content p, .newsInfo .content *{
		font-size:14px;
		line-height:24px;
	}
	
	.newsInfo .content img{
		max-width:100%;
		height:auto !important;
	}

	.project-list{
		margin-right:-10px;
		margin-top:30px;
	}
	.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.2857%;
		position: relative;
	}
	
	.project-list .core .pic img{
		position: absolute;
		width:100%;
		height:100%;
		left:0;
		top:0;
	}
	.project-list .core .txt{
		margin-top:5px;
		font-size:14px;
	}
	.page{
		margin-bottom:50px;
	}

	.inner-title{
		margin:10px;
		height:auto;
	}
	.inner-title .subnavs{
        background-color:#95262a;
        color:#fff;
        padding:0 10px;
        font-size:20px;
        line-height: 35px;
		position: relative;
		top:initial;
		width:initial;
		cursor: pointer;
		display:block;
		margin-bottom:5px;
	}
	.subnavs h4{
		font-size:18px;
	}
	.subnavs *{
		display:block;
	}
    .inner-title .subnavs span{
        color:#fff;
        font-size:12px;
        vertical-align: top;
        padding-left:10px;
    }
    .inner-title .subnavs: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-title 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;
		background-color:#95262a;
    }
    .inner-title ul li {
		margin:5px;
		display:block;
		padding:0;
    }
    .inner-title ul li a{
        height:35px;
        line-height:35px;
        margin:0;
		padding:0 10px;
		width:auto;
		text-align: left;
		color:#fff;
		background:none;
	}
	.inner-title ul li.cr a{
		background-color:#fff;
		color:#95262a;
	}
    .inner-title .openSubnav{
        max-height: 100vh;
	}
	.honour-container{
		width:100%;
		margin-top:40px;
	}
	.honour-swiper{
		margin-bottom:40px;
	}
	.article .title{
		margin-top:30px;
		margin-bottom:15px;
	}
	.article .content img{
		height:auto !important;
	}
}