/* medias css style */

/* * /
@media only screen and (min-width: 320px) and (max-width: 479px)  {

}

@media only screen and (min-width: 480px) and (max-width: 639px) {

}

@media only screen and (min-width: 640px) and (max-width: 767px) {

}

@media only screen and (min-width: 768px) and (max-width: 900px) {

}

@media only screen and (min-width: 901px) and (max-width: 1050px) {

}

/* 0px - 1200px * /
@media only screen and (max-width: 1200px) {

}
/* */

/*              */


@media only screen and (min-width: 320px) and (max-width: 479px)  {

.header .search-wrap {
    background-color: #fff;
}
.header .search-wrap.show td input {
    width: 100vw;
}
.header .search-wrap td.hot-keyword {
    width: 60vw;
}
.header nav ul.top-nav>li>a {
    font: normal 12px/36px microsoft yahei;
}
.box-left figure h3 {
    font: normal .8rem/1.5 microsoft yahei;
    margin-top: 10px;
}
.bj-fff {
    border-radius: 4px;
    padding: 3.2vw;
}
.box-left figure .descr strong a {
    margin-right: 1vw;
}
.box-left figure .descr span a {
    margin-left: 1vw;
    margin-right: 1vw;
}
.box-left figure .descr .info-right {
    display: block;
    width: 100%;
}
.box-left figure .descr .info-right a {
    margin-left: 0px; 
    margin-right: 8px;
}
.box-left figure .descr .info-right a #share {
    margin-left: 10px;
}
.box-left figure p.summary {
    font: normal 14px/1.5 microsoft yahei;
}
/**/
.pagebar a {
    font-size: 0.288rem;
}
.pagebar a.jump {
    font-size: 0.288rem;
}
.pagebar a.jump:after {
    font: .288rem/1.5 "微软雅黑";
}
/**/
footer .links a {
    font: normal 2vw/1.5 microsoft yahei;
}


}

@media only screen and (min-width: 480px) and (max-width: 639px) {

}

@media only screen and (min-width: 640px) and (max-width: 767px) {

}

@media only screen and (min-width: 768px) and (max-width: 900px) {

}

@media only screen and (min-width: 901px) and (max-width: 1050px) {

}

@media only screen and (max-width: 1050px) {

}

/* 480px - 1200px */
@media only screen and (min-width: 480px) and (max-width: 1200px) {

.header .search-wrap.show td input {
    width: 50vw;
}

}


/* 1051px - 1200px */
@media only screen and (min-width: 1051px) and (max-width: 1200px) {

}


/* 0px - 1200px */
@media only screen and (max-width: 1200px) {

.header {
	width: 100%;
	height: 100px;
	font-size: 0.187rem;
	position: relative;
	z-index: 10;
}
.header i.media-nav {
	/*移动平台-菜单左栏-按钮*/
	display: inline-block;
	margin: 10px 10px 0px 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	font: normal normal normal 17px/1 FontAwesome;
	color: #ccc;
    z-index: 1;
}
.header i.media-nav:hover {
	color: #ff8a00;
}
.header nav {
    padding-left: 26px;
    width: 100%;
}
.header .logo-wrap {
	width: initial;
	height: auto;
}
.header .logo-wrap .logo {
	width: initial;
	padding-left: 10px;
    margin-top: 30px;
	text-align: center;
}
/*= Header.fixed.固定缩小 */
.header.fixed {
	height: 50px;
}
.header.fixed .logo-wrap {
	position: fixed; 
	top: -10px;
	left: 40px;
}
.header.fixed .logo {
	height: 26px;
	line-height: 26px;
	margin: 10px 0px;
}
.header.fixed img.logo-img  {
	width: 26px;
	height: 26px;
}
.header.fixed p.logo-text {
	font-size: 18px;
}
.header.fixed .top-toolbar-wrap {
    display: none;
}
.header.fixed .logo-wrap {
    display: block;
}
/*= Header.fixed.固定缩小.transition.过渡动画效果 */
.header.fixed,
.header.fixed .logo-wrap,
.header.fixed img.logo-img,
.header.fixed p.logo-text { -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
/*\*/

.header nav ul.top-nav>li {
	margin-right: 0px;
}
.header .header-nav-wrap {
    display: none;
}
.header.media .header-nav-wrap {
    width: 30vw;
    height: 150vw;
    position: absolute;
    top: -10px;
    left: 0;
    padding-top: 40px;
    background-color: #333;
    display: inline-block;
    opacity: .9;
	z-index: 1000;
}
.header.media.fixed .header-nav-wrap {
    top: -10px;
    padding-top: 40px;
}
.header.media .header-nav-wrap li {
    width: 100%;
    height: 40px;
    font: normal 14px/40px microsoft yahei;
}
.header.media .header-nav-wrap li a {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
}
.header.media.fixed .header-nav-wrap li a {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
}
.header.media i {
	/*移动平台-菜单左栏-按钮*/
	z-index: 2000;
}
.header nav .user-info li {
	position: relative;
	margin-left: 0px;
}
.header .user-info-nav {
	right: 43px;
}

/*左侧菜单-子菜单*/
.header-nav-wrap .li-son {
	width: 120px;	
	position: absolute;
	top: -20px;
	left: 32vw;
	z-index: 999;	
}
.header-nav-wrap .li-son>ul {
	width: 100%;
	padding: 10px 0px;
	border-radius: 6px;
	border: 1px solid #666;
    background: #666;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.3);
    z-index: 1000;
}
.header-nav-wrap>ul>li li {
	float: left;
	width: 100%;
	height: 32px;
	padding: 0px 20px;
	position: relative;
	overflow: hidden;
	text-align: left;
	word-spacing: 1px;
	font: normal 14px/32px microsoft yahei;
	color: #ccc;
	box-sizing: border-box;
}
.header-nav-wrap>ul>li li a {
	color: #666;
}
.header-nav-wrap>ul>li li:hover {
	background-color: #ccc;
}
.header-nav-wrap>ul>li li.haveChildren a {
	/*color: #ccc;*/
}
.li-son b {
	/*方框上的三角形*/
    border-right: 1px solid #666;
    border-top: 1px solid #666;
    top: 35px;
    left: -36px;
    background: #666;
}
/*= chidren have menu , play transform the svg widget.过渡璇转动画效果 */
.header li.haveChildren i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transition: all ease .5s; }
.header li.haveChildren.open i { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); }



/*search*/
.header .search-wrap {
	position: absolute;
	top: 30px;
	right: 0px;
}
.header .search-wrap.show td input {
	display: inline-block;
	/*width: 50vw;*/
}
.header .search-wrap.show td.scbar_btn_td button {
	display: inline-block;
}
.header .search-wrap td input {
	display: none;
}
.header .search-wrap td.scbar_btn_td button {
	display: none;
}
.header .search-wrap td.scbar_btn_td {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: no-repeat url("../images/search.gif") 0 0;
	border-width: 0px;
	z-index: 999;
	position: absolute;
	top: 13px;
	right: 20px;
}
.header .search-wrap td.hot-keyword {
	/*= search hot keyword*/
	/*width: 40vw;*/
}
.header.fixed .search-wrap {
    display: none;
}

/**/
.main-box { width: 100%; }

/**/
.w960 {
    width: 100%;
    border-radius: 0;
    border-width: 0;
}
.box-left {
    width: 100%;
}
.box-left figure {
    width: 100%;
}
.box-left figure .big-img {
    width: 100%;
    height: auto;
}
.bj-fff {
    border-radius: 0px;
    border-width: 0px;
}

/**/
.pagebar a {
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
    border-radius: 3px;
    margin: 10px 3px 0px 3px;
    font-size: 1.6vw;
}
.pagebar a.jump {
    font-size:  1.6vw;
}
.pagebar a.jump:after {
    font:  1.6vw/1.5 "微软雅黑";
}
/**/
aside {
    width: 100%;
    margin-top: 15px;
}
aside .list3,
aside .list4,
aside .list5,
aside .list-man,
aside .list-catinfo,
aside>dl,
aside>div,
aside>article.box-tag,
aside>figure {
	border-radius: 0;
	border-width: 0;
}
aside .list3 li {
    display: block;
    width: 100%;
}
aside .list3 li a {
    max-width: 80vw;
    display: inline-table;
}
/**/
footer {
    padding: 20px 10px;
}
footer .links {
    margin-bottom: 1.5vw;
}
footer .links>a {
    font: normal 2.133vw/1.5 microsoft yahei;
    padding: 0px 1.067vw;
    display: inline-block;
}
footer .links>li {
    font: normal 2.133vw/1.5 microsoft yahei;
    padding: 0px 1.067vw;
    display: inline-block;
}	
footer .social {
    margin-right: 15px;
}
footer .col span {
    display: inline-block;
}


/**/
.box-left .content-wrap {
	border-radius: 0;
	border-width: 0;
}
.content-wrap article .content p {
    /*text-indent: 2em;*/
}
.content-wrap article .content img {
    max-width: 100%;
    margin: 20px 0px;
    /* margin-left: -2em; */
}

.elect-wrap .elect {
    width: 100%;
    border-right-width: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
 }
.elect-wrap .guess-like {
    width: 100%;
}

.content-wrap .article_jump .row.next {
    float: left;
    text-align: left;
}
/*comments respond*/
#comments .comment-respond p.comment-submit .user-name {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}
#comments .comment-respond p.comment-submit {
    display: block;
}
#comments .comment-respond p.comment-submit:after {
    /*强制展开box*/
	content: " ";
	display: table;
	clear: both;
}
#comments .comment-respond p.guest input#author, #comments .comment-respond p.guest input#email, #comments .comment-respond p.guest input#url {
    width: 80%;
}
#comments .comment-respond p.guest-submit input#submit {
    width: 30%;
}
#comments ol.comment-list ol {
    margin-left: 0%;
}
#comments .comment-respond p.guest label,
#comments .comment-respond p.verify label {
    width: 20%;
}
#comments .comment-respond p.guest input.author, 
#comments .comment-respond p.guest input.email, 
#comments .comment-respond p.guest input.url {
    width: 80%;
    float: right;
}
#comments .comment-respond p.verify input.inpVerify {
    width: 40%;
}
/*comments reply*/
#comments .comment-reply p.comment-submit .user-name {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}
#comments .comment-reply p.comment-submit {
    display: block;
}
#comments .comment-reply p.comment-submit:after {
    /*强制展开box*/
	content: " ";
	display: table;
	clear: both;
}
#comments .comment-reply p.guest input#author, #comments .comment-reply p.guest input#email, #comments .comment-reply p.guest input#url {
    width: 80%;
}
#comments .comment-reply p.guest-submit input#submit {
    width: 30%;
}
#comments ol.comment-list ol {
    margin-left: 0%;
}
#comments .comment-reply p.guest label,
#comments .comment-reply p.verify label {
    width: 20%;
}
#comments .comment-reply p.guest input.author, 
#comments .comment-reply p.guest input.email, 
#comments .comment-reply p.guest input.url {
    width: 80%;
    float: right;
}
#comments .comment-reply p.verify input.inpVerify {
    width: 40%;
}

	
}