@media screen and (min-width:1001px) {
	header {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 90px;
		z-index: 100
	}

	.page1 {
		margin-top: 110px
	}

	/*	.header li :nth-child(1) a {
		border-bottom: 2px solid transparent
	}
*/
	.header li:nth-child(2) a.bborder:after {
		content: '';
		display: inline-block;
		width: 40px;
		height: 2px;
		background: #000 !important;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	.header li:nth-child(2) a.wborder:after {
		content: '';
		display: inline-block;
		width: 40px;
		height: 2px;
		background: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	.page2 {
		width: 100%;
		min-width: 1200px;
		margin: 0 auto
	}

	.page2-title {
		width: 380px;
		margin: 0 auto 0;
		overflow: hidden
	}

	.page2-title p {
		float: left;
		width: 33.33%;
		text-align: center;
		cursor: pointer
	}

	.page2-title p span,
	.page2-title a span {
		display: inline-block;
		padding: 40px 0 20px 0;
		font-size: 16px;
		color: #333;
	}

	.page2-title p span {
		width: 100px;
	}

	.page2-hr {
		border: transparent;
		height: 1px;
		background: #e5e5e5;
		margin-top: 0;
	}

	/* .page2-title p:nth-child(1) span{border-bottom:2px solid #256ab3;color:#256ab3} */
	.page2-ul {
		padding-top: 60px
	}

	.page2-ul li {
		float: left;
		width: 32.66%;
		margin-right: 1%;
		margin-bottom: 30px
	}

	.page2-ul li:nth-child(3n) {
		float: right;
		margin-right: 0
	}

	.page2-ul li img {
		width: 100%
	}

	.page2-ul li a {
		text-decoration: none;
		cursor: pointer;
	}

	.page2-ul li a h3 {
		color: #000;
		font-size: 17px;
		line-height: 30px;
		font-weight: normal;
		margin-top: 10px
	}

	.page2-ul li a p {
		font-size: 13px;
		line-height: 26px;
		color: #000;
		height: 40px
	}

	#fubite-ul {
		padding: 0 60px;
		overflow: hidden;
		margin-bottom: 100px;
		margin: 0 auto
	}

	#fubite-ul li {
		float: left;
		width: 25%;
		text-align: center
	}

	#fubite-ul li img {
		width: 70px;
		height: auto;
		text-align: center;
		margin: 0 auto 30px
	}

	#fubite-ul li p {
		width: auto;
		font-size: 14px;
		line-height: 28px
	}

	#fubite-ul li h3 {
		margin-bottom: 25px
	}

	.page4 {
		margin: 100px 0
	}

	.page2-title2 {
		/* width: 1100px; */
		width: 1260px;
	}

	.page2-title2 a {
		/* width: 14.2%; */
		width: 12.2%;
		float: left;
		text-align: center;
		cursor: pointer
	}

	.page2-ul2 {
		margin-bottom: 30px;
		padding-top: 20px;
	}

	.page2-ul2 li {
		padding: 20px 10px;
		border-bottom: 1px solid #e5e5e5;
	}

	.page2-ul2 li:hover {
		background: #eee
	}

	.imglogo {
		float: left;
		width: 352px;
		height: 207px;
		overflow: hidden
	}

	.imglogo img {
		max-width: 352px;
		_width: expression(this.width > 352 ? "352px" : this.width);
	}

	.list-box {
		width: 790px;
		height: 207px;
		position: relative;
	}

	#tbody {
		padding-top: 0
	}

	.list-boxp {
		color: #696969;
		font-size: 15px;
		margin: 10px 0 10px;
		line-height: 1.7;
	}

	.read-btn {
		font-size: 15px;
	}

	.page2-ul2-bottom {
		position: absolute;
		bottom: 20px;
		font-size: 15px;
		color: #898989;
		width: 100%
	}

	.page2-ul2-bottom p {
		margin-bottom: 0
	}

	.page2-ul2-bottom img {
		display: inline-block;
		margin-left: 20px;
	}

	.list-box h3:hover,
	.read-btn:hover,
	.art_bottom a:hover,
	.attr_cate a:hover,
	.art_category a:hover {
		color: #099acf;
		cursor: pointer;
	}

	.list-box h3 {
		margin-top: 5px;
		font-size: 20px;
	}

	.art_title {
		text-align: center;
		color: #222;
	}

	.attr_cate {
		height: 24px;
		line-height: 24px;
		padding: 10px 0 5px;
		border-bottom: 1px solid #eee;
		color: #666;
	}

	.art_attr>.art_time {
		margin-right: 14px;
	}

	.art_attr>.art_browse {
		background: url(../images/reade-logo.png) no-repeat no-repeat 0% 47%;
		padding: 0px 24px;
	}

	.art_content {
		margin: 20px 0;
		color: #666;
	}

	.art_content>.art_con p {
		width: 100%
	}

	.art_content>.art_con p img {
		width: 70%;
		height: auto;
		margin: 10px auto
	}

	.art_content>.art_desc {
		padding: 20px;
		background-color: #eee;
		margin-bottom: 20px;
		line-height: 22px;
		text-align: left;
		color: #666;
		font-size: 14px;
	}

	.art_content>.art_con {
		line-height: 1.5em;
		font-size: 14px;
		letter-spacing: .1em;
		text-align: left;
	}

	.art_bottom {
		font-size: 14px;
	}

	.art_bottom>.bottom_label {
		height: 2pc;
		text-align: left;
	}

	.art_bottom>.bottom_label>a {
		margin-right: 5px;
	}

	.art_bottom>.bottom_share {
		height: 60px;
	}

	.page2-cont .next-previous p {
		text-align: left;
		width: 100%
	}

	.bottom_label span {
		color: #666;
	}

	.next-previous {
		color: #666
	}

	.art_bottom a,
	.attr_cate a,
	.art_category a {
		color: #333;
		text-decoration: none;
	}

	.list-box a:hover {
		text-decoration: none;
	}

	#pagination {
		text-align: center;
	}

	.cont_title {
		border-radius: 5px;
		display: inline-block;
		padding: 5px 10px;
		color: blue;
		border: 1px solid blue;
		margin: 5px 0;
	}

	.hide {
		display: none;
	}

	.art_bottom .noTitle {
		color: #666
	}

	.art_bottom .noTitle:hover {
		color: #666;
		cursor: not-allowed
	}

	.css_more {
		width: 450px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.caveat {
		text-align: center;
		padding: 10px;
		background-color: #eee;
		margin: 40px 0;
	}

	.caveat a {
		color: #000
	}

}

@media screen and (max-width:1000px) {
	header {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 90px;
		z-index: 100
	}

	.page1 {
		margin-top: 110px
	}

	/* 	.header li :nth-child(1) a {
	border-bottom: 2px solid transparent
} */

	.header li:nth-child(2) a.bborder:after {
		content: '';
		display: inline-block;
		width: 40px;
		height: 2px;
		background: #000 !important;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	.header li:nth-child(2) a.wborder:after {
		content: '';
		display: inline-block;
		width: 40px;
		height: 2px;
		background: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	.page2 {
		width: 100%;
		margin: 0 auto
	}

	.page3 {
		width: 100%;
		margin: 0 auto
	}

	.page2-title {
		width: 80%;
		margin: 0 auto 0;
		overflow: hidden
	}

	.page2-title p {
		float: left;
		width: 33.33%;
		text-align: center;
		cursor: pointer
	}

	.page2-title p span,
	.page2-title a span {
		display: inline-block;
		padding: 40px 0 20px 0;
		font-size: 16px;
		color: #333;
	}

	.page2-title p span {
		width: 100px;
	}

	.page2-hr {
		border: transparent;
		height: 1px;
		background: #e5e5e5;
		margin-top: 0;
	}

	/* .page2-title p:nth-child(1) span{border-bottom:2px solid #256ab3;color:#256ab3} */
	.page2-ul {
		padding-top: 60px
	}

	.page2-ul li {
		float: left;
		width: 32.66%;
		margin-right: 1%;
		margin-bottom: 30px
	}

	.page2-ul li:nth-child(3n) {
		float: right;
		margin-right: 0
	}

	.page2-ul li img {
		width: 100%
	}

	.page2-ul li a {
		text-decoration: none;
		cursor: pointer;
	}

	.page2-ul li a h3 {
		color: #000;
		font-size: 17px;
		line-height: 30px;
		font-weight: normal;
		margin-top: 10px
	}

	.page2-ul li a p {
		font-size: 13px;
		line-height: 26px;
		color: #000;
		height: 40px
	}

	#fubite-ul {
		padding: 0 60px;
		overflow: hidden;
		margin-bottom: 100px;
		margin: 0 auto
	}

	#fubite-ul li {
		float: left;
		width: 25%;
		text-align: center
	}

	#fubite-ul li img {
		width: 70px;
		height: auto;
		text-align: center;
		margin: 0 auto 30px
	}

	#fubite-ul li p {
		width: auto;
		font-size: 14px;
		line-height: 28px
	}

	#fubite-ul li h3 {
		margin-bottom: 25px
	}

	.page4 {
		margin: 100px 0
	}

	.page2-title2 {
		/* width: 1100px; */
	}

	.page2-title2 a {
		/* width: 14.2%; */
		width: 12.2%;
		float: left;
		text-align: center;
		cursor: pointer
	}

	.page2-ul2 {
		margin-bottom: 30px;
		padding-top: 20px;
	}

	.page2-ul2 li {
		padding: 20px 10px;
		border-bottom: 1px solid #e5e5e5;
	}

	.page2-ul2 li:hover {
		background: #eee
	}

	.imglogo {
		float: left;
		width: 352px;
		height: 207px;
		overflow: hidden
	}

	.imglogo.mobile-imglogo {
		float: left;
		width: 230px;
		height: 165px;
		overflow: hidden;
	}

	.imglogo img {
		max-width: 352px;
		height: 100%;
	}

	.list-box {
		width: 100%;
		height: 207px;
		position: relative;
	}

	.list-box.mobile-list-box {
		width: 66%;
		height: 265px;
		position: relative;
	}

	#tbody {
		padding-top: 0
	}

	.list-boxp {
		color: #696969;
		font-size: 15px;
		margin: 10px 0 10px;
		line-height: 1.7;
	}

	.read-btn {
		font-size: 15px;
	}

	.page2-ul2-bottom {
		position: absolute;
		bottom: 20px;
		font-size: 15px;
		color: #898989;
		width: 100%
	}

	.page2-ul2-bottom p {
		margin-bottom: 0
	}

	.page2-ul2-bottom img {
		display: inline-block;
		margin-left: 20px;
	}

	.list-box h3:hover,
	.read-btn:hover,
	.art_bottom a:hover,
	.attr_cate a:hover,
	.art_category a:hover {
		color: #099acf;
		cursor: pointer;
	}

	.list-box h3 {
		margin-top: 5px;
		font-size: 20px;
	}

	.art_title {
		text-align: center;
		color: #222;
	}

	.attr_cate {
		height: 24px;
		line-height: 24px;
		padding: 10px 0 5px;
		border-bottom: 1px solid #eee;
		color: #666;
	}

	.art_attr>.art_time {
		margin-right: 14px;
	}

	.art_attr>.art_browse {
		background: url(../images/reade-logo.png) no-repeat no-repeat 0% 47%;
		padding: 0px 24px;
	}

	.art_content {
		margin: 20px 0;
		color: #666;
	}

	.art_content>.art_con p {
		width: 100%
	}

	.art_content>.art_con p img {
		width: 70%;
		height: auto;
		margin: 10px auto
	}

	.art_content>.art_desc {
		padding: 20px;
		background-color: #eee;
		margin-bottom: 20px;
		line-height: 28px;
		text-align: left;
		color: #666;
		font-size: 14px;
	}

	.art_content>.art_con {
		line-height: 1.5em;
		font-size: 14px;
		letter-spacing: .1em;
		text-align: left;
	}

	.art_bottom {
		font-size: 14px;
	}

	.art_bottom>.bottom_label {
		height: 2pc;
		text-align: left;
	}

	.art_bottom>.bottom_label>a {
		margin-right: 5px;
	}

	.art_bottom>.bottom_share {
		height: 60px;
	}

	.page2-cont .next-previous p {
		text-align: left;
		width: 100%
	}

	.bottom_label span {
		color: #666;
	}

	.next-previous {
		color: #666
	}

	.art_bottom a,
	.attr_cate a,
	.art_category a {
		color: #333;
		text-decoration: none;
	}

	.list-box a:hover {
		text-decoration: none;
	}

	#pagination {
		text-align: center;
	}

	.cont_title {
		border-radius: 5px;
		display: inline-block;
		padding: 5px 10px;
		color: blue;
		border: 1px solid blue;
		margin: 5px 0;
	}

	.hide {
		display: none;
	}

	.art_bottom .noTitle {
		color: #666
	}

	.art_bottom .noTitle:hover {
		color: #666;
		cursor: not-allowed
	}

	.css_more {
		width: 450px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.caveat {
		text-align: center;
		padding: 10px;
		background-color: #eee;
		margin: 40px 0;
		font-size: 12px;
		line-height: 36px;
	}

	.caveat a {
		color: #000;
		font-size: 12px;
	}


}