@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/190% "宋体"; color:#333;text-align:center; background:url(images/bg01.jpg) center 30px repeat #000;position:relative;overflow:hidden;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
h1,h2,h3{font-family: "微软雅黑";}
div{margin:0 auto;text-align:left;font:normal 12px/190% "宋体";}
li,p{text-align:left;font:normal 12px/190% "宋体";}
a:link,a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/* clearfix */
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}

.fl{float:left;}
.fr{float:right;}
.top01{background: #0C0D0D;height:41px;position:absolute;top:0;width:100%;left:0;z-index:9999;display:none;}
.top01 em{float: left;line-height: 41px;margin-left:20px;}
.top01 .fr{float:right;line-height:41px;color:#8d8d8d;margin-right:20px;height:41px;overflow:hidden;position:relative;width:220px;}
.top01 .fr a{line-height:44px;color:#8d8d8d;}
.top01 .fr .switchBtn {display:block;float:right;font-size:14px;line-height:44px;cursor:pointer;height:41px;padding:0 5px 0 0;text-decoration:none;}
.top01 .fr .switchBtn:hover{background-color:#222221;}
.top01 .fr .switchBtn i{display:block;float:left;background:url(images/i-list.png) center 13px no-repeat;height:39px;width:17px;padding-right:5px;border-left:1px solid #000;padding-left:10px;}
.top01 .fr .list-view{background:#282828;}
.top01 .fr .list-view i{background:url(images/i-bigImg.jpg) center no-repeat;}

.scroll-wrap{}
.scroll-wrap ul{position:relative;z-index:11;}
.scroll-wrap ul li{float:left;margin:0;padding:0;position:relative;overflow:hidden;z-index:1;}
.scroll-wrap ul li .intro{display:none;}
.scroll-wrap ul li  p{display:none;}

.scroll-wrap .prev{position:absolute;top:0;left:0;cursor:pointer;z-index:999;width:50%;height:100%;z-index:12222;zoom:1;overflow:hidden;background:#000;opacity:0;filter:alpha(opacity=0);}
.scroll-wrap .prev span{width:100%;height:100%;display:block;}
.scroll-wrap .active-prev{background:url(images/btn-prev.png) 5px center no-repeat;opacity:1;filter:alpha(opacity=100);}
.scroll-wrap .next{position:absolute;top:0;right:0;cursor:pointer;z-index:999;width:50%;height:100%;z-index:12222;background:#000;opacity:0;filter:alpha(opacity=0);}
.scroll-wrap .active-next{background:url(images/btn-next.png) right center no-repeat;opacity:1;filter:alpha(opacity=100);}


/*bottom*/
.bottom{position:absolute;left:0;bottom:0;width:100%;z-index:1000;padding:5px 0;}
.bottom .slide{position:absolute;top:-32px;width:100%;height:32px;text-align:center;left:0;cursor:pointer;}
.bottom .opacity{background:#000;opacity:0.9;filter:alpha(opacity=90);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.bottom .fl{position:relative;z-index:2;}
.bottom .fl .num{float:left;padding:5px 10px;}
.bottom .fl .num span{color:#c2c2c2;font-size:24px;font-family:"微软雅黑";font-weight:normal; }
.bottom .fl .num span em{color:#910000;}
.bottom .fl .intro{color:#fff; font-size:14px;line-height:22px;float:left;padding:5px 10px;border-left:1px solid #1E1E1E;}
.bottom .fl .intro{white-space:normal;height:auto;}
.bottom .fl .intro em{display:none;}
.bottom .fl .intro p{overflow:auto;white-space:normal;height:auto;}
.bottom .fr{position:relative;z-index:2;padding:0 30px 0 20px;border-left:1px solid #1E1E1E;}
.bottom .fr .zan{font-size:14px;color:#8d8d8d;float:left;line-height:32px;margin-right:15px;text-decoration:none;}
.bottom .fr .zan i{background:url(images/zan.png) center no-repeat;width:19px;height:20px;float:left;margin-top:5px;}
.bottom .fr .message{font-size:14px;color:#8d8d8d;float:left;line-height:32px;margin-right:15px;text-decoration:none;}
.bottom .fr .message i{background:url(images/liuyan.png) center no-repeat;width:18px;height:17px;float:left;margin-top:6px;}
.bottom .fr .share{background:url(images/share.png) center no-repeat; width:18px;height:20px;float:left;margin-top:7px;text-decoration:none;}

/*.bt-down .fl .intro{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}*/
.bt-down .fl .intro p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.bt-down .fl .intro em{display:none;}

.img-list {position:absolute;width:1280px;position:absolute;top:41px;left:0;z-index:99999;display:none;background: rgba(0, 0, 0, 0.75);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#bf000000', EndColorStr='#bf000000');overflow:auto;}
.img-list .wrap{margin:0 auto;}
.img-list ul{}
.img-list ul li{float:left;position:relative;overflow:hidden;width:235px;height:156px;text-align:center;margin:10px;background: rgb(27, 28, 30);}
.img-list ul li img{cursor:pointer;}
.img-list ul li .serial{background:rgba(0, 0, 0, 0.75);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000');position:absolute;bottom:0;right:0;height: 26px;line-height: 26px;padding: 0 10px 0 15px;font-family: Georgia;color: rgb(171, 171, 171);}

#bdshare{width:40px;position:absolute;top:-303px;right:10px;background:url(images/share-bg.png) center no-repeat;padding:10px 10px 20px 10px;display:none;}
#bdshare a{float:left;margin-left:8px;margin-top:4px;}

/*留言*/
.msg-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:99999;}
.msg-wrap .opacity{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);z-index:999;}
.msg{width:670px;height:325px;position:absolute;background:#fff;z-index:1000;top:100px;}
.msg h2{background:#E1E1E1;height:42px;line-height:42px;font-size:14px;}
.msg h2 span{color:#808080;display:block;float:left;padding:0 8px;cursor:pointer;}
.msg h2 .active{background:#fff;color:#000;}
.msg h2 a{float:right;font-size:24px;font-weight:normal;margin-right:10px;line-height:36px;text-decoration:none;}
.msg .m-list{overflow:auto;height:283px;position:relative;display:none;}
.msg .m-list ul{padding:0 20px;}
.msg .m-list ul li{border-bottom:1px dotted #333;padding:15px 0;}
.msg .m-list ul li h3{font-size:12px;color:#000;padding-bottom:10px;}
.msg .m-list ul li h3 em{color:#8d8d8d;float:right;}
.msg .m-list ul li h3 em a{color:#8d8d8d;font-weight:normal;}
.msg .m-list ul li p{}
.msg .m-form{background:#fff;}
.msg .m-form form{font-size:14px;}
.msg .m-form form tr{}
.msg .m-form form tr td{padding-left:10px;}
.msg .m-form form input[type="text"]{width:376px;height:32px;border:1px solid #E7E7E7;margin-top:20px;}
.msg .m-form form textarea{background:url(images/ta-bg.png) center no-repeat;width:600px;height:154px;border:1px solid #E7E7E7;margin:20px 0 0;}

/*20180129*/
.bottom_red .opacity {
    background: #C00;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.bottom_red .fl .intro {
    border-left: 1px solid #FFF;
}
.bottom_red .fl .num span {
    color: #333;
}
.bottom_red .fl .num span em {
    color: #FFF;
}
.bottom_red .fr {
    border-left: 1px solid #FFF;
}

/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
.scroll-wrap .prev{background:url(images/btn-prev.png) left center no-repeat;opacity:1;filter:alpha(opacity=100); background-size:40px 40px;}
.scroll-wrap .next{background:url(images/btn-next.png) right center no-repeat;opacity:1;filter:alpha(opacity=100); background-size:40px 40px;}
}
/* orientation: portrait | landscape */
/* 横/坚屏 */
/* 肖像（坚屏）模式 */
@media only screen and (orientation: portrait) {
}
/* 全景（横屏）模式 */
@media screen and (orientation: landscape) {
.scroll-wrap .prev{background:url(images/btn-prev.png) left center no-repeat;opacity:1;filter:alpha(opacity=100); background-size:40px 40px;}
.scroll-wrap .next{background:url(images/btn-next.png) right center no-repeat;opacity:1;filter:alpha(opacity=100); background-size:40px 40px;}
}
