@charset "utf-8";
/* CSS Document */

.xuanji-ds { max-width: 967px; height: auto; margin: 0 auto; font-size: 16px; color: #fff; font-family:"Microsoft YaHei";background: url(/images/xjds-box.jpg) top center no-repeat #000;margin-top:1px;border-radius:2%;padding-top:10px;}
.xuanji-ds-con ul { margin: 0; padding: 0; list-style: none;}
.xuanji-ds p { margin: 0; padding: 0;}
.xuanji-ds a { text-decoration: none; color: #fff; }
.xuanji-ds a:hover { text-decoration: underline; color: #fff;}
.xuanji-ds-header { position: relative;}
.xuanji-ds-banner { width: 100%; height: auto; vertical-align: top;}
.xuanji-cstj { width: 261px; height: 56px; overflow: hidden; text-indent: -9999px; background: url(../images/xjds-cstj.png) 0 0 no-repeat; background-size: 100%; display: inline-block; cursor: pointer; position: absolute; bottom: calc(13% + 46px); right: 60px;}
.xuanji-bsjj { width: 261px; height: 46px; overflow: hidden; text-indent: -9999px; background: url(../images/xjds-bsjj.png) 0 0 no-repeat; background-size: 100%; display: inline-block; cursor: pointer; position: absolute; bottom: 13%; right: 60px;}
.xuanji-ds-box { background: url(/images/xjds-box.jpg) top center no-repeat #000;}
.xuanji-ds-tit { text-align: center; border-top: solid 3px #ffebaf;}
.xuanji-ds-con { padding: 0 10px;}
.xuanji-ds-con ul:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
.xuanji-ds-con ul {*zoom:1;}
.xuanji-ds-con ul li { float: left; width: calc(23% - 2px); margin-right: 1%; margin-left: 1%; margin-top: 5px; margin-bottom: 5px; text-align: center; border-radius: 8px; border: solid 1px #eaff56; background:#006afe}
.xuanji-ds-lt { height: 20px; line-height: 20px; padding: 10px 0 0 0;}
.xuanji-ds-lt img { margin-right: 5px; vertical-align: middle;}
.xuanji-ds-gs { height: 20px; line-height: 20px; padding: 5px 0 10px 0;}
.xuanji-ds-ch { padding: 15px 0 15px 0;overflow:hidden; height: 105px; text-align: center; background: url(/images/xjds-yun.png) center center no-repeat; background-size: 100% auto;}
.xuanji-ds-ch marquee { text-align: center;height:115px;}
.xuanji-ds-ch p { height: 35px; line-height: 35px;}
.xuanji-ico { height: 24px; margin: 0 5px; vertical-align: text-bottom;}

@media screen and (max-width: 800px) {
.xuanji-cstj { width: 186px; height: 40px; bottom: 70px; right: 40px;}
.xuanji-bsjj { width: 186px; height: 40px; bottom: 30px; right: 40px;}
.xuanji-ds-con { font-size: 14px;}
.xuanji-ds-ch { background: none;}

}

@media screen and (max-width: 700px) {
.xuanji-cstj { width: 100px; height: 30px; line-height: 30px; text-indent: 0; text-align: center; font-weight: bold; border-radius: 5px; border: solid 2px #ff0; background: #d70; bottom: 40px; right: 135px;}
.xuanji-bsjj { width: 100px; height: 30px; line-height: 30px; text-indent: 0; text-align: center; font-weight: bold; border-radius: 5px; border: solid 2px #ff0; background: #d70; bottom: 40px; right: 20px;}
.xuanji-ds-con ul li { width: calc(22.5% - 2px); margin-right: 1.25%; margin-left: 1.25%; margin-top: 5px; margin-bottom: 5px;}
}

@media screen and (max-width: 600px) {
.xuanji-ds-con ul li { width: calc(30% - 2px); margin-right: 1.65%; margin-left: 1.65%; margin-top: 5px; margin-bottom: 5px;}
.xuanji-ds-tit img { width: 80%;}
}

@media screen and (max-width: 500px) {
.xuanji-cstj { width: 80px; height: 30px; line-height: 30px; text-indent: 0; text-align: center; font-weight: normal; bottom: 25px; right: 100px;}
.xuanji-bsjj { width: 80px; height: 30px; line-height: 30px; text-indent: 0; text-align: center; font-weight: normal; bottom: 25px; right: 10px;}
.xuanji-ds-ch { font-size: 14px;}
.xuanji-ico { height: 20px;}

}

@media screen and (max-width: 400px) {
.xuanji-cstj { width: 60px; height: 24px; line-height: 24px; text-indent: 0; font-size: 12px; text-align: center; font-weight: normal; bottom: 16px; right: 80px;}
.xuanji-bsjj { width: 60px; height: 24px; line-height: 24px; text-indent: 0; font-size: 12px; text-align: center; font-weight: normal; bottom: 16px; right: 10px;}
<!--.xuanji-ds-con ul li { width: calc(45% - 2px); margin-right: 2.5%; margin-left: 2.5%; margin-top: 5px; margin-bottom: 5px;}-->
.xuanji-ds-ch { font-size: 12px;}
.xuanji-ico { height: 16px; margin: 0 3px;}
}

.xuanji-content{display: inline-block; *display: inline; *zoom:1;	vertical-align: middle;position: relative;right: -100%; width: 90%; max-width: 600px; text-align: left; color: #000; font-size: 14px; line-height: 20px; font-family: "Microsoft YaHei";}
.xuanji-con-tit { height: 45px; line-height: 45px; padding-left: 1.5em; color: #ff0; font-weight: bold; font-size: 18px; border-radius: 5px 5px 0 0; background: #db4c16;}
.xuanji-con-box { padding: 1.5em; border-radius: 0 0 5px 5px; background: #fff; overflow: auto;}
@media screen and (max-height: 900px){ 
.xuanji-con-box { max-height: 200px;}
} 
.xuanji-con-box img { max-width: 100%; height: auto; margin: 0 auto;}
.xuanji-con-box p { padding-bottom: 10px;}
.xuanji-con-close { height: 45px; display: inline-block; position: absolute; top: 0; right: 0; font-weight: normal;}
.xuanji-con-close a { height: 45px; line-height: 45px; padding: 0 1.5em; font-size: 16px; text-align: center; color: #fff; border-radius: 0 5px 0 0; background: #b5360a; cursor: pointer; display: block;}
.xuanji-con-close a:hover { text-decoration: none; color: #000; background: #ff0;}

.xuanji-box-li1,
.xuanji-box-li2 { position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0; z-index:9999; display:none;}
.xuanji-box-li1:after,
.xuanji-box-li2:after{content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.xuanji-black-bg-li1,
.xuanji-black-bg-li2{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:555; background:#000; opacity:0.5;filter:alpha(opacity=50); display:none;}