/*
*@Description: media-queries css
*@Author:      zhuankesheng
*@Update:      (2024-06-24 22:00)
*/

/*适配手机*/
@media screen and (max-width:640px){
.top-nav,.header,.nav,.container .right,.fix-top,.footer{display:none;}
.m-navbar{display:flex!important;background:#0087E4;}
.location{padding:0;height:40px;line-height:40px;background:#ededed;}
.location .container{margin:0 auto;}
.container .left .mod-box .pic{display:none;margin-left:26px;}
.logo{float:none;height:40px;padding:5px 0;text-align:center;}
.container .left .ct .mes{line-height:1.8}
.container .left .content p{line-height:1.8;font-size:20px;}
}

/************************************************************************************
smaller than 1180
*************************************************************************************/
@media screen and (max-width: 1180px){
.baidushare{display:none;}
.wrap{width: 100%;padding:0 10px;box-sizing: border-box;}
}


/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
.logo{float:none;text-align:center;}
.container{width:95%; margin:0 auto;}

/* content */
#content {width: 60%;padding: 3% 4%;}
.pbutton{ margin:0; margin-bottom:15px;}
.col-side-menu h2{ border:0; border-bottom:4px #ddd solid;}
.thumbItem{ margin:0;}
.menu ul li a{ width:auto; font-size:12px;padding: 0 13px;}
#fenye span,#fenye a.num,#fenye a.curr{ display:none;}

/* sidebar */
#sidebar {
width: 30%;}
#sidebar .widget {
padding: 8% 7%;margin-bottom: 10px;}
.copyright{ display:none;}

/* embedded videos */
.video embed,
.video object,
.video iframe {width:100%;height:auto;min-height:300px;}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 640px) {
/* header */
.header {height: auto;}
.header_login{width:auto;}

/* search form */
#searchform {position: absolute;top: 5px;right: 0;z-index: 100;height: 40px;}
#searchform #s {width: 70px;}#searchform #s:focus {width: 150px;}

/* main nav */
#main-nav {position: static;}

/* site logo */
#site-logo {margin: 15px 100px 5px 0;position: static;}

/* site description */
#site-description {margin: 0 0 15px;position: static;}

/* content */
.wrap {width: auto;float: none;margin:0;}

/* sidebar */
#sidebar {width: 100%;margin: 0;float: none;}
#sidebar .widget {padding: 3% 4%;margin: 0 0 10px;}

/* embedded videos */
.video embed,
.video object,
.video iframe {min-height: 250px;}
}