.fr { float: right; } .fl{ float: left; } .disnone{ display: none; } .content{ width: 1200px; margin: 0px auto; } .content .top-line{ height: 111px; background: #fff url(../img/top-line.jpg) no-repeat 26px 29px; padding: 14px 17px 22px 158px; } .content .top-line h2{ padding-top: 4px; height: 59px; font-size: 36px; line-height: 59px; font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; color: #cc0000; } .content .top-line h2 a{ color: #cc0000; text-overflow : ellipsis; } .content .top-line p{ font:16px/27px; color: #333; } .content .top-line p a{ color: #cc0000; } .content .hyzt{ margin-top: 30px; } .hyzt-h{ height: 50px; position: relative; text-align: center; } .hyzt-h i{ height: 6px; width: 1160px; background: #e5e5e5; position: absolute; top:26px; left: 24px; } .hyzt-h img{ position: relative; z-index: 10; } .hot-text{ background:url("../img/hot-text.gif") no-repeat 18px 33px; height:257px; position:relative; } .hot-text ul{ width: 1230px; margin-left: -30px; } .hot-text li{ width:506px; float:left; display:inline; margin:32px 39px 8px 57px; } .hot-text li h3{ font-size:22px; line-height:30px; height:30px; margin-bottom:9px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; color:#996633; } .hot-text li h3 a{ color:#996633; text-overflow : ellipsis; width:60px; } .hot-text li p{ font-size:16px; color:#838383; line-height:24px; max-height:48px; } .hot-text .more{ width:40px; height:10px; position:absolute; top:134px; left:556px; } .content .box{ width: 1155px; margin: 0 auto; padding-top: 32px; } .content .focus{ width: 578px; height: 409px; } .focus{ width:590px; height:410px; float:left; position:relative; } .textbg{ position:absolute; left:0px; bottom:0px; width:100%; height:68px; background:#000; filter:alpha(opacity=70); moz-opacity:0.7; opacity:0.7; } .focus .pic img{ width:590px; height:410px; } .focus p{ position:absolute; left:34px; font-size:20px; bottom:0px; line-height:68px; } .focus p a{ color:#fff; } .focus .switch{ position:absolute; right:16px; bottom:22px; z-index:999; } .focus .switch li{ background:url(../img/pic-nav.png) no-repeat; cursor:pointer; display:inline-block; margin:0 6px; overflow:hidden; width:15px; height:15px; display:block; float:left; padding:0px; text-indent:-9999px; } .focus .switch a:hover{ text-decoration:none; color:#b9b9bb; } .focus .switch li.current{ background:url(../img/pic-nav-now.png) no-repeat; color:#d10e0c; } .news-list{ width: 555px; margin-left: 20px; } .news-list .try-title{ background: #ffe1c3; height: 46px; } .news-list .try-title i{ margin-left: -1px; margin-top: -1px; width: 169px; height: 46px; display: block; float: left; } .news-list .try-title a{ float: right; font-size: 14px; line-height: 46px; color: #6f6f6f; margin-right: 15px; } .news-list .try-title a:hover{ color: #cc0000; } .news-list ul{ padding: 28px 0 0; } .news-list li{ font-size: 16px; line-height: 36px; color: #6d6d6d; padding-left: 20px; background: url(../img/new-list.png) no-repeat left center; } .news-list li a{ color: #6d6d6d; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align: middle; display: inline-block; width: 100%; } .news-list li:hover{ color: #0099ff; background: url(../img/list.png) no-repeat left center; } .news-list li:hover>a{ color: #0099ff; } .news-list li span{ float: right; } .main3-wrap{ padding-top: 30px; width: 1200px; margin: 0 auto; } .main4-wrap{ width: 1155px; margin: 0 auto; padding-top: 203px; position: relative; background: url(../img/main4_02.jpg) no-repeat center top; } .main4-wrap .more{ position: absolute; width: 50px; height: 20px; top:104px; right: 20px; } .main4-wrap ul{ width: 1166px; margin-left: -11px; } .main4-wrap ul li{ float: left; margin-left: 11px; width: 279px; margin-bottom: 8px; } .main4-wrap ul .hdjy-pic{ height: 214px; overflow: hidden; } .main4-wrap ul .hdjy-pic img{ height: 214px; width: 279px; } .main4-wrap ul p{ text-align: center; font-size: 15px; line-height: 35px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; } .main4-wrap ul p a{ color: #393939; } .main4-wrap ul p a:hover{ color: #cc0000; }