@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust:none;overflow-y:auto;overflow-x:hidden;}
html,body,div,ul,li,dl,dd,dt,a,ol,u,i,b,br,p,span,hr,label,input,select,textarea,button,form,h1,h2,h3,h4,h5,h6,font,strong,em,iframe,img,tr,th,td,q,abbr,acronym{margin:0;padding:0;list-style:none;}
q:before, q:after {content:'';}
abbr,acronym{border:0;}
body{padding:0;margin:0; color:#333;font-size: 14px; font-family: "Microsoft YaHei"; background:#fff;}
input,textarea,select,button{vertical-align:middle;outline:none;color:#333;font-family: "Microsoft YaHei";}
input.active,textarea.active,select.active,button.active,input.on,textarea.on,select.on,button.on{color:#333;}
textarea{resize:none;}
a{color:#333;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#da0000;text-decoration:none;}
a:focus{outline:none;}
img,a img {border:none; margin:0; padding:0; border:0; vertical-align:middle;}
.left,.fl{float:left;}
.right,.fr{float:right;}
/* clear */
.clearfix:after{visibility:hidden;display: block;font-size: 0;content:" ";clear:both;height:0;}
* html .clearfix {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
.clear,.cc{clear:both;font-size:0;line-height:0;height:0;margin-top:0;overflow:hidden;}
h1,h2,h3{font-weight:normal;}
h1{ font-size:20px;}
h2{ font-size:18px;}
h3{ font-size:16px;}
.pos-rel{position:relative;}
.pos-abs{position:absolute;}
ul,li{ vertical-align:middle;}
.jump-info .btn-group{ padding-left:0!important;}
.pr{position:relative;}
.pa{position:absolute;}
.mt30{margin-top:30px;}
.bot20{margin-bottom:20px;}
.pos-rel{position: relative;}
.hide.active{ display: block!important;}
.hidden-title .img-title{ display: none;}
.container{ width: 1200px; margin: 0 auto;}
.mt35{margin-top: 35px;}
.mt60{margin-top: 60px;}

/*头部*/
.header,.header img{width: 100%;height: auto;}
.show-small{display: none;}

/************底部 on************/
.footer {background: #ee3139;padding: 10px 0;line-height: 32px;color: #ffffff;font-size: 14px;}
.footer a {color: #ffffff;}
.footer a:hover {color: #ffffff;}
.footer .footbox {width: 1200px;margin: 0 auto;}
.footer .sp {margin: 0 4px;}

.main-box{margin: 60px auto;}
/* 学习动态 */
.xxdt-box{width: 556px;height: 450px;background: #f8f9fc;padding: 17px 24px 0 20px;}
.first-art{padding: 5px 0 10px;border-bottom: 1px dashed #f79b49;padding-left: 5px;}
.first-art .first-title{height: 56px;line-height: 28px;font-size: 20px;color: #d9000f;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
.first-art .remarks{height: 78px;font-size: 15px;color: #666;line-height: 26px;text-align: justify;margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
.xxdt-list{padding-top: 10px;padding-left: 5px;}
.xxdt-list li{height: 36px;line-height: 36px;padding-left: 16px;background: url("./../images_lhxsd/icon.png") no-repeat center left;font-size: 16px;}
.xxdt-list li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* 学习动态轮播图 */
.xxdt-flash{width: 600px;height: 402px;position: relative;background: url("./../images_lhxsd/flash-bg.png") no-repeat bottom right;padding: 32px 0 33px;}
.xxdt-flash .top-icon{position: absolute;right: 0;top: 0;display: block;height: 32px;width: 22px;background: url("./../images_lhxsd/flash-bg-top.png") no-repeat right top;}
.xxdt-flash-main{width: 100%;height: 100%;}
/*焦点图公共样式*/
.flash-slide{position: relative;height:100%; width: 100%;overflow: hidden;}
.flashPic,.flashPic ul,.flashPic li,.flashPic img,.flashPic a{height:100%; width: 100%; }
.flash-slide .flashPic{ position:relative; z-index:0;}
.flash-slide .flashPic li{ zoom:1; vertical-align:middle;}
.flash-slide .flashPic a{display:block; color: #fff; position: relative;}
.flash-slide .flashPic img{display:block;}
.flash-slide .flashPic .title{display: block; height: 42px; line-height:42px;  background:rgba(0, 0, 0, .70); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;font-size: 18px;padding: 0 100px 0 16px;}
.flash-slide .flashPic a:hover .title{color: #fff;}
.flash-slide .ind-flashNum{ height:12px; overflow:hidden; position:absolute; right:6px; bottom:15px; z-index:1;}
.flash-slide .ind-flashNum ul{ overflow:hidden; zoom:1; float:left;}
.flash-slide .ind-flashNum ul li{ float:left; margin-right:4px; width:12px; height:12px; text-indent: -20em; font-size: 0; background:#fff; overflow: hidden; cursor: pointer;border-radius: 50%;}
.flash-slide .ind-flashNum ul li.on{background:#d9000f;}

/* 学习践行 */
.xxjx-box{height: 710px;width: 100%;background: url("./../images_lhxsd/xxjx-bg.png") no-repeat center bottom;margin-top: 30px;}
.com-title{padding-top: 55px;text-align: center;}
.com-title img{width: 100%;height: auto;}


/*焦点图*/
.poster_flash{ height: 450px; margin: 32px 69px 20px;position: relative;}
.poster-main{position:relative; height: 450px; z-index: 0;overflow: hidden;}
.poster-main a,.poster-main img{display:block;width:100%;height:100%;}
.poster-main .poster-list{width:100%;height:450px;}
.poster-main .poster-list li{width: 820px;height: 450px;position:absolute;left:0;top:0; z-index: 1;}
.poster-main .poster-list li .title{text-align:center; line-height:29px; padding: 10px 30px; display:block; position:absolute; left:0; right: 0; bottom:0; background:url(../images_lhxsd/mid-tit-bg.png) repeat; font-size:0; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:18px;display: none;}
.poster-main .poster-list li.roundabout-in-focus .title{display: block;}
.poster_flash .poster-btn{position:absolute; top:50%; margin-top: -42px; cursor:pointer; display: block; background: url(../images_lhxsd/esd_prve.png) 0 center no-repeat; width: 52px; height: 85px; z-index: 100;}
.poster_flash .poster-prev-btn{left:-73px;}
.poster_flash .poster-prev-btn:hover{ background-position: -52px center;}
.poster_flash .poster-next-btn{right:-73px; background-position: -104px center;}
.poster_flash .poster-next-btn:hover{background-position: -156px center;}

.flash{height:400px; overflow: hidden;display: none;}
.ls-flashsjd{ width: 100%; height: 100%; position:relative; }
.ls-flashsjd .flash-pic,.ls-flashsjd .flash-pic ul,.ls-flashsjd .flash-pic li,.ls-flashsjd .flash-pic img,.ls-flashsjd .flash-pic a{height:100%; width: 100%; }
.ls-flashsjd .flash-pic{ position:relative; z-index:0;}
.ls-flashsjd .flash-pic li{ zoom:1; vertical-align:middle;}
.ls-flashsjd .flash-pic a{display:block; color: #fff; position: relative;}
.ls-flashsjd .flash-pic img{display:block;}
.ls-flashsjd .flash-pic .title{display: block; height: 40px; line-height: 40px; padding: 0 120px 0 15px; font-size: 16px;      background: rgba(0, 0, 0, 0.5);  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;}
.ls-flashsjd .flash-pic a:hover .title{color: #fff;}
.ls-flashsjd .flash-num{ height:10px; overflow:hidden; position:absolute; right:7px; bottom:15px; z-index:1; }
.ls-flashsjd .flash-num ul{ overflow:hidden; zoom:1; float:left;}
.ls-flashsjd .flash-num ul li{ float:left; margin-right:8px; width:8px; height:8px; text-indent: -20em; font-size: 0;  background:none ;border:1px solid #fff;border-radius: 50%;-webkit-border-radius: 50%; overflow: hidden; cursor: pointer;}
.ls-flashsjd .flash-num ul li.on{ background:#fff; }


/* 学习感悟 */
.xxgw-main{padding-top: 10px;}
.flash-slide01{width: 100%;height: auto;}
.flash-slide01 .flashPic01{width: 100%;height: 580px;position: relative;overflow: hidden;}
.flash-slide01 .flashPic01 ul,.flash-slide01 .flashPic01 ul li{width: 100%;height: 100%;}
.flash-slide01 .flashPic01 ul li .xxgw-part{float: left;width: 531px;height: 122px;position: relative;background: #f8f9fc;margin-top: 30px;padding: 20px 24px 16px;border: 1px solid #f8f9fc;}
.flash-slide01 .flashPic01 ul li .xxgw-part.even{float: right;}
.flash-slide01 .flashPic01 ul li .xxgw-part .num{display: block;position: absolute;font-size: 22px;color: #fff;text-align: center;height: 33px;line-height: 33px;width: 33px;background: #e80000;left: 20px;top: -8px;}
.flash-slide01 .flashPic01 ul li .xxgw-part .xxgw-tit{padding-left: 50px;height: 40px;line-height: 40px;}
.flash-slide01 .flashPic01 ul li .xxgw-part .xxgw-tit a{display: block;font-size: 18px;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.flash-slide01 .flashPic01 ul li .xxgw-part .remarks{font-size: 15px;color: #666;line-height: 26px;text-indent: 2em;text-align: justify;}
.flash-slide01 .flashPic01 ul li .xxgw-part .remarks a{color: #d9000f;}
.flash-slide01 .flashPic01 ul li .xxgw-part:hover{border-color:#f4cc93;background: #fffcf7;}
.flash-slide01 .ind-flashNum{margin-top: 35px;height: 7px;text-align: center;}
.flash-slide01 .ind-flashNum ul{display: inline-block;vertical-align: top;}
.flash-slide01 .ind-flashNum ul li{float: left;width: 16px;height: 7px;border-radius: 4px;background: #ebecef;text-indent: -999em;margin:0 3px;cursor: pointer;}
.flash-slide01 .ind-flashNum ul li.on{background: #d9000f;}

/* 学习资料 */
.xxzl-main{height: 383px;background: url("../images_lhxsd/xxzl-main_bg.png") center 0 no-repeat;background-size: 100% 100%;padding:34px 34px 20px;}
.xxzl-imgcon{width:515px;height:327px;background:url("../images_lhxsd/xxzl-imgcon-bg.png") center 0 no-repeat;padding-top:44px;text-align:center;background-size:100% 100%;}
.xxzl-imgcon img{vertical-align:top;}
.xxzl-listcon{width:522px;}
.xxzl-listcon .xxdt-list{padding:1px 0 0;}
.xxzl-listcon .xxdt-list li{height:46px;line-height:46px;}

.dkzt-main{width: 100%;height: 290px;overflow: hidden;position: relative;}
.dkzt-main .j-scroll2,.dkzt-main .j-scroll2 .scroll-wrap,.dkzt-main .j-scroll2 .scroll-wrap ul{display: block;width: 100%;height: 100%;}
.dkzt-main li{float:left;width: 406px; height: 290px;}
.dkzt-main li a{margin-right: 20px; display: block;}
.dkzt-main li img{ width: 100%; height: 258px;}
.dkzt-main span.title {
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #3f3930;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
}
.dkzt-main .prev,.dkzt-main .next{position: absolute;display: block;width: 30px;height: 50px;top: 50%;cursor: pointer;margin-top:-25px}
.dkzt-main .prev{left: 0;background: url("/assets/front/images_lhxsd/zzshkj-left-icon.png") 0 0 no-repeat;}
.dkzt-main .next{right: 0;background: url("/assets/front/images_lhxsd/zzshkj-right-icon.png") 0 0 no-repeat;}
.dkzt-main .prev:hover,.dkzt-main .next:hover{opacity: 1;}
.dkzt-main-title {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 26px;
    margin: 20px 0;
    color: red;
    font-weight: bold;
}


.scroll-box {width: 100%;height: 214px;overflow: hidden;position: relative;}
.scroll-box .j-scroll3,
.scroll-box .j-scroll3 .scroll-wrap,
.scroll-box .j-scroll3 .scroll-wrap ul,
.scroll-box .j-scroll4,
.scroll-box .j-scroll4 .scroll-wrap,
.scroll-box .j-scroll4 .scroll-wrap ul{display: block;width: 100%;height: 100%;}

.scroll-box .prev,.scroll-box .next{position: absolute;display: block;width: 30px;height: 50px;top: 50%;cursor: pointer;margin-top:-25px;z-index: 100;}
.scroll-box .prev{left: 0;background: url("./../images_lhxsd/zzshkj-left-icon.png") 0 0 no-repeat;}
.scroll-box .next{right: 0;background: url("./../images_lhxsd/zzshkj-right-icon.png") 0 0 no-repeat;}
.scroll-box .prev:hover,.dkzt-main .next:hover{opacity: 1;}
.scroll-box ul li .title{display: none;}
.scroll-box ul li{margin-left: 0;margin-right: 20px;height: 100%;}
.scroll-box ul li a,.scroll-box ul li img,.jydsp-box ul li .img{width: 100%;height: 100%;display: block;}

/* 响应式 */
@media (min-width:992px) and (max-width:1199px) {
    .container,.footer .footbox{width: 992px;}
    .flash-slide01 .flashPic01 ul li .xxgw-part{width: 430px;}
    .xxdt-flash{width: 500px;}
    .xxdt-box{width: 462px;padding: 17px 10px 0 20px;}
    
    .poster-main .poster-list li{width: 794px !important;}
    .poster_flash .poster-prev-btn{left:0;}
    .poster_flash .poster-next-btn{right:0;}

    /* 学习资料 */
    .xxzl-main{height:321px;padding:25px 25px 15px;}
    .xxzl-imgcon{width:430px;height:286px;padding-top:24px;}
    .xxzl-listcon{width:425px;}
    .xxzl-listcon .xxdt-list li{height:37px;line-height:37px;}

    .dkzt-main{height: 214px;}
    .dkzt-main li,.scroll-box ul li{width: 317px;}
}
@media (max-width: 991px) and (min-width: 768px){
    .container,.footer .footbox{width: 768px;}

    .dkzt-main li,.scroll-box ul li{width: 374px;}
}
@media (max-width:991px) {
    .mt30{margin-top: 20px;}
    .footbox a, .footbox span{display: inline-block;float: none;}
    .footbox{text-align: center;}

    .com-title{padding-top: 20px;}
    .com-title .show-big{display: none;}
    .com-title .show-small{display: block;width: auto;height: auto;max-width: 100%;margin: 10px auto 0;}

    .xxdt-flash{float: none;width: 100%;padding: 0;background: none;height: 440px;}
    .xxdt-flash .top-icon{display: none;}
    .xxdt-box{float: none;width: auto;margin: 10px;padding: 10px;height: auto;}

    .first-art .remarks{height: auto;display: block;}

    .main-box{margin:  20px auto;}
    .xxjx-box{margin-top: 20px;height: auto;background: none;}
    .flash-slide01 .flashPic01 ul li .xxgw-part{padding: 20px 10px 16px;width: 354px;}
    .flash-slide01 .ind-flashNum{margin-top: 15px;}

    .esd-header{height: 300px; background-size: auto 100%;}
    .flash{ height: 450px; margin: 15px 0;display: block;}
    .poster_flash{display: none;}

    /* 学习资料 */
    .xxzl-main{height:auto;padding:0 10px;background:none;}
    .xxzl-imgcon{width:auto;height:auto;padding:30px 0 60px;float:none;}
    .xxzl-listcon{width:auto;float:none;margin-top:20px;}
    .xxzl-listcon .xxdt-list li{height:40px;line-height:40px;}

    .dkzt-main li,.scroll-box ul li{width: 374px;margin: 0 20px 0 0 !important;}
}
@media (max-width:767px) {
    .container,.footer .footbox{width: 100%;}
    .mt30{margin-top: 10px;}
    .main-box{margin: 10px;}
    .flash-slide01 .ind-flashNum{margin-top: 10px;}

    .xxdt-box{margin: 0;}
    .xxdt-tit img{width: auto;height: auto;max-width: 100%;}

    .flash-slide01 .flashPic01 ul li .xxgw-part,.flash-slide01 .flashPic01 ul li .xxgw-part.even{float: none;width: auto;height: auto;}
    .flash-slide01 .flashPic01 ul li .xxgw-part{padding-bottom: 10px;}
    .flash-slide01 .flashPic01,.flash-slide01 .flashPic01 ul, .flash-slide01 .flashPic01 ul li{height: auto;}
    .flash-slide01 .flashPic01 ul li .xxgw-part{margin-top: 20px;}
    .flash-slide01 .flashPic01 ul li .xxgw-part .num{left: 10px;}
    .flash-slide01 .flashPic01 ul li .xxgw-part .xxgw-tit{padding-left: 40px;}
    .flash-slide01 .flashPic01{padding-bottom: 20px;}

    .xxdt-flash{height: 400px;}
    .flash{ height: 380px; margin: 10px 0;}

    .com-title{padding-top: 10px;}

    /* 学习资料 */
    .xxzl-main{padding:0;} 
    .xxzl-imgcon{padding:25px 0 50px;}
    .xxzl-listcon{margin-top:15px;}
    .xxzl-listcon .xxdt-list li{height:38px;line-height:38px;}

    .dkzt-main{height: 270px;}
    .dkzt-main li,.scroll-box ul li{padding: 0;}
    .dkzt-main .j-scroll2, .dkzt-main .j-scroll2 .scroll-wrap, .dkzt-main .j-scroll2 .scroll-wrap ul,.scroll-box .j-scroll3,.scroll-box .j-scroll3 .scroll-wrap,.scroll-box .j-scroll3 .scroll-wrap ul,.scroll-box .j-scroll4,.scroll-box .j-scroll4 .scroll-wrap,.scroll-box .j-scroll4 .scroll-wrap ul{width: 100%!important;}
    .dkzt-main li,.scroll-box ul li{width: 49%!important;margin: 0 .5%!important;}
    .dkzt-main .prev,.scroll-box .prev{left: .5%;}
    .dkzt-main .next,.scroll-box .next{right: .5%;}
}
@media (max-width: 619px) {
    .flash,.xxdt-flash{ height: 290px;}
}
@media (max-width: 479px) {
    .flash,.xxdt-flash{ height: 270px;}
}
@media (max-width: 424px) {
    .flash,.xxdt-flash{ height: 220px;}
}
@media (max-width: 374px) {
    .flash,.xxdt-flash{ height: 200px;}
}

@media (max-width:480px) {
    .dkzt-main li,.scroll-box ul li,.scroll-box ul li img{height: 270px!important;}
    .dkzt-main li,.scroll-box ul li{width: 100%!important;margin: 0 auto!important;height: 270px!important;}
    .dkzt-main .prev,.scroll-box .prev{left: 0;}
    .dkzt-main .next,.scroll-box .next{right: 0;}
}
@media (max-width:375px) {
    .dkzt-main{height: 270px;}
    .dkzt-main li{width: 100%!important;margin: 0 auto;height: 210px;}
}