/* 基础样式 */
        .goodsList {
            padding-top: 20px;
            clear: both;
            overflow: hidden;
        }

        .goodsList ul li {
            width: 260px;
            height: 256px!important;
            margin-right: 33px;
            margin-bottom: 20px;
            float: left;
            position: relative;
            z-index: 1;
            background: #FFF;
        }

        .goodsList ul li:hover {
            border: #eb0045 0px solid;
        }

        .goodsList ul li:nth-child(4n) {
            margin-right: 0;
        }

        .goodsImg {
            width: 260px;
            height: 200px;
        }

        .goodsImg img {
            width: 260px;
            height: 200px;
        }
                   
        .goodsPhr {
            width: 260px;
            height: 120px;
        }

        .goodsPhrLeft {
            width: 95%;
            margin-left: 10px;
            float: left;
            text-align:center;
        }

        .goodsPhrLeft h3 {
            font-size: 15px;
            font-weight: 700;
            padding-top: 20px;
            margin: 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .goodsPhrLeft h3 a {
            color: #333;
        }

        .goodsPhrLeft h3 a:hover {
            color: #eb0045;
        }
                   
        .contain {
            width: 1200px;
            margin: 0 auto;
        }

        .contain .left-section {
            float: left;
            margin-right: 10px;
        }
        
        .left-section .gsleft {float:left;width:60%;}
     
        .left-section .gsright {position: relative;bottom: -80px;z-index:9;float:right;text-align: right;width:35%;;overflow: hidden;}
        .contain .left-section img {
            width: 100%;
            float: left;
            margin-right: 10px;
        }

        .contain .left-section p {
            overflow: hidden;
            line-height: 180%;
            font-size: 16px;
            text-overflow: ellipsis;
        }

        .right-section {
            width: 360px;
            float: right;
        }
        
        .right-section ul {
            list-style-type: none;
            padding: 0;
        }

        .right-section ul li {
            padding: 10px;
            border-bottom: 1px solid #ddd;
        }

        .right-section ul li:last-child {
            border-bottom: none;
        }
        
        /* 策划 */
        .panel-header ul {
            margin-bottom: 0;
        }
        
        .panel-header ul.panel-img {
            display: flex; 
            justify-content: space-between;
        }
        
        ul.panel-img li{
            width: 191px;
        }
        
        ul.panel-img li img {
            width: 186px;
        } 
        
        /* 典藏中心 */
        .module-title2 {
            float: left;
            width: 400px;
        }
        
        .module-list {
            float: right;
            width: 700px;
            position: relative;
        }
        
        .module-line {
            width: 488px;
            height: 2px;
            background-color: #fff;
            position: absolute;
            top: 44px;
            right: 0;
        }
        
        .module-line2 {
            width: 272px;
        }
        
        .module-list ul {
            float: right;
            position: absolute;
            right: 0;
        }
        
        .module-list li{
            float: left;
            padding: 10px 16px;
            background-color: #555;
            font-size: 16px;
            color: #fff;
            margin-left: 10px;
            margin-top: 24px;
            transition: all .3s ease-out 0s;
        }
        
        .module-list li:hover {
            background-color: rgb(241, 194, 50);
        }
        
        .list_content .mor {
            margin-bottom: 20px;
            transition: all .3s ease-out 0s;
        }
        
        .list_content .mor:hover {
            background-color: rgb(241, 194, 50);
            color: #fff;
        }
        
        .list_content .mor:hover a {
            color: #fff;
        }
        
        /* 新闻 */
        .news-img {
            width: 198px;
            height: auto;
            margin-bottom: 6px;
        }
        
        .news-img img {
            width: 100%;
            height: 110px;
            border-radius: 10px;
        }
        
        .panel-body .swiper-container {
            padding-top: 20px;
        }
        
        .panel-body .slide-item a {
            text-decoration: none;
        } 
        
        .panel-body .slide-item {
            padding: 10px;
            border: 1px solid #ccc;
            box-sizing: border-box;
            border-radius: 10px;
            transition: all .3s ease-out 0s;
        }
        
        .panel-body .slide-item:hover {
            margin-top: -20px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.2);
        }
        
        .panel-body .slide-item .news-title {
            font-size: 16px;
            color: #222;
            margin: 10px 0;
        }
        
        .panel-body .slide-item .news-text {
            width: 200px;
            height: 87px;
            display: -webkit-box; 
            -webkit-line-clamp: 5;
            -webkit-box-orient:vertical;
            font-size: 12px;
            color: #888;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        /* 展示页面 */
        .panel-body .show {
            display: flex!important;
            justify-content: space-between;
        }
        
        .panel-body .show li{
            width: 270px;
            height: 270px;
            border: 1px solid #ccc;
            border-radius: 4px;
            position: relative;
        }
        
        .panel-body .show li img {
            width: 250px;
            height: 250px;
            display: block;
            margin: 9px auto;
        }
        
        .panel-body .show li span {
            position: absolute;
            color: #fff;
            left: 0px;
            top: 118px;
            font-size: 16px;
            font-weight: 700;
            padding: 4px;
            background-color: rgb(255, 102, 0);
        }
        
        .panel-body .show li p {
            font-size: 14px;
            color: #222;
            text-align: center;
            margin: 20px 0;
        }
        
        .panel-body .show li .ltop {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 1px;
            z-index: 1;
            background-color: rgb(255, 102, 0);
        }
        
        .panel-body .show li:hover .ltop {
            width: 100%;
            transition: all .3s ease-in-out 0s;
        }
        
        .panel-body .show li .lleft {
            position: absolute;
            left: 0;
            top: 0;
            width: 1px;
            height: 0;
            z-index: 1;
            background-color: rgb(255, 102, 0);
        }
        
        .panel-body .show li:hover .lleft {
            height: 100%;
            transition: all .3s ease-in-out 0s;
        }
        
        .panel-body .show li .lbottom {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 0;
            height: 1px;
            z-index: 1;
            background-color: rgb(255, 102, 0);
        }
        
        .panel-body .show li:hover .lbottom {
            width: 100%;
            transition: all .3s ease-in-out 0s;
        }
        
        .panel-body .show li .lright {
            position: absolute;       
            bottom: 0;
            right: 0;
            width: 1px;
            height: 0;
            z-index: 1;
            background-color: rgb(255, 102, 0);
        }
        
        .panel-body .show li:hover .lright {
            height: 100%;
            transition: all .3s ease-in-out 0s;
        }
        
        /* 关于我们 */
        .left-section .gsleft p {
            font-size: 16px; 
        }
        
        .gsright img {
            width: 70%;
        }
        
        .about-bg {
            position: relative;
            overflow: hidden;
        }
        
        .about-bg p {
            position: absolute;
            top: 50px;
            left: 300px;
            z-index: 1;
            font-size: 30px;
            font-weight: 700;
            color: #fff;
            margin: 0;
        }
        .about-bg img{
            width: 100%;
            height: 170px;
        }
        /* 移动端样式 */
        @media only screen and (max-width: 768px) {
            /* 导航栏 */
            .header {
                position: relative;
            }
            
            .headBottomDiv {
                padding: 0 10px;
            }
            
            .headBottom {
                display: flex;
                 width: 100%;
                justify-content: space-between;
                align-items: center;
            }
            
            .mainLogo {
               /* width: 100px;*/
            }
            
            .mainLogo img {
                width: 100%;
                height: auto;
            }
            
            .headBottomMid {
                display: none;
            }
            
            /* 移动端导航按钮 */
            .mobile-menu-btn {
                display: block;
                width: 30px;
                height: 30px;
                background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path stroke="rgba(0,0,0,0.8)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/></svg>') no-repeat center;
                cursor: pointer;
            }
            
            .mobile-nav {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: #fff;
                z-index: 1000;
                box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            }
            
            .mobile-nav ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }
            
            .mobile-nav ul li {
                width:100%;
                padding: 15px;
                border-bottom: 1px solid #eee;
                text-align: center;
            }
            
            .mobile-nav ul li a {
                color: #333;
                text-decoration: none;
                font-size: 16px;
            }
            
            /* 轮播图 */
            .swiper.mySwiper2 {
                height: auto;
            }
            
            .swiper.mySwiper2 img {
                width: 100%;
                height: auto;
            }
            
            /* 活动策划 */
            .home-vip .container {
                width: 100%;
                padding: 0 15px;
                box-sizing: border-box;
            }
            
            .module-title {
                text-align: center;
                width: 100%;
            }
            
            .panel-header ul.panel-img {
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .panel-header ul.panel-img li {
                width: 45%;
                margin: 5px;
            }
            
            .panel-header ul.panel-img li img {
                width: 100%;
                height: auto;
            }
            
            /* 典藏中心 */
            .module-title2 {
                float: none;
                width: 100%;
                text-align: center;
            }
            
            .module-list {
                float: none;
                width: 100%;
                text-align: center;
                margin-top: 15px;
            }
            
            .module-line {
                display: none;
            }
            
            .module-list ul {
                float: none;
                position: static;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .module-list li {
                float: none;
                margin: 5px;
                padding: 8px 12px;
            }
            
            .goodsList ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                padding: 0 10px;
            }
            
            .goodsList ul li {
                width: 48%;
                height: auto !important;
                margin-right: 0;
                margin-bottom: 15px;
            }
            
            .goodsImg, .goodsImg img {
                width: 100%;
                height: auto;
            }
            
            .goodsPhr {
                width: 100%;
                height: auto;
                padding: 10px 0;
            }
            
            .goodsPhrLeft {
                width: 100%;
                margin-left: 0;
            }
            
            /* 新闻中心 */
            .panel-body .swiper-container {
                padding: 10px;
            }
            
            .panel-body .slide-item {
                width: 80%;
                margin: 0 auto;
            }
            
            .panel-body .slide-item .news-text {
                width: 100%;
            }
            
            /* 展示页面 */
            .panel-body .show {
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .panel-body .show li {
                width: 45%;
                height: auto;
                margin: 10px 2.5%;
            }
            
            .panel-body .show li img {
                width: 100%;
                height: auto;
            }
            
            .panel-body .show li span {
                top: 30%;
                font-size: 14px;
            }
            
            /* 关于我们 */
            .left-section {
                display: flex;
                flex-direction: column;
            }
            
            .left-section .gsleft {
                width: 100%;
                float: none;
            }
            
            .left-section .gsright {
                position: static;
                width: 100%;
                float: none;
                text-align: center;
                margin-top: 20px;
            }
            
            .gsright img {
                width: 100%;
                max-width: 300px;
            }
            .about-bg {
                width: 100%;
                overflow: hidden;
            }
            .about-bg p {
                left: -7%;
                text-align: center;
                color: #fff;
                font-size: 28px;
            }
            
            
            /* 底部导航 */
            .footerMidCon {
                	width: 100%;
                     }
              .footerMidLeft {
	width: 100%;
}
            .footerMidLeft ul {
                display: flex;
                /* flex-wrap: wrap;*/
            }
            
            .footerMidLeft ul li {
                width: 50%;
                margin-bottom: 20px;
            }
            
            .footerMidLeft ul li h3 {
                text-align: center;
            }
            
            .footerMidLeft ul li dl {
                text-align: center;
            }
            
            .footerBottom p {
                width: 100%;
                padding: 0;
                text-align: center !important;
            }
            
            /* 通用调整 */
            .container {
                width: 100%;
                padding: 0 15px;
                box-sizing: border-box;
            }
            
            .home-vip {
                padding: 20px 0;
            }
            
            .module-title, .module-title2 {
                text-align: center !important;
                width: 100% !important;
                float: none !important;
            }
            
            .mor {
                text-align: center;
                margin: 20px auto !important;
                float: none !important;
            }
        }