@charset "UTF-8";
.Top{
width:100%;
background-color: #f5f5f5;
height:40px;
/*line-height: 2vw;*/
font-size:.16rem;
padding-top: 10px;
}
.Top-body{
width:1200px;
/*height: 1vw;*/
padding: 0 20px;
}
.Top-body div{
/*height: 100%;*/
margin-left:10px;
overflow: hidden;
}
.logo{
background-color: white;
width:1200px;
/*height:8vw;*/
overflow: hidden;
padding: 20px;
}
.logo img{
/*position: relative;
top: 1.5vw;*/
width: 100%;
}
.logo>div:first-child{
width:180px;
}
.logo>div:last-child{
text-align: right;
padding-top:15px;
position: relative;
}
#Sou{
width:400px;
height:40px;
border:2px solid #7AAC4B;
font-size:.16rem;
padding-left:60px;
}
.logo>div:last-child button{
width:80px;
height:40px;
border:2px solid #7AAC4B;
background-color: #7AAC4B;
color:white;
font-size:.18rem;
margin-left:-8px;
vertical-align:bottom;
}
.Top-nav{
width:1200px;
text-align: center;
/*height:2vw;*/
overflow: hidden;
}
.Top-nav div{
height: 40px;
line-height: 40px;
font-size:.18rem;
font-weight: bold;
}
.Top-nav div:nth-child(1){
width:20%;
background-color: #7d7d7d;
color: white;
padding-left: 1%;
}
#mm-type div:first-child{
width:9%;
}#mm-type img{
width:100%;
}
#mm-type div:last-child{
width:87%;
text-align: left;
}
.Top-nav div:nth-child(1) span{
}
.Top-nav div:nth-child(2){
width:10%;
}
.Top-nav div:nth-child(3){
width:10%;
}
.Top-nav div:nth-child(4){
width:10%;
}
.Top-nav div:nth-child(5){
width:10%;
}
.Top-nav div:nth-child(6){
width:10%;
}
.Top-nav div:nth-child(7){
width:10%;
}
.Top-nav div:nth-child(8){
width:10%;
}
.Top-nav div:nth-child(9){
width:10%;
}
.mm-type{
width: 1200px;
position: relative;
z-index: 200;
}
#mm-type-list{
margin: 0;
width:20%;
font-size:.16rem;
color:white;
float: left;
height:320px;
background-color:rgba(50,50,50,0.5);
position: absolute;
z-index: 300;
/*z-index: 100;
left:17.5%;*/
}
#mm-type-list li{
height: 40px;
line-height: 40px;
padding-left:10%;
padding-right: 10%;
}
#mm-type-list li:hover {
background-color: #7AAC4B;
}#mm-type-list li>span{
display: inline-block;
}
#mm-type-list li>span:first-child {
width:80%;
border-bottom: 1px solid #cccccc;
}
#mm-type-list li>span:last-child {
width:20%;
border-bottom: 1px solid #cccccc;
text-align: right;
}
#mm-type-list li:last-child span{
border: none;
}
#mm-type-more{
width:80%;
float: left;
height:320px;
background-color: #f5f5f5;
position: absolute;
left: 20%;
z-index: 300;
/*z-index: 100;
right: 17.5%;
padding-top:1vw;*/
}
#mm-type-more>div:first-child {
width:10%;
}
#mm-type-more>div:last-child {
width:90%;
}
#mm-type-more td{
width:100px;
text-align: center;
}
#mm-type-more tr{
height:35px;
line-height: 35px;
font-size:.12rem;
}
#mm-type-more span{
font-weight: bold;
}
#mm-type-more a{
color: #666666;
}
#mm-type-more a:hover{
text-decoration: none;
color: #ff774d;
}
#mm-type-more div{
width:100%;
height:20px;
line-height: 20px;
border-left:2px solid #cccccc;
font-size:.15rem;
}
#mm-type-more tr>td:first-child>div{
border: none !important;
}
.Nav-right{
position: fixed;
z-index: 200;
right:0;
}
.Nav-right img{
width:40%;
}
#call-APP img{
width:50%;
}
.Nav-right div{
width:80px;
height:80px;
padding-top:16px;
text-align:center;
background-color: white;
border: 1px solid #cccccc;
margin-top:2px;
font-size: .16rem;
}
.Nav-right a:hover{
text-decoration: none;
color: #ff774d;
}
.ToTop a:hover{
text-decoration: none;
color: #ff774d;
}
.ToTop{
position: fixed;
z-index: 200;
right:0;
top:600px;
width:80px;
height:80px;
padding-top:16px;
text-align:center;
background-color: white;
border: 1px solid #cccccc;
margin-top:2px;
font-size: .16rem;
}
.ToTop img{
width:40%;
}
#APP{
position: fixed;
z-index: 200;
right:82px;
width:140px;
height:180px;
padding-top:16px;
text-align:center;
background-color: white;
border: 1px solid #cccccc;
margin-top:2px;
font-size: .16rem;
}
#APP img{
width:90%;
}
#APP div:last-child {
padding-top:8px;
}
.Top-body div:last-child{
height:20px;
padding-right: 10px;
border-right: 2px solid gray;
}
.Top-body div:nth-child(5){
height:20px;
padding-right: 10px;
border-right: 2px solid gray;
}
.Top-body div:nth-child(6){
height:20px;
padding-right: 10px;
border-right: 2px solid gray;
}
.Top-body div:nth-child(7){
height:20px;
padding-right: 10px;
border-right: 2px solid gray;
}
.Top-body div:nth-child(8){
height:20px;
padding-right: 10px;
border-right: 2px solid gray;
}
#selectType{
position: absolute;
top: 17px;
left: 2px;
height: 36px;
border: none;
outline: none;
font-size: .16rem;
color: #888888;
}
#WX{
position: fixed;
z-index: 200;
top: 265px;
right:82px;
width:140px;
height:180px;
padding-top:16px;
text-align:center;
background-color: white;
border: 1px solid #cccccc;
margin-top:2px;
font-size: .16rem;
}
#WX img{
width:90%;
}
#WX div:last-child {
padding-top:8px;
}
#WX2{
position: fixed;
z-index: 400;
top: 28px;
left: 71.5vw;
width:140px;
height:180px;
padding-top:16px;
text-align:center;
background-color: white;
border: 1px solid #cccccc;
margin-top:2px;
font-size: .16rem;
}
#WX2 img{
width:90%;
}
#WX2 div:last-child {
padding-top:8px;
}