.productAll{ padding: 70px 0; text-align: center; background-color: #f2f4f5; } .productAll .item{ padding: 30px; position: relative; border: 1px solid #e7e7e7; background: #FFFFFF; border-radius: 5px; } .productAll .item .image img{ width: 290px; height:285px; transition: 1s; } .productAll .item .description p:first-of-type{ color: #333333; margin-top: 30px; font-size: 18px; } .productAll .item .description p:last-of-type{ color: #797979; margin-top: 10px; } .productAll .item .tag{ position: absolute; top: 0; right: 0; } .productAll .item .tag img{ height: 80px; width: 80px; } .productAll .item .tagText{ position: absolute; right: 0; top: 20px; transform: rotateZ(-314deg); color: #FFFFFF; width: 60px; } .productAll .item:hover{ border-color: #2ebaef; } .mainboard{ padding: 20px 0; } .mainboard .content .image{ text-align: center; padding: 10px; } .mainboard .content .image img { width: 290px; height: 285px; } .mainboard .introduce ul li{ line-height: 35px; margin-left: 10px; padding-left: 10px; font-size: 16px; } @media screen and (max-width: 1000px) { .mainboard .leftbar{ height: 60px!important; background:#1A1A1A; position: relative; } .mainboard .leftbar ul{ width: 100%; position: absolute; top: 60px; z-index:10; display: none; } .mainboard .leftbar .dropdown{ display: block; } .mainboard .leftbar .dropdown{ position: absolute; top: 15px; right: 30px; } .mainboard .leftbar .dropdown span{ font-size: 30px; color: #FFFFFF; } .mainboard .fittings img{ height: 120px; width: 120px; } .mainboard .fittings .item{ box-shadow: none; border: 1px solid #dddddd!important; margin-right: -1px; margin-bottom: -1px; } }