
/* CSS Document */
body,ul,li,p,dl,dt,dd,h1,h2,h3,img{margin:0; padding:0; list-style:none; font-weight:inherit; border:0}
body{background-color:#FFFDF5; font-family:Microsoft YaHei;}
body *{
    box-sizing: border-box;
}
a{text-decoration:none; color:#333;}

.clearfix{clear:both;}
.xuexi_list dl{ width:295px; float:left; padding-right:10px; margin-bottom:10px;}
.xuexi_list dl dt{ font-weight:bold; padding:8px 0px; text-align:center; text-indent:2em;}
.mb10{ margin-bottom:10px;}
.mb70{ margin-bottom:70px;}
.mt22{margin-top:22px;}
.mt5{margin-top:5px;}
.mt14{margin-top:14px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}
.mf50{margin-left:50px;}
.mf10{margin-left:10px;}
.mf40{margin-left:40px;}
.ti2{ text-indent:2em;}
.nav{ width:920px; height:60px; margin:0 auto; text-align:center;}
.nav ul li{ width:115px; float:left; text-align:center; line-height:60px;height:60px;}
.nav ul li a{ext-align:center;color:#FFF; font-size:22px; font-family:'微软雅黑'}
.nav ul li a:hover{ font-size:24px;}
.fl{float:left;}
.fr{float:right;}
.fb{
    font-weight: 700;
}
.p20{
    padding: 20px;
}
.p30{
    padding: 30px;
}
.l15{
    line-height: 1.5;
}
.l2{
    line-height: 2;
}
.ti30{
    text-indent: 30px;
}
.w100{
    width: 100%;
}
.w60{
    width: 60%;
}
.w50{
    width:50%;
}
.w40{
    width: 40%;
}
.main-box{
    background: url("../image/bgtop.png") no-repeat top right;
}
.main{width:1200px; margin:0 auto; padding:40px 20px;}
.ppcjmd-box{
    height: 510px;
    padding: 150px 30px 30px 30px;
    background: url("../image/ppcjmd.png") no-repeat center;
}
.jbnh-box{
    height: 450px;
    padding: 150px 30px 30px 30px;
    background: url("../image/jbnh.png") no-repeat center;
}
.zjll-box{
    border-radius: 15px;
    background-color: #FFF;
    height: 260px;
    padding-top: 20px;
}
.zjll-title{
    background: url("../image/zjllBg.png") no-repeat left;
    line-height: 40px;
    padding-left: 20px;
    color: #FFF;
    font-weight: 700;
    font-size: 18px;
}
.zjll-text{
    width: 170px;
    color: #C03027;
    line-height: 1.5;
    position: absolute;
    font-size: 14px;
    font-weight: 700;
}
.qzlh-title{
    background: url("../image/qzlhBg.png") no-repeat right;
    line-height: 40px;
    padding-right: 20px;
    text-align: right;
    color: #FFF;
    font-weight: 700;
    font-size: 18px;
}
.qzlh-box{
    height: 350px;
    padding: 30px;
    background: url("../image/qzlh.png") no-repeat center;
}
.djppgzf-box{
    height: 420px;
    padding: 150px 30px 30px 30px;
    background: url("../image/djppgzf.png") no-repeat center;
}
.dlz-title{
    color: #C03027;
    font-size: 18px;
    font-weight: 700;
}
.dlz-box{
    height: 770px;
    padding: 30px;
    background: url("../image/dlzBg.png") no-repeat center;
}
.dlz-btn{
    flex: 1;
}
.dlz_sub{
    height: 60px;
    padding: 0 40px;
    background: url("../image/dlz_subbg.png") no-repeat center;
    font-size: 20px;
    line-height: 60px;
    color: #FFF;
    font-weight: 700;
    margin-top: 5px;
}
.dlz_sub p{
    background: url("../image/jt_right.png") no-repeat left;
    padding-left: 26px;
}
.show-img{
    cursor: pointer;
}
.dlz_text{
    padding: 30px 30px 0 30px;
    width: 50%;
    float: left;
}
.dlz-detail{
    height: 390px;
    display: flex;
}
.dlz_content{
    align-self: center;
}
.dlz_text .title{
    background: url("../image/dlz_title.png") no-repeat left;
    line-height: 34px;
    height: 34px;
    color: #FFF;
    font-weight: 700;
    font-size: 16px;
}
.dlz_text .title .num{
    width: 34px;
    text-align: center;
    display: inline-block;
}
.dlz_text .title .tt{
    padding-left: 20px;
    display: inline-block;
}
.dlz_text .text{
    font-weight: 700;
}
.djppjz-box{
    height: 982px;
    padding:  150px 30px 30px 30px;
    background: url("../image/djppjz.png") no-repeat center;
}
.djppjz-box .by{
    height: 172px;
    padding: 60px 100px 0 100px;
    background: url("../image/by.png") no-repeat center;
    background-size: 100%;
    font-size: 18px;
    line-height: 2;
    color: #F14118;
    font-weight: 700;
}
.ldyg-box{
    height: 610px;
    padding: 50px 0;
    background: url("../image/dlzBg.png") no-repeat bottom;
    position: relative;
}
.ldyg-box .bybj{
    width: 510px;
    height: 150px;
    background: url("../image/bybj.png") no-repeat center;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
    display: flex;
}
.ldygBtn{
    text-align: center;
    width: 60px;
    align-self: center;
}
.ldyg-box ul{
    display: flex;
}
.ldyg-box ul li{
    position: relative;
    width: 1040px;
    display: flex;
}
.ldyg-box ul li>div{
    flex: 1;
    width: 510px;
}
.ldyg-box ul li>div:first-child{
    margin-right: 20px;
}
.ldyg-right-box{
    padding: 5px;background-color: #A8121B;width:510px;height:510px;overflow:hidden;border-radius: 10px;
}
.ldyg-box ul li img{
    width: 510px;
}
.ldyg-box ul li p{
    color: #FFF;
    align-self: center;
    flex: 1;
    text-align: center;
    font-size: 22px;
    letter-spacing: 3px;
    line-height: 2.2;
    font-weight: 700;
}
.ldyg-box .scroll-box{
    border-radius: 10px;
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ldyg-box .scroll-box img{
    width: 500px;
}
    /* 滚动条样式 */
.ldyg-box ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.ldyg-box ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 10px 0 0 rgba(194, 194, 194, .5);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.ldyg-box ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #a7a08e;
    -webkit-box-shadow: inset 0 0 6px #cdd2d7;
}

.ldyg-box ::-webkit-scrollbar-thumb:window-inactive {
    background: #a7a08e;
}
.footer-bg{
    background: url("../image/footer.png") no-repeat center;
    height: 216px;
}

.fl {
 float: left;
}

.fr {
 float: right;
}
