@charset "utf-8";
/* CSS Document */
/*all.css*/
body{ margin:0 auto;}
html{ min-width:1200px; }
.header,.mian,.footer{ overflow:hidden; margin:0 auto; min-width:1200px;overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.navFrame,.contentFrame,.copyrightFrame{ width:1200px; margin:0 auto; overflow:hidden;}
/*main.css*/
.main{ background-color:#f2f5f8; position: relative; overflow: hidden;}
.title{ font-size:20px; color:#333;padding:28px 24px 16px 0; overflow:hidden;}
.title img{ padding-right:14px;}
.title a{ float:right; color:#828282; font-size:15px; line-height:30px; font-weight:normal;*+margin-top:-28px;}
/*banner*/
.bannerFrame{ overflow:hidden; background-color:#292929; }
.banner{ overflow:hidden; height:508px; position:relative;}
#bannerList a{ height:508px; width:1198px;background-color:#292929; position:absolute; left:50%; margin-left:-599px; z-index:1000; text-align:center;cursor:default;}
#bannerList img{width:1198px; height:508px;}
#dot{ width:1200px; height:50px; margin:0 auto; position:relative; z-index:1001; margin-top:458px;}
#dot li{ float:left; width:299px; height:50px; margin-left:1px; background-color:rgba(255,255,255,.1); line-height:50px; text-align:center; font-size:15px; color:#fff; cursor:pointer;filter:alpha(opacity:30);*+background-color:#000;}
#dot .active{ background-color:rgba(0,0,0,.3);filter:alpha(opacity:70);*+background-color:#000;}
#dot li:first-child{ margin:0;}

/*soft*/
.softFrame{ width:970px; margin:0 auto; overflow:hidden; padding-left:22px; padding-top:6px;}
.softFrame li{ float:left; padding: 29px 18px 0px; background-color: #fff; width:265px; height:121px; margin:0 22px 22px 0;box-shadow: 0 0 6px #ddd; }
.softFrame li:hover{box-shadow:0 1px 14px #ccc;}
.softFrame ul{ overflow:hidden; position:relative;}
.softFrame .softImg{ width:48px; height:48px; padding:2px 0 0 11px;}
.softFrame .softImg img{ width:48px; height:48px;}
.softFrame .msg{ width:189px; padding-left:13px; }
.msg h4{ font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.msg h5{color:#cbcbcb; font-size:13px; height:22px; font-weight:normal;}
.msg p{ color:#cbcbcb; font-size:13px; overflow:hidden; height:4.8em;}
.msg h5 span{ display:inline-block; width:80px; height:17px;position:absolute;}
.msg h5 .size{ margin-left:86px; width:102px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.msg .fullStar{ background:url(../../images/soft_center/stars.png) no-repeat; width:64px;}
.msg .emptyStar{ background:url(../../images/soft_center/stars.png) no-repeat -80px 0;}

.toolsFrame .title img{ padding-left:14px;}
.softFrame .softBtn,.softFrame .toolsBtn{ cursor:pointer;}
.softFrame .title .lose{ color:#cbcbcb;}
.softFrame .title .lose:hover{color:#333;}
.softFrame .toolsList{ display:none;}
.toolsFrame .title .toolsMore{ display:none;}
/*tools*/
.toolsFrame .title{padding-top:6px;}

/*dc*/
.ztFrame{ width:1198px; margin:50px auto; overflow:hidden; position: relative;}
.ztFrame .softwares{ float: left; width: 830px;}
.ztFrame .articles{ position: absolute; right: 0; width: 344px; overflow: hidden; background-color: #fff; padding: 0 16px; height: 560px;}

.softwares li{ float:left; padding: 29px 18px 0px; background-color: #fff; width:356px; height:143px; margin:0 22px 22px 0;box-shadow: 0 0 6px #ddd; }
.softwares li:hover{box-shadow:0 1px 14px #ccc;}
.softwares ul{ overflow:hidden; position:relative;}
.softwares .softImg{ width:48px; height:48px; padding:2px 0 0 11px;}
.softwares .softImg img{ width:48px; height:48px;}
.softwares .msg{ width:189px; padding-left:13px; }

.softwares .info{ padding-left: 12px; font-size: 12px; color: #999; max-width:284px;}
.softwares .info h4{ font-size: 18px; font-weight: normal; color:#333;}
.softwares .info p { margin-top:2px; margin-bottom: 15px;}
.softwares .info .size{line-height: 24px; margin-right: 10px;}
.softwares .info .xq:hover{ color:#4b8df3; }

.softwares .xz{ display: block; border: 1px solid #ccc; height: 22px; width: 62px; font-size: 14px; color: #666666; line-height: 22px; float: left; margin-right: 10px;}
.softwares .xz i{ background: url(../../images/soft_center/down.png) 0 0 no-repeat; width: 12px; height: 13px; display: block; margin: 5px 4px 0 8px; float: left;}
.softwares .xz:hover{border: 1px solid #4b8df3;}


.articles .title{ padding-bottom: 10px;}
.articles li{ height: 24px; overflow: hidden; margin-top: 4px;}
.articles li a{ color:#999; line-height: 24px;}
.articles li a:hover{ color:#00a2f3; }
.softwares li:hover .xz i{ background: url(../../images/soft_center/down-h.png) 0 0 no-repeat;}
.softwares li:hover .xz { color:#4b8df3; }

.bannerFrame.dcFrame{ background: url(../../images/zt/dc_bg.jpg) 0 0 no-repeat; width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.bannerFrame.scFrame{ background: url(../../images/zt/sc_bg.jpg) 0 0 no-repeat; width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.bannerFrame.usmFrame{ background: url(../../images/zt/usm_bg.jpg) 0 0 no-repeat; width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.bannerFrame.mosoFrame{ background: url(../../images/zt/moso_bg.jpg) 0 0 no-repeat; width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.bannerFrame.oscleanFrame{ background: url(../../images/zt/osclean_bg.jpg) 0 0 no-repeat; width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.bannerFrame.mboxFrame{ background: url(../../images/zt/mbox_bg.jpg) 0 0 no-repeat; width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.bannerFrame.skprFrame{ background: url(../../images/zt/skpr_bg.jpg) 0 0 no-repeat; width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.bannerFrame .zt{ position: relative; margin: 0 auto; width: 1198px; height: 508px;}
.bannerFrame .zt ul{position: absolute; left: 0;}
.bannerFrame .banner_img{ position: absolute; right: -30px;}
.bannerFrame .banner_title{ margin-top:80px; margin-bottom: 20px;}

.ztFrame .winAll{ height: 117px; background-color: #fff; margin-bottom:20px;box-shadow: 4px 5px 5px #E9E9E9;display: flex;justify-content: space-around;margin-left: -40px;}
.winAll li{float: left; position: relative; padding:20px 0; height: 77px;}
.winAll li:first-child{ border-left: none;}
.winAll li img{ position: absolute; left: 26px;}
.winAll li h4{ font-size: 16px; font-weight: normal; color:#333; margin-bottom: 2px;}
.winAll .down_box{ margin-left: 112px;}
.down_box { color:#999;}
.down_box .xz_btn{ background: url(../../images/soft_center/down.png) 0 0 no-repeat; width: 12px; height: 13px; display:inline-block; margin: 5px 4px 0 8px; position: absolute; }
.down_box dl{ line-height: 22px;}
.down_box dl:hover{cursor:pointer;}
.down_box dd{ display: none; position: absolute; background-color: #fff; border:1px solid #999; }
.down_box dl:hover dd{display: block; z-index: 99;}
.down_box dl a{ color:#00a2f3;}
.down_box dd a{ display: block; color:#999; padding:2px 6px;}
.down_box dd a:hover{ color:#fff; background-color: #4b8df3;}

.zt li{ margin-left: 10px; margin-bottom: 14px; overflow: hidden; color:#fff;}
.zt .mm{ float:left; font-size: 22px; color: #00a2f3; background-color: #fff; border-radius: 37px; padding: 6px 31px; display: inline-block; min-width: 116px; text-align: center;}
.zt .else { margin-left: 20px; float:left; width:145px; padding-top:4px;}
.zt.sc .else{width:168px;}
.zt.usm .else{width:360px;}
.zt .else a{ font-size:13px; color:#fff; float: left; margin-right: 14px;}
.zt .else a:hover{ text-decoration: underline;}

.ztFrame .recommend_articles{ float: left; width: 806px; background-color: #fff; overflow: hidden;}
.recommend_articles li{ overflow: hidden; border-top: 1px dashed #ccc; padding: 19px 0;}
.recommend_articles li:first-child{ border-top:none; }


.newsImg {
    width: 210px;
    height: 140px;
    padding: 3px;
    border: 1px solid #eee;
    margin: 0 14px;
}
.newsImg img { width: 210px; height: 140px; }
.newsMsg{ width: 546px;}
.newsMsg h2 {
    color:#555;
    font-size: 16px;
    padding-bottom: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.newsMsg h2:hover{ color: #00a2f3;}
.newsMsg .abstract {
    font-size: 14px;
    color: #999;
    overflow: hidden;
    height: 6.4em;
}
.newsMsg .abstract .date {
    display: inline-block;
    background-color: #00a2f3;
    color: #fff;
    border-radius: 2px;
    padding: 0 10px;
}