body{margin: 0;padding: 0;} .w100{width: 100%;} .w50{width: 50%;} .w48{width: 49%;} .w25{width: 25%;} .w20{width: 19%;} .dis{display: flex;} .djb{display: flex;justify-content: space-between;} .dend{display: flex;justify-content: flex-end;} .djbac{display: flex;justify-content: space-between;align-items: center;} .ac{align-items: center;} .dac{display: flex;align-items: center;} .djcacfw{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;} .djbacfw{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .cq-cp{cursor: pointer;} .pr{position: relative;} .pa{position: absolute;} .dn{display: none;} .fs{flex-shrink: 0;} .fw{flex-wrap: wrap;} .oh{overflow: hidden;} .fit{object-fit: cover;} .m-s16{margin-top: 16px;} .m-s20{margin-top: 20px;} .m-s27{margin-top: 27px;} .m-s30{margin-top: 30px;} .m-s37{margin-top: 37px;} .m-s65{margin-top: 65px;} .m-z10{margin-left: 10px;} .m-z15{margin-left: 15px;} .m-z37{margin-left: 37px;} .m-y10{margin-right: 10px;} .m-y15{margin-right: 15px;} .m-y37{margin-right: 37px;} .m-sx65{margin-top: 65px;margin-bottom: 65px;} .m-sx30{margin-top: 30px;margin-bottom: 30px;} .m-sx28{margin-top: 28px;margin-bottom: 28px;} .m-sx20{margin-top: 20px;margin-bottom: 20px;} .m-sx16{margin-top: 16px;margin-bottom: 16px;} .m-sx10{margin-top: 10px;margin-bottom: 10px;} .m-x65{margin-bottom: 65px;} .m-x37{margin-bottom: 37px;} .m-x32{margin-bottom: 32px;} .m-x30{margin-bottom: 30px;} .m-x27{margin-bottom: 27px;} .m-x20{margin-bottom: 20px;} .m-x16{margin-bottom: 16px;} .m-zy180{margin-left: 180px;margin-right: 180px;} .m-zy15{margin-left: 15px;margin-right: 15px;} .m-zy20{margin-left: 20px;margin-right: 20px;} .m-zy30{margin-left: 30px;margin-right: 30px;} .p-sx65{padding-top: 65px;padding-bottom: 65px;} .p-s65{padding-top: 65px;} .p-s27{padding-top:27px;} .p-x65{padding-bottom: 65px;} .p-x27{padding-bottom: 27px;} .p-zy180{padding-left: 180px;padding-right: 180px;} .p-zy20{padding-left: 20px;padding-right: 20px;} .p-zy15{padding-left: 15px;padding-right: 15px;} .p-zy10{padding-left: 10px;padding-right: 10px;} .p-sx10{padding-top: 10px;padding-bottom: 10px;} .p-sx20{padding-top: 20px;padding-bottom: 20px;} .font-12{font-size: 12px;} .font-13{font-size: 13px;} .font-14{font-size: 14px;} .font-18{font-size: 18px;} .font-20{font-size: 20px;} .font-22{font-size: 22px;} .font-24{font-size: 24px;} .font-32{font-size: 32px;} .tl{text-align: left;} .col19{color: #191919;} .col7d{color: #7d7d7d;} .col9{color: #999999;} .backf{background: #FFFFFF;} .clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} /* 轮播图 */ .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-pagination-bullet{ width: 13px;height: 13px;border-radius: 100%; background: #FFFFFF; border: 2px solid #FFFFFF; opacity: 1; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{ width: 13px;height: 13px;border-radius: 100%; border: 2px solid #cd2628; background-color: rgba(255,255,255,0); } .swiper-button-prev, .swiper-container-rtl .swiper-button-prev { left: 0px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0px; left: auto; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 40%; background: #ffffff; /* width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); */ width: 39px; height: 39px; margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #c6c6c6; } .swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: 18px; text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; font-weight: 700; } /* 首页 */ .logo{width: 487px;} .banner-img{width: 100%;height: auto;} .sy-dian{width: 4px;height: 4px;border-radius: 100%;background-color: #181818;margin: 0 10px;} .dao-boxw{box-shadow: 0px 3px 6px rgba(0,0,0,.2);display: flex;justify-content: space-between;align-items: center;} .guan-box{display: flex;align-items: center;font-size: 14px;color: #181818;width: 100%;justify-content: flex-end;} .redD{width: 6px;height: 6px;border-radius: 100%;background: #cd2628;top: 10px;right: 12px;} .xiahx{width: 100%;bottom: 0;border-bottom: 3px solid #cd2628;} ul li {list-style: none;padding: 0px;margin: 0px;} .dao-box>li{padding: 5px 25px;flex-shrink: 0;text-align: center;font-size: 19px;} .dao-box>li>div{padding: 6px 0;} .dao-box>li>div>a{text-decoration: none;color: #181818;} .dao-box>li>div>a:hover{color: #cd2628;} .dao-box>li>div>a:active{color: #cd2628;font-weight: bold;} .cq-dao-active{font-weight: bold;color: #cd2628;} .input-box{flex-shrink: 0;height: 40px;border-radius: 3px;border: 1px solid #ebebeb;padding: 0 10px;width: 220px;} .input-box input{font-size: 14px;height: 40px;border: 0;} .input-box img{right: 10px;top: 10px;width: 20px;height: 20px;} .cq-item-title-box{padding: 65px 0 30px 0;} .cq-item-title-box>div>div{background:-webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 11px; bottom: 0;left: 0;width: 130px; opacity: .8;z-index: 0;} .cq-gengd{font-size: 18px;color: #191919;} .exhibition .item-box{width: 100%;overflow: hidden;height: 388px;} .exhibition .item-box>img{width: 100%;height: 100%;cursor: pointer;} .msg .m-x32:nth-last-child(1){ margin-bottom: 0; } .msg .m-x32:nth-last-child(2){ margin-bottom: 0; } /* .xx-img{ width:242px; height:151px;} */ .xx-content{line-height: 28px;} .xx-img{ width:100%;} .ysc .ya-item-box>div:first-child{transition: transform .5s;cursor: pointer;} .ysc .ya-item-box>div:first-child:hover{transform: scale(.9);transition: transform .5s;} .ya-item-box .pr{padding-right: 1.25em;} .ys-price{font-size: 18px;color: #cb1919;background: rgba(0,0,0,.2);border-radius: 3px;left: 14px;bottom: 14px;padding: 6px 10px;} .ys-title{font-size: 20px;font-weight: bold;padding-right: 20px;} .ys-cate{font-size: 14px;color: #a6a6a4;padding-right: 20px;} .ysj-name{line-height: 26px;} .ysj .ya-item-box{margin-right: 1.36em;} .ysj .ya-item-box img{transition: transform .5s;cursor: pointer;} .ysj .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;} .ysj .ya-item-box:last-child{margin-right: 0px;} .ysj .pr{padding-right: 0px;} .wc-box>div>img{width: 96%;transition: transform .5s;} .wc-box .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;} .wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;} .wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;}