﻿@charset "utf-8";

body{font-size:12px; font-family:"宋体";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
a{text-decoration:none;color:#333;outline:none;}
a:hover,a :focus{color:#0068b7;outline:none;}
a:active,a :visited{}
a img{border:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

/*定位*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:0;margin-right:0;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear10{ height:10px;font-size:1px; line-height:1;_display:inline;*display:block; overflow:hidden; clear:both; }
.clear15{ height:15px;font-size:1px; line-height:1;_display:inline;*display:block; overflow:hidden; clear:both; }
.clear20{ height:20px;font-size:1px; line-height:1;_display:inline;*display:block; overflow:hidden; clear:both; }
.clear{ clear:both; font-size:0px; height:0px; line-height:0px;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none,.hide{display:none;}


/* header */
.header { width:100%; height:57px;}
.h_m { width:1040px; height:142px; margin:0 auto; overflow:hidden;}
.h_m_logo { width:446px; height:80px; float:left; margin-top:34px;}
.h_m_s { width:380px; height:80px; float:right; margin-top:32px;}
.h_m_s p { margin-top:20px; float:left;width:307px; overflow:hidden;white-space: nowrap;/*text-overflow: ellipsis;*/}
.h_m_s p span { color:#267ec2;}
.h_m_s p a { color:#898989; margin:0 3px;}
.h_m_s p a:hover {color:#0068b7;}
.serch form {float:left; width:380px; margin-top:10px; position:relative; z-index:9999;}
.hidden {display:none;}

/*****style of page******/
#div_page_inner{ line-height:22px; margin:10px auto; text-align:center; font-size:10px;clear:both;}
#div_page_inner a{ border:solid 1px #DDDBDE; padding:4px 8px;color:#000;background:#F7F7F7; margin:0 3px;}
#div_page_inner a.current,#div_page_inner a:hover{border-color:#04316c;background-image:url(page_link_hover.png);color:#fff;font-weight:bold;}

#toplink_advSearch,.gjss{display:none;}

.div_bottom_others{ text-align:center}

/* 头尾自适应 */
@media screen and (max-width:1044px){
	
	#Hj-easyRead-Smooth,.Hj-EasyRead-Container{display:none;}
	.cont1 { padding-top:30px;}
}
@media screen and (max-width:1040px){
	.top_m,.h_m { width:96%;}
	.banner { width:100%;}
	.nav ul { width:96%; padding-left:4%;}
	.nav ul li { margin:17px 0 0;width:16%;}
	.cont,.cont1 { width:96%;}

}
@media screen and (max-width:880px) {
	.h_m_logo { width:100%; margin-top:15px;}
	.h_m_s { width:100%; margin-top:0; height:auto;}
	.h_m_s p,.h_m_s .machine{ display:none;}
	.serch,.serch form {float:right;}

}
@media screen and (max-width:760px) {
	.nav ul li a { text-align:center;}
	.nav ul li a span { padding-left:0;}
	.nav ul li .a1 span ,.nav ul li .a2 span,.nav ul li .a3 span,.nav ul li .a4 span,.nav ul li .a5 span,.nav ul li .a6 span{ background:none;}
	.nav ul li .a1 span:hover ,.nav ul li .a2 span:hover,.nav ul li .a3 span:hover,.nav ul li .a4 span:hover,.nav ul li .a5 span:hover,.nav ul li .a6 span:hover{ background:none;}
	
	.menulist ul li { height:25px; line-height:25px; margin-top:12px;}
	.menulist ul li a { text-align:center; height:25px;}
	.menulist ul li a span { padding-left:0; height:25px;}
	.menulist ul li .a1 span,.menulist ul li .a2 span,.menulist ul li .a3 span,.menulist ul li .a4 span,.menulist ul li .a5 span,.menulist ul li .a6 span{ background:none;}
	.menulist ul li.current .a1 span,.menulist ul li.current .a2 span,.menulist ul li.current .a3 span,.menulist ul li.current .a4 span,.menulist ul li.current .a5 span,.menulist ul li.current .a6 span{ background:none;}
	.menulist ul li.current a { height:25px;}
}
@media screen and (max-width:700px) {
	.banner { height:auto;}
	.picScroll-left1 .hd { width:68px;}
	.picScroll-left1,.picScroll-left1 .bd,.picScroll-left1 .bd ul ,.picScroll-left1 .bd ul li { height:auto;}
	.picScroll-left1 .bd ul li .pic img { width:100%; height:auto;}
	.picScroll-left1 .bd ul li .title { width:94%; padding:0 3%; height:40px; line-height:40px; bottom:0;}
	.picScroll-left1 .bd ul li .title p { display:none;}
	.picScroll-left1 .bd ul li .title h3 { font-size:14px; line-height:40px;width:75%;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
	.picScroll-left1 .hd { bottom:0; right:10px;}
	.picScroll-left1 .hd  .navi { display:none;}
	.picScroll-left1 .hd ul {top:18px; z-index:999; right:0;}
}
@media screen and (max-width:640px) {
	.top_m_l { margin:0 auto;text-align:center; width: 240px;}
	.top_m_l a {margin:0 0.5%;}
	.top_m_r a{margin: 0px;}
	.top_m_r a,.top_m_r span{ display:none;}
	#toplink_mail{display:block;float: right;margin-right: 3px;}
	#toplink_oa{display:block;float: right;margin-right: 4px;}
	
	.nav ul li a span,.menulist ul li a span { font-size:14px;}
	
	.f_t a { margin:0 2px;}
}
@media screen and (max-width:480px) {
	.h_m_logo { text-align:center;}
	.h_m_logo img { width:94%; height:auto;}
	.serch,.serch form { margin:10px auto; float:none;}	
	.serch { width:268px;margin:0 auto; }
	.menu_text{width:190px;background:url(2014JX_gy_ss.png) no-repeat 185px center #fff;}
	.nav ul { width:99%; padding-left:1%;}
	.nav ul li { width:33%; margin-top:2px; height:auto;}
	.menulist ul { width:99%; padding-left:1%;}
	.menulist ul li { margin:0 auto;width:33%;}

}

@media screen and (max-width:360px) {
	.h_m_logo img { margin-top:5px;}
	.serch,.serch form { margin:0 auto; float:none;}	
	.serch { width:268px;margin:0 auto; }
}
@media screen and (max-width:320px) {
	.top_m_l a { margin:0 2%;}
	.h_m_logo img { margin-top:10px;}
	.serch form { margin:0 auto;}
		
}