* {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Arial', sans-serif;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
        }
        h1 {
            text-align: center;
            margin: 30px;
            color: #333;
            font-size: 29px;
        }
        
        .products-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 20px;
        }
        
        .product-card {
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        
        .product-card:hover {
            transform: translateY(-5px);
        }
        
        .product-image {
         
            object-fit: cover;
        }
        
        .product-info {
            padding: 15px;
        }
        
        .product-title {
            font-size: 18px;
            margin-bottom: 10px;
            color: #333;
        }
        
        .product-price {
            font-size: 20px;
            font-weight: bold;
            color: #e63946;
            margin-bottom: 15px;
        }
        
        .product-description {
            color: #666;
            font-size: 14px;
            margin-bottom: 15px;
        }
        
        .add-to-cart {
            width: 100%;
            padding: 10px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-weight: bold;
            transition: background-color 0.3s;
        }
        
        .add-to-cart:hover {
            background-color: #45a049;
        }
        
        @media (max-width: 768px) {
            .products-grid {
                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            }
        }
        
        @media (max-width: 480px) {
            .products-grid {
                grid-template-columns: 1fr;
            }
        }
	    * {margin: 0; padding: 0; list-style: none;}
        #wrap {width:1200px; margin: 0px auto 0; overflow: hidden;}
        #tit {height: 40px;width:600px;margin: 0 auto;margin-bottom:30px;}
        #tit span {float: left;margin-left:15px; height: 40px; line-height: 40px; width: 130px; font-size: 20px; text-align: center; color:#cfa372;background: #fff;border-radius:20px;}
        #con li{display: none; width:1200px;}
#tit span.select {background: #780001;color:#cfa372;}
#con li.show {display: block;}
.side-left{background:#780001;color:#fff;width:50%;float:left}
.side-right{color:#fff;width:50%;float:left}
.side-left .intro-content{padding:15px 10px}
.intro-content h1,.back{transition:opacity 0.3s ease-in-out;font-size:14px;padding-bottom:15px}
.more{width:260px;padding-top:10px}
.intro-content .profile{padding-bottom:10px;}
.intro-content .profile .content{padding:2px 8px;font-size:28px}
.intro-content .profile p{text-align:center}
.intro-content .profile_{margin-bottom:-11px}
.intro_left {text-align:center;width:45.2%;float:left;padding:36.5px 20px}
.intro_left_bg{background:#8c0000;}
.intro_left_ img{height:212px!important;width:296px;}
.intro_left p{font-size:19px}
.intro_left h1{font-size:35px}
/*.intro_right{width:54%;float:left}*/
.intro_right{width:46%;float:left}
.profile span img{margin-bottom:10px}
.index-more{margin-top:15px;}
.index-more a{border:1px solid #fff;border-radius:5px;padding:5px 20px 5px 20px;color:#fff;font-size:16px}

.bigBox-contain .title_con{width:306px;}
.new_con{width:1200px;margin:0 auto;}

.title_con{width:450px;padding:15px;margin: 0 auto}
/* 参考文献 */
.title_con{width:450px;padding:15px;margin: 0 auto}
.czwx{background: #8c0000;padding-bottom:10px;}
.czwx .title_con{width:420px;padding:15px;margin: 0 auto}
.title_con p{text-align: center;font-size: 30px;margin:30px;color:#cfa372;}
.title_con .left_icon{padding-right:10px;}
.title_con .right_icon{padding-left:10px;}
.ckwx-img{width:722px;margin:0 auto;}
.ckwx-img img{margin-left:15px;margin-bottom:45px;cursor:pointer;background:#cfa372}
.ckwx-img img:hover{background:#780001}
.bigBox .title_con{width:355px;}
@media screen and (max-width:500px){
.side-left{color:#fff;width:100%;float:left}
.side-right{width:100%;float:left}
.intro-content .profile .content{padding:2px 3px;font-size:23px;}
.profile span img{padding-top:0px;width:18px}
.intro-content .profile p{text-align: left}
.profile img{max-width:100%;}
.intro_left{padding:9px 20px;height: 188px}
.intro_left_ img{height:188px!important}
.bigBox-contain .title_con{width:230px;}
.title_con{padding:0px}
.intro_left p{font-size: 15px;padding-top:25px;}
.title_con p{font-size:20px;margin:10px;}
.title_con img{width:18px;}
.title_con .right_icon{padding-left:5px;}
#tit{height: 20px;width:100%;}
#wrap{width:100%;}
#con li{width:100%;}
  #tit span {margin-left:5px; height:30px; line-height:30px; width:83px; font-size:16px;border-radius:10px;}
.bigBox-contain .title_con{width:360px;}
.new_con{width:100%;margin:0 auto;}
/* 参考文献 */
}