.fullslide { width: 100%; position: relative; height: 460px; background: #000; min-width:1170px; } .fullslide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; } .fullslide .bd ul { width: 100% !important; } .fullslide .bd li { width: 100% !important; height: 460px; overflow: hidden; text-align: center; } .fullslide .bd li a { display: block; height: 460px; } .fullslide .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 30px; line-height: 30px; background: repeat-x; text-align: center; _background: #000; _filter: alpha(opacity=60); } .fullslide .hd ul { text-align: center; padding-top: 5px; } .fullslide .hd ul li { cursor: pointer; display: inline-block; *display:inline; zoom: 1; width: 50px; height: 6px; border-radius:3px; margin: 5px; background:#000; overflow: hidden; line-height: 9999px; opacity:.8 } .fullslide .hd ul .on { width: 50px; height: 6px; border-radius:3px; margin: 5px; background:#fff; opacity:.9 } .notic{ border-bottom:1px #eee solid; height:60px; background:#fff; overflow:hidden} .notic .container{ background: no-repeat 0 -450px;padding-left:40px;margin-top:20px;} .notic .container a{ color:#333; text-decoration:none;} .notic .container a:hover{ color:#f90;} .notic .container span{ color:#999;padding-left:20px;} .blockbox{ } .blockbox li { background:#fff; width:15.2%; height:220px; text-align:center; float:left; cursor:pointer;} .blockbox li a { display:block; height:220px; text-decoration:none;color:#555; overflow:hidden;} .blockbox li a span{ background:#f2f2f2; height:120px; width:120px; display:block; border-radius:50%; margin:18px auto; overflow:hidden;} .blockbox li a span i{ background-image:; background-repeat:no-repeat; height:50px; width:80px; display:block;margin:36px 0 0 28px} .blockbox li a div{margin-top:15px; font-size:20px; line-height:24px;padding:0 0; height:60px; } .blockbox li a:hover{ color:#f69300; transition: all linear 0.2s; } .blockbox li:hover{-webkit-box-shadow:0 0 10px rgba(154, 186, 214, .8); -moz-box-shadow:0 0 10px rgba(154, 186, 214, .8); box-shadow:0 0 10px rgba(154, 186, 214, .8); } .blockicon1{background-position:0 0; transition: all linear 0.2s;} .blockbox li a:hover .blockicon1{ background-position:-135px 0; transition: all linear 0.2s;} .blockicon2{background-position:0 -52px; transition: all linear 0.2s; } .blockbox li a:hover .blockicon2{ background-position:-136px -52px; transition: all linear 0.2s; } .blockicon3{background-position:0 -120px; transition: all linear 0.2s; } .blockbox li a:hover .blockicon3{ background-position:-136px -120px; transition: all linear 0.2s; } .blockicon4{background-position:0 -188px; transition: all linear 0.2s; } .blockbox li a:hover .blockicon4{ background-position:-136px -188px; transition: all linear 0.2s; } .blockicon5{background-position:0 -248px; transition: all linear 0.2s; } .blockbox li a:hover .blockicon5{ background-position:-136px -248px; transition: all linear 0.2s; } .blockicon6{background-position:0 -309px; transition: all linear 0.2s; } .blockbox li a:hover .blockicon6{ background-position:-136px -309px; transition: all linear 0.2s; } .newslist{ background:#fff; width:880px; } .newslist3{ background:#fff; width:880px; height:320px;} .newslist .title ,.newslist3 .title{ border-bottom:1px #eee solid;overflow:hidden;padding:15px 20px;} .newslist .title .pull-left,.newslist3 .title .pull-left{ font-size:22px;} .newslist .title .pull-right,.newslist3 .title .pull-right{ font-size:12px; color:#999;padding-top:10px;} .caigou{ background: no-repeat 0 -380px; height:100px; width:100px; } .newslist .list,.newslist3 .list{margin:20px; overflow:hidden} .newslist .list li a,.newslist3 .list li a{ background: no-repeat 5px 8px; padding-left:20px; font-size:16px; line-height:36px;} .newslist .list li .pull-right,.newslist3 .list li .pull-right{ font-size:12px; color:#999;} .newslist .list li a:hover,.newslist3 .list li a:hover{ color:#f90; text-decoration:none;} .ad{ overflow:hidden;} .ad li{ float:left;} .newslist2{ background:#fff; width:266px; height:320px;} .newslist2 .title{ border-bottom:1px #eee solid;overflow:hidden;padding:15px 20px;} .newslist2 .title .pull-left{ font-size:22px;} .newslist2 .title .pull-right{ font-size:12px; color:#999;padding-top:10px;} .caigou{ background: no-repeat 0 -375px; height:30px; width:30px; display:block; float:left; margin-right:10px;} .newslist2 .list{margin:20px 10px; overflow:hidden} .newslist2 .list li{ } .newslist2 .list li a{ background: no-repeat 5px 8px; padding-left:15px; font-size:14px; line-height:30px; } .newslist2 .list li a .pull-right{ font-size:12px; color:#999;} .newslist2 .list li a:hover{ color:#f90; text-decoration:none;} .friendlink{ border-top:1px #eee solid; background:#fff;padding:20px 0;} .friendlink .title{ text-align:center; font-size:22px; border-bottom:1px #eee solid;padding-bottom:20px;} .friendlink .container > ul{margin:30px 0;} .friendlink .container > ul li{ width:20%; float:left; transition:all linear 0.2s} .friendlink .container > ul li:hover{padding-left:10px;} .friendlink .container > ul li img{ max-width:200px; max-height:70px;} .listbox{margin-bottom:20px;} .listbox .pull-left{ background:#fff; width:17%; min-height:300px; border:1px #eee solid;} .listbox .pull-left .title{ text-align:center; font-size:20px; line-height:60px; border-bottom:1px #eee solid;} .listbox .pull-left ul{padding:0px 0;} .listbox .pull-left ul li{ line-height:50px; font-size:16px; text-align:center; } .listselecton{ background:#fff6f6 } .listselecton a{ color:#f90;} .listbox .pull-left ul li:hover{background:#fff6f6 } .listbox .pull-left ul li:hover a{color:#f90;} .listbox >.pull-right{ background:#fff;width:80%;margin-left:3%;min-height:600px;border:1px #eee solid; overflow:hidden;} .listbox >.pull-right .title{text-align:left;padding-left:20px; font-size:20px; line-height:60px; border-bottom:1px #eee solid;} .listbox >.pull-right >ul{padding:20px 30px; overflow:hidden;} .listbox >.pull-right >ul >li{ line-height:45px;} .listbox >.pull-right >ul >li a{ background: no-repeat 0 8px;padding-left:10px; font-size:16px;} .listbox >.pull-right >ul >li>.pull-right{ font-size:12px; color:#999;} .pagebox{ position:absolute; bottom:20px; width:80%; text-align:center;} .pagebox >ul{ margin:0 auto; width:400px;} .pagebox >ul >li{border:1px #eee solid;padding:3px 5px; border-radius:3px; margin-right:5px; float:left; font-size:12px;} .pagebox >ul >li a:hover{ color:#f90; text-decoration:none;} .blockbox2{ } .blockbox2 li { background:#fff; width:15.2%; height:70px; text-align:center; float:left; cursor:pointer; display:table;border:1px #eee solid; border-top:1px #f90 solid;} .blockbox2 li a{text-decoration:none;color:#555; font-size:18px;display:table-cell; vertical-align:middle;} .blockbox2 li a:hover{ color:#e54701; transition: all linear 0.2s; } .blockbox2 li:hover{-webkit-box-shadow:0 0 10px rgba(154, 186, 214, .8); -moz-box-shadow:0 0 10px rgba(154, 186, 214, .8); box-shadow:0 0 10px rgba(154, 186, 214, .8); background:#fff6f6 } .content{ background:#fff; min-height:600px;} .content .title{ border-bottom:1px #eee solid; line-height:30px; text-align:center; font-size:22px;padding:40px 20px 10px 20px;} .content .title .data{ font-size:12px; color:#999;} .content .text{padding:30px 40px; line-height:30px;} /*ad2*/ .douban{ width:1170px; overflow:hidden; border:1px #eee solid; background:#fff;padding:20px; } .douban .hd{ height:0px; line-height:22px; overflow:hidden; } .douban .hd h2{ float:left; font: 15px arial,helvetica,sans-serif; color: #072; margin: 0 0 12px 0; } .douban .hd h2 a{ color:#37a; font-size:12px; margin-left:10px; } .douban .hd .next, .douban .hd .prev{ float:right; display:block; width:18px; height:18px; background: no-repeat -6px -7px; overflow:hidden; margin-right:6px; cursor:pointer; } .douban .hd .next{ background-position:-34px -7px; } .douban .hd .prevstop{ background-position:-6px -40px; cursor:default; } .douban .hd .nextstop{ background-position:-34px -40px; cursor:default; } .douban .hd ul{ float:right; margin:6px 6px 0 0; zoom:1; } .douban .hd ul li{ float:left; cursor:pointer; display:block; width:8px; height:8px; margin-right:4px; _display:inline; background: no-repeat 0 0; } .douban .hd ul li.on{ background-position:-12px 0; } .douban .bd{ padding:0px 0 0 0; width:1170px; } .douban .bd ul{ overflow:hidden; zoom:1; } .douban .bd ul li{ float:left; width:220px; margin-right:18px; } .douban .bd ul li img{ width:220px; height:180px;} /*friendslink*/ .pagestate{ display:none;} .picscroll-left{ overflow:hidden; position:relative;margin-top:20px; } .picscroll-left .hd{ overflow:hidden; padding:0 10px; } .picscroll-left .hd .prev,.picscroll-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background: no-repeat;} .picscroll-left .hd .next{ background-position:0 -50px; } .picscroll-left .hd .prevstop{ background-position:-60px 0; } .picscroll-left .hd .nextstop{ background-position:-60px -50px; } .picscroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .picscroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background: 0 -9px no-repeat; } .picscroll-left .hd ul li.on{ background-position:0 0; } .picscroll-left .bd{ padding:10px; } .picscroll-left .bd ul{ overflow:hidden; zoom:1; } .picscroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; } .picscroll-left .bd ul li .pic{ text-align:center; float:left ;margin:0 12px 0 0;} .picscroll-left .bd ul li .pic img{ width:275px; display:block; padding:2px; height:55px; } .picscroll-left .bd ul li .pic a:hover img{ border-color:#999; } .picscroll-left .bd ul li .title{ line-height:24px; } /*tab*/ .slidetxtbox{ width:890px; text-align:left; } .slidetxtbox .hd{ height:45px; line-height:45px; background:#fff; padding:0 10px 0 20px; position:relative; } .slidetxtbox .hd ul{ float:left; position:absolute; left:0px; top:-1px; height:45px; } .slidetxtbox .hd ul li{ float:left; width:445px;cursor:pointer; font-size:18px; text-align:center; } .slidetxtbox .hd ul li.on{ height:47px; background:#1c9eea; border:1px solid #eee; color:#fff; } .slidetxtbox .bd ul{padding:5px 15px 15px 15px; zoom:1; border:1px solid #eee; height:360px; } .slidetxtbox .bd li{ line-height:24px; overflow:hidden} .slidetxtbox .bd li .date{ float:right; color:#999; } .slidetxtbox .bd ul{position:relative;} .slidetxtbox .bd ul .more{ text-align:center;margin-top:14px; position:absolute; left:48%; bottom:10px; } .slidetxtbox .bd ul .more .fa{padding-left:5px;} .infolist{ background:#fff;} .infolist li a{ display:block; border-bottom:1px #eee dashed; overflow:hidden; color:#666;} .infolist li .title{ float:left; display:table; line-height:50px;vertical-align:middle;margin-left:10px; width:500px; font-size:15px;} .infolist li .class{ float:left;display:table-cell;margin-left:10px;width:100px; text-align:center;color:#b3b3b3; font-size:12px; line-height:20px;} .infolist li .data{float:left;display:table-cell;margin-left:10px;width:100px; text-align:center;color:#b3b3b3;font-size:12px;line-height:20px;} .infolist li .button{margin-top:8px;display:table-cell; color:#1c9eea;float:right;border:1px #1c9eea solid; border-radius:3px; padding:3px 8px; display:block; } .infolist li .button:hover{ background:#df1f1f;} .infolist li .class span{ color:#666;} .infolist li .data span{ color:#666;} .infolist li a .title:hover{ color:#1c9eea;} .downloadbox{ background:#fff; height:250px; width:263px;} .downloadbox .title{ border-bottom:1px #eee solid; line-height:40px; color:#ccc} .downloadbox .title .pull-left{padding-left:15px; font-weight:bold; font-size:20px; font-weight:normal;color:#585858} .downloadbox >.list{padding:10px 0px;} .downloadbox >.list li{ overflow:hidden; float:left; width:45%} .downloadbox >.list li a{ background: no-repeat 0 8px;padding-left:15px; line-height:30px;} .notic{ background:#fff; height:200px;} .notic .title{ border-bottom:1px #eee solid; line-height:40px; color:#ccc} .notic .title .pull-left{padding-left:15px; font-weight:bold;font-size:20px; font-weight:normal;color:#585858} .notic >.list{padding:15px;} .notic >.list li{ overflow:hidden} .notic >.list li a{ background: no-repeat 0 6px;padding-left:15px; line-height:30px;}