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



.middle{ width:1000px; margin:0 auto;}

.index-fw{ width:1000px; height:374px;  background:url(../images/index-fw.jpg) no-repeat top; margin-bottom:25px;overflow:hidden; }
.index-fw h2{ width:1000px; height:58px;}
.index-fw h2 a{ display:block; width:75px; height:25px; float:right;}
.index-fw ul{ width:1000px; height:316px;}
.index-fw ul li{ width:228px; height:306px; background:url(../images/index-fw-li.jpg) no-repeat top; float:left; margin:0 11px; display:inline; padding-top:10px;}
.index-fw ul li img{ width:202px; height:102px; margin-left:10px; margin-bottom:49px;}
.fw01-bt{ font-size:16px; color:#1a09c2; width:218px; margin-left:10px; margin-bottom:15px;}
.fw-con{ width:218px; margin-left:10px; line-height:160%; height:100px; overflow:hidden;}
.fw01-more,.fw02-more,.fw03-more,.fw04-more{ width:80px; height:21px; margin-left:148px; }
.fw01-more a{ display:block; width:80px; height:21px; background:url(../images/fw-more.jpg) no-repeat;}
.fw01-more a:hover{background:url(../images/fw-more.jpg) no-repeat 0 -21px;}
.fw02-more a{ display:block; width:80px; height:21px; background:url(../images/fw-more.jpg) no-repeat 0 -42px;}
.fw02-more a:hover{background:url(fw-more.jpg) no-repeat 0 -63px;}
.fw03-more a{ display:block; width:80px; height:21px; background:url(../images/fw-more.jpg) no-repeat 0 -84px;}
.fw03-more a:hover{background:url(fw-more.jpg) no-repeat 0 -105px;}
.fw04-more a{ display:block; width:80px; height:21px; background:url(../images/fw-more.jpg) no-repeat 0 -126px;}
.fw04-more a:hover{background:url(../images/fw-more.jpg) no-repeat 0 -147px;}
.fw02-bt{ font-size:16px; color:#5003a1; width:218px; margin-left:10px; margin-bottom:10px;}
.fw03-bt{ font-size:16px; color:#e301a3; width:218px; margin-left:10px; margin-bottom:10px;}
.fw04-bt{ font-size:16px; color:#c98307; width:218px; margin-left:10px; margin-bottom:10px;}

.index-video{ width:284px; height:221px; float:left; padding:8px 0 0 10px; background:url(../images/index-video.jpg) no-repeat;margin-bottom:25px;}

.index-case{ width:686px; height:229px; float:right; background:url(../images/index-case.jpg) no-repeat; overflow:hidden; }
.index-case h2{ width:686px; height:58px; margin-bottom:10px;}
.index-case h2 a{ display:block; width:75px; height:25px; float:right;}
.index-case ul{ width:686px;}
.index-case ul li{ width:196px; height:155px; float:left; margin:0 11px; display:inline; padding:8px 0 0 10px; background:url(../images/case-bg.jpg) no-repeat top; line-height:58px; }
.index-case ul li a{ width:180px; height:155px; text-align:center; display:block}
 
.news01{ width:258px; height:205px; float:left; padding-right:30px; overflow:hidden; margin-bottom:20px;}
.news01-bt{ width:103px; height:27px; background:url(../images/index-news-bt.jpg) no-repeat; float:left}
.news01 h2,.news02 h2,.news03 h2{ width:258px; height:27px; margin-bottom:20px;}
.news01 h2 a,.news02 h2 a,.news03 h2 a{ display:block; width:75px; height:25px; float:right;}
.news01 ul,.news02 ul,.news03 ul{ width:258px;}
.news01 ul li,.news02 ul li,.news03 ul li{ width:243px; padding-left:15px; background:url(../images/icon.jpg) no-repeat left; height:30px; line-height:30px;}
.datetime{ float:right;}
.news02{ width:258px; height:205px; float:left; background:url(../images/news-ul.jpg) no-repeat left; padding-left:50px;padding-right:48px; overflow:hidden;}
.news02-bt{ width:103px; height:27px; background:url(../images/index-news-bt.jpg) no-repeat 0 -27px; float:left}

.news03{ width:258px; height:205px; float:right; background:url(../images/news-ul.jpg) no-repeat left;padding-left:50px;padding-right:48px; overflow:hidden;}
.news03-bt{ width:103px; height:27px; background:url(../images/index-news-bt.jpg) no-repeat 0 -54px; float:left}