/*Èí¼þרÌâÒ³Ãæ*/
@import url("/static/css/top.css");
@import url("/static/css/soft2020.css");

#banner{
    background: url(images/banner-bg.png) center no-repeat;
    background-color:#FF710A;
   
}
#soft .focus div.i1{
    margin-left: 0px;
    background-image: url(images/wzs.png);
    background-repeat: no-repeat;
    background-position: 85px 0;
}
#soft .focus div.i2{
    background-image: url(images/wzs.png);
    background-repeat: no-repeat;
    background-position: 85px -200px;
}
#soft .focus div.i3{
    background-image: url(images/wzs.png);
    background-repeat: no-repeat;
    background-position: 85px -400px;
}
#soft .focus div.i4{
    margin-right: 0px;
    background-image: url(images/wzs.png);
    background-repeat: no-repeat;
    background-position: 85px -600px;
}

#soft .cms{
    text-align: center;
    width: 1200px;
    margin: auto;
    margin-top:-20px;
    margin-bottom:100px;
    padding: 30px;
    border:15px solid #F9F9FC;
    border-radius: 5px;
    text-align:center;
    overflow: hidden;
}
#soft .cms p{
    font-size: 18px;
    font-family: "SourceHanSans-Medium";
    color: #444;
    padding:30px;
}
#soft .cms a{
    display: block;
    padding-top: 40px;
    height: 40px;
    line-height: 40px;
    width: 100px;
    margin: 29px;
    margin-bottom: 15px;
    float: left;
    color:#666;
}
#soft .cms a.guanwang{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px 0;
}
#soft .cms a.menhu{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -200px;
}
#soft .cms a.zhengfu{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -400px;
}
#soft .cms a.xiaoshuo{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -3400px;
}
#soft .cms a.dianying{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -3600px;
}
#soft .cms a.dianshang{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -3800px;
}
#soft .cms a.youxi{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -4000px;
}
#soft .cms a.yiliao{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -4200px;
}
#soft .cms a.lvyou{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -4400px;
}
#soft .cms a.fangchan{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -4600px;
}
#soft .cms a.hunqing{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -4800px;
}
#soft .cms a.shipin{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -5000px;
}
#soft .cms a.dedecms{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -600px;
}
#soft .cms a.WordPress{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -800px;
}
#soft .cms a.Discuz{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -1000px;
}
#soft .cms a.PhpCMS{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -1200px;
}
#soft .cms a.jieqi{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -1400px;
}
#soft .cms a.phome{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -1600px;
}
#soft .cms a.PhpWind{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -1800px;
}
#soft .cms a.ThinkPHP{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -2000px;
}
#soft .cms a.EcShop{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -2200px;
}
#soft .cms a.BeeCMS{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -2400px;
}
#soft .cms a.ShopEX{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -2600px;
}
#soft .cms a.EcMall{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -2800px;
}
#soft .cms a.HbCMS{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -3000px;
}
#soft .cms a.meisi{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -3200px;
}
#soft .cms a.pingguo{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -5200px;
}
#soft .cms a.other{
    background-image: url(images/cms.png);
    background-repeat: no-repeat;
    background-position: 10px -5400px;
}

#soft .list1{
    height: 500px;
    background: url(images/list1.png) center no-repeat;
    background-color: #F4F7FC
}
#soft .list1 .content{
    width: 1190px;
    padding-left:10px;
    padding-top:155px;
    line-height: 35px;
    color: #333;
    font-size: 16px;
    margin: auto;
}
#soft .list1 .content .title{
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 30px;
}
#soft .list1 .content  p{
    width: 540px;
}


#soft .list2{
    height: 500px;
    background: url(images/list2.png) center no-repeat;
    background-color: #fff;
}
#soft .list2 .content{
    width: 450px;
    padding-top:195px;
    padding-left: 750px;
    line-height: 35px;
    color: #333;
    font-size: 16px;
    margin: auto;
}
#soft .list2 .content .title{
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 30px;
}

#soft .list3{
    height: 500px;
    background: url(images/list3.png) center no-repeat;
    background-color: #F4F7FC;
}
#soft .list3 .content{
    width: 1160px;
    padding-top:190px;
    padding-left:10px;
    line-height: 25px;
    color: #333;
    font-size: 16px;
    margin: auto;
}
#soft .list3 .content .title{
    font-size: 28px;
    line-height: 40px;
}
#soft .list3 .content p{
    margin-top: 20px;
    width: 470px;
    line-height: 35px;
}
#soft .list3 .content a{
    color: #FF710A;
    margin-left:3px;
    margin-right:3px;
}
#soft .list3 .content a:hover{
    text-decoration: underline;
}

#soft .down-windows .title{
    background-image: url(/static/images/soft2020/special.png);
    background-repeat: no-repeat;
    background-position: 0 -4190px;
}

#soft .down-windows .content{
    background-image: url(images/wzs.png);
    background-repeat: no-repeat;
    background-position: 0 -800px;
}
#soft .down-windows .content .left .l6 a{
    background-color: #FF8E37;
}
#soft .down-windows .content .left .l6 a.history{
    background-color: #FBFFFC;
}

#soft .down-windows .content .right .r3 a:hover{
    color: #FF8E37;
}
#soft .down-windows .content .right .r4 a:hover{
    background-image: url(/static/images/soft2020/special.png);
    background-repeat: no-repeat;
    background-position: 10px -4289px;
    color: #FF8E37;
}

#soft .down-linux .content .c4{
    background-image: url(images/wzs.png);
    background-repeat: no-repeat;
    background-position: 0 -1467px;
}
#soft .down-linux .content .c4 .right p a:hover{
    color: #FF8E37;
}
#soft .down-linux .content .c4 .right div a:hover{
    background-image: url(/static/images/soft2020/special.png);
    background-repeat: no-repeat;
    background-position: 10px -4289px;
    color: #FF8E37;
}