@charset "utf-8";
body{font-size:12px;line-height:18px;font-family:微软雅黑,黑体,Verdana, Arial, Helvetica, sans-serif, 宋体 , tahoma ,'Hiragino Sans GB';color:#000000;background:#fff;}
body,html,ul,li,dl,dt,dd,ol,th,td,form,h1,h2,h3,h4,h5,h6,img,p,input{margin:0px;padding:0px;}
img{vertical-align:top;border:0;}
button,select,textarea{outline:none;}
em{font-style:normal;}
textarea{resize:none}
ul,li{list-style-type:none;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix{zoom:1;height: 1%;}
*+html .clearfix{zoom:1;}
.main{width:982px;margin:0 auto;position:relative;}
a{color:#000000;text-decoration:none}
a:hover{color:#0067CE;text-decoration:none;}

.top{height:35px;line-height:35px;background:#eeeeee;}
.top a:link,.top a:visited{color:#858585;margin-right:26px;}
.top a:hover{color:#333;}

.header{height:90px;}
.header .logo{width:240px;float:left;height:55px;padding-top:18px;}
.header .logo img{width:inherit;}
.header .headerNav{width:742px;float:left;}
.header .headerNav ul{height:80px;padding-top:5px;}
.header .headerNav ul li{height:80px;line-height:80px;float:left;width:90px;margin-right:25px;}
.header .headerNav ul li a{font-size:18px;height:80px;width:90px;display:block;text-align:center;}
.header .headerNav ul li a:hover{border-bottom:4px solid #ffbf00;}
.header .headerNav ul li.nav-select a{border-bottom:4px solid #ffbf00;}


/*BANNER*/
.bannert,.banner-1,.banner-2,.banner-3{height:400px;position:relative;overflow:hidden;}

.banner-1 a,.banner-2 a,.banner-3 a{width:960px;height:400px; display:block;margin:auto;text-indent:-9999px;}
.bannert ul{position:absolute;bottom:20px;left:50%;margin-left:-105px;}
.bannert ul li{width:104px;height:34px;margin-right:5px;padding:2px 0 0 2px;float:left;background:#006699;overflow:hidden;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.bannert ul li img{width:100px;height:30px;border:1px solid #006699;}
.bannert .banner-select a img{border:1px solid #FFF;}
.banner-s{margin-top:10px;}
.banner-1-detail:link,.banner-1-detail:visited{background:none;position:absolute;width:172px;height:42px;left:50%;top:220px;margin-left:153px;  }
.banner-1-detail2:link,.banner-1-detail2:visited{background:none;position:absolute;width:140px;height:42px;left:50%;top:220px;margin-left:340px;  }
.banner-1-detail3:link,.banner-1-detail3:visited{background:none;position:absolute;width:140px;height:42px;left:50%;top:220px;margin-left:-6px;}
.banner-1-detail4{background:none;position:absolute;width:450px;height:42px;left:50%;top:352px;margin-left:275px; font-size:16px; color: #fbd449;  text-indent:0}
.banner-1-detail5{background:none;position:absolute;width:450px;height:42px; line-height: 25px;left:50%;top:302px;margin-left:130px; font-size:14px; color: #ffffff;  text-indent:0}
.banner-2-detail:link,.banner-2-detail:visited{background:none;position:absolute;width:220px;height:42px;left:50%;top:270px;margin-left:-500px; }
.banner-2-detail2:link,.banner-2-detail2:visited{background:none;position:absolute;width:190px;height:42px;left:50%;top:270px;margin-left:-270px;  }
.banner-2-detail3:link,.banner-2-detail3:visited{background:none;position:absolute;width:625px;height:100px;left:50%;top:100px;margin-left:-500px;  }
.banner-2-detail4:link,.banner-2-detail4:visited{background:none;position:absolute;width:125px;height:32px;left:50%;top:305px;margin-left:-50px;  }
.banner-2-detail5:link,.banner-2-detail5:visited{background:none;position:absolute;width:525px;height:260px;left:50%;top:100px;margin-left:140px; }
.banner-2-detail6:link,.banner-2-detail6:visited{background:none;text-indent:0px; position:absolute;width:220px;height:42px;left:50%;top:220px;margin-left:-200px;}

.slide{width:100%;height:400px;}
.slide .bd{height:400px;overflow:hidden;}
.slide .bd ul{height:400px;overflow:hidden;}
.slide .bd ul li{width:100%;height:400px;}
.slide .bd ul li a{display:block;text-indent:-9999px;position:absolute;outline:none;}
.banner1-1{width:240px;height:42px;top:270px;left:457px; }
.banner1-2{width:190px;height:42px;top:270px;left:708px; }
.banner1-3{width:140px;height:59px;top:254px;left:833px;}
.slide .hd{position:relative;width:980px;margin:0 auto;}
.slide .hd ul{position:absolute;left:100px;top:-30px;z-index:999;}
.slide .hd ul li{background:#FFF;width:12px;height:12px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;overflow:hidden;text-indent:-999px;cursor:pointer;float:left;margin-right:10px;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
.slide .hd ul li.on{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}
.slidePN{position:relative;width:980px;margin:0 auto;}
.slidePN .prev,.slidePN .next{position:absolute;top:-400px;z-index:1000;width:71px;height:400px;display:block;}
.slidePN .prev{left:-71px;}
.slidePN .next{right:-71px;}
.slidePN .prev span{}
.slidePN .next span{background-position:-21px top;}
.slidePN .prev:hover span{background-position:left -39px;}
.slidePN .next:hover span{background-position:-21px -39px;}

.pane{height:180px;}
.pane dl{padding:30px;}
.pane dl dt{width:220px;height:120px;float:left;}
.pane dl dd{width:672px;float:left;padding-left:30px;}
.pane dl dd p.p1{height:36px;line-height:36px;font-size:20px;overflow:hidden;}
.pane dl dd p.p2{height:56px;line-height:28px;overflow:hidden;font-size:14px;color:#999999;}
.pane dl dd p.p3{height:28px;line-height:28px;}
.pane dl dd p.p3 a{font-size:14px;color:#0067CE;}
.pane dl dd p.p3 a:hover{text-decoration:underline;}

.panet{height:180px;  padding-top:10px;border-top:2px #eee solid; clear: both;}
.panet dl dt{width:100%;height:30px;font-size:20px; }
.panet dl dd{width:480px;float:left;padding-right:10px;padding-bottom:5px;height:25px;font-size:14px;color:#999999; overflow:hidden; line-height: 25px;}


.intro{border-top:2px solid #eeeeee;border-bottom:1px solid #eeeeee;overflow:hidden;}
.intro .introL{width:720px;float:left;overflow:hidden;}
.intro .introL .introBox{width:209px;height:254px;float:left;border-right:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;padding:36px 15px 0 15px;text-align:center;}
.intro .introL .introBox p.p1{font-size:16px;color:#333333;height:34px;line-height:34px;overflow:hidden;padding-top:30px;}
.intro .introL .introBox p.p2{line-height:28px;font-size:12px;color:#999999;}
.intro .introR{width:262px;float:right;}
.intro .introR .panel-list{height:274px;border-bottom:1px solid #eeeeee;padding:16px 20px 0 25px;width:217px;overflow:hidden;}
.intro .introR .panel-list h2{height:44px;line-height:42px;font-size:18px;font-weight:normal;color:#333333;}
.intro .introR .panel-list h2 span{height:42px;line-height:42px;display:block;float:left;padding:0 5px;margin:0 20px 0 0;cursor:pointer;color:#777777;}
.intro .introR .panel-list h2 span.on{border-bottom:2px solid #ffbf00;color:#333333;}
.intro .introR .panel-list ul{padding-top:17px;}
.intro .introR .panel-list ul li{height:32px;line-height:32px;overflow:hidden}
.intro .introR .panel-list ul li a{font-size:14px;color:#999999;}
.intro .introR .panel-list ul li a:hover{color:#0067CE;text-decoration:underline;}

.footerlink{padding:15px 0 30px 0;}
.footerlink h3{height:54px;line-height:54px;font-size:18px;font-weight:normal;}
.footerlink .footerlink1{line-height:26px;}
.footerlink .footerlink1 a{color:#999999;margin-right:10px;}
.footerlink .footerlink1 a:hover{color:#0067CE;}

.footer{height:50px;line-height:50px;background:#eeeeee;}
.footer .main{}
.footer .footerL{float:left;color:#999999;}
.footer .footerR{float:right;}
.footer .footerR a{float:left;color:#333333;}
.footer .footerR a:hover{color:#0067CE;text-decoration:underline;}
.footer .footerR span{float:left;padding:0 8px;color:#AAAAAA;}


.border2{height:2px;overflow:hidden;background:#eeeeee;}

.paneL{width:719px;float:left;}
.paneL img {max-width:85%; width:100%!important; height:auto!important}
.paneL .pathinfo{height:50px;line-height:50px;color:#858585;}
.paneL .pathinfo span{float:left;}
.paneL .pathinfo a{color:#858585;float:left;}
.paneL .pathinfo a:hover{color:#0067CE;text-decoration:underline;}
.paneL .pathinfo em{float:left;padding:0 8px;}
.paneL .banner{padding:8px 0 4px 0;}
.paneL .paneList{}
.paneL .paneList dl{height:184px;width:692px;border-bottom:1px solid #eeeeee;}
.paneL .paneList dl dt{padding:34px 0 0 15px;float:left;width:135px;}
.paneL .paneList dl dd{float:left;width:540px;padding-top:34px;}
.paneL .whl dl dd{float:left;width:692px;padding-top:34px;}
.paneL .paneList dl dd .paneListL{width:415px;float:left;}
.paneL .paneList dl dd .wh{width:530px;float:left; }
.paneL .paneList dl dd h4{height:30px;line-height:30px;overflow:hidden;}
.paneL .paneList dl dd h4 a{font-size:16px;float:left;margin-right:8px;font-weight:normal;}
.paneL .paneList dl dd h4 span{font-size:12px;width:18px;height:18px;line-height:18px;_line-height:19px;display:block;float:left;background:#63c600;color:#ffffff;text-align:center;margin-top:7px;overflow:hidden;}
.paneL .paneList dl dd h4 a.Green{color:#429B00;font-weight:bold;}
.paneL .paneList dl dd h4 a:hover{text-decoration:underline;}
.paneL .paneList dl dd p.p1{line-height:28px;height:28px;overflow:hidden;color:#AAAAAA;}
.paneL .paneList dl dd p.p2{line-height:25px;color:#666666;}
.paneL .paneList dl dd .downBtn{width:80px;height:30px;float:right;background:#59b5ff;margin-top:40px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
.paneL .paneList dl dd .downBtn a{width:80px;height:30px;line-height:30px;display:block;font-size:14px;color:#ffffff;text-align:center;}
.paneL .paneList dl dd .downBtn:hover{background:#249CFF;}
.page{height:28px;width:697px;padding:30px 0;}
.page .page1{float:right;}
.page .page1 strong{width:28px;height:28px;line-height:28px;background:#59b5ff;display:block;color:#ffffff;text-align:center;float:left;margin:0 5px 0 0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.page .page1 a{width:28px;height:28px;line-height:28px;background:#eeeeee;display:block;color:#888888;text-align:center;float:left;margin:0 5px 0 0;text-decoration:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.page .page1 a:hover{background:#59b5ff;color:#ffffff;}
.page .page1 a.next,.page .page1 a.prev{width:60px;}
.paneR{width:212px;float:left;padding:20px 20px 0 28px; border-left:1px solid #eeeeee;}
.paneR h4{height:50px;line-height:50px;font-size:18px;font-weight:normal;}
.paneR ul{padding-bottom:20px;}
.paneR ul li{height:32px;line-height:32px;overflow:hidden}
.paneR ul li a{font-size:14px;color:#999999;}
.paneR ul li a:hover{color:#0067CE;text-decoration:underline;}


.paneL .SoftwareTitle{height:72px;line-height:50px;overflow:hidden;border-bottom:1px solid #eeeeee;font-size:24px;text-align:center;width:692px;}
.paneL .downView{width:692px;height:218px;}
.paneL .downView .downViewImg{width:135px;float:left;padding:30px 0 0 15px;}
.paneL .downView ul{float:left;width:540px;padding-top:20px;}
.paneL .downView ul li{height:30px;line-height:30px;}
.paneL .downView ul li span{float:left;width:64px;display:block;color:#AAAAAA;}
.paneL .downView ul li em{float:left;width:440px;display:block;color:#666666;}

.paneL .downViewapp{width:692px;height:218px;}
.paneL .downViewapp .downViewImg{width:280px;float:left;padding:30px 0 0 15px;}
.paneL .downViewapp ul{float:left;width:340px;padding-top:20px;}
.paneL .downViewapp ul li{height:30px;line-height:30px;}
.paneL .downViewapp ul li span{float:left;width:64px;display:block;color:#AAAAAA;}
.paneL .downViewapp ul li em{float:left;width:240px;display:block;color:#666666;}

.paneL .Download{width:692px;background:#eeeeee;}
.paneL .Download dl{}
.paneL .Download dl dt{width:140px;float:left;line-height:56px; text-align:center;font-size:16px;color:#666666;}
.paneL .Download dl dd{width:500px;float:left;padding:14px 0 4px 0;_padding:14px 0 14px 0;}
.paneL .Download dl dd .dlBtn:hover{background-color:#249CFF;}
.paneL .Download dl dd .Green{background-color:#67c036;}
.paneL .Download dl dd .Green:hover{background-color:#5AA930;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.paneL .Download dl dd .dlBtn a{width:80px;padding-left:30px;text-align:center;height:30px;display:block;color:#ffffff;font-size:14px;}
.banner img {max-width: 100%;}
.DownloadC{line-height:240%;color:#666666;padding:40px 0 100px 25px}

.Help{overflow:hidden;}
.Help ul{width:720px;padding-top:30px;}
.Help ul li{width:266px;height:231px;float:left;border:2px solid #eeeeee;margin:0 30px 30px 0;padding:25px 30px 0 30px;text-align:center;}
.Help ul li:hover{background:#F5F5F5;}
.Help ul li h4{height:40px;line-height:40px;font-size:20px;font-weight:normal;overflow:hidden;}
.Help ul li p.p1{height:30px;line-height:30px;color:#AAAAAA;}
.Help ul li p.p2{line-height:28px;height:84px;overflow:hidden;display:block;color:#666;}
.Help ul li p.p3{width:100px;height:30px;line-height:30px;background:#59b5ff;margin:25px auto 0 auto;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.Help ul li p.p3 a{width:100px;height:30px;display:block;color:#ffffff;font-size:14px;}
.Help ul li p.p3:hover{background:#249CFF;}
.Help .page{padding-top:0;}

.ArticleTitle{text-align:center;border-bottom:1px solid #eeeeee;padding-bottom:22px;width:690px;}
.ArticleTitle h1{height:50px;line-height:24px;font-size:24px;font-weight:normal;}
.ArticleTitle p{height:20px;line-height:20px;}

.Article{width:690px;font-size:14px;color:#666666;line-height:260%;padding:35px 5px 0;}
.Author{width:690px;height:70px;line-height:70px;border-bottom:1px solid #eeeeee;text-align:right;font-size:14px;color:#666666;}
.Author a{color:#0066CC;}
.Author a:hover{text-decoration:underline;}
.post_next_prev{padding:35px 0 55px 0;}
.post_next_prev p{height:32px;line-height:32px;font-size:14px;color:#666666;}
.post_next_prev p a{color:#0066CC;}
.post_next_prev p a:hover{text-decoration:underline;}

.online_service {
    position: fixed;
    bottom: 120px;
    right: 10px;
}

.online_service .item {
    display: block;
    padding-top: 5px;
}

.online_service .item span,.online_service .wechat{
    display:none;
}
.online_service .item:hover span{
    line-height: 48px;
    left: -75px;
    width: 70px;
}

.online_service .item:hover span,.online_service .item:hover .wechat {
    display: block;
    position: absolute;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    -moz-box-shadow:1px 1px 5px #333333;
    -webkit-box-shadow:1px 1px 5px #333333;
    box-shadow:1px 1px 5px #333333;
    color:#59b5ff;
    font-weight:500;
    background-color:#fff;
}

.online_service .item:hover .wechat{
    left: -165px;
    width: 160px;
    top: -31px;
}
.online_service .wechat h2 {
    padding: 10px 0 3px 0;
    font-size: 14px;
}
.online_service .wechat img{
    width: 100%;
    height: 100%;
}
.online_service .item a{
    width: 48px;
    height: 48px;
    display: block;
    text-decoration: none;
}