#topnav { clear: both;width: auto; height: 32px; position: relative!important; background: #f2f2f2; color: #999; z-index: 99999; -webkit-transform: translate3d(0, 0, 0); border-bottom: 1px solid #e5e5e5; font-size: 12px; }
#topnav a { color: #999; }
#topnav a:hover { color: #a00; }
#topnav * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box;  box-sizing: content-box;}
#topnav .top-nav-menu { }
#topnav .top-nav-menu li { float: left; position: relative; padding: 0 10px; line-height: 32px; }
#topnav .top-nav-menu li.dorpdown { padding-right:10px; }
#topnav .top-nav-menu li .icon-arr{ display: block; -webkit-backface-visibility: hidden; position: absolute; right: 6px; top: 50%; margin-top: -1px; width: 0; height: 0; border-width: 3px; border-style: solid dashed dashed; border-color: #bbb transparent transparent; font-size: 0; line-height: 0; }
#topnav .top-nav-menu li .dorpdown-bd{ position: absolute; top: 32px; display: none; line-height: 32px;}
#topnav .top-nav-menu li.hover,
#topnav .top-nav-menu li.dorpdown:hover{ background:#fff; height: 32px; line-height: 30px; padding-left:9px; padding-right:9px; border: 1px solid #e5e5e5; border-bottom: none;box-shadow: 1px 1px 1px rgba(0,0,0,.1);}
#topnav .top-nav-menu li.hover,
#topnav .top-nav-menu li.dorpdown:hover .icon-arr{ right: 5px; margin-top: -6px; transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
#topnav .top-nav-menu li.hover,
#topnav .top-nav-menu li.dorpdown:hover .dorpdown-bd{ display: block; box-shadow: 1px 2px 1px rgba(0,0,0,.1); }

#topnav .top-nav-lft { float: left; }
#topnav .top-nav-rgt { float: right; }
#topnav .top-nav-rgt li.dorpdown { padding-right:20px; }
#topnav .top-nav-rgt li.hover,
#topnav .top-nav-rgt li.dorpdown:hover{ background:#fff; height: 32px; line-height: 30px; padding-left:9px; padding-right:19px; border: 1px solid #e5e5e5; border-bottom: none;box-shadow: 1px 1px 1px rgba(0,0,0,.1);}

#topnav .top-nav-menu li.top-nav-logo { padding-left:0px; }
#topnav .top-logo{ display: none; line-height: normal;} 
#topnav .top-logo img{ width: 123px; height:35px; margin-top: 8px; } 
#topnav .top-slogen{ display: block;}

#topnav .top-nav-mobile { width: 260px; left: -1px; }
#topnav .top-nav-mobile .bd { overflow: hidden; padding:0 20px; background: #fff; border: 1px solid #e5e5e5; border-top: none; }
#topnav .top-nav-mobile .bd .item{ margin-top: -1px; padding: 14px 0 15px; border-top: 1px dotted #e5e5e5; }
#topnav .top-nav-mobile .bd .item .pic{ float: left; margin-right: 15px;}
#topnav .top-nav-mobile .bd .item .txt{ line-height: 2em;}
#topnav .top-nav-mobile .bd .pic-app{ width:72px; }

#topnav .top-nav-wechat { width: 260px; left: -1px; }
#topnav .top-nav-wechat .bd { overflow: hidden; padding:0 20px; background: #fff; border: 1px solid #e5e5e5; border-top: none; }
#topnav .top-nav-wechat .bd .item{ margin-top: -1px; padding: 14px 0 15px; border-top: 1px dotted #e5e5e5; }
#topnav .top-nav-wechat .bd .item .pic{ float: left; margin-right: 15px;}
#topnav .top-nav-wechat .bd .item .txt{ line-height: 2em;}
#topnav .top-nav-wechat .bd .pic-wechat{ width:72px; }

#topnav .login { }
#topnav .login a{ color: #a00; }
#topnav .top-nav-login { width: 160px; right: -1px; }
#topnav .top-nav-login .bd { padding:15px 20px; background: #fff; border: 1px solid #e5e5e5; border-top: none; }
#topnav .top-nav-login .site-cont { padding: 0 0 0 30px; width: 25%; height: 200px; float: left; border-left: 1px solid #f6f6f6; line-height: 1.5em; }
#topnav .top-nav-login .site-mobile { border-left: none; }
#topnav .top-nav-login .site-cont h2 { margin-bottom: 10px; color: #f56a00; font-family: '\5FAE\8F6F\96C5\9ED1', arial, "\5b8b\4f53"; line-height: 1.5em; font-size: 16px; font-weight: 100; }
#topnav .top-nav-login .site-cont h2 span { padding-left: 10px; color: #999; }
#topnav .top-nav-login .site-list { }
#topnav .top-nav-login .site-list dd { float: left; width: 100%; line-height: 28px; }
#topnav .top-nav-login .site-list-2 dd { width: 50%; }
#topnav .top-nav-login .site-list-3 dd { width: 33.3333333%; }

#topnav .top-nav-contact { width: 250px; right: -1px; }
#topnav .top-nav-contact .bd { padding:15px 20px; background: #fff; border: 1px solid #e5e5e5; border-top: none; }
#topnav .top-nav-contact .site-cont { padding: 0 0 0 30px; width: 25%; height: 200px; float: left; border-left: 1px solid #f6f6f6; line-height: 1.5em; }
#topnav .top-nav-contact .site-mobile { border-left: none; }
#topnav .top-nav-contact .site-cont h2 { margin-bottom: 10px; color: #f56a00; font-family: '\5FAE\8F6F\96C5\9ED1', arial, "\5b8b\4f53"; line-height: 1.5em; font-size: 16px; font-weight: 100; }
#topnav .top-nav-contact .site-cont h2 span { padding-left: 10px; color: #999; }
#topnav .top-nav-contact .site-list { }
#topnav .top-nav-contact .site-list dd { float: left; width: 100%; line-height: 28px; margin: 0; }
#topnav .top-nav-contact .site-list-2 dd { width: 50%; }
#topnav .top-nav-contact .site-list-3 dd { width: 33.3333333%; }

#topnav .top-nav-contact dl{ margin-top: 10px; line-height: 1em; }
#topnav .top-nav-contact dl dt{ margin-bottom: 5px; padding:5px 0px 5px 0px; background-color: #efefef; color: #333; margin: 0; }
#topnav .top-nav-contact dl dt strong{ padding:0px 0 0px 10px; border-left: 3px solid #333; display: block; font-weight: bold; line-height: 1em; }
#topnav .top-nav-contact dl dd{ position: relative; padding:8px 0px 8px 0px; line-height: 1em; margin: 0; }
#topnav .top-nav-contact dl dd.top-tel{ font-size: 18px; color: #f60; text-align: center;}
#topnav .top-nav-contact dl dd .top-qq{ position: absolute; top: 2px; right: 0; }

#topnav .top-nav-sitemap { position: absolute; right: -1px; }
#topnav .top-nav-sitemap .bd { padding: 20px 0; background: #fff; border: 1px solid #e5e5e5; border-top: none; }
#topnav .top-nav-sitemap .site-cont { width: 33.333333333333%; float: left; }
#topnav .top-nav-sitemap .site-cont .in { padding: 0 0 0 30px; height: 200px; border-left: 1px solid #f6f6f6; line-height: 1.5em; }
#topnav .top-nav-sitemap .site-cont.site-hot .in{ border-left: none; }
#topnav .top-nav-sitemap .site-cont h2 { margin-bottom: 10px; color: #f56a00; font-family: '\5FAE\8F6F\96C5\9ED1', arial, "\5b8b\4f53"; line-height: 1.5em; font-size: 16px; font-weight: 100; }
#topnav .top-nav-sitemap .site-cont h2 span { padding-left: 10px; color: #999; }
#topnav .top-nav-sitemap .site-list { }
#topnav .top-nav-sitemap .site-list dd { float: left; width: 100%; line-height: 28px; margin: 0; }
#topnav .top-nav-sitemap .site-list-2 dd { width: 50%; }
#topnav .top-nav-sitemap .site-list-3 dd { width: 33.3333333%; }

/*¶¥²¿ËÑË÷*/
.top-nav-search{ display: none; float:left; line-height: 1em; margin: 9px 0 0 80px;}
.top-nav-search form{ border: solid #7aaf1c; border-width: 2px; width:400px; font-size: 12px; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
.top-nav-search fieldset{ position: relative;z-index:9999; border: none;}
.top-nav-search legend{ display: none; font-weight: normal;}
.top-nav-search .top-nav-search-box { background: #fff; height:28px; position: relative; }
.top-nav-search .icon-search-down{ display:inline-block; width:9px; height:5px; background:url(http://www.ef360.com/_public2012/css/images/icon_search.png) 0 -20px;}
.top-nav-search .top-nav-search-type{ position:absolute; z-index:999999; left: 0; top:0; width:60px; }
.top-nav-search .top-nav-search-type-text i{ position:absolute; right:8px; top:12px; }
.top-nav-search .top-nav-search-type-text{ background-color:#7aaf1c; color:#fff; float:left; width:46px; line-height:28px; text-align:center; position:relative; padding-right:14px; cursor:pointer;}
.top-nav-search .top-nav-search-type-list{ width:62px;position:absolute; z-index:999999; left:-2px; top:28px; background-color:#fff; display:none;}
.top-nav-search .top-nav-search-type-list ul{ border:2px solid #7aaf1c; border-top:none;}
.top-nav-search .top-nav-search-type-list ul li{ height:28px; line-height:28px; padding:0 10px; border-top:1px solid #eee; text-align:center; cursor:pointer;}
.top-nav-search .top-nav-search-type-list ul li.active{ background-color:#efefef;}
.top-nav-search .top-nav-search-inputbox { position:relative; z-index: 9; }
.top-nav-search .top-nav-search-inputbox .top-nav-search-inputbox-wrap { position: relative; padding: 0 70px 0 60px; background: url("data:image/gif;base64,R0lGODlhAQADAJEAAObm5t3d3ff39wAAACH5BAAAAAAALAAAAAABAAMAAAICDFQAOw==") repeat-x scroll 0 0 transparent;}
.top-nav-search .top-nav-search-inputbox .top-nav-search-input{ border: none; outline:0; color: #000; position: relative; z-index: 2; width:100%; height: 28px;line-height: 28px; padding:0px 5px; font-weight:normal; -webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box; _height: 26px;_line-height: 26px; background-color: transparent;}
.top-nav-search .top-nav-search-inputbox .top-nav-search-placeholder{ color: #999; font-size: 12px; line-height: 28px;height: 28px; position: absolute; left:65px; top: 0; z-index: 1;}
.top-nav-search .top-nav-search-buttom{z-index:999999; position: absolute; right: 0; top: 0; width: 60px; border: 0; outline:0; font-size: 12px; cursor: pointer; color: #fff; background-color: #7aaf1c; height: 28px; overflow: hidden; font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53"; _right: -1px;}
/*¶¥²¿ËÑË÷*/

.fixed-topnav{ padding-top:32px;}

.fixed-topnav #topnav { height: 50px; position:fixed!important; left: 0; top: 0; width: 100%; border-bottom: 1px solid #ccc; background-color: rgba(255,255,255,0.98); box-shadow: 2px 2px 2px rgba(0,0,0,.1);}
.fixed-topnav #topnav .top-nav-info li,
.fixed-topnav #topnav .top-nav-menu li{ height: 50px; line-height: 50px; }
.fixed-topnav #topnav .top-nav-info li.dorpdown:hover,
.fixed-topnav #topnav .top-nav-menu li.dorpdown:hover{ height: 50px; line-height: 48px;}
.fixed-topnav #topnav .top-nav-info li .dorpdown-bd,
.fixed-topnav #topnav .top-nav-menu li .dorpdown-bd{ top:49px; }

.fixed-topnav #topnav .top-logo,
.fixed-topnav #topnav .top-nav-search{ display: block;}
.fixed-topnav #topnav .top-slogen,
.fixed-topnav #topnav .dorpdown-mobile,
.fixed-topnav #topnav .login,
.fixed-topnav #topnav .reg{ display: none;}
.fixed-topnav #topnav {
	-webkit-animation: searchTop .3s ease-in-out;
	animation: searchTop .3s ease-in-out
}
@-webkit-keyframes searchTop {
	0% { top: -50px}
	to { top: 0}
}
@keyframes searchTop {
	0% { top: -50px }
	to { top: 0 }
}