.main_wrap { width: 1000px; height: 1000px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; } .news { width: 663px; height: 320px; } .news .title { width: 100%; height: 30px; border-top: 3px solid #e4e4e4; } .news .title .desc { width: 100px; font-size: 18px; color: #09f; margin-top: -3px; border-top: 3px solid #09f; font-weight: bold; } .news .title .more { width: 30px; } .news .imgnews { width: 326px; height: 290px; float: left; } .news .textnews { width: 326px; height: 290px; float: right; } .news .textnews ul { float: left; } .news .textnews ul li { float: left; list-style: none; border-bottom: 1px dashed #e8e8e8; padding: 0; font-size: 12px; height: 28px; line-height: 28px; vertical-align: middle; } .news .textnews ul li a { color: #333; } .news .textnews ul li a:hover { color: #cc3300; } .ad { margin-top: 20px; margin-bottom: 20px; text-align: center; } .notice { width: 326px; height: 180px; } .notice .title { width: 100%; height: 30px; border-top: 3px solid #e4e4e4; } .notice .title .desc { width: 100px; font-size: 18px; color: #09f; margin-top: -3px; border-top: 3px solid #09f; font-weight: bold; } .notice .title .more { width: 30px; } .notice ul li { float: left; list-style: none; border-bottom: 1px dashed #e8e8e8; padding: 0; font-size: 12px; height: 28px; line-height: 28px; vertical-align: middle; } .notice ul li a { color: #333; } .notice ul li a:hover { color: #cc3300; } .link { width: 296px; margin-top: 12px; margin-right: 16px; margin-left: 14px; height: 128px; } .link ul li { float: left; margin-top: 10px; margin-left: 9px; width: 132px; } .culture { width: 326px; height: 205px; } .culture .title { width: 100%; height: 30px; border-top: 3px solid #e4e4e4; } .culture .title .desc { width: 100px; font-size: 18px; color: #09f; margin-top: -3px; border-top: 3px solid #09f; font-weight: bold; } .culture .title .more { width: 30px; } .culture ul li { float: left; list-style: none; border-bottom: 1px dashed #e8e8e8; padding: 0; font-size: 12px; height: 28px; line-height: 28px; vertical-align: middle; } .culture ul li a { color: #333; } .culture ul li a:hover { color: #cc3300; } .media { width: 326px; height: 205px; margin-left: 10px; } .media .title { width: 100%; height: 30px; border-top: 3px solid #e4e4e4; } .media .title .desc { width: 100px; font-size: 18px; color: #09f; margin-top: -3px; border-top: 3px solid #09f; font-weight: bold; } .media .title .more { width: 30px; } .media ul li { float: left; list-style: none; border-bottom: 1px dashed #e8e8e8; padding: 0; font-size: 12px; height: 28px; line-height: 28px; vertical-align: middle; } .media ul li a { color: #333; } .media ul li a:hover { color: #cc3300; } .industry { width: 326px; height: 205px; margin-left: 10px; } .industry .title { width: 100%; height: 30px; border-top: 3px solid #e4e4e4; } .industry .title .desc { width: 100px; font-size: 18px; color: #09f; margin-top: -3px; border-top: 3px solid #09f; font-weight: bold; } .industry .title .more { width: 30px; } .industry ul li { float: left; list-style: none; border-bottom: 1px dashed #e8e8e8; padding: 0; font-size: 12px; height: 28px; line-height: 28px; vertical-align: middle; } .industry ul li a { color: #333; } .industry ul li a:hover { color: #cc3300; } .picture { width: 1000px; height: 135px; } .picture .title { width: 100%; height: 30px; border-top: 3px solid #e4e4e4; } .picture .title .desc { width: 100px; font-size: 18px; color: #09f; margin-top: -3px; border-top: 3px solid #09f; font-weight: bold; } .picture .title .more { width: 30px; } .holding { width: 1000px; height: 135px; margin-top: 20px; } .holding .title { width: 100%; height: 30px; border-top: 3px solid #e4e4e4; } .holding .title .desc { width: 100px; font-size: 18px; color: #09f; margin-top: -3px; border-top: 3px solid #09f; font-weight: bold; } .holding .title .more { width: 30px; } .holding .content { width: 980px; margin-left: 10px; } .holding .content ul li { width: 112px; margin-left: 10px; float: left; text-align: center; } .holding .content ul li a { color: #333; font-size: 12px; } .holding .content ul li a:hover { color: #cc3300; } .cxscroll { } .cxscroll .box { overflow: hidden; width: 980px; margin-left: 10px; } .cxscroll .list { overflow: hidden; width: 9999px; } .cxscroll .list li { float: left; width: 200px; height: 100px; margin-left: 10px; } .cxscroll .list li img { width: 200px; height: 100px; } .cxscroll .prev { } .cxscroll .next { } /*轮播*/ .silder { width: 100%; height: 200px; overflow: hidden; text-align: center; margin: 0 auto; position: relative; float: left; } .silder .silder_list { height: 200px; overflow: hidden; position: relative; } .silder .silder_list a { position: absolute; top: 0; left: 0; } .silder .silder_list a, .silder .silder_list img { display: inline-block; float: left; } .silder .silder_page { height: 42px; text-align: right; margin: 0 auto; right: 1px; overflow: hidden; position: absolute; bottom: 1px; } .silder .silder_page li { width: 16px; font-size: 12px; float: left; height: 16px; line-height: 16px; margin: 15px 10px 0 0; background: #f1f1f1; display: inline-block; text-align: center; color: #000; } .silder .silder_page li.current { background: #c70b31; color: #fff; } .silder_desc { color: #fff; background: repeat 0 0; float: left; line-height: 42px; height: 42px; width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; text-align: left; text-indent: 10px; cursor: pointer; } .silder_desc:hover { color: #cc3300; cursor: pointer; } .silder .silder_page li:hover { cursor: pointer; } .floadad { position: absolute;z-index: 999900; display: none; } .floadad .item { display: block; } .floadad .item img { vertical-align: bottom; }/* a img 的组合浏览器默认下边会有几个像素的空白,这里可以消除空白*/