@charset "utf-8"; /* CSS Document */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; outline: none;} fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; } ol,ul,li { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } q:before,q:after { content:''; } abbr,acronym { border: 0; } /*-- All --*/ html{ min-width:1000px; } body{ color:#333;font:12px/20px Arial,"Microsoft YaHei","宋体",sans-serif; background:#fff;min-width: 1400px;} a{ color:#333; text-decoration:none;} *{ box-sizing: border-box; } .container { width: 1200px; margin: auto; } .overflow { overflow: hidden; } h2 { font-size: 20px; font-weight: 700; color: #222; } h3 { font-size: 16px; font-weight: 600; } /* .header-top ---------------------------------------------- */ .index-top { position: relative; width: 100%; height: 600px; } .header { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 110px; border-bottom: 1px solid #697b94; background-color: #065091; } .logo { float: left; height:64px; margin:23px 0; } .logo img { height: 100%; } .header-right { float: right; } .top-box { margin-top: 24px; } .top-link { float: right; margin-right: 20px; } .top-link a { color: #a3b3c2; font-size: 12px; padding:0 8px; text-decoration: underline; } .search { position: relative; height: 21px; width: 130px; float: right; border:1px solid #a3b3c2; } .search input { position: absolute; top: 0; left: 0; margin:0; vertical-align: middle; height: 20px; width: 130px; line-height: 20px; font-size: 12px; background-color: rgba(255,255,255,.0); padding:0 20px 0 10px; border:none; color: #fff; } .search .icopng { position: absolute; right: 4px; top: 3px; width: 12px; height: 12px; margin:0; } .navbar { margin-top: 16px; } .navbar li { float: left; } .navbar li a { color: #fff; font-size: 14px; padding:8px 14px; } .navbar li span { color: #fff; font-size: 14px; } /* banner ---------------------------------------------- */ .index-banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .index-banner .bd{ position:relative; height:100%; z-index:0; } .index-banner .bd li{ zoom:1; vertical-align:middle; } .index-banner .bd li a { position: relative; text-align: center; display: block; } .index-banner .bd img{position: absolute;top: 0; width:100%; height:600px; display:block; } /* 新闻 ----------------------------------------------- */ .news { overflow: hidden; margin-top: 40px; } .news-tit { overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #999; } .news-tit h2 { float: left; } .news-tit .more { float: right; font-size: 12px; color: #333; line-height: 1; margin-top: 10px; } .news-left { float: left; width: 690px; margin-right: 40px; } .news-left li { height: 110px; width: 100%; margin-top: 20px; } .news-time { height: 100%; width: 110px; padding-top: 20px; float: left; text-align: center; background-color: #e6e6e6; } .news-time span { display: block; height: 2px; width: 38px; background-color: #333; margin:auto; } .news-time h3 { font-size: 26px; font-weight: 300; margin-bottom: 14px; } .news-time p { font-size: 16px; margin-top: 14px; line-height: 1; color: #333; } .news-left li:hover .news-time { background-color: #245daa; } .news-left li:hover a { background-color: #2c71ce; } .news-left li:hover a h2, .news-left li:hover a p, .news-left li:hover .news-time h3, .news-left li:hover .news-time p { color: #fff; } .news-left li:hover .news-time span { background-color: #fff; } .news-left li a { display: block; float: left; height: 100%; width: 580px; padding:20px 26px; background-color: #f2f2f2; } .news-left li a h2 { font-size: 16px; line-height: 1; margin-bottom: 10px; color: #333; } .news-left li a p { font-size: 14px; line-height: 24px; margin-bottom: 14px; color: #999; } .news-right { } /* 本例子css */ .news-right{ position: relative; float: left; width: 470px; height: 370px; } .news-right .hd{position: absolute;top: 110px; right: 0; overflow:hidden; height:30px;z-index: 10;} .news-right .hd .prev,.news-right .hd .next{ display:block; width:26px; height:26px; float:right; margin-left:6px;overflow:hidden;background-color: #333;color: #fff;text-align: center;line-height: 26px;font-size: 16px; cursor:pointer;} .news-right .hd .prev:hover,.news-right .hd .next:hover { background-color: #f9b52c; } .news-right .bd{position: absolute;top: 0;left: 0;z-index: 1;} .news-right .bd ul{ overflow:hidden; zoom:1; } .news-right .bd ul li{position: relative; margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .news-right .bd ul li .pic{ text-align:center; } .news-right .bd ul li .pic img{ width:470px; height:370px; display:block; } .news-right .bd ul li .title{position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;padding:0 10px;overflow: hidden;background:url(../images/news-bg.png)center center no-repeat; background-size: cover; } .news-right .bd ul li .title a { color: #fff; font-size: 16px; line-height: 50px; } /* 通知 ----------------------------------------------- */ .tongzhi { height: 462px; margin-top: 40px; padding:40px 0; background: url(../images/tongzhi-bg.jpg)center center no-repeat; background-size: cover; } .tongzhi-tit h3 { font-size: 20px; font-weight: 300; line-height: 1; margin-bottom: 18px; } .tongzhi-tit h3 i{ margin-left: 10px; font-style: italic; color: #999; font-size: 15px; } .tongzhi-tit span { display: block; height: 1px; width: 50px; background-color: #ff8a23; } .tongzhi-left { width: 580px; float: left; margin-right: 40px; } .tongzhi-list li { height: 76px; overflow: hidden; border-bottom: 1px dotted #999; } .tongzhi-list li span { float: left; display: block; width: 2px; height: 20px; margin:28px 0; background-color: #999; } .tongzhi-list li a { display: block; float: left; margin:20px 0 0px 20px; } .tongzhi-list li a p { font-size: 12px; color: #999; line-height: 1; margin-bottom: 14px; } .tongzhi-list li a h3 { font-size: 16px; color: #333; line-height: 1; font-weight: 300; } .enter { display: block; text-align: right; margin-top: 40px; } .enter a { color: #ff8a23; font-size: 16px; line-height: 1; } .meiti-list { margin-top: 10px; padding-top: 4px; background: url(../images/guanzhu.png)left top no-repeat; } .meiti-list li { height: 38px; padding-left: 30px; } .meiti-list li a { display: block; height: 100%; } .meiti-list li h3 { float: left; font-size: 16px; color: #333; line-height: 38px; font-weight: 300; } .meiti-list li span { float: right; font-size: 12px; color: #999; font-weight: 300; line-height: 38px; } .meiti-list .active { background: url(../images/hover.png)left center no-repeat; } .zhuanti { margin-top: 40px; margin-bottom: 40px; } .zhuanti ul { margin-top: 20px; height: 76px; width: 100%; overflow: hidden; } .zhuanti ul li { float: left; width: 190px; height: 76px; margin-right: 12px; overflow: hidden; } /* 本例子css */ .slideTxtBox{ width:100%;} .slideTxtBox .hd{ height:40px;position:relative; } .slideTxtBox .hd ul{ margin:0;float:left; position:absolute; left:0px; top:0; } .slideTxtBox .hd ul li{ float:left;padding:0 15px; cursor:pointer;color: #fff;margin-right:23px;line-height: 1;font-size: 16px; background: url(../images/dian1.png) no-repeat left } .slideTxtBox .hd ul li.on{ background:url(../images/dian2.png) no-repeat left; } .slideTxtBox .bd ul{ zoom:1; } .slideTxtBox .bd li{ height:24px; line-height:24px; } .slideTxtBox .bd li .input { width: 208px; padding-left: 10px; height: 32px; line-height: 32px; color: #fff; background-color:#434a54; border: 1px solid #666; } .slideTxtBox .bd li p { height: 46px; font-size: 16px; color: #eee; position: relative; } .slideTxtBox .bd li .btn { width: 208px; height: 34px; margin-left: 56px; border: none; cursor: pointer; color: #fff; background: #f9b52c; font-size: 14px; font-family: "微软雅黑"; } .tongzhi-tit h3 a{ font-size: 16px; float: right; margin-top: 3px; color: #ff8a23; } .footer { background: #065091; 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: 55%;} .lef h2 { margin: 0; padding: 0; padding-bottom: 15px; color: #fff; } .lef p { width: 50%; float: left; font-size: 14px; line-height: 32px; padding-right: 1%; } .bq { width: 100%; line-height: 46px; height: 46px; clear: both; background: #0b2b47; } .bq p { text-align: center; font-size: 14px; } .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;}