img{ vertical-align: bottom;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.metro-layout .content { overflow: auto; }
	::-webkit-scrollbar { width: 5px; height: 8px; }
	::-webkit-scrollbar-track:enabled { background-color: #fff; }
	::-webkit-scrollbar-thumb:vertical { background-color: #004890; }
	::-webkit-scrollbar-thumb:horizontal { background-color: #004890; }
}
.icon{background: url("../Image/icon.png") 0 0 no-repeat; display: inline-block; vertical-align: middle;}

.icon.icon-tel{ width:27px; height:24px;}
.icon.icon-cn{ width:27px; height:24px;background-position: -50px 0;}
.icon.icon-search{ width:27px; height:24px;  background-position: -102px 0px;}
@-webkit-keyframes hue {
	from {
		-webkit-filter: hue-rotate(0deg);
	}
	to {
		-webkit-filter: hue-rotate(-360deg);
	}
}

.index_banner_box .pull-left{ float:left;}
.index_banner_box{ position: relative;  }


.index_banner_box .banner img{ width:100%;}
.index_banner_box .banner_nav{ position:absolute; background:rgba(55,128,8,.3); bottom:0px; height:130px;  z-index:9; width:100%; padding-left:10%;}
.index_banner_box .banner_nav .banner_nav_wrap{ position: relative;}
.index_banner_box .banner_nav .nav_item{ width:20%; float: left; padding-top:12px; }
.banner_nav .nav_item:first-child{ margin-left:0;}
.banner_nav .nav_item .item_wrap{  -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-align:center;}
.banner_nav .nav_item  span img{ width:90px; height:90px; text-align:center; margin:0 auto;}
.banner_nav .nav_item .icon{ margin-right:5px;}
.banner_nav .nav_item .icon{ width:45px; height:45px;}
.banner_nav .nav_item .icon-about{ background-position: 6px -44px;}
.banner_nav .nav_item .icon-history{ background-position: -65px -44px;}
.banner_nav .nav_item .icon-cultrue{ background-position: -136px -44px;}
.banner_nav .nav_item .icon-purchase{ background-position: -208px -44px;}

.banner_nav .nav_item .nav_item_hover{ position: absolute; left: 0; right:0; bottom:0; overflow: hidden;-webkit-transition: all .5s;	-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s; height:0;}
.banner_nav .nav_item .item_hover_wrap{ width:1200px; position: relative; margin-bottom: 10px; background-color: rgba(255,255,255,.9); padding:12px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.banner_nav .nav_item .item_hover_wrap:hover{ }
.banner_nav .nav_item  .item_left{ width:350px;}
.banner_nav .nav_item  .item_right{ padding:0 40px 0 50px; width: 820px;}
.banner_nav .nav_item  .item_right .item_more{ width:134px; height:36px; background-color: #00923f; color: #fff;text-align: center; line-height:36px; display: block;border-radius: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.banner_nav .nav_item  .item_right .item_more:hover{ width: 145px; border:1px solid #00923f; color: #00923f;; background-color:transparent; }
.banner_nav .nav_item:hover span{ -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused;-webkit-text-fill-color: #fff;}
.banner_nav .nav_item:hover .item_wrap{ }
.banner_nav .nav_item:hover .item_wrap a{ }
.banner_nav .nav_item:hover .icon{background-position-y: -108px;}
.banner_nav .nav_item:hover .nav_item_hover{ height:257px;}

.banner_nav .nav_item.about .item_title{font-size: 24px; color: #00923f; line-height:2;}
.banner_nav .nav_item.about .item_desc{ margin-bottom:10px; line-height: 26px;font-size: 14px;  height: 125px;	overflow-y: scroll;}
.banner_nav .nav_item.history .item_title{ font-size: 24px; color: #00923f; line-height:2; padding-left:18px;}
.banner_nav .history .item_more{ float:right; width:88px; height:32px; background-color: #00923f; font-size:14px; color: #fff;text-align: center; line-height:32px; display: block;border-radius: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.banner_nav .history .item_more:hover{ width: 88px; border:1px solid #00923f; color: #00923f;; background-color:transparent; }

.banner_nav .nav_item.news .item_title{font-size: 24px; color: #00923f; line-height:2; padding-left:18px;}
.banner_nav .nav_item.news .item_desc{ margin-bottom:10px; line-height: 32px;font-size: 14px;}


.banner_nav .nav_item.news .item_desc{ height: 156px; margin-bottom: 10px; width:98%;}
.banner_nav .nav_item.news dl{ line-height:32px; float:left; width:48%; margin-left:2%;}
.banner_nav .nav_item.news dt{ font-size: 16px;color: #00923f; float:left; padding-right:18px;}
.banner_nav .nav_item.news dd{ font-size: 14px;}

.banner_nav .news .item_more{ float:right; width:88px; height:32px; background-color: #00923f; font-size:14px; color: #fff;text-align: center; line-height:32px; display: block;border-radius: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.banner_nav .news .item_more:hover{ width: 88px; border:1px solid #00923f; color: #00923f;; background-color:transparent; }