/** * Theme Name: Construction - Construction Company, Building Company Template * Version: 1.3 * Description: HTML5 Template for Construction Company and Building Company * Author: BlogWP * Author URI: https://themeforest.net/user/blogwp */ @import url("2c1c7da84bac47fa8973b4f9d99a63af.css"); @import "bootstrap.min.css"; @import "animsition.css"; @import "animate.css"; @import "fontello.css"; @import "font-awesome.min.css"; @import "owl.carousel.css"; @import "cubeportfolio.min.css"; @import "magnific-popup.css"; @import "flexslider.css"; @import "vegas.css"; @import "settings.css"; @import "layers.css"; @import "navigation.css"; @import "woocommerce.css"; @import "shortcodes.css"; /*@import "fontello.css";*/ /** * Reset Browsers * General * Elements * Form * Typography * Extra classes * Layout * Grid * Hero Background SlideShow * Top Bar * Header * Featured Title * Blog * Blog Single * Widgets * Bottom Bar * Pagination & Arrows * Scroll Top Button * Media Queries * Retina Devices */ /* Reset Browsers -------------------------------------------------------------- */ 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,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:"微软雅黑","Microsoft YaHei", Arial,"宋体", sans-serif;font-size:100%;font-style:inherit;font-weight:inherit;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}body{background:#fff;line-height:1;}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;}caption,th,td{font-weight:normal;text-align:left;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}blockquote,q{quotes:none}a:focus{outline:none}a:hover,a:active{outline:0}a img{border:0}img{max-width:100%;height:auto;}select{max-width:100%} /* General -------------------------------------------------------------- */ body, button, input, select, textarea { font-family:"微软雅黑","Microsoft YaHei", Arial,"宋体", sans-serif; color: #777; font-size: 14px; line-height: 1.875; background-color: #fff; } img { height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic } p { margin: 0 0 20px; } strong, b { font-weight: bold; } dfn, cite, em, i, blockquote { font-style: italic; } blockquote { border: 2px solid #287eff; font-style: italic; padding: 35px 30px; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote > p:last-child { margin-bottom: 0; } blockquote .small { display: inline-block; } blockquote cite { } blockquote em, blockquote i { font-style: normal; } abbr, acronym { border-bottom: 1px dotted #d1d1d1; cursor: help; } mark, ins { text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -6px; } sub { bottom: -3px; } small { font-size: 75%; } big { font-size: 125%; } address { font-style: italic; margin: 0 0 20px; } code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; background: #f9f9f9; border: 1px solid #e1e1e1; border-radius: 0; height: auto; margin: 0 0 20px; overflow-x: auto; padding: 20px; } a {cursor: pointer;} /* Elements -------------------------------------------------------------- */ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } hr { background-color: #f6f6f6; border: 0; height: 1px; margin-bottom: 20px; } /* List */ /* ul, ol { padding: 0; margin: 0 0 20px 35px; } */ ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; } /* ul li, ol li { line-height: 1.86em; padding: 0.26em 0; } */ ul.list-unstyled { margin-left: 0; list-style: none; } .list-fixed-icon .fa { display: inline-block; width: 1.2em; text-align: right; padding-right: 1.4em; } dl { margin: 0 0 30px; } dt { font-weight: bold; } dd { margin: 0 0 30px; } del { filter: alpha(opacity=80); opacity: 0.8;} /* Table */ table, th, td { border: 1px solid #eaeaea; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 30px; table-layout: fixed; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } th, td { padding: 5px; } /* Media */ embed, iframe, object, video { margin-bottom: 20px; max-width: 100%; vertical-align: middle; } p > embed, p > iframe, p > object, p > video { margin-bottom: 0; } /* Accessibility - Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Forms -------------------------------------------------------------- */ /* Fixes */ button, input { line-height: normal; } button, input, select, textarea { font-size: 100%; line-height: inherit; margin: 0; vertical-align: baseline; } input, textarea { font-size: 1em; max-width: 100%; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */ } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ } input[type="checkbox"] { display: inline; } button, input[type="button"], input[type="reset"], input[type="submit"] { line-height: 1; cursor: pointer; -webkit-appearance: button; border: 0; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ } /* Remove chrome yellow autofill */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset } /* Reset search styling */ input[type="search"] { outline: 0 } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none } /* Input normal */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { color: #777; border: 1px solid #eaeaea; padding: 11px 19px; line-height: inherit; width: 100%; background-color: transparent; margin-bottom: 30px; border-radius: 0; height: auto; -webkit-appearance: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border ease .238s; -moz-transition: border ease .238s; transition: border ease .238s; } /* For Contact Form 7 */ .wpcf7-form select, .wpcf7-form textarea, .wpcf7-form input { margin-bottom: 0; } /* Input focus */ textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border-color: #a1a1a1; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Button */ button, input[type="button"], input[type="reset"], input[type="submit"] { font-family:"微软雅黑","Microsoft YaHei", Arial,"宋体", sans-serif; font-weight: 500; background-color: #287eff; color: #fff; padding: 1.285em 2.642em; display: inline-block; -webkit-appearance: none; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } /* Button hover + focus */ button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: 0; background-color: #4b4b4b; color: #fff; } /* Placeholder color */ ::-webkit-input-placeholder { color: #c1c1c1; } :-moz-placeholder { color: #c1c1c1; } ::-moz-placeholder { color: #c1c1c1; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #c1c1c1; } /* Links */ a { color: #287eff; outline: 0; text-decoration: none; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } a:hover, a:focus, a:active { outline: 0; color: #4b4b4b; text-decoration: none } /* Typography -------------------------------------------------------------- */ .text-accent-color { color: #287eff !important; } .text-white { color: #fff !important; } .text-grey { color: #ccc !important; } .text-heading-color { color: #4b4b4b !important; } .text-muted { color: #aaa !important; } .text-primary { color: #3c7fb9 !important; } .text-success { color: #51a351 !important; } .text-info { color: #56b5ce !important; } .text-warning { color: #dfa048 !important; } .text-danger { color: #cb4d49 !important; } p.dropcap-contrast span.first-letter { font-size: 24px; float: left; color: white; background-color: #287eff; text-align: center; vertical-align: middle; margin: 5px 10px 0 0; line-height: 60px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } p.dropcap span.first-letter { font-size: 55px; float: left; color: #287eff; text-align: left; line-height: 45px; margin-right: 18px; width: 45px; height: 45px; } .construction-icons > span { font-size: 30px; } /* Extra classes -------------------------------------------------------------- */ .line-height-normal { line-height: normal; } .margin-0 { margin: 0 !important; } .padding-0 { padding: 0 !important; } .margin-bottom-0 { margin-bottom: 0px; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-35 { margin-bottom: 35px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-45 { margin-bottom: 45px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-bottom-55 { margin-bottom: 55px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-65 { margin-bottom: 65px; } .margin-bottom-70 { margin-bottom: 70px; } .margin-bottom-75 { margin-bottom: 75px; } .margin-bottom-80 { margin-bottom: 80px; } .margin-bottom-85 { margin-bottom: 85px; } .margin-bottom-90 { margin-bottom: 90px; } .margin-bottom-95 { margin-bottom: 95px; } .margin-bottom-100 { margin-bottom: 100px; } .margin-top-0 { margin-top: 0px; } .margin-top-5 { margin-top: 5px; } .margin-top-10 { margin-top: 10px; } .margin-top-15 { margin-top: 15px; } .margin-top-20 { margin-top: 20px; } .margin-top-25 { margin-top: 25px; } .margin-top-30 { margin-top: 30px; } .margin-top-35 { margin-top: 35px; } .margin-top-40 { margin-top: 40px; } .margin-top-45 { margin-top: 45px; } .margin-top-50 { margin-top: 50px; } .margin-top-55 { margin-top: 55px; } .margin-top-60 { margin-top: 60px; } .margin-top-65 { margin-top: 65px; } .margin-top-70 { margin-top: 70px; } .margin-top-75 { margin-top: 75px; } .margin-top-80 { margin-top: 80px; } .margin-top-85 { margin-top: 85px; } .margin-top-90 { margin-top: 90px; } .margin-top-95 { margin-top: 95px; } .margin-top-100 { margin-top: 100px; } .font-weight-300 { font-weight: 300; } .font-weight-400 { font-weight: 400; } .font-weight-500 { font-weight: 500; } .font-weight-600 { font-weight: 600; } .font-weight-700 { font-weight: 700; } .letter-spacing-1px { letter-spacing: 1px; } .letter-spacing-2px { letter-spacing: 2px; } .letter-spacing-3px { letter-spacing: 3px; } .letter-spacing-4px { letter-spacing: 4px; } .letter-spacing-5px { letter-spacing: 5px; } .letter-spacing-6px { letter-spacing: 6px; } .letter-spacing-7px { letter-spacing: 7px; } .letter-spacing-8px { letter-spacing: 8px; } .font-family-body { font-family:"微软雅黑","Microsoft YaHei", Arial,"宋体", sans-serif; } .font-family-heading { font-family:"微软雅黑","Microsoft YaHei", Arial,"宋体", sans-serif; } .font-family-extend { font-family:"微软雅黑","Microsoft YaHei", Arial,"宋体", sans-serif; } .font-size-13 { font-size: 13px; } .font-size-14 { font-size: 14px; } .font-size-15 { font-size: 15px; } .font-size-16 { font-size: 16px; } .font-size-17 { font-size: 17px; } .font-size-18 { font-size: 18px; } .font-size-19 { font-size: 19px; } .font-size-20 { font-size: 20px; } .font-size-21 { font-size: 21px; } .font-size-22 { font-size: 22px; } .font-size-23 { font-size: 23px; } .font-size-24 { font-size: 24px; } .font-size-25 { font-size: 25px; } .font-size-26 { font-size: 26px; } .font-size-27 { font-size: 27px; } .font-size-28 { font-size: 28px; } .font-size-29 { font-size: 29px; } .font-size-30 { font-size: 30px; } .font-size-35 { font-size: 35px; } .font-size-40 { font-size: 40px; } .font-size-45 { font-size: 45px; } .font-size-50 { font-size: 50px; } .font-size-55 { font-size: 55px; } .font-size-60 { font-size: 60px; } .font-size-70 { font-size: 70px; } .font-size-80 { font-size: 80px; } .font-size-90 { font-size: 90px; } .font-size-100 { font-size: 100px; } .text-shadow { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) !important; } .parallax { width: 100%; background-position: 50% 0; } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after, .wprt-container:before, .wprt-container:after { clear: both; display: table; line-height: 0; content: ""; } .clearfix:after, .wprt-container:after { clear: both; } @charset "utf-8"; @import url('fonts.css'); * { outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -webkit-text-size-adjust: 100% } body { padding: 0; margin: 0 auto; font-size: 14px; color: #666; background: #fff; font-family: "Microsoft YaHei"; -webkit-text-size-adjust: none; /*取出点击出现半透明的灰色背景*/ -webkit-tap-highlight: rgba(0, 0, 0, 0); } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } ul, li, form, dl, dt, dd, div, ol, figure, article, nav, menu, aside, pre { padding: 0; margin: 0; } .ul, .ul li { list-style: none; } table, table td { border-collapse: collapse; } table { border-spacing: 0; } table td, select, input, textarea { font-size: 14px; } select, input, textarea { border-radius: 0; -webkit-border-radius: 0; } select, input, textarea, pre { font-family: "Microsoft YaHei"; } img { border: none; max-width: 100%; vertical-align: middle; } a { color: #333; text-decoration: none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 去掉链接触摸高亮 */ } a:hover { color: #47a0ec; text-decoration: none; } a:focus { color: #333; outline: none; -moz-outline: none; } a:active { color: #333; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; text-align: justify; text-justify: inter-ideograph; } .clear { clear: both; height: 0px; overflow: hidden; zoom: 0; } .clearfix:after { content: ''; display: block; height: 0; clear: both; } .dot { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .dot2, .dot3, .dot4, .dot5, .dot6 { display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; } .dot2 { -webkit-line-clamp: 2; } .dot3 { -webkit-line-clamp: 3; } .dot4 { -webkit-line-clamp: 4; } .dot5 { -webkit-line-clamp: 4; } .dot6 { -webkit-line-clamp: 4; } .ytable { display: table; width: 100%; } .ytable-fixed { table-layout: fixed; } .ytable-cell { display: table-cell; vertical-align: middle; } .Ispic { background-repeat: no-repeat; background-position: center center; background-size: cover; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .nM { margin: 0; } .nP { padding: 0; } select.select-css { border: solid 1px #000; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-repeat: no-repeat; background-position: 98% center; background-color: transparent; padding-right: 20px; padding-left: 10px; } /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ select.select-css::-ms-expand { display: none; } /**初始 End**/ .w22, .w75 { padding-bottom: 4%; } @media(min-width:1025px) { .fl { float: left; } .fr { float: right; } .w22 { width: 22%; } .w75 { width: 75%; } } .img-block{ display: block; width: 100%; } /*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的 在style.css 加上修改*/ /*用于图片变黑白*/ .grayscale{filter:url("data:image/svg+xml;utf8,#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s;}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s;}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0}.flipInY .grayscale.grayscale-replaced>svg {opacity:1;}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0} /**页面框架 End**/ .auto { margin: 0 auto; } .w_96{width: 96%;} .auto_1280 { max-width: 1280px; } .auto_1680 { max-width: 1680px; } @media(max-width:1280px) { .auto_1280 { padding: 0 2%; } } .auto_1200 { max-width: 1200px; } @media(max-width:1200px) { .auto_1200 { padding: 0 2%; } } .auto_1180 { max-width: 1180px; } @media(max-width:1180px) { .auto_1180 { padding: 0 2%; } } .auto_1150 { max-width: 1150px; } @media(max-width:1150px) { .auto_1150 { padding: 0 2%; } } .auto_1100 { max-width: 1100px; } @media(max-width:1100px) { .auto_1100 { padding: 0 2%; } } .auto_1050 { max-width: 1050px; } @media(max-width:1050px) { .auto_1050 { padding: 0 2%; } } .auto_1000 { max-width: 1000px; } @media(max-width:1000px) { .auto_1000 { padding: 0 2%; } } .auto_950 { max-width: 950px; } @media(max-width:950px) { .auto_950 { padding: 0 2%; } } /*by 20201020*/ /******************************* open-search ********************************/ .open-search{cursor: pointer;} .open-search[rel="absolute"]{position: absolute; top: 50%;} .open-search[rel="relative"]{position: relative;} .open-search.on{background: none!important;} .open-search.on:before, .open-search.on:after{position: absolute; content: ''; width: 70%; left: 15%; height: 3px; top: 50%; margin-top: -1.5px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .top-search{position: relative;display: none;padding-right: 50px;} .top-search[rel="absolute"]{position: absolute; top: 100%; right: 0; z-index: 100; width: 100%;max-width: 320px;} .top-search .text{width: 100%; height: 44px; line-height: 44px; border: 0;background: #fff; padding: 0 10px;color: #999;} .top-search .text.focus{color: #333;} .top-search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 50px;background-repeat: no-repeat;background-position: center center;} /******************************* open-menu ********************************/ @media(max-width:1024px){ body.menu-show{overflow: hidden;} .open-menu{z-index: 10; width: 40px; height: 40px;} .open-menu[rel="relative"]{position: relative;} .open-menu[rel="absolute"]{position: absolute; top: 50%; transform: translateY(-50%);} .open-menu i{position: absolute; width: 100%; height: 3px; background: #fff; left: 0; top: 50%; margin-top: -1.5px; transition: 0.3s;} .open-menu:not(.on) i:nth-child(1){margin-top: -10px;} .open-menu:not(.on) i:nth-child(3){margin-top: 8px;} .open-menu.on i:nth-child(2){opacity: 0;} .open-menu.on i:nth-child(1){transform: rotate(-45deg);} .open-menu.on i:nth-child(3){transform: rotate(45deg);} } /************************************* whir_menu.2.0 **************************************/ @media(min-width:1025px){ .top-sub{position: absolute; top: 100%; z-index: 100;} } @media(max-width:1024px){ .has-sub span{position: relative;padding-right: 40px; overflow: hidden;} .has-sub span .op{position: absolute; width: 40px; height: 100%; height: 100%; transition: 0.3s; right: 0; top: 0;} .has-sub span .op.click{transform: rotate(45deg);} .has-sub span .op:before, .has-sub span .op:after{position: absolute; content: ''; width: 12px; height: 2px;background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);} .has-sub span .op:after{ width: 2px; height: 12px;} } [rel="li-relative"] li{position: relative; z-index: 100;} [type="Vertical"] .sub{display: none;} [type="Vertical"] .sub dl{padding: 10px;} [type="Vertical"] .sub dt{line-height: 24px; padding: 5px 0; text-align: center;} @media(min-width:1025px){ [type="Vertical"] .sub dl{background: rgba(255,255,255,0.85);} [rel="li-relative"] .sub{left: 50%; width: 140px; margin-left: -70px;} } .Top002974 { position: absolute; left: 0; top: 0; width: 100%; z-index: 100; transition: 0.3s; } .Top002974 .logo { /* width: 160px; */display: table; height: 80px; } .Top002974 .logo a { display: table-cell; vertical-align: middle; } .Top002974 .logo img { /* max-width: 60%; */ max-height: 66px; } .Top002974 .top-right { padding-top: 10px; font-size: 14px; } .Top002974 .top-right > * { float: left; line-height: 30px; } .Top002974 .top-right a.a_login { margin-left: 20px; background: url("../images/top002974_icon_tel_black_1.png") no-repeat left center; padding-left: 30px; } .Top002974 .top-right a.a_register { background: #1068ac; padding: 0 15px; color: #fff; margin-left: 15px; } .Top002974 .hotline { font-size: 16px; color: #fefefe; background: url("../images/top002974_icon_tel_black_1.png") no-repeat left center; padding-left: 20px; } .Top002974_white{border-bottom:1px solid rgba(255,255,255,0.3);} .Top002974_white, .Top002974_white a { color: #fff; } .Top002974_black { background: #fff; } .Top002974_black, .Top002974_black a { color: #333; } .Top002974_black .top-right a.a_login { background-image: url("../images/top002974_icon_login_black.png"); } .Top002974_black .hotline { color: #333; background-image: url("../images/top002974_icon_tel_black.png"); } @media(min-width:1025px) { .Top002974 .top-menu nav li a:hover, .Top002974 .top-menu nav li.aon span a { color: #ffb432; } .Top002974 .top-menu nav li span a:hover, .Top002974 .top-menu nav li.aon span a { border-bottom-color: #ffb432; } .Top002974 .top-menu nav li { float: left; margin-right: 3vw; position: relative; } .Top002974 .top-menu nav li span a { line-height: 77px; border-bottom: 3px solid transparent; font-size: 16px; } .Top002974 .top-menu nav li .sub { width: 210px; left: 50%; margin-left: -105px; background: #fff; font-size:1.6rem; } .Top002974 .top-menu nav li .sub dt{ border-bottom:1px solid #eee; } .Top002974 .top-menu nav li .sub a{ line-height:4rem; } .Top002974 .top-menu nav li .prod-sub { left: 0; width: 100%; border-top: 1px solid #e6eaec; } .Top002974 .prod-sub dl { overflow: hidden; padding: 0; } .Top002974 .prod-sub dt { float: left; width: 33.33333%; overflow: hidden; border-top: 1px solid #e6eaec; margin-top: -1px; padding: 36px 0; position: relative; } .Top002974 .prod-sub dt:nth-child(3n+1) { clear: left; } .Top002974 .prod-sub dt:not(:nth-child(3n)):after { position: absolute; content: ''; height: 80%; top:10%; right: 0; width: 1px; background: #e6eaec; } .Top002974 .prod-sub dt .pic { float: left; width: 43.48%; } .Top002974 .prod-sub dt .txt { float: right; width: 56%; text-align: left; } .Top002974 .prod-sub dt .tab-label { line-height: 30px; } .Top002974 .prod-sub dt .tab-label a { color: #666; } } .Top002974 .top-menu nav li span, .Top002974 .top-menu nav li span a { display: block; } .Top002974 .prod-sub dt .name * { margin: 0; } .Top002974 .prod-sub dt .name { padding-bottom: 10px; } .Top002974 .prod-sub dt .name h4 { font-weight: normal; font-size: 24px; color: #000; } .Top002974 .prod-sub dt .name p { font-size: 18px; padding-top: 5px; } @media(min-width:1025px) and (max-width:1440px) { .Top002974 .logo { width: 15.278vw; } .Top002974 .hotline { font-size: 1.389vw; } .Top002974 .prod-sub dt .name h4 { font-size: 1.667vw; } .Top002974 .top-menu nav li span a, .Top002974 .prod-sub dt .name p { font-size: 1.25vw; } .Top002974 .top-right a.a_store { font-size: 1.112vw; padding: 0 1.598vw; margin-left: 2.084vw; } } @media(max-width:1024px) { .Top002974 { position: relative; } .Top002974 .logo { width: 50%; height: 70px; } .Top002974 .logo img { max-width: 130%; max-height: 50px; margin-left:20px;} .Top002974 .top-menu { position: fixed; top: 70px; bottom: 0; background: #fff; right: 0; overflow: hidden; width: 0; opacity: 0; transition: 0.5s; } .menu-show .Top002974 .top-menu { opacity: 1; width: 240px; } .Top002974 .top-menu nav { width: 240px; height: 100%; overflow: auto; } .Top002974 .top-menu ul { padding: 0 2vw; } .Top002974 .top-menu li { padding: 2vw 0; border-bottom: 1px solid #eee; } .Top002974 .top-menu li .sub dt { text-align: left; } .Top002974 .top-right { padding: 0; position: absolute; right: 2%; top: 50%; transform: translateY(-50%); } .Top002974 .open-menu { height: 32px; width: 30px; margin-left:20px;} .Top002974 .open-menu i, .Top002974 .has-sub span .op:before, .Top002974 .has-sub span .op:after { background: #333; } .Top002974 .top-right a.a_store { margin: 0 2vw; } .Top002974 .prod-sub dt:not(:last-child) { border-bottom: 1px solid #eee; padding-bottom: 3vw; margin-bottom: 3vw; } .Top002974 .prod-sub dt .pic { width: 50%; margin: 0 auto; } .Top002974 .prod-sub dt .name { padding: 3vw 0; } .Top002974 .top-right a.a_login { color: #333; background-image: url(../images/top002974_icon_login_black.png);} } @media(max-width:640px) { .Top002974 .prod-sub dt .name h4 { font-size: 4.5vw; } .Top002974 .prod-sub dt .name p { font-size: 4vw; } .Top002974 .hotline { display: none; } .Top002974 .top-menu nav li span a { font-size: 16px;} } /* Layout -------------------------------------------------------------- */ .wprt-container { width: 1170px; margin: 0 auto; max-width: 90%; } #page { background: #fff; } #main-content { padding: 50px 0; } /* Inner Content */ #inner-content, #inner-sidebar { position: relative; z-index: 1; } #inner-content:after, #inner-sidebar:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-style: solid; border-width: 0; z-index: -1; } /* Sidebar Right (default) */ /* .site-main #content-wrap #site-content { float: right; width: 70.95%} */ #site-content02 { float: right; width: 100% } #sidebar { float: left; width: 25.64% } /* Sidebar Left */ .sidebar-left #site-content { float: right; } .sidebar-left #sidebar { float: left; } /* No Sidebar */ .no-sidebar #site-content { width: 100% !important; max-width: none !important; float: none !important; } /* Hero Slideshow -------------------------------------------------------------- */ #hero-section { position: relative; } #hero-section .hero-content { position: relative; z-index: 20; text-align: center; } #hero-section .hero-title { overflow: hidden; height: 80px; vertical-align: baseline; } #hero-section .hero-title h1 { font-size: 80px; color: #fff; height: 80px; line-height: 72px; margin: 0; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,.3); -webkit-transition: margin-top 0.4s ease-in-out; -moz-transition: margin-top 0.4s ease-in-out; transition: margin-top 0.4s ease-in-out; } #hero-section .typed-cursor{ opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes blink { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } #hero-section .hero-text { font-size: 20px; width: 100%; color: #fff; margin: 30px 0 30px; text-shadow: 1px 1px 3px rgba(0,0,0,.3); } #hero-section .hero-text > p { padding: 0 15px; max-width: 600px; margin: 0 auto; } #hero-section .arrow { position: absolute; bottom: 10px; left: 50%; margin-left: -20px; width: 40px; height: 40px; z-index: 999; animation: bounce 2.5s infinite; -webkit-animation: bounce 2.5s infinite; -moz-animation: bounce 2.5s infinite; } #hero-section .arrow:after { content: "\f107"; font-family: "FontAwesome"; font-size: 24px; color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 40px; line-height: 40px; text-align: center; } #hero-section .arrow:hover:after { color: #287eff; } #hero-section .arrow-2 { display: inline-block; width: 50px; height: 150px; font-size: 34px; animation: bounce 2.5s infinite; -webkit-animation: bounce 2.5s infinite; -moz-animation: bounce 2.5s infinite; } #hero-section .arrow-2:hover, #hero-section .arrow-2:focus { color: #fff; } /* Top Bar -------------------------------------------------------------- */ #top-bar { font-size: 0.928em; position: relative; z-index: 1; } #top-bar:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* background-color: #0c71b7; */ z-index: -1;} #top-bar, #top-bar a { color: #fff; } #top-bar a:hover { text-decoration: underline; } #top-bar-inner { padding-top: 10px; padding-bottom: 10px; } #top-bar .top-bar-inner-wrap { display: table; overflow: hidden; width: 100%; } #top-bar .top-bar-content { display: table-cell; margin: 0; text-align: left; vertical-align: middle; width: 65%;} #top-bar .top-bar-socials { display: table-cell; text-align: right; vertical-align: middle; width: 35%;} #top-bar .top-bar-socials .texts { padding-right: 5px; } /* Override for header 5 */ .header-style-5 #top-bar:after {/* background-color: #000; */ filter: alpha(opacity=20); opacity: 0.2; border-width: 0 0 1px 0; border-style: solid; border-color: #f2f2f2; } /* Top Bar Socials */ #top-bar .top-bar-socials .icons a { position: relative; z-index: 1; font-size: 14px; color: #fff; width: 24px; height: 24px; line-height: 24px; margin: 0 0 0 8px; text-align: center; display: inline-block; } #top-bar .top-bar-socials .icons a:hover { color: #4b4b4b; } #top-bar .top-bar-socials .icons a:last-child { margin-right: 0; } #top-bar .top-bar-socials .icons a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; border: 1px solid transparent; background-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Top Bar Content */ #top-bar .top-bar-content i.fa-phone-square { margin-right: 12px;color: #fff;font-size: 14px } #top-bar .top-bar-content i.fa-envelope { margin-right: 12px; margin-left: 24px; color: #fff; font-size: 13px } #top-bar .top-bar-content i.fa-clock-o { margin-right: 12px; margin-left: 24px; color: #fff; font-size: 14px } /* Top Bar Menu */ .top-bar-menu { margin: 0; list-style: none; margin-right: 20px; } .top-bar-menu li { margin-right: 20px } .top-bar-menu li li { display: none !important; /* hide dropdowns on top menu */ } .top-bar-menu li:last-child { margin-right: 0 } .top-bar-menu, .top-bar-menu li { display: inline-block; } .top-bar-menu li a { color: #4b4b4b; display: inline-block; } /* Top Bar Style 2 */ #top-bar.style-2 .top-bar-menu { float: right; margin: 0 0 0 25px; } #top-bar.style-2 .top-bar-content { text-align: right; } #top-bar.style-2 .top-bar-socials { text-align: left; } #top-bar.style-2 .top-bar-socials .icons a:first-child { margin-left: 0; } /* Header -------------------------------------------------------------- */ #site-header { position: relative; /* background-color: #fff; */ /* border:1px solid red; */ /* background:none; */ z-index:9999;} #site-header-inner { position: relative; padding-top: 20px; padding-bottom: 20px; height: 100%; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } #site-logo { float: left; width: 90%;} #site-logo .site-logo-text { color: #4b4b4b; font-size: 22px; line-height: 34px; font-weight: 700; } #site-logo .site-logo-text:hover { color: #287eff; } /* .menu-has-search #site-header.style-1 #main-nav, .menu-has-search #site-header.style-5 #main-nav { right: 50px; }*/ /* .menu-has-cart #site-header.style-1 #main-nav, .menu-has-cart #site-header.style-5 #main-nav { right: 60px; }*/ /* .menu-has-search.menu-has-cart #site-header.style-1 #main-nav, .menu-has-search.menu-has-cart #site-header.style-5 #main-nav { right: 56px; }*/ /* .menu-has-search.menu-has-cart #site-header.style-1 #header-search, .menu-has-search.menu-has-cart #site-header.style-5 #header-search { right: 26px; } */ /* Header Styles */ #site-header.style-1 #main-nav, #site-header.style-5 #main-nav { position: absolute; right: -3px; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } #site-header.style-1 #main-nav > ul > li > a, #site-header.style-5 #main-nav > ul > li > a { height: 50px; line-height: 50px; } #site-header.style-1 .header-search-icon, #site-header.style-5 .header-search-icon { display: block; height: 50px; line-height: 50px; color: #4b4b4b; font-size: 16px; } #site-header.style-1 .header-search-icon:hover, #site-header.style-5 .header-search-icon:hover { color: #287eff; } #site-header.style-1 .header-search-form, #site-header.style-5 .header-search-form { top: 4px; } /* Header Search */ #site-header #header-search { position: absolute; right: 15px; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } #site-header .header-search-form { position: absolute; right: 30px; top: -6px; width: 210px; display: none; } #site-header .header-search-field { margin: 0; padding-top: 5px; padding-bottom: 5px; background-color: #fff; } #site-header .header-search-submit { position: absolute; right: 0; top: 0; filter: alpha(opacity=0); opacity: 0; visibility: hidden; display: none; } #site-header .header-search-form.show { filter: alpha(opacity=100); opacity: 1; visibility: visible; } #site-header .header-search-form header-search-field { width: 273px; height: 43px; } /* Mini Cart */ .nav-top-cart-wrapper { position: absolute; right: 15px; top: 50%; z-index: 100; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .nav-cart-trigger { display: block; height: 50px; line-height: 50px; color: #4b4b4b; font-size: 16px; } .nav-cart-trigger:hover { color: #287eff; } .nav-cart-trigger .cart-icon { position: relative; padding-right: 16px; } .shopping-cart-items-count { position: absolute; right: 0; top: 0; width: 15px; height: 15px; line-height: 17px; font-size: 11px; background-color: #287eff; color: #fff; display: block; border-radius: 50%; text-align: center; } .nav-top-cart-wrapper .nav-shop-cart { width: 305px; position: absolute; right: 0; top: 100%; z-index: 99999; background-color: #fff; border: 1px solid #f8f8f8; padding: 20px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); filter: alpha(opacity=0); opacity: 0; visibility: hidden; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; -webkit-transform: translateY(5px); -moz-transform: translateY(5px); transform: translateY(5px); } .nav-top-cart-wrapper:hover .nav-shop-cart { filter: alpha(opacity=100); opacity: 1; visibility: visible; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .nav-top-cart-wrapper .nav-shop-cart ul { list-style: none; margin: 0; } .nav-top-cart-wrapper .nav-shop-cart ul li { display: inline-block; position: relative; width: 100%; border-top: 1px solid #eaeaea; padding: 15px; padding-left: 0; } .nav-top-cart-wrapper .nav-shop-cart ul li.empty { padding: 0; } .nav-top-cart-wrapper .nav-shop-cart ul li:first-child { padding-top: 0; margin-top: 0; border-top: 0; } .nav-top-cart-wrapper .nav-shop-cart ul li a { color: #4b4b4b; font-family:"微软雅黑","Microsoft YaHei", Arial,"宋体", sans-serif; font-weight: 500; font-size: 1.071em; } .nav-top-cart-wrapper .nav-shop-cart ul li a:hover { color: #287eff; } .nav-top-cart-wrapper .nav-shop-cart ul li a.remove { font-size: 16px; color: #d82e2e; position: absolute; right: 0; top: 25px; } .nav-top-cart-wrapper .nav-shop-cart ul li a.remove:hover { color: #4b4b4b; } .nav-top-cart-wrapper .nav-shop-cart ul li:first-child a.remove { top: 10px; } .nav-top-cart-wrapper .nav-shop-cart ul li a img { float: left; width: 50px; margin-left: 0; margin-right: 13px; } .nav-top-cart-wrapper .nav-shop-cart ul li .quantity { display: block; line-height: 16px; } .nav-top-cart-wrapper .nav-shop-cart .total { border-top: 1px solid #eaeaea; padding-top: 10px; } .nav-top-cart-wrapper .nav-shop-cart .buttons:before, .nav-top-cart-wrapper .nav-shop-cart .buttons:after { content: ""; display: table; clear: both; } .nav-top-cart-wrapper .nav-shop-cart .buttons { margin: 0; } .nav-top-cart-wrapper .nav-shop-cart .buttons a { float: left; text-transform: uppercase; } .nav-top-cart-wrapper .nav-shop-cart .buttons a.checkout { float: right; } /* Navigation */ #main-nav { display: block; } #main-nav ul { margin: 0; } #main-nav ul li { position: relative; list-style: none; padding-top: 0; padding-bottom: 0; } #main-nav > ul > li { float: left; padding: 0 16px; } #main-nav > ul > li:first-child { padding-left: 0; } #main-nav > ul > li > a { display: block; font-family:"微软雅黑","Microsoft YaHei", Arial,"宋体", sans-serif; font-size: 16px; font-weight: 500; color: #4b4b4b; text-transform: uppercase; } #main-nav > ul > li > a:hover, #main-nav > ul > li.current-menu-item > a { color: #287eff; } #main-nav > ul > li.menu-item-has-children > a { position: relative; padding-right: 15px; } #main-nav > ul > li.menu-item-has-children > a:after { content: "\f107"; font-family: "FontAwesome"; position: absolute; right: 0; top: 0; filter: alpha(opacity=75); opacity: 0.75 } /* Re-style for header 5 (float) */ .header-style-5 #site-header { background-color: transparent !important; } .header-style-5 #site-header-wrap { position: absolute; left: 0; top: 0; width: 100%; /* background-color: transparent; */ z-index: 999; } /* #site-header.style-5:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=20); opacity: 0.2; z-index: -1; } */ #site-header.style-5 #main-nav > ul > li > a { color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } #site-header.style-5 #main-nav > ul > li.current-menu-item > a, #site-header.style-5 #main-nav > ul > li > a:hover { color: #fff; } #site-header.style-5 .mobile-button:before, #site-header.style-5 .mobile-button:after, #site-header.style-5 .mobile-button span { background-color: #fff; } #site-header.style-5 .nav-cart-trigger { color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } #site-header.style-5 .nav-cart-trigger:hover { color: #287eff; } #site-header.style-5 .header-search-icon { color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } #site-header.style-5 .header-search-icon:hover { color: #287eff; } /* Header sticky */ #site-header.is-sticky { /* position: fixed; *//* left: 0; top: 0; */ width: 100%; z-index: 999999; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } #site-header.is-sticky:after { filter: alpha(opacity=80); opacity: 0.8; } #site-header.is-sticky #site-header-inner { padding-top: 14px; padding-bottom: 14px; } /* Sub Menu */ #main-nav .sub-menu { position: absolute; left: 0; top: 100%; width: 220px; filter: alpha(opacity=0); opacity: 0; visibility: hidden; z-index: 9999; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; -webkit-transform: translateY(3px); -moz-transform: translateY(3px); transform: translateY(3px); -webkit-box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2); box-shadow: inset 0 12px 19px rgba(255,255,255,0.1), 0 1px 7px rgba(0,0,0,0.2); } #main-nav > ul > li:first-child > .sub-menu { left: -18px; } #main-nav .sub-menu li a { display: block; background-color: #fff; color: #4b4b4b; font-weight: 500; font-size: 0.928em; font-family:"微软雅黑","Microsoft YaHei", Arial,"宋体", sans-serif; text-transform: uppercase; border-top: 1px solid #eaeaea; padding: 10px 19px; line-height: 24px; } #main-nav .sub-menu li:first-child a { border-top: 0; } #main-nav .sub-menu li a:hover { color: #287eff; } #main-nav li:hover > .sub-menu { filter: alpha(opacity=100); opacity: 1; visibility: visible; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } /* Mobile Navigation */ #main-nav-mobi { display: block; margin: 0 auto; width: 100%; position: absolute; left: 0; top: 100%; z-index: 99999; background-color: #262626; } #main-nav-mobi ul { display: block; list-style: none; margin: 0; padding: 0; } #main-nav-mobi ul li { margin:0; position: relative; text-align: center; cursor: pointer; border-top: 1px solid #333; padding-top: 0; padding-bottom: 0; } #main-nav-mobi ul > li > a { font-weight: 500; color: #a9a9a9; display: inline-block; font-family:"微软雅黑","Microsoft YaHei", Arial,"宋体", sans-serif; font-size: 14px; text-transform: uppercase; line-height: 50px; text-decoration: none; } #main-nav-mobi ul > li > a:hover { color: #287eff; } #main-nav-mobi .menu-item-has-children .arrow { cursor: pointer; display: inline-block; font-family: "FontAwesome"; font-size: 20px; line-height: 50px; position: absolute; right: 0; text-align: center; top: 0; width: 50px; } #main-nav-mobi .menu-item-has-children .arrow:before { content: "\f105"; color: #aaa; } #main-nav-mobi .menu-item-has-children .arrow.active:before { content: "\f107"; } #main-nav-mobi ul ul li { background-color: #444; } #main-nav-mobi ul ul ul li { background-color: #323232; } /* Mobile Menu Button */ .mobile-button { display: none; float: right; position: relative; background: transparent; cursor: pointer; margin-top: 8px; width: 26px; height: 16px; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } .mobile-button:before, .mobile-button:after, .mobile-button span { background-color: #222; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } .mobile-button:before, .mobile-button:after { content: ''; position: absolute; top: 0; height: 3px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .mobile-button span { position: absolute; width: 100%; height: 3px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; } .mobile-button:before { -webkit-transform: translate3d(0,-7px,0); -moz-transform: translate3d(0,-7px,0); transform: translate3d(0,-7px,0); } .mobile-button:after { -webkit-transform: translate3d(0,7px,0); -moz-transform: translate3d(0,7px,0); transform: translate3d(0,7px,0); } .mobile-button.active span { opacity: 0; } .mobile-button.active:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .mobile-button.active:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } /* Featured Title -------------------------------------------------------------- */ #featured-title { background: #f6f6f6; border-style: solid; } #featured-title .featured-title-inner-wrap { padding: 240px 0; display: table; overflow: hidden; width: 100%; } #featured-title .featured-title-heading-wrap { display: table-cell; margin: 0; text-align: left; vertical-align: middle;width: 25%; /*width: 65%;*/} #featured-title #breadcrumbs { font-size: 0.928em; display: table-cell; text-align: right; vertical-align: middle; width: 55%;} #featured-title .featured-title-heading { z-index: 1; position: relative; display: inline-block; font-size: 22px; margin: 0; } #featured-title .featured-title-heading.has-shadow { text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px } #featured-title .featured-title-heading:after, #featured-title #breadcrumbs .breadcrumbs-inner:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; border-style: solid; border-width: 0px; } #featured-title #breadcrumbs .breadcrumbs-inner { z-index: 1; position: relative; display: inline-block; } #featured-title #breadcrumbs a.trail-begin { color: #fff; } #featured-title #breadcrumbs a { color: #d1d1d1; } #featured-title #breadcrumbs a:hover { color: #287eff; } #featured-title #breadcrumbs .sep { padding: 0 8px; color: #d1d1d1;} /* Featured Title other styles */ #featured-title.featured-title-right .featured-title-heading-wrap { text-align: right;} #featured-title.featured-title-right #breadcrumbs { text-align: left; } #featured-title.featured-title-centered1 .featured-title-inner-wrap, #featured-title.featured-title-centered2 .featured-title-inner-wrap { display: block;} #featured-title.featured-title-centered1 .featured-title-heading-wrap, #featured-title.featured-title-centered2 .featured-title-heading-wrap { display: block; width: 100%; text-align: center; } #featured-title.featured-title-centered1 #breadcrumbs { display: block; width: 100%; text-align: center; margin-top: 5px; } #featured-title.featured-title-centered2 #breadcrumbs { display: block; width: 100%; text-align: center; margin-bottom: 5px;} #featured-title.featured-title-centered2 .featured-title-heading-wrap { margin-top: 5px; } #featured-title.featured-title-centered1 .featured-title-heading-wrap { margin-bottom: 5px;} .anniu{ height: 60px; margin-bottom: 60px; } .anniu01{ float: left; padding: 0 25px; height: 48px; line-height: 48px; border-radius: 5px; background: #f69100; margin: 0 20px 0 0; } .anniu01 a{ color: #fff; display: block; } .anniu02{ height: 48px; line-height: 48px; float: left; position: relative; } .anniu02 p{ display: block; height: 48px; line-height: 48px; padding: 0 25px; background: #333; border-radius: 5px; color: #fff; } .zxrwm{ position: absolute; top: 48px; left: 0; z-index: 999; } .zxrwm img{ transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear; height: 0px; } .anniu02:hover{ cursor: pointer; } .anniu02:hover .zxrwm img{ height: 106px; } .anniu03{ float: right; width: 30%; } .anniu03 .input{ float: left; width: 77%; padding: 10px; } .anniu03 .btn{ float: left; padding: 10px; line-height: 28px; } .blog-post__title{ background: #fff; padding: 0px 0 50px 0; } .site-content02{ background: #f5f5f5; padding-bottom: 50px; } .huanhang{ border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 30px; } .newcont h4{ font-size: 22px; line-height: 1.41304348em; font-weight: bold !important; } .comment { clear: both; display: block; width: 90%; margin: 30px auto; padding: 0; } .comment div.phpok-title { padding: 15px 0 13px 0; color: #333; font-size: 16px; } .comment div.phpok-title em { color: #e74851; font-family: Georgia; font-size: 20px; } .comment input.comment-submit { cursor: pointer; padding: 10px 30px; background: #f69100; /* border: 1px solid #ccc;*/ border-radius: 5px; margin-bottom: 20px; } .comment input.comment-submit:hover { background: #222; font-weight: bold; } .comment textarea.comment-textarea { width: 99%; height: 84px; border-radius: 20px; background: #fff; } .comment dl { margin-bottom: 15px; overflow: hidden; } .comment dt { float: left; width: 50px; padding-bottom: 10px } .comment dt img { width: 42px; height: 42px; border-radius: 3px; } .comment dd { float: left; width: 90%; } .comment dd .remarks { background: #fff; border-radius: 10px; padding: 15px; position: relative; margin-bottom: 5px; } .comment dd .remarks .postmessage { margin-top: 4px; margin-bottom: 4px; font-size: 14px; line-height: 1.5em; } .comment dd .remarks .postmessage p { margin-top: 4px; } .comment dd .remarks .moddiv { padding: 5px 0; text-align: right; color: #888888; } .comment dd .remarks .moddiv .nickname { font-weight: bold; padding-right: 10px; } .comment dd fieldset.reply { margin: 3px; /* border: 1px solid #efefef;*/ padding: 0 10px 10px 20px; border-radius: 5px; line-height: 170%; background: #f7faff; } .comment dd fieldset.reply p { color: #333; padding: 5px 0; } .comment dd fieldset.reply legend { padding: 0 5px; color: #dd4b39; border: none; font-size: 1.1em; } .comment dd fieldset.reply div.rdate { color: #a1a1a1; font-style: italic; display: block; clear: both; line-height: 170%; } /* Overrdie for Front-Page and Pages -------------------------------------------------------------- */ body.front-page #main-content, body.page #main-content { padding-top: 0; padding-bottom: 0; } /* Blog Post -------------------------------------------------------------- */ .hentry { margin-top: 30px; background:#f7f7f7; padding:20px 40px;} /* .hentry:first-child { margin-top: 0; } */ .hentry .post-content-wrap, .hentry .post-content-single-wrap { border: 1px solid transparent; } /* Post media */ .post-media { margin-bottom: 25px; position: relative; } .hentry .post-media img { width: 100%; height: auto; } .hentry .post-media iframe { margin-bottom: 0; } /* Post title */ .hentry .post-title { font-size: 1.7em; margin-bottom: 20px; } .hentry .post-title-inner { z-index: 1; position: relative; display: inline-block; } .hentry .post-title-inner:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; border: 1px solid transparent; } .hentry .post-title-inner:after { content: ""; position: absolute; left: 0; top: 100%; width: 0; height: 0; background-color: transparent; } .hentry .post-title a:hover { color: #287eff; } /* Post meta */ .hentry .post-meta { padding: 7px 12px; background-color: #f8f8f8; color: #777; font-size: 0.928em; margin-bottom: 22px; } .hentry .post-meta a { color: #9e9e9e; } .hentry .post-meta a:hover { color: #287eff; } .hentry .post-meta .item { display: inline-block; margin-left: 18px; border: 1px solid transparent; } .hentry .post-meta .item:first-child { margin-left: 0; } .hentry .post-meta .item .inner { position: relative; padding-left: 20px; } .hentry .post-meta .item .inner:before { content: ""; font-family: "FontAwesome"; font-size: 13px; position: absolute; left: 0; top: 50%; -webkit-transform: translate3d(0,-50%,0); -moz-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .hentry .post-meta .item.post-by-author .inner:before { content: "\f017"; } .hentry .post-meta .item.post-date .inner:before { content: "\f007"; } .hentry .post-meta .item.post-comment .inner:before { content: "\f27a"; } .hentry .post-meta .item.post-meta-categories .inner:before { content: "\f02b"; } .hentry .post-meta .post-categories { color: #287eff; } .hentry .post-meta .post-categories span, .hentry .post-meta .post-categories:before { color: #777; } /* Post meta style 2 */ .hentry .post-meta.style-2 .item .inner:before { content: "/"; font-size: 10px; font-family: "Open Sans", sans-serif; } .hentry .post-meta.style-2 .item, .hentry .post-meta.style-3 .item, .hentry .post-meta.style-4 .item { margin-left: 7px; } .hentry .post-meta.style-2 .item .inner, .hentry .post-meta.style-3 .item .inner, .hentry .post-meta.style-4 .item .inner { padding-left: 13px; } .hentry .post-meta.style-2 .item:first-child .inner, .hentry .post-meta.style-3 .item:first-child .inner, .hentry .post-meta.style-4 .item:first-child .inner { padding-left: 0; } .hentry .post-meta.style-2 .item:first-child .inner:before, .hentry .post-meta.style-3 .item:first-child .inner:before, .hentry .post-meta.style-4 .item:first-child .inner:before { display: none; } /* Post meta style 3 */ .hentry .post-meta.style-3 .item .inner:before { content: "\f111"; font-size: 4px; line-height: 4px; padding-top: 2px; } /* Post meta style 4 */ .hentry .post-meta.style-4 .item .inner:before { content: "\f0c8"; font-size: 4px; line-height: 4px; padding-top: 2px; } /* Post share */ .hentry .post-meta-share-icon { display: inline-block; font-size: 0; } .hentry .post-meta-share-text { display: inline-block; line-height: 30px; } .hentry .post-share a { position: relative; z-index: 1; width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; color: #777; font-size: 12px; cursor: pointer; margin: 0 0 4px 8px; } .hentry .post-share a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: #f8f8f8; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } .hentry .post-share a:hover:after { background-color: #287eff; border-color: #287eff; } .hentry .post-share a:hover { color: #fff; } /* Post excerpt */ .hentry .post-excerpt { position: relative; z-index: 1; margin-bottom: 22px; } .hentry .post-excerpt:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: transparent; border: 1px solid transparent; } .hentry .post-excerpt p:last-child { margin-bottom: 0; } /* Post read more */ .hentry .post-read-more { display: table; width: 100%; border: 1px solid transparent; } .hentry .post-link { display: table-cell; vertical-align: middle; text-align: left; width: 50%; } .hentry .post-link-share { display: table-cell; vertical-align: middle; width: 50%; text-align: right; } .hentry .post-link a { z-index: 1; position: relative; display: inline-block; color: #fff; text-transform: uppercase; font-weight: 500; font-family:"微软雅黑","Microsoft YaHei", Arial,"宋体", sans-serif; padding: 0.65em 2.5em; -webkit-transition: all ease .238s !important; -moz-transition: all ease .238s !important; transition: all ease .238s !important; } .hentry .post-link a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; border: 1px solid transparent; background-color: #287eff; -webkit-transition: all ease .238s !important; -moz-transition: all ease .238s !important; transition: all ease .238s !important; } .hentry .post-link a:hover:before { background-color: #4b4b4b; } /* Blog single -------------------------------------------------------------- */ .post-content-single-wrap .post-media { margin-bottom: 20px; } .post-content-single-wrap .post-link-share { display: block; text-align: left; width: 100%; margin-top: 48px; } /* Author */ .hentry .post-author { border-style: solid; } .hentry .post-author { background-color: #4b4b4b; border: 1px solid transparent; color: #fefefe; padding: 30px; overflow: hidden; margin-top: 70px; } .hentry .post-author .author-avatar { width: 85px; float: left; margin-right: 30px; } .hentry .post-author .author-avatar a { width: 85px; height: auto; display: inline-block; } .hentry .post-author .author-avatar a img { width: 100%; height: auto; } .hentry .post-author .name { font-size: 1.285em; margin: -3px 0 8px; color: #fff; } .hentry .post-author .author-desc > p { margin: 0; font-size: 0.857em; line-height: 1.6; overflow: hidden; } /* Tags */ .hentry .post-tags { margin-top: 25px; } .hentry .post-tags a { display: inline-block; background-color: #287eff; padding: 2px 10px; color: #fff; font-size: 0.857em; margin-left: 3px; margin-bottom: 3px; } .hentry .post-tags a:hover { background-color: #4b4b4b; color: #fff; } /* Comments */ .comments-area { margin-top: 65px; } .comments-area .comments-title, .comments-area .comment-reply-title { font-size: 1.428em; margin-bottom: 30px; position: relative; text-transform: uppercase; } /* Comment List */ .comment-list { list-style: none; margin: 0; } .comment-list > li { padding-top: 40px; border-top: 1px solid #eaeaea; } .comment-list > li:first-child { padding-top: 0; border-top: 0; } .comment-list .children { list-style: none; margin: 0; } .comment-list .children > li { padding: 0 0 0 110px; } .comment-list article { position: relative; margin-bottom: 30px; } .comment-list article + .comment-respond { margin-bottom: 50px; } .comment-list article .gravatar { width: 80px; float: left; margin-right: 30px; overflow: hidden; } .comment-list article .gravatar img { width :100%; height: auto; } .comment-list .comment-meta { margin: -3px 0 0; } .comment-author { font-size: 1.142em; margin-bottom: 8px; display: inline-block; font-style: normal; text-transform: uppercase; } .comment-author a { color: #585252; } .comment-time { margin-left: 10px; font-size: 0.857em; } .comment-reply a { color: #287eff; text-transform: uppercase; display: inline-block; margin-left: 10px; font-size: 0.857em; } .comment-text { overflow: hidden; line-height: 1.857em } .comment-text > p:last-child { margin-bottom: 0; } .comment-edit-link { position: absolute; right: 0; top: 0; } .comment-author a:hover, .comment-reply a:hover { color: #4b4b4b; } .comment-text p.wenwen{ background: #f5f5f5; border-radius: 5px; padding: 15px; color: #333; font-size: 16px; font-weight: bold; line-height: 30px; } /* Comment Form */ .comment-respond { position: relative; margin-top: 27px; } .name-wrap, .email-wrap { width: 48%; float: left; } .email-wrap { float: right; } .comment-respond .form-submit { clear: both; text-align: center; margin-bottom: 0; } .comment-respond #comment-reply { text-transform: uppercase; } /* Widgets -------------------------------------------------------------- */ #sidebar .widget, #footer-widgets .widget { position: relative; z-index: 1; margin-top: 30px; color: #777; } #sidebar .widget:before, #footer-widgets .widget:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; border: 1px solid transparent; background-color: transparent; } #sidebar .widget:first-child, #footer-widgets .widget:first-child { margin: 0; } #sidebar .widget ul, #footer-widgets .widget ul { margin: 0; list-style: none; } #sidebar .widget ul li, #footer-widgets .widget ul li { border-top: 1px solid #eaeaea; padding: 13px 0; } #sidebar .widget > ul li:first-child, #footer-widgets .widget > ul li:first-child { padding-top: 0; } #sidebar .widget ul:not(.children) > li:first-child, #footer-widgets .widget ul:not(.children) > li:first-child { border: 0; } #sidebar .widget ul li a, #sidebar .widget.widget_calendar #next a, #sidebar .widget.widget_calendar #prev a, #footer-widgets .widget ul li a, #footer-widgets .widget.widget_calendar #next a, #footer-widgets .widget.widget_calendar #prev a { color: #4b4b4b; } #sidebar .widget ul li a:hover, #footer-widgets .widget ul li a:hover { color: #287eff; } #sidebar .widget.widget_recent_comments .comment-author-link, #sidebar .widget.widget_recent_entries .post-date, #sidebar .widget.widget_recent_news .entry-date, #footer-widgets .widget.widget_recent_comments .comment-author-link, #footer-widgets .widget.widget_recent_entries .post-date, #footer-widgets .widget.widget_recent_news .entry-date { display: block; } /* Title Widget */ #sidebar .widget .widget-title, #footer-widgets .widget .widget-title { font-size: 1.2em; margin-bottom: 25px; z-index: 1; position: relative; } #sidebar .widget .widget-title > span, #footer-widgets .widget .widget-title > span { display: block; position: relative; } #sidebar .widget .widget-title > span:before, #footer-widgets .widget .widget-title > span:before { background-color: transparent; border: 1px solid transparent; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } #sidebar.style-1 .widget .widget-title > span:after, #sidebar.style-2 .widget .widget-title > span:after, #footer-widgets.style-1 .widget .widget-title > span:after, #footer-widgets.style-2 .widget .widget-title > span:after { width: 0; height: 1px; background-color: #585252; content: ""; position: absolute; left: 0; top: 100%; z-index: -2; } /* Title Widget style 2 */ #sidebar.style-2 .widget .widget-title, #footer-widgets.style-2 .widget .widget-title { text-align: center; } #sidebar.style-2 .widget .widget-title > span:after, #footer-widgets.style-2 .widget .widget-title > span:after { left: 50%; -webkit-transform: translate3d(-50%,0,0); -moz-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); } /* Widget Search */ #sidebar .widget.widget_search .search-form, #footer-widgets .widget.widget_search .search-form { position: relative; } #sidebar .widget.widget_search .search-form .search-field, #footer-widgets .widget.widget_search .search-form .search-field { padding-left: 17px; padding-right: 48px; margin-bottom: 10px; } #sidebar .widget.widget_search .search-form .search-submit, #footer-widgets .widget.widget_search .search-form .search-submit { position: absolute; right: 18px; top: 14px; width: 24px; height: 24px; text-align: center; text-indent: 9999px; background-color: transparent; padding: 0; border: 0; overflow: hidden; } #sidebar .widget.widget_search .search-form .search-submit:before, #footer-widgets .widget.widget_search .search-form .search-submit:before { content: "\f002"; font-family: "FontAwesome"; font-size: 18px; color: #287eff; position: absolute; left: 2px; top: 2px; width: 100%; text-align: center; text-indent: 0; font-weight: normal; -webkit-transition: color ease .238s; -moz-transition: color ease .238s; transition: color ease .238s; } #sidebar .widget.widget_search .search-form .search-submit:hover:before, #footer-widgets .widget.widget_search .search-form .search-submit:hover:before { color: #287eff; } /* Widget Search style 2 */ #sidebar .widget.widget_search .search-form.style-2 .search-field { padding-left: 48px; padding-right: 17px; } #sidebar .widget.widget_search .search-form.style-2 .search-submit { right: auto; left: 15px; } /* Widget Search style 3 */ #sidebar .widget.widget_search .search-form.style-3 .search-submit:before { display: none; } #sidebar .widget.widget_search .search-form.style-3 .search-field { padding-left: 17px; padding-right: 17px; } /* Widget Socials */ #sidebar .widget.widget_socials .socials a, #footer-widgets .widget.widget_socials .socials a { position: relative; display: inline-block; width: 35px; height: 35px; color: #777; line-height: 35px; text-align: center; margin-right: 6px; margin-bottom: 6px; z-index: 1; } #sidebar .widget.widget_socials .socials a:before, #footer-widgets .widget.widget_socials .socials a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; border: 1px solid #eaeaea; background-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } #sidebar .widget.widget_socials .socials a:hover:before, #footer-widgets .widget.widget_socials .socials a:hover:before { background-color: #287eff; border-color: #287eff; } #sidebar .widget.widget_socials .socials a:hover, #footer-widgets .widget.widget_socials .socials a:hover { color: #fff; } /* Categories & Archive Widget */ .widget.widget_categories ul li:before, .widget.widget_categories ul li:after, .widget.widget_archive ul li:before, .widget.widget_archive ul li:after { content: ""; clear: both; display: table; } .widget.widget_categories ul li, .widget.widget_archive ul li { position: relative; text-align: right; } .widget.widget_categories ul li a, .widget.widget_archive ul li a { float: left; } /* Custom Menu widget */ #sidebar .widget.widget_nav_menu ul.sub-menu { display: none; } #sidebar .widget.widget_nav_menu .menu > li { border: 0; background-color: #f8f8f8; padding-left: 28px; padding-right: 28px; margin-bottom: 5px; } #sidebar .widget.widget_nav_menu .menu > li > a { color: #4b4b4b; position: relative; font-size: 14px; font-family:"微软雅黑","Microsoft YaHei", Arial,"宋体", sans-serif; font-weight: 500; } #sidebar .widget.widget_nav_menu .menu > li > a:hover { color: #287eff; } #sidebar .widget.widget_nav_menu .menu > li.current_page_item { background-color: #287eff; color: #fff; position: relative; } #sidebar .widget.widget_nav_menu .menu > li.current_page_item a { color: #fff; } #sidebar .widget.widget_nav_menu .menu > li.current_page_item:after { content: ""; position: absolute; right: 0; top: 50%; border-width: 5px; border-style: solid; border-color: transparent #fff transparent transparent; -webkit-transform: translate3d(0,-50%,0); -moz-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } /* Widget Recent News */ #sidebar .widget.widget_recent_news ul li, #footer-widgets .widget.widget_recent_news ul li { padding: 0; border: 0; padding-top: 18px; margin-top: 18px; border-top: 1px solid #eaeaea; } #sidebar .widget.widget_recent_news ul li:first-child, #footer-widgets .widget.widget_recent_news ul li:first-child { padding-top: 0; margin-top: 0; } #sidebar .widget.widget_recent_news .recent-news .thumb, #footer-widgets .widget.widget_recent_news .recent-news .thumb { width: 70px; float: left; margin: 0 17px 0 0; } #sidebar .widget.widget_recent_news .recent-news .thumb img, #footer-widgets .widget.widget_recent_news .recent-news .thumb img { width: 100%; height: auto; } #sidebar .widget.widget_recent_news h3, #footer-widgets .widget.widget_recent_news h3 { font-size: 1.071em; margin: 0 0 3px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block; } #sidebar .widget.widget_recent_news h3 a { color: #4b4b4b; } #footer-widgets .widget.widget_recent_news h3 a { color: #777; } #sidebar .widget.widget_recent_news .recent-news .texts, #footer-widgets .widget.widget_recent_news .recent-news .texts { overflow: hidden; } #sidebar .widget.widget_recent_news .post-date, #footer-widgets .widget.widget_recent_news .post-date { font-size: 12px; color: #979797; line-height: 21px; color: #979797;} /* Instagram & Flickr widget */ .widget.widget_instagram .instagram-wrap, .widget.widget_flickr .flickr-wrap { margin: 0 -0.5px; } .widget.widget_instagram .instagram-wrap .instagram_badge_image, .widget.widget_flickr .flickr-wrap .flickr_badge_image { padding: 0 0.5px !important; margin: 0 0 1px 0 !important; width: 33.333%; float: left; height: auto !important; } .widget.widget_instagram .instagram-wrap .instagram_badge_image img, .widget.widget_flickr .flickr-wrap .flickr_badge_image img { width: 100%; height: auto; } .widget.widget_instagram .instagram-wrap .instagram_badge_image a, .widget.widget_flickr .flickr-wrap .flickr_badge_image a { position: relative; display: block; } .widget.widget_instagram .instagram-wrap .instagram_badge_image a:after, .widget.widget_flickr .flickr-wrap .flickr_badge_image a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } .widget.widget_instagram .instagram-wrap .instagram_badge_image a:hover:after, .widget.widget_flickr .flickr-wrap .flickr_badge_image a:hover:after { background: #287eff url(../images/icon-plus.png) no-repeat center center; } /* 2 columns */ .widget.widget_instagram .instagram-wrap.col2 .instagram_badge_image, .widget.widget_flickr .flickr-wrap.col2 .flickr_badge_image { width: 50%; } /* 4 columns */ .widget.widget_instagram .instagram-wrap.col4 .instagram_badge_image, .widget.widget_flickr .flickr-wrap.col4 .flickr_badge_image { width: 25%; } /* Gutter 0 */ .widget.widget_instagram .instagram-wrap.g0, .widget.widget_flickr .flickr-wrap.g0 { margin: 0; } .widget.widget_instagram .instagram-wrap.g0 .instagram_badge_image, .widget.widget_flickr .flickr-wrap.g0 .flickr_badge_image { padding: 0 !important; margin: 0 !important; } /* Gutter 5 */ .widget.widget_instagram .instagram-wrap.g5, .widget.widget_flickr .flickr-wrap.g5 { margin: 0 -2.5px; } .widget.widget_instagram .instagram-wrap.g5 .instagram_badge_image, .widget.widget_flickr .flickr-wrap.g5 .flickr_badge_image { padding: 0 2.5px !important; margin: 0 0 5px 0 !important; } /* Gutter 10 */ .widget.widget_instagram .instagram-wrap.g10, .widget.widget_flickr .flickr-wrap.g10 { margin: 0 -5px; } .widget.widget_instagram .instagram-wrap.g10 .instagram_badge_image, .widget.widget_flickr .flickr-wrap.g10 .flickr_badge_image { padding: 0 5px !important; margin: 0 0 10px 0 !important; } /* Gutter 15 */ .widget.widget_instagram .instagram-wrap.g15, .widget.widget_flickr .flickr-wrap.g15 { margin: 0 -7.5px; } .widget.widget_instagram .instagram-wrap.g15 .instagram_badge_image, .widget.widget_flickr .flickr-wrap.g15 .flickr_badge_image { padding: 0 7.5px !important; margin: 0 0 15px 0 !important; } /* Widget Tags */ #sidebar .widget.widget_tag_cloud .tagcloud:before, #sidebar .widget.widget_tag_cloud .tagcloud:after, #footer-widgets .widget.widget_tag_cloud .tagcloud:before, #footer-widgets .widget.widget_tag_cloud .tagcloud:after { display: table; clear: both; content: ""; } #sidebar .widget.widget_tag_cloud .tagcloud a, #footer-widgets .widget.widget_tag_cloud .tagcloud a { position: relative; float: left; color: #777; padding: 5px 12px; margin: 0 10px 10px 0; z-index: 1; } #sidebar .widget.widget_tag_cloud .tagcloud a:after, #footer-widgets .widget.widget_tag_cloud .tagcloud a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: #f8f8f8; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } #sidebar .widget.widget_tag_cloud .tagcloud a:hover:after, #footer-widgets .widget.widget_tag_cloud .tagcloud a:hover:after { background-color: #287eff; border-color: #287eff; } #sidebar .widget.widget_tag_cloud .tagcloud a:hover, #footer-widgets .widget.widget_tag_cloud .tagcloud a:hover { color: #fff; } /* Widget Twitter */ #sidebar .widget.widget_twitter .tweets-slider.grid .cbp-item, #footer-widgets .widget.widget_twitter .tweets-slider.grid .cbp-item { padding-bottom: 15px; margin-bottom: 15px; padding-left: 32px; border-bottom: 1px solid #eaeaea; } #sidebar .widget.widget_twitter .tweets-slider.grid .cbp-item:last-child, #footer-widgets .widget.widget_twitter .tweets-slider.grid .cbp-item:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } #sidebar .widget.widget_twitter .tweets-slider.grid .cbp-item:before, #footer-widgets .widget.widget_twitter .tweets-slider.grid .cbp-item:before { content: "\f099"; font-family: "FontAwesome"; color: #287eff; font-size: 16px; line-height: normal; position: absolute; left: 0; top: 6px; } #sidebar .widget.widget_twitter .tweets-slider.grid .tweet-icon, #footer-widgets .widget.widget_twitter .tweets-slider.grid .tweet-icon { display: none; } #sidebar .widget.widget_twitter .tweet-intents, #footer-widgets .widget.widget_twitter .tweet-intents { padding: 7px 0; } #sidebar .widget.widget_twitter .tweet-intents span, #footer-widgets .widget.widget_twitter .tweet-intents span { padding-left: 12px; } #sidebar .widget.widget_twitter .tweet-intents span:first-child, #footer-widgets .widget.widget_twitter .tweet-intents span:first-child { padding-left: 0; } #sidebar .widget.widget_twitter .tweet-intents a, #footer-widgets .widget.widget_twitter .tweet-intents a { font-weight: 700; color: #585252; } #sidebar .widget.widget_twitter .tweet-intents a:hover, #footer-widgets .widget.widget_twitter .tweet-intents a:hover { color: #287eff; } #sidebar .widget.widget_twitter .timestamp a, #footer-widgets .widget.widget_twitter .timestamp a { font-size: 0.857em; color: #777; } #sidebar .widget.widget_twitter .tweets-slider.slider, #footer-widgets .widget.widget_twitter .tweets-slider.slider { text-align: center; padding-bottom: 42px; } #sidebar .widget.widget_twitter .tweets-slider.slider .tweet-icon, #footer-widgets .widget.widget_twitter .tweets-slider.slider .tweet-icon { font-size: 24px; color: #287eff; } #sidebar .widget.widget_twitter .cbp-nav-pagination, #footer-widgets .widget.widget_twitter .cbp-nav-pagination { bottom: -50px; } /* Widget Links */ #sidebar .widget.widget_links ul li, #footer-widgets .widget.widget_links ul li { border: 0; padding: 7px 0;} #sidebar .widget.widget_links ul li:first-child, #footer-widgets .widget.widget_links ul li:first-child { padding-top: 0; } #sidebar .widget.widget_links ul.col2 li, #footer-widgets .widget.widget_links ul.col2 li { width: 16%; float: left; padding: 0 0 6px; } #sidebar .widget.widget_links ul li a, #footer-widgets .widget.widget_links ul li a { position: relative; display: inline-block; padding-left: 25px; } #sidebar .widget.widget_links ul li.style-3 a, #footer-widgets .widget.widget_links ul li.style-3 a, #sidebar .widget.widget_links ul li.style-4 a, #footer-widgets .widget.widget_links ul li.style-4 a, #sidebar .widget.widget_links ul li.style-5 a, #footer-widgets .widget.widget_links ul li.style-5 a, #sidebar .widget.widget_links ul li.style-6 a, #footer-widgets .widget.widget_links ul li.style-6 a { position: relative; display: inline-block; padding-left: 25px; } #sidebar .widget.widget_links ul li a:before, #footer-widgets .widget.widget_links ul li a:before { content: "\f105"; font-family: "FontAwesome"; font-size: 14px; position: absolute; left: 0; top: 0; } /* Widget Links Arrows */ #sidebar .widget.widget_links ul li.style-2 a:before, #footer-widgets .widget.widget_links ul li.style-2 a:before { content: "\f101"; } #sidebar .widget.widget_links ul li.style-3 a:before, #footer-widgets .widget.widget_links ul li.style-3 a:before { content: "\f00c"; } #sidebar .widget.widget_links ul li.style-4 a:before, #footer-widgets .widget.widget_links ul li.style-4 a:before { content: "\f138"; } #sidebar .widget.widget_links ul li.style-5 a:before, #footer-widgets .widget.widget_links ul li.style-5 a:before { content: "\f14a"; } #sidebar .widget.widget_links ul li.style-6 a:before, #footer-widgets .widget.widget_links ul li.style-6 a:before { content: "\f058"; } /* Widget Information */ #sidebar .widget.widget.widget_information ul li, #footer-widgets .widget.widget.widget_information ul li { position: relative; padding: 0 0 0 30px; border: 0; margin-bottom: 5px;} #sidebar .widget.widget.widget_information ul li:before, #footer-widgets .widget.widget_information ul li:before { content: "\f015"; font-family: "FontAwesome"; color: #287eff; font-size: 14px; position: absolute; left: 0; top: 1px; } #sidebar .widget.widget.widget_information ul li.phone:before, #footer-widgets .widget.widget_information ul li.phone:before { content: "\f095"; } #sidebar .widget.widget.widget_information ul li.email:before, #footer-widgets .widget.widget_information ul li.email:before { content: "\f0e0"; } /* Widget Information Style 2 */ #sidebar .widget.widget.widget_information ul.style-2 li, #footer-widgets .widget.widget.widget_information ul.style-2 li { position: relative; padding: 0; border: 0; margin-bottom: 5px; } #sidebar .widget.widget.widget_information ul.style-2 li:before, #footer-widgets .widget.widget_information ul.style-2 li:before { display: none; } #sidebar .widget.widget.widget_information ul.style-2 .hl, #footer-widgets .widget.widget.widget_information ul.style-2 .hl { font-weight: bold; width: 21%; float: left; } #sidebar .widget.widget.widget_information ul.style-2 .text, #footer-widgets .widget.widget.widget_information ul.style-2 .text { width: 79%;float: left; } #sidebar .widget.widget.widget_information ul.style-2, #footer-widgets .widget.widget_information ul.style-2 { position: relative; padding-bottom: 20px; } #sidebar .widget.widget.widget_information ul.style-2:after, #footer-widgets .widget.widget_information ul.style-2:after { width: 193px; height: 95px; content: ""; position: absolute; right: 0; bottom: 0; /*background: url(../images/map-small.png) no-repeat center center;*/ } .footwx02 { width: 140px; text-align: center; line-height: 30px; color: #a9a9a9; } /* Re-style Widgets for footer */ #footer-widgets .widget { margin-top: 0; color: #979797; } #sidebar .widget ul li a, #sidebar .widget.widget_calendar #next a, #sidebar .widget.widget_calendar #prev a, #footer-widgets .widget ul li a, #footer-widgets .widget.widget_calendar #next a, #footer-widgets .widget.widget_calendar #prev a { color: #979797; } #footer-widgets .widget .widget-title { margin-bottom: 36px; color: #fff; } #footer-widgets .widget .widget-title > span { padding-bottom: 12px; } #footer-widgets.style-1 .widget .widget-title > span:after, #footer-widgets.style-2 .widget .widget-title > span:after { width: 60px; height: 1px; background-color: #287eff; } #footer-widgets.style-3 .widget .widget-title { padding-bottom: 30px; } #footer-widgets .widget ul li, #footer-widgets .widget.widget_twitter .tweets-slider.grid .cbp-item, #footer-widgets .widget.widget_search .search-form .search-field, #footer-widgets .widget.widget_recent_news ul li, #footer-widgets .widget.widget_calendar table, #footer-widgets .widget.widget_calendar th, #footer-widgets .widget.widget_calendar td { border-color: #2d2b2b; } #footer-widgets .widget.widget_links ul li a:before { color: #4f4f4f; } #footer-widgets .widget.widget_twitter .tweet-intents { display: none; } #footer-widgets .widget.widget_twitter .timestamp a { color: #287eff; } #footer-widgets .widget.widget_twitter .timestamp a:hover { color: #585252; } #footer-widgets .widget.widget_recent_news h3 a { color: #979797; } #footer-widgets .widget.widget_tag_cloud .tagcloud a { margin: 0 6px 6px 0; padding: 4px 13px; color: #626262; } #footer-widgets .widget.widget_tag_cloud .tagcloud a:after { border-color: #4b4b4b; background-color: #4b4b4b } #footer-widgets .widget.widget_socials .socials a { position: relative; display: inline-block; width: 38px; height: 38px; color: #fff; line-height: 38px; text-align: center; margin-right: 3px; margin-bottom: 10px; z-index: 1; } #footer-widgets .widget.widget_socials .socials a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; border: 1px solid #333; background-color: #222; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } /* Footer -------------------------------------------------------------- */ #footer { background:url(../images/pw_maze_black.png) repeat #1a1a1a; padding: 70px 0 60px; position: relative; z-index: 1; border-style: solid; } /* Bottom Bar -------------------------------------------------------------- */ #bottom { font-size: 0.857em; background-color: #101010; padding: 19px 0; color: #484848; font-family:"微软雅黑","Microsoft YaHei", Arial,"宋体", sans-serif; } #bottom a:hover { color: #fff; } #bottom .bottom-bar-inner-wrap { display: table; overflow: hidden; width: 100%; } #bottom .bottom-bar-content { display: table-cell; margin: 0; text-align: left; vertical-align: middle; width: 50%;} #bottom .bottom-bar-menu { display: table-cell; text-align: right; vertical-align: middle; width: 50%;} #bottom.style-1 .bottom-bar-menu li:last-child a { padding-right: 0; } /* Bottom Style 2 */ #bottom.style-2 .bottom-bar-content { text-align: right; } #bottom.style-2 .bottom-bar-menu { text-align: left; } #bottom.style-2 .bottom-bar-menu li:first-child a { padding-left: 0; } /* Bottom Style 3 */ #bottom.style-3 .bottom-bar-inner-wrap, #bottom.style-3 .bottom-bar-menu, #bottom.style-3 .bottom-bar-content { display: block; width: 100%; text-align: center; } /* Bottom Navigation */ #bottom ul.bottom-nav { list-style: none; margin: 0; } #bottom ul.bottom-nav > li { display: inline-block; } #bottom ul.bottom-nav > li > a { display: block; color: #666; padding: 0 10px; position: relative; } #bottom ul.bottom-nav > li > a:hover { color: #287eff; } #bottom ul.bottom-nav ul ul { display: none; } /* Pagination & Arrows -------------------------------------------------------------- */ .wprt-pagination { margin: 50px 0 0; text-align: center; } .wprt-pagination ul, .woocommerce-pagination > .page-numbers { margin: 0; } .wprt-pagination ul li, .woocommerce-pagination .page-numbers li { display: inline-block; padding: 0; margin-right: 10px; } .wprt-pagination ul li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers { display: inline-block; line-height: 40px; width: 40px; height: 40px; text-align: center; background-color: #287eff; color: #fff; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } .wprt-pagination ul li a.page-numbers:hover, .woocommerce-pagination .page-numbers li .page-numbers:hover { background-color: #4b4b4b; } .wprt-pagination ul li .page-numbers.current, .woocommerce-pagination .page-numbers li .current { opacity: 0.7 } .woocommerce-pagination { margin-top: 0; clear: both; text-align: center; } /* Scroll Top Button -------------------------------------------------------------- */ #scroll-top { position: fixed !important; right: 25px; bottom: -50px; display: block; line-height: 38px; text-align: center; width: 40px; height: 40px; visibility: hidden; filter: alpha(opacity=0); opacity: 0; z-index: 9999; cursor: pointer; z-index: 1; overflow: hidden; } #scroll-top:after { content: "\f106"; font-family: "FontAwesome"; color: #fff; font-size: 20px; position: absolute; left: 0; top: 0; width: 100%; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } #scroll-top:before { border-radius: 3px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #287eff; z-index: -1; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } #scroll-top:hover:before { background-color: #585252; } #scroll-top:hover:after { color: #fff; } #scroll-top.show { bottom: 40px; filter: alpha(opacity=100); opacity: 1; visibility: visible; } /* Media Queries -------------------------------------------------------------- */ @media only screen and (min-width: 1930px) { .parallax { background-size: cover; } } @media only screen and (min-width: 1200px) { .container { width: 1400px; } } @media only screen and (max-width: 991px) { .font-size-25 { font-size: 18px; } .font-size-30 { font-size: 20px; } .font-size-35 { font-size: 26px; } .font-size-40 { font-size: 28px; } .font-size-45 { font-size: 30px; } .font-size-50 { font-size: 26px; } .font-size-55 { font-size: 30px; } .font-size-60 { font-size: 35px; } .font-size-70 { font-size: 40px; } .font-size-80 { font-size: 45px; } .font-size-90 { font-size: 50px; } .font-size-100 { font-size: 55px; } #hero-section .hero-text { font-size: 16px; margin-top: 0; } #site-header .mobile-button { display: block; } .text-left-mobile { text-align: left !important; } .text-center-mobile { text-align: center !important; } #main-nav, #site-header #header-search, .nav-top-cart-wrapper, .site-navigation-wrap, #header-aside, /* #sidebar { display: none; }*/ .widget_categories ul {display: none;} #site-content, #sidebar { width: 100% !important; max-width: none !important; float: none; } #inner-content { padding-left: 0 !important; padding-right: 0 !important; } #main-content { padding: 10px 0; } #site-header #site-header-inner, #site-header.style-2 #site-header-inner, #site-header.style-3 #site-header-inner, #site-header.style-4 #site-header-inner { padding-top: 28px; padding-bottom: 28px; } #site-header.style-2 #site-logo { margin-top: 0; } #site-header.style-4 #site-logo { text-align: left; float: left; } .hentry { margin-top: 40px; } .hentry .post-title { font-size: 1.428em; } .hentry .post-link a { padding: 0.425em 1.75em; font-size: 0.928em; } .comment-respond #comment-reply { padding: 1.08em 1.75em; font-size: 0.928em; } #footer-widgets .widget .widget-title { font-size: 1.142em; margin-bottom: 28px; } } @media only screen and (max-width: 767px) { #top-bar { display: none; } #site-header #site-header-inner, #site-header.style-2 #site-header-inner, #site-header.style-3 #site-header-inner, #site-header.style-4 #site-header-inner { padding-top: 20px; padding-bottom: 20px; } #featured-title .featured-title-inner-wrap { padding: 30px 0; } #featured-title .featured-title-heading { font-size: 24px; } .hentry .post-author { text-align: center; } .hentry .post-author .author-avatar { float: none; margin: 0 auto 20px; } .hentry .post-read-more, .hentry .post-link, .hentry .post-link-share { display: block; width: 100%; float: none; text-align: left; } .hentry .post-link { margin-bottom: 10px; } .hentry .post-link-share { margin-top: 20px; } .wprt-pagination { margin-top: 30px; } .comments-area { margin-top: 40px; } .comment-respond { margin-top: 0; } .comments-area .comments-title, .comments-area .comment-reply-title { margin-bottom: 20px; } .comment-list article .gravatar { width: 50px; float: left; margin: 0 0 17px; } .comment-list .children > li { padding-left: 35px; } .name-wrap, .email-wrap { width: 100%; float: none; } .name-wrap input, .email-wrap input, .message-wrap textarea { margin-bottom: 20px; } .woocommerce-page .content-woocommerce .woocommerce-result-count { display: none; } .woocommerce-page .content-woocommerce .products { padding-top: 10px; } .woocommerce-page.shop-col-3 .content-woocommerce .products li, .woocommerce-page.shop-col-4 .content-woocommerce .products li, .woocommerce-page.shop-col-5 .content-woocommerce .products li { width: 50%; margin-bottom: 30px; } .woocommerce-page .shop_table.cart .product-remove { width: 20px; } .woocommerce-page .shop_table.cart .product-thumbnail { width: 50px; } .woocommerce-page .shop_table.cart .cart_item .product-thumbnail img { width: 30px; } .woocommerce-page .shop_table.cart .product-name { width: 120px; } .woocommerce-page .shop_table.cart .coupon { display: none; } .woocommerce-page .cart_totals { width: 100%; float: none; } .woocommerce-page .cart_totals .wc-proceed-to-checkout a { padding: 7px 0; } #footer { padding: 50px 0 10px; } #footer-widgets [class^="col-md-"] .widget:last-child { margin-bottom: 30px; } #bottom .bottom-bar-content, #bottom .bottom-bar-menu { width: 100%; display: block; text-align: center; padding: 5px 0; } .anniu01{ width: 28%; text-align: center; padding: 0 ; margin: 0; } .anniu03{ float: right; width: 70%; } .anniu03 .input{ float: left; width: 65%; padding: 10px; } .anniu02{ display: none; } .comment-list .comment .comment-content{ width: 76%; float: left; margin-left: 5%; } .blog-post__title { background: #fff; padding: 0px 0 30px 0; } .comment { clear: both; display: block; width: 100%; margin: 10px auto; padding: 0; } .comment dd { float: left; width: 86%; } } @media only screen and (max-width: 479px) { #site-header #site-header-inner, #site-header.style-2 #site-header-inner, #site-header.style-3 #site-header-inner, /* #site-header.style-4 #site-header-inner { padding-top: 12px; padding-bottom: 12px; } */ } /* Retina Devices -------------------------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -moz-min-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx){ .wprt-testimonials .customer:after { background: url(../images/5-stars@2x.png) no-repeat center center ; background-size: 97px 15px; } } .weib { font-weight: bold;} .bgh { background-color: #333} .pore { position: relative} .pore .wprt-button { font-size: 14px; position: absolute; right: 80px; padding: 3px 20px; top: 11px; font-weight: normal; } .pore .r0 { right: 0;} .pore .t0 { top: 0;} #bottom a{ color: #777 !important;} .footwx { width: 140px; float:right; text-align: center; line-height: 30px; color: #a9a9a9;} .cpfl { padding: 0 !important; background: #f8f8f8;} .cpfl a { display: block; width: 100%; text-align: left; padding: 10px 20px; color: #555 !important;} .cpfl.cur a { color: #fff !important; font-weight: bold; background: #287eff; } .slt img { width: 70px !important; height: 57px !important;} .lmfl { margin: 0;} @media only screen and (max-width: 780px) { .cndns-right { display: none !important;} .pore .wprt-button { right: 0px; } .project-item .effect-zoe p { display: none;} .fznr .effect-zoe p { display: block !important;} } @media only screen and (max-width: 999px) { .ferweima {} .footwx { width: 140px; float: left; text-align: center; line-height: 30px; color: #a9a9a9; } } .fznr .effect-zoe h2 {font-weight: bold;} .pages { padding: 30px 0; margin-top: 5px; clear: both; line-height: 36px; } .pages:after { content: '.'; clear: both; height: 0; line-height: 0; display: block; visibility: hidden; } .pages ul { padding: 0; list-style: none; margin: 0; } .pages li { float: left; } .pages li a { padding: 5px 10px; border: 1px solid #e1e1e1; height: 24px; line-height: 24px; color: #666; margin-right:5px; } .pages li a:hover { border: 1px solid #333; background: #333; color: #fff; text-decoration: none; } .pages li span { border: 1px solid #e1e1e1; height: 24px; line-height: 24px; color: #c4c4c4; padding: 5px 10px; } .pages .current a { border: 1px solid #287eff; background: #287eff; color: #fff; } .rightnew { padding: 20px; background: #f8f8f8;} /*.proimg { border: 1px solid #e1e1e1;}*/ .d_page { margin-top: 50px; } .d_page p { margin: 10px 0;} .mt50 { margin-top: 50px;} .cta a { color: #666;} .fs16 { font-size: 16px;} .lyf table,.lyf th,.lyf td { border: none;} .yanzhen { position: relative;} .yanzhen .yzimg { position: absolute; right: 0; top: 10px; cursor: pointer;} @-webkit-keyframes banner_inside { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.23); transform: scale(1.23); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes banner_inside { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.23); transform: scale(1.23); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes banner_inside { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.23); transform: scale(1.23); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes banner_inside { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.23); transform: scale(1.23); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .tp-revslider-mainul li:nth-child(1) .slotholder div{ -webkit-animation: banner_inside 40s infinite; -moz-animation: banner_inside 40s infinite; -o-animation: banner_inside 40s infinite; animation: banner_inside 40s infinite; width: 100%; } .forcefullwidth_wrapper_tp_banner { background: #111;} .fwys h3 { padding-bottom: 8px; border-bottom: 1px solid #e9e9e9; color: #171717; padding-top: 8px;} .worksp { color: #fff; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;} .wprt-image-box.left .content-wrap > p { line-height: 23px;} .wprt-subtitle { color: #666; } @media only screen and (max-width: 1450px) { .tp-bullets { visibility: hidden !important; display: none !important;} } @media only screen and (max-width: 993px) { #divisions-section { background: #f1f1f1 !important;} #divisions-section .wprt-content-box.style-1 { background: #fff !important;} #divisions-section .wprt-icon-box p { color: #999 !important;} #divisions-section .wprt-icon-box.icon-left .dd-title { color: #333 !important;} .wprt-content-box.style-2 {padding: 12% 20% 7.6% 10%;} } @media only screen and (max-width: 600px) { /* .syxw { display: none;}*/ .wprt-content-box.style-2 {padding: 12% 10% 7.6% 10%;} } .project-item figure img { transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; } .project-item figure:hover img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); } .qbal a { color: #979797 !important;} .qbal:hover { background: none !important;} .qbal:hover a { color: #fff !important; text-decoration:underline;} #project-filter .on { color: #fff; background-color: #287eff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .webworks { position: relative;} /*.webworks .qh { display: none; }*/ .syxw .thumb { height: 10em; overflow: hidden} .syxw a:hover h3 {color: #287eff} .syxw .service-item .desc { padding: 0 10px;} .fwys { /* background:url(../images/subtlenet2.png) repeat;*/ background: #f6f6f6 !important;} .febt { color: #fff;} /* #featured-title { background:url(../images/about_bg.jpg) no-repeat center center #333;} */ .featured-title_about{background:url(../images/about_bg.jpg) no-repeat center center;} .featured-title_pro{background:url(../images/pro_bg.jpg) no-repeat center center;} .featured-title_news{background:url(../images/news_bg.jpg) no-repeat center center;} .featured-title_case{background:url(../images/case_bg.jpg) no-repeat center center;} .bgf7 { background: #f7f7f7;} .fwlc {padding: 0;} .fwlc ul { overflow: hidden; } .fwlc li { width:50%; float: left;} .zkfl:after { content: "\f107"; font-family: "FontAwesome"; position: absolute; right:20px; top: 0; filter: alpha(opacity=75); opacity: 0.75; } .zkfl { color: #fff; background:#333;padding-left: 20px; height: 3em; line-height: 3em; margin: 0; font-size: 18px; } .chanpinzx { background: #f6f6f6} .chanpinzx .cpfl { background: #fff;} .chanpinzx #site-content { background: #fff; padding: 20px; overflow: hidden;} .search-field { background: #fff !important; } @media only screen and (max-width: 768px) { .zkfl { color: #fff; background:#333;padding-left: 20px; height: 2.5em; line-height: 2.5em; margin: 0; font-size: 16px; } .widget_search { margin-top: 10px !important;} } .msp p { white-space: pre; } .fwxm { padding: 20px 0 !important;} .anlifl .wprt-subtitle { color:#999; } .alfl a { color: #555 } .alfl .cbp-filter-item:hover { background: #287eff; } .alfl .cbp-filter-item:hover a { color: #fff; } .alfl .cur {background: #287eff; } .alfl .cur a { color: #fff; } .anlifl .pages ul { text-align: center;} .anlifl .pages ul li { float: none !important; display: inline-block;} .cbp-popup-lightbox-title { font-family: "微软雅黑" !important;} .fontb {font-weight: bold !important;} /*.he65 {height: 65px !important;}*/ @media only screen and (min-width: 980px) { .aldt img { height: 38em; } .alslt img { height: 7em; } } @media only screen and (max-width: 980px) { .aldt img { height: 35em; } .alslt img { height: 6em; } } @media only screen and (max-width: 680px) { .aldt img { height: 30em; } .alslt img { height: 6em; } .btnr h1 { font-size: 1.6em; margin-top: 20px;} #newBridge { display: none !important;} } @media only screen and (max-width: 480px) { .aldt img { height: 20em; } .alslt img { height: 6em; } } .gcsx li { padding: 0 !important; } .gcsx li:before { display: none; } .breadcrumb-trail { color: #d1d1d1;} .font-size-22 { font-size: 22px;} #tab-description p { padding: 0; margin: 0 auto;} .newcont p { margin: 0 0 8px; } .hero-content { margin-top: 500px;} .wprt-spacer { height: 20px;} .divisions .wprt-spacer{ height: 0px;} .wprt-section.bgb {background: #222 !important;} .wprt-section.bgb .line-2 { height: 1px; width: 100%; background-color: #000 !important; margin-left: 0; margin-top: -0.5px; } .wprt-section.bgb li {color: #e1e1e1 !important;} .wprt-section.bgb h3 {color: #fff !important;} .wprt-section.bgb p {color: #a1a1a1 !important;} .bghs { background: #000;} .qyzz #page { background: #111 !important; } #banner{width:100%;position:relative;z-index:0;overflow:hidden;height:93rem;} #banner .banner_slider{top:0;left:0;width:100%;height:100%;} #banner li{ position:relative;} #banner li .img{width:100%;height: 93rem;z-index:8;} #banner li .img img{ width:100%; display:none} @-webkit-keyframes bgscale { from { -webkit-transform: scale(1); transform: scale(1); } to {-webkit-transform: scale(1.05); transform: scale(1.05); } } @keyframes bgscale { from { -webkit-transform: scale(1); transform: scale(1); } to {-webkit-transform: scale(1.05); transform: scale(1.05); } } @-webkit-keyframes letter { from { letter-spacing:10px; opacity:0;} to { letter-spacing:0px; opacity:1;} } @keyframes letter { from { letter-spacing:10px; opacity:0;} to { letter-spacing:0px; opacity:1;} } #banner .miso-current .img{/* animation:bgscale 6s linear; animation-fill-mode: forwards; */} #banner .miso-prev{left: 5%;} #banner .miso-next{right: 5%;} #banner .miso-arrow{width:8.125rem;height:8.125rem;background-size:8.125rem !important;z-index:999;cursor:pointer;border-radius:50%; overflow:hidden} #banner .miso-prev:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/left01.png) center no-repeat; transition:.6s; border-radius:50%} #banner .miso-prev:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/left01_on.png) center no-repeat; transition:.6s; transform:translateX(101%); border-radius:50%} #banner .miso-next:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/right01.png) center no-repeat; transition:.6s; border-radius:50%} #banner .miso-next:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/right01_on.png) center no-repeat; transition:.6s; transform:translateX(-101%); border-radius:50%} @media(max-width: 1680px){ #banner{width:100%;position:relative;z-index:0;overflow:hidden;height: 84rem;} #banner .banner_slider{top:0;left:0;width:100%;height:100%;} #banner li{ position:relative;} #banner li .img{width:100%;height:84rem;z-index:8;} #banner li .img img{ width:100%; display:none} } @media(max-width: 1480px){ #banner{width:100%;position:relative;z-index:0;overflow:hidden;height: 74rem;} #banner .banner_slider{top:0;left:0;width:100%;height:100%;} #banner li{ position:relative;} #banner li .img{width:100%;height:64rem;z-index:8;} #banner li .img img{ width:100%; display:none} } @media(max-width: 1280px){ #banner{width:100%;position:relative;z-index:0;overflow:hidden;height: 64rem;} #banner .banner_slider{top:0;left:0;width:100%;height:100%;} #banner li{ position:relative;} #banner li .img{width:100%;height:54rem;z-index:8;} #banner li .img img{ width:100%; display:none} } @media(max-width: 768px){ #banner{width:100%;position:relative;z-index:0;overflow:hidden;height: 44rem;} #banner .banner_slider{top:0;left:0;width:100%;height:100%;} #banner li{ position:relative;} #banner li .img{width:100%;height:44rem;z-index:8;} #banner li .img img{ width:100%; display:none} } @media(max-width: 600px){ #banner{width:100%;position:relative;z-index:0;overflow:hidden;height: 24rem;} /* #banner .banner_slider{top:0;left:0;width:100%;height:100%;} */ #banner li{ position:relative;} #banner li .img{width:100%;height:24rem;z-index:8;} #banner li .img img{ width:100%; display:none} } @media(max-width: 375px){ #banner{width:100%;position:relative;z-index:0;overflow:hidden;height: 24rem;} /* #banner .banner_slider{top:0;left:0;width:100%;height:100%;} */ #banner li{ position:relative;} #banner li .img{width:100%;height:24rem;z-index:8;} #banner li .img img{ width:100%; display:none} } .container06{ padding:4.625rem 0 4rem; overflow:hidden; background:#f2f2f2;} .container06 .content{ margin:0 -7px; font-size:0} .container06 .content .box{ display:inline-block; vertical-align:top; padding:0 7px} .container06 .content .box01{ width:30%; border:1px solid #eee;} .container06 .content .box01 ul li a .img,.container06 .content .box01 ul li a .img img{overflow:hidden;width:100%;height: 302px;object-fit: cover;} .container06 .content .box01 ul li a .con{padding:0 40px 40px;position:relative;z-index: 10; box-sizing:border-box;} .container06 .content .box01 ul li a .con .time{width:7.5rem;color:#fff;background:#287eff;height:85px;top: -14px;position: relative;margin-bottom: 25px;} .container06 .content .box01 ul li a .con .time h3{ font-size:1.675rem; color:#fff; margin-bottom:4px;margin-left:6px; padding-top:10px;} .container06 .content .box01 ul li a .con .time h5{ font-size:2rem; color:#90b3e5; font-weight:bold; margin-left:6px; margin-top:8px;} .container06 .content .box01 ul li a .con h4{ font-size:18px; line-height:24px; color:#3c3c3c; height:48px; overflow:hidden; margin-bottom:10px; } .container06 .content .box01 ul li a .con p{font-size:14px;line-height:22px;height:48px;color:#818181;overflow:hidden;margin-bottom: 48px;} .container06 .content .box01 ul li a .con .more{display:inline-block;width: 120px;height: 40px;line-height: 40px;border-radius: 2px;font-size: 14px;color: #fff;transition:0.6s;position: relative;overflow: hidden;background: #ef7600;text-align: center;} .container06 .content .box01 ul li a .con .more:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#10489a;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0} .container06 .content .box01 ul li a .con span{position:relative;display: block;} .container06 .content .box01 ul .miso-dots{bottom: 275px;right:0;width:100%;text-align:right;padding:0 40px;} .container06 .content .box01 ul .miso-dots li{width:16px;height:16px;border:transparent 1px solid;border-radius:50%;margin: 0 3px;} .container06 .content .box01 ul .miso-dots li.miso-active{ border:#287eff 1px solid;} .container06 .content .box01 ul .miso-dots li button{background:#bfc1c5;width: 6px;height: 6px;padding: 0;border-radius: 50%;margin: 4px;} .container06 .content .box01 ul .miso-dots li.miso-active button{ background:#287eff} .container06 .content .box02{ width:33.3333333%;} .container06 .content .box02 .title01{ height:50px; line-height:50px; background:#287eff; text-align:center} .container06 .content .box02 .title01 img{margin: -9px 10px 0 0;vertical-align: middle;} .container06 .content .box02 .title01 big{ font-size:16px; color:#fff; margin-right:5px} .container06 .content .box02 .title01 small{ font-size:12px; color:#88a4ce; text-transform:uppercase} .container06 .content .box02 ul{padding: 18px 32px; border:1px solid #eee; background:#fff;} .container06 .content .box02 ul li{border-bottom:#d4d5d9 1px solid;padding: 28px 0; position:relative} .container06 .content .box02 ul li:after{ content:""; position:absolute; background:#287eff; height:1px; bottom:-1px; left:0; width:0; transition:1s} .container06 .content .box02 ul li:last-child{ border:none} .container06 .content .box02 ul li a h4{ font-size:18px; color:#868686; transition:0.6s} .container06 .content .box02 ul li a h5{ font-size:18px; color:#3c3c3c; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:28px 0 16px; transition:0.6s} .container06 .content .box02 ul li a p{ font-size:14px; line-height:22px; color:#818181; } .container06 .more01{ text-align:center; margin-top:3.125rem} .container06 .more01 a{display:inline-block;width: 170px;height: 45px;line-height: 43px;border-radius: 10px;font-size: 16px;color: #373737;transition:0.6s;border: #e5e5e5 1px solid;position: relative;overflow: hidden;background: #fff;} .container06 .more01 a:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#ef7600;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0} .container06 .more01 span{ position:relative} .layui-container01 { position: relative; margin: 0 auto; padding: 0 15px; box-sizing: border-box; max-width: 1630px; } @media(min-width: 768px){ .container06 .content .box02 ul li:hover:after{ width:100%} .container06 .content .box02 ul li:last-child:hover:after{ width:0} .container06 .content .box02 ul li:hover a h4{ color:#287eff;} .container06 .content .box02 ul li:hover a h5{ color:#287eff;} .container06 .more01 a:hover{ border:#ef7600 1px solid; background:#ef7600; color:#fff} .container06 .more01 a:hover:before{ transform:scale(1); opacity:1} .container06 .content .box01 ul li a .con .more:hover:before{ transform:scale(1); opacity:1} } @media(max-width: 1200px){ .nav{ display:none} .container06 .content .box01 ul li a .con{ padding:0 20px 40px} .container06 .content .box01{ width:40%;} .container06 .content .box02{ width:30%;} } @media(max-width: 768px){ .container06 .content .box01{ width:100%;} .container06 .content .box02{ width:100%;} .container06{ padding:3rem 0} .container06 .content .box01 ul li a .img, .container06 .content .box01 ul li a .img img{height:220px;position: relative;z-index: 0;} .container06 .content .box01,.container06 .content .box02{ margin-bottom:15px} .container06 .content .box02 ul{ padding:15px 15px} .container06 .content .box02 ul li{ padding: 20px 0} .container06 .content .box02 ul li a h5{font-size:16px;margin: 15px 0 10px;} .container06 .content .box02 ul li a p{font-size:12px;line-height: 20px;height: 40px;} } .container02{background:#fff;/* url(../images/index_anli_bg.png) center center no-repeat */} .container02 .content{ margin:0 -.5rem} .container02 .left{ width:33.333333%; padding:0 .5rem} .container02 .left a{ display:block; position:relative} .container02 .left .img{ overflow:hidden} .container02 .left .img .img_hezi{padding-bottom: 95.1875% !important;} .container02 .left .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/play.png) center no-repeat;} .container02 .right{ width:33.333333%; padding:0 .5rem;} .container02 .right .con{ padding-bottom:46.875% !important; background:#0054ae; position:relative} .container02 .right .con .top{ position:absolute; top:0; right:0; bottom:0; left:0; padding:0 4.375rem} .container02 .right .con .top .box_table{ text-align:left} .container02 .right .con .top p{ font-size:.875rem; color:#fff; line-height:1.75rem; height:5.25rem; transition:.6s; opacity:.9; margin-bottom:2.75rem} .container02 .fl02{ margin-top:1rem;} .container02 .fl02 ul{ margin:0 -.5rem;} .container02 .fl02 ul li{ float:left; width:25%; padding:0 0.6rem; margin-bottom:0.4rem} .container02 .fl02 ul li a{ display:block; position:relative; transition:.6s} .container02 .fl02 ul li a .img{ overflow:hidden; width:100%; height:100%; position:relative;} .container02 .fl02 ul li a .img:after{visibility: visible;opacity: 1;height: 50%;width: 100%;content: "";background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);display: block;top: auto;bottom: 0;transition:.6s;position: absolute; overflow:hidden;} .container02 .fl02 ul li a .top{position:absolute;bottom: 1rem;left:0;right:0;padding: 0 3rem;} .container02 .fl02 ul li a .top .more00{ padding:.5rem 0 0} /* .container02 .fl02 ul li.li1 a .img .img_hezi{ padding-bottom:40.95% !important} .container02 .fl02 ul li.li2 a .img .img_hezi{padding-bottom: 83.85% !important;} */ /*.title002{ margin-bottom:2rem}*/ .title002 h3{ font-size:1.4rem; color:#fff; font-family:ROBOTO;} .title002 h4{ font-size:1.8rem; color:#fff; margin:1.125rem 0 0} .more00 .a{display:inline-block;width:2.75rem;height:2.75rem;border:rgba(255,255,255,0.4) 1px solid;border-radius: 50%;position: relative; overflow:hidden; transition:.6s} .more00 .a:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/arrow-right.svg) center no-repeat; transition:.6s} .more00 .a:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/arrow-right.svg) center no-repeat; transform:translateX(-100%); transition:.6s} .more00 .a.on{background: #e6b988;border: #e6b988 1px solid;} /* .container02 .fl02 ul li.li1{ width:33.333333%} */ @media(min-width: 768px){ .container02 .fl02{width:100%;} .container02 .fl02 ul li a:hover .img:after{ height:100%; background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); transition:.6s;} .container02 .fl02 ul li a:hover .img img{ transform:scale(1.05)} } @media(max-width: 992px){ .container02 .fl02{width:100%;} .container02 .right .con .top p{ margin-bottom:1rem} /* .container02 .fl02 ul li.li2 a .img .img_hezi{padding-bottom: 84.375% !important;} */ } @media(max-width: 768px){ .container02 .fl02{width:136%; margin-left:-18%;} .container02 .left{ width:100%; margin-bottom:1rem} .container02 .right{ width:100%} /* .container02 .fl02 ul li.li1{ width:100%} */ .container02 .fl02 ul li{ width:50%} /* .container02 .fl02 ul li.li2 a .img .img_hezi{ padding-bottom:60% !important} */ .container02 .right .con .top{ padding:0 15px;} .container02 .right .con .top p{-webkit-line-clamp: 1;height: 1.75rem;} .container02 .fl02 ul li a .top{padding:0 15px;bottom: 0;} .container02 .left .img:after{ background-size:3rem !important} /* .container02 .left .img .img_hezi{ padding-bottom:46.875% !important} */ .container02{ padding:3rem 0} } @media(max-width: 600px){ .container02 .fl02{width:136%; margin-left:-18%;} .container02 .left{ width:100%; margin-bottom:1rem} .container02 .right{ width:100%} .container02 .fl02 ul li{ width:50%} .container02 .fl02 h3{font-size:.4rem;} .container02 .fl02 h4{font-size:1.6rem;} .container02 .right .con .top{ padding:0 15px;} .container02 .right .con .top p{-webkit-line-clamp: 1;height: 1.75rem;} .container02 .fl02 ul li a .top{padding:0 15px;bottom: 0;} .container02 .left .img:after{ background-size:3rem !important} /* .container02 .left .img .img_hezi{ padding-bottom:46.875% !important} */ .container02{ padding:3rem 0} }