@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, for m, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin: 0;
    padding: 0;
    border: 0px;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

body{ font-family:"微软雅黑,宋体"; font-size:16px; 

}
a{
    color: inherit;
    text-decoration: none;
}



#page{}
.head{background:url(../img/head.png) no-repeat center top; height:330px;}
.content{ width:1220px; margin:0 auto;  background-color: #FFF;background-clip: padding-box; margin-bottom:20px;   }


.box {  width:1220px;}
.right{ margin-left:20px;}
.box dt{  display: inline-block; margin-top:20px; color: #1A56A8; background:url(../img/banner.png) no-repeat left top; width:1220px;font-size: 22px; line-height: 70px; font-weight: bold; background-clip: padding-box;  }
.box dt span{ margin-left:70px; }
.box dt a{ font-size: 22px; font-weight: bold; float:right; color:#CCC; }
.box dt a:hover{ color: #1A56A8;}
.box ul{ margin-left:20px; color:#1A56A8;}
.box ul li{  line-height:45px; border-bottom:dashed #999999 1px; }
.box ul li a{  color:#000; }
.box ul li a:hover{ color:#1A56A8;}
.box ul li span { float:right; color:#CCC;}
.clearfix:after{
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    }

.tree{ width:400px;float:left;}
.tree ul{ border-left: 1px solid #999; padding-left: 40px; margin-top:20px; margin-left:40px; height:360px;}
.tree ul li{ margin-bottom:10px; list-style:none;}
.tree ul li a{ height:60px; background-color:#F1F1F1;  color:#000; width:280px; display:inline-block; text-align:center;
 line-height:60px;border-radius: 4px;}
.tree ul li a:hover{ height:60px; background-color:#369FEE;  color:#fff; width:280px;display:inline-block;}
.current{ height:60px; background-color:#369FEE;  color:#fff; width:280px;display:inline-block;}


.pager { overflow: hidden; clear: both; padding: .05rem; text-align: center; font-size:14px; }
.pager a { display: inline-block; padding: 3px; font-size:14px;; text-align: center; text-decoration:none; color:#000; height:18px;line-height:18px; border: 1px solid #ffffff; }
.pager a:hover { background: #EDFBFE; color: #3076C4; text-decoration: none; border: 1px solid #dedede; }
.currentIndex{ background-color: #EDFBFE; font-size:16px;}


.foot{  height:100px;padding:20px 0; font-family:"微软雅黑"; clear:both; border-top:3px solid #1A56A8;}
.foot p{ text-align:center; line-height:30px; color:#FFFFFF; font-size:14px; }
.foot p span{ padding: 0 16px;}
.pc_footer_border{clear:both; width:900px; margin: 0 auto; line-height:23px; }
.pc_footer_img{float:left;margin-right:60px; height:70px;}
.pc_footer_text{text-align:left;}

@media (max-width: 480px) {
	 #page { margin: 0 auto; width: 100%;   }
	 .head{background-size:150%; height:100px;}
	.content{ width:100%; height:auto;  }
	 h1{ font-size:20px; line-height:30px;}
	.box{ margin:0 auto; width:98%; }
	.box dt{width:100%;     background-size: 250%;font-size: 18px; line-height: 38px; margin-top: 8px; height:42px;}
	.box dt span{ margin-left:50px; }
	.box dt a{ font-size: 14px; font-weight: bold; float:right; color:#CCC; }
	.box ul li span { display:none;}
	.box ul li{ line-height:35px; }
	
	.zxdt{ width:100%;}
	.zxdt dt{ width:100%;}
	.listdata{ width:100%;}
	.listdata ul{ margin-right:20px;}
	.tree{ display:none;}
	.foot{ height:auto;}
	.nav{ line-height:30px;}
	
	.pc_footer_border{clear:both;  margin: 0 auto; line-height:23px; width:100%;}
    .pc_footer_img{float:left;margin-right:0; width:100%;}
    .pc_footer_img img { margin:0 30px}
    .pc_footer_text{text-align:left; margin: 0 28px;}
}