* {-webkit-tap-highlight-color:transparent;}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, select, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#fff; color:#333; font:16px/1.75em Arial,"Microsoft Yahei","Lucida Grande"; overflow-x:hidden; width:100%;/*璁剧疆瀹藉害*/}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:16px; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing: border-box;}
table th {background-color:#f8f8f8; text-align:center; box-sizing: border-box;}
table td, table th{padding:10px;border:1px solid #ddd; box-sizing: border-box;}
button, select, input, textarea{background:none; border:none; border-radius:0; -webkit-border-radius:0; color:#333; outline:none; -webkit-appearance:none;}
input:focus { outline: none;}
textarea{resize:none;}
a {text-decoration:none; outline:none; color:#333;}
a:focus {outline:none; -moz-outline:none;}
a:hover {color:#004280;}
a img {border:none;}
li {list-style:none;}
.inner {width:1440px; margin:0 auto;}
.clear{ clear:both; /* height:0px; */overflow:hidden;}
.inner {position:relative;}
.blank {height:80px; width:100%;}
.footer {background-color:#313131;margin-top: 15px;}
.footer .btm {overflow: hidden; padding:3% 0;}
.pagelist {float:left;}
.pagelist ul {overflow: hidden;}
.pagelist li {float:left; padding-right:29px; font-size:14px; position:relative; line-height: 1.5em;}
.pagelist li:after {content:''; display:block; width:1px; height:14px; background-color:#ccc; position:absolute; right:14px; top:50%; margin-top:-7px;}
.pagelist li:last-child:after {display: none;}
.pagelist li a {color:#666;}
.pagelist li a:hover {color:#004280;}
.copyright {float:right; font-size:14px; color:#666;}
.copyright a {color:#666;}

.wrapper {padding:4.6875% 0;}
.banner {background:no-repeat center center; background-size:cover; padding-bottom:26%; overflow: hidden;}
.bar {background-color:#eee; height:60px;}

.subMenu {float:left;}
.subMenu span {display:none;}
.subMenu li {line-height: 60px; font-size:16px; color:#555; float:left; padding-right:30px;}
.subMenu li a {display:block; color:#555; position:relative;}
.subMenu li a:hover {color:#004280;}
.subMenu li.cur a {color:#004280;}
.subMenu li.cur a:after {content:''; display:block; width:100%; height:3px; background-color:#004280; position:absolute; left:0; bottom:0;}

.breadcrumb {float:right; line-height: 60px; font-size:14px; color:#888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.breadcrumb a:first-child {background:url(../images/icon_04.png) no-repeat left center; padding-left:25px;}
.breadcrumb a {color:#888; padding:2px 0;}
.breadcrumb a:hover {color:#004280;}
.breadcrumb span {color:#000; padding:2px 0;}
.details .title {font-size:32px; text-align: center; line-height: 1.35em; margin-bottom:1.5%;}
.details p{margin-bottom:1.5%;}
.details span{margin: 20%; margin-bottom:1.5%;}
.details .meta {text-align:center; font-size:0; line-height: normal; border-bottom:1px solid #eee; padding-bottom:1.5%; margin-bottom:2.43%;}
.details .meta span {font-size:14px; color:#888; padding:0 15px;}
.details .meta a {color:#888;}
.entry {font-size:18px; line-height: 1.75em; color:#333;}
.entry p, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin-bottom:2.43%; text-indent:2em; word-break: break-all;}
.entry ul, .entry ol {margin-bottom:2.43%; word-break: break-all; margin-left:2em;}
.entry p img {margin-left:-2em;}
.entry img {max-width: 100%;
    height: auto !important;
    display: inline-block;
    margin-left: 0px !important;}
.entry ul li {list-style:outside disc none; margin-left:1em;}
.entry ol li {list-style:outside decimal none; margin-left:1em;}
.entry blockquote {margin:0 2em 2.43%; padding:2.43% 2.43% 0; font-style:italic; overflow: hidden; color:#555; border:1px dashed #eee; background-color:#f9f9f9; border-radius:3px;}
.entry hr {border:none; border-bottom:1px solid #999; margin-bottom:2.43%;}
.entry li p {text-indent:0; display:inline;}
.tags {overflow: hidden; font-size:16px; color:#000; padding:10px 0; margin-bottom:2.43%;}
.tags a {color:#000; margin-left:15px;}
.postnavi {overflow: hidden; padding:5px 0; margin-bottom:2.43%; color:#000;}
.postnavi div {padding:5px 0;}
.postnavi a {color:#333;}
.postnavi a:hover {color:#000;}
.boxtitle {font-size:18px; margin-bottom:2.43%; line-height: 1.35em;}
.related {margin-bottom:2.43%;}
.text {padding:5px 0; font-size:16px; color:#555;}

#comment .input {margin-left:80px; overflow: hidden; border:1px solid #e4e4e4; border-radius:5px;}
#comment .text, #comment textarea {width:98%; height:20px; line-height: normal; padding:10px 1%; font-size:16px; font-family: 'Microsoft Yahei'; -webkit-appearance:none;}
#comment textarea {height:150px; resize: none;}
.main {float:left; width:75%;}
.sidebar {width:21%; float:right;}
.widget {margin-bottom:11.6%; overflow: hidden;}
.widget h3 {font-weight:normal; font-size:24px; line-height: 1.125em; margin-bottom:10px;}
.widget li {overflow: hidden;}
.widget .text {border-bottom:1px solid #eee; padding:15px 0 15px 15px; font-size:16px; position:relative;}
.widget .text:before {content:''; display:block; width:6px; height:6px; background-color:#aaa; border-radius:50%; position:absolute; left:0; top:26px;}
.widget .text a {display: block; color:#333; word-break: break-all;}
.widget .text a:hover {color:#004280;}
.widget .text time {display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:12px; color:#999;}

.widget .pic {padding:15px 0; border-bottom:1px solid #eee;}
.widget .pic .thumbnail {float:left; width:84px; padding-top:5px;}
.widget .pic p {margin-left:110px; overflow: hidden;}
.widget .pic a {display:block; font-size:16px; line-height: 1.75em; max-height:5.25em; overflow: hidden;}

@media only screen and (max-width:1536px) {
	.inner {width:93.75%;}
}
@media only screen and (max-width:1280px) {
	
	.main {width:70%;}
	.sidebar {width:26%;}
}
@media only screen and (max-width:960px) {
	
	.pagenavi {margin-top:20px;}
	.bar {height:30px; padding:8px 0;}
	.subMenu {position:relative;}
	.subMenu span {background-color:#fff; border:1px solid #999; color:#555; border-radius:3px; display:block; width:120px; text-align:center; height:28px; line-height: 28px; cursor:pointer; position:relative; padding-right:25px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
	.subMenu span:after {content:''; display:block; width:6px; height:6px; border-right:1px solid #999; border-bottom:1px solid #999; transform:rotate(45deg); position:absolute; right:10px; top:50%; margin-top:-5px;}
	.subMenu ul {display:none; position:absolute; left:0; top:100%; width:145px; background-color:#fff; border:1px solid #999; z-index: 7; padding:5px 0; border-radius:3px; display:none;}
	.subMenu ul.open {display:block;}
	.subMenu li {float:none; text-align:center; line-height: 1.75em; font-weight:normal; color:#333; font-size:14px;}
	.subMenu li.cur {display:none;}
	.subMenu li a {padding:5px;}
	.subMenu li a:hover {color:#333;}

	.breadcrumb {float:none; margin-left:155px; line-height: 30px; text-align:right; font-size:12px;}
	
	.details .title {font-size:24px;}
	.main {width:auto; float:none; margin-bottom:25px;}
	.sidebar {width:auto; float:none;}
	.widget {margin-bottom:25px;}
	.widget h3 {font-size:20px; text-align:center;}
}
@media only screen and (max-width:768px) {
	
	.pagelist {float:none; padding:5px 0;}
	.pagelist ul {font-size: 0; text-align:center; line-height: normal;}
	.pagelist li {float:none; display:inline-block; padding:0 15px;}
	.pagelist li:after {right:0;}

	.copyright {float:none; text-align:center;}
	
	.wrapper {padding:25px 0;}
	.pagenavi {margin-top:10px;}
	
	.details .title {font-size:20px; margin-bottom:15px;}
	.details .meta {padding-bottom:10px; margin-bottom:20px;}
	.entry {font-size:16px;}
	.entry p, .entry ul, .entry ol, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry hr, .postnavi, .boxtitle, .related {margin-bottom:20px;}
	.entry blockquote {margin-bottom:20px; padding:20px 20px 0;}
	.tags {padding:0; font-size:14px; margin-bottom:20px; color:#888;}
	.tags a {color:#888;}
	#comment .input {margin-left:50px;}
	#comment .text, #comment textarea {padding:7.5px 2%; width:96%; font-size:14px;}
	#comment textarea {height:90px;}
	.error .title {font-size:24px; margin-bottom:15px;}
	.error .warning {font-size:20px; margin-bottom:25px; padding-bottom:25px;}
	.widget .text, .widget .pic {padding:10px 0;}	
}
.lfooter{ display:none}
@media only screen and (max-width:768px) {
.lfooter {
	max-width: 720px;
	height: 70px;
	background-color: #0061a8;
	position: fixed;
	bottom: 0px;left:0; right:0; margin:0 auto; display:block
}
.lfooter ul li {
	width: 25%;
	height: auto;
	float: left;
	text-align: center;
	padding: 10px 0px;
}
.lfooter ul li a {
	color: #FFF;
	line-height: 12px;
	font-size: 12px;
}	
}