/*产品页面自定义样式*/
 
/*手机端样式*/
@media screen and (max-width:600px){
	.my-banner {
		margin-bottom: 6em;
	}
	.my-banner .banner-container h1{
		font-size: 42px;
	    margin-top: 0px;
	    text-transform: uppercase;
	    font-weight: revert;
	    color: #f5e4e4;
	    font-family: Arial Black;
	}
	.my-banner .banner-container{
		padding-top: 50px;
	}
	.st-main h2 {
		text-align: center;
		text-transform: uppercase;
		font-size: 24px;
	}

	.my-banner .banner-container h1.banner-h1a{
		
	}
	.my-banner .banner-container h1.banner-h1b{
		 
	}
     .st-article-list .media-body{
	background-color: unset;
	}
	.st-article-list .media-body h4{
		text-transform: uppercase;
	}
	.st-article-list .media{
		height: 47rem;
	}
	.content-box{
		position: relative;
		text-align: center;
	}
	.content-box img{
		border-radius: 300px;
	}
	.content-in{
		position: absolute;
		top: 12rem!important;
		left: 3.5rem!important;
		width: 80%!important;
	}
	.st-article-list .media-body .content-box img{
		width: 80%;
	}
	@font-face{
        font-family:Haettenschweiler;
        src:url('fonts/Haettenschweiler.ttf');
    }

	.st-article-list .media-body h4.media-cing p{
		font-family:Haettenschweiler;
		color: #FFFFFF;
	    font-weight: 900;
	    font-size: 24px!important;
	    text-shadow: 0 0 5px #040404, 0 0 5px #121212;
	    text-align: center;
	    padding: 0rem 2rem 0rem 2rem;
	}
	.content-buttom{
		margin-top: 4rem;
	    text-align: center;
	    font-size: 18px;
	}
	.rbg-box{
		margin-top: 5rem;
		width: 38.5rem;
	    height: 25rem;
	    float: right;
	    background: url(../img/newimg/rbg.png) no-repeat;
	    background-size: 350px;
	}
	.rbg-top{
		position: absolute;
		width: 280px;
		height: 4rem;
		top: 25rem;
		left: 0rem;
		background: url(../img/newimg/rbg-top.png);
		background-size: 280px;
	}
	.rbg-buttom{
		position: absolute;
	    width: 350px;
	    height: 7rem;
	    top: 553rem;
	    right: 0rem;
	    background: url(../img/newimg/rbg-buttom.png);
	    background-size: 350px;
	}

}


/*平板端样式*/


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



/*PC端样式*/

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

	.my-banner {
		margin-bottom: 25rem;
	}

	.my-banner .banner-container h1{
		font-size: 130px;
	    margin-top: 0px;
	    text-transform: uppercase;
	    font-weight: revert;
	    color: #f5e4e4;
	    font-family: Arial Black;
	}

	.st-main>.container{

	}
	.st-main h2{
		font-weight: 600;
		font-size: 54px;
		margin-top: 5rem;
	}
	.st-article-list{
		margin-top: 10rem;
	}

	.st-article-list .media{
		height: 46rem;
		margin-top: 0px;
		padding-left: 6rem;
	}
	.st-article-list .media-body{
		background-color: unset;
	}
	.st-article-list .media-body h4{
		text-transform: uppercase;
	}
	.content-box{
		position: relative;
		text-align: center;
	}
	.content-box img{
		border-radius: 300px;
	}
	.content-in{
		position: absolute;
		top: 10rem;
		left: 2rem;
		width: 80%;
	}
	.st-article-list .media-body .content-box img{
		width: 250px;
	}
	@font-face{
        font-family:Haettenschweiler;
        src:url('fonts/Haettenschweiler.ttf');
    }


	.st-article-list .media-body h4.media-cing p{
		color: #FFFFFF;
		font-size: 16px;
		text-shadow: 0 0 3px #040404, 0 0 3px #121212;
		text-align: center;
		padding: 0rem 1rem 0rem 1rem;
		font-family: Arial Black;
	}
	.content-buttom{
		text-align: center;
		font-size: 14px;
		margin: auto;
		padding-top: 4rem;
	}
	.rbg-box{
		 margin-top: 5rem;
	    width: 500px;
	    height: 220px;
	    float: right;
	    background: url(../img/newimg/rbg.png);
	    background-size: 500px;
	}
	.rbg-top{
		position: absolute;
		height: 15.8rem;
		width: 1100px;
		top: 55.8rem;
		left: 0rem;
		background: url(../img/newimg/rbg-top.png);
		background-size: 1100px;
	}
	.rbg-buttom{
		position: absolute;
		height: 17.5rem;
		width: 900px;
		top: 270rem;
		left: 109rem;
		background: url(../img/newimg/rbg-buttom.png);
		background-size: 900px;
	}
}


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


