body{font-size:12px;line-height:1.5;color:#333;font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1";-webkit-font-smoothing:antialiased}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p{padding:0;margin:0;}
div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p{padding:0;margin:0;}
table, td, tr, th, font{font-size:12px;}
li{list-style-type:none;}
table{margin:0 0;}
img{border:none;max-width: 100%;}
ol, ul{list-style:none;}
.clear{clear:both;}
.l{float:left}
.r{float:right}
a{color:#333;text-decoration:none}
a:hover{color:#398b0d;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}

.topbox{width:980px;height:80px;margin:0 auto;}
.logo{width: 180px;height: 64px;float: left;margin-top: 10px;}
.topnav{display: inline;float: left;margin-left: 50px;}
.topnav li{display: block;float: left;height: 77px;}
.topnav li a{display: block;float: left;height: 80px;line-height: 80px;color: #333;font-size: 16px;padding: 0 20px;letter-spacing:3px;border-left: 1px solid #EEE;}
.topnav .thisclass a{line-height:77px;}
.topnav li a.last{border-right: 1px solid #EEE;}
.topnav .thisclass{border-top:3px solid #398b0d;}
.topnav li a:hover{color:#398b0d;}
.topnav li:hover{border-top:3px solid #398b0d;}
.search_nav{float:right;padding-top:25px;}
.search_nav input{background: #fff;border: 1px solid #398b0d;height: 27px;line-height: 25px;margin: 0;padding: 0;}
.search_nav #bdcsMain{width:200px;padding:0px 3px;}
.search_nav #ssubmit{background: #398b0d;color: #fff;overflow: hidden;padding: 0;margin: 0 0 0 -3px;width: 45px;height: 29px;cursor: pointer;text-align: center;}
.inner{width:980px;height:450px;margin:0 auto;}
.inner .content{float: right;width: 485px;margin-top: 300px;}
.inner .download{display:inline-block;}
.btn-option{display:inline-block;background:#FFF;border-radius: 2px;color: #138e15;font-size: 24px;vertical-align: middle;margin-right:2px;zoom: 1;}
.btn-option a{display:inline-block;color: #138e15;font-size: 0.8em;height: 2.2em;overflow: hidden;padding:8px 0;text-align: left;vertical-align: middle;zoom: 1;width:152px;*_width:152px;}
.btn-option a:hover{ color:#138e15;}
.btn-option .pc{float: left;height: 23px;width: 26px;margin:2px 7px 4px 10px;}
.btn-option .an{float: left;height: 28px;width: 23px;margin:0 10px;}
.btn-option .ap{float: left;height: 29px;width: 23px;margin:0 10px;}
.btn-option .down{display: inline-block;height: 15px;vertical-align: -0.1em;width: 16px;padding:0 6px 0 3px;zoom: 1;}
.btn-option em{color: #7E7E7E;display: block;font-size: 12px;line-height: initial;font-style:normal;text-align:center;padding-top:5px;}
.main{width:1200px;margin:0 auto;}
.function{width:1200px;display:inline-block;margin:20px 0 10px 0;}
.function strong{display:block;font-size: 28px;text-align: center;padding-bottom: 10px;border-bottom: 2px dashed #17a2e7;margin-bottom: 40px;color: #000000;}
.container{display:inline-block;width:1200px;margin:0 auto;text-align:center;}
.container img{ max-width:1200px;}
.txtbox{width:1200px;display:inline-block;margin-bottom:15px;}
.txtbox .box{float: left;width: 312px;display: inline;}
.box-hd{margin-bottom: 10px;padding-bottom:10px;border-bottom:1px dashed #17a2e7;line-height:26px;}
.box-hd strong{font-size: 20px;color: #17a2e7;font-weight:500;}
.box-hd .more{float:right;line-height: 30px;font-size: 14px;color: #999;}
.box-hd .more:hover{color:#17a2e7;}
.box-bd{width:580px;}
.headline{width:580px;display:inline-block; height: 120px; overflow:hidden; padding-bottom:5px;}
.box-bd .tpic{float:left;width:170px;box-shadow: 1px 1px 5px #ccc;margin-right:10px;}
.box-bd .tpic img{width:170px;}
.box-bd .ttxt{float:left;width:400px;height: 120px;overflow:hidden;}
.box-bd .ttxt .title{display:inline-block;font-size:16px;color:#333;width:400px;height:20px;line-height:20px;overflow:hidden;text-decoration:none;}
.box-bd .ttxt p{color:#7C7C7C;font-size:12px;line-height:23px;width:400px;height: 70px;overflow:hidden; padding-top: 2px;}
.box-bd .ttxt .detail{color:#17a2e7;}
.box-bd .ttxt .detail:hover{text-decoration:underline;}
.box-bd .ttxt .title:hover,.box-bd .ttxt .detail:hover{color:#17a2e7;}
.boxlist{display:inline-block;font-size: 14px;line-height: 34px;padding-top:5px; border-top:1px dashed #CCC;}
.boxlist li{line-height: 28px;height: 28px;padding-left: 12px;background:url(../images/dot.png) no-repeat scroll left center;overflow: hidden;width: 565px;display: inline-block;white-space:nowrap;text-overflow: ellipsis;}
.boxlist li a{ float:left;width:470px;height:28px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.boxlist li em{float:right;font-size:14px;font-style:normal;color:#989898;}

.txtboxs{width:1200px;display:inline-block;margin-bottom:15px;}
.txtboxs .boxs{float: left;width: 312px;display: inline;}
.box-hds{margin-bottom: 10px;padding-bottom:10px;border-bottom:1px dashed #17a2e7;line-height:26px;}
.box-hds strong{font-size: 20px;color: #17a2e7;font-weight:500;}
.box-hds .more{float:right;line-height: 30px;font-size: 14px;color: #999;}
.box-hds .more:hover{color:#17a2e7;}
.box-bds{width:400px;}
.headlines{width:400px;display:inline-block; height: 120px; overflow:hidden; padding-bottom:5px;}
.box-bds .tpic{float:left;width:170px;box-shadow: 1px 1px 5px #ccc;margin-right:10px;}
.box-bds .tpic img{width:170px;}
.box-bds .ttxt{float:left;width:400px;height: 120px;overflow:hidden;}
.box-bds .ttxt .title{display:inline-block;font-size:16px;color:#333;width:400px;height:20px;line-height:20px;overflow:hidden;text-decoration:none;}
.box-bds .ttxt p{color:#7C7C7C;font-size:12px;line-height:23px;width:400px;height: 70px;overflow:hidden; padding-top: 2px;}
.box-bds .ttxt .detail{color:#17a2e7;}
.box-bds .ttxt .detail:hover{text-decoration:underline;}
.box-bds .ttxt .title:hover,.box-bd .ttxt .detail:hover{color:#17a2e7;}
.boxlists{display:inline-block;font-size: 14px;line-height: 34px;padding-top:5px; }
.boxlists li{line-height: 28px;height: 28px;padding-left: 12px;background:url(../images/dot.png) no-repeat scroll left center;overflow: hidden;width: auto;display: inline-block;white-space:nowrap;text-overflow: ellipsis;}
.boxlists li a{ float:left;width:380px;height:28px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.boxlists li em{float:right;font-size:14px;font-style:normal;color:#989898;}

.footer{width:100%;background:#f6f6f6;}
.mfoot{width:980px;margin:0 auto;padding: 20px 0;line-height: 2;}
.mfoot p{text-align: center;color: #999;}
.tool-top{z-index: 1000;position: fixed;height: 200px;bottom: 0;width: 43px;right: 0;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);}
.tool-top a{overflow: hidden;display: block;margin-bottom: 4px;padding-top: 4px;width: 41px;height: 39px;text-align: center;color: #666;border: 1px solid #e8e8e8;background-color: #fafafa;}
.tool-top a:hover{text-decoration:none;color:#fff;border-color:#3ba354;background-color:#3ba354}
.postion{width:1200px;margin:0 auto;padding:20px 0;}
.postion a{color: #333;font-size: 13px;letter-spacing:1px;}
.postion a:hover{text-decoration:underline;}

.listbox,.left_box{width:850px;padding:0 15px 15px 15px;border-right:1px solid #e8e8e8;}
.listbox ul{display:inline-block;list-style:none;}
.listbox li{float:left;padding:15px 0;border-bottom:1px dashed #e8e8e8;}
.list_pic{width:170px;height:113px;border:1px solid #e8e8e8;margin-right:15px;}
.list_pic img{width:170px;height:113px;}
.list_txt{width:660px;height:113px;overflow:hidden;}
.list_txt .list-title{display:inline-block;width:660px;height:20px;font-size:16px;color:#333;margin-bottom:8px;overflow:hidden;}
.list_txt .list-title:hover{color:#37890d;}
.list_txt .list-p{width: 660px;height: 70px;text-indent: 20px;font-size: 12px;color: #8C8C8C;line-height: 23px;overflow: hidden;}
.list_txt .list-timer{color: #8C8C8C;text-align: right;display: block;margin-right: 9px;}
.pages{position: relative;height:35px;margin-top:20px;text-align: center;float:left;width:100%;}
.pages ul{float: left;position: relative;left: 50%;}
.pages ul li{float:left;position: relative;text-align:center;margin-right:5px;right:50%;border-bottom:none;padding:inherit;}
.pages ul .thisclass{float: left;border: 1px solid #fff;color: #fff;background: #37890d;}
.pages ul .thisclass a{color: #fff;}
.pages ul li a{float:left;height:33px;line-height:33px;padding:0 13px;border:1px solid #E4E4E4;color:#000000;}
.pages ul li a:hover{color:#ffffff;background:#37890d;}
.right_box{width: 289px;padding:15px;}
.article_sider{width:100%;display:inline-block;margin-bottom:15px;}
.article-tit{height: 43px;background-image:url(../images/border.jpg);background-repeat: repeat-x;background-position: bottom;}
.article-tit strong{font-size: 16px;color: #17a2e7;text-indent: 5px;height: 41px;border-bottom: 2px solid #17a2e7;line-height: 42px;float: left;padding-right: 8px;}
.article-tit strong a{font-size: 16px;color: #17a2e7;}
.h_rank,.art_info{width:100%;float:left;}
.h_rank li{float:left;width: 100%;line-height: 18px;height: 18px;margin-top: 15px;overflow: hidden;}
.h_rank li.this em{background: #37890d;color: #ffffff;}
.h_rank li em{width: 20px;text-align: center;float: left;background: #EDEDED;border-radius: 15px;margin-right: 10px;display: inline;color: #000000;font-style: normal;}
.h_rank li a{float:left;text-overflow: ellipsis;width: 259px;color: #6B6B6B;font-size: 14px;white-space: nowrap;overflow: hidden;line-height: 18px;height: 18px;}
.h_rank li a:hover,.art_info li a:hover{color:#ff7d00;}
.art_info{margin-top:10px;}
.art_info li{line-height: 30px;padding-left: 15px;background:url(../images/dot.png) no-repeat scroll left center;overflow: hidden;width: 268px;display: inline-block;padding-bottom: 2px;}
.art_info li a{float: left;font-size: 14px;line-height: 30px;color: #6B6B6B;width: 268px;overflow: hidden;height: 30px;white-space: nowrap;text-overflow: ellipsis;}
.art_hd{width: 620px;display: inline-block;text-align: center;}
.art_hd h1{font-size: 16px;font-family: Microsoft Yahei;line-height: 200%;text-align: center;color: #303030;padding-top: 10px;}
.artinfo{clear: both;border-bottom: 1px dashed #e6e6e6;font-size: 12px;padding: 10px 0;text-align: center;width: 100%;}
.art_content{display:inline-block;padding:10px 0 10px 0;}
.art_content p,.soft_rec p{padding: 0;line-height: 30px;color: #6B6B6B;font-size: 14px;font-weight: normal;text-indent:2em;}
.art_content img{max-width: 620px;margin:5px 0;}
.handover{width: 620px;text-align: left;display: inline-block;}
.pre, .next{height: 42px;line-height: 42px;border: 1px solid #e4e4e4;width: 295px;margin: 20px 0;font-size: 14px;font-weight: normal;padding-left: 5px;overflow: hidden;color: #6B6B6B;}
.pre a, .next a{font-size: 12px !important;color: #6B6B6B;}
.pre a:hover, .next a:hover{color:#ff7d00;text-decoration:underline;}
.soft_box{display: inline-block;overflow: hidden;margin-top: 15px;}
.s_l{width: 220px;overflow: hidden;float: left;padding-right: 15px;border-right: 1px dashed #CCC;}
.s_l img{width: 220px;height: 147px;}
.s_r{width: 379px;float: right;overflow: hidden;padding-left: 15px;}
.s_r strong{display:inline-block;width:379px;height:20px;line-height:20px;overflow:hidden;font-size: 15px;color: #37890d;}
.s_r .table{line-height: 30px;color: #010101;}
.soft_rec{float: left;display: inline-block;margin-top: 10px;width: 630px;overflow: hidden;}
.soft_content{line-height: 26px;font-size: 14px;}
.soft_content p{margin:5px 0;}
.down_add{width: 630px;}
.down_add li.dianxin{background: url(../images/dianxin.png) no-repeat scroll left center;}
.down_add li{line-height: 31px;height: 31px;float: left;overflow: hidden;margin: 10px;padding-left: 20px;}
.down_add li a{line-height: 31px;font-size: 14px;color: #5F5F5F;}
.down_add li a:hover{text-decoration:underline;}
.textbox{width: 630px;padding-top:10px;}
.textbox ul{display:inline-block;}
.textbox li{line-height: 30px;height: 30px;padding-left: 10px;background:url(../images/dot.png) no-repeat scroll 0 14px;overflow: hidden;width: 300px;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.textbox li a{font-size: 14px;line-height: 30px;color: #5F5F5F;}
.textbox li a:hover{ color:#37890d;}








#main .position{height: 28px; line-height: 28px; border-bottom: #ddd 1px solid; margin-bottom: 10px;}
#main .position h2{ display:inline-block; font-size:12px; font-weight:normal;}
#main .position h1{ display:inline-block; font-size:12px; font-weight:normal;}
#wrap-left{float: left; width: 200px;}
#wrap-left .class-list li{width: 200px; height: 32px; margin-bottom: 5px; position: relative;}
#wrap-left .class-list li a{width: 200px; height: 32px; line-height: 32px;background: #eee; font-size: 14px; display: block; text-align: center;}
#wrap-left .class-list li a:hover{background: #17A2E7; color: #333;-webkit-transition: background-color .3s linear;-moz-transition:background-color .3s linear}
#wrap-left .class-list .current {background: #17A2E7 !important; color: #fff !important;}
#wrap-left .class-list .current s{display: block;}
s{display: none; position: absolute; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #40BBEC; border-width: 5px; left: 200px; top: 16px; margin-top: -5px; font-size: 0; line-height: 0;}

#wrap-right{float: right; width: 750px; border-left: 1px #fff solid;}
#wrap-right .soft-list li{float: left; display:inline; width: 620px; height: 156px; margin: 10px 0 0 0px; border-bottom: 2px solid #17a2e7 ;}

.l_stars{background: url(/skins/img/stars.png) no-repeat; width: 79px; height: 17px; float:left; }
.l_star5{background-position: 0 0;}
.l_star4{background-position: -16px 0;}
.l_star3{background-position: -32px 0;}
.l_star2{background-position: -48px 0;}
.l_star1{background-position: -64px 0;}


#wrap-right .soft-list img{ width:164px; height:119px; display:block;}
#wrap-right .soft-list a:hover img{opacity: 0.8; filter:alpha(opacity=80);}
#wrap-right .soft-list .soft-ico{float: left; height:119px; width: 184px; margin:12px 20px 46px 20px; display:inline;}
#wrap-right .soft-list .soft-ico img{border:1px solid #c3cedd; background:#e9edf5; padding:2px;}
#wrap-right .soft-list .soft-info{float: left; width: 385px; height: 126px; margin-top:10px; line-height:20px;}
#wrap-right .soft-list .soft-name{font-size: 14px; width:385px; font-weight: bold; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#wrap-right .soft-list .soft-time{color: #999; width:420px; height: 24px; line-height: 24px;}
#wrap-right .soft-list .soft-time strong{ float:left; font-weight:normal;}
#wrap-right .soft-list .soft-time span{ color:#CC3300;}
#wrap-right .soft-list .soft-summary{color: #888; height:60px; overflow:hidden;}

#wrap-right .pages{height: 30px; line-height: 30px; font-size: 14px; text-align: center; margin-top: 20px;}
#wrap-right .pages span{font-size: 16px; font-weight: bold; color: #17a2e7 ;}

 .right-list li{width:320px;height: 48px; padding: 10px 0; border-bottom: 1px dashed #eee;}
 .right-list li a{cursor: pointer; display: block; height: 48px; width: 320px;}
 .right-list .soft_ico{float: left; height: 48px; width: 48px; margin-right: 10px;}
 .right-list .soft_r{float: left; height: 48px;}
 .right-list .soft_name{width: 260px; height: 22px; display: block; font-weight: bold; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
 .right-list .soft_desc{width: 260px; height: 26px; display: block; line-height: 28px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*page???*/
#main #title{text-align: center; line-height: 40px; margin: 0 10px 0 20px; border-bottom: 1px dashed #DDD;}
#main #content{font-size: 14px; line-height: 24px; padding:0 10px 10px 20px;}

#wrap1 #content{margin-bottom: 10px;}
#wrap1 .soft-content{font-size: 14px; line-height: 24px; padding: 10px; width: 600px; overflow:hidden;}
#wrap1 .soft-content img{max-height:600px; max-width:590px;}
#wrap1 .soft-content blockquote{padding: 10px; border: 1px solid #DEC694; background-color: #FFF6CF; color: #D20000;}
#wrap1 .soft-content a {color: #0086e3; text-decoration: none;}
#wrap1 .soft-content a:hover { text-decoration: underline;}
#wrap1 .slides_container{width:620px;}
#wrap1 .soft-images{padding: 10px; width:670px; overflow: hidden; overflow-x: scroll; background-color:#eee;}
#wrap1 .soft-imglist{padding-right: 10px;}
#wrap1 .keywords{margin-top: 20px; padding: 4px 8px; font-size: 12px; color: #AAA; border: 1px solid #E6E6E6; background-color: #F9F9F9;}
#wrap1 .keywords a{color: #AAA;}
#wrap1 .keywords a:hover{color: #17a2e7;}

.rand-list{width: 620px; height: 110px;}
.rand-list a:hover img{opacity: 0.8; filter:alpha(opacity=80);}
.rand-list li{float: left; text-align: center; width: 86px; height: 90px; padding-top: 20px;}
.rand-list img{width: 48px; height: 48px; margin-bottom:4px;}
.rand-list .soft-name{line-height: 18px; width: 80px; margin: 0 auto; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;}

.class-list a{float: left; width: 155px; height: 28px; line-height: 28px; background: #eee; text-align: center; color: #777; margin: 5px 5px 0 0; cursor: pointer;}
.class-list a:hover{background: #17a2e7 ; color: #fff; -webkit-transition: background-color .3s linear;-moz-transition: background-color .3s linear}
.class-list .current{background: #17a2e7 ; color: #fff; }

.green{border-bottom: 3px solid #17a2e7 !important;}
.green .current{background: #17a2e7  !important;}


#wrap1 .soft-name h1{font-size: 20px;}
#wrap1 .soft-name-wzbiaoti{width: 570px; margin-left:20px; border-bottom: #999999 1px dashed; float:left; overflow: hidden;}
#wrap1 .soft-name-wzbiaoti h1{font-size: 18px; padding:8px 0; text-align:center; color:#333333;}
#wrap1 .soft-name-wenzhang{width: 570px; height: 30px; text-align:center; margin-top:10px;margin-left:20px;  float:left;}
#wrap1 .soft-name-wenzhang span{font-size:14px;}

#wrap1 .right-list li{width:320px;height: 48px; padding: 10px 0; border-bottom: 1px dashed #eee;}
#wrap1 .right-list li a{cursor: pointer; display: block; height: 48px; width: 320px;}
#wrap1 .right-list .soft_ico{float: left; height: 48px; width: 48px; margin-right: 10px;}
#wrap1 .right-list .soft_r{float: left; height: 48px;}
#wrap1 .right-list .soft_name{width: 260px; height: 22px; display: block; font-weight: bold; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#wrap1 .right-list .soft_desc{width: 260px; height: 26px; display: block; line-height: 28px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}