body{ background:#f4f4f4}

.g-position{ width:auto; height:60px; line-height:60px; font-size:14px; font-weight:normal; color:#333; margin:0 20px; display:block; overflow:hidden}
.g-position i{ width:20px; height:20px; background:url(../images/cmsinfo-icon.png) no-repeat 0 -55px; float:left; margin:20px 5px 0 0; display:inline; overflow:hidden}
.g-position a{ color:#333}
.g-position a:hover{ color:#f40}

.g-left{ width:850px; height:auto; margin:0 0 0 0; overflow:hidden}
.g-left .m-class-nav{ width:810px; height:auto; background:#f4f4f4; margin:0 0 0 20px; display:block; overflow:hidden}
.g-left .m-class-nav li{ width:100%; height:44px;line-height:44px; font-size:16px; font-weight:normal; color:#333; text-indent:10px; float:left; margin:0; display:inline; overflow:hidden; position:relative; zoom:1}
.g-left .m-class-nav li strong{ padding:0 6px; color:#f40; font-weight:bold;}


.g-left .f-index-ppt{ width:808px; height:auto; padding:0 0 12px 0; border:1px solid #eee; margin:9px 0 0 20px; display:block; overflow:hidden; position:relative; zoom:1}
.g-left .f-index-ppt .f-ppt-show{ width:100%; height:398px; display:block; overflow:hidden; position:relative; zoom:1}
.g-left .f-index-ppt .f-ppt-show li{ width:100%; height:427px; display:block; overflow:hidden;}
.g-left .f-index-ppt .f-ppt-show li a{ display:block; overflow:hidden}
.g-left .f-index-ppt .f-ppt-show li a img{ width:100%; height:300px; display:block; overflow:hidden}
.g-left .f-index-ppt .f-ppt-show li a strong{ width:100%; height:26px; line-height:26px; font-size:24px; font-weight:normal; color:#333; text-indent:24px; margin:16px 0 0; display:block; overflow:hidden; }
.g-left .f-index-ppt .f-ppt-show li a p{ width:760px; height:auto; line-height:18px; font-size:16px; font-weight:normal; color:#333; padding:0 24px; margin:15px 0 0; display:block; overflow:hidden; }
.g-left .f-index-ppt .f-ppt-show li:nth-child(n+2){ display:none}
.g-left .f-index-ppt .f-ppt-btn{ width:100%; height:12px; margin:7px 0 0; text-align:center; display:block; overflow:hidden;}
.g-left .f-index-ppt .f-ppt-btn li{ width:12px; height:12px; background:#bdbbbb; border-radius:22px; margin:0 7px; display:inline-block; overflow:hidden; cursor:pointer}
.g-left .f-index-ppt .f-ppt-btn .f-hover{ background:#f40}

.g-title{ width:100%; height:28px; line-height:28px; font-size:20px; font-weight:bold; color:#333; display:block; overflow:hidden}
.g-title i{ width:28px; height:28px; background:#f40; border-radius:100px; float:left; margin:0 6px 0 0; display:inline; overflow:hidden; position:relative; zoom:1}
.g-title i span{ width:18px; height:20px; background:url(../images/cmslist-icon.png) no-repeat 0 -73px; display:block; overflow:hidden; position:absolute; left:6px; top:4px;}
.g-title a{ font-weight:normal; color:#f40; float:right}

.m-cms-list{ margin-top:10px;}
.m-cms-list .g-title i{ margin-left:20px;}
.m-cms-list .m-cms-div{ width:100%; height:auto; margin:0 0 0 5px; display:block; overflow:hidden}
.m-cms-list .m-cms-div dl{ width:260px; height:217px; border-radius:0 0 8px 8px; float:left; margin:15px 0 5px 15px; box-shadow:0px 0px 5px #ccc; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dt{ width:100%; height:260px; height:146px; display:block; overflow:hidden}
.m-cms-list .m-cms-div dl dt a{ display:block; overflow:hidden}
.m-cms-list .m-cms-div dl dt a img{ width:100%; height:auto; display:block; overflow:hidden}
.m-cms-list .m-cms-div dl dd{ width:100%; height:71px; display:block; overflow:hidden}
.m-cms-list .m-cms-div dl dd .u-name{ width:232px; height:18px; line-height:18px; font-size:16px; font-weight:normal; color:#333; padding:0 14px; float:left; margin:14px 0 0 0; display:inline; overflow:hidden;}
.m-cms-list .m-cms-div dl dd p{ display:none}
.m-cms-list .m-cms-div dl dd b{ width:150px; height:20px; float:left; margin:11px 0 0 14px; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dd b a{ width:auto; height:18px; line-height:18px; font-size:12px; font-weight:normal; color:#4d4d4d; border:1px solid #eee; border-radius:4px; padding:0 12px; float:left; margin:0 10px 0 0; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dd b a:hover{ background:#f40; color:#fff; border-color:#f40}
.m-cms-list .m-cms-div dl dd em{ width:auto; height:20px;line-height:20px; font-size:12px; font-weight:normal; color:#808080; float:left; margin:11px 0 0 0; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dd em i{ width:16px; height:16px; background:url(../images/index-icon.png) no-repeat 0 -59px; float:left; margin:2px 6px 0 0; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl:hover{ box-shadow:0px 0px 5px #f40}
.m-cms-list .m-cms-div dl:hover dd .u-name{ color:#f40}

.m-cms-list .m-cms-div dl{ width:810px; height:165px; border-radius:0}
.m-cms-list .m-cms-div dl dt{ width:245px; height:137px; float:left; margin:14px 16px 0 14px; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dd{ width:522px; height:auto; float:left; margin:0; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dd .u-name{ width:100%; height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#333; margin:14px 0 0; padding:0;}
.m-cms-list .m-cms-div dl dd p{ width:100%; height:36px; line-height:18px; font-size:14px; font-weight:normal; color:#808080; margin:12px 0 0; float:left; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dd b{ width:434px; margin:50px 0 0 0;}
.m-cms-list .m-cms-div dl dd em{ margin:50px 0 0 0;}
.m-cms-list .m-cms-div dl:hover dd .u-name{ color:#f40}

.g-right{ width:300px; height:auto; overflow:visible}
.g-right .m-hot-rank{ width:100%; height:auto; float:left; display:inline; overflow:hidden}
.g-right .m-hot-rank .g-title i span{ background-position:0 0; left:5px; top:8px;}
.g-right .m-hot-rank .m-fxb-recomd{ width:100%; height:168px; margin:15px 0 0; display:block; overflow:hidden; position:relative; zoom:1}
.g-right .m-hot-rank .m-fxb-recomd i{ width:37px; height:44px; line-height:36px; font-size:16px; font-weight:normal; color:#fff; font-style:normal; text-align:center; background:url(../images/index-icon.png) no-repeat 0 -1354px; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:10;}
.g-right .m-hot-rank .m-fxb-recomd img{ width:100%; height:168px; display:block; overflow:hidden}
.g-right .m-hot-rank .m-fxb-recomd strong{ width:100%; height:36px; line-height:36px; font-size:12px; font-weight:normal; color:#fff; text-align:center; background:url(../images/index-icon.png) repeat-x 0 -1242px; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}
.g-right .m-hot-rank ul{ display:block; overflow:hidden}
.g-right .m-hot-rank ul li{ width:100%; height:auto; float:left; margin:17px 0 3px; display:inline; overflow:hidden}
.g-right .m-hot-rank ul li a{ width:100%; height:24px; line-height:24px; font-size:14px; font-weight:normal; color:#333; display:block; overflow:hidden}
.g-right .m-hot-rank ul li a i{ width:24px; height:24px; border-radius:100px; background:#c6c6c6; font-size:18px; font-weight:normal; color:#fff; font-style:normal; text-align:center; float:left; margin:0 8px 0 0; display:inline; overflow:hidden}
.g-right .m-hot-rank ul li a:hover{ color:#f40}
.g-right .m-hot-rank ul li:nth-child(1){ display:none}
.g-right .m-hot-rank ul li:nth-child(2) a i{ background:#ffa200}
.g-right .m-hot-rank ul li:nth-child(3) a i{ background:#ffd200}

.g-right .m-recomd-project{ width:100%; height:auto; margin:30px 0 0; float:left; display:inline; overflow:visible;}
.g-right .m-recomd-project .g-title i span{ background-position:0 -238px; left:6px; top:7px;}
.g-right .m-recomd-project dl{ width:300px; height:217px; border-radius:0 0 8px 8px; float:left; margin:15px 0 5px 0; display:inline; overflow:hidden}
.g-right .m-recomd-project dl dt{ width:100%; height:260px; height:146px; display:block; overflow:hidden}
.g-right .m-recomd-project dl dt a{ display:block; overflow:hidden}
.g-right .m-recomd-project dl dt a img{ width:100%; height:146px; display:block; overflow:hidden}
.g-right .m-recomd-project dl dd{ width:100%; height:71px; display:block; overflow:hidden}
.g-right .m-recomd-project dl dd .u-name{ width:232px; height:18px; line-height:18px; font-size:16px; font-weight:normal; color:#333; padding:0 14px; float:left; margin:14px 0 0 0; display:inline; overflow:hidden;}
.g-right .m-recomd-project dl dd p{ display:none}
.g-right .m-recomd-project dl dd b{ width:175px; height:20px; float:left; margin:11px 0 0 14px; display:inline; overflow:hidden}
.g-right .m-recomd-project dl dd b a{ width:auto; height:18px; line-height:18px; font-size:12px; font-weight:normal; color:#4d4d4d; border:1px solid #eee; border-radius:4px; padding:0 12px; float:left; margin:0 10px 0 0; display:inline; overflow:hidden}
.g-right .m-recomd-project dl dd b a:hover{ background:#f40; color:#fff; border-color:#f40}
.g-right .m-recomd-project dl dd em{ width:70px; height:20px;line-height:20px; font-size:12px; font-weight:normal; color:#808080; float:left; margin:11px 0 0 0; display:inline; overflow:hidden}
.g-right .m-recomd-project dl dd em i{ width:16px; height:16px; background:url(../images/index-icon.png) no-repeat 0 -59px; float:left; margin:2px 6px 0 0; display:inline; overflow:hidden}
.g-right .m-recomd-project dl:hover{ box-shadow:0px 0px 5px #ccc}
.g-right .m-recomd-project dl:hover dd .u-name{ color:#f40}

.g-right .m-hot-label{ width:100%; height:auto; margin:30px 0 0; float:left; display:inline; overflow:hidden}
.g-right .m-hot-label .g-title i span{ background-position:0 -157px; left:8px; top:7px;}
.g-right .m-hot-label strong{ width:100%; height:394px; margin:15px 0 0; display:block; overflow:hidden}
.g-right .m-hot-label strong a{ width:auto; height:36px; line-height:36px; font-size:14px; font-weight:normal; color:#6d6d6d; background:#efefef; border-radius:4px; padding:0 24px; float:left; margin:1px 15px 14px 0; display:inline; overflow:hidden}
.g-right .m-hot-label strong a:hover{ background:#f40; color:#fff;}