@media screen and (max-width: 1200px){ .s5-main ul li{ width: 24%; margin: 0 5px; } } @media screen and (max-width: 1024px){ .ggtit-h2{ line-height: 45px; } .ggtit-h2 span{ font-size: 20px; } .ggtit-h22{ line-height: 65px; } .new-switch .slideBox ul li a p{ font-size: 14px; } .new-list ul li a{ line-height: 40px; font-size: 14px; } .hot-new .new-list ul li a{ line-height: 35px; font-size: 14px; } .dsll>ul li{ width: 33%; margin: 10px 0; padding: 10px; } .dsll>h2{ line-height: 45px; } .dsll>h2 span{ font-size: 24px; } .dsll>h2>img{ height: 45px; } .dsll>h2>a{ font-size: 14px; } .s4-left ul li a{ line-height: 32px; } .img-lists ul li{ width: 30%; margin: 35px 1.5% 0 1.5%; } .img-lists ul li a>div p{ font-size: 14px; } .img-lists ul li a>div img{ height: 12px; } .img-lists ul li a>div span{ font-size: 12px; } .cont-tit{ padding: 0 0 15px 0; } .cont-tit h3{ font-size: 20px; } } @media screen and (max-width: 768px){ .section{ padding-left: 15px; padding-right: 15px; } .section2{ padding-bottom: 40px; } .new-switch{ float: none; width: 100%; } .new-list{ float: none; width: 100%; margin-top: 20px; } .new-switch .slideBox ul li a p{ font-size: 12px; padding-right: 100px; } .new-switch .slideBox .hd{ bottom: 18px; right: 10px; } .new-switch .slideBox .hd ul li{ width: 8px; height: 8px; margin: 0 3px; } .ggtit-h2 span{ font-size: 16px; } .s2-top>div{ float: none; width: auto; } .s2-top>div.s2-left{ margin-top: 20px; } .dsll>ul li{ width: 45%; margin: 5px 2.5%; box-shadow: 0 0 5px rgba(203, 28, 29, 0.2); } .dsll>ul li a h3{ font-size: 14px; } .dsll>ul li a h3 span{ font-size: 12px; } .dsll>ul li a p{ font-size: 12px; } .dsll>ul li a>span{ font-size: 12px; } .dsll>h2{ line-height: 35px; padding:20px 0; } .dsll>h2>span{ font-size: 20px; } .dsll>h2>img{ height: 35px; } .section3{ padding-bottom: 40px; padding-left: 15px; padding-right: 15px; } .s4-main>div{ float: none; width: auto; } .section4 .dsll>h2{ padding: 20px 0 20px 0; } .s4-lbody{ padding: 15px 15px 0 15px; } .s4-lbody>div{ margin-top: 0; } .s4-lbody>div ul{ padding: 15px 0; } .s4-right>ul{ padding: 15px; } .s5-main{ margin-top: 20px; } .section5 h2{ line-height: 20px; } .s6-main{ margin-top: 20px; } .img-lists ul li{ width: 48%; box-sizing: border-box; margin: 20px 1% 0 1%; } .img-lists ul li a>div p{ font-size: 12px; } .text-lists{ padding: 30px 30px 0 30px; } .text-lists .text-ul li a{ font-size: 14px; } .text-lists .text-ul li span{ font-size: 14px; } .art-content { padding: 30px 30px 0 30px; } .cont-tit{ padding: 0 0 10px 0; } .cont-tit h3{ font-size: 18px; } .cont-tit p img{ height: 14px; } .cont-tit p span{ font-size: 14px; } .cont-body p{ font-size: 14px; } } @media screen and (max-width: 480px){ .hot-new{ padding: 0; } .ggtit-h2{ line-height: 35px; } .ggtit-h2 span{ font-size: 14px; } .ggtit-h2 a{ font-size: 12px; } .dsll>h2{ line-height: 30px; padding:15px 0; } .dsll>h2>span{ font-size: 16px; } .dsll>h2>img{ height: 30px; } .dsll>h2>a{ font-size: 12px; } .dsll>ul{ padding: 15px 5px; } .section3{ padding-bottom: 20px; } .s4-right>ul>li{ width: 46%; margin-left: 2%; margin-right: 2%; } .text-lists{ padding: 15px 15px 0 15px; } .text-lists .text-ul li a{ font-size: 12px; } .text-lists .text-ul li span{ width: 80px; font-size: 12px; } .text-lists .text-ul li span::after { height: 12px; } .art-content { padding: 30px 15px 0 15px; } .cont-tit{ padding: 0 0 10px 0; } .cont-tit h3{ font-size: 14px; } .cont-tit p img{ height: 12px; } .cont-tit p span{ font-size: 12px; } .cont-body p{ font-size: 12px; line-height: 30px; margin: 10px 0; } .cont-tit p .liulan{ margin-left: 20px; } }