@charset "utf-8";
/**
 * CMS 内容管理系统
 */
@media screen and (min-width: 1024px) and (max-width: 1199px) {
header { width: 100%; margin: auto; }
.nav { width: 90% }
.nav li a { padding: 0 15px }
.search_bar { display: none }
article { width: 90%; margin: 130px auto 0 }
.uls { width: 90%;}
.imginfo { bottom: 15% }
.toppic .right_top li .focus {height:75px;}
.toppic li i img { height: 170px; }
.gd { width: 230px }
.container { width: 90%;}
.share ul li i { }
}
@media screen and (min-width: 960px) and (max-width: 1023px) {
header { width: 100%; margin: auto; }
.nav { width: 90% }
.nav li a { padding: 0 15px }
.search_bar { display: none }
article { width: 90%; margin: 100px auto 0 }
.toppic .right_top li .focus {height: 70px;margin: 6px 0;}
.uls { display:none;}
.fader { padding-top: 0; height: 337px }
.imginfo { bottom: 15% }
.toppic li i img { height: 160px; }
.gd { width: 220px }
.zhuanti p { top: 20% }
.container { width: 90%; margin-top: 80px; }
.share ul li i { }
.timebox li:hover a { padding: 0 30px }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
header, .blogsbox { width: 100%; margin: auto; }
.menu { width: 90%; display: none; }
.uls { display: none; }
#mnav { display: block; z-index: 99999;  }
.search_bar, #pclb { display: none; }
#mblb { display: block; }
.search_bar { display: none }
article { width: 95%; margin: 70px auto 0 }
.imginfo { bottom: 17% }
.banner {  width: 100%; margin: auto; }
.toppic{display:none;}
.sidebar { display: none }
.imginfo { font-size: 22px }
.news_infos { width: 94% }
.container { width: 90%; margin-top: 70px; }
.shareli { margin: 0 5px; }
.share ul li i { height: 150px }
.share ul li h2 { padding: 15px 5px; }
.timebox li { font-size: 15px }
.timebox li span { margin-right: 30px }
.timebox:before { left: 100px; }
.timebox li a:after { left: -26px }
.timebox li:hover a { padding: 0 30px }
.timebox li div{margin-left:0;}
.infosbox { width:calc(100% - 40px); }
.pagebg {margin-top: 50px;}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
header, .blogsbox, .banner { width: 100%; margin: auto; }
.menu { width: 90%; display: none; }
.uls { display: none; }
#mnav { display: block; z-index: 99999; }
.search_bar, .toppic { display: none }
.search_bar, #pclb { display: none; }
 #mblb { display: block; }
article { width: 90%; margin: 65px auto 0 }
.bloginfo { width: 100%; clear: both }
.blogs {padding:20px 10px;}
.blogs .blogpic { width: 30%; height: auto }
.fader { padding-top: 50%; width: 100% }
.imginfo { font-size: 20px; bottom: 20%; }
.bloginfo ul li { margin-right: 10px }
.bplist li img { height: 100px }
.bplist li { height: 100px }
.bigpic img { height: auto }
.blogs .blogtext { margin-top: 10px; }
.bplist li:nth-child(2) { margin-left: 3px; }
.sidebar { display: none }
.news_infos { width: 92% }
.newsview { padding: 0 12px }
.container { width: 90%; margin-top: 65px; }
.share ul li { width: 50% }
.share ul li i { height: 150px }
.share ul li i img{height:150px;}
  .shareli { margin: 0 15px; }
.share ul li h2 { padding: 15px 15px; }
.timebox li { font-size: 15px }
.timebox li span { display: none }
.timebox:before { display: none }
.timebox li:hover a { padding: 0 30px }
.timebox li div{margin-left:0;}
.infosbox { width:calc(100% - 40px); }
.pagebg {margin-top: 50px;}
.diggit{ float:none; margin-left: auto;}
.dasbox{ display:none}
}
@media only screen and (max-width: 479px) {
header, .blogsbox, .banner { width: 100%; margin: auto; }
.menu { width: 90%; display: none; }
.uls { display: none; }
#mnav { display: block;}
.search_bar, #pclb { display: none; }
#mblb { display: block; }
article { width: 95%; margin: 60px auto 0 }
.imginfo { font-size: 18px; bottom: 22%; }
.bloginfos ul{margin-top:12px;}
.bloginfos ul .view{margin:0;}
.blogs {padding:15px 10px;}
.blogs:before{display:none;}
.blogs .blogpic { width: 110px; height: auto; max-height: 75px;margin-right:10px; }
.blogs .blogpic img{max-height: 75px;}
.fader { padding-top: 60%; width: 100% }
.bplist li img { height: 100px }
.bplist li { height: 100px }
.bigpic img { height: auto }
.blogs .blogtitle{margin:0 0 10px 0;}
.blogs .blogtext {height:50px!important;line-height:25px;overflow:hidden;margin:0;-webkit-line-clamp: 2;font-size:14px; }
.bloginfo ul li { background-image: none }
.bloginfos .author { display: none }
.bloginfos .like{ display: none }
.blogs:hover .details{display:none;}
.bplist li:nth-child(2) { margin: 0 0 0 2px }
.sidebar { display: none }
.news_infos { width:95%;padding:20px 10px; }
.newsview { padding: 0 12px }
.container { width: 95%; margin-top: 60px; }
.share ul li { width: 50% }
.share ul li i { height: 128px;background: #fff; }
.share ul li i img{height:128px;}
.shareli { margin: 0 3%; }
.share ul li h2 { padding: 10px 15px; }
footer p { padding: 0 30px;font-size:13px;}
.timebox li { font-size: 15px }
.timebox li span { display: none }
.timebox:before { display: none }
.timebox li:hover a { padding: 0 30px }
.timebox li div{margin-left:0;}
.infosbox { width: 100%;padding:0;}
.infosbox .t_nav{padding:0 10px;}
.pagebg {margin-top: 50px;}
.diggit{ float:none; margin-left: auto;}
.dasbox{ display:none;}
.otherlink .pctj{display:none;}
.otherlink .mbtj{display:block;margin: 10px 0;}
.otherlink .mbtj li { height: 86px; width:100%; overflow: hidden; margin:15px 0;}
.otherlink .mbtj li a{display: block;height:85px;margin:0 10px;border-bottom: 1px dashed #dadada;}
.otherlink .mbtj li a:hover p { color: #00a67c; }
.otherlink .mbtj li a i{display:block;width:95px;height:70px;float:left;overflow: hidden;border: solid 1px #ddd;}
.otherlink .mbtj li a i img{width:100%;height:100%;transition: all 0.5s;}
.otherlink .mbtj li a:hover i img { transform: scale(1.1) }
.otherlink .mbtj li a div{width:calc(100% - 110px);height:75px;float:right;font-size:15px;text-align: justify;}
.otherlink .mbtj li a div .tits{height:45px;line-height:23px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.otherlink .mbtj li a div .dids{height:30px;line-height:30px;}
.otherlink .mbtj li a div .time{background: url(../images/auicon.jpg) no-repeat top -44px left; }
.otherlink .mbtj li a div .view{background: url(../images/auicon.jpg) no-repeat top -64px left;}
.otherlink .mbtj li a div p span{padding: 0 0 0 20px;margin: 0 20px 0 0;}
}