.banners-wap img,
.banners img{
	max-width:100%;
}
.banners a .bannertext{
	position:absolute;
	left:50%;
	top:50%;
	text-align:center;
	color:#fff;
	width:600px;
	height:200px;
	margin-left:-300px;
	margin-top:-100px;
}
.banners a .bannertext h3{
	font-size:36px;
}
.breadcrumb{
	background: none !important;
}
.banners a .bannertext span{
	line-height:1.5;
	margin-top:20px;
	font-size:16px;
}
.btn-more{
	font-size:12px;
	color:#e12524;
	text-align:center;
	padding:8px 15px;
	border:1px solid #e12524;
	border-radius:30px;
	position:relative;
}
.btn-more:before{
	content: '';
    width: 50px;
    height: 1px;
    position: absolute;
    top: 16px;
    left: -50px;
	background-color:#e12524;
}

.products-section{
	overflow:hidden;
}


.products-typelist{

    padding: 0 0 0px 0;
    margin: 0 auto;
    text-align: center;

    position: relative;
    margin-bottom: 30px;
}
.products-typelist li {

    text-align: center;
    text-transform:uppercase;
}
.products-typelist li a.tpic{
	position:relative;
	display:block;
}
.products-typelist li a.tpic img{
	max-width:100%;
}
.products-typelist li a.tpic .tmask{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:10;
	background:url('../images/redbg.png') repeat;
	display:none;
}
.products-typelist li a.tpic .tmask .imgbox{
	width:50px;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.products-typelist li a.tpic .tmask .imgbox .ibox{
	margin-top: 15px;
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-left: auto;
    line-height: 26px;
    margin-right: auto;

}
.products-typelist li:hover a.tpic .tmask{
	display:block;
}
.products-typelist li a.ttext{
	text-align:center;
	padding:12px 0;
	font-size:16px;
	color:#818181;
	display:block;
	margin: 0 auto;
	border-bottom:1px solid #333;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pstitle{
	font-size:40px;
	color:#010101;
	font-family:'Arial';
	font-style: italic;
	position:relative;
	text-align:right;
	display:block;
}
.pstitle:after{
	content:'';
	width:100px;
	height:1px;
	right:0;
	bottom:-15px;
	position:absolute;
	background-color:#e12524;
}







.youshi-section{
	min-height:680px;
	background:url('../images/about2bg.jpg') no-repeat top center / 1920px auto;
}

.youshi-box h1{
	margin: 0;
    position: relative;
    font-style: italic;
    font-weight: normal;
    font-size:36px;
    color:#fff;
    text-transform:uppercase;
	text-shadow: 2px 2px 4px #000;
}
.youshi-box h1:after{
	position:absolute;
	content:'';
	width:100px;
	bottom:-15px;
	left:0;
	background-color:#fff;
	height:1px;
}
.youshi-box .ys-text{
	color:#fff;
	line-height:1.8;
	font-size:16px;
	text-shadow: 2px 2px 4px #000;
}
.youshi-box a.btn-more{
	background-color:#e12524;
	color:#fff;
}
.youshi-box a.btn-more:before{
	right:-50px;
	left:auto;
}
.youshi-box a.btn-more:hover{
	background-color:#fff;
	color:#e12524;
	border-color:#fff;
}
.youshi-box a.btn-more:hover:before{
	background-color:#fff;
}







.about-section{
	position:relative;
	min-height:600px;
	overflow:hidden;
}
.about-section .mgbox img{
	/*
	background:url('../images/about_pic.jpg') no-repeat left center / auto 400px;
	content:'';
	width:679px;
	height:400px;
	left:50%;
	position:absolute;
	top:90px;
	*/
	max-width:100%;
	margin-left:50px;
	-moz-box-shadow:0px 0px 25px rgb(0,0,0,0.18);
	-webkit-box-shadow:0px 0px 25px rgb(0,0,0,0.18);
	box-shadow:0px 0px 25px rgb(0,0,0,0.18);
}
.products-section .pro-box h1,
.news-section .news-box h1,
.about-section .ab-info h1{
	margin: 0;
    position: relative;
    font-style: italic;
    font-weight: normal;
}
.products-section .pro-box h1:after,
.news-section .news-box h1:after,
.about-section .ab-info h1:after{
	position:absolute;
	content:'';
	width:120%;
	bottom:-15px;
	left:0;
	background-color:#e12524;
	height:1px;
}
/*
.news-section .news-box h1:before,
.about-section .ab-info h1:before{
	content: '';
    width: 743px;
    height: 9px;
    position: absolute;
    top: 15px;
    left: -753px;
	background:url("../images/line-l.png") no-repeat center center /100% auto;
}*/
.about-section .ab-info .about-text{
	color:#959595;
	font-size:14px;
	line-height:1.8;
}
.about-section .ab-info .ab-icon img{
	width:60px;
	margin:0 auto 15px;
}
.about-section .ab-info .ab-icon{
	text-align:center;
}
.about-section .ab-info .ab-icon h5{
	font-size:16px;
	margin-bottom:5px;
	color:#222;
}
.about-section .ab-info .ab-icon div{
	font-size:13px;
	color:#707070;
}












.video-section{
	position: relative;
    max-width: 100%;
    /*height: 480px;*/
    overflow: hidden;
}
.video-section .vmask{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:10;
	background:url('../images/blackbg.png') repeat;
}
.video-section .vmask a{
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	width:100px;
	transform: translate(-50%, -50%);
	color:#fff;
	font-size:14px;
	opacity:.8;
	text-align:center;
}
.video-section .vmask:hover a{
	opacity:1;
}
.video-section .vmask a img{
	max-width:100%;
	display:block;
	margin-bottom:10px;
}
/*
.video-section .video-item {
    height: auto;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    width: auto;
    z-index: 1;
}*/
.video-section .video-item {
    height: auto;
    max-width:100%;
    z-index: 1;
    display:block;
    object-fit: fill;
}


.reward-section{
	background:url(/images/zhang.jpg);
	background-size: cover;background-attachment: fixed;

    padding-bottom: 60px;
    padding-top: 60px;
    position: relative;
    display:block;
}
.f-counter{
	color: #ffffff;
    font-size: 36px;
    text-align: center;	 
}
.f-counter .max-count {
    font-size: 38px;
    font-weight: 700;
}
.f-counter .suf-counter{
	font-size:16px;
	margin-left:15px;
}
.f-counter h5 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 4px;
}
.f-counter .icon-counter {
    display: inline-block;
    font-size: 32px;
    margin: 0 6px 8px;
}








.news-section{

}
.products-section .pro-box h1:after,
.news-section .news-box h1:after{
	width:100px;
}
.news-list li{
	position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

.news-list li img{
	max-width:100%;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-ms-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}
.news-list li:hover img {
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.news-list li a{
	display:block;
	background:none !important;
	overflow:hidden;
}
.news-list li p,
.news-list li span{
	color:#222;
}
.news-list li p{
	font-size:16px;
	color:#333;
	margin-top:15px;
}
.news-list li:hover p{
	color:#e12524;
}












@media only screen and (max-width: 1440px) {
	.products-typelist li a.ttext{
		font-size:15px;
	}
}
@media only screen and (max-width: 1200px) {
	
}
@media only screen and (max-width: 767px) {
	.banners-wap,
	.banners{
		margin-top:0px;
	}
	.about-section .mgbox img{
		margin-left:0;
		margin-top:40px;
	}

	.banners a .bannertext{
		position:absolute;
		left:0;
		top:50%;
		text-align:center;
		color:#fff;
		width:100%;
		height:200px;
		margin-top:-100px;
		margin-left:0;
		padding:0 60px;
	}
	.banners a .bannertext h3{
		font-size:22px;
		line-height:1.2;
	}
	.banners a .bannertext span{
		line-height:1.5;
		margin-top:20px;
		font-size:12px;
	}

	.products-typelist{
		display:block;
		margin-bottom:0;
	}
	.products-typelist li{
		padding-left:15px;
		padding-right:15px;
		margin-bottom:15px;
	}
	.products-typelist li a.ttext{
		font-size:14px;
	}
	.products-section > .vertical-space4{
		height:0;
	}
	.plist .item .item-info a.item-name{
		top:auto;
		position:relative;
		font-size:12px;
		color:#239206;
	}
	.pstitle{
		text-align: center;
	    font-size: 24px;
	    margin-bottom: 30px;
	}
	.pstitle:after{
		right:auto;
		left:50%;
		transform:translate(-50%, 0);
		bottom:-6px;
	}
	
	.plist .item .item-info .line{
		display:none;
	}
	.plist > div.col-md-4{
		padding-left:5px;
		padding-right:5px;
	}
	.plist .item{
		margin-bottom:10px;
	}
	
	.youshi-box h1{
		font-size:24px;
	}
	.youshi-box .ys-text{
		margin-top:10px;
	}
	.youshi-section{
		min-height:500px;
		background-size:auto 500px;
		background-position:60% center;
	}
	
	.products-section .pro-box h1,
	.sec-title,
	.news-section .news-box h1, .about-section .ab-info h1{
		font-size:24px;
	}
	
	.about-section{
		min-height:auto;
	}
	.about-section .ab-info h3{
		font-size:18px;
	}
	.about-section .ab-info > .vertical-space8{
		height:0;
	}
	
	.about-section:after{
		left: 0;
	    top: auto;
	    height: 230px;
	    margin-left: 15px;
	    margin-right: 15px;
	    width: calc(100% - 30px);
	    background-size: cover;
	}
	.about-section .ab-info .ab-icon li{
		margin-top:30px;
	}
	
	
	.video-section .video-item,
	.video-section{
		/*height:280px;*/
		height:auto;
	}
	
	.reward-section{
		padding-top:20px;
		padding-bottom:30px;
	}
	.f-counter .max-count{
		font-size:20px;
	}
	.f-counter h5{
		font-size:14px;
		margin-top:0;
	}
	.f-counter .suf-counter{
		margin-left:10px;
			font-size:14px;
	}
	
	.news-section{
		min-height:auto;
	}
	.news-list{
		margin-top:15px;
	}
	.news-list li{
		padding:0;
	}
	.news-list li img.newspic{
		display:block;
	}
	.video-section .vmask a img{
		margin:0 auto 5px auto;
		width:70%;
	}
	
}