.header{ background: #e3f1f9; padding: 18px 0; position: relative;z-index: 11; } .wrap{ width:1000px ; margin: 0 auto; } .header .wrap{ display: flex; align-items: center; justify-content: space-between; } .banner .wrap{ position: relative; } .banner .btxtc{ position: absolute; left: 7.5%; top: 11%; z-index: 11; } .banner .btxtc h3{ font-size: 37px; font-weight: bold; color: #fff; } .banner .btxtc h4{ font-size: 22px; font-weight: bold; color: #fff; margin: 18% 0 0; } .header .logo{ width: 358px; } .header .logo a{ display: flex; align-content: center; } .header .logo .ltxt{ margin: 0 0 0 15px; } .header .logo h2{ font-size: 28px; color: #1a3560; font-weight: bold; letter-spacing: 2px; } .header .logo h3{ font-size: 15px; color: #1a3560; font-weight: bold; } .header .rtc{ display: flex; justify-content: space-between; align-items: center; } .chen{ width: 100px; margin-right: 30px; position: relative; } .chen h3{ border: 1px solid #959595; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 6px;overflow: hidden; background: url(../images/qms25.png) no-repeat right 7px center; background-size: 9px auto !important; } .chen i{ font-size:14px ; line-height: 26px; color: #666666; padding-left: 26px; background-size: 22px auto !important; display: block; } .chen dl{ position: absolute; left: 0;right: 0; top: 100%; background: #e3f1f9; border: 1px solid #959595; border-top: none;margin-top: -2px; border-radius: 0 0 4px 4px; display: none; } .chen dl dd{ padding: 0 7px; } .header .rform{ background: #c5e2f2; padding: 6px 10px 8px; } .header .rform h6{ font-size:14px ; line-height: 1.7; color: #2684b7; margin-bottom: 5px; } .header .rform dl{ display: flex; justify-content: space-between; align-items: center; } .header .rform .txt{ border: 1px solid #51aadb; border-radius: 3px; background: #e0eff8; height: 25px; padding: 0 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 14px; } .header .rform dd{ margin-right: 6px; } .header .rform .btn{ width: 76px; background: linear-gradient(to bottom,#299ccd,#2687ba); text-align: center; font-size: 14px; color: #fff; font-weight: bold; border-radius: 3px; border: none; line-height: 25px; text-transform: uppercase; } .header .rform dd:nth-child(1){ width: 110px; } .header .rform dd:nth-child(2){ width: 94px; } .header .rform dd:nth-child(3){ width: 73px; } .naver{ background: #000000; } .naver .wrap{ display: flex; justify-content: space-between; align-items: center; } .naver ul{ display: flex; } .naver li{ position: relative; } .naver li::before{ content: ""; position: absolute; right: 0;z-index: 1; top: 50%; height: 16px; transform:translateY(-50%); -ms-transform:translateY(-50%); /* IE 9 */ -moz-transform:translateY(-50%); /* Firefox */ -webkit-transform:translateY(-50%); /* Safari 鍜 Chrome */ -o-transform:translateY(-50%); width: 1px; background:#383838 ; } .naver li a{ font-size:15px ; line-height:48px ; color: #ffffff; padding: 0 24px; display: block; position: relative; z-index: 11; } .naver li i{ display: block; position: absolute; left: 0;right: 0; bottom: 0;height: 0; background: #2684b7; display: block; z-index: 1; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 鍜 Chrome */ -o-transition:all 0.3s; } .naver li.on i, .naver li:hover i{ height: 100%; } .naver .nsearch{ display: flex; align-items: center; } .naver .nsearch .txt{ width: 180px; height: 27px; font-size: 14px; color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: none; background: #525252; border-radius: 5px; padding: 0 10px; } .naver .nsearch .btn{ background: #2684b7; border-radius: 5px; text-align: center; line-height: 27px; border: none; cursor: pointer; margin-left: 3px; width: 76px; } .naver .nsearch .btn i{ padding-left:18px ; font-size: 14px; color: #fff; background: url(../images/qms1.png) no-repeat left center/14px auto; } .banner{ margin: 0px 0 0; } .banner img{ width: 100%; display: block; } .hbanner .wrap{ margin-top: 5px; overflow: hidden; height: 300px; } .hbanner .wrap .ban{ float: right; width:380px ; height: 100%; position: relative;overflow: hidden; } .hbanner .spans{ position: absolute; right: 20px;left: auto; bottom: 20px;z-index: 11; width: auto; } .hbanner .spans span{ width: 8px; height: 8px; border-radius: 50%; background: #fff; } .hbanner .ban2{ width: calc(100% - 385px); height: 100%; position: relative; overflow: hidden; } .hbanner .ban2 a{ display: block; height: 100%; } .hbanner .ban2 .text{ padding: 35px; } .hbanner .ban2 .text h2{ font-size: 28px; line-height: 1.5; color: #ffffff; height: 3em; /* overflow: hidden; */ } .hbanner .ban2 .text p{ font-size: 16px; line-height: 1.5; color: #ffffff; opacity: 0.74; margin: 15px 0 30px; height: 6.9em; /*overflow: hidden; */ } .umore{ font-size: 16px; color: #ffffff; text-decoration: underline; } .hlist{ margin-top:15px ; } .hlist ul{ overflow: hidden; } .hlist li{ float: left; width: calc((100% - 18px)/3); margin: 0 8px 8px 0; padding: 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .hlist li:nth-child(3n){ margin-right: 0; } .hlist li a{ display: block; overflow: hidden; } .hlist li .pic{ width: 110px; height: 182px; overflow: hidden; float: left; } .hlist li .pic img{ width: 100%; height: 100%; display: block; object-fit: cover; } .hlist li .text{ float: right; width: calc(100% - 120px); } .hlist li .text h2{ font-size: 14px; line-height: 2; color: #232323; border-bottom: 1px solid #d2d2d2; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight: bold; margin-bottom: 10px; } .hlist li .text .txt{ height: 130px; overflow-x: hidden; /* overflow-y: scroll; */ font-size: 14px; color: #666666; } .hlist li .text .txt p a{ color: #666666; } .hlist li:nth-child(1) .text .txt, .hlist li:nth-child(2) .text .txt{ } .lmore{ width: 70px; line-height: 29px; text-align: center; font-size: 14px; color: #ffffff; background: #666666; margin-top: 15px; display: block; } .hlist li .text h2{ position: relative; } .hlist li .text h2 .lmore{ width: auto; font-size: 12px; color: #333; background: none; margin: 0;position: absolute; right: 0;top: 0; } .lmore:hover{ background: #2684b7; } .hlist li a:hover .text h2 .lmore, .hlist li .text h2 .lmore:hover{ color: #2684b7; background: none; } /*瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ ::-webkit-scrollbar { width: 3px; height: 3px; background-color: #f5f5f5; border-radius: 10px; } /*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #f5f5f5; } /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ ::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #2684b7; } .hpage1{ margin-top:5px ; } .hpage1 .wrap{ overflow: hidden; } .hpage1 .habout{ width: 645px; float: left; } .hpage1 .hnews{ float: right; width: 320px; } .tit{ border-bottom: 1px solid #707070; line-height: 30px;padding: 8px 0; font-size: 16px; color: #232323; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; min-height: 46px; } .habout .dels{ font-size: 16px; color: #fff; line-height: 1.7; margin-top: 15px; background: #2684b7; padding: 15px; } .habout .dels h3{ color: #fff; font-size: 18px; margin-bottom: 25px; font-weight: bold; } .habout .dels ul{ margin-left: 2em; margin: 10px 0; } .habout .dels ul li{ display: flex; font-size: 16px; color: #fff; } .habout .dels .lmore{ background: #fff; color: #2684b7; cursor: pointer; } .hnews .pic{ height: 135px; overflow: hidden; margin-top: 20px; } .hnews .pic img{ width: 100%; height: 100%; display: block; object-fit: cover; } .hnews li{ padding: 18px 0; border-bottom: 1px solid #eeeeee; } .hnews li:last-child{ border-bottom: none; } .hnews li a{ display: flex; justify-content: space-between; } .hnews li .img{ overflow: hidden; } .hnews li img{ width: 112px; height: 85px; object-fit: cover; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 鍜 Chrome */ -o-transition:all 0.3s; } .hnews li .txt{ width: calc(100% - 125px); } .hnews li .txt h3{ font-size: 16px; line-height: 1.6; color: #363636; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight: bold; } .hnews li .txt p{ font-size:14px ; line-height: 1.6; color: #666666; } .footer{ background: #efefef; padding-top: 40px; margin-top: 40px; } .footer .wrap{ display: flex; justify-content: space-between; } .footer dl{ width:190px ; } .footer dt{ font-size: 16px; line-height: 2; color: #363636; border-bottom: 1px solid #d2d2d2; margin-bottom: 10px; } .footer dd h6, .footer dd a{ font-size:14px ; line-height: 2; color: #666666; display: inline-block; } .footer dd .weix img{ width: 100px; display: block; } .footer .copyright{ margin-top: 30px; padding: 18px 0; text-align: center; border-top: 1px solid #e5e5e5; display: block; } .footer .copyright a{ display: inline-block; font-size: 14px; line-height: 1.6; color: #999999; } .crumbs{ margin: 10px 0 15px; } .crumbs li{ display: inline-block; } .crumbs li i, .crumbs li a{ font-size:16px ; line-height: 2; color: #999999; display: inline-block; } .crumbs li a:hover{ color: #000; } .ult{ float: left;width: 680px; } .urt{ float: right; width: 290px; } .case .list{ /*height: 660px;*/ /*overflow-x: hidden;*/ /*overflow-y: scroll;*/ margin-top: 16px; } .case .list ul{ overflow: hidden; } .case .list li{ float: left; width: calc((100% - 15px)/4); margin: 0 5px 5px 0; } .case .list li:nth-child(4n){ margin-right: 0; } .case .list li a{ display: block; border: 1px solid #d2d2d2; height: 250px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 25px 9px 0; } .case .list li .lo{ height: 55px; } .case .list li .lo img{ max-width: 100%; /*max-height: 100%;*/ display: block; object-fit: cover; margin: auto; height: 110%; } .case .list li .txt{ text-align: center; margin-top: 20px; } .case .list li h3{ font-size: 18px; line-height: 1.6; color: #232323; } .case .list li p{ font-size: 14px; line-height: 1.6; color: #666666; margin-top: 10px; } .cnews{ margin-top: 0px; } .cnews ul{ margin-top: 10px; } .cnews li a{ display: block; padding: 10px 0; } .cnews li{ position: relative; } .uuline dd::after, .uuline dd::before, .uuline li::before, .uuline li::after{ position: absolute; left: 0;right: 0; bottom: 0;content: ""; height: 1px; background: #eeeeee; } .uuline dd::after, .uuline li::after{ width: 0; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 鍜 Chrome */ -o-transition:all 0.3s; background: #2684b7; z-index: 11; } .uuline dd:hover::after, .uuline li:hover::after{ width: 100%; } .cnews li h3{ font-size: 16px; line-height: 1.6; color: #232323; font-weight: bold; } .cnews li h6{ font-size: 14px; line-height: 1.6; color: #999999; margin: 5px 0; } .cnews li p{ font-size:14px ; line-height: 1.6; color: #999999; } .mores{ margin-top: 20px; } .mores a{ font-size: 14px; color: #2684b7; line-height: 2; display: inline-block; } .hxuqiu{ margin-top: 20px; } .hxuqiu ul{ margin-top: 15px; display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 500px; } .hxuqiu ul li{ width: calc((100% - 18px)/2); margin-bottom: 15px; } .hxuqiu ul li h5{ font-size:14px ; line-height:2; color: #232323; } .hxuqiu ul li h5 i{ color: #f50000; } .hxuqiu ul li .txt{ font-size:14px ; height: 36px; color: #333; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999999; border-radius: 5px; padding: 0 14px; } .hxuqiu ul li:last-child{ width: 100%; } .hxuqiu ul li .txt1{ resize: none; padding: 10px 14px; height: 68px; } .umbtn{ display: flex; } .umbtn .bt{ display: block; font-size:14px ; line-height: 36px; color: #2684b7; border: 1px solid #2684b7; border-radius: 5px; width: 115px;margin-right: 12px; text-align: center; } .umbtn .bt:hover, .umbtn .bt.on{ color: #fff; background: #2684b7; } .utab ul{ margin-top: 10px; } .utab li a{ display: block; font-size: 16px; color: #232323; padding-left: 12px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 48px; background: url(../images/qms11.png) no-repeat left center/6px auto; } .utab li{ position: relative; } .ulink{ margin-top: 30px; } .ulink ul{ margin-top: 10px; } .ulink ul a{ display: block; font-size: 14px; line-height: 2; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #666666; } .ulink ul a:hover{ color: #2684b7; } .team{ padding: 0px 0; } .team h3{ font-size: 26px; line-height: 1.7; color: #232323; } .uuline li{ position: relative; } .team .uuline li a{ padding: 28px 0 40px; display: flex; justify-content: space-between; } .team .uuline{ margin-bottom: 30px; } .team .uuline li .pic{ width: 104px; height: 130px; overflow: hidden; } .team .uuline li .pic img{ width: 100%;height: 100%;display: block;object-fit: cover; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 鍜 Chrome */ -o-transition:all 0.3s; } .team .uuline li .text{ width: calc(100% - 128px); } .team .uuline li .text h2{ font-size:24px ; line-height: 1; color: #232323; } .team .uuline li .text h2 i{ font-size: 16px; } .team .uuline li .text h3{ font-size: 16px; line-height: 1.7; color: #232323; margin-bottom: 10px; margin-top: 5px; } .team .uuline li .text p{ font-size: 16px; line-height: 1.7; color: #000; } .team .uuline li #jcontent{ height:250px; overflow:auto; } .team .uuline li .mores{ margin-top: 20px; font-size: 14px; color: #2684b7; } .team .hxuqiu{ margin-top: 30px; } .mianze .dels{ font-size:16px ; line-height: 1.8; margin-top: 20px; } .naver li .nli{ position: absolute; left: 0; right: 0; top: 100%; display: none; } .naver li .nli dl{ background: #000; border-radius: 7px; text-align: center; margin-top: 13px; } .naver li .nli dd a{ display: block; font-size: 14px; color: #ffffff; line-height: 36px; padding: 0; } .naver li .nli dd{ position: relative; } .naver li .nli dd:first-child::before{ content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #000000; position: absolute; left: 0;right: 0; bottom: 100%; margin: 0 auto; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 鍜 Chrome */ -o-transition:all 0.3s; } .naver li .nli dd a:hover{ background: #2684b7; color: #fff; } .naver li .nli dd:first-child a{ border-radius: 7px 7px 0 0; } .naver li .nli dd:last-child a{ border-radius: 0 0 7px 7px; } .naver li .nli dd:first-child:hover::before{ border-bottom: 8px solid #2684b7; } .pages{ margin: 30px 0; text-align: center; } .pages dl{ display: flex; justify-content: center; align-items: center; } .pages dd{ margin: 0 3px; } .pages dd a{ font-size: 14px; line-height: 28px; color: #666666; padding: 0 12px; border: 1px solid #d2d2d2; border-radius: 3px; line-height: 28px; display: block; } .pages dd.on a, .pages dd a:hover{ background: #2684b7; color: #fff; border-color: #2684b7; } .ulink li a i{ display: inline-block; font-size: 12px; line-height: 13px; width: 13px; border-radius: 2px; background: #bfbfbf; text-align: center; margin-right: 6px; color: #fff; } .ulink li:nth-child(1) a i{ background: #e65d4e; } .ulink li:nth-child(2) a i{ background: #2684b7; } .ulink li:nth-child(3) a i{ background: #ed8600; } .hdtit{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #707070; padding-bottom: 10px; } .hdtit h1{ font-size: 24px; line-height: 1.6; color: #232323; } .hdtit h6{ font-size: 14px; line-height: 1.6; color: #999999; } .case .dels{ font-size: 16px; color: #666666; line-height: 1.7; margin-top: 15px; margin-bottom: 20px; } .prnt a{ display: block; font-size: 16px; line-height: 1.6; color: #666666; margin-bottom: 10px; } .yewu .hd h2{ font-size:17px ; line-height: 1.6; color: #1f4e79; font-weight:bold } .yewu .hd .dels{ font-size:16px ; line-height: 1.7; color: #456b90; margin-top: 10px; } .yewu .hd{ padding: 20px 0; } .yewu .bd li{ background: #f7f7f7; padding: 14px; margin-bottom: 18px; } .yewu .bd li .item{ overflow: hidden; } .yewu .bd li .item .pic{ float: left; width: 165px; height: 115px; overflow: hidden; background: #fff; /* padding: 12px; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .yewu .bd li .item .pic img{ width: 100%;height: 100%;display: block;object-fit: cover; } .yewu .bd li .txt{ float: right; width: calc(100% - 175px); background: #2e75b6; height: 115px; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .yewu .bd li .txt h3{ font-size: 18px; line-height: 1.6; color: #fff; /* margin-top: 10px;*/ } .yewu .bd li .txt p{ font-size: 20px; line-height: 1.6; color: #fff; margin-top: 6px; font-weight: bold; } .yewu .bd li .dels{ font-size: 16px; line-height: 2; color: #666666; margin-top: 20px; } .yewu .bd li:nth-child(2n) .item .pic{ float: right; } .yewu .bd li:nth-child(2n) .item .txt{ float: left; } .uuline li dl{ border-top: 1px solid #eeeeee; padding-left: 30px; display: none; } .uuline li dd a{ padding-left: 0; background: none; color: #666666; } .uuline li dd { position: relative; } .uuline li dd:last-child::before, .uuline li dd:last-child::after{ border-bottom: none; } .ulink h4 a{ font-size:14px ; line-height: 1.2; color: #363636; margin-top: 10px; } .ulink h4 a:hover{ color: #2684b7; } .ulink .dels{ font-size:14px ; line-height: 1.7; color: #666666; } .ulink .tit{ margin-bottom: 15px; } .ulink .dels1{ font-size:14px ; line-height: 1.7; color: #666666; margin: 10px 0; } .naver .chen{ display: none; } .uuweb{ display: none; } .hbanner .wrap .ban img{ width: 100%;height: 100%;display: block;object-fit: cover; } .pages *:before, .pages *::after{ display: none; } .ulink .pic img{ width: 100%;display: block; } .header .rform .btn{ cursor: pointer; } .naver .nsearch .btn:hover, .header .rform .btn:hover{ background: #2687ba !important; } .cnews li a:hover h3, .utab li a:hover{ color: #2687ba; } .hxuqiu ul li .txt:focus{ border-color: #2684b7; } .footer dd a:hover{ color: #000; } .hlist li a:hover .lmore{ background: #2684b7; } .team .uuline li a:hover h2{ color: #2684b7; } .mask{ position: fixed; left: 0;right: 0; top: 0;bottom: 0;z-index: 11; background: rgba(0,0,0,0.5); display: none; } .teamtc{ position: fixed; left: 0;right: 0; top: 20%;z-index: 12; max-width: 900px; margin: 0 auto; background: #fff; border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 24px; display: none; } .teamtc li{ padding: 0; display: flex; justify-content: space-between; } .teamtc li::before, .teamtc li::after{ display: none; } .teamtc .team{ padding: 0; } .teamtc .team .uuline li .pic{ width: 140px; height: 180px; } .teamtc .team .uuline li .text{ width: calc(100% - 165px); } .teamtc .team .uuline{ margin-bottom: 0; } .teamtc .team .uuline li .text h3{ border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; } .teamtc .icon{ position: absolute; right: 20px;top: 20px; width: 30px;cursor: pointer; height: 30px; background: url(../images/wwico1.png) no-repeat center/70% auto !important; transition:all 0.3s; -ms-transition:all 0.3s; /* IE 9 */ -moz-transition:all 0.3s; /* Firefox */ -webkit-transition:all 0.3s; /* Safari 鍜 Chrome */ -o-transition:all 0.3s;z-index: 11; } .teamtc .icon:hover{ transform:rotate(720deg); -ms-transform:rotate(720deg); /* IE 9 */ -moz-transform:rotate(720deg); /* Firefox */ -webkit-transform:rotate(720deg); /* Safari 鍜 Chrome */ -o-transform:rotate(720deg); } .teamtc.teamtc2 li{ display: block; font-size: 16px; } .teamtc.teamtc2 .team .uuline li .text{ width: auto; } .naver{ position: relative;z-index: 11; } .yewu .hd{ background: #deebf7; padding: 15px; margin: 15px 0; color: #fff; } .team .wrap>h3{ padding: 50px; margin: 15px 0; color: #fff; text-align: center; } .team .wrap>h3 p{ font-size: 0.6em; } .ulink .tit{ display: flex;align-items: center; justify-content: space-between; } .pagination{padding:10px 0; text-align:center;} .pagination li{border-radius:3px; border:1px solid #dfdfdf;display:inline-block;margin:0 2px;} .pagination .active{background:#2687ba; color:#FFF; border-color:#2687ba; margin:0 2px;} .pagination .disabled{color:#aaa;} .pagination a{ border-radius:3px;display:inline-block; padding:5px 12px;} .pagination span{border-radius:3px;display:inline-block;padding:5px 12px;} .nodata{ display:block; text-align:center; color:#999999; padding:20px; }