@charset "utf-8";

/* 顶部信息 */

.header-wrap{

    height: 34px;

    background: #eee;

}

.header-message{

    float: left;

    width: 500px;

    height: 34px;

    line-height: 34px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.header-handle{

    float: right;

    height: 34px;

}

.header-handle .login-before,

.header-handle .login-after{

    float: left;

    font-size: 0;

}

.header-handle .login-before > a,

.header-handle .login-after > a{

    color: #999;

    height: 34px;

    line-height: 34px;

    margin-left: 20px;

    font-size: 12px;

}

.header-handle .login-after .u-name{

    color: #f80;

}

.header-handle .login-after .u-out{

    color: #c30;

}

.header-handle .order-info{

    float: left;

    color: #999;

    height: 34px;

    line-height: 34px;

    margin-left: 20px;

}

.header-handle .login-before > a:hover,

.header-handle .order-info:hover{

    color: #45b042;

}

.header-map{

    float: left;

    height: 34px;

    margin-left: 10px;

    cursor: pointer;

    position: relative;

}

.header-map .map-hd{

    color: #999;

    display: block;

    height: 34px;

    line-height: 34px;

    padding: 0 10px;

    border-left: 1px solid #eee;

    border-right: 1px solid #eee;

    position: relative;

}

.header-map:hover .map-hd{

    border-left: 1px solid #d2d2d2;

    border-right: 1px solid #d2d2d2;

    background: #fff;

}

.header-map:hover .map-hd:after{

    content: "";

    display: block;

    height: 0;

    position: absolute;

    right: 0;

    left: 0;

    bottom: -1px;

    z-index: 1000;

    border-top: 1px solid #fff;

}

.header-map .map-bd{

    display: none;

    width: 192px;

    padding: 5px;

    position: absolute;

    top: 34px;

    right: 0;

    z-index: 999;

    border: 1px solid #d2d2d2;

    background: #fff;

}

.header-map .map-bd > a{

    color: #666;

    display: inline-block;

    width: 50px;

    height: 20px;

    line-height: 20px;

    padding: 0 5px;

}

.header-map .map-bd > a:hover{

    color: #45b042;

}

/* logo、搜索、联系电话 */

.header-search-wrap{

    padding: 22px 0;

    position: relative;

}

.header-search-wrap:after{

    content: "";

    display: block;

    width: 276px;

    height: 80px;

    position: absolute;

    right: 50%;

    bottom: 0;

    z-index: -1;

    margin-right: -600px;

    background: url("../images/index-icon.png") no-repeat 0 -80px;

}

.header-logo {

	float: left;

	width: 298px;

	height: 85px;

	line-height: 85px;

	overflow: hidden

}

.header-logo img {

	vertical-align: middle;

}



.header-search{

    float: left;

    width: 478px;

    height: 76px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -38px 0 0 -239px;

}

.search-area{

    width: 476px;

    height: 44px;

    border: 1px solid #2fc163;

}

.search-area .search-down{

    float: left;

    width: 116px;

    height: 44px;

    position: relative;

    border-right: 1px solid #d2d2d2;

    background: #eee;

}

.search-area .search-down .attr{

    color: #999;

    display: block;

    height: 44px;

    line-height: 44px;

    text-align: center;

    font-size: 14px;

}

.search-area .search-down .attr:after{

    content: "";

    display: inline-block;

    width: 12px;

    height: 6px;

    vertical-align: middle;

    margin: -3px 0 0 15px;

    background: url("../images/index-icon.png") no-repeat 0 0;

}

.search-area .search-down .down-select{

    display: none;

    position: absolute;

    right: -1px;

    left: -1px;

    z-index: 999;

    border: 1px solid #d2d2d2;

    border-bottom: 0;

    background: #fff;

}

.search-area .search-down .down-select li{

    color: #999;

    height: 39px;

    line-height: 39px;

    padding: 0 10px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    cursor: pointer;

    border-bottom: 1px solid #d2d2d2;

    font-size: 14px;

}

.search-area .search-down .down-select li:hover{

    color: #333;

    background: #dcdcdc;

}





.search-area .search-text{

    float: left;

    width: 263px;

    height: 44px;

    line-height: 44px;

    padding: 0 10px;

}

.search-area .search-btn{

    float: right;

    width: 76px;

    height: 44px;

    line-height: 44px;

    cursor: pointer;

    background: url("../images/index-icon.png") no-repeat 26px -37px #2fc163;

}

.header-search .hot-tag{

    height: 30px;

    font-size: 0;

}

.header-search .hot-tag > span,

.header-search .hot-tag > a{

    color: #999;

    display: inline-block;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

}

.header-search .hot-tag > a{

    margin-right: 15px;

}



.st-link-way{

	float: right;

	height: 46px;

	position: absolute;

	right: 0;

	top: 10px

}

.link-way-ico{

	float: left;

}

.link-way-txt{

	float: left;

    width: 200px;

	height: 46px;

}

.st-link-way em{

	color: #2fc163;

    display: block;

    margin: 3px 0 0;

	font-size: 14px;

}

.st-link-way span{

    color: #2fc163;

    display: block;

    font-size: 16px;

    font-weight: bold;

}



/* 主导航 */

.header-nav{

	height: 45px;

	background: #2fc163

}

.header-menu{

	width: 1200px;

	height: 45px

}



.header-menu > ul > li{

	float: left;

	height: 45px;

	position: relative;

	-webkit-transition: all .8s;

	-moz-transition: all .8s;

	/*-ms-transition: all .8s;*/

	-o-transition: all .8s;

	transition: all .8s;

}



.header-menu > ul > li .st-arrow-ico{

	float: right;

	display: block;

	width: 0;

	height: 0;

	margin: 22px 0 0 5px;

	border-top: 4px solid #fff;

	border-left: 4px solid transparent;

	border-right: 4px solid transparent;

}



.header-menu > ul > li.this-hover .st-arrow-ico{

	border-top: 0;

	border-bottom: 4px solid #fff;

	border-left: 4px solid transparent;

	border-right: 4px solid transparent;

}



.header-menu > ul > li > a{

	display: block;

	color: #fff;

	height: 45px;

	line-height: 45px;

	padding: 0 20px;

	font-size: 16px;

	position: relative

}



.header-menu > ul > li.active,

.header-menu > ul > li:hover,

.header-menu > ul > li.this-hover {

	background: #1ab350

}



.header-menu > ul > li.active s,

.header-menu > ul > li.this-hover s {

	display: block;

	width: 0;

	height: 0;

	position: absolute;

	left: 50%;

	bottom: 0;

	margin-left: -4px;

	border-bottom: 4px solid #fff;

	border-left: 4px solid transparent;

	border-right: 4px solid transparent;

}



.header-menu > ul > li i.st-hot-ico,

.header-menu > ul > li i.st-new-ico,

.header-menu > ul > li i.st-jing-ico,

.header-menu > ul > li i.st-jian-ico {

	display: block;

	width: 15px;

	height: 18px;

	position: absolute;

	top: -5px;

	right: 0;

	background: url("../images/st-menu-list-ico.png") no-repeat

}



.header-menu > ul > li > i.st-hot-ico {

	background-position: 0 0

}



.header-menu > ul > li > i.st-new-ico {

	background-position: 0 -18px

}



.header-menu > ul > li > i.st-jing-ico {

	background-position: 0 -36px

}



.header-menu > ul > li > i.st-jian-ico {

	background-position: 0 -54px

}



.down-nav {

	display: none;

	min-width: 1200px;

	height: 44px;

	position: absolute;

	left: 0;

	top: 45px;

	z-index: 99999;

	border-bottom: 1px solid #e9e9e9;

	background: #fff;

}



.this-hover .down-nav {

	display: block;

}



.sub-list {

	height: 44px;

	line-height: 44px;

	position: absolute;

	top: 0;

	overflow: hidden;

	font-size: 0;

}



.sub-list a {

	padding: 0 10px;

	font-size: 14px;

	white-space: nowrap;

}



.sub-list a:hover {

	color: #45b042;

}