*{ 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{} .clear{clear: both;} .header{ width: 100%; float: left; height: 200px; background: url(../img/top_banner.png) no-repeat center; background-size: cover; } .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; } .menubox { width: 100%; margin: 0 auto; height: 50px; position: absolute; bottom: 0; background: #039268; } .nav { padding: 0; height: 50px; line-height: 50px; position: relative; z-index: 1; width: 1200px; margin: 0 auto; /* top: 15px; */ } .nav .nLi { float: left; position: relative; display: inline; /* background: #039268; */ } .nav .nLi h3 { float: left; } .nav .on h3 a { background: #ffffff; color: #039268!important; } .nav .nLi h3 a { display: block; padding: 0 52px; font-size: 16px; font-weight: normal; color: #fff; } .nav .nLi h3 a:hover{background:#fff;color:#039268!important} .sub{ background: #039268;} .sub li a{ display: inline-block; width: 100%; color: #fff; text-align: center;} .sub li a:hover{background:#fff;color:#039268 } .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;font-size: 18px;color:#333333;position: relative;} #menu_con{ width:100%;} .tag{ padding:10px 0px;} #menu #nav li a.selected{color:#039268;} .border{width:100%;height: 0px;border-bottom: 2px solid #039268;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: #01a374; 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: 385px; 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: 18px; font-family: "微软雅黑"; /* font-weight: bold; */ color: #039268; } .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 #01a374; position: absolute; right: 0px; bottom: 0px; } .infor_list .news_list dd a:hover{ text-decoration: underline; color: #01a374; } .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: 120px; 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: #01a374; } .foot{ width: 100%; float: left; margin-top: 10px; background: #444444; color: #FFFFFF; font-size: 14px; text-align: center; padding: 25px 0px; line-height: 30px; } .footer { background: #01a374; padding: 0; /* overflow: hidden; */ color: #FFF; line-height: 36px; } .w1200 { width: 1200px; margin: 0 auto; } .one { width: 100%; padding: 20px 0; height: 182px; } .lef { float: left; width: 50%; } .lef h2 { margin: 0; padding: 0; padding-bottom: 15px; } .lef p { width: 45%; float: left; line-height: 32px; font-size: 14px; padding-right: 5%; } .bq { width: 100%; line-height: 46px; height: 46px; background: #16664f; } .bq p { text-align: center; height: 43px; } .footer_c_1 { width: 540px; height: 84px; margin: 43px auto; position: relative; font-size: 15px; color: #fff; float: right; } .jiaGao1 { height: 70px; } .jiaGao { height: 20px; } .bubbleInfo { width: 90px; height: 90px; float: left; position: relative; margin: 0; padding: 0; } .popup { position: absolute; filter: alpha(opacity=70); /*ie*/ -moz-opacity: 0.7; /*moz , ff*/ opacity: 0.7; /*css3, ff1.5*/ z-index: 90; } .post { width: 43px; height: 43px; overflow: hidden; position: absolute; left: 25px; z-index: 100; text-align: center; } .post .thumb { display: block; width: 43px; margin: 0px auto; height: 43px; overflow: hidden; position: relative; } .post .thumb img.cover { position: absolute; top: 0; left: 0; } .post_text { text-align: center; top: 55px; position: absolute; z-index: 100; left: 15px; } .li_01 a { display: block; width: 235px; float: left; padding: 0px 0px 0px 10px; height: 39px; line-height: 39px; background: url(../images/tag_02.gif) no-repeat left center; color: #fff; vertical-align: middle; text-align: left; } .li_01 a:hover { text-decoration: underline; }