锘縣tml, body, div, header, nav, head, span, object, iframe, section, aside, article, figure, h1, h2, h3, h4, img, ol, ul, dl, p { margin:0; padding:0; border:0; background:0 0 } *{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0} ::-webkit-scrollbar{width:10px;height:10px} ::-webkit-scrollbar-track{border-radius:0;background:rgba(0,0,0,0.1);} ::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);} ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.4);background-color:#127a44;} ul { list-style:none } li { list-style-type:none } h1, h2, h3, h4 { line-height:24px; font-weight:500; color:#333; text-rendering:optimizelegibility } h1 { font-size:24px; line-height:38px } h2 { font-size:24px; line-height:36px } h3 { font-size:18px } h4 { font-size:15px } article, aside, dialog, footer, header, section, footer, nav, figure, menu, hgroup { display:block } a { color:#666 } .mb50{margin-bottom: 50px;} .mb68{margin-bottom: 68px;} .mb80{margin-bottom: 80px;} .mb90{margin-bottom: 90px;} .mb100{margin-bottom: 100px;} .mb130{margin-bottom: 130px;} a:hover, a:active { outline:0 } .footww{width:460px;margin:0 auto;clear:both;overflow:hidden;} a, a:hover { text-decoration:none } .r{ float:right;} .l{ float:left;} .c{clear:both} .foot_r{ text-align: left; color:#fff; } .foot_r a{ color:#fff !important; } img { height:auto; display:block; margin:0 auto; max-width:100% } input[type=search], input[type=number], input[type=email], input[type=text], input[type=tel], input[type=url], input[type=password], input[type=email], textarea { background-color:#f8f8f8; border:1px #f8f8f8 solid; padding:12px; width:100% } textarea:focus, input:focus { border-width:1px; border-style:solid; background-color:#fff } label, select, button, input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] { cursor:pointer } input[type=button], input[type=reset], input[type=submit], input[type=search], input[type=number], input[type=email], input[type=text], input[type=tel], input[type=url], input[type=password], input[type=email], select, textarea, button { -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; border-radius:0; font-size:12px; font-family:'寰蒋闆呴粦' } input[type=radio], input[type=checkbox] { vertical-align:middle } select { background-image:url(../images/select-arrow.png); background-repeat:no-repeat; background-position:center right; background-color:#fff; border:1px #eee solid; padding:8px 40px 8px 8px; cursor:pointer; outline:none } .left { float:left } .right { float:right } body * { box-sizing:border-box } a, input, textarea, b, button, i, span, h2, h3, svg, .header, .header_menu, .menu_btn>div, .imgeffect img, .ajax_cart, .bg, .qrpopup, .cover_img, .popup, .swiper-button, .online_con, .sub-menu, ul.blogroll li, *:before, *:after { transition:ease-in-out .5s } body { background-color:#fff; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; font-size:13px; overflow-x:hidden; overflow-y:scroll; line-height:24px; color:#666; max-width:1920px; margin:0 auto } .wrapper { width:1200px; margin:0 auto; clear:both } .video_home{ height: auto;} .layout_ul { font-size:0 } .layout_li { font-size:12px; display:inline-block; vertical-align:top } .content_post, .excerpt { text-align:justify } svg { width:24px; height:24px; fill:#999; display:inline-block; vertical-align:middle } @font-face { font-family:'salong'; src:url(../fonts/salong.eot); src:url(../fonts/salong.eot) format("embedded-opentype"), url(../fonts/salong.woff) format("woff"), url(../fonts/salong.otf) format("opentype"), url(../fonts/salong.ttf) format("truetype"), url(../fonts/salong.svg#salong) format("svg"); font-style:normal; font-weight:400 } [class^=icon-]:before, [class*=icon-]:before { display:inline-block; font-family:"salong"; font-style:normal; font-variant:normal; font-weight:400; line-height:24px; text-align:center; text-decoration:inherit; text-transform:none } .post_share { margin:20px 0 } .post_share>a { padding:1px; width:30px; height:30px; margin-left:6px; border-radius:100%; border:1px #eee solid } .post_share>a.weixin svg { fill:#25d38a } .post_share>a.weibo svg { fill:#ec4141 } .post_share>a.qq svg { fill:#0085ff } .post_share>a.qqzone svg { fill:#fecc2f } .post_share>a.facebook svg { fill:#4267b2 } .post_share>a.twitter svg { fill:#1da1f2 } .post_share>a.weixin:hover { background-color:#25d38a; border-color:#25d38a } .post_share>a.weibo:hover { background-color:#ec4141; border-color:#ec4141 } .post_share>a.qq:hover { background-color:#0085ff; border-color:#0085ff } .post_share>a.qqzone:hover { background-color:#fecc2f; border-color:#fecc2f } .post_share>a.facebook:hover { background-color:#4267b2; border-color:#4267b2 } .post_share>a.twitter:hover { background-color:#1da1f2; border-color:#1da1f2 } .share { color:#999; white-space:nowrap } .share>a { text-align:center; display:inline-block; vertical-align:middle; cursor:pointer } .share>a svg { width:14px; height:14px } .share>a.twitter svg, .share>a.qq svg { width:13px; height:13px } .share>a:hover svg { fill:#fff } .share>a.weixin { position:relative } .share>a.weixin .qrpopup { position:absolute; top:-180px; left:-54px; padding:8px 8px 0; background-color:#fff; border:1px #eee solid; text-align:center; opacity:0; visibility:hidden; z-index:12 } .share>a.weixin .qrpopup .qr { width:120px; height:120px; margin-bottom:4px } .share>a.weixin .qrpopup span { font-size:12px; white-space:nowrap } .share>a.weixin:hover .qrpopup { top:-164px; opacity:1; visibility:visible } .share>div { margin-left:12px; float:right } .share>div a.share_cover_btn { border:1px #ddd solid; display:block; padding:4px; width:108px; text-align:center; border-radius:20px } .share>div a.share_cover_btn.covered { border-color:#f8f8f8; background-color:#f8f8f8 } .share>div svg { width:16px; height:16px; fill:#bbb; margin-right:4px } .header { height:72px } .header .header_main { background-color:#fff; box-shadow:0 0 4px 0 rgba(0, 0, 0, .1); position:fixed; top:0; left:0; right:0; z-index:99; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; align-items:stretch; padding:0 72px 0 20px; height:72px } .header .header_main>* { align-items:center; flex-wrap:nowrap; display:inherit } .header .logo { flex-grow:1 } .header .logo img { margin-right:30px; margin:0 } .header .header_menu { align-items:stretch; font-weight:300; text-align:center } .header .header_menu ul.empty, .header .header_menu ul.empty>li, .header .header_menu ul.menu, .header .header_menu ul.menu>li, .header .header_menu ul.menu>li>a { display:-moz-inline-flex; display:-ms-inline-flex; display:-o-inline-flex; display:inline-flex } .header .header_menu ul.menu { flex-grow:1; align-items:stretch } .header .header_menu ul.menu li { position:relative } .header .header_menu ul.menu li.menu-item-has-children:before { content:''; height:4px; width:4px; display:block; border:1px solid #999; border-bottom-width:1px; border-bottom-width:0; border-left-width:1px; border-left-width:0; position:absolute } .header .header_menu ul.menu li:hover>.sub-menu { opacity:1; visibility:visible } .header .header_menu ul.menu>li { align-items:stretch } .header .header_menu ul.menu>li.menu-item-has-children:before { top:32px; right:16px; transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg) } .header .header_menu ul.menu>li.menu-item-has-children>a { padding-right:28px } .header .header_menu ul.menu>li>a { align-items:center; padding:0 24px; font-size:14px } .header .header_menu ul.menu>li:hover>.sub-menu { top:72px } .header .header_menu ul.menu>li.current-menu-ancestor>a, .header .header_menu ul.menu>li.current-menu-parent>a, .header .header_menu ul.menu>li.current-menu-item>a { font-weight:400 } .header .header_menu ul.menu>li>.sub-menu { top:92px; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0) } .header .header_menu ul.menu>li>.sub-menu:before { top:-7px; left:50%; margin-left:-6px; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg) } .header .header_menu ul.menu>li>.sub-menu li.menu-item-has-children:before { top:18px; left:12px; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); -ms-transform:rotate(-135deg) } .header .header_menu ul.menu>li>.sub-menu .sub-menu { top:0; right:110%; border-right:1px #efefef solid } .header .header_menu ul.menu>li>.sub-menu .sub-menu:before { top:12px; right:-7px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); border-bottom:1px #efefef solid; border-right:1px #efefef solid } .header .header_menu ul.menu>li>.sub-menu li:hover>.sub-menu { right:100% } .header .header_menu ul.menu>li>.sub-menu li.menu-item-has-children:hover:before { opacity:0; left:0 } .header .header_menu ul.menu .sub-menu { background-color:#fff; position:absolute; min-width:140px; opacity:0; visibility:hidden; z-index:120; white-space:nowrap } .header .header_menu ul.menu .sub-menu:before { width:12px; height:12px; position:absolute; content:''; background-color:#fff; z-index:1 } .header .header_menu ul.menu .sub-menu a { display:block; padding:8px 20px; font-size:14px; color:#999 } .header .header_menu ul.menu li.account>a { padding:0 16px } .header .header_menu ul.menu li.account>a span { display:none } .header .header_menu li.search svg { width:18px; height:18px } .header .header_menu ul.empty a { display:inherit; align-items:center } .header i { color:#999 } .slick { position:relative; display:block; box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; touch-action:pan-y; -webkit-tap-highlight-color:transparent; overflow:hidden; margin-top:0 !important } .slick button { background:0 0; border:none } .slick>button { position:absolute; top:50%; margin-top:-12px; opacity:0; visibility:hidden } .slick>button.slick-prev { left:-20px } .slick>button.slick-next { right:-20px } .slick>button svg { fill:#fff; width:36px; height:36px } .slick:hover>button { opacity:1; visibility:visible } .slick:hover .slick-prev { left:0 } .slick:hover .slick-next { right:0 } .slick .slick-dots { position:absolute; bottom:8px; right:20px } .slick .slick-dots li { display:inline-block } .slick .slick-dots li button { width:15px; height:15px; background-color:rgba(255, 255, 255, .3); font-size:0; margin-left:6px; border-radius:50%; } .slick .slick-dots li.slick-active button { background-color:#008442 } .slick-list { position:relative; overflow:hidden; display:block; margin:0; padding:0 } .slick-list:focus { outline:none } .slick-list.dragging { cursor:pointer; cursor:hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } .slick-track { position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto } .slick-track:before, .slick-track:after { content:""; display:table } .slick-track:after { clear:both } .slick-loading .slick-track { visibility:hidden } .slick-slide.first { display:block !important } .slick-slide { float:left; height:100%; min-height:1px; position:relative; display:none } [dir=rtl] .slick-slide { float:right } .slick-slide a { height:720px; display:block; background-repeat:no-repeat; background-size:cover; background-position:center center } .slick-slide img { display:block; width:100% } .slick-slide.slick-loading img { display:none } .slick-slide.dragging img { pointer-events:none } .slick-initialized .slick-slide { display:block } .slick-loading .slick-slide { visibility:hidden } .slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent } .slick-slide .slick-con { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:12; text-align:center; color:#eee } .slick-slide .slick-con h3 { color:#fff; font-size:48px; line-height:48px; font-weight:300 } .slick-slide .slick-con p { font-size:18px; display:block; margin:12px 0 20px } .slick-slide .slick-con button { position:relative; background-color:#fff; border:none; width:160px; height:40px; padding-right:40px } .slick-slide .slick-con button .icon-more { position:absolute; right:0; top:0; bottom:0; width:30px; line-height:40px } .slick-slide .slick-con button .icon-more:before { content:'\e803'; color:#fff; font-size:18px } .slick-slide .slick-con button .icon-more:after { content:''; height:0; width:0; display:block; border:40px transparent solid; border-top-width:0; border-right-width:0; position:absolute; top:0; left:-30px; -webkit-transform:scaleX(.5); transform:scaleX(.5) } .slick-slide .slick-con button:hover { padding-right:50px } .slick-slide .slick-con button:hover .icon-more:before { -webkit-animation:btn_right 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; animation:btn_right 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; -webkit-animation-iteration-count:1; animation-iteration-count:1 } .slick-arrow.slick-hidden { display:none } .slide_jump { position:absolute; bottom:12px; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); background-color:rgba(255, 255, 255, .2); border:1px rgba(238, 238, 238, .4) solid; width:36px; height:36px; padding:4px 8px } .slide_jump svg { width:18px; height:18px; fill:#fff; -webkit-animation:btn_up 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; animation:btn_up 1s 0s cubic-bezier(.09, .57, .49, .9) infinite } @-webkit-keyframes btn_right { 25% { -webkit-transform:translateX(200%); transform:translateX(200%); opacity:0 } 50% { -webkit-transform:translateX(-200%); transform:translateX(-200%); opacity:0 } 75% { -webkit-transform:translateX(60%); transform:translateX(60%); opacity:1 } 100% { opacity:1 } } @keyframes btn_right { 25% { -webkit-transform:translateX(200%); transform:translateX(200%); opacity:0 } 50% { -webkit-transform:translateX(-200%); transform:translateX(-200%); opacity:0 } 75% { -webkit-transform:translateX(60%); transform:translateX(60%); opacity:1 } 100% { opacity:1 } } @-webkit-keyframes btn_up { 25% { -webkit-transform:translateY(6px); transform:translateY(6px) } 50% { -webkit-transform:translateY(-6px); transform:translateY(-6px) } 75% { -webkit-transform:translateY(2px); transform:translateY(2px) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes btn_up { 25% { -webkit-transform:translateY(6px); transform:translateY(6px) } 50% { -webkit-transform:translateY(-6px); transform:translateY(-6px) } 75% { -webkit-transform:translateY(2px); transform:translateY(2px) } 100% { -webkit-transform:translateY(0); transform:translateY(0) } } .container { position:relative } .home .container>section { margin-top:10px } .index_new{ margin-top:150px !important } .home_partners, .home_link, .home_new, .home_service, .home_product { padding-left:72px; padding-right:72px } .home_title { overflow:hidden; margin-bottom:48px; position:relative; font-size:0 } .home_title:before { position:absolute; content:''; width:100%; height:1px; background-color:#eee; top:50%; left:0; right:0 } .home_title .title, .title_cat, .title_cat .home_button, .title_cat ul, .title_cat ul li { display:inline-block; vertical-align:middle } .home_title .title, .title_cat { width:50%; position:relative; z-index:10 } .home_title .title { text-align:left } .home_title h2 { display:inline-block } .home_title h2 span { display:block; background-color:#fff; padding-right:20px } .home_title h2 .zh { font-size:24px; color:#008442; padding-bottom:2px } .home_title h2 .en { font-family:'寰蒋闆呴粦'; color:#f5a200; font-size:18px; padding-top:2px } .title_cat { font-size:12px; text-align:right } .title_cat ul { padding-left:20px } .title_cat ul, .title_cat .home_button { background-color:#fff } .archive_cat ul li, .title_cat ul li { position:relative; display:inline-block; vertical-align:middle } .archive_cat ul li:before, .title_cat ul li:before { position:absolute; content:'/'; top:0; right:0; color:#ddd } .archive_cat ul li:last-child:before, .title_cat ul li:last-child:before { content:'' } .archive_cat ul li a, .title_cat ul li a { padding:4px 16px 4px 12px; color:#747474 } .title_cat .home_button { background-color:#e1e6ec; color:#fff; width:24px; height:24px; border-radius:100%; text-align:center; font-size:20px; line-height:20px } .home_service { position:relative } .service_con { font-size:0 } .service_con>section { width:50%; display:inline-block; vertical-align:middle } .home_service>img { position:absolute; right:0; bottom:12px; width:auto } .service_list.four { text-align:right } .home .service_list.four ul { display:inline-block; text-align:left } .service_list.four ul { width:68% } .service_list.four ul li { width:50% } .service_list.six ul li { width:33.33% } .service_list ul li:nth-last-child(-n+3) .service_main { margin-bottom:0 } .service_main { margin:0 20px 20px 0; display:block; border:1px #eee solid; text-align:center; padding-bottom:8px; background-color:#fff } .service_main:hover { box-shadow:1px 1px 8px rgba(0, 0, 0, .3); -webkit-transform:translateY(-6%); transform:translateY(-6%) } .service_main h3 { margin-top:8px } .service_main p { color:#999 } .service_main h3, .service_main p { display:block; width:100%; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-left:8px; padding-right:8px } .service_aim { font-size:12px; height:464px; width:540px; border:6px #f4f4f4 solid; padding:100px 32px; margin-left:20px } .aim_img .service_aim { padding:32px } .service_aim>p { margin:8px 0 32px; font-size:14px } .service_aim>p b { font-size:16px; color:#91a17d; margin-right:4px } .service_aim>div { color:#999; max-width:100%; text-align:justify; position:relative; z-index:10 } .aim_img .service_aim>div { max-width:72% } .service_aim>span { margin-top:32px; display:block; color:#91a17d } .service_aim>span b { margin-right:6px } .home_about { background-attachment:fixed; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; overflow:hidden } .about { width:50%; padding:10px 0px 10px 80px; float: left; margin:60px 0 } .about2{ width:50%; padding:10px 80px 10px 0px; float: right; margin:60px 0 } .about2 img{ max-width: 96%; float:right; } .aboutimg { width:50%; padding:10px 0px 10px 100px; float: left; margin:60px 0 } .about h2 .zh{ font-size: 24px; color: #008442; padding-bottom: 2px; } .about span{ display: block; } .about h2 .en { font-family: '寰蒋闆呴粦'; color: #f5a200; font-size: 18px; padding-top: 2px; } .about p.desc { font-size:14px; line-height:30px; display:block; color:#727171; margin:15px 0;text-indent: 2em; text-align:justify } .about a.more { display:inline-block; padding:8px 42px 8px 32px; position:relative; overflow:hidden } .about a.more i { position:absolute; right:12px; top:8px } .about a.more:hover .icon-right:before { -webkit-animation:btn_right 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; animation:btn_right 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; -webkit-animation-iteration-count:1; animation-iteration-count:1 } .new_list ul li { width:50%; margin-bottom:60px } .new_list ul li:nth-child(2n-1) .post_main { margin-right:60px } .new_list ul li:nth-child(2n) .post_main { margin-left:60px } .post_main img.thumb { width:200px } .imgeffect { display:block; overflow:hidden } .post_main .imgeffect { margin-right:20px; float:left } .postgrid:hover .imgeffect img, .post_main:hover .imgeffect img { -webkit-transform:scale(1.2); transform:scale(1.2) } .post_main h2 { font-size:14px } .post_main h2 a { font-weight:700; display:block; font-size:16px; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; color:#008442; } .post_main h2 a:hover { padding-left:12px } .post_main .excerpt { margin:6px 0; color:#999 } .post_main .date { color:#bbb } .postgrid a.more, .post_main a.more { float:right; color:#bbb } .post_main a.more i { margin-left:6px } .postgrid:hover .icon-right:before, .post_main:hover .icon-right:before { -webkit-animation:btn_right 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; animation:btn_right 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; -webkit-animation-iteration-count:1; animation-iteration-count:1 } .home_partners ul { margin-right:-12px; font-size:0 } .home_partners ul li { display:inline-block; vertical-align:middle; width:8.333% } .home_partners ul li a { display:block; border:1px #eee solid; margin:0 12px 12px 0 } .home_link ul { margin-right:-12px; font-size:0 } .home_link ul li { display:inline-block; vertical-align:top; width:8.333%; padding-right:12px; font-size:13px } .home_link ul li a { display:block; margin-bottom:20px } .home_link ul li a>* { display:inline-block; vertical-align:middle } .home_link ul li a img { width:18px; height:18px; margin-right:6px } .home_link ul li a span { color:#999; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; width:calc(100% - 24px); display:inline-block } .slogan { height:480px; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; color:#eee; text-align:center; padding:100px 20px; position:relative } .slogan:before { position:absolute; content:''; z-index:1; top:0; right:0; left:0; bottom:0; background-color:rgba(0, 0, 0, .5) } .slogan_main { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:12 } .slogan h3 { color:#fff; font-size:24px; line-height:36px; position:relative; display:inline-block; padding:12px 0 } .slogan h3:before, .slogan h3:after { position:absolute; content:'' } .slogan h3:before { width:100%; height:1px; background-color:rgba(255, 255, 255, .2); bottom:0; right:0; left:0 } .slogan h3:after { width:32px; height:3px; background-color:#fff; bottom:-1px; left:50%; margin-left:-16px } .slogan p { font-size:14px; margin:24px auto; color:#eee; max-width:540px; line-height:32px } .slogan a { padding:8px 32px; font-size:14px; color:#fff !important; display:inline-block; margin:0 12px; border:3px rgba(255, 255, 255, .4) solid } .slogan a.contact { background-color:rgba(255, 255, 255, .1) } .entry { min-height:360px } .content_post { line-height:32px; overflow:hidden } .content_post p { margin-bottom:5px; font-size:13px; text-indent:2em; } hr { height:1px; border:none; border-top:1px dotted rgba(0, 0, 0, .1); margin:20px 0 } .post-header { margin-bottom:12px; border-bottom:1px #eee solid; padding:4px 0 12px; text-align:center } .post-header h1{ color:#008442;} .post-header span { margin-top:8px; color:#999; display:inline-block } .post-header .date { margin-right:12px } .content_post h2, .content_post h3, .content_post h4, .content_post h5 { position:relative; display:block } .content_post h2 { margin:24px 0 12px; padding:8px 12px 12px 0 } .content_post h3, .content_post h4, .content_post h5 { margin:14px 0 8px; padding:4px 12px 4px 0 } .content_post code { padding:6px 8px; margin:0 4px; background-color:#f2f2f2; border-radius:2px } .content_post ul li { padding:8px } table { border-top:1px #eee solid; border-left:1px #eee solid; width:100%; border-spacing:0; font-size:12px } table td, table th { border-right:1px #eee solid; border-bottom:1px #eee solid; padding:12px 16px } table th, table thead, table .title { font-weight:700; white-space:nowrap; background-color:#fafafa; font-size:14px; text-align:left } table tbody tr:nth-child(2n) { background-color:#fcfcfc } table.protable td, table.protable th { min-width:128px } form.post-password-form { text-align:left; background-color:#f8f8f8; padding:12px } form.post-password-form label { display:inline-block } form.post-password-form input[type=submit] { border:none; height:34px; padding:4px 20px } .content_post img {display:block; max-width:100%; text-indent:0; margin:0 auto; } .content_post .alignnone { margin-right:auto; margin-left:auto } .content_post .alignleft { float:left; text-align:left; margin-right:20px } .content_post .aligncenter { margin-right:auto; margin-left:auto; text-align:center; display:block } .content_post .alignright { float:right; text-align:right; margin-left:20px } .content_post .wp-caption { margin-bottom:18px; background-color:#f8f8f8; padding:12px; max-width:100% } .content_post .wp-caption img { margin:0 0 5px } .content_post .wp-caption p { margin:12px 12px 6px; text-indent:0 } .content_post .wp-caption.alignnone { text-align:center } .tags ,.pre,.next{ margin:10px 0; } .tags svg { fill:#999; width:18px; height:18px; margin-left:-18px } .tags a { color:#b2b2b2; margin-left:8px; background-color: #F7F7F7; border: 1px solid #DEDEDE; padding:5px; } .related_posts { margin-top:36px } .related_posts h3 { margin-bottom:12px } .related_posts ul { margin-right:-30px } .related_posts ul li { width:25% } .postgrid { margin:0 30px 30px 0 } .postgrid h2 { margin:8px 0 4px; font-size:15px } .postgrid h2 a { display:block; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; width:100% } .postgrid .date { color:#999 } .postgrid i { margin-right:6px } .related_posts ul li:nth-last-child(-n+4) .postgrid { margin-bottom:0 } #comments { margin:20px 0 36px } #comments #reply-title { margin-bottom:20px; padding-bottom:8px; border-bottom:1px #eee solid; font-size:18px } .comment_title { font-size:0; padding-bottom:12px; margin-bottom:20px; border-bottom:1px #efefef solid } .comment_title>* { display:inline-block; vertical-align:bottom } .comment_title h3 { font-size:18px; line-height:24px; width:60px } .comment_title .hint { font-size:12px; text-align:right; color:#999; font-weight:300; width:calc(100% - 60px) } .popular_comment { padding:20px; background-color:#f8f8f8; margin-bottom:30px } .popular_comment .commentlist { margin-bottom:0 } .new_comment { margin-bottom:30px } .commentlist { margin-bottom:30px } .commentlist li { margin-bottom:20px; padding-bottom:20px; border-bottom:1px #eee solid } .commentlist>li:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0 } .commentlist>li>.children { margin-left:60px } .commentlist>li .children { margin-top:20px; padding-top:20px; border-top:1px #eee solid } .commentlist>li .children li:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0 } .commentlist #respond { margin-top:36px } .commentlist .comment_container, .commentlist .comment_body { padding-left:52px; position:relative } .commentlist .comment_container .comment_author, .commentlist .comment_body .comment_author { position:absolute; top:0; left:0 } .commentlist .comment_container .comment_author img.avatar, .commentlist .comment_body .comment_author img.avatar { width:42px; height:auto; border-radius:100% } .commentlist .comment_container .comment_btn, .commentlist .comment_body .comment_btn { position:absolute; top:0; right:0 } .commentlist .comment_container .comment_btn a, .commentlist .comment_body .comment_btn a { color:#999; padding:2px 8px; opacity:0; visibility:hidden; margin-left:4px } .commentlist .comment_container .comment_btn a.sl-login, .commentlist .comment_container .comment_btn a.sl-comment, .commentlist .comment_body .comment_btn a.sl-login, .commentlist .comment_body .comment_btn a.sl-comment { opacity:1; visibility:visible } .commentlist .comment_container .comment_btn a.sl-login svg, .commentlist .comment_container .comment_btn a.sl-comment svg, .commentlist .comment_body .comment_btn a.sl-login svg, .commentlist .comment_body .comment_btn a.sl-comment svg { width:12px; height:12px; margin-bottom:2px; fill:#999 } .commentlist .comment_container .comment_btn a.sl-login span.title, .commentlist .comment_container .comment_btn a.sl-comment span.title, .commentlist .comment_body .comment_btn a.sl-login span.title, .commentlist .comment_body .comment_btn a.sl-comment span.title { margin:0 4px } .commentlist .comment_container .comment_btn #sl-loader, .commentlist .comment_body .comment_btn #sl-loader { position:absolute; top:7px; right:-16px } .commentlist .comment_container .comment_btn .star-rating, .commentlist .comment_body .comment_btn .star-rating { display:inline-block; vertical-align:middle } .commentlist .comment_container:hover .comment_btn a, .commentlist .comment_body:hover .comment_btn a { opacity:1; visibility:visible } .commentlist .comment_container .comment_info, .commentlist .comment_body .comment_info { color:#999; font-weight:300 } .commentlist .comment_container .comment_info .author_name, .commentlist .comment_body .comment_info .author_name { font-size:14px; margin-right:6px; font-weight:400 } .commentlist .comment_container .comment_content, .commentlist .comment_body .comment_content { margin-top:8px } .commentlist .comment_container .comment_awaiting_moderation, .commentlist .comment_body .comment_awaiting_moderation { color:red; border:1px #efefef solid; background-color:#f8f8f8; margin-top:8px; padding:8px 20px } #respond #reply-title #cancel-comment-reply-link { color:red; font-size:12px; margin-left:12px } #commentform { font-size:0; position:relative } #commentform>p { margin-top:12px; font-size:12px } #commentform>p.comment-form-author, #commentform>p.comment-form-email { display:inline-block; width:calc(50% - 6px) } #commentform>p.comment-form-author { margin-right:12px } #commentform #submit { border:none; color:#fff; font-size:14px; text-align:center; padding:8px 16px; display:inline-block; padding:8px 20px } .comment-notes, .comment-form-cookies-consent, .comment_notify { display:none } .butterBar { position:fixed; bottom:40px; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); background-color:red; color:#fff; padding:12px 20px; z-index:12 } .nocomments { color:#f60 } .comment-form .xh-social, #commentform .xh-social { position:absolute; top:8px; right:0 } .comment-form .xh-social .xh-social-item, #commentform .xh-social .xh-social-item { position:relative; width:22px; height:22px; background-position:center !important; background-size:cover !important } .comment-form .xh-social .xh-social-item.xh-dinding, #commentform .xh-social .xh-social-item.xh-dinding { width:24px; height:24px } .dwqa-comment-form { position:relative } .dwqa-comment-form .xh-social { right:8px; top:-30px } .comment_stars>*, .comment_rating>* { display:inline-block; vertical-align:middle } .comment_rating { font-size:12px; margin-top:12px } .comment_rating label { margin-right:6px } .comment_stars.selected svg { fill:red } .comment_stars a { position:relative; width:14px; height:14px; display:inline-block; text-decoration:none; box-shadow:none; font-size:14px; line-height:12px; margin-bottom:2px } .comment_stars a svg { width:14px; height:14px; fill:#f90 } .comment_stars a svg.star_full { display:none } .comment_stars a:hover~a svg.star_full { display:none } .comment_stars a:hover~a svg.star_line { display:block } .comment_stars:hover a svg.star_full { display:block } .comment_stars:hover a svg.star_line { display:none } .comment_stars.selected a.active svg.star_full { display:block } .comment_stars.selected a.active svg.star_line { display:none } .comment_stars.selected a.active~a svg.star_full { display:none } .comment_stars.selected a.active~a svg.star_line { display:block } .comment_stars.selected a:not(.active) svg.star_full { display:block } .comment_stars.selected a:not(.active) svg.star_line { display:none } .comment_rate { border:1px #eee solid; padding:20px; margin-bottom:32px; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; -ms-align-items:center; align-items:center } .comment_rate .title { margin-right:32px; min-width:120px; text-align:center; white-space:nowrap } .comment_rate .title h4 { margin-bottom:8px } .comment_rate .title h4 span { margin-right:4px; color:red } .comment_rate .title .rate_star { position:relative; display:inline-block } .comment_rate .title .rate_star svg { width:16px; height:16px; fill:red } .comment_rate .title .rate_star div.star_full { position:absolute; top:0; left:0; overflow:hidden; white-space:nowrap } .comment_rate ul { flex-grow:1; color:#333; font-size:14px } .comment_rate ul li { margin:8px 0; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; -ms-align-items:center; align-items:center } .comment_rate ul li span { min-width:110px } .comment_rate .radio_up, .comment_rate .radio { width:100%; height:6px } .comment_rate .radio { background-color:#999 } .comment_rate .radio_up { background-color:red } .rate { display:inline-block; margin-left:8px } .rate svg { margin:0 4px 2px 0; fill:#f90; width:14px; height:14px } ._1mpIIe { cursor:pointer; background:0 0 !important } .share_cover { position:fixed; top:0; left:0; right:0; bottom:0; opacity:0; visibility:hidden; z-index:800; -webkit-perspective:1300px; perspective:1300px } .share_cover.active, .share_cover.active .cover_img, .share_cover.active .bg { opacity:1; visibility:visible } .share_cover.active .bg { background-color:rgba(0, 0, 0, .6) } .share_cover.active .cover_img { -webkit-transform:translate(-50%, -50%) rotateX(0deg); transform:translate(-50%, -50%) rotateX(0deg) } .share_cover.close { opacity:0; visibility:hidden; transition-delay:.8s; -webkit-transition-delay:.8s } .share_cover.close .cover_img, .share_cover.close .bg { opacity:0; visibility:hidden } .share_cover.close .cover_img { transition:ease-in-out .5s; -webkit-transform:translate(-50%, -50%) rotateX(-60deg); transform:translate(-50%, -50%) rotateX(-60deg) } .share_cover .cover_img { position:absolute; top:50%; left:50%; z-index:120; max-width:480px; padding-bottom:40px; opacity:0; visibility:hidden; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:translate(-50%, -50%) rotateX(-60deg); transform:translate(-50%, -50%) rotateX(-60deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; transition-delay:.5s; -webkit-transition-delay:.5s } .share_cover .cover_img .cover_loading { padding:20px 30px; background-color:#fff } .share_cover .cover_img .cover_close { cursor:pointer; position:absolute; z-index:2; bottom:0; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0) } .share_cover .cover_img .cover_close svg { fill:#fff } .share_cover .cover_img .cover_close:hover svg { fill:red } #covertips { z-index:820; display:block } #covertips.error { background-color:red } .my-map { width:100%; height:450px; position:relative; z-index:10 } .page .service_list { margin:32px 0 } .page .service_list.four ul { width:auto; margin-right:-20px } .page .service_list.four ul li { padding:0 } .page .service_list ul li img { margin:0 0 8px } .page .service_list .service_main h3, .page .service_list .service_main p { padding:0 8px; margin:0 } .page .service_list.four ul li { width:25% } .page .service_list.six ul li { width:33.33% } #link-page ul { background:0 0; padding:0; margin-bottom:0 } #link-page ul li { margin-top:30px } #link-page ul li h2 { padding:8px; font-size:18px } #link-page ul.blogroll { font-size:0; padding:0 } #link-page ul.blogroll li:last-child { margin-bottom:8px; padding-bottom:8px; border-bottom:1px #eee solid } #link-page ul.blogroll li { font-size:12px; display:inline-block; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:32.333%; background-color:#fff; border:1px #eee solid; padding:12px; margin:0 .5% 12px } #link-page ul.blogroll li a { display:block; margin-bottom:8px } #link-page ul.blogroll li a>* { display:inline-block; vertical-align:middle } #link-page ul.blogroll li a img { width:22px; height:22px; margin:1px 6px 0 0 } #link-page ul.blogroll li a span { font-size:14px } .crumbs_wrap { background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; height:280px; overflow:hidden; text-align:center; margin-bottom:68px } .crumbs_wrap .crumbs_main { width:100%; position:absolute; top:50%; left:50%; z-index:12; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) } .crumbs_wrap h1 { color:#008442; font-size:24px; line-height:42px; margin-bottom:8px; font-weight: 700; text-align:center; } .crumbs_wrap p { color:#ddd; font-size:14px; max-width:560px; display:inline-block } .crumbs_wrap .crumbs { z-index:12; color:#ddd; position:absolute; bottom:12px; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0) } .crumbs_wrap a { color:#ddd } .crumbs_wrap .bg { opacity:1; visibility:visible } .crumbs_default { background-color:#f8f8f8; padding:36px 0; margin-bottom:68px; overflow:hidden; color:#999 } .crumbs_default a { color:#999 } .crumbs_default .wrapper { display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex } .crumbs_default .wrapper>* { display:inherit } .crumbs_default .wrapper .crumbs { flex-grow:1 } .post_like { position:relative; text-align:center } .post_like .sl-login, .post_like .sl-button { display:inline-block } .post_like .sl-login svg, .post_like .sl-button svg { fill:#999; width:14px; height:14px } .post_like .sl-login span, .post_like .sl-button span { margin-left:4px } .post_like #sl-loader { position:absolute; right:0; top:50%; -webkit-transform:translate(20px, -50%); transform:translate(20px, -50%) } .page404 { width:50%; margin:60px auto; text-align:center } .page404 h2 { font-size:72px; line-height:72px; margin-bottom:36px } .page404 p { font-size:18px; margin-bottom:24px } .page404 .search h3 { margin-bottom:20px } .page404 .search-form { display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex } .page404 .search-form .search_btn { border:none; color:#fff; font-size:14px; text-align:center; padding:8px 16px; display:inline-block } .overlay { cursor:default; opacity:0; position:fixed; visibility:hidden; z-index:9999; top:8px; right:10px; width:36px; height:36px; cursor:pointer } .overlay:target { visibility:visible; opacity:1 } .overlay:target+.login, .overlay:target+.wechat, .overlay:target+.weixin_qr, .overlay:target+.search { opacity:1; visibility:visible; -webkit-transform:translate(0, 0); transform:translate(0, 0) } .admin-bar .overlay { top:40px } .popup { display:inline-block; opacity:0; position:fixed; visibility:hidden; z-index:9998; text-align:center; top:0; right:0; left:0; bottom:0; height:100%; width:100%; background-color:rgba(0, 0, 0, .8); -webkit-transform:translate(0, -100%); transform:translate(0, -100%) } .popup a.close { position:absolute; top:12px; right:12px } .popup a.close svg { width:20px; height:20px } .popup a.close:hover svg { fill:red } .popup .popup_main { padding:40px 60px; border:1px #eee solid; background-color:#fff; width:480px } .popup img { margin:0 auto } .popup h3 { border-bottom:1px #efefef solid; padding-bottom:12px; margin-bottom:12px } .popup>section { position:absolute; top:45%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%) } .search.popup .popup_main { width:630px } .search.popup .popup_main h3 { margin-bottom:20px; text-align:left; display:block } .search_form { padding:0 90px; overflow:hidden; margin:0 auto } .search_form .search_type { margin-left:-90px; width:90px; height:42px; float:left } .search_form .search_btn { margin-right:-80px; width:80px; border:none } .search_form input { height:42px; background-color:#fff; float:left; border-radius:0 } .hot_search { text-align:left; margin-top:12px } .hot_search a { margin-right:8px } .hot_search>div { padding-left:62px } .hot_search>div span { margin-left:-62px } .login.popup .popup_main .xh-regbox { width:100%; min-width:260px; border:0; padding:0; margin:0; text-align:left; font-family:'' } .login.popup .popup_main .xh-regbox .xh-title { font-size:32px; color:#333; font-weight:300 } .login.popup .popup_main .xh-regbox .xh-btn-primary { border:0; box-shadow:0 0 0 0 } .login.popup .popup_main .xh-regbox .form-control { border:1px #eee solid; box-shadow:0 0 0 0; border-radius:0 } .login.popup .popup_main .xh-regbox .required { color:#666 } .footer { background-color:#008442; margin-top:98px; } .home .footer { margin-top:0 } .copyright { text-align:center; padding:40px } .copyright, .copyright a { color:#999 } .bg { position:absolute; top:0; right:0; left:0; bottom:0; z-index:1; opacity:0; visibility:hidden } .pagination { margin:30px 0; font-size:12px; text-align:center; line-height:28px; width:100% } .entry .pagination { text-align:left } .pagination h2 { display:none } .pagination span, .pagination a { margin:0 8px; display:inline-block; vertical-align:middle; overflow:hidden; height:32px; border-bottom:1px rgba(68, 113, 16, 0) solid } .pagination span.extend { color:#999 } .pagination a.prev, .pagination a.next { font-size:0 } .pagination a.prev:before, .pagination a.next:before { font-family:'salong'; font-size:12px } .pagination a.prev:before { content:'\e802' } .pagination a.next:before { content:'\e803' } .ias-spinner a, .ias-trigger a, .ias-noneleft { font-size:14px; padding:7px 20px; display:block; border:1px #f4f4f4 solid; margin-top:32px } .ias-noneleft { background-color:#fdfdfd; color:#999 } .ias-spinner a, .ias-trigger a { background-color:#fff } .ajaxpost img { opacity:1 !important } @-webkit-keyframes square-spin { 25% { -webkit-transform:perspective(100px) rotateX(180deg) rotateY(0); transform:perspective(100px) rotateX(180deg) rotateY(0) } 50% { -webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg); transform:perspective(100px) rotateX(180deg) rotateY(180deg) } 75% { -webkit-transform:perspective(100px) rotateX(0) rotateY(180deg); transform:perspective(100px) rotateX(0) rotateY(180deg) } 100% { -webkit-transform:perspective(100px) rotateX(0) rotateY(0); transform:perspective(100px) rotateX(0) rotateY(0) } } @keyframes square-spin { 25% { -webkit-transform:perspective(100px) rotateX(180deg) rotateY(0); transform:perspective(100px) rotateX(180deg) rotateY(0) } 50% { -webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg); transform:perspective(100px) rotateX(180deg) rotateY(180deg) } 75% { -webkit-transform:perspective(100px) rotateX(0) rotateY(180deg); transform:perspective(100px) rotateX(0) rotateY(180deg) } 100% { -webkit-transform:perspective(100px) rotateX(0) rotateY(0); transform:perspective(100px) rotateX(0) rotateY(0) } } .ias-spinner>div { width:28px; height:28px; margin-top:32px; display:inline-block; text-align:center; -webkit-animation:square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; animation:square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite } .ias-spinner img { display:none } .product_list .ias-spinner a, .product_list .ias-trigger a, .product_list .ias-noneleft, .product_list .ias-spinner>div { margin-right:32px } .side_btn { position:fixed; right:0; bottom:120px; text-align:center; z-index:12; line-height:20px } .side_btn svg { width:18px; height:18px } .side_btn a.btn { padding:8px; background-color:#f2f2f2; width:36px; height:36px; display:block; margin-top:4px; color:#999; position:relative } .side_btn a.btn span { position:absolute; white-space:nowrap; top:0; right:110%; color:#fff; height:36px; display:block; padding:2px 12px; line-height:32px; opacity:0; visibility:hidden } .side_btn a.btn.top { background-color:#222 } .side_btn a.btn.top svg { transform:scale(1, -1); -webkit-transform:scale(1, -1); transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); fill:#fff } .side_btn a.btn:hover span { right:100%; opacity:1; visibility:visible } .side_btn a.btn:hover svg { fill:#fff } .side_btn .online { position:relative } .side_btn .online>a.btn { -webkit-transform:translate(0, 0); transform:translate(0, 0) } .side_btn .online .online_con { position:absolute; bottom:0; right:-100px; z-index:5; background-color:#fff; box-shadow:0 0 12px 0 rgba(0, 0, 0, .1); width:150px; text-align:left; opacity:0; visibility:hidden } .side_btn .online .online_con .title { background-color:#f30; color:#fff; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; padding:8px; align-items:center } .side_btn .online .online_con .title svg { fill:#fff } .side_btn .online .online_con .title h5 { flex-grow:1; color:#fff; font-weight:300; font-size:14px; margin:4px 0 } .side_btn .online .online_con .title h5 svg { margin-right:6px } .side_btn .online .online_con .title span.close { cursor:pointer } .side_btn .online .online_con ul { padding:0 12px; margin:12px 0 } .side_btn .online .online_con ul li { margin-bottom:8px } .side_btn .online .online_con ul li:last-child { margin-bottom:0 } .side_btn .online .online_con ul.wechat_list { text-align:center } .side_btn .online .online_con ul.qq_list li { font-size:13px } .side_btn .online .online_con ul.qq_list li a { color:#fff; display:block; padding:8px; border-radius:4px; text-align:center } .side_btn .online .online_con ul.qq_list li a svg { fill:#fff } .side_btn .online.active .online_con { opacity:1; visibility:visible; right:0 } .side_btn .online.active>a.btn { -webkit-transform:translate(100%, 0); transform:translate(100%, 0) } @-webkit-keyframes spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @font-face { font-family:'star'; src:url(../fonts/star.eot); src:url(../fonts/star.eot) format("embedded-opentype"), url(../fonts/star.woff) format("woff"), url(../fonts/star.ttf) format("truetype"), url(../fonts/star.svg#star) format("svg"); font-weight:400; font-style:normal } @font-face { font-family:'WooCommerce'; src:url(../fonts/woocommerce.eot); src:url(../fonts/woocommerce.eot) format("embedded-opentype"), url(../fonts/woocommerce.woff) format("woff"), url(../fonts/woocommerce.ttf) format("truetype"), url(../fonts/woocommerce.svg#woocommerce) format("svg"); font-weight:400; font-style:normal } .woocommerce .form-row label { display:block; margin:6px 0; padding:4px; font-weight:700; font-size:12px } .woocommerce .form-row label.inline { display:inline-block } .woocommerce .form-row .checkbox { display:inline-block } .woocommerce .required { color:red } .purchased, .onsale { position:absolute; top:0; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); color:#fff; padding:0 8px; font-size:12px; z-index:10 } .onsale { background-color:#e53935 } .purchased { background-color:#83c44e } span.recommend { position:absolute; top:-18px; left:-28px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); background-color:#e53935; color:#fff; padding:24px 20px 0 } .woocommerce-pagination a.button, a.wc-backward, .return-to-shop a.button, input.button, button.button, .buttons a.button, a.checkout-button, .single_add_to_cart_button { border:none; color:#fff; font-size:14px; text-align:center; padding:8px 16px; display:inline-block } .shipping_address, .woocommerce-billing-fields, .woocommerce-MyAccount-content>form { font-size:0 } .woocommerce .select2-container--default .select2-selection--single, .woocommerce-page .select2-drop-active, .woocommerce .select2-drop-active, .woocommerce .select2-container .select2-choice { border:1px #eee solid; padding:4px; height:auto; min-height:38px; background-color:#f8f8f8 } form.woocommerce-checkout .form-row-first { margin-right:2% } form.woocommerce-checkout .form-row-first, form.woocommerce-checkout .form-row-last { width:49%; display:inline-block; vertical-align:top } #customer_details p, .woocommerce-MyAccount-content p, .shipping_address>p { font-size:12px; margin-bottom:8px } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow b { top:16px } .cart_totals h2, .woocommerce-account .woocommerce h2, .woocommerce-account .woocommerce h3 { margin:18px 0 12px; padding:8px 0 12px; position:relative; border-bottom:1px #eee solid } .woocommerce-store-notice { position:fixed; top:30%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background-color:#fff; padding:20px; box-shadow:0 0 30px rgba(0, 0, 0, .5); font-size:14px; z-index:9999 } .woocommerce-store-notice a { border:none; color:#fff; font-size:14px; text-align:center; padding:8px 16px; display:inline-block; margin-left:20px } .woocommerce-notice, .woocommerce-error li, .woocommerce-info, .woocommerce-message { overflow:hidden; position:relative; margin-bottom:20px; padding:12px; background-color:#fff; border:1px #eee solid; border-left:3px #7ad03a solid; min-height:56px } .woocommerce-notice a.restore-item, .woocommerce-notice .button, .woocommerce-error li a.restore-item, .woocommerce-error li .button, .woocommerce-info a.restore-item, .woocommerce-info .button, .woocommerce-message a.restore-item, .woocommerce-message .button { padding:2px 12px; position:absolute; top:8px; right:12px; border:none; color:#fff; font-size:14px; text-align:center; padding:8px 16px; display:inline-block } .woocommerce-notice p, .woocommerce-error li p, .woocommerce-info p, .woocommerce-message p { display:inline-block } .woocommerce-info, .woocommerce-message { border-left-color:#09bb07 } .woocommerce-error li { border-left-color:#f76260 } .ajax_cart { position:fixed; top:0; right:-360px; bottom:0; width:360px; background-color:#fff; z-index:110 } .ajax_cart .cart_btn { position:absolute; top:0; left:-72px; width:72px; height:72px; background-color:#fff; text-align:center; cursor:pointer } .ajax_cart .cart_btn i:before { fill:#999; margin-top:24px; font-size:18px } .ajax_cart .cart_btn span.cart-contents { font-size:12px; position:absolute; top:12px; right:12px; width:20px; height:20px; line-height:20px; display:block; color:#fff; background-color:#232323; border-radius:100% } .ajax_cart h3 { line-height:76px; text-align:center; height:76px; border-bottom:1px #eee solid } .ajax_cart .widget_shopping_cart_content { padding:40px 20px 20px; overflow-y:auto } .ajax_cart .widget_shopping_cart_content .woocommerce-mini-cart__empty-message { text-align:center; font-size:16px; padding-top:40px; color:red } .ajax_cart .widget_shopping_cart_content p.buttons { position:absolute; bottom:20px; left:20px; right:20px } .ajax_cart.active { right:0 } .bg.cart { position:fixed; cursor:pointer; z-index:100; background-color:rgba(0, 0, 0, .8) } .bg.cart.active { opacity:1; visibility:visible } .admin-bar .ajax_cart { top:32px } .product_list ul { margin-right:-32px } .product_list ul li { width:25% } .product_main { margin:0 32px 32px 0 } .product_list ul li:nth-last-child(-n+4) .product_main { margin-bottom:0 } .archive_cat { margin-bottom:75px; text-align:center } .product_img { position:relative; overflow:hidden } .product_img a.imgeffect:before { position:absolute; content:''; top:0; right:0; left:0; bottom:0; background-color:rgba(0, 0, 0, 0) } .product_img:hover a.imgeffect:before { background-color:rgba(0, 0, 0, .4) } .product_img:hover a.added_to_cart, .product_img:hover a.button { opacity:1; visibility:visible } .product_img:hover a.button { top:36% } .product_img:hover a.added_to_cart { bottom:20px } .product_img a.added_to_cart, .product_img a.button { position:absolute; color:#fff; text-align:center; z-index:10; opacity:0; visibility:hidden; text-align:center } .product_img a.button { left:50%; top:20%; width:50px; height:50px; margin-left:-25px; line-height:60px; background:0 0 } .product_img a.button:before, .product_img a.button:after { position:absolute; content:''; z-index:1 } .product_img a.button:before { width:1px; height:100px; top:0; left:50%; -webkit-transform:translateY(-98%); transform:translateY(-98%) } .product_img a.button:after { width:36px; height:36px; top:8px; left:8px; transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg) } .product_img a.button:hover { background:0 0 !important } .product_img a.button .icon-cart:before, .product_img a.button .icon-cart:after { color:#fff; font-size:24px; z-index:100; position:relative } .product_img a.added_to_cart { position:absolute; bottom:40px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); padding:4px 12px; transition-delay:.3s } .product_img a.product_type_grouped .icon-cart:before { content:'\e9c1' } .product_img a.product_type_external .icon-cart:before { content:'\f819' } .product_img a.product_type_simple .icon-cart:before { content:'\f818' } .product_img a.add_to_cart_button .icon-cart:before { content:'\f806' } .product_img a.added .icon-cart:before { content:'\f819' } .product_img a.product_type_variable .icon-cart:before { content:'\f817' } .product_img a.loading .icon-cart:before { content:'\e8ca' } .product_info { padding:12px 0; position:relative; border-bottom:1px #eee solid; background-color:#fff; min-height:80px } .product_info h3 a{color:#008442; font-size:16px;font-weight: 700;} .product_info:before { position:absolute; content:''; bottom:-1px; left:0; width:0; height:1px } .product_info h3 { display:block; -ms-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px; margin-bottom:4px; color:#333 } .product_info .price { font-size:14px; color:#999; display:inline-block; vertical-align:middle; width:calc(100% - 20px); white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; text-overflow:ellipsis } .product_info .price ins { text-decoration:none } .product_info .price del { color:#bbb; margin-right:4px; font-size:12px } .product_info a.more { position:absolute; bottom:12px; right:32px; font-size:16px; opacity:0; visibility:hidden } .product_main:hover a.more { opacity:1; visibility:visible; right:0 } .product_main:hover .product_info:before { width:100% } .star-rating { width:68px; height:24px; position:relative; text-align:left; overflow:hidden; line-height:32px; margin-bottom:4px } .star-rating>span { display:block; overflow:hidden; position:relative; text-indent:-999px } .star-rating>span:before, .star-rating:before { font-family:'salong'; color:#fea731; font-size:68px; position:absolute; top:0; left:0 } .star-rating:before { content:'\f82a' } .star-rating>span:before { content:'\f820'; text-indent:0 } .content_left { font-size:0 } .content_left .content-area, .content_left .sidebar { display:inline-block; vertical-align:top; font-size:12px } .content_left .content-area { width:800px; margin-right:40px } .content_left .sidebar { width:360px } .product_header { overflow:hidden; font-size:0; margin-bottom:36px; position:relative } .gallery-images, .summary { width:48%; display:inline-block; vertical-align:top; font-size:12px } .gallery-images { position:relative; overflow:hidden; margin-right:4% } .gallery-images .flex-viewport { overflow:hidden } .gallery-images ol.flex-control-nav { margin:8px -8px 0 0; overflow:hidden } .gallery-images ol.flex-control-nav li { width:25%; float:left; padding:0 8px 8px 0 } .gallery-images ol.flex-control-nav li img { opacity:.5 } .gallery-images ol.flex-control-nav li img.flex-active { opacity:1 } .gallery-images .woocommerce-product-gallery__trigger { position:absolute; top:0; right:0; z-index:12; width:36px; height:36px; display:block; text-align:center; line-height:36px; font-size:16px } .pswp__bg { opacity:.8 !important } .summary br { display:none } table.group_table, table.variations, .single_variation_wrap, .woocommerce-variation-availability, .summary h1, .summary>span, .summary>div, .summary>form { margin-bottom:12px } .summary h1 { font-size:20px } .summary .woocommerce-product-details__short-description { background-color:#f8f8f8; display:block; padding:12px } .summary .price { color:#f60; font-size:18px; line-height:32px } .summary div.price del { color:#bbb } .wc-points-rewards-product-message { color:red; display:block; margin:4px 0 } .summary p.cart { margin-bottom:12px } .woocommerce-product-rating { border-bottom:1px #f2f2f2 solid; padding-bottom:4px } .woocommerce-product-rating .star-rating { float:right } table.variations .label label { font-weight:700; margin-right:8px } table.variations .value select { margin-right:8px } .woocommerce-variation-availability { color:#f30 } .summary form.cart, .single_variation_wrap { font-size:0 } .single_variation { font-size:12px } .summary form.cart .quantity, .summary form.cart .single_add_to_cart_button, .single_variation_wrap .single_add_to_cart_button, .single_variation_wrap .quantity { display:inline-block; width:48% } .summary form.cart .quantity, .single_variation_wrap .quantity { margin-right:4% } .single_variation_wrap .single_add_to_cart_button { min-height:36px } .summary table.group_table .quantity { margin-right:0; width:auto } .product-type-grouped form.cart .single_add_to_cart_button { width:100% } .summary form.cart .wc-points-rewards-product-message { font-size:12px } .product_meta { font-size:12px; clear:both; overflow:hidden } .product_meta, .product_meta a { color:#999 } .product_meta>span { display:inline-block; margin-right:12px } .woocommerce-tabs ul.tabs { height:50px; z-index:8; margin-bottom:12px } .woocommerce-tabs ul.tabs li { display:inline-block; vertical-align:top } .woocommerce-tabs ul.tabs li a { padding:15px 0; margin-right:30px; display:block; color:#999; transition:0s } .woocommerce-tabs ul li.active a { background-color:#fff; font-size:14px; font-weight:700 } .woocommerce-Tabs-panel .share { line-height:24px; margin-top:32px } .related.products { margin-top:36px } .related.products h2 { font-size:16px; margin-bottom:20px } .related.products ul { margin-right:-20px } .related.products ul li { width:25% } .related.products ul li .product_main { margin:0 20px 20px 0 } .related.products ul li:nth-last-child(1) .product_main, .related.products ul li:nth-last-child(2) .product_main, .related.products ul li:nth-last-child(3) .product_main, .related.products ul li:nth-last-child(4) .product_main { margin-bottom:0 } .woocommerce-Reviews h2.woocommerce-Reviews-title { border-bottom:1px #eee solid; padding-bottom:12px; margin-bottom:12px } .woocommerce-Reviews .commentlist { margin-top:20px } .woocommerce-Reviews .woocommerce-verification-required { color:#f60 } #review_form_wrapper .comment-reply-title { color:#333; display:block; margin-bottom:20px } #review_form_wrapper .comment-form-rating { font-size:14px } #review_form_wrapper .comment-form-rating>* { display:inline-block; vertical-align:middle; line-height:24px } #review_form_wrapper .comment-form-rating p.stars { margin-left:12px } #review_form_wrapper .comment-form-rating p.stars>span { padding-top:8px; display:block } #review_form_wrapper .comment-notes { margin-bottom:12px } #review_form_wrapper #submit { margin-top:0 } p.stars a { position:relative; height:1em; width:1em; text-indent:-999em; display:inline-block; text-decoration:none } p.stars a:before { display:block; position:absolute; top:0; left:0; width:1em; height:1em; line-height:1; font-family:'WooCommerce'; content:'\e021'; text-indent:0; color:#f90 } p.stars a:hover~a:before { content:'\e021' } p.stars:hover a:before { content:'\e020' } p.stars.selected a.active:before { content:'\e020'; color:red } p.stars.selected a.active~a:before { content:'\e021' } p.stars.selected a:not(.active):before { content:'\e020'; color:red } .warningbox { display:block; font-size:14px; margin:20px 0 8px; padding:12px; position:relative; border:1px #eee solid; border-left-width:3px; border-left-color:#f7ba2a; color:#333 } .sidebar-widget { margin-bottom:24px } .sidebar-widget h3 { padding-bottom:8px; margin-bottom:12px; border-bottom:1px #eee solid } .product_list_widget li { overflow:hidden; margin-bottom:12px; padding-bottom:12px; padding-left:88px; border-bottom:1px #f4f4f4 solid } .product_list_widget li:last-child { margin-bottom:0; padding-bottom:0; border:none } .product_list_widget li img { width:80px; margin-left:-88px; float:left } .product_list_widget li:hover img { opacity:.8 } .widget_products .product_list_widget .product-title { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; font-size:14px } .widget_products .product_list_widget li a { display:block; overflow:visible } .widget_shopping_cart { text-align:left; overflow:hidden } .widget_shopping_cart_content .button { width:45% } .widget_shopping_cart_content .button.checkout { float:right } .widget_shopping_cart_content p.total { border-top:1px #eee solid; border-bottom:1px #eee solid; padding:8px 0; font-size:14px; text-align:center; margin:12px 0 } .widget_shopping_cart_content ul li { padding-left:108px; position:relative; text-align:left } .widget_shopping_cart_content ul li a.remove { position:absolute; font-size:14px; width:20px; top:30%; left:0 } dl.variation dt { float:left } .widget_shopping_cart_content ul li.empty { padding:0; font-size:14px } .product_list_widget>li>a { display:block } .product_list_widget .star-rating { margin-right:12px } .product_list_widget .star-rating, .product_list_widget .reviewer { display:inline-block; vertical-align:middle } .woocommerce-product-search { position:relative; padding-right:60px; overflow:hidden } .woocommerce-product-search .search-field { width:100%; height:34px; float:left } .woocommerce-product-search input[type=submit] { height:34px; display:block; width:60px; border:none; position:absolute; top:0; right:0 } .screen-reader-text { display:none } .widget_product_categories ul { font-size:0 } .widget_product_categories ul li { padding:4px 4px 4px 12px; line-height:30px; border-bottom:1px #f4f4f4 solid; color:#999; position:relative; width:50%; display:inline-block; vertical-align:middle; font-size:12px } .widget_product_categories ul li span { float:right; color:#999; font-size:10px } .logged-in.woocommerce-account div.woocommerce { overflow:hidden } .logged-in.woocommerce-account .woocommerce-MyAccount-navigation { width:16%; margin-right:4%; float:left } .logged-in.woocommerce-account .woocommerce-MyAccount-content { width:80%; float:right } .woocommerce-MyAccount-navigation a { color:#999 } .woocommerce-MyAccount-navigation ul li { border-bottom:1px #eee solid } .woocommerce-MyAccount-navigation ul li:last-child { border-bottom:0 } .woocommerce-MyAccount-navigation ul li a { display:block; padding:12px 20px; font-size:14px } .myaccount_info { margin-bottom:20px; border:1px #eee solid; padding:20px } .myaccount_info a.logout { float:right; padding:2px 20px } .woocommerce-MyAccount-content br { display:none } .woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3 { margin-bottom:12px; padding-bottom:8px; border-bottom:1px #eee solid } .woocommerce-MyAccount-content .user_header .user_info { padding-left:120px; min-height:120px; position:relative; margin-bottom:12px; border-bottom:1px #eee solid; padding-bottom:12px } .woocommerce-MyAccount-content .user_header .user_info img.avatar { position:absolute; top:0; left:0; width:100px; height:100px } .woocommerce-MyAccount-content .uncompleted_order table tr td.btn { white-space:nowrap } .woocommerce-MyAccount-content .uncompleted_order table tr td.btn a { margin:0 2px; padding:0 4px } .woocommerce-MyAccount-content .uncompleted_order table tr td.status { white-space:nowrap } .woocommerce-MyAccount-content .uncompleted_order a.thumb { display:block; margin-bottom:12px; padding-bottom:12px; border-bottom:1px #eee dashed; position:relative; min-height:60px } .woocommerce-MyAccount-content .uncompleted_order a.thumb img { display:inline-block !important; vertical-align:middle; width:48px; margin-right:8px } .woocommerce-MyAccount-content .uncompleted_order a.thumb:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; min-height:48px } .woocommerce-MyAccount-content .woocommerce-pagination a.button { display:inline-block; margin:0 8px } .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions { text-align:center; white-space:nowrap } .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.view, .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.pay { margin-right:12px } .woocommerce-MyAccount-content .xh-regbox { background:0 0; border:0; padding:0 } .woocommerce-MyAccount-content .xh-regbox .xh-title { text-align:left } #profile_avatar { margin-bottom:32px; overflow:hidden } #profile_avatar label { display:block; margin:20px 0; font-size:14px; padding-left:12px } #profile_avatar img { width:80px; height:80px; float:left; margin-right:20px; border:none } #profile_avatar a.avatar_uploader { border:1px #ddd solid; padding:4px 12px; display:inline-block; font-size:12px; margin-top:12px } #profile_avatar span { font-size:12px; margin-top:8px; display:block } .media-frame select.attachment-filters { min-width:120px } .woocommerce .login p, .woocommerce .register p { margin:8px 0; overflow:hidden } .col2-set { overflow:hidden } .col2-set>div { width:48% } .col2-set .col-1 { float:left } .col2-set .col-2 { float:right } .woocommerce-ResetPassword .form-row-first { width:100% } .woocommerce-ResetPassword .woocommerce-Button { margin-top:12px } .woocommerce-password-strength { display:inline-block; margin:8px 12px 0 0; padding:4px 12px; color:#fff } .woocommerce-password-strength.short { background-color:#f04040 } .woocommerce-password-strength.bad { background-color:#ff853c } .woocommerce-password-strength.good { background-color:#fc0; color:#333 } .woocommerce-password-strength.strong { background-color:#8dff1c; color:#333 } .woocommerce-password-hint { font-size:12px; color:#999 } .register #captchaInputDiv>label { margin:6px 0; padding:4px; display:block; color:#666; font-weight:700 } .woocommerce-Message--info a.woocommerce-Button { float:right } .woocommerce-Pagination { text-align:center; margin-top:20px } .woocommerce-orders-table { text-align:center } .woocommerce-orders-table a.button { margin:0 4px; color:#fff; padding:4px 12px; white-space:nowrap } .woocommerce-MyAccount-content .download-url { font-size:12px } .woocommerce-MyAccount-content>p.order-again { padding:0; background:0 0; border:none; margin:24px 0 } .woocommerce-MyAccount-content address { font-style:normal } .woocommerce-MyAccount-content address br { display:block } .woocommerce-Address-title { position:relative } .woocommerce-Address-title a { padding:8px 4px; position:absolute; top:8px; right:8px } .woocommerce-MyAccount-content fieldset { border:1px #eee solid; padding:12px; font-size:14px; margin-bottom:12px } .purchased_product { margin-top:12px } .purchased_product img { width:60px; height:60px } .purchased_product td.action a.added_to_cart { margin-left:8px } .purchased_product td.action, .purchased_product th.action { min-width:80px } .woocommerce-cart-form { margin-bottom:32px } .woocommerce-cart-form table { border-top:1px #efefef solid; border-left:1px #efefef solid; width:100%; border-spacing:0; font-size:12px; background-color:#fff } .woocommerce-cart-form table td, .woocommerce-cart-form table th { border-right:1px #efefef solid; border-bottom:1px #efefef solid; padding:12px 16px } .woocommerce-cart-form table th, .woocommerce-cart-form table thead { font-weight:700; white-space:nowrap; background-color:#fafafa; font-size:14px; text-align:left } .woocommerce-cart-form table tbody tr:nth-child(2n) { background-color:#fcfcfc } .woocommerce-cart-form table.shop_table td.product-thumbnail img { width:60px } .woocommerce-cart-form table.shop_table td.actions { text-align:right } .woocommerce-cart-form table.shop_table td.actions * { display:inline-block; vertical-align:middle } .woocommerce-cart-form table.shop_table td.actions .input-text { width:auto } .woocommerce-cart-form table.shop_table td.actions .button { margin-left:12px } .woocommerce-cart-form button.button:disabled { background-color:#999; border-color:#999; cursor:no-drop } @keyframes spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .blockUI.blockOverlay:before { height:1em; width:1em; display:block; position:absolute; top:50%; left:50%; margin-left:-.5em; margin-top:-.5em; content:''; -webkit-animation:spin 1s ease-in-out infinite; animation:spin 1s ease-in-out infinite; background:url(../fonts/loader.svg) center center; background-size:cover; line-height:1; text-align:center; font-size:2em; color:rgba(0, 0, 0, .75) } .cart_totals { overflow:hidden; margin-bottom:36px } .cart_totals table { border-top:1px #efefef solid; border-left:1px #efefef solid; width:100%; border-spacing:0; font-size:12px; background-color:#fff } .cart_totals table td, .cart_totals table th { border-right:1px #efefef solid; border-bottom:1px #efefef solid; padding:12px 16px } .cart_totals table th, .cart_totals table thead { font-weight:700; white-space:nowrap; background-color:#fafafa; font-size:14px; text-align:left } .cart_totals table tbody tr:nth-child(2n) { background-color:#fcfcfc } .cart_totals h2 { margin-bottom:20px } .cart_totals #shipping_method li { margin-bottom:8px } .cart_totals #shipping_method .shipping_method { margin:0 4px 0 0 } .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button { margin:12px 0; display:block } .cart_totals .woocommerce-shipping-calculator .shipping-calculator-form>p { margin-bottom:12px } .cart_totals .wc-proceed-to-checkout { overflow:hidden; margin-top:20px; text-align:right } .cart_totals .wc-proceed-to-checkout a.button { padding:8px 32px; display:inline-block } .cart-empty { text-align:center; color:red; font-size:16px; margin-top:40px } .return-to-shop { text-align:center; margin-top:20px } .return-to-shop br { display:none } #coupons_list { margin-top:20px } #coupons_list h3 { margin-bottom:20px } .col2-set { font-size:0; width:100% } .col2-set>div { display:inline-block; vertical-align:top; width:calc(50% - 20px); font-size:13px } .col2-set .col-1 { margin-right:20px } .col2-set .col-2 { margin-left:20px } #customer_details { margin-bottom:36px } form.woocommerce-form-login p, form.register p, .shipping_address p, .woocommerce-billing-fields p { margin-bottom:12px } .checkout_out_stock { background-color:#fff; padding:20px } .checkout_out_stock p { display:block } .checkout_out_stock p:first-child { color:#f76260 } .checkout_out_stock a.button { padding:8px 20px; display:inline-block; margin-top:20px } p a.wc-backward { margin-top:20px } .checkout_coupon, .woocommerce-checkout .woocommerce-form-login { background-color:#f8f8f8; padding:20px; margin:-20px 0 20px; overflow:hidden; border:1px #eee solid; border-top:0 } .woocommerce-checkout .woocommerce-form-login>p { margin-bottom:12px } .woocommerce-checkout .woocommerce-form-login>p.lost_password { position:absolute; bottom:20px; right:20px } .woocommerce-checkout .woocommerce-form-login input.button { margin-right:12px } .woocommerce-form-login { position:relative } .woocommerce-form-login .lost_password { position:absolute; bottom:-6px; right:0 } .checkout_coupon .button { margin-top:12px } .woocommerce-checkout.checkout h3 { margin-bottom:20px; padding-bottom:8px; border-bottom:1px #eee solid } .woocommerce-checkout.checkout h3 br { display:none } .woocommerce-account-fields { display:none } .woocommerce-checkout-review-order table { border-top:1px #efefef solid; border-left:1px #efefef solid; width:100%; border-spacing:0; font-size:12px; background-color:#fff } .woocommerce-checkout-review-order table td, .woocommerce-checkout-review-order table th { border-right:1px #efefef solid; border-bottom:1px #efefef solid; padding:12px 16px } .woocommerce-checkout-review-order table th, .woocommerce-checkout-review-order table thead { font-weight:700; white-space:nowrap; background-color:#fafafa; font-size:14px; text-align:left } .woocommerce-checkout-review-order table tbody tr:nth-child(2n) { background-color:#fcfcfc } .woocommerce-checkout-review-order dl.variation { display:block } #payment { background-color:#fff; border:1px #eee solid; padding:12px; overflow:hidden; margin-top:36px } #payment ul.methods { margin-bottom:20px } #payment ul.methods li { border-bottom:1px #eee solid; padding:8px 0; overflow:hidden } #payment ul.methods li p { background-color:#f8f8f8; margin-top:12px; padding:8px } #payment ul.methods li.woocommerce-info { padding:8px 12px } #payment img { float:right; margin:0 } #payment div.form-row p.form-row, #payment .place-order p.form-row { display:inline-block; margin-bottom:0 } #payment div.form-row #place_order, #payment .place-order #place_order { float:right; padding:8px 32px; margin-bottom:8px } .woocommerce-order h2, .woocommerce-order h3 { margin-bottom:12px; padding-bottom:8px; border-bottom:1px #eee solid } ul.order_details { border:1px #f2f2f2 solid; padding:12px; margin-bottom:20px } ul.order_details li { padding-bottom:8px } ul.order_details li:last-child { padding-bottom:0 } #order_review table, .woocommerce-order-details table { border-top:1px #efefef solid; border-left:1px #efefef solid; width:100%; border-spacing:0; font-size:12px; background-color:#fff } #order_review table td, #order_review table th, .woocommerce-order-details table td, .woocommerce-order-details table th { border-right:1px #efefef solid; border-bottom:1px #efefef solid; padding:12px 16px } #order_review table th, #order_review table thead, .woocommerce-order-details table th, .woocommerce-order-details table thead { font-weight:700; white-space:nowrap; background-color:#fafafa; font-size:14px; text-align:left } #order_review table tbody tr:nth-child(2n), .woocommerce-order-details table tbody tr:nth-child(2n) { background-color:#fcfcfc } #order_review h3.woocommerce-order-details__title, #order_review h2.woocommerce-order-details__title, .woocommerce-order-details h3.woocommerce-order-details__title, .woocommerce-order-details h2.woocommerce-order-details__title { margin-top:32px } #order_review ul.wc-item-meta stong, #order_review ul.wc-item-meta p, .woocommerce-order-details ul.wc-item-meta stong, .woocommerce-order-details ul.wc-item-meta p { display:inline-block } #order_review .order-again, .woocommerce-order-details .order-again { margin-top:30px } #order_review .order-again a, .woocommerce-order-details .order-again a { padding:4px 12px } .woocommerce-customer-details { margin-top:32px } .woocommerce-customer-details .woocommerce-columns { margin-top:32px } .woocommerce-customer-details .woocommerce-columns>p { display:none } .woocommerce-customer-details .woocommerce-columns address { font-style:normal } .woocommerce-customer-details .woocommerce-columns address br { display:block } .woocommerce-bacs-bank-details { margin-top:32px } .woocommerce-bacs-bank-details h3 { border-bottom:0; margin-bottom:0 } #order_review table { border-top:1px #efefef solid; border-left:1px #efefef solid; width:100%; border-spacing:0; font-size:12px; background-color:#fff } #order_review table td, #order_review table th { border-right:1px #efefef solid; border-bottom:1px #efefef solid; padding:12px 16px } #order_review table th, #order_review table thead { font-weight:700; white-space:nowrap; background-color:#fafafa; font-size:14px; text-align:left } #order_review table tbody tr:nth-child(2n) { background-color:#fcfcfc } .icon-account:before { content:'\e800' } .icon-cart:before { content:'\e801' } .icon-left:before { content:'\e802' } .icon-right:before { content:'\e803' } .icon-address:before { content:'\e804' } .icon-tel:before { content:'\e805' } .icon-email:before { content:'\e806' } .icon-email-empty:before { content:'\e807' } .icon-flight:before { content:'\e8b6' } .icon-left:before { content:'\e808' } .icon-right:before { content:'\e809' } .icon-search-1:before { content:'\e804' } @media only screen and (max-width:1660px) { .home_service>img { max-width:38% } .home_link ul li, .home_partners ul li { width:12.5% } } @media only screen and (max-width:1368px) { .wrapper { width:1024px } .header { height:60px } .header .header_main { height:60px } .header .logo img { height:25px !important; margin: 0; } .header .header_menu ul.menu>li:hover>.sub-menu { top:60px } .header .header_menu ul.menu>li.menu-item-has-children:before { top:26px } .slick-slide a { height:360px } .home_partners, .home_link, .home_new, .home_service, .home_product { padding-right:32px; padding-left:32px } .service_list { margin-bottom:20px } .service_list.four ul, .service_con>section { width:100% } .service_aim { width:100%; margin-left:0; height:auto; padding:32px } .aim_img .service_aim { width:68%; height:464px; padding:100px 32px } .home_service>img { max-width:68% } .service_list.four ul li { width:25% } .service_list.six ul li { width:33.333% } .about { padding:10px} .about2 { padding:10px} .overlay { top:20px } .home_link ul li, .home_partners ul li { width:16.66% } .ajax_cart .cart_btn { width:60px; height:60px; left:-60px } .ajax_cart .cart_btn i:before { margin-top:18px } .ajax_cart .cart_btn span.cart-contents { top:6px; right:6px } } @media only screen and (max-width:1024px) { .wrapper { width:96% } .video_home{ height:200px;} .mb68 { margin-bottom: 18px; } .mb130{margin-bottom: 70px;} .header .header_main>nav, .slide_jump { display:none } .index_new { margin-top: 70px !important; } .menu_btn { position:absolute; top:0; right:30px; width:22px; height:60px; z-index:99; cursor:pointer } .menu_btn>div { width:24px; height:2px; background-color:#666; position:absolute; left:1px } .menu_btn>div.btn1 { top:23px } .menu_btn>div.btn2 { top:33px } .menu_btn.active .btn1 { -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg); top:28px } .menu_btn.active .btn2 { -webkit-transform:rotateZ(-45deg); transform:rotateZ(-45deg); top:28px } .mobile_header_menu { position:fixed; top:120px; bottom:60px; left:60px; right:60px; z-index:999; background-color:#333; opacity:0; visibility:hidden; height:100%; font-size:14px; transition:ease-in-out .5s; overflow-x:hidden; overflow-y:auto; text-align:left; -webkit-transform:translate(0, 200px); transform:translate(0, 200px); display:block !important } .mobile_header_menu.active { top:60px; bottom:0; right:0; left:0; -webkit-transform:translate(0, 0); transform:translate(0, 0); opacity:1; visibility:visible } .mobile_header_menu ul.menu { width:100%; margin:30px 0; border-bottom:1px rgba(0, 0, 0, .2) solid } .mobile_header_menu ul.menu li { position:relative; border-bottom:1px rgba(0, 0, 0, .2) solid } .mobile_header_menu ul.menu li:last-child { border-bottom:0 } .mobile_header_menu ul.menu li a { color:#999; display:block; padding:8px 20px } .mobile_header_menu ul.menu li .sub-menu { display:none; margin-left:20px; border-top:1px rgba(0, 0, 0, .2) solid } .mobile_header_menu ul.menu li .sub-menu.active { display:block } .mobile_header_menu ul.menu li span.menu_btn { position:absolute; top:0; right:0; height:40px; width:40px; background-color:rgba(0, 0, 0, .1); text-align:right; z-index:2; cursor:pointer } .mobile_header_menu ul.menu li span.menu_btn svg { fill:#888; width:12px; height:12px; margin:10px 12px 0 0; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg) } .mobile_header_menu ul.menu li.current-menu-ancestor>span.menu_btn svg, .mobile_header_menu ul.menu li.current-menu-parent>span.menu_btn svg, .mobile_header_menu ul.menu li.current-menu-item>span.menu_btn svg { fill:#fff } .mobile_header_menu ul.menu li.current-menu-ancestor>a, .mobile_header_menu ul.menu li.current-menu-parent>a, .mobile_header_menu ul.menu li.current-menu-item>a { color:#fff } .mobile_header_menu ul.menu li.account span { margin-left:4px } .home_about { padding:20px; text-align:center } .about { width:100%; position:relative; top:0; left:0; -webkit-transform:translate(0, 0); transform:translate(0, 0); padding:5px; margin:0 } .about2 { width:100%; position:relative; top:0; left:0; -webkit-transform:translate(0, 0); transform:translate(0, 0); padding:5px; margin:0 } .service_list ul li:last-child .service_main { margin-right:0 } .new_list ul li { width:100%; margin-bottom:20px } .new_list ul li .post_main { margin:0 !important } .home_link ul li, .home_partners ul li { width:20% } .slogan { height:360px } .page-template-default .crumbs_wrap .crumbs { width:auto } .woocommerce-MyAccount-navigation ul { font-size:0 } .woocommerce-MyAccount-navigation ul li { width:16.666%; font-size:12px; padding:0 8px; margin-bottom:20px } .woocommerce .woocommerce-MyAccount-navigation a { width:100%; margin:0 } .woocommerce-MyAccount-content { padding:0 } .popup { padding-top:200px } .about2 img{ max-width: 100%; float: none; } .r{ float:none;} .l{ float:none;} .footww img { height: auto; display: block; margin: 0px; max-width: 100%; margin-bottom:30px; } .footww { width: 100%; margin: 0 auto; clear: both; overflow: hidden; } } @media only screen and (max-width:768px) { .related_posts ul li, .related.products ul li, .page .service_list.four ul li, .service_list.six ul li, .service_list.four ul li, .product_list ul li { width:50% } .service_aim { width:100% } .related_posts ul, .related.products ul, .product_list ul { margin-right:-12px } .related_posts ul li .postgrid, .product_main { margin-right:12px } .home .container>section { margin-top:50px } .slick-slide a { height:280px } .slick-con h3 { font-size:36px; line-height:42px } .home_title { margin-bottom:20px } .title_cat ul { display:none } .related.products ul li .product_main, .related.products ul li:nth-last-child(3) .product_main, .related.products ul li:nth-last-child(4) .product_main, .product_list ul li:nth-last-child(3) .product_main, .product_list ul li:nth-last-child(4) .product_main { margin-bottom:12px } .related.products ul li .product_main, .product_list .ias-spinner a, .product_list .ias-trigger a, .product_list .ias-noneleft, .product_list .ias-spinner>div { margin-right:12px } .home_title h2 span { display:inline-block } .home_title h2 .zh { padding-right:8px } .service_list.four ul { width:calc(100%+4px) } .service_list ul li .service_main { margin:0 4px 4px 0 } .page .service_list.four ul { margin-right:-4px } .service_list ul li:last-child .service_main { margin-right:4px } .home_about { padding:36px 2% } .new_list ul li { margin-bottom:8px } .post_main .imgeffect { margin-right:8px } .post_main .excerpt { display:none } .post_main img.thumb { width:120px } .post_main h2 { margin-bottom:6px; min-height:36px } .home_link ul li, .home_partners ul li { width:25% } .slogan { height:280px; padding:60px 12px } .slogan_main { left:0; right:0; -webkit-transform:translate(0, -50%); transform:translate(0, -50%) } .slogan h3 { font-size:18px; line-height:28px } .slogan p { margin:12px auto; max-width:100%; width:100%; padding:0 12px; line-height:22px } .related_posts ul li:nth-last-child(3) .postgrid, .related_posts ul li:nth-last-child(4) .postgrid { margin-bottom:12px } .search.popup .popup_main { width:96% } .crumbs_wrap { height:180px; margin-bottom:30px } .crumbs_wrap .crumbs { display:none } .crumbs_default { padding:20px 0; margin-bottom:30px } .crumbs_default .crumbs { width:80%; white-space:nowrap; overflow:hidden; -ms-text-overflow:ellipsis; text-overflow:ellipsis } .page404 { width:100% } .page404 h2 { font-size:36px; font-weight:700; line-height:42px } .page404 p { font-size:14px } #link-page ul.blogroll li { width:49% } .content_left .content-area { width:100%; margin:0 } .content_left .sidebar { display:none } .gallery-images, .summary { width:100% } .gallery-images { margin:0 0 30px } .gallery-images img.wp-post-image { width:100% } .logged-in.woocommerce-account div.woocommerce { display:block } .logged-in.woocommerce-account .woocommerce-MyAccount-content { margin-top:20px; width:100% } .logged-in.woocommerce-account .woocommerce-MyAccount-navigation { width:100%; padding-right:0; margin-right:0; border-right:0; border-bottom:1px #eee solid; white-space:nowrap; overflow:auto } .logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul li { display:inline-block; border-bottom:0; margin-bottom:0; width:auto } .logged-in.woocommerce-account .woocommerce-MyAccount-navigation ul li a { padding:8px 12px 8px 0 } .woocommerce-MyAccount-content .user_header .user_info { padding-left:0 } .woocommerce-MyAccount-content .user_header .user_info img.avatar { width:48px; height:48px; top:6px } .woocommerce-MyAccount-content .user_header .user_info h2 { margin-left:56px; border-bottom:0 } .woocommerce-MyAccount-content .user_header .user_info .do_info { border-top:1px #eee solid; padding-top:8px } .admin-bar .ajax_cart { top:46px } .woocommerce-cart-form .product-thumbnail { display:none } .woocommerce-cart-form table.shop_table td.actions { text-align:left } .woocommerce-cart-form table.shop_table td.actions>* { display:block !important; width:100% } .woocommerce-cart-form table.shop_table td.actions .coupon label, .woocommerce-cart-form table.shop_table td.actions .coupon input { width:100% } .woocommerce-cart-form table.shop_table td.actions input.button { margin:12px 0 } .woocommerce-cart-form table.shop_table td.actions button.button { margin-left:0 } .woocommerce-cart-form table.shop_table .input-text { width:60px } .cart_totals .wc-proceed-to-checkout a.button { width:100% } .popup { padding-top:160px } .footer { margin-top:20px } } @media only screen and (max-width:480px) { .home_partners, .home_link, .home_new, .home_service, .home_product { padding-right:1%; padding-left:1% } .header { min-height:62px } .home .container>section { margin-top:30px } .home_title .title { width:calc(100% - 60px) } .home_title .title_cat { width:60px } .home_title .title_cat .home_button { line-height:24px } .slick-slide a { height:180px } .slick-slide .slick-con { left:20px; right:20px; -webkit-transform:translate(0, -50%); transform:translate(0, -50%) } .slick-slide .slick-con h3 { font-size:24px; line-height:28px } .slick-slide .slick-con p { font-size:14px; margin:8px 0 } .slick-slide .slick-con button { display:none } .archive_cat ul li a, .title_cat ul li a { padding-right:8px; padding-left:4px } .service_aim>div { max-width:100% } .home_link ul, .home_partners ul { margin-right:-4px } .home_link ul li a, .home_partners ul li a { margin:0 4px 4px 0 } .home_partners ul li { width:25% } .home_link ul li { width:33.33%; margin-bottom:4px } .slogan a { width:38%; margin:0 3% } .archive_cat { margin-bottom:20px } .content_post { padding:0 } .post-header h1 { font-size:18px } .ias-spinner>div, .ias-spinner a, .ias-trigger a, .ias-noneleft { margin-top:0 } .comment_rate { display:block } .comment_rate>* { width:100% } .comment_rate .title { margin-right:0 } .commentlist .comment_body .comment_btn { position:relative } .commentlist .comment_body .comment_btn a { margin-left:0; padding:2px 4px; opacity:1; visibility:visible } #comments { padding:0 } #comments .comment_title { padding:12px; margin:-12px -12px 12px } .commentlist li { padding-bottom:12px; margin-bottom:12px } #commentform>p.comment-form-author, #commentform>p.comment-form-email { display:block; width:100% !important } #commentform>p.comment-form-author { margin-right:0 } #commentform>p.form-submit .submit { width:100% } .popular_comment { padding:8px } .popup .popup_main { padding:20px; width:98% } .popup .popup_main h3 { padding-bottom:12px; margin-bottom:12px } .search_form { padding:0 } .search_form>* { width:100% !important; margin:0 0 12px !important } .crumbs_main { text-align:left; padding:0 12px } .crumbs_main h1 { font-size:12px; line-height:32px } .crumbs_main p { width:96%; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100% } .crumbs_wrap { height:120px } .page .service_list { margin-top:0 } #link-page ul.blogroll li { width:100%; margin-left:0; margin-right:0 } table td, table th { padding:8px } .woocommerce-message .button { position:relative; top:0; width:100%; right:0 } .product-type-external form.cart .button { width:100%; margin-top:8px } .col2-set>div { width:100% } .product-thumbnail { display:none } .product-quantity input.input-text { width:80px } .shop_table.cart .coupon input, .shop_table.cart .coupon, .shop_table.cart .button, .shop_table.cart label { width:100%; display:block; margin-top:8px } .woocommerce input[type=submit], form#commentform input[type=submit], .woocommerce-ResetPassword .woocommerce-Button, #payment #place_order, .wc-proceed-to-checkout .checkout-button, .wc_points_rewards_apply_discount { float:none; width:100%; position:relative; right:0 } .woocommerce-cart-form table td, .woocommerce-cart-form table th { padding:6px } .return-to-shop { margin:0 0 20px } table.woocommerce-checkout-review-order-table tfoot td { min-width:46% } .product_list ul, .related.products ul { margin-right:-4px } .related.products ul li .product_main, .product_list ul li .product_main { margin:0 4px 12px 0 } .ajax_cart { width:calc(100% - 60px); right:0; -webkit-transform:translate(100%, 0); transform:translate(100%, 0) } .ajax_cart.active { -webkit-transform:translate(0, 0); transform:translate(0, 0) } .ajax_cart .widget_shopping_cart_content { padding:30px 10px 10px } .ajax_cart .widget_shopping_cart_content p.buttons { bottom:10px; right:10px; left:10px } .popup { padding-top:100px } } a.share_cover_btn.covered, li.is-active a, .product_info a.more, .woocommerce-tabs ul li.active a, .archive_cat ul li.current-cat a, .archive_cat ul li a:hover, .title_cat ul li a:hover, .header .header_menu ul.menu li.current-menu-ancestor>a, .header .header_menu ul.menu li.current-menu-parent>a, .header .header_menu ul.menu li.current-menu-item>a { color:#008442 } textarea:focus, input:focus, .header .header_menu ul.menu li.current-menu-ancestor:before, .header .header_menu ul.menu li.current-menu-parent:before, .header .header_menu ul.menu li.current-menu-item:before { border-color:#008442 } .header_menu ul.menu>li>.sub-menu:before { border-left-color:#008442 } .slick-slide .slick-con button .icon-more:after { border-bottom-color:#008442 } a.share_cover_btn.covered svg, .slick>button:hover svg { fill:#008442 } .myaccount_info a.logout, .product_info:before, .product_img a.button:before, .product_img a.button:after, .about a.more, .slogan a.shop, input[type=submit], input.button, button.button, a.button, .ias-spinner>div, .woocommerce-store-notice a, .login.popup .popup_main .xh-regbox .xh-btn-primary, .slick-slide .slick-con button .icon-more { background-color:#008442; color:#fff !important } .svgHHover:hover i, .ajax_cart .cart_btn:hover i:before, .ajax_cart.active i:before, a.sl-login.liked, a.sl-login:hover, a.sl-comment.liked, a.sl-comment:hover.home_link ul li a:hover span, .service_main:hover h3, .header_menu a:hover, .header .header_menu ul.menu li:hover>a, .container a:hover { color:#008442 } .slogan a:hover, .product_img a.button:hover:after, .myaccount_info a.logout:hover, .side_btn a.btn:hover, .side_btn a.btn span, a.more:hover, .slide_jump:hover, .home_button:hover, input[type=submit]:hover, input.button:hover, button.button:hover, a.button:hover, .woocommerce-store-notice a:hover, .login.popup .popup_main .xh-regbox .xh-btn-primary:hover, .bgHHover:hover, .btnColor:hover { background-color:#008442 !important; color:#fff !important } .header_menu ul.menu li.menu-item-has-children:hover:before, .header_menu ul.menu>li.current-menu-ancestor.menu-item-has-children:before, .header_menu ul.menu>li.current-menu-parent.menu-item-has-children:before, .header_menu ul.menu>li.current-menu-item.menu-item-has-children:before, a.share_cover_btn:hover, .service_main:hover { border-color:#008442 } .svgHHover:hover svg, a.sl-login.liked svg, a.sl-login:hover svg, a.sl-comment.liked svg, a.sl-comment:hover svga.share_cover_btn:hover svg, .slick>button:hover svg { fill:#008442 } @charset "UTF-8"; .wow { visibility:hidden } .animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:backwards; animation-fill-mode:backwards } .animated.infinite { -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite } .animated.hinge { -webkit-animation-duration:2s; animation-duration:2s } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(-100px, 0, 0); transform:translate3d(-100px, 0, 0) } 60% { opacity:1 } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(-100px, 0, 0); transform:translate3d(-100px, 0, 0) } 60% { opacity:1 } 100% { -webkit-transform:none; transform:none } } .bounceInLeft { -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(100px, 0, 0); transform:translate3d(100px, 0, 0) } 60% { opacity:1 } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(100px, 0, 0); transform:translate3d(100px, 0, 0) } 60% { opacity:1 } 100% { -webkit-transform:none; transform:none } } .bounceInRight { -webkit-animation-name:bounceInRight; animation-name:bounceInRight } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0) } 60% { opacity:1 } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0) } 60% { opacity:1 } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .bounceInUp { -webkit-animation-name:bounceInUp; animation-name:bounceInUp } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, -100px, 0); transform:translate3d(0, -100px, 0) } 60% { opacity:1 } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, -100px, 0); transform:translate3d(0, -100px, 0) } 60% { opacity:1 } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .bounceInDown { -webkit-animation-name:bounceInDown; animation-name:bounceInDown } @-webkit-keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale(.6); -moz-transform:scale(.6); -ms-transform:scale(.6); -o-transform:scale(.6); transform:scale(.6) } 100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity:1 } } @keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale(.6); -moz-transform:scale(.6); -ms-transform:scale(.6); -o-transform:scale(.6); transform:scale(.6) } 100% { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity:1 } } .zoomIn { -webkit-animation-name:zoomIn; animation-name:zoomIn } .home .new_list ul li:nth-child(1), .slogan p, .about h2, .service_list ul li:nth-child(1), .home .product_list ul li:nth-child(1) { -webkit-animation-delay:.4s; -o-animation-delay:.4s; animation-delay:.4s } .home .new_list ul li:nth-child(2), .about p.desc, .service_list ul li:nth-child(2), .home .product_list ul li:nth-child(2) { -webkit-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s } .home .new_list ul li:nth-child(3), .about a.more, .slogan a.contact, .slogan a.shop, .service_list ul li:nth-child(3), .home .product_list ul li:nth-child(3) { -webkit-animation-delay:.8s; -o-animation-delay:.8s; animation-delay:.8s } .home .new_list ul li:nth-child(4), .service_list ul li:nth-child(4), .home .product_list ul li:nth-child(4) { -webkit-animation-delay:1s; -o-animation-delay:1s; animation-delay:1s } .home .new_list ul li:nth-child(5), .service_aim, .service_list ul li:nth-child(5), .home .product_list ul li:nth-child(5) { -webkit-animation-delay:1.2s; -o-animation-delay:1.2s; animation-delay:1.2s } .home .new_list ul li:nth-child(6), .home_service>img, .service_list ul li:nth-child(6), .home .product_list ul li:nth-child(6) { -webkit-animation-delay:1.4s; -o-animation-delay:1.4s; animation-delay:1.4s } .home .product_list ul li:nth-child(7) { -webkit-animation-delay:1.6s; -o-animation-delay:1.6s; animation-delay:1.6s } .home .product_list ul li:nth-child(8) { -webkit-animation-delay:1.8s; -o-animation-delay:1.8s; animation-delay:1.8s } .wp-block-audio figcaption { margin-top:.5em; margin-bottom:1em; color:#555d66; text-align:center; font-size:13px } .wp-block-audio audio { width:100%; min-width:300px } .editor-block-list__layout .reusable-block-edit-panel { align-items:center; background:#f8f9f9; color:#555d66; display:flex; flex-wrap:wrap; font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-size:13px; top:-14px; margin:0 -14px; padding:8px 14px; position:relative; z-index:7 } .editor-block-list__layout .editor-block-list__layout .reusable-block-edit-panel { margin:0 -14px; padding:8px 14px } .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner { margin:0 5px } .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info { margin-right:auto } .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label { margin-right:8px; white-space:nowrap; font-weight:600 } .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { flex:1 1 100%; font-size:14px; height:30px; margin:4px 0 8px } .editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { flex-shrink:0 } @media (min-width:960px) { .editor-block-list__layout .reusable-block-edit-panel { flex-wrap:nowrap } .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { margin:0 } .editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { margin:0 0 0 5px } } .editor-block-list__layout .reusable-block-indicator { background:#fff; border-left:1px dashed #e2e4e7; color:#555d66; border-bottom:1px dashed #e2e4e7; top:-14px; height:30px; padding:4px; position:absolute; z-index:1; width:30px; right:-14px } .wp-block-button { color:#fff; margin-bottom:1.5em } .wp-block-button.aligncenter { text-align:center } .wp-block-button.alignright { text-align:right } .wp-block-button__link { background-color:#32373c; border:none; border-radius:28px; box-shadow:none; color:inherit; cursor:pointer; display:inline-block; font-size:18px; margin:0; padding:12px 24px; text-align:center; text-decoration:none; white-space:normal; overflow-wrap:break-word } .wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover { color:inherit } .is-style-squared .wp-block-button__link { border-radius:0 } .is-style-outline { color:#32373c } .is-style-outline .wp-block-button__link { background:transparent; border:2px solid } .wp-block-categories.alignleft { margin-right:2em } .wp-block-categories.alignright { margin-left:2em } .wp-block-columns { display:flex; flex-wrap:wrap } @media (min-width:782px) { .wp-block-columns { flex-wrap:nowrap } } .wp-block-column { flex:1; margin-bottom:1em; flex-basis:100%; min-width:0; word-break:break-word; overflow-wrap:break-word } @media (min-width:600px) { .wp-block-column { flex-basis:50%; flex-grow:0 } } @media (min-width:600px) { .wp-block-column:nth-child(odd) { margin-right:32px } .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) { margin-left:32px } .wp-block-column:not(:last-child) { margin-right:32px } } .wp-block-cover, .wp-block-cover-image { position:relative; background-color:#000; background-size:cover; background-position:50%; min-height:430px; width:100%; margin:0 0 1.5em; display:flex; justify-content:center; align-items:center; overflow:hidden } .wp-block-cover-image.has-left-content, .wp-block-cover.has-left-content { justify-content:flex-start } .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover-image.has-left-content .wp-block-cover-text, .wp-block-cover-image.has-left-content h2, .wp-block-cover.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, .wp-block-cover.has-left-content h2 { margin-left:0; text-align:left } .wp-block-cover-image.has-right-content, .wp-block-cover.has-right-content { justify-content:flex-end } .wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover-image.has-right-content .wp-block-cover-text, .wp-block-cover-image.has-right-content h2, .wp-block-cover.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text, .wp-block-cover.has-right-content h2 { margin-right:0; text-align:right } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 { color:#fff; font-size:2em; line-height:1.25; z-index:1; margin-bottom:0; max-width:610px; padding:14px; text-align:center } .wp-block-cover-image .wp-block-cover-image-text a, .wp-block-cover-image .wp-block-cover-image-text a:active, .wp-block-cover-image .wp-block-cover-image-text a:focus, .wp-block-cover-image .wp-block-cover-image-text a:hover, .wp-block-cover-image .wp-block-cover-text a, .wp-block-cover-image .wp-block-cover-text a:active, .wp-block-cover-image .wp-block-cover-text a:focus, .wp-block-cover-image .wp-block-cover-text a:hover, .wp-block-cover-image h2 a, .wp-block-cover-image h2 a:active, .wp-block-cover-image h2 a:focus, .wp-block-cover-image h2 a:hover, .wp-block-cover .wp-block-cover-image-text a, .wp-block-cover .wp-block-cover-image-text a:active, .wp-block-cover .wp-block-cover-image-text a:focus, .wp-block-cover .wp-block-cover-image-text a:hover, .wp-block-cover .wp-block-cover-text a, .wp-block-cover .wp-block-cover-text a:active, .wp-block-cover .wp-block-cover-text a:focus, .wp-block-cover .wp-block-cover-text a:hover, .wp-block-cover h2 a, .wp-block-cover h2 a:active, .wp-block-cover h2 a:focus, .wp-block-cover h2 a:hover { color:#fff } .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment:fixed } @supports (-webkit-overflow-scrolling:touch) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment:scroll } } .wp-block-cover-image.has-background-dim:before, .wp-block-cover.has-background-dim:before { content:""; position:absolute; top:0; left:0; bottom:0; right:0; background-color:inherit; opacity:.5; z-index:1 } .wp-block-cover-image.has-background-dim.has-background-dim-10:before, .wp-block-cover.has-background-dim.has-background-dim-10:before { opacity:.1 } .wp-block-cover-image.has-background-dim.has-background-dim-20:before, .wp-block-cover.has-background-dim.has-background-dim-20:before { opacity:.2 } .wp-block-cover-image.has-background-dim.has-background-dim-30:before, .wp-block-cover.has-background-dim.has-background-dim-30:before { opacity:.3 } .wp-block-cover-image.has-background-dim.has-background-dim-40:before, .wp-block-cover.has-background-dim.has-background-dim-40:before { opacity:.4 } .wp-block-cover-image.has-background-dim.has-background-dim-50:before, .wp-block-cover.has-background-dim.has-background-dim-50:before { opacity:.5 } .wp-block-cover-image.has-background-dim.has-background-dim-60:before, .wp-block-cover.has-background-dim.has-background-dim-60:before { opacity:.6 } .wp-block-cover-image.has-background-dim.has-background-dim-70:before, .wp-block-cover.has-background-dim.has-background-dim-70:before { opacity:.7 } .wp-block-cover-image.has-background-dim.has-background-dim-80:before, .wp-block-cover.has-background-dim.has-background-dim-80:before { opacity:.8 } .wp-block-cover-image.has-background-dim.has-background-dim-90:before, .wp-block-cover.has-background-dim.has-background-dim-90:before { opacity:.9 } .wp-block-cover-image.has-background-dim.has-background-dim-100:before, .wp-block-cover.has-background-dim.has-background-dim-100:before { opacity:1 } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width:305px; width:100% } .wp-block-cover-image:after, .wp-block-cover:after { display:block; content:""; font-size:0; min-height:inherit } @supports ((position:-webkit-sticky) or (position:sticky)) { .wp-block-cover-image:after, .wp-block-cover:after { content:none } } .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright { display:flex } .wp-block-cover__video-background { position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:100%; height:100%; z-index:0; -o-object-fit:cover; object-fit:cover } .editor-block-list__block[data-type="core/embed"][data-align=left] .editor-block-list__block-edit, .editor-block-list__block[data-type="core/embed"][data-align=right] .editor-block-list__block-edit, .wp-block-embed.alignleft, .wp-block-embed.alignright { max-width:360px; width:100% } .wp-block-embed { margin-bottom:1em } .wp-block-embed figcaption { margin-top:.5em; margin-bottom:1em; color:#555d66; text-align:center; font-size:13px } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper { position:relative } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before { content:""; display:block; padding-top:50% } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100% } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before { padding-top:42.85% } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before { padding-top:50% } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { padding-top:56.25% } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before { padding-top:75% } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before { padding-top:100% } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before { padding-top:66.66% } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before { padding-top:200% } .wp-block-file { margin-bottom:1.5em } .wp-block-file.aligncenter { text-align:center } .wp-block-file.alignright { text-align:right } .wp-block-file .wp-block-file__button { background:#32373c; border-radius:2em; color:#fff; font-size:13px; padding:.5em 1em } .wp-block-file a.wp-block-file__button { text-decoration:none } .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited { box-shadow:none; color:#fff; opacity:.85; text-decoration:none } .wp-block-file *+.wp-block-file__button { margin-left:.75em } .wp-block-gallery { display:flex; flex-wrap:wrap; list-style-type:none; padding:0 } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { margin:0 16px 16px 0; display:flex; flex-grow:1; flex-direction:column; justify-content:center; position:relative } .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { margin:0; height:100% } @supports ((position:-webkit-sticky) or (position:sticky)) { .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { display:flex; align-items:flex-end; justify-content:flex-start } } .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img { display:block; max-width:100%; height:auto; width:100% } @supports ((position:-webkit-sticky) or (position:sticky)) { .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img { width:auto } } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { position:absolute; bottom:0; width:100%; max-height:100%; overflow:auto; padding:40px 10px 5px; color:#fff; text-align:center; font-size:13px; background:linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 60%, transparent) } .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img { display:inline } .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { width:100% } @supports ((position:-webkit-sticky) or (position:sticky)) { .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { height:100%; flex:1; -o-object-fit:cover; object-fit:cover } } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { width:calc((100% - 16px)/2) } .wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) { margin-right:0 } .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item { width:100%; margin-right:0 } @media (min-width:600px) { .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item { width:calc((100% - 32px)/3); margin-right:16px } .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item { width:calc((100% - 48px)/4); margin-right:16px } .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item { width:calc((100% - 64px)/5); margin-right:16px } .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item { width:calc((100% - 80px)/6); margin-right:16px } .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item { width:calc((100% - 96px)/7); margin-right:16px } .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item { width:calc((100% - 112px)/8); margin-right:16px } .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right:0 } } .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child { margin-right:0 } .wp-block-gallery .blocks-gallery-item.has-add-item-button { width:100% } .wp-block-gallery.alignleft, .wp-block-gallery.alignright { max-width:305px; width:100% } .wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright { display:flex } .wp-block-gallery.aligncenter .blocks-gallery-item figure { justify-content:center } .wp-block-image { max-width:100%; margin-bottom:1em; margin-left:0; margin-right:0 } .wp-block-image img { max-width:100% } .wp-block-image.aligncenter { text-align:center } .wp-block-image.alignfull img, .wp-block-image.alignwide img { width:100% } .wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized { display:table; margin-left:0; margin-right:0 } .wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption { display:table-caption; caption-side:bottom } .wp-block-image .alignleft { float:left; margin-right:1em } .wp-block-image .alignright { float:right; margin-left:1em } .wp-block-image .aligncenter { margin-left:auto; margin-right:auto } .wp-block-image figcaption { margin-top:.5em; margin-bottom:1em; color:#555d66; text-align:center; font-size:13px } .wp-block-latest-comments__comment { font-size:15px; line-height:1.1; list-style:none; margin-bottom:1em } .has-avatars .wp-block-latest-comments__comment { min-height:36px; list-style:none } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left:52px } .has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { line-height:1.5 } .wp-block-latest-comments__comment-excerpt p { font-size:14px; line-height:1.8; margin:5px 0 20px } .wp-block-latest-comments__comment-date { color:#8f98a1; display:block; font-size:12px } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius:24px; display:block; float:left; height:40px; margin-right:12px; width:40px } .wp-block-latest-posts.alignleft { margin-right:2em } .wp-block-latest-posts.alignright { margin-left:2em } .wp-block-latest-posts.is-grid { display:flex; flex-wrap:wrap; padding:0; list-style:none } .wp-block-latest-posts.is-grid li { margin:0 16px 16px 0; width:100% } @media (min-width:600px) { .wp-block-latest-posts.columns-2 li { width:calc(50% - 16px) } .wp-block-latest-posts.columns-3 li { width:calc(33.33333% - 16px) } .wp-block-latest-posts.columns-4 li { width:calc(25% - 16px) } .wp-block-latest-posts.columns-5 li { width:calc(20% - 16px) } .wp-block-latest-posts.columns-6 li { width:calc(16.66667% - 16px) } } .wp-block-latest-posts__post-date { display:block; color:#6c7781; font-size:13px } .wp-block-media-text { display:grid; grid-template-rows:auto; align-items:center; grid-template-areas:"media-text-media media-text-content"; grid-template-columns:50% auto } .wp-block-media-text.has-media-on-the-right { grid-template-areas:"media-text-content media-text-media"; grid-template-columns:auto 50% } .wp-block-media-text .wp-block-media-text__media { grid-area:media-text-media; margin:0 } .wp-block-media-text .wp-block-media-text__content { word-break:break-word; grid-area:media-text-content; padding:0 8% } .wp-block-media-text>figure>img, .wp-block-media-text>figure>video { max-width:unset; width:100%; vertical-align:middle } @media (max-width:600px) { .wp-block-media-text.is-stacked-on-mobile { grid-template-columns:100%!important; grid-template-areas:"media-text-media" "media-text-content" } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right { grid-template-areas:"media-text-content" "media-text-media" } } p.is-small-text { font-size:14px } p.is-regular-text { font-size:16px } p.is-large-text { font-size:36px } p.is-larger-text { font-size:48px } p.has-drop-cap:not(:focus):first-letter { float:left; font-size:8.4em; line-height:.68; font-weight:100; margin:.05em .1em 0 0; text-transform:uppercase; font-style:normal } p.has-drop-cap:not(:focus):after { content:""; display:table; clear:both; padding-top:14px } p.has-background { padding:20px 30px } p.has-text-color a { color:inherit } .wp-block-pullquote { padding:3em 0; margin-left:0; margin-right:0; text-align:center } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width:305px } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size:20px } .wp-block-pullquote p { font-size:28px; line-height:1.6 } .wp-block-pullquote cite, .wp-block-pullquote footer { position:relative } .wp-block-pullquote .has-text-color a { color:inherit } .wp-block-pullquote:not(.is-style-solid-color) { background:none } .wp-block-pullquote.is-style-solid-color { border:none } .wp-block-pullquote.is-style-solid-color blockquote { margin-left:auto; margin-right:auto; text-align:left; max-width:60% } .wp-block-pullquote.is-style-solid-color blockquote p { margin-top:0; margin-bottom:0; font-size:32px } .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform:none; font-style:normal } .wp-block-pullquote cite { color:inherit } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin:0 0 16px; padding:0 1em } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size:24px; font-style:italic; line-height:1.6 } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size:18px; text-align:right } .wp-block-separator.is-style-wide { border-bottom-width:1px } .wp-block-separator.is-style-dots { background:none; border:none; text-align:center; max-width:none; line-height:1; height:auto } .wp-block-separator.is-style-dots:before { content:"\00b7 \00b7 \00b7"; color:#191e23; font-size:20px; letter-spacing:2em; padding-left:2em; font-family:serif } p.wp-block-subhead { font-size:1.1em; font-style:italic; opacity:.75 } .wp-block-table.has-fixed-layout { table-layout:fixed; width:100% } .wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright { display:table; width:auto } .wp-block-table.is-style-stripes { border-spacing:0; border-collapse:inherit; border-bottom:1px solid #f3f4f5 } .wp-block-table.is-style-stripes tr:nth-child(odd) { background-color:#f3f4f5 } .wp-block-table.is-style-stripes td { border-color:transparent } .wp-block-text-columns, .wp-block-text-columns.aligncenter { display:flex } .wp-block-text-columns .wp-block-column { margin:0 16px; padding:0 } .wp-block-text-columns .wp-block-column:first-child { margin-left:0 } .wp-block-text-columns .wp-block-column:last-child { margin-right:0 } .wp-block-text-columns.columns-2 .wp-block-column { width:50% } .wp-block-text-columns.columns-3 .wp-block-column { width:33.33333% } .wp-block-text-columns.columns-4 .wp-block-column { width:25% } pre.wp-block-verse { white-space:nowrap; overflow:auto } .wp-block-video { margin-left:0; margin-right:0 } .wp-block-video video { max-width:100% } @supports ((position:-webkit-sticky) or (position:sticky)) { .wp-block-video [poster] { -o-object-fit:cover; object-fit:cover } } .wp-block-video.aligncenter { text-align:center } .wp-block-video figcaption { margin-top:.5em; margin-bottom:1em; color:#555d66; text-align:center; font-size:13px } .has-pale-pink-background-color.has-pale-pink-background-color { background-color:#f78da7 } .has-vivid-red-background-color.has-vivid-red-background-color { background-color:#cf2e2e } .has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color { background-color:#ff6900 } .has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color { background-color:#fcb900 } .has-light-green-cyan-background-color.has-light-green-cyan-background-color { background-color:#7bdcb5 } .has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color { background-color:#00d084 } .has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color { background-color:#8ed1fc } .has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color { background-color:#0693e3 } .has-very-light-gray-background-color.has-very-light-gray-background-color { background-color:#eee } .has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color { background-color:#abb8c3 } .has-very-dark-gray-background-color.has-very-dark-gray-background-color { background-color:#313131 } .has-pale-pink-color.has-pale-pink-color { color:#f78da7 } .has-vivid-red-color.has-vivid-red-color { color:#cf2e2e } .has-luminous-vivid-orange-color.has-luminous-vivid-orange-color { color:#ff6900 } .has-luminous-vivid-amber-color.has-luminous-vivid-amber-color { color:#fcb900 } .has-light-green-cyan-color.has-light-green-cyan-color { color:#7bdcb5 } .has-vivid-green-cyan-color.has-vivid-green-cyan-color { color:#00d084 } .has-pale-cyan-blue-color.has-pale-cyan-blue-color { color:#8ed1fc } .has-vivid-cyan-blue-color.has-vivid-cyan-blue-color { color:#0693e3 } .has-very-light-gray-color.has-very-light-gray-color { color:#eee } .has-cyan-bluish-gray-color.has-cyan-bluish-gray-color { color:#abb8c3 } .has-very-dark-gray-color.has-very-dark-gray-color { color:#313131 } .has-small-font-size { font-size:13px } .has-normal-font-size, .has-regular-font-size { font-size:16px } .has-medium-font-size { font-size:20px } .has-large-font-size { font-size:36px } .has-huge-font-size, .has-larger-font-size { font-size:42px } .woocommerce form .form-row .required { visibility:visible } .xh-clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .xh-clearfix:before, .xh-clearfix:after { display:table; content:" " } .xh-clearfix:after { clear:both } .xh-regbox button, .xh-regbox input, .xh-regbox select, .xh-regbox textarea { color:inherit; font:inherit; margin:0 } .help-block { color:gray } .xh-regbox button[disabled], .xh-regbox input[disabled] { cursor:default } .xh-regbox button::-moz-focus-inner, .xh-regbox input::-moz-focus-inner { border:0; padding:0 } .xh-regbox input { line-height:normal } .xh-regbox input[type=checkbox], .xh-regbox input[type=radio] { box-sizing:border-box; padding:0 } .xh-regbox input[type=number]::-webkit-inner-spin-button, .xh-regbox input[type=number]::-webkit-outer-spin-button { height:auto } .xh-regbox input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } .xh-regbox input[type=search]::-webkit-search-cancel-button, .xh-regbox input[type=search]::-webkit-search-decoration { -webkit-appearance:none } .xh-regbox textarea { overflow:auto } .xh-regbox *, .xh-regbox *:after, .xh-regbox *:before { box-sizing:border-box } .mt20 { margin-top:20px } .pt70 { padding-top:70px } .xh-reglogo { padding:30px 0 0; margin:20px auto; text-align:center } .xh-reglogo img { max-height:100%; vertical-align:middle; text-align:center } .xh-regbox { width:400px; margin:20px auto; background:#fff; border:1px solid #eee; padding:40px 25px; font-family:"Microsoft Yahei UI", "Microsoft Yahei", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif; font-size:.875em } .xh-regbox .xh-title { text-align:center; font-size:150% } .xh-regbox table td, .xh-regbox table th { font-size:90% } .xh-regbox table td { color:#777 } .xh-regbox .xh-form-group { margin-bottom:15px; position:relative } .xh-regbox .xh-form { margin-top:20px } .xh-regbox .required:after { content:"*"; color:#ed1c24 } .xh-regbox a:active, .xh-regbox a:hover { outline:0 } .xh-regbox hr { -moz-box-sizing:content-box; box-sizing:content-box; clear:both; margin:5px auto; border:0; border-bottom:1px solid #eee; height:1px } .xh-regbox label { display:inline-block; max-width:100%; margin-bottom:5px; font-weight:700; font-size: } .xh-regbox .form-control { width:100%; height:35px; padding:6px 12px; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:3px; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out } .xh-regbox .mb15 { margin-bottom:15px } .xh-regbox .xh-btn, .xh-btn { box-shadow:0 1px 2px rgba(0, 0, 0, .1); display:inline-block; margin-bottom:0; font-weight:400; text-align:center; vertical-align:middle; cursor:pointer; background-image:none; border:1px solid transparent; white-space:nowrap; padding:6px 12px; font-size:14px; line-height:1.5; border-radius:3px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .xh-regbox a.xh-btn:hover { color:#fff } .xh-regbox .xh-btn-block { display:block; width:100% } .xh-regbox .xh-btn-lg, .xh-btn-lg { padding:10px 16px; font-size:18px; line-height:1.33; border-radius:3px } .xh-regbox .xh-btn-sm, .xh-btn-sm { padding:4px 16px; font-size:14px; line-height:1.33; border-radius:3px } .xh-regbox .xh-btn-xs, .xh-btn-xs { padding:2px 14px; font-size:12px; line-height:1.33; border-radius:3px } .xh-regbox .xh-btn-primary, .xh-btn-primary { color:#fff; background-color:#009a61; border-color:#008151 } .xh-regbox .xh-btn-warning, .xh-btn-warning { color:#fff; background-color:#ff851b; border-color:#e56e06 } .xh-user-register { margin:30px 0 80px; color:#ddd; text-align:center } .xh-user-register a { margin:0 10px; color:#999 } .xh-regbox .xh-input-group { position:relative; display:table; border-collapse:separate; margin-bottom:15px } .xh-regbox .xh-input-group .form-control { position:relative; z-index:2; float:left; width:100%; margin-bottom:0; z-index:1; display:table-cell } .xh-regbox .xh-input-group-btn, .xh-regbox .xh-input-group-btn>.xh-btn { position:relative } .xh-regbox .xh-input-group-btn { font-size:0; white-space:nowrap; width:1%; vertical-align:middle; display:table-cell } .xh-regbox .xh-input-group-btn:last-child>.xh-btn, .xh-regbox .xh-input-group-btn:last-child>.btn-group { margin-left:-1px; box-shadow:none; position:relative } .xh-regbox .xh-btn-default, .xh-btn-default { color:#333; background-color:#fff; border-color:#ccc } .xh-regbox .xh-input-group .form-control:first-child { border-bottom-right-radius:0; border-top-right-radius:0 } .xh-regbox .xh-input-group-btn:first-child>.btn-group:not(:first-child)>.xh-btn, .xh-regbox .xh-input-group-btn:first-child>.xh-btn:not(:first-child), .xh-regbox .xh-input-group-btn:last-child>.xh-btn, .xh-regbox .xh-input-group-btn:last-child>.btn-group>.xh-btn, .xh-regbox .xh-input-group-btn:last-child>.dropdown-toggle, .xh-regbox .xh-input-group .form-control:last-child { border-bottom-left-radius:0; border-top-left-radius:0 } .xh-regbox .xh-input-group-btn>.xh-btn:active, .xh-regbox .xh-input-group-btn>.xh-btn:focus, .xh-regbox .xh-input-group-btn>.xh-btn:hover { z-index:2 } .xh-mT20 { margin-top:20px } .xh-social { height:32px } .xh-social-item { width:32px; height:32px; margin-right:10px; cursor:pointer; float:left; display:-moz-inline-stack; zoom:1 } .xh-social .xh-social-item.nobg { background:0 0 } .xh-social .xh-text { height:32px; line-height:32px; display:inline-block } .xh-social-item.xh-qq { background:url(../fonts/qq-icon.svg) no-repeat } .xh-social-item.xh-weibo { background:url(../fonts/weibo-icon.svg) no-repeat } .xh-social-item.xh-wechat { background:url(../fonts/weixin-icon.svg) no-repeat } .xh-social-item.xh-dinding { background:url(../fonts/dingding.svg) no-repeat } .xh-social-item.xh-mobile { background:url(../fonts/mobile-icon.svg) no-repeat } .xh-social-item.xh-linkedin { background:url(../fonts/linkendi-icon.svg) no-repeat } .xh-social-item.xh-qzone { background:url(../fonts/qqzone.svg) no-repeat } .xh-social-item.xh-github { background:url(../fonts/github.svg) no-repeat } .xh-left { width:65%; float:left } .xh-right { width:35%; float:right } .xh-pull-left { float:left } .xh-pull-right { float:right } .xh-alert { padding:10px; margin-bottom:15px; border:1px solid transparent; border-radius:3px } .xh-alert-success { color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6 } .xh-alert-warning { color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc } .xh-alert-danger { color:#a94442; background-color:#f2dede; border-color:#ebccd1 } .xh-alert-info { color:#31708f; background-color:#d9edf7; border-color:#bce8f1 } .list-group { margin-bottom:20px; padding-left:0 } .list-group-item { padding:8px 12px; position:relative; display:block; margin-bottom:-1px; background-color:#fff; border:1px solid #ddd } a.list-group-item { color:#555 } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index:2; color:#fff; background-color:#009a61; border-color:#009a61 } .list-group-item:first-child { border-top-right-radius:3px; border-top-left-radius:3px } .xh_social_box .xh_social_login_bar { cursor:pointer; width:30px; height:30px; line-height:30px; margin:3px 5px 3px 2px; display:inline-block; display:-moz-inline-stack; zoom:1; *display:inline; z-index:99; position:relative; text-decoration:none } .xh-cover { width:100%; height:100%; z-index:999; background:rgba(0, 0, 0, .2); position:fixed; left:0; top:0; text-align:center } .xh-regbox.xh-window { position:relative; z-index:1000; background:#fff; border-radius:4px; left:0; right:0; padding:10px 0 } .xh-regbox .xh-close { width:30px; height:30px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkFGQkI3NzUwRkUxMTFFNUFGMEVCNDFGOTlFMTAzNTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGQkI3NzYwRkUxMTFFNUFGMEVCNDFGOTlFMTAzNTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQUZCQjc3MzBGRTExMUU1QUYwRUI0MUY5OUUxMDM1NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQUZCQjc3NDBGRTExMUU1QUYwRUI0MUY5OUUxMDM1NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkuHtOQAAAESSURBVHjapJM9TwJBEIbXbGOjCZ+GREI80dLSf0FpIRT8OgLEwvhTKGwMqI0fEYJamLsOnoHZZLK5IyZM8jS3887tzDvr3DZOoeb+FzXNdx6a0IdLeIJsh7AEPbiGVxEfwgVUIIEZpDnCMtxCFX5gIuI/mMIZ1AsKBKGcf8EQFl4PUy1wrj3ZAkEo3+cq/A49h8hUkGhiC36hAyexUOKgoLcbaJhvH3AHS5voc8SpVr/S4iu4h/c40Rf8Wa56ZG4ng3qJXfAFdkiPn/CgwkaeCz5agK6Z6hje4NkMMVFXMiu2PoapLs0MZlGBzQ28CoKPsgCjeKqmQFikdljPsu6qeDqwPuYUmOobOIZHt8+rWgswAF6zRFle3szkAAAAAElFTkSuQmCC) center no-repeat; position:absolute; right:0; top:0; cursor:pointer } .xh-regbox.xh-window .xh-form { padding:25px 35px } .xh-user-register.xh-w { margin:0 } @media (max-width :767px) { .xh-regbox { width:85% } } .xh-wechat-social-nav-login { display:flex; justify-content:center; align-items:center; height:100% } .xh-wechat-social-widget { display:flex; justify-content:center; align-items:center; padding:15px 0 } .xh-wechat-social-nav-login a { text-decoration:none; margin-left:7px; margin-right:7px; display:flex; justify-content:center; align-items:center } .xh-wechat-social-nav-login .xh-Avatar, .xh-wechat-social-widget .xh-Avatar { width:35px; height:35px; border-radius:50% } .xh-wechat-social-widget a { text-decoration:none; margin-left:7px; margin-right:7px } .xh-widget-title { display:block; text-align:center } .content_post { line-height:28px; color:#666; font-size:12px } .content_post a { line-height:28px; color:#333; font-size:12px } /*list*/ .list_page{text-align:center;margin:10px;display:block;} .list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;} .list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;} .list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;} .page_group ul{border-right:solid 1px #ddd;border-radius:4px;} .page_group ul li{border-right:none;border-radius:0;float:left;} .page_group ul li:not(:first-child):not(:last-child){border-radius:0;} .page_group ul li:first-child{border-radius:4px 0 0 4px;} .page_group ul li:last-child{border-radius:0 4px 4px 0;} .page_group ul .active a{background:#f3f3f3;border-radius:0;} #hits{display: none;}