#h1 { position: fixed; top: 0; opacity: 0; z-index: -999999; }

.content { background: #fff repeat-x 0 0,0 100%; padding: 20px 0; }

/* news */
#news { overflow: hidden; }
#news h3 { float: left; margin-right: 30px; }
#news .newsinfo >div { overflow: hidden; line-height: 50px; }
#news .newsinfo >div p { float: left; font-size: 18px; color: #6a211b; }
#news .newsinfo >div h4 { float: left; margin-left: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#news .newsinfo >div h4 a { color: #010101; font-size: 18px; font-weight: normal; }
#news .newsinfo >div p.more { float: right; }
#news .newsinfo >div p.more a { font-size: 14px; color: #6a211b; }
#news .slick-slider { margin-bottom: 10px; }

/* ad-list */
#ad-list .bxslider { overflow: hidden; margin-bottom: 10px; }
#ad-list .bxslider div { float: left; width: 23%; margin: 0 1%; }

/* aboutWrap */
#aboutWrap { margin: 15px 0; padding: 40px 0; background: no-repeat fixed center top / cover; -moz-box-shadow: inset 0 2px 24px rgba(20%,20%,40%,0.5); -webkit-box-shadow: inset 0 2px 24px rgba(20%,20%,40%,0.5); box-shadow: inset 0 2px 24px rgba(20%,20%,40%,0.5); }
#aboutWrap h3 { margin: 10px 0; font-size: 30px; color: #A20609; }
#aboutWrap h3 b { margin-left: 10px; font-size: 16px; color: #535353; }
#aboutWrap article { margin: 15px auto; width: 60%; font-size: 16px; line-height: 200%; }
#aboutWrap article a.more { margin-left: 10px; }

/* productWrap */
#productWrap ul { margin-top: 3%; text-align: left; }
#productWrap ul li { margin: 15px 0; width: 32.4%; display: inline-block; background-color: #e5e5e5; }
#productWrap ul li.center { margin: 15px 1%; }
#productWrap ul li .productPhoto a.photo { background-size: 100% auto; border: 1px solid #c9c9c9; background-color: white;}
#productWrap ul li: hover .productPhoto a.photo { background-size: 120% auto; }
#productWrap ul li h3 { overflow: hidden; margin-top: 15px; height: 23px; font-size: 16px; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#productWrap ul li p { font-size: 14px; text-align: center; margin-bottom: 10px; }
#productWrap ul li h3 a { color: #9f2531; }
#productWrap ul li p a { color: #9f2531; }

/* aboutNews */
#aboutNews { padding-top: 65px; }
#newsBox , #aboutBox { float: left; width: 50%; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; }
#newsBox h3 { margin: 0 10px; padding: 5px 15px; display: inline-block; font-size: 28px; color: #2e50a2; }
#newsBox .bd { margin: -1px 30px 0 0; }
#newsBox ul li { overflow: hidden; padding: 5px 20px; }
#newsBox ul li .info { position: relative; padding: 5px 75px 5px 5px; border-bottom: 1px #ededed solid; }
#newsBox ul li .info h4 a ,
#newsBox ul li .info article ,
#productBox ul li .info h4 a ,
#productBox ul li .info article ,
#sloganBox ul li article { overflow: hidden; height: 27px; font-size: 18px; color: #333; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#newsBox ul li p { position: absolute; right: 0; bottom: 0; }
#newsBox ul li .info h4 { line-height: 1; }
#newsBox ul li .info article { margin-top: 5px; height: 25px; line-height: 180%; font-size: 14px; color: #777; -webkit-line-clamp: 1; }
#aboutBox { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; }
#aboutBox h3 {position: relative;margin-bottom: 20px;font-size: 28px;color: #2e50a2;line-height: 180%;}
#aboutBox span { color: #717171; font-size: 16px; margin-left: 4%; }
#aboutBox article { padding: 0; font-size: 16px; line-height: 180%; width: 93%; color: #282828; }
#aboutBox article p.more { text-align: right; }
#aboutBox article p.more a , #newsBox .info p a { color: #2e50a2; }
#aboutNews .line { margin: 70px 0 30px; float: left; width: 100%; border-top: 1px solid #eee; text-align: center; }
#aboutNews .line i { position: relative; width: 33px; height: 33px; background: #fff; display: inline-block; border: 1px #ddd solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 35px; color: #ddd; top: -17px; }

@media screen and (max-width: 960px) {
	#productWrap ul li { width: 32%; }
}
@media screen and (max-width: 768px) {
	#newsBox , #aboutBox { width: 100%; }
	#newsBox h3 { margin: 5px 0 15px; padding: 0; }
	#newsBox ul li { padding: 0; }
	#news h3 img { height: 35px; }
	#news .newsinfo >div { line-height: 35px;	 }
	#news .newsinfo >div p , #news .newsinfo >div h4 a , #news .newsinfo >div p.more a { font-size: 14px; }
	#ad-list .bxslider div { width: 48%; margin: 10px 1%; text-align: center; }
	#aboutWrap article { width: 80%; }
	#productWrap ul li { width: 32%; }
}
@media screen and (max-width: 640px) {
	#news h3 { float: none; }
	#productWrap ul li { width: 47%; }
}
@media screen and (max-width: 480px) {
	#productBox ul li { width: 50%; }
	#adBox .list { margin: 10px 1%; width: 47%; }
	#newsBox h3 { margin: 0; padding: 0; }
	#newsBox ul li { padding: 20px 0; }
}
@media screen and (max-width: 450px) {
	#ad-list .bxslider div , #productWrap ul li { width: 98%; }
}