
.headerTops{
  width: 980px;
  height: 40px;
  margin:0 auto;
}
 .header_topIn{
 width: 980px;
 margin:0 auto;
 background: url(/Sites/Uploaded/UserUpLoad/20180326/20180326182522.jpg) repeat;
 border-radius: 5px 5px 0 0;

 }
.content{
 width: 980px;
 margin:0 auto;
 }
 .header{
 width: 100%;
 background: url(/Sites/Uploaded/UserUpLoad/20180327/20180327151022.jpg) no-repeat top;
 }
 .weixin_img {
 width: 120px;
 height: auto;
 position: absolute;
 top: 40px !important;
 right: 2px;
 z-index: 10000;
 display: none;
 }
 .header .backTop{
 color: #fff;
 width: 116px;
 height: 35px;
 line-height:35px;
 display: block;
 float:left;
 background:url(/Sites/Uploaded/UserUpLoad/20180326/20180326182414.jpg) no-repeat left;
 padding-left:44px;
 }
 .header .login{
 width: 182px;
 float: right;
 height: 22px;
 margin-top: 7px;
 position: relative;
 }
 .header .login .loginBtn{
 width:50px;
 height: 22px;
 line-height: 22px;
 background: url(/Sites/Uploaded/UserUpLoad/20180326/20180326182438.png) no-repeat left;
 border-right:1px solid #959393;
 color: #fff;
 padding-left:30px;
 display: block;
 float: left;
 }
 .header .login .ewm{
 margin-left: 20px;
 background: url(/Sites/Uploaded/UserUpLoad/20180326/20180326182449.png) no-repeat left;
 border-right: none;
 float:right;
 height:19px;
 width:42px;
 }
 .content {
 width: 980px;
 margin:0 auto;
 }
 .header_top{
 height: 175px;
 border-radius: 5px 5px 0 0;
 margin-top: 15px;
 border-radius: 5px 5px 0 0 ;
 }
 .header_top .topIn{
 width: 930px;
 height: 101px;
 border-bottom: 1px solid #e5e5e5;
 margin:0 auto;
 }
 .header_top .topIn .logo{
 width: 450px;
 float: left;
 }
 .header_top .topIn .search{
 width: 320px;
 height:100px;
 float: right;
 position:relative;
 }
 .header_top .topIn .search input.searchTxt{
 width: 300px;
 padding-left:20px;
 height: 36px;
 margin-top: 32px;
 border-radius: 20px; 
 border:1px solid  #7d2c00;
 background: transparent;
 box-sizing: content-box;
 }
 .header_top .topIn .search input.searchBtn{
 background: url(/Sites/Uploaded/UserUpLoad/20180326/20180326184032.png) no-repeat;
 width: 25px;
 height: 25px;
 position: absolute;
 right: 14px;
 top: 40px;
 outline: 0;
 list-style: none;
 border: 0;
 }
 .header_top .navs {
 width: 100%;
 height: 74px;
 }
 .header_top .navs .nav_ul{
 height:74px;
 }
 .header_top .navs .nav_ul .nav_li{
 float: left;
 }
 .header_top .navs .nav_ul .nav_li a{
 display: inline-block;
 height:74px;
 width: 118px;
 text-align: center;
 font-family: "Î¢ÈíÑÅºÚ";
 font-size: 18px;
 line-height: 74px;
 color: #73441a;
 /*background: url(/Content/Areas/Common/css/back.png) no-repeat;*/
 }
 .header_top .navs .nav_ul .nav_li span{
   position: relative;
 }
 .header_top .navs .nav_ul .nav_li .nav_ul2 a{
   display: inline;
   line-height: 30px;
   font-size: 14px;
 }
 .navs .nav_ul .nav_li span .nav_ul2{
   display: none;
   position: absolute;
   top: 44px;
   left: 0px;
   z-index: 8;
   width: 100%;
   text-align: center;
   background: url(/Sites/Uploaded/UserUpLoad/20180326/20180326182522.jpg) repeat;
 }
 .header_top .navs .nav_ul .nav_li .first{
 background: url(/Sites/Uploaded/UserUpLoad/20180326/20180326182550.png) no-repeat center;
 background-size:115px; 

 }
 .header_top .navs .nav_ul .nav_li .nav_ul2 a:hover{
 background:none;
 text-decoration: underline;
 color: #cf2e26;
 }
 .header_top .navs .nav_ul .nav_li a:hover{
 background: url(/Sites/Uploaded/UserUpLoad/20180326/20180326182550.png) no-repeat center;
 background-size:115px; 
 text-decoration: none;
 color: #cf2e26;
 }
 .header_top .navs .nav_ul .nav_li span:hover .nav_ul2{
 display: block;
 }
@media screen and (max-width:768px){
 .header .headerTops{
 width: 100%;
 }
 .header_top .header_topIn{
 width: 100%;
 }
 .header_top .header_topIn .topIn{
 width: 100%;
 }
 .header_top .header_topIn .topIn .logo{
 width: 390px;
 }
 .header_top .header_topIn .topIn .logo a img{
 width: 100%;
 }
 .header_top .topIn .search{
 margin-right: 20px;
 }
 .header_top .navs .nav_ul .nav_li .first{
 background-size: 90px;
 }
 .header_top .navs .nav_ul .nav_li a{
 width: 92px;
 background-size: 90px;
 font-size: 14px;
 }

}
@media screen and (max-width: 540px){
 .header_top .topIn{
 height: 170px;
 }
 .header_top .navs{
 height: 154px;

 }
 .header_top .navs .nav_ul{
 height: 152px;
 }
 .header_top .topIn .search{
 height: 90px;
 margin-right: 54px;
 }
}
@media screen and (max-width: 380px){
 .header_top .header_topIn .topIn .logo{
 width: 100%;
 }
 .header_top{
 height: 272px;
 }
 .header_top .navs{
 height:103px;
 }
 .header_top .navs .nav_ul{
 height: 103px;
 }
 .header_top .topIn .search{
 margin-right: 30px;
 }
 .header_top .navs .nav_ul .nav_li .first{
 background-size:87px; 
 }
 .header_top .navs .nav_ul .nav_li a{
 width: 87px;
 background-size: 87px;
 height: 50px;
 line-height: 50px;
 }
}
@media screen and (max-width: 320px){
  .header .backTop{
 width: 90px;
  }
  .header .login{
 width: 182px;
  }
  .header .login .loginBtn, .header .login .ewm{
 width: 45px;
  }
  .header_top .topIn .search input.searchTxt{
 width: 286px;
  }
  .header_top .topIn .search{
 margin-right: -5px;
  }
  .header_top .navs .nav_ul .nav_li .first{
 background-size:76px; 
}
.header_top .navs .nav_ul .nav_li a{
 width: 76px;
 background-size: 76px;
 height: 50px;
 line-height: 50px;
}
} 