/* content */ .mainContent{ width:750px; float:left; } .side{ width:220px; float:right; } /*手风琴 */ .sideMenu{ } .sideMenu h3{ height:42px; line-height:42px; padding-left:37px; margin-bottom:1px; background: url(../images/pro_nemu_li.jpg) center no-repeat; cursor:pointer; font:normal 14px/32px "Microsoft YaHei";} .sideMenu h3.on a{ color:#95100E;} .sideMenu h3 em{ float:right; display:block; width:40px; height:32px; background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; } .sideMenu h3.on em{ background-position:16px -57px; } .sideMenu ul{ padding:8px 55px; color:#999; display:none; /* 默认都隐藏 */ } .sideMenu ul li{ height:25px; line-height:25px; background:url(../images/arr_2.png) left center no-repeat; padding-left:15px;} .fullSlide{ width:100%; position:relative; height:860px; background:#000; } .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:860px; overflow:hidden; text-align:center; } .fullSlide .bd li a{ display:block; height:860px; position:relative; } .fullSlide .bd li a .f_txt{ background:url(../images/touming.png) repeat; height:58px; padding-top:5px; text-align:left; width:100%; position:absolute; left:0px; bottom:0px; font-size:20px; color:#fff; line-height:30px; padding-left:15px;} .fullSlide .bd li a .f_txt span{ font-size:12px; line-height:20px;} .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:20px; left:0; height:42px; line-height:30px; text-align:center; /*background:url(../images/tm.png) repeat; _filter:alpha(opacity=60); */ } .fullSlide .hd ul{ text-align:right; padding-top:16px; text-align:center; } /* .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; overflow:hidden; margin-right:3px; width:20px; height:20px; line-height:20px; text-align:center; background:#3a3645; color:#FFFFFF; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }*/ .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; border-radius:5px; margin:0 5px; overflow:hidden; line-height:9999px; background:#000; transition: all 0.3s; } .fullSlide .hd ul .on{ background:#fff; } .fullSlide .prev, .fullSlide .next{ position:absolute; left:50%; top: 50%; margin-left: -600px; margin-top: -30px; display:block; width:60px; height:60px; line-height:60px; text-align:center; overflow:hidden; cursor:pointer; background: rgba(0,0,0,0.3);} .fullSlide .prev img, .fullSlide .next img{ vertical-align: middle; margin-left:0px; margin-top:0px;} .fullSlide .next{ left:auto; right:50%; margin-left: 0; margin-right: -600px;} .fullSlide .prev:hover, .fullSlide .next:hover{ background: rgba(218,37,29,1);} /* Tab切换 */ .slideTxtBox{ float:right; width:100%; overflow:hidden; background:#fff; text-align:left; } .slideTxtBox .hd{ height:28px; line-height:28px; border-bottom:2px solid #a50304; font-size:14px; } .slideTxtBox .hd ul{ overflow:hidden; zoom:1; } .slideTxtBox .hd ul li{ float:left;height:28px; line-height:28px; } .slideTxtBox .hd ul li a{ display:block; padding:0px 15px; } .slideTxtBox .hd ul li a:hover{ text-decoration:none; } .slideTxtBox .hd ul li.on a{ background:#a50304; color:#fff; font-weight:bold; } .slideTxtBox .bd{ padding:10px 0; } .slideTxtBox .bd li{ height:24px; line-height:24px; } .slideTxtBox .bd li .date{ float:right; color:#999; } /* 文字无缝上滚动 */ .sideBox{ padding:10px; height:220px; overflow:hidden; background:#fff; margin-bottom:10px; } .sideBox .hd{ height:30px; line-height:30px; background:#f60; padding:0 10px; } .sideBox .hd h3{ font-weight:bold; font-size:14px; color:#fff; } .sideBox .hd h3 a{ color:#fff; } .sideBox .bd{ padding:10px 0 10px 5px; } .sideBox .bd li{ height:24px; line-height:24px; overflow:hidden; } .sideBox .bd li span{ color:#999; margin-right:5px; } /* 广告位 */ .adSlide{ width:100%; height:80px;; overflow:hidden; position:relative; clear:both; margin-bottom:10px; } .adSlide .hd{ position:absolute; z-index:1; right:5px; bottom:5px; } .adSlide .hd ul{ overflow:hidden; zoom:1; float:left; } .adSlide .hd ul li{ float:left; margin-right:2px; width:16px; height:16px; line-height:16px; text-align:center; background:#fff; cursor:pointer; filter:alpha(opacity=60);opacity:0.6; } .adSlide .hd ul li.on{ background:#f60; font-weight:bold; filter:alpha(opacity=100);opacity:1; color:#fff; } .adSlide .bd{ position:relative; z-index:0; } .adSlide .bd img{ width:750px; height:80px; } /* 图片滚动 */ .rollpic{} .picScroll{ width: 1040px; margin: 0 auto; position: relative; height: 160px; padding: 0px 0 0px 60px; /*background: #fff;*/ overflow: hidden; float: left; /* margin-top:52px; margin-left:13px;*/ } .picScroll ul{ overflow:hidden; zoom:1; } .picScroll ul li{ float:left; width:211px; overflow:hidden; display:inline; padding:0 15px; padding-top:10px;} .picScroll ul li img{ width:211px; height:143px; border:#d5d5d5 1px solid; box-shadow:0 0 10px #555;} .picScroll ul li .p_txt{ text-align:center; line-height:80px; font-size:16px; color:#333333;} .picScroll ul li:hover .p_txt{ color:#003d7e;} .picScroll .prev, .picScroll .next{ position:absolute; left:0px; top: 45px; display:block; width:62px; height:72px; overflow:hidden; cursor:pointer; background:url(../images/i_honor_left.png) center no-repeat; } .picScroll .next{ left:auto; right:0px; background:url(../images/i_honor_right.png) center no-repeat; } .picScroll .prev:hover{} .picScroll .next:hover{} .picScroll .prevStop{ } .picScroll .nextStop{ } /* 图片滚动 */ .picScroll2{ width: 771px; margin: 0 auto; position: relative; height: 207px; padding: 0px 0 0px 15px; overflow: hidden; float: left; margin-left:10px; } .picScroll2 ul{ overflow:hidden; zoom:1; } .picScroll2 ul li{ float:left; margin: 0 3px; width:179px; height:203px; border:#E3E3E3 2px solid; overflow:hidden; display:inline; background:url(../images/p_li_bg.jpg) bottom no-repeat; } .picScroll2 ul li img{ width:175px; height:143px; margin:20px 2px 0 2px; } .picScroll2 ul li span{ display:block; text-align:center; line-height:42px;} .picScroll2 .prev, .picScroll2 .next{ position:absolute; left:0px; top: 0px; display:block; width:15px; height:207px; overflow:hidden; cursor:pointer; background:url(../images/xiaoguo_left.png) center no-repeat; } .picScroll2 .next{ left:auto; right:0px; background:url(../images/xiaoguo_right.png) center no-repeat; } .picScroll2 .prevStop{ } .picScroll2 .nextStop{ } /* 图片滚动 */ .picScroll3{ width: 694px; margin: 0 auto; position: relative; height: 124px; padding: 0px 0 0px 25px; background: #fff; margin-bottom: 10px; overflow: hidden; float: left;} .picScroll3 ul{ overflow:hidden; zoom:1; } .picScroll3 ul li{ float:left; margin: 0 12px; width:87px; overflow:hidden; display:inline; } .picScroll3 ul li img{ width:87px; } .picScroll3 ul li .p_txt{ text-align:center; line-height:35px;} .picScroll3 .prev, .picScroll3 .next{ position:absolute; left:0px; top: 0px; display:block; width:20px; height:87px; overflow:hidden; cursor:pointer; background-color:#981C20; } .picScroll3 .next{ left:auto; right:0px; background-position:-46px 0; } .picScroll3 .prevStop{ background-position:0 0; } .picScroll3 .nextStop{ background-position:-46px 0; } /* 手风琴 */ #sideMenu{ height:214px; } #sideMenu .hd{ margin-top:1px; background:url(images/icons.png) #E3E3E3 180px -37px no-repeat; cursor:pointer;} #sideMenu .hd h3{ color:#666; } #sideMenu .on{ background:url(images/icons.png) #f60 180px -77px no-repeat; } #sideMenu .on h3{ color:#fff; } #sideMenu .bd{ height:96px; overflow:hidden; display:none; } /* 友情链接 */ .friendLink{ height:40px; padding:10px; background:#fff; overflow:hidden; clear:both; } .friendLink ul{ overflow:hidden; zoom:1; } .friendLink ul li{ width:150px; float:left; margin:0 5px; display:inline; } .friendLink ul li img{ width:150px; height:40px; } /* 2级下拉菜单 */ .nav{ position:absolute; left:250px; top:0; z-index:2;} .nav a{ color:#000000; } .nav .nLi{ float:left; position:relative; display:inline; /*margin:0 9px;*/ } .nav .nLi.top_nav_ico.on:hover{ background:url(../images/top_nav_ico.png) bottom center no-repeat;} .nav .nLi h3{ float:left;} .nav .nLi h3 a{ display:block; width:120px; height:110px; line-height:110px; text-align:center; font-size:16px; color:#fff; position:relative;} .fixed .nav .nLi h3 a{ color:#333333;} .nav .nLi h3 a .nav-e{ font-size:13px; color:#cbb7b7;} /*.nav .sub{ display:none; width:100%; left:0px; top:130px; position:absolute; line-height:26px; background: rgba(0,0,0,.6); text-align:center;} .nav .sub li{ zoom:1; display:inline-block; width:90px; height:60px; } .nav .sub a{ display:block; width:100%; height:60px; line-height:60px; font-size:14px; text-align:center; color:#dfdede; font-weight:bold; position:relative; } .nav .sub a:hover{ color:#dd4040; } .nav .on h3 a, .nav .on h3 a .nav-e{ color:#c3d72b;}*/ .nav .sub{ display:none; width:120px; left:0; top:110px; position:absolute; background:#fff; line-height:26px; /*padding:5px 0;*/ } .nav .sub li{ zoom:1; } .nav .sub a{ display:block; width:120px; height:40px; line-height:40px; text-align:center; } .nav .sub a:hover{ background:#c3d72b; color:#000; } .fixed .nav .on h3 a, .nav .on h3 a .nav-e{ color:#c3d72b;} .nav .line{ float:left; background:url(../images/nav_line.png) center no-repeat; width:4px; height:50px;} /*.nav .nLi h3 a:after{content: "";width:0%;height: 2px;background: #f29641;position: absolute;left: 50%;bottom:0px;transition: all 0.3s} .nav .nLi.on h3 a:after{width: 40px; margin-left:-20px;}*/ /* */ /* 焦点图 */ .focusBox { float:left; position: relative; width: 320px; height: 240px; margin-bottom:10px; overflow: hidden; font-family:Arial; text-align: left; background:#fff; } .focusBox .pic img { width: 320px; height: 240px; display: block; } .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; } .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; } .focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;} .focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; } .focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; } .focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; 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; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } .focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; } .focusBox .num li.on a,.focusBox .num a:hover{ background:#f60; } /* 本例子css */ .picScroll-t{ margin:10px auto; position:relative; width:800px; padding:10px 0 10px 30px; background:#fff; overflow:hidden; } .picScroll-t .prev, .picScroll-t .next{ display:block; position:absolute; top:46px; left:0px; width:23px; height:23px; background:url(../images/btns.png) no-repeat; } .picScroll-t .next{ left:auto; right:0px; background-position:-25px 0; } .picScroll-t .prev:hover{ background-position:0 -30px; } .picScroll-t .next:hover{ background-position:-25px -30px; } .picScroll-t ul{ overflow:hidden; zoom:1; } .picScroll-t ul li{ width:134px; float:left; overflow:hidden; margin-right:20px; } .picScroll-t ul li img{ width:134px; height:100px; display:block; background:url(images/loading.gif) center center no-repeat; }