* { margin: 0px; padding: 0px; } .clearbox { clear: both; } .wrapper { width: 1280px; margin: 0 auto } .m_isphone{ display: none; } a { text-decoration: none; color: #666; } /* a:hover{ color:#d31c20 ; } */ li { list-style: none; } /* 头部 */ .bgcbox { background: url(/uploads/image/m2img/bg_01.png) no-repeat top center; } .bgc { background: url(/uploads/image/m2img/bg_01.png) no-repeat top center; } .law_list { float: left; } .m_ztlist1 { padding: 0 20px; margin-top: 50px; } .m_ztlbt { width: 57%; float: left; overflow: hidden; height: max-content; position: relative; } .m_ztlbt p { text-align: center; font-size: 18px; padding-top: 10px; } .m_ztlbt li img { height: 370px; width: 100%; } .m_ztlbt li img:hover { transform: scale(1.03); transition: 0.3s; } .swiper-button-prev { right: 4px; } .m_ztcon { width: 40%; float: right; } .m_ztcon2 { width: 48%; float: left; } .m_ztcon3 { width: 48%; float: right; } .m_ztconlist li { line-height: 52px; } .m_ztconlist li a { background: url(/uploads/image/m2img/liststyle.png) no-repeat 0px 18px; color: #333; width: 96%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 20px; font-size: 18px; float: left; border-bottom: 1px solid #ccc; } .m_ztconlist li a:hover { color: #d31c20; } .m_ztlist3 { margin-top: 10px; margin-bottom: 20px; float: left; width: 100%; } .m_ztlist3 a { width: 50%; float: left; } .m_ztlist3 a img { width: 100%; } .title { margin-top: -26px; text-align: center; } .law_tit { margin-top: 80px; } .zzqstyle ul { margin: 30px 0; } .zzqstyle ul li { width: 47%; float: left; background-color: #fffaf1; padding: 20px 18px; box-sizing: border-box; margin-right: 50px; margin-bottom: 20px; font-size: 18px; } .zzqstyle ul li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 96%; position: relative; padding-left: 16px; } .zzqstyle ul li a:hover { color: #d31c20; } .zzqstyle ul li a::after { position: absolute; content: ""; height: 44px; width: 4px; left: 2px; background-color: #d31c20; } .zzqstyle ul li:nth-child(even) { margin-right: 0; } /* 工作动态 */ .workstyle { background-color: #ffeee5; padding: 30px 0; } .workcontent ul li { width: 47%; float: left; background-color: #ffffff; padding: 20px 18px; box-sizing: border-box; margin-right: 50px; margin-bottom: 20px; font-size: 18px; } .workcontent ul li h5 { font-size: 20px; font-weight: 600; margin-bottom: 16px; } .workcontent ul li:nth-child(even) { margin-right: 0; } .workcontent ul li p { width: 94%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; font-size: 16px; line-height: 34px; } .workcontent ul li p:hover { color: #d31c20; } /* 理论阐述 */ .law_tit1 { margin-top: 30px; } .clearfix:after { display: block; content: ''; clear: both; } .clearfix { zoom: 1; } .lanmu li { width: 47%; float: left; box-sizing: border-box; margin-right: 50px; line-height: 50px; } .lanmu li:nth-child(even) { margin-right: 0; } .lanmu li a { background: url(/uploads/image/m2img/liststyle.png) no-repeat 0px 14px; color: #333; width: 96%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; padding-left: 20px; font-size: 18px; } .lanmu li a:hover { color: #d31c20; } .footerbot { text-align: center; margin: 0 auto; color: #ffffff; background-color: #d31c20; padding: 60px 0; margin-top: 50px; } .liluncontent{ padding: 0 20px; box-sizing: border-box; } .workcontent{ padding: 0 20px; box-sizing: border-box; } .zzqstyle ul{ padding: 0 20px; box-sizing: border-box; } .law_tit img{ width: 99%; } /* 响应手机端 */ @media screen and (max-width: 765px) { .wrapper { width: 100%; } .m_ispc{ display: none; } .m_isphone{ display: block; } .bgcbox { background: none; } .bgc { height: 230px; } .logoimg { top: 14px; margin-left: 10px; } .title { margin-top: 30px; } .title img { width: 90%; } .logoimg img { width: 60%; } .law_tit img{ width: 100%; } .m_ztlbt { width: 100%; } .m_ztcon{ width: 100%; margin-top: 20px; } .zzqstyle ul li,.workcontent ul li,.lanmu li{ width: 100%; } .m_ztlbt li img{ height: 270px; } .law_tit11{ height: 723px; } }