@charset "utf-8";
/* CSS Document */

/*
	广告
*/
.banner { position: absolute; left: 50%; top: 200px; margin-left: -368px; width: 1216px; height: 382px; background: url(../images/bg_banner.png) no-repeat; }
/*
	首页产品图片展示
*/

.hot { background: url(../images/hot-bg.png) no-repeat; width: 1128px; height: 254px; position: absolute; left: 50%; bottom: 44px; z-index: 9; margin-left: -509px; }
.hot-about { padding: 40px 0 0 130px; float: left; width: 200px; height: 200px; }
.hot-about h1 { color: #FFF; font-weight: normal; font-size: 18px; }
.hot-about h1 p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 0; line-height: 150%; }
.hot-about p { line-height: 20px; color: #FFF; padding-top: 20px; }
.hot-about p a { color: #F00; }
.hot-one { float: left; width: 790px; height: 120px; }
.hot-one a { float: left; display: inline; width: 200px; height: 97px; margin: 20px 0 0 50px; }
.hot-product { float: left; width: 591px; padding-left: 100px; margin-top: 13px; position: relative; }
.hot-product #up { position: absolute; left: 50px; top: 35px; display: inline-block; width: 25px; height: 23px; background: url(../images/hot-pro-next.png) no-repeat left center; cursor: pointer; }
.hot-product #down { position: absolute; right: 5px; top: 35px; display: inline-block; width: 25px; height: 23px; background: url(../images/hot-pro-next.png) no-repeat right center; cursor: pointer; }
/**/
#prowd { width: 536px; height: 90px; overflow: hidden; display: block; white-space: nowrap; }
#prowd li { display: inline-block; margin: 0; padding: 0; margin:0 7px; list-style: 0; }
/*
	
*/

/* flexslider */
.flexslider { position: relative; height: 354px; margin-top: 15px; background: url(../images/loading.gif) 50% no-repeat; }
.slides { position: relative; z-index: 1; }
.slides li { height: 354px; }
.flex-control-nav { position: absolute; bottom: -8px; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 14px; height: 4px; margin: 0 5px; *display:inline; zoom: 1; }
.flex-control-nav a { display: inline-block; width: 14px; height: 4px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer; }
.flex-control-nav .flex-active { background-position: 0 0; }

.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; display:none; }
.flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; }
.flex-direction-nav li a.flex-prev { left: 40px; background: url(images/prev.png) center center no-repeat; }
.flex-direction-nav li a.flex-next { right: 40px; background: url(images/next.png) center center no-repeat; }