@media (max-width:1700px){ body{ margin: 0 0; padding: 0 0; } p{ margin: 0 0; padding: 0 0; } a{ text-decoration: none; } .dw a{ color: #fff; text-decoration:none; } .dw a:hover{ color: #e1140a; } .banner{ background-image: url(//p2.lefile.cn/fes/cms/2022/02/07/iu9hzvuafi8z8l3r49pxv6tvar9r0e263763.png); background-position-x: center; background-position-y: top; background-repeat: no-repeat; width: 100%  !important; height: 600px !important; position: relative; } .title1{ position: absolute; color: #fff; font-size: 36px; font-weight: 550; transform: translate(-50%, 0); left: 50%; top: 240px; } .title2{ position: absolute; color: #fff; font-size: 24px; font-weight: 400; transform: translate(-50%, 0); left: 50%; top: 300px; } .download{ position: absolute; color: #fff; font-size: 20px; font-weight: 400; transform: translate(-50%, 0); left: 50%; top: 400px; text-align: center; line-height: 40px; width: 200px; height: 40px; border: 1px solid #fff; border-radius: 20px; } .ft-banner{ background-image: url(//p2.lefile.cn/fes/cms/2022/02/07/ngynngi5tqj9ldkmfz3t78tu7tcw3i612533.png); background-position-x: center; background-position-y: top; background-repeat: no-repeat; width: 100%  !important; height: 420px !important; position: relative; top: 100px; } .ft-title{ position: absolute; color: #fff; font-size: 16px; font-weight: 400; width: 980px; transform: translate(-50%, 0); left: 50%; top: 3050px; text-align: justify; } .jieshao{ font-size: 16px; color: #252525; font-weight: 400; text-decoration:none; position: relative; top: 100px; transform: translate(-50%, 0); left: 50%; width: 980px; height: 200px; line-height: 32px; text-align: justify; } .bpslb{ position: relative; transform: translate(-50%, 0); left: 50%; width: 1000px; height: 1950px; padding-top: 100px; } ol, ul, li{ list-style: none; margin: 0; padding: 0; } .bps{ float: left; margin-bottom: 50px; padding: 0 10px; } .xiazai{ position: absolute; color:#fff; text-align:center; line-height: 40px; font-size: 16px; } .xiazai p{ width: 200px; height: 40px; border: 1px solid #fff; border-radius: 20px; text-align: center; margin: 120px 140px; } .xzbg div{ width: 480px; height: 280px; background-color: #f7f7f7; } .xzbg a:hover div{ width: 480px; height: 280px; background-color: rgb(0 0 0 / 75%); } .xz img{ display:block; width: 202px; height: 262px; padding: 10px 0; float: left; } .xz a div{ display:none; } .xz a:hover div{ display:block; } .biaoti{ margin: 0; padding-top: 40px; padding-left: 220px; font-size: 16px; font-weight: 550; color: #252525; height: 48px; } .wenzi{ margin: 0; padding-top: 20px; padding-left: 220px; padding-right: 20px; font-size: 14px; font-weight: 400; color: #252525; text-align: justify; line-height: 24px; } } @media (min-width:1700px){ body{ margin: 0 0; padding: 0 0; } p{ margin: 0 0; padding: 0 0; } a{ text-decoration: none; } .dw a{ color: #fff; text-decoration:none; } .dw a:hover{ color: #e1140a; } .banner{ background-image: url(//p2.lefile.cn/fes/cms/2022/02/07/iu9hzvuafi8z8l3r49pxv6tvar9r0e263763.png); background-position-x: center; background-position-y: top; background-repeat: no-repeat; width: 100%  !important; height: 600px !important; position: relative; } .title1{ position: absolute; color: #fff; font-size: 36px; font-weight: 550; transform: translate(-50%, 0); left: 50%; top: 240px; } .title2{ position: absolute; color: #fff; font-size: 24px; font-weight: 400; transform: translate(-50%, 0); left: 50%; top: 300px; } .download{ position: absolute; color: #fff; font-size: 20px; font-weight: 400; transform: translate(-50%, 0); left: 50%; top: 400px; text-align: center; line-height: 40px; width: 200px; height: 40px; border: 1px solid #fff; border-radius: 20px; } .ft-banner{ background-image: url(//p2.lefile.cn/fes/cms/2022/02/07/ngynngi5tqj9ldkmfz3t78tu7tcw3i612533.png); background-position-x: center; background-position-y: top; background-repeat: no-repeat; width: 100%  !important; height: 420px !important; position: relative; top: 100px; } .ft-title{ position: absolute; color: #fff; font-size: 16px; font-weight: 400; width: 1166px; transform: translate(-50%, 0); left: 50%; top: 3420px; text-align: justify; } .jieshao{ font-size: 16px; color: #252525; font-weight: 400; text-decoration:none; position: relative; top: 100px; transform: translate(-50%, 0); left: 50%; width: 1166px; height: 200px; line-height: 32px; text-align: justify; } .bpslb{ position: relative; transform: translate(-50%, 0); left: 50%; width: 1190px; height: 2300px; padding-top: 100px; } ol, ul, li{ list-style: none; margin: 0; padding: 0; } .bps{ float: left; margin-bottom: 50px; padding: 0 7px; } .xiazai{ position: absolute; color:#fff; text-align:center; line-height: 40px; font-size: 20px; } .xiazai p{ width: 200px; height: 40px; border: 1px solid #fff; border-radius: 20px; text-align: center; margin: 145px 190px; } .xzbg div{ width: 580px; height: 330px; background-color: #f7f7f7; } .xzbg a:hover div{ width: 580px; height: 330px; background-color: rgb(0 0 0 / 75%); } .xz img{ display:block; width: 233px; height: 303px; padding: 20px 0; float: left; } .xz a div{ display:none; } .xz a:hover div{ display:block; } .biaoti{ margin: 0; padding-top: 80px; padding-left: 260px; font-size: 18px; font-weight: 550; color: #252525; height: 48px; } .wenzi{ margin: 0; padding-top: 30px; padding-left: 260px; padding-right: 20px; font-size: 16px; font-weight: 400; color: #252525; text-align: justify; line-height: 24px; } } @media (max-width:1200px){ body{ margin: 0 0; padding: 0 0; } p{ margin: 0 0; padding: 0 0; } a{ text-decoration: none; } .dw a{ color: #fff; text-decoration:none; } .dw a:hover{ color: #e1140a; } .banner{ background-image: url(//p2.lefile.cn/fes/cms/2022/02/07/iu9hzvuafi8z8l3r49pxv6tvar9r0e263763.png); background-position-x: center; background-position-y: top; background-repeat: no-repeat; width: 100%  !important; height: 600px !important; position: relative; } .title1{ position: absolute; color: #fff; font-size: 36px; font-weight: 550; transform: translate(-50%, 0); left: 50%; top: 240px; } .title2{ position: absolute; color: #fff; font-size: 24px; font-weight: 400; transform: translate(-50%, 0); left: 50%; top: 300px; } .download{ position: absolute; color: #fff; font-size: 20px; font-weight: 400; transform: translate(-50%, 0); left: 50%; top: 400px; text-align: center; line-height: 40px; width: 200px; height: 40px; border: 1px solid #fff; border-radius: 20px; } .ft-banner{ background-image: url(//p2.lefile.cn/fes/cms/2022/02/07/ngynngi5tqj9ldkmfz3t78tu7tcw3i612533.png); background-position-x: center; background-position-y: top; background-repeat: no-repeat; width: 100%  !important; height: 420px !important; position: relative; top: 100px; } .ft-title{ position: absolute; color: #fff; font-size: 16px; font-weight: 400; width: 1166px; transform: translate(-50%, 0); left: 50%; top: 3420px; text-align: justify; } .jieshao{ font-size: 16px; color: #252525; font-weight: 400; text-decoration:none; position: relative; top: 100px; transform: translate(-50%, 0); left: 50%; width: 1166px; height: 200px; line-height: 32px; text-align: justify; } .bpslb{ position: relative; transform: translate(-50%, 0); left: 50%; width: 1190px; height: 2300px; padding-top: 100px; } ol, ul, li{ list-style: none; margin: 0; padding: 0; } .bps{ float: left; margin-bottom: 50px; padding: 0 7px; } .xiazai{ position: absolute; color:#fff; text-align:center; line-height: 40px; font-size: 20px; } .xiazai p{ width: 200px; height: 40px; border: 1px solid #fff; border-radius: 20px; text-align: center; margin: 145px 190px; } .xzbg div{ width: 580px; height: 330px; background-color: #f7f7f7; } .xzbg a:hover div{ width: 580px; height: 330px; background-color: rgb(0 0 0 / 75%); } .xz img{ display:block; width: 233px; height: 303px; padding: 20px 0; float: left; } .xz a div{ display:none; } .xz a:hover div{ display:block; } .biaoti{ margin: 0; padding-top: 80px; padding-left: 260px; font-size: 18px; font-weight: 550; color: #252525; height: 48px; } .wenzi{ margin: 0; padding-top: 30px; padding-left: 260px; padding-right: 20px; font-size: 16px; font-weight: 400; color: #252525; text-align: justify; line-height: 24px; } }