/* Powered by Adminn.Cn  \\   QQ 677123 \\ http://www.adminn.cn */
body{background:#f4f4f4}
*:after{transition:width .5s ease 0s;}
.f-index-ppt{ width:1130px; height:auto; margin:auto; display:block; overflow:hidden; position:relative; zoom:1}
.f-index-ppt .f-ppt-show{ width:100%; height:350px; display:block; overflow:hidden; position:relative; zoom:1}
.f-index-ppt .f-ppt-show li{ width:100%; height:auto; display:block; overflow:hidden; position:absolute; left:0; top:0;}
.f-index-ppt .f-ppt-show li a{ display:block; overflow:hidden}
.f-index-ppt .f-ppt-show li a img{ width:100%; height:350px; display:block; overflow:hidden}
.f-index-ppt .f-ppt-show li a strong{ width:100%; height:60px; line-height:60px; font-size:24px; font-weight:normal; color:#fff; text-indent:30px; background:url(../images/index-icon.png) repeat-x 0 -1121px; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}
.f-index-ppt .f-ppt-show li:nth-child(n+2){ display:none}
.f-index-ppt .f-ppt-btn{ width:auto; height:12px; display:block; overflow:hidden; position:absolute; right:32px; bottom:24px; z-index:20;}
.f-index-ppt .f-ppt-btn li{ width:12px; height:12px; background:#fff; border-radius:22px; float:left; margin:0 0 0 14px; display:inline; overflow:hidden; cursor:pointer}
.f-index-ppt .f-ppt-btn .f-hover{ background:#f40}

.g-cms-plate .g-leftimg-cms{ width:350px; height:auto; margin:6px 0 0 5px; overflow:hidden}
.g-cms-plate .g-leftimg-cms a{ width:160px; height:auto; float:left; margin:14px 0 0 15px; display:inline; overflow:hidden;}
.g-cms-plate .g-leftimg-cms a img{ width:100%; height:90px; display:block; overflow:hidden}
.g-cms-plate .g-leftimg-cms a strong{ width:100%; height:20px; line-height:20px; font-size:16px; font-weight:bold; color:#333; margin:9px 0 0;  display:block; overflow:hidden; }
.g-cms-plate .g-leftimg-cms a p{ width:100%; height:36px; line-height:18px; font-size:12px; font-weight:normal; color:#666; margin:7px 0 0;  display:block; overflow:hidden; }
.g-cms-plate .g-leftimg-cms a p span{ color:#f40}
.g-cms-plate .g-leftimg-cms a:hover strong{ color:#f40}

.g-cms-plate .g-leftimg-cms .m-img-link{ width:335px;}
.g-cms-plate .g-leftimg-cms .m-img-link img{ width:100%; height:187px;}
.g-cms-plate .g-leftimg-cms .m-img-link strong{ font-size:18px;}
.g-cms-plate .g-leftimg-cms .m-img-link p{ font-size:14px;}



.g-cms-plate .g-leftimg-cms dl{ width:100%; height:auto; margin:10px 0 0; float:left; display:inline; overflow:hidden}
.g-cms-plate .g-leftimg-cms dl dt{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:bold; color:#333; display:block; overflow:hidden}
.g-cms-plate .g-leftimg-cms dl dt a{ color:#333}
.g-cms-plate .g-leftimg-cms dl dt a:hover{ color:#f40}
.g-cms-plate .g-leftimg-cms dl dd{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#808080; margin:8px 0 0; display:block; overflow:hidden}

.g-cms-plate .g-news-cms{ width:455px; height:auto; margin:20px 0 0 20px;  overflow:hidden}
.g-cms-plate .g-news-cms ul{ width:100%; height:auto; display:block; overflow:hidden}
.g-cms-plate .g-news-cms ul li{ width:113px; height:53px; float:left; display:inline; overflow:hidden; position:relative; zoom:1; cursor:pointer}
.g-cms-plate .g-news-cms ul li strong{ width:100%; height:42px; line-height:42px;  background:#f4f4f4;font-size:18px; font-weight:normal; color:#333; text-align:center;display:block; overflow:hidden}
.g-cms-plate .g-news-cms ul li i{ border-left:6px solid transparent; border-right:6px solid transparent; border-top:11px solid #f40; display:none; overflow:hidden; position:absolute; left:48px; bottom:0; z-index:10;}
.g-cms-plate .g-news-cms ul li:nth-child(n+2){ width:114px;}
.g-cms-plate .g-news-cms ul .f-hover strong{ background:#f40; color:#fff;}
.g-cms-plate .g-news-cms ul .f-hover i{ display:block;}

.g-cms-plate .g-news-cms dl{ width:100%; height:auto; display:block; overflow:hidden; margin:0;}
.g-cms-plate .g-news-cms dl dt{ width:100%; height:20px; margin: 20px 0 0; display:block; overflow:hidden}
.g-cms-plate .g-news-cms dl dt a{ width:100%; height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#333; display:block; overflow:hidden}
.g-cms-plate .g-news-cms dl dd{ padding:6px 0; display:block; overflow:hidden}
.g-cms-plate .g-news-cms dl dd a{ width:100%; height:auto; margin:17px 0 0; display:block; overflow:hidden}
.g-cms-plate .g-news-cms dl dd a strong{ width:380px; height:18px; line-height:18px; font-size:16px; font-weight:normal; color:#666; float:left; display:inline; overflow:hidden}
.g-cms-plate .g-news-cms dl dd a strong i{ width:5px; height:5px; background:#dbdbdb; border-radius:10px; float:left; margin:6px 8px 0 0; display:inline; overflow:hidden}
.g-cms-plate .g-news-cms dl dd a em{ width:auto; height:18px; line-height:18px; font-size:16px; font-weight:normal; color:#808080; float:right; display:inline; overflow:hidden}
.g-cms-plate .g-news-cms dl dd a:hover strong{ color:#f40}
.g-cms-plate .g-news-cms dl dt a:hover{ color:#f40}

.g-cms-plate .g-rightimg-cms{ width:314px; height:auto; margin:6px 0 0 6px; overflow:hidden}
.g-cms-plate .g-rightimg-cms p{ width:143px; height:auto; padding:0 0 7px 0; float:left; margin:14px 0 0 14px; display:inline; overflow:hidden; position:relative; zoom:1}
.g-cms-plate .g-rightimg-cms p .u-cms-name{ width:100%; height:auto; float:left; display:inline; overflow:hidden}
.g-cms-plate .g-rightimg-cms p .u-cms-name img{ width:100%; height:81px; display:block; overflow:hidden}
.g-cms-plate .g-rightimg-cms p .u-cms-name strong{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:bold; color:#333; margin:6px 0 0; display:block; overflow:hidden}
.g-cms-plate .g-rightimg-cms p .u-cms-list{ width:88px; height:16px; line-height:16px; font-size:12px; font-weight:normal; color:#4d4d4d; float:left; margin:10px 0 0; display:inline; overflow:hidden}
.g-cms-plate .g-rightimg-cms p .u-cms-list i{ width:16px; height:16px; background:url(../images/index-icon.png) no-repeat; float:left; margin:0 6px 0 0; display:inline; overflow:hidden}
.g-cms-plate .g-rightimg-cms p b{ width:55px; height:16px; line-height:16px; font-size:12px; font-weight:normal; color:#4d4d4d; float:left; margin:10px 0 0; display:inline; overflow:hidden}
.g-cms-plate .g-rightimg-cms p b i{ width:16px; height:16px; background:url(../images/index-icon.png) no-repeat 0 -59px; float:left; margin:0 6px 0 0; display:inline; overflow:hidden}
.g-cms-plate .g-rightimg-cms p .u-solid-bg{ width:100%; height:2px; background:#e2e2e2; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}
.g-cms-plate .g-rightimg-cms p .u-solid-bg:after{ content:""; width:0%; height:2px; background:#f40; display:block; overflow:hidden;}
.g-cms-plate .g-rightimg-cms p .u-cms-name:hover strong{ color:#f40}
.g-cms-plate .g-rightimg-cms p .u-cms-list:hover{ color:#f40}
.g-cms-plate .g-rightimg-cms p:hover .u-solid-bg:after{ width:100%;}


.g-ad-box{ height:20px; background:#f4f4f4; border-top:10px solid #fff; display:block; overflow:hidden;}
.g-ad-box img{ display:none}

.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:11px; background:url(../images/index-icon.png) no-repeat 0 -121px; display:block; overflow:hidden; position:absolute; left:5px; top:9px;}
.g-title a{ font-weight:normal; color:#f40; float:right}

.g-hot-video{ width:810px; height:auto; margin:20px 0 0 20px; overflow:hidden}
.g-hot-video div{ display:block; overflow:hidden}
.g-hot-video div p{ width:260px; height:auto; padding:0 0 11px 0; float:left; margin:15px 0 5px 15px; display:inline; overflow:hidden; position:relative; zoom:1}
.g-hot-video div p .u-cms-img{width:100%; height:auto; float:left; display:inline; overflow:hidden}
.g-hot-video div p .u-cms-img img{ width:100%; height:146px; display:block; overflow:hidden}
.g-hot-video div p .u-cms-img:hover span{ opacity:1;}
.g-hot-video div p .u-cms-img:hover strong{ color:#f40}
.g-hot-video div p .u-cms-img strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; margin:12px 0 0; float:left; display:inline; overflow:hidden}
.g-hot-video div p .u-cms-list{ width:203px; height:16px; line-height:16px; font-size:12px; font-weight:normal; color:#4d4d4d; float:left; margin:10px 0 0; display:inline; overflow:hidden}
.g-hot-video div p .u-cms-list i{ width:16px; height:16px; background:url(../images/index-icon.png) no-repeat; float:left; margin:0 6px 0 0; display:inline; overflow:hidden}
.g-hot-video div p .u-cms-list:hover{ color:#f40}
.g-hot-video div p b{ width:55px; height:16px; line-height:16px; font-size:12px; font-weight:normal; color:#4d4d4d; float:left; margin:10px 0 0; display:inline; overflow:hidden}
.g-hot-video div p b i{ width:16px; height:16px; background:url(../images/index-icon.png) no-repeat 0 -59px; float:left; margin:0 6px 0 0; display:inline; overflow:hidden}
.g-hot-video div p span{ width:100%; height:146px; background:rgba(0,0,0,0.3); display:block; overflow:hidden; opacity:0; position:absolute; left:0; top:0;}
.g-hot-video div p span i{ width:46px; height:46px; background:#f40; border-radius:50px; display:block; overflow:hidden; margin:50px auto; position:relative; zoom:1}
.g-hot-video div p span i:before{ content:""; width:36px; height:36px; border:2px solid #fff; border-radius:50px; margin:3px auto; display:block; overflow:hidden}
.g-hot-video div p span i:after{ content:""; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:18px solid #fff; display:block; overflow:hidden; position:absolute; left:17px; top:13px;}
.g-hot-video div p .u-solid-bg{ width:100%; height:3px; background:#e2e2e2; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}
.g-hot-video div p .u-solid-bg:after{ content:""; width:0%; height:3px; background:#f40; display:block; overflow:hidden;}
.g-hot-video div p:hover .u-solid-bg:after{ width:100%;}
.g-hot-video div p:nth-child(3n+1){ margin-left:0;}

.g-recomd-box{ width:300px; height:auto; margin:20px 0 0 20px; overflow:hidden}
.g-recomd-box .g-title i span{ width:16px; height:16px; left:7px; top:6px; background-position:0 -188px;}
.g-recomd-box .m-recomd-bigimg{ width:100%; height:365px; position:relative; zoom:1; margin:15px 0 0; display:block; overflow:hidden}
.g-recomd-box .m-recomd-bigimg img{ width:100%; height:365px; display:block; overflow:hidden}
.g-recomd-box .m-recomd-bigimg strong{ width:100%; height:36px; line-height:36px; font-size:14px; 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;}

.g-recomd-box .m-recomd-smallimg{ width:100%; height:63px; margin:16px 0 0; display:block; overflow:hidden}
.g-recomd-box .m-recomd-smallimg li{ width:63px; height:63px; float:left; margin:0 16px 0 0; display:inline; overflow:hidden; cursor:pointer; position:relative; zoom:1}
.g-recomd-box .m-recomd-smallimg li img{ width:63px; height:63px; display:block; overflow:hidden}
.g-recomd-box .m-recomd-smallimg li:nth-last-child(1){ margin:0}
.g-recomd-box .m-recomd-smallimg .f-hover{ border:2px solid #f40; width:59px; height:59px;}

.g-dj-cms{ width:810px; height:auto; margin:20px 0 0 20px; overflow:hidden}
.g-dj-cms .g-title i span{ width:21px; height:19px; left:4px; top:5px; background-position:0 -255px;}
.g-dj-cms .m-dj-img{ width:335px; height:auto; float:left; margin:5px 0 0; display:inline; overflow:hidden}
.g-dj-cms .m-dj-img a{ width:100%; height:187px; margin:10px 0 0; display:block; overflow:hidden; position:relative; zoom:1}
.g-dj-cms .m-dj-img a img{ width:100%; height:187px; display:block; overflow:hidden}
.g-dj-cms .m-dj-img a 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-dj-cms .m-dj-list{ width:455px; height:auto; float:left; margin:0 0 0 20px; display:inline; overflow:hidden}
.g-dj-cms .m-dj-list strong{ width:100%; height:148px; border-bottom:1px dashed #eee; display:block; overflow:hidden}
.g-dj-cms .m-dj-list strong .u-cms-name{ width:100%; height:18px; line-height:18px; font-size:16px; font-weight:bold; color:#333; margin:15px 0 0; display:block; overflow:hidden}
.g-dj-cms .m-dj-list strong span{ width:100%; height:auto; margin:12px 0 0; display:block; overflow:hidden}
.g-dj-cms .m-dj-list strong span .u-cms-img{ width:164px; height:91px; float:left; margin:0 10px 0 0; display:inline; overflow:hidden}
.g-dj-cms .m-dj-list strong span .u-cms-img img{ width:100%; height:91px; display:block; overflow:hidden}
.g-dj-cms .m-dj-list strong span p{ width:280px; height:54px; line-height:18px; font-size:14px; font-weight:normal; color:#808080; float:left; margin:0 0 0 0; display:inline; overflow:hidden}

.g-dj-cms .m-dj-list strong span .u-cms-list{ width:224px; height:16px; line-height:16px; font-size:12px; font-weight:normal; color:#4d4d4d; float:left; margin:19px 0 0; display:inline; overflow:hidden}
.g-dj-cms .m-dj-list strong span .u-cms-list i{ width:16px; height:16px; background:url(../images/index-icon.png) no-repeat; float:left; margin:0 6px 0 0; display:inline; overflow:hidden}
.g-dj-cms .m-dj-list strong span b{ width:55px; height:16px; line-height:16px; font-size:12px; font-weight:normal; color:#a5a5a5; float:left; margin:19px 0 0; display:inline; overflow:hidden}
.g-dj-cms .m-dj-list strong span b i{ width:16px; height:16px; background:url(../images/index-icon.png) no-repeat 0 -59px; float:left; margin:0 6px 0 0; display:inline; overflow:hidden}
.g-dj-cms .m-dj-list strong .u-cms-name:hover{ color:#f40;}
.g-dj-cms .m-dj-list strong .u-cms-list:hover{ color:#f40;}

.g-fxb-box{ width:300px; height:auto; margin:20px 20px 0 0; overflow:hidden}
.g-fxb-box .g-title i span{ width:17px; height:13px; left:6px; top:8px; background-position:0 -327px;}
.g-fxb-box .m-fxb-recomd{ width:100%; height:168px; margin:15px 0 0; display:block; overflow:hidden; position:relative; zoom:1}
.g-fxb-box .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-fxb-box .m-fxb-recomd img{ width:100%; height:168px; display:block; overflow:hidden}
.g-fxb-box .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-fxb-box ul{ display:block; overflow:hidden}
.g-fxb-box ul li{ width:100%; height:auto; float:left; margin:17px 0 5px; display:inline; overflow:hidden}
.g-fxb-box ul li a{ width:100%; height:24px; line-height:24px; font-size:14px; font-weight:normal; color:#333; display:block; overflow:hidden}
.g-fxb-box 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-fxb-box ul li a:hover{ color:#f40}
.g-fxb-box ul li:nth-child(1){ display:none}
.g-fxb-box ul li:nth-child(2) a i{ background:#ffa200}
.g-fxb-box ul li:nth-child(3) a i{ background:#ffd200}

.g-yl-cms{ width:810px; height:auto; margin:20px 0 0 20px; overflow:hidden}
.g-yl-cms .g-title i span{ width:18px; height:16px; left:6px; top:5px; background-position:0 -394px;}
.g-yl-cms dl{ width:100%; height:auto; margin:0; display:block; overflow:hidden}
.g-yl-cms dl dt{ width:335px; height:auto; float:left; margin:15px 0 0; display:inline; overflow:hidden; }
.g-yl-cms dl dt a{width:335px; height:395px;display:block; overflow:hidden;position:relative; zoom:1;}
.g-yl-cms dl dt a img{ width:100%; height:395px; display:block; overflow:hidden}
.g-yl-cms dl dt a strong{ width:219px; height:46px; line-height:18px; font-size:16px; font-weight:normal; color:#fff; text-align:center; padding:20px 58px 0; background:url(../images/index-icon.png) repeat-x 0 -1115px; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;transition: background 0ms ease 0s;}
.g-yl-cms dl dt a p{ display:none}
.g-yl-cms dl dt a:hover strong{ background:none; bottom:auto; top:102px;}
.g-yl-cms dl dt a:hover b{ width:100%; height:395px; background:rgba(0,0,0,.6); display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:5;}
.g-yl-cms dl dt a:hover p{ width:210px; height:88px; line-height:18px; padding:10px; font-size:14px; font-weight:normal; color:#fff; display:block; overflow:hidden; position:absolute; left:53px; top:169px; z-index:10;}
.g-yl-cms dl dt a:hover p:before{ content:""; width:16px; height:34px; border-top:2px solid #fff; border-left:2px solid #fff; display:block; overflow:hidden; position:absolute; left:0; top:0;}
.g-yl-cms dl dt a:hover p:after{ content:""; width:16px; height:34px; border-bottom:2px solid #fff; border-right:2px solid #fff; display:block; overflow:hidden; position:absolute; right:0; bottom:0;}

.g-yl-cms dl dd{ width:470px; height:410px; float:left; margin:0 0 0 5px; display:inline; overflow:hidden}
.g-yl-cms dl dd p{ width:220px; height:auto; padding:0 0 11px 0; float:left; margin:15px 0 4px 15px; display:inline; overflow:hidden; position:relative; zoom:1}
.g-yl-cms dl dd p .u-cms-name{ width:100%; height:auto; float:left; display:inline; overflow:hidden}
.g-yl-cms dl dd p .u-cms-name img{ width:100%; height:123px; display:block;overflow:hidden}
.g-yl-cms dl dd p .u-cms-name strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; margin:12px 0 0; display:block; overflow:hidden}
.g-yl-cms dl dd p .u-cms-list{ width:160px; height:16px; line-height:16px; font-size:12px; font-weight:normal; color:#4d4d4d; float:left; margin:10px 0 0; display:inline; overflow:hidden}
.g-yl-cms dl dd p .u-cms-list i{ width:16px; height:16px; background:url(../images/index-icon.png) no-repeat; float:left; margin:0 6px 0 0; display:inline; overflow:hidden}
.g-yl-cms dl dd p b{ width:55px; height:16px; line-height:16px; font-size:12px; font-weight:normal; color:#4d4d4d; float:left; margin:10px 0 0; display:inline; overflow:hidden}
.g-yl-cms dl dd p b i{ width:16px; height:16px; background:url(../images/index-icon.png) no-repeat 0 -59px; float:left; margin:0 6px 0 0; display:inline; overflow:hidden}
.g-yl-cms dl dd p .u-solid-bg{ width:100%; height:3px; background:#e2e2e2; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.g-yl-cms dl dd p .u-solid-bg:after{ content:""; width:0%; height:3px; background:#f40; display:block; overflow:hidden}
.g-yl-cms dl dd p:hover .u-solid-bg:after{ width:100%}
.g-yl-cms dl dd p .u-cms-name:hover strong{color:#f40}
.g-yl-cms dl dd p .u-cms-list:hover{ color:#f40}


.g-hot-label{ width:320px; height:auto; margin:20px 0px 0 0; overflow:hidden}
.g-hot-label .g-title i span{ width:13px; height:17px; left:8px; top:7px; background-position:0 -462px;}
.g-hot-label div{ width:100%; height:394px; margin:15px 0 0; display:block; overflow:hidden}
.g-hot-label div 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-hot-label div a:hover{ background:#f40; color:#fff;}


.g-zhibo-box{ width:1130px; height:auto; margin:30px 0 0 20px; display:block; overflow:hidden}
.g-zhibo-box .g-title i span{ width:15px; height:15px; left:7px; top:7px; background-position:0 -532px;}
.g-zhibo-box .f-xscroll-box{ width:100%; height:134px; margin:15px 0 0; display:block; overflow:hidden; position:relative; zoom:1}
.g-zhibo-box .f-xscroll-box b{ width:32px; height:32px; background:rgba(0,0,0,.4); display:block; overflow:hidden; position:absolute; left:0; top:33px; z-index:10; cursor:pointer}
.g-zhibo-box .f-xscroll-box b:after{ content:""; width:10px; height:10px; border-right:2px solid #fff; border-top:2px solid #fff; display:block; overflow:hidden; -webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg); position:absolute; left:12px; top:10px;}
.g-zhibo-box .f-xscroll-box .f-xscroll-rbtn{ width:32px; height:32px; background:rgba(0,0,0,.4); display:block; overflow:hidden; position:absolute; left:auto; right:0; top:33px; z-index:10;}
.g-zhibo-box .f-xscroll-box .f-xscroll-rbtn:after{ content:""; width:10px; height:10px; border-right:2px solid #fff; border-top:2px solid #fff; display:block; overflow:hidden; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); position:absolute; left:8px; top:10px;}
.g-zhibo-box .f-xscroll-box b:hover{ background:#f40}
.g-zhibo-box .f-xscroll-box .f-xscroll-show{ width:1130px; height:auto; display:block; overflow:hidden; position:absolute; left:0; top:0;}
.g-zhibo-box .f-xscroll-box .f-xscroll-show li{ width:175px; height:auto; float:left; margin:0 16px 0 0; display:inline; overflow:hidden}
.g-zhibo-box .f-xscroll-box .f-xscroll-show li a{ width:100%; height:131px; border-bottom:3px solid #e2e2e2; display:block; overflow:hidden}
.g-zhibo-box .f-xscroll-box .f-xscroll-show li a img{ width:100%; height:98px; display:block; overflow:hidden}
.g-zhibo-box .f-xscroll-box .f-xscroll-show li a strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:11px 0 0; display:block; overflow:hidden}
.g-zhibo-box .f-xscroll-box .f-xscroll-show li a:hover{ border-color:#f40}
.g-zhibo-box .f-xscroll-box .f-xscroll-show li a:hover strong{ color:#f40}

.g-project-activity{ margin:30px 0 0;}
.g-project-activity .g-title i{ margin-left:20px;}
.g-project-activity .g-title a{ margin-right:20px;}
.g-project-activity .g-title i span{ width:15px; height:15px; left:7px; top:7px; background-position:0 -601px;}
.g-project-activity .g-project-cont{ margin:15px 0 0; display:block; overflow:hidden}
.g-project-activity .g-project-cont a{ width:362px; height:auto; float:left; margin:0 2px 0 20px; padding:0 0 15px 0; border-bottom:3px solid #e2e2e2; display:inline; overflow:hidden; position:relative; zoom:1}
.g-project-activity .g-project-cont a img{ width:100%; height:202px; float:left; display:inline; overflow:hidden}
.g-project-activity .g-project-cont a i{ width:120px; height:36px; line-height:36px; font-size:18px; font-weight:normal; color:#fff; font-style:normal; text-align:center; background:#f40; display:block; overflow:hidden; position:absolute; left:-30px; top:8px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.g-project-activity .g-project-cont a strong{ width:251px; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#333; text-indent:12px; margin:8px 0 0; float:left; display:inline; overflow:hidden}
.g-project-activity .g-project-cont a b{ width:88px; height:28px; line-height:28px; font-size:14px; font-weight:normal; color:#f40; text-align:center; border:1px solid #f40; border-radius:4px; margin:8px 0 0; float:left; display:inline; overflow:hidden}
.g-project-activity .g-project-cont a p{ width:330px; height:54px; line-height:18px; font-size:14px; font-weight:normal; color:#808080; padding:0 16px; float:left; margin:8px 0 0; display:inline; overflow:hidden}
.g-project-activity .g-project-cont a:hover{ border-color:#f40}
.g-project-activity .g-project-cont a:hover strong{ color:#f40}
.g-project-activity .g-project-cont a:hover b{ background:#f40; color:#fff;}

.g-beautiful-pic{ width:1130px; margin:30px 20px 0;}
.g-beautiful-pic .g-title i span{ width:16px; height:13px; left:6px; top:8px; background-position:0 -671px;}
.g-beautiful-pic .m-beautiful-ul{ width:100%; height:500px; display:block; overflow:hidden; margin:15px 0 0 0; position:relative; zoom:1}
.g-beautiful-pic .m-beautiful-ul li{ width:320px; height:500px; display:block; overflow:hidden; position:absolute; left:0; top:0;}
.g-beautiful-pic .m-beautiful-ul li a{ width:100%; height:auto; display:block; overflow:hidden}
.g-beautiful-pic .m-beautiful-ul li a img{ width:100%; height:500px; display:block; overflow:hidden}
.g-beautiful-pic .m-beautiful-ul li a strong{ width:100%; height:40px; line-height:40px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:url(../images/index-icon.png) repeat-x 0 -1419px; display:block; overflow:hidden; position:absolute; left:0; bottom:0; transition:background 0ms}
.g-beautiful-pic .m-beautiful-ul li a:hover strong{ background-position:0 -1486px;}
.g-beautiful-pic .m-beautiful-ul .f-beautiful-2{ left:810px;}

.g-beautiful-pic .m-beautiful-ul .f-beautiful2-1{ width:482px; height:248px; left:324px;}
.g-beautiful-pic .m-beautiful-ul .f-beautiful2-1 img{ height:248px;}
.g-beautiful-pic .m-beautiful-ul .f-beautiful3-1{ width:239px; height:248px; left:324px; top:252px;}
.g-beautiful-pic .m-beautiful-ul .f-beautiful3-1 img{ height:248px}
.g-beautiful-pic .m-beautiful-ul .f-beautiful3-2{ width:239px; height:248px; left:567px; top:252px;}
.g-beautiful-pic .m-beautiful-ul .f-beautiful3-2 img{ height:248px}

.g-rank{ padding:0 0 20px 0}
.g-rank .g-title{ margin-top:30px;}
.g-rank .g-title i{ margin-left:20px;}
.g-rank .g-title i span{ width:16px; height:16px; left:6px; top:6px; background-position:0 -738px;}
.g-rank .g-rank-cont{ width:100%; height:auto; margin:15px 0 0; display:block; overflow:hidden}
.g-rank .g-rank-cont dl{ width:266px; height:auto; float:left; margin:0 2px 0 20px; display:inline; overflow:hidden}
.g-rank .g-rank-cont dl dt{ width:100%; height:62px; line-height:62px; font-size:20px; font-weight:bold; color:#fff; background:#ff4e4e; border-radius:8px 8px 0 0; display:block; overflow:hidden}
.g-rank .g-rank-cont dl dt i{ width:40px; height:36px; background:url(../images/index-icon.png) no-repeat 0 -841px; float:left; margin:13px 12px 0 57px; display:inline; overflow:hidden}
.g-rank .g-rank-cont dl dd .m-rank-recomd{ width:100%; height:149px; margin:15px 0 0; display:block; overflow:hidden; position:relative; zoom:1}
.g-rank .g-rank-cont dl dd .m-rank-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-rank .g-rank-cont dl dd .m-rank-recomd img{ width:100%; height:149px; display:block; overflow:hidden}
.g-rank .g-rank-cont dl dd .m-rank-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-rank .g-rank-cont dl dd ul{ display:block; overflow:hidden}
.g-rank .g-rank-cont dl dd ul li{ width:100%; height:auto; padding:10px 0; border-bottom:1px solid #eee; float:left; margin:0; display:inline; overflow:hidden}
.g-rank .g-rank-cont dl dd ul li a{ width:100%; height:24px; line-height:24px; font-size:14px; font-weight:normal; color:#333; display:block; overflow:hidden}
.g-rank .g-rank-cont dl dd 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-rank .g-rank-cont dl dd ul li a:hover{ color:#f40}
.g-rank .g-rank-cont dl dd ul li:nth-child(1){ display:none}
.g-rank .g-rank-cont dl dd ul li:nth-child(2) a i{ background:#ffa200}
.g-rank .g-rank-cont dl dd ul li:nth-child(3) a i{ background:#ffd200}
.g-rank .g-rank-cont dl dd .u-more-btn{ width:auto; height:46px; line-height:46px; font-size:16px; font-weight:normal; color:#ff4e4e; text-align:center; border:1px solid #ff4e4e; margin:20px 0 0; display:block; overflow:hidden}
.g-rank .g-rank-cont dl dd .u-more-btn:hover{ background:#ff4e4e; color:#fff}

.g-rank .g-rank-cont dl:nth-child(2) dt{ background:#d34dff}
.g-rank .g-rank-cont dl:nth-child(2) dt i{ width:40px; height:25px; background-position:0 -916px; margin-top:20px}
.g-rank .g-rank-cont dl:nth-child(2) dd .u-more-btn{ border-color:#d34dff; color:#d34dff}
.g-rank .g-rank-cont dl:nth-child(2) dd .u-more-btn:hover{ background:#d34dff; color:#fff}

.g-rank .g-rank-cont dl:nth-child(3) dt{ background:#9566ff}
.g-rank .g-rank-cont dl:nth-child(3) dt i{ width:43px; height:40px; background-position:0 -978px; margin-top:11px}
.g-rank .g-rank-cont dl:nth-child(3) dd .u-more-btn{ border-color:#9566ff; color:#9566ff}
.g-rank .g-rank-cont dl:nth-child(3) dd .u-more-btn:hover{ background:#9566ff; color:#fff}

.g-rank .g-rank-cont dl:nth-child(4) dt{ background:#66aeff}
.g-rank .g-rank-cont dl:nth-child(4) dt i{ width:39px; height:32px; background-position:0 -1051px; margin-top:15px}
.g-rank .g-rank-cont dl:nth-child(4) dd .u-more-btn{ border-color:#66aeff; color:#66aeff}
.g-rank .g-rank-cont dl:nth-child(4) dd .u-more-btn:hover{ background:#66aeff; color:#fff}

.f-plate-position{ width:128px; height:385px; display:block; overflow:hidden; position:fixed; left:50%; bottom:200px; margin:0 0 0 620px;}
.f-plate-position dt{ width:100%; height:auto; margin:20px 0 0; display:block; overflow:hidden; position:relative; zoom:1; z-index:10; cursor:pointer}
.f-plate-position dt i{ width:15px; height:15px; border:2px solid #f4f4f4; background:#f4f4f4; border-radius:20px; box-shadow:inset 0px 0px 4px #f40,inset 0px 0px 4px #f40,inset 0px 0px 4px #f40,inset 0px 0px 4px #f40; float:left; margin:10px 0 0; display:inline; overflow:hidden}
.f-plate-position dt b{ width:96px; height:35px; line-height:35px; font-size:16px; font-weight:normal; color:#333; text-align:center; background:#e7e7e7; border-radius:4px; float:left; margin:0 0 0 13px; display:inline; overflow:hidden}
.f-plate-position dd{ width:1px; height:311px; background:#aaa; position:absolute; left:9px; top:47px; display:block; overflow:hidden;}
.f-plate-position .f-hover i{ background:#ff4400}
.f-plate-position .f-hover b{ background:#f40; color:#fff;}

.g-friend{ margin-top:30px; padding:0 0 20px 0;}
.g-friend .g-title{ margin-top:20px;}
.g-friend .g-title i{ margin-left:20px;}
.g-friend .g-title i span{ width:16px; height:16px; left:6px; top:6px; background-position:0 -738px;}
.g-friend  div a{ width:auto; height:20px; line-height:20px; font-size:16px; font-weight:normal; color:#666; float:left; margin:12px 0 0 20px; display:inline; overflow:hidden}

.g-404{ background-color: #fff;}
.m-404-cont{ width: 1170px; height: auto; margin: 80px auto 0; padding: 313px 0 68px; display: block; overflow: hidden; background: url(../images/404_bg.png) no-repeat center top;}
.m-404-cont .txt{ height: 61px; text-align: center; font-size: 26px; font-weight: bold; color: #000000;}
.m-404-cont .btn{ display: block; width: 292px; height: 94px; margin: 0 auto; background: url(../images/404_btn.png) no-repeat 0 0;}