﻿

.mainnav ul > li a,.mainnav ul > li a{-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;}
/*  */
.ariabody{/*zoom: 1.2!important;*/transform-origin: 0 0;-moz-transform: scale(1.2, 1.2);-moz-transform-origin: center top!important;}

.header .topbar{padding-top:10px;line-height:30px;height:40px;}
.header .topbar a{color:#333;display:inline-block;background-repeat:no-repeat;background-position:0;padding: 0 3px;}
.header .topbar .zzzs{background-color:#a81010;color:#fff;padding: 0 8px;}
.header .topbar .surport{display:inline-block;border:1px solid #333;border-radius:15px;overflow:hidden;padding:0 10px;}
.header .topbar .l{margin:0 8px;}

.header_logo{text-align:center;max-width: 50%;float: left;height: 88px;line-height: 88px;}

.header_search{float: right; width:38%; line-height:56px;padding-right: 98px;position: relative;margin: 22px 0;}
.header_search .search{position:relative;padding: 0 80px 0 46px;background:url(../image/icon_search_gray.png) no-repeat 20px;font-size:18px;color:#999;border:1px solid #a81010;border-radius:29px;}
.header_search input{font-size: 16px;display:block;width:100%;height:56px;line-height:56px;}
.header_search button{position:absolute;width:69px;height:70px;top:-7px;right:-3px;background:url(../image/icon_xuehua.gif) no-repeat center;cursor:pointer;color:#fff;font-size:18px;background-size:100% 100%;}
.header_search button:hover{opacity:0.8;}
.header_search .advanced{position: absolute;right: 0;top:0; color:#a81010;display:block;padding-right:20px;background:url(../image/icon_arrow_red.png) no-repeat right center;}

.mainnav{background-color:#a81010;}
.mainnav ul li{line-height:62px;width:16.66%;float: left;text-align:center;}
.mainnav ul li a{color:#fff;font-size:24px;font-weight:bold;display:inline-block;text-align:center;border-bottom: 3px solid #a81010;}
.mainnav ul li.on a,.mainnav ul li a:hover{border-bottom-color:#fff;}

.header .userInfo{ display: none; }

@media screen\0{
  .mainnav{height:64px;}
  .header_search form{display:inline-block;}
  .header_search{padding-top:20px;}
  .header_search .advanced{margin-top:10px;}
}

@media(max-width: 1199px){
  .header .topbar{height: auto;}
  .header_search{margin: 28px 0;}
  .header_search,.header_search input{height: 46px; line-height: 46px;}
  .header_search button{width: 61px;height: 60px;}

  .mainnav ul li{line-height: 54px;}
  .mainnav ul li a{font-size: 20px;}
}

@media screen and (max-width:991px){
  .header{height:auto;}
  .header_logo{width: 100%;max-width: 95%;float: none;height: auto;line-height: 1.1;}
  .header_search{width: 80%;float: none;margin: 30px auto 0;}
}
@media screen and (max-width:768px){
  .header .topbar .left,.header .topbar .surport{display: none;}
  .mainnav ul{padding:8px 0;}
  .mainnav ul li{line-height:30px;height:auto;width:33.33%;text-align:center;}
  .mainnav ul li a{font-size:16px;display:block;border:none;opacity: .85;}
  .mainnav ul li a img{transform:scale(0.7);margin-top:-3px;}
  .mainnav ul li.on a, .mainnav ul li a:hover{border:none;opacity: 1;}
}

@media screen and (max-width: 640px){
  .header_search{width: 100%;}
}
@media screen and (max-width: 380px){
  .header_search{padding-right: 0;}
  .header_search .advanced{display: none;}
}