/*头部背景图*/
.main-header{
    height:445px;
}

/*主题内容部分*/
.main-list{
    padding:0 40px;
    max-width: 1440px;
    margin: -80px auto 0;
}
.main-list .conceal{
    display: none;
}
.main-list div.active{
    display: block;!important;
}
/*主体部分每一个列表项*/
.main-list a{
    display: inline-block;
    z-index: 10;
    cursor: pointer;
    margin-bottom:10px;
    padding:10px;
    text-align: left;
}
.main-list a.visible{
    visibility: hidden;
}

/*边框*/
.main-list a >div{
    border: 1px solid #dadada;
    margin-left: auto;
    margin-right: auto;
}
/*鼠标悬浮时边框颜色及阴影*/
.main-list a >div.active{
    box-shadow: 0 0 15px 3px #ddd;
}
.main-list a > div >div:first-child{
    background: #fff;
}
/*小图标部分*/
/*中国银行全球门户网站群*/
.main-list a .zgyh div{
    width:56px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -20px -2px;
}
/*中国电建集团OA系统*/
.main-list a .zgdj div{
    width:64px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -123px -2px;
}
/*中航国际企业信息化平台*/
.main-list a .zhgj div{
    width:64px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -226px -1px;
}
/*中国建筑海外事业部OA*/
.main-list a .zgjz div{
    width:56px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -133px -64px;
}
/*一汽奔腾网站群*/
.main-list a .yqbt div{
    width:68px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -218px -60px;
}
/*海尔兄弟创意众筹平台*/
.main-list a .hexd div{
    width:93px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -4px -60px;
}
/*顺为官网*/
.main-list a .swgw div{
    width:79px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -9px -122px;
}
/*国际社会生态农业大会官网*/
.main-list a .gjsh div{
    width:82px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -104px -125px;
}
/*云创印品官网*/
.main-list a .yycp div{
    width:120px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -10px -182px;
}
/*北京现代汇媒体微信公众平台*/
.main-list a .bjxd div{
    width:72px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -218px -123px;
}
/*世纪佳缘系列活动站*/
.main-list a .ssjy div{
    width:60px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -140px -183px;
}
/*3D立体世界官网*/
.main-list a .ltsj div{
    width:60px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -224px -183px;
}
/*纳通生物工程与新医药研发服务平台*/
.main-list a .ntsw div{
    width:60px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -230px -245px;
}
/*孔雀资讯官网*/
.main-list a .kqzx div{
    width:60px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -17px -299px;
}
/*盒子游戏官网*/
.main-list a .hzyx div{
    width:78px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -119px -306px;
}
/*红英小学阳光阅读系统*/
.main-list a .hyxx div{
    width:56px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -145px -242px;
}
/*澳娜莉亚官网*/
.main-list a .anly div{
    width:120px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -8px -242px;
}
/*寰游网*/
.main-list a .hywz div{
    width:56px;
    height:56px;
    margin: 25px auto 15px;
    background: url("../images/selectedCases.png") no-repeat -230px -300px;
}

/*文字部分*/
.main-list a .main-list-text{
    border-top:1px solid #dadada ;
    padding-left:15px;
    background: #fff;
}

/*标题文字*/
.main-list a .main-list-text h3{
    margin: 18px 0 14px;
    font-size: 15px;
    font-family: "LTHStrong","Microsoft YaHei";
    color: #000;
    font-weight: normal;
    line-height: 1;
}
/*描述文字*/
.main-list a .main-list-text p{
    font-size: 14px;
    color: #4d4d4d;
    margin: -3px 0 13px 0;
    line-height: 1;
}
.main-footer{
    margin-bottom: 90px;
}
.main-footer #pager .pages{
    width: 330px;
    margin: 30px auto;
    text-align: center;
    padding-left:48px;
}
.main-footer ul li button{
    width: 30px;
    height:30px;
    border: none;
}
.main-footer ul li.active button{
    width: 30px;
    height:30px;
    background: #218BC5;
    color: #fff;
    border-radius: 1px;
}
.companyBrand {
    text-align: center;
    padding-top: 30px;
    margin-top: 30px;
}
@media screen and (max-width: 1201px) and (min-width: 999px) {
    .main-list a >div{
        /*width: 420px;*/
    }
}
@media screen and (max-width: 998px) and (min-width: 768px) {
    .main-list a >div{
        /*width: 350px;*/
    }
}
@media screen and (max-width: 768px) {
    .main-list{
        padding:0 6.2%;
        margin-top: -100px;
    }
    .main-list a >div{
        max-width: 500px;
    }
    .main-list a .main-list-text h3{
        font-size: 14px;
    }
}
@media screen and (max-width: 420px) {
    .main-list a{
        padding:0 3px;
    }
    .companyBrand span{
        display: block;
    }
}