@import ; .body_content{ width:970px; margin:0 auto; position:relative; overflow:hidden; } .leftboder{ width:5px; height:300px; float:left; background:url(/uploads/image/tdesimg/leftboder.png) repeat-y;} .rightboder{ width:5px; height:300px; float:right; background:url(/uploads/image/tdesimg/rightboder.png) repeat-y;} .content{ width:940px; float:left; padding:10px;background:#e5f8fe; height:280px;} .banner{ width:960px; height:340px; margin:0 auto; z-index:0; position:relative;} .changebox_a1{position:relative; width:960px; height:340px; margin:0 auto;} .changebox_a1 .a_bigimg img{position:absolute;top:0px;left:0px;display:none; width:960px; height:340px;} .ul_change_a1{position:absolute; left:0; bottom:0px; width:330px; height:60px; background:url(/uploads/image/tdesimg/bannerul.png) no-repeat;overflow:hidden;z-index:10px; padding-left:630px; } .ul_change_a1 li{display:inline;} .ul_change_a1 span{ width:66px; height:40px; background:url(/uploads/image/tdesimg/bannerli.png) no-repeat;cursor:hand; cursor:pointer;color:#0051a4; float:left; margin:10px 15px 0 0; text-align:center; padding-top:2px;filter:alpha(opacity=50);opacity: .5} .ul_change_a1 span.on{ background:url(/uploads/image/tdesimg/bannerli.png) no-repeat;filter:alpha(opacity=100);opacity: 1.0} .product{ width:377px; float:left; position:relative;padding-top:34px; } .product h3{ width:369px; height:34px; background:url(/uploads/image/tdesimg/pro_tit.png) no-repeat; font:bold 14px/34px "arial"; color:#0084c8; padding-left:30px; position:absolute; left:0; top:0px;} .product h3 span{ float:left;} .product h3 .more{ float:right; padding-right:30px; font-size:12px; font-weight:normal; color:#666} .product_body{ width:375px; border:1px #cddfe7 solid; border-top:none; overflow:hidden; height:240px;background:#fff;} .overview{ width:355px; height:80px; padding:10px;} .overview_img{ width:76px; height:72px; float:left; padding-left:10px;position: relative;} .floatbg1{width:35px;height:7px;line-height:0;font-size:0;position:absolute;bottom:1px;left:30px;background:#76c5f0} .overview_text{ width:230px; float:left; height:80px; padding-left:10px; line-height:18px;} .productnav{ width:355px; height:115px; line-height:23px; padding:10px 10px 0 10px;} .productnav .lbtn{ width:17px; height:115px; background:url(/uploads/image/tdesimg/leftbtn.png) no-repeat 0 40px; float:left; cursor:pointer} .productnav .lbtn_no{ background: no-repeat} .productnav .rbtn{ width:17px; height:116px; background:url(/uploads/image/tdesimg/rightbtn.png) no-repeat 0 40px; float:right;cursor:pointer} .productnav .rbtn_no{ background: no-repeat} .productnav ul{ width:320px; float:left; overflow:hidden; height:120px; position:relative} #list {width: 1000%;position: absolute;left:0px;top: 0px;} .productnav ul li{ width:100px; height:120px; margin:0 4px;_margin:0 3px; /* text-align:center;*/ float:left; cursor:pointer} .productnav ul li .proimg{ overflow:hidden;width:87px; height:84px; background:url(/uploads/image/tdesimg/probg.png) no-repeat; /*text-align:center;*/ padding:12px 0 0 10px;position:relative} .proimg .floatbg{position:absolute;width:35px; height:7px;line-height:0;font-size:0; background:#76c5f0; bottom:13px; left:30px; _width:35px; _left:30px; _bottom:12px;} .productnav ul li .protext{ width:100px; line-height:18px; text-align:center; font-weight:bold; } .news{ width:330px; float:left; margin-left:5px;position:relative;padding-top:34px;} .news h3{ width:320px; height:34px; background:url(/uploads/image/tdesimg/news_tit.png) no-repeat; font:bold 14px/34px "arial"; color:#0084c8; padding-left:30px; position:absolute; left:0; top:0px;} .news h3 span{ float:left;} .news h3 .more{ float:right; padding-right:30px; font-size:12px; font-weight:normal; color:#666} .news_body{ width:326px; border:1px #cddfe7 solid; border-top:none; overflow:hidden; height:240px;background:#fff;} .newshead{ width:310px; height:70px; padding:10px;} .newshead_img{ width:88px; height:65px; float:left;} .newshead_text{ width:210px; float:left; height:70px; padding-left:10px; line-height:18px;} .news_body ul li{ width:300px; background:url(/uploads/image/tdesimg/icon_01.png) 0 10px no-repeat; height:25px; line-height:25px; float:left; padding-left:10px;} .news_body ul li .newstit{ float:left; width:225px; height:25px; overflow:hidden} .news_body ul li .newsdate{ float:right; width:65px; } .rightbar{ width:221px; height:276px; background:url(/uploads/image/tdesimg/videobg.png) no-repeat; float:left; margin-left:5px;} .video{ width:195px; height:160px; margin:10px auto 0 auto;} .video .videotit{ line-height:25px; font-weight:bold;color:#0084c8; } .video .videotit .more{ padding-left:100px; font-size:12px; font-weight:normal; color:#666} .links{ width:195px; height:110px; margin:5px auto 0 auto;} .links .linkstit{ line-height:25px; font-weight:bold;color:#0084c8; } .links ul li{ width:80px; height:28px; border:1px #e4e4e4 solid; margin:0 13px 5px 0 ; padding:1px; float:left} .wrapper{position:absolute; width:347px; overflow:hidden;z-index: 1339; visibility: visible;} .wrappertit{ width:347px; height:30px; background:url(/uploads/image/tdesimg/wrapper.png) no-repeat} .close{ float:right; padding-right:10px; line-height:25px; color:#fff; cursor:pointer} .wrappercontent{ background:#048bca; line-height:20px; color:#fff; padding:20px; width:307px} .wrappercontent a{color:#fff;}