* {
    padding: 0;
    margin: 0;
    list-style: none;
}

.cleardiv {
    clear: both;
    height: 0;
    display: block;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: " ";
}

body {
    min-width: 100px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

.none {
    display: none;
}

.zfcbg01 {
    width: 100%;
    height: 450px;
    background: url("../images/liuyi_01.jpg") center top no-repeat;
    background-size: auto 100%;
    overflow: hidden;
    max-width: 100%;
}

.dhbox {
    width: 760px;
    height: 450px;
    margin: 0 auto;
    position: relative;
}

.dhbox .t01 {
    position: absolute;
    width: 749px;
    height: 242px;
    top: 100px;
    left: 10px;
    background: url(../images/t01.png);
}

.dhbox .t02 {
    position: absolute;
    width: 401px;
    height: 85px;
    top: 360px;
    left: 189px;
    background: url(../images/t02.png);
}

.dhbox .t03 {
    position: absolute;
    width: 190px;
    height: 216px;
    top: 80px;
    right: -190px;
    background: url(../images/t03.png);
}

.zfcbg02 {
    width: 100%;
    height: 158px;
    background: url("../images/liuyi_02.jpg?2022") center top no-repeat;
}

.zfcbg03 {
    width: 100%;
    height: 165px;
    background: url("../images/liuyi_03.jpg") center top no-repeat;
    background-size: auto 100%;
}

.zfcbg04 {
    width: 100%;
    height: 130px;
    background: url("../images/liuyi_04.jpg") center top no-repeat;
    background-size: auto 100%;
}

.zfcbg05 {
    width: 100%;
    height: 100%;
    height: 520px;
    background: url("../images/liuyi_05.jpg") center top repeat-y;
    /* background-size: auto 100%; */
}

.zfcbg05 .sqnr {
    display: none;
}

.zfcbg05[data-xl="1"] .sqnr[data-xl="1"],
.zfcbg05[data-xl="2"] .sqnr[data-xl="2"],
.zfcbg05[data-xl="3"] .sqnr[data-xl="3"] {
    display: block;
}

.zfcbg06 {
    width: 100%;
    height: 199px;
    padding: 0 0 0 0;
    background: url("../images/liuyi_06.jpg") center bottom no-repeat;
    background-size: auto 100%;
    box-sizing: border-box;
}

.zfcbg07 {
    width: 100%;
    height: 473px;
    background: url("../images/liuyi_07.jpg") center top no-repeat;
    background-size: auto 100%;
    /* padding: 118px 0 0 0; */
    box-sizing: border-box;
}

.zfcbg08 {
    width: 100%;
    height: 250px;
    background: url("../images/liuyi_08.jpg") center bottom no-repeat;
    background-size: auto 100%;
}

.zfcbg09 {
    width: 100%;
    height: 458px;
    background: url("../images/liuyi_09.jpg") center bottom no-repeat;
    background-size: auto 100%;
    padding: 22px 0 0 0;
    box-sizing: border-box;
}

.zfcbg10 {
    width: 100%;
    height: 224px;
    background: url("../images/liuyi_10.jpg") center bottom no-repeat;
    background-size: auto 100%;
}

.zfcbg11 {
    width: 100%;
    height: 340px;
    background: url("../images/liuyi_11.jpg") center top no-repeat;
    background-size: auto 100%;
}

.zfcbg12 {
    width: 100%;
    height: 130px;
    background: url("../images/liuyi_12.jpg") center top no-repeat;
    background-size: auto 100%;
}

.zfcbg13 {
    width: 100%;
    height: 150px;
    background: url("../images/liuyi_13.jpg") center top no-repeat;
    background-size: auto 100%;
}

.zfcbg14 {
    width: 100%;
    height: 220px;
    background: url("../images/liuyi_14.jpg") center top no-repeat;
    background-size: auto 100%;
}

.zfcbg15 {
    width: 100%;
    height: 270px;
    background: url("../images/liuyi_15.jpg?2022") center top no-repeat;
    background-size: auto 100%;
}

.zfcbg16 {
    width: 100%;
    height: 214px;
    background: url("../images/liuyi_16.jpg") center top no-repeat;
    background-size: auto 100%;
}

.zfcbg17 {
    width: 100%;
    height: 249px;
    background: url("../images/liuyi_17.jpg") center top no-repeat;
    background-size: auto 100%;
}

.zfcbg01 .topdhbox {
    position: relative;
    width: 1000px;
    height: 762px;
    margin: 0 auto;
}

.dytext {
    width: 1000px;
    height: 158px;
    margin: 0 auto;
    padding: 5px 0 0 20px;
    color: #342a2c;
    text-indent: 2em;
    /* text-shadow: #5687d2 2px 5px 2px; */
    font: bold 21px/32px "仿宋";
}

.divpub {
    width: 1000px;
    margin: 0 auto;
}

.ptext {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    color: #080243;
    font: 46px/32px "黑体";
    box-sizing: border-box;
    padding: 80px 0 0 200px;
}

.zfcbg04 .tabuljg {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.zfcbg04 .uljg li {
    position: absolute;
    width: 296px;
    height: 86px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 43px;
    margin: 0 60px 0 0;
    text-align: center;
    cursor: pointer;
}

.zfcbg04 .uljg li img {
    padding: 20px 0 5px 0;
}

.zfcbg04 .uljg li p {
    color: #000000;
    font: 18px/28px "黑体";
}

.zfcbg04 .uljg li:last-child {
    width: 205px;
    margin: 0 30px 0 0;
}

.zfcbg04 .uljg li:nth-child(1) {
    width: 318px;
    top: 0;
    left: 0;
}

.zfcbg04 .uljg li:nth-child(2) {
    top: 0;
    left: 50%;
    margin-left: -102.5px;
}

.zfcbg04 .uljg li:nth-child(3) {
    top: 0;
    right: 0;
}

/* .zfcbg04 .uljg li:nth-child(1):hover{
	width:375px;
	height: 129px;
	background: url(../images/libgon01.png);
	top: 0;
} */

/* .zfcbg04 .uljg li:nth-child(1):hover p{
	color: #080243;
	font: bold 26px/32px "黑体";
}	 */

.zfcbg04 .uljg li:nth-child(2):hover {
    /* 	width:375px;
	height: 129px;
	background: url(../images/libgon01.png);	
	margin-left: -150px; */
}

.zfcbg04 .uljg li:nth-child(2):hover p {
    /* 	color: #080243;
	font: bold 26px/32px "黑体"; */
}

.zfcbg04 .uljg li:nth-child(3):hover {
    /* 	width:231px;
	height: 129px;
	background: url(../images/libgon03.png);	
	margin-left: -115px; */
}

.zfcbg04 .uljg li:nth-child(3):hover p {
    /* 	color: #080243;
	font: bold 26px/32px "黑体"; */
}

.zfcbg04 .uljg[data-xl="1"] li[data-xl="1"] {
    width: 375px;
    height: 129px;
    background: url(../images/libgon01.png);
    top: 0;
}

.zfcbg04 .uljg[data-xl="1"] li[data-xl="1"] p {
    color: #080243;
    font: bold 26px/32px "黑体";
}

.zfcbg04 .uljg[data-xl="2"] li[data-xl="2"] {
    width: 375px;
    height: 129px;
    background: url(../images/libgon01.png);
    margin-left: -150px;
}

.zfcbg04 .uljg[data-xl="2"] li[data-xl="2"] p {
    color: #080243;
    font: bold 26px/32px "黑体";
}

.zfcbg04 .uljg[data-xl="3"] li[data-xl="3"] {
    width: 231px;
    height: 129px;
    background: url(../images/libgon03.png);
    margin-left: -115px;
}

.zfcbg04 .uljg[data-xl="3"] li[data-xl="3"] p {
    color: #080243;
    font: bold 26px/32px "黑体";
}

.tabcon {
    width: 1020px;
    margin: 0 auto;
}

.tabcon .conleft {
    float: left;
    width: 360px;
    color: #082950;
    font: 22px/40px "黑体";
    text-indent: 2em;
    padding: 100px 20px 0 0;
}

.tabcon .conright {
    float: left;
    width: 630px;
}

.sxzkul {
    width: 575px;
    height: 430px;
    background: url(../images/tablebg.png) repeat-y;
    background-size: 100% 100%;
}

.sxzkul li {
    width: 575px;
    height: auto;
    overflow: hidden;
    margin-top: -10px;
}

.sxzkul .tabh2 {
    cursor: pointer;
    width: 100%;
    height: 73px;
    background: url(../images/sxzkbg.png) no-repeat;
}

table.hgtable {
    width: 100%;
}

.sxzkul li .nrbox {
    width: auto;
    height: 200px;
    padding: 15px 22px 15px 25px;
    color: #082950;
    font: 18px/32px "黑体";
}

.sxzkul .nrbox {
    display: none;
}

.sxzkul[data-xl="1"] li[data-xl="1"] .nrbox,
.sxzkul[data-xl="2"] li[data-xl="2"] .nrbox,
.sxzkul[data-xl="3"] li[data-xl="3"] .nrbox {
    display: block;
}

.sxzkul[data-xl="1"] li[data-xl="1"] .hgtable td.jttd,
.sxzkul[data-xl="2"] li[data-xl="2"] .hgtable td.jttd,
.sxzkul[data-xl="3"] li[data-xl="3"] .hgtable td.jttd {
    background: url(../images/jt02.png) no-repeat center 20px;
}

}

.tabh2 {}

.hgtable td {
    height: 73px;
    color: #082950;
    font: bold 20px/28px "黑体";
    padding: 0 0 0 25px;
}

.hgtable td.jttd {
    width: 40px;
    text-align: center;
    background: url(../images/jt01.png) no-repeat center 20px;
}

.hgtable td.jttd02 {
    width: 40px;
    text-align: center;
    background: url(../images/jt02.png) no-repeat center 20px;
}

.sssjul {}

.sssjul li {
    float: left;
    text-align: center;
    margin: 0 20px 10px;
}

.sssjul li img {
    width: 220px;
    height: 110px;
    border-radius: 20px 20px 0 0;
}

.sssjul li .divtext {
    display: block;
    width: 275px;
    height: 45px;
    background: url(../images/pbg.png) no-repeat;
}

.sssjul li .divtext table td {
    height: 45px;
    padding: 0 5px 0 8px;
    font: 16px/19px "黑体";
    color: #082950;
    text-align: left;
}

.yqxul {
    float: right;
    width: 480px;
    height: 480px;
    position: relative;
}

.yqxul li table {
    width: 300px;
    margin: 0 auto;
}

.yqxul li td {
    width: 300px;
    height: 154px;
    margin: 0 auto;
    padding: 0 5px 0 8px;
    font: 18px/32px "黑体";
    color: #FFF;
    text-align: center;
}

.yqxul li.li01 {
    position: absolute;
    top: -19px;
    right: 45px;
    width: 478px;
    height: 199px;
    background: url(../images/lisg01.png) no-repeat;
}

.yqxul li.li01 td {
    height: 199px;
}

.yqxul li.li02 {
    position: absolute;
    top: 121px;
    right: 0;
    width: 485px;
    height: 155px;
    background: url(../images/lisg02.png) no-repeat;
}

.yqxul li.li02 table {
    width: 355px;
}

.yqxul li.li03 {
    position: absolute;
    top: 236px;
    right: 160px;
    width: 345px;
    height: 154px;
    background: url(../images/lisg03.png) no-repeat;
}

.yqxul li.li04 {
    position: absolute;
    top: 343px;
    right: 0;
    width: 374px;
    height: 169px;
    background: url(../images/lisg04.png) no-repeat;
}

.yqxul li.li04 td {
    height: 169px;
}

.zfcbg06 .zhuxue {
    color: #082950;
    font: 20px/26px "黑体";
    padding: 50px 0 0 100px;
    text-indent: 2em;
}

.gdbox {
    clear: both;
    width: 1100px;
    margin: 0 auto;
}

.gdbox .gdmore {
    float: right;
    width: 55px;
    height: 26px;
    margin: 150px 0 0 0;
    font: 16px/26px "黑体";
    border-radius: 5px;
    background: #cadfff;
    text-align: center;
}

.zfcbg08 .ptext {
    padding: 104px 0 0 208px;
}

.zfcbg08 .zhuyi {
    color: #082950;
    font: 20px/26px "黑体";
    padding: 50px 0 0 30px;
    text-indent: 2em;
}

.zfcbg09 .zydlbox {
    clear: both;
    height: auto;
    width: 1000px;
    margin: 0 auto;
}

.zfcbg09 .zydl {
    float: left;
    margin: 0 30px 0 0;
}

.zfcbg09 .zydl:last-child {
    margin: 0 0 0 0px;
}

.zfcbg09 .zydl dt {
    float: left;
    width: 244px;
    height: 145px;
    margin: 0 15px 0 0;
}

.zfcbg09 .zydl dd {
    position: relative;
    float: left;
    width: 225px;
    height: 145px;
}

.zfcbg09 .zydl h2 {
    height: 52px;
    padding: 5px 0 10px 0;
    font: bold 22px/26px "黑体";
    color: #082950;
}

.zfcbg09 .zydl p {
    font: 14px/23px "宋体";
    color: #082950;
}

.zfcbg09 .zydl .gdmore {
    position: absolute;
    right: -5px;
    bottom: 5px;
    width: 45px;
    height: 23px;
    font: 14px/23px "黑体";
    border-radius: 5px;
    background: #abccfe;
    text-align: center;
}

.zfcbg10 .ptext {
    padding: 75px 0 0 30px;
}

.zfcbg10 .p-wcn {
    padding: 35px 0 0 30px;
    color: #082950;
    font: 20px/28px "黑体";
    text-indent: 2em;
}

.wcnul {
    width: 1050px;
    margin: 0 auto;
    height: 138px;
    padding: 25px 0 0 18px;
}

.wcnul li {
    width: 337px;
    height: 342px;
    float: left;
    text-align: center;
    background: url(../images/wcnbg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 0 0 10px;
}

.wcnul li dt {
    font: 22px/38px "黑体";
    color: #FFF;
    padding: 40px 0 0 0;
}

.wcnul li dd {
    width: 260px;
    margin: 0 auto;
    font: 14px/24px "宋体";
    color: #1d1d1d;
    text-align: left;
    padding: 24px 0 0 0;
    text-indent: 2em;
}

.szul {
    clear: both;
    width: 1060px;
    margin: 0 auto;
    padding: 35px 0 0 10px;
    box-sizing: border-box;
}

.szul li {
    float: left;
    width: 490px;
    margin: 0 30px 0 20px;
    padding: 0 0 0 20px;
    font: 20px/55px "宋体";
    color: #082950;
    box-sizing: border-box;
    background: url(../images/libg.png) no-repeat left center;
    overflow: hidden;
    height: 55px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.szul li:nth-of-type(2n) {
    margin: 0 0 0 0;
}

.ulcon .conbox {
    display: none;
}

.ulcon[data-xl="1"] .conbox[data-xl="1"],
.ulcon[data-xl="2"] .conbox[data-xl="2"] {
    display: block;
}

.ultab[data-xl="1"] li[data-xl="1"],
.ultab[data-xl="2"] li[data-xl="2"] {
    color: #1383ee;
    background: #FFF;
}

.conbox {
    width: 1100px;
    height: 100%;
    padding: 60px 75px 0;
    margin: 0 auto;
    border-radius: 30px 30px 0 0;
    background: #FFF;
}

.conbox h2 {
    color: #c7212c;
    font: bold 30px/30px "微软雅黑";
    padding: 0 0 20px 0;
}

.conL {
    width: 645px;
    height: 296px;
    background: #fff2e6;
    border-radius: 25px;
    float: left;
    margin: 0 0 30px 0;
    padding: 30px 0 0 30px;
}

.conR {
    width: 363px;
    height: 296px;
    float: right;
    background: #fff2e6;
    border-radius: 25px;
    margin: 0 0 30px 0;
    padding: 30px 0 0 30px;
}

.conT {
    clear: both;
    width: 100%;
    height: 326px;
    background: #fff2e6;
    border-radius: 25px;
    margin: 0 0 30px 0;
    padding: 30px 0 0 30px;
    box-sizing: border-box;
}

.conT4 {
    clear: both;
    width: 100%;
    height: 326px;
    background: #fff2e6;
    border-radius: 25px;
    margin: 0 0 30px 0;
    padding: 30px 0 0 30px;
    box-sizing: border-box;
}

.conR .monthul {
    padding: 0 0 0 15px;
}

.conT .monthul {
    padding: 0 0 0 35px;
}

.conT .monthul li {
    margin: 0 45px 0 0;
}

.conT4 .monthul {
    padding: 0 0 0 15px;
}

.conT4 .monthul li {
    width: 234px;
    height: 130px;
    margin: 0 25px 0 0;
}

.monthul li {
    float: left;
    width: 292px;
    height: 162px;
    margin: 0 30px 0 0;
}

.monthul li img {
    width: 100%;
    height: 100%;
    background: #ececec;
    border: 2px solid #f9b6ac;
}

.monthul li h3 {
    padding: 8px 0 0 0;
    color: #550006;
    font: 18px/24px "微软雅黑";
}

.gyls {
    width: 1100px;
    height: 58px;
    margin: 0 auto;
    background: url(../images/gongyiroad.png);
}

.gyul {
    width: 1100px;
    margin: 0 auto;
    padding: 123px 0 0 0;
}

.gyul li {
    float: left;
    width: 202px;
    height: 364px;
    margin: 0 22px 0 0;
    border-radius: 25px 0 25px 0;
}

.gyul li a:hover {
    text-decoration: none !important;
}

.gyul li:nth-of-type(1) {
    background: #ffc8d5;
}

.gyul li:nth-of-type(2) {
    background: #fff1bf;
}

.gyul li:nth-of-type(3) {
    background: #ffd9b5;
}

.gyul li:nth-of-type(4) {
    background: #efddff;
}

.gyul li:nth-of-type(5) {
    background: #d9eeff;
    margin: 0;
}

.gyul li h2 {
    text-align: center;
    color: #e94e42;
    font: bold 40px/40px "微软雅黑";
    padding: 30px 0 30px 0;
}

.gyul li h3 {
    text-align: center;
    color: #333;
    font: bold 20px/24px "微软雅黑";
    padding: 20px 0 10px 0;
}

.gyul li h4 {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    color: #666;
    font: bold 16px/24px "微软雅黑";
    padding: 0 0 20px 0;
}

.gyul li img {
    display: block;
    width: 136px;
    height: 136px;
    margin: 0 auto;
    border: 2px solid #FFF;
    border-radius: 68px;
    overflow: hidden;
}

.zhuanxing {
    width: 1100px;
    height: 58px;
    margin: 0 auto;
    background: url(../images/zhuanxing.png);
}

.zxbox {
    width: 1250px;
    height: 344px;
    margin: 0 auto;
    border-radius: 30px;
    background: #ffe5ce;
    padding: 30px 50px 0;
    box-sizing: border-box;
}

.zxbox h2 {
    text-align: center;
    font: bold 30px/30px "微软雅黑";
    color: #bc0120;
    padding: 0 0 30px 0;
}

.zxbox h2 span {
    display: block;
    float: right;
    padding: 0 25px 0 0;
}

.zxbox ul {}

.zxbox ul li {
    width: 530px;
    height: 60px;
}

.hmdl {
    width: 530px;
    height: 60px;
    border-radius: 0 25px 0 25px;
    background: #FFF;
    color: #333;
    float: left;
    margin: 0 20px 20px;
    border: 1px solid #f2b7ab;
    font: 20px/60px "微软雅黑";
}

.hmdl:hover {
    background: #E94E42;
    color: #FFF;
    border: 1px solid #E94E42;
    font-weight: bold;
}

.hmdl dt,
.hmdl dd {
    float: left;
    padding: 0 0px 0 30px;
}

.hmdl dt {
    color: #bc0120;
}

.hmdl:hover dt {
    color: #FFF;
}

.gdlink {
    font: bold 20px/30px "微软雅黑";
    color: #1383ee;
    border-bottom: 3px solid #1383EE;
}

.gdlink:hover {
    text-decoration: none;
    color: #1383EE !important;
}

.jingye {
    width: 1100px;
    height: 57px;
    margin: 0 auto;
    background: url(../images/jingye.png);
}

.jybox {
    width: 1252px;
    height: 570px;
    margin: 0 auto;
    background: #FFF;
    border-radius: 25px;
    position: relative;
    box-sizing: border-box;
    padding: 105px 0 0 105px;
}

.qbox {
    position: absolute;
    width: 520px;
    height: 205px;
}

.qbox:nth-of-type(2) {
    top: 105px;
    right: 103px;
}

.qbox:nth-of-type(3) {
    top: 340px;
    left: 105px;
}

.qbox:nth-of-type(4) {
    top: 340px;
    right: 103px;
}

.qbox .qq {
    width: 290px;
    height: 185px;
    position: absolute;
    top: 20px;
    z-index: 2;
}

.qbox .hq {
    width: 297px;
    height: 185px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/bgzbg.png);
    z-index: 1;
}

.qbox .hq p {
    color: #666;
    padding: 86px 40px 0 75px;
    font: 14px/22px "微软雅黑";
}

.qbox .bq {
    position: absolute;
    top: 41px;
    left: 270px;
    min-width: 162px;
    height: 32px;
    background: url(../images/textbg.png);
    box-sizing: border-box;
    padding: 0 15px 0 10px;
    border-radius: 0 16px 16px 0;
    z-index: 3;
}

.qbox .bq span {
    display: block;
    width: 100%;
    height: 32px;
    background: #ff5555;
    border-radius: 0 16px 16px 0;
    font: 17px/32px "微软雅黑";
    color: #FFF;
}

.jingyelink {
    position: absolute;
    top: 40px;
    right: 76px;
}

.ewmbox {
    width: 920px;
    margin: 0 auto;
    height: 200px;
    padding: 77px 0 0 300px;
    box-sizing: border-box;
}

.ewmbox li {
    float: left;
    width: 144px;
    height: 200px;
    margin: 0 30px;
    color: #FFF;
    font: 14px/40px "微软雅黑";
    text-align: center;
}

/* 幻灯  */

.huandeng {
    position: relative;
    top: 15px;
    margin: 0 auto;
    width: 1000px;
    height: 233px;
}

.huandeng .hdnr {
    position: relative;
    width: 100%;
    height: 100%;
}

.huandeng .hn_nr {
    position: absolute;
    opacity: 0;
    top: 0;
    width: 0;
    height: 0;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all 0.2s ease 0.001s;
    -moz-transition: all 0.2s ease 0.001s;
    -ms-transition: all 0.2s ease 0.001s;
    -o-transition: all 0.2s ease 0.001s;
    transition: all 0.2s ease 0.001s;
}

.huandeng .hn_nr img {
    width: 320px;
    height: 230px;
}

.huandeng .hn_nr .hdbt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px;
    font: 20px/24px '';
    text-align: justify;
    padding: 10px 25px 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
}

/* .huandeng .hn_nr .hdbt {
  font: 18px/33px '';
  text-align: justify;
  color: #fff;
} */

.huandeng .hn_nr .hdbt h2 {
    font: bold 18px/30px '';
    color: #fff;
    text-align: center;
    padding: 15px 0 10px;
}

.huandeng .hn_nr .hdbt p {
    font: bold 14px/16px '';
    color: #fff;
    opacity: 0.4;
    color: #FFF;
    text-align: justify;
}

.huandeng .dq {
    width: 320px;
    height: 230px;
    left: 34%;
    opacity: 1;
    z-index: 10;
}

.huandeng .dq .hdbt {
    display: block;
}

.huandeng .yb_l {
    width: 320px;
    height: 230px;
    left: 0%;
    top: 0%;
    opacity: 1;
    z-index: 5;
}

.huandeng .yb_r {
    width: 320px;
    height: 230px;
    left: 68%;
    top: 0%;
    opacity: 1;
    z-index: 5;
}

.huandeng .hd_dd {
    position: absolute;
    z-index: 20;
    bottom: 25px;
    right: 20px;
}

.huandeng .hd_dd li {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 4px;
}

.huandeng .hd_dd[data-xl="0"] li[data-xl="0"],
.huandeng .hd_dd[data-xl="1"] li[data-xl="1"],
.huandeng .hd_dd[data-xl="2"] li[data-xl="2"],
.huandeng .hd_dd[data-xl="3"] li[data-xl="3"],
.huandeng .hd_dd[data-xl="4"] li[data-xl="4"],
.huandeng .hd_dd[data-xl="5"] li[data-xl="5"],
.huandeng .hd_dd[data-xl="6"] li[data-xl="6"],
.huandeng .hd_dd[data-xl="7"] li[data-xl="7"],
.huandeng .hd_dd[data-xl="8"] li[data-xl="8"],
.huandeng .hd_dd[data-xl="9"] li[data-xl="9"] {
    width: 28px;
    background: #50bbe7;
}

.huandeng .hdjt {
    position: absolute;
    width: 61px;
    height: 132px;
    z-index: 20;
    top: 23%;
    margin-top: -30px;
    cursor: pointer;
}

.huandeng .hdjt_l {
    left: -80px;
    background: url("../images/hdjt_l.png") no-repeat;
}

.huandeng .hdjt_r {
    right: -80px;
    background: url("../images/hdjt_r.png") no-repeat;
}

/* 幻灯 end */