* { margin: 0px; padding: 0px;}
body { font-size: 14px; font-family: "微软雅黑"; color: #aeaeae; background-color: #fff; cursor: default; word-wrap: break-word;}
html { overflow-y: scroll;}
img { border: 0; max-width: 100%;}
/*img:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }*/
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
a { color: inherit;}
a:hover{ text-decoration: none;}
ol, ul, li { list-style-type: none;}
input { margin: 0; padding: 0; border: 0 none; outline: 0; color: inherit;}
.l { float: left;}
.r { float: right;}
.c { clear: both;}
.tl { text-align: left;}
.tr { text-align: right;}
.tc { text-align: center;}
.bf { background: #fff;}
.clearfix:after, .clearfix:before, .container:after, .container:before, .nav:after, .nav:before { display: table; content: " " ;}
.clearfix:after, .container:after, .nav:after { clear: both ;}
.container { max-width: 1200px; margin-right: auto; margin-left: auto;}
table {  color: #676767; border-collapse: separate !important; border-spacing: 1px !important; text-indent: 0;}
table td { background: #fff; padding: 5px; text-align: center; word-break: break-all;}
table th { background: #ededed; padding: 5px; text-align: center;}
.tl{ text-align: left;}

/*header*/
header {}
header .top{  height: 30px; line-height:30px; font-size: 12px; background: #e2e2e2; color: #5c5c5c;}
header .top .xnsy ,header .top .collect { float: right;}
header .top .collect{ background: url(../images/sc.png) no-repeat left  center; padding-left: 20px; margin-right: 10px;}
header .logo{  width: 60%;}
header .logo img{ max-width: 100%;}

header .nav { background: #3a3840;}
header .nav li { float: left; width:11%; font-size: 15px; color: #000; background:#3a3840 url(../images/nav_bg.png) no-repeat right center;}
header .nav>li>a{ padding:0;}
header .nav a { display: block; height:45px; line-height:45px; width: 100%; text-align:center; color: #fff;}
header .nav a:hover, header .nav .on a { background: #004ea2;}
header .nav .dropdown-menu a { height: 45px; line-height: 45px; padding-top: 0; background-image: none; background: #004ea2; color: #fff;}
header .nav .dropdown-menu li {width: 100%; border: 0;}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{color: #fff;  background: #003c7c; background-image: none; border-radius:0;}
.dropdown-menu{ min-width:100%; border:none; padding:0; margin:0; border-radius:0; border:#0067be 1px solid;}
.dropdown-menu>li>a:hover{ background:#003c7c; color: #fff; border:0;}


/*footer*/

.q_link{ border-top:#d1d1d1 1px solid; padding: 20px 0; font-size: 12px; color: #303030;}
.q_link .q_bt{ font-weight: bold;}
.q_link a{ padding: 0 10px;}

/*footer*/
footer{ background: #212326;}
.fflav{ position: relative;}
.click_btn{ position: absolute; top:0; right: 0; width: 40px; height: 30px; background: #494b4d url(../images/icon-down.png) no-repeat center center;}
.on .click_btn{ position: absolute; top:0; right: 0; width: 40px; height: 30px; background: #494b4d url(../images/icon-up.png) no-repeat center center;}
.on .click_btn:hover{ cursor:pointer ;}
.f_nav{ padding: 40px 0 ;}

.f_nav .n_01{ float: left; width: 12.5%;}
.f_btt{ font-size: 14px; font-weight: bold; color: #dcdcdc; margin-bottom:15px;}
.f_nav .n_01 li a,.f_text{ font-size: 12px; color:#bababa; line-height: 30px;}
.foot01{ border-bottom: #545454 1px solid;}

.foot02{ padding: 15px 0; font-size: 12px; color:#dcdcdc; border-top:#4a4b4e 1px solid;}
.f_name{ font-size: 16px; font-weight: bold;}
.textr{ text-align: right;}


/*TOP*/
.t_top{ position:fixed; bottom: 10px; right: 10px; width: 60px; height: 60px; border-radius: 30px; background: rgba(235,235,235,0.3); text-align: center;}
.t_top a{ display: block; color: #fff; padding-top: 5px;}

/*下层*/
.l_banner{ width:100%; text-align: center; margin-bottom: 25px;}
.l_banner img{ max-width: 100%;}

/*左边导航*/
.l_top{ height:108px; background: url(../images/left_bg.jpg) no-repeat center top; background-size: auto 100% ; text-align: center; color: #fff; margin-bottom: 1px;}
.l_top .c_text{ font-size: 29px; font-weight: bold; padding: 25px 0 0;}
.l_top .e_text{ font-size: 15px; font-weight: bold; text-transform: uppercase; font-family: "Arial";}

.l_nav{ border:#dddddd 1px solid; background: #f5f5f5; color: #434343; font-size: 16px;}
.l_nav li{ border-bottom: #dddddd 1px solid;}
.l_nav li a{ display: block; padding:15px 5% 15px 15%; background: url(../images/go.png) no-repeat 90% center;}  
.l_nav li a:hover,.l_nav li.on a{ color: #fff; background: #004ea2 url(../images/go_on.png) no-repeat 90% center;}

.f_channel{ background: #f5f5f5; border:#dcdcdc 1px solid; padding:30px 10%; margin-top:20px; margin-bottom: 50px;}
.f_bt{ font-size: 16px; font-weight: bold; color: #000;}
.f_channel li{ padding: 5px 0 5px 50px; font-size: 14px; font-weight: bold; color: #004ea2; border-bottom: #dcdcdc 1px solid;}

.f_channel li.sb{ background: url(../images/l_icon01.png) no-repeat 25px center;}
.f_channel li.xn{ background: url(../images/l_icon02.png) no-repeat 25px center;}
.f_channel li.jp{ background: url(../images/l_icon03.png) no-repeat 25px center;}
.f_channel li.hd{ background: url(../images/l_icon04.png) no-repeat 25px center;}
.f_channel li.sy{ background: url(../images/l_icon05.png) no-repeat 25px center;}
.f_channel li.zl{ background: url(../images/l_icon06.png) no-repeat 25px center;}

/*右部标题*/
.main_top{ border-bottom: #3a3840 1px solid;}
.main_top span{ display: inline-block; height: 50px; line-height: 50px;}
.main_titile{ font-size: 24px; color: #000; border-bottom: #004ea2 2px solid; height: 40px; line-height: 40px;}
.mbx{ font-size: 12px;}

/*page*/
.page { text-align: center; padding-top: 30px; padding-bottom: 50px;}
.page .i { color: #959595; display: inline-block; margin-right: 2px; width: 32px; height: 32px; line-height: 32px; border: 1px solid #e5e5e5; background-color: #f5f5f5; font-size: 16px; vertical-align: top;}
.page .cur { background: none; border: 0; color: #004ea2;}
.page .btn { background-color: #fff; border: 1px solid #e5e5e5; width: 80px; height: 33px; display: inline-block; color: #aeaeae; margin-right: 2px; border-radius: 0;}
.page .btn:hover, .i:hover { background-color: #004ea2; color: #fff;}
.page .cur:hover { background: none; border: 0; color:#004ea2;}






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


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

	.material-menu-button { display: block; width: 50px; height: 45px; padding: 0 8px 0px 8px; position: absolute; top: 55px; right: 20px;}
	.material-menu-button span { display: block; width: 100%; height: 5px; margin-bottom: 4px; background-color: #0152a2;}
	.material-menu-wrapper { padding: 20px;}
	.material-menu-view-mobile { background-color: #fff; -webkit-box-shadow: 40px 0px 30px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 40px 0px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 40px 0px 30px 0px rgba(0, 0, 0, 0.2); width: 220px; z-index: 9999999;}
	
	/** Titlebar */
	.material-menu-titlebar { -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);}
	header .nav li{ width:100%;  border-right: 0;}


	.foot01{ display: none;}
}



@media only screen and (max-width: 768px) {
	.l_top{ background-size: 100% auto;}
	.f_channel{ display: none;}
	header .top .xnsy ,header .top .collect{ display: none;}


	.main_top{ line-height:35px; padding-top: 10px;  height: auto;}
	.main_titile{ width: 100%;}
	.mbx{ width: 100%;}
	
	.foot02,.textr{ text-align: center;}
}


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


@media only screen and (max-width: 560px) {
	.material-menu-button{ top:40px;}
	
}

 @media (max-width: 450px) {
	
}