body,html{
width: 100%;
height: 100%;
margin:0 auto;
font-family:PingFangSC-Regular,sans-serif;
}
body{
font-size: 16px;
background-color: white;
}
@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%;
}