body{ font-family:Arial,Helvetica,Sans-Serif;}body{ color:#202020;} a:link, a:visited, .home .section-item .heading-title, .thumb-excerpt-list li .link-read-more{ color:#202020;} a:hover, .btn-search:hover, .post-list li:hover a, .thumb-excerpt-list li:hover .post-excerpt h3 a, .thumb-excerpt-list li:hover .excerpt-content a, .thumb-excerpt-list li:hover .link-read-more a{ color:#066fc0;} a:active{ color:#066fc0;} .custom-background{ background-color:#f5f7fa;} .btn, .btn:link, .btn:visited, .search-box #searchform #searchsubmit, .wpcf7-submit, .radius, .radius-top, .radius-lt, .radius-rt, .post-list li:before, .widget ul li:before, .elementor-button, .elementor-button:link, .elementor-button:visited, .elementor-element .elementor-widget-container ul li:before, .cat-sticky-thumb-post-list .cat-sticky-post-slider .swiper-pagination .swiper-pagination-bullet:before, .post-meta-bottom .tags a, .entry-tags-cloud .tags-cloud .tags a, .live-chat-icon .live-chat-box span, .live-chat-icon .live-chat-box strong, .woocommerce .button{-khtml-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} .btn, .btn:link, .btn:visited, .search-box #searchform #searchsubmit, .search-form .search-submit, .wpcf7-submit, .foot-widgets input[type="button"], .foot-widgets input[type="submit"], .mobi-bar .mobi-inquiry, .elementor-button, .elementor-button:link, .elementor-button:visited, .woocommerce .button, .woocommerce .button:link, .woocommerce .button:visited, .woo-cart-views .woo-cart-count{ color:#ffffff;} .btn-outline{ color:#ffffff; border-color:#ffffff;} .btn-reverse{ background-color:#ffffff !important;} .btn-reverse:hover{ color:#ffffff !important;} .btn, .btn:link, .btn:visited, .search-box #searchform #searchsubmit, .search-form .search-submit, .wpcf7-submit, .foot-widgets input[type="button"], .foot-widgets input[type="submit"], .mobi-bar .mobi-inquiry, .main-nav .nav-menu li.menu-btn a, .elementor-button, .elementor-button:link, .elementor-button:visited, .woocommerce #respond input#submit.alt, .woocommerce .button, .woo-cart-views .woo-cart-count{ background-color:#066fc0;} .btn-reverse{ color:#066fc0 !important; border-color:#066fc0 !important;} .woocommerce-tabs .wc-tabs li.active{ color:#066fc0; border-top-color:#066fc0;} .btn:hover, .btn:active, .search-box #searchform #searchsubmit:hover, .filters-nav-tabs .btn a:hover, .filters-nav-tabs .btn a:active, .filters-nav-tabs .btn-cur a, .search-form .search-submit:hover, .wpcf7-submit:hover, .wpcf7-submit:active, .mobi-bar .mobi-inquiry:hover, .mobi-bar .mobi-inquiry:active, .post-navi a:hover, .post-navi a.current, .nav-links a:hover, .nav-links a:active, .nav-links span.current, .main-nav .nav-menu li.menu-btn a:hover, .product-inquiry .btn-chat:hover, .foot-widgets input[type="button"]:hover, .foot-widgets input[type="submit"]:hover, .woocommerce #respond input#submit.alt:hover, .elementor-button:hover, .elementor-button:active, .woocommerce .button:hover, .woo-cart-views:hover .woo-cart-count{ color:#ffffff;} .btn-reverse:hover{ color:#ffffff !important;} .btn:hover, .btn:active, .filters-nav-tabs .btn:hover, .filters-nav-tabs .btn:active, .filters-nav-tabs .btn-cur, .search-box #searchform #searchsubmit:hover, .search-form .search-submit:hover, .wpcf7-submit:hover, .wpcf7-submit:active, .mobi-bar .mobi-inquiry:hover, .mobi-bar .mobi-inquiry:active, .post-navi a:hover, .post-navi a.current, .nav-links a:hover, .nav-links a:active, .nav-links span.current, .main-nav .nav-menu li.menu-btn a:hover, .product-inquiry .btn-chat:hover, .foot-widgets input[type="button"]:hover, .foot-widgets input[type="submit"]:hover, .active-header, .woocommerce #respond input#submit.alt:hover, .elementor-button:hover, .elementor-button:active, .woocommerce .button:hover, .woo-cart-views:hover .woo-cart-count{ border-color:#066fc0; background-color:#066fc0;} .btn-reverse:hover{ background-color:#066fc0 !important;} .btn, .btn:link, .btn:visited, .btn:hover, .btn:active, .search-box #searchform #searchsubmit, .wpcf7-submit, .elementor-button{ font-size:16px;} .btn, .btn:link, .btn:visited, .btn:hover, .btn:active, .search-box #searchform #searchsubmit, .wpcf7-submit, .elementor-button{ font-weight:normal;} .item-cover img{ width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; -ms-transition-duration:.4s; -o-transition-duration:.4s; transition-duration:.4s;} .item-grid-box:hover .item-cover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);} .inner{ max-width:1500px;} .header{ background-color:#ffffff;} .header-middle .brand, .header-vertical .brand{ min-height:100px;} .header-middle .search-box{ top:inherit !important;} .head-pinned{ background-color:#ffffff;} .head-pinned .main-nav .nav-menu li.menu-btn a{ margin-top:7px; line-height:32px;} .main-nav{ font-size:14px; font-weight:normal; text-transform:uppercase; line-height:46px; color:#ffffff; background-color:#066fc0;} .nav-menu li ul, .header .search-box{ top:46px;} .main-nav, .nav-menu li a, .nav-menu li a:link, .nav-menu li a:visited{ color:#ffffff;} .nav-menu li a:hover, .nav-menu li.current-menu-item a:link, .nav-menu li.current-menu-item a:visited, .nav-menu li.current-post-ancestor a, .nav-menu li.current-menu-ancestor a, .nav-menu li.current-category-ancestor a, .nav-menu li.current-product-ancestor a, .nav-menu li ul li a:hover, .nav-menu li.current-menu-item ul li a:hover, .nav-menu li.current-post-ancestor ul li a:hover, .nav-menu li.current-menu-parent ul li a:hover, .nav-menu li.current-category-ancestor ul li a:hover, .nav-menu li:hover ul li a:hover, .nav-menu li:hover a, .nav-menu li ul li.menu-item-has-children:hover a, .nav-menu li ul li.menu-item-has-children:hover ul li a:hover, .nav-menu li.menu-item-has-children ul li.current-menu-item a:hover, .single-product .nav-menu li.menu-item-object-product > a, .single-download .nav-menu li.menu-item-object-download > a, .btn-search:hover, .btn-search-active{ color:#ffffff; background-color:#066fc0;} .nav-menu li ul, .search-box .inner{ border-top-color:#ffffff;} .nav-menu > li > a:hover > span:after, .nav-menu > li.current-menu-item > a > span:after, .nav-menu > li.current-menu-item > a > span:after, .nav-menu > li.current-post-ancestor > a > span:after, .nav-menu > li.current-menu-parent > a > span:after, .nav-menu li.current-menu-ancestor > a > span:after, .nav-menu > li.current-category-ancestor > a > span:after, .nav-menu li:hover > a > span:after{ background:#ffffff;} .nav-menu>li.current-menu-item>a>span:after, .nav-menu>li.current-menu-item>a>span:after, .nav-menu>li.current-post-ancestor>a>span:after, .nav-menu>li.current-menu-parent>a>span:after, .nav-menu>li.current-category-ancestor>a>span:after, .nav-menu li:hover>a>span:after{ background:#ffffff;} .main-nav .nav-menu li.menu-btn a{ margin-top:6px; height:auto; line-height:34px; color:#fff;} .nav-menu li ul li a:link, .nav-menu li ul li a:visited{ color:#202020;} .nav-menu li ul li a:hover, .nav-menu li.current-menu-item ul li a:hover, .nav-menu li.current-post-ancestor ul li a:hover, .nav-menu li.current-menu-parent ul li a:hover, .nav-menu li.current-category-ancestor ul li a:hover, .nav-menu li:hover ul li a:hover, .nav-menu li ul li.menu-item-has-children:hover a, .nav-menu li ul li.menu-item-has-children:hover ul li a:hover, .nav-menu li.menu-item-has-children ul li.current-menu-item a{ color:#ffffff; background-color:#066fc0;} .nav-menu li ul{ width:250px;} .nav-menu li ul li ul{ left:250px;} .sub-header{ line-height:60px; color:#808080; background-color:transparent;} .sub-header a:link, .sub-header a:visited{ color:#808080;} .sub-header a:hover{ color:#066fc0;} .sub-header a:active{ color:#066fc0;} .slideshow-container .slider-caption-content .pop-slider-description{ color:#ffffff;} .slideshow-container .slider-caption-content .pop-slider-description{ font-size:18px;} .slideshow-container .slider-caption-content .pop-slider-heading{ color:#ffffff;} .slideshow-container .slider-caption-content .pop-slider-heading{ font-size:46px;} .slideshow-container .slider-caption-content .btn{ color:#202020;} .slideshow-container .slider-caption-content .btn{ background-color:#ffffff;} .slideshow-container .slider-caption-content .btn:hover{ color:#094198;} .slideshow-container .slider-caption-content .btn:hover{ border-color:#ffffff; background-color:#ffffff;} .video-container .pop-video-heading{ color:#ffffff;} .video-container .pop-video-heading{ font-size:46px;} .video-container .pop-video-description{ color:#ffffff;} .video-container .pop-video-description{ font-size:18px;} .video-container .btn{ color:#ffffff;} .video-container .btn{ background-color:#ff6600;} .video-container .btn:hover{ color:#ffffff;} .video-container .btn:hover{ background-color:#f06000;} .mobile-slideshow-container .slider-caption-content .pop-slider-description{ color:#ffffff;} .mobile-slideshow-container .slider-caption-content .pop-slider-description{ font-size:16px;} .mobile-slideshow-container .slider-caption-content .pop-slider-heading{ color:#ffffff;} .mobile-slideshow-container .slider-caption-content .pop-slider-heading{ font-size:32px !important;} .mobile-slideshow-container .slider-caption-content .btn{ color:#ffffff;} .mobile-slideshow-container .slider-caption-content .btn{ background-color:#ff6600;} .mobile-slideshow-container .slider-caption-content .btn:hover{ color:#ffffff;} .mobile-slideshow-container .slider-caption-content .btn:hover{ background-color:#f06000;} .mobile-video-container .pop-video-heading{ color:#ffffff;} .mobile-video-container .pop-video-heading{ font-size:32px;} .mobile-video-container .pop-video-description{ color:#ffffff;} .mobile-video-container .pop-video-description{ font-size:16px;} .mobile-video-container .btn{ color:#ffffff;} .mobile-video-container .btn{ background-color:#ff6600;} .mobile-video-container .btn:hover{ color:#ffffff;} .mobile-video-container .btn:hover{ background-color:#f06000;} .section-item, .home .wrapper-boxed .container .widget, .home .wrapper-boxed .container .section-item, .section-map .inner .heading-title{ padding-top:70px;} .section-item, .home .wrapper-boxed .container .widget, .home .wrapper-boxed .container .section-item{ padding-bottom:70px;} .section-item .heading-title, .section-item .heading-title b, .section-item .heading-title strong, .home .elementor-element .elementor-widget-container .section-title, .home .elementor-element .elementor-widget-container h2.elementor-heading-title{ font-size:42px; font-weight:bold; text-transform:uppercase; text-align:center; color:#202020;} .section-item .heading-title b, .section-item .heading-title strong{ text-decoration:normal;} .section-item .heading-title a:link, .section-item .heading-title a:visited{ color:#202020;} .section-item .heading-title a:hover{ color:#066fc0;} /*.section-item .heading-title:hover b:after{ left:0; margin-left:0; width:100%; background:#066fc0;}*/ .section-item:last-child{ margin-bottom:0 !important;} .wrapper-content{ padding:30px 20px 20px;} .gallery-container .item-content h3{ height:40px;} .container-product .gallery-container .item-content h3, .products-container .item-content h3{ height:40px;} .gallery-container .item-download h3{ height:40px;} .single-post .entry-content, .page .entry-content{ font-size:16px;} .single-product .entry-content{ font-size:14px;} .filters-nav .filter-item ul li:hover > a, .filters-nav .filter-item ul li.current-cat > a, .filters-nav .filter-item ul li.current-cat-parent > a, .filters-nav .filter-item ul li.current_page_item > a, .filters-nav .filter-item ul li.current_page_ancestor > a, .filters-nav .filter-item ul li ul li > a:hover, .filters-nav .filter-item ul li ul li.current-cat > a, .filters-nav .filter-item ul li ul li.current-cat-ancestor > a, .filters-nav .filter-item ul li ul li:hover > a, .filters-nav .filter-item ul li ul li.current_page_item > a{ color:#ffffff; background-color:#066fc0;} .product-thumbs-gallery .flex-control-thumbs li.flex-active img{ border-color:#066fc0;} .product-thumbs-wrapper .jcarousel-control-prev:hover, .product-thumbs-wrapper .jcarousel-control-next:hover{ background:#066fc0;} .entry-content a:link, .entry-content a:visited{ color:#202020;} .entry-content a:hover{ color:#066fc0;} .widget-title{ color:#202020;} .widget_nav_menu ul li a:link, .widget_nav_menu ul li a:visited, .widget_nav_menu ul li.menu-item-has-children ul li > a:link, .widget_nav_menu ul li.menu-item-has-children ul li > a:visited, .widget_nav_menu ul li.page_item_has_children ul li > a:link, .widget_nav_menu ul li.page_item_has_children ul li > a:visited, .widget_nav_menu ul li.current-cat-parent ul.children li > a:link, .widget_nav_menu ul li.current-cat-parent ul.children li > a:visited, .widget_nav_menu ul li ul.children li > a{ color:#202020;} .widget_nav_menu ul > li.current-cat a, .widget_nav_menu ul li a:hover, .widget_nav_menu ul li:hover a, .widget_nav_menu ul li.current-menu-item > a, .widget_nav_menu ul li.current-menu-parent > a, .widget_nav_menu ul li.current_page_item > a, .widget_nav_menu ul li.current_page_parent > a, .widget_nav_menu ul li.current-cat-ancestor > a, .widget_nav_menu ul li.current-cat-parent > a, .widget_nav_menu ul li.menu-item-has-children ul li > a:hover, .widget_nav_menu ul li.menu-item-has-children ul li:hover > a, .widget_nav_menu ul li.page_item_has_children ul li > a:hover, .widget_nav_menu ul li.page_item_has_children ul li:hover > a, .widget_nav_menu ul li.current-cat-parent ul.children li > a:hover, .widget_nav_menu ul li.current-cat-parent ul.children li:hover > a, .widget_nav_menu ul li ul.children li > a:hover, .widget_nav_menu ul li ul.children li:hover > a{ border-left-color:#066fc0; color:#066fc0;} .widget_nav_menu_vertical .current-cat > a, .widget_nav_menu_vertical .current_page_item > a{ border-left-color:#066fc0 !important; color:#066fc0 !important;} .sidebar{ margin-right:-25%; width:25%;} .content{ margin-left:25%;} .content-left .sidebar{ margin-left:-25%;} .content-left .column-fluid .content{ margin-right:25%;} .sidebar .widget{ background-color:#ffffff; margin-bottom:30px; padding:0 0 0 0;} .widget_nav_menu_vertical ul li ul li a{ padding-left:24px !important;} .widget_nav_menu_vertical ul li ul li ul li a{ padding-left:38px !important;} .sidebar .widget-title{ font-size:16px; font-weight:bold; text-transform:normal; text-align:left; color:#202020; background-color:#f9f9f9;} .sidebar .widget-title b{ font-weight:bold;} .sidebar .widget-title a:link, .sidebar .widget-title a:visited{ color:#202020;} .sidebar .widget-title a:hover{ color:#066fc0;} .footer, .foot-widgets .widget-section ul, .foot-widgets .wpcf7 .wpcf7-text, .foot-widgets .wpcf7 .wpcf7-captchar, .foot-widgets .wpcf7 .wpcf7-select, .foot-widgets .wpcf7 .wpcf7-textarea{ color:#d7dce2;} .footer{ background-color:#17191c;} .foot-widgets .widget-title, .foot-widgets .widget-title a:link, .foot-widgets .widget-title a:visited, .foot-widgets .widget-title a:hover, .foot-widgets .widget-title b{ font-size:16px; text-align:left; color:#ffffff;} .footer a:link, .footer a:visited{ color:#606060;} .footer a:hover{ color:#ffffff !important;} .foot-bar{ color:#696969;} .foot-bar{ background-color:#222222;} .foot-bar a:link, .foot-bar a:visited{ color:#696969 !important;} .foot-bar a:hover{ color:#dddddd !important;} .foot-bar a:active{ color:#dddddd !important;} .social-network-container .icon-socialmedia{ border:none; fill:rgb(255,255,255);} .social-network-container .share-title{ line-height:20px;} .social-share-container .icon-socialmedia{ border:none; fill:rgb(255,255,255);} .social-share-container .share-title{ line-height:24px;} .live-chat-title, .live-chat-box, .live-chat-icon .live-chat-box a span, .live-chat-icon i.fa, .live-chat-box .icon-socialmedia, .live-chat-box a{ color:#ffffff; fill:#ffffff;} .live-chat-title, .live-chat-box, .live-chat-icon .live-chat-box span, .live-chat-icon .live-chat-box strong{ background-color:#1e73be;} .live-chat i.fa{ font-size:18px;} .live-chat-box a:link, .live-chat-box a:visited, .live-chat-name .woo-cart-box a .woo-cart-count{ color:#ffffff;} .live-chat-box a:hover, .live-chat-name .woo-cart-box:hover a .woo-cart-count{ color:#ffffff;} .live-chat-box a:active{ color:#ffffff;} .live-chat-icon.prt .live-chat-box span:after, .live-chat-icon.prt .live-chat-box strong:after{ border-left-color:#1e73be; color:#1e73be;} .message-form-box .message-header{ color:#ffffff;} .message-form-box .message-header{ background:#066fc0;} .mobi-bar, .mobi-bar a, .mobi-bar a i, .mobi-bar a span{ color:#ffffff;} .mobi-bar{ background-color:#dd2a2a;} @media only screen and (max-width:1023px){ .header-middle .search-box{ top:0 !important;} .sidebar{ display:none;} .foot-bar{ padding:18px 0 45px;} .section-item, .home .wrapper-boxed .container .widget, .home .wrapper-boxed .container .section-item, .section-map .inner .heading-title{ padding-top:35px;} .section-item, .home .wrapper-boxed .container .widget, .home .wrapper-boxed .container .section-item{ padding-bottom:35px;} } .top-bar{ border-bottom: 1px solid rgba(132,132,132,0.12);} .home .container .wrapper-homebar .section-item, .column-fluid .content{ border-top: 1px solid rgba(32,32,32,0.25);} .main-nav, .nav-menu li > a{ height:46px;} .sidebar .widget-title{ border-top:1px solid rgba(32,32,32,0.25);}body, button, input, select, textarea{ font-family:"Roboto",Arial,"Microsoft YaHei",sans-serif;} .top-bar{ padding:8px 0; border-bottom:1px solid rgba(132,132,132,.12);} .header-vertical .extra-info{ margin:0 auto; width:calc(100% - 260px); padding-left:30px; border-left:1px solid #eee;} /*.home .swiper-container, .sub-header{ margin-top:30px;}*/ .nav-menu>li.current-menu-item>a>span:after, .nav-menu>li.current-menu-item>a>span:after, .nav-menu>li.current-post-ancestor>a>span:after, .nav-menu>li.current-menu-parent>a>span:after, .nav-menu>li.current-category-ancestor>a>span:after, .nav-menu li:hover>a>span:after{ opacity:.35;} .wrapper-content{ padding:0; background:none;} .home .wrapper-content{ margin-top:30px;} .btn-search:hover, .btn-search-active{ background-color:transparent;} .sidebar .widget-area{ margin-right:30px; padding-top:0 !important; box-sizing:border-box;} .sidebar .widget-area .widget-title { margin-left:-25px !important; margin-right:-25px !important; border-top:1px solid rgba(32,32,32,.25);} .sidebar .widget_nav_menu ul, .widget_nav_menu ul li{ border:none !important;} .widget_nav_menu ul li a:link, .widget_nav_menu ul li a:visited, .widget_nav_menu ul li.menu-item-has-children ul li>a:link, .widget_nav_menu ul li.menu-item-has-children ul li>a:visited, .widget_nav_menu ul li.page_item_has_children ul li>a:link, .widget_nav_menu ul li.page_item_has_children ul li>a:visited, .widget_nav_menu ul li.current-cat-parent ul.children li>a:link, .widget_nav_menu ul li.current-cat-parent ul.children li>a:visited, .widget_nav_menu ul li ul.children li>a{ padding:12px 12px 12px 0; border-top:none; border-left:none; background-color:transparent; } .content, .home .content .section-item, .home .container .wrapper-homebar .section-item:first-child, .sidebar .widget-area{ padding:25px; background:#fff; -moz-box-shadow:0 0 2px rgba(0,0,0,.12); -webkit-box-shadow:0 0 2px rgba(0,0,0,.12); box-shadow:0 0 2px rgba(0,0,0,.12);} .home .content{ padding-top:0; background:transparent; border-top:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .gfq-l{font-size:16px;} .gfq-r .wpcf7{ margin-top:0; margin-left:25px;} /* 20230213 */ .home .wrapper{ background:#ffffff;} .fadeInSmall, .ul-product li img, .ul-case li .pic img, .cat-sticky-thumb-post-list .cat-sticky-post-slider .item-content img{ -webkit-animation:fadesm 1.5s forwards ease; animation:fadesm 1.5s forwards ease;} @keyframes fadesm{ 0%{-webkit-transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06)} 100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} } @-webkit-keyframes fadesm{ 0%{-webkit-transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06)} 100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} } .fadeOutBig{-webkit-animation:fadeOutBig 1.5s forwards ease;animation:fadeOutBig 1.5s forwards ease} @keyframes fadeOutBig{ 0%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} 100%{-webkit-transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06)} } @-webkit-keyframes fadeOutBig{ 0%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} 100%{-webkit-transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06)} } .fadeInLeft, .cat-sticky-thumb-post-list ul li{-webkit-animation:fadeInLeft 1.5s forwards ease;animation:fadeInLeft 1.5s forwards ease} .cat-sticky-thumb-post-list ul li:nth-child(2){-webkit-animation:fadeInLeft 2s forwards ease;animation:fadeInLeft 2s forwards ease} .cat-sticky-thumb-post-list ul li:nth-child(3){-webkit-animation:fadeInLeft 2.5s forwards ease;animation:fadeInLeft 2.5s forwards ease} .cat-sticky-thumb-post-list ul li:nth-child(4){-webkit-animation:fadeInLeft 3s forwards ease;animation:fadeInLeft 3s forwards ease} .cat-sticky-thumb-post-list ul li:nth-child(5){-webkit-animation:fadeInLeft 3.5s forwards ease;animation:fadeInLeft 3.5s forwards ease} .cat-sticky-thumb-post-list ul li:nth-child(6){-webkit-animation:fadeInLeft 4s forwards ease;animation:fadeInLeft 4s forwards ease} @keyframes fadeInLeft{ 0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(45%);-ms-transform:translateX(45%);-o-transform:translateX(45%);transform:translateX(45%)} 80%{opacity:.6;filter:alpha(opacity=60);-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)} 100%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)} } @-webkit-keyframes fadeInLeft{ 0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(45%);-ms-transform:translateX(45%);-o-transform:translateX(45%);transform:translateX(45%)} 80%{opacity:.6;filter:alpha(opacity=60);-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)} 100%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)} } .fadeInRight{-webkit-animation:fadeInRight 1.5s forwards ease;animation:fadeInRight 1.5s forwards ease} @keyframes fadeInRight{ 0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(-45%);-ms-transform:translateX(-45%);-o-transform:translateX(-45%);transform:translateX(-45%)} 80%{opacity:.6;filter:alpha(opacity=60);-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)} 100%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)} } @-webkit-keyframes fadeInRight{ 0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(-45%);-ms-transform:translateX(-45%);-o-transform:translateX(-45%);transform:translateX(-45%)} 80%{opacity:.6;filter:alpha(opacity=60);-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)} 100%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)} } .section-item .section-heading{ margin-bottom:40px;} .section-item .section-heading .heading-title{ margin-bottom:10px;} .section-item .heading-description{ font-size:16px; text-align:center;} .section-item .section-content{ overflow:hidden;} .section-item .filters-nav-tabs{ display:table;} .section-item .filters-nav-tabs .btn{ padding:0 0.5px; font-size:18px; display:table-cell; background:transparent;} .section-item .filters-nav-tabs .btn a{ padding:21px 20px; opacity:1; color:#ffffff; /*text-shadow:0 4px 4px rgb(0 0 0 / 20%);*/ position:relative; display:inline-block; background-color:#555555;} .section-item .filters-nav-tabs .btn-cur a{ background:#066fc0;} .section-item .filters-nav-tabs .btn-cur a:before{ content:''; position:absolute; z-index:-1; left:-2px; top:-2px; right:-2px; bottom:-2px; background:#066fc0;} .section-item .tabs-b2 .btn{ padding:0 30px;} .section-item .tabs-b2 .btn a{ min-width:16.66%; background:transparent;} .section-item .tabs-b2 .btn-cur a{ background:#066fc0;} .section-item .tabs-sl .btn a{ color:#000000;} .section-item .tabs-sl .btn-cur a{ color:#ffffff;} .ul-product a{ display: block; position: relative; overflow: hidden;} .ul-product a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:4px;background-color:#9aae4d;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease} .ul-product .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;-webkit-transition:1.5s ease;-o-transition:1.5s ease;transition:1.5s ease} .ul-product .mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2} .ul-product .tit{padding:24px 24px 20px;position:absolute;left:0;top:0;right:0} .ul-product .tit:after{content:'';position:absolute;left:24px;bottom:0;width:32px;height:3px;background-color:#9aae4d} .ul-product .tit h3{font-size:24px;color:#333;line-height:1.2} .ul-product .tit .en{font-size:12px;color:#4d4d4d} .ul-product .more{padding:20px 24px;position:absolute;left:0;bottom:0;font-size:14px;color:#585757;line-height:30px} .ul-product .con:hover:after{width:100%} .ul-product li p{ margin-bottom:0 !important;} .ul-product li:hover img{-webkit-animation:fadeOutBig 1.5s forwards ease;animation:fadeOutBig 1.5s forwards ease;-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)} /* Case */ .ul-case{padding-top:10px;} .ul-case li{margin-bottom:10px !important;padding:0 5px;float:left;width:25%;box-sizing:border-box;} .ul-case li:before{ display:none !important;} .ul-case li p{ margin-bottom:0 !important;} .ul-case .con{display:block;position:relative} .ul-case .pic{padding-top:75.4%;position:relative;overflow:hidden} .ul-case .pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease} .ul-case .hot-sale{position:absolute;left:-6px;top:-6px;width:30%;overflow:hidden;z-index:3} .ul-case .hot-scale img{display:block;width:100%} .ul-case .mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2} .ul-case .bt{padding:16px 28px;position:absolute;left:0;bottom:0;right:0} .ul-case .bt .tit h4{padding-bottom:14px;font-size:18px;color:#141414;font-weight:400;position:relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .ul-case .bt .tit h4:before{content:'';position:absolute;left:0;bottom:0;width:24px;height:2px;background-color:#9aae4d} .ul-case .bt .more{margin-top:0;display:inline-block;font-size:14px;color:#585757;line-height:20px} .ul-case .tit2{padding:30px;position:absolute;left:0;top:0;right:0} .ul-case .tit2 h5{margin-bottom:10px;font-size:14px;color:#141414;font-weight:400} .ul-case .tit2 h4{font-size:20px;color:#141414;line-height:1.3;font-weight:400} .ul-case .tit2 h4 span{display:block;color:#9aae4d} .ul-case .big{width:50%} .ul-case .big .bt{padding:54px 58px} .ul-case .big .bt .tit .en{margin-bottom:2px;font-size:24px;color:#fff;text-transform:uppercase;line-height:1.3} .ul-case .big .bt .tit h4{padding:0;font-size:32px;color:#fff} .ul-case .big .bt .tit h4:before{display:none} .ul-case li:hover .pic img{-webkit-animation:fadeOutBig 1.5s forwards ease;animation:fadeOutBig 1.5s forwards ease;-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)} /* Shili */ .shili .tab-content-box{ margin-top:90px; padding:0 205px 0 100px;/* background-image:url(../../images/bg-sl.jpg);*/ background-repeat:no-repeat; background-position:center center; background-size: cover;} .shili .tab-content-box .sl-lt{ padding:138px 0; overflow:hidden;} .shili .tab-content-box .sl-lt img{ float:left; margin-right:35px;} .shili .tab-content-box .sl-lt h3{ margin-bottom:4px; margin-top:36px; font-size:42px; font-weight:400;} .shili .tab-content-box .sl-lt p{ margin-bottom:0; font-size:16px;} .shili .tab-content-box .sl-rt{ position:absolute; bottom:35px; right:50px; width:47%;} /* Partner */ .sticky-partner{ float:left; width:26%; overflow:hidden; position:relative; cursor:pointer;} .sticky-partner .maskbox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .sticky-partner .maskbox img{ position: absolute; right: 40px; top: 27px; width: 200px; height: 50px; line-height: 50px; font-size: 0; text-align: right; overflow: hidden; } .sticky-partner .maskbox h4{ padding:20px; position: absolute; left: 0; bottom: 0; right: 0; font-size: 24px; color: #fff; font-weight: 400;} .gallery-partner{margin-bottom:-22px;float:right;width:74%;overflow:hidden} .gallery-partner .gallery .gallery-item{ margin:0 auto; padding:0 0 22px 22px; float:left; width:25%;} .gallery-partner .gallery .gallery-item .gallery-icon{ cursor:pointer; display:block;height:121px;line-height:121px;background-color:#fff;font-size:0;text-align:center;overflow:hidden} .gallery-partner .gallery .gallery-item .gallery-icon img{-webkit-box-shadow:none; box-shadow:none;display:inline-block;vertical-align:middle;max-width:90%;max-height:90%;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease} .gallery-partner .gallery .gallery-item:hover .gallery-icon img, .sticky-partner:hover .st-pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)} /* News */ .cat-sticky-thumb-post-list .filters-nav-tabs .btn{ padding:0 30px;} .cat-sticky-thumb-post-list .filters-nav-tabs .btn a{ padding:21px 50px; opacity:1; color:#000000; background:transparent;} .cat-sticky-thumb-post-list .filters-nav-tabs .btn-cur a{ color:#ffffff; background:#066fc0;} .cat-sticky-thumb-post-list .cat-sticky-post-slider .item-content h3{ padding:0 20px; font-size:18px; color:#ffffff; line-height:60px; text-align:center; font-weight:400; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; background-color:rgba(0,0,0,.6); overflow:hidden;} .cat-sticky-thumb-post-list ul.thumb-excerpt-list{ padding-left:20px;} .cat-sticky-thumb-post-list ul li{ margin-bottom:25px;} .cat-sticky-thumb-post-list ul li .post-date{ margin:3px 35px 0 0; padding:20px 12px; background-color:#f6f6f6;} .cat-sticky-thumb-post-list ul li .post-date .post-date-day{ padding:0 8px; font-size:42px;} .cat-sticky-thumb-post-list ul li .post-date .post-date-year-month{ padding:0 8px; background:transparent; font-size:18px;} .cat-sticky-thumb-post-list ul li h3{ margin-bottom:10px; font-size:24px;font-weight:400; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;} .cat-sticky-thumb-post-list ul li .excerpt-content{ font-size:16px; color:#999999; line-height:1.5; height:3em; overflow:hidden;} .cat-sticky-thumb-post-list ul li:hover .post-date{ color:#ffffff; background-color:#066fc0;} .cat-sticky-thumb-post-list .cat-sticky-post-slider:hover .item-content img{-webkit-animation:fadeOutBig 1.5s forwards ease;animation:fadeOutBig 1.5s forwards ease;-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)} /*.footer{ background:url('/wp-content/themes/Block/images/bg-footer.jpg'); background-size:cover;}*/ .footer-so{ width:420px;} .footer-so .search-form .search-field{ height:60px;} .footer-so h4{ margin-bottom:15px; font-size:14px; color:rgba(255,255,255,.5); font-weight:400;} .footer-so .search-submit{ padding:0 30px 0 40px; font-size:16px; line-height:60px; background-repeat: no-repeat; background-image:url(/wp-content/themes/Block/images/bg-so-btn.png);} .footer-so .search-submit i{ margin-right:8px; font-size:14px;} .foot-widgets .widget-title{ font-size:18px; font-weight:400;} .bottom-extra-content{ padding:0;} .bottom-extra-content .inner{ padding:50px 0 40px; border-bottom:1px solid rgba(255,255,255,.1);} .tel-fixed{ display:none;} @media only screen and (min-width:1024px){ .widgets-col-6 .widget{ max-width:200px;} .widgets-col-6 .widget:last-child{ width:auto; max-width:450px;} } @media only screen and (max-width:1023px){ .section-item .filters-nav-tabs{ padding:4px 0; text-align:center; white-space:nowrap; overflow-x:auto;} .section-item .filters-nav-tabs .btn a{ padding:11px 10px;} .shili .tab-content-box .sl-lt{ padding:20px 0 0;} .shili .tab-content-box{ margin-top:30px; padding:0 30px;} .shili .tab-content-box .sl-rt{ position:static; width:100%;} .cat-sticky-thumb-post-list .cat-sticky-slider-wrapper{ margin-bottom:25px;} .ul-case .big .bt{ padding:30px 20px;} .ul-case .big .bt .tit .en{ font-size:18px;} .ul-case .big .bt .tit h4{ font-size: 22px;} .ul-case .bt .tit h4, .ul-case .tit2 h4{ font-size:14px;} .ul-case .bt .more{ font-size:12px;} .gallery-partner .gallery .gallery-item{ padding:0 0 10px 10px;} .gallery-partner .gallery .gallery-item .gallery-icon{ height:80px; line-height:80px;} .tel-fixed{ display:inline-block; position:fixed; right:3px; top:30%; z-index:999; color:#ffffff; background:#066fc0; border-radius:50px;} } @media only screen and (max-width:768px){ .section-item .section-heading{ margin-bottom:10px;} .section-item .filters-nav-tabs .btn{ font-size:14px;} .section-item .tabs-b2 .btn, .cat-sticky-thumb-post-list .filters-nav-tabs .btn{ padding: 0 10px; display:inline-block;} .section-item .heading-description{ font-size:14px;} .ul-product .tit{ padding:14px 14px 10px;} .ul-product .tit h3{ font-size:18px;} .ul-product .tit:after{ left:14px;} .ul-product .more{ padding:20px 14px;} .ul-case .big, .ul-case li{ width:100%;} .ul-case .bt .tit h4, .ul-case .tit2 h4, .ul-case .tit2 h5{ font-size:18px;} .shili .tab-content-box .sl-lt img{ margin-right:15px; width:auto; max-height:70px;} .shili .tab-content-box .sl-lt h3{ margin-top:20px; font-size:20px; text-align:left;} .shili .tab-content-box .sl-lt p{ font-size:12px; text-align:left;} .sticky-partner{ width:100%;} .sticky-partner .st-pic{ overflow:hidden; height:350px;} .sticky-partner .st-pic img{ width:100%; margin-top:-50%;} .gallery-partner{ float:none; width:auto; padding-top:20px; margin:0 -10px -10px;} .gallery-partner .gallery-columns-4 .gallery-item:nth-child(2n+1){ clear:initial;} .cat-sticky-thumb-post-list ul.thumb-excerpt-list{ padding-left:0;} .cat-sticky-thumb-post-list ul li .post-date{ margin:3px 20px 0 0; padding:15px 2px;} .cat-sticky-thumb-post-list ul li .post-date .post-date-day{ font-size:28px;} .cat-sticky-thumb-post-list ul li .post-date .post-date-year-month{ font-size:14px;} .cat-sticky-thumb-post-list ul li h3{ margin-bottom:6px; font-size:16px;} .cat-sticky-thumb-post-list ul li .excerpt-content{ font-size:14px;} } @media only screen and (max-width:480px){ .sticky-partner .st-pic{ height:250px;} .gallery-partner .gallery-columns-4 .gallery-item:nth-child(2n+1){ clear:both;} .gallery-partner .gallery .gallery-item { width:50%;} .footer-so{ width:100%;} } #wewe-5 { background-image:url(/wp-content/themes/Block/images/bg-hyfa.jpg);} #wewe-5 { background-repeat:no-repeat;} #wewe-5 { background-position:top center;} #wewe-5 { background-size:cover;} #wewe-5 { background-attachment:scroll;} #wewe-3 { background-color:#a3a3a3;} #wewe-3 { background-image:url(/wp-content/themes/Block/images/bg-hzhb.jpg);} #wewe-3 { background-repeat:no-repeat;} #wewe-3 { background-position:top center;} #wewe-3 { background-size:cover;} #wewe-3 { background-attachment:scroll;} # { background-image:url(/wp-content/themes/Block/images/bg-hyfa.jpg);} # { background-repeat:no-repeat;} # { background-position:top center;} # { background-size:cover;} # { background-attachment:scroll;} # { background-color:#a3a3a3;} # { background-image:url(/wp-content/themes/Block/images/bg-hzhb.jpg);} # { background-repeat:no-repeat;} # { background-position:top center;} # { background-size:cover;} # { background-attachment:scroll;} # .inner{max-width:100%;} #wewe-9 { background-image:url(/wp-content/themes/Block/images/bg-hyfa.jpg);} #wewe-9 { background-repeat:no-repeat;} #wewe-9 { background-position:top center;} #wewe-9 { background-size:cover;} #wewe-9 { background-attachment:scroll;} #wewe-9 { background-color:#a3a3a3;} #wewe-9 { background-image:url(/wp-content/themes/Block/images/bg-hzhb.jpg);} #wewe-9 { background-repeat:no-repeat;} #wewe-9 { background-position:top center;} #wewe-9 { background-size:cover;} #wewe-9 { background-attachment:scroll;} #baidu-maps-position-8 .inner{max-width:100%;}