*{ margin:0; padding:0; list-style:none;*zoom:1; font-family:"Microsoft Yahei",微软雅黑,"Helvetica Neue",Arial,sans-serif;} body,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0} dl,ul,ol,menu,li {list-style:none} a {color:#000;text-decoration:none} input{ border:0; color:#000; -webkit-appearance: none; border-radius: 0;outline: none;} a:active, a:hover {cursor: pointer;} img{border: none;vertical-align: middle;max-width: 100%;} a{vertical-align: middle;} .clear{clear: both;} .header{ width: 100%; float: left; height: 200px; background: url(../images/top_banner_h.png) no-repeat center; } .top{ width: 1200px; margin: 0 auto; overflow: hidden; } .logo{ float: left; margin-top: 45px; margin-bottom: 35px; } .logo span{ font-size: 24px; color: #FFFFFF; margin-left: 20px; display: inline-block; } .top_right,.rig_nav{ float: right; max-width: 360px; } .rig_nav a{ font-size: 14px; color: #FFFFFF; margin-top: 40px; float: left; margin-right: 13px; } .zy_ico{ width: 18px; height: 16px; display: inline-block; background: url(../img/ico.png) 0px 0px; vertical-align: middle; margin-right:10px; margin-top: -5px; } .sc_ico{ width: 18px; height: 17px; display: inline-block; background: url(../img/ico.png) -37px 0px; vertical-align: middle; margin-right:10px; margin-top: -4px; } .search{ float: right; margin-top: 12px; width: 281px; background: #FFFFFF; border-radius:30px; height: 38px; } .search input{ width: 220px; float: left; margin-left: 16px; height: 38px; border: none; } .search button{ border: none; background: url(../img/search.png) no-repeat center center; float: left; height: 38px; width: 38px; display: inline-block; } .nav{ width: 100%; float: left; background: #a82923; line-height: 50px; margin-top: 2px; } .nav ul{ width: 1200px; margin: 0 auto; overflow: hidden; } .nav ul li{ width: 132px; float: left; text-align: center; font-size: 16px; } .nav ul li a{color: #FFFFFF;display: block;} .nav ul li:hover{ background: #FFFFFF; } .nav ul li a:hover{ color: #a82923; } .mod{ width: 100%; float: left; margin-top: 30px; } .mod .content{ width: 1200px; margin: 0 auto; overflow: hidden; } /************banner***************/ .flexslider { margin: 0px auto; position: relative; width: 492px; height: 369px; overflow: hidden; zoom: 1; float: left; } .flexslider .slides li { width: 100%; height: 100%; } .flex-direction-nav a { width: 40px; height: 80px; line-height: 99em; overflow: hidden; margin: -40px 0 0; display: block; background: url(../img/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 1; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: -40px 0px; right: 0; } .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); } .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; } .flex-control-nav li { display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(../img/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; } .flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; } .flexslider .slides a img { width: 100%; height: 369px; display: block; } .ban_tit{ position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; height: 65px; font-size: 16px; color: #FFFFFF; background-color: rgba(0,0,0,0.5); padding-top: 15px; } .news{ width: 683px; float: left; margin-left: 25px; } #menu{width:100%; overflow:hidden;float: left;} #menu #nav {display:block;width:100%;padding:0;margin:0;list-style:none;float: left;border-bottom: 2px solid #dcdcdc;padding-bottom: 10px;} #menu #nav li {float:left;margin-right: 25px;} #menu #nav li a {display:block;line-height:27px;text-decoration:none;text-align:center; color:#333333;position: relative;} #menu_con{ width:100%;} .tag{ padding:10px 0px;} #menu #nav li a.selected{color: #a82923;} .border{width:100%;height: 0px;border-bottom: 2px solid #a82923;position: absolute;left: 0;bottom: -12px;display: none;} #menu #nav li a.selected .border{display: block;} .tt{ width: 100%; float: left; margin-top: 17px; } .tt_con{ width: 575px; float: left; margin-top: 5px; } .tt_tit{ width: 90%; float: left; font-size: 18px; color: #a82923; margin-bottom: 13px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .tt_con p{ width: 100%; float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; color: #666666; text-indent: 2em; line-height: 30px; } .tt_date{ width: 70px; float: right; text-align: center; background: #ebebeb; } .tt_date span{ font-size: 30px; font-family: 'Arial Regular'; display: block; margin-top: 5px; } .news_list{ width:100%; float: left; margin-top: 30px; } .news_list dd{ width: 100%; float: left; margin-bottom: 30px; font-size: 14px; } .news_list dd:last-child{margin-bottom: 0px;} .news_list dd i{ width: 0px; border-left: 2px solid #f7ac00; height: 11px; float: left; vertical-align: middle; margin-top: 5px; } .news_list dd a{ color: #333333; float: left; margin-left: 10px; width: 80%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news_list dd a:hover{ text-decoration: underline; } .news_list dd span{ float: right; color: #999999; } .infor_list{ width: 380px; float: left; margin-top: 35px; margin-right:20px; } .infor_list:last-child{margin-right: 0px;} .infor_tit{ width: 100%; float: left; position: relative; line-height: 20px; } .infor_tit span{ float: left; font-size: 16px; font-family: "微软雅黑"; font-weight: bold; } .infor_tit a{ font-size: 14px; color: #989898; float: right; } .border3{ width: 100%; float: left; border-bottom: 1px solid #dfdfdf; margin-top: 15px; height: 0px; margin-bottom: 1px; } .border2{ width: 40px; height: 0px; border-bottom: 2px solid #a82923; position: absolute; right: 0px; bottom: 0px; } .infor_list .news_list dd a:hover{ text-decoration: underline; color: #a82923; } .friend_link{ width: 100%; float: left; margin-top: 35px; } .friend_link ul{ width: 100%; float: left; padding: 15px 0px; } .friend_link ul li{ min-width: 100px; text-align: center; float: left; border: 1px dashed #dcdcdc; margin:10px 18px 0px 0px; line-height: 38px; } .friend_link ul li a{ font-size: 14px; color: #333333; display: block; } .friend_link ul li a:hover{ color: #a82923; } .foot{ width: 100%; float: left; margin-top: 10px; background: #444444; color: #FFFFFF; font-size: 14px; text-align: center; padding: 39px 0px; line-height: 30px; }