@charset "utf-8";
#header .menu-con>ul>li.nav5>a>span.en::after{display: block;}

#banner{ width: 100%; min-width: 1200px; height:150px; position: relative;}
#banner .banner-con .mainBox{padding-top: 30px; text-shadow: 0 0 15px rgba(100,32,39,.3);}

#main{	position: relative; z-index: 1; overflow: hidden; }
#main .proinfo{overflow: hidden; margin-top: 50px; position: relative;}
#main .proinfo .pic{float: left; width: 500px; border: 1px solid #f1f1f1;}
#main .proinfo .pic img{ width: 100%; display: block; background-size: cover;}
#main .proinfo .info{float: right; width: 650px;}
#main .proinfo .info h1{color: #e52027;	font-size: .3rem; padding-bottom: 10px; }
#main .proinfo .info h4{font-size: 14px; color: #888; padding-bottom: 10px; font-weight: normal; margin-bottom: 30px; border-bottom: 1px solid #f1f1f1;}
#main .proinfo .info>div.describe{color: #666; line-height: 1.6em; height: 258px; overflow: hidden;}
#main .proinfo .info .qr{width: 120px; background-color: #e52027; padding: 10px;}
#main .proinfo .info .qr img{ display: block; width: 100%;}
#main .proinfo .info .qr span{ display: block; font-size: 14px; text-align: center; line-height: 20px; padding-top: 10px; color: #fff;}
#main .proinfo .info a{position: absolute; bottom: 0px; left: 550px; height: 40px; background: #e52027 url(../img/icon-05.png) no-repeat 15px center; padding-left: 50px; padding-right: 20px; line-height: 40px; display: block; color: #fff; font-size: 15px; text-transform: uppercase;}

#main .prodetail{margin-top: 50px; padding-bottom: 40px;}
#main .prodetail h2{color: #e52027;	font-size: .3rem; margin-bottom: 30px;}
#main .prodetail div{line-height:2em;}
#main .prodetail img{max-width: 100%; display: block;}

#main .other{padding: 30px 0; border-top: 1px solid #eee;}
#main .other h2{color: #e52027;	font-size: .3rem;}
#main .box{padding: .4rem 0 0; line-height: 1.8em; margin: 0 -10px; overflow: hidden; }
#main .box .list{ display: block; width: 285px; position: relative; float: left; margin: 0 10px; margin-bottom: .4rem;}
#main .box .list .con{	display: block;	position: relative;	z-index: 0;	margin: 0 auto;}
#main .box .list .pic{	position: relative;	transition: all 0.2s ease-in-out;}
#main .box .list:hover .pic{transform:scale(1.1)}
#main .box .list .pic img{	display: block;	width: 100%;  background-size: cover;}
#main .box .list .pic div{	position: absolute;	width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.5); transition: all 0.2s ease-in-out;	opacity: 0;}
#main .box .list:hover .pic div{ opacity: 1;}
#main .box .list .pic span{	position: absolute;	width: 120px; height: 32px;	font-size: 12px; border-radius: 20px; text-align: center; background-color: #fff; color: #e52027; line-height: 32px; left: 50%;	top: 50%; margin: -16px 0 0 -60px;}
#main .box .list .t{ padding-top:15px; height: 3em;}
#main .box .list h1{ font-size: 16px; font-weight: normal;}
#main .box .list i{	display: block;	font-size: 14px; line-height: 34px;	color: #888; font-style: normal;}

@media screen and (max-width: 768px) {
	
	#header .menu-con>ul>li.nav5>a>span.en::after{display: none;}
	#header .menu-con>ul>li.nav5>a>span.en{color: #e52027;}
	
	
	#banner {
		display: none;
		width: 100%;
		min-width: 100%;
		height: 26vw;
		min-height: 26vw;
		position: relative;
	}

	#banner .banner-con .mainBox {
		padding-top: 25px;
		text-shadow: 0 0 15px rgba(0, 82, 174, .5);
	}
	
	#main{	position: relative; z-index: 1; overflow: hidden;  margin-top: 50px;}
	#main .proinfo{overflow: hidden; margin-top: 0px; position: relative;}
	#main .proinfo .pic{float: none; width: 100%; border: 0;}
	#main .proinfo .pic img{ width: 100%; display: block; background-size: cover;}
	#main .proinfo .info{float: none; width: 100%; padding: 15px;}
	#main .proinfo .info h1{color: #e52027;	font-size: 18px; padding-bottom: 10px; }
	#main .proinfo .info h4{font-size: 14px; color: #888; padding-bottom: 10px; font-weight: normal; margin-bottom: 10px; border-bottom: 1px solid #f1f1f1;}
	#main .proinfo .info>div.describe{color: #666; line-height: 1.6em; height: auto; overflow: hidden; display: none;}
	#main .proinfo .info .qr{width: 45vw; margin: 10px auto 0; background-color: #e52027; padding: 10px;}
	#main .proinfo .info .qr img{ display: block; width: 100%;}
	#main .proinfo .info .qr span{ display: block; font-size: 14px; text-align: center; line-height: 20px; padding-top: 10px; color: #fff;}
	#main .proinfo .info a{position: absolute; bottom: 0px; left: 550px; height: 40px; background: #e52027 url(../img/icon-05.png) no-repeat 15px center; padding-left: 50px; padding-right: 20px; line-height: 40px; display: block; color: #fff; font-size: 15px; text-transform: uppercase;}
	
	#main .prodetail{padding: 0px; margin: 15px; padding-top: 15px; border-top: 1px solid #eee;}
	#main .prodetail h2{color: #e52027;	font-size: 18px; margin-bottom: 10px;}
	#main .prodetail div{line-height:2em;}
	
	#main .other{padding: 0px; margin: 15px; padding-top: 15px;  border-top: 1px solid #eee;}
	#main .other h2{color: #e52027;	font-size: 18px;}
	#main .box{padding: 15px 0 0; line-height: 1.8em; margin: 0 -5px; overflow: hidden; }
	#main .box .list{ display: block; width: 50%; position: relative; float: left; margin: 0 0; margin-bottom: 15px;}
	#main .box .list .con{	display: block;	position: relative;	z-index: 0;	margin: 0 auto; padding: 5px;}
	#main .box .list .pic{	position: relative;	transition: all 0.2s ease-in-out;}
	#main .box .list:hover .pic{transform:scale(1)}
	#main .box .list .pic img{	display: block;	width: 100%;  background-size: cover;}
	#main .box .list .pic div{	position: absolute;	width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.5); transition: all 0.2s ease-in-out;	opacity: 0;}
	#main .box .list:hover .pic div{ opacity: 1;}
	#main .box .list .pic span{	position: absolute;	width: 120px; height: 32px;	font-size: 12px; border-radius: 20px; text-align: center; background-color: #fff; color: #e52027; line-height: 32px; left: 50%;	top: 50%; margin: -16px 0 0 -60px;}
	#main .box .list .t{ padding-top:5px;}
	#main .box .list h1{ font-size: 16px; line-height: 22px; font-weight: normal;}
	#main .box .list i{	display: block;	font-size: 14px; line-height: 34px;	color: #888; font-style: normal;}
	
	
	
}