﻿.fl{float:left;}.fr{float:right;}
.tc{ text-align:center;}.tl{ text-align:left;}.tr{ text-align:right;}
.ml5{ margin-left:5px;}.ml10{ margin-left:10px;}

.header{width:952px; height:76px; margin:15px auto 0;}
.header .h_left{ background:url(../images/header/headerLeft.gif) no-repeat; height:76px;width:10px;float:left;}
.header .h_right{ background:url(../images/header/headerRight.gif) no-repeat; height:76px;width:10px;float:left;}
.header .h_mid{ background:url(../images/header/headerBg.gif) repeat-x; height:76px;width:932px;float:left;}
.header .menu{width:430px; float:right;}
.header .menu ul{width:100%;}
.header .menu a:link,.header .menu a:visited{display:block;color:#fff;width:70px;height:76px;line-height:76px; text-align:center; font-size:13px; font-weight:bold;}
.header .menu a:hover,.header .menu .cur{ background:#3e3e3e; text-decoration:none;}
.header .menu li{ float:left;}
.header .menu li.l{ background:url(../images/header/line.gif) no-repeat 0 17px ;width:2px;height:76px;}

.pagebody,.pagebody .mid,.pagebody .intro{width:952px; margin:0 auto; overflow:hidden;}
.pagebody .picbar{width:952px;height:542px; overflow:hidden; position:relative;}
.pagebody .picbar .pre{ position:absolute; z-index:10; top:213px;left:0px; cursor:pointer; background:url(../Images/pagebody/leftBtn.png); _background:none;width:60px; height:116px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pagebody/leftBtn.png', sizingMethod='scale')}
.pagebody .picbar .next{ position:absolute; z-index:10; top:213px;right:0px; cursor:pointer;background:url(../Images/pagebody/rightBtn.png); _background:none;width:60px; height:116px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pagebody/rightBtn.png', sizingMethod='scale')}

.pagebody .picbar .edition{ text-align:right; position:absolute;top:365px;right:60px; width:300px; font-size:12px;color:#000; font-family:宋体}
.pagebody .picbar .edition .donwlink{ cursor:pointer; width:190px; height:88px; display:block; background:url(../images/pagebody/download.png); _background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pagebody/download.png', sizingMethod='scale')}
.pagebody .picbar .edition table{ margin-right:10px;}
.pagebody .picbar .edition td{ height:18px;}

.pagebody .mid a:visited{color:#fff;}
.pagebody .mid a:link{color:#fff;}
.pagebody .mid a:hover{color:#fff;}

.pagebody .l{width:10px; height:68px; background:url(../images/pagebody/bulletinLeft.gif) no-repeat; float:left;}
.pagebody .r{width:10px; height:68px; background:url(../images/pagebody/bulletinRight.gif) no-repeat; float:left;}
.pagebody .c{width:932px; float:left;height:68px; background:url(../images/pagebody/bulletinBg.gif) repeat-x;}
.pagebody .news,.pagebody .downlink{width:460px; height:68px; text-align:center; float:left;}

.pagebody .sp{ background:url(../images/header/line.gif) no-repeat 0 14px ;width:2px;height:68px; float:left;}
.pagebody .news ul{width:360px; overflow:hidden;margin:12px auto 0;}
.pagebody .news ul li{width:360px; text-align:left; height:22px; line-height:22px; overflow:hidden;}

.pagebody .downlink h3{ margin:12px 0 0 10px;font-size:12px;width:90px; display:inline; font-weight:normal;height:22px; line-height:22px; float:left;color:#fff;}
.pagebody .downlink ul{width:360px; overflow:hidden; float:left;margin:12px 0 0 0;}
.pagebody .downlink li{ float:left;width:85px; padding-left:5px; height:22px; line-height:22px; overflow:hidden;}

.pagebody .intro{ margin-top:27px; height:90px;}
.pagebody .introUl{width:920px;overflow:hidden; margin:0 auto;}
.pagebody .introUl img{float:left;width:32px;}
.pagebody .introUl li{width:220px; padding-left:10px; float:left;}
.pagebody .introUl li div{width:165px; overflow:hidden; padding-left:10px; font-family:宋体}
.pagebody .introUl li h3{ font-size:14px; font-weight:bold;color:#323232;}

.pagebody .links{width:952px;background:url(../images/pagebody/linkBg.gif) no-repeat; padding-top:30px; overflow:hidden; margin:0 auto;}
.pagebody .links ul.img{width:950px; margin:0 auto; overflow:hidden;}
.pagebody .links ul.img li{width:88px;float:left; margin-left:6px; text-align:center; height:30px; line-height:30px;}
.pagebody .links div.txt{width:950px; margin:0px auto 0 auto; overflow:hidden;line-height:25px; white-space:normal;word-break:break-all;word-wrap:break-word;table-layout:fixed;}
.pagebody .links div.txt a{ display:inline; margin-left:0px;}

.footer{width:952px; height:50px; margin:30px auto 0; border-top:2px solid #a0a0a0; padding-top:12px;}
.footer p{ font-size:12px; font-family:宋体}
.footer p a{color:#666; text-decoration:none;}

.about{width:100%; margin-top:30px; overflow:hidden;}
.about h2{width:150px;text-align:center;float:left; height:24px; line-height:24px;}
.about .content{width:800px; float:left; overflow:hidden; margin:0 auto;}
.about p{line-height:18px;}

.view{width:952px;}
.pagebody h1{height:52px;font-size:20px; line-height:52px;color:#7f7f7f; text-align:left; text-indent:20px;}
.view .intro{ height:96px; background:url(../images/pagebody/overviewBg.gif) no-repeat;color:#fff; margin:0}
.view .intro .content{width:716px; margin:23px 0 0 30px; line-height:18px;}

.view .main{width:100%;}
.view .main h3{ font-size:14px; font-weight:bold;color:#323232;}
.view .main ul{width:100%; overflow:hidden; margin:0 auto;}
.view .main li{ width:300px; padding-top:25px; height:100px; border-bottom:1px dashed #c9c9c9; float:left;}
.view .main li.m25{ margin-left:25px;}
.view .main li div{ overflow:hidden;width:240px; padding-left:10px; font-family:宋体; line-height:20px;}
 
.down{width:952px;}
.pagebody .line{height:2px; overflow:hidden; background:#a9a9a9; width:100%;}
.down .upright{height:372px; width:2px;background:#a9a9a9; float:left;}
.down .content{width:100%; margin-top:20px;}
.down .content .computer,.down .content .wap{width:475px;float:left; width:475px; overflow:hidden;}

.down .content .wap{ background:url(../images/pagebody/phone.gif) no-repeat 55px 30px;}
.down .content .computer{text-align:center; background:url(../images/pagebody/computer.gif) no-repeat 55px 30px;}

.down .content .computer .main{ text-align:center; height:345px; width:100%;}
.down .content .computer .action{width:400px;color:#525252; margin:40px auto 0;}
.down .content .computer .action #btnDownPC{ background:url('../Images/pagebody/down.png'); cursor:pointer; display:block; height:50px; width:125px; _background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pagebody/down.png', sizingMethod='scale')}
.down .content .wap .main{ text-align:center;height:345px; width:475px;}
.down .content .wap .wapintro{ width:370px; text-align:left; margin:70px auto 0;}
.down .content .wap .wapdown{background:url('../Images/pagebody/screenshot.png'); display:block; margin:20px auto 0; height:142px; width:376px; _background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/pagebody/screenshot.png', sizingMethod='scale')}
.down .content h3{width:465px; text-indent:10px; font-size:14px; background-color:#ffb900; margin:0 auto; height:30px; line-height:30px;color:#fff;}

.help{ margin-top:20px;}
.help h2{ font-size:14px; margin-top:20px; background:url(../images/pagebody/dot.gif) no-repeat 0 2px; text-indent:15px;}
.help h3{ font-size:12px; text-indent:10px; margin-top:25px;}
.help .content{}
.help ul{width:100%; overflow:hidden;}
.help ul li{ float:left;width:235px; margin-top:17px; }
.help ul li.mt5{ margin-top:1px;}
.help ul li p{width:201px;}

.blog{ margin-top:25px;}
.blog .left{width:675px; float:right; margin-right:34px;}


.blog .left h1{width:100%;height:30px; line-height:30px; font-size:15px; color:#000; text-indent:15px; background:url(../images/pagebody/dot.gif) no-repeat 0 10px;}
.blog .left .content .article-info{ padding-left:15px; height:50px;}
.blog .left .content .article-info div{ margin:5px 0 0 8px; display:inline; font-family:宋体; color:#ffbb00; font-size:13px; font-weight:bold;}
.blog .left .content .post{ text-align:left;width:660px; float:right; overflow:hidden;}

.blog .right{width:232px;float:right;}
.blog .right .blog-inside{width:210px; overflow:hidden; overflow:hidden; margin-top:18px;}
.blog .right .blog-inside h3{ font-size:13px; color:#000; border-bottom:1px solid #e1e1e1; text-indent:15px; height:22px; line-height:22px;}
.blog .right .blog-inside ul{width:100%; overflow:hidden; margin-top:5px;}
.blog .right .blog-inside li{width:100%; height:18px; overflow:hidden; text-indent:15px;}
.blog .right .blog-inside li a:link{ font-size:13px; color:#000;}
.blog .right .blog-inside li a:hover {color: #FF9900;text-decoration: underline;}

