﻿﻿/*导航样式*/

.mains{ width:94%;  margin:0px auto; background:#f1eeee;}

.logo{ float:left; height:auto; padding-top:0.2rem;}

.logo img{ height:0.89rem; width:auto;}
.tieat{ padding-left:29%; text-align:center; font-size:0.2rem; color:#0971ce; float: left; line-height:0.3rem; letter-spacing: 0.1rem; padding-top:0.3rem;}

.nav{ width:100%;  height:0.6rem; background:#0971ce; text-align:center;}

.nav ul li{ height:0.6rem; display:inline-block; width:; margin:0px 3% 0px 3%; line-height:0.6rem; transition: all 0.5s; position:relative;}

.nav ul li:nth-child(2) .menunav{ margin-left:25.6%;}
.nav ul li:nth-child(3) .menunav{ margin-left:36.3%;}
.nav ul li:nth-child(4) .menunav{ margin-left:48.1%;}
.nav ul li:nth-child(5) .menunav{ margin-left:58.8%;}
.nav ul li:nth-child(6) .menunav{ margin-left:70.7%;}
.nav ul li a{ color:#fff; font-size:0.19rem;  position:relative; transition: all 0.5s;}

.nav ul li:hover  a{  }

.nav ul li a.clik{  }

.nav ul li:hover .menus{ height:3.5rem;  transition: all 0.5s;}



.menus{ position: fixed; background:#0971ce; top:1.9rem;   left:0%;    width:100%; transition: all 0.5s; height:0rem; overflow:hidden;z-index: 9999; }

.menunav{overflow:hidden;  width:100%;}

.nav .menunav li{justify-content: space-between; display: block !important; vertical-align: middle; float:none;}

.menunav a{ display:inline-block;  font-size:0.19rem !important;  color:#fff !important; transition: all 0.5s; padding-left:0.18rem; cursor:pointer;width:100%; margin-bottom:0.25rem;text-align: left;}





.menunav  span{ z-index:5; position:relative;}

.nav ul li:hover .menunav a{ color:#000;transition: 1s; }

.nav ul li:hover .menunav a:hover{color:#e60021 !important; background:url(../images/icons_03.png) no-repeat left center; }

.nav ul li:hover .menus{ display:block;}





.tadd{ float:right;  height:1.3rem; line-height:1.3rem; color:#0971ce;     font-size:0.21rem; }
.tadd span{  font-weight:600;  padding-left:0.1rem;  }


@media screen and (max-width:1800px ) {
.nav ul li:nth-child(2) .menunav{}
.nav ul li:nth-child(3) .menunav{ }
.nav ul li:nth-child(4) .menunav{ }
.nav ul li:nth-child(5) .menunav{}
}






























