@charset "utf-8";

/* ´óÓÚ960px£¬Ð¡ÓÚ1199px */ 
 @media screen and (min-width: 960px) and (max-width: 1199px) {
header, article, footer { width: 100%; margin: auto; overflow: hidden }
article { padding: 20px 0 0 0 }
nav { width: 100% }
nav ul li { padding: 0px 10px; }
.banner { margin: 0 }
.search { display: none }
.litle { margin: 20px 0 0 0; padding-left: 20px; }
.leftbox { width: 68%; }
.navlist li { margin-left: 20px }
.mbpic { padding: 5px; margin: 0 10px 5px }
.mbimg { height: 150px; }
}
 
 /* ´óÓÚ768px£¬Ð¡ÓÚ959px */ 
 @media screen and (min-width: 768px) and (max-width: 959px) {
header, article, footer { width: 100%; margin: auto; overflow: hidden }
article { padding: 20px 0 0 0 }
nav { width: 100% }
nav ul li { padding: 0px 10px; }
.banner { margin: 0 }
.search { display: none }
.litle { margin: 20px 0 0 0; padding-left: 20px; }
.leftbox { width: 68%; }
.navlist li { margin-left: 20px }
.mbpic { padding: 5px; margin: 0 10px 5px }
.mbimg { height: 150px; }
}
 
 
/* ´óÓÚ480px£¬Ð¡ÓÚ767px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
header, article, footer { width: 100%; margin: auto; overflow: hidden }
nav, .search { display: none; }
article { padding: 20px 0 0 0 }
#mnav { 
  display: block; 
  z-index: 99999; 
  /*background: url(../images/logo.png) no-repeat left 10px top 13px #333; */
}
#mnav .logo-text {
    text-align: left;
    height: 52px; 
    line-height: 52px;
    display: inline-block; 
    font-size: 22px;
    font-family: "KaiTi", "STKaiti", "楷体", "华文楷体", "Microsoft YaHei", serif;
    font-weight: 500;
    /*padding: 0px 20px;*/
    color: #fff;
    /*margin-right: 70%;*/
}

.banner { margin: 10px 0}
.newblogs { width: 100%; margin-bottom: 20px;}
h3.blogtitle { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.bloginfo p, .paihang ul li p { text-align: justify; }
.blogpic img { height: 100%; width: auto }
.rbox, .ab_box, .leftbox, .rightbox { width: 100% }
.litle { display: none }
.rightbox { margin-right: 0 }
.navtab { margin-top: 30px; margin-bottom: 0 }
.navlist li { margin: 0 5px 5px }
.effect { width: 43% }
.mbpic { padding: 5px; margin: 0 5px 5px }
.mbimg { height: 150px; }
.pagelist { margin: 0 0 15px 0 }
.link_box { margin-top: 30px }
.blogsitetj li { width: 100%; display: block }
}
/* СÓÚ479px */
@media only screen and (max-width: 479px) {
header, article, footer { width: 100%; margin: auto; overflow: hidden }
nav, .blog, .search { display: none; }
article { padding: 20px 0 0 0 }
#mnav { 
  display: block; 
  z-index: 99999; 
  /*background: url(../images/logo.png) no-repeat left 10px top 13px #333; */
}
#mnav .logo-text {
    text-align: left;
    height: 52px; 
    line-height: 52px;
    display: inline; 
    font-size: 22px;
    font-family: "KaiTi", "STKaiti", "楷体", "华文楷体", "Microsoft YaHei", serif;
    font-weight: 500;
    color: #fff;
    float: left;
    /*padding: 0;*/
    padding: 0px 20px;
    /*margin-right: 70%;*/
}

.banner { margin: 40px 0 10px 0 }
.newblogs { width: 100%; }
h3.blogtitle { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.bloginfo p, .paihang ul li p { text-align: justify; }
.blogpic img { height: 100%; width: auto }
.rbox, .ab_box, .leftbox, .rightbox { width: 100% }
.litle { display: none }
.rightbox { margin-right: 0 }
.navtab { margin-top: 30px; margin-bottom: 0 }
.navlist li { margin: 0 5px 5px }
.effect { width: 43% }
.mbpic { padding: 5px; margin: 0 5px 5px }
.mbimg { height: 150px; }
.pagelist { margin: 0 0 15px 0 }
.link_box { margin-top: 30px }
.blogsitetj li { width: 100%; display: block }
}