body{font-size:12px;font-family: "微软雅黑",Arial,SimSun !important;} * {margin: 0px;padding: 0px;} ul,li,ol {list-style-type: none;} .clear {clear: both;} .fn-clear{height:0px;line-height:0px;font-size:0px;clear:both;} .fn-clear:after{ content: '';} a {color: #333;text-decoration: none;} a:hover {text-decoration: underline;} img{border:0px;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: none 0px; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input,textarea { font-size: 14px; } * { _noFocusLine: expression(this.hideFocus=true); } /* Removes dotted lines around links */ /*-----------------------------------------------------------------------------------*/ /* 2. Document Setup (body, common classes, structure etc) /*-----------------------------------------------------------------------------------*/ body { font: 13px "微软雅黑", Helvetica, Arial, sans-serif; background:#fff; margin:0px; padding:0px; color:#686868; } #wrapper { background:#fff;padding-top:86px; position:relative; overflow: hidden; } .select-menu { color:#444; } .menu-icon { display:none; } a { text-decoration:none; -webkit-transition:color 0.2s linear; -moz-transition:color 0.2s linear; -o-transition:color 0.2s linear; transition:color 0.2s linear; } a:focus , a:link, a:active { outline:none; } a:hover { color:#444; } .clear { clear:both; } .aligncenter { text-align:center; margin: 0 auto; display: block; } .align-center { text-align:center; } .no-page { width: 270px; position:relative; margin:0 auto; /* height: 20px; */ } .alignleft { text-align:left; float: left; margin: 0 20px 20px 0; } .alignright { text-align:right; float: right; margin: 0 0 20px 20px; } strong { font-weight:700; } .sticky { } .wp-caption, .gallery-caption{ padding:6px; display:inline-block; position:relative; font-style:italic; text-align:center; overflow:hidden; border:1px solid #F0F0F0; } .wp-caption-text{ clear:both; display:block; padding:8px 0 0 0 !important; } .bypostauthor { } #bg { position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; z-index: -1; } .bgwidth { width: 100%; height: auto; } .bgheight { height: 100%; width:auto; } .space { height:60px; width:100%; clear:both; } .half-space { height:30px; width:100%; clear:both; } label { color:#7F7F7F; display:block; font-weight:normal; } label.error { color: red; font-style: italic; margin: 5px 0 10px 0; } input[type="text"], input[type="password"], input.text, input.title, textarea, select, input[type="email"] { background:transparent; border:1px solid #EBEBEB; } .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 input[type="date"] { margin-bottom:10px; width:90%; padding:3% 5%; height:40px; line-height:20px; background:#f7f7f7; margin: 5px 0; border: 1px solid #EBEBEB; } .wpcf7 select { width: 100%; padding: 3% 5%; } .wpcf7 input[type="range"] { width: 100%; height: 40px; } input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus, input[type="email"]:focus { -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border:1px solid #EBEBEB; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); } input[type="text"], input[type="password"], input[type="email"], input.text, input.title, textarea, select { font-family:"微软雅黑"; font-size:12px; margin:5px 0; } input.text, input.title, select { padding:5%; width:89%; } input.title { font-size:13px; } textarea { height:130px; padding:10px 15px; width:100%; margin-bottom: 10px !important; } form.inline { } form.inline p { margin-bottom:0; } .page-blank { background:#fff; } body.page-template-template-blank-php { background:#fff !important; } /* Make sure images with WordPress-added height and width attributes are scaled correctly. */ .post-content img, .post-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } /* Make sure videos and embeds fit their containers. */ embed, iframe, object, video { max-width: 100%; } /*-----------------------------------------------------------------------------------*/ /* 3. Columns /*-----------------------------------------------------------------------------------*/ .one-third { width: 300px; } .two-third { width: 620px; } .one-fourth { width: 220px; } .three-fourth { width:700px; } .one-sixth { width: 140px; } .five-sixth { width: 780px } .one-fourth, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth { position: relative; margin-right:20px; float: left; } .percent-one-half { width: 48%; } .percent-one-third { width: 30.66%; } .percent-two-third { width: 65.33%; } .percent-one-fourth { width: 22%; } .percent-three-fourth { width: 74%; } .percent-one-fifth { width: 16.8%; } .percent-two-fifth { width: 37.6%; } .percent-three-fifth { width: 58.4%; } .percent-four-fifth { width: 67.2%; } .percent-one-sixth { width: 13.33%; } .percent-five-sixth { width: 82.67%; } .percent-one-half, .percent-one-third, .percent-two-third, .percent-three-fourth, .percent-one-fourth, .percent-one-fifth, .percent-two-fifth, .percent-three-fifth, .percent-four-fifth, .percent-one-sixth, .percent-five-sixth { position: relative; margin-right: 4%; float: left; } .column-right { float:right; } .column-last { margin-right: 0!important; clear: right; } /*-----------------------------------------------------------------------------------*/ /* 4. Typography /*-----------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#444; } h1 { font-size:28px; line-height:36px; } h2 { font-size:24px; line-height:32px; text-align:center; } h3 { font-size:20px; line-height:24px; margin-bottom:20px; } h4 { font-size:16px; line-height:22px; margin-bottom:20px; } h5 { font-size:14px; line-height:20px; margin-bottom:15px; text-align:center; } h6 { font-size:13px; line-height:20px; margin-bottom:10px; font-weight:600; } /*--- 4.1. Dropcaps ---*/ .dropcap1 { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #666666; border-radius: 3px; color: #fff; float: left; font-size: 36px; margin: 4px 10px 2px 0; padding: 12px 6px; text-shadow:0 1px 0 #fff; } .dropcap2 { float: left; font-size: 36px; line-height:26px; padding-right: 10px; padding-top: 8px; } .dropcap3 { float: left; font-size: 36px; line-height:30px; font-style: italic; padding-right: 10px; padding-top:8px; } /*--- 4.2. Hightlighted Text ---*/ .highlight { padding: 1px 3px; } .highlight.redish { background-color: #ffcccf; color: #A14A40; } .highlight.bluish { background-color: #D7E7F5; color: #5E6984; } .highlight.yellowish { background-color: #FFF9CC; color: #736B4C; } .highlight.greenish { background-color: #E2F2CE; color: #466840; } .highlight.dark { background: #333333; color:#fff; } pre, code { background-color: #F5F5F5; border-color: #ebebeb; border-style: solid; border-width: 0px 0px 0px 4px; display: block; font-size: 11px; padding: 10px; } pre, code { margin-bottom:10px; } blockquote { border-left: 2px solid #ebebeb; color: #787878; font-size: 16px; font-style: italic; line-height:24px; margin: 20px 50px; padding: 0 0 5px 15px; } /*-----------------------------------------------------------------------------------*/ /* 5. Header /*-----------------------------------------------------------------------------------*/ #top-header { width:100%; height:32px; line-height:32px; background:#242424; position:relative; color:#969595; } #top-header a { color:#ccc; } #top-header a:hover{ color:#fff; } ul#subnav { list-style: none; float: left; } ul#subnav li { display:inline; margin-right:15px; } #header { position:fixed;width:100%;height:86px;background-color: #ffffff;left:0px;top:0px; z-index:4000; } .top-shadow { position:absolute; background:#ccc; height:4px; width:100%; z-index:100; opacity:0.5; } .bottom-shadow { position:absolute; background:url(/template/sl/templets/default/images/bottom-shadow.png) repeat-x scroll 0 0; height:4px; width:100%; top:176px; left:0; z-index:200; opacity:0.5; } .fullwidth-map .bottom-shadow { top:396px; } .fullwidth-map { margin: 0 auto; overflow: hidden; clear: both; position: relative; } .fullwidth-map iframe { left: 50%; margin-left: -960px; position:relative; } .logo { float: left; height: 86px; } .logo img { vertical-align: bottom;height:86px; } #navigation { float:right; position:relative; z-index:10000; } ul#mainnav { float:left; position:relative; display:block; z-index:1001; } ul#mainnav li { display:inline-block; float:left; position:relative; z-index:1000; } ul#mainnav > li { background:url(/template/sl/templets/default/images/nav-bg.png) no-repeat scroll right center; } ul#mainnav > li.prev-item, ul#mainnav > li.previ-item { background:none; } ul#mainnav > li:last-child { background:none; } ul#mainnav li a { font-size: 16px; font-family:'Microsoft YaHei'; font-weight:600; color:#686868; width:90px; text-align: center; margin:0px; padding:0px; height: 86px; line-height: 86px; display:block; /* IE7 Hack */ -webkit-transition:color 0.1s linear, background 0.1s linear, border-left-color 0.1s linear, border-bottom-color 0.1s linear; -moz-transition:color 0.1s linear, background 0.1s linear, border-left-color 0.1s linear, border-bottom-color 0.1s linear; -o-transition:color 0.1s linear, background 0.1s linear, border-left-color 0.1s linear, border-bottom-color 0.1s linear; transition:color 0.1s linear, background 0.1s linear, border-left-color 0.1s linear, border-bottom-color 0.1s linear; z-index:100; } ul#mainnav > li > a > span { border-bottom:1px dotted #fff; padding-bottom:2px;font-size:16px; font-weight:500; } ul#mainnav > li.current-menu-item > a, ul#mainnav > li.current-item > a { color:#fff; } ul#mainnav li a.sf-with-ul:hover, ul#mainnav li a.sf-with-ul:active { color:#fff; } ul#mainnav li ul li a.sf-with-ul:hover, ul#mainnav li ul li a.sf-with-ul:active { background:#444; color:#fff; } #mainnav li a:hover, #mainnav li a:active, #mainnav li a.current { color:#fff; } ul#mainnav li ul li a.current { color:#444; background:#fff; } ul#mainnav li ul li a.current:hover { color:#fff; background:#444; } ul#mainnav li ul li { background:#fff; margin:0; float:left; width:100%; } ul#mainnav li ul li a, ul#mainnav li ul li ul li a, ul#mainnav li ul li a:visited, ul#mainnav li ul li a:active { /* visited pseudo selector so IE6 applies text colour*/ width:130px; display:block; background:#fff; text-decoration:none; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; z-index:1100; font-size:14px; text-transform:uppercase; height: 44px; line-height:44px; } .nav-first-item { z-index:1000; position:relative; } #nav ul#mainnav > li > ul > li.nav-last-item > a, #nav ul#mainnav > li > ul > li > ul > li.nav-last-item > a { border-bottom:0; } ul#mainnav li ul li a:hover, ul#mainnav li ul li ul li a:hover { background:#d5462f; color:#fff; margin-bottom:0px;font-weight:500; } #formal-subheader { margin-bottom: 50px; position:relative; overflow:hidden; } #formal-subheader .bottom-shadow { top: auto !important; bottom: 0px !important; } #formal-subheader h1 { font-size: 36px; line-height: 44px; font-weight: 300; } .left-area { float:left; } .theme-breadcrumbs { float:right; line-height: 45px; } .page-template-template-portfolio-php #formal-subheader .theme-breadcrumbs, .single-portfolio #formal-subheader .theme-breadcrumbs, .page-template-template-portfolio-php #regular-subheader .theme-breadcrumbs, .single-portfolio #regular-subheader .theme-breadcrumbs { display:none; } .breadcrumb-arrow { padding:0 5px; } #formal-subheader ul#filters li a { background:#fafafa; } .formal-content { overflow:hidden; position:relative; padding: 30px 0 20px !important; } #regular-subheader { padding: 30px 0 20px; margin-bottom: 50px; position:relative; overflow:hidden; } #regular-subheader .centered-wrapper { overflow:hidden; border-bottom: 1px solid #efefef; padding-bottom: 20px; } #regular-subheader h1 { font-size: 36px; line-height: 44px; font-weight: 300; float: left; } .page-template-template-homepage-php .wpb_row .vc_span12 .wpb_row, .page-template-template-onepage-php .wpb_row .vc_span12 .wpb_row, .page-template-template-blank-php .wpb_row .vc_span12 .wpb_row { width: 960px; margin:0 auto; } .wpcf7 p { margin-bottom:0px; } #image-subheader { position: relative; overflow: hidden; display: block; height: 180px; margin-bottom:60px; } .subheader-bg { position: absolute; z-index: 0; top:0; left: 50%; margin-left: -960px; } #image-subheader .block-title { background: rgba(255, 255, 255, 0.85); height: 120px; margin-top: 30px; position: relative; float: left; padding: 0 60px 0 30px; display:block; } #image-subheader h1 , #image-subheader .theme-breadcrumbs { position:relative; } #image-subheader .theme-breadcrumbs a { color:#212121; } #image-subheader h1 { font-weight: 700; font-size: 30px; color: #212121; padding: 15px 0 8px; position: relative; margin: 20px auto 4px auto; float: left; border-bottom: 2px solid #212121; } #image-subheader .theme-breadcrumbs { position: relative; clear:both; line-height: 26px; float: left; display: inline-block; margin: 0 auto; } #image-subheader .you-here { float:left; margin-right: 10px; } #image-subheader #crumbs { float:left; } .page-template-template-portfolio-php #image-subheader .one-third, .page-template-template-portfolio-php #image-subheader .two-third { width: auto; clear: left; float:left; margin-bottom: 0px; } .single-portfolio #image-subheader .three-fourth, .single-portfolio #image-subheader .one-fourth { width: auto; clear: left; float:left; margin-bottom: 0px; } .page-template-template-portfolio-php #image-subheader ul#filters li a{ background: none; padding: 3px 10px; color:#686868; } .page-template-template-portfolio-php #image-subheader ul#filters li a:hover { color:#212121; } .page-template-template-portfolio-php #image-subheader ul#filters li a.selected { color:#fff; background:#212121; } .page-template-template-portfolio-php #image-subheader .theme-breadcrumbs, .single-portfolio #image-subheader .theme-breadcrumbs { display:none; } .page-template-template-portfolio-php #image-subheader ul#filters { margin: 4px 0 0 0 !important; } .single-portfolio #image-subheader .portfolio-nav { margin-top: 5px; } .single-portfolio #image-subheader .portfolio-nav a { margin-left: 0px; margin-right:10px; } .single-post #formal-subheader .theme-breadcrumbs { display:none; } /*-----------------------------------------------------------------------------------*/ /* 6. Main Content /*-----------------------------------------------------------------------------------*/ .services { overflow:hidden; margin-bottom:80px; } .homepage-services a{color:#000; text-decoration: none;} .homepage-services a:hover{color:#1c589a;} .service_job { padding:10px; border: 1px solid #efefef; width:213px; height:229px; } .service_job_tit{font-size:16px;font-weight:bold;line-height:40px; border-bottom:1px dashed #ccc;} .service_job_tit span{float:right;} .service_job_tit a{font-size:13px;color:#686868;} .service_job ul{margin-top:10px;} .service_job ul li{line-height:30px;padding-left: 10px;background-image: url(/template/sl/templets/default/images/dot_03.jpg);background-repeat: no-repeat;background-position: left;} .service_job ul li a{font-size:14px;color:#333;} .homepage-services .service-item:hover { background:#f7f7f7; } .homepage-services .service-item i { float:none; margin:0; width: 100%; height: 48px; line-height: 48px; font-size:42px; display:block; } .homepage-services h3.service { margin-top:20px; border-bottom:1px dotted #ccc; display:inline-block; clear:both; } .clients { overflow:hidden; border:1px solid #f1f1f1; text-align:center; clear:both; } .wpb_gallery_slides ul, .clients, .customlist ul, .customlist ul ul, .customlist ul ul ul { margin: 0 !important; list-style: none !important; } .clients li { display:inline-block; border-left:1px solid #f1f1f1; text-align:center; padding:0 11px; } .clients li a { cursor:pointer; } .clients li:first-child { border: none; } .clients li img { vertical-align:middle; } .clients li a { opacity:0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); display:inline-block; height:120px; line-height:120px; } .intro { position:relative; text-align:center; } .intro h2 { font-size:26px; font-weight:300; margin-bottom:16px; } .intro h5 { font-size:16px; } .intro a:hover { color:#444; } .centered-wrapper { width:1100px; margin:0 auto; } .wpb_row.in_container { width: 970px; margin: -15px auto; margin-top: 0; margin-bottom: 0; } .page-template-template-homepage-php .wpb_row .vc_span12 .wpb_row, .page-template-template-onepage-php .wpb_row .vc_span12 .wpb_row { width: 1100px; margin:0 auto; } .page-template-template-homepage-php .wpb_row.in_container .vc_span12 .vc_span12, .page-template-template-onepage-php .wpb_row.in_container .vc_span12 .vc_span12 { padding: 0; } .page-template-template-homepage-php .wpb_row.in_container .vc_span12 .wpb_row, .page-template-template-onepage-php .wpb_row.in_container .vc_span12 .wpb_row { width: auto; } .title-wrapper { width: 980px; margin:0 auto; background:#fff; position:relative; height:80px; z-index:201; padding: 0 40px 0; } .title-bg { width: 980px; padding: 0 40px 0; height:80px; margin-left: -40px; background:#fff; } .title-content { width:980px; margin:0 auto; border-bottom:1px solid #efefef; height:80px;line-height:80px; } .page-title { width:100%; clear:both; padding:100px 0 0; z-index: 1; height:80px; margin-bottom:20px; } .serMain1{margin-top:65px;} .page-title .page-background { width:100%; position:absolute; top:0; left:0; overflow:hidden; z-index:0; } .page-title .page-background img { position:absolute; top:0px; left:50%; margin-left:-960px; } .page-title h1 { font-size: 36px;height:80px;line-height: 80px; font-weight: 300; } .search-form { position:relative; } .search-form br { display:none; } .search-form input[type="text"] { width: 91%; height:20px; line-height:20px; position:relative; padding: 3% 4%; color:#686868; display:block; } .search-form input[type="submit"] { background: url(/template/sl/templets/default/newcss/images/search.png) scroll center center; width:16px; height:16px; border:0; text-indent:-9999px; cursor:pointer; position:absolute; top: 50%; margin-top: -8px; right: 3%; font-size: 0; display:block; line-height: 0; } .page-title .double-separator { margin:0; } .breadcrumbs { font-size:12px; padding:10px 0; width:100%; overflow:hidden; } .service-item br { display:none; } .service-item p { margin-bottom:0px;line-height:36px; text-align: left; } .service-item i { float:left; margin:0 15px 4px 0; width:28px; height:28px; line-height:28px; font-size:28px; } h3.service { font-size:16px; font-weight:600; line-height:28px; } .separator { width:100%; height:1px; clear:both; background:#efefef; margin:40px 0; display:inline-block; } .double-separator { width:100%; height:1px; clear:both; border-top:1px solid #efefef; border-bottom:1px solid #efefef; margin:40px 0; } #footer .double-separator { margin:50px 0; } .page-template-template-onepage-php h1 { font-size:48px; font-weight:300; margin-bottom:30px; line-height:56px; } .page-template-template-onepage-php #header { background: #fff; } .bgtitle { margin-bottom:20px; height:50px; padding-bottom:7px; border-bottom:1px solid #efefef; box-sizing: content-box !important; } .bgtitle h2, .homepage-clients h2 { font-size: 13px; font-weight: 600; width:50px; height: 26px; line-height: 26px; background: #f7f7f7; padding: 0 10px; text-transform: uppercase; margin-bottom:10px; } .team-member { position:relative; background: white; margin-bottom:20px; background:#f7f7f7; } .team-member a { overflow: hidden; display: block; position: relative; } .team-avatar { height:auto; width:100%; display:block; } .team-text h3 { font-size:12px; font-weight:600; text-align:center; clear:both; text-transform:uppercase; padding-top:18px; margin-bottom:3px; } .team-text h6 { text-align:center; font-size:12px; font-weight:400; padding-bottom:15px; margin:0; } .team-text p { padding:0 10px 15px; text-align:center; } .scrollup { position:fixed; bottom:50px; right:20px; display:none; z-index: 9999; } .scrollup i { opacity:0.8; width:38px; height:38px; line-height:38px; font-size:14px; color:#fff; background:#ccc; text-align:center; display:inline-block !important; cursor:pointer; -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } .team-social { border-top:1px solid #efefef; text-align:center; overflow:hidden; clear:both; } .team-social a img { -moz-transition: all .2s ease-in-out; -o-transition: color .2s ease-in-out, opacity .2s ease-in-out, border-color .3s ease-in-out; -webkit-transition: all .2s ease-in-out; opacity: .3; filter:alpha(opacity=30); transition: all .2s ease-in-out; } .team-social a img:hover{ opacity: 1; filter:alpha(opacity=100); } .team-social a { padding:5px; margin-top:10px; display:inline-block; } .team-text span { color:#787878; } .testimonial-item { background:#f9f9f9; padding:20px 15px 1px; margin-top:3px; font-size:13px; position:relative; } .testimonial-pin { background:url(/template/sl/templets/default/images/testimonial-pin.png) no-repeat scroll 0 0; display: block; width: 24px; height: 16px; position: absolute; left:30px; } .testimonial-meta { font-style:normal; position:absolute; width:80%; font-weight:600; font-size:12px; left:20%; bottom:-40px; } .testimonial-meta h5 { float:left; margin-right: 5px; font-size:12px; font-weight:600; } .testimonial-meta span { color:#444; } .page-template-template-onepage-php .standardNav{ position:fixed !important; } .page-template-template-onepage-php ul#mainnav li.active a { color:#fff; } .page-template-template-onepage-php ul#mainnav li.active a { color:#fff; } .page-template-template-onepage-php #header { position:fixed !important; width:100%; top:0; } .page-template-template-onepage-php .onepage-content { margin-top:86px; } .page-template-template-onepage-php .section { margin-top:86px; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /*--- 6.1. Jcarousel ---*/ .jcarousel-container { margin-bottom:20px; } .jcarousel-direction-rtl { direction: rtl; } .jcarousel-container-horizontal { width: 940px; clear:both; } .jcarousel-clip { overflow: hidden; } .jcarousel-clip-horizontal { width: 940px; height: auto; } .jcarousel-item { display: block; position: relative; padding:0; } #portfolio-carousel { position: relative; overflow: hidden; /* You need at least a height, adjust this to your needs */ min-height: 285px; } #portfolio-carousel ul, #homeblog-carousel ul { height: auto; width: 20000em; position: absolute; list-style: none; margin: 0 !important; padding: 0; list-style-type:none; } #portfolio-carousel h3 { text-transform: uppercase; font-size: 12px; font-weight: 600; padding: 20px 0 2px; margin: 0; } #portfolio-carousel a { display: block; width: 100%; height: auto; position: relative; color: #323232; } #portfolio-carousel a:hover { color: #e1472f; } #portfolio-carousel li:hover { background: #fafafa; } #portfolio-carousel li { float:left; list-style:none; width: 220px; height: auto; border-bottom:2px solid #323232; -webkit-transition:background 0.2s linear; -moz-transition:background 0.2s linear; -o-transition:background 0.2s linear; transition:background 0.2s linear; margin-right: 20px; margin-left:0; text-align:center; display: block; position: relative; padding: 0; } #portfolio-carousel li img { width:100%; height:auto; } #portfolio-carousel .jcarousel-item:hover { background:#fafafa; } #homeblog-carousel a { display: block; width: 100%; height: auto; position:relative; color:#323232; } #homeblog-carousel ul li { list-style:none; } #homeblog-carousel h3 { text-transform:uppercase; font-size:12px; font-weight:600; padding:20px 0 2px; margin:0; } #homeblog-carousel span { color:#a1a1a1; } .homeblog-thumbnail { width: 220px; height: 180px; background: #efefef; position: relative; } #homeblog-carousel p.readmore { margin-top:10px; } .homeblog-thumbnail i { font-size: 30px; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -19px; } .portfolio-carousel-details { border-left:1px solid #efefef; border-right:1px solid #efefef; height: auto; } a[rel="PrettyPhoto"] { overflow:hidden; display:block; position:relative; } #portfolio-carousel .jcarousel-item img { width:100%; height:auto; } #blog-carousel-wrapper { position:relative; display: block; } #homeblog-carousel { overflow: hidden; display: block; position: relative; min-height: 220px; height: auto; } #homeblog-carousel li img { width:100%; height:auto; } #homeblog-carousel li { width: 460px; height: 200px; float: left; margin-right: 20px; } #homeblog-carousel li > a { width:220px; float:left; margin-right:20px; position: relative; } #homeblog-carousel .blog-carousel-details a { float:none; margin:0; } #homeblog-carousel .blog-carousel-details { float:left; text-align:left; width:220px; } #homeblog-carousel .carousel-meta { width:100%; } #homeblog-carousel .carousel-meta a { display:inline; } #homeblog-carousel .carousel-meta .details { padding:0 10px; height:21px; background:#f5f5f5; font-size:11px; line-height:21px; display:inline-block; } #homeblog-carousel p { margin:18px 0 0; } .post-format i { width:21px !important; height:21px; display:block; text-align:center; float:left; position:relative; color:#fff; line-height:21px; } #homeblog-carousel .blog-carousel-details h2 { font-size:18px; font-weight:600; line-height:27px; } /** Carousel Controls **/ .jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: -52px; right: 0; width: 23px; height: 25px; cursor: pointer; background: #f7f7f7 url(/template/sl/templets/default/newcss/images/carousel-arrows.png) no-repeat 0 0; } .jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; } .jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { opacity: .5; cursor: default; } .jcarousel-control-prev.inactive:hover { background-color:#f7f7f7 !important; background-position: 0 -25px; } .jcarousel-control-next.inactive:hover { background-color:#f7f7f7 !important; background-position: 0 0; } .jcarousel-next-horizontal { } .jcarousel-control-next:hover, .jcarousel-control-next:focus { background-position: -23px 0; } .jcarousel-control-next:active { background-position: -23px 0; } .jcarousel-control-prev { position: absolute; top: -52px; right:24px; width: 23px; height: 25px; cursor: pointer; background: #f7f7f7 url(/template/sl/templets/default/newcss/images/carousel-arrows.png) no-repeat 0 -25px; } .jcarousel-control-prev:hover, .jcarousel-control-prev:focus { background-position: -23px -25px; } .jcarousel-control-prev:active { background-position: -23px -25px; } #portfolio-carousel-wrapper { position:relative; } #testimonials { min-height:10px; } span.caption { position:relative; clear:both; font-size:13px; background:#fff; color:#444; line-height:40px; width:100%; left:0; } span.caption a { color:#444; } span.item-on-hover, .grid-item-on-hover { cursor:pointer; display: block; opacity: 0; filter: alpha(opacity=0); position: absolute; width: 100%; height: 100%; background: url(/template/sl/templets/default/newcss/images/item-on-hover.png) repeat; } span.item-on-hover-white { cursor:pointer; display: block; opacity: 0; filter: alpha(opacity=0); position: absolute; width: 100%; height: 100%; background: url(/template/sl/templets/default/newcss/images/item-on-hover-white.png) repeat; } .portfolio img { display:block; } ul.portfolio { list-style: none !important; margin:0 !important; margin-right: -20px !important; } .grid-item-on-hover { text-align:left; width:100%; padding:0 5%; } .grid-item-on-hover .grid-text { position:absolute; left:5%; top:5%; text-align:left; width:100%; } .grid-item-on-hover .grid-text p { color:#fff; padding:15px 0 0; opacity:0.6; } .item-small .grid-item-on-hover p, .item-long .grid-item-on-hover p { padding:0; } .grid-item-on-hover h1 { font-weight:300; color:#fff; font-size:28px; line-height:36px; text-transform:uppercase; position:relative; } .grid-item-on-hover span { color:#fff; font-size:11px; text-transform:uppercase; opacity:0.7; position:absolute; left:5%; bottom:5%; text-align:left; width:90%; } .item-high .grid-item-on-hover h1 { font-size:20px; line-height:26px; width:80%; left: 1%; } .item-wide .grid-item-on-hover span { font-size:12px; } .item-small .grid-item-on-hover h1 { font-size:20px; line-height:26px; } .item-on-hover *{ filter:inherit; } .item-on-hover i { font-size: 14px; text-align: center; color: #fff; position: absolute; top: 50%; margin-top: -7px; left: 50%; margin-left: -7px; } .item-on-hover .hover-video i { margin-left: -8px; } .item-on-hover .hover-link i { margin-top: -6px; } .item-on-hover .hover-image i { margin-left: -6px; } span.hover-link { width:35px; height:35px; top: 50%; left: 50%; margin-left: -17px; margin-top: -17px; position:absolute; display:block; opacity: 0; filter: alpha(opacity=0); } span.hover-image { width:35px; height:35px; top: 50%; left: 50%; margin-left: -17px; margin-top: -17px; position:absolute; display:block; opacity: 0; filter: alpha(opacity=0); } span.hover-video { width:35px; height:35px; top: 50%; left: 50%; margin-left: -17px; margin-top: -17px; position:absolute; display:block; opacity: 0; filter: alpha(opacity=0); } /*--- 6.2. Sidebar ---*/ #sidebar { width:260px; float:right; } #sidebar h3 { font-size:13px; text-transform:uppercase; font-weight:600; } .widget { overflow:hidden; margin-bottom:55px; } .widget a { color:#444; } .widget ul li { font-size:12px; padding:3px 0 3px 0; } .widget ul li:last-child { border-bottom:0; } .tagcloud a { float:left; margin:0 4px 4px 0; padding:0; display:block; padding:6px 13px; background:#f9f9f9; -webkit-transition:background 0.2s linear; -moz-transition:background 0.2s linear; -o-transition:background 0.2s linear; transition:background 0.2s linear; } .tagcloud a:hover { color:#fff !important; } .sidebar-post { overflow:hidden; border-bottom:1px solid #efefef; margin-bottom:15px; padding-bottom:15px; position:relative; } .footer-widget .sidebar-post { border-bottom:1px dotted #6b6b6b; } .footer-widget { width: 48% !important; margin-left: 4%; float:left; position:relative; } .footer-widget:first-child { margin-left:0px; } .sidebar-post:last-child { border-bottom:0; } .sidebar-post span { float:left; clear:both; width:100%; } .sidebar-post h5 { font-size:13px; font-weight:600; color:#444; margin-bottom:5px; float:left; } .featured-sidebar { width:200px; float:left; border:1px solid #dfdfdf; } .featured-sidebar ul { border-bottom:1px solid #efefef; } .featured-sidebar a{ color:#686868; width:180px; height:36px; line-height:36px; display:block; font-weight:600; margin-left:10px; border-bottom:1px solid #efefef; } .featured-sidebar ul li.selected { background: url(/template/sl/templets/default/newcss/images/featured-arrow.png) no-repeat scroll 200px center; width: 210px; } .featured-sidebar ul li a:hover { color:#444; } .featured-sidebar ul li.selected a { width:180px; height:36px; z-index:1000; } .featured-sidebar ul li:last-child a { border-bottom:0; } /*--- 6.3. Portfolio ---*/ ul#filters { float:right; margin-top:6px; } ul#filters li { display:inline; margin:0; padding:0; float:left; } ul#filters li a { color:#686868; background: #f7f7f7; padding:8px 15px 9px 15px; margin-left:1px; font-weight:600; display:block; -webkit-transition:background 0.2s linear; -moz-transition:background 0.2s linear; -o-transition:background 0.2s linear; transition:background 0.2s linear; } ul#filters li a.selected { color:#fff; } .homepage-grid { clear:both; position:relative; } .homepage-grid .bgtitle { margin-bottom:20px; } ul#home-filters { position:absolute; top:0; right:0; } ul#home-filters li a { color:#686868; background:#f7f7f7; padding:3px 15px; margin-left:1px; margin-bottom: 2px; font-weight:600; display:block; -webkit-transition:background 0.2s linear; -moz-transition:background 0.2s linear; -o-transition:background 0.2s linear; transition:background 0.2s linear; } ul#home-filters li a.selected, ul#home-filters li a:hover { color:#fff; } #home-filters li { display:inline; margin:0; padding:0; float:left; } .portfolio { clear:both; overflow:hidden; margin-right:-20px; } .portfolio .portfolio-carousel-details { height:auto; border-bottom: 1px solid #EFEFEF; } .portfolio-carousel-details span { padding-bottom:15px; display:inline-block; color:#A1A1A1; } .portfolio li { margin-right:20px; float:left; position:relative; margin-bottom:20px; overflow:hidden; background:#fff; padding:0; text-align:center; -webkit-transition:background 0.2s ease-in; -moz-transition:background 0.2s ease-in; -o-transition:background 0.2s ease-in; transition:background 0.2s ease-in; } .portfolio-carousel-details { -webkit-transition:background 0.2s ease-in; -moz-transition:background 0.2s ease-in; -o-transition:background 0.2s ease-in; transition:background 0.2s ease-in; } .portfolio-carousel-details:hover { background:#fafafa; } .portfolio li.item-wide, .portfolio li.item-wide img { width:460px !important; height:376px !important; border-bottom: none !important; } .portfolio li.item-small, .portfolio li.item-small img { width:220px !important; height:178px !important; border-bottom: none !important; } .portfolio li.item-high, .portfolio li.item-high img { width:220px !important; height:376px !important; border-bottom: none !important; } .portfolio li.item-long, .portfolio li.item-long img { width:460px !important; height:178px !important; border-bottom: none !important; } .sidebar-right .homepage-grid .item-small, .sidebar-right .homepage-grid .item-small img, .sidebar-left .homepage-grid .item-small, .sidebar-left .homepage-grid .item-small img { width:200px !important; height: 162px !important; } .sidebar-right .homepage-grid .item-high , .sidebar-right .homepage-grid .item-high img, .sidebar-left .homepage-grid .item-high , .sidebar-left .homepage-grid .item-high img { width: 200px !important; height: 344px !important; } .sidebar-right .homepage-grid .item-long, .sidebar-right .homepage-grid .item-long img, .sidebar-left .homepage-grid .item-long, .sidebar-left .homepage-grid .item-long img { width: 420px !important; height: 162px !important; } .sidebar-right .homepage-grid .item-wide, .sidebar-right .homepage-grid .item-wide img, .sidebar-left .homepage-grid .item-wide, .sidebar-left .homepage-grid .item-wide img { width: 420px !important; height: 344px !important; } .portfolio h3 { position:relative; clear:both; font-size:13px; color:#444; line-height:22px; padding:20px 0 5px; margin:0; width:100%; left:0; font-weight:600; text-transform:uppercase; } .portfolio h3 a { color:#444; } .portfolio p { margin:0; } #portfolio-wrapper a { display: block; width: 100%; height: auto; position: relative; } #portfolio-wrapper .four-columns img { width:220px; height:auto; display:block; } #portfolio-wrapper .three-columns img { width:300px; height:auto; display:block; } #portfolio-wrapper .two-columns img { width:460px; height:auto; display:block; } #portfolio-wrapper .four-columns li { width: 220px; min-height: 263px; display: inline-block; position: relative; } #portfolio-wrapper .three-columns li { width: 300px; min-height: 328px; display: inline-block; position: relative; } #portfolio-wrapper .two-columns li { width: 460px; min-height: 459px; display: inline-block; position: relative; } .item-details p { margin:0; padding:10px 0; border-bottom:1px solid #efefef; } .item-details span { color:#444; } .portfolio-single { margin-bottom:50px; overflow:hidden; } .previous-post-link a, .next-post-link a { width:25px; height:25px; display:block; text-indent:-9999px; float:left; margin-top:10px; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; } .proj-image img { display:block; } .portfolio-gallery { width:960px; height:auto; } .portfolio-gallery a { display:block; float:left; margin-right:20px; margin-bottom:20px; position:relative; } .portfolio-gallery img { width:300px; height:auto; display:block; } .portfolio-nav { float:right; position:relative; margin-top:16px; } .portfolio-nav a { display:block; width:23px; height:25px; text-indent:-9999px; float:left; margin-left:10px; -webkit-transition:background 0.2s linear; -moz-transition:background 0.2s linear; -o-transition:background 0.2s linear; transition:background 0.2s linear; } .portfolio-nav a { background:#efefef url(/template/sl/templets/default/newcss/images/portfolio-arrows.png) no-repeat 0 0; } .portfolio-nav .prev-project a { background-position: -46px 0; } .portfolio-nav .prev-project a:hover { background-position: -46px -25px; } .portfolio-nav .close-project a { background-position: -23px 0; } .portfolio-nav .close-project a:hover { background-position: -23px -25px; } .portfolio-nav .next-project a { background-position: 0 0; } .portfolio-nav .next-project a:hover { background-position: 0 -25px; } .close-project, .next-project, .prev-project { float:left; } .gallery-page { width:960px; list-style-type: none; } .gallery-page li { width:300px; margin:0 20px 20px 0; position:relative; float:left; } .gallery-page li a { display:block; } .gallery-page li img { width:100%; height:auto; display:block; } /*--- 6.4. Blog ---*/ #masonry-blog { width:960px; position:relative; } .masonry-post { position:relative; float:left; margin-right:20px; margin-bottom:20px; } .masonry-thumbnail { position:relative; } .masonry-thumbnail img { width:100%; display:block; height: auto; } .masonry-page-content blockquote { clear:both; margin:20px 0; } .masonry-page-content .button { margin-bottom:10px; } .masonry-post-meta { height: auto; line-height:30px; border-bottom:1px dotted #c3c3c3; display:block; float:left; margin-bottom:18px; text-transform:uppercase; font-size:11px; position:relative; max-width: 90%; } .format-quote .quote-caption { font-size:12px; text-transform:uppercase; } .masonry-page-content { position:relative; border-bottom:2px solid #323232; padding:10px 20px; background:#fafafa; } .masonry-page-content i.icon-pencil, .masonry-page-content i.icon-quote-left, .masonry-page-content i.icon-facetime-video, .masonry-page-content i.icon-link, .masonry-page-content i.icon-camera-retro, .masonry-page-content i.icon-music { font-size:16px; height:30px; width:30px; line-height:30px; text-align:center; background:#fff; color:#686868; position:absolute; right:20px; top:10px; } .post-content i.icon-pencil, .post-content i.icon-quote-left, .post-content i.icon-facetime-video, .post-content i.icon-link, .post-content i.icon-camera-retro, .post-content i.icon-music { font-size:16px; height:30px; width:30px; line-height:30px; text-align:center; background:#f9f9f9; color:#686868; position:absolute; right:0; top:10px; } #blog-page .post-content i.icon-pencil,#blog-page .post-content i.icon-quote-left,#blog-page .post-content i.icon-facetime-video,#blog-page .post-content i.icon-link,#blog-page .post-content i.icon-camera-retro,#blog-page .post-content i.icon-music { top:0 !important; } #blog-page .jp-audio .jp-type-single .jp-progress { width: 59%; left: 16%; } #blog-page .jp-audio { margin-bottom:20px; } .columns-two .vimeo-article iframe, .columns-two .youtube-article iframe { width:460px !important; height:259px !important; } .columns-three .vimeo-article iframe, .columns-three .youtube-article iframe { width:300px !important; height:169px !important; } .youtube-article iframe, .vimeo-article iframe { width:640px !important; height:360px !important; display:block; } .masonry-page-content h1 { clear:both; font-size:18px; font-weight:600; line-height:26px; } .masonry-page-content h1 a { color: #323232; } .music-article h1.masonry-title { margin-top:20px; } h1.masonry-title a, .post-content h1 a { color:#323232; } .columns-three .masonry-post { width:300px; position:relative; } .columns-two .masonry-post { width:460px; position:relative; } #posts { position:relative; width:640px; overflow:hidden; } .sidebar-right { float:left; margin-right:40px; } .sidebar-left { float:right; margin-left:40px; } .no-sidebar { width:100% !important; } #blog-page .post-item { border-bottom:2px solid #323232; } .single-post .post-item { border-bottom:0; margin-bottom:0px; padding-bottom:0px; } h1.post-title { clear:both; } .meta a { color:#c7c7c7; } .post-thumbnail { display:inline-block; clear:both; margin-top:0px; } .video-thumbnail { margin-bottom:30px; display:block; clear:both; margin-top:0px; } .post-thumbnail a { display:block; position:relative; } .post-thumbnail img { width: 100% !important; height:auto; } .single-post .masonry-post-meta, .portfolio-single .masonry-post-meta, .reg-blog .masonry-post-meta { height: auto; line-height:50px; } .reg-blog .post { border-bottom: 2px solid #323232; } .meta { clear:both; float:left; margin-bottom:20px; } .meta span { padding-left:23px; float:left; margin-right:20px; } .meta span.post-date { background:url(/template/sl/templets/default/images/calendar.png) no-repeat scroll 0 3px; color:#C7C7C7; } .meta span.post-author { background:url(/template/sl/templets/default/images/author.png) no-repeat scroll 0 3px; } .meta span.post-comment { background:url(/template/sl/templets/default/images/comment.png) no-repeat scroll 0 4px; } .meta p { margin:0; padding:5px 0; } .excerpt { width:100%; clear:both; } p.readmore { text-align:right; } .post-item { margin-bottom:50px; padding-bottom:20px; border-bottom:1px solid #efefef; overflow:hidden; position:relative; } .post-content { clear:both; position:relative; } .single-post blockquote { border-bottom:2px solid #d6d6d6; border-left:none; margin:0; padding:20px; background:#f9f9f9; font-size:13px; margin-bottom:20px; } blockquote p:last-child { margin-bottom:0 !important; } h4.quote-author { font-size:12px; text-transform:uppercase; } #blog-page .post-item blockquote { clear:both; border-bottom:none; border-left:2px solid #ebebeb; margin:0; padding:20px; background:#fff; font-size:16px; margin-bottom:20px; } .right-image { float:right; margin:5px 0 0 20px; padding: 4px; border: 1px solid #EFEFEF; border-radius: 2px; } .left-image { float:left; margin:5px 20px 0 0; padding: 4px; border: 1px solid #EFEFEF; border-radius: 2px; } .post-image { margin:5px 0 20px; } .page-links { font-size: 14px; padding: 20px 0; } .page-links a { padding: 6px 12px; background: #efefef; display: inline-block; margin: 0 0px 0 5px; } ul.tags { padding:0 0 10px; position:relative; overflow:hidden; } ul.tags a { color:#c7c7c7; } ul.tags li { display:inline; float:left; height:16px; line-height:20px; margin:30px 20px 0 0; } .tag-title { background-image:none; float:left; line-height:18px; margin:30px 20px 0 0; } .author-bio { clear:both; margin:30px 0 0; overflow:hidden; padding:15px 0 15px; position:relative; } .authorp { float:left; width:82%; } .authorp h2 { color:#C7C7C7; } .authorp h2 a { color:#444; } .author-bio p { margin-bottom:0; } .author-bio img { float:left; margin:0 25px 0 0; position:relative !important; } .inner-blog-gallery li { float:left; display:block; margin-right:20px; margin-bottom:30px; position:relative; } .inner-blog-gallery li a { display: block; width: 100%; height: auto; position: relative; width:145px; height:145px; } .inner-blog-gallery img { display:block; } .next-prev-posts { margin-top: 10px; padding:1px 0; border-top: 1px solid #efefef; border-bottom:1px solid #efefef; overflow:hidden; font-size:12px; text-transform:uppercase; font-weight:600; clear: both; } .next-prev-posts .previous-post { width:50%; float:left; padding:13px 0; border-top:1px solid #efefef; border-bottom:1px solid #efefef; text-align:left; } .next-prev-posts .next-post { width:50%; float:right; padding:13px 0; border-top:1px solid #efefef; border-bottom:1px solid #efefef; text-align:right; } .next-prev-posts a { color:#323232; } .previous-post i { margin-right:10px; } .next-post i { margin-left:10px; } /*--- 6.4.1. Comments ---*/ #comments { margin-top: 50px; } #posts .commentlist { list-style-type: none; margin: 30px 0 40px; } .comment { margin-top: 35px; position: relative; padding:0; display:inline-block; } .comment a { color:#444; } .commentwrap { margin: 0 0 0 100px; padding: 0 0 10px 0; border-bottom: 1px solid #EFEFEF; } .avatar { left: 0; position: absolute; top: 0; } .avatar img { } a.comment-reply-link { font-weight:600; background:#f9f9f9; padding:2px 5px; -webkit-transition:background 0.2s linear; -moz-transition:background 0.2s linear; -o-transition:background 0.2s linear; transition:background 0.2s linear; } .metacomment { margin-bottom: 10px; padding:0; } .metacomment span { font-weight:bold; margin: 0 5px 0 0; } ol.commentlist ul.children { margin-left:75px; } #commentform { width:100%; position:relative; } #commentform fieldset { clear:both; } #commentform input[type="text"], #commentform textarea { background:#f9f9f9; } #commentform input:focus, #commentform textarea:focus { outline:none; } #commentform input[type="text"] { width:88%; padding:7px 10px; font-size:12px; height:20px; line-height:20px; } textarea#mycomment { width:618px; padding:10px; clear:both; overflow:hidden; float:left; margin-bottom:5px; } #commentform input[type="submit"] { margin-top:5px; border:0; } .error_message { color:#ff3000; } /*--- 6.4.2. Pagination ---*/ .pagenav { text-align:center; vertical-align: middle; margin-top: 55px; background:#f9f9f9; clear: both; } .pagenav a { width:auto !important; display:inline-block !important; margin:0 3px; background:#f9f9f9; color:#686868; display:inline-block; padding:9px 15px; font-weight:600; -webkit-transition:background 0.2s linear; -moz-transition:background 0.2s linear; -o-transition:background 0.2s linear; transition:background 0.2s linear; } span.current { color:#fff; display:inline-block; padding:9px 15px; } span.pages { display: inline-block; padding:9px 15px; font-weight:600; } /*--- 6.5. Contact ---*/ .contact-info p { margin:0; padding:7px 0; border-top:1px solid #efefef; } .contact-info p:last-child { border-bottom:1px solid #efefef; } .contact-info span { color:#444; } .contact-map { margin-bottom:50px; } .contact-map iframe { width:940px; height:300px; } #contactform label, .wpcf7 label { clear:both; } .wpcf7 br { display:none; } #contactform input[type=text], .wpcf7 input[type=text], .wpcf7 input[type=email] { margin-bottom:10px !important; width:100%; padding:9px 15px; background:#f7f7f7; } #contactform input[type=submit], .wpcf7 input[type=submit] { width:70px; font-size:12px; clear:both; float:right; cursor:pointer; margin:0; } #contactform input:focus, #contactform textarea:focus, .wpcf7 input:focus, .wpcf7 textarea:focus { outline:none; } #contactform input[type=submit]:hover { } #contactform textarea, .wpcf7 textarea { height:130px; clear:both; background:#f7f7f7; } .contact-info { padding-top: 9px; } .contact-loader { float: right; padding: 11px 11px 0 0; } /*-----------------------------------------------------------------------------------*/ /* 7. Footer /*-----------------------------------------------------------------------------------*/ #footer { overflow:hidden; clear:both; background:#323232; color:#969595; margin:0 auto; height:280px; } #topfooter { padding-top: 40px; } #topfooter h6 { margin:0; font-size:12px; font-weight:400; } ul#contact-widget li { border-bottom:1px dotted #6b6b6b; padding-bottom:10px; margin-bottom:10px; padding-left:30px; list-style-type: none; } #topfooter ul li { border-bottom:1px dotted #6b6b6b; padding-bottom:10px; margin-bottom:10px; } #topfooter ul li:last-child { border-bottom:none; } ul#blog-widget li { border-bottom:1px dotted #6b6b6b; padding-bottom:10px; margin-bottom:10px; position:relative; overflow:hidden; } ul#blog-widget li img { position:absolute; top:3px; left:0; } ul#blog-widget li h6{ float:left; padding-left:75px; } ul#blog-widget li span{ float:left; clear:both; padding-left:75px; width:auto; } ul#contact-widget li:last-child { border-bottom:0; } ul#blog-widget li:last-child { border-bottom:0; } #footer a { color:#fff; } #footer h3 { font-size:16px; font-weight:300; color:#fff; } #bottomfooter { height:42px; line-height:42px; position:relative; overflow:hidden; clear:both; background:#252525; } #bottomfooter p { float:left; margin:0; font-size:11px; } #bottomfooter a { color:#efefef; transition: all 0.2s linear; } #footer #bottomfooter a:hover { color:#fff; } .totop { background:url(/template/sl/templets/default/images/top.png) no-repeat scroll 0 0; width:37px; height:42px; position:absolute; bottom:-10px; left:50%; margin-left:-18px; text-indent:-9999px; } /*--- 7.1. Twitter ---*/ .tweet, .query { margin:0; } .tweet_list { list-style: none; margin: 0; padding: 0; overflow-y: hidden; } .widget .tweet_list li { background:none; padding-bottom:10px; margin-bottom:10px; } .tweet_list li { overflow-y: auto; overflow-x: hidden; list-style-type: none; border-bottom:1px solid #efefef; background: url(/template/sl/templets/default/newcss/images/social/twitter.png) no-repeat scroll 0 3px; padding-left: 30px; } .tweet_text { clear: both; width: 100%; display: block; } .tweet_time, .tweet_action { float:left; margin-right:10px; margin-top:10px; } .tweet_time a, a.tweet_action { color:#777 !important; } .tweet_list li:last-child { border-bottom:0; } .tweet_list li a { } .tweet_list .tweet_avatar { padding-right: .5em; float: left; } .tweet_list .tweet_avatar img { vertical-align: middle; } /*--- 7.2. Flickr ---*/ #flickr { margin: 0; padding: 0; overflow: hidden; width: 100%; } #flickr li { list-style: none; float: left; margin: 0 9px 9px 0; border:0; padding:0; } #flickr img { display: block; width: 56px; height: 55px; } #flickr a img { border: none; } /*--- 7.3. Social Icons ---*/ .share-options { overflow:hidden; padding-top: 10px; } .share-options h6 { float:left; margin-right:20px; margin-bottom:30px; } .share-options a { font-size: 18px; color: #ddd; width: 24px; height: 24px; display: inline-block; float: left; margin-right: 20px; text-align: center; } ul.social { float:right; } ul.social li { display:inline; } ul.social li a { color:#fff; display:block; font-size: 14px; text-align: center; margin:0 0 0 1px; float:left; opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-transition:background 0.2s linear; -moz-transition:background 0.2s linear; -o-transition:background 0.2s linear; transition:background 0.2s linear; } #footer ul.social li a { height:42px; width:38px; } #top-header ul.social { margin-bottom: 0px; } #top-header ul.social li a { height:32px; width: 36px; } #footer ul.social li a:hover { font-size:18px; } ul.social li a:hover { color:#fff !important; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } a.dribbble:hover { background-color:#e24a85; } a.github-alt:hover { background-color:#b1b1b1; } a.linkedin:hover { background-color:#007bb6; } a.google-plus:hover { background-color:#e1472f; } a.skype:hover { background-color:#0cb1f1; } a.xing:hover { background-color: #006567; } a.vk:hover { background-color: #4E7199; } a.tumblr:hover { background-color: #529ECC; } a.facebook:hover { background-color:#3b5998; } a.twitter:hover { background-color:#00acee; } a.flickr:hover { background-color:#ff0084; } a.rss:hover { background-color:#f28d34; } a.pinterest:hover { background-color:#0fb73d; } a.youtube:hover { background-color:#d93030; } a.vimeo-square:hover { background-color: #63b4e4; } a.instagram:hover { background-color: #517FA4; } /*-----------------------------------------------------------------------------------*/ /* 8. Elements /*-----------------------------------------------------------------------------------*/ /*--- 8.1. Slides ---*/ #posts ul.pagination { list-style:none; margin:0; } .portfolio-single .percent-three-fourth { min-height:30px; } .columns-two .slides_container { width:460px; height:240px; display:none; } .columns-two .slides_container .slide { width:460px; height:240px; display:block; } .columns-three .slides_container { width:300px; height:157px; display:none; } .columns-three .slides_container .slide { width:300px; height:157px; display:block; } .post-item .slides_container { width:640px; height:335px; display:none; } .post-item .slides_container .slide { width:640px; height:335px; display:block; } .blog-slides { position:relative; } .slides_container { width:940px; display:none; } .slides_container .slide { width:940px; display:block; } #slides { margin-bottom:10px; position:relative; } .blog-page .next, .blog-page .prev, #slides .prev, #slides .next { position:absolute; top:50%; margin-top:-21px; width:27px !important; height:43px !important; display:block; z-index:101; background:#656565; } .blog-slides .next img,.blog-slides .prev img, #slides .next img, #slides .prev img, .blog-page .next img, .blog-page .prev img { height:auto; width:auto; } #slides .next img,#slides .prev img { height:auto; width:auto; } #slides .next { right:0; } #slides .prev { left:0; } .blog-page .next { right:0; } .blog-page .prev { left:0; } .slide img { width:100%; height:auto; overflow:visible; vertical-align:bottom; } .slide a { display:block; margin:0; padding:0; } .pagination { position:absolute; text-align:center; z-index:1000; width:100%; bottom:12px; } .pagination li { display:inline-block; *display: inline; zoom: 1; margin-left:1px; margin-right:1px; list-style:none; text-align:center; height:3px; } .pagination li a { display:inline-block; *display: inline; zoom: 1; width:40px; height:3px; overflow:hidden; background:#efefef; } #slides .caption { z-index:500; position:absolute; bottom:-35px; left:0; height:30px; padding:5px 20px 0 20px; background:rgba(0,0,0,.5); width:540px; font-size:1.3em; line-height:1.33; text-shadow:none; } .blog-slides .caption { z-index:500; position:absolute; bottom:-35px; left:0; height:30px; padding:5px 20px 0 20px; background:rgba(0,0,0,.5); width:540px; font-size:1.3em; line-height:1.33; text-shadow:none; } .image-caption { position: absolute; color: #efefef; background: #333; opacity: 0.8; float: left; z-index: 1200; top: 290px; left: 0px; padding: 0 10px; height: 26px; line-height: 26px; } #slides iframe { width:940px; height:530px; } /*--- 8.2. Buttons ---*/ .btn { border: none; font-size: inherit; color: inherit; background: none; cursor: pointer; padding: 11px 20px; display: inline-block; margin:0; letter-spacing: 1px; font-weight: 700; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn-white { border-radius: 0; border: 3px solid #fafafa; color: #fafafa; overflow: hidden; } .btn-white:active { border-color: #fff; color: #fff; } .btn-white:hover { background: rgba(0, 0, 0, 0.1); color:#fff; } .btn-white:before { position: absolute; height: 100%; font-size: 125%; line-height: 3.5; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn-black:active:before { color: #fff; } .btn-black { border-radius: 0; border: 3px solid #444; color: #444; overflow: hidden; } .btn-black:active { border-color: #323232; color: #323232; } .btn-black:hover { background: rgba(0, 0, 0, 0.1); color:#323232; } .btn-black:before { position: absolute; height: 100%; font-size: 125%; line-height: 3.5; color: #323232; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn-black:active:before { color: #323232; } .btn-red { border-radius: 0; border-bottom: 3px solid #bc1e10; color: #fff; overflow: hidden; background:#e1472f; } .btn-red:active { background:#bc1e10; } .btn-red:hover { background:#bc1e10; } .btn-red:before { position: absolute; height: 100%; font-size: 125%; line-height: 3.5; color: #323232; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .btn-red:active:before { color: #fff; } .button, #submit_my_comment, .wpcf7-submit, .more-link { cursor:pointer; display:inline-block; font-size: 12px; font-weight:600; line-height:16px; margin:0 10px 20px 0; padding: 7px 11px 7px; position:relative; border:0; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; } .white { background:#eaeaea; color: #686868; } .white:hover { color: #686868; background:#d2d2d2; } .yellow { background:#ffb141; border:0; color: #fff; } .yellow:hover { color: #fff; background:#fd9602; } .orange { background:#fe7e17; border:0; color: #fff; } .orange:hover { color: #fff; background:#f77309; } .black { background:#787878; color: #ffffff; } .black:hover { color: #ffffff; background:#444; } .green { background:#9dd30b; color: #fff; } .green:hover { color: #fff; background:#8dbd0a; } .bleumarin { background:#30b4c5; color: #fff; } .bleumarin:hover { background:#2b9fae; color:#fff; } .rose { background:#ee5051; color: #fff; } .rose:hover { color: #fff; background:#d64849; } .red { background:#e1472f; color: #fff; } .red:hover { color: #fff; background:#d44029; } /*--- 8.3. Tables ---*/ .pricing-column { text-align:center; width:235px; float:left; position:relative; } .first-column .package-value, .first-column .package-features { border-left:1px solid #dbdbdb; } .package-value, .package-features { border-right:1px solid #dbdbdb; } .package-title { background:#686868; color:#fff; font-size:16px; height:40px; line-height:40px; border-bottom:3px solid #545454; border-right:1px solid #545454; } .featured-column { top:-10px; box-shadow:0px 2px 10px #dadada; z-index:1; } .featured-column .package-title { height:40px; line-height:30px; position:relative; font-weight:600; box-shadow:0px -1px 10px #000; z-index:-1; } .featured-column .column-shadow { height:10px; position:relative; z-index:10; box-shadow: 0px -1px 0px #dadada; width: 100%; right: 1px; } .pricing-table .featured-column .signup { padding:25px 0; } #posts .pricing-table ul ul li { margin:0; list-style-type: none; } #posts .pricing-table ul { margin:0; list-style:none; } .pricing-column .signup { border-bottom:1px solid #dbdbdb; padding:20px 0; background:#F9F9F9; } .pricing-column .signup .button { margin:0; } .package-value { background:#f9f9f9; height:95px; line-height:95px; } ul.package-features li { height:40px; line-height:40px; background:#fff; list-style: none; } ul.package-features li.alt { background:#f9f9f9; } .package-currency { font-size:16px; position:relative; top:-20px; } .package-price { font-size:48px; font-weight:600; } .package-time { font-size:16px; } .pricing-table, .normal-table { width:100%; margin-top: 15px; } .normal-table td { border:1px solid #efefef; padding:10px 20px; text-align:center; } .normal-table tr.alt { background:#fbfbfb; } .normal-table tr.first-column { background:#666666; color: #efefef; } html .table-6 { width:16.6%; float:left; } html .table-5 { width:20%; float:left; } html .table-4 { width:25%; float:left; } html .table-3 { width:33.3%; float:left; } html .table-2 { width:50%; float:left; } /*--- 8.4. Lists ---*/ #posts > dd{ color:#8B8B8B; } /* content lists */ #posts ul, #posts ol{ list-style: disc; margin:0 0 20px 17px; } #posts ul > ul, #posts ol > ol{ list-style: circle; padding:0; margin:0; } #posts ul > ul > ul, #posts ol > ol > ol { list-style: square; padding:0 10px; margin:0 0 10px 0; } #posts ol{ list-style: decimal; } #posts ol > ol{ list-style: lower-latin; } #posts ol > ol > ol{ list-style: lower-roman; } #posts ul > ul > li, #posts ol > ol > li{ margin:5px 0 5px 15px; } #posts dl{ margin:0 0 20px 0; } #posts dd{ margin:5px 0 5px 15px; font-style:italic; } .widget ul { margin: 0 !important; } .customlist { margin-bottom:20px; } .customlist ul li { padding: 6px 0; border-bottom: 1px dotted #dedede; list-style-type:none !important; width:300px; } .customlist ul li i { margin-right:7px; font-size:12px; } table#wp-calendar { width:100%; background:#fff; } table#wp-calendar caption { background: #ccc; height: 30px; line-height: 30px; border-bottom: 1px solid #787878; color:#323232; } table#wp-calendar thead { background: #efefef; height: 25px; line-height: 25px; } table#wp-calendar tbody td { text-align:center; height:25px; line-height:25px; } table#wp-calendar tbody td a { color:#e1472f; background:#fafafa; font-weight:600; display:block; } table#wp-calendar tbody td a:hover { background:#efefef; display:block; } table#wp-calendar tfoot { height:25px; line-height:25px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; } #contact-widget li { position:relative; padding-top: 0px; } #contact-widget li i { font-size: 14px; position:absolute; left:0px; top: 2px; color:#323232; } .footer-widget #contact-widget li i { color:#fff; } .hasCountdown { overflow: hidden; } .countdown_section { background: #e1472f; display: block; float: left; margin-right: 30px; min-width: 90px; text-align: center; font-size: 14px; color: #fff; padding:17px 15px 23px; margin-bottom:20px; } .countdown_section br { display:none; } .countdown_amount { font-size: 30px; border-bottom: 1px dotted; margin-bottom: 8px; padding-bottom: 13px; display: block; } .flags_language_selector { float: right; margin-right: 20px; } .flags_language_selector li.active-lang { background:#fff; color:#323232; } .flags_language_selector li { display:inline-block; padding: 0 5px; margin: 0 3px; } .searchform-switch { display: block; float: right; position: relative; background: url(/template/sl/templets/default/newcss/images/nav-bg.png) no-repeat scroll left center; width: 42px; height: 86px; } .searchform-switch i { cursor: pointer; font-size: 14px; height: 86px; line-height: 86px; padding: 0 10px; position: absolute; right: 0; } .display-none { display: none; } .header-search-form { position: absolute; right: 0px; bottom: -51px; background: #fff; width: 300px; border-top: 1px solid #323232; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2); z-index: 100002; } .header-search-form input[type=text] { width: 240px; float: left; padding: 15px; margin: 0; border: none; font-size: 14px; font-weight: 400; color: #686868; } .header-search-form button[type=submit] { background: none; border: none; position: absolute; top: 50%; right: 2px; margin-top: -11px; cursor: pointer; font-size: 14px; color: #686868; } .header-search-input::-webkit-input-placeholder { color: #686868; } .header-search-input:-moz-placeholder { color: #686868; } .header-search-input::-moz-placeholder { color: #686868; } .header-search-input:-ms-input-placeholder { color: #686868; } .header-search-form *:focus { outline: 0; } #floatmenu { display: none; position: fixed; top: 0; z-index: 1002; width: 100%; background: rgba(255, 255, 255, 0.95); box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.5); } #floatmenu ul#mainnav > li > a, #floatmenu .searchform-switch, #floatmenu .searchform-switch i { height: 50px; line-height: 50px; } #floatmenu ul#mainnav > li > a > span { border: none; } #floatmenu ul#mainnav > li > ul { top : 50px; } #floatmenu .logo { float: left; height: 50px; } #floatmenu .logo img { display: block; width: auto; height: auto; padding: 5px 0; max-height: 40px; } .begin-content { /*width:1120px;overflow: hidden;height:auto;margin-left:auto;margin-right;auto;*/ } html .sympathique_dark_box h2 { color: #fff; } html .tp-caption.sympathique_dark_box, html .tp-caption.sympathique_white_box { white-space: normal !important; width: 340px; } /*banner bottom*/ /** navbar NAVIGATION VERSION **/ html .tp-bullets.simplebullets.navbar { border: none; border-bottom: none; background:#fff; height: 6px; padding: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index: 1001; position: absolute; bottom:0px; } html .fullwidthbanner-container .tp-bullets.simplebullets.navbar .bullet { cursor: pointer; position: relative; background: #fff; width: 188px; height: 6px; float: left; -moz-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; margin: 0; } .fullwidthbanner-container .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;} .fullwidthbanner-container .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;} html .tp-leftarrow.default { cursor: pointer; background: #393939 url(/template/sl/templets/default/images/slider-left-arrow.png) no-repeat 0 0; width: 42px; height: 43px; } html .tp-rightarrow.default {cursor: pointer;background: #393939 url(/template/sl/templets/default/images/slider-right-arrow.png) no-repeat 0 0;width: 42px;height: 43px;} /*main2*/ .main3{margin-top:30px;float:right;} .home-news-box {width:100%;height:auto;padding-top:46px;} .home-news {width: 980px;} .center-block {display: block;margin-right: auto;margin-left: auto;} .news-item-l,.news-item-r {position: relative;z-index: 999;border:1px solid rgb(239, 239, 239);width:480px;background: #fff;min-height: 275px;} .news-item-l{float:left;} .news-item-r{float:right;} .news-item-l .news-name, .news-item-r .news-name {padding: 20px;border-bottom: 1px solid #f5f5f5;font-size: 22px;color: #000;position: relative;} .news-item-l .news-name .en, .news-item-r .news-name .en {font-size: 14px;color: #9a9a9a;text-transform: uppercase;margin-left: 10px;} .news-item-l .news-name .more, .news-item-r .news-name .more{position: absolute;right: 0;top: 0;height: 100%;line-height: 220%;font-size: 14px;color: #2d2d2d;padding: 20px 30px;border-left: 1px solid #f5f5f5;display: inline-block;} .last-news {padding: 0px 20px;} .last-news li {height:36px;line-height:36px;} .last-news .pic {width: 30%;float: left;} .last-news a.jzimg {display: block;height: 72px;width: 100%;} .last-news a.jzimg img {max-height: 100%;vertical-align: middle;max-width: 100%;} .jzimg i {height: 100%;display: inline-block;vertical-align: middle;max-width: 100%;} .last-news .txt {width: 67%;float: left;margin-left: 3%;} .last-news .txt .name {font-size: 14px;overflow: hidden;width: 100%;} .last-news .txt span {display: block;height: 40px;line-height: 20px;margin-top: 5px;color: #7a7a7a;overflow: hidden;} .media-focus li .line {display: none;width: 10px;height: 100%;position: absolute;right: -10px;top: 5px;background: #0d74ba;border: 0;} .media-focus li .num {width: 20%;float: left;} .media-focus li .num span {display: block;width: 100%;font-size: 60px;color: #9a9a9a;padding-top:24px;} .text-center {text-align: center;} .media-focus li{height:36px;line-height:36px;position: relative;} .media-focus li a {padding-left:40px;} .media-focus li .text .clude, .last-news .txt span {display: block;height: 40px;line-height: 20px;margin-top: 5px;color: #7a7a7a;} .media-focus li:hover .clude, .media-focus li:hover .name a, .media-focus li:hover .name .time, .media-focus li:hover .num span {color: #fff;} .media-focus li:hover .clude, .media-focus li:hover .name a, .media-focus li:hover .name .time, .media-focus li:hover .num span {color: #fff;} .media-focus li:hover {color: #fff;} .media-focus li:hover .text span{border-left: 1px solid #ffffff !important;} .media-focus li:hover .text .name .time{ border-left:none !important;} .name_xy{border-left:none !important;padding:0 !important;} .media-focus li:hover .text .name_xy{border-left:none !important;padding:0 !important;} .indexLink h2{ width:80px;height:30px;line-height:30px;background:#f7f7f7;font-size:13px;font-weight:600;text-align:center;margin-bottom:5px;} .yqlj_list li{float:left;padding:0 5px;} .yqlj_list li a{color:#333;} .listContent{width:980px;margin:0 auto;margin-top:20px;} .listCont_left{} .conternt_position{border-bottom: 1px solid #e6e6e6;line-height:45px;} .listCont_main{margin-bottom:50px;} .mainlist{margin-top:15px;border-bottom:1px solid #e6e6e6;padding-bottom:20px;} .mainlist_tit{font-size:14px;color:#4d91e1;height:40px;line-height:40px;font-weight:600;} .titDate{float:right;color:#999; font-weight:500;} .listCont_page{width:100%;height:30px;} .pagelist{} .pagelist li{float:left;padding:10px;} .nrCont{} .nrCont_tit{border-bottom:1px solid #e6e6e6;padding:20px 0 15px 0;} .nrCont_tit .nrtit{color:#00308f;font-size:18px;font-weight:bold;} .nrCont_tit .nrDate{color:#999;} .nrCont_con{margin-top:20px;font-size:14px;line-height:25px;} .nrCont_con p{padding:5px;} .aboutMmain4_con{font-size:14px;line-height:30px;} .aboutMmain4 ul{margin-left:0px !important;} .aboutMmain4 ul li{width:50%;float:left;} .aboutMain4line{margin-top:20px;} .sub_menu{width:161px;position:absolute; visibility:hidden;} .about_wd{padding:0 10px;line-height:30px;} .right{float:right;padding:0 10px;} .serZx_right{float:right;} .serZx_right a{line-height:25px;padding:0 10px;} .serMain5_tit{font-size:16px;font-weight:600;color:#00308f;} .serMain5_tit strong{font-size:20px;} .aboutMain2_con{width:380px;float:left;} .aboutMain2_con1{width:355px;} .serMainBottom{ border-bottom:1px solid #ddd;} .serMain6Con2{width:235px;float:left;} .serMain6Con2_tit{font-size:18px;font-weight:500;margin-left:65px;line-height:30px;} .serMain6Con2_nr{margin-left:50px;} .serMain8{margin-left:15px;} .serMain8Tit{font-size:16px;font-weight:600;line-height:30px;} .lxwm{width:1120px;margin:0 auto;} .lxwm_left{width:50%;float:left;} .lxwm_right{width:50%;float:right;} .indexMain2{width:320px;height:230px;float:left;margin:10px;} .top_tel{float:right;color:#1c589a;font-weight:bold;margin-left:30px;height:86px;line-height:86px;font-size:18px;} .serMain1Con {width:320px;margin-left:15px;float:left;} #rev_slider_3_1_wrapper .tp-loader.spinner3 div { background-color: #d5462f !important; } .wyzrs{ width: 700px; margin:0 auto; text-align: left; padding-top:40px; padding-bottom: 10px; overflow:hidden; } .wyzr.l{float:left;margin-left:100px;} .wyzr.l:hover{background: #f55137;} .wyzr.r{float:right;margin-right: 100px;background:#164579;} .wyzr.r:hover{background: #1c589a;} .wyzr{text-align:center;width:140px;display:inline-block;margin:0 auto;background: #d5462f;height: 140px; line-height: 27px; overflow: hidden; } .wyzr a{font-size: 19px;color: #fff !important;padding-top:44px;width: 100%;height: 100%;display: inline-block;text-decoration: none;} .wyzr a:hover{color:#fff;} .footer_city{height:30px;} .footer_city dl dt{color:#fff;font-weight:bold;float:left;width:80px;} .footer_city dl dd{float:left;margin-right:15px;} .footer_city dl dd a {color:#fff;} .last-news li .num {width: 20%;float: left;border-right: 1px solid #9a9a9a;height: 65px;} .last-news li .num span {display: block;width: 100%;font-size: 60px;color: #9a9a9a;padding-top: 24px;} /*客户*/ .ScrCont {width: 10000000px;} .hzkh_con {width: 980px;height: AUTO;overflow: hidden;margin: 0 auto;position: relative;} .hzkh_con h2{font-size: 18px;font-weight: 600;width: 200px;height: 44px;line-height: 44px;background-color: #f7f7f7;padding: 0 10px;text-transform: uppercase;margin-bottom: 10px;margin-top:20px;} .Cont {width: 980px;overflow: hidden;float: left;} .clients li{float:left;width:187px;} #main5_List1,#main5_List2 {float: left;text-align:center;} #footer{} .main5 { width: 980px; height: AUTO; overflow: hidden; margin: 0 auto; } #page-242 .wpd_r{ position: relative; width: 1160px; margin:0 auto; } #page-242 .main2>.wpb_row, #page-242 .main4>.wpb_row{ margin:0; } .wpd_r .main3{ /* position: absolute; right: 10px; margin-top:0; */ } @media (min-width: 768px){ .vc_responsive .wpb_row #main_content_right { width: 1000px; } .wpd_r .main3{ margin-top:0; } } .wpd_r .home-news{ width: 360px; } .news-item-l,.news-item-r{ margin-bottom: 30px; } .news-item-l .news-name,.news-item-r .news-name{ } .news-item-l .news-name .more, .news-item-r .news-name .more{ padding:16px 30px; background:#0d74ba; color:#fff; text-decoration: none; } .media-focus li .num span{ font-size:42px; } .Cont{ width: 980px; border-left:1px solid rgb(239,239,239); border-right:1px solid rgb(239,239,239); } .Cont .button{position: absolute;top:116px;z-index:100; display:block;width:33px;height:33px;padding:0px;margin:0px;background: url(/template/sl/templets/default/imgs/ar.png) 0px 0px no-repeat;} .Cont .button.pre{left:0px;} .Cont .button.next{right:0px;background-position: 0px -33px;} .daka h2 { font-size: 18px; font-weight: 600; width: 250px; height: 40px;padding:3px; line-height: 40px; background: #f7f7f7; margin-bottom: 20px; } .daka ul{ /*margin:0 -18px;*/ margin:0px; } .daka ul li{ width: 258px; height: 280px; padding:0 18px; float: left; font-size:14px; } .daka .tit{ font-size:15px; color:#333; line-height: 42px; } .daka .kaimg{ width: 100%; height:140px; display: block; margin:0 auto; } .daka .dec{ font-size:14px; } .daka .dec .txt{ width: 135px; overflow:hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; } .daka .dec .time{ float:right; padding-right: 5px; } .wpb_row .tp-leftarrow.navbar { position: absolute; top: 40%; left:5%; width: 50px; height:50px; background: rgba(0,0,0,.2); text-align: center; } .wpb_row .tp-leftarrow.navbar:after{ content: '<'; font-size:45px; color:#f0f0f0; line-height: 44px; } .wpb_row .tp-rightarrow.navbar{ position: absolute; top: 40%; right: 5%; width: 50px; height:50px; background: rgba(0,0,0,.2); text-align: center; } .wpb_row .tp-rightarrow.navbar:after{ content: '>'; font-size:45px; color:#f0f0f0; line-height: 44px; } .wpb_row .tp-rightarrow.navbar:hover, .wpb_row .tp-leftarrow.navbar:hover{ transition: background .1s; background: rgba(0,0,0,.6)!important; } .clients li{float:left;width:196px;} .view{width:980px;margin-left:auto;margin-right:auto;height:auto;line-height:30px;} .indexLink{width:980px;margin-left:auto;margin-right:auto;padding-top:10px;margin-bottom:20px;height:auto;} .indexLink ul li a{padding-left:8px;padding-right: 8px;} .hydplist_container{width:980px;height:auto;margin-right: auto;margin-left:auto;} .hydpitem{position: relative;width:100%;height:auto;margin-bottom:20px;} .hydpitem .hydp_content{width:980px;height:auto;z-index:2;line-height:28px;} .hydpitem .hydp_content_sm{width:880px;height:40px;line-height:40px;z-index:2;text-align:right;} .hydplist_title h2{height:66px;line-height:66px;} .daka{width:980px;height:auto;margin-left:auto;margin-right:auto;} .thbox_container{width:980px;overflow:hidden;height:auto;margin-left: auto;margin-right: auto;} .thbox .homepage-services{float:left;margin-right:10px;width:318px;border:1px solid #efefef; -webkit-transition:background 0.2s linear; -moz-transition:background 0.2s linear; -o-transition:background 0.2s linear; transition:background 0.2s linear; } .thbox{width:1200px;} .service-item {text-align: center; overflow:hidden;padding-left:10px;padding-right:10px;padding-bottom:30px;padding-top:30px; } /* FILE ARCHIVED ON 14:07:55 Nov 11, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 21:12:18 Sep 02, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.977 exclusion.robots: 0.042 exclusion.robots.policy: 0.026 esindex: 0.017 cdx.remote: 16.747 LoadShardBlock: 72.35 (3) PetaboxLoader3.datanode: 88.488 (4) load_resource: 309.175 PetaboxLoader3.resolve: 253.382 */