body{background-color: transparent;}
#banner{text-align: center;}
#banner h2{font-size: 24px;color: #FFFFFF;padding-top: 275px;text-align: center;}
#banner a{font-size: 18px;color: #FFFFFF;text-transform: uppercase;display: inline-block;height: 44px;line-height: 44px;padding: 0 60px;border-radius: 20px;margin-top: 60px;text-decoration: none;}
/*hot stock*/
.hot-stock{background-color: #F6F6F6;padding: 10px 0;}
.hot-stock h2{font-size: 22px;line-height: 80px;}
.hot-stock .list{padding-bottom: 30px;}
.hot-stock .list a{color: #757575;display: block;line-height: 28px;width: 218px;text-decoration: none;float: left;padding-left: 5px;}
.hot-stock .list a:hover{color: #FFFFFF;}
/*news*/
ul.news{padding-top: 55px;padding-bottom: 40px;}
ul.news li{width: 430px;float: left;height: 400px;margin-left: 25px;}
ul.news li:before{content: "";width: 430px;height: 250px;background-image: url("../images/home.jpg");display: block;}
ul.news li:nth-child(2):before{background-position: 0 -250px;}
ul.news li:nth-child(3):before{background-position: 0 -500px;}
ul.news li:first-child{margin-left:0;}
ul.news li > i + a{font-size: 18px;color: #383838;font-weight: bold;line-height: 18px;padding: 5px 0;display: inline-block;}
ul.news li img{display: block;}
ul.news li i.date{color: #989898;font-style: normal;line-height: 30px;display: block;font-size: 14px;}
ul.news li p{color: #909090;line-height: 18px;}
ul.news li a.more{color: #7F7F7F;display: inline-block;padding: 0 20px;line-height: 26px;border: 1px solid #E3E3E3;margin-top: 15px;text-decoration: none;}
ul.news li a.more:hover{color: #FFFFFF;}
/*introduction*/
.introduction{color: #FFFFFF;text-align: center;background-image: url("../images/who.png");background-repeat: no-repeat;background-position: center 280px;padding-bottom: 250px;}
.introduction h2{padding-top: 36px;font-size: 36px;text-transform: uppercase;font-weight: bold;line-height: 50px;}
.introduction .tip{font-size: 16px;text-transform: uppercase;font-weight: bold;}
.introduction .text{padding: 30px 0;font-size: 14px;}
/*products*/
.products{background-color: #4C4C4C;background-image: url("../images/index_product.png");background-repeat: no-repeat;background-position: center 0;padding-bottom: 50px;}
.products h2{padding: 40px 0;color: #FFFFFF;text-align: center;font-size: 24px;text-transform: uppercase;font-weight: bold;}
.products li{float: left;width: 258px;height: 98px;margin-right: 10px;background-color: #EDEDED;color: #707070;line-height: 16px;border: 1px solid transparent;border-top: 1px solid #ABABAB;}
.products li:nth-child(5n){margin-right: 0;}
.products li:hover{border: 1px solid #F33A00;}
.products li a{text-decoration: none;color: #666666;}
.products li a img{max-width: 94px;float: left;border: 2px solid transparent;margin-right: 5px;}
.products li strong{color: #1F1F1F;display: block;padding: 5px 0;margin-top: 17px;word-break: break-all;}
/*about us*/
.aboutus{width: 620px;padding-right: 720px;background-image: url("../images/aboutus.jpg");background-repeat: no-repeat;background-position: right 0;margin: 30px auto;}
.aboutus h2{font-size: 25px;color: #231F1F;text-transform: uppercase;border-bottom: 2px solid #939393;line-height: 60px;}
.aboutus i.tip{font-size: 20px;text-align: right;display: block;font-style: normal;line-height: 40px;padding-right: 10px;}
.aboutus .text{color: #939393;line-height: 22px;font-size: 14px;}
.aboutus .text a.more{display: inline-block;padding: 0 70px;background-color: #939393;height: 46px;line-height: 46px;font-size: 18px;text-transform: uppercase;color: #FFFFFF;margin-top: 15px;text-decoration: none;}
@media screen and (max-width: 768px)
{
	#banner{display:none;}
	/*hot stock*/
	.hot-stock h2{line-height: 24px;font-size: 14px;padding-left: 5px;}
	.hot-stock .list{padding: 0.5rem;word-break: break-all;word-wrap: break-word;}
	.hot-stock .list a{width: 50%;}
	/*news*/
	ul.news{padding-top: 0;}
	ul.news li{width: auto;float: none;height: auto;text-align: center;padding-bottom: 15px;margin: 0;}
	ul.news li > i + a{padding: 5px;text-align: left;}
	ul.news li img{max-width: 100%;}
	ul.news li i.date{padding-left: 5px;text-align: left;}
	ul.news li p{padding: 0 5px;text-align: left;}
	/*introduction*/
	.introduction{background-image: none;padding-bottom: 0;}
	.products{padding-bottom:0;}
	.products li{width: auto;margin-right: 0;float: none;}
	/*about us*/
	.aboutus{background-position: center 0;background-size: 60% auto;width: auto;padding-right: 0;padding-top: 130px;padding-left: 5px;padding-right: 5px;}
}