@charset "utf-8";
/* CSS Document */
/*Smiss fone WebSite CSS Version 1.0*/
/*Power by:SEAWE, Designer:John*/
/*INDEX CSS*/
/*Banner*/
.banner{position:relative;height:468px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:468px;}
.slides li a{ height:100%; display:block; text-indent:-150%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;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%;}
.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;}



.main-box{ margin-top:18px; padding-bottom:30px; width:1100px; overflow:hidden;}

.news-box{ height:42px; background:url(../images/scroll_title_bg.png) left center no-repeat #f2f2f2;}
.news-box h3{ width:105px; text-indent:30px; line-height:42px; font-size:16px; float:left;}
.scroll-wrapper{ margin-left:22px; width:510px; height:48px; overflow:hidden; float:left; position:relative; display:inline;}
.scroll-wrapper ul{ list-style:none;}
.scroll-wrapper ul li{ line-height:42px;font-size:14px; color:#999}
.scroll-wrapper ul li a{ font-size:14px;}
.scroll-wrapper ul li a:hover{ color:#d2332f; text-decoration:underline;}
.news-cate{ margin-right:15px; line-height:42px; float:right; display:inline;}
.news-cate a{ margin:0 5px; font-size:14px;}
.news-cate a:hover{ text-decoration:underline;}

/*Main*/
.rec-box{ margin-top:18px; width:1100px; clear:both; overflow:hidden;}
.main-list{ width:1124px; list-style:none; overflow:hidden;}
.main-list li{ margin-right:25px; padding-bottom:15px; width:256px; position:relative; z-index:1; line-height:24px; background:#f2f2f2; float:left; display:inline;}

.main-list li img{ width:256px; height:162px; border:none;}
.main-list li p{ margin:0; padding:10px 15px; line-height:24px;}
.main-list li p a{ line-height:35px; font-size:18px;}
.main-list li .rec-icon{ top:0px; left:0px; width:50px; height:49px; background:url(../images/rec_icon.png) 0 0 no-repeat; position: absolute; z-index:3;}
.main-list li .hot-icon{ background-position:0 -51px;}