@charset "utf-8";
/* CSS Document */

/*CSS reset*/
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; font-family:"微软雅黑"; font-size:14px; cursor:default; color:#4c4c4c;}
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;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#4c4c4c;}
a:hover{ text-decoration:underline;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}

.clear{ 
	clear:both;
}

.fl{ 
	float: left;
}

.fr{ 
	float: right;
}

body{
	background: url(2017yx_body_bg.png) no-repeat 0 top #f0f0f0;
}
.top{
	height: 30px;
	line-height: 30px;
	background-color: #11427e;
}

.top-cont{
	width: 1140px;
	margin: 0 auto;
}

.top-cont p{
	font-size: 12px;
	color: #fff;
}

.top-cont a{
	color: #fff;
	background: no-repeat left center;
	padding-left: 22px;
	margin-right: 15px;
}

.top-cont a.jg01{
	background-image: url(2017yx_jg01.png);
}

.top-cont a.jg02{
	background-image: url(2017yx_jg02.png);
}

.top-cont a.jg03{
	background-image: url(2017yx_jg03.png);
}

.header{
	width: 1140px;
	height: 183px;
	margin: 0 auto;
}


.header .logo{
	float: left;
	width: 396px;
	height: 75px;
	margin: 55px 0 0 0;
}

.header .txtScroll{ float: right; width: 550px; height: 126px; background: url(2017yx_header_right.png) no-repeat; margin-top: 32px;}
.header .txtScroll .bd{  width:420px; margin: 72px auto 0;}
.header .txtScroll ul{ height:44px; overflow:hidden; margin: 0 auto;}
.header .txtScroll ul li{line-height:22px; height:22px; font-size:14px;}
.header .txtScroll ul li a{ float:left; display: block; width: 49%; color:#fff; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
.header .txtScroll ul li a:hover{ text-decoration:underline;}

.nav{
	height: 45px;
	background: url(2017yx_nav_bg.png) repeat-x;
	overflow: hidden;
}

.nav ul{
	width: 1140px;
	margin: 0 auto;
}

.nav ul li{
	float: left;
	width: 190px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 18px;
}

.nav ul li a{
	display: block;
	color: #fff;
	background: url(2017yx_nav_li.png) no-repeat left top;
}
	
.nav ul li:first-child a{
	background: none;
}

.nav ul li.current a,.nav ul li a:hover{
	background-color: #10478a;
	text-decoration: none;
}

.footer{
	background-color: #2862a9;
	text-align: center;
	padding: 30px 0;
}

.footer p{
	color: #fff;
	line-height: 24px;
}

.footer .dzjg{
	margin-top: 15px;
}

.footer .dzjg img{
	vertical-align: middle;
}


@media screen and (max-width:1139px) {
	.hyl,.Hj-EasyRead-Container,.top,.txtScroll,.friend-link,.Voice-Voicer-Container { display: none !important;}

    .header { width: auto; height: auto; padding: 70px 0;}
    .header .logo {float: none;margin: 0 auto;width: 100%;height: auto;}
    .header .logo img { max-width: 98%; height: auto;}

    .nav { height: auto; background-repeat: repeat;}
    .nav ul { width: 100%;}
    .nav ul li { width: calc(100% / 3) !important;}

    .footer {padding: 30px 10px !important;margin-top: 10px;}
    .footer .container { width: auto;}
    .footer .container>p,.footer .dzjg { float: none !important; width: 100%; text-align: center !important;}
    .footer .container>p { margin-left: 0 !important;}
    .footer .dzjg { margin-top: 20px !important;}
}