@import url("top.css");
/*Èí¼þ´óÈ«Ê×Ò³*/
b{
    font-weight: normal;
    font-family: "SourceHanSans-Medium";
}
h1{
    font-weight: normal;
    font-family: "SourceHanSans-Medium";
}
#index{
    background-color: #fff;
}
#index .banner{
    height: 442px;
    background: url(../images/soft/banner.jpg) center no-repeat;
    background-color:#14B2A3;
    color: #fff;
}

#index .banner .title{
    width: 1200px;
    margin: auto;
    padding-top: 125px;
    font-family: "SourceHanSans-Medium";
    font-size: 36px;
    line-height: 50px;
}
#index .banner .content{
    width: 1200px;
    margin: auto;
    margin-top: 20px;
    line-height: 35px;
    font-size: 16px;
}
#index .banner .content span{
    font-family: "SourceHanSans-Medium";
    margin-left: 5px;
    margin-right: 5px;
    font-size: 18px;
}
#index .product{
    text-align: left;
    background-color: #FFFFFF;
    padding-top: 70px;
    padding-bottom: 100px;
    overflow: hidden;
    color: #444;
}
#index .product .title{
    width: 1200px;
    margin: auto;
    font-size: 16px;
    line-height: 30px;
    color: #aeabab;    
}
#index .product .title span{
    display: block;
    font-size: 24px;
    color: #333;
}
#index .product .content{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
#index .product .content .soft{
    float: left;
    width:350px;
    height: 100px;
    margin-left: 22px;
    margin-right: 22px;
    margin-top: 70px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #fff;
    overflow: hidden;
}
#index .product .content .soft a.name{
    display:block;
    float: left;
    width: 165px;
    padding-left: 80px;
    padding-right: 5px;
    height: 70px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-repeat: no-repeat;
    background-position: 10px 26px;
    color: #999898;
    font-size: 12px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 13px 26px;
    cursor: pointer;
    line-height: 21px;
}
#index .product .content .soft a.name span{
    display:block;
    font-size: 16px;
    color:#444;
    height: 35px;
    line-height: 35px;
}
#index .product .content .soft a.buy{
    display:block;
    float: left;
    height: 40px;
    width: 100px;
    padding-top: 60px;
    text-align: center;
    background-image: url(../images/soft/buy_icon.png); 
    background-repeat: no-repeat;
    background-position: 33px 23px;
    color: #1CCE92;
    overflow:hidden;
    font-family: "SourceHanSans-Medium";
}
#index .product .content .soft:hover{
    border: 1px solid #1CCE92;
    background-color: #1CCE92;
}
#index .product .content .soft:hover a.name{
    color:rgb(21, 182, 126);
    background-color: #fff;
}
#index .product .content .soft:hover a.name span{
    color:rgb(21, 182, 126);
    font-family: "SourceHanSans-Medium";
}
#index .product .content .soft:hover a.buy{
    background-image: url(../images/soft/buy_icon_hover.png); 
    color: #fff;
}
#index .product .content .soft a.frq{
    background-image: url(../images/soft/icon/frq.png);
}
#index .product .content .soft a.sec{
    background-image: url(../images/soft/icon/sec.jpg);
}
#index .product .content .soft a.hwslock{
    background-image: url(../images/soft/icon/hwslock.jpg);
}
#index .product .content .soft a.wcs{
    background-image: url(../images/soft/icon/wcs.jpg);
}
#index .product .content .soft a.wss{
    background-image: url(../images/soft/icon/wss.gif);
}
#index .product .content .soft a.hrb{
    background-image: url(../images/soft/icon/hrb.jpg);
}
#index .product .content .soft a.hbf{
    background-image: url(../images/soft/icon/hbf.png);
}
#index .product .content .soft a.dingzhi{
    background-image: url(../images/soft/icon/dingzhi.png);
}
#index .product .content .soft a.kill{
    background-image: url(../images/soft/icon/kill.jpg);
}
#index .product .content .soft a.fcg{
    background-image: url(../images/soft/icon/fcg.jpg);
}
#index .product .content .soft a.guama{
    background-image: url(../images/soft/icon/guama.jpg);
}
#index .product .content .soft a.jixing{
    background-image: url(../images/soft/icon/jixing.jpg);
}
#index .product .content .soft a.filter{
    background-image: url(../images/soft/icon/filter.jpg);
}
#index .product .content .soft a.hostsafe{
    background-image: url(../images/soft/icon/hostsafe.png);
}

#index .product .content .soft a.down{
    display:block;
    float: left;
    height: 40px;
    width: 100px;
    padding-top: 60px;
    text-align: center;
    background-image: url(../images/soft/down_icon.png); 
    background-repeat: no-repeat;
    background-position: 33px 23px;
    color: #1CCE92;
    overflow:hidden;
    font-family: "SourceHanSans-Medium";
}
#index .product .content .soft:hover a.down{
    background-image: url(../images/soft/down_icon_hover.png); 
    color: #fff;
}

#index .product2{
    text-align: left;
    background-color: #F5F5F5;
    padding-top: 70px;
    padding-bottom: 100px;
    overflow: hidden;
    color: #444;
}
#index .product2 .title{
    width: 1200px;
    margin: auto;
    font-size: 16px;
    line-height: 30px;
    color: #aeabab;    
}
#index .product2 .title span{
    display: block;
    font-size: 24px;
    color: #333;
}
#index .product2 .content{
    width: 1200px;
    margin: auto;
    overflow: hidden;
}
#index .product2 .content .soft{
    float: left;
    width:350px;
    height: 100px;
    margin-left: 22px;
    margin-right: 22px;
    margin-top: 70px;
    border-radius: 8px;
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
    overflow: hidden;
}
#index .product2 .content .soft a.name{
    display:block;
    float: left;
    width: 165px;
    padding-left: 80px;
    padding-right: 5px;
    height: 70px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-repeat: no-repeat;
    background-position: 10px 26px;
    color: #999898;
    font-size: 12px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 13px 26px;
    cursor: pointer;
    line-height: 21px;
}
#index .product2 .content .soft a.name span{
    display:block;
    font-size: 16px;
    color:#444;
    height: 35px;
    line-height: 35px;
}
#index .product2 .content .soft a.down{
    display:block;
    float: left;
    height: 40px;
    width: 100px;
    padding-top: 60px;
    text-align: center;
    background-image: url(../images/soft/down_icon.png); 
    background-repeat: no-repeat;
    background-position: 33px 23px;
    color: #1CCE92;
    overflow:hidden;
    font-family: "SourceHanSans-Medium";
}
#index .product2 .content .soft:hover{
    border: 1px solid #1CCE92;
    background-color: #1CCE92;
}
#index .product2 .content .soft:hover a.name{
    color:rgb(21, 182, 126);
    background-color: #FFF;
}
#index .product2 .content .soft:hover a.name span{
    color:rgb(21, 182, 126);
    font-family: "SourceHanSans-Medium";
}
#index .product2 .content .soft:hover a.down{
    background-image: url(../images/soft/down_icon_hover.png); 
    color: #fff;
}
#index .product2 .content .soft a.hostmaster{
    background-image: url(../images/soft/icon/hostmaster.png);
}
#index .product .content .soft a.hostmaster{
    background-image: url(../images/soft/icon/hostmaster.png);
}
#index .product2 .content .soft a.linuxmaster{
    background-image: url(../images/soft/icon/linuxmaster.png);
}
#index .product2 .content .soft a.apache{
    background-image: url(../images/soft/icon/apache.gif);
}
#index .product2 .content .soft a.nginx{
    background-image: url(../images/soft/icon/nginx.jpg);
}
#index .product2 .content .soft a.jsp{
    background-image: url(../images/soft/icon/tomcat.gif);
}
#index .product2 .content .soft a.host{
    background-image: url(../images/soft/icon/host.png);
}
#index .product2 .content .soft a.phpweb{
    background-image: url(../images/soft/icon/phpweb.png);
}
#index .product2 .content .soft a.sqlserver{
    background-image: url(../images/soft/icon/sqlserver.png);
}
#index .product2 .content .soft a.haobeifen{
    background-image: url(../images/soft/icon/haobeifen.png);
}
#index .product2 .content .soft a.yunbeifen{
    background-image: url(../images/soft/icon/yunbeifen.gif);
}
#index .product2 .content .soft a.eye{
    background-image: url(../images/soft/icon/eye.png);
}
#index .product2 .content .soft a.iis{
    background-image: url(../images/soft/icon/iis.png);
}
#index .product2 .content .soft a.access{
    background-image: url(../images/soft/icon/access.gif);
}
#index .product2 .content .soft a.isapi{
    background-image: url(../images/soft/icon/isapi.gif);
}
#index .product2 .content .soft a.port{
    background-image: url(../images/soft/icon/3389.gif);
}
#index .product2 .content .soft a.c{
    background-image: url(../images/soft/icon/cpan.gif);
}
#index .product2 .content .soft a.mysql{
    background-image: url(../images/soft/icon/mysql.gif);
}
#index .product2 .content .soft a.time{
    background-image: url(../images/soft/icon/time.png);
}
#index .product2 .content .soft a.webrefresh{
    background-image: url(../images/soft/icon/webrefresh.png);
}