@charset "utf-8";
/* CSS Document */
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:"microsoft yahei"; font-size:14px; cursor:default;color:#333;}
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%;outline: none;}
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:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
.dib{display:block !important;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height: 0px; line-height: 0px; font-size: 0px;}
.hidden {display: none;}
body{ background: url(../images/2018ht_bg.jpg) top center no-repeat #ffffff; position: relative;/*background-attachment: fixed;*/}

.mfl0{ margin-left: 0 !important;}
/*无障碍*/
.Hj-EasyRead-Container{ margin-left: 610px !important;}
/*top*/
.top{ width:100%; height: 30px; background: #f0f0f0;}
.topFunction{ width: 1200px; margin: 0 auto; height: 100%;}
.top p,.top p a,.top a{ color: #666666; font-size: 14px; line-height: 30px;}
.top p a{ margin: 0 10px;}
.top p a:first-child{ margin-left: 0;}
.top p a:hover,.top_zz:hover{ text-decoration: underline;}
.top_zz{ background: url(../images/2018ht_top_guohui.png) left center no-repeat; padding-left: 25px;}


.header{ height: 190px; width: 1200px; margin: 0 auto;}
.header .logo{ float: left; display: block; width: auto; height: auto;margin-top: 48px;}
.header .search{float: right; width: 407px; height: 45px; margin-top:82px;}
.search span.dropselect_box { position:relative;  width:109px; display:inline-block; border:1px solid #3088e3; border-right-color: #206fc0; float:left; height:43px; z-index:99;}
.dropselect_SimpleSelect { width:100%;  display:block; overflow:hidden; background:url(../images/2018ht_search_arrow.png) no-repeat 82px 19px #fff; line-height:43px; text-indent: 19px; position: relative; left:0px; top:0px; padding:0;}
.dropselect_SimpleSelect ul{border:none;}
.dropselect_SimpleSelect li{ font-size:14px; width:100%; height:43px; line-height:43px;}
.dropselect_SimpleSelect li a{height:auto; width:85%; color:#333333;}
.dropselect_SimpleSelect li.hover a { color:#333333; width:100%; display:block;}
.dropselect_SimpleSelect li a:hover,.dropselect_SimpleSelect li a:focus,.dropselect_SimpleSelect li:hover,.dropselect_SimpleSelect li:focus{background:none;}
.search_text{ float:left; border:none; width: 210px; height:43px; line-height:43px; font-size:14px; color:#999999; text-indent:18px; cursor:text; border-top: 1px solid #3088e3;border-bottom: 1px solid #3088e3;}
.search_sub{ float:left; width:86px; height:45px; background: #206fc0; border:none; font-size:16px; color:#fff; cursor:pointer;}

/*nav*/
.nav{ width: 1200px; height: 55px; margin: 0 auto; background: #2180c2; overflow: hidden;}
.nav li{float: left;height: 55px; width: 128px; margin-left: 38px;}
.nav li a{ display: block; width: 100%;  height: 100%; line-height: 55px; color: #ffffff; font-size: 18px; text-align:center;
background: url(../images/2018ht_nav_bg.png) -130px 0 no-repeat;
transition: all 0.3s; 
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s; 
}
.nav li a:hover,.nav_on{ background: url(../images/2018ht_nav_bg02.png) 0 0 no-repeat !important;}
/*container*/
.container{ width: 1160px; height: auto; margin: 0 auto;overflow: hidden; padding: 20px; background: #FFFFFF;}


/*friendLink*/
.friendLink{ width: 100%; height: 40px; padding: 15px 0; background: #2180c2;}
.friendLink ul{ width: 1200px; height: 40px; margin:0 auto;}
.friendLink ul li{ float: left; width: 216px; height: 100%; margin-left: 30px;}
.friendLink ul li:first-child{ margin-left: 0;}
.friendLink ul li a{ display: block; width: 100%; height: 100%; line-height: 40px; background: #FFFFFF; text-align: center; font-size: 16px; color: #666666;}
.friendLink ul li a:hover{ color: #2180C2;}
/*foot*/
.foot{ height: 80px; width: 100%; padding: 35px 0; background: #0e64a0;}
.foot_cont{ width: 1200px; height: 100%; margin: 0 auto;}
.foot_cont .foot_fl{ float: left; height: 100%; padding-left: 150px;} 
.foot_fl img{vertical-align: middle;}
.foot_fr{ float: left; height: 100%; padding-left: 20px; }
.foot_fr p{ line-height: 24px; color: #ffffff; font-size: 14px;}
.foot_fr p a{ color: #FFFFFF; margin-left: 5px;}
.foot_fr p a img{ vertical-align: middle; margin-right: 5px;}
.foot_fr p a:hover{text-decoration: underline;}


/*当前位置*/
.location{height: 40px; line-height: 40px; width: 100%; background: url(../images/2018ht_location.png) left center no-repeat; text-indent: 28px; color: #999999; font-size: 14px;}
.location a{color: #999999; font-size: 14px; margin: 0 3px; }
.location a:hover{ color: #2180c2;}

@media screen and (max-width: 1199px){
	.top,.friendLink{display: none;}
	.header{ width: 100%;height: auto;overflow: hidden;padding: 20px 0;}
	.header .logo{ float: none; margin-top: 0; text-align: center;}
	.header .search{ float: none;  margin: 20px auto 0;}
	
	.nav{width: 100%;}
	.nav li{ width: 14.3%;margin: 0;}
	.nav li:first-child{width: 14.2%;}
	
	.container{ width: 100%; padding: 10px 0;}
	
	.foot{ width: auto; height: auto;overflow: hidden; padding: 20px 1%;}
	.foot_cont{ width: 100%;}
	.foot_cont .foot_fl{ float: none;text-align: center;padding: 0;}
	.foot_fr{ float: none; text-align: center; padding-left: 0;}
}

@media screen and (max-width: 720px){
	.nav{ height: auto; overflow: hidden;}
	.nav li { width: 25% !important; height: 40px;}
	.nav li a { font-size: 16px; height: 40px; line-height: 40px;}
}

@media screen and (max-width: 480px){
	.header .logo img { width: 80%; height: auto;}
	
	.header .search{ width: 80%;}
	.search span.dropselect_box { display: none;}
	.search_text { width: 70%; border-left: 1px solid #3088e3; box-sizing: border-box; height: 40px; line-height: 40px;}
	.search_sub { width: 30%; height: 40px;}
	
	.foot_cont .foot_fl{ display: none;}
	.foot_fr p{ font-size: 12px; line-height: 20px;}
}