body,html{ width: 100%; height: 100%; margin:0 auto; font-family:PingFangSC-Regular,sans-serif; } body{ font-size: 16px; background-color: #000; } @media screen and (min-width:1025px){ .main{ width: 62.5%; margin: 0 auto; } .wenan::before{ width: 25%; top: 0.15rem; left: 6%; } .wenan::after{ width: 25%; top: 0.15rem; right: 6%; } .footer{ padding: 0.2rem 20%; } .footer .infobox{ float: left; } .chuli{ position: relative; top: 0; left:0.12rem; } .email{ margin-left: 0.4rem; } /* 返回顶部按钮 */ .aside{ display: block; width: 40px; height: 40px; position: fixed; bottom: 120px; right: 120px; cursor: pointer; display: none; } .aside img{ width: 100%; position: absolute; top: 0; left: 0; } .aside.show{ display: block; } } @media screen and (min-width:768px) and (max-width:1024px){ .main{ width: 96%; margin: 0 auto; } .wenan::before{ width: 20%; top: 0.15rem; left: 0.2rem; } .wenan::after{ width: 20%; top: 0.15rem; right: 0.2rem; } .footer{ padding: 0.2rem 18%; } .footer .infobox{ float: none; } /* 返回顶部按钮 */ .aside{ display: block; width: 30px; height: 30px; position: fixed; bottom: 40px; right: 40px; cursor: pointer; display: none; } .aside img{ width: 100%; position: absolute; top: 0; left: 0; } .aside.show{ display: block; } } @media screen and (max-width:767px){ .main{ width: 99%; margin: 0 auto; } .wenan::before{ width: 1.8rem; top: 0.15rem; left: 0.3rem; } .wenan::after{ width: 1.8rem; top: 0.15rem; right: 0.3rem; } .footer{ padding: 0.2rem 10%; } .footer .infobox{ float: none; } /* 返回顶部按钮 */ .aside{ display: block; width: 0.3rem; height: 0.3rem; position: fixed; bottom: 0.3rem; right: 0.3rem; cursor: pointer; display: none; } .aside img{ width: 100%; position: absolute; top: 0; left: 0; } .aside.show{ display: block; } .video{ width: 100%; height: 3.55rem; } } body,html{ width: 100%; height: 100%; margin:0 auto; } body{ font-size: 0.16rem;; font-family:PingFangSC-Regular,sans-serif; background-color: #000; } a{ color: #fff; } .container{ width: 100%; background-color: #000; overflow: hidden; } /* 导航样式 */ .header{ width: 100%; height:1rem; overflow: hidden; } .header .icon{ width: 0.7rem; height: 1rem; float: left; } .icon img{ display: block; width: 100%; margin-top: 0.05rem; } .nav{ height: 100%; float: right; } .nav ul{ margin: 0; padding: 0; height: 100%; overflow: hidden; line-height: 1rem; } .nav ul li{ float: left; height: 100%; line-height: 1rem; font-size: 0.36rem; color: #FFF; } .nav a{ display: inline-block; width: 1.08rem; height: 0.98rem; line-height: 0.98rem; font-size: 0.18rem; font-family:PingFangSC-Regular,sans-serif; } .nav ul li.active{ background-color: #b6885d; } /* 页脚 */ .footer{ box-sizing: border-box; width: 100%; background: #b6885d; } .footer .title{ font-size: 0.2rem; margin-bottom: 0.2rem; } .footer ul{ display: flex; justify-content: space-between; width: 100%; overflow: hidden; } .footer ul li{ float: left; color: #fff; width: 16.6%\0; text-align: left\0; } .footer ul li span { font-size: 0.2rem; } .footer .info{ font-size: 0.18rem; color: #fff; } .footer .infobox{ text-align: left; margin-right: 0.3rem; font-size: 0.16rem; margin-bottom: 0.1rem; } .footer .box{ overflow: hidden; font-size: 0.16rem; margin-right: 0.11rem; } .footer .infobox img{ width: 0.2rem; } .clearfix::after{ content: ''; clear: both; } .beian{ text-align: left; } .beianinfo{ display: inline-block; margin-left: 0.65rem; } .footer .clear-right{ margin-right: 0; } .video{ width: 100%; }