.focusBox { float:left; position: relative; width: 730px; height: 378px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; } .focusBox .pic img { width: 730px; height: 378px; display: block; } .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height:54px; width: 100%; background: #333; filter: alpha(opacity=80); opacity: 0.8; overflow: hidden; } .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 54px; width: 100%; overflow: hidden; } .focusBox .txt li { height: 54px; line-height: 54px; position: absolute; bottom: -54px; } .focusBox .txt li a { display: block; color: white; padding: 0 0 0 10px; font-size: 14px; font-weight: bold; text-decoration: none; } .focusBox .num { position: absolute; z-index: 3; bottom: 13px; right: 8px; } .focusBox .num li { float: left; position: relative; width: 22px; height: 22px; line-height: 22px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; } .focusBox .num li a, .focusBox .num li span { position: absolute; z-index: 2; display: block; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; color: #000; } .focusBox .num li span { z-index: 1; background: #fff; } .focusBox .num li.on a, .focusBox .num a:hover { background: #d86431; } /*1- 标签切换*/ .slideTxtBox { text-align: left; } .slideTxtBox .hd { height: 44px; line-height: 44px; background:url("/App/Front/Tpl/View/pc-git14/S025/images/tab-bg1.jpg") repeat-x; text-align:right; } .slideTxtBox .hd a{font-weight:bold; color:#111; padding-right:10px;} .slideTxtBox .hd ul { float: left; height:44px; } .slideTxtBox .hd ul li { float: left; line-height: 44px; cursor: pointer; width: 95px; text-align: center; background:url("/App/Front/Tpl/View/pc-git14/S025/images/tab-bg3.jpg") right center no-repeat; } .slideTxtBox .hd ul li.on { height: 44px; color:#d86431; font-size:16px; background: url("/App/Front/Tpl/View/pc-git14/S025/images/tab-bg2.jpg") no-repeat; } .slideTxtBox .bd{ padding:15px; } .slideTxtBox .bd ul { float:right; width:260px; margin-top:-10px; zoom: 1; } .slideTxtBox .bd .con{ } .slideTxtBox .bd .con p{ float:left; } .slideTxtBox .bd li { padding:10px 0; border-bottom:1px #d6935c dashed; overflow:hidden; } .slideTxtBox .bd li .pic { float: left; } .slideTxtBox .bd li .txt{ float:right;} .slideTxtBox .bd li .txt h6{color:#505050; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*1- 标签切换*/ .slideTxtBox2{ width:100%; text-align:left; } .slideTxtBox2 .hd{ height:30px; line-height:30px; padding:0 10px 10px 15px;} .slideTxtBox2 .hd ul{ float:left; height:32px; } .slideTxtBox2 .hd ul li{ float:left; line-height:30px; cursor:pointer; padding:0 15px; text-align:center; } .slideTxtBox2 .hd ul li.on{ height:30px;background:#d86431;color:#fff; } .slideTxtBox2 .bd p{border-top:1px #ebebeb solid; zoom:1; } /*2- 焦点图/幻灯片*/ .slideBox { width: 450px; height: 230px; overflow: hidden; position: relative; } .slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; } .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; } .slideBox .hd ul li.on { background: #f00; color: #fff; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd li { zoom: 1; vertical-align: middle; } .slideBox .bd img { width: 450px; height: 230px; display: block; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url("/App/Front/Tpl/View/pc-git14/S025/images/slider-arrow.png") -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; } .slideBox .next { left: auto; right: 3%; background-position: 8px 5px; } .slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; } .slideBox .prevStop { display: none; } .slideBox .nextStop { display: none; } /*3- 图片滚动-左*/ .picScroll-left { width: 450px; overflow: hidden; position: relative; border: 1px solid #ccc; } .picScroll-left .hd { overflow: hidden; height: 30px; background: #f4f4f4; 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: url("/App/Front/Tpl/View/pc-git14/S025/images/arrow.png") 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: url("/App/Front/Tpl/View/pc-git14/S025/images/icoCircle.gif") 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 { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; } .picScroll-left .bd ul li .pic { text-align: center; } .picScroll-left .bd ul li .pic img { width: 120px; height: 90px; display: block; padding: 2px; border: 1px solid #ccc; } .picScroll-left .bd ul li .pic a:hover img { border-color: #999; } .picScroll-left .bd ul li .title { line-height: 24px; } /*4- 图片滚动-上*/ .picScroll-top { width: 210px; overflow: hidden; position: relative; border: 1px solid #ccc; } .picScroll-top .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; } .picScroll-top .hd .prev, .picScroll-top .hd .next { display: block; width: 9px; height: 5px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("/App/Front/Tpl/View/pc-git14/S025/images/arrow.png") 0 -100px no-repeat; } .picScroll-top .hd .next { background-position: 0 -140px; } .picScroll-top .hd .prevStop { background-position: -60px -100px; } .picScroll-top .hd .nextStop { background-position: -60px -140px; } .picScroll-top .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; } .picScroll-top .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("/App/Front/Tpl/View/pc-git14/S025/images/icoCircle.gif") 0 -9px no-repeat; } .picScroll-top .hd ul li.on { background-position: 0 0; } .picScroll-top .bd { padding: 10px; } .picScroll-top .bd ul { overflow: hidden; zoom: 1; } .picScroll-top .bd ul li { text-align: center; zoom: 1; } .picScroll-top .bd ul li .pic { text-align: center; } .picScroll-top .bd ul li .pic img { width: 180px; height: 90px; display: block; padding: 2px; border: 1px solid #ccc; } .picScroll-top .bd ul li .pic a:hover img { border-color: #999; } .picScroll-top .bd ul li .title { line-height: 24px; } /*5- 图片无缝滚动-左*/ .picMarquee-left { width: 450px; overflow: hidden; position: relative; border: 1px solid #ccc; } .picMarquee-left .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; } .picMarquee-left .hd .prev, .picMarquee-left .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("/App/Front/Tpl/View/pc-git14/S025/images/arrow.png") no-repeat; } .picMarquee-left .hd .next { background-position: 0 -50px; } .picMarquee-left .hd .prevStop { background-position: -60px 0; } .picMarquee-left .hd .nextStop { background-position: -60px -50px; } .picMarquee-left .bd { padding: 10px; } .picMarquee-left .bd ul { overflow: hidden; zoom: 1; } .picMarquee-left .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; } .picMarquee-left .bd ul li .pic { text-align: center; } .picMarquee-left .bd ul li .pic img { width: 120px; height: 90px; display: block; padding: 2px; border: 1px solid #ccc; } .picMarquee-left .bd ul li .pic a:hover img { border-color: #999; } .picMarquee-left .bd ul li .title { line-height: 24px; } /* 6-图片无缝滚动-上 */ .picMarquee-top { width: 210px; overflow: hidden; position: relative; border: 1px solid #ccc; } .picMarquee-top .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; } .picMarquee-top .hd .prev, .picMarquee-top .hd .next { display: block; width: 9px; height: 5px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("/App/Front/Tpl/View/pc-git14/S025/images/arrow.png") 0 -100px no-repeat; } .picMarquee-top .hd .next { background-position: 0 -140px; } .picMarquee-top .hd .prevStop { background-position: -60px -100px; } .picMarquee-top .hd .nextStop { background-position: -60px -140px; } .picMarquee-top .bd { padding: 10px; } .picMarquee-top .bd ul { overflow: hidden; zoom: 1; } .picMarquee-top .bd ul li { text-align: center; zoom: 1; } .picMarquee-top .bd ul li .pic { text-align: center; } .picMarquee-top .bd ul li .pic img { width: 180px; height: 90px; display: block; padding: 2px; border: 1px solid #ccc; } .picMarquee-top .bd ul li .pic a:hover img { border-color: #999; } .picMarquee-top .bd ul li .title { line-height: 24px; } /* 7-文字滚动-左(分页控制) */ .txtScroll-left { width: 450px; position: relative; border: 1px solid #ccc; } .txtScroll-left .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; } .txtScroll-left .hd .prev, .txtScroll-left .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("/App/Front/Tpl/View/pc-git14/S025/images/arrow.png") no-repeat; } .txtScroll-left .hd .next { background-position: 0 -50px; } .txtScroll-left .hd .prevStop { background-position: -60px 0; } .txtScroll-left .hd .nextStop { background-position: -60px -50px; } .txtScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; } .txtScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("/App/Front/Tpl/View/pc-git14/S025/images/icoCircle.gif") 0 -9px no-repeat; } .txtScroll-left .hd ul li.on { background-position: 0 0; } .txtScroll-left .bd { padding: 10px; width: 430px; overflow: hidden; } .txtScroll-left .bd ul { overflow: hidden; zoom: 1; } .txtScroll-left .bd ul li { margin-right: 20px; float: left; height: 24px; line-height: 24px; text-align: left; _display: inline; } .txtScroll-left .bd ul li span { color: #999; } /* 8-文字滚动-上(分页控制) */ .txtScroll-top { width: 450px; overflow: hidden; position: relative; border: 1px solid #ccc; } .txtScroll-top .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; } .txtScroll-top .hd .prev, .txtScroll-top .hd .next { display: block; width: 9px; height: 5px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("/App/Front/Tpl/View/pc-git14/S025/images/icoUp.gif") no-repeat; } .txtScroll-top .hd .next { background: url("/App/Front/Tpl/View/pc-git14/S025/images/icoDown.gif") no-repeat; } .txtScroll-top .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; } .txtScroll-top .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("/App/Front/Tpl/View/pc-git14/S025/images/icoCircle.gif") 0 -9px no-repeat; } .txtScroll-top .hd ul li.on { background-position: 0 0; } .txtScroll-top .bd { padding: 15px; } .txtScroll-top .infoList li { height: 24px; line-height: 24px; } .txtScroll-top .infoList li .date { float: right; color: #999; } /* 9-文字无缝滚动-左 */ .txtMarquee-left { width: 450px; position: relative; border: 1px solid #ccc; } .txtMarquee-left .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; } .txtMarquee-left .hd .prev, .txtMarquee-left .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("/App/Front/Tpl/View/pc-git14/S025/images/icoLeft.gif") no-repeat; } .txtMarquee-left .hd .next { background: url("/App/Front/Tpl/View/pc-git14/S025/images/icoRight.gif") no-repeat; } .txtMarquee-left .bd { padding: 10px; } .txtMarquee-left .bd .tempWrap { width: 425px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度,这样就可以手动控制可视宽度。 */ .txtMarquee-left .bd ul { overflow: hidden; zoom: 1; } .txtMarquee-left .bd ul li { margin-right: 20px; float: left; height: 24px; line-height: 24px; text-align: left; _display: inline; width: auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度,解决文字不衔接问题 */ .txtMarquee-left .bd ul li span { color: #999; } /* 10-文字无缝滚动-上 */ .txtMarquee-top { width: 450px; overflow: hidden; position: relative; border: 1px solid #ccc; } .txtMarquee-top .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; } .txtMarquee-top .hd .prev, .txtMarquee-top .hd .next { display: block; width: 9px; height: 5px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("/App/Front/Tpl/View/pc-git14/S025/images/arrow.png") 0 -100px no-repeat; } .txtMarquee-top .hd .next { background-position: 0 -140px; } .txtMarquee-top .hd .prevStop { background-position: -60px -100px; } .txtMarquee-top .hd .nextStop { background-position: -60px -140px; } .txtMarquee-top .bd { padding: 15px; } .txtMarquee-top .infoList li { height: 24px; line-height: 24px; } .txtMarquee-top .infoList li .date { float: right; color: #999; } /* 11-2级下拉菜单 */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .nav { padding: 0 20px; height: 34px; line-height: 34px; background: #39A4DC; position: relative; z-index: 1; } .nav a { color: #fff; } .nav .nLi { float: left; position: relative; display: inline; } .nav .nLi h3 { float: left; } .nav .nLi h3 a { display: block; width: 100px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; font-weight: bold; } .nav .sub { display: none; width: 100px; left: 0; top: 34px; position: absolute; background: #4E4E4E; line-height: 26px; padding: 5px 0; } .nav .sub li { zoom: 1; } .nav .sub a { display: block; width: 100px; height: 26px; line-height: 26px; text-align: center; } .nav .sub a:hover { background: #6d6d6d; color: #fff; } .nav .on h3 a { background: #4E4E4E; color: #fff; } /*手风琴 */ .sideMenu { border: 1px solid #ddd; } .sideMenu h3 { height: 32px; line-height: 32px; padding-left: 10px; border-top: 1px solid #e3e3e3; background: #f4f4f4; cursor: pointer; font: normal 14px/32px "Microsoft YaHei"; } .sideMenu h3 em { float: right; display: block; width: 40px; height: 32px; background: url("/App/Front/Tpl/View/pc-git14/S025/images/icoAdd.png") 16px 12px no-repeat; cursor: pointer; } .sideMenu h3.on em { background-position: 16px -57px; } .sideMenu ul { padding: 8px 25px; color: #999; display: none; /* 默认都隐藏 */ } /* 图片滚动01 */ .slideGroup { width: 100%; border: 1px solid #ddd; text-align: left; } .slideGroup .slideBox-roll { overflow: hidden; zoom: 1; padding: 10px 42px; 10px 42px; position: relative; } .slideGroup .sPrev, .slideGroup .sNext { position: absolute; left: 5px; top: 10px; display: block; width: 30px; height: 94px; border: 1px solid #ddd; background: url("/App/Front/Tpl/View/pc-git14/S025/images/icoLeft.gif") center center no-repeat #f4f4f4; } .slideGroup .sNext { left: auto; right: 5px; background: url("/App/Front/Tpl/View/pc-git14/S025/images/icoRight.gif") center center no-repeat #f4f4f4; } .slideGroup .sPrev:hover, .slideGroup .sNext:hover { border: none; } .slideGroup .parBd ul { overflow: hidden; zoom: 1; } .slideGroup .parBd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; } .slideGroup .parBd ul li .pic { text-align: center; } .slideGroup .parBd ul li .pic img { width: 120px; height: 90px; display: block; padding: 2px; border: 1px solid #ccc; } .slideGroup .parBd ul li .pic a:hover img { border-color: #999; } .slideGroup .parBd ul li .title { line-height: 24px; } /* 图片滚动02 */ .picScroll { position: relative; height: 124px; padding: 10px 42px; background: #fff; margin-bottom: 10px; overflow: hidden; } .picScroll ul { overflow: hidden; zoom: 1; } .picScroll ul li { float: left; margin: 0 6px; width: 122px; overflow: hidden; display: inline; } .picScroll ul li img { width: 122px; height: 124px; } .picScroll .prev, .picScroll .next { position: absolute; left: 10px; top: 60px; display: block; width: 18px; height: 28px; overflow: hidden; background: url("/App/Front/Tpl/View/pc-git14/S025/images/icons.png") -40px 0 no-repeat; cursor: pointer; } .picScroll .next { left: auto; right: 10px; background-position: -120px 0; } .picScroll .prevStop { background-position: 0 0; } .picScroll .nextStop { background-position: -80px 0; }