.loopimg{height: 500px;}
.loopimg ul,.loopimg li{height: 100%;}
.loopimg img{width: 100%;height: 100%;}

.title-bar{font-size: 26px;font-weight: bolder;text-align: center;margin: 50px 0 20px;color: #787878;}
.title-bar h2{font-size: 24px;}

.dec{border-bottom: 1px solid #f0f0f0;}
.dec > div{padding:20px;}

.product{}
.catelist{margin:20px 150px;}
.catelist ul{display: flex;justify-content: space-around;flex-wrap: wrap; padding:0 50px;}
.catelist li{margin-top: 10px;background-color: #f5f5f5;padding:0 10px;}
.catelist li a{font-size: 16px;line-height: 36px;width: 150px;}

.product-list{margin:20px 0;}
.product-list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.product-list li{width: 245px;min-height:280px; margin-bottom: 20px;background-color: #f9f9f9;border: 1px solid #ddd;}
.product-list li img{width: 100%;height: 100%;}
.product-list li a{font-size: 14px;display: block;}
.product-list li p>a{overflow: hidden;height: 45px;padding:5px;color: #3a3a3a;}


.product-cate{}
.product-cate-catelist{margin:20px 150px;}
.product-cate-catelist ul{display: flex;justify-content: space-around;flex-wrap: wrap; padding:0 50px;}
.product-cate-catelist li{margin-top: 10px;background-color: #e4e4e4;padding:0 10px;border-radius: 50px;}
.product-cate-catelist li a{font-size: 16px;line-height: 36px;width: 150px;font-weight: 700;}


.product-cate-list{margin:20px 0;}
.product-cate-list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.product-cate-list li{width: 245px;min-height:280px; margin-bottom: 20px;background-color: #f9f9f9;border: 1px solid #ddd; }
.product-cate-list li img{width: 100%;height: 100%;}
.product-cate-list li a{font-size: 14px;display: block;}
.product-cate-list li p>a{overflow: hidden;height: 45px;padding:5px;color: #3a3a3a;}

.product-cate-list .product-title{font-weight: 700;font-size: 18px;}



.company{display: flex;justify-content: space-between;flex-wrap: nowrap;height: 500px;margin: 20px 0;}
.company .com-left,.company .com-right{flex:50%;}
.company .com-left img{width: 100%;height: 100%;}
.company .com-right{padding:20px 30px;background-color: #c40000;color: #f0f0f0;}
.company .com-right strong{font-size: 26px;}
.company .com-desc{margin: 20px 20px 20px 0;min-height: 320px;}
.company .com-more{width: 200px; height: 40px;}
.company .com-more > a{display: inline-block;width: 120px;line-height: 20px; border: 1px solid #f0f0f0;color: #f0f0f0;padding:10px;vertical-align: middle;}
.company .com-more > span{display: inline-block;width: 30px;font-size: 30px;background-color: #f0f0f0;text-align: center;color: #c40000;line-height: 22px;padding: 10px;vertical-align: middle;}

.index-com{display: flex;justify-content: space-between;flex-wrap: nowrap;height: 500px;margin: 20px auto;}
.index-com .com-left,.index-com .com-right{flex:50%;}
.index-com .com-left img{width: 100%;height: 100%;}
.index-com .com-right{padding:20px 30px;background-color: #c40000;color: #f0f0f0;}
.index-com .com-right strong{font-size: 26px;}
.index-com .com-desc{margin: 20px 20px 20px 0;min-height: 320px;}
.index-com .com-more{width: 200px; height: 40px;}
.index-com .com-more > a{display: inline-block;width: 120px;line-height: 20px; border: 1px solid #f0f0f0;color: #f0f0f0;padding:10px;vertical-align: middle;}
.index-com .com-more > span{display: inline-block;width: 30px;font-size: 30px;background-color: #f0f0f0;text-align: center;color: #c40000;line-height: 22px;padding: 10px;vertical-align: middle;}


.index-company{margin: 20px auto;}
.index-company strong{font-size: 26px;}
.index-company .index-com-info{border:1px solid #c40000;padding:10px 20px;margin-top:20px; border-radius: 5px;}


.news{margin-top: 20px;padding-bottom: 35px; display: flex;justify-content: space-between;}
.news-bar{flex: 420px;border-right: 1px solid #f0f0f0;padding:0 20px;}
.news div:nth-child(3){border-right: 0;}
.news-bar .news-header{margin-bottom: 10px;border-bottom: 2px solid #c40000;}
.news-header a:nth-child(1){font-size: 20px;color: #282828;}
.news-header a:nth-child(2){float: right;font-size: 14px;line-height: 30px;}
.news-img {width: 440px;height: 183px;margin: 30px 0 35px 0;}
.news-img img{width: 100%;height: 100%;}
.news-bar .news-list{margin-top:10px;}
.news-list li{height: 80px;}
.news-list li span{font-size: 12px;font-weight: bolder;}
.news-list li a{font-size: 16px;}
.news-list li p{font-size: 14px;border-bottom: 1px dotted #ddd;padding:5px 0;height: 40px;overflow: hidden;text-overflow: ellipsis;
    width: 390px;white-space: nowrap;}