@charset "gb2312";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; font:12px/24px Arial,"\5B8B\4F53",sans-serif; color:#333;}
article, iframe, img{ display:block; border:0;}
ul, li{ list-style:none;}
a{color:#333; text-decoration:none;}
a:hover{ color: #e4393c; text-decoration: underline;}
.clear { clear:both;}
.hide { display:none;}
.fl { float:left;}
.fr { float:right;}
.mt25{ margin-top: 25px;}
.text_red{color:#e4393c !important;}
.back_red{background:#e4393c !important;}
/* ¹«ÓÃÍ¼Æ¬ */
#slides .next,#slides .prev,.datumwklcon01 dd .bookic,.bomser03 span,.playBtn{ background:url(nmg.huatu.comztcssindeximg.png) no-repeat;}


/* ½¹µãàó*/
.focus {width:570px; height:260px; position:relative; z-index:100;}
.slides_container {width:570px; height:260px; overflow:hidden; position:relative;}
.slides_container dl {float:left;width:570px; height:260px;position:relative;}
.slides_container dl dt img {width:570px;height:260px;}
.slides_container dl dd p {position:absolute;bottom:0;left:20px;height:34px; line-height:34px;color:#f8f8f8;z-index:88;font-size:14px;}
.slides_container dl dd div {position:absolute;bottom:0;left:0;height:34px;width:570px; background:#333;z-index:87;opacity:0.7;}
#slides .prev{ position:absolute; top:107px; left:14px; width:20px; height:50px; display:block; z-index:101;background-position:-40px -261px;}
#slides .prev:hover{background-position:0px -261px;}
#slides .next{ position:absolute; top:107px; right:14px; width:20px; height:50px; display:block; z-index:101;background-position:-60px -261px;}
#slides .next:hover{background-position:-20px -261px;}
.pagination {position:absolute; right:15px; bottom:12px; z-index:8888;}
.pagination li {float:left; margin:0 1px;}
.pagination li a {display:block; width:10px; height:10px; font-size:0; float:left; background:url(nmg.huatu.comztcssm01-banbtn.png) no-repeat; margin:0 5px 0 4px;}
.pagination li.current a {background-position:-10px 0;}
/* ½¹µãàóend */
@media screen and (max-width:375px){
.focus,.slides_container ,.slides_container dl,.slides_container dl dt img {width: 375px;height: 171px;}
#slides .prev,#slides .next {top: 50px;}
.fl { float:none;}
.fr { float:none;}
}
@media screen and (max-width:360px){
.focus,.slides_container ,.slides_container dl,.slides_container dl dt img {width: 360px;height: 164px;}
.fl { float:none;}
.fr { float:none;}
}
@media screen and (max-width:320px){
.focus,.slides_container ,.slides_container dl,.slides_container dl dt img {width: 320px;height: 146px;}
#slides .prev,#slides .next {top: 90px;}
.pagination {display: none;}
.slides_container dl dd p{width: 280px;overflow: hidden;}
.fl { float:none;}
.fr { float:none;}
}