body { color: #666666; font-size: 14px; line-height: 1.75em; background: #fff; font-family: Verdana, Geneva, "微软雅黑","Microsoft YaHei",simsun, sans-serif ; -webkit-font-smoothing: antialiased; } .fl{ float: left; } .fr{ float: right;} .cl:after{display:block;clear:both;content:"";visibility:hidden;height:0} .cl{zoom:1} /*************** 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 楷体 KaiTi 深黑 重要文字和标题 #222 中灰色 普通文字信息及引导 #666 #浅灰 辅助信息 次要文字 按钮苗边 #999 #淡淡灰 分割线 标签描边 #d7d7d7 #暗白 内容背景 #f3f5f7 背景 #f8f8f8 18c 15AAFF 亮 0F77B2 暗 00894a 绿 **************/ .w1200{ width:1200px; clear:both; margin:0 auto; } .w1190{ width:1200px; clear:both; margin:0 auto; } .w100{ width:100%; min-width:1200px; clear:both; margin:0 auto; } a { color:#666666;} a:hover{ color:#18c;} /********* top *****************/ header .ding{ height:32px; line-height:32px; border-bottom:1px solid #ddd; background:#f2f2f2;} header .ding .gonggao{ width:350px; height:32px; overflow:hidden; background:url(img/xiaolaba.png) left center no-repeat; padding-left:25px; margin-right:30px;} header .ding .yuyan{ color:#ccc;} header .ding .yuyan a{ margin:0 10px;} header .ding .guanjianci a{ margin-right:10px;;} header .ding .sousuo { border:1px solid #666; margin-top:4px; height:22px;line-height:22px; background:#fff; border-radius:22px; overflow:hidden;} header .ding .sousuo input{ margin:0; padding:0 0 0 10px; width:150px; height:22px; border:none; display:block; float:left; outline:none; } header .ding .sousuo a{ display:block; float:right; padding:0 10px; background:#666; color:#fff;} header .logo{ margin:10px 0; height:80px;} header .tel{ margin:25px 0; height:50px; background:url(img/tel.jpg) left center no-repeat ; padding-left:60px;} header .tel p{ line-height:1.6em;} header .tel strong{ font-size:22px;} /******************************/ header .daohang{ height:42px; border-bottom:1px solid #0066CC; background-color:#18c; color:#fff;} header .daohang .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} header .daohang .navBar{ position:relative; height:42px; line-height:42px; color:#fff; } header .daohang .nav{ position:relative; width:1200px; margin:0 auto; } header .daohang .nav a{ color:#fff; } header .daohang .nav h3{ font-size:100%; font-weight:normal; } header .daohang .nav .m{ float:left; position:relative; z-index:1; } header .daohang .nav h3 a{ display:block; width:133px; text-align:center; font-size:16px; } header .daohang .nav .sub{ display:none; /*默认隐藏*/ position:absolute; left:-3px; top:43px; z-index:9999999; width:133px; border:1px solid #E6E4E3; border-top:0; background:#fff; } header .daohang .nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px; } header .daohang .nav .sub li a{ display:block; border-bottom:1px solid #E6E4E3; padding:5px 0; height:28px; line-height:28px; color:#666; font-family: Arial, simsun; } header .daohang .nav .sub li a:hover{ color:#00894a; font-weight:bold; } header .daohang .nav .block{ height:43px; width:135px; background:#00894a; position:absolute; left:0; top:0px; overflow:hidden; } /*********** ppt *******************/ /* 本例子css */ .fullSlide{ width:100%; position:relative; height:450px; } .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:450px; overflow:hidden; text-align:center; } .fullSlide .bd li a{ display:block; height:450px; } .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; } .fullSlide .hd ul{ text-align:center; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#18c; filter:alpha(opacity=80);opacity:0.8; line-height:999px; } .fullSlide .hd ul .on{ background:#00894a; } .fullSlide .prev, .fullSlide .next{ display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%; z-index:1; width:40px; height:60px; background:url(img/slider-arrow.png) -126px -137px no-repeat ; cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none; } .fullSlide .next{ left:auto; right:10%; background-position:-6px -137px; } /********* cpindex ****************/ .cpindex{ margin:40px auto; width:1150px;} .cpindex .cpleft{ width:260px ; border-radius:10px; border:1px solid #ddd; overflow:hidden; } .cpindex .cpleft ul li.d { background:url(img/libj.jpg) left bottom repeat-x; padding:0 10px 32px;;} .cpindex .cpleft ul li.d a.dlb{ display:block; height:50px; line-height:50px; font-size:24px; font-weight:bold;} .cpindex .cpleft ul li.d a.xlb{ display:inline-block; padding:5px 0; line-height:1em; margin-right:10px; } .cpindex .cplist{ width:860px; } .cpindex .cpzslist li{ width:240px; height:210px; border:1px solid #eee; float:left; overflow:hidden; margin:0 20px 20px; border-radius:4px; overflow:hidden;} .cpindex .cpzslist li .tu{ width:240px; height:170px;} .cpindex .cpzslist li .tu a{ display:table-cell; width:240px; height:170px; text-align:center; vertical-align:middle; } .cpindex .cpzslist li .tu a img{ max-height:170px; max-width:240px; text-align:center; vertical-align:middle; } .cpindex .cpzslist li .wen{ padding:0 10px; border-top:1px solid #eee;} .cpindex .cpzslist li .wen a{ display:block; height:40px; line-height:40px; text-align:center;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .cpindex .cpzslist li:hover{ border:1px solid #18c; } .cpindex .cpzslist li:hover .wen{ border-top:1px solid #18c; background:#18c;} .cpindex .cpzslist li:hover .wen a{ color:#fff} /******************/ .youshi{ width:1100px; margin:20px auto;} .youshi .xmlist{ padding:20px 0;} .youshi .xmlist .l0{ float:left;} .youshi .xmlist .l1{ float:right;} .youshi .xmlist .r0{ float:right;} .youshi .xmlist .r1{ float:left;} .youshi .xmlist .tu{ width:450px;} .youshi .xmlist .tu img{width:450px; border-radius:10px; overflow:hidden; } .youshi .xmlist .wen{ width:600px; overflow:hidden} .youshi .xmlist .wen .biaoti{ font-size:18px; height:50px; line-height:26px; color:#333; } .youshi .xmlist .wen .biaoti span{ width:50px; height:50px; border-radius:10px; overflow:hidden; display:block; float:left; margin-right:20px; background:#18c; color:#fff; text-align:center; line-height:50px; font-size:30px;} .youshi .xmlist .wen .biaoti p{ font-size:14px; color:#999;} .youshi .xmlist .wen .neirong{ padding-left:70px; margin-top:20px; line-height:1.75em; text-align:justify;} /* about */ .container{ width:1000px; margin:0 auto;} .about{width: 100%;overflow: hidden;background: url(img/310082300.gif) repeat-x;height: 710px;} .aboutCon1{width: 100%;overflow: hidden;background: url(Img/aboutBg2.jpg) right no-repeat #fff; center; height: 401px;margin-top: 50px;} .aboutCon1 .ConLeft{width: 866px;float: left;margin-left: 30px;} .aboutCon1 .ConLeft h3{font-size: 20px;color: #18c;font-weight: bold;margin: 30px 0 20px 0;} .aboutCon1 .ConLeft h3 span{font-size: 18px;color: #d7d0d0;font-family: Tahoma;margin-left: 4px;font-weight: normal;} .aboutCon1 .ConLeft dl{overflow: hidden;} .aboutCon1 .ConLeft dt{float: left;width: 400px;} .aboutCon1 .ConLeft dd{width: 420px;float: right; margin-right:20px;} .aboutCon1 .ConLeft dd h3{font-size: 16px;color: #333333;font-weight: bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin: 4px 0 12px 0;} .aboutCon1 .ConLeft dd h3 a{color: #333333;} .aboutCon1 .ConLeft dd .nr{font-size: 14px;color: #666666;line-height: 22px;text-overflow: ellipsis;overflow: hidden;height: 176px; text-align:justify} .aboutCon1 .ConLeft dd .details{background: #18c; border-radius:4px;} .aboutCon1 .ConLeft dd .details:hover{ background:#15AAFF;} .aboutCon1 .ConLeft dd .zx{background: #dd1136;} .aboutCon1 .ConLeft dd .details,.aboutCon1 .ConLeft dd .zx{display: inline-block;width: 115px;height: 35px;line-height: 35px;color: #fff;font-size: 13px;text-align: center;text-decoration: none;margin-top: 22px;} .aboutCon1 .ConLeft dd .details,.aboutCon1 .ConLeft dd .zx{*display: inline;} .about .aboutCon1 .ConRight{width: 230px;float: right;margin-right: 32px;} .aboutCon1 .ConRight h3{font-size: 20px;color: #18c;font-weight: bold;margin: 30px 0 20px 0;} .aboutCon1 .ConRight h3 span{font-size: 18px;color: #d7d0d0;font-family: Tahoma;margin-left: 4px;font-weight: normal;} .aboutCon1 .ConRight .box{width: 228px;height: 279px;border: 1px solid #eae9e9;position: relative;} .aboutCon1 .ConRight .box ul{width: 167px;height: 279px;margin: 0 auto;} .aboutCon1 .ConRight .box li{width: 167px;float: left;text-align: center;} .aboutCon1 .ConRight .box li img{display: block;margin-bottom: 10px;} .aboutCon1 .ConRight .box li span{font-size: 13px;color: #666666;display: block;} .aboutCon1 .ConRight .box i{display: block;width: 11px;height: 25px;background: url(Img/aboutBtn01.png) no-repeat left top;position: absolute;top: 114px;cursor: pointer;} .aboutCon1 .ConRight .box i.prev{left:11px;background: url(Img/aboutBtn01.png) no-repeat left top;} .aboutCon1 .ConRight .box i.next{right:11px;background: url(Img/aboutBtn02.png) no-repeat left top;} .aboutCon1 .ConRight .box i:hover{background-position: left bottom;} /* aboutCon2 */ .aboutCon2{width: 100%;overflow: hidden;height: 202px;background: #fff;margin-top: 10px;} .aboutCon2 h3{font-size: 20px;color:#18c;font-weight: bold; text-align: center;padding: 20px 0 10px; background:url(img/libj.jpg) no-repeat center bottom;} .aboutCon2 .box{width: 100%;overflow: hidden;position: relative;margin-top: 20px;} .aboutCon2 .box ul{width: 1130px;margin: 0 auto; overflow:hidden;} .aboutCon2 .box li{float: left;margin-left: 17px;width: 260px;text-align: center; overflow:hidden;} /*.aboutCon2 .box li:first-child{margin-left: 0;}*/ .aboutCon2 .box img{display: block;margin-bottom: 16px;} .aboutCon2 .box span{display: block;font-size: 14px;color: #666666;} .aboutCon2 .box i{display: block;width: 11px;height: 25px;background: url(Img/aboutBtn01.png) no-repeat left top;position: absolute;top: 43px;cursor: pointer;} .aboutCon2 .box i.prev{left:20px;background: url(Img/aboutBtn01.png) no-repeat left top;} .aboutCon2 .box i.next{right:20px;background: url(Img/aboutBtn02.png) no-repeat left top;} .aboutCon2 .box i:hover{background-position: left bottom;} /* 本例子css */ .gsjjfocusBox { position: relative; width: 400px; height: 275px; overflow: hidden; text-align: left; border-radius:6px; overflow:hidden; } .gsjjfocusBox .pic img { width: 400px; height: 275px; display: block; } .gsjjfocusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; } .gsjjfocusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; } .gsjjfocusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;} .gsjjfocusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; } .gsjjfocusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; } .gsjjfocusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; } .gsjjfocusBox .num li a,.gsjjfocusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } .gsjjfocusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; } .gsjjfocusBox .num li.on a,.gsjjfocusBox .num a:hover{ background:#18c; } /*********************/ .gsjjindex{ padding:50px 0; background:#fff;} .gsjjindex .tit{ font-size:26px; color:#222; margin-bottom:20px; } .gsjjindex .kuan3{ width:380px; height:450px;verflow:hidden; box-shadow:0px 2px 4px #ddd; } .gsjjindex .kuan3:hover{ box-shadow:0px 2px 4px #999; } .gsjjindex .mr20{ margin-right:25px;} .gsjjindex .kuan3 .tu{ height:180px; overflow:hidden; font-size:0; line-height:0; } .gsjjindex .kuan3 .tu img{ width:100%; height:180px; border:none; } .gsjjindex .kuan3 .biaoti a{ height:40px; line-height:40px; font-size:16px; padding:0 10px 5px;; color:#111; border-bottom:1px solid #ddd; display:block; background:url(img/libj.jpg) bottom repeat-x; } .gsjjindex .kuan3 .biaoti a span{ float:right; margin-right:6px; color:#999; } .gsjjindex .kuan3 .wen{padding:10px 10px 0; line-height:1.85em; color:#333; height:200px ; overflow:hidden;} .gsjjindex .kuan3 .wen ul.xwlistindex li{ height:34px;; overflow:hidden; border-bottom:1px dotted #ddd;} .gsjjindex .kuan3 .wen ul.xwlistindex li a{ display:block; line-height:34px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-left:10px; background:url(img/dot.png) left center no-repeat; } .gsjjindex .kuan3 .wen ul.xwlistindex li:hover a{ background:url(img/doth.png) left center no-repeat; color:#18c; } /********* foot ***************/ footer .footer{ margin:20px auto 0; border-top:1px solid #15AAFF; background:#18c; color:#fff;} footer .footer a{ color:#fff;} footer .footer .links { line-height:30px; border-bottom:#0F77B2 solid 1px; padding:5px 0; text-align:center;} footer .footer .links a{ padding:0 30px;} footer .footer .zhongjian{ margin:20px auto;} footer .footer .zhongjian .logo { padding-right:40px; border-right:1px solid #0F77B2; } footer .footer .zhongjian .lianxi{ margin-left:40px;} footer .footer .zhongjian .lianxi .tit{ font-size:20px; letter-spacing:5px; padding-left:30px;} footer .footer .zhongjian .lianxi p{ margin:14px 0; padding-left:30px; background:url(img/footdht.png) no-repeat; line-height:22px;} footer .footer .zhongjian .lianxi p.dh{ background-position: left center;} footer .footer .zhongjian .lianxi p.email{ background-position: -2px -70px;} footer .footer .zhongjian .lianxi p.phone{ background: url(img/phoneico.png) left center no-repeat;} footer .footer .copyright{ padding:10px 0; background-color:#0F77B2; text-align:center; color:#fff;} footer .footer .copyright a{ color:#fff;} /***********分页 *******************/ .pagination{list-style:none;margin:20px auto;padding:0; text-align:center; display:inline-block;vertical-align:bottom; width:840px;} .pagination li{display:inline-block;border:solid 1px #ddd; margin:2px; text-align:center; border-radius:4px; overflow:hidden;} .pagination a{color:#999;padding:4px 8px;line-height:18px;display:block;} .pagination a:hover ,.pagination li.thisclass a{ background:#18c; color:#fff;} .hengfu{ margin:0; line-height:0; font-size:0;} .hengfu img{ width:100%; display:block; margin:0 auto;} /******** gsjj **********/ /* 18c 15AAFF 亮 0F77B2 暗 */ .main{margin:40px auto;} .main .lefts{ width:255px; border-radius:4px; overflow: hidden } .main .lefts .tit{ height:55px; line-height:55px; color:#fff; font-size:18px; background:url(img/border.jpg) right top no-repeat #18c; padding-left:30px; } .main .lefts .fenleilist{ background:#f2f2f2; } .main .lefts .fenleilist ul.fllist{ padding:0; margin-top:1px;} .main .lefts .fenleilist ul.fllist li a{ display:block; padding:0 10px 0 30px; line-height:40px; border-top:1px solid #fff;; background:#f5f5f5 url(img/doth.png) 225px center no-repeat;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .main .lefts .fenleilist ul.fllist li a:hover{ background:#15AAFF url(img/dotb.png) 225px center no-repeat; color:#fff;} .main .lefts .fenleilist ul.fllist li a.on{ background:#15AAFF url(img/dotb.png) 225px center no-repeat; color:#fff; } .main .lefts .fenleilist ul.fllist .xiaoliebie{ background:#18c; padding:10px; display: none; } .main .lefts .fenleilist ul.fllist .xiaoliebie.displayon{ display:block;} .main .lefts .fenleilist ul.fllist .xiaoliebie a{ color:#fff; display:block; font-size:12px; font-family:simsun; line-height:18px; padding:5px 0 5px; margin-bottom:1px;} .main .lefts .fenleilist ul.fllist .xiaoliebie a i{ padding:0 10px; font-weight:bolder; font-style:normal; } .main .lefts .fenleilist ul.fllist .xiaoliebie a:hover , .main .lefts .fenleilist ul.fllist .xiaoliebie a.on{background:#0F77B2;} .main .lefts .lxwmleft{ margin-top:20px; border-radius:4px; overflow: hidden } .main .lefts .lxwmleft .wen{ padding:10px; background:#f2f2f2; } .main .rights{ width:900px; border-radius:4px; overflow: hidden; border:1px solid #eee;} .main .rights .tit{ height:55px; line-height:55px; color:#18c; font-size:18px; padding:0 20px; border-bottom:1px solid #eee; } .main .rights .tit span{ float:right;font-size:14px; color:#666; background:url(img/homeico.png) left center no-repeat; padding-left:20px;} .main .rights .xiangxineirong{ width:860px; overflow:hidden; margin:10px auto; line-height:1.75em; } .main .rights .xiangxineirong img{ max-width:860px;} .main .rights .xiangxineirong table{ max-width:860px; width:100%; border-collapse:collapse; } .main .rights .xiangxineirong table td{ padding:2px 5px;} .main .rights .xiangxineirong .xmlb .cptitle{ font-size:24px; line-height:50px; text-align:center; font-weight:bold;} .main .rights .xiangxineirong .xmlb { padding:30px 20px; } /*.main .rights .xiangxineirong table tr:hover{ background:#eee;}*/ /************新闻***************/ .main .rights .xinwenlist{ width:860px; overflow:hidden; margin:10px auto; line-height:1.75em; } .main .rights .xinwenlist li{ height:80px; padding:10px; border-bottom:1px dotted #ddd; overflow:hidden;} .main .rights .xinwenlist li:hover{ background:#f7f7f7; } .main .rights .xinwenlist li .rq{ width:60px; height:60px; background:#f2f2f2; padding:10px; text-align:center; color:#666; border-radius:4px; overflow:hidden;} .main .rights .xinwenlist li:hover .rq{ background:#18c; color:#fff; } .main .rights .xinwenlist li .rq p{ font-size:20px; line-height:40px; border-bottom:1px dotted #ccc; } .main .rights .xinwenlist li .rq span{ font-size:12px; line-height:20px; } .main .rights .xinwenlist li .wen{ width:740px; height:80px; } .main .rights .xinwenlist li .wen .bt{ height:30px; color:#333; line-height:30px; font-size:16px; border-bottom:1px dotted #eee; margin-bottom:2px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .main .rights .xinwenlist li .wen .nr{ height:50px; line-height:24px; color:#999; font-size:12px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .main .rights .xiangxineirong .biaoti{ margin:10px auto ; border-bottom:1px dotted #ddd; } .main .rights .xiangxineirong .biaoti h2{ font-size:18px; line-height:28px; text-align: center; } .main .rights .xiangxineirong .biaoti p { color:#999; font-size:12px ; text-align:center;} /*************产品*******************/ .main .rights .cpzslist{ width:890px; overflow:hidden; margin:10px auto; } .main .rights .cpzslist li{ width:270px; height:240px; border:1px solid #eee; float:left; overflow:hidden; margin:12px; border-radius:4px; overflow:hidden;} .main .rights .cpzslist li .tu{ width:270px; height:200px;} .main .rights .cpzslist li .tu a{ display:table-cell; width:270px; height:200px; text-align:center; vertical-align:middle;} .main .rights .cpzslist li .tu a img{ max-height:200px; max-width:270px; text-align:center; vertical-align:middle;} .main .rights .cpzslist li .wen{ padding:0 10px; border-top:1px solid #eee;} .main .rights .cpzslist li .wen a{ display:block; height:40px; line-height:40px; text-align:center;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .main .rights .cpzslist li:hover{ border:1px solid #18c; } .main .rights .cpzslist li:hover .wen{ border-top:1px solid #18c; background:#18c;} .main .rights .cpzslist li:hover .wen a{ color:#fff} .main .rights .xiangxineirong .cptu{ margin:20px auto; text-align:center;} .main .rights .xiangxineirong .xxjstit{ margin:10px auto; border-bottom:1px solid #18c; height:32px; } .main .rights .xiangxineirong .xxjstit span { background:#18c; line-height:32px; display:block; float:left; padding:0 10px; color:#fff;border-radius:4px 4px 0 0; overflow:hidden; } #ifocus { width:854px; height:340px; border:1px solid #DEDEDE; background:#F8F8F8; } #ifocus_pic { display:inline; position:relative; float:left; width:720px; height:325px; overflow:hidden; margin:6px 0 0 6px; } #ifocus_pic .fangdajing{ position:absolute; bottom:0; right:0; width:138px; height:100px; z-index:99999;} #ifocus_piclist li { width:720px; height:325px; overflow:hidden;} #ifocus_piclist img { /*width:720px; height:325px;*/ max-width:720px; max-height:325px; } #ifocus_btn { display:inline; float:right; margin-top:9px; width:108px; padding-right:5px;} #ifocus_btn li { width:80px; height:50px; padding:2px; margin:0 0 10px 0; border:1px solid #ddd; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); } #ifocus_btn img { width:80px; height:50px; } #ifocus_btn .on{ border:1px solid #18c; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); } .cpxiangqing { width: 858px; overflow: hidden; } .cpxiangqing .tab-hd { height: 39px; background-color: #eee; margin-bottom: -1px; color: #404040; } .cpxiangqing .tab-hd ul { padding-top: 4px; margin-left:30px; margin-bottom:10px; } .cpxiangqing .tab-hd li{ float: left; height: 34px; line-height: 36px; border-top: 1px solid #eee; padding:0 30px; } .cpxiangqing .tab-hd li.on{ border: 1px solid #d5d5d5; border-bottom: none; color:#18c; background-color: #fff; font-weight: bold; position: relative; margin-left: -1px; margin-right: -1px; } .cpxiangqing .tab-bd { border-top: 1px solid #e8e8e8; padding:5px; } .cpxiangqing .tab-bd ul{ overflow:hidden; zoom:1; } .cpxiangqing .tab-bd li { height: 22px; line-height: 22px; padding: 0 10px 0 5px; overflow: hidden; width: 125px; float: left; } /*******zxly********************/ .main .rights .xiangxineirong .zxly{ margin:20px auto ; width:700px;} .main .rights .xiangxineirong .zxly input{ height:30px; width:250px; border:1px solid #ddd; outline:none; border-radius:4px; margin:5px ; padding:0 5px;} .main .rights .xiangxineirong .zxly textarea{ border:1px solid #ddd; outline:none; border-radius:4px; margin:5px ; padding: 5px;} /********************************/ .main .rights ul.jishuzclist{ width:860px; overflow:hidden; margin:10px auto; } .main .rights ul.jishuzclist li{ height:150px; padding:10px; border-bottom:1px dotted #ddd; overflow:hidden;} .main .rights ul.jishuzclist li .tu{ width:200px; height:150px; overflow:hidden;} .main .rights ul.jishuzclist li .tu img{ width:200px; height:150px;} .main .rights ul.jishuzclist li .wen{ width:620px; height:150px; overflow:hidden;} .main .rights ul.jishuzclist li .wen .bt{ height:30px; color:#333; line-height:30px; font-size:16px; border-bottom:1px dotted #eee; margin-bottom:5px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .main .rights ul.jishuzclist li .wen .nr{ height:66px; line-height:22px; color:#999; font-size:12px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .main .rights ul.jishuzclist li .wen .more{ height:30px; padding-top:10px; } .main .rights ul.jishuzclist li .wen .more a { width:100px; height:30px; display:block; line-height:30px; text-align:center; border-radius:4px; overflow:hidden; border:1px solid #ddd; color:#999; background:#fff; } .main .rights ul.jishuzclist li:hover .wen .more a{ background:#18c; color:#fff; border:1px solid #18c;} .main .rights ul.jishuzclist li:hover .wen .bt a{ color:#18c; } .main .rights ul.jishuzclist li:hover { background:#fafafa;} .gcshow{ margin:40px auto; text-align:center;} .gcshow h1{ background:url(img/libj.jpg) center bottom no-repeat; padding-bottom:20px;} .gcshow li{ display:block; float:left; width:360px; margin:20px; } .gcshow li .tu,.gcshow li .tu img{ width:360px; height:260px; display:block; overflow:hidden;} .gcshow li .wen{ line-height:20px; text-align:center; font-size:16px; padding:15px 10px; border:1px solid #ddd; }