/*产品页面自定义样式*/
 
/*手机端样式*/
@media screen and (max-width:600px){
    .my-banner .banner-container{
		position: relative;
		height: 20rem;
	}
	.my-banner .banner-container img.logo{
		width: 16rem;
	    position: absolute;
	    top: 1rem;
	    left: 13rem;
	}
	.st-main h2{
		text-align: center;
	}
	.st-article-list .media{
		width: 95%;
	    margin-left: 2.5%;
	    float: left;
	    margin-top: 2rem;

	}

	.st-article-list .media-body{
		background-color: #FFFFFF;
	}
	.st-article-list .media-body img{
		width:100%;
	}
	.st-article-list .media-body span{
		margin-left:20px;
	}
	.st-article-list .media-body h4{
		margin-left:20px;
		font-size: 20px;
	}

}


/*平板端样式*/


@media screen and (min-width:600px) and (max-width:960px){
    
}



/*PC端样式*/


@media screen and (min-width:960px){
	.my-banner .banner-container{
		position: relative;
		height: 40rem;
		padding-top: 5rem;
	}
	.my-banner .banner-container img.logo{
		width: 40rem;
	    position: absolute;
	    top: 7rem;
	    left: 39rem;
	}
	

	.st-main h2{
		text-align: center;
		text-transform: uppercase;
	}
	.st-article-list .media{
		width: 30%;
    	margin-right: 3.333333333%;
		float: left;
	    margin-top: 5rem;

	}

	.st-article-list .media-body{
		width: 100%;
		background-color: #FFFFFF;
	}
	.st-article-list .media-body img{
		width:100%;
	}
	.st-article-list .media-body span{
		margin-left:20px;
	}
	.st-article-list .media-body h4{
		margin-left:20px;
		font-size: 20px;
		
	}

}


/*产品页面自定义样式*/