/***
 *	Powered By elanp 2019-10-29
***/

body{ font-family:Microsoft Yahei,Arial; font-size:16px; background:#fff; color:#252525;}
body,h1,h2,h3,form,button,input,textarea,ul,li,p{ margin:0; padding:0;}
ul,li{ list-style:none;}
img{ border:0; vertical-align:middle; max-width:100%;}
a,a:visited{ color:#252525; text-decoration:none;}

header{ width:92%; line-height:46px; padding:3px 4% 0; overflow:hidden;}
header img{ float:left; padding-top:10px; height:26px;}
header a.tips{ float:right; margin-left:2%; color:#666;}
.mypos{ padding:0 5.5%; background:#f5fcff; font-size:14px; height:36px; line-height:36px; overflow:hidden;}
.banner{ display:block; margin:6px 3% 0; text-align:center; overflow:hidden;}

nav{ width:100%; height:40px; line-height:40px; background:#008ecc; text-align:center;}
nav a,nav a:visited{ width:16%; display:block; height:40px; float:left; color:#fff;}
nav .home{ padding-left:2%;}

.topnav{ margin:12px auto 0; width:95%; padding:0 2.5%; border-top:2px solid #008ecc; overflow:hidden;}
.topnav a,.topnav a:visited{ width:25%; height:26px; line-height:26px; display:block; float:left; text-align:center; white-space:nowrap; overflow:hidden;}
.topnav h1{ padding:9px 2.5% 5px; font-size:20px; overflow:hidden;}
.topnav h1 a,.topnav h1 a:visited{ color:#008ecc; width:auto;}
.indextop{ border:0;}

article h1{ padding:16px 5% 5px; font-size:20px; overflow:hidden;}
.writer{ padding:8px 5% 5px; font-size:14px; color:#888;}
.writer span{ margin-right:10px;}
.writer a,.writer a:visited{ color:#007cdc;}
.content{ padding:0 5%; line-height:180%; text-align:justify;}
.content p{ margin-top:18px;}
.content h2{ font-size:16px; margin-top:18px; color:#e23626;}
.guide{ margin:18px 5% 0; font-size:14px; border-radius:3px; text-align:center;}
.guide a,.guide a:visited{ margin-right:12px; color:#666;}

section{ margin-top:12px;}
section h2,section h1{ padding:0 5%; margin-bottom:2px; font-size:20px; height:40px; line-height:40px; color:#008ecc; border-top:2px solid #008ecc; border-bottom:1px solid #f0f0f0; overflow:hidden;}
section h2 a,section h2 a:visited,section h1 a,section h1 a:visited{ color:#008ecc;}
section h2 .title{ float:left;}
section h2 .subtitle{ float:right; font-size:16px; margin-left:12px; font-weight:normal;}
section ul li{ border-bottom:1px dotted #ddd; padding:0 5%; height:32px; line-height:32px; overflow:hidden;}
section ul li span{ float:right; width:25%; color:#999; text-align:right; overflow:hidden;}
section ul li b{ font-weight:normal;}
section p a,section p a:visited{ margin:8px 5% 0; background:#f9f9f9; display:block; border-radius:3px; text-align:center; height:32px; line-height:32px; color:#565656;}
.pages{ margin-top:10px; overflow:hidden;}
.pages ul{ padding:6px 5% 0;}
.pages ul li{ border:none; height:34px; line-height:34px; float:left; padding:0; margin:0 6px 6px 0;}
.pages a,.pages a:visited{ display:block; text-align:center; width:32px; height:32px; line-height:32px; border:1px solid #ccc; border-radius:3px;}
.pages ul li.thisclass{ width:34px; text-align:center; background:#008ecc; color:#fff; border-radius:3px;}

.subnav,.bnav{ padding:1px 1px 0; margin:12px auto 0; width:92%; overflow:hidden;}
.subnav a,.subnav a:visited{ float:left; width:33%; display:block; text-align:center; height:26px; line-height:26px; border:1px solid #ddd; margin:-1px -1px 0 0; white-space:nowrap; overflow:hidden;}
.bnav a,.bnav a:visited{ float:left; width:48%; padding-left:5px; display:block; height:26px; line-height:26px; border:1px solid #ddd; margin:-1px -1px 0 0; white-space:nowrap; overflow:hidden;}
.links{ width:92%; padding:12px 4% 0; color:#666; font-size:14px; overflow:hidden;}
.links a,.links a:visited{ margin-right:1%; color:#666; font-size:14px;}

.bottombanner{ margin:20px 3% 0; text-align:center;}
footer{ width:100%; border-top:5px solid #008ecc; margin:12px auto 0; padding:8px 0 10px; overflow:hidden;}
footer p{ line-height:26px; text-align:center;}
footer p a,footer p a:visited{ margin:0 5px;}
footer p.beian a{ font-size:13px; color:#666;}

@media (min-width:768px){
body{ font-size:14px;}
header,nav,article h1,.writer,.links{ width:960px; margin:0 auto; padding:0;}
header{ line-height:68px;}
header img{ padding-top:18px; height:32px;}
nav a,nav a:visited{ width:9%; font-size:16px; border-left:1px solid #ddd;}
nav .home{ padding-left:0; border-left:0;}
.mypos{ padding:0 20px; width:920px; margin:0 auto;}

article h1{ padding:8px 0; font-size:24px; font-weight:normal;}
.writer{ padding:8px 0 5px;}
.main{ width:960px; margin:25px auto 0; background:url(line.png) repeat-y 640px 0; overflow:hidden;}
article{ float:left; width:600px; padding-right:40px; overflow:hidden;}
aside{ float:right; width:300px; padding-left:20px; overflow:hidden;}
aside section{ margin:0 0 12px;}
.content{ padding:0; line-height:200%; font-size:15px;}
.content p{ margin-top:20px;}
.guide{ margin:18px 0 0; text-align:left;}

.list article section{ margin-top:0;}
.list article h1{ width:auto; padding:0 3% 12px; border:0; font-weight:bold;}
.list section ul li{ padding:0 3%;}
.list .pages ul{ padding:6px 3% 0;}
.list .pages ul li{ padding:0;}

.topnav{ width:960px; padding:0; border-top:0;}
.topnav a,.topnav a:visited{ width:auto; margin-right:0.5%; padding-left:2%; text-align:left;}
.topnav h1{ padding:9px 0 5px;}
.topnav h1 a,.topnav h1 a:visited{ width:100%;}
.channel,.homepage{ width:980px; background:none; margin:0 auto;}
.channel section{ float:left; width:470px; margin:16px 10px 0;}
.channel section h2,.channel section ul li{ padding:0 4%;}
.channel section p a,.channel section p a:visited{ margin:8px 4% 0;}
.homepage section{ float:left; width:306px; margin:16px 10px 0;}
.homepage section h2,.homepage section ul li{ padding:0 1% 0 2%;}
.homepage section p a,.channel section p a:visited{ margin:8px 1% 0 2%;}

.subnav,.bnav{ width:958px; margin-top:20px;}
.subnav a,.subnav a:visited{ width:19.8%;}
.bnav a,.bnav a:visited{ width:19.8%; text-align:center; padding-left:0;}

.list .subnav{ width:300px; margin-top:20px;}
.list .subnav a,.list .subnav a:visited{ width:49%;}

.links{ padding-top:12px;}
.bottombanner{ margin:20px 0 0;}
footer{ width:960px;}
footer p a.contact{ font-size:12px;}
}